.tawk-branding {
    display: none !important;
}
body{
	padding:0;
	margin:0;
	-webkit-text-size-adjust:none;
}
:root {
  --slate:   #16120e;
  --slate2:  #1f1a14;
  --slate3:  #2b231a;
  --gold:    #c9a84c;
  --gold2:   #e8c87a;
  --salt:    #f0ddd4;
  --cream:   #f7f2eb;
  --rust:    #8b3a2a;
  --stone:   #6b5c4e;
  --muted:   #9a8878;
}
/* ── Scrollbar ───────────────────────────────────────────── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--slate); }
::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 2px; }

h1, h2, h3, h4, h5, h6, p, pre{
	padding:0;
	margin:0;
	line-height: inherit;
	white-space: normal;
	display: block;
	font-weight: inherit;
	font: inherit;
	vertical-align: baseline;
}

a, a:link, a:visited, a:hover, a:active{
	text-decoration: none;
	color: inherit;
}

p a,
p a:link,
p a:visited,
p a:hover,
p a:active{
}

main a[href]:hover,
main a[href].hover,
footer a[href]:hover,
#cookies a[href]:hover,
.txt-underline{
	text-decoration: underline!important;
}

.card a,
.card a:hover,
.card a.inner,
.card a.inner:hover,
.button a,
a.button,
a .button,
.button a:hover,
a.button:hover,
a .button:hover,
#cookies a.button:hover,
#related a{
	text-decoration: none!important
}

.button{
	transition: 0.3s;
}

.button:hover{
	opacity: 0.6;
}

a img{
	border: inherit;
}

input, textarea,
input:active, textarea:active,
input:focus, textarea:focus,
input:hover, textarea:hover,
select{
	border:none;
	outline:none;
	background: none;
	border-radius: 0;
	-webkit-border-radius:0;
	-mos-border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	padding:10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}

select option,
select option:disabled,
select option:invalid {
	color:#000
}



*{
	box-sizing: border-box;
}

table{
	border-collapse: collapse;
	width:100%;
	margin-top: 10px;
	word-wrap:break-word;
	border-color:#000;
	border:0px solid #000;
	background:rgb(240,241,235);
}

table p{
	padding: 0;
}

table p + p{
	padding: 10px 0 0 0;
}

table tr td,
table tr th{
	padding:10px;
	vertical-align: middle;
}

table tbody tr{
	border-top: 1px solid rgb(178,174,171);
}

table tr th{
	background: rgb(178,174,171);
	color: #fff;
	font-weight: 600;
}

table.locations tbody tr:first-child{
	border-top:0px solid rgb(178,174,171);
}

table.locations tbody tr td{
	border-right:1px solid rgb(178,174,171);
}

table.locations tbody tr td:nth-child(3),
table tr td.noBorderRight{
	border-right:0px solid rgb(178,174,171)!important;
}

#regionBar{
	position: fixed;
	width: 100%;
	top:182px;
	left: 0;
	z-index: 8;
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
	transition: 0.3s
}

#regionBar.reduce{
	top:102px;
}

.block{
	display: block;
}

.inline-block{
	display: inline-block;
}

.video{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	width: 100%;
}

.video iframe,
.video object,
.video embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.table{
	display: table;
	width:100%;
	border-collapse: collapse;
}

.table-row{
	display: table-row;
}

.table-cell{
	display: table-cell;
	vertical-align: middle;
}

.table-cell.top,
td.top{
	vertical-align: top;
}

.table-cell.bottom,
.inline-block.bottom{
	vertical-align: bottom;
}

.clear{
	clear:both;
}

span.clear{
	display: block;
	clear:both;
	height: 1px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

.hide{
	display: none;
}

.hidden-field{
	width: 1px!important;
	padding: 0!important;
	margin: 0!important;
	height: 1px!important;
	opacity: 0.01!important;
	border: none!important
}

.noSelect{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.right {
	float: right;
}
.left {
	float: left;
}

.txt-right{
	text-align: right;
}

.txt-left{
	text-align: left;
}

.txt-center{
	text-align: center;
}

img{
	height: auto;
}

p img{
	max-width: 100%;
}

img.centered{
	vertical-align: middle;
}

img.fit-image{
	display: block;
	max-width: 100%;
	height: auto!important;
}

.full-image img{
	width: 100%!important;
}

.img-container img{
	display: block;
	height: auto!important;
	max-width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

.img-container p{
	padding: 0!important;
	margin: 0!important
}

.opt-contrast img{
	image-rendering: -webkit-optimize-contrast;
}

.zero-font{
	font-size: 0;
	line-height: 0;
}

.normal-font{
	font-size: 16px;
	line-height: 21px;
}

.relative{
	position: relative;
}

.width100{
	width: 100%!important
}

.width90{
	width: 90%!important
}

.width85{
	width: 85%!important
}

.width80{
	width: 80%!important
}

.width75{
	width: 75%!important
}

.width70{
	width:70%!important
}

.width66{
	width: 66.66%!important
}

.width65{
	width: 65%!important
}

.width60{
	width: 60%!important
}

.width55{
	width: 55%!important
}

.width50{
	width: 50%!important
}

.width48{
	width: 48%!important
}

.width45{
	width: 45%!important
}

.width40{
	width: 40%!important
}

.width33{
	width: 33.33%!important
}

.width35{
	width:35%!important
}

.width30{
	width:30%!important
}

.width25{
	width: 25%!important
}

.width22{
	width: 22.22%!important
}

.width20{
	width: 20%!important
}

.width16{
	width: 16.66%!important
}

.width15{
	width: 15%!important
}

.width12{
	width: 12.5%!important
}

.width10{
	width: 10%!important
}

.width5{
	width: 5%!important
}

.padd2h{
	padding-left: 2px;
	padding-right: 2px;
}

.padd5h{
	padding-left: 5px;
	padding-right: 5px;
}

.padd10h{
	padding-left: 10px;
	padding-right: 10px;
}

.padd15h{
	padding-left: 15px;
	padding-right: 15px;
}

.padd20h{
	padding-left: 20px;
	padding-right: 20px;
}

.padd30h{
	padding-left: 30px;
	padding-right: 30px;
}

.padd40h{
	padding-left: 40px;
	padding-right: 40px;
}

.padd50h{
	padding-left: 50px;
	padding-right: 50px;
}

.padd60h{
	padding-left: 60px;
	padding-right: 60px;
}

.padd70h{
	padding-left: 70px;
	padding-right: 70px;
}

.padd80h{
	padding-left: 80px;
	padding-right: 80px;
}

.padd90h{
	padding-left: 90px;
	padding-right: 90px;
}

.padd100h{
	padding-left: 100px;
	padding-right: 100px;
}

.padd2v{
	padding-top: 2px;
	padding-bottom: 2px;
}

.padd5v{
	padding-top: 5px;
	padding-bottom: 5px;
}

.padd10v{
	padding-top: 10px;
	padding-bottom: 10px;
}

.padd15v{
	padding-top: 15px;
	padding-bottom: 15px;
}

.padd20v{
	padding-top: 20px;
	padding-bottom: 20px;
}

.padd30v{
	padding-top: 30px;
	padding-bottom: 30px;
}

.padd35v{
	padding-top: 35px;
	padding-bottom: 35px;
}

.padd40v{
	padding-top: 40px;
	padding-bottom: 40px;
}

.padd50v{
	padding-top: 50px;
	padding-bottom: 50px;
}

.padd60v{
	padding-top: 60px;
	padding-bottom: 60px;
}

.padd70v{
	padding-top: 70px;
	padding-bottom: 70px;
}

.padd80v{
	padding-top: 80px;
	padding-bottom: 80px;
}

.padd90v{
	padding-top: 90px;
	padding-bottom: 90px;
}

.padd100v{
	padding-top: 100px;
	padding-bottom: 100px;
}

.border-left{
	border-left:1px solid #681029;
}

.border-right{
	border-right:1px solid #681029;
}

.padd0l{
	padding-left: 0!important
}

.padd0r{
	padding-right: 0!important
}

.padd0t{
	padding-top: 0!important
}

.padd0b{
	padding-bottom: 0!important
}


html{
}

body{
	font-size: 16px;
	line-height: 21px;
	font-weight: 400;
	visibility: visible!important;
	color: #333;
	background: #fff;
}

h1,
h5{
	font-size: 20px;
	line-height: 25px;
	padding:0 0 15px 0
	/* Identical h1/h5 - Small main titles */
}

