@charset "utf-8";
/* CSS Document */
#wrapper { min-width:0; }
label.resp-nav { font-family:'Raleway', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; line-height:30px; font-size:14px; }
input.resp-nav, label.resp-nav { display:none; cursor:pointer !important; }
@media screen and (max-width: 980px), screen and (max-device-width: 980px), screen and (max-width: 980px) {
	ul.menu a, #menu.fixed a { font-size:14px !important; }
}
@media screen and (max-width: 940px), screen and (max-device-width: 940px), screen and (max-width: 940px) {
	/* FOOTER */
	#content { padding-bottom:40px; }
	#footer { position:relative; height:auto; }
	#logos { position:relative; height:auto; bottom:auto; text-align:center; }
	#footer * { font-size:14px; }
	#footer img { display:none; }
	#footer div { display:block !important; width:100%; text-align:center; }
	#footer span { display:block; border:none; text-align:center; padding:0px; margin:0px !important; }
	#footer div.siteby { position:relative; text-align:center; width:100% !important; top:0px; margin-top:0px; right:0px; }
	#footer a.mobile-view { display:block; }
	#footer b.mobile-view { display:none; }
}

@media screen and (max-width: 980px), screen and (max-device-width: 980px), screen and (max-width: 980px) {
	label.resp-nav { display:block; float:right; background:#f37639; padding:0px 7px; z-index:99999; border-radius:5px; }
	ul.menu { visibility:hidden; opacity:0; position:absolute; right:0px; top:30px; 
	background:#fcd7c6; z-index:100; border-radius:5px; background:url(../images/submenu_bg.png) left top repeat-x; background-size:100% 100%; }
	ul.menu a { line-height:22px; }
	ul.menu li:first-child { border-top:none; }
	ul.menu li { display:block; padding:5px 15px; border-top:1px solid #fff;  border-left:none; }
	ul.menu li.search { display:block; }
	ul.menu ul, ul.menu > li:after { display:none; }
	ul.menu > li.supermenu { display:none !important; }
	ul.menu > li.mobile { display:block; }
	#menu.fixed ul.menu { padding:0px; }
	input[class="resp-nav"]:checked ~ ul { visibility:visible; opacity:1; transition:all .3s; -webkit-transition:all .3s; }
	#header { height:130px; }
	#header div.c { padding-top:15px; }
	#menu div.c { padding:0 !important; }
	#hmenu { position:relative; top:5px; left:auto; background:none; padding-left:0px; right:auto; }
	#menu { position:fixed; right:15px; top:15px; height:30px; width:auto; }
	#menu div.socials {
		display:none;
	}
	#menu img { display:none; }
	div.c { padding:0px 15px; }
	/* SLIDES */
	#slides div.slide h1 { font-size:20px; line-height:26px;  }
	#slides div.slide h2 { font-size:16px; line-height:22px; }
	div.date-ico { 
		transform:scale(0.8,0.8) !important; 
		-ms-transform:scale(0.8,0.8) !important; 
		-webkit-transform:scale(0.8,0.8) !important; 
		left:-15px;
	}	
	/* HOME */
	div.home-research-field > div, div.home-research-field.c6 > div { width:33.33333%; max-width:216px; }
	div.home-products > div { width:50%; min-width:0px; }
	div.home-products > div.empty { display:none; }
	
	#map_canvas { margin:20px 0px; }
	div.home-education { width:100%; left:0px; }
	div.home-education a:first-child { font-size:20px; line-height:24px; }
	div.home-education div { width:100%; padding:10px 0px 20px 0px; border:none; border-top:1px solid #fcddcd; }
	
	/* SIDE */
	div.side { width:240px; padding-left:20px; }
	div.side.after { margin-left:-240px; }
	div.main { padding-right:260px; }
	div.main:after { width:240px; }	

	/* VIDEOS */
	div.videos > div {
		width:100%;
	}
	
	/* TO TOP */
	#ns-to-top { display:none !important; }
}

@media screen and (max-width: 700px), screen and (max-device-width: 700px), screen and (max-width: 700px) {
	div.c { padding:0px 15px; }
	div.cont-header.home { background:#393939; height:auto; }
	#slider { height:auto; display:block !important; }
	#slider-nav { display:none; }
	#slides, #slides div.slide { position:relative; height:auto; display:block !important;  }
	#slides div.slide:first-child { border:none; }
	#slides div.slide { border-top:1px solid #fff; }
	#slides div.slide > div { float:none; }
	#slides div.slide > div.img-part { display:none !important; }
	#slides div.slide > div.text-part { width:100% !important; padding:15px 0px; height:auto; top:0px !important; }
	div.cont-header.home div.tagcloud, div.cont-header.home:before, div.cont-header div.tag-infos { display:none !important; }
	#slider div.cover { display:none; }

	div.actual {
		display: none;
	}
	
	/*div.home-research-field { width:100%; left:0px; padding:0; }
	div.home-research-field > div, div.home-research-field.c6 > div { width:100%; max-width:none; padding:0px; }
	div.home-research-field > div a, div.home-research-field.c6 > div a { float:left; width:20%; border-radius:10%; vertical-align:middle; }
	div.home-research-field > div p, div.home-research-field.c6 > div p { padding-left:25%; font-size:14px; margin-top:0px; }
	/*div.home-research-field > div span, div.home-research-field.c6 > div span { display:block; padding-left:25%; }*/
		
	a, p, span, input, select, label, li, div { font-size:14px; line-height:20px; }
	h1.title { margin-bottom:20px; font-size:24px; line-height:28px; }
	#content > div.c { margin-top:20px; }
	
	/* SIDE */
	div.side { float:none; border:none; padding:0; border-bottom:1px solid #fcddcd; width:100%; padding-bottom:20px; margin-bottom:20px; }
	div.side:empty { display:none; }
	div.side.after { margin:0; padding-top:20px; border:none; }
	div.side > div:first-child, div.side.after > div, div.side > div.submenu { display:block; }
	div.side > div { display:none; }
	div.main { padding-right:0px; float:none; }
	div.main:after { display:none; }
	div.side ul * { font-size:14px !important; }
	div.side.after div.submenu { display:none; }
	div.side.director { display:block; }
	/* LIST */
	div.list > div .title { font-size:16px; line-height:22px; }	
	.page-turn .page-jump { display:none; }
	.page-turn { overflow:hidden; padding-bottom:10px; margin-top:-10px; }
	.page-turn.bottom { margin-top:0px; padding-top:10px; }
	/* BOX */
	div.box { margin-top:20px; }
	/* ARTICLE */
	div.article div.back, div.main div.back { display:none; }
	div.side.after div.back { display:block; /*margin:0;*/ }
}
@media screen and (max-width: 600px), screen and (max-device-width: 600px), screen and (max-width: 600px) {
	div.home-products { width:100%; left:0px; padding:0; }
	div.home-products > div { width:100%; max-width:480px; padding:0px; margin-bottom:20px; }

	div.partners > div {
		max-width:270px;
		width:44%;
		padding:10px;
	}
	#logos a.metazsul {
		margin-top: 10px;
		border-left:none;
	}
	
}
@media screen and (max-width: 400px), screen and (max-device-width: 400px), screen and (max-width: 400px) {
	#header #logo-hover { display:none; }	

}