html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow-x: hidden;
	overflow-y: scroll;
	font-size: 10px;
	color: #000;
}

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

header, footer, article, section, nav, menu, a, img, h1, h2, h3, h4, h5, h6, form, input, select, textarea, ul, ol, p {
	display: block;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

img {
	border: none;
}
img.fullWidth {
	width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

ul {
	list-style: none;
}

article {
	font: 2em 'lato_regular';
}
article p:not(:first-child), article ul:not(:first-child), article ol:not(:first-child), article h1:not(:first-child), article h2:not(:first-child), article h3:not(:first-child), article h4:not(:first-child), article h5:not(:first-child), article h6:not(:first-child) {
	margin-top: 1.5em;
}
article a {
	display: inline-block;
	color: #ee2c2c;
	text-decoration: underline;
}
article a:hover {
	text-decoration: none;
}
article ul li, article ol li {
	margin-left: 1.3em;
}
article ul li {
	list-style: disk;
}
article img, article iframe {
	max-width: 100%;
}
article iframe {
	height: 400px;
}

input, select, textarea {
	outline: none;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type=submit], input[type=button] {
	cursor: pointer;
}
textarea {
	resize: none;
}

.smoothTransition {
	transition-property: all;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
}
.smoothTransition.hover {
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
}
.smoothTransition.onLoad {
	transition-duration: .75s;
	-webkit-transition-duration: .75s;
	-moz-transition-duration: .75s;
	-o-transition-duration: .75s;
}

img.smoothTransition {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
a:hover img.smoothTransition.hover {
	opacity: .8;
	-webkit-opacity: .8;
	-moz-opacity: .8;
}

.hidden {
	visibility: hidden;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
}

.translatedDown {
	transform: translate(0,50px);
	-webkit-transform: translate(0,50px);
	-moz-transform: translate(0,50px);
	-ms-transform: translate(0,50px);
	-o-transform: translate(0,50px);
}

.translatedUp {
	transform: translate(0,-50px);
	-webkit-transform: translate(0,-50px);
	-moz-transform: translate(0,-50px);
	-ms-transform: translate(0,-50px);
	-o-transform: translate(0,-50px);
}

.translatedLeft {
	transform: translate(-20px,0);
	-webkit-transform: translate(-20px,0);
	-moz-transform: translate(-20px,0);
	-ms-transform: translate(-20px,0);
	-o-transform: translate(-20px,0);
}

.translatedRight {
	transform: translate(20px,0);
	-webkit-transform: translate(20px,0);
	-moz-transform: translate(20px,0);
	-ms-transform: translate(20px,0);
	-o-transform: translate(20px,0);
}

.scaledUp {
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
}

.scaledDown {
	transform: scale(.9,.9);
	-webkit-transform: scale(.9,.9);
	-moz-transform: scale(.9,.9);
	-ms-transform: scale(.9,.9);
	-o-transform: scale(.9,.9);
}

.table, .tableCell {
	width: 100%;
	height: 100%;
}
.table {
	display: table;
}
.tableCell {
	display: table-cell;
	vertical-align: middle;
}

.container {
	position: relative;
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
}

a.redBtn, input[type=button] {
	border: none;
	font: 2em 'lato_bold';
	color: #fff;
	background: #ee2c2c;
	text-transform: none;
	width: 10em;
	padding: .35em 0;
	text-align: center;
}
a.redBtn:hover, input[type=button]:hover {
	background: #000;
}

a.more {
	position: absolute;
	right: 0;
	width: 3em;
	height: 3em;
	background: url(../images/more_icon.png);
	background-size: 100%;
	z-index: 10;
}
a.more:hover {
	transform: scale(1.1,1.1) rotate(180deg);
	-webkit-transform: scale(1.1,1.1) rotate(180deg);
	-moz-transform: scale(1.1,1.1) rotate(180deg);
	-ms-transform: scale(1.1,1.1) rotate(180deg);
	-o-transform: scale(1.1,1.1) rotate(180deg);
}

.sectionTitle {
	text-transform: uppercase;
	position: relative;
	padding-bottom: 1.2em;
	margin-bottom: 4.2em;
}
.sectionTitle h3 {
	font: 2.5em 'lato_light';
}
.sectionTitle h2, .sectionTitle h1 {
	font: 4em 'lato_black';
}
.sectionTitle:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 20em;
	height: 4px;
	background: #ee2c2c;
}
.sectionTitle.center {
	text-align: center;
}
.sectionTitle.center:after {
	left: 50%;
	margin-left: -10em;
}

section {
	padding: 3.6em 0;
	position: relative;
}

a.navNext, a.navPrev {
	position: absolute;
	top: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
}

.mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.mask ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 20000px;
	height: 100%;	
}

#master {
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	position: relative;
}
#master.loaded {
	height: auto;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 10em;
	background: #000;
	z-index: 1000;
}
header.translatedUp {
	transform: translate(0,-100%);
	-webkit-transform: translate(0,-100%);
	-moz-transform: translate(0,-100%);
	-ms-transform: translate(0,-100%);
	-o-transform: translate(0,-100%);
}
header a.logo, header #navContainer, header #navContainer nav, header #navContainer form, header #navContainer #searchContainer, header a.lang, header a.mobileNav {
	height: 100%;
}
header a.logo, header a.lang {
	background: #fff;
}
header a.logo {
	margin-left: -20px;
	width: 23.3%;
	max-width: 319px;
	min-width: 200px;
}
header a.logo, header a.lang {
	transform: skewX(-20deg);
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	-o-transform: skewX(-20deg);
}
header a.logo.translatedLeft {
	transform: skewX(-20deg) translate(-100%,0);
	-webkit-transform: skewX(-20deg) translate(-100%,0);
	-moz-transform: skewX(-20deg) translate(-100%,0);
	-ms-transform: skewX(-20deg) translate(-100%,0);
	-o-transform: skewX(-20deg) translate(-100%,0);
}
header a.logo img {
	width: 70.8%;
	margin-left: auto;
	margin-right: auto;
}
header a.logo img, header a.lang img {
	transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
	-moz-transform: skewX(20deg);
	-ms-transform: skewX(20deg);
	-o-transform: skewX(20deg);
}
header #navContainer, header a.lang, header a.mobileNav {
	float: right;
}
header a.logo, header #navContainer nav, header #navContainer nav a, header #navContainer form, header #navContainer #searchContainer {
	float: left;
}
header #navContainer nav a {
	font: 1.6em 'lato_regular';
	color: #fff;
	text-transform: uppercase;
	padding: .3em .9em;
	border: 3px solid rgba(255,255,255,0);
	margin-right: .4em;
}
header #navContainer nav a:nth-last-child(2) {
	margin-right: 0;
}
header #navContainer nav a:hover, header #navContainer nav a.active {
	border-color: rgba(255,255,255,1);
}
header #navContainer form {
	display: none;
	margin-right: 1.8em;
}
header #navContainer form input[type=text] {
	border: 2px solid #fff;
	font: 1.6em 'lato_regular';
	color: #fff;
	padding: .3em .6em;
	width: 18.75em;
}
header #navContainer form input[type=text]::placeholder {
	color: rgba(255,255,255,.8);
}
header #navContainer #searchContainer {
	margin-left: .4em;
}
header #navContainer #searchContainer a {
	border-left: 2px solid #fff;
	width: 5.6em;
	padding-left: 1.8em;
	padding-right: .8em;
}
header a.lang {
	width: 6%;
	max-width: 83px;
	min-width: 63px;
	margin-left: 20px;
	margin-right: -20px;
}
header a.lang.translatedRight {
	transform: skewX(-20deg) translate(100%,0);
	-webkit-transform: skewX(-20deg) translate(100%,0);
	-moz-transform: skewX(-20deg) translate(100%,0);
	-ms-transform: skewX(-20deg) translate(100%,0);
	-o-transform: skewX(-20deg) translate(100%,0);
}
header a.lang img {
	width: 36%;
	margin-left: 10px;
}
header a.mobileNav {
	display: none;
}

