#navbar-collapse-bottom{ display:block}
span.blockquote{ line-height:33px;}
.main-navbar li a{ cursor:pointer;
	padding:14px;
padding-left:8px;
	padding-right:8px;
}
.m-menu {
  display: inline-block;
  margin: 0 auto;
  list-style-type: none;
	padding:0;
	position:relative;
	z-index:155;
}
.m-menu a {
  display: block;
  margin: 0;
  
  color: #fff;
  text-decoration: none;
  background-color: #022952;
}
.m-menu li {
  position: relative;
  float: left;
  margin: 0;
  -webkit-perspective: 200;
          perspective: 200;
		  font-family: 'Open Sans',Arial,sans-serif;
		  font-size:16px;
}
.m-menu li:first-child {
  border-left: none;
}
.m-menu li:nth-child(12){ /*display:none*/}
.m-menu li.parent:before {
  content: '' !important;
  z-index: 200 !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  margin-top: -10px !important;
  margin-left: -10px !important;
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 8px 10px 0 10px !important;
  border-color: #022952 transparent transparent transparent !important;
  -webkit-transition: all .3s ease-out !important;
  transition: all .3s ease-out !important;
	opacity:0;
} 
.m-menu li:hover > a, .m-menu li:focus > a {
  text-decoration: none;
  color: #333;
  background-color: rgba(255,255,255,1);
}

