/* montserrat-regular - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v26-cyrillic_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v26-cyrillic_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v26-cyrillic_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/montserrat-v26-cyrillic_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: 'icons';
  src:  url('fonts/icons.eot?fadwpl');
  src:  url('fonts/icons.eot?fadwpl#iefix') format('embedded-opentype'),
	 url('fonts/icons.ttf?fadwpl') format('truetype'),
	 url('fonts/icons.woff?fadwpl') format('woff'),
	 url('fonts/icons.svg?fadwpl#icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.icon, .grad:before, .grad:after {
  font-family: 'icons' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-right:before {content: "\e900";}
.icon-left:before {content: "\e901";}
.icon-link:before {content: "\e902";}

.grad:before{content: "\e901";margin:0 .15em 0 0;}
.grad:after {content: "\e900";margin:0 0 0 .15em;}
.grad:before, .grad:after{font-size: .75em;display: inline;}
.grad, .grad-only{background: linear-gradient(100deg, #FFB905 10%, #7BC20F 50%, #4CA9FF 90%);
	-webkit-background-clip: text;-webkit-text-fill-color: transparent;
	 -moz-background-clip: text;-moz-text-fill-color: transparent;
	 -ms-background-clip: text;-ms-text-fill-color: transparent;
	 background-clip: text;text-fill-color: transparent;
	 -webkit-box-decoration-break: clone;position: relative;white-space: nowrap;}
.grad-anim, .grad-anim2{background: linear-gradient(100deg, #FF8601 15%, #5DD40B 50%, #1181F0 85%);
	-webkit-background-clip: text;-webkit-text-fill-color: transparent;
	 -moz-background-clip: text;-moz-text-fill-color: transparent;
	 -ms-background-clip: text;-ms-text-fill-color: transparent;
	 background-clip: text;text-fill-color: transparent;
	 background-size: 200%;background-position: 0 0;animation: move-bg 8s infinite linear;}
.grad-anim2{animation: move-bg2 12s infinite linear;}
@keyframes move-bg {0%,100% {background-position: 5% 0;} 50% {background-position: 95% 0;}}
@keyframes move-bg2 {0%,100% {background-position: 95% 0;} 50% {background-position: 5% 0;}}

html{scroll-behavior:smooth;height: 100%;}
html.sidebar-active{overflow: hidden;min-height: 0;}
//html.sidebar-active body{background: #191F25;}
body {font-family: 'Montserrat', sans-serif;height: 100%;position: relative;color:#323A41;}
a{text-decoration: none;color:#1181F0;transition:all .3s ease;}
a:hover{text-decoration: none;color:#1181F0;}
.nw{white-space: nowrap;}
.b-4, b{font-weight: 400 !important;}
.b-6, b{font-weight: 600 !important;}
.b-7{font-weight: 700 !important;}
.b-8{font-weight: 800 !important;}
.bg-grey{background: #e3e2e4;}
.bg-white{background: #FFF;}
.tw-b{text-wrap:balance;}

.bg{height: 60vh;max-height: 640px;overflow: hidden;margin-bottom: 0px;position: relative;}
.bg .title-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding-top:80px;}
.bg img{object-fit:cover;object-position:center;height:100%;width:100%;}
.bg.shop{background: url(../../images/bg-im.jpg) center center no-repeat;background-size: cover;}
.bg.landing-page{background: url(../../images/bg-lp.jpg) center center no-repeat;background-size: cover;}
.bg.corporate{background: url(../../images/bg-cs.jpg) center center no-repeat;background-size: cover;}
.bg.ux-ui-design{background: url(../../images/bg-ux-ui2.jpg) center center no-repeat;background-size: cover;}
.bg.ux-audit{background: url(../../images/bg-ux-audit.jpg) center center no-repeat;background-size: cover;}
.bg.support{background: url(../../images/bg-top2.jpg) center center no-repeat;background-size: cover;}
.bg.seo{background: url(../../images/bg-seo.jpg) center center no-repeat;background-size: cover;}
.bg.context{background: url(../../images/bg-cont2.jpg) center center no-repeat;background-size: cover;}
.bg.logo{background: url(../../images/bg-logo.jpg) center center no-repeat;background-size: cover;}

header{padding:20px;position: fixed;top:0;width:100%;display: flex;justify-content: space-between;align-items: center;z-index: 10;transition:transform .4s ease-out, background .4s ease;z-index: 1003;}
header.hide{transform: translateY(-100%);}
header a:hover{text-decoration: none;}
header>div{display:flex;align-items: center;}
header .phone{color:#323A41;font-weight: 600;display: none;}
header .phone::after{content:"";display: inline-block;width:.25em;height:.25em;border-radius:50%;background: #1181F0;margin:0 0 .25em .25em;}
header .menu, header .link-order{display:none;}
header .link-order{margin-right: 16px;font-weight: 600;color:#323A41;height:40px;transition:all .4s ease-out;padding:5px 12px;border-radius: 40px;border:1px solid transparent;}
header.hide .link-order{transform: translateY(200%);border-color:rgba(50, 58, 65, 0.2);background: rgba(255,255,255,1);backdrop-filter: blur(5px);}
header .link-order:hover, header.white .link-order:hover, header .phone:hover, header.white .phone:hover{color:#1181F0;text-decoration: none;}
.link:after, .project-link:after{content: "\e902";position:relative;top:.1em;left:0.15em;font-family: 'icons' !important;font-weight: normal;font-size: 1em;color:#1181F0;transition:all .3s cubic-bezier(0.35, 0.6, 0.35, 1);}
.link:hover:after{left:.25em;top:0em;}
header.hide .link-order:hover{background: #1181F0;color:#FFF;border-color:#1181F0;}
header.hide .link-order:hover:after{color:#FFF;}

header .menu a{display: inline-block;margin:0 8px;font-weight: 600;color:#323A41;}
header .menu a:hover, header.white .menu a:hover{color:#1181F0;}

header.white .menu-btn .icon span::before, 
header.white .menu-btn .icon span::after, 
header.white .menu-btn .icon span{background-color: #FFF;}
header.white .logo .text-bg{fill:#FFF;}
header.white, header.white .phone, 
header.white .menu a, 
header.white:not(.hide) .link-order{color:#FFF;}
header.white:not(.hide) .link-order:hover{color:#1181F0;}
header.back{background: rgba(255,255,255,.9);backdrop-filter: blur(4px);//box-shadow: 0 0 10px rgba(0,0,0,.2);}
header.min:hover .phone{opacity: 1;}
header.back.white{background: rgba(0,0,0,.75);//box-shadow: 0 0 10px rgba(0,0,0,.2);}

.logo .text-bg{-moz-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.zls-logo{height:40px;}
.zls-logo .romb{transition:opacity .1s ease .2s, transform .4s ease;}
.zls-logo .right, .zls-logo .zls-gradient{transition:all .4s ease;}
.zls-logo:hover .romb{transition:opacity .1s ease,transform .4s ease;opacity: 0;}
.zls-long:hover .right, .zls-long:hover .romb{transform: translateX(142px);}
.zls-long:hover .zls-gradient{width:170px;}

.menu-btn{position: relative;height:24px;width:32px;display: block;}
.menu-btn span{-moz-transition:all .2s ease .2s;-webkit-transition:all .2s ease .2s;-o-transition:all .2s ease .2s;transition:all .2s ease .2s;cursor: pointer;}
.menu-btn .icon{display: inline-block;width:24px;height:24px;position: absolute;top:0px;right:0px;}
.menu-btn .icon span, 
.menu-btn .icon span::before, 
.menu-btn .icon span::after{position: absolute;top: 50%; margin-top: -1px;left: 50%; margin-left: -12px;width: 24px; height: 2px;background-color: #000;transition:all .2s ease;}
.menu-btn .icon span::before,
.menu-btn .icon span::after{content: '';display: block;}
.menu-btn .icon span::before{transform: translateY(-6px);}
.menu-btn .icon span::after{transform: translateY(6px);}
.menu-btn.active .icon span{height:0;}
.menu-btn.active .icon span::before {transform:  translateY(1px) rotate(-45deg);}
.menu-btn.active .icon span::after {transform:  translateY(1px) rotate(45deg);}




.page {display: flex;flex-direction: column;height: 100%;}
.main {flex: 1 0 auto;overflow: clip;}
.footer {flex: 0 0 auto;}
.sidebar{transform: translateY(-100%);position: fixed;left: 0;top: 0;right: 0;bottom: 0;visibility: hidden;background: #191F25;z-index:1000;overflow-y:scroll;overflow-x:hidden;transition:all .8s cubic-bezier(0.35, 0.6, 0.35, 1);}
.sidebar.active {visibility: visible;transform: translateY(0)!important;}

.sidebar .container{display: flex;flex-direction: column;height: 100%;}
.sidebar .top{flex: 1 0 auto;display: flex;flex-direction: column;justify-content: center;align-items: start;font-size: 20px;padding:0 8px;}
.sidebar .menu{padding:90px 0 20px;flex-direction: column;display: flex;}
.sidebar .menu a{display: block;font-weight: 600;color:#FFF;padding:8px 0;text-transform: uppercase;}
.sidebar .menu a:hover{text-decoration: none;color:#1181F0;}
.sidebar .contacts ul{list-style: none;padding:40px 8px 4px 8px;}
.sidebar .contacts ul li{padding:2px 0;}
.sidebar .contacts a{color:#FFF;opacity: .64;font-weight: 600;font-size: 18px;transition:all .2s ease;}
.sidebar .contacts a:hover{opacity: 1;}
.sidebar .btn{display: inline-block;height:48px;border-radius:40px;border:2px solid #FF8601;color:#FF8601;font-size: 16px;line-height: 44px;font-weight: 600;text-transform: uppercase;padding:0 24px;}
.sidebar .btn:hover{text-decoration: none;background: #FF8601;color:#FFF;}

.anim{opacity: 0;visibility: hidden;}
.animate{visibility: visible !important;opacity: 1 !important;animation-duration: .8s;animation-fill-mode:both;}

#pad{height:48px;}
#pad2{height:80px;}
.my-6{margin-top:48px;margin-bottom:48px;}
.mt-6{margin-top: 48px;}
.mb-6{margin-bottom: 48px;}
.pt-6{padding-top: 48px;}
.pb-6{padding-bottom: 48px;}
.py-6{padding-top:48px;padding-bottom:48px;}
.project .h1, .project .h2, .project .h3{font-weight: 600;}
.spincrement{font-variant-numeric:tabular-nums;}
h1, .h1{font-weight: 800;text-transform: uppercase;font-size: 1.5rem;}
h2{font-weight: 600;text-transform: uppercase;}
h3 a{color:#212529;}
h1.title, .h1.title{font-weight: 700;font-size: 2rem;margin-bottom: 2rem;text-wrap:balance;}
h1.title a, .h1.title a{color:#323A41;}
h1.title a:hover, .h1.title a:hover{color:#323A41DD;}
.main-text, .main-title{font-weight: 600;font-size: 24px;line-height: 1.25em;}
.main-title{line-height: 1.1em;}
h1.main-title, .h1.main-title{font-weight: 700;}
.h1{font-size: 2rem;font-weight: 700;}
.list, .list2{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.list li{position: relative;padding-left:24px;}
.list li:not(:last-child){margin-bottom: .5em;}
.list li:before{content:"";display: block;position: absolute;top:.5em;left: 4px;width:8px;height:8px;border-radius:50%;background: #1181F0;margin:0px 8px 0 0;}
.list.list-orange li:before{background: #FF8601;}
.list.list-dash li{padding-left:1.625em;}
.list.list-dash li:before{content: "—";background: none;top:-.05em;display: inline;}
.list li .title{font-size: 24px;font-weight: 600;}
.list li p{font-size: 18px;}
.list2 li .title{font-size: 20px;font-weight: 600;line-height: 1.2em;margin-bottom: .5em;}
.list2 li p:last-child{margin-bottom: 0px;}
.list2 li:not(:last-child){margin-bottom: 32px;}

.text-light .phone{color:rgba(var(--bs-light-rgb),var(--bs-text-opacity));}
.text-light .phone:hover{color:#1181F0;}

.service-item{padding:40px 40px 0 40px;margin:0 -40px;}
.service-item h3 a:hover{text-decoration: none;color:#FF8601;}
.service-item .row{padding-bottom: 24px;border-bottom:1px solid rgba(50, 58, 65, .1);}
.service-item .price{font-size: 24px;font-weight: 500;}
.service-projects{display: none;margin-top: 16px;}
.service-projects a{display: inline-block;margin:0 0 16px 0;}
.service-projects a:not(:last-child){margin-right: 24px;}
.service-projects a img{max-height:40px;max-width:160px;}
.service-item:hover{box-shadow: 0 4px 35px -5px rgba(0,0,0,.1);}
.service-item:hover .service-projects{opacity: 1;}


.main-screen{min-height: 100vh;display: flex;justify-content: center;align-items: center;position: relative;overflow: hidden;flex-direction: column;background: #FFF;}
#sphera{width:120px;height:120px;border-radius:50%;position: absolute;top:50%;left:50%;transition-duration: 600ms;transition-timing-function: ease-out;filter:blur(16px);
	background: rgba(0, 176, 69, 0.5);box-shadow: 0px 0px 120px 120px rgba(0, 176, 69, 0.5);}
//#sphera.blue{box-shadow: 0px 0px 100px 150px #1181f0;}
//#sphera.orange{box-shadow: 0px 0px 100px 150px #FF8601;}
//#sphera.green{box-shadow: 0px 0px 100px 150px #00B045;}
#sphera.blue{box-shadow: 0px 0px 120px 120px rgba(17, 129, 240, 0.8);background: rgba(17, 129, 240, 0.8);width:160px;height:160px;}
#sphera.orange{box-shadow: 0px 0px 120px 120px rgba(255, 134, 1, 0.8);background:rgba(255, 134, 1, 0.8);width:160px;height:160px;}
#sphera.green{box-shadow: 0px 0px 120px 120px rgba(0, 176, 69, 0.8);background: rgba(0, 176, 69, 0.8);width:160px;height:160px;}
#sphera.light-blue{box-shadow: 0px 0px 120px 120px rgba(0, 244, 255, 0.8);background: rgba(0, 244, 255, 0.8);width:160px;height:160px;}
@keyframes shadowPulse {
	 0% {box-shadow: 0px 0px 120px 120px rgba(0, 176, 69, 0.5);background: rgba(0, 176, 69, 0.5);}
	 33% {box-shadow: 0px 0px 120px 120px rgba(255, 134, 1, 0.5);background:rgba(255, 134, 1, 0.5); }
	 66% {box-shadow: 0px 0px 120px 120px rgba(17, 129, 240, 0.5);background: rgba(17, 129, 240, 0.5);}
	 100% {box-shadow: 0px 0px 120px 120px rgba(0, 176, 69, 0.5);background: rgba(0, 176, 69, 0.5);}
}
.shadow-pulse {
	 animation-name: shadowPulse;
	 animation-duration: 18s;
	 animation-iteration-count: infinite;
	 animation-timing-function: linear;
}

.main-slogan{z-index: 1;color:#323A41;font-size: calc(1vw * 11);font-weight: 600;margin:80px 24px;line-height: 1.1em;letter-spacing: -0.04em;text-align: center;}
.main-screen .description{opacity: .5;position: absolute;bottom:24px;left:24px;font-weight: 600;line-height: 1.2em;padding-right:100px;}


.dark{background: #191F25;}
.dark .h3{color:#FFF;}
.dark{color:#FFF;}
.main-projects{color:#FFF;}
.projects .project{display: block;margin-bottom: 16px;}
.projects.dark .project{background: #191F25;}
.projects .project .img{position: relative;overflow: hidden;display: block;}
.projects .project .img img{width: 100%;height: auto;transform:scale(1.1);object-fit: cover;transition:all .4s cubic-bezier(0.35, 0.6, 0.35, 1);;}

.projects .project .img::after, .projects .project .img::before{content:" ";transition:all .2s ease;overflow: hidden;position: absolute;top:0px;left: 0px;width: 100%;height: 100%;box-shadow: 0 0 0 400px #FFF;border-radius:8px;z-index:1;}
.projects .project:hover .img::after{transform:skewX(-10deg) ;box-shadow: 0 0 0 400px #FFF;}
.projects .project:hover .img::before{transform:skewX(10deg) ;box-shadow: 0 0 0 400px #FFF;}
.projects .project:hover .img img{transform:scale(1);}


.projects .project .name{display: block;color:#323A41;font-weight: 600;text-align: center;margin-top: 24px;font-size: 24px;line-height:28px;margin-bottom:8px;}
.projects .project .desc{display: block;color:#323A41;text-align: center;font-size: 18px;line-height:24px;}
.projects.dark .name, .projects.dark .desc{color:#FFF;}
.projects .project span{-moz-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.projects .project:hover{text-decoration: none;}
.projects.dark .project .img::after, .projects.dark .project .img::before,
.projects.dark .project:hover .img::after,.projects.dark .project:hover .img::before{box-shadow: 0 0 0 400px #191F25}
.projects .project:hover .name, .project:hover .desc{color:#FF8601;}
.main-projects .project{min-height: 400px;}

.project-logo{max-height:64px;max-width: 220px;}
.project>.content{max-width: 1440px;margin:0 auto;}
.project .opinion{background:#f5f5f7;border-radius:16px;padding:24px 16px 8px 16px;display: flex;flex-direction: column;}
.project .opinion:after{content:"";display: block;clear: both;}
.project .opinion .name{font-weight: 600;font-size:22px;margin-bottom: 8px;}
.project .opinion .text{font-size: 20px;}
.project .opinion .grad{font-weight: 600;}
.project .opinion .img{margin:0 auto 20px;text-align: center;}
.project .opinion .img img{box-shadow: 0px 0px 16px rgb(0 0 0 / 4%);border-radius: 8px;width:240px;}

.southwind-bg{background:url(/assets/images/projects/southwind/bg.jpg) center center no-repeat;background-size:100% auto;}
.southwind-bg img{filter: drop-shadow(0px 4px 16px rgba(0,0,0,0.24));}


.link-more{text-align: center;margin-top:64px;}
.link-more a{display: inline-block;height:64px;border-radius:40px;border:2px solid #FF8601;color:#FF8601;font-size: 16px;line-height: 60px;font-weight: 600;text-transform: uppercase;padding:0 20px;}
.link-more a:hover{text-decoration: none;background: #FF8601;color:#FFF;}

.before-after{position: relative;width:100%;padding:6.8% 6%;}
.before-after img{position: absolute;top:0px;left:0px;width:100%;pointer-events: none;}

.main-partners .top, .main-partners .bottom{position: relative;height:64px;width: 100%;overflow: hidden;margin: 60px 0;}
.main-partners .partners{position: absolute;top:0px;transition:all .1s ease;white-space: nowrap;}
.main-partners .top .partners{left:0px;}
.main-partners .bottom .partners{right:0px;}
.partners>div{height:64px;margin:0 16px;display: inline-block;}
.partners img{height:64px;transition:all .2s ease;}
.partners a:hover img{opacity: 0.64;}

.about{color:#FFF;}
.about .h1{max-width: 700px;font-size: 48px;font-weight: 600;line-height: 1.1em;text-transform: inherit;}
.about .h2{font-size: 48px;font-weight: 600;}
.about .h3{line-height: 36px;}

.main-services{margin: 80px 0;}
.main-services .h1{font-size: 32px;margin-bottom: 64px;}
.service-list{list-style: none;padding-left: 0px;margin-bottom:0px;}
.service-list li{padding:32px 0 8px 0;border-top:1px solid rgba(50, 58, 65, .2);}
.service-list li:last-child{border-bottom:1px solid rgba(50, 58, 65, .2);}
.service-list li .h2{font-size: 24px;font-weight: 600;margin-bottom: 32px;text-transform: uppercase;}
.service-list li a {display: inline-block;min-width: 300px;color:#323A41;font-size: 24px;margin-bottom: 24px;line-height: 1.2em;}
.service-list li a:hover{text-decoration: none;color: #1181F0;}

.main-opinions .owl-theme{padding-bottom: 0px;}
.main-opinions .owl-theme .owl-dots{bottom:-48px;}
.main-opinions .lead{text-transform: uppercase;font-size: 24px;font-weight: 600;opacity: .4;margin-bottom: 32px;}
.main-opinions .opinion .doc{box-shadow: 0px 0px 16px rgb(0 0 0 / 8%);border-radius: 16px;padding:16px;display: block;margin-bottom: 16px;}
.main-opinions .opinion .name{font-size: 20px;line-height: 1.1em;}
.main-opinions .opinion .text{font-size: 16px;}
.main-opinions .opinion .img img{display: inline-block;height: auto;}

.order-block{padding:96px 0;background: rgba(17,129,240,.05);}
.order-block .h1{font-weight: 600;}
.order-block .stage, .order-block .form{margin-bottom:32px;}
.order-block .stage .h3{font-size: 24px;font-weight: 600; text-transform: uppercase;opacity: .4;margin-bottom: 32px;padding-top: 12px;}
.order-block .stage .name{font-weight: 600;text-transform: uppercase;opacity: .4;display: inline-block;margin-right: .5em;}
.order-block .active .name{opacity:.75;}
.order-block .stage .check{color:#1181F0;font-weight: 700;font-size: 18px;line-height: 20px;border-bottom:1px dotted #1181F0;cursor:pointer;}
.order-block .stage .check:hover{border-bottom:1px dotted transparent;}
.order-block .steps>div{margin-bottom: 16px;}
.order-block .h1{font-size: 24px;text-transform: uppercase;margin-bottom: 32px;}
.order-block .form .radio{font-size: 16px;position: relative;overflow: hidden;display: inline-block;margin:0 .75em .75em 0;}
.order-block .form .radio input{position: absolute;left:-999999px;}
.order-block .form .radio label{color:#1181F0;display: block;border:1px solid #1181F0;border-radius:1.25em;height:2.5em;line-height: 2.5em;padding:0 1em;transition:all .2s ease;cursor: pointer;}
.order-block .form .radio label:hover, .order-block .form .radio input:checked + label{color:#FFF;background:#1181F0;}
.order-block .form .contacts input {margin-bottom: 16px;width:100%;border-radius:16px;border-color:#FFF;height:60px;}
.order-block .form .contacts input::placeholder{opacity:.5;}
.order-block .form .contacts input:focus{box-shadow: none;opacity:1;border-color:transparent;}
.order-block .form .contacts .btn{border-radius:30px;margin-top: 16px;}

.order-block .order-link{font-size: 24px;color:#1181F0;}
.order-block .order-link a{color:#1181F0;border-bottom: 1px dashed #1181F0;}
.order-block .order-link a:hover{text-decoration: none;border-color: transparent;}


.modal-title{font-size: 24px;line-height: 1.2em;}
//.modal-content{border-radius:32px;}
.modal-header, .modal-body{padding:20px;}
.modal-header{border-bottom: none;}
.modal .btn-close{font-size: 20px;}
.modal .btn-close:focus{box-shadow: none;}
.modal h1.title{margin-bottom: 24px;}
.orderForm input, .orderForm textarea{margin-bottom: 24px;width:100%;border-radius:16px;border-color:#DDD;height:60px;font-weight: 600;}
.orderForm input::placeholder, .orderForm textarea::placeholder{opacity:.5;font-weight: 400;}
.orderForm input:focus, .orderForm textarea:focus{box-shadow: 0 2px 4px rgba(0,0,0,.08);border-color:#1181F0;}
.orderForm input:hover:not(:focus), .orderForm textarea:hover:not(:focus){box-shadow: 0 2px 4px rgba(0,0,0,.08);}
.orderForm textarea{height:136px;resize: none;padding:14px 16px;line-height: 1.25em;}

.orderForm input[type=file]{display: none;}
.orderForm .input-file-row{margin-bottom: 24px;}
.orderForm .input-file span{display: flex;align-items: center;font-weight:600;cursor:pointer;}
.orderForm .input-file span::before{content:"+";display:flex;width:48px;height: 48px;justify-content: center;align-items: center;font-size: 32px;font-weight: 400;border-radius: 24px;border:2px solid #1181F0;color:#1181F0;margin-right: 8px;transition:all .2s ease;}
.orderForm .input-file:hover span::before{color:#FFF;background: #1181F0;}
.orderForm .input-file:hover span{color:#1181f0;}
.orderForm .input-file-list{margin-top: 16px;}
.orderForm .input-file-list-item{margin-top:12px;display: flex;align-items: center;}
.orderForm .input-file-list-name{display: inline-block;line-height: 1.25em;}
.orderForm .input-file-list-size{color:#AAA;font-style: normal;white-space: nowrap;}
.orderForm .input-file-list-remove{display: inline-block;margin-right:8px;text-align: center;}
.orderForm .input-file-list-remove::before{content:"";display: block;width:48px;height:20px;background: url(../img/i_trash.svg) center center no-repeat;background-size: 20px 20px;opacity: .5;transition:all .2s ease;}
.orderForm .input-file-list-remove:hover::before{opacity: 1;}

.orderForm .btn-primary, .btn-primary{border-radius:30px;margin-bottom: 0px;background: #1181F0;border-color:#1181F0;}
//.order-block .orderForm input,.order-block  .orderForm textarea{border-color:#FFF;}
input.error, .order-block .orderForm input.error, .order-block  .orderForm textarea.error, .order-block .form .contacts input.error{border-color:#f01010;}



footer{background: #191F25;color:#FFF;font-size: 14px;}
footer .logo{display: block;margin-bottom: 16px;}
footer .logo .text-bg{fill:#FFF;}
footer a{color:#FFF;display: inline-block;}
footer a:hover, footer .link-order:hover{text-decoration: none;color:#1181F0;}
footer .content{padding:32px 0 24px 0;}
footer .link-order{font-size: 24px;color:#FF8601;font-weight: 400;margin-bottom: 16px;cursor:pointer;display: inline-block;}
footer .menu{list-style: none;padding-left: 0;}
footer .menu li{display:block;margin-bottom: 16px;}
footer .menu .active span{color:#AAA;}
footer .phone, footer .mail{font-size: 18px;}
footer .phone::after, footer .mail::after{content:"";display: inline-block;width:4px;height:4px;border-radius:50%;background: #1181F0;margin:0 0 4px 4px;}
footer .line{width:100%;height:1px;background: #FFF;opacity: .1;}
footer .copy{opacity:.4;text-align: center;padding:16px 0;font-size: 11px;}
footer .soc a{margin-right:8px;}
footer .soc svg path{fill:#FFF;}
footer .soc a:hover svg path{fill:#1181F0;}
footer a, footer .soc svg path{transition:all .2s ease;}


.feature{margin-bottom: 2em;font-size: 1.5rem;}
.feature p{font-size: 1rem;line-height: 1.25em;}
.feature .h2{font-size: 1.5rem;font-weight: 700;margin-bottom: .75em;display: flex;align-items: center;}
.feature .h2 img{height:1.5em;width:1.5em;margin-right: .75em;}

.create-stages{background: rgba(17,129,240,.05);}
.stages .h2{text-transform: uppercase;font-weight: 800;font-size: 2rem;}
.stages .lead{text-transform: uppercase;font-size: 24px;font-weight: 600;opacity: .4;margin-bottom: 32px;}
.stage-list {counter-reset: number;}
.stage-history{margin-top:24px;counter-reset: number;}
.stage-list .stage-item{padding:16px;border-radius: 16px;box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);position: relative;overflow: hidden;counter-increment: number;height:100%;display: flex;flex-direction: column;background: #FFF;}
.stage-list .stage-item .body{flex: 1 0 auto;}
.stage-item .title{font-weight: 600;font-size: 1.75rem;margin-bottom: 16px;line-height: 1.1em;}
.stage-item .text{font-size: 18px;margin-bottom: 20px;max-width: 70%;line-height: 1.2em;text-wrap: balance;}
.stage-item .footer{font-size: 1.75rem;font-weight: 600;flex: 0 0 auto;}
.stage-item::after{content:counter(number);display: block;font-size: 180px;font-weight: 700;line-height: 1em;position: absolute;bottom:-32px;right:-20px;background: linear-gradient(110deg, #FFB905 20%, #7BC20F 50%, #4CA9FF 80%);
	-webkit-background-clip: text;-webkit-text-fill-color: transparent;
	 -moz-background-clip: text;-moz-text-fill-color: transparent;
	 -ms-background-clip: text;-ms-text-fill-color: transparent;
	 background-clip: text;text-fill-color: transparent;
	 -webkit-box-decoration-break: clone;white-space: nowrap;z-index:0;opacity: .2;transition:all .4s ease;}
.stage-item:hover::after{opacity: 1;}
	 
	 


.stage-history .stage-item{position: relative;counter-increment: number;padding-bottom:32px;padding-left:20px;margin-left: 6px;border-left:1px solid #d9dadb;}
.stage-history .stage-item:last-child{border:none;}
.stage-history .stage-item::after{bottom:auto;top:0px;font-size: 200px;line-height: 160px;}
.stage-history .stage-item .top{padding-bottom: 16px;font-size: 20px;}
.stage-history .stage-item .top::before{content:"";display: block;width:32px;height:32px;border-radius: 16px;position: absolute;left:-16px;top:0px;border:10px solid #FFF;background: #d9dadb;}
.stage-history .stage-item .text{max-width: 85%;}

.type-list .stage-item{display: block;color:#323A41;}
.type-list .stage-item .title, .type-list .stage-item .text{max-width: 100%;display: block;}
.type-list .stage-item::after{display: none;}
.type-list .stage-item .marker{font-size: 240px;font-weight: 800;height:200px;line-height: 200px;position: absolute;bottom:-24px;left:-24px;opacity: 0.05;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.type-list .stage-item:hover{text-decoration: none;color:#323A41;}
.type-list .stage-item:hover .marker{left:-128px;color:#1181F0;}
.type-list .stage-item:hover .title{color:#1181F0;}

.modx{width: 100%;max-width: 640px;margin:40px auto 40px;display: block;}
.modx+.lead{max-width: 840px;margin:32px auto 80px;text-align: center;}

.modules{--bs-gutter-y:64px;--bs-gutter-x:24px;align-items: center;margin-top:16px;margin-bottom: 96px;}
.modules .col-6{text-align: center;}
.modules img{max-width: 80%;max-height:64px;filter: grayscale(100%);-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity: .5;}
.modules img:hover{filter: grayscale(0);opacity: 1;}


.projects .h1{margin-bottom: 48px;}
.projects.dark .h1{color:#FFF;}

.category{height:37px;overflow: clip;}
.category .owl-theme{margin-bottom: 0;}
.category .owl-stage-outer, #owl-gallery .owl-stage-outer{overflow: visible;}
.category a, .category span{display: inline-block;padding:8px 16px;font-size:14px;border-radius:16px;background: #f5f5f7;text-transform: uppercase;font-weight: 600;color:#323A41;text-decoration: none;transition:all .2s ease;white-space: nowrap;}
.category span{background: rgba(17, 129, 240, 0.1);color:#1181F0;}
.category a:hover{background: rgba(17, 129, 240, 0.1);}

.btn-blue, .btn-orange{border-radius:60px;margin-top: 0;margin-bottom: 0px;background: transparent;border-color:#1181F0;color:#1181F0;padding:1rem 3rem;font-weight: 600;border-width: 3px;text-transform: uppercase;}
.btn-blue:hover{background: #1181F0;color:#FFF;text-decoration: none;}
.btn-blue:focus, .btn-orange:focus{box-shadow: none;}
.btn-orange{border-color:#FF8601;color:#FF8601;}
.btn-orange:hover{background: #FF8601;color:#FFF;text-decoration: none;}

.btn-primary {background-color: #1181F0;border-color: #1181F0;}
.btn-primary:hover {background-color: #0f77df;border-color: #0f77df;}
.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus{box-shadow: none;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {background-color: #0068d0;border-color: #0068d0;}
button:focus, .form-control:focus, .btn.focus, .btn:focus {box-shadow: none;outline: none;}


.tooltip-inner{background: #1181F0;}
.bs-tooltip-top .tooltip-arrow::before{border-top-color:#1181F0;}

.direct .container{padding-top:80px;padding-bottom: 80px;}
.direct .row{--bs-gutter-x:80px;}
.direct img{max-width: 400px;width:100%;display: block;margin:0 auto;}

.img-sber{display:block;margin-left:auto;margin-right:auto;max-width:420px;width:100%;}

.owl-theme{padding-bottom:48px;}
.owl-theme .owl-nav{margin:0;}
.owl-theme .owl-dots{position:absolute;bottom:0px;width:100%;text-align:center;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{position:absolute;top:50%;left:12px;margin:-32px 0 0 0;height:64px;width:32px;padding:0px;background:transparent url("../img/i_prev.svg") left center no-repeat;}
.owl-carousel .owl-nav button.owl-next{left:auto;right:12px;background:transparent url("../img/i_next.svg") right center no-repeat;}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{display:none;}
.owl-theme .owl-nav [class*=owl-next]:hover{background:transparent url("../img/i_next.svg") right center no-repeat;opacity:.75;}
.owl-theme .owl-nav [class*=owl-prev]:hover{background:transparent url("../img/i_prev.svg") left center no-repeat;opacity:.75;}
.owl-theme .owl-dots .owl-dot span{transition:all .2s ease;}
.owl-theme .owl-dots .owl-dot:hover span{background:rgba(17, 129, 240, 0.5);}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot.active:hover span{background:#1181F0;}

#owl-projects{padding-bottom: 0;}
#owl-projects .owl-stage-outer{overflow: visible;}
#owl-projects .project{max-width: 280px;}


#breadcrumbs{list-style: none;margin:0;padding:8px 0;font-size: 14px;display: block;}
#breadcrumbs li a, #breadcrumbs li a span{color:#FFF;font-weight: 400;} 
#breadcrumbs li span{color:#AAA;}
#breadcrumbs li{display: inline-block;margin-right: 1px;}
#breadcrumbs li::after{content: "/";display: inline-block;margin: 0px 3px;color:#AAA;}
#breadcrumbs li:last-child::after{content:" ";display: none;}

.report{display: flex;flex-direction: column;}
.report .img{text-align: center;}
.report img{width:128px;}
.report .text{padding:24px;}

.er404{font-weight: 700;font-size: 80px;text-align: center;margin-bottom: 40px;}

.video{overflow: hidden;}
.project-video{width:100%;margin:0;display: block;}



.services .name{font-size: 20px;font-weight: 700;margin-bottom: 16px;display: inline-block;line-height: 1.25em;}
.services .text{font-size: 18px;line-height: 1.25em;margin-bottom: 24px;}
.services ul{display: block;list-style: none;padding:0px;margin-bottom: 16px;}
.services ul li{display: inline-block;border-radius: 50px;background: #EEE;padding:4px 12px;margin:0 8px 12px 0;font-weight: 600;}

.content .p_r, .content .p_l, .content .p_c{margin-left: auto;margin-right:auto;max-width: 100%;display: block;
	 border-radius: 16px;
	 box-shadow: 0px 0px 16px rgb(0 0 0 / 8%);}

.digit, .digit2{font-size:120px;line-height: .9em;text-align: center;font-weight: 700;}
.digit2{margin-bottom: 20px;font-size:62px;}

.exp-modx .text, .actual .text{font-size: 18px;line-height: 1.25em;}

.clients img{width:100%;height:64px;object-fit: contain;}
.clients .lead{text-transform: uppercase;font-size: 24px;font-weight: 600;opacity: .4;margin-bottom: 32px;color:#FFF;}
.clients a:hover{opacity: .64;}

.create-services, .marketing-services, .marketing-optimize, .support-services{background: #f5f5f7;}
.section-lead{text-transform: uppercase;font-size: 24px;font-weight: 600;opacity: .4;margin-bottom: 32px;text-wrap:balance;line-height: 1.2em;}

.service-row:not(:last-child){margin-bottom: 24px;}
.service-row{padding: 16px 16px 1px 16px;border-radius: 16px;box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);position: relative;overflow: clip;background: #FFF;transition:all .6s ease;}
.service-row:hover{box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.24);}
.service-row .title, .qa .title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;gap:20px;}
.service-row .title h3, .qa .title h3{font-weight: 600;font-size: 24px;margin-bottom: 0px;cursor: pointer;}
.service-row .subtitle{font-size:18px;line-height: 1.25em;font-weight: 600;margin-bottom: 16px;}
.service-row .content, .qa .answer{display: none;}
.service-row .btn-open, .qa .btn-open{width: 32px;height:32px;border-radius: 16px;border:2px solid #1181F0;color:#1181F0;display: flex;align-items: center;justify-content: center;cursor: pointer;background: none;transition:all .3s ease;font-size: 28px;}
.service-row .btn-open:hover, .qa .btn-open:hover{background: #1181F0;color:#FFF;}
.service-row.active .btn-open, .qa.active .btn-open{transform: rotate(45deg);font-size: 36px;}

.qa:first-child{border-top:1px solid #DDD;}
.qa{padding:24px 0;border-bottom:1px solid #DDD;}
.qa .title{margin-bottom: 0px;}
.qa .answer{padding:20px 0 0 0;}

.owl-projects-service{padding-bottom: 0;padding-top:0px;}
.owl-projects-service .owl-stage-outer{overflow: visible;}
.owl-projects-service .project{max-width:250px;}
.owl-projects-service .project .img img{height:250px;}
.owl-projects-service .project .name{font-size: 20px;line-height: 24px;}


.complex-services{background: #e3e2e4;}
.complex-services .title{font-weight: 700;font-size: 2rem;margin-bottom: 2rem;text-transform: uppercase;line-height: 1.2em;}
.complex-services .img{height: 100%;display: flex;align-items: center;justify-content: center;position: relative;max-width: 400px;margin: 0 auto;}
.complex-services .img svg{position: absolute;top:0px;left:0px;width:100%;height: 100%;object-fit: contain;}
.complex-services img{max-width:100%;width:256px;-webkit-filter: drop-shadow(0px 4px 8px rgba(0,0,0,.32));filter: drop-shadow(0px 4px 8px rgba(0,0,0,.32));padding:32px;flex:1 0 auto;}
.complex-services p{margin-bottom: 24px;line-height: 1.25em;}
.complex-services ul{display: block;list-style: none;padding:0px;margin-bottom: 0px;}
.complex-services ul li{display: inline-block;margin:0 8px 12px 0;}
.complex-services ul li:last-child{margin:0;}
.complex-services ul li a{display: inline-block;border-radius: 50px;border:2px solid #1181F0;color:#1181F0;padding:4px 12px;font-weight: 500;}
.complex-services ul li a:hover{background: #1181F0;color:#FFF;}


.rating .rating-row{color:#323A41;display: flex;align-items: center;}
.rating .rating-row:hover .name{opacity: .7;}
.rating .rating-row:hover .num{transform: scale(1.06);}
.rating .rating-row .place{display: flex;align-items: center;justify-content: center;flex-direction: column;color:#c8af72;font-size: 12px;font-weight: 600;margin-right:24px;}
.rating .rating-row .place .num{font-size:72px;line-height: 56px;color:#c8af72;font-weight: 400;transition:all .3s ease;}
.rating .rating-row .name{font-weight: 600;line-height: 1.2em;display: block;margin-bottom: 12px;text-wrap:balance;transition:all .3s ease;}

.price-row{display: flex;flex-direction: column;}
.price-row .price-head{margin-bottom: 48px;flex:1 0 auto;}
.price-row .title{font-weight: 600;font-size: 1.75rem;margin-bottom: .5em;text-transform: uppercase;line-height: 1em;}
.price-row .subtitle{font-size:20px;line-height: 1.25em;font-weight: 600;margin-bottom: 0;}

.box-light{padding:24px;border-radius: 24px;background:#f5f5f7;height:100%;}
.box-light>*:last-child{margin-bottom: 0px;}

.valuables .num{font-size: 32px;margin-bottom:24px;opacity: .5;}
.valuables .text{font-size: 16px;}
.valuables .name{font-weight: 600;font-size: 24px;margin-bottom:24px;line-height: 1.1em;}

.contacts a{color:#323C41;}
.contacts a:hover{color:#1181F0;}

#orderModal .contacts a{color:#323C41;}
#orderModal .contacts a:hover{color:#1181F0;}
#orderModal .contacts .soc a{margin-right: 8px;}
#orderModal .contacts .soc svg path{transition:all .2s ease;}
#orderModal .contacts .soc a:hover svg path{fill:#1181F0;}
#orderModal .btn-primary{width:100%;padding:8px 32px;}
#orderModal .text-muted{max-width: 480px;font-size: 20px;line-height: 1.25em;}

#messangersBtn{position:fixed;right:4px;bottom:24px;display: flex;flex-direction: column;justify-content: end;align-items: center;z-index:1006;width:80px;}
#messangersBtn .animBtn{position: relative;width:40px;height:40px;cursor: pointer;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
#messangersBtn .animBtn .icon{opacity: 0;border-radius: 50%;width:100%;height:100%;position: absolute;top:0px;left:0px;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 12px rgba(0,0,0,.16);}
#messangersBtn .animBtn .icon.active{opacity: 1;}
#messangersBtn .animBtn:hover{transform: scale(1.1,1.1);}
#messangersBtn .icon-wa{background: #25D366;}
#messangersBtn .icon-wa img{height:62.5%;}
#messangersBtn .icon-tg{background: #0088CC;}
#messangersBtn .icon-tg img{height:62.5%;}
#messangersBtn .icon-ph{background: #FF8601;}
#messangersBtn .icon-ph img{height:46.8%;}
#messangersBtn .animBtn.active .icon, #messangersBtn .animBtn.active .btnWaveColor{opacity: 0;}
#messangersBtn .mobileBlock{display: flex;flex-direction: column;justify-content: end;align-items: center;height:0px;width:80px;overflow: hidden;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#messangersBtn .mobileBlock a{display: flex;align-items: center;justify-content: center; width:40px;height:40px;margin-bottom: 24px;border-radius: 50%;overflow: hidden;box-shadow: 0 4px 12px rgba(0,0,0,.16);-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity: 0;}
#messangersBtn .mobileBlock a img{display: block;}
#messangersBtn.active .mobileBlock{height:400px;}
#messangersBtn.active .mobileBlock a{opacity: 1;}
#messangersBtn .animBtn .btnClose{display: flex;align-items: center;justify-content: center; width:40px;height:40px;font-size: 32px;border-radius: 50%;background: #EEE;opacity: 0;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#messangersBtn .animBtn.active .btnClose{opacity: .9;	 -webkit-transform: rotate(-270deg);-moz-transform: rotate(-270deg);-o-transform: rotate(-270deg);-ms-transform: rotate(-270deg);transform: rotate(-270deg);}

#messengersModal .phone{text-align: center; margin-bottom: 32px;font-size: 28px;color:#323A41;}
#messengersModal .phone:hover{text-decoration: none;color:#1181F0;}
#messengersModal .qr-row p{color:#6c757d;font-size:12px;text-align: center;margin-top:16px;}
#messengersModal .qr-row img{max-width: 320px;}
#messengersModal .qr-row .col-12{text-align: center;}
#messengersModal .qr-row .btn{width:100%;background: transparent;border:3px solid #0088CC;margin-bottom: 16px;font-weight: 600;text-transform: uppercase;border-radius:100px;padding:12px 24px;color:#0088CC;}
#messengersModal .qr-row .btn:hover{text-decoration: none;background: #0088CC;color:#FFF;}
#messengersModal .qr-row .btn-wa{border-color:#25D366;color:#25D366;}
#messengersModal .qr-row .btn-wa:hover{background:#25D366;color:#FFF;}

@keyframes ButtonWaveColor {
	from {color: #FF8601;}
	20% {color: #25D366;}
	40% {color: #25D366;}
	60% {color: #0088CC;}
	80% {color: #0088CC;}
	90% {color: #FF8601;}
	to {color: #FF8601;}
 }
 
.btnWaveColor {animation: ButtonWaveColor 9s linear infinite;}
  
@keyframes ButtonWaveSonic {
	  from {transform: scale(1);opacity: 0;}
	  60% {transform: scale(1);opacity: 0;}
	  70% {opacity: 0.4;}
	  to {transform: scale(2);opacity: 0;}
}

.cookieconsent{background-color: rgba(255,255,255,.95);box-shadow: 0 4px 16px rgba(0,0,0,.16);padding: 24px 0;position: fixed;bottom: 0;left: 0;right: 0;top: auto;font-size: 12px;color:#323A41;text-align: left;z-index: 99999;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
.cookieconsenttext{margin-bottom: 20px;}
.cookieconsent a{color: #1181F0;text-decoration: none;}
.cookieconsent a:hover{text-decoration: underline;}
.cookieconsent_container {display: flex;flex-direction: column;}
.cookieconsent_close-btn {padding:8px 24px;border-radius: 60px;background: transparent;border-color:#1181F0;color:#1181F0;font-weight: 600;border-width: 2px;text-transform: uppercase;}
.cookieconsent_close-btn:hover{background:#1181F0;color:#fff;}
  
.btnWave {position: absolute;z-index: 1;width: 100%;aspect-ratio: 1 / 1;border-radius: 50%;background: radial-gradient(rgb(255, 255, 255, 0), currentColor);animation: ButtonWaveSonic 3s ease infinite;}

.form-check{padding-left: 0px;margin-bottom: 24px;}
.form-radio{margin:0 20px 20px 0;display: inline-block;min-width: 136px;}
input[type="checkbox"]:checked, input[type="checkbox"]:not(:checked),
input[type="radio"]:checked, input[type="radio"]:not(:checked){position: absolute;left: -9999px;}
input[type="checkbox"]:checked + label, input[type="checkbox"]:not(:checked) + label,
input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label{display: inline-flex;position: relative;padding-left: 48px;line-height: 16px;cursor: pointer;min-height: 32px;align-items: center;}
input[type="checkbox"]:checked + label:before, 
input[type="checkbox"]:not(:checked) + label:before{content: "";position: absolute;left: 0px;top: 50%;width: 32px;height: 32px;margin-top:-16px;border: 2px solid #DDD;background-color: none;border-radius: 6px;transition:all .3s ease;}
input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:not(:checked) + label:after{content: "";position: absolute;left: 6px;top: 50%;width: 20px;height: 12px;margin-top: -8px;border-radius: 3px;border-left: 4px solid #1181F0;border-bottom: 4px solid #1181F0;transition:all .3s ease;}

input[type="radio"]:checked + label:before, input[type="radio"]:not(:checked) + label:before{content: "";position: absolute;left: 0px;top: 50%;width: 32px;height: 32px;margin-top:-16px;border: 2px solid #DDD;background-color: none;transition:all .3s ease;border-radius:50%;}
input[type="checkbox"]:not(:checked):hover + label:before, input[type="radio"]:not(:checked):hover + label:before,
input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before{border-color:#1181F0;}
input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after{content: "";position: absolute;background: #1181F0;left: 6px;top: 6x;width: 20px;height: 20px;border-radius:50%;transition:all .2s ease;}

input[type="checkbox"]:not(:checked) + label:after, 
input[type="radio"]:not(:checked) + label:after{opacity: 0;}
input[type="checkbox"]:checked + label:after,
input[type="radio"]:checked + label:after{opacity: 1;transform: rotate(-45deg);}

input[type="checkbox"].error + label:before{border-color: #f01010;}


@media only screen and (min-width : 375px) {
	//.project-logo{max-width: 150px;}
	h1{font-size: 1.75rem;}
	.sidebar .top{font-size: 24px;}
	#owl-projects .project{max-width: 320px;}
	#messangersBtn{right:16px;}
	#messangersBtn .animBtn, #messangersBtn .mobileBlock a, #messangersBtn .animBtn .btnClose{width:64px;height:64px;}
	#messangersBtn .animBtn .btnClose{font-size:48px;}
	.order-block .form .radio label{font-size: 16px;}
	.link-more a{padding:0 24px;}
	.complex-services ul li a{font-weight: 600;}
}

@media only screen and (min-width : 420px) {
	.container{padding-right:20px;padding-left:20px;}
	.sidebar .top{font-size: 28px;}
	.service-row .title h3{font-size: 28px;}
	.service-row .subtitle{font-size: 20px;}
	.service-row{padding:24px 24px 8px 24px;border-radius:24px;}
	.stage-list .stage-item{padding:24px;border-radius: 24px;}
	.service-row .content{margin:0 -20px;padding:0 12px;}
	.service-row:not(:last-child){margin-bottom: 32px;}
	.stage-item .text{font-size: 20px;}
	.stage-item::after{font-size: 200px;}
	.complex-services p{font-size: 18px;}
	.digit2{font-size:80px;}
	.price-row .title{font-size: 2rem;}
	.price-row .subtitle{font-size: 1.25rem;}
	.valuables .text{font-size: 18px; }
	.my-6{margin-top:64px;margin-bottom:64px;}
	.mt-6{margin-top: 64px;}
	.mb-6{margin-bottom: 64px;}
	.pt-6{padding-top:64px;}
	.pb-6{padding-bottom:64px;}
	.py-6{padding-top:64px;padding-bottom:64px;}
}

@media only screen and (min-width : 480px) {
	.main-slogan{font-size: 48px;}
	header .phone{display:block;}
}

@media only screen and (min-width : 576px) {
	h1{font-size: 2rem;}
	h1.title, .h1.title, .complex-services .title{font-size: 2.5rem;margin-bottom: 2rem;}
	.list2 li .title{font-size: 24px;}
	.main-title{font-size: 28px;}
	.sidebar .top{font-size: 32px;}
    input[type="checkbox"]:checked + label, input[type="checkbox"]:not(:checked) + label,
	 input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label{font-size: 16px;line-height: 20px;}
	.main-services .h1{font-size: 48px;}
	.service-list li .h2 {font-size:36px;}
	.about .h1{font-size: 64px;}
	.service-list li a {min-width: 472px;}
	.order-block .h1{font-size: 32px;}
	.stage-list .stage-item{padding:24px;}
	.stage-history .stage-item{padding-left: 32px;}
	.project-logo{max-height:64px;max-width: 220px;}
	.report{display: flex;flex-direction: row;align-items: center;}
	.report .img{text-align: left;}
	.report .text{padding:0 24px;}
	.project .opinion{border-radius: 24px;padding:24px 24px 16px 24px;}
	.project .opinion .img{float:right;margin:0 0 12px 32px;}
	.link-more a{font-size: 20px;}
	.cookieconsent_container {flex-direction: row;justify-content: center;align-items: center;font-size:14px;}
	.cookieconsenttext{margin-bottom: 0px;}
	.cookieconsent_close-btn {margin: 0 0 0 24px;}
	.service-row .content{margin:0 -24px;padding:0 16px;}
}

@media only screen and (min-width : 768px) {
	header .link-order{display: block;}
	h1{font-size: 3rem;}
	h1.title, .h1.title, .complex-services .title{font-size: 3rem;margin-bottom: 2rem;}
	.sidebar .top{font-size: 28px;}
	.bg{margin-bottom: 0px;height:560px;max-height: 560px;}
	#pad{height:96px;}
	.service-projects{opacity: 0;display: block;}
	#show{position: absolute;bottom:10%;left:10%;width:auto;height:128px;border-radius:0;display: flex;align-items: center;}
	#show img{height:128px;width:128px;margin-right: 32px;}
	#show span{display: block;font-size: 24px;border-bottom: 1px dashed;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
	#show:hover span{border-color: transparent;}
	.complex-services p{font-size: 20px;margin-bottom: 32px;}
	.complex-services .img{max-width: inherit;margin: inherit;}
	.price-row .subtitle{font-size: 1.375rem;}
	.price-row .price-body{font-size: 1.125rem;}
	.my-6{margin-top:80px;margin-bottom:80px;}
	.mt-6{margin-top: 80px;}
	.mb-6{margin-bottom: 80px;}
	.pt-6{padding-top:80px;}
	.pb-6{padding-bottom:80px;}
	.py-6{padding-top:80px;padding-bottom:80px;}
	.content .p_r{float:right;margin:0 0 20px 30px;max-width: 360px;}
	.content .p_l{float:left;margin:0 30px 20px 0;max-width: 360px;}
	footer .content{padding:48px 0;}
	footer .copy{padding:24px 0;}
	footer .link-order{font-size: 32px;}
	footer .menu li{display: inline-block;margin:0 16px;}
	.modal-title{font-size: 32px;}
	.modal-body{padding:0 3rem 3rem 3rem;}
	.modal-header{padding:2rem 3rem;}
	.project-logo{max-width: 100%;}
	.project .opinion{padding:32px 32px 24px 32px;border-radius: 32px;}
	.er404{font-size: 120px;}
	.cookieconsent_container{font-size:16px;}
	.stage-item .title{max-width: 80%;}
	.qa .text{padding-right:64px;}
}

@media only screen and (min-width : 992px) {
	.h1{font-size: 3.25rem;}
	h1.title, .h1.title{font-size: 3.25rem;margin-bottom: 2rem;}
	.list2 li:not(:last-child){margin-bottom: 40px;}
	.main-text{font-size: 32px;}
	.main-title{font-size: 36px;}
	header .menu{display: block;}
	header .menu-btn{display:none;}
	.feature, .feature .h2{font-size: 1.75rem;}
	.content .p_r,.content .p_l{max-width: 480px;}
	.main-screen .description{font-size: 20px;}
	.main-projects .row{--bs-gutter-x:64px;}
	.main-slogan{font-size: 60px;}
	.services .text, .exp-modx .text, .actual .text{font-size: 20px;}
	.order-block .form .contacts input {max-width: 460px;}
	.order-block .h1{font-size: 40px;}
	.order-block .form .radio{font-size: 24px;}
	footer .phone, footer .mail{font-size: 20px;}
	footer .menu{margin-top: 16px;}
	footer .phone::after, footer .mail::after{width:8px;height:8px;margin:0 0 4px 8px;}
	//footer .soc a{margin-right:16px;}
	.btn-blue{padding:1rem 5rem;border-radius: 36px;}
	#owl-projects .project{max-width: 100%;}
	.scroll-down{width:40px;margin-left: -20px;}
	.scroll-down img{width:40px;height: auto;}
	.main-opinions .opinion .text{font-size: 18px;}
	.digit2{font-size:58px;}
	.section-lead{position: sticky;top:40px;margin-bottom: 0px;transition:all .4s ease-out;}
	.header-active .section-lead{top:120px;}
	.valuables .name{font-size: 28px;}
	.valuables .text{font-size: 20px;}
}

@media only screen and (min-width : 1080px) {
	header .link-order{margin-left:114px;}
}

@media only screen and (min-width : 1200px) {
	h1.title, .h1.title, .complex-services .title{font-size: 3.5rem;margin-bottom: 2rem;}
	.content .p_r,.content .p_l{max-width: 570px;}
	.list li:before{margin-top: 2px;}
	.list2 li:not(:last-child){margin-bottom: 48px;}
	.list2 li .title{font-size: 28px;}
	.list2 li p{font-size: 20px;}
	.order-block .form .contacts input {max-width: 560px;}
	.partners>div{margin: 0 32px;}
	.er404{font-size: 160px;}
	.main-slogan{font-size: 80px;}
	.feature p{font-size: 1.25rem;}
	.my-6{margin-top:120px;margin-bottom:120px;}
	.mt-6{margin-top: 120px;}
	.mb-6{margin-bottom: 120px;}
	.pt-6{padding-top:120px;}
	.pb-6{padding-bottom:120px;}
	.py-6{padding-top:120px;padding-bottom:120px;}
	.services .name{font-size: 24px;}
	.services .text,.exp-modx .text, .actual .text{font-size: 22px;}
	.services ul li{padding:6px 16px;}
	.service-row{padding:32px 32px 16px 32px;border-radius:32px;}
	.box-light{padding:32px;border-radius: 32px;}
	.service-row .title h3{font-size: 36px;}
	.service-row .subtitle{font-size: 24px;}
	.service-row .text, .qa .text{font-size: 18px;}
	.qa .title h3{font-size: 28px;}
	.qa{padding:32px 0;}
	.owl-projects-service .project{max-width:320px;width:320px;}
	.owl-projects-service .project .img img{height:320px;}
	.complex-services p{font-size: 24px;margin-bottom: 32px;}
	.complex-services ul li a{font-size: 18px;}
	.stage-list .stage-item{padding:32px;border-radius: 32px;}
	.digit2{font-size:72px;}
	.category{height:48px;}
	.category a, .category span{padding:12px 24px;font-size:16px;border-radius:16px;border-radius: 32px}
}

@media only screen and (min-width : 1400px) {
	:root{--fz: .06vw;}
	header{font-size:18px;padding:24px;}
	.zls-logo, header .link-order{height:48px;}
	header .link-order{padding:8px 16px;margin-left:100px;}
	#pad2{height:96px;}
	h1.title, .h1.title{font-size: 4rem;margin: 1rem 0 3rem 0;}
	.main-text{font-size: 38px;}
	.main-title{font-size: 42px;}
	.bg.landing-page{background: url(../../images/bg-lp-2560.jpg) center center no-repeat;background-size: cover;}
	.order-block .form .contacts input {max-width: 630px;}
	.modules .col-12{width:20%;max-width:20%;}
	.southwind-bg{background-size:100% 100%;}
	.main-slogan{font-size:calc(110 * var(--fz));}
	.main-screen .description{bottom:32px;left:32px;}
	.about .h1{max-width: 960px;font-size: 80px;}
	.services .name{font-size: 28px;}
	.services .text, .exp-modx .text, .actual .text{font-size: 24px;}
	header.hide .link-order{transform: translateY(200%);}
	.my-6{margin-top:140px;margin-bottom:140px;}
	.mt-6{margin-top: 140px;}
	.mb-6{margin-bottom: 140px;}
	.pt-6{padding-top:140px;}
	.pb-6{padding-bottom:140px;}
	.py-6{padding-top:140px;padding-bottom:140px;}
	.digit{font-size:140px;margin-bottom: 8px;}
	.service-row:not(:last-child){margin-bottom: 40px;}
	.service-row .content{margin:0 -32px;padding:0 24px;}
	.service-row .btn-open, .qa .btn-open{width:48px;min-width:48px;height:48px;border-radius:24px;font-size:40px;}
	.service-row.active .btn-open, .qa.active .btn-open{font-size: 48px;}
	.qa .text{padding-right:96px;}
	.complex-services ul li a{font-size: 20px;padding:8px 16px;}
	.rating .rating-row .place{font-size: 15px;}
	.rating .rating-row .place .num{font-size:96px;line-height: 72px;}
	.rating .rating-row .name{font-size: 18px;}
	.digit2{font-size:82px;}
	.price-row .title{font-size: 2.25rem;}
	.header-active .section-lead{top:136px;}
	.section-lead{font-size:32px;}
	.policy p{font-size:20px;}
}

@media only screen and (min-width : 1600px) {
	h1.title, .h1.title{font-size: 4.5rem;margin: 2rem 0;}
	.container{max-width: 1480px;}
	.about .h1{max-width: 1200px;font-size: 96px;line-height: 1.05em;}
	.about .h2{font-size: 60px;}
	.about{padding-bottom: 64px;}
	.digit{font-size:180px;}
	.col-xxxl-1 {flex: 0 0 auto;width: 8.3333333333%;}
	.col-xxxl-2 {flex: 0 0 auto;width: 16.6666666667%;}
	.col-xxxl-3 {flex: 0 0 auto;width: 25%;}
	.col-xxxl-4 {flex: 0 0 auto;width: 33.3333333333%;}
	.col-xxxl-5 {flex: 0 0 auto;width: 41.6666666667%;}
	.col-xxxl-6 {flex: 0 0 auto;width: 50%;}
	.col-xxxl-7 {flex: 0 0 auto;width: 58.3333333333%;}
	.col-xxxl-8 {flex: 0 0 auto;width: 66.6666666667%;}
	.col-xxxl-9 {flex: 0 0 auto;width: 75%;}
	.col-xxxl-10 {flex: 0 0 auto;width: 83.3333333333%;}
	.col-xxxl-11 {flex: 0 0 auto;width: 91.6666666667%;}
	.col-xxxl-12 {flex: 0 0 auto;width: 100%;}
	.d-xxxl-block{display: block !important;}
	.mx-xxxl-auto {margin-right: auto !important;margin-left: auto !important;}
	.services .name{font-size: 32px;}
	.services .text, .exp-modx .text, .actual .text{font-size: 28px;}
	.owl-projects-service .project{max-width:360px;width:360px;}
	.owl-projects-service .project .img img{height:360px;}
	.owl-projects-service .project .name{font-size: 24px;line-height: 28px;}
	.complex-services img{max-width: 420px;}
	.rating .rating-row .name{font-size: 20px;}
	.rating .rating-row .place{margin-right:32px;}
	.digit2{font-size:92px;}
	.price-row .title{font-size: 2.5rem;}
}

@media only screen and (min-width : 1920px) {
	header{font-size:20px;padding:28px;}
	.zls-logo, header .link-order{height:56px;}
	header .link-order{padding:10px 16px;margin-left:90px;}
	#pad2{height:112px;}
	h1.title, .h1.title{font-size: 6rem;margin: 2rem 0 3rem 0;}
	h1.main-title, .h1.main-title{font-size: 4rem;}
	.list li{padding-left: 28px;}
	.list li:before{margin: 0px 12px 0 0 ;height:12px; width:12px;}
	.list2{display: flex;flex-wrap: wrap;margin:0 -24px;}
	.list2 li{max-width: 50%;width:50%;padding:0 24px;}
	.list2 li .title, .list2 li p{text-wrap:balance;}
	.main-text{font-size: 40px;}
	.main-title{font-size: 48px;}
	//header{padding:calc(32 * var(--fz));}
	.container{max-width: 1800px;}
	.main-slogan{margin:120px 0;}
	.main-screen .description{font-size: 24px;bottom:calc(32 * var(--fz));left:calc(32 * var(--fz));}
	.projects .project .name{font-size: 32px;line-height: 40px;}
	.projects .project .desc{font-size: 22px;line-height: 28px;}
	//.main-partners{margin:0 0 192px 0;}
	.main-partners .top, .main-partners .bottom{margin:64px 0;}
	.modx{width: 100%;max-width: 800px;margin:64px auto 64px;}
	.feature, .feature .h2{font-size: 2rem;}
	.feature p{font-size: 1.5rem;}
	.digit{font-size:200px;}
	.col-xxxxl-1 {flex: 0 0 auto;width: 8.3333333333%;}
	.col-xxxxl-2 {flex: 0 0 auto;width: 16.6666666667%;}
	.col-xxxxl-3 {flex: 0 0 auto;width: 25%;}
	.col-xxxxl-4 {flex: 0 0 auto;width: 33.3333333333%;}
	.col-xxxxl-5 {flex: 0 0 auto;width: 41.6666666667%;}
	.col-xxxxl-6 {flex: 0 0 auto;width: 50%;}
	.col-xxxxl-7 {flex: 0 0 auto;width: 58.3333333333%;}
	.col-xxxxl-8 {flex: 0 0 auto;width: 66.6666666667%;}
	.col-xxxxl-9 {flex: 0 0 auto;width: 75%;}
	.col-xxxxl-10 {flex: 0 0 auto;width: 83.3333333333%;}
	.col-xxxxl-11 {flex: 0 0 auto;width: 91.6666666667%;}
	.col-xxxxl-12 {flex: 0 0 auto;width: 12%;}
	.mx-xxxxl-auto {margin-right: auto !important;margin-left: auto !important;}
	.services .name{font-size: 40px;}
	.services .text, .exp-modx .text, .actual .text{font-size: 32px;}
	.services ul li{font-size: 24px;}
	.my-6{margin-top:160px;margin-bottom:160px;}
	.mt-6{margin-top: 160px;}
	.mb-6{margin-bottom: 160px;}
	.pt-6{padding-top:160px;}
	.pb-6{padding-bottom:160px;}
	.py-6{padding-top:160px;padding-bottom:160px;}
	#orderModal .text-muted{font-size: 24px;}
	.orderForm input, .orderForm textarea, .orderForm .form-check{margin-bottom: 36px;}
	
	.service-list li a {font-size: 28px;min-width: 570px;}
	.service-row:not(:last-child){margin-bottom: 48px;}
	.service-row .title h3{font-size: 40px;}
	.service-row .subtitle{font-size: 28px;}
	.service-row .text, .qa .text{font-size: 22px;}
	.service-row{padding:48px 48px 32px 48px;border-radius:40px;}
	.service-row .content{margin:0 -48px;padding:0 40px;}
	.qa{padding:48px 0;}
	.qa .title h3{font-size: 36px;}
	.qa .text{font-size: 24px;padding-right:160px;}
	.qa .answer{padding:28px 0 0 0;}
	.box-light{padding:48px;border-radius: 40px;}
	.owl-projects-service .project{max-width:420px;width:420px;}
	.owl-projects-service .project .img img{height:420px;}
	.owl-projects-service .project .name{font-size: 24px;line-height: 28px;}
	.complex-services .title{font-size: 5rem;}
	.complex-services img{max-width: 560px;}
	.complex-services p{font-size: 28px;margin-bottom: 40px;max-width: 1180px;}
	.complex-services ul li a{font-size: 24px;padding:8px 24px;}
	.stage-item .title{font-size: 1.75rem;margin-bottom: 20px;}
	.stage-item .text{font-size: 1.25rem;}
	.stage-list .stage-item{padding:48px;border-radius: 40px;}
	.rating .g-5{--bs-gutter-x: 4rem;--bs-gutter-y: 4rem}
	.digit2{font-size:116px;}
	.price-row .subtitle{font-size: 1.5rem;}
	.price-row .price-body{font-size: 1.25rem;}
	.header-active .section-lead{top:152px;}
	.section-lead{font-size:36px;}
	.category{height:60px;}
	.category a, .category span{padding:16px 32px;font-size:18px;border-radius:16px;border-radius: 32px}
}
@media only screen and (min-width : 2560px) {
	header{font-size:24px;padding:32px;}
	.zls-logo, header .link-order{height:64px;}
	header .link-order{padding:10px 20px;margin-left:80px;}
	#pad2{height:128px;}
	h1.title, .h1.title{font-size: 7rem;margin: 2rem 0 3rem 0;}
	//h1.main-title, .h1.main-title{font-size: 5rem;}
	.container{max-width: 2400px;}
	.list2 li .title{font-size: 32px;}
	.list2 li p{font-size: 22px;}
	.main-title{font-size: 56px;}
	.col-xxxxxl-1 {flex: 0 0 auto;width: 8.3333333333%;}
	.col-xxxxxl-2 {flex: 0 0 auto;width: 16.6666666667%;}
	.col-xxxxxl-3 {flex: 0 0 auto;width: 25%;}
	.col-xxxxxl-4 {flex: 0 0 auto;width: 33.3333333333%;}
	.col-xxxxxl-5 {flex: 0 0 auto;width: 41.6666666667%;}
	.col-xxxxxl-6 {flex: 0 0 auto;width: 50%;}
	.col-xxxxxl-7 {flex: 0 0 auto;width: 58.3333333333%;}
	.col-xxxxxl-8 {flex: 0 0 auto;width: 66.6666666667%;}
	.col-xxxxxl-9 {flex: 0 0 auto;width: 75%;}
	.col-xxxxxl-10 {flex: 0 0 auto;width: 83.3333333333%;}
	.col-xxxxxl-11 {flex: 0 0 auto;width: 91.6666666667%;}
	.col-xxxxxl-12 {flex: 0 0 auto;width: 100%;}
	.g-5,.gx-5 {--bs-gutter-x: 5rem}
	.g-5,.gy-5 {--bs-gutter-y: 5rem}
	.about .h1{max-width: 1600px;font-size: 140px;line-height: 1em;}
	.about .h3{font-size: 32px;line-height: 1.25em;max-width: 720px;}
	.services .name{font-size: 48px;}
	.services .text{font-size: 36px;}
	.services ul li{font-size: 28px;padding:12px 20px;}
	.feature{margin-bottom: 3rem;}
	.feature, .feature .h2{font-size: 2.25rem;}
	.feature p{font-size: 1.75rem;}
	.digit{font-size:240px;line-height: .8em;}
	.owl-projects-service .project{width:560px;max-width:560px;}
	.owl-projects-service .project .img img{height:560px;}
	.owl-projects-service .project .name{font-size: 24px;line-height: 28px;}
	.service-row .text, .qa .text{font-size: 24px;}
	.qa{padding:56px 0;}
	.qa .answer{padding:32px 0 0 0;}
	.complex-services .title{font-size: 6rem;}
	.complex-services p{font-size: 32px;max-width: 1360px;}
	.stage-item .title{font-size: 2rem;margin-bottom: 24px;}
	.stage-item .text{font-size: 1.5rem;}
	.stage-item::after{font-size: 240px;}
	.rating .g-5{--bs-gutter-x: 5rem;--bs-gutter-y: 5rem}
	.rating .rating-row .place{font-size: 20px;}
	.rating .rating-row .place .num{font-size:128px;line-height: 96px;}
	.rating .rating-row .name{font-size: 26px;}
	.digit2{font-size:150px;}
	.header-active .section-lead{top:168px;}
	.section-lead{font-size:36px;} 
	.price-row .title{font-size: 3rem;}
	.price-row .subtitle{font-size: 1.75rem;}
	.price-row .price-body{font-size: 1.5rem;}
	.valuables .num{font-size: 48px;}
	.valuables .name{font-size: 32px;}
	.valuables .text{font-size: 24px;}
}