/* reset */
/* main variables */
/*MAIN*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }

/* */
/* */
.jq-selectbox {letter-spacing: -0.05em; vertical-align: middle; cursor: pointer; width: 100%; }

.jq-selectbox .placeholder { color: #878787; }

.jq-selectbox__select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; 
	-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 10px 30px 10px 30px; border: 1px solid transparent; -webkit-border-radius: 25px; border-radius: 25px; background:#EBEBEB66; color: #525252; font-size: 12px; z-index: 1; 
background-origin: border-box;
    background-clip: padding-box, border-box;}

.jq-selectbox.opened .jq-selectbox__select { border: 1px solid transparent;
background-image: 
    linear-gradient(180deg, #fcfcfc 0%, #F4F5FF 89.42%), 
    linear-gradient(180deg, #FFFFFF 0%, #94E3FF 47.6%, #7570FF 100%);}
.jq-selectbox.changed .jq-selectbox__select {font-weight: 600; 
border: 1px solid transparent;
background-image: 
    linear-gradient(180deg, #fcfcfc 0%, #F4F5FF 89.42%), 
    linear-gradient(180deg, #FFFFFF 0%, #94E3FF 47.6%, #7570FF 100%);}

.jq-selectbox.error .jq-selectbox__select, .jq-selectbox.error.placeholder .jq-selectbox__select { border-color: #FF4D67; color: #FF4D67; }
.jq-selectbox.disabled .jq-selectbox__select { border-color: #CCC; background: #F5F5F5; -webkit-box-shadow: none; box-shadow: none; color: #888; }

.jq-selectbox__select-text { display: block; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.jq-selectbox__trigger { position: absolute; top: 0px; right: 39px; }
.jq-selectbox__trigger-arrow { position: absolute; top: 23px; left: 0rem; width: 12px; height: 7px; background: url(../svg/arr-sel.svg) no-repeat center; -webkit-background-size: 100% 100%; background-size: 100%; }

.jq-selectbox.opened .jq-selectbox__trigger-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.jq-selectbox__dropdown { overflow: hidden; top: 100% !important; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.444rem 0; 
	line-height: 1.1; left: 0; font-size: 12px; border: 0px solid #C8E6F5; background: #FFF; z-index: 1; 
	-webkit-border-radius: 25px; border-radius: 25px; -webkit-box-shadow: 0px 0px 4.611rem 0px rgba(95, 98, 136, 0.18); box-shadow: 0px 0px 4.611rem 0px rgba(95, 98, 136, 0.18); }

.jq-selectbox__search { margin: 5px; }
.jq-selectbox__search input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; padding: 5px 27px 6px 8px; outline: none; border: 1px solid #CCC; -webkit-border-radius: 3px; border-radius: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%; -webkit-box-shadow: inset 1px 1px #F1F1F1; box-shadow: inset 1px 1px #F1F1F1; color: #333; -webkit-appearance: textfield; }
.jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; }

.jq-selectbox__not-found { margin: 5px; padding: 5px 8px 6px; background: #F0F0F0; font-size: 13px; }

.jq-selectbox ul { margin: 0; padding: 0; }
.jq-selectbox li { min-height: 18px; padding: 10px 30px; line-height: 1.1; }
.jq-selectbox li:hover { color:#7570FF; }
.jq-selectbox li.selected, .jq-selectbox li.sel { color:#7570FF; }
.jq-selectbox.placeholder .jq-selectbox__select, .jq-selectbox li.placeholder { color: #878787; }

.jq-selectbox li.placeholder { display: none !important; }
.jq-selectbox li.disabled { color: #ccc; background: none; }
.jq-selectbox li.disabled:hover { background: none; }
.jq-selectbox li.optgroup { font-weight: bold; }
.jq-selectbox li.optgroup:hover { background: none; color: #231F20; cursor: default; }
.jq-selectbox li.option { padding-left: 25px; }


/* */ 

:root {
	--main-color: #282828;
	--secondary-color: #505050;
	--title-color: #000000;
	--link-color: #698BE0;
	--linkhover-color: #7470FA;
    --padd: 40px;
}

body { margin: 0px; padding: 0px; font-family: "Manrope", sans-serif; background: #F3F3F3; color: var(--main-color); height: 100%;   
	font-weight: 400; letter-spacing: -0.03em; line-height: 1.64; position: relative; font-size: 13.46px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px; }

html { height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }

input, textarea { color: #333; font-family:"Manrope", sans-serif; outline: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; }

input[type="button"], input[type="submit"], button { cursor: pointer; }

td { margin: 0px; padding: 0px; }

form { padding: 0px; margin: 0px; }

a { color: #698BE0; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a:hover { text-decoration: none; color:#7470FA;}
.web a:hover { color:#7470FA;}

img { vertical-align: middle; max-width: 100%; height: auto;}

input[type=submit], input[type=button], button { -webkit-appearance: none; outline: none; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

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

.clearfix:after, .wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
.header { width: 100%; -webkit-box-ordinal-group: 2; padding-top: 49px; -ms-flex-order: 1; order: 1; -webkit-order: 1; left: 0; right: 0; z-index: 50; top: 0; position: absolute; }

.header_cols { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; justify-content: space-between; align-items: flex-start;}

.header_logo {margin-right: auto;}
.header_logo a { font-size: 0; line-height: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header_logo img { width: 245px; height: 78px;object-fit: contain; }

.header_btn {margin-top: 15px;}
.header_btn .btn {width: 150px; font-size: 16px; padding: 0;}
.header_lang {margin-top: 15px;margin-left:auto; height: 50px; display: flex; font-size: 16px;margin-right: 22px; align-items: center;}
.header_lang a {color:#000;}
.header_lang a.active {display: none;}

@media screen and (min-width: 1200px) { 
	.header_logo {position: absolute; top:0;left:50%; margin-left: -572px;}
	.home .header_logo { margin-left:-566px;     }
}
@media screen and (max-width: 1023px) { 
	
}
@media screen and (max-width: 767px) { 
	
}

/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/
.footer {   z-index: 0; padding: 60px 0 60px; color:#505050;  width: 100%; min-width: 320px;text-align: center; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; position: relative;}
.footer_cols {display: flex; justify-content: space-between;}
.footer_logo {margin:0 auto 32px; display: block; width:163px; height: 49px;}
.footer_logo img { object-fit: contain;}

.footer_txt {flex: 1;}
.footer_txt a { color:currentColor;}
.footer_txt a:hover { color: #698BE0;}

@media screen and (min-width: 1024px) { 
	.footer_txt {text-align: right;}
	.footer_txt:nth-child(1) {order:-1; text-align: left;}
	.footer_copy {text-align: center;}
	.footer_copy {order:-1;}
}
@media screen and (max-width: 767px) { 
	
}

/* */
html { font-size: 10px; }


/* */
.main-wrapper {background: url(../img/bot.png) repeat-x bottom; padding: 0rem 0; min-width: 320px; width: 100%; position: relative;overflow: hidden; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

.wrapper { min-width: 320px; max-width: 1440px; padding: 0 var(--padd); margin: 0 auto; position: relative; z-index: 2; width: 100%; }

/* titles */
.icon { max-width: 100%; display: inline-block; vertical-align: middle; fill: currentColor; }
.icon-str { max-width: 100%; display: inline-block; vertical-align: middle; fill: none; }

p { padding: 0rem 0 14px 0; }

h1, .h1 { letter-spacing: -0.05em; font-size: 40px; margin:0 0rem; line-height: 1.08; color: var(--title-color); padding: 0rem 0 38px 0px; font-weight: 500; }
h2, .h2 { letter-spacing: -0.05em; font-size: 40px; line-height: 1.08; color: var(--title-color); padding: 0rem 0 38px 0px; font-weight: 500; }
h3, .h3 { letter-spacing: -0.05em; font-size: 20px; line-height: 1.1; color: inherit; padding: 0rem 0 21px 0; font-weight: 400; }
h4, .h4 { font-size: 16px; line-height: 1.1; color: inherit; padding: 0rem 0 16px; 0; font-weight: 500; }
h5, .h5 { font-size: 14px; line-height: 1.1; color: inherit; font-weight: 400; padding: 0rem 0 10px 0; }

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }

/* text position */
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.nowrap { white-space: nowrap !important; }

/* loader */
.loaded .main-wrapper { /*opacity: 0;*/ }

/*
================================================================================
|                                     CONTENT                                 |
================================================================================
*/
.content { min-width: 320px; text-align: left; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-order: 2; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-grow: 1; }

/* */
.btn { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; vertical-align: middle; 
height: 50px; padding: 0rem 28px; font-family: "Manrope", sans-serif; text-align: center; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; 
color: #fff; font-size: 11.81px; line-height: 1; font-weight: 550; -webkit-box-shadow: none; box-shadow: none; 
background: #000; letter-spacing: 0;
border: 0px solid transparent; gap: 18px; -webkit-border-radius: 25px; border-radius: 25px; }
.btn img {width:16px; height:16px; object-fit: contain;}
.web .btn:hover { color: #fff; background: linear-gradient(90deg, #7570FF 0%, #3ED1FF 100%);}
.btn:focus { }
.btn:disabled, .btn.disabled { color: #fff; background: #D7D7D7; cursor: default; }

.btn-white {backdrop-filter: blur(8.014324188232422px);border:1px solid transparent;
	box-shadow: 0px 7.57px 16.92px 0px #0000001A,0px 69.46px 41.85px 0px #0000000D,0px 192.79px 53.87px 0px #00000000; color:#000;
	background: linear-gradient(96.54deg, #f1f1f1 6.8%, #fdfdfd 66.46%, #fdfdfd 104.78%),
	linear-gradient(180deg, #F2F2F2 0%, #202020 44.71%, #FFFFFF 100%);
background-origin: border-box;
  background-clip: padding-box, border-box;

}
.btn-white:hover { color:#000;}
.web .btn-white:hover {background: #000; color: #fff;}

.form_row { margin-bottom: 30px;     margin-bottom: 24px;}
.form_row label {display:block; font-size:12px; padding-left:30px;     color: #525252;  }
.form_label { display: block; }
.form_btns {}
.form_btns .btn {width: 151px;}

label.error { font-size: 1.4rem; position: absolute; color: #B50000; top: 100%; left: 2rem; right: 0; line-height: 1.6rem;  }
.form-control, select { letter-spacing: -0.05em; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; padding:10px 30px;
 -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: block; width: 100%; height: 50px; font-size: 12px; color: #525252; line-height: 1.2; 
	font-family: "Manrope", sans-serif; font-weight: 600; background:#EBEBEB66; border: 1px solid #EBEBEB66; -webkit-border-radius: 25px; border-radius: 25px; 
background-origin: border-box;
  background-clip: padding-box, border-box;
}
.form-control:focus {
border: 1px solid transparent;
background-image: 
    linear-gradient(180deg, #fcfcfc 0%, #F4F5FF 89.42%), 
    linear-gradient(180deg, #FFFFFF 0%, #94E3FF 47.6%, #7570FF 100%);
}

.form-control.filled {border: 1px solid transparent;
background-image: 
    linear-gradient(180deg, #fcfcfc 0%, #F4F5FF 89.42%), 
    linear-gradient(180deg, #FFFFFF 0%, #94E3FF 47.6%, #7570FF 100%);}
.form-control.wpcf7-not-valid { border-color: #FF4D67; color:#FF4D67;}


textarea.form-control { height: 130px; height: 160px; padding:20px 30px;  resize: none; }

.form-control::-webkit-input-placeholder { color: #525252; opacity: 1;font-weight: 400;  }
.form-control:-moz-placeholder { color: #525252; opacity: 1;font-weight: 400; }
.form-control::-moz-placeholder { color: #525252; opacity: 1;font-weight: 400;}
.form-control:-ms-input-placeholder { color: #525252; opacity: 1;font-weight: 400; }
.form-control:-webkit-autofill, .form-control:-webkit-autofill:hover, .form-control:-webkit-autofill:focus, .form-control:-webkit-autofill:active { -webkit-transition: background-color 50000s ease-in-out 0s; -o-transition: background-color 900000s ease-in-out 0s; -webkit-transition: background-color 900000s ease-in-out 0s; transition: background-color 900000s ease-in-out 0s; color: #525252 !important; -webkit-text-fill-color: #525252 !important; 
background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, #F4F5FF 89.42%) !important;}

span.error { position: absolute; left: 0; right: 0; top: 100%; color: #FF4D67; font-weight: 500;font-size: 1.4rem;}

.wpcf7-not-valid-tip { font-weight: 300; font-size: 1rem; top: 100%; right: 0; left: 0; position: absolute; margin-top: 0.4rem; color: #ED2C2C; }
.wpcf7-form-control-wrap, .wpcf7-form-control { display: block; }
.wpcf7-list-item { display: flex; align-items: center;min-height: 50px; margin: 0; }
.wpcf7-response-output { display: none; }
.wpcf7-spinner { margin-right: -48px; }
.wpcf7, .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { }
.wpcf7-form { border: none; overflow: visible; }
.wpcf7-form p { padding: 0; }

.grecaptcha-badge { visibility: hidden; }

.checks_item {}
.checks_item p { padding: 0; }
.checks_item label {padding-left: 0; vertical-align: top; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; cursor: pointer; }
.checks_item input { position: absolute; opacity: 0; }
.checks_item a { color: currentColor; }
.checks_item_txt, .wpcf7-list-item-label {line-height: 2rem; min-height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 0px 0 0px 40px; font-weight: 400; font-size: 11px; color: #525252; letter-spacing: -0.05em;}
.checks_item_txt:after, .wpcf7-list-item-label:after { z-index: 1; position: absolute; left: 0px; content: ''; top: 0; width: 25px; height: 25px;  }
.checks_item_txt:before, .wpcf7-list-item-label:before {  position: absolute; left: 0px; content: ''; top: 0; width: 25px; height: 25px; -webkit-border-radius:7px; border-radius: 7px; 
	border: 1px solid transparent;
	background-origin: border-box;
  background-clip: padding-box, border-box; 
background-image: 
    linear-gradient(180deg, #feffff 0%, #F4F5FF 89.42%), 
    linear-gradient(180deg, #FFFFFF 0%, #94E3FF 47.6%, #7570FF 100%);
}
.checks_item input.wpcf7-not-valid ~ .checks_item_txt:before, .checks_item input.wpcf7-not-valid ~ .wpcf7-list-item-label:before {border-color: #FF4D67;}
.checks_item input:checked ~ .wpcf7-list-item-label:after, 
.checks_item input:checked + .wpcf7-list-item-label:after { background: url(../svg/checkbox.svg) no-repeat center; -webkit-background-size: 16px; background-size: 16px; }
.checks_item input:disabled ~ .checks_item_txt { opacity: 0.25; }

.form_wrap { position: relative; margin: 18px auto 42px; max-width: 1212px;}
.form_cont { padding-top: 14px; display: flex; justify-content: space-between;} 
.form_cont_left {width: 51.2%;}
.form_cont_right {width: 43.73%; position: relative;} 
.sent .form_lay { z-index: -1; opacity: 0; visibility: hidden;} 
.form_sent {display: flex; flex-direction: column; text-align: center;
    align-items: center;
    justify-content: center;
-webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: absolute;
 z-index: -1; opacity: 0; visibility: hidden; top: -2px; left: -2px; right: -2px; bottom: -2px; }
.form_sent_icon {width:80px;margin:0 auto 20px;}
.form_sent.active, .sent .form_sent { z-index: 10; opacity: 1; visibility: visible; }
.form_sent .h3 {padding-bottom: 0; font-weight: 600; line-height: 1.5;} 

.form_opener {display: none;}
.form_cols {display: flex; gap: 0 9.75%; flex-wrap: wrap; justify-content: space-between;}
.form_cols_item { width: 45.125%;}
.form_cols_item.form_btns {width: auto; }

/*---------------------------------------*/
.m-show { display: none; }

.section_btn { text-align: center; margin-top: 9px;   display: flex;   justify-content: center;}
.section_title { text-align: center; margin: 0 auto; max-width: 820px;}
.section_txt { text-align: center; }

.title {text-align: center; margin-bottom: 20px; margin-top: 2px; font-size: 18px; line-height: 1.2; letter-spacing: -0.05em; font-weight: 600; color:#7570FF;}
.title_grad {display: inline-block; background: linear-gradient(90deg, #7570FF 0%, #3ED1FF 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}

/*-----------------------------*/
.section-welcome {position: relative; z-index: 2; background: linear-gradient(125.58deg, #F4F4F4 44.73%, #D9E6FF 86.51%); border-radius: 0 0 41px 41px;}

.welcome {    margin: 0 auto;    max-width: 1130px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;  height: 800px; padding-top: 243px;}
.welcome:before {content: '';position: absolute; background: url(../img/wires.png) no-repeat bottom; background-size: contain; width:681px; height: 847px;z-index: 0;    width: 61.253%;    height: 105.88%;    bottom: -17.4%;     left: 53%;}
.welcome_cont {max-width: 442px; position: relative;z-index: 1}  
.welcome_txt {margin-bottom: 39px;}
.welcome_txt p {padding-bottom: 0;}
.welcome_img { width: 77.53%; left: 46.5%; position: absolute; bottom: -36.5%; pointer-events: none; z-index: 2;}  
.welcome_img img {object-fit: contain;} 

.home .header_logo {margin-top: 41px; }
.home .header_logo img {width: 444px; height: 141px;}

/* */
.section-techn {padding:58px 0 140px 0;}

.techn {gap:18px; display:flex; flex-direction:column; max-width:1242px; margin:21px auto 0px; }
.techn_row {gap:18px; display:flex;    flex-wrap: wrap; }
.techn_row:nth-child(1):before, .techn_row:nth-child(3):before {content:'';display:block; width: calc(33.33% - 12px)}
.techn_item { position:relative; width:calc(16.66% - 15px);  }
.techn_item_bg {position: absolute; z-index: 0;left: 0;top:0;width: 100%;height: 100%;backdrop-filter: blur(5px);transition: all 0.3s linear;
 border-radius: 30px; 
background-origin: border-box;
  background-clip: padding-box, border-box;
   border:1px solid transparent;
background-image: 
    linear-gradient(180deg, #F3F3F3 0%, #F3F3F3 100%), 
    linear-gradient(180deg, #F2F2F2 0%, #818181 92.31%, #FFFFFF 100%);
}
.techn_item:before {content:''; display: block; padding-bottom: 100%; }
.techn_item_bg:before { transition: all 0.3s linear; content:''; display: block; height: 100%; border-radius: 28px; background: #EBEBEB66;}
.techn_item_logo { min-height: 22px;transform: translateY(-100%); position: absolute;z-index: 2; top: 91.5%; left: 10%; width: 70.5%; max-height: 39.5%; display: flex; transition: all 0.3s ease-out; }
.techn_item_logo img {display: block; max-width: 100%;max-height: 100%;object-fit: contain; object-position: left bottom; transition: all 0.3s linear; }
.techn_item_logo img + img {position: absolute; bottom:0; left: 0%; opacity: 0;}
.techn_item_btn {position: absolute; bottom:5%; right: 4.5%; transition: all 0.3s linear; z-index: 2; opacity: 0;}
.techn_item_btn .btn { padding: 0 14px; height: 30px;font-size: 9.47px;} 

.web .techn_item:hover .techn_item_bg { transform: scale(1.09); background-image: linear-gradient(180deg, #F3F3F3 0%, #F3F3F3 100%), linear-gradient(180deg, #7570FF 0%, #94E3FF 52.4%, #FFFFFF 100%);
box-shadow: 0px 49.91px 95.4px 0px #00000017, 0px 157.3px 129.96px 0px #0000000D, 0px 598.66px 167.29px 0px #00000000;
}
.web .techn_item:hover .techn_item_bg:before {
background-image: linear-gradient(141.77deg, rgba(255, 255, 255, 0) 40.62%, rgba(255, 255, 255, 0.74) 52.34%, rgba(255, 255, 255, 0) 63.11%), 
linear-gradient(180deg, #F4F5FF 10.58%, rgba(255, 255, 255, 0.3) 100%);}
.web .techn_item:hover .techn_item_logo {top:6%; transform: translateY(0%); left: 6%;}
.web .techn_item:hover .techn_item_logo img {opacity: 0;}
.web .techn_item:hover .techn_item_logo img + img {opacity: 1;}
.web .techn_item:hover .techn_item_btn {opacity: 1;}

/* */
.section-prmap { padding: 58px 0 143px; text-align:center; background:#fff; }
.prmap {margin:21px auto 0; max-width: 1157px;}

/* */
.section-about {z-index: 3; margin:-70px 0; padding: 58px 0;background: url(../img/aboutbg.png) no-repeat 0 0 #000; background-size: auto 100%; color:#fff; position: relative; overflow: hidden; border-radius: 67px;}
.section-about h2 {color:#fff;}
.about_wrap { align-items: center;   margin: 43px auto 60px;    max-width: 1216px; display: flex; justify-content: space-between; gap:54px;}
.about {display: flex; flex-wrap: wrap; gap: 40px 54px;}
.about_txt {    width: 31.2%;    min-width: 31.2%;    padding-right: 2%;    padding-left: 2%;}
.about_txt p:last-child {padding: 0;}
.about_item {transition: all 0.3s linear;color:#A8A8A8; display: flex; align-items: center; overflow: hidden; gap:20px; width: calc(50% - 27px);}
.about_item_icon {transition: all 0.3s linear;position: relative; overflow: hidden; display: flex; overflow: hidden; align-items: center; justify-content: center; border-radius: 33.33%; width: 90px;height: 90px; min-width: 90px;}
.about_item_icon:before {transition: all 0.3s linear; content:'';position: absolute; z-index: 0; width: 100%; height: 100%;
border: 1px solid transparent;  border-radius: 33.33%;
  background: linear-gradient(180deg, #7570FF 0%, #94E3FF 52.4%, #FFFFFF 100%) border-box; background-clip: border-box;
  background-origin: border-box;
  -webkit-mask:
    linear-gradient(#000 0 0) padding-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.about_item_icon img {position: relative;z-index: 1;    max-width: 72%;    max-height: 57%;}
.about_item_txt {letter-spacing: -0.05em;}
.web .about_item:hover .about_item_icon {background: radial-gradient(ellipse at center, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.26) 50%, rgba(255,255,255,0.16) 100%);}
.web .about_item:hover .about_item_icon:before {
	border: 1.49px solid;
background: linear-gradient(180deg, #F2F2F2 0%, #818181 92.31%, #FFFFFF 100%) border-box; background-clip: border-box;
background-origin: border-box;}
.about_item:hover {color:#fff; font-weight: bold;}
.section-about .btn {background: #fff; color:#000;}
.section-about .btn img {filter: invert(1);transition: all 0.3s linear;}
.web .section-about .btn:hover { color: #fff; background: linear-gradient(90deg, #7570FF 0%, #3ED1FF 100%);}
.web .section-about .btn:hover img {filter: invert(0);}
 
/* */
.section-services {z-index: 1; padding:160px 0 64px; position:relative; background:url(../img/servbg.png) no-repeat center top;}
.section-services:after {background: #D8D8D8;height: 2px; left:0;right:0;margin: 0 auto; max-width: 1132px; bottom: -27px; content:'';position: absolute;}
.services {display: flex; flex-wrap: wrap; gap: 28px 18px; margin:59px auto 0; max-width: 996px;}
.services_item {transition: all 0.3s linear;display: flex; padding: 21px 24px 20px; flex-direction: column; justify-content: space-between;min-height: 192px; position:relative; width:calc(33.33% - 12px);  }
.services_item_bg {position: absolute; z-index: 0; top:0;left:0;width: 100%;height: 100%;transition: all 0.3s linear;
	 backdrop-filter: blur(5px);  border-radius: 30px; 
background-origin: border-box;
  background-clip: padding-box, border-box;
   border:1px solid transparent;
background-image: 
    linear-gradient(180deg, #F3F3F3 0%, #F3F3F3 100%), 
    linear-gradient(180deg, #F2F2F2 0%, #818181 92.31%, #FFFFFF 100%);

}
.services_item_bg:before { transition: all 0.3s linear; content:''; position: absolute; top:0;left:0;z-index: 0;width:100%;height: 100%; border-radius: 28px; background: #EBEBEB66;}

.services_item_title {letter-spacing: -0.05em; transition: all 0.3s linear; margin-bottom: 16px; z-index:1; position: relative; font-size: 20px; line-height: 24px;}
.services_item_title img {transition: all 0.25s linear;position: absolute; left:0;top:0; width: 24px;height: 24px; opacity: 0;}
.services_item_txt { font-size: 11px; transition: all 0.3s linear; position:relative;z-index:1; }
.services_item_txt p {padding: 0;}
.services_item_btn {transition: all 0.3s linear; position:relative;z-index:1; position: absolute; bottom:6.5%; right: 4.5%; transition: all 0.3s linear; opacity:0; }
.services_item_btn .btn {height: 30px;font-size: 9.47px; padding: 0 14px;}

.web .services_item:hover {    padding: 13px 34px 20px 14px;}
.web .services_item:hover .services_item_bg {     border-width: 2px;    transform: scale(1.065,1.085);	
	background-image: linear-gradient(180deg, #F3F3F3 0%, #F3F3F3 100%), linear-gradient(180deg, #7570FF 0%, #94E3FF 52.4%, #FFFFFF 100%);
box-shadow: 0px 49.91px 95.4px 0px #00000017, 0px 157.3px 129.96px 0px #0000000D, 0px 598.66px 167.29px 0px #00000000;}
.web .services_item:hover .services_item_bg:before {
background: linear-gradient(141.77deg, rgba(255, 255, 255, 0) 40.62%, rgba(255, 255, 255, 0.74) 52.34%, rgba(255, 255, 255, 0) 63.11%), 
linear-gradient(180deg, #F4F5FF 10.58%, rgba(255, 255, 255, 0.3) 100%);}
.web .services_item:hover .services_item_title {padding-left: 34px; font-weight: 600;}
.web .services_item:hover .services_item_title img {opacity: 1; transition-delay: 0.1s}
.web .services_item:hover .services_item_txt { margin-bottom:45px; }
.web .services_item:hover .services_item_btn {opacity: 1;}


/* */
.section-idea {padding: 95px 0 0; }
.idea {padding-top: 25px;text-align: center; position: relative;  min-height: 474px; }
.idea:before {content:''; position: absolute; background: url(../img/ideacirle.png) no-repeat top; background-size: contain; top:0%; height: 100%; left:-2%; width:104%;}

.logo_icon {    position: relative;    z-index: 1; margin:0 auto 37px; width: 103px;}

/* */
.section-projsl {padding: 30px 0 59px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); position: relative;z-index: 0;}
.section-projsl:before {content:'';position: absolute; left: 0; right: 0;z-index: 0; pointer-events: none; height: 2267px; bottom: 17px; background: url(../img/circles.png) no-repeat bottom;}

.projects_slider { margin-top: 40px; overflow: visible; padding-bottom: 110px;}
.projects_slider + .section_btn { margin-top: 40px;}
.projects_slider .swiper-slide {padding: 16px 0; height: 380px; width: 280px;}
.projects_item {    padding: 23px 29px 23px 29px; color:#000; position: relative; overflow: hidden; height: 340px; border-radius: 30px; display: flex; flex-direction: column; justify-content: flex-end;transition: all 0.3s linear; 
	background-origin: border-box;
  background-clip: padding-box, border-box;
   border:1px solid transparent;
background-image: 
    linear-gradient(180deg, #F3F3F3 0%, #F3F3F3 100%), 
    linear-gradient(180deg, #F2F2F2 0%, #818181 92.31%, #FFFFFF 100%);

}
.projects_item:after {content:''; position: absolute;z-index: 1;top: 0;left:0;width: 100%;height: 100%;
background: linear-gradient(180deg, rgba(133, 133, 133, 0) 0%, #FFFFFF 59.49%); }
.projects_item_img {transition: all 0.2s linear;position: absolute; overflow: hidden; z-index: 0;top: 0;left:0;width: 100%;height: 100%;}
.projects_item_img img {will-change: filter; transition: all 0s linear;  filter: saturate(0); width: 100%;height: 100%; object-fit: cover; display: block;}
.projects_item_img:after {transition: all 0.3s linear; content:'';position: absolute;top: 0;left:0;width: 100%;height: 100%; background:rgba(255, 255, 255, 0.5);}

.projects_item_img-hov {opacity: 0;}
.projects_item_img-hov:after {background:rgba(255, 255, 255, 0);}
.projects_item_img-hov img {filter: saturate(1.2);}


.projects_item_cont {position: relative; z-index: 3;color:#000;}
.projects_item_top {min-height: 76px;}
.projects_item_title { min-height: 30px; font-size: 20px; margin-bottom: 5px;  letter-spacing: -0.05em;    line-height: 1.2;}
.projects_item_tags {margin-bottom: 8px; display: flex; flex-wrap: wrap; gap:7px; overflow: hidden;}
.projects_item_tags span {font-weight: bold; border-radius: 10px; color:#fff; height: 15px; text-transform: uppercase; padding: 0 5px; background: #698BE0; font-size: 8px; overflow: hidden; letter-spacing: -0.05em;}
.projects_item_txt {transition: margin 0.3s linear; padding: 0; font-size: 11px; min-height: 35px;}
.projects_item_btn {transition: all 0.3s linear; position: absolute; opacity: 0; bottom: -1px; right: -1px;}
.projects_item_btn .btn {height: 30px;font-size: 9.47px; padding: 0 19px; background: #fff; color:#000;}
.web .projects_item_btn .btn:hover { color: #fff; background: linear-gradient(90deg, #7570FF 0%, #3ED1FF 100%);}

.web .projects_item:hover {    margin: -16px -10px -24px;    height: 380px; box-shadow: 7px 57px 43.2px 0px #68686840; color:#fff; border-width: 2px;	background-image: linear-gradient(180deg, #F3F3F3 0%, #F3F3F3 100%), linear-gradient(180deg, #7570FF 0%, #94E3FF 52.4%, #FFFFFF 100%);}
.web .projects_item:hover:after {background: linear-gradient(180deg, rgba(133, 133, 133, 0) 9.47%, #000000 77.5%);}
/*.web .projects_item:hover .projects_item_img img {filter: saturate(1.2);}*/

.web .projects_item:hover .projects_item_img-hov { opacity: 1;}
.web .projects_item:hover .projects_item_img-def {}
/*.web .projects_item:hover .projects_item_img:after {background:rgba(255, 255, 255, 0);}*/
.web .projects_item:hover .projects_item_title {font-size: 24px;}
.web .projects_item:hover .projects_item_txt { margin-bottom: 36px;color:#fff;}
.web .projects_item:hover .projects_item_btn {opacity: 1;}
.web .projects_item:hover .projects_item_cont {color:#fff;}


.swiper-slide-active .projects_item {    margin: -16px -10px -24px;    height: 380px; box-shadow: 7px 57px 43.2px 0px #68686840; color:#fff;border-width: 2px;	background-image: linear-gradient(180deg, #F3F3F3 0%, #F3F3F3 100%), linear-gradient(180deg, #7570FF 0%, #94E3FF 52.4%, #FFFFFF 100%);}
.swiper-slide-active .projects_item:after {background: linear-gradient(180deg, rgba(133, 133, 133, 0) 9.47%, #000000 77.5%);}
/*.swiper-slide-active .projects_item .projects_item_img img {filter: saturate(1.2);}*/
.swiper-slide-active .projects_item_img-hov {opacity: 1;}
.swiper-slide-active .projects_item_img-def {}
/*.swiper-slide-active .projects_item .projects_item_img:after {background:rgba(255, 255, 255, 0);}*/
.swiper-slide-active .projects_item .projects_item_title {font-size: 24px;}
.swiper-slide-active .projects_item .projects_item_txt { margin-bottom: 36px;}
.swiper-slide-active .projects_item .projects_item_btn {opacity: 1;}
.swiper-slide-active .projects_item_cont {color:#fff;}


/* */
.section-feed { padding:97px 0 46px; position: relative;    z-index: 1;} 
.feed {border-radius: 47px; padding: var(--padd); background: rgba(255, 255, 255, 0.78); box-shadow: 0px 20px 20.4px 0px #0000000a;}
.feed h2 {font-size: 96px; text-align: center; color:#2F2F2F; line-height: 1.02;margin: 0 auto;max-width: 820px; }

/* */
.section-project {position: relative; z-index: 2; background: linear-gradient(125.58deg, #F4F4F4 44.73%, #D9E6FF 86.51%); border-radius: 0 0 41px 41px; overflow: hidden;}

.project { align-items: flex-start;   padding-top: 174px; padding-bottom: 68px; margin: 0 auto;    max-width: 1130px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap:40px;}
.project:before {content: '';position: absolute; background: url(../svg/wires2.svg) no-repeat bottom; background-size: contain; width:427px; height: 522px;z-index: 0;     bottom: -17.4%;    right: -2.95%;}
.project h1 {     padding-bottom: 19px;}  
.project_cont { position: relative;z-index: 1;     padding-top: 22px;    max-width: 640px;}  
.project_inf {    margin-bottom: 31px;}
.project_inf_item {overflow: hidden; display: flex; font-size: 11px;margin-bottom: 3px;}
.project_inf_label {font-weight: 600;width: 53px; min-width: 53px;}
.project_inf_txt {}
.project_tags {    display: flex;    flex-wrap: wrap;    gap:6px 16px;}
.project_tags_item {color:#698BE0;font-size: 8px;font-weight: bold;text-transform: uppercase; letter-spacing: -0.05em;}
.project_txt {margin-bottom: 39px;}
.project_txt p {padding-bottom: 0;}
.project_img { width: 278px; min-width: 278px; height: 240px; border-radius: 30px; overflow: hidden;box-shadow: 7px 25px 48.9px 0px #68686840;}  
.project_img img {width: 100%;height: 100%;object-fit: cover;}

.wrapper-sm { max-width: 1210px;}
.breadcrumbs {color:#AAAAAA;font-size: 13px; letter-spacing: 0.01em; border-bottom: 1px solid #D8D8D8; padding: 15px 0 11px;}
.breadcrumbs a {margin-right: 8px;color:currentColor; display: inline-block;}
.breadcrumbs span {margin-right: 8px; display: inline-block;}
.breadcrumbs img {margin-right: 10px;width:6px;height: 10px;}

.section-single {    padding: 79px 0 77px;}
.single {}
.single h2 { padding-bottom: 32px;}
.single p {}
.single ul {    padding: 9px 0 0px 10px; position: relative; }
.single ul li {list-style: none; position: relative; margin-bottom: 10px; padding: 1px 0 31px 54px;}
.single ul li:before {content:'';position: absolute; width: 23px;height: 23px; top:0;left:0; background: url(../img/dot.png) no-repeat 0 0; background-size: contain;}
.single ul li:after {content:'';position: absolute; width: 1px; background:#E2E2E2; top:30px;bottom: 0; left:11px;}
.single ul li:last-child:after {display: none;}
.single ul:last-child li:last-child {padding-bottom: 0;}
.single_cols {display: flex;       margin-bottom: 23px;  gap: 130px;    max-width: 1014px;}
.single_cols_item {flex: 1}

.section-recent { background: transparent;    padding-bottom: 10px;}
.section-recent .projects_slider {    margin-top: 10px;    padding-bottom: 90px;} 
.section-recent:before {bottom: -595px;}

/* */
.section-projects {padding-top: 174px;  background: transparent;  }
.section-projects:before {bottom: -595px;}
.projects {display: flex; flex-wrap: wrap; margin:40px -9px 0; justify-content: center;}
.projects_col {padding: 9px 9px 20px; width:25%; max-width: 340px;}

/* */
@media screen and (max-width: 1359px) { 
	.header {    padding-top: 24px;}
	.home .header_logo {    margin-top: 0;    padding-left: 0;}
	.welcome {      height: 690px;    padding-top: 195px;  padding-left: 0;}
	.welcome_img { bottom: -27.5%; width: 732px;}
	.about_txt {padding: 0;}
	.feed h2 {    font-size: 70px;  max-width: 620px;}

}
@media screen and (max-width: 1270px) { 
	.projects_col {  width: 33.33%;}
}
@media screen and (max-width: 1023px) { 
	.d-show { display: none; } 
	:root {    --padd: 24px;}
	h1, .h1, h2, .h2 { font-size: 36px;     padding: 0rem 0 32px 0px;}
	.home .header_logo img { width: 245px;    height: 78px;}
	.welcome {height: auto; padding: 130px 0 17vw;}
	.welcome_img { width: 58vw; }
	.section-techn {   padding: 58px 0 80px 0;}
	.techn { max-width: 616px;    margin: 12px auto 0px;}
	.techn_row:nth-child(1):before, .techn_row:nth-child(3):before {display: none;}
	.techn_row {justify-content: center;}
	.techn_item { width: calc(33.33% - 12px); display: flex; align-items: center; justify-content: center;}
	.techn_item:before {padding-bottom: 65%;}
	.techn_item_logo {justify-content: center; align-items: center;}
	.techn_item .techn_item_logo, .web .techn_item:hover .techn_item_logo {    max-height: 48.5%; width:70%; left: 15%;transform: translateY(-50%);   top: 50%;}
	.techn_item_btn {display: none;}
	.techn_item_logo img {opacity: 0;}
	.techn_item_logo img + img {opacity: 1;left:50%; transform: translateX(-50%);}
	.prmap {  margin: 12px -24px 0;}
	.about_wrap {margin: 12px 0 40px;flex-direction: column;}
	.about_txt {        width: 100%;    }
	.services {margin-top: 12px;}
	.services_item {padding: 20px; width: calc(50% - 9px); min-height: 117px;}
	.services_item:hover {padding: 20px;}
	.services_item_btn {display: none;}
	.services_item .services_item_title {    padding-left: 34px;}
	.services_item .services_item_title img {    opacity: 1;}

	.logo_icon {  margin: 0 auto 24px}
	.section-idea {  padding: 95px 0 70px;}
	.idea {min-height: 100px;    padding-top: 0px; }
	.idea:before { left: -10%;    width: 120%;}
	.projects_slider {    margin-top: 12px;    padding-bottom: 90px;}

	.form_wrap {margin-bottom: 0;}
	.form_cont {display: block;}
	.form_cont_left, .form_cont_right {width:100%;}
	.form_cols { gap: 0 18px;}
	.form_cols_item {    width: calc(50% - 9px);}
	.feed {padding: 30px;border-radius: 30px;}
	.feed h2 {        font-size: 60px;        max-width: 520px;    }
	.footer_cols {flex-direction: column;   gap:8px; }
	.footer_copy {    order: 1;     }
	.footer {padding: 24px 0;} 
	.project {    gap: 30px;  padding-top: 130px;} 
	.project_cont { padding-top: 6px;}
	.single_cols { gap: 30px;}
	.section-projects {padding-top: 130px;}
	.projects {  margin: 10px -9px 0;}
	.projects_col {        width: 50%;    }
	textarea.form-control { height: 130px;}

}

@media screen and (max-width: 767px) {  
	:root {        --padd: 20px;    }
	 h1, .h1, h2, .h2 { padding: 0rem 0 24px 0px; font-size: 30px;}
	.btn {height: 40px;    gap: 12px;    padding: 0rem 16px;}
	.header_btn .btn {    width: 108px;    font-size: 13px;}
	.header_btn {    margin-top: 4px;}
	.header_lang {    margin-top: 4px;    height: 40px;    font-size: 13px;    margin-right: 18px;}
	.home .header_logo img, .header_logo img { width: 163px;        height: 49px;    }
	.welcome_txt {    margin-bottom: 24px;}
	.section-welcome {border-radius: 0 0 30px 30px;}
	.welcome {       padding: 120px 0 92px;    }
	.welcome:before {    width: 217px;    height: 105.88%;    bottom: -55px;    right: -19px;}
	.welcome_img {     right: -16px; width: 220px; bottom: -58px;    }
	.techn {  gap: 12px;}
	.techn_row {    gap: 12px;}
	.techn_item_bg, .techn_item_bg:before {border-radius: 20px;}
	.techn_item { width: calc(33.33% - 8px); }
	.prmap { margin: 12px -51px 0; } 
	.section-about {border-radius: 30px;}
	.about_item { gap: 16px;    width: 100%;}
	.about {  gap: 18px;}
	.about_wrap {    gap: 30px;}
	.about_item_icon { width: 60px;    height: 60px;    min-width: 60px;}
	.services {     gap: 12px;}
	.services_item { width: 100%;min-height: 16px; padding: 20px;}
	.section_btn {   margin-top: 0;}
	.projects_slider {        margin-top: 6px;}
	.projects_slider .swiper-slide { height: 360px;    width: 260px;}
	.projects_item { height: 320px; padding: 20px 20px 20px 20px;}
	.web .projects_item:hover {    margin: -16px -8px; height: 360px;}
	.swiper-slide-active .projects_item {    margin: -16px -8px; height: 360px;}
	.section-feed {  padding: 46px 0 46px;}
	.feed h2 {        font-size: 30px;}
	.form_cols_item {width:100%;}
	.form_row {  margin-bottom: 18px;}
	.project {    padding-bottom: 52px; flex-direction: column; padding-top: 120px;}
	.project:before {         width: 325px;        bottom: -55px;        right: -8px;}
	.breadcrumbs { font-size: 10px;}
	.single_cols {flex-direction: column;}
	.single ul {    padding: 0px 0 0px 0px;}
	.single ul li {  padding: 0px 0 12px 32px;}
	.section-recent { padding-bottom: 60px;}
	.section-projects {padding-top: 120px;}
	.projects_col { width: 100%; max-width: 310px;}


}
@media screen and (max-width: 374px) {  
	.wrapper {padding: 0 10px;}
}