body{
    margin: 0px;
    padding: 0px;
    background-color:#323232;
}
#main{
    height: 100vh;
    width: 100%;
    position: absolute;
    overflow: hidden;
}

#main2{
    height: 100vh;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
#main3{
    height: 100vh;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
#main4{
    height: 100vh;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
#main5{
    height: 100vh;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
#main6{
    height: 100vh;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
#main7{
    height: 100vh;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
#main8{
    height: 100vh;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
#main9{
    height: 100vh;
    width: 100%;
    position: absolute;
    overflow: hidden;
}

#object1{
    position: absolute;
    padding-left: 0px;
    top:0;
    left: 0;
    opacity: 0.5;
    
   
}
#object2{
    position: absolute;
    top:20;
    left: 130;
}
#object3{
    position: absolute;
    left: 900;
    top:170;
    opacity: 0.9;
    -webkit-filter:blur(1px);
    
}

#object4{
    position: absolute;
    padding-left: 0px;
    top:0;
    left: 0;
    opacity: 0.5;
    
   
}
#object5{
    position: absolute;
    top:70;
    left: 320;

}
#object61{
    position: absolute;
    left: 500;
    top:-2%;
    opacity: 0.9;
   
    
}
#object62{
    position: absolute;
    left: 500;
    top:-2%;
    opacity: 0.9;
   
    
}
#object63{
    position: absolute;
    left: 500;
    top:-2%;
    opacity: 0.9;
   
    
}
#object64{
    position: absolute;
    left: 500;
    top:-2%;
    opacity: 0.9;
   
    
}
#object65{
    position: absolute;
    left: 500;
    top:-2%;
    opacity: 0.9;
   
    
}
#object66{
    position: absolute;
    left: 500;
    top:-2%;
    opacity: 0.9;
   
    
}
#object67{
    position: absolute;
    left: 500;
    top:-2%;
    opacity: 0.9;
   
    
}
#object71{
    position: absolute;
    left: 1000;
    top:-2%;
    
   
    
}



#object41{
    position: absolute;
    left: 50;
    top:72%;
    opacity: 0.9;
   
    
}
#object42{
    position: absolute;
    left: 67;
    top:93%;
    opacity: 0.9;
   
    
}
#object51{
    position: absolute;
    left: 50;
    top:4%;
    opacity: 0.9;
   
    
}
#object68{
    position: absolute;
    left: 500;
    top:-2%;
    opacity: 0.9;
   
    
}
#object69{
    position: absolute;
    left: 500;
    top:-2%;
    opacity: 0.9;
   
    
}

#object7{
    position: absolute;
    padding-left: 0px;
    top:0;
    left: 0;
    opacity: 0.5;
    
   
}
#object8{
    position: absolute;
    top:240px;
    left: 660;

}
#object9{
    position: absolute;
    left: 900;
    top:170;
    opacity: 0.9;
    -webkit-filter:blur(1px);
    
}

#object10{
    position: absolute;
    padding-left: 0px;
    top:0;
    left: 0;
    opacity: 0.5;
    
   
}
#object11{
    position: absolute;
    top:240px;
    left: 660;

}
#object12{
    position: absolute;
    left: 900;
    top:170;
    opacity: 0.9;
    -webkit-filter:blur(1px);
    
}

#object13{
    position: absolute;
    padding-left: 0px;
    top:0;
    left: 0;
    opacity: 0.5;
    
   
}
#object14{
    position: absolute;
    top:180px;
    left: 380;

}
@media screen and (max-width: 1458px) {
#object71{
    left: 900;
}
}

@media screen and (min-width: 1708px) {

#object14{
    position: absolute;
    top:280px;
    left: 740;

}
#object5{
    top:200;
    left: 520;

}
#object69{
    position: absolute;
    left: 700;
    top:-2%;
    
   
    
}
#object71{
    position: absolute;
    left: 1400;
    top:-1%;
    opacity: 0.9;
   
    
}

#object17{
    top:400;
    margin-left: 350px;

}
    }

#object15{
    position: absolute;
    left: 900;
    top:170;
    opacity: 0.9;
    -webkit-filter:blur(1px);
    
}

#object16{
    position: absolute;
    padding-left: 0px;
    top:0;
    left: 0;
    opacity: 0.5;
    
   
}
#object17{
    position: absolute;
    top:180px;
    left: 780;

}
#object18{
    position: absolute;
    left: 100;
    top:70;
    opacity: 0.9;
    
    
}

#object19{
    position: absolute;
    padding-left: 0px;
    top:0;
    left: 0;
    opacity: 0.5;
    
   
}
#object20{
    position: absolute;
    top:180px;
    left: 780;

}
#object21{
    position: absolute;
    left: 100;
    top:70;
    opacity: 0.9;
    
    
}