.m-menu li:hover:before, .m-menu li:focus:before {
  margin-top: 0px !important;
  border-top-color: #FFF !important;
	opacity:1;
} 
.m-menu li:hover .children, .m-menu li:focus .children {
  opacity: 1;
  -webkit-transform: rotateX(0) translateZ(0);
  -moz-transform: rotateX(0) translateZ(0);
          transform: rotateX(0) translateZ(0);
}
.m-menu .children {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
          transform-origin: top center;
  -webkit-transition: opacity 0.1s 0.1s, -webkit-transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21);
  transition: opacity 0.1s 0.1s, -webkit-transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21);
  transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s;
  transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s, -webkit-transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21);
  -moz-transition: opacity 0.1s 0.1s, -moz-transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21);
  transition: opacity 0.1s 0.1s, -moz-transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21);
  transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s;
  transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s, -moz-transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21);
  z-index: 100;
  list-style-type: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 700px;
  margin: 0;
  padding: 10px 0;
  background-color: rgba(2,41,82,0.8);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
}
.m-menu li.parent.schools .children{
	width:350px; /*new */
}
.m-menu .parent:nth-child(n+7) .children{
	right:0;
	left:auto;
}
.m-menu .parent:nth-child(9) .children{ width:940px; right:-150%}
.m-menu .parent:nth-child(6) .children{ width:880px; left:-100%;}
.m-menu .children li {
	display:inline-block;
	width:48%;
	margin:2px 1%;
}
.m-menu li.parent.schools .children li{
	width:98%;/*new*/
}
.m-menu .children a {
  background-color: rgba(255,255,255,.8);
  color:#222;
  padding:5px;
  font-size:90%;
}
.m-menu .children a:hover, .m-menu .children a:focus {
  color: #333;
  background-color: #f9f9f9;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.m-menu .children li a span{ background:rgba(189,100,5,0.8); padding:2px 5px; border-radius:10px; color:#FFF; font-size:80%; float:right}




/**third level start**/
.m-menu .children .parent .children{ 
	opacity:0; 
	width:auto; 
	min-width:150px; 
	height:0; 
	padding:0;
	overflow:hidden;
	position:relative; 
	background:rgba(0,0,0,0.4);
	transition:all 0.6s ease;
}
.m-menu .children .parent .children li{ display:block; width:90%; margin:5px 5%;}
.m-menu .children .parent .children li a{ padding:3px 0px 3px 10px; font-size:0.8em; color:#666}
.m-menu ul.children li:before{ display:none !important/*border-color: rgba(255,255,255,0) transparent transparent transparent;*/}
.m-menu ul.children li:hover:before, .m-menu ul.children li:focus:before{
	/*top:30px !important;
	border-color: rgba(255,255,255,1) transparent transparent transparent;*/
	display:none !important;
	} 
.m-menu .children .parent:hover .children{ /*height:auto*/}
.m-menu .children .parent:focus .children,
.m-menu .children .parent .children.chactive{ height:auto; opacity:1; padding:15px 0 !important; width:100%}/*new*/
.m-menu .children .parent .children.chactive li{ width:90%;}
.forbefore:before{
	content: '' !important;
  z-index: 200 !important;
  position: absolute !important;
  top: 30px !important;
  left: 50% !important;
  display: block !important;
  border-style: solid !important;
  border-width: 8px 10px 0 10px !important;
	margin-top: 0px !important;
  border-top-color: rgba(255,255,255,1) !important;
	border-color: rgba(255,255,255,1) transparent transparent transparent;
	opacity:1;
}
.forbefore{ background-color:rgba(255,255,255,1) !important;}
.m-menu .children .parent:hover .children, .m-menu .children .parent:focus .children {
  /*opacity: 1;*/
}
.m-menu .children li:hover a{ background:#FFF;}
.m-menu .children li:hover .children { /*padding:15px 0 !important*/}
/**third level end**/


/** Trustees inner page css **/
.row123{
	padding:20px;
}
.profile-card { padding-top:0px;}
.profile-card .headerr {
  width: 100%;
  height: 100%;
}
.profile-card .headerr img {
	margin:0px auto;
	width:80%;
  border: 15px solid rgba(0,0,0,0.2);
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.profile-card .headerr h1 {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  opacity: 0.9;
  margin: 8px;
}
.profile-card .headerr h2 {
  font-size: 16px;
  margin-top: 0;
  opacity: 0.6;
	text-align:center;
}
.profile-card .profile-social-links {
  position: relative;
  background-color: white;
  margin: 10px auto;
  text-align: center;
  padding: 6px 0;
}
.profile-card .profile-social-links li {
  display: inline-block;
  padding: 3px 5px 0;
}
.profile-card .profile-social-links:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}
.profile-card .profile-social-links .fa{ font-size:1.5em; transition:all ease 0.2s}
.profile-card .profile-social-links .fa:hover{ color:#333}
.profile-card .profile-social-links .fa-facebook{ color:#3c599b}
.profile-card .profile-social-links .fa-twitter{ color:#29aae3}
.profile-card .profile-social-links .fa-envelope-o{ color:#f57420}
.gsib_a, .gsib_a input{ padding:0 !important; box-shadow:none; border:none}
.gsc-input-box{ max-height:24px !important}
/** Trustees inner page css end **/
/*News carousel height*/
	.news-carousel .fff{ min-height:240px !important}
	.news-carousel .control-box{ margin-top:0}
	.news-carousel .row{ margin-bottom:30px}
	.fff .caption .multi-line-ellipsis p{ max-height:220px;}
/*News carousel height end*/
/*Responsive styles*/
@media only screen and (max-width: 320px){
	table.gsc-search-box td input{ padding:0; margin:0; box-shadow:none; border:none}
	#navbar-collapse-bottom.collapse{ display:none}
	#navbar-collapse-bottom.collapse.in{ display:block}
	.m-menu li{ display:block; width:100%;}
	.m-menu li a{ font-size:0.7em}
	.m-menu li:hover .children, .m-menu li:focus .children {
		position:relative; z-index:1045;
	}
	.m-menu li .children{ max-width:320px; width:100%; background:none;}
	.m-menu .parent:nth-child(6) .children, .m-menu .parent:nth-child(9) .children{ width:100%; max-width:480px; left:0}
	.m-menu li .children li{ display:block; width:94%}
	.m-menu li.parent::before{ display:none !important}
	.m-menu .children a{ background-color:rgba(0,0,0,0.2); padding:3px; font-size:0.65em}
	.footer .row1 .btn-default {
		min-width: 17px;
		font-size: 12px;
	}
	.footer .row div img{ max-width:70px}
	.hovereffect h2{ font-size:1em}
	.logodiv img{ height:70px !important;}
}
@media screen and (min-width:321px) and (max-width:360px){
	#navbar-collapse-bottom.collapse{ display:none}
	#navbar-collapse-bottom.collapse.in{ display:block}
	.m-menu li{ display:block; width:100%;}
	.m-menu li a{ font-size:0.7em}
	.m-menu li:hover .children, .m-menu li:focus .children {
		position:relative; z-index:1045;
	}
	.m-menu li .children{ max-width:320px; width:100%; background:none;}
	.m-menu .parent:nth-child(6) .children, .m-menu .parent:nth-child(9) .children{ width:100%; max-width:480px; left:0}
	.m-menu li .children li{ display:block; width:94%}
	.m-menu li.parent::before{ display:none !important}
	.m-menu .children a{ background-color:rgba(0,0,0,0.2); padding:3px; font-size:0.65em}
	.footer .row1 .btn-default {
		min-width: 17px;
		font-size: 12px;
	}
	.footer .row div img{ max-width:70px}
	.logodiv img{ height:90px !important;}
	.logodiv h1{ font-size:140%; text-align:center}
	.logodiv span.h5{ font-size:70%; text-align:center}
	.hovereffect h2{ font-size:1.2em}
}
@media screen and (min-width:361px) and (max-width:480px){
	#navbar-collapse-bottom.collapse{ display:none}
	#navbar-collapse-bottom.collapse.in{ display:block}
	.m-menu li{ display:block; width:100%;}
	.m-menu li a{ font-size:0.7em}
	.m-menu li:hover .children, .m-menu li:focus .children {
		position:relative; z-index:1045;
	}
	.m-menu li .children{ max-width:480px; width:100%; background:none; box-shadow:none}
	.m-menu .parent:nth-child(6) .children, .m-menu .parent:nth-child(9) .children{ width:100%; max-width:480px; left:0}
	.m-menu li .children li{ display:block; width:94%}
	.m-menu li.parent::before{ display:none !important}
	.m-menu .children a{ background-color:rgba(0,0,0,0.2); padding:3px; font-size:0.65em}
    .logodiv img { height: 90px !important; }
	.logodiv h1{ font-size:180%; text-align:center}
	.logodiv span.h5{ font-size:70%; text-align:center}
	.hovereffect h2{ font-size:1.5em}
}
@media screen and (min-width:481px) and (max-width:603px){
	#google_translate_element{ display:none}
	.logodiv img{ height:120px !important;}
	.logodiv h1{ font-size:140%; text-align:center}
	.logodiv span.h5{ font-size:70%; text-align:center}
	#navbar-collapse-bottom.collapse{ display:none}
	#navbar-collapse-bottom.collapse.in{ display:block}
	.m-menu li{ display:block; width:100%; }
	.m-menu li a{ font-size:1em}
	.m-menu li:hover .children, .m-menu li:focus .children {
		position:relative; z-index:1045;
	}
	.m-menu li .children{ max-width:603px; width:603px; background:none; box-shadow:none}
	.m-menu .parent:nth-child(6) .children, .m-menu .parent:nth-child(9) .children{ width:100%; max-width:603px; left:0}
	.m-menu li .children li{ width:47%}
	.m-menu li.parent::before{ display:none !important}
	.m-menu .children a{ background-color:rgba(0,0,0,0.2); padding:3px; font-size:.9em}
	ul.thumbnails{ padding:0; margin:0}
}
@media screen and (min-width:604px) and (max-width:768px){
	.navbar-toggle{ display:block}
	#navbar-collapse-bottom.collapse{ display:none}
	#navbar-collapse-bottom.collapse.in{ display:block}
	.m-menu li{ display:block; width:100%; }
	.m-menu li a{ font-size:1em}
	.m-menu li:hover .children, .m-menu li:focus .children {
		position:relative; z-index:1045;
	}
	.m-menu li .children{ max-width:768px; width:768px; background:none; box-shadow:none}
	.m-menu .parent:nth-child(6) .children, .m-menu .parent:nth-child(9) .children{ width:100%; max-width:768px; left:0}
	.m-menu li .children li{ width:47%}
	.m-menu li.parent::before{ display:none !important}
	.m-menu .children a{ background-color:rgba(0,0,0,0.2); padding:3px; font-size:.85em}
	ul.thumbnails{ padding:0; margin:0}
}
@media screen and (min-width:769px) and (max-width:1024px){
	.main-navbar li a {
		color: #FFF;
		padding-left: 8px;
		padding-right: 8px;
		font-size: 11px;
		cursor:pointer;
	}
	.m-menu .children a{ font-size:0.7em}
	
	.m-menu .parent:nth-child(n+7) .children{
		right:-200%;
		left:auto;
	}
	.m-menu .parent:nth-child(9) .children{ right:-450%}
	.m-menu .parent:nth-child(6) .children{ width:880px; left:-350%;}
	.fff .caption h3{ margin:5px; font-size:14px; min-height:30px}
	.fff .caption .multi-line-ellipsis p{ font-size:11px; min-height:100px; line-height:16px;}
	.news-carousel .fff{ min-height:210px}
}
@media screen and (min-width:1025px) and (max-width:1173px){
	.main-navbar li a {
		color: #FFF;
		padding-left: 8px;
		padding-right: 8px;
		font-size: 13px;
		cursor:pointer;
	}
	.m-menu .children a{ font-size:0.8em}
	
	.m-menu .parent:nth-child(n+7) .children{
		right:-200%;
		left:auto;
	}
	.m-menu .parent:nth-child(9) .children{ right:-350%}
	.m-menu .parent:nth-child(6) .children{ width:880px; left:-350%;}
	.m-menu .parent:last-child .children{ right:-0%}
	.fff .caption h3{ margin:5px; font-size:16px; min-height:40px}
	.fff .caption .multi-line-ellipsis p{ font-size:13px; min-height:126px; line-height:20.5px;}
	.news-carousel .fff{ min-height:230px}
}
@media screen and (min-width:1174px) and (max-width:1280px){
	.main-navbar li a {
		color: #FFF;
		padding-left: 9px;
		padding-right: 9px;
		font-size: 14px;
		cursor:pointer;
	}
	.m-menu .children a{ font-size:0.8em}
	
	.m-menu .parent:nth-child(n+7) .children{
		right:-200%;
		left:auto;
	}
	.m-menu .parent:nth-child(9) .children{ right:-350%}
	.m-menu .parent:nth-child(6) .children{ width:880px; left:-350%;}
	.m-menu .parent:last-child .children{ right:-0%}
	.fff .caption h3{ margin:5px; font-size:16px; min-height:40px}
	.fff .caption .multi-line-ellipsis{ max-height:125px;}
	.fff .caption .multi-line-ellipsis p{ font-size:13px; min-height:126px; line-height:20.5px;}
	.news-carousel .fff{ min-height:250px}
	.news-carousel .control-box{ margin-top:0}
}
@media screen and (min-width:1370px) and (max-width:1440px){
	.news-carousel .fff{ min-height:250px}
	.news-carousel .control-box{ margin-top:0}
	.news-carousel .row{ margin-bottom:30px}
	.fff .caption .multi-line-ellipsis p{ max-height:170px;}
}
@media screen and (min-width:1441px) and (max-width:1680px){
	.news-carousel .fff{ min-height:250px}
	.news-carousel .control-box{ margin-top:0}
	.news-carousel .row{ margin-bottom:30px}
	.fff .caption .multi-line-ellipsis p{ max-height:170px;}
}
@media screen and (min-width:1681px) and (max-width:1920px){
	.main-navbar li a {
		padding-left: 22px;
		padding-right: 22px;
	}
	.news-carousel .fff{ min-height:250px}
	.news-carousel .control-box{ margin-top:0}
	.news-carousel .row{ margin-bottom:30px}
	.fff .caption .multi-line-ellipsis p{ max-height:170px;}
}
@media screen and (min-width:1921px) and (max-width:2560px){
	.main-navbar li a {
		padding-left: 30px;
		padding-right: 30px;
	}
	.news-carousel .fff{ min-height:260px !important}
	.news-carousel .control-box{ margin-top:0}
	.news-carousel .row{ margin-bottom:30px}
	.fff .caption .multi-line-ellipsis p{ max-height:230px;}
	.calendar *{ font-size:1em}
	.calendar .c-pad-top {
		padding-top: 10px;
	}
}
@media screen and (min-width:2561px) and (max-width:2880px){
	.main-navbar li a {
		padding-left: 38px;
		padding-right: 38px;
	}
	.news-carousel .fff{ min-height:240px}
	.news-carousel .control-box{ margin-top:0}
	.news-carousel .row{ margin-bottom:30px}
	.fff .caption .multi-line-ellipsis p{ max-height:220px;}
	.calendar *{ font-size:1em}
	.calendar .c-pad-top {
		padding-top: 10px;
	}
}
@media screen and (min-width:2881px) and (max-width:3300px){
	.main-navbar li a {
		padding-left: 38px;
		padding-right: 38px;
	}
	.news-carousel .fff{ min-height:240px}
	.news-carousel .control-box{ margin-top:0}
	.news-carousel .row{ margin-bottom:30px}
	.fff .caption .multi-line-ellipsis p{ max-height:220px;}
	.calendar *{ font-size:1em}
	.calendar .c-pad-top {
		padding-top: 10px;
	}
}
@media screen and (min-width:3301px){
	.main-navbar li a {
		padding-left: 38px;
		padding-right: 38px;
	}
	.news-carousel .fff{ min-height:240px}
	.news-carousel .control-box{ margin-top:0}
	.news-carousel .row{ margin-bottom:30px}
	.fff .caption .multi-line-ellipsis p{ max-height:220px;}
	.calendar *{ font-size:1em}
	.calendar .c-pad-top {
		padding-top: 10px;
	}
}
.rightcolmd3 .col-md-3{ width:100%}
/*documents page*/
.documents-container ul.documents-ul{ padding:0; margin:0; list-style-type:none; text-align:center}
.documents-container ul.documents-ul li{ position:relative; display:inline-block; min-width:30%;
margin:10px; transition:all ease-in 0.2s; border:solid 1px #EEE; cursor:pointer; padding:10px;
	text-align:left; border-radius:4px;
}
.documents-container ul.documents-ul li:hover{ border-color:#f8c994}
.documents-container ul.documents-ul li a{ line-height:30px; font-size:1.3em; padding-left:40px;
transition:all ease-in 0.2s; display:block; color:#555;
}
.documents-container ul.documents-ul li a:hover{ text-decoration:none; color:#d67d18;}

.documents-container ul.documents-ul li a:before{
	transition:all ease-in 0.2s;
	position:absolute;
	left:0px;
  margin: 0 10px 0 5px;
	content:url(/images/bgImages/link.png);
}
.documents-container ul.documents-ul li a:hover:before{
	left:88%;
}

.documents-container ul.documents-ul li a[href$=".docx"]:before {
  content:url(/images/bgImages/docx.png);
}

.documents-container ul.documents-ul li a[href$=".xlsx"]:before {
  content:url(/images/bgImages/xlsx.png);
}

.documents-container ul.documents-ul li a[href$=".pdf"]:before {
  content:url(/images/bgImages/pdf.png);
}
/*folders css*/
.foldersparent{ text-align:center}

.foldersparent .panel{ min-width:30%; display:inline-block;
margin: 10px;
vertical-align: top;
}
.foldersparent button.accordion{ font-size:1.3em;}
.foldersparent button.accordion .fa{
	font-size: 1.6em;
margin-right: 10px;
position: relative;
top: 2px;
left: 0px;
}
.foldersparent ul.list{ text-align:left;}
.foldersparent ul.list li{ transition:ease-in 0.2s all; padding:10px; margin:0 0 5px 0;
	border:dotted 1px rgba(0,0,0,0); position:relative; padding-left:40px; min-height:40px;}
.foldersparent ul.list li:hover{ background:rgba(0,0,0,0.01); border:dotted 1px rgba(0,0,0,0.02)}
.foldersparent ul.list li a{ font-size:1em; display:block} 
.foldersparent ul.list li a p{ color:#999; text-decoration:none; font-size:0.9em; margin:0}
.foldersparent ul.list li a:hover { text-decoration:none}
.foldersparent ul.list li a:before{
	transition:all ease-in 0.2s;
	position:absolute;
	left:0px;
	top:5px;
  margin: 0 10px 0 5px;
	content:url(/images/bgImages/link.png);
}
.foldersparent ul.list li a:hover:before{
	left:88%;
}

.foldersparent ul.list li a[href$=".docx"]:before {
  content:url(/images/bgImages/docx.png);
}

.foldersparent ul.list li a[href$=".xlsx"]:before {
  content:url(/images/bgImages/xlsx.png);
}

.foldersparent ul.list li a[href$=".pdf"]:before {
  content:url(/images/bgImages/pdf.png);
}
/* eamty link in evant calendar */
.c-event-item .description a[href='']{ pointer-events:none; color:#333} 
.c-event-item .description a{ color:#369;}
.c-event-item .description a:hover{ text-decoration:underline}
.c-event-list .popover{ display:none !important}
li[tabindex="7015"] {
color: #fcec3c !important;
}