

/* Start:/bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/style.css?168716565775006*/
.w-50 {
	width: 50%;
}

.FlexBlock {
	display:   flex;
	flex-flow: row wrap;
}

.Service .Service__header {
	width:    70%;
	overflow: hidden;
}

.Service .Service__header > h1,
.Service .Service__header > div {
	margin: 20px 0;
}

.Service__preview {
	width:         68.33%;
	clear:         both;
	box-sizing:    border-box;
	margin-right:  auto;
	font-family:   'BPG Banner ExtraSquare Caps', Arial;
	font-size:     18px;
	line-height:   150%;
	color:         #000000;
	margin-bottom: 100px;
}
.table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: inherit;
	border-spacing: 0;
	border: 1px solid #ddd;
	border-radius: 20px;
	overflow: hidden;
	outline: 1px solid #ddd;
}
table.table th {
	background-color: #6600cc;
	color: #fff;
}

.table-block {
	overflow: auto;
	width: 100%;
}

table.table tr:nth-child(2n + 1) td {
	background-color: rgba(102, 0, 204, 0.06);
}

table.table>tbody>tr>td, table.table>tbody>tr>th, table.table>tfoot>tr>td, table.table>tfoot>tr>th, table.table>thead>tr>td, table.table>thead>tr>th {
	border: 0;
}
table.table>thead>tr>th {
	font-size: 14px;
	font-weight: 400;
	padding-top: 7px;
	padding-bottom: 7px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
table.table>tbody>tr>td, table.table>tbody>tr>th, table.table>tfoot>tr>td, table.table>tfoot>tr>th, table.table>thead>tr>td, table.table>thead>tr>th {
	border: 0;
}
.Service__preview .h2,
.Service__preview h2 {
	font-size:   48px;
	line-height: 130%;
	margin:      35px 0;
	font-weight: bold;
}

.ServiceComplex__item {
	width:      50%;
	float:      left;
	box-sizing: border-box;
	padding:    0 16.66% 0 0;
}

.ServiceComplex__item:nth-child(2n-1) {

	padding: 0 0 0 16.66%;
}

.ServiceComplex__svg {
	position:  absolute;
	left:      39.3%;
	width:     53%;
	transform: translateX(-50%);
}

.ServiceComplex__svg svg {
	width: 100%;
}

.ServiceComplex {
	position: relative;
	clear:    both;
	margin:   45px 0;
}

.ServiceComplex__name h2 {
	margin:        0;
	font-family:   'BPG Banner ExtraSquare Caps', Arial;
	font-size:     26px;
	line-height:   120%;
	font-weight:   bold;
	color:         #6600CC;
	margin-bottom: 13px;
	width:         60%;
}

.ServiceComplex__text {
	font-family:   'BPG Banner ExtraSquare Caps', Arial;
	font-size:     16px;
	line-height:   140%;
	padding-right: 12%;
}

.ServiceComplex__counts {
	margin-top: 20px;
}

.ServiceComplex__count {
	width:      29.33%;
	box-sizing: border-box;
	float:      left;
}

.ServiceComplex__number {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   28px;
	line-height: 120%;
	font-weight: bold;
	color:       #6600CC;
}

.ServiceComplex__description {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   16px;
	line-height: 150%;
	font-weight: bold;
}

.ServiceComplex__item_number_1 {
	margin-top: 13.5%;
}

.ServiceComplex__item_number_2 {
	margin-top: -7%;
}

.ServiceComplex__item_number_3 {
	margin-top: 10%;
}

.ServiceComplex__item_number_4 {
	margin-top:    0;
	margin-bottom: 10%;
}

.PortfolioBackground {
	max-width:  100%;
	clear:      both;
	padding:    70px 0;
	background: #212121;
}

.Portfolio,
.Professionals {
	max-width: 1380px;
	clear:     both;
	margin:    auto;
}

.Professionals {
	padding:   0 15px;
}

.Portfolio__header {
	font-family:   'BPG Banner ExtraSquare Caps', Arial;
	font-size:     48px;
	line-height:   130%;
	font-weight:   bold;
	color:         #fff;
	margin-bottom: 25px;
}

.Portfolio__item {
	display: block;
	width:   100%;
}

.PortfolioItem__img {
	width:      55%;
	float:      left;
	box-sizing: border-box;
	position:   relative;
	overflow:   hidden;
}

.PortfolioItem__img img {
	min-height: 100%;
	width:      100%;
}

.PortfolioItem__info {
	width:      45%;
	float:      left;
	padding:    0 0 0 30px;
	box-sizing: border-box;
	display:    flex;
	flex-flow:  row wrap;
}

.PortfolioItem {
	color:           #fff;
	display:         flex;
	flex-flow:       wrap;
	text-decoration: none;
	margin-bottom:   70px;
	padding:         0 0;

}

.PortfolioItem__type {
	font-family:    'BPG Banner ExtraSquare Caps', Arial;
	font-size:      12px;
	line-height:    18px;
	text-transform: uppercase;
	font-weight:    bold;
}

.PortfolioItem__name {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   28px;
	line-height: 120%;
	font-weight: bold;
}

.PortfolioItem__tags {
	color:       #fff;
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   14px;
	line-height: 140%;
}

.PortfolioItem__tags ul {
	list-style: none;
	padding:    15px 0;
	margin:     0;
}

.PortfolioItem__tags ul li {
	display:       inline-block;
	padding-right: 15px;
}

.PortfolioItem__more {
	align-self:     flex-end;
	font-family:    'BPG Banner ExtraSquare Caps', Arial;
	font-size:      16px;
	line-height:    20px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-weight:    600;
	padding-right:  35px;
	position:       relative;
	margin-top:     15px;
}

.PortfolioItem__more .arrow {
	width:  29px;
	height: 10px;
	fill:   #fff;
	stroke: #fff;
}

.PortfolioItem:hover .PortfolioItem__more {
	color:      #fff;
	transition: .3s cubic-bezier(.29, .18, .26, .83);
}

.PortfolioItem:hover .PortfolioItem__more .arrow {
	transition: .3s cubic-bezier(.29, .18, .26, .83);
	fill:       #fff;
	stroke:     #fff;
	width:      44px;
	height:     10px;
}

.PortfolioItem__description {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 150%;
}

.PortfolioItem_code_sout .PortfolioItem__img svg {
	width:      100%;
	height:     auto;
	background: #367ABD;
}

@media (min-width: 1380px) {
	.PortfolioItem_code_sout .PortfolioItem__img svg {
		width:  100%;
		height: 100%;
	}

}

.PortfolioItem_code_sout .PortfolioItem__img svg {
	position: absolute;
	left:     0;
}

.PortfolioItem_code_sout svg .red,
.PortfolioItem_code_sout svg .green,
.PortfolioItem_code_sout svg .orange,
.PortfolioItem_code_sout svg .text,
.PortfolioItem_code_sout svg {
	transition: .5s cubic-bezier(.29, .18, .26, .83);
}

.PortfolioItem_code_sout:hover svg .red {
	transform:  translate(20px, -46px);
	transition: .5s cubic-bezier(.29, .18, .26, .83);
}

.PortfolioItem_code_sout:hover svg .green {
	transform:  translate(-70px, 65px) rotateZ(-20deg);
	transition: .5s cubic-bezier(.29, .18, .26, .83);
}

.PortfolioItem_code_sout:hover svg .orange {
	transform:  translate(72px, 0px) rotateZ(10deg);
	transition: .5s cubic-bezier(.29, .18, .26, .83);
}

.PortfolioItem_code_sout:hover svg .text {
	transform:  translateX(65px);
	transition: .5s cubic-bezier(.29, .18, .26, .83);
}

.PortfolioItem_code_sout:hover svg {
	background: transparent;
	transition: .5s cubic-bezier(.29, .18, .26, .83);
}

.PortfolioItem_code_sout .PortfolioItem__img img {
	/*position: absolute;*/
	/*width:   100%;*/
	/*left:    0;*/
	/*top:     0;*/
	z-index: 1;
}

/*.PortfolioItem_code_sout .PortfolioItem__img:before {*/
	/*content:    '';*/
	/*position:   absolute;*/
	/*width:      100%;*/
	/*height:     100%;*/
	/*left:       0;*/
	/*top:        0;*/
	/*z-index:    2;*/
	/*background: rgba(0, 0, 0, 0.15);*/
/*}*/

.PortfolioItem_code_sout svg {
	z-index:  3;
	position: relative;
}

.PortfolioItem_code_bnv .PortfolioItem__img svg {
	opacity:    0;
	z-index:    2;
	position:   absolute;
	width:      50%;
	top:        50%;
	left:       50%;
	transform:  translate(-50%, -50%);
	transition: .3s;
}

.PortfolioItem_code_bnv:hover svg {
	opacity:    1;
	transition: .5s cubic-bezier(.29, .18, .26, .83);
}

.PortfolioItem_code_bnv:hover img {
	/*-webkit-filter: blur(0px) brightness(0.4);*/
	/*-o-filter:      blur(0px) brightness(0.4);*/
	/*filter:         blur(0px) brightness(0.4);*/
	transition:     .5s cubic-bezier(.29, .18, .26, .83);
}

.PortfolioItem_code_bnv img {
	transition: .5s cubic-bezier(.29, .18, .26, .83);
}

/*.PortfolioItem_code_marker .PortfolioItem__img:before {*/
	/*content:         '';*/
	/*opacity:         0;*/
	/*position:        absolute;*/
	/*width:           33%;*/
	/*height:          100%;*/
	/*left:            0;*/
	/*top:             0;*/
	/*z-index:         2;*/
	/*background:      url('/images/marker.png') left no-repeat;*/
	/*background-size: auto 100%;*/
	/*transition:      .5s cubic-bezier(.29, .18, .26, .83);*/
/*}*/

.PortfolioItem_code_marker:hover .PortfolioItem__img:before {
	left:       0;
	opacity:    1;
	transition: .5s cubic-bezier(.29, .18, .26, .83);
}

/*.PortfolioItem_code_marker .PortfolioItem__img:after {*/
	/*content:         '';*/
	/*position:        absolute;*/
	/*width:           33%;*/
	/*height:          100%;*/
	/*right:           0;*/
	/*opacity:         0;*/
	/*top:             0;*/
	/*z-index:         2;*/
	/*background:      url('/images/marker2.png') right no-repeat;*/
	/*background-size: auto 100%;*/
	/*transition:      .5s cubic-bezier(.29, .18, .26, .83);*/
/*}*/

.PortfolioItem_code_marker:hover .PortfolioItem__img:after {
	/*right: 0;*/
	opacity:    1;
	transition: .5s cubic-bezier(.29, .18, .26, .83);
}

.PortfolioItem_code_marker .PortfolioItem__img,
.PortfolioItem_code_sout .PortfolioItem__img,
.PortfolioItem_code_szr .PortfolioItem__img {
	display: flex;
}

/*.PortfolioItem_code_szr .PortfolioItem__img:before {*/
	/*content:         '';*/
	/*opacity:         0;*/
	/*position:        absolute;*/
	/*width:           100%;*/
	/*height:          100%;*/
	/*left:            0;*/
	/*top:             0;*/
	/*z-index:         2;*/
	/*background:      url('/images/szr-red.svg') left no-repeat;*/
	/*background-size: auto 100%;*/
	/*transform:       scale(5);*/
	/*transition:      .5s cubic-bezier(.29, .18, .26, .83);*/
/*}*/

.PortfolioItem_code_szr:hover .PortfolioItem__img:before {
	opacity:    1;
	transform:  scale(1);
	transition: transform .5s cubic-bezier(.29, .18, .26, .83);
}

.PortfolioItem .PortfolioItem__name,
.PortfolioItem .PortfolioItem__type {

	color: #fff;

}

.PortfolioItem:hover .PortfolioItem__name,
.PortfolioItem:hover .PortfolioItem__type {
	background-position: 0;
	-webkit-transition:  all 333ms cubic-bezier(.47, 0, .745, .715);
	transition:          all 333ms cubic-bezier(.47, 0, .745, .715);
}

.Progress__header h2,
.Progress__header__h2,
.ServiceBlock__header,
.Professionals__header h2,
.Professionals__header__h2 {
	font-family:   'BPG Banner ExtraSquare Caps', Arial;
	font-size:     48px;
	line-height:   130%;
	font-weight:   bold;
	margin-bottom: 25px;
	width:         100%;
	box-sizing:    border-box;
}

.Progress__header {
	width: 100%;
}

.Progress__specification {
	padding:     0 0 45px 0;
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 150%;
	width:       50%;
	box-sizing:  border-box;
}

.Progress,
.ServiceBlock {
	clear:     both;
	display:   flex;
	flex-flow: row wrap;
	width:     100%;
	padding:   80px 0 0 0;
}

.ProgressItem {
	width:      25%;
	float:      left;
	box-sizing: border-box;
	text-decoration: none;
	display: block;
}

.ProgressItem img {
	max-width: 100%;
}

.ProgressItem__name {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 120%;
	padding-top: 10px;
	width:       67%;
	font-weight: 600;
}

.ProgressItems {
	width:       100%;
	display:     flex;
	flex-flow:   wrap;
	align-items: flex-end;
}

.ServiceBlock__specification {
	font-family:   'BPG Banner ExtraSquare Caps', Arial;
	font-size:     18px;
	line-height:   150%;
	width:         50%;
	padding-right: 8.333%;
	float:         left;
	box-sizing:    border-box;
}

.ServiceBlockItems {
	width:      50%;
	float:      left;
	box-sizing: border-box;
}

.ServiceBlockItem {
	font-family:   'BPG Banner ExtraSquare Caps', Arial;
	font-size:     18px;
	line-height:   150%;
	font-weight:   bold;
	margin-bottom: 25px;
	width:         50%;
	box-sizing:    border-box;
	float:         left;
}

.ProfessionalsBlock {
	padding:    78px 0 140px 0;
	margin-top: 88px;
	width:      100%;
	background: #F9F9F9;
}

.ProfessionalsItems {
	display:   flex;
	flex-flow: row wrap;
}

.ProfessionalsItem {
	width:          33.33%;
	float:          left;
	box-sizing:     border-box;
	padding-bottom: 60px;
}

.ProfessionalsItem__name {
	font-size:      24px;
	line-height:    120%;
	font-weight:    bold;
	padding-bottom: 10px;
	width:          60%;
}

.ProfessionalsItem__text {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 150%;
	width:       80%;
}

.ServiceComplex__image {
	display: none;
}

.ServiceWhy {
	margin-bottom: 30px;
}

.ServiceWhy__header h2 {
	font-size:     48px;
	line-height:   130%;
	margin-bottom: 30px;
	font-weight:   bold;
}

.ServiceWhy__item {
	margin-bottom: 100px;
	display:       flex;
	flex-wrap:     wrap;
}

.ServiceWhy__name {
	width:         50%;
	font-size:     32px;
	line-height:   150%;
	color:         #6600CC;
	padding-right: 5%;
	box-sizing:    border-box;
}

.ServiceWhy__description {
	width:       50%;
	font-size:   18px;
	line-height: 150%;
}

.ServiceTariffs__header h2 {
	font-size:     48px;
	line-height:   130%;
	margin-bottom: 30px;
	font-weight:   bold;

}

.ServiceTariffs__header {
	width: 50%;
}

.ServiceTariffs__help {
	width:                50%;
	text-align:           right;
	font-size:            32px;
	line-height:          150%;
	text-decoration-line: underline;
	cursor:               pointer;
	color:                #6600CC;
}

.ServiceTariffs {
	display:       flex;
	flex-wrap:     wrap;
	margin-bottom: 120px;
	overflow:      hidden;
}

.ServiceTariffs__item {
	width:          50%;
	padding-bottom: 40px;
	box-sizing:     border-box;
	display:        flex;
	flex-flow:      row wrap;
}

.ServiceTariffs__item > div {
	background: #F9F9F9;
	position:   relative;
	padding:    48px 50px 10px 54px;
	display:    flex;
	flex-flow:  row wrap;
}

.ServiceTariffs__item > div:before {
	height:     2px;
	background: #151515;
	width:      100%;
	content:    '';
	position:   absolute;
	top:        0;
	left:       0;
	z-index:    2;
}

.ServiceTariffs__item:nth-child(2n - 1) {
	padding-right: 20px;
}

.ServiceTariffs__item:nth-child(2n) {
	padding-left: 20px;
}

.ServiceTariffs__number {
	position:       absolute;
	right:          -30px;
	font-size:      288px;
	line-height:    207px;
	color:          #FFFFFF;
	font-weight:    bold;
	top:            0;
	z-index:        1;
	pointer-events: none;
}

.ServiceTariffs__name {
	width:       50%;
	font-size:   28px;
	line-height: 35px;
	color:       #6600CC;
	position:    relative;
	z-index:     2;
	font-weight: bold;
	transform:   translateZ(60px);
}

.ServiceTariffs__context .ServiceTariffs__name {
	width: 100%;
}

.ServiceTariffs__context.ServiceTariffs_type_vip .ServiceTariffs__name {
	color: #151515;
}

.ServiceTariffs__description {
	width:       55%;
	position:    relative;
	z-index:     2;
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 120%;
	color:       #151515;
	box-sizing:  border-box;
	display:     flex;
	align-self:  flex-start;
}

.ServiceTariffs__context .ServiceTariffs__description {
	width: 100%;
}

.ServiceTariffs__bottom {
	display:   flex;
	flex-flow: row wrap;
	z-index:   2;
	position:  relative;
	transform: translateZ(60px);
}

.ServiceTariffs__right {
	width:           45%;
	position:        relative;
	display:         flex;
	flex-flow:       row wrap;
	align-items:     flex-end;
	align-self:      flex-end;
	justify-content: flex-end;
	margin-bottom:   30px;
}

.ServiceTariffs__context .ServiceTariffs__right {
	align-self: flex-start;
}

.ServiceTariffs__context .ServiceTariffs__price p {
	color:       #9E9E9E;
	margin-top:  0;
	font-weight: 300;
}

.ServiceTariffs__context .ServiceTariffs__price {
	width:       50%;
	font-size:   18px;
	line-height: 120%;
	color:       #151515;
	margin-top:  20px;
	box-sizing:  border-box;
	text-align:  left;
}

.ServiceTariffs__context .ServiceTariffs__price:nth-child(3) {
	border-left:  1px solid #E0E0E0;
	padding-left: 20px;
}

.ServiceTariffs__context.ServiceTariffs_type_vip > div {
	background: #F6F3FE;
}

.ServiceTariffs__description ul {
	list-style:  none;
	padding:     0;
	margin-left: 0;
}

.ServiceTariffs__description ul li {
	margin-bottom: 15px;
	position:      relative;
	padding-left:  15px;
}

.ServiceTariffs__description ul li:before {
	content:       '';
	position:      absolute;
	width:         6px;
	height:        6px;
	border-radius: 50%;
	background:    #6600cc;
	top:           5px;
	left:          0;
}

.ServiceTariffs__price {
	font-size:     28px;
	line-height:   35px;
	color:         #6600CC;
	font-weight:   bold;
	text-align:    center;
	width:         100%;
	margin-bottom: 15px;
}

.ServiceTariffs__price p {
	font-family:   'BPG Banner ExtraSquare Caps', Arial;
	font-size:     18px;
	line-height:   27px;
	color:         #151515;
	margin-bottom: 0;
	font-weight:   500;
}

.ServiceTariffs__more {
	width:              auto;
	background:         #6600CC;
	font-size:          20px;
	line-height:        20px;
	color:              #FFFFFF;
	padding:            17px 64px;
	text-decoration:    none;
	display:            block;
	-webkit-transition: background .3s cubic-bezier(.29, .18, .26, .83);
	transition:         background .3s cubic-bezier(.29, .18, .26, .83);
	text-align:         center;
}

.ServiceTariffs__more:hover {
	background:         #27009A;
	-webkit-transition: background .3s cubic-bezier(.29, .18, .26, .83);
	transition:         background .3s cubic-bezier(.29, .18, .26, .83);
}

/*.ServiceTariffs_type_vip > div {*/
/*background: #F6F3FE;*/
/*}*/

/*.ServiceTariffs_type_vip .ServiceTariffs__name {*/
/*color: #151515;*/
/*}*/

/*.ServiceTariffs_type_vip .ServiceTariffs__price {*/
/*color: #151515;*/
/*}*/

.ServiceTariffs_type_vip > div:before {
	background: #6600cc;
}

.ServiceTariffs__tag {
	position:       absolute;
	right:          50px;
	z-index:        2;
	color:          #fff;
	background:     #151515;
	font-size:      14px;
	line-height:    17px;
	text-transform: uppercase;
	padding:        9px 11px;
	top:            55px;
	font-weight:    500;
}

.ServiceTariffs__name img {
	max-width:  36px;
	max-height: 36px;
}

.Progress_color_black {
	background-color: #212121;

	margin-bottom:    150px;
	overflow:         hidden;
}

.Progress_color_black .Progress {
	max-width:  1380px;
	clear:      both;
	margin:     auto;
	box-sizing: border-box;
	position:   relative;
	z-index:    2;
	padding:    80px 0 120px 0;
}

.Progress_color_black .Progress__background {
	background-image:      url("/bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/images/Frame.png");
	background-repeat:     no-repeat;
	background-position:   bottom left;
	content:               '';
	position:              absolute;
	width:                 100%;
	height:                100%;
	z-index:               1;
	top:                   0;
	left:                  0;
	background-attachment: fixed;
}

.Progress_color_black .Progress__header h2,
.Progress_color_black .Progress__header__h2,
.Progress_color_black .ProgressItem__name,
.Progress_color_black .Progress__specification {
	color:    #fff;
	position: relative;
	z-index:  2;
}

.Progress_color_black .ProgressItems {
	width:    58.33%;
	position: relative;
	z-index:  2;
}

.Progress_color_black .ProgressItem {
	width:          33%;
	float:          none;
	padding-bottom: 36px;
}

.Progress_color_black .Progress__specification {
	padding-right: 10%;
	width:         41.67%;
}

.Progress_color_black .ProgressItem__name {
	width: 90%;
}

.Works__header h2,
.Advantages__header {
	font-size:     48px;
	line-height:   130%;
	margin-bottom: 50px;
	width:         100%;
	font-weight:   bold;
}

.WorksItems,
.AdvantagesItems {
	display:   flex;
	flex-flow: row wrap;
}

.WorksItem,
.AdvantagesItem {
	width:         33.33%;
	box-sizing:    border-box;
	position:      relative;
	margin-bottom: 55px;
}

.WorksItem svg,
.AdvantagesItem svg {
	position: absolute;
	left:     0;
	top:      0;
}

.Works__info *:not(.Works__name),
.Advantages__info *:not(.Advantages__name) {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 150%;
	color:       #000;
}

.Works__name,
.Advantages__name {
	font-size:     22px;
	line-height:   130%;
	font-weight:   bold;
	margin-bottom: 8px;
}

.Works__info {
	margin-left:  100px;
	margin-right: 100px;
}

.Advantages__info {
	margin-left:  40px;
	margin-right: 50px;
}

.Works,
.Advantages {
	margin-bottom: 120px;
}

.ProfessionalsBlockWhite.ProfessionalsBlock {
	background: none;
	padding:    0;
	margin:     0 0 130px 0;
}

.ProfessionalsBlockWhite .Professionals__header h2,
.ProfessionalsBlockWhite .Professionals__header__h2 {
	margin-bottom: 40px;
}

.Guaranty__header h2 {
	font-size:     48px;
	line-height:   130%;
	margin-bottom: 60px;
	font-weight:   bold;
}

.Guaranty {
	margin-bottom: 150px;
}

.GuarantyItems {
	display:   flex;
	flex-flow: row wrap;
	margin:    0 -15px;
}

.GuarantyItem {
	width:      33.33%;
	box-sizing: border-box;
	display:    flex;
	flex-wrap:  wrap;
	padding:    15px;
}

.Guaranty__info {
	border:     1px solid #E0E0E0;
	box-sizing: border-box;
	padding:    43px 33px 33px 33px;
}

.Guaranty__name {
	font-size:      22px;
	line-height:    120%;
	color:          #6600CC;
	font-weight:    bold;
	padding-bottom: 36px;
	border-bottom:  1px solid #E0E0E0;
	position:       relative;
}

.Guaranty__name:after {
	content:    '';
	top:        0;
	right:      0;
	position:   absolute;
	width:      22px;
	height:     25px;
	background: url("/bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/images/guaranty.svg") center no-repeat;
}

.Guaranty__description {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 150%;
	color:       #151515;
	width:       90%;
}

.Guaranty__description ul {
	list-style:  none;
	padding:     0;
	margin-left: 0;
}

.Guaranty__description ul li {
	margin-bottom: 15px;
	position:      relative;
	padding-left:  15px;
}

.Guaranty__description ul li:before {
	content:       '';
	position:      absolute;
	width:         6px;
	height:        6px;
	border-radius: 50%;
	background:    #6600cc;
	top:           9px;
	left:          0;
}

.Results .flex-control-nav {
	display: none;
}

.ResultControl {
	max-width:  1380px;
	clear:      both;
	margin:     auto;
	padding:    0 15px;
	position:   relative;
	z-index:    2;
	margin-top: -40px;
}

.ResultControl .flex-direction-nav .flex-prev {
	left:  auto;
	right: 50px;
}

.Results {
	margin-bottom: 140px;
}

.Results__header {
	padding-top: 40px;
}

.Results__header:not(.no-float) h2 {
	max-width:   1380px;
	clear:       both;
	margin:      auto;
	padding:     0 15px;
	position:    relative;
	z-index:     2;
	box-sizing:  border-box;
}

.Results__header h2 {
	font-size:   48px;
	line-height: 130%;
	font-weight: bold;
}

.ResultsSliderItem__resultBlock {
	/*background: #F9F9F9;*/
	padding:    35px 0;
}

.ResultsSliderItem__result {
	max-width:  1380px;
	clear:      both;
	margin:     auto;
	position:   relative;
	display:    flex;
	flex-flow:  row wrap;
	box-sizing: border-box;
}

.ResultsSliderItem__resultItem {
	width:       50%;
	box-sizing:  border-box;
	padding:     15px;
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 150%;
}

.PaddingL60 {
	padding-left: 60px;
}

.ResultsSliderItem__resultName {
	font-size:     24px;
	line-height:   150%;
	color:         #6600CC;
	font-weight:   bold;
	margin-bottom: 22px;
}

.ResultsSliderItem__resultItem ul {
	list-style:  none;
	padding:     0;
	margin-left: 0;
}

.ResultsSliderItem__resultItem ul li {
	margin-bottom: 15px;
	position:      relative;
	padding-left:  15px;
}

.ResultsSliderItem__resultItem ul li:before {
	content:       '';
	position:      absolute;
	width:         6px;
	height:        6px;
	border-radius: 50%;
	background:    #6600cc;
	top:           9px;
	left:          0;
}

.ResultsSliderItem__info {
	max-width:         1380px;
	clear:             both;
	margin:            auto;
	padding:           0 15px;
	position:          relative;
	padding-top:       9%;
	background-repeat: no-repeat;
	display:           flex;
}

.ResultsSliderItem__left {
	width: 16.66%;
}

.ResultsSliderItem__graph {
	width: 41.67%;
}

.ResultsSliderItem__right {
	width:         41.67%;
	margin-bottom: 10px;
}

.ResultsSliderItem__leftItem {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 150%;
	font-weight: bold;
	margin:      30px 0 40px 0;
}

.ResultsSliderItem__leftItem div {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 150%;
	color:       #9E9E9E;
	font-weight: bold;
}

.ResultsSliderItem__right {
	display:   flex;
	flex-flow: row wrap;
}

.ResultsSliderItem__rightNameL,
.ResultsSliderItem__rightValueL {
	width: 70%;
}

.ResultsSliderItem__rightNameR, .ResultsSliderItem__rightValueR {
	width: 30%;
}

.ResultsSliderItem__rightNameL,
.ResultsSliderItem__rightNameR {
	font-size:     24px;
	line-height:   150%;
	font-weight:   bold;
	color:         #6600CC;
	margin-bottom: 20px;
}

.ResultsSliderItem__rightValueL,
.ResultsSliderItem__rightValueR {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 200%;
	color:       #000;
}

.ResultsSliderItem__rightValueR,
.ResultsSliderItem__rightNameR {
	text-align: right;
}

.ResultsSlider.flexslider {
	margin-top: -6%;
	z-index:    1;
}

.ResultsSliderItem__graphName {
	font-weight: bold;
	color:       #6600CC;
	font-size:   24px;
	line-height: 150%;
	margin-left: 60px;
}

.ResultsSliderItem__graphId77 {
	margin-left: 20px;
}

.InTariffBlock {
	padding: 60px 0;
}

.InTariffList {
	display:   flex;
	flex-flow: row wrap;
	margin:    0 -15px;
}

.InTariffItem {
	width:      33.33%;
	display:    flex;
	padding:    15px;
	box-sizing: border-box;
}

.InTariffItem > div {
	background:  #FFFFFF;
	box-shadow:  0px 10px 25px rgba(102, 0, 204, 0.05);
	border-left: 8px solid #6600cc;
	padding:     25px;
	position:    relative;
	font-size:   18px;
	line-height: 150%;
}

.InTariffItemCount {
	font-weight: bold;
	font-size:   80px;
	line-height: 120%;
	position:    absolute;
	right:       5px;
	bottom:      -20px;
	color:       #F9F9F9;
}

.InTariffBlockHeader {
	font-weight:   bold;
	font-size:     48px;
	line-height:   130%;
	margin-bottom: 40px;
}

.InTariffItemName {
	font-weight:    bold;
	font-size:      26px;
	line-height:    120%;
	padding-bottom: 5px;
}

.topMenu.hidden {
	display: none;
}

.headerBlock {
	justify-content: space-between;
}

.headerBlock__rightLink.h1_top {
	width:           75%;
	display:         flex;
	flex-flow:       row wrap;
	justify-content: flex-end;
	align-items:     center;
}

.headerBlock__rightLink .header {
	font-size:    24px;
	line-height:  110%;
	font-weight:  bold;
	text-align:   right;
	margin-right: 20px;
	display:      none;
}

.headerBlock__rightLink.h1_top .header {
	display: inline-block;
}

.Service .Service__header {
	position: relative;
}

.Service .Service__header div {
	position:    absolute;
	left:        0;
	width:       auto;
	height:      auto;
	top:         0;
	font-size:   72px;
	line-height: 110%;
	color:       #151515;
	font-weight: bold;
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	transition:  font-size, transform 0.2s ease;
}

.Service .Service__header.hidden div {
	opacity: 0;
}

.Service .Service__header.abs.active > div {
	font-size:  24px;
	z-index:    201;
	transition: font-size, transform 0.2s ease;
}

.Service .Service__header > h1 {
	transition: 0.1s;
}

.Service .Service__header.abs.active > h1 {
	transition: 0.15s;
	opacity:    0;
}

.ServiceTariffsFlip {
	display:   flex;
	flex-flow: row wrap;
	position:  relative;
	width:     100%;
}

.ServiceTariffsFlipFront,
.ServiceTariffsFlipBack {
	display:   flex;
	flex-flow: row wrap;
	position:  absolute;
	width:     100%;
	height:    auto;
}

.ServiceTariffsFlipFront {
	-webkit-transform:           rotateX(0) rotateY(0);
	transform:                   rotateX(0) rotateY(0);
	-webkit-transform-style:     preserve-3d;
	transform-style:             preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility:         hidden;
	-webkit-transition:          all 1s ease-in-out;
	transition:                  all 1s ease-in-out;
	z-index:                     801;
	background:                  #fff;
}

.ServiceTariffsFlipBack {
	-webkit-transform:           rotateY(-179deg);
	transform:                   rotateY(-179deg);
	-webkit-transform-style:     preserve-3d;
	transform-style:             preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility:         hidden;
	-webkit-transition:          all 1s ease-in-out;
	transition:                  all 1s ease-in-out;
	z-index:                     800;
}

.back .ServiceTariffsFlipFront {
	-webkit-transform: rotateY(179deg);
	transform:         rotateY(179deg);
}

.back .ServiceTariffsFlipBack {
	z-index:           802;
	-webkit-transform: rotateX(0) rotateY(0);
	transform:         rotateX(0) rotateY(0);
}

.ServiceTariffsCompareTable {
	display:   flex;
	flex-flow: row wrap;
}

.ServiceTariffsCompareHeader,
.ServiceTariffsCompareLeft,
.ServiceTariffsCompareItem {
	width:           17%;
	justify-content: center;
	padding:         20px 10px;
	box-sizing:      border-box;
	text-align:      center;
	border-bottom:   2px solid #fff;
	transform:       translateZ(60px);
}

.ServiceTariffsCompareLeft,
.ServiceTariffsCompareHeader:first-child,
.ServiceTariffsCompareHeader:nth-last-child(5),
.ServiceTariffsComparePriceLeft {
	width: 32%;
}

.ServiceTariffsComparePriceItem {
	width:           17%;
	justify-content: center;
	padding:         20px 10px;
	box-sizing:      border-box;
	text-align:      center;
	border-bottom:   2px solid #fff;
	z-index:         2;
	font-family:     'BPG Banner ExtraSquare Caps', Arial;
	font-style:      normal;
	font-weight:     bold;
	font-size:       24px;
	line-height:     150%;
}

.ServiceTariffsComparePriceLeft {
	text-align:     left;
	text-transform: uppercase;
	color:          #6600CC;
	font-family:    'BPG Banner ExtraSquare Caps', Arial;
	font-weight:    bold;
	font-size:      18px;
	line-height:    150%;
}

.ServiceTariffsComparePriceLeft,
.ServiceTariffsComparePriceItem {
	background: #F6F3FE;
	color:      #6600CC;
}

.ServiceTariffsComparePriceItem span {
	display:     block;
	text-align:  center;
	color:       #151515;
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-weight: bold;
	font-size:   18px;
	line-height: 150%;
}

.ServiceTariffsCompareLeft {
	text-align:  left;
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 150%;
	padding:     20px;
}

.ServiceTariffsCompareItem {
	position: relative;
}

.ServiceTariffsCompareHeader {
	font-size:   28px;
	line-height: 35px;
	font-weight: bold;
	background:  #fff;
}

.ServiceTariffsCompareTable {
	background: #F9F9F9;
}

.ServiceTariffsCompareItemYes,
.ServiceTariffsCompareItemNo {
	width:     15px;
	height:    15px;
	position:  absolute;
	top:       50%;
	left:      50%;
	transform: translate(-50%, -50%);
}

.ServiceTariffsCompareItemYes {
	left:   50%;
	width:  23px;
	height: 14px;
}

.ServiceTariffsCompareItemNo:before {
	width:      calc(100% * 1.41);
	height:     3px;
	background: #9E9E9E;
	position:   absolute;
	content:    '';
	top:        50%;
	left:       0;
	transform:  rotate(45deg);
}

.ServiceTariffsCompareItemNo:after {
	width:      calc(100% * 1.41);
	height:     3px;
	background: #9E9E9E;
	position:   absolute;
	content:    '';
	top:        50%;
	left:       0;
	transform:  rotate(-45deg);
}

.ServiceTariffsCompareItemYes:before {
	width:      61%;
	height:     3px;
	background: #6600CC;
	position:   absolute;
	content:    '';
	bottom:     -30%;
	left:       6%;;
	transform:  rotate(43deg) translate(-50%, -50%);
}

.ServiceTariffsCompareItemYes:after {
	width:      104%;
	height:     3px;
	background: #6600CC;
	position:   absolute;
	content:    '';
	top:        0;
	right:      -70%;
	transform:  rotate(-40deg) translate(-50%, -50%);
}

.ServiceTariffsCompareMore {
	width:              auto;
	background:         #6600CC;
	font-size:          18px;
	line-height:        20px;
	color:              #FFFFFF;
	padding:            14px 24px;
	text-decoration:    none;
	-webkit-transition: background .3s cubic-bezier(.29, .18, .26, .83);
	transition:         background .3s cubic-bezier(.29, .18, .26, .83);
	text-align:         center;
	font-weight:        400;
	display:            inline-block;
	margin:             auto;
	text-align:         center;
}

.ServiceTariffsCompareMore:hover {
	background:         #27009A;
	-webkit-transition: background .3s cubic-bezier(.29, .18, .26, .83);
	transition:         background .3s cubic-bezier(.29, .18, .26, .83);
}

.ServiceTariffsCompareMore .inline-svg-icon {
	display: none
}

.ServiceFaq__header {
	font-size:     48px;
	line-height:   130%;
	font-weight:   bold;
	margin-bottom: 25px;
}

.ServiceFaqItem {
	padding:       40px 36px 30px 36px;
	border-bottom: 1px solid #e5e5e5;
	margin:        0;
	position:      relative;
	width:         100%;
	box-sizing:    border-box;
}

.ServiceFaqItem input[type=checkbox] {
	position: absolute;
	cursor:   pointer;
	width:    100%;
	height:   100%;
	z-index:  1;
	opacity:  0;
	top:      0;
	margin:   0;
	left:     0;
}

.ServiceFaqItem input[type=checkbox]:checked ~ .ServiceFaqItem__answer {
	margin-top: 0;
	max-height: 0;
	opacity:    0;
	transform:  translate(0, 50%);
}

.ServiceFaqItem__answer {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   24px;
	line-height: 150%;
	position:    relative;
	overflow:    hidden;
	max-height:  800px;
	opacity:     1;
	transform:   translate(0, 0);
	margin-top:  25px;
	z-index:     2;
}

.ServiceFaqItem__question {
	font-size:     24px;
	line-height:   120%;
	color:         #6600cc;
	display:       block;
	margin:        0;
	cursor:        pointer;
	padding-right: 12%;
	position:      relative;
}

.ServiceFaqItems {
	margin-bottom: 115px;
}

.ServiceFaqItem__question:before {
	content:    "";
	position:   absolute;
	right:      0;
	top:        30%;
	background: url('/bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/images/faq.svg') center no-repeat;
	width:      15px;
	height:     15px;
	transition: 0.5s ease;
}

.ServiceFaqItem input[type=checkbox]:checked ~ .ServiceFaqItem__question:before {
	transform:  rotate(180deg);
	transition: 0.5s ease;
}

.ServiceRecommend__header {
	font-size:     48px;
	line-height:   130%;
	font-weight:   bold;
	margin:        auto;
	margin-bottom: 40px;
	max-width:     1380px;
	clear:         both;

}

.ServiceRecommendItem__name {
	font-size:   36px;
	line-height: 120%;
	font-weight: bold;
	color:       #212121;
}

.ServiceRecommend__control {
	max-width:     1380px;
	clear:         both;
	margin:        auto;
	padding:       0 15px;
	position:      relative;
	z-index:       2;
	margin-top:    -70px;
	margin-bottom: 110px;
}

.ServiceRecommendItem__sale {
	position:       absolute;
	color:          #fff;
	background:     #6600cc;
	top:            -30px;
	left:           10px;
	font-size:      16px;
	line-height:    20px;
	text-align:     center;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding:        5px 42px;
}

.ServiceRecommendItem__sale::after {
	content:           '';
	position:          absolute;
	left:              -10px;
	bottom:            -6px;
	width:             10px;
	background:        #6600cc;
	-webkit-transform: skew(-37deg) rotate(-217deg);
	-moz-transform:    skew(-37deg) rotate(-217deg);
	-o-transform:      skew(-37deg) rotate(-217deg);
	transform:         skew(-37deg) rotate(-217deg);
	height:            37px;
}

.ServiceRecommendItem__sale::before {
	/*content: '';*/
	/*position: absolute;*/
	/*left: -10px;*/
	/*bottom: 23px;*/
	/*border: 8px solid transparent;*/
	/*border-top: 8px solid #fff;*/
	/*transform: rotate(135deg);*/
}

.ServiceRecommend__control .flex-control-nav {
	display: none;
}

.ServiceRecommend__control .flex-direction-nav .flex-prev {
	left:  auto;
	right: 30px;
}

.ServiceRecommend {
	width:         100%;
	overflow:      hidden;
	margin-bottom: 100px;
}

.ServiceRecommendList {
	max-width: 1380px;
	clear:     both;
	margin:    auto;
}

.ServiceRecommendItems.flexslider .flex-viewport {
	overflow: visible !important;
}

.ServiceRecommendItem a {
	color:           #151515;
	text-decoration: none;
	display:         flex;
	flex-flow:       row wrap;
	background:      #F9F9F9;
	position:        relative;
	padding:         50px 50px 20px 60px;
	box-sizing:      border-box;
}

.ServiceRecommendItem a {
	width:  90%;
	margin: auto;
}

.ServiceRecommendItem.flex-active-slide a {
	width: 100%;
}

.ServiceRecommendItem__info {
	width: 33.333%;
}

.ServiceRecommendItem__type {
	font-family:    'BPG Banner ExtraSquare Caps', Arial;
	font-size:      12px;
	line-height:    18px;
	text-transform: uppercase;
	font-weight:    bold;
	color:          #212121;
}

.ServiceRecommendItem__description {
	width:       41.667%;
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 150%;
	color:       #212121;
}

.ServiceRecommendItem__more {
	width:          25%;
	float:          left;
	padding:        15px;
	box-sizing:     border-box;
	text-align:     right;
	color:          #6600cc;
	font-size:      16px;
	line-height:    20px;
	font-weight:    bold;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.ServiceRecommendItem__more .arrow {
	width:        29px;
	height:       10px;
	fill:         #6600cc;
	stroke:       #6600cc;
	display:      block;
	margin-right: 0;
	margin-left:  auto;
	margin-top:   20%;
}

.Service__preview h3 {
	font-size:   48px;
	line-height: 130%;
}

.ResultatyItems {
	display:   flex;
	flex-flow: row wrap;
}

.ResultatyItem {
	width: 33%;
}

.Resultaty__name {
	font-size:     32px;
	line-height:   150%;
	color:         #6600CC;
	margin-bottom: 50px;
}

.ResultatyItem > div:not(.Resultaty__name) {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 150%;
	width:       90%;
}

.ResultatyItem li {
	margin-bottom: 15px;
}

.Resultaty {
	margin-bottom: 138px;
}

.ResultsSliderItem__counts {
	display:         flex;
	flex-flow:       row wrap;
	width:           83.333%;
	justify-content: flex-start;
	box-sizing:      border-box;
	padding-left:    30px;
	align-items:     flex-end;
}

.ResultsSliderItem__left img {
	max-width: 100%;
}

.ResultsSliderItem__count div {
	font-size:   18px;
	line-height: 130%;
	color:       #9E9E9E;
	font-weight: bold;
}

.ResultsSliderItem__count span {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 130%;
	font-weight: bold;
}

.ResultsSliderItem__count {
	padding-left:  20px;
	box-sizing:    border-box;
	position:      relative;
	padding-right: 35px;
}

.ResultsSliderItemCount .ResultsSliderItem__info {
	padding-bottom: 60px;
}

.ResultsSliderItemCount .ResultsSliderItem__leftItem {
	margin: 30px 0 0 0;
}

.ResultsTableBlock {
	max-width: 1380px;
	clear:     both;
	margin:    auto;
	position:  relative;
}

.ResultsTableFlex {
	display:   flex;
	flex-flow: row wrap;
}

.ResultsTable {
	width:      50%;
	padding:    15px;
	box-sizing: border-box;
	display:    flex;
}

.ResultsTable > div {
	border:      1px dashed #E0E0E0;
	padding:     45px 57px;
	box-sizing:  border-box;
	width:       100%;
	font-size:   18px;
	line-height: 150%;
}

.ResultsTable:last-child > div {
	border: 1px dashed #6600CC;
}

.ResultsTable > div .h2,
.ResultsTable > div h2 {
	font-weight:   bold;
	font-size:     26px;
	line-height:   120%;
	color:         #6600CC;
	margin-bottom: 5px;
}

.ResultsTable p {
	margin: 7px 0;
}

.ServiceTariffs__top {
	display:        flex;
	flex-flow:      row wrap;
	width:          100%;
	border-bottom:  1px solid #E0E0E0;
	padding-bottom: 15px;
}

.ServiceTariffs__left {
	width:     55%;
	display:   flex;
	flex-flow: row wrap;
}

.Steps__header {
	font-size:     48px;
	line-height:   130%;
	margin-bottom: 30px;
	font-weight:   bold;
	width:         50%;
}

.Steps__help {
	width:                50%;
	text-align:           right;
	font-size:            32px;
	line-height:          150%;
	text-decoration-line: underline;
	cursor:               pointer;
	color:                #6600CC;
}

.StepsNumbers {
	display:       flex;
	flex-flow:     row wrap;
	width:         100%;
	padding:       20px 0 10px 0;
	border-bottom: 2px solid #E0E0E0;
}

.StepsNumber {
	width:       25%;
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 150%;
	text-align:  center;
	cursor:      pointer;
}

.StepsNumbers6 .StepsNumber {
	width: 16.666%;
}

.StepsNumbers5 .StepsNumber {
	width: 20%;
}

.StepsNumbers3 .StepsNumber {
	width: 33.333%;
}

.Steps {
	display:       flex;
	flex-flow:     row wrap;
	margin-bottom: 100px;
}

.StepsItems {
	width:       100%;
	display:     flex;
	flex-flow:   row wrap;
	padding-top: 70px;

}

.Steps__name {
	font-size:   36px;
	line-height: 120%;
	color:       #6600CC;
	font-weight: bold;
}

.StepsItem {
	width:   100%;
	display: none;
}

.StepsItemCurrent {
	display: block;
}

.StepsNumberCurrent {
	color:       #6600cc;
	font-weight: bold;
}

.Steps__text {
	display:   flex;
	flex-flow: row wrap;
	width:     100%;
}

.Steps__description {
	padding-top: 40px;
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size:   18px;
	line-height: 150%;
	width:       60%;
	box-sizing:  border-box;
}

.Steps__description ul li {
	margin-bottom: 25px;
	position:      relative;
	padding-left:  15px;

}

.Steps__description ul {
	list-style: none;
	padding:    0;
	margin:     25px 0;
}

.Steps__description ul li:before {
	content:       '';
	position:      absolute;
	width:         6px;
	height:        6px;
	border-radius: 50%;
	background:    #6600cc;
	top:           11px;
	left:          0;
}

.Steps__img {
	padding:    40px 60px 60px 0;
	width:      40%;
	box-sizing: border-box;
}

.Steps__img img {
	box-shadow: 5px 15px 50px rgba(0, 0, 0, 0.1);
	max-width:  100%;
}

.MiniBanners {
	display:       flex;
	flex-flow:     row wrap;
	width:         100%;
	margin-bottom: 120px;
}

.MiniBanner {
	width:      50%;
	box-sizing: border-box;
	display:    flex;
}

.MiniBanner:nth-child(2n-1) {
	padding-right: 25px;
}

.MiniBanner:nth-child(2n) {
	padding-left: 25px;
}

.MiniBanner > div {
	background: #F9F9F9;
	overflow:   hidden;
	display:    flex;
	flex-flow:  row wrap;
	width:      100%;
	padding:    56px 50px;
	box-sizing: border-box;
	position:   relative;
}

.MiniBanner img {
	position: absolute;
	right:    0;
	top:      0;
}

.MiniBanner__name {
	font-size:   26px;
	line-height: 120%;
	font-weight: bold;
	width:       48%;
	position:    relative;
}

.MiniBanner__btn {
	text-align:      center;
	align-self:      center;
	text-decoration: none;
	position:        relative;
	width:           52%;
	box-sizing:      border-box;
	display:         flex;
	justify-content: flex-end;
}

.MiniBanner__btn > a,
.MiniBanner__btn > div {
	font-size:          20px;
	line-height:        150%;
	text-align:         center;
	text-decoration:    none;
	color:              #FFFFFF;
	width:              auto;
	display:            block;
	cursor:             pointer;
	background:         #6600CC;
	box-shadow:         5px 15px 50px rgba(0, 0, 0, 0.3);
	padding:            10px 25px;
	-webkit-transition: background .3s cubic-bezier(.29, .18, .26, .83);
	transition:         background .3s cubic-bezier(.29, .18, .26, .83);
}

.MiniBanner__btn > a:hover,
.MiniBanner__btn > div:hover {
	background:         #27009A;
	-webkit-transition: background .3s cubic-bezier(.29, .18, .26, .83);
	transition:         background .3s cubic-bezier(.29, .18, .26, .83);
}

.BannerScream {
	background:    rgba(255, 255, 255, 0.95);
	box-shadow:    5px 5px 30px rgba(0, 0, 0, 0.15);
	border-radius: 14px;
	width:         313px;
	position:      absolute;
	top:           52%;
	right:         17%;
	z-index:       6;
}

.BannerScream .BannerScreamHead {
	background:                 rgba(255, 255, 255, 0.9);
	color:                      #6600cc;
	padding:                    7px 30px;
	width:                      100%;
	box-sizing:                 border-box;
	border-radius:              14px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius:  0;
}

.BannerScream > div:not(.BannerScreamHead) {
	padding: 10px 20px 20px 20px;
}

.Banner {
	position: relative;

	overflow: hidden;
}

.Banner.PROCENT {
	margin-bottom: 150px;
	background:    linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%), #212121;
}

.Banner.PROCENT img {
	position:       absolute;
	right:          10%;
	bottom:         0;
	z-index:        4;
	pointer-events: none;
}

.Banner__info {
	padding:    84px 0;
	max-width:  1380px;
	clear:      both;
	margin:     auto;
	position:   relative;
	display:    flex;
	flex-flow:  row wrap;
	box-sizing: border-box;
}

.PROCENT .Banner__name {
	width:       100%;
	font-size:   48px;
	line-height: 130%;
	color:       #FFFFFF;
	font-weight: bold;
	z-index:     7;
	position:    relative;
}

.BannerButtonBlock {
	margin-top: 60px;
	width:      100%;
	z-index:    6;
}

.PROCENT .BannerButtonBlock .BannerButtonBlock__button {
	background:         #56BB5A;
	box-shadow:         0px 0px 55px #549A57;
	color:              #fff;
	font-size:          20px;
	line-height:        150%;
	text-align:         center;
	text-decoration:    none;
	padding:            12px 30px;
	cursor:             pointer;
	display:            inline-block;
	-webkit-transition: background .3s cubic-bezier(.29, .18, .26, .83);
	transition:         background .3s cubic-bezier(.29, .18, .26, .83);
}

.PROCENT .Banner__description {
	color:         #fff;
	margin-bottom: 12px;
	font-size:     18px;
	line-height:   130%;
}

.BannerBlur {
	position:   absolute;
	right:      5%;
	bottom:     -25%;
	width:      424px;
	height:     150%;
	background: #6600CC;
	opacity:    0.7;
	filter:     blur(250px);
}

.BannerBigProcent {
	width:           135px;
	height:          167px;
	top:             -3%;
	right:           -8%;
	position:        absolute;
	background:      url("/bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/images/percentsBig.png");
	background-size: 100%;
}

.BannerLeftProcent {
	width:           93px;
	height:          77px;
	top:             20%;
	right:           27.5%;
	position:        absolute;
	background:      url('/bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/images/percentsLeft.png');
	background-size: 100%;
}

.BannerCenterProcent {
	width:           51px;
	height:          62px;
	top:             60%;
	right:           7%;
	position:        absolute;
	background:      url('/bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/images/percentsCenter.png');
	background-size: 100%;
}

.BannerBottomProcent {
	width:           36px;
	height:          30px;
	bottom:          3%;
	right:           -3%;
	position:        absolute;
	background:      url('/bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/images/percentsBottom.png');
	background-size: 100%;
}

.moveVertical,
.moveHorizontal {
	transition: transform 0.1s linear;
}

.Banner.VR {
	background:    #151515;
	background:    url("/bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/images/VR.jpg") center;
	margin-bottom: 100px;
}

.VR .Banner__info {
	justify-content: flex-end;
}

.VR .Banner__name {
	font-weight: bold;
	font-size:   48px;
	line-height: 130%;
	color:       #FFFFFF;
}

.VR .Banner__text {
	width: auto;
	z-index: 3;
}

.VR .BannerButtonBlock__button {
	background:         #56BB5A;
	box-shadow:         0px 0px 55px #549A57;
	color:              #fff;
	font-size:          20px;
	line-height:        150%;
	text-align:         center;
	text-decoration:    none;
	padding:            12px 30px;
	cursor:             pointer;
	display:            inline-block;
	-webkit-transition: background .3s cubic-bezier(.29, .18, .26, .83);
	transition:         background .3s cubic-bezier(.29, .18, .26, .83);
}

.BannerWords1,
.BannerWords2,
.BannerWords3,
.BannerWords4,
.BannerWords5,
.BannerWords6 {
	position: absolute;
}

.VR .Banner__info > img {
	position: absolute;
	left:     10%;
	bottom:   0;
}

.PROCENT .BannerButtonBlock .BannerButtonBlock__button:hover,
.VR .BannerButtonBlock .BannerButtonBlock__button:hover {
	background:         #389D3C;
	-webkit-transition: background .3s cubic-bezier(.29, .18, .26, .83);
	transition:         background .3s cubic-bezier(.29, .18, .26, .83);
}

.BannerWords1 {
	filter:         blur(1px);
	color:          #fff;
	font-size:      24px;
	text-transform: lowercase;
	left:           5%;
	border-bottom:  1px solid #fff;
	top:            20%;
}

.BannerWords2 {
	filter:         blur(1px);
	color:          #fff;
	font-size:      16px;
	text-transform: lowercase;
	left:           -3%;
	top:            32%;
	border-bottom:  1px solid #fff;
}

.BannerWords3 {
	filter:         blur(1px);
	color:          #fff;
	font-size:      16px;
	text-transform: lowercase;
	left:           -1%;
	top:            41%;
	border-bottom:  1px solid #fff;
}

.BannerWords4 {
	filter:         blur(1px);
	color:          #fff;
	font-size:      18px;
	text-transform: lowercase;
	left:           -8%;
	top:            51%;
	border-bottom:  1px solid #fff;
}

.BannerWords5 {
	filter:         blur(1px);
	color:          #fff;
	font-size:      16px;
	text-transform: lowercase;
	left:           0;
	top:            62%;
	border-bottom:  1px solid #fff;
}

.BannerWords6 {
	filter:         blur(1px);
	color:          #fff;
	font-size:      24px;
	text-transform: lowercase;
	left:           -1%;
	top:            72%;
	border-bottom:  1px solid #fff;
}

.ServiceFull {
	width: 100%;

}

.ServiceFull img {
	max-width: 100%;
}

.ServiceTextCrm__text {
	font-size:   18px;
	line-height: 150%;
}

.ServiceTextCrm {
	margin-top: 60px;
	width:      100%;
}

.ServiceTextCrm__header {
	font-size:     48px;
	line-height:   130%;
	margin-bottom: 30px;
	font-weight:   bold;
}

.w-100 {
	width: 100%;
}

.w-100 img {
	max-width: 100%;
	width:     50%;
}

.w-50 img {
	max-width: 100%;
	width:     auto;
}

@media (max-width: 1380px) {
	.ResultsSliderItem__resultBlock {
		padding: 35px 15px;
	}

	.Progress_color_black .Progress {
		padding: 80px 15px 120px 15px;
	}

	.Banner__info {
		padding: 84px 15px;
	}

	.ServiceRecommend {
		padding:    0 15px;
		box-sizing: border-box;
	}
}

@media (max-width: 1400px) {
	.ServiceComplex__svg {
		width: 50%;
	}

	.ServiceComplex__item_number_1 {
		margin-top: 17.5%;
	}

	.ServiceComplex__item_number_2 {
		margin-top: -9%;
	}

	.ServiceComplex__item_number_3 {
		margin-top: 7%;
	}

	.ServiceComplex__item_number_4 {
		margin-top: 0;
	}

}

@media (max-width: 1350px) {
	.ServiceComplex__item_number_2 {
		margin-top: -10%;
	}

	.ServiceComplex__item_number_3 {
		margin-top: 6%;
	}

}

@media (max-width: 1300px) {
	.ServiceComplex__item_number_2 {
		margin-top: -11%;
	}

	.ServiceComplex__item_number_3 {
		margin-top: 5%;
	}

	.ServiceComplex__item_number_4 {
		margin-top: -2%;
	}

	.ServiceTariffs__more {
		padding: 17px 44px;
	}

}

@media (max-width: 1250px) {
	.ServiceComplex__svg {
		width: 47%;
		left:  41.7%;
	}

	.ServiceComplex__item_number_1 {
		margin-top: 16.5%;
	}

	.ServiceComplex__item_number_2 {
		margin-top: -13%;
	}

	.ServiceComplex__item_number_3 {
		margin-top: 2%;
	}

	.ServiceComplex__item_number_4 {
		margin-top: -3%;
	}

}

@media (max-width: 1200px) {

	.ServiceComplex__name h2 {
		font-size: 24px;
	}

	.ServiceComplex__text {
		font-size: 15px;
	}

	.ServiceTariffs__item > div {
		padding: 38px 36px 10px 34px;
	}

	.headerBlock__rightLink .header {
		font-size: 20px;
	}

	.ServiceTariffs__left {
		width: calc(100% - 140px);
	}

	.ServiceTariffs__context .ServiceTariffs__right {
		width: 140px;
	}

	.ServiceTariffs__price p {
		font-size: 14px;
	}

	.ServiceTariffs__context .ServiceTariffs__price,
	.ServiceTariffs__description {
		font-size: 16px;
	}

	.ServiceTariffs__name {
		font-size: 24px;
	}

	.Progress_color_black .ProgressItem {
		padding:    0 15px 20px 15px;
		box-sizing: border-box;
	}

	.ProgressItem__name {
		font-size: 16px;
	}

	.Guaranty__info {
		padding: 43px 23px 33px 23px;
	}

	.VR .Banner__name {
		font-size: 40px;
	}

	.ServiceRecommendItem__name {
		font-size: 32px;
	}

}

@media (max-width: 1150px) {
	.ServiceComplex__number {
		font-size: 24px;

	}

	.ServiceComplex__description {
		font-size: 15px;
	}

	.ServiceComplex__text p {
		margin: 3px 0;
	}

	.ServiceTariffs__more {
		padding:   14px 30px;
		font-size: 18px;
	}
}

@media (max-width: 1070px) {

	.ServiceComplex {
		display:   flex;
		flex-flow: row wrap;
	}

	.ServiceComplex__name h2 {
		width: 85%;
	}

	.ServiceComplex__text {
		padding-right: 6%;
	}

	.ServiceComplex__counts {
		margin-top: 7px;
	}

	.ServiceComplex__item_number_4 {
		margin-top: -1%;
	}

	.ServiceTariffs__price {
		font-size: 22px;
	}
}

@media (max-width: 1010px) {
	.ServiceComplex__svg {
		left: 42.7%;
	}

	.ServiceComplex__item_number_2 {
		margin-top: -8%;
	}

	.ServiceComplex__item_number_3 {
		margin-top: 7%;
	}

	.ServiceComplex__counts {
		display: none;
	}

	.ServiceComplex__item_number_4 {
		margin-top: 0;
	}

	.ServiceComplex__name h2 {
		font-size: 23px;
	}

}

@media (max-width: 970px) {
	.ServiceComplex__item_number_2 {
		margin-top: -13%;
	}

	.ServiceComplex__item_number_3 {
		margin-top: 2%;
	}

	.ServiceComplex__text {
		padding-right: 4%;
	}

	.ServiceComplex__item_number_4 {
		margin-top: -2%;
	}

	.Service .Service__header {
		width: 80%;
	}

}

@media (max-width: 910px) {
	.ServiceComplex__text {
		font-size: 14px;
	}

	.ServiceComplex__name h2 {
		font-size: 21px;
	}

	.ServiceComplex__svg {
		left:  44.7%;
		width: 43%;
	}

	.ServiceComplex__item_number_1 {
		margin-top: 14.5%;
	}

	.ServiceComplex__item_number_2 {
		margin-top: -9%;
	}

	.ServiceComplex__item_number_3 {
		margin-top: 4%;
	}

	.ServiceComplex__item_number_4 {
		margin-top: 1%;
	}

}

@media (max-width: 890px) {

	.ServiceComplex__text {
		padding-right: 0%;
	}

	.ServiceComplex__item_number_2 {
		margin-top: -8%;
	}

	.ServiceComplex__item_number_3 {
		margin-top: 6%;
	}

	.ServiceComplex__item_number_4 {
		margin-top: -1%;
	}
}

@media (max-width: 880px) {

	@keyframes color-pulse {
		0% {

			background-position: 0;
		}

		50% {

			background-position: 100%;

		}

		100% {

			background-position: 0;
		}
	}

	.ServiceComplex__item {
		position: relative;
	}

	.ServiceComplex__item_number_1 .ServiceComplex__text,
	.ServiceComplex__item_number_3 .ServiceComplex__text {
		position:   absolute;
		width:      77%;
		z-index:    2;
		background: #fff;
		border:     1px solid #e5e5e5;
		box-shadow: 5px 4px 20px -2px #6d6c6c;
		padding:    20px;
		box-sizing: border-box;
		display:    none;
		left:       -50%;
		top:        -100%;
	}

	.ServiceComplex__item_number_0 .ServiceComplex__text,
	.ServiceComplex__item_number_2 .ServiceComplex__text,
	.ServiceComplex__item_number_4 .ServiceComplex__text {
		position:   absolute;
		width:      77%;
		z-index:    2;
		background: #fff;
		border:     1px solid #e5e5e5;
		box-shadow: 5px 4px 20px -2px #6d6c6c;
		padding:    20px;
		box-sizing: border-box;
		display:    none;
		right:      -36%;
		top:        -56%;
	}

	.ServiceComplex__item_number_1 .ServiceComplex__text:before,
	.ServiceComplex__item_number_3 .ServiceComplex__text:before {
		content:       "";
		position:      absolute;
		right:         -18px;
		top:           50%;
		width:         0;
		height:        0;
		border-left:   12px solid transparent;
		border-bottom: 13px solid #fff;
		border-right:  12px solid transparent;
		transform:     rotate(90deg);
	}

	.ServiceComplex__item_number_0 .ServiceComplex__text:before,
	.ServiceComplex__item_number_2 .ServiceComplex__text:before,
	.ServiceComplex__item_number_4 .ServiceComplex__text:before {
		content:       "";
		position:      absolute;
		left:          -18px;
		top:           50%;
		width:         0;
		height:        0;
		border-left:   12px solid transparent;
		border-bottom: 13px solid #fff;
		border-right:  12px solid transparent;
		transform:     rotate(-90deg);
	}

	.ServiceComplex__item_number_2 {
		margin-top: 5%;
	}

	.ServiceComplex__item_number_3 {
		margin-top: 19%;
	}

	.ServiceComplex__item_number_4 {
		margin-top: 7%;
	}

	.ServiceComplex__name h2 {
		/*-webkit-transition: all 333ms cubic-bezier(.47,0,.745,.715);*/
		/*transition: all 333ms cubic-bezier(.47,0,.745,.715);*/
		background-image:        -webkit-gradient(linear, right top, left top, from(#4e009c), color-stop(49.99%, #4e009c), color-stop(50%, #6600CC), to(#6600CC));
		background-image:        -webkit-linear-gradient(right, #4e009c 0%, #4e009c 49.99%, #6600CC 50%, #6600CC 100%);
		/* background-image: linear-gradient(-90deg,#000 0%,#000 49.99%,#6600CC 50%,#6600CC 100%); */
		background-size:         200%;
		background-repeat:       no-repeat;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-position:     100%;

		animation:               color-pulse 3s cubic-bezier(.47, 0, .745, .715) infinite;
	}
}

@media (max-width: 1000px) {
	.Service h1,
	.Service .Service__header div {
		font-size: 36px;
	}

	.Progress__header h2, .Progress__header__h2, .ServiceBlock__header, .Professionals__header h2, .Professionals__header__h2 {
		font-size: 32px;
	}

	.Progress__specification {
		width:     100%;
		font-size: 18px;
	}

	.ProgressItem {
		padding: 10px;
	}

	.ProgressItem__name {
		font-size: 14px;
	}

}

@media (max-width: 1270px) {

	.flexslider .slides img {
		max-width: 100%;
	}

	.ResultsSliderItem__leftItem {
		font-size: 16px;
	}

	.ResultsSliderItem__graph {
		width: 50%;
	}

	.ResultsSliderItem__right {
		width: 33.33%;
	}

	.ResultsSliderItem__rightValueL, .ResultsSliderItem__rightValueR, .ResultsSliderItem__resultItem {
		font-size: 16px;
	}

	.ResultsSliderItem__rightNameL, .ResultsSliderItem__rightNameR, .ResultsSliderItem__graphName, .ResultsSliderItem__resultName {
		font-size: 20px;
	}
}

@media (max-width: 1070px) {

	.ResultsSliderItem__rightValueL, .ResultsSliderItem__rightValueR {
		line-height: 16px;
	}

	.ResultsSliderItem__right {
		width: 25%;
	}

	.ResultsSliderItem__leftItem {
		font-size: 12px;
	}

	.ResultsSliderItem__rightNameL, .ResultsSliderItem__rightNameR {
		width: 50%;
	}

	.ResultsSliderItem__rightValueL {
		width: 90%;
	}

	.ResultsSliderItem__rightValueR {
		width: 10%;
	}

	.ResultsSliderItem__rightValueL, .ResultsSliderItem__rightValueR {
		font-size: 14px;
	}

	.ResultsSliderItem__graph {
		width: 58.333%;
	}
}

@media (max-width: 890px) {

	.ResultsSliderItem__left {
		width:     100%;
		display:   flex;
		flex-flow: row wrap;
	}

	.ResultsSliderItem__graph {
		width:      75%;
		margin-top: 20px;
	}

	.ResultsSliderItem__right {
		margin-top: 20px;
	}

	.ResultsSliderItem__info {
		flex-flow: row wrap;
	}

	.ResultsSliderItem__leftItem {
		margin: 0 30px;
	}
}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

	.ServiceTariffs__help {
		font-size: 24px;
	}

	.Portfolio__header {
		font-size: 32px;
	}

	.PortfolioItem__description {
		font-size: 16px;
	}

	.PortfolioItem__name {
		font-size: 26px;
	}

	.PortfolioItem__more {
		font-size:     14px;
		padding-right: 30px;
	}

	.PortfolioItem__more:before {
		width:           22px;
		background-size: 100%;
	}

	.PortfolioItem_code_sout .PortfolioItem__img:before {
		display: none;
	}

	.PortfolioItem__img img {
		min-height: auto;
		width:      100%;

	}

	.PortfolioItem_code_marker .PortfolioItem__img, .PortfolioItem_code_sout .PortfolioItem__img, .PortfolioItem_code_szr .PortfolioItem__img {
		display: block;
	}

	.ServiceTariffs__right, .ServiceTariffs__description, .ServiceTariffs__name {
		width: 100%;
	}

	.ServiceTariffs__right {
		justify-content: center;
	}

	.ServiceTariffs__tag {
		right: 15px;
		top:   20px;
	}

	.ServiceTariffs__number {
		right:       -10px;
		font-size:   200px;
		line-height: 150px;
	}

	.Works__info,
	.Advantages__info {
		margin-right: 20px;
	}

	.Guaranty__description {
		font-size: 16px;
		width:     100%;
	}

	.Guaranty__name {
		font-size:     18px;
		padding-right: 15px;
	}

	.Guaranty__info {
		padding: 25px 20px;
	}

	.PROCENT .Banner__name {
		font-size: 30px;
	}

	.VR .Banner__info > img {
		height: 100%;
	}

	.VR .Banner__name {
		font-size: 26px;
	}

	.ServiceFaq__header,
	.Guaranty__header h2,
	.Steps__header,
	.ServiceTariffs__header h2,
	.Works__header h2, .Advantages__header,
	.Results__header h2,
	.Service__preview h3,
	.ServiceRecommend__header {
		font-size: 30px;
	}

	.ServiceFaqItem__answer,
	.ServiceFaqItem__question {
		font-size: 18px;
	}

	.Progress_color_black .Progress {
		padding-bottom: 70px;
	}

	.Results, .Works, .Advantages, .Progress_color_black, .Banner.PROCENT {
		margin-bottom: 70px;
	}

	.Resultaty__name {
		font-size: 20px;
	}

	.ResultatyItem > div:not(.Resultaty__name) {
		font-size: 16px;
	}

	.ResultatyItem {
		width: 50%;
	}

	.Service__preview {
		width:     80%;
		font-size: 16px;
		margin-bottom: 40px;
	}

	.ServiceRecommendItem__name {
		font-size: 20px;
	}

	.ServiceRecommendItem__description {
		font-size: 16px;
	}

	.ServiceRecommendItem__type {
		font-size: 10px;
	}

	.flex-direction-nav .flex-next {
		right: 0;
	}

	.MiniBanner > div {
		padding: 46px 30px;
	}

	.MiniBanner__name {
		font-size: 20px;
	}

	.MiniBanner__btn > a,
	.MiniBanner__btn > div {
		font-size:   14px;
		line-height: 130%;
		padding:     10px 15px;
	}

	.Steps__description {
		font-size: 16px;
	}

	.Steps__description ul li {
		margin-bottom: 10px;
	}

	.Steps__name {
		font-size: 26px;
	}

	.StepsNumber {
		font-size: 16px;
	}

	.Steps__help {
		font-size: 26px;
	}

	.Progress_color_black .Progress__specification {
		padding-right: 20px;
		font-size:     16px;
	}

	.ServiceTariffs__more {
		padding:   10px 17px;
		font-size: 15px;
	}

	.ServiceTariffs__context .ServiceTariffs__right {
		width: 100px;
	}

	.ServiceTariffs__left {
		width: calc(100% - 100px);
	}

	.ServiceTariffs__context .ServiceTariffs__price:nth-child(3) {
		padding-left: 15px;
	}

	.ServiceTariffs__item:nth-child(2n - 1) {
		padding-right: 10px;
	}

	.ServiceTariffs__item:nth-child(2n) {
		padding-left: 10px;
	}

	.Works__name, .Advantages__name {
		font-size: 18px;
	}

	.Works__info *:not(.Works__name), .Advantages__info *:not(.Advantages__name) {
		font-size: 16px;
	}

	.ResultsSliderItem__counts {
		width:     100%;
		flex-wrap: nowrap;
	}

	.ResultsSliderItem__count {
		margin-top: 20px;
	}

	.ResultsSliderItem__left img {
		align-self: flex-end;
	}

	.ResultsSliderItemCount .ResultsSliderItem__leftItem {
		margin-left: 20px;
	}

	.ResultsSliderItem__count span {
		font-size: 16px;
	}

	.ResultsSliderItem__count:before {
		top: 10px;
	}

	.InTariffItem {
		width: 50%;
	}

	.ResultsTable > div {
		padding:   25px 17px;
		font-size: 16px;
	}

	.ResultsTable > div .h2, .ResultsTable > div h2 {
		font-size: 22px;
	}

	.ResultsSliderItem__resultItem {
		padding-left: 0;
	}

	.InTariffItemName {
		font-size: 22px;
	}

	.InTariffItem > div {
		font-size: 16px;
	}
}

@media (max-width: 767px) {

	.ServiceTextCrm {
		width: 100%;
	}

	.ServiceTextCrm__text {
		font-size: 14px;
	}

	.ServiceTextCrm__header {
		font-size: 20px;
		padding:   0;
	}

	.headerBlock__rightLink.h1_top {
		display: none;
	}

	.Service .Service__header div {
		display: none;
	}

	.ServiceTariffs__name,
	.ServiceTariffs__price {
		font-size: 20px;
	}

	.ServiceTariffs__description,
	.ServiceTariffs__price p,
	.ServiceTariffs__more {
		font-size: 16px;
	}

	.ServiceTariffs__item > div {
		padding: 18px 20px 10px 24px;
	}

	.ServiceTariffs__tag {
		font-size: 10px;
		padding:   5px 8px;
		right:     10px;
		top:       8px;
	}

	.Service .Service__header {
		width: 100%;
	}

	.Progress__header h2, .Progress__header__h2, .ServiceBlock__header, .Professionals__header h2, .Professionals__header__h2 {
		font-size: 20px;
		padding:   0;
	}

	.ProgressItem {
		width:   50%;
		padding: 10px 15px;
	}

	.ServiceBlockItems {
		width: 100%;
	}

	.Progress__specification,
	.ServiceBlock__specification {
		width:     100%;
		font-size: 14px;
		padding:   0 0 25px 0;
	}

	.ProgressItems {
		width:  calc(100% + 30px);
		margin: 0 -15px;
	}

	.Service h1 {
		font-size: 22px;
	}

	.Service__preview {
		width:         100%;
		margin-bottom: 10px;
		font-size:     14px;
	}

	.ProfessionalsItem__name {
		font-size: 16px;
		width:     100%;
	}

	.ProfessionalsItem__text {
		font-size: 14px;
		width:     100%;
	}

	.Portfolio__header {
		font-size: 20px;
	}

	.PortfolioItem__tags ul {
		padding: 8px 0;
	}

	.PortfolioItem__img,
	.PortfolioItem__info {
		width: 100%;
	}

	.PortfolioItem__img img {
		min-height: auto;
		width:      100%;
	}

	.PortfolioItem__info {
		padding: 15px 0;
	}

	.PortfolioItem {
		margin: 30px 0;
	}

	/*.PortfolioItem_code_sout .PortfolioItem__img img {*/
		/*height:  100%;*/
		/*display: none;*/
	/*}*/

	.PortfolioItem__tags {
		font-size: 13px;
	}

	.PortfolioItem__tags ul li {
		padding-right: 10px;
	}

	.PortfolioItem__name {
		font-size: 18px;
	}

	.PortfolioItem__description {
		font-size: 14px;
	}

	.PortfolioItem__more {
		font-size: 13px;
	}

	.Portfolio {
		margin: 0;
	}

	.ProfessionalsItem {
		width:          100%;
		padding-bottom: 30px;
	}

	.ProfessionalsBlock {
		padding:    30px 0 40px 0;
		margin-top: 30px;
	}

	.ServiceComplex__svg {
		display: none;
	}

	.ServiceComplex__item {
		width: 100%;
	}

	.ServiceComplex__text {
		display:    block !important;
		position:   relative !important;
		left:       0 !important;
		right:      0 !important;
		top:        0 !important;
		border:     none !important;
		box-shadow: none !important;
		width:      100% !important;
		padding:    0 !important;
	}

	.ServiceComplex__counts {
		display: block;
	}

	.ServiceComplex__item {
		padding:    0 !important;
		margin-top: 30px !important;
	}

	.ServiceComplex__image {
		display: block;
		width:   calc(100% + 30px);
		margin:  10px -15px;
	}

	.ServiceComplex__image svg {
		width:  100%;
		height: auto;
	}

	.ServiceBlockItem {
		font-size: 14px;
	}

	.ServiceWhy__header h2,
	.Guaranty__header h2,
	.Results__header h2,
	.Works__header h2,
	.Advantages__header,
	.ServiceTariffs__header h2 {
		font-size: 20px;
		padding:   0;
	}

	.ServiceWhy__name,
	.ServiceWhy__description {
		width: 100%;
	}

	.ServiceWhy__description {
		font-size: 14px;
	}

	.ServiceWhy__name {
		font-size: 16px;
	}

	.ServiceWhy__item {
		margin-bottom: 30px;
	}

	.ServiceWhy__description ul {
		margin: 0;
	}

	.Progress_color_black {
		padding:       40px 0 0 0;
		margin-bottom: 50px;
	}

	.Progress_color_black .Progress__specification,
	.Progress_color_black .ProgressItems {
		width: 100%;
	}

	.Progress_color_black .Progress {
		padding-bottom: 20px;
		padding:        0 15px 20px 15px;
	}

	.ResultsSliderItem__resultBlock {
		padding: 35px 15px;
	}

	.WorksItem,
	.AdvantagesItem {
		width: 50%;
	}

	.Works__name,
	.Advantages__name {
		font-size: 16px;
	}

	.Works__info *:not(.Works__name),
	.Advantages__info *:not(.Advantages__name) {
		font-size: 14px;
	}

	.Works__info,
	.Advantages__info {
		margin-right: 10px;
	}

	.Works,
	.Advantages {
		margin-bottom: 50px;
	}

	.Results__header h2 {
		padding: 0 15px;
	}

	.ResultsSliderItem__graph {
		width: 70%;
	}

	.ResultsSliderItem__left {
		width:   30%;
		display: block;
	}

	.ResultsSliderItem__right {
		width: 100%;
	}

	.ResultsSliderItem__leftItem {
		margin: 30px 0 40px 0;
	}

	.ResultsSliderItem__rightValueL, .ResultsSliderItem__rightValueR {
		margin-bottom: 5px;
	}

	.ResultsSliderItem__rightNameL, .ResultsSliderItem__rightNameR {
		margin-bottom: 8px;
		font-size:     16px;
	}

	.ResultsSliderItem__graphName {
		font-size:   16px;
		line-height: 1px;
	}

	.ResultsSliderItem__resultItem {
		font-size: 14px;
	}

	.ResultsSliderItem__resultName {
		font-size:     16px;
		margin-bottom: 5px;
	}

	.ResultsSliderItem__resultItem ul li {
		margin-bottom: 5px;
	}

	.ResultsSliderItem__graph {
		margin-top: 0;
	}

	.ResultsSliderItem__info {
		padding-top:     13%;
		background-size: auto 100%;
	}

	.ResultControl .flex-direction-nav a {
		height: 24px;
	}

	.ResultControl .flex-direction-nav .flex-prev {
		right: 45px;
	}

	.ResultsSliderItem__leftItem div {
		font-size: 14px;
	}

	.flexslider .slides img {
		width: 100px;
	}

	.Guaranty__info {
		padding: 20px 15px;
		width:   100%;
	}

	.Guaranty__name {
		font-size: 16px;
		padding-bottom: 20px;
	}

	.Guaranty__description {
		font-size: 14px;
		padding-top: 20px;
	}

	.Guaranty__description ul li {
		margin-bottom: 8px;
	}

	.Guaranty,
	.Results {
		margin-bottom: 50px;
	}

	.ServiceTariffs__help {
		width:         50%;
		text-align:    right;
		font-size:     16px;
		margin-bottom: 30px;
	}

	.ServiceTariffsCompareLeft {
		font-size:   12px;
		line-height: 120%;
	}

	.ServiceTariffsCompareHeader {
		font-size:   14px;
		line-height: 20px;
	}

	.ServiceTariffsCompareHeader img {
		display: none;
	}

	.ServiceTariffsCompareItemYes:after {
		height: 2px;
	}

	.ServiceTariffsCompareItemYes:before {
		height: 2px;
		bottom: -20%;
	}

	.ServiceTariffsCompareItemNo:after {
		height: 2px;
		left:   -4px;
	}

	.ServiceTariffsCompareItemNo:before {
		height: 2px;
		left:   -4px;
	}

	.ServiceTariffsCompareMore {
		font-size:   0;
		padding:     8px 6px;
		line-height: 0;
	}

	.ServiceTariffsCompareMore .inline-svg-icon {
		display: block;
		fill:    #fff;
		stroke:  #fff;
		width:   24px;
		height:  10px;
	}

	.ServiceTariffsCompareHeader, .ServiceTariffsCompareLeft, .ServiceTariffsCompareItem {
		padding: 10px 5px;
	}

	.ServiceTariffsCompareLeft {
		padding: 10px;
	}

	.ServiceTariffsComparePriceItem {
		padding:     10px 5px;
		font-size:   12px;
		line-height: 120%;
	}

	.ServiceTariffsComparePriceItem span {
		font-size:   10px;
		line-height: 110%;
	}

	.ResultatyItem {
		width: 100%;
	}

	.Resultaty__name {
		font-size:     18px;
		margin-bottom: 10px;
	}

	.Resultaty {
		margin-bottom: 50px;
	}

	.ResultatyItem > div:not(.Resultaty__name) {
		font-size: 14px;
		width:     100%;
	}

	.ResultsSliderItem__counts {
		flex-wrap: wrap;
	}

	.ResultsSliderItem__count {
		width: 100%;
	}

	.ResultControl {
		margin-top: 0;
	}

	.ResultControl .flex-direction-nav a {
		top: -22px;
	}

	.Steps__img {
		padding: 20px 0 20px 0;
		width:   100%;
	}

	.Steps__description {
		padding-top: 20px;
		width:       100%;
	}

	.ServiceTariffs__context .ServiceTariffs__price, .ServiceTariffs__description {
		font-size: 14px;
	}

	.ServiceTariffs__context .ServiceTariffs__price p {
		font-size:  10px;
		margin-top: 5px;
	}

	.ServiceTariffs__more {
		padding:   6px 15px;
		font-size: 12px;
	}

	.ServiceTariffs__description ul li:before {
		width:  5px;
		height: 5px;
		top:    4px;
	}

	.Steps__description ul li:before {
		width:  5px;
		height: 5px;
		top:    7px;
	}

	.ServiceTariffs,
	.Steps,
	.MiniBanners {
		margin-bottom: 20px;
	}

	.Progress_color_black .Progress__specification {
		font-size: 14px;
	}

	.Steps__header {
		font-size: 20px;
	}

	.Steps__help {
		font-size: 16px;
	}

	.StepsNumber,
	.Steps__description {
		font-size:   14px;
		line-height: 140%;
	}

	.Steps__name,
	.MiniBanner__name {
		font-size: 18px;
	}

	.MiniBanner {
		width: 100%;
	}

	.MiniBanner:nth-child(2n-1),
	.MiniBanner:nth-child(2n) {
		padding: 0;
		margin:  15px 0;
	}

	.MiniBanner > div {
		padding: 46px 15px;
	}

	.move-container {
		z-index: 2;
		opacity: 0.4;
	}

	.BannerScream {
		width:    290px;
		position: absolute;
		bottom:   18%;
		left:     15px;
		height:   120px;
	}

	.BannerBlur {
		display: none;
	}

	.BannerButtonBlock {
		position: relative;
		z-index:  6;
	}

	.PROCENT .Banner__name,
	.VR .Banner__name {
		font-size: 20px;
	}

	.PROCENT .Banner__description {
		font-size: 14px;
		width:     100%;
	}

	.Banner__info {
		justify-content: center;
		padding:         34px 15px;
	}

	.Banner.PROCENT {
		margin-bottom: 50px;
	}

	.Banner.PROCENT img {
		position: relative;
		right:    auto;
		bottom:   -34px;
	}

	.Guaranty__header h2 {
		margin-bottom: 20px;
	}

	.VR .Banner__text {
		width:    auto;
		position: relative;
		z-index:  3;
	}

	.BannerButtonBlock {
		position: relative;
		z-index:  6;
	}

	.PROCENT .BannerButtonBlock .BannerButtonBlock__button,
	.VR .BannerButtonBlock__button {
		font-size: 14px;
		padding:   9px 17px;
	}

	.VR .Banner__info > img {
		right: 0;
		left:  auto;
	}

	.Banner.VR {
		margin-bottom: 20px;
	}

	.ServiceFaqItems {
		margin-bottom: 50px;
	}

	.VR .Banner__info {
		justify-content: flex-start;
	}

	.ServiceFaq__header,
	.ServiceRecommend__header,
	.Service__preview h3 {
		font-size: 20px;
	}

	.ServiceFaqItem__answer, .ServiceFaqItem__question {
		font-size: 14px;
	}

	.ServiceFaqItem {
		padding: 20px 16px 10px 16px;
	}

	.ServiceFaqItem__question:before {
		width:           10px;
		height:          10px;
		background-size: 100%;
	}

	.ServiceRecommendItem__type {
		margin-bottom: 10px;
	}

	.ServiceRecommendItem__name {
		font-size: 20px;
	}

	.ServiceRecommendItem__description {
		font-size: 14px;
		padding:   15px 0;
	}

	.ServiceRecommendItem__info, .ServiceRecommendItem__description, .ServiceRecommendItem__more {
		width: 100%;
	}

	.ServiceRecommendItem__more {
		padding:    15px 0;
		font-size:  14px;
		text-align: left;
	}

	.ServiceRecommendItem a {
		padding: 15px;
	}

	.ServiceRecommendItem__more .arrow {
		margin:  0;
		display: inline-block;
	}

	.flex-direction-nav a {
		width:  30px;
		height: 20px;
		top:    3px;
	}

	.ServiceRecommend {
		margin-bottom: 50px;
	}

	.w-100 img {
		width: 100%;
	}

	.marquiz__container_inline .marquiz__button {
		display: none !important;
	}

	.marquiz__container_inline .marquiz__inline-frame {
		display: block !important;
	}

	.w-50 {
		width: 100%;
	}

	.InTariffItem {
		width: 100%;
	}

	.ResultsTable {
		width: 100%;
	}

	.ResultsTable > div {
		padding:   25px 17px;
		font-size: 14px;
	}

	.ResultsTable > div .h2, .ResultsTable > div h2 {
		font-size: 18px;
	}

	.ResultsSliderItem__resultItem {
		padding-left: 0;
	}

	.InTariffItemName {
		font-size: 18px;
	}

	.InTariffItem > div {
		font-size: 14px;
	}
}

@media (max-width: 660px) {
	.ResultsSliderItem__left {
		width:      100%;
		margin-top: 20px;
	}

	.ResultsSliderItem__graph {
		width: 100%;
	}

	.ResultsSliderItem__leftItem {
		margin:  0px 15px 20px 15px;
		display: inline-block;
	}

	.GuarantyItem {
		width: 100%;
	}

	.InTariffBlockHeader,
	.Service__preview .h2, .Service__preview h2 {
		font-size: 20px;
		margin: 15px 0;
	}
	.InTariffBlock {
		padding: 20px 0;
	}
}

@media (max-width: 568px) {

	.WorksItem,
	.AdvantagesItem {
		width: 100%;
	}

	.ServiceTariffs__name, .ServiceTariffs__price {
		font-size: 18px;
	}

	.ServiceTariffs__item {
		width: 100%;
	}

	.ServiceTariffs__description, .ServiceTariffs__price p, .ServiceTariffs__more {
		font-size: 14px;
	}

	.ServiceTariffs__description ul li {
		margin-bottom: 10px;
	}

	.ServiceTariffs__price p {
		line-height: 10px;
	}

	.ServiceTariffs__item:nth-child(2n),
	.ServiceTariffs__item:nth-child(2n -1) {
		padding: 0 0 30px 0;
	}

	.Progress_color_black .ProgressItem {
		width: 50%;

	}
}

@media (max-width: 500px) {
	.ResultsSliderItem__resultItem {
		width: 100%;
	}

	.ResultsSliderItem__leftItem {
		margin:  0 0 20px 0;
		display: block;
	}

	.ResultControl .flex-direction-nav a {
		top: 60px;
	}
}
/* End */


/* Start:/bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/flexslider/flexslider.css?16770812426394*/
/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  /*width: 100%;*/
  /*display: block;*/
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  background: #fff;
  position: relative;
  zoom: 1;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 45px;
  height: 36px;
  position: absolute;
  top: 0;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: url(/images/left-big.svg) center no-repeat;
  background-size: 100% 100%;

}

.flex-direction-nav a:focus {
  outline: none;
}

.flex-direction-nav a.flex-next {
  background-image: url(/images/right-big.svg);
}

.flex-direction-nav .flex-prev {
  left: 0;
}
.flex-direction-nav .flex-next {
  right: 0;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}

.control-block {
  display: block;
  float: left;
  position: relative;
  margin-bottom: 100px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0.5!important;
  filter: alpha(opacity=0);
  cursor: default;
  pointer-events: none;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  text-align: left;
  padding: 0 60px;
  float: left;
  position: relative;
  height: 19px;
}
.flex-control-nav li {
  margin: 0 3px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 1px;
  height: 15px;
  display: block;
  background: #d0d0d0;
  cursor: pointer;
  text-indent: -9999px;
  position: absolute;
  top: calc( 50% - 7px );
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  height: 26px;
  cursor: default;
  top: calc( 50% - 13px );
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }


}

@media screen and (max-width: 767px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }

  .flex-control-paging li a {
    height: 10px;
    top: calc( 50% - 5px );
  }

  .flex-control-paging li a.flex-active {
    height: 17px;
    top: calc( 50% - 9px );
  }

  .flex-direction-nav a {
    width: 30px;
    height: 18px;
    top: 3px;
  }

  .flex-control-nav {
    padding: 0 55px;
  }

  .control-block {
    margin-bottom: 50px;
  }
}
/* End */


