*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	margin: 0;
	padding: 0;
}

@font-face {
  font-family: 'BetaSans';
  src: url('/src/font/BetaSans-Bold.eot');
  src: url('/src/font/BetaSans-Bold.eot?#iefix') format('embedded-opentype'),
       url('/src/font/BetaSans-Bold.woff2') format('woff2'),
       url('/src/font/BetaSans-Bold.woff') format('woff'),
       url('/src/font/BetaSans-Bold.ttf') format('truetype'),
       url('/src/font/BetaSans-Bold.svg#BetaSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


.clear {
	display: block;
	clear: both;
}

.loader {
	position: absolute;
	display: inline-block;
	background: url('/src/img/loader.png') no-repeat;
	width: 40px;
	height: 40px;
	
	-webkit-animation: spinAround 2s linear infinite;
	-moz-animation: spinAround 2s linear infinite;
	-ms-animation: spinAround 2s linear infinite;
	-o-animation: spinAround 2s linear infinite;
	animation: spinAround 2s linear infinite;
}

@-webkit-keyframes spinAround {
	from { -webkit-transform: rotate(0deg) }
	to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spinAround {
	from { -moz-transform: rotate(0deg) }
	to { -moz-transform: rotate(360deg); }
}
@keyframes spinAround {
	from { transform: rotate(0deg) }
	to { transform: rotate(360deg); }
}



html {
	font-size: 100%;
}
body {
	font: 300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #444;
	background: #f7f9f9;
	position: relative;
}

.bg {
	position: relative;
}
.bg-right {
	position: fixed;
	width: 400px; 
	height: 395px;
	top: 50%;
	margin-top: -192.5px;
	right: 0;
	background: url('/src/img/bg_right.png') no-repeat;
	z-index: 10;
	opacity: .9;
}
.bg-left {
	position: fixed;
	width: 403px; 
	height: 700px;
	top: 150px;
	background: url('/src/img/bg_left.png') no-repeat;
	z-index: 10;
}
.bg-left .loader {
	top: 300px;
	left: 70px;
}
.bg-left-inner {
	position: fixed;
	z-index: 5;
	width: 275px;
	height: 378px;
	background-size: cover;
	top: 277px;
	
	opacity: 0;
	-webkit-transition: opacity .8s ease-in-out;
	-moz-transition: opacity .8s ease-in-out;
	-ms-transition: opacity .8s ease-in-out;
	-o-transition: opacity .8s ease-in-out;
	transition: opacity .8s ease-in-out;
}

.bg-left-inner.active {
	opacity: 1;
}

nav a {
	font-family: Verdana, 'Trebucher MS', Arial, sans-serif;
}

.wrapper {
	margin: 1em auto;
	position: relative;
	z-index: 100;
	width: 60%;
	min-width: 960px;
	
	
	-webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,.15);
	box-shadow: 1px 1px 10px 1px rgba(0,0,0,.15);
}

header {
	background: #fff;
	height: 118px;
	position: relative;
	border-bottom: 2px solid rgba(255,255,255,.6);
}

header::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	background: url('/src/img/header_stripes.png');
	width: 257px;
	height: 118px;
}

header .logo-wrapper {
	position: absolute;
	height: 100%;
	display: inline-block;
	width: 19.818em;
	left: 50%;
	margin-left: -9.909em;
}
header .logo {
	position: absolute;
	top: 50%;
	margin-top: -39.5px;
}

.box-outer {
	position: relative;
	height: 100%;
	display: table;
	margin-left: 1.5em;
}

.box-wrapper {
	font-size: 2em;
	width: 20em;
	height: 2em;
	position: relative;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px;
	display: table-cell;
	vertical-align: middle;
	
}

.box-wrapper .box {
	width: 20em;
	height: 2em;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform 1s;
	-moz-transition: -moz-transform 1s;
	-o-transition: -o-transform 1s;
	transition: transform 1s;
	
 	/* -webkit-animation: linear spin 5s infinite; */
 }
.box-wrapper .box.no-transition {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;	
}

.box-wrapper .box figure {
	display: block;
	position: absolute;
	line-height: 2em;
	font-weight: bold;
	color: white;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	margin: 0;
	height: 2em;
	width: 100%;
	
	font-family: 'BetaSans';
	
	color: #829c9e;
}

.box-wrapper .box .front {
 	-webkit-transform: translateZ(1em);
	-moz-transform: translateZ(1em);
	-o-transform: translateZ(1em);
	transform: translateZ(1em);
}
.box-wrapper .box .back   {
	-webkit-transform: rotateX(-180deg) translateZ(1em);
	-moz-transform: rotateX(-180deg) translateZ(1em);
	-o-transform: rotateX(-180deg) translateZ(1em);
	transform: rotateX(-180deg) translateZ(1em);
}
.box-wrapper .box .top {
	-webkit-transform: rotateX(90deg) translateZ(1em);
	-moz-transform: rotateX(90deg) translateZ(1em);
	-o-transform: rotateX(90deg) translateZ(1em);
	transform: rotateX(90deg) translateZ(1em);
}
.box-wrapper .box .bottom {
	-webkit-transform: rotateX(-90deg) translateZ(1em);
	-moz-transform: rotateX(-90deg) translateZ(1em);
	-o-transform: rotateX(-90deg) translateZ(1em);
	transform: rotateX(-90deg) translateZ(1em);
}

@-webkit-keyframes spin {
	from { transform: translateZ(-1em) rotateX(0); }
	to { transform: translateZ(-1em) rotateX(-360deg); }
}

header #search {
	position: absolute;
	top: .4em;
	right: .5em;
	z-index: 10;
}

