@charset "utf-8";
/*
@font-face {
   font-family: Roboto-Thin;
   src: url('../fonts/Roboto-Thin.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: Roboto-Light;
   src: url('../fonts/Roboto-Light.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}
*/

html,
body {
	width:100%;
	height:100%;
}

body {
	margin:0;
	padding:0;
	background: url("../img/bg.png") repeat scroll 0 0 #0F1428;
	font:normal 12px/1.3  Roboto;font-weight:100; /* sans */
	color:#3a424a;
}

input,
select,
textarea,
button {
	font-family: sans-serif;
	color:#000;
	font-size:12px;
	outline:none;
}

img {
	border:0;
}

a {
	color:#0074cd;
	text-decoration:underline;
	outline:none;
}

a:hover {
	text-decoration:none;
}

table {
	border-collapse:collapse;
}

h1 {
	font:normal 24px  sans-serif;
	color:#121515;
	margin:0 0 14px 0;
}

h2 {
	font:normal 16px  sans-serif;
	color:#121515;
	margin:0 0 29px 0;
}

h3 {
	font:normal 19px  sans-serif;
	margin:0 0 10px 0;
}

h4 {
	font:normal 15px  sans-serif;
	margin:0 0 8px 0;
}

p {
	margin:18px 0;
}

.black {
	color:#3a424a;
}

#wrapper {
	min-width:1000px;
	max-width:9999px;
	position:relative;
	overflow:hidden;
}

#container {
	min-width:1000px;
	max-width:9999px;
	margin: 0 auto;
	text-align: left;
}

.page-h {
  /*
  height: auto !important;
  left: 50%;
  margin-left: -600px;
  min-height: 100%;
  position: relative;
  width: 1200px;
  */
}

.white {
	color:#fff;
}

.header {
	position: relative;
	height: 72px;
}

.header a {
	color:#fff;
}

