#about3 .img1, #about3 .img2>div, #about3 .pimg, #fea .col-right, #projects, .bg-project, .layout, .pr-a>a {
	overflow: hidden
}
#fea, #infop, #proj2, #projects.type2, #results, script+#projects {
	padding: 150px 0
}
#example .info, #info1 .info1, #info1 .info1 .p1, #proj h1, #proj2 .section-title, #proj2 .sub, #results .results>div, #results h2, #rev3 .title, .rev3>div {
	text-align: center
}
#banner.sport .date, .pr-a>a, .project .title {
	text-transform: uppercase
}
#banner.sport .date, .pr-a>a p {
	font-size: 28px;
	color: #fff
}
#infop .tags>p, .project .top p {
	padding: 10px 20px;
	border-radius: 50px
}
#infop .link, #infop .tags>p {
	display: inline-block;
	border-radius: 50px
}
.fea .p2, .project .description {
	color: var(--Grey-Text, #7f7893)
}
#banner.sport .date, .pr-a>a, .pr-a>a p, .project .title, .sreview .text1, .sreview .title {
	font-weight: 600
}
#about3 .sticky .img.active .text, .bg-project img.active, .bg-project video.active, .projects2 {
	opacity: 1
}
#projects {
	padding: 50px 0;
	position: relative;
	z-index: 2
}
.projects .slick-slide {
	margin: 0 100px
}
.projects .slick-list {
	margin: 0 -100px;
	overflow: visible
}
.project {
	background: url(../images/bg-proj.webp) center center/cover no-repeat;
	box-shadow: 0 3.72406px 5.32008px 0 rgba(23, 14, 48, .19), 0 12.50833px 17.86905px 0 rgba(23, 14, 48, .27), 0 56px 80px 0 rgba(23, 14, 48, .46)
}
.project .info {
	width: calc(100% - 670px);
	padding: 100px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between
}
.project .img {
	width: 670px
}
.project .img img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 700px
}
.bg-project, .pr-a>a:after {
	width: 0;
	position: absolute
}
.project .top p {
	margin-right: 20px;
	display: inline-flex;
	background: rgba(255, 255, 255, .02);
	font-size: 17px;
	font-weight: 500;
	color: #ffff;
	line-height: 1.4
}
.project .title {
	margin: 0 0 10px;
	font-size: 58px;
	line-height: 1.25
}
.bg-project {
	bottom: -25vw;
	left: -25vw;
	height: 0;
	border-radius: 100%;
	z-index: 1;
	transition: 1.2s
}
.fea .p1, .fea .p1:before, .fea .p2, .layout, .pr-a>a p, .pr-a>a span span, .pr-a>a:after {
	transition: .6s
}
.bg-project:before {
	content: ' ';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
	background: linear-gradient(0deg, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .3) 100%)
}
.bg-project img, .bg-project video {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	opacity: 0;
	transition: .25s linear
}
.bg-project>div {
	position: absolute;
	width: 100vw;
	height: 100vh;
	min-height: 700px;
	bottom: 25vw;
	left: 25vw
}
#about3 .desc, #about3 .img1, #about3 .info2, #about3 .info2 ul li, #about3 .info3, #about3 .line, #about3 .title3, #example, #example>div:last-child, #fea .col-right, #projects .content, .layout, .layout>*, .pr-a>a, .rev3>div {
	position: relative
}
.bg-project.active {
	width: 150vw;
	height: 150vw
}
#projects .content {
	z-index: 3
}
.pr-a>a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	color: rgba(255, 255, 255, .3);
	font-size: 88px;
	line-height: 1.1;
	width: calc(100% + 40px);
	margin: 0 -20px
}
.pr-a>a:after {
	content: ' ';
	height: 1px;
	background: #fff;
	bottom: 0;
	left: 20px
}
.pr-a>a:hover:after {
	width: calc(100% - 40px)
}
.pr-a>a span span {
	display: block;
	background-image: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, .3) 50.01%, rgba(255, 255, 255, .3) 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-box-decoration-break: clone;
	background-size: 200% auto;
	background-position-x: 100%
}
.pr-a>a:hover span span {
	background-position-x: 0%
}
.pr-a>a p {
	display: flex;
	align-items: center;
	transform: translateX(calc(100% + 20px));
	line-height: 1.3
}
.pr-a>a p .anim {
	margin-left: 10px;
	margin-top: -3px;
	display: flex;
	min-width: 60px;
	height: 60px;
	align-items: center;
	justify-content: center
}
.pr-a>a p .anim img {
	transition: .25s
}
.pr-a>a p .anim:hover img {
	transform: rotate(-45deg)
}
.pr-a>a:hover p {
	transform: translateX(0)
}
#about3 .desc2, #fea .section-title, #infop .p, #proj .breadcrumb, #proj2 .desc {
	margin: 0 0 40px
}
#proj {
	padding: 170px 0 1px
}
#banner.sport {
	margin-top: 130px
}
#banner.sport>div:not(#v3d-container) {
	height: calc(60vh - 130px);
	min-height: 650px;
	display: block;
	padding: 85px 0;
	background: linear-gradient(0deg, rgba(14, 15, 18, .5) 0, rgba(14, 15, 18, .5) 100%)
}
#banner.sport>div:not(#v3d-container):before {
	content: url(../images/port.svg);
	position: absolute;
	left: 0;
	bottom: -20px;
	z-index: 1
}
#banner.sport>div:not(#v3d-container)>div {
	position: relative;
	z-index: 2;
	height: 100%;
	display: flex;
	flex-direction: column
}
#banner.sport .breadcrumb {
	margin-bottom: auto;
	width: 100%
}
#banner.sport h1 {
	margin: 0 0 20px;
	width: 100%
}
#banner.sport .desc {
	max-width: 585px;
	width: 100%;
	min-height: 120px;
	margin: 0 0 40px
}
#about3 .active-anim .title3:before, #banner.sport .bottom, #bannerp.active-anim img {
	width: 100%
}
#example .info .title, #infop .title, .sreview .text1, .sreview .title {
	font-size: 32px;
	text-transform: uppercase
}
#banner.sport .more, #infop .desc p:last-child {
	margin: 0
}
#banner.sport .breadcrumb li a {
	color: rgba(255, 255, 255, .5)
}
#banner.sport .breadcrumb li a div {
	text-shadow: 0 var(--font-size) 0 rgba(255, 255, 255, .5)
}
#infop .col-right {
	width: 100%;
	max-width: 465px
}
#infop .col-left {
	width: 100%;
	max-width: calc(100% - 465px);
	padding-right: 30px
}
#infop .title {
	margin: 0 0 10px;
	line-height: 1.5;
	font-weight: 700
}
#infop .col-left .title, #results .results {
	margin: 0 0 20px
}
#infop .desc {
	max-width: 590px;
	font-size: 20px;
	line-height: 1.5
}
#infop .p, #infop .tags>p {
	font-family: IBM Plex Sans;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.4
}
#infop .desc p, #infop .tags {
	margin: 0 0 30px
}
#infop .tags>p {
	margin: 0 10px 10px 0;
	background: #180d35
}
#infop .link {
	color: #fff;
	font-style: normal;
	background: url(../images/button15.webp) -60px center/auto 100% no-repeat
}
#proj2 .info, #results, .fea>div:hover .p1, .fea>div:hover .p2 {
	color: #0e0f12
}
#infop .link:hover {
	background-position: -200px center
}
#infop .link>span {
	display: block;
	padding: 11px 20px 9px 50px;
	background: url(../images/link2.svg) 15px center no-repeat
}
#infop .types, #rev3+#form {
	margin-top: 150px
}
#infop .types .col-left {
	padding-right: 0
}
#infop .types img+img {
	margin: 0 auto
}
#infop .types img {
	display: block;
	max-width: 100%
}
#example {
	height: 100vh
}
#example img, #example video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1
}
#example>div:last-child {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	z-index: 2
}
#example .container {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}
#example .info {
	max-width: 775px;
	padding: 60px;
	border: 1px solid rgba(255, 255, 255, .4);
	background: rgba(255, 255, 255, .8);
	backdrop-filter: blur(60px)
}
#example .info .title {
	font-weight: 600;
	margin: 0 0 10px;
	line-height: 1.5;
	color: #0e0f12
}
#fea .col-left {
	width: 100%;
	max-width: 610px;
	padding-right: 25px
}
#fea .col-right {
	width: 100%;
	max-width: calc(100% - 610px)
}
#fea .col-right .gallery {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 2
}
#fea .col-right .gallery img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	right: 100%;
	transition: .6s
}
#fea .col-right .gallery img.active {
	right: 0
}
.fea>div {
	border-top: 1px solid rgba(255, 255, 255, .1);
	padding: 35px 30px 30px 52px;
	transition: padding .6s
}
.fea>div:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, .1)
}
.fea>div:hover {
	padding-left: 72px;
	padding-right: 15px
}
.fea .p1:after {
	content: ' ';
	opacity: 0;
	visibility: hidden;
	position: absolute;
	background: url(../images/dot61.png) center center no-repeat
}
.fea .p1:before {
	content: '';
	position: absolute;
	top: calc(50% - 16px);
	left: -52px;
	width: 32px;
	height: 32px;
	background: url(../images/dot6.png) center center/100% no-repeat
}
.fea>div:hover .p1:before {
	background: url(../images/dot61.png) center center/100% no-repeat
}
.fea .p1 {
	margin: 0 0 10px
}
#about3 .step4 .title, #proj2 .section-title, #rev3 .title, .sreview .text1 {
	margin: 0 0 60px
}
#about3 .pimg img, #fea img, #proj2 img {
	max-width: 100%;
	display: block;
	margin-bottom: -1px;
}
#review {
	padding: 0 0 150px
}
.sreview {
	max-width: 1075px
}
.sreview .company {
	max-width: 360px;
	padding-right: 25px;
	width: 100%;
	padding-top: 45px
}
.sreview .info {
	width: calc(100% - 360px);
	padding-bottom: 5px
}
.sreview .text1 {
	background: url(../images/quote.svg) left top no-repeat;
	padding: 45px 0 0
}
.sreview .text2 {
	margin: 0 0 50px;
	font-size: 24px;
	line-height: 1.5
}
.sreview .open-review {
	margin-left: 30px;
	display: flex;
	align-items: center;
	align-content: center;
	font-size: 16px;
	font-weight: 500;
	color: #fff
}
.rev3 .img, .rev3 .stars {
	margin: 0 0 14px
}
.sreview .open-review .icon {
	border-radius: 100%;
	background: #3667ff;
	width: 55px;
	height: 55px;
	overflow: hidden;
	margin-left: 20px;
	transition: .25s linear
}
.sreview .open-review:hover .icon {
	background: var(--Hover, #dff0ac);
	transform: scale(1.1)
}
.sreview .open-review .icon img {
	display: block;
	height: 40px;
	object-position: center top;
	width: 45px;
	margin-left: 5px;
	object-fit: cover;
	margin-top: 15px;
	border-radius: 5px
}
.sreview .buttons {
	padding-right: 70px
}
.layout>* {
	z-index: 2
}
.layout:before {
	content: ' ';
	display: block;
	position: absolute;
	border-radius: 100%;
	width: 65px;
	height: 65px;
	top: 100%;
	left: -200px;
	transition: 1s;
	background: var(--Hover, #dff0ac);
	z-index: 1;
	transform-origin: left center
}
.layout:hover:before {
	transform: scale(20)
}
#bannerp {
	padding: 130px 0 0
}
#bannerp h1 {
	margin: 0;
	font-size: 75px
}
#bannerp h1.type2 {
	font-size: 70px
}
@media screen and (max-width:1550px) {
	#bannerp h1 {
		font-size: 70px;
	}
