.justmobile {display:none;}
.justmobileforce {display:none !important;}
section.promo .promo-2 .garm img,
section.socialprojects .tab_cont > div .left .img ,
footer .topfoot .right .copy .copy,
#menu .rightlinks,
#startworking_blob_mob {display:none;}
#menu.opened .sublinks {
    filter: none;
}
.page_article .blockee p a {
    color: #E41360;
}
@media only screen and (max-width: 500px) {

body {
    min-width: 375px;
}
.wrap {
    max-width: 375px;
}
#body_blob {
    width: 100%;
    left: 0;
}
html {
    width: 100vw;
    overflow-x: hidden;
}
body {
    min-width: 375px;
    width: 100vw;
    overflow-x: hidden;
}
header {
    height: calc(48px + 18px + 18px);
    padding-top: 18px;
	background-image: url("data:image/svg+xml,%3Csvg width='345' height='19' viewBox='0 0 345 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0V6C1 12.6274 6.37258 18 13 18H19' stroke='%233F3F3F'/%3E%3Cpath d='M19 18H326' stroke='%233F3F3F'/%3E%3Cpath d='M344 0V6C344 12.6274 338.627 18 332 18H326' stroke='%233F3F3F'/%3E%3C/svg%3E%0A");
}
header .wrap {
    height: 48px;
}

header .menu_link:hover,
header .menu_link {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 17.6364V16.5018H20.75V17.6364H3.25ZM3.25 12.5691V11.4345H20.75V12.5691H3.25ZM3.25 7.50179V6.36719H20.75V7.50179H3.25Z' fill='white'/%3E%3C/svg%3E%0A");
}
header .menu_link.active:hover, header .menu_link.active {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.27263 18.5265L5.47266 17.7265L11.1996 11.9996L5.47266 6.27263L6.27263 5.47266L11.9996 11.1996L17.7265 5.47266L18.5265 6.27263L12.7995 11.9996L18.5265 17.7265L17.7265 18.5265L11.9996 12.7995L6.27263 18.5265Z' fill='%23E41360'/%3E%3C/svg%3E%0A");
}
header .menu_link {
    width: 48px;
    height: 48px;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #fff;
    border-radius: 12px;
}
header .menu_link.active:hover, header .menu_link.active {
	border-color:#E41360;
}
header .rightlinks {
    display: none;
}
header .logo {
    height: 48px;
    position: absolute;
    right: 32px;
    background-position: center;
    background-repeat: no-repeat;
}
header {
    border: none;
    background-position: bottom center;
    background-repeat: no-repeat;
}
header .menu_link {
    left: 32px;
}
.promo-1 {
    width: 100%;
    height: 1294px;
}
.promo-1 .wrap {
    height: 100%;
}
section.promo .promo-1 h1 {
    width: 100%;
    padding: 0 16px;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
}
section.promo {
    padding-top: 32px;
}
section.promo .promo-1 p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 100%;
    padding: 0 64px;
}
section.promo .promo-1 .enjoy {
    background-size: 248px 48px;
    background-image: url(../img/btnm248.png);
}
section.promo .promo-1 .enjoy:active {

    background-image: url(../img/btnm248a.png);
}
.promo-1 #promo_server {
    top: 470px;
    height: calc(100% - 470px);
    padding: 0 16px;
}
#cookies {
    width: calc(100% - 32px);
    height: 200px;
}
section.promo #promoBlob {
    top: 1220px;
}
section.promo .promo-2 .left {
    display: block;
    width: 100%;
    height: auto;
    padding: 16px;
    margin-right: 0;
}
section.promo .promo-2 .garm h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
}
section.promo .promo-2 .garm {
    padding: 0;
}
section.promo .promo-2 .garm.active:first-child {
    height: 360px;
}
section.promo .promo-2 .items {
    width: 100%;
}
section.promo .promo-2 .items:before {
    background-size: 100% 16px;
}
section.promo .promo-2 .items:after {
    background-size: 100% 19px;
}
section.promo .promo-2 .items a {
    font-size: 16px;
}
section.promo .promo-2 .garm h2 {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
section.promo .promo-2 .garm.active {
    padding: 0 16px;
}
section.promo .promo-2 .items a.active i {
    opacity: 1;
}
section.promo .promo-2 .items a.active {
    height: 32px;
}
section.promo .promo-2 .items a.active span {
    color: #191919;
}
section.promo .promo-2 .garm svg {
    display: none;
}
section.promo .promo-2 .garm h2 {
    display: none;
}
section.promo .promo-2 .garm p {
    color: #191919;
}
section.promo .promo-2 .garm .pre {
    font: inherit;
    display: block;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 16px;
}
section.promo .promo-2 .garm .pre strong {
    font: inherit;
    color: #E41360;
}
section.promo .promo-2 .garm img {
    display: block;
    width: 100%;
    margin-top: 16px;
    height: 215px;
    object-fit: cover;
    border-radius: 16px;
}
section.promo .promo-2 .garm.active {
    border-bottom: 1px solid #19191966;
    padding-bottom: 32px;
    height: auto;
}
section.promo .promo-2 .garm.active:first-child svg {
    display: block;
}
section.promo .promo-2 .garm.active:first-child h2 {
    display: block;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
}
section.promo .promo-2 .garm.active:first-child {
    border: none;
}
section.promo .promo-2 {
    margin-top: 0px; 
}
section.promo #promoBlob {
    top: 1124px;
    height: 1100px;
}
section.promo { 
    width: 100%;
}
section.promo .promo-2 .garm.active:last-child {
    border: none;
}
section.promo .promo-2 .right {
    display: none;
}
section.promo3 {
    margin-top: 120px;
}
section.promo3 .top {
    height: 1150px;
}
#p3_anim {
    right: 0;
    bottom: 0;
    height: 343px;
    top: auto;
}
section.promo3 .top .left {
    display: block;
    margin: 0 auto;
    margin-bottom: 72px;
}
section.promo3 .top .midd {
    position: relative;
    left: 0;
    width: 100%;
    padding: 0 16px;
}

