@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,1000&display=swap');

body{
	font-family: 'Nunito Sans', sans-serif;
	font-size:16px;
	font-weight:300;
	line-height:26px;
	color:#666666;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
	}
body,html{ height:100%;}

p {
	font-size: 16px;
    line-height: 35px;
	color: #000;
}
.top-header {
	padding: 8px 0;
	overflow: hidden;
	background:#053564;
}
.top-h-left {
	width: 50%;
	text-align: left;
	float: left;
	display: flex;
	padding: 5px 0;
}
.top-phone,
.top-email{
	margin-right: 41px;
}
.top-phone,
.top-email{
	line-height: 20px;
	padding-left: 30px;
}
.top-phone span,
.top-email span{
	font-size: 15px;
	font-weight: 300;
	color: #d4dee6;
	text-transform: none;
	display: inline-block;
	position: relative;
	left: -12px;
}
.top-phone:before{
	color: #008ed2;
    content: "\f098";
    font-family: FontAwesome;
    position: relative;
    left: -20px;
    font-size: 18px;
    top: 0px;
}
.top-email span{
	padding-left: 5px;
}
.top-email:before{
	color: #69C772;
    content: "\f003";
    font-family: FontAwesome;
    position: relative;
    left: -20px;
    font-size: 18px;
    top: 2px;
}
.top-h-right {
	text-align: right;
	float: right;
	padding: 36px 0;
}
a.admission { 
	color: #fff;
    font-size: 14px;
    background: #fa1e44;
    border-radius: 5px;
    padding: 10px 30px;
    font-weight: 800;
    text-transform: uppercase;
	margin-right: 15px;
}

a.fees { 
	color: #fff;
    font-size: 14px;
    background: #fe6c17;
    border-radius: 5px;
    padding: 10px 30px;
    font-weight: 800;
    text-transform: uppercase;
	margin-right: 35px;
}

a.admission:hover, a.fees:hover {
    background: #fcee4f;
    color:#000;
}

.main-menu a.admission, .main-menu a.fees{
    display: none;
}
li.mob {
	display: none !important;
}

.top-h-right .facebook, .top-h-right .twitter, .top-h-right .instagram, .top-h-right .youtube {
	line-height: 31px;
	display: inline-block;
    vertical-align: middle;
    margin: 0px 0px 0px 0px;
    color: #69C772;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
	margin-right: 8px;
	border-radius: 6px;
}

.top-h-right .facebook {
	background: #383eb8;
    width: 40px;
    height: 40px;	
}

.top-h-right .facebook:after, .top-h-right .twitter:after, .top-h-right .instagram:after, .top-h-right .youtube:after {
	font-family: FontAwesome;
    color: #383eb8;
    font-size: 36px;
}

.top-h-right .facebook:hover, .twitter:hover, .instagram:hover, .linkdin:hover{
	text-decoration: none;
}

.top-h-right .facebook:after {
    content: "\f09a";
    color: #fff;
    font-size: 22px;
    line-height: 42px;
}

.top-h-right .instagram {
	width: 40px;
    height: 40px;
    background: #383eb8;
}
.top-h-right .instagram:after {
    content: "\f16d";
    color: #fff;
    font-size: 22px;
    line-height: 42px;
}
.top-h-right .youtube {
    width: 40px;
    height: 40px;
    background: #383eb8;
}
.top-h-right .youtube:after {
	content: "\f16a";
    color: #fff;
    font-size: 22px;
    line-height: 42px;
}

header{
	margin:0px 0px;
	position: relative;
	z-index:999;
	background-color:#FFF;	
	width:100%;
}
.header-bg {
	background: url(../images/header-background-design.jpg) no-repeat;
	background-size: cover;
	height: 114px;
}



section h4 {
	font-size: 19px;
	font-weight: 600;
	color:#333;
}
span.b-500 {
	font-weight: 700 !important;
}
	
