img,input[type=file],svg{max-width:100%}*{padding:0;margin:0;border:none}*,::after,::before{box-sizing:border-box}a,a:hover,a:link,a:visited{text-decoration:none}aside,footer,header,legend,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{height:auto}address{font-style:normal}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background:0 0;cursor:pointer}button:active,button:focus,input:active,input:focus{outline:0}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}
html, body {
color: #121212;
font-family: Onest;
font-size: 14px;
font-weight: 400;
line-height: 20px;
background:#F3F3F3;
}
img, video {
	max-width:100%;
	height:inherit;
}
a, button {
	transition:all .3s ease;
}
section {
	
}
.g-recaptcha, #recaptchaError {
	flex: 0 0 100%;
}
.text-danger {
	    color: #000;
    margin: 0 0 10px;
    text-align: left;
    flex: 0 0 100%;
}
.container {
	max-width:1230px;
	width:100%;
	padding:0 15px;
	margin:0 auto;
}
.text-100 {
	color:#121212;
}
.text-70 {
	color:#444444;
}
.text-w {
	color:#ffffff;
}
.bg {
	background-color:#F3F3F3;
}
.bg-w {
	background-color:#ffffff;
}
.border {
	border: 1px solid #E7E7E7;
}
.accent {
	background-color:#7849D7;
}
.light_accent {
	background-color:#F2EDFB;
}
.wt {
	background-color:#ffffff;
}
.t-400 {
	font-weight: 400;
}
.t-500 {
	font-weight: 500;
}
.t-600 {
	font-weight: 600;
}
h2 {
	font-size: 48px;
	line-height: 100%;
	font-weight: 600;
	margin:0 0 60px;
}
.pt-60 {
	padding:60px 0 0;
}
.pt-95 {
	padding:95px 0;
}
.pt-120 {
	padding:120px 0 0;
}
.pt-160 {
	padding:160px 0 0;
}
.mr-200 {
	    margin-right: 200px;
}
.ml-200 {
	    margin-left: 200px;
}
p {
	    margin: 0 0 30px;
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
}
.overheader {
	background: url(./../img/new-header.png) no-repeat center/cover;
	    border-radius: 0 0 32px 32px;
		height: 100vh;
}
header {
	
}
header .topline {
	position: relative;
}
header .topline .inner {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px 0;
    flex-wrap: wrap;
	transition: all .3s ease;
    top: 0;
}
header.fixed {
    /* margin: 72px 0 0; */
}
header .topline .inner.tofix {
    top: -350px;
    bottom: auto;
	position: fixed;
	opacity:0;
	background: #fff;
    border-radius: 16px;
    width: 900px;
    padding: 10px 20px;
    margin: 0 auto;
    left: 0;
	right: 0;
	z-index: 8888;
}
header.fixed .topline .inner.tofix {
	
    top: 50px;
    
	opacity:1;
	    box-shadow: var(--Depth-0, 0px) var(--Depth-100, 4px) var(--Depth-100, 4px) var(--Depth-Negative100, -4px) var(--Black-100, rgba(12, 12, 13, 0.05)), var(--Depth-0, 0px) var(--Depth-400, 16px) var(--Depth-800, 32px) var(--Depth-Negative100, -4px) var(--Black-200, rgba(12, 12, 13, 0.1));
}
header.fixed .topline .inner.tofix nav {
    flex: 0 0 40%;
;
}