section.promo3 .top .midd h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin-bottom: 24px;
}
section.promo3 .top .midd p {
    text-align: center;
}
section.promo3 .top #p3_anim #anim0 {
    width: 100%;
    height: 343px;
}
section.promo3 .top #p3_anim #anim1 {
    top: 0;
    width: 100%;
    height: 343px;
}
section.promo3 {
    margin-top: 120px;
    height: auto;
}
section.promo3 .bot {
    padding: 0 16px;
    padding-left: 0;
}
section.promo3 .bot > span {
    left: 16px;
    position: relative;
    margin-bottom: 32px;
}
section.promo3 .bot > div {
    width: 163px;
    margin-bottom: 16px;
}
section.promo3 .bot > div span {
    font-size: 15px;
}
section.promo3 .bot > div:before {
    background-size: 100% 16px;
}
section.promo3 .bot > div:after {
    background-size: 100% 19px;
}
section.startworking {
    height: auto;
    margin-top: 120px;
}
section.startworking .wrap {
    padding: 72px 16px;
}
section.startworking .title {
    height: 400px;
    padding-top: 270px;
}
section.startworking.visible .title .t2 {
    position: absolute;
    top: 0;
    left: calc((100% - 210px) / 2);
}

section.startworking .title span {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    text-align: center;
    height: auto;
    text-align: center !important;
    width: 100%;
}
section.startworking img {
    width: 100%;
    height: 358px;
}
section.startworking .title .t2 {
    position: absolute;
    top: 0;
    left: calc( (100% - 210px) / 2);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #2E1921;
    height: 195px;
}
.forms .formitem {
    width: 100%;
    background-size: 343px 48px;
    background-repeat: no-repeat;
    background-image: url(../img/formmob.png);
}
.forms .formitem label {
    width: 146px;
}
.forms {
    width: 100%;
}
.forms .formitem input {
    width: 200px;
}
.forms .formitem a.submit, .forms .formitem a.submit:hover {
    width: 100%;
    background-size: 343px 48px;
	background-image: url(../img/submit343.png);
}
.forms .formitem a.submit:active { 
	background-image: url(../img/submit343a.png);
}
#startworking_blob {
    display: none;
}
#startworking_blob_mob {
    position: absolute;
    left: 0;
    bottom: -90px;
    display: block;
    width: 475px;
    height: 448px;
}
.glowe { 
	animation: moveAround3 6s linear infinite;
}
section.history  .items .left {
    width: 301px;
    height: 470px;
}
section.history   div.items {
    left: 0;
}
section.history .left h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 32px;
}
section.history .left:before, section.history .items .item:before {
    background-size: 100% 19px;
}
section.history .left:after, section.history .items .item:after {
    background-size: 100% 19px;
}
section.history  .items .item {
    width: 301px;
}
section.history  div.items {
    left: 0;
    overflow: auto;
}
section.socialprojects h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 300px;
    margin: 0 auto;
}
section.socialprojects {
margin-top: 120px;}
section.socialprojects h2 .ua {
    margin-bottom: 10px;
}
section.newslist.short .links .all,
section.socialprojects .tab_links .all {
    position: absolute;
    right: 16px;
    z-index: 2;
	background-image:url(../img/btnallm.png);
}
section.socialprojects .tab_links {
    text-align: left;
    padding-left: 16px;
}
section.socialprojects .tab_links:after {
    z-index: 1;
    height: 48px;
    background: #1a1a1a;
    width: 180px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 0px 0px 35px 38px #1a1a1a;
}
section.socialprojects .tab_links .all {
    position: absolute;
    right: 16px;
    z-index: 2;
    background-image: url(../img/btnallm.png) !important;
    background-size: 120px 48px !important;
    border: none;
}
section.socialprojects .tab_cont > div .left .img {
    padding: 19px 0;
    width: 343px;display: block;
}
section.socialprojects .tab_cont > div .left .mid:before,
section.socialprojects .tab_cont > div .left .img:before {
	background-image: url("data:image/svg+xml,%3Csvg width='345' height='19' viewBox='0 0 345 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 19V13C1 6.37258 6.37258 1 13 1H19' stroke='%233F3F3F'/%3E%3Cpath d='M19 1H326' stroke='%233F3F3F'/%3E%3Cpath d='M344 19V13C344 6.37258 338.627 1 332 1H326' stroke='%233F3F3F'/%3E%3C/svg%3E%0A");
	position:absolute;top:0;left:0;
	width:100%;height:19px;background-size:100% 19px;content:'';
}
section.socialprojects .tab_cont > div .left .mid:after,
section.socialprojects .tab_cont > div .left .img:after {
	background-image: url("data:image/svg+xml,%3Csvg width='345' height='19' viewBox='0 0 345 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0V6C1 12.6274 6.37258 18 13 18H19' stroke='%233F3F3F'/%3E%3Cpath d='M19 18H326' stroke='%233F3F3F'/%3E%3Cpath d='M344 0V6C344 12.6274 338.627 18 332 18H326' stroke='%233F3F3F'/%3E%3C/svg%3E%0A");
	position:absolute;bottom:0;left:0;
	width:100%;height:19px;background-size:100% 19px;content:'';
}
section.socialprojects .tab_cont > div .left .img {
    padding: 19px 16px;
    width: 343px;
    margin-bottom: 8px;
}
section.socialprojects .tab_cont > div .left .img img {
    display: block;
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 8px;
}

