/*Animations*/

header,
.area2,
.area2 h2,
.area2 h5,
.area2 p,
.area2 .border-bottom,
.vit-read-more,
.brown-bg{
	opacity: 0;
}

.loaded header{
	animation: fadeIn ease-in 0.7s forwards;
	z-index: 1;
	position: fixed;
}

.home-projects-animate .col-md-6,
.home-sub-projects-animate .col-md-6{
	transform: scale(0,0);
	opacity: 0;
}

.loaded .home-projects-animate .col-md-6,
.loaded .home-sub-projects-animate .col-md-6{
	animation: scaleIn ease-in-out 0.5s forwards, fadeIn ease-in-out 2s forwards;
}

.loaded .home-projects-animate .col-md-6:nth-of-type(2){
	animation-delay: 0.3s;
}

.loaded .home-projects-animate .col-md-6:nth-of-type(3){	
	animation-delay: 0.6s;
}

.loaded .home-projects-animate .col-md-6:nth-of-type(4){
	animation-delay: 0.9s;
}

.loaded .area2,
.loaded .area2 h2,
.loaded .area2 h5,
.loaded .area2 p,
.loaded .area2 .border-bottom{
	animation: fadeIn ease-in-out 0.7s forwards;
}

.loaded .area2{
	animation-delay: 0.8s;
}

.loaded .area2 h2{
	animation-delay: 0.2s;
}

.loaded .area2 .border-bottom{
	animation-delay: 0.2s;
}

.loaded .area2 p{
	animation-delay: 0.4s;
}

.loaded .area2 .vit-read-more{
	animation: fadeIn 0.9s ease-in-out 0.7s forwards;
}

/*lower section*/

.loaded .brown-bg{
	animation: fadeIn 1s ease-in-out 1s forwards;
}

.loaded .home-sub-projects-animate .col-md-6:nth-of-type(2){
	animation-delay: 0.9s;
}

.loaded .home-sub-projects-animate .col-md-6:nth-of-type(3){
	animation-delay: 1.3s;
}

.loaded .home-sub-projects-animate .col-md-6:nth-of-type(4){
	animation-delay: 1.6s;
}

@keyframes fadeIn {
  10% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes scaleIn {
  100% {
    transform: scale(1,1);
  }

  @keyframes slideIn {
  100% {
    transform: translateY(0);
  }
}