/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,images,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* =Hakkapeliitta
----------------------------------------------- */

/*==== FONTS ====*/

@font-face {
    font-family: "Nokian Tyres Sans";
    src: url('../fonts/NokianTyresSans-Thin.otf'), url('../fonts/ie/NokianTyresSans-Thin.eot');
    font-weight: 200;
}
@font-face {
    font-family: "Nokian Tyres Sans";
    src: url('../fonts/NokianTyresSans-Light.otf'), url('../fonts/ie/NokianTyresSans-Light.eot');
    font-weight: 300;
}
@font-face {
    font-family: "Nokian Tyres Sans";
    src: url('../fonts/NokianTyresSans-Regular.otf'), url('../fonts/ie/NokianTyresSans-Regular.eot');
    font-weight: 400;
}
@font-face {
    font-family: "Nokian Tyres Sans";
    src: url('../fonts/NokianTyresSans-Medium.otf'), url('../fonts/ie/NokianTyresSans-Medium.eot');
    font-weight: 500;
}
@font-face {
    font-family: "Nokian Tyres Sans";
    src: url('../fonts/NokianTyresSans-Bold.otf'), url('../fonts/ie/NokianTyresSans-Bold.eot');
    font-weight: 700;
}

/* PreLoadMe */
body {
    overflow: hidden;
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #50b848;
	z-index: 99;
}
#status {
	width: 120px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -50px 0 0 -60px;
	
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	color: #fff;
}

body {
	font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Nokian Tyres Sans", sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
}
body, input, label, blockquote {
	font-family: 'Open Sans', sans-serif;
	
}
p {
	margin-bottom: 1.25em;
	line-height: 1.25em;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

.wf-active #link-video,
.wf-active #link-video-2,
.wf-active #link-video-3,
.wf-active #steps ul li .step-num,
.wf-active .link-contact .uppercase,
.wf-active #banner-download strong {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
}
.wf-active p,
.wf-active .link-contact,
.wf-active label,
.wf-active input,
.wf-active select,
.wf-active #banner-download,
.wf-active #presskit-download {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
}

.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading #banner-download,
.wf-loading #presskit-download {
	visibility: hidden;
}

/* New brand buttons */

.green-button {
	font-family: "Nokian Tyres Sans", sans-serif;
    color: #262626;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .2s ease;
    font-weight: 700;
    letter-spacing: 0.1em;
    font-size: 16px;
}
.green-button:before {
    content: "";
    width: 20px;
    height: 20px;
    vertical-align: -.25em;
    margin-right: .5em;
    display: inline-block;
    border: 5px solid #51b848;
    border-radius: 50%;
    transition: all .3s linear;
    box-sizing: border-box;
}
.green-button:hover, .green-button:focus {
	color: #262626;
	text-decoration: none;
}
.green-button:hover:before {
	border-color: #419439;
}

#steps .green-button {
    display: table;
    margin: 90px auto 0 auto;
}

#steps .steps-inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding: 60px 0px;
}

#steps .steps-inner ul {
    padding: 0;
}

@media (max-width: 1080px) {
  #steps .steps-inner {
      position: static;
      transform: none;
  }
  #customers .green-button:before {
      border-color: #419439;
  }
}

@media (max-width: 880px) {
  #steps .steps-inner {
      padding: 40px;
  }
}

@media (max-width: 576px) {
  #steps .steps-inner {
      padding: 30px 15px;
  }
  #steps .green-button {
      margin-top: 45px;
  }
}

#customers .green-button {
    display: table;
    margin: 60px 0 0 0;
    color: #fff;
}

#use-cases .green-button {
    color: #fff;
}

#use-cases .green-button:before {
    border-color: #419439;
}

#customers .green-button:hover,
#customers .green-button:focus,
#use-cases .green-button:hover,
#use-cases .green-button:focus {
    color: #fff;
    text-decoration: none;
}

/*
 * Layout
 */
 
.wrap {
	width: 1024px;
	margin: 0 auto;
	padding: 0 28px;
	position: relative;
}

@media only screen and (max-width: 1080px) {
	.wrap {
		width: 800px;
		padding: 0 28px;
	}
}
@media only screen and (max-width: 880px) {
	.wrap {
		width: auto;
		margin: 0 15px;
		padding: 0;
	}
}

