@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;700&display=swap');

body {
	font-size:17px;
	line-height:26px;
	font-weight:400;
	color:#494949;
	font-family: 'Roboto Slab', serif;
	font-family: 'Open Sans', sans-serif;
  	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	overflow-x:hidden;
	background:#f0f0f0;
  
}
h1, h2, h3, h4, h5, h6{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
}
img{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
}
.clear{
	clear:both;
}
.menu-section{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	position:absolute;
	z-index:99;
	width:100%;
	top:35px;
}
.menu-section .container{
	position:relative;
}
.logo{
	position:absolute;
	top:50%;
	margin-top:-30px;
	left:0px;
	z-index:12;
}
.first-level-menu{
	margin:0px 0px 0px 0px;
  	padding:10px 0px;
	background-color:#002e62;
}
.first-level-menu ul{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	float:right;
}
.first-level-menu ul li{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	list-style:none;
	float:left;
	color:#9cbfe6;
}
.first-level-menu ul li a{
	margin:0px 0px 0px 0px;
  	padding:5px 30px 0px 0px;
	float:left;
	font-size:14px;
	color:#9cbfe6;
}
.first-level-menu ul li a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
.desktop-top-menu{
	display:block;
	position:relative;
	z-index:9;
}
.mobile-top-menu{
	display:none;
}
.social-media-icon{
	margin-right:4px !important;
	font-size:20px !important;
	}
.social-media-icon:last-child {margin-right:0 !important;}
.social-media-icon a{
	background-color:#265192;
	border-radius:50%;
	font-size:18px !important;
	text-align:center !important;
	padding:4px 10px 0px !important;
	width:35px;
	height:35px;
	color:#fff !important;
	}
.social-media-icon a:hover {
	background-color:#fff;
	color:#002e62!important;
}
.banner{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	position:relative;
}
.welcome-section{
	margin:60px 0px;
  	padding:0px 0px 0px 0px;
	display:flex;
	 background-color: #e3effe;
}

.welcome-image{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	width:40%;
}

.welcome-image img{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	max-width:100%;
	width:100%;
	height:auto;
}

.welcome-content{
	margin:0px 0px 0px 0px;
  	padding:40px;
	width:60%;
	background-color:#e3effe;
	position:relative;
	z-index:1;
}

