*{font-size:100.01%;}
html,body,ul,ol,li,dl,h1,h2,h3,h4,h5,h6,blockquote,form,fieldset,legend{margin:0;padding:0;font-weight:normal;}

BODY {
	font-size: 100%;
	padding: 0px;
	margin:0px;
	background:#fff;
}

BODY * {
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, .h1, .h2, .h3 {
	font-weight:normal;
	margin: 0;
}

a {
	color: #008eb7;
}

.blue {
	color: #008eb7;
}

a:hover {
	color : #EE1C24;
}

#spacer {
	height: 35px;
}

.page {
	position  : relative;
}

.clear {
	clear : both;
}

.clearl {
	clear : left;
}

.clearr {
	clear : right;
}

.clearfix::after {
 visibility : hidden;
 display : block;
 font-size : 0;
 content : " ";
 clear : both;
 height : 0;
}

.hide {
	display : none;
}

.button_200 {
	display : block;
	width : auto;
	min-width : 180px;
	max-width : 250px;
	height : 37px;
	padding : 0 37px 0 0;
	margin : 0px auto;
	text-decoration: none;
	background : #ED5902 url('../i/v4/button_200_arr_r_orange.png') no-repeat top right;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

input.button_200 {
	color : #fff;
	font-weight: bold;
	font-size : 1.1em;
	border : none;
	margin-bottom: 10px;
	cursor : pointer;
}

.f07 {
	font-size: 0.7em;
}

.f08 {
	font-size: 0.8em;
}

.f09 {
	font-size: 0.9em;
}

._bdown {
	background : #ED5902 url('../i/v4/button_200_arr_d_orange.png') no-repeat top right;
}

._bgreen {
	background : #5D9217 url('../i/v4/button_200_arr_r_green.png') no-repeat top right;
}

._bgreen_down {
	background : #5D9217 url('../i/v4/button_200_arr_d_green.png') no-repeat top right;
}

._bred {
	background : #b62723 url('../i/v4/button_200_arr_r_red.png') no-repeat top right;
}

._bred_down {
	background : #b62723 url('../i/v4/button_200_arr_d_red.png') no-repeat top right;
}

.icon {
	display : block;
	float : left;
	margin : 0 10px 0 0;
}

.x32 {
	width : 32px;
	height : 32px;
}

.button_200 span {
	display : block;
	width : auto;
	text-align : center;
	color : #fff;
	font-weight: bold;
	padding-top: 8px;
	height : 29px;
	background : #F9772A;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

._bgreen span, ._bgreen_down span {
	background : #7FBA32;
}

._bred span, ._bred_down span {
	background : #c6312f;
}

.button_200:hover span {
	background: #ED5902;
}

._bgreen:hover span, ._bgreen_down:hover span {
	background : #5D9217;
}

._bred:hover span, ._bred_down:hover span {
	background : #b62723;
}

.arrow-up {
 width: 0; 
 height: 0; 
 border-left: 20px solid transparent;
 border-right: 20px solid transparent;
 border-bottom: 20px solid #fff;
}

.arrow-down {
 width: 0; 
 height: 0; 
 border-left: 17px solid transparent;
 border-right: 17px solid transparent;
 border-top: 17px solid #fff;
}

.arrow-right {
 width: 0; 
 height: 0; 
 border-top: 15px solid transparent;
 border-bottom: 15px solid transparent;
 border-left: 15px solid #fff;
 border-right: none;
}

.arrow-left {
 width: 0; 
 height: 0; 
 border-top: 20px solid transparent;
 border-bottom: 20px solid transparent; 
 border-right:20px solid #fff; 
}

/* */

.line-title h1 {
	font-size : 2.25em;
	font-weight: 300;
	text-transform: uppercase;
	text-align : center;
	padding : 0;
	margin : 0 0 2px 0;
}

@media all and (max-width:540px) {
	.line-title h1 {
		padding : 0 2% 0 2%;
	}
}

.line-title h1 a {
	color : #B4612E;
	text-decoration: none;
}

.line-more {
	color : #746f56;
	font-size : 1em;
	text-align : center;
	margin : 0;
	padding : 0;
}


.line-more p {
	margin : 0;
	padding : 0;
}

.line-more a {
	color : #66A9C6;
}

#content .line-title h1 {
	color : #aa5c07;
	text-align : left;
}

#content .line-more {
	text-align : left;
	margin-bottom: 30px;
}

#content.textpage {

}

#content.fullpage {
	width: 95%;
}

#content.textpage .button_200 {
	margin-bottom: 1em;
}

#content.textpage .line-title h1, #content.textpage .line-more {
	text-align : center !important; 
}

/* header */

#logo {
	width  : 100%;
	text-align : center;
	margin : 0 auto 1px auto;
	padding : 30px 0 0 0;
}

@media all and (orientation:portrait) {
	.h1 {
		margin : 0.5em auto 1.5em auto;
	}
}

/* sites */

#dom, #bio, #sad {
	clear : both;
	padding : 100px auto 200px auto;
	text-align : center;
	position  : relative; 
}

#dom a, #bio a, #sad a {
	text-decoration : none;
}

.saw {
	width : 100%;
	height : 7px;
	/*position  : absolute;
	z-index : 11;
	top : 0;
	left  : 0;*/
}

.saw-white-top {
	background: url('../i/v4/saw-white-top.png') repeat-x left top;
	/*position  : absolute;
	z-index : 1;
	top : 0;
	left  : 0;*/
}


#logo {
	width  : 170px;
	height : 170px; 
	margin : 70px auto 0 auto;
}

#logo a i {
	display : block;
	width  : 100%;
	height : auto;
	/*background : url('../i/logo-bg.png') no-repeat;
	background-size: contain;*/
}

@media all and (max-width:460px){
	#logo {
		width: 40%;
		height: auto;
		max-width: 160px;
	}
}

#header.inner #logo a i {
	opacity  : 0.7;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

#header.inner #logo a:hover i {
	opacity  : 1;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

#header {
	background-size: cover !important;
}

#header.sm .page {
	background: url('../i/header-shadow.png') repeat-x;
}

#logo a i img {
	width : 100%;
	height : auto;
	border: none;
}

#logo-title {
	margin : 50px auto 0 auto;
	text-align: center;
}

#logo-title h1 {
	color : #fff;
	font-size : 200%;
	font-weight: 400;
	text-transform: uppercase;
}

#logo-title h1 i {
	font-size : 60%;
	font-style: normal;
}

#logo-title.sm h1 {
	font-size : 120%;
	text-shadow: 2px 2px 2px #333;
}

#logo-title h2 {
	color : #bbbab9;
	font-size : 80%;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 0.5em;
}

#logo-title.sm h2 {
	display: none;
}

@media all and (min-width:540px){
	#logo-title h1 {
		font-size : 230%;
	}
	#logo-title.sm h1 {
		font-size : 150%;
	}
	#logo-title h2 {
		font-size : 100%;
	}
}

@media all and (min-width:700px){
	#logo-title h1 {
		font-size : 250%;
	}
	#logo-title.sm h1 {
		font-size : 170%;
	}
	#logo-title h2 {
		font-size : 100%;
	}
}

@media all and (min-width:800px){
	#logo-title h1 {
		font-size : 300%;
	}
	#logo-title.sm h1 {
		font-size : 200%;
	}
	#logo-title h2 {
		font-size : 110%;
	}
}

@media all and (min-width:1000px){
	#logo-title h1 {
		font-size : 350%;
	}
	#logo-title.sm h1 {
		font-size : 230%;
	}
	#logo-title h2 {
		font-size : 115%;
	}
}

@media all and (min-width:1200px){
	#logo-title h1 {
		font-size : 400%;
	}
	#logo-title.sm h1 {
		font-size : 260%;
	}
	#logo-title h2 {
		font-size : 120%;
	}
}

@media all and (min-width:1360px){
	#logo-title h1 {
		font-size : 400%;
	}
	#logo-title.sm h1 {
		font-size : 260%;
	}
	#logo-title h2 {
		font-size : 130%;
	}
}

@media all and (min-width:1600px){
	#logo-title h1 {
		font-size : 450%;
	}
	#logo-title.sm h1 {
		font-size : 280%;
	}
	#logo-title h2 {
		font-size : 140%;
	}
}

/* lang, search, login, about-menu */

.icon-top {
	display : block;
	width : 39px;
	height : 39px; 
	background : url('../i/v4/icon-top.png') no-repeat; 
}

#languages {
	position  : absolute;
	z-index : 12; 
	top : 155px;
	left  : 150px;
	width : 100px;
	height : 75px;
	text-align : left;
}

@media all and (max-width:900px){
	#languages {
		top : 75px;
		left  : 50%;
		margin-left: -250px;
	}
}

@media all and (max-width:540px){
	#languages {
		top : 75px;
		left  : 10%;
		margin-left: 0;
	}
}

#languages i {
	float : left;
	margin : 4px 12px 20px 0; 
	background-position: 0px -120px; 
}

#languages a {
	color : #fff;
	font-size : 1.1em;
	line-height: 1.5em;
	font-weight: 500;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #514f4f;
}

#languages a._sel {
	color : #fff;
}

#languages a:hover {
	color : #008eb7;
}

#search-i {
	position  : absolute;
	z-index : 13;
	left  : 50%;
	top : 160px;
	margin-left: -195px; 
	width : 40px;
	height : 40px;
}

@media all and (max-width:900px){
	#search-i {
		left  : 50%;
		margin-left: -250px;
	}
}

@media all and (max-width:540px){
	#search-i {
		left  : 10%;
		margin-left: 0;
	}
}

#search-i a i {
	float : none;
	background-position: 0px 0px;
}

#search {
	position  : absolute;
	z-index : 17;
	left  : 0;
	top : 0;
	width : 100%;
	height : 100%;
	background : #000;
	opacity : 0.9;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=90);

}

#search .search-close {
	position  : absolute;
	z-index : 18;
	top : 160px;
	left  : 50%;
	width : 39px;
	height : 39px;
	margin : 0px 0 0 -195px;
}

@media all and (max-width:900px){
	#search .search-close {
		left  : 50%;
		margin-left: -250px;
	}
}

@media all and (max-width:540px){
	#search .search-close {
		left  : 10%;
		margin-left: 0;
	}
}

#search .search-form {
	position  : absolute;
	z-index : 19;
	top : 250px;
	left  : 25%;
	width : 50%;
	height : 50px; 
}

#search .search-form b {
	display : block;
	color : #fff;
	font-size : 1.2em;
	height : 2em; 
	font-weight: 300;
}

@media all and (max-width:900px){
	#search .search-form {
		width : 70%;
		left  : 10%;
	}
}

@media all and (max-width:540px){
	#search .search-form {
		width : 90%;
		left  : 5%;
	}
}

@media all and (max-width:400px){
	#search .search-form {
		width : 98%;
		left  : 1%;
	}
}

#search a i {
	width : 39px;
	height : 39px;
	background-position: 0px -250px;
}

#search a:hover i {
	background-position: 0px -290px;
}

#search .gsc-input-box {
	height : auto !important; 
}

#search input.gsc-input {
	font-size : 1.2em !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
		width: 17px !important;
		height: 17px !important;
		padding: 8px 27px 6px 27px !important;
		min-width: 13px;
		margin-top: 0 !important;
}

#about-i {
	position  : absolute;
	z-index : 14;
	left  : 50%;
	top : 160px;
	margin-left: 155px; 
	width : 40px;
	height : 40px;
}

@media all and (max-width:580px){
	#about-i {
		left  : 90%;
		margin-left: -35px;
	}
}

#about-i a i {
	float : none;
	background-position: 0px -40px;
}

#about {
	position  : absolute;
	z-index : 16;
	left  : 50%;
	top : 120px;
	margin-left: 120px; 
	width : 35%;
	min-width : 300px;
	max-width : 500px;
	min-height : 400px;
	background : #000;
}

#about a i {
	float : left;
	width : 39px;
	height : 39px;
	margin : 40px 25px 0 35px;
	background-position: 0px -250px;
}

#about a:hover i {
	background-position: 0px -290px;
}

#about .menu-about {
	margin : 40px 0 0 100px; 
	text-align : left;
}

#about .menu-about a {
	color : #fff;
	text-transform: uppercase;
	font-size : 0.8em;
	font-weight: 500;

	display : block;
	padding : 0 0 10px 15px;
	background : url('../i/v4/icon-top.png') no-repeat top left;
	background-position: 0 -220px; 
}

#about .menu-about a:hover {
	color : #008eb7;
}

#about .menu-projects {
	clear : left; 
	background : #417101;
	margin : 20px 0 0 0;
	padding : 20px 0 20px 0;
}

#about .menu-projects a {
	display : block;
	padding : 5px 0 5px 105px;
	color : #fff;
	font-size : 1.1em;
	font-weight: 500;
	text-transform: uppercase;
	text-align : left;
	text-shadow: 1px 1px 1px #514f4f;
}

@media all and (max-width:1200px){
	#about .menu-projects a {
		padding : 5px 0 5px 35px;
	}
}

@media all and (max-width:1000px){
	#about {
		left  : 25%;
		margin-left: 0; 
		width : 50%;
		min-width : 300px;
		max-width : 500px;
	}
	#about a i {
		float : right;
		margin : 40px 40px 0 25px;
	}
	#about .menu-projects a {
		padding : 5px 0 5px 50px;
	}
	#about .menu-about {
		margin : 40px 100px 0 50px;
	}
}

@media all and (max-width:900px){
	#about {
		left  : auto;
		right : 50%;
		margin-left: 0;
		margin-right: -225px; 
		width : 450px;
	}
	#about a i {
		float : right;
		margin : 40px 30px 0 25px;
	}
}

@media all and (max-width:580px){
	#about {
		left  : 5%;
		right : 5%;
		margin-left: 0; 
		width : 90%;
		min-width : 200px;
		max-width : 800px;
	}
	#about a i {
		float : right;
		margin : 40px 25px 0 25px;
	}
	#about .menu-about {
		margin : 40px 60px 0 50px;
	}
}

@media all and (max-width:380px){
	#about {
		left  : 0;
		right : 0;
		margin-left: 0; 
		width : 100%;
		min-width : 200px;
		max-width : 580px;
	}
	#about a i {
		margin : 40px 35px 0 15px;
	}
}

#about .menu-projects a.sel {
	background : #305301;
}

#about .menu-projects a:hover {
	background : #203701;
}

#popup-in a i {
	float : right;
	width : 40px;
	height : 40px;
	margin : 0;
	background-position: 0px -290px;
}

#popup-in a:hover i {
	background-position: 0px -250px;
}

#login-i {
	position  : absolute;
	z-index : 15; 
	top : 170px;
	right : 120px;
	width : 150px;
	height : 75px;
	text-align : left;
}