/* Header */
.slide-1 {
	background: url(../images/visual-1.jpg) no-repeat 50% top;
	background-size: 100% auto;
	background-attachment: fixed;
	background-repeat: no-repeat;
	position: relative;
	z-index: 3;
}
.slide-1 .graphic-wrap {
	background: url(../images/grunge-1.png) no-repeat 50% 280px;
	background-size: 100% auto;
}
@media only screen and (max-width: 1440px) {
	.slide-1,
	.slide-1 .graphic-wrap {
		background-size: 1460px auto;
	}
}
@media only screen and (max-width: 1080px) {
	.slide-1 {
		background-attachment: scroll;
	}
}
@media only screen and (max-width: 880px) {
	.slide-1 {
		background-size: 1180px auto;
		background-position: 50% 80px; 
	}
}
#site-header .wrap {
	width: 719px;
	padding: 590px 0 75px 305px;
	background: url(../images/hakkapeliitta-tri.png) no-repeat 20px 535px;
}
#site-header h1 {
	font-size: 80px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 0 0;
	color: #fff;
}
.wf-active #site-header h1 {
	font-size: 86px;
}
#site-header h1 {
	display: block;
	width: 719px;
	height: 82px;
	background: url(../images/hakkapeliitta-tri_txt.png) no-repeat;
	text-indent: -999em;
}
#site-header h2 {
	font-size: 47px;
	margin: 0 0 35px 0;
	color: #fff;
}
#site-header p {
 	color:#fff;
	margin:0 0 10px 0;
  	font-size: 18px;
    margin:0;
}
.wf-active #site-header h2 {
	font-size: 49px;
}
#link-video,
#link-video-2,
#link-video-3 {
	display: inline-block;
	width: 186px;
	height: 60px;
	line-height: 60px;
	position: relative;
    margin-top:5px;
	background: #fff url(../images/bg_link-video.png) no-repeat;
  	background-size: 100% auto;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #47a440;
}
#link-video-2 {
	width: 263px;
}
#link-video-3 {
	width: 240px;
}
.fr #link-video,
.fr #link-video-2,
.fr #link-video-3 {
 	font-size: 13px; 
}
.fr #link-video-2 {
	width: 280px;
}
span.play {
 	display: inline-block;
  	height: 21px;
  	width: 14px;
  	margin-right: 10px;
  	background: url(../images/tri_playicon.png) no-repeat;
  	position: relative;
  	top: 3px;
}
#link-video .arrow {
	display: block;
	width: 59px;
	height: 60px;
	/*background: url(../images/bg_arrow.png) no-repeat;*/
	position: absolute;
	right: 0;
	top: 0;
}
#site-header h3 {
	font-size: 40px;
	text-align: center;
	line-height: 1.2em;
	margin: 80px 0 0 -305px;
	color: #fff;
}
.wf-active #site-header h3 {
	font-size: 42px;
}
#nokian-tyres {
	display: block;
	width: 237px;
	height: 269px;
	background: url(../images/nokian-tyres-logo.png) no-repeat;
	position: absolute;
	top: 10px;
	left: 0;
}
#banner-download {
	display: block;
	position: absolute;
	top: 41px;
	right: 0;
	width: 208px;
	height: 111px;
	padding: 12px 117px 0 12px;
	background: url(../images/bg_download-product-flyer.jpg) no-repeat;
	font-size: 18px;
	color: #000;
	text-decoration: none;
	line-height: 1.25em;
}
#banner-download #nokian-tyres-lang{
	padding-left:5px;
}
#banner-download #nokian-tyres-lang li{
  display:inline-block;
  padding:0 5px 0 0;
  margin:15px 0 0 0;
  line-height: 0.8em;
}
#banner-download #nokian-tyres-lang li a{
  color:#000;
  text-decoration:underline;
}
#banner-download strong {
	display: block;
	font-size: 20px;
	color: #50b848;
	line-height: 1.25em;
	padding-right: 50px;
    padding-left:5px;
  	padding-top:5px;
}
#language-selector {
	font-size: 10px;
	position: absolute;
	top: 9px;
	left: 688px;
}
#language-selector label {
	font-size: 18px;
	color: #fff;
	margin-right: 4px;
}
#presskit-download {
	position: absolute;
	top: 9px;
	right: 0;
	font-size: 18px;
	color: #fff;
}