section h3 {
	color: #004e99;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}

section h3 img {
	position: relative;
	height: 20px;
    top: -11px;
    left: 4px;
}


a.view-all{
	display: inline-block;
	padding: 6px 80px  6px 42px;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	color: #979797;
	font-weight: 100;
	border-radius: 30px;
	border:1px solid #979797;
	position: relative;
	text-decoration: none;
	margin-top: 10px;
	margin-top: 45px;
}
a.view-all::after{
	content: '\f063';
    font-family: FontAwesome;
    font-size: 20px;
    background: #979797;
	border: 1px solid #979797;
    padding: 5px;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    width: 60px;
    height: 60px;
    padding: 16px 0;
    top: -11px;
    right: 0px;
}


.logo-mobile {
	display: none;
}

.radius-30 {
	border-radius: 30px !important;
}

@media (min-width: 780px) {
    /*.stickyHeader { position: fixed; }*/
}
header:after{
	display:block;
	clear:both;
	content:'';
	}
header .container{
		position: relative;
		/* min-height: 103px; */
	}
.logo{
	/*width: 12%;*/
	z-index: 9;
	text-align: center;
	float: left;
	position: absolute;
	top: 25px;
	}
	.logo img {
		width: 100%;
	}

.text-logo {
	float: left;
    position: absolute;
    left: 159px;
    /*width: 17%;*/
    padding: 16px;
}
	.text-logo img {
		width: 100%;
	}

/* .logo:before{
	width: 112px;
	content: '';
	display: block;
	margin: auto;
	margin-bottom: 9px;
} */
/* ==================================================*/
/*MENU STYLE START*/
/* ==================================================*/
.header-right {
    float: right;
    width: 70%;
}
a.create_hope {
	margin-left: 68px;
}
.main-menu {
	background: #fcee4f;
	width: 100%;
	display: inline-block;
}


.menu-section {
	width: 100%;
	padding-left: 158px;

}
.w-menu{
	width:100%;
	float:none;
	}
.w-menu .container{
	position:relative;
	min-height: inherit;
	}
.w-menu ul li a:hover{
	/* border-bottom: 3px solid #2A6117; */
}
.w-menu ul li a.active{
	/*color: #fa1e44;*/
}
.w-menu .ul.sub-menu li a {
	color: #035d0c;
}
.w-menu ul li:last-child {
	margin-right: 0 !important;
}
@media (max-width:1200px) {
.w-menu ul li a {
	font-size: 13px;
    padding:0px 10px;  
}
	}
@media (min-width:992px) {

.w-menu{
  margin:0px 0px 0px 0px;
  padding:14px 0;
  position:relative;
  z-index:99;
}
.w-menu ul {
    list-style-type:none;
    margin:0;
    padding:0;
}


.w-menu ul li {
    display:inline-block;
    position:relative;
    padding: 0 14px;
	
}
.w-menu ul li:first-child {
	margin-left: 0;
}
.w-menu ul li:last-child {
	margin-right: 0;
	border: none;
	padding-right: 0;
}
.w-menu ul li a {
    line-height:27px;
    padding:0 0;
	margin:0px 0px;
	text-decoration:none;
	color:#000;
	text-transform:uppercase;
	cursor:pointer;
	font-weight: 800;
	font-size: 15px;
}
.w-menu ul li.contact-menu{
	background-color: #ffc300;
	padding: 0px 20px;
}

.w-menu ul li.contact-menu:hover a{
	color:#571845;
}
.w-menu ul li ul{
	text-align:left;
	background-color:#272b7b;
	border-radius: 0 0 6px 6px;
	}
.w-menu ul li ul li a {
   	line-height:22px;
    padding:12px 0px 12px 0px;
	color: #fff;	
	margin:0px 0px;
	text-decoration:none;
	font-size:14px;
	font-weight:600;
	text-transform:none;
	width:100%;
	display:block;
}
.w-menu ul li ul li a:hover {
	color: #fcee4f;
}
.w-menu ul li ul li {
	border-bottom:1px solid rgba(255, 255, 255, .3);
}
.w-menu ul li ul li:last-child {
	border-bottom:0;
}


/* .w-menu ul li:after{
	content: '';
    display: block;
    width: 0;
    height:3px;
    background:#035D0C;
    transition: width .3s;
	}
.w-menu ul li:hover::after {
    width: 100%;
} */
.w-menu ul li ul li::after{
	content: '';
    display: block;
    width: 0;
    height:0px;
    background: #035D0C;
    transition: width .3s;
	}
.w-menu ul li ul li:hover{
	background:var(--main-color-one-hover);
	}

/*ZOOM IN EFFECTS START*/


/*.w-menu ul.sub-menu {
    display:none;
}
.w-menu li:hover > ul{
    display: block;
    -moz-animation: zoomIn .3s ease-in;
    -webkit-animation: zoomIn .3s ease-in ;
    animation: zoomIn .3s ease-in;
 
}
 
.w-menu ul li:hover > ul{
    display:block;
    -moz-animation: zoomIn .3s ease-in ;
    -webkit-animation: zoomIn .3s ease-in ;
    animation: zoomIn .3s ease-in;
}*/
/*ZOOM IN EFFECTS END*/

/*SLIDE DOWN EFFECTS START*/
.have-sub-menu{
	position:relative;
	}
ul.sub-menu { 
  visibility: hidden; /* hides sub-menu */
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transform: translateY(-2em);
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.have-sub-menu:focus > .sub-menu,
.have-sub-menu:focus-within > .sub-menu,
.have-sub-menu:hover > .sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}
/*SLIDE DOWN EFFECTS END*/


/*FLIP EFFECTS START*/
/*
.w-menu ul.sub-menu {
    display:none;
}
.w-menu li:hover > ul{  
    display: block;
    -moz-animation: flipInX .3s ease-in;
    -webkit-animation: flipInX .3s ease-in ;
    animation: flipInX .3s ease-in;
 
}
 
.w-menu ul li:hover > ul{
    display:block;
    -moz-animation: flipInY .3s ease-in ;
    -webkit-animation: flipInY .3s ease-in ;
    animation: flipInY .3s ease-in;
}
*/

/*FLIP EFFECTS END*/

/* sub navigation */
.w-menu li ul {    
    position:absolute;
    left:0;
    top:41px;
    width:210px;
}
.w-menu li ul.right {    
    right:0px;
	left:auto;
}
.w-menu li li {
    position:relative;
    margin:0;
    display:block;
}
.w-menu li li ul {
    position:absolute;
    top:0;
    left:200px; /* make this equal to the width of the sub nav above */
    margin:0;
}
.w-menu li li ul.right,
.w-menu li li ul.right li ul {
    right:180px; /* make this equal to the width of the sub nav above */
	left:auto;
}
.w-menu ul li span {padding-left:2px;}
.w-menu ul li span.arrow-plus{
	position:relative;
	display:inline-block;
	z-index:99;
	right:0;
	top:0px;
	cursor:pointer;
	text-align:center;
	height:auto;
	}
.w-menu ul li span.arrow-plus:after{
	font-family: FontAwesome;
	content: "\f107";
	color:var(--main-color-one);
	font-size:14px;
	color:#000;
	}
.w-menu ul li li span.arrow-plus{
	position:absolute;
	top:8px;
	right:10px;
	}
.w-menu ul li li span.arrow-plus:after{
	font-family: FontAwesome;
	content: "\f105";
	color:#FFF;
	font-size:14px;
	}

/*OTHER MENU STYLE START*/
.w-menu ul li.other-menus > ul{
	/*max-height:200px;
	overflow-x: hidden;
	overflow-y: scroll;*/
	}
.w-menu ul li.other-menus:hover{
	background-color:transparent;
	}
.w-menu ul li.other-menus:before{
	font-family: FontAwesome;
	content: "\f0c9";
	color:#FFF;
	position:absolute;
	top:50%;
	margin-top:-11px;
	margin-left:-7px;
	}

.w-menu ul li.other-menus > a{
	display:block;
	width:50px;
	padding:0px;
	margin:0px;
	text-indent:-99999px;
	}
.w-menu ul li.other-menus ul li a {
    padding-left:20px;
}
.w-menu ul li.other-menus li:after{
	height:0px;
	display:none !important;
	}
.w-menu ul li.other-menus > .arrow-plus{
	display:none;
	}
.w-menu ul li.other-menus ul{
	left:-160px;
	}
.w-menu ul li.other-menus ul li ul,
.w-menu ul li.other-menus ul li ul li ul,
.w-menu ul li.other-menus ul li ul li ul li ul {
    position: absolute;
    top: 0;
    left:-200px;
    margin: 0;
}
.w-menu ul li.other-menus span.arrow-plus {
    position: absolute;
    top: 9px;
    left: 3px;
    right: auto;
}
.w-menu ul li.other-menus span.arrow-plus:after{
	font-family: FontAwesome;
	content: "\f104";
	}
.w-menu ul li.other-menus > ul::-webkit-scrollbar {
    width:3px;
}
.w-menu ul li.other-menus > ul::-webkit-scrollbar-thumb {
  background:var(--main-color-two);
}
.w-menu ul li.other-menus{
	cursor:pointer;
	position:relative;
	}
/*OTHER MENU STYLE END*/
/*MEGA MENU STYLE START*/
.w-menu ul li.mega-menus{
	cursor:pointer;
	position:static;
	
	}
.w-menu ul li.mega-menus > ul{
	position:absolute;
	width:1170px;
	left:0%;
	right:0%;
	padding:20px;
	}
.w-menu ul li.mega-menus > ul > li{
	width:20%;
	float:left;
	line-height:10px;
    padding:0px 10px;
	}

.w-menu ul li.mega-menus  ul li:hover{
	background-color:transparent;
	}
.w-menu ul li.mega-menus > ul li a:hover{
	color:#000;
	}
.w-menu ul li.mega-menus ul.sub-menu ul.sub-menu {
    display: block;
	left:0px;
	width:100%;
	position:static;
}

.mega-menus ul span.arrow-plus{
	display:none !important;
	}
.w-menu ul li.megamenu-li > a,
.w-menu ul li.megamenu-with-out-sub > a{
	font-size:13px !important;
	text-transform:uppercase !important;
	font-weight:bold !important;
	/*margin-bottom:5px !important;
	padding-bottom:10px !important;
	border-bottom:solid 1px #1b69a9 !important;*/
	display:block !important;
	line-height:16px !important;
	color:#FFFFFF !important;
	
	}
/*.megamenu-with-out-sub > a{
	border-bottom:none !important;
	padding-bottom:0px !important;
	margin-bottom:0px !important;
	}*/
.megamenu-li > a:hover{
	color:#FFF !important;
	cursor:default;
	}
.megamenu-li ul{
	margin-bottom:20px !important;
	display:inline-block !important;
	}
.w-menu li.mega-menus:hover ul{
    display: block;
    -moz-animation: zoomIn .3s ease-in;
    -webkit-animation: zoomIn .3s ease-in ;
    animation: none !important;
 
}
.w-menu ul li.mega-menus ul li{
	/*display:inline-block;
	vertical-align:top;
	float:left;*/
	}
.w-menu ul li.mega-menus ul li a{
	line-height:20px;
    padding:5px 0px;
	font-size:14px;
	color:#98d0ff;
	}
.w-menu ul li.mega-menus ul li ul li a{
	line-height:20px;
    padding:1px 0px;
	font-size:13px;
	}

/*MEGA MENU STYLE END*/

/*VERTICAL MENU STYLE START*/
.w-menu.vertical-menu ul li{
	float:none;
	display:block;
	width:100%;
	text-align:left;
	}
.w-menu.vertical-menu ul li ul.sub-menu{
	right:-200px;
	left:auto;
	top:0px;
	}
.w-menu.vertical-menu .container{
	padding-left:0px;
	padding-right:0px;
	}
/*VERTICAL MENU STYLE END*/
}
@media (max-width:1200px) and (min-width:991px) {
.w-menu ul li.mega-menus > ul{
	width:960px;
	margin-left:-480px;
	}
	}
@media (max-width:991px) {

	.top-h-right {
		width: 100%;
	}

.mobile-menu-icon{
	position:fixed;
	width:40px;
	height:40px;
	background-color:#012C03;
	display: block;
	right:0px;
	cursor:pointer;
	top:0px;
	z-index:999999;
	text-align:center;
	transition: 0.3s;
	padding-top:10px;
	}
.mobile-menu-icon:after{
	font-family: FontAwesome;
	content: "\f0c9";
	line-height:20px;
	font-size:24px;
	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: 999999;
	  top: 0;
	  right: -300px;
	  width: 300px;
	  height: 100%;
	  overflow-x: hidden;
	  overflow-y: scroll;
	  background: #012c03;
	  transition: 0.3s;
	}
.mobile-menu.menu-open{
	right:0px; 
	transition: 0.3s;
	padding-top: 45px;
}

.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: 15px;
  display: block;
  padding:10px;
  border-top: 1px solid rgba(255,255,255,0.045);
  border-bottom: 1px solid rgba(0,0,0,0.045);
  font-weight:700;
}
.w-menu ul li a:hover,
.w-menu ul li a:focus{
	text-decoration:none;
	}
.w-menu ul li.active{
	background: rgba(0, 0, 0, .2) none repeat scroll 0 0;
	}
.w-menu ul li ul{
	display:none;
	}
.w-menu ul li span.arrow-plus{
	position:absolute;
	width:40px;
	height:40px;
	/* border:solid 1px #FFF; */
	display:block;
	z-index:99;
	right:2px;
	top:0px;
	cursor:pointer;
	text-align:center;
	padding-top:8px;
	}
.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{
	font-family: FontAwesome;
	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;
	padding-top: 45px;
	}
.mobile-menu-icon.icon-open {
    right: 280px;
	}
	}
