/* CSS Document */
body{
	font-family: 'Saira', sans-serif;
	font-size:14px;
	margin:0px;
	padding:0px;
}
a{
 color:#000;
 outline:none;
 text-decoration:none;
}
a:hover, a:visited, a:focus, a:active{
	text-decoration:none;
	color:unset;
}
ul, li{
 margin:0px;
 padding:0px;

}
img{
	max-width:100%;
}
header, section, nav, article, footer{
	display:block;
}
.container{
width:1300px;
}
#multiscroll-nav.right {
    right: 52px;
}
#multiscroll-nav li .active span {
    background: #1a6bb0;
}
.ms-section.ms-table {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
#multiscroll-nav span {
    width: 10px;
    height: 10px;
    border: 2px solid #1a6bb0;
}
#multiscroll-nav {
    top: 54.8%;
}
/*header */
#header, #footer{
		position:fixed;
		min-height: 50px;
		display:block;
		width: 100%;
		z-index:9;
		text-align:center;
}
#header{
		top:0px;
}
#footer{
		bottom:0px;
		background:white;
		min-height: 35px;
		}
.navbar-default {
    background-color: #fff;
    border-color: transparent;
    margin: 0px;
}
.logo{
height: unset;
}
.logo img{
width: 100px;
}
.navbar-right {
margin: 22px 0px;
}
.navbar-nav > li{
padding:15px;
position:relative
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition:all 0.3s ease-in;
}
.navbar-nav > li > a{
text-transform:uppercase;
padding:0px;
color:#000!important;
font-weight: 400;
position:relative;

}
.navbar-nav > li > a:after{
content: '';
position: absolute;
width: 0%;
height: 1px;
border: 1px solid #1a6bb0;
left: 0;
opacity:0;
top: 1.4em;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition:all 0.5s ease-in;
}
.navbar-nav > li > a:hover:after{
opacity:1;
width:100%;
}
.navbar-nav > li.active > a:after{
opacity:1;
width:100%;
}
.navbar-nav > li.active > a:hover{

}
.navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
background-color:transparent!important;
color: #1a6bb0 !important;
}
.navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
background-color:transparent!important;
}
.navbar-nav > .active > a:after{

}
.navbar-nav > li > .dropdown-menu{
margin-top: 8%;
left: 16%;
min-width: 180px;
}
section.home{
position:relative;
}
section.home .container{
position:relative;
}
.content{

    position: relative;
    width: 100%;
    height: 100%;
}
.content .sideImg, .content .backImg{
width:100%;
height:100%;
background-image:url('../imgs/home/History-Side-Image.png');
background-size:contain;
background-position:center center;
background-repeat: no-repeat;
}
.content .backImg{
background-image:url('../imgs/home/programe-element-home.png');
background-size: contain;
background-repeat: no-repeat;
}
#right1 .backImg{
background-image: url('../imgs/home/history-element-home.png');
}
#left3 .sideImg{
background-image:url('../imgs/home/Archive-side-image.png');
}
#left4 .backImg{
background-image:url('../imgs/home/Delhi-Blue-Connect-element.png');
}
#left5 .sideImg{
background-image:url('../imgs/home/Home-Publication.png');
}
#right2 .sideImg{
background-image:url('../imgs/home/programes-side-image.png');
}
#right3 .backImg{
background-image:url('../imgs/home/Archive-element-home.png');
}
#right5 .backImg{
background-image:url('../imgs/home/publication-elements.png');
}
#right4 .sideImg{
background-image:url('../imgs/home/delhi-blue-connect-Side-images.png');
}
.sectionDtl{
position: absolute;
top: 0;
width: 86%;
height: 80%;
margin: 10%;
margin: 7%;
/*border: 1px solid #1a6bb0;*/
text-align:center;
padding: 30px;
}
.sectionDtl img{

}
.sectionDtl h1{
color: #1a6bb0;
text-transform: uppercase;
font-weight: 400;
position:relative;
}
.sectionDtl h1:after{
position: absolute;
content: '';
width: 20%;
height: 1px;
left: 0;
border: 1px solid #1a6bb0;
margin-top: 9.4%;
margin-left: 40%;

}
.sectionDtl h1:before{
position:absolute;
content:'';
}
.sectionDtl p{
font-size: 20px;
line-height: 30px;
font-weight: 300;
padding: 40px 0px;
}
.sectionDtl a.more{
padding: 10px 20px;
background: #1a6bb0;
color: white;
position:relative;
text-transform: uppercase;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition:all 0.5s ease-in;
}
.sectionDtl:hover a.more{
color:#1a6bb0;
border:1px solid #1a6bb0;
background: transparent;
}
.sectionDtl a.more:before{
position: absolute;
content: '';
width: 108%;
height: 123%;
left: 0;
top: 0;
border: 1px solid #1a6bb0;
margin-top: -4%;
margin-left: -4%;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition:all 0.5s ease-in;
}
.sectionDtl:hover a.more:before{

}
h1{
    	color: #000;
    }
#footer p{
font-size: 12px;
    margin: 0px;
    padding: 10px;
}

/* Mobile device */
section.mobHome{
position: relative;
    top: 0;
    margin-top: 7.2%;
}
.mobHome .row{
margin-bottom:3em;
}
.imgSect{
position: relative;
}
.contSect{
position: relative;
}