@charset "utf-8";
/* CSS Document */
@import "fonts.css";
@import "nitebox.css";
@import "cookie_accept.css";
@import "menu.css";
@import "text.css";
@import "panels.css";
@import "form.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:300px;
	background:url(../images/bg.jpg) center top no-repeat #eff4fb;
	background-size:100% auto;
	background-attachment: fixed;
}
html {
	overflow:auto;
}
/* NOSCRIPT */
#noscript {
	width:100%; padding:10px; background-color:#ce0f00; text-align:center; color:#fff; display:block; margin-bottom:2px;
}
#noscript * { color:#fff; font-size:14px; line-height:normal; }
#noscript a { font-weight:600; }
/* SELECTION */
::selection {
	background: #006cb6; color:#fff;
}
::-moz-selection {
	background: #006cb6; color:#fff;
}
/* 404 */
h1.nf, h1.nf * { font-size:100px; line-height:100px; color:#1857aa; font-weight:700; font-style:normal; }
/* box-sizing */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* font-face */
* { font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:300; font-size:16px; line-height:24px; color:#4f4f4f; }

a::after, a::before, li::after, li::before, div::after, div::before, span::after, span::before { position:absolute; content:''; }
/* transition */
.t, a, a::after, a::before, a *, ul.menu ul, ul.menu > li:after, #slider-nav a:before, #slider-nav a:after { transition:all .3s; -webkit-transition:all .3s; }
h1, h2 { transition:color .3s; -webkit-transition:color .3s; }
/* hovers */
ul.menu .nc:hover, h3 { cursor:default; }
/* not selectable */
.not-selectable, ul.menu .nc, input[type="checkbox"]+label, .ico, div.cont-header *, form label {
	-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; }
/**/

a { color:#ce0f00; text-decoration:none; }
a:hover { color:#006cb6; }

div.c { max-width:1260px; padding:0px 2.4%; margin:0 auto; }

#preloader { width:100%; height:100%; z-index:9997; position:fixed; background:url(../images/preloader.gif) center center no-repeat #fff; }

#wrapper { width:100%; min-width:320px; overflow:hidden; min-height:100%; min-width:980px; }

#header {
	padding:1.8% 0px;
}
#logo img {
	width: 100%;
	max-width: 316px;
}
a#logo {
	display: inline-block;
	margin-left: -10px;
}

#content {
	margin-top: 2.7%;
	margin-bottom: 105px;
}
#content > div.c {
	margin-bottom: 2.27%;
	overflow: hidden;
}

div.page-head {
	padding: 1.8%;
	height:100px;
	border-radius:10px;
	overflow: hidden;
	cursor: default;
	margin-bottom: 2.27%;
}
div.page-head > div {
	position: absolute;
	right: 0px;
	top:0px;
}
div.page-head > h1 {
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	color:#fff;
	font-weight: 900;
	font-size: 36px;
	line-height: 40px;
	z-index: 2;
	text-transform: uppercase;
}
div.page-head > h1 > span {
	font-weight: 300;
	font-size: inherit;
	color: inherit;
	line-height: inherit;
	text-transform: inherit;
}

#main {
	width:75%;
	float:none;
}
#side {
	float:right;
	width:22.72%;
}
#side h2 {
	text-transform: uppercase;
	color:#fff;
	font-size: 24px;
	font-weight: 900;
	line-height: normal;
	margin-bottom: 4%;
}
#side div.block {
	padding: 8%;
}

