@import url('https://fonts.googleapis.com/css2?family=Saira:wght@300;400;700&display=swap');
section#main.main-ind{
 	padding:0!important; 
}
@keyframes fade-in {
    from {opacity: 0; transform: translatey(30px);}
    to {opacity: 1; transform: translatey(0px);}
}

.hidden{
	opacity: 0;
	transition: 1s all;
}
.show{
	opacity: 1;
	animation: slideUp 1s ease;
}

@keyframes slideUp{
	0%{
		transform: translateY(30px);
	}
	100%{
		transform: translateY(0px);
	}
}

.laptop-gallery .grid-col:nth-child(2){
	transition-delay: 200ms;
}
.laptop-gallery .grid-col:nth-child(3){
	transition-delay: 400ms;
}

.landing-wrapper{
	background-color:#fff
}
.landing-wrapper h1,.landing-wrapper h2,.landing-wrapper h3,.landing-wrapper ul{
	font-family:saira;
	font-weight:700;
	text-transform:uppercase;
	line-height:1.2
}
.landing-wrapper h1{
	font-size:50px;
	font-weight:700
}
.landing-wrapper h1>span{
	font-weight:100
}
.landing-wrapper h2{
	font-size:46px;
	margin-bottom:20px
}
.landing-wrapper h3{
	font-size:34px;
	font-weight:400
}
.landing-wrapper ul{
	font-weight:400;
	text-transform:none
}
.landing-wrapper hr{
	margin:40px 0;
	height:2px;
	border:none;
	background:#dfdfdf
}
.landing-wrapper .laptop-title sup{
	font-size:16px!important;
	vertical-align:super
}
.landing-wrapper .laptop-title .laptop-size {
    font-size: 20px;
    font-weight: 700;
    vertical-align: super;
}
.landing-container{
	max-width:1170px;
	margin:0 auto
}
.landing-container .inner{
	background:0 0
}
.landing-wrapper section{
	padding:35px;
	overflow:hidden
}
.landing-wrapper .btn{
	font-family:Montserrat;
	font-weight:700;
	background-color:transparent;
	border:1px solid #fff;
	color:#fff;
	padding:10px 20px
}
.landing-wrapper .btn:hover{
	background-color:#fff;
	color:#000
}
.landing-wrapper picture{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.landing-wrapper picture img{
	object-fit:cover;
	object-position:50% 0;
	width:100%;
	height:100%;
	user-select:none
}
.landing-wrapper p{
	margin-bottom:15px
}
.landing-wrapper p:last-of-type{
	margin:0
}
.lg-inner{
	max-width:1920px;
	margin:0 auto
}
.sm-inner {
    max-width: 1170px;
    margin: 0 auto;
}
.pcs_col-2{
	width:50%
}
.laptop-sec .col-inner{
	max-width:700px;
	margin-left:auto;
	margin-right:auto
}
.laptop-sec .vas{
	gap:40px
}
.laptop-sec h3{
	text-transform:none
}
.laptop-stats{
	margin-top:40px
}
.laptop-stats ul{
	display:flex;
	gap:80px;
	margin-top:10px
}
.laptop-stats li{
	font-family:saira;
	font-size:20px;
	font-weight:700
}
.laptop-stats li p{
	font-weight:400
}
.laptop-stats li span{
	display:block;
	font-weight:700;
	font-size:50px;
	margin-bottom:5px;
	color:#10d3ca
}
.laptop-sec-logo{
	width:100px;
	margin-bottom:20px
}
.landing-wrapper .laptop-header{
	position:relative;
	display:flex;
	justify-content:center;
	background-color:#09101b;
	text-align:center;
	padding-top:35px
}
.laptop-header::after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-image:url(/images/landing/pcs/ionico-16/ionico-headline-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 100%;
	animation:fadeIn 1s;
	animation-fill-mode:forwards
}
.laptop-sub-title,.laptop-title{
	padding:0 35px;
	margin:40px 0
}
.laptop-header-container{
	display:flex;
	margin:60px 0
}
.laptop-header-container .laptop-pos-fl,.laptop-header-container .laptop-pos-fr{
	position:relative;
	animation-fill-mode:forwards
}
.laptop-header-container .laptop-pos-fl{
	top:-10%;
	left:20%;
	animation:3s slideLeft
}
.laptop-header-container .laptop-pos-fr{
	left:-30%;
	top:9%;
	animation:3s slideRight;
	z-index:-1
}
@keyframes slideLeft{
	0%{
		transform:translateX(-5%)
}
	100%{
		transform:translateX(0)
}
}
@keyframes slideRight{
	0%{
		transform:translateX(5%)
}
	100%{
		transform:translateX(0)
}
}
@keyframes fadeIn{
	0%{
		opacity:0
}
	100%{
		opacity:1
}
}
.laptop-logos{
	background-color:#000;
	position:relative;
	padding:0 35px 35px 35px;
	text-align:center
}
.laptop-logos img{
	margin-top:-70px
}
.laptop-logos p{
	color:#fff
}
.laptop-header-inner{
	display:flex;
	flex-direction:column;
	align-items:center;
	position:relative;
	z-index:1
}
.laptop-header a{
	display:inline-block;
	position: relative;
    z-index: 1;
}
.laptop-header h1,.laptop-header h2,.laptop-header p{
	color:#fff
}
.laptop-header h2{
	font-size:26px;
	font-weight:400;
	text-transform:none;
	margin:0
}
.laptop-sub-title p{
	max-width:960px;
	margin:40px 0
}
.image-holder{
	text-align:center
}
#laptop-sec1 .vas{
	justify-content:space-around;
	text-align:center;
	flex-wrap:nowrap;
	gap:5px
}
#laptop-sec1 .logo-wrapper>div{
	width:calc(33% - 20px)
}
.laptop-vid-holder{
	position:relative;
	width:980px;
	max-width:100%;
	background-color:#000;
	cursor:pointer;
	margin:0 auto
}
.landing-wrapper .laptop-vid-btn{
	bottom:0;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
	align-items:center;
	background-color:#fff;
	border-radius:100%;
	-webkit-box-shadow:3px 11px 24px rgb(0 0 0 / 37%);
	box-shadow: 3px 11px 24px rgb(0 0 0 / 37%); ;
	display:flex;
	justify-content:center;
	transform:scale(1);
	height:80px;
	width:80px;
	transition:.3s background-color linear,.3s transform cubic-bezier(.165,.84,.44,1);
	border:none;
	cursor:pointer
}
.landing-wrapper .laptop-vid-btn>div{
	border-bottom:20px solid transparent;
	border-left:30px solid #32b28a;
	border-top:20px solid transparent;
	height:0;
	margin-left:4px;
	-webkit-transition:border-left .2s linear;
	transition:border-left .2s linear
}
.landing-wrapper .laptop-vid-holder:hover .laptop-vid-btn{
	transform:scale(1.2)
}
#laptop-sec2{
	margin-top:100px
}
#laptop-sec3{
	margin-top:80px
}
.gpu-info{
    align-items: normal;
	max-width:1920px;
	margin-top:35px
}
.gpu-info p, .gpu-info h3{
	color: #ffffff;
}
.gpu-info>div{
	background-color: #76b901;
	border-radius:15px;
	padding:35px;
	color:#fff
}
.laptop-gpu{
	background-color:#000;
	color:#fff;
	padding:35px;
	border-radius:15px;
	position:relative;
	min-height:550px;
	overflow:hidden
}
.laptop-gpu h3{
	color:#76b900
}
div.laptop-gpu .col-inner{
	max-width:750px
}
.laptop-gpu-logo{
	margin-bottom:20px
}
.landing-wrapper .laptop-gpu h2{
	font-size:50px;
	margin-bottom:40px
}
.landing-wrapper .laptop-gpu p{
	margin-bottom:20px
}
.landing-wrapper .laptop-gpu picture img{
	object-position:70% 50%;
	z-index:0
}
.laptop-gpu .pcs_col-2{
	z-index:1;
	width:45%
}
#laptop-sec4{
	background-color:#000;
	color:#fff;
	text-align:center;
	margin-top:100px;
	padding:0
}
.display-holder .display-stats{
	min-height:1250px;
	position:relative
}
.display-stats .laptop-stats{
    position: absolute;
    display: flex;
    gap: 80px;
    justify-content: center;
    margin-top: 10px;
    left: 50%;
    transform: translateX(-50%);
    top: 7%;
    width: 100%;
    z-index: 1;
}
.laptop-sec-title{
	max-width:960px;
	padding:150px 35px 0 35px;
	margin:0 auto;
	position:relative;
	z-index:1
}
#laptop-sec5{
	margin:100px 0
}
#laptop-sec6{
	background-color:#000;
	color:#fff
}
#laptop-sec6 .laptop-sec-title{
	text-align:center;
	margin-bottom:60px
}
#laptop-sec6 .ports-info{
	padding:35px;
	background:#111
}
.ports-info-img{
	justify-content:center;
	text-align:center;
	margin-bottom:80px
}
#laptop-sec6 .ports-info ul{
	column-count:2;
	column-gap:60px;
	max-width:900px;
	margin:0 auto
}
#laptop-sec6 .ports-info li{
	margin-bottom:10px;
	padding-left:28px
}
#laptop-sec6 .ports-info li::before{
	content:"\f192";
	font-family:FontAwesome;
	display:inline-block;
	color:#fff;
	font-size:18px;
	margin-left:-28px;
	margin-right:10px
}
section.laptop-gallery{
	padding:100px 35px
}
.laptop-gallery-container{
	display:grid;
	grid-gap:30px;
	grid-template-columns:repeat(2,1fr);
	grid-auto-rows:450px
}
.grid-col{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	background-color:#000;
	padding:35px;
	overflow:hidden
}
.grid-col picture{
	object-fit:cover;
	object-position:0 0;
	width:100%;
	height:100%;
	user-select:none;
	transition:1s ease
}
.grid-col:hover picture{
	opacity:.3
}
.grid-col:hover .gallery-content{
	opacity:1;
	visibility:visible;
	transform:translateY(0)
}
.gallery-content{
	position:relative;
	z-index:1;
	max-width:600px;
	text-align:center;
	color:#fff;
	opacity:0;
	visibility:hidden;
	transition:1s ease;
	transform:translateY(90px)
}
.grid-col-1{
	grid-row:1/3
}
@media screen and (max-width:1170px){
	.laptop-sec .vas{
		flex-wrap:wrap
}
	.pcs_col-2,.pcs_col-3{
		width:100%
}
	.laptop-sec .col-inner{
		max-width:100%;
		margin-bottom:40px
}
	.pcs_col-4{
		width:calc(50% - 10px)
}
	#laptop-sec2{
		margin-top:40px
}
	.display-holder .display-stats{
		min-height:1000px
}
	.laptop-sec-title{
		padding:60px 35px 0 35px
}
	#laptop-sec5{
		margin:40px 0
}
	.laptop-gallery-container{
		grid-auto-rows:350px
}
	.laptop-gallery-container picture img{
		object-position:20% 0
}
	#laptop-sec3{
		margin:0
}
	#laptop-sec4{
		margin:0
}
	.laptop-gpu{
		min-height:500px
}
	.landing-wrapper .laptop-gpu h2{
		font-size:40px
}
}
@media screen and (max-width:960px){
    .laptop-stats li span{
        font-size: 32px;
    }
	.laptop-gallery-container{
		grid-template-columns:1fr;
		grid-auto-rows:auto
}
	.grid-col{
		padding:0;
		display:block
}
	.gallery-content{
		opacity:1;
		transform:translate(0);
		visibility:visible;
		background:#000;
		max-width:100%;
		padding:35px;
		transition:none
}
	.grid-col:hover picture{
		opacity:1
}
	.laptop-gallery-container picture{
		position:static
}
	.laptop-gallery-container picture img{
		height:auto
}
	.laptop-gpu{
		padding:0
}
	.laptop-gpu .pcs_col-2{
		width:100%;
		padding:0 35px
}
	#laptop-sec3 picture{
		position:static
}
}
@media screen and (max-width:720px){
	.pcs_col-2,.pcs_col-3{
		width:100%
}
	.pcs_col-4{
		width:100%
}
	.landing-wrapper h1{
		font-size:36px
}
	.landing-wrapper h2{
		font-size:32px
}
	.laptop-header h2{
		font-size:18px;
		margin-bottom:20px
}
	.laptop-header p{
		margin:0
}
	.laptop-stats ul{
		gap:20px
}
	.laptop-stats li span{
		font-size:34px
}
	.display-holder .display-stats{
		min-height:auto
}
	#laptop-sec4 picture{
		position:static
}
	#laptop-sec4 picture img{
		height:auto
}
	#laptop-sec5{
		margin:20px 0
}
	#laptop-sec6 .ports-info ul{
		column-count:1
}
	.laptop-sub-title,.laptop-title{
		margin:0
}
.display-stats .laptop-stats{
    position: static;
    transform: none;
    width: auto;
    padding: 35px;
    flex-wrap: wrap;
    gap: 30px;
}
}