header #search input {
	border: 2px solid rgba(0,0,0,.3);
	padding: .4em .6em;
	width: 16em;
	opacity: .7;
	outline: none;
	
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
header #search:hover input,
header #search input:focus {
	opacity: .9;
}

header .languages {
	position: absolute;
	bottom: 0;
	right: .5em;	
	z-index: 10;
}

header .languages ul {
	list-style: none;
}

header .languages ul li {
	float: left;	
	border-right: 1px solid #7a7a7a;
	padding: 0 .7em;
}

header.with-bg .languages ul li {
	/* border-right-color: #fff; */
}

header .languages ul li:last-child {
	border-right: none;
}

header .languages ul li a {
	color: #acacac;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	
	/* text-shadow: 1px 1px 1px #FFFFFF; */
}

header .languages ul li a.active,
header .languages ul li a:hover {
	color: #3f3f3f;
	text-shadow: 0 0 4px rgba(0,0,0,.2);
}

header.with-bg .languages ul li a.active,
header.with-bg .languages ul li a:hover {	
	color: #fff;
}

nav.main {
	background: #003b3b;
	height: 2.5em;
	color: #fff;
	font-size: 1.1em;
	font-family: Verdana, 'Trebucher MS', Arial, sans-serif
}

nav.main a {
	background: background: #003b3b;
	height: 2.5em;
	line-height: 2.5em;
	padding: 0 1em;
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	text-shadow: 1px 1px 1px #000000;
	-webkit-transition: background .8s ease-in-out;
	-moz-transition: background .8s ease-in-out;
	-ms-transition: background .8s ease-in-out;
	-o-transition: background .8s ease-in-out;
	transition: background .8s ease-in-out;
}

nav.main a.active,
nav.main a:hover {
	background: #d31e0b;
	
  	-webkit-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
}
nav.main a.right {
	float: right;
}

main {
	background: #fff;
	display: table;
	width: 100%;
	padding: 1.273em 0 1.273em;
}

main > * {
	display: table-cell;
}

main .sidebar.hidden {
	display: none;
}
main .sidebar {
	width: 18em;
}

main .sidebar ul {
	list-style: none;
}
main .sidebar ul a {
	display: block;
	position: relative;
	text-decoration: none;
}

main .sidebar > ul > li {
	border-bottom: 1px solid #d2dbdb;	
}
main .sidebar > ul > li:first-child {
	border-top: 1px solid #d2dbdb;
}

main .sidebar > ul > li > a {
	padding: .545em 1em .545em 2.273em;
	color: #d01f0b;
	-webkit-transition: background .6s ease-in-out;
	-moz-transition: background .6s ease-in-out;
	-ms-transition: background .6s ease-in-out;
	-o-transition: background .6s ease-in-out;
	transition: background .6s ease-in-out;
}

main .sidebar > ul > li > a:hover {
	background-color: #d3dfdf;
  	-webkit-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
}

main .sidebar > ul > li > a::after {
	width: 7px;
	height: 7px;
	content: "";
	position: absolute;
	right: 4px;
	top: 50%;
	margin-top: -3.5px;
	background: url('/src/img/sprite.png') 0 0;
}

main .sidebar > ul > li > a.active,
main .sidebar > ul > li > a.active:hover {
	color: #999;
	background-color: #fff;
}

main .sidebar > ul > li > a.active::after {
	background-position: -7px 0;
}

main .sidebar > ul ul > li {
	border-top: 1px solid #fff;
}
main .sidebar > ul ul > li:first-child {
	border-top: none;
}
main .sidebar > ul ul > li > a {
	background-color: #f0f5f5;
	color: #003b3b;
	padding: .545em 1em .545em 2.909em;
	-webkit-transition: background .6s ease-in-out;
	-moz-transition: background .6s ease-in-out;
	-ms-transition: background .6s ease-in-out;
	-o-transition: background .6s ease-in-out;
	transition: background .6s ease-in-out;
}