h1.full-size,
h2,
h3{
	font-size: 39px;
	line-height: 45px;
	padding:0 0 25px 0
	/* Identical h2/h3 */
}

h4{
	font-size: 30px;
	line-height: 36px;
	padding:0 0 20px 0
}

.h4b{
	font-size: 24px;
	line-height: 29px;
}

.h4c{
	font-size: 22px;
	line-height: 26px;
}

h6{
	font-size: 17px;
	line-height: 22px;
	padding:0 0 15px 0
}

p{
	padding:0 0 15px 0
}

.sprite-lineheight{
	line-height: 32px!important
}

.noHeadPadd h1,
.noHeadPadd h2,
.noHeadPadd h3,
.noHeadPadd h4,
.noHeadPadd h5,
.noHeadPadd h6,
.noPPadd p,
.noPPaddLast p:last-child{
	padding-bottom:0;
}

.tightLH h3{
	line-height: 35px;
}

hr{
	background: #ff9906;
	margin: 10px 0 20px 0;
	height: 1px;
	border: none;
	padding: 0;
	outline: none
}

sup{
	vertical-align: super;
	font-size: 12px;
}

sub{
	font-size: 12px;
	vertical-align: sub;
	line-height: 4px;
}

small,
.small{
	font-size: 12px;
	line-height: inherit;
}

.medium{
	font-size: 20px;
	line-height: inherit;
}

.xmedium{
	font-size: 40px;
	line-height: 35px;
}

.xxmedium{
	font-size: 65px;
	line-height: 60px;
}

.large{
	font-size: 90px;
	line-height: 80px;
}

.xlarge{
	font-size: 120px;
	line-height: 110px;
}

.xxlarge{
	font-size: 140px;
	line-height: 120px;
}

main ul {
	list-style: none;
}

main ul > li::before {
	content: "\2022";
	color: #ff9906;
	display: inline-block;
	width: 20px;
	margin-left: -20px;
	font-weight: 600
}

main ol {
	list-style: none;
	counter-reset: li
}

main ol > li::before {
	content: counter(li);
	color: #ff9906;
	display: inline-block;
	width: 20px;
	margin-left: -20px;
	font-weight: 600
}

main ol > li > ol{
	padding-left:30px;
}

main ol > li > ol > li::before {
	content: counters(li, ".") " ";
	counter-increment: li / 2;
	color: #ff9906;
	display: inline-block;
	width: 30px;
	margin-left: -30px;
	font-weight: 600
}

main ol > li {
	counter-increment: li
}

main ul,
main ol{
	margin:5px 0 15px 0;
	padding:0 0 0 25px;
}

main ul li,
main ol li{
	padding: 0 0 10px 0;
}

main ul li ul,
main ul li ol,
main ol li ol,
main ol li ul{
	margin: 10px 0 0 0;
}

main p a,
main p a:link,
main p a:visited,
main p a:hover,
main p a:active{
}

form{
	display: block;
}

input, textarea,
input:active, textarea:active,
input:focus, textarea:focus,
input:hover, textarea:hover,
select,
.submit{
	padding: 11px 15px 11px 15px;
	border: 1px solid #ffffff;
	height: 50px;
	background: none;
	font-size: 24px;
	line-height: 26px;
	display: block;
	resize: none;
	color: #ffffff;
	margin: 0 0 0 0;
	font-family: 'Vollkorn', serif;
	width: 100%;
}

select{
	font-size: 18px;
	width: auto;
	display: inline-block;
	padding-right: 50px;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAJ1BMVEUAAAD///////////////////////////////////////////////+uPUo5AAAADHRSTlMA75+AEN+/QDAgYFBJBqOQAAAAbElEQVQ4y2MYBUMC1JyBgRNoMkxwGQU0GU4ZqMRBB3TjbKAyhzEscoXKBGDIcEFlNmC6LgcscQynu09gkWFCuBnD3XA3Y7ob4WZMdwdgleFCuBnT3cdwhTfczZjuVsAhwynogCv6jBlGwZABABeISpyUOZm2AAAAAElFTkSuQmCC);
	background-position:100% 50%;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	border: 2px solid #fff;
	cursor: pointer;
	transition: 0.3s;
}

select option{
	background: #fff;
}

select:hover{
	background-color: #808080
}

.submit{
	background: #ff9906;
	border: 1px solid #ff9906;
	color: #864054;
	display: inline-block;
	width: auto;
	cursor: pointer;
	padding: 13px 20px;
	transition: 0.3s;
}

.submit:hover{
	color: #ff9906;
	background: transparent;
}

input[type="text"]::-webkit-input-placeholder{
	color:rgba(255,255,255,0.6);
}

input[type="text"]::-moz-placeholder {
	color:rgba(255,255,255,0.6);
}

input[type="text"]:-ms-input-placeholder {
	color:rgba(255,255,255,0.6);
}

input[type="text"]:-moz-placeholder {
	color:rgba(255,255,255,0.6);
}

input[type="email"]::-webkit-input-placeholder{
	color:rgba(255,255,255,0.6);
}

input[type="email"]::-moz-placeholder {
	color:rgba(255,255,255,0.6);
}

input[type="email"]:-ms-input-placeholder {
	color:rgba(255,255,255,0.6);
}

input[type="email"]:-moz-placeholder {
	color:rgba(255,255,255,0.6);
}