/* Start:/bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/css/foundation.css?1677081240581*/
body {
	margin:         0;
	-ms-overflow-x: hidden;
	overflow-x:     hidden
}

h2, h3, h4 {
	margin: 0
}

*, ::after, ::before {
	box-sizing: border-box
}

input, input:focus {
	box-shadow: none;
	outline:    none;
	margin:     0
}

ul, li {
	list-style: none;
	margin:     0;
	padding:    0
}

.btn {
	display:    inline-block;
	font-size:  18px;
	font-family: "Circe", sans-serif;
	color:      #151515;
	padding:    14px 10px;
	border:     1px solid #E0E0E0;
	cursor:     pointer;
	transition: .4s;
	text-align: center;
}

.heading-small {
	font-size: 18px;
	line-height: 21px;
}
/* End */


/* Start:/bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/css/context.css?167708124025056*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance:    none;
	margin:             0
}

.input-group {
	position: relative
}

.input-group input {
	display:          block;
	margin:           10px 0;
	background-color: transparent;
	padding:          10px 5px;
	width:            98%;
	border:           none;
	border-radius:    0;
	border-bottom:    1px solid #9E9E9E;
	color:            transparent;
	font-size:        1em;
	font-weight:      600
}

.input-group input:focus-within ~ label, .input-group input:not(:placeholder-shown) ~ label {
	top:                      -15px;
	-webkit-transform-origin: left center;
	transform-origin:         left center;
	-webkit-transform:        scale(0.6);
	transform:                scale(0.6)
}

.input-group input:focus, .input-group input:not(:placeholder-shown) {
	color: var(--second-color)
}

.input-group input::-webkit-input-placeholder {
	color: transparent
}

.input-group input:-moz-placeholder {
	color: transparent
}

.input-group input::-moz-placeholder {
	color: transparent
}

.input-group input:-ms-input-placeholder {
	color: transparent
}

.input-group label {
	color:                 #9E9E9E;
	position:              absolute;
	pointer-events:        none;
	left:                  0;
	top:                   10px;
	-webkit-transition:    0.3s ease all;
	transition:            0.3s ease all;
	-webkit-touch-callout: none;
	-webkit-user-select:   none;
	-moz-user-select:      none;
	-ms-user-select:       none;
	user-select:           none
}

.input-group .bar {
	position: relative;
	display:  block;
	width:    100%
}

.input-group .bar::before {
	left: 50%
}

.input-group .bar::after {
	right: 50%
}

.input-group .bar::before, .input-group .bar::after {
	content:            "";
	height:             1px;
	width:              0;
	bottom:             10px;
	position:           absolute;
	background:         #000;
	-webkit-transition: 0.3s ease all;
	transition:         0.3s ease all
}

.input-group input:focus ~ .bar:before, .input-group input:focus ~ .bar:after {
	width: 50%
}

.input-group input:not(:placeholder-shown) ~ .bar:before, .input-group input:not(:placeholder-shown) ~ .bar:after {
	width: 50%
}

body {
	font-family: 'Gilroy', sans-serif
}

.modal-calc {
	position:        fixed;
	z-index:         200;
	top:             0;
	left:            0;
	display:         flex;
	flex-wrap:       wrap;
	align-items:     center;
	justify-content: center;
	height:          100vh;
	width:           100vw;
	opacity:         0;
	transition:      .5s;
}

.modal-calc_show {
	opacity: 1;
}

.modal-calc_hide {
	display: none;
}

.modal-calc__bg {
	position:   absolute;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba(33, 33, 33, 0.6);
}

.modal-calc__content {
	z-index:    3;
	position:   relative;
	background: #FFFFFF;
	color:      #000;
	box-shadow: 5px 15px 50px rgba(0, 0, 0, 0.1);
	padding:    55px 118px;
	text-align: center;
}

.modal-calc__content-text > *:nth-child(1) {
	font-family: "Gilroy", sans-serif;
	font-weight: bold;
	font-size:   26px;
	line-height: 120%;
}

.modal-calc__content-text > *:nth-child(2) {
	font-size:     18px;
	line-height:   150%;
	margin-top:    18px;
	margin-bottom: 37px;
}

.modal-calc__content .btn {
	min-width: 200px;
}

.Blocks {
	max-width: 1380px;
	margin:    auto;
	padding:   0 15px;
	width:     100%;
	overflow:  hidden;
}

.Blocks_no-over {
	overflow: visible;
}

.w-100 {
	width: 100%
}

.row {
	display:       -ms-flexbox;
	display:       flex;
	-ms-flex-wrap: wrap;
	flex-wrap:     wrap;
	width:         100%
}

.align-items-center {
	align-items: center
}

.vam {
	vertical-align: middle
}

.vam-child > * {
	vertical-align: middle
}

.heading-middle {
	display:     inline-block;
	font-size:   48px;
	font-weight: bold
}

.get-info {
	position:      relative;
	display:       inline-block;
	width:         20px;
	height:        20px;
	margin-left:   4px;
	background:    #E0E0E0;
	color:         #000;
	border-radius: 50%;
	cursor:        pointer
}

.get-info::after {
	content:     '?';
	position:    absolute;
	width:       100%;
	text-align:  center;
	font-size:   14px;
	font-family: 'Circe', sans-serif
}

/*.get-info::before, */
.get-info__in {
	opacity:          0;
	pointer-events:   none;
	z-index:          2;
	position:         absolute;
	content:          attr(data-cont);
	font-family:      'Circe', sans-serif;
	bottom:           100%;
	left:             50%;
	margin-bottom:    10px;
	padding:          16px 14px;
	font-size:        12px;
	width:            200px;
	background-color: #fff;
	transition:       .3s;
	transform:        translateX(-50%);
	box-shadow:       5px 15px 50px rgba(0, 0, 0, 0.1)
}

