@font-face {
	font-family: 'gotham_proregular';
	src: url('/fonts/gothaproreg-webfont.eot');
	src: url('/fonts/gothaproreg-webfont.eot?#iefix') format('embedded-opentype'),
	url('/fonts/gothaproreg-webfont.woff') format('woff'),
	url('/fonts/gothaproreg-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PermianSerifRegular';
	src: url('/fonts/PermianSerifRegular.eot');
	src: url('/fonts/PermianSerifRegular.eot?#iefix') format('embedded-opentype'),
	url('/fonts/PermianSerifRegular.woff') format('woff'),
	url('/fonts/PermianSerifRegular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GothamProLight';
	src: url('/fonts/GothaProLig-webfont.eot');
	src: url('/fonts/GothaProLig-webfont.eot?#iefix') format('embedded-opentype'),
	url('/fonts/GothaProLig-webfont.woff2') format('woff2'),
	url('/fonts/GothaProLig-webfont.woff') format('woff'),
	url('/fonts/GothaProLig-webfont.ttf') format('truetype'),
	url('/fonts/GothaProLig-webfont.svg#gotham_prolight') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 1000px;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'gotham_proregular', Arial, Helvetica, "Trebuchet MS", Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	line-height: 1.2;
	color: #2f2f2f;
	width: 100%;
	min-width: 1000px;
	height: 100%;
	background: #0b1017 url(/images/bg.png) no-repeat center top;
	background-size: 100% 1300px; /* auto 1300px */
}

*,
*:hover,
*:active,
*:focus {
	outline: none !important;
}
a {
	outline: none;
	color: #2f2f2f;
}

area, map, img[usemap], input[type=submit] {
	outline: none !important;
	border: 0;
}

.cusel {
	outline: none;
}

a:hover:not(.page-main a) {
	color: #e4a44d !important;
	text-decoration: none;
}

a img {
	border: none;
}

p, h1, ul, h2, h3 {
	margin: 0;
}

li, div {
	outline: none;
}

input[type=text], input[type=password], select, textarea {
	border: 1px solid #d8d8d8;
	/* font-size: 13px; */
	font-family: 'gotham_proregular', Arial, Helvetica, "Trebuchet MS", Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 3px 5px;
	font-weight: normal;
	color: #333;
	resize: none;
	width: 145px;
	background: #fff;
	outline: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
	border: 1px solid #eee;
}

.not_fill {
	border: 1px solid #db294b !important;
}

input[type=submit] {
	font-family: Arial, Helvetica, sans-serif;
}

input[type=text], input[type=password], textarea {
	position: relative;
	z-index: 2;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, .cusel:focus {
	-moz-box-shadow: 0 0 5px 0 #dadada;
	-webkit-box-shadow: 0 0 5px 0 #dadada;
	-khtml-box-shadow: 0 0 5px 0 #dadada;
	box-shadow: 0 0 5px 0 #dadada;
	behavior: url(/plugins/PIE.htc);
}

.help_out {
	display: inline-block;
	position: relative;
}

.help_in {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0;
	z-index: 1;
	border-collapse: collapse;
}

.help_text {
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
	color: #666;
	font-family: 'gotham_proregular', Arial, Helvetica, Tahome, sans-serif;
}

.textarea_out .help_text {
	vertical-align: top;
}

.help_text.focus {
	color: #bbb;
}

input[type=checkbox] {
	display: none;
}

.checkbox {
	width: 10px;
	height: 10px;
	display: inline-block;
	background: url(/images/checkbox.png) no-repeat top;
	cursor: pointer;
	margin-top: 2px;
	float: left;
}

.checkbox.checked {
	background-position: bottom;
}

.checkbox_label {
	cursor: pointer;
}

.checkbox_label:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.checkbox_label div {
	margin-left: 5px;
	color: #666;
	display: inline-block;
}

.tnx_msg {
	color: green;
	text-align: center;
	padding: 40px 0;
	font-size: 15px;
}

.err_msg {
	color: red;
	text-align: center;
	padding: 40px 0;
	font-size: 15px;
}

#wrapper {
	position: relative;
	z-index: 2;
}

#wrap_out {
	position: relative;
	z-index: 3;
	width: 100%;
	min-width: 1000px; /*min-height: 100%;height: auto!important;height: 100%;margin-bottom: -37px;*/
}

/*.push {height:37px;clear: both;}*/
.clear {
	clear: both;
}

.clear2 {
	clear: both;
	height: 1px;
}

.inner {
	width: 980px;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
}

.imp_info {
	padding: 10px 0 30px 0;
	text-align: center;
	font-size: 20px;
}

.imp_info2 {
	padding: 50px 0;
	text-align: center;
	font-size: 20px;
}

.fail_res {
	color: red;
	text-align: center;
}

.error_msg {
	color: red;
	display: none;
}

.loader {
	text-align: center;
	padding: 100px 0;
	display: none;
}

.table {
	border: 0;
	border-collapse: collapse;
}

.table td {
	padding: 0;
	vertical-align: top;
}

.bold {
	font-weight: bold;
}

.tahoma {
	font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.w_100 {
	width: 100%;
}

.upper {
	text-transform: uppercase;
}

.float_r {
	float: right;
}

.float_l {
	float: left;
}

.align_center {
	text-align: center;
}

/* Main */
#wrap_out {
}

#wrapper {
}

#content {
}

.page_text {
	padding: 0px 0px;
	line-height: 1.3;
	font-size: 13px;
	color: #eeeeee;
}

.page_text img {
	max-width: 1280px;
	height: auto;
}

.page_text p {
	margin-bottom: 5px;
}

.page_text ul {
	list-style: none;
	padding-left: 40px;
	margin-bottom: 10px;
}

.page_text li {
	padding-left: 20px;
	background: url(/images/list.png) no-repeat left 6px;
}

.page_text table {
	border: 1px solid #000;
	border-collapse: collapse;
}

.page_text table td {
	padding: 3px 5px;
	vertical-align: top;
}

#shadow_box {
	display: none;
	background: url(/images/opacity.png) repeat;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

.imp_info3 {
	color: #e4a44d;
	font-size: 18px;
	width: 350px;
	margin: 150px auto;
}

#bg {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.title_block {
	text-align: center;
	margin: 20px auto 60px auto;
	max-width: 800px;
}

.title_block_inner {
	position: relative;
	display: inline-block;
}

.page_title {
	font-size: 32px;
	color: #e4a44d;
	font-weight: 100;
	letter-spacing: 4px;
	text-transform: uppercase;
	display: inline-block;
	line-height: 1;
	font-family: 'PermianSerifRegular', "Times New Roman", Georgia, serif;
}

.page_title_border {
	width: 73px;
	height: 2px;
	background: url(/images/title_border.png) repeat-x;
	position: absolute;
	z-index: 2;
	top: 15px;
}

.page_title_border.left {
	left: -100px;
}

.page_title_border.right {
	right: -100px;
}

.page_title_sub {
	color: #8c8c8c;
	font-size: 16px;
	font-weight: normal;
	margin-top: 15px;
}

.inner2 {
	max-width: 1190px;
	/*width: 980px;*/ /* WINpION */
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
}

.inner3 {
	max-width: 1900px;
	min-width: 980px;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
}

.bg_top_shadow {
	height: 331px;
	width: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	background: url(/images/shadow_top.png) repeat-x top;
}

.elastic_img, .elastic_img img {
	max-width: 1190px;
	width: 100%;
	height: auto;
}

#go_top {
	display: none;
	position: fixed;
	z-index: 20;
	left: 10px;
	bottom: 50px;
	cursor: pointer;
	font-size: 11px;
	color: #aeaeae;
	text-transform: uppercase;
	text-align: center;
	line-height: 1;
}

#go_top .img_block {
	width: 41px;
	height: 37px;
	background: url("/images/go_top.png") no-repeat top;
	margin-bottom: 15px;
}

#go_top:hover {
	color: #e4a44d;
}

#go_top:hover .img_block {
	background-position: bottom;
}

/* footer */
#footer {
	padding: 45px 0 0 0;
	border-top: 1px solid #22232b;
	line-height: 1.5;
	/* padding-top: 90px; */
}

#footer.with_bg {
	background: #0b1017;
}

.company {
	float: left;
	color: #595959;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1;
}

.company img {
	display: inline-block;
	margin-right: 11px;
}

.copyright {
	float: right;
	font-size: 11px;
	color: #717171;
}

#footer .bottom {
	border-top: 1px solid #22232b;
	padding: 15px 0;
}

.footer_menu {
	margin-bottom: 45px;
}


/* WINpION Changes */
.footer_menu td {
	border-right: 1px solid #22232b;
	padding: 0 55px; /* 0 70px */
}
/* WINpION Changes */

.footer_menu .first {
	padding-left: 0;
}

.footer_menu .last {
	padding-right: 0;
	border-right: 0;
	text-align: center;
}

.foot_title {
	color: #999;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 25px;
	white-space: nowrap;
	font-family: 'PT Sans', sans-serif;
}

.footer_menu a {
	color: #727272;
	font-size: 12px;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 6px;
	position: relative;
}

.footer_menu a:hover .pointer {
	width: 1px;
	height: 1px;
	background: #be8b43;
	position: absolute;
	top: 6px;
	left: -13px;
}

.footer_menu a:hover {
	color: #be8b43;
}
.cravter_btn {
	display: inline-block;
	/* padding-top: 100px; */
	/* background: url(/images/cartbox.svg) no-repeat center top; */
	/* background-size: 80px; */
	text-align: center;
}

.cravter_btn span {
	color: #848484;
	font-size: 12px;
	display: inline-block;
	border: 1px solid #979797;
	padding: 4px 13px;
	white-space: nowrap;
}

.cravter_btn:hover span {
	color: #000;
	background: #979797;
}

.menu_td {
	width: 82px;
}

.portfolio_td {
	width: 150px;
}

.service_td {
	width: 140px;
}

.cms_td .foot_title {
	text-align: center;
}

.cms_td p {
margin-bottom: 20px;
font-size: 13px;
line-height: 18px;
}

/* WINpION Changes */
.cms_td .foot_title {
margin-bottom: 15px;
padding-bottom: 55px;
background: url(/images/cartbox.svg) no-repeat center bottom;
background-size: 40px;
}
/* ----- */

/* Header */
#header {
	text-align: center;
	position: relative;
	height: 120px;
}

#logo {
	position: absolute;
	top: 25px;
	left: 23px;
}

#logo img {
	display: block;
}

#cont_block {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 185px;
	text-align: left;
}

#cont_block .phone {
	color: #cccccc !important;
	text-decoration: none;
	font-size: 15px;
	line-height: 1;
	padding-top: 3px;
	float: left;
	display: none;
}

#cont_block .phone.active {
	display: block;
	color: #cccccc !important;
	text-decoration: none;
}

#cont_block .city_btn {
	text-align: left;
	padding-top: 5px;
}

#cont_block .phone_btn {
	color: #a8a8a8;
	font-size: 10px;
	display: inline-block;
	margin-right: 5px;
	border-bottom: 1px dashed #555;
	cursor: pointer;
}

#cont_block .phone_btn.active {
	color: #e4a44d;
	border-bottom: 0;
	cursor: default;
}

#cont_block .fb {
	background: url(/images/fb.png) no-repeat;
	width: 20px;
	height: 19px;
	float: right;
}

#cont_block .fb:hover {
	background-position: 0 -19px;
}

#main_menu {
	float: left;
}

.menu_wrap {
	display: inline-block;
	padding-top: 23px;
	position: relative;
}

.main_menu a {
	color: #cccccc;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	margin: 0 16px;
	position: relative;
	line-height: 1;
}

.main_menu .pointer {
	position: absolute;
	width: 1px;
	height: 10px;
	background: #e4a44d;
	left: 50%;
	top: -23px;
	display: none;
}

.main_menu a:hover, .main_menu a.active {
	color: #e4a44d !important;
}

.main_menu a.active .pointer {
	display: block;
}

.main_menu td.sep {
	vertical-align: middle;
	text-align: center;
	width: 1px;
}

.main_menu .sep div {
	width: 1px;
	height: 1px;
	background: #979797;
	display: inline-block;
}

#lang {
	float: left;
	margin-top: -4px;
}

#lang .block {
	cursor: default;
	text-decoration: none;
	color: #cccccc;
	font-size: 10px;
	line-height: 1;
	padding: 3px 4px 3px 6px;
	display: inline-block;
	border: 1px solid #979797;
	margin-right: 5px;
	letter-spacing: 1px;
}

#lang a.block {
	border: 0;
	padding: 5px;
	cursor: pointer;
}

/* Projects menu */
.menu_categories {
	text-align: center;
	margin-bottom: 20px;
}

.main_categories a {
	position: relative;
	font-size: 10px;
	text-transform: uppercase;
	color: #8f8f8f;
	text-decoration: none;
	border: 1px solid #656565;
	display: inline-block;
	padding: 9px 16px 7px 16px;
	line-height: 1;
	margin: 0 3px 40px 6px;
}

.main_categories a.active, .main_categories a:hover {
	border: 1px solid #e4a44d;
	color: #e4a44d !important;
}

.main_categories a.seo_link {
	background: url(/images/seo_link.png) no-repeat 95% 9px;
	padding-right: 30px;
}

.main_categories a.seo_link.active, .main_categories a.seo_link:hover {
	background-position: 95% -31px;
}

.main_categories .active .triangle {
	position: absolute;
	width: 15px;
	height: 9px;
	background: url(/images/triangle.png) no-repeat;
	bottom: -8px;
	left: 50%;
	margin-left: -8px;
}

