@font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("./fonts/Inter-ExtraLight.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("./fonts/Inter-Light.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("./fonts/Inter-Regular.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("./fonts/Inter-Italic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("./fonts/Inter-Medium.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("./fonts/Inter-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("./fonts/Inter-ExtraBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("./fonts/Inter-Black.woff2") format("woff2"); }
html {
	font-size: 14px;
}
body {
	color: #1D1D2D;
	font-family: "Inter", "Arial", sans-serif;
	background: white;
}
div, p, h1, h2, h3, a, ul, li, input, textarea, span {
	box-sizing: border-box;
}
strong {
	font-weight: 600;
}
header {
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.08);
	padding: 1rem 0;
	color: #000;
	font-weight: 500;
	position: fixed;
	top: 0;
}
header + div, .overlay.nav-overlay {
	margin-top: 4.75rem;
	height: calc(100vh - 4.75rem);
	height: -webkit-calc(100vh - 4.75rem);
	overflow: auto;
}
a.logo {
	display: block;
	height: 40px;
	border-right: 1px solid #E5E5EB;
	padding-right: 1.5rem;
}
a.logo > img {
	max-height: 100%;
}
address, address * {
	display: inline-block;
}
address > * {
	padding-right: 1.5rem;
}
address span {
	line-height: 24px;
	vertical-align: middle;
}
address > *::before {
	content: '';
	width: 24px;
	height: 24px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
address [href^="mailto"]::before {
	background: url('./images/mailto.png') no-repeat;
}
address .tel::before {
	background: url('./images/tel.png') no-repeat;
}
nav a, address a, a.logo, .platforms a {
	text-decoration: none;
	color: inherit;
}
nav ul {
	padding: 10px 0;
}
nav li {
	display: inline-block;
	margin-left: 1.5rem;
}
nav li > a {
	line-height: calc(1rem + 6px);
	line-height: -webkit-calc(1rem + 6px);
}
nav li > a:hover, nav li.active > a {
	color: #0795DF;
}
p {
	line-height: calc(1em + 6px);
	line-height: -webkit-calc(1em + 6px);
}
h2, .h2 {
	font-size: 2.75rem;
	font-weight: 800;				
	line-height: calc(1em + 12px);
	line-height: -webkit-calc(1em + 12px);
	margin-bottom: 24px;
}
h3, .h3, .feature, .platforms li {
	line-height: calc(1em + 8px);
	line-height: -webkit-calc(1em + 8px);
}
h3, .h3 {
	font-size: 1.25rem;
	font-weight: 800;
	margin-bottom: 12px;
}
section {
	width: 1920px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10vh;
	box-sizing: border-box;
}
a.getapp {
	box-shadow: 0 0 3px 1px gray;
    border-radius: 6px;
}
a.getapp:hover {
	box-shadow: 0 0 5px 2px lightgray;
}
a.getapp:active {
	box-shadow: 0 0 10px 5px lightgray;
}
a.doc {
	display: inline-block;
    background: url('./images/pdf.png') no-repeat;
    background-size: 100%;
    text-decoration: none;
    width: 30px;
    height: 27px;
    margin-left: 5px;
    vertical-align: -5px;
}
button:disabled {
	opacity: 0.5;
	cursor: default;
}
.button {
	color: #FFFFFF;
	background: #0795DF;
	padding: 0.85rem 32px 1rem;
	border-radius: 6px;
	-webkit-transition: background linear .2s, box-shadow linear .2s;
	-moz-transition: background linear .2s, box-shadow linear .2s;
	transition: background linear .2s, box-shadow linear .2s;
}
.button:hover {
    background-image: linear-gradient(to bottom, #0795DF, #247AA7);
}
.button:active {
    background-image: linear-gradient(to bottom, #0982C1, #246689);
}
.button-login {
	color: #0795DF;
	background: inherit;
	padding: 0.585rem 32px;
	border-radius: 6px;
	border: 3px solid #0795DF;
}
.button-login:hover {
	color: #1174A7;
	border-color: #1174A7;
}
.button-login:active {
	color: #1174A7;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.offset-wrapper {
	width: 84%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1612px;
}
.clearfix::after {
	content: "";
	display: table;
	clear: both;
}
.text-right {
	text-align: right;
}
.cameras-info > *, .offset-wrapper > h2 {
	margin-bottom: 4rem;
}
.cameras-info > div > h2 {
	margin-bottom: 0;
}
.feature {
	font-size: 1.3750rem;
	font-weight: 500;
}
.banner {
	background: #F5F5F7;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1920px;
	max-width: 100%;
}
.banner > img {
	height: 50vh;
	max-height: 600px;
}
.banner div > img {
	height: 5vh;
}
.banner > div:first-child + div {
	padding-left: 8%;
}
.banner > div:last-child {
	margin-right: 1%;
}
.lens {
	width: 9vw;
	height: 9vw;
	border-radius: 50%;
	border-width: 2vw;
	border-color: white;
	border-style: solid;
	margin-top: 6%;
}
.advantages, .steps, .services, .tariffs {
	display: flex;
	justify-content: space-between;
}
.advantages > li, .steps > li, .services > li {
	flex-basis: 20%;
}
.advantages > li > div {
	padding: calc(1em + 8px) 0;
	padding: -webkit-calc(1em + 8px) 0;
}
.advantages > li > div:first-child {
	border-bottom: 1px solid #E5E5EB;
}
.advantages > li > div > span {
	color: lightgray;
	display: inline-block;
	width: 34px;
	vertical-align: top;
	padding-top: 0.1rem;
}
.advantages-camera {
	padding-left: 4rem;
	width: 30%;
	max-width: 620px;
}
.advantages-camera, .advantages-camera > li > *, .advantages-camera > li::before {
	display: inline-block;
	vertical-align: top;
}
.advantages-camera > li::before {
	background: url('./images/tick-circle.png') no-repeat;
	background-size: contain;
	width: 32px;
	height: 32px;
	content: '';
	padding-right: 16px;
	margin-top: 1.85rem;
}
.advantages-camera > li > div {
	padding: 2rem 0;
	font-weight: 500;
	line-height: 1.5;
	width: calc(100% - 60px);
}
.advantages-camera > li + li > div {
	border-top: 1px solid #E5E5EB;
}
.advantages-camera > li:first-child > div {
	padding-top: 0.5rem;
}
.advantages-camera > li:first-child::before {
	margin-top: 0.25rem;
}
.cameras-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cameras-header > h2 + div {
	border-left: 3px solid #0795DF;
	padding-left: 28px;
	flex-basis: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.cameras-header > ul {
	border-radius: 100px;
	background: #F5F5F7;
	display: flex;
	padding: 4px;
}
.cameras-header > ul > li + li {
	margin-left: 10px;
}
.cameras-header > ul > li > a {
	display: block;
	text-decoration: none;
	color: inherit;
	padding: 12px 28px 14px;
	border-radius: 100px;
}
.cameras-header > ul > li.active > a {
	background: #FFFFFF;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
}
.cameras-body > div:first-child {
	overflow: hidden;
}
.cameras-body .cameras {
	display: flex;
	justify-content: space-between;
	overflow-x: auto;
}
.cameras-body .cameras > li {
	padding: 2rem;
	border: 1px solid #f1f0f0;
	border-radius: 10px;
	flex-basis: 30%;
	flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cameras-body .cameras > li + li {
	margin-left: 24px;
}
.cameras-body .cameras > li > div:first-child {
	display: flex;
	align-items: stretch;
}
.cameras-body .tag {
	display: inline-block;
	padding: 0.75rem 1.25rem;
	border-radius: 75px;
	background: #E8F7FF;
	color: #0795DF;
	position: absolute;
	left: -6px;
	top: -6px;
}
.cameras-body .tags {
	color: #76767A;
	font-size: 0.85rem;
	padding-left: 2rem;
	border-left: 1px solid #E5E5EB;
	flex-basis: 25%;
	line-height: 1.33;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.cameras-body .tags img {
	width: 24px;
	display: block;
	margin-bottom: 5px;
}
.cameras-body .tags li {
	margin-bottom: 10px;
}
.cameras-body .camera-image-wrapper {
	position: relative;
	padding-right: 2rem;
}
.camera-price + button {
	float: right;
}
.cameras-nav {
	margin-top: 2rem;
	text-align: center;
}
.cameras-nav li {
	vertical-align: middle;
}
.cameras-nav li,
.cameras-nav li a {
	display: inline-block;
}
.cameras-nav li a::before {
	width: 12px;
	height: 12px;
	content: '';
	display: block;
	border-radius: 50%;
	border: 3px solid #F5F5F7;
}
.cameras-nav li.active a::before {
	border-color: #0795DF;
	background: #0795DF;
}
.cameras-nav li.prev a,
.cameras-nav li.next a {
	width: 24px;
	height: 24px;
}
.cameras-nav li.prev a::before,
.cameras-nav li.next a::before {
	display: none;
}
.cameras-nav li.prev {
	margin-right: 12px;
}
.cameras-nav li.prev a {
	background: center url('./images/larrow.svg') no-repeat;
}
.cameras-nav li.next {
	margin-left: 24px;
}
.cameras-nav li.next a {
	background: center url('./images/rarrow.svg') no-repeat;
}
.cameras-nav li + li {
	margin-left: 12px;
}
.solution {
	background: linear-gradient(40deg, rgba(38,56,73,1) 5%, rgba(29,31,33,1) 20%, rgba(29,31,33,1) 80%, rgba(38,56,73,1) 100%);
	background: -webkit-linear-gradient(40deg, rgba(38,56,73,1) 5%, rgba(29,31,33,1) 20%, rgba(29,31,33,1) 80%, rgba(38,56,73,1) 100%);
	background: -moz-linear-gradient(40deg, rgba(38,56,73,1) 5%, rgba(29,31,33,1) 20%, rgba(29,31,33,1) 80%, rgba(38,56,73,1) 100%);
	min-height: 1000px;
	color: white;
	padding-top: 5vw;
	padding-bottom: 5vw;
}
.solution h2 {
	margin-top: 0;
}
.solution .row {
	align-items: center;
}
.solution ul {
	margin-right: 60px;
	width: 25%;
}
.solution ul,
.solution ul + .descr {
	margin-top: 60px;
	display: inline-block;
	vertical-align: top;
}
.solution .descr {
	max-width: calc(75% - 60px);
	max-width: -webkit-calc(75% - 60px);
	position: relative;
}
.solution .descr img {
	border-radius: 24px;
	width: 100%;
}
.solution .descr p {
	position: absolute;
	bottom: 2.5em;
	left: 2.5em;
	color: white;
	max-width: 550px;
}
.solution li {
	margin-bottom: 24px;
}
.solution li a {
	display: block;
	border-radius: 8px;
	padding: 1rem 1.25rem;
	border: 1px solid rgba(255, 255, 255, 0.25);
	text-decoration: none;
	color: inherit;
}
.solution li a:hover, .solution li.active a {
    background: #2f2f2f;
	border-color: transparent;
}
.solution li img {
	margin-right: 20px;
	width: 3.5rem;
}
.steps > li {
	border: 1px solid #f1f0f0;
	border-radius: 10px;
	padding: 24px;
}
.steps > li > img {
	display: block;
	margin-bottom: 24px;
}
.steps > li > img ~ * {
	margin-bottom: 8px;
	line-height: 1.5;
}
.platforms {
	font-size: 1.25rem;
	position: relative;
	height: 60vh;
}
.platforms li {
	border-bottom: 1px solid #f1f0f0;
	width: 450px;
}
.platforms li:first-child {
	border-top: 1px solid #f1f0f0;
}
.platforms li > a:first-child {
	display: block;
	border-left: 4px solid transparent;
	padding: 1.5rem;
}
.platforms li.active > a:first-child {
	border-left: 4px solid #0795DF;
}
.platforms li a:hover {
	color: #0795DF;
}
.platforms li img {
	display: none;
}
.platforms li.active > img {
	display: block;
	position: absolute;
	top: 0;
	left: 520px;
	height: 60vh;
	max-height: 620px;
}
.platforms li > .getapp {
	position: absolute;
    left: 0;
    top: 52vh;
	display: none;
	height: 3.2rem;
}
.platforms li > .getapp > img {
	display: block;
	height: 100%;
	width: auto;
}
.platforms li.active > .getapp {
	display: block;
}
.services {
	align-items: flex-start;
}
.services > li {
	flex-basis: 24%;
	max-width: 322px;
	border: 1px solid #f1f0f0;
	border-radius: 10px;
	position: relative;
}
.services > li > div:first-child {
	padding-top: 65.217%;
	position: relative;
}
.services > li > div:first-child > img {
	position: absolute;
	top: 0;
	left: -1px;
	max-width: calc(100% + 2px);
	max-width: -webkit-calc(100% + 2px);
}
.services > li > div + div {
	padding: 24px;
}
.services .descr {
	line-height: 1.5;
	padding-bottom: 16px;
	min-height: 120px;
}
.services .descr ul {
	list-style-type: disc;
	list-style-position: outside;
	margin: 10px 0 0 20px;
	display: none;
}
.services .descr ul > li {
	margin-bottom: 10px;
}
.services .details-toggle {
	border-top: 1px solid #f1f0f0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0 0;
}
.services .details-toggle > a {
	text-decoration: none;
	color: #0795DF;
	font-size: smaller;
}
.services .details-toggle > button {
	width: 44px;
    height: 44px;
    border-radius: 50%;
    box-shadow: 0px 0 6px 0px #ede8e8;
    background: white;
	line-height: 0.65rem;
}
.services .details-toggle > .button-plus {
    background: center url('./images/circleplus.png') no-repeat;
    background-size: 12px;
}
.services .details-toggle > .button-minus {
    background: center url('./images/circleminus.png') no-repeat;
    background-size: 12px;
}
.trial {
	padding: 2.5rem;
	background: #F5F5F7;
	display: flex;
	align-items: flex-start;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}
.trial > div {
	flex-basis: 50%;
	padding: 2.5rem;
}
.trial > div:only-child {
	flex-basis: 100%;
}
.trial strong {
	display: block;
	margin: 0.5rem 0 1.25rem;
}
.trial strong, .contacts {
	font-size: 1.25rem;
	line-height: 1.25;
}
.trial form p, .aside form p {
	color: #76767A;
}
.trial video {
	border-radius: 8px;
	width: 100%;
}
.contacts > hr {
	background: #0795DF;
	width: 120px;
	height: 4px;
	margin: 24px auto;
}
.contacts > * {
	display: block;
	text-align: center;
}
.tariffs {
	padding-top: 9vh;
	padding-bottom: 9vh;
	background: #F5F5F7;
}
.tariffs .row {
	width: 100%;
}
.tariffs h2 {
	position: relative;
}
.tariffs h2 > img {
	right: 0;
	top: -50%;
	height: 64px;
	position: absolute;
}
ul.tariffs {
	margin-left: -15px;
	margin-right: -15px;
}
.tariffs > li {
	padding: 2rem;
	background: white;
	max-width: 440px;
	border-radius: 6px;
	box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
	margin: 0 15px;
	position: relative;
	min-width: 390px;
}
.tariff-badge {
	position: absolute;
	margin: 0 auto;
	left: 0;
	top: -1.25rem;
	text-align: center;
	width: 100%;
	color: #0795DF;
}
.tariff-badge span {
	display: inline-block;
	left: 0;
	right: 0;
	background: #E8F7FF;
    padding: 0.65rem 1.25rem;
    border-radius: 20px;
}
.tariff-header {
	text-align: center;
	padding: 10px 20px;
}
.tariff-price {
	font-weight: bold;
	font-size: larger;
}
.tariff-price + button {
	float: right;
}
.tariff-params {
	border-top: 1px solid #E5E5EB;
	padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 70px;
}
.tariff-params li {
	margin-bottom: 1rem;
	position: relative;
}
.tariff-params li::before {
	background: url('./images/tick.png') no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
	content: '';
	padding-right: 0.85rem;
	position: absolute;
	top: 0;
	box-sizing: content-box;
}
.tariff-params li > div {
	padding-left: calc(0.85rem + 24px);
	padding-left: -webkit-calc(0.85rem + 24px);
	line-height: 1.5;
}
.tariff-params li > div > em {
	color: #514c4c;
	font-style: normal;
}
.tariff-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	left: 2rem;
    bottom: 2rem;
	width: calc(100% - 4rem);
	width: -width-calc(100% - 4rem);
	border-top: 1px solid #E5E5EB;
	padding-top: 20px;
}
footer {
	padding: 24px 0;
	border-top: 1px solid #E5E5EB;
	color: #76767A;
}
footer > div {
	display: flex;
	justify-content: space-between;
}
footer a, .trial form a, .aside form a {
	color: inherit;
}
.control-group {
	margin-bottom: 1rem;
}
.control-group input,
.control-group select,
.control-group textarea {
	line-height: calc(1rem + 6px);
	line-height: -webkit-calc(1rem + 6px);
	padding: 0.875rem 1.250rem;
	border-radius: 8px;
	width: 100%;
	border: 1px solid #E5E5EB;
}
.control-group textarea {
	resize: none;
}
.control-group input.error {
	border: 1px solid #E74F4F;
}
.aside {
	position: absolute;
	background: white;
	z-index: 100;
	right: 0;
	top: 0;
	width: 40vw;
	height: 100vh;
	padding: 80px 60px;
}
.aside .delimiter {
	margin-bottom: 24px;
	line-height: 1.5;
}
.aside > a, .submit > a {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: url('./images/closeicon.jpg') no-repeat;
	background-size: contain;
}
.aside > a:hover {
	cursor: pointer;
}
.overlay {
	z-index: 10;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}
.submit-overlay {
	align-items: center;
}
.submit {
	position: relative;
	background: white;
	border-radius: 10px;
	padding: 2.5rem 2rem;
	text-align: center;
	width: 450px;
}
.submit > a {
	top: 0px;
	right: -40px;
	background: url('./images/closeicon_white.png') no-repeat;
	background-size: contain;
}
.submit p {
	font-weight: 600;
	margin-bottom: 24px;
}
.no-logo header nav li:first-child {
	margin-left: 0;
}
.no-policy .placeorder,
.no-policy .cameras-body button,
.no-policy .tariffs button,
.no-policy .trial button {
	visibility: hidden;
}
.no-policy [data-rel="privacypolicy"] {
	display: none;
}
.no-map [data-rel="map"] {
	display: none;
}
.no-cameras [data-rel="cameras"] {
	display: none;
}
.no-tariffs [data-rel="tariffs"] {
	display: none;
}
.no-demo [data-rel="demo"] {
	display: none;
}
@media (min-width: 1851px) {
	html {
		font-size: 16px;
	}
	.trial {
		max-width: 1400px;
	}
	.solution ul {
		width: 28%;
	}
}
@media (min-width: 1200px) {
	.cameras-body .cameras {
		scrollbar-width: none;
	}
	.cameras-body .cameras::-webkit-scrollbar {
		display: none;
	}
}
@media (max-width: 1300px) {
	.trial {
		max-width: 100%;
	}
	.offset-wrapper {
		max-width: 100%;
	}
}
@media (max-width: 1199px) {
	header {
		z-index: 100;
	}
	section {
		margin-bottom: 30px;
	}
	a.logo {
		border-right: none;
		padding-right: 0;
	}
	.banner {
		overflow: hidden;
	}
	.banner > div:first-child + div {
		padding-left: 0;
	}
	.banner > img {
		height: auto;
		max-width: 98%;
	}
	.button-nav {
		margin-left: 12px;
		display: inline-block;
		vertical-align: middle;
	}
	.button-nav::before {
		content: '';
		background: url('./images/bars.svg') no-repeat;
		display: inline-block;
		width: 38px;
		height: 38px;
	}
	.button-nav.active::before {
		background: url('./images/closeicon.svg') no-repeat;
	}
	.nav-overlay nav {
		background: #F5F5F7;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		padding: 24px;
		width: 308px;
		z-index: 10;
	}
	.nav-overlay ul {
		padding: 0;
		border-bottom: 1px solid #E5E5EB;
		margin-bottom: 24px;
	}
	.nav-overlay li {
		display: block;
		margin: 0 0 24px;
	}
	.nav-overlay .nav-overlay address, .nav-overlay address > * {
		display: block;
		margin-bottom: 16px;
	}
	.nav-overlay {
		z-index: 1;
	}
	.banner {
		flex-direction: column-reverse;
		position: relative;
		padding-bottom: 32px;
	}
	.lens {
		width: 175px;
		height: 175px;
		border-width: 35px;
		margin-top: 0;
		position: absolute;
		right: -50px;
		bottom: -50px;
	}
	.advantages {
		flex-direction: column;
	}
	.advantages > li:not(:last-child) {
		border-bottom: 1px solid #E5E5EB;
	}
	.advantages > li > div:first-child {
		border-bottom: none;
		float: left;
		margin-right: 20px;
	}
	.advantages > li > div > span {
		display: none;
	}
	.advantages-camera {
		margin-top: 16px;
		padding-left: 0;
		width: 100%;
		max-width: 100%;
	}
	.advantages-camera > li > div {
		font-size: 16px;
		font-weight: 400;
	}
	.cameras-info > *, .offset-wrapper > h2 {
		margin-bottom: 16px;
	}
	.cameras-info img {
		border-radius: 10px;
	}
	.cameras-info .offset-wrapper + div {
		padding: 0 8%;
	}
	.cameras-header {
		align-items: flex-start;
		flex-direction: column;
	}
	.cameras-header, .cameras-header > h2 + div {
		margin: 16px 0;
	}
	.cameras-body img {
		width: 100%;
	}
	.cameras-body .tags {
		display: none;
	}
	.cameras-body > ul > li {
		padding: 1.5rem;
		flex-basis: 48%;
	}
	.steps, .tariffs, .services {
		flex-direction: column;
	}
	.steps > li + li, .services li + li {
		margin-top: 12px;
	}
	.steps > li > img {
		margin-bottom: 0px;
		margin-right: 24px;
		float: left;
	}
	.services > li {
		max-width: 600px;
	}
	.services .details-toggle > a {
		font-size: inherit;
	}
	.tariffs {
		padding: 24px 0;
		align-items: center;
	}
	ul.tariffs {
		padding: 0;
		margin-left: auto;
		margin-right: auto;
	}
	ul.tariffs > li {
		margin: 0;
	}	
	ul.tariffs li + li {
		margin-top: 24px;
	}	
	h2 {
		margin-bottom: 16px;
	}
	.platforms {
		height: auto;
	}
	.platforms li, .platforms li.active {
		width: 100%;
		padding: 0;
		border-left: none;
	}
	.platforms li.active > img {
		height: auto;
	}
	.platforms li.active > img, .platforms li > .getapp {
		position: static;
		margin: 8px 0 16px;
	}
	.solution {
		min-height: auto;
		margin-bottom: 24px;
	}
	.solution ul {
		margin: 0px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.solution li {
		width: 45%;
		line-height: 1.5;
	}
	.solution li img {
		display: block;
		margin-bottom: 16px;
	}
	.solution ul + .descr  {
		max-width: 100%;
		margin-top: 0;
	}
	.trial {
		flex-direction: column-reverse;
		margin: 2.5rem;
		padding: 0;
		border-radius: 10px;
		max-width: calc(100% - 5rem);
		max-width: -webkit-calc(100% - 5rem);
	}
	.trial > div {
		padding: 1.5rem;
	}
	.trial > div:last-child:not(:only-child) {
		padding-bottom: 0;
	}
	.trial > div:first-child:not(:only-child) {
		padding-top: 0;
	}
	.trial button {
		display: block;
		width: 100%;
	}
	.contacts {
		padding: 1.5rem;
	}
	.overlay {
		z-index: 100;
	}
	.aside {
		width: 100%;
	}
	.aside fieldset.delimiter {
		margin-bottom: 0;
	}
	.aside address {
        padding-top: 16px;
        border-top: 1px solid #E5E5EB;
        margin-top: 24px;
        line-height: 2;
        font-weight: 600;
	}
	footer > div {
		align-items: center;
		flex-direction: column;
		line-height: 2;
	}
}
@media (max-width: 768px) {
	.h2, h2 {
		font-size: 22px;
	}
	.feature {
		font-size: 16px;
	}
	.aside {
		padding: 40px 20px;
	}
	.services > li {
		max-width: 100%;
	}
	.cameras-body .cameras .doc {
		display: none;
	}
}
@media (max-width: 440px) {
	.aside {
		padding-right: calc(50% - 160px);
		padding-left: calc(50% - 160px);
		padding-right: -webkit-calc(50% - 160px);
		padding-left: -webkit-calc(50% - 160px);
	}
	.aside [type="submit"] {
		width: 100%;
	}
	.tariffs > li {
		min-width: 100%;
		max-width: 100%;
	}
}
@media (max-width: 400px) {
	header .offset-1 {
		display: none;
	}
	header [class*="col"] {
		flex: 1 1 50%!important;
		-webkit-flex: 1 1 50%!important;
	}
}