.get-info__in_big {
	width: 500px;
}

.get-info__in img {
	width: 100%;
}

@media (max-width: 992px) {
	.get-info::before, .get-info__in {
		width: 140px;
	}
}

.get-info:hover::before, .get-info:hover .get-info__in {
	opacity:        1;
	pointer-events: all
}

.advert-padding {
	padding-left:  65px;
	padding-right: 65px
}

.advert-calc {
	border:         1px solid #E0E0E0;
	padding-top:    72px;
	padding-bottom: 72px
}

.advert-calc__title {
	font-size:   22px;
	font-weight: bold
}

.advert-calc__small-title {
	font-size: 18px
}

.advert-calc__text-block {
	margin-bottom: 30px
}

.advert-calc__text-block .heading-middle {
	display: inline;
}

.advert-calc__text-col {
	flex:         0 0 auto;
	width:        auto;
	margin-right: 60px
}

.advert-calc__second-block {
	margin-top: 42px
}

.advert-calc__checkbox {
	-ms-flex-preferred-size: 0;
	flex-basis:              0;
	-ms-flex-positive:       1;
	flex-grow:               1;
	max-width:               100%;
	display:                 flex;
	flex-wrap:               wrap
}

.advert-text-green {
	font-size:   22px;
	font-weight: bold;
	color:       #56BB5A
}