section.socialprojects .tab_cont > div .left:after, section.socialprojects .tab_cont > div .right:after {display:none;}
section.socialprojects .tab_cont > div .left {
    padding: 16px;
    width: 100%;
    margin: 0;
}
section.socialprojects .tab_cont > div .right {
    display: none;
}
section.socialprojects .tab_cont > div .left .mid {
    width: 100%;
    padding: 19px 16px;
}
section.socialprojects .tab_cont > div .left .mid h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
section.socialprojects .tab_cont > div .left .more {
    position: relative;
    bottom: 0;
    left: 0;
    margin-top: 20px;
}
section.socialprojects .tab_cont {
    height: auto;
}
section.companies .wrap {
    padding: 72px 16px;
}
section.companies h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
}
section.companies .items .itemsin > div {
    width: 100%;
    display: block;
}
section.companies .items .itemsin label {
    width: 100%;
    line-height: 20px;
    display: block;
    height: 20px;
    margin-bottom: 8px;
}
section.companies .items .itemsin > ins {
    display: block;
    width: 100px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    right: 0;
}
svg#companies_blob {
    position: absolute;
    bottom: -112px;
    left: 0;
}
section.newslist.short .wrap {
	background-image: url("data:image/svg+xml,%3Csvg width='345' height='19' viewBox='0 0 345 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 19V13C1 6.37258 6.37258 1 13 1H19' stroke='%233F3F3F'/%3E%3Cpath d='M19 1H326' stroke='%233F3F3F'/%3E%3Cpath d='M344 19V13C344 6.37258 338.627 1 332 1H326' stroke='%233F3F3F'/%3E%3C/svg%3E%0A");
    background-size: 100% 19px;
    margin: 0 auto;
    width: calc(100% - 32px);
    padding: 19px 0;
}
section.newslist.short .links .all {
    background-size: 118px 48px;
}
 
