

/* Start:/css/foundation-styles.css?1600861514596*/
.btn {
	display:    inline-block;
	font-size:  18px;
	/*color:      #151515;*/
	padding:    14px 20px;
	border:     1px solid #E0E0E0;
	cursor:     pointer;
	transition: .4s;
	text-align: center;
}

.btn_green {
	background-color: #56BB5A;
	border: none;
	color: #FFF;
}

.btn_green:hover {
	background-color: #3e9840;
}

.btn_purple {
	border-color:     #6600CC;
	background-color: #6600CC;
	color:            #FFFFFF;
}

.btn_purple:hover {
	background-color: #4b0096;
}

.btn_no-bd {
	border: none;
}

.pos-r {
	position: relative;
}

.pos-a {
	position: absolute;
}

.h-100 {
	height: 100%;
}
/* End */


/* Start:/bitrix/templates/mkws/components/bitrix/menu/horizontal_multilevel_new2/style.css?17520916505784*/

.mainNav {
	--box-shadow-dropdown: none;
	--surface-primary: #25004b;
	--surface-primary-hover: #4d0099;
	--surface-primary-inverted: #f5f6fe;
	--surface-secondary: #050c26;
	--surface-secondary-hover: #050c26;
	--surface-accent: #7100e2;
	--surface-accent-hover: #6600CC;
	--surface-line: #3a0074;
	--surface-line-hover: #3a0074;
	--surface-white: #fff;
	--surface-top-gradient: linear-gradient(180deg, var(--surface-primary) 0%, var(--surface-secondary) 100%);
	--text-disbled: #444b66;
	--text-primary: #fff;
	--text-primary-inverted: #050c26;
	--text-primary-resources: #969caf;
	--text-secondary: #78819d;
	--text-white: #fff;
	--icon-primary: #646b85;
	--icon-primary-hover: #646b85;
	--icon-secondary: #fff;
	--icon-secondary-hover: #fff;
	--icon-accent: #fff;
	--icon-accent-inverted: #454cee;
	--icon-accent-hover: #fff;
	--icon-white: #fff;
	--link-primary: #fff;
	--link-primary-hover: #78819d;
	--link-secondary: #78819d;
	--link-secondary-hover: #fff;
	--link-accent: #fff;
	--link-accent-hover: #78819d;
	--link-white: #fff;
	--status-error: #ea4335;
	--status-success: #1cc14d;
	--status-warning: #fbbc05;
	--box-shadow-surface-secondary: none;
	--surface-secondary-rgb: 5, 12, 38;
}
.mainNav {
	list-style: none;
	padding: 0;
	display: flex
;
	width: 58.333%;
	float: left;
	justify-content: flex-end;
	margin: 10px 0;
}
@media only screen and (min-width: 1264px) {
	.logoSmallWrapper {
		display: none;
	}
}
.landingMenuItem {
	position: relative;
}
.wrapped {
	height: --height-control-xl;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	padding-right: 6px;
}
.landingMenuItemContent {
	cursor: pointer;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex
;
	gap: 2px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	padding: 12px 6px 12px 16px;
}
.link-primary {
	font-family: Gilroy, Arial;
	font-size: 16px;
	line-height: 150%;
	color: #151515;
	font-weight: bold;
}
.icon.opened {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.dropdownTree {
	-webkit-box-shadow: var(--box-shadow-dropdown);
	box-shadow: var(--box-shadow-dropdown);
	left: 0;
	margin: 0 var(--paddings-content);
	max-width: var(--width-header);
	position: fixed;
	right: 0;
	top: -webkit-calc(var(--height-header) + var(--header-dropdown-shift));
	top: -moz-calc(var(--height-header) + var(--header-dropdown-shift));
	top: calc(var(--height-header) + var(--header-dropdown-shift));
}
.wrapper .icon[data-v-411017c9] {
	display: block;
}
.color-theme-dark .dropdown-tree-wrapper {
	background: var(--surface-line) !important;
}
@media only screen and (min-width: 1344px) {
	.dropdownTree {
		margin: 0 auto;
	}
}
#horizontal-multilevel-menu .content {
	padding: var(--paddings-card);
	z-index: 2;
}
.textContentWrapperFullHeight {
	height: 100%;
}
.dropdownContent {
	overflow: auto;
}
.dropdownContentInner, .firstCol {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex
;
	justify-content: space-between;
}

 .dropdownContentInner {
	 gap: var(--gap-32);
 }

.menuItems {
	overflow: auto;
	scrollbar-color: var(--surface-accent) transparent !important;
	scrollbar-width: thin !important;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	display: grid
;
	flex: 1;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: var(--gap-20);
	-webkit-align-content: flex-start;
	align-content: flex-start;
	-webkit-column-gap: var(--gap-20);
	-moz-column-gap: var(--gap-20);
	column-gap: var(--gap-20);
	max-height: 320px;
	padding-right: 10px;
	width: calc(100% - 320px);
}
.menuItem {
	padding: 12px 0;
}

 .itemWrapper {
	 display: -webkit-box;
	 display: -webkit-flex;
	 display: -moz-box;
	 display: flex
 ;
	 gap: var(--gap-12);
 }
#horizontal-multilevel-menu .content {
	display: grid