.advert-text-through {
	position:      relative;
	padding-left:  3px;
	padding-right: 3px;
	font-weight:   bold;
	font-size:     18px;
	color:         #9E9E9E
}

.advert-text-through::after {
	content:          '';
	position:         absolute;
	left:             0;
	top:              50%;
	width:            100%;
	height:           2px;
	margin-top:       -1px;
	background-color: #E2574C
}

.irs-grid-text:last-child {
	font-size: 20px
}

.js-calc-send {
	overflow: visible;
}

.advert-theme-block {
	flex:          1;
	padding-right: 140px
}

.advert-theme-block__input {
	position:  relative;
	font-size: 18px;
	width:     100%
}

.can-delete .advert-delete-block {
	opacity:        1;
	pointer-events: all
}

.advert-delete-block {
	flex-shrink:    1;
	font-weight:    bold;
	font-size:      18px;
	color:          #E2574C;
	opacity:        0;
	pointer-events: none;
	transition:     .2s
}

.advert-delete-block span {
	cursor: pointer
}

.advert-city-block {
	position: relative;
	flex:     1
}

.advert-city-block__in {
	/*position: relative;*/
	display: inline-block
}

.advert-city-block__city {
	position: relative;
	cursor:   pointer
}

.advert-city-block__city::after {
	content:          '';
	position:         absolute;
	bottom:           -5px;
	left:             0;
	width:            100%;
	height:           5px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='7px'><text x='0' y='3' fill='black' font-size='20'>.</text></svg>")
}