.sub_categories a {
	font-size: 13px;
	color: #8f8f8f;
	text-decoration: none;
	display: inline-block;
	line-height: 1;
	margin: 0 11px 40px 11px;
}

.sub_categories a.active, .sub_categories a:hover {
	color: #e4a44d !important;
}

.sub_categories .all {
	background: url(/images/all_icon.png) no-repeat left 3px;
	padding-left: 20px;
}

.sub_categories .all:hover, .sub_categories .all.active {
	background-position: left -40px;
}

/* Projects */
#projects {
	margin-bottom: 50px;
}

.projects_list {
	margin: 0 -10px;
}

.projects_list .block {
	float: left;
	width: 220px;
	height: 280px;
	padding: 0;
	position: relative;
	z-index: 111;
	margin: 0 11px 40px 11px;
}


.projects_list .block:hover {
	background-position: bottom;
}

.projects_list .block .pict {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	max-width: 220px;
	max-height: 280px;
}

.projects_list .block .date {
	position: absolute;
	z-index: 3;
	bottom: 15px;
	left: 17px;
	line-height: 1;
	font-size: 10px;
	color: #999;
}

.projects_list .block .title {
	position: absolute;
	z-index: 3;
	bottom: 32px;
	left: 17px;
	line-height: 21px;
	font-size: 15px;
	color: #cecece;
	text-transform: uppercase;
	width: 192px;
}

.projects_list .block:hover .title {
	color: #e4a44d;
	text-shadow: 0px 1px 0px #000;
}

.projects_list .hover {
	display: none;
	position: absolute;
	z-index: 2;
	max-width: 220px;
	max-height: 280px;
	top: 0;
	left: 0;
}

/* Project page */
.project_title {
	font-size: 33px;
	line-height: 1;
	color: #e4a44d;
	margin-bottom: 40px;
	font-weight: 100;
	letter-spacing: 3px;
	text-align: center;
	font-family: 'PermianSerifRegular', "Times New Roman", Georgia, serif;
	text-transform: uppercase;
	margin-top: 10px;
}

.project_text {
	width: 600px;
	color: #fff;
	margin: 0 auto;
	margin-bottom: 35px;
}

.site_link {
	display: inline-block;
	border: 1px solid #e4a44d;
	text-decoration: none;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.site_link .word {
	background: #e4a44d;
	display: inline-block;
	color: #273b5c;
	padding: 7px 22px;
}

.site_link .link {
	padding: 7px 30px;
	display: inline-block;
	color: #e4a44d;
}

.site_link:hover .link {
	background: #e4a44d;
	color: #273b5c;
}

.site_link:hover .word {
	background: none;
	color: #e4a44d;
}

.project_block {
	padding: 60px 0;
	/* padding: 0; */
}

.project_block .title {
	padding-left: 60px;
	color: #404040;
	font-size: 30px;
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	line-height: 1;
	margin-bottom: 30px;
	letter-spacing: 2px;
	letter-spacing: 1px;

}

.project_block .counter {
	border: 1px solid #444;
	border-radius: 16px;
	font-size: 17px;
	height: 22px;
	left: 0;
	padding-top: 6px;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 29px;
	border: 1px solid #444;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	-khtml-border-radius: 16px;
	border-radius: 16px;
	behavior: url(/plugins/PIE.htc);
}

.project_block .text {
	margin: 0 auto;
	max-width: 1190px;
	min-width: 1000px;
	color: #424242;
	font-size: 16px;
	line-height: 25px;
	margin-top: 25px;
}

#back_btn {
	text-decoration: none;
	position: fixed;
	z-index: 5;
	bottom: 50px;
	right: 15px;
	text-align: center;
	width: 65px;
	color: #9f9f9f;
	font-size: 9px;
	line-height: 11px;
	cursor: pointer;
}

#back_btn .btn_img {
	width: 26px;
	height: 26px;
	display: inline-block;
	background: url(/images/close.png) no-repeat top;
	margin-bottom: 20px;
}

#back_btn:hover .btn_img {
	background-position: bottom;
}

/* Pagination */
.pagination {
	float: right;
	position: relative;
	text-align: right;
	width: 475px;
	padding-right: 15px;
	margin-top: 40px;
	margin-bottom: 90px;

}

.pagination .pblock {
	font-size: 11px;
	display: inline-block;
	text-decoration: none;
	width: 19px;
	padding: 4px 0;
	text-align: center;
	line-height: 1;
	color: #848484;
	border: 1px solid #4e4e4e;
}

.pagination .pblock:hover {
	color: #e4a44d !important;
	border: 1px solid #e4a44d;
}

.pagination .active {
	cursor: default !important;
	color: #e4a44d!important;
	border: 1px solid #e4a44d;
}

.title_pagination {
	font-size: 13px;
	color: #5b5b5b;
	margin-bottom: 10px;
}

.pagination .more_block {
	position: absolute;
	top: -13px;
	left: -230px;
	line-height: 1;
}

.pagination .more {
	float: left;
	color: #7a7a7a;
	font-size: 19px;
	margin-right: 20px;
}

.pagination .plus {
	float: left;
	background: url(/images/more_pages.png) no-repeat top;
	width: 65px;
	height: 69px;
	margin-right: 17px;
}

.pagination .more_block:hover .plus {
	background-position: bottom;
}

.pagination .right {
	float: right;
	text-align: left;
}

.pagination .proj_num {
	color: #7d7d7d;
	font-size: 43px;
	margin-bottom: 2px;
	padding-top: 5px;
}

.pagination .proj_word {
	color: #848484;
	font-size: 19px;
	padding-left: 3px;
}

.pagination .more_block:hover .more, .pagination .more_block:hover .proj_num, .pagination .more_block:hover .proj_word {
	color: #e4a44d !important;
}

/* Contact */
.border_block {
	position: relative;
	width: 286px;
	height: 90px;
	padding-top: 44px;
	margin-bottom: 50px;
	display: inline-block
}

.border_block .border_left {
	border: 1px solid #6d6e6f;
	border-right: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 74px;
}

.border_block .border_right {
	border: 1px solid #6d6e6f;
	border-left: 0;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 74px;
}

.border_block .title_wrap {
	position: absolute;
	top: -9px;
	text-align: center;
	width: 100%;
	height: 18px;
}

.border_block .title {
	font-size: 20px;
	line-height: 1;
	color: #999;
	display: inline-block;
	position: relative;
	height: 20px;
}

.border_block .title_l {
	position: absolute;
	border-top: 1px solid #6d6e6f;
	width: 50px;
	left: -60px;
	top: 9px;
}

.border_block .title_r {
	position: absolute;
	border-top: 1px solid #6d6e6f;
	width: 50px;
	right: -60px;
	top: 9px;
}

#contact .title_block {
	margin-bottom: 60px;
}

.contact_table {
	text-align: center;
	margin-bottom: 120px;
	margin-top: 100px;
}

.adres {
	color: #a09f9f;
	font-size: 15px;
	line-height: 20px;
}

.map_btn {
	color: #848484;
	font-size: 12px;
	border: 1px solid #979797;
	display: inline-block;
	padding: 4px 0;
	width: 134px;
	position: absolute;
	bottom: -14px;
	left: 50%;
	margin: 0 0 0 -68px;
}

.map_btn:hover {
	cursor: pointer;
	background: #979797;
	color: #000;
}

.tel {
	color: #999;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 15px;
}

.cont {
	color: #999;
	font-size: 12px;
	border-bottom: 1px dashed #999;
	display: inline-block;
	text-decoration: none;
}

.cont:hover {
	padding-bottom: 1px;
	border: 0;
}

#map_block {
	height: 300px;
	width: 940px;
	margin: 0 auto 120px auto;
	position: relative;
	display: none;
	background: #c5c5c5;
}

#map_canvas {
	height: 100%;
	width: 100%;
}

#map_block .info_block {
	color: #fff;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	height: 210px;
	width: 210px;
	background: url(/images/opacity.png) repeat;
	display: none;
	text-align: center;
	padding: 45px 10px;
}

#map_block .adres, #map_block .tel, #map_block .cont {
	color: #fff;
}

#map_block .adres {
	margin-bottom: 20px;
}

#map_block .tel {
	margin-bottom: 20px;
}

#map_block .close {
	background: url(/images/close.png) no-repeat top;
	width: 26px;
	height: 26px;
	position: absolute;
	z-index: 3;
	top: -2px;
	right: -40px;
	cursor: pointer;
}

#brief_table {
	text-align: center;
	margin-bottom: 140px;
}

#brief_table table {
	display: inline-block;
}

#brief_table td {
	vertical-align: middle;
}

.brief_btn {
	color: #090a0d;
	background: #e4a44d;
	font-size: 18px;
	padding: 25px 70px;
	line-height: 1;
	cursor: pointer;
}

.brief_btn:hover {
	background: #f2b25a;
}

.brief_btn_info {
	color: #7e7e7e;
	font-size: 14px;
	line-height: 20px;
	position: relative;
	margin-left: 40px;
	cursor: pointer;
}

.brief_arrow {
	position: absolute;
	bottom: -20px;
	left: 50%;
	width: 15px;
	height: 8px;
	background: url(/images/brief_arrow.png) no-repeat;
	margin-left: -8px;
}

#brief_block {
	width: 202px;
	margin: 0 auto 120px auto;
	display: none;
}

#brief_block .title {
	float: left;
	font-size: 18px;
	color: #7e7e7e;
	line-height: 25px;
}

#brief_block .close {
	background: url(/images/close.png) no-repeat top;
	width: 26px;
	height: 26px;
	float: right;
	margin-top: 8px;
	cursor: pointer;
}

#brief_block .list {
	margin-top: 45px;
}

#brief_block .list a {
	display: block;
	width: 200px;
	border: 1px solid #5c5c5c;
	padding: 9px 0;
	font-size: 11px;
	color: #7e7e7e;
	text-align: center;
	text-decoration: none;
	margin-bottom: 19px;
}

#brief_block .list a:hover {
	background: #be8b43;
	border-color: #be8b43;
	color: #0a0c0f !important;
}

.close:hover {
	background-position: bottom !important;
}

#contact_block {
	position: relative;
	width: 950px;
	padding-top: 44px;
	margin: 0 auto 150px auto;
}

#contact_block .border_left {
	border: 1px solid #444;
	border-right: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 324px;
	z-index: -1;
}

#department_city{
	border: 1px solid #6d6e6f;
	background-color: transparent;
	color: #6d6e6f;
	width: 187px;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 25px;
}
#department_city option{
	color: #6d6e6f;
	background-color: #0d1219;
	transition: all .4s;
}
#contact_form table tbody tr:nth-child(1) td:nth-child(1){
	position: relative;
}
#contact_form table tbody tr:nth-child(1) td:nth-child(1):after{
	content: '';
	position: absolute;
	top: 10px;
	height: 25px;
	right: 8px;
	width: 1px;
	border: 4px solid transparent;
	border-top: 5px solid #6d6e6f;
}
#contact_form table tbody tr:nth-child(1) td:nth-child(1):before{
	content: '';
	position: absolute;
	top: 0;
	height: 25px;
	right: 25px;
	width: 1px;
	background-color: #6d6e6f;
}

#contact_block .border_right {
	border: 1px solid #444;
	border-left: 0;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 324px;
	z-index: -1;
}

#contact_block .title_wrap {
	position: absolute;
	top: -10px;
	text-align: center;
	width: 100%;
	height: 18px;
}

#contact_block .title {
	font-size: 22px;
	line-height: 1;
	color: #f2b25a;
	display: inline-block;
	position: relative;
	height: 22px;
}

#contact_block .title_r {
	position: absolute;
	border-top: 1px solid #444;
	width: 100px;
	right: -125px;
	top: 10px;
}

#contact_block .title_l {
	position: absolute;
	border-top: 1px solid #444;
	width: 100px;
	left: -125px;
	top: 10px;
}

.cont_text {
	color: #686868;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	margin-bottom: 40px;
}

#contact_block textarea {
	border: 1px solid #6d6e6f;
	width: 792px;
	background: none;
	color: #6d6e6f;
	padding: 5px 10px;
	margin-top: 20px;
	font-size: 13px;
	height: 60px;
	margin-bottom: 50px;
}

#contact_block input {
	border: 1px solid #6d6e6f;
	width: 175px;
	background: none;
	color: #6d6e6f;
	padding: 4px 10px;
	margin-left: 12px;
	font-size: 13px;
}

#contact_block .help_text {
	color: #6d6e6f;
}

#cuselFrame-department_city {
	background: none;
	color: #959595;
	width: 185px !important;
	height: 23px;
	padding: 0;
	border: 1px solid #6d6e6f;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
}

#cuselFrame-department_city .cuselText {
	color: #6d6e6f;
	padding: 3px 10px;
}

#cuselFrame-department_city .cuselFrameRight {
	width: 27px;
	background-position: center;
	border-left: 1px solid #6d6e6f;
}

#contact_form {
	margin-bottom: 70px;
}

#contact_form table {
	display: inline-block;
	text-align: left;
}

#contact_form {
	text-align: center;
}

#contact_block .send {
	margin-left: -150px;
	position: absolute;
	left: 50%;
	bottom: -22px;
	width: 300px;
	height: 28px;
	padding: 10px 0 0 0;
	text-align: center;
	color: #0b0d10;
	font-size: 18px;
	line-height: 1;
	background: #e4a44d;
	border: 1px solid #e4a44d;
	cursor: pointer;
	z-index: 1;
}

#contact_block .send:hover {
	background: #f2b25a;
}


