html {
    overflow-x: hidden;
}
body {
    font-family: 'Gotham Pro';
    font-size: 16px;
    color: #1d1d1d;
    position: relative;
    font-weight: 400;
    overflow-x: hidden;
    margin: 0px;
    padding: 0px;
    background: white;
    max-width: 1920px;
    margin: 0px auto;
}



.white {color:white;}


.gray50 {}
.gray50 img {filter: brightness(0.5);}


.grad80 {position:relative;
}
.grad80 img {
}

.grad80:before {
		content:'';
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,000000+100&0+1,0.8+100 */
		background: -moz-linear-gradient(top,  rgba(229,229,229,0) 0%, rgba(227,227,227,0) 1%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(229,229,229,0) 0%,rgba(227,227,227,0) 1%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(229,229,229,0) 0%,rgba(227,227,227,0) 1%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		display: block;
}



html.no_scroll {overflow-y:hidden;padding-right: 17px;}
.middle {
    padding-top: 0px;
}

font {display:block;}


.bg_white {background:white;}

/*
.upload .add_photo {display: block !important;text-align: center;}
.upload .add_photo .upload_image {display:none;}
.upload .add_photo .text {display: block !important;background: none;border-radius: 3px;height: 39px;line-height: 39px;text-align: center;font-family: "Arial";font-size: 12px;color: #777;border: 1px solid #DADADA;}
.upload .add_photo .text:hover {background:#2C7BCD;border-color:#2C7BCD;color:white;}
.upload .add_photo .count {display: inline-block;font-size: 12px;position: absolute;top: 50%;right: 15px;margin-top: -9px;}
.upload .edit_photo {display:none !important;}
*/
/*
ymaps {
	filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	filter: brightness(0.8) grayscale(1);
}
*/


._content {/* width:1312px; */margin:0px auto;max-width: 100%;}

h1,.h1 {
   color: #343434;
   font-size: 36px;
   font-weight: 400;
   padding-top: 61px;
   padding-bottom: 29px;
   margin: 0;
   position: relative;
   display: block;
   text-decoration: none;
   text-transform: uppercase;
}

.h1_comment {padding-bottom: 20px;}

h2,.h2 {
    font-family: 'Gotham Pro';
    font-size: 30px;
    color: #333;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    padding-top: 40px;
    padding-bottom: 44px;
    font-weight: 400;
    text-decoration: none;
    position:relative;
    text-align: center;
}

h2 span,.h2 span {display:inline-block;position: relative;}

h2 span:after,.h2 span:after {
	content:'';
	background:#b2f200;
	height:3px;
	width: calc(100% + 60px);
	display:block;
	position:absolute;
	margin-top: 19px;
}

.bg_black h2,.bg_black .h2 {color:white;}

.bread_crumbs_container {
    padding-bottom: 10px;
    padding-top: 10px;
}
#bread_crumbs {
    font-size: 13px;
    display: flex;
    align-items: center;
}
#bread_crumbs div {
    display: inline-block;
}
#bread_crumbs div > span {
    color: #acabab;
}
#bread_crumbs div a {
    color: #acabab;
}
#bread_crumbs div a > span {}
#bread_crumbs .sep {
    padding: 0px 10px;
}
#bread_crumbs .sep:before {content:"/";}


.width100 {width:100% !important;}

.bg_black {background:black;}

