*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family: 'Lato', sans-serif;
}
header{
	width:100%;
	height:120vh;
	overflow:hidden;
	margin-top:-100px;
}
.container{
	margin-top:0px;
	height:100vh;
}
.head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	position:relative;
	top:200px;
	margin-top:0px;
}
.logo{
	left:50px;
	z-index:999;
	position:relative;
	top:50%;
	left:20%;
}
.social{
	right:50px;
	z-index:999;
	position:relative;
	top:50%;
	right:20%;
}
.social>a>i{
	color:red;
	margin-right:5px;
	font-size:40px;
	cursor:hand;
	box-shadow:5px 5px 5px 5px rgba(255,255,255,0.8);
	border-radius:50%;
}
.fab.fa-facebook{
	color:blue;
	position:relative;
}
.fa-facebook:hover{
top:-10px;
}
.fab.fa-twitter{
	color:orange;
	position:relative;
}
.fa-twitter:hover{
	top:-10px;
}
.fab.fa-youtube{
	position:relative;
}
.fa-youtube:hover{
	top:-10px;
}
.slick{
	margin-top:0;
}
.slick-dots{
position:absolute;
top:95%;
width:30px;
height:30px;
}
.slick-dots li{
	border-radius:2px;
	background-color:#0070B8;
}
.slick-dots li.slick-active{
	background-color:white;
	border-radius:10px;
}
.slick div{
	position:relative;
}
.slick div img{
	width:90%;
	height:100vh;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}
.slick-1 h1{
	position:absolute;
	top:50%;
	right:10%;
	font-size:68px;
	margin-bottom:4px;
}
.slick-1 p{
	position:absolute;
	top:40%;
	right:10%;
	font-size:32px;
	margin-bottom:4px;
}
.slick-1 a{
	position:absolute;
	top:68%;
	right:10%;
	color:white;
	padding:8px;
	background-color:black;
	border:3px inset purple;
	text-decoration:none;
	transition:font-size 2s ease-in-out;
	font-size:28px;
	border-radius:4px;
}
.slick-1 a:hover{
	font-size:35px;
	text-decoration:underline;
}
.slick-2 h1{
	position:absolute;
	top:50%;
	left:10%;
	font-size:68px;
	margin-bottom:4px;
}
.slick-2 p{
	position:absolute;
	top:40%;
	left:10%;
	font-size:32px;
	margin-bottom:4px;
}
.slick-2 a{
	position:absolute;
	top:68%;
	left:10%;
	color:white;
	padding:8px;
	background-color:blue;
	border:3px inset purple;
	text-decoration:none;
	transition:backgroundcolor 2s ease-in-out;
	font-size:28px;
	border-radius:4px;
}
.slick-2 a:hover{
	background-color:red;
	text-decoration:underline;
}
.slick-3 h1{
	position:absolute;
	top:35%;
	left:25%;
	font-size:68px;
	margin-bottom:4px;
	color:white;
}
.slick-3 p{
	position:absolute;
	top:30%;
	color:white;
	left:25%;
	font-size:32px;
	margin-bottom:4px;
}
.slick-3 a{
	position:absolute;
	top:65%;
	left:35%;
	color:black;
	padding:8px;
	background-color:yellow;
	border:3px inset purple;
	text-decoration:none;
	transition:scale 4s ease-in-out;
	font-size:28px;
	border-radius:4px;
}
.slick-3 a:hover{
	transform:scale(1.5);
	color:orange;
}
i{
	font-size:45px;
	color:blue;
}
.fab.fa-opencart,.fab.fa-magento
{
	box-shadow:0.3rem 0.3rem 0.3rem #fff;
}
.web-info{
	width:100%;
	margin-top:35px;
}
.info{
	width:80%;
	margin:0 auto;
	display:flex;
	align-items:center;
}
.web-info>h1{
	text-align:center;
	font-size:35px;
}
.info-left{
	width:50%;
	border-left:3px solid orange;
	margin-top:35px;
}
.info-left p,.info-right p{
	padding:5px;
	font-size:20px;
	margin-left:10px;
}
.info-right
{
	width:50%;
	border-left:3px solid orange;
	margin-top:35px;
	align-self:flex-start;
}
i>span{
	color:cyan;
	font-size:30px;
	margin-left:5px;
}
.info-center{
	width:60%;
	margin:30px auto;
}
.info-center p{
	width:80%;
	margin:0 auto;
	padding:10px;
	font-size:20px;
}
.icons{
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	border-bottom:3px solid orange;
}
.seo{
	margin-top:100px;
	width:100%;
	color:white;
	background-position:center;
	background-size:cover;
	overflow:hidden;
}
@keyframes scale{
	0%{
		transform:scale(1.5);
	}
	100%{
		transform:scale(1);
	}
}
.seo>h1{
	font-size:75px;
	font-weight:bold;
	text-align:center;
	animation:scale 5s infinite;
}
.seo-content{
	display:flex;
}
.seo-content div{
	width:100%;
	padding:10px;
}
@media all and(max-width: 600px) {
	.seo-ul{
	display:block;
}
 .seo-ul li{
	  width:250px;
	  display:list-item;
  }
}
.left{
	text-align:center;
}
.center{
	text-align:center;
}
.right{
	text-align:center;
}
.seo-ul{
	display:flex;
	position:relative;
	left:25%;
}
.seo-ul li{
	padding-left:20px;
	list-style:none;
	width:300px;
	margin-right:150px;
}