header .topline .inner nav {
	flex:0 0 30%;
	display: flex;
}
header .topline .inner nav ul {
	    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
header .topline .inner nav ul li {
	flex: 0 0 20%;
    text-align: center;
}
header .topline .inner nav ul li a {
	font-size: 14px;
font-weight: 500;
line-height: 100%;
color: #444444;
}

header .topline .inner nav ul li a:hover {
	color:#121212;
}

.home header .topline .inner:not(.tofix) nav ul li a {
	color:#fff;
}
.home header .topline .inner:not(.tofix) nav ul li a:hover {
	color:#ddd;
}




header .topline .inner button {
	padding: 8px 16px 8px 8px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    background: #fff;
	font-size: 14px;
font-weight: 500;
line-height: 100%;
}
header .topline .inner button:hover {
	border-color:transparent;
}
header .topline .inner button span {
	    display: inline-flex;
    padding: 10px;
    border-radius: 8px;
    margin: 0 16px 0 0;
}
.l-block {
	
}
.r-block {
	
}





section.home-heading {
	padding:80px;
	border-radius: 32px;
	overflow:hidden;
}
.home-heading .inner {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.home-heading .inner .text-box {
	    flex: 0 0 53%;
		    padding: 50px 0 200px;
    color: #fff;
}
.home-heading .inner .video-box {
	    max-height: 670px;
    overflow: hidden;
    display: flex;
    align-items: center;
	    border-radius: 36px;
}
.home-heading .inner .video-box video {
	
}
.home-heading h1 {
	font-size: 64px;
line-height: 72px;
margin: 0 0 20px;
}
.home-heading h2 {
	font-size: 20px;
line-height: 32px;
}
.home-heading button, .skills button.callme {
	margin:50px 0 0;
	display: flex;
    align-items: center;
	padding: 12px 12px 12px 16px;
    border-radius: 16px;
    background: #fff;
	font-size: 18px;
font-weight: 500;
line-height: 100%;
}


.home-heading button span, .skills button.callme span {
	display: inline-flex;
    padding: 10px;
    border-radius: 8px;
    margin: 0 0 0 16px;
}
.home-heading button span {
	padding:0;
}
.skills button.callme {
	    margin: 50px auto 0;
		background: rgba(120, 73, 215, 1);
    color: #fff;
}
.skills button.callme:hover {
	box-shadow: 0 0 4px 0px #7849d7;
}
.home-heading button:hover {
    box-shadow: 0 0 4px 0px #e3e3e3;
}
.home-heading .post {
	margin:60px 0 0;
}
.home-heading .post .item {
	    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 33%;
    flex-wrap: wrap;
	/* transform: translate(0, 100px); */
    /* opacity: 0; */
}
.home-heading .post .item:nth-child(2) {
	/* transform: translate(0, 150px); */
}
.home-heading .post .item:nth-child(3) {
	/* transform: translate(0, 200px); */
}
.home-heading .post .item img {
	    border-radius: 12px;
    padding: 7px 16px;
}
.home-heading .post .item .heaing {
	    font-size: 18px;
    line-height: 100%;
    padding: 24px 0 12px;
	    flex: 0 0 100%;
    text-align: center;
}
.home-heading .post .item .text {
	font-size: 14px;
line-height: 20px;
}





.servises-box {
	    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
}
.servises-box .item {
	padding: 32px;
    background: #fff;
    border-radius: 24px;
    flex: 0 0 49%;
    margin: 0 0 24px;
	height: 330px !important;
	    position: relative;
	/* transform: scale(0); */
    /* opacity: 0; */
}
.servises-box .item .heaing {
	font-size: 24px;
font-weight: 500;
line-height: 100%;
margin:0 0 30px;
}
.servises-box .item .text {
	font-size: 16px;
font-weight: 400;
}
.servises-box .item .text ul li {
	position: relative;
    margin: 0 0 5px 20px;
    list-style-type: disc;
}
.servises-box .item .text ul li:before {
	content:'';
	position:relative;
}
.servises-box .item .img {
	    border-radius: 12px;
    width: 72px;
    height: 56px;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    margin: 30px 0 0;
	position: absolute;
    bottom: 32px;
}
.servises-box .item.butt {
	    background: #7849D7;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	overflow:hidden;
	transition:all .3s ease;
}
.servises-box .item.butt:hover {
	    box-shadow: 0 0 4px 0px #7849d7;
		border-color:#7849D7;
}
.servises-box .item.butt:before {
	content: '';
    position: absolute;
    left: -50%;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3333;
    background: url(./../img/l-w.svg) no-repeat center / cover;
}
.servises-box .item.butt:after {
	content: '';
    position: absolute;
    right: -50%;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3333;
    background: url(./../img/r-w.svg) no-repeat center / cover;
}
.servises-box .item.butt button {
	color:#fff;
	    height: 100%;
    width: 100%;
	position: relative;
	z-index:4444;
	font-size: 20px;
}
.servises-box .item.butt button span {
	display: inline-flex;
    padding: 10px;
    border-radius: 8px;
    margin: 0 16px 0 0;
}
.formbox {
	border-radius: 36px;
	background:#121212;
	padding:100px 0;
	position:relative;
	overflow: hidden;
	margin:140px 0 0;
	height: 580px;
	display: flex;
    align-items: center;
}
.formbox:before {
	content: '';
    position: absolute;
    left: -55%;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3333;
    background: url(./../img/form-l.svg) no-repeat center;
}
.formbox:after {
	content: '';
    position: absolute;
    right: -55%;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3333;
    background: url(./../img/form-r.svg) no-repeat center;
}
.formbox .inner {
	    position: relative;
    z-index: 4444;
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding:0 150px;
}
.formbox .inner .text-box {
	    flex: 0 0 40%;
}
.formbox .inner .text-box .heading {
	font-size: 40px;
line-height: 100%;
margin: 0 0 30px;
}
.formbox .inner .text-box .subheads {
	font-size: 20px;
	margin: 0 0 25px;
	line-height: 160%;
}
.formbox .inner .text-box ul {
	
}
.formbox .inner .text-box ul li {
	font-size: 20px;
    font-weight: 400;
    margin: 0 0 20px;
    display: flex;
    align-items: center;
	line-height: 120%;
}
.formbox .inner .text-box ul li:last-child {
	margin:0;
}
.formbox .inner .text-box ul li img {
	margin: 0 12px 0 0;
}
.form-box {
	border-radius: 24px;
    background: #fff;
    padding: 36px;
    flex: 0 0 50%;
}
.form-box form {
	    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.form-box form input {
	flex: 0 0 100%;
    border-radius: 16px;
    margin: 0 0 20px;
	padding:12px 20px;
	font-size: 18px;
}
.form-box button {
	    flex: 0 0 100%;
    border-radius: 16px;
    padding: 12px 20px;
    font-size: 18px;
	background: #121212;
    color: #fff;
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin: 10px 0 0;
}
.form-box button img {
	background:#444444;
	padding:4px;
	border-radius: 8px;
}
.form-box button:hover {
	box-shadow: 0 0 4px 0px #000000;
}
footer .form-box button {
    background: rgba(120, 73, 215, 1);
	justify-content: center;
}
footer .form-box button img {
    background: rgba(255, 255, 255, 0.16);
	margin: 0 0 0 16px;
}
.about-box {
	display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
}
.about-box .text-box {
	flex: 0 0 54%;
}
.about-box .img-box {
	    padding: 100px;
    background: url(./../img/about-bg.svg) no-repeat center/cover #fff;
    border-radius: 36px;
    flex: 0 0 41%;
}
.about-box .img-box img {
	
}

 .slider {
      overflow-x: hidden;
    }

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

    .slide {
      margin-right: 64px;
      flex-shrink: 0;
	  opacity:.3;
    }
.logoss.slider {
	margin:120px 0 160px;
}
.skills {
	text-align:center;
	position:relative;
	overflow: hidden;
	border-radius: 36px;
}
.skills .inner {
	position:relative;
	z-index:4444;
}
.skills:before {
	content: '';
    position: absolute;
    left: -55%;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3333;
    background: url(./../img/beeg-l.svg) no-repeat center;
}
.skills:after {
	content: '';
    position: absolute;
    right: -55%;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3333;
    background: url(./../img/beeg-r.svg) no-repeat center;
}
.skills .skill-icons {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	padding:0 130px;
	margin:48px 0 40px;
}
.skills .skill-icons .item {
	margin:0 12px 12px;
	    transition: all .3s ease;
}

.skills .skill-icons .item img, .slide img {
	pointer-events:none;
}
.skills .descript {
	font-size: 20px;
	line-height:160%;
}
.skills .after-text {
	font-size: 18px;
	line-height:160%;
}
.notes {
	padding:36px;
	border-radius: 36px;
	margin: 30px 0 0;
}
.notes .inner {
	font-size: 24px;
	line-height:160%;
	display: flex;
    align-items: center;
}
.notes .inner .img {
	margin:0 20px 0 0;
}
.hide-block-carrer {
	display:none;
}
.career-box {
	    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
}
.career-box .item {
	flex: 0 0 49%;
	border-radius: 24px;
	margin: 0 0 25px;
}
.career-box .item .inside {
	padding:32px;
}
.career-box .item .inside .pre-block {
	margin: 0 0 16px;
	border-bottom: 2px solid #E7E7E7;
}
.career-box .item .inside .pre-block p {
	margin:0 0 16px;
	font-size: 16px;
}
.career-box .item .inside .pre-block h3 {
	font-size: 20px;
	margin:0 0 15px;
}
.career-box .item .inside .post-block {
	
}
.career-box .item .inside .post-block .text, .career-box .item .inside .post-block .text p {
	font-size: 16px;
    line-height: 160%;
}
.career-box .item .inside .post-block .text, .career-box .item .inside .post-block .text p {
	margin:0 0 20px;
}
.career-box .item .inside .post-block .text ul {
	margin: 0 0 20px;
}
.career-box .item .inside .post-block .buttons {
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.career-box .item .inside .post-block .buttons button {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 12px 12px 16px;
    border-radius: 16px;
}
.career-box .item .inside .post-block .buttons button.more {
	flex: 0 0 64%;
	background: rgba(242, 237, 251, 1);
}
.career-box .item .inside .post-block .buttons button.to-carr {
	flex: 0 0 32%;
	padding: 10px 10px 10px 14px;
}
.career-box .item .inside .post-block .buttons button.to-carr img {
    padding: 10px;
    border-radius: 8px;
}
.career-box .item .inside .post-block .buttons button:hover {
	box-shadow: 0 0 4px 0px #bbbbbb;
}
.career-box .item .inside .post-block ul li {
	list-style-type: disc;
    margin: 0 0 0 20px;
	list-style-position: inside;
    line-height: 160%;
}
.career-box .item.butt {
	background: #7849D7;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all .3s ease;
}
.career-box .item.butt:before {
        content: '';
    position: absolute;
    left: -53%;
    top: -7%;
    height: 110%;
    width: 110%;
    z-index: 3333;
    background: url(./../img/b-l.svg) no-repeat center / cover;
}
.career-box .item.butt:after {
    content: '';
    position: absolute;
    right: -50%;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3333;
    background: url(./../img/b-r.svg) no-repeat center / cover;
}
.career-box .item.butt button {
    color: #fff;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 4444;
	font-size: 20px;
}
.career-box .item.butt button span {
    display: inline-flex;
    padding: 10px;
    border-radius: 8px;
    margin: 0 16px 0 0;
}
.career-box .item.butt:hover {
    box-shadow: 0 0 4px 0px #7849d7;
    border-color: #7849D7;
}


.faqs {
	
}
.faqs .item {
	padding:28px;
	border-radius: 16px;
	margin:0 0 24px;
	cursor: pointer;
	transition:all .3s ease;
}
.faqs .item:hover {
	box-shadow: 0px 0px 7px 0 #4444;
}
.faqs .item .q {
	font-size: 20px;
line-height: 100%;
position: relative;
}
.faqs .item .a {
	margin:20px 0 0;
	font-size: 18px;
line-height: 32px;
display: none;
}
.faqs .item button {
	position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    top: 0;
}
.faqs .item button:before {
	content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #444444;
	transition:all .3s ease;
}
.faqs .item button:after {
	content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #444444;
    transform: rotate(90deg);
	transition:all .3s ease;
}
.faqs .item.open button:after {
	opacity:0;
}
.faqs .item.open button {
	width: 24px;
}
.faqs .item.open {
	pointer-events:none;
}
footer {
	background:#000;
	    margin: 160px 0 0;
}
.footer {
	border-radius: 36px;
	background: #121212;
    padding: 180px 0;
	position:relative;
	top: -40px;
	    overflow: hidden;
}
.footer:before {
    content: '';
    position: absolute;
    left: -55%;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3333;
    background: url(./../img/form-l.svg) no-repeat center;
}
.footer:after {
    content: '';
    position: absolute;
    right: -55%;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3333;
    background: url(./../img/form-r.svg) no-repeat center;
}
.bottomline {
	padding:65px 0;
	overflow: hidden;
    position: relative;
    top: -20px;
}
.bottomline .inner {
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.bottomline .inner .logos {
	
}
.bottomline .inner .infos {
	color: #999999;
font-size: 14px;
font-weight: 400;
line-height: 100%;
}
.bottomline .inner .infos a {
	color: #999999;
	text-decoration: underline;
	margin:12px 0 0;
	display:block;
}
.bottomline .inner .infos a:hover {
	text-decoration: none;
}
footer .inside {
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
	position:relative;
	z-index:4444;
}
footer .inside .text-box {
	flex: 0 0 45%;
}
footer .inside .text-box h3 {
	font-size: 28px;
line-height: 40px;
margin:0 0 60px;
}
footer .inside .text-box .contacts {
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
footer .inside .text-box label {
	    font-size: 14px;
    display: block;
    text-transform: uppercase;
    margin: 0 0 16px;
    pointer-events: none;
    opacity: .5;
}
footer .inside .text-box a {
	font-size: 28px;
line-height: 40px;
}
footer .inside .text-box a:hover {
	opacity:.5;
}
footer .form-box {
    flex: 0 0 37%;
}
footer .inside .text-box ul.soc {
	    display: flex;
    align-items: center;
	    margin: 70px 0 0;
}
footer .inside .text-box ul.soc li {
	margin:0 16px 0 0;
}
footer .inside .text-box ul.soc li a {
	    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 100%;
    padding: 0 20px;
    background: #7849D71A;
    border-radius: 16px;
    height: 52px;
}
footer .inside .text-box ul.soc li a img {
	width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
}
footer .inside .text-box ul.soc li a:hover {
	background: #7849d775;
	opacity:1;
}
.page-template-page-custom, .single {
	background:#fff;
}
section.custom h1 {
	font-size: 36px;
line-height: 100%;
margin:80px 0 60px;
}
section.custom article, section.custom article p, section.custom article ul li {
	font-size:18px;
	    margin: 0 0 10px;
}
.heading.single .head-block  {
	margin:105px 0 80px;
}
.heading.single .head-block {
	
}
.tags {
	display: flex;
    align-items: center;
}
.tags a {
	    color: #121212;
    padding: 8px 12px;
    margin: 0 8px 0 0;
    background: #F3F3F3;
    border-radius: 999px;
    font-size: 14px;
    text-transform: uppercase;
    pointer-events: none;
}
.heading.single .head-block h1 {
	font-size: 36px;
line-height: 140%;
margin:36px 0 48px;
}
.heading.single .head-block .description {
	font-size: 20px;
font-weight: 400;
line-height: 36px;
}
.heading.single .head-block .description p {
	
}
.heading.single .head-block .img-box {
	margin:80px 0 60px;
	border-radius: 24px;
	overflow:hidden;
}
.heading.single .head-block .task {
	display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
}
.head.single {
	font-size: 24px;
line-height: 100%;
background: transparent;
}
.heading.single .head-block .task .text {
	flex: 0 0 75%;
	font-size: 18px;
line-height: 32px;
}
.heading.single .head-block .task .text ul, .heading.single .head-block .task .text ol {
	margin: 0 0 0 20px;
}
.heading.single .head-block .task .text ul li, .heading.single .head-block .task .text ol li {
	
}
.result {
	padding:120px 0;
	border-radius: 36px;
}
.result .item-list {
	margin:60px 0 0;
	display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
}
.item-list .item {
	    background: #fff;
    padding: 32px 26px;
    border-radius: 24px;
    margin: 0 0 28px;
	flex:0 0 49%;
	height:562px;
}
.item-list .item .img-block {
	    flex: 0 0 100%;
	border-radius: 12px;
	overflow: hidden;
	height: 250px;
}
.item-list .item .img-block img {
	height:100%;
}
.item-list .item .text-block {
	flex: 0 0 100%;
}
.item-list .item .text-block .heaing {
	font-size: 18px;
line-height: 28px;
    display: flex;
    align-items: center;
	margin: 25px 0;
}
.item-list .item .text-block .heaing span {
	
}
.item-list .item .text-block .heaing .icin {
	margin: 0 12px 0 0;
}
.item-list .item .text-block .text {
	font-size: 16px;
line-height: 28px;
}
.item-list .item .text-block .text p {
	margin:0;
	font-size: 16px;
}
.item-list .item .text-block ul {
	margin:0 0 0 16px;
}
.item-list .item .text-block ul li {
	list-style-type: disc;
    font-size: 14px;
	    line-height: 24px;
}

.item-list .item:first-child, .item-list .item:nth-child(6) {
	flex:0 0 100%;
	height:inherit;
	display: flex;
	justify-content: space-between;
    align-items: start;
}
.item-list .item:first-child .text-block, .item-list .item:nth-child(6) .text-block {
	flex: 0 0 61%;
}
.item-list .item:first-child .text-block .heaing, .item-list .item:nth-child(6) .text-block .heaing {
	margin-top:0;
}
.item-list .item:first-child .img-block, .item-list .item:nth-child(6) .img-block {
	flex: 0 0 37%;
}



.itog-list {
	margin: 60px 0 100px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.itog-list .item {
	border-radius: 24px;
	overflow:hidden;
	flex: 0 0 32%;
    height: 355px;
    padding: 24px;
}
.itog-list .item .icin {
	
}
.itog-list .item .text-block {
	
}
.itog-list .item .text-block .heaing {
	font-size: 18px;
line-height: 28px;
margin:16px 0 28px;
}
.itog-list .item .text-block .text {
	font-size: 16px;
line-height: 28px;
}
.poster {
	overflow: hidden;
	border-radius: 24px;
	margin:0 0 160px;
}
.out {
	
}
.out .head {
	font-size: 24px;
line-height: 100%;
}
.out .text {
	font-size: 18px;
line-height: 28px;
margin-top:60px;
}
.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}
.alignright {
    float: right;
    margin: 0 0 20px 20px;
}
.aligncenter {
    margin: 5px auto 20px auto;
}
.site-case p {
	margin:0 0 20px;
	overflow:hidden;
}
.case-list {
	    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
}
.case-list .case {
	    flex: 0 0 49%;
		padding: 32px;
		border-radius: 24px;
		margin: 0 0 24px;
}
.case-list .case .thumb {
	height:400px;
	border-radius: 32px;
	overflow:hidden;
}
.case-list .case h2 {
	font-size: 20px;
	line-height: 160%;
	margin: 0 0 5px;
	text-align: left;
}
.case-list .case h3 {
	font-size: 16px;
	line-height: 160%;
}
.case-list .case a {
	padding:12px 12px 12px 16px;
	border-radius: 16px;
	font-size: 18px;
line-height: 100%;
    display: inline-block;
    margin: 24px 0 0;
	
	
}
.case-list .case a img {
	border-radius: 8px;
	padding:4px;
	margin:0 0 0 24px;
	vertical-align: middle;
}
.case-list .case a:hover {
	box-shadow: 0 0 4px 0px #bbbbbb;
}
.case .tags {
	margin:24px 0;
}
.case .tags a {
    color: #444444;
	border: 1px solid #E7E7E7;
	margin: 0 13px 0 0;
    font-size: 12px;
	    background: #fff;
}
.heading.single.other {
	background-color: #F3F3F3;
    margin: 100px 0 -160px;
    border-radius: 28px 28px 0px 0px;
    padding: 80px 0 160px;
}
.heading.single.other .head-block {
	margin:0 0 60px;
}
.error {
	margin: 60px 0 0;
}
.error-title {
	font-size:34px;
}
.error a {
	display:block;
	margin:10px 0 0;
}
.error a:hover {
	opacity:.5;
}
.cases a.more {
	border-radius: 16px;
	padding:20px;
	text-align:center;
	display:block;
	font-size: 18px;
line-height: 100%;
margin:10px 0 0;
}
.cases a.more img {
	    border-radius: 8px;
    padding: 4px;
    margin: 0 0 0 24px;
    vertical-align: middle;
}
.cases a.more:hover {
	box-shadow: 0 0 4px 0px #ffffff;
}
section.custom article .js-cases {
	display: flex;
    /* justify-content: space-between; */
    align-items: center;
    flex-wrap: wrap;
	margin:0 0 40px;
}
section.custom article .js-cases li {
	font-size: 14px;
line-height: 100%;
border-radius: 16px;
padding: 12px;
    text-transform: uppercase;
    cursor: pointer;
	transition:all .3s ease;
	margin: 0 3px 5px;
}
section.custom article .js-cases li:hover, section.custom article .js-cases li.active {
	background:#7849D7;
	border-color:#7849D7;
	color:#fff;
}
.loader {
	height: 100vh;
    width: 100%;
	display:none;
	    background: #f3f3f3;
		    position: absolute;
    left: 0;
    top: 0;
	z-index:7777;
}
.loader .inner {
	    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loader .inner img {
	width: 10%;
}
.relative {
	position: relative;
}
.over, .over-nav {
backdrop-filter: blur(24px);
    background: rgba(0, 0, 0, 0.24);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 8888;
	display:none;
}
.m-form {
	border-radius: 24px;
    background: #fff;
    max-width: 520px;
    max-height: 580px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	z-index: 9999;
	display:none;
}
.m-form.calls {
	/* display:block; */
}
.m-form .inner {
    padding: 36px;
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap: wrap;
	position:relative;
}
.m-form .inner button.close, .m-vak .inner button.close, .thancs .inner button.close {
	position: absolute;
    top: 36px;
    right: 36px;
}
.m-form .inner button.close:hover, .m-vak .inner button.close:hover, .thancs .inner button.close:hover {
	transform: scale(1.05);
}
.m-form .inner .heads {
	margin:0 0 36px;
	    flex: 0 0 100%;
}
.m-form .inner .heads .head {
	font-size: 36px;
line-height: 100%;
margin:0 0 16px;
}
.m-form .inner .heads .subhead {
	font-size: 20px;
	line-height: 160%;
}
.m-form .inner form {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.m-form .inner form input {
	flex: 0 0 100%;
    border-radius: 16px;
    margin: 0 0 20px;
    padding: 12px 20px;
    font-size: 18px;
}
.m-form .inner form button {
	flex: 0 0 100%;
    border-radius: 16px;
    padding: 12px 20px;
    font-size: 18px;
    background: #121212;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 0;
}
.m-form .inner form button img {
    background: #444444;
    padding: 4px;
    border-radius: 8px;
}
.m-form .inner form button:hover {
	box-shadow: 0 0 4px 0px #000000;
}


.m-vak {
	border-radius: 24px;
    background: #fff;
    max-width: 960px;
	max-height: 95vh;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	z-index: 9999;
	display:none;
}
.m-vak .inner {
	padding: 36px;
	height: 100%;
    display: flex;
    align-items: center;
	flex-wrap: wrap;
	position:relative;
}
.m-vak .inner button.close {
	
}
.m-vak .inner .js-content {
	height: 100%;
    overflow: hidden;
    overflow-y: auto;
	padding: 0 30px 0 0;
}



.open-block-carrer h3 {
	font-size: 36px;
font-weight: 600;
line-height: 160%;
margin: 0 0 16px;
}
.open-block-carrer p:nth-child(2) {
	margin: 0 0 30px;
}
.open-block-carrer, .open-block-carrer p, .open-block-carrer ul li {
	font-size:20px;
	line-height: 160%;
}
.open-block-carrer p {
	margin:0;
	color: rgba(68, 68, 68, 1);
}
.open-block-carrer ul {
	margin:0 0 30px;
}
.open-block-carrer ul li {
	list-style-type: disc;
    margin: 0 0 0 20px;
	color: rgba(68, 68, 68, 1);
    
}
.js-content {
	position:relative;
}
.js-content:before, .js-content:after {
	content:'';
	position:absolute;
}

.thancs {
	    border-radius: 24px;
    background: #fff;
    max-width: 660px;
    max-height: 40vh;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999;
	display:none;
}
.thancs .inner {
	    padding: 36px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
	justify-content: center;
}
.thancs .inner .s-text {
	font-size: 26px;
    text-align: center;
    line-height: 28px;
    font-weight: 500;
}








* {
  scrollbar-width: thin;
  scrollbar-color: #8054d9 transparent;
}

/* для Chrome/Edge/Safari */
.m-vak .inner .js-content::-webkit-scrollbar {
  height: 6px;
  width: 6px;
  margin:0 -20px 0 0;
  position:relative;
  right:-36px;
}
.m-vak .inner .js-content::-webkit-scrollbar-track {
  background: transparent;
}
.m-vak .inner .js-content::-webkit-scrollbar-thumb {
  background-color: #8054d9;
  border-radius: 1px;
  border: 1px solid transparent;
}
.m-vak .inner .js-content::-webkit-scrollbar-button {
    display: none!important;
}

.m-vak .inner .js-content::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}



.js-check-in-window {
	transition:all .7s ease;
}
.js-check-in-window.in-window {
	opacity:1!important;
	transform:none!important;
	
}
.mob-box, header .topline .inner button.burger {
	display:none;
}


header .topline .inner nav button {
	display:none;
}
img.toggle {
	display:none;
}












@media all and (max-width:1199px) {
	.home-heading h2 br, .desctop, .home-heading button.desctop {
		display:none;
	}
	
	.career-box .item {
    flex: 0 0 100%;
    height: inherit !important;
	}
	.container {
    max-width: 95%;
	}
	.career-box .item.butt:last-child {
		height:80px!important;
	}
	.formbox .inner {
    padding: 0;
}
section.home-heading {
    padding: 80px 0;
}
header .topline .inner nav {
    flex: 0 0 40%;
}
.home-heading h1 {
    font-size: 54px;
}
.home-heading h2 {
    padding: 0 50px 0 0;
}
}




@media all and (max-width:1024px) {
	.overheader {
    background: url(./../img/1_screen-min.png) no-repeat center bottom / cover;
    height: 100vh;
    border-radius: 0 0 32px 32px;
}
.home-heading button.desctop {
        display: flex;
		        margin: 50px auto 0;
    }
	header {
    background: #fff;
	padding:0;
	}
	header .topline .inner nav, header .topline .inner button, .skills .descript br, .skills .after-text br {
		display:none;
	}
	header .topline .inner {
		border: 1px solid rgba(231, 231, 231, 1);
border-radius: 16px;
padding:20px;
margin:20px 0 0;
        overflow: hidden;
        position: relative;
		background: #fff;
	}
	header .topline .inner.custom {
		display:none;
	}
	header .topline .inner.tofix {
    top: 30px;
    bottom: auto;
    position: fixed;
    opacity: 1;
    background: #fff;
    border-radius: 16px;
    width: 90%;
    padding: 20px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 9999;
	        opacity: 0;
}
	header .topline .inner nav button {
    display: flex;
	width: 100%;
        margin: 16px 0 0;
	}
	.home-heading .inner, .formbox .inner, .case .tags, .home-heading .inner .video-box, .notes .inner, .item-list .item:first-child, .item-list .item:nth-child(6), .tags, header .topline .inner nav ul {
    flex-wrap: wrap;
}

.home header:not(.fixeds) .topline .inner.tofix {
	        background: rgb(118 89 226);
			border:1px solid rgb(253 253 253 / 10%);
}
.home header:not(.fixeds).opened .topline .inner.tofix {
	background:#fff;
	border-color:transparent;
}
.home header:not(.fixeds).opened .topline .inner.tofix nav ul li a {
        color: #141414;
    }
body:not(.home) .l-block img.toggle {
        position: absolute;
        left: 0;
        top: 0;
		opacity:0;
    }
	body:not(.home) header .topline .inner button.burger:after {
        border: 1px solid #121212;
    }
	nav ul li a {
        color: #141414;
    }
.home header:not(.fixeds).opened .topline .inner.tofix .l-block img.toggle {
	display:none;
}
    .home header.opened .topline .inner button.burger:before, .home header.opened .topline .inner button.burger:after {
        border: 1px solid #121212;
    }










.formbox {
	height:inherit;
}
.home-heading .inner .text-box, .home-heading .inner .video-box, .home-heading .post .item, .case-list .case, .formbox .inner .text-box, .form-box, .about-box .text-box, .about-box .img-box, .career-box .item .inside .post-block .buttons button.more, .career-box .item .inside .post-block .buttons button.add, footer .inside .text-box, .head.single, .heading.single .head-block .task .text, .item-list .item:first-child .img-block, .item-list .item:nth-child(6) .img-block, .item-list .item:first-child .text-block, .item-list .item:nth-child(6) .text-block, .item-list .item, .itog-list .item {
    flex: 0 0 100%;
	width: 100%;
	height:inherit!important;
}
.servises-box .item {
	flex: 0 0 100%;
	height: inherit !important;
}
.servises-box .item .img {
    position: relative;
    bottom: 0;
}
section.home-heading {
    border-radius: 0 0 32px 32px;
}
.case .tags a {
    margin: 0 13px 13px 0;
}
.l-block {
    width: 160px;
	position: relative;
}
.l-block img {
	transition:all .3s ease;
}
.l-block img.toggle {
	position: absolute;
    left: 0;
    top: 0;
	        display: block;
}
.fixeds .l-block img.toggle {
	opacity:1;
}
.fixeds .l-block img.togglehide {
	opacity:0;
}
.fixeds .l-block img.toggle {
	opacity:0;
}
.fixeds .l-block img.togglehide {
	opacity:1;
}

    .home-heading h1 {
        font-size: 40px;
        line-height: 48px;
		text-align:center;
    }
	    .home-heading h2 {
        padding: 0;
        font-size: 18px;
        text-align: center;
        line-height: 28px;
        font-weight: 400;
        margin: 0;
		    display: block;
    }
	.mob-box {
	        display: flex;
        justify-content: center;
        flex-wrap: wrap;
		margin: 38px 0 0;
}
.home-heading .post {
    margin: 80px 0 0;
}
.home-heading .post .item {
    margin: 0 0 30px;
}
h2 {
    font-size: 40px;
    text-align: center;
}
.servises-box .item.butt {
    height: 300px !important;
}
.formbox .inner .text-box {
    margin: 0 0 50px;
}
.formbox:after {
    right: 0;
}
.formbox:before {
    left: 0;
}
.about-box .img-box {
    padding: 10px;
	order: 0;
	margin:0 0 30px;
 }
 .about-box .text-box {
    order: 1;
}
.pt-160 {
    padding: 120px 0 0;
}
.notes .inner .img {
    margin: 0 0 20px;
}
.skills .skill-icons {
	padding:0;
}
.career-box .item .inside .post-block .buttons button {
	margin:0 0 25px;
}
.career-box .item .inside .pre-block p, .open-block-carrer p, .open-block-carrer ul li {
    font-size: 16px;
    line-height: normal;
}
.m-vak {
    max-width: 95%;
}
.m-vak .inner {
    padding: 26px;
}
.m-vak .inner .js-content {
    padding: 0;
}
.m-vak .inner button.close {
    z-index: 8888;
}
    .career-box .item.butt:last-child {
        height: 300px !important;
    }
	footer .inner {
		    z-index: 7777;
    position: relative;
	}
	footer .inner h2 {
		text-align:left;
	}
	.footer {
    padding: 60px 0;
}
.footer:before {
                right: -200px;
        background: url(./../img/footr-r.svg) no-repeat center;
        left: auto;
        opacity: .5;
        top: -250px;
}
.footer:after {
    ight: auto;
        left: -300px;
        background: url(./../img/footr-l.svg) no-repeat center;
        top: 100px;
}
footer .inside .text-box ul.soc {
    margin: 48px 0;
	flex-wrap: wrap;
}
footer .inside .text-box ul.soc li {
	    margin: 0 16px 16px 0;
}
.bottomline .inner {
    justify-content: center;
    text-align: center;
}
.bottomline .inner .logos {
    margin: 0 0 50px;
}
.modal {
	    max-width: 95%;
}
.open-block-carrer h3 {
    line-height: 120%;
}
.modal .inner .heads .head {
    font-size: 28px;
}
.modal .inner .heads .subhead {
    font-size: 16px;
    line-height: 120%;
}
.notes .inner {
    font-size: 20px;
    line-height: 140%;
}
section.custom article .js-cases li.active {
    
}
section.custom article .js-cases {
    justify-content: center;
}
.loader {
            top: 250px;
        height: 600px;
}
.heading.single .head-block h1 {
    font-size: 32px;
}
.ml-200 {
    margin-left: 0;
}
.mr-200 {
    margin-right: 0;
}
.head.single {
	margin:0 0 32px;
}
.item-list .item:first-child .text-block .heaing, .item-list .item:nth-child(6) .text-block .heaing {
    margin-top: 25px;
}
section.custom h1 {
    font-size: 24px;
}
section.custom article, section.custom article p, section.custom article ul li {
    font-size: 14px;
}
html, body {
    overflow-x: hidden;
}
.tags a {
    margin: 0 8px 8px 0;
}
header .topline .inner nav {
	    flex: 0 0 100%;
    margin: 25px 0 0;
	position: relative;
	padding: 25px 0 0;
}
header .topline .inner nav:before {
	content: '';
        position: absolute;
        width: 150%;
        border-bottom: 1px solid rgba(231, 231, 231, 1);
        left: -100px;
        top: 0;
}
header .topline .inner nav ul li {
    flex: 0 0 100%;
    text-align: left;
    margin: 0 0 16px;
}
header .topline .inner nav ul li a {
    font-size: 20px;
}
header .topline .inner nav ul li a {
    font-size: 20px;
    color: #141414;
}
header .topline .inner button.burger {
	display: block;
        position: absolute;
        width: 32px;
        height: 10px;
        right: 20px;
        top: 28px;
        padding: 0;
        margin: 0;
        background: transparent;
}
header .topline .inner button.burger:before, header .topline .inner button.burger:after {
	        content: '';
        position: absolute;
        width: 100%;
        border: 1px solid #121212;
        left: 0;
        top: 0;
        transition: all .3s ease;
}
header .topline .inner button.burger:after {
	top:auto;
	bottom:0;
}
header .topline .inner button.burger.active:after {
	transform: rotate(45deg);
	bottom: 4px;
}
header .topline .inner button.burger.active:before {
	transform: rotate(-45deg);
	top: 4px;
}
body:not(.home) header {
	background: #F3F3F3;
	        padding: 100px 0 0;
}
body.sites-template-default.single header, body.page-template-page-custom header {
	        background: #fff;
}
.thancs .inner .s-text {
    font-size: 20px;
    line-height: 22px;
}
.thancs {
    max-height: 20vh;
}
.case-list .case .thumb {
	    background-size: 90% !important;
}
.open-block-carrer {
	    padding: 0 20px 0 0;
}
    .m-vak .inner {
        padding: 26px 18px 26px 26px;
    }
	    .home header .topline .inner button.burger:before, header .topline .inner button.burger:after {
        border: 1px solid #fff;
    }
	.home header.fixeds .topline .inner button.burger:before, .home header.fixeds .topline .inner button.burger:after {
        border: 1px solid #121212;
    }
	.home header.fixeds .topline .inner nav ul li a {
        color: #141414;
    }
	.home header .topline .inner nav ul li a {
        color: #fff;
    }
	footer .inside .text-box label {
    margin: 16px 0 10px;
}
.faqs .item .q span {
	    padding: 0 20px 0 0;
    display: block;
}
.career-box .item .inside .post-block .buttons button.to-carr img {
    
}
.career-box .item .inside .post-block .buttons button.to-carr {
    flex: 100%;
}
}
@media all and (max-width:440px) {
	.skills .skill-icons .item {
    flex: 0 0 26%;
}
@media all and (max-width:390px) {
	.skills .skill-icons .item {
    flex: 0 0 20%;
}
}