/* Header */
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans/opensans_webfont.eot');
    src: url('../fonts/opensans/opensans_webfont.eot') format('embedded-opentype'),
         url('../fonts/opensans/opensans_webfont.woff') format('woff'),
         url('../fonts/opensans/opensans_webfont.ttf') format('truetype'),
         url('../fonts/opensans/opensans_webfont.svg#OpenSans') format('svg');
}


/*
@font-face {
    font-family: 'kruti_010';
    src: url('../fonts/kruti_010.eot');
    src: url('../fonts/kruti_010.eot') format('embedded-opentype'),
         url('../fonts/kruti_010.woff') format('woff'),
         url('../fonts/kruti_010.ttf') format('truetype'),
         url('../fonts/kruti_010.svg#kruti_010') format('svg');
}*/

body{margin: 0; padding: 0;}
body{background:white;font-family:"Helvetica Neue","HelveticaNeue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:14px;font-size:1.4rem;line-height:1;color:#5D5D5D;position:relative;-webkit-font-smoothing:antialiased;}
img {width: 100%;}
div {display: block;}

.wrapper {width: 1200px; margin: 0 auto;}
.main-container, header, nav, footer, #banner, #main-content, .footer-category, .footer-top, .footer-bottom {float: left; width: 100%;}

ul, #slideshow ul { margin: 0; padding: 0; list-style: none;}
ul li, #slideshow ul li { display: inline-block;}
a {text-decoration: none;}
a:hover {text-decoration: none;}

.main-container {
background: #dddddd;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dddddd), to(#FFFFFF));
background: -webkit-linear-gradient(#dddddd, #FFFFFF);
background: -moz-linear-gradient(#dddddd, #FFFFFF);
background: -ms-linear-gradient(#dddddd, #FFFFFF);
background: -o-linear-gradient(#dddddd, #FFFFFF);
background: linear-gradient(#dddddd, #FFFFFF);
-pie-background: linear-gradient(#dddddd, #FFFFFF);
}
/*header*/
header {background: #00aef0; border-top: 7px solid #F4B770; }
/*Quick Links Section*/
.quicklinks { font-size: 14px; text-transform: uppercase; color: #fff; position: relative; width: 120px; float: right; z-index: 10; outline: none;}
#quickLinkButton {float: right; padding:8px 0 10px; width: 100%; text-align: center; text-decoration: none; color: #fff; position: relative; z-index: 1;}
/*#quickLinkButton:before {content: ""; display: block; width: 7px; height: 7px; position: absolute; top: 15px; left: 10px; background: url('../img/sprite.png') no-repeat -200px -200px;}*/
.quicklinks:hover, .quicklinks.active a#quickLinkButton {background: #0068a2;}
.quicklinksHover {background: #0068a2;}
.quicklinks.active {background: #007FC5; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#quickLinkItem {position: absolute; top: 29px; right: -1px; background: #0068a2; border:1px solid #fff;z-index: 0; width:300px; display: none;}
.quicklinks.active #quickLinkItem {display: block;}
#quickLinkItem ul {float: left; width: 100%;}
#quickLinkItem li { border-bottom: 1px solid #0076ad; width: 50%; float: left;}
#quickLinkItem li a {text-decoration: none; color: #fff; position: relative; display: block; padding: 10px 10px 10px 20px; font-size: 13px;  font-family: 'OpenSans'; font-size: 13px; text-transform: none;}
#quickLinkItem li a span {position: absolute; top: 8px; left: 7px; font-size: 14px; color: #00aef0;}
#quickLinkItem li:hover a{background:#007fc5;}

/*.quicklinks li {margin: 0 0 10px; display: block;}
.quicklinks li a { text-decoration: none; color: #99dff9; background: #007fc5; display: block; padding: 5px 8px; border-radius: 5px; text-align: center; }
.quicklinks li a:hover {color: #ffffff;}*/

/*Logo*/
.logo {float:left;  max-height: 120px; margin: 11px 0 14px 0;}
.logo img {width: 100%;}



/*Search Form*/
#search-area { margin-top: 40px; position: relative;}
#searc-btn { position: absolute; width: 26px;  height: 26px; top: 4px; right: 20px; background:#00aef0 url('../img/sprite.png') no-repeat -92px -294px; text-indent: -9999px; }
#searc-btn:hover {background-color: #f3bb19;}

/*nav*/
  #menuSwitcher { position: absolute; top: 6px; right: 15px; text-decoration: none; background: #23527c url('../img/sprite.png') no-repeat -42px -392px; width: 30px; height: 30px; text-indent: -9999px; border-radius: 5px; display: none; }
nav {min-height: 45px; background: #007FC5; position: relative; z-index: 3; border-bottom: 1px solid #fff;}
nav li { float: left; position: relative;
        -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          -ms-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s;
           }
nav li:hover {background: #00aef0;}           
nav li a, nav li a:focus {padding: 13px 30px 9px 19px; color: #fff; font-size: 14px; text-transform: uppercase; float: left; position: relative; border-bottom: 7px solid transparent; text-decoration: none; }
nav li a span.navArrow { position: absolute; top: 19px; right: 12px; border:6px solid #fff; border-bottom: 0px !important; border-left: 6px solid transparent; border-right: 6px solid transparent; width: 6px; height: 6px;}
nav li:hover a, nav li.active a {color: #ffffff;  text-decoration: none; border-bottom: 7px solid #fff ;}
nav li ul {display:none; width: 250px; position: absolute; top: 45px; left: 0px; opacity: 0; visibility: hidden;
          -webkit-transiton: opacity 0.2s;
          -moz-transition: opacity 0.2s;
          -ms-transition: opacity 0.2s;
          -o-transition: opacity 0.2s;
          -transition: opacity 0.2s;
            }
nav li ul li { float: left; width: 100%;}

nav li:hover ul li a:hover, nav li.active ul li a, nav li:hover ul li a  {background: #0068a2; border-bottom:none;}
nav li ul li a, nav li.active ul li a, nav li:hover ul li a {display: block; padding: 10px 20px 6px; background: #00aef0; border-bottom: 1px dotted #fff; font-size: 14px; float:left; width: 100%; }
nav li ul li:last-child a {border-bottom: none;}

nav li:hover ul{display: block; visibility: visible; opacity: 1;}

/*banner*/


/*page content*/
#main-content{ font-size: 15px; line-height: 22px; color: #000000; position: relative; z-index: 2} 

/*footer*/
footer{background: #00aef0; border-bottom: 21px solid #F4B770; padding:20px 0; color: #fff; margin-top: 20px; }
.footer-category li {border-bottom: 1px dotted #fff; float: left; width: 100%; margin-bottom: 5px; padding:5px 0;}
.footer-category li a { color: #fff;}
.footer-category li a:hover {text-decoration: none; color: #007fc5;}
.footer-top {padding-bottom: 20px;}
.footer-bottom{border-top: 1px solid #fff; padding:15px 0 0; }

/*inner page*/

.subnav {padding: 20px 0;}
.subnav li {float: left; width: 100%; margin-bottom: 5px;}
.subnav li a {text-decoration: none; background: #007fc5; display: block; padding: 8px 10px; color: #fff;
    -webkit-transiton: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -transition: opacity 0.5s;
}
.subnav li a:hover, .subnav li.active a {background: #00aef0;}

.content {display: block; padding: 20px 0 20px 40px; font-size: 14px; line-height: 22px;}
.content p {margin-bottom: 30px; text-align: justify;}
.content h1.title {margin: 0px; padding:0 0 15px; font-size: 26px; color: #007fc5;}
.content .content-img-full {display: block; margin: 15px 0 25px;}
.content .content-img-left {margin:8px 15px 0px 0px; width: 200px; float: left;}
.content .content-img-right {margin: 8px 0px 0px 15px; width: 200px; float:right;}

/*gallery page*/
#img-gallery {margin-left: -15px; margin-right: -15px;}
#img-gallery div {margin-bottom: 10px;}
#img-gallery div.img-gallery-text {width: 100%; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; margin-bottom: 0;}
.thumbnail {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: block;
    line-height: 1.42857;
    margin-bottom: 20px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
  }

.thumbnail {
    margin-bottom: 6px;
}
#html5-elem-data-box {
  background: rgba(0, 0, 0, 0.5)!important;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    bottom: 8px;
    color: #fff;
    display: block;
    height: auto;
    left: 0;
    padding: 10px 0!important;
    position: absolute!important;
    text-align: left;
    width: 100%;
}

#html5-text {color: #FFFFFF!important; line-height: 22px;}

table.table-area thead th {background:  #00aef0; color: #fff; border:1px solid #00aef0; }
table.table-area tbody td {border:1px solid #00aef0;}

#keywords {
  margin: 0 auto;
  font-size: 1.2em;
  margin-bottom: 15px;
}


#keywords thead {
  cursor: pointer;
  background: #c9dff0;
}
#keywords thead tr th { 
  font-weight: bold;
  padding: 12px 30px;
  padding-left: 42px;
}
#keywords thead tr th span { 
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

#keywords thead tr th.headerSortUp, #keywords thead tr th.headerSortDown {
  background: #acc8dd;
}

#keywords thead tr th.headerSortUp span {
  background-image: url('http://i.imgur.com/SP99ZPJ.png');
}
#keywords thead tr th.headerSortDown span {
  background-image: url('http://i.imgur.com/RkA9MBo.png');
}


#keywords tbody tr { 
  color: #555;
}
#keywords tbody tr td {
  text-align: center;
  padding: 15px 10px;
}
#keywords tbody tr td.lalign {
  text-align: left;
}


#map-canvas {width: 100%; height:250px;}
#contactForm {margin-top: 20px; float: left; width: 100%;}


#latestNewsArea {float: left; width: 100%;}
#latestNewsArea li {border-bottom: 1px solid #ccc; margin-bottom: 15px;}
#latestNewsArea li:last-child {border-bottom: none;} 
#latestNewsArea li .news-img { float: left; width: 200px; max-width: 30%;}
#latestNewsArea li .news-desc { width: 68%; float: left; margin-left: 2%; font-size: 14px; line-height: 18px;}
#latestNewsArea li .news-desc h4 {margin: 0; padding: 0 0 10px; font-size: 16px; font-weight:bold ;}
#latestNewsArea li .news-desc h4 a {text-decoration: none;}
#latestNewsArea li .news-desc p a{ font-size: 14px; text-transform: lowercase; display: block; margin-top: 10px;}
input#alumni {height: auto; float: none; margin-top: 0px; display: inline-block;}
.col-sm-12.col-lg-12.col-xs-12.pdfIcon > a,
.col-sm-12.col-lg-12.col-xs-12.docIcon > a,
.col-sm-12.col-lg-12.col-xs-12.xlsIcon > a,
.col-sm-12.col-lg-12.col-xs-12.otherFile > a {
    display: block;
    min-height: 100px;
    padding-left: 85px;
}
.col-sm-12.col-lg-12.col-xs-12.pdfIcon img,
.col-sm-12.col-lg-12.col-xs-12.docIcon img,
.col-sm-12.col-lg-12.col-xs-12.xlsIcon img,
.col-sm-12.col-lg-12.col-xs-12.otherFile img {
    height: 80px;
    left: 10px;
    margin-right: 5px;
    position: absolute;
    top: -4;
    width: 80px;   
}


/*responsive css*/

@media (max-width:1023px) {
.wrapper {width: 100%;}
nav li a{font-size: 14px; padding: 19px 20px 7px 8px;}
nav li ul li a, nav li.active ul li a, nav li:hover ul li a {font-size: 12px;}
nav li:last-child ul { right: 0px!important; left: auto;}
nav li a span.navArrow {top: 22px;}
.subnav {display: none;}
.content { padding-left: 0px;}
.content h1.title { padding:0 15px 15px;}
#latestNewsArea li .news-desc {margin-left: 0px;}
.footer-top h4 {float: left;width: 100%;}
 .footer-category li a {display: block;}
 .footer-bottom {text-align: center;}

}





@media (max-width:767px) {
    .col-sm-12.col-lg-12.col-xs-12.pdfFile > a,
.col-sm-12.col-lg-12.col-xs-12.docFile > a,
.col-sm-12.col-lg-12.col-xs-12.xlsFile > a,
.col-sm-12.col-lg-12.col-xs-12.otherFile > a {
    padding-left: 0px;
}
.col-sm-12.col-lg-12.col-xs-12.pdfFile img,
.col-sm-12.col-lg-12.col-xs-12.docFile img,
.col-sm-12.col-lg-12.col-xs-12.xlsFile img,
.col-sm-12.col-lg-12.col-xs-12.otherFile img {
    float: left;
    height: 80px;   
    margin-right: 5px;
    position: relative;  
    width: 80px;
    left: 0;
    /*background: url('../img/pdfIcon.png') no-repeat 0px 0px;*/
}
  .wrapper {width: 100%;}
  #logoSchool {text-align: center; float: left; width: 100%; position: relative;}
  .logo { max-height:75px; margin-top: -30px; margin-bottom: 0px;}
  .logo img {max-height: 70px; max-width: 220px;}
  #menuSwitcher { display: block; }
  .quicklinks:hover {background: none!important;}
 .quicklinks.active a#quickLinkButton {background: #0068a2;}
 nav li a span.navArrow {top: 16px;}
 nav li.active ul, nav li:hover ul{display: none; visibility: visible; opacity: 1;}
 nav li.active ul{display: block; visibility: visible; opacity: 1;}
 /*.showHide {display: block; visibility: visible;opacity: 1;}*//*
  ul#topMenuBar li:hover ul.showHide li {display: block;}*/
  
  header {min-height: 80px;}
  nav {display: none;}
  nav li { width: 100%;}
  nav li a, nav li a:focus  {float: none; display: block; font-size: 12px; padding:13px 24px 9px 19px}
  nav li ul {position: relative; top: 0px; width: 100%;}
 
  .no-pad{ padding-left: 0px!important; padding-right: 0px!important;}
  .footer-category li a {display: block;}
  .footer-top div.col-md-3 {float: left; width: 100%;}
  .footer-top div.col-md-socialconnect {display:inline-block;float: left;width:100% !important;}
  .footer-bottom { text-align: center;}
  .footer-bottom .col-sm-6.text-right {text-align: center; padding-top: 10px;}
  .subnav, .content {float: left; width: 100%; padding-left: 0px;}
  h1{font-size: 26px;}
  #latestNewsArea li .news-img, #latestNewsArea li .news-desc {width: 100%; max-width: 100%;}
  #latestNewsArea li .news-desc h4 {padding-top: 10px;}
  .footer-top h4 {float: left;width: 100%;}
  .content h1.title { padding:0 0 15px;}
  .footer-bottom .col-md-6.text-right {text-align: center; margin-top: 10px;}

}
a:focus {
   outline: 0;
}
input[type="file"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus{ outline: 0;}
#are_you_alumni{width: 100% !important;}
input[type="checkbox"]{width: 20px; float: right;}
.form-control:focus {box-shadow: none;}


//Pagination Class


.pagination {
  height: 36px;
  margin: 18px 0;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.pagination li {
  display: inline;
}
.pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}
.pagination a:hover,
.pagination .active a {
  background-color: #f5f5f5;
}
.pagination .active a {
  color: #999999;
  cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}
.pager {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
  text-align: center;
  *zoom: 1;
}
.pager:before,
.pager:after {
  display: table;
  content: "";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
.pager .next a {
  float: right;
}
.pager .previous a {
  float: left;
}
.pager .disabled a,
.pager .disabled a:hover {
  color: #999999;
  background-color: #fff;
  cursor: default;
}

/* Social Connectors*/

.social {
    margin: 0;
    padding: 0;
}

.social ul {
    margin: 0;
    padding: 5px;
}

.social ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;
}

.social i {
    width: 40px;
    height: 40px;
    color: #FFF;
    background-color: #ADB7B7;
    font-size: 22px;
    text-align:center;
    padding-top: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social i:hover {
    color: #FFF;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social .fa-facebook:hover {
    background: #4060A5;
}

.social .fa-twitter:hover {
    background: #00ABE3;
}

.social .fa-google-plus:hover {
    background: #e64522;
}

.social .fa-github:hover {
    background: #343434;
}

.social .fa-pinterest:hover {
    background: #cb2027;
}

.social .fa-linkedin:hover {
    background: #0094BC;
}

.social .fa-flickr:hover {
    background: #FF57AE;
}

.social .fa-instagram:hover {
    background: #375989;
}

.social .fa-vimeo-square:hover {
    background: #83DAEB;
}

.social .fa-stack-overflow:hover {
    background: #FEA501;
}

.social .fa-dropbox:hover {
    background: #017FE5;
}

.social .fa-tumblr:hover {
    background: #3a5876;
}

.social .fa-dribbble:hover {
    background: #F46899;
}

.social .fa-skype:hover {
    background: #00C6FF;
}

.social .fa-stack-exchange:hover {
    background: #4D86C9;
}

.social .fa-youtube:hover {
    background: #FF1F25;
}

.social .fa-xing:hover {
    background: #005C5E;
}

.social .fa-rss:hover {
    background: #e88845;
}

.social .fa-foursquare:hover {
    background: #09B9E0;
}

.social .fa-youtube-play:hover {
    background: #DF192A;
}

.shadow,img.thumbnail,ul.shadow li{
            -webkit-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75);
            -moz-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75);
            box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75);
      }

/*For Collapse Expand Accordion with Sign Refer Deployment*/
.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}

/* Table filter*/
* {
  box-sizing: border-box;
}

#myInput {
  background-image: url('/css/searchicon.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 12px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#myTable {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 14;
}

#myTable th, #myTable td {
  text-align: left;
  padding: 12px;
}

#myTable tr {
  border-bottom: 1px solid #ddd;
}

#myTable tr.header, #myTable tr:hover {
  background-color: #F6C688;
}


.app-link{
    background-color: rgba(0, 0, 0, 0.69);
    padding-bottom: 1px;
    padding-top: 1px;
    /*color:#e7272d;*/
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
}