body{
	font-family: tahoma, arial cyr, arial;
	font-size: 100%
}

	h1 {	font-size: 12pt;	color: #4c6a87;}
	h2 { font-family: tahoma, arial cyr, arial; font-size:12px; color:ffffff; background-color:0394c3; width:100%; padding-left:3px; padding-right:3px; padding-top:3px; padding-bottom:3px; margin-top:3px; }
	.h2 {font-size: 12pt;color: #4c6a87; background-color:ffffff;}
	h3 {color: #4c6a87;}
	.h3 {font-size: 10pt;color: #4c6a87; background-color:ffffff;}
	h4 {font-size: 10pt; color: #0080ba }
	.content p {  text-align: justify}
	.content p,.content li {  font-size: 120%}
	.content td {  font-size: 100% }
	a {text-decoration:underline; color:black}
	/*a:visited {text-decoration:underline;color:#868686}*/
	.copy {color:white; font-size: 8pt }
	.small {  font-size: 8pt }
	.big { font-family: Arial, Helvetica; font-size: 11pt}
	.smalls { font-size: 6px }
	.black { color: black}	
	.white { color:white}
	.date {	font-size: 10pt;	color: #FF0000;	padding : 0px 5px 0px 5px;}
	.input { font-family: MS Sans Serif,sans-serif; font-size: 8pt; color: #003366 }
.form2 {	background-color : #C0C0C0;	font-size : 8pt;	cursor : hand;}
.form1 { font-family: MS Sans Serif,sans-serif; font-size:6px;}
.form { font-size: 12px ; font-family: sans-serif,MS Sans Serif; color: #000033 }
.inner{background-color: #E0E0E0;}
.blue {color: #2C8BC3}
.bork{border:2px solid red}
.left{float: left}
.padding-left-big{padding-left: 3em}
.center{text-align: center}

/* header */
.b__top-header-main{
position: absolute;
top: 30px;
left: 700px;
}

.b__top-header{
	background: #000 url(../img/main_logo2.gif) no-repeat;
	height:108px;
}
.b__top-phone{
float:right;
font-size:1em;
color:white;
}
.b__top-callback{
clear: both;
float:right;
}
.b__top-callback.button{
	margin: 5px 0 0;
	font-weight: normal;
}
/* header */

.top_menu{
	height: 34px;
	background: #000 url(../img/bkg_top_menu_new.png) right top no-repeat;
	
}

.header{
	text-transform: uppercase;
	color: white;
	font-size: 28px;
	padding: 5px 0 0 0;
	margin: 0;
	font-weight: normal;
}

.b__error{
background-color: #c60f13;
color: #fff;
text-shadow: 0 -1px rgba(0,0,0,0.3);
display: block;
padding: 6px 7px 7px;
font-size: 14px;
border: 1px solid rgba(0,0,0,0.1);
margin-bottom: 12px;
border-radius: 3px;
}
.hide{display: none}

/* main menu */
.b__menu_main{margin: -10px 0 0 20px}
.menu_main{
	font-size: 90%;
	margin: 0;
	padding: 0;
	position: absolute;
	min-width: 150px;
	list-style-type: none;
}
.menu_main li {
	position: relative;
	padding: 0 0 4px 16px;
	background: transparent url(../img/sprite-main-menu.png) 0 3px no-repeat;
}
.menu_main li:hover{
	background-position: 0 -17px;
}
.menu_main a {
	color: #FFF;
	text-decoration: none;
}
.menu_main li:hover > a {
	text-decoration: underline;
}

/* main menu */




/* button */
.button {
display: inline-block;
position: relative;
overflow: visible;
width: auto;
padding: 5px 15px 6px;
border-bottom: 1px solid rgba(0,0,0,0.25);
margin-right: 2em;
background: #222;
color: #fff !important;
font-size: 100%;
font-weight: bold;
line-height: 1;
text-decoration: none;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
box-shadow: 0 1px 3px rgba(0,0,0,0.25);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
cursor: pointer;

-webkit-transition: background-color 300ms ease-out;
-moz-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out;
}
.button:hover, .button:active {box-shadow: none}


.yellow.button {background-color: #ffb515}
.yellow.button:hover {background-color: #fc9200}
.small.button {font-size: 80%}
/* button */




/* review */
.b__review{
	clear: both;
}
.b__review p{font-size: 100%}
.b__review_anons{
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 0.2em;
	cursor: pointer;
-webkit-transition: background-color 300ms ease-out;
-moz-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out;	
}
.b__review_anons:hover{background-color: #e9e9e9}
.b__review_author{
	float: right;
	margin-bottom: 2em;
}
.b__review_text{display: none;}

/* review */

.preloader{
	position: fixed;
	top: 20px;
	left: 50%;
	width: 43px;
	height: 11px;
	background: url('../img/preloader.gif');
	display: none;
}


/* форма обратного звонка */
.b__callback{
	text-align: left;
}
.b__callback fieldset{border: solid 1px gray}
.b__callback h3{
	font-style: normal;
	font-size: 1.2em;
}
.b__callback label{
	display: block;
	margin-bottom: 1em;
}
.b__callback legend{
	color: gray;
font-size: 0.8em;
}
.b__callback input{
	font-size: 1.1em;
	width: 100%;
}
.b__callback .required:after{
	content: "*";
	color: red;
}
/* форма обратного звонка */


/* ModalWindow */
.popup__overlay {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.7);
z-index:1000;
text-align: center
}
.popup__overlay:after {
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle;
content: ''
}
.popup2 {
display: inline-block;
position: relative;
max-width: 50%;
max-height: 80%;
padding: 20px;
border: 5px solid #fff;
background: #fff;
z-index:1001;
vertical-align: middle
}
.popup__close {
display: block;
position: absolute;
top: -20px;
right: -15px;
width: 12px;
height: 12px;
padding: 8px;
border: 5px solid #fff;
border-radius: 50%;
-webkit-box-shadow: inset 0 2px 2px 2px rgba(0,0,0,.4),
0 3px 3px rgba(0,0,0,.4);
box-shadow: inset 0 2px 2px 2px rgba(0,0,0,.4),
0 3px 3px rgba(0,0,0,.4);
cursor: pointer;
background: #ffb515;
text-align: center;
font-size: 12px;
line-height: 12px;
color: #444;
text-decoration: none;
font-weight: bold
}
.popup__close:hover {background: #fc9200}
.popup2 p,.popup2 ul,.popup2 ol{text-align: left}
.popup2 .scroll{
	overflow: auto;
	height: 80%;
}
/* ModalWindow */



/* table.table */
table.table {
		overflow:hidden;
		border:1px solid #d3d3d3;
		background:#fefefe;
		width:100%;
		/*margin:5% auto 0;*/
		-moz-border-radius:5px; /* FF1+ */
		-webkit-border-radius:5px; /* Saf3-4 */
		border-radius:5px;
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	}
	
table.table th {padding:0.5em; text-align:center;}
table.table td {padding:0.5em;}
	
table.table th {text-shadow: 1px 1px 1px #fff; background:#e8eaeb;}
	
table.table td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
	
table.table tr.odd-row td {background:#f6f6f6;}
	
table.table td.first, table.table th.first {text-align:left}
	
table.table td.last {border-right:none;}
	
	/*
	Background gradients are completely unnessary but a neat effect.
	*/
	
table.table td {
		background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
	}
	
table.table tr.odd-row td {
		background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
	}
	
table.table th {
		background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
		background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
	}
	

 table.table tr:first-child th.first {
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px; /* Saf3-4 */
	}
	
 table.table tr:first-child th.last {
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px; /* Saf3-4 */
	}
	
 table.table tr:last-child td.first {
		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px; /* Saf3-4 */
	}
	
 table.table tr:last-child td.last {
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px; /* Saf3-4 */
	}

/* table.table */

/*===tabs-text=============*/
.tabs-menu {
  overflow: hidden;
}

.tabs-menu ul,
.tabs-menu ul li {
  height: 45px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tabs-menu ul {
  border-bottom: 1px solid #d9d9d9;
  float: left;
}

.tabs-menu ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.tabs-menu ul li a {
  display: block;
  font-size: 16px;
  line-height: 43px;
  color: #333333;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 22px;
  border: 1px solid #d9d9d9;
  border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -khtml-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  background: #f6f6f6;
}
 @media (min-width: 999px) and (max-width: 1050px) {
  .tabs-menu ul li a {
    padding: 0px 19px;
  }
}

.tabs-menu ul li a:hover {
  border: 1px solid #b4b3b3;
  border-bottom: 1px solid #d9d9d9;
}

.tabs-menu ul li.active a {
  border: 1px solid #d9d9d9;
  border-bottom: 1px solid #fff;
  background: #fff;
  color: #ffb515;
}

/*===tabs-text=============*/



/*===images grid==========*/


.b__image-grid {
	margin: 0;
	padding: 0;
	list-style-type: none;
	-moz-column-count: 2;
	-moz-column-gap: 0px;
	-webkit-column-count: 2;
	-webkit-column-gap: 0px;
	column-count: 2;
	column-gap: 0px;
	width: 60%;
}
.b__image-grid li{padding:5px}
.b__image-grid img{
	display: inline-block;
	margin-bottom: 0px;
	width: 100%;
	margin-top: -4px;
	border: 1px solid #d9d9d9;
}
.b__image-grid img:hover {border: 1px solid #b4b3b3}



@media only screen and (max-width : 1199px),
only screen and (max-device-width : 1199px){
	.b__image-grid {
		-moz-column-count: 5;
		-moz-column-gap: 0px;
		-webkit-column-count: 5;
		-webkit-column-gap: 0px;
		column-count: 5;
		column-gap: 0px;
		width: 1000px;
	}
	

}


@media only screen and (max-width : 999px),
only screen and (max-device-width : 999px){
	.b__image-grid {
		-moz-column-count: 4;
		-moz-column-gap: 0px;
		-webkit-column-count: 4;
		-webkit-column-gap: 0px;
		column-count: 4;
		column-gap: 0px;
		width: 800px;
	}
	
}

@media only screen and (max-width : 799px),
only screen and (max-device-width : 799px){
	.b__image-grid {
		-moz-column-count: 3;
		-moz-column-gap: 0px;
		-webkit-column-count: 3;
		-webkit-column-gap: 0px;
		column-count: 34;
		column-gap: 0px;
		width: 600px;
	}
	
}

@media only screen and (max-width : 599px),
only screen and (max-device-width : 599px){
	.b__image-grid {
		-moz-column-count: 2;
		-moz-column-gap: 0px;
		-webkit-column-count: 2;
		-webkit-column-gap: 0px;
		column-count: 2;
		column-gap: 0px;
		width: 400px;
	}
	
}
/*===images grid==========*/


/* flexbox*/
ul.flex {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
  align-content: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.flex li {
  	align-self: stretch;
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	background: #c3e2d2;
	background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
	background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
    padding: 10px;
    margin: 10px;
    min-width:200px;
    max-width:400px;


}

ul.flex .subflex{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.subflex a {
	align-self: center;
    padding: 5px 0;
    color: black;
    text-decoration:none;
}

.subflex .subflex__pix {
    border: 10px solid #fcfafa;
    -moz-box-shadow: 0 3px 10px #888;
    -webkit-box-shadow: 0 3px 10px #888;
    box-shadow: 0 3px 10px #888;

}
.subflex .subflex__head {
	color: black;
	font-weight: bold;
	display: block;
	font-size: 14pt;
	text-decoration:underline;
}
.subflex .subflex__cut {
	font-size: 12pt;
}
/* flexbox*/




/* flexbox manipage */
.mainpage-seotext ul.flex {
	flex-wrap: nowrap;
}

.mainpage-seotext ul.flex li {
	border-radius: 2px;
    padding: 3px;
    margin: 3px;
/*    min-width:100px;
    max-width:150px;*/
}

.mainpage-seotext ul.flex li img{
	height:100px;
}

.mainpage-seotext ul.flex .subflex{
}
.mainpage-seotext .subflex a {
    padding: 2px 0;
}

.mainpage-seotext .subflex .subflex__pix {
    border: 3px solid #fcfafa;
    -moz-box-shadow: 0 2px 4px #888;
    -webkit-box-shadow: 0 2px 4px #888;
    box-shadow: 0 2px 4px #888;

}
.mainpage-seotext .subflex .subflex__head {
	font-weight: bold;
	font-size: 11px;
}
.mainpage-seotext .subflex .subflex__cut {
	font-size: 10px;
}
/* flexbox manipage */

/*  manipage */

.manipage-wrapper{
background: url('/img/start/bkg-new.gif');
}
.mainpage-seotext{
	width: 754px;
	font-size:13px;
	color: black;
}
.mainpage-seotext h1{
	font-size:13px;
	color: black;
	font-weight:bold;
}
.mainpage-seotext h2{
	font-size:12px;
	color: black;
	font-weight:bold;
}
.mainpage-seotext h3{
	font-size:11px;
	color: black;
	font-weight:bold;
}
.mainpage-seotext h4{
	font-size:10px;
	color: black;
	font-weight:bold;
}

 ul.hr {
    margin: 0;
    padding: 4px;
   }
 ul.hr li {
    display: inline;
    margin-right: 5px;
    border-left: 3px solid #4c6a87;
    padding: 3px;
   }



/* promo block */
.promo{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

}
.promo-section {
  flex: 1 1 33%;
  margin: 0;
  padding: 0.5em 10px;
  box-sizing: border-box;
  font-size: 17px;
}
.promo-text{
 padding: 15px 0 0;
}
.promo-text span{
    font-weight: bold;
    color:#ff8400;
}
.promo-icon {
    background-image: url(/img/mainpage_promo/promo-icon.png);
    background-repeat: no-repeat;
    display: block;
    float: left;
}
.promo-icon__experience {
    width: 65px;
    height: 80px;
    background-position: -5px -5px;
}
.promo-icon__portfolio {
    width: 65px;
    height: 80px;
    background-position: -80px -5px;
}
.promo-icon__deadline {
    width: 65px;
    height: 80px;
    background-position: -160px -5px;
}
/* promo block */

   /* promo banner */
.promo-nabber {
    background-image: url(/img/mainpage_promo/figura-nabber.jpg);
    background-repeat: no-repeat;
    width: 754px;
    height: 150px;
    box-sizing: border-box;
    color:#fff;
    margin: 10px 0;
}
.promo-nabber__header {
  font-size: 26px;
  font-weight: bold;
  padding: 20px 10px 5px 300px;
  text-transform: uppercase;
}
.promo-nabber__text {
  font-size: 20px;
  padding: 5px 10px 5px 300px;
}
.promo-nabber__text span{
    font-weight: bold;
}
   /* promo banner */