@media all and (max-width:1100px){
	#login-i {
		right : 70px;
	}
}

@media all and (max-width:900px){
	#login-i {
		left  : 50%;
		right : none;
		top : 75px;
		margin-left: 155px; 
	}
}

@media all and (max-width:680px){
	#login-i {
		height : auto; 
	}
}

#login-i span {
	display : none; 
}

#login-i i {
	float : left;
	margin : -10px 12px 20px 0; 
	background-position: 0px -80px; 
}

@media all and (max-width:580px){
	#login-i {
		right : 10%;
		left  : none;
		margin-left: 0;
		text-align: right;
		width : auto;
		height : auto; 
	}
	#login-i i {
		float : right;
		margin : -10px 0 20px 12px; 
	}
}

#login-i a {
	font-size : 1.1em;
	line-height: 1.5em;
	font-weight: 500;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #514f4f;
}

#login-i .a1 {
	color : #fff;
}

#login-i .a2 {
	color : #8a8988;
}

#login-i a._sel {
	color : #fff;
}

#login-i a:hover {
	color : #008eb7;
}

input.login {
	margin : 0 0 10px 0;
	padding : 4px;
	font-size : 1.1em; 
	width : 89%;
}

#login {
	position  : absolute;
	z-index : 17; 
	top : 120px;
	right : 10%;
	width : 80%;
	max-width : 350px;
	padding : 0;
	background : #000;
	text-align : left;
}

#login b {
	color : #fff;
	text-transform: uppercase;
	font-size : 1em;
	font-weight: 300;
}

#login .button_200 {
	width : 76%;
	margin : 20px 0 0 0;
}

#login .block_login {
	background : #000;
	padding : 40px 20px 20px 40px;
}

#login .block_register {
	padding : 15px 0 15px 2%; 
	background : #417101;
	text-align : center;
}

#login .block_register a {
	font-size : 1.1em;
	color : #fff;
	text-decoration: none;
	text-transform: uppercase;
}

#login .block_register a:hover {
	text-decoration: underline;
}

#login a.close i {
	float : right;
	width : 39px;
	height : 39px;
	margin : 0 25px 0 5px;
	background-position: 0px -250px;
}

#login a.close:hover i {
	background-position: 0px -290px;
}

/* colored menu on the top of main page */

#header.inner .hotclick {
	display : none;
}

.hotclick {
	margin : 200px auto 0px auto;
	width : 98%;
}

#dom .hotclick {
	margin : 180px auto 0px auto;
}

#bio .hotclick {
	margin : 180px auto 0px auto;
}

#sad .hotclick {
	margin : 180px auto 0px auto;
}

.hotclick a {
	display : block;
	float : left;
	height : 2.7em;
	width : 20%;
	min-width : 15em;
	margin : 0 5% 2% 0;
	padding : 1.3em 0 0 0;
	font-size : 1em;
	color : #FFF;
	text-transform: uppercase;
	text-align : left;
	background : linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 1%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0% 0% transparent;
}

.hotclick a:hover {
	color : #008eb7;
	background : linear-gradient(to bottom, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 1) 100%) repeat scroll 0% 0% transparent;
}

.hotclick a i {
	display : block;
	float : left;
	width : 4em;
	height : 4em;
	margin : -1.3em 10px 0 0;
}

.hotclick a i img {
	width : 100%;
	border: none;
}

@media all and (min-width:600px){
	.hotclick a {
		margin : 0 1% 2% 1%;
		padding : 1.3em 0 0 0;
		font-size : 1em;
		width : 45%;
		min-width : 13em;
	}
}

@media all and (min-width:850px){
	.hotclick a {
		margin : 0 1% 2% 1%;
		padding : 1.3em 0 0 0;
		font-size : 1em;
		width : 20%;
		min-width : 15em;
	}
}

@media all and (min-width:1090px){
	.hotclick a {
		margin : 0 1% 2% 1%;
		font-size : 1em;
		width : 20%;
	}
}

@media all and (min-width:1210px){
	.hotclick a {
		margin : 0 1% 2% 2%;
		min-width : 14em;
		width : 20%;
	}
}

@media all and (min-width:1360px){
	.hotclick a {
		margin : 0 1% 2% 1%;
		min-width : 14em;
		width : 20%;
		padding : 1.2em 0 0 0;
		font-size : 1.1em;
	}
}

@media all and (min-width:1400px){
	.hotclick a {
		margin : 0 1% 2% 2%;
		padding : 1.25em 0 0 0;
		font-size : 1.1em;
		width : 20%;
	}
}

@media all and (min-width:1500px){
	.hotclick a {
		padding : 1.25em 0 0 0;
		font-size : 1.1em;
	}
}

@media all and (min-width:1610px){
	.hotclick a {
		padding : 1.25em 0 0 0;
		font-size : 1.2em;
		margin : 0 1% 2% 1.5%;
		width : 22%; 
	}
}

@media all and (orientation:landscape) and (max-width:1100px) {
	.hotclick {
		max-width : 98%;
		margin-top : 100px !important;
	}
	.hotclick a {
		min-width : 14em;
		margin-left: 0.5em;
		margin-right: 0.5em;

		font-size : 0.9em;
	}
	/*a.sml {
		font-size : 0.9em;
		height : 3em;
		padding : 1.5em 0 0 0;
	}
	.hotclick a.sml i {
		height : 4.45em;
		width : 4.45em;
		margin-top : -1.5em;
	}*/
	#bio .hotclick {
		margin-bottom : 0px;
	}
}

@media all and (orientation:portrait) {
	.hotclick {
		max-width : 90%;
		margin-top : 50px !important;
	}
	.hotclick a {
		width : 43%;
		margin-left: 2%;
	}
	#bio .hotclick {
		margin-top : 45px !important;
		margin-bottom : 50px;
	}
}

@media all and (max-width:600px) {
	.hotclick a {
		width : 96%;
		min-width : 200px;
		margin-left: 2% !important;
	}
	.hotclick a.notimp {
		display : none;
	}
}

/* 3 actions */

#header.main #actions {
	display : block;
	opacity : 0.8;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.saw-actions {
	display  : block;
	width : 100%;
	height : 6px;
	background: #525252 url('../i/v4/saw-actions-top.png') repeat-x bottom left;
}

#header.inner #actions, #header.inner .saw-actions {
	display : none;
}

#actions, #actions_footer {
	margin : 0;
	width : 100%;
	background : #525252; 
}

#actions_footer {
	padding: 10px 0 10px 0;
	background: #525252 url('../i/v4/saw-gr-dgr.png') repeat-x bottom left;
}

#actions .item, #actions_footer .item {
	display : block;
	float : left;
	width : 31%;
	margin : 1% 1% 1% 1.333%;
	padding : 1.2em 0 0.75em 0;
	text-align : left;
	text-decoration: none;

	color : #bcbbba;
	font-size : 1.5em;
	font-weight: 400;
	opacity : 0.9;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

#actions .item:hover, #actions_footer .item:hover {
	color : #fff;
	opacity : 0.6;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	background : #000;
}

#actions .item i, #actions_footer .item i {
	display : block;
	float : left;
	width : 60px;
	height : 55px;
	margin : 0 5% 0 5%;
	background : url('../i/v4/icon-actions.png') no-repeat; 
}

@media all and (max-width:1920px) {
	#actions .item, #actions_footer .item {
		font-size : 1.35em;
	}
}

@media all and (max-width:1600px) {
	#actions .item, #actions_footer .item {
		font-size : 1.15em;
	}
}

@media all and (max-width:1480px) {
	#actions .item i, #actions_footer .item i {
		margin : 0 3% 0 3%;
	}
	#actions .item, #actions_footer .item {
		font-size : 1.1em;
	}
}

@media all and (max-width:1359px) {
	#actions .item i, #actions_footer .item i {
		margin : 0 3% 0 3%;
	}
	#actions .item, #actions_footer .item {
		font-size : 1.2em;
	}
}

@media all and (max-width:1050px) {
	#actions .item, #actions_footer .item {
		font-size : 1.1em;
	}
}

@media all and (max-width:720px) {
	#actions .item, #actions_footer .item {
		width : 95%;
	}
}

#actions .tech i, #actions_footer .tech i {
	width : 60px;
	background-position: 0px 0px; 
}

#actions .tech:hover i, #actions_footer .tech:hover i {
	background-position: -60px 0; 
}

#actions .proj i, #actions_footer .proj i {
	width : 55px;
	margin : 0 4% 0 3%;
	background-position: -120px 0; 
}

#actions .proj:hover i, #actions_footer .proj:hover i {
	background-position: -175px 0; 
}

#actions .base i, #actions_footer .base i {
	width : 80px;
	background-position: -230px 0;
}

@media all and (max-width:430px) {
	#actions .base i, #actions_footer .base i {
		width : 60px;
		background-position: -239px 0;
	}
}

#actions .base:hover i, #actions_footer .base:hover i {
	background-position: -310px 0; 
}

@media all and (max-width:430px) {
	#actions .base:hover i, #actions_footer .base:hover i {
		background-position: -319px 0; 
	}
}

#actions .item b, #actions_footer .item b {
	font-weight: 400;
}

#actions .item:hover b, #actions_footer .item:hover b {
	color : #008eb7;
}

/* menu */

#header.main #menu {
	display : none;
}

#header.inner #menu {
	display : block;
}

#menu {
	width : 100%; 
	padding : 1.5em 0 0.7em 0;
	margin : 20px 0 0 0;
	background : #191919;
}

#menu ul {
	width : auto;
	margin : 0 auto;
	padding : 0;
	text-align : center;
}

#menu ul li, #menu ul .item {
	display : block;
	position  : relative;
	float : left; 
	width : auto;
	list-style : none;
	padding : 5px 9px;
	margin : 0 0.5em 1em 0.5em;
}

#menu li a {
	font-size : 1.3em; 
	font-weight: 400;
	text-transform: uppercase;
	color : #fff; 
}

#menu .opener {
	display : block;
	width : 88px;
	height : 43px;
	border : none;
	margin : 0 0.5em 0 50%;
}

#menu .goleft {
	float : left;
	margin : 0 0.5em 1em 5%;
}

#menu .opener i {
	display : block;
	width : 88px;
	height : 43px;
	margin : 0 auto 0 -44px;
	border : none;
	background : url('../i/v4/menu.png') no-repeat; 
}

#menu .goleft i {
	margin : 0 auto 0 auto;
}

@media all and (min-width:100px){
	#menu ul {
		float : left;
	}
	#menu ul li, #menu ul .item {
		display: block;
		float : none;
		width : 100%;
		margin-bottom: 0.3em;
		text-align: left;
	}
}

@media all and (min-width:600px){
	#menu .opener {
		display: none;
	}
	#menu ul {
		display: block !important;
		width : 100%;
	}
	#menu ul li, #menu ul .item {
		display : inline-block;
		float : none !important;
		width : auto;
		margin-bottom: 1em;
		text-align : center; 
	}
	#menu ul li, #menu ul .item {
		margin-left: 0.2em;
		margin-right : 0.2em;
		margin-bottom: 0.5em;
	}
	#menu li a {
		font-size : 1.2em; 
	}
}

@media all and (min-width:1000px){
	#menu ul {
		text-align : center;
	}
	#menu ul li, #menu ul .item {
		margin-left: 0.1em;
		margin-right : 0.1em;
		margin-bottom: 1em;
	}
	#menu li a {
		font-size : 1em; 
	}
}

@media all and (min-width:1100px){
	#menu ul li, #menu ul .item {
		margin-left: 0.2em;
		margin-right : 0.1em;
		margin-bottom: 1em;
	}
	#menu li a {
		font-size : 1.1em; 
	}
}

@media all and (min-width:1200px){
	#menu ul li, #menu ul .item {
		margin-left: 0.3em;
		margin-right : 0.2em;
	}
	#menu li a {
		font-size : 1.2em; 
	}
}

@media all and (min-width:1260px){
	#menu ul li, #menu ul .item {
		margin-right : 0.3em;
	}
}

@media all and (min-width:1360px){
	#menu ul li, #menu ul .item {
		margin-left: 0.25em;
		margin-right : 0.2em;
	}
	#menu li a {
		font-size : 1.1em; 
		font-weight: 400;
	}
}

@media all and (min-width:1400px){
	#menu ul li, #menu ul .item {
		margin-left : 0.4em;
		margin-right : 0.1em;
	}
}

@media all and (min-width:1500px){
	#menu ul li, #menu ul .item {
		margin-left : 0.5em;
		margin-right : 0.4em;
	}
	#menu li a {
		font-size : 1.2em; 
		font-weight: 400;
	}
}

@media all and (min-width:1600px){
	#menu ul li, #menu ul .item {
		margin-right : 0.5em;
	}
	#menu li a {
		font-size : 1.25em; 
		font-weight: 400;
	}
}

#menu ul li:hover, #menu ul li.sel {
	background : #417101; 

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#menu ul li:hover a {
	color : #fff;
}

#menu ul li.sel a {
	color : #fff;
	text-shadow: 1px 1px 1px #000;
}

#menu ul li .arrow-down {
	display: none;
}

#menu ul li.sel .arrow-down {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: -10px;
	right: 15%;
	border-top: 17px solid #417101;
}

@media all and (max-width:600px){
	#menu ul li.sel .arrow-down {
		display: none;
	}
	#menu-main {
		margin-top: 30px !important;
	}
	#menu ul li:hover, #menu ul li.sel {
		background: #417101;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
}

@media all and (max-width:560px) {
	#menu {
		padding : 0.7em 0 0.7em 0;
		margin : 0 0 0 0;
	}
	#menu ul li, #menu ul .item {
		display : inline-block;
		float : none;
		font-size: 80%;
		width: auto;
	}
	#menu .opener {
		display : none;
	}
}

@media all and (max-width:360px) {
	#menu ul li, #menu ul .item {
		font-size: 70%;
	}
}

/* sub menu */

.menu-sub {
	width : 100%; 
	padding : 0.5em 0 0 0;
	margin : 0 auto;
	text-align : center;
}

.menu-sub .item, #categories-out.textpage .menu-sub a {
	display : inline-block;
	position  : relative;
	margin : 0 1% 0 0;
	padding : 5px 9px;
	color : #fff; 
	font-size : 1em; 
	font-weight: 400;
	text-shadow: 1px 1px 1px #514f4f;
	text-transform: uppercase;
	text-decoration: none;
}

.menu-sub .item a, #categories-out.textpage .menu-sub a {
	color : #fff;
	text-transform: uppercase;
	text-decoration: none;
}

.menu-sub .item:hover, .menu-sub .sel, #categories-out.textpage .menu-sub a:hover {
	color: #fff; 
	background: #417101;
}

.menu-sub .item:hover, .menu-sub a.sel, .menu-sub div.sel, #categories-out.textpage .menu-sub a:hover {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-shadow: 1px 1px 1px #000;
}