.advert-popup {
	z-index:          3;
	position:         absolute;
	width:            640px;
	right:            0;
	top:              calc(100% + 15px);
	background-color: #FFF;
	padding:          65px 72px;
	box-shadow:       -1px 3px 7px rgba(0, 0, 0, 0.2), 1px 0 7px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.25);
	opacity:          0;
	transition:       .3s
}

.advert-popup_hide {
	display: none
}

.advert-popup_show {
	opacity: 1
}

.advert-popup__title {
	display:       block;
	margin-bottom: 35px;
	font-family:   "Gilroy", sans-serif;
	font-weight:   bold;
	font-size:     22px
}

.advert-popup__filter {
	border:    1px solid #E0E0E0;
	width:     100%;
	padding:   12px 21px;
	font-size: 18px
}

.advert-popup__cont {
	border:     1px solid #E0E0E0;
	border-top: 0;
	padding:    25px 27px;
	font-size:  18px;
	max-height: 400px;
	overflow:   auto
}

.advert-popup__btn-block {
	font-family: "Circe", sans-serif;
	padding-top: 25px;
}

.advert-popup__btn-block .btn {
	padding: 13px 50px;
}

.advert-popup__btn {
	background-color: #56BB5A;
	color:            #FFF;
	border:           none;
	cursor:           pointer;
	transition:       .3s;
}

