@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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,img,ins,kbd,q,s,samp,small,strike,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{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}

a {
	outline:none;
}
img {
	max-width:100%;
	height: auto;
}

body {
	background:#f1f1f1;
}

#wrapper {
	background: #fff;
	margin:0 auto;
	max-width:1024px;
	min-height: 100vh;
	position: relative;
}
#header {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 99999;
}
#header-inner {
	margin:0 auto;
	max-width: 1024px;
	background: #fff;
	position: relative;
}
#header img {
	display: block;
}
#lang-select {
	position: absolute;
	top:12px;
	right:15px;
}
#lang-select a {
    font-family: 'open_sansregular';
	font-size:12px;
	color:#333;
}
#lang-select a:hover {
	color: #00956f;
}
#lang-select .lang-active a {
	font-weight:bold !important;
	color: #00956f;
}

#header #logo {
	padding:20px;
	transition: all .3s ease;
}
#header.shrink #logo {
	padding:10px 20px;
	transition: all .3s ease;
}
#header #logo img {
	width:442px;
	height:51px;
	transition: all .3s ease;
}
#header.shrink #logo img {
	width:381px;
	height:44px;
	transition: all .3s ease;
}

#menu {
	background:#848484;
}
#menu ul {
	font-size:0;
}
#menu li {
	display: inline-block;
}
#menu li a {
	color: #fff;
	font-size:13px;
    font-family: 'open_sanssemibold';
	text-decoration: none;
	line-height:26px;
	padding: 5px 10px;
	text-transform:uppercase;
	display: block;
	transition: all .3s ease;
}
#menu li a:hover, #menu li.current.active a {
	background:#00956f;
	transition: all .3s ease;
}

#header-img {
	padding-top:120px;
	transition: all .3s ease;
	position: relative;
	background:#00956f;
}
#header-img.shrink {
	padding-top:100px;
	transition: all .3s ease;
}
#header-img img {
	display: block;	
}
.claim {
	position:absolute;
	width:700px;
	height:36px;
	bottom:100px;
	left:68px;
    font-family: 'open_sansregular';
	font-size:18px;
	line-height:36px;
	color:#fff;
}

#content {
	padding:40px 80px 80px 20px;
}
.page-header {
	float: left;
	width:30%;
	margin-right:3.333%;
}
div[itemprop="articleBody"] {
	float: left;
	width:66.666%;
	padding-top:10px;
}
#content h1 {
    font-family: 'open_sanssemibold';
	font-size: 26px;
	line-height:32px;
	color: #00956f;
	margin:0 0 30px 0;
}
#content h2 {
    font-family: 'open_sanssemibold';
	font-size: 20px;
	line-height:28px;
	color: #00956f;
	margin:0 0 10px 0;
}
#content h3 {
    font-family: 'open_sanssemibold';
	font-size: 18px;
	line-height:26px;
	color: #00956f;
	margin:0 0 10px 0;
}
#content p {
    font-family: 'open_sansregular';
	font-size:16px;
	line-height: 22px;
	color:#333;
	margin: 0 0 20px 0;
	-webkit-hyphens: auto;
   	-moz-hyphens: auto;
    hyphens: auto;
}
#content a {
	color: #00956f;
	text-decoration: none;
}
#content a:hover {
	text-decoration:underline;
}
#content a.button {
	color: #fff;
	font-size: 15px;
	line-height: 22px;
	border-radius: 10px;
	background: #00956f;
	padding:12px;
	text-decoration: none;
	display: inline-block;
	max-width:290px;
	margin:10px 0;
	transition: all .3s ease;
}
#content a.button:hover {
	background: #848484;
	transition: all .3s ease;
}

#footer a {
	color: #333;
	text-decoration: none;
}
#footer a:hover {
	color: #00956f;
}
#footer .footer-text {
	position: absolute;
	bottom:0;
	right:0;
	color: #333;
    font-family: 'open_sansregular';
	font-size:13px;
	line-height: 18px;
	padding:8px 20px;
}

.menu-btn, .claim-m, #logo-m {
	display: none;
}

@media only screen and (max-width:1023px) {
	.menu-btn {
		display: block;
		cursor: pointer;
		position: absolute;
		bottom:10px;
		right:20px;
	}
	#menu {
		display: none;
	}
	#header #logo, #header.shrink #logo {
		padding:10px 20px;
	}
	#header #logo img, #header.shrink #logo img {
		width:381px;
		height:44px;
	}
	#lang-select {
		top: 7px;
	}
	#content {
    	padding: 40px 20px 80px 20px;
	}
	#header-img, #header-img.shrink {
		padding-top:64px;
		height:156px;
		background:url(images/header-m-bg.jpg) no-repeat bottom center;
		background-size: 1000px 156px;
	}
	#header-img img {
		display: none;
	}
	.claim {
		display: none;
	}
	.claim-m {
		display: block;
		padding:5px 20px;
		background: #00926E;
		font-family: 'open_sansregular';
		font-size:16px;
		line-height:22px;
		color:#fff;
	}
}
@media only screen and (max-width:768px) {
	.page-header {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	div[itemprop="articleBody"] {
		float: none;
		width: 100%;
		padding-top: 0;
	}
	#content {
    	padding: 20px 20px 80px 20px;
	}
	#content h1 {
		margin: 0 0 20px 0;
	}
}
@media only screen and (max-width:568px) {
	#logo {
		display: none;
	}
	#logo-m {
		display: block;
    padding: 10px 20px;
	}
}
@media only screen and (max-width:400px) {
	#logo {
		display: none;
	}
	#logo-m {
		display: block;
   		padding: 10px 100px 10px 10px;
	}
	.menu-btn {
		right:10px;
	}
	#lang-select {
		right: 5px;
	}
	#content {
		padding: 20px 10px 80px 10px;
	}
	.claim-m {
		padding: 5px 10px;
	}
	#footer .footer-text {
		padding: 8px 10px;
	}
	#header-inner {
		height:64px;
	}
}

/*! Pushy - v1.1.0 - 2017-1-30
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
/* Menu Appearance */
.pushy {
  position: fixed;
  width: 200px;
  height: 100%;
  top: 0;
  z-index: 99999999;
  background: #00956f;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */
}
.pushy a {
  display: block;
    font-family: 'open_sansregular';
	font-size: 18px;
	line-height:26px;
	color:#fff;
  padding: 7px 20px;
  text-decoration: none;
}
.pushy a:hover {
  color: #FFF;
}
.pushy ul:first-child {
  margin-top: 10px;
}
.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}

.pushy-content {
  visibility: hidden;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}

.pushy-open-left #wrapper,
.pushy-open-left .push {
  -webkit-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
}

.pushy-open-right #wrapper,
.pushy-open-right .push {
  -webkit-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
  visibility: visible;
}

/* Menu Transitions */
#wrapper,
.pushy,
.push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy-content {
  transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}