.menu-sub .pct {
	background : none;
}

.menu-sub .item:hover a, #categories-out.textpage .menu-sub a:hover {
	color : #fff; 
}

.menu-sub .sel, .menu-sub .sel a, #categories-out.textpage .menu-sub a.sel {
	color : #fff;
}

.menu-sub .item a b {
	display: block;
	float: right;
	width: auto;
	height: 2px;
	margin: 4px 5px 0 7px;
	padding: 10px 2px 2px 2px;
	background: #fff;
}

.menu-sub .item a b i.arrow-down {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000;
	float: left;
	margin-top: -6px;
	height: 10px;
	padding: 0;
}

.menu-sub .item a b i.arrow-up {
	float: left;
	margin-top: -16px;
	height: 10px;
	padding: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #000;
}

.clist {
	position: absolute;
	top: 33px;
	left: 0;
	z-index: 50;
	width: 300px;
	background: #417101;
}

.clist ul {
	margin: 0;
	padding: 0;
	width: 300px;
}

.clist ul li {
	list-style: none;
	margin: 0;
	padding: 5px 10px 5px 20px;
	text-align: left;
}

@media all and (min-width:800px){
	.clist, .clist ul {
		width: 600px;
	}
	.clist ul li {
		width: 47%;
		float: left;
		padding: 5px 1% 5px 2%;
	}
}

.clist ul li a {
	color: #fff;
	font-size: 1em;
	text-shadow: 1px 1px 1px #514f4f;
}

.clist ul li.sel {
	background: #305301;
}

.clist ul li:hover {
	background: #203701;
}

.clist ul li sup {
	display: none;
}

/* login window */

#login h1 {
	color : #333;
	font-size : 1.5em;
	font-weight: 500;
	margin : 0 0 20px 0;

}

#login h2 {
	color : #A95B0B;
	font-size : 1em;
	font-weight: 300;
	margin : 0 0 5px 0;
}

#login a.note {
	font-size : 0.9em;
}

#login .submit {
	width : 90%;
	height : 30px;
	font-size : 1em;
	margin : 30px 0 0 0;
}

/* footer */

#footer_out {
	background : #333333;
}

#adv100x100-out {
	padding : 50px 0 50px 0;
	background : #414141;
}

#adv100x100-out {
	background : #414141;

}

.adv100x100 {
	text-align: center;
}

.adv100x100 div {
	display : none;
}

@media all and (min-width:100px) {
	.adv100x100 a {
		display : inline-block; 
		width : 12.5%;
		min-width : 110px;
	}
	.adv100x100 a img {
		margin : 0 1% 1em 1%;
		max-width : 100px;
		border: none;	
	}
}

#footer .list-data {
	padding: 50px 0;
	background: #333 url('../i/v4/saw-dgr-foot.png') repeat-x top left;
}

#footer .list-data .list-in {
	margin : 0;
	padding : 0;
}

#footer .list-data .list-in li {
	list-style : none;
	float : left;
	width : 24%;
	margin-left: 1%;

	color : #fff; 
	font-size : 0.75em;
}

@media all and (max-width:540px) {
	#footer .list-data .list-in li {
		font-size : 1em;
	}
}

#footer .list-data .list-in li.c1 {
	width : 26%;
	margin-left: 2%;
}

#footer .list-data .list-in li.c1 strong {
	text-transform: uppercase;
}

#footer .list-data .list-in li.c2 {
	width : 22%;
}

#footer .list-data .list-in li.c2 a {
	line-height: 1.5em;
}

#footer .list-data .list-in li.c3 {
	width : 22%;
}

/*@media all and (max-width:1020px) {
	#footer .list-data .list-in li.c2 {
		width : 23%;
	}
	#footer .list-data .list-in li.c3 {
		width : 26%;
	}
	#footer .list-data .list-in li.c4 {
		width : 20%;
	}
}*/

@media all and (max-width:1050px) {
	#footer .list-data .list-in li.c1, #footer .list-data .list-in li.c2, #footer .list-data .list-in li.c3, #footer .list-data .list-in li.c4 {
		width : 48%;
		margin-left: 2%;
		margin-top : 3em;
	}
	#footer .list-data .list-in li.c3 {
		clear : left;
	}
	.no1050 {
		display: none;
	}
}

@media all and (max-width:540px) {
	#footer .list-data .list-in li.c1, #footer .list-data .list-in li.c2, #footer .list-data .list-in li.c3, #footer .list-data .list-in li.c4 {
		width : 96%;
		margin-left: 2%;
		margin-top : 2em;
	}
}

#gotoi {

}

@media all and (max-width:540px) {
	#gotoi, #footer .list-data .list-in li.c1 noindex, 
	#footer .list-data .list-in li.c2, #footer .list-data .list-in li.c3, #footer .list-data .list-in li.c4 {
		padding: 0px 4%;
		width : 90%;
	}
}

#gotoi i {
	display : block;
	float : left;
	width : 24px;
	height : 22px;
	margin : 0 20px 20px 0;
	background : #414141 url('../i/v4/icons-socio.png') no-repeat top left; 
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

#gotoi a:hover i {
	background-color : #222;
}

#gotoi i.fb {
	margin : 0 15px 20px 0;
	background-position: 0 0;
}

#gotoi i.tw {
	background-position: -30px 0;
}

#gotoi i.gp {
	background-position: -60px 0;
}

#gotoi i.yu {
	background-position: -90px 0;
}

#gotoi i.vk {
	margin : 0 25px 20px 0;
	background-position: -120px 0;
}

#gotoi i.in {
	background-position: -150px 0;
}

#gotoi i.rss {
	background-position: -180px 0;
}

#gotoi i.bp {
	background-position: -210px 0;
}

#gotoi i.tb {
	background-position: -240px 0;
}

#gotoi i.ok {
	background-position: -270px 0;
}

#gotoi i.lj {
	background-position: -300px 0;
}

.footer-hider {
	display: none;
	width: 92%;
	padding: 4%;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	background: #292929;
	border-top: 1px solid #414141;
	border-bottom: 1px solid #414141;
}

@media all and (max-width:540px) {
	.footer-hide, .projec-hide {
		display: none;
	}
	.footer-hider {
		display: block;
	}
}

/* recommend */

#top-firms {
	padding-top: 50px;
	background : #fff;
}

#top-firms .list-data {
	padding : 0;
	margin : 50px 0 0 0;
	background : #343434;
}

#top-firms .list-data .slider-rm-nav__prev, #top-firms .list-data .slider-rm-nav__next {
	z-index : 10;
}

#list-firms {
	background : #fff;
}

#list-firms .item {
	position  : relative;
	float : left;
	width : 600px;
	overflow  : hidden;
	margin-right: 5px;
	background : #343434;
}

@media all and (min-width:160px) {
	#list-firms .item {
		height : 300px !important;
	}
}

@media all and (min-width:768px) {
	#list-firms .item {
		height : 250px !important;
	}
}

@media all and (min-width:980px) {
	#list-firms .item {
		height : 285px !important;
	}
}

@media all and (min-width:1200px) {
	#list-firms .item {
		height : 325px !important;
	}
}

@media all and (min-width:1400px) {
	#list-firms .item {
		height : 325px !important;
	}
}

@media all and (min-width:1600px) {
	#list-firms .item {
		height : 340px !important;
	}
}

#list-firms .item .title, .catalogue .gr-rect .title {
	position  : absolute;
	top : 0px;
	left  : 0px;
	z-index : 1;
	padding : 5%;
	width : 90%;
	background : #B81414;
	opacity : 0.8;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	color : #fff;
	font-size : 1.1em;
	font-weight: 500;
	text-align : center;
	overflow  : hidden;
}

#list-firms .item .title a, .catalogue .gr-rect .title a {
	text-decoration: none;
	color : #fff;
	text-transform: uppercase;
	font-weight: 500;
}

#list-firms .item .descr, .catalogue .gr-rect .descr {
	position  : absolute;
	bottom : 10%;
	left  : 10%;
	z-index : 2;
	padding : 10px;
	width : 80%;
	color : #fff;
	background : #000;
	opacity : 0.8;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

#list-firms .item .city {
	position  : absolute;
	bottom : 3%;
	right : 3%;
	z-index : 2;
	width : auto;
	text-align : right;
}

#list-firms .item .city span {
	display : block;
	float : right;
	letter-spacing: no-wrap;
	color : #333;
	font-size : 0.8em;
	background : #fff;
	padding : 5px 8px;
	opacity : 0.8;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#list-firms .item .city i {
	display : block;
	float : right;
	width : 20px;
	height : 29px;
	margin : 15px 0 0 5px;
	background : url('../i/v4/icon-location.png') no-repeat;
}

#list-firms .item .phcnt {
	position  : absolute;
	top : 6%;
	right : 3%;
	z-index : 4;
	width : auto;
	text-align : right;
	background : #8E1F1C;
	padding : 3px 5px 3px 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#list-firms .item .phcnt a {
	color : #fff;
	font-size : 0.9em;
	text-decoration: none;
}

#list-firms .item .phcnt a:hover {
	text-decoration: underline;
}

#list-firms .item .photo {
	position  : absolute;
	bottom : 3%;
	left  : 3%;
	z-index : 5;
	width : auto;
	background : #000;
	padding : 2px;
}

#list-firms .item .photo img {
	float : left;
	width : 60px;
	height : 60px;
	margin : 2px;
	border: none;
}

#list-firms .item .photo a:hover img {
	opacity : 0.5;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

/* ad */

.adv950x100-out {
	padding : 40px 0 0 0;
	background : #343434;
}

.whitebg {
	background : #fff;
}

.adv950x100 {
	text-align : center;
}

saw.adv950x100 {
	display : block;
	width : 100%;
	height : 6px;
	background : #343434 url('../i/v4/saw-actions-top.png') repeat-x bottom left;
}

@media all and (max-width:960px) {
	.adv950x100 img {
		width : 100%;
		border: none;
	}
}

.for4 {
	width : auto;
	margin-left: auto;
	margin-right: auto;
	text-align : center;
}

.for4 a {
	display : inline-block; 
	width : 25%;
}

.for4 img {
	width : 100%;
	max-width : 150px;
	margin : 0 auto;
	border: none;
}

.for4 div {
	display : none;
}

/* build */

#info-top, #articles-foto-top {
	padding-top: 50px;
}

.info-top-pics {
	margin : 40px 0 0 0;
}

.info-top-pics .item {
	float : left;
	width : 11%;
	margin : 0 1% 1em 0.5%;
	text-align : center;
}

@media all and (max-width:800px) {
	.info-top-pics .item {
		width : 19%;
		margin : 0 0.5% 1em 0.5%;
	}
}

@media all and (max-width:580px) {
	.info-top-pics .item {
		width : 24%;
		margin : 0 0.5% 1em 0.5%;
		min-height : 210px;
	}
	.info-top-pics .item a {
		font-size : 0.8em;
	}
}

@media all and (max-width:460px) {
	.info-top-pics .item {
		width : 31%;
		margin : 0 1% 1em 1%;
		min-height : 200px;
	}
	.info-top-pics .item a {
		font-size : 1em;
	}
}

@media all and (max-width:300px) {
	.info-top-pics .item {
		width : 47%;
		margin : 0 1.5% 1em 1.5%;
		min-height : 250px;
	}
	.info-top-pics .item a {
		font-size : 1em;
	}
}

.info-top-pics .item img {
	width : 100%;
	margin : 0 0 20px 0;
	border: none;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.info-top-pics .item a {
	color : #000;
	font-size : 0.9em;
	font-weight: 500;
	text-decoration: none;
}

/**/

#photo-gal {
	margin-top : 50px;
	background : #FFCD37 url('../i/v4/saw-phg-head.png') repeat-x top left;
}

#photo-gal .page {
	background : url('../i/v4/saw-phg-foot.png') repeat-x bottom left;
}

.slider-rm-style {
 position: relative;
 margin-top: 40px;
}

#photo-gal .line-title {
	padding-top : 50px !important;
}

#photo-gal .slider-rm-ul {
	overflow-y: hidden;	
}

#photo-gal .slider-rm-ul div {
	float: left;
	width: auto !important;
	overflow: hidden;
}

@media all and (max-width:479px) {
	#photo-gal .slider-rm-ul div {
		height: 365px !important;
	}
}

@media all and (max-width:767px) {
	#photo-gal .slider-rm-ul div {
		height: 365px !important;
	}
}

@media all and (max-width:979px) {
	#photo-gal .slider-rm-ul div {
		height: 365px !important;
	}
}

@media all and (max-width:9999px) {
	#photo-gal .slider-rm-ul div {
		height: 365px !important;
	}
}

.slider-rm-style .slider-rm-wrap {
	margin: 0 !important;
}

@media all and (max-width:767px) {
	.slider-rm-style .slider-rm-wrap {
		margin: 0 20px !important;
	}
}

.slider-rm-style img {
 display: block;
 width: auto;
 height: 100% !important;
	border: none;
}

.slider-rm-style .slider-rm-nav__next, .slider-rm-style .slider-rm-nav__prev {
	background-color: #000 !important;
	width : 60px !important;
	height : 60px;
	border-radius: 30px !important;
	border : 1px solid #222 !important;
	opacity : 0.8;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.slider-rm-style .slider-rm-nav__prev {
	left  : 5% !important;
}

.slider-rm-style .slider-rm-nav__next {
	right : 5% !important;
}

.slider-rm-style .slider-rm-nav__next:hover, .slider-rm-style .slider-rm-nav__prev:hover {
	background-color: #000 !important;
	border-color: #222 !important;
	opacity : 1;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

#ph-tabs {
	width : 90%;
	margin : 50px auto 0 auto;
	text-align: justify;
	/* Лекарство для IE6-7*/
	text-justify: newspaper;
	zoom  : 1;
	/**/
	line-height: 0;
	font-size : 1px;
	text-align-last: justify;
}

@media all and (max-width:1000px) {
	#ph-tabs {
		width : 98%;
	}
} 

#ph-tabs:after {
	width : 100%;
	height : 0px;
	visibility : hidden;
	overflow  : hidden;
	content : '';
	display : inline-block;
}

#ph-tabs a {
	position  : relative;
	display : inline-block;
	padding : 7px;
	min-width : 15%;
	color : #fff;
	font-size : 13pt;
	font-weight: 400;
	line-height: normal;
	text-align : center;
	text-decoration: none;
	border-radius: 10px !important;
	background : #FAA719;
	/* эмуляция inline-block для IE6-7*/
	//display : inline;
	//zoom : 1;
	vertical-align: top;
}

#ph-tabs a.active {
	background : #D88118;
}

#ph-tabs a .arrow-down {
	position  : absolute;
	bottom : -15px;
	right : 10%;
	border-top : 20px solid #D88118;
}

