.sticky-content{position:-webkit-sticky;position:sticky;top:0}
.sticky-content.mt{margin-top:calc(100vh * var(--i))}
.sticky-content.sticky-delay{padding:5px;height:100vh}
.page-content.parallax-1{background-image:url(../img/parallax-1.webp);background-attachment:fixed;background-repeat:no-repeat}
.page-content.parallax.section-title-container{margin-bottom:0}
.section-title-container .section-title{padding:110px 30px}
.section-title-container .section-title,.section-title-container .section-title:before{background-color:rgba(0,0,0,0.3);display:block;text-align:center}
.section-title-container .section-title:before{display:none}
.section-title-container .section-title h1:after{left:50%;transform:translateX(-50%);width:100px;bottom:0}
.section-title-container .section-title h3{font-size:25px}
.section-title-container .section-title h1{font-size:55px}
.section-buttons{margin-top:20px}
.section-buttons a{display:inline-block;padding:5px 15px;color:#fff;background:#333;margin-right:10px;font-weight:300;font-family:'Poppins',sans-serif}
.section-buttons a:last-child{margin-right:0}
.section-buttons a:hover{background:#0182E8}
.page-content-top-grid{display:flex;position:relative}
.page-content-top-grid .pctg-image,.page-content-top-grid .pctg-title{padding:2rem;height:100vh}
.page-content-top-grid .pctg-image{flex:1;line-height:100vh;position:relative}
.page-content-top-grid .pctg-image:after{position:absolute;top:calc(25% - 30px);content:' ';right:-15px;width:2px;height:50%;background:#000;box-shadow:7px 15px 0 #000,14px 30px 0 #000}
.page-content-top-grid .pctg-image.rev:after{right:auto;left:-15px}
.page-content-top-grid .pctg-title{flex:2;position:relative}
.page-content-top-grid .pctg-title .pctg-title-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;text-align:center}
.page-content-top-grid .pctg-title .allpaje1{font-size:30px;color:#000;margin:3rem 0 1rem}
.page-content-top-grid .pctg-title p{color:#333;font-size:18px}
.preview-3d-content{position:relative}
.prev-title{height:100vh;overflow:hidden}
.prev-title h2{
	
}
.prev-title .multi-prev-title h2{
	display:none;
	margin-bottom:3rem
}
.prev-title .multi-prev-title.second h2,
.prev-title .multi-prev-title.third h2 {
	--iR: 90deg;
	--tR: 90deg;
	--iTX: 0;
	--iTY: 10%;
	--tTX: 5%;
	--tTY: -50%;
	font-size:90px;
	transform-origin: left;
	animation-name: titleSlideIn;
	animation-duration: .5s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(.08,.82,.17,1)
}
.prev-title .multi-prev-title.third {
	margin-top: -100px;
}
.prev-title .multi-prev-title.third h2 {
	--iR: -90deg;
	--tR: -90deg;
	font-size:65px;
	transform-origin: right;
	animation-name: titleSlideIn;
}
.prev-title .multi-prev-title.section-prev-title h2{
	font-size: 45px;
	display:block;
	opacity:0.5;
	padding:0 10px
}
.prev-intro-holder {
	height:100vh;
	background-size: cover; background-attachment: fixed;
	background-image: url('../img/aboutimg.jpg');
}
.prev-ih-content{display: flex;background: #fff;height: 100%;justify-content: center;align-items: center;font-size: 120px;color:#000;blend-mode: multiply;mix-blend-mode: screen;line-height: 1.2;font-weight: 1000;font-family: 'Poppins';}
.prev-ih-content span{display: inline-block;border: 30px solid black;}
.prev-content{height:100vh;position:relative;overflow:hidden}
.prev-layer{position:relative;display:none;opacity:0}
.prev-layer.browser{border:1px solid #ccc;padding-top:25px;background:#ccc;border-top-left-radius:10px;border-top-right-radius:10px}
.prev-layer.browser:before,.prev-layer.browser:after{position:absolute;top:2px;right:7px;content:'\f00d';display:inline-block;font-family:'FontAwesome';font-size:12px;background:#d97a7a;color:#fff;border-radius:50%;width:22px;height:22px;text-align:center;line-height:22px}
.prev-layer.browser:before{right:34px;content:'\f2d0';background:#817ad9;font-size:10px}
.prev-layer img{width:100%}
.prev-layer .floating-layer{position:absolute;top:calc(20px * var(--i));left:calc(30px * var(--i));z-index:var(--i);opacity:0}
#s1 .prev-layer.fourth .floating-layer{box-shadow:0 0 30px -5px #840269}
#s1 .prev-layer.fourth .floating-layer.three{box-shadow:0 0 30px -5px #021684}
#s1 .prev-layer.fourth .floating-layer.four{box-shadow:0 0 30px -5px #188402}
.anim-group-1,.anim-group-2{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100vh}
.anim-group-1 h3,.anim-group-1 h2,.anim-group-1 h1{opacity:0;animation-name:fadeInUp;animation-duration:.5s;animation-fill-mode:both;animation-iteration-count:1}
.anim-group-1 h2{font-size:3.5rem;animation-delay:.3s}
.anim-group-1 h1{font-size:5rem;animation-delay:.8s}
.anim-group-2{flex-direction:row;background:url(../img/ecom/security-bg.jpg);background-size:cover;background-attachment:fixed}
.anim-group-2 h3 i,.anim-group-2 h3{color:#fff}
.anim-group-2 h3{font-size:45px;animation-name:rotateIn;animation-iteration-count:infinite;animation-duration:2.5s;transform:rotateX(-87deg);animation-delay:var(--i);animation-timing-function:cubic-bezier(.18,.89,.32,1.28)}
.package-row{display:flex;flex-wrap:wrap}
.wrapper{height:100%;border-radius:0;border:0;box-shadow:1px 1px 3px #d2d2d2;transition:box-shadow .4s}
.title2,.titlef{font:22px "Raleway SemiBold",sans-serif;letter-spacing:.5px;color:#CCC}
.titlef{border-top-right-radius:0;border-top-left-radius:0;background-color:#000}
.price{border-bottom:1px solid #666;background-color:#666;padding:25px 0;color:#FFF;font-size:35px}
.wrapper .price sup{color:#A2A2A2;font-size:25px}
.list-info li{border-top:1px solid #f7f7f7;padding:5px 0;font-weight:500}
.wpc-btn{border-radius:0;background-color:#000;border:1px solid #000;font:700 14px 'Raleway ExtraBold',sans-serif;padding:8px 25px;margin-left:0;transition-duration:.5s}
.wpc-btn:hover{background:#fff;color:#0182E8;border:1px solid #0182E8}
@media (max-width: 767px) {
	.page-content.parallax.section-title-container {
		padding-top: 130px
	}	
	.page-content.parallax-1 {
		background-position: 80% 17% !important;
		background-size: 150%
	}
	.section-title-container .section-title {
		padding: 70px 30px 70px;
	}
	.section-title-container .section-title h3 {
		font-size: 18px;
	}
	.section-title-container .section-title h1 {
		font-size: 35px;
	}
	.section-buttons {
		margin-top: 10px;
	}
	.section-buttons a {
		font-size: 13px;
		padding: 3px 10px
	}
	.page-content-top-grid {
		display: block;
	}
	.page-content-top-grid .pctg-image {
		position: absolute;
		bottom: 0;
		right: 0;
		height: auto;
		line-height: 1;
		padding: 0;
		opacity: 0.1;
	}
	.page-content-top-grid .pctg-image:after {
		display: none;
	}
	.page-content-top-grid .pctg-title .pctg-title-center {
		position: relative;
		top: 0;
		left: 0;
		transform: none;
		width: 100%;
	}
	.page-content-top-grid .pctg-image, .page-content-top-grid .pctg-title {
		height: auto;
	}
	#s1 {
		background-color: #222;
		background-size: 50%;
	}
	.prev-title {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 80vh;
	}
	.prev-title h2 {
		font-size: 35px;
		color: #fff;
		padding: 5px 10px;
	}
	.prev-title .multi-prev-title h2 {
		margin-bottom: 0rem
	}
	.prev-title .multi-prev-title.second h2 {
		--iR: -15deg;
		--tR: -15deg;
		--iTX: 0;
		--iTY: -50%;
		--tTX: 0;
		--tTY: 10%;
		font-size:60px;
		transform-origin: right;
		animation-name: titleSlideIn;
	}
	.prev-title .multi-prev-title.third h2 {
		--iR: -10deg;
		--tR: -10deg;
		--iTX: 0;
		--iTY: 30%;
		--tTX: 0;
		--tTY: -100%;
		font-size:45px;
		transform-origin: right;
		animation-name: titleSlideIn;
	}
	.prev-ih-content {
		font-size: 50px
	}
	.anim-group-1 h1 {
		font-size: 4rem;
	}
	.anim-group-1 h2 {
		font-size: 2.5rem;
	}
	.anim-group-1 h3 {
		font-size: 2rem;
	}
	#s2 .prev-layer.first .floating-layer.two {
		height: 100vh
	}
	.anim-group-2 h3 {
		font-size: 30px
	}
	.package-row {
		justify-content: center
	}
	.package-row .col {
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 15px;
	}	
}

@keyframes rotateIn {
	from{transform:rotateX(87deg)}
	to{transform:rotateX(0deg)}
}
@-webkit-keyframes rotateIn {
	from{transform:rotateX(87deg)}
	to{transform:rotateX(0deg)}
}
@keyframes fadeInUp {
	from{transform:translate3d(0,40px,0)}
	to{transform:translate3d(0,0,0);opacity:1}
}
@-webkit-keyframes fadeInUp {
	from{transform:translate3d(0,40px,0)}
	to{transform:translate3d(0,0,0);opacity:1}
}
@-webkit-keyframes titleSlideIn {
	from{transform: rotate(var(--iR)) translate(var(--iTX), var(--iTY))}
	to{transform: rotate(var(--tR)) translate(var(--tTX), var(--tTY))}
}
@keyframes titleSlideIn {
	from{transform: rotate(var(--iR)) translate(var(--iTX), var(--iTY))}
	to{transform: rotate(var(--tR)) translate(var(--tTX), var(--tTY))}
}