/* @import url(https://db.onlinewebfonts.com/c/11d164da9b46e6f7955e396757e5ca70?family=AvenirNextCyr-Regular); */

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

h1, .h1 {font-size: 5.625rem; text-shadow: 0px 0px 10px rgba(20, 29, 62, 0.40); margin: 0; font-family: 'Days'; font-weight: normal;}
h2, .h2 {font-size: 30px; margin: 0; font-family: 'Days'; font-weight: normal;}
.d-flex {display: flex !important;}
.red {color: #B00623;}
.bg-red {background: #B00623;}
.white {color: white;}
.col-2 {width: 16.6666% !important;}
.col-3 {width: 25% !important;}
.col-6 {width: 50% !important;}
.col-8 {width: 66.6666% !important;}
.col-10 {width: 83.3333% !important;}
.col-12 {width: 100% !important;}

html {height:100%; width:100%; margin:0; padding:0; background:#ddd;}
body {height:100%; width:100%; margin:0; padding:0; position:absolute; font-family: 'Acherus Feral', sans-serif; font-size:16px; line-height:1.2; color:#333; overflow:hidden;}
a {text-decoration:none; color:#000;}
a:hover {color:#B00623}

input, textarea {width:100%; padding:10px 15px; border:1px solid #333;}
input:focus, textarea:focus {border-color:#000; box-shadow:0 0 5px #b5dc4f;}
.main {width:1350px; margin:0 auto; overflow: inherit; height:100%;}
.text-center {text-align:center;}

#header { position: fixed; top: 3rem; transform: translateX(-50%); left: 50%; width: fit-content; z-index: 1000; border-radius: 0.3125rem 0.3125rem 0rem 0.3125rem; backdrop-filter: blur(5px); background: white; padding: 0 1.5rem; font-family: 'AvenirNextCyr-Regular'; }
#header .main { display: flex; align-items: center; }
#header .menus {width: 100%;}
#header #logo { margin-top: 5px; margin-right: 2rem; }
#header #top_menu {position: relative;}
#header #top_menu > ul { margin: 0; padding: 0; display: flex; justify-content: space-between; }
#header #top_menu > ul > li {margin:0; padding:0; display:block; float:left; padding: 0.5rem 0;}
#header #top_menu > ul > li.active { background: #b00623; color: white; }
#header #top_menu > ul > li > a { margin: 0; margin: 20px 10px; display: block; color: #000; font-size: 1rem;}
.translated-ltr #header #top_menu > ul > li > a { text-transform: capitalize;}
#header #top_menu > ul > li.active a { color: white; }
#header #lang_menu {float:right;}

.mod-history { max-width: 890px; margin: 0 auto; padding: 2rem; margin-top: 2rem; padding-top: 4rem;     position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%;}
.translated-ltr .mod-history h2 {text-transform: capitalize;}
.main .banner  {position: absolute; top: -56%; left: 50%; transform: translateX(-50%); z-index: -1;}
#mod-custom97 { background: white; padding: 4rem 2rem 5rem; clip-path: polygon(0% 0%, 100% 7%, 100% 100%, 0 100%); margin-top: 2rem; }
#mod-custom97 h2, .mod-vacancies h2 {margin-bottom: 3rem;}
#mod-custom97 .contact { padding: 0 7rem; display: flex; flex-direction: column; gap: 3rem; }
#mod-custom97 .contact .item {    display: flex; gap: 3.5rem;}
#mod-custom97 .contact .item .text {display: flex; align-items: center;}

#center {height:100%; position:absolute; width:700%; overflow:hidden; padding-top:65px;
background: -moz-linear-gradient(180deg, #7EC9EE 0%, #FFF 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(180deg, #7EC9EE 0%, #FFF 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(180deg, #7EC9EE 0%, #FFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#mod-custom98 { margin: 8rem 0; display: flex; flex-direction: column; }
#center .main {padding-right:5px;}
#content {display:none;}
#items {z-index:200; position:relative; height:100%;}
#items > div {position:absolute; width:14.29%; overflow:visible; height:100%;  top:10%;}
#items #item2 { left: 12.29%; }
#items #item3 {left:25%;}
#items #item4 { left: 37.5%; }
#items #item5 {left:50%;}
#items #item6 {left:62.5%;}
#items #item7 {left:75%;}
#items #item8 {left:85.72%;}
.moduletable h3 {background:#363F46; margin:0; color:#fff; padding:10px 25px 10px 10px; position:relative; overflow:hidden;}
.moduletable .custom h3 {margin:-10px -10px 0;}
.moduletable.green h3 {background:#47B400;}
.moduletable h3:before {content:""; display:block; border: 21px solid transparent; border-right: 21px solid #fff; border-bottom: 21px solid #fff; position:absolute; right:0; bottom:0;}
#items .moduletable > div {padding:10px;}

#items #item1 {color:#fff;}
#items #item1 p {margin:0;}

#items #item3 h3 {font-size:40px;}
#items #item3 .main > div {float:left; width:30%; margin:0 1.665%;}

#items #item6 .main { width: 640px; position: relative; margin-top: -15rem; height: 1080px; }
#items #item6 .main > div {margin-top:50%;}

#items #item8 .main {max-width:660px;}

#author {position:fixed; right:10px; bottom:5px;z-index:200; font-style:italic;}
#author a {color:#fff;}

.plan0 {z-index:105;}
.plan1 {z-index:99;}
.plan2, #car {z-index:95; transition:0.5s liner;}
.plan3 {z-index:90; transition:0.5s liner;}
.plan4 {z-index:80;}

#city > div {position:absolute; bottom:0; left:0; width:100%; height:100%;}
#city > div > div {position:absolute; bottom:0; left:0;}

#city #road1 { width: 100%; height: 330px; background: url('../images/city/road.png'); background-repeat-y: no-repeat; background-position-y: -29px; }
#city #line { width: 100%; height: 330px; background: url('../images/city/line.png'); background-repeat-y: no-repeat; background-position-y: 200px; z-index: 100; background-repeat: repeat-x;}
#city #border { width: 100%; height: 35px; background: url('../images/city/border.jpg'); background-repeat-y: no-repeat; bottom: 40px;}
#city #brus { width: 100%; height: 100px; background: url('../images/city/brus.jpg'); background-repeat-y: no-repeat; background-position-y: bottom; background-repeat: repeat-x;}
#city #hydro { width: 137px; height: 251px; background: url('../images/city/hydro.png'); bottom: -30px; left: 11.5%; background-repeat: no-repeat; z-index: 101; }
#city #stolb3 {left:36%; background: url(/images/modules/item3/001.png) left bottom; height: 600px; width: 600px; bottom: 15px; z-index: 101;}
#city #stolb6 { left: 83.9%; background: url(/images/modules/item3/001.png) left bottom; height: 600px; width: 600px; bottom: 15px; z-index: 101; }
#city #stolb4 { left: 61%; width: 36px; height: 53px; bottom: 192px; background: url(../images/city/stolb.png) left bottom; }
#city #stolb5 { width: 137px; height: 251px; background: url('../images/city/hydro.png'); bottom: -30px; left: 61.5%; z-index: 101; background-repeat: no-repeat; }
#city #stolb8 { left: 11%; width: 36px; height: 53px; bottom: 192px; background: url(../images/city/stolb.png) left bottom;}
#city #stolb9 { left: 36.8%; background: url(/images/modules/item3/001.png); background-size: contain; width: 300px; height: 300px; background-repeat: no-repeat; bottom: 187px; }
#city #stolb7 { left: 84.7%; background: url(/images/modules/item3/001.png); background-size: contain; width: 300px; height: 300px; background-repeat: no-repeat; bottom: 187px; }
#city #final {left:auto; right:0; width:674px; height:873px; background:url('../images/city/final.png') right bottom no-repeat; z-index: 101;}
#city .stolb {background:url('../images/city/stolb.png') left bottom; background-size:auto 100%;}
#city .plan1 .stolb {height:357px; width:77px; bottom:70px;}
#city .plan2 .stolb {height:217px; width:38px; bottom:138px;}
#city #kran1 { left: 21.3%; width: 568px; background-repeat: no-repeat; height: 278px; bottom: 0; z-index: 101;}
#city .kran {background:url('../images/city/kran.png') left bottom; background-size:auto 100%;}
#city .plan1 .kran {width:73px; height:139px; bottom:70px;}
#city .plan2 .kran {width:31px; height:60px; bottom:133px;}

#city #list1 { left: -20px; background: url('../images/city/list1.png') left bottom; width: 296px; height: 359px; background-repeat: no-repeat; position: fixed; bottom: -0.5rem;}

#city #tree1 {left:8.5%;}
#city #tree2 { left: 70.5%; }
#city .tree { background: url('../images/city/tree.png') left bottom; background-size: auto 100%; height: 350px; width: 289px; bottom: 187px; background-repeat: no-repeat; }
#city .tree::before { content: ''; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="195" height="115" viewBox="0 0 195 115" fill="none"><g filter="url(%23filter0_f_139_5)"><ellipse cx="97.729" cy="57.5" rx="77.271" ry="36.5742" fill="black" fill-opacity="0.2"/></g><defs><filter id="filter0_f_139_5" x="0.458008" y="0.925781" width="194.542" height="113.148" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="10" result="effect1_foregroundBlur_139_5"/></filter></defs></svg>'); background-repeat: no-repeat; width: 200px; height: 100px; position: relative; display: block; top: 85%; left: 45%; }
#city #road2 {bottom:100px; width:100%; height:30px; background:url('../images/city/road2.jpg') center;}
#city #road2-1 {bottom:130px; width:100%; height:38px; background:url('../images/city/road2-1.png') center;}
#city #car { bottom: 20px; width: 615px; height: 264px; background: url('../images/city/car.png') left no-repeat; background-size: auto 100%; position: fixed; left: 10%; z-index: 100; }
#city #car.active:after, #city #car.active:before, #city #car2:after, #city #car2:before { content: ""; display: block; background-repeat: no-repeat; position: absolute; filter: brightness(0.9); border-radius: 100%; animation: wheels 1s infinite;}
#city #car.back-active:after, #city #car.back-active:before { content: ""; display: block; background-repeat: no-repeat; position: absolute; filter: brightness(0.9); border-radius: 100%; animation: wheels 1s infinite; animation-direction: reverse;}
#city #car.active:before, #city #car2:before { left: 467px; bottom: 84px; background: url('../images/city/wheel1.png'); background-size: cover; background-position: center; height: 72px; width: 72px; }
#city #car.back-active:before { left: 467px; bottom: 84px; background: url('../images/city/wheel1.png'); background-size: cover; background-position: center; height: 72px; width: 72px; }
#city #car.active:after, #city #car2:after { bottom: 85px; left: 99px; background: url('../images/city/wheel.png'); background-size: cover; height: 73px; background-position-x: -1px; background-position-y: -1px; width: 73px; }
#city #car.back-active:after { bottom: 85px; left: 99px; background: url('../images/city/wheel.png'); background-size: cover; height: 73px; background-position-x: -1px; background-position-y: -1px; width: 73px; }
#city #car2 { bottom: 60px; width: 615px; height: 264px; background: url('../images/city/car.png') center no-repeat; background-size: auto 100%; position: fixed; left: 100%; z-index: 99; margin-left: 362px; animation: car2 10s linear infinite; transform: scaleX(-1); filter: blur(1px);}


#city #houses {bottom:220px;}
#city #birds {height:400px; top:50px; width:100%; position:fixed; left:0; z-index:91;}

#city .cloud {bottom:auto; top:80px; position:fixed; animation: cloud 120s ease infinite; margin-left:-650px;}
#city #cloud1 {background:url('../images/city/cloud1.png') center; width:650px; height:347px;}
#city #cloud2 {background:url('../images/city/cloud2.png') center; width:550px; height:300px; animation-delay: 10s !important; top:100px;}
#city #cloud3 {background:url('../images/city/cloud3.png') center; width:781px; height:300px; animation-delay: 20s !important; top:90px;  margin-left:-781px !important;}
#city #cloud4 {background:url('../images/city/cloud4.png') center; width:555px; height:300px; animation-delay: 30s !important; top:90px;}
#city #cloud5 {background:url('../images/city/cloud5.png') center; width:557px; height:300px; animation-delay: 60s !important; top:90px;}
#city #cloud6 {background:url('../images/city/cloud6.png') center; width:1152px; height:300px; animation-delay: 50s !important; top:90px; margin-left:-1152px !important; }
#city #cloud7 {background:url('../images/city/cloud7.png') center; width:499px; height:231px; animation-delay: 60s !important; top:90px;}

#navigation > div {position:fixed; top:0; bottom:0; width:40px; display:block; z-index:300; cursor:pointer;}
#navigation > div:hover {background-color:rgba(255,255,255,0.5) !important; }
#navigation #nav-left { left: -5px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="39" viewBox="0 0 20 39" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.556 38.8865C19.9796 38.5527 20.1027 38.0446 19.8674 37.6018C19.7976 37.4704 17.8238 35.4513 15.4811 33.115C13.1385 30.7788 9.22608 26.8438 6.78668 24.3707L2.35159 19.8742L11.173 11.0511L19.9944 2.228L19.9944 1.8543C19.9944 1.5665 19.9351 1.4142 19.7362 1.1917C19.5156 0.9449 19.4186 0.902699 19.0721 0.902699L18.6662 0.902699L9.33029 10.2398C0.725585 18.8457 -0.00561524 19.5998 -0.00561524 19.8681C-0.00561524 20.0282 0.0514845 20.2667 0.121284 20.3982C0.191084 20.5296 4.38288 24.7688 9.43639 29.8186L18.6247 39L19.0219 38.9972C19.2404 38.9957 19.4808 38.9458 19.556 38.8865Z" fill="white"/></svg>') no-repeat center; }
#navigation #nav-right { right: -5px; background: url('data:image/svg+xml,<svg width="20" height="39" viewBox="0 0 20 39" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.438407 0.113451C0.0147783 0.447257 -0.108319 0.955398 0.126991 1.39823C0.196814 1.52965 2.17062 3.54867 4.51327 5.88496C6.85584 8.22124 10.7683 12.1562 13.2077 14.6293L17.6428 19.1258L8.82142 27.9489L0 36.772V37.1457C0 37.4335 0.059292 37.5858 0.25823 37.8083C0.478761 38.0551 0.575752 38.0973 0.922301 38.0973H1.32814L10.6641 28.7602C19.2688 20.1543 20 19.4002 20 19.1319C20 18.9718 19.9429 18.7333 19.8731 18.6018C19.8033 18.4704 15.6115 14.2312 10.558 9.18142L1.36965 0L0.972478 0.00283199C0.753982 0.00433642 0.513628 0.0541594 0.438407 0.113451Z" fill="white"/></svg>') no-repeat center; }

table.faq {margin-top:20px;}
table.faq, table.faq tr, table.faq td, table.faq th,  table.faq tbody {display:block !important; text-align:left; transition:0.3s;}
table.faq p {margin:0; padding:0;}
table.faq td p {margin:20px 0; padding:0;}

table.faq tr {border:#f0f0f0 solid 1px; margin-bottom:10px;}
table.faq th {cursor:pointer; padding:5px 5px 5px 30px; position:relative;}
table.faq th:hover {background:#f0f0f0;}
table.faq th:before {content:""; display:block; border: 10px solid transparent; border-left: 10px solid #333; position:absolute; left:5px; top:5px;}
table.faq tr.active th:before {border: 10px solid transparent; border-top: 10px solid #47B400; top:10px;}
table.faq tr.active th {color:#47B400}
table.faq td {padding:0 5px; overflow:hidden; height:0;}
table.faq tr.active td {display:block; height:180px;}

.hamburger {border-radius:3px; background: #ffffff; width: auto; display:none; padding: 10px; position: absolute; left: 10px; float: none;cursor: pointer;transition-property: opacity, -webkit-filter;transition-property: opacity, filter;transition-property: opacity, filter, -webkit-filter;transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; border: 0; margin: 10px; overflow: visible; }
.hamburger:hover {opacity: 0.7; }
.hamburger-box {width: 40px; height: 24px; display: inline-block; position: relative; }
.hamburger-inner {display: block; top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #B00623; border-radius: 4px; position: absolute; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
.hamburger-inner::before { top: -10px; }
.hamburger-inner::after { bottom: -10px; }
.slideout-open .hamburger--arrow-r .hamburger-inner::before {-webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
.slideout-open .hamburger--arrow-r .hamburger-inner::after {-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
.hamburger.search span {background:url('images/searche.png') no-repeat center; display:block; width:40px; height:28px;}
.slideout-open .hamburger { border-radius: 3px; background: #ffffff; width: auto; position: absolute; left: 10px; float: none; cursor: pointer; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; border: 1px solid #b00623; margin: 10px; overflow: visible; }
.slideout-open .hamburger-box {padding: 10px 20px; }
.slideout-open .hamburger-inner { width: 15px; height: 25px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="50" viewBox="0 0 28 50" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.996124 49.7276C0.209777 49.1924 -0.0886809 48.4629 0.0849359 47.5008C0.159188 47.0895 1.32307 45.8851 11.1763 36.0242L22.1845 25.0071L11.1763 13.9901C-0.790513 2.01377 -0.113913 2.76825 0.0739505 1.61088C0.277389 0.357529 1.77317 -0.372913 2.97171 0.195747C3.57152 0.480442 26.6662 23.6465 26.8904 24.1883C27.1258 24.7575 27.1258 25.2568 26.8904 25.826C26.6587 26.3859 3.70324 49.4128 3.02447 49.7661C2.39798 50.0923 1.50695 50.0753 0.996124 49.7276Z" fill="%23B00623"/></svg>'); background-repeat: no-repeat; border-radius: 4px; position: absolute; background-size: contain; top: 50%; left: 50%; transform: translate(-40%, -40%); transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; transition-duration: 0.15s; transition-timing-function: ease; }
.slideout-open .hamburger-inner::before, .slideout-open .hamburger-inner::after {background-color: unset;}


.slideout-open #header .menus {left:0;}
.slideout-open .hamburger {position:fixed; left:200px;}



.coleb {
-webkit-animation: swinging 30s ease-in-out 0s infinite;
-moz-animation: swinging 30s ease-in-out 0s infinite;
animation: swinging 30s ease-in-out 0s infinite;
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
}

.description {margin: 0 auto;}
.description .top .head {padding: 1.2rem 3.7rem; text-align: center;}
.description .top .body {background: white; padding: 1.3rem 5.7rem 1.5rem; font-size: 20px;}
.description > .items {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2rem;}
.description .items .item {cursor: pointer; position: relative;}
.description > .items > .item > .name {font-size: 20px; text-align: center; padding: 10px; border-top: 3px solid #FFF; background: linear-gradient(101deg, rgba(176, 6, 35, 0.05) -1.21%, rgba(255, 255, 255, 0.05) 57.85%), #B00623; backdrop-filter: blur(2.5px); display: flex; align-items: center;}
.description .items .item .desc { background: white; }
.description .uslugi .name {font-size: 18px; text-align: center; padding: 10px; }
.description .uslugi .items { display: flex; flex-wrap: wrap; }
.description .uslugi .items .item { display: flex; align-items: center; gap: 14px; }

.mod-project.description .top {margin: 0 auto;}
.mod-project.description > .items {display: flex; margin-top: 2rem; flex-wrap: nowrap; gap: 2rem;}

.mod-control.description > .items { justify-content: center; gap: 2rem; }

.mod-clients .banner { position: absolute; left: 50%; transform: translateX(-50%); z-index: -1; top: 0; max-width: 760px;}
.mod-clients .owl-carousel {position: absolute; top: 50%; transform: translateY(-110%);}
.mod-clients .item img { height: 150px; object-fit: contain; }

.mod-vacancies { background: white; clip-path: polygon(0% 0%, 100% 7%, 100% 100%, 0 100%); margin-top: 2rem; margin: 0 auto;}
.mod-vacancies .text { padding: 4rem 2rem 0; font-size: 20px;}
.mod-vacancies button { width: 100%; border: 0; padding: 25px 0; cursor: pointer;}

#items > #scene { width: 100%; max-width: 350px; position: fixed; left: 0; top: 0; z-index: 999; }
.blicks { max-width: 350px; }

#mod-custom102 {display: flex;}
#mod-custom102 .fon { object-fit: cover; width: 100%; height: 100%; }
#mod-custom102 .right-block {padding: 1rem 2rem; position: relative;}
#mod-custom102 .right-block button { padding: 16px 10px; background: #B00623; color: white; font-weight: 700; border: none; border-top: 2px solid #B00623; cursor: pointer; position: absolute; bottom: 0; right: 0; width: 50%; font-size: 20px; }
#mod-custom102 .right-block button.close { background: white; color: #B00623; border: none; border-top: 2px solid #B00623; left: 0; }
#mod-custom102 .right-block .attach {cursor: pointer;}
#mod-custom102 .right-block input, #mod-custom102 .right-block textarea {border-radius: 5px; border: 2px solid #B00623; background: #FFF; color: rgba(0, 0, 0, 0.50); font-family: Acherus Feral; font-size: 16px; font-style: normal; font-weight: 300;}

#popup_window2 input[type="file"] {display: none;}
#popup_window2 .attach {    border-radius: 5px; border: 2px dashed #B00623; padding: 12px 16px; color: #B00623; display: flex; justify-content: space-between; align-items: center;}
#popup_window2 {border-top: 3px solid #B00623;}

#city #stolb3::before, #city #stolb6::before { content: ''; background-repeat: no-repeat; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="152" height="71" viewBox="0 0 152 71" fill="none"><g filter="url(%23filter0_f_172_1831)"><ellipse cx="76.277" cy="35.82" rx="69.3496" ry="8.90311" transform="rotate(19.7557 76.277 35.82)" fill="black" fill-opacity="0.4"/></g><defs><filter id="filter0_f_172_1831" x="0.938477" y="0.919922" width="150.677" height="69.7998" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur_172_1831"/></filter></defs></svg>'); width: 150px; height: 50px; position: relative; display: block; top: 95%; left: 55%; }
#city #stolb3.active::before, #city #stolb6.active::before { content: ''; background-repeat: no-repeat; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="152" height="71" viewBox="0 0 152 71" fill="none"><g filter="url(%23filter0_f_172_1831)"><ellipse cx="76.277" cy="35.82" rx="69.3496" ry="8.90311" transform="rotate(19.7557 76.277 35.82)" fill="black" fill-opacity="0.4"/></g><defs><filter id="filter0_f_172_1831" x="0.938477" y="0.919922" width="150.677" height="69.7998" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur_172_1831"/></filter></defs></svg>'); width: 150px; height: 50px; position: relative; display: block; top: 95%; left: 55%; transform: scaleX(-0.5) translateX(10rem); transition: 0.4s; }
#city #stolb9::before, #city #stolb7::before { content: ''; background-repeat: no-repeat; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="241" height="101" viewBox="0 0 241 101" fill="none"><g filter="url(%23filter0_f_172_1710)"><ellipse cx="120.681" cy="50.5808" rx="116.707" ry="5.45379" transform="rotate(19.7557 120.681 50.5808)" fill="black" fill-opacity="0.3"/></g><defs><filter id="filter0_f_172_1710" x="0.827148" y="0.795898" width="239.707" height="99.5703" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur_172_1710"/></filter></defs></svg>'); width: 250px; height: 100px; position: relative; display: block; top: 95%; left: 55%; }

#city #hydro::before, #city #stolb5::before { content: ''; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="129" height="79" viewBox="0 0 129 79" fill="none"><g filter="url(%23filter0_f_149_78)"><path d="M117.166 56.3745C112.3 69.2006 97.1332 72.808 71.8602 63.2198C46.5872 53.6316 -18.5634 21.6538 25.6443 21.6526C30.5103 8.82658 54.9427 6.20176 80.2157 15.7899C105.489 25.3781 122.032 43.5485 117.166 56.3745Z" fill="black" fill-opacity="0.5"/></g><defs><filter id="filter0_f_149_78" x="0.647949" y="0.0166016" width="127.367" height="78.6367" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur_149_78"/></filter></defs></svg>'); width: 250px; height: 100px; position: relative; display: block; top: 70%; left: 15%; background-repeat: no-repeat; }

.cursor {margin: 0 auto;}

/* Язык */
.skiptranslate { display: none!important; height: 0; }
.language__img { cursor: pointer; height: 30px; display: flex; align-items: center; color: #000000; font-weight: 700; }
.language_block {display: flex; flex-direction: column-reverse;}
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q { background-color: unset!important; box-shadow: none!important; }
body {top: 0!important;}
.text-warning {color: var(--main-color-yellow)!important;}
.language__img:not(.language__img_active) { display: none; }
.arrow { cursor: pointer; display: flex; align-items: center; }
.smart-filter {display: none !important;}
.language { display: flex; gap: 20px; position: absolute; top: 100%; right: 0; z-index: 999999; background: white; width: fit-content; padding: 0.5rem 1rem; border-radius: 0 0 5px 5px; }

@keyframes swinging{
0% { transform: rotate(0); }
5% { transform: rotate(3deg); }
10% { transform: rotate(-4deg); }
15% { transform: rotate(2deg); }
20% { transform: rotate(-2deg); }
25% { transform: rotate(1deg); }
30% { transform: rotate(-2deg); }
35% { transform: rotate(3deg); }
40% { transform: rotate(-4deg); }
45% { transform: rotate(3deg); }
50% { transform: rotate(0); }
100% { transform: rotate(0); }
}
@keyframes cloud {
  0%{left: 0;}
  10%{margin-top:3px;}
  20%{margin-top:-3px;}
  30%{margin-top:4px;}
  40%{margin-top:-4px;}
  50%{margin-top:5px;}
  60%{margin-top:-5px;}
  70%{margin-top:4px;}
  80%{margin-top:-4px;}
  90%{margin-top:2px;}
  100%{left: 150%; margin-left:0; margin-top:0;}
}

@keyframes wheels {
  0% {transform: rotate(0deg);}
  /* 50% {transform: rotate(180deg);} */
  100% {transform: rotate(360deg);}
}

@keyframes car2 {
  0%{left: 1000%;}
  100%{left: 0; margin-left:-500px;}
}

#knet_popup {position:fixed; left:0; top:0; height:100%; width:100%; z-index:99999; display:none;}
#knet_popup_bg { position: fixed; left: 0; top: 0; height: 100%; filter: blur(5px); width: 100%; background: rgba(0,0,0,0.4); backdrop-filter: blur(5px); }
#knet_popup_close { background-size: 100% 100%; width: 10px; height: 10px; position: absolute; top: 12%; left: 67%; z-index: 1; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M6.44675 5L9.70741 1.71744C10.1067 1.3156 10.096 0.674332 9.68344 0.285216C9.27093 -0.104032 8.61285 -0.093535 8.21353 0.308569L5 3.54364L1.78647 0.308569C1.38715 -0.093535 0.729206 -0.104032 0.316559 0.285216C-0.0959536 0.674332 -0.106725 1.3156 0.292593 1.71744L3.55325 5L0.292593 8.28257C-0.106725 8.68441 -0.0959536 9.32567 0.316559 9.71479C0.518372 9.90528 0.779022 10 1.0394 10C1.31109 10 1.5825 9.89688 1.78647 9.69157L5 6.4565L8.21353 9.69157C8.4175 9.89688 8.68892 10 8.9606 10C9.22098 10 9.48163 9.90528 9.68344 9.71479C10.096 9.32567 10.1067 8.68441 9.70741 8.28257L6.44675 5Z' fill='%23424242'/%3E%3C/svg%3E"); }
#popup_window2 .attach {margin-bottom: 3rem;}
#knet_popup_window {position:absolute; width:40%; top:10%; left:30%; margin-left:-10px; background:#fff; max-width:80%;}

.owl-carousel .owl-nav { position: absolute; top: 50%; font-size: 48px; max-width: 720px; width: 100vw; transform: translateX(-50%); transform: -webkit-translateX(-50%); left: 50%; }
.owl-carousel .owl-prev, .owl-carousel .owl-next { position: absolute; left: 0; outline: none; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.owl-carousel .owl-next { left: auto; right: 0; }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

@media screen and (min-width: 1440px) {
  .description > .items > .item > .name {height: 71px; display: flex; align-items: center;}
}
@media screen and (max-width: 1440px) {
  h1, .h1 { font-size: 4.625rem; }
  .main { width: calc(100vw / 1.1); }
  #header #top_menu > ul { flex-wrap: wrap; justify-content: flex-start;}
  #header #top_menu > ul > li > a { margin: 20px 5px; white-space: nowrap; }

  #center { width: 800%; }
  #items #item2 { left: 11.5%; }
  #items #item3 {left:24%;}
  #items #item4 { left: 36.5%; }
  #items #item5 {left:49%;}
  #items #item6 {left:61.5%;}
  #items #item7 {left:74%;}
  #items #item8 {left:86.5%;}

  #mod-custom102 .left-block {display: none;}
  #mod-custom102 .right-block {width: 100% !important;}

  .cursor {display: none;}
}

@media screen and (max-width: 1360px) {
  #header { top: 1rem; }
  #items #item6 .main { margin-top: -12rem; }
  #item3 .main, #item4 .main, #item5 .main {margin-top: 5rem;}
}
@media screen and (min-width: 1000px) {
  .description .items .item .desc {opacity: 0; position: relative;}
  .description .items .item:hover .desc {opacity: 1; transition: .2s; background: white; position: absolute; width: 170%; padding: 20px; z-index: 1; padding-top: 0;}
  .description .items .item:last-child .desc {right: 0;}
  .description .desc .close {display: none;}
}
@media screen and (min-width: 1000px) and (max-width: 1440px) {
  #items > #scene { left: -12%; }
  .description > .items > .item > .name {height: 90px;}
  .description .items .item:hover .desc {overflow-y: auto; height: 300px;}
  #mod-custom97, .mod-vacancies {margin-top: 3rem;}
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .description .items .item:hover .desc {width: 200%;}
  .description > .items > .item > .name {min-height: 120px;}
}
@media screen and (max-width: 1000px) {

  /* Last comment  */
  html, body{ overflow-y: hidden; }
  #city #houses{width: 100%;}
  #city #houses img{height: 100vh; width: 100%;}
  .main::-webkit-scrollbar{ width: 0; }
  #item3, #item4, #item5 { top: -0% !important; }
  ::-webkit-scrollbar { width: 0; }


  h1, .h1 { font-size: 2.725rem; }

  #line {display: none;}

  .main { overflow: auto;}

  #header #logo {margin-right: 0;}
  #header { top: 0; left: 0; transform: unset; border-radius: 0; width: 100%; backdrop-filter: unset; }
  #header .main { justify-content: flex-end; }
  #header #top_menu {float:none; padding: 0; margin:0;}
  #header #top_menu > ul {margin:0; padding:0; display: block;}
  #header #top_menu > ul > li { margin: 0 5px; padding: 0; display: block; float: none; border-bottom: 1px solid #b00623; }
  #header #top_menu > ul > li > a { margin: 0; padding: 20px 10px; display: block; border-bottom: 1px solid transparent; color: #000000; white-space: unset; }
  #header #top_menu > ul > li.active { background: #b00623; margin: 0;}
  #header #top_menu > ul > li.active a { color: #fff; border-bottom: 1px solid white; margin-bottom: 1rem; }

  #header #lang_menu {float:none; text-align:center; position: relative;}


  #header .menus { position: fixed; left: -200px; top: 0; width: 200px; height: 100%; overflow: auto; background: #ffffff; z-index: 9999; transition: 0.3s; }
  .language { left: 5px; top: 15px; border: 1px solid #b00623; border-radius: 5px; }
  .hamburger {display:block;}
  #navigation > div { background-color: rgb(176 6 35 / 35%) !important; display: block!important; height: 75px; top: 50%; transform: translateY(-50%); }
  .main {width:100%; padding:0 10px;}
  #car2, #birds, .plan4, .plan0 {display:none;}
  #header #logo {float:right;}

  
  .description .items .item { width: 100% !important; }
  .mod-control.description > .items {gap: 0;}
  .mod-project.description > .items { flex-wrap: wrap; gap: 0; width: 83.33% !important; margin: 2rem auto; }
  .description .items .item .desc { display: block; width: 100%;}
  .description .items .item {margin-bottom: 1rem;}
  .description .items .item .desc { display: block; opacity: 1; background: white; width: 100%; padding: 20px; z-index: 1;}

  .mod-vacancies .text { font-size: 16px; }
  #mod-custom97 .contact { padding: 0; }

  #items #item6 .main {width: 100%;}
  .mod-clients .banner { max-width: 680px; }
  .mod-clients .owl-carousel { transform: translateY(-143%); padding: 0 18rem;}

  .owl-carousel .owl-nav { max-width: 576px; }

  #city #car { height: 230px; left: 0; width: 100%; bottom: 60px; }
  #city #car.active:after, #city #car.active:before, #city #car2 {display:none;}
  #item3 .main, #item4 .main, #item5 .main {margin-top: 0px;}
}
@media screen and (max-width: 768px) {
  #scene {display: none;}
  h2, .h2 { font-size: 24px; }
  .description .top .body { padding: 1rem; }
  #item2 .main {position: relative;}
  #item2 .banner { top: -37%; }

  #item2 .banner {display: none;}
  .mod-history { position: absolute; padding: 2rem; margin: 2rem 0; margin-top: 0; background: white; width: 100vw; transform: translateX(-55%);}
  #items #item2 { left: 12.3%; }

  .mod-clients .banner {display: none;}
  .mod-clients .owl-carousel { padding: 2rem 4rem; background: white; }
  .description > .items { width: 83.3333% !important; margin: 0 auto; margin-top: 2rem; }
  .mod-quality.description > .items, .mod-control.description > .items { width: 100% !important;}

  #mod-custom97 { width: 66.6666% !important; margin: 0 auto; margin-top: 2rem; }

  #items #item6 .main { width: 83.3333%; }

	#knet_popup_window { width: 100%; left: 50%; transform: translateX(-50%) translateY(-50%); top: 50%; }
  #knet_popup_close { top: 12%; right: 15%; left: auto; }

  .owl-carousel .owl-nav { width: 100%; max-width: 80vw; top: 55%; transform: translateX(-51%); }
}
@media screen and (max-width: 700px) {
  #items #item5 .main {width:100%;}
  #items #item5 .main > div {margin-top:0; background:#fff;}
}
@media screen and (max-height: 700px) and (max-width: 1000px) {
  #items > div {top:3%;}
  #city > div {margin-bottom:-90px;}
  #city #car { bottom: -2.2rem; }
  #mod-custom98 { margin: auto 0; }
}
@media screen and (max-height: 840px) and (min-width: 1000px) {
  #header { top: 0; width: 100%; padding: 0;}
  #header .main {width: 100%;}
  #header #logo { margin-left: 1rem; }

  #mod-custom98 { margin: 4rem 0; }
  #item3 .main, #item4 .main, #item5 .main { margin-top: 0; }
  #items #item6 .main { margin-top: -18rem; }
  .description > .items > .item > .name, .description .top .body {font-size: 18px;}
  .mod-history {margin-top: -3rem;}
  #mod-custom97, .mod-vacancies {margin-top: -2rem;}
  .mod-vacancies .text { padding: 2rem 2rem 0; }
  #mod-custom97 { padding: 2rem 2rem 2rem; }
  .mod-vacancies .text {font-size: 16px;}
  .mod-vacancies button { font-size: 24px; padding: 12px 0;}

  #city #car, #city #car2 { height: 157px; }
  #city #car {bottom: 40px;}
  #city #car.active:before { left: 278px; bottom: 50px; height: 43px; width: 43px; }
  #city #car.active:after { bottom: 51px; left: 59px; height: 44px; width: 44px; }
  #city #car2:before, #city #car2:after {display: none;}
  #city #road1 { height: 290px; }
  #city #line { height: 307px; }
  #city #border { height: 35px; }
  #city #brus { height: 40px; }
  #city #houses { bottom: 180px; }
}
@media screen and (max-height: 700px) and (min-width: 1000px) {
  h1, .h1 { font-size: 3.5rem; }
  h2, .h2 { font-size: 1.5rem; }

  #header #top_menu > ul > li > a { margin: 12px 5px; }

  #items > div { top: 3%; }
 
  .mod-history { margin-top: -1.5rem; }
  .main .banner { max-width: 800px; }
  .mod-history { max-width: 800px; padding: 1.5rem; padding-top: 3rem; }

  .description .top .head { padding: 0.5rem 3rem; }
  .description > .items, .mod-project.description > .items { margin-top: 1rem; }
  .description > .items > .item > .name, .description .top .body { font-size: 16px; height: 70px; padding: 0.5rem; }
  .description .items .item:hover .desc { height: auto; font-size: 14px; padding: 0.3rem;}
  .description .items .item:hover .desc p {margin: 0.2rem;}
  .description .uslugi .name { font-size: 16px; padding: 0.2rem; }

  #items #item6 .main { width: 550px; }
  .mod-clients .banner { top: 3rem; max-width: 650px; }
  .mod-clients .owl-carousel { transform: translateY(-125%); }
  .owl-carousel .owl-nav { max-width: 610px; }

  #mod-custom97, .mod-vacancies { margin-top: 0; }
  .mod-vacancies .text { font-size: 14px; padding: 1rem 1rem 0; }
  .mod-vacancies button { font-size: 1.5rem; }

  #mod-custom97 .contact { padding: 0; gap: 1rem; }

  #houses img {max-height: 350px;}
  #city .tree { height: 294px; bottom: 148px; }
  #city #stolb8 { left: 11%; width: 36px; height: 53px; bottom: 152px; background: url(../images/city/stolb.png) left bottom; }
  #city #hydro { width: 137px; height: 196px; background: url('../images/city/hydro.png'); bottom: -15px; left: 11.5%; background-size: contain; background-repeat: no-repeat; z-index: 101; }
  #city #kran1 { left: 22.3%; width: 568px; background-repeat: no-repeat; height: 222px; bottom: 0; z-index: 101; }
  #city #stolb4 { left: 61%; width: 36px; height: 53px; bottom: 152px; background: url(../images/city/stolb.png) left bottom; }
  #city #stolb5 { width: 137px; height: 196px; background: url('../images/city/hydro.png'); bottom: -14px; background-size: contain; left: 61.5%; z-index: 101; background-repeat: no-repeat; }
  #city #stolb7, #city #stolb9 {  bottom: 147px; }
  #city #stolb3, #city #stolb6 { bottom: -5px; }
  #city #car { bottom: 27px; }
  #city #brus { height: 25px; }
  #city #list1 { height: 172px; background-size: contain; }
  #city #border { height: 35px; bottom: 20px; }

  #mod-custom102 form p {margin: 0.5rem;}
  #knet_popup_window { top: 50%; transform: translateY(-50%); }
  #knet_popup_close { top: 7%; }
}
@media screen and (min-width: 1000px) and (max-width: 1260px) {
  #header #top_menu > ul { flex-wrap: wrap; justify-content: space-around; }
  #header #top_menu > ul > li { display: flex; align-items: center; padding: 0.2rem 0;}
  #header #top_menu > ul > li > a { font-size: 14px; white-space: pre-wrap; max-width: 130px; text-align: center; margin: 15px 5px;}

  #mod-custom97 h2, .mod-vacancies h2 { margin-bottom: 2rem; }

  #items > div { top: 7%; }
  .description > .items, .mod-project.description > .items { margin-top: 1rem; }
  .description > .items > .item > .name, .description .top .body { font-size: 16px; }
  .description > .items > .item > .name { min-height: 80px; }
}
@media screen and (max-width: 576px) {
  h1, .h1 { font-size: 2.3rem; }
  #items #item2 { left: 12.3%; }
  #items > div { top: 5%; }
  .mod-vacancies .text { padding: 3rem 1rem 0; }
  #mod-custom97 .contact .item { gap: 1rem; flex-wrap: nowrap; justify-content: flex-start; font-size: 0.9rem; }
  #mod-custom98 { margin: 4rem 0; }
  .mod-history div { width: 100% !important; flex-wrap: wrap; gap: 1rem; }
  .mod-clients .owl-carousel { padding: 1rem 3rem; background: white; }

  .owl-carousel .owl-controls .owl-nav .owl-prev svg, .owl-carousel .owl-controls .owl-nav .owl-next svg {width: 23px !important;}

  .mod-vacancies, #mod-custom97 {width: 83.3333% !important;}
  #mod-custom97 {padding: 4rem 1rem 5rem;}

  #stolb3, #kran1 {display: none;}

  #city #stolb6 { background: unset; }
  #city #car {height:140px; left:0; width:100%; bottom: 10px;}
}
@media screen and (max-width: 500px) {
  #author {display:none;}
}

@media screen and (max-width: 500px) and (min-height: 700px) {
  #city #car { height: 180px; left: 0; width: 100%; bottom: 60px; }
}

#items #item2 .main .mod-history p {margin: 0;}


/* #center{ overflow-y: hidden !important; } */
/* #items > div{ width: 100vw !important; } */
/* html, body{ overflow-y: hidden; } */