@charset "utf-8";
/* CSS Document */
#wrapper { min-width:320px; }
label.resp-nav { font-family:'Roboto', 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: 1100px), screen and (max-device-width: 1100px), screen and (max-width: 1100px) {
	ul.menu a, #menu.fixed a { font-size:14px !important; }
	ul.menu li+li { margin-left: 25px; }
}

@media screen and (max-width: 980px), screen and (max-device-width: 980px), screen and (max-width: 980px) {
	label.resp-nav { display:inline-block; background:#7d7d7d; padding:3px 10px; z-index:99999; float:right; border-radius:5px; font-weight:600; text-transform: uppercase; }
	ul.menu { visibility:hidden; opacity:0; position:absolute; right:0px; top:37px; 
	background:#7d7d7d; z-index:100; border-radius:10px; }
	ul.menu a { line-height:22px; color:#fff; display: block; padding:0 !important; white-space: nowrap; }
	ul.menu a:hover { opacity:.75; }
	ul.menu a::before { display: none; }
	ul.menu li.sel a { background:none; }
	ul.menu li.lang { float:none; }
	ul.menu li.lang a { color: #fff !important; }
	ul.menu li:first-child { border-top:none; }
	ul.menu li { display:block; padding:7px 20px; border-top:1px solid #fff;  border-left:none; margin:0 !important; }
	
	ul.menu li.search { display:block; }
	ul.menu ul, ul.menu > li:after { display:none; }
	ul.menu > li.supermenu { display:none !important; }

	#menu { position:fixed; right:1%; top:1.8%; height:30px; padding:0px; width:auto; display:inline-block; bottom:auto; left:auto; }

	input[class="resp-nav"]:checked ~ ul { visibility:visible; opacity:1; transition:all .3s; -webkit-transition:all .3s; }

	#menu div.c { padding:0 !important; }
	#fixed_menu { display:none; }

	ul.submenu {
		margin-left: -0.5%;
	}
	ul.submenu a {
		padding: 0.5% 1%;
	}
	ul.submenu li + li {
		margin-top: 0.5%;
	}

	div.c { padding: 0 1%; }
	a#logo { margin: 0; margin-left: 1%; }
	#content {
		margin-bottom: 2.7%;
	}
	#footer {
		position: relative;
		bottom: auto;
		margin-bottom: 2.7%;
	}
	#footer div.block {
		text-align: center;
	}
	#footer ul {
		display: block;
	}
	#footer ul > li {
		display: block;
		margin: 0px !important;
	}
	#footer div.block > a {
		float: none;
	}

	#side {
		float:none;
		width:100%;
		margin-bottom: 2.7%;
	}
	#side > div.block > h2 {
		display: none;
	}
	#side div.block, #main div.block {
		padding: 1.8%;
	}
	#main {
		width:100%;
	}
	div.account-panel {
		position: relative;
		right:0;
		width:100%;
		text-align: left;
		transform:none;
		margin-top: 1.8%;
		top: 15px;
	}
	#account {
		padding: 10px 1.8%;
	}
}
@media screen and (max-width: 800px), screen and (max-device-width: 800px), screen and (max-width: 800px) {
	div.home-menu > div {
		width:50%;
	}
	div.page-head > h1 {
		font-size:24px;
		line-height: 30px;
	}
}

@media screen and (max-width: 700px), screen and (max-device-width: 700px), screen and (max-width: 700px) {
	div.page-head > h1 span {
		display: none;
	}
	
}
@media screen and (max-width: 600px), screen and (max-device-width: 600px), screen and (max-width: 600px) {
	* {
		font-size: 14px;
		line-height: 20px;
	}	
	div.persons span.name, div.companies span.name, div.list h2 {
		font-size:20px;
	}
	div.persons h2, div.companies h2 {
		font-size: 22px;
	}
	#logo img {
		width:70%;
	}
}
@media screen and (max-width: 550px), screen and (max-device-width: 550px), screen and (max-width: 550px) {
	div.home-menu > div {
		display: block;
		width:100%;
	}
	div.home-menu > div > div {
		padding-bottom: 20%;
	}
}
@media screen and (max-width: 500px), screen and (max-device-width: 500px), screen and (max-width: 500px) {
	div.c { padding: 0%; }
	div.page-head { border-radius:0; padding:30px 15px !important; height: auto; }
	#slider { border-radius:0; }
	div.block { padding:15px !important; border-radius: 0; }
	div.list div.ico {
		display: none;
	}
	div.list div.ico+div {
		padding: 0;
	}
	div.page-head > div {
		display: none;
	}
	div.home-menu > div {
		display: block;
		width:100%;
		padding: 0 1.135% 2.27% 1.135%;
	}
	div.home-menu > div > div {
		border-radius:0px;
		padding-bottom: 20%;
	}
	#slider div.c {
		border-radius:0px;
	}
	#account {
		padding: 10px 15px;
		text-align: center;
		display: block;
	}
	#account > li:first-child {
		display:none;
	}
	#account > li.settings {
		margin-left: 0;
	}
	
}