@media all and (max-width:920px) {
	#ph-tabs {
		text-align: center;
	}
	#ph-tabs a {
		min-width : 25%;
		margin : 0 2% 20px 2%;
		text-align : left;
	}
} 

#ph-tabs-more {
	width : 100%;
	margin : 40px auto 20px auto;
}

#ph-tabs-more .item {
	width : 95%;
	margin : 0 auto;
	text-align: justify;
	/* Лекарство для IE6-7*/
	text-justify: newspaper;
	zoom  : 1;
	/**/
	line-height: 0;
	font-size : 1px;
	text-align-last: justify;
}

#ph-tabs-more .item:after {
	width : 100%;
	height : 0px;
	visibility : hidden;
	overflow  : hidden;
	content : '';
	display : inline-block;
}

#ph-tabs-more .item h2, #ph-tabs-more .item a {
	position  : relative;
	display : inline-block;
	padding : 7px;
	min-width : 10%;
	font-size : 13pt;
	font-weight: 400;
	line-height: normal;
	text-align : left;
	/* эмуляция inline-block для IE6-7*/
	//display : inline;
	//zoom : 1;
	vertical-align: top;
}

#ph-tabs-more .item h2 {
	font-size : 17pt;
	font-weight: 500; 
	color : #fff;
	padding-top: 6px;
	text-transform: uppercase;
}

#ph-tabs-more .item a i {
	display : block;
	width : 70px;
	height : 52px;
	float : left;
	margin : -10px 10px 0 10px;
	background : url('../i/v4/icons-photogal.png') no-repeat top left;
}

#ph-tabs-more .item a.t1 i {
	background-position: 0 0;
}

#ph-tabs-more .item a.t2 i {
	background-position: -70px 0;
}

#ph-tabs-more .item a.t3 i {
	background-position: -140px 0;
}

#ph-tabs-more .item a.t4 i {
	width : 78px;
	background-position: -210px 0;
}

@media all and (max-width:1040px) {
	#ph-tabs-more .item h2 {
		display: block;
		width: auto;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 20px;
		text-align: center;
	}
	#ph-tabs-more .item a {
		width : 23%;
		min-width: 150px;
		text-align : left !important;
	}
}

@media all and (max-width:800px) {
	#ph-tabs-more .item {
		text-align : left !important;
	}
	#ph-tabs-more .item a {
		width : 47%;
		min-width: 250px;
		text-align : left !important;
	}
}

@media all and (max-width:540px) {
	#ph-tabs-more .item a i {
		width : 35px;
		height : 26px;
		background-size: cover;
		margin-top: 0;
	}
	#ph-tabs-more .item a.t2 i {
		background-position: -35px 0;
	}

	#ph-tabs-more .item a.t3 i {
		background-position: -70px 0;
	}
	#ph-tabs-more .item a.t4 i {
		width : 35px;
		background-position: -105px 0;
	}
	#ph-tabs-more .item a {
		min-width: 220px;
	}
}

/* map */

#companies {
	padding : 50px 0 50px 0;
	background : #faefaf url('../i/v4/saw-map-foot.png') repeat-x;
	background-position: bottom left;
}

#companies .line-title {
}

#companies .line-more {
	margin-bottom: 30px;
}

#live_a_request {
	float : left;
	width : 24%;
	min-width : 200px;
}

#home_request, #home_arbor, .block-rec, #home_proj {
	max-width : 240px;
	margin : 0px auto;
}

#home_request i, #home_arbor i, #home_proj i {
	display : block;
	width : 190px;
	height : 118px;
	margin : 20px auto 0 auto;
	background : url('//img.ukrbio.com/i/dom/house-red-with-calc.gif') no-repeat;
}

#home_request div, #home_arbor div, #firms_all div, #home_proj div {
	max-width : 240px;
	min-width : 200px;
	margin : 5px auto 30px auto;
}

#home_arbor, #home_proj {
	margin-top : 10px;	
}

#home_arbor i {
	background : url('//img.ukrbio.com/i/dom/besedka-160x120-y.gif') no-repeat;
}

#home_proj i {
	background : url('//img.ukrbio.com/i/dom/projects-160x117-y.gif') no-repeat;
}

@media all and (max-width:1120px) {
	#live_a_request {
		float : none;
		width : auto;
		max-width : 500px; 
		margin : -20px auto 30px auto;
	}
	#home_request, #home_arbor, #home_proj {
		float : left;
		width : 48%;
		margin-left: 1%;
		margin-right: 1%;
	}
	#home_arbor, #home_proj {
		margin-top : 0px;	
	}
}

@media all and (max-width:860px) {
	#live_a_request {
		float : left;
		width : 50%;
		max-width : 300px; 
		margin : 0 auto 30px auto;
	}
	#home_request, #home_arbor, #home_proj {
		float : none;
		width : auto;
		margin : 0 auto;
	}
	#home_arbor, #home_proj {
		margin-top : 10px;	
	}
}

@media all and (max-width:640px) {
	#live_a_request {
		float : none;
		width : 100%;
		min-width : 260px; 
		margin : 0 auto 30px auto;
	}
	#home_request, #home_arbor, #home_proj {
		float : none;
		width : 48%;
		min-width : 260px;
		margin : 0 auto 10px auto;
	}
}

@media all and (min-width:1360px) {
	#live_a_request {
		width : 240px;
		margin : 0 1% 0 0;
	}
	#home_request div, #home_arbor div, #home_proj div {
		max-width : 220px;
	}
}

@media all and (min-width:1400px) {
	#live_a_request {
		width : 22%;
		margin : 0 1% 0 0;
	}
	#home_request div, #home_arbor div, #home_proj div {
		max-width : 230px;
	}
}

@media all and (min-width:1440px) {
	#live_a_request {
		width : 24%;
		margin : 0 1% 0 0;
	}
	#home_request div, #home_arbor div, #home_proj div {
		max-width : 240px;
	}
}

@media all and (min-width:1500px) {
	#live_a_request {
		width : 24%;
	}
	#home_request div, #home_arbor div, #home_proj div {
		max-width : 240px;
		min-width : 200px;
		margin : 5px auto 30px auto;
	}
}

#maplist {
	position  : relative;
	float : left;
	width : 24%;
	min-width : 200px;
	margin : 0 0 0 2%;
	background : #A7CA65;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#maplist .arrow-right {
	position  : absolute;
	z-index : 1;
	top : 15%;
	right : -15px;
	border-left: 15px solid #A7CA65;
}

#maplist .item {
	padding : 30px 5px 20px 30px;
	margin : 0 auto;
}

@media all and (max-width:1120px) {
	#maplist {
		clear : left;
		margin-top : 20px;
		width : 30%;
		min-width : 260px;
		margin-left: 2%;
	}
	#maplist .item {
		padding : 30px 5px 20px 20px;
	}
}

@media all and (max-width:860px) {
	#maplist {
		clear : none;
		float : left;
		width : 50%;
		margin : 0 auto 0 auto;
	}
}

@media all and (max-width:640px) {
	#maplist {
		clear : none;
		float : none;
		width : 80%;
		max-width : 400px;
		margin : 0 auto 0 auto;
	}
}

@media all and (min-width:1360px) {
	#maplist {
		width : 23%;
		margin : 0 0 0 0;
	}
	#maplist .item {
		padding : 30px 5px 20px 20px;
	}
}

@media all and (min-width:1500px) {
	#maplist {
		width : 24%;
	}
	#maplist .item {
		padding : 30px 5px 20px 30px;
	}
}

#maplist h2 {
	font-size : 90%;
	font-weight: 500;
	color : #000;
	text-shadow: 1px 1px 1px #5D9217;
}

#map0 {
	margin-top : 10px;
	z-index : 1;}

#map0 h2 {
	font-size : 90%;
	margin : 0px 0px 5px;
	text-shadow: 1px 1px 1px #5D9217;
}

#maplist .category-more {
	margin-top : 20px;
	line-height: 110%;
}

#maplist .category-more h2 {
	font-size : 90%;
	margin : 0 0 5px 0;
}

#maplist .category-more a {
	font-size : 80%;
}


#mapa {
	position  : relative;
	float : left;
	width : 50%;
}

@media all and (max-width:1120px) {
	#mapa {
		width : 68%;
	}
}

@media all and (max-width:940px) {
	#mapa .item img {
		width : 100%;
		border: none;
	}
}

@media all and (max-width:860px) {
	#mapa {
		clear : left;
		float : none; 
		width : 100%;
		max-width : 600px;
		margin : 20px auto 0 auto;
	}
}

@media all and (max-width:640px) {
	#mapa {
		display : none;
	}
}

#firms_all {
	width : auto;
	max-width : 200px;
	position  : absolute;
	bottom : -62px;
	left  : 40px;
	z-index : 1;	
}

#firms_all i {
	display : block;
	width : 80px;
	height : 60px;
	margin : 0px auto;
	background : url('../i/v4/icon-actions.png') no-repeat; 
	background-position: -230px 0;
	opacity : 0.7;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

#mapa .item {
	max-width : 99%;
	margin : 0 auto;
	overflow  : hidden;
}

.map h3, .map .maprec {
	display : none;
}

.map {
	margin : 59px 0 5px 0;
}

.map ul {
	list-style : none;
	margin : 0;
	padding : 0;
}

.map h2 {
	margin : 20px 0 20px 0;
}

/* articles */

#info-out {
	background: #fff;
	margin-top: 50px;
}

#info-out .page {
	background: #fff;
}

#info-out .line-more {
	margin-bottom: 50px;
}

#info {
	background: #fff;
}

#info .info_more {
	padding: 35px 0 50px 0;
}

#info .item {
	float: left;
	position: relative;
	min-height: 470px;
}

@media all and (min-width:1440px) {
	#info .item {
		min-height: 500px;
	}
}

#info .item img {
	width: 100%;
	height: auto;
	border: none;
}


#info .c1 .pic {
	max-height: 325px;
	overflow: hidden;
}

#info .item a:hover img {
	opacity : 0.8;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

#info .item .type {
	font-size: 0.9em;
	text-transform: uppercase;
}

#info .item .date {
	font-size: 1em;
}

#info .item .title {
	color: #333;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
}

#info .c1 {
	width: 42%;
	margin: 0 2% 1em 1%;
}

#info .c1b {
	margin: 0 1% 1em 2%;
}

#info .c2 {
	width: 26%;
	margin: 0 1.5% 1em 0;
}

#info .c2a {
	margin: 0 1% 1em 0.5%;
}

#info .c2b {
	margin: 0 0.5% 1em 1%;
}

#info .c2c {
	margin: 0 0 1em 1.5%;
}

@media all and (min-width:1360px) {
	#info .c1 {
		margin: 0 3% 1em 0;
	}

	#info .c1b {
		margin: 0 0 1em 3%;
	}

	#info .c2 {
		margin: 0 1.5% 1em 0;
	}

	#info .c2a {
		margin: 0 0 1em 1.5%;
	}

	#info .c2b {
		margin: 0 1.5% 1em 0;
	}

	#info .c2c {
		margin: 0 0 1em 1.5%;
	}
}

@media all and (max-width:600px) {
	#info .c1, #info .c1b {
		width: 98%;
		margin: 0 1% 1em 1%;
	}

	#info .c2 {
		clear: left;
		width: 47.5%;
		margin: 0 1.5% 1em 1%;
	}

	#info .c2a {
		clear: none;
		width: 47.5%;
		margin: 0 1% 1em 1.5%;
	}

	#info .c2b {
		margin: 0 1.5% 1em 1%;
	}

	#info .c2c {
		clear: none;
		margin: 0 1% 1em 1.5%;
	}
}

@media all and (max-width:400px) {
	#info .c1, #info .c1b, #info .c2 {
		width: 98%;
		margin: 0 1% 1em 1%;
	}
	
	#info .item {
		min-height: 0;
		margin-bottom: 4em;
	}
	
	#info .c2 .text {
		display: none;
	}
}

#info .c1 .when {
	padding: 1em 2em;
	margin : -3.4em 0 1.5em 0;
	width: auto;
	max-width: 240px;
	height: auto;
	background: #222;
	opacity : 0.7;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

@media all and (max-width:800px) {
	#info .c1 .when {
		padding: 1em 1em;
	}
}

#info .c1 .type {
	color: #fff;
}

#info .c1 .date {
	color: #f6e063;
}

#info .c1 .title {
	font-size: 1.5em;
	line-height: 1.2em;
}

#info .c1 .text {
	display: none;
}

#info .c2 .when {
	margin: 1em 0 0.7em;
}

#info .c2 .type {
	color: #777;
}

#info .c2 .date {
	color: #6f912b;
}

#info .c2 .title {
	font-size: 1.1em;
	font-weight: 400;
}

#info .c2 .text {
	color: #777;
	font-size: 0.9em;
}

@media all and (max-width:400px) {
	#info .c1 .when {
		margin: 1em 0 0.7em;
		padding: 0;
		max-width: 100%;
		background: #fff;
		opacity : 1;
		filter : progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	}
	
	#info .c1 .type {
		color: #777;
	}

	#info .c1 .date {
		color: #6f912b;
	}

	#info .c1 .title {
		font-size: 1.1em;
		font-weight: 400;
	}
}

.info-loading {
	width: 100%;
	height: 100px;
}

.info-loading img {
	display: none;
	width: 84px;
	height: 84px;
	margin: 0px auto;
	border: none;
}

/* exhibitions */

#exhibitions-out {
	background: #eaeaea url('../i/v4/saw-exhibitions-top.png') repeat-x;
	padding: 50px 0 35px 0;
}

#exhibitions-out .page {
	background: #eaeaea;
}

#exhibitions-out .line-more {
	margin-bottom: 50px;
}

#exhibitions .item {
	float: left;
	text-align: left;
}

@media all and (max-width:1600px) {
	#exhibitions .item {
		width: 24%;
	}
}

@media all and (max-width:980px) {
	#exhibitions .item {
		width: 32%;
	}
}

@media all and (max-width:768px) {
	#exhibitions .item {
		width: 48%;
	}
}

@media all and (max-width:480px) {
	#exhibitions .item {
		width: 98%;
		float: none;
	}
}

.exh_details {
	margin-bottom: 3em;
}

#exhibitions .item .pic {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 5% 5% 5%;
	overflow: hidden;
}

#exhibitions .item .pic img {
	border: none;
	width: 100px;
	height: 100px;
	border: none;
}

#exhibitions .item .t {
	font-weight: bold;
}

#exhibitions .item .d {
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 0;
}

#exhibitions .item .e {
	font-size: 0.8em;
	font-weight: 300;
}

#exhibitions .item a:hover img {
	opacity : 0.8;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.after-exhibitions {
	height: 6px;
	width: 100%;
	background: #eaeaea url('../i/v4/saw-exhibitions-bottom.png') repeat-x;
}

