@charset "utf-8";

@font-face
{
	font-family: "InmetrGerberaMedium";
	src: url("fonts/gerbera_medium.eot");
	src: url("fonts/gerbera_medium.eot?#iefix") format("embedded-opentype"),
		url("fonts/gerbera_medium.woff") format("woff"),
		url("fonts/gerbera_medium.ttf") format("truetype"),
		url("fonts/gerbera_medium.svg#JournalRegular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: "InmetrGerberaLight";
	src: url("fonts/gerbera_light.eot");
	src: url("fonts/gerbera_light.eot?#iefix") format("embedded-opentype"),
		url("fonts/gerbera_light.woff") format("woff"),
		url("fonts/gerbera_light.ttf") format("truetype"),
		url("fonts/gerbera_light.svg#JournalRegular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: "InmetrGerberaBold";
	src: url("fonts/gerbera_bold.eot");
	src: url("fonts/gerbera_bold.eot?#iefix") format("embedded-opentype"),
		url("fonts/gerbera_bold.woff") format("woff"),
		url("fonts/gerbera_bold.ttf") format("truetype"),
		url("fonts/gerbera_bold.svg#JournalRegular") format("svg");
	font-weight: normal;
	font-style: normal;
}

html, body
{
	height:100%;
	margin:0;
	padding:0;
}
body
{
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	font-family:Gerbera, InmetrGerberaLight;
	font-size:16px;
	color:#000000;
	font-weight:normal;
}

#topslider
{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;
	overflow:hidden;
}

div.topslider_line
{
	margin:0;
	padding:0;
	text-indent:0px;
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	display:table;
}

div.topslider_cell
{
	background-size:cover;
	background-position:center;
	display:table-cell;
	height:100%;
}

div.topslider_row
{
	display:table-row;
}

h1
{
	color:#325e9b;
	font-family:Gerbera, InmetrGerberaLight;
	font-size:20px;
	text-transform:uppercase;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:normal;
}

.logo
{
	display:block;
	width:100%;
	min-width:100px;
	max-width:247px;
	border:0;
}

.mainblock, .mainblock2
{
	width:100%;
	/*background-image:url(img/main.jpg);*/
	background-size:cover;
	background-position:center;
	position:relative;
	overflow:hidden;
}
.mainblock2
{
	background-image:none;
}

.mainblock_other, .mainblock_other_contacts, .mainblock_other_about
{
	background-image:url(img/other.jpg);
	background-size:cover;
	background-position:center;
	width:100%;
	height:50%;
}
.mainblock_other_contacts
{
	background-image:url(img/other_contacts.jpg);
}
.mainblock_other_about
{
	background-image:url(img/other_about.jpg);
}

.project_title
{
	width:100%;
	text-align:center;
	background-color:#FFFFFF;
	padding-bottom:30px;
}

.project_title_holder
{
	width:95%;
	text-align:left;
	display:inline-block;
}

.project_title_holder h1
{
	font-family:Gerbera, InmetrGerberaMedium;
	font-size:32px;
}

.page h1
{
	font-family:Gerbera, InmetrGerberaMedium;
	font-size:32px;
	width:90%;
}

.news
{
	font-family:Gerbera, InmetrGerberaMedium;
	font-weight:400;
	font-size:11px;
}

img.img_details
{
	float:left;
	margin:8px 0px 0px 11px;
}

.contentblock
{
	padding:30px;
	background-color:#FFFFFF;
	text-align:left;
}

.contentblock_contacts
{
	padding:4% 3% 3% 3%;
	background-color:#FFFFFF;
	text-align:left;
}

.contentblock2
{
	padding:30px;
	background-color:#325e9b;
	text-align:left;
}

.contentblock2 h1, .contentblock2 p, .contentblock2 span, .contentblock2 .news
{
	color:#FFFFFF;
}

.mapholder
{
	width:100%;
	display:block;
}

p
{
	font-family:Gerbera, InmetrGerberaLight;
	font-size:16px;
	margin-top:0px;
	margin-bottom:10px;
}

.contentblock p
{
	font-family:Gerbera, InmetrGerberaLight;
	font-size:16px;
	margin-top:0px;
	margin-bottom:20px;
}

.contentblock span
{
	font-family:Gerbera, InmetrGerberaLight;
	font-size:16px;
}

.item
{
	width:94%;
	vertical-align:top;
	margin:3% 0% 3% 0%;
	display:inline-block;
	cursor:pointer;
}

.item:hover .contentblock, .item:hover .contentblock2
{
	background-color:#b8e1dc;
}

.other_tablecell1 .item:hover .contentblock
{
	background-color:#FFFFFF;
	cursor:default;
}

#contentholder
{
	padding:3% 3% 3% 3%;
	-webkit-column-count:3;
	-moz-column-count:3;
	column-count:3;
	-webkit-column-gap:0px;
	-moz-column-gap:0px;
	column-gap:0px;
	text-align:center;
}

#contentholder_other
{
	display:table;
}
.other_tablerow
{
	display:table-row;
}
.other_tablecell1
{
	display:table-cell;
	vertical-align:top;
	padding:0;
}
.other_tablecell2
{
	display:table-cell;
	width:30%;
	min-width:300px;
	vertical-align:top;
	padding:0;
}
.other_tablecell_divider
{
	display:table-cell;
	width:3%;
}
.other_tablecell_divider30
{
	display:table-cell;
	width:30px;
}

.contacts_tablecell
{
	display:table-cell;
	vertical-align:top;
	padding:0;
}
.contacts_tablecell_divider
{
	display:table-cell;
	width:30px;
}

.contentholder_contacts
{
	display:table;
	width:100%;
	padding:0;
	margin:0;
}
.contentholder_contacts .tablerow
{
	display:table-row;
}
.contentholder_contacts .tablecell
{
	display:table-cell;
	width:50%;
}
.contentholder_contacts .divider
{
	display:table-cell;
	width:30px;
}
.contentholder_contacts .divider div
{
	width:30px;
}

#contentholder_other .item
{
	width:100%;
	margin:30px 0 0 0;
}

.maincontent
{
	width:100%;
	background-image:url(img/back_medium.jpg);
	background-repeat:repeat;
}

.fillscreen
{
	min-height:-webkit-calc(100% - 100px);
	min-height:calc(100% - 100px);
}

table.copy
{
	font-family:Gerbera, InmetrGerberaLight;
	font-size:16px;
	font-weight:normal;
	color:#000000;
}

textarea, input, input.btn
{
	font-family:Gerbera, InmetrGerberaLight;
	font-size:16px;
	font-weight:normal;
	color:#000000;
}
input.btn, input.btn:hover
{
	border:none;
	background:#325e9b;
	color:#FFFFFF;
}
input.btn:hover
{
	background:#b8e1dc;
}

a, a:hover
{
	text-decoration:none;
}
a
{
	color:#000000;
}
a:hover
{
	color:#345d9b;
}
a img
{
	border:0;
}

a.a_bold
{
	font-family:Gerbera, InmetrGerberaMedium;
	font-size:16px;
	font-weight:bolder;
	text-decoration:none;
	color:#000000;
}
a.a_bold:hover
{
	font-family:Gerbera, InmetrGerberaMedium;
	font-size:16px;
	font-weight:bolder;
	color:#345d9b;
	text-decoration:none;
}

a.a_menu
{
	font-family:Gerbera, InmetrGerberaLight;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
}
a.a_menu:hover
{
	font-family:Gerbera, InmetrGerberaLight;
	font-size:18px;
	font-weight:normal;
	color:#d9d9d9;
	text-decoration:none;
}

#mainblock_text_holder
{
	width:86%;
	background-color:#FFFFFF;
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:5;
	visibility:hidden;
}
#mainblock_text_holder div.mbth_inner
{
	padding:3%;
}

#mainblock_text_opener
{
    width:4%;
    margin:auto;
    background:#FFFFFF;
    overflow:hidden;
	position:absolute;
	z-index:10;
	right:89%;
	bottom:10px;
	cursor:pointer;
	text-align:center;
}
#mainblock_scrolldown
{
    width:4%;
    margin:auto;
    background:#FFFFFF;
    overflow:hidden;
	position:absolute;
	z-index:10;
	right:94%;
	bottom:10px;
	cursor:pointer;
	text-align:center;
}
#mainblock_text_opener:before, #mainblock_scrolldown:before
{
    content:"";
    padding-top:100%;
    float:left;
}

img.img_opener
{
	width:55%;
	height:auto;
	margin-top:22%;
}

#mobilemenubutton
{
	display:none;
	cursor:pointer;
	width:50px;
	height:34px;
	background-image:url(img/mobilemenubutton.jpg);
	background-repeat:no-repeat;
}

.menuitem
{
	display:inline-block;
	vertical-align:bottom;
	margin-right:4%;
	margin-top:4px;
}

.projtitle
{
	display:block;
	vertical-align:top;
	width:100%;
	padding-top:5px;
	overflow:hidden;
}
.projtitle h1
{
	font-size:32px;
	padding-right:5%;
	margin-top:0px;
}

.projtext
{
	display:inline-block;
	vertical-align:top;
	width:100%;
	text-align:left;
	margin-top:1%;
}
.projtext p
{
	margin-bottom:20px;
}

#menuholder
{
	display:block;
	background-color:#FFFFFF;
	z-index:400;
}

.tablecell_menu
{
	width:70%;
}

#article
{
	width:69%;
	display:inline-block;
	vertical-align:top;
	margin:0;
	text-align:left;
}
#same_articles
{
	width:26%;
	display:inline-block;
	vertical-align:top;
	margin:0;
	text-align:left;
}
div.article_divider
{
	width:2%;
	display:inline-block;
	margin:0;
}
#article_holder
{
	text-align:center;
}
div.same_articles_inner
{
	margin:3% 0% 0% 2%;
}

#mainmenu
{
	width:100%;
	height:80px;
	background-color:#FFFFFF;
	z-index:300;
	left:0px;
	top:20px;
	position:fixed;
}

.mainmenu_menu
{
	height:60px;
}

.beforemenu
{
	width:100%;
	height:100px;
	background-color:#FFFFFF;
}

.contacts_main_table
{
	display:table;
	width:100%;
}
.contacts_main_row
{
	display:table-row;
}
.contact_left_col
{
	width:32%;
	min-width:300px;
	display:table-cell;
	vertical-align:top;
}
.contact_right_col
{
	width:68%;
	min-width:300px;
	display:table-cell;
	vertical-align:top;
}

.simple_table
{
	display:table;
	width:100%;
}
.simple_row
{
	display:table-row;
}
.simple_cell
{
	display:table-cell;
}

@media screen and (max-width: 950px)
{
	#article
	{
		width:96%;
		display:inline-block;
		vertical-align:top;
		margin:0;
	}
	#same_articles
	{
		width:96%;
		display:inline-block;
		vertical-align:top;
		margin:0;
	}
	div.article_divider
	{
		width:0;
		display:none;
		margin:0;
	}
	div.same_articles_inner
	{
		margin:0;
	}
	div.same_articles_inner .item
	{
		width:100%;
	}
	
	.contact_left_col, .contact_right_col
	{
		width:100%;
	}
	
	.contacts_main_table
	{
		display:block;
		width:100%;
	}
	.contacts_main_row
	{
		display:block;
	}
	.contact_left_col
	{
		width:100%;
		display:block;
		vertical-align:top;
	}
	.contact_right_col
	{
		width:100%;
		display:block;
		vertical-align:top;
		padding-top:20px;
	}
}

.projtext_column2
{
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-gap:40px;
    -moz-column-gap:40px;
    column-gap:40px;
}

a.a_social, a.a_social:hover
{
	text-decoration:none;
}

div.social_instagram
{
	display:inline-block;
	width:50px;
	height:50px;
	background-image:url(img/social_instagram.png);
	background-size:cover;
}
div.social_facebook
{
	display:inline-block;
	width:50px;
	height:50px;
	background-image:url(img/social_facebook.png);
	background-size:cover;
}
div.social_odkl
{
	display:inline-block;
	width:50px;
	height:50px;
	background-image:url(img/social_odkl.png);
	background-size:cover;
}
div.social_vk
{
	display:inline-block;
	width:50px;
	height:50px;
	background-image:url(img/social_vk.png);
	background-size:cover;
}
div.social_divider
{
	display:inline-block;
	width:18px;
}

@media screen and (max-width: 700px)
{
	.logo
	{
		max-width:100px;
	}
	#mainmenu
	{
		height:50px;
		top:0px;
	}	
	.beforemenu
	{
		height:50px;
	}
	.mainmenu_menu
	{
		height:46px;
	}
	
	.maincontent
	{
		background-image:url(img/back_small.jpg);
	}
	
	.mainblock
	{
		background-image:url(img/main500.jpg);
	}
	
	.mainblock_other
	{
		background-image:url(img/other700.jpg);
	}
	.mainblock_other_contacts
	{
		background-image:url(img/other_contacts700.jpg);
	}
	.mainblock_other_about
	{
		background-image:url(img/other_about700.jpg);
	}
	
	#contentholder
	{
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
	}
	
	img.img_opener
	{
		width:70%;
		height:auto;
		margin-top:15%;
	}
	#mainblock_text_holder
	{
		width:87%;
		z-index:220;
	}
	#mainblock_text_opener
	{
		width:7%;
		right:80%;
	}
	#mainblock_scrolldown
	{
		width:7%;
		right:90%;
	}
	
	.projtitle, .projtext
	{
		width:100%;
	}
	.projtitle h1
	{
		font-size:22px;
		padding-right:0;
		margin-top:0px;
	}
	
	#contentholder_other
	{
		display:block;
	}
	.other_tablerow
	{
		display:block;
		text-align:center;
	}
	.other_tablecell1
	{
		display:inline-block;
		vertical-align:top;
		padding:0;
	}
	.other_tablecell2
	{
		display:inline-block;
		width:92%;
		vertical-align:top;
		padding:0;
	}
	
	a.a_menu, a.a_menu:hover
	{
		font-size:18px;
	}
	
	#menuholder
	{
		position:absolute;
		right:0px;
		top:34px;
		display:none;
		padding:25px;
		background-color:#FFFFFF;
		z-index:2000;
		text-align:left;
	}
	#mobilemenubutton
	{
		display:block;
	}
	.menuitem
	{
		display:block;
		margin-right:0;
		margin-top:10px;
	}
	
	.tablecell_menu
	{
		width:50%;
	}
	
	.contentholder_contacts
	{
		display:block;
		width:100%;
		padding:0;
		margin:0;
	}
	.contentholder_contacts .tablerow
	{
		display:block;
	}
	.contentholder_contacts .tablecell
	{
		display:block;
		width:100%;
	}
	.contentholder_contacts .divider
	{
		display:block;
		width:100%;
		height:30px;
	}
	
	.projtext_column2
	{
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
	}
	
	div.social_instagram
	{
		display:inline-block;
		width:30px;
		height:30px;
		background-image:url(img/social_instagram.png);
		background-size:cover;
	}
	div.social_facebook
	{
		display:inline-block;
		width:30px;
		height:30px;
		background-image:url(img/social_facebook.png);
		background-size:cover;
	}
	div.social_odkl
	{
		display:inline-block;
		width:30px;
		height:30px;
		background-image:url(img/social_odkl.png);
		background-size:cover;
	}
	div.social_vk
	{
		display:inline-block;
		width:30px;
		height:30px;
		background-image:url(img/social_vk.png);
		background-size:cover;
	}
	div.social_divider
	{
		display:inline-block;
		width:11px;
	}
}

@media screen and (max-width: 1100px) and (min-width: 701px)
{
	#contentholder
	{
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
	}
	
	.mainblock
	{
		background-image:url(img/main700.jpg);
	}
	
	.mainblock_other
	{
		background-image:url(img/other1100.jpg);
	}
	.mainblock_other_contacts
	{
		background-image:url(img/other_contacts1100.jpg);
	}
	.mainblock_other_about
	{
		background-image:url(img/other_about1100.jpg);
	}
	
	.projtitle, .projtext
	{
		width:100%;
	}
	.projtitle h1
	{
		font-size:26px;
		padding-right:0;
		margin-top:0px;
	}
}

@media screen and (min-width: 1800px)
{
	#contentholder
	{
		-webkit-column-count:4;
		-moz-column-count:4;
		column-count:4;
	}
	
	.mainblock_other
	{
		background-image:url(img/other2000.jpg);
	}
	.mainblock_other_contacts
	{
		background-image:url(img/other_contacts2000.jpg);
	}
	.mainblock_other_about
	{
		background-image:url(img/other_about2000.jpg);
	}
}