[url]body { font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;}[/url]
.full_div{width:100%; height:auto; background-color:transparent; }
.top_bar{width:100%; height:auto; background-color:#01598b; margin:0 auto; padding:10px; color:#fff;}
.nav_bar{width:100%; height:auto;  background-color:#ececec; margin:0px auto; padding-top:10px;text-transform:uppercase; font-weight:bold; padding-bottom:5px;}
.banner{width:100%; height:auto; overflow:hidden; max-height:500px; margin:0px auto;}
img{width:100%;}
.sub_full{width:100%;margin:20px 0px;}
.sub_full:hover{width:auto;}
.sub_list{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/tick.png"); list-style-type: none;}

.sub_list2{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/rf_logo.png"); list-style-type: none;}

.sub_list3{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/power_logo.png"); list-style-type: none;}

.sub_list4{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/electric_logo.png"); list-style-type: none;}

.sub_list5{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/wireless_logo.png"); list-style-type: none;}

.sub_list6{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/powersystem_logo.png"); list-style-type: none;}

.sub_list7{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/embedded_logo.png"); list-style-type: none;}

.sub_list8{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/robotics_logo.png"); list-style-type: none;}

.sub_list9{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/communication_logo.png"); list-style-type: none;}

.sub_list10{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/opto_logo.png"); list-style-type: none;}

.sub_list11{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/digital_logo.png"); list-style-type: none;}

.sub_list12{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/vlsi_logo.png"); list-style-type: none;}

.sub_list13{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/computer_logo.png"); list-style-type: none;}

.sub_list a{text-decoration: none;color: #000;width:auto;padding:0px 5px;}

.sub_list:hover a{color: #01737d;width:auto;}
.sub_list1{color: #000;text-align: justify; padding: 5px 0px;width: 100%;list-style-image:url( "../images/arrow.png"); list-style-type: none;text-decoration:none;}
.sub_list1 a{text-decoration: none;color: #000;width:100%;padding:0px 10px;font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size: 18px; line-height:1.7em}
.nav_bar li{display:inline-block; margin-left:20px; margin-top:25px; }
.nav_bar li a{text-decoration:none;color: #000;}
.nav_bar li:hover a{text-decoration:none;color: #007481; }
.nav_bar li:hover{ padding-bottom:16px; background:url(../images/arrowstroke.png) repeat-x center bottom; width:auto;   }
.child{width:100%; height:100px; max-height:150px; background-color:teal;}
.img_div{width:100%; height:200px; overflow:hidden; border:solid 2px #fff;border-radius: 6px;}
.img_div1{height: 255px;width: 355px}
.link_readmore{list-style-type:none; display:block;color: #01598b; text-align:center; background-color:#fff; padding:2px 5px; width:auto;}
.sub_course{width:100%; background-color:teal; padding:8px; margin-top:10px; color:#fff; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size:18px;}
.sub_course:hover{background-color:#01598b;}
.project{ color:#fff; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size:18px;margin-top: 10px; padding: 10px; font-weight:bold;}
.project:hover{background-color:#fff;color: #01598b;  width:100%;}
.new_line{ border-bottom:dotted 2px gray; padding-bottom:5px; width:50%; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size: 27px; font-weight:bold;}
.gn_font2,.new_font{font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size:18px; line-height:1.2em; color:#000;}
.gn_font{ font-size:18px; line-height:1.2em; color:#000;}
.gn_font p{text-align: justify;font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size:18px; line-height:1.5em; color:#000;}
.gn_font2{color:#fff;margin:10px 10px;}
.project-head{color:#01598b;margin:10px 10px;text-transform:uppercase;font-size:22px;font-weight: bold}
.gn_font3 p{color:#000;font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;font-size:18px; line-height:1.3em;}
.new_font{text-align:center; margin-top:10px;}
h2{text-align: center;color: #fff;font-weight: bold}
.gn_head_h3{color: #fff;font-size: 22px;text-align: center;margin-top: 10px;font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;}
.gn_head_h4{color: #000;font-size: 25px;text-align: center;margin-top: 5px;font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;font-weight: bold}
.foot_li{list-style-type:none;	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; color:#000; font-weight:bold;}
.foot_li a{color: #000;text-decoration: none;font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size: 16px; line-height:1.9em}
.foot_li a:hover{color: #01598b;text-decoration: none;}

.foot a{text-decoration:none; }
.foot a:hover{ color:#AA9900;}
	
  .maps{width:93%; height:550px; overflow:hidden; max-height:500px; margin: 0 auto}
.inner-addon{position:relative;}
.inner-addon .glyphicon{position:absolute; padding:10px; pointer-events: none;}
.left-addon .glyphicon{left: 0px}
.right-addon .glyphicon{right: 0px}
.left-addon .input{padding-left: 30px}
.right-addon .input{padding-right: 30px}
.icons{margin-left:10px; width:35px; height:35px; margin:10px 15px; text-align:center;}
.h2-footer{ height:10px;background-image:url(../images/foot_link.png);
 background-repeat:no-repeat; background-position:center center}
.h2_line{ height:10px;background-image: url(../images/line.png) ;
 background-repeat:no-repeat; background-position:center center;}
 .about-content{margin:50px auto}
<!-- .border_botm{color: #000; width:auto; padding-bottom: 10px; border-bottom: solid 1px #ececec}--> 
  .main_heads{font-size: 48px; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-weight: bold;}
  .sub_heads{font-size: 35px; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; }

/*------------------Banner----------*/

.banner-bg{
    
    background:url(../images/banner.jpg) no-repeat center top;
}
.banner-bg, .banner-img, .banner-img2{
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    min-height:700px;
}
.banner-img{
    background:url(../images/Electric-Circuit-Board-Design.jpg) no-repeat center top;

}
.banner-img2{
    background:url(../images/banner.jpg) no-repeat center top;
}
.banner-info {
    text-align: center;
    padding:8em 0 0 0;
}
.banner-info h3{
    color: #FFF;
    font-size: 60px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 15px;
}
.banner-info h3 span{
    display:block;
}
.banner-info p {
    color: #FFF;
    margin: 1em 0 2em;
    font-size: 20px;
    font-weight: 400;
}
.banner-info a{
    color:#FFF;
    background:#f1b458;
    padding: .7em 1.5em;
    text-decoration:none;
}
.banner-info a:hover i.icon_1{
    color:#2f374c;
}
.banner-info a:hover{
    background:#FFF;
    color:#2f374c;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.navbar-header.nav_2 {
    display: none;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0 !important;
}

/*------------------Header Slider Part starts Here----------*/

     .jssorb05 {
                        position: absolute;
                    }
                    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
                        position: absolute;
                        /* size of bullet elment */
                        width: 16px;
                        height: 16px;
                        background: url('img/b05.png') no-repeat;
                        overflow: hidden;
                        cursor: pointer;
                    }
                    .jssorb05 div { background-position: -7px -7px; }
                    .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
                    .jssorb05 .av { background-position: -67px -7px; }
                    .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }


                    .jssora22l, .jssora22r {
                        display: block;
                        position: absolute;
                        /* size of arrow element */
                        width: 40px;
                        height: 58px;
                        cursor: pointer;
                        background: url('img/a221.png') center center no-repeat;
                        overflow: hidden;
                    }
                    .jssora22l { background-position: -10px -31px; }
                    .jssora22r { background-position: -70px -31px; }
                    .jssora22l:hover { background-position: -130px -31px; }
                    .jssora22r:hover { background-position: -190px -31px; }
                    .jssora22l.jssora22ldn { background-position: -250px -31px; }
                    .jssora22r.jssora22rdn { background-position: -310px -31px; }
                    .jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
                    .jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }



                    /*---Slider----*/
                    .slider-wrap {
                        position: relative;
                        margin: 20px 0px;
                        width:100%;
                    }
                    .slider {
                        position: relative;
                        width: 100%;
                        margin: auto;
                    }
                    ul {
                        margin: 0;
                        padding: 0;
                    }
                    ul li {
                        list-style: none;
                        text-align: center;
                    }
                    ul li span {
                        display: inline-block;
                        vertical-align: middle;
                        width: 100%;
                        height: 100%;
                        background: black;
                    }
                    .slider-arrow {
                        position: absolute;
                        top: 40px;
                        width: 20px;
                        height: 20px;
                        background: none;
                        color: none;
                        text-align: center;
                        text-decoration: none;
                        border-radius: 50%;
                    }
                    .sa-left {
                        left: 10px;
                    }
                    .sa-right {
                        right: 10px;
                    }

/*------------------ Slider Part starts Here----------*/
#slider2,
#slider3 {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 auto;
}
.rslides_tabs {
    list-style: none;
    padding: 0;
    background: rgba(0,0,0,.25);
    box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
    font-size: 18px;
    list-style: none;
    margin: 0 auto 50px;
    max-width: 540px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
.rslides_tabs li {
    display: inline;
    float: none;
    margin-right: 1px;
}
.rslides_tabs a {
    width: auto;
    line-height: 20px;
    padding: 9px 20px;
    height: auto;
    background: transparent;
    display: inline;
}
.rslides_tabs li:first-child {
    margin-left: 0;
}
.rslides_tabs .rslides_here a {
    background: rgba(255,255,255,.1);
    color: #fff;
    font-weight: bold;
}
.events {
    list-style: none;
}
.callbacks_container {
    position: relative;
    width: 100%;
}
.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.callbacks li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.callbacks img {
    position: relative;
    z-index: 1;
    height: auto;
    border: 0;
}
.callbacks .caption {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 20px;
    text-shadow: none;
    color: #fff;
    left: 0;
    right: 0;
    padding: 10px 20px;
    margin: 0;
    max-width: none;
    top: 10%;
    text-align: center;
}
.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 52%;
    left: 4%;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 41px;
    width: 41px;
    background: red;
    margin-top: -65px;
    display:none;
}
.callbacks_nav:active {
    opacity: 1.0;
}
.callbacks_nav.next {
    left: auto;
    background-position: right top;
    right: 4%;
}
#slider3-pager a {
    display: inline-block;
}
#slider3-pager span{
    float: left;
}
#slider3-pager span{
    width:100px;
    height:15px;
    background:#fff;
    display:inline-block;
    border-radius:30em;
    opacity:0.6;
}
#slider3-pager .rslides_here a {
    background: #FFF;
    border-radius:30em;
    opacity:1;
}
#slider3-pager a {
    padding: 0;
}
#slider3-pager li{
    display:inline-block;
}
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}
.rslides li{
    position: relative;
    display: block;
    float: left;
}
.rslides img {
    height: auto;
    border: 0;
    width:100%;
}
.callbacks_tabs{
    list-style: none;
    position: absolute;
    top: 85%;
    z-index:111;
    left: 46%;
    padding: 0;
    margin: 0;
}
.slider-top{
    text-align: center;
    padding:10em 0;
}
.slider-top h1{
    font-weight:700;
    font-size:48px;
    color:#010101;
}
.slider-top p{
    font-weight:400;
    font-size:20px;
    padding:1em 7em;
    color:#010101;
}
.slider-top ul.social-slide{
    display:inline-flex;
    margin: 0px;
    padding: 0px;
}
ul.social-slide li i{
    width:70px;
    height:74px;
    background:url(../images/img-resources.png)no-repeat;
    display: inline-block;
    margin:0px 15px;
}
ul.social-slide li i.win{
    background-position:-6px 0px;
}
ul.social-slide li i.android{
    background-position:-110px 0px;
}
ul.social-slide li i.mac{
    background-position:-215px 0px;
}
.callbacks_tabs li{
    display: inline-block;
    margin: 0;
}
@media screen and (max-width: 600px) {
    .callbacks_nav {
        top: 47%;
    }
}

.application_img_icon
{
    width:51px;
    height: 53px;
    float: left;
    padding-right:10px;
}

.application_text
{
    font-family: Calibri;
    font-size: 20px;

}

.application_text a
{
    color: #000;
    text-decoration: none;
}

.strokeee
{
	width: 100%;
    height: 3px;
	background-color:#01737d;
}


.application_text a:hover
{

    color:#01737d;
    text-decoration: underline;
}


/*reg pannel section
*/


.heightad{ margin-top:150px;}
.backgrnd{ background:url(../images/we2.jpg);
height:auto;}

.bodyc{ }
.bodyc p{color:#F00; }
.bodyc h1{ font-size:16px;
margin-top:50px;}

/*.mousehover{  border-top: none; 
border-left:none; 
border-right:none;
margin-top:20px;}
*/

.divcolor{ background:#C63;
color:#FFF;}


.divcolor2{ background:#999;
height:200px;}