.fr #presskit-download {
    font-size: 15px;
    top: 12px;
}

@media only screen and (max-width: 1080px) {
	#site-header .wrap {
		width: 495px;
		padding: 590px 0 35px 305px;
	}
	#site-header h1 {
		width: auto;
		height: auto;
		background: none;
		text-indent: 0;
		font-size: 50px;
	}
	.wf-active #site-header h1 {
		font-size: 56px;
	}
	#site-header h2 {
		font-size: 32px;
	}
	.wf-active #site-header h2 {
		font-size: 34px;
	}
	#site-header h3 {
		font-size: 30px;
		margin: 110px 0 0 -305px;
	}
	.wf-active #site-header h3 {
		font-size: 32px;
	}
	#language-selector {
		left: 464px;
	}
}
@media only screen and (max-width: 880px) {
	#site-header .wrap {
		width: auto;
		padding: 650px 0 45px 0;
		background: url(../images/hakkapeliitta-tri.png) no-repeat 0 305px;
	}
	#site-header h1 {
		font-size: 35px;
	}
	.wf-active #site-header h1 {
		font-size: 40px;
	}
	#site-header h2 {
		font-size: 32px;
	}
	.wf-active #site-header h2 {
		font-size: 34px;
	}
	#site-header h3 {
		font-size: 20px;
		text-align: center;
		margin: 20px 0 0 0;
		color: #fff;
	}
	.wf-active #site-header h3 {
		font-size: 22px;
	}
	#nokian-tyres {
		width: 100%;
		height: 100px;
		background: #4db848 url(../images/nokian-tyres-logo.png) no-repeat 10px 10px;
		left: -15px;
		padding-right: 30px;
        top: 0;
	}
	#banner-download {
		position: static;
		top: auto;
		right: auto;
		width: auto;
		height: auto;
		padding: 12px 12px;
		background: #fff;
		font-size: 14px;
		margin-top: 28px;
		margin-bottom: 28px;
	}
	#banner-download strong {
		font-size: 16px;
		padding-right: 0;
	}
	#language-selector {
		top: 9px;
		right: 0;
		left: auto;
	}
	#language-selector label {
		display: none;
	}
	#presskit-download {
		top: 35px;
		font-size: 16px;
		color: #fff;
	}
    .fr #presskit-download {
        top: 35px;
		font-size: 16px;
		color: #fff;        
    }
}

/* Steps */
#steps {
	width: 1024px;
	height: 822px;
	padding-bottom: 207px;
	position: relative;
	background: url(../images/bg_steps.jpg) no-repeat;
}
#tracks {
	width: 1024px;
	height: 207px;
	background: url(../images/bg_tracks.png) no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}
#steps ul {
	margin: 0;
	padding: 68px 0 0 0;
	list-style: none;
}
#steps ul li {
	margin-bottom: 48px;
	padding-left: 82px;
	position: relative;
}
#steps ul li#step-one {
	width: 663px;
	margin-left: 68px;
}
#steps ul li#step-two {
	width: 465px;
	margin-left: 407px;
}
#steps ul li#step-three {
	width: 510px;
	margin-left: 179px;
}
#steps ul li .step-num {
	display: block;
	width: 65px;
	height: 64px;
	background: url(../images/bg_step-num.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 42px;
	font-weight: bold;
	color: #fff;
	line-height: 62px;
	text-align: center;
}
#steps ul li h3 {
	font-size: 24px;
	font-weight: bold;
	color: #50b848;
	line-height: 1.1em;
	padding-top: 8px;
	margin: 0 0 10px 0;
}
#steps ul li p {
	font-size: 20px;
	color: #000;
	margin: 0 0 0 0;
}
.fr #steps ul li p {
	font-size: 20px;
}
.link-contact {
	display: table;
	width: auto;
    max-width: 300px;
	margin: 90px auto 0 auto;
	padding: 22px;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: #50b848;
    line-height: 1.2;
}
.link-contact .uppercase {
	font-size: 35px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}
.fr .link-contact {
	margin: 70px auto 0 auto;
}

