#middle .wrp .left_column .content .portfolios { width:100%; float:left;}
#middle .wrp .left_column .content p.annohead { margin-bottom: 25px; text-align:center;padding:5px 0px}
#middle .wrp .left_column .content .portfoliosamples {margin-bottom: 25px; margin-left:10%; }

#middle .wrp .left_column .content .headerblock {
margin: 0px;
padding: 0px;
float: right;
background: #808080;
min-height: 365px;
width: 100%;
}

#middle #sub_footer .wrp, #sub_footer .wrp {
	width: auto;
padding: 35px 0px 35px 0px;
float: none;

}
#middle .wrp .left_column .content .headerblock h1 {
	background:#454A4D;
	padding: 37px 10px 37px 10px;
color: #fff;
text-transform: uppercase;
font-family: "CuprumFFURegular", Arial, Helvetica, sans-serif;
font-size: 13px;
letter-spacing: 0.2px;
text-align: center;
position: relative;
right: 0px;
float: left;
min-width: 105px;
}
#middle .wrp .left_column .content .headerblock .partdescription {
margin-left: 400px;
width: 48%;
float: none;
margin-top:25px;
}
#middle .wrp .left_column .content .headerblock .partdescription h3 {
font: 2.9em "HattoriHanzoLight", Arial, Helvetica, sans-serif;
color: #fff;
padding-top:25px;
padding-bottom:15px
}
#middle .wrp .left_column .content .headerblock .partdescription p {
font: 16px "HattoriHanzoLight","Times New Roman", Times, serif;
border: none;
padding-left: 0px;
margin-bottom: 0px;
color: #eaebdc;
width: 330px;
padding: 10px 0px 10px 0px;
}

#middle .left_column .content h2 {
	margin: -7px 5px 0px 5px;
font: 2.9em "CuprumFFURegular", Arial, Helvetica, sans-serif;
float:right;
width:250px;
text-align:center;
line-height:1em;
background:none;
padding:0px;
margin-bottom:5px;
}

#middle .wrp .left_column .content .present_text {
width: 100%;
padding-left: 0px;
margin-top: -30px;
}
#middle .wrp .left_column .content .present_text h4 {min-width: 105px;
text-align: center;
padding: 37px 10px 37px 10px;
background: #454A4D;
color: #fff;
text-transform: uppercase;
font-family: "CuprumFFURegular", Arial, Helvetica, sans-serif;
font-size: 13px;
letter-spacing: 0.2px;
position: relative;
top: 70px;
right: 0px;
float: right;
}
#middle .wrp .left_column .content .present_text .blueinform {
background-color: #00a1e5;
width: 68%;
min-height: 200px;
color: #c7e5ef;
float: left;
}
#middle .wrp .left_column .content .present_text .blueinform .name {
font-size: 119%;
padding-top: 10px;
padding-left: 25px;
margin-right:180px;
}
#middle .wrp .left_column .content .present_text .blueinform .body p {
font: 16px "HattoriHanzoLight","Times New Roman", Times, serif;
margin-top: 15px;
margin-left:5px;
line-height: 21px;
color: #fff;
margin-right: 250px;
text-align: right;
}
#middle .wrp .left_column .content .present_text .blueinform .body .intitl {
	width:100%
}
#middle .wrp .left_column .content .present_text .blueinform .clienticon {
	width:250px;
	float:right;
	margin-top:-15px;
	text-align:center;

}
#middle .wrp .left_column .content .present_text .blueinform .clienticon img {
	max-width:90%;
	margin:15px 5px 5px;
}
#middle .wrp .left_column .content .b_block {
width: 100%;
background: #e5e5e5;
margin-top:0px;
margin-bottom:0px;
}

#middle .wrp .left_column .content .b_block .textboard, #middle .wrp .left_column .content .b_block .rtextboard {
	width: 25%;
min-height: 130px;
height:390px;
background: url(../images/reshetkabackground.png);
letter-spacing: -0.03em;
float: left;
padding:15px 10px;
	overflow:hidden;
}
#middle .wrp .left_column .content .b_block .rtextboard { float:right; }
#middle .wrp .left_column .content .b_block .rtextboard p { margin:15px 30px 15px 0px; color: #8e8e8e; font-size:1.6em}
#middle .wrp .left_column .content .b_block .textboard p {
	font-size: 1.9em;
}
#middle .wrp .left_column .content .annohead {
margin-top:0px;
}
.portfoliosamples .sublist {
width: 125px;
float: left;
}
.portfoliosamples .sublist img {
max-height: 145px;
}

#middle .wrp .left_column .content .b_block .imagegallery .block_1 {
	height:420px;
}
/*#middle .wrp .left_column .content .b_block .imagegallery .block_1 img {
heght:420px
}*/

#middle .wrp .left_column .content .present_text a:link, #middle .wrp .left_column .content .present_text a:active, #middle .wrp .left_column .content .present_text a:visited {
	color: #fff;
	text-decoration:none;
}

#middle .wrp .left_column .content .present_text a:hover {
	border-bottom:1px solid #fff;
}