#search{
	margin: 20px 0 0 0;
}

#search .submit{
	position: absolute;
	z-index: 2;
	top:0;
	right:0;
	height: 100%;
	width: 50px;
	padding: 8px;
	border: 1px solid #864054;
}

#search input,
#search input:active,
#search input:focus,
#search input:hover,
#searchOnPage input,
#searchOnPage input:active,
#searchOnPage input:focus,
#searchOnPage input:hover{
	border: 1px solid #681029;
	color: #681029;
	background: rgba(255,255,255,0.5);
}

#search input[type="text"]::-webkit-input-placeholder,
#searchOnPage input[type="text"]::-webkit-input-placeholder{
	color:rgba(0,0,0,0.3);
}

#search input[type="text"]::-moz-placeholder,
#searchOnPage input[type="text"]::-moz-placeholder{
	color:rgba(0,0,0,0.3);
}

#search input[type="text"]:-ms-input-placeholder,
#searchOnPage input[type="text"]:-ms-input-placeholder{
	color:rgba(0,0,0,0.3);
}

#search input[type="text"]:-moz-placeholder,
#searchOnPage input[type="text"]:-moz-placeholder{
	color:rgba(0,0,0,0.3);
}

textarea::-webkit-input-placeholder{
	color:rgba(255,255,255,0.6);
}

textarea::-moz-placeholder {
	color:rgba(255,255,255,0.6);
}

textarea:-ms-input-placeholder {
	color:rgba(255,255,255,0.6);
}

textarea:-moz-placeholder {
	color:rgba(255,255,255,0.6);
}

input[type="checkbox"],
input[type="radio"]{
	width: 18px;
	height: 18px;
	margin: 0;
	border:none;
	outline:1px solid #fff;
	padding: 0;
	display: inline-block;
	background: none;
	vertical-align: middle;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}

input[type="submit"]{
	opacity: 0.01!important;
	position: absolute!important;
	width: 1px!important;
	height: 1px!important;
	border: none!important;
	padding: 0!important;
	margin: 0!important;
}

textarea,
textarea:active,
textarea:focus,
textarea:hover{
	height: auto;
	min-height: 130px;
	display: block;
	width: 100%;
	margin: 0;
}

blockquote {
	display: block;
	margin: 30px 0;
	padding: 0 0 0 30px;
	border-left: 2px solid #ff9906!important
}

blockquote,
blockquote p{
	font-size: 22px;
	line-height: 26px;
	color: #864054!important;
}

blockquote p{
	display: inline;
}

blockquote::before,
blockquote::after{
	content:'"';
	font-size: 50px;
	line-height: 10px;
	font-weight: 600!important;
	color: #ff9906!important;
	display: inline-block;
	vertical-align: bottom;
}

label{
	display: inline-block;
}

.font-opensans{
	font-family: 'Open Sans', sans-serif;
}

.font-vollkorn{
	font-family: 'Vollkorn', serif;
	font-weight: 500;
	/* Default to medium */
}

strong,
.strong{
	font-weight: 600!important;
}

a.link-block{
	display: block;
}

.txt-grey,
.txt-grey a,
a.txt-grey{
	color: #808080!important;
}
	.txt-golden,
	.txt-golden a,
	a.txt-golden{
		color: #B4A263;
	}
.txt-black,
.txt-black a,
a.txt-black{
	color: #333333!important;
}

.txt-trueblack,
.txt-trueblack a,
a.txt-trueblack{
	color: #000000!important;
}

.txt-orange,
.txt-orange a,
a.txt-orange{
	color: #ff9906!important
}

.txt-purple,
.txt-purple a,
a.txt-purple{
	color: #681029!important;
	color: #864054!important;
}

.txt-darkorange,
.txt-darkorange a,
a.txt-darkorange{
	color:#994d1b!important
}

.txt-lightorange,
.txt-lightorange a,
a.txt-lightorange{
	color:#ffd69b!important
}

.txt-brown,
.txt-brown a,
a.txt-brown{
	color:#ad7149!important
}

.txt-white,
.txt-white a,
a.txt-white{
	color: #fff!important;
}

.txt-offwhite,
.txt-offwhite a,
a.txt-offwhite{
	color: #f0f1eb!important;
}

.txt-lowercase{
	text-transform: lowercase;
}

.txt-uppercase{
	text-transform: uppercase;
}
	
	.bg-golden{
		background-color: #B4A263;
	}
.bg-purple2{
	background-color: #9d5da2
}

.bg-red{
	background-color: #e84e0f;
}

.bg-blue{
	background-color: #83d0f5;
}

.bg-grey{
	background-color: #808080;
}
	.bg-grey1{
	background-color: #f2f2f1;
}
.bg-black{
	background-color: #333333;
}

.bg-trueblack{
	background-color: #000000;
}

.bg-orange{
	background-color: #ff9906
}

.bg-purple{
	background-color: #681029;
	background-color: #864054;
}

.bg-paleorange{
	background-color: rgb(250 205 141)
}

.bg-palebrown{
	background-color: #d7beac
}

.bg-palepurple{
	background-color: rgb(217 198 204)
}

.bg-darkorange{
	background-color:#994d1b
}

.bg-brown{
	background-color:#ad7149
}

.bg-white{
	background-color: #fff;
}

.bg-offwhite{
	background-color: #f0f1eb;
}

.mob-only-930{
	display: none!important;
}

.desktop-only-930{
	display: block!important
}

.sprite{
	display: inline-block;
	width: 32px;
	height: 32px;
	font-size: 0;
	line-height: 0;
	background: url(../images/svg-fallback/sprites.png?v=0.05) 0 0 no-repeat;
	background: linear-gradient(transparent, transparent), url(../images/sprites.svg) 0 0 no-repeat;
	background-size: 480px 192px;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
}

.nudge{
	margin-left: 12px!important;
}

.nudgeAlt{
	margin-right: 12px!important;
}

.nudgeB{
	margin-top: 12px!important;
}

.nudgeT{
	margin-bottom: 12px!important;
}

.indent{
	margin-left: -32px
}

.sprite.hamburger{
	background-position: 0 0;
}

.sprite.tinfish{
	background-position: 0 -32px;
	width: 64px;
	vertical-align: bottom;
}

.sprite.magnify{
	background-position: -64px -32px;
}

.sprite.close{
	background-position: -32px 0;
}

.sprite.linkedin{
	background-position: -64px 0;
}

.sprite.arrow-right-darkorange{
	background-position: -96px 0;
}

.sprite.arrow-right-thin-darkorange{
	background-position: -128px 0;
}

.sprite.arrow-right-orange{
	background-position: -96px -32px;
}

.sprite.arrow-right-thin-orange{
	background-position: -128px -32px;
}

.sprite.arrow-right-white{
	background-position: -160px 0;
}

.sprite.arrow-right-thin-white{
	background-position: -192px 0;
}

.sprite.close-white{
	background-position: -160px -32px;
}