#contact_block .send.not_active {
	background: none;
	border-color: #333;
	cursor: default;
}

input[type=file] {
	margin: 0 !important;
	padding: 0 !important;
	width: 300px !important;
	height: 24px;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE 5.5+*/
	-moz-opacity: 0; /* Mozilla 1.6 � ���� */
	-khtml-opacity: 0; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

.file_box {
	overflow: hidden;
	position: relative;
	z-index: 2;
	width: 300px;
	margin: 0 auto;
}

.file_button {
	background: url(/images/add_file.png) no-repeat 0 2px;
	width: 270px;
	height: 30px;
	position: relative;
	z-index: 1;
	font-size: 10px;
	color: gray;
	padding: 0 0 0 30px;
}

.file_button.hover {
}

.file_button.dis {
}

.file_button div {
	margin: 0 0 2px 0;
}

#file_wrap {
	position: relative;
	z-index: 2;
	margin: -30px 0 0 0;
}

.MultiFile-label {
	margin: 10px 0 0 30px;
	color: #aeaeae;
}

.file_inf {
	font-size: 10px;
	color: gray;
	float: left;
	margin: 13px 0 0 10px;
}

.add_file_more {
	margin: 0 0 0 185px;
	font-size: 12px;
	border-bottom: 1px dashed gray;
	float: left;
	color: gray;
	cursor: pointer;
}

.add_file_more:hover {
	color: red;
	border: 0;
	margin-bottom: 1px;
}

.file_add_text {
	color: #aeaeae;
	font-size: 12px;
	line-height: 1;
}

.file_add_text2 {
	color: #444;
	font-size: 10px;
	line-height: 1;
}

#contact_block .loader {
	padding: 0 0 100px 0;
}

/* Home */
.link_all {
	border: 1px solid #e4a44d;
	padding: 7px 19px;
	line-height: 1;
	font-size: 10px;
	color: #e4a44d;
	display: inline-block;
	margin-top: 25px;
	text-decoration: none;
	text-transform: uppercase;
}

.link_all:hover {
	background: #e4a44d;
	color: #000 !important;
}

.home_projects {
	margin-bottom: 80px;
	padding-top: 30px;
	height: 280px;
	overflow: hidden;
}

.home_advantages td {
	text-align: center;
	color: #9d9d9d;
}

.home_advantages a {
	color: #9d9d9d;
	text-decoration: none;
}

.home_text {
	margin-bottom: 70px;
	padding-top: 30px;
}

.home_text .pict_tr {

}
.home_text .pict_tr img{
	margin-bottom: 10px;
}
.home_text .pict_tr td {
	vertical-align: baseline;
}
.home_text .pict_tr td{
	margin-bottom: 15px;
}

.home_text .text_tr td {
	vertical-align: top;
	color: #9d9d9d;
	font-size: 13px;
	padding-top: 15px;
	line-height: 21px;
}

#home_directions {
	text-align: center;
	padding: 80px 0 90px 0;
	position: relative;
}

#home_directions .link_left:hover,
#home_directions .link_right:hover{
	color: #BE8B39;
}

#home_directions td {
	vertical-align: bottom;
}

#home_directions .wrap_block {
	position: relative;
}

#home_directions .block {
	text-decoration: none;
	display: inline-block;
	margin-bottom: 30px;
	position: relative;
	z-index: 2;
}

#home_directions .block.main_block {
	margin-bottom: 0;
}

#home_directions .full_width_block {
	display: inline-block;
}

#home_directions .pict {
	display: table-cell;
	vertical-align: middle;
	height: 130px;
	width: 100%;
	position: relative;
}

#home_directions .title {
	color: #8c8c8c;
	font-size: 13px;
	margin-top: 30px;
	line-height: 1.4;
}

#home_directions .link_left {
	position: absolute;
	z-index: 2;
	display: inline-block;
	top: 0px;
	left: 50%;
	margin: 0 0 0 -315px;
	color: #ccc;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
}

#home_directions .link_right {
	position: absolute;
	z-index: 2;
	display: inline-block;
	top: -50px;
	right: -140px;
	color: #ccc;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	top: 0px;
	right: 50%;
	margin: 0 -315px 0 0;
}

#home_directions .line_left {
	background: url(/images/line_left.png) no-repeat center;
	width: 100px;
	height: 101px;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50px;
	margin: 0 0 0 -250px;
}

#home_directions .line_right {
	background: url(/images/line_right.png) no-repeat center;
	width: 94px;
	height: 94px;
	position: absolute;
	z-index: 2;
	right: 50%;
	top: 50px;
	margin: 0 -245px 0 0;
}

#directions_pointer {
	background: url(/images/home_hover.png) no-repeat center;
	width: 440px;
	height: 504px;
	position: absolute;
	display: none;
	z-index: 1;
}

#logo_line {
	border-top: 1px solid #22232b;
	padding: 50px 20px;
	text-align: center;
	position: relative;
}

#logo_line img {
	max-width: 1436px;
	width: 100%;
	height: auto;
}

/* Project footer */
#project_footer {
	padding-top: 65px;
	background: #0b1017;
}

#project_cont_line {
	width: 960px;
}

#project_cont_line .hide_for_order {
	margin-bottom: 100px;
	margin-top: 60px;
}

td.word_td {
	width: 250px;
	padding-right: 55px;
}

.word_td .word {
	font-size: 26px;
	line-height: 28px;
	color: #a0a0a0;
	margin-bottom: 25px;
}

.open_order_btn {
	font-size: 19px;
	line-height: 1;
	border: 1px solid #949494;
	padding: 7px 20px;
	display: inline-block;
	color: #a7a7a7;
	text-transform: none !important;
}

.open_order_btn:hover {
	cursor: pointer;
	background: #f1ad51;
	color: #000000;
	border-color: #f1ad51;
}

.like_td {
	width: 140px;
	text-align: right;
}

.like_td .addthis_toolbox {
	display: inline-block;
	margin-top: 10px;
}

td.phone_td {
	background: url(/images/phone_footer.png) no-repeat left top;
	padding-left: 40px;
}

.phone_td .phone {
	color: #a7a7a7;
	font-size: 64px;
	line-height: 1;
	display: none;
	font-family: arial, tahoma, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
}

.phone_td .phone span {
	font-size: 20px;
	color: #818181;
	position: relative;
	top: -35px;
	margin-right: 10px;
	font-weight: normal;
	display: inline-block;
	width: 75px;
	text-align: right;
}

.phone_td .phone.active {
	display: block;
}

.phone_td .city_btn {
	padding-left: 85px;
	margin-top: 4px;
}

.phone_td .phone_btn {
	color: #6b6b6b;
	font-size: 15px;
	border-bottom: 1px dashed #6b6b6b;
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
}

.phone_td .phone_btn.active {
	color: #e4a44d;
	border-bottom: 0;
	cursor: default;
}

#project_cont_line #contact_block {
	display: none;
	margin-bottom: 135px;
	margin-top: 50px;
}

#project_cont_line .close {
	background: url(/images/close.png) no-repeat top;
	width: 26px;
	height: 26px;
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 4;
}

/* Similar projects */
#projects_similar {
	margin: 0;
	padding: 0 0 65px 0;
}

#projects_similar .block {
	margin: 0 12px 0 12px;
}

/* Services */
#services .main_categories a, #cartbox_body .main_categories a  {
	color: #1d1d1d;
	background: #999999;
	border: 1px solid #999999;
}

#services .main_categories a:hover, #cartbox_body .main_categories a:hover{
	color: #999 !important;
	border: 1px solid #999999;
	background: none;
}

#services .main_categories a.active, #cartbox_body .main_categories a.active {
	background: #e4a44d;
	color: #1d1d1d !important;
	border: 1px solid #e4a44d;
}

#services .main_categories a .triangle, #cartbox_body .main_categories a .triangle{
	background: url(/images/triangle2.png) no-repeat;
}

#services .sub_categories a {
	position: relative;
}

#services .sub_categories .pointer {
	position: absolute;
	left: 50%;
	bottom: -20px;
	margin-left: -16px;
	width: 31px;
	height: 9px;
	background: url(/images/menu_pointer.png) no-repeat center;
	display: none;
}

#services .sub_categories a.active {
	color: #e4a44d !important;
}

#services .sub_categories a.active .pointer {
	display: block;
}

.services_phone {
	display: block;
	width: 450px;
	margin: 110px auto;
	background: url(/images/phone_footer.png) no-repeat left top;
	padding-left: 40px;
	font-weight: 400;
}

#services #contact_block,
#cartbox_body #contact_block {
	margin-bottom: 85px;
	display: none;
}
#cartbox_body{
	background-size: 100% 1590px;
}

#services .close,
#cartbox_body .close {
	background: url(/images/close.png) no-repeat top;
	width: 26px;
	height: 26px;
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 4;
}

#services .text_start, #services .text_end {
	margin-bottom: 65px;
}

.service_cont_btn {
	margin: 0 auto 45px auto;
	display: block;
	width: 190px;
	text-align: center;
	background: #e4a44d;
	color: #0e1117;
	border: 0;
	padding: 13px 20px;
}

.service_cont_btn:hover {
}

#services_body #footer, #services_body #logo_line,  #cartbox_body #footer, #cartbox_body #logo_line{
	background: #0b1017;
}

#services_body .gradient {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 447px;
	top: -448px;
	left: 0;
	background: url(/images/gradient3.png) repeat-x;
}

#cartbox_body .gradient {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 447px;
	top: -448px;
	left: 0;
	background: url(/images/gradient3.png) repeat-x;
}

/* Services projects */
#projects_services .line_b {
	border-top: 1px solid #161b22;
	margin: 0 18px 40px 18px;
}

#projects_services .word {
	color: #8c8c8c;
	font-size: 24px;
	line-height: 1;
	margin: 0 0 40px 18px;
	float: left;
}

#projects_services .inner2 {
	height: 280px;
	overflow: hidden;
}

#projects_services .block {
	margin: 0 9px;
}

.projects_all_btn {
	float: right;
	margin: 0 18px 0 0;
	color: #a1a1a0;
	font-size: 9px;
	line-height: 1;
	text-decoration: none;
	border: 1px solid #676769;
	padding: 8px 19px;
}

.projects_all_btn:hover {
	border-color: #b58847;
}

/* Clients */
#clients .list {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 80px;
}
#clients .block {
	display: inline-block;
	text-align: center;
	width: 140px;
	height: 158px;
	margin: 0 25px 10px;
 /* background: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;*/
	behavior: url(/plugins/PIE.htc);
	position: relative;
	opacity: 1;
}
#clients .block .vcenter {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 158px;
	height: 158px;
}
#clients .block .text {
	display: none;
	position: absolute;
	font-size: 12px;
	line-height: 1.4;
	color: #10151c;
	background: #fff;
	width: 196px;
	height: 196px;
	padding: 10px;
	top: 50%;
	left: 50%;
	margin: -108px 0 0 -108px;
/*    -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;*/
	behavior: url(/plugins/PIE.htc);
}
#clients .text p {
	margin-bottom: 5px;
}
#clients .block:hover .text {
	display: block;
}
#clients .block .title {
	font-size: 15px;
	line-height: 1;
	font-weight: 700;
	width: 150px;
	margin: 0 auto 17px auto;
	text-align: center;
}
#clients .block .vcenter2 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 215px;
	height: 215px;
}
#clients .page_text {
	padding-bottom: 80px;
}

/* About */
.about_btn {
	color: #c5c5c5;
	font-size: 15px;
	border: 1px solid #c5c5c5;
	background: none;
	padding: 10px 65px 10px 32px;
	line-height: 1;
	display: block;
	width: 180px;
	margin: 0 auto 130px auto;
	text-decoration: none;
}
.about_btn svg{
	position: absolute;
	top: 6px;
	height: 23px;
	width: 23px;
	right: 24px;
}
.about_btn svg g{
	transition: all .4s;
}
.about_btn:hover svg g{
	fill: #000;
}


.about_btn:hover {
	border: 1px solid #be8b43;
	color: #000000!important;
}
.about-carousel {
	color:  #c5c5c5;
	font-size: 36px;
	line-height: 60px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 150px;
	margin-bottom: 70px;
	position: relative;
}

a[href^=tel]{
	color: #999;
}

.nav-toggle-switch{

	display: none;
}
.mob-fb{
	display: none;
}
.menu_cat_but{
	display: none;
}
#projects_body .title-block{
	max-width: 1000px;
	margin: 25px auto 50px;
	text-align: center;
}
#projects_body .title-block h3{
	color: #d3d3d3;
	width: 100%;
	text-align: center;
}
#projects_body .block-phone{
	display: none;
	background: url(/images/phone_footer.png) no-repeat left top;
	background-size: 55px;
	padding-left: 40px;
}
#projects_body .title-block .link_all{
	border-color: #d3d3d3;
	color: #d3d3d3;
}
#projects_body .title-block .link_all:hover{
	background-color: #d3d3d3;
	color: #0b1017;
}
/*
responsive */
.main_menu a{
	transition: all .3s;
}
.menu__item-name {
	overflow: hidden;
	position: relative;
	display: inline-block;
}
.menu__item-name::before, .menu__item-name::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #e4a44d;
	transform: translate3d(-100%,0,0) translate3d(-1px,0,0);
	transition: transform 0.7s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.main_menu a:hover .menu__item-name::before {
	transform: translate3d(100%,0,0) translate3d(1px,0,0);
}