.newsitem {
    width: 311px;
    height: 470px;
    margin-right: 16px;
}
section.newslist .items {
    overflow: auto;
    height: 490px;
}
footer .topfoot {
    height: auto;
}
footer .topfoot .left {
    width: 100%;
}
footer .topfoot .left .copy {
    display: none;
}
footer .topfoot {
    height: auto;
    background-size: 100% 19px;
    background-image: url(../img/fttop.png);
}
footer .wrap {
    width: 100%;
    padding: 0 16px;
}
footer .topfoot .left {
    margin-bottom: 48px;
}
footer .topfoot .right {
    width: 100%;
    display: block;
}
footer.visible .topfoot .right .links {
    height: auto;
    width: 100%;
}
.info_image .info:before,
section.insides .wrap,
#menu .links:before,
section.insides .mvblck:before,
section.socialprojects .tab_cont > div .left:before,
footer .topfoot .right .links:before {
    background-size: 100% 19px;
    background-image: url(../img/fttop.png);
}
footer .topfoot .right .links > div.p1 {
    width: 100%;
}
footer .topfoot .right .links > div.p2, footer .topfoot .right .links > div.p3 {
    width: 50%;
    margin-top: 32px;
}
.info_image .info:after,
footer .topfoot:after,
#menu .links:after,
.page_cases section.socialprojects .tab_cont > div .right:after,
section.insides .mvblck:after,
footer .topfoot .right .links:after {
    background-size: 100% 19px;
    background-image: url(../img/ftbot.png);
}

footer .topfoot .right .copy i {
    display: block;
    margin-top: 8px;
    font-style: normal;
}
footer .topfoot .right .copy .copy {
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.24px;
    color: #fff;
    margin-bottom: 8px;
}
#menu {
    background: transparent;
    width: calc(100% - 32px);
    background-color: #191919;
}
#menu.opened .sublinks label,
#menu.opened .links label {
    color: rgba(255, 255, 255, 0.53);
}
#menu .sublinks a,
#menu.opened .links a {
    color: #fff;
}
#menu .links a svg {
    fill-opacity: 0.7;
}
#menu .links:after {display:none;}
#menu .sublinks:after {
    content: '';
    height: 19px;
    width: 100%;
    position: absolute;
    display: block;
    bottom: 0;
	left: 0;
	    background-size: 100% 19px;
    background-image: url(../img/ftbot.png);
}
#menu .links a svg {
    right: 16px;
}
#menu {
    padding: 16px 0;
}
#menu .rightlinks {
    display: block;
    margin: 16px;
}

#menu .rightlinks .lang_select {
    display: block;
    width: 80px;
    height: 48px;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    text-transform: uppercase;
    text-align: left;
    padding-left: 20px;
    transition: all 0.6s ease;
}
#menu .rightlinks .lang_options {
}
#menu .rightlinks .lang_options a {
}
#menu .rightlinks .enjoy {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    line-height: 48px;
    display: block;
    width: 200px;
    height: 48px;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.6s ease;
}