.advert-popup__btn:hover {
	background-color: #4d9a4d;
}

.advert-popup__btn-close {
	position:         relative;
	background-color: transparent;
	font-weight:      bold;
	font-size:        18px;
	border:           none;
}

.advert-popup__close {
	position: absolute;
	top:      20px;
	right:    20px;
	width:    25px;
	height:   25px;
	cursor:   pointer;
}

.team {
	display:        flex;
	flex-wrap:      wrap;
	padding-bottom: 120px;
}

.team__header {
	display:         flex;
	flex-wrap:       wrap;
	align-items:     center;
	justify-content: space-between;
	flex:            0 0 100%;
	width:           100%;
	font-size:       48px;
	line-height:     130%;
	margin-bottom:   30px;
	font-weight:     bold;
}

.team__slider {
	margin-left: 33.33%;
	flex:        0 0 66.66%;
	width:       66.66%;
}

.team-slider {
	width: 150%;
}

.slider-team__slide {
	display:     flex;
	flex-wrap:   wrap;
	align-items: center;
}

.slider-team__nav-cont {
	width: 100%;
}

.slider-team__info .tns-nav {
	display:         flex;
	flex-wrap:       wrap;
	justify-content: center;
	padding-top:     10px;
	padding-right: 33px;
}

.slider-team__info .tns-nav button {
	display:          block;
	height:           10px;
	width:            10px;
	padding:          0;
	border:           1px solid #6600CC;
	border-radius:    50%;
	margin-left:      5px;
	margin-right:     5px;
	background-color: transparent;
}

.slider-team__info .tns-nav button:focus {
	outline:    none;
	box-shadow: none;
}

.slider-team__info .tns-nav button.tns-nav-active {
	background-color: #6600CC;
}

.slider-team__photo-block, .slider-team__info {
	flex:  0 0 50%;
	width: 50%;
}

.slider-team__photo-block img {
	width: 100%;
}

.slider-team__info {
	position: relative;
	left:     -50px;
}

.slider-team__certs {
	display:   flex;
	flex-wrap: wrap;
}

.slider-team__certs > div {
	width:         50%;
	/*flex:  0 0 50%;*/
	padding-right: 33px;
}

.slider-team .tns-controls {
	padding-bottom: 20px;
	text-align:     right;
}

.overflow-h {
	overflow: hidden;
}

.team__arrow-block > button {
	display:           inline-block;
	height:            25px;
	width:             25px;
	color:             transparent;
	border:            0;
	background-color:  transparent;
	background-repeat: no-repeat;
	background-size:   contain;
	cursor:            pointer;
	transition:        .3s;
}

.team__arrow-block > button:hover {
	transform: scale(1.05);
}

.team__arrow-block > button:focus {
	outline:   none;
}

.team__arrow-block > button:first-child {
	background-image: url('/images/icons/arrow-left-2px.svg');
	margin-right:     10px;
}

.team__arrow-block > button:last-child {
	background-image: url('/images/icons/arrow-right-2px.svg');
}

.slider-team__certs img {
	width: 100%;
}

.slider-team__title {
	font-family:    "Gilroy", sans-serif;
	font-weight:    bold;
	font-size:      36px;
	padding-top:    5px;
	padding-bottom: 8px;
}

.advert-popup__close::before, .advert-popup__close::after {
	content:          '';
	position:         absolute;
	top:              50%;
	width:            100%;
	height:           1px;
	background-color: #000;
}

.advert-popup__close::before {
	transform: rotate(45deg);
}

.advert-popup__close::after {
	transform: rotate(-45deg);
}

.advert-popup__btn-close:focus {
	outline: none;
}

.advert-popup__parent.show .advert-popup__arrow {
	transform: translateY(-50%) rotate(90deg)
}

.advert-popup__ul li {
	position:       relative;
	padding-top:    3px;
	padding-bottom: 3px;
	padding-left:   22px
}

.advert-popup__ul li > .advert-popup__arrow {
	content:             '';
	position:            absolute;
	left:                0;
	top:                 50%;
	transform:           translateY(-50%);
	display:             block;
	width:               10px;
	height:              10px;
	background-image:    url("/bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/css/../images/cities-arrow.svg");
	background-repeat:   no-repeat;
	background-size:     contain;
	background-position: center;
	cursor:              pointer;
	transition:          .3s
}

.advert-popup__ul li span {
	display: block;
	cursor:  default
}

.advert-popup__ul li.advert-popup__parent + li {
	display: none
}

.advert-popup__ul li > span {
	position:     relative;
	padding-left: 26px
}

.advert-popup__ul li > span::before, .advert-popup__ul li > span::after {
	content:   '';
	position:  absolute;
	top:       50%;
	transform: translateY(-50%);
	display:   block
}

.advert-popup__ul li > span::before {
	left:   0;
	border: 1px solid #E0E0E0;
	height: 16px;
	width:  16px
}

.advert-popup__ul li > span::after {
	left:             2px;
	height:           12px;
	width:            12px;
	background-color: #151515;
	opacity:          0;
	transition:       .3s
}

.advert-popup__ul input[type=checkbox] {
	z-index:  -1;
	position: absolute;
	opacity:  0;
	top:      0;
	left:     -9999px
}

.advert-popup__ul input[type=checkbox]:checked + span::after {
	opacity: 1
}

.advert-checkbox {
	position:      relative;
	padding-right: 23px;
	flex:          1;
	width:         100%
}

.advert-checkbox:last-child {
	padding-right: 0
}

.advert-checkbox input[type=checkbox] {
	position: absolute;
	opacity:  0
}

.advert-checkbox input[type=checkbox]:checked ~ label {
	background-color: #6600CC;
	color:            #FFFFFF
}

.advert-checkbox label {
	display:    block;
	font-size:  18px;
	color:      #151515;
	padding:    14px 10px;
	border:     1px solid #E0E0E0;
	cursor:     pointer;
	transition: .4s;
	text-align: center
}

.advert-add-system {
	display:     block;
	width:       100%;
	text-align:  center;
	font-size:   18px;
	font-weight: bold;
	color:       #6600CC;
	padding:     40px 0
}

.advert-add-system span {
	cursor: pointer
}

.advert-graph__price {
	display:       block;
	margin-top:    10px;
	margin-bottom: 17px
}

.advert-price {
	position:         relative;
	background-color: #151515;
	color:            #FFF;
	padding-top:      72px;
	padding-bottom:   51px;
	margin-bottom:    120px
}

.advert-price__not-infinity {
	display:   flex;
	flex-wrap: wrap
}

.advert-price_infinity .advert-price__bg {
	opacity: 1
}

.advert-price__offset {
	margin-left: 66.66%
}

.advert-price__bg {
	display:          flex;
	flex-wrap:        wrap;
	align-items:      center;
	justify-content:  center;
	z-index:          1;
	position:         absolute;
	top:              0;
	left:             0;
	height:           100%;
	width:            100%;
	background-color: rgba(21, 21, 21, 0.85);
	transition:       .3s;
	opacity:          0;
	pointer-events:   none
}

.advert-price__bg span {
	font-weight: bold;
	font-size:   28px
}

.advert-price__col {
	flex:      0 0 33.33%;
	max-width: 33.33%
}

.advert-price__price {
	padding-top: 7px
}

.advert-checkbox-info {
	display:     flex;
	flex-wrap:   wrap;
	align-items: center;
	width:       100%;
	padding-top: 12px
}

.advert-checkbox-block {
	position:         relative;
	height:           20px;
	width:            20px;
	flex:             0 0 20px;
	background-color: #f9f9f9
}

.advert-checkbox-block input {
	position: absolute;
	top:      0;
	left:     0;
	opacity:  0;
	height:   100%;
	width:    100%;
	margin:   0
}

.advert-checkbox-block input ~ label {
	position:   absolute;
	width:      100%;
	height:     100%;
	opacity:    0;
	transition: .3s;
	cursor:     pointer
}

.advert-checkbox-block input ~ label img {
	height:     100%;
	width:      100%;
	object-fit: contain;
	padding:    2px
}