#bannerp h1.type2 {
	font-size: 65px
}
}
@media screen and (max-width:1250px) {
	#bannerp h1 {
		font-size: 50px;
	}
#bannerp h1.type2 {
	font-size: 50px
}
}
#bannerp>div {
	padding: 90px 0 140px;
	position: relative
}
#bannerp.art>div {
	padding: 90px 0 190px;
	position: relative
}
#bannerp img {
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	height: 100%;
	object-fit: cover;
	object-position: left top;
	width: 0;
	transition: 1.25s .75s;
}
#bannerp.type2 img {
	height: 170px;
	top:auto;
	bottom: 0;
}
#bannerp.type2 video {
	position: absolute;
	z-index: -1;
	left: -15px;
	top: 0;
	width: calc(100% + 30px);
	transition: 1.25s .75s;
	height: 175px;
	top:auto;
	bottom: 0;
}
#bannerp.type2 .container {
	padding: 0;
}
#bannerp.type2 {
	padding-left:20px;
	padding-right: 20px;
}
#bannerp.type2>div {
	position: relative;
	max-width: 1445px;
	margin:0 auto;
}
#proj2.type2 {
	padding-bottom: 70px
}
#proj2 .sub {
	margin: 0 auto 60px;
	max-width: 1120px;
	font-size: 20px;
	line-height: 1.4
}
#proj2 .info .p1, #proj2 .title {
	text-transform: uppercase;
	font-size: 24px;
	line-height: 1.25;
	font-weight: 600
}
#proj2 .d-flex {
	background: #1c1035
}
#proj2 .d-flex + .d-flex {
	margin-top: 60px;
}
#proj2 .col-left {
	width: 50%
}
#proj2 .col-right {
	width: 50%;
	padding: 40px
}
#proj2 .title {
	font-family: var(--second-family);
	margin: 0 0 30px
}
#about3 .info2 ul li+li, #proj2 .btn {
	margin-top: 20px
}
#proj2 .info {
	padding: 16px 7px;
	background: #fff
}
#proj2 .info>div {
	padding: 0 15px
}
#proj2 .info>div+div {
	border-left: 1px solid rgba(14, 15, 18, .1)
}
#proj2 .info>div:nth-child(2) {
	padding: 0 30px
}
#proj2 .info .p1 {
	margin: 0 0 -2px;
	padding-left: 34px;
	background: url(../images/check4.svg) left top no-repeat
}
#proj2 .info .p3 {
	padding-left: 18px;
	background: url(../images/check55.svg) left 5px no-repeat;
	text-align: left;
}
#proj2 .info .p2 {
	color: #7f7893;
	padding-left: 34px
}
#proj2 .btn {
	width: 100%;
	justify-content: center
}
#proj2 .btn:before {
	transform: scale(5)
}
@media screen and (min-width:1250px) {
	.portfolio-page .section-title {
		font-size: 58px
	}
}
#info1 {
	padding: 55px 0 75px
}
#info1.pt0 {
	padding-top: 0;
}
#info1.pt0 .col-right {
	padding-top: 7px;
}
.tickets-hero .container {
	position: relative;
	z-index: 3;
}
.tickets-hero{
  position:relative;
  padding-bottom: 55px;
}
#ticketsCanvas{
  position:absolute;
  left:0;
  width:100%;
  height:100%;
  bottom: 0;
  display:block;
}
#info1 .col-right {
	width: 100%;
	max-width: 590px;
	margin-left: 50px
}
#about3 .title, #info1 .title {
	margin: 0 0 20px;
	color: #fff
}
#info1 .info1 .p2, #info1 .title {
	font-weight: 600;
	font-size: 32px;
	line-height: 150%
}
#about3 .title, #info1 .info1 .p1 {
	font-size: 58px;
	line-height: 124%;
	font-weight: 600;
	text-transform: uppercase
}
#info1 .col-right .d-flex {
	gap: 15px
}
#info1 .col-left {
	width: 100%;
	padding-top: 10px
}
#info1 .col-right .d-flex a, #info1 .col-right .d-flex p {
	padding: 15px 20px;
	backdrop-filter: blur(40px);
	background: rgba(255, 255, 255, .05);
	border-radius: 20px;
	color: #fff
}
#info1 .col-right .d-flex a:hover {
	background: #dff0ac;
	color: #140b27
}
#info1 .info1 {
	backdrop-filter: blur(11px);
	background: #3667FF;
	padding: 48px 100px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 20px;
	gap: 60px
}
#info1.type2 .info1 {
	background: #dff0ac;
}
#info1 .info1 .p1 {
	padding-left: 56px;
	margin: 0 0 10px
}
#info1 .i1 .p1 {
	text-align: left;
	background: url(../images/p1.svg) left center no-repeat
}
#info1 .i2 .p1 {
	text-align: left;
	background: url(../images/p2.svg) left center no-repeat
}
#info1.type2 .info1 {
	color: #2b233d;
	padding: 60px 40px;
	text-align: left;
	gap:40px;
}
#info1.type2 .info1 .p2 {
	font-size: 30px;
}
@media screen and (max-width:1440px) {
	#info1.type2 .info1 .p2 {
		font-size: 1.8vw;
	}
}
#info1.type2 .i1 .p1 {
	background: url(../images/p111.svg) left center no-repeat;
	padding-left: 60px;
}
#info1.type2 .i2 .p1 {
	background: url(../images/p222.svg) left center no-repeat;
	padding-left: 60px;
}
#about3 {
	padding: 75px 0 150px
}
#about3 .col-left {
	width: 100%;
	max-width: 490px;
	padding-bottom: 170px
}
#about3 .col-right {
	width: 100%;
	max-width: calc(100% - 490px)
}
#about3 .sticky {
	position: sticky;
	top: calc(50% - 235px)
}
#about3 .sticky .img {
	display: block;
	height: 100px;
	transition: .33s linear;
	opacity: 0;
	position: relative
}
#about3 .sticky .img .text {
	position: absolute;
	top: -20px;
	left: 140px;
	opacity: 0
}
#about3 .sticky img {
	max-height: 100%;
	transition: .33s linear
}
.portfolio-page main {
	overflow: visible
}
#about3 .sticky .img.active {
	height: 170px;
	opacity: 1
}
#about3 .step {
	padding: 0 0 130px;
	position: relative;
}
#about3 .step:last-child {
	padding: 0
}
#about3 .info1 .p1, #about3 .info4 .p1, #about3 .title2 {
	font-size: 32px;
	line-height: 150%
}
#about3 .desc {
	margin: 0 0 60px;
	max-width: 720px;
	z-index: 2
}
#about3 .info1 {
	margin: 0 0 60px;
	gap: 30px
}
#about3 .info1 .p1 {
	background: url(../images/icon1.png) left top/auto 39px no-repeat;
	padding-left: 50px;
	font-weight: 600;
	color: #fff;
	margin: 0 0 5px
}
#about3.type2 .info1 .p1 {
	background: url(../images/icon11.png) left top/auto 39px no-repeat;
	padding-left: 50px;
}
#about3.type2 .info1 > div:first-child {
	max-width: 61%;
}
#about3 .info1 ul {
	color: #7f7893;
}
#about3 .info1 ul li + li {
	margin-top: 10px;
}
#about3 .info1 ul li {
	padding-left: 16px;
	position: relative;
}
#about3 .info1 ul li:before {
	content:' ';
	display: block;
	border-radius: 100%;
	width: 6px;
	height: 6px;
	position: absolute;
	left: 0;
	top:10px;
	background: #FF0000;
}
#about3.type2 .info1 > div:last-child {
	max-width: 36%;
}
#about3.type2 .info1 div + div .p1 {
	background: url(../images/icon22.png) left center/auto 31px no-repeat;
	padding-left: 50px;
}
#about3 .info1 .p2, #rev2 .photo .p2 {
	color: #7f7893
}
#about3 .info1>div {
	max-width: 340px
}
#about3 .info2 ul, #about3 .title2 {
	max-width: 710px
}
#about3 .img1, #about3 .pimg {
	border-radius: 10px
}
#about3 .step2 .desc {
	margin: 0 0 24px
}
#about3 .info2 {
	margin-top: -24px;
	padding: 75px 0 0
}
#about3 .title2, #about3 .title3 {
	margin: 0 0 40px;
	font-weight: 600
}
#about3 .info2 video {
	position: absolute;
	z-index: -1;
	left: -75px;
	top: -40px;
	width: 540px
}
#about3.type2 .step2 video {
	position: absolute;
	z-index: -1;
	top:-30px;
	left: 0;
	width: 100%;
	max-width: calc(100% - 100px);
}
#about3 .title2 {
	color: #fff
}
#about3 .info2 ul li {
	padding-left: 16px
}
#about3 .info2 ul li:before {
	content: ' ';
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 1;
	background: red;
	width: 6px;
	height: 5px;
	border-radius: 100%
}
#about3 .info3 video {
	position: absolute;
	z-index: -1;
	left: -135px;
	top: -290px;
	width: 1015px;
	max-width: calc(100% + 75px)
}
#about3.type2 .info3 video {
	top:-115px;
	left: 0;
	max-width: calc(100% + -20px);
}
#about3.type2 .info3 .v {
	overflow:hidden;
}
#about3.type2 .info3 video.t {
	position: static;
	width: calc(100% + 20px);
	max-width: calc(100% + 20px);
	display: block;
}
#about3 .line {
	max-width: 815px
}
#about3 .line>img {
	position: absolute;
	top: 50px;
	left: 40px;
	z-index: -1
}
#about3 .line .d-flex {
	padding: 20px 30px;
	background: rgba(0, 0, 0, .1);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 20px;
	max-width: 330px;
	backdrop-filter: blur(14px);
