* {padding: 0; margin: 0; list-style: none}
a {text-decoration: none; outline: none; transition: all .2s ease-in-out}
div {font-family: "Manrope", sans-serif; font-optical-sizing: auto}
b, strong {font-weight: 600}
img {border: 0}
.clear {clear: both}
.left {float: left}
.right {float: right}
.center {text-align: center}

@media (max-width: 700px) {
	html {font-size: .8px; line-height: 1.5}
	.page {position: relative; z-index: 5; padding: 0 5%}
	.menu {display: flex; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 120rem; z-index: 100; background: #fff; transition: all .2s ease-in-out; border-bottom: 2rem solid #ececec}
	.menu .page {display: flex; align-items: center; height: 100%}
	.menu .logo {display: block; width: 200rem; height: auto; position: relative; z-index: 10}
	.menu-hide {cursor: pointer; position: absolute; top: 50%; margin-top: -25px; right: 10rem; z-index: 200}
	.open {width: 20%; height: 100vh}	
	.navi {position: fixed; top: 0; left: 0; width: 80%; height: 100%; z-index: 100; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 20rem; font-weight: 500; text-transform: uppercase; line-height: 54rem; transition: all .2s ease-in-out; border-top-right-radius: 20px; border-bottom-right-radius: 20px; transform: translateX(-100%); overflow: hidden; background: #fff}
	.navi:before {content: ""; display: block; width: 50%; padding-bottom: 45%; position: absolute; top: 5%; left: 25%; background: url(img/logo.png) center no-repeat; background-size: contain}
	.navi ul {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; font-weight: 300}
	.login {display: flex; align-items: center; position: absolute; z-index: 10; left: 50%; bottom: 10%; transform: translateX(-50%)}
	.login-lnk {font-size: 16rem; font-weight: 300; line-height: 32rem; margin-right: 15rem; text-align: center}
	.star {width: 44rem; height: 44rem; background: #25cc5d; border-radius: 8rem; display: flex; align-items: center; justify-content: center}
	.star img {display: block; width: 26rem; height: auto; filter: grayscale(1) brightness(5)}
	.smaller {height: 80rem}	
	.showmenu {transform: translateX(0) !important; box-shadow: 0 0 20rem 0 rgba(0,0,0,0.2)}
	.top {margin-top: 120rem; position: relative; height: 98vw; margin-bottom: 32vw}
	.top-bg {display: block; width: 100%; height: 100%; position: relative; z-index: 1; object-fit: cover}
	.tp1 {display: block; width: 26vw; height: auto; position: absolute; top: 77vw; right: 5vw; z-index: 5}
	.tp2 {display: block; width: 74vw; height: auto; position: absolute; top: 73vw; left: 5vw; z-index: 3}
	.welcome {width: 76vw; padding: 8vw 8vw 12vw 8vw; background: #fff; border-radius: 4vw; position: absolute; top: 6vw; left: 4vw; z-index: 2; color: #043751; font-size: 3.5vw; line-height: 1.3}
	.welcome h1 {font-size: 7vw; font-weight: 600; margin-bottom: 3vw; line-height: 1.2}
	.welcome-desc {padding-left: 7vw; background: url(img/star.png) 0 0 no-repeat; background-size: 4vw; margin-bottom: 3vw}
	.check {font-weight: 500; color: #fff; padding: 0 7vw; line-height: 10vw; background: #25cc5d; border-radius: 2vw; display: inline-block; margin-bottom: 4vw}
	.welcome-why {display: flex; align-items: center}
	.welcome-why-box {display: flex; align-items: center; font-size: 2.5vw; font-weight: 500}
	.welcome-why-box img {display: block; width: 7vw; height: auto}
	.welcome-why-box span {display: block; margin: 0 0 0 2vw; width: 33vw}
	.container {padding-top: 100rem; position: relative; z-index: 1; overflow: hidden; font-size: 20rem; line-height: 33rem; color: #043751; font-weight: 300}
	.container h2, .service h3 {font-size: 38rem; line-height: 1.2; font-weight: 600; margin-bottom: 33rem}
	.for-who {display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 0 30rem 0; font-weight: 500; line-height: 5.5vw; font-size: 4vw}
	.for-who li {width: 49%; margin: 0 0 30rem 0}
	.for-who li a {width: 90%; padding: 0 5% 30rem 5%}
	.for-who li img {display: block; width: 11vw; height: auto; margin-right: 3vw}
	.col {margin-bottom: 60rem}
	.col strong, .contact strong, .smlpage strong, .f25 {font-size: 24rem}
	.logos {display: flex; flex-wrap: wrap; justify-content: center}
	.logos span {display: block; width: 40%; height: 22vw; margin: 20rem 4%}
	.oms {margin: 100rem 0 40rem 0; font-size: 24rem; font-weight: 600}
	.oms img {display: block; width: 250rem; height: auto; margin-bottom: 30rem}
	.oms-video {height: 49vw; border-radius: 25rem; overflow: hidden}
	.oms-more {display: flex; width: fit-content; align-items: center; justify-content: space-between; height: 78rem; padding: 0 30rem; font-weight: 500; color: #043751; border: 2rem solid #043751; border-radius: 8rem; margin: 40rem 0 110rem 0}
	.oms-more img {display: block; width: 12rem; height: auto; transition: all .2s ease-in-out; margin-left: 10rem}
	.future {padding: 0 0 40rem 0; text-align: center; font-weight: 600}
	.producent {display: flex; flex-wrap: wrap; justify-content: center; align-items: center}
	.producent img {display: block; width: auto; height: auto; max-width: 100%; max-height: 14vw}
	.service {background: #25cc5d; color: #fff; font-weight: 400; padding: 80rem 0 20rem 0; margin-bottom: 100rem}
	.service h3 {margin-bottom: 0}
	.logo-white {display: block; width: 220rem; height: auto; filter: grayscale(1) invert(1) brightness(5); margin-bottom: 40rem}
	.numbers {display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 18rem; font-weight: 400; margin: 60rem 0 10rem 0}
	.numbers .counter {font-size: 40rem; display: block; line-height: 1.4}
	.numbers li {padding-left: 55rem; width: calc(48% - 55rem); margin: 0 0 50rem 0}
	.numbers li.units {padding-left: 80rem; width: calc(100% - 80rem); border-bottom: 2rem solid #ececec; padding-bottom: 50rem}
	.units {background: url(img/units.png) 0 0 no-repeat; background-size: 59rem; position: relative}
	.dot {background: url(img/dot.png) 0 7rem no-repeat; background-size: 42rem}
	.water {background: url(img/b2.png) 0 7rem no-repeat; background-size: 42rem}
	.fire {background: url(img/b3.png) 0 7rem no-repeat; background-size: 42rem}
	.energy {background: url(img/b4.png) 0 7rem no-repeat; background-size: 42rem}
	.hl {margin: 80rem 0; padding: 45rem 30rem; border: 2rem solid #71d7ff; border-radius: 15rem; background: #fff}
	.hl span {display: block; padding-left: 65rem; background: url(img/star.png) left no-repeat; background-size: 42rem; font-size: 26rem; font-weight: 700; line-height: 1.3; margin-bottom: 30rem}
	.hl a {display: inline-block; margin-left: 65rem; padding: 0 30rem; line-height: 70rem; background: #25cc5d; border-radius: 8rem; font-weight: 500; color: #fff; white-space: nowrap}
	.mount-img {display: block; width: 100vw; height: auto; margin: 80rem 0 0 -5vw}
	.ibg {display: none}
	.vtop {align-items: flex-start}
	.connect {background: #043751; margin-bottom: 100rem}
	.connect-desc {display: flex; height: 300rem; align-items: center; padding: 0 5% 0 140rem; background: url(img/ln.png) left no-repeat; background-size: contain; font-size: 30rem; color: #fff; line-height: 44rem; font-weight: 600} 
	.ags {display: flex; flex-wrap: wrap; font-weight: 400; font-size: 20rem; line-height: 28rem; justify-content: space-between}
	.ags li {width: 48%; margin: 20rem 0; text-align: center}
	.ags li img {display: block; width: auto; height: 74rem; margin: 0 auto 20rem auto}
	.footer {background: #14222e; padding: 130rem 0 90rem 0; border-top: 35rem solid #71d7ff; font-weight: 400; color: #fff; font-size: 25rem; line-height: 38rem}
	.contact .logo-white {width: 200rem; margin-bottom: 10rem}
	.social img {width: auto; height: 44rem; margin-right: 15rem; transition: all .2s ease-in-out}
	.footer .flex {display: flex; flex-direction: column}
	.footer .flex div {margin-bottom: 40rem}
	.sub-top {height: 54vw; overflow: hidden}
	.sub-top img, .b-foto img {display: block; width: 100%; height: 100%; object-fit: cover}
	.mt {margin-top: 120rem}
	.mb {margin-bottom: 120rem !important}
	.b-foto {height: 60vw; overflow: hidden; margin-bottom: 60rem; border-radius: 15rem}
	.container h3 {font-size: 25rem; line-height: 1.2; font-weight: 600; margin: 33rem 0}
	.sub-title {font-size: 5vw; line-height: 7vw; color: #fff; font-weight: 400; background: #043751; height: 60vw; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center}
	.sub-title br {display: none}
	.sub-title strong {display: block; font-size: 7vw; line-height: 9vw; font-weight: 600}
	.platform {padding: 0 5%}
	.platform:before, .platform:after, .con:before, .con:after {content: ""; display: block; width: 26vw; height: 58vw; position: absolute}
	.platform:before {background: url(img/lg.png) no-repeat; background-size: contain; bottom: -40vw; right: 10%}
	.platform:after {background: url(img/lb.png) no-repeat; background-size: contain; top: -40vw; left: 10%}
	.blue {position: relative}
	.blue:before {content: ""; display: block; width: 100%; height: 1040rem; background: #71d7ff; position: absolute; top: 120rem; left: 0; z-index: 1}
	.blue img {display: block; width: auto; height: auto; max-width: 100%; margin: auto}
	.p05 {width: 658rem !important; margin-top: -50rem !important}
	.p06 {width: 634rem !important; position: relative; z-index: 2; margin-bottom: 50rem !important}
	.p07 {width: 634rem !important; margin-bottom: -100rem !important}
	.p08 {width: 743rem !important; margin-top: -50rem !important}
	.specpad {padding-bottom: 150rem}
	.vbot {align-items: flex-end}
	.vbot ul {font-weight: 600; margin: 0 !important}
	.p13 {width: 634rem !important}
	.p14 {width: 629rem !important; margin: -50rem 0 !important}
	.nr {counter-reset: counter; margin-top: 60rem}
	.nr li {font-weight: 500; padding-left: 75rem; margin-bottom: 30rem; position: relative; counter-increment: counter}
	.nr li:before {content: counter(counter); font-size: 29rem; width: 52rem; line-height: 52rem; text-align: center; background: #71d7ff; border-radius: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
	.offer {padding: 0 10%}
	.offer img {display: block; width: 50vw; height: auto; filter: grayscale(1) invert(1) brightness(5); margin-bottom: 15rem}
	.offer:before, .offer:after {content: ""; display: block; width: 61.65vw; height: 43.05vw; position: absolute; top: 50%}
	.offer:before {background: url(img/lf.png) no-repeat; background-size: contain; left: 50%; margin-left: -102vw; transform: translateY(-50%)}
	.offer:after {background: url(img/lr.png) no-repeat; background-size: contain; left: 50%; margin-left: 40vw; transform: translateY(-50%) rotate(180deg)}
	.price {border: 2rem solid #25cc5d; border-radius: 25rem; overflow: hidden}
	.price-logo {padding: 45rem 30rem}
	.price-logo img {display: block; width: 254rem; height: auto}
	.price-body {background: #25cc5d; color: #fff; padding: 35rem 30rem}
	.price-body ul {margin: 20rem 0 10rem 0 !important}
	.price-body ul li:before {font-size: 40rem}
	.price-body ul li strong {font-size: 33rem}
	.price-body ul li {padding-left: 35rem !important; margin-bottom: 10rem}
	.price-body span {font-size: 17rem}
	.container h4 {font-size: 37rem; line-height: 1.2; font-weight: 700; margin: 33rem 0}
	.dev-price {border: 2rem solid #25cc5d; border-radius: 25rem; overflow: hidden; margin-bottom: 120rem}
	.dev-title {padding: 35rem 30rem}
	.dev-title h2 {padding-left: 70rem; background: url(img/star.png) left no-repeat; background-size: 52rem; margin: 0}
	.dev-body {background: #043751; padding: 55rem 30rem 35rem 30rem; color: #fff}
	.dev-body ul {margin: 0 !important}
	.dev-body ul li {padding: 0 !important; margin: 0 0 30rem 30rem; border-bottom: 2rem solid #25cc5d; font-size: 17rem}
	.dev-body ul li:before {font-size: 40rem; color: #71d7ff; left: -35rem !important}
	.dev-body ul li strong {font-size: 25rem; font-weight: 500}
	.dev-value {display: block; width: 200rem; text-align: center; padding: 15rem 0; margin-top: 10rem; border-left: 2rem solid #25cc5d; border-top: 2rem solid #25cc5d; border-right: 2rem solid #25cc5d; border-top-left-radius: 10rem; border-top-right-radius: 10rem; position: relative}
	.dev-value:before {content: ""; display: block; width: 4rem; height: 20rem; z-index: 10; background: #043751; position: absolute; bottom: 0; right: -3rem}
	.dev-soon {display: block; padding: 0 10rem; background: #71d7ff; color: #043751; font-weight: 500; line-height: 34rem; position: absolute; left: 100%; font-size: 14rem; bottom: 20rem; z-index: 20; white-space: nowrap}
	.join {font-weight: 600}
	.con {padding: 0 10%}
	.con:before {background: url(img/lb.png) no-repeat; background-size: contain; top: 50%; left: -15vw; transform: translateY(-50%) scale(.7)}
	.con:after {background: url(img/lg.png) no-repeat; background-size: contain; top: 50%; right: -15vw; transform: translateY(-50%) scale(.7)}
	.adr {display: flex; flex-direction: column}
	.adr-logo img {display: block; width: 256rem; height: auto; margin-bottom: 40rem}
	.adr-contact {font-size: 25rem; line-height: 42rem; font-weight: 600; margin-bottom: 40rem}
	.adr-contact a {color: #043751}
	.adr .social {margin-bottom: 40rem}
	.map {border: 2rem solid #ececec; margin-bottom: 120rem; overflow: hidden; height: 500rem; border-radius: 25rem}
	.map iframe {display: block; width: 100%; height: 100%}
	.form {border-top: 2rem solid #71d7ff}
	.smlpage {padding: 50rem 5% 0 5%}
	.container fieldset {border: 0; display: flex; flex-wrap: wrap; margin: 60rem 5% 20rem 5%}
	.container .form-group {position: relative; width: 100%; margin: 0 0 2% 0}
	.container .ccm-form label {width: 100%; display: block; line-height: 28rem; padding: 0 0 5rem 0; text-align: left; font-size: 17rem}
	.container .ccm-form input[type=text], .container .ccm-form input[type=email], .container .ccm-form input[type=tel], .container .ccm-form input[type=file], .container .ccm-form textarea, .container .ccm-form button, .container .ccm-form select {width: calc(100% - 30rem - 2px); padding: 15rem; border: 1px solid #ddd; background-color: #f7f7f7; font-family: 'Jost', sans-serif; font-weight: 400; font-size: 17rem; line-height: 28rem; border-radius: 8rem}
	.container .ccm-form select {width: 100%}
	.container .ccm-form textarea {height: 200rem !important}
	.container .form-actions {margin: 0 -2%}
	.container .ccm-form button {width: 350rem; display: block; margin: 0 auto; cursor: pointer; color: #fff; background: #25cc5d; font-size: 21rem; font-weight: 500; border: 0}
	.container .checkbox label {display: flex !important; align-items: center}
	.container .checkbox label input {width: 30rem !important; padding: 0 !important; margin: 0 10rem 0 0}
	.container .ccm-form span {display: none}
	.alert.alert-success {text-align: center; margin-top: 60rem}
	.container .alert.alert-danger {display: flex; justify-content: center; margin: 40rem; padding: 40rem; background: #de0000; color: #fff; font-weight: 500; text-align: center}
	.container .form-group:last-child .control-label {display: none !important}
	.devices {padding: 30rem; border: 2rem solid #25cc5d; border-radius: 25rem; margin: 80rem 0 120rem 0}
	.devices hr {margin: 60rem 0}
	.dev-more {display: flex; flex-direction: column; padding-top: 30rem}
	.dev-more .oms-more {margin: 10rem 0 0 0 !important; width: auto !important; justify-content: flex-start !important}
	.dev-more .oms-more img {width: 29rem !important; margin: 0 15rem 0 0 !important}
	.omsys {color: #043751; background: #fff; margin-bottom: -102rem; padding-right: 20vw}
	.omsys:before {content: ""; display: block; width: 50vw; height: 100%; background: url(img/ln.png) right no-repeat; background-size: contain; position: absolute; top: 0; right: 7%}
	.dark {background: #043751; color: #fff; padding: 100rem 0 40rem 0}
	.dark .oms-more {margin-bottom: 0 !important; color: #fff; border-color: #fff}
	.dark .oms-more:hover {background: #fff; color: #043751}
	.dark .oms-more:hover img {filter: none !important}
	.jcc img {display: block; width: auto; height: 80rem !important}
	.darker {background: #14222e}
	.lightblue {background: #71d7ff; padding: 100rem 0 5rem 0}
	.oms-nr {counter-reset: counter; font-weight: 400; font-size: 17rem; line-height: 25rem; padding-top: 30rem}
	.oms-nr li {counter-increment: counter; margin-top: 30rem; padding-left: 60rem; position: relative}
	.oms-nr li:before {content: counter(counter, decimal-leading-zero); display: block; position: absolute; top: 0; left: 0; font-size: 33rem; line-height: 1; font-weight: 600; padding-bottom: 10rem; border-bottom: 2rem solid #043751}
	.switch {display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer; font-weight: 400; margin: 60rem 0 100rem 0}
	.switch img {display: block; width: 21rem; height: auto; margin-left: 10rem}
	.morelogos {margin-bottom: 120rem; margin-top: -190rem; background: #fff}
	.producent li {width: 27.333%; padding: 20rem 3%; display: flex; justify-content: center; align-items: center}
	.vbot .col:nth-child(2) {margin-bottom: 0 !important}
	.p11 {margin-top: -50rem !important}
	.p12 {margin: -50rem 0 0 0 !important}
	.p13 {margin: -50rem 0 -100rem 0 !important}
}

@media (min-width: 701px) and (max-width: 1000px) {
	html {font-size: .8px; line-height: 1.5}
	.page {position: relative; z-index: 5; padding: 0 5%}
	.menu {display: flex; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 120rem; z-index: 100; background: #fff; transition: all .2s ease-in-out; border-bottom: 2rem solid #ececec}
	.menu .page {display: flex; align-items: center; height: 100%}
	.menu .logo {display: block; width: 200rem; height: auto; position: relative; z-index: 10}
	.menu-hide {cursor: pointer; position: absolute; top: 50%; margin-top: -25px; right: 10rem; z-index: 200}
	.open {width: 40%; height: 100vh}	
	.navi {position: fixed; top: 0; left: 0; width: 60%; height: 100%; z-index: 100; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 22rem; font-weight: 500; text-transform: uppercase; line-height: 60rem; transition: all .2s ease-in-out; border-top-right-radius: 20px; border-bottom-right-radius: 20px; transform: translateX(-100%); overflow: hidden; background: #fff}
	.navi:before {content: ""; display: block; width: 50%; padding-bottom: 45%; position: absolute; top: 7%; left: 25%; background: url(img/logo.png) center no-repeat; background-size: contain}
	.navi ul {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; font-weight: 300}
	.navi ul li {margin: 5rem 0}
	.login {display: flex; align-items: center; position: absolute; z-index: 10; left: 50%; bottom: 10%; transform: translateX(-50%)}
	.login-lnk {font-size: 16rem; font-weight: 300; line-height: 32rem; margin-right: 15rem; text-align: center}
	.star {width: 44rem; height: 44rem; background: #25cc5d; border-radius: 8rem; display: flex; align-items: center; justify-content: center}
	.star img {display: block; width: 26rem; height: auto; filter: grayscale(1) brightness(5)}
	.smaller {height: 80rem}	
	.showmenu {transform: translateX(0) !important; box-shadow: 0 0 20rem 0 rgba(0,0,0,0.2)}
	.top {margin-top: 120rem; position: relative; height: 50vw}
	.top-bg {display: block; width: 100%; height: 100%; position: relative; z-index: 1; object-fit: cover}
	.tp1 {display: block; width: 13vw; height: auto; position: absolute; top: 13vw; right: 5vw; z-index: 5}
	.tp2 {display: block; width: 37vw; height: auto; position: absolute; top: 11vw; right: 13vw; z-index: 3}
	.welcome {width: 41vw; padding: 4vw; background: #fff; border-radius: 2vw; position: absolute; top: 4vw; left: 5vw; z-index: 2; color: #043751; font-size: 2.1vw; line-height: 1.3}
	.welcome h1 {font-size: 3.3vw; font-weight: 600; margin-bottom: 2vw; line-height: 1.2}
	.welcome-desc {padding-left: 4vw; background: url(img/star.png) 0 0 no-repeat; background-size: 2.8vw; margin-bottom: 3vw}
	.check {font-weight: 500; color: #fff; padding: 0 2vw; line-height: 5vw; background: #25cc5d; border-radius: 1vw; display: inline-block; margin-bottom: 3vw}
	.welcome-why {display: flex; align-items: center}
	.welcome-why-box {display: flex; align-items: center; font-size: 1.5vw; font-weight: 500}
	.welcome-why-box img {display: block; width: 4vw; height: auto}
	.welcome-why-box span {display: block; margin: 0 0 0 .8vw; width: 15vw}
	.container {padding-top: 100rem; position: relative; z-index: 1; overflow: hidden; font-size: 22rem; line-height: 36rem; color: #043751; font-weight: 300}
	.container h2, .service h3 {font-size: 45rem; line-height: 1.2; font-weight: 600; margin-bottom: 33rem}
	.for-who {display: flex; justify-content: center; flex-wrap: wrap; margin: 0 0 60rem 0; font-weight: 500; line-height: 25rem}
	.for-who li {width: 38%; margin: 0 30rem 30rem 30rem}
	.for-who li a {width: 80%; padding: 0 10% 30rem 10%}
	.for-who li img {display: block; width: 63rem; height: auto; margin-right: 20rem}	
	.col {margin-bottom: 60rem}
	.col strong, .contact strong, .smlpage strong, .f25 {font-size: 28rem}
	.logos {display: flex; flex-wrap: wrap; justify-content: center}
	.logos span {display: block; width: 200rem; height: 115rem; margin: 40rem 25rem}
	.oms {margin: 100rem 0 80rem 0; display: flex; align-items: center; font-size: 25rem; font-weight: 600}
	.oms img {display: block; width: 354rem; height: auto; margin-right: 60rem}
	.oms-video {height: 49vw; border-radius: 25rem; overflow: hidden}
	.oms-more {display: flex; width: fit-content; align-items: center; justify-content: space-between; height: 78rem; padding: 0 30rem; font-weight: 500; color: #043751; border: 2rem solid #043751; border-radius: 8rem; margin: 40rem 0 110rem 0}
	.oms-more img {display: block; width: 12rem; height: auto; transition: all .2s ease-in-out; margin-left: 10rem}
	.future {padding: 0 0 70rem 0; text-align: center; font-size: 25rem; font-weight: 600}
	.producent {display: flex; flex-wrap: wrap; justify-content: center; align-items: center}
	.producent img {display: block; width: auto; height: auto; max-width: 170rem; max-height: 80rem}
	.service {background: #25cc5d; color: #fff; font-weight: 400; padding: 80rem 0 20rem 0; margin-bottom: 100rem}
	.service h3 {margin-bottom: 0}
	.logo-white {display: block; width: 260rem; height: auto; filter: grayscale(1) invert(1) brightness(5); margin-bottom: 40rem}
	.numbers {display: flex; justify-content: center; flex-wrap: wrap; font-size: 25rem; font-weight: 400; margin: 60rem 0 10rem 0}
	.numbers .counter {font-size: 58rem; display: block; line-height: 1.4}
	.numbers li {padding-left: 65rem; width: 30%; margin: 0 20rem 50rem 20rem}
	.numbers li.units {padding-left: 90rem; width: 44%}
	.units {background: url(img/units.png) 0 10rem no-repeat; background-size: 59rem; position: relative}
	.dot {background: url(img/dot.png) 0 22rem no-repeat; background-size: 42rem}
	.water {background: url(img/b2.png) 0 22rem no-repeat; background-size: 42rem}
	.fire {background: url(img/b3.png) 0 22rem no-repeat; background-size: 42rem}
	.energy {background: url(img/b4.png) 0 22rem no-repeat; background-size: 42rem}
	.hl {margin: 120rem 0; padding: 55rem 65rem; border: 2rem solid #71d7ff; border-radius: 15rem; display: flex; align-items: center; justify-content: space-between; background: #fff}
	.hl span {display: block; padding-left: 65rem; background: url(img/star.png) left no-repeat; background-size: 42rem; font-size: 38rem; font-weight: 700; line-height: 1.3}
	.hl a {display: block; margin-left: 40rem; padding: 0 30rem; line-height: 70rem; background: #25cc5d; border-radius: 8rem; font-weight: 500; color: #fff; white-space: nowrap}
	.mount-img {display: block; width: 100vw; height: auto; margin: 80rem 0 0 -5vw}
	.ibg {display: none}
	.vtop {align-items: flex-start}
	.connect {background: #043751; margin-bottom: 100rem}
	.connect-desc {display: flex; height: 434rem; align-items: center; padding: 0 180rem 0 250rem; background: url(img/ln.png) left no-repeat; background-size: contain; font-size: 50rem; color: #fff; line-height: 58rem; font-weight: 600} 
	.ags {display: flex; flex-wrap: wrap; font-weight: 400; font-size: 20rem; line-height: 28rem}
	.ags li {width: 16%; margin: 40rem 2%; text-align: center}
	.ags li img {display: block; width: auto; height: 74rem; margin: 0 auto 20rem auto}
	.footer {background: #14222e; padding: 130rem 0 90rem 0; border-top: 35rem solid #71d7ff; font-weight: 400; color: #fff}
	.contact .logo-white {width: 200rem; margin-bottom: 10rem}
	.social {position: absolute; bottom: 0; right: 0}
	.social img {width: auto; height: 44rem; margin-right: 15rem; transition: all .2s ease-in-out}
	.footer .flex {display: flex; justify-content: space-between; position: relative}	
	.sub-top {height: 436rem; overflow: hidden}
	.sub-top img, .b-foto img {display: block; width: 100%; height: 100%; object-fit: cover}
	.mt {margin-top: 120rem}
	.mb {margin-bottom: 120rem !important}
	.b-foto {height: 560rem; overflow: hidden; margin-bottom: 60rem; border-radius: 15rem}
	.container h3 {font-size: 25rem; line-height: 1.2; font-weight: 600; margin: 33rem 0}
	.sub-title {font-size: 28rem; line-height: 46rem; color: #fff; font-weight: 400; background: #043751; height: 436rem; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center}
	.sub-title strong {font-size: 38rem; font-weight: 600}
	.platform:before, .platform:after, .con:before, .con:after {content: ""; display: block; width: 129rem; height: 287rem; position: absolute}
	.platform:before {background: url(img/lg.png) no-repeat; background-size: contain; top: 0; left: 50%; margin-left: -500rem}
	.platform:after {background: url(img/lb.png) no-repeat; background-size: contain; bottom: 0; left: 50%; margin-left: 365rem}
	.blue {position: relative}
	.blue:before {content: ""; display: block; width: 100%; height: 1040rem; background: #71d7ff; position: absolute; top: 120rem; left: 0; z-index: 1}
	.blue img {display: block; width: auto; height: auto; max-width: 100%; margin: auto}
	.p05 {width: 658rem !important}
	.p06 {width: 634rem !important; position: relative; z-index: 2; margin-bottom: 50rem !important}
	.p07 {width: 634rem !important}
	.p08 {width: 743rem !important}
	.specpad {padding-bottom: 150rem}
	.vbot {align-items: flex-end}
	.vbot ul {font-weight: 600; margin: 0 !important}
	.p13 {width: 634rem !important}
	.p14 {width: 629rem !important}
	.nr {counter-reset: counter; margin-top: 60rem}
	.nr li {font-weight: 500; padding-left: 75rem; margin-bottom: 30rem; position: relative; counter-increment: counter}
	.nr li:before {content: counter(counter); font-size: 29rem; width: 52rem; line-height: 52rem; text-align: center; background: #71d7ff; border-radius: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
	.offer img {display: block; width: 320rem; height: auto; filter: grayscale(1) invert(1) brightness(5); margin-bottom: 15rem}
	.offer:before, .offer:after {content: ""; display: block; width: 411rem; height: 287rem; position: absolute; top: 50%; transform: translateY(-50%)}
	.offer:before {background: url(img/lf.png) no-repeat; background-size: contain; left: 50%; margin-left: -770rem}
	.offer:after {background: url(img/lr.png) no-repeat; background-size: contain; left: 50%; margin-left: 380rem}
	.price {border: 2rem solid #25cc5d; border-radius: 25rem; overflow: hidden}
	.price-logo {padding: 45rem 50rem}
	.price-logo img {display: block; width: 254rem; height: auto}
	.price-body {background: #25cc5d; color: #fff; padding: 35rem 50rem}
	.price-body ul {margin: 20rem 0 10rem 0 !important}
	.price-body ul li:before {font-size: 40rem}
	.price-body ul li strong {font-size: 33rem}
	.price-body ul li {padding-left: 35rem !important; margin-bottom: 10rem}
	.price-body span {font-size: 17rem}
	.container h4 {font-size: 37rem; line-height: 1.2; font-weight: 700; margin: 33rem 0}
	.dev-price {border: 2rem solid #25cc5d; border-radius: 25rem; overflow: hidden; margin-bottom: 120rem}
	.dev-title {padding: 45rem 50rem}
	.dev-title h2 {padding-left: 90rem; background: url(img/star.png) left no-repeat; background-size: 52rem; margin: 0}
	.dev-body {background: #043751; padding: 65rem 50rem 45rem 50rem; color: #fff}
	.dev-body ul {margin: 0 !important}
	.dev-body ul li {padding: 0 280rem 20rem 0 !important; margin: 0 0 30rem 40rem; border-bottom: 2rem solid #25cc5d}
	.dev-body ul li:before {font-size: 40rem; color: #71d7ff; left: -35rem !important}
	.dev-body ul li strong {font-size: 33rem; font-weight: 500}
	.dev-value {display: block; width: 260rem; text-align: center; padding: 30rem 0 20rem 0; border-left: 2rem solid #25cc5d; border-top: 2rem solid #25cc5d; border-right: 2rem solid #25cc5d; border-top-left-radius: 10rem; border-top-right-radius: 10rem; position: absolute; bottom: 0; right: 0}
	.dev-value:before {content: ""; display: block; width: 4rem; height: 20rem; z-index: 10; background: #043751; position: absolute; bottom: 0; left: -3rem}
	.dev-soon {display: block; padding: 0 10rem; background: #71d7ff; color: #043751; font-weight: 500; line-height: 34rem; position: absolute; right: 99%; font-size: 14rem; bottom: 20rem; z-index: 20; white-space: nowrap; margin-right: 2rem}
	.join {font-weight: 600}
	.con:before {background: url(img/lb.png) no-repeat; background-size: contain; top: 0; left: 50%; margin-left: -550rem}
	.con:after {background: url(img/lg.png) no-repeat; background-size: contain; bottom: 0; left: 50%; margin-left: -460rem}
	.adr {display: flex; justify-content: space-between; margin-bottom: 100rem}
	.adr-logo img {display: block; width: 256rem; height: auto}
	.adr-contact {font-size: 25rem; line-height: 42rem; font-weight: 600}
	.adr-contact a {color: #043751}
	.map {border: 2rem solid #ececec; margin-bottom: 120rem; overflow: hidden; height: 570rem; border-radius: 25rem}
	.map iframe {display: block; width: 100%; height: 100%}
	.form {padding-top: 100rem; border-top: 2rem solid #71d7ff}
	.smlpage {width: 770rem; margin: 0 auto}
	.container fieldset {border: 0; display: flex; flex-wrap: wrap; margin: 60rem auto 20rem auto; width: 800rem}
	.container .form-group {position: relative; width: 46%; margin: 0 2% 2% 2%}
	.container .form-group:nth-child(9), .container .form-group:nth-child(10) {width: 96%}
	.container .ccm-form label {width: 100%; display: block; line-height: 28rem; padding: 0 0 5rem 0; text-align: left; font-size: 17rem}
	.container .ccm-form input[type=text], .container .ccm-form input[type=email], .container .ccm-form input[type=tel], .container .ccm-form input[type=file], .container .ccm-form textarea, .container .ccm-form button, .container .ccm-form select {width: calc(100% - 30rem - 2px); padding: 15rem; border: 1px solid #ddd; background-color: #f7f7f7; font-family: 'Jost', sans-serif; font-weight: 400; font-size: 17rem; line-height: 28rem; border-radius: 8rem}
	.container .ccm-form select {width: 100%}
	.container .ccm-form textarea {height: 200rem !important}
	.container .form-actions {margin: 0 -2%}
	.container .ccm-form button {width: 350rem; display: block; margin: 0 auto 60rem auto; cursor: pointer; color: #fff; background: #25cc5d; font-size: 21rem; font-weight: 500; border: 0}
	.container .checkbox label {display: flex !important; align-items: center}
	.container .checkbox label input {width: 30rem !important; padding: 0 !important; margin: 0 10rem 0 0}
	.container .ccm-form span {display: none}
	.alert.alert-success {text-align: center; margin-top: 60rem}
	.container .alert.alert-danger {display: flex; justify-content: center; margin: 40rem; padding: 40rem; background: #de0000; color: #fff; font-weight: 500; text-align: center}
	.container .form-group:last-child .control-label {display: none !important}
	.devices {padding: 50rem; border: 2rem solid #25cc5d; border-radius: 25rem; margin: 80rem 0 120rem 0}
	.devices hr {margin: 60rem 0}
	.dev-more {display: flex}
	.dev-more .oms-more {margin-right: 15rem; margin-bottom: 0 !important}
	.dev-more .oms-more img {width: 29rem !important; margin-right: 15rem !important}
	.omsys {color: #043751; background: #fff; margin-bottom: -102rem}
	.omsys:before {content: ""; display: block; width: 131rem; height: 434rem; background: url(img/ln.png) no-repeat; background-size: cover; position: absolute; top: 0; left: 50%; margin-left: 340rem}
	.dark {background: #043751; color: #fff; padding: 100rem 0 40rem 0}
	.dark .oms-more {margin-bottom: 0 !important; color: #fff; border-color: #fff}
	.dark .oms-more:hover {background: #fff; color: #043751}
	.dark .oms-more:hover img {filter: none !important}
	.jcc img {display: block; width: auto; height: 92rem !important; margin: auto}
	.darker {background: #14222e}
	.lightblue {background: #71d7ff; padding: 100rem 0 5rem 0}
	.oms-nr {counter-reset: counter; display: flex; flex-wrap: wrap; justify-content: space-between; font-weight: 400; font-size: 17rem; line-height: 25rem}
	.oms-nr li {counter-increment: counter; margin-top: 80rem; padding-left: 60rem; position: relative; width: calc(30% - 60rem)}
	.oms-nr li:before {content: counter(counter, decimal-leading-zero); display: block; position: absolute; top: 0; left: 0; font-size: 33rem; line-height: 1; font-weight: 600; padding-bottom: 10rem; border-bottom: 2rem solid #043751}
	.switch {display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer; font-weight: 400; margin: 60rem 0 100rem 0}
	.switch img {display: block; width: 21rem; height: auto; margin-left: 10rem}
	.morelogos {margin-bottom: 120rem; margin-top: -190rem; background: #fff}
	.producent li {width: calc(25% - 40rem); padding: 30rem 20rem; display: flex; justify-content: center; align-items: center}
}

@media (min-width: 1001px) {
	html {font-size: .65px; line-height: 1.5}
	.page {width: 1200rem; margin: auto; position: relative; z-index: 5}
	.menu-hide {display: none}
	.menu {display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 120rem; z-index: 100; background: #fff; transition: all .2s ease-in-out; border-bottom: 2rem solid #ececec}
	.menu .page {display: flex; align-items: center; justify-content: space-between; height: 100%}
	.menu .logo {display: block; width: 155rem; height: auto; position: relative; z-index: 10}
	.navi ul {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 5; display: flex; justify-content: center; font-size: 17rem; line-height: 40rem; font-weight: 300}
	.navi ul li {margin: 0 12rem}
	.login {display: flex; align-items: center; position: relative; z-index: 10}
	.login-lnk {font-size: 13rem; font-weight: 300; line-height: 26rem; margin-right: 12rem; text-align: center}
	.star {width: 38rem; height: 38rem; background: #25cc5d; border-radius: 8rem; display: flex; align-items: center; justify-content: center}
	.star img {display: block; width: 26rem; height: auto; filter: grayscale(1) brightness(5)}
	.smaller {height: 80rem}
	.top {margin-top: 120rem; position: relative; height: 37vw; overflow: hidden}
	.top-bg {display: block; width: 100%; height: 100%; position: relative; z-index: 1; object-fit: cover}
	.tp1 {display: block; width: 9.1vw; height: auto; position: absolute; top: 10.2vw; left: 50%; margin-left: 22.9vw; z-index: 5}
	.tp2 {display: block; width: 25.7vw; height: auto; position: absolute; top: 9vw; left: 50%; z-index: 3}
	.welcome {width: 26.2vw; padding: 3.1vw; background: #fff; border-radius: 1vw; position: absolute; top: 5.5vw; left: 50%; margin-left: -30.6vw; z-index: 2; color: #043751; font-size: 1.1vw; line-height: 1.3}
	.welcome h1 {font-size: 2.3vw; font-weight: 600; margin-bottom: 1.6vw; line-height: 1.2}
	.welcome-desc {padding-left: 2vw; background: url(img/star.png) 0 0 no-repeat; background-size: 1.4vw; margin-bottom: 1.8vw}
	.check {font-weight: 500; color: #fff; padding: 0 2vw; line-height: 3.6vw; background: #25cc5d; border-radius: .4vw; display: inline-block; margin-bottom: 1.8vw}
	.welcome-why {display: flex; align-items: center}
	.welcome-why-box {display: flex; align-items: center; font-size: .75vw; font-weight: 500}
	.welcome-why-box img {display: block; width: 2.4vw; height: auto}
	.welcome-why-box span {display: block; margin: 0 1vw 0 .3vw; width: 9.5vw}
	.container {padding-top: 100rem; position: relative; z-index: 1; overflow: hidden; font-size: 20rem; line-height: 33rem; color: #043751; font-weight: 300}
	.container h2, .service h3 {font-size: 45rem; line-height: 1.2; font-weight: 600; margin-bottom: 33rem}
	.for-who {display: flex; justify-content: space-between; margin: 0 0 60rem 0; font-weight: 500; line-height: 25rem}
	.for-who li {width: 24%}
	.for-who li a {width: 80%; padding: 0 10% 30rem 10%}
	.for-who li img {display: block; width: 63rem; height: auto; margin-right: 20rem}
	.flex {display: flex; justify-content: space-between; align-items: center}
	.col {width: 520rem}
	.col strong, .contact strong, .smlpage strong, .f25 {font-size: 25rem}
	.logos {display: flex; flex-wrap: wrap; justify-content: center}
	.logos span {display: block; width: 200rem; height: 115rem; margin: 40rem 25rem}
	.oms {margin: 100rem 0 80rem 0; display: flex; align-items: center; font-size: 25rem; font-weight: 600}
	.oms img {display: block; width: 354rem; height: auto; margin-right: 60rem}
	.oms-video {height: 700rem; border-radius: 25rem; overflow: hidden}
	.oms-more {display: flex; width: fit-content; align-items: center; justify-content: space-between; height: 78rem; padding: 0 30rem; font-weight: 500; color: #043751; border: 2rem solid #043751; border-radius: 8rem; margin: 40rem 0 110rem 0}
	.oms-more img {display: block; width: 12rem; height: auto; transition: all .2s ease-in-out; margin-left: 10rem}
	.future {padding: 0 130rem 70rem 130rem; text-align: center; font-size: 25rem; font-weight: 600}
	.producent {display: flex; flex-wrap: wrap; justify-content: center; align-items: center}
	.producent img {display: block; width: auto; height: auto; max-width: 200rem; max-height: 84rem}
	.service {background: #25cc5d; color: #fff; font-weight: 400; padding: 80rem 0; margin-bottom: 100rem}
	.service h3 {margin-bottom: 0}
	.logo-white {display: block; width: 260rem; height: auto; filter: grayscale(1) invert(1) brightness(5); margin-bottom: 40rem}
	.numbers {display: flex; justify-content: space-between; font-size: 25rem; font-weight: 400; margin: 60rem 0}
	.numbers .counter {font-size: 58rem; display: block; line-height: 1.4}
	.numbers li {padding-left: 65rem}
	.numbers li.units {padding-left: 90rem}
	.units {background: url(img/units.png) 0 10rem no-repeat; background-size: 59rem; position: relative}
	.units:after {content: ""; display: block; width: 2rem; height: 100%; position: absolute; top: 0; left: 100%; margin-left: 70rem; background: #ececec}
	.dot {background: url(img/dot.png) 0 22rem no-repeat; background-size: 42rem}
	.water {background: url(img/b2.png) 0 22rem no-repeat; background-size: 42rem; width: 210rem}
	.fire {background: url(img/b3.png) 0 22rem no-repeat; background-size: 42rem; width: 200rem}
	.energy {background: url(img/b4.png) 0 22rem no-repeat; background-size: 42rem}
	.hl {margin: 120rem 0; padding: 55rem 65rem; border: 2rem solid #71d7ff; border-radius: 15rem; display: flex; align-items: center; justify-content: space-between; background: #fff}
	.hl span {display: block; padding-left: 65rem; background: url(img/star.png) left no-repeat; background-size: 42rem; font-size: 38rem; font-weight: 700; line-height: 1.3}
	.hl a {display: block; margin-left: 40rem; padding: 0 30rem; line-height: 70rem; background: #25cc5d; border-radius: 8rem; font-weight: 500; color: #fff; white-space: nowrap}
	.mount {position: relative; padding-bottom: 590rem}
	.mount-img {display: block; width: auto; height: 466rem; position: absolute; bottom: 0; left: -30rem}
	.ibg {display: block; width: auto; height: 466rem; position: absolute; bottom: 0; left: 50%; margin-left: -1500rem; z-index: 1}
	.vtop {align-items: flex-start}
	.connect {background: #043751; margin-bottom: 100rem}
	.connect-desc {display: flex; height: 434rem; align-items: center; padding: 0 180rem 0 250rem; background: url(img/ln.png) left no-repeat; background-size: contain; font-size: 50rem; color: #fff; line-height: 58rem; font-weight: 600} 
	.ags {display: flex; flex-wrap: wrap; font-weight: 400}
	.ags li {width: 16%; margin: 40rem 2%; text-align: center}
	.ags li img {display: block; width: auto; height: 74rem; margin: 0 auto 20rem auto}
	.footer {background: #14222e; padding: 130rem 0; border-top: 35rem solid #71d7ff; font-weight: 400; color: #fff}
	.contact .logo-white {width: 200rem; margin-bottom: 10rem}
	.social img {width: auto; height: 44rem; margin-left: 15rem; transition: all .2s ease-in-out}	
	.sub-top {height: 436rem; overflow: hidden}
	.sub-top img, .b-foto img {display: block; width: 100%; height: 100%; object-fit: cover}
	.mt {margin-top: 120rem}
	.mb {margin-bottom: 120rem !important}
	.b-foto {height: 560rem; overflow: hidden; margin-bottom: 60rem; border-radius: 15rem}
	.container h3 {font-size: 25rem; line-height: 1.2; font-weight: 600; margin: 33rem 0}
	.sub-title {font-size: 37rem; line-height: 58rem; color: #fff; font-weight: 400; background: #043751; height: 436rem; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center}
	.sub-title strong {font-size: 50rem; font-weight: 600}
	.platform:before, .platform:after, .con:before, .con:after {content: ""; display: block; width: 129rem; height: 287rem; position: absolute}
	.platform:before {background: url(img/lg.png) no-repeat; background-size: contain; top: 0; left: 50%; margin-left: -500rem}
	.platform:after {background: url(img/lb.png) no-repeat; background-size: contain; bottom: 0; left: 50%; margin-left: 365rem}
	.blue {position: relative}
	.blue:before {content: ""; display: block; width: 100%; height: 1040rem; background: #71d7ff; position: absolute; top: 120rem; left: 0; z-index: 1}
	.blue img {display: block; width: auto; height: auto; max-width: 100%}
	.p05 {position: absolute; top: -40rem; right: -50rem; width: 658rem !important}
	.p06 {width: 634rem !important; position: relative; z-index: 2}
	.p07 {width: 634rem !important; position: absolute; z-index: 1; top: 0; right: 0}
	.p08 {position: absolute; top: -100rem; right: -56rem; width: 743rem !important}
	.specpad {padding-bottom: 150rem}
	.vbot {align-items: flex-end}
	.vbot ul {font-weight: 600; margin: 0 !important}
	.half {display: flex}
	.half img {width: 50% !important}
	.p13 {width: 634rem !important; position: absolute; z-index: 1; top: 100rem; right: 0}
	.p14 {width: 629rem !important; position: absolute; z-index: 1; top: 40rem; right: 0}
	.nr {counter-reset: counter; margin-top: 60rem}
	.nr li {font-weight: 500; padding-left: 75rem; margin-bottom: 30rem; position: relative; counter-increment: counter}
	.nr li:before {content: counter(counter); font-size: 29rem; width: 52rem; line-height: 52rem; text-align: center; background: #71d7ff; border-radius: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
	.offer img {display: block; width: 320rem; height: auto; filter: grayscale(1) invert(1) brightness(5); margin-bottom: 15rem}
	.offer:before, .offer:after {content: ""; display: block; width: 411rem; height: 287rem; position: absolute; top: 50%; transform: translateY(-50%)}
	.offer:before {background: url(img/lf.png) no-repeat; background-size: contain; left: 50%; margin-left: -770rem}
	.offer:after {background: url(img/lr.png) no-repeat; background-size: contain; left: 50%; margin-left: 380rem}
	.price {border: 2rem solid #25cc5d; border-radius: 25rem; overflow: hidden}
	.price-logo {padding: 45rem 50rem}
	.price-logo img {display: block; width: 254rem; height: auto}
	.price-body {background: #25cc5d; color: #fff; padding: 35rem 50rem}
	.price-body ul {margin: 20rem 0 10rem 0 !important}
	.price-body ul li:before {font-size: 40rem}
	.price-body ul li strong {font-size: 33rem}
	.price-body ul li {padding-left: 35rem !important; margin-bottom: 10rem}
	.price-body span {font-size: 17rem}
	.container h4 {font-size: 37rem; line-height: 1.2; font-weight: 700; margin: 33rem 0}
	.dev-price {border: 2rem solid #25cc5d; border-radius: 25rem; overflow: hidden; margin-bottom: 120rem}
	.dev-title {padding: 45rem 50rem}
	.dev-title h2 {padding-left: 90rem; background: url(img/star.png) left no-repeat; background-size: 52rem; margin: 0}
	.dev-body {background: #043751; padding: 65rem 50rem 45rem 50rem; color: #fff}
	.dev-body ul {margin: 0 !important}
	.dev-body ul li {padding: 0 0 20rem 0 !important; margin: 0 0 30rem 40rem; border-bottom: 2rem solid #25cc5d}
	.dev-body ul li:before {font-size: 40rem; color: #71d7ff; left: -35rem !important}
	.dev-body ul li strong {font-size: 33rem; font-weight: 500}
	.dev-value {display: block; width: 260rem; text-align: center; padding: 30rem 0 20rem 0; border-left: 2rem solid #25cc5d; border-top: 2rem solid #25cc5d; border-right: 2rem solid #25cc5d; border-top-left-radius: 10rem; border-top-right-radius: 10rem; position: absolute; bottom: 0; right: 0}
	.dev-value:before {content: ""; display: block; width: 4rem; height: 20rem; z-index: 10; background: #043751; position: absolute; bottom: 0; left: -3rem}
	.dev-soon {display: block; padding: 0 20rem; background: #71d7ff; color: #043751; font-weight: 500; line-height: 47rem; position: absolute; right: 100%; bottom: 20rem; z-index: 20; white-space: nowrap; margin-right: 2rem}
	.join {padding: 0 120rem; font-weight: 600}
	.con:before {background: url(img/lb.png) no-repeat; background-size: contain; top: 0; left: 50%; margin-left: -550rem}
	.con:after {background: url(img/lg.png) no-repeat; background-size: contain; bottom: 0; left: 50%; margin-left: -460rem}
	.adr {display: flex; justify-content: space-between; margin-bottom: 100rem}
	.adr-logo img {display: block; width: 256rem; height: auto}
	.adr-contact {font-size: 25rem; line-height: 42rem; font-weight: 600}
	.adr-contact a {color: #043751}
	.map {border: 2rem solid #ececec; margin-bottom: 120rem; overflow: hidden; height: 570rem; border-radius: 25rem}
	.map iframe {display: block; width: 100%; height: 100%}
	.form {padding-top: 100rem; border-top: 2rem solid #71d7ff}
	.smlpage {width: 770rem; margin: 0 auto}
	.container fieldset {border: 0; display: flex; flex-wrap: wrap; margin: 60rem auto 20rem auto; width: 800rem}
	.container .form-group {position: relative; width: 46%; margin: 0 2% 2% 2%}
	.container .form-group:nth-child(9), .container .form-group:nth-child(10) {width: 96%}
	.container .ccm-form label {width: 100%; display: block; line-height: 28rem; padding: 0 0 5rem 0; text-align: left; font-size: 17rem}
	.container .ccm-form input[type=text], .container .ccm-form input[type=email], .container .ccm-form input[type=tel], .container .ccm-form input[type=file], .container .ccm-form textarea, .container .ccm-form button, .container .ccm-form select {width: calc(100% - 30rem - 2px); padding: 15rem; border: 1px solid #ddd; background-color: #f7f7f7; font-family: 'Jost', sans-serif; font-weight: 400; font-size: 17rem; line-height: 28rem; border-radius: 8rem}
	.container .ccm-form select {width: 100%}
	.container .ccm-form textarea {height: 200rem !important}
	.container .form-actions {margin: 0 -2%}
	.container .ccm-form button {width: 350rem; display: block; margin: 0 auto 60rem auto; cursor: pointer; color: #fff; background: #25cc5d; font-size: 21rem; font-weight: 500; border: 0}
	.container .checkbox label {display: flex !important; align-items: center}
	.container .checkbox label input {width: 30rem !important; padding: 0 !important; margin: 0 10rem 0 0}
	.container .ccm-form span {display: none}
	.alert.alert-success {text-align: center; margin-top: 60rem}
	.container .alert.alert-danger {display: flex; justify-content: center; margin: 40rem; padding: 40rem; background: #de0000; color: #fff; font-weight: 500; text-align: center}
	.container .form-group:last-child .control-label {display: none !important}
	.devices {padding: 50rem; border: 2rem solid #25cc5d; border-radius: 25rem; margin: 80rem 0 120rem 0}
	.devices .col {width: 510rem}
	.devices hr {margin: 60rem 0}
	.dev-more {display: flex}
	.dev-more .oms-more {margin-right: 15rem; margin-bottom: 0 !important}
	.dev-more .oms-more img {width: 29rem !important; margin-right: 15rem !important}
	.omsys {color: #043751; background: #fff; margin-bottom: -102rem}
	.omsys:before {content: ""; display: block; width: 131rem; height: 434rem; background: url(img/ln.png) no-repeat; background-size: cover; position: absolute; top: 0; left: 50%; margin-left: 340rem}
	.dark {background: #043751; color: #fff; padding: 100rem 0}
	.dark .oms-more {margin-bottom: 0 !important; color: #fff; border-color: #fff}
	.dark .oms-more:hover {background: #fff; color: #043751}
	.dark .oms-more:hover img {filter: none !important}
	.jcc img {display: block; width: auto; height: 92rem !important; margin: auto}
	.darker {background: #14222e}
	.lightblue {background: #71d7ff; padding: 100rem 0 5rem 0}
	.oms-nr {counter-reset: counter; display: flex; flex-wrap: wrap; justify-content: space-between; font-weight: 400; font-size: 17rem; line-height: 25rem}
	.oms-nr li {counter-increment: counter; margin-top: 80rem; padding-left: 60rem; position: relative; width: calc(30% - 60rem)}
	.oms-nr li:before {content: counter(counter, decimal-leading-zero); display: block; position: absolute; top: 0; left: 0; font-size: 33rem; line-height: 1; font-weight: 600; padding-bottom: 10rem; border-bottom: 2rem solid #043751}
	.switch {display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer; font-weight: 400; margin: 60rem 0 100rem 0}
	.switch img {display: block; width: 21rem; height: auto; margin-left: 10rem}
	.morelogos {margin-bottom: 120rem; margin-top: -190rem; background: #fff}
	.producent li {width: calc(20% - 40rem); padding: 30rem 20rem; display: flex; justify-content: center; align-items: center}
}

@media (min-width: 1201px) {
	html {font-size: .8px}
}

@media (min-width: 1701px) {
	html {font-size: 1px}
}

#nav-icon {width: 55px; height: 50px; position: absolute; top: 0; right: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out}
#nav-icon i {display: block; position: absolute; right: 20px; height: 2px; width: 25px; background: #25cc5d; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out}
#nav-icon i:nth-child(1) {top: 18px}
#nav-icon i:nth-child(2), #nav-icon i:nth-child(3) {top: 24px}
#nav-icon i:nth-child(4) {top: 30px}
.open #nav-icon i:nth-child(1) {top: 24px; width: 0%; right: 20px}
.open #nav-icon i:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg)}
.open #nav-icon i:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg)}
.open #nav-icon i:nth-child(4) {top: 24px; width: 0%; right: 20px}
.navi ul li a {display: block; color: #14222e; position: relative; padding: 0 8rem}
.navi ul li a:after {content: ""; width: 100%; height: 2px; background: #25cc5d; position: absolute; bottom: 0; left: 0; transform: scale(0,1); transition: all .2s ease-in-out}
.navi ul li a:hover:after, .navi ul li a.nav-path-selected:after {transform: scale(1,1)}
.login-lnk a {display: block; color: #14222e; padding: 0 6rem; border-top: 1rem solid #ededed}
.login-lnk a:first-child {border: 0}
.login-lnk a:hover {color: #25cc5d}
.check:hover {background: #043751}
.logos span img {display: block; width: 100%; height: 100%; object-fit: contain}
.oms-video video {display: block; width: 100%; height: 100%; object-fit: cover; cursor: pointer}
.oms-more:hover, .hl a:hover {color: #fff; background: #043751}
.oms-more:hover img {filter: invert(1) brightness(5)}
hr {display: block; width: 100%; height: 2rem; border: 0; background: #ececec}
.read {position: relative}
.footer a {color: #fff; border-bottom: 1px solid transparent}
.footer li a {display: inline-block}
.footer li a:hover {border-color: #fff}
.footer li a.nav-path-selected {color: #ccc}
.footer li {padding-left: 0 !important}
.footer li:before {display: none !important}
.social a:hover img {opacity: .7}	
.copy {display: flex; align-items: center; justify-content: center; font-size: 13rem; line-height: 20rem; padding: 50rem 5%; color: #666}
.copy img {width: 55px; height: 20px; display: block; margin-left: 10rem}
.for-who li a {display: flex; align-items: center; color: #043751; border-bottom: 2rem solid #ececec}
.for-who li a:hover, .for-who li a.nav-path-selected {border-color: #25cc5d}
.container ul {margin: 33rem 0}
.container ul li {padding-left: 25rem; position: relative}
.container ul li:before {content: "•"; display: block; position: absolute; top: 0; left: 5rem}
.footer .social img, .dark img {filter: invert(1) brightness(3)}
.footer ul {margin: 0 !important}
.devices img {display: block; max-width: 100%; width: auto; height: auto; margin: auto}
.container .ccm-form select {appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5z'/></svg>"); background-repeat: no-repeat; background-position: right 10rem center; background-size: 20rem}
.ags {margin-bottom: 80rem}
.morelogos {opacity: 0; position: relative; z-index: 2}
.visible {animation: show 1s .5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
.ccm-edit-mode .morelogos {display: flex !important; opacity: 1 !important}

.ui-datepicker {font-size: 15px}
.ccm-pagination-wrapper {text-align: center; font-size: 16rem}
.pagination {margin: 0 !important}
.pagination > li {padding: 0 !important; background: none !important}
.pagination > li > a, .pagination > li > span {color: #8a8a8a; border: 0; border-radius: 0}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #8a8a8a; border-color: #8a8a8a; border-radius: 0}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color: #000}

.show {opacity: 0}
.showleft {opacity: 0; transform: translate(-100rem,0)}
.showright {opacity: 0; transform: translate(100rem,0)}
.showtop {opacity: 0; transform: translate(0,-100rem)}
.showbottom {opacity: 0; transform: translate(0,100rem)}
.showscale {opacity: 0; transform: scale(.7)}
.showrotate {opacity: 0; transform: scale(.8) rotate(30deg)}
.showls {opacity: 0; letter-spacing: .2em}
.come-in, .already-visible {animation: come-in 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
.ccm-edit-mode .module, .already-visible .module {opacity: 1 !important; transform: translate(0) !important}
ul.ccm-edit-mode-inline-commands {right: -20px !important}

@keyframes come-in {
  to {transform: translate(0) scale(1); opacity: 1; letter-spacing: 0}
}

@keyframes show {
    100% {opacity: 1}
}