/* ==================================================*/
/*MENU STYLE END*/
/* ==================================================*/

/* ==================================================*/
/*BANNER STYLE START*/
/* ==================================================*/
.banner-section,
.bs-slider .carousel-item{
	padding-top:36.76923076923077%; /*Image Size 550px / 1360px = ‭40.44117647058824‬%*/
	}
.banner-section{
	position:relative;
	}
.bs-slider .carousel-item{
    overflow: hidden;
    background: #FFFFFF;
	background-position: center center; 
    background-repeat:no-repeat; 
	background-size:  cover;
}
.weberge-slider{
	 top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  
	}
.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay,
.weberge-slider .weberge-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
}
.bs-slider > .carousel-inner > .carousel-item > img,
.bs-slider > .carousel-inner > .carousel-item > a > img {
    margin: auto;
    width: 100% !important;
}

.weberge-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.weberge-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.weberge-slider > .carousel-inner > .carousel-item > img,
.weberge-slider > .carousel-inner > .carousel-item > a > img {
    margin: auto;
    width: 100% !important;
}

/********************
*****Slide effect
**********************/

/*.fade {
    opacity: 1;
}
.fade .item {
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
    top: auto;
    position: relative;
}
.fade .item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}*/


.carousel-fade {
    opacity: 1;
}
.carousel-fade .carousel-item {
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
	min-height: 706px;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.carousel-fade .carousel-item:first-child {
    top: auto;
    position: relative;
}
.carousel-fade .carousel-item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}


/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
    top: 50%;
    opacity: 0;
    width: 44px;
    height: 44px;
	margin-top:-22px;
    z-index: 100;
    color: #ffffff;
    display: block;
    font-size: 24px;
    cursor: pointer;
    overflow: hidden;
    line-height: 42px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: transparent;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.control-round:hover .carousel-control{
    opacity: 1;
	background-color:var(--main-color-one);
}
.control-round .carousel-control.left {
    left: 1%;
	text-align:center;
}
.control-round .carousel-control.right {
    right: 1%;
	text-align:center;
	
}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{
    color: #fdfdfd;
    border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1){
    left: 45%;
}
.control-round .carousel-control.right>span:nth-child(1){
    right: 45%;
}


/*---------- SLIDE CAPTION ----------*/


.slide-text {
    padding: 10px;
    position:absolute;
    padding: 10px 0px;
   	width:1170px; /*same width like container*/
	z-index:1;
	 top: 0;
  	bottom: 0;
  	left:50%;
	margin-left:-585px;
}

.slide_style_left {
	text-align: left;
}
.slide_style_right {
	text-align: right;
}
.slide_style_center {
    margin: auto;
	left: 0;
	right: 0;
	text-align:center;
}
.slide-text.text_style_top_center,
.slide-text.slide_style_middle,
.slide-text.text_style_bottom_center{
	margin: auto;
	left: 0;
	right: 0;
	text-align:center;
	}
.slide-text.text_style_top_left,
.slide-text.slide_style_middle_left,
.slide-text.text_style_bottom_left{
	text-align:left;
	}
.slide-text.text_style_top_right,
.slide-text.slide_style_middle_right,
.slide-text.text_style_bottom_right{
	text-align:right;
	}
.slide-text.text_style_top_center,
.slide-text.text_style_top_left,
.slide-text.text_style_top_right{
	top:0px;
	}
.slide-text.text_style_bottom_center .slide-text-inner,
.slide-text.text_style_bottom_left .slide-text-inner,
.slide-text.text_style_bottom_right .slide-text-inner{
	bottom:0px;
	position:absolute;
	width:100%;
	}
.slide_style_middle,
.slide_style_middle_left,
.slide_style_middle_right{
	height:100%;
  margin:auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  left:0px;
  right:0px;
	}
.slide_style_middle:before,
.slide_style_middle_left:before,
.slide_style_middle_right:before{
	content:'';
	margin-bottom: auto;
	}
