@font-face{font-family:'Mulish';src:url(../fonts/Mulish-Regular.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'Mulish';src:url(../fonts/Mulish-Light.ttf) format("truetype");font-weight:300;font-style:normal}
@font-face{font-family:'Mulish';src:url(../fonts/Mulish-Medium.ttf) format("truetype");font-weight:500;font-style:normal}
@font-face{font-family:'Mulish';src:url(../fonts/Mulish-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}
@font-face{font-family:'Mulish';src:url(../fonts/Mulish-Bold.ttf) format("truetype");font-weight:700;font-style:normal}
@font-face{font-family:'Manrope';src:url(../fonts/Manrope-Regular.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'Manrope';src:url(../fonts/Manrope-Light.ttf) format("truetype");font-weight:300;font-style:normal}
@font-face{font-family:'Manrope';src:url(../fonts/Manrope-Medium.ttf) format("truetype");font-weight:500;font-style:normal}
@font-face{font-family:'Manrope';src:url(../fonts/Manrope-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}
@font-face{font-family:'Manrope';src:url(../fonts/Manrope-Bold.ttf) format("truetype");font-weight:700;font-style:normal}
::-webkit-scrollbar-track{background-color:#fff}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-thumb{background-color:#00A1FF}
@media (min-width: 1246px) {
.container{width:1246px}
}
body{font-family:'Manrope'}
.mainbanner{position:relative;height:100vh}
.banner{width:100%;height:100%;object-fit:cover}
.banner_layout{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);z-index:1}
header{position:absolute;left:0;width:100%;z-index:3;top:0}
.head{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.menu{list-style:none;margin-bottom:0;padding-left:0;display:flex;justify-content:flex-end;gap:40px}
.top_contacts{display:flex;justify-content:flex-end;align-items:center}
header:before{position:absolute;content:"";left:0;top:0;width:100%;height:126px;background:linear-gradient(180deg,#272727 -22.22%,rgba(39,39,39,0) 100%);z-index:-1}
.menu li a{color:#FFFFFF;font-family:'Mulish'}
.menu li{text-transform:uppercase;font-weight:500}
.top_contacts a{color:#DFDFDF;font-weight:500;font-size:15px}
.top_contacts a:after{content:" ";padding:0 10px 0 0}
.top_contacts svg{margin-right:7px}
.head_top{margin-bottom:8px}
.top_contacts a:last-child:after{display:none}
.mainbanner:before{position:absolute;content:"";width:50%;right:0;top:0;height:100%;background:rgba(255,255,255,0.1);backdrop-filter:blur(15px)}
.mini_title{letter-spacing:.235em;text-transform:uppercase;color:#FFFFFF;font-size:18px;padding:10px 30px;border-radius:56px;background:rgba(0,161,255,0.2);backdrop-filter:blur(10px);display:table}
.maintitle{margin-top:40px;text-transform:uppercase;color:#FFFFFF;font-weight:700;font-size:60px;width:70%;line-height:1.1;margin-bottom:0;font-family:'Mulish'}
.scroll_btn{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);z-index:1;display:flex;transition: .5s;}
.pt100{padding-top:100px}
.title{color:#151515;font-weight:700;font-size:54px;line-height:1.1;font-family:'Mulish'}
.mb50{margin-bottom:50px}
.centered{text-align:center;margin-right:auto;margin-left:auto}
.categories_block{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.categ_item{position:relative}
.categ_prev{position:absolute;left:0;bottom:0;width:100%;display:flex;padding:23px 40px;align-items:center;z-index:1;flex-wrap:wrap;min-height:130px}
.more_btn{text-transform:uppercase;color:#FFFFFF;font-weight:600;font-size:26px;display:inline-flex;align-items:center;gap:15px;transition:.5s;font-family:'Mulish'}
.categ_name{text-transform:uppercase;color:#FFFFFF;font-weight:700;font-size:26px;line-height:1.2;max-width:calc(100% - 160px);transition:.5s;font-family:'Mulish'}
.categ_prev .more_btn{overflow:hidden;gap:0;position:absolute;right:28px;bottom:23px}
.categ_prev .more_btn span{max-width:0;opacity:0;transition:.5s}
.categ_item:before{position:absolute;content:"";background:rgba(255,255,255,0.1);backdrop-filter:blur(15px);left:0;bottom:0;width:calc(100% - 140px);height:130px;z-index:0;transition:.5s}
.categ_item:hover:before{width:100%;height:100%;background:rgba(0,161,255,0.4)}
.categ_item:hover .categ_name{font-size:46px;margin-bottom:150px;max-width:100%;width:100%}
.categ_item:hover .more_btn span{max-width:max-content;opacity:1}
.categ_item:hover .more_btn{gap:15px;right:100%;transform:translateX(calc(100% + 40px));overflow: visible;}
.advan_block{display:grid;grid-template-columns:repeat(4,1fr);gap:60px}
.adv_name{text-transform:uppercase;color:#151515;font-weight:700;font-size:17px;margin-bottom:15px;line-height:1.1;font-family:'Mulish'}
.adv_text{color:#555555;line-height:1.4}
.icon{margin-bottom:33px;position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #D2D2D2}
.icon:before{position:absolute;content:"";width:54px;height:54px;background:url(/storage/app/media/segment.svg) no-repeat;background-size:contain;background-position:right;top:50%;left:-10px}
.advan_item2 .icon:before{transform:rotate(-90deg);left:auto;right:-10px}
.advan_item3 .icon:before{transform:rotate(180deg);left:auto;right:-10px;top:-10px}
.advan_item4 .icon:before{transform:rotate(90deg);top:-10px}
.title_wrap{position:relative}
.abs_right{position:absolute;right:0;z-index:1;margin-top:15px;bottom:0}
.blue_link{color:#00A1FF;text-transform:uppercase;font-weight:600;font-size:26px;display:flex;align-items:center;gap:12px;line-height:1.1}
.portfolio_block{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.object_item.object_item1{grid-area:1 / 1 / 3 / 2;height:auto}
.object_item{display:block;position:relative;height:443px}
.obj_category{border-radius:44.5714px;background:#00A1FF;backdrop-filter:blur(7.95918px);letter-spacing:.235em;text-transform:uppercase;color:#FFFFFF;font-weight:500;font-size:14px;padding:7px 22px;position:absolute;top:30px;left:30px}
.obj_prev_wrap{position:absolute;bottom:0;left:0;width:100%;z-index:1;display:flex;align-items:center;justify-content:space-between}
.obj_prev{width:calc(100% - 170px);padding:30px 40px;position:relative}
.obj_prev_wrap .more_btn{margin-right:40px}
.obj_name{text-transform:uppercase;color:#FFFFFF;font-weight:700;font-size:22px;margin-bottom:7px;line-height:1.2;font-family:'Mulish'}
.obj_text{color:#FFFFFF;line-height:1.2}
.obj_text p:last-child{margin-bottom:0}
.obj_prev:before{background:rgba(255,255,255,0.1);backdrop-filter:blur(15px);position:absolute;content:"";left:0;width:calc(100% + 20px);height:100%;top:0;z-index:-1}
.white{color:#fff}
.mb35{margin-bottom:35px}
.form_text{color:#DADADA;font-size:22px;line-height:1.2;width:80%}
.form_wrap{background:rgba(255,255,255,0.1);backdrop-filter:blur(15px);width:682px;max-width:100%;min-height:540px;display:flex;flex-direction:column;justify-content:center;padding:50px}
.form_block{padding:70px 0;background-size:cover;background-position:center}
.submit_btn{background:transparent;border:none;margin-top:20px;align-self:end;transform:translateX(100px)}
.white_input{border:none;background:transparent;border-bottom:1px solid #A8A8A8;color:#fff;padding:10px 0;line-height:1;width:167px}
.white_input::placeholder{color:#DADADA}
input,button,select,textarea,a{outline:none!important}
.forma__inputs{display:flex;flex-direction:column}
.form_in{display:flex;gap:20px;flex-wrap:wrap}
.mb30{margin-bottom:30px}
.imgside{width:49%}
.textside{width:calc(51% - 90px);align-self:center}
.infoblock{display:flex;justify-content:space-between}
.imgside img{width:100%;height:100%;object-fit:cover}
.more_btn.blue{color:#00A1FF}
.more_btn.blue svg circle,.more_btn.blue svg line{stroke:#00A1FF}
.more_btn.blue svg path{fill:#00A1FF}
.textside .more_btn{margin-top:28px}
.sert_info{width:calc(49% - 90px)}
.slider_side{width:51%}
.sert_block{display:flex;justify-content:space-between;align-items:center}
.swiper-slide{display:block}
.swiper-slide img{width:100%}
.sert_slide:before{background:url(/storage/app/media/frame.png);position:absolute;content:"";left:0;top:0;width:100%;height:100%;background-size:100% 100%}
.sert_slide{position:relative;padding:25px}
.mb35{margin-bottom:35px}
.slider_side{position:relative}
.slider_side:before{position:absolute;content:"";right:-100px;bottom:-180px;background:url(/storage/app/media/dna3.svg) no-repeat;background-position:center;width:277px;height:410px;z-index:-1}
.arr_flex{display:flex;gap:10px;margin-top:30px}
.part_item.slick-slide{margin:0 9px}
.part_item{height:90px;display:flex!important;align-items:center;justify-content:center;border: 1px solid #ececec;}
.pb100{padding-bottom:100px}
footer{background:#151515}
.footer{padding:40px 0;display:flex;justify-content:space-between;border-bottom:1px solid #494949}
.logo_text{font-size:12px;color:#CACACA;margin-top:20px}
.logo_title{text-transform:uppercase;font-weight:700;margin-bottom:5px;font-family:'Mulish'}
.fcol.fcol1{width:205px}
.ftitle{letter-spacing:.02em;text-transform:uppercase;color:#FFFFFF;font-weight:600;margin-bottom:20px;line-height:1.2;font-family:'Mulish'}
.fmenu{list-style:none;margin-bottom:0;padding-left:0}
.fmenu li a{color:#B5B5B5;font-size:14px;margin-bottom:5px;display:block}
.fval,.fval a{color:#B5B5B5}
.fval{font-size:14px}
.fval a{display:table}
.fcol.fcol4{width:222px}
.copy{color:#FFFFFF;font-size:13px;font-family:'Mulish'}
.foot_bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
.social{display:flex;gap:10px}
.social a{background:#ffffff33;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}
.partners_slider .slick-list{margin:0 -9px}
.mainbanner.pagebanner{height:490px}
.mainbanner.pagebanner:before{left:-100vw;right:auto;width:calc(100vw + 35%)}
.portfolio_page .object_item.object_item1,.portfolio_page .object_item{grid-area:auto;height:485px}
.infoblock.reverse{flex-direction:row-reverse}
.ben_item{background:#EBF7FF;padding:45px 35px}
.benef_block{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ben_title{text-transform:uppercase;color:#151515;margin-bottom:17px;font-weight:700;font-size:17px}
.ben_icon{margin-bottom:55px}
.ben_text{color:#555555;line-height:1.4}
.team_item.slick-slide{margin:0 16px;padding-bottom:10px;height: auto;}
.team_slider .slick-list{margin:0 -16px}
.team_info{width: 100%;padding: 50px 40px;line-height:1.2;background: linear-gradient(0deg, #EBF7FF, #EBF7FF);height: 100%;}
.team_item{position:relative}
.team_name{color: #151515;font-weight:700;font-size:18px;padding-bottom: 20px;border-bottom: 1px solid #E1E1E1;margin-bottom: 20px;}
.team_pos{color: #555555;font-size:15px}
.title_flex{display:flex;justify-content:space-between;align-items:center}
.slick-dots li{width:10px;height:10px;margin:0 16px;position:relative}
.slick-dots li button{padding:0;width:100%;height:100%;border-radius:50%;background:transparent;border:1px solid #858585}
.slick-dots li button:before{display:none}
.slick-dots li.slick-active:before{position:absolute;content:"";width:38px;height:38px;border:1px solid #181818;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.slick-dots{bottom:-64px}
.slick-dotted.slick-slider{margin-bottom:64px}
.cicon{background:#00A1FF;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.cinfo{width:calc(100% - 53px)}
.contact_page{display:grid;grid-template-columns:repeat(4,1fr)}
.cont_col.cont_col1{padding-left:0}
.cont_col{padding:0 45px;border-right:1px solid #DADADA;display:flex;align-items:flex-start;gap:17px}
.cont_col.cont_col4{border-right:none;padding-right:0}
.gray{color:#868686;margin-bottom:6px}
.cval{font-weight:500;line-height:1.3}
.pt90{padding-top:90px}
.map{margin-top:75px;width:100%;height:508px}
.map *{width:100%;height:100%}
.cval,.cval a{color:#151515}
.cval a{display:table}
.prodmenu_side{width:280px;padding-right:50px}
.product_side{border-left:1px solid #D2D2D2;padding-left:40px;width:calc(100% - 280px)}
.product_page{display:flex}
.prodmenu a{color:#666666;text-transform:uppercase;font-size:17px;position:relative;margin-bottom:20px;min-height:35px;display:flex;align-items:center}
.prodmenu a.active{font-weight:700;color:#151515;border-left:3px solid #00A1FF;padding-left:20px}
.page_imgs{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin:30px 0}
.page_imgs a img{width:100%;height:100%;object-fit:cover}
.blue_btn{color:#00A1FF;text-transform:uppercase;font-weight:700;padding:14px 40px;border:1px solid #00A1FF;border-radius:42px;display:table;line-height:1.1}
.textblock .blue_btn{margin-top:30px}
.page_imgs.fullimg{grid-template-columns:repeat(1,1fr)}
.textblock{margin-bottom:40px;color:#555555}
.textblock:last-child{margin-bottom:0}
.textblock b,.textblock strong{color:#151515}
header.relat_head{position:relative}
header.relat_head::before{background:#272727;height:100%}
.port_gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.port_gallery a img{width:100%;height:100%;object-fit:cover}
.feedmodal .modal-body{padding:0}
.feedmodal .modal-content{border:none;}
.feedmodal .modal-dialog{width:800px;max-width: 95%;}
.prod_input.white_input{width:354px;max-width:100%}
.feedmodal .modal-body .form_block{padding:0}
.feedmodal .modal-body .submit_btn{transform:translateX(0)}
.feedmodal .modal-body .form_wrap{width:auto}
.feedmodal .modal-body>button.close{opacity:1;position:absolute;top:20px;right:20px;z-index:1}
a:hover{color:#00A1FF;text-decoration:none}
a{transition:.5s}
.menu li a:hover{color:#00A1FF}
.fmenu li a:hover{color:#00A1FF}
.scroll_btn:hover{transform:translateX(-50%) translateY(20px)}
.blue_link:hover{color:#8d8d8e}
.blue_link:hover line{stroke:#8d8d8e}
.blue_link:hover path{fill:#8d8d8e}
svg *{transition:.5s}
.object_item:hover .obj_prev:before{background:rgba(0,161,255,0.4)}
.obj_prev:before{transition:.5s}
.arr_flex>div:hover line,.arr_flex>div:hover circle{stroke:#8a8a8a}
.arr_flex>div:hover path{fill:#8a8a8a}
.more_btn:hover svg{transform:translateX(10px)}
svg{transition:.5s}
.blue_btn:hover{background:#00A1FF;color:#fff}
.arr_flex>div{cursor:pointer}
.social a:hover{background:#00A1FF}
.alert{background:#00A1FF;color:#fff;font-size:18px;text-align:center;border-color:#00A1FF;position:fixed;top:50%;left:50%;max-width:95%;width:500px;padding:40px;transform:translate(-50%,-50%)}
.alert>.close{position:absolute;opacity:1;text-shadow:none;top:10px;right:20px}
.mm-wrapper_opened .hamburger--spin .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}
.mm-wrapper_opened .hamburger--spin .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}
.mm-wrapper_opened .hamburger--spin .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}
.openMenu{display:none}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{background-color:#fff!important}
.hamburger{padding:0;display:flex}
.childmenu{display:none;}
#layout-content{overflow:hidden}
.arr_flex.team_arrs{margin-top:0}
.arr_flex>div{display:flex!important}
.part_item.slick-slide img {
    max-width: 95%;
    max-height: 95%;
}
.team_slider .slick-track {
    display: flex;
}
.elev_modal .modal-dialog {
    width: 1216px;
    max-width: 95%;
}

.elev_modal .modal-content {
    border-radius: 0;
    border: none;
}

.elev_modal .modal-body {
    padding: 70px 60px;
}

.elev_modal .modal-body>.close {
    opacity: 1;
    z-index: 1;
    position: absolute;
    top: 25px;
    right: 25px;
}

.obj_modal_wrap .obj_name {
    color: #151515;
    margin-bottom: 15px;
}

.obj_modal_wrap  .obj_text {
    color: #555555;
}

.object_images {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}

.object_images a img {
    width: 100%;
}
.modal-backdrop.in {
    backdrop-filter: blur(15px);
    background: rgba(18, 18, 18, 0.5);
    opacity: 1;
}