;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
.title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex
;
	gap: 6px;
	font-family: Gilroy, Arial;
	font-size: 16px;
	line-height: 150%;
	color: #151515;
	font-weight: bold;

}
.lastCol {
	width: 320px;
}
.twCard {
	border-radius: 40px;
	display: none;;
	max-width: 1350px;
	margin: auto;
	z-index: 20;
	padding: 32px;
	background: #fff;
	-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.landingMenuItem:hover .twCard {
	display: flex;
}
.itemWrapper.menuItem {
	text-decoration: none;
}
.itemWrapper.menuItem:hover .content,
.itemWrapper.menuItem:hover .title {
	color: #6600CC;
}
.itemWrapper.menuItem .content {
	color: #5a5a5a;
	padding-left: 10px;
}

.itemWrapper.menuItem .wrapper.wrapper__svg-is-inherit {
	width: 24px;
	height: 24px;
	color: rgba(126, 0, 247, 0.48);
	font-family: Gilroy, Arial;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
}

.itemWrapper.menuItem .subtitle {
	font-size: 12px;
}

.lastCol .twCard {
	box-shadow: none;
	background: rgba(194, 135, 251, 0.24);
	text-align: center;
}
.twCard > div > div,
.twCard > div > div > div ,
.twCard > div {
	width: 100%;
}
.lastCol .twCard img {
	max-width: 60%;
}
.lastCol .twCard .text-secondary {
	text-align: left;
}
.twCard .green-btn {
	font-family: 'Circe', Arial;
	font-weight: 700;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
	color: #FFFFFF;
	background: #4CC194;
	border-radius: 40px;
	padding: 8px 20px;
	cursor: pointer;
	display: inline-block;
	transition: 0.3s;
	border: none;
	width: 100%;
	margin-top: 10px;
	text-decoration: none;
	box-sizing: border-box;
}

.fix .mainNav {
	display: none;
}
/* End */


/* Start:/bitrix/templates/mkws/components/bitrix/menu/burger/style.css?16770812391603*/
.BurgerMenu__section {
    width: 33.333%;
    box-sizing: border-box;
    float: left;
    padding: 0 15px;
}

.BurgerMenu__item > a {
    font-family: Gilroy, Arial;
    font-size: 26px;
    line-height: 120%;
    font-weight: bold;
    margin-bottom: 10px;
    color: #151515;
    text-decoration: none;
}

.BurgerMenu__item {
    margin-bottom: 20px;
}

.BurgerMenu__item > ul li a {
    color: #212121;
    font-family: Circe, Arial;
    font-size: 18px;
    line-height: 120%;
    text-decoration: none;

}

.BurgerMenu__topBlock {
    width: 100%;
    margin-top: 7vh;
}

.BurgerMenu__item > ul {
    padding-left: 20px;
}

.BurgerMenu__item > ul li {
    padding-bottom: 15px;
}

.BurgerMenu__item a {
    position: relative;
}

.BurgerMenu__item a:after {
    background: #151515;
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    right: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width .3s cubic-bezier(.47,0,.745,.715);
    transition: width .3s cubic-bezier(.47,0,.745,.715);
}

.BurgerMenu__item a:hover:after {
    width: 100%;
    -webkit-transition: width .3s cubic-bezier(.29,.18,.26,.83);
    transition: width .3s cubic-bezier(.29,.18,.26,.83);
    left: 0;
}

.BurgerMenu {
    float: left;
    width: 100%;
    margin-bottom: 150px;
}

@media (max-width: 767px ) {
    .BurgerMenu__section {
        width: 100%;
    }

    .BurgerMenu__item > a {
        font-size: 18px;
    }

    .BurgerMenu__item > ul li a {
        font-size: 16px;
    }



}
/* End */


/* Start:/bitrix/templates/mkws/components/bitrix/breadcrumb/mkws/style.css?16770812411478*/
.NavigationList {
	margin: 20px 0 0 0;
	display: inline-block;
}

.NavigationItem {
	white-space: nowrap;
	line-height: 140%;
	vertical-align: middle;
	margin: 7px 8px 0 0;
	display: inline-block;
}
.NavigationItem span {
	font-family: Circe, Arial;
	font-size: 14px;
	line-height: 120%;
	white-space: normal;
}
.NavigationItem a {
	border-bottom: none;
	color: #000;
	text-decoration: none;
	padding-right: 10px;
	position: relative;
	display: inline-block;
}
.NavigationItem a:after {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	top: 50%;
	right: -5px;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	background: #E0E0E0;
}

.NavigationItem a:before {
	background: #151515;
	content: "";
	position: absolute;
	display: block;
	height: 1px;
	right: 0;
	bottom: 0;
	width: 0;
	-webkit-transition: width .3s cubic-bezier(.47,0,.745,.715);
	transition: width .3s cubic-bezier(.47,0,.745,.715);
}

.NavigationItem a:hover {}

.NavigationItem a:hover:before {
	width: calc(100% - 10px);
	-webkit-transition: width .3s cubic-bezier(.29,.18,.26,.83);
	transition: width .3s cubic-bezier(.29,.18,.26,.83);
	left: 0;
}

.NavigationItem_active_true {
	color: #6600CC;
}


@media (max-width: 767px) {
	.NavigationItem span {
		font-size: 12px;
		line-height: 140%;
	}

	.NavigationList {
		margin: 5px 0 0 0;
		float: left;
	}

	.NavigationItem svg {
		width: 16px;
		height: 7px;
		margin-top: 7px;
		margin-right: 5px;
	}

	.Navigation {
		display: flex;
	}
}
/* End */


/* Start:/bitrix/templates/mkws/components/bitrix/menu/bottom_mkws/style.css?17520904601550*/
.bottomMenu {
    list-style: none;
    padding: 0;
    float: left;
    margin: 0 0;
    width: 68.66%;
    position: relative;
    margin-bottom: 40px;
}

.bottomMenu__item {
    display: block;
    float: left;
    width: 70%;
    padding: 0 23px 20px 0;
    box-sizing: border-box;
}

.bottomMenu__item:nth-child(2n-1) {
    padding-left: 0;
    width: 30%;
}

.bottomMenu__item {
    font-family: Circe, Arial;
    font-size: 14px;
    line-height: 150%;
    color: #fff;
}

.bottomMenu__item a {
    font-size: 16px;
    line-height: 150%;
    color: #9E9E9E;
    text-decoration: none;
    position: relative;
}
.bottomMenu__item:first-child a {
    /*color: #fff;*/
}
.bottomMenu__item a:after {
    background: #9E9E9E;
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    right: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width .3s cubic-bezier(.47,0,.745,.715);
    transition: width .3s cubic-bezier(.47,0,.745,.715);
}

.bottomMenu__item a:hover:after {
    width: 100%;
    -webkit-transition: width .3s cubic-bezier(.29,.18,.26,.83);
    transition: width .3s cubic-bezier(.29,.18,.26,.83);
    left: 0;
}


@media (max-width: 767px ) {
    .bottomMenu {
        width: 100%;
    }

    .bottomMenu__item {
        width: 65%;
        padding: 0 7px 10px 0;
    }

    .bottomMenu__item:nth-child(2n-1) {
        width: 35%;
    }

    .bottomMenu__item a {
        font-size: 14px;
        padding: 5px 0;
    }
}
/* End */


/* Start:/bitrix/templates/mkws/template_styles.css?175209017628901*/
body {
	font-family:    Circe, Arial;
	margin:         0;
	display:        flex;
	flex-direction: column;
	min-height:     100vh;
	background: #fff;
}

/*body > div {*/
/*width: 100%;*/
/*}*/

/* --------------------------header-------------------------*/

header {
	width:      100%;
	flex:       0 0 auto;
	background: #fff;
	z-index:    100;
	position:   fixed;
	color:      #151515;
}

a {
	color: #151515;
}
header.fix .headerPhone {
	display: none;
}

.headerPhone a {
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	text-decoration: none;
	border: 1px solid #554268;
	border-radius: 28px;
	padding: 5px 12px;
	transition: 0.3s;
	white-space: nowrap;
}
header.fix {
	position: fixed;
}

.headerBlock {
	max-width:   1380px;
	margin:      auto;
	display:     flex;
	flex-flow:   row wrap;
	align-items: center;
	padding:     0 15px;
}

.headerBlock__menuBtn,
.headerBlock__logo {
	text-decoration: none;
	padding:         10px 0;
	display:         block;
	float:           left;
	box-sizing:      border-box;
	border-bottom:   none;
}

.headerBlock__menuBtn {
	width:    36px;
	height:   30px;
	position: relative;
}

.headerBlock__menuBtn::after, .headerBlock__menuBtn::before {
	content:            '';
	position:           absolute;
	left:               0;
	height:             2px;
	background:         #000;
	-webkit-transition: all .3s cubic-bezier(.29, .18, .26, .83);
	transition:         all .3s cubic-bezier(.29, .18, .26, .83);
}

.headerBlock__menuBtn::after {
	top:                64%;
	width:              100%;
}

.headerBlock__menuBtn::before {
	top:                30%;
	width:              60%;
}

.h2 {
	font-family: Gilroy, Arial;
	font-size: 48px;
	line-height: 130%;
	font-weight: bold;
	color: #212121;
	margin-bottom: 25px;
	margin-top: 0;
}

.headerBlock__brifBtn {
	font-family:        "Gilroy", sans-serif;
	text-decoration:    none;
	padding:            13px 23px;
	color:              #fff;
	background:         #6600cc;
	line-height:        18px;
	font-size:          18px;
	display:            inline-block;
	height:             auto;
	margin:             10px 0;
	float:              right;
	-webkit-transition: background .3s cubic-bezier(.29, .18, .26, .83);
	transition:         background .3s cubic-bezier(.29, .18, .26, .83);
}

.headerBlock__brifBtn:hover {
	background:         #27009A;
	-webkit-transition: background .3s cubic-bezier(.29, .18, .26, .83);
	transition:         background .3s cubic-bezier(.29, .18, .26, .83);
}

.headerBlock__leftLink {
	float:       left;
	width:       25%;
	display:     flex;
	flex-flow:   row wrap;
	align-items: center;
	margin:      10px 0;
}

.headerBlock__rightLink {
	float: right;
	width: 16.66%;
}

.headerBlock__logo {
	padding-left: 20px;
}

main.white, main.white a, main.white .BurgerMenu .BurgerMenuContacts__projectsBtn, main.white .check-box {
	color: #fff !important;
}

main.white .BurgerMenu, main.white .BurgerMenu a {
	color: #000 !important;
}

main.white .BurgerMenuContacts__email a, main.white .BurgerMenuContacts__phone a {
	color: #616161 !important;
}

main.active .ProfessionalsBlock {
	background: none;
}

.headerSocnet__tg {
	display: none;
}

@media (max-width: 1150px ) {
	.headerBlock__logo {
		width: calc(100% - 41px);
	}

	.headerBlock__logo svg {
		width: 100%;
	}

	.headerBlock__rightLink {
		width: 20%;
	}

}

@media (max-width: 940px ) {
	.headerBlock__brifBtn {
		padding:   13px 21px;
		font-size: 16px;
	}
}

@media (max-width: 850px ) {
	.headerBlock__rightLink {
		width: 26%;
	}
}

@media (max-width: 767px ) {
	.headerBlock__logo svg {
		width: auto;
	}

	.headerBlock__logo {
		padding-left: 0;
		order:        1;
	}

	.headerBlock__menuBtn {
		order: 2;
	}

	.headerBlock__leftLink {
		width:  100%;
		margin: 0;
	}

	.headerBlock__rightLink {
		display: none;
	}

}

/* --------------------------header close-------------------------*/

/* --------------------------footer-------------------------*/

footer {
	background:  #151515;
	padding:     74px 0 50px 0;
	width:       100%;
	color:       #fff;
	font-size:   14px;
	line-height: 21px;
	font-family: "Circe", Arial;
	flex:        0 0 auto;
}

.footerBlock {
	max-width:   1380px;
	margin:      auto;
	display:     flex;
	flex-flow:   row wrap;
	align-items: center;
	padding:     0 15px;
}

.footerSubmit,
.footerInfo,
.footerMenu {
	width: 100%;
}

.footerSubmit {
	border-bottom: 2px solid #212121;
}
.footerRightSubmit {
	display: none;
}
.footerSubmit {
	display: flex;
	flex-flow: row wrap;
}
.footerLeftSubmit,
.footerRightSubmit,
.footerCenterSubmit {
	width:          32.33%;
	float:          left;
	padding-bottom: 25px;
	box-sizing:     border-box;
}

.footerCenterSubmit {
	margin-left: auto;
	text-align: right;
}

.footerSubmit__label {
	font-weight: bold;
}

.footerSubmit__email a {
	font-family:     Gilroy, Arial;
	font-size:       48px;
	line-height:     130%;
	color:           #fff;
	font-weight:     bold;
	text-decoration: none;
	position:        relative;

}

.footerSubmit__email a:after,
.footerCenterInfo__phone a:after {
	background:         #fff;
	content:            "";
	position:           absolute;
	display:            block;
	height:             1px;
	right:              0;
	bottom:             0;
	width:              0;
	-webkit-transition: width .3s cubic-bezier(.47, 0, .745, .715);
	transition:         width .3s cubic-bezier(.47, 0, .745, .715);
}
.bottomMenu {
	width: 100%;
}
.bottomMenu__item {
	width: 50%;
}
.bottomMenu__item:nth-child(2n-1) {
	width: 50%;
}
.footerCenterInfo {
	width: 33%;
}
.footerLeftInfo, .footerSocnet {
	width: 33%;
}
.footerCenterInfo {
	width: 30%;
}
.footerLeftInfo{
	width: 50%;
	display: flex;
}
.footerLeftInfo > div {
	width: 50%;
}
.footerSocnet {
	width: 20%;
}
.footerSubmit__email a:hover:after,
.footerCenterInfo__phone a:hover:after {
	width:              100%;
	-webkit-transition: width .3s cubic-bezier(.29, .18, .26, .83);
	transition:         width .3s cubic-bezier(.29, .18, .26, .83);
	left:               0;
}

.footerBlock__brifBtn {
	text-decoration:    none;
	padding:            13px 29px;
	color:              #fff;
	background:         #6600cc;
	line-height:        24px;
	font-size:          20px;
	display:            inline-block;
	height:             auto;
	margin:             10px 0;
	float:              right;
	-webkit-transition: background .3s cubic-bezier(.29, .18, .26, .83);
	transition:         background .3s cubic-bezier(.29, .18, .26, .83);
}

.footerBlock__brifBtn:hover {
	background:         #27009A;
}

.footerInfo {
	padding-top: 30px;
}

.footerLeftInfo,
.footerSocnet {
	float: left;
	width: 33%;
}

.footerCenterInfo {
	width: 33%;
	float: left;
}
.footerCenterInfo {
	width: 30%;
}
.footerLeftInfo{
	width: 50%;
	display: flex;
	padding-right: 5%;
	flex-flow: row wrap;
	justify-content: space-between;
}
.footerLeftInfo > div {
	width: 50%;

}
.footerSocnet {
	width: 20%;
}

.footerLeftInfo .footerLeftInfo__address:last-child {
	max-width: 250px;
}

.footerSocnet {
	display:         flex;
	flex-flow:       row wrap;
	justify-content: flex-end;
}

.footerSocnet > div {
	width:       22px;
	height:      22px;
	float:       left;
	margin-left: 15px;
	cursor:      pointer;
	position:    relative;
}

.footerSocnet > div > svg {
	width:    27px;
	height:   20px;
	position: absolute;
	left:     0;
}

.footerSocnet > div a {
	width:    22px;
	height:   22px;
	float:    left;
	z-index:  2;
	position: relative;
}

.inline-svg-icon {
	fill:               #fff;
	-webkit-transition: fill .3s cubic-bezier(.47, 0, .745, .715);
	transition:         fill .3s cubic-bezier(.47, 0, .745, .715);
}

.footerCenterInfo > div {
	padding-left: 15px;
}

.footerSocnet > div:hover .inline-svg-icon {
	fill:               #6600CC;
	-webkit-transition: fill .3s cubic-bezier(.47, 0, .745, .715);
	transition:         fill .3s cubic-bezier(.47, 0, .745, .715);
}

.footerInfo {
	font-size: 18px;
}

.footerCenterInfo__phone a {
	font-size:       18px;
	color:           #fff;
	text-decoration: none;
	position:        relative;
}

.footerCenterInfo__phone, .footerLeftInfo__address, .footerLeftInfo__city {
	margin-bottom: 15px;
}

.footerLeftInfo__city {
	text-transform: uppercase;
}

.footerInfoBottom__warning {
	color: #616161;
	max-width: 50%;
}

.footerInfoBottom {
	display:         flex;
	flex-flow:       row wrap;
	justify-content: space-between;
	align-items: flex-end;
	width:           100%;
}

.toTop, .toBack {
	position:        fixed;
	width:           150px;
	height:          100px;
	opacity:         0.5;
	color:           #6600cc;
	font-size:       16px;
	line-height:     20px;
	letter-spacing:  0.05em;
	text-transform:  uppercase;
	z-index:         5000;
	background:      rgba(102, 0, 204, 0.25);
	text-decoration: none;
}

.toTop {
	bottom:          50px;
	right:           0;
}

.toBack {
	top:             50%;
	transform:       translateY(-50%);
	cursor:          pointer;
}

.toHidden {
	opacity: 0;
}

.toTop:hover, .toBack:hover {
	opacity:            1;
	-webkit-transition: opacity .3s cubic-bezier(.47, 0, .745, .715);
	transition:         opacity .3s cubic-bezier(.47, 0, .745, .715);
}

.toTop > div {
	text-decoration: none;
	font-weight:     bold;
	text-align:      center;
	position:        absolute;
	top:             50%;
	left:            50%;
	transform:       translateX(-50%);
	padding-top:     10px;
}

.toTop > div::before {
	content:    '';
	position:   absolute;
	top:        -29px;
	left:       50%;
	height:     29px;
	width:      9px;
	background: url(/images/ToTop.svg) center no-repeat;
	transform:  translateX(-50%);
}

.toBack > div {
	text-decoration: none;
	font-weight:     bold;
	text-align:      center;
	position:        absolute;
	top:             30%;
	left:            50%;
	transform:       translateX(-50%);
	padding-top:     10px;
}

.toBack > div::before {
	content:    '';
	position:   absolute;
	top:        15px;
	left:       -19px;
	height:     9px;
	width:      29px;
	background: url(/images/ToBack.svg) center no-repeat;
	transform:  translateX(-50%);
}

.Arrows.white .toBack,
.Arrows.white .toTop {
	color: #fff;
}

.Arrows.white .toBack > div:before {
	background-image: url(/images/ToBackWhite.svg);
}

.Arrows.white .toTop > div:before {
	background-image: url(/images/ToTopWhite.svg);
}

@media (max-width: 1380px) {
	.toTop {
		width:      50px;
		height:     50px;
		background: rgba(102, 0, 204, 0.25);
		right:      0;
		opacity:    1;
	}

	.toTop::before {
		content:         '';
		position:        absolute;
		top:             10px;
		left:            0;
		height:          50%;
		width:           100%;
		background:      url(/images/ToTop.svg) center no-repeat;
		background-size: auto 100%;
	}

	.toTop > div {
		display: none;
	}

	.toBack {
		display: none;
	}
}

@media (max-width: 1300px) {
	.footerSubmit__email a {
		font-size: 32px;
	}
}

@media (max-width: 992px ) {
	.footerLeftSubmit, .footerRightSubmit,
	.footerCenterSubmit {
		width:          100%;
		padding-bottom: 0;
	}
	.footerCenterSubmit,
	.footerRightSubmit {
		display: none;
	}
	.footerLeftInfo, .footerCenterInfo {
		width: 50%;
	}

	.footerInfo {
		position: relative;
	}

	.footerInfoBottom {
		margin-top: 30px;
	}

	.footerInfoBottom__warning {
		margin-bottom: 20px;
	}

	.footerCenterSubmit {
		padding-left: 0;
	}

	footer {
		padding: 30px 0;
	}

	.footerSubmit__email {
		word-break:    break-all;
		padding-right: 10px;
	}

	.footerSubmit__email a {
		font-size: 20px;
	}

	.footerRightSubmit {
		width:          100%;
		padding-bottom: 15px;
	}

	.footerBlock__brifBtn {
		float:      none;
		text-align: center;
		display:    block;
	}

	.footerSubmit {
		border: none;
	}

	.footerLeftInfo {
		order: 3;
	}

	.footerCenterInfo {
		order: 2;
	}

	.footerSocnet {
		width:           100%;
		justify-content: center;
		order:           1;
		margin-bottom:   20px;
		padding-bottom:  20px;
		border-bottom:   1px solid #212121;
	}

	.bottomMenu__item {
		width: 100%;
	}

	.footerInfo {
		font-size: 14px;
		display:   flex;
		flex-flow: row wrap;
	}

	.bottomMenu {
		margin-bottom: 10px;
	}

	.footerBlock__brifBtn {
		padding:     12px 23px;
		line-height: 14px;
		font-size:   14px;
	}

	.footerCenterInfo > div {
		padding: 0;
	}

	.footerSocnet > div {
		margin: 0 13px 0 13px;
	}

	.footerBlock {
		position: relative;
	}

	.footerMenu {
		padding-bottom: 30px;
	}

	.footerLeftInfo > div {
		margin-bottom: 13px;
	}

	.footerCenterInfo__phone {
		margin: 26px 0 13px 0;
	}

	.Arrows {
		width: 0;
	}
}

@media (max-width: 330px ) {
	.footerLeftInfo__address {
		font-size: 17px;
	}
}

/* --------------------------footer close-------------------------*/

/* --------------------------all-------------------------*/

.cookie-popup {
	display:       none;
	background:    #FFFFFF;
	box-shadow:    0px 0px 15px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	max-width:     900px;
	position:      fixed;
	left:          50%;
	bottom:        15px;
	transform:     translateX(-50%);
	padding:       22px 35px;
	font-size:     14px;
	line-height:   120%;
	z-index:       10001;
	width:         100%;
}

.cookie-popup .Text {
	width: 80%;
}

.cookie-popup .Header {
	text-transform: uppercase;
	color:          #000000;
	margin-bottom:  5px;
	font-weight:    bold;
}

.cookie-popup a {
	color:           #6600CC;
	font-weight:     bold;
	text-decoration: underline;
}

.cookie-close {
	cursor:        pointer;
	color:         #FFFFFF;
	font-weight:   bold;
	font-size:     16px;
	line-height:   19px;
	padding:       13px 35px;
	background:    #6600CC;
	border-radius: 3px;
	display:       inline-block;
	position:      absolute;
	right:         35px;
	top:           50%;
	transform:     translateY(-50%);
}

div {
	box-sizing: border-box;
}

main {
	width:       100%;
	flex:        1 0 auto;
	padding-top: 70px;
	transition:  background-color 0.2s;
}

.Blocks {
	max-width:  1380px;
	margin:     auto;
	padding:    0 15px;
	box-sizing: border-box;
}

h1, .h1 {
	font-family: "Gilroy", sans-serif;
	font-size:   72px;
	line-height: 110%;
	color:       #151515;
	font-weight: bold;
}

.BurgerMenu {
	position:           fixed;
	left:               -100vw;
	width:              100%;
	height:             calc(100vh - 70px);
	background:         #fff;
	top:                70px;
	z-index:            101;
	display:            flex;
	flex-wrap:          wrap;
	-webkit-transition: left .6s cubic-bezier(.29, .18, .26, .83);
	transition:         left .6s cubic-bezier(.29, .18, .26, .83);
	overflow-y: auto;
}

.BurgerMenu_xs_hidden {
	padding-top: 10px;
}

.BurgerMenu .Blocks {
	display:     flex;
	flex-flow:   row wrap;
	margin:      0 auto;
	align-items: stretch;
}

.BurgerMenu_footer {
	width: 100%;
	padding-bottom: 40px;
}

.footerInfoBottom__copy {
	text-align: right;
}

.BurgerMenuSubmit {
	float: left;
	width: 60%;
}
.footerLeftInfo__address {
	line-height: 160%;
}

.footerLeftInfo__address a,
.footerInfoBottom a {
	color: #d1b2f0;
}
.footerLeftInfo__address a:hover,
.footerInfoBottom a:hover {
	opacity: 0.7;
}
.BurgerMenuSocnet {
	float: right;
	width: 30%;
	display: none;
}

.Menu_visible_true .BurgerMenu {
	left:               0;
	-webkit-transition: left .6s cubic-bezier(.29, .18, .26, .83);
	transition:         left .6s cubic-bezier(.29, .18, .26, .83);
}

.BurgerMenuSubmit__email a {
	font-family: "Gilroy", sans-serif;
	font-size:   48px;
	line-height: 130%;
	color:       #151515;
	font-weight: bold;
}

.BurgerMenuSubmit__label {
	font-family:    "Circe", sans-serif;
	font-size:      14px;
	line-height:    21px;
	text-transform: uppercase;
	color:          #151515;
	font-weight:    bold;
}

.BurgerMenuSocnet > div a {
	width:    22px;
	height:   22px;
	float:    left;
	z-index:  2;
	position: relative;
}

.BurgerMenuSocnet > div {
	width:       22px;
	height:      22px;
	float:       right;
	margin-left: 15px;
	cursor:      pointer;
	position:    relative;
	margin-top:  15px;
}

.BurgerMenuSocnet > div:hover .inline-svg-icon {
	fill:               #151515;
	-webkit-transition: fill .3s cubic-bezier(.47, 0, .745, .715);
	transition:         fill .3s cubic-bezier(.47, 0, .745, .715);
}

.BurgerMenuSocnet .inline-svg-icon {
	fill:               #6600cc;
	-webkit-transition: fill .3s cubic-bezier(.47, 0, .745, .715);
	transition:         fill .3s cubic-bezier(.47, 0, .745, .715);
	width:              100%;
	height:             22px;
	position:           absolute;
	left:               0;
}

.BurgerMenu__menu {
	width: 66.666%;
	float: left;
	display: flex;
	flex-flow: row wrap;
}

.BurgerMenu__menu > *:first-child li.hd {
	display: none;
}

.BurgerMenuContacts {
	width:        33.333%;
	float:        left;
	box-sizing:   border-box;
	padding-left: 30px;
}

.BurgerMenuContacts__header {
	font-family:   "Gilroy", sans-serif;
	font-size:     26px;
	line-height:   120%;
	font-weight:   bold;
	margin-bottom: 10px;
}

.BurgerMenuContacts__email a,
.BurgerMenuContacts__phone a {
	font-family:     "Circe", sans-serif;
	font-size:       18px;
	line-height:     150%;
	color:           #616161;

	text-decoration: none;
}

.BurgerMenuContacts__email {
	margin-bottom: 15px;
}

.BurgerMenuContacts__projectsBtn,
.BurgerMenuContacts__brifBtn {
	text-decoration:    none;
	padding:            13px 29px;
	color:              #fff;
	background:         #6600cc;
	line-height:        24px;
	font-size:          20px;
	display:            inline-block;
	height:             auto;
	margin:             30px 0;
	float:              left;
	-webkit-transition: background .3s cubic-bezier(.29, .18, .26, .83);
	transition:         background .3s cubic-bezier(.29, .18, .26, .83);
}

.BurgerMenuContacts__projectsBtn:hover,
.BurgerMenuContacts__brifBtn:hover {
	background:         #27009A;
	-webkit-transition: background .3s cubic-bezier(.29, .18, .26, .83);
	transition:         background .3s cubic-bezier(.29, .18, .26, .83);
}

.Menu_visible_true {
	overflow: hidden;
}

/*@media (min-width: 768px) {*/

	/*.Menu_visible_true {*/
		/*padding-right: 16.7px;*/
	/*}*/

	/*.Menu_visible_true header {*/
		/*padding-right: 16.7px;*/
	/*}*/

	/*.Menu_visible_true.Menu_visible_mac, .Menu_visible_true.Menu_visible_mac header {*/
		/*padding-right: 0;*/
	/*}*/
/*}*/

.Menu_visible_true header .topMenu {
	opacity: 0;
}

/*.Menu_visible_true header .headerBlock__rightLink {*/
/*display: none;*/
/*}*/

.Menu_visible_true .headerBlock__menuBtn:before {
	width:     100%;
	transform: rotate(45deg) translate(20%, 25%);
}

.Menu_visible_true .headerBlock__menuBtn:after {
	transform: rotate(-45deg) translate(20%, 25%);
}

.BurgerMenu__section:not(.BurgerMenu_child_true) .BurgerMenu__item > a {
	font-size:   20px;
	font-weight: normal;
}

@media (max-width: 991px) {
	.h2 {
		font-size: 32px;
	}

	.BurgerMenuContacts__header,
	.BurgerMenu__item > a {
		font-size: 22px;
	}

	.BurgerMenu__item > ul li a {
		font-size: 16px;
	}

	.BurgerMenuSubmit__email a {
		font-size: 34px;
	}

	.BurgerMenuSubmit__label {
		font-size: 12px;
	}

	.BurgerMenu__item > ul li {
		padding-bottom: 12px;
	}

	.BurgerMenuContacts__projectsBtn, .BurgerMenuContacts__brifBtn {
		font-size: 18px;
		padding:   7px 18px;
	}

	.BurgerMenu__section:not(.BurgerMenu_child_true) .BurgerMenu__item > a {
		font-size: 16px;
	}

}

@media (max-width: 767px ) {

	.Menu_visible_true {
		overflow: auto;
	}

	.Menu_visible_true main > div:not(.BurgerMenu), .Menu_visible_true footer {
		display: none;
	}

	.Menu_visible_true .BurgerMenu {
		height:   100%;
		position: absolute;
	}

	.BurgerMenuSubmit__email a {
		font-size: 20px;
	}

	.BurgerMenuSocnet,
	.BurgerMenuSubmit {
		width: 100%;
	}

	.BurgerMenuSocnet > div {
		float:       left;
		margin-left: 7px;
	}

	.BurgerMenu__item > a {
		font-size: 16px;
	}

	.BurgerMenu_xs_hidden {
		height:   0;
		overflow: hidden;
		margin:   0;
	}

	.BurgerMenu__item {
		margin-bottom:  7px;
		padding-bottom: 7px;
		border-bottom:  1px solid #e0e0e0;
		cursor:         pointer;
	}

	.BurgerMenu__section {
		width:    100%;
		padding:  0;
		position: relative;
	}

	main {
		overflow:    hidden;
		padding-top: 52px;
	}

	h1, .h1 {
		font-size: 22px;
	}

	.BurgerMenu {
		margin-bottom: 50px;
		width:         100%;
		top:           52px;
	}

	.BurgerMenu__menu {
		width: 100%;
	}

	.BurgerMenuContacts {
		width:   100%;
		padding: 0;
	}

	.BurgerMenu__topBlock {
		margin-top: 5px;
	}

	.BurgerMenuContacts__projectsBtn, .BurgerMenuContacts__brifBtn {
		float:       left;
		padding:     12px 23px;
		line-height: 14px;
		font-size:   14px;
		margin:      5px 0;
	}

	.BurgerMenuContacts {
		margin-top: 10px;

		display: flex;
		flex-flow: row wrap;
	}
	.BurgerMenuContacts__phone {
		width: 50%;
		margin-bottom: 15px;

	}
	.BurgerMenuContacts__email {
		width: 50%;
		z-index: 1;
		margin-top: 15px;
	}
	.BurgerMenuContacts__projects {
		width: 100%;
		z-index: 2;
	}
	.BurgerMenuContacts__phone a,
	.BurgerMenuContacts__email a {
		font-size: 20px;
		font-family: "Gilroy", sans-serif;
		line-height: 130%;
		color: #151515;
		font-weight: bold;
	}

	.BurgerMenuSubmit,
	.BurgerMenuContacts__header {
		display: none;
	}

	.BurgerMenuContacts__email a, .BurgerMenuContacts__phone a {
		font-size: 16px;
	}

	.BurgerMenuSubmit__label {
		font-size: 10px;
	}

	.BurgerMenu .Blocks {
		/*display: block;*/
	}

	.BurgerMenuSocnet > div a,
	.BurgerMenuSocnet > div {
		width:  18px;
		height: 18px;
	}

	.BurgerMenuContacts__phone {
		margin-top: 15px;
	}

	.BurgerMenu_child_true:after {
		content:         '';
		position:        absolute;
		width:           15px;
		height:          8px;
		right:           0;
		top:             7px;
		background:      url(/images/arrow_bottom.svg) center no-repeat;
		background-size: auto 100%;
		pointer-events:  none;
	}

	.BurgerMenu__item > ul li a {
		font-size: 14px;
	}

	.BurgerMenu__item > ul li {
		padding-bottom: 8px;
	}

	.BurgerMenu__item > ul {
		padding-left: 0;
		list-style:   none;
	}

	.BurgerMenu__item > a {
		width:   100%;
		display: block;
	}

	.BurgerMenu__item a:after {
		display: none;
	}

}

/* --------------------------all close-------------------------*/

/* -----------------------------404 page-----------------------------*/

.Block404 {

}

.Block404__number {
	font-family: Gilroy, Arial;
	font-size:   350px;
	line-height: 110%;
	text-align:  center;
	color:       #6600CC;
	font-weight: 900;
}

.Block404__header {
	font-family: Gilroy, Arial;
	font-size:   36px;
	line-height: 120%;
	font-weight: bold;

}

.Block404__text {
	font-family: Circe, Arial;
	font-size:   18px;
	line-height: 150%;
	width:       40%;
	margin:      30px 0;
}

.Block404__link a {
	font-family:     Circe, Arial;
	font-size:       18px;
	line-height:     150%;
	color:           #6600CC;
	text-decoration: none;
	position:        relative;
}

.Block404__link {
	margin-bottom: 150px;
}

.Block404__link a:after {
	background:         #6600CC;
	content:            "";
	position:           absolute;
	display:            block;
	height:             1px;
	right:              0;
	bottom:             0;
	width:              0;
	-webkit-transition: width .3s cubic-bezier(.47, 0, .745, .715);
	transition:         width .3s cubic-bezier(.47, 0, .745, .715);
}

.Block404__link a:hover:after {
	width:              100%;
	-webkit-transition: width .3s cubic-bezier(.29, .18, .26, .83);
	transition:         width .3s cubic-bezier(.29, .18, .26, .83);
	left:               0;
}

@media (max-width: 767px) {
	.Block404__number {
		font-size: 150px;
	}

	.Block404__header {
		font-size: 22px;
	}

	.Block404__text {
		width:     100%;
		font-size: 14px;
	}

	.Block404__link a {
		font-size: 16px;
	}

}

/* -------------------------------404 page end----------------------------------*/

/* ------------------------------- In Work page ------------------------------------ */

.InWork__programmer {
	text-align: center;
	margin-top: 30px;
}

.InWork__programmer svg {
	width: 33%;
	fill:  #6600cc;
}

.InWork {
	margin-bottom: 150px;
	font-size:     22px;
	line-height:   150%;
	width:         45%;
	margin-top:    30px;
}

.InWork:first-line {
	font-weight: bold;
	font-size:   32px;
	line-height: 250%;
}

.InWork a {
	font-family:     Gilroy, Arial;
	font-size:       16px;
	line-height:     150%;
	color:           #151515;
	font-weight:     bold;
	text-decoration: none;
	position:        relative;
	white-space:     nowrap;
}

.InWork a:after {
	background:         #151515;
	content:            "";
	position:           absolute;
	display:            block;
	height:             1px;
	right:              0;
	bottom:             0;
	width:              0;
	-webkit-transition: width .3s cubic-bezier(.47, 0, .745, .715);
	transition:         width .3s cubic-bezier(.47, 0, .745, .715);
}

.InWork a:hover:after {
	width:              100%;
	-webkit-transition: width .3s cubic-bezier(.29, .18, .26, .83);
	transition:         width .3s cubic-bezier(.29, .18, .26, .83);
	left:               0;
}
.fix #horizontal-multilevel-menu {
	display: none;
}
.headerBlock__menuBtn {
	 display: none;
 }