#menu {
    height: calc( 100vh - 98px);
    position: fixed;
}
#menu .rightlinks.active .lang_options,
.rightlinks.active .lang_options {
    display: block;
}
#menu .rightlinks .lang_options {
    display: none;
    border: 1px solid #ffffffb8;
    border-radius: 12px;
    padding-bottom: 12px;
    width: 64px;
    background: #191919;
}
#menu .rightlinks .lang_options a {
    display: block;
    display: block;
    width: 80px;
    height: 32px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    text-transform: uppercase;
    text-align: left;
    padding-left: 20px;
    transition: all 0.6s ease;
}
#menu .rightlinks {
    display: block;
    margin: 32px 0;
    background-image: url(../img/ft343.png);
    background-size: 343px 48px;
    width: 343px;
    height: 48px;
}
#menu .rightlinks .enjoy {
    width: 265px;
}
.modal .window {
    border-radius: 24px;
    width: calc(100% - 32px);
}
.modal#enjoy .forms .formitem:not(.checkbox) {
     
    width: 100%;
    background-size: 343px 48px;
    background-repeat: no-repeat;
    background-image: url(../img/formmob.png);
}
.modal#enjoy .forms .formitem:not(.checkbox) {
    width: 100%;
    background-size: 100% 48px;
    background-repeat: no-repeat;
    background-image: url(../img/formmob.png);
}
.modal#enjoy .window .forms .formitem:not(.checkbox) label {
    width: 120px;
    text-align: left;
    padding: 0 12px;
    font-size: 12px;
}
.modal#enjoy .window .forms .formitem:not(.checkbox) input {
    width: 162px;
    padding: 0 12px;
    font-size: 13px;
}
.modal#enjoy .forms .formitem.submit {
    background: none;
}
.modal .forms .formitem a.submit { 
    width: 100%;
    background-size: 100% 48px;
    background-image: url(../img/submit311.png);
}
.page_inner .promo-1 {
    width: 100%;
}
.page_inner section.promo .promo-1 h1 {
    padding-top: 0;
}
.page_inner section.promo .promo-1 .enjoy {
    margin-top: 0;
}
.promo-1 #promo_server {
    top: 0;
    position: relative;
    margin-top: 48px;
    height: auto;
}
section.insides .wrap {
    width: 100%;
    max-width: 375px;
}
section.insides ins.step {
    position: relative;
    top: 0;
    margin-top: 24px;
    margin-bottom: 32px;
}
section.insides .wrap {
    width: 100%;
    max-width: 375px;
    max-width: calc(100% - 32px);
}
section.insides h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    margin-left: 0;
    max-width: 100%;
}
section.insides.services .an8imblwrapper {
    height: calc(253px + 32px);
    overflow: auto;
    margin-top: 72px;
}
section.insides .mvblck {
    transform: none !important;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 16px;
}
section.insides.services .an8imblwrapper .blocks.animblocks {
    margin-top: 0;
    height: 255px;
}
section.insides .short {
    margin-left: 0;
    width: 100%;
}
section.insides .rightWhiteBlock {
    width: 100%;
    margin-left: 0;
}
section.insides.step3 .blocks {
    margin-left: 0;
}
section.insides.step3 .blocks > div {
    width: 50%;
}
section.insides.step3 .blocks .mvblck {
    width: 163px;
    height: 164px;
}
section.insides.step3 .blocks .mvblck img {
    width: 163px;
    height: 128px;
    display: block;
    object-fit: contain;
}
section.insides.step3 .blocks > div {
    width: 50%;
    margin-bottom: 32px;
}
section.insides.step3 .blocks > div > span {
    padding: 0;
    padding-right: 16px;
    font-size: 12px;
}
section.insides.step3 .info_image {
    width: 100%;
    margin-left: 0;
}
.info_image .info {
    width: 100%;
    height: auto;
}
.info_image .image {
    width: 100%;
    margin-top: 16px;
}
section.insides.step4 .left {
    width: 100%;
    padding-right: 0;
}
section.insides.step4 .right {
    width: 100%;
}
section.insides.step4 .right > span {
    margin-top: 32px;
    margin-bottom: 24px;
}
section.startworking.step5 #startworking_blob {
    left: 0;
}
section.startworking.step5 #startworking_blob {
    left: 0px;
    top: -100px;
    width: 1675px;
    height: 656px;
    max-width: 1675px;
}
section.startworking.step5 h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
section.startworking.step5 .intro p {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
section.startworking.step5 .wrap > img {
    width: 100%;
    left: 0;
    height: 358px;
}
section.startworking.step5 #startworking_blob_end {
    max-width: 560px;
}
body.page_is.page_inner.mobile #promo_server svg {
    left: -16px;
}
.page_is section.promo.inside .promo-1 p {
    padding: 0 16px;
}
section.insides .short {
    min-height: 0;
}
section.insides .short .bottom {
    position: relative;
    bottom: 0;
    margin-top: 48px;
    margin-bottom: 48px;
    max-width: 100%;
}
section.insides.step33 .intro {
    margin-left: 0;
    width: 100%;
}
section.insides.step33 .content ul {
    width: 100%;
    margin-left: 0;
}
section.insides.step33 .content li {
    width: 50%;
    margin-bottom: 32px;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.page_is section.startworking.step5 h2 {
    font-size: 32px;
}
.page_is section.startworking.step5 .intro p {
    font-size: 14px;
}
section.promo.inside .promo-1 p.postp {
    padding: 0 16px;
    font-size: 18px;
}
section.promo.inside .promo-1 p.introtext {
    padding: 0 16px;
}
section.insides.step33 .content ul.div4 li {
    width: 50%;
    padding-right: 16px;
    margin-bottom: 48px;
}
section.insides.step33 .content li span {
    font-size: 13px;
}
.page_ac section.promo .promo-1 h1 { 
    padding: 0 32px;
}
.copyanimation {
    padding: 72px 16px;
}
.copyanimation h3 {
    font-size: 36px;
    line-height: 1.4em;
}
.copyanimation img {
    max-width: 100%;
}
section.insides p.subtitle {
    margin-left: 0;
}
.bott {
    font-size: 0;
    padding-left: 0px;
}
.bott .left {
    width: 100%;
    background-size: 100% 19px;
}
.bott .left ul {
    padding: 0 24px;
}
.bott .left h3 {
    padding: 0 24px;
}
.bott .left img {
    left: 16px;
}
.bott .right {
    width: calc(100% - 32px);
    margin-top: 32px;
    height: 343px;
}
.bott .right img {
    width: 100%;
    height: 100%;
}
.page_ac section.insides.services h2 {
    max-width: 100%;
    font-size: 32px;
}
.grayaddon {
    margin-top: 24px;
    padding: 16px;
}
.grayaddon h3 {
    font-size: 20px;
}
.grayaddon div .valu {
    padding-right: 0;
    font-size: 15px;
}
.page_hp section.startworking.step5 h2 {
    font-size: 36px;
}
section.socialprojects .tab_links:after {
    width: 50px;
    overflow: hidden;
}
.page_cases section.socialprojects .tab_cont > div .right {
    display: block;
    width: 100%;
    height: 200px;
    margin-bottom: 16px;
}
section.socialprojects .tab_cont > div .left:after,
.page_news section.newslist .items .newsitem:after,
.page_cases section.socialprojects .tab_cont > div .right:after {
	position:absolute;bottom:0;left:0;content:'';
    background-size: 100% 19px;display:block;
    background-image: url(../img/ftbot.png);
	width:100%;height:19px;background-size:100% 19px; }
	
.page_news section.newslist .items .newsitem:before {
	position:absolute;top:0;left:0;content:'';
    background-size: 100% 19px;display:block;
    background-image: url(../img/fttop.png);
	width:100%;height:19px;background-size:100% 19px; }
	
.page_cases section.socialprojects .tab_cont > div {
    height: auto;
    margin-bottom: 32px !important;
}
section.socialprojects .tab_cont > div .left .mid:before,
section.socialprojects .tab_cont > div .left .mid:after {display:none;}
.page_cases section.socialprojects .tab_cont > div .left .top {
    margin-bottom: 8px;
}
.page_news section.socialprojects .tab_links {
    width: 100%;
    overflow: auto;
    height: 64px;
}
.page_news section.socialprojects .tab_links:after {display:none;}
.page_news section.newslist .items {
    height: auto;
    padding: 0 16px;
}
.page_news section.newslist .items .newsitem {
    width: 100%;
    padding: 20px 16px;
    padding-bottom: 32px;
    height: auto;
}
 
.page_news .newsitem .more {
    display: none;
}
.newsitem:hover .intro {
    display: none;
}
.newsitem:hover .img {
    height: 305px;
}
.newsitem:hover {
    background: transparent;
    border-radius: 0;
}
.newsitem:hover .params ins.date .date {
    color: rgba(255,255,255,0.8);
}
.page_news .newsitem .introin {
    display: none;
}
.newsitem:hover .params {
    padding: 0;
}
.newsitem:hover .intro {
    display: block;
    color: #9C9C9C;
    padding: 0;
    margin-bottom: 0;
}
section.article .wrap {
    padding: 0 16px;
    padding-top: 48px;
}
section.contacts .hrdn {
	background-size: 100% 19px;display:block;
    background-image: url(../img/ftbot.png);background-repeat: no-repeat;
}
section.contacts .hrup,
.blockeea {
    background-size: 100% 19px;display:block;
    background-image: url(../img/fttop.png);background-repeat: no-repeat;
}

.page_article .blockee pre {
    max-width: 100%;
    white-space: normal;
}
section.article a.back {
    top: -20px;
    left: 8px;
}
.page_contacts span.titleanimate {
    width: 100%;
    padding: 0 16px;
    margin-right: 0;
    margin-bottom: 72px;
}
div.contacts {
    width: 100%;
    padding: 0 16px;
    display: block;
}

#p3_anim {
    right: 0;
    bottom: 20px;
    height: 543px;
    top: auto;
    overflow: hidden;
}
section.promo3 .top #p3_anim #anim0 {
    height: 643px;
    top: -50px;
    width: 1140px;
    left: -668px;
}
section.promo3 .top #p3_anim .cases {
    right: 99px;
    top: 167px;
}
section.promo3 .top #p3_anim .pro1 {
    top: 42px;
    left: 104px;
    display: block;
    width: 200px;
}
section.promo3 .top #p3_anim .pro2 {
    right: auto;
    display: block;
    width: 110px;
    left: 20px;
    top: 290px;
}
section.promo3 .top #p3_anim .pro3 {
    right: 10px;
    display: block;
    width: 110px;
    top: 290px;
}
#p3_anim:before {
    content: '';
    width: 100%;
    height: 80px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(25,25,25,1) 0%, rgba(0,0,0,0) 70%);
}
#p3_anim:after {
    content: '';
    width: 100%;
    height: 80px;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 0;
    background: linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(0,0,0,0) 70%);
}
section.promo3 .top #p3_anim #anim0 {
    pointer-events: none;
}