.colorhole {
background: url(../images/snippet01.png) no-repeat -1166px top;
}

.colorinform {
background-color: #808080;
}

.colorblack {
color: #fff;
}

.introduction p {
color: #eaebdc;
}
.introland .leftbox hr {
	height:1px;
	border-top: 1px solid #000;
	margin-left:45%;
	border-bottom: none;
	border-right:none;
	border-left:none;
	margin-bottom:10px;
	margin-top: 20px;
}
.leftbox #level_2 {
margin-left: 45%;
text-align: center;
padding: 0px;
}


#middle .wrp .otherpages_title {
color: #fff;
padding: 15px 0px;
width: 100%;
background-color: #3e3e3e;
float: left;
font-family: "HattoriHanzoLight", Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: lighter;
text-align:center;
margin: 0px;
}



#sub_block .bod_y .iconin {
background-image:none;
}


#sub_block .bod_y img {
display: block;
	height:auto;
filter: grayscale(100%);
filter: url(/template/basic/images/filters.svg#grayscale);
filter: gray;
-webkit-filter: grayscale(1);	}

.gallery_listing {
width: 98%;
margin: 25px 1%;

}
#sub_block .bod_y img:hover {
-webkit-filter: grayscale(0);
filter: none;
}
.left_column .content .logo_block3 { background-color: #fff; float:none; }
.left_column .content .logo_block3 .itemcontainer {	width:auto;}
.left_column .content .logo_block3 .itemcontainer .bo_dy {
 float: left;
margin: 10px;
display: inline;
text-align: center;
padding-top: 5px;
min-height: 70px;
	width:8%;

}

.left_column .content .logo_block2 .bo_dy {
 width: 14%;
 float:left;
margin:1px 0px 0px 0px; 
 display: inline;
 text-align:center;
 height:60px;
 padding-top:5px;
 padding-bottom:5px;
background:url(/template/basic/images/violetline.png) repeat-y;
border-top:1px solid #f5f5f5;
}

.left_column .content .logo_block .bo_dy a span.title { 
font-size:1.3em;
color: #fff;
}

.left_column .content .logo_block {
padding: 0px 0px 0px 0px;
}

.left_column .content .logo_block h3, .left_column .content .logo_block2 h3 {
 width: 105px;
 height: 60px;
 padding-left: 15px;
 padding-top: 60px;
 background: none repeat scroll 0% 0% #B400FF;
 color: #FFF;
 text-transform: uppercase;
 font-family: "CuprumFFURegular",Arial,Helvetica,sans-serif;
 font-size: 13px;
 letter-spacing: 0.2px;
 text-align: center;
 float: left;
}
 .left_column .content .logo_block .itemcontainer {
	margin-left:120px;margin-right:0%;margin-top:25px;background-color: #fff;padding-bottom:5px;
}

#middle .wrp {
max-width: 100% !important;
padding: 0px 0px 0px 0px;
}


.left_column .content .logo_block2 {
background-color: #E99C00;
padding: 0px 0px 25px 0px;
}

.left_column .content .logo_block2 .indlist {
margin-left: 250px;
}

.left_column .content .logo_block2 .indlist .bo_dy2 a div.title {
color: #fff;
font-size: 14px;
padding: 1px;
text-decoration: none;
width: 30%;
margin: 0px 1%;
float: left;
}
.left_column .content .logo_block3 .bo_dy a img {
max-width: 110px;
max-height:50px;
width:auto;
display: block;
margin: 0px auto;
filter: grayscale(100%);
filter: url(/template/basic/images/filters.svg#grayscale);
filter: gray;
-webkit-filter: grayscale(1);
}


#grid-container {
  width: 90%;
  margin: auto;
  overflow: hidden;
	padding-bottom:20px;
}
 
.grid-item {
  opacity: 0;
  float: left;
  padding: 5px;
  box-sizing: border-box;

}
.grid-item img {
  width: 100%;
  height: 100%;
}
.grid-item.loaded {
  opacity: 1;
  transition: opacity .5s;
}
	
.left_column .content .logo_block3 .bo_dy a img:hover {
-webkit-filter: grayscale(0);
filter: none;
}

 .left_column .content .logo_block .itemcontainer {
 margin:0px;
 }
.navigate {margin: 20px 6%;}

.listitem { background-color: #fff;}
.listitem .headline {line-height:1em;}
.listitem .date {font-size:0.8em;}
@media (max-width: 960px) {
.left_column .content .logo_block3 .itemcontainer .bo_dy { width:20%;}
.navigate { text-align:center;}
#middle .wrp .left_column .content .b_block .textboard, #middle .wrp .left_column .content .b_block .rtextboard { float:none; width:98%; padding:0px;margin:0px;height:auto;}
#middle .wrp .left_column .content .b_block .textboard p { font-size: 2.9em; padding: 0px 10px; }
#middle .wrp .left_column .content .b_block .rtextboard p { font-size: 2.2em; padding: 0px 10px; line-height: 1em; margin:0}
}
@media (max-width: 500px) {
 .left_column .content .logo_block3 .itemcontainer .bo_dy {
	 width:30%;
	}
}