#object22{
    position: absolute;
    padding-left: 0px;
    top:0;
    left: 0;
    opacity: 0.5;
    
   
}
#object23{
    position: absolute;
    top:180px;
    left: 780;

}
#object24{
    position: absolute;
    left: 100;
    top:70;
    opacity: 0.9;
    
    
}
#object25{
    position: absolute;
    padding-left: 0px;
    top:0;
    left: 0;
    opacity: 0.5;
    
   
}
#object26{
    position: absolute;
    top:180px;
    left: 780;

}
#object27{
    position: absolute;
    left: 100;
    top:70;
    opacity: 0.9;
    
    
}
#layer{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;

}
#particles-js{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;

}
#layer1{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;


}
#layer2{
    position: absolute;
    top :0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;




}

#layer3{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;


}
#layer4{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;




}

#layer5{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;


}
#layer6{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;




}
#layer7{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;


}
#layer8{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;




}

#layer9{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;


}
#layer10{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;




}

#layer11{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;


}
#layer12{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;




}
#layer13{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;


}
#layer14{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;




}
#layer15{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;


}
#layer16{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;




}
#layer17{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;


}
#layer18{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;




}


#msg{
    font-family: arial;
    font-size: 70px;
    color:#FAFAFA;
    position: absolute;
    top:56%;
    left: 10%;
    transform: translate(-50%,-50%);
    line-height: 60px;
    border-left: 2px solid #FAFAFA;
    padding-left: 10px;
    padding-top:5px;
}
#msg1{
    font-family: arial;
    font-size: 70px;
    color:#FAFAFA;
    position: absolute;
    top:56%;
    left: 10%;
    transform: translate(-50%,-50%);
    line-height: 60px;
    border-left: 2px solid #FAFAFA;
    padding-left: 10px;
    padding-top:5px;
}
#msg2{
    font-family: arial;
    font-size: 70px;
    color:#FAFAFA;
    position: absolute;
    top:56%;
    left: 10%;
    transform: translate(-50%,-50%);
    line-height: 60px;
    border-left: 2px solid #FAFAFA;
    padding-left: 10px;
    padding-top:5px;
}
#zero{

    font-size: 40px;
    color: #fff;
    padding-right: 50px;
     
    height:600px;
    position: absolute;

}
.para{
    font-size: 60px;
}
#zero p{
    font-size: 16px;
                    line-height: 18px;
                    letter-spacing: 3px;
                    width: 600px;
}
.para3{
    font-size: 25px; 
                   padding-top: 20px;
}
@media screen and (max-width: 568px) {
#zero{

    font-size: 20px;
    margin-top: -8%;


   

}
#particles-js{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 80vh;

}

#object71{
    position: absolute;
    left: 1000;
    top:-2%;
    opacity: 0.9;
   
    
}
#object41{
   display: none;
   
    
}
#object42{
    position: absolute;
    left: 17;
    top:96%;
    opacity: 0.9;
   
    
}
#object51{
   
    left: 1;
    top:4%;
    opacity: 0.9;
   
    
}
   
#zero p{
    
                    width: 310px;

}
#msg{
    font-family: arial;
    font-size: 40px;
    
    position: absolute;
    padding-left: 30%;
    margin-top: -48%;

   
   
    
   
}
#msg1{
    font-family: arial;
    font-size: 40px;
    
    position: absolute;
    margin-left: 4%;
    margin-top: -48%;

   
   
    
   
}
#msg2{
    font-family: arial;
    font-size: 40px;
    
    position: absolute;
    padding-left: 38%;
    margin-top: -48%;

   
   
    
   
}


.par2{
    font-size: 12px;
    letter-spacing: 2px;
    width: 300px;
   
    margin-top: -3%;

          
    }
   .para{
    font-size: 30px;
   }
   .para3{
    font-size: 15px; 
                 
}

#zero1{
   margin-right: 20px;
width: 270px;


}


#zero2{
    
    display: none;
   

}
#zero3{
   margin-right: 20px;
width: 270px;


}


#zero4{
    
    display: none;
   

}


    }

#zero1{
    left: 5%;
    font-size: 22px;
    color: #fff;
    padding-right: 57%;
    padding-left: 20px;
    margin-top: 120px;
    padding-top: 
    height:600px;
    position: absolute;
    border-left: 2px solid #FAFAFA;

}

#zero2{
    left: 55%;
    font-size: 18px;
    color: #fff;
    
    padding-left: 20px;
    padding-right: 70px;
    margin-top: 120px;
    padding-top: 
    height:600px;
    position: absolute;
    border-left: 2px solid #FAFAFA;

}

#zero3{
    left: 5%;
    font-size: 22px;
    color: #fff;
    padding-right: 57%;
    padding-left: 20px;
    margin-top: 120px;
    padding-top: 
    height:600px;
    position: absolute;
    border-left: 2px solid #FAFAFA;

}