#contact .container {
	position: relative;
	z-index: 10;
}
#contact iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}
#contact #contactInfo, #contact #newsletterFormContainer {
	background: rgba(255,255,255,.8);
}
#contact #contactInfo {
	float: left;
	width: 34.5%;
	padding: 1.5em 2em;
}
#contact #contactInfo .sectionTitle h2 {
	font-size: 2em;
}
#contact #contactInfo article {
	padding-left: 2.35em;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1.55em auto;
	margin-bottom: 1.35em;
}
#contact #contactInfo article a {
	color: #000;
	text-decoration: none;
}
#contact #contactInfo article a:hover {
	color: #ee2c2c;	
}

#contact #newsletterFormContainer {
	float: right;
	width: 48%;
}
#contact #newsletterFormContainer .title, #contactPageTitle, #productsCategory .contactForm .title {
	background: #000;
	padding: .7em 1.2em;
	color: #fff;
	text-transform: uppercase;
}
#contact #newsletterFormContainer .title h2, #contactPageTitle h2, #productsCategory .contactForm .title h2 {
	font: 2.5em 'lato_black';	
}
#contact #newsletterFormContainer .title h3, #contactPageTitle h3 {
	font: 2em 'lato_light';	
}
#contact #newsletterFormContainer form {
	padding: 0 1.7em 2.1em;
}
#contact #newsletterFormContainer form input:not([type=button]), #contactForm input:not([type=button]), #productsCategory .contactForm form input:not([type=button]), #productsCategory .contactForm form textarea {
	width: 100%;
	height: 3.25em;
	border: none;
	border-bottom: 1px solid #858585;
	padding: 0 3px;
	font: 1.6em 'lato_light';
	color: #000;
	text-transform: uppercase;
}
#contact #newsletterFormContainer form .submitBtnContainer, #contactForm .submitBtnContainer, #productsCategory .contactForm form .submitBtnContainer {
	margin-top: 2.2em;
}
#contact #newsletterFormContainer form .submitBtnContainer input[type=button] {
	float: left;
}
#contact #newsletterFormContainer form .submitBtnContainer .outputMsg, #contactForm .submitBtnContainer .outputMsg, #productsCategory .contactForm form .submitBtnContainer .outputMsg {
	float: right;
	font: 1.4em 'lato_bold';
	text-align: right;
	color: #ee2c2c;
}

footer {
	height: 10em;
	background: #000;
	color: #fff;
}
footer .container, footer #openingHours, footer #socialLinks, footer #footerLogos {
	height: 100%;
}
footer #openingHours {
	float: left;
}
footer #openingHours h2, footer #openingHours h3 {
	font-size: 2em;
}
footer #openingHours h2 {
	font-family: 'lato_bold';
}
footer #openingHours h3 {
	font-family: 'lato_regular';
}
footer #socialLinks, footer #footerLogos {
	float: right;
}
footer #footerLogos {
	margin-right: 16%;
}
footer #socialLinks a {
	display: inline-block;
	width: 3.3em;
}
footer #socialLinks a:not(:last-child), footer #footerLogos a:not(:last-child) {
	margin-right: 2em;
}
footer #footerLogos a {
	display: inline-block;
	width: 6em;
}


#mag {
	background: #f9f9f9;
}
#mag a.more {
	top: 3.5em;
}
#mag ul li {
	width: 45%;
	margin-bottom: 5%;
	float: left;
}
#mag ul li:nth-child(2n) {
	float: right;
}
#mag ul li img.cover {
	float: left;
	width: 44.5%;
	margin-right: 5.5%;
}
#mag ul li .info {
	float: left;
	width: 50%;
}
#mag ul li .info h2 {
	font: 3em 'lato_bold';
}
#mag ul li .info .date {
	font: 2em 'lato_regular';
	height: 1.15em;
	background: url(../images/mag_date_icon.png) left center no-repeat;
	background-size: auto 100%;
	padding-left: 1.95em;
	margin: .7em 0;
}
#mag ul li .info a.download {
	width: 3em;
	margin-top: 1.8em;
}

#copy .designed {
	float: left;
}
#copy .developed {
	float: right;
}
#copy {
	font: 1.2em 'lato_regular';
	color: #fff;
	background: #000;
	padding: 1.2em 0;
}

@media screen and (max-width:1024px) {
	body {
		font-size: 9px;
	}
}

@media screen and (max-width:950px) {
	header {
		height: 7.5em;
	}
	header a.mobileNav {
		display: block;
	}
	header #navContainer {
		position: absolute;
		top: 100%;
		width: 100%;
		background: #000;
		transform: translate(100%,0);
		-webkit-transform: translate(100%,0);
		-moz-transform: translate(100%,0);
		-ms-transform: translate(100%,0);
		-o-transform: translate(100%,0);
		transition: transform 1s;
		-webkit-transition: transform 1s;
		-moz-transition: transform 1s;
		-ms-transition: transform 1s;
		-o-transition: transform 1s;
	}
	header #navContainer.active {
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
	}
	header #navContainer, header #navContainer nav, header #navContainer nav a, header #navContainer #searchContainer, header #navContainer form {
		float: none;
		height: auto;
	}
	header #navContainer nav a {
		margin: .3em;
		border-width: 2px;
		text-align: center;
	}
	header #navContainer nav a:nth-last-child(2) {
		margin-right: .3em;
	}
	header #navContainer form input[type=text] {
		width: 90%;
		margin: 0 auto;
	}
	header #navContainer #searchContainer {
		margin-left: 0;
	}
	header #navContainer #searchContainer a {
		border-left: none;
		width: 2em;
		padding-left: 0;
		padding-right: 0;
		padding-top: .5em;
		padding-bottom: .5em;
		margin-left: auto;
		margin-right: auto;
	}
	footer #footerLogos {
		margin-right: 2em;
	}
}

@media screen and (max-width:768px) {
	body {
		font-size: 8px;
	}
	article iframe {
		height: 300px;
	}
}

@media screen and (max-width:640px) {
	article img, article iframe {
		margin-left: auto;
		margin-right: auto;
	}
	a.more {
		position: absolute;
		right: 50%;
		margin-right: -1.5em;
	}
	.sectionTitle, article {
		text-align: center;
	}
	.sectionTitle:after {
		left: 50%;
		margin-left: -10em;
	}
	#contact #contactInfo, #contact #newsletterFormContainer, #contact #newsletterFormContainer form .submitBtnContainer input[type=button], #contactForm .submitBtnContainer input[type=button], #contact #newsletterFormContainer form .submitBtnContainer .outputMsg, #contactForm .submitBtnContainer .outputMsg, footer #openingHours, footer #socialLinks, footer #footerLogos, #mag ul li, #mag ul li, #mag ul li:nth-child(2n), #mag ul li img.cover, #mag ul li .info {
		float: none;
		width: auto;
	}
	footer #footerLogos {
		margin-right: 0;
	}
	#mag a.more {
		top: 10em;
	}
	#contact #newsletterFormContainer, footer #socialLinks, footer #footerLogos, #mag ul li .info {
		margin-top: 1.5em;
	}
	#contact #newsletterFormContainer form .submitBtnContainer .outputMsg , #contactForm .submitBtnContainer .outputMsg, #productsCategory .contactForm form .submitBtnContainer .outputMsg {
		margin-top: .5em;
		text-align: center;
	}
	#contact #contactInfo article {
		background-position: center top;
		padding-top: 2em;
		padding-left: 0;
	}
	#contact #contactInfo a.redBtn {
		margin-left: auto;
		margin-right: auto;
	}
	#contact #newsletterFormContainer .title, #contactPageTitle, #contact #newsletterFormContainer form input:not([type=button]), #contactForm input:not([type=button]), #contact #newsletterFormContainer form .submitBtnContainer input[type=button], #contactForm .submitBtnContainer input[type=button], footer {
		text-align: center;
	}
	#contact #newsletterFormContainer form .submitBtnContainer input[type=button], #contactForm .submitBtnContainer input[type=button], #productsCategory .contactForm form .submitBtnContainer input[type=button] {
		width: 100%;
	}
	footer {
		height: auto;
		padding: 1.1em 0;
	}
	footer .container, footer #openingHours, footer #socialLinks, footer #footerLogos {
		height: auto;
	}
	#mag ul li img.cover {
		width: 100%;
		margin-right: 0;
	}
	#mag ul li .info {
		text-align: center;
	}
	#mag ul li .info .date {
		height: auto;
		background-position: center top;
		background-size: auto 1em;
		padding-left: 0;
		padding-top: 1.25em;
	}
	#mag ul li .info a.download {
		margin-left: auto;
		margin-right: auto;
	}
	#copy {
		text-align: center;
	}
	#copy .designed, #copy .developed {
		float: none;
	}
	#copy .developed {
		margin-top: 1em;
	}
}

@media screen and (max-width:425px) {
	article iframe {
		height: 250px;
	}
}