@media screen and (max-width:1250px) {
	.text-row:after, .text-row:before {
		top: 0;
		content: ' ';
		height: 100%;
		width: 20%
	}
	.faq .head, .faq .head h3 {
		font-size: 22px
	}
	#banner.onab, #projects2, .projects2 img, .projects2>a {
		position: relative
	}
	#banner.onab, .projects2>a, .team>div, .text-row, footer {
		overflow: hidden
	}
	.icons .str_move>div:not(.str_move) .icon .icon1, .modal2, .techno .icons2>div .icon .icon1, .techno .icons3>div .icon .icon1 {
		opacity: 0;
		visibility: hidden
	}
	#included+#faq {
		padding-top: 80px
	}
	#about .sub .text1 br, #about3 .col-left, #author .img:after, #author .img:before, #banner .anim-button svg, #banner .anim-button:after, #banner .anim-button:before, #banner .desc textarea, #banner canvas, #bio .bg, #contacts .btn-pacman, #contacts .map, #contacts .map video, #fea .col-right>img, #game, #help .anim-button, #included .col-right, #info h2 br, #make .desc textarea, #process .col-left, #single .col-left .scontent, #single .text .scontent a:after, #single .text .scontent a:before, #team .bg, #tool .info .img:after, #why .info .icon, .anim-link span:before, .anim:before, .breadcrumb li a:before, .cd, .files label>span .text:before, .ind br, .layout .more, .layout:before, .menu .col-center a:after, .menu .col-right, .modal4 .col-left2, .open-sh span, .preloader, .stack:before, footer .bottom a:before, footer .cv, footer .email:before, footer .top .tel:before, footer ul a::before, form .anim-button, header .logo.animating, header .tel:before {
		display: none
	}
	.modal4 .col-right2 {
		max-width: 100%;
		padding: 20px
	}
	#make .d-flex, .info4, .ontech #banner .desc, .other2 {
		flex-wrap: wrap;
		justify-content: center
	}
	#make .section-title span span, body.open header {
		padding-right: 0
	}
	.blog>a:hover, .faq .head:hover, .fea>div:hover .p1, .fea>div:hover .p2, .layout:hover .author {
		color: #fff
	}
	.easy_mode #banner .desc>p {
		transform: translateY(0);
		opacity: 1
	}
	#banner .anim-button, #e404 .pac, #why .info .desc>div, .menu .col-center a:hover, .modal2, .modal2.active, .modal2.active2, .scheme .number, .search-menu {
		transform: none
	}
	#banner .desc a.anim-link:after, #process .info .bg:after, 
	.menu .game, 
	header:after, header:before {
		display: none!important
	}
	.rel .ab {
		position: static;
	}
	#banner .rel {
		margin-top: 0;
	}
	#banner.onhome .rel {
		margin-top: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.rel .ab, .rel .ab a {
		height: auto;
	}
	#banner.onhome .rel > .now {		
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		gap:20px;
		margin:20px auto 12px;
	}
	#banner.onhome .rel > * {
		width: 100%;
	}
	.rel .ab {
		position: relative;
		top:unset;
		left: unset;
	}
	.rel .ab a, .rel .ab:hover a {
		position: static;
		background: none;
		padding: 0;
		width: 0;
		overflow:visible;
	}
	.rel .ab a > * {
		display: none !important;
	}
	#banner.onhome .text-row {
		padding-top: 15px;
	}
	.rel .ab a:before {
		content:' ';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
	}
	.rel .ab {
		padding-left: 0;
	}
	.rel .ab:hover>img {
		opacity: 1;
	}
	#banner.onhome .rel .desc {
		order:-1;
		width: 100%;
	}
	.rel .ab>img {
		max-width: 100px;
	}
	#banner .prem {
		position: static;
		max-width: 72px;
	}
	#banner .desc {
		top:auto;
	}
	.menu .prem {
		width: 100%;
	}
	.faq .head {
		margin: 0 -15px;
		padding: 15px;
		flex-wrap: unset!important
	}
	.faq .head svg {
		margin-top: 3px
	}
	.faq>div>div {
		margin: 0 -15px;
		padding: 0 15px
	}
	.faq .body {
		padding: 15px 0 30px
	}
	.faq .body *+p, .faq .body *+ul {
		margin-top: 15px
	}
	.faq ul {
		list-style: disc;
		padding: 0 0 0 20px
	}
	.faq ul li+li {
		margin-top: 7px
	}
	.arrows>div:hover svg, .faq .head:hover svg {
		fill: #fff
	}
	.bl .faq .head:hover svg {
		fill: var(--Black, #0E0F12)
	}
	.bl .faq .head:hover {
		color: #0e0f12
	}
	#faq.bl {
		padding: 40px 0 0
	}
	.team:hover>div:hover>div {
		padding-left: 20px
	}
	.cookie {
		right: 0;
		width: 100%;
		max-width: 100%;
		bottom: 0;
		padding: 5px 15px 15px
	}
	header .logo:not(.animating)>svg {
		display: block;
		max-width: 100px
	}
	header {
		padding: 15px 0;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		transition: .25s linear
	}
	header.scroll {
		z-index: 10;
		background: #140b27
	}
	header.dark.scroll {
		background: #fff
	}
	.container, header .container {
		padding: 0 15px
	}
	header .tel {
		font-size: 14px;
		margin-right: 0
	}
	.open-search, .open-sh, header .open-menu {
		min-width: 40px;
		height: 40px;
		width: 40px;
		padding: 7px;
		margin-left: 10px
	}
	#single .btop .author .img img, .filter-tags>p, .layout .author img {
		height: 40px
	}
	.filter-tags {
		width: 240px;
		min-width: 240px
	}
	.filter-tags>div .buttons a {
		height: 40px;
		font-size: 15px
	}
	.open-sh img {
		margin: 1px 0 0 1px;
		max-width: 100%;
		max-height: 100%
	}
	.open-sh {
		margin: 0 0 0 10px;
		padding: 6px;
		display: flex;
		align-items: center;
		justify-content: center
	}
	#make .col-right, #mob4 #projects2, .fea>div:hover, body.open, footer .bottom a, footer .email, footer .top .tel, header .tel {
		padding: 0
	}
	.arrows>div svg, .open-search svg, .pagination svg {
		transform: scale(.75)
	}
	#banner .anim-button {
		transition: none!important;
		background: url(../images/button10.webp) center/100% no-repeat;
		width: 220px;
		max-width: 220px;
		height: 220px;
		order: 3;
		margin: 45px auto 0
	}
	#banner .anim-button.load {
		opacity: 1
	}
	#banner .anim-button2 {
		display: block;
		margin: 0px auto 0;
		background: url(../images/main.webp) center/100% no-repeat;
		width: 200px;
		height: 200px
	}
