.centered {
	text-align: center;
}
.white-text {
	color: #444;
}
.grey-text {
	background: #eeeded;
	color: #444;
}
.white-text h2,.grey-text h2, .black-text h2{
	font-size: 30px;
	line-height: 30px;
	text-transform: none;
	font-weight: 300;
	margin: 30px 0;
}
	color: #000;
	height: 451px;
	font-size: 18px;
	line-height: 22px;
	overflow: hidden;
}
.banner-serv .span6 {
	background: transparent;
	height: 416px;
	width: 480px;
	padding: 35px 0 0 0;
}
.banner-serv {
	background: url(../../images/pages/services/banner-serv.jpg) no-repeat center right;
    height: 510px;
	
}
.banner-serv li{
	color:#000;
}

.cons .inner {
    padding: 0;
    background: url(../../images/pages/competence/banner1.png) no-repeat center center;
    background-size: 100% 100%;
    height: 100%;
}

.banner-white-half {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 50%;
    background: #fff;
}


.product.cons.banner{
	
    position: relative;
    height: 355px;
    background: #fff;
    background-size: cover;

}


.banner-serv h1 {
	font-size: 46px;
    line-height: 45px;
	text-transform: none;
	font-weight: 500;
	color:#000;
	padding-top: 50px;
	margin-bottom: 10px;
}
.banner-serv p.blue {
	margin-top: 60px;
	color: #119ac6;
	font-weight: 400;
}
.banner-serv small {
	display: block;
	font-size: 14px;
	margin-top: 20px;
}
.banner-serv p.before-zayavka {
	margin-top: 60px;
	font-size: 16px;
	line-height: 18px;
}
.banner-serv .zayavka-short {
	width: 980px;
	font-size: 14px;
	line-height: 16px;
}
.zayavka-short input[type=text].has-error {
	border-color: red;
}
.zayavka-short .form-error {
	margin-top: 5px;
	text-align: center;
	color: red;
}
.banner-serv .zayavka-short p {
	margin: 20px 0 10px 0;
}
.banner-serv input[type=text]{
	display: block;
	background: #ffffffe3;
	font-family: Roboto;
	font-size: 18px;
	line-height: 14px;
	width: 30%;
    float: left;
	margin-right:30px;
	padding: 13px;
    padding-left: 30px;
	border: #cbcbca 1px solid;
	margin-bottom: 15px;
	border-radius: 5px;
	
	box-sizing: border-box;
}
.banner-serv input[type=text]::-webkit-input-placeholder {color:#000;}
.banner-serv input[type=text]::-moz-placeholder{color:#000;}
.banner-serv input[type=text]:-moz-placeholder{color:#000;}
.banner-serv input[type=text]:-ms-input-placeholder{color:#000;}
.banner-serv input[type=submit] {
	    width: 30%;
	display: block;
	background: #f8931f;
	font-family: Roboto;
	color: #fff;
	text-transform: uppercase;
	border: 0px;
	padding: 0 30px;
	line-height: 51px;
    font-size: 15px;
	border-radius: 5px;
	font-weight: 500;
	box-shadow: 0 13px 20px rbga(0,0,0,0.24);
	box-sizing: border-box;
}
.product.banner h3 {
	font-size: 30px;
	line-height: 30px;
	text-align: left;
	margin: 50px 0 10px 0;
	font-weight: 300;
}

ul.with-icons {
	padding: 0px 0;
	margin: 0px;
}
ul.with-icons li {
	margin: 0 0;
	font-weight: 300;
	padding-left: 60px;
	height: 40px;
}
ul.with-icons li:before {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	border: 1px solid #dedede;
	background: url(../../images/pages/competence/icon.png) no-repeat center center;
	content: '';
	margin: 0 0 0 -60px;
	border-radius: 50px;
}
.product-info {
	background-color: #f8f7f7;
}
.product-info .span12 h2{
	font-weight: 400;
}
.service-list {
	margin-top: 50px;
}
.table {
	border-collapse: collapse !important;
}
.table td{
	background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
	border: 1px solid #ddd !important;
}

th {
	text-align: left;
	color: black;
}
tbody > tr > td>.last-col {
	vertical-align: middle;
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
.table-head {
	background-color: #f3f3f3;
}
.table > thead > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.drop-down-icon{
	background-image: url(../../images/pages/competence/icon-down.png);
	background-repeat: no-repeat;
	background-position: 4px;
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	border: 1px solid #dedede;
}
.table > tbody > tr > th,
.table > tbody > tr > td {
	vertical-align: middle;
	padding: 8px;
	line-height: 1.42857143;
	border-top: 1px solid #ddd;
}
.table > thead > tr > th {
	border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
	border-top: 0;
}
.table > tbody + tbody {
	border-top: 2px solid #ddd;
}
.table .table {
	background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
	padding: 5px;
}
.table-bordered {
	border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
	border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
	background-color: #f5f5f5;
}
table col[class*="col-"] {
	position: static;
	display: table-column;
	float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
	position: static;
	display: table-cell;
	float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
	background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
	background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
	background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
	background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
	background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
	background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
	background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
	background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
	background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
	background-color: #ebcccc;
}
.table-responsive {
	min-height: .01%;
	overflow-x: auto;
}
@media screen and (max-width: 767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	}
	.table-responsive > .table {
		margin-bottom: 0;
	}
	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > td {
		white-space: nowrap;
	}
	.table-responsive > .table-bordered {
		border: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:first-child,
	.table-responsive > .table-bordered > tbody > tr > th:first-child,
	.table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive > .table-bordered > thead > tr > td:first-child,
	.table-responsive > .table-bordered > tbody > tr > td:first-child,
	.table-responsive > .table-bordered > tfoot > tr > td:first-child {
		border-left: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:last-child,
	.table-responsive > .table-bordered > tbody > tr > th:last-child,
	.table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive > .table-bordered > thead > tr > td:last-child,
	.table-responsive > .table-bordered > tbody > tr > td:last-child,
	.table-responsive > .table-bordered > tfoot > tr > td:last-child {
		border-right: 0;
	}
	.table-responsive > .table-bordered > tbody > tr:last-child > th,
	.table-responsive > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive > .table-bordered > tbody > tr:last-child > td,
	.table-responsive > .table-bordered > tfoot > tr:last-child > td {
		border-bottom: 0;
	}
}

.dark-text {
	background: #2c3e50;
	color: #fff;
}
.white-text {
	color: #000;
	background: #fff;
}

.white-text .span12 h2, .grey-text .span12 h2 {
	color: #000;
	font-size: 30px;
	line-height: 30px;
	font-weight:300;
	text-align: center;
	margin: 30px 0;
}
.dark-text.banner {
	position: relative;
	/*height: 345px;*/
}
.dark-text.banner .picture {
	display: block;
	position: absolute;
	background: url(../../images/pages/vnedrenie/boxes.png) no-repeat bottom center;
	height: 340px;
	width: 374px;
	bottom: -80px;
	right: 0;
}
.dark-text.banner .container {
	padding-top: 40px;
	font-size: 20px;
	line-height: 24px;
}
.dark-text.banner h1 {
	font-size: 30px;
	line-height: 30px;
	text-align: left;
	margin: 0 0 10px 0;
	font-weight: 300;
}
.dark-text.banner ul {
	font-weight: 300;
}
.dark-text.banner li {
	min-height: 35px;
	margin: 15px 0;
	padding-left: 30px;
	background: url(../../images/list-marker-green-ball.png) no-repeat top left;
}
.occupations .span4{
	position: relative;
	margin-bottom: 20px;
}
.occupations .picture {
	width: 300px;
	height: 138px;
	overflow: hidden;
	border-radius: 4px;
}
.occupations .text {
	color: #fff;
	position: absolute;
	bottom: 10px;
	right: 10px;
	left: 10px;
}
.occupations .title {
	display: block;
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
}
.its-desc {
	background-image:url(../../images/vnedrenie_banner_new2.jpg);
	height: 504px;
}
.its-desc h2 {
	margin-top: 0px;
	color: #fff;
}
.its-desc p {
	color: #fff;
}
.its-desc .text {
	/*background: rgba(255,255,255,0.75);*/
	padding: 20px 0;
	margin-top: 28px;
}
.page-obsluzhivanie-1c.vnedrenie .product .container {
	padding-bottom: 59px;
}
.we-are .span3 {
	text-align: center;
	color: #fff;
}
.we-are .number {
	border-right: #2b2b2b 1px solid;
	font-size: 72px;
	font-weight: 300;
	line-height: 80px;
}
.we-are .span3.last .number {
	border-right: 0px;
}
.we-are .number-desc {
	font-size: 18px;
	font-weight: 300;
	line-height: 22px;
	margin: 10px 20px;
}
.certificates .container {
	padding-bottom: 30px;
}
.certificates .frame {
	display: block;
	width: 218px;
	height: 320px;
	padding: 29px;
	position: relative;
	margin-bottom: 40px;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.15);
}
.certificates .frame img {
	display: block;
	width: 100%;
	height: 100%;
}
.certificates .frame:after {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: url(../../images/pages/vnedrenie-erp-pod-kluch/certificate_frame.png) no-repeat center center;
	content: '';
}
.one-row-form {
	background: #fff;
	margin: -5px 0 50px 0;
	padding: 0px;
}
.one-row-form form {
	display: block;
	width: 840px;
	padding: 80px 50px 30px 50px;
	margin: 0px auto;
	background: #fdfdfd;
	border: #e5e5e5 1px solid;
	color: #000;
	border-radius: 5px;
}
.one-row-form form .title {
	font-size: 24px;
	line-height: 24px;
	font-weight: 300;
	padding: 0px;
}
.one-row-form form p {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	margin: 5px 0 30px 0;
	padding: 0px;
}
.one-row-form form p a {
	color: #000;
	text-decoration: underline;
}
.one-row-form form input[type=text]{
	width: 220px;
	margin-right: 30px;
	background: #fff;
	border: #e5e5e5 1px solid;
	color: #000;
	font-size: 12.75px;
}
.one-row-form form input[type=submit]{
	background: #16c5fe;
	color: #fff;
	border: 0px;
	width: 220px;
	border-radius: 5px;
	font-size: 12.75px;
}
.we-are .span3 {
	text-align: center;
	color: #fff;
}
.we-are .number {
	border-right: #2b2b2b 1px solid;
	font-size: 72px;
	font-weight: 300;
	line-height: 80px;
}
.we-are .span3.last .number {
	border-right: 0px;
}
.we-are .number-desc {
	font-size: 18px;
	font-weight: 300;
	line-height: 22px;
	margin: 10px 20px;
}
ul.squared {
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
	padding-bottom: 20px;
}
ul.squared li {
	padding-left: 35px;
	margin: 30px 0;
}
ul.squared li:before {
	display: block;
	width: 27px;
	height: 27px;
	float: left;
	margin: -3px 15px 0 -35px;
	background: url(../../images/pages/new-obsluzhivanie/marker.png) no-repeat center center;
	content: '';
}


.pochem-img img{
	
	    margin-bottom: -5px;
    margin-left: -210px;
}



.pochem-text{
	padding-left: 20px;
    padding-top: 30px;
}

.pochem-text h3{
	padding-bottom: 20px;
    font-size: 25px;
    line-height: 1.3;
}
.pochem-text p{
	font-size: 16px;
    line-height: 1.6;
}
.form-serv h2{
	
	margin:0px;
}


.form-serv input[type=text]{
	display: block;
	font-family: Roboto;
	font-size: 12px;
	line-height: 14px;
	padding: 10px;
	border: #cbcbca 1px solid;
	margin-bottom: 15px;
	width: 100%;
	box-sizing: border-box;
}
.form-serv input[type=text]::-webkit-input-placeholder {color:#000;}
.form-serv input[type=text]::-moz-placeholder{color:#000;}
.form-serv input[type=text]:-moz-placeholder{color:#000;}
.form-serv input[type=text]:-ms-input-placeholder{color:#000;}
.form-serv input[type=submit] {
	width: 100%;
	display: block;
	background: #f8931f;
	font-family: Roboto;
	color: #fff;
	text-transform: uppercase;
	border: 0px;
	padding: 0 30px;
	line-height: 36px;
	font-size: 14px;
	font-weight: 500;
	box-shadow: 0 13px 20px rbga(0,0,0,0.24);
	box-sizing: border-box;
}

.form-serv input[type=submit] {
width: 50% !important;
padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
}

.form-serv p.before-zayavka {
	margin-top: 60px;
	font-size: 16px;
	line-height: 18px;
}
.form-serv .zayavka-short {
	width: 420px;
	font-size: 14px;
	line-height: 16px;
}
.zayavka-short input[type=text].has-error {
	border-color: red;
}
.zayavka-short .form-error {
	margin-top: 5px;
	text-align: center;
	color: red;
}
.form-serv .zayavka-short p {
	margin: 20px 0 10px 0;
}

.form-serv input[name=name]{
	
	width:200px;
	float:left;
}

.form-serv input[name=phone_email]{
	
	width:200px;
	float:right;
}


.form-serv p{
	line-height: 1.5;
    padding-bottom: 20px;
}


.form-serv{
	
    padding-bottom: 30px;
}

.stoyat-serv h2{
	   font-size: 36px;
    padding-bottom: 30px;
padding-top: 50px;
}

.stoyat-serv p{
	    font-size: 16px;
    line-height: 1.6;
    padding-bottom: 40px;
	
}
.grey-text.stoimost{
	background: #37298e;
	color: #fff;
	padding-bottom:60px;
	
}

.grey-text.stoimost h2{
	font-size: 34px;
	line-height: 28px;
	text-align:center;
}

.grey-text.stoimost h3{
	font-size: 24px;
	line-height: 28px;
	padding-top: 30px;
}
.grey-text.stoimost img {
    margin: 3px 15px 0px 20px;
}
.grey-text.stoimost .description{
	float: left;
    /* padding: 15px 0; */
    padding-right: 20px;
    margin-top: 20px;
    font-size: 18px;
    padding-left: 20px;
    line-height: 24px;
    font-weight: 300;
    border-left: 2px solid;
    border-right: 2px solid;
}
.grey-text.stoimost .number {
	font-size: 24px;
	color: #fff;
	font-weight: 500;
}

.grey-text.stoimost .span4.price1{
	margin: 10px;
    padding: 10px;
}


.vkluchaet h2{
	margin:0px!important;
}







.choose-specialist .container {
	padding-bottom: 50px;
	padding-top: 30px;
}
.choose-specialist .span4 {
	margin-left: 20px;
	padding-left: 20px;
	width: 280px;
	background: #fff;
	font-size: 16px;
	line-height: 28px;
	min-height: 300px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.24);
}
.choose-specialist .span4 .title {
	background: #e3e3e3;
	color: #444;
	text-align: center;
	padding: 20px;
	margin-left: -20px;
	font-size: 18px;
	line-height: 18px;
	border-bottom: #eee 2px solid;
	margin-bottom: 20px;
}
.choose-specialist .span3:first-child .title {
	margin-left: 0px;
}
.choose-specialist .span3:first-child p {
	padding-left: 20px;
}
.choose-specialist .span4 .title.red{
	border-color: #e74c3c;
}
.choose-specialist .span4 .title.blue{
	border-color: #16c5fe;
}
.choose-specialist .span4 .title.green{
	border-color: #54bf4f;
}
.choose-specialist .span4 .title.orange{
	border-color: #f7931e;
}
.choose-specialist ul {
	list-style: disc outside;
	margin: 20px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
}
.choose-specialist ul li {
	margin-bottom: 20px;
}
.product.banner .h3 {
    font-size: 30px;
    line-height: 30px;
    text-align: left;
    margin: 50px 0 10px 0;
    font-weight: 300;
}


header.mobile-header,
.heade-mobile-menu,
.main-menu-toggle,
.mobile-zadach {
	display: none;
}
 
@media (max-width: 1199.98px) { 

}
@media (max-width: 991.98px) { 
	.container{
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.row{
		margin: 0 !important;
	}
	.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{
		width: initial;
		margin: 0!important;
	} 
	body{
		min-width: 300px
	}
	[class*="span"]{
		float: none
	}
	.footer hr{
		width: 100%
	}	
	.img-zadach{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	.img-zadach .span2{
		float: none;
		padding: 0 15px;
	}
	.img-zadach .span2 p{
		font-size: 16px;
	}
	.top-new .row,
	.menu-no-region .row{
		display: flex;
		justify-content: space-between;
	}
		.row:before, .row:after{
			display: none
		}
		.header-social,
		.contacts-menu,
		.slogan.new{
			display: none
		}
	.spec-zadachi .adapt .row{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap
	}
		.spec-zadachi .adapt .row .span6{
			width: 100%;
			max-width: calc(50% - 15px);
		}
	.adapt ul{
		padding: 0;
	}
		.adapt-zadach li{
			height: auto
		}
			.adapt p{
				width: 100%;
				font-size: 14px;
			}
	h2,
	.adapt h2{
		font-size: 32px;
		line-height: 1.5
	}
	.spec-forma input[type=submit]{
		padding: 0;
		font-size: 14px;
	}
	.black-text {
		background: #fff;
		background-image: url(../../images/pages/services-specialist/map.jpg);
		background-size: 50% auto;
		background-position: 50%;
		background-repeat: no-repeat;
		color: #000;
	}	
	.list-facts{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
		.list-facts .span3{
			width: 250px;
		}
		.facts .number{
			border: none;
			color:#0f1590;
			font-weight:bold;
			font-size: 36px;
			line-height: 36px
		}
		.facts .text{
			font-size: 16px;
		}
	.more-clients{
		display: none
	}
	.clients-wrapper{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;		
	}
		.clients-wrapper .clients-slide {
			display: block !important;
			border-radius: 5px !important;
			overflow: hidden;
			margin: 5px !important;
			width: 200px;
			height: auto;
			position: relative;
			box-shadow: 0 2px 3px #e8e8e8;
			margin: 8px 0 0 8px;
			border-bottom: 1px solid #d7d7d7;
			background:#fff
		}
		.clients-mini-block .clients-slide .picture{
			width: 100%;
			text-align:center;
			box-shadow: none;
			height: auto;
		}
		.clients-mini-block .clients-slide .picture img{
			max-width: 100%;
			display: inline-block
		}
		.clients-mini-block .clients-slide .text{
			width: 100%;
			box-sizing: border-box;
			padding: 10px;
			position: relative;
			font-size: 12px
		}
		.clients-mini-block .text .title{
			font-size: 16px;
		}
	.partner-text-info{
		font-style: italic;
		text-align: center;
		color: #363636;
		background: #fff;
		padding: 20px 15px;	
		padding-bottom: 30px;		
	}
	.footer {
		padding-top: 72px;
		background-color: #212121;
		color: #fff;
	}
		.footer .col-name{
			color:#fff;
			height: auto;
			margin-bottom: 20px;
		}
		.footer .row{
			display: flex;
			flex-wrap: wrap;			
		}
	.footer-social{
		border: none;
	}
		.footer-social__text{
			color:#fff
		}
	.footer2,.footer3{
		justify-content: space-between;
		display: none !important
	} 
		.footer2 .span4{
			width: calc(33% - 15px);
		}
			.go-to-contacts,
			.phone,
			.send-mail{
				background:none
			}
			.footer2 .span4 i{
				 margin: 30px 10px 0 10px;
			}
			.go-to-contacts div{
				font-size: 12px
			}
}
 

@media (max-width: 767.98px) {  
	header.mobile-header {
		display: block
	}
	.top-new{
		background: none;
		height: auto;
		text-align: center;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		padding: 15px;
	}
		.top-new:after{
			content:'Koderline';
			display: block;
			width: 100%;
		}
	.top-new>div{
		display: none;
	}
	section.menu nav{
		background:#ffffff;
		width: 100%;
	}
		section.menu nav>ul>li{
			float: none;
			display: block;
			margin: 0 !important;
			position: relative;
		}
			section.menu nav>ul>li>a{
				color:#363636;
				font-size: 300;
				font-size: 14px;
			}
			.menu-no-region nav>ul>li>a:hover {
				background: #fff;
				color:#205deb
			}	
			a.next-button {
				position: absolute;
    /* right: 0; */
    width: 100%;
    top: 0;
			}
			.menu nav>ul>li ul{
				-webkit-transition: all 250ms linear;
				transition: all 250ms linear;
				list-style-type: none;
				margin: 0;
				padding: 0;
				opacity: 1;	
				height: auto;
				-webkit-transform: translateZ(0);
			}	
			.mobile-mega-menu ul.has-been-viewed {
				-webkit-transform: translate3d(-100%,0,0);
				-ms-transform: translate3d(-100%,0,0);
				transform: translate3d(-100%,0,0);
			}	
			ul.has-been-viewed>li{
				position: inherit !important; 
			}
	.main-menu-toggle{
		display: block;
	}
	.heade-mobile-menu {
		background: #16c5fe;
		color: #fff;
		text-transform: uppercase;
		height: 60px;
		line-height: 60px;
		padding-left:20px;
		display: block;
		display: flex;
		justify-content: space-between; 
		font-weight: bold
	}	
	a.close-mobile-menu {
		position: relative;
		height: 60px;
		width: 60px;
		background:#16c5fe;
		display: inline-block
	}
		a.close-mobile-menu:before {
			content: '';
			height: 20px;
			width: 1px;
			display: block;
			background: #fff;
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
			top: 50%;
			position: absolute;
			margin-top: -10px;
			left: 50%;		
		}
		a.close-mobile-menu:after {
			content:'';
			height: 20px;
			width: 1px;
			display: block;
			background:#fff;
			-moz-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg);	
			position: absolute;
			top: 50%;
			margin-top: -10px;
			left: 50%;				
		}	
	a.close-mobile-menu:hover{
		background:#0bace0
	}
	.main-menu.mobile-mega-menu {
		display: none;
		position: absolute;
		top: 0;
		left: 0px;
		right: 0;

		z-index: 99;
	}
	.menu-fixed .main-menu.mobile-mega-menu{
		
	}
	.menu .row>div {
		height: 56px;
		display: flex;
		align-items: center;
	}	
	a.main-menu-toggle {
		color: #363636;
	}
		a.main-menu-toggle span{
			width: 12px;
			height: 1px;
			background:#363636;
			display: inline-block;
			position: relative;
			vertical-align: middle;
			margin-right: 10px;
		}
		a.main-menu-toggle span:before {
			content: '';
			width: 12px;
			height: 1px;
			display: block;
			position: absolute;
			margin-top: -4px;	
			background:#363636;
		}
		a.main-menu-toggle span:after {
			content:'';
			width: 12px;
			height: 1px;
			display: block;
			background:#363636;
			position: absolute;
			margin-top: 4px;			
		}	
		
			.mobile-zadach{
		display: block;
	}
	.desctop-zadach{
		display: none;
	}
	.menu-no-region .icon-search{
		background: url(/bitrix/templates/new/images/mobile-search.png) no-repeat 10px 50%;
		text-indent: inherit;
		color: #363636;
		width: 75px;
		text-align: right;
		margin: 0;
		height: auto;
	}
		section.menu.menu-no-region.mb-m.menu-fixed {
			background: #fff;
			box-shadow: 0 2px 5px 0 #cecece;
			position: relative
		}
	.menu nav>ul>li ul{
		position: absolute;
		left: 100%;
		top: 0;
		display: block;
		width: 100%;
	}
	body {
		overflow-x: hidden;
	}
	.menu nav>ul>li ul li a{
		background:#fff;
		color:#212121
	}
	a.next-button .arrow {
		text-indent: -999px;
    position: absolute;
    right: 56px;
	}
		a.next-button .arrow:before {
			content: '';
			height: 10px;
			width: 1px;
			display: block;
			background: #000;
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
			top: 50%;
			position: absolute;
			margin-top: -2px;
			left: 50%;
		}
		a.next-button .arrow:after {
			content: '';
			height: 10px;
			width: 1px;
			display: block;
			background: #000;
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
			position: absolute;
			top: 50%;
			margin-top: -9px;
			left: 50%;
		}	
	a.back-button{
		position: relative;
		padding-top: 22px !important;
		padding-bottom: 15px !important;
	} 
		a.back-button:before {
			content: '';
			height: 10px;
			width: 2px;
			display: block;
			background: #000;
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
			top: 50%;
			position: absolute;
			margin-top: -5px;
			left: 0px;
		}
		.menu nav>ul>li ul li a.back-button:after {
			content: '';
			height: 10px;
			width: 2px;
			display: block !important;
			background: #000;
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
			position: absolute;
			top: 50%;
			margin-top: 2px;
			left: 0px;
		}	
		.menu nav>ul>li ul li {
			margin: 0;
			border-top: 1px solid #dddddd;
			padding-left: 30px;
			background: #fff;
		}	
			.menu-no-region nav>ul>li ul li a:hover {
				background: #fff;
				color: #2f68ec;
			}	
.banner-serv h1 {
    font-size: 25px;
    line-height: 35px;
    text-transform: none;
    font-weight: 500;
    color: #000;
    padding-top: 20px;
    margin-bottom: 10px;
}
.banner-serv .zayavka-short {
    width: auto;
    font-size: 14px;
	margin-top: 40px;
    line-height: 16px;
}
.project-list .project-item .project-description {
    float: left;
    width: auto;
    height: auto;
    padding: 20px;
    background: #faf9f9;
    position: relative;
}
.form-serv input[name=phone_email] {
    width: 100%;
    float: right;
}

.banner-serv input[type=text] {
    display: block;
    background: #ffffffe3;
    font-family: Roboto;
    font-size: 14px;
    line-height: 14px;
    width: 100%;
    float: left;
    margin-right: 30px;
    padding: 10px;
    padding-left: 30px;
    border: #cbcbca 1px solid;
    margin-bottom: 15px;
    border-radius: 5px;
    box-sizing: border-box;
}

.banner-serv input[type=submit] {
    width: 100%;
    display: block;
    background: #f8931f;
    font-family: Roboto;
    color: #fff;
    text-transform: uppercase;
    border: 0px;
    padding: 0 30px;
    line-height: 41px;
}
ul.squared li {
    padding-left: 35px;
    margin: 10px 0;
color: #000;}

.pochem-img img {
    margin-bottom: -5px;
    margin-left: -15px;
    margin-right: -10px;
    /* height: 240px; */
    position: relative;
    width: 100%;
}
.form-serv .zayavka-short {
    width: auto;
    font-size: 14px;
    line-height: 16px;
}

.form-serv input[name=name] {
    width: 100%;
    float: left;
}

.form-serv input[type=submit] {
    width: 100% !important;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
}

.grey-text.stoimost {
    background: #37298e;
    color: #fff;
    padding-bottom: 200px;
}

.stoimost .span4{
    width: 45%;
    float: left;
}
.grey-text.stoimost .description {
float: left;} 		


ul.squared {
    
     padding-bottom: 0px;
}
.row.sq-spisok{
	padding-bottom:20px;
}
.stoimost .span4.text-stoimost{
	width:100%;
}
.grey-text.stoimost h3 {
    font-size: 16px;
    line-height: 18px;
    padding-top: 0px;
}



.banner-serv {
    background:none;
    height:400px;
    
}
.banner-serv ul.squared li {
    
    color: #000;
}

}