@media only screen and (max-width: 1080px) {
	#steps {
		width: 800px;
		height: auto;
		padding-bottom: 38px;
	}
	#tracks {
		display: none;
	}
	#steps ul {
		padding: 38px 0 0 0;
	}
	#steps ul li {
		margin-bottom: 38px;
		padding-left: 82px;
		margin-left: 28px !important;
		margin-right: 38px;
	}
	#steps ul li#step-one {
		width: auto;
	}
	#steps ul li#step-two {
		width: auto;
	}
	#steps ul li#step-three {
		width: auto;
	}
	#steps ul li h3 {
		font-size: 24px;
		font-weight: bold;
		color: #50b848;
		line-height: 1.1em;
		padding-top: 8px;
		margin: 0 0 10px 0;
	}
	#steps ul li p {
		font-size: 22px;
		color: #000;
		margin: 0 0 0 0;
	}
	.link-contact {
		margin: 0 auto;
		font-size: 22px;
		font-weight: normal;
		text-align: center;
		color: #fff;
		text-decoration: none;
		background: #50b848;
	}
	.link-contact .uppercase {
		font-size: 35px;
		font-weight: bold;
		text-transform: uppercase;
		display: block;
	}
}
@media only screen and (max-width: 880px) {
	#steps {
		width: auto;
		height: auto;
		padding: 12px 12px;
		background: #fff;
	}
	#steps ul {
		padding: 0;
	}
	#steps ul li {
		margin-bottom: 12px;
		margin-left: 0 !important;
		padding-left: 20px;
		position: relative;
	}
	#steps ul li#step-one {
		width: auto;
	}
	#steps ul li#step-two {
		width: auto;
	}
	#steps ul li#step-three {
		width: auto;
	}
	#steps ul li .step-num {
		display: block;
		width: auto;
		height: auto;
		background: none;
		position: absolute;
		top: 5px;
		left: 0;
		font-size: 20px;
		color: #434d56;
		line-height: normal;
	}
	#steps ul li h3 {
		font-size: 20px;
	}
	#steps ul li p {
		font-size: 14px;
	}
	.link-contact {
		width: auto;
		margin: 0 auto;
		padding: 22px 0;
		font-size: 16px;
	}
	.link-contact .uppercase {
		font-size: 22px;
	}
}

/* Use cases */
.slide-2 {
	background: url(../images/visual-2.jpg) no-repeat 50% top;
	background-size: 100% auto;
	background-attachment: fixed;
	position: relative;
	z-index: 2;
	top: -1029px;
	padding-top: 1140px;
	margin-bottom: -1029px;
}
@media (max-width: 1440px) {
	.slide-2 {
		background-size: 1460px auto;
	}
}
#use-cases {
	background: #50b848 url(../images/bg_use-cases.gif) repeat-y 50% top;
}
#use-cases .col {
	width: 415px;
	float: left;
	margin-right: 175px;
	padding: 228px 0 80px 0;
	background: url(../images/bg_city.png) no-repeat left top;
	position: relative;
	top: -186px;
	margin-bottom: -226px;
}
#use-cases .col.last {
	margin-right: 0;
	background: url(../images/bg_forest.png) no-repeat left top;
}
#use-cases h3 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	margin: 0 0 10px 0;
}
.wf-active #use-cases h3 {
	font-size: 35px;
}
#use-cases p {
	font-size: 22px;
	color: #fff;
}
#use-cases a:link,
#use-cases a:visited {
	color: #fff;
	text-decoration: none;
}
#use-cases a:hover,
#use-cases a:focus {
	text-decoration: none;
}

#tables{padding-top: 60px;padding-bottom: 70px;background: #fff;}

#tables .wrap h3{color: #454e57;font-size: 25px;padding-bottom:20px;font-weight:bold;}

#tables .wrap .col{width: 490px;float: left;margin-right: 30px;}
#tables .wrap .last{margin-right: 0;}

