@charset "utf-8";

@media only screen and (max-width: 642px) {
html {
	font-size: 16px;
}
h4, .h4, h5, h6 {
	font-size: 1.125rem;
}
h1, .h1 {
	font-size: 2rem;
}
h2, .h2 {
	font-size: 1.5rem;
}
h3, .h3, .text-content h3, .text-content .h3 {
	font-size: 1.25rem;
}
.inputs-grid {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.inputs-grid .inputs-row {
	width: 100%!important;
}
.inputs-submit .btn {
	width: 100%;
}
.container {
	padding-left: 1rem;
	padding-right: 1rem;
}
.header-logo img {
	height: 3rem;
	max-height: none;
	max-width: none;
}
.header-menu-grid {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
.header-lang {
	width: 100%;
	display: block;
	margin-bottom: 1rem;
}
.header-lang {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.header-lang .header-menu-popup {
	position: relative;
	top: auto;
	left: auto;
	z-index: auto;
	box-shadow: none;
}
.header-login {
	margin-left: 0.9375rem;
	-ms-flex-item-align: stretch;
	    -ms-grid-row-align: stretch;
	    align-self: stretch;
}
.header-login-popup {
	left: 0;
	right: auto;
	width: 100%;
	max-width: none;
}
.header-login-grid {
	display: block;
}
.header-login-side {
	width: auto;
	border: 0;
	padding: 1rem;
	margin: 0;
}
.top-title {
	font-size: inherit;
}
.top-title br {
	display: none;
}
.top-title h1 br, .top-title .h1 br {
	display: block;
}
.top-title .center-form {
	margin-bottom: -4rem;
}
.top-title .img-place {
	display: none;
	visibility: hidden;
}
.center-form {
	padding-left: 1rem;
	padding-right: 1rem;
}
.contact-us .grid {
	padding: 1rem 0;
	display: block;
}
.contact-us .grid > * {
	padding: 1rem;
}
.contact-us .side-l, .contact-us .side-r {
	width: auto;
}
.contact-us .side-l {
	text-align: center;
}
.footer-menu > ul {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.footer-menu > ul > li {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 100%;
}
.types h2, .types .h2 {
	margin-bottom: 3rem;
}
.types ul {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	text-align: center;
	margin: -2rem;
}
.types li {
	width: 100%;
	padding: 2rem;
	margin: 0;
}
.types li .max {
	margin: 0 auto;
	max-width: 336px;
}
.types .pic {
	position: relative;
	height: 12rem;
	width: auto;
	top: auto;
	left: auto;
	margin: 2rem 0;
}
.services h2, .services .h2 {
	margin-bottom: 3rem;
	text-align: inherit;
}
.service {
	display: block;
	margin-top: 4rem;
}
.service:first-child {
	margin-top: 0;
}
.service h3, .service .h3 {
	margin: 0 0 2rem 0;
	text-align: center;
}
.service .text-grid {
	display: block;
}
.service .text-second {
	display: block;
	margin: 2rem 0 0 0!important;
	padding: 0!important;
	text-align: center!important;
}
.service .text-second > * {
	max-width: none;
	margin: 0!important;
}
.service .text-second .btn {
	margin: 1rem 0 0 0!important;
}
.service.hor .text {
	width: auto;
	display: block;
}
.service .screens {
	display: block!important;
	width: auto!important;
	max-width: 480px;
	margin: 2rem auto 0 auto!important;
	padding: 0!important;
}
.service .screens > * {
	margin: 2rem 0 0 0!important;
	width: auto!important;
	padding: 0!important;
}
.service .screen-bg {
	padding: 0.375rem;
	border-radius: 0.3125rem;
	background: #8aa7d1;
	box-shadow: 0 0.5rem 1.8125rem rgba(158, 158, 158, 0.75);
}
.service .screen-bg img {
	width: 100%;
	height: auto;
}
.service .screens .caption {
	margin: 0.75rem -0.625rem 0 -0.625rem;
}
.service .screens .btn {
	width: auto;
	margin: 1.25rem auto 0 auto;
	min-width: 12.9375rem;
}
.service.vert .text-main {
	width: auto;
}
.service.vert .text-second {
	width: auto;
	text-align: inherit;
}
.service-descr-top .side-l h2, .service-descr-top .side-l .h2 {
	padding-right: 0;
	text-align: center;
}
.service-descr-top .text .img {
	float: none;
	width: auto;
	max-width: none;
	margin: 2rem 0;
	text-align: center;
}
.service-descr-top .list-hor, .service-descr-top .list-vert-big, .service-descr-top .list-vert, .service-descr-bottom .list-hor, .contact-us-big .list-hor {
	padding: 0;
	max-width: none;
	display: block;
	margin: 0;
}
.service-descr-top .list-hor li, .service-descr-top .list-vert-big li, .service-descr-top .list-vert li, .service-descr-bottom .list-hor > li, .contact-us-big .list-hor li {
	padding: 0;
	margin-top: 3rem;
	width: auto;
}
.service-descr-top .list-hor li:first-child, .service-descr-top .list-vert-big li:first-child, .service-descr-bottom .list-hor > li:first-child, .contact-us-big .list-hor li:last-child {
	margin-top: 0;
}
.service-descr-top .list-hor h3, .service-descr-top .list-hor .h3, .service-descr-top .list-vert-big h3, .service-descr-top .list-vert-big .h3, .service-descr-top .list-vert h3, .service-descr-top .list-vert .h3, .service-descr-bottom .list-hor h3, .service-descr-bottom .list-hor .h3, .contact-us-big .list-hor h3, .contact-us-big .list-hor .h3 {
	text-align: center;
}
.service-descr-top .list-hor .pic, .service-descr-top .list-vert-big .pic, .service-descr-bottom .list-hor .pic, .service-descr-bottom .list-hor .pic, .contact-us-big .list-hor .pic, .service-descr-top .list-vert .pic {
	position: relative;
	top: auto;
	left: auto;
	margin: 2rem auto;
	width: 100%;
	height: 12rem;
}
.service-descr-top .list-vert .pic, .contact-us-big .list-hor .pic {
	width: 7.3125rem;
	height: 7.3125rem;
}
.service-descr-top .list-hor .pic img, .service-descr-top .list-vert-big .pic img, .service-descr-top .list-vert .pic img, .service-descr-bottom .list-hor .pic img, .contact-us-big .list-hor .pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	        transform: translate3d(-50%, -50%, 0);
}
.contact-us-big .side-l h2, .contact-us-big .side-l .h2 {
	text-align: center;
	padding: 0;
}
.contact-us-big .list-hor {
	text-align: center;
}
.contact-us-big .list-hor .max {
	max-width: none;
}
.examples .head {
	display: block;
	margin-bottom: 3rem;
}
.examples .head h2, .examples .head .h2 {
	margin: 0;
	text-align: center;
}
.examples .head .btn {
	display: none;
}
.examples .mob-link-bottom {
	display: block;
}
.grid-projects {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.grid-projects-el {
	width: 100%;
}
.project-mini h3, .project-mini .h3 {
	font-size: 1.25rem;
}
.service-descr-bottom h2, .service-descr-bottom .h2 {
	margin-bottom: 3rem;
	text-align: center;
}
.service-descr-bottom .grid {
	display: block;
}
.services-pricing-el .prices {
	padding-left: 1rem;
	padding-right: 1rem;
}
.services-pricing-el .prices .prices-side {
	display: block;
	text-align: center;
}
.services-pricing-el .prices .prices-side > * {
	width: auto;
}
.services-pricing-el .prices .big {
	min-width: 0;
	margin: 1rem 0 0 0;
	text-align: center;
}
.services-pricing-el .prices .prices-side:last-child .big {
	min-width: 0;
}
.services-pricing-el .go {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	padding: 1rem;
}
.services-pricing-el .go > * {
	margin: 1rem;
}
.engine .grid {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
.engine .text {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	width: 100%;
	padding: 0;
}
.engine .img {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	max-width: 240px;
	margin: 2rem auto;
}
.steps .grid {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-bottom: -3rem;
	margin-right: 0;
}
.steps .grid > * {
	padding-right: 0;
	margin-bottom: 3rem;
	width: 100%;
}
.steps .step {
	position: relative;
}
.steps .step.big {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	padding-right: 0;
}
.steps .step.big h3, .steps .step.big .h3 {
	margin-right: 0;
}
.steps .step.small h3, .steps .step.small .h3 {
	text-align: center;
}
.steps .step.small {
	-webkit-box-ordinal-group: 4;
	    -ms-flex-order: 3;
	        order: 3;
	padding-left: 0;
}
.steps .step.small .pic {
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	height: 7.3125rem;
	margin: 0 0 2rem 0;
}
.steps .step.small .pic img {
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	        transform: translate3d(-50%, -50%, 0);
}
.steps .example {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}
.hor-menu {
	margin: -1rem -1rem 0 0;
}
.hor-menu .link {
	margin: 1rem 1rem 0 0;
}
.pagination .link {
	width: 2rem;
	height: 2rem;
	line-height: 1.875rem;
}
.photos {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}
.photos-el {
	padding: 0.5rem;
	width: 100%!important;
}
.portfolio-slider .container {
	padding-left: 2rem;
	padding-right: 2rem;
}
.portfolio-slider .swiper-arr {
	margin: 0 0.5rem;
	width: 1rem;
	height: 2rem;
}
.about-text {
	display: block;
	padding: 3rem 2rem;
}
.about-text h2, .about-text .h2 {
	max-width: none;
	margin: 0 0 2rem 0;
}
.contacts h2, .contacts .h2 {
	font-size: 1.5rem;
}
.contacts .email {
	font-size: 1.25rem;
}
.contacts .email .bg {
	padding-left: 3rem;
	padding-right: 3rem;
}
.contacts .email h2, .contacts .email .h2 {
	font-size: 1rem;
}
.contacts h3, .contacts .h3 {
	font-size: 1.25rem;
}
.contacts li .pic {
	top: 0.875rem;
}
.grid-articles {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.grid-articles-el {
	width: 100%;
}
.articles h2, .articles .h2, .articles h3, .articles .h3 {
	text-align: center;
}
.article-mini {
	margin-left: auto;
	margin-right: auto;
	max-width: 480px;
	text-align: center;
}
.guide-grid {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.guide-grid-el {
	width: 100%;
}
.guide-mini {
	margin-left: auto;
	margin-right: auto;
	max-width: 480px;
	text-align: center;
}
.vacancy-head {
	display: block;
	padding-left: 0;
	padding-right: 3.5rem;
}
.vacancy-head .plus {
	left: auto;
	right: 0;
}
.vacancy-head > * {
	max-width: none;
}
.vacancy-head > *:last-child {
	text-align: left;
}
.vacancy-head h3, .vacancy-head .h3 {
	padding: 0;
	margin: 0 0 0.5rem 0;
}
.vacancy-ind {
	padding-left: 0;
}
.article h2, .article .h2 {
	font-size: 1.5rem;
	text-align: center!important;
}
.article-grid {
	display: block;
}
.article-l {
	display: none;
	visibility: hidden;
}
.article-r {
	width: 100%!important;
}
}

/*added 30.03.21 start*/
.service-pricing h2, .service-pricing .h2 {
	text-align: center;
}
.service-pricing .links .link {
	font-size: 1rem;
	text-align: center;
	display: block;
	padding: 1rem 0.25rem;
}
.service-pricing .links .pic {
	margin: 0 auto 0.5rem auto;
}
.service-pricing .text-wrap {
	font-size: 1rem;
	padding: 1.875rem;
}
}

@media only screen and (max-width: 374px) {
.service-pricing .links .link {
	font-size: 0.75rem;
}
}
/*added 30.03.21 end*/