background: rgba(0, 0, 0, 0.1);
}
#about3.type2 .line .d-flex {
	backdrop-filter: blur(14px);
background: rgba(0, 0, 0, 0.1);
}
#about3 .line .d-flex img {
	width: 100%;
	max-width: 45px;
	margin-right: 10px
}
#about3 .line .l2 {
	margin-top: 13px;
	margin-left: auto;
	margin-right: 120px
}
#about3 .line .l3 {
	margin-top: 72px;
	margin-left: auto;
	margin-right: 240px
}
#about3 .line .l4 {
	margin-top: 50px;
	margin-left: auto
}
#about3 .line .l5 {
	margin-top: 45px
}
#about3 .title3 {
	font-size: 36px;
	line-height: 125%;
	text-transform: uppercase;
	color: #2b233d;
	padding: 20px 30px
}
#about3 .title3:before {
	content: ' ';
	display: block;
	background: #dff0ac;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	transition: .5s linear .75s;
	width: 0;
	z-index: -1
}
#about3 .title3 img {
	display: block;
	max-width: 95px;
	margin-right: 25px
}
#about3 .title4 {
font-weight: 600;
font-size: 32px;
line-height: 150%;
color: #fff;
margin:60px 0 6px;
}
#about3 .title4 img {
	display: block;
	max-width: 40px !important;
	margin-right: 10px
}
#about3 .desc4 {
	color: #7f7893;
	max-width: 710px;
}
#about3 .desc2 p+p {
	margin-top: 24px
}
#about3 .info4 {
	margin-top: 40px;
	padding: 30px;
	background: #fff
}
#about3 .info4 .p1 {
	font-weight: 600;
	color: #3667ff;
	margin: 0 0 6px
}
#about3 .info4.type2 .p1 {
	margin-bottom: -6px;
}
#about3 .info4 .p2 {
	color: #2b233d
}
#about3 .info4 .d-flex {
	gap:15px;
}
#about3 .info4 .p3 {
	display: inline-flex;
	padding: 10px;
	font-weight: 500;