/*.menu__item-name:before {*/
	/*content: '';*/
	/*position: absolute;*/
	/*bottom: 0;*/
	/*left: auto;*/
	/*right: 0;*/
	/*height: 100%;*/
	/*width: 0%;*/
	/*background: #e4a44d;*/
	/*z-index: -1;*/
	/*transition: all 300ms ease;*/
/*}*/
/*.main_menu a:hover .menu__item-name:before {*/
	/*content: '';*/
	/*width: 100%;*/
	/*left: 0;*/
	/*right: 0;*/
/*}*/

.main_categories a{
	position: relative;
	transition: all .3s;
}
.main_categories a {
	transition: all 300ms ease;
	box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.2);
}
.sub_categories a,
.projects_list .block .title,
.footer_menu a,
#home_directions .link_left,
#lang a.block,
.home_advantages a,
.about_btn,
.slick-arrow,
.open_order_btn{
	transition: all 500ms ease;
}

#cont_block .fb{
	position: relative;
}
#cont_block .fb:before{
	content: '';
	background: url(/images/fb.png) no-repeat;
	width: 20px;
	height: 19px;
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	background-position: 0 -19px;
	transition: all 300ms ease;
}
#cont_block .fb:hover {
	background-position: 0 0;
}
#cont_block .fb:hover:before{
	opacity: 1;
}

.cravter_btn span{
	transition: all 500ms ease;
	position: relative;
}
.cravter_btn span:before {
	position: absolute;
	content: '';
	width: 0%;
	height: 100%;
	background: #979797;
	top: 0;
	left: auto;
	right: 0;
	z-index: -1;
	transition: all 500ms ease;
}
.cravter_btn span:hover{
	background: none;
}
.cravter_btn span:hover:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #979797;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}


#services .main_categories a:not(.active){
	transition: all 500ms ease;
	position: relative;
	background: none;
}
#services .main_categories a:not(.active):before, #cartbox_body .main_categories a:not(.active):before  {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #999999;
	top: 0;
	left: auto;
	right: 0;
	z-index: -1;
	transition: all 500ms ease;
}
#services .main_categories a:not(.active):hover:before, #cartbox_body .main_categories a:not(.active):hover:before{
	position: absolute;
	content: '';
	width: 0%;
	height: 100%;
	background: #999999;
	top: 0;
	left: auto;
	right: 0;
	z-index: -1;
}

.link_all,
.open_order_btn,
.site_link .word,
.site_link .link{
	transition: all 500ms ease;
	position: relative;
	z-index: 1;
}

.link_all:before,
.open_order_btn:before{
	position: absolute;
	content: '';
	width: 0%;
	height: 100%;
	background: #e4a44d;
	top: 0;
	left: auto;
	right: 0;
	z-index: -1;
	transition: all 500ms ease;
}
.link_all:hover,
.open_order_btn:hover{
	background: none;
}
.link_all:hover:before,
.open_order_btn:hover:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #e4a44d;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}

.site_link .link {
	margin-left: -3px;
}

#back_btn,
#go_top,
.projects_all_btn{
	transition: all 500ms ease;
}
#back_btn .btn_img,
.projects_all_btn,
#brief_block .close{
	position: relative;
}
#back_btn .btn_img:before,
#brief_block .close:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
	display: inline-block;
	background: url(/images/close.png) no-repeat;
	background-position: bottom;
	opacity: 0;
	transition: all 500ms ease
}
#back_btn:hover .btn_img:before,
#brief_block .close:hover:before{
	opacity: 1;
}
.projects_all_btn:before{
	position: absolute;
	content: '';
	width: 0%;
	height: 100%;
	background: #b58847;
	top: 0;
	left: auto;
	right: 0;
	z-index: -1;
	transition: all 500ms ease;
}
.projects_all_btn:hover{
	color: #333 !important;
}
.projects_all_btn:hover:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #b58847;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
.service_cont_btn.open_order_btn.hide_for_order{
	position: relative;
	transition: all 500ms ease;
	border: 1px solid #e4a44d;
	background: none;
}
.service_cont_btn.open_order_btn.hide_for_order:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #e4a44d;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	transition: all 500ms ease;
}
.service_cont_btn.open_order_btn.hide_for_order:hover{
	color: #e4a44d;
}
.service_cont_btn.open_order_btn.hide_for_order:hover:before {
	position: absolute;
	content: '';
	width: 0%;
	height: 100%;
	background: #e4a44d;
	top: 0;
	left: auto;
	right: 0;
	z-index: -1;
	transition: all 500ms ease;
}
.map_btn,.cont{
	transition: all 500ms ease;
}
.map_btn:before {
	position: absolute;
	content: '';
	width: 0%;
	height: 100%;
	background: #979797;
	top: 0;
	left: auto;
	right: 0;
	z-index: -1;
	transition: all 500ms ease;
}
.map_btn:hover{
	background: none;
}
.map_btn:hover:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #979797;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
.brief_btn{
	transition: all 500ms ease;
	background: none;
	position: relative;
	border: 1px solid #e4a44d;
	z-index: 1;
}
.brief_btn:hover{
	background: none;
	color: #e4a44d;
}

.brief_btn:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #e4a44d;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	transition: all 500ms ease;
}

.brief_btn:hover:before {
	position: absolute;
	content: '';
	width: 0%;
	height: 100%;
	background: #e4a44d;
	top: 0;
	left: auto;
	right: 0;
	z-index: -1;
	transition: all 500ms ease;
}

#brief_block .list a{
	transition: all 500ms ease;
	position: relative;
}
#contact_block .send{
	transition: all 500ms ease;
}
#brief_block .list a:hover,
#contact_block .send{
	background: none;
}
#brief_block .list a:before{
	position: absolute;
	content: '';
	width: 0%;
	height: 100%;
	background: #be8b43;
	top: 0;
	left: auto;
	right: 0;
	z-index: -1;
	transition: all 500ms;
}
#brief_block .list a:hover:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #be8b43;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}

#contact_block .send:hover{
	background: none;
}
#contact_block .send:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #e4a44d;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	transition: all 500ms ease;
}
#contact_block .send:hover:before{
	position: absolute;
	content: '';
	width: 0%;
	height: 100%;
	background: #e4a44d;
	top: 0;
	left: auto;
	right: 0;
	z-index: -1;
	transition: all 500ms ease;
}
#contact_block .send:hover{
	color: #e4a44d;
}

#clients .block .text{
	display: block;
	opacity: 0;
	transition: opacity .5s;
}
#clients .block:hover .text{
	opacity: 1;
}
a{
	transition: all .5s;
}
#home_directions table tr td,
#home_directions .link_left,
#home_directions .link_right{
	opacity: 0;
}

#home_directions .link_left,
#home_directions .link_right{
	transition: all 900ms;
}
#home_directions table tr td{
	z-index: 2;
}

#home_directions table tr td:nth-child(1),
#home_directions table tr td:nth-child(2),
#home_directions table tr td:nth-child(4),
#home_directions table tr td:nth-child(5){
	transform: translateY(60px);
}

#home_directions table tr td.animate-transform{
	transition: all 3s;
	transform: translateY(0);
}
#directions_pointer{
	z-index: -1;
}

#logo.home-logo img{
	/*opacity: 0;*/
}
#logo svg{
 /* position: absolute;*/
	top: 0;
	left: 0;
	width: 127px;
	height: 90px;
}
#home_body .projects_list .block,
#en_body .projects_list .block{
	opacity: 0;
	transform: translateY(60px);
	transition: all .5s;
}
.footer_menu td{
	opacity: 0;
	transition: all 1.5s;
	transform: translateY(60px);
}
#home_body .projects_list .block.show,
.footer_menu td.show,
#en_body .projects_list .block.show{
	opacity: 1;
	transform: translateY(0);
}
#directions_pointer{
	display: none!important;
}
/*#logo.home-logo svg path,
#logo.home-logo svg polyline,
#logo.home-logo svg polygon{
	fill: #cdcdcd;
	color: #cdcdcd;
}*/

svg use {
	/* fill: #cdcdcd; */
}

.home_advantages td{
	opacity: 0;
	transition: all 1.5s
}
.home_advantages td.show{
	opacity: 1;
}

@media screen and (min-width: 768px){
	#home_body #logo img{
			display: none;
	}

	.line-block,
	.line-block-1,
	.line-block-2{
			width: 109px;
			height: 68px;
			position: absolute;
			top: 0;
			left: 0;
			display: block;
	}
	.line-block-1:before{
			content: '';
			top: 0;
			left: 0;
			height: 4px;
			width: 100%;
			background-color: #cdcdcd;
			display: block;
			position: absolute;
			transition: all .2s;
			transition-delay: .6s;
	}
	.line-block-1:after{
			content: '';
			top: 0;
			right: 0;
			height: 100%;
			width: 4px;
			background-color: #cdcdcd;
			display: block;
			position: absolute;
			transition: all .2s;
			transition-delay: .4s;
	}
	.line-block-2:before{
			content: '';
			bottom: 0;
			right: 0;
			height: 4px;
			width: 100%;
			background-color: #cdcdcd;
			display: block;
			position: absolute;
			transition: all .2s;
			transition-delay: .2s;
	}
	.line-block-2:after{
			content: '';
			bottom: 0;
			left: 0;
			height: 100%;
			width: 4px;
			background-color: #cdcdcd;
			display: block;
			position: absolute;
			transition: all .2s;
	}

	#logo:hover .line-block-2:after{
			height: 0;
	}
	#logo:hover .line-block-2:before{
			width: 0;
	}

	#logo:hover .line-block-1:after{
			height: 0;
	}
	#logo:hover .line-block-1:before{
			width: 0;
	}

	#logo.cokies .line-block-1:before{
			width: 0;
	}
	#logo.cokies .line-block-1:after{
			height: 0;
	}
	#logo.cokies .line-block-2:before{
			width: 0;
	}
	#logo.cokies .line-block-2:after{
			height: 0;
	}
	#logo.cokies .st3{
			opacity: 0;
	}

	#logo.cokies svg > g > g > *{
			opacity: 0;
			transition: all 1.5s;
	}

	#logo.cokies.active svg > g > g > *{
			opacity: 1;
	}

	#logo.cokies.active .line-block-1:before{
			width: 100%;
			transition: all .4s;
			transition-delay: .4s;
	}
	#logo.cokies.active .line-block-1:after{
			height: 100%;
			transition: all .4s;
			transition-delay: .8s;
	}
	#logo.cokies.active .line-block-2:before{
			width: 100%;
			transition: all .4s;
			transition-delay: 1.2s;
	}
	#logo.cokies.active .line-block-2:after{
			height: 100%;
			transition: all .4s;
			transition-delay: 1.6s;
	}
	#logo.cokies.active .st3{
			opacity: 1;
			transition: all 1.5s;
			transition-delay: 1.8s;
	}






	.st3{
			transition: all .6s;
			transition-delay: 1s;
	}

	#logo:hover .st3{
			opacity: 0;
	}

	#home_directions table tr td:nth-child(1):hover,
	#home_directions table tr td:nth-child(2):hover,
	#home_directions table tr td:nth-child(4):hover,
	#home_directions table tr td:nth-child(5):hover{
			transform: translateY(-15px);
	}
	#home_directions table tr td.hover{
			transition: all .5s !important;
	}
	#home_directions table tr td.hover:hover{
			opacity: .5!important;
	}
	#home_directions table tr td.hover:nth-child(3):hover{
			transform: translateY(-15px);
	}
}

@media screen and (min-width: 768px) and (max-width: 991px){
	.line-block, .line-block-1, .line-block-2 {
			top: 20px;
			left: 10px;
	}
}

.social-block{
	position: absolute;
	top: 4px;
	right: 0;
	width: 75px;
	height: 25px;
	text-align: right;
}
.social-block a{
	display: inline-block;
}

.social-block svg{
	width: 22px;
	height: 16px;
}
.social-block svg g{
	transition: all .3s;
}
#cont_block {
	width: 205px;
}

.social-block a:hover svg g{
	fill: #e4a44d;
}

.social-block-mob{
	display: none;
}

.about_btn{
	position: relative;
	transition: all 500ms ease;
}

.about_btn:before{
	position: absolute;
	content: '';
	width: 0%;
	height: 100%;
	background: #be8b43;
	top: 0;
	left: auto;
	right: 0;
	z-index: -1;
	transition: all 500ms ease;
}

.about_btn:hover:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #be8b43;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
.cravter_btn:hover{
	background-color: transparent!important;
}

.team-wrap h2{
	font-family: 'GothamProLight';
	font-size: 25px;
	color: #ca913e;
}

.block__team{
	display: flex;
	flex-wrap: wrap;
	margin-top: 55px;
}
.block__team .team__item{
	flex: 0 0 350px;
	max-width: 100%;
	display: flex;
	margin-bottom: 55px;
}

.block__team .team__item .item__text{
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 10px;
}

.block__team .team__item .item__text .name{
	font-family: 'gotham_proregular';
	font-size: 18px;
	line-height: 27px;
	color: #bababa;
}

.block__team .team__item .item__text .desc{
	font-family: 'GothamProLight';
	font-size: 13px;
	line-height: 19px;
	color: #777;
	padding-top: 20px;
}

.block__team .team__item .item__text .desc aclass="item__text"{
	display: inline-block;
	font-family: 'GothamProLight';
	border: 1px solid #696969;
	color: #696969;
	text-decoration: none;
	padding: 7px 21px;
	font-size: 14px;
	line-height: 18px;
}

#about_body #wrapper{
	width: auto;
	max-width: 1430px;
	padding: 0 15px;
}
#about_body #wrapper #about{
	max-width: 1030px;
	margin: auto;
}

