@import url("Nexa_Free_Light-webfont.css"); /* nexa_lightregular */
@import url("Nexa_Free_Bold-webfont.css"); /* nexa_boldregular */
@import url("Nexa_Heavy-webfont.css"); /* nexa_heavyregular */

/* Small screens */
@media only screen {
		body {font-family: "nexa_lightregular", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; background: top center no-repeat; background-color: #dfe3e4;}
			a {color: inherit; transition: color .2s linear;}
			a[href*="http"] {color: #FC0B0B;}
			h2, h3, h4 {font-weight: normal; line-height: 25px; color: #FC0B0B;}
			h2, h3, h4 {font-family: "nexa_lightregular", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; margin: 16px 0 6px 0;}
			h4 {font-family: "nexa_boldregular", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; margin: 16px 0 6px 0; color: #121011; text-transform: uppercase;}
			h2 {text-transform: uppercase;}
			header {background: #fff; position: relative; z-index: 3; box-shadow: 0 0 5px rgba(0,0,0,.5); height: 60px;}
				header .top-bar {height: 60px; line-height: 60px; overflow: visible;}
				header .top-bar, header .top-bar.expanded {background: none;}
					header .top-bar ul {background: none !important;}
						header .top-bar-section ul li:hover>a {color: #FC0B0B;}
						header .top-bar-section ul li.active:hover>a {color: inherit;}
						header .top-bar h1 img {height: 40px; margin: 10px 0;}
						header .top-bar .name, header .toggle-topbar {height: 60px; line-height: 60px;}
							header .top-bar .toggle-topbar a {padding: 0 10px; margin: 10px 0; height: 40px; line-height: 40px; display: block; color: #fff; font-size: 13px; text-transform: uppercase; border-radius: 5px; /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(44, 42, 43)), color-stop(1, rgb(19, 17, 18))); background-image: -o-linear-gradient(bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%); background-image: -moz-linear-gradient(bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%); background-image: -webkit-linear-gradient(bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%); background-image: -ms-linear-gradient(bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%); background-image: linear-gradient(to bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%); border: 1px solid #000; box-shadow: inset 0 2px 0 rgba(255,255,255,.3);*/}
							.top-bar.expanded .toggle-topbar a {color: #fff;}
					header .top-bar-section ul li {border-top: 1px solid #000; background: #2a2829; text-transform: uppercase;}
					header .top-bar-section ul li:first-child {border-top: none;}
						header .top-bar-section ul li>a {background: #2a2829; text-align: center;}
						header .top-bar-section ul li.active>a {background: #FC0B0B !important; color: #fff !important;}
			footer {background: #ebeff0; z-index: 2; box-shadow: 0 0 5px rgba(0,0,0,.5);}
				footer p, footer ul {font-size: 14px; text-align: center; margin: 0; color: #140f13;}
				footer ul {background: #fff;}
				footer p {height: 40px; line-height: 40px;}
					footer a {color: #140f13 !important;}
					footer a:hover {color: #FC0B0B !important;}
			.carousel {background: url(../gfx/bg/carousel.png) top center no-repeat; background-color: #e9e9e9; background-size: cover; position: relative; z-index: 1; box-shadow: inset 0 -1px 9px -3px rgba(0,0,0,.5);}
					.logo_tagline { z-index: 99999}
					.logo_tagline h2 {text-align: center; font-size: 22px; line-height: 30px; margin-bottom: 0;}
					.logo_tagline img {display: none;}
				.carousel .window {overflow: hidden; position: relative; text-align: center;}
					.carousel .window ul.panels {list-style: none; margin: 0; padding: 0;}
					.carousel .window ul.nav {margin: 0 auto; font-size: 13px; width: 238px; position: relative; bottom: 16px;}
						.carousel .window ul.nav li {width: 32px; height: 32px; margin: 0 2px 0 0;}
							.carousel .window ul.nav li a {background-color: rgba(255,255,255,.75); color: #121011; width: 32px; height: 32px; line-height: 32px; text-align: center; display: block; border-radius: 16px; transition: background-color .2s linear;}
							.carousel .window ul.nav li a:hover {background-color: rgba(255,255,255,.85); transition: background-color .2s linear;}
							.carousel .window ul.nav li.active a, .carousel .window ul.nav li.active:hover a {background: #000; color: #fff;}
				
			.news {background: #fff; position: relative; z-index: 2; box-shadow: 0 0 5px rgba(0,0,0,.5); padding: 36px 0 16px 0;}
				.news h2 {color: #b3b4b6; font-size: 22px; margin: 0; padding: 0 15px;}
				.news .article {padding: 0 15px;}
					.news h4 {color: #140f13; margin: 20px 0 0 0; padding: 0; font-size: 16px;}
					.news p {font-size: 13px;}
					.news a {text-decoration: underline;}
					.news a:hover {color: #FC0B0B; transition: color .2s linear;}
					.news a[href*="http"]:hover {color: #121011;}
			.content {position: relative; z-index: 1;}
				.radius {border-radius: 5px; overflow: hidden;}
				.shadow {box-shadow: 0 0 5px rgba(0,0,0,.2);}
				.bg {background: #f0f4f5;}
				.img, .file {background: #fff; text-align: center;}
					.img img, .file img {min-width: 100%; margin: 0 auto; display: block;}
					.file img.icon {min-width: inherit;}
				.img.th {margin: 15px 0;}
				.thumbnails {padding-top: 15px;}
				.txt {padding: 1px 20px;}
					.txt p {margin: 20px 0; line-height: 24px; font-size: 14px;}
					.txt ul {font-size: 14px; margin: 20px 0; list-style: none;}
						.txt ul li {position: relative; background: url(../gfx/bullet.png) 0 9px no-repeat; padding-left: 12px;}
					.txt h3+p, .txt h3+ul, .txt h4+p, .txt h4+ul {margin: 0 0 20px 0;}
					.txt a {text-decoration: underline;}
					.txt a:hover {color: #FC0B0B; transition: color .2s linear;}
					.txt a[href*="http"]:hover {color: #121011;}
					.txt a.icon {padding: 12px 0 12px 36px; background: 0 50% no-repeat;}
					.txt a[href*="pdf"].icon {background-image: url(../gfx/icon_file_pdf.png);}
					.txt .divider {margin: 0 -20px;}
				.catalogue {margin: 0; padding: 0;}
					.catalogue .file {padding: 15px;}
						.catalogue .file h4 {margin: 0; color: #FC0B0B; font-family: "nexa_lightregular", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; height: 31px; line-height: 31px;}
						.catalogue a>img {display: none;}
						.catalogue a img.icon {display: block; float: left;}
				#filter {margin-bottom: 15px; border-radius: 5px; background: #0e0c0f;}
					#filter .title-area {height: 45px; background: none !important;}
					#filter .top-bar-section ul {background: none;}
					#filter.top-bar.expanded .title-area {background: #0e0c0f;}
						#filter .name {height: 45px; line-height: 45px; color: #9d9d9d; font-size: 12px; text-transform: uppercase; position: absolute; right: 0; padding: 0 10px;}
					#filter .top-bar-section ul li {border-top: 1px solid #000; background: #2a2829; text-transform: uppercase;}
					#filter .top-bar-section ul li:first-child {border-top: none;}
						#filter .top-bar-section ul li>a {background: #2a2829;}
						#filter .top-bar-section ul li.active>a {background: #FC0B0B !important;}
						#filter .toggle-topbar {left: 7px; top: 7px; right: auto; width: auto; height: 30px; line-height: 30px; color: #fff; font-size: 13px; text-transform: uppercase; border-radius: 5px; border: 1px solid #a40406; box-shadow: inset 0 2px 0 rgba(255,255,255,.3); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EB1E25), color-stop(1, #D5080C)); background-image: -o-linear-gradient(bottom, #EB1E25 0%, #D5080C 100%); background-image: -moz-linear-gradient(bottom, #EB1E25 0%, #D5080C 100%); background-image: -webkit-linear-gradient(bottom, #EB1E25 0%, #D5080C 100%); background-image: -ms-linear-gradient(bottom, #EB1E25 0%, #D5080C 100%); background-image: linear-gradient(to bottom, #EB1E25 0%, #D5080C 100%);}
							#filter .toggle-topbar a {padding: 0 10px; height: 30px; line-height: 30px; display: block;}
							#filter .toggle-topbar a:after {content: ">"; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);  transform: rotate(90deg); display: inline-block;}
				.product .row {position: relative;}
					.product .thumbnail {padding: 15px;}
					.product .name {position: absolute; top: 50%; right: 0; margin-top: -12px;}
						.product .name h3 {margin: 0; font-size: 14px;}
                        .product .name p {margin: 0; padding: 0 20px 0 20px; font-size: 14px; height: 2em; line-height: 1em; overflow: hidden; color: #121011;}
				.products li {text-align: center;}
					.products li.end {margin: 0 auto; float: none;}
						.products li h3 {color: #353535; padding: 0 15px;}
						.products li:hover h3, .products li:focus h3 {color: #FC0B0B;}
				.back {display: block; padding: 16px 0 6px 0; height: 25px; line-height: 25px;}
				.back:before {content: "< ";}
				.divider hr {border-color: #fff;}
		.padding {margin: 0 10px; padding-bottom: 15px;}
				button, .button {color: #fff; font-size: 13px; text-transform: uppercase; border-radius: 5px; border: 1px solid #000; /*box-shadow: inset 0 2px 0 rgba(255,255,255,.3); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(44, 42, 43)), color-stop(1, rgb(19, 17, 18))); background-image: -o-linear-gradient(bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%); background-image: -moz-linear-gradient(bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%); background-image: -webkit-linear-gradient(bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%); background-image: -ms-linear-gradient(bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%); background-image: linear-gradient(to bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%);*/ padding-top: 0.6875rem; padding-bottom: 0.6875rem; margin: 0; min-width: 100%;}
				button:hover, .button:hover {/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EB1E25), color-stop(1, #D5080C)); background-image: -o-linear-gradient(bottom, #EB1E25 0%, #D5080C 100%); background-image: -moz-linear-gradient(bottom, #EB1E25 0%, #D5080C 100%); background-image: -webkit-linear-gradient(bottom, #EB1E25 0%, #D5080C 100%); background-image: -ms-linear-gradient(bottom, #EB1E25 0%, #D5080C 100%); background-image: linear-gradient(to bottom, #EB1E25 0%, #D5080C 100%);*/ border-color: #a40406;}
				.download {margin: 15px 0 0 0; padding-left: 1.75rem; padding-right: .25rem; background-image: url(../gfx/arrow_download.png), -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(44, 42, 43)), color-stop(1, rgb(19, 17, 18))); background-image: url(../gfx/arrow_download.png), -o-linear-gradient(bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%); background-image:url(../gfx/arrow_download.png), -moz-linear-gradient(bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%); background-image:url(../gfx/arrow_download.png), -webkit-linear-gradient(bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%); background-image: url(../gfx/arrow_download.png), -ms-linear-gradient(bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%); background-image: url(../gfx/arrow_download.png), linear-gradient(to bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%); background-repeat: no-repeat; background-position: 7.5% 50%;}
				.download:hover {background-image: url(../gfx/arrow_download.png), -webkit-gradient(linear, left top, left bottom, color-stop(0, #EB1E25), color-stop(1, #D5080C)); background-image: url(../gfx/arrow_download.png), -o-linear-gradient(bottom, #EB1E25 0%, #D5080C 100%); background-image: url(../gfx/arrow_download.png), -moz-linear-gradient(bottom, #EB1E25 0%, #D5080C 100%); background-image: url(../gfx/arrow_download.png), -webkit-linear-gradient(bottom, #EB1E25 0%, #D5080C 100%); background-image: url(../gfx/arrow_download.png), -ms-linear-gradient(bottom, #EB1E25 0%, #D5080C 100%); background-image: url(../gfx/arrow_download.png), linear-gradient(to bottom, #EB1E25 0%, #D5080C 100%);}
			*.pb0 {padding-bottom: 0 !important;}
			*.m0 {margin: 0 !important;}
			*.mb0 {margin-bottom: 0 !important;}
			*.mt0 {margin-top: 0 !important;}
	} 

/* Small screens only, max-width 640px */
@media only screen and (max-width: 40em) {
		header .top-bar.expanded {position: relative;}
			header .top-bar .top-bar-section {display: none;}
			header .top-bar.expanded .top-bar-section {position: absolute; width: 100%; top: 50px; display: block;}
				header .top-bar.expanded .toggle-topbar a {border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; border-color: transparent; background: #272727;}
				header .top-bar.expanded .top-bar-section .dropdown {position: absolute;}
		.wrapper {margin: 10px; padding: 15px 0 0 0; background: #f0f4f5; box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 5px;}
		.wrapper.file {background: #fff; padding: 15px 0;}
			.wrapper .radius {border-radius: none;}
			.wrapper .bg {background: none;}
			.wrapper .shadow.bg {box-shadow: none;}
			.wrapper .txt {padding: 0;}
			.wrapper.file p {margin: 0;}
		.ratio {margin: 15px 0 0 0;}
		footer .inline-list {margin: 0 -15px; padding: 0;}
			footer .inline-list li {float: none; display: list-item; margin: 0; padding: 0; line-height: 40px; height: 40px; border-top: 1px solid #dfe3e4;}
			footer .inline-list li:first-child {border-top: none;}
	} 

/* Medium and bigger screens, min-width 641px */
@media only screen and (min-width: 40.063em) {
		html, body {height: 100%;}
		body {background-image: url(../gfx/body.jpg); background-attachment: fixed; background-size: cover;}
			#master {min-height: 100%; height: 100%; position: relative; padding: 0 0 50px 0;}
			#master.homepage {background: #fff;}
			body>#master {height: auto;}
				header {height: 80px;}
					header .top-bar {height: 80px;}
						header .top-bar .name {padding: 9px 0;}
							header .top-bar h1 img {height: auto; margin: 0;}
						header .top-bar-section ul {background: none;}
							header .top-bar-section li {line-height: 80px !important; height: 80px; background: none !important; padding: 20px 0; border: none !important;}
								header .top-bar-section li a {line-height: 40px !important; background: none !important; font-size: 0.8125rem; color: #121011; text-transform: uppercase; border-radius: 5px; border: 1px solid transparent;}
								header .top-bar-section ul li.active>a {color: #fff; border: 1px solid #000; /*box-shadow: inset 0 2px 0 rgba(255,255,255,.3);*/ background: #272727 !important; /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(44, 42, 43)), color-stop(1, rgb(19, 17, 18))) !important; background-image: -o-linear-gradient(bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%) !important; background-image: -moz-linear-gradient(bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%) !important; background-image: -webkit-linear-gradient(bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%) !important; background-image: -ms-linear-gradient(bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%) !important; background-image: linear-gradient(to bottom, rgb(44, 42, 43) 0%, rgb(19, 17, 18) 100%) !important;*/}
								header .top-bar-section>li>a:hover {background: #444 !important; color: #fff !important;}
								header .top-bar-section li.has-dropdown:hover>a {background: #444 !important; border-radius: 5px 5px 0 0;}
								header .top-bar-section .has-dropdown a {padding: 0 15px !important;}
									header .top-bar-section .has-dropdown .dropdown {background: #444 !important; border-radius: 0 5px 5px 5px; left: 0; top: 60px; width: 300px;}
									header .top-bar-section .has-dropdown .dropdown li {margin: 0; padding: 0; text-align: left;}
										header .top-bar-section .has-dropdown .dropdown li a {line-height: normal; height: auto; text-align: left;}
										header .top-bar-section li.has-dropdown .dropdown li a:hover {color: #FC0B0B;}
										header .top-bar-section .has-dropdown>a:after {display: none;}
				#filter .top-bar-section ul {line-height: 45px; height: 45px; padding: 7px;}
				#filter .top-bar-section ul.right {padding: 0 7px;}
					#filter .top-bar-section ul li {background: none; color: #9d9d9d; font-size: 12px;}
						#filter .top-bar-section ul li>a {height: 30px; line-height: 30px; color: #fff; font-size: 13px; text-transform: uppercase; border-radius: 5px; border: 1px solid transparent; background: none;}
						#filter .top-bar-section ul li.active>a {border-color: #a40406; /*box-shadow: inset 0 2px 0 rgba(255,255,255,.3); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EB1E25), color-stop(1, #D5080C)); background-image: -o-linear-gradient(bottom, #EB1E25 0%, #D5080C 100%); background-image: -moz-linear-gradient(bottom, #EB1E25 0%, #D5080C 100%); background-image: -webkit-linear-gradient(bottom, #EB1E25 0%, #D5080C 100%); background-image: -ms-linear-gradient(bottom, #EB1E25 0%, #D5080C 100%); background-image: linear-gradient(to bottom, #EB1E25 0%, #D5080C 100%);*/}
						#filter .top-bar-section ul li>a:hover {/*background: #FC0B0B;*/ color: #9d9d9d;}
						#filter .top-bar-section ul li.active>a:hover {color: #fff;}
				.catalogue {padding: 15px;}
					.catalogue .file {padding: 15px 15px 0 15px;}
						.catalogue a>img {display: block;}
						.catalogue a>img.icon {position: absolute; top: 40px; left: 40px;}
					.product .name {position: static; margin: 0; padding: 0 0 15px 0;}
				.ratio {position: relative; margin: 30px 0 0 0;}
				.ratio:before{content: ""; display: block; padding-top: 94.3%; /* 943px */}
					.products {background: url(../gfx/bg/products.png) no-repeat; background-size: contain; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
						.products li {width: 12%; height: 12.725344644750794%; position: absolute; margin: 0 !important; padding: 0; float: none;}
						.products li#p1 {top: .42417815482502655%; left: 43.8%;} /* top: 4px; left: 438px; */
						.products li#p2 {top: 2.1208907741251327%; left: 72.5%;} /* top: 20px; left: 725px; */
						.products li#p3 {top: 2.7571580063626724%; left: 15%;} /* top: 26px; left: 150px; */
						.products li#p4 {top: 23.117709437963946%; left: 87.5%;} /* top: 218px; left: 875px; */
						.products li#p5 {top: 60.65747613997879%; left: 4%;} /* top: 572px; left: 40px; */
						.products li#p6 {top: 68.18663838812301%; left: 30.2%;} /* top: 643px; left: 302px; */
						.products li#p7 {top: 61.29374337221634%; left: 83.7%;} /* top: 578px; left: 837px; */
						.products li#p8 {top: 68.39872746553552%; left: 57%;} /* top: 645px; left: 570px; */
						.products li#p9 {top: 23.117709437963946%; left: .8%;} /* top: 218px; left: 8px; */
						.products li#p10 {top: 78.79109225874867%; left: 12.1%;} /* top: 743px; left: 121px; */
						.products li#p11 {top: 78.79109225874867%; left: 72%;} /* top: 743px; left: 720px; */
							.products li a {display: table; vertical-align: middle; height: 100%; width: 100%;}
								.products li a img {position: relative; z-index: 1; display: block; min-width: 100%; height: auto;}
								.products li a h3 {display: none; margin: 0; height: 100%; width: 100%; color: #fff; background: #FC0B0B; z-index: 2; padding: 0; border-radius: 50%; vertical-align: middle; font-size: 12px; line-height: normal;}
								.products li:hover a h3, .products li.touch a h3 {display: table-cell; padding: 0 10%; overflow: hidden;}
								.products li:hover a h3 {color: #fff;}
								.products li:hover a img {position: absolute; z-index: -1;}
						.products li.outer {height: auto;}
						.products li.outer:hover {height: 12.725344644750794%;}
							.products li.outer a {display: block;}
							.products li.outer:hover a {display: table;}
								.products li.outer h3 {display: block; color: #140f13; padding: 6px 0 !important; font-size: 12px; background: none; border-radius: 0;}
								.products li.outer:hover h3 {display: table-cell; padding: 0 10%; overflow: hidden; margin: 0; height: 100%; width: 100%; color: #fff; background: #FC0B0B; z-index: 2; padding: 0; border-radius: 50%; vertical-align: middle; font-size: 12px; line-height: normal;}
				.news {box-shadow: none;}
				footer {width: 100%; height: 50px; overflow: hidden; position: absolute; bottom: 0; left: 0; box-shadow: none;}
					footer p, footer ul li {line-height: 50px; height: 50px; font-size: 12px;}
					footer ul {float: right; background: none;}
					footer p {white-space: nowrap; text-align: left;}
						footer a:before {content: "> "; white-space: pre;}
				h2 {font-size: 30px; padding: 48px 0 18px 0;}
				h3 {font-size: 24px;}
				.wrapper {margin: 30px 0;}
				.wrapper.file {background: none;}
				.news h2 {text-align: center; font-size: 30px;}
				.news .article {padding: 36px 0 16px 0;}
					.news h4 {margin: 0;}
				.carousel .window ul.panels li {text-align: left;}
				.carousel .window ul.nav {bottom: 40px; position: absolute; left: 0; right: 0; width: auto;}
				.logo_tagline {position: absolute; bottom: 0; right: 15px; text-align: right;}
					.logo_tagline h2 {text-align: right; font-size: 24px; margin: 0 0 24px 0;}
					.logo_tagline img {max-width: 65%; display: inline;}
	}

@media only screen and (min-width: 64.063em) {
					.logo_tagline img {max-width: 100%;}
	}