@font-face{font-family:'scada-bold'; src:url(../fonts/scada-bold.eot); src:url(../fonts/scada-bold.eot?#iefix) format("embedded-opentype"),url(../fonts/scada-bold.woff) format("woff"),url(../fonts/scada-bold.ttf) format("truetype"); font-weight:700; font-style:normal; font-display:swap}
@font-face{font-family:'scada-regular'; src:url(../fonts/scada-regular.eot); src:url(../fonts/scada-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/scada-regular.woff) format("woff"),url(../fonts/scada-regular.ttf) format("truetype"); font-weight:400; font-style:normal; font-display:swap}
@font-face{font-family:'Boblic'; src:url(../fonts/boblic.eot); src:url(../fonts/boblic.eot?#iefix) format("embedded-opentype"),url(../fonts/boblic.woff) format("woff"),url(../fonts/boblic.ttf) format("truetype"); font-weight:400; font-style:normal; font-display:swap}

.fl{float:left}
.fr{float:right}
.dib{display:inline-block; vertical-align:top}
.container{width:100%; max-width:1020px; margin-left:auto; margin-right:auto; position:relative; padding-left:10px; padding-right:10px}
.clearfix:after{content:''; display:block; clear:both}

img.lazy{opacity:0; transform-style:preserve-3d; transition:opacity .2s ease; height:unset}
img.lazy.loaded{opacity:1; height:auto}

html{min-width:320px; overflow-x:hidden; background:#fff}
body{background:#fff}
*, * :before, * :after{box-sizing:border-box}
button{border:none; background:none}
del{text-decoration:line-through}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0; outline:0; border:0; background:transparent; vertical-align:baseline; font-size:100%}
li{list-style:none}
a{margin:0; padding:0; background:transparent; vertical-align:baseline; font-size:100%}
ul li{list-style:none}
input,select{vertical-align:middle; outline:none}
body{line-height:1}
ins{background-color:#ff9; color:#000; text-decoration:none}
nav ul{list-style:none}
table{border-spacing:0; border-collapse:collapse}
abbr[title],dfn[title]{border-bottom:1px dotted; cursor:help}
textarea{overflow:auto}
mark{background-color:#ff9; color:#000; font-weight:700; font-style:italic}
blockquote:before,blockquote:after,q:before,q:after{content:none}
article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
footer{margin:0 auto}
blockquote,q{quotes:none}
hr{display:block; margin:1em 0; padding:0; height:1px; border:0; border-top:1px solid #ccc}
a{outline:none}
a:active,a:focus{outline:none}
input::-webkit-input-placeholder{font-family:'scada-regular',Tahoma,sans-serif; line-height:20px; font-weight:400; font-size:18px; color:#aaadae; opacity:.9}
input::-moz-placeholder{font-family:'scada-regular',Tahoma,sans-serif; line-height:40px; font-weight:400; font-size:18px; color:#aaadae; opacity:.9}
input[type="reset"]{display:none}
ya-map{display:block; height:710px; width:100%}
output{padding:0}
button{outline:none}
button:active,button:focus{outline:none}
svg{display:block; margin:0 auto}
label{display:inline-block; text-align:right; padding-right:.5em; width:40%}
circle{transition:stroke-dashoffset .1s linear}
img{max-width:100%; height:auto}
sup{font-size:66%; vertical-align:top}

.main{overflow:hidden}
.made-objects .bx-wrapper{max-width:567px!important}
.bx-item{width:567px!important}
.bx-wrapper{position:relative; margin:0 auto 60px; padding:0; *zoom:1}
.bx-wrapper img{max-width:100%; display:block}
.bx-wrapper .bx-viewport{transform:translatez(0)}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute; bottom:-30px; width:100%}
.made-objects .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{bottom:-93px}
.bx-wrapper .bx-loading{min-height:50px; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000}
.bx-wrapper .bx-pager{text-align:center; font-size:.85em; font-family:Arial; font-weight:700; color:#666; padding-top:20px}
.wrapper-slider .bx-wrapper .bx-pager{bottom:5px}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block; *zoom:1; *display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{background:url(../images/bg/bg-switch.png) no-repeat -2px -23px; width:17px; height:17px; text-indent:-9999px; font-size:0; display:block; margin:0 5px; outline:0; border-radius:50%}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background-position:-2px -2px}
.bx-wrapper .bx-prev{border-radius:50%!important; left:-65px!important; top:50%!important; background:url(../images/main-srite.png) no-repeat -124px -2px!important; width:59px!important; height:59px!important; position:relative; z-index:0; margin-top:-30px!important}
.bx-wrapper .bx-prev:hover{background-position:-124px -65px!important}
.bx-wrapper .bx-prev:after{content:''; position:absolute; z-index:1; background:url(../images/main-srite.png) no-repeat -235px 0!important; width:20px; height:29px; top:50%; left:47%; transform:translate(-50%,-50%)}
.bx-wrapper .bx-next{border-radius:50%!important; right:-65px!important; top:50%!important; background:url(../images/main-srite.png) no-repeat -124px -2px!important; width:59px!important; height:59px!important; margin-top:-30px!important}
.bx-wrapper .bx-next:hover{background-position:-124px -65px!important}
.bx-wrapper .bx-next:after{content:''; position:absolute; z-index:1; background:url(../images/main-srite.png) no-repeat -187px -99px!important; width:20px; height:29px; top:50%; left:53%; transform:translate(-50%,-50%)}
.bx-wrapper .bx-controls-direction a{position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block; text-indent:-9999px; width:10px; height:11px; outline:0; margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block; text-indent:-9999px; width:9px; height:11px; outline:0; margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left; width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0; width:35px}
.bx-wrapper .bx-caption{position:absolute; bottom:0; left:0; background:#666 \9; background:rgba(80,80,80,0.75); width:100%}
.bx-wrapper .bx-caption span{color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px}
.bx-wrapper .bx-has-pager .bx-prev{left:8px!important; top:93%!important}
.bx-wrapper .bx-has-pager .bx-next{left:75px!important; top:93%!important}
.made-objects .bx-wrapper .bx-has-pager .bx-prev{left:8px!important; top:110%!important}
.made-objects .bx-wrapper .bx-has-pager .bx-next{left:75px!important; top:110%!important}
.control{display:block; margin-bottom:1em}

.radio label{width:100%; text-align:center}

.wrapper-form{max-width:385px; width:100%; border-radius:20px; background-color:#fff; box-shadow:0 0 4px rgba(0,0,0,0.5); padding:54px 37px 37px}
.wrapper-form .wrapper-sub-title{text-align:center; font-family:'Boblic',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:30px; color:#000; margin-bottom:17px}

.thanks{text-align:center; max-width:460px; color:#000; text-transform:uppercase; font-family:'Boblic', Tahoma, sans-serif; line-height:1.3; font-size:30px}

.wrapper-slider{position:relative; background-color:#617377; margin-bottom:70px}
.wrapper-slider.lazy.loaded:after{content:''; position:absolute; z-index:1; left:50%; bottom:-41px; width:100%; height:42px; background:url(../images/bg/shadow.png) no-repeat center top; transform:translate(-50%,0)}

.slider{position:relative}
.slider .bx-controls{position:relative; z-index:2; top:-165px}
.slider-item{background-position:center; background-size:cover; background-repeat:no-repeat; background-color:#617377}
.slider, .slider-item{height:980px}
.slider-inner{position:absolute; top:0; left:0; right:0; bottom:0}

.header{position:absolute; z-index:2; top:42px; width:100%; background-color:#fff; padding:8px 0}
.header-inner{display:flex; width:100%; align-items:center}
.header-logo{width:240px; padding-right:15px}
.header-decription{flex:1}
.header-decription-inner{max-width:300px; font-family:'scada-regular',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:14px; color:#000; border-left:1px solid #bbb; padding-left:17px}
.header-contact{text-align:right}
.header-contact-tel{white-space:nowrap; font-family:'Boblic',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:24px; display: block; margin-bottom: 5px; }
.header-contact-callback{text-decoration:none; display:inline-block; vertical-align:top; font-family:'Boblic',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:14px; color:#e64d3b; border-bottom:1px dashed #e64d3b; text-transform:uppercase; margin-top:7px; text-align:right; cursor:pointer; position:relative; z-index:0}
.header-contact-callback:before{content:''; position:absolute; z-index:1; background:url(../images/main-srite.png) no-repeat -220px -68px; width:13px; height:16px; left:-20px; top:-2px}
.header-contact-address{font-family:'Boblic',Tahoma,sans-serif; margin-top:5px}

.top-content-outer{position:relative; height:100%; width:100%; display:flex; align-items:center; padding:174px 0}
.top-content{width:100%}
.top-content .title{text-align:center; text-transform:uppercase; color:#fff; font-family:'scada-bold',Tahoma,sans-serif; line-height:.9; font-weight:700; font-size:57px}
.top-content .sub-title{text-align:center; color:#fff; margin-top:46px}
.top-content .sub-title > span{display:block}
.top-content .sub-title > span:first-child > span{font-family:'scada-bold',Tahoma,sans-serif; line-height:1.5; font-weight:700; font-size:32px; padding-bottom:2px; border-bottom:2px solid #fff; text-transform:uppercase}
.top-content .sub-title > span:nth-child(2){margin-top:25px; font-family:'scada-regular',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:24px}

.order-blocks{position:relative; z-index:0; margin:70px auto 24px; text-align:center; min-height:64px; display:table; border-radius:32px; padding:0 30px; box-shadow:0 1px 1px 1px rgb(0 0 0 / 60%); background:linear-gradient(to bottom, #dfdfdf 0%,#e3e3e3 2%,#e7e7e7 7%,#ededed 8%,#ededed 10%,#f1f1f1 12%,#f3f3f3 15%,#fafafa 19%,#f6f6f6 20%,#f9f9f9 22%,#f8f8f8 31%,#f5f5f5 34%,#f1f1f1 36%,#ebebeb 41%,#ebebeb 42%,#dcdcdc 51%,#d6d6d6 53%,#d7d7d7 54%,#c9c9c9 59%,#c2c2c2 64%,#bababa 66%,#b3b3b3 71%,#aeaeae 73%,#a5a5a5 78%,#9d9d9d 80%,#9c9c9c 81%,#969696 83%,#8f8f8f 88%,#868686 92%,#888888 93%,#818181 95%,#838383 97%,#7c7c7c 100%)}
.order-blocks li{display:table-cell; vertical-align:middle; width:50%}
.order-blocks li.wrapper-link > div{box-shadow:0 1px 1px 1px rgb(0 0 0 / 40%); background:linear-gradient(to bottom, #ff1c20 0%,#ff2328 8%,#ff3236 15%,#ff3e42 40%,#ff3c41 42%,#ff070e 44%,#ff070e 52%,#fc0306 60%,#d60001 73%,#c60001 81%,#c50000 85%,#c60001 88%,#cc0203 90%,#df0810 94%,#e91018 96%,#f71420 98%,#ff1b27 100%); border-radius:26px; min-height:52px; display:table; width:100%}
.order-blocks li.wrapper-link > div a{text-decoration:none; cursor:pointer; display:table-cell; vertical-align:middle; text-align:center; width:inherit; height:inherit; font-family:'scada-bolditali',Tahoma,sans-serif; line-height:1; font-weight:700; font-size:20px; font-style:italic; color:#f4eaea; text-shadow:0 0 1px rgba(0,0,0,0.5)}
.order-blocks li:first-child > div a{padding-left:24px}
.order-blocks li:first-child > div{padding-right:60px}
.order-blocks li:nth-child(2) > div a{padding-right:24px}
.order-blocks li:nth-child(2) > div{padding-left:60px}
.order-blocks li.saw{position:absolute; z-index:0; border-radius:50%; background:url(../images/bg/bg-round.png) no-repeat center / contain; width:118px; height:118px; left:50%; top:50%; transform:translate(-50%,-50%)}
.order-blocks li.saw.rotate-infinite:after{animation:rotate 10.5s infinite linear}
.order-blocks li.saw.rotate-infinite-hover:after{animation:rotate 10.5s infinite linear}
.order-blocks li.saw:after{content:''; position:absolute; z-index:1; top:50%; left:50%; margin-top:-30px; margin-left:-30px; background:url(../images/main-srite.png) no-repeat -144px -132px; width:60px; height:60px}

.in-active{padding:50px 0}
.in-active h1{margin-top:12px; text-align:center; position:relative; z-index:0; font-family:'scada-regular',Tahoma,sans-serif; line-height:1; font-weight:700; font-size:38px; color:#000; text-transform:uppercase; margin-bottom:15px}
.in-active h2{text-align:center; position:relative; padding-top:17px; margin-bottom:20px; color:#000; font-family:'Boblic',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:24px}
.in-active h2:after{content:''; position:absolute; z-index:1; width:706px; height:3px; left:50%; top:0; transform:translate(-51%,0); background-color:#000}

.video-container{background-color:#4F6066; border-radius:14px; max-width:638px; margin:0 auto}
.video-container a{display:block; position:relative}
.video-container a:after{content:''; position:absolute; width:60px; height:42px; top:50%; left:50%; margin-top:-21px; margin-left:-30px; background:url(../images/youtube.png) no-repeat center; background-size:contain}

.account{padding:140px 0 70px; margin-bottom:80px; background-color:#b9d4db; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative}
.account.lazy.loaded:after{content:''; position:absolute; z-index:1; left:50%; bottom:-41px; width:100%; height:42px; background:url(../images/bg/shadow.png) no-repeat center top; transform:translate(-50%,0)}
.account .headers-block{color:#000; text-transform:uppercase; text-align:center}
.account .title span{display:inline-block; vertical-align:top; font-family:'scada-bold',Tahoma,sans-serif; line-height:1; font-weight:700; font-size:48px; margin-bottom:9px; padding-bottom:9px; border-bottom:3px solid #000}
.account .sub-title{font-family:'scada-regular',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:24px; text-transform:none; margin-bottom:35px}
.account .list-account > li{position:relative; z-index:0; margin-top:30px}
.account .list-account > li:first-child{margin-top:0}
.account .list-account > li > div.wrapper-progress{box-shadow:0 1px 3px rgba(0,0,0,0.5); border-top:1px solid #fff; border-bottom:1px solid #fff; height:50px}
.account .list-account > li > div.wrapper-progress .container{height:inherit; position:relative}
.account .list-account > li > div.wrapper-progress .container span{position:absolute; z-index:0; top:50%; left:10px; transform:translate(0,-50%); font-family:'scada-bold',Tahoma,sans-serif; line-height:.7; font-weight:700; font-size:48px; display:block}
.account .list-account > li > div.wrapper-progress .progress{width:0; transition:all 1s ease-out}
.account .list-account > li > div .progress{height:inherit; position:absolute; z-index:0; top:0; transform:skewX(-20deg)}
.account .list-account > li > div.content-account{margin-top:2px}
.account .list-account > li > div.content-account span{display:block; color:#000; font-family:'Boblic',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:24px}
.account .list-account > li:nth-child(even) .progress{background:#e1e1e1; background:linear-gradient(to bottom,#fff 0%,#e1e1e1 100%)}
.account .list-account > li:nth-child(odd) .progress{background:#9c2c2f; background:linear-gradient(to bottom,#d9383c 0%,#9c2c2f 100%)}
.account .list-company {margin:15px 15px 0}
.account .list-company li{font-family:'scada-regular',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:18px; color:#0d0e0f; margin-top:12px; position:relative; z-index:0}
.account .list-company li:after{content:''; position:absolute; z-index:1; background:url(../images/main-srite.png) no-repeat -129px -128px; width:11px; height:10px; left:-16px; top:3px}
.account .list-company li:first-child{margin-top:0}

.complexity{}
.complexity h2{text-align:center}
.complexity h2 span{display:block; color:#000; font-family:'Boblic',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:24px}
.complexity h1{margin-top:12px; padding-top:17px; text-align:center; position:relative; z-index:0; font-family:'scada-bold',Tahoma,sans-serif; line-height:1; font-weight:700; font-size:48px; color:#000; text-transform:uppercase}
.complexity h1:after{content:''; position:absolute; z-index:1; width:706px; height:3px; left:50%; top:0; transform:translate(-51%,0); background-color:#000}
.complexity .title:after{content:''; position:absolute; z-index:1; display:none}
.complexity .title > span:first-child{padding-bottom:8px; padding-top:0; margin-bottom:8px; display:block; position:relative; z-index:0}
.complexity .title > span:first-child:after{content:''; position:absolute; z-index:1; left:50%; transform:translate(-50%,0); bottom:0; width:710px; height:3px; background-color:#000}

.complexities{display:flex; flex-flow:row wrap; margin:15px -15px; font-family:'Boblic',Tahoma,sans-serif}
.complexities-item{text-align:center; padding:15px; width:33.3333%}
.complexities-item-inner{padding:30px 15px 15px; border:1px solid #b2b2b2; border-radius:8px; min-height:100%}
.complexities-item-name{font-size:150%; margin-bottom:1em}
.complexities-item-img{margin-bottom:1em}
.complexities-item-title{font-size:125%; border-bottom:2px solid #000; padding-bottom:.5em; margin-bottom:.5em}
.complexities-item-subtitle{margin-bottom:.5em; font-size:115%}
.complexities-item-list{margin-top:1em}
.complexities-item-list-item{position:relative; margin:.5em 0; padding-top:13px}
.complexities-item-list-item:before{content: ''; position:absolute; z-index:1; left:50%; transform:translateX(-50%); top:0; background:url(../images/main-srite.png) no-repeat -129px -128px; width:11px; height:10px}

.order-block{margin-top:50px; background-color:#b9d4db; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; padding:72px 0}
.order-block.lazy.loaded:after{content:''; position:absolute; z-index:1; left:50%; bottom:-41px; width:100%; height:42px; background:url(../images/bg/shadow.png) no-repeat center top; transform:translate(-50%,0)}
.order-block h2{text-align:center}
.order-block h2 span{display:block; color:#000; font-family:'Boblic',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:24px}
.order-block h1{margin-top:12px; padding-top:17px; text-align:center; position:relative; z-index:0; font-family:'scada-bold',Tahoma,sans-serif; line-height:1; font-weight:700; font-size:48px; color:#000; text-transform:uppercase}
.order-block h1:after{content:''; position:absolute; z-index:1; width:706px; height:3px; left:50%; top:0; transform:translate(-51%,0); background-color:#000}
.order-block .left-block{float:left; padding-left:170px}
.order-block .left-block .list-left-block{margin-top:68px; width:357px}
.order-block .left-block .list-left-block > li{margin-bottom:22px; display:block; text-align:left; color:#000; font-family:'Boblic',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:36px; position:relative; z-index:0}
.order-block .left-block .list-left-block > li:after{content:''; background-size:contain; position:absolute; z-index:1; width:33px; height:30px; background-image:url(../images/bg/arrow-3.png); background-repeat:no-repeat; top:3px; left:-48px}
.order-block .left-block > p{margin-top:20px; width:314px; text-align:left; font-family:'scada-regular',Tahoma,sans-serif; line-height:1.25; font-weight:400; font-size:18px; position:relative; z-index:0}
.order-block .left-block > p:after{content:''; position:absolute; z-index:1; background-image:url(../images/bg/arrow-2.png); background-repeat:no-repeat; background-position:center top; width:169px; height:63px; bottom:-84px; right:-82px}
.order-block .right-block{float:right; margin-top:25px; margin-right:30px}

.made-objects h2{position:relative; z-index:0; text-align:center}
.made-objects h2 span{text-transform:uppercase; display:block; color:#000; font-family:'scada-bold',Tahoma,sans-serif; line-height:1; font-weight:700; font-size:48px}
.made-objects h2:after{content:''; position:absolute; z-index:1; width:706px; height:3px; left:50%; bottom:-14px; transform:translate(-51%,0); background-color:#000}
.made-objects h1{margin-bottom:34px; margin-top:12px; padding-top:17px; text-align:center; position:relative; z-index:0; font-family:'Boblic',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:24px; color:#000}
.made-objects .wrapper-tabs{min-height:760px}
.made-objects .wrapper-content-tabs{position:relative; padding-bottom:52px}
.made-objects .wrapper-content-tabs:after{display:block; content:''; clear:both}
.made-objects .wrapper-content-tabs .content{float:left; width:370px; padding-left:84px}
.made-objects .wrapper-content-tabs .content > li{position:relative; z-index:0}
.made-objects .wrapper-content-tabs .content > li:first-child{margin-top:0}
.made-objects .wrapper-content-tabs .content > li > div{color:#000}
.made-objects .wrapper-content-tabs .content > li > div:first-child{font-family:'Boblic',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:24px; margin-bottom:14px; position:relative; z-index:0}
.made-objects .wrapper-content-tabs .content > li > div:first-child:after{content:''; position:absolute; z-index:1; background:url(../images/tab-icons.png) no-repeat -2px -2px; width:46px; height:46px; top:50%; left:-63px; transform:translate(0,-50%)}
.made-objects .wrapper-content-tabs .content > li > div:nth-of-type(2){position:relative; z-index:0; font-family:'scada-regular',Tahoma,sans-serif; line-height:1.3; font-weight:400; font-size:14px; padding-bottom:12px; margin-bottom:15px}
.made-objects .wrapper-content-tabs .content > li > div:nth-of-type(2):before{display:block; content:''; position:absolute; z-index:1; background-color:#c4cacd; width:1px; height:100%; left:-40px; bottom:0}
.made-objects .wrapper-content-tabs .content > li:nth-of-type(2) > div:first-child:after{background-image:url(../images/q.png); width:46px; height:46px; background-repeat:no-repeat; background-position:center top}
.made-objects .wrapper-content-tabs .content > li:nth-of-type(3) > div:first-child:after{background-position:-2px -102px}
.made-objects .wrapper-content-tabs .content > li:nth-of-type(4) > div:first-child:after{background-position:-2px -152px}
.made-objects .wrapper-content-tabs .content > li:nth-of-type(4) > div:nth-of-type(2):before{display:none}
.made-objects .wrapper-content-tabs .container-slider{position:absolute; z-index:0; top:0; right:0; bottom:auto; left:auto; float:right; width:567px}
.made-objects .wrapper-content-tabs .container-slider .bx-wrapper .bx-pager{text-align:left}
.made-objects .wrapper-content-tabs .container-slider .bx-controls{display:none}
.made-objects .wrapper-content-tabs .container-slider.has-slider .bx-controls{display:block}
.made-objects .list-complexit{margin-bottom:35px; text-align:center}
.made-objects .list-complexit li{display:block; text-transform:uppercase; color:#000; font-family:'Boblic',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:24px}
.made-objects .order-blocks{margin-bottom:90px; margin-top:35px}
.made-objects .order-blocks .icon{position:absolute; z-index:0; border-radius:50%; background:url(../images/bg/bg-round.png) no-repeat center / contain; width:118px; height:118px; left:50%; top:50%; transform:translate(-50%,-50%)}
.made-objects .order-blocks .icon:after{content:''; position:absolute; z-index:1; top:50%; left:50%; margin-top:-31px; margin-left:-22px; background:url(../images/main-srite.png) no-repeat -187px -2px; width:45px; height:62px}

.about{position:relative; z-index:1; background-color:#b9d4db; background-repeat:no-repeat; background-position:center; background-size:cover; padding:100px 0}
.about .title{margin:0 auto; font-family:'scada-bold',Tahoma,sans-serif; line-height:1; font-weight:700; font-size:48px; color:#000; border-bottom:3px solid #000; text-transform:uppercase; text-align:center; margin-bottom:30px}
.about-images{margin:0 -30px; font-size:0; text-align:center}
.about-images-item{margin:15px; display:inline-block; vertical-align:top}

.ya-map, .ya-map .container .content-map{height:710px}
.ya-map{position:relative; overflow:hidden}
.ya-map .wrapper-map{position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%}
.ya-map{position:relative; z-index:2}
.ya-map .container .content-map{top:0; right:calc((-100vw + 100%) / 2); background:url(../images/bg/bg-content-map.png) no-repeat left bottom; width:50vw; position:absolute; z-index:1}
.ya-map .content-map-inner{position:absolute; left:0; bottom:0; right:0; padding-left:150px; padding-bottom:30px}
.ya-map .content-map .sub-title{font-family:'scada-bold',Tahoma,sans-serif; line-height:1; font-weight:700; font-size:30px; padding-bottom:34px}
.ya-map .list-contacts{}
.ya-map .list-contacts li{position:relative; z-index:0; margin-top:45px}
.ya-map .list-contacts li:first-child{margin-top:0}
.ya-map .list-contacts li span{margin-top:3px; display:block; color:#000; font-family:'scada-regular',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:18px}
.ya-map .list-contacts li i{position:absolute; z-index:0; top:50%; transform:translate(0,-50%); left:-62px; display:block; width:47px; height:47px; border-radius:50%; border:1px solid #cccbc6}
.ya-map .list-contacts li i:after{background:url(../images/main-srite.png) no-repeat; content:''; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); background-repeat:no-repeat}
.ya-map .list-contacts li:first-child i:after{background-position:-2px -128px; width:20px; height:21px; top:51%; left:49%}
.ya-map .list-contacts li:nth-of-type(2) i:after{background-position:-26px -128px; width:17px; height:25px; top:52%; left:49%}
.ya-map .list-contacts li:nth-of-type(3) i:after{background-position:-47px -128px; width:22px; height:18px; top:52%; left:49%}
.ya-map .list-contacts li:nth-of-type(4) i:after{position:absolute; z-index:1; top:50%; transform:translate(-50%,-50%); background-position:-73px -128px; width:23px; height:24px; left:48.8%}

.any-complexity{background-color:#b9d4db; background-repeat:no-repeat; background-position:center; background-size:cover; padding:100px 0}
.any-complexity h2{text-align:center}
.any-complexity h2 span{display:block; color:#000; font-family:'Boblic',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:24px}
.any-complexity h1{margin-top:12px; padding-top:17px; text-align:center; position:relative; z-index:0; font-family:'scada-bold',Tahoma,sans-serif; line-height:1; font-weight:700; font-size:48px; color:#000; margin-bottom:25px; text-transform:uppercase}
.any-complexity h1:after{content:''; position:absolute; z-index:1; width:706px; height:3px; left:50%; top:0; transform:translate(-51%,0); background-color:#000}
.any-complexity .list-complexit{margin-bottom:85px; text-align:center}
.any-complexity .list-complexit li{display:block; text-transform:uppercase; color:#000; font-family:'Boblic',Tahoma,sans-serif; line-height:1.2; font-weight:400; font-size:24px}
.any-complexity .order-blocks .icon{position:absolute; z-index:0; border-radius:50%; background:url(../images/bg/bg-round.png) no-repeat center / contain; width:118px; height:118px; left:50%; top:50%; transform:translate(-50%,-50%)}
.any-complexity .order-blocks .icon:after{content:''; position:absolute; z-index:1; top:50%; left:50%; margin-top:-31px; margin-left:-22px; background:url(../images/main-srite.png) no-repeat -187px -2px; width:45px; height:62px}

.footer{background-color:#505c62; padding:35px 0}
.footer .copyright{font-family:'scada-regular',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:14px; color:#fff; padding-left:36px; position:relative}
.footer .copyright:after{content:''; position:absolute; z-index:1; top:-8px; left:0; background:url(../images/main-srite.png) no-repeat -187px -68px; width:29px; height:27px}

.tab-controls{margin-bottom:20px; text-align:center}
.tab-controls > li{margin:0 10px 20px; display:inline-block; vertical-align:top}
.tab-controls > li > span{display:flex; align-items:center; justify-content:center; padding:.4em .8em; cursor:pointer; border-radius:20px; box-shadow:0 1px 3px rgba(0,0,0,0.6); background:#fcfcfc; background:linear-gradient(to bottom,#e2e2e2 0%,#cfcfcf 100%); position:relative; z-index:0; color:#b7b7b7; font-family:'Boblic',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:30px}
.tab-controls > li > span:after{content:''; position:absolute; z-index:1; background-image:url(../images/bg/arrow.png); background-repeat:no-repeat; background-position:center top; left:50%; display:none; bottom:-17px; transform:translate(-50%,0); width:23px; height:17px}
.tab-controls > li > span.active:after{display:block}
.tab-controls > li > span.active, .tab-controls > li > span:hover{color:#010101; text-shadow:0 2px 0 #fff}

.wrapper-list-company{margin-top:461px; padding-left:40px}
.about .bx-wrapper img{cursor:pointer; max-height:627px}
.about .bx-wrapper .bx-next{right:-70px!important}
.img-slide{display:none; position:fixed; z-index:100; top:50%; left:50%; height:90%; transform:translate(-50%,-50%)}
.wrapper-img-slider{width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:fixed; z-index:100; left:0; top:0; display:none}

.modals{position:fixed; top:0; left:0; right:0; bottom:0; padding:1em; z-index:10000; overflow-y:auto; background:rgba(36,45,54,.89); font-family:'scada-regular', Tahoma, sans-serif; line-height:1.3}
.modals, .modal{opacity:0; visibility:hidden; transition-property:opacity, visibility; transition-duration:.5s}
.modals-inner{min-height:100%; display:flex; align-items:center; justify-content:center}
.modals.active, .modal.active{opacity:1; visibility:visible}
.modal{padding:54px 37px 37px; position:relative; border-radius:20px; color:#000; background:#fff; box-shadow:0 0 4px rgb(0 0 0 / 50%); max-width:385px; width:100%; margin:auto; display:none}
.modal.active{z-index:1}
.modal-title{text-align:center; font-family:'Boblic', Tahoma, sans-serif; font-size:30px; color:#000; margin-bottom:17px}
.modal-x{display:block; position:absolute; top:18px; right:18px; width:1.75em; height:1.75em; color:#7D7D7D; z-index:9999}
.modal-x:before, .modal-x:after{content:''; position:absolute; width:100%; border-top:2px solid; top:50%; left:0; margin-top:-1px}
.modal-x:before{transform:rotate(-45deg) scale(.8)}
.modal-x:after{transform:rotate(45deg) scale(.8)}
html.modal_overflow{overflow-y:hidden}

.site-forms .form{font-family:'scada-regular', Tahoma, sans-serif; line-height:1.3}
.site-forms .form-field{margin-top:10px}
.site-forms .form-field:nth-of-type(1){margin-top:0}
.site-forms .form-input{appearance:none; -webkit-appearance:none; -moz-appearance:none; background-color:#eef2f4; box-shadow:inset 0 2px 3px rgba(0,0,0,0.3); border-radius:5px; border:1px solid transparent; display:block; width:100%; height:42px; color:#000; font-family:'scada-regular',Tahoma,sans-serif; line-height:1; font-weight:400; font-size:18px; padding:7px 15px}
.site-forms .form-input_error{border-color:#f00}
.site-forms .form-field-error{margin-top:.5em; font-size:12px; color:#f00}
.site-forms .form-private{margin-top:13px; font-size:14px}
.site-forms .form-submit{margin-top:16px}
.site-forms .form-submit-btn{appearance:none; -webkit-appearance:none; -moz-appearance:none; min-height:60px; border-radius:30px; width:100%; cursor:pointer; box-shadow:0 1px 1px 1px rgb(0 0 0 / 60%); font-family:'scada-bolditali', Tahoma, sans-serif; line-height:1; font-weight:700; font-size:23px; font-style:italic; text-align:center; color:#fff; background:linear-gradient(to bottom, #dfdfdf 0%,#e3e3e3 2%,#e7e7e7 7%,#ededed 8%,#ededed 10%,#f1f1f1 12%,#f3f3f3 15%,#fafafa 19%,#f6f6f6 20%,#f9f9f9 22%,#f8f8f8 31%,#f5f5f5 34%,#f1f1f1 36%,#ebebeb 41%,#ebebeb 42%,#dcdcdc 51%,#d6d6d6 53%,#d7d7d7 54%,#c9c9c9 59%,#c2c2c2 64%,#bababa 66%,#b3b3b3 71%,#aeaeae 73%,#a5a5a5 78%,#9d9d9d 80%,#9c9c9c 81%,#969696 83%,#8f8f8f 88%,#868686 92%,#888888 93%,#818181 95%,#838383 97%,#7c7c7c 100%)}
.site-forms .form-submit-btn-inner{max-width:246px; min-height:52px; margin:auto; padding:4px; border-radius:26px; box-shadow:0 1px 1px 1px rgb(0 0 0 / 40%); display:flex; align-items:center; justify-content:center; background:linear-gradient(to bottom, #ff1c20 0%,#ff2328 8%,#ff3236 15%,#ff3e42 40%,#ff3c41 42%,#ff070e 44%,#ff070e 52%,#fc0306 60%,#d60001 73%,#c60001 81%,#c50000 85%,#c60001 88%,#cc0203 90%,#df0810 94%,#e91018 96%,#f71420 98%,#ff1b27 100%)}
.site-forms .form-submit-btn:hover .form-submit-btn-inner{background:linear-gradient(to bottom, #ff070a 0%,#ff1214 8%,#ff2023 15%,#ff282b 21%,#ff3439 35%,#ff353a 42%,#ff060b 44%,#ff0509 56%,#f30305 60%,#d20001 69%,#be0001 73%,#9e0000 81%,#940001 88%,#9a0102 90%,#a60203 92%,#c30609 96%,#e7070c 100%)}
.site-forms .form-message{text-align:center; margin-top:1em}
.site-forms .form-message:empty, .form-field-error:empty{display:none}
.site-forms .form-required{font-size:12px; margin-top:1em; text-align:center}

@media screen and (max-width:1023px)
{
    .wrapper-form{padding:30px}
    
    .slider, .slider-item{height:750px}
	
	.wrapper-slider{margin-bottom:50px}
    
    .top-content .title{font-size:48px}
    .account .title span, .in-active h1, .complexity h1, .order-block h1, .about .title, .any-complexity h1, .account .list-account > li > div.wrapper-progress .container span{font-size:32px}
    .order-block .left-block .list-left-block > li, .made-objects h2 span, .ya-map .content-map .sub-title, .top-content .sub-title > span:first-child > span{font-size:24px}
    .top-content .sub-title > span:nth-child(2), .account .sub-title, .in-active h2, .tab-controls > li > span > span, .made-objects h1, .any-complexity h2 span, .any-complexity .list-complexit li, .account .list-account > li > div.content-account span, .header-contact-tel{font-size:18px}
    
    .account, .order-block, .about, .any-complexity{padding:50px 0}
    
    .account{margin-bottom:50px}
    
    .order-block .left-block{float:none; padding-left:0; max-width:480px; margin:0 auto}
    .order-block .left-block .list-left-block{width:auto; margin-top:40px}
    .order-block .left-block .list-left-block > li{padding-left:25px}
    .order-block .left-block .list-left-block > li:after{width:20px; height:18px; left:0; top:50%; transform:translateY(-50%)}
    .order-block .left-block > p{width:auto}
    .order-block .left-block > p:after{display:none}
    .order-block .right-block{float:none; margin:20px auto 0}
    .order-block .right-block .wrapper-form{margin:0 auto}
    
    .made-objects .wrapper-content-tabs .content{float:none; width:auto}
    .made-objects .wrapper-content-tabs .container-slider{position:static; float:none; width:auto}
    .made-objects .wrapper-content-tabs .container-slider.has-slider .bx-controls-direction{display:none}
    .made-objects .wrapper-content-tabs .container-slider.has-slider .bx-pager{position:static; text-align:center}
    
    .about-images-item{width:200px}
    
    .ya-map, .ya-map .container .content-map{height:600px}
    .ya-map .container .content-map{width:55vw}
    
    .social{bottom:10px; right:10px}
}
@media screen and (max-width:767px)
{
    .header{top:0}
    .header-logo{width:160px; padding-right:10px}
    .header-decription-inner{padding-left:10px; padding-right:10px; font-size:13px}
	
	.wrapper-slider{margin-bottom:30px}
    
    .top-content .title{font-size:32px}
    .account .title span, .in-active h1, .complexity h1, .order-block h1, .about .title, .any-complexity h1, .account .list-account > li > div.wrapper-progress .container span{font-size:24px}
	.top-content .sub-title > span:first-child > span, .complexity h2 span{font-size:18px}
    
    .top-content .sub-title{margin-top:20px}
    .top-content-outer{padding:100px 0 0}
    
    .order-blocks{margin-top:50px; padding:8px}
    
    .slider, .slider-item{height:500px}
    
    .ya-map, .ya-map .container .content-map{height:auto}
    .ya-map .container .content-map{position:static; width:100%; background:none}
    .ya-map .content-map-inner{position:static; padding:30px 0}
    .ya-map .wrapper-map{position:static; height:350px}
    .ya-map .list-contacts{margin-left:65px}
    
    .about-images-item{width:160px}
	
	.made-objects .order-blocks{margin-bottom:35px}
	
	.complexities-item{width:50%}
}
@media screen and (max-width:575px)
{
    .slider, .slider-item{height:100vh; min-height:500px}
    
    .header-contact-callback, .header-contact-address{display:none}
    .header-contact-tel{display:block; width:32px; height:32px; background:url(../images/phone.png) no-repeat center / contain; font-size:0; margin-bottom: 0px;}
    .header-contact-tel-dop {display: none;}
    .header-logo{width:120px}
    .header-decription-inner{padding-left:0; border-left:0}
    
    .any-complexity .list-complexit{margin-bottom:40px}
}
@media screen and (max-width:479px)
{
    .order-blocks{margin-top:24px}
    .order-blocks li:nth-child(2) > div a{padding-right:10px}
    .order-blocks li:nth-child(2) > div{padding-left:40px}
    .order-blocks li:first-child > div a{padding-left:10px}
    .order-blocks li:first-child > div{padding-right:40px}
    .order-blocks li.wrapper-link > div a{font-size:16px}
    .order-blocks li.saw, .made-objects .order-blocks .icon, .any-complexity .order-blocks .icon{width:80px; height:80px}
    
    .top-content .sub-title > span:nth-child(2), .account .sub-title, .in-active h2, .tab-controls > li > span > span, .made-objects h1, .any-complexity h2 span, .any-complexity .list-complexit li, .account .list-account > li > div.content-account span{font-size:16px}
	
	.complexities-item{width:100%}
}
@media screen and (max-width:413px)
{
    .header-decription-inner{display:none}
    .order-blocks li.wrapper-link > div a{font-size:15px}
}
@media screen and (max-width:359px)
{
    .modal{padding:25px}
    
    .order-blocks li.wrapper-link > div a{font-size:14px}
}

@keyframes rotate
{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}
@keyframes social__btn-pulsate
{
    0%{transform:scale(1,1)}
    25%{transform:scale(1.1,1.1)}
    50%{transform:scale(1,1)}
}
@keyframes social__pulsate
{
    0%{transform:scale(0.8,0.8); opacity:0}
    25%{opacity:.4}
    50%{transform:scale(1.3,1.3); opacity:0}
    100%{transform:scale(0.8,0.8); opacity:0}
}

.social{position:fixed; bottom:50px; right:65px; height:60px; display:flex; justify-content:center; align-items:center; z-index:1000; user-select:none}
.social__tooltip{position:absolute; right:70px; white-space:nowrap; background:#fff; padding:6px 9px; font-size:13px; border-radius:3px; transform:translateX(0%) translateY(-50%); top:50%; background:#292929; color:#fff; opacity:0; transition:all .1s linear; user-select:none}
.social__tooltip:after{content:""; position:absolute; width:0; height:0; border:solid transparent; border-width:10px; top:50%; right:-20px; transform:translateY(-50%); border-left-color:#292929}
.social__btn_label{position:relative; cursor:pointer; z-index:2; width:60px; height:60px; justify-content:center; align-items:center; border-radius:50%; transition:all .2s ease-in-out; box-shadow:0 0 20px 0 rgba(0,0,0,0.3); overflow:hidden; background:#43d854}
.social__btn_label:hover{box-shadow:0 0 20px 0 rgba(0,0,0,0.4)}
.social__btn_label:hover .social__tooltip{transform:translate(0,0); opacity:1}
.social__btn_label:hover + .social__tooltip{transform:translate(0,0); opacity:1}
.social__btn_label:hover + .social__tooltip:after{opacity:1}
.social__btn_input{display:none}
.social__btn_input:checked ~ a:nth-of-type(1){transition:all .2s ease-in-out; transform:translate(0,-135%)}
.social__btn_input:checked ~ a:nth-of-type(2){transition:all .225s ease-in-out; transform:translate(0,-255%)}
.social__btn_input:checked ~ a:nth-of-type(3){transition:all .25s ease-in-out; transform:translate(0,-375%)}
.social__btn_input:checked ~ a:nth-of-type(4){transition:all .275s ease-in-out; transform:translate(0,-495%)}
.social__btn_input:checked ~ a:nth-of-type(5){transition:all .3s ease-in-out; transform:translate(0,-615%)}
.social__btn_input:checked ~ a:nth-of-type(6){transition:all .325s ease-in-out; transform:translate(0,-735%)}
.social__btn_input:checked ~ a:nth-of-type(7){transition:all .325s ease-in-out; transform:translate(0,-855%)}
.social__btn_input:checked ~ a:nth-of-type(8){transition:all .35s ease-in-out; transform:translate(0,-975%)}
.social__btn_input:checked ~ a:nth-of-type(9){transition:all .375s ease-in-out; transform:translate(0,-1095%)}
.social__btn_input:checked ~ a:nth-of-type(10){transition:all .4s ease-in-out; transform:translate(0,-1215%)}
.social__btn_input:checked ~ a:nth-of-type(11){transition:all .425s ease-in-out; transform:translate(0,-1335%)}
.social__btn_input:checked ~ .social__animated-circle{display:none}
.social__btn_input:checked ~ .social__icon_link{opacity:1; visibility:visible}
.social__btn_input:checked + label{background:#fff!important; animation:none}
.social__btn_input:checked + label .social__bgimg{opacity:0; visibility:hidden}
.social__btn_input:checked + label .social__icon-write{opacity:0; visibility:hidden; transform:scale(0.1)}
.social__btn_input:checked + label .social__icon-close{opacity:1; visibility:visible; transform:scale(1)}
.social__btn:hover{box-shadow:0 0 20px 0 rgba(0,0,0,0.4)}
.social__bgimg{position:absolute; top:0; left:0; right:0; bottom:0; transition:all .2s linear;}
.social__icon{transition:all .3s ease-in-out; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0}
.social__icon-close{opacity:0; visibility:hidden; transform:scale(0.1)}
.social__icon_tooltip{position:absolute; opacity:0; right:80px; white-space:nowrap; background:#fff; padding:9px 13px; font-size:15px; border-radius:3px; transform:translateX(0%) translateY(-50%); top:50%; background:#292929; color:#fff; transition:all .1s linear}
.social__icon_tooltip:after{content:""; position:absolute; width:0; height:0; border:solid transparent; border-width:10px; top:50%; right:-20px; transform:translateY(-50%); border-left-color:#292929}
.social__icon_link{border-radius:50%; box-shadow:0 0 20px 0 rgba(0,0,0,0.3); opacity:0; visibility:hidden; width:50px; height:50px}
.social__icon_link:hover{box-shadow:0 0 20px 0 rgba(0,0,0,0.4)}
.social__icon_link:hover .social__tooltip{opacity:.85}

/*Анимация пульсации*/

.pulse {
    border-radius: 50%;
    cursor: pointer;
    animation: pulse 2s infinite;
  }
.pulse:hover {
    animation: none;
}
  
  @keyframes pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        box-shadow: 0 0 0 50px rgba(204,169,44, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
  }

/*Конец анимации пульсации*/

/*Смена иконок*/

@keyframes fadeIm-1
{
    from        { opacity: 0; }
    22.22%      { opacity: 1; }
    33.33%      { opacity: 0; }
    44.44%      { opacity: 0; }
    55.55%      { opacity: 0; }
    66.66%      { opacity: 0; }
    77.77%      { opacity: 0; }
    88.88%      { opacity: 0; }
    to          { opacity: 0; }
}
@keyframes fadeIm-2
{
    from        { opacity: 0; }
    22.22%      { opacity: 0; }
    33.33%      { opacity: 0; }
    44.44%      { opacity: 1; }
    55.55%      { opacity: 0; }
    66.66%      { opacity: 0; }
    77.77%      { opacity: 0; }
    88.88%      { opacity: 0; }
    to          { opacity: 0; }
}
@keyframes fadeIm-3
{
    from        { opacity: 0; }
    22.22%      { opacity: 0; }
    33.33%      { opacity: 0; }
    44.44%      { opacity: 0; }
    55.55%      { opacity: 0; }
    66.66%      { opacity: 1; }
    77.77%      { opacity: 0; }
    88.88%      { opacity: 0; }
    to          { opacity: 0; }
}
@keyframes fadeIm-4
{
    from        { opacity: 0; }
    22.22%      { opacity: 0; }
    33.33%      { opacity: 0; }
    44.44%      { opacity: 0; }
    55.55%      { opacity: 0; }
    66.66%      { opacity: 0; }
    77.77%      { opacity: 0; }
    88.88%      { opacity: 1; }
    to          { opacity: 0; }
}
 
.im-1{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0px;
    animation-name: fadeIm-1;
    animation-duration: 14s;
    animation-iteration-count: infinite;

}
.im-2{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0px;
    animation-name: fadeIm-2;
    animation-duration: 14s;
    animation-iteration-count: infinite; 
}
.im-3{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0px;
    animation-name: fadeIm-3;
    animation-duration: 14s;
    animation-iteration-count: infinite; 
}
.im-4{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0px;
    animation-name: fadeIm-4;
    animation-duration: 14s;
    animation-iteration-count: infinite; 
}

.im-1:active {
    animation: none;
}
.im-2:active {
    animation: none;
}
.im-3:active {
    animation: none;
}
.im-4:active {
    animation: none;
}

/*Конец смены иконок*/

/* Широкая версия модалки для политики */
.modal.modal-policy {
  max-width: 800px;   /* сделай шире, чем у формы */
  width: 90%;         /* адаптивно */
}

.modal.modal-policy .modal-content {
  max-height: 70vh;   /* ограничение по высоте */
  overflow-y: auto;   /* прокрутка при длинном тексте */
  padding: 20px;      /* побольше отступы для текста */
  text-align: left;   /* выравнивание текста */
  line-height: 1.5;
}

.policy-link a {color:#fff;font-family:'scada-regular',Tahoma,sans-serif;margin: 10px auto;
    display: block;
    text-align: center;}
    
/* === Согласие на обработку данных — финальная версия === */

.site-forms .form-agree label {
  display: inline-flex !important;   /* чекбокс и текст в одну линию */
  align-items: flex-start;           /* выравнивание по верхней линии */
  gap: 6px;                          /* отступ между галочкой и текстом */
  width: 100%;
  cursor: pointer;
}

.site-forms .form-agree input[type="checkbox"] {
  margin-top: 2px;   /* чуть опустить галочку, чтобы было по центру текста */
  flex-shrink: 0;    /* не сжимается */
}

.site-forms .form-agree span {
  display: inline-block;
  line-height: 1.45;
  color: #333;
  font-size: 14px;
  text-align: left;
}

.site-forms .form-agree span a {
  color: #0056b3;
  text-decoration: underline;
}