/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 6 Nov, 2016, 10:57:57 AM
    Author     : Divij Bhatia
*/
@font-face {
     font-family: Robotoreg;
     src: url(assets/Roboto-Regular.ttf);
 }

@font-face {
     font-family: segoebk;
     src: url(assets/seguisb_0.ttf);
 }
 
@font-face {
     font-family: segoeui;
     src: url(assets/segoeui_0.ttf);
 }
 @font-face {
     font-family: Robotobold;
     src: url(assets/Roboto-Bold.ttf);
 }
 @font-face {
     font-family: Robotomed;
     src: url(assets/Roboto-Medium.ttf);
 }
 @font-face {
     font-family: Robotoblack;
     src: url(assets/Roboto-Black.ttf);
 }
@font-face {
  font-family: 'RobotoDraft';
  font-style: normal;
  src: local('RobotoDraft Bold'), local('RobotoDraft-Bold'), url(http://fonts.gstatic.com/s/robotodraft/v4/u0_CMoUf3y3-4Ss4ci-VwYlIZu-HDpmDIZMigmsroc4.woff2) format('woff2');
}

@font-face {
  font-family: 'RobotoDraftLight';
  font-style: normal;
  src: local('RobotoDraft Light'), local('RobotoDraft-Light'), url(http://fonts.gstatic.com/s/robotodraft/v4/u0_CMoUf3y3-4Ss4ci-VwUo2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2');
}  

#header-bar
{
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    height:80px;
    width:100%;
    background-color: white;
    display: inline-block;
    float: left;
    box-shadow: 0px 1px 10px grey;
    z-index: 100;
    zoom:0.8;
}

#logo
{
    margin-left:100px;
    margin-top:15px;
    margin-bottom:15px;
    display: inline-block;
    float: left;
    zoom:0.8;
}

#logo:link
{
    color:black;
    
}

#logo img
{
    width:87px;
    height:70px;
    display: inline-block;
    float: left;
    margin-right: 15px;
}

#logo span
{
    padding: 4px;
    width:400px;
    height:70px;
    overflow-wrap: break-word;
    display: inline-block;
    float: left;
    font-size: 22px;
    font-family: Robotomed;
    color:black;
}

#quick-links
{
    height: 80px;
    display: inline-block;
    float:right;
    color:black;
    font-size: 18px;
    font-family: Robotomed;
}
.link
{
/*    padding-top: 20px;
    padding-bottom: 20px;*/
    padding: 20px;
    display: inline-block;
    float:left;
    height:80px;;
    /*width:180px;*/
    text-align: center;
    transition: ease-in-out 0.4s;
    color:black;
    font-family: Robotomed;
    /*text-decoration: none;*/
}
.link:link
{
    color:black;
}

.link i
{
    position:relative;
    top:5px;
}
.link:hover
{
    background-color:  #3949AB;
    color:white;
    transition: ease-in-out 0.4s;
}

#first-frame 
{
/*    position: relative;
    top:100px;*/
      height: 600px;
      /*display: inline-block;*/
}

#first-description
{
/*    position: relative;
    top:50px;*/
    /*height:400px;*/
    width: 100%;
    display: inline-block;
    float: left;
    /*padding: 25px;*/
    
}

#first-description-heading
{
    margin-top: 15px;
    display: inline-block;
    font-family: Robotoblack;
    font-size: 60px;
    color:#0D47A1;
    width: 100%;
    height: 55px;
    
}
#second-head
{
    margin-top: 15px;
    display: inline-block;
    font-family: Robotoblack;
    font-size: 60px;
    color:#0D47A1;
    width: 100%;
    height: 55px;
    
}

#about-conference
{
    display: inline-block;
    font-family: Robotoreg;
    font-size: 20px;
    color:#263238;
    width: 100%;
    height: auto;
    padding: 50px;
}

.schedule
{
    width:100%;
    display: inline-block;
    float: left;
    padding-left: 150px;
    padding-right: 150px;
}

.session
{
    width:300px;
    display: inline-block;
    float: left;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    margin-right: 45px;
    margin-bottom: 20px;
}

.session-image
{
    width:300px;
    height:250px;
    display: inline-block;
    float: left;
    margin: 0px;
}

.card-title
{

    font-family: Robotobold;
    font-size: 22px;
    color:#0D47A1;
    padding-left:  15px;
    padding-top:  10px;
    padding-right:  15px;
}

.research-areas
{
    display: inline-block;
    float: left;
    width:100%;
    list-style-type:none;
    font-family: Robotoreg;
    font-size: 20px;
    color:black;
    padding-left: 20px;
}

.research-areas li
{
    margin-left: 20px;
    margin-right: 20px;
}

.heading
{
    margin-top: 25px;
    display: inline-block;
    font-family: Robotoblack;
    font-size: 60px;
    color:#0D47A1;
    width: 100%;
    height: 55px;
    text-align: center;
}

#second-frame
{
    width:100%;
}

.submit-button{
    margin-right: 50px;
    /*display: inline-block;*/
    background-color: #3949AB;
    color:white;
    border:none;
    width:250px;
    height:50px;
    padding:10px;
    font-family: Robotoreg;
    font-size: 20px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: ease-in-out 0.4s;
    border-radius: 5px;
}

.submit-button i
{
    font-size: 25px;
    position:relative;
    top:5px;
    
    
}

.submit-button:hover
{
    transition: ease-in-out 0.4s;
     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.6);
}
.buttons
{
    display: inline-block;
    margin-left: 350px;
    margin-top: 30px;
}

.description
{
    display: inline-block;
    font-family: Robotoreg;
    font-size: 30px;
    color:#263238;
    width: 100%;
    height: auto;
    padding: 50px;
    text-align: center;
}

.normal-text
{
    margin-top: -90px;
     display: inline-block;
    font-family: Robotoreg;
    font-size: 20px;
    color:#263238;
    width: 100%;
    height: auto;
    padding: 50px;
    text-align: center;
}

.big
{
    font-size: 35px;
    margin-top: 2px;
}
#third-frame
{
    width:100%;
    background-color: #1A237E;
    position:relative;
    top:50px;
    height:600px;
}

.footer-heading
{
    display: inline-block;
    margin-left: 100px;
    margin-top:20px;
    font-family: Robotobold;
    color:white;
    font-size: 50px;
}

.footer-college-add
{
/*    position: absolute;
    top:120px;
    left:120px;*/
    color:white;
    display: inline-block;
    /*margin-left: 100px;*/
    font-family: Robotoreg;
    font-size: 25px;
}

.contact-info
{
    padding:15px;
    position:absolute;
    top: 120px;
    left: 120px;
    display: inline-block;
    float:left;
    height:auto;
    width: 580px;
    padding:10px;
}

.contact
{
    display: inline-block;
    float: left;
    color:white;
    width:560px;
    
    margin-bottom: 30px;
}

.contact-name
{
    display: inline-block;
    float: left;
    width:560px;
    font-size: 25px;
    font-family: Robotomed;
}

.contact-email
{
    display: inline-block;
    float: left;
    width:560px;
    font-size: 22px;
    font-family: Robotoreg;
}

.contact-email a
{
    color:inherit;
    text-decoration: none;
}



.jiit-logo
{
    height:100px;
    width:79px;
    display: inline-block;
}

.college-location
{
    position: absolute;
    top:125px;
    left:655px;
    width:600px;
    height:380px;
}

.card-ul
{
    list-style-type:none;
    font-family: Robotoreg;
    font-size: 20px;
    color:black;
    padding-left: 20px;
}
.mycard
{
    position: absolute;
    top:250%;

}
.mytitle
{
    font-size: 30px;
    font-family: Robotoreg;
}
footer { 
    display: block;
}