::-webkit-scrollbar-track{background-color:#fff}
::-webkit-scrollbar{width:10px;height:5px}
::-webkit-scrollbar-thumb{background-color:#151515}
body{font-family:"futura-pt",sans-serif}
@media (min-width: 1282px) {
.container{width:1282px}
}
header{position:absolute;top:0;left:0;width:100%;z-index:3}
video.banner{display:block}
.banner{width:100%;height:100%;object-fit:cover}
.mainbanner{position:relative;height:100vh}
.banner_wrap{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);z-index:2}
.head{display:flex;justify-content:space-between;align-items:center;padding:40px 0}
.mainbanner:before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:rgba(30,30,30,0.6)}
.maintext{margin-top:20px;color:#D7D7D7;font-weight:300;font-size:30px;line-height:1.3;font-family:"mostra-nuova",sans-serif;text-transform:uppercase}
.maintext p:last-child{margin-bottom:0}
.mainbanner:after{position:absolute;content:"";left:0;bottom:0;width:100%;height:120px;background:url(/storage/app/media/bottom.png) no-repeat;background-size:100% 100%}
.bottom_btn{position:absolute;bottom:15px;z-index:1;width:100%}
.svg_btn{display:inline-flex;width:150px;height:149px;position:relative;display:flex;align-items:center;justify-content:center}
.lines{position:absolute;top:0;left:50%;width:calc(100% - 110px);height:100%;display:flex;justify-content:space-between;transform:translateX(-50%);overflow:hidden}
.lines>div{background:rgba(255,255,255,0.1);width:1px;height:100%;animation-iteration-count:1;animation-name:line_appear;animation-duration:3s;animation-timing-function:linear;animation-fill-mode:forwards;animation-play-state:paused}
#lines1 .line3{height:30%}
#lines1 .line4{height:30%}
#lines1 .line5{height:30%}
#lines1 .line8{height:55%}
#lines1 .line10{height:55%}
.pt65{padding-top:65px}
.title{letter-spacing:.04em;text-transform:uppercase;color:#151515;font-size:50px;font-family:"mostra-nuova",sans-serif;line-height:1.1}
.mb50{margin-bottom:50px}
.lined{position:relative;padding-bottom:15px}
.lined:before{position:absolute;content:"";left:0;bottom:0;width:50px;height:2px;background:#151515;transition:.5s}
.serv_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 30px}
.serv_item{padding-right:35px}
.serv_item-img img{width:100%}
.serv_item-prev{padding:35px 0 0}
.serv_item-name{letter-spacing:.04em;text-transform:uppercase;color:#151515;font-size:35px;line-height:1.1;display:block;max-width: 90%;}
.serv_item-img{position:relative}
.serv_item-img .more{position:absolute;right:0;bottom:0;transform:translateY(50%);z-index:1}
.more{display:flex;align-items:center;justify-content:center}
.more:before{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:148px;height:148px;background:#fff;z-index:-1;transition:.5s}
@media (min-width: 1182px) {
.banner_wrap .container,header .container,.bottom_btn .container,.attirbutes_wrap .container{width:1182px}
}
.pt80{padding-top:80px}
.dark_back{position:relative;background:#1C1C1C}
.about_section{margin-top:115px;padding-bottom:145px}
.about_block{margin-top:-65px;position:relative;display:flex;align-items:flex-start;justify-content:space-between}
.author_side{width:36%;max-width:440px}
.about_side{width:calc(65% - 70px)}
.mini_title{font-size:32px;line-height:1.2;color:#151515}
.white{color:#fff}
.mb20{margin-bottom:20px}
.text22{font-size:22px;line-height:1.2}
.text22.white{color:#B6B6B6}
.text22 p:last-child{margin-bottom:0}
.author_fio{margin-top:35px}
.author_side .std_btn{margin-top:35px}
.std_btn{display:flex}
.about_slider{margin-bottom:45px}
.about_slider .slick-slide{margin:0 16px}
#lines2 .line3{height:39%}
#lines2 .line4{height:32%}
#lines2 .line5{height:40%}
#lines2 .line7{height:60%}
#lines2 .line8{align-self:flex-end;height:36%}
#lines2 .line9{height:65%}
#lines2 .line10{height:85%}
.w50{width:50%}
.steps_slider .slick-slide{margin:0 7px}
.steps_slider .slick-list{margin:0 -7px}
.steps_item{border:1px solid #F2F2F2;padding:50px 30px}
.steps_item-num{letter-spacing:2px;text-transform:uppercase;color:#999999;font-weight:300;font-size:13px;margin-bottom:10px;line-height:1.2}
.steps_item-title{text-transform:uppercase;color:#151515;font-weight:450;font-size:18px;line-height:1.2;margin-bottom:10px}
.steps_item-icon{margin-bottom:20px}
.steps_item-text{color:#888888;line-height:1.4}
.steps_item-text p:last-child{margin-bottom:0}
.steps_item.slick-slide{height:auto}
.steps_slider .slick-track{display:flex}
.lined.white:before{background:#fff}
.pt100{padding-top:100px}
.pb150{padding-bottom:150px}
.projects_cols{column-count:2;gap:32px}
.proj_item{position:relative;margin-bottom:32px;display:inline-block;width:100%;height: 400px;}
.proj_img{width:100%;height:100%;object-fit:cover}
.proj_info{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);padding:60px;display:flex;flex-direction:column;align-items:center;transition:.5s;opacity:0}
.proj_name{text-transform:uppercase;color:#FFFFFF;font-size:36px;font-family:"mostra-nuova",sans-serif;line-height:1.2;margin-bottom:10px}
.centered{text-align:center;margin-right:auto;margin-left:auto}
.proj_descr{color:#DEDEDE;font-size:18px;line-height:1.3;margin-bottom:28px}
.proj_descr p:last-child{margin-bottom:0}
.proj_item:before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:rgba(24,24,24,0.6);transition:.5s;opacity:0}
.proj_item:hover .proj_info{opacity:1}
.proj_item:hover:before{opacity:1}
.proj_item:nth-child(2n){height:400px}
.proj_item:nth-child(1),.proj_item:nth-child(4n){height:623px;}
.form_wrapper{position:relative;z-index:1}
.white_input{border:none;padding:14px 0;color:#fff;line-height:1;border-bottom:2px solid #FFFFFF;background:transparent;font-size:24px;}
input,button,select,textarea,a{outline:none!important}
.white_input::placeholder{color:rgba(255,255,255,0.3)}
.form_in{display:flex;flex-wrap:wrap;gap:20px}
.name_input{width:325px}
.phone_input{width:200px}
.city_select{min-width:260px}
.submit_btn{margin-top:40px;position:relative;background:transparent;border:none;width:242px;height:242px;display:flex;align-items:center;justify-content:center}
.btn_fon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;max-width:100%;max-height:100%;animation-duration:8s;animation-timing-function:linear;animation-fill-mode:forwards;animation-name:roll;animation-iteration-count:infinite;animation-play-state:paused}
#lines3 .line3{height:5%}
#lines3 .line4{align-self:flex-end;height:15%}
#lines3 .line7{height:85%}
#lines3 .line6{height:94%}
#lines3 .line8{height:60%}
#lines3 .line9{height:60%}
.foot_bottom{background:#D1D1D1}
footer{background:#D8D8D8;position:relative}
.copy{letter-spacing:.1em;color:#B5B5B5;font-size:14px;padding:17px 0 20px;position:relative;z-index:1}
.ftitle{text-transform:uppercase;color:#15151566;font-size:18px;margin-bottom:25px;line-height:1.3}
.ftitle.lined{padding-bottom:10px}
.ftitle.lined:before{background:#525252;opacity:.6;width:40px;height:1px}
.fcol ul{list-style:none;padding-left:0;margin-bottom:0}
.fcol ul li a{color:#151515}
.fcol ul li{text-transform:uppercase;margin-bottom:20px;line-height:1.1}
.fcol ul li:last-child{margin-bottom:0}
.footer{padding:60px 0;display:flex;justify-content:space-between;align-items:flex-start}
.fval{line-height:1.4;text-transform:uppercase;margin-bottom:20px}
.fval a{display:table}
.fval,.fval a{color:#151515}
.fval p:last-child{margin-bottom:0}
.fcol.fcol3{width:300px;max-width:100%}
.fval:last-child{margin-bottom:0}
.callback_btn{color:#151515;letter-spacing:.03em;text-transform:uppercase;font-weight:500;font-size:17px;padding:13px 55px;border:1px solid #151515;display:table;line-height:1}
.social{margin-top:25px;display:flex;gap:10px}
.social a{display:flex;align-items:center;justify-content:center;border:1px solid #151515;width:40px;height:40px;border-radius:50%}
#lines4.lines>div{border:1px solid rgba(104,104,104,0.1)}
.foot_top{position:relative}
#lines4 .line3{height:12%}
#lines4 .line5,#lines4 .line7,#lines4 .line10,#lines4 .line11{height:0}
#lines4 .line6{height:55%}
#lines4 .line8{height:30%}
#lines4 .line9{height:55%}
.pagebanner{position:relative;height:456px}
.pagebanner:before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:rgba(30,30,30,0.6)}
.pagebanner .bottom_btn{bottom:0;transform:translateY(50%)}
.pb100{padding-bottom:100px}
.pt180{padding-top:180px}
#lines5 .line3{height:18%}
#lines5 .line4{height:60%;height:10%}
#lines5 .line5{height:0}
#lines5 .line7{height:53%}
#lines5 .line8{height:47%}
#lines5 .line9{height:60%}
#lines5 .line10{height:67%}
.about_block.mt0{margin-top:0}
.cont_page{display:flex;gap:40px;justify-content:space-between;width:1216px;max-width:100%;margin:auto}
.cont_col{border:1px solid #E8E8E8;padding:20px 22px;max-width:340px}
.ctitle{color:#868686;margin-bottom:5px;line-height:1.2}
.cval,.cval a{color:#151515}
.cval p:last-child{margin-bottom:0}
.cval a{display:table;white-space:nowrap}
.cval{line-height:1.2}
.map *{width:100%;height:100%}
.map{width:1216px;max-width:100%;margin:60px auto 0;height: 405px;}
.pagebanner.proj_banner:before{display:none}
.proj_banner{background:#1C1C1C}
.attirbutes_wrap{position:absolute;bottom:70px;left:0;width:100%}
.proj_attrs{width:100%;display:flex;justify-content:flex-end;gap:60px}
.attr_val{max-width:170px;line-height:1.2;color:#FFFFFF;font-weight:450;font-size:18px}
.proj_content{color:#888888}
.proj_gallery{margin-top:65px;display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.proj_gallery img{width:100%;object-fit:cover;height:100%}
.maintitle{letter-spacing:.04em;text-transform:uppercase;color:#FFFFFF;font-size:77px;font-family:'mostra-nuova';line-height:1.1}
.serv_banner .banner_content{width:50%}
.price_grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.price_item{border:1px solid #959595;padding:50px;position:relative}
.price_item-type{letter-spacing:2px;text-transform:uppercase;color:#999999;font-weight:300;font-size:13px;font-family:'mostra-nuova';margin-bottom:5px}
.price_item-icon{margin-bottom:10px}
.price_item-title{text-transform:uppercase;color:#FFFFFF;font-weight:450;font-size:18px;line-height:1.3;margin-bottom:10px}
.price_item-text{color:#888888;line-height: 1.4;transition:.7s;max-height: 285px;overflow:hidden}
.price_item-text p:last-child{margin-bottom:0}
.showMore{text-decoration-line:underline;color:#FFFFFF;display:inline-flex;align-items:center;gap:17px;margin-top:10px;cursor:pointer}
.price_item .std_btn{position:absolute;bottom:0;right:20px;transform:translateY(50%)}
.pt90{padding-top:90px}
.pb90{padding-bottom:90px}
.serv_left{width:425px}
.serv_right{width:calc(100% - 520px)}
.service_info{display:flex;align-items:flex-start;justify-content:space-between}
.mb40{margin-bottom:40px}
.relative{position:relative}
.relative .lines>div{border:1px solid rgba(83,83,83,0.1)}
.fixed_btns{position:fixed;bottom:10px;right:10px;z-index:1;display:flex;flex-direction:column;gap:5px}
.fixed_btns a{display:flex}
.price_item-text.show_all{max-height:500px}
.showMore.showed svg{transform:rotate(180deg)}
svg,svg *{transition:.5s}
.svg_btn:hover .btn_fon,.submit_btn:hover .btn_fon{animation-play-state:running}
@keyframes line_appear {
from{transform:translateY(-100%)}
to{transform:translateY(0%)}
}
@keyframes line_appear2 {
from{transform:translateY(100%)}
to{transform:translateY(0%)}
}
.lines>div.end{align-self:flex-end;animation-name:line_appear2}
.pb80{padding-bottom:80px}
.lines.is-inview>div{animation-play-state:running}
.more:hover svg{transform:scale(1.2)}
.more:hover:before{transform:translate(-50%,-50%) scale(1.2)}
.std_btn:hover svg{transform:scale(1.2)}
.proj_info svg:hover{transform:scale(1.2)}
a{transition:.5s}
a:hover{color:#9A9A9A}
a:hover,a:focus{text-decoration:none}
a.lined:hover:before{background:#9A9A9A}
.fcol ul li:hover a{color:#9A9A9A}
.callback_btn:hover{color:#fff;background:#151515}
.author_img img{width:100%}
.alert{background:#151515;color:#fff;font-size:18px;text-align:center;border-color:#151515;position:fixed;top:50%;left:50%;max-width:95%;width:500px;padding:40px;transform:translate(-50%,-50%);z-index:1}
.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)}
#layout-content{overflow:hidden}
.form_side{position:relative;z-index:1}
.modal-body>.close{position:absolute;z-index:1;opacity:1;top:15px;right:15px}
.feedmodal .modal-dialog{width:1100px;max-width:95%}
.feedmodal .modal-content{border-radius:0;border:none}
.feedmodal .modal-body{padding:100px 60px 40px}
.w50.white_input{width:490px;max-width:100%}
.w100.white_input{width:825px;max-width:100%}
.white_input option {
    background: #151515;
}
input.white_input {
  -webkit-appearance: none !important;
    -webkit-border-radius:0 !important; 
    border-radius:0 !important;
}
.price_item-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.price_item-cost {
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 450;
    font-size: 24px;
    line-height: 1;
}
.pagination > li > a, .pagination > li > span {
    color: #151515;
    font-weight: 500;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 50% !important;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #fff;
    border-color: #151515;
    background: #151515;
}
.only4 .proj_item {
    display: none;
}

.only4 .proj_item:nth-child(1), .only4 .proj_item:nth-child(2),.only4 .proj_item:nth-child(3),.only4 .proj_item:nth-child(4) {
    display: block;
}
#tipForm {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    margin: 30px 0;
}

.tip_label {
    font-weight: normal;
    margin-bottom: 0;
    padding: 0;
}

.tip_label input {
    display: none;
}

.tip_label span {
    color: #151515;
    background: #fff;
    border: 1px solid #151515;
    display: block;
    padding: 12px 25px;
    line-height: 1.1;
    font-size: 18px;
    text-align: center;
    min-width: 200px;
    cursor: pointer;
    transition: .5s;
}

.tip_label input:checked + span {
    color: #fff;
    background: #151515;
}

.tip_label span:hover {
    color: #fff;
    background: #151515;
}