@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,600,700&subset=cyrillic');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body {
	min-width: 320px; height: 100%;
}
body {
	position: relative; background: #fff; font-family: 'Roboto', sans-serif; font-size: 16px; color: #000; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}
* {
	outline: none; max-height: 999999px;
}
img {
	border: none; vertical-align: top;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ''; content: none;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
input, textarea, select, button {
	font-family: 'Roboto', sans-serif;
}
button::-moz-focus-inner {
    padding: 0; border: 0;
}
button {
	*overflow: visible;
}
label {
	cursor: pointer;
}
a {
	color: #0089aa;
}
a:hover {
	text-decoration: none;
}
.clear_fix {
	clear: both; display: block; height: 0;
}
.hidden {
	display: none;
}
.wrapper {
	position: relative; min-width: 290px; max-width: 1170px; margin: 0 auto; padding: 0 15px;
}


/* site style
------------------------------------------------ */
.viewport-wrapper {
	position: relative; min-width: 320px; max-width: 1920px; margin: auto; box-shadow: 0px 0px 20px rgba(0,0,0,.2); overflow: hidden; box-sizing: border-box; min-height: 100%; padding-bottom: 83px;
}

H1, H2, H3, H4, H5 {
	margin: 0; padding: 0; line-height: normal;
}
H1 {
	font-size: 24px; font-weight: 700; color: #4b4b4b; text-transform: uppercase;
}
H2 {
	font-size: 20px; font-weight: 700;
}
H3 {
	font-size: 16px; font-weight: 700;
}

input[type=text], 
textarea {
	box-sizing: border-box;
}
textarea {
	overflow: auto; resize: none; vertical-align: top;
}
input[type=text].error, 
input[type=password].error, 
textarea.error {
	border: 1px solid red !important;
}

button {
	background: #0093b7; height: 40px; cursor: pointer; border: 0; border-radius: 5px; box-shadow: inset 0 -2px rgba(2,2,2,.14); font-size: 16px; color: #fff; text-transform: uppercase;
}

a.button {
	display: inline-block; vertical-align: top; height: 40px; line-height: 40px; background: #0093b7; border-radius: 5px; box-shadow: inset 0 -2px rgba(2,2,2,.14); 
	font-size: 14px; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase;
}

.jq-checkbox input,
.jq-radio input {
	position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0;
}

.jq-checkbox {
	position: relative; top: -0px; cursor: pointer; vertical-align: middle; width: 15px; height: 15px; box-sizing: border-box; background: url(../i/checkbox.png) no-repeat;
}
.jq-checkbox.checked {
	background-position: -15px 0;
}

.ui-selectmenu-button {
	position: relative; display: block; background: #fff; height: 38px; line-height: 36px; cursor: pointer; box-sizing: border-box; border: 1px solid #cdcdcd; border-radius: 5px; text-decoration: none; white-space: nowrap; color: #bebebe; color: #000; font-size: 14px; font-style: italic;
}
.ui-selectmenu-button.error {
	border-color: red;
}
.ui-selectmenu-text {
	position: relative; margin: 0 50px 0 13px; display: block; overflow: hidden; text-overflow: ellipsis;
}
.ui-selectmenu-icon {
	display: block; width: 14px; height: 8px; background: url(../i/select-arr.png) no-repeat; position: absolute; right: 11px; top: 50%; margin-top: -4px;
}
.ui-selectmenu-menu {
	position: absolute; top: 0; margin: 0; border: 0; display: none; z-index: 9999999 !important;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-menu ul {
	position: relative; margin: 2px 0 0; max-height: 270px; overflow: auto; background: #fff; box-sizing: border-box; border: 1px solid #cdcdcd; border-radius: 5px;
}
.ui-selectmenu-menu ul li {
	position: relative; margin: 0; padding: 0; border-top: 1px solid #eaeaea;
}
.ui-selectmenu-menu ul li:first-child {
	border-top: 0;
}
.ui-selectmenu-menu ul li div {
	padding: 7px 13px; cursor: pointer; color: #333; font-size: 14px;
}
.ui-selectmenu-menu ul li div:hover {
	background: rgba(0,0,0,.03);
}
.ui-selectmenu-menu ul li div.ui-state-active {
	background: rgba(0,0,0,.03);
}

.supertitle {
	text-align: center; font-size: 30px; font-weight: 700; color: #484848; text-transform: uppercase; line-height: 1; font-family: 'Akrobat';
}
.company_tite {
	position: relative; max-width: 1104px; margin: auto; text-align: left;
}

.dib {
	display: inline-block; vertical-align: baseline;
}

sup {
	position: relative; top: -5px; display: inline-block; vertical-align: baseline; font-size: 11px;
}

ul.breadcrumbs {
	position: relative; max-width: 1104px; margin: 20px auto 25px; display: flex; flex-wrap: wrap; font-size: 12px;
}
ul.breadcrumbs li {
	display: flex;
}
ul.breadcrumbs li:after {
	display: block; content: '\00BB'; color: #0089aa; margin: 0 7px;
}
ul.breadcrumbs li:last-child:after {
	display: none;
}
ul.breadcrumbs li a {
	color: #0089aa;
}
ul.breadcrumbs li span {
	color: #b0b0b0;
}

ul.pagination {
	display: flex; margin-top: 35px; font-size: 14px; color: #2f2f2f;
}
ul.pagination li a {
	display: block; width: 30px; color: #0093b7; text-decoration: none; text-align: center;
}
ul.pagination li.active a {
	color: #2f2f2f;
}
ul.pagination li.prev a, 
ul.pagination li.next a {
	width: auto;
}
ul.pagination li.prev, 
ul.pagination li.next {
	margin-left: 10px;
}
ul.pagination li.sep:after {
	display: block; content: '|';
}

.pagination-more {
	margin-top: 33px; text-align: center;
}
.pagination-more a {
	position: relative; display: inline-block; vertical-align: top; padding-left: 36px; height: 27px; box-sizing: border-box; padding-top: 8px; font-size: 12px; color: #0093b7; text-decoration: none; text-transform: uppercase;
}
.pagination-more a:after {
	display: block; content: ''; background: url(../i/refresh.png) no-repeat; width: 25px; height: 27px; position: absolute; left: 0; top: 0;
}

.text-box {
	color: #4b4b4b;
}
.text-box p {
	margin: 0 0 20px 0;
}
.text-box > *:last-child {
	margin-bottom: 0;
}
.text-box ul li {
	position: relative; margin-top: 13px; padding-left: 20px;padding-top: 4px;
}
.text-box ul li:after {
	display: block; position: absolute; left: 0; top: -1px; content: '\2022'; font-size: 25px; font-weight: 700; color: #0093b7;
}
.text-box ul li ul li:after {
	top: 6px; width: 4px; height: 4px; border: 1px solid #0093b7; content: ''; border-radius: 3px;
}
.text-box ol {
	list-style-type: none; counter-reset: ol-counter;
}
.text-box ol > li {
	position: relative; margin-top: 13px; padding-left: 20px;
}
.text-box ol > li:after {
	content: counter(ol-counter)'.'; counter-increment: ol-counter; position: absolute; left: 0px; top: 0px; font-size: 16px; font-weight: 700;
}
.text-box H2, H3  {
	margin-bottom: 16px;
}

.slick-list {
	position: relative; overflow: hidden;
}
.slick-track {
	position: relative;
}
/* end site style */


/* header
------------------------------------------------ */
.site-header {
	position: relative; min-width: 320px; height: 240px; background: url(../i/header-bg.jpg?2) center center no-repeat; -webkit-background-size: cover; background-size: cover; z-index: 250;
}
.site-header .top {
	position: relative; height: 190px;
}
.site-header .top:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.site-header .logo {
	padding: 17px 0 0 29px; width: 230px; box-sizing: border-box; float: left;
}
.site-header .menu {
	position: relative; width: 276px; height: 190px; float: left;
}
.site-header .menu .bg {
	position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #484848; transform: skewX(15deg); box-shadow: 5px 0 #0093b7; overflow: hidden;
}
.site-header .menu .bg:after {
	display: block; content: ''; background: url(../i/header-menu-el.png) left top no-repeat; position: absolute; left: -26px; right: 0; top: 0; bottom: 0; transform: skewX(-15deg);
}
.site-header .menu ul {
	position: relative; padding: 29px 0 0 80px;
}
.site-header .menu ul li {
	margin-top: 8px;
}
.site-header .menu ul li:first-child {
	margin-top: 0;
}
.site-header .menu ul li a {
	position: relative; display: block; font-size: 16px; color: #b9b9b9; text-decoration: none; -webkit-transition: color .3s; transition: color .3s;
}
.site-header .menu ul li.active a, 
.site-header .menu ul li a:hover {
	color: #fff;
}
.site-header .menu ul li a:after {
	display: block; content: ''; background: url(../i/header-menu-arr.png) no-repeat; width: 12px; height: 20px; position: absolute; right: 100%; top: 50%; margin: -10px 10px 0 0; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s;
}
.site-header .menu ul li a:hover:after {
	opacity: 1;
}
.site-header .contact {
	position: relative; margin: 0 20px 0 auto; width: 577px; height: 100%; float: right;
}
.site-header .contact .list {
	margin-top: 30px;
}
.site-header .contact .item {
	position: relative; margin-top: 18px; padding-left: 36px; font-size: 16px; line-height: 24px;
}
.site-header .contact .item:first-child {
	margin-top: 0;
}
.site-header .contact .item .level {
	font-weight: 700;
}
.site-header .contact .item .value {
	display: inline-block; vertical-align: baseline;
}
.site-header .contact .item a {
	display: inline-block; vertical-align: baseline; color: #0093b7; text-decoration: none;
}
.site-header .contact .item:after {
	display: block; content: ''; background: url(../i/header-time-ic.png) no-repeat; width: 25px; height: 25px; position: absolute; left: 0; top: -1px;
}
.site-header .contact .item.mail:after {
	background: url(../i/header-mail-ic.png) no-repeat;
}
.site-header .contact .item.wa:after {
	background: url(../i/header-wa-ic.png) no-repeat;
}
.site-header .contact .item.wa a {
	color: #000;
}
.site-header .contact .ph {
	position: absolute; right: 0; top: 22px;
}
.site-header .contact .ph .i {
	margin-top: 11px; font-size: 25.6px; line-height: 1;
}
.site-header .contact .ph > * a {
	color: #0093b7; text-decoration: none;
}
.site-header .contact .ph > * a span {
	font-size: 19.2px; color: #9a9a9a;
}
.site-header .callback {
	position: absolute; right: 0; bottom: 27px; width: 291px;
}
.site-header .callback input[type=text] {
	border-radius: 5px; width: 100%; height: 40px; padding: 0 135px 0 12px; border: 1px solid #cdcdcd; 
	font-size: 16px; font-style: italic; color: #000;
}
.site-header .callback ::-webkit-input-placeholder {color: #a6a6a6}
.site-header .callback :-moz-placeholder {color: #a6a6a6}
.site-header .callback ::-moz-placeholder {color: #a6a6a6}
.site-header .callback :-ms-input-placeholder {color: #a6a6a6}
.site-header .callback button {
	position: absolute; right: 0; top: 0; width: 125px; height: 40px; border: 0; box-shadow: inset 0 -2px rgba(2,2,2,.14); background: #0093b7; border-radius: 5px; 
	font-size: 14px; color: #fff; text-transform: uppercase;
}
.site-header .cat {
	display: flex;
}
.site-header .cat > ul {
	position: relative; background: #5f5f5f; display: flex;
}
.site-header .cat > ul:before {
	display: block; content: ''; position: absolute; right: 100%; top: 0; bottom: 0; width: 10px; background: #5f5f5f; border-radius: 10px 0 0 0;
}
.site-header .cat > ul:after {
	display: block; content: ''; position: absolute; right: -20px; top: 0; bottom: 0; width: 40px; background: #5f5f5f; border-radius: 0 10px 0 0; transform: skewX(15deg);
}
.site-header .cat > ul > li {
	position: relative; z-index: 5;
}
.site-header .cat > ul > li:hover {
	z-index: 6;
}
.site-header .cat > ul > li > a {
	position: relative; border-left: 1px solid #4d4d4d; display: flex; align-items: center; padding: 0 37px; height: 50px; transform: skewX(15deg); 
	font-size: 14px; text-transform: uppercase; color: #fff; text-decoration: none;
}
.site-header .cat > ul > li:first-child > a {
	border-left: 0;
}
.site-header .cat > ul > li > a > span {
	position: relative; display: inline-block; vertical-align: top; transform: skewX(-15deg);
}
.site-header .cat > ul > li > a i {
	display: block; background: #0093b7; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0;
}
.site-header .cat > ul:hover > li > a i {
	-webkit-transition: opacity .3s; transition: opacity .3s;
}
.site-header .cat > ul > li:first-child > a i {
	left: 12px;
}
.site-header .cat > ul > li:hover > a i {
	opacity: 1;
}
.site-header .cat > ul > li:first-child > a i:after {
	display: block; content: ''; position: absolute; left: -12px; top: 0; bottom: 0; width: 30px; background: #0093b7; transform: skewX(-15deg);
}
.site-header .cat > ul > li > ul {
	background: #ededed; position: absolute; left: 0; top: 100%; margin-top: -5px; width: 230px; /*border-bottom: 6px solid #f8f8f8;*/ border-radius: 0 0 0 10px; border-top: 5px solid #0093b7; display: none;
}
.site-header .cat > ul > li > ul > li {
	border-top: 1px solid #f8f8f8;
}
.site-header .cat > ul > li > ul > li:first-child {
	border-top: 0;
}
.site-header .cat > ul > li > ul > li:last-child:hover a {
	border-radius: 0 0 0 10px;
}
.site-header .cat > ul > li > ul > li > a {
	position: relative; display: flex; align-items: center; padding: 0 25px; height: 45px; 
	font-size: 14px; color: #000; text-decoration: none;
}
.site-header .cat > ul > li > ul > li > a:after {
	display: block; content: ''; background: url(../i/header-cat-arr1.png) no-repeat; width: 5px; height: 14px; position: absolute; right: 14px; top: 50%; margin-top: -7px;
}
.site-header .cat > ul > li > ul > li:hover > a {
	background: #fff;
}
.site-header .cat > ul > li > ul > li ul {
 	min-height: 100%;position: absolute; left: 100%; top: 0; margin-top: -5px; background: #fff; width: 253px; border-radius: 0 0 10px 10px; border-top: 5px solid #0093b7; padding: 17px 25px; box-sizing: border-box; box-shadow: 3px 3px 7px rgba(0,0,0,.25); display: none;
}
.site-header .cat > ul > li:nth-child(5) > ul > li ul, 
.site-header .cat > ul > li:nth-child(6) > ul > li ul, 
.site-header .cat > ul > li:nth-child(7) > ul > li ul {
	left: auto; right: 100%;
}
.site-header .cat > ul > li > ul > li ul li {
	margin-top: 12px;
}
.site-header .cat > ul > li > ul > li ul li:first-child {
	margin-top: 0;
}
.site-header .cat > ul > li > ul > li ul li a {
	position: relative; display: block; padding-left: 15px; font-size: 14px; color: #000; text-decoration: none;
}
.site-header .cat > ul > li > ul > li ul li a:before {
	display: block; content: ''; background: url(../i/header-cat-arr2.png) no-repeat; width: 6px; height: 14px; position: absolute; left: 0; top: 50%; margin-top: -7px;
}
.site-header .cat > ul > li > ul > li ul li a:hover {
	color: #0093b7;
}
/* end header */


.site-body {
	min-width: 320px; margin-bottom: 100px;
}
.site-body.wrapper {
	min-width: 290px;
}
.site-body.with-line {
	border-top: 5px solid #0093b7;
}


/* service
------------------------------------------------ */
.service-app {
	position: relative; min-width: 320px; height: 526px; background: url(../i/s-app-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;
}
.service-app .wrapper:before {
	display: block; content: ''; width: 276px; height: 411px; position: absolute; left: 340px; top: 0; transform: skewX(15deg); background: rgba(0,0,0,.3); z-index: 5;
}
.service-app .wrapper:after {
	display: block; content: ''; background: url(../i/s-app-el.png) no-repeat; width: 150px; height: 183px; position: absolute; left: 516px; top: 135px; z-index: 6;
}
.service-app .title {
	position: relative; display: inline-block; vertical-align: top; z-index: 7; padding: 120px 0 0 85px; font-size: 67.67px; font-weight: 700; font-family: 'Akrobat'; color: #fff; text-transform: uppercase; line-height: 64px;
}
.service-app .title span {
	display: block; font-size: 64px; color: #42aac4; font-weight: 600;
}
.service-app .form {
	position: absolute; background: url(../i/s-app-form-bg.png) no-repeat; width: 602px; height: 454px; left: 50%; margin-left: -75px; top: 36px; padding: 0px 0 0 140px; box-sizing: border-box;
}
.service-app .form .item {
	padding-top: 18px;
}
.service-app .form .item:first-child {
	padding-top: 0;
}
.service-app .form .level {
	display: table-cell; vertical-align: middle; width: 168px; text-align: right; font-size: 16px; text-transform: uppercase;
}
.service-app .form .level span {
	color: #ff0000;
}
.service-app .form .value {
	display: table-cell; vertical-align: middle; width: 252px; padding-left: 13px;
}
.service-app .form input[type=text] {
	width: 100%; height: 38px; border: 1px solid #cdcdcd; border-radius: 5px; padding: 0 13px; 
	font-size: 14px; color: #000; font-style: italic;
}
.service-app .form textarea {
	width: 100%; height: 62px; border: 1px solid #cdcdcd; border-radius: 5px; padding: 10px 13px; 
	font-size: 14px; color: #000; font-style: italic;
}
.service-app .form ::-webkit-input-placeholder {color: #000}
.service-app .form :-moz-placeholder {color: #000}
.service-app .form ::-moz-placeholder {color: #000}
.service-app .form :-ms-input-placeholder {color: #000}
.service-app .form select {
	width: 100%; height: 38px; border: 1px solid #cdcdcd; border-radius: 5px; 
	font-size: 14px; color: #000; font-style: italic;
}
.service-app .form select.error {
	border-color: red;
}
.service-app .form .ui-selectmenu-button {
	width: 252px;
}
.service-app .form .check {
	position: relative; margin: 16px 0 0 181px; width: 252px; padding-left: 25px; box-sizing: border-box; font-size: 10px; color: #484848;
}
.service-app .form .check .jq-checkbox {
	position: absolute; left: 0; top: -2px;
}
.service-app .form .check a {
	color: #0093b7; text-decoration: none;
}
.service-app .form .bt {
	width: 252px; margin: 18px 0 0 181px;
}
.service-app .form .bt button {
	width: 100%; height: 40px; background: #0093b7; border-radius: 5px; box-shadow: inset 0 -2px rgba(2,2,2,.14); 
	font-size: 16px; color: #fff; text-transform: uppercase;
}

.service-main {
	min-width: 320px; margin-top: 41px;
}
.service-main .list {
	position: relative; min-width: 320px; min-height: 431px; margin-top: 24px; background: url(../i/s-main-bg.jpg) center 9px no-repeat;
}
.service-main .slider {
	position: relative;
}
.service-main .inner {
	display: flex; flex-wrap: wrap;
}
.service-main .item {
	width: 29.4%; margin: 10px 0 0 1.025%;
}
.service-main .item.i-1 {
	margin-left: 7.5%;
}
.service-main .item.i-4 {
	margin-left: 2.3%;
}
.service-main .item a {
	position: relative; display: block; height: 210px; text-decoration: none;
}
.service-main .item a span {
	display: block;
}
.service-main .item a .bg {
	position: absolute; left: 0; right: 0; top: 0; bottom: 0; transform: skewX(-15deg); border-radius: 10px; overflow: hidden;
}
.service-main .item a .bg .in {
	position: absolute; left: -28px; right: -28px; top: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; transform: skewX(15deg); 
}
.service-main .item a .bg:before {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,147,183,.8); z-index: 5; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s;
}
.service-main .item a:hover .bg:before {
	opacity: 1;
}
.service-main .item a .title {
	position: absolute; bottom: 26px; right: 11px; width: 230px; font-size: 20px; color: #fff; text-transform: uppercase;
}
.service-main .item a .title:before {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,147,183,.9); transform: skewX(-15deg); border-radius: 10px 0 0 0; -webkit-transition: background .4s; transition: background .4s;
}
.service-main .item a .title:after {
	display: block; content: ''; position: absolute; left: -2px; right: 0; top: -2px; bottom: -2px; border: 2px solid #cee5ec; border-right: 0; transform: skewX(-15deg); border-radius: 12px 0 0 0; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s;
}
.service-main .item a .title span {
	position: relative; display: flex; align-items: center; padding-left: 25px; height: 78px;
}
.service-main .item a:hover .title:before {
	background: transparent;
}
.service-main .item a:hover .title:after {
	opacity: 1;
}
.service-main .arr-l, 
.service-main .arr-r {
	cursor: pointer; display: none !important; width: 48px; height: 48px; background: #383838; border-radius: 5px; position: absolute; left: 0; top: 50%; margin-top: -24px;
}
.service-main .arr-r {
	left: auto; right: 0;
}
.service-main .arr-l:after, 
.service-main .arr-r:after {
	display: block; content: ''; background: url(../i/s-main-arr-t.png) no-repeat; width: 27px; height: 30px; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -14px;
}
.service-main .arr-r:after {
	background-position: -27px 0;
}

.service-list {
	position: relative;
}
.service-list .inner {
	position: relative; display: flex; flex-wrap: wrap; max-width: 1168px; margin: auto;
}
.service-list .item {
	margin: 30px 24px 0 0; width: 274px;
}
.service-list .item:nth-child(4n+4) {
	margin-right: 0;
}
.service-list .item a {
	display: block; 
	color: #0092b7; 
	text-decoration: none !important;
	display: flex;
	position: relative;
    height: 100%;
    flex-direction: column;
}
.service-list .item a:hover {
	color: #5f5f5f; text-decoration: underline;
}
.service-list .item a .img {
	position: relative; 
	display: block; 
	/*border: 1px solid #d9d9d9;*/ 
	/*border-radius: 3px;*/ 
	overflow: hidden;
	transition: .3s linear;
	height: 220px;
}
.service-list .item a:hover .img {
	background-color: rgba(0, 146, 183,.6);
}
/*.service-list .item a .img:after {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #fff; border-radius: 1px;
}*/
.service-list .item a .img img {
	width: 100%;
    position: absolute;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    top: 0;
    left: 0;
}
.service-list .item a .title {
	/*display: block; margin-top: 15px; font-size: 18px; text-align: center;*/
	margin-top: 0;
    font-size: 18px;
    text-align: center;
    color: #fff;
    height: 85px;
    padding: 0 10px;
    display: flex;
    background-color: #0092b7;
    align-items: center;
    justify-content: center;
}
.service-list .arr-l, 
.service-list .arr-r {
	display: none !important; background: url(../i/s-main-arr-m.png) no-repeat; width: 27px; height: 30px; position: absolute; bottom: 0; cursor: pointer;
}
.service-list .arr-l {
	right: 50%; margin-right: 0px;
}
.service-list .arr-r {
	left: 50%; background-position: -27px 0; margin-left: 20px;
}

.service-price {
	position: relative; max-width: 1104px; margin: 27px auto 0; display: flex; justify-content: space-between; align-items: flex-start;
}
.service-price .content {
	width: 47.2%;
}
.service-price .supertitle {
	color: #898989; text-align: left;
}
.service-price .tbl {
	position: relative; margin-top: 32px;
}
.service-price .tbl table {
	border: 0; *border-collapse: collapse; border-spacing: 0; width: 100%;
}
.service-price .tbl table td {
	width: 20%; padding: 10px 5px; vertical-align: middle; box-sizing: border-box; background: #ddedf1; border-right: 1px solid #fff; border-top: 8px solid #fff; color: #5f5f5f; text-align: center;
}
.service-price .tbl table td:first-child {
	width: 80%; padding: 10px 10px 10px 17px; background: #f7f7f7; border-right: 0; color: #2e2e2e; text-align: left;
}
.service-price .img {
	position: relative; width: 43.2%; box-sizing: border-box; border: 1px solid #d9d9d9; border-radius: 3px; overflow: hidden; margin-top: 17px;
}
.service-price .img:after {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #fff; border-radius: 1px;
}
.service-price .img img {
	width: 100%;
}

.service-form {
	position: relative; max-width: 1104px; padding: 20px 0 100px; margin: 75px auto 0; background: #0092b7;
}
.service-form:before, 
.service-form:after {
	display: block; content: ''; position: absolute; right: 100%; top: 0; bottom: 0; width: 999999px; background: #0092b7;
}
.service-form:after {
	right: auto; left: 100%;
}
.service-form .item {
	margin-top: 23px;
}
.service-form .item .level {
	color: #fff; text-transform: uppercase;
}
.service-form .item .value {
	margin-top: 13px;
}
.service-form .bot {
	margin-top: 21px; display: flex; justify-content: space-between;
}
.service-form .check {
	position: relative; padding-left: 24px; width: 255px; margin-right: 15px; box-sizing: border-box; font-size: 10px; color: #fff;
}
.service-form .check .jq-checkbox {
	position: absolute; left: 0; top: -2px; background: url(../i/checkbox2.png) no-repeat;
}
.service-form .check .jq-checkbox.checked {
	background-position: -15px 0;
}
.service-form .check a {
	color: #fff;
}
.service-form .bt {
	width: 211px;
}
.service-form input[type=text] {
	width: 100%; height: 38px; border: 1px solid #cdcdcd; border-radius: 5px; padding: 0 15px; 
	font-size: 14px; font-style: italic; color: #000;
}
.service-form textarea {
	width: 100%; height: 126px; border: 1px solid #cdcdcd; border-radius: 5px; padding: 10px 15px; 
	font-size: 14px; font-style: italic; color: #000;
}
.service-form button {
	width: 100%; background: #7ec41b;
}
.service-form .l {
	width: 48.5%; float: left; display: flex; flex-wrap: wrap;
}
.service-form .l .item {
	width: 47%; margin-right: 6%;
}
.service-form .l .item:nth-child(2n+2) {
	margin-right: 0;
}
.service-form .r {
	width: 46.2%; float: right;
}

.service-more {
	position: relative; max-width: 1104px; padding: 46px 0 0; margin: 0 auto;
}
.service-more .tab {
	position: absolute; left: 0; bottom: 100%; display: flex; overflow: hidden; border-radius: 10px 0 0 0;
}
.service-more .tab a {
	position: relative; display: block; padding: 0 40px; height: 48px; line-height: 48px; z-index: 1; 
	color: #000; text-decoration: none; text-transform: uppercase;
}
.service-more .tab a:before {
	display: block; content: ''; position: absolute; left: -10px; right: 0; top: 0; bottom: 0; background: #dedede; transform: skewX(15deg); border-radius: 0 7px 0 0;
}
.service-more .tab a span {
	position: relative;
}
.service-more .tab a.active:before {
	background: #fff;
}
.service-more .tab a:first-child {z-index: 10}
.service-more .tab a:first-child + a {z-index: 9}
.service-more .tab a:first-child + a + a {z-index: 8}
.service-more .tab a:first-child + a + a + a {z-index: 7}
.service-more .tab a:first-child + a + a + a + a {z-index: 6}
.service-more .tab a:last-child {
	margin-right: 7px;
}

.service-slider {
	position: relative; max-width: 1062px; margin: auto;
}
.service-slider .list {
	position: relative;
}
.service-slider .list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.service-slider .item {
	width: 320px; float: left; margin: 10px 17px;
}
.service-slider .item a {
	display: block; text-decoration: none; color: #000;
}
.service-slider .item a .img {
	position: relative; display: block; border: 1px solid #eaeaea; box-shadow: 0 0 13px rgba(0,0,0,.06), 0 5px 11px rgba(0,0,0,.25); background: #0092b7;
}
.service-slider .item a .img img {
	width: 100%; -webkit-transition: opacity .3s; transition: opacity .3s;
}
.service-slider .item a:hover .img img {
	opacity: .3;
}
.service-slider .item a .img:after {
	display: block; content: ''; background: url(../i/zoom.png) no-repeat; width: 42px; height: 39px; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -21px; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s;
}
.service-slider .item a:hover .img:after {
	opacity: 1;
}
.service-slider .item a .title {
	display: block; margin-top: 17px; text-align: center;
}
.service-slider .arr-l, 
.service-slider .arr-r {
	cursor: pointer; background: url(../i/service-slider-arr.png) no-repeat; width: 27px; height: 30px; position: absolute; right: 100%; top: 50%; margin: -15px 23px 0 0;
}
.service-slider .arr-r {
	right: auto; left: 100%; margin-right: 0; margin-left: 23px; background-position: -27px 0;
}
.service-slider .arr-l:hover {
	background-position: 0 -30px;
}
.service-slider .arr-r:hover {
	background-position: -27px -30px;
}
/* end service */


/* inform
------------------------------------------------ */
.inform-promo {
	margin-top: 70px;
}
.inform-promo .slider {
	position: relative; max-width: 1030px; margin: 25px auto 0;
}
.inform-promo .list {
	position: relative; display: flex; flex-wrap: wrap;
}
.inform-promo .item {
	width: 49%; margin: 35px 2% 0 0;
}
.inform-promo .item:nth-child(2n+2) {
	margin-right: 0;
}
.inform-promo .item .icon {
	display: table-cell; vertical-align: middle; width: 150px; text-align: center;
}
.inform-promo .item .text {
	display: table-cell; vertical-align: middle; font-size: 20px;
}
.inform-promo .arr-l, 
.inform-promo .arr-r {
	display: none !important; background: url(../i/s-main-arr-m.png) no-repeat; width: 27px; height: 30px; position: absolute; top: 19px;
}
.inform-promo .arr-l {
	left: 0;
}
.inform-promo .arr-r {
	right: 0; background-position: -27px 0
}

.inform-promo-main {
	position: relative; min-width: 320px; padding: 63px 0 0; margin: 0; height: 646px; box-sizing: border-box; background: url(../i/i-promo-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;
}
.inform-promo-main:before {
	display: block; content: ''; position: absolute; top: -527px; left: 50%; margin-left: -1482px; width: 556px; height: 734px; background: rgba(72,72,72,.3); transform: skewX(15deg);
}
.inform-promo-main:after {
	display: block; content: ''; position: absolute; top: -276px; left: 50%; margin-left: 903px; width: 556px; height: 734px; background: rgba(0,147,183,.1); transform: skewX(15deg);
}

.inform-stages {
	position: relative; min-width: 320px; height: 371px; background: url(../i/i-stages-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;
}
.inform-stages .wrapper {
	padding-top: 35px; padding-bottom: 0px;
}
.inform-stages .supertitle {
	color: #fff;
}
.inform-stages .list {
	position: relative; background: url(../i/i-stages.png) no-repeat; width: 863px; height: 198px; margin: 50px auto 0;
}
.inform-stages .item {
	position: absolute; padding-left: 20px;
}
.inform-stages .item-1 {
	left: -15px; top: 7px;
}
.inform-stages .item-2 {
	left: 268px; top: 146px;
}
.inform-stages .item-3 {
	left: 480px; top: 7px;
}
.inform-stages .item-4 {
	left: 693px; top: 146px;
}
.inform-stages .item-5 {
	left: 790px; top: 7px;
}
.inform-stages .item .n {
	position: absolute; left: 0; top: 6px; font-size: 24px; font-weight: 900; color: #0092b7; font-family: 'Akrobat';
}
.inform-stages .item .tx {
	font-size: 18px; font-weight: 700; color: #fff; text-transform: uppercase; font-family: 'Akrobat'; white-space: nowrap;
}

.inform-box {
	position: relative; min-width: 320px;
}
.inform-box:before {
	display: block; content: ''; background: url(../i/i-box-bg.jpg) no-repeat; width: 640px; position: absolute; left: 50%; margin-left: -959px; top: 0; bottom: 0; opacity: .4;
}
.inform-box:after {
	display: block; content: ''; width: 120px; height: 184px; background: rgba(0,147,183,.3); position: absolute; left: 50%; margin-left: -800px; top: -72px; transform: skewX(15deg);
}
.inform-box .content {
	position: relative; z-index: 5; display: flex; width: 50%; /*height: 420px;*/height: auto;padding:20px 0; align-items: center;
}
.inform-box .text {
	margin-left: 45px; max-width: 486px; font-size: 14px; color: #8f8f8f;
}
.inform-box .text p {
	margin: 17px 0 0 0;
}
.inform-box .text p:first-child {
	margin-top: 0;
}
.inform-box .r {
	position: absolute; left: 50%; top: 0; bottom: 0; width: 1014px;
}
.inform-box .map {
	position: absolute; /*left: -60px;*/left: -104px; right: 0; top: 0; bottom: 0;
}
.inform-box .map .inner {
	position: absolute; left: 0; right: 0; top: 0; bottom: 0;
}
.inform-box .addr {
	position: absolute; left: 0; right: 0; bottom: 0; background: #13a8cd; font-size: 16px; color: #fff;
}
.inform-box .addr .inner {
	position: relative; padding-left: 125px; height: 54px; display: flex; align-items: center;
}
.inform-box .addr .inner:after {
	display: block; content: ''; background: url(../i/i-addr-ic.png) no-repeat; width: 12px; height: 17px; position: absolute; left: 95px; top: 50%; margin-top: -9px;
}
.inform-box .patch {
	position: absolute; left: -200px; top: 0; bottom: 0; width: 200px; background: #fff; transform: skewX(15deg);
}

.inform-error {
	padding-top: 67px; display: flex; align-items: center;
}
.inform-error .img {
	width: 55.555%; padding-right: 20px; box-sizing: border-box;
}
.inform-error .img img {
	max-width: 100%;
}
.inform-error .title {
	margin-top: 20px; font-size: 25px; color: #0093b7; text-transform: uppercase; font-family: 'Akrobat';
}
.inform-error .title:after {
	display: block; content: ''; width: 115px; height: 1px; background: #0092b7; margin-top: 23px;
}
.inform-error .text {
	margin-top: 19px; font-size: 18px; font-weight: 600; font-family: 'Akrobat'; color: #5f5f5f;
}
.inform-error .bt {
	margin-top: 37px;
}
.inform-error .bt a {
	display: inline-block; vertical-align: top; width: 236px; height: 40px; line-height: 40px; border-radius: 5px; box-shadow: inset 0 -2px rgba(2,2,2,.14); background: #0093b7; 
	font-size: 14px; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase;
}

.inform-contact {
	position: relative; min-width: 320px; height: 415px;
}
.inform-contact .bg {
	position: absolute; left: -55px; margin-right: -17px; right: 50%; top: 0; bottom: 0; transform: skewX(15deg); z-index: 3; overflow: hidden;
}
.inform-contact .bg:after {
	display: block; content: ''; position: absolute; left: 55px; right: -55px; top: 0; bottom: 0; background: url(../i/i-contact-bg2.jpg) right center no-repeat; -webkit-background-size: cover; background-size: cover; transform: skewX(-15deg); 
	-webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-font-smoothing: antialiased;
}
.inform-contact .wrapper {
	z-index: 4; height: 0;
}
.inform-contact .basic {
	position: relative; padding-top: 35px; display: inline-block; vertical-align: top; color: #fff;
}
.inform-contact .subtitle {
	margin-left: 130px; color: #fff; text-align: left;
}
.inform-contact .basic ul {
	position: relative; margin-top: 25px;
}
.inform-contact .basic ul:after {
	display: block; content: ''; width: 1px; background: #0e8aa8; position: absolute; left: 190px; top: 0; bottom: 0;
}
.inform-contact .basic ul li {
	padding-top: 23px;
}
.inform-contact .basic ul li:first-child {
	padding-top: 0;
}
.inform-contact .basic ul li .level {
	display: table-cell; vertical-align: top; width: 190px; box-sizing: border-box; padding-right: 27px; text-align: right; font-size: 16px; font-weight: 700; font-family: 'Akrobat'; text-transform: uppercase;
}
.inform-contact .basic ul li .value {
	display: table-cell; vertical-align: top; padding-left: 28px; font-size: 16px; line-height: 24px;
}
.inform-contact .basic ul li .value a {
	color: #fff; text-decoration: none;
}
.inform-contact .map {
	position: absolute; left: 50%; top: 0; bottom: 0; margin-left: -39px; right: 0;
}
.inform-contact .map .inner {
	position: absolute; left: 0; right: 0; top: 0; bottom: 0;
}

.inform-contact-map {

}

.inform-fb {
	position: relative; max-width: 1100px; margin: auto;
}
.inform-fb:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.inform-fb .title {
	background: url(../i/i-fb-title.png) no-repeat; width: 256px; height: 112px; padding: 36px 0 0 17px; box-sizing: border-box; float: left; margin-top: 84px; font-size: 16px; text-transform: uppercase; color: #fff;
}
.inform-fb .title span {
	display: block; font-size: 18px; font-weight: 700;
}
.inform-fb .form {
	position: relative; float: right; width: 72.36%; margin-top: 53px;
}
.inform-fb .form:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.inform-fb .form .l {
	width: 31.6%; float: left;
}
.inform-fb .form .r {
	width: 64%; float: right;
}
.inform-fb .form .item {
	margin-top: 20px;
}
.inform-fb .form .item:first-child {
	margin-top: 0;
}
.inform-fb .form .item .level {
	font-size: 16px; text-transform: uppercase;
}
.inform-fb .form .item .value {
	margin-top: 11px;
}
.inform-fb .form input[type=text] {
	width: 100%; height: 38px; padding: 0 13px; border: 1px solid #cdcdcd; border-radius: 5px; font-size: 14px; color: #000; font-style: italic;
}
.inform-fb .form textarea {
	width: 100%; height: 125px; padding: 10px 13px; border: 1px solid #cdcdcd; border-radius: 5px; vertical-align: top; font-size: 14px; color: #000; font-style: italic;
}
.inform-fb .form .bot {
	display: flex; justify-content: space-between; margin-top: 21px;
}
.inform-fb .form .check {
	position: relative; width: 247px; padding-left: 23px; box-sizing: border-box; font-size: 10px; color: #484848;
}
.inform-fb .form .check .jq-checkbox {
	position: absolute; left: 0; top: -1px;
}
.inform-fb .form .check a {
	color: #0093b7; text-decoration: none;
}
.inform-fb .form button {
	width: 162px;
}

.inform-seo {
	position: relative; max-width: 1055px; margin: 40px auto 50px; color: #171717;
}
.inform-seo .text-box {
	margin-top: 30px; font-size: 16px; line-height: 24px; color: #171717;
}
.inform-seo .text-box p {
	margin-bottom: 20px;
}
.inform-seo .text-box ul {
	margin-left: 20px;
}
.inform-seo .text-box ul li {
	margin-top: 11px;
}

.inform-prices {
	display: flex; justify-content: space-between; margin-top: 35px; font-size: 14px;
}
.inform-prices .item {
	width: 48.46%;
}
.inform-prices .item table {
	border: 0; *border-collapse: collapse; border-spacing: 0; width: 100%; border-top: 1px solid #fff;
}
.inform-prices .item table:first-child {
	border-top: 0;
}
.inform-prices .item table th {
	background: #0093b7; padding: 7px 0 6px 20px; border-top: 1px solid #fff; font-size: 14px; color: #fff; text-transform: uppercase; text-align: left; font-weight: 400;
}
.inform-prices .item table tr:first-child th {
	border-top: 0;
}
.inform-prices .item table th:before {
	position: relative; top: -2px; display: inline-block; content: ''; vertical-align: baseline; background: url(../i/i-prices-arr.png) no-repeat; width: 5px; height: 8px; margin-right: 5px;
}
.inform-prices .item table th.black {
	background: #5f5f5f; padding-left: 36px;
}
.inform-prices .item table td {
	vertical-align: middle; box-sizing: border-box; padding: 7px 0 6px; width: 17%; background: #f1f1f1; color: #5f5f5f;
}
.inform-prices .item table td:first-child {
	width: 83%; padding: 7px 10px 6px 46px; background: #f1f1f1; color: #2e2e2e;
}
.inform-prices .item table tr:first-child td {
	border-top: 1px solid #fff;
}
.inform-prices .item table tr:nth-child(2n+2) td {
	background: #fff;
}

.inform-about {
	position: relative; min-width: 320px; background: url(../i/about-promo-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;
}
.inform-about .wrapper {
	max-width: 1104px; height: 526px;
}
.inform-about .wrapper:before {
	display: block; content: ''; width: 276px; height: 411px; position: absolute; left: 307px; top: 0; transform: skewX(15deg); background: rgba(0,0,0,.3); z-index: 5;
}
.inform-about .wrapper:after {
	display: block; content: ''; background: url(../i/inform-about-el.png) no-repeat; width: 156px; height: 183px; position: absolute; left: -27px; top: 36px;
}
.inform-about .entry {
	position: relative; padding-top: 83px; z-index: 6; color: #fff;
}
.inform-about .title {
	line-height: 72px; font-size: 48px; font-weight: 600; font-family: 'Akrobat';
}
.inform-about .title span {
	display: block; font-size: 60px; font-weight: 700;
}
.inform-about .text {
	margin-top: 25px; max-width: 483px; line-height: 20px;
}
.inform-about .text p {
	margin: 0 0 20px;
}
.inform-about .text span {
	font-size: 24px; font-weight: 700;
}
.inform-about .text > *:last-child {
	margin-bottom: 0;
}
.inform-about .img {
	position: absolute; left: 50%; margin-left: -19px; top: 0; bottom: 0; width: 610px; background: #000; transform: skewX(15deg); overflow: hidden;
}
.inform-about .img .inner {
	position: absolute; left: -70px; right: -70px; top: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; transform: skewX(-15deg);
}

.inform-team {
	margin-bottom: 216px;
}
.inform-team .block {
	position: relative; margin-top: 37px;
}
.inform-team .block:before {
	display: block; content: ''; position: absolute; left: 50%; margin-left: -960px; width: 1920px; top: 0; bottom: 0; background: url(../i/i-team-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;
}
.inform-team .slider {
	position: relative;
}
.inform-team .slides {
	position: relative; margin: auto;
}
.inform-team .item {
	position: absolute; width: 400px;
}
.inform-team .item .photo {
	position: relative; transform: skewX(-15deg); overflow: hidden; margin: 0 34px; height: 100%; border-radius: 7px;
}
.inform-team .item .photo .in {
	position: absolute; left: -34px; right: -34px; top: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; transform: skewX(15deg);
}
.inform-team .item .photo .in:after {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../i/i-team-el.png) right bottom no-repeat; opacity: 1; -webkit-transition: opacity .3s; transition: opacity .3s;
}
.inform-team .item .photo .hd {
	position: absolute; left: -34px; right: -34px; top: 0; bottom: 0; background: rgba(0,147,183,.8); transform: skewX(15deg); display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; opacity: 1; -webkit-transition: all .3s; transition: all .3s;
}
.inform-team .item .photo .type {
	margin-bottom: 10px; font-size: 14px; font-style: italic; color: #fff;
}
.inform-team .item .photo .type:after {
	position: relative; display: block; content: ''; width: 28px; height: 1px; background: #fff; margin: 9px auto 0;
}
.inform-team .item .photo .name {
	font-size: 18px; color: #fff;
}
.inform-team .item .entry {
	position: absolute; left: 0; right: 0; top: 100%; padding: 30px 92px 0 0; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; text-align: center;
}
.inform-team .item .entry .name {
	font-size: 18px; font-weight: 700; color: #2194b1; text-transform: uppercase;
}
.inform-team .item .entry .char {
	margin-top: 11px;
}
.inform-team .item .entry .char p {
	font-style: italic; color: #484848;
}
.inform-team .item .entry .char p span {
	font-style: normal; font-weight: 700;
}
.inform-team .item.active .photo {
	border-radius: 15px; margin: 0 46px;
}
.inform-team .item.active .photo .in {
	left: -46px; right: -46px;
}
.inform-team .item.active .photo .in:after {
	opacity: 0;
}
.inform-team .item.active .photo .hd {
	opacity: 0;
}
.inform-team .item.active .entry {
	opacity: 1;
}
.inform-team .buttonNav, 
.inform-team .page {
	position: absolute; left: 0; right: 92px; top: 100%; margin-top: 132px; height: 18px; display: flex; align-items: center; justify-content: center; text-align: center; width: auto !important;
}
.inform-team .buttonNav > *, 
.inform-team .page > * {
	position: relative; display: inline-block; vertical-align: top; width: 12px; height: 12px; background: #969696; border-radius: 100%; cursor: pointer; margin: 0 5px;
}
.inform-team .buttonNav > *.bulletActive, 
.inform-team .page > *.slick-active {
	background: #0093b7; width: 18px; height: 18px;
}
.inform-team .prevButton, 
.inform-team .nextButton, 
.inform-team .arr-l, 
.inform-team .arr-r {
	cursor: pointer; width: 47px; height: 65px; background: #818181; position: absolute; top: 50%; margin-top: -33px; z-index: 15; transform: skewX(-15deg);
}
.inform-team .prevButton, 
.inform-team .arr-l {
	right: 50%; margin-right: 154px; border-radius: 10px 0 0 10px;
}
.inform-team .nextButton, 
.inform-team .arr-r {
	left: 50%; margin-left: 154px; border-radius: 0 10px 10px 0;
}
.inform-team .prevButton:hover, 
.inform-team .nextButton:hover {
	background: #2194b1;
}
.inform-team .prevButton:after, 
.inform-team .nextButton:after,
.inform-team .arr-l:after, 
.inform-team .arr-r:after {
	display: block; content: ''; background: url(../i/i-team-arr.png) no-repeat; width: 27px; height: 30px; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -13px; transform: skewX(15deg);
}
.inform-team .nextButton:after,
.inform-team .arr-r:after {
	background-position: -27px 0; margin-left: -14px;
}
.inform-team .arr-l, 
.inform-team .arr-r {
	display: none !important;
}

.inform-text {
	margin-top: 65px;
}
.inform-text .title {
	font-size: 18px; font-weight: 700;
}
.inform-text .text {
	margin-top: 20px;
}
/* end inform */


/* com
------------------------------------------------ */
.com-main {
	position: relative; min-width: 320px; background: url(../i/i-com-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;
}
.com-main .wrapper {
	padding-top: 36px; padding-bottom: 40px;
}
.com-main .supertitle {
	color: #fff;
}
.com-main .slider {
	position: relative; margin-top: 33px;
}
.com-main .slides {
	position: relative;
}
.com-main .item {
	width: 465px; box-sizing: border-box; position: absolute;
}
.com-main .item.active {
	border: 1px solid #fff; box-shadow: 0 0 9px rgba(2,2,2,.2);
}
.com-main .item .im {
	border: 1px solid #fff; box-shadow: 0 0 9px rgba(2,2,2,.2);
}
.com-main .item.active .im {
	border: 0; box-shadow: none;
}
.com-main .item .im img {
	width: 100%;
}
.com-main .item .entry {
	position: relative; background: #fff; display: none;
}
.com-main .item.active .entry {
	display: block;
}
.com-main .item .title {
	position: absolute; left: 17px; right: 17px; top: -38px; padding: 0 20px; height: 100px; display: flex; align-items: center; background: #fff; font-size: 20px; color: #0093b7;
}
.com-main .item .price {
	padding: 63px 37px 0; height: 50px; font-size: 18px;
}
.com-main .item .price span {
	font-weight: 700;
}
.com-main .arr-l, 
.com-main .arr-r, 
.com-main .prevButton, 
.com-main .nextButton {
	cursor: pointer; border-radius: 5px; background: #353535; border: 1px solid #fff; width: 49px; height: 49px; position: absolute; left: 50%; top: 104px; z-index: 999; margin-left: -300px;
}
.com-main .arr-r, 
.com-main .nextButton {
	left: auto; right: 50%; margin: 0 -300px 0 0;
}
.com-main .arr-l:after, 
.com-main .arr-r:after, 
.com-main .prevButton:after, 
.com-main .nextButton:after {
	display: block; content: ''; background: url(../i/i-com-arr.png) no-repeat; width: 27px; height: 30px; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -14px;
}
.com-main .arr-r:after, 
.com-main .nextButton:after {
	background-position: -27px 0; margin-left: -13px;
}
.com-main .arr-l, 
.com-main .arr-r {
	display: none !important;
}
.com-main .arr-l {
	left: 0; margin: 0;
}
.com-main .arr-r {
	right: 0; margin: 0;
}
.com-main .all {
	margin-top: 38px; text-align: center;
}
.com-main .all a {
	display: inline-block; vertical-align: top; width: 180px; height: 40px; line-height: 40px; background: #0093b7; 
	border: 1px solid #fff; border-radius: 5px; box-shadow: inset 0 -2px rgba(2,2,2,.14); 
	font-size: 16px; color: #fff; text-decoration: none; text-transform: uppercase;
}
.com-main .all a:after {
	position: relative; top: -1px; content: ''; display: inline-block; vertical-align: middle; background: url(../i/all-arr.png) no-repeat; width: 18px; height: 19px; margin-left: 10px;
}

.com-list {
	position: relative; display: flex; flex-wrap: wrap; max-width: 1080px; margin: 40px auto 0;
}
.com-list:before {
	display: block; content: ''; background: url(../i/com-list-bg.jpg) center top no-repeat; width: 1920px; height: 735px; position: absolute; left: 50%; margin-left: -960px; top: 118px;
}
.com-list .item {
	position: relative; width: 322px; padding: 1px; background: #fff; box-shadow: 0 0 13px rgba(2,2,2,.1); box-sizing: border-box; margin: 57px 57px 0 0;
}
.com-list .item:first-child, 
.com-list .item:first-child + .item, 
.com-list .item:first-child + .item + .item {
	margin-top: 0;
}
.com-list .item:nth-child(3n+3) {
	margin-right: 0;
}
.com-list .item a {
	display: block; font-size: 14px; text-decoration: none;
}
.com-list .item a span {
	display: block;
}
.com-list .item a .img img {
	width: 100%;
}
.com-list .item a .entry {
	padding: 18px 15px 15px;
}
.com-list .item a .title {
	color: #0093b7;
}
.com-list .item a .price {
	margin-top: 17px; color: #000;
}
.com-list .item a .price span {
	display: inline-block; vertical-align: baseline; font-weight: 700;
}
/* end com */


/* job
------------------------------------------------ */
.job-promo {
	position: relative; min-width: 320px; background: url(../i/job-promo-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;
}
.job-promo .wrapper {
	max-width: 1104px; height: 440px;
}
.job-promo .wrapper:before {
	display: block; content: ''; width: 276px; height: 317px; position: absolute; left: 295px; top: 0; transform: skewX(15deg); background: rgba(0,0,0,.3); z-index: 5;
}
.job-promo .entry {
	position: relative; padding-top: 63px; z-index: 6;
}
.job-promo .title {
	font-size: 48px; font-weight: 600; color: #fff; font-family: 'Akrobat'; text-transform: uppercase;
}
.job-promo .title span {
	display: block; font-size: 60px; font-weight: 700;
}
.job-promo .text {
	margin-top: 30px; max-width: 500px; font-size: 18px; line-height: 20px; color: #fff;
}
.job-promo .text p {
	margin-top: 17px;
}
.job-promo .text p:first-child {
	margin-top: 0;
}
.job-promo .img {
	position: absolute; left: 50%; margin-left: -20px; top: 0; bottom: 0; width: 600px; background: #000; transform: skewX(15deg); overflow: hidden;
}
.job-promo .img .inner {
	position: absolute; left: -60px; right: -60px; top: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; transform: skewX(-15deg);
}

.job-list {
	position: relative; max-width: 973px; margin: 40px auto 0;
}
.job-list .item {
	margin-top: 15px;
}
.job-list .item:first-child {
	margin-top: 0;
}
.job-list .item .level {
	position: relative; background: #fafafa; padding-right: 230px; cursor: pointer;
}
.job-list .item.active .level {
	background: #0093b7;
}
.job-list .item .level:after {
	display: block; content: ''; background: url(../i/job-list-arr.png) no-repeat; width: 14px; height: 14px; position: absolute; left: 24px; top: 50%; margin-top: -7px;
}
.job-list .item.active .level:after {
	background-position: 0 -14px;
}
.job-list .item .title {
	display: table-cell; vertical-align: middle; padding: 0 0 0 60px; height: 72px; font-size: 18px; color: #0093b7;
}
.job-list .item.active .title {
	color: #fff;
}
.job-list .item .price {
	display: flex; align-items: center; justify-content: center; width: 210px; position: absolute; right: 0; top: 0; bottom: 0; background: #e2e2e2; font-size: 18px; color: #363636; text-align: center;
}
.job-list .item .price:after {
	display: block; content: ''; width: 20px; height: 72px; background: #e2e2e2; position: absolute; left: -10px; top: 0; transform: skewX(15deg);
}
.job-list .item .price span {
	position: relative;
}
.job-list .item .value {
	background: #fafafa; border: 1px solid #eaeaea; border-top: 0; padding: 23px 30px 30px; color: #000; display: none;
}
.job-list .item .value .i {
	margin-top: 30px;
}
.job-list .item .value .i:first-child {
	margin-top: 0;
}
.job-list .item .value .i .tl {
	font-size: 18px; font-weight: 700;
}
.job-list .item .value .i ul {
	margin: 11px 0 0 21px;
}
.job-list .item .value .i ul li {
	position: relative; padding-left: 23px; margin-top: 13px;
}
.job-list .item .value .i ul li:first-child {
	margin-top: 0;
}
.job-list .item .value .i ul li:after {
	display: block; content: '•'; position: absolute; left: 0; top: -2px; font-size: 20px; font-weight: 700; color: #0093b7;
}
/* end job */


/* portfolio
------------------------------------------------ */
.p-list {
	position: relative; display: flex; flex-wrap: wrap; max-width: 1028px; margin: 3px auto 0;
}
.p-list .item {
	width: 320px; margin: 31px 34px 0 0;
}
.p-list .item:nth-child(3n+3) {
	margin-right: 0;
}
.p-list .item a {
	display: block; text-decoration: none; font-size: 16px; color: #000;
}
.p-list .item a span {
	display: block;
}
.p-list .item a .img {
	position: relative; border: 1px solid #eaeaea; box-shadow: 0 0 13px rgba(0,0,0,.06), 0 5px 11px rgba(0,0,0,.25); background: #0092b7; height: 238px;
}
.p-list .item a .img img {
	width: 100%; height: 100%; -webkit-transition: opacity .3s; transition: opacity .3s;
}
.p-list .item a:hover .img img {
	opacity: .2;
}
.p-list .item a .img:after {
	display: block; content: ''; background: url(../i/zoom.png) no-repeat; width: 42px; height: 39px; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -21px; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s;
} 
.p-list .item a:hover .img:after {
	opacity: 1;
}
.p-list .item a .title {
	margin-top: 23px; text-align: center;
}
/* end portfolio */


/* article
------------------------------------------------ */
.article-pg {
	background: url(../i/article-bg.jpg) center top no-repeat;
}

.article-list {
	position: relative; display: flex; flex-wrap: wrap; max-width: 1052px; margin: auto;
}
.article-list .item {
	width: 328px; margin: 34px 34px 0 0;
}
.article-list .item:nth-child(3n+3) {
	margin-right: 0;
}
.article-list .item a {
	position: relative; display: block; background: #e8e8e8; padding: 10px; -webkit-transition: background .3s; transition: background .3s; text-decoration: none;
}
.article-list .item a:hover {
	background: #0093b7;
}
.article-list .item a span {
	display: block;
}
.article-list .item a .img {
	border: 1px solid #fffbfb;
}
.article-list .item a .img img {
	width: 100%;
}
.article-list .item a .entry {
	background: #fff; padding: 15px;
}
.article-list .item a .top {
	position: relative; padding-left: 55px;
}
.article-list .item a .date {
	position: absolute; left: 0; top: 4px; font-size: 13.75px; color: #979797; font-weight: 700; font-family: 'Akrobat';
}
.article-list .item a .title {
	position: relative; overflow: hidden; height: 46px; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; -webkit-line-clamp: 2;
	font-size: 18.33px; color: #0093b7; text-transform: uppercase; font-weight: 700; font-family: 'Akrobat'; text-overflow: ellipsis;
}
.article-list .item a:hover .title {
	text-decoration: underline;
}
.article-list .item a .text {
	margin-top: 9px; font-size: 13.75px; color: #4b4b4b; font-style: italic;
}
.article-list .item a:hover .text {
	text-decoration: underline;
}
.article-list .item a .more {
	background: url(../i/art-list-more.png) no-repeat; width: 149px; height: 30px; position: absolute; right: 0; top: 100%; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s;
}
.article-list .item a .more span {
	padding-top: 4px; font-size: 14px; color: #fff; text-transform: uppercase; text-align: center;
}
.article-list .item a:hover .more {
	opacity: 1;
}

.article-detail {
	position: relative; max-width: 1104px; margin: 35px auto 0;
}
.article-detail .img {
	position: relative; border: 1px solid #dcdcdc; float: left; border-radius: 3px; overflow: hidden; margin-right: 23px;
}
.article-detail .img:after {
	display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #fff;
}
.article-detail .date {
	margin-bottom: 6px; font-size: 14px; color: #979797; font-family: 'Akrobat'; font-weight: 700;
}
.article-detail .subtitle {
	margin-bottom: 13px;
}
.article-detail .text {
	
}
.article-detail .share {
	display: flex; margin-top: 33px;
}
.article-detail .share .inner {
	background: #f4f4f4; padding: 0 12px 0 19px; height: 48px; display: flex; align-items: center;
}
.article-detail .share .level {
	margin-right: 13px; font-size: 14px; font-weight: 700; color: #5f5f5f;
}
.article-detail .share .value {
	display: flex;
}
.article-detail .share .value a {
	display: block; width: 26px; height: 26px; background: url(../i/share-ic.png) no-repeat; margin-left: 9px;
}
.article-detail .share .value a:first-child {
	margin-left: 0;
}
.article-detail .share .value a.fb {
	background-position: -26px 0;
}
.article-detail .share .value a.tw {
	background-position: -52px 0;
}
.article-detail .share .value a.od {
	background-position: -78px 0;
}

.article-com {
	position: relative; max-width: 1104px; margin: 65px auto 0;
}
.article-com .subtitle {
	font-size: 24px; color: #272727;
}
.article-com .list {
	margin-top: 30px;
}
.article-com .new {
	margin-top: 31px;
}
.article-com .new a {
	width: 170px;
}
/* end article */


/* footer
------------------------------------------------ */
.site-footer {
	position: absolute; left: 0; right: 0; bottom: 0; background: #484848; border-top: 1px solid #9d9d9d; color: #fff; font-size: 14px;
}
.site-footer .wrapper {
	display: flex;
}
.site-footer .wrapper > * {
	padding-top: 15px; height: 82px; box-sizing: border-box;
}
.site-footer .webcreative {
	width: 224px; color: #fff; text-align: right;
}
.site-footer .webcreative a {
	position: relative; display: block; background: url(../i/webcreative.png) no-repeat; width: 157px; height: 29px; margin: 3px 0 0 auto;
}
.site-footer .c {
	width: 396px; text-align: right;
}
.site-footer .phone a {
	color: #fff; text-decoration: none;
}
.site-footer .copy {
	margin-top: 14px;
}
.site-footer .r {
	position: relative; margin-left: auto; width: 527px; box-sizing: border-box; padding-left: 40px;
}
.site-footer .r:before {
	display: block; content: ''; position: absolute; /*left: 10px;*/left: 22px; right: 0; top: -1px; bottom: 0; background: #0093b7; transform: skewX(15deg);
}
.site-footer .r:after {
	display: block; content: ''; position: absolute; left: 50%; top: -1px; bottom: 0; width: 999999px; background: #0093b7;
}
.site-footer .menu {
	position: relative; z-index: 5; color: #a7ebfc;
}
.site-footer .menu ul {
	display: flex;
}
.site-footer .menu ul li {
	display: flex;
}
.site-footer .menu ul li:after {
	display: block; content: '/'; margin: 0 6px;
}
.site-footer .menu ul li:last-child:after {
	display: none;
}
.site-footer .menu ul li a {
	display: block; color: #a7ebfc; text-decoration: none; -webkit-transition: color .3s; transition: color .3s;
}
.site-footer .menu ul li a:hover {
	color: #fff;
}
.site-footer .social {
	position: relative; z-index: 5; height: 26px; margin-top: 9px;
}
.site-footer .social span {
	display: block; margin-right: 13px; line-height: 26px; float: left;
}
.site-footer .social a {
	display: block; width: 26px; height: 26px; background: url(../i/footer-social-ic.png?2) no-repeat; margin-right: 13px; float: left;
}
.site-footer .social a:last-child {
	margin-right: 0;
}
.site-footer .social a.fb {
	background-position: -26px 0;
}
.site-footer .social a.in {
	background-position: -52px 0;
}
/* end footer */


@media screen and (max-width:1200px){

	.viewport-wrapper {padding-bottom: 0}

    .site-header .logo {width: 170px}
    .site-header .cat {margin: 0 -15px}
    .site-header .cat > ul:before {display: none}

    .service-app .wrapper:before {left: 284px}
    .service-app .wrapper:after {display: none}
    .service-app .title {padding-left: 0}
    .service-app .form {left: auto; margin-left: 0; right: 15px}

    .service-list .item {width: 23%; margin-right: 2.666%}

    .service-slider {max-width: none; padding: 0 70px}
    .service-slider .item {margin: 10px 15px}
    .service-slider .arr-l {right: auto; margin-right: 0; left: 0px}
    .service-slider .arr-r {left: auto; margin-left: 0; right: 0px}

    .inform-box:before {left: -230px; margin-left: 0}
    .inform-box .content {display: block; width: auto; padding: 50px 0 60px; height: auto}
    .inform-box .text {margin: 0 0 0 50px; max-width: none}
    .inform-box .r {position: relative; width: auto; left: auto; right: auto; bottom: auto}
    .inform-box .map {position: relative; left: auto; right: auto; top: auto; bottom: auto; height: 366px}
    .inform-box .map .inner {left: -15px; right: -15px; top: 0; bottom: 0}
    .inform-box .addr {position: static; margin: 0 -15px; background: #13a8cd; padding: 17px 15px; text-align: center}
    .inform-box .addr .inner {display: inline-block; vertical-align: top; padding: 0 0 0 26px; height: auto; text-align: left}
    .inform-box .addr .inner:after {left: 0}
    .inform-box .patch {display: none}

    .inform-about .wrapper:before {left: 50%; margin-left: -138px}
    .inform-about .wrapper:after {left: 15px}
    .inform-about .entry {padding-left: 40px}
    .inform-about .img {margin-left: 0}

    .inform-team {margin-bottom: 110px}
    .inform-team .block:before {background: none}
    .inform-team .slider {max-width: 400px; margin: auto}
    .inform-team .slides:after {content: ''; display: block; clear: both; visibility: hidden; height: 0}
    .inform-team .item {position: relative; float: left}
    .inform-team .item .photo {border-radius: 15px; margin: 0 46px; height: 343px}
    .inform-team .item .photo .in {left: -46px; right: -46px}
    .inform-team .item .photo .in:after {opacity: 0}
    .inform-team .item .photo .hd {opacity: 0}
    .inform-team .item .entry {position: static; opacity: 1}
    .inform-team .page {margin-top: 30px}
    .inform-team .arr-l, .inform-team .arr-r {display: block !important; top: 138px; margin-top: 0}

    .com-main .slider {max-width: 600px; padding: 0 56px; box-sizing: border-box; margin: 25px auto 0}
    .com-main .slides:after {content: ''; display: block; clear: both; visibility: hidden; height: 0}
    .com-main .item {position: relative; float: left; border: 1px solid #fff; box-shadow: 0 0 9px rgba(2,2,2,.2); margin: 10px}
    .com-main .item .im {border: 0; box-shadow: none}
    .com-main .item .entry {display: block}
    .com-main .arr-l, .com-main .arr-r {display: block !important}
    .com-main .all {margin-top: 28px}

    .com-list .item {width: 30%; margin-right: 5%}

    .site-footer {position: relative; left: auto; right: auto; bottom: auto; min-width: 320px; border-top: 0}
    .site-footer .wrapper {flex-wrap: wrap; padding-bottom: 27px}
    .site-footer .wrapper > * {padding-top: 25px; height: auto}
    .site-footer .webcreative {width: auto; order: 3; margin-left: auto}
    .site-footer .c {width: auto; order: 2}
    .site-footer .r {width: 100%; padding: 15px 0; order: 1}
    .site-footer .r:before {left: -15px; right: -15px; top: 0; bottom: 0; transform: none}
    .site-footer .r:after {display: none}
    .site-footer .menu ul {justify-content: center}
    .site-footer .social {height: auto; text-align: center}
    .site-footer .social span {display: inline-block; vertical-align: middle; float: none}
    .site-footer .social a {display: inline-block; vertical-align: middle; float: none}
}
@media screen and (max-width:1100px){

    .site-header {background: none; height: auto}
    .site-header:before {display: block; content: ''; background: url(../i/header-bg-m.jpg) center center no-repeat; height: 190px; position: absolute; left: 0; right: 0; top: 0; -webkit-background-size: cover; background-size: cover}
    .site-header .top {height: auto}
    .site-header .logo {width: 156px; height: 190px; box-sizing: border-box; padding: 14px 0 0 0; float: none}
    .site-header .menu {position: absolute; right: -26px; top: 0; width: 266px; float: none}
    .site-header .contact {position: static; width: auto; margin: 0 -15px; padding: 0 15px; background: #fff; height: 84px; float: none; display: flex; justify-content: space-between; align-items: center}
    .site-header .contact .list {position: absolute; left: 171px; top: 0px}
    .site-header .contact .ph {position: static; display: flex; align-items: center}
    .site-header .contact .ph .i {margin: 0 0 0 15px}
    .site-header .contact .ph .i:first-child {margin-left: 0}
    .site-header .callback {position: relative; right: auto; bottom: auto}
    .site-header .cat {display: block; background: #5f5f5f}
    .site-header .cat > ul > li > a {padding: 0 25px}
    
    .inform-contact .basic ul:after {left: 160px}
    .inform-contact .basic ul li .level {width: 160px}

    .p-list .item {width: 31%; margin-right: 3.5%}
    
    .article-list .item {width: 31%; margin-right: 3.5%}
    .article-list .item a .more {display: none}
}
@media screen and (max-width:1000px){

    .service-app {height: auto; background: none}
    .service-app .wrapper {background: url(../i/s-app-bg2.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; height: 294px}
    .service-app .wrapper:before {height: auto; bottom: 0; left: 50%; margin-left: -138px}
    .service-app .title {display: flex; align-items: center; justify-content: center; flex-direction: column; height: 294px; padding: 0; text-align: center}
    .service-app .form {position: relative; right: auto; top: auto; padding: 0; background: none; width: auto; max-width: 433px; height: auto; margin: 43px auto 0 auto}
    .service-app .form .item {display: table; width: 100%}
    .service-app .form .level {width: 39%}
    .service-app .form .value {box-sizing: border-box; padding-left: 15px; width: auto}

    .service-main .list {min-height: 0; background: none; margin-top: 35px}
    .service-main .slider {padding: 0 110px; max-width: 610px; margin: auto; box-sizing: border-box}
    .service-main .inner {position: relative; display: block; height: 210px; overflow: hidden}
    .service-main .inner:after {content: ''; display: block; clear: both; visibility: hidden; height: 0}
    .service-main .arr-l, .service-main .arr-r {display: block !important}
    .service-main .item {width: auto; margin: 0 27px !important; float: left; width: 344px}

    .service-list .item {width: 32%; margin-right: 2%}
    .service-list .item:nth-child(4n+4) {margin-right: 2%}
    .service-list .item:nth-child(3n+3) {margin-right: 0}

    .inform-stages .list {background: url(../i/i-stages-t.png) no-repeat; width: 734px; height: 168px}
    .inform-stages .item-1 {top: 3px; left: 10px}
    .inform-stages .item-2 {top: 123px; left: 230px}
    .inform-stages .item-3 {top: 3px; left: 410px}
    .inform-stages .item-4 {top: 123px; left: 586px}
    .inform-stages .item-5 {top: 3px; left: 610px}

    .inform-error .img {width: 50%; padding-right: 40px}

	.inform-contact {height: auto}
    .inform-contact .bg {display: none}
    .inform-contact .wrapper {height: auto; background: url(../i/i-contact-bg2.jpg) 84% center no-repeat; -webkit-background-size: cover; background-size: cover}
    .inform-contact .basic {display: block; padding: 43px 0 47px}
    .inform-contact .subtitle {margin: 0; text-align: center}
    .inform-contact .basic ul {}
    .inform-contact .basic ul:after {left: 50%}
    .inform-contact .basic ul li {display: table; width: 100%}
    .inform-contact .basic ul li .level {width: 50%; padding-right: 26px; box-sizing: border-box}
    .inform-contact .basic ul li .value {width: 50%; padding-left: 30px; box-sizing: border-box}
    .inform-contact .map {position: static; margin: 0}
    .inform-contact .map .inner {position: static; height: 415px}

    .inform-contact-map {}
    .inform-contact-map .inner {height: 415px}

    .inform-fb:after {display: none}
    .inform-fb .title {float: none; position: absolute; left: 0; top: 53px; margin: 0}
    .inform-fb .form {width: auto; float: none; margin: 0 0 0 310px; padding-top: 63px}
    .inform-fb .form .l {width: auto; float: none}
    .inform-fb .form .r {width: auto; float: none; margin-top: 20px}

    .job-promo .wrapper:before {left: 50%; margin-left: -138px}
    .job-promo .entry {padding-left: 60px}
    .job-promo .img {margin-left: 120px}

    .com-list:before {display: none}

    .p-list .item a .img {height: 22.3vw}
}
@media screen and (max-width:900px){

    .site-header .cat > ul > li > a {padding: 0 10px}
    .site-header .cat > ul > li:first-child > a {padding-left: 15px}

    .service-form {padding: 17px 0 80px}
    .service-form .l {position: relative; max-width: 540px; margin: auto; width: auto; float: none}
    .service-form .r {position: relative; max-width: 540px; margin: auto; width: auto; float: none}

    .inform-stages .list {margin: 65px 0 0 0}

    .job-promo .wrapper:before {margin-left: 0; left: 40%}
    .job-promo .img {margin-left: 160px}
}
@media screen and (max-width:800px){

    .site-body {margin-bottom: 70px}

    .service-list .item {width: 47%; margin-right: 6%}
    .service-list .item:nth-child(4n+4) {margin-right: 6%}
    .service-list .item:nth-child(3n+3) {margin-right: 6%}
    .service-list .item:nth-child(2n+2) {margin-right: 0}

    .service-price {margin-top: 0px; display: block}
    .service-price .content {width: auto}
    .service-price .supertitle {text-align: center}
    .service-price .tbl {max-width: 520px; margin-left: auto; margin-right: auto}
    .service-price .img {width: auto; max-width: 520px; margin: 30px auto 0}

    .service-form {margin-top: 32px}

    .service-slider {max-width: 490px; box-sizing: border-box; padding: 0 65px}

    .inform-promo {margin-top: 60px}
    .inform-promo .slider {margin-top: 0}
    
    .inform-promo-main {padding: 0 15px 45px; margin-top: 50px; height: auto; background: none}
    .inform-promo-main:before {display: none}
    .inform-promo-main:after {display: none}

    .inform-promo .item .icon {display: block; width: auto; height: 85px}
    .inform-promo .item .text {display: block; text-align: center}

    .inform-stages .item-4 .tx {white-space: normal; width: 140px}
    .inform-stages .item-4 .tx br {display: none}

    .inform-error {padding-top: 85px; flex-direction: column}
    .inform-error .img {width: auto; padding: 66px 0 0 0; order: 2; text-align: center}
    .inform-error .entry {order: 1; text-align: center}
    .inform-error .title:after {position: relative; margin-left: auto; margin-right: auto}

    .inform-fb .form .bot {display: block; margin-top: 30px}
    .inform-fb .form .check {width: auto}
    .inform-fb .form button {margin-top: 35px}

    .inform-seo {margin-top: 50px}

    .inform-prices {display: block; margin-top: 35px}
    .inform-prices .item {width: auto; margin-top: 1px}

    .inform-about .wrapper:before {margin-left: -36px}
    .inform-about .img {margin-left: 207px}

    .inform-text {margin-top: 45px}

    .job-promo .wrapper:before {left: 46%}
    .job-promo .img {margin-left: 217px}

    .job-list {margin: 35px -15px 0}
    .job-list .item .value {border-left: 0; border-right: 0; padding: 23px 25px 30px}

    .com-list .item {width: 47%; margin-right: 6%; margin-top: 50px}
    .com-list .item:nth-child(3n+3) {margin-right: 6%}
    .com-list .item:nth-child(2n+2) {margin-right: 0}
    .com-list .item:first-child + .item + .item {margin-top: 50px}

    .p-list .item {width: 47%; margin-right: 6%}
    .p-list .item:nth-child(3n+3) {margin-right: 6%}
    .p-list .item:nth-child(2n+2) {margin-right: 0}
    .p-list .item a .img {height: 33.3vw}

    .article-pg {background: none}

    .article-list .item {width: 47%; margin-right: 6%}
    .article-list .item:nth-child(3n+3) {margin-right: 6%}
    .article-list .item:nth-child(2n+2) {margin-right: 0}

    .article-detail .img {float: none; max-width: 320px; margin: auto}
    .article-detail .date {text-align: center}
    .article-detail .subtitle {margin-bottom: 15px; text-align: center}
    .article-detail .text {margin-top: 33px}

    .article-com .new {text-align: center}

    .site-footer .wrapper {flex-direction: column}
    .site-footer .webcreative {margin-left: 0; text-align: center}
    .site-footer .webcreative a {margin-l;eft: auto; margin-right: auto}
    .site-footer .c {text-align: center}
}
@media screen and (max-width:766px){

    .site-header .menu {right: -26px; width: 190px}
    .site-header .menu ul {padding-left: 45px}
    .site-header .contact .ph {display: block}
    .site-header .contact .ph .i {margin: 5px 0 0 0}
    .site-header .cat > ul > li > a {font-size: 13px}

    .inform-stages {height: auto}
    .inform-stages .wrapper {padding-top: 35px; padding-bottom: 35px}
    .inform-stages .list {background: none; width: auto; height: auto; margin: 27px auto 0; max-width: 370px}
    .inform-stages .item {position: static; padding-left: 0; margin-top: 17px}
    .inform-stages .item .n {position: static; display: table-cell; vertical-align: middle; width: 20px}
    .inform-stages .item .tx {display: table-cell; vertical-align: middle; width: auto !important}
    .inform-stages .item .tx br {display: none}
}
@media screen and (max-width:700px){
    
    .site-header .contact .item .hd {display: none}
    .site-header .cat > ul {display: block}
    .site-header .cat > ul:after {display: none}
    .site-header .cat > ul > li {border-top: 1px solid #4d4d4d}
    .site-header .cat > ul > li:first-child {border-top: 0}
    .site-header .cat > ul > li > a {display: block; height: auto; border: 0; padding: 7px 15px !important; transform: none; text-align: center; font-size: 14px}
    .site-header .cat > ul > li > a > span {display: block; transform: none}
    .site-header .cat > ul > li > a i {display: none}
    .site-header .cat > ul > li > ul {position: static; border: 0; margin: 0; border-radius: 0; width: auto}
    .site-header .cat > ul > li > ul > li > a {display: block; padding: 7px 15px; height: auto}
    .site-header .cat > ul > li > ul > li ul {position: static; width: auto; border: 0; border-radius: 0; box-shadow: none; padding: 5px 25px 10px; margin: 0}

    .inform-about .entry {padding-left: 0}

    .job-promo .entry {padding-left: 0}
}
@media screen and (max-width:600px){

    .site-header:before {display: none}
    .site-header .logo {width: auto; padding: 21px 0 0 0}
    .site-header .contact {margin: 23px 0 27px 0; padding: 0; flex-direction: column; height: auto}
    .site-header .contact .list {position: static; order: 3; margin-top: 33px}
    .site-header .contact .ph {order: 1}
    .site-header .callback {order: 2; width: 290px; margin-top: 27px}

    .site-body {margin-bottom: 65px}

    .service-app .wrapper {height: 132px}
    .service-app .title {height: 132px; font-size: 36px; line-height: 48px}
    .service-app .title span {font-size: 36px}

    .service-main .slider {padding: 0 70px}

    .service-list {
    	/*max-width: 284px; */
    	max-width: 100%;
    	margin: 30px auto 0; padding-bottom: 50px}
    .service-list .inner {display: block}
    .service-list .inner:after {content: ''; display: block; clear: both; visibility: hidden; height: 0}
    .service-list .item {margin: 0 5px !important; width: auto; float: left}
    .service-list .arr-l, .service-list .arr-r {display: block !important}

    .inform-promo {margin-top: 45px}
    .inform-promo .slider {margin-top: 30px}
    .inform-promo .list {display: block}
    .inform-promo .list:after {content: ''; display: block; clear: both; visibility: hidden; height: 0}
    .inform-promo .item {width: auto; margin: 0 !important; float: left}
    .inform-promo .arr-l, .inform-promo .arr-r {display: block !important}

    .inform-promo-main {margin-top: 60px}

    .inform-box:before {display: none}
    .inform-box .content {padding: 35px 0 50px}
    .inform-box .text {margin: 0}

    .inform-error {display: block; padding-top: 65px}
    .inform-error .img {display: none}
    .inform-error .bt {margin-top: 18px}

    .inform-contact .basic {padding: 25px 0}
    .inform-contact .basic ul {margin-top: 20px}
    .inform-contact .basic ul:after {display: none}
    .inform-contact .basic ul li {display: block; width: auto; padding-top: 15px}
    .inform-contact .basic ul li .level {display: block; width: auto; padding: 0; text-align: center; font-family: inherit; font-size: 16px; font-weight: 400}
    .inform-contact .basic ul li .value {display: block; width: auto; padding: 5px 0 0 0; text-align: center}

    .inform-fb .title {left: 50%; margin-left: -128px; top: 4px}
    .inform-fb .form {margin: 0; padding: 110px 0 0 0}
    .inform-fb .form .bot {text-align: center}
    .inform-fb .form .check {text-align: left}

    .inform-about {background-position: left center}
    .inform-about .wrapper {height: auto}
    .inform-about .wrapper:before {left: auto; right: -270px}
    .inform-about .wrapper:after {display: none}
    .inform-about .entry {padding: 40px 0 30px}
    .inform-about .title {font-size: 29.22px; line-height: 44px}
    .inform-about .title span {font-size: 36.52px}
    .inform-about .text {max-width: none}
    .inform-about .text span {font-size: 20px}
    .inform-about .img {display: none}

    .job-promo .wrapper {height: auto}
    .job-promo .wrapper:before {left: auto; right: -270px}
    .job-promo .entry {padding: 40px 0 30px}
    .job-promo .title {font-size: 29.22px; line-height: 44px}
    .job-promo .title span {font-size: 36.52px}
    .job-promo .img {display: none}

    .job-list {margin-top: 21px}
    .job-list .item .level {padding-right: 15px; z-index: 5}
    .job-list .item .title {padding-left: 56px}
    .job-list .item .price {display: none}
    .job-list .item.active .price {display: flex; position: absolute; right: 0; top: 100%; bottom: auto; height: 72px}
    .job-list .item .value {padding: 110px 15px 25px 25px}

    .article-list {display: block; margin: 28px -15px 0}
    .article-list .item {margin: 18px auto 0 !important; width: auto; max-width: 328px}
    .article-list .item:first-child {margin-top: 0 !important}

    .site-footer .r {padding-top: 20px}
    .site-footer .menu ul {display: block; text-align: center}
    .site-footer .menu ul li {display: block; margin-top: 9px}
    .site-footer .menu ul li:first-child {margin-top: 0}
    .site-footer .menu ul li:after {display: none}
    .site-footer .menu ul li a {display: inline-block; vertical-align: top}
    .site-footer .social {margin-top: 20px}
    .site-footer .social span {display: block; margin: 0 0 10px 0; text-align: center}
    .site-footer .social a {vertical-align: top}
}
@media screen and (max-width:500px){

    .pagination-more {margin-top: 30px}

    .service-app .form {max-width: none; padding: 0 15px; margin-top: 25px}
    .service-app .form .item {display: block; padding-top: 20px}
    .service-app .form .level {display: block; width: auto; text-align: left}
    .service-app .form .value {display: block; width: auto; padding: 13px 0 0 0}
    .service-app .form .check {margin-left: 0; width: auto}
    .service-app .form .bt {margin-left: 0; width: auto}
    .service-app .form .ui-selectmenu-button {width: 100%}

    .service-main {margin-top: 40px}
    .service-main .list {margin-top: 30px}
    .service-main .slider {padding: 0 0 55px}
    .service-main .arr-l, .service-main .arr-r {top: auto; margin-top: 0; bottom: 0; background: url(../i/s-main-arr-m.png) no-repeat; width: 27px; height: 30px}
    .service-main .arr-l {left: 50%; margin-left: -47px}
    .service-main .arr-r {right: 50%; margin-right: -47px; background-position: -27px 0}
    .service-main .arr-l:after, .service-main .arr-r:after {display: none}

    .service-form {padding-bottom: 115px}
    .service-form .bot {display: block}
    .service-form .check {width: auto; margin-right: 0}
    .service-form .bt {position: relative; margin: 23px auto 0}
    .service-form .l {flex-direction: column}
    .service-form .l .item {width: 100%; margin-right: 0}
    .service-form .l .item-1 {order: 1}
    .service-form .l .item-2 {order: 3}
    .service-form .l .item-3 {order: 2}
    .service-form .l .item-4 {order: 4}

    .service-more {padding-top: 26px}
    .service-more .tab {left: -15px; right: -35px; border-radius: 0}
    .service-more .tab a {padding: 0; box-sizing: border-box; width: 50%; text-align: center}
    .service-more .tab a:last-child {padding-right: 20px}

    .service-slider {max-width: none; padding: 0 0 42px; margin: 0 -30px}
    .service-slider .item {margin-bottom: 0}
    .service-slider .arr-l {left: 50%; bottom: 0; top: auto; margin: 0 0 0 -37px}
    .service-slider .arr-r {right: 50%; bottom: 0; top: auto; margin: 0 -37px 0 0}

    .inform-prices {margin: 30px -15px 0}
    .inform-prices .item table th {padding-left: 10px}
    .inform-prices .item table th.black {padding-left: 25px}
    .inform-prices .item table td:first-child {padding-left: 25px}

    .inform-team {margin-top: 25px; margin-bottom: 100px}
    .inform-team .block {margin-top: 30px}
    .inform-team .item .entry {padding-right: 0}
    .inform-team .page {right: 0}
    .inform-team .arr-l, .inform-team .arr-r {display: none !important}

    .com-main .slider {padding: 0 0 40px 0}
    .com-main .slides {margin: 0 -10px}
    .com-main .arr-l, .com-main .arr-r {width: 27px; height: 30px; background: none; border: 0; border-radius: 0; top: auto; bottom: 0}
    .com-main .arr-l {left: 50%; margin-left: -40px}
    .com-main .arr-r {right: 50%; margin-right: -40px}
    .com-main .arr-l:after, .com-main .arr-r:after {margin: 0; left: 0; top: 0}
    
    .com-list {display: block; margin: 35px -16px 0}
    .com-list .item {margin: 18px auto 0 !important; width: auto; max-width: 322px}

    .p-list {display: block; margin: 35px -16px 0}
    .p-list .item {margin: 40px auto 0 !important; width: auto; max-width: 320px}
    .p-list .item:first-child {margin-top: 0 !important}
    .p-list .item a .img {height: auto}

    .article-detail .text {margin-top: 15px}
    .article-detail .share {display: block; margin: 33px -15px 0}
    .article-detail .share .inner {display: block; padding: 8px 15px; height: auto}
    .article-detail .share .level {margin-right: 0; text-align: center}
    .article-detail .share .value {justify-content: center; margin-top: 11px}

    .article-com {margin-top: 40px}
    /*.article-com .subtitle {text-align: center}*/
    .article-com .new {margin-top: 25px}
}
@media screen and (max-width:400px){

    .service-price .tbl {margin: 30px -15px 0}
    .service-price .tbl table td {width: 25%}
    .service-price .tbl table td:first-child {width: 75%; font-size: 14px}
    .service-price .img {display: none}

    .inform-error .text br {display: none}
    
    .inform-team .item .photo {height: 300px}

    .com-main .slides {margin: 0 -26px}
    .com-main .item .title {position: static; padding: 0 15px}
    .com-main .item .price {padding: 0 15px}
}
@media screen and (max-width:350px){

    .service-main .inner {margin: 0 -54px}
    
    .inform-team .slider {margin: 0 -54px}
    .inform-team .item .photo {height: 280px}
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #fff;
	text-shadow: none;
	border-radius: 5px;
}

.fancybox-modal .fancybox-skin {
	 background: #f2f2f2;
	 border-radius: 0;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	box-shadow: 0 0 15px rgba(0,1,1,.5);
}

.fancybox-modal.fancybox-opened .fancybox-skin {
	box-shadow: none;
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../i/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../i/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-modal .fancybox-close {
	right: -3px;
	top: -11px;
	background: url(../i/modal-close.png) no-repeat !important;
	width: 43px;
	height: 43px;
	display: none !important;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../i/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	/*visibility: hidden;*/
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
    height: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../i/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../i/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../i/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}


.modal-status {
	display: none; width: 306px; padding: 20px !important; background: #f9f9fa; border-radius: 10px; box-shadow: 0 0 35px rgba(0,0,0,.38); text-align: center;
}
.modal-status .text {
	font-size: 18px; line-height: 20px;
}
.modal-status .bt {
	margin-top: 17px;
}
.modal-status .bt a {
	width: 125px;
}


@font-face {
    font-family: 'Akrobat';
    src: url('fonts/akrobat-regular.eot');
    src: url('fonts/akrobat-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/akrobat-regular.woff2') format('woff2'),
         url('fonts/akrobat-regular.woff') format('woff'),
         url('fonts/akrobat-regular.ttf') format('truetype'),
         url('fonts/akrobat-regular.svg#akrobatregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Akrobat';
    src: url('fonts/akrobat-semibold.eot');
    src: url('fonts/akrobat-semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/akrobat-semibold.woff2') format('woff2'),
         url('fonts/akrobat-semibold.woff') format('woff'),
         url('fonts/akrobat-semibold.ttf') format('truetype'),
         url('fonts/akrobat-semibold.svg#akrobatsemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Akrobat';
    src: url('fonts/akrobat-bold.eot');
    src: url('fonts/akrobat-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/akrobat-bold.woff2') format('woff2'),
         url('fonts/akrobat-bold.woff') format('woff'),
         url('fonts/akrobat-bold.ttf') format('truetype'),
         url('fonts/akrobat-bold.svg#akrobatbold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Akrobat';
    src: url('fonts/akrobat-black.eot');
    src: url('fonts/akrobat-black.eot?#iefix') format('embedded-opentype'),
         url('fonts/akrobat-black.woff2') format('woff2'),
         url('fonts/akrobat-black.woff') format('woff'),
         url('fonts/akrobat-black.ttf') format('truetype'),
         url('fonts/akrobat-black.svg#akrobatblack') format('svg');
    font-weight: 900;
    font-style: normal;
}
.slogan554 {
  padding-top: 15px;
  padding-left: 10px;
  display: block;
  font-size: 20px;
}
@media screen and (max-width:1000px) {
  .slogan554 {
    padding-top: 15px;
    padding-left: 0;
    text-align: center;
  }
}
@media screen and (max-width:600px){
	.service-list .inner {
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 100%;
		grid-gap: 10px;
	}
	.service-list .item {
		margin: 0 !important;
		width: 100%;
		float: none;
	}
	.service-list .item a .img {
	    height: 157px;
	}
	.service-list .item a .title {
		/*display: inline-block;*/
		box-sizing: border-box;
		font-size: 12px;
		margin-top: 0;
		height: 51px;
		width: 100%;
	}
	.service-list .item a .img img {
		width: 100%;
		min-height: 100px;
		object-fit: cover;
	}
	.service-list .arr-l, .service-list .arr-r,
	.inform-promo .arr-l, .inform-promo .arr-r {
		display: none !important;
	} 
	.inform-promo .list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px 10px;
	}
	.inform-promo .item .text {
		font-size: 14px;
	}
}
.input_email{
	display:none;
}
.site-body.with-line + .inform-stages {
	display:none;
}