font-size: 17px;
line-height: 141%;
color: #2b233d;
font-family: var(--second-family);
border: 1px solid rgba(54, 103, 255, 0.1);
border-radius: 10px;
}
#about3 .info4.type3 .d-flex {
	gap:40px;
}
#about3 .info4 .p4 {
	display: inline-flex;
	padding: 14px 20px;
color: #2b233d;
border: 1px solid rgba(54, 103, 255, 0.1);
border-radius: 10px;
align-items: center;
gap:10px;
}
#about3 .img5 {
	padding: 40px 24px;
	gap:16px;
	background: url(../images/proj26.jpg) no-repeat center;
	background-size: cover;
	border-radius: 0 0 10px 10px;
}
#about3 .info4 .p3 span {
	color: #3667ff;
}
#about3 .img1 img {
	display: block;
	width: 100%
}
#about3 .img2 {
	gap: 20px
}
#about3 .img2 img {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .05);
	max-width: calc(100% + 2px)!important;
	margin-right: -1px;
	margin-left: -1px
}
#about3 .substep+.substep, #rev2+#form {
	margin-top: 80px
}
#about3 .img3 {
	margin-left: -15px;
	margin-top: 20px
}
#about3 .img3 img, #about3 .substep img {
	max-width: 100%
}

.lim.str_wrap {
	width: 100%;
	display: flex;
	position: relative;
	-moz-user-select: none;
	user-select: none;
	overflow:hidden;
	margin:50px 0 60px;
}
.lim.str_wrap:before, .lim.str_wrap:after {
	content:' ';
	position: absolute;
	height: 100%;
	width: 240px;
	background: linear-gradient(to right, #140b27 0%, rgba(20, 11, 39, 0) 100%);
z-index: 2;
top:0;
left: -1px;
}
.lim.str_wrap:after {
	left: auto;
	right: -1px;
	background: linear-gradient(to left, #140b27 0%, rgba(20, 11, 39, 0) 100%);
}
.lim .str_move {
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	margin: 0!important
}
.lim .str_move> div {
	margin:0 12px;
}
.lim .img {
	height: 177px;
}
.lim img {
	height: 100%;
	max-width: unset !important;
	width: auto;
	border-radius: 10px;
}
#about3 .info4 > img {
	margin-right: 40px;
	min-width: 92px;
}
#about3 .desc3 {
	padding: 24px 30px;
	background: url(../images/proj19.jpg) center/cover no-repeat;
	margin: 0 0 60px
}
#about3 .desc3 .p1 {
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	color: #2b233d;
	margin: 0 0 10px
}
#about3 .desc3 a {
	display: block;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 17px;
	line-height: 141%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #3667ff
}
#about3 .desc3 a:hover {
	color: #dff0ac
}
#about3 .img4 {
	gap: 26px
}
#about3 .img4>div {
	max-width: calc(33.33% - 26px*2/3);
	width: 100%
}
#about3 .img4>div img {
	object-fit: cover;
	height: 390px;
	border-radius: 10px;
	display: block
}
#about3 .img4>div:nth-child(4), #about3 .img4>div:nth-child(5) {
	max-width: calc(50% - 26px*1/2)
}
#about3 .img4>div:nth-child(4) img, #about3 .img4>div:nth-child(5) img {
	height: 290px
}
#results {
	background: url(../images/results.webp) center top/cover no-repeat #fff
}
#results h2 {
	justify-content: center;
	margin: 0
}
#results .results>div {
	width: 100%;
	padding: 70px 30px;
	font-weight: 600;
	font-size: 32px;
	line-height: 150%;
	color: #2b233d;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: space-between
}
#results .results2>div+div, #results .results>div+div {
	border-left: 1px solid rgba(0, 0, 0, .1)
}
#results .results .p1, #rev2 .photo .p1 {
	margin: 0 0 5px
}
#results .results .p2 {
	font-size: 20px;
	color: #7f7893;
	margin: 0 0 40px;
	width: 100%
}
#results .results .p3 {
	font-weight: 700;
	font-size: 110px;
	line-height: 1;
	text-transform: uppercase;
	text-align: right;
	color: #3667ff;
	display: flex;
	align-items: center
}
#results .results .p4 {
	font-family: var(--second-family);