.headerBlock__logo {
	padding-left: 0;
}
@media (max-width: 1280px){
	.landingMenuItemContent {
		padding: 8px 6px 8px 8px;
	}
}
@media (max-width: 1150px){
	#horizontal-multilevel-menu {
		width: 53.333%;
	}
	#horizontal-multilevel-menu li {
		padding: 10px 10px;
	}
	#horizontal-multilevel-menu a {
		font-size: 15px;
	}
	.headerBlock__menuBtn {
		 display: block;
	 }header #horizontal-multilevel-menu {
		  display: none;
	  }
	.headerBlock__rightLink {
		margin-left: auto;
	}
	.headerBlock__logo {
		padding-left: 20px;
	}
}

@media (max-width: 992px) {

}
@media (max-width: 767px) {
	.footerLeftInfo > div {
		width: 100%;
	}

	.InWork:first-line {
		font-size: 18px;
	}

	.InWork {
		font-size:     16px;
		margin-bottom: 50px;
		margin-top:    20px;
		width:         100%;
	}

	.cookie-popup {
		padding:   12px 20px 15px 20px;
		font-size: 12px;
		bottom:    0;

	}

	.cookie-close {
		top:        auto;
		font-size:  14px;
		position:   relative;
		bottom:     auto;
		right:      auto;
		text-align: center;
		margin-top: 15px;
		width:      100%;
		transform:  none;
	}

	.cookie-popup .Text {
		width: 100%;
	}

	.h2 {
		font-size: 22px;
	}
	.footerLeftSubmit {
		margin-bottom: 20px;
	}
	.footerCenterSubmit, .footerRightSubmit {
		display: block;
	}
	button[name="brif-1"] {
		width: 100%!important;
	}
	.mobile-scroll {
		overflow-x: auto;
	}
	.footerInfoBottom__copy {
		text-align: left;
	}
	.footerInfoBottom__warning {
		max-width: 100%;
	}

	.lastCol .twCard img {
		max-width: 30%;
		position: absolute;
		left: 20px;
		top: 50%;
		transform: translateY(-50%);
	}

	.lastCol {
		float: left;
		display: flex
	;
		width: 100%;
		margin-top: 15px;
	}
	.lastCol .twCard {
		display: block;
		padding: 20px;
		position: relative;
	}
	.lastCol .slotData {
		padding-left: calc(32% + 20px);
	}
	.lastCol .twCard .text-secondary {
		font-size: 14px;
		line-height: 120%;
		margin-top: 10px;
	}
	.twCard .green-btn {
		padding: 4px 20px;
	}
	.twCard .title {
		font-size: 15px;line-height: 120%;
	}
	.BurgerMenuContacts__phone {
		text-align: right;
	}
	.headerBlock__logo {
		padding-left: 0;
	}

	.footerCenterSubmit {
		margin-left: 0;
		text-align: left;
	}
}
#demo.btn_demo {
	display: none;
}

@media (max-width: 430px) {
	.twCard .title {
		font-size: 14px;
	}
}

/* ------------------------------- In Work page end ------------------------------------ */
/* End */
/* /css/foundation-styles.css?1600861514596 */
/* /bitrix/templates/mkws/components/bitrix/menu/horizontal_multilevel_new2/style.css?17520916505784 */
/* /bitrix/templates/mkws/components/bitrix/menu/burger/style.css?16770812391603 */
/* /bitrix/templates/mkws/components/bitrix/breadcrumb/mkws/style.css?16770812411478 */
/* /bitrix/templates/mkws/components/bitrix/menu/bottom_mkws/style.css?17520904601550 */
/* /bitrix/templates/mkws/template_styles.css?175209017628901 */