main .sidebar > ul ul > li > a::before {
	width: 3px;
	height: 5px;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 25px;
	margin-top: -2.5px;
	background: url('/src/img/sprite.png') 0 -7px;
}
main .sidebar > ul ul > li > a:hover {
	background-color: #d3dfdf;
  	-webkit-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
}

main .sidebar > ul ul > li > a.active,
main .sidebar > ul ul > li > a.active:hover {
	background-color: #f0f5f5;
	color: #999;
}

main .sidebar > ul ul > li > a.active::before {
	background-position: -3px -7px;
}

main > article {
	text-align: justify;
	padding: 0 1.091em;
}

main > section {
	text-align: justify;
	padding: 0 1.091em;
}

main > section::after {
	content: "";
	display: block;
	clear: both;
}

main > section > a {
	display: block;
	float: left;
	width: 49.5%;
	max-height: 22em;
	padding: .5em .7em .5em;
	overflow: hidden;
	position: relative;

	text-decoration: none;
	color: inherit;
  	-webkit-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
	
	border: 1px #cdd9d9 solid;
	margin: .25%;
}

main > section.search-results > a {
	max-height: 30em;
	min-height: 30em;
}

main > section > a:hover {
	background-color: #f0f5f5;
}

main > section span.search-highlight {
	background: yellow;
}
main > section > a > article::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4em;
	width: 100%;
	background: url('/src/img/article.png');
}

main h1 {
	font-size: 2em;
	color: #003b3b;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	margin-bottom: .273em;
	margin-top: 0;
}

main h2 {
	color: #003b3b;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
}

main article h3 {
	color: #003b3b;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
}

main article h4 {
	color: #003b3b;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
}

main article ul {
	list-style: none;
}
main article ul li {
	position: relative;
	line-height: 1.4em;
}
main article ul li::before {
 	content: "\2023 \0020";
	display: inline-block;
	color: #d01f0b;
	line-height: 1em;
	font-size: 1.6em;
	position: relative;
	vertical-align: middle;
	top: -2px;
	margin-right: .3em;
}

main article.product.has-image img.product-image {
	float: left;
	margin: 0 1em 1em 0;
}

main article.product.has-image .content {
	display: table;
}
main article.product.has-image .content > div {
	display: table-cell;
	vertical-align: top;
}
main article.product.has-image .product-image > img {
	max-width: 180px;
}
main article.product.has-image .content > .product-content > * {
	margin-left: 1em;
}
main article.product.has-image .content > .product-content ul li {
    position: relative;
    left: 1em;
} 
main article > ul {
    margin-left: 1.4em;
} 
main article.product.has-image .content > .product-content > h4 ~ ul {
    margin-left: 1.4em;
} 
main article > h4 ~ ul {
	margin-left: 1.4em;
}
main article ul {
	margin-bottom: .5em;
}
main article p {
	margin-bottom: .5em;
	text-align: justify;
}

main article p:last-child {
	margin-bottom: 0;
}

main article .attachments {
	margin-top: 1.3em;
}

main article .attachments ul {
	list-style: none;
	margin: 0;
}

main article .attachments ul li::before {
	display: none;
}
main article .attachments ul li:first-child {
	border-top: 1px solid #d2dbdb;
}
main article .attachments ul li {
	border-bottom: 1px solid #d2dbdb;
}

main article .attachments ul li a {
	height: 3.636em;
	line-height: 3.636em;
	display: block;
	position: relative;
	padding-left: 4em;
	text-decoration: none;
	color: #003b3b;
}
main article .attachments ul li a:hover {
	background-color: #f0f5f5;
}
main article .attachments ul li a::after {
	content: attr(data-filesize);
	display: block;
	position: absolute;
	top: 0;
	right: 1em;
	font-size: .9em;
	height: 100%;
	color: #999;
}
main article .attachments ul li a.icon-pdf::before {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 10px;
	margin-top: -15px;
	background: url('/src/img/sprite.png') 0 -12px;
	width: 25px;
	height: 28px;
}

main article .contacts {
	float: left;
}

main article .contacts > div:not(:first-child) {
	margin-top: 1em;
}

main article .contacts > div  {
	padding-left: .5em;
}
main article .contacts > div > h4  {
	margin-left: -.5em;
}
main article .contacts .table .row > span:first-child {
	font-weight: bold;
	width: 40px;
	display: inline-block;
}

main article .contacts-map {
	float: right;
	width: 70%;
}

main article .contacts-map iframe {
	width: 100%;
	height: 350px;
}

footer {
	height: 1.8em;
	background: #cdd9d9;
}