section>div{
	font-size:25px;
}

.content{
	display:flex;
	align-items:center;
}
.content>i{
	color:green;
	font-size:40px;
	margin-right:20px;
}
.seo-ul li p{
	font-size:25px;
	font-weight:bold;
}
.seo-ul li ul li{
	font-size:25px;
	font-weight:bold;
}
.youtube{
	background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
	height:170vh;
}
.youtube>h1{
	text-align:center;
	font-size:50px;
	color:orange;
	padding:20px;
}
.youtube>h2{
	text-align:center;
	font-size:20px;
	padding:20px;
}

.an{
	color:black;
	font-weight:900;
	text-decoration:none;
	margin-left:20px;
}


#out{
	display:block;
}
.parent
{
	display:grid;
	grid-template-columns:25% 25% 25% 25%;

}
#footer{
	background:purple;
	min-height:80vh;
	display:block;
	position:relative;
}
.personal-info>p{
	text-align:center;
	font-size:25px;
	color:grey;
	letter-spacing:0.5rem;
	margin:20px;
}
.personal-info>p:nth-child(1){
	margin-top:0;
}
.personal-info>p>a{
	text-decoration:none;
	color:red;
}
.work{
	text-align:center;
}
.work>h1{
	margin-bottom:20px;
	font-size:50px;
}
.work>ul>li{
	margin-bottom:20px;
}
.work>ul>li>a{
	font-size:25px;
	padding:20px;
	color:black;
	letter-spacing:0.3rem;
	text-decoration:none;
}

.ul_span{
	color:red;
}
#scrollToTop{
	position:fixed;
	width:70px;
	height:50px;
	background:blue;
	right:10px;
	bottom:20px;
	color:white;
	box-shadow:0 0 10px rgba(0 0 0 0.25);
	cursor:pointer;
	text-align:center;
	z-index:999;
	display:none;
}
#scrollToTop>div>i{
	color:white;
	text-align:center;
}
#scrollToTop>div{
	background:blue;
}
.social-footer>a:hover .social-footer>a>i{
	position:relative;
	top:-5px;
}
.social-footer>a>i{
	color:red;
	margin-right:5px;
	font-size:40px;
	cursor:hand;
	box-shadow:5px 5px 5px 5px rgba(255,255,255,0.8);
	border-radius:50%;
}
.fab.fa-youtube{
	color:red;
}





@media(max-width:1000px){

}

@media(max-width:800px){
	.info{
		display:flex;
		flex-direction:column;
		align-items:center;
	}
	.seo-content{
		display:flex;
		align-items:center;
		flex-direction:column;
	}
	.parent{
		display:flex;
		align-items:center;
		flex-direction:column;
	}
	.youtube{
		height:calc(3*170vh);
	}
}