/*	#banner .anim-button2.special {
		background: url(../images/button_14_2.png) center/100% no-repeat;
		width: 300px;
		height: 300px;
		margin-top: 0;
	}*/
	#banner .anim-button2.special {
		background: url(../images/patrick4.png) center/100% no-repeat;
		width: 200px;
		height: 200px;
		margin-top: 0;
	}
	#banner .anim-button2.easter {
		background: url(../images/easter6.png) center/100% no-repeat;
		width: 200px;
		height: 220px;
		margin-top: 0;
	}
	#banner.onhome .container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center
	}
	#about3 .title3:before, #banner.onhome .container>:not(a), #bannerp img, #process .desc2:before, #tool .info>div, .fdesc>div {
		width: 100%
	}
	#banner.onhome {
		background: url(../images/bgm.webp) center top/cover no-repeat
	}
	#banner.onab>div:not(#v3d-container) {
		height: auto;
		padding: 130px 0 60px;
		background: 0 0
	}
	#banner .desc {
		max-width: 100%;
		margin: 0
	}
	#banner h1, #banner.vac h1, #proj h1 {
		font-size: 48px;
		text-align: left;
		margin: 0 0 20px;
		line-height: 1.3
	}
	#about .sub>div, #banner.onhome h1 {
		margin: 0 0 50px
	}
	#banner .desc>p {
		display: block;
		font-family: IBM Plex Sans;
		font-weight: 500
	}
	#banner .desc, #banner .desc.m {
		font-size: 17px;
		line-height: 1.4;
		min-height: unset;
		position: relative;
		z-index: 3
	}
	#banner.onhome .desc>p, #banner.onhome h1, #banner.vac h1, #make .section-title, #rev2 .col-right, .ontech #banner .desc .desc2 {
		text-align: center
	}
	#about3 .title, #banner.onab h1, #bannerp h1, #info1 .info1 .p1, #releases .section-title, #single h1, #tool .info2 .title, #tool h1, #tools .section-title, .custom-modal .text h2, h1.section-title {
		font-size: 45px
	}
	#banner.onab .sub {
		font-size: 25px;
		line-height: 1.7
	}
	#banner.onab .d {
		font-size: 17px;
		line-height: 1.7
	}
	#banner .more, #banner.onab .desc, #banner.onab .desc.m, #banner.onhome .desc, #banner.onhome .desc.m {
		font-size: 20px
	}
	#banner.onab {
		background: url(../images/about.webp) right 40px/375px auto no-repeat
	}
	#banner .more {
		width: 100%;
		height: 55px;
		align-items: center;
		justify-content: center;
		display: inline-flex;
		color: #fff;
		padding: 7px 15px 8px;
		font-weight: 500;
		background: var(--Primary, #3667ff);
		align-items: center
	}
	#banner.vac>div:not(#v3d-container) {
		padding-top: 130px;
		height: 650px
	}
	footer {
		padding: 60px 0 15px
	}
	.text-row {
		font-size: 28px;
		max-height: 85px
	}
	.text-row:before {
		left: 0;
		background: linear-gradient(to right, #140b27, rgba(20, 11, 39, 0))
	}
	.text-row:after {
		right: 0;
		background: linear-gradient(to left, #140b27, rgba(20, 11, 39, 0))
	}
	#info4, .search-menu .content {
		padding: 0 0 40px
	}
	#blog_b .author img, #single .btop .author .img, .layout .author .img, .menu .close, .modal .close, .modal2 .close, .search-menu .close {
		width: 40px;
		height: 40px
	}
	.custom-modal .close svg, .files label .icon svg, .menu .close svg, .modal .close svg, .modal2 .close svg, .search-form button svg, .search-menu .close svg {
		transform: scale(.5)
	}
	.search-form input {
		height: 50px;
		font-size: 20px
	}
	.search-form input::placeholder {
		font-size: 20px
	}
	.search-form button {
		width: 50px;
		height: 50px;
		top: auto;
		bottom: 0
	}
	.search-menu .top {
		padding: 15px 15px 0
	}
	.menu {
		top: -75vh;
		left: -75vh
	}
	.menu.active {
		width: 250vh;
		height: 250vh
	}
	.menu .content {
		top: 75vh;
		left: 75vh;
		padding: 60px 15px 0
	}
	.menu .content>.d-flex {
		padding-bottom: 60px;
	}
	.menu.active2 {
		width: 0;
		height: 0
	}
	.menu .close {
		right: 15px;
		top: 18px
	}
	#about .info2 .description, #blog_b .author, #single .share>p, #single .text, .style2, body {
		font-size: 17px
	}
	.menu .game:before, .menu .game:hover:before {
		transform: scale(.5);
		transform-origin: left top;
		margin-right: -55px;
		margin-bottom: -50px
	}
	.menu .game span {
		font-size: 12px
	}
	.menu .content>.d-flex {
		flex-wrap: wrap;
		text-align: center;
		overflow: auto
	}
	.menu.active .col-center, .menu.active .col-left, .menu.active .game {
		max-width: 100%;
		width: 100%
	}
	.menu .game {
		position: static;
		height: auto;
		margin-bottom: 30px
	}
	.menu .col-left a {
		justify-content: center;
		font-size: 25px;
		margin: 0 0 15px
	}
	.menu .col-center a {
		display: flex;
		margin: 0 0 15px;
		justify-content: center;
		font-size: 30px
	}
	.menu .col-center {
		margin: 30px 0
	}
	.menu .col-center .btn-inline {
		display: flex!important;
		max-width: 350px;
		margin: 30px auto 0;
		color: #fff;
		font-size: 22px;
		padding: 18px 30px 15px
	}
	.projects2 img {
		z-index: 1;
		display: block;
		width: 100%;
		height: calc(63vw + 100px);
		object-fit: cover;
		object-position: center center
	}
	.projects2>a {
		display: flex;
		align-items: flex-end;
		align-content: flex-end;
		margin: 0 0 20px;
		height: 50vw
	}
	#about .sub, #banner .info, #bio .d-flex, #contacts .info, #form .d-flex, #growth.type2 .d-flex, #info1 .d-flex, #results .results, #single .d-flex, .blog, .fdesc, .no-results, .plans, .popup .d-flex, .review, .services, .sreview, footer .d-flex {
		flex-wrap: wrap
	}
	.projects2 a .title {
		position: absolute;
		left: 15px;
		width: calc(100% - 30px);
		background: url(../images/arrow23.png) right center/auto 48px no-repeat;
		padding-top: 3px;
		font-weight: 600;
		line-height: 48px;
		bottom: 15px;
		z-index: 3;
		color: #fff;
		text-transform: uppercase;
		font-size: 35px;
		padding-right: 30px
	}
	.projects2 .number {
		position: absolute;
		top: 15px;
		right: 15px;
		z-index: 3;
		color: #fffFFF80
	}
	#projects2 {
		z-index: 3;
		margin: 30px 15px 0;
		padding: 0 0 80px
	}
	.arrows>div {
		width: 50px;
		min-width: 50px;
		height: 50px
	}
	.arrows>div:before {
		width: 200%;
		height: 200%;
		background: #3667ff
	}
	.arrows>div:hover {
		border-color: #3667ff
	}
	.totop {
		bottom: 55px;
		right: 15px;
		width: 40px;
		height: 40px
	}
	.totop svg {
		transform: scale(.33)
	}
	#services2,#bannerp>div, #bio, #blog, #fea, #form, #growth, #help, #included, #process, #reviews.type2, #seo.type2, #services, #why {
		padding: 60px 0
	}
	#banner.cooperation .desc, #services .section-title {
		max-width: 100%;
		margin: 0 0 30px
	}
	#services2 .section-title,#growth .section-title, #popup3 .section-title, .popup.resume .section-title, .section-title {
		margin: 0 0 40px;
		font-size: 45px
	}
	#growth .subs {
		flex-wrap: wrap;
		gap:0;
	}
	#growth .info3 .p1 {
		font-size: 24px;
	}
	#whts2 .desc {
		max-width: 100%;
		margin-left: 0;
	}
	#whts2 .buttons {
		justify-content: center;
		margin-left: 0;
	}
	#whts2 .img {
		position: static;
		margin:0 auto 20px;
		width: 100%;
		max-width: 900px;
	}
	#whts2 .section-title {
		text-align: center;
	}
	#whts2 .relative {
		padding: 0;
	}
	.whts2 {
		max-width: 100%;
	}
	#whts2 {
		padding: 0 0 80px;
	}
	#services2 .bg:before,
	#services2 .bg:after {
		display: none;
	}
	.modal4 form .section-title {
		font-size: 40px;
		margin: 0 0 20px
	}
	.reports {
		padding: 0;
	}
	#reports > div {
		background: none;
	}
	.reports .subtitle {
		margin-left: 0;
	}
	.reports .desc {
		max-width: 100%;
		margin-left: 0;
	}
	#form.type3 .sub2 {
		font-size: 18px;
		margin: 0 0 40px
	}
	#reports {
		padding: 80px 0 60px;
	}
	#reports .mobile {
		display: block;
		margin:30px auto 0;
	}
	#whts .desc {
		margin-left: 0;
	}
	#services .info>a:hover>div, #services .info>a>div {
		padding: 25px 0
	}
	#services .info>a .section-title {
		font-size: 30px;
		margin: 0 0 20px
	}
	#services .info>a .tag {
		padding: 12px 15px 10px;
		font-size: 16px
	}
	.services .layout .more {
		display: block;
		opacity: 1;
		width: 15px;
		height: 15px;
		background: url(../images/arrow1.svg) center center/15px no-repeat;
		top: 15px;
		right: 0
	}
	.services .layout .more span {
		transform: none;
		display: none
	}
	#about {
		padding: 60px 0 130px
	}
	#about .slogan {
		bottom: 30px
	}
	#about .sub {
		margin: 0;
		font-weight: 400;
		padding: 0;
		border: 0
	}
	#about.type2 .section-title, #about3 .desc, #included .sub, #info4 .sub, #techno .section-title, #why .sub {
		margin: 0 0 40px
	}
	#about .sub>div {
		width: 100%;
		max-width: calc(33.33% - 25px)
	}
	#about .sub .text1 {
		padding: 0;
		margin: 0 0 20px;
		font-size: 27px;
		font-weight: 600;
		line-height: 1.25;
		width: 100%
	}
	#about .sub .text2 {
		padding: 0;
		font-size: 17px;
		line-height: 1.6
	}
	#about .info1 {
		flex-wrap: wrap;
		align-items: flex-start
	}
	#about .info1>div {
		width: 100%;
		max-width: calc(33.33% - 25px);
		margin: 0 0 50px
	}
	#about .btn-inline {
		width: 100%;
		height: 45px;
		padding: 16px 10px 13px;
		margin: 10px 0 0;
		justify-content: center;
		font-size: 13px
	}
	#about .info1 .title {
		font-size: 35px;
		margin: 0 0 20px;
		line-height: 1.1
	}
	#about .info1 .description {
		font-size: 17px;
		line-height: 1.6;
		font-weight: 400
	}
	#about .info2 {
		margin-top: 20px;
		justify-content: flex-start;
		padding: 0;
		border: 0
	}
	#about .info2>div {
		max-width: calc(33.33% - 0px);
		margin-right: 12px;
		align-items: flex-end
	}
	#about .info2 .description span, #make .desc>p, .coop>div br {
		display: block
	}
	#about .info2 .title {
		font-size: 90px;
		margin: 0 10px 0 0;
		line-height: .7
	}
	#blog.rel, #team, #techno {
		padding: 60px 0 30px
	}
	#author .d-flex, #infop .d-flex, .techno {
		flex-wrap: wrap;
		justify-content: space-between
	}
	.techno>div {
		width: calc(50% - 20px);
		padding: 0;
		margin: 0 0 30px;
		border: 0
	}
	#growth .info1 .p3, #infop .link, .blog .tag p, .techno .icons p, footer .bottom p {
		font-size: 15px
	}
	#info h2, #search .results .title, #techno .sub, #techno .sub2, #thanks .sub, form .sub {
		font-size: 25px
	}
	#about3 .col-right, #bio .col-right, #fea .col-left, #fea .col-right, #growth.type2 .col-right, #single .col-right, .resume form .col-left, form .col-left {
		max-width: 100%;
		padding: 0
	}
	.resume form .col-right, form .col-right {
		max-width: 100%;
		padding: 0;
		margin: 25px 0 0
	}
	form .sub {
		margin: 0 0 30px
	}
	#help .middle .text1, #help .middle .text2, #help .middle ul, #thanks .ds2, .files label, .form-input label, form .btn-inline {
		font-size: 18px
	}
	.resume form .irow>div, form .irow2>div, form .irow>div {
		width: 100%;
		margin-bottom: 50px
	}
	#blog .section-title, #included .col-left, #infop .types img+img, #scheme .section-title, .fea .slick-dots li, .popup form .irow, form .irow {
		margin: 0
	}
	form input {
		padding: 12px 0
	}
	form input, form input::placeholder {
		font-size: 18px
	}
	.files label .icon {
		min-width: 40px;
		width: 40px;
		height: 40px
	}
	#about+#projects2, #growth.type2 .info1>div+div, .files, .plans .button1 {
		margin-top: 40px
	}
	form button {
		font-family: Poppins;
		font-weight: 500
	}
	form .btn-inline {
		display: flex;
		width: 100%;
		justify-content: center;
		font-weight: 400;
		height: 55px;
		align-items: center;
		border: 0
	}
	.btn-inline, .no-results a {
		padding: 16px 25px 13px;
		font-size: 18px
	}
	.popup form .agree, form .agree {
		margin-top: 20px;
		font-size: 15px
	}
	.popup form .agree.type2, form .agree.type2 {
		margin:-20px 0 30px;
	}
	.modal2 .content {
		margin: 15px auto;
		max-width: calc(100% - 30px);
		max-height: calc(100dvh - 30px);
		padding: 20px
	}
	.modal2 .content>div.c {
		padding: 0;
		margin: 0
	}
	.popup form .section-title, .search-form input {
		padding-right: 50px
	}
	.modal .close, .modal2 .close {
		top: 15px;
		right: 15px
	}
	#projects2+#blog, #projects2+#reviews {
		padding-top: 30px
	}
	#banner .breadcrumb, #banner.cooperation h1, #banner.sport .breadcrumb, #blog .h, #contacts .section-title, #fea .section-title, #process .sub, #tools .section-title, .breadcrumb, .scontent {
		margin: 0 0 30px
	}
	#single .rel_a .layout, .blog>a {
		max-width: 100%;
		padding: 25px 0
	}
	.blog.type2 .layout {
		max-width: calc(50% - 16px)
	}
	.blog.type2 .mimg {
		height: 25vw
	}
	.blog .top {
		margin: 0 0 25px;
		font-size: 15px
	}
	.blog .title, .rel_a .blog .title {
		height: auto;
		font-size: 20px;
		margin: 0 0 15px
	}
	.layout .author:hover .img:after {
		opacity: 0
	}
	.layout .author {
		font-size: 15px;
		margin-top: 15px
	}
	.icons .str_move>div:not(.str_move) .icon .icon2, .modal2.active, .techno .icons2>div .icon .icon2, .techno .icons3>div .icon .icon2 {
		opacity: 1;
		visibility: visible
	}
	#single .author .img:before, .author .img:before {
		display: block!important
	}
	.modal2, .team, .team .t, .tools .layout .more {
		display: flex
	}
	#seo {
		padding: 10px 0 60px
	}
	footer .left {
		max-width: 38%
	}
	footer .right {
		max-width: 52%
	}
	footer .col3 {
		padding: 0;
		max-width: 100%;
		width: 100%;
		border: 0
	}
	footer .col4 {
		padding: 0;
		max-width: 100%;
		width: 100%;
		margin-top: 25px
	}
	#contacts .info a, .vacancies .top .price, footer .top .address, footer .top a, footer ul a {
		font-size: 20px
	}
	.plans .button2, footer .right a+.ftitle, footer .right p+.ftitle, footer .top .open {
		margin-top: 20px
	}
	#e404 p, #single .rel_a>p, #single .share p, #thanks .dis3, .scontent>p, footer .top .tel {
		font-size: 25px;
		margin: 0 0 20px
	}
	#about2 .desc, #banner.sport .desc, #contacts .social, #help .top .text2, #included .col-left, #process .col-right, #process .results .icon img, #tool .left>div, .reviews, .social {
		max-width: 100%
	}
	footer .top .address, footer .top a, footer ul a {
		margin: 0 0 7px
	}
	.social a {
		padding-top: 2px
	}
	#free .buttons, footer .bottom {
		margin-top: 30px
	}
	footer .bottom a {
		margin-left: 15px;
		font-size: 15px
	}
	#page {
		padding: 130px 0 80px
	}
	.blog>a:hover .top {
		color: var(--Grey-Text, #7f7893)
	}
	.blog>a:hover .tag p {
		color: rgba(255, 255, 255, .3)
	}
	.modal2 {
		animation: unset!important;
		animation-fill-mode: unset!important;
		transition: opacity 2s;
		-webkit-transition: opacity .5s
	}
	.modal2.active2 {
		opacity: 0
	}
	.search-menu {
		top: -270px
	}
	.search-menu.active {
		top: 0
	}
	input {
		border-radius: 0!important
	}
	#banner .sub {
		font-size: 22px;
		line-height: 1.5;
		margin: 0 0 30px
	}
	#banner>div:not(#v3d-container) {
		padding: 130px 0 100px;
		min-height: unset;
		height: 850px;
		background: url(../images/bgm2.svg) center top/cover no-repeat;
		align-items: flex-start
	}
	#banner.onhome>div:not(#v3d-container) {
		min-height: 100vh;
		height: auto;
		padding-top: 170px
	}
	header .open-menu {
		padding: 7px 10px
	}
	header .open-menu span+span {
		width: 80%;
		margin-top: 5px
	}
	#reviews .arrows {
		top: -84px
	}
	#reviews .section-title {
		padding-right: 110px;
		margin: 0 0 30px;
		max-width: 100%
	}
	#reviews {
		padding: 60px 0 50px
	}
	.review .company, .sreview .company {
		max-width: 100%;
		padding: 0;
		margin: 0 0 30px
	}
	#infop .desc p, #proj h1, #single .text p, #single .text ul, #thanks .ds .sub, .review .text1 {
		margin: 0 0 20px
	}
	.ind>p, .review .info, .sreview .info {
		padding: 0;
		max-width: 100%;
		width: 100%
	}
	.review .title {
		font-size: 25px;
		line-height: 1.5
	}
	.review .text1 {
		background: 0 0;
		padding: 0;
		font-size: 20px
	}
	.review .text2, .sreview .text2 {
		font-size: 17px;
		margin: 0 0 30px
	}
	.review .buttons {
		flex-wrap: wrap;
		margin: 0 -5px;
		justify-content: center;
		padding-bottom: 10px
	}
	.review .buttons .btn-inline, .review .open-review {
		margin: 0 15px;
		font-size: 16px
	}
	#rev .content {
		padding: 70px 15px;
		margin: 0;
		height: 100dvh;
		overflow: auto
	}
	.review .buttons .btn-inline {
		width: 100%;
		max-width: calc(33.33% - 45px);
		padding: 2px 0 0;
		height: 55px;
		align-items: center;
		justify-content: center
	}
	.review .open-review .icon {
		width: 55px;
		height: 55px;
		margin-left: 12px
	}
	#rev .content .img img {
		max-height: 100%;
		height: auto
	}
	#rev .content .img {
		min-height: 500px;
		overflow: auto
	}
	#proj {
		padding: 130px 0 1px
	}
	#contacts .info>div {
		max-width: 100%;
		margin-bottom: 30px;
		width: 100%
	}
	#contacts, #search {
		padding: 130px 0 30px
	}
	#contacts .ctitle, #infop .col-left .title, .coop .img, .seo.th p {
		margin: 0 0 10px
	}
	#author, #vacancies {
		padding: 130px 0 50px
	}
	.vacancies>a, .vacancies>a:hover {
		padding: 15px 20px;
		color: #fff;
		margin: 0 -20px;
		border-top: 1px solid #2b233d
	}
	.vacancies:last-child>a, .vacancies:last-child>a:hover {
		border-bottom: 1px solid #2b233d
	}
	.vacancies .top {
		flex-wrap: wrap;
		font-size: 25px;
		margin: 0 0 15px
	}
	.scheme .number, .scheme .title, .seo.th .info p {
		margin: 0 0 10px
	}
	.vacancies .tag {
		padding: 0;
		background: 0 0
	}
	#banner .info .tags {
		margin: 0 0 20px;
		flex-wrap: wrap;
		width: 100%
	}
	#banner.vac .tags p {
		padding: 0;
		background: 0 0;
		margin: 0 15px 15px 0;
		font-size: 15px
	}
	#banner .buttons .btn-inline, .btn-inline2 {
		padding: 0 25px;
		align-items: center;
		height: 55px;
		margin: 0 15px 0 0
	}
	#banner.vac h1 {
		text-align: left;
		margin: 0 0 30px
	}
	#fea .fea, #info2 .section-title, #info2 .sub, #make, #scheme .tab-head a {
		text-align: center
	}
	#info, #scheme {
		padding: 80px 0 50px
	}
	#help .top, #info .bt {
		flex-wrap: wrap;
		margin: 0 0 30px
	}
	#info .d-flex>div {
		font-size: 17px;
		margin: 20px 0 0;
		max-width: 100%;
		padding: 0
	}
	#about2 {
		padding: 80px 0 60px
	}
	#about2 .a-h2+.sub, #about2 .sub {
		font-size: 20px;
		margin: 0 0 20px
	}
	#info p, #results .results .p2 {
		margin: 0 0 15px
	}
	#info p:last-child, #process.type2 .results {
		margin-bottom: 0
	}
	#blog.type2, #blog_b .content, #tool, #tools {
		padding: 130px 0 60px
	}
	.pagination a, .pagination span {
		min-width: 45px;
		height: 45px;
		padding-top: 3px;
		font-size: 18px
	}
	.pagination .next svg {
		transform: scale(.75) rotate(180deg)
	}
	.pagination {
		margin: 30px 0 0
	}
	.breadcrumb {
		font-size: 17px;
		flex-wrap: unset;
		overflow: auto;
		white-space: nowrap
	}
	.breadcrumb::-webkit-scrollbar {
		width: 0;
		height: 0
	}
	#blog_b h1 {
		font-size: 35px
	}
	#blog_b>img {
		height: auto;
		min-height: 400px
	}
	#single {
		padding: 80px 0 65px
	}
	.keyws .head, .keyws .r {
		flex-wrap: unset!important
	}
	#single .col-left {
		max-width: 100%;
		margin: 40px 0 0;
		padding: 0;
		width: 100%;
		order: 2
	}
	#single .scontent a {
		font-size: 17px;
		min-height: 25px
	}
	#single .text h2 {
		margin: 40px 0 30px;
		font-size: 25px
	}
	#single .text img {
		margin: 0 auto 40px
	}
	#single blockquote {
		padding: 15px;
		background: #dff0ac
	}
	#single .share {
		margin: 40px 0 0
	}
	#single .rel_a>a {
		font-size: 17px;
		padding: 0 0 20px;
		margin: 0 0 20px
	}
	.no-results>p {
		font-size: 25px;
		margin: 0 0 15px;
		max-width: 100%
	}
	#search .search-form {
		margin: 40px 0 20px
	}
	#scheme .sub, #scheme .tab-head {
		position: relative;
		margin: 0 -15px
	}
	#search .search-form input, #search .search-form input::placeholder {
		font-size: 20px
	}
	.search-form button:hover svg {
		fill: var(--Primary, #3667FF)!important;
		transform: scale(.5) rotate(-45deg)
	}
	#free, #search #blog {
		padding: 60px 0 0
	}
	#search .results>a, #search .results>a:hover {
		padding: 15px 0;
		color: #fff
	}
	#banner.cooperation, #thanks, #thanks-key {
		padding: 130px 0 40px
	}
	.coop {
		flex-wrap: wrap;
		justify-content: space-between;
		border: 0
	}
	.coop>div {
		padding: 0;
		width: calc(25% - 20px);
		font-size: 18px;
		border: 0;
		margin: 0 0 20px
	}
	.coop img {
		max-width: 70%
	}
	#scheme .tab-head a {
		font-size: 17px;
		justify-content: center;
		border-radius: 30px;
		padding: 4px 20px 5px;
		margin-right: 10px;
		white-space: nowrap
	}
	.scheme .number {
		opacity: 1;
		font-size: 20px
	}
	.form-key p, .scheme .title, .team .t, .tools .title {
		font-size: 24px
	}
	.scheme {
		flex-wrap: wrap;
		margin: 0
	}
	.scheme>div {
		max-width: 100%;
		margin: 0;
		padding: 20px 0
	}
	#scheme .tab-head a:last-child {
		margin-right: 0
	}
	#scheme .tab-head {
		overflow: auto;
		padding: 0 15px;
		justify-content: flex-start
	}
	#scheme .sub {
		padding: 30px 15px
	}
	#help .top .text1 {
		max-width: 100%;
		padding: 0;
		font-size: 22px;
		margin: 0 0 15px
	}
	#help .middle {
		padding: 15px;
		flex-wrap: wrap
	}
	#help .middle>div, #proj2 .col-left {
		width: 100%;
		max-width: 100%
	}
	#proj2.page .col-left img {
		position: static;
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	#help .btn-inline {
		display: inline-flex;
		margin-top: 15px
	}
	.numbs>div {
		max-width: 100%;
		width: 100%;
		padding: 15px;
		border-top: 1px solid #2b233d
	}
	.numbs img {
		margin: 0 auto 10px;
		max-width: 120px
	}
	#info1 .info1 .p2, #thanks .sub2, #thanks-key .sub {
		font-size: 20px
	}
	#thanks-key h1 {
		margin: 0 0 20px;
		font-size: 45px
	}
	#example .info, .form-key>div {
		padding: 30px
	}
	#growth .sub, #thanks h1 {
		margin: 0 0 25px
	}
	.runner-container {
		min-width: unset;
		width: 100%
	}
	#thanks .dis2 {
		font-size: 35px;
		padding: 7px 15px 4px
	}
	#thanks .ds {
		padding: 17px
	}
	.seo.th .info {
		font-size: 18px;
		flex-wrap: wrap;
		margin: 0 0 15px
	}
	.seo.th .info p {
		width: 100%;
		padding: 0 0 10px
	}
	#thanks .sub3 {
		font-size: 25px;
		margin: 30px auto 0
	}
	#e404 img {
		width: 200px
	}
	#e404 a svg {
		width: 225px;
		height: 225px
	}
	#e404 .pac {
		position: static;
		margin: 0 -5px 0 10px
	}
	#fea .d-flex, .team .t, .team>div {
		position: relative
	}
	#e404 .img {
		align-items: center;
		justify-content: center!important
	}
	#e404 {
		padding: 150px 0 40px
	}
	#infop .title, .h2 {
		font-size: 27px
	}
	header>div:after {
		background: rgba(255, 255, 255, .1)
	}
	header.dark>div:after {
		background: rgba(0, 0, 0, .1)
	}
	#banner.vac {
		background-position: right 85px!important;
		background-size: 100% auto!important
	}
	.team {
		flex-wrap: wrap;
		justify-content: space-between
	}
	.team>div {
		width: 100%;
		max-width: calc(33.33% - 10px);
		margin: 0 0 30px;
		padding: 0!important;
		background-size: cover!important
	}
	.team>div:before {
		content: url(../images/svg3.svg);
		display: block;
		left: 0;
		bottom: -10px;
		position: absolute;
		z-index: 1;
		pointer-events: none
	}
	.team .t {
		padding: 10px 20px;
		line-height: 1;
		align-items: flex-end;
		min-height: 40vw;
		transition: none;
		z-index: 2
	}
	#banner.sport {
		margin-top: 70px
	}
	#banner.sport .bottom {
		flex-wrap: wrap;
		position: absolute;
		left: 15px;
		width: calc(100% - 30px);
		bottom: 40px
	}
	#banner.sport>div:not(#v3d-container)>div {
		height: 100%;
		padding-top: 30px;
		padding-bottom: 90px
	}
	#banner.sport>div:not(#v3d-container) {
		height: 400px;
		min-height: unset;
		padding: 0;
		position: relative
	}
	#banner.sport .date {
		font-size: 25px;
		margin: 20px 0 0
	}
	#info2, #infop, #results {
		padding: 80px 0
	}
	#infop .col-left, #infop .col-right {
		max-width: 48%;
		padding: 0
	}
	#infop .desc {
		font-size: 17px;
		max-width: 100%
	}
	#infop .p {
		margin: 0 0 40px;
		font-size: 17px
	}
	#infop .tags>p {
		padding: 12px 10px 10px;
		font-size: 15px
	}
	#infop .types {
		margin-top: 60px
	}
	#infop .types .col-left>img {
		max-width: calc(50% - 10px)
	}
	#example {
		height: 700px
	}
	#about3 .title3, #example .info .title {
		font-size: 30px
	}
	#author .job, .releases>div {
		font-size: 20px
	}
	.fea>div:hover .p1:before {
		background: url(../images/dot6.png) center center/100% no-repeat
	}
	.fea .slick-dots {
		display: flex;
		position: absolute;
		left: 0;
		width: 100%;
		justify-content: center;
		bottom: 20px
	}
	.fea .slick-dots button {
		padding: 0;
		display: block;
		text-indent: -9999px;
		box-shadow: none;
		border: 2px solid rgba(255, 255, 255, .1);
		width: 12px;
		height: 12px;
		margin: 0 5px;
		border-radius: 100%;
		background: 0 0
	}
	.fea .slick-dots .slick-active button {
		background: #fff;
		border-color: #fff
	}
	#fea .d-flex {
		flex-wrap: wrap
	}
	.fea .p1 {
		padding-top: 42px
	}
	.fea .p1:before {
		top: 0;
		left: calc(50% - 16px)
	}
	#fea .fea {
		position: absolute;
		left: 20px;
		bottom: 20px;
		width: calc(100% - 40px);
		z-index: 2;
		background: #140b27;
		padding: 20px 20px 40px
	}
	.fea>div {
		padding: 0;
		border: 0
	}
	#fea .col-right .gallery {
		position: static;
		height: auto
	}
	#fea .col-right .gallery img {
		position: static;
		object-fit: cover
	}
	#info1, #review {
		padding: 50px 0
	}
	.sreview .title {
		font-size: 35px;
		line-height: 1.5
	}
	.sreview .text1 {
		background: 0 0;
		padding: 0;
		margin: 0 0 20px;
		font-size: 17px
	}
	.sreview .buttons {
		flex-wrap: wrap;
		max-width: 500px;
		margin: 0 -15px;
		justify-content: center;
		padding-bottom: 10px;
		padding-right: 0
	}
	.sreview .buttons .btn-inline {
		width: 100%;
		max-width: calc(50% - 30px);
		margin: 0 15px;
		font-size: 18px;
		padding: 2px 0 0;
		height: 55px;
		align-items: center;
		justify-content: center
	}
	.sreview .open-review {
		margin: 2px 5px 0;
		font-size: 18px;
		max-width: calc(50% - 10px);
		width: 100%
	}
	.sreview .open-review .icon {
		width: 45px;
		height: 45px;
		margin-left: 12px
	}
	#author h1 {
		font-size: 32px;
		padding: 0 0 10px;
		margin: 0 0 20px
	}
	#author .img {
		margin: 0 0 30px;
		width: 100%;
		max-width: 300px
	}
	#author .content {
		max-width: calc(100% - 350px);
		padding: 0
	}
	#author .img img {
		margin: 0 auto;
		display: block
	}
	#author .job {
		margin: 0 0 15px
	}
	#author .desc {
		margin-left: 0;
		background-position: left top;
		margin-bottom: 15px
	}
	#author audio {
		margin-bottom: 25px
	}
	#bio .col-left {
		max-width: 100%;
		padding: 0;
		margin-top: 40px;
		order: 2
	}
	#bio .section-title {
		font-size: 35px;
		margin: 0 0 25px
	}
	#bio .tags p {
		padding: 10px 20px 8px;
		font-size: 15px
	}
	#scheme ::-webkit-scrollbar {
		width: 0;
		height: 0;
		display: none;
		opacity: 0;
		visibility: hidden
	}
	#scheme ::-webkit-scrollbar-thumb {
		width: 0;
		height: 0;
		display: none;
		opacity: 0;
		visibility: hidden
	}
	#waveform {
		padding: 10px 15px;
		margin: 0
	}
	#author .btn-inline {
		width: 100%;
		justify-content: center
	}
	.review .open-review .icon img {
		margin-top: 10px;
		margin-left: 3px;
		width: calc(100% - 6px);
		height: 50px
	}
	#e404 .pac * {
		animation: none!important;
		transform: none!important
	}
	#blog_b .btop {
		justify-content: space-between
	}
	#blog_b .author .img {
		width: 40px
	}
	.modal2 {
		align-items: center
	}
	.modal2 .content {
		transform: scale(.85)
	}
	.slide2.sl-t2 {
		height: 365px
	}
	#about3 .info1>div, .tools>div {
		max-width: 50%
	}
	.tools img {
		height: 26vw
	}
	.filter-cat>a {
		padding: 0 20px;
		height: 40px
	}
	#included .col-left>div, #process .steps>div, .releases>div {
		padding: 30px 0
	}
	.tools-search form input {
		height: 40px;
		padding-bottom: 2px
	}
	.info4>a, .tools-search {
		max-width: 300px
	}
	.filter-cat {
		max-width: calc(100% - 300px)
	}
	.tools-search form input::placeholder {
		font-size: 16px;
		line-height: 1
	}
	#tool .info {
		flex-wrap: wrap;
		gap: 30px 0
	}
	#tool .info2 {
		padding: 100px 0 60px
	}
	#releases {
		padding: 100px 0 0
	}
	.custom-modal .close {
		top: 15px;
		right: 15px;
		width: 40px;
		height: 40px
	}
	.custom-modal {
		top: 30px;
		left: 30px;
		width: calc(100% - 60px);
		height: calc(100dvh - 60px)
	}
	.custom-modal .content {
		padding: 60px 40px
	}
	.custom-modal .text h2 {
		font-size: 58px
	}
	.custom-modal h3 {
		font-size: 40px;
		margin: 40px 0 20px
	}
	.ontech #banner>div:not(#v3d-container) {
		padding: 130px 15px 0
	}
	.ontech #banner.onwhite>div:not(#v3d-container) {
		padding: 130px 15px 60px;
	}
	#what {
		padding: 120px 0 60px
	}
	#what .desc {
		padding: 30px;
		margin-top: 30px;
		font-size: 18px
	}
	#why .info {
		gap: 30px
	}
	#why .info>div {
		max-width: calc(50% - 15px)
	}
	#why .info .desc {
		position: static;
		height: auto!important;
		max-height: unset !important;
		margin-top: 10px;
		background: #2c233d;
		border: 1px solid rgba(255, 255, 255, .1);
		border-radius: 30px
	}
	#why .info .p {
		height: auto
	}
	#why .info .desc>div {
		opacity: 1;
		padding: 20px
	}
	#free .content {
		padding: 60px 15px;
		background: url(../images/ss1.png) right 60%/300px auto no-repeat #dff0ac;
		margin: 0 -15px
	}
	#free .sub, .ontech #banner.type2 .desc.m {
		padding-right: 130px
	}
	#process .title {
		font-size: 24px;
		margin: 0 0 5px
	}
	#process .desc2 {
		font-size: 20px;
		padding: 15px
	}
	#process .steps>div.step8 {
		padding: 40px 20px
	}
	#process .results {
		margin: 20px 0;
		flex-wrap: wrap;
		gap: 10px;
		padding: 15px 0
	}
	#process .results>div {
		width: 100%;
		font-size: 18px
	}
	#process .results .icon {
		min-width: 70px;
		max-width: 70px
	}
	#growth .info1 {
		padding: 30px;
		gap: 30px;
		margin: 0 -15px
	}
	#growth .info1 .p1 {
		font-size: 70px
	}
	#growth .info1 .p2 {
		font-size: 18px;
		margin: 0 0 5px
	}
	#growth .info2 {
		margin-top: 30px;
		flex-wrap: wrap;
		gap: 30px
	}
	#growth .info2 .p1 {
		font-size: 20px;
		margin: 0 0 10px
	}
	#make {
		padding: 60px 0
	}
	#make .desc {
		display: inline-flex;
		margin: 0
	}
	#make .col-left {
		padding: 0;
		margin: 0 0 40px
	}
	#make .anim-button {
		margin: 0 auto
	}
	.light_mode {
		display: none !important;
	}
	#proj2 {
		padding: 60px 0 80px
	}
	#proj2 .container>.d-flex {
		flex-wrap: wrap;
		gap: 40px;
		background: 0 0
	}
	#proj2 .col-right {
		width: 100%;
		max-width: 100%;
		padding: 0
	}
	#proj2 .arrows2 {
		flex-wrap: unset !important;
	}
	#proj2 .sub {
		/*margin: 0 0 40px;*/
		font-size: 18px
	}
	#proj2+#faq {
		padding: 0 0 60px
	}
	#other2 {
		padding: 0 0 120px
	}
	#bannerp {
		padding: 70px 0 0
	}
	#info1 .col-left {
		width: 100%;
		padding: 0
	}
	#info1 .info1 {
		padding: 30px 60px
	}
	#about3 {
		padding: 20px 0 60px
	}
	#about3 .title2 {
		font-size: 26px;
		margin: 0 0 30px
	}
	#about3 .info2 {
		margin: 0;
		padding: 40px 0 0
	}
	#about3 .info1 .p1 {
		font-size: 26px
	}
	#info1 .col-right {
		max-width: 100%;
		margin: 30px 0 0
	}
	#about3 .info4, #results .results2>div, .rev3>div {
		padding: 20px
	}
	#about3 .step {
		padding: 0 0 90px
	}
	#about3 .title3 img {
		max-width: 75px!important
	}
	#about3 .img4>div img {
		height: 40vw
	}
	#about3 .img4>div:nth-child(4) img, #about3 .img4>div:nth-child(5) img {
		height: 28vw;
		width: 100%
	}
	#results .results>div {
		border: 0!important;
		padding: 15px 20px
	}
	#results .results .p3 {
		font-size: 60px
	}
	#results .results .p3 svg {
		width: 30px;
		height: 20px
	}
	#rev2 {
		padding: 80px 0 20px
	}
	#rev2 .container>.d-flex {
		flex-wrap: wrap;
		justify-content: center;
		gap: 30px
	}
	#rev2 .col-right .quote {
		padding: 20px;
		font-size: 26px;
		background-size: 70px auto
	}
	#rev3 {
		padding: 60px 0 40px
	}
	.other2>a {
		width: 100%;
		padding: 15px;
		font-size: 24px
	}
	.ontech #banner .desc>div:first-child {
		width: 100%;
		padding-right: 30px
	}
	.ontech #banner .desc>div:last-child {
		text-align: center;
		max-width: 400px
	}
	#what .desc2 {
		max-width: 100%;
		margin-left: 0
	}
	#free.type2 {
		padding-bottom: 80px
	}
	#info2 .info2>div, .plans>div>div {
		margin: 0!important;
		max-width: 100%!important
	}
	#info2 .info2>div {
		padding: 0;
	}
	#info2 .title .img {
		min-width: 45px;
		width: 45px;
		height: 46px;
		margin-right: 15px;
		background-size: 45px auto;
	}
	#info2 ul {
		max-width: 100%;
		margin-left: 5px;
	}
	#info2 .title .img img {
		max-width: 22px;
	}
	#info2 .title {
		margin:0 0 20px;
	}
	#info2 .sub {
		font-size: 30px
	}
	#info2 .section-title {
		justify-content: center
	}
	#info2 .info2 > div.blue > div {
		max-width: 100%;
		padding: 30px;
	}
	#info2 .info2 {
		margin-top: 40px;
		gap: 35px
	}
	#ind, #info3 {
		padding: 0 0 80px
	}
	#growth.type2 .info1:before {
		height: 100%
	}
	#growth.type2 .col-left {
		max-width: 100%;
		margin-top: 40px;
		order: 2
	}
	#growth.type2 .info1 {
		padding: 30px 15px
	}
	.services>div {
		display: contents
	}
	.services>div>div {
		padding: 20px 15px
	}
	.services>div>div+div {
		margin-top: 0
	}
	.services .order1 {
		order: 1
	}
	.services .order2 {
		order: 2
	}
	.services .order3 {
		order: 3
	}
	.services .order4 {
		order: 4
	}
	.services .order5 {
		order: 5
	}
	.services .order6 {
		order: 6
	}
	.services .order7 {
		order: 7
	}
	#growth .info1:before {
		width: 100%;
		background-size: cover
	}
	.plans>div {
		padding: 40px 20px!important;
		max-width: 100%!important
	}
	#plans {
		padding: 40px 0 120px
	}
	#plans.type2 {
		padding: 40px 0 80px
	}
	.ontech #banner .desc {
		max-width: 555px;
	}
	#banner .in2 video {
		max-width: 100px;
	}
	#banner .in2 {
		right: 0;
		top: -100px;
	}
	#banner.type3 .in2 {
		top: -155px
	}
	#free+#why {
		padding-top: 0
	}
	.ind {
		justify-content: center;
		gap: 20px
	}
	#ind .container {
		background: transparent;
	}
	#growth .info3 {
		flex-wrap: wrap;
		justify-content: center;
		gap: 40px
	}
	#growth .info3>div {
		max-width: calc(50% - 20px)
	}
	#bannerp.type2>div {
		padding-bottom: 130px;
	}
	#info1.type2 .info1 {
		justify-content: space-around;
	}
	.step .info4 {
		flex-wrap: unset;
	}
	#about3 .info4 > img {
		margin-right: 20px;
	}
	#results .results.type2>div {
		width: 100% !important;
	}
	#results .results3 {
		flex-wrap: wrap;
		justify-content: center;
		gap:0;
	}
	#results .results3 > div {
		width: 33%;
		padding:0 15px;
	}
	#results .results3 > p {
		width: 100%;
		margin:0 0 20px;
		text-align: center;
	}
	#results .results3 .p3 {
		font-size: 45px;
	}
	#results .results3 .p2 {
		font-size: 30px;
	}
	#reports .img {
		position: static;
		width: 100%;
		height: auto;
		max-width: 700px;
		margin:30px auto 0;
	}
	#reports + #proj2 {
		padding-top: 60px;
	}
}
@media screen and (max-width:992px) {
	.logo.special {
		height: 35px;
	}
	.logo.special svg {
		display: block !important;
		max-width: 110px !important;
	}
	.logo.special svg + svg {
		display: none !important;
	}
	.logo.special img {
		display: none;
	}
	.menu {
		top: -25vh;
		left: -25vh
	}
	.menu.active {
		width: 150vh;
		height: 150vh
	}
	.menu .content {
		top: 25vh;
		left: 25vh;
		padding: 15px 15px 0
	}
	.menu .content>.d-flex {
		padding-bottom: 60px;
	}
	.menu.active2 {
		width: 0;
		height: 0
	}
	.menu .col-left a {
		font-size: 30px;
		margin: 0 0 25px
	}
	.menu .col-center a {
		margin: 0 0 25px;
		font-size: 35px
	}
	.modal2 .content {
		transform: none
	}
	.tools>div {
		padding: 30px
	}
	.tools .title {
		font-size: 22px
	}
	.tools .btn-inline, .tools .nomore {
		left: 15px;
		max-width: calc(100% - 30px);
		bottom: 20px
	}
	.filter-cat>a:hover {
		border-color: var(--Primary, #3667ff);
		background: var(--Primary, #3667ff);
		color: #fff
	}
	.filter-cat>a:hover span {
		color: #fff
	}
	.tempty {
		padding: 20px 0 0
	}
	.tempty p {
		font-size: 24px
	}
	.tempty img {
		margin: 0 auto -10%
	}
	.custom-modal .text h2 {
		width: 100%
	}
	.custom-modal .date {
		line-height: 30px;
		background-size: auto 100%;
		font-size: 20px
	}
	.ind>p {
		max-width: 100% !important;
		height: auto;
		padding: 20px 15px;
	}
	#popup7 .section-title {
		font-size: 44px;
	}
	#whts .top {
		flex-wrap: wrap;
		justify-content: center;
	}
	#whts {
		padding-top: 80px;
	}
	#whts .section-title {
		margin-top: 0;
	}
	#whts .img {
		max-width: 500px;
		margin:30px 0 0;
	}
	.whts > div {
		max-width: 100%;
		padding: 25px 20px;
	}
	.whts .p1 {
		margin:0 0 20px;
	}
	#reports + #proj2 {
		padding-top: 20px;
	}
	footer .col2 {
		margin-top: 25px;
	}
	#partners {
		padding: 10px 0 40px;
	}
	#partners .d-flex {
		flex-wrap: wrap;
	}
	#partners .col-left {
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		padding: 0;
	}
	#partners .col-right {
		padding: 0;
		max-width: 100%;
		border:0;
	}
	#partners .col-right img + img {
		display: none !important;
	}
	#partners .col-right img {
		max-height: 80px;
	}
	#partners .col-right > div > div {
		height: auto;
		padding: 15px 0;
	}
	#about3 .substep+.substep.mt140 {
		margin-top: 80px;
	}
	#bannerp.art>div {
		padding: 40px 15px 41vw;
		margin:0 -15px 10px;
		background: url(../images/unarthodox_mobile.png) no-repeat center bottom;
		background-size: 100% auto;
	}
	.info5 {
		padding: 20px;
	}
	.info6 .img {
		max-width: 110px;
	}
	.info6 .bt .col3, .info6 .bt .col2 {
		font-size: 24px;
	}
}
@media screen and (max-width:767px) {
	footer .shark {
		display: block;
		position: absolute;
		left: -5px;
		top:calc(100% + 10px);
		max-width: calc(100% + 20px);
	}
	footer .col2 {
		position: relative;
	}
	#popup7 .section-title {
		font-size: 22px;
	}
	#proj2 .info .p1 {
		min-width: unset;
	}
	.modal4 form .section-title {
		margin:0 0 40px;
	}
	.form-input .nonempty+label, .form-input input:focus+label {
		top:-15px;
	}