#zero4{
    left: 55%;
    font-size: 18px;
    color: #fff;
    
    padding-left: 20px;
    padding-right: 70px;
    margin-top: 120px;
    padding-top: 
    height:600px;
    position: absolute;
    border-left: 2px solid #FAFAFA;

}

    #details{
            background :url('robb.jpg');
            height: 100vh;
            width: 100%;
            overflow: hidden;
            position: absolute;
            
    }
        .about button{
            background: url('ab.jpg');
            color: white;
            width: 340px;
            height: 400px;
            font-family: 'Caesar Dressing';
            font-size: 70px;
            border-radius: 20px;
            transition:0.6s;
            overflow: hidden;
            position: absolute;
            top: 50%;
            left: 20%;
            transform: translate(-50%,-50%);
        }

        .about button:focus {
            outline: none;
        }
        .about button:before {
            content: '';
            display:block;
            position: absolute;
            background: rgba(225,225,225,.5);
            width: 60px;
            height: 100%;
            left: 0;
            top:0;
            opacity: .5s;
            filter: blur(30px);
            transform: translate(-130px) skewX(-15deg);
        }

        .gal button{
            background: url('gal.jpg');
            background-size: cover;
            color: white;
            width: 340px;
            height: 400px;
            font-family: 'Caesar Dressing';
            font-size: 70px;
            border-radius: 20px;
            transition:0.6s;
            overflow: hidden;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .gal button:focus {
            outline: none;
        }
        .gal button:before {
            content: '';
            display:block;
            position: absolute;
            background: rgba(225,225,225,.5);
            width: 60px;
            height: 100%;
            left: 0;
            top:0;
            opacity: .5s;
            filter: blur(30px);
            transform: translate(-130px) skewX(-15deg);
        }


        .reg button{
            background: url('regi.jpg');
            
            color: white;
            width: 340px;
            height: 400px;
            font-family: 'Caesar Dressing';
            font-size: 70px;
            border-radius: 20px;
            transition:0.6s;
            overflow: hidden;
            position: absolute;
            top: 50%;
            left: 80%;
            transform: translate(-50%,-50%);
        }

        .reg button:focus {
            outline: none;
        }
        .reg button:before {
            content: '';
            display:block;
            position: absolute;
            background: rgba(225,225,225,.5);
            width: 60px;
            height: 100%;
            left: 0;
            top:0;
            opacity: .5s;
            filter: blur(30px);
            transform: translate(-130px) skewX(-15deg);
        }


        .about button:after{
            content: '';
            display: block;
            position: absolute;
            background:rgba(225,225,225,.2);
            width: 30px;
            height: 100%;
            left: 30px;
            top: 0;
            opacity: 0;
            filter: blur(30px);
            transform: translate(-100px) scaleX(-15deg);


        }
        .gal button:after{
            content: '';
            display: block;
            position: absolute;
            background:rgba(225,225,225,.2);
            width: 30px;
            height: 100%;
            left: 30px;
            top: 0;
            opacity: 0;
            filter: blur(30px);
            transform: translate(-100px) scaleX(-15deg);


        }

        .reg button:after{
            content: '';
            display: block;
            position: absolute;
            background:rgba(225,225,225,.2);
            width: 30px;
            height: 100%;
            left: 30px;
            top: 0;
            opacity: 0;
            filter: blur(30px);
            transform: translate(-100px) scaleX(-15deg);


        }

        .about button:hover{
           
            cursor: pointer;
        }

        .gal button:hover{
            
            cursor: pointer;
        }

        .reg button:hover{
            
            cursor: pointer;
        }
        .about button:hover:before{
            transform: translateX(300px) skewX(-15deg);
            opacity: .6;
            transition: .7s;
        }
        .gal button:hover:before{
            transform: translateX(300px) skewX(-15deg);
            opacity: .6;
            transition: .7s;
        }
        .reg button:hover:before{
            transform: translateX(300px) skewX(-15deg);
            opacity: .6;
            transition: .7s;
        }

        .about button:hover:after{
            transform: translateX(300px) skewX(-15deg);
            opacity: 1;
            transition: .7s;
        }

        .gal button:hover:after{
            transform: translateX(300px) skewX(-15deg);
            opacity: 1;
            transition: .7s;
        }
        .reg button:hover:after{
            transform: translateX(300px) skewX(-15deg);
            opacity: 1;
            transition: .7s;
        }

        #abo{
        height: 100vh;
        width: 100%;
        overflow-x: hidden;
        position: absolute;

    }


.zoom {
    
    

     
    
   

    transition: transform .2s;
    width: 180px;
    height: 180px;
   
}
.a{
  background: url('core/binay.jpg');
   background-size: cover;

}
.b{
  background: url('core/uday.jpg');
   background-size: cover;

}
.c{
  background: url('core/UJJWAL.jpg');
   background-size: cover;

}
.d{
  background: url('core/runak.jpg');
   background-size: cover;

}
.e{
  background: url('core/RAJIV.jpg');
   background-size: cover;

}
.f{
  background: url('core/prateek.jpg');
   background-size: cover;

}
.g{
  background: url('core/prateek meena.jpg');
   background-size: cover;

}
.h{
  background: url('core/PIYUSH YADAV.jpg');
   background-size: cover;

}
.i{
  background: url('core/binay.jpg');
   background-size: cover;

}
.j{
  background: url('core/ANKUSH.jpg');
   background-size: cover;

}


.zoom:hover {
    -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari 3-8 */
    transform: scale(1.2);



}

.r1 {
    
   

     
    
    

    transition: transform .2s;
    width: 180px;
    height: 180px;
   
}



.r1:hover {
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1.); /* Safari 3-8 */
    transform: scale(1.);
    background-color: rgba(0,0,0,0.4);



}