.sprite.quote-left-orange{
	background-position: -224px 0;
	vertical-align: top;
}

.sprite.quote-right-orange{
	background-position: -256px 0;
	vertical-align: top;
}

.sprite.quote-left-grey{
	background-position: -224px -32px;
	vertical-align: top;
}

.sprite.quote-right-grey{
	background-position: -256px -32px;
	vertical-align: top;
}

.sprite.arrow-right-brown-big{
	background-position: -288px 0;
	width: 64px;
	height: 64px;
}

.sprite.play-big{
	background-position: -352px 0;
	width: 64px;
	height: 64px;
}

.sprite.tick{
	background-position: -416px 0;
	width: 64px;
	height: 64px;
}

.sprite.responsibility-enviro{
	background-position: 0 -64px;
	width: 128px;
	height: 128px;
}

.sprite.responsibility-energy{
	background-position: -128px -64px;
	width: 128px;
	height: 128px;
}

.sprite.responsibility-people{
	background-position: -256px -64px;
	width: 128px;
	height: 128px;
}

.country{
	/* Load file on locations page */
	/* background: url(../images/svg-fallback/countries.png?v=0.03) 0 0 no-repeat;
	background: linear-gradient(transparent, transparent), url(../images/countries.svg) 0 0 no-repeat;
	background-size: 500px 150px; */
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
}

.country.india{
	background-position: 0 0;
}

.country.sri-lanka{
	background-position: -50px 0;
}

.country.pakistan{
	background-position: -100px 0;
}

.country.vietnam{
	background-position: -150px 0;
}

.country.malaysia{
	background-position: -200px 0;
}

.country.philippines{
	background-position: -250px 0;
}

.country.indonesia{
	background-position: -300px 0;
}

.country.australia{
	background-position: -350px 0;
}

.country.new-zealand{
	background-position: -400px 0;
}

.country.china{
	background-position: -450px 0;
}

.country.brasil{
	background-position: 0 -50px;
}

.country.mexico{
	background-position: -50px -50px;
}

.country.canada{
	background-position: -100px -50px;
}

.country.usa{
	background-position: -150px -50px;
}

.country.argentina{
	background-position: -200px -50px;
}

.country.chile{
	background-position: -250px -50px;
}

.country.colombia{
	background-position: -300px -50px;
}

.country.ecuador{
	background-position: -350px -50px;
}

.country.peru{
	background-position: -400px -50px;
}

.country.uruguay{
	background-position: -450px -50px;
}

.country.venezuela{
	background-position: 0 -100px;
}


.country.united-kingdom{
	background-position: -50px -100px;
}

.country.ireland{
	background-position: -100px -100px;
}

.country.uk-ireland{
	background-position: -200px -150px;
}

.country.spain{
	background-position: -150px -100px;
}

.country.portugal{
	background-position: -200px -100px;
}

.country.spain-portugal{
	background-position: -250px -150px;
}

.country.france{
	background-position: -250px -100px;
}

.country.belgium{
	background-position: -300px -100px;
}

.country.netherlands{
	background-position: -350px -100px;
}

.country.luxembourg{
	background-position: -400px -100px;
}

.country.france-benelux{
	background-position: -300px -150px;
}

.country.italy{
	background-position: -450px -100px;
}

.country.germany{
	background-position: 0 -150px;
}

.country.european-exports,
.country.eu,
.country.europe{
	background-position: -50px -150px;
}

.country.turkey{
	background-position: -100px -150px;
}

.country.united-arab-emirates{
	background-position: -150px -150px;
}

.column-2{
	columns: 2;
	column-gap: 40px;
}

.column-3{
	columns: 3;
	column-gap: 25px;
}

.column-4{
	columns: 4;
	column-gap: 12px;
}

.link-arrow{
	display: inline-block;
	width: 32px;
	height: 32px;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
}

.link-arrow .arrow-right-darkorange,
.link-arrow .arrow-right-orange,
.link-arrow .arrow-right-white{
	opacity: 1;
	transition: 0.3s;
}

a:hover .link-arrow .arrow-right-darkorange,
a:hover .link-arrow .arrow-right-orange,
a:hover .link-arrow .arrow-right-white,
a.hover .link-arrow .arrow-right-darkorange,
a.hover .link-arrow .arrow-right-orange,
a.hover .link-arrow .arrow-right-white{
	opacity: 0;
}

.link-arrow .arrow-right-thin-darkorange,
.link-arrow .arrow-right-thin-orange,
.link-arrow .arrow-right-thin-white{
	position: absolute;
	z-index: 1;
	top:0;
	left:-32px;
	opacity: 0;
	transition: 0.3s;
}

a:hover .link-arrow .arrow-right-thin-darkorange,
a:hover .link-arrow .arrow-right-thin-orange,
a:hover .link-arrow .arrow-right-thin-white,
a.hover .link-arrow .arrow-right-thin-darkorange,
a.hover .link-arrow .arrow-right-thin-orange,
a.hover .link-arrow .arrow-right-thin-white{
	left: 0;
	opacity: 1;
}

.flipH{
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

#headerdummy{
	height: 182px;
}

header{
	height: 182px;
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	z-index: 9;
	padding: 50px 55px 50px 125px;
	transition:0.3s;
}

header.reduce{
	height: 102px;
	padding: 10px 55px 10px 55px;
}

header #logo,
header #logo img{
	display: block;
	height: 82px;
	width: auto;
	transition: 0.3s;
}

header.reduce #logo img{
	height: 52px;
	margin: 15px 0;
}

header.bg-white{
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
}

header .prenav{
	height: 21px;
	margin: 30px 0;
}

header .prenav > a{
	margin: 0 0 0 40px
}

header .prenav > a:hover{
	opacity: 0.6;
}

nav{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	padding: 100px 70px 110px 70px;
	background:url(../images/navigation-background.webp) 50% 50% no-repeat;
	background-size:cover;
}

nav #closeNav{
	position: absolute;
	top: 80px;
	right: 55px;
	display: block;
	transform:rotate(0deg);
	transition: 0.3s;
	opacity: 0;
	z-index: 2;
}

header.reduce + nav #closeNav{
	top:40px;
}

nav.open #closeNav{
	transform:rotate(90deg);
	opacity: 1;
}

nav a#closeNav:hover{
	opacity: 0.6;
}

nav ul,
nav ul li{
	display: block;
	padding: 0;
	margin: 0;
}

nav > ul > li{
	display: inline-block;
	padding: 0 15px;
	vertical-align: top;
	max-width: 250px;
	text-align: left;
}

nav > ul > li.wider{
	max-width: 210px;
}

nav > ul > li.width100{
	width: 100%!important;
	padding-left: 0!important;
	padding-right: 0!important;
	max-width: none!important
}

nav > ul > li > a{
	display: block;
	padding: 0 5px 10px 0;
}

nav > ul > li > ul{
	padding: 15px 0 0 0;
}