.welcome-content h2{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	color:#002e62;
	font-size:30px;
	line-height:40px;
	font-weight:600;
	font-family: 'Roboto Slab', serif;
}
.welcome-content p{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 25px 0px;
	color:#000;
	font-size:16px;
	line-height:26px;
	font-weight:300;
	width:100%;
	display:inline-block;
}
.welcome-content hr{
	border:solid 2px #ed1c24;
	margin:16px 0px 22px;
	width:105px;
	text-align:left;
	float:left;
}
.welcome-content .read-more{
	margin:0px 0px 0px 0px;
  	padding:10px 40px;
	color:#ed1c24;
	font-size:13px;
	line-height:16px;
	font-weight:900;
	text-transform:uppercase;
	display:inline-block;
	background-color:#FFFFFF;
	border:solid 1px #d9d9d9;
	position:relative;
	z-index:1;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.welcome-content .read-more.slide-effect:hover{
	color: #FFFFFF !important;
	background-color: transparent;
	text-shadow: ntwo;
	text-decoration:none;
	border:solid 1px #ed1c24;
}
.welcome-content .read-more.slide-effect:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
.welcome-content .read-more.slide-effect:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #ed1c24;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}



.principal-content .read-more{
	margin:0px 0px 20px 0px;
  	padding:10px 40px;
	color:#fff;
	font-size:13px;
	line-height:16px;
	font-weight:900;
	text-transform:uppercase;
	display:inline-block;
	background-color:#ed1c24;
	border:solid 1px #ed1c24;
	position:relative;
	z-index:1;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.principal-content .read-more.slide-effect:hover {
	color: #FFFFFF !important;
	background-color: transparent;
	text-shadow: ntwo;
	text-decoration:none;
	border:solid 1px #ed1c24;
}
.principal-content .read-more.slide-effect:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
.principal-content .read-more.slide-effect:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #ed1c24;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}


.welcome-slide{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	width:23%;
}
.carousel-inner img{
	width:100%;
	height:auto;
	}
.principal-desk{
	margin:0px 0px 0px 0px;
  	padding:65px 0px;
	background:url(../images/principal-desk.jpg) center top no-repeat;
}
.principal-image{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	width:22%;
	float:left;
	text-align:center;
}
.principal-image img{
	margin:0px 0px 10px 0px;
  	padding:0px 0px 0px 0px;
	width:175px;
	height:175px;
	border-radius: 100px;
}
.principal-name{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	font-size:18px;
	font-weight:300;
	color:#FFFFFF;
	line-height:20px;
	display:inline-block;
	width:100%;
}
.designation{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	font-size:14px;
	font-weight:300;
	color:#ffb000;
	line-height:20px;
	display:inline-block;
	width:100%;
}
.principal-content{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 20px;
	width:78%;
	float:left;
}
.principal-content h3{
	margin:0px 0px 30px 0px;
  	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	font-size:36px;
	line-height:40px;
	font-weight:400;
	font-family: 'Roboto Slab', serif;
}
.principal-content p{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 30px 0px;
	color:#FFFFFF;
	font-size:20px;
	line-height:30px;
	font-weight:300;
}



.news-events{
	margin:65px 0px;
  	padding:0px 0px 0px 0px;
}
.news-events .container{
	position:relative;
}

.news-events h4{
	margin:0px 0px 30px 0px;
  	padding:0px 0px 0px 0px;
	color:#444444;
	font-size:30px;
	letter-spacing:-1px;
	line-height:40px;
	font-weight:400;
	font-family: 'Roboto Slab', serif;
}
.news-events .all-news{
	margin:0px 0px 0px 0px;
  	padding:10px 30px;
	color:#ed1c24;
	font-size:13px;
	line-height:16px;
	font-weight:900;
	text-transform:uppercase;
	display:block;
	background-color:#FFFFFF;
	border:solid 1px #d9d9d9;
	position:absolute;
	top:0px;
	right:15px;
	z-index:1;
	
}

.news-events .all-news.slide-effect:hover {
	color: #FFFFFF !important;
	background-color: transparent;
	text-shadow: ntwo;
	text-decoration:none;
	border:solid 1px #ed1c24;
}
.news-events .all-news.slide-effect:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
.news-events .all-news.slide-effect:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #ed1c24;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.news-box{
	margin:0px 0px 20px 0px;
  	padding:0px 0px 0px 0px;
	border:solid 1px #eeeeee;
}
.news-box img{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	width:100%;
	height:auto;
}
.news-details{
	margin:0px 0px 0px 0px;
  	padding:20px;
	width:100%;
	display:inline-block;
}
.news-details p{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 18px 0px;
	color:#444444;
	font-size:16px;
	line-height:28px;
	font-weight:700;
}
.news-details span.news-date{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 15px 0px;
	color:#ffb000;
	font-size:13px;
	line-height:24px;
	font-weight:400;
}

.news-details .read-more{
	margin:0px 0px 0px 0px;
  	padding:7px 20px;
	color:#ed1c24;
	font-size:13px;
	line-height:16px;
	font-weight:600;
	text-transform:uppercase;
	float:right;
	display:inline-block;
	background-color:#fff;
	border:solid 1px #eee;
}
.news-details .read-more:hover{
	color:#ed1c24;
	border:solid 1px #ed1c24;
	text-decoration:none;
}

footer{
	background-color:#002e62;
	padding:50px 0px 0px;
}
.footer-logo{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
}
.footer-logo img{
	margin:0px 10px 0px 0px;
  	padding:0px 0px 0px 0px;
	float:left;
}
.footer-logo span{
	margin:20px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	color:#9cbfe6;
	font-size:30px;
	line-height:16px;
	font-weight:900;
	display:inline-block;
}
.footer-logo p{
	margin:8px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	color:#9cbfe6;
	font-size:14px;
	line-height:22px;
	font-weight:300;
}
.address-outer{
	margin:0px 0px 0px 0px;
  	padding:20px 20px 20px 30px;
	border-left:solid 1px #2d5684;
}
.address-outer span.address-heading{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 20px 0px;
	color:#9cbfe6;
	font-size:16px;
	line-height:24px;
	font-weight:400;
}
.address-outer p{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 15px 0px;
	color:#ffb000;
	font-size:16px;
	line-height:24px;
	font-weight:300;
}
.address-outer p span{
	padding-left:10px;
	padding-right:10px;
}
.address-outer p a{
	color:#ffb000;
	text-decoration:none;
}
.copy-right{
	background-color:#001833;
	margin:50px 0px 0px 0px;
  	padding:40px 0px;
}
.copy-right p{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	font-size:14px;
	color:#426893;
	font-weight:400;
	line-height:22px;
}
.copy-right span{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	font-size:14px;
	color:#426893;
	font-weight:400;
	line-height:18px;
	text-align:right;
	display:inline-block;
	width:100%;
}
.copy-right span a{
	color:#6f9fd5;
	text-decoration:none;
}
.social-media{
	display:none;
	}

.search-field{
	/*width:350px;
	height:70px;*/
	float:left;
	transition: 0.3s;
	top:-20px;
	right:20px;
	position:absolute;
	z-index:-1;
	background-color:#FFFFFF;
	padding:13px 15px;
	}
.search-field.search-open{
	top:49px; 
	right:20px;
	transition: 0.3s;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}
.search-field input{
	width:200px;
	height:40px;
	float:left;
	border:none;
	margin:0px 0px 0px 0px;
	padding:10px;
	color:#000;
	font-size:12px;
	border: solid 1px #f0f0f0;
	background:#f9f9f9;
	outline:0;
	}
.search-button {
    background-color: #00a651;
    padding: 11px 0px 12px;
    width: 100px;
    float: left;
    border: none;
    color: #FFF;
    font-size: 12px;
	letter-spacing:1px;
    font-weight: 900;
    text-transform: uppercase;
	height:40px;
	line-height:20px;
}

.search{
	color:#FFF;
	cursor:pointer;
	}
.desktop-search{
	display:block;
	}
.mobile-search{
	display:none;
	}
.mobile-search i{
	padding-left:10px;
	}
/* ==================================================*/
/*MENU STYLE START*/
/* ==================================================*/
.second-level-menu{
	margin:0px 0px 0px 0px;
  	padding:0px 0px;
	background-color:#ed1c24;
	position:relative;
	z-index:2;
}
@media (min-width:992px) {
.w-menu{
  height: 50px;
  line-height:50px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
.w-menu ul{
	margin:0px 0px 0px 0px;
 	padding:0px 0px 0px 0px;
	float:right;
	background-color:#ed1c24;
	}
.w-menu ul li.search {font-size:22px; margin-left:0px; margin-right:0px;}
.w-menu ul li{
	float:left;
	list-style:none;
	position: relative;
	margin-right:30px;
	}
.w-menu ul li:last-child {margin-right:0px;}
.w-menu ul li a {
  color: #fefefe;
  font-size: 16px;
  text-transform: uppercase;
  font-weight:700;
  display: block;
  padding:0px 14px 0px 0px;
}
.w-menu ul li a:last-child {
	padding-right:0px;
}
.w-menu ul li a{
	text-decoration:none;
	}
.w-menu ul li.active a  {color:#feba23;}
.w-menu ul li.active ul li a  {color:#9cbfe6;}
.w-menu ul li a:hover{
	text-decoration:none;
	color:#feba23;
	}
.w-menu ul li li a{
	border:none !important;
	transition: 0.3s;
	}
.w-menu ul li li a:hover{
	padding-left:20px;

	}
.current_page_item,
.current-menu-parent{
	background-color:#0e2e4c;
	}
/*.w-menu ul{
height:50px;

}*/


.w-menu ul li > ul,
.w-menu ul li li > ul,
.w-menu ul li li li > ul,
.w-menu ul li li li li> ul,
.w-menu ul li li li li li > ul { 
 
 text-align:left;
 display:none;
 /*transition: 0.3s;
 height:auto;
 opacity: 0;*/

  }
.w-menu ul li li > ul,
.w-menu ul li li li > ul,
.w-menu ul li li li li> ul,
.w-menu ul li li li li li > ul { 
    top:-1px;
    left:220px;
  }

.w-menu ul li:hover > ul,
.w-menur ul li li:hover > ul,
.w-menu ul li li li:hover > ul,
.w-menu ul li li li li:hover > ul,
.w-menu ul li li li li li:hover > ul {
  position: absolute;
  z-index: 10;
  width: 220px;
  line-height: 20px;
  background-color:#00244d;
  display:block;
  /*transition: 0.3s;
  opacity: 10;*/
}



.w-menu ul ul li { 
position: relative; 
width:100%;
border-top: 1px solid rgba(255,255,255,0.045);
  border-bottom: 1px solid rgba(0,0,0,0.045);
}
.w-menu ul ul li a {
  color: #9cbfe6;
  font-size: 13px;
  display: block;
  padding:12px 10px;
  border-top: 1px solid rgba(255,255,255,0.045);
  border-bottom: 1px solid rgba(0,0,0,0.045);
  text-transform:none!important;
  font-weight:400;
  
}
.w-menu > ul > li:hover > a,
.w-menu > ul > li a.acitve { 
color:#ffb3b0;
}


.w-menu ul ul li:hover > a { 
background-color:#002e62;
 }
.w-menu ul li span.arrow-plus{
	position:absolute;
	display:block;
	z-index:99;
	right:2px;
	top:0px;
	cursor:pointer;
	text-align:center;
	height:auto;
	}
.w-menu ul li span.arrow-plus:after{
	font-family: FontAwesome;
	content: "\f107";
	color:#FFF;
	font-size:14px;
	}
.w-menu ul li li span.arrow-plus{
	padding-top:9px;
	padding-right:5px;
	}

}
@media (max-width:991px) {
.second-level-menu .container{
	padding-left:0px;
	padding-right:0px;
}
.w-menu{
	background-color:#FFFF00;
	position:relative;
	width:100%;
}
.mobile-menu-icon{
	position:fixed;
	width:35px;
	height:35px;
	background-color:#ed1c24;
	display: block;
	right:0px;
	cursor:pointer;
	top:0px;
	z-index:99;
	text-align:center;
	transition: 0.3s;
	padding-top:7px;
	line-height:20px;
	}
.mobile-menu-icon:after{
	font-family: FontAwesome;
	content: "\f0c9";
	line-height:20px;
	font-size:18px;
	font-weight:400;
	color:#FFF;	
	}
.mobile-menu-icon.icon-open{
	transition: 0.3s;
	right:300px;
	}
.mobile-menu-icon.icon-open:after{
	content: "\f00d";
	}
.mobile-menu{
	  position: fixed;
	  z-index: 99;
	  top: 0;
	  right: -300px;
	  width: 300px;
	  height: 100%;
	  overflow-x: hidden;
	  overflow-y: scroll;
	  background: #ed1c24;
	  transition: 0.3s;
	}
.mobile-menu.menu-open{
	right:0px; 
	transition: 0.3s;
}

.w-menu ul{
	padding:0px;
	margin:0px;
	}
.w-menu ul li{
	float:none;
	list-style:none;
	position:relative;
	}
.w-menu ul li a {
  color: #fefefe;
  font-size: 13px;
  font-weight:900;
  display: block;
  padding:7px 10px;
  border-top: 1px solid rgba(255,255,255,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.1);
  
}
.w-menu ul li a:hover {
  color: #fefefe;
	text-decoration:none;
}
.w-menu ul li ul{
	display:none;
	}
.w-menu ul li ul li a {text-transform:none; font-weight:normal;}
.w-menu ul li span.arrow-plus{
	position:absolute;
	width:35px;
	height:35px;
	/*border:solid 1px #FFF;*/
	display:block;
	z-index:99;
	right:2px;
	top:0px;
	cursor:pointer;
	text-align:center;
	padding-top:5px;
	line-height:20px;
	}
.w-menu ul li span.arrow-plus:after{
	font-family: FontAwesome;
	content: "\f067";
	color:#FFF;
	font-size:14px;
	}
.w-menu ul li span.arrow-minimize:after{
	content: "\f068";
	font-size:14px;
	}
.w-submenu{
	display:block !important;
	background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
	}

}
@media (max-width:479px) {
.mobile-menu{
	width:280px;
	}
.mobile-menu-icon.icon-open {
    right: 280px;
	}
	}
/* ==================================================*/
/*MENU STYLE END*/
/* ==================================================*/
.news-scrolling{
	background: rgba(0, 0, 0, .6);
	position:absolute;
	bottom:0px;
	z-index:9;
	width:100%;
	color:#ffb000;
	}
.news-scrolling p{
	font-size:16px;
	font-weight:300;
	line-height:22px;
	padding:16px 12px 8px 12px;
	margin:0px 0px 0px 0px;
	color:#fff;
	}
.news-scrolling p a {color:#ffb000; font-weight:600; margin-right:30px;}
.news-scrolling p a:hover {color:#fff; text-decoration:none;}
.news-scrolling p .sep {padding-left:14px; padding-right:14px; font-weight:300;}
.news-scrolling p span.news-date{
	color:#ffe3a5;
	font-size:14px;
	margin-left:10px;
	}
.news-scrolling span.news-heading{
	background-color:#265192;
	display:block;
	text-align:center;
	padding:15px;
	color:#fff;
	font-weight:700;
	letter-spacing:1px;
	}
.news-scrolling span.news-heading:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left:-5px;
	top:9px;
    border-top: 20px solid transparent;
    border-right: 20px solid #265192;
    border-bottom: 20px solid transparent;
    margin: 0px 0px 0 0px;
}
.outer-container{
	background:#fff!important;
	}

.pathway ul {
    margin: 0px 0 30px 0;
    padding: 0px;
    text-align: center;
    position: relative;
    z-index: 9;
}
.pathway li {
    float: none;
    display: inline-block;
    list-style: none;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
	color: #333;
	text-transform: uppercase;
}
.pathway li:before {
    font-family: 'FontAwesome';
    content: "\f105";
    color: #333;
    margin-left: 10px;
    margin-right: 10px;
}
.pathway li a {
    color: #333;	
}
.pathway li:nth-child(1):before{
	content:'';
	display: none;
	}
.pathway li a:hover{
	color: #ed1c24;
	text-decoration: none;
}



.subpage-section{
text-align: center;
padding: 60px 0px;
}
.subpage-section h3{
	padding: 0px 0px 20px 0px;
    margin: 0px 0px 20px 0px;
    font-size: 36px;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: 700;
    color: #002e62;
	font-family:'Roboto Slab', serif;
    background: url(../images/h1border.jpg) center bottom no-repeat;
}
.subpage-section span{
	font-size: 20px;
	font-weight: 400;
	color: #002e62;
	display: inline-block;
	text-transform:none;
	width: 100%;
	/*padding-left: 20px;*/
}
.subpage-section h4 {font-size: 24px; font-weight: 800; color: #ed1c24; margin-bottom:16px;}
.subpage-section .content {font-weight:400; text-align:left; overflow:hidden;}
.subpage-section .content p {font-size:16px; line-height:36px; margin-bottom:20px; text-align:justify;}
.subpage-section .content ul li {line-height:36px;}
.subpage-section .content table td {line-height:36px;}
.subpage-section .content .vismis {background: #e8eef4; padding:20px; font-size:16px; line-height:30px; margin-bottom:20px; text-align:justify; color:#002e62; border-radius:6px;}
.subpage-section .content .principal-name {font-size:18px; color:#002e62; text-align:center; margin-bottom:16px; margin-top:10px; font-weight:800;}
.subpage-section .content .all-news-img {max-width:100%; height:auto;}
.subpage-section .content .news-img {margin-right:20px; margin-bottom:20px; max-width:100%; height:auto;}
.subpage-section .content .row-b-padding {padding-bottom:30px;}
.subpage-section .content .news-page-title {padding-top:10px; padding-bottom:30px; line-height:24px;}
.subpage-section .content .news-page-title a {font-weight:700; font-size:14px; color:#333; text-decoration:none;}
.subpage-section .content .news-page-title a:hover {color:#ed1c24;}
.subpage-section .content th {background:#f4f7fa; text-transform:uppercase;}
.subpage-section .content td {vertical-align:middle;}
.subpage-section .content .downloads-select {padding:12px; margin-bottom:10px; border:1px solid #ddd;}
.subpage-section .content .downloads-button {
    display:inline-block;
	background-color: #065fa6;
    color: #fff;
    font-weight: 800;
    padding: 3px 15px;
    border-radius: 4px;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
}
.subpage-section .content .downloads-button:hover {background:#ed1c24;}
.subpage-section .tc-search {margin-bottom:20px;}
.subpage-section .tc-search p {color:#f00;}
.subpage-section .tc-input {padding:12px; border:1px solid #ddd; border-radius:4px; outline:none; font-weight:800;}
.subpage-section .tc-button {padding:12px 18px; border:1px solid #ed1c24; background:#ed1c24; color:#fff; font-weight:600;border-radius:4px;}
.subpage-section .tc-button:hover {background:#065fa6; border:1px solid #065fa6;}
.subpage-section .tc-search-result .tc-number {font-size:18px; font-weight:400; color:#065fa6;}
.subpage-section .tc-search-result .tc-number strong {color:#ed1c24;}
.subpage-section .tc-search-result .not-found {color:#f00;}
.subpage-section .tc-search-result img {max-width:100%;}


.subpage-section .photo-album-name p {padding:16px 0 0 0; margin:0; line-height: 24px;}
.subpage-section .photo-album-name a {font-weight:600; color:#333; text-decoration:none;}
.subpage-section .photo-album-name a:hover {color:#ed1c24;}

.modal-body {color:#333;}
.modal-body strong {color:#002e62;}
.modal-body a {
    color: #fecd05;
    font-weight: 600;
    text-transform: uppercase;
    /* margin-left: 14px; */
}

.subpage-section .content a.circle-bg {
    text-align: center;
    background-color: #f4f7fa;
    border: 4px solid #d2dde8;
    display: block;
    width: 145px;
    height: 145px;
    border-radius: 100px;
    line-height: 135px;
    font-size: 36px;
    margin: 0 auto;
    color: #333;
    text-decoration: none;
	font-weight:800;
}
.subpage-section .content a.circle-bg:hover {
	background:#ed1c24;
	border: 4px solid #ed1c24;
	color:#fff;
}
.padding-b-20 {padding-bottom:20px;}



.class-dission {text-align: center;margin: 0px auto 20px auto;}
.class-dission ul {margin:0; padding:0;}
.class-dission ul li{display: inline-block; list-style-type: none;/* padding: 15px 35px 15px 35px; */}
.class-dission ul li a{display: block; color:#333;border:3px solid #d2dde8;font-size: 18px; /*height: 52px;*/ width:120px;line-height: 50px;text-align: center; border-radius: 5px; margin:0 10px 10px 10px; position: relative;text-decoration: none; background:#f4f7fa; font-weight:800;}
.class-dission ul li a:hover, .class-dission ul li a.actv{background-color: #ed1c24;color: #fff; border:3px solid #ed1c24;}
.class-dission ul li a::after {color: #ed1c24;content: "\f0d7";position: absolute; font-size: 24px;top: 59%;font-family: 'FontAwesome';left: 50%; opacity: 0;
            transform: translate(-50%,0);
    -webkit-transform: translate(-50,0);
       -moz-transform: translate(-50,0);
        -ms-transform: translate(-50,0);
         -o-transform: translate(-50,0);
}
.class-dission ul li a:hover::after, .class-dission ul li a.actv::after{opacity: 1;}

.boys-grid {
    margin-bottom: 60px;
    padding-bottom: 5px;
    background-color: #fff;
    position: relative;
	border:1px solid #e8eef5;
	padding:10px;
	border-radius:8px;
	text-align:center;
	box-shadow: 2px 4px 8px -3px rgba(0,0,0,0.20);
}
.boys-grid img {width:100%; height:auto; border-radius:6px;}
.boys-grid .name {padding:10px 0px; font-weight:600;}
.boys-grid .fb {position:absolute; top:20px; right:20px;}
.boys-grid .fb a {
    padding: 7px 0px 0px 0px;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50px;
	float:left;
    text-align: center;
	background-color: #4e71a8;
	color:#fff;
	text-decoration:none;
}
.boys-grid .fb a:after {
    font-family: 'FontAwesome';
    content: "\f09a";
    color: #fff;
}
.boys-grid .edit {position:absolute; top:20px; left:20px;}
.boys-grid .edit a {
    padding: 7px 0px 0px 0px;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50px;
	float:left;
    text-align: center;
	background-color: #333;
	color:#fff;
	text-decoration:none;
}
.boys-grid .edit a:after {
    font-family: 'FontAwesome';
    content: "\f040";
    color: #fff;
}
.boys-grid .edit a:hover, .boys-grid .fb a:hover {background:#ed1c24;} 


.subpage-section .content .waiting-message {color:#f00; margin:0; padding:0 0 20px 0; text-align:center;}
.subpage-section .content .alumni-img {max-width:240px; height:auto;}
.subpage-section .alumni-input {padding:12px; border:1px solid #ddd; border-radius:4px; width:100%; outline:none; font-weight:800;}
.subpage-section .alumni-input:read-only {background:#f0f0f0;}
.subpage-section .alumni-input::placeholder {color:#888; font-weight:400;}
.subpage-section .alumni-button {padding:12px 18px; border:1px solid #ed1c24; background:#ed1c24; color:#fff; font-weight:600;border-radius:4px; width:100%;}
.subpage-section .alumni-button:hover {background:#065fa6; border:1px solid #065fa6;}
.subpage-section .photo-upload-title {font-weight:800;}
.subpage-section .content label.error {color:#f00; display:block;}


.subpage-contact-us{
	text-align: center;
	padding: 60px 0px;
	background:#f4f7fa;
}
.subpage-contact-us h3{
	font-size: 32px;
	font-weight: 800;
	color: #ed1c24;
	margin-bottom: 10px;
	line-height:40px;
}
.subpage-contact-us span{
	font-size: 20px;
	font-weight: 800;
	color: #002e62;
	display: inline-block;
	width: 100%;
	/*padding-left: 20px;*/
}
.subpage-contact-us h4 {font-size: 24px; font-weight: 800; color: #ed1c24; margin-bottom:16px;}
.subpage-contact-us .contact-address {font-weight:400; color:#002e62; line-height:28px;}
.subpage-contact-us .contact-address p {margin-bottom:0px;}
.subpage-contact-us .contact-address a {color:#ed1c24;}
.subpage-contact-us .contact-address a:hover {color:#002e62;}

.subpage-section h2.contact {color:#002e62; font-weight: 800; font-size: 28px; margin-bottom: 40px;}

.contact-map {
	background:#f4f7fa;
}






a {color:#065fa6; text-decoration:none;}
a:hover {color:#ed1c24;}


@media  (max-width: 480px) {
	.subpage-section {padding: 40px 0px;}
	.subpage-section h3 {line-height:46px;}
	.subpage-section h3 span {line-height:32px;}
	.subpage-section .content .downloads-button strong {display:none;}
	.class-dission ul li a { width: 190px; text-align: center; margin: 11px 18px;}
}
.onloadpop-img {
    max-height: 100%;
    border-radius: 8px;
    width: 100%;
}
.sub-banner {display:inline!important;}
.form-horizontal .form-group {margin-left:0px; margin-right:0px;}

.media-img{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	margin:50px 0px;
}
.media-img-video{
	margin:10px 0px 50px 0px!important;
}
.media-img img{
	width: 100%;
	height: auto;
	transition: transform .2s;
	cursor: pointer;
	border-radius:6px;
}
.media-img img:hover{
	transform: scale(1.08);
}
.content-box {background:#ffe3a5; padding:20px; margin-bottom:20px; border-radius:6px; line-height:34px;}
.management-center {text-align:center!important;}
.management-center img {margin:0 auto;}
.text-center {text-align:center!important;}
.max-100 {max-width:100%;}