#p3_anim {
    right: 0;
    bottom: 16px;
    height: 547px;
    top: auto;
    overflow: hidden;
}

#menu.active {
    transform: translateX(0px) !important;
    width: 100%;
    left: 0;
    padding: 16px;
}
.preh2 {
    margin-left: 0;
}
#menu .rightlinks.langactive .lang_options {
    display: block;
    width: 80px;
    top: -80px;
}
section.promo3 .top .midd p {
    font-size: 12px;
}
section.history  .items .item img {
    width: 100%;
}

section.history  .items .item p {
    width: 100%;
    padding-right: 20px;
    font-size: 12px;
}
section.history  .items .left {
    padding-right: 20px;
    font-size: 12px;
}
section.history .left p {
    font-size: 12px;
}
section.history .left .icon {
    left: 0;
}
section.socialprojects .tab_links {
    text-align: center;
}
.page_home section.socialprojects .tab_links .all {
    position: relative;
    display: block;
    width: 120px;
    margin: 16px auto;
}
section.socialprojects .tab_links {
    text-align: center;
    height: auto;
}

section.socialprojects .tab_links:after {display:none;}
.page_is.page_inner section.promo .promo-2 .garm.active {
    height: auto !important;
}
.page_is section.promo .promo-2 .garm h2 {
    display: block;
    display: block;
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
}
.page_is section.promo .promo-2 .items a.active {
    opacity: 0;
}
section.promo .promo-2 .garm.active {
    border-bottom: 1px solid #19191921;
}
.page_is section.promo .promo-2 .garm svg {
    display: block;
}
.page_about h1 {
    font-size: 40px;
    padding: 0 16px;
    margin-bottom: 16px;
}
.page_about .contacts .intro {
    font-size: 16px;
    padding: 0 16px;
    margin-bottom: 32px;
}
.page_about .desire {
    position: relative;
    margin: 0 auto;
    margin-bottom: 64px;
    margin-top: 64px;
}
.page_about .image {
    height: 300px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 48px;
}
.page_about .aboutcompanies .intro {
    position: relative;
    top: 0;
    width: 100%;
}
.page_about .aboutcompanies .companies {
    margin-top: 80px;
    font-size: 0;
    text-align: center;
}
.page_about .aboutcompanies .companies .acomp {
    width: 154px;
}
.page_about .aboutcompanies .companies .acomp:before {
    height: 19px;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 19px;
    background-image: url(../img/fttop.png);
}
.page_about .aboutcompanies .companies .acomp:after {
    height: 19px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 19px;
    background-image: url(../img/ftbot.png);
}
.page_about .aboutcompanies .companies .acomp span {
    font-size: 14px;
}
.page_about section.insides.step33 .content li {
    width: 100%;
    margin-bottom: 32px;
    height: auto;
}
.innersubblock > div.wide {
    width: 100%;
}
.innersubblock > div {
    width: 100%;
    margin-top: 20px;
    min-height: 0;
}
section.companies .items .itemsin > div a {
    width: 100px;
}
section.companies .items .itemsin > div a { 
    margin: 0 8px;
}