.slide_style_middle:after,
.slide_style_middle_left:after,
.slide_style_middle_right:after{
	content:'';
	margin-top: auto;
	}

.slide-text h1 {
    padding: 0;
    color: #ffffff;
    font-size:50px;
    font-style: normal;
    line-height:30px;
    margin-bottom: 20px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
	font-weight:600;
	/* text-shadow: 1px 1px #000; */
}
.slide-text h1 span {
    color:var(--main-color-one);
    font-size:40px;
    line-height:40px;
	font-weight:400;
}
.slide-text p {
    padding: 0;
    color: #ffffff;
    font-size: 55px;
    line-height: 62px;
	text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 30px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
	display:inline-block;
	width:100%;
	/* text-shadow: 1px 1px #000; */
}
.slide-text h3 {
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 22px;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: 1px;
}
.slide-text a.btn-default{
    color: #000;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-right: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}
.slide-text a.btn-primary{
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-left: 0px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text a:hover,
.slide-text a:active {
    color: #ffffff;
    background: #003369;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}

.slide-text-inner .read-more{
	display: inline-block;
	background-color: #c70039;
	padding: 14px 50px;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	border-radius: 30px;
	letter-spacing:2px;
	border:2px solid #fff;
}
.slide-text-inner .read-more:hover{
	background-color: #900c3e;
	text-decoration: none;
}

.slide-text-inner .learn-more{
	display: inline-block;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
	font-weight: 800;
	position: relative;
	text-decoration: none;
	border-radius: 6px;
	margin-top: 10px;
	background: #fcee4f;
	padding: 10px 40px 10px 20px;

}
.slide-text-inner .learn-more::after{
	content: '\f178';
    font-family: FontAwesome;
    font-size: 20px;
    padding: 5px;
    color: #000;
    border-radius: 100%;
    position: absolute;
    top: 6px;
    right: 5px;
}
.slide-text-inner .learn-more::after:hover {
	color: #fcee4f;
}
.slide-text-inner .learn-more:hover {
	color: #000;
	background: #fcee4f;
}
.slide-text-inner {
	/*padding-left: 5%;*/
}

/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

@media (max-width:1200px) and (min-width:992px) {
.slide-text {
   	width:970px; /*same width like container*/
	margin-left:-485px;
	padding-left:15px;
	padding-right:15px;
}
}

@media (max-width: 991px) {
.banner-section,
.bs-slider .item,
.bs-slider .carousel-item{
	padding-top:0%;
	height:400px;
	}

.carousel-inner,
.carousel-item{
	height:100%;
	}
.slide-text {
   	width:98%; /*same width like container*/
	margin-left:0px;
	left:0px;
	right:0px;
	padding-left:15px;
	padding-right:15px;
}

.slide_style_left,
.slide_style_right,
.slide_style_center,
.slide-text.text_style_top_center,
.slide-text.slide_style_middle,
.slide-text.text_style_bottom_center,
.slide-text.text_style_top_left,
.slide-text.slide_style_middle_left,
.slide-text.text_style_bottom_left,
.slide-text.text_style_top_right,
.slide-text.slide_style_middle_right,
.slide-text.text_style_bottom_right {
	text-align:center;
}

}

/*---------- MEDIA 480px ----------*/
@media  (max-width: 768px) {
    .slide-text h1 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .slide-text > p{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .control-round .carousel-control{
        display: none;
    }
}
@media  (max-width: 480px) {
    .slide-text {
        padding: 10px 30px;
    }
    .slide-text h1 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .slide-text p {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 18px;
    }
    .slide-text > a.btn-default, 
    .slide-text > a.btn-primary {
        font-size: 10px;
        line-height: 10px;
        margin-right: 10px;
        text-align: center;
        padding: 10px 15px;
    }
    .indicators-line > .carousel-indicators{
        display: none;
    }
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto;
    width: auto !important;
}
.middle-two .middle-one-image{border:10px solid #fff;}
.slide-text-inner .read-more {padding: 8px 30px;}
}
/* ==================================================*/
/*BANNER STYLE END*/
/* ==================================================*/

.jom-slider .tns-controls [aria-controls]{
	/* top: -50px; */
}
.jom-slider{ 
position: relative;
}
.jom-slider .tns-nav{
	display: none;
}
.jom-slider .tns-controls [aria-controls]{
	
	z-index: 9999;
}
.jom-slider [data-controls="prev"] {
    position: absolute;
    left: 50%;
    margin-left: -45px;
}
.jom-slider [data-controls="next"] {
    position: absolute;
    right: 50%;
    margin-right: -45px;
}

/* ==================================================*/
/*footer*/
/* ==================================================*/


footer{
	background:url(../images/footer-background.jpg) no-repeat;
	position: relative;
	height: 446px;
	background-size: 100%;
	padding: 106px 0;
}
.footer-wrapper {
	display: grid;
	grid-template-columns:repeat(4,1fr);
	grid-gap: 5px;
}
.footer-logo {
	width: 100%;
}
.footer-logo img {
	width: 66%;
}
.footer-wrapper h4 {
	font-size: 23px;
	color: #fff;
	margin-bottom: 20px;
}
.f-content-block {
	padding-left: 25px;
}
.f-content-block:first-child {
	padding-left: 0;
}
.footer-wrapper h4::after {
	content: '';
    display: block;
    width: 15%;
    height: 3px;
    background: #383eba;
    margin-top: 4px;
}
span.locations {
	color: #fff;
    font-size: 15px;
    line-height: 24px;
	display: block;
	width: 100%;
	margin-bottom: 20px;
	font-weight:600;
}
span.locations::before {
	content: '\f041';
	color: #383eba;
    display: block;
    font-size: 22px;
    font-family: FontAwesome;
    position: absolute;
    top: 40%;
    margin-left: -23px;
}
span.phone {
	color: #fff;
    font-size: 15px;
    line-height: 25px;
	display: block;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	font-weight:600;
}

span.phone::before {
	content: '\f095';
	color: #383eba;
    display: block;
    font-size: 22px;
    font-family: FontAwesome;
    position: absolute;
	margin-left: -23px;
    top: 19%;
}
span.email {
	color: #fff;
    font-size: 15px;
    line-height: 25px;
	display: block;
	width: 100%;
	margin-bottom: 10px;
	font-weight:600;

}
span.email::before {
	content: '\f003';
	color: #383eba;
    display: block;
    font-size: 22px;
    font-family: FontAwesome;
    position: absolute;
    margin-left: -27px;
}
.footer-wrapper ul {
	margin: 0;
    padding: 0;
    list-style-type: none;
}
.footer-wrapper ul li {
	padding: 4px 0;
}
.footer-wrapper ul li a {
	font-size: 15px;
	color: #fff;
	font-weight:600;
}
.footer-wrapper ul li a:hover {
    color:rgb(252, 238, 79);
}






footer .f-social-media {
	margin-top: 27px;
}

footer .f-social-media .facebook {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 30px;
	width: 33px;
    height: 33px;
    text-align: center;
	margin-right: 10px;
}
footer .f-social-media .facebook:after {
    font-family: FontAwesome;
    content: "\f09a";
    color: #69C772;
    font-size: 18px;
}
footer .f-social-media .twitter {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 30px;
	width: 33px;
    height: 33px;
    text-align: center;
	margin-right: 10px;
}
footer .f-social-media .twitter:after {
    font-family: FontAwesome;
    content: "\f099";
    color: #69C772;
    font-size: 18px;
}
footer .f-social-media .instagram {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 30px;
	width: 33px;
    height: 33px;
    text-align: center;
	margin-right: 10px;
}
footer .f-social-media .instagram:after {
    font-family: FontAwesome;
    content: "\f16d";
    color: #69C772;
    font-size: 18px;
}
footer .f-social-media .linkdin {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 27px;
	width: 33px;
    height: 33px;
    text-align: center;
	margin-right: 10px;
}
footer .f-social-media .linkdin:after {
    font-family: FontAwesome;
    content: "\f0e1";
    color: #69C772;
    font-size: 18px;
}
footer .f-social-media .facebook:hover, footer .f-social-media .twitter:hover, footer .f-social-media .instagram:hover, footer .f-social-media .pinterest:hover, footer .f-social-media .linkdin:hover {
	text-decoration: none;
}
footer .f-social-media span {
	text-transform:capitalize;
	display: initial;
	font-weight: 200;
	font-size: 16px;
	padding-right: 10px;
}

.copy-right{
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	background-color: #fa1e44;
	padding: 25px 0px;
	margin: 0px 0px 0px 0px;
	display: flex;
}
.copy-right p {
	font-size: 14px;
	color: #fff;
	margin: 0;
	font-weight:500;
}
.copy-right a {color:#fff;}

.ta-l {
	text-align: left !important;
}
.ta-r {
	text-align: right !important;
}






.inner-banner{
	height: 300px;
	background-color: black;
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.inner-banner .bs-slider-overlay {
    background: rgba(0, 50, 70, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.inner-banner h1 {
    font-size: 36px;
    font-weight: 600;
	letter-spacing:2px;
	text-transform: uppercase;
    line-height: 30px;
    color: #FFF;
    position: relative;
    z-index: 9;
	text-shadow:1px 1px #000;
}
@media  (max-width: 480px) {
	.inner-banner h1 {font-size:26px;}
}
@media (max-width:768px) {
	.inner-banner{
		height: 150px;
	}
}
.under-sub-banner{
	margin: 70px 0px 70px;
}
.vertical-tab {
	margin: 0px 0px 70px;
}
.under-sub-banner:after{
	display: block;
	clear: both;
	content: '';
}
.pathway ul {
    margin: 0px;
    padding: 0px 0px 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: 600;
    line-height: 20px;
	color: #fff;
}
.pathway li:before {
    content: '/';
    color: #fff;
    margin-left: 10px;
    margin-right: 10px;
}
.pathway li a {
    color: #fff;	
}
.pathway li:nth-child(1):before{
	content:'';
	display: none;
	}
.pathway li a:hover{
	color: #fc0;
	text-decoration: none;
}

.pathway-o ul {
    margin: 0px;
    padding: 20px 0px 20px;
    text-align: center;
    position: relative;
    z-index: 9;
}
.pathway-o li {
    float: none;
    display: inline-block;
    list-style: none;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
	color: #585858;
}
.pathway-o li:before {
    content: '/';
    color: #585858;
    margin-left: 10px;
    margin-right: 10px;
}
.pathway-o li a {
    color: #585858;	
}
.pathway-o li:nth-child(1):before{
	content:'';
	display: none;
	}
.pathway-o li a:hover{
	color: #b92035;
	text-decoration: none;
}
.right-sub-section{
	width: 75%;
	float: left;
	background-color: #fff;
	
}
.welcome-sub-content{
	position: relative;
	height: 100%;
	padding: 0px 20px 0px 0px;
}

.welcome-sub-content img{
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
	margin-top:0px;
}
.welcome-sub-content p img {max-width: 100%;border-radius:6px;}
.right-sub-section .welcome-sub-content h1{
	font-size: 40px;
	font-weight: 700;
	line-height: 40px;
	color: #181860;
	padding: 0px 0px 16px;

}
.right-sub-section .welcome-sub-content h1 span{
	font-size: 28px;
	font-weight: 500;
	line-height: 36px;
	display: inline-block;
	width: 100%;
	padding-top: 10px;
	color: #fa1e44;

}
.right-sub-section .welcome-sub-content h3{
	font-size: 26px;
	font-weight: 800;
	line-height: 38px;
	display: inline-block;
	width: 100%;
	padding: 0px 0 4px 0;
	color: #fa1e44;
}

.right-sub-section .welcome-sub-content h4{
	font-size: 23px;
	font-weight: 700;
	line-height: 36px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	color: #181860;
}
.right-sub-section .welcome-sub-content h4.strong{font-weight: 600; color: #fff; background-color: #383838;}
.right-sub-section .welcome-sub-content p{
	color: #303030;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 20px 0px;
}
.right-sub-section .welcome-sub-content p:last-child {margin-bottom:0px; padding-bottom:0px;}
.right-sub-section .welcome-sub-content th {font-weight: 600; color: #fff; background-color: #fa1e44; font-size: 18px;}
.right-sub-section .welcome-sub-content td {font-weight: 500; color: #282828;}
.right-sub-section .welcome-sub-content td.left {font-weight: 600; color: #fff; background-color: #383838;}

.alumni-table th {font-weight: 600; color: #fff; background-color: #fa1e44!important; font-size: 18px;}
.alumni-table td {font-weight: 600; color: #282828;}

.right-sub-section .welcome-sub-content p span{
	font-weight: 600;
}
.right-sub-section .welcome-sub-content li{padding-bottom: 30px;}
.right-sub-section .welcome-sub-content li{
	font-size: 16px;
	font-weight: 400;
	line-height: 34px;
	color: #585858;
	padding: 0px 0px 6px;
}

.right-sub-section .welcome-sub-content .lear-more{
	background-color: #b92035;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	padding: 15px 30px;
}
.right-sub-section .welcome-sub-content .lear-more:hover{
	background-color: #383838;
	text-decoration: none;
}
.right-sub-section .welcome-sub-content .read-more{
	background-color: #383838;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	padding: 15px 30px;
}
.right-sub-section .welcome-sub-content .read-more:hover{
	background-color: #b92035;
	text-decoration: none;
}
.right-sub-section .welcome-sub-content .vision-mission p{
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	font-style: italic;
	color: #585858;
	padding: 0px 0px 20px;
	text-align: left;
}
.right-sub-section .welcome-sub-content .vision-mission p strong {font-weight:600; font-style:normal;}
.right-sub-section .welcome-sub-content .vision-mission img{
	float: none;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 30px;
}
@media (max-width:991px) {
.right-sub-section{
	width: 100%;
	float: none;
	padding-bottom: 50px;
}
}
@media (max-width:768px) {
	.welcome-sub-content {
		padding-right: 0px;
		padding-left: 0px;
	}
	.right-sub-section .welcome-sub-content .read-more, .right-sub-section .welcome-sub-content .lear-more {
		font-size: 14px;
		padding: 15px 10px;
		width: 100%;
		display: inline-block;
		margin-bottom: 10px;
	}
}
@media (max-width:1200px) {
	.right-section .welcome-sub-content .read-more,
	.right-section .welcome-sub-content .lear-more {
		font-size: 14px;
		padding: 15px 10px;
	}
}
.left-sub-menu-section{
	width: 25%;
	float: left;
	background-color: #733d90;
	border-radius:6px;
}
.left-sub-menu-section .left-menu-one-dr{
	padding: 0px;
}
.left-sub-menu-section .left-menu-one-dr img {max-width:100%;}
.left-sub-menu-section .left-menu-one{
	padding: 20px;
	padding-bottom: 30px;
	height: 50%;
}
.left-sub-menu-section .left-menu-one h3{
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	color: #fff;
}
.left-sub-menu-section .left-menu-one h3 a{
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	color: #fff;
	text-decoration:none;
}
.left-sub-menu-section .left-menu-one h3 a:hover{color:#fc0}
.left-sub-menu-section .left-menu-one ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.left-sub-menu-section .left-menu-one ul li{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	list-style: none;
}
.left-sub-menu-section .left-menu-one ul li ul li{
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	list-style: none;
}
.left-sub-menu-section .left-menu-one ul li a{
	padding: 12px 0px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	width: 100%;
	display: inline-block;
}
.left-sub-menu-section .left-menu-one ul li a:hover{
	text-decoration: none;
	color: #fcee4f;
}
.left-sub-menu-section .left-menu-one .read-more:after{
	content: "\f178";
	font-family: FontAwesome;
	color: #fff;
	float: right;
	display: block;
	top: 10px;
	position: relative;
}
@media (max-width:991px) {
.left-sub-menu-section {
    width: 100%;
    float: none;
}
}
.subheading {color:#fa1e44;font-weight:700;font-size:26px;margin-bottom:1rem;}


.subpage-section{
text-align: center;
padding: 60px 0px;
}
.subpage-section h3{
	font-size: 32px;
	font-weight: 800;
	color: #181860;
	margin-bottom: 30px;
	line-height:40px;
}
.subpage-section span{
	font-size: 20px;
	font-weight: 600;
	color: #fa1e44;
	display: inline-block;
	width: 100%;
	/*padding-left: 20px;*/
}
.subpage-section h4 {font-size: 24px; font-weight: 800; color: #fa1e44; 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; font-weight:600;}
.subpage-section .content .vismis {background: #e8eef4; padding:20px; font-size:16px; line-height:30px; margin-bottom:20px; text-align:justify; color:#012d5c; border-radius:6px;}
.subpage-section .content .principal-name {font-size:18px; color:#012d5c; text-align:center; margin-bottom:16px; margin-top:10px; font-weight:800;}
.subpage-section .content .all-news-img {max-width:100%; height:auto;border-radius:6px;}
.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-size: 16px;
    font-weight: 700;
    color: #181860;
    text-decoration: none;}
.subpage-section .content .news-page-title a:hover {color:#fa1e44;}
.subpage-section .content .news-page-title .date {font-size: 14px;
    font-weight: 400;
    color: #818181;
    line-height: 16px; padding-top:8px;}
.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;font-weight:600;color:#fa1e44;}
.subpage-section .content .downloads-button {
    display:inline-block;
	background-color: #181860;
    color: #fff;
    font-weight: 800;
    padding: 3px 15px;
    border-radius: 4px;
	font-size:14px;
	text-decoration:none;
}
.subpage-section .content .downloads-button:hover {background:#fa1e44;}
.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 #fa1e44; background:#fa1e44; 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:#fa1e44;}
.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:#fa1e44;}

.modal-body {color:#fff;}
.modal-body strong {color:#fecd05;}
.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: #fcee4f;
    border: 4px dotted #fff;
    display: block;
    width: 145px;
    height: 145px;
    border-radius: 0px;
    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:#fa1e44;
	border: 4px dotted #fff;
	color:#fff;
}
@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;}
}
.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);
}
.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:#fa1e44;}

@media (max-width: 991px) {
.media-img {
    display: block;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin: 50px 0px;
}
.media-img div{
	margin-bottom: 30px;
}
}

.subpage-section-con{
padding: 60px 0px 60px 0;
}


.mr-0 {
	margin-right: 0 !important;
}

.bg-gray {
	background: #f2f2f2;
}



/*------------------ Sections Start -------------------*/

.announcements {
	margin-bottom: 105px;
	display: inline-block;
	width: 100%;
}
.announcements .tittle {
	width: 425px;
	float: left;
}
.announcements .outer-block {
	width: 893px;
    float: right;
    position: absolute;
    right: 0;
	background: #fbf9fa;
}
.announcement-wrapper .jom-slider {
	padding: 0;
}
.announcement-wrapper .content-block {
	/*background: #f4f4f4;*/
	padding: 20px 40px 40px;
}
.announcement-wrapper .content-block:nth-child(2){
	background: #000;
}

.announcement-wrapper .content-block h4 {
	font-size: 18px;
	color: #fa1e44;
	font-weight: 500;
	line-height: 28px;
}
.bg-none {
	background: none !important;
}
.tittle h2 {
	padding: 50px 0;
}

a.more {
	font-size: 14px;
	color: #222;
	font-weight: 600;
}
a.more::after {
	content: '\f178';
	font-family: FontAwesome;
	padding-left: 9px;
    font-size: 15px;
    color: #fa1e44;

}
.announcement-wrapper  .jom-slider .tns-controls  {
	position: absolute;
    left: -302px;
    top: 111px;
}
.announcement-wrapper .jom-slider .tns-controls [aria-controls] {
	width: 60px;
    height: 60px;
    border-radius: 50%;
	background: transparent;
	border:1px #8d8383 solid;
}

.jom-slider .tns-controls [aria-controls]:hover {
	background: #fa1e44;
}


.announcement-wrapper .jom-slider [data-controls="prev"] {
	left: 0;
}

.announcement-wrapper .jom-slider [data-controls="prev"]:after {
	content: '';
	background: url(../images/left-arrow-normal.png) no-repeat;
	width: 28px;
	height: 19px;
	display: block;
	margin: 0 auto;
}
.announcement-wrapper .jom-slider:hover [data-controls="prev"]:after {
	background: url(../images/left-arrow-hover.png) no-repeat;
	margin: 0 auto;
}

.announcement-wrapper .jom-slider [data-controls="next"]:after {
	content: '';
	background: url(../images/right-arrow-normal.png) no-repeat;
	width: 28px;
	height: 19px;
	display: block;
	margin: 0 auto;
}
.announcement-wrapper .jom-slider:hover [data-controls="next"]:after {
	background: url(../images/right-arrow-hover.png) no-repeat;
	margin: 0 auto;
}






.about-section {
	margin-bottom: 76px;
	background: url(../images/welcome-to-depaul.jpg) no-repeat;
	height: 523px;
    background-size: 50%;
	position: relative;
}
.about-section::before {
	content: '';
	position: absolute;
	width: 37%;
	height: 100px;
	background: #fff;
	bottom: 0;
}
.about-left {
	width: 50%;
	float: left;
}
.about-content {
	width: 50%;
	float: right;
	padding: 50px 0px 50px 60px;
}
.about-content p {
	font-size: 16px;
}
.image-caption {
	position: absolute;
	width: 24%;
	bottom: 15px;
}
.image-caption h4 {
	font-size: 18px;
	color: #fc5572;
	padding-right:20px ;
	font-weight: 600;
}

.history-wrapper {
	height: 562px;
	background-size: 50%;
}
.history-left {
	width: 50%;
	float: left;
	height: 563px;
	padding: 80px 0;
	padding-left: 13%;
	background: url(../images/history-background.jpg) no-repeat;
	background-size: 100%;
}
.history-right {
	width: 50%;
	float: left;
	padding: 80px 0;
	background-size: 100%;
	height: 563px;
}
.history-left h3 {
	font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.history-left .content-box {
	border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 22px 0;
    margin: 50px 46px 30px;
	text-align: center;
}
h4.number {
    font-size: 79px;
    color: #fff;
    font-weight: 400;
}
.history-left p {
	font-size: 15px;
    color: #fff;
    padding: 0 30px;
    line-height: 24px;
}
.history-outer .jom-slider .tns-controls {
	display: none;
}
.history-outer .jom-slider .tns-nav {
	display: block;
    position: relative;
    top: 412px;
    z-index: 9;
    left: -290px;
}
.our-management {
	position: relative;
    margin-bottom: 106px;
    display: inline-block;
    width: 100%;
}
.main-block {
    position: absolute;
    right: 0;
    height: 570px;
    background: #fff;
    width: 87%;
    z-index: 999;
    top: -114px;
	padding: 42px 0 0 70px;
}
.management-outer img {
	width: 100%;
}
.management-outer {
	margin-top: 30px;
}
.management-outer h5 {
	font-size: 20px;
	color: #fa1e44;
	margin: 20px 0 10px;
	font-weight:500;
}
.management-outer .jom-slider .tns-controls {
    display:none;
}
.designation {
    color:#111;
    font-weight:800;
}
.principal-desk {
	margin: 0 0 106px 0;
    margin-top: 456px;
    background: #fff;
	display: inline-block;
	width: 100%;
	background: url(../images/principal-desk-background.jpg) left no-repeat;
	background-size: 50%;
	height: 416px;
}
.principal-desk-left {
	width: 50%;
    float: left;
    text-align: right;
    position: relative;
}
.principal-desk-left::before {
	content: '';
    width: 100%;
    display: block;
    height: 120px;
    background: #fff;
}
.principal-desk-right {
	width: 50%;
	float: right;
	padding: 10px 60px
}
.principal-desk-left .image {
	position: absolute;
    top: 0;
    right: 25%;
    text-align: left;
}
.principal-desk-left h3 {
	text-align: left;
	font-size: 17px;
	color: #fff;
	text-transform: none;
	margin: 15px 0 8px 0;
}
.principal-desk-left .image img {
	width: 80%;
	border-radius: 5px;
}
.principal-desk-left .image span.designation {
	color: #fff;
	font-size: 15px;
}
.news-section {
	margin: 0 0 176px 0;
}
.news-section h2 {
	margin-bottom: 12px;
}
.news-section img {
	width: 100%;
	border-radius: 5px;
}
.news-outer {
	margin-top: 35px;
}
.news-outer h5 {
	font-size: 19px;
    color: #fa1e44;
    margin: 25px 0;
}

.news-outer .jom-slider .tns-controls {
	position: absolute;
	bottom: -33px;
    left: 44px;
}

.news-outer .jom-slider [data-controls="prev"]:after {
	content: '\f060';
	color: #fa1e44;
	font-size: 19px;
}
.news-outer .jom-slider [data-controls="next"]:after {
	content: '\f060';
	color: #fa1e44;
	font-size: 19px;
}

.news-outer .jom-slider:hover [data-controls="prev"]:after {
	color: #680013;
}
.news-outer .jom-slider:hover [data-controls="next"]:after {
	color: #680013;
}


.news-outer .jom-slider [data-controls="next"]:after {
	content: '\f061';
}
.news-outer .jom-slider .tns-controls [aria-controls] {
	width: 60px;
    height: 60px;
    border-radius: 50%;
	border: solid 1px #a8a9aa;
	background: transparent;
}
.news-outer .jom-slider .tns-controls [aria-controls]:hover {
	background: #fb1d45;
}




.news-outer .jom-slider [data-controls="prev"] {
	left: 5%;
}
.icon-section {
	margin: 0 0 106px 0;
	display: inline-block;
	width: 100%;
}
.icon-wrapper {
	display: grid;
	grid-template-columns: repeat(6,1fr);
	grid-gap: 42px;
}
.icon-block {
	text-align: center;
}
.icon-block img{
	width: 100%;
}
.icon-block a {
	color: #000;
    padding: 12px 20px;
    width: 100%;
    display: block;
    font-size: 15px;
    line-height: 22px;
    font-weight:800;

}
.gallery-section {
	margin: 0 0 106px 0;
	background: url(../images/gallery-background.jpg) no-repeat;
	background-size: 100%;
	height: 600px;
	padding: 76px 0 0 0;
}
.gallery-outer {
	position: absolute;
}
.gallery-section h2 {
	color: #fff;
}
.gallery img {
	width: 100%;
}
.gallery-section .jom-slider .tns-controls {
	position: absolute;
    bottom: -50px;
	left: 44px;
}


.gallery-section .jom-slider [data-controls="prev"]:after {
	content: '\f060';
	color: #fff;
	font-size: 19px;
}
.gallery-section .jom-slider [data-controls="next"]:after {
	content: '\f061';
	color: #fff;
	font-size: 19px;
}
.gallery-section .jom-slider .tns-controls [aria-controls] {
	width: 60px;
    height: 60px;
    border-radius: 50%;
	border: solid 1px #fff;
	background: transparent;
}
.gallery-section .jom-slider .tns-controls [aria-controls]:hover {
	background: #fb1d45;
}
.gallery-section .jom-slider [data-controls="prev"] {
	left: 5%;
}
.gallery-section a.more {
	float: right;
	position: relative;
	top: 330px;
	color: #fff;
}

.video-section {
	margin-bottom: 106px;
}
iframe {
	border-radius: 10px;
}
.video-block {
	position: relative;
}
.video-block img {
	border-radius: 10px;
	width: 100%;
}
a.utube-icon {
	position: absolute;
	top: 46.7%;
	left: 46.7%;
	z-index: 9;
	background: #fff;

}
a.utube-icon::before {
	content: '\f16a';
    display: block;
    width: 50px;
    font-size: 60px;
    font-family: 'FontAwesome';
    color: #ff3d00;
}

.video-section h5 {
	font-size: 20px;
	color: #fa1e44;
	margin: 30px 0 15px;
	text-transform: uppercase;
	font-weight:800;
}
.video-section p {
	 font-size: 15px;
	 width: 70%;
	 margin-bottom: 20px;
}







section h2 {
	color: #fa1e44;
    font-weight:400;
    font-size: 39px;
	margin-bottom: 22px;
}
a:hover {
	text-decoration: none;
}
.mt-50 {
	margin-top: 50px !important;
}


.footer-social {
	padding-left: 27px;
    display: inline-block;
    margin-top: 23px;
}
.footer-social a {
	border-radius: 3px;
	float: left;
	margin-right: 10px;
}


/* Footer Social Media Icons  */

/* Facebook  */
.footer-social a.facebook {
	display: block;
	width: 30px;
	height: 30px;
	background: #383eb7;
}
.footer-social a.facebook::after {
	content: '\f09a';
    display: block;
    font-size: 16px;
    font-family: FontAwesome;
    padding: 4px 11px;
	color: #fff;
}
/* Instagram */
.footer-social a.instagram {
	display: block;
	width: 30px;
	height: 30px;
	background: #383eb7;
}
.footer-social a.instagram::after {
	content: '\f16d';
    display: block;
    font-size: 16px;
    font-family: FontAwesome;
    padding: 2px 9px;
    color: #fff;
}

/* youtube */
.footer-social a.youtube {
	display: block;
	width: 30px;
	height: 30px;
	background: #383eb7;
}
.footer-social a.youtube::after {
	content: '\f16a';
    display: block;
    font-size: 16px;
    font-family: FontAwesome;
    padding: 2px 7px;
    color: #fff;
}
.subpage-contact-us{
	text-align: center;
	padding: 40px 0px 60px;
	background:#ebf2f9;
}
.subpage-contact-us h3{
	font-size: 24px;
	font-weight: 800;
	color: #fa1e44;
	margin-bottom: 10px;
	line-height:28px;
}
.subpage-contact-us span{
	font-size: 18px;
	font-weight: 800;
	color: #181860;
	display: inline-block;
	width: 100%;
	/*padding-left: 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: #fa1e44;color: #fff; border:3px solid #fa1e44;}
.class-dission ul li a::after {color: #fa1e44;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:#fa1e44;} 

.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:16px; 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:#999; font-weight:800;}
.subpage-section .alumni-button {padding:12px 18px; border:1px solid #fa1e44; background:#fa1e44; color:#fff; font-weight:600;border-radius:4px; width:100%;}
.subpage-section .alumni-button:hover {background:#322a8f; border:1px solid #322a8f;}
.subpage-section .photo-upload-title {font-weight:800;}
.subpage-section .content label.error {color:#f00; display:block;}

.subpage-contact-us{
	text-align: center;
	padding: 40px 0px 60px;
	background:#ebf2f9;
}
.subpage-contact-us h3{
	font-size: 24px;
	font-weight: 800;
	color: #fa1e44;
	margin-bottom: 10px;
	line-height:28px;
}
.subpage-contact-us span{
	font-size: 18px;
	font-weight: 800;
	color: #181860;
	display: inline-block;
	width: 100%;
	/*padding-left: 20px;*/
}

.subpage-contact-us .contact-mg {margin-top:20px;}
.subpage-contact-us .contact-mg h4 {font-size:20px; margin-bottom:0px;}
.subpage-contact-us .contact-mg .contact-box {background:#fff; height:100%; padding:14px; margin-bottom:15px;border-radius:6px;box-shadow: 0 3px 10px rgb(0 0 0 / 5%);}
.contact-mg-learn {margin-top:40px;}
.contact-mg-learn a.lear-more {
    background-color: #fa1e44;
    font-size: 18px;
    font-weight: 800;
    color: #fff!important;
    text-align: center;
    padding: 15px 30px;
	text-decoration:none;
}
.contact-mg-learn a.lear-more:hover {background:#2ea636;}

.contact-mg-units {margin-top:20px;}
.contact-mg-units h4 {font-size:18px!important; margin-bottom:8px; padding: 0!important}
.contact-mg-units .contact-box {background:#f0f0f0; height:100%; padding:14px; margin-bottom:15px;}
.contact-mg-units .contact-box p {font-size: 14px!important; line-height: 24px!important; margin: 0!important; padding: 0!important;}

.subpage-contact-us h4 {font-size: 24px; font-weight: 800; color: #fa1e44; margin-bottom:16px;}
.subpage-contact-us .contact-address {font-weight:400; color:#484848; line-height:28px;}
.subpage-contact-us .contact-address p {margin-bottom:0px;color: #181860;font-weight:800;}
.subpage-contact-us .contact-address a {color:#fa1e44;}
.subpage-contact-us .contact-address a:hover {color:#181860;}

.subpage-section h2.contact {color:#181860; font-weight: 800; font-size: 28px; margin-bottom: 16px;}
.subpage-section p.contactcnt {color:#fa1e44; font-weight: 800; font-size: 18px; margin-bottom: 34px;}

.contact-map {
	background:#f4f7fa;
}
.vis-mis {background:#fcee4f;border-radius:6px;padding:20px;margin-bottom:14px;border:2px dashed #fff;}
.vis-mis h3 {padding-bottom:0px!important;}
.vis-mis p {font-size:22px!important;line-height:26px;font-weight:400!important;}
.vis-mis p strong {font-weight:800;}
.mana-block {text-align:center; margin-bottom:20px;font-size:16px;font-weight:500;color:#222;}
.mana-block span {font-weight:800;color: #fa1e44;}
.mana-block img {border-radius:6px;}
.for-prin {text-align:center; margin-bottom:20px;}
.for-prin h6 {font-size:16px;font-weight:800!important;color:#222;margin-bottom:4px;}
.for-prin span {font-weight:600;color: #000;font-size:13px;line-height:14px!important;}


@media (max-width: 767.98px){
.table-wrapper {
    overflow: auto;
}
}
.padding-b-20 {
    padding-bottom: 20px;
}
.feesa {text-align:center; margin-bottom:10px;}
.feesa a {text-align: center;
    background-color: #fcee4f;
    border: 4px dotted #fff;
    display: block;
    border-radius: 0px;
    line-height: 38px;
    font-size: 28px;
    margin: 0 auto;
    color: #333;
    text-decoration: none;
    font-weight: 800;
    padding:14px;
}
.feesa a:hover {
	background:#fa1e44;
	border: 4px dotted #fff;
	color:#fff;
}
.fee-outer {background:#ccc; padding:10px;}
.fees2 {text-align:center; margin-bottom:10px;background:#fff;padding:10px;border:1px solid #ccc;margin-bottom:10px;color:#000;}
.fees2 strong {color:#fa1e44;font-weight:800;}
.subpage-section h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    color: #181860;
    padding: 0px 0px 10px;
}
.padd-top-20 {
    padding-top:20px!important;
    color:#fa1e44!important;
}
.downloads-buttoncc {
    display:inline-block;
	background-color: #181860;
    color: #fff;
    font-weight: 800;
    padding: 3px 15px;
    border-radius: 4px;
	font-size:14px;
	text-decoration:none;
}
.downloads-buttoncc:hover {
    color: #fff;
    background-color: #fa1e44;
}
a.adm-btn {
    text-align: center;
    background-color: #fa1e44;
    border: 4px dotted #fff;
    display: block;
    border-radius: 0px;
    line-height: 30px;
    font-size: 20px;
    margin: 0 auto;
    color: #fff;
    text-decoration: none;
    font-weight: 800;
    padding: 14px;
    width:250px;
}
.img-width-100 {
    max-width: 100%;
}

.adm_gender {padding-top:14px;}
@media (max-width: 600px) {
.adm_gender {padding-top:0px;}
}