nav > ul > li > ul > li{
	display: block;
	margin-top:6px;
}

nav > ul > li > ul > li > a{
	display: block;
	padding: 0 5px 10px 0;
}

nav > ul > li > ul > li > ul{
	display: none!important;
	/* No 3rd level nav! */
}

nav > ul > li > a:hover,
nav > ul > li > ul > li > a:hover{
	color: #681029!important;
	background:url(../images/navigation-hover.webp) 0 100% no-repeat;
	background-size: 83px 8px;
}

.wrapper-1240{
	width: 1240px;
	margin: 0 auto;
	max-width: 100%;
}

.fade-in{
	opacity: 0;
	margin-top:30px;
	transition: 0.75s;
}

.faded-in{
	opacity: 1!important;
	margin-top:0px!important;
	margin-bottom:30px!important;
	transition: 0.75s;
}

#hero{
	height: 80vh;
	position: relative;
	z-index: 1;
	margin-bottom: -70px;
}

#hero .slide{
	position: relative;
	z-index: 1;
}

#hero .image{
	height: 100%;
	position: relative;
	z-index: 1;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	overflow: hidden;
	border-radius: 10px;
	border-radius: 0 0 10px 10px;
	transform: translateZ(0);
}

#hero .image .shadow{
	position: absolute;
	z-index: 2;
	height: 100px;
	/* background:linear-gradient(to bottom, rgba(0,0,0,0.7), transparent); */
}

#hero .image .lens{
	position: absolute;
	height: 100%;
	z-index: 3;
	left: 60%;
	mix-blend-mode: screen;
	opacity: 0.85;
	background-color: #ffc200;
	filter: contrast(1.1);
	/* width: 240px !important; */
	width: 20%;		
	border-bottom-right-radius: 20px;
}

#hero .image video{
	position: absolute;
	z-index: 1;
	top:0;
	left: 40%;
	width: auto;
	height: 100%;
	transform:translateX(-50%);
	border-bottom-left-radius: 20px;
}

.cld-video-player {
	width: 100%;
	aspect-ratio: 16 / 9;
}

@media (max-width: 768px) {
	.cld-video-player {
		aspect-ratio: 4 / 5;
	}
}

#hero .details{
	top:40%;
	right:0;
	position: absolute;
	z-index: 2;
}
.heading1{
}
.heading1 > h3:nth-of-type(1){		
	margin-top: 50px;
	padding-bottom: 0;
	text-align:center;
	font-size:65px; 
	margin-bottom:5px;
	font-weight: 800;
}
.heading1 > h3:nth-of-type(2){
	font-size: 45px;		
	font-weight: normal;
	margin-bottom:20px;
}
.round-corners{
	border-radius: 10px;
}

.ball{
	border-radius: 250px;
}

.transparent50{
	opacity: 0.5
}

.card{
	position: relative;
	vertical-align: top
}

.card a.inner{
	display: block;
	transition: 0.3s;
	margin: 5px 0 0 0;
	outline:5px solid #333333;
	outline-offset: -10px;
}

.card a.inner.bg-purple{
	outline-color:#864054
}

.card a.inner.bg-orange{
	outline-color:#ff9906
}

.card a.inner.bg-brown{
	outline-color:#ad7149
}

.card a.inner.bg-darkorange{
	outline-color:#994d1b
}

.card a.inner.bg-offwhite{
	outline-color:#f0f1eb
}

.card a.inner:hover{
	margin: 0 0 5px 0;
	outline-color: transparent;
	outline-offset: 10px;
}

#caseStudies .card a.inner:hover{
	/* background-color:#ff9906!important; */
	opacity: 0.8;
}

#caseStudies .card a.inner h4{
	min-height: 180px;
}

#caseStudies .card a.inner h4,
#caseStudies .card a.inner p{
	transition: 0.3s;
}

#caseStudies .card a.inner:hover h4 .txt-purple,
#caseStudies .card a.inner:hover .txt-orange{
	/* color:#ffffff!important; */
}

#caseStudies .thumbnail-img img{
	z-index: 1;
	position: relative;
	vertical-align: top;
	border:1px solid #fff;
	border-radius: 128px;
}

#caseStudies .thumbnail-img em{
	vertical-align: top;
	margin-left:-50px;
}

#caseStudiesRelated .card > a > em.sprite{
	position: absolute;
	top: 50%;
	right: 10px;
	opacity: 0.4;
	margin-top: -64px;
}

#responsibilityCards{
}

#responsibilityCards .background{
	position: absolute;
	z-index: 0;
	top:0;
	left: 0;
}

#responsibilityCards .card{
	padding-top:280px;
}

#responsibilityCards .card .title{
	/* height: 150px; */
}

#responsibilityCards .card .bg-icon{
	position: absolute;
	top: -20px;
	right: -20px;
	opacity: 0.4;
	z-index:0;
}

.image-swap{
	height: 330px;
}

.image-swap .img{
	display: none;
}

.image-swap .img.front{
	display: block;
}

.image-swap .left{
	position: absolute;
	height: 80%;
	width: 40%;
	left: 0;
	top:10%;
	z-index: 2;
	min-width: 200px
}

.image-swap .right{
	position: absolute;
	height: 100%;
	width: 70%;
	right: 0;
	right:0;
	z-index: 1;
	min-width: 200px
}

.image-swap .left .img,
.image-swap .right .img{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.image-swap .left .img,
.box-shadow-rb{
	box-shadow: 3px 3px 8px rgba(0,0,0,0.3);
}

.box-shadow-rt{
	box-shadow: 3px -3px 8px rgba(0,0,0,0.3);
}

.box-shadow-all{
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
}

.image-duo{
	position: relative;
	padding-bottom: 90px;
}

.image-duo.tall{
	padding-bottom: 130px;
}

.image-duo.short{
	padding-bottom: 0;
}

.image-duo img{
	height: auto;
	box-shadow: 3px 3px 8px rgba(0,0,0,0.3);
}

.image-duo img.front{
	position: absolute;
	z-index: 2;
	bottom:0;
	right:0;
}

.image-duo img.front.left{
	right:auto;
	left: 0
}

.image-duo.short img.front{
	bottom: 80px;
}

.image-pullup > img{
	margin-top:-64px
}

.image-pullup .inner{
	margin-top: -150px;
	width: 460px;
	max-width: 100%;
	box-shadow: 3px 3px 8px rgba(0,0,0,0.3);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border:1px solid rgba(0,0,0,0.1)
}

.block-pullup{
	margin-top: -30px;
}

.block-pullup-medium{
	margin-top: -70px;
}

.block-pullup-large{
	margin-top: -180px;
}

.brands a{
	filter: saturate(0);
	transition: 0.3s;
	outline:0px solid #ffffff;
	outline-offset: 0px;
	display: inline-block;
	opacity: 0.8;
}

.brands a:hover{
	filter: saturate(1);
	opacity: 1;
	outline-width: 1px;
	outline-color: #ff9906;
	outline-offset: 20px;
}

.brands img{
	width:auto!important;
	height: auto!important;
	max-height: 105px;
	max-width: 100%;
}

.no-shadow{
	box-shadow: none!important
}

.quotes,
.no-overflow{
	overflow: hidden;
	position: relative;
}

.quotes .inner{
	width: 1000%;
	position: relative;
}

.quotes .inner.animate{
	transition: 0.6s;
}

.quotes .quote{
	opacity: 0;
	width: 10%;
	padding-left: 40px;
}

.quotes .quote.animate{
	transition: 0.6s;
}

.quotes .quote.active{
	opacity: 1;
}
.cards{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.cards .card{
	flex: 1 1 calc(33.333% - 20px);
}
.landscape{
	margin-bottom: -175px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 200px;
}

#rotating-banner{
	overflow: hidden;
}

#rotating-banner .inner{
	width:200%
}