/* COLOR SCHEMAS */
#content.red div.page-head, 
#content.red #side div.block,
#content.red a.button 
{ background:#ce0f00; }
#content.blue div.page-head, 
#content.blue #side div.block,
#content.blue a.button 
{ background:#006cb6; }
#content.orange div.page-head, 
#content.orange #side div.block,
#content.orange a.button
 { background:#f39e00; }

#content.red ul.submenu li.sel a,
#content.red div.persons h2,
#content.red div.companies h2,
#content.red #main a 
{ color:#ce0f00; }
#content.blue ul.submenu li.sel a,
#content.blue div.persons h2,
#content.blue div.companies h2,
#content.blue #main a 
{ color:#006cb6; }
#content.orange ul.submenu li.sel a,
#content.orange div.persons h2,
#content.orange div.companies h2,
#content.orange #main a 
{ color:#f39e00; }

#content.orange #main a { color:#ce8805; }

#content.blue #main a:hover { color:#000; }
#content.red #main a:hover { color:#000; }
#content.orange #main a:hover { color:#000; }

#content.blue ::selection, #content.blue ::-moz-selection {
	background: #006cb6; color:#fff;
}
#content.red ::selection, #content.red ::-moz-selection {
	background: #ce0f00; color:#fff;
}
#content.orange ::selection, #content.orange ::-moz-selection {
	background: #f39e00; color:#fff;
}

/* */
a.button {
	background: #ce0f00;
	padding:10px 25px;
	text-transform:uppercase;
	color:#fff;	
	font-size:14px;
	font-weight:600;
	display:inline-block;
	color:#fff !important;
	border-radius: 5px;
}
a.button * {
	font-size:inherit;
	color:inherit;
	line-height:inherit;
	font-weight:inherit;
}
a.button:hover {
	background:#7d7d7d !important;
	color:#fff !important;	
}

/* BLOCK */
div.block {
	background: #fff;
	border-radius: 10px;
	padding: 1.8%;
}
#main div.block {
	padding: 2.42%;
}
div.block + div.block  {
	margin-top: 2.27%;
}
div.block.back {
	text-align: center;
}
a.back {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
}

/* PERSONS, COMPANIES */
div.persons > *+*, div.companies > *+* {
	margin-top:3%;
}
div.persons div+h2, div.companies div+h2 {
	margin-top: 5%;
}
div.companies > div+div {
	border-top: 1px dotted #ccc;
	padding-top: 3%;
}
div.persons h2, div.companies h2 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 24px;
	line-height: normal;
}
div.persons > div > div {
	display: inline-block;
	vertical-align: top;
}
div.companies > div > div {
	display: table-cell;
	vertical-align: middle;
}
div.persons > div, div.companies > div {
	padding-left: 2.27%;
}
div.persons div.img {
	width: 10%;
	overflow: hidden;
	transition: filter .3s;
	filter: saturate(0);
}
div.companies div.img {
	width: 15%;
}
div.persons > div:hover div.img, div.companies > div:hover div.img {
	filter: saturate(1);
}
div.persons div.img img {
	max-width: 300px;
	width: 100%;
	border-radius: 5px;
}
div.companies div.img img {
	max-width: 250px;
	width: 100%;
}
div.persons div.info {
	width:87%;
	margin-left: 3%;
}
div.companies div.info {
	width:85%;
	padding-left: 5%;
}
div.persons span.name, div.companies span.name {
	font-weight: 400;
	font-size: 22px;
	line-height: normal;
	display: block;
}
div.companies span.name * {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}
div.persons span.post {
	font-style: italic;
	text-transform: lowercase;
	display: block;
}
div.persons div.text {
	margin-top: 2%;
}
div.persons div.text.visible {
	opacity: 1;
	transition: all .3s;
	visibility: visible;
	position: relative;
}
div.persons div.text.hidden {
	opacity:0;
	visibility: hidden;
	position: absolute;
}

div.companies span.member {
	font-style: italic;
	text-transform: lowercase;
	display: block;
}
div.companies span.seat {
	display: block;
}

/* LISTS */
div.list > div {
	overflow: hidden;
	width:100%;
	float:none;
}
div.list > div+div {
	border-top: 1px dotted #ccc;
	padding-top: 3%;
	margin-top: 3%;
}
div.list div.ico {
	/*position: absolute;*/
	width:70px;
	cursor:default;
	border-radius:5px;
	background: #bdbebe; 
	overflow: hidden;
	top:0px;
	left:0px;
	display: inline-block;
	float: left;
	transition: all .3s;
}
div.list div.ico span {
	display: block;
	text-align: center;
	transition: all .3s;
	color:#fff;
}
div.list > div:hover div.ico {
	background: #ffc75e;
}
div.list > div:hover div.ico span.y {
	background: #f39e00;
}
div.list div.ico span.d {
	font-size: 36px;
	line-height: 30px;
	font-weight: 900;
	padding-top: 6px;
}
div.list div.ico span.m {
	font-size:20px;
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom: 3px;
}
div.list div.ico span.y {
	font-weight: 700;
	background: #7d7d7d;
	color: #fff;
	padding: 3px 0px;
}
div.list div.ico+div {
	padding-left:90px;
	float: none; 
}
div.list h2 {
	font-weight: 400;
	font-size: 22px;
	line-height: normal;
	display: block;
}
div.list h2 * {
	line-height: inherit;
	font-size: inherit;
	font-weight: inherit;
}
div.list span.uploaded, div.list span.date {
	font-style: italic;
	font-size: 14px;
	line-height: normal;
	display: block;
	margin-bottom: 2%;
}
div.list span.date {
	margin-bottom: 0%;
}
div.list span.date+div.text {
	margin-top: 2%;
}
div.list span.location {
	display: block;
	font-size: 14px;
	line-height: normal;
	margin-bottom: 2%;
}
div.list span.location * {
	font-size: inherit;
	line-height: inherit;
}
div.list div.cover {
	margin-bottom: 2%;
}
div.list div.cover img {
	width:100%;
	border-radius: 10px;
}

/* MEMBER LOGOS */
div.members {
	text-align: center;
}
div.members > div {
	display: inline-block;
	width: 15%;
	vertical-align: middle;
	padding: 1.5%;
}
div.members > div img {
	width: 100%;
	opacity: .5;
	filter: saturate(0);
	transition: opacity .3s, filter .3s;
}
div.members > div img:hover {
	opacity: 1;
	filter: saturate(1);
}

/* FOOTER */
#footer {
	position: absolute;
	bottom: 20px;
	width:100%;
	left:0px;
}
#footer * {
	color: #006cb6;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
}
#footer b {
	color: #f39e00;
	font-weight: 600;
}
#footer div.block > a {
	float: right;
	color: #7d7d7d;
}
#footer div.block > a i {
	font-weight: 400;
	color: #7d7d7d;
}
#footer div.block > a:hover, #footer div.block > a:hover * {
	color: #ce0f00;
}
#footer ul { list-style-type: none; display: inline-block; }
#footer li { display: inline-block; }
#footer li+li { margin-left:30px; }
#footer li a {
	color: #006cb6;
} 
#footer li a:hover {
	color: #ce0f00;
}

#ns-to-top { border-radius:5px; }
#ns-to-top div { transition:none !important; -webkit-transition:none !important; }

@media screen and (max-width: 1600px), screen and (max-device-width: 1600px), screen and (max-width: 1600px) {
	div.c {
		max-width: 1160px;
	}
	ul.menu a { font-size: 16px; }
	ul.menu li+li { margin-left: 40px; }
}

a.mobile-view, b.mobile-view { display:none; }
@media screen and (max-width: 900px), screen and (max-device-width: 900px), screen and (max-width: 900px) {
	a.mobile-view,  b.mobile-view { display:inline; }	
}
@media screen and (max-width: 1050px), screen and (max-device-width: 1050px), screen and (max-width: 1050px) {
	#footer div.siteby { top:auto; bottom:15px; margin:0; }
}