@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto/Roboto-Thin-webfont.eot');
    src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype'),
         url('../fonts/roboto/Roboto-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
.top{
position:absolute;
top:0px;
left:0px;
background:red;
color:black;
width:100%;
height:35px;
font-family: 'roboto';
         url('../fonts/roboto/Roboto-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
a{
color:black;
}
a:hover{
text-decoration:none;
color:red;
}
/*
-----------------
HEADER
-----------------
*/
.header{
position: absolute;
top: 35px;
left: 12.5%;
color: black;
width: 75%;
height: 130px;
font-style: normal;font-family: 'roboto';
         url('../fonts/roboto/Roboto-Light.ttf') format('truetype'):
    font-weight: normal;
    font-style: normal;

}

#imagel{
position: absolute;
left: 0px;
top: 5px;
height: 96%;
width: 57%;

}

#imager{
position: absolute;
right: 150px;
top: 5px;
height: 94%;
width: 15%;

}

.iiser{
position: absolute;
left: 32%;
top: 77%;
height: 19%;
width: 24%;
}
.spie{
position: absolute;
left: 0%;
top: 1%;
height: 68%;
width: 32%;}

/*
-----------------
HEADER END
-----------------
*/

/*
-----------------
NAV START
-----------------
*/
#nav_bar{
position:absolute;
top:165px;
left:12.5%;
border-radius:5px;
height:40px;
width:75%;
background:grey;
color:white;
font-style: normal;font-family: 'roboto';
         url('../fonts/roboto/Roboto-Light.ttf') format('truetype'):
    font-weight: normal;
    font-style: normal;

}
.nav{
position: relative;
height: 40px;
overflow: auto;
border-style: solid;
border-radius: 8px;
border-color: grey;
border-width: 1px;
top: 15%;
right: -38%;
font-size: 17px;
margin-left: 1%;
padding-left: 1%;
padding-right: 1%;
padding-top: .15%;
padding-bottom: .5%;
cursor: pointer;
}
.nav:hover{
border-style: solid;
border-radius: 8px;
border-color: red;
border-width: 1px;
}
.slider{
position: relative;
top: 196.9px;
left: 42.3%;
height: 5px;
width: 55px;
background: red;
}
.container{
display:none;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background:rgba(0,0,0, 0.5);
z-index:11;
}
.cont_image{
position: fixed;
top: 75px;
left: 260px;
width: 800px;
height: 500px;
opacity: inherit;
z-index: 11;
box-shadow: 0 3px 8px 3px rgba(0, 0, 0, 0.5);

}

.close{
position:absolute;
top:0px;
right:0px;
height:30px;
width:30px;
z-index:10;
cursor:pointer;
}
/*
-----------------
NAV END
-----------------
*/
/*
-----------------
CONTENT START
-----------------
*/
.content{
position: absolute;
top: 230px;
border-radius: 5px;
left: 12.5%;
width: 75%;
height: 500px;
background: rgb(179, 179, 179);
}
.content_in{
position: absolute;
top: 10px;
left: 10px;
width:87%;
color: black;
padding-left: 5%;
padding-right: 7%;
font-size: 25px;
font-family: roboto;
font-weight: 100;
text-align: justify;

}
#home1{
position: absolute;
top: 30px;
right: 40px;
font-size: 19px;
width: 380px;
}
#cycler{
position: relative;
top: 35px;
left: -21px;
height: 300px;
width: 512px;
overflow: hidden;
background: red;
}
#cycler img{
position:absolute;
z-index:1
}
#cycler img.active{
z-index:3
}
#ayan{
position: absolute;
top: 54px;
left: 2.5%;

}
#mayuri{
position: absolute;
top: 320px;
left: 2.5%;

}
#shubham{
position: absolute;
top: 320px;
left: 39.5%;

}
#umang{
position: absolute;
top: 320px;
left: 76.5%;

}
#randhir{
position: absolute;
top: 590px;
left: 21%;

}
#jiten{
position: absolute;
top: 590px;
left: 58%;

}
#mem{
Position: absolute;
top: 859px;
left: 2.5%;
font-size: 19px;
}
#frame{
position: absolute;
top: -35px;
left: -75px;
height: 500px;
width: 100%;
border: none;
}
.content_ing{
position: absolute;
top: 10px;
left: 10px;
width:95%;
color: black;
padding-left: 5%;
padding-right: 7%;
font-size: 25px;
font-family: roboto;
font-weight: 100;
text-align: justify;

}

.image{
position: relative;
top: 10px;
left: -40px;
padding-left: 10px;
padding-top: 10px;
cursor:pointer;
}
/*
-----------------
CONTENT END
-----------------
*/
/*
-----------------
FORM START
-----------------
*/

.form{
font-style: normal;font-family: 'roboto';
         url('../fonts/roboto/Roboto-Light.ttf') format('truetype'):
    font-weight: normal;
    font-style: normal;

position:absolute;
top:45px;
left:100px;
height:450px;
width:500px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
border:none;

}
.form form
 input[type=text], textarea {
resize: none;
font-style: normal;font-family: 'roboto';
         url('../fonts/roboto/Roboto-Light.ttf') format('truetype'):
    font-weight: normal;
    font-style: normal;

font-weight: 100;
letter-spacing: 1px;
font-size: 16px;
background: none;
background: transparent;
color: #000;
height: 20px;
border: none;
overflow: auto;
width: 270px;
border-radius: 0;
outline: none;
box-shadow: none;
position: relative;
z-index: 9999;
-webkit-appearance: none;
-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.form form input placeholder{
color:white;
}
.button {
content: "";
display: block;
margin: 0 auto;
padding: 0;
width: 110px;
height: 40px;
border: none;
cursor: pointer;
background: #43515A;
color: #CBCBCB;
letter-spacing: 1px;
font-family: "Lato",sans-serif;
font-size: 19px;
text-transform: uppercase;
position: absolute;
top: 385px;
right: 25px;
-webkit-tap-highlight-color: transparent;-webkit-transition: color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
}
.button:hover{
color:#43515A;
background:#CBCBCB;
}
.error{
font-style: normal;font-family: 'roboto';
         url('../fonts/roboto/Roboto-Light.ttf') format('truetype'):
    font-weight: normal;
    font-style: normal;

font-weight: 100;
letter-spacing: 0;
font-size: 13px;
background: none;
background: transparent;
color: #FF0000;
}
.form_r{
position: absolute;
top: 45px;
left: 670px;
width: 321px;
font-size: 21px;
padding-top: 34px;
text-align: justify;
font-style: normal;font-family: 'roboto';
         url('../fonts/roboto/Roboto-Light.ttf') format('truetype'):
    font-weight: normal;
    font-style: normal;

}
/*
-----------------
FORM END
-----------------
*/

/*
-----------------
FOOTER START
-----------------
*/
.footer{
position:absolute;
top:735px;
left:12.5%;
border-radius:5px;
height:40px;
width:75%;
background:white;
color:black;
font-style: normal;font-family: 'roboto';
         url('../fonts/roboto/Roboto-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
.footert{
position:absolute;
top:0px;
width:100%;
height:5px;
background:red;
border-radius:5px;
}

/*
-----------------
FOOTER END
-----------------
*/