#rotating-banner .inner{
	height: 235px;
	width: 235px;
}

.thumbnail{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 200px;
	transition: 0.3s;
}

.pop-up-trigger{
	cursor: pointer;
}

.pop-up-trigger .play-big{
	position: absolute;
	z-index: 2;
	top:50%;
	left:50%;
	margin: -32px 0 0 -32px;
	transition: 0.3s;
}

.pop-up-trigger:hover .play-big{
	transform: scale(120%)
}

.pop-up{
	cursor: default;
	display: none;
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: rgba(0,0,0,0.5);
}

.pop-up .inner{
	left: 50%;
	top: 50%;
/*		overflow: hidden;*/
	width: 60%;
	height: 0;
	position: absolute;
	transform: translate(-50%,-50%);
	padding-bottom: 33%;
	height: 0;
	border:20px solid #fff;
}

.pop-up .inner iframe,
.pop-up .inner object,
.pop-up .inner embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pop-up .inner .pop-up-close{
	position: absolute;
	z-index: 2;
	top:0px;
	right:0px;
	right:auto;
	left:100%;
	margin:-15px 0 0 30px;
	display: block;
	font-size: 0;
	line-height: 0;
	padding: 6px;
	transition: 0.3s;
	background-color:rgba(0,0,0,0.8);
	border-radius: 50px;
}

.pop-up .inner .pop-up-close .close-white{
	transition: 0.3s;
}

.pop-up .inner .pop-up-close:hover{
	opacity: 0.8;
	background-color:#ff9906;
}

#cookies{
	z-index: 11;
	position: fixed;
	bottom:0;
	left: 0;
	width: 100%;
}

#related .table{
	overflow: hidden;
}

#related .table .table-row{
	z-index: 2;
}

#related .table .table-row .table-cell{
	height: 290px;
	background: rgba(255,255,255,0.6);
	background: rgb(255,153,6,0.7);
	background: rgb(134,64,84,0.75);
	transition: 0.3s;
	z-index: 1;
	position: relative;
}

#related .table .table-row .bg{
	position: absolute;
	top:-3%;
	left:-3%;
	width: 106%;
	height: 106%;
	z-index: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	transition: 0.3s;
}

#related .table .table-row a.table-cell:hover{
	background: rgba(255,255,255,0.4);
	background: rgb(255,153,6,0.5);
	background: rgb(134,64,84,0.5);
}

#related .table .table-row a.table-cell:hover + .bg{
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}

#related.reduced .table .table-row .table-cell{
	height:240px;
}

#related.reduced .table .table-row .table-cell h3{
	font-size: 25px;
	line-height: 30px;
	padding: 0 0 5px 0
}

#map svg{
	width: 108%;
	margin-left:-4%;
}

#map svg .region{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
}

#map svg #map8.region.selected .st0{
	fill:#994d1b;
}

#map svg #map3.region.selected .st0,
#map svg #map6.region.selected .st0{
	fill:#ff9906;
}

#map svg #map2.region.selected .st0,
#map svg #map7.region.selected .st0{
	fill:#F9D500;
}

#map svg #map1.region.selected .st0,
#map svg #map4.region.selected .st0,
#map svg #map5.region.selected .st0{
	fill:#864054;
}

#map svg .undermap{
	cursor: pointer;
}

.map-dot{
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
	border-radius: 10px;
	width: 16px;
	height: 16px;
	position: relative;
	overflow: hidden;
}

.map-dot span{
	position: absolute;
	width: 50%;
	height: 100%;
	top:0;
	right:0;
}

table.locations td .map-dot {
	position: absolute;
	left: 12px;
	top: 23px;
	margin: 0;
}

table.locations{
	margin-top: 30px
}

.country-link {
	opacity: 0.7;
	padding: 3px;
	border: 2px solid transparent;
	margin: 0 10px 0 0;
	transition: 0.3s;
	display: inline-block;
	border-radius: 10px;
	padding: 0;
	/* position: relative; */
}

#countries .country-link{
	opacity: 1;
	padding: 15px 10px 15px 60px;
	margin: 0!important
}

.country-link:hover,
.country-link.selected{
	opacity: 1;
	border-color: #681029;
}

.country-link.nudgeB{
	opacity: 1;
	padding-right: 8px;
}

#location{
	margin-bottom: -100px
}

#countries .table-cell {
	height: 60px;
	position: relative;
}

#countries .country{
	position: absolute;
	top:5px;
	left:5px;
}

.newspost-small h5{
	height: 81px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 10px 0;
}

.newspost .content img{
	width: 100%!important;
	height: auto!important;
}

footer{
	font-size: 15px;
	line-height: 19px;
}