section.companies .items .itemsin > div {
	background-image: url("data:image/svg+xml,%3Csvg width='345' height='146' viewBox='0 0 345 146' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 19V13C1 6.37258 6.37258 1 13 1H19' stroke='%23C1C1C1'/%3E%3Cpath d='M19 1H326' stroke='%23C1C1C1'/%3E%3Cpath d='M344 19V13C344 6.37258 338.627 1 332 1H326' stroke='%23C1C1C1'/%3E%3Cpath d='M1 127V133C1 139.627 6.37258 145 13 145H19' stroke='%23C1C1C1'/%3E%3Cpath d='M19 145H326' stroke='%23C1C1C1'/%3E%3Cpath d='M344 127V133C344 139.627 338.627 145 332 145H326' stroke='%23C1C1C1'/%3E%3C/svg%3E%0A");
}
section.companies .items .itemsin > div {
    width: 345px;
    height: 146px;
}





* {
    outline: none; /* Убираем обводку при активации */
    -webkit-tap-highlight-color: transparent; /* Убираем подсветку при нажатии на мобильных устройствах */
    user-select: none; /* Запрещаем выделение текста */
}

section.newslist.short .links span {
    padding: 0 12px;
    font-size: 13px;
}



section.promo3 .top #p3_anim.ready .cases {
    right: 75px;
    top: 124px;
}
#text .window b {
    font-size: 30px;
}

section.promo .promo-1 h1 > span {
    font-size: 24px;
    display: block;
    line-height: 1.2em;
}

.page_home section.promo .promo-2 .garm.active {
    height: auto;
}
.page_home section.promo .promo-2 .items a span {
    width: calc(100% - 24px);
    overflow: hidden;
    display: block;
    height: auto;
}