.bg_gray {background: #e9e9e9;}
.bg_gray_light {background: #f4f4f4;}
.bg_dark {background:#bdc3c6;}

.bg_blue {background: #eff4ff;}

.fancybox-slide--html .fancybox-close-small {color: #555 !important;transform: scale(0.5);}
.fancybox-button svg {transform: scale(3);}
.compensate-for-scrollbar {margin-right: 0px !important;overflow: auto !important;}

.row_toggle + .row_toggle_container {display:none;}





.uploader_container {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.uploader_field {cursor:pointer;display: inline-block;border-radius: 100px;vertical-align: top;/* width: 100%; */box-sizing: border-box;padding-left: 50px;}
.uploader_field div {display:inline-block;}
.uploader_field:before {content: "";display:inline-block;vertical-align:middle;margin-right: 5px;font-size: 18px;background: url(/site/img/symbols/far-file-upload.svg) 0% 50% no-repeat;width: 40px;height: 40px;position: absolute;top: 50%;left: 0px;transform: translateY(-50%);}
.uploader_field div.text_loading {display:none;}
.uploader_field div.uploader_images_count {display:none;}


.resp_table{width:100%;}
.resp_table tr td:before{display:none;}
.resp_table img{max-width:100%;width: 100%;display: block;width: 220px;}


.t_black {color:black !important;}


sup {
    display: inline-block;
    vertical-align: top;
    top: -3px;
    position: relative;
    font-size: 80%;
}

.p_t_0 {padding-top:0px !important;}
.m_t_0 {margin-top:0px !important;}
.m_b_0 {margin-bottom:0px !important;}
img {
    border-style: none;
    vertical-align: middle;
    max-width:100%;
}
select::-ms-expand{
    display: none;
}

select::-ms-expand { display: none; }
select {
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	background: url(../img/ico_select.png) 100% 50% no-repeat;
	/* font-family: 'Poiret One'; */
	outline: none;
}


.fancybox-default-skin {
}



.f_left {float:left !important;}
.f_right {float:right !important;}
.t_right{text-align:right !important;}
.t_left {text-align:left !important;}
a:hover {text-decoration:none;}

.fancybox-type-image .fancybox-close {
    right: 9px;
}

.fancybox-close {
    background: url(../img/bg_close.png) 50% 50% no-repeat !important;
    color: black;
    width: 22px !important;
    height: 22px !important;
    top: -25px !important;
    right: -25px !important;
}


.container {
    margin: 0px auto;
    padding: 0px 15px;
    position: relative;
    display: block;
	width: 1170px;
    max-width: 100%;

}
/*
@media (min-width: 1500px) {
  .container {
    width: 1170px;
    max-width: 100%;
  }
}
*/

input[type=text],
{
	color:#686868;
}

.has-danger input,
.has-danger select,
.has-danger textarea
{
	border-width:2px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #eba5a3;
}


#form_popup,#form_popup2 { display:none; }
.popup_container {width: 420px;max-width:100%;padding: 5px 29px;overflow: hidden !important;position: relative;box-sizing: border-box;background: white;text-align: center;padding: 44px;border: none;}

.popup_container .agree_field {color: black;font-size: 10px;}
.popup_container .agree_field a {color: black;}


.popup_container h2
{
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	padding-bottom: 29px;
	text-align: center;
	padding-top: 20px;
}
.popup_container .form_comment {
    text-align: center;
    font-size: 20px;
    color: #414141;
    padding-bottom:  15px;
}
.popup_container .form_comment a {
    display: block;
    color: #414141;
    text-decoration: none;
}

.popup_container .close
{
	position:absolute;
	right:10px;top:10px;
	width:34px;
	height:34px;
	-moz-transform: rotate(45deg); /* Aey Firefox */
	-ms-transform: rotate(45deg); /* Aey IE */
	-webkit-transform: rotate(45deg); /* Aey Safari, Chrome, iOS */
	-o-transform: rotate(45deg); /* Aey Opera */
	transform: rotate(45deg);
	cursor:pointer;
}
.popup_container .close:before
{
	content:'';
	position:absolute;
	left:0px;top:16px;
	width:34px;height:1px;
	display:block;
	background-color:#a8a8a8;
}
.popup_container .close:after
{
	content:'';
	position:absolute;
	left:16px;top:0px;
	width:1px;height:34px;
	display:block;
	background-color:#a8a8a8;
}

.popup_container .form-group {
    margin-bottom: 19px;
}
.popup_container .form-group input[type=text] {height: 60px;width: 100%;}

.popup_container .form-group textarea {
    color: black;
    display: block;
    height: 100px;
    text-decoration: none;
    text-align: left;
    /* text-transform: uppercase; */
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    background: none;
    border: 1px solid #c0c6c9;
    padding: 10px;
    resize: none;
    font-size: 16px;
}

.popup_container .form-group select {
    color: #1d1f20;
    height: 50px;
    border: 1px solid white;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    padding-left: 10px;
    height: 38px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #c0c6c9;
}
.popup_container .form-group select option {}

.popup_container .form-group button {cursor: pointer;height: 38px;font-size: 14px;font-weight: 700;height: 60px;font-weight: 300;}
.popup_container .form-group button:before {display:none;}
.popup_container .form-group button:after {display:none;}


.not_agree button {
    background-color: #cccccc !important;
    cursor: auto !important;
    color: white !important;
    border-color: #ccc !important;
    }

.agree_field {
    font-size: 14px;
    line-height: 100%;
    position: relative;
    display: inline-block;
    padding-left: 20px;
    top: 0px;
    font-weight: 300;
}
.agree_field input {
    position: absolute;
    top: -1px;
    left: 0px;
    margin: -0px;
}
.agree_field span {
    padding-left: 25px;
    display: inline-block;
}

.popup_container .form-disclamer {
    color: #b8b8b8;
    font-size: 10px;
    padding-top: 10px;
    text-align: center;
}




form {
}
form .form-group {
    margin-bottom: 10px;
    position: relative;
}

form .form-group input[type="text"] {
    height: 48px;
    width: 100%;
    color: #1d1f20;
    font-size: 16px;
    box-sizing: border-box;
    font-weight: 300;
    text-align: center;
    border: 2px solid black;
    padding: 0px 40px;
    outline: none;
    background: none;
    border-radius: 0px;
}
form .form-group button {
    width: 100%;
    height: 48px;
    cursor: pointer;
    outline: none;
}
form .form-group button:hover {}


.form_title {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 15px;
}
.form_title span {
    display: block;
    color: #ff0000;
    white-space: nowrap;
}






.ico_email {position:relative;}
.ico_email:before {content:'';background:url(/project/templates/site/img/ico_email.png) 0px 0px no-repeat;width:16px;height:12px;position:absolute;top: 3px;left:0px;}


.no_scroll .menu_container {
    padding-right: 17px;
    box-sizing: border-box;
}

.menu_container {
    display: inline-block;
    margin: 0px auto;
}

.openmenu .menu_container {
    opacity: 1;
    width: 100%;
}

.btn_menu {display:none;}

.menu {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-flex;
}
.menu li {
    padding: 0px 20px;
}
.menu li a {
    color: white;
    font-size: 18px;
    font-weight: 300;
}
.menu li a:hover,.menu li a.current {}















@-webkit-keyframes anm {
  100% {
    opacity: 0;
    height:1000px;
    width:1000px;
	}
}

@keyframes anm {
  100% {
    opacity: 0;
    height:1000px;
    width:1000px;
	}
}




.btn {overflow:hidden;background: #4554e4;color: black;text-align: center;height: 60px;display: flex;font-size: 16px;border: 3px solid #4554e4;position: relative;text-decoration: none;padding-left: 0px;box-sizing: border-box;/* text-transform: uppercase; */border-radius: 0px;outline: none;cursor: pointer;min-width: 200px;align-items: center;justify-content: center;transition: 0.5s;font-family: 'Gotham Pro';color: white;}
.btn:before {content:'';width:0px;height:100%;vertical-align:middle;display:inline-block;}
.btn span {vertical-align:middle;display:inline-block;max-width: 88%;}
.btn:hover {
    background: #4554e4;
    border-color: #4554e4;
}

.btn.orange {background-color:#ff5b33;border-color: #ff5b33;color:white;}
.btn.orange:hover {background-color:#ff5b33;border-color: #ff5b33;color:white;}

.btn.white {background-color:white;border-color: white;color:black;}
.btn.orange:hover {background-color:black;border-color: black;color:white;}

.btn.glass {background: none;border-color: white;color:white;}
.btn.glass:hover {background-color: white;border-color: white;color: black;}


.btn i {position:absolute;width:0px;height:0px;border-radius:1000px;opacity:1;background: #4554e4;transform: translate(-50%,-50%);}

.btn._anm i {
  -webkit-animation: anm 2s linear;
  animation: anm 2s linear;
 }


.link {
    text-decoration: none;
    color: black;
    text-decoration: underline;
}
.link span {}
.link.arrow span:after {
	content: '';
	margin-left: 12px;
	font-size: 128%;
	vertical-align: top;
}



.no_scroll header {padding-right: 17px;box-sizing: border-box;}

header {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 11;
    background: #404044;
}
header .container {
    display: flex;
    height: 70px;
    align-items: center;
    justify-content: space-between;
}
header .btn {
    height: 38px;
    font-size: 17px;
}

.logo1 {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    color: white;
}

.logo1 img {}
.logo1 span {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    margin-left: 8px;
}
.logo1 font {
    font-size: 12px;
    font-weight: 300;
}


.top_addr {position:relative;padding-left: 20px;color: #7e817e;}
.top_addr:before {content:'';background: url(/site/img/icons.png) 0px 0px no-repeat;width:12px;height: 16px;display:block;position:absolute;top: 2px;left:0px;}


.top_mails {
    margin-right: 33px;
}
.top_mails a {
    color: #ababab;
    font-size: 14px;
    font-weight: 300;
}
.top_mails a span {
    display: flex;
    align-items: center;
}
.top_mails a span:before {content:'';width: 23px;height: 23px;display: inline-block;background: url(/site/img/symbols/email.svg) 0px 0px no-repeat;filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(200deg) brightness(102%) contrast(101%);margin-right: 10px;}


.top_phones {}
.top_phones a {
    color: #ababab;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    align-items: center;
}
.top_phones a:before {content:'';width: 18px;height: 18px;display: inline-block;background: url(/site/img/ico_phone.png) 0px 0px no-repeat;margin-right: 10px;}


footer {}
footer .bg .container {
    display: flex;
    justify-content: space-between;
    height: 110px;
    align-items: center;
}
footer .bg {background:#404044;}
footer {}
footer {}


.bottom_logo {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    color: white;
}

.bottom_logo img {}
.bottom_logo span {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    margin-left: 8px;
}
.bottom_logo font {
    font-size: 12px;
    font-weight: 300;
}



.bottom_mails {margin-bottom: 15px;}
.bottom_mails a {
    color: #ababab;
    font-size: 14px;
    font-weight: 300;
}
.bottom_mails a span {
    display: flex;
    align-items: center;
}
.bottom_mails a span:before {content:'';width: 23px;height: 23px;display: inline-block;background: url(/site/img/symbols/email.svg) 0px 0px no-repeat;filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(200deg) brightness(102%) contrast(101%);margin-right: 10px;}


.bottom_phones {}
.bottom_phones a {
    color: #ababab;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    align-items: center;
}
.bottom_phones a:before {content:'';width: 18px;height: 18px;display: inline-block;background: url(/site/img/ico_phone.png) 0px 0px no-repeat;margin-right: 10px;}



.bottom_menu {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    /* text-transform: uppercase; */
}
.bottom_menu > li {}
.bottom_menu > li a {
    margin: 20px;
    color: white;
    font-weight: 300;
}
.bottom_menu > li a:hover,.bottom_menu > li a.current {}
.bottom_social {
    margin-left: 54px;
}
.bottom_social .ico_fb {
    border: 1px solid #838383;
    display: inline-block;
    border-radius: 100px;
    width: 38px;
    height: 38px;
}
.bottom_social .ico_fb:before {content:'';background: url(/site/img/symbols/facebook.svg) 50% 50% no-repeat;filter: invert(55%) sepia(11%) saturate(24%) hue-rotate(11deg) brightness(89%) contrast(92%);display: block;width: 18px;height: 18px;margin: 0px auto;margin-top: 9px;}


.bottom_social .ico_fb:hover {background:#b2f200;border-color:#b2f200;}
.bottom_social .ico_fb:hover:before {filter:none;}

.bottom_social .ico_inst {
    border: 1px solid #838383;
    display: inline-block;
    border-radius: 100px;
    width: 38px;
    height: 38px;
    margin-left: 8px;
}
.bottom_social .ico_inst:before {content:'';content: '';background: url(/site/img/symbols/instagram.svg) 50% 50% no-repeat;filter: invert(55%) sepia(11%) saturate(24%) hue-rotate(
11deg
) brightness(89%) contrast(92%);display: block;width: 22px;height: 22px;margin: 0px auto;margin-top: 8px;}


.bottom_social .ico_inst:hover {background:#b2f200;border-color:#b2f200;}
.bottom_social .ico_inst:hover:before {filter:none;}


.copyright {color:#ababab;font-weight:300;padding-top: 12px;padding-bottom: 30px;}



.content_container {
    display: flex;
    padding-top: 0px;
}
.content_container .index_right {
    width: 360px;
}
.content_container .content {}
.content_container .index_right + .content {
    width: calc(100% - 360px);
}


.tabs_container {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.tabs_container li {
    padding-bottom: 17px;
}
.tabs_container li a {display:block;position:relative;font-size: 24px;text-transform: uppercase;padding-top: 8px;padding-bottom: 8px;padding-left: 52px;}
.tabs_container li a:before {content:'';border:1px solid #c7c7c7;border-radius:100px;position:absolute;top: 50%;left: 0px;width: 26px;height: 26px;transform: translateY(-50%);}
.tabs_container li a.current:after {content:'';background:#b2f200;border-radius:100px;position:absolute;top: 50%;left: 6px;width: 16px;height: 16px;transform: translateY(-50%);}



.topimage_container {position:relative;}
.topimage_container picture {
    display: block;
    height: 330px;
    position: relative;
    max-width: 1920px;
    margin: 0px auto;
}
.topimage_container picture:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	overflow:hidden;
}

.topimage_container.white picture:before {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.87) 0%, rgba(0, 0, 0, 0.87) 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.87) 0%, rgba(0, 0, 0, 0.87) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.87) 0%, rgba(0, 0, 0, 0.87) 50%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de000000', endColorstr='#00000000', GradientType=1);
}

.topimage_container.black picture:before {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.87) 0%, rgba(255, 255, 255, 0.87) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.87) 0%, rgba(255, 255, 255, 0.87) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.87) 0%, rgba(255, 255, 255, 0.87) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de000000', endColorstr='#00000000', GradientType=1);
}

.topimage_container picture img {
	display: block;
    position: relative;
    left: 50%;
    top: 0px;
    transform: translate(-50%,0%);
    max-width: none;
    height: 100%;
    z-index: -1;
}

.topimage_container .text {position:relative;top: 0px;left: 0px;width: 100%;}
.topimage_container .text .container {
    border-top: 2px solid #c6c6c6;
}

.topimage_container.withimage .text .container {border:none;}

.topimage_container .text .topimage_title {
	font-size: 32px;
	text-transform: uppercase;
	line-height: 120%;
	color:inherit;
	font-weight: 700;
	padding-top: 25px;
}
.topimage_container .text .topimage_title span {
	color: #f26522;
}
.topimage_container .text .topimage_comment {
		color:inherit;
		padding-top: 15px;
}


.topimage_container picture + .text {position:absolute;padding-bottom:0px;top: 50%;transform: translateY(-50%);}

.topimage_container.withimage + .bread_crumbs_container {
    /* margin-top: -100px; */
    /* color: white; */
}

.topimage_container.white .topimage_btn {padding-top:50px;}
.topimage_container.white .topimage_btn .btn {background:none;border-color:white;color:white;min-width:205px;display:inline-block;}
.topimage_container.black .topimage_btn .btn {background:none;border-color:black;color:black;min-width:205px;display:inline-block;}




.portfolio_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
    margin-right: -1%;
}
.portfolio_items .item {
    width: 47%;
    margin: 1.5%;
}
.portfolio_items .item a {
    display: block;
    height: 100%;
    position: relative;
}
.portfolio_items .item a ._image {
    display: block;
}
.portfolio_items .item a ._image img {
    width: 100%;
}
.portfolio_items .item a ._text {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 40px 48px;
    background: black;
    color: white;
}
.portfolio_items .item a ._text ._title {
    font-size: 24px;
    font-weight: 700;
    display: block;
}
.portfolio_items .item a ._text ._comment {
    padding-top: 16px;
    display: block;
}
.portfolio_items .item a ._text ._btn {
    display: block;
    margin-top: 37px;
    border: 2px solid white;
    display: block;
    width: 201px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    background: white;
}
.portfolio_items .item a ._text ._btn i {background:#757575;}
.portfolio_items .item a:hover ._text {display: block;}
.portfolio_items .item a:hover ._text ._title {}
.portfolio_items .item a:hover ._text ._comment {}
.portfolio_items .item a:hover ._text ._btn {}

.portfolio_items .item.wide {
    width: 97%;
}
.portfolio_items .item.wide a {}
.portfolio_items .item.wide a ._image {}
.portfolio_items .item.wide a ._image img {}
.portfolio_items .item.wide a ._text {
    display: block;
    background: none;
}
.portfolio_items .item.wide a ._text ._title {}
.portfolio_items .item.wide a ._text ._comment {}
.portfolio_items .item.wide a ._text ._btn {
    display: block;
    width: 201px;
    height: 40px;
    border: 2px solid white;
    line-height: 38px;
    text-align: center;
}
.portfolio_items .item.wide a:hover ._text {background: none;}
.portfolio_items .item.wide a:hover ._text ._title {}
.portfolio_items .item.wide a:hover ._text ._comment {}
.portfolio_items .item.wide a:hover ._text ._btn {
}

h3 {font-size:24px;}


.ul_sinoby {
    font-size: 18px;
    padding: 30px 0px 30px 20px;
}
.ul_sinoby > li {position: relative;padding-left: 51px;}
.ul_sinoby > li:before {
	content: '';
	background: url(/site/img/sinoby.svg) 0px 0px no-repeat;
	width: 32px;
	height: 25px;
	display: block;
	position: absolute;
	top: -2px;
	left: 0px;
	filter: invert(54%) sepia(6%) saturate(150%) hue-rotate(71deg) brightness(92%) contrast(89%);
}


.brief_form {
    padding-bottom: 50px;
    margin: 0px auto;
    max-width: 100%;
}
.brief_form button[type=submit] {
    width: 320px;
    margin-top: -75px;
}


.brief_controls_items {counter-reset: controls;padding-top: 8px;}
.brief_controls_items ._control {counter-increment: controls;margin: 0px;padding-bottom: 46px;box-sizing: border-box;}
.brief_controls_items ._control:before {content: counter(controls);border-radius: 100px;border: 1px solid #5262f9;width: 36px;height: 36px;box-sizing: border-box;display: block;text-align: center;line-height: 33px;font-size: 20px;position: absolute;top: -3px;left: 0px;color: #5262f9;font-weight: 700;}

.brief_controls_items ._control.focus:before,.brief_controls_items ._control.success:before {background:#b2f200;border-color:#b2f200;}


.brief_controls_items ._control:after {}
.brief_controls_items ._control:last-child:after {display:none;}
.brief_controls_items ._control ._title {
    font-size: 24px;
    padding-bottom: 5px;
    font-weight: 700;
    color: #404044;
    text-transform: uppercase;
    padding-left: 46px;
}
.brief_controls_items ._control ._placeholder {
    color: #898989;
    font-weight: 300;
}
.brief_controls_items ._control input[type=text] {
    background: none;
    border: 2px solid #959598;
    width: 100%;
    outline: none;
    font-weight: 300;
    height: 59px;
    font-size: 16px;
    margin-top: 14px;
    box-shadow: none;
}

.brief_controls_items ._control textarea {
    background: none;
    border: none;
    border-bottom: 1px solid black;
    width: 100%;
    outline: none;
    font-weight: 300;
    height: 100px;
    font-size: 16px;
    margin-top: 14px;
    resize: none;
}


.brief_controls_items ._control.error input[type=text],.brief_controls_items ._control.error textarea {
	border:none !important;
	border: 2px solid red !important;
}


.brief_controls_items ._control .mcheckbox {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 17px;
}

.brief_controls_items ._control .mcheckbox_items {
    padding-top: 30px;
}


.mcheckbox {
    min-height: 28px;
    cursor: pointer;
}
.mcheckbox input {
    vertical-align: middle;
    display: none;
}
.mcheckbox input + span {
    vertical-align: middle;
    padding-left: 40px;
    position: relative;
    display: block;
    min-height: 24px;
}

.mcheckbox input + span:before {height: 16px;width: 16px;content:'';display: inline-block;background-repeat: no-repeat;background-position: center center;margin-right: 10px;vertical-align: top;position: absolute;top: 50%;left: 6px;transform: translateY(-50%);border-radius: 100px;}
.mcheckbox input + span:after {height: 21px;width: 21px;content:'';border: 1px solid #c7c7c7;display: inline-block;background-repeat: no-repeat;background-position: center center;margin-right: 10px;vertical-align: top;position: absolute;top: 50%;left: 0px;transform: translateY(-50%);border-radius: 100px;box-sizing: border-box;width: 28px;height: 28px;}



.mcheckbox input:checked + span:before {background: #b2f200;}


.uploader3 {}
.uploader3 .uploader_container {}
.uploader3 .uploader_field {}
.uploader3 .uploader_field .uploader_text {}
.uploader3 .uploader_field .text_loading {}
.uploader3 .uploader_images_count {}


.brief_controls_items ._control.error:before {background:red;border-color: red;}

.bg_contacts {background:#f7f7f7;}

.page_contacts {
    display: flex;
    justify-content: space-between;
    padding-top: 110px;
    align-items: flex-end;
}

.page_contacts h2 {
    color: white;
    text-align: left;
    padding-bottom: 15px;
}
.page_contacts .column1 {
    width: 450px;
    background: #5262f9;
    color: white;
    font-size: 18px;
    padding: 50px 66px;
    box-sizing: border-box;
    padding-bottom: 45px;
    flex: 1 0 auto;
}
.page_contacts .column1:before {content:'';background: url(/site/img/bg_contacts.jpg) 0px 0px no-repeat;position: absolute;bottom: 0px;width: 307px;height: 457px;left: -360px;}
.page_contacts ._addr {font-weight: 700;line-height: 95%;padding-bottom: 17px;}
.page_contacts ._email {
}
.page_contacts ._phone {
    font-weight: 700;
    padding-bottom: 14px;
}
.page_contacts ._add {
    font-weight: 700;
    margin-top: 12px;
}
.page_contacts ._add label {}


.page_contacts label {
    /* display: block; */
    font-weight: 300;
    line-height: 120%;
    padding-bottom: 6px;
    margin-right: 8px;
}
.page_contacts a {
    color: black;
    text-decoration: none;
    color: white;
    font-weight: 700;
}
.page_contacts .column2 {width: 1170px;flex:  1 0 auto;}
.page_contacts #map {
    height: 500px;
    background: url(/site/img/map.jpg) 0% 0px no-repeat;
    width: 100%;
}
.page_contacts [class$='ground-pane'] {filter: grayscale(1);}



.ajax_on  .form_title {color:black;}


.video_container{
    display: block;
    position: relative;
    height: 753px;
    overflow: hidden;
}
.video_container video {position: relative;top:0;left: 50%;height:100%;min-width: 100%;transform: translateX(-50%);width: auto;}

.index404 {
    text-align: center;
    position: relative;
    background: url(/site/img/bg_404_1.png) -8px -35px no-repeat,#5262f9 url(/site/img/bg_404_2.png) 102% 142% no-repeat;
    padding-top: 234px;
    padding-bottom: 225px;
}
.index404 img {}
.index404 .text {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
}
.index404 .text h1 {
    font-size: 20px;
    font-weight: 300;
    color: white;
    padding-bottom: 44px;
    padding-top: 35px;
    text-transform: none;
}
.index404 .text .btn {
    width: 320px;
    margin: 0px auto;
}

.index404 .text .btn:hover {
	background: #424242;
	border-color: #424242;
	color: white;
}
.index404 .text .btn i {background:black;}


.advantages_items {}
.advantages_items h2 {padding-top:0px;}


.advantages {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.advantages > li {
    width: 32%;
    padding: 0px;
    margin-bottom: 33px;
}
.advantages > li:before {display:none;}
.advantages > li div {
    font-size: 18px;
    border: 4px solid #f0f0f0;
    display: block;
    height: 100%;
    box-sizing: border-box;
    padding: 31px;
    padding-top: 92px;
    line-height: 133%;
    position: relative;
}
.advantages > li div:before {content:'';display: block;background: url(/site/img/items1.png) 0px 0px;position: absolute;top: -20px;left: 31px;}
.advantages > li div span {}
.advantages > li div font {}

.advantages > li div.ico1:before {background-position:0px 0px;width:88px;height:80px;}
.advantages > li div.ico2:before {background-position: -88px 0px;width:73px;height:91px;}
.advantages > li div.ico3:before {background-position: -161px 0px;width:119px;height:85px;}
.advantages > li div.ico4:before {background-position: -280px 0px;width:59px;height:93px;}
.advantages > li div.ico5:before {background-position: -339px 0px;width:84px;height:77px;}
.advantages > li div.ico6:before {background-position: -423px 0px;width:93px;height:90px;}

.advantages > li div:hover {
    box-shadow: 0px 15px 20px rgb(0 0 0 / 10%);
}


.advantages > li div.ico1:hover:before {background-position:0px -93px;}
.advantages > li div.ico2:hover:before {background-position:-88px -93px;}
.advantages > li div.ico3:hover:before {background-position:-161px -93px;}
.advantages > li div.ico4:hover:before {background-position:-280px -93px;}
.advantages > li div.ico5:hover:before {background-position:-339px -93px;}
.advantages > li div.ico6:hover:before {background-position:-423px -93px;}


.servicepocket_full {
    background: #222222;
    color: white;
    padding-bottom: 90px;
}
.servicepocket_full h1 {
    color: white;
    text-transform: uppercase;
    padding-top: 73px;
    padding-bottom: 24px;
}
.servicepocket_full ol {
    margin: 0px;
    padding: 0px;
    counter-reset: ol;
    list-style: none;
    padding-bottom: 22px;
}
.servicepocket_full ol > li {
    background: #404044;
    margin: 0px;
    padding: 0px;
    counter-increment: ol;
    margin-bottom: 10px;
    padding: 21px 15px;
    line-height: 150%;
}
.servicepocket_full ol > li:before {content: counter(ol) ".";margin-right: 5px;}
.servicepocket_full .btns {
    display: flex;
    width: 810px;
    max-width: 100%;
    justify-content: space-between;
    margin-top: 25px;
}
.servicepocket_full .btns .btn {
    width: 49%;
}

.servicepocket_full .link {
	left: 0px;
	color: #9b9b9b;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 15px;
	display: inline-block;
	border-bottom: 1px solid #9b9b9b;
}

.servicepocket_full .price_container {
    display: flex;
    width: 810px;
    max-width: 100%;
    padding: 30px 50px;
    box-sizing: border-box;
    align-items: center;
    background: #313133;
}
.servicepocket_full .price_container .price {
    width: 50%;
}
.servicepocket_full .price_container .price label {
    color: #5262f9;
    display: block;
}
.servicepocket_full .price_container .price span {
    font-size: 48px;
    font-weight: 700;
}
.servicepocket_full .price_container .price_comment {
    width: 50%;
    border-left: 1px solid white;
    text-align: center;
    padding: 27px 0px;
    padding-left: 87px;
    box-sizing: border-box;
}
.servicepocket_full .price_container .price_comment span {
    text-align: left;
    display: inline-block;
}

.services_items {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 24px;
}
.services_items li {
    display: flex;
    margin-bottom: 10px;
}
.services_items li span {
    color: #1d1d1d;
    background: #e4e3e3;
    width: 70%;
    display: inline-block;
    padding: 26px 17px;
    box-sizing: border-box;
}
.services_items li span + span {
    color: white;
    background: #5262f9;
    width: 30%;
    padding-left: 67px;
    position: relative;
}
.services_items li i {
    font-size: 20px;
    font-style: normal;
    color: rgb(0 0 0 / 0%);
    position: absolute;
    top: 11px;
    right: 30px;
    line-height: 126%;
    cursor: pointer;
    width: 25px;
}
.services_items li i:before {content:'i';color: black;font-size: 24px;background: white;border-radius: 100px;display: inline-block;width: 25px;height: 24px;text-align: center;}

.services_items li i:hover {
    background: white;
    color: black;
    padding: 10px;
    border-radius: 10px;
    top: -17px;
    right: 5px;
    width: auto;
    font-size: 12px;
}
.services_items li i:hover:before {
    display: none;
}


.pockets_items {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding-bottom: 100px;
}
.pockets_items .item {
    background: #404044;
    margin: 0px 1%;
    color: white;
    text-align: center;
    padding: 31px 50px;
    box-sizing: border-box;
    padding-bottom: 50px;
    position: relative;
    width: 31.33333333%;
}
.pockets_items .item .client {
    font-size: 20px;
    line-height: 135%;
    padding-top: 1px;
    padding-bottom: 0px;
    min-height: 54px;
    font-weight: 500;
}
.pockets_items .item .price {
    font-size: 18px;
    padding-top: 5px;
}
.pockets_items .item .price span {
    font-size: 48px;
    font-weight: 900;
}
.pockets_items .item .price_comment {
    padding-top: 8px;
    line-height: 122%;
    font-size: 14px;
    border-bottom: 1px solid white;
    padding-bottom: 21px;
}
.pockets_items .item .short {
    margin: 0px;
    padding: 0px;
    list-style: none;
    line-height: 111%;
    padding-top: 28px;
}
.pockets_items .item .short li {
	padding-bottom: 11px;
}
.pockets_items .link {
    position: absolute;
    bottom: -31px;
    left: 0px;
    color: #5262f9;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
}

.pockets_items .item:nth-child(even) {
    background: #5262f9;
}


.sp_o-nas {
    position: relative;
    padding-bottom: 100px;
}
.sp_o-nas:before {content:'';background: #5262f9;position: absolute;top: 0px;right: 46%;width: 10000px;height: 602px;}
.sp_o-nas h1 {
    color: white;
    font-size: 28px;
    font-weight: 900;
}
.sp_o-nas .image {
    position: absolute;
    top: 22px;
    right: 86px;
}
.sp_o-nas .image img {}
.sp_o-nas .comment {
    color: white;
    font-size: 18px;
    width: 530px;
    line-height: 145%;
}
.sp_o-nas .comment p {}
.sp_o-nas .list1 {
    margin: 0px;
    padding: 0px;
    list-style: none;
    background: #404044;
    color: white;
    margin-top: 60px;
    width: 422px;
    padding: 44px;
    box-sizing: border-box;
    font-size: 18px;
    padding-bottom: 10px;
}
.sp_o-nas .list1 > li {
    position: relative;
    padding-left: 17px;
    padding-bottom: 38px;
}
.sp_o-nas .list1 > li:before {content:'';width: 6px;height: 6px;border-radius: 100px;background: white;position: absolute;top: 7px;left: 6px;}

.sp_o-nas .list2 {
    margin: 0px;
    padding: 0px;
    list-style: none;
    background: white;
    color: black;
    margin-top: 60px;
    width: 422px;
    padding: 44px;
    box-sizing: border-box;
    font-size: 18px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 30%);
    margin-top: -203px;
    position: relative;
    left: 342px;
    padding-bottom: 10px;
}
.sp_o-nas .list2 > li {
    position: relative;
    padding-left: 17px;
    padding-bottom: 38px;
}
.sp_o-nas .list2 > li:before {content:'';width: 6px;height: 6px;border-radius: 100px;background: black;position: absolute;top: 7px;left: 6px;}

.sp_contacts {
    background: #f7f7f7;
    padding-top: 60px;
}
.sp_contacts:before {
	content: '';
	background: #5262f9;
	position: absolute;
	top: 0px;
	left: 61%;
	width: 10000px;
	height: calc(100% - 170px);
	z-index: 1;
}
.sp_contacts #communication1 {
    position: relative;
}
.sp_contacts #communication1 form {
    background: white;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    padding: 68px;
    padding-bottom: 12px;
}
.sp_contacts #communication1 form .form_title {
    color: #404044;
    font-size: 30px;
    font-weight: 400;
    padding-bottom: 35px;
}
.sp_contacts #communication1 form .form_comment {}
.sp_contacts #communication1 form .columns {
    width: 410px;
}
.sp_contacts #communication1 form .columns ._control {
    margin-bottom: 48px;
    width: 100%;
}
.sp_contacts #communication1 form .columns ._control input[type=text],.sp_contacts #communication1 form .columns ._control input[type=tel] {
    background: none;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none;
    border-width: 1px;
    border-bottom: 1px solid #404044;
    height: 28px;
}
.sp_contacts #communication1 form .columns ._control .btn {}

.sp_contacts #communication1 form .block_agree {
    margin-top: -35px;
}

.sp_contacts .contacts_container {
    background: #222222;
    color: white;
    padding: 44px 65px;
    font-size: 18px;
    padding-bottom: 63px;
}
.sp_contacts .contacts_container h2 {color:white;text-align: left;padding-bottom: 27px;}

.sp_contacts .contacts_container ._addr {font-weight: 700;line-height: 95%;padding-bottom: 17px;}
.sp_contacts .contacts_container ._email {
}
.sp_contacts .contacts_container ._phone {
    font-weight: 700;
    padding-bottom: 14px;
}
.sp_contacts .contacts_container ._add {font-weight:700;margin-top:12px;}
.sp_contacts .contacts_container ._add label {}


.sp_contacts .contacts_container label {
    /* display: block; */
    font-weight: 300;
    line-height: 120%;
    padding-bottom: 6px;
    margin-right: 8px;
}
.sp_contacts .contacts_container a {
    color: black;
    text-decoration: none;
    color: white;
    font-weight: 700;
}
.sp_contacts #map {
    background: url(/site/img/map2.jpg) 0% 0px no-repeat;
    height: 655px;
    width: 668px;
    position: absolute;
    top: 74px;
    left: 49%;
    z-index: 1;
}
.sp_contacts #map [class$='ground-pane'] {filter: grayscale(1);}


.brief_full {
    padding-top: 41px;
}

.brief_head {
    background: url(/site/img/bg_brief1.png) -94px -24px no-repeat, #5262f9 url(/site/img/bg_brief2.png) 105% 63px no-repeat;
    color: white;
    padding: 37px 66px;
    padding-right: 85px;
    padding-bottom: 32px;
}
.brief_head .title {
    font-size: 30px;
    text-transform: uppercase;
    padding-bottom: 23px;
}
.brief_head .items {
    display: flex;
}
.brief_head .items label {
    font-size: 24px;
    font-weight: 700;
    white-space: nowrap;
}
.brief_head .items ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 18px;
    display: flex;
    padding-top: 5px;
}
.brief_head .items ul li {
    position: relative;
    padding-left: 12px;
    margin-left: 30px;
}
.brief_head .items ul li:before {content:'';width: 6px;height: 6px;background: white;border-radius: 100px;position: absolute;top: 6px;left: 0px;}

.brief_full h1 {
    font-weight: 900;
    padding-top: 29px;
}
.brief_full h1 span {
    display: block;
    font-size: 30px;
    color: #404044;
}



.brief_full .mcheckbox input + span:before {display:none;}
.brief_full .mcheckbox input + span:after {display:none;}
.brief_full .mcheckbox input + span {
    padding-left: 0px;
    font-weight: 300;
    border: 2px solid #959598;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    height: 50px;
    box-sizing: border-box;
    width: 200px;
    justify-content: center;
    text-align: center;
}
.brief_full .mcheckbox input:checked + span {
    color: white;
    border-color: #5262f9;
    background: #5262f9;
    height: 50px;
    width: 200px;
    justify-content: center;
    box-sizing: border-box;
}


.control_contacts {}
.control_contacts ._title {}
.control_contacts ._placeholder {}
.control_contacts .columns {
    display: flex;
    justify-content: space-between;
}
.control_contacts .columns ._control {margin-left:10px;margin-bottom: 0px !important;}
.control_contacts .columns ._control:first-child {margin-left:0px;}

.control_contacts .columns ._control:before {display:none;}
.control_contacts .columns ._control input[type=text]{}