.you__need__work{
	max-width: 1430px;
	padding: 0 15px;
	margin: 100px 0;
}
.you__need__work .block__work{
	max-width: 500px;
	margin: auto;
	display: flex;
}

.you__need__work svg{
	height: 150px;
	width: 105px;
}
.you__need__work svg g{
	fill: #bbbbbb;
}

.you__need__work .block__work .text{
	padding-left: 45px;
	color: #e4a44d;
	font-family: 'gotham_proregular';
	font-size: 30px;
	line-height: 42px;
}
.you__need__work .block__work .text a{
	font-family: 'GothamProLight';
	font-size: 20px;
	text-decoration: none;
	color: #777;
	position: relative;
	display: inline-block;
}
.you__need__work .block__work .text a:before{
	content: '';
	height: 1px;
	position: absolute;
	bottom: 8px;
	left: 0;
	width: 100%;
	background-color: #444548;
	transition: all .5s;
}
.you__need__work .block__work .text a:hover:before{
	background-color: #e4a44d;
}


.about_content{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	color: #b2b2b2;
	font-family: 'gotham_proregular';
	margin-top: 20px;
	font-size: 14px;
	border-bottom: 1px solid #202223;
}
.about_content .about__left,
.about_content .about__right{
	max-width: 100%;
	flex: 0 0 348px;
	box-sizing: border-box;
}

.about_content .about__left{
	text-align: right;
	padding-right: 44px;
}

.about_content .about__left .other_text{
	padding-left: 24px;
}

.about_content .about__left .text-work{
	font-size: 15px;
	margin-bottom: 30px;
}

.about_content .about__left .name{
	color: #e5a544;
	font-size: 33px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 30px;
}
.about_content .about__left p{
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 21px;
}
.about_content .about__right{
	padding-left: 30px;
}
.about_content .about__right .date_working{
	font-family: 'GothamProLight';
	font-size: 20px;
	margin-top: 105px;
	margin-bottom: 40px;
}
.about_content .about__right .item_work{
	margin-bottom: 30px;
	padding-left: 85px;
	position: relative;
	line-height: 21px;
	transition: all .8s;
}

.about_content .about__right .item_work:before{
	display: block;
	content: '';
	position: absolute;
	top: -15px;
	bottom: -15px;
	left: -15px;
	right: -15px;
	margin: auto;
	background-color: #263158;
	opacity: .2;
	z-index: -1;
	width: 0;
	transition: all .8s;
}
.about_content .about__right .item_work:hover{
	color: #ffffff;
}
.about_content .about__right .item_work:hover:before{
	width: calc(100% + 30px);
}


.about_content .about__right .item_work svg{
	position: absolute;
	top: 0;
	left: 0;
}
.about_content .about__right .item_work svg g{
	fill: #bbb;
	transition: all .4s;
}
.about_content .about__right .item_work:hover svg g{
	fill: #fff;
}
.about_content .about__right .block_right_1 svg{
	width: 45px;
	height: 45px;
}
.about_content .about__right .block_right_2 svg{
	width: 55px;
	height: 60px;
}
.about_content .about__right .block_right_3 svg{
	width: 55px;
	height: 55px;
}
span.mob{
	display: none;
}