.advert-checkbox-block input:checked ~ label {
	opacity: 1
}

.advert-checkbox-block__text {
	font-size:    14px;
	font-family:  'Circe', sans-serif;
	line-height:  1.5;
	padding-left: 15px;
	flex:         1
}

.advert-ability-title {
	margin-top:    10px;
	margin-bottom: 30px
}

.advert-ability {
	position:    relative;
	padding:     10px 40px;
	line-height: 1.4;
	cursor:      pointer;
	transition:  .3s
}

.advert-ability:hover {
	color: rgba(255, 255, 255, 0.77)
}

.advert-ability .get-info {
	position: absolute;
}

.advert-ability input {
	position: absolute;
	left:     0;
	top:      0;
	opacity:  0
}

.advert-ability input ~ span::after, .advert-ability input ~ span::before {
	content:             '';
	position:            absolute;
	left:                0;
	top:                 50%;
	height:              27px;
	width:               27px;
	background-position: center center;
	background-repeat:   no-repeat;
	background-size:     contain;
	transition:          .3s;
	transform:           translateY(-50%)
}

.advert-ability input ~ span::after {
	border: 1px solid #FFF
}

.advert-ability input ~ span::before {
	background-image: url("/bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/css/../images/success-purple.svg");
	left:             2px;
	width:            23px;
	transform:        translateY(-50%) scale(0)
}

.advert-ability input:checked ~ span::before {
	transform: translateY(-50%) scale(1)
}

.advert-ability_active input ~ span::after {
	opacity: 0;
}

.advert-ability_active input ~ span::after, .advert-ability_active-new input ~ span::after {
	border: none;
}

.advert-ability_active input:not(:checked) ~ span::after, .advert-ability_active-new input:not(:checked) ~ span::after {
	opacity:          1;
	background-image: url("/bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/css/../images/cross-grey.svg");
}

.advert-button {
	position:   relative;
	z-index:    3;
	width:      100%;
	text-align: center;
	margin-top: 46px
}

.advert-button button {
	min-width:        30%;
	padding:          17px 30px;
	cursor:           pointer;
	background-color: #56BB5A;
	color:            #FFF;
	font-size:        20px;
	border:           0;
	box-shadow:       0 0 55px #549A57
}

.advert-collection {
	margin-top: 50px;
	transition: .3s;
}

.advert-collection.deleted {
	animation: deleted 0.6s ease-in-out forwards;
}

@keyframes deleted {
	0% {
		transform: scale(1);
	}
	35% {
		transform: scale(1.05);
		opacity:   1;
	}
	99% {
		transform: scale(1.05) translateX(-50%);
		opacity:   0;
		display:   block;
	}
	100% {
		transform: scale(1.05) translateX(-50%);
		opacity:   0;
		display:   none;
	}
}

.advert-collection:first-child {
	margin-top: 0
}

.advert-inputs {
	display:      flex;
	flex-wrap:    wrap;
	margin-top:   30px;
	max-width:    850px;
	margin-left:  auto;
	margin-right: auto;
}

.advert-inputs__col {
	flex:          0 0 50%;
	max-width:     50%;
	padding-right: 20px
}

.advert-inputs__col:nth-child(even) {
	padding-right: 0
}

.advert-inputs__col .bar::before, .advert-inputs__col .bar::after {
	background: #FFF
}

@media (max-width: 1400px) {
	.advert-theme-block {
		flex: 2
	}

	.advert-calc__text-col, .advert-calc__checkbox {
		flex:          0 0 100%;
		margin-bottom: 20px;
		margin-right:  0
	}
}

@media (max-width: 992px) {
	.advert-checkbox {
		flex:          0 0 50%;
		max-width:     50%;
		margin-bottom: 10px
	}

	.advert-checkbox:nth-child(even) {
		padding-right: 0
	}

	.advert-popup {
		width:   550px;
		padding: 26px 32px
	}

	.advert-popup__title {
		margin-bottom: 15px
	}

	.advert-popup__cont {
		padding: 15px 20px
	}

	.advert-padding {
		padding-left:  34px;
		padding-right: 34px
	}

	.advert-theme-block {
		padding-right: 60px
	}

	.advert-price {
		padding-top: 45px
	}

	.advert-price__not-infinity .advert-price__col {
		display:     flex;
		flex-wrap:   wrap;
		flex:        0 0 100%;
		max-width:   100%;
		align-items: center
	}

	.advert-price__not-infinity .advert-price__col.advert-price__offset {
		margin-left: 50%;
		flex:        0 0 50%;
		width:       50%
	}

	.advert-price__not-infinity .advert-price__col .advert-ability {
		flex:      0 0 50%;
		max-width: 50%
	}

	.advert-price__not-infinity .advert-price__col:nth-child(-n+3) {
		flex:      0 0 50%;
		max-width: 50%
	}

	.advert-price__not-infinity .advert-price__col:nth-child(-n+3) > * {
		flex:  0 0 100%;
		width: 100%
	}

	.advert-price__not-infinity .advert-price__col:first-child {
		flex:      0 0 100%;
		max-width: 100%
	}

	.advert-price__not-infinity .advert-price__col:first-child .advert-calc__title {
		display:       block;
		margin-bottom: 15px
	}
}

@media (max-width: 768px) {
	.advert-popup {
		left:      0;
		max-width: 80vw
	}

	.advert-ability-title {
		margin-top: 30px
	}

	.heading-middle {
		font-size: 35px
	}

	.advert-collection .advert-theme-block {
		flex:          0 0 100%;
		margin-bottom: 20px;
		padding-right: 0
	}

	.advert-add-system {
		padding-top: 20px
	}

	.advert-price__not-infinity .advert-price__col .advert-ability {
		flex:      0 0 100%;
		max-width: 100%
	}

	.advert-inputs__col {
		flex:          0 0 100%;
		max-width:     100%;
		padding-right: 0
	}
}

@media (max-width: 600px) {
	.advert-checkbox {
		flex:          0 0 100%;
		max-width:     100%;
		padding-right: 0
	}

	.advert-price__not-infinity .advert-price__col.advert-price__offset {
		margin-left: 0;
		flex:        0 0 100%;
		max-width:   100%
	}

	.advert-padding {
		padding: 30px 20px;
	}
}

@media (max-width: 450px) {
	.advert-calc__text-block {
		margin-bottom: 13px;
	}

	.heading-middle {
		font-size: 27px;
	}

	.advert-calc__title {
		font-size: 18px;
	}
}

.Results__header {
	display:         flex;
	flex-wrap:       wrap;
	align-items:     center;
	justify-content: space-between;
}

.slider-arrow__block {
	display:     flex;
	flex-wrap:   wrap;
	align-items: center;
	flex:        0 0 auto;
	width:       auto;
}

.slider-arrow__left, .slider-arrow__right {
	text-decoration: none;
	display:         block;
	width:           13px;
	height:          26px;
	z-index:         10;
	overflow:        hidden;
	cursor:          pointer;
	transition:      all 0.3s ease-in-out;
}

.slider-arrow__left {
	background:      url(/images/left-big.svg) center no-repeat;
	background-size: 100% 100%;
	margin-right:    60px;
}

.slider-arrow__right {
	background:      url(/images/right-big.svg) center no-repeat;
	background-size: 100% 100%;
}

.ResultsSlider .tns-nav {
	display:         flex;
	flex-wrap:       wrap;
	justify-content: center;
	padding-top:     43px;
	padding-bottom:  43px;
}

.ResultsSlider .tns-nav button {
	display:          block;
	height:           10px;
	width:            10px;
	padding:          0;
	border:           1px solid #6600CC;
	border-radius:    50%;
	margin-left:      5px;
	margin-right:     5px;
	background-color: transparent;
}

.ResultsSlider .tns-nav button:focus {
	outline:    none;
	box-shadow: none;
}

.ResultsSlider .tns-nav button.tns-nav-active {
	background-color: #6600CC;
}

.results-about {
	background: #FFFFFF;
	box-shadow: 0 10px 25px rgba(102, 0, 204, 0.05);
	margin:     30px 0;
	display:    flex;
	flex-wrap:  wrap;
}

.tns-outer li {
	position:     relative;
	padding-left: 15px;
}

.tns-outer li::before {
	content:       '';
	position:      absolute;
	width:         6px;
	height:        6px;
	border-radius: 50%;
	background:    #6600cc;
	top:           11px;
	left:          0;
}

.results-about__left {
	flex:         0 0 40%;
	width:        40%;
	border-right: 1px solid #E0E0E0;
	padding:      50px 58px;
}

.results-about__right {
	flex:    0 0 60%;
	width:   60%;
	padding: 46px 70px;
}

.results-about__logo {
	width:         168px;
	margin-bottom: 35px;
}

.results-about__logo img {
	width: 100%;
}

.results-about__count {
	padding: 5px 0;
}

.results-about__count > * {
	font-size:   18px;
	line-height: 150%;
}

.results-about__count > *:first-child {
	color: #9E9E9E;
}

.results-about__count > *:last-child {
	font-weight: 700;
	color:       #151515;
}

.results-about__spec {
	display:     flex;
	flex-wrap:   wrap;
	align-items: center;
	padding-top: 44px;
}

.results-about__spec-img {
	width:        45px;
	flex:         0 0 45px;
	margin-right: 10px;
}

.results-about__spec-img img {
	width: 100%;
}

.results-about__spec-text > *:first-child {
	font-size: 14px;
	color:     #9E9E9E;
}

.results-about__spec-text > *:nth-child(2) {
	font-size: 18px;
}

.results-about__title {
	font-family:    "Gilroy", sans-serif;
	font-weight:    bold;
	font-size:      26px;
	padding-bottom: 12px;
}

.results-about__photos {
	display:    flex;
	flex-wrap:  wrap;
	margin-top: 30px;
}

.results-about__photos > * {
	flex:          0 0 20%;
	width:         20%;
	margin-right:  12px;
	border-radius: 5px;
	overflow:      hidden;
}

.results-about__photos img {
	display: block;
	width:   100%;
}

@media (max-width: 992px) {
	.results-about__left {
		border-right:  none;
		border-bottom: 1px solid #E0E0E0;
	}

	.results-about__left, .results-about__right {
		flex:  0 0 100%;
		width: 100%;
	}
}

.result-about__read-more {
	font-size:   18px;
	padding-top: 11px;
	color:       #6600CC;
	cursor:      pointer;
}

.result-about__hidden-text {
	display: none;
}
/* End */


