:root{--site-bg1:#F5F4FF;--site-bg2:#fff;--card-bg:#E6E5FA;--text-color:#3A3D41;--second-color:#4C57D8;--border-color:#CFD5DD;--articles-color:#E8E7FF}
*{margin:0;padding:0;box-sizing:border-box;font-family:inherit}
html,body{height:100vh;font-family:Arial,Helvetica,sans-serif;color:var(--text-color);font-size:17px;line-height:1.17}
a{display:inline-block;text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
header,section,main{display:flex;flex-wrap:wrap;justify-content:center}
.carcas{background-color:var(--site-bg2);overflow:hidden}
.carcas.margin{margin-top:76px}
.carcas.background{background-color:var(--site-bg1)}
.container{flex-basis:1280px;max-width:100%;padding:0 10px}
header{position:fixed;top:0;left:0;width:100%;background-color:rgba(0,0,0,.5);box-shadow:0 5px 13px rgba(0,0,0,.25);transition:all .4s linear;z-index:9999}
header.white{background-color:#fff}
header:hover{background-color:#fff}
header .standart{position:relative;display:flex;column-gap:40px}
.header_topPanel{display:flex;justify-content:center;width:100%;box-shadow:5px 0 13px 0 #00000040;padding:13px 14px}
.header_topPanel .topPanel_container{display:flex;justify-content:space-between;flex-basis:1260px}
.header_topPanel .element{display:flex;align-items:center;column-gap:8px;font-size:14px}
.header_topPanel .element,.header_topPanel .element a{color:#fff}
header.white .header_topPanel .element,header.white .header_topPanel .element a,header:hover .header_topPanel .element,header:hover .header_topPanel .element a{color:var(--text-color)}
header.white .header_topPanel .element img,header:hover .header_topPanel .element img{filter:invert(1)}
header.scroll .header_topPanel{display:none}
.logo{min-width:76px;width:76px;height:76px}
.logo a,.logo img{width:100%;height:100%}
.logo img{transition:all .2s linear}
header:hover .logo img{filter:none}
header .menu>ul{height:100%;display:flex;column-gap:54px}
header .menu>ul>li{display:flex;align-items:center;column-gap:15px}
header .menu>ul>li>a{color:#fff;font-size:17px}
header.white .menu>ul>li>a{color:unset}
header:hover .menu>ul>li>a{color:unset}
header .standart .btn{transition:all .5s linear;transition-delay:.2s;margin:auto 0 auto auto}
header .mobile_wrap{display:flex;flex-direction:column;row-gap:15px;margin:auto 0;margin-left:auto}
.burger{display:flex;justify-content:center;order:2;cursor:pointer}
.btn{min-width:177px;height:fit-content;text-align:center;color:#fff;line-height:1.6;background-color:var(--second-color);border:1px solid transparent;border-radius:10px;padding:8px 37px;cursor:pointer}
.page_title{font-family:'Montserrat Semibold',sans-serif;font-weight:600;font-size:90px;line-height:1.2}
.section_title{position:relative;width:fit-content;font-family:'Montserrat Semibold',sans-serif;font-weight:600;font-size:40px;margin-bottom:60px}
.h3,h3{font-family:'Montserrat Medium',sans-serif;font-weight:500;font-size:30px}
.h4{font-family:'Montserrat Medium',sans-serif;font-weight:500;font-size:21px}
.portfolio,.contacts{align-items:flex-start;min-height:100vh;color:#fff;padding:106px 0 90px}
.portfolio .bg_img,.contacts .bg_img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1;filter:brightness(.6)}
.portfolio .section_content,.contacts .section_content{display:flex;justify-content:center;width:100%}
.portfolio .page_title,.contacts .page_title{margin-bottom:30px}
.portfolio .subtitle,.contacts .subtitle{font-family:Verdana,Geneva,Tahoma,'Times New Roman',Times,serif;font-size:30px;margin-bottom:186px}
.banner{position:relative;height:100vh;margin-bottom:75px;padding:0 0 75px;z-index:5}
.banner>.container{position:absolute;max-width:1280px;width:100%;top:100px;left:50%;transform:translateX(-50%);z-index:3}
.banner .page_title{position:relative;z-index:10;width:100%;max-width:1270px;max-height:0;color:#fff;overflow:hidden;transform-origin:top;margin-bottom:50px;margin-left:calc((100vw - 1280px)/2)}
.breadcrumbs_section{display:flex;justify-content:center;margin:30px auto}
.breadcrumbs ul{display:flex;flex-wrap:wrap;list-style:none;column-gap:10px}
.breadcrumbs li{display:flex;align-items:center;column-gap:10px;font-size:14px}
.breadcrumbs li a{color:var(--text-color);text-decoration:none}
.banner>.container .breadcrumbs li a,.banner>.container .breadcrumbs li::after{color:#fff}
.bg_text{position:absolute;font-size:217px;text-transform:uppercase;color:rgba(229,227,255,.7)}
.our_services{position:relative}
.servicesPageFigure{position:absolute;z-index:-1}
.servicesPageFigure1{left:0;top:-900px}
@media (max-width:1270px){.carcas.margin{margin-top:0}}
@media (max-width:810px){.page_title{font-size:55px}.portfolio .subtitle,.contacts .subtitle{font-size:24px}}
@media (max-width:480px){.page_title,.banner .page_title{font-size:40px}.portfolio .subtitle,.contacts .subtitle{font-size:21px}}
@media (max-width:380px){.page_title,.banner .page_title{font-size:38px}}