.slider-exhibitions .slider-rm-nav__prev, .slider-exhibitions .slider-rm-nav__next {
	top: -50% !important;
	opacity : 0.5;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

/* inner pages - top panel */

#categories-out {
	padding : 50px 0 50px 0;
	background : #52412D url('../i/v4/saw-categ-foot.png') repeat-x bottom left;
}

#categories-out.textpage {
	padding : 15px 0 25px 0;
}

#categories-out.catalogue {
	padding : 15px 0 25px 0;
}

#categories {
	position : relative;
}

#categories .share {
}

.recommend {
	position: absolute !important;
	right: 2% !important;
}

#categories .line-title, #categories .line-more {
	display : none;
}

@media all and (max-width:600px) {
	#categories .line-title, #categories .line-more {
		display : block;
		color : #fff;
	}
	#categories .line-more {
		margin-bottom: 15px;
	}
}

@media all and (max-width:500px) {
	#categories .line-title {
		margin-bottom: 20px;
	}
	#categories .line-more {
		display: none;
	}
}

#categories .in h2 {
	color : #fff;
	font-size : 1em;
 font-weight: 700;
}

#categories .in div, #categories .in a {
	color : #fff;
	text-decoration: none;
}

#categories .in a:hover {
	text-decoration: underline;
}

/* content*/

.content-page {
	position  : relative;
	width : 100%;
	left  : 0%;
	margin-top : 20px;
}

#sidebar {
	float : left;
	max-width : 270px;
	width: 27%;
}

#content {
	position  : relative;
	float : left;
	width: 70%;
}

@media all and (max-width:2560px) {
	#sidebar {
		width : 13%;
		margin-left: 1%;
	}
	#content {
		width: 83%;
		margin-left: 2%;
	}
}

@media all and (max-width:2260px) {
	#sidebar {
		width : 16%;
		margin-left: 1%;
	}
	#content {
		width: 80%;
		margin-left: 2%;
	}
}

@media all and (max-width:1920px) {
	#sidebar {
		width : 19%;
		margin-left: 1%;
	}
	#content {
		width: 78%;
		margin-left: 2%;
	}
}

@media all and (max-width:1720px) {
	#sidebar {
		width : 20%;
		margin-left: 1%;
	}
	#content {
		width: 76%;
		margin-left: 2%;
	}
}

@media all and (max-width:1560px) {
	#sidebar {
		width : 22%;
		margin-left: 1%;
	}
	#content {
		width: 75%;
		margin-left: 2%;
	}
}

@media all and (max-width:1440px) {
	#sidebar {
		width : 24%;
		margin-left: 1%;
	}
	#content {
		width: 73%;
		margin-left: 2%;
	}
}

@media all and (max-width:1360px) {
	#sidebar {
		width : 27%;
		margin-left: 1%;
	}
	#content {
		width: 70%;
		margin-left: 2%;
	}
}

@media all and (max-width:940px) {
	#sidebar {
		width : 33%;
		margin-left: 1%;
	}
	#sidebar .big_bnr img {
		width: 100%;
		max-width: 270px;
		height: auto;
		border: none;
	}
	#content {
		width: 64%;
		margin-left: 2%;
	}
}

#sidebar.mob {
	display : none;
}

@media all and (max-width:720px) {
	#sidebar.wide {
		display : none;
	}
	#sidebar.mob {
		display : block;
		clear : left;
		width : 98%;
		min-width: 98%;
		margin-left: 2%;
	}
	#sidebar .big_bnr img {
		width : 100%;
		max-width: 270px;
		height  : auto;
		border: none;
	}
	#content {
		width : 96%;
		margin-left: 2%;
	}
}

/* inner pages - sidebar */

.sidebarin {
	position : relative;
	clear : left;
	margin  : 0px 10px 0px 0px;
	padding : 10px 0 0 0;
	width : 100%;
	max-width: 270px;
	min-height: 185px;
	background: #FEFEFE url('//img.ukrbio.com/i/bg_side_vert.gif') repeat-y top right;
}

#sidebar.catalogue .sidebarin, #sidebar.articles .sidebarin {
	padding  : 10px 0px 10px 18px;	
	background: none;
	background: none;
	border-right: none;
	background: none;
}

#sidebar .bg-head, .a270 .bg-head {
	clear : left;
	margin  : 10px 10px 0px 0px;
	max-width: 270px;
	height  : 10px;
	width : 100%;
	background: #FEFEFE url('//img.ukrbio.com/i/bg_side.gif') no-repeat top right;
}

@media all and (max-width:500px) {
	#sidebar {
		max-width: 97%;
	}
}

#sidebar.catalogue .bg-head {
	background: none;
}

#sidebar .bg-foot, .a270 .bg-foot {
	clear : left;
	margin  : -10px 10px 0px 0px;
	width : 100%;
	max-width: 270px;
	height  : 30px;
	background: #FEFEFE url('//img.ukrbio.com/i/bg_side.gif') no-repeat 100% -10px;
}

#sidebar.catalogue .bg-foot {
	background: none;
}

#sidebar #big_bnr, #sidebar .big_bnr, .a270 .big_bnr {
	width : 100%;
	height : auto;
	max-width : 270px;
	overflow : hidden;
	text-align: left;
	vertical-align:middle;
	background: #fff;
	margin  : 10px 0px 20px 0px;
}

@media all and (max-width:680px) {
	#sidebar #big_bnr, #sidebar .big_bnr, .a270 .big_bnr {
		//width : 49%;
		//float : left;
		//margin: 0 1% 10px auto;
		width : 98%;
		float : none;
		margin: 0 auto 10px auto;
		min-width: 200px;
		max-width: 270px;
	}
}

@media all and (max-width:500px) {
	#sidebar .b2 {
		margin-right: 0;
	}
}

@media all and (max-width:500px) {
	#sidebar #big_bnr, #sidebar .big_bnr, .a270 .big_bnr {
		width : 98%;
		float : none;
		margin: 0 auto 10px auto;
		min-width: 200px;
	}
}

.sidebarin h1, .sidebaron h1 {
	color : #333 !important;
	display : inline;
	font-size: 12pt;
}

.sidebar-text-item {
	margin : 0 0 10px 10px;
	padding: 5px 5px 10px 5px;
	border-bottom: 1px dashed #ccc;
}

.sidebarin b.title {
	display : block;
	margin : 0 0 20px 10px;
}

.sidebarin div.sel {
	background: #fff;
}

.sidebar-text-item a {
	color : #2F7AF9;
	font-size : 10pt;
	text-decoration: none;
}

.sidebar-text-item a:hover {
	text-decoration: underline;
}

.sidebarin div.sel a {
	color : #000;
}

.sidebarin ul li.sel {
	background: #d9d9d9;
}

.sidebarin ul li.sel i {
	color : #d9d9d9;
}

.sidebar-text-item .time {
	color : green; 
	font-size:8pt;
}

.sidebar-text-item .views {
	color : gray; 
	font-size:8pt;
}

.sidebaron {
	margin  : 10px 10px 10px 0px;
	padding : 0px;
	width : 250px;
	min-height: 75px;
}

#recommend {
	position : absolute;
	top : 10px;
	right : 0px;
	z-index : 10;
}

@media all and (max-width:500px) {
	#recommend {
		display: none;
	}
}

/* sidebar - inner pages - blocks */

.sidebarin .block-rec {
	width : 100% !important;
}

.sidebarin .block-rec i {
	display : block;
	width : 90%;
	height  : 118px;
	margin  : 0 auto;
}

.sidebarin .block-rec div {
	display : block;
	width : 100%;
	height  : 40px;
}

.sidebarin .button_200 {
	min-width: 100px;
	max-width: 90%;
}

@media all and (max-width:800px) {
	.sidebarin .button_200 {
		padding: 0;
	}
}

/* pagination */

#pages-out {
	background: #eaeaea url('../i/v4/saw-exhibitions-top.png') repeat-x;
	padding: 50px 0 35px 0;
}

#pages-out .page {
	width: 80%;
	margin: 0 auto;
	background: #eaeaea;
}

#pages .line-title {
	width: 15%;
	min-width: 150px;
	float: left;
}

#pages .line-title b {
	font-size: 1.5em !important;
	font-weight: 400;
	text-transform: none;
}

#pages .in {
	width: auto;
	float: left;
}

#page_nav {
	text-align: center;
}

#page_nav .item_sel, #page_nav .item, #page_nav .item_next {
	display: inline-block;
	padding: 2px 10px;
	margin: 0 0.3em 0.5em 0;
	font-weight: 500;
	font-size: 1.5em;
	text-decoration: none;
}

#page_nav .item:hover {
	text-decoration: underline;
	background: #4C9ED9;
	color: #fff;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#page_nav .null {
	background: none !important;
	color: #333 !important;
	text-decoration: none !important;
}

#page_nav .item_sel {
	background: #404040;
	color: #91ff00;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#page_nav .item_next {
	background: #80ba33;
	color: #fff;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

@media all and (max-width:800px) {
	#pages .line-title {
		float: none;
		width: 90%;
		margin-bottom: 20px;
		text-align: center;
	}
}

/* socio, share */

#gotoi {
}

#gotoi img {
	float : left;
	margin  : 0 5px 5px 0;
	border: none;
}

.share_block {
	display:block;
	margin-top:25px;
	text-align: center;
}
		
.share_block .item {
	display: inline-block;
	width: auto;
	margin: 0 auto 5px auto;
	height: 32px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

.share_block .fb {
	background-color: #537bbd;
}
.share_block .fb:hover {
	background-color: #45639E;
}
.share_block .vk {
	background-color: #5f90af;
}
.share_block .vk:hover {
	background-color: #51749C;
}
.share_block .tw {
	background-color: #5ec0e8;
}
.share_block .tw:hover {
	background-color: #23B9EB;
}
.share_block .go {
	background-color: #E46D61;
}
.share_block .go:hover {
	background-color: #DD4B39;
}

@media all and (min-width:1040px) {
	.share_block .item {
		width: 24%;
	}
}

@media all and (max-width:400px) {
	.share_block .item {
		width: 96%;
	}
}

.share_block .item div {
	float: left;
	height: 32px;
	line-height: 32px;
}

.share_block .item .lbl {
	color: #fff;
	font-family: "Arial";
	font-size: 14px;
	width: 115px;
}

.share_block .item .cnt {
	float: right;
	text-align: center;
	color: #fff;
	font-family: "Arial";
	font-size: 14px;
	font-weight: bold;
	width: 30px;
	height: 32px;
	padding-left: 2px;
	-moz-border-radius: 0 4px 4px;
	-webkit-border-radius: 0 4px 4px;
	border-radius: 0 4px 4px;
	display: none;
}

.share_block .fb .cnt {
	background-color: #4a6eaa;
}
.share_block .vk .cnt {
	background-color: #55819d;
}
.share_block .tw .cnt {
	background-color: #54acd0;
}
.share_block .go .cnt {
	background-color: #c1483a;
}

.share_block div .icn {
	width: 15px;
	height: 15px;
	margin: 9px 6px 0 7px;
	overflow: hidden;
	background-repeat: no-repeat !important;
}

.share_block .fb .icn {
	background: url('//img.ukrbio.com/i/share/icns.png');
	background-position: 0px 0px;
}
.share_block .vk .icn {
	background: url('//img.ukrbio.com/i/share/icns.png');
	background-position: 0px -15px;
}
.share_block .tw .icn {
	background: url('//img.ukrbio.com/i/share/icns.png');
	background-position: 0px -30px;
}
.share_block .go .icn {
	background: url('//img.ukrbio.com/i/share/icns.png');
	background-position: 0px -45px;
}

/* projects */

#content.projects h1.list-title {
	margin-bottom: 20px;
}

@media all and (max-width:280px) {
	#content.projects h1.list-title {
		display: none;
	}
}

#projects-search-form {
	width : 95%;
	margin : 0 auto;
}

#projects-search-form .line-top {

}

#projects-search-form .line-floors, #projects-search-form .line-square, #projects-search-form .line-categories {
	float : left;
}

#projects-search-form .line-floors {
	width : 17%;
	min-width : 120px;
}

#projects-search-form .line-square {
	width : 33%;
}

#projects-search-form .line-floors .i, #projects-search-form .line-square .i, #projects-search-form .line-categories .i {
	color : #C2AB8F;
}

#projects-search-form .line-floors .i:hover, #projects-search-form .line-square .i:hover, #projects-search-form .line-categories .i:hover, 
#projects-search-form .line-floors .sel, #projects-search-form .line-square .sel, #projects-search-form .line-categories .sel {
	color : #fff;
}

#projects-search-form .line-categories {
	width : 50%;
	min-width : 300px;
}

#projects-search-form .line-square .item, #projects-search-form .line-categories .item {
	float : left;
	width : 49%;
}

@media all and (max-width:799px) {
	#projects-search-form .line-floors {
		width : 30%;
	}
	#projects-search-form .line-square {
		width : 70%;
	}
	#projects-search-form .line-categories {
		clear : left;
		margin-top: 15px;
		width : 90%;
	}
}

@media all and (max-width:440px) {
	#projects-search-form .line-floors {
		width: 90%;
		margin-bottom: 15px;
	}
	#projects-search-form .line-floors, #projects-search-form .line-square, #projects-search-form .line-categories {
		margin-left: 10%;
	}
}

@media all and (max-width:400px) {
	#projects-search-form .line-square .item, #projects-search-form .line-categories .item {
		float : none;
		width : 90%;
	}
	#projects-search-form br.mob {
		display: none;
	}
}

#projects-search-form .line-bott {
	clear : left;
	margin-top : 30px;
}

#projects-search-form .line-submit {
	clear : left;
	float : left;
	width : 20%;
	margin-left: 6.5%;
	min-width : 170px;
}

@media all and (max-width:799px) {
	#projects-search-form .line-bott {
		clear : left;
		margin-top : 50px;
	}
	#projects-search-form .line-submit {
		width : 22%;
		margin-left: 3.5%;
	}
}

#projects-search-form .line-submit .button_200 {
 width : 110px;
	min-width : 100px;
	float : left;
}

#projects-search-form .line-check {
	float : left;
	width : auto;
	max-width : 330px;
	margin : 0 0 0 0; 
}

@media all and (max-width:500px) {
	#projects-search-form .line-check {
		margin-top: 15px;
		margin-left: 3.5%;
	}
}

#projects-search-form .line-check div {
	padding : 7px 5px;
	background : #7D6444;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

@media all and (max-width:280px) {
	#projects-search-form .line-check div {
		background : none;
	}
}

#projects-search-form .line-clear {
	float : left;
	width : 20%;
	margin-left: 2%;
}