/* Start:/bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/css/ion.rangeSlider.min.css?167708124015940*/
/*!Ion.RangeSlider, 2.3.1, В© Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/
.irs {
	position:              relative;
	display:               block;
	-webkit-touch-callout: none;
	-webkit-user-select:   none;
	-khtml-user-select:    none;
	-moz-user-select:      none;
	-ms-user-select:       none;
	user-select:           none;
	font-size:             12px;
}

.irs-line {
	position: relative;
	display:  block;
	overflow: hidden;
	outline:  none !important
}

.irs-bar {
	position: absolute;
	display:  block;
	left:     0;
	width:    0
}

.irs-shadow {
	position: absolute;
	display:  none;
	left:     0;
	width:    0
}

.irs-handle {
	position:   absolute;
	display:    block;
	box-sizing: border-box;
	cursor:     default;
	z-index:    1
}

.irs-handle.type_last {
	z-index: 2
}

.irs-min, .irs-max {
	position: absolute;
	display:  block;
	cursor:   default
}

.irs-min {
	left: 0
}


.advert-graph .irs-min::before, .advert-graph .irs-max::before {
	opacity: 0;
	pointer-events: none;
	z-index: 2;
	position: absolute;
	font-family: 'Circe', sans-serif;
	bottom: 100%;
	left: 50%;
	margin-bottom: 10px;
	padding: 16px 14px;
	font-size: 12px;
	width: 200px;
	color: #000;
	background-color: #fff;
	transition: .3s;
	transform: translateX(-50%);
	box-shadow: 5px 15px 50px rgba(0, 0, 0, 0.1);
}
.advert-graph .irs-min::before {
	content: "Окупаемость наших услуг начинается от 50 т.р. на рекламный бюджет, при низком бюджете - рентабельность рекламы снижается";
}
.advert-graph .irs-max::before {
	content: "Бюджет на рекламу более 1 млн. руб."
}

.advert-graph .irs-min:hover::before, .advert-graph .irs-max:hover::before {
	opacity: 1;
	pointer-events: all;
}

.irs-max {
	right: 0
}

.irs-from, .irs-to, .irs-single {
	position:    absolute;
	display:     block;
	top:         0;
	left:        0;
	cursor:      default;
	white-space: nowrap
}

.irs-grid {
	position: absolute;
	display:  none;
	bottom:   0;
	left:     0;
	width:    100%;
	height:   28px
}

.irs-with-grid .irs-grid {
	display: block
}

.irs-grid-pol {
	position:   absolute;
	top:        0;
	left:       0;
	width:      1px;
	height:     8px;
	background: #000
}

.irs-grid-pol.small {
	height: 0px
}

.irs-grid-text {
	position:    absolute;
	bottom:      0;
	left:        0;
	white-space: nowrap;
	text-align:  center;
	font-size:   9px;
	line-height: 9px;
	padding:     0 3px;
	color:       #000
}

.irs-disable-mask {
	position:   absolute;
	display:    block;
	top:        0;
	left:       -1%;
	width:      102%;
	height:     100%;
	cursor:     default;
	background: rgba(0, 0, 0, 0);
	z-index:    2
}

.lt-ie9 .irs-disable-mask {
	background: #000;
	filter:     alpha(opacity=0);
	cursor:     not-allowed
}

.irs-disabled {
	opacity: .4
}

.irs-hidden-input {
	position:     absolute !important;
	display:      block !important;
	top:          0 !important;
	left:         0 !important;
	width:        0 !important;
	height:       0 !important;
	font-size:    0 !important;
	line-height:  0 !important;
	padding:      0 !important;
	margin:       0 !important;
	overflow:     hidden;
	outline:      none !important;
	z-index:      -9999 !important;
	background:   none !important;
	border-style: solid !important;
	border-color: transparent !important
}

.irs--flat {
	height: 40px
}

.irs--flat.irs-with-grid {
	height: 60px
}

.irs--flat .irs-line {
	top:              30px;
	height:           3px;
	background-color: #e1e4e9;
	border-radius:    4px
}

.irs--flat .irs-bar {
	top:              30px;
	height:           3px;
	background-color: #6600CC
}

.irs--flat .irs-bar--single {
	border-radius: 4px 0 0 4px
}

.irs--flat .irs-shadow {
	height:           1px;
	bottom:           16px;
	background-color: #e1e4e9
}

.irs--flat .irs-handle {
	top:              20px;
	width:            20px;
	height:           22px;
	background-color: transparent;
	cursor: pointer;
}

.irs--flat .irs-handle > i:first-child {
	position:         absolute;
	display:          block;
	top:              0;
	left:             -1px;
	width:            22px;
	height:           100%;
	background-color: #6600CC;
	border:           2px solid #FFFFFF;
	border-radius:    50%;
}

.irs--flat .irs-min, .irs--flat .irs-max {
	top:              0;
	padding:          1px 3px;
	color:            #999;
	font-size:        10px;
	line-height:      1.333;
	text-shadow:      none;
	background-color: #e1e4e9;
	border-radius:    4px
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
	color:            white;
	font-size:        10px;
	line-height:      1.333;
	text-shadow:      none;
	padding:          1px 5px;
	background-color: #6600CC;
	border-radius:    4px
}

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
	position:         absolute;
	display:          block;
	content:          "";
	bottom:           -6px;
	left:             50%;
	width:            0;
	height:           0;
	margin-left:      -3px;
	overflow:         hidden;
	border:           3px solid transparent;
	border-top-color: #6600CC
}

.irs--flat .irs-grid-pol {
	background-color: #e1e4e9
}

.irs--flat .irs-grid-text {
	color: #999
}

.irs--big {
	height: 55px
}

.irs--big.irs-with-grid {
	height: 70px
}

.irs--big .irs-line {
	top:              33px;
	height:           12px;
	background-color: white;
	background:       linear-gradient(to bottom, #ddd -50%, white 150%);
	border:           1px solid #ccc;
	border-radius:    12px
}

.irs--big .irs-bar {
	top:              33px;
	height:           12px;
	background-color: #92bce0;
	border:           1px solid #428bca;
	background:       linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
	box-shadow:       inset 0 0 1px 1px rgba(255, 255, 255, 0.5)
}

.irs--big .irs-bar--single {
	border-radius: 12px 0 0 12px
}

.irs--big .irs-shadow {
	height:           1px;
	bottom:           16px;
	background-color: rgba(66, 139, 202, 0.5)
}

.irs--big .irs-handle {
	top:              25px;
	width:            30px;
	height:           30px;
	border:           1px solid rgba(0, 0, 0, 0.3);
	background-color: #cbcfd5;
	background:       linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
	box-shadow:       1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
	border-radius:    30px
}

.irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover {
	border-color:     rgba(0, 0, 0, 0.45);
	background-color: #939ba7;
	background:       linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)
}

.irs--big .irs-min, .irs--big .irs-max {
	top:              0;
	padding:          1px 5px;
	color:            white;
	text-shadow:      none;
	background-color: #9f9f9f;
	border-radius:    3px
}

.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
	color:            white;
	text-shadow:      none;
	padding:          1px 5px;
	background-color: #428bca;
	background:       linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
	border-radius:    3px
}

.irs--big .irs-grid-pol {
	background-color: #428bca
}

.irs--big .irs-grid-text {
	color: #428bca
}

.irs--modern {
	height: 55px
}

.irs--modern.irs-with-grid {
	height: 55px
}

.irs--modern .irs-line {
	top:                 25px;
	height:              5px;
	background-color:    #d1d6e0;
	background:          linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
	border:              1px solid #a3adc1;
	border-bottom-width: 0;
	border-radius:       5px
}

.irs--modern .irs-bar {
	top:        25px;
	height:     5px;
	background: #20b426;
	background: linear-gradient(to bottom, #20b426 0%, #18891d 100%)
}

.irs--modern .irs-bar--single {
	border-radius: 5px 0 0 5px
}

.irs--modern .irs-shadow {
	height:           1px;
	bottom:           21px;
	background-color: rgba(209, 214, 224, 0.5)
}

.irs--modern .irs-handle {
	top:              37px;
	width:            12px;
	height:           13px;
	border:           1px solid #a3adc1;
	border-top-width: 0;
	box-shadow:       1px 1px 1px rgba(0, 0, 0, 0.1);
	border-radius:    0 0 3px 3px
}

.irs--modern .irs-handle > i:nth-child(1) {
	position:   absolute;
	display:    block;
	top:        -4px;
	left:       1px;
	width:      6px;
	height:     6px;
	border:     1px solid #a3adc1;
	background: white;
	transform:  rotate(45deg)
}

.irs--modern .irs-handle > i:nth-child(2) {
	position:      absolute;
	display:       block;
	box-sizing:    border-box;
	top:           0;
	left:          0;
	width:         10px;
	height:        12px;
	background:    #e9e6e6;
	background:    linear-gradient(to bottom, white 0%, #e9e6e6 100%);
	border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle > i:nth-child(3) {
	position:     absolute;
	display:      block;
	box-sizing:   border-box;
	top:          3px;
	left:         3px;
	width:        4px;
	height:       5px;
	border-left:  1px solid #a3adc1;
	border-right: 1px solid #a3adc1
}

.irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover {
	border-color: #7685a2;
	background:   #c3c7cd;
	background:   linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)
}

.irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) {
	border-color: #7685a2
}

.irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) {
	border-color: #48536a
}

.irs--modern .irs-min, .irs--modern .irs-max {
	top:              0;
	font-size:        10px;
	line-height:      1.333;
	text-shadow:      none;
	padding:          1px 5px;
	color:            white;
	background-color: #d1d6e0;
	border-radius:    5px
}

.irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single {
	font-size:        10px;
	line-height:      1.333;
	text-shadow:      none;
	padding:          1px 5px;
	background-color: #20b426;
	color:            white;
	border-radius:    5px
}

.irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before {
	position:         absolute;
	display:          block;
	content:          "";
	bottom:           -6px;
	left:             50%;
	width:            0;
	height:           0;
	margin-left:      -3px;
	overflow:         hidden;
	border:           3px solid transparent;
	border-top-color: #20b426
}

.irs--modern .irs-grid {
	height: 25px
}

.irs--modern .irs-grid-pol {
	background-color: #dedede
}

.irs--modern .irs-grid-text {
	color:     silver;
	font-size: 13px
}

.irs--sharp {
	height:      50px;
	font-size:   12px;
	line-height: 1
}

.irs--sharp.irs-with-grid {
	height: 57px
}

.irs--sharp .irs-line {
	top:              30px;
	height:           2px;
	background-color: black;
	border-radius:    2px
}

.irs--sharp .irs-bar {
	top:              30px;
	height:           2px;
	background-color: #ee22fa
}

.irs--sharp .irs-bar--single {
	border-radius: 2px 0 0 2px
}

.irs--sharp .irs-shadow {
	height:           1px;
	bottom:           21px;
	background-color: rgba(0, 0, 0, 0.5)
}

.irs--sharp .irs-handle {
	top:              25px;
	width:            10px;
	height:           10px;
	background-color: #a804b2
}

.irs--sharp .irs-handle > i:first-child {
	position:         absolute;
	display:          block;
	top:              100%;
	left:             0;
	width:            0;
	height:           0;
	border:           5px solid transparent;
	border-top-color: #a804b2
}

.irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover {
	background-color: black
}

.irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child {
	border-top-color: black
}

.irs--sharp .irs-min, .irs--sharp .irs-max {
	color:            white;
	font-size:        14px;
	line-height:      1;
	top:              0;
	padding:          3px 4px;
	opacity:          .4;
	background-color: #a804b2;
	border-radius:    2px
}

.irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single {
	font-size:        14px;
	line-height:      1;
	text-shadow:      none;
	padding:          3px 4px;
	background-color: #a804b2;
	color:            white;
	border-radius:    2px
}

.irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before {
	position:         absolute;
	display:          block;
	content:          "";
	bottom:           -6px;
	left:             50%;
	width:            0;
	height:           0;
	margin-left:      -3px;
	overflow:         hidden;
	border:           3px solid transparent;
	border-top-color: #a804b2
}

.irs--sharp .irs-grid {
	height: 25px
}

.irs--sharp .irs-grid-pol {
	background-color: #dedede
}

.irs--sharp .irs-grid-text {
	color:     silver;
	font-size: 13px
}

.irs--round {
	height: 50px
}

.irs--round.irs-with-grid {
	height: 65px
}

.irs--round .irs-line {
	top:              36px;
	height:           4px;
	background-color: #dee4ec;
	border-radius:    4px
}

.irs--round .irs-bar {
	top:              36px;
	height:           4px;
	background-color: #006cfa
}

.irs--round .irs-bar--single {
	border-radius: 4px 0 0 4px
}

.irs--round .irs-shadow {
	height:           4px;
	bottom:           21px;
	background-color: rgba(222, 228, 236, 0.5)
}

.irs--round .irs-handle {
	top:              26px;
	width:            24px;
	height:           24px;
	border:           4px solid #006cfa;
	background-color: white;
	border-radius:    24px;
	box-shadow:       0 1px 3px rgba(0, 0, 255, 0.3)
}

.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover {
	background-color: #f0f6ff
}

.irs--round .irs-min, .irs--round .irs-max {
	color:            #333;
	font-size:        14px;
	line-height:      1;
	top:              0;
	padding:          3px 5px;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius:    4px
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
	font-size:        14px;
	line-height:      1;
	text-shadow:      none;
	padding:          3px 5px;
	background-color: #006cfa;
	color:            white;
	border-radius:    4px
}

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
	position:         absolute;
	display:          block;
	content:          "";
	bottom:           -6px;
	left:             50%;
	width:            0;
	height:           0;
	margin-left:      -3px;
	overflow:         hidden;
	border:           3px solid transparent;
	border-top-color: #006cfa
}

.irs--round .irs-grid {
	height: 25px
}

.irs--round .irs-grid-pol {
	background-color: #dedede
}

.irs--round .irs-grid-text {
	color:     silver;
	font-size: 13px
}

.irs--square {
	height: 50px
}

.irs--square.irs-with-grid {
	height: 60px
}

.irs--square .irs-line {
	top:              31px;
	height:           4px;
	background-color: #dedede
}

.irs--square .irs-bar {
	top:              31px;
	height:           4px;
	background-color: black
}

.irs--square .irs-shadow {
	height:           2px;
	bottom:           21px;
	background-color: #dedede
}

.irs--square .irs-handle {
	top:               25px;
	width:             16px;
	height:            16px;
	border:            3px solid black;
	background-color:  white;
	-webkit-transform: rotate(45deg);
	-ms-transform:     rotate(45deg);
	transform:         rotate(45deg)
}

.irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover {
	background-color: #f0f6ff
}

.irs--square .irs-min, .irs--square .irs-max {
	color:            #333;
	font-size:        14px;
	line-height:      1;
	top:              0;
	padding:          3px 5px;
	background-color: rgba(0, 0, 0, 0.1)
}

.irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single {
	font-size:        14px;
	line-height:      1;
	text-shadow:      none;
	padding:          3px 5px;
	background-color: black;
	color:            white
}

.irs--square .irs-grid {
	height: 25px
}

.irs--square .irs-grid-pol {
	background-color: #dedede
}

.irs--square .irs-grid-text {
	color:     silver;
	font-size: 11px
}
/* End */


/* Start:/bitrix/templates/mkws_ge/components/bitrix/news.list/portfolio/style.css?16872671258787*/
.Portfolio {
	width: calc( 100% + 30px);
	clear: both;
	margin: 140px -15px 70px -15px;
	float: left;
}

.Portfolio__header {
	padding: 0 15px;
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size: 48px;
	line-height: 130%;
	font-weight: bold;
	color: #212121;
	margin-bottom: 25px;
}
.PortfolioItem__img video {
	height: 100%;
	width: auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.3s;
}
.Portfolio__header h2 {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
}

.Portfolio__item {
	display: block;
	width: 100%;
}

.PortfolioItem__img {
	width: 55%;
	float: left;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	min-height: 300px;
	height: 300px;
}

.PortfolioItem__img img {
	min-height: auto;
	width: auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	max-height: 100%;
	transition: all 0.3s;
}

.PortfolioItem__imgLeft {
	z-index: 2;
}

.PortfolioItem__imgRightZindex .PortfolioItem__imgRight {
	z-index: 3;
}

.PortfolioItem__twooImg .PortfolioItem__imgLeft {
	left: 40%;
	bottom: 45%;
	transform: translate(-50%, 50%);
}

.PortfolioItem__twooImg .PortfolioItem__imgRight {
	left: 60%;
	bottom: 40%;
	transform: translate(-50%, 50%);
}

.PortfolioItem__img .PortfolioItem__imgLogo {
	position: absolute;
	top: -100%;
	transform: translate(-50%, -50%);
}

.PortfolioItem:hover .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
	left: 3%!important;
	transition: all 0.3s;
}

.PortfolioItem:hover .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgRight {
	left: 95%!important;
	transition: all 0.3s;
}

.PortfolioItem:hover .PortfolioItem__imgLogo {
	top: 50%;
	transition: all 0.3s;
}


.PortfolioItem:hover .PortfolioItem__imgAnimationTOP .PortfolioItem__imgLeft {
	bottom: -50%;
	transition: all 0.3s;
}

.PortfolioItem:hover .PortfolioItem__imgAnimationTOP .PortfolioItem__imgRight {
	bottom: -50%;
	transition: all 0.3s;
}

.PortfolioItem__info {
	width: 45%;
	float: left;
	padding: 0 15px 0 30px;
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap;
}

.PortfolioItem {
	color: #151515;
	display: flex;
	flex-flow: wrap;
	text-decoration: none;
	margin-bottom: 70px;
	padding: 0 15px;

}

.PortfolioItem__type {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: bold;
}

.PortfolioItem__name {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size: 28px;
	line-height: 120%;
	font-weight: bold;
}

.PortfolioItem__tags {
	color: #6600cc;
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size: 14px;
	line-height: 140%;
}

.PortfolioItem__tags ul {
	list-style: none;
	padding: 15px 0;
	margin: 0;
}

.PortfolioItem__tags ul li {
	display: inline-block;
	padding-right: 15px;
}

.PortfolioItem__more {
	align-self: flex-end;
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-weight: 600;
	padding-right: 35px;
	position: relative;
	margin-top: 15px;
}


.PortfolioItem__more .arrow {
    width: 29px;
    height: 10px;
    fill: #151515;
	stroke: #151515;
}

.PortfolioItem:hover .PortfolioItem__more {
	color: #6600cc;
	transition: .3s cubic-bezier(.29,.18,.26,.83);
}

.PortfolioItem:hover .PortfolioItem__more .arrow {
	transition: .3s cubic-bezier(.29,.18,.26,.83);
	fill: #6600cc;
	stroke: #6600cc;
	width: 44px;
	height: 10px;
}

.PortfolioItem__description {
	font-family: 'BPG Banner ExtraSquare Caps', Arial;
	font-size: 18px;
	line-height: 150%;
}




.PortfolioItem .PortfolioItem__name,
.PortfolioItem .PortfolioItem__type{
	-webkit-transition: all 333ms cubic-bezier(.47,0,.745,.715);
	transition: all 333ms cubic-bezier(.47,0,.745,.715);
	background-image: -webkit-gradient(linear,right top,left top,from(#000),color-stop(49.99%,#000),color-stop(50%,#6600CC),to(#6600CC));
	background-image: -webkit-linear-gradient(right,#000 0%,#000 49.99%,#6600CC 50%,#6600CC 100%);
	/*background-image: linear-gradient(-90deg,#000 0%,#000 49.99%,#6600CC 50%,#6600CC 100%);*/
	background-size: 200%;
	background-repeat: no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-position: 100%;
}

.PortfolioItem:hover .PortfolioItem__name,
.PortfolioItem:hover .PortfolioItem__type{
	background-position: 0;
	-webkit-transition: all 333ms cubic-bezier(.47,0,.745,.715);
	transition: all 333ms cubic-bezier(.47,0,.745,.715);
}


.inline-svg-icon.arrow-bottom {
	width: 22px;
	height: 10px;
	transform: rotate(90deg);
	fill: #151515;
	stroke: #151515;
	margin-right: 25px;
}

.PortfolioShowMore a {
	background: #F9F9F9;
	display: block;
	cursor: pointer;
	font-size: 20px;
	line-height: 150%;
	font-weight: 500;
	text-align: center;
	padding: 28px 0;
	margin: 0 15px;
	text-decoration: none;
}

.Pagination {
	display: none;
}


@media (max-width: 992px) {

    .Portfolio__header {
        font-size: 32px;
    }

	.PortfolioItem__description {
		font-size: 16px;
	}

	.PortfolioItem__name {
		font-size: 26px;
	}

	.PortfolioItem__more {
		font-size: 14px;
		padding-right: 30px;
	}

	.PortfolioItem__more:before {
		width: 22px;
		background-size: 100%;
	}

	.PortfolioItem_code_sout .PortfolioItem__img:before {
		display: none;
	}

	.PortfolioItem__img img {
		min-height: auto;
		width: auto;

	}

	.PortfolioItem_code_marker .PortfolioItem__img, .PortfolioItem_code_sout .PortfolioItem__img, .PortfolioItem_code_szr .PortfolioItem__img {
		display: block;
	}

}



@media (max-width: 767px) {

    .Portfolio__header {
        font-size: 22px;
    }

	.PortfolioItem__tags ul {
		padding: 8px 0;
	}

	.PortfolioItem__img,
	.PortfolioItem__info {
		width: 100%;
	}

	.PortfolioItem__img img {
		min-height: auto;
		width: auto;
	}

	.PortfolioItem__info {
		padding: 15px 0;
	}

	.PortfolioItem {
		margin: 30px 0;
	}

	.PortfolioItem__tags {
		font-size: 13px;
	}

	.PortfolioItem__tags ul li {
		padding-right: 10px;
	}

	.PortfolioItem__name {
		font-size: 20px;
	}

	.PortfolioItem__description {
		font-size: 14px;
	}

	.PortfolioItem__more {
		font-size: 13px;
	}

	.Portfolio {
		margin: 50px -15px 50px -15px;
	}


	.PortfolioItem .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
		left: 3%!important;
		transition: all 0.3s;
	}

	.PortfolioItem .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgRight {
		left: 95%!important;
		transition: all 0.3s;
		max-width: 100%;
	}

	.PortfolioItem .PortfolioItem__imgLogo {
		top: 50%;
		z-index: 4;
		transition: all 0.3s;
		max-width: 50%;
	}


	.PortfolioItem .PortfolioItem__imgAnimationTOP .PortfolioItem__imgLeft {
		bottom: -50%;
		transition: all 0.3s;
	}

	.PortfolioItem .PortfolioItem__imgAnimationTOP .PortfolioItem__imgRight {
		bottom: -50%;
		transition: all 0.3s;
	}


	.PortfolioItem__twooImg .PortfolioItem__imgLeft {
		z-index: 2;
	}

	.PortfolioItem__imgRightZindex .PortfolioItem__imgRight {
		z-index: 4;
	}

	.PortfolioItem.PortfolioItem_code_marker .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
		left: 28%!important;
	}

	.PortfolioItem.PortfolioItem_code_szr .PortfolioItem__imgAnimationTOP .PortfolioItem__imgLeft {
		bottom: -40%;
		max-width: 100%;
	}

	.PortfolioItem.PortfolioItem_code_sout .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
		left: 6%!important;
		max-width: 77%;
		bottom: 20%;
	}

	.PortfolioItem.PortfolioItem_code_sout .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgRight {
		left: 93%!important;
		max-width: 50%;
		bottom: 24%;
	}


	.PortfolioItem.PortfolioItem_code_bnv .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgRight {
		left: 100%!important;
		max-width: 75%;
		bottom: 25%;
	}

	.PortfolioItem.PortfolioItem_code_bnv .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
		left: 7%!important;
		bottom: 35%;
	}


	.PortfolioItem.PortfolioItem_code_prim .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgRight {
		left: 90%!important;
		max-width: 45%;
		bottom: 18%;
	}

	.PortfolioItem.PortfolioItem_code_prim .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
		left: 15%!important;
		bottom: 20%;
		max-width: 70%;
	}

	.PortfolioItem.PortfolioItem_code_stk .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
		left: 6%!important;
		max-width: 80%;
		bottom: 20%;
	}

	.PortfolioItem.PortfolioItem_code_stk .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgRight {
		left: 85%!important;
		max-width: 65%;
		bottom: 20%;
	}

}

@media (max-width: 586px) {
	.PortfolioItem .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
		left: -15%!important;
		transition: all 0.3s;
	}

	.PortfolioItem .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgRight {
		left: 105%!important;
		transition: all 0.3s;
	}
}
/* End */
/* /bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/style.css?168716565775006 */
/* /bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/flexslider/flexslider.css?16770812426394 */
/* /bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/css/foundation.css?1677081240581 */
/* /bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/css/context.css?167708124025056 */
/* /bitrix/templates/mkws_ge/components/bitrix/news/services/bitrix/news.detail/.default/css/ion.rangeSlider.min.css?167708124015940 */
/* /bitrix/templates/mkws_ge/components/bitrix/news.list/portfolio/style.css?16872671258787 */