font-weight: 500;
font-size: 20px;
line-height: 140%;
color: #7f7893;
text-align: center;
margin:0 0 5px;
}
#results .results.type2>div:not(:nth-child(2)) {
	width: 55%;
}
#results .results.type2 .d-flex {
	gap:60px;
}
#results .results .p3 svg {
	margin-right: 10px;
	margin-top: -10px
}
#results .results2>div {
	width: 100%;
	padding: 40px 60px;
	text-align: center
}
#results .results2 .p1 {
	font-weight: 600;
	font-size: 32px;
	line-height: 150%;
	color: #2b233d;
	margin: 0 0 20px
}
#results .results2 .p2 {
	font-size: 20px;
	color: #2B233D
}
@media screen and (max-width:1550px) {
	#results .results .p3 {
		font-size: 90px
	}
	#results .results>div {
		font-size: 27px
	}
}
#results .results3 {
	background: #3667ff;
	padding: 30px 40px;
	gap:30px;
	justify-content: space-between;
}
#results .results3 .p1,
#results .results3 .p2 {
	font-weight: 600;
font-size: 32px;
line-height: 150%;
text-align: center;
color: #fff;
}
#results .results3 .p2 {
text-align: center;
margin:0 0 20px;
}
#results .results3 .p3 {
	font-weight: 600;
