@charset "utf-8";

@media only screen and (max-width: 857px) {
html {
	font-size: 1.866977vw;
}
h4, .h4, h5, h6 {
	font-size: 1.25rem;
}
h1, .h1 {
	font-size: 3rem;
}
h2, .h2 {
	font-size: 2rem;
}
h3, .h3 {
	font-size: 1.5rem;
}
.swiper-arr {
	width: 2rem;
	height: 3rem;
}
.container {
	padding-left: 2rem;
	padding-right: 2rem;
}
.header {
	position: relative;
}
.header-grid {
	height: auto;
	position: relative;
	padding-top: 5.25rem;
}
.header-logo {
	position: absolute;
	top: 0;
	left: 0;
	height: 5.25rem;
}
.toggle-menu {
	position: absolute;
	top: 2.625rem;
	right: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	        transform: translate3d(0, -50%, 0);
}
.header-menu {
	position: relative;
}
.header-menu-grid {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding-left: 100vw;
	padding-right: 100vw;
}
.header-links {
	width: 100%;
	display: block;
	margin-bottom: 1rem;
}
.header-link {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.header-links .header-menu-popup {
	position: relative;
	top: auto;
	left: auto;
	z-index: auto;
	box-shadow: none;
}
.header-menu-popup li > * {
	font-size: 0.875rem;
}
.top-title {
	padding-top: 6rem!important;
	padding-bottom: 6rem!important;
	text-align: center;
}
.top-title h1, .top-title .h1 {
	min-height: 0;
	margin-bottom: 2rem!important;
}
.top-title h1:last-child, .top-title .h1:last-child {
	margin-bottom: 0;
}
.top-title.project-title h1, .top-title.project-title .h1, .top-title.center h1, .top-title.center .h1, .top-title.article-title h1, .top-title.article-title .h1 {
	font-size: 2rem;
}
.top-title .img-place {
	left: 0;
	margin-left: 2rem!important;
}
.top-title .img-place.hide-on-tablet {
	display: none;
	visibility: hidden;
}
.top-title .grid {
	display: block;
}
.top-title .side-l {
	width: auto;
}
.top-title .side-r {
	width: auto;
	padding: 0;
}
.top-title .center-form {
	margin-top: 3rem;
}
.top-title ul {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	text-align: left;
	margin-top: 0;
}
.bg-section-cloud-left, .bg-section-cloud-left2, .bg-section-cloud-right, .bg-section-cloud-right2 {
	display: none;
	visibility: hidden;
}
.contact-us {
	padding-top: 6rem;
}
.contact-us .img, .bottom-image {
	display: none;
	visibility: hidden;
}
.contact-us .grid {
	padding-left: 2rem;
	padding-right: 2rem;
}
.contact-us .side-l, .contact-us .side-r {
	width: 50%;
}
.footer-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin: 0 0 -3rem 0;
}
.footer-grid > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0 0 3rem 0;
	padding: 0;
	width: auto;
	min-width: 0;
}
.footer-menu > ul {
	margin: -1rem -0.5rem;
}
.footer-menu > ul > li {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	padding: 1rem 0.5rem;
}
.footer-contacts {
	min-width: 0;
	border-width: 0;
	text-align: left;
	padding-left: 0;
}
.types h3, .types .h3 {
	margin: 0 0 1rem 0;
}
.types ul {
	display: block;
	text-align: left;
	margin: 0;
}
.types li {
	width: auto;
	position: relative;
	padding: 0 0 0 10.625rem;
	min-height: 7.3125rem;
	margin: 1.875rem 0 0 0;
}
.types li:first-child {
	margin-top: 0;
}
.types li .max {
	max-width: none;
	margin: 0;
}
.types .pic {
	position: absolute;
	top: 0;
	left: 0;
	margin: -0.625rem 0.625rem;
	width: 7.3125rem;
	height: 7.3125rem;
	border-radius: 50%;
}
.service.hor .text {
	width: 60%;
}
.service.hor .screens {
	width: calc(40% - 2rem);
}
.service.vert .text-main {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 60%;
}
.service.vert .text-second {
	width: 40%;
}
.service-descr-top .grid {
	display: block;
}
.service-descr-top .side-l {
	width: auto;
	margin: 0 0 3rem 0;
}
.service-descr-top .side-r {
	width: auto;
}
.project-mini h3, .project-mini .h3 {
	font-size: 1.25rem;
}
.project-mini .link {
	margin-top: 0.5rem;
}
.service-descr-bottom .grid {
	display: block;
}
.service-descr-bottom .text {
	width: auto;
}
.service-descr-bottom .text .max {
	max-width: none;
}
.service-descr-bottom .img {
	width: auto;
	max-width: 480px;
	margin: 0 0 3rem 0;
}
.service-descr-bottom .img:before {
	display: none;
}
.service-descr-bottom .img img {
	position: static;
	top: auto;
	left: auto;
	-webkit-transform: none;
	        transform: none;
	max-width: 100%;
}
.service-descr-bottom .example {
	width: auto;
	max-width: 480px;
	margin: 3rem 0 0 0;
}
.service-descr-bottom .list-hor {
	display: block;
	padding: 0.5rem 2rem 0 0;
	margin: 0;
}
.service-descr-bottom .list-hor h3, .service-descr-bottom .list-hor .h3 {
	margin: 0 0 1rem 0;
}
.service-descr-bottom .list-hor > li {
	width: auto;
	position: relative;
	padding: 0 0 0 17rem;
	min-height: 12rem;
	margin: 1.875rem 0 0 0;
}
.service-descr-bottom .list-hor > li:first-child {
	margin-top: 0;
}
.service-descr-bottom .list-hor .max {
	max-width: none;
}
.service-descr-bottom .list-hor .pic {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 14rem;
	height: 12rem;
	border-radius: 50%;
}
.service-descr-bottom .list-hor .pic img {
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	        transform: translate3d(-50%, -50%, 0);
}
.services-pricing-el .prices {
	display: block;
}
.services-pricing-el .prices .prices-side {
	width: auto;
}
.services-pricing-el .prices .prices-side > * {
	width: 50%;
}
.services-pricing-el .prices .big {
	min-width: 0;
}
.engine .grid {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.engine .text {
	width: 60%;
}
.engine .img {
	width: 40%;
}
.steps .step.small {
	padding-left: 0;
}
.steps .step.small .pic {
	position: relative;
	top: auto;
	margin: 0 0 3rem 0;
}
.steps .example {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}
.steps .screens {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}
.steps .screens li {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.example-screens-hor {
	margin: -1rem -1rem 0 0;
}
.example-screens-hor > * {
	padding: 1rem 1rem 0 0;
}
.example-screens-vert > * {
	margin: 1rem 0 0 0;
}
.example-screens-vert > *:first-child {
	margin-top: 0;
}
.contact-us-big .grid {
	display: block;
}
.contact-us-big .side-l {
	width: auto;
	margin-bottom: 3rem;
}
.contact-us-big .side-r {
	width: auto;
}
.contact-us-big .list-hor {
	margin-right: -2.1875rem;
}
.about-text {
	padding: 3rem;
}
.grid-articles-el {
	width: 50%;
}
.guide-wrap {
	margin-right: 0;
	display: block;
}
.guide-wrap-title {
	width: auto;
	padding-right: 0;
	margin: 0 0 2rem 0;
}
.guide-wrap-title h3, .guide-wrap-title .h3 {
	display: block;
	padding: 0;
	text-align: center;
}
.guide-wrap-title h3:after, .guide-wrap-title .h3:after {
	display: none;
}
.guide-wrap .guide-in {
	width: auto;
	padding: 0;
}
.guide-grid {
	margin-right: -2rem;
}
.guide-grid-el {
	padding-right: 2rem;
}
.vacancies-grid {
	display: block;
}
.vacancies-l, .vacancies-r {
	width: auto;
	padding: 0;
}
.vacancies-l {
	margin-bottom: 3.5rem;
}
}