@media all and (max-width:1080px) {
	.projects-search a {
		font-size: 0.9em;
	}
}

.projects-search-hider {
	display: none;
	width: 50%;
	margin: 0px auto;
	color: #fff;
	font-size: 0.9em;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}

.projects-search-hider:hover {
	color: #fff;
	text-decoration: underline;
}

.projects-search-hider i {
	float: left;
	height: 18px;
	width: 18px;
	background-position: -20px -330px;
}

.projects-search-close {
	display : none;
	float : right;
	width : 39px;
	height : 39px;
	margin : 0px 10px 0 10px;
}

.projects-search-close i {
	background-position: 0px -250px;
}

@media all and (max-width:540px) {
	.projects-search-hider, .projects-search-close {
		display : block;
	}
	.projects-search {
		display: none;
	}
}

/* list of projects */

.project {
	float : left;
	width : calc(49% - 135px);
	width: 49%;
	height : auto;
	max-height : 210px;
	font-size : 0.9em;
	overflow  : hidden;
	padding : 25px 0px;
	margin : 0 1% 30px 0;
	border-top : 4px solid #DC9345;
}

#content.info .project {
	width : 32%;
}

@media all and (min-width:1680px) {
	.project {
		max-width : 325px;
		max-height : 210px;
	}
}

@media all and (max-width:940px) {
	.project {
		width: calc(49% - 135px);
		width: 49%;
		margin-left: 0;
		margin-right: 1%;
		height: 220px;
	}
	#content.info .project {
		width : 49%;
	}
}

@media all and (max-width:840px) {
	.project {
		width: 99%;
		margin-left: 0;
		margin-right: 0;
		height: 220px;
	}
	#content.info .project {
		width : 49%;
	}
}

@media all and (max-width:640px) {
	#content.info .project {
		width : 99%;
	}
}

@media all and (max-width:280px) {
	.project {
		height: auto;
	}
}

.project .h1 {
	//font-size : 1.1em !important;
	font-weight: bold;
}

.project-full {
    max-width: 1000px;
    margin: 0 auto;
}

.project-full h1 {
	font-size : 1.3em;
	font-weight: bold;
	padding : 10px 0 10px 0;
}

.project .h1 a, .project-full .h1 a {
	text-decoration: none;
}

.project-info-block {
	margin: 30px auto;
}

.project-info {
	float: left;
	width: calc(98% - 540px);
	margin: 0 1%;
}

.project-full .big_bnr {
	float: left;
}

@media all and (max-width:900px) {
	.project-info {
		float: none;
		width: 98%;
		margin: 0 1%;
		margin-bottom: 1em;
	}
	.project-full .big_bnr {
		float: none;
		margin-bottom: 1em;
	}
}

.project .pic {
	float : left;
	margin : 5px 0 0 0;
	width : 150px;
	height : 110px;
	padding : 4px;
	border : 1px solid #D7D7D7;
	overflow  : hidden;
}

.project .pic img {
	width : 150px;
	height : 100px;
	border : none;
}

@media all and (max-width:880px) {
	.project .pic {
		width : 39%;
		height : auto;
	}
	.project .pic img {
		width : 100%;
		height : auto;
	}
}

@media all and (max-width:280px) {
	.project .pic {
		float : none;
		width : 90%;
		height : auto;
		margin : 0px auto;
	}
	.project .pic img {
		width : 98%;
		margin-left: 1%;
		height : auto;
	}
}

.project-full .pic {
	float : none;
	width : 98%;
	height : auto;
	margin : 5px 0 0 0;
	padding : 5px;
	border : 1px solid #D7D7D7;
	overflow  : hidden;
}

.project-full .pic img {
	width: 100%;
	max-width: 1200px;
}

.project h1 small, .project-full h1 small {
	color : gray;
	font-size : 0.7em;
	font-weight: normal;
}

.project .info {
	margin : 5px 0 0 160px;
	height : 100px;
}

@media all and (max-width:880px) {
	.project .info {
		float : left;
		width : 54%;
		height: auto;
		margin-left: 2%;
	}
}

@media all and (max-width:280px) {
	.project .info {
		float : none;
		width : 100%;
		height: auto;
		margin-left: 0;
		margin-top: 15px;
	}
}

.project-full .info {
	margin : 10px 0 0 0;
}

.project .info .item, .project .info .item-link, .project-full .info .item, .project-full .info .item-link {
	font-size : 0.8em;
	text-align: right;
	background: #F8F8F2;
	border-top: 1px dotted gray;
	padding  : 5px;
	margin : 0 5px 0 5px;
}

.project-full small.item {
	color : gray;
	font-size : 0.8em;
}

.project-full h1 i {
	display: none;
	width: 35px;
	height: 35px;
	float: left;
	margin: 0 1em 0 0;
	background: url('../i/m/phone-icon.png') no-repeat;
}

@media all and (max-width:540px) {
	.project-full h1 i {
		display: none;
		background: none;
	}
}

.project-full h1 small {
	font-size: 0.9em;
}

.project-full .phones {
	padding: 0;
	margin: 0;
	font-size: 0.9em;
}

.project-full .info .item, .project-full .info .item-link {
	margin : 0 7px 0 0px;
}

.project .info .item-link, .project-full .info .item-link {
	background: none;
}

.project .info .item-link a, .project-full .info .item-link a {
	color : gray;
}

.project .info .item b, .project-full .info .item b {
	color : gray;
	display  : block;
	float : left;
	width : 60px;
	text-align: left;
	font-weight: normal;
	margin : 3px 0 0 0;
}

.pics {
	display  : block;
	padding  : 5px;
	float : left;
	margin : 10px 10px 0 0;
	border : 1px dotted gray;
}

.project-full .button_200 {
	float : left;
}

.project-pic {
 display: block;
 float: left;
 width: 49%;
 height: auto;
 max-height: 250px;
 overflow-y: hidden;
 margin: 1% 1% 0 0;
 overflow: hidden;
}

.project-pic img {
	width : 100%;
	height: auto;
}

.project-full .video {
	margin: 2em 0 0 0;
	padding: 2em;
	background: #efefef;
}

.project-full .video iframe {
	margin: 1em auto 0 auto;
}

/* comments */

.comments-head {
	padding: 1em 1em 1em 2em;
	background: #417101;
}

.comments-head a {
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}

.comments-head a:hover {
	text-decoration: underline;
}

.comments-form {
	width: 90%;
	padding: 5%;
	background: #81C354;
}

.comments-form b {
	color: #fff;
}

.comments-btn {
	padding: 0.5em 1em;
	font-size: 1em;
}

.comments-in {
	padding: 1%;
	font-size: 1em;
	width:90%;
}

/* sidebar - block exhibitions */

.list-exhibitions .data {
	text-align: center;
}

.list-exhibitions .data h1 {
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.list-exhibitions .data .item {
	text-align: center;
	padding: 1em; 
	border-top: 1px solid #D7D7D7;
}

.list-exhibitions .data .item .pic img {
	width: 25%;
	min-width: 100px;
	height: auto;
	margin: 0 auto 10px auto;
	border: none;
}

.list-exhibitions .data .item .t {
	font-size: 0.9em;
	font-weight: 700;
	text-decoration: none;
}

.list-exhibitions .data .item .d {
	font-size: 0.8em;
	font-weight: 700;
}

.list-exhibitions .data .item .e {
	font-size: 0.8em;
}

@media all and (max-width:900px) {
	.list-exhibitions .data .item .pic img {
		width: 50%;
	}
}

@media all and (max-width:640px) {
	.list-exhibitions .data .item .pic img {
		width: 90%;
	}
}

/**/

.goto-request {
	width: 100%; 
	background: #EC5755;
	margin: 20px 0;
}

#content .goto-request {
	width: 99%; 
}

.goto-request img {
	float: left; 
	margin: 0 2% 30px 2%;
	border: none;
}

.goto-request div {
	color: #fff
}

.goto-request .button_200 {
	float: right;
	margin: -10px 5% 5px 5px;
}

@media all and (max-width:900px) {
	.goto-request .button_200 {
		margin: 10px 5% 15px 15px;
	}
}

@media all and (max-width:500px) {
	.goto-request img {
		margin: 40px 35px 20px 25px;
	}
}

@media all and (max-width:400px) {
	.goto-request img {
		display: none;
	}
	.goto-request div {
		padding: 0 2%;
	}
	.goto-request .button_200 {
		margin: 10px 15% 15px 15%;
	}
}

.catalogue .gr-rect {
	float: left;
	clear: left;
	position: relative;
	width: 49% !important;
	height: 325px;
	min-width: 320px;
	margin: 0 !important;
	margin-right: 1%;
	margin-bottom: 20px;
}

@media all and (max-width:940px) {
	.catalogue .gr-rect {
		width: 99% !important;
		min-height: 400px;
	}
}

@media all and (max-width:860px) {
	.catalogue .gr-rect {
		width: 99%v;
		min-height: 350px;
	}
}

@media all and (max-width:680px) {
	.catalogue .gr-rect {
		width: 99% !important;
		min-height: 320px;
	}
}

.catalogue .gr-rect .title {
	font-weight: 300;
	text-transform: uppercase;
}

.catalogue .gr-rect .descr {
	background: none;
	opacity: 1;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

@media all and (max-width:940px) {
	.catalogue .gr-rect .button_200 {
		float: left;
		margin: 10px 5% 25px 0px;
	}
}

@media all and (max-width:460px) {
	.catalogue .gr-rect .descr {
		width: 96%;
		position: relative;
		bottom: 0 !important;
		left: 0 !important;
		margin-top: 50px;
	}
}

/* page - info */

#categories-out.info {
	padding: 15px 0 25px 0;
}

#categories-out.info #recommend {
	top: 100px !important;
}

.info .submenu {
	list-style: none;
}

.info .submenu li {
	line-height: 2em;
	font-weight: 700;
}

.info .submenu li.in {
	font-weight: 500;
}

#content.info .big_bnr {
	float: left;
	margin-top: 15px;
}

#content.info .a270 {
	margin-top: 5px;
}

.info_block {
	height: 290px;
	margin: 1em 1% 1em 0;
	padding: 1em 0 2em 0;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.info_block.requests {
	width: calc(98% - 270px);
	margin-left: 1%;
	float: left;
	margin-top: -1em;
	padding-top: 0;
	height: unset;
}

.a270.requests {
	clear: left;
}

.info_block .in-title {
	padding: 15px 10px 5px 45%;
}

@media all and (max-width:800px) {
	.info_block.requests {
		width: 99%;
		margin-left: 0;
		float: none;
	}
}

@media all and (max-width:500px) {
	.info_block .in-title {
		padding: 15px 10px 5px 5%;
	}
}

.info_block .in-title .title {
	font-weight: 700;
	font-size: 1.5em;
	display: block;
	margin: 1em 2em 1em 0;
}

.info_block .in-title .button_200 {
	margin: 2em 0 0 0;
}

@media all and (max-width:500px) {
	.info_block .in-title .title {
		text-shadow: 1px 1px 1px #fff;
		filter: Shadow(Color=#ffffff, Direction=90, Strength=1);
	}
}

.info_block .line-title {
	clear: both;
	margin: 4em 0 0 0;
}

.info .info_block .line-title {
	clear: both;
	margin: 1em 0 0 0;
}

.info_block div b.title {
	display : block;
	color : #AA5C07;
	font-size: 1.5em;
	text-shadow: 0px 1px 1px #fff;
	margin  : 0 0 15px 0 !important;
}

.info_block .list-foto {
	width : 100%;
}

.info_block .list-in {
	min-height : 230px;
}

.info_block .list-in .in {
	float : left;
	width : 32%;
	height  : 70px;
	overflow : hidden;
	list-style: none;
	margin  : 10px 1% 0px 0px;
	padding : 0px;
	background: none;
}

@media all and (max-width:720px) {
	.info_block .list-in br {
		display: none;
	}
	.info_block .list-in .in {
		width : 49%;
		height: 80px;
	}
}

@media all and (max-width:520px) {
	.info_block .list-in .in {
		float: none;
		width : 97%;
	}
}

.info_block .list-in .in:hover {
	background: none;
}

.info_block .list-in .in a {
	color : #06c;
	font-size: 0.8em;
}

.info_block .list-in .in a:hover {
	color : #A95B07;
}

.info_block .line-title h1 a {
	color : #A95B0B !important;
	font-size: 1.1em;
	text-shadow: 0px 1px 1px #fff;
}

.info_block .line-title h1 a:hover {
	text-decoration: underline !important;
}

.info_block .line-more p {
	color : #777;
	font-size: 0.9em;
	margin  : 5px 0 10px 5px !important;
}

.info_block .project h1 a {
	color : #06c;
	font-size : 1em !important;
	font-weight: bold;
}

.info_block .project h1 a:hover {
	color : #A95B0B;
	text-decoration: underline;
}

.list-foto .list-in .in a {
	text-decoration: none;
}

.list-foto .list-in .in a:hover {
	text-decoration: underline;
}

.list-in .in .cover, .list-exhibitions .cover {
 float: left;
 width: 50px;
 height: 50px;
 overflow: hidden;
 margin: 0 5% 5px 0;
}

.cover div {
 position: relative;
 float: left;
 width: 50px;
 height: 50px;
}

.cover div i {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 50px;
 height: 50px;
 background: url('//img.ukrbio.com/i/circle-x50s.png') no-repeat;
}

#info-foto .button_200, #info-ready .button_200, #info-articles .button_200, #info-projects .button_200, #info-catalogue .button_200, #info-shemas .button_200, #info-video .button_200 {
	clear: left;
	float: right;
	margin: 2em 1em 3em 0;
}

#list-firms.inner {
}

#list-firms.inner .item {
	width: 49%;
	min-width: 320px;
	margin-right: 1%;
	margin-bottom: 20px;
}

.fullwidth #list-firms.inner .item {
	width: calc(49% - 135px);
	width: 49%;
	max-width: 450px;
}

#content.info #list-firms.inner .item, 
#info-catalogue #list-firms.inner .item {
	width: 32%;
}

@media all and (max-width:940px) {
	#list-firms.inner .item {
		width: 99%;
		min-height: 400px;
	}
	.fullwidth #list-firms.inner .item {
		width: calc(99% - 270px);
		max-width: unset;
	}
	#content.info #list-firms.inner .item, 
	#info-catalogue #list-firms.inner .item {
		width: 32%;
	}
}

@media all and (max-width:860px) {
	#list-firms.inner .item {
		width: 99%;
		min-height: 350px;
	}
	.fullwidth #list-firms.inner .item {
		width: calc(99% - 270px);
		max-width: unset;
	}
	#content.info #list-firms.inner .item, 
	#info-catalogue #list-firms.inner .item {
		width: 49%;
	}
}