td{padding:10px 0 0 30px;}
table{border-collapse: collapse;width:100%;background:#ebebeb;max-width:500px;font-family: 'Open Sans', sans-serif;}
td:nth-child(1){border-right:3px solid #fff;width:33%;}
td:nth-child(2){border-right:3px solid #fff;width:67%;}
tr:nth-child(1) td{padding:20px 0 10px 30px;font-weight:bold;}
tr:nth-child(3) td {padding-top:15px;}
tr:last-child td {padding-bottom:20px;}

@media only screen and (max-width: 1080px) {
	.slide-2 {
		top: -550px;
		padding-top: 710px;
		margin-bottom: -550px;
		background-attachment: scroll;
	}
	#use-cases {
		background: #50b848 url(../images/bg_use-cases.gif) repeat-y 50% top;
		margin-bottom: -56px;
	}
	#use-cases .col {
		width: 365px;
		margin-right: 70px;
		padding: 38px 0 80px 0;
		background: none;
		position: relative;
		top: 0;
		margin-bottom: 20px;
	}
	#use-cases .col.last {
		background: none;
	}
  #tables .wrap .col{width: 380px;float: left;margin-right: 30px;}
#tables .wrap .last{margin-right: 0;}
	#use-cases h3 {
		font-size: 20px;
	}
	.wf-active #use-cases h3 {
		font-size: 25px;
	}
	#use-cases p {
		font-size: 18px;
	}
}
@media only screen and (max-width: 880px) {
	#use-cases {
		background: #50b848;
		margin-bottom: 0;
	}
	#use-cases .col {
		width: auto;
		float: none;
		margin-right: 0;
		padding: 38px 0 0 0;
	}
	#use-cases .col.last {
		background: none;
        margin-bottom: 40px;
	}
    #tables .wrap .col{		
      	width: auto;
		float: none;
		margin-right: 0;padding:0 0 0 0;}
  #tables .wrap .last{padding:20px 0 0 0}
#tables{padding-top: 30px;padding-bottom: 30px;background: #fff;}
	#use-cases h3 {
		font-size: 16px;
	}
	.wf-active #use-cases h3 {
		font-size: 18px;
	}
	#use-cases p {
		font-size: 14px;
	}
}

/* Subscribe 
#subscribe {
	background: #fff;
	padding: 68px 0;
}
#subscribe .col {
	width: 470px;
	padding-right: 30px;
	float: left;
	margin-right: 24px;
}
#subscribe .col.last {
	margin-right: 0;
	width: 500px;
	padding-right: 0;
}
#subscribe p,
#subscribe label {
	font-size: 24px;
	color: #434d56;
}
#subscribe label {
	display: none;
}
.ie #subscribe label {
	display: none;
}
#subscribe form {
	width: 500px;
	position: relative;
}
#subscribe form input[type="email"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 63px;
	font-size: 22px;
	padding: 0 151px 0 20px;
	border: 2px solid #ccced1;
	border-right: none;
	outline: none;
}
#subscribe form input[type="submit"] {
	display: block;
	width: 131px;
	height: 63px;
	padding: 0;
	margin: 0;
	border: none;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #50b848;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

@media only screen and (max-width: 1080px) {
	#subscribe {
		padding: 38px 0;
	}
	#subscribe .col,
	#subscribe .col.last {
		width: 100%;
		padding-right: 0;
		float: none;
		margin-right: 0;
	}
	#subscribe p,
	#subscribe label {
		font-size: 18px;
	}
	#subscribe form {
		width: auto;
		position: relative;
	}
	#subscribe form input[type="email"] {
		font-size: 18px;
	}
	#subscribe form input[type="submit"] {
		font-size: 18px;
	}
}
*/

/* Customers */
.slide-3 {
	background: url(../images/visual-3.jpg) no-repeat 50% top;
	background-size: 100% auto;
	background-attachment: fixed;
	position: relative;
	z-index: 1;
}
@media (max-width: 1440px) {
	.slide-3 {
		background-size: 1460px auto;
	}
}
@media only screen and (max-width: 1080px) {
	.slide-3 {
		background-size: 1180px auto;
		background-attachment: scroll;
		background-position: 50% -240px;
	}
}
#customers .wrap {
	overflow: hidden;
}
#customers header {
	padding: 70px 0 0 0;
}
#customers header h2 {
	font-size: 70px;
	font-weight: bold;
	color: #fff;
	width: 590px;
}
.fr #customers header h2 {
	font-size: 70px;
}
#customers .graphic-wrap {
	padding-top: 480px;
	background: url(../images/grunge-2.png) no-repeat 50% bottom;
	background-size: 100% auto;
}
@media (max-width: 1440px) {
	#customers .graphic-wrap {
		background-size: 1440px auto;
	}
}
#customers .col {
	width: 400px;
	float: left;
	margin-right: 39px;
	padding-bottom: 50px;
}
#customers .col.last {
	margin-right: 0;
	width: 578px;
}
#customers blockquote {
	margin-bottom: 1.5em;
}
#customers blockquote p {
	font-size: 22px;
	color: #fff;
	margin-bottom: 0.5em;
}
#customers blockquote em {
	font-size: 20px;
}
#customers blockquote.big {
	padding-left: 41px;
	position: relative;
}
#customers blockquote.big p {
	font-size: 47px;
}
#customers blockquote.big p:first-child {
	font-size: 47px;
	margin-bottom: -0.3em;
}
.no #customers blockquote.big p:first-child {
	font-size: 43px;
}
#customers blockquote.big em {
	font-size: 20px;
}
#customers blockquote.big .q {
	display: inline-block;
	font-size: 98px;
	line-height: 0;
	color: #c9dfc7;
	position: relative;
	top: 36px;
}
#customers blockquote.big .q:first-child {
	position: absolute;
	left: 0;
	top: 51px;
}
#customers .link-contact {
	float: right;
	margin-top: 35px;
}
.link-contact.green {
	background: transparent;
	border: 2px solid #a5c8a1;
}