section.insides.services .an8imblwrapper {    margin-left: 0;width: 100%;}
.page_ac section.promo .promo-1 h1 {
    font-size: 31px;
    line-height: 1.2em;
}
section.insides h2 {
    font-size: 31px;
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    background: #00000073;
}
body {
    padding-top: 80px;
}
.page_home section.promo .promo-2 .garm.active {
    height: 500px;
}
section.socialprojects h2 {
    font-size: 30px;
}
#menu.opened .links a {
    height: 22px;
    margin-bottom: 12px;
    font-size: 13px;
}
#menu .links {
    padding-bottom: 0;
}

#menu.opened .sublinks label {
    margin-bottom: 12px;
}
#menu .sublinks a {
    margin-bottom: 8px;
}

p.about44 {
    margin-left: 0;
    width: 100%;
}


footer .topfoot .left {
    height: auto;
}

.page_hp section.startworking.step5 .intro li {
    min-height: 80px;
}






.page_inner.page_dc section.promo .promo-2 .garm.active {
    height: 240px;
}


.page_home section.promo .promo-2 .garm.active {
    height: auto;
}

.page_home section.promo .promo-2 .garm.active .button {
    display: block !important;
    width: 100%;
    margin: 0;
    margin-top: 24px;
    background-size: 100% 100%;
    height: 46px;
    background-image: url(/site/tpl/img/btn.png);
    padding: 0 16px;
    line-height: 45px;
    text-align: center;
    padding-right: 48px;
    color: #000;
    font-weight: 400;
    filter: grayscale(1) brightness(0.5);
    transition: all 0.6s ease;
}
section.promo .promo-2 .items a.button i {
    display: none;
}
section.promo .goitem {
    display: none !important;
}

section.promo .promo-2 .items a {
    font-size: 14px;
}
section.promo .promo-2 .garm .pre {
    font-size: 13px;
    padding-right: 40px;
}
section.promo .promo-2 .garm p {
    font-size: 11px;
}








section.companies .items .itemsinwrap .acomp {
    width: calc(100% - 128px);
    display: block;
    margin: 0 auto;
}
section.companies .items .itemsin .acomp img {
    padding: 24px;
}







section.promo .promo-2 .items a span {
    max-width: calc(100% - 32px);
    display: block;
    white-space: normal;
    line-height: 1.3em;
    height: auto;
}
.page_dc section.promo .promo-2 .items a {
    min-height: 27px;
    height: auto;
}
section.promo .promo-2 .items {
    width: calc(100% - 32px);
}


.page_home section.promo .promo-1 h1 b {
     font-size: 38px; 
}
section.promo .promo-2 .items a { 
    height: 34px; 
}
.page_home section.promo .promo-2 .items {
    width: 100%;
}
.page_is.page_inner section.promo .promo-1 h1 {
    font-size: 32px;
    line-height: 1.3em;
}

.page_is section.promo.inside .promo-1 p.first { 
    font-size: 14px;
}
section.promo .promo-2 .garm.active:first-child h2 {
    font-size: 24px;
    line-height: 1.4em;
}
.page_is section.promo .promo-2 .garm h2 {
    font-size: 28px;
    margin-bottom: 12px;
}
.page_is section.promo .promo-2 .items a.active {
    opacity: 0;
    height: 0;
}
section.promo .promo-2 .garm svg {
    display: block;
    width: 48px;
    height: 48px;
    margin-bottom: 8px;
}
.page_inner section.promo .promo-2 .left > .garm.active + .items {
    height: 310px !important;
}




.page_inner section.promo .promo-2 .left  .items {
    height: auto;
    position: relative;
    bottom: 0;
    width: 100%;
}
.page_inner section.promo .promo-2 .left  .items {
    height: auto !important;
    position: relative;
    bottom: 0;
    width: 100%;
}
.page_inner section.promo .promo-2 .left {
    height: auto;
}
.page_inner section.promo .promo-2 .left > .garm.active + .items {
    height: auto !important;
}
#menu.opened .links a {
    height: auto;
}
section.insides .mvblck:after {
    transform: none;
}
section.insides.services .blocks > div > span { 
    font-size: 14px; 
}
.page_about section.insides.services .blocks .mvblck {
    width: 250px; 
}
section.insides.services .an8imblwrapper {
    height: 180px; 
}

.page_about .aboutcompanies .companies .acomp img {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 1;
}
.page_about .aboutcompanies .companies .acomp {
    padding: 0;
}
.page_about .aboutcompanies .companies .acomp img {
    max-width: 80%;
    margin: 0 auto;
    display: block;
    left: 13%;
    width: 76%;
    height: 76%;
    top: 13%;
    object-fit: scale-down;
}
.page_about .aboutcompanies .companies .acomp {
    padding: 0;
    width: 100%;
    height: 200px;
    margin-bottom: 0;
}


















}