@media all and (max-width:640px) {
	#content.info #list-firms.inner .item, 
	#info-catalogue #list-firms.inner .item {
		width: 99%;
	}
	#list-firms.inner .item {
		min-height: 320px;
		max-width: unset;
	}
}

#list-firms.inner .item .title, .catalogue .gr-rect .title {
	text-align: left;
	background: #B81414;
}

#list-firms.inner .item .title a, .catalogue .gr-rect .title a {
	font-weight: 600;
}

#list-firms.inner .item .cover img {
	width: 100%;
	height: 100% !important;
	border: none;
}

/* photo */

.photo {
	position : relative;
}

.photo-in {
	float : left;
	margin  : 2px;
	width : 82px;
	height  : 79px;
	overflow : hidden;	
}

.full .photo-in {
	margin  : 0 5px 0 5px;
	width : 100px;
	height  : 110px;
}

.articles .photo-in {
	margin  : 0 5px 5px 0;
	width : 100px;
	height  : 100px;
}

.photo-in img {
	border  : 1px solid #777;
}

.logo img {
	border  : none;
}

.photo-title, .photo-more {
	width : 160px;
	overflow : hidden;
	padding : 5px 0px;
	text-align: center;
	background: #C10000;
}

.photo-title:hover {
	/*background: #DC9345;*/
}

.full {
	border-top: 4px solid #DC9345;
}

.full .photo-title {
	background: #fff;
	width: auto;
}

.full .photo-more {
	background: #8CC740;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-left: 10px;
	margin-top: 7px;
}

.full .photo-more a {
	font-weight: bold;
	color : #fff;
}

.full .photo-more a:hover {
	color : #000;
}

.photo-title-empty, .photo-title-empty:hover {
	color : gray;
	background: #fff;
}

.photo-addr {
	position : absolute;	
	z-index : 20;
	top : 0px;
	right : 10px;
	
	overflow : hidden;
	background: #fff;
	padding : 5px 0px;
	text-align: center;
}

.full .photo-title:hover {
	background: #fff;
}

.photo-title h2 {
	font-weight: bold;
	margin  : 0 0 10px 0;
}

.full .photo-title {
	top : 5px;
	left : 0px;
	width : 400px;
	text-align: left;
}

.photo-more {
	top : 140px;
	left : 525px;
	width : 100px;
	text-align: left;
}

#content.exhibitions .full {
	clear : left;
	border-top:4px solid #eee;
	margin  : 20px 0px;
	padding : 20px 0px;
}

.photo-title a {
	color : #fff;
	text-transform : uppercase;
	text-decoration: underline;
	font-size: 0.8em;
	font-weight: bold;
}

#t_exhibitions_list {

}

.exhibition-item {
	float: left;
	width: calc(49% - 135px);
	width: 49%;
	margin: 0 1% 20px 0;
	outline: 1px solid #bbb;
	background: #efefef;
}

.exhibition-item .exh-logo {
	height: 180px;
	padding-top: 70px;
	background: url('../i/v4/exhibitions-bg.jpg') no-repeat top left;
	background-size: cover;
}

.exhibition-item .exh-logo div {
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

.exhibition-item .exh-logo img {
	border: none;
}

.exh-data {
	height: 120px;
	padding: 10px;
}

.exh-data p {
	font-size: 0.9em;
}

@media all and (max-width:800px) {
	.exhibition-item {
		width: calc(98% - 270px);
		min-width: 300px;
		margin-bottom: 20px;
	}
}

@media all and (max-width:640px) {
	.exhibition-item {
		float: none;
		width: 98%;
		min-width: 300px;
		margin-bottom: 20px;
	}
}

.photo-title-empty a {
	color : #719F02;
}

.photo-more a {
	color : #000;
	font-size: 0.8em;
}

.full .photo-title a {
	color : #0B51C3;
	font-size: 1em;
	text-decoration: underline;
}

.photo-title a:hover {
	color : #000;
	text-decoration: none;
}

.full .photo-title a:hover {
	color : #000;
	text-decoration: underline;
}

.photo-title-empty a:hover {
	color : #719F02;
	text-decoration: underline;
}

.photo-null {
	float : left;
	margin  : 2px;
	width : 100px;
	height  : 100px;
	background: #fff url('//img.ukrbio.com/i/right.gif') no-repeat 50% 50%;
}

/* */

#categories-out.exhibitions #recommend, #categories-out.news #recommend, #categories-out.articles #recommend, #categories-out.catalogue #recommend {
 top: 10px !important;
}

/* news, articles */

.news-item {
	float : left;
	width : 49%;
	margin : 0 1% 20px 0;
	padding : 0px;
	overflow  : hidden;
	outline : 1px solid #ddd;
}

.fullwidth .news-item {
	width : calc(49% - 135px);
	width: 49%;
}

@media all and (max-width:1500px) {
	.news-item {
		max-width : 400px;
	}
	.fullwidth .news-item {
		width : calc(49% - 135px);
		width: 49%;
	}
}

.articles-more .news-item {
	width : 32%;
}

@media all and (max-width:700px) {
	.news-item, .fullwidth .news-item {
		width : 99%;
		max-width : 99%;
	}
}

/*@media all and (min-width:1730px) {
	.news-item {
		width : 32%;
		max-width : 32%;
	}
}*/

.news-item .news-cover {
	display : block;
	width : 100%;
	height : 200px;
	margin : 0px;
	padding : 0px;
	overflow  : hidden;
	background : #222;
	text-decoration: none;
}

@media all and (max-width:700px) {
	.news-item .news-cover {
		min-height: 300px;
	}
}

@media all and (max-width:520px) {
	.news-item .news-cover {
		min-height: 240px;
	}
}

.news-item .news-cover div {
	display : none;
}

.news-item .nocover div {
	display : block;
	height : 180px;
	padding : 10px;

	color : #fff;
}

.news-item .news-cover img {
	width : 100%;
	height : auto;
	border : none;
	opacity  : 0.9;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

.news-cover:hover img {
	opacity  : 1;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.news-item .nocover img {
	display : none;
	border: none;
}

@media all and (max-width:880px) {
	.news-item .news-cover img {
		height: 100%;
	}
}

.news-item .news-title {
	text-align: left;
	text-decoration: none;
	
	display  : block;
	height : 80px;
	padding  : 10px 0 0 10px;
	overflow : hidden;
	background: #efefef;
}

.news-item .news-title b {
	display  : inline;
	color : #000;
	font-size : 1em;
	font-weight: normal;
	padding  : 0;
	margin : 0 !important;
}

.news-item .news-title small {
	color : #555;
	font-size : 0.8em;
	font-weight: normal;
}

.news-item:hover, 
.news-item .news-title:hover {
	background: #efefef;
}

.news-item:hover b, 
.news-item .news-title:hover b {
	color: #000;
}

/* articles */

#article-mirror {
	width : auto;
	background: #4B8DF9;
	position : absolute;
	bottom : 4px;
	right : 5px;
	z-index  : 19;
	font-size : 0.9em;
	padding  : 10px;
	//border-left: 1px solid #fff;
	//border-bottom:1px solid #fff;
}

#article-goto-arbor {
	position : absolute;
	top  : 7px;
	right : 20px;
	z-index  : 18;
}

.article-av {
	position : relative;
	width : calc(98% - 540px) !important;
	height : 260px !important;
	margin : 10px 1% 0 1%;
	overflow : hidden;
	float: left;
	min-width: 300px;
}

@media all and (max-width:880px) {
	.article-av {
		float: none;
		width: 98% !important;
		margin-bottom: 1em;
	}
}

.article .big_bnr, .exh_details .big_bnr {
	float: left;
}

.article-mo {
	float: left;
	width : calc(99% - 270px) !important;
	margin-left: 1%;
	//padding: 5px; 
	//background: #efefef;
}

.article-mo p {
	font-size:0.8em; 
	color:#555;
}

.article-av img.a-av {
	width : 100%;
	border: none;
	margin-top: -20%;
}

.news-t h1, .article-av h1 {
	width : 100%;
	height : auto;
	position : absolute;
	bottom : 0px;
	left : 0px;
	z-index  : 11;
	background: #000;
	opacity  : 0.8;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	color : #fff !important;
	font-size : 1em;
	padding  : 0px;
	margin : 0px !important;
}

.article-av h1 {
	font-size : 1.2em !important;
	padding  : 10px;
}

#article-content {
	clear: left;
	padding-top: 50px;

    max-width: 1000px;
    margin: 0 auto;
}

#article-content img[width="100%"] {
	max-width: 1000px;
    margin: 20px auto;
}

#article-content .gallery {
	margin: 30px auto;
}

.articles-more {
	clear: both;
}

#linked {
	padding  : 20px; 
	margin : 10px 0px;
	background: #EC5755; 
	height : auto; 
	color : #fff;
}

#linked b {
	color : #fff;
	font-size : 1.2em;
	font-weight: 600;
}

#linked a {
	color : #fff;
}

#linked .icon {
 background: url('//img.ukrbio.com/i/32x32/warning.png');
}

.like-this-h {
	clear:left;
	max-width: 1000px;
	margin: 0 auto;
}

@media all and (max-width:360px) {
	#like-this, .like-this-h {
		display: none;
	}
}

/* requests */

#request_intro {
	padding: 10px 20px;
}

#request_intro * {
	color: #fff;
}

#request_intro div {
	float: left;
	width: 49%;
	height: 80px;
	margin: 0 1% 1em 0;
	font-size: 0.9em;
}

#request_intro div b {
	font-size: 1.1em;
}

@media all and (max-width:540px) {
	#request_intro div {
		float: none;
		width: 99%;
	}
}

.t-request td {
	vertical-align:top; 
	padding-bottom:20px
} 

.t-request input {
	margin-top: 5px;
}

.t-request input[type="text"] {
	padding: 5px;
	font-size: 1em;
}

.t-request select {
	margin-top: 5px; 
	padding: 5px;
	font-size: 1em;
}

/* trade board */

#categories #mmenu ul {
	width: 90%;
	margin-left: 5%;
	padding-left: 0;
}

#categories #mmenu ul li {
	width: 9.5%;
	margin: 0 0.5% 0 0;
}

#categories #submenu {
	width: 89.5%;
	height: auto;
	min-height: 120px;
	margin-left: 5.05%;
}

#categories #submenu ul li {
	color: #000;
}

#categories #submenu ul li a {
	font-size: 1em;
	line-height: 1.2em;
}

#categories #mmenu ul li a div {
	margin: 5px 0 0 2%;
	width: 95%;
	max-width: 64px;
	background-size: cover !important;
}

@media all and (min-width:1200px) {
	#categories #mmenu ul li a div {
		margin: 5px 0 0 10px;
		width: 64px;
		background-size: auto !important;
	}
}

#mcat.item li {
	width: calc(99% - 270px) !important;
	margin-right: 1% !important;
	float: left !important;
}

@media all and (max-width:900px) {
	#mcat.item li {
	}
	#mcat.item li div.cont {
		float: none !important;
		width: 99% !important;
		margin-top: 15px !important;
	}
	#mcat.item li div.citem br {
		display: none !important;
	}
}

@media all and (max-width:640px) {
	#mcat.item li {
		width: 95% !important;
		float: none !important;
	}
}

#btn_trade_new {
	position  : absolute; 
	top : 30px; 
	right : 20px;
}

@media all and (max-width:400px) {
	#btn_trade_new {
		top : 10px; 
		right : 10px;
	}
}

/* about - price */

TABLE#price TD {
	padding  : 10px; 
	border-bottom: 2px solid #AA5C07; 
	border-right: 1px solid #efefef
} 

TABLE#price TD#t_title {
	background-color:#f5f5f5;
}

#categories-out.textpage #recommend {
	top: 10px !important;
}

/* catalogue */

#biglist {
	clear: both;
}

#biglist .line-title {
	margin: 2em 0;
}

#biglist ul {
	list-style : none;
	margin : 10px 0 0 0;
	padding: 0;
}

#biglist ul li {
	float : left;
	width : 47%; 
	font-size : 1em; 
	padding : 5px 1%; 
	margin : 0 1% 1% 0;
	background: #0074CA; 
}

@media all and (max-width:860px) {
	#biglist ul li {
		float : none;
		width : 97%; 
	}		
}

#biglist ul li a {
	text-decoration: none;
}

#biglist ul li:hover, #biglist ul li.sel {
	background: #0080E2;
}

#biglist ul li a:hover {
	text-decoration: underline;
}

#biglist ul li * {
	color : #fff;
}

#biglist ul li sup {
	display: block;
	float: right;
	background: #0080E2;
	padding: 0px 10px;
	margin: 0px;
}

.a50x2 {
	position: relative;
	float: right;
	overflow: hidden;
	width : 49%;
	margin-right: 1%;
	margin-top: -50%;
	background: #343434;
}

.a50x2-ml {
	margin-left: 1%;
}

@media all and (min-width:160px) {
	.a50x2 {
		height : 620px !important;
		margin-top: -320px;
	}
}

@media all and (min-width:768px) {
	.a50x2 {
		height : 520px !important;
		margin-top: -270px;
	}
}

@media all and (min-width:980px) {
	.a50x2 {
		height : 590px !important;
		margin-top: -305px;
	}
}

@media all and (min-width:1200px) {
	.a50x2 {
		height : 670px !important;
		margin-top: -345px;
	}
}

@media all and (min-width:1400px) {
	.a50x2 {
		height : 670px !important;
		margin-top: -345px;
	}
}

@media all and (min-width:1600px) {
	.a50x2 {
		height : 700px !important;
		margin-top: -360px;
	}
}

@media all and (max-width:940px) {
	.a50x2 {
		clear: left;
		overflow: none;
		width : 99%;
		margin-right: 1%;
		margin-left: 0;
		margin-top: 20px;
	}
}

.a50x2 img {
	width: 100%;
	height: auto;
	border: none;
}

.open img {
	width : 100%;
	height: 100%;
	border: none;
}

.catalogue .line-more {
	margin-bottom: 2em;
}

@media all and (max-width:600px) {
	.catalogue .line-title, .catalogue .line-more {
		display: none;
	}
}

.mem_photo_block {
	position: relative;
	float: left;
	width: calc(49% - 135px);
	width: 49%;
	min-height: 250px;
	padding: 20px 0 20px 0;
	margin: 0 1% 20px 0;
	border-top: 4px solid #DC9345;
}

