/* Start:/local/templates/.default/components/bitrix/menu/nologo/style.css?1532664896504*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative;}
ul.left-menu li{padding:10px 16px;background:#F5F5F5 url(/local/templates/.default/components/bitrix/menu/nologo/images/left_menu_bg.gif) top repeat-x;}
ul.left-menu li a{font-size:100%;color:#BC262C;font-weight:bold;text-decoration:none;}
ul.left-menu li a:visited{color:#BC262C;}
ul.left-menu li a:hover{color:#BC262C;}
ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover{color:#FC8D3D;}
/* End */


/* Start:/local/templates/nologo/styles.css?1760817887110*/
.fonted{
font-family: 'Open Sans';
}

#content .command .person.excluded img{
    height:initial !important;
}
/* End */


/* Start:/local/templates/nologo/template_styles.css?179102252480965*/
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans Regular");src:url(/local/templates/nologo/./fonts/OpenSansRegular.woff2) format("woff2"),url(/local/templates/nologo/./fonts/OpenSansRegular.woff) format("woff");font-display:block}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:local("Open Sans Light");src:url(/local/templates/nologo/./fonts/OpenSansLight.woff2) format("woff2"),url(/local/templates/nologo/./fonts/OpenSansLight.woff) format("woff");font-display:block}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:local("Open Sans Bold");src:url(/local/templates/nologo/./fonts/OpenSansBold.woff2) format("woff2"),url(/local/templates/nologo/./fonts/OpenSansBold.woff) format("woff");font-display:block}
@font-face{font-family:"Open Sans Condensed";font-style:normal;font-weight:700;src:local("Open Sans Condensed Bold");src:url(/local/templates/nologo/./fonts/OpenSansCondensedBold.woff2) format("woff2"),url(/local/templates/nologo/./fonts/OpenSansCondensedBold.woff) format("woff");font-display:block}
@font-face{font-family:"Open Sans Condensed";font-style:normal;font-weight:300;src:local("Open Sans Condensed Light");src:url(/local/templates/nologo/./fonts/OpenSansCondensedLight.woff2) format("woff2"),url(/local/templates/nologo/./fonts/OpenSansCondensedLight.woff) format("woff");font-display:block}
.opensbold{font-family:"Open Sans Condensed";font-weight:bold}
.lte8 .opensbold{font-family:"Open Sans Condensed Bold"}
.openslight{font-family:"Open Sans Condensed";font-weight:300}
.open{font-family:"Open Sans";font-weight:normal;font-style:normal}
.openitalic{font-family:"Open Sans";font-weight:normal;font-style:italic}
.openlight{font-family:"Open Sans";font-weight:300}
.clear{clear:both}
.uppercase{text-transform:uppercase}
.relative{position:relative}
.absolute{position:absolute}
.after{position:absolute;content:"\0000a0";display:block}
.sprite{background:url(/local/img/sprite.png) no-repeat}
.pointer{cursor:pointer}
.block{display:block}
.underline{text-decoration:underline}
.nounderline{text-decoration:none}
.normal{font-style:normal;font-weight:normal}
.italic{font-style:italic}
.bold{font-weight:bold}
.medium{font-weight:500}
.light{font-weight:300}
.nofont{font-size:0;color:transparent}
.displaynoneY{display:none!important}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:""}
abbr,acronym{border:0}
header,nav,section,article,aside,footer{display:block}
body{font:15px/22px Arial,Tahoma,Verdana,sans-serif;color:black;background:white}
body.workspage{background:black}
a{color:black;outline:none;text-decoration:underline;-webkit-transition-duration:.15s;-moz-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;background:transparent}
.touch_no a:hover,.touch_yes a:active{text-decoration:none}
p{margin:0 0 18px}
img{border:none}
input{vertical-align:middle}
.clear{clear:both}
.structural{display:none}
.noSelect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
body :active,body :focus{background-color:transparent;background:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}
input,textarea{-webkit-appearance:none;-webkit-border-radius:0}
.wrapper{min-width:200px;max-width:960px;margin:0 auto;padding:0 20px}
.js_detect_mode{display:none}
.js_detect_mode_desktop{display:block}
.logo{font-size:0;background:url(/local/img/sprite.png) no-repeat;margin:90px auto 0}
.logo,.logo a{display:block;width:100px;height:100px}
.work_detail_page{overflow-x:hidden}
#header{font:300 16px "Open Sans Condensed";height:100px;width:100%;background:black;overflow:hidden;position:fixed;top:0;left:0;z-index:990}
.isAdmin #header{top:39px}
.work_detail_page #header{top:-100px;overflow:hidden}
#header .logo{margin-left:15px;float:left;margin-top:0;position:absolute;left:0;top:0;opacity:1!important}
#header .lang{float:right;font-size:0;height:19px;overflow:hidden;width:32px;position:relative;display:inline-block;vertical-align:top}
#header .lang a{display:inline-block;width:20px;height:12px;background:url(/local/img/sprite.png) no-repeat;margin:3px 2px;color:transparent}
.ie7 #header .lang a{color:transparent}
.ie7 #header .lang{display:inline;zoom:1}
#header .lang a.lang_en{background-position:0 -100px}
#header .lang a.lang_ru{background-position:-20px -100px}
#header span{display:inline-block;float:left;margin:0 0 0 23px;text-transform:uppercase}
.ie7 #header span{display:inline;zoom:1}
#header span.phone{margin-left:4px}
#header span a{color:black;text-decoration:none}
.touch_no #header span a:hover,.touch_yes #header span a:active{text-decoration:underline}
#header .slogan{font-size:0;text-align:center;margin:6px 0 53px}
#header .slogan img{max-width:100%}
#header nav{float:right;background:black;font:bold 15px "Open Sans Condensed";text-transform:uppercase;padding:25px 0 0;height:52px;overflow:hidden}
#header nav .item{float:left;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}
#header nav .item.active .a,#header nav .item:hover a{color:#666666}
.ie7 #header nav .item{z-index:expression(runtimeStyle.zIndex = 1,runtimeStyle.width = parentNode.offsetWidth/6 - 2 + "px");height:50px}
#header nav .item a,#header nav .item .a{display:block;color:white;text-decoration:none;-moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-moz-transition-property:color;-webkit-transition-property:color;-o-transition-property:color;transition-property:color;background:transparent}
#header nav .item .a,#header nav .item a{padding:15px 25px}
.lte8 #header nav{font-family:"Open Sans Condensed Bold"}
.social{float:right;padding:40px 45px 0 48px}
.social a.outer{color:transparent;font-size:0;display:block;height:20px;width:20px;background:url(/local/img/sprite.png) no-repeat 0 -125px black;float:left;left:-147px;top:23px;opacity:.5;padding:0 0 0 3px;margin-right:8px}
.social a.outer.outer:hover{opacity:1}
.social a.outer.twitter{background-position:-78px -478px}
.social a.outer.vk{background-position:0 -184px;padding-left:5px}
.social a.outer.lj{background-position:0 -215px}
.social a.outer.google{background-position:0 -480px;color:transparent}
.social a.outer.aia{background-position:-163px -480px;color:transparent;width:30px;height:28px;margin-top:-4px;margin-left:11px;opacity:.65}
#content .social{float:none;padding:0}
#content .social .outer{background-color:transparent;-moz-opacity:.8;-khtml-opacity:.8;-webkit-opacity:.8;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);filter:alpha(opacity=80);padding-top:1px;background-position:-40px -124px}
#content .social .outer.twitter{background-position:-40px -152px}
#content .social .outer.vk{background-position:-40px -183px;margin-right:5px}
#content .social .outer.lj{background-position:-40px -214px}
#content .social .outer.google{background-position:-40px -478px;color:transparent}
#content .social .outer.aia{background-position:0 -560px;color:transparent;margin-left:5px;margin-top:-2px}
#header #bx-composite-banner{float:left;text-transform:none;padding:0;margin-top:-5px;width:101px;height:31px;margin-right:21px}
#header #bx-composite-banner .bx-composite-btn{font-weight:300!important;font-family:"Open Sans Condensed"!important;font-size:11px!important;line-height:13px!important;width:42px;-moz-transition-duration:0s;-webkit-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;-moz-opacity:.5;-khtml-opacity:.5;-webkit-opacity:.5;opacity:.5;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);filter:alpha(opacity=50)}
#header #bx-composite-banner .bx-composite-btn:hover{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100)}
.projects{position:fixed;overflow:hidden;z-index:1;padding-top:100px;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;background:#343738}
.projects.fake{position:relative;background:none;z-index:0;padding-top:0}
.projects .navigation{position:absolute;top:40%;margin:20px 0 0;left:0;-moz-transition-duration:0s;-webkit-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
.projects .navigation.navnext{left:auto;right:0}
.projects .shadow{position:absolute;top:0;left:0}
.projects .shadow.mask{width:calc(100% + 20px);height:calc(100% + 20px);top:-10px;left:-10px}
.projects .all_projects{position:relative;width:100%;height:100%}
.projects .project{width:100%;height:100%;position:absolute;top:0;left:0;display:none}
.projects .project .photo{position:absolute;z-index:1}
.projects .project .photo.grayscale{z-index:5}
.projects .project .about_project{position:absolute;width:61.25%;left:19.38%;z-index:50;color:white;top:37%;margin-top:auto!important;top:auto!important;bottom:50%!important;margin-bottom:-70px}
.projects .project .about_project .date{font-family:"Open Sans Condensed";font-weight:bold;font-size:14px;text-transform:uppercase}
.lte8 .projects .project .about_project .date{font-family:"Open Sans Condensed Bold"}
.projects .project .about_project .h1{font-family:"Open Sans Condensed";font-weight:bold;text-transform:uppercase;font-size:50px;line-height:60px;padding:8px 0 3px}
.lte8 .projects .project .about_project .h1{font-family:"Open Sans Condensed Bold"}
.projects .project .about_project .h2{font-family:"Open Sans Condensed";font-weight:300;text-transform:uppercase;font-size:26px;line-height:32px;width:430px}
.projects .project .about_project .spheres{margin-top:30px;position:relative}
.projects .project .about_project .spheres:before{position:absolute;content:"\0000a0";display:block;border-top:1px solid white;width:20%;top:-15px}
.projects .project .about_project .spheres li{float:left;margin-left:16px;font-family:"Open Sans";font-weight:normal;font-style:normal;font-size:12px;position:relative}
.projects .project .about_project .spheres li.first{list-style:none;margin-left:0}
.projects .project .about_project .spheres li.first:before{display:none}
.projects .project .about_project .spheres li:before{position:absolute;content:"\0000a0";display:block;top:50%;margin-top:-1px;right:100%;margin-right:6px;width:4px;height:4px;background:white}
.projects .project .about_project .learn_more{background:black;color:white;font-family:"Open Sans Condensed";font-weight:bold;text-transform:uppercase;font-size:15px;display:block;float:left;padding:8px 127px 10px 10px;position:relative;-moz-transition-duration:0s;-webkit-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;text-decoration:none;margin-top:62px}
.lte8 .projects .project .about_project .learn_more{font-family:"Open Sans Condensed Bold"}
.projects .project .about_project .learn_more .arrow{position:absolute;background:url(/local/img/sprite.png) no-repeat;right:17px;top:50%;width:19px;height:9px;margin-top:-5px;background-position:-163px -447px}
.projects .project .about_project .learn_more:hover{color:black;background:white}
.projects .project .about_project .learn_more:hover .arrow{background-position:-90px -447px}
.projects .project.inactive{z-index:3}
.projects .project.current{z-index:5}
.projects .slides_list{bottom:4%;position:absolute;margin-bottom:100px;text-align:center;width:100%;line-height:0;z-index:10}
.projects .slides_list .slides_holder{float:left;position:relative;left:50%}
.projects .slides_list .item{margin-right:10px;width:12px;height:12px;background:white;display:block;float:left;position:relative;left:-50%;cursor:pointer}
.projects .slides_list .item:hover{background:#666}
.projects .slides_list .item.active,.projects .slides_list .item.active:hover{background:black;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100)}
.projects .slides_list .item.last{margin-right:0}
.projects .shadow{position:absolute;width:100%;height:100%;z-index:3;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUUyQ0FBQ0JGQjc4MTFFMjhDNDZGQzI0MDNEN0NDNDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUUyQ0FBQ0NGQjc4MTFFMjhDNDZGQzI0MDNEN0NDNDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RTJDQUFDOUZCNzgxMUUyOEM0NkZDMjQwM0Q3Q0M0MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RTJDQUFDQUZCNzgxMUUyOEM0NkZDMjQwM0Q3Q0M0MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvKnrlUAAAATSURBVHjaYmBgYPBlQAK+AAEGAASVAJsYTuZ6AAAAAElFTkSuQmCC)}
.projects .shadow.mask{z-index:7;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowQ0Q1QjNBNUUxMTZFMjExOEQ4NUVFNTk1QzY3MjkzQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QUQ1NzU1QkZCNzQxMUUyOEY3RDhGNkRDQzQ4OEU3MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QUQ1NzU1QUZCNzQxMUUyOEY3RDhGNkRDQzQ4OEU3MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE3MjJCM0M1REJGOUUyMTFCQjFBODA4QkJENThDMDJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBDRDVCM0E1RTExNkUyMTE4RDg1RUU1OTVDNjcyOTNDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+h2pUmgAAABdJREFUeNpiZmBgaADiz8wgAoh9AQIMABXtArqsgit8AAAAAElFTkSuQmCC)!important}
.projects .mouse{width:43px;height:66px;position:absolute;bottom:4%;background:url(/local/img/mouse.png);left:50%;margin-left:-21px;z-index:100}
.projects .mouse .mouse_scroll{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/local/img/scroll_anim.gif)}
.projects .projects_count{z-index:99;height:61px;width:275px;position:absolute;top:40%;left:50%;margin-left:-137px;margin-top:-30px;border-top:1px solid #9b9b9a;border-bottom:1px solid #9b9b9a;font-size:24px;line-height:57px;font-family:"Open Sans Condensed";font-weight:300;color:white;text-align:center;display:none}
.projects .projects_count strong{font-family:"Open Sans Condensed";font-weight:bold}
.lte8 .projects .projects_count strong{font-family:"Open Sans Condensed Bold"}
.projects.start .about_project{display:none}
.projects.start .shadow{background:rgba(0,0,0,0.75)!important}
.projects.start .shadow.mask{display:none}
.projects.start .photo.grayscale{display:none}
.projects.start .projects_count{display:block}
.projects.not_started .preload{background:black}
.projects.not_loaded .preload{display:block}
.projects .preload{position:absolute;width:100%;height:100%;z-index:9999;display:none}
.projects .preload .preload_img{position:absolute;top:40%;left:50%;margin-left:-15px;margin-top:-15px}
#content.mainpage{padding-top:0;position:absolute;top:100%;left:0}
#content{padding-top:100px}
.work_detail_page #content{padding-top:0}
#content .cont_container{position:relative;z-index:500;background:white;clear:both;clear:both}
#content .back_to_top,#content .back_to_list{border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;width:100%;height:52px;background:white;color:black;font-family:"Open Sans Condensed";font-weight:bold;text-transform:uppercase;font-size:15px;line-height:50px;text-align:center;display:block;position:relative;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:20px}
.lte8 #content .back_to_top,.lte8 #content .back_to_list{font-family:"Open Sans Condensed Bold"}
#content .back_to_top .arrow,#content .back_to_list .arrow{background:url(/local/img/sprite.png) no-repeat;background-position:0 -260px;width:9px;height:5px;position:relative;display:inline-block;margin-left:12px;top:-4px}
.touch_no #content .back_to_top:hover,.touch_yes #content .back_to_top:active,.touch_no #content .back_to_list:hover,.touch_yes #content .back_to_list:active{background:black;color:white}
.touch_no #content .back_to_top:hover .arrow,.touch_yes #content .back_to_top:active .arrow,.touch_no #content .back_to_list:hover .arrow,.touch_yes #content .back_to_list:active .arrow{background-position:0 -250px}
#content .back_to_top.black,#content .back_to_list.black{background:black;color:white}
#content .back_to_top.black .arrow,#content .back_to_list.black .arrow{background-position:0 -250px}
.touch_no #content .back_to_top.black:hover,.touch_yes #content .back_to_top.black:active,.touch_no #content .back_to_list.black:hover,.touch_yes #content .back_to_list.black:active{background:white;color:black}
.touch_no #content .back_to_top.black:hover .arrow,.touch_yes #content .back_to_top.black:active .arrow,.touch_no #content .back_to_list.black:hover .arrow,.touch_yes #content .back_to_list.black:active .arrow{background-position:0 -260px}
#content .back_to_top.contact,#content .back_to_list.contact{position:fixed;display:none;bottom:0;border-top:0;border-bottom:0;z-index:999}
#content .back_to_list{border-top:0}
#content #abouttext{margin:30px 0 75px;overflow:hidden}
#content #abouttext .slogan,#content .service_detail h3{text-align:center;font-family:"Open Sans";font-weight:300;font-size:26px;line-height:40px;padding:35px 0 72px}
#content #abouttext .insert,#content .blackinsert{padding:50px 0 80px;background:url(/local/img/about_back.jpg) center top no-repeat;position:relative;left:-1%;width:102%;background:black;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/local/img/about_back.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/local/img/about_back.jpg',sizingMethod='scale')"}
#content #abouttext .insert .right,#content .blackinsert .right{float:right;width:48%;margin:0;font-family:"Open Sans";font-weight:normal;font-style:normal;font-size:14px;line-height:26px;color:white}
#content #abouttext .insert .left,#content .blackinsert .left{float:left;margin:0 4% 0 0;width:48%;font-family:"Open Sans";font-weight:normal;font-style:normal;font-size:14px;line-height:26px;color:white}
#content #abouttext .insert p,#content .blackinsert p{margin:0}
#content .clients h2,#content .news_posts h2,#content .history h2,#content .command h2{min-width:200px;max-width:960px;margin:5px auto 7px;font:42px "Open Sans Condensed";text-transform:uppercase;text-align:center;padding:51px 0}
#content .subhead{padding:2px 0 78px;text-align:center;font-family:"Open Sans";font-weight:normal;font-style:normal;font-size:12px}
#content .subhead span{background:black;color:white;padding:5px 10px}
#content .services article{border-bottom:1px solid #d9d9d9;-webkit-transition-duration:.35s;-moz-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;padding:50px 0 45px}
#content .services article h2{font-size:40px;line-height:120%;font-family:"Open Sans Condensed";font-weight:300;text-transform:uppercase;margin:0 0 24px;text-align:center}
#content .services article .descr{font-family:"Open Sans";font-weight:300;color:#4c4c4c;font-size:20px;line-height:30px;padding-left:7.3%;padding-left:0}
#content .services article .descr ul{border-top:1px solid #d9d9d9;font-size:14px;margin-top:43px;padding-top:34px;margin-bottom:18px}
#content .services article .descr ul li{width:50%}
#content .services article .descr ul li:before{content:"\2014\a0\0000a0\0000a0"}
#content .services article .descr ul li:nth-child(2n + 1){float:right}
#content .services article .descr p{text-align:center}
#content .services article.last{border-bottom:0}
#content .services article a{border-bottom:1px solid #666666}
#content .services article a:hover{border-bottom:0;color:#4c4c4c}
#content .reviews article{border-bottom:1px solid #d9d9d9;clear:both;padding:55px 0 38px}
#content .reviews article.last{border-bottom:0}
#content .reviews figure{width:31%;margin:0}
#content .reviews figure a{display:block;margin:0 0 0 23px;color:#b2b2b2}
#content .reviews figure a:hover{color:black}
#content .reviews figure img{max-width:100%;margin-bottom:16px}
#content .reviews .reviewBody{width:68%;float:right;font-family:"Open Sans";font-weight:normal;font-style:normal;font-size:14px;line-height:22px;color:#4c4c4c;padding:0 0 0 20px;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#content .reviews .reviewBody .signature{font-size:14px;color:#737373;font-style:italic;margin-top:52px;font-family:Arial;margin-bottom:0}
#content .reviews .reviewBody .pdf_link{display:block;float:left;margin:58px 13px 10px 0;font-size:12px;color:#d4d4d4;font-family:"Open Sans";font-weight:normal;font-style:normal;width:30px;height:30px;line-height:30px;text-align:center;border:1px solid #d9d9d9}
#content .reviews .reviewBody p + .pdf_link{margin-top:40px}
#content .history{background:black;color:white;padding:83px 0 90px;text-align:center}
#content .history h2{padding:0}
#content .history h2,#content .history .subhead{display:inline;font-size:30px;line-height:120%;text-transform:uppercase;white-space:nowrap}
#content .history .subhead{font-family:"Open Sans Condensed";font-weight:bold}
.lte8 #content .history .subhead{font-family:"Open Sans Condensed Bold"}
#content .history article{vertical-align:top;display:inline-block;width:33%}
#content .history article h3{color:black;font-family:"Open Sans Condensed";font-weight:300;text-align:left;font-size:40px;float:left;width:80px;padding:8px 0 0}
#content .history article p{font-family:"Open Sans";font-weight:normal;font-style:normal;font-size:13px;line-height:20px;color:#808080;margin-left:80px;padding:0 20px 22px 0}
#content .textsection{padding:45px 0;border-bottom:1px solid #d9d9d9}
#content .textsection h1{font:42px "Open Sans Condensed";text-transform:uppercase}
#content .command{padding:40px 0 0;border-top:1px solid #d9d9d9}
#content .command h2{padding:0}
#content .command .subhead{padding-bottom:107px}
#content .command .wrapper{overflow:hidden;position:relative}
#content .command h1{font:42px "Open Sans Condensed";text-transform:uppercase}
#content .command .person{margin:0;max-width:320px;float:left;width:25%;margin-bottom:26px;position:relative}
#content .command .person .img_holder{background:#eee;line-height:0}
#content .command .person img{width:100%;height:auto;-moz-box-sizing:border-box;box-sizing:border-box}
#content .command .person img.color{display:none;position:absolute;left:0;top:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0)}
#content .command .person span{display:block;text-align:center;font-size:12px}
#content .command .person .highlight{text-transform:uppercase;font-family:"Open Sans Condensed";font-weight:bold;font-size:18px;margin:9px 15px 0;line-height:122%;height:51px}
.lte8 #content .command .person .highlight{font-family:"Open Sans Condensed Bold"}
#content .command .person .jobTitle{color:#808080;font-family:"Open Sans";font-weight:normal;font-style:normal;height:45px;line-height:14px;margin:0 15px}
#content .command .person a{color:transparent;font-size:0;display:block;margin:23px auto 0;height:30px;width:30px;background:url(/local/img/sprite.png) no-repeat scroll -90px -259px black;border:1px solid black;-webkit-transition-property:background-color;-moz-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}
#content .command .person a:hover{background-color:white;background-position:-124px -259px}
#content .ratings{text-align:center;font-size:0;line-height:0}
#content .ratings h2{margin-bottom:62px}
#content .ratings .person{display:inline-block;vertical-align:top;float:none}
#content .ratings .person .img_holder{background:none}
#content .ratings .person .number{display:block;font-family:"Open Sans Condensed";font-weight:bold;font-size:100px;line-height:120%;color:#b2b2b2;position:relative;padding-bottom:18px;margin-bottom:26px}
.lte8 #content .ratings .person .number{font-family:"Open Sans Condensed Bold"}
#content .ratings .person .number:after{position:absolute;content:"\0000a0";display:block;background:black;left:50%;bottom:-1px;margin-left:-10px;width:20px;height:1px}
#content .ratings .person .highlight{font-family:"Open Sans Condensed";font-weight:300}
#content .blogposts.newslist article .blogtext{padding-left:0}
#content .blogposts.newslist article:last-child{border-bottom:0}
#content .blogposts.newslist article .blogtext{padding-left:0}
#content .blogposts.newslist article h3 a{color:#919191}
#content .blogposts.newslist article h3 a:hover{color:#434343}
#content .feedback{width:42%;float:right;padding:41px 0 45px}
#content .feedback .ie7 *{margin-top:26px}
#content .feedback form{font-family:"Open Sans";font-weight:normal;font-style:normal;float:right;width:100%;max-width:320px}
#content .feedback .result{max-width:320px;width:100%;float:right;color:green;text-align:right}
#content .feedback .row.textarea{position:relative}
#content .feedback .row.textarea label{position:absolute;left:0;top:0}
#content .feedback .row.textarea textarea{margin-left:30%}
#content .feedback .row.checkbox{display:none}
#content .feedback input[type="submit"]{position:relative;margin-right:1%;-moz-transition-property:color,background-color;-webkit-transition-property:color,background-color;-o-transition-property:color,background-color;transition-property:color,background-color}
#content form h1{font-family:"Open Sans Condensed";font-weight:bold;text-transform:uppercase;font-weight:bold;font-size:15px;line-height:210%;margin-bottom:42px}
.lte8 #content form h1{font-family:"Open Sans Condensed Bold"}
#content form label{font-size:12px;color:#908e93;width:30%;display:block;float:left;margin:4px 0 8px;position:relative}
#content form label .error{display:block;position:absolute;left:325px;top:-4px;color:white;background:black;border:1px solid black;padding:4px 8px;white-space:nowrap}
#content form label .error:hover{background:white;color:black}
#content form input[type="text"],#content form input[type="email"],#content form input[type="submit"],#content form textarea{border:1px solid #d9d9d9;font-family:"Open Sans";font-weight:normal;font-style:normal;background:transparent;margin-bottom:8px;outline:none}
#content form input[type="text"].errorfield,#content form input[type="email"].errorfield,#content form textarea.errorfield{-webkit-box-shadow:0 0 3px red;-moz-box-shadow:0 0 3px red;box-shadow:0 0 3px red}
#content form input[type="text"],#content form input[type="email"]{height:30px;padding:5px;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;color:#908e93;width:69%}
#content form textarea{padding:8px 5px;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:80px;width:69%;font-size:12px;color:#908e93;resize:none}
#content form input[type="submit"]{margin:14px 0 0;font-size:12px;padding:9px;float:right;cursor:pointer;-webkit-transition-duration:.35s;-moz-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s}
#content form input[type="submit"].form_added{display:none;cursor:default}
#content form input[type="text"].errorfield:hover,#content form input[type="email"].errorfield:hover,#content form textarea.errorfield:hover,#content form input[type="text"].errorfield:focus,#content form input[type="email"].errorfield:focus,#content form textarea.errorfield:focus{border:1px solid #d9d9d9}
#content .contacts{width:58%;padding:41px 0 45px;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#content .contacts dl{font-size:15px;line-height:210%}
#content .contacts dl dt{width:95px;float:left;font-weight:bold;margin-bottom:22px;font-family:"Open Sans Condensed";font-weight:bold;text-transform:uppercase}
.lte8 #content .contacts dl dt{font-family:"Open Sans Condensed Bold"}
#content .contacts dl dd{font-size:12px;padding-left:95px;margin-bottom:22px;font-family:"Open Sans";font-weight:normal;font-style:normal}
#content .contacts dl dt.nomargin,#content .contacts dl dd.nomargin{margin:0}
#content .contacts a{color:#666666}
#content .contacts a:hover{color:black}
#content .contacts .contactType{font-family:"Open Sans";font-weight:normal;font-style:italic}
#content .contacts .contactPoint{display:block}
#content .contacts .on_map{display:none}
#content .gmap{background:#f6f6f6;height:100%;position:fixed;top:0;left:0;z-index:10;clear:both;width:100%;margin:0}
#content .gmap.fake{position:relative;margin:0}
#content .gmap #map{height:100%;width:100%}
#content .static_holder{position:relative;z-index:50;background:white}
#content .works{background:black;line-height:0}
#content .works .line{width:25%;float:left;overflow:hidden}
#content .works .portfolio-img{position:relative;cursor:pointer;display:block}
#content .works .portfolio-img .descr{position:absolute;left:0;top:50%;width:100%;text-align:center;margin-top:-44px;height:88px;z-index:10;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0);font-family:"Open Sans Condensed";font-weight:bold;text-transform:uppercase;font-size:18px;line-height:120%;color:#808080}
.lte8 #content .works .portfolio-img .descr{font-family:"Open Sans Condensed Bold"}
#content .works .portfolio-img .descr h1{color:black;font-family:"Open Sans Condensed";font-weight:bold;margin-bottom:34px}
.lte8 #content .works .portfolio-img .descr h1{font-family:"Open Sans Condensed Bold"}
#content .works .portfolio-img .descr h2{font-family:"Open Sans Condensed";font-weight:300;font-size:14px;line-height:19px;color:black}
#content .works .portfolio-img img{width:100%;height:auto}
#content .works .portfolio-img img.img_for_load{display:none}
#content .works .portfolio-img.empty{display:none;cursor:default}
#content .works .portfolio-img.empty .descr{height:22px;margin-top:-11px;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100)}
#content .works .portfolio-img.empty:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
#content .works .portfolio-img .shadow{position:absolute;width:100%;height:100%;background:black!important;opacity:.2!important;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);filter:alpha(opacity=20);top:0;left:0;transition:.3}
#content .works .portfolio-img:hover{z-index:20}
#content .works .portfolio-img:hover .shadow{background:white!important;opacity:.75!important}
#content .works .portfolio-img.viewed .shadow{-moz-opacity:.75;-khtml-opacity:.75;-webkit-opacity:.75;opacity:.75;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);filter:alpha(opacity=75)}
#content .works .portfolio-img .preload{display:none}
#content .works .portfolio-img.not_loaded .shadow{background:black;-moz-opacity:.75;-khtml-opacity:.75;-webkit-opacity:.75;opacity:.75;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);filter:alpha(opacity=75)}
#content .works .portfolio-img.not_loaded .descr{display:none}
#content .works .portfolio-img.not_loaded .preload{position:absolute;width:100%;height:100%;z-index:9999;display:block;left:0;top:0}
#content .works .portfolio-img.not_loaded .preload .preload_img{display:block;position:absolute;top:45%;left:50%;margin-left:-15px;margin-top:-15px;width:auto;height:auto}
#content .works .portfolio-img.not_loaded.first_load .work_img{display:none}
#content .works .portfolio-img.not_loaded.first_load .descr{display:block;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100);z-index:10000;top:47%}
#content .works .portfolio-img.not_loaded.first_load .descr h1,#content .works .portfolio-img.not_loaded.first_load .descr h2{color:white}
#content .works .portfolio-img.not_loaded.first_load .img_for_load{display:block}
#content .works .portfolio-img.not_loaded:hover{cursor:default}
#content .works .portfolio-img.inactive{cursor:default}
.isAdmin #content .works .portfolio-img{overflow:hidden;-moz-transition-duration:0s;-webkit-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
.isAdmin #content .works .img_original{position:absolute;top:0;z-index:0;left:0}
#content .works_detail{position:relative;width:100%;height:100%;background:white;padding-bottom:50px;overflow:hidden;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;left:0;z-index:59}
#content .works_detail .project_img{position:absolute;bottom:200%}
#content .works_detail .icon{display:block;position:absolute;z-index:50;right:12px;background:url(/local/img/sprite.png) no-repeat;background-color:black;width:40px;height:40px;cursor:pointer;-moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-moz-transition-property:background-color;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}
#content .works_detail .icon.close{background-position:0 -300px;top:60px}
.touch_no #content .works_detail .icon.close:hover,.touch_yes #content .works_detail .icon.close:active{background-position:-40px -300px}
#content .works_detail .icon.info{background-position:0 -380px;top:100px;display:none}
.touch_no #content .works_detail .icon.info:hover,.touch_yes #content .works_detail .icon.info:active{background-position:-40px -380px}
#content .works_detail .icon.prevProj{background-position:0 -340px;bottom:190px}
.touch_no #content .works_detail .icon.prevProj:hover,.touch_yes #content .works_detail .icon.prevProj:active{background-position:-40px -340px}
#content .works_detail .icon.nextProj{background-position:0 -420px;bottom:150px}
.touch_no #content .works_detail .icon.nextProj:hover,.touch_yes #content .works_detail .icon.nextProj:active{background-position:-40px -420px}
.touch_no #content .works_detail .icon:hover,.touch_yes #content .works_detail .icon:active{background-color:white}
#content .works_detail .left_block{position:relative;z-index:5;width:100%;max-width:1292px;height:100%;padding:0;overflow:hidden;text-align:center;line-height:0}
#content .works_detail .left_block img{max-width:100%;height:auto;display:block}
#content .works_detail .left_block .viewport{height:100%;position:relative;width:100%;line-height:0;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}
#content .works_detail .left_block .overview{list-style:none;position:absolute;left:0;top:0;width:100%;line-height:0;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto!important}
#content .works_detail .left_block .thumb{background-color:black;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}
#content .works_detail .left_block .scrollbar{position:relative;float:right;width:12px;right:0;z-index:50}
#content .works_detail .left_block .track{background-color:white;height:100%;width:12px;position:relative}
#content .works_detail .left_block .thumb{height:20px;width:12px;cursor:pointer;overflow:hidden;position:absolute;top:0}
#content .works_detail .left_block .thumb .end{overflow:hidden;height:5px;width:10px}
#content .works_detail .left_block .thumb:hover{background-color:#626262}
#content .works_detail .left_block .image_holder{position:relative}
#content .works_detail .left_block .for_imagediv{position:absolute;top:-9999px}
#content .works_detail .preload{display:none}
#content .works_detail .not_loaded img,#content .works_detail .not_loaded .icon{display:none}
#content .works_detail .not_loaded .preload{position:absolute;width:100%;height:100%;z-index:9999;display:block;left:0;top:0}
#content .works_detail .not_loaded .preload .preload_img{display:block;position:absolute;top:45%;left:50%;margin-left:-15px;margin-top:-15px}
#content .works_detail .right_block{position:absolute;top:0;left:0;padding:32px 30px 80px 1322px;width:100%;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;min-width:1550px;max-width:1612px;overflow:hidden;overflow-y:auto;background:#fff}
#content .works_detail .right_block .block_container{position:relative;padding-bottom:80px}
#content .works_detail .right_block .block{padding-bottom:12px;margin-bottom:10px;border-bottom:2px solid black;position:relative}
#content .works_detail .right_block .date{font-family:"Open Sans";font-weight:normal;font-style:normal;font-size:10px;text-transform:uppercase;padding-bottom:26px;margin-bottom:21px}
#content .works_detail .right_block .descr{padding-bottom:29px}
#content .works_detail .right_block .descr h1{font-family:"Open Sans Condensed";font-weight:bold;text-transform:uppercase;font-size:16px;padding-bottom:11px}
.lte8 #content .works_detail .right_block .descr h1{font-family:"Open Sans Condensed Bold"}
#content .works_detail .right_block .descr h2{font-family:"Open Sans Condensed";font-weight:300;text-transform:uppercase;font-size:15px;line-height:19px;color:#808080;padding-bottom:25px}
#content .works_detail .right_block .descr .text{font-family:"Open Sans";font-weight:normal;font-style:normal;font-size:12px;line-height:19px}
#content .works_detail .right_block .descr .spheres{font-family:"Open Sans";font-weight:normal;font-style:normal;color:#808080;font-size:12px;line-height:15px;margin-top:18px}
#content .works_detail .right_block .descr .spheres li{display:inline}
#content .works_detail .right_block .descr .spheres li:after{content:","}
#content .works_detail .right_block .descr .spheres li:last-child:after{content:""}
#content .works_detail .right_block .url{padding-left:25px;font-family:"Open Sans";font-weight:normal;font-style:normal;text-transform:uppercase;font-size:10px;color:#808080}
#content .works_detail .right_block .url .icon{width:17px;height:17px;background:url(/local/img/sprite.png) no-repeat;background-position:0 -265px;position:absolute;top:4px;left:1px}
#content .works_detail .right_block .url a{font-family:"Open Sans";font-weight:normal;font-style:normal;text-transform:uppercase;font-size:10px;color:#808080}
#content .works_detail .right_block .url a:hover{color:black}
#content .works_detail .right_block .share{font-family:"Open Sans";font-weight:normal;font-style:normal;text-transform:uppercase;font-size:10px;color:#808080}
#content .works_detail .right_block .share .icon{width:11px;height:12px;background:url(/local/img/sprite.png) no-repeat;background-position:0 -285px;position:absolute;top:6px;left:1px}
#content .works_detail .right_block .share .text{padding-left:25px}
#content .works_detail .right_block .share .b-share{padding:5px 0 0!important}
#content .works_detail .right_block .share .b-share .yashare-auto-init{display:inline-block}
#content .works_detail .right_block .share .b-share .b-share{padding:0!important}
#content .works_detail .right_block .share .b-share__handle{-moz-opacity:.4;-khtml-opacity:.4;-webkit-opacity:.4;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);filter:alpha(opacity=40);padding:5px 5px 5px 0 !important}
#content .works_detail .right_block .share .b-share__handle:hover{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100)}
#content .works_detail .other_projects{height:50px;width:100%;position:absolute;bottom:0;left:0;background:black;text-align:center;color:white;font-family:"Open Sans Condensed";font-weight:bold;text-transform:uppercase;font-size:15px;line-height:50px;cursor:pointer}
.lte8 #content .works_detail .other_projects{font-family:"Open Sans Condensed Bold"}
#content .works_detail .other_projects .arrow{background:url(/local/img/sprite.png) no-repeat;background-position:0 -250px;width:9px;height:5px;position:absolute;top:43%;left:50%;margin-left:64px}
#content .works_detail .other_projects:hover{background:white;color:black}
#content .works_detail .other_projects:hover .arrow{background-position:0 -260px}
#content .map_change{display:block;float:left;background:white;border:0 solid white;color:black;text-transform:uppercase;padding:8px;font-family:"Open Sans Condensed";font-weight:bold;position:relative;height:22px;position:relative}
.lte8 #content .map_change{font-family:"Open Sans Condensed Bold"}
#content .map_change:hover,#content .map_change.active{background:black;color:white}
#content .map_change.active{border-color:white}
#content .service_detail.composite_detail{text-align:center}
#content .service_detail .video-wrap{margin:0;text-align:center;background:url(/local/img/notebook.png) center top no-repeat;height:434px;padding:78px 1px 0 0}
#content .service_detail .post-block-inner{padding:0 40px;margin:0 0 80px;text-align:center}
#content .service_detail .video-title{padding-bottom:0}
#content .service_detail .post-item{display:inline-block;vertical-align:top;width:33%}
#content .service_detail .post-circle-wrap{display:inline-block;height:222px;margin-right:-67px;width:222px}
#content .service_detail .post-circle{background:url(http://www.1c-bitrix.ru.css.1c-bitrix-cdn.ru/composite/images/composite-land-sprite.png) no-repeat 500px 500px;border:2px solid;border-color:black;border-radius:50%;height:148px;width:148px}
#content .service_detail .post-item-response .post-circle{background-position:center 42px}
#content .service_detail .post-item-ranging .post-circle{background-position:center -79px}
#content .service_detail .post-item-conversion .post-circle{background-position:center -215px}
#content .service_detail .post-item-text{margin-top:-40px;font-size:18px;line-height:130%}
#content .service_detail .blackinsert{color:white;width:100%;left:0}
#content .service_detail .blackinsert h3{padding-top:10px}
#content .service_detail .middle-banner-description{text-align:center}
#content .service_detail .post-howitwork-item{text-align:left;min-height:147px;margin:0 0 58px 96px;padding-left:307px;position:relative}
#content .service_detail .post-howitwork-divide{background:url(/local/img/divide-img.jpg) no-repeat 0 0;margin-top:80px}
#content .service_detail .post-howitwork-cache{background:url(/local/img/cache-img.jpg) no-repeat 0 0}
#content .service_detail .post-howitwork-download{background:url(/local/img/download-img.jpg) no-repeat 0 0}
#content .service_detail .post-howitwork-item-text{font-size:26px}
#content .service_detail .post-howitwork-item-description{font-size:18px}
#content .service_detail .bx-composite-btn{background:url(http://www.1c-bitrix.ru.css.1c-bitrix-cdn.ru/composite/images/bx-white-logo.png) no-repeat right 5px black;border:0;border-radius:23px;color:#fff!important;display:inline-block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;height:31px;line-height:30px;padding:0 42px 0 17px;text-decoration:none;vertical-align:middle}
#content .service_detail .bx-composite-btn:hover{text-decoration:none}
@media (max-width: 1550px) {
#content .works_detail .left_block .icon.info{display:block}
}
#content a{color:#666666;text-decoration:none}
#content a:hover{color:black}
#content.nomargintop{margin-top:0;border-top:0}
#content.innerpage.noborder{margin-top:0;border-top:0}
#content.mainpage > a{display:none}
a.navigation{width:61px;height:61px;background:url(/local/img/sprite.png) -70px -102px no-repeat black;float:right;display:block;margin:0 1px 0 0;-webkit-transition-property:background-color;-moz-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color;position:relative;z-index:50}
.navigation.navnext{background-position:-144px -102px}
.navigation.inactive{background-color:#e8e8e8;cursor:default}
.navigation:hover{background:url(/local/img/sprite.png) -70px -165px no-repeat white}
.navigation.inactive:hover{background-color:#e8e8e8}
.navigation.navnext:hover{background-position:-144px -165px}
.lte8 .projects .shadow{filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c5000000',endColorstr='#c5000000')}
.projects .shadow.mask{background:url(/local/img/portfolio-setka.png) repeat scroll 0 0 transparent}
#content .fields a{display:block;padding-top:55px;height:303px;width:50%;-moz-box-sizing:border-box;box-sizing:border-box;float:left;text-decoration:none;color:black;border-bottom:1px solid #d9d9d9}
.ie7 #content .fields a{z-index:expression(runtimeStyle.zIndex = 1,runtimeStyle.width = parentNode.offsetWidth/2 + "px")}
.ie7 #content .fields a,.ie7 #content .fields a p,.ie7 #content .fields a h1{cursor:pointer}
#content .fields a:nth-child(2n){border-left:1px solid #d9d9d9}
.touch_no #content .fields a:hover,.touch_yes #content .fields a:active{color:white;background:black}
.touch_no #content .fields a:hover p,.touch_yes #content .fields a:active p{color:white}
#content .fields a h1{font:40px "Open Sans Condensed";text-transform:uppercase;width:480px;float:right;text-align:left}
#content .fields a p{font-size:14px;font-family:"Open Sans";font-weight:normal;font-style:normal;color:#666;line-height:20px;width:350px;float:right;text-align:left;padding:36px 60px 0 70px}
#content .fields a:nth-child(2n) h1{float:left;padding-left:64px;width:420px}
#content .fields a:nth-child(2n) p{float:left;padding:36px 0 0 130px}
#content .blogposts{clear:both}
#content .blogposts article{clear:both;padding:35px 0 50px;border-bottom:1px solid #d9d9d9;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;-moz-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}
#content .blogposts article.notPublished,#content .blogposts article.notPublished a{color:#919191!important}
#content .blogposts article.notPublished time{background:#919191}
#content .blogposts article.notPublished:hover time{background:#919191;color:white}
#content .newslist article time{font-size:32px;line-height:120%;font-family:"Open Sans Condensed";font-weight:300;display:block;margin-bottom:17px}
#content .blogposts article h3,#content article.article h3{color:#4c4c4c;font-family:"Open Sans";font-weight:300;font-size:16px;line-height:24px;padding:0!important;margin-bottom:0!important}
#content .blogposts article h3 a,#content article.article h3 a{text-decoration:none;color:black}
#content .blogposts article .blogtext,#content article.article .blogtext,#content article.article .comments{padding-left:30%;margin:0;font-style:normal}
#content .blogposts article .author,#content article.article .author{display:block;float:left;width:30%;clear:left;font-size:11px;line-height:15px}
#content .blogposts article .author > span,#content article.article .author > span{display:block}
#content .blogposts article .author figure,#content article.article .author figure{margin:0;padding:20px 0 0;font-size:16px;line-height:15px;height:80px}
#content .blogposts article .author figure img,#content article.article .author figure img{float:left;position:relative;top:-20px;margin-right:15px}
#content .blogposts article .author figure span.highlight,#content article.article .author figure span.highlight{text-transform:uppercase}
#content .blogposts article .author .tags,#content article.article .author .tags{margin:7px 0 0}
#content .blogposts article .author .tags span,#content article.article .author .tags span{text-transform:uppercase;color:#808080;display:block}
#content .blogposts article .author .tags a,#content article.article .author .tags a{-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;color:black;text-decoration:none}
#content .blogposts article:hover .author .tags a{color:#919191}
#content .blogposts article:hover .author .tags span{color:white}
#content .blogposts article .author .tags a:hover{color:white}
#content .blogposts h2{font:42px "Open Sans Condensed";margin:5px auto 7px;max-width:960px;min-width:200px;text-transform:uppercase}
#content .blogposts h2 + article{border-top:1px solid #d9d9d9}
#content article.article .author .tags a:hover{color:#919191}
#content .clients h2,#content .news_posts h2{min-width:200px;max-width:960px;margin:5px auto 7px;font:42px "Open Sans Condensed";text-transform:uppercase}
#content .clients h2{text-align:center;padding:51px 0}
#content .clients section{margin-bottom:70px;font-size:0;text-align:center;line-height:0}
#content .clients div.wrapper{max-width:980px;overflow:hidden}
#content .clients div .item img{position:absolute;display:block;top:0;left:0;z-index:2;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0)}
#content .clients div .item img.greyscale{z-index:1;position:absolute;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100)}
#content .clients div .item{position:relative;font-size:0;display:inline-block;width:20%;max-width:192px;-moz-box-sizing:border-box;box-sizing:border-box;width:192px;height:192px}
#content .clients{width:100%;overflow:hidden}
#content .clients .items_holder{float:left;position:relative;left:50%;width:980px}
#content .clients .items_holder .item{float:left;left:-50%;display:block}
.ie7 #content .clients div .item{z-index:expression(runtimeStyle.zIndex = 1,runtimeStyle.width = parentNode.offsetWidth/4 - 1 + "px")}
#content article.article{margin-top:100px}
#content .backtothelist{width:100%;display:block;border:1px solid #d9d9d9;text-align:center;font-size:12px;text-decoration:none;padding:5px 0 7px;position:relative}
#content .blogposts .backtothelist{border-top:0!important}
#content .backtothelist div{content:"→";font-size:0;color:transparent;width:20px;display:inline-block;background:url(/local/img/sprite.png) no-repeat scroll -99px -231px transparent;height:15px}
.ie7 #content .backtothelist div{display:inline;zoom:1}
#content .backtothelist:hover{background-color:black;border:1px solid black;color:white}
#content .backtothelist:hover div{background-position:-123px -231px}
#content article.article .backtothelist{margin-top:19px}
#content .news_posts .backtothelist{border-left:0;border-right:0;clear:both}
#content .comments{margin-top:37px!important}
#content .comments h2{font:24px "Open Sans Condensed";text-transform:uppercase;margin:0 0 21px}
#content .comments .commentwith{margin:0 auto 20px;background:black;color:white;text-align:center;font-size:12px;max-width:222px;padding:7px 7px 16px}
#content .comments .commentwith div{margin:3px 0 0}
#content .comments .commentwith button{display:inline-block;cursor:pointer;border:0;padding:0;margin:0 4px 0 0;width:16px;height:16px;background:url(/local/img/sprite.png) no-repeat scroll 0 -528px transparent}
#content .comments .commentwith button.vk{background-position:-20px -528px}
#content .comments .commentwith button.fb{background-position:-40px -528px;margin-right:0}
#content .comments .commentwith button.tw{background-position:-56px -528px;width:20px;margin-right:3px}
#content .comments .commentwith button.ok{background-position:-79px -528px;margin-right:6px}
#content .comments .commentwith button.mm{background-position:-101px -528px}
#content .comments .commentwith button.lj{background-position:-121px -528px;margin-right:6px}
#content .comments .commentwith button.pi{background-position:-142px -528px}
#content .comments .commentwith button.ff{background-position:-162px -528px;margin-right:0}
#content .comments article{border-bottom:1px solid #d9d9d9;padding:13px 0 45px}
#content .comments article header{background:black;color:#bfbfbf;padding:10px 22px 6px 12px;margin:0 0 18px}
#content .comments article header img{float:left;margin-right:10px;display:block}
#content .comments article header .author{float:none;display:inline;font-size:12px;width:auto;line-height:20px;vertical-align:top}
.ie7 #content .comments article header img,.ie7 #content .comments article header .author{display:inline;zoom:1;float:none}
#content .comments article header time{float:right;color:#bfbfbf;width:auto;height:auto;background:none;font:12px Arial;text-transform:none;text-align:right;line-height:20px;margin:0}
#content .comments article .commenttext{font-size:12px;line-height:120%;margin:0 0 17px}
#content .comments article .button,#content .comments .makecomment{border:1px solid #d9d9d9;padding:9px 15px;margin:0;background:white;cursor:pointer;float:right;color:black;font:12px Arial}
#content .comments article .button{margin-left:10px}
#content .comments article .button:hover a{color:white}
#content .comments article .button:hover,#content .comments .makecomment:hover{background:black;color:white;border:1px solid black;-webkit-transition-duration:.35s;-moz-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s}
#content .comments .makecomment{margin:23px auto;display:block;max-width:237px;width:100%;float:none;text-align:center}
#content .news_posts{border-top:1px solid #d9d9d9;margin:66px 0 0}
#content .news_posts article{display:block;-moz-box-sizing:border-box;box-sizing:border-box;width:50%;float:left;height:275px;overflow:hidden;border-top:1px solid #d9d9d9;position:relative;-webkit-transition-duration:.35s;-moz-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s}
.ie7 #content .news_posts article{z-index:expression(runtimeStyle.zIndex = 1,runtimeStyle.width = parentNode.offsetWidth/2 + "px")}
#content .news_posts article:hover{background:black;color:white}
#content .news_posts article:hover a{color:#919191}
#content .news_posts article a:hover{color:white}
#content .news_posts article h3{width:456px;float:left;font:24px/23px "Open Sans Condensed";margin:24px 0 0 24px}
#content .news_posts article h3 a{text-decoration:none;display:block;padding-left:66px}
#content .news_posts article time{float:left;display:block;background:black;color:white;font:11px Arial;height:50px;margin:0 16px 0 0;text-align:center;text-transform:uppercase;width:50px}
#content .news_posts article:hover time{background:white;color:black}
#content .news_posts article time span{display:inline-block;font:24px "Open Sans Condensed";height:30px;width:100%}
#content .news_posts article blockquote{width:356px;padding:19px 30px 0 94px;float:left;font:12px/130% Arial;height:108px;overflow:hidden}
.ie #content .news_posts article blockquote{height:112px}
#content .news_posts article .author{width:356px;padding:24px 30px 0 94px;float:left;font:11px/136% Arial;position:absolute;bottom:35px;left:0}
#content .news_posts article .author span{position:absolute;left:138px;top:39px}
#content .news_posts article .author span.highlight{top:24px;text-transform:uppercase}
#content .news_posts article:nth-child(2n){border-right:1px solid #d9d9d9}
#content .news_posts article:nth-child(2n) h3,#content .news_posts article:nth-child(2n) blockquote,#content .news_posts article:nth-child(2n) .author{float:right}
#content .news_posts article:nth-child(2n) .author{left:auto;right:0}
.portfolio{background:black}
.portfolio .portfolio-img{width:20%;float:left;position:relative;cursor:pointer}
.portfolio .portfolio-img img{width:100%;float:left;-moz-box-sizing:border-box;box-sizing:border-box}
.portfolio .portfolio-img:after{-moz-box-sizing:border-box;box-sizing:border-box;content:"\0000a0";display:block;width:100%;height:100%;background:black;opacity:0;position:absolute;left:0;top:0;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}
.left-block .portfolio-img:after,.right-block .portfolio-img:after{opacity:.65}
.portfolioMode .left-block .portfolio-img:after,.portfolioMode .right-block .portfolio-img:after{opacity:0}
.portfolio .view-block{float:left;width:60%;background:black}
.portfolioMode .view-box img{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;opacity:.85}
.portfolio .left-block,.portfolio .right-block{float:left;width:20%;background:black}
.portfolio .left-block .portfolio-img,.portfolio .right-block .portfolio-img{width:100%}
.portfolio .view-block .portfolio-img{width:33.333%}
.portfolio .view-block .view-box{width:100%;height:0;z-index:99;overflow-y:hidden;overflow-x:hidden;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.7)}
.portfolio .view-block .view-box .viewport{height:100%;overflow:hidden;position:relative}
.portfolio .view-block .view-box .overview{list-style:none;position:absolute;left:0;top:0}
.portfolio .view-block .view-box .thumb{background-color:#626262;-webkit-transition-duration:.35s;-moz-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s}
.portfolio .view-block .view-box .scrollbar{position:relative;float:right;width:10px}
.portfolio .view-block .view-box .track{background-color:black;height:100%;width:10px;position:relative}
.portfolio .view-block .view-box .thumb{height:20px;width:8px;cursor:pointer;overflow:hidden;position:absolute;top:0}
.portfolio .view-block .view-box .thumb .end{overflow:hidden;height:5px;width:10px}
.portfolio .view-block .view-box .thumb:hover{background-color:white}
.portfolio .view-block .view-box .disable{display:none}
.noSelect{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}
.portfolio .view-block img{position:relative}
.portfolio .view-box .paneltop{position:fixed;width:100%;background:black;background:rgba(0,0,0,0.85);color:white;text-align:left;top:0;z-index:101;display:none;overflow:hidden}
.portfolio .paneltop.smallPanel h2,.portfolio .paneltop.smallPanel .text{display:none}
.portfolio .view-box .paneltop h2.fake{display:none;font-size:17px;line-height:19px;margin-top:23px}
.portfolio .view-box .paneltop.smallPanel h2.fake{display:block}
.portfolio .view-box .paneltop.smallPanel .spheres{padding-top:0}
.portfolio .view-box .paneltop.smallPanel .spheres li{background:none;font-size:10px;text-transform:none;letter-spacing:0;padding:0 6px 0 0}
.portfolio .view-box .paneltop.smallPanel .url{margin-top:7px}
.portfolio .view-box .paneltop .closebtn{display:block;position:absolute;top:3px;right:3px;width:61px;height:61px;background:url(/local/img/sprite.png) no-repeat -71px -308px white;cursor:pointer;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color;-moz-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}
.portfolio .view-box .paneltop .closebtn:hover{background:url(/local/img/sprite.png) no-repeat -144px -308px black}
.portfolio .view-box .paneltop .leftblock{width:354px;float:left;padding:12px 0 0 26px}
.portfolio .view-box .paneltop .leftblock h1{font:bold 42px "Open Sans Condensed";text-transform:uppercase;position:relative}
.portfolio .view-box .paneltop .leftblock h1:after{border-top:1px solid #919191;content:"\0000a0";display:block;width:140px;height:1px;position:absolute;left:2px;bottom:-2px}
.lte8 .portfolio .view-box .paneltop .leftblock h1{font-family:"Open Sans Condensed Bold"}
.portfolio .view-box .paneltop h2{font:19px/22px "Open Sans Condensed";text-transform:uppercase;margin:12px 0 21px}
#content .portfolio .view-box .paneltop .url{color:#b2b2b2;display:block}
#content .portfolio .view-box .paneltop .url:hover{color:white}
.portfolio .view-box .paneltop .url div{background:url(/local/img/sprite.png) no-repeat scroll -178px -229px transparent;float:left;height:20px;margin:0 10px 0 0;width:10px}
.portfolio .view-box .paneltop .text{padding:22px 100px 0 380px;font:12px/21px Arial}
.portfolio .view-box .paneltop .spheres{padding:22px 0 25px 380px;font:10px Arial;color:#626262;letter-spacing:2px;text-transform:uppercase}
.portfolio .view-box .paneltop .spheres li{float:left;background:#303030;padding:8px 15px;margin:0 1px 1px 0}
.portfolio .portfolio-img .viewed{position:absolute;display:none;top:0;left:49px;font-size:10px;color:#999;text-transform:uppercase;height:24px;padding:12px;background:black;background:rgba(0,0,0,0.75);opacity:1;-webkit-transition-duration:.35s;-moz-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s}
.portfolio .portfolio-img .viewed:after{content:"\0000a0";display:block;width:48px;height:48px;left:-49px;top:0;background:url(/local/img/sprite.png) no-repeat -150px -372px black;background-color:rgba(0,0,0,0.75);position:absolute}
.portfolio .portfolio-img.active .viewed{width:0;height:0;padding:0;font-size:0}
.portfolio .portfolio-img.active .viewed:after{background:url(/local/img/sprite.png) no-repeat -77px -372px white;background-color:rgba(255,255,255,0.75)}
.portfolio .portfolio-img:hover .viewed{opacity:0}
.portfolio .portfolio-img .descr{position:absolute;left:0;top:0;color:white;width:100%;height:100%;text-transform:uppercase;background:none;opacity:0;-webkit-transition-duration:.35s;-moz-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s}
.portfolio .portfolio-img:hover .descr{background:rgba(0,0,0,0.7);opacity:1}
.portfolio .portfolio-img .descr h1{font:bold 42px "Open Sans Condensed";position:absolute;top:5%;width:100%;text-align:center}
.portfolio .portfolio-img .descr:after{border-top:1px solid #919191;width:50%;left:25%;top:25%;content:" ";display:block;height:1px;position:absolute}
.portfolio .portfolio-img .descr h2{position:absolute;top:28%;width:100%;text-align:center;font:19px/22px "Open Sans Condensed"}
.portfolio .portfolio-img .descr ul{font-size:9px;color:#626262;letter-spacing:2px;text-transform:uppercase;position:absolute;width:100%;bottom:5%;left:0;text-align:center;padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box}
.portfolio .portfolio-img .descr ul li{display:inline-block;background:#303030;padding:6px 14px;margin:0 1px 1px 0}
div.blog-comment-form{margin-bottom:.7em;margin-top:.7em;width:100%}
.comments article div.blog-comment-form{position:relative;top:45px}
div.blog-comment-field-text{width:100%}
div.blog-comment-field-text textarea{width:99.9%}
div.blog-comment-field-tags{display:none}
div.blog-comment-field-tags input{width:80%}
div.blog-comment-field-captcha input{width:180px}
div.blog-comment-field-settings input{width:1.55em;height:1.55em;margin:0 0 0 -.25em;vertical-align:middle;font-size:1em}
div.blog-comment-field-settings label{vertical-align:middle}
div.blog-comment-fields{padding:.8em;zoom:1}
div.blog-comment-field-title input,div.blog-comment-field-desc input{width:80%}
div.blog-comment-field-user{width:100%;padding-bottom:5px}
div.blog-comment-field-author,div.blog-comment-field-email{float:left;width:47%}
div.blog-comment-field-text{padding-bottom:.2em}
div.blog-comment-field-user-sep{width:5%;float:left}
div.blog-comment-field-author input,div.blog-comment-field-email input{width:100%}
div.blog-comment-field-bbcode{padding-top:.7em}
div.blog-comment-field-captcha-image{padding-top:.4em}
div.blog-comment-buttons{margin-top:1em;padding-bottom:.4em}
div.blog-comment-buttons input{background:none repeat scroll 0 0 white;border:1px solid #d9d9d9;color:black;cursor:pointer;font:12px Arial;margin:0;padding:9px 15px}
div.blog-comment-buttons input:hover{background:black;color:white;border:1px solid black;-webkit-transition-duration:.35s;-moz-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s}
div.blog-post-edit-form,div.blog-comment-fields{background-color:#f1f1f1}
#footer .logo{position:relative}
.mobile_nav{display:none;position:absolute;right:0;top:0;width:50px;height:50px;background:url(/local/img/sprite.png) no-repeat;background-position:-150px 0}
.mobile_nav.active{background-position:-150px -50px}
.mobile_nav,.mobile_nav:hover,.mobile_nav:active,.mobile_nav:focus,.mobile_nav:link{outline:0;background-color:transparent;border:none}
.email_send{display:none;position:fixed;top:50px;right:0;width:50px;height:50px;background:black;z-index:600}
.email_send .icon{width:50px;height:50px;background:url(/local/img/sprite.png) no-repeat;background-position:-100px -50px}
.email_send.active .icon{position:absolute;top:50%;left:50%;margin:-9px 0 0 -9px;background-position:-11px -311px;width:18px;height:18px}
#close_map{display:none;position:fixed;top:50px;right:0;width:50px;height:50px;background:black;z-index:605}
#close_map .icon{background:url(/local/img/sprite.png) no-repeat;position:absolute;top:50%;left:50%;margin:-9px 0 0 -9px;background-position:-11px -311px;width:18px;height:18px}
.normaltext{font-size:15px;line-height:21px}
body.touch_yes #content .clients .items_holder{width:100%}
body.touch_yes #content .clients .items_holder .item{width:33.33%;height:auto;line-height:0}
body.touch_yes #content .clients .items_holder .item .greyscale{display:none}
body.touch_yes #content .clients .items_holder .item .color{position:static;opacity:1!important;max-width:100%;height:auto}
body.touch_yes #content .command .person .color{opacity:1!important;display:block!important}
body.isMobile #content .works_detail .left_block .project_img{display:none}
body.isMobile #content .works_detail{height:auto!important;overflow:visible}
body.isMobile #content .works_detail .left_block{max-width:none;position:static}
body.isMobile #content .works_detail .right_block{padding-left:30px;padding-right:65px;padding-bottom:30px;-moz-opacity:1!important;-khtml-opacity:1!important;-webkit-opacity:1!important;opacity:1!important;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1 !important * 100);filter:alpha(opacity=1 !important * 100);min-width:0;max-width:none;background:white;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:auto;width:0;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;left:auto;right:0;display:none;display:block;left:-100%;width:100%;height:auto}
body.isMobile #content .works_detail .right_block .block_container{padding-bottom:30px}
body.isMobile #content .works_detail .left_block .viewport{position:static;overflow:auto}
body.isMobile #content .works_detail .left_block .overview{padding-right:0;position:static;height:auto!important}
body.isMobile #content .works_detail .left_block .icon{right:0}
body.isMobile #content .works_detail .left_block .icon.info{display:block}
body.isMobile #content .works_detail .left_block.not_loaded .icon.info{display:none}
body.isMobile #content .works_detail .left_block .image_holder img{max-width:none;width:100%;padding-right:0}
body.isMobile .projects{position:absolute}
body.isMobile #content .works_detail.right_panel_open .left_block .icon{display:none}
body.isMobile #content .works_detail.right_panel_open .right_block .icon.info{z-index:9999;display:block;background-position:-0 -420px;background-color:black!important;right:0}
body.isMobile #content .works_detail .other_projects,body.isMobile #content .works_detail .left_block .icon{position:fixed}
body.isMobile .service_add_info{display:none}
@media (max-width: 640px) {
#content .clients .items_holder{width:100%}
#content .clients .items_holder .item{width:33.33%;height:auto;line-height:0}
#content .clients .items_holder .item .greyscale{display:none}
#content .clients .items_holder .item .color{position:static;opacity:1!important;max-width:100%;height:auto}
#content .clients section{margin-bottom:10px}
#content .command .person .color{opacity:1!important;display:block!important}
#content .social{display:block}
#content .normaltext h1{font-size:32px}
}
@media (min-width: 1500px) {
.portfolio .portfolio-img,.portfolio .left-block,.portfolio .right-block{width:16.666%}
.portfolio .view-block{width:66.666%}
}
@media (min-width: 1800px) {
.portfolio .portfolio-img{width:14.2857%}
.portfolio .left-block,.portfolio .right-block{width:28.5714%}
.portfolio .left-block .portfolio-img,.portfolio .right-block .portfolio-img{width:50%}
.portfolio .view-block{width:42.8571%}
}
@media (min-width: 2100px) {
.portfolio .portfolio-img{width:12.5%}
.portfolio .left-block,.portfolio .right-block{width:25%}
.portfolio .left-block .portfolio-img,.portfolio .right-block .portfolio-img{width:50%}
.portfolio .view-block{width:50%}
}
@media (min-width: 2400px) {
.portfolio .portfolio-img,.portfolio .left-block,.portfolio .right-block{width:11.111%}
.portfolio .left-block,.portfolio .right-block{width:33.333%}
.portfolio .left-block .portfolio-img,.portfolio .right-block .portfolio-img{width:33.333%}
.portfolio .view-block{width:33.333%}
}
@media (min-width: 800px) {
#content .newslist article time{font-size:40px;float:left}
#content .blogposts article h3{padding-left:190px!important;font-size:20px;line-height:30px;padding-top:3px!important}
#content .blogposts article{padding:59px 0 98px}
.desktop_nowrap{white-space:nowrap}
}
@media (max-width: 1160px) {
#bx-composite-banner{display:none}
}
@media (max-width: 1040px) {
#content.mainpage > article .total{left:5%}
#header .wrapper{text-align:center}
.projects .total{width:90%}
#content .fields a h1,#content .fields a p{width:auto!important;padding-left:20px!important;padding-right:20px!important}
.projects .total{top:33%;width:90%}
#content .clients h2{padding:0 20px}
#content .blogposts article .author figure img{top:-10px}
#content .blogposts article h3{padding:0 20px;margin:0 0 25px}
#content .blogposts article .author{margin-bottom:20px;margin-left:20px;width:36%}
#content .blogposts article .author figure{padding:15px 20px 10px 0}
#content .blogposts article .blogtext,#content article.article .blogtext,#content article.article .comments{padding-left:40%}
#header nav .item .a,#header nav .item a{padding-left:10px;padding-right:10px}
#content .works .line{width:50%}
.js_detect_mode_desktop{display:none}
.js_detect_mode_tablet{display:block}
#content .works .line:nth-of-type(3){clear:left}
}
@media (max-width: 780px) {
#content .fields a h1{font-size:33px}
#header nav li{font-size:20px}
#content #abouttext .slogan{padding:10px 15px 45px}
#content #abouttext .insert .left,#content #abouttext .insert .right{float:none;margin:0;width:100%}
#content #abouttext .insert{padding:45px 0}
#content #abouttext .insert .wrapper{padding:0 30px}
#content #abouttext .insert .offset_holder{display:none}
#content .command .person{width:33.33%}
#content .command.ratings .person{width:25%}
#content .services article{padding:35px 0}
#content .services article h2{text-align:left;font-size:32px}
#content .services article .descr p{text-align:left;font-size:16px;line-height:24px}
}
@media (max-width: 870px) {
#header .social{padding-top:42px;padding-right:5px;padding-left:15px}
#header .social .outer{display:none}
}
@media (max-width: 1020px) {
#content .clients .items_holder{width:768px}
}
@media (max-width: 800px) {
#content .clients .items_holder{width:576px}
}
@media (max-width: 640px) {
#header{height:50px}
.logo,.logo a{height:50px;width:50px;background-position:-100px 0}
#content{position:static;padding-top:50px}
#content.mainpage{position:static;padding-top:0}
#header .logo{margin-left:8px}
#header nav{position:absolute;top:50px;left:0;padding:0;overflow:visible;border-top:1px solid #363636;z-index:999;width:100%}
#header nav .item{float:none;width:100%;border-bottom:1px solid #363636}
#header nav .item a,#header nav .item span{padding:22px 15px}
#header nav .item:active,#header nav .item.active{background:white}
#header nav .item:active .a,#header nav .item.active .a{color:black}
.mobile_nav{display:block}
#header nav li{width:100%;border-bottom:1px solid #3b3b3b;height:71px;float:none}
#header nav li:first-child{border-top:1px solid #3b3b3b;border-bottom:1px solid #3b3b3b}
#header .social{padding:14px 64px 0 0}
#header .lang a{width:24px;height:16px}
#header .lang a.lang_en{background-position:-40px -100px}
#header .lang a.lang_ru{background-position:-40px -250px}
#content .fields a{width:100%;height:auto;padding:30px 0}
#content .fields a h1{float:none}
#content .blogposts article .author{width:90%;margin-bottom:20px}
#content .blogposts article .author figure{height:auto;padding:0 20px 10px 0}
#content .blogposts article .blogtext{padding:0 20px}
#content .blogposts article .author figure img{top:0}
#content .clients div a{width:49.8%;border:0;max-width:9999px;margin:0 auto}
#content .clients{width:100%}
#header .logo{margin-bottom:10px}
#content .clients h2{padding:0 20px 10px;border-bottom:1px solid #d9d9d9}
.js_detect_mode_tablet{display:none}
.js_detect_mode_mobile{display:block}
#content .works .line{width:100%;clear:left}
#content.mainpage{top:100px}
#content #abouttext .slogan{font-size:22px;line-height:32px}
#content .command.command .person{width:50%}
#content .services article .descr ul li{float:none;width:100%}
#content .reviews figure{width:100%;margin-top:20px;text-align:center}
#content .reviews .reviewBody{float:none;width:100%;padding:0}
#content .services article .descr ul{border-top:0;margin-top:0;padding-top:0}
.projects{position:static!important;padding-top:50px;height:auto;display:block!important}
.projects .all_projects{position:static;line-height:0}
.projects .mouse,.projects .slides_list,.projects .navigation,.projects .shadow.mask{display:none}
.projects .project{position:relative;height:auto;display:block!important}
.projects .project .about_project{position:absolute;top:0!important;left:0!important;margin-top:0!important;width:100%!important;height:100%;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:4em}
.projects .project .about_project .date,.projects .project .about_project .spheres{display:none}
.projects .project .about_project .h1{font-size:3.2em;line-height:100%;padding-bottom:.2em;padding-top:.6em}
.projects .project .about_project .h2{font-size:1.7em;line-height:100%}
.projects .project .about_project .learn_more{font-size:1.3em;line-height:130%;margin-top:2.1em;padding-right:60px}
.projects .photo_small{width:100%;height:auto}
.projects .photo{display:none}
#content .contacts{width:100%}
#content .contacts dl dt{float:none;width:100%;font-size:15px;line-height:21px;margin-bottom:5px}
#content .contacts dl dt.nomargin{margin-bottom:5px}
#content .contacts dl dd{padding-left:0;font-size:15px;line-height:21px}
#content .contacts dl dd .contactPoint{margin-bottom:12px;display:block}
#content .contacts dl dd .contactType{display:inline-block;width:100%;font-variant:italic;font-size:13px;color:#808080;position:relative;top:-2px}
#content .contacts dl dd.nomargin{margin-bottom:22px}
#content .contacts dl .on_map{display:block;font-size:14px}
#content .contacts a{color:#808080;text-decoration:underline}
#content .map_change,.projects.fake,#content .back_to_top.contact{display:none!important}
#content .static_holder{width:100%;overflow:hidden}
#content.feedback_shown .static_holder{overflow:visible}
#content .feedback{display:none;float:none;width:100%;height:100%;position:absolute;left:100%;top:0;background:white;z-index:10;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 20px}
#content .feedback form{max-width:none}
#content .feedback form input{width:100%;padding:8px;height:36px}
#content .feedback form input[type="submit"]{margin-right:0;margin-top:30px;font-size:14px;height:50px;margin-bottom:30px;left:0!important;color:black!important}
#content .feedback form input[type="submit"]:hover{color:white!important}
#content .feedback form .row label,#content .feedback form .row.textarea label{float:none;width:100%;position:static;margin-bottom:3px;font-size:14px;line-height:24px}
#content .feedback form .row.textarea textarea{width:100%!important;margin:0;height:108px!important}
#content .feedback form h1{margin-bottom:3px}
#content .gmap{display:none;width:100%;height:100%;position:absolute;left:100%;top:0;z-index:70;display:block;left:-100%}
#content .contacts{padding-bottom:15px}
.email_send{display:block}
#header nav .item.no_show_mobile{display:none}
}
@media (max-width: 600px) {
#content .clients .items_holder{width:384px}
body{font-size:13.5px}
}
@media (max-width: 530px) {
body{font-size:12px}
}
@media (max-width: 460px) {
body{font-size:10.5px}
#content .command.ratings .person{width:100%}
}
@media (max-width: 390px) {
body{font-size:9px}
}
@media (max-width: 320px) {
body{font-size:7.5px}
}
@media (max-width: 270px) {
body{font-size:6px}
}
@media (max-width: 230px) {
body{font-size:4px}
}
@media (max-width: 200px) {
body{font-size:2px}
}
@media (max-width: 400px) {
#content .clients .items_holder{width:90%;margin:0 auto}
#content .clients .items_holder .item{width:50%;height:auto}
}
@media (max-height: 720px) {
#content .works_detail .left_block .icon.nextProj{bottom:60px}
#content .works_detail .left_block .icon.prevProj{bottom:100px}
}
@media (max-height: 520px) {
#content .works_detail .other_projects{display:none}
#content .works_detail{padding-bottom:0}
}
@media (max-height: 420px) {
#content .works_detail .icon.close{top:10px}
#content .works_detail .left_block .icon.info{top:50px}
#content .works_detail .left_block .icon.nextProj{bottom:10px}
#content .works_detail .left_block .icon.prevProj{bottom:50px}
}
.lte8 form input[type="text"].errorfield,.lte8 form input[type="email"].errorfield,.lte8 form textarea.errorfield{behavior:url(/local/templates/nologo/./PIE.htc);background-color:white!important}
.lte7 #content{display:none}
.lte6 #header{display:none}
.nobr{white-space:nowrap}
.service_anchor_link{display:block;position:relative;top:-150px}
.service_anchor_link a{display:block;border:0!important}
.bx-composite-btn{display:none!important}
#content .ya-share2__container_size_s .ya-share2__icon{height:16px;width:16px}
#content .ya-share2__list_direction_horizontal > .ya-share2__item{margin-top:10px;margin-bottom:5px;opacity:.4}
#content .ya-share2__list_direction_horizontal > .ya-share2__item:hover{opacity:1}
#content #abouttext .insert p.bullet{position:relative;padding-left:26px}
#content #abouttext .insert p.bullet:before{content:"—";position:absolute;top:0;left:0}
#content form input[type="submit"]:hover,#content form input[type="submit"].form_added{background-color:black!important;color:white!important;border-color:black!important}
#content form input[type="text"]:hover,#content form input[type="email"]:hover,#content form textarea:hover,#content form input[type="text"]:focus,#content form input[type="email"]:focus,#content form textarea:focus{border:1px solid black;color:black}
#content .works_detail .icon:hover{background:#fff}
@media (max-width: 640px) {
body.touch_yes #content .works .portfolio-img .shadow{display:block!important}
#content .works .portfolio-img .shadow,#content .works .portfolio-img:hover .shadow{background:white!important;opacity:.2!important}
#content .works .portfolio-img .descr{opacity:1!important}
#content .works_detail .left_block.active{overflow:visible;position:static}
#content .works_detail .right_block{padding-right:40px}
#content .works_detail .icon{right:0}
.load + .port-img__mobile--shad{display:none!important}
body.isMobile #content .works_detail.right_panel_open .right_block .icon.info:hover{background:white!important}
}
/* End */
/* /local/templates/.default/components/bitrix/menu/nologo/style.css?1532664896504 */
/* /local/templates/nologo/styles.css?1760817887110 */
/* /local/templates/nologo/template_styles.css?179102252480965 */