::-webkit-scrollbar-track{background-color:#fff}
::-webkit-scrollbar{width:10px;height:5px}
::-webkit-scrollbar-thumb{background-color:#3493B3}
@media (min-width: 1246px) {
.container{width:1246px}
}
html,body{height:100%}
body{display:flex;flex-direction:column;height:100%}
#layout-content{flex:1 0 auto}
footer{flex:0 0 auto}
a{transition:.5s}
a,a:hover{color:#3493B3}
a:focus,a:hover{text-decoration:none}
body{font-family:"Geologica",sans-serif}
header{position: fixed;top:0;left:0;width:100%;z-index:3;background:#fff;box-shadow:0 0 12px #0000001F}
.lang{display:flex;align-items:center;/* margin-left:30px */}
.lang label{margin-bottom:0;font-weight:normal;display:inline-flex;color:#D6D6D6}
.lang label span{color:#151515;text-transform:uppercase;cursor:pointer;transition:.5s}
.lang label input:checked + span{color:#3493B3;text-decoration:underline;font-weight:700}
.lang label input{display:none}
.lang label:not(:last-child):after{content:"/";padding:0 5px}
.head_right_top{display:flex;align-items:center;border-bottom:1px solid #EBEBEB;padding:17px 0 13px}
.head_right_bottom{display:flex;align-items:center;padding:13px 0 17px;justify-content:space-between}
.head{display:flex;align-items:center}
.logo img{min-width:90px}
.head_right{width:100%;padding-left:27px;}
.head_slider{margin-right:auto}
.top_phone{color:#151515;display:flex;align-items:center;gap:5px}
.search_link{margin-left:30px;display:flex}
.head_slider{width:700px;border-top:1px solid #EBEBEB;height:30px;max-width:100%;border-bottom:1px solid #EBEBEB}
.social{display:flex;align-items:center;gap:7px}
.head .social{margin-right:25px;margin-left: auto;}
.bt.grad_bt{background:linear-gradient(135deg,#26D1D1,#463685);border:none;color:#fff}
.bt.blue_bt{background:#3493B3;border-color:#3493B3;color:#fff}
.bt{font-size:14px;font-weight:700;padding:15px 40px;line-height:1;display:table;text-align:center;text-transform:uppercase;border:1px solid;transition: .5s;cursor: pointer;}
.head .bt{padding:8px 30px}
.mainbanner{position:relative;height: calc(100vh - 119px);}
.banner_wrap{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);z-index:1}
video.banner{display:block}
.banner{width:100%;height:100%;object-fit:cover}
.mainbanner:before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:#161616B2}
.banner_content{width:644px;max-width:100%}
.maintitle{color:#FFFFFF;font-size:74px;font-weight:500;line-height:1}
h1{margin-top:0;margin-bottom:0}
.maintext{color:#D3D3D3;font-size:18px;font-weight:300;line-height:1.4;margin-top:20px}
.maintext :last-child{margin-bottom:0}
.banner_content .bt{margin-top:40px}
.bt.white_bt, .bt.white_bt:focus{color:#3493B3;background:#fff;border-color:#fff}
.scroll_wrap{position:absolute;left:0;width:100%;bottom:50px;z-index:1}
.scroll_wrap .container{position:relative}
.scroll_btn{position:absolute;right:15px;bottom:0;writing-mode:vertical-lr;white-space:nowrap}
.scroll_btn span{position:relative;color:#FFFFFF;font-size:14px;line-height:1;letter-spacing:.2em;padding-right:7px;padding-left:7px}
.scroll_btn span:before,.scroll_btn span:after{position:absolute;content:"";background:#FFFFFF33;width:1px}
.scroll_btn span:before{left:0;height:94px;top:45px}
.scroll_btn span:after{right:0;height:50px;bottom:75px}
.pt100{padding-top:100px}
.ach_text{width:51%;padding-right:100px;color:#777777;font-size:18px;font-weight:300}
.numbers_side{width:49%;border-left:1px solid #EDEDED}
.ach_block{display:flex}
.title{color:#000000;font-size:42px;line-height:1.1;font-weight:400}
.lined{position:relative;padding-bottom:30px}
.mb40{margin-bottom:40px}
.lined:before{position:absolute;content:"";left:0;bottom:0;width:50px;height:2px;background:#151515;transition:.5s}
.ach_text :last-child{margin-bottom:0}
.num_grid{display:grid;grid-template-columns:repeat(2,1fr)}
.num_item:nth-child(2n + 1){border-right:1px solid #EDEDED}
.num_item{padding:45px 50px}
.num_item:nth-child(1),.num_item:nth-child(2){padding-top:0}
.num_item:nth-last-child(1),.num_item:nth-last-child(2){padding-bottom:0}
.num_item_title{color:#3493B3;line-height:1;font-size:40px;font-weight:300}
.num_item_text{color:#777777;font-size:19px;font-weight:300;line-height:1.2;margin-top:15px}
.num_item_text :last-child{margin-bottom:0}
.num_item{position:relative}
.num_item:before{position:absolute;left:55px;top:-10px;content:url('data:image/svg+xml,<svg width="60" height="10" viewBox="0 0 60 10" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="4.02417" cy="5.01099" r="4.02417" fill="%238DCBE0"/><circle cx="29.7788" cy="5.01099" r="4.02417" fill="%238DCBE0"/><circle cx="55.5334" cy="5.01099" r="4.02417" fill="%238DCBE0"/></svg>')}
.num_item:nth-child(1):before,.num_item:nth-child(2):before{display:none}
.pt75{padding-top:75px}
.images_grid{display:grid;grid-template-columns:21% 21% 1fr;gap:40px}
.images_grid a{height:372px;display:block}
.images_grid a img{width:100%;height:100%;object-fit:cover}
.mb50{margin-bottom:50px}
.dir_list{display:flex;gap:10px}
.dir_item{width:calc(25% - 10px);position:relative;transition:.5s;height:430px}
.dir_img{width:100%;height:100%;object-fit:cover}
.dir_info{position:absolute;bottom:0;left:0;width:100%;z-index:1;padding:30px}
.dir_item:hover{width:calc(40% - 10px)}
.dir_item:hover + .dir_item{width:calc(15% - 10px)}
.dir_item:before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:#21212199;transition:.5s}
.dir_item:hover:before{background:#002E3EB2}
.dir_name{font-size:24px;font-weight:500;line-height:1.2;width:236px;transition:.5s;position:relative;left:0}
.lined.white:before{background:#fff}
.centered{text-align:center;margin-right:auto;margin-left:auto}
.mb25{margin-bottom:25px}
.lined.centered:before{left:50%;transform:translateX(-50%)}
.white{color:#fff}
.dir_item:nth-child(2){z-index:1}
.dir_item:nth-child(3){z-index:2}
.dir_item:nth-child(4){z-index:3}
.dir_item:hover .lined::before{left:50%;transform:translateX(-50%)}
.dir_item:hover .dir_name{left:50%;transform:translateX(-50%);text-align:center}
.dir_text{color:#DDDDDD;font-weight:300;line-height:1.3;text-align:center;width:343px;margin-right:auto;margin-left:auto;display:none}
.dir_text :last-child{margin-bottom:0}
.dir_arr{display:flex}
.dir_item:hover .dir_arr{display:none}
.dir_name.lined{padding-bottom:0}
.dir_name.lined:before{width:0;left:50%;transform:translateX(-50%)}
.dir_item:hover .dir_name.lined{padding-bottom:25px}
.dir_item:hover .dir_name.lined:before{width:30px}
.prices_block{border:1px solid #D8D8D8}
.prices_head{min-height:95px;display:flex;justify-content:center;text-align:center}
.price_tab{padding:15px 30px;line-height:1.2;color:#151515;font-size:20px;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.5s;position:relative}
.price_tab.active,.price_tab:hover{color:#fff;background:#3493B3}
.price_content{padding:30px 0;display:none}
.price_tab:not(:last-child):after{position:absolute;content:"";right:-1px;top:50%;transform:translateY(-50%);width:1px;height:30px;background:#D8D8D8}
.price_tab.active:after{opacity:0}
.price_table th{color:#999999;font-weight:300;font-size:18px;line-height:1;padding:15px 10px}
.price_table table{width:100%}
.price_table tr{border-bottom:1px solid #D7D7D7}
.price_table tbody tr:last-child{border-bottom:none}
.price_table th:first-child{padding-left:65px}
.price_table th:last-child{padding-right:65px}
.price_table tbody td:first-child{padding-left:40px}
.price_table tbody td:last-child{padding-right:65px}
.price_table tbody td{color:#2E2E2E;font-size:17px;font-weight:300;line-height:1.2;padding:20px 10px}
.td_flex{display:flex;align-items:flex-start;gap:5px}
.td_flex img{min-width:15px;margin-top: 4px;}
.norm,.price_table tbody td.norm{font-weight:400}
.medium,.price_table tbody td.medium{font-weight:500!important}
.fon_block{background-size:cover;background-position:center;padding:120px 0;position:relative}
.fon_content{position:relative;z-index:1}
.fon_block:before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:#242424;opacity:.7}
.about_text{width:39%;color:#B9B9B9;font-size:18px;line-height:1.4}
.feat_side{width:calc(61% - 81px)}
.about_block{display:flex;justify-content:space-between;align-items:center}
.mb35{margin-bottom:35px}
.about_text :last-child{margin-bottom:0}
.about_text .bt{margin-top:40px}
.feat_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}
.feat_text{color:#D3D3D3;line-height:1.3;font-size:14px;font-weight:300;margin-top:15px}
.feat_text :last-child{margin-bottom:0}
.feat_title{color:#FFFFFF;font-size:20px;font-weight:700;line-height:1.1}
.feat_index{color:#808080;line-height:1;font-size:35px;font-weight:200;margin-bottom:15px}
.feat_item{padding:25px 0;border-top:1px solid #FFFFFF66}
.feat_item:nth-last-child(1),.feat_item:nth-last-child(2){border-bottom:1px solid #FFFFFF66}
.mb70{margin-bottom:70px}
.part_item{display:flex!important;align-items:center;justify-content:center;height:110px;border:1px solid #D4D4D4}
.part_slider .slick-slide{margin:0 16px}
.part_slider .slick-list{margin:0 -16px}
.slick-prev:before,.slick-next:before{display:none}
.slick-prev,.slick-next{width:auto;height:auto;z-index:1}
.slick-next{right:-60px}
.slick-prev{left:-60px}
.pb100{padding-bottom:100px}
.news_block{display:grid;grid-template-columns:1fr 316px;gap:20px}
.posts_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post_item{background:#F5F5F5;height:370px;overflow:hidden}
.post_img{position:relative;width:100%;height:180px;border-radius:0 0 15px 15px;overflow:hidden;transition:.5s;max-height:180px}
.post_img img{width:100%;height:100%;object-fit:cover}
.post_preview{padding:27px 23px}
.post_date{color:#A8A8A8;line-height:1;font-size:13px;margin-bottom:20px}
.post_title{color:#151515;line-height:1.2;display:block}
.post_arrow{display:flex;margin-top:50px;opacity:0;transition:.5s}
.post_item:hover .post_img{max-height:150px}
.post_item:hover .post_arrow{margin-top:20px;opacity:1}
.posts_col{background:#F5F5F5;padding:35px 25px}
.ind_post:not(:last-child){margin-bottom:25px;padding-bottom:26px;border-bottom:1px solid #E3E3E3}
.ind_post .post_date{margin-bottom:10px}
.ind_post .post_title{font-size:15px;line-height:1.3}
.link_right{display:flex;align-items:center;justify-content:flex-end;margin-top:22px}
.st_link{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#151515;text-transform:uppercase;letter-spacing:.06em;font-size:18px;font-weight:500;line-height:1}
.title_flex{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}
.map_tabs{display:flex;justify-content:flex-end;align-items:center}
.metall + .metall{margin-left:25px}
.metall{display:flex;align-items:center;gap:6px;line-height:1;color:#151515;font-size:20px;text-transform:uppercase;position:relative;cursor:pointer;transition:.5s}
.metall img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.metall.active{color:#3493B3;font-weight:700}
.metall.active:before{width:100%}
.metall:before{position:absolute;content:"";left:0;bottom:-10px;height:4px;background:#3493B3}
.map_wrap svg{height:auto;max-width:100%}
.map_block{display:grid;grid-template-columns:1fr 328px;gap:60px}
.map_aside{padding-top:50px;width:328px}
.map_area{display:grid;grid-template-columns:32px 1fr;gap:14px;line-height:1.2;color:#151515;font-size:13px}
.map_area + .map_area{margin-top:10px}
.area_color{min-height:19px}
.map_projects{margin-top:45px}
.proj_icon{border:1px solid #D8D8D8;display:flex;align-items:center;justify-content:center;height:32px}
.proj_icon img{max-width:100%;max-height:100%;object-fit:contain}
.map_proj{display:grid;grid-template-columns:32px 1fr;gap:14px;color:#151515;font-size:13px;line-height:1.2;align-items:center}
.map_proj + .map_proj{margin-top:12px}
.mini_title{color:#151515;font-size:20px;line-height:1.2}
.mb20{margin-bottom:20px}
.map_metalls{position:absolute;top:0;width:100%;height:100%;left:0}
.map_wrap{position:relative}
.metall_pin{position:absolute;z-index:1;display:flex}
/* .metall_pin.metall1{top:16%;left:51%}
.metall_pin.metall2{left:20%;bottom:45%}
.metall_pin.metall3{bottom:29%;left:37%}
.metall_pin.metall4{right:15%;top:25%} */
.metall_pin img{object-fit:cover;border: 4px solid #fff;width: 30px;height: 30px;border-radius: 50%;}
footer{background:#EDEDED}
.footer_top{padding:40px 0;display:flex;justify-content:space-between;gap:45px}
.footer_bottom{border-top:1px solid #CBCBCB;padding:22px 0}
.copy{line-height:1.1;color:#7B7B7B;font-size:13px}
.ftitle{display:block;color:#151515;font-weight:500;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;margin-bottom:13px}
.ftitle:not(:first-child){margin-top:35px}
.fcol ul{list-style:none;padding-left:0;margin-bottom:0}
.fcol ul li{font-size:14px;line-height:1.2}
.fcol ul li a{color:#6B6B6B}
.fcol ul li + li{margin-top:8px}
.fval{font-size:14px;line-height:1.2}
.fval,.fval a{color:#6B6B6B}
.fval a{color:#6B6B6B;display:table;white-space:nowrap}
.fval + .fval{margin-top:10px}
.fcol ul li a.see_all,.see_all{font-size:14px;color:#3493B3;text-decoration:underline}
.see_all{display:block;margin-top:10px}
.fcol{}
.pagetitle{color:#FFFFFF;font-size:42px;font-weight:500;line-height:1.2}
.page_bread .breadcrumb,.page_breadcrumbs .breadcrumb{list-style:none;padding:0;background:transparent!important}
.page_bread .breadcrumb>li,.page_breadcrumbs .breadcrumb>li{font-size:18px;font-weight:300;line-height:1;position:relative;padding-bottom:10px;display:inline-flex}
.page_bread .breadcrumb>li:last-child:after,.page_breadcrumbs .breadcrumb>li:last-child:after{display:none}
.page_bread .breadcrumb>li:after,.page_breadcrumbs .breadcrumb>li:after{content:"/";display:inline-flex;padding:0 8px}
.page_bread .breadcrumb>li:first-child:after,.page_breadcrumbs .breadcrumb>li:first-child:after{display:inline-flex}
.page_bread .breadcrumb>li,.page_bread .breadcrumb>li a{color:#919191}
.breadcrumb>li:last-child:before{position:absolute;content:"";left:0;width:100%;height:1px;background:#868686;bottom:0}
.page_bread .breadcrumb>li:first-child:before,.page_breadcrumbs .breadcrumb>li:first-child:before{width:calc(100% - 23px)!important}
.page_breadcrumbs{padding:30px 0 0}
.page_breadcrumbs .breadcrumb>li,.page_breadcrumbs .breadcrumb>li a{color:#DFDFDF}
.page_bread .breadcrumb>li:after{color:#919191}
.page_breadcrumbs .breadcrumb>li:after{color:#DFDFDF}
.page_breadcrumbs .breadcrumb>li.active{color:#919191}
.imgside{width:55%;max-width:665px}
.imgside img{width:100%;height:100%;object-fit:cover}
.textside{width:calc(45% - 90px);align-self:center;color:#777777;font-size:17px;font-weight:300;line-height:1.5}
.textside :last-child{margin-bottom:0}
.infoblock{display:flex;justify-content:space-between}
.infoblock.reverse{flex-direction:row-reverse}
.task_list{list-style:none;padding-left:0;margin-bottom:0}
.task_list li{position:relative;padding-left:26px;color:#B9B9B9;font-size:17px;font-weight:300;line-height:1.3}
.task_list li:before{position:absolute;content:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8.04645" cy="8.04694" r="7.47223" fill="%23F0F0F0"/><path d="M6.96484 5.17114L9.84062 8.04687L6.96484 10.9227" stroke="url(%23paint0_linear_177_2102)" stroke-width="2"/><defs><linearGradient id="paint0_linear_177_2102" x1="8.40273" y1="5.17114" x2="11.4593" y2="6.28073" gradientUnits="userSpaceOnUse"><stop stop-color="%2326D1D1"/><stop offset="1" stop-color="%23463685"/></linearGradient></defs></svg>');left:0;top:5px;width:15px;height:15px}
.task_list li + li{margin-top:12px}
.mid_title{font-size:22px;line-height:1.2}
.tasks_side .mid_title{padding-left:25px}
.team_item_img{width:208px;height:208px;border-radius:50%;background:#D9D9D9;overflow:hidden}
.team_item_img img{width:100%;height:100%;object-fit:cover}
.team_item_info{padding:28px 0 0}
.fio{color:#151515;font-size:18px;font-weight:500;line-height:1.1}
.position{margin-top:7px;color:#666666;font-size:17px;font-weight:300;line-height:1.2}
.team_arr{display:flex;margin-top:25px}
.team_slider .slick-slide{margin:0 22px}
.team_slider .slick-list{margin:0 -22px}
.slick-dots li button:before{display:none}
.slick-dots li button{width:50px;height:3px;padding:0;background:#D3D3D3}
.slick-dots li{width:auto;height:auto;margin:0 7px}
.slick-dots li.slick-active button{background:#000000}
.slick-dots{bottom:-50px}
.slick-dotted.slick-slider{margin-bottom:50px}
.team_slider.slick-dotted.slick-slider{margin-bottom:100px}
.team_slider .slick-dots{bottom:-100px}
.team_line{position:relative}
.team_line:before{position:absolute;content:"";left:0;width:100%;height:378px;bottom:60px;background:#FAFAFA;z-index:-1}
.pt70{padding-top:70px}
.page_aside{width:280px}
.content_side{width:calc(100% - 312px)}
.page_flex{display:flex;justify-content:space-between;align-items:flex-start}
.side_menu{border:1px solid #E3E3E3;padding:15px 0}
.side_menu a{width:100%;display:flex;align-items:center;padding:20px;color:#151515;font-size:15px;line-height:1.2;gap:12px}
.side_menu a:not(:last-child){border-bottom:1px solid #E3E3E3}
.side_menu a.active{color:#3493B3}
.checkmark{border:2px solid #D4D4D4;border-radius:2px;width:20px;height:20px;position:relative}
.active .checkmark{border-color:#3493B3}
.checkmark:before{position:absolute;content:url('data:image/svg+xml,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.24414 3.44134L6.32749 8.52469L11.1201 1.4082" stroke="%233493B3" stroke-width="2"/></svg>');left:50%;top:50%;transform:translate(-50%,-50%);display:none}
.active .checkmark:before{display:block}
.checkmark + span{max-width:calc(100% - 32px)}
.vac_item{padding:35px 40px;border:1px solid #E3E3E3;display:flex}
.vac_item_left{border-right:1px solid #E3E3E3;width:65%;padding-right:55px}
.vac_item_right{width:35%;padding:25px 0 25px 55px}
.vac_item + .vac_item{margin-top:32px}
.vac_date{line-height:1;color:#777777;font-size:14px;font-weight:300;margin-bottom:6px}
.vac_title{color:#151515;font-size:18px;font-weight:500;line-height:1.2}
.vac_prev{margin-top:14px;color:#555555;font-size:14px;font-weight:300;line-height:1.3}
.vac_prev :last-child{margin-bottom:0}
.vac_item_left .bt{margin-top:24px}
.vac_note{color:#555555;font-size:14px;font-weight:300}
.vac_note ul{list-style:none;padding-left:0;margin-bottom:0}
.vac_note ul li{position:relative;padding-left:26px}
.vac_note ul li:before{position:absolute;content:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8.04645" cy="8.04694" r="7.47223" fill="%23F0F0F0"/><path d="M6.96484 5.17114L9.84062 8.04687L6.96484 10.9227" stroke="url(%23paint0_linear_177_2102)" stroke-width="2"/><defs><linearGradient id="paint0_linear_177_2102" x1="8.40273" y1="5.17114" x2="11.4593" y2="6.28073" gradientUnits="userSpaceOnUse"><stop stop-color="%2326D1D1"/><stop offset="1" stop-color="%23463685"/></linearGradient></defs></svg>');left:0;top:5px;width:15px;height:15px}
.vac_note li + li{margin-top:10px}
.pagination > li.prevnext > a{border:1px solid #D7D7D7;border-radius:50%;width:50px;height:50px;display:flex!important;align-items:center;justify-content:center;padding:0}
.pagination{display:flex;justify-content:center;align-items:center}
.pagination > li > a,.pagination > li > span{padding:5px;border-radius:0!important;text-align:center;line-height:1;min-width:30px;height:30px;color:#151515;font-size:18px;background:transparent;border:none}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background:#3493B3;border-color:#3493B3}
li.prevnext:last-child{margin-left:30px}
li.prevnext:first-child{margin-right:30px}
.feat_text.white{color:#fff}
.infoblock2 .imgside{width:48%;max-width:574px}
.infoblock2 .textside{width:calc(53% - 80px)}
.text{color:#777777;font-size:17px;font-weight:300;line-height:1.5}
.maxwidth{width:805px;max-width:100%}
.mb60{margin-bottom:60px}
.text :last-child{margin-bottom:0}
.pt60{padding-top:60px}
.posts_grid.grid4{grid-template-columns:repeat(4,1fr)}
.title2{color:#151515;font-size:32px;font-weight:500;line-height:1.1}
.bor_bot{padding-bottom:30px;border-bottom:1px solid #E3E3E3}
.present_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.present_prev{padding:20px 0 0}
.present_name{color:#151515;font-size:20px;font-weight:500;line-height:1.1}
.present_img{position:relative;height:230px;border:1px solid #E0E0E0}
.present_img img{width:100%;height:100%;object-fit:cover}
.present_img:before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:#00000033}
.present_img:after{position:absolute;content:"+";line-height:1;color:#3493B3;font-size:18px;width:30px;height:30px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;font-weight:700;bottom:20px;right:20px}
.accor_head{display:flex;justify-content:space-between;align-items:center;color:#151515;font-size:24px;font-weight:700;line-height:1.1;text-transform:uppercase;padding:15px 0;border-bottom:1px solid #C5C5C5;cursor:pointer}
.accor_head span{max-width:calc(100% - 50px)}
.plusminus{background:#3493B3;width:50px;height:50px;position:relative}
.plusminus:before,.plusminus:after{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;transition:.5s}
.plusminus:before{width:14px;height:2px}
.plusminus:after{width:2px;height:14px}
.accor_body{padding:45px 0 15px;display:none}
.accor_body_title{color:#151515;font-size:24px;text-transform:uppercase;line-height:1.1;margin-bottom:30px}
.accor_body_text{color:#777777;font-size:24px;font-weight:300;line-height:1.3}
.accor_body_text :last-child{margin-bottom:0}
.full_img{max-width:100%;margin-right:auto;margin-left:auto;display:block}
.full_img img{max-width:100%;max-height:100%;object-fit:contain}
.accor_body_text + .full_img{margin-top:60px}
.accor_body_text ul{list-style:none;padding-left:0;margin-bottom:0}
.accor_body_text ul li{position:relative;padding-left:35px}
.accor_body_text ul li:before{position:absolute;content:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8.04645" cy="8.04694" r="7.47223" fill="%23F0F0F0"/><path d="M6.96484 5.17114L9.84062 8.04687L6.96484 10.9227" stroke="url(%23paint0_linear_177_2102)" stroke-width="2"/><defs><linearGradient id="paint0_linear_177_2102" x1="8.40273" y1="5.17114" x2="11.4593" y2="6.28073" gradientUnits="userSpaceOnUse"><stop stop-color="%2326D1D1"/><stop offset="1" stop-color="%23463685"/></linearGradient></defs></svg>');left:0;top:3px;width:24px;height:24px}
.accor_body_text li + li{margin-top:10px}
.opened .plusminus:after{transform:translate(-50%,-50%) rotate(90deg)}
.infoblock3 .imgside{width:41%;max-width:480px}
.infoblock3 .textside{width:calc(59% - 100px)}
.images_flex{display:flex;gap:32px}
.images_flex a{height:467px;display:block}
.images_flex a img{height:100%;max-width:100%;object-fit:cover}
.ban_video{display:flex;flex-direction:column;align-items:center;text-align:center;position:absolute;right:160px;top:50%;transform:translateY(-50%);z-index:1}
.video_title{color:#ADADAD;font-size:18px;font-weight:300;line-height:1.1;margin-top:25px}
.banner_wrap .container{position:relative}
.docs_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.doc_item{border:1px solid #DADADA;padding:48px 25px 30px;min-height:250px;display:flex;flex-direction:column;align-items:flex-start}
.doc_name{color:#151515;font-size:18px;font-weight:500;line-height:1.2;margin-bottom:23px}
.doc_links{margin-top:auto;display:flex;flex-wrap:wrap;gap:25px;line-height:1.2}
.doc_links a{color:#3493B3;font-size:14px;text-decoration:underline}
.doc_item svg{margin-bottom:23px}
.contact_page{display:grid;grid-template-columns:416px 1fr;gap:46px}
.cont_side{border:1px solid #D9D9D9;padding:35px 50px}
.cont_col{display:none}
.map_item{display:none}
.select_city{border:1px solid #BCBCBC;color:#151515;font-size:18px;font-weight:700;line-height:1;padding:18px 24px;min-width:290px;max-width:100%;margin-bottom:30px}
input,button,select,textarea,a{outline:none!important}
.cont_box + .cont_box{margin-top:38px}
.cont_icon{display:flex;margin-bottom:20px}
.cont_title{color:#3493B3;font-size:18px;font-weight:300;line-height:1;text-transform:uppercase;margin-bottom:10px}
.cval{font-size:17px;font-weight:300;line-height:1.1}
.cval,.cval a{color:#555555}
.cval a{display:table;white-space:nowrap}
.cval a + a{margin-top:7px}
.geo_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.present_img.geo_img{height:195px;display: block;}
.geo_prev{padding:15px 0 0}
.geo_name{color:#151515;font-size:14px;line-height:1.4;font-weight:500}
.geo_text{margin-top:5px;line-height:1.3;color:#777777;font-size:13px}
.geo_text :last-child{margin-bottom:0}
.breadcrumb > li + li:before{display:none}
.page_breadcrumbs .breadcrumb{margin:0}
.page_bread .breadcrumb{margin:0 0 40px}
.descr_box{border:1px solid #E3E3E3}
.descr_box_head{border-bottom:1px solid #E3E3E3;padding:15px 80px;line-height:1.2;min-height:84px;display:flex;align-items:center;color:#151515;font-size:24px}
.descr_box_body{padding:40px;color:#777777;font-size:17px;line-height:1.3}
.descr_box_body :last-child{margin-bottom:0}
.descr_box_body ul{column-count:2;gap:50px;list-style:none;padding-left:0;margin-bottom:0}
.descr_box_body ul li{position:relative;padding-left:43px}
.descr_box_body ul li:before{position:absolute;content:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8.04645" cy="8.04694" r="7.47223" fill="%23F0F0F0"/><path d="M6.96484 5.17114L9.84062 8.04687L6.96484 10.9227" stroke="url(%23paint0_linear_177_2102)" stroke-width="2"/><defs><linearGradient id="paint0_linear_177_2102" x1="8.40273" y1="5.17114" x2="11.4593" y2="6.28073" gradientUnits="userSpaceOnUse"><stop stop-color="%2326D1D1"/><stop offset="1" stop-color="%23463685"/></linearGradient></defs></svg>');left:0;top:2px;width:20px;height:20px}
.descr_box_body li + li{margin-top:10px}
.contact_page.reverse{grid-template-columns:1fr 416px}
.form_side{border:1px solid #E3E3E3}
.form_side_head{border-bottom:1px solid #E3E3E3;min-height:150px;display:flex;align-items:center;padding:30px 60px}
.title2.font24{font-size:24px}
.form_side_body{padding:35px 60px}
.form_in{display:flex;flex-wrap:wrap;gap:20px}
.form_in .w45{width:calc(45% - 10px)}
.form_in .w55{width:calc(55% - 10px)}
.gray_input{background:#EFEFEF;border:none;font-size:14px;font-weight:500;color:#151515;padding:18px}
.gray_input::placeholder{color:#777777}
.file_field .responsiv-uploader-fileupload.style-file-single .upload-button{position:unset;margin:0;height:auto;width:100%;display:flex;align-items:center;justify-content:space-between}
.file_field .responsiv-uploader-fileupload.style-file-single{padding-right:0;border:none}
.mb30{margin-bottom:30px}
.gallery_images{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.gallery_images a img{width:100%;height:100%;object-fit:cover}
.gallery_images a{height:257px;display:block}
.form_in .w100{width:100%}
.geo_menu{background:#F6F6F6;padding:0 34px}
.geo_menu a{min-height:67px;display:flex;align-items:center;line-height:1.1;color:#151515;font-size:14px;padding: 10px 0;}
.geo_menu a:not(:last-child){border-bottom:1px solid #E3E3E3}
.geo_menu a.active{color:#3493B3;font-weight:600}
.img_slider .slick-slide{margin:0 18px}
.img_slider2 .slick-slide{margin:0 16px}
.serv_boxes{gap:32px;display:grid;grid-template-columns:repeat(2,1fr)}
.pt50{padding-top:50px}
.serv_box{border:1px solid #D9D9D9;padding:30px}
.serv_box_title{color:#151515;font-size:20px;line-height:1.2}
.serv_box_title.lined{padding-bottom:15px}
.serv_box ul{list-style:none;padding-left:0;margin-bottom:0}
.serv_box ul li{position:relative;padding-left:43px;color:#777777;font-weight:300;line-height:1.3}
.serv_box ul li:before{position:absolute;content:url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8.04645" cy="8.04694" r="7.47223" fill="%23F0F0F0"/><path d="M6.96484 5.17114L9.84062 8.04687L6.96484 10.9227" stroke="url(%23paint0_linear_177_2102)" stroke-width="2"/><defs><linearGradient id="paint0_linear_177_2102" x1="8.40273" y1="5.17114" x2="11.4593" y2="6.28073" gradientUnits="userSpaceOnUse"><stop stop-color="%2326D1D1"/><stop offset="1" stop-color="%23463685"/></linearGradient></defs></svg>');left:0;top:0;width:26px;height:26px}
.serv_box ul li + li{margin-top:20px}
.str_blocks{display:flex;flex-wrap:wrap;gap:50px}
.str_block{width:min-content}
.str_block_img{width:208px;height:208px;border-radius:50%;object-fit:cover;margin-bottom:28px}
.str_block_title{color:#151515;font-size:20px;font-weight:500;line-height:1.2}
.steps_blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.step_block{border:1px solid #D9D9D9;padding:35px;min-height:193px}
.stepindex{color:#3493B3;line-height:1;font-size:35px;font-weight:250;margin-bottom:17px}
.step_block_title{line-height:1.4;color:#151515;font-size:15px}
.ban_note{width:434px;margin-top:45px;position:relative;padding-top:25px;color:#FFFFFF;font-size:20px;font-weight:300;line-height:1.4}
.ban_note:before{position:absolute;content:"";left:0;top:0;width:95px;height:1px;background:#ECECEC}
.ban_note :last-child{margin-bottom:0}
.speaker_img{width:37%}
.speaker_info{width:calc(63% - 70px)}
.speaker_block{display:flex;justify-content:space-between;align-items:center}
.speaker_name{color:#151515;font-size:30px;text-transform:uppercase;line-height:1.1}
.speaker_pos{color:#151515;font-size:20px;font-weight:300;line-height:1.1;margin-bottom:30px}
.speaker_topic{color:#151515;font-size:20px;font-weight:600;line-height:1.2;margin-bottom:25px}
.speaker_bio{color:#444444;font-weight:300;max-height:180px;overflow:hidden;transition:.5s}
.speaker_bio :last-child{margin-bottom:0}
.openDesc{color:#3493B3;text-decoration:underline;font-size:18px;font-weight:300;line-height:1;margin-top:15px;display:none;transition:.5s;cursor:pointer}
.speaker_bio.overflown + .openDesc{display:block}
.speaker_bio.showed{max-height:800px}
.speaker_bio.overflown{position:relative}
.speaker_bio.overflown:before{position:absolute;content:"";left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,white);bottom:0;transition:.5s}
.speaker_bio.overflown.showed:before{height:0}
.speak_arrs .slick-arrow{position:unset!important;transform:translate(0,0);width:auto;height:auto}
.speak_arrs{display:flex;gap:20px;margin-top:30px}
.menu_boxes{display:grid;grid-template-columns:repeat(5,1fr)}
.menu_boxes-1{grid-template-columns:repeat(6,1fr); padding:0 15px;}
.menu_boxes a:not(:last-child){border-right:1px solid #E8E8E8}
.menu_boxes a{padding:20px 40px;position:relative}
.link_name{color:#151515;font-size:18px;font-weight:600;line-height:1.1}
.link_text{margin-top:15px;color:#777777;font-size:14px;line-height:1.1}
.link_info{padding:20px 0 0}
.link_icon{display:flex}
.submenu1,.submenu4,.submenu3{padding:25px 0}
.menu_boxes a:before{opacity:0;position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#26D1D1,#463685);transition:.5s;z-index:-1}
.menu_boxes a:hover:before{opacity:1}
.menu_boxes a:hover{border-color:transparent}
.menu_boxes a:hover .link_name{color:#fff}
.menu_boxes a:hover .link_text{color:#fff}
.menu_boxes a:hover svg [fill="#444444"]{fill:#fff}
.menu_boxes a:hover svg [stroke="#444444"]{stroke:#fff}
.submenu{display:none;position:absolute;left:0;width:100%;z-index:1;background:#fff;top:100%}
.kat_menu{list-style:none;padding-left:0;margin-bottom:0}
.submenu2{padding:35px 0}
.kat_menu>li{width:260px}
.kat_menu>li>ul{display:none}
.kat_menu>li>a{color:#151515;min-height:64px;display:flex;align-items:center;padding:10px 20px;line-height:1.1;font-size:17px;position:relative;cursor:pointer;transition:.5s}
.kat_menu{position:relative}
.kat_menu>li>ul{position:absolute;left:290px;top:0;width:calc(100% - 290px);padding:0 20px;border-left:1px solid #E8E8E8}
.kat_menu>li>a:before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;transition:.5s;background:linear-gradient(135deg,#26D1D1,#463685);z-index:-1;opacity:0}
.kat_menu>li:hover>a:before,.kat_menu>li>a.active:before{opacity:1}
.kat_menu>li:hover>a,.kat_menu>li>a.active{color:#fff}
.kat_menu>li + li{margin-top:20px}
.kat_menu>li ul{list-style:none;margin-bottom:0}
.kat_menu>li>ul>li{font-size:17px}
.kat_menu>li>ul>li>a{color:#151515}
.kat_menu>li>ul>li li{font-size:14px}
.kat_menu>li>ul>li li a{color:#777777}
.kat_menu>li li{line-height:1.2}
.kat_menu>li ul{margin-top:7px}
.kat_menu>li ul li:not(:first-child){margin-top:10px}
.kat_menu>li>ul.serv_cat1{column-count:4;column-rule:1px solid #E8E8E8;column-gap:15px;height:100%}
.kat_menu>li>ul ul{padding-left:0;width:100%}
.serv_cat2,.serv_cat3,.serv_cat4{column-count:2;gap:36px}
.serv_cat2 li,.serv_cat3 li,.serv_cat4 li{position:relative;padding-left:26px;display:inline-block;width:100%}
.serv_cat2 li:before,.serv_cat3 li:before,.serv_cat4 li:before{position:absolute;content:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8.04645" cy="8.04694" r="7.47223" fill="%23F0F0F0"/><path d="M6.96484 5.17114L9.84062 8.04687L6.96484 10.9227" stroke="url(%23paint0_linear_177_2102)" stroke-width="2"/><defs><linearGradient id="paint0_linear_177_2102" x1="8.40273" y1="5.17114" x2="11.4593" y2="6.28073" gradientUnits="userSpaceOnUse"><stop stop-color="%2326D1D1"/><stop offset="1" stop-color="%23463685"/></linearGradient></defs></svg>');left:0;top:5px;width:15px;height:15px}
.kat_menu>li>ul.serv_cat2>li + li,.kat_menu>li>ul.serv_cat3>li + li,.kat_menu>li>ul.serv_cat4>li + li{margin-top:0}
.kat_menu>li>ul.serv_cat2>li,.kat_menu>li>ul.serv_cat3>li,.kat_menu>li>ul.serv_cat4>li{margin-bottom:15px}
.link_icon img{mix-blend-mode:darken}
.side_menu label{width:100%;margin-bottom:0;padding:20px}
.side_menu label input:checked + .checkmark{border-color:#3493B3}
.side_menu label input:checked + .checkmark:before{display:block}
.side_menu label input:checked + .checkmark + span{color:#3493B3}
.side_menu label input{display:none}
.side_menu label span{order:1;margin-left:12px;margin-bottom:3px}
.side_menu label{display:flex;font-weight:normal;align-items:end;line-height:1;color:#151515;font-size:15px;text-transform:uppercase}
.side_menu label:not(:last-child){border-bottom:1px solid #E3E3E3}
.proj_list{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.project_item{border:1px solid #E3E3E3}
.project_item_img{height:190px}
.project_item_img img{width:100%;height:100%;object-fit:cover}
.project_item_info{padding:24px 20px}
.project_item_info .mini_title{font-weight:500}
.project_item_info .mini_title.lined{padding-bottom:15px}
.project_item_info .mini_title.lined:before{width:30px}
.proj_work{margin-top:15px}
.proj_client,.proj_work{color:#777777;font-size:15px;line-height:1.2}
.proj_work>:first-child{display:inline}
.tradingview-widget-copyright{position:absolute;top:0}
.head_slider{position:relative;z-index:-1}
.head_slider .tradingview-widget-container{height:100%!important;display:flex;align-items:center;overflow:hidden}
.map_box{border:1px solid #B1B1B1;background:#fff;position:absolute;top:10%;right:21%;z-index:1;padding:15px 45px;width:270px;color:#151515;font-size:15px;line-height:1.3;display:none}
.map_area.active path{fill:#3493B3;opacity:1}
.menu li a:hover, .fcol ul li a:hover, .ftitle:hover, .kat_menu a:hover {
    color: #3493B3;
}
.bt.white_bt:hover {
    background: #3493B3;
    border-color: #3493B3;
    color: #fff;
}
.st_link:hover svg * {
    fill: #3493B3;
}

svg, svg * {
    transition: .5s;
}
.slick-arrow:hover rect {fill: #3493B3;}
.slick-arrow:hover path {stroke: #fff;}

.alert{background:#3493B3;color:#fff;font-size:18px;text-align:center;border-color:#3493B3;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)}
.page_bread .container {
    width: 100%;
    padding: 0;
}
.map_box_wrap {
    position: relative;
}
.price_table {
    overflow: auto;
    width: 100%;
}
.fixed_btn {
    display: flex;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 1;
}
.ss-search-form__input {
    width: 100%;
    display: flex;
    gap: 10px;
}
.ss-search-form__submit svg * {
    fill: #fff;
}

.ss-search-form__input input {
    width: 100%;
    padding: 5px 15px;
    border: 1px solid #4444442b;
}

.ss-search-form {
    margin-bottom: 50px;
}
.ss-result__aside {
    display: none;
}
.feedmodal .modal-dialog {
    width: 700px;
    max-width: 95%;
}

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

.feedmodal .modal-body {
    padding: 50px 60px;
}

.modal-body>.close {
    opacity: 1;
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 15px;
}
.hack10-loading-wrapper {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
}
.page-wrapper{
    height: 100%;
    }
    .part_item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.part_item {
    padding: 10px;
}
.head_slider>div:nth-child(2) {
    height: 100% !important;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.fcol2 {
    max-width: 188px;
}
.article_side {
    width: 312px;
}

.article_page {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.article_content {
    width: calc(100% - 346px);
}

.side_title {
    color: #151515;
    font-size: 17px;
    line-height: 1.1;
    padding-bottom: 24px;
    border-bottom: 1px solid #CACACA;
    margin-bottom: 24px;
}
.article_title {
    color: #151515;
    font-size: 26px;
    line-height: 1.3;
}

.article_title.lined {
    padding-bottom: 25px;
}
.img_slider2 .slick-next {
    right: -15px;
}

.img_slider2 .slick-prev {
    left: -15px;
}
.videos_grid {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}

.video_item iframe, .content iframe{
    width: 100%;
    height: 500px;
}

.content img{
    max-width: 100%;
    margin-right:auto;
    margin-left:auto;
    }
    .map_aside .map_tabs {
    flex-direction: column;
    align-items: flex-start;
}
.map_aside .map_tabs .metall +  .metall {
    margin-left: 0;
    margin-top: 35px;
}
.metall_pin {
    color: #151515;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
}

.metall_pin span {
    position: absolute;
    top: 100%;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    z-index:1;
}
.metall3_1.metall_pin span, 
.metall3_2.metall_pin span, 
.metall3_3.metall_pin span,
.metall4_1.metall_pin span,
.metall4_5.metall_pin span
{transform: translateY(-50%);top: 50%;left: calc(100% + 5px);width: max-content;max-width: 75px;text-align: left;}

.metall4_3.metall_pin span,
.metall4_8.metall_pin span
{transform: translateY(-50%);
    top: 100%;
    right: calc(-30% + 5px);
    left: auto;
    width: max-content;
    max-width: 75px;
    text-align: right;}

.metall4_4.metall_pin span,
.metall1_2.metall_pin span,
.metall4_6.metall_pin span,
.metall4_7.metall_pin span,
.metall4_9.metall_pin span
{bottom: 100%;top: auto;}

.textside.w100 {
    width: 100% !important;
}
.imgside.w100 {
    width: auto !important;
    max-width: 100% !important;
    margin-right: auto;
    margin-left: auto;
}
.team_slider .slick-track {
    margin-left: 0;
}
.team_grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 40px;
}
#layout-content {
    padding-top: 119px;
}
.proj_slider .slick-slide {
    margin: 0 10px;
    height: auto;
}

.proj_slider .slick-list {
    margin: 0 -10px;
}

.proj_slider .slick-track {
    display: flex;
}
.table_note {
    font-size: 14px;
}

.article_content .content img {
    display: block;
    margin: 20px auto;
    max-width:100%;
    width: auto !important;
}
.logo img {
    width: 91px;
}

.career_block{
    display: flex;
    gap: 20px;
    align-items: center;
}

.career_item{
    width: 50%;
}

.career_content{
    width: 50%;
    }
    
.career__block{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:20px;
}

.career__content {
    padding: 20px;
    border: 1px solid #E3E3E3;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
}

.social-share {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #f9f9f9;
}

.share-title {
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
}

.share-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

.share-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.vk-btn { background: #4c75a3; }
.ok-btn { background: #eb722e; }
.telegram-btn { background: #0088cc; }
.whatsapp-btn { background: #25d366; }
.fb-btn { background: #3b5998; }
.twitter-btn { background: #1da1f2; }
.copy-btn { background: #6c757d; }

/* Стили для текстовых кнопок */
.social-share-text {
    margin: 30px 0;
    padding: 25px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    color: white;
}

.social-share-text h4 {
    margin: 0 0 20px 0;
    color: white;
    font-size: 18px;
}

.share-buttons-text {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.share-buttons-text .btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    color: white;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 2px solid rgba(255,255,255,0.2);
}

.share-buttons-text .btn:hover {
    background: rgba(255,255,255,0.2);
    transform: translateY(-1px);
}

/* Мобильная адаптация */
@media (max-width: 768px) {
    .share-buttons-text {
        flex-direction: column;
    }
    
    .share-buttons-text .btn {
        justify-content: center;
        width: 100%;
    }
}
</style>