@media only screen and (max-width: 1080px) {
	#customers header {
		padding: 70px 0 400px 0;
	}
	#customers header h2 {
		font-size: 56px;
		width: auto;
	}
	#customers .graphic-wrap {
		padding-top: 38px;
		background: #50b848;
	}
	#customers .col {
		width: 380px !important;
	}
	#customers blockquote p {
		font-size: 20px;
	}
	#customers blockquote em {
		font-size: 18px;
	}
	#customers blockquote.big p {
		font-size: 31px;
	}
	#customers blockquote.big p:first-child {
		font-size: 31px;
	}
	#customers blockquote.big em {
		font-size: 18px;
	}
	#customers blockquote.big .q {
		font-size: 74px;
		top: 32px;
	}
	#customers blockquote.big .q:first-child {
		position: absolute;
		left: 0;
		top: 51px;
	}
}
@media only screen and (max-width: 880px) {
	#customers header {
		padding: 70px 0 400px 0;
	}
	#customers header h2 {
		font-size: 36px;
	}
	#customers .col {
		width: auto !important;
		float: none;
	}
	#customers blockquote.big {
		padding-left: 25px;
	}
	#customers blockquote p {
		font-size: 14px;
	}
	#customers blockquote em {
		font-size: 16px;
	}
	#customers blockquote.big p {
		font-size: 25px;
	}
	#customers blockquote.big p:first-child {
		font-size: 25px;
	}
	#customers blockquote.big em {
		font-size: 16px;
	}
	#customers blockquote.big .q {
		font-size: 48px;
		top: 16px;
	}
	#customers blockquote.big .q:first-child {
		position: absolute;
		left: 0;
		top: 31px;
	}
	#customers .link-contact {
		float: none;
		margin: 0 auto;
	}
}

/* 80 years */
#eighty-years {
	background: #396d3b;
	padding: 50px 0;
}
#eighty-years header {
	width: 300px;
	float: left;
	margin-right: 35px;
	background: url(../images/bg_eighty-years-header.png) repeat-y right 3px;
}
#eighty-years header h2 {
	font-size: 48px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}
.fi #eighty-years header h2 {
	font-size: 40px;
}
#eighty-years header h2 .smaller {
	display: block;
	font-size: 28px;
}
.fr #eighty-years header h2 .smaller {
	font-size: 26px;
}
.no #eighty-years header h2 .smaller {
	font-size: 23px;
}
#eighty-years p {
	width: 688px;
	float: left;
	font-size: 20px;
	color: #fff;
	margin-bottom: 0;
}

@media only screen and (max-width: 1080px) {
	#eighty-years p {
		width: 465px;
		font-size: 18px;
	}
}
@media only screen and (max-width: 880px) {
	#eighty-years header {
		width: auto;
		float: none;
		margin: 0 0 28px 0;
		background: none
	}
	#eighty-years p {
		width: auto;
		float: none;
		font-size: 16px;
	}
}


/* prettyPhoto */
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family: 'Open Sans', sans-serif;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{display:none !important; font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_loaderIcon{background:url(../images/ajax-loader.gif) center center no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:-4px;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:44px;left:50%;position:absolute;top:50%;width:44px;margin:-22px 0 0 -22px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#50b848}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}

/* =Image replacement & clearfix from: http://html5boilerplate.com/
----------------------------------------------- */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }