/* WEBFONTS */

@font-face {font-family:'RalewayBold'; src:url('fonts/raleway-bold.woff2') format('woff2'), url('fonts/raleway-bold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'LoraRegular'; src:url('fonts/lora-regular.woff2') format('woff2'), url('fonts/lora-regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'LoraRegularItalic'; src:url('fonts/lora-regular-italic.woff2') format('woff2'), url('fonts/lora-regular-italic.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'LoraBold'; src:url('fonts/lora-bold.woff2') format('woff2'), url('fonts/lora-bold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'LoraBoldItalic'; src:url('fonts/lora-bold-italic.woff2') format('woff2'), url('fonts/lora-bold-italic.woff') format('woff'); font-weight:normal; font-style:normal;}


/* MANDATORY */

* {margin: 0px; padding: 0px; box-sizing: border-box; background-repeat: no-repeat; background-position: 0px 0px;}
html, body {top: 0; left: 0; right: 0; height: 100%;}
body {-moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
table {border: none; border-collapse: collapse;}
table td, table th {padding: 0;}
ul, ol {list-style-type: none;}
img, iframe {border: none;}
input, textarea, select {-webkit-appearance: none; border-radius: 0px;}

/* GLOBAL */

body {
	font-family: 'LoraRegular', serif;
	font-size: 20px;
	line-height: 140%;
	text-align: center;
	color: #000000;
	background-color: #000000;
}

a, a:link, a:visited, a:focus, a:active, a:hover {
	color: #d60b2c;
	text-decoration: none;
	transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
}

p {
	margin-top: 20px;
}

p a {
	color: #737880 !important;
	text-decoration: underline !important;
}

p a:hover {
	color: #d60b2c !important;
}

a.button {
	font-family: 'RalewayBold', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	padding: 12px 24px;
	color: #ffffff !important;
	border-bottom: 0px !important;
	text-decoration: none !important;
	display: inline-block;
	background-color: #000000;
	border-radius: 5px;
}

a.button:hover {
	color: #ffffff !important;
	background-color: #c1272d;
}

div.bg-main-about a.button:hover,
div.bg-main-red a.button:hover {
	color: #ffffff !important;
	background-color: #c1272d;
}

h1, h2, h3, h4, h5 {
	width: 100%;
	font-family: 'RalewayBold', sans-serif;
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 120%;
	margin-bottom: 10px;
	color: #d60b2c;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

h1, h2 {
	font-size: 36px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

/* ELEMENTS */

div.bg-top,
div.bg-header,
div.bg-main,
div.bg-bottom,
div.bg-disclaimer {
	width: 100%;
	float: left;
	clear: both;
}

div.bg-top {
	top: 0px;
	left: 0px;
	position: fixed;
	background-color: #000000;
	z-index: 999;
}

div.bg-header {
	margin-top: 120px;
	background-image: url(img/header.jpg);
	background-size: cover;
	background-position: center center;
}

div.bg-main {
	background-color: #ffffff;
}

div.bg-main-products {
	background: #dddcd3;
	background: -moz-linear-gradient(top, #dddcd3 0%, #d5d7df 100%);
	background: -webkit-linear-gradient(top, #dddcd3 0%,#d5d7df 100%);
	background: linear-gradient(to bottom, #dddcd3 0%,#d5d7df 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddcd3', endColorstr='#d5d7df',GradientType=0 );
}

div.bg-main-about {
	background-image: url(img/about.jpg);
	background-size: cover;
	background-position: center center;
}

div.bg-main-red {
	background-color: #d60b2c;
}

div.bg-bottom {
	background-color: #000000;
}

div.bg-disclaimer {
	background-color: #191919;
	display: none;
}

div.center {
	width: 1000px;
	margin: 0px auto;
}

div.top,
div.header,
div.main,
div.bottom,
div.disclaimer {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}

span.scroll-section {
	width: 100%;
	height: 0px;
	float: left;
	clear: both;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: -120px;
}

div.top {
	padding: 20px 0px;
}

div.top-left-trigger,
div.top-right-trigger {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

div.top-right-trigger {
	left: auto;
	right: 0px;
}

span.menu-trigger,
a.phone-trigger {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	clear: none;
	text-indent: -999px;
	overflow: hidden;
	cursor: pointer;
	background-image: url(img/top-trigger.svg);
	background-size: 120px 120px;
}

span.menu-trigger {
	background-position: top left;
}

span.menu-trigger:hover,
span.menu-trigger.open {
	background-position: bottom left;
}

a.phone-trigger {
	background-position: top right;
}

a.phone-trigger:hover {
	background-position: bottom right;
}

div.top-left {
	float: left;
	clear: left;
}

div.top-right {
	float: right;
	clear: right;
}

div.top-left a {
	width: 200px;
	height: 80px;
	display: block;
	float: left;
	clear: none;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/logo.svg);
	background-size: 100% 100%;
}

ul.lang-menu {
	font-family: 'RalewayBold', sans-serif;
	font-size: 14px;
	line-height: 100%;
	float: right;
	clear: both;
}

ul.lang-menu > li {
	float: left;
	clear: none;
	margin-left: 10px;
}

ul.lang-menu > li:first-of-type {
	margin-left: 0px;
}

ul.lang-menu > li > a {
	color: #ffffff;
}

ul.lang-menu > li.current,
ul.lang-menu > li > a:hover {
	color: #c1272d;
}

ul.top-menu {
	font-family: 'RalewayBold', sans-serif;
	font-size: 18px;
	line-height: 100%;
	text-transform: uppercase;
	float: right;
	clear: both;
	margin-top: 40px;
}

ul.top-menu > li {
	float: left;
	clear: none;
	margin-left: 40px;
}

ul.top-menu > li:first-of-type {
	margin-left: 0px;
}

ul.top-menu > li > a {
	color: #ffffff;
}

ul.top-menu > li > a:hover {
	color: #c1272d;
}

div.header {
	height: 600px;
}

div.main {
	padding: 60px 0px;
	text-align: center;
}

div.bg-main-about,
div.bg-main-about h1,
div.bg-main-about h2,
div.bg-main-about h3,
div.bg-main-about h4,
div.bg-main-about h5,
div.bg-main-about p,
div.bg-main-about p a,
div.bg-main-red,
div.bg-main-red h1,
div.bg-main-red h2,
div.bg-main-red h3,
div.bg-main-red h4,
div.bg-main-red h5,
div.bg-main-red p,
div.bg-main-red p a {
	color: #ffffff !important;
}

div.bg-main-about p a:hover,
div.bg-main-red p a:hover {
	color: #000000 !important;
}

div.csc-default {
	width: 100%;
	float: left;
	clear: both;
}

div.csc-50 {
	width: 50%;
	float: left;
	clear: none;
	text-align: left;
	padding: 0px 20px;
}

div.main ul {
	list-style-type: square;
	margin-left: 20px;
}

div.csc-textpic,
div.csc-textpic-imagewrap {
	width: 100%;
	float: left;
	clear: both;
}

div.csc-textpic-imagerow,
div.csc-textpic-imagecolumn,
figure.csc-textpic-image {
	float: left;
	clear: none;
	display: block !important;
	margin: 0px !important;
}

div.csc-textpic-imagerow {
	width: 19.5%;
	padding: 5px;
	background-color: #ffffff;
	margin: 0% 0.5% 0.5% 0% !important;
}

figure.csc-textpic-image img {
	width: 100%;
	height: auto;
}

div.csc-form input[type="text"] {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'LoraRegular', sans-serif;
	font-size: 18px;
	color: #000000;
	border: none;
	padding: 15px 20px;
	background-color: #ffffff;
	margin-bottom: 10px;
}

div.csc-form textarea {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: 120px;
	max-height: 120px;
	min-height: 120px;
	float: left;
	clear: both;
	font-family: 'LoraRegular', sans-serif;
	font-size: 18px;
	color: #000000;
	border: none;
	padding: 15px 20px;
	background-color: #ffffff;
	margin-bottom: 10px;
}

div.csc-form input[type="submit"] {
	float: right;
	clear: both;
	font-family: 'RalewayBold', sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
	padding: 15px 20px;
	background-color: #000000;
	background-color: rgba(0,0,0,0.5);
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s linear;
}

div.csc-form input[type="submit"]:hover {
	background-color: rgba(0,0,0,1.0);
}

div.csc-form-submitted {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'LoraRegular', sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding: 30px;
	background-color: #000000;
}

div.csc-form-submitted p {
	margin: 0px !important;
}

div.bottom {
	font-size: 16px;
	color: #808080;
	padding: 15px 0px;
}

div.bottom-left {
	float: left;
	clear: left;
}

div.bottom-right {
	float: right;
	clear: right;
}

div.bottom p {
	margin: 0px;
}

ul.bottom-menu {
	font-family: 'LoraRegular', sans-serif;
	font-size: 14px;
}

ul.bottom-menu li {
	color: #808080;
	cursor: pointer;
	float: left;
	clear: none;
	margin-left: 20px;
}

ul.bottom-menu li:first-of-type {
	margin-left: 0px;
}

ul.bottom-menu li:hover,
ul.bottom-menu li a:hover {
	color: #ffffff;
}

ul.bottom-menu li a {
	color: #808080;
}

div.disclaimer {
	font-size: 14px;
	line-height: 150%;
	text-align: left;
	color: #cccccc;
	padding: 60px 0px;
}

div.disclaimer p a {
	color: #cccccc !important;
}

div.disclaimer p a:hover {
	color: #d60b2c !important;
}

/* MEDIA-QUERIES */

@media screen and (max-width:1040px) {
	div.center {width:100%; float:left; clear:both; padding-left:20px; padding-right:20px;}
	div.header {height:500px;}
}

@media screen and (max-width:880px) {
	div.top-left a {width:150px; height:60px;}
	ul.top-menu {margin-top:20px;}
	div.bg-header {margin-top:100px;}
	ul.top-menu > li {margin-left:20px;}
	div.csc-textpic-imagerow {width:24%; margin:0% 1% 1% 0% !important;}
}

@media screen and (min-width:740px) {
	div.top-right {display:block !important;}
}

@media screen and (max-width:740px) {
	body {font-size:16px; line-height:140%;}
	a.button {font-size:14px; padding:10px 20px;}
	div.bg-top div.center {padding:0px 0px 0px 10px;}
	div.top {padding:0px;}
	div.top-left {width:100%; height:60px; float:left; clear:both; text-align:center;}
	div.top-left a {width:100px; height:40px; display:inline-block; float:none; clear:none; margin-top:10px;}
	div.top-left-trigger, div.top-right-trigger {display:block;}
	div.top-right {width:100%; float:left; clear:both; position:fixed; top:60px; left:0px; padding:40px; background-color:#000000; display:none;}
	ul.lang-menu {width:100%; font-size:20px; float:left; clear:both;}
	ul.lang-menu li {width:50%; float:left; clear:none; margin:0px;}
	ul.lang-menu li.current {background-color:#d60b2c; color:#ffffff; padding:10px; border-radius:5px;}
	ul.lang-menu li a {width:100%; display:block; float:left; clear:none; padding:10px;}
	ul.top-menu {width:100%; float:left; clear:both; margin-top:30px; font-size:32px;}
	ul.top-menu li {width:100%; float:left; clear:both; margin:0px; text-align:center; padding:15px 0px;}
	div.bg-header {margin-top:60px; background-position:top center;}
	div.header {height:280px;}
	span.scroll-section {margin-top:-60px;}
	div.main, div.disclaimer {padding:40px 0px;}
	h1, h2 {font-size:28px;}
	h3 {font-size:24px;}
	h4 {font-size:20px;}
	h5 {font-size:16px;}
	div.csc-50 {width:100%; float:left; clear:both; padding:0px 0px 10px 0px;}
	div.csc-50:last-of-type {padding-bottom:0px;}
}

@media screen and (max-width:640px) {
	div.bottom-left {display:none;}
	div.bottom-right {width:100%; clear:both;}
	ul.bottom-menu {display:inline-block; float:none; clear:none;}
	div.csc-textpic-imagerow {width:32.3333333333%; padding:3px; margin:0% 1% 1% 0% !important;}
}

@media screen and (max-width:460px) {
	div.header {height:220px;}
	div.main, div.disclaimer {padding:30px 0px;}
}