@charset "utf-8";
/* CSS Document */
@import "fonts.css";
@import "videos.css";
@import "cookie_accept.css";
@import "menu.css";
@import "nitebox.css";
@import "form.css";
@import "panels.css";
@import "text.css";
@import "particles.css";
* {
	position:relative;
	margin:0;
	padding:0;
	outline:none;
	resize:none;
	border:none;
}
img { -ms-interpolation-mode:bicubic; vertical-align:middle; }
html,
body {
	width:100%;
	height:100%;
	min-width:320px;
	background:#fff;
	
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
}
html {
	overflow:auto;
}
/* NOSCRIPT */
#noscript { width:100%; padding:10px; background-color:#b82828; text-align:center; color:#fff; z-index:999999; display:block; }
#noscript * { color:#fff; font-size:14px; line-height:normal; }
#noscript a { font-weight:600; }
#noscript a:hover { color:#ccc !important; }
/* SELECTION */
::selection { background:#00aeef; color:#fff; }
::-moz-selection { background:#00aeef; color:#fff; }
/* 404 */
h1.nf, h1.nf * { font-size:100px; line-height:100px; color:#000; font-weight:700; font-style:normal; text-align:left !important; }
/* box-sizing */
*, *::after, *::before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
a::after, a::before, li::after, li::before, div::after, div::before, span::after, span::before { position:absolute; content:''; left:0px; top:0px; }
/* font-face */
* { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:300; font-size:16px; line-height:22px; color:#444444;  vertical-align:top; }
a { color:#00aeef; text-decoration:none; }
a:hover { color:#0478a3 !important; } 
/* transition */
.t, a, a::after, a::before, a * { transition:all .3s; -webkit-transition:all .3s; }
/* hovers */
ul.menu .nc:hover, h1, h2, h3 { cursor:default; }
/* not selectable */
.not-selectable, ul.menu .nc, input[type="checkbox"]+label, form div.checkbox+label, .date-ico, #side li.nc {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	cursor:default;
}
strong, b, strong *, b * { font-weight:600; }
h1, h2, h3, h4, h5 { color:#00aeef; font-weight:300; line-height:normal !important; }
h1 *, h2 *, h3 *, h4 *, h5 * { line-height:normal !important; font-weight:700; font-family:inherit; }
h1, h1 * { font-size:36px; }
h2, h2 * { font-size:30px; }
h3, h3 * { font-size:24px; }
h4, h4 * { font-size:18px; }
h5, h5 * { font-size:16px; }
/* preloader */
#preloader { width:100%; height:100%; z-index:100000; position:fixed; background:url(../images/preloader.gif) center center no-repeat #fff; }

/* site */
#wrapper { width:100%; overflow:hidden; min-height:100%; min-width:1024px;  }

div.c { max-width:1100px; padding:0px 30px; margin:0 auto; }

#header-top {
	height:40px;
	background:#0378a3;
	width:100%;	
}
#header-top div.c {
	text-align:right;	
}
#header-top div.c > a {
	display:inline-block;
	line-height:40px;
	font-size:14px;
	font-weight:700;
	color:#fff !important;
	position:absolute;
	left:25px;
	top:0px;
}
#header-top div.c > a * {
	line-height:inherit;
	font-size:inherit;
	color:inherit;
	font-weight:400;	
}
#header-top div.c > a:hover, #header-top div.c > a:hover * { 
	opacity:.5;
}
#header {
	height:164px;
	background:url(../images/header_bg.png) left top repeat-x;	
}
#header div.c {
	height:164px;	
}
#logo {
	max-width:216px;
	width:100%;
	left:30px;
	top:0px;
	background:url(../images/header_bg2.png) left top repeat-x;
	position:absolute;
	height:100%;
}
#logo a {
	position:absolute;
	top:50%;
	max-width:206px;
	width:100%;
	transform:translateY(-50%);	
}
#logo img {
	width:100%;	
}
#menu {
	z-index:40;	
	position:absolute;
	right:20px;
	height:100%;
	top:0px;
	background:url(../images/header_bg2.png) left top repeat-x;
	padding:0px 15px;
}
#pagetitle {
	height:190px;
	margin-top:4px;
	margin-bottom:4px;
	background:url(../images/si_bg.jpg) center center no-repeat;
	/*border-top:3px solid #00aeef;
	border-bottom:3px solid #00aeef;*/
}
#pagetitle::after, #pagetitle::before {
	width:100%; height:3px; background:#00aeef; 
}
#pagetitle::before {
	top:-4px;	
}
#pagetitle::after {
	bottom:-4px; top:auto;
}
#pagetitle div.title {
	top:50%;
	text-transform:lowercase;
	color:#fff;
	font-size:64px;	
	line-height:normal;
	transform:translateY(-50%);
	z-index:10;
	cursor:default;
	font-weight:300;
	font-style:italic;
}
#content {
	margin-bottom:215px;	
}
#content div.main {
	width:63.6363%;
	padding-right:25px;
	display:inline-block;	
}
#content div.side {
	width:36.3637%;
	padding-left:25px;
	display:inline-block;	
}
ul.qualifications {
	list-style-type:none;	
}
ul.qualifications li:first-child {
	border-top:none;	
}
ul.qualifications li {
	padding:15px 15px 15px 75px;	
}
ul.qualifications li span {
	display:block;	
	font-size:14px;
}
ul.qualifications li span.title {
	font-weight:400;
	line-height:26px;
	font-size:18px;
}
div.about ul.qualifications li {
	background:url(../images/nah2.png) 15px center no-repeat;	
	background-size:42px auto;
}
div.about ul.qualifications li a:hover * {
	color:#0378a3 !important;	
}
div.side a.back {
	margin-top:30px;
	display:none;	
}
div.con-files ul {
	list-style-type:none;
	margin-top:10px;	
}
div.con-files li {
	padding:8px 0px 8px 30px;	
	background:url(../images/files.png) left center no-repeat;
	background-size:18px auto;
}
div.con-files li a {
	color:#000;	
}
div.con-references, div.con-files {
	padding:20px;
	background:#eaeaea;	
	margin-top:40px;
}
div.con-references h2, div.con-files h2 {
	font-style:italic;
	text-transform:lowercase;
	color:#00aeef;	
}
div.con-references > div {
	margin-top:30px;	
}
div.con-references div.img {
	display:inline-block;
	width:20%;	
}
div.con-references div.img img {
	max-width:320px;
	width:100%;
	filter:saturate(0%);
	-webkit-filter:saturate(0%);
	opacity:.5;	
	transition:all .3s;
}
div.con-references > div:hover img {
	filter:saturate(100%);
	-webkit-filter:saturate(100%);
	opacity:1;		
}
div.con-references > div:hover span {
	color:#0378a3;	
}
div.con-references div.info {
	display:inline-block;
	width:80%;	
	padding-left:25px;
}
div.con-references > div span {
	transition:all .3s;
	font-size:14px;
	line-height:20px;
}
div.con-references span.title {
	font-weight:400;
	display:block;	
}
div.con-references a {
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
div.c > h1 {
	overflow:hidden;	
	white-space:nowrap;
	margin-bottom:40px;
}
div.c > h1 span {
	display:inline-block;
	text-transform:lowercase;
	color:#00afef;
	font-style:italic;
	font-weight:300;
	font-size:48px;	
}
div.c > h1 span::after {
	width:1100px;
	right:-1110px;
	left:auto;
	top:50%;
	background:#c1c1c1;
	height:1px;	
}
div.block {
	padding:40px 0px 60px 0px;	
}
a.button {
	display:inline-block;
	background:#00aeef;
	color:#fff;
	text-transform:lowercase;
	font-weight:400;
	padding:10px 15px;
}
a.button:hover {
	background:#000;	
	color:#fff !important;
}

#footer {
	position:absolute;
	bottom:0px;
	width:100%;	
}
#partners {
	height:175px;
	background:#00aeef;	
	padding-top:20px;
}
#partners div.c {
	overflow:hidden;
}
#partners div.td {
	display:inline-block;	
}
#partners div.td a {
	display:table;
	vertical-align:middle;
}
#partners div.partners {
	float:left;	
}
#partners div.qualifications {
	float:right;	
}
#partners div.qualifications a * {
	color:#fff !important;	
	font-size:14px !important;
	line-height:22px;
}
#partners div.qualifications a:hover {
	opacity:.75;	
}
#partners ul.qualifications li {
	padding:15px 15px 15px 60px;	
	background:url(../images/nah1.png) 0px center no-repeat;
	background-size:42px auto;
	max-width:250px;	
}
#partners ul.qualifications li:first-child {
	margin-left:0px;	
}
#partners ul.qualifications li {
	display:inline-block;
	margin-left:25px;
}
#partners h2 {
	font-size:24px;
	font-weight:300;
	font-style:italic;
	color:#fff;
	margin-bottom:10px;
}
#partners div.partners a {
	display:inline-block;
	margin-left:30px;	
}
#partners div.partners a:first-child {
	margin-left:0px;	
}
#partners div.partners a:hover {
	opacity:.75;	
}
#partners div.partners img.tsi { max-width:80px; }
#partners div.partners img.rotronic { max-width:152px; }
#footer-bottom * { line-height:40px; }
#footer-bottom { padding:0px 20px; background:#0378a3; border-top:1px solid #fff; }
#footer-bottom a { color:#fff !important; font-size:14px; font-weight:400; }
#footer-bottom div.siteby { float:right; font-size:14px; color:#fff; }
#footer-bottom div.siteby a { font-style:italic; font-weight:600; }
#footer-bottom div.siteby a:hover { opacity:.5; }

div.c.mobile-view { text-align:center; padding:0; float:none; min-height:0 !important; }
a.mobile-view { display:block; text-align:center; line-height:40px; font-weight:600; font-size:14px; color:#fff; background:#000 !important; }
a.mobile-view:hover { color:#fff !important; background:#00aeef !important; }
div.c.mobile-view, a.mobile-view { display:none !important; }
@media screen and (max-width: 900px), screen and (max-device-width: 900px), screen and (max-width: 900px) {
	#footer div.c { overflow:hidden !important; }
	div.c.mobile-view, a.mobile-view { display:block !important; }
	#fix_menu { display:none; }	
}
@media screen and (max-width: 1050px), screen and (max-device-width: 1050px), screen and (max-width: 1050px) {
	#fix_menu ul.menu a { font-size:14px !important; }
	#logo_small { width:70px; height:70px; top:-10px; box-shadow:none; }	
}