.modal4 form>.form-input.last, .modal4 form .irow.last {
	margin:0 0 25px;
}
	#single .tags2 {
		width: 100%;
		margin: 10px 0 0
	}
	#comments-list, .tempty {
		padding: 10px 0 0
	}
	#banner.sport .date, #e404 p, #faq.bl .faq .head, #faq.bl .faq .head h3, #growth .info3 .p1, #info h2, #search .results .title, #techno .sub, #techno .sub2, #thanks .dis3, #thanks .sub3, .no-results>p, .projects2 .number, .review .title, .scheme .title, .tempty p {
		font-size: 20px
	}
	.blog .tag::-webkit-scrollbar {
		width: 0;
		height: 0
	}
	#faq.bl .section-title, #info4 .section-title {
		font-size: 30px
	}
	.modal2 {
		display: block
	}
	#banner>div:not(#v3d-container) {
		padding: 130px 0 100px;
		height: 100vh;
		min-height: 500px;
		background: url(../images/bgm2.svg) center top/cover no-repeat
	}
	#banner h1, #banner.vac h1, #proj h1, #tool .info2 .title {
		font-size: 36px;
		margin: 0 0 20px
	}
	#about3 .desc2, #about3 .step4 .title, #banner h1, #banner.sport h1, #free .section-title, #ind .sub, #info3 .sub, #info4 .sub, #proj2 .desc, #proj2 .section-title, #why .sub, .ontech #banner h1, .plans .sub2 {
		margin: 0 0 30px
	}
	#banner.onhome h1 {
		margin: 0 0 20px
	}
	#banner.onhome .text-row {
		z-index: 3;
	}
	#banner.onab .desc, #banner.onab .desc.m, #banner.onhome .desc, #banner.onhome .desc.m, #growth .info1 .p2, #info1 .info1 .p2, #results .results .p2, #results .results2 .p2, #thanks .sub2, .vacancies .top .price {
		font-size: 17px
	}
	#banner .anim-button {
		margin-top: -55px
	}
	#about .info1 .description, #about .info2 .description, #about .sub .text2, #about3 .desc3 a, #banner .desc, #banner .desc.m, #banner.onab .d, #info .d-flex>div, #infop .desc, #infop .p, #page .text, #single .btop .author, #single .text, #thanks .ds2, #what .title2, .keyws .head>p, .keyws .r p, .style2 {
		font-size: 15px
	}
	#banner.onhome>div:not(#v3d-container) {
		padding-top: 110px
	}
	.menu .col-left a {
		justify-content: center;
		font-size: 20px;
		margin: 0 0 15px
	}
	.menu .col-center a {
		display: flex;
		margin: 0 0 15px;
		justify-content: center;
		font-size: 25px
	}
	.menu .col-center .btn-inline {
		max-width: 250px;
		font-size: 16px;
		padding: 14px 20px 12px
	}
	.projects2 a, .projects2 a .title {
		font-size: 25px
	}
	#form.type3 .sub2 {
		font-size: 16px;
		margin: -10px 0 30px
	}
	#services2 .section-title,#popup3 .section-title, .popup.resume .section-title, .section-title {
		margin: 0 0 30px;
		font-size: 32px
	}
	#comment-form .btn, #growth .info1>div>div, #info1 .info1>div, #process .steps>div:before, #tool .info>div, .modal4 form .irow>div, .techno>div {
		width: 100%
	}
	#banner.onab h1, #example .info .title, #info1 .title, #infop .title, .keywords .title, .modal4 form .section-title {
		font-size: 24px
	}
	#about3 .title, #bannerp h1, #releases .section-title, #single h1, #thanks-key h1, #tool #faq.bl .section-title, #tool h1, #tools .section-title, h1.section-title {
		font-size: 36px
	}
	#services .info>a:hover>div, #services .info>a>div, .blog>a {
		padding: 15px 0
	}
	#services .info>a .section-title, #tool .info2 .p1, .vacancies .top {
		font-size: 20px;
		margin: 0 0 10px
	}
	.breadcrumb, .other2>a span, body {
		font-size: 14px
	}
	#services .info>a .tag {
		padding: 8px 10px 6px;
		font-size: 12px
	}
	#about .sub .text1 {
		font-size: 22px;
		margin: 0 0 10px
	}
	#about .btn-inline {
		height: 45px;
		margin: 10px 0 0;
		font-size: 14px
	}
	#about .info1 {
		align-items: flex-end
	}
	#about .info2, #proj2 .info {
		justify-content: space-between
	}
	#about .info1>div, #about .sub>div, #author .content, #growth .info1 .p2, #growth .info1 .p3, #growth .info2 .p2, #growth .info3 .img img, #growth .info3>div, #included .col-left .col-right2, #infop .col-left, #process .results2 .img img, #tool .left>div, #why .info>div, .team>div, .tools-search {
		max-width: 100%
	}
	#about .info1 .title {
		font-size: 32px;
		margin: 0 0 10px;
		line-height: 1.1
	}
	#about .info2 {
		margin-top: 0
	}
	#about .info2 .title {
		font-size: 90px
	}
	#about .info2>div {
		max-width: calc(50% - 20px)
	}
	form .sub {
		font-size: 20px;
		margin: 0 0 30px
	}
	.files label, .form-input label, footer .top .address, footer .top a, footer ul a {
		font-size: 16px
	}
	form input {
		padding: 7px 0
	}
	form input, form input::placeholder {
		font-size: 16px
	}
	form .btn-inline {
		height: 45px;
		font-size: 18px
	}
	.blog .top {
		margin: 0 0 15px;
		font-size: 13px
	}
	.blog .title {
		font-size: 17px;
		margin: 0 0 10px
	}
	#infop .link, .blog .tag p, .layout .author {
		font-size: 13px
	}
	#about3 .info2 ul li+li, #results .results .p1+.p3, .layout .author {
		margin-top: 10px
	}
	#banner .sub, #page .text p, #single .breadcrumb, #tools .section-title, #what ul, .plans .sub1 {
		margin: 0 0 20px
	}
	#proj2 .info>div, footer .left {
		max-width: 100%;
		width: 100%
	}
	footer .right {
		max-width: 100%;
		width: 100%;
		margin-top: 30px
	}
	#about3 .title2, #proj2 .title, footer .top .tel {
		font-size: 20px;
		margin: 0 0 20px
	}
	.sreview .open-review, footer .bottom p {
		font-size: 12px
	}
	footer .bottom a {
		margin-left: 15px;
		font-size: 12px
	}
	#search .search-form input, #search .search-form input::placeholder {
		font-size: 16px
	}
	#banner .sub {
		font-size: 18px
	}
	#banner .more, #banner.onab .sub, #contacts .info a, #help .middle ul, .review .text1, .review .text2, .seo.th .info, .sreview .text1, .sreview .text2 {
		font-size: 16px
	}
	#banner .more {
		height: 45px
	}
	.team .t {
		min-height: 120vw
	}
	.review .buttons .btn-inline {
		max-width: calc(50% - 10px);
		margin: 0 5px 15px;
		font-size: 12px;
		height: 45px
	}
	.review .open-review {
		margin: 0;
		font-size: 12px
	}
	.review .open-review .icon {
		width: 35px;
		height: 35px
	}
	.review .open-review .icon img {
		height: 30px
	}
	.popup form .agree, form .agree {
		margin-top: 15px;
		font-size: 13px
	}
	.arrows>div {
		width: 40px;
		min-width: 40px;
		height: 40px
	}
	.arrows>div svg, .custom-modal .close svg {
		transform: scale(.5)
	}
	#make .anim-button, .pagination .prev svg {
		transform: scale(.6)
	}
	#banner .buttons .btn-inline, .btn-inline2 {
		padding: 0 15px;
		height: 45px;
		margin: 0 15px 0 0
	}
	#about3 .desc2 p+p, .numbs {
		margin-top: 20px
	}
	#banner.vac h1, #info2 .section-title, #process .section-title, #process .sub {
		text-align: left
	}
	.btn-inline, .no-results a {
		padding: 10px 15px 8px;
		font-size: 14px
	}
	#banner.vac {
		background-position: right 375px!important;
		background-size: 100% auto!important
	}
	#info, #scheme {
		padding: 60px 0 30px
	}
	#about2, #tool .info2 {
		padding: 60px 0 40px
	}
	#about2 .a-h2+.sub, #about2 .sub, #help .top .text1, #process .desc2, #thanks .sub, #thanks-key .sub, .faq .head h3, .info4 .title, .keywords .kform .title2, .scheme .number {
		font-size: 18px
	}
	.pagination a, .pagination span {
		min-width: 27px;
		height: 27px;
		padding-top: 2px;
		font-size: 14px;
		margin: 0 3px
	}
	.pagination .next svg {
		transform: scale(.6) rotate(180deg)
	}
	#single {
		padding: 80px 0 45px
	}
	.scontent>p {
		font-size: 20px;
		margin: 0 0 15px
	}
	#single .scontent a {
		font-size: 15px;
		min-height: 25px
	}
	#about3 .line>img, #growth .wprime, #info1 .col-right .d-flex a br, #info1 .col-right .d-flex p br, #results .results .p1 br, #rev3 .lines, .form-key p br, .ind>p br, .keywords .kform .title2 br, .scontent .scroll {
		display: none
	}
	#results .results .p1 {
		margin:0 0 5px;
	}
	#single .text p a {
		border-left: 3px solid rgba(14, 15, 18, .1)
	}
	#single .text h2 {
		margin: 30px 0 20px;
		font-size: 20px
	}
	#single .text table tr td {
		font-size: 15px;
		padding: 10px
	}
	#single .rel_a>p, #single .share>p {
		font-size: 30px;
		margin: 0 0 20px
	}
	#single .rel_a>a {
		font-size: 15px;
		padding: 0 0 15px;
		margin: 0 0 15px
	}
	.coop>div {
		width: calc(50% - 10px);
		font-size: 16px
	}
	.coop .img {
		height: auto
	}
	.numbs {
		flex-wrap: wrap
	}
	#scheme .tab-head a {
		font-size: 15px;
		padding: 4px 10px 5px
	}
	#thanks .dis2 {
		font-size: 26px
	}
	#banner.cooperation, #search, #thanks, #thanks-key {
		padding: 100px 0 40px
	}
	.form-key>div {
		background: 0 0;
		padding: 20px;
		text-align: center
	}
	.fdesc .p1, .form-key p {
		font-size: 18px;
		margin: 0 0 10px
	}
	#proj {
		padding: 100px 0 1px
	}
	#banner.onab>div:not(#v3d-container), #blog.type2, #blog_b .content, #tool, #tools {
		padding: 100px 0 60px
	}
	#contacts {
		padding: 100px 0 30px
	}
	#author, #page, #vacancies {
		padding: 100px 0 50px
	}
	footer {
		padding: 40px 0 15px
	}
	#e404 img {
		width: 100px
	}
	#e404 a svg {
		width: 125px;
		height: 125px
	}
	.h2 {
		font-size: 22px
	}
	#banner.sport>div:not(#v3d-container) {
		height: calc(100svh - 70px);
		min-height: 580px
	}
	#banner.sport>div:not(#v3d-container)>div, #free.type2 {
		padding-bottom: 60px
	}
	#banner.sport .bottom {
		border: 20px
	}
	.keywords .kform, .keyws {
		border-radius: 20px
	}
	#info2, #info4, #infop, #proj2, #results {
		padding: 60px 0
	}
	#comment-form, #what .desc, .discuss {
		padding: 20px
	}
	#bio .tags p, #infop .tags>p {
		padding: 8px 10px 6px;
		font-size: 13px
	}
	#infop .col-right {
		max-width: 100%;
		margin-top: 40px
	}
	#example {
		height: 100vh
	}
	#author .img {
		margin: 0 0 30px;
		width: 100%;
		max-width: unset
	}
	#bio .section-title {
		font-size: 32px;
		margin: 0 0 20px
	}
	.projects2>a {
		height: 100vw
	}
	.projects2 img {
		height: calc(127vw + 100px);
		object-position: center top
	}
	.sreview .open-review .icon {
		width: 35px;
		height: 35px;
		margin-left: 12px
	}
	.sreview .title {
		font-size: 32px
	}
	.sreview .buttons {
		flex-wrap: wrap;
		margin: 0 -5px
	}
	.sreview .buttons .btn-inline {
		max-width: calc(50% - 10px);
		margin: 0 5px;
		font-size: 12px;
		padding: 0;
		height: 45px
	}
	.discuss {
		background: #140b27
	}
	.discuss .title {
		font-size: 24px;
		max-width: 100%
	}
	.discuss .btn {
		padding: 10px 25px 8px;
		font-size: 14px
	}
	.blockquote {
		padding-left: 80px;
		background-size: 50px auto;
		background-position: 15px center
	}
	.keywords .kform {
		padding: 30px 15px
	}
	.kform form .d-flex {
		justify-content: center
	}
	.kform form input {
		padding-top: 12px;
		padding-bottom: 12px
	}
	form .btn-inline2 {
		margin: 10px 0 0;
		font-size: 16px;
		padding: 10px
	}
	.keyws .head, .keyws .r {
		flex-wrap: unset!important
	}
	.keyws .col1 {
		max-width: 40px
	}
	.keyws .col3 {
		max-width: 120px;
		padding-left: 0!important
	}
	.blog-top {
		position: relative;
		padding-bottom: 60px
	}
	.blog-top .filter-tags {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0
	}
	.filter-tags>div label {
		font-size: 15px;
		margin: 0 0 10px
	}
	.filter-cat, .releases>div a {
		margin: 15px 0 0;
		max-width: 100%
	}
	.filter-tags>div label input+span {
		min-width: 16px;
		height: 16px
	}
	.filter-tags>div>.content {
		padding: 16px 16px 0;
		max-height: 200px
	}
	.filter-tags>p {
		padding: 0 16px
	}
	.filter-tags>div .buttons {
		padding: 0 16px 16px
	}
	#comments .section-title {
		font-size: 27px;
		margin: 0 0 20px
	}
	#comment-form input {
		height: 45px;
		padding: 2px 12px 0
	}
	#comment-form textarea {
		padding: 12px;
		height: 120px
	}
	#comment-form .success {
		order: 2;
		text-align: center;
		width: 100%;
		margin-top: 15px
	}
	#comments-list .top, #results h2 {
		margin: 0 0 10px
	}
	#comments-list .avatar {
		margin-right: 10px;
		min-width: 40px;
		width: 40px;
		height: 40px
	}
	#comments-list .rev {
		margin: 0 0 12px
	}
	#single #comments-list .children {
		padding-bottom: 5px;
		padding-left: 20px
	}
	#single #comments-list .children>div {
		padding: 20px 0 0
	}
	#tools .h {
		flex-wrap: wrap;
		margin: 0 0 30px
	}
	.filter-cat {
		order: 2;
		gap: 5px
	}
	.tools>div {
		padding: 15px 0;
		max-width: 100%
	}
	.tools img {
		height: 57vw
	}
	#tool .info, #tool .info2 .d-flex {
		flex-wrap: wrap;
		gap: 30px 0
	}
	#tool .button {
		flex-wrap: wrap;
		gap: 20px;
		justify-content: center
	}
	#tool .button a {
		justify-content: center;
		min-width: 205px
	}
	#tool .info2 .img img, #what .desc2 .title, .services .desc>div {
		margin: 0 0 15px
	}
	#releases {
		padding: 80px 0 0
	}
	.releases>div {
		padding: 20px 0;
		font-size: 16px;
		flex-wrap: wrap;
		justify-content: space-between
	}
	#about3 .step2 .desc, #process .desc1:last-child, .releases .date, .type2 .fdesc .p1 {
		margin: 0
	}
	.releases>div a {
		width: 100%;
		justify-content: center
	}
	.custom-modal .close {
		top: 15px;
		right: 15px;
		width: 40px;
		height: 40px
	}
	.custom-modal {
		top: 15px;
		left: 15px;
		width: calc(100% - 30px);
		height: calc(100dvh - 30px)
	}
	.custom-modal .content {
		padding: 30px 15px 50px
	}
	.custom-modal .text h2 {
		font-size: 36px;
		padding-right: 30px
	}
	.custom-modal h3 {
		font-size: 28px;
		margin: 25px 0 15px
	}
	.custom-modal .text ul {
		padding-left: 25px
	}
	.custom-modal .date {
		line-height: 24px;
		background-size: auto 100%;
		font-size: 17px;
		padding-left: 30px
	}
	.ontech #banner .desc.m {
		margin: 0 auto 30px
	}
	.ontech #banner .buttons {
		flex-wrap: wrap;
		justify-content: center
	}
	.ontech #banner .buttons>a {
		width: 100%;
		justify-content: center;
		margin: 0;
		text-align: center
	}
	.ontech #banner.type3 h1 {
		font-size: 30px!important
	}
	#proj2 .sub {
		font-size: 15px;
	}
	.arrows2 > a {
		min-width: 50px;
		width: 50px;
		height: 50px;
		order:2;
	}
	.ontech #banner .sub {
		font-size: 15px 20px;
		margin: 0 0 30px
	}
	#proj2 .arrows2 {
		gap:15px;
		flex-wrap: wrap !important;
		justify-content: center;
	}
	#proj2 .arrows2 {
		margin:0 0 30px;
	}
	#about3 .info4, #free .buttons, #growth .info2, #process .steps>div.step8, #what .desc, .plans .button1 {
		margin-top: 30px
	}
	.fdesc>div, .services .desc {
		padding: 20px 15px
	}
	.fdesc .img {
		min-width: 80px;
		max-width: 80px;
		margin-right: 10px
	}
	.fdesc .img img {
		max-width: calc(100% + 7px);
		margin-left: -5px
	}
	.fdesc .img2 {
		font-size: 35px;
		margin-right: 15px
	}
	.fdesc .img2 svg {
		max-width: 20px
	}
	#what {
		padding: 60px 0 0
	}
	#what .desc {
		font-size: 15px;
		line-height: 24px
	}
	#why .info .p {
		border-radius: 30px
	}
	#free {
		padding: 0
	}
	#free .buttons {
		flex-wrap: wrap;
		justify-content: center;
		gap: 15px
	}
	#free .buttons a {
		width: 100%;
		justify-content: center;
		padding: 0 15px;
		height: 45px
	}
	#process .title span {
		margin-right: 5px
	}
	#process .steps>div {
		padding: 20px 0
	}
	#process .results {
		gap: 10px
	}
	#growth .info1 {
		padding: 30px 15px;
		gap: 20px;
		flex-wrap: wrap
	}
	#growth .info1>div {
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		text-align: left
	}
	#growth .info1 .p1 {
		margin: 0 0 10px;
		font-size: 60px
	}
	#growth .info1:before {
		background-size: cover
	}
	#growth .info2>div, #make .section-title span span {
		padding-right: 0
	}
	#growth .info2 {
		gap: 25px
	}
	#make .btn-inline {
		width: 100%;
		justify-content: center;
		height: 45px
	}
	#make .col-right {
		display: flex;
		flex-wrap: wrap;
		justify-content: center
	}
	#make .anim-button {
		margin: -20%
	}
	#make .col-left, .plans .title {
		margin: 0 0 25px
	}
	#make .sub2 {
		width: 100%;
		margin: 20px 0 0
	}
	#make .desc {
		padding: 0;
		background: 0 0
	}
	#included .sub {
		font-size: 17px;
		margin: 0 0 30px
	}
	#included .col-left>div {
		padding: 20px 0;
		flex-wrap: wrap
	}
	#included .col-left .col-left2 {
		max-width: 100%;
		padding: 0;
		margin: 0 0 15px
	}
	#included .title {
		font-size: 20px;
		margin: 0 0 12px
	}
	#included .desc2 li {
		margin-left: -7px
	}
	#proj2 .container>.d-flex {
		gap: 30px
	}
	#proj2 .info {
		padding: 12px 0;
		text-align: center
	}
	#proj2 .info>div, #proj2 .info>div:nth-child(2) {
		padding: 0 8px
	}
	#proj2 .info .p2 {
		padding: 0;
		width: 100%
	}
	#proj2 .info .p1 {
		padding: 30px 0 0!important;
		text-align: center;
		background-position: center top;
		white-space: nowrap;
		font-size: 20px;
		display: inline-block
	}
	.faq .body {
		padding: 5px 0 20px!important
	}
	#ind, #other2 {
		padding: 0 0 60px
	}
	.other2>a {
		font-size: 19px;
		padding: 5px 20px 0;
		justify-content: space-between
	}
	.other2>a svg {
		transform: scale(.75);
		margin-right: -25px;
		margin-top: -5px
	}
	#bannerp>div {
		padding: 40px 0
	}
	#info1 {
		padding: 0 0 40px
	}
	#info1 .info1 {
		padding: 20px;
		flex-wrap: unset;
		gap: 20px
	}
	#info1 .info1 .p1 {
		font-size: 32px;
		margin: 0;
		padding-left: 30px;
		background-size: 23px auto;
		background-position: left calc(50% - 1px)
	}
	#about3 .img4, #info1 .col-right .d-flex {
		gap: 10px
	}
	#info1 .col-right .d-flex a, #info1 .col-right .d-flex p {
		padding: 10px 20px
	}
	#about3 {
		padding: 40px 0 60px;
		overflow: hidden
	}
	#about3 .info1 {
		flex-wrap: wrap;
		gap: 20px;
		margin: 0 0 40px
	}
	#about3 .info1>div {
		width: 100%;
		max-width: 100%
	}
	#about3 .info1 .p1 {
		padding-left: 30px;
		font-size: 20px;
		background-size: auto 20px;
		background-position: left 3px
	}
	#about3.type3 .info1 > div:first-child .p1 {
		padding-left: 0 !important;
	}
	.type3#about3 .step3 .title {
		margin:0 0 20px;
	}
	.type3#about3 .info2 {
		padding-top: 40px;
	}
	.type3#about3 .step3 .line2 {
		padding: 0;
	}
	.type3#about3 .step3 .line2 .bt > div + div {
		margin-top: 20px;
	}
	.type3#about3 .step3 .line2 .top {
		font-size: 20px;
	}
	.type3#about3 .step3 .line2 img {
		max-width: 35px;
		max-height: 35px;
	}
	#about3 .step {
		padding: 0 0 70px
	}
	#about3 .substep+.substep.mt140 {
		margin-top: 60px;
	}
	#about3 .title4 {
		font-size: 24px;
		margin-top: 40px;
	}
	#about3 .info4 .p3 {
		font-size: 15px;
		display: inline-block;
	}
	#about3 .info4 .p3 span {
		display: inline-block;
		vertical-align: top;
		margin-top: 1px;
		margin-bottom: -1px;
	}
	#about3.type3 .step4 .desc2 {
		margin:0 0 40px;
	}
	#about3 .info3 video {
		left: -20%;
		top: -20%;
		max-width: 125%;
	}
	#proj2 .d-flex + .d-flex {
		margin-top: 50px;
	}
	#about3.type2 .info3 video {
		left: -20%;
		top: -20%;
		max-width: 300%;
		width: auto;
		height: 125%;
	}
	#about3 .line .d-flex {
		padding: 20px;
		margin: 0!important;
		width: 100%;
		max-width: 100%
	}
	#about3 .line .d-flex+.d-flex {
		margin-top: 20px!important
	}
	#about3 .title3 {
		font-size: 22px;
		padding: 20px 10px;
		margin: 0 0 30px
	}
	#about3 .title3 img {
		max-width: 65px!important;
		margin-right: 15px
	}
	#about3 .info4 .p1, #results .results2 .p1 {
		font-size: 20px;
		margin: 0 0 5px
	}
	#about3 .img2, #info2 .info2 {
		gap: 0
	}
	#about3 .desc3 {
		margin: 0 0 20px;
		padding: 15px
	}
	#about3 .desc3 .p1 {
		font-size: 17px;
		margin: 0 0 2px
	}
	#about3 .img3 {
		flex-wrap: wrap;
		margin-left: -10px;
		margin-right: -5px
	}
	#about3 .img3>div {
		width: 50%
	}
	#about3 .substep+.substep, #rev3+#form {
		margin-top: 60px
	}
	#about3 .img4>div {
		max-width: calc(33.33% - 10px*2/3)
	}
	#about3 .img4>div:nth-child(4), #about3 .img4>div:nth-child(5) {
		max-width: calc(50% - 10px*1/2)
	}
	#results .results>div {
		font-size: 20px;
		padding: 25px 0
	}
	#results .results>div+div {
		border-top: 1px solid rgba(0, 0, 0, .1)!important
	}
	#results .results .p3 {
		font-size: 55px
	}
	#results .results2 {
		border: 1px solid rgba(0, 0, 0, .1);
		padding: 15px 20px;
		flex-wrap: wrap
	}
	#info3 .btn, #rev2 .btn {
		justify-content: center
	}
	#results .results2>div {
		padding: 15px 0;
		border: 0!important;
		width: 100%;
		max-width: 100%
	}
	#rev2, #rev3 {
		padding: 60px 0 20px
	}
	#rev2 .col-left {
		max-width: 100%;
		margin: 0;
		order: 2;
		width: auto
	}
	#rev2 .photo img {
		max-width: 100px
	}
	#rev2 .photo .p1 {
		font-size: 20px;
		margin: 0 0 2px
	}
	#rev2 .col-right .quote {
		padding: 35px 0 0;
		background: url(../images/quote4.svg) center top/175px auto no-repeat;
		font-size: 24px;
		text-align: center;
		margin: 0 0 20px
	}
	#rev2 .btn {
		margin-left: 0;
		width: 100%
	}
	#rev3 .title {
		margin: 0 0 30px;
		font-size: 24px
	}
	.rev3>div {
		padding: 0 12px;
		border: 0!important
	}
	.rev3 .img, .rev3 .stars {
		margin: 0 0 5px
	}
	.rev3 .img img {
		max-height: 51px
	}
	.rev3 .stars img {
		max-width: 19px
	}
	#rev2+#form {
		margin-top: 40px
	}
	#banner .in2 {
		right: 0;
		top: -85px;
		width: 150px;
		padding-top:0;
		padding-bottom: 0;
	}
	#banner .in2 video {
		max-width: 65px;
		margin-right: 5px;
	}
	.ontech #banner.type2 .desc>div:first-child {
		order: 2;
		padding: 0
	}
	.ontech #banner.type2 h1 {
		font-size: 32px;
		text-align: left;
		margin: 0 0 40px
	}
	.ontech #banner.type2 .desc {
		gap: 40px;
		padding-right: 0!important;
		margin: 0 0 40px;
		max-width: calc(100% - 160px);
		justify-content: flex-start;
		text-align: left
	}
	#banner.type3 .in2 {
		top: -155px;
		/*padding-top: 85px;*/
	}
	.ontech #banner.type2 .desc .desc2 {
		text-align: left;
		padding-right: 150px;
		font-size: 15px
	}
	#what .p {
		margin: 0 0 35px
	}
	#what ul li+li {
		margin-top: 8px
	}
	#what .desc p+p {
		margin-top: 16px
	}
	#why .info {
		gap: 40px
	}
	#why .info .desc {
		margin-top: 15px
	}
	#free .content {
		margin: 0;
		padding: 40px 15px
	}
	#info2 .sub {
		text-align: left;
		font-size: 24px
	}
	#info2 .info2>div+div {
		border-top: 0!important
	}
	#info2 .info2>div.blue {
		order: 99
	}
	#info2 .info2 {
		gap:40px;
	}
	#info2 .info2 > div.blue > div ul {
		margin-left: 0;
	}
	#info2 .title {
		font-size: 20px;
	}
	#info3 .info3 {
		padding: 40px 25px 365px;
		text-align: center;
		background: url(../images/fd20.jpg) 60% bottom/auto 380px no-repeat #fff
	}
	#info3 .btn {
		height: 56px;
		width: 100%;
		text-align: center
	}
	#growth .section-title {
		margin: 0 0 20px;
		font-size: 30px
	}
	.ontech #banner .desc a {
		width: 100%;
		height: 56px;
		justify-content: center
	}
	#growth.type2 {
		padding-bottom: 0
	}
	#services {
		padding: 20px 0 60px
	}
	#banner + #services {
		padding-top: 60px;
	}
	#services .sub {
		max-width: 100%;
		margin: 0 0 35px
	}
	#plans {
		padding: 20px 0 80px
	}
	#plans .sub {
		max-width: 100%;
		margin: 0 0 30px
	}
	.services .title {
		font-size: 24px;
		margin: 0 0 20px
	}
	#growth.type2 .info1 {
		padding: 45px 15px 40px
	}
	.services .desc>div.open {
		max-height: 600px
	}
	.plans .button2 {
		margin-top: 0
	}
	#single .text p {
		overflow: hidden;
		text-overflow: ellipsis
	}
	#included+#faq {
		padding-top: 60px
	}
	.info4>a {
		max-width: 100%;
		padding: 20px
	}
	#process .results2>div {
		font-size: 18px;
		padding: 20px 15px
	}
	#process .results2 .img {
		margin-right: 10px;
		max-width: 50px;
		min-width: 50px
	}
	.ind {
		gap: 20px;
		font-size: 18px
	}
	#growth .info3 {
		padding: 30px 20px;
		gap: 30px
	}
	#growth .info3 .img {
		max-width: 55px;
		min-width: 55px
	}
	#growth .info3 .top {
		margin-bottom: 12px
	}
	#growth .info2>div {
		max-width: 100%!important;
	}
	#growth .info2 .l span {
		height: 100% !important;
	}
	#growth .info2 .p1 {
		min-height: 45px;
		display: flex;
		align-items: center
	}
	.ontech #faq {
		padding-bottom: 80px
	}
	#bannerp.type2 {
		padding-left: 15px;
		padding-right: 15px;
	}
	#bannerp.type2>div {
		padding-bottom: 40px;
	}
	#bannerp.type2 img {
		height: auto;
		width: 100%;
		position: static;
		margin-top: 15px;
	}
	#bannerp.art>div {
		padding: 40px 15px 41vw;
	}
	#info1.type2 .info1 .p2 {
		font-size: 15px;
	}
	#info1.type2 .info1 .p1 {
            font-size: 32px;
            margin: 0;
            padding-left: 30px;
            background-size: 23px auto;
            background-position: left calc(50% - 1px);
        }
    #info1.type2 .info1 {
    	            padding: 20px;
            flex-wrap: unset;
            gap: 20px;
    }
    #about3.type2 .info1 .p1, #about3.type2 .info1 div + div .p1 {
    	padding-left: 30px;
            font-size: 20px;
            background-size: auto 20px;
            background-position: left 3px;
    }
    #about3.type2 .info1 div + div .p1 {
    	padding-left: 40px;
    }
    #about3.type2 .info1 > div:last-child,
    #about3.type2 .info1 > div:first-child {
    	max-width: 100%;
    }
    #about3.type2 .step2 video {
    	max-width: 300%;
    	width: auto;
    	height: 100%;
    	left: -10%;
    }
    .lim.str_wrap {
    	margin-left:-15px;
    	margin-right: -15px;
    	width: calc(100% + 30px);
    }
    .lim.str_wrap:before, .lim.str_wrap:after {
    	width: 60px;
    	display: none;
    }
    #about3 .info4 > img {
    	max-width: 65px;
    	min-width: 65px;
    	margin-right: 15px;
    }
    #about3.type2 .info4.d-flex {
    	padding: 20px 10px;
    }
    #about3.type2 .info4.type2 {
    	align-items: flex-start;
    }
    #about3 .info4.type2 .p3 {
    	/*width: 100%;*/
    	font-size: 15px;
    	padding: 7px 10px;
    }
    #about3 .info4 .p4 {
    	font-size: 15px;
    	padding: 7px 10px;
    }
    #about3 .img5 {
    	padding: 20px;
    	flex-wrap: wrap;
    	justify-content: center;
    }
    #results .results .p3 {
    	font-size: 40px;
    	justify-content: center;
    }
    #results .results .p4 {
    	font-size: 18px;
    }
    #results .results3 {
    	padding: 30px 20px;
    	margin:0;
    }
    #results .results3 > div {
    	border-left: 0 !important;
    	width: 100%;
    	max-width: 100%;
    	padding-top:20px;
    }
    #results .results3 .p1 {
    	font-size: 27px;
    }
    #results .results3 .p2 {
    	font-size: 24px;
    }
    #results .results3 .p2 {
    	margin:0 0 10px;
    }
    #results .results3 .p3 img {
    	max-width: 40px;
    	max-height: 50px;
    }
    #results .results3 > div + div {
    	margin-top: 20px;
    	border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    #services2 .subtitle {
    	margin-bottom: 30px;
    }
    .services2 .str_move>div {
    	width: 320px;
    	min-width: 320px;
    }
    #services2 .dop {
    	margin-top: 30px;
    }
    #growth .subs {
    	margin:0 0 40px;
    }
    #banner .subtitle {
    	margin-left: 0;
    	width: 100%;
    }
    #banner .desc3 {
    	margin-left: 0;
    	max-width: 100%;
    	width: 100%;
    }
    #whts {
    	padding: 60px 0 20px;
    }
    .whts .sss .slick-slide {
    	border:1px solid rgba(255, 255, 255, 0.1);
    	padding: 15px;
    	width: 320px;
    	margin-right: 16px;
    }
    #whts2 .img {
    	width: 150vw;
    	max-width: 150vw;
            margin: -3vw 0 15px -25vw;
            position: static;
    }
    #whts2 .buttons {
    	margin-top: 30px;
    }
    #whts2 .desc {
    	margin-top: 0;
    }
    #whts2 .buttons {
    	flex-wrap: wrap;
    	justify-content: center;
    	gap:15px;
    }
    #whts2 .section-title {
    	justify-content: center;
    	text-align: center;
    }
    #whts2 {
    	padding: 0 0 60px;
    }
    #process.type3 .steps>div.step8 {
    	margin-top: 0;
    	padding: 20px 0;
    }
    #reports {
    	padding: 60px 0 20px;
    }
    #reports .img {
    	margin-top: 10px;
    }
    #reports + #proj2 {
    	padding-top: 40px;
    }
    .reports .subtitle {
    	margin:0 0 20px;
    	font-size: 20px;
    }
    .whts .p1 {
    	margin:0 0 20px;
    	font-size: 20px;
    }
    .projs .slick-slide {
    	width: calc(100vw - 30px);
    }
    #proj2 .info, #proj2 .slick .info {
    	bottom: 0;
    	left: 0;
    	width: 100%;
    	position: static;
    }
    #proj2.type3 .col-right {
    	padding: 30px 0 0;
    }
    #proj2 .proj {
    	background: transparent;
    }
    #proj2 .subs a {
    	position: static;
    	margin:15px auto 0;
    }
	#banner .subtitle {
		margin-left: 0;
		font-size: 20px;
		margin-bottom: 20px;
	}
	#banner.onwhite .bt.now {
		display: flex;
		flex-wrap: wrap;
	}
	#banner.onwhite .btn {
		order:3;
		margin:20px 0 0;
	}
	.ontech #banner.onwhite>div:not(#v3d-container) {
		background: url(../images/white.jpg) no-repeat center;
		background-size: cover;
	}
	#services2 {
		padding-top: 30px;
	}
	#whts .img {
		margin-top: 10px;
	}
	#whts .top {
		margin:0 0 30px;
	}
	.menu .col-center a.btn:hover>span {
		transform:none;
	}
	.info6 {
		padding: 20px 15px;
	}
	.info6 > .d-flex {
		flex-wrap: wrap;
	}
	.info6 .img {
		max-width: 100%;
		margin-bottom: 15px;
	}
	.info6 .top {
		display: none;
	}
	.info6 .bt {
		flex-wrap: wrap;
	}
	.info6 .bt .col1,
	.info6 .bt .col2,
	.info6 .bt .col3 {
		max-width: 100%;
		padding: 0;
	}
	.info6 .bt .col3, .info6 .bt .col2 {
		line-height: 1;
	}
	.info6 .bt > div + div {
		margin-top: 15px;
	}
	.info6 .bt .stitle {
		display: block;
		margin:0 0 5px;
		color: rgba(255, 255, 255, 0.7);
		font-weight: 500;
	}
}
@media screen and (max-width:600px) {
	.blog.type2 .layout {
		max-width: 100%
	}
	.blog.type2 .mimg {
		height: 48vw
	}
}
@media screen and (max-width:767px) and (max-height:500px) {
	.menu {
		top: -25vw;
		left: -25vw
	}
	.menu .content {
		top: 25vw;
		left: 25vw
	}
	.menu.active {
		width: 150vw;
		height: 150vw
	}
	.menu.active2 {
		width: 0;
		height: 0
	}
}
@media screen and (min-width:767px) and (max-height:500px) {
	.menu {
		top: -25vw;
		left: -25vw
	}
	.menu .content {
		top: 25vw;
		left: 25vw
	}
	.menu.active {
		width: 150vw;
		height: 150vw
	}
	.menu.active2 {
		width: 0;
		height: 0
	}
	#reviews.type2 {
		padding: 60px 0 40px
	}
}
@media screen and (max-height:700px) and (max-width:992px) {
/*	#banner .anim-button2.special {
		width: 250px;
		height: 250px;
	}*/
	#banner.onhome h1 {
		margin: 0 0 5vh
	}
}