@media screen and (max-width: 1430px){
	.block__team{
			justify-content: space-evenly;
	}
	.team-wrap h2{
			text-align: center;
	}
}
@media screen and (max-width: 1060px){
	.about_content .about__left{
			margin: auto 0 auto auto;
	}
	.about_content .about__center{
			margin: auto auto auto 0;
	}
	.about_content .about__right{
			width: 100%;
			flex: 0 0 100%;
			max-width: 100%;
			padding-left: 0;
	}
	.about_content .about__right .item_work {
			display: inline-block;
			width: calc(100% / 3 - 74px);
			vertical-align: text-top;
			padding-left: 70px;
	}
	.about_content .about__right .item_work:hover:before {
			width: 0;
	}
}
@media screen and (max-width: 1056px){
	#services_body .main_categories a {
			padding: 9px 9px 7px 9px;
	}
	.service_cont_btn {
			width: 100%;
			max-width: 210px;
	}
	#services_body .cp_etap_item5 {
			left: 850px;
	}
	#services_body #projects_services .block:nth-child(5){
			display: none;
	}
	#services_body #projects_services .inner2 {
			min-width: 100%;
	}
	#services_body .blocks .bl{
			max-width: calc(100% / 3 - 94px);
			flex: 0 0 calc(100% / 3 - 94px);
	}

	#cont_block{
			width: 185px;
	}
	.social-block{
			right: -6px;
	}
	.social-block svg {
			width: 18px;
			height: 16px;
	}

}
@media screen and (max-width: 1029px){
.cms_td p {
	font-size: 10px;
	line-height: 18px;
}
#footer td:nth-child(4) {
	display: none !important;
}
	.menu_wrap {
			margin-right: 42px;
	}
	body, html, #wrap_out{
			min-width: 100%;
	}

	.inner {
			max-width: 980px;
			width: auto!important;
	}
	.inner2 {
		
		max-width: 1170px;
		width: auto !important;
	}
	#wrapper{
			min-width: 320px;
	}
	.page_text table{
			width: auto !important;
	}
	.project_block .text{
			min-width:100%;
	}
	#project_footer .inner{
			padding: 0;
	}
	#wrap_out{
			overflow: hidden;
			/* padding-bottom: 150px; */
	}
	.project_block .counter{
			height: 29px;
	}
	#services_body .blocks .bl {
			width: calc(100% / 3 - 14px);
	}

	.logo_block h2 + div{
			width: 100%;
			overflow: scroll;
	}

	#services_body .logo_content {
			width: calc(100% / 3);
	}
	#services #contact_block + .page_text .title13 img,
	#cartbox_body #contact_block + .page_text .title13 img{
			width: 100% !important;
			height: auto !important;
	}
	.primer_blocks{
			width: 100% !important;
			max-width: 988px;
	}
	#services #contact_block,
	#cartbox_body #contact_block {
	overflow: visible !important;
}
	#services_body .bottom_price_1 {
			width: calc(100% / 2 - ( 5% + 1px));
	}
	#services_body .bottom_price_2 {
			width: 45%;
	}
	#services_body.podderzhka-sayta .blocks .bl{
			height: 470px !important;
	}
	.pagination {
		float: none;
		position: relative;
		text-align: center;
		width: 100%;
		padding-right: 15px;
		margin-top: 130px;
		padding-bottom: 32px;
	}
	.pagination .more_block {
		position: static;
		line-height: 1;
		display: block;
		margin: 0 auto;
		width: 265px;
		margin-top: -162px;
	}
	#footer{
		margin-top: 0;
	}
}
@media screen and (max-width: 991px){
	*{
			box-sizing: border-box;
	}
	#cont_block{
			display: none;
	}

	#header {
			text-align: center;
			position: relative;
			height: 120px;
			display: flex;
			flex-direction: row;
			min-width: 100%;
			max-width: 100%;
			width: 100%;
			margin: 0;
			padding: 0;
			flex-wrap: wrap;
	}

	#logo {
			position: static;
			padding-top: 20px;
			padding-left: 10px;
			flex: 0 0 120px;
			max-width: 120px;

	}
	#lang {
			float: right;
			margin-top: -4px;
			position: absolute;
			top: 22px;
			right: 10px;
	}

	.menu_wrap{
			flex: 0 0 calc(100% - 120px);
			max-width:  calc(100% - 120px);
			margin: 0;
			text-align: center;
			padding-top: 20px;
			padding-right: 80px;
	}
	#main_menu {
			float: none;
			margin: auto;
	}
	.main_menu a {
			margin: 0 14px;
	}
	.footer_menu td{
			padding: 0!important;
	}
	.footer_menu td.menu_td{
			width: 150px;
	}

	.footer_menu td.portfolio_td{
			width: 220px;
	}

	#home_directions .pict {
			vertical-align: bottom;
	}

	#home_directions .pict img{
			max-height: 70px;
			max-width: 90px;
	}

	#home_directions .block.main_block .pict img{
			max-height: 165px;
	}
	#home_directions .link_left{
			margin: 0 0 0 -20%;
	}
	#home_directions .link_right{
			margin: 0 -20% 0 0;
	}

	.page_title{
			font-size: 24px;
	}
	.page_title_sub{
			font-size: 14px;
	}
	#home_directions .title{
			font-size: 11px;
	}
	.link_all{
			font-size: 10px;
	}

	.projects_list .block{
			width: calc(100% / 4 - 22px);
			height: 200px;
			overflow: hidden;
	}

	.home_projects{
			height: 230px;
	}

	.projects_list .block .pict {
			left: 0px;
			width: 100%;
			height: 100%;
			object-fit: cover;
			max-width: none;
			max-height: none;
	}
	.projects_list .hover{
			width: 100%;
			height: 100%;
			object-fit: cover;
			max-width: none;
			max-height: none;
	}

	.projects_list .block .title {
			left: 0;
			line-height: 15px;
			font-size: 10px;
			width: 100%;
			padding: 0 12px;
	}
	.projects_list .block .date {
			left: 0;
			line-height: 1;
			font-size: 10px;
			padding: 0 12px;
			width: 100%;
	}

	.home_text .pict_tr td {
			vertical-align: baseline;
			font-size: 9px;
			line-height: 15px;
	}

	.home_text .pict_tr td img{
			max-height: 82px;
			max-width: 112px;
			width: auto;
			height: auto;
	}

	#home_directions td{
			width: auto;
	}

	.page_text{
			overflow: hidden;
	}
	.scroll-block{
			overflow: hidden;
	}
	.scroll-block > div{
			overflow-y: scroll;
	}
	.about_btn{
			display: inline-block;
			min-width: 170px;
			width: auto;
	}
	#about{
			text-align: center;
	}
	.table-about tr{
			width: 100%;
			display: flex;
			margin: auto;
	}
	.table-about tr:first-child td:first-child{
			display: none;
	}
	/*.table-about td{
			width: auto !important;
	}*/
	.page_text table td{
			margin: auto !important;
	}
	.page_text table td > div{
			width: 100% !important;
	}
	.page_text table td:nth-child(2) > div{
			width: auto !important;
			margin-right: 0 !important;
			margin-top: -55px !important;
	}
	.slick-dots li{
			position: relative;
	}
	.slick-dots button{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
	}
	#clients .block {
			width: calc(100%/3 - 53px);
	}

	.footer_menu td{
			border: 0;
	}

	.contact_table tr{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
	}
	.contact_table tr td{
			display: block;
			width: calc(100%/3 - 10px);
			margin: auto;
	}

	.border_block{
			min-height: 120px;
			width: 100%;
	}
	.map_btn {
			background-color: #171c22;
	}
	.border_block .title {
			background-color: #181d23;
			padding: 0 4px;
	}
	#contact_block{
			width: 100%;
	}
	#contact_block .send{
			height: auto;
			padding: 10px;
	}
	#brief_table{
			overflow: visible!important;
	}
	#contact_block textarea{
			width: 100%;
	}
	.help_out{
			width: 100% !important;
			margin: 0!important;
	}
	#contact_block textarea {
			width: 100%;
			display: block;
			margin: 0 !important;
			padding: 5px;
	}
	#cuselFrame-department_city{
			height: 25px;
	}

	#contact_form table tr:nth-child(1) td + td .help_out{
			width: calc(100% - 10px) !important;
			margin: 0!important;
			margin-left: 10px!important;
	}

	#contact_form tr:nth-child(2) td{
			padding-top: 20px;
	}

	#map_block{
			width: 100%;
	}
	.file_box {
			max-width: 300px;
			margin: 25px auto 0;
			width: 100%;
	}
	#file_wrap {
			margin: -18px 0 0 0;
	}
	#contact_form {
			margin-bottom: 40px;
	}
	#map_block .close{
			top: 0;
			right: 0;
			padding: 5px;
			z-index: 11;
			background-color: #555;
			width: 40px;
			height: 40px;
			background-image: none;
	}
	#map_block .close:before{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: url(/images/close.png) no-repeat top;
			margin: auto;
			z-index: -1;
			height: 26px;
			width: 26px;
	}
	#contact_form table tbody tr:nth-child(2) .help_in{
			padding: 6px;
	}
	.border_block .title_l{
			display: none;
	}
	.main_categories a{
			padding: 9px 13px 7px 13px;
	}
	#projects_body{
			background-size: auto 550px!important;
	}
	#projects_body #project_footer table tr{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			padding: 0 12px;
	}
	#projects_body #project_footer table td{
			width: auto;
	}
	td.word_td,
	.like_td{
			padding: 0;
			width: auto;
	}
	#projects_body .projects_list .block {
			width: calc(100% / 4 - 24px);
	}

	#project_cont_line #contact_block {
			width: calc(100% - 24px);
			overflow: visible !important;
	}
	#project_cont_line #contact_block .title{
			background-color: #0b1017;
	}
	#project_cont_line #contact_block input{
			width: auto;
	}
	#projects_body #project_footer table tr:nth-child(2) td{
			width: 100%;
	}
	.project_block .title{
			font-size: 24px;
			padding-left: 45px;
	}
	.project_block .counter{
			top: -3px;
	}
	#services_body .menu_cat_but {
			display: block;
			width: calc(100% - 20px);
			margin: 10px;
			font-size: 12px;
			line-height: 18px;
			border: 1px solid #e4a44d;
			background-color: transparent;
			color: #e4a44d;
			padding: 5px 5px 5px 5px;
			position: relative;
			margin-bottom: 0;
	}
	#services_body .menu_cat_but span {
			display: block;
			position: absolute;
			top: 13px;
			right: 14px;
			height: 1px;
			background: #e4a44d;
			transition: background 0s 0.3s;
			width: 16px;
	}
	#services_body .menu_cat_but span:before,
	#services_body .menu_cat_but span:after {
			position: absolute;
			display: block;
			left: 0;
			width: 100%;
			height: 1px;
			background-color: #e4a44d;
			content: "";
			transition-duration: 0.3s, 0.3s;
			transition-delay: 0.3s, 0s;
	}
	#services_body .menu_cat_but span:before {
			top: -4px;
			transition-property: top, transform;
	}
	#services_body .menu_cat_but span:after {
			bottom: -4px;
			transition-property: bottom, transform;
	}

	#services_body .menu_cat_but.active span {
			background: none;
	}
	#services_body .menu_cat_but.active span:before,
	#services_body .menu_cat_but.active span:after {
			transition-delay: 0s, 0.3s;
	}
	#services_body .menu_cat_but.active span:before {
			top: 0;
			transform: rotate(45deg);
	}
	#services_body .menu_cat_but.active span:after {
			bottom: 0;
			transform: rotate(-45deg);
	}
	#services_body .main_categories{
			display: none;
	}

	#services_body .wrap-sub-cat{
			overflow: scroll;
	}

	#services_body .sub_categories{
			width: 877px;
			margin-top: 25px;
	}
	#services_body .main_categories a {
			width: 100%;
			display: block;
			margin: 0;
	}

	#services_body .cp_etap_razrab{
			background-image: none;
			float: none;
			display: flex;
			flex-wrap: wrap;
			height: auto;
			justify-content: center;
			counter-reset: list;
	}
	#services_body .cp_etap_item{
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			flex: 0 0 50%;
			max-width: 50%;
			margin: 30px 0;
			padding-left: 95px;
	}
	#services_body .cp_etap_item:before{
			counter-increment: list 1;
			content: counter(list);
			position: absolute;
			height: 30px;
			width: 30px;
			font-size: 16px;
			color: #e4a44d;
			border: 1px solid #e4a44d;
			border-radius: 50%;
			left: 40px;
			top: 6px;
			text-align: center;
			line-height: 1.8;
	}
	#services_body #projects_services .inner2 {
			height: 200px;
	}
	#services_body  .projects_list .block {
			width: calc(100% / 4 - 18px);
	}
	#services_body .main_categories {
			width: calc(100% - 20px);
			margin: auto;
	}
	#services_body .cp_etap_item.cp_etap_item5{
			max-width: 270px;
	}

	#services_body .cp_block h4{
			padding-left: 25px;
	}

	#services_body .sub_categories{
			display: flex;
	}

	.sub_categories a {
			order: 1;
	}
	#services .sub_categories a.active{
			order: 0;
	}

	#services_body .blocks .bl {
			width: calc(100% / 3 - 14px);
			max-width: calc(100% / 3 - 14px);
			flex: 0 0 calc(100% / 3 - 14px);
			padding: 24px 12px;
			height: 435px;
	}

	#services_body .logo_center_content {
			width: calc(100% / 3);
	}

	#services_body .primer_block {
			padding-right: 30px;
			padding-left: 30px;
			width: 300px;
	}
	#services_body .primer_blocks .primer_block:first-child{
			width: 160px;
			padding-right: 0;
			padding-left: 0;
	}
	#services_body .primer_blocks .primer_block:nth-child(3) {
			width: calc(100% - (160px + 300px));
	}
	#services_body.podderzhka-sayta .blocks .bl {
			height: 500px !important;
	}
	#services_body .bottom_price_1 {
			padding: 35px 0 35px 10px;
	}
	#services_body .bottom_price_1 {
			width: calc(100% / 2 - ( 5% - 22px));
	}
	#services_body .tehpoder_img{
			display: none !important;
	}
	#services_body .mesiats {
			width: 180px;
	}
	#services_body .tehpoder_list{
			margin-left: 0 !important;
	}
	#services_body .tehpoder_list {
			width: calc(100% - (180px + 30px));
			margin-left: 0!important;
			padding-left: 0 !important;
	}
	#services_body .tehpoder_list li{
			font-size: 14px;
	}
	#contact_block .send {
			background: #0b1017;
	}
	#contact_body #contact_block .title{
			background-color: #0b1017;
	}
	#services_body #contact_block .title{
			background-color: #161c24;
	}
	#contact_body #contact_block .send:after {
			background-color: #0b1017;
	}
	#contact_block .send:after{
			content: '';
			z-index: -2;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			background-color: #161c24;
	}
	#services .main_categories a:not(.active):before{
			background-color: transparent;
	}

	#services .main_categories a {
			border: 0;
			border-bottom: 1px solid #656565;
			color: #8f8f8f;
	}
	#services_body .main_categories {
			border: 1px solid #e4a44d;
	}
	#services .main_categories a.active {
			background: transparent;
			border: 1px solid #e4a44d;
			color:  #e4a44d !important;
	}
	.main_categories .active .triangle{
			display: none;
	}
	#about .name,
	#about .desc{
			text-align: left;
	}
	#about .about__left .name{
			text-align: right;
	}
	.about_content .about__right .item_work{
			width: calc(100% / 3 - 4px);
			padding-left: 0;
			padding-top: 70px;
	}
	.about_content .about__right .item_work svg {
			max-height: 60px;
			top: 0;
			left: 0;
			right: 0;
			margin: auto;
	}
}
@media screen and (max-width: 767px) {
	#clients .page_text {
			padding-bottom: 15px;
	}
	#project_cont_line #contact_block input,
	#contact_block input{
			display: block;
			width: calc(100% + 20px);
	}
	#project_footer{
			padding-top: 2px;
	}
	#header.active .social-block-mob{
			position: absolute;
			top: 415px;
			left: 0;
			right: 0;
			z-index: 12;
			display: flex;
			width: 100px;
			flex-direction: row;
			justify-content: center;
			height: 30px;
			margin: auto;
	}
	#header.active .mob-fb{
			display: none !important;
	}

	#header.active .social-block-mob svg g{
			transition: all .3s;
	}

	#header.active .social-block-mob svg g:hover{
			fill: #e4a44d;
	}
	#header.active .social-block-mob svg{
			height: 30px;
			width: 30px;
			margin: 0 8px;
	}


	#logo svg,
	.social-block{
			display: none;
	}
	body.active {
			overflow: hidden;
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
	}

	.nav-toggle-switch {
			display: inline-block;
			overflow: hidden;
			padding: 0;
			width: 70px;
			height: 70px;
			font-size: 0;
			text-indent: -9999px;
			appearance: none;
			box-shadow: none;
			border-radius: none;
			border: none;
			cursor: pointer;
			transition: background 0.3s;
			margin: 0;
			position: absolute;
			top: 0;
			right: 0;
			border-left: 1px solid #262a30;
	}

	.nav-toggle-switch.is-active {
			border-left-color: transparent;
			position: fixed;
			right: 0;
			top: 0;
			z-index: 55;
	}

	.nav-toggle-switch span {
			display: block;
			position: absolute;
			top: 36px;
			left: 22px;
			right: 22px;
			height: 2px;
			background: #cccccc;
			transition: background 0s 0.3s;
	}

	.nav-toggle-switch span:before,
	.nav-toggle-switch span:after {
			position: absolute;
			display: block;
			left: 0;
			width: 100%;
			height: 2px;
			background-color: #cccccc;
			content: "";
			transition-duration: 0.3s, 0.3s;
			transition-delay: 0.3s, 0s;
	}

	.nav-toggle-switch span:before {
			top: -8px;
			transition-property: top, transform;
	}

	.nav-toggle-switch span:after {
			bottom: -8px;
			transition-property: bottom, transform;
	}

	.nav-toggle-switch.is-active span {
			background: none;
	}

	.nav-toggle-switch.is-active span:before,
	.nav-toggle-switch.is-active span:after {
			transition-delay: 0s, 0.3s;
	}

	.nav-toggle-switch.is-active span:before {
			top: 0;
			transform: rotate(45deg);
	}

	.nav-toggle-switch.is-active span:after {
			bottom: 0;
			transform: rotate(-45deg);
	}

	#lang {
			display: none;
	}

	#main_menu {
			display: none;
	}

	#cont_block .fb {
			display: none;
	}

	#cont_block {
			display: block;
			position: absolute;
			top: 20px;
			right: 0;
			left: 0;
			width: 143px;
			margin: auto;
			text-align: center;
			z-index: 33;
	}

	#cont_block .phone {
			font-size: 12px;
			width: 98%;
	}

	#logo {
			background-image: url('../images/logo_mobile.svg');
			background-repeat: no-repeat;
			width: 55px;
			max-width: 55px;
			flex: 0 0 55px;
			height: 36px;
			display: inline-block;
			-webkit-background-size: 100%;
			background-size: 100%;
			margin-left: 15px;
			margin-top: 20px;
	}

	#logo img {
			display: none;
	}

	#header {
			height: 70px;
			border-bottom: 1px solid #262a30;
	}

	#header.active {
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			height: auto;
			background: #0b1017 url(/images/bg.png) no-repeat center top;
			z-index: 36757637;
			background-position: 89% 0;
			background-size: 258%;
			overflow-x: hidden;
			overflow-y: scroll;
	}

	#header.active .menu_wrap {
			flex: 0 0 100%;
			max-width: 100%;
			padding: 0;
			position: absolute;
			top: 85px;
			width: 100%;
			padding-bottom: 120px;
	}

	#header.active #lang {
			display: block;
			position: absolute;
			top: -54px;
			left: 0px;
			right: 0;
	}

	#header.active #main_menu {
			display: block;
			width: 100%;
			text-align: center;
	}

	.menu_wrap {
			flex: 0 0 calc(100% - 70px);
			max-width: calc(100% - 70px);
	}

	#header.active .table td,
	#header.active .table tr {
			display: block;
			width: 100%;
	}

	#header.active tbody {
			width: 100%;
			display: block;
			padding-top: 20px;
	}

	#header.active #main_menu a {
			margin: 0 14px;
			padding: 15px;
			font-size: 16px;
	}

	.main_menu a.active .pointer {
			display: block;
	}

	.main_menu .pointer,
	.main_menu td.sep {
			display: none !important;
	}

	#header.active > .fb {
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			width: 28px;
	}

	#header.active #cont_block {
			display: none;
	}

	#header.active .mob-fb {
			display: block;
			position: absolute;
			top: 425px;
			left: 0;
			right: 0;
			z-index: 12;
	}

	#header.active .mob-fb a {
			display: inline-block;
			color: #8c8c8c;
	}

	#header.active .mob-fb a svg {
			width: 28px;
			transition: all .5s;
	}

	#header.active .mob-fb a:hover {
			cursor: pointer;
			color: #4267b2 !important;
			opacity: 1;
	}

	#home_directions .link_right {
			margin: 0 -28% 0 0;
	}

	#home_directions .link_left {
			margin: 0 0 0 -28%;
	}

	.home_text {
			margin-bottom: 0px;
	}

	.hide-text {
			opacity: 0;
	}

	.page_text img {
			max-width: 300px;
	}

	.about-carousel {
			font-size: 30px;
	}

	.page_text table td:nth-child(2) {
			width: 100% !important;
	}

	.page_text table td:nth-child(2) > div {
			margin-top: 0 !important;
			width: 100%;
	}

	.page_text table td:nth-child(2) > div p {
			text-align: left !important;
			font-size: 13px !important;
	}

	.page_text table td:nth-child(2) > div p:nth-child(2) span {
			font-size: 18px !important;
	}

	.page_text table td:nth-child(2) > div p:nth-child(2) {
			margin-top: 12px !important;
			margin-bottom: 12px !important;
	}

	.page_text table tr:nth-child(1) td:nth-child(2) > div:before,
	.page_text table.table-about-two tr td:nth-child(3) > div:before {
			content: '';
			float: left;
			background-image: url("/upload/image/about/s-tet-about-diachenko.png");
			height: 277px;
			width: 155px;
			background-size: 100%;
			background-repeat: no-repeat;
	}

	.page_text table.table-about-two tr td:nth-child(3) > div:before {
			background-image: url("/upload/image/about/s-tet-about-kravchenko.png");
	}

	.page_text table.table-about-two tr td:nth-child(2),
	.page_text table.table-about-two tr td:nth-child(1) {
			display: none;
	}

	.page_text table.table-about tr:nth-child(1) td:nth-child(3) {
			display: none;
	}

	.page_text table.table-about-two tr td:nth-child(3) {
			width: 100% !important;
	}

	.page_text table.table-about-two tr td:nth-child(3) > div {
			margin-top: 0 !important;
			margin-right: 0 !important;
	}

	.page_text table.table-about-two tr td:nth-child(3) > div p {
			font-size: 13px !important;
	}

	.page_text table.table-about-two tr td:nth-child(3) > div p:nth-child(2) span {
			font-size: 18px !important;
	}

	.page_text table + hr {
			margin-top: 10px;
	}

	.border_block .title_r {
			display: none;
	}

	#contact_form table {
			width: 100%;
			margin: auto;
			display: block;
			padding: 0 15px;
	}

	#contact_form table tr {
			width: 100%;
			display: block;
	}

	#contact_form table tr td {
			display: block;
			width: 100%;
			margin-bottom: 10px;
	}

	#cuselFrame-department_city {
			width: 100% !important;
	}

	#contact_form table tr td span {
			margin: 0 !important;
	}

	#contact_form table tbody {
			width: 100%;
			display: block;
	}

	#contact_form tr:nth-child(2) td {
			padding-top: 0px;
	}

	#contact_form table tr:nth-child(1) td + td .help_out {
			width: 100% !important;
			margin-left: 0 !important;
	}

	.menu_cat_but {
			display: block;
			width: calc(100% - 20px);
			margin: 10px;
			font-size: 12px;
			line-height: 18px;
			border: 1px solid #e4a44d;
			background-color: transparent;
			color: #e4a44d;
			padding: 5px 5px 5px 5px;
			position: relative;
			margin-bottom: 0;
	}

	.menu_cat_but span {
			display: block;
			position: absolute;
			top: 13px;
			right: 14px;
			height: 1px;
			background: #e4a44d;
			transition: background 0s 0.3s;
			width: 16px;
	}

	.menu_cat_but span:before, .menu_cat_but span:after {
			position: absolute;
			display: block;
			left: 0;
			width: 100%;
			height: 1px;
			background-color: #e4a44d;
			content: "";
			transition-duration: 0.3s, 0.3s;
			transition-delay: 0.3s, 0s;
	}

	.menu_cat_but span:before {
			top: -4px;
			transition-property: top, transform;
	}

	.menu_cat_but span:after {
			bottom: -4px;
			transition-property: bottom, transform;
	}

	.menu_cat_but.active span {
			background: none;
	}

	.menu_cat_but.active span:before, .menu_cat_but.active span:after {
			transition-delay: 0s, 0.3s;
	}

	.menu_cat_but.active span:before {
			top: 0;
			transform: rotate(45deg);
	}

	.menu_cat_but.active span:after {
			bottom: 0;
			transform: rotate(-45deg);
	}

	.main_categories {
			display: none;
			width: calc(100% - 20px);
			margin: 0 10px;
			border: 1px solid #e4a44d;
			border-top: none;
	}

	.main_categories a {
			width: 100%;
			display: block;
			margin: 0;
	}

	.main_categories .active .triangle {
			background-image: none;
	}

	.wrap-sub-cat {
			margin: 15px 10px 10px;
			overflow: scroll;
	}

	.sub_categories {
			width: max-content;

	}

	.sub_categories a {
			margin: 0 11px 20px 11px;
	}

	.sub_categories .all {
			margin-left: 0;
	}

	#projects_body #header {
			border-bottom: 1px solid rgba(38, 42, 48, 0.8);
	}

	#projects_body #header .nav-toggle-switch {
			border-left: 1px solid rgba(38, 42, 48, 0.8);
	}

	#projects_body #header .nav-toggle-switch.is-active {
			border: 0;
	}

	#projects_body {
			background-size: auto 430px !important;
	}

	.phone_td .phone {
			font-size: 48px;
	}

	.phone_td .phone span {
			top: -19px;
	}

	td.phone_td {
			background-size: 55px;
	}

	#projects_body #project_footer #contact_block table tr {
			flex-direction: column;
	}

	#projects_body #project_footer #contact_block table td {
			width: 100%;
	}

	.project_block .title {
			max-width: 95%;
	}

	#services_body #services .sub_categories .pointer {
			display: none;
	}

	#services_body .cp_block {
			width: 100%;
			margin-top: 40px;
	}

	#services_body .cp_block h4 {
			padding: 0;
			text-align: center;
	}

	#services_body .sub_categories {
			width: 877px;
			margin-top: 12px;
	}

	#services_body table.cp_plus_pr tr {
			display: flex;
			flex-direction: column;
	}

	#services_body table.cp_plus_pr tr td:nth-child(1) {
			order: 3;
			width: inherit;
	}

	#services_body table.cp_plus_pr tr td:nth-child(2) {
			order: 2;
	}

	#services_body table.cp_plus_pr tr td:nth-child(2) span {
			display: block;
	}

	#services_body table.cp_plus_pr tr td:nth-child(3) {
			order: 1;
			width: 100%;
	}

	#services_body .page_text table.cp_plus_pr {
			width: 100% !important;
	}

	#services_body .services_phone {
			width: 344px;
	}

	#services_body .services_phone {
			background: url('../images/phone_footer.png') no-repeat left top;
			background-size: 55px;
			padding-left: 40px;
	}

	#services #contact_block + .page_text img {
			margin-left: 0 !important;
			margin-top: 0 !important;
			width: 100% !important;
			max-width: 100% !important;
			display: block;
			margin-bottom: 20px !important;
	}

	#services_body .blocks .bl {
			width: 100%;
			max-width: 100%;
			flex: 0 0 100%;
			padding: 24px 12px;
			height: auto;
			margin: 0 0 25px;
	}

	body.razrabotka-logotipa .page_text img {
			max-width: none;
	}

	#services_body .primer_block {
			width: 100% !important;
			text-align: center;
			border: 0;
	}
	#services #contact_block + .page_text .primer_block img{
			width: auto!important;
			margin: 40px auto !important;
	}
	#services_body.podderzhka-sayta .blocks .bl {
			height: 455px !important;
			margin-bottom: 130px;
	}
	#services_body.podderzhka-sayta .blocks .bl .title13 {
			margin-bottom: 35px;
	}
	#services_body .tehpoder_list {
			width: 100%;
			margin-left: 0!important;
			padding-left: 0 !important;
	}
	#services_body .mesiats {
			margin: 15px auto !important;
			float: none;
	}
	#services_body .bottom_price_1 {
			padding: 35px 0 35px 30px;
	}
	.main_categories a{
			border: 0;
			border-bottom: 1px solid #656565;
	}
	.main_categories a.active, .main_categories a:hover{
			border-left: 0;
			border-right: 0;
	}

	.about_content .about__right .item_work{
			width: calc(100% / 3 - 4px);
			padding-left: 70px;
			padding-top: 0;
	}
	.about_content .about__right .item_work svg {
			max-height: 60px;
			top: 0;
			left: 0;
			right: 0;
			margin: auto;
	}

	.about_content .about__left{
			margin: 0;
			width: 100%;
			padding: 0;
			flex: 0 0 100%;
			text-align: left;
			position: relative;
	}

	.about_content .about__left:before{
			content: '';
			display: inline-block;
			background-image: url('../upload/image/about/s-tet-about-diachenko.png');
			background-repeat: no-repeat;
			-webkit-background-size: 100%;
			background-size: 100%;
			height: 310px;
			width: 174px;
			vertical-align: text-top;
			position: absolute;
			top: 0;
			left: 0;
	}
	.about_content .about__left .text-work,
	#about .about__left .name{
			width: 100%;
			padding-left: 210px;
	}
	.about_content .about__center{
			display: none;
	}

	.about_content .about__left .other_text{
			width: 100%;
			padding-left: 0;
	}
	.about_content .about__left .other_text p{
			padding-left: 210px;
	}
	#about .about__left .name{
			font-size: 18px;
			font-weight: 400;
			line-height: 23px;
			text-align: left;
			margin-bottom: 20px;
	}
	.about_content .about__left .text-work{
			margin-bottom: 10px;
			font-size: 11px;
	}
	.about_content .about__left p{
			font-size: 13px;
			line-height: 20px;
	}
	/*.block__team {
			flex-wrap: nowrap;
			overflow-x: scroll;
	}*/