font-size: 58px;
line-height: 124%;
text-transform: uppercase;
color: #fff;
justify-content: center;
}
#results .results3 .p3 img {
	margin-right: 10px;
}
.results3 > div {
	width: 20%;
}
.results3 > div + div {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}
#rev2 .col-right .quote, #rev2 .photo .p1, #rev3 .title {
	font-weight: 600;
	font-size: 32px;
	line-height: 150%;
	color: #fff
}
#rev2 {
	padding: 150px 0 70px
}
#rev2 .col-left {
	width: 100%;
	max-width: 405px;
	margin-right: 40px
}
#rev2 .col-right .quote {
	width: 100%;
	padding: 40px 0 10px 45px;
	background: url(../images/quote1.svg) left top no-repeat, url(../images/quote2.svg) right bottom no-repeat;
	text-transform: uppercase;
	margin: 0 0 40px
}
#rev2 .btn {
	margin-left: 45px
}
#rev2 .photo img {
	max-width: 150px;
	margin-right: 20px
}
#rev3 {
	padding: 70px 0 0
}
.rev3>div {
	padding: 28px;
	width: 100%;
	border: 1px solid #2b233d
}
.rev3>div+div {
	border-left: 0
}
.rev3 .img img {
	display: block;
	margin: 0 auto;
	max-height: 80px
}
.rev3 .stars {
	justify-content: center
}
.rev3 .lines>div {
	width: 20px;
	position: absolute;
	z-index: 1;
	height: 20px
}
.rev3 .lines>div:after, .rev3 .lines>div:before {
	content: ' ';
	display: block;
	position: absolute;
	left: calc(50% - .5px);
	top: 0;
	width: 1px;
	background: #fff;
	height: 100%
}
.rev3 .lines>div:after {
	width: 100%;
	height: 1px;
	left: 0;
	top: calc(50% - .5px)
}
.rev3 .lines>div:first-child {
	left: -10px;
	top: -10px
}
.rev3 .lines>div:last-child {
	left: -10px;
	bottom: -10px
}
.rev3 .lines2>div:first-child, .rev3 .lines2>div:last-child {
	right: -10px;
	left: auto
}