/*
.diax-smart-people {
	position:absolute;
	top:0;
	right:0;
	background:url(../img/ribbon.png) no-repeat;
	width:102px;
	height:102px;
	overflow:hidden;
	cursor:pointer;
	display:block;
	text-indent:-9999px;
	_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/ribbon.png', sizingMethod='scale');
	z-index:200;
}
*/
.header .logo {position:relative;x-index:9999;
    background: url("../img/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 35px;
    left: 64px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 19px;
    width: 133px;
}

.header .logo a {
	display:block;
	width:100%;
	height:100%;
}

.header .menu {
  float: right;
  font-family: Roboto;font-weight:300;position:relative;z-index:9999;
  list-style: none outside none;
  margin: 2px 60px 0 0;
}

.header .menu li {
  padding-bottom: 4px;
  text-align: right;
}

.header .menu .contact {
    color: #1abbff;
}

.header .menu .contact a {
    color: #1abbff;
    font-size: 13px;
}

.header .menu .phone {
    background: url("../img/phone.jpg") no-repeat;
    color: #FFFFFF;
    font-size: 23px;
    font-weight: bold;
    line-height: 37px;
    padding-left: 60px;
    padding-top: 3px;
}
   /*
.header .menu li a,
.header .menu li a span {
	text-decoration:none;
	display:block;
	padding:0 6px;
	height:44px;
	background:url(../img/menu.png) no-repeat 0 3px;
}
*/
.header .menu li.li1 a,
.header .menu li.li1 a span {
	background-position:0 3px;
}

.header .menu li.li2 a,
.header .menu li.li2 a span {
	background-position:0 -41px;
}

.header .menu li.li3 a,
.header .menu li.li3 a span {
	background-position:0 -85px;
}

.header .menu li.li4 a,
.header .menu li.li4 a span {
	background-position:0 -129px;
}

.header .menu li.li5 a,
.header .menu li.li5 a span {
	background-position:0 -173px;
}

.header .menu li.li6 a,
.header .menu li.li6 a span {
	background-position:0 -217px;
}

.header .menu li.li7 a,
.header .menu li.li7 a span {
	background-position:0 -261px;
}

.header .menu li.li1 a:hover,
.header .menu li.li1 .active {
	color:#00f6ff;
}

.header .menu li.li2 a:hover,
.header .menu li.li2 .active {
	color:#09af63;
}

.header .menu li.li3 a:hover,
.header .menu li.li3 .active {
	color:#96c004;
}

.header .menu li.li4 a:hover,
.header .menu li.li4 .active {
	color:#ebda49;
}

.header .menu li.li5 a:hover,
.header .menu li.li5 .active {
	color:#e5bc8c;
}

.header .menu li.li6 a:hover,
.header .menu li.li6 .active {
	color:#db8470;
}

.header .menu li.li7 a:hover,
.header .menu li.li7 .active {
	color:#db70d2;
}

.content {
	zoom:1;
/*	padding:32px 35px;*/
	position:relative;
  height: 431px;
  overflow: hidden;
  padding-left: 0;
    padding-right: 0;
}

.works {
	zoom:1;
	width:100%;
	overflow:hidden;
	font:italic 12px  sans-serif;
	color:#6f787c;
	margin:0 0 44px 0;
}

.works-hold {
	width:9999px;
}

.works .item {
	float:left;
	width:33.33%;
	clear:right;
}

.works-hold2 {
	width:auto;
}

.works .works-hold2 .item {
	display:inline-block;
	vertical-align:top;
	margin:25px 0 35px -3px;
	float:none;
	clear:none;
}

.works .item .photo {
	height:200px;
	overflow:hidden;
	margin:0 0 7px 0;
	text-align:center;
	position:relative;
	left:-20px;
}

.works .item .indent {
	padding:0 11px;
	zoom:1;
}

.content .works .item h4 {
	margin-left:-8px;
	color:#0074cd;
}

.works .item .section {
	margin:8px 57px 0 0;
	zoom:1;
	overflow:hidden;
}

.works .item .section a {
	display:block;
	float:right;
	background:#1c9948 url(../img/btn1.png) no-repeat;
	width:108px;
	height:22px;
	font:normal 12px/21px  sans-serif;
	color:#fff;
	text-align:center;
}

.works .item .section a.prom {
	background-color:#235706;
	background-position:0 -24px;
}

.footer-place {
	height:92px;
	overflow:hidden;
	clear:both;
	float:none;
}

.footer {
	height:77px;
	position:relative;
	margin:-92px auto 0 auto;
	color:#8f989c;
	padding:15px 75px 0 35px;
	line-height:1.5;
}

.footer a {
	color:#0093d7;
}

.footer .copy {
	float:left;
}

.footer .copy a {
	color:#fff;
}

.footer .networks {
	float:right;
}

.footer .networks img {
	margin:0 0 0 1px;
}

.footer .contacts {
	padding:0 0 0 19%;
	float:left;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.clients {
	background:#dee1e1;
	margin:0 0 43px -70px;
	position:relative;
	left:35px;
	padding:12px 46px;
	zoom:1;
}

.clients table {
	width:95%;
	margin:0;
}

.clients table tr td {
	padding:0 20px 0 0;
	text-align:center;
	vertical-align:top;
}

.clients table tr td h4 {
	float:left;
	margin:0;
}

.aside {
	float:left;
	width:24%;
	padding:0 5% 0 0;
}

.in-content {
	height:100%;
	overflow:hidden;
}

.article1 {
	line-height:1.5;
	margin:0 0 30px 0;
	zoom:1;
	overflow:hidden;
}

.article1 div {
	height:100%;
	overflow:hidden;
}

.article1 a {
	color:#3a424a;
}

.article1 a:hover {
	text-decoration:underline;
	color:#0074cd;
}

.article1 .photo {
	float:left;
	padding:0 15px 0 0;
}

.article1 .date {
	font-style:italic;
	color:#6f787c;
	margin:0 0 15px 0;
}

.title {
	zoom:1;
	overflow:hidden;
	line-height:33px;
}

.title h1,
.title h2,
.title h3 {
	padding:0 10px;
	height:33px;
	font:normal 19px/32px  sans-serif;
	color:#fff;
	float:left;
	background:#2d3232;
	margin:0 39px 0 0;
}

.catalog {
	text-align:center;
	zoom:1;
	overflow:hidden;
	width:100%;
	position:relative;
}

.catalog-hold {
	width:9999px;
}

.catalog .item {
	float:left;
	clear:right;
	width:220px;
	position:relative;
}

.catalog .item .photo {
	height:200px;
	overflow:hidden;
	margin:0 0 7px 0;
}

.catalog .item .price {
	background:#9c0000 url(../img/price.png) repeat-x;
	height:32px;
	white-space:normal;
	font-size:17px;
	line-height:31px;
	color:#fff;
	padding:0 15px;
	position:absolute;
	top:162px;
	left:50%;
	margin:0 0 0 20px;
	white-space:nowrap;
}

/*---NEW---*/
.map {
	border-top:1px dashed #b2b2b2;
	zoom:1;
	margin:0 0 30px -70px;
	position:relative;
	left:35px;
	border-bottom:1px dashed #b2b2b2;
}

.map img {
	display:block;
}

.contact-info {
	width:100%;
	overflow:hidden;
	line-height:16px;
}

.contact-info .third {
	width:33.33%;
	float:left;
	clear:right;
}

.contact-info p {
	margin:0 0 6px 0;
}

.contact-info .small {
	font-size:11px;
	color:#787a7a;
}

.sort {
	zoom:1;
	overflow:hidden;
	border-bottom:1px dashed #b2b2b2;
	padding:13px 30px 13px 30px;
	position:relative;
	margin:-32px 0 35px -70px;
	left:35px;
}

.outtaHere {
	display:none;
	position:absolute;
	top:-9999px;
	left:-9999px;
}

.selectArea {
	background:#d9dcdd url(../img/select.png) no-repeat;
	height:26px;
	overflow:hidden;
	line-height:26px;
	font:normal 12px/25px  sans-serif;
	color:#515759;
	display:inline-block;
	vertical-align:middle;
	margin:0 15px 0 0;
}

.selectArea .selected {
	height:26px;
	overflow:hidden;
	background:url(../img/select.png) no-repeat 100% -29px;
	padding:0 0 0 15px;
	position:relative;
	cursor:pointer;
}

.select-sub {
	position:absolute;
}

.select-sub ul {
	list-style:none;
	margin:0;
	padding:0;
	background:#d9dcdd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	line-height:24px;
}

.select-sub ul li a {
	display:block;
	text-decoration:none;
	color:#515759;
	padding:0 0 0 15px;
	height:25px;
}

.select-sub ul li a:hover {
	text-decoration:underline;
}

.aside-r {
	float:right;
	width:30.8%;
	padding:0 00 6.4%;
}

.work-main {
	line-height:18px;
	color:#232426;
	margin:22px 0 0 0;
}

.photo-main {
	font-size:11px;
	color:#787a7a;
	line-height:16px;
	margin:45px 0 43px 0;
	width:100%;
	overflow:hidden;
	position:relative;
}

.photo-main img {
	display:block;
	margin:0 0 22px 0;
}

  .page_up {
    background: url("../img/page_varrows.png") no-repeat scroll 0 0;
    left: 50%;
    padding:0;width:54px;height:30px;display:block;
    position: relative;
    top: 15px;
    margin-left: -27px;
  }
  .page_up:hover {
    background: url("../img/page_varrows.png") no-repeat scroll -97px 0;
  }

  .page_down {
    background: url("../img/page_varrows2.png") no-repeat scroll 0 0;
    left: 50%;
   padding:0;width:54px;height:30px;display:block;
    position: relative;
    bottom: 15px;
    margin-left: -27px;
  }
  .page_down:hover {
    background: url("../img/page_varrows2.png") no-repeat scroll -97px 0;
  }

  .site-type-holder {
    height: 355px;
    left: 50%;
    margin-left: -494px;
    margin-top: -175px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 988px;
  }

  .client-logo-holder :last-child {
    margin-right: 0;
  }

  .site-type-holder :last-child {
    margin: 0;
  }

  .site-type-holder-closed {
    margin-top: 166px;
  }

  .site-type-holder-closed .site-type-box .text,
  .site-type-holder-closed .site-type-box .price,
  .site-type-holder-closed .site-type-box .icon {
    display: none;
  }

  .site-type-box {
    width: 230px;
    margin-right: 20px; /*60px;*/
    float: left;text-decoration:none;
  }

  .site-type-box :last-child {
    margin-right: 0px;
  }

  .site-type-box .last {
    margin-right: 0;
  }

  .site-type-box span{display:block;}
  
  .site-type-box .icon {
    background: url("../img/site_types2.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
    height: 80px;
  }
  .site-type-box .icon-type-1 {
    background: url("../img/site_types2.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
  }
  .site-type-box .icon-type-2 {
    background: url("../img/site_types2.png") no-repeat scroll center -100px rgba(0, 0, 0, 0);
  }
  .site-type-box .icon-type-3 {
    background: url("../img/site_types2.png") no-repeat scroll center -200px rgba(0, 0, 0, 0);
  }
  .site-type-box .icon-type-4 {
    background: url("../img/site_types2.png") no-repeat scroll center -300px rgba(0, 0, 0, 0);
  }

  .site-type-box .text {
    text-align: center;
    color: white;
    font-family: Roboto;font-weight:300;
    margin-bottom: 20px;
    height: 100px;
  }

  .site-type-box .price p,
  .site-type-box .price {
    background-color: #B12574;
    color: #FFFFFF;
    font-family: Roboto;font-weight:100;
    font-size: 16px;
    padding: 5px;
    text-align: center;
  }

  .site-type-box .title {
    color: #1ABBFF;
    font-family: Roboto;font-weight:100;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    text-align: center;
    margin-bottom: 20px;
  }

  .promo-item {
    background: none repeat scroll 0 0 #0F1428;
    border-radius: 10px;
    bottom: -28px;
    opacity: 0.76;
    padding: 20px;
    position: absolute;
    right: -50px;
    width: 240px;
    z-index: 9999;
  }

  .promo-item .text {
    text-align: center;
    color: white;
    font-family: Roboto;font-weight:300;
    margin-bottom: 20px;
    height: 100px;
  }

  .promo-item .price {
    background-color: #B12574;
    color: #FFFFFF;
    font-family: Roboto;font-weight:100;
    font-size: 16px;
    padding: 5px;
    text-align: center;
  }



  .slide-item {
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .slide-item2 {
    position: absolute;

  }

  .work-box {
    height: 450px;
    margin-top: -225px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 100%;

    /*
    overflow: hidden;
    height: 450px;
    width: 100%;
    position: relative
    */
  }

  .slider-gorizontal-center-click {
    width: 600px;
    height: 430px;
    z-index: 8888;
    position: absolute;
  }
  .micro-win-size .slider-gorizontal-center-click {
      height: 215px;
      width: 300px;
  }

  .slider-gorizontal-left {background:url(../img/1.gif);
    width: 600px;
    z-index: 8888;
    left: 0px;
    position: absolute;
    height: 100%;
  }

  .micro-win-size .slider-gorizontal-left {
    width: 300px;
  }

  .page_down_holder {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
  }

  .page_up_holder {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
  }

  .slider-gorizontal-right {
    width: 600px;
    z-index: 8888;
    right: 0;
    position: absolute;background:url(../img/1.gif);
    height: 100%;
    top: 0;
  }

  .site-type-box {
    cursor: pointer;
  }

  .slide-holder {
    position: absolute;
    top: 0px;
    width: 100%;
  }

  .work-box-holder {
    position: relative;
  }

  .work-box-holder img {

  }

  .slide-subitem {
    left: 50%;
    margin-left: -300px;
    margin-top: -300px;
    position: absolute;
    text-align: center;
    top: 50%;

  }

  .slide-subitem .close {display:block;
    background: url("../img/close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 50px;
    position: absolute;
    right: -80px;
    /*top: -46px;*/top: 0px;
    width: 50px;
    cursor: pointer;
  }

  .homepage-holder {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .homepage-block {
    left: 50%;
    margin-left: -550px;
    position: absolute;
    top: 50%;
    width: 1100px;
    margin-top: -215px;
  }

  .homepage-block .client-logo-holder {
    width: 100%;
    height: 50px;
    display: none;
    margin-bottom: 20px;
  }

  .homepage-block .client-logo-holder .delimiter {
    overflow: hidden;
  }

  .homepage-block .client-logo-holder  img {
    margin-left: 60px;
  }

  .homepage-block .client-logo-holder  img:first-child {
    margin-left: 0px;
  }

  #homepage-text {
    margin-bottom: 40px; color: #1ABBFF; font-family: 'Roboto';font-weight:100; height: 70px; font-size: 54px; text-align: center;
  }

  .middle-win-size #homepage-text   { margin-bottom: 72px;  margin-top: 36px;  }
  .large-win-size  #homepage-text   { margin-bottom: 72px;  margin-top: 36px; font-size: 80px; }
  .small-win-size  .work-box-holder {
    padding-top: 25px;
  }


  .work-box-holder .name {
    color: #1ABBFF;
    font-size: 24pt;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: 50%;
    width: 100%;
    margin-top: 210px;
  }

   .small-win-size .work-box-holder .name {
     margin-top: 144px;
   }


  .work-box-holder .text {
    bottom: 50%;
    color: #FFFFFF;
    font-family: Roboto;font-weight:300;
    font-size: 10pt;
    margin-bottom: -177px;
    margin-left: 180px;
    min-height: 70px;
    opacity: 0.94;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 255px;
    z-index: 9999;
  }

  .work-box-holder .text .descr p {
    margin-top: 0;
  }

  .small-win-size .work-box-holder .text {
    margin-bottom: -112px;
    max-height: 280px;
  }

  .small-win-size .work-box-holder  .with-trapezoid  .text {
    margin-bottom: -118px;
    max-height: 338px;
  }

  .work-box-holder .descr {
    background-color: #0D6CBD;
    margin-bottom: 15px;
    max-height: 345px;
    min-height: 40px;
    overflow: hidden;
    padding: 15px 15px 0;
  }

  .work-box-holder .descr .txt {
    overflow: hidden;
    margin: 15px;
  }


  .small-win-size .work-box-holder .descr {
    max-height: 250px;
  }

  .work-box-holder .with-trapezoid .descr {
    margin-bottom: -2px;margin-top:-2px;
  }

  .trapezoid-top {
    border-bottom: 30px solid #0D6CBD;
    border-left: 284px solid rgba(0, 0, 0, 0);
    height: 0;
    width: 0;
    margin-left: -27px;
    display: none;
  }

  .trapezoid-bottom {
    border-left: 284px solid rgba(0, 0, 0, 0);
    border-top: 30px solid #0D6CBD;
    height: 0;
    margin-left: -27px;
    width: 0;
    display: none;
  }

  .with-trapezoid {
    margin-top: -282px;
  }

  .with-trapezoid  .trapezoid-top,
  .with-trapezoid  .trapezoid-bottom {
    display: block;
  }

  .frm-contacts {
    background-color: #25293A;
    bottom: 0;
    color: #FFFFFF;
    font-family: 'Roboto';font-weight:100;
    font-size: 12pt;
    margin-top: 5px;
    opacity: 0.9;
    padding-top: 32px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    padding-bottom: 13px;
  }

  .frm-contacts .btn-holder {
    width: 100%;
    height: 25px;
    position: absolute;
    top: 0px;
    cursor: pointer;
  }


  .frm-contacts .btn {display:block;
    background: url("../img/contacts_arrow.png") no-repeat scroll -31px 0 rgba(0, 0, 0, 0);
    color: #FF0000;
    height: 20px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    top: 5px;
    width: 32px;
    cursor: pointer;
  }

  .closed .btn {
    background: url("../img/contacts_arrow.png") no-repeat scroll 0px 0 rgba(0, 0, 0, 0);
  }


  .frm-contacts .about {
    float: left;
    width: 20%;
    margin-top: -41px;
    padding-left: 20px;
  }

  .frm-contacts .form {
    float: right;
    margin-right: 20px;
    width: 76%;
  }

  .frm-contacts .form textarea {
    width: 100%;
    height: 60px;
    margin-bottom: 10px;
    background-color: #12131c;
    border: 0 none;
    color: #FFFFFF;
    resize:none;
  }

  .frm-contacts .form input  {
    width: 30%;
    height: 33px;
    margin-right: 1.9%;
    background-color: #12131c;
    border: 0 none;
    color: #FFFFFF;
  }

  .frm-contacts .form input[type=text]  {
    width: 32%;
  }

  .frm-contacts .form input[type=submit], 
  .frm-contacts .form input[type=button]  {
    margin-right: 0;
    background-color: #29aae0;
    text-align: center;
    color: #FFFFFF;
    height: 35px;
    float: right;
  }

  .closed {
    height: 0px;
    overflow: hidden;
    padding-bottom: 0;
  }

  .center-img-lt {
    background: url("../img/portfolio_lt.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    left: 50%;
    margin-left: -320px;
    margin-top: -245px;
    position: absolute;
    top: 50%;
    width: 34px;
    z-index: 900;
  }

  .center-img-rt {
    background: url("../img/portfolio_rt.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    left: 50%;
    margin-left: 286px;
    margin-top: -245px;
    position: absolute;
    top: 50%;
    width: 34px;
    z-index: 900;
  }

  .center-img-lb {
    background: url("../img/portfolio_lb.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    left: 50%;
    margin-left: -320px;
    margin-top: 193px;
    position: absolute;
    top: 50%;
    width: 34px;
    z-index: 900;
  }

  .center-img-rb {
    background: url("../img/portfolio_rb.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    left: 50%;
    margin-left: 286px;
    margin-top: 193px;
    position: absolute;
    top: 50%;
    width: 34px;
    z-index: 900;
  }


  .small-win-size .center-img-lb,
  .small-win-size .center-img-rb {
    margin-top: 115px;
  }

.micro-win-size .work-box{margin-top: -188px;}
.micro-win-size .center-img-lt{margin-left: -175px;margin-top: -212px;}
.micro-win-size .center-img-rt{margin-left: 142px;margin-top: -212px;}
.micro-win-size .center-img-lb{margin-left: -175px;margin-top: 19px;}
.micro-win-size .center-img-rb{margin-left: 142px;margin-top: 19px;}


.micro-win-size .work-box-holder img{height:215px;width:300px;}


.small-win-size.micro-win-size .work-box-holder .name{margin-top:70px;}
.micro-win-size .work-box-holder .text{margin-left:50px;margin-bottom:-20px;}

.micro-win-size .slide-subitem{margin-top:-200px;margin-left:-210px;}
.micro-win-size .slide-subitem img{height:300px;}
.micro-win-size .slide-subitem img{width:418px;}
.micro-win-size .site-type-holder-closed{margin-top:121px;}

.micro-win-size .work-box-holder .with-trapezoid .text{margin-bottom:-20px;}