/*    .block__team {
			justify-content: inherit;
	}*/

	.block__team .team__item {
			flex-direction: column;
			margin-bottom: 15px;
	}

	.block__team .team__item .item__text{
			padding-left: 0;
			padding-right: 0;
	}

	.block__team .team__item .item__text .name{
			line-height: 20px;
	}
	.block__team .team__item .item__text .desc{
			line-height: 18px;
			padding-top: 5px;
	}

	.owl-carousel button.owl-dot{
			display: inline-block;
			width: 10px;
			height: 10px;
			background-color: transparent;
			margin: 3px;
			border-radius: 50%;
			border: 1px solid #999999;
			transition: all .5s;
	}
	.owl-carousel button.owl-dot:hover,
	.owl-carousel button.owl-dot.active{
			background-color: #999999;
	}
	.owl-nav{
			display: none;
	}

	.owl-dots{
			text-align: center;
	}

	#about_body .about_content .carousel-adv .owl-stage{
			padding-left: 0 !important;
	}
	.about_content .carousel-adv{
			display: block;
	}
	.about_content .about__right .item_work{
			width: 100%;
			text-align: left;
	}

	.about_content .about__right .item_work svg{
			right: auto;
	}

	.about_content .about__right .owl-stage-outer{
			right: -15px;
	}
	.about_content .about__right .date_working{
			margin-top: 40px;
	}
	.about_content .about__right .owl-dots {
			margin-top: 20px;
	}

	.slick-dots{
			top: auto;
			bottom: -36px;
	}
	.about-carousel{
			margin-top: 50px;
	}

	.about_content .about__right .owl-carousel button.owl-dot:hover,
	.about_content .about__right .owl-carousel button.owl-dot.active{
			background-color: #ffffff;
	}
	.about_content .about__right .owl-carousel button.owl-dot{
			border-color: #fff;
	}
	.about_content{
			border: 0;
	}
	#department_city{
			max-width: 100%;
			width: 100%;
	}
	#contact_block input {
			display: block;
			width: 100%;
			margin-left: 0;
	}
	.about_content .about__right .date_working{
			border-top: 1px solid #202223;
			border-bottom: 1px solid #202223;
			padding: 20px 0;
			margin-top: 0;
			margin-bottom: 20px;
	}
	.about-carousel{
			border-top: 1px solid #202223;
			padding-top: 20px;
			margin-top: 30px;
	}
	.about_btn {
			margin-bottom: 15px!important;
	}
	#about{
			padding-bottom: 20px;
			border-bottom: 1px solid #202223;
			margin-bottom: 25px !important;
	}
}
@media screen and (max-width: 639px){
	.footer_menu tr{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
	}
	.footer_menu td.menu_td,
	.footer_menu td.portfolio_td{
			width: auto;
			margin-bottom: 15px;
			border: 0;
			margin-right: 10px;
	}
	.footer_menu td{
			border: 0;
	}

	.page_title {
			font-size: 19px;
	}
	.page_title_sub {
			font-size: 11px;
	}
	#home_directions .table tr{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
	}
	#home_directions td{
			order: 2;
			max-width: 50%;
			flex: 0 0 50%;
			height: 160px;
	}
	#home_directions .table tr td:nth-child(3){
			order: 1;
			max-width: 100%;
			flex: 0 0 100%;
	}
	#home_directions .link_left {
			margin: 0 0 0 8%;
	}
	#home_directions .link_right {
			margin: 0 1% 0 0;
	}
	.home_projects {
			height: 453px;
			margin-bottom: 40px;
	}
	.projects_list .block{
			margin: 0 11px 22px 11px;
			width: calc(100% / 2 - 22px);
	}
	.home_text .home_advantages tr{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
	}
	.home_text .home_advantages td{
			max-width: 50%;
			flex: 0 0 50%;
	}
	#logo_line > div:nth-child(2) {
			z-index: 456456;
			overflow-y: scroll;
			width: 100%;
	}
	#logo_line img{
			max-width: 1436px;
			width: auto;
			min-height: 100%;
			margin-right: 30px;
	}
	#directions_pointer{
			width: 100%;
	}
	#home{
			overflow: hidden;
	}
	.home_text {
			height: 420px;
	}
	.slick-arrow{
			display: none !important;
	}
	.about-carousel {
			font-size: 20px;
			line-height: 42px;
			margin-top: 44px;
			margin-bottom: 22px;
	}
	.about-carousel.slick-slider .slick-track, .about-carousel.slick-slider .slick-list{

	}
	.about_btn{
			margin: 22px auto 80px auto;
	}
	#clients .block {
			width: calc(100%/2 - 2px);
			margin: 0;
			height: 160px;
			text-align: center;
			vertical-align: text-bottom;
			position: relative;
			overflow: hidden;
			margin-bottom: 5px;
	}
	#clients .block .vcenter{
			display: block;
			width: 100%;
	}
 /* #clients .block .vcenter,
	#clients .block .vcenter2{
			width: 100%;
			display: block;
	}
	#clients .block .text {
			display: block;
			position: static;
			font-size: 12px;
			line-height: 1.4;
			color: #8c8c8c;
			background: transparent;
			width: 100%;
			height: auto;
			padding: 0;
			margin: 0;
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			behavior: url(/plugins/PIE.htc);
	}*/

	#clients .block .text {
			width: 100%;
			height: 100%;
			padding: 10px 2px;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			margin: auto;
			font-size: 11px;
	}
	#clients .block .vcenter2 {
			width: 100%;
			height: auto;
			position: static;
			flex-direction: column;
			justify-content: center;
	}
	#clients .block:hover .text {
			display: flex;
	}
	#clients .block:hover .text .vcenter2{
			display: flex;
	}

	#home_directions .link_right,
	#home_directions .link_left{
			font-size: 12px;
	}
	.page_title_border.left,
	.page_title_border.right,
	#home_directions .line_right,
	#home_directions .line_left{
			display: none;
	}
	.title_block {
			margin: 42px auto 45px auto;
	}
	.home_text{
			padding-top: 0;
	}
	#go_top{
			display: none !important;
	}
	.page_title_sub{
			margin-top: 7px;
	}
	.home_projects + .title_block{
			margin-bottom: 50px;
			margin-top: 70px;
	}
	#home_directions .block{
			width: 100%;
	}
	#home_directions .block:after{
			content: '';
			position: absolute;
			top: 49px;
			bottom: -7px;
			left: 7px;
			right: 7px;
			margin: auto;
			border: 1px solid #20262d;
	}
	#home_directions .table tr td:nth-child(3) .block:after{
			display: none;
	}
	#logo_line{
			position: relative;
	}
	.home_text .pict_tr td{
			font-size: 11px;
	}
	.slick-dots {
			top: -47px;
	}
	.table-clients,
	.table-clients-two{
			margin-top: 0 !important;
	}
	.table-clients tr,
	.table-clients-two tr{
			display: flex;
			flex-direction: row;
			vertical-align: center;
			flex-wrap: wrap;
	}
	.table-clients td,
	.table-clients-two td{
			display: flex;
			flex: 0 0 calc(100%/2 - 2px) !important;
			max-width: calc(100%/2 - 2px) !important;
			margin: 0;
			height: 120px;
			text-align: center;
			vertical-align: text-bottom !important;
			position: relative;
			overflow: hidden;
			margin-bottom: 5px;
	}
	.page_text table.table-clients td:nth-child(2){
			width: calc(100%/2 - 2px) !important;
	}
	.table-clients td a,
	.table-clients-two td a{
			display: inline-block;
			vertical-align: middle;
			margin: auto;
	}
	.table-clients td a img,
	.table-clients-two td a img{
			vertical-align: middle;
	}
	.contact_table tr {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
	}
	.contact_table tr td {
			display: block;
			width: 278px;
			margin: auto;

			height: 300px;
	}
	#map_block .close {
			top: 5px;
			right: 6px;
			z-index: 1111111111111;
	}
	.contact_table {
			margin-bottom: 5px;
			margin-top: 50px;
	}
	#brief_table td {
			vertical-align: middle;
			display: block;
			margin-bottom: 15px;
	}
	#brief_table {
			margin-bottom: 60px;
	}
	.brief_btn_info {
			margin-left: 0;
	}
	#contact_block .title {
			background-color: #161c24;
	}
	#projects_body .projects_list .block {
			width: calc(100% / 2 - 24px);
			margin-bottom: 26px;
	}
	#projects_body #project_footer .hide_for_order table td + td{
			margin-top: 15px;
	}
	#projects_body #project_footer .hide_for_order table td.phone_td{
			max-width: 340px;
			margin: 25px auto auto;
	}
	#projects_body #project_footer .hide_for_order table tr {
			flex-direction: column;
			text-align: center;
	}
	.like_td .addthis_toolbox{
			width: 100%;
	}
	.addthis_toolbox a.addthis_button_counter,
	.addthis_toolbox a.addthis_button_facebook_like,
	.addthis_toolbox a.addthis_button_facebook_send,
	.addthis_toolbox a.addthis_button_facebook_share,
	.addthis_toolbox a.addthis_button_foursquare,
	.addthis_toolbox a.addthis_button_google_plusone,
	.addthis_toolbox a.addthis_button_linkedin_counter,
	.addthis_toolbox a.addthis_button_pinterest_pinit,
	.addthis_toolbox a.addthis_button_stumbleupon_badge,
	.addthis_toolbox a.addthis_button_tweet{
			text-align: center;
			width: 100% !important;
	}
	#projects_body #contact_block .title_l,
	#projects_body #contact_block .title_r{
			display: none;
	}
	.project_text{
			padding: 0 12px;
	}
	.project_title{
			font-size: 20px;
	}
	#project_cont_line .hide_for_order {
			margin-bottom: 50px;
	}
	#projects_body #project_footer .hide_for_order table td.phone_td{
			display: none;
	}
	#projects_body .block-phone{
			display: block;
			max-width: 340px;
			margin: 25px auto 50px;
	}
	.title_block {
			margin: 42px auto 15px auto;
	}
	.menu_categories {
			margin-bottom: 30px;
	}
	.project_title {
			padding-top: 15px;
			margin-bottom: 20px;
	}
	.site_link {
			margin-bottom: 25px;
	}
	.project_text {
			margin-bottom: 20px;
	}
 /* .project_block {
			background: whitesmoke;
			padding-top: 0;
	}
	.project_block .text{
			margin-top: 0;
	}*/
	#projects_body{
			position: relative;
			z-index: 1;
	}
	#projects_body:before{
			content: '';
			position: absolute;
			top: 0;
			height: 430px;
			right: 0;
			left: 0;
			margin: auto;
			background-color: #000000;
			opacity: .4;
			z-index: -1;
	}
	.project_block .title{
			position: relative;
			line-height: 30px;
			padding: 0;
			margin: 0;
			width: 100%;
			display: block;
	}
	.project_block .counter{
			top: -143px;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			line-height: 1;
			display: block;
	}
	.service_cont_btn{
			padding: 9px 8px;
			width: auto;
	}
	#services_body .cp_etap_item,
	#services_body .cp_etap_item.cp_etap_item5{
			flex: 0 0 100%;
			max-width: 100%;
	}
	#services_body .cp_etap_item:before{
			background-color: #161c24;
	}
	#services_body .cp_etap_razrab{
			position: relative;
	}
	#services_body .cp_etap_razrab:after{
			content: '';
			position: absolute;
			top: 50px;
			bottom: 55px;
			left: 56px;
			width: 1px;
			background-color: #1d2126;
			margin: auto;
			z-index: -1;
	}
	#services_body #projects_services .word{
			width: 100%;
			margin-left: 0;
			margin-right: 0;
			text-align: center;
			margin-bottom: 80px;
	}
	#services_body #projects_services .projects_all_btn{
			float: none;
			width: 145px;
			position: absolute;
			top: 85px;
			left: 0;
			right: 0;
			margin: auto;
	}
	#services_body #projects_services {
			position: relative;
	}
	#services_body .projects_list .block {
			width: calc(100% / 2 - 18px);
	}
	#services_body table.cp_plus_pr tr td:nth-child(3) img{
			margin-left: 0 !important;
	}

	#services_body .logo_price_wrap{
			border: 0;
			display: flex;
			flex-direction: column;
			justify-content: center;
	}

	#services_body .logo_content{
			width: 100%;
			padding-bottom: 15px;
	}

	#services_body .logo_center_content {
			width: 100%;
			border: 0;
	}

	.logo_thena:after{
			display: none !important;
	}
	#services #contact_block{
			overflow: visible!important;
	}

	.logo_price_wrap:nth-child(1) .logo_center_content:nth-child(2) span:nth-child(4),
	.logo_price_wrap:nth-child(1) .logo_center_content:nth-child(2) span:nth-child(5),
	.logo_price_wrap:nth-child(1) .logo_center_content:nth-child(2) span:nth-child(6),
	.logo_price_wrap:nth-child(1) .logo_center_content:nth-child(4) span:nth-child(1),
	.logo_price_wrap:nth-child(1) .logo_center_content:nth-child(4) span:nth-child(2),
	.logo_price_wrap:nth-child(1) .logo_center_content:nth-child(4) span:nth-child(3),
	.logo_price_wrap:nth-child(2) .logo_center_content:nth-child(2) span:nth-child(4),
	.logo_price_wrap:nth-child(2) .logo_center_content:nth-child(2) span:nth-child(5),
	.logo_price_wrap:nth-child(2) .logo_center_content:nth-child(2) span:nth-child(6),
	.logo_price_wrap:nth-child(2) .logo_center_content:nth-child(4) span:nth-child(1),
	.logo_price_wrap:nth-child(2) .logo_center_content:nth-child(4) span:nth-child(2),
	.logo_price_wrap:nth-child(2) .logo_center_content:nth-child(4) span:nth-child(3){
			display: none;
	}
	#services_body .primer_blocks{
			margin: 0;
	}
	#services_body .primer_block{
			padding: 0;
			margin-bottom: 12px;
	}
	#services_body .tehpoder_list li {
			font-size: 14px;
			background-size: 20px;
			padding-left: 30px;
			line-height: 20px!important;
			margin-bottom: 20px;
			background-position: 2px 0px;
	}
	#home_directions{
			padding: 65px 0 90px 0;
			margin-top: 35px;
	}
	.about_content .about__left .other_text p:last-child{
			padding-left: 0;
	}
	.about_content .about__left:before {
			height: 232px;
			width: 130px;
	}
	.about_content .about__left .text-work,
	#about .about__left .name {
			padding-left: 150px;
	}
	.about_content .about__left .other_text p {
			padding-left: 150px;
	}
	.desktop{
			display: none;
	}
	span.mob{
			display: inherit;
			font-size: 0;
			line-height: 0;
	}

	.you__need__work{
			margin-top: 70px;
			margin-bottom: 60px;
	}
	.you__need__work .block__work{
			flex-direction: column;
			text-align: center;
	}
	.you__need__work .block__work .text{
			padding-left: 0;
			font-size: 25px;
			line-height: 30px;
			margin-top: 10px;
	}
	.you__need__work .block__work .text a{
			margin-top: 15px;
			font-size: 17px;
	}
	.owl-dots {
			margin-top: 20px;
	}
	.slick-dots{
			top: auto;
			bottom: -25px;
	}
}
@media screen and (min-width: 442px) and (max-width: 580px){
	.footer_menu .last{
			display: none;
	}
}
@media screen and (max-width: 479px){
	.company,
	.copyright{
			float: none;
			text-align: left;
	}
	#footer .bottom{
			padding: 20px 0;
	}
	.company{
			padding-bottom: 5px;
	}
	.footer_menu td.menu_td{
			margin-right: 20px;
			padding-right: 20px !important;
			display: inline-block;
			border-right: 1px solid #191d24;
	}
	.cravter_btn span{
			font-size: 10px;
	}
	.footer_menu td.dev_td{
			margin-right: 14px;
			padding-right: 12px !important;
			display: inline-block;
			border-right: 1px solid #191d24;
	}
	.about-carousel {
			font-size: 16px;
			line-height: 33px;
	}
	#contact_block .border_right {
			width: 100%;
	}
	#contact_block .border_left {
			width: 100%;
	}
	#contact_block .title_l,
	#contact_block .title_r{
			display: none;
	}
	#contact_block .send{
			bottom: -17px;
			width: 270px;
			left: 0;
			right: 0;
			margin: auto;
	}
	.contact_table tr td {
			height: 243px;
	}
	.border_block {
			margin-bottom: 28px;
	}
	.tel {
			margin-bottom: 5px;
	}
	.site_link{
			max-width: 300px;
	}
	.site_link .word{
			width: 100%;
	}
	.site_link .link {
			padding: 7px 10px;
	}
	.phone_td .phone span {
			top: -40px;
			width: 54px;
			font-size: 14px;
	}
	.phone_td .phone {
			font-size: 43px;
	}
	#projects_body .block-phone{
			background-size: 45px;
			padding-top: 13px;
			padding-left: 25px;
			max-width: 300px;
	}
	.phone_td .city_btn{
			font-size: 14px !important;
	}
	#projects_body .title-block h3 {
			letter-spacing: 0;
	}
	.phone_td .city_btn {
			padding-left: 68px;
			margin-top: 4px;
	}
	#contact_block .help_text{
			width: 100%;
	}
	.project_block .title{
			font-size: 20px;
	}

	#services_body .cp_etap_item{
			padding-left: 50px;
	}
	#services_body .cp_etap_item:before{
			left: 0;
	}
	#services_body .cp_etap_razrab:after{
			left: 15px;
	}
	#services_body .cp_block h4 {
			padding: 0 0 0 20px;
			text-align: left;
			font-size: 17px;
			line-height: 24px;
	}
	.cp_block p{
			padding-left: 18%;
	}
	.cp_two_block + p span{
			font-size: 16px !important;
	}
	#services #contact_block + .page_text.text_end.inner > p > span{
			font-size: 16px !important;
	}
	#services_body .cp_etap_item{
			margin: 18px 0;
	}
	#services .text_start, #services .text_end {
			margin-bottom: 18px;
	}
	#services_body #projects_services .word{
			font-size: 20px;
	}
	#services_body #projects_services .inner2 {
			height: 415px;
	}
	#projects_services .block {
			margin: 9px;
	}
	#services_body #projects_services + .inner,
	#cartbox_body #projects_services + .inner
	{
			padding: 0;
	}
	#services_body .services_phone,
	#cartbox_body  .services_phone{
			background-size: 49px;
			padding-left: 31px;
			margin-bottom: 50px;
			margin-top: 0;
			padding-top: 18px;
	}
	.opit{
			font-size: 16px !important;
	}

	#services_body #projects_services + .inner .services_phone,
	#cartbox_body #projects_services + .inner .services_phone{
			margin-top: 82px;
			padding-top: 18px;
	}
	#services .text_start > p:nth-child(2) span{
			font-size: 20px !important;
	}
	.cp_block p{
			background-size: 18px;
	}
	#services_body .page_text table.cp_plus_pr{
			width: 100% !important;
			display: block;
	}
	#services_body .page_text table.cp_plus_pr tbody{
			display: block;
			width: 100%;
	}
	.cp_center_block p{
			padding-left: 16px !important;
	}
	.cp_two_block{

	}
	#services_body.podderzhka-sayta .logo_block h2{
			font-size: 16px;
	}
	.about_content .about__left:before {
			width: 111px;
			height: 251px;
	}

	.about_content .about__left .other_text p:nth-child(2),
	.about_content .about__left .other_text p:nth-child(3){
			padding-left: 0;
	}
}
@media screen and (max-width: 335px){
	.about_content .about__left:before {
			width: 140px;
	}
}
.page_text table {
	border: 0;
}
.project_text{
	max-width: 600px;
	width: auto;
}

.cravter_btn:hover {
	
	color: #727272 !important;
}

#services_body,
#home_body {
	
	background-size: cover !important;
}