@media screen and (max-width:1500px) {
	#about3 .info4.type3 .d-flex {
		gap:20px;
	}
	#about3 .info4.type2 .p3 {
		font-size: 16px;
	}
	#about3 .info4.type2 .p2 {
		font-size: 16px;
	}
}
@media screen and (max-width:1400px) {
	#about3 .col-left {
		max-width: 430px
	}
	#about3 .col-right {
		max-width: calc(100% - 430px)
	}
	#info1.type2 .info1 {
		padding: 40px;
		gap:30px;
	}
	#info1.type2 .info1 .p2 {
		font-size: 1.6vw;
	}
	#about3 .info4 .d-flex {
		gap: 7px 10px;
	}
	#about3 .info4 .p4 {
		font-size: 16px;
		padding: 10px;
	}
}
#proj2 {
	padding: 135px 0 150px;
}
#proj2 .section-title {
	text-align: center;
}
#proj2 .section-title {
	margin: 0 0 25px;
}
#proj2 .sub {
	max-width: 1080px;
	font-size: 20px;
	margin: 0 auto;
	text-align: center;
	line-height: 1.4;
}
#proj2 .subs {
	margin: 0 0 45px;
}
#proj2 .subs a {
	position: absolute;
	right: 0;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #3667FF;
	width: 64px;
	height: 64px;
	top: calc(50% - 32px);
}
#proj2 .subs a svg {
	fill: #fff;
}
#proj2 .subs a:hover {
	background: var(--Hover, #DFF0AC);
}
#proj2 .subs a:hover svg {
	fill: #0e0f12;
}
#proj2 .proj {
	background: #1c1035;
}
#proj2 .slick .col-left {
	position: relative;
	width: 100%;
}
#proj2.page .col-left {
	position: relative;
}
#proj2.page .col-left img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#proj2.type3 .col-right {
	width: 100%;
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
#proj2 .slick .info {
	color: #0e0f12;
	position: absolute;
	bottom: 30px;
	left: 30px;
	width: calc(100% - 60px);
	z-index: 2;
}
#proj2 .info>div, #proj2 .info>div:nth-child(2) {
	padding: 0 13px;
}
#proj2 .info>div+div {
	border-left: 1px solid rgba(14, 15, 18, 0.1);
}
#proj2 .info .p1 {
	margin: 0 0 3px;
	min-width: 175px;
}
#proj2 .btn {
	margin-top: auto;
}
.projs .slick-track {
	display: flex;
}
.projs .slick-slide {
	height: unset;
	width: 710px;
	margin-right: 24px;
	display: flex;
	flex-direction: column;
}
.projs .slick-list {
	overflow: visible;
}
#proj2 {
	overflow: hidden;
}
#proj2 .arrows2 {
	background: none;
	margin:0 0 45px;
}
.arrows2 > a {
	display: block;
	border-radius: 100%;
	display: flex;
	align-items: center;
	align-content: center;
	width: 64px;
	min-width: 64px;
	height: 64px;
	background: #3667FF;
	transition:all linear .25s;
	justify-content: center;
}
.arrows2 > a svg {
	fill:#fff;
}
.arrows2 > a:hover svg {
	fill:#000;
}
.arrows2 > a:hover {
	background: #dff0ac;
}
#proj2 .arrows2 .subs {
	margin:0;
}
#info1.type3 .info1 {
	background: #3667ff;
	color:#fff;
	text-align: left;
}
#info1.type3 .i1 .p1 {
	backgorund:url(../images/p23.svg);
}
#info1.type3 .i2 .p1 {
	backgorund:url(../images/p24.svg);
}
#bannerp.kusma > div {
	padding-bottom: 30px;
}
.kusma .loading {
	margin-top: 30px;
}
.kusma .loading .top {
	margin-bottom: 15px;
	font-weight: 500;
font-size: 26px;
line-height: 120%;
color: #1bc06a;
font-family: "Geist Mono", monospace;
}
.kusma .line {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	padding: 10px;
	border: 6px solid #1bc06a;
}
.kusma .line span {
	display: block;
	transition:all ease-out 4s;
	width: 0;
	background: #1bc06a;
	height: 43px;
}
.kusma.active-anim .line span {
	width: 100%;
}