footer p{
	padding:0 0 8px 0
}

	/* SCALE UP */

	@media screen and (min-width: 1400px){
		.wrapper-1240{
			width: 1340px;
		}
	}

	@media screen and (min-width: 1500px){
		header{
			padding-left: 200px
		}
	}

	@media screen and (min-width: 1620px){
		header{
			padding-left: 260px
		}
	}

	@media screen and (min-width: 1750px){
		header{
			padding-left: 320px
		}
	}

	@media screen and (min-width: 1900px){
		header{
			padding-left: 400px
		}
	}

	@media screen and (min-width: 2000px){
		header{
			padding-left: 500px
		}
	}

	@media screen and (min-width: 2200px){
		header{
			padding-left: 600px
		}
	}

	@media screen and (min-width: 2400px){
		header{
			padding-left: 700px
		}
	}

	@media screen and (min-width: 2600px){
		header{
			padding-left: 800px
		}
	}

	@media screen and (min-width: 2700px){
		html{
			width: 2650px;
			margin: 0 auto;
			outline: 1000px solid #ccc;
		}

		header{
			width: 2650px;
			left:50%;
			margin-left: -1325px
		}
	}

	/* SCALE DOWN */

	@media screen and (max-width: 1240px){
		nav {
		    display: none;
		    position: fixed;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    z-index: 10;
		    padding: 140px 30px 80px 30px;
		}
	}

	@media screen and (max-width: 1160px){
		nav > ul > li{
			padding: 0 8px;
			max-width: 130px
		}

		nav > ul > li.wider {
		    max-width: 190px;
		}

		nav > ul > li > ul > li{
			margin-top: 0;
		}

		.h4b{
			/* Used for nav */
			font-size: 22px;
			line-height: 27px;
		}

		.h4c{
			/* Used for subnav */
			font-size: 20px;
			line-height: 24px;
		}
	}

	@media screen and (max-width: 1080px){
		#hero .slide .details{
			width: 445px!important
		}

		.hide-mob1080{
			display: none!important
		}

		.show-mob1080{
			display: block!important
		}

		.width40-mob1080{
			width: 25%!important
		}

		.width33-mob1080{
			width: 33.33%!important
		}

		.width40-mob1080{
			width: 40%!important
		}

		.width50-mob1080{
			width: 50%!important
		}

		.width66-mob1080{
			width: 66.66%!important
		}

		.width100-mob1080{
			width: 100%!important
		}
	}

	@media screen and (max-width: 1000px){
		#responsibilityCards{
			padding-left: 10px!important;
			padding-right: 10px!important
		}

		#responsibilityCards .card{
			width: 33.33%!important;
			padding-top: 60px;
		}
	}

	@media screen and (max-width: 960px){
		header{
			height: 132px;
			padding-top: 25px;
			padding-bottom: 25px;
		}

		#headerdummy{
			height: 132px;
		}

		header.reduce{
			height: 102px;
			padding-top: 10px;
			padding-bottom: 10px;
		}

		nav {
		    padding: 80px;
		}

		nav > ul{
			padding: 80px 80px 40px 40px;
			display: block;
			position: absolute;
			top:0;
			width: 100%;
			height: 100%;
			overflow-y:auto;
			right:0;
			z-index: 1;
		}

		nav > ul > li > ul{
			padding: 0 0 20px 20px;
		}

		nav > ul > li{
			max-width: none!important;
			width: 100%;
			padding: 0 0 10px 0;
			display: block;
		}

		#search{
			margin: 50px 0 0 0
		}


		#hero .slide .image .lens{
			width: 280px!important;
		}
	}

	@media screen and (max-width: 900px){
		body{
			font-size: 15px;
			line-height: 20px;
		}

		h1,
		h5{
			font-size: 18px;
			line-height: 23px;
			padding:0 0 12px 0
			/* Identical h1/h5 - Small main titles */
		}

		h1.full-size,
		h2,
		h3{
			font-size: 34px;
			line-height: 40px;
			padding:0 0 20px 0
			/* Identical h2/h3 */
		}

		h4{
			font-size: 28px;
			line-height: 34px;
			padding:0 0 16px 0
		}

		.h4b{
			font-size: 22px;
			line-height: 27px;
		}

		.h4c{
			font-size: 20px;
			line-height: 24px;
		}

		h6{
			font-size: 16px;
			line-height: 21px;
			padding:0 0 12px 0
		}

		p{
			padding:0 0 12px 0
		}

		.medium{
			font-size: 19px;
			line-height: inherit;
		}

		.xmedium{
			font-size: 37px;
			line-height: 32px;
		}

		.xxmedium{
			font-size: 60px;
			line-height: 55px;
		}

		.large{
			font-size: 85px;
			line-height: 75px;
		}

		.xlarge{
			font-size: 110px;
			line-height: 100px;
		}

		.xxlarge{
			font-size: 130px;
			line-height: 110px;
		}

		header,
		header.reduce{
		    padding-left: 50px;
		}

		#hero{
			margin-bottom: -30px
		}

		#hero .slide .details {
			padding: 0 30px
		}

		#hero .slide .image .lens,
		#hero .slide .details{
			width: 50%!important;
		}

		#hero .slide .image{
			width: 100%!important
		}

		.padd0h-mob900{
			padding-left: 0px!important;
			padding-right: 0px!important;
		}

		.padd30h-mob900{
			padding-left: 30px!important;
			padding-right: 30px!important;
		}

		.padd60h-mob900{
			padding-left: 60px!important;
			padding-right: 60px!important;
		}

		.padd0v-mob900{
			padding-top: 0px!important;
			padding-bottom: 0px!important;
		}

		.padd40v-mob900{
			padding-top: 40px!important;
			padding-bottom: 40px!important;
		}

		.padd60v-mob900{
			padding-top: 60px!important;
			padding-bottom: 60px!important;
		}

		.padd70v-mob900{
			padding-top: 70px!important;
			padding-bottom: 70px!important;
		}

		.padd0b-mob900{
			padding-top: 0!important;
			padding-bottom: 0!important
		}

		.hide-mob900{
			display: none!important
		}

		.show-mob900{
			display: block!important
		}

		.width50-mob900{
			width: 50%!important
		}

		.width100-mob900{
			width: 100%!important
		}

		.link-button{
			position: relative;
			border-radius: 10px;
			padding: 8px 48px 8px 8px;
			background: rgba(0,0,0,0.1);
			margin-bottom: 4px;
		}

		.link-button .link-arrow{
			position: absolute;
			top:50%;
			margin:-16px 0 0 0;
			right:8px;
		}
                /*Mobiles*/
                .hero .content .productLinks{
                    line-height: 100px;
                }
                .right .round-co{
                    width: 330px;
                }
	}

	@media screen and (max-width: 800px){
		.width100-mob800{
			width: 100%!important;
		}

		#grid .table,
		#grid .table-row,
		#grid .table-cell{
			display: block;
		}

		#grid .table-cell,
		#grid .width100.padd80h.padd60v{
			padding: 30px!important
		}

		.thumbnail{
			min-height: 300px
		}
	}

	@media screen and (max-width: 780px){
		.cards .card{
			width: 100%;
			flex: none;
		}
		#hero .slide .image .lens,
		#hero .slide .details{
			width: 70%!important;
		}

		#responsibilityCards{
			padding: 20px 0 0 0 !important;
			overflow: hidden;
		}

		#responsibilityCards .background {
		    height: 100%!important;
		    width: auto!important;
		    max-width: none!important;
		    left: auto;
		    right: 0px;
		}

		#responsibilityCards .card{
			width: 100%!important;
			padding-top: 0;
		}

		#responsibilityCards .card .sprite{
			position: absolute;
			top: 20px;
			right: 40px;
		}

		#responsibilityCards .card a.inner {
		    min-height: 160px;
    		padding: 30px 165px 30px 25px !important;
		}

		#related .table.width25{
			width: 50%!important;
		}
	}

	@media screen and (max-width: 700px){
		.padd0v-mob700{
			padding-top: 0px!important;
			padding-bottom: 0px!important;
		}

		.padd40v-mob700{
			padding-top: 40px!important;
			padding-bottom: 40px!important;
		}

		.image-pullup > img{
			margin-top: 0!important
		}

		.block-pullup-medium{
			margin-top:10px;
		}

		.hide-mob700{
			display: none!important
		}

		.show-mob700{
			display: block!important
		}

		.width33-mob700{
			width: 33.33%!important
		}

		.width50-mob700{
			width: 50%!important
		}

		.width100-mob700{
			width: 100%!important
		}

		.txt-center-mob700{
			text-align: center!important
		}

		.landscape *{
			font-size: 30px!important;
		    line-height: 36px!important;
		}

		/* #regions .link-button{
			display: inline-block;
			margin: 0 1px 4px 0;
		} */

		#regions{
			columns: 2;
			column-gap: 40px;
		}

		#location .column-2{
			columns:1
		}

		#location table.locations,
		#location table.locations tbody,
		#location table.locations tr,
		#location table.locations tr td{
			display: block!important;
			width: 100%!important;
			border: none!important
		}

		#location table.locations tr td{
			padding-left: 30px!important
		}

		table.locations td .map-dot {
		    left: 2px;
		}

		.brands.table,
		.brands .table-row,
		.brands .table-cell,
		footer .table,
		footer .table-row,
		footer .table-cell{
			display: block;
		}

		footer .table .table-row .table-cell,
		.brands .table-cell{
			float: left!important;
			border: none!important
		}
	}

	@media screen and (max-width: 650px){
		#related .table.width33{
			width: 100%!important;
		}

		#grid .table-cell table,
		#grid .thumbnail table{

		}

	}

	@media screen and (max-width: 610px){
		header .prenav > a{
			display: none
		}

		header .prenav > a#openNav{
			display: inline-block;
			margin: 0!important
		}

		header,
		header.reduce{
		    padding-right: 40px;
		}

		nav #closeNav{
			right:40px;
		}

		#hero .slide .details {
		    top: 170px;
		}

		#categoryFilter{
			margin: 15px auto 0 auto!important;
			display: block
		}
	}

	@media screen and (max-width: 500px){
		body{
			font-size: 15px;
			line-height: 20px;
		}

		h1,
		h5{
			padding:0 0 11px 0
			/* Identical h1/h5 - Small main titles */
		}

		h1.full-size,
		h2,
		h3{
			font-size: 28px;
			line-height: 34px;
			padding:0 0 15px 0
			/* Identical h2/h3 */
		}

		h4{
			font-size: 26px;
			line-height: 32px;
			padding:0 0 14px 0
		}

		.h4b{
			font-size: 21px;
			line-height: 26px;
		}

		.h4c{
			font-size: 19px;
			line-height: 23px;
		}

		h6{
			padding:0 0 11px 0
		}

		p{
			padding:0 0 11px 0
		}

		.medium{
			font-size: 18px;
			line-height: inherit;
		}

		.xmedium{
			font-size: 33px;
			line-height: 28px;
		}

		.xxmedium{
			font-size: 55px;
			line-height: 50px;
		}

		.large{
			font-size: 80px;
			line-height: 70px;
		}

		.xlarge{
			font-size: 100px;
			line-height: 90px;
		}

		.xxlarge{
			font-size: 120px;
			line-height: 100px;
		}

		header #logo img,
		header.reduce #logo img{
		    height: 52px;
		    margin: 15px 0;
		}

		.hide-mob500{
			display: none!important
		}

		.show-mob500{
			display: block!important
		}

		.width50-mob500{
			width: 50%!important
		}

		.width100-mob500{
			width: 100%!important
		}

		.newspost-small h5{
			height: auto;
		}

		#hero .slide .image .lens{
			width: 150px!important
		}

		#hero .slide .image{
			height: 300px
		}

		#hero .slide .details {
		    top: 170px;
		    position: static;
		    width: 100%!important;
		    padding: 20px 5px;
		}

		#hero{
			height: auto;
			margin: 0
		}

		.landscape {
			min-height: 0;
			padding: 20px 45px!important;
		}

		.landscape *{
			font-size: 25px!important;
		    line-height: 31px!important;
		}

		input, textarea, input:active, textarea:active, input:focus, textarea:focus, input:hover, textarea:hover, select, .submit{
			font-size: 16px;
		}

		#search .submit {
		    right: -45px;
		}

		#responsibilityCards .card .sprite{
			position: absolute;
			top: -25px;
			right: -25px;
			opacity: 0.5;
			z-index: -1
		}

		#responsibilityCards .card a.inner {
		    min-height: 0;
			overflow: hidden;
			position: relative;
    		padding: 30px 30px 15px 30px !important;
		}

		#related .table,
		#related .table .table-row,
		#related .table .table-row .table-cell{
			display: block;
		}

		#related .table.width50,
		#related .table.width33,
		#related .table.width25{
			width: 100%!important;
		}

		#related .table .table-row .table-cell{
			height: auto!important;
			min-height: 160px;
		}

		#countries .table-cell{
		    display: table-row
		}

		#countries .table-cell .inner{
		    display: table-cell;
			height: 60px;
		    vertical-align: middle;
		}

		#regions{
		    columns: 1;
		}

		#news img.block.ball{
			width: 120px;
			height: 120px;
		}

		.pop-up .inner{
			width: 90%;
			padding-bottom:44%;
		}

		.pop-up .inner .pop-up-close{
			padding: 3px;
			margin:-15px 0 0 -25px;
		}
	}

	@media screen and (max-width: 400px){
		nav,
		nav > ul{
		    padding: 60px 80px 25px 25px;
		}

		nav > ul > li{
			text-align: left;
		}

		#search{
			margin: 0
		}

		#logo img,
		header.reduce #logo img {
		    height: 42px!important;
		    margin: 20px 0!important;
		}

		header, header.reduce {
		    padding-left: 40px;
		}

		h1.full-size,
		h2,
		h3{
			font-size: 25px;
			line-height: 31px;
			padding:0 0 14px 0
			/* Identical h2/h3 */
		}

		h4{
			font-size: 23px;
			line-height: 29px;
			padding:0 0 13px 0
		}

		#hero .slide .image {
		    height: 240px;
		}

		.hide-mob400{
			display: none!important
		}

		.width50-mob400{
			width: 50%!important
		}

		.width100-mob400{
			width: 100%!important
		}
/*
		.image-swap{
			zoom:0.75
		} */
	}

	@media screen and (max-width: 350px){
		header, header.reduce {
		    padding-left: 30px;
			padding-right: 30px;
		}

		#hero .slide .image .lens{
			width: 117px!important
		}
	}

	@page {
		size: 42cm 59.4cm;
		margin: 5mm
	}

	@media print {
		*{
			page-break-inside: auto
		}

		header{
			position: relative
		}

		#headerdummy{
			display: none
		}
	}

	/* TEMP */

	/* html{
		background: #000
	}

	body,
	header,
	nav{
		max-width:1400px;
		margin: 0 auto;
	}

	@media screen and (min-width: 1400px){
		header,
		nav{
			margin-left:-700px;
			left: 50%;
		}
	} */