@font-face {
    font-family: RobotoLight;
    src: url(../fonts/Roboto-Light.ttf);
}

@font-face {
    font-family: RobotoLightItalic;
    src: url(../fonts/Roboto-LightItalic.ttf);
}

@font-face {
    font-family: RobotoRegular;
    src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: RobotoItalic;
    src: url(../fonts/Roboto-Italic.ttf);
}

@font-face {
    font-family: RobotoMedium;
    src: url(../fonts/Roboto-Medium.ttf);
}

@font-face {
    font-family: RobotoBlack;
    src: url(../fonts/Roboto-Black.ttf);
}

@font-face {
    font-family: RobotoBold;
    src: url(../fonts/Roboto-Bold.ttf);
}

body{
    /*font-family: RobotoRegular;*/
	font-family:verdana,Arial,sans-serif;
    font-size: 14px;
}


.mb0{margin-bottom: 0px !important;}



/* Header Related Css Start */
.navbar-brand{height: auto; padding: 10px 0px 0px 0px;}
.navbar-inverse .navbar-nav > li > a > b{font-weight: 600;}
.navbar-inverse .navbar-nav > li.active > a, .navbar-inverse .navbar-nav > li.active > a:hover{color: #FF0000; background: #fff;}
.navbar-inverse .navbar-nav > li > a{color: #333;}
.navbar-inverse .navbar-nav > li:hover > a{color: #ff0000;}
.navbar-toggle{background: #1FBDD6; border: 1px solid #0FD2F4 !important}
.navbar-inverse .navbar-nav > li > a > i.mobileNavI{display: none;}
.navbar-inverse{border-bottom:1px solid #1FBDD6}

.social-cust{margin-top: 15px; margin-bottom: 40px}
.social-cust li a{
    width: 45px;
    height: 45px;
    border-radius: 45px;
    background: #1FBDD6;
    color: #fff !important;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
}
.social-cust li{margin: 0 5px;}
.social-cust li a:hover{
    background: #0FD2F4 !important;
}
/* Header Related Css End */

/* Banner Css Start */
.carousel-inner{border-bottom:5px solid #efefef}
.carousel-inner img{width:100%;}
.headerSocialNav{width:50%; float:right;}
#hero-wrapper {
    height: 100%;
    width: 100%;
    position: fixed;
}
#hero-wrapper .carousel-wrapper,
#hero-carousel {
    height: 100%;
    width: 100%;
    position: absolute;
}
#hero-carousel img {
    left: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    width: auto;
    height: auto;
}
#hero-carousel i {
    position: absolute;
    top: 50%;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
/* Banner Related Css End */





/* Footer Related Css Start */
.homeBottomBtn {
    width: 100%;
    float: left;
    background:#2973C8;
    /*border: 1px solid #ccc;*/
}
.homeBottomBtn hr{
    margin-top: 10px;
    background: red;
    border: 1px solid red;
}
.bottomBox {
    width: 31%;
    float: left;
    margin:6px 10px 10px;
    /*border: 1px solid #ccc;*/
}
.bottomBox a {
    /*background: rgba(205, 236, 255, 0.5) none repeat scroll 0 0;*/
    color: #E9E9E9 !important;
    display: block;
    font-size: 15px;
    margin: 1px;
    padding: 1px;
    text-align: center;
}
.bottomBox a:hover {
    /*background: rgba(29, 143, 214, 0.5) none repeat scroll 0 0;*/
    color: #FFF !important;
    text-decoration: none !important;
}
/* Footer Related Css End */

/* Home Page Related Css Start */
.homeRunningContent p{
    text-align: justify;
}
.homeRightContainerBG{
    background: #333333;
}
.homeRightContainer{
    color: #FFFFFF;
    padding: 0 15px;
}
.homeRightContainer .rightcolRight {
    height:auto;
    float: right;
    background: #363636;
    /*width:166px;*/

    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px 0px 17px 0px;
}

.content .maindiv .righcol .youtube,
.block {
    background: #FFF;
    padding: 10px 5px;
}
.contact {
    list-style: none;
    color: #b3b3b3;
    font-size: 14px;
    padding: 0;
}
.contact a {
    color: #b3b3b3;
    text-decoration: none;
}
.contact li {
    padding: 20px 29px;
    border-bottom: 1px solid #5d5d5d;
}
.phone {
    background: url(../images/phone.gif) no-repeat center left;
}
.email {
    background: url(../images/email.gif) no-repeat center left;
}
/* Home Page Related Css End */


/* History Related Css Start */
.boxEM {
    margin-bottom: 5px;
}
.boxEmShape {
    /*border: 1px solid #EBEBEB;*/
    border-radius: 15px;
    float: left;
    width: 100%;
}
.boxEmShape h1 {
    /*background: #F5F5F5;*/
    color: #fff;
    font-size: 18px;
    padding: 5px 10px;
    border-radius: 5px 5px 0px 0px;
    margin: 0px;
}
.boxEmShape h1 span {
    display: inline-block;
    background: #a87cd6;
    padding: 5px 10px;
}
.boxEmShape p {
    margin: 5px 15px;
}
.educationMegaproject ul {
    padding-left: 25px;
}
.educationMegaproject ul li {
    font-size: 14px;
}
.educationMegaproject .red {
    color: red;
}
.educationMegaproject .underline {
    text-decoration: underline;
}
.educationMegaproject .blue {
    color: blue;
}
strong {
    color: #ef1f21;
}
.teamImg {
    float: left;
    margin: 10px 15px 30px;
}
.profileDetails {
    margin: 10px 0;
    border-bottom: 1px solid #ccc;
}
/* 22 Nov 2015 Ene */
.earlierContent{display: none;}
.earlierContent ul{
    padding: 0px 0px 0px 50px;
}

.earlierContent ul li{
    margin: 10px 0;
}
.earlierContentLink:hover{
    cursor: pointer;
}
.earlierContentLink a,
.earlierContentLink a:hover,
.earlierContentLink a:active,
.earlierContentLink a:focus{
    color: #fff;
    text-decoration: none;
}
.copyRightFooter{
    background: #E9E9E9;
    width: 100%;
    float: left;
}
.copyRightFooter > .footer{
    margin-top:15px;
}
.breakstyle{word-break: break-all}
/* History Related Css End */


.carousel-control.right, .carousel-control.left{background:none;}
.carousel-control.right span, .carousel-control.left span{display:none;}

/* Media Query Start */
@media (min-width:768px) and (max-width:1040px){
	.headerSocialNav{width:auto; float:none;}
}
@media (max-width: 900px) {
   .bottomBox{
       width: 96%;
   }
}
@media (max-width: 768px){
    .p0-sm{padding: 0px;}
    .navbar-inverse .navbar-nav > li > a{border-right: none; border-bottom: 1px solid #ccc; padding: 10px 0;}
    .navbar-header img{width: 80%;}
}
@media (min-width: 768px) and (max-width: 1175px){
    .cutMainNav{
        margin: 20px 0px 20px 0;
    }
    .navbar-inverse .cutMainNav li a{
        padding: 0 10px;
        border-bottom: none;
        border-right: 1px solid #ccc;
    }
}
@media (max-width: 767px){
	.navbar-inverse .navbar-nav > li > a > i.mobileNavI{display: inline-block; padding: 0 10px 0 10px;}
	.headerSocialNav{width:auto; float:none;}
}
@media (min-width: 320px){
    .social-cust{display: table !important; margin-left: auto; margin-right: auto;}
    .social-cust li{display: inline-block !important;}
    .social-cust li a{padding: 0px !important;}
}

@media (min-width: 320px) and (max-width: 590px){
    .navbar-toggle{margin-top: -20%;}
    .social-cust{margin-top:10px; margin-bottom: 10px;}
    .social-cust li a{
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
    }
}
@media (min-width:591px) and (max-width:890px){
    .navbar-toggle{margin-top: 5%;}
    .social-cust{margin-top:10px; margin-bottom: 10px;}
}