.mem_photo_block_gold {
	position : relative;
	float: left;
	width: calc(49% - 135px);
	width: 49%;
	min-height: 250px;
	padding: 20px 0 20px 0;
	margin: 0 1% 20px 0;
	border-top: 4px solid #DC9345;
	background: #FEC429 url('//img.ukrbio.com/i/m/bg_vip_company.gif') repeat-x;
	background: -moz-linear-gradient(top center , #FFFFFF, #FDF2CC, #FFC428) repeat scroll 0 0 transparent !important;	/* FFC428 */
}

@media all and (max-width:1000px) {
	.mem_photo_block, .mem_photo_block_gold {
		width: calc(99%);
	}
}

.reccm {
	width : 135px;
	height : 135px;
	position : absolute;
	top  : -12px;
	left : -8px;
	background: url("//img.ukrbio.com/i/ribbons.png") no-repeat;
}

.perev_ua {
	background-position: -135px 0px;
}

.perev_ru {
	background-position: 0px 0px;
}

.reccm_ua {
	background-position: -135px -135px;
}

.reccm_ru {
	background-position: 0px -135px;
}

.vip_ua {
	background-position: -135px -270px;
}

.vip_ru {
	background-position: 0px -270px;
}

.mpbin {
	min-height : 75px;
	padding-left: 10px;
}

.mem_photo_line {
	position : relative;
	float : right;
	padding : 25px 0 5px 5px;
	width : 69px;
	margin  : 0 0 0 10px;
	background: url('//img.ukrbio.com/i/m/photo_line.gif') no-repeat;
}

.mem_photo_count {
	position : absolute;
	right : 20px;
	top : 3px;
	font-size: 10px;
	color : #fff;
}

.mem_photo_line img { 
	width : 58px;
	height  : 58px;
	border  : none;
}

.mem_photo_line .photo-in { 
	width : 58px;
	height  : 58px;
	margin-left: 6px;
}

.mpbin .pl {
	color : #52412D;
	font-size: 0.9em;
	font-style: normal;
}

.mpabout {
	font-size: 0.9em;
}

@media all and (max-width:800px) {
	.mpabout {
		//font-size: 1em;
	}
}

.mplinks {
	clear : both;
	margin  : 15px 60px 0 0px;
	text-align: right;
}

@media all and (max-width:740px) {
	.mplinks {
		margin  : 15px 0 0 15px;
		text-align: center;
	}
}

@media all and (max-width:500px) {
	.mplinks {
		margin  : 15px 0 0 35px;
		text-align: left;
	}
}

.mplinks a {
	position: relative;
	display: inline-block;
	margin: 0 2% 10px 0;
	padding: 5px 8px;
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #4E8EA6;
}

.mem_photo_block_gold .mplinks a {
	background: #8F6801;
}

.mplinks a i {
	display: block;
	position: absolute;
	z-index: 1;
	top: -10px;
	left: 10%;
	border-bottom: 17px solid #4E8EA6;
}

.mem_photo_block_gold .mplinks a i {
	border-bottom: 17px solid #8F6801;
}

.mplinks a:hover {
	background: #417101;
	text-decoration: underline;
}

.mplinks a:hover i {
	border-bottom: 17px solid #417101;
}

.mplinks .ab i {
	/*background: url('../i/m/icon_mem.gif') no-repeat;*/
}

.mplinks .co i {
	/*background: url('../i/m/contacts.gif') no-repeat;*/
}

/* catalogue ready-prices */

/* phalbums */

.phalbum-item {
	float : left;
	width : 48%;
	min-height : 250px;
	margin : 0 1% 2% 1%;
	padding : 0px;
	overflow  : hidden;
	background: #efefef;
	/*outline: 1px solid #ccc;*/
}

@media all and (min-width:1100px) {
	.phalbum-item {
		float : left;
		width : 31%;
		min-height : 280px;
	}
	.main .phalbum-item {
		width : 23%;
		min-height : 290px;
	}
}

@media all and (min-width:1560px) {
	.phalbum-item {
		float : left;
		width : 23%;
		min-height : 290px;
	}
}

@media all and (max-width:680px) {
	.phalbum-item {
		float : left;
		width : 48%;
		min-height : 270px;
		margin-left: auto;
		margin-right: 1%;
	}
}

@media all and (max-width:520px) {
	.phalbum-item {
		float : none;
		width : 98%;
		min-height : 240px;
		margin-left: auto;
		margin-right: auto;
	}
}

.phalbum-item .phalbum-cover {
	display : block;
	width : 100%;
	height : 200px;
	margin : 0px;
	padding : 0px;
	overflow  : hidden;
	background : #333;
}

.phalbum-item .phalbum-cover img {
	width : 100%;
	height : 200px;
	border : none;
}

.phalbum-item .phalbum-title {
	color : #000;
	font-size : 1em;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	background: #efefef;
	
	display  : block;
	height   : 60px;
	padding  : 10px 0 0 10px;
	margin   : 0 2% 0 2%;
	overflow : hidden;
}

@media all and (max-width:680px) {
	.phalbum-item .phalbum-title {
		height   : 90px;
	}
}

@media all and (max-width:520px) {
	.phalbum-item .phalbum-title {
		height   : 60px;
	}
}

.phalbum-item small {
	display  : block;
	background: #A7CA65;
	padding  : 2% 0;
	text-align: center;
}

.phalbum-item:hover small {
	background: #5D9217;
}

.phalbum-item small a {
	color : #fff;
	font-size : 0.8em;
	font-weight: normal;
	text-decoration: none;
}

.phalbum-item small a:hover {
	text-decoration: underline;
}

.phalbum-item:hover, 
.phalbum-title:hover {
	background: #eee;
}

.main .phalbum-item:hover
.main .phalbum-title:hover {
	background: none;
}

/* person pages */

#categories-out.person #categories .line-title {
	display: block !important;
}

#categories-out.person #categories .line-more {
	display: none !important;
}


#categories-out.person #categories .line-title h1 {
	color: #fff;
}

#categories-out.person #categories .line-title {
	text-shadow: 1px 1px 1px #000;
}

#intro {
	width : 99%;
	text-align: left;
	margin-top: 10px;
}

#intro.gold {
	position : relative;
	background: #FCECB6;
}

h2.person {
	font-weight: bold;
	font-size: 1.2em;
	margin : -10px 0 20px 0;
}

.person-logo {
	float  : left;
	width  : 24%;
	height : auto;
	min-width  : 160px;
	min-height : 160px;
	max-width: 250px;
	max-height: 250px;
	margin : 0 1% 0 0;
	overflow: hidden;
}

.person-logo img {
	margin: 1% auto !important;
	border: none;
}

@media all and (max-width:699px) {
	.person-logo {
		float  : none;
		width  : 98%;
		max-width: 98%;
	}
	.person-logo img {
		float: left;
		margin-right: 20px !important;
	}
}

.person-logo #webrate {
	width: 1px;
	height: 1px;
	margin-top: 15px;
	visibility: hidden;
}

#intro-in .views {
	color: #E7A801;
	font-size: 0.8em;
}

.person-contacts {
	float  : left;
	width  : 49%;
	height : auto;
	min-width: 250px;
	min-height: 160px;
	margin : 0 1% 0 0;
	color  : #000;
	font-size: 9pt;
}

@media all and (max-width:699px) {
	.person-contacts {
		clear  : left;
		width  : 98%;
		margin : 1px auto 0 auto;
	}	
}

.person-contacts b {
	font-size: 1.4em;
	font-weight: 500;
}

.person-contacts a, .person-logo a {
	font-size: 1.5em;
	text-decoration: none;
	color: #222;
	font-weight: 600;
	text-shadow: 1px 1px 1px #fff;
}

.person-contacts .remmnote {
	color: #f00;
	font-size: 1.1em;
	font-style: normal;

}

.person-contacts .remmnote a {
	color: #f00;
	font-size: 1em;
	text-shadow: none;
}

.person-logo a.site {
	color: #4490CC;
	font-size: 1em;
}

.person-contacts a:hover, .person-logo #webrate a:hover {
	text-decoration: underline;
}

.person-contacts .icon {
	display : block;
	height : 35px;
	width  : 35px;
	float  : left;
	margin : 7px 5px 1px 0;
}

.person-contacts .pphone {
	background: url('//img.ukrbio.com/i/m/phone-icon.png') no-repeat;
}

.person-profile {
	float  : left;
	width  : 24%;
	margin : 0 1% 0 0;
}

@media all and (max-width:980px) {
	.person-profile {
		display: none;
	}
}

.person-profile b {
	color : #222;
	font-size : 1.1em;
	font-weight: 400;
}

.person-profile small {
	color : #222;
	font-size : 0.9em;
}

.person-map {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#intro .reccm {
	top  : -8px;
}

#intro h3 {
	color : #333;
	font-size : 1.2em;
	text-decoration: none;
}

#intro #intro-in {
	font-weight: normal;
	margin : 0px 0px 0px 0px;
	padding  : 20px 5px 10px 10px;
	background: #F8F8F8;
	text-align: left;
}

#intro.gold #intro-in {
	background: #FECA40;
}

#pinfo {
	clear : left;
	text-align: right;
	padding  : 20px 10px 5px 10px;
}

#pinfo span {
	color : #333;
	font-size : 0.9em;
}

#intro.gold #ppanel {
	background: #FCECB6;
}

#intro #photos {
	background: #F8F8F8;
}

#ppanel {
	padding  : 0px 0px 15px 10px;
	background: #F8F8F8;
}

#intro #ppanel b {
}

#intro-in ol, #intro-in ul {
	margin : 5px 5px 5px 15px;
}

#comment-block {
}

#comment-block a {
	text-decoration : none;
}

#comment-block b {
	text-decoration : underline;
}

#other_links {
	padding : 15px 0 20px 15px
}

#other_links h1, #other_links a {
	color  : #808080;
}

#other_links a:hover {
	color  : #000;
}

#person-page {
	clear  : left;
	padding : 1% 2%;

    max-width: 1000px;
    margin: 0 auto;
}

#person-page b.title {
	display : block;
	padding : 20px 0;
	font-size: 1.4em;
	font-weight: 300;
	text-transform: uppercase;
}

#person-page .photo-in {
	width  : 140px;
	height : 110px;
	padding : 5px 0px 0px 5px;	
	margin : 0 5px 10px 0 !important;
	background: #eee;
	border : 1px solid #fff;
}

.person-price {
	width  : 100%;
	background: #fff;
}

.person-price .dark {
	background: #52412D;
}

.person-price .ttitle th {
	color: #fff;
	text-align: center;
}

.person-price .fttitle th {
	color: #fff;
	text-align: center;
}



TABLE#price TD {
	padding  : 10px; 
	border-bottom: 2px solid #AA5C07; 
	border-right: 1px solid #efefef
} 

TABLE#price TD#t_title {
	background-color:#f5f5f5;
}

/**/

div.xx::before {
	height: 30px;
	width: 100%;
	content: "";
	display: block;
	position: absolute;
}

div.xx .z-title {
	display: inline-block;
	position: relative;
	top: -27px;
	background-color: #f6f6f6;
}

.icon-fire::before {
 content: '\e88a';
 color: #f66032;
}

[class*=" icon-"]::before, [class^="icon-"]::before {
 font-family: fontello;
 font-style: normal;
 font-weight: 400;
 speak: none;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 margin-right: .2em;
 text-align: center;
 font-variant: normal;
 text-transform: none;
 line-height: 1em;
 margin-left: .2em;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

/**/

.isense660 {
	width: 96%;
	height: 100px;
	overflow: hidden;
	margin: 15px auto 0 auto;
}

@media all and (max-width:660px) {
	.isense660 {
	}
}

.isense330x2 {
	width: 100%;
	min-height: 300px;
	overflow: hidden;
	margin: 20px 0 20px 0;
}

.isense330x2 .item {
	display: inline-block;
	width: 49%;
	min-width: 320px;
	padding: 10px 0;
	text-align: center;
	background: #EFEFEF;
	border: 1px solid #DDDDDD;
}

.isense330x2 .item-left {
	margin-right: 1%;
}

@media all and (max-width:360px) {
	.isense330x2 .item {
		width: 99%;
		margin: 0 auto 10px auto;
	}
	.isense330x2 .item-left {
		margin-right: 0;
	}
}

#article-content h1 {
	font-size: 2em;
	margin: 0px 0px 1em
}

#article-content h2 {
	font-size: 1.6em;
	margin: 0px 0px 1em
}

#article-content h3 {
	font-size: 1.2em;
	margin: 0px 0px 1em
}

#article-content blockquote, #content.news blockquote {
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 20px 0 0;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #c76c0c;
  border-right: 2px solid #c76c0c;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

#article-content blockquote::before, #content.news blockquote::before {
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

#article-content blockquote::after, #content.news blockquote::after {
  /*Reset to make sure*/
  content: "";
}

#article-content blockquote a, #content.news  blockquote a {
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

#article-content blockquote a:hover, #content.news blockquote a:hover {
 color: #666;
}

#article-content blockquote em, #content.news blockquote em  {
  font-style: italic;
}

/* a270 inside content */

#content.fullwidth {
	width: 99%;
	margin-left: 1%;
}

.a270 {
	float : left;
	width: 270px;
}

.w50 {
	float: left;
	width: 49%;
	margin-right: 1%;
}

.w50.h200 .item, .w50.h200 #subscr_block {
	min-height: 200px;
	margin-top: 30px !important;
}

@media all and (max-width:640px) {
	.w50 {
		float: none;
		width: 99%;
		margin-bottom: 30px;
	}
}

#content .info_a270_block .big_bnr {
	float: left;
}

#content .info_a270_block .goto-request {
	width: calc(99% - 540px);
	margin-right: 0.5%;
	margin-left: 0.5%;
	min-height: 270px;
	float: left;
}

@media all and (max-width:800px) {
	#content .info_a270_block .goto-request {
		width: 99%;
		float: none;
		min-height: unset;
	}
}

@media all and (min-width:800px) {
	#content.articles .a270 .big_bnr, #content.articles .a270 .bg-head, 
	#content.exhibitions .a270 .big_bnr, #content.exhibitions .a270 .bg-head, 
	#content.catalogue .a270 .big_bnr, #content.catalogue .a270 .bg-head, 
	#content.news .a270 .big_bnr, #content.news .a270 .bg-head {
		margin-top: 0px !important;
	}
}

@media all and (max-width:640px) {
	.a270 {
		clear: left;
		float : none !important;
		width: 270px;
		margin: 0 auto 20px auto;
	}
}

#content .info_a270_block .big_bnr {
	margin-top: 20px;
}

#content.fullwidth .info_intro {
	width: calc(99% - 270px);
	width: 99%;
	float: left;
	clear: left;
}

.h200 {
	min-height: 250px !important;	
	height  : 250px !important;
}

.h200 ul {
	min-height: 220px;	
	height  : 220px !important;
}

@media all and (max-width:640px) {
	.h200 {
		height  : unset !important;
	}
	#content.fullwidth .info_intro {
		width: 99%;
		float: none;
	}
}

.div950 {
width:100%;margin:20px auto;background:#D9E2EB;text-align:center;clear:left;
}

.div950 img {
border:none; width: 100%; max-width: 1100px;
}