﻿@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

a:hover {
	text-decoration: none
}
table.table.table-box tr td, table.table.table-box tr th {
	border: 1px solid #000;
	font-size: 16px;
	width: 50%;
}
table.table.table-box.table-hover.table-striped {
	text-align: center;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	height: 100%;
	width: 100%;
	text-align: justify;

	background: #fff;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

* {
	outline: none;
}

img {
	border: none;
}

a {
	text-decoration: none;
}

html {
	-webkit-text-size-adjust: 100%;
}

ul,
p {
	margin: 0;
	padding: 0;
	list-style: none;
}

*,
:before,
:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body,
html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	outline: none;
}
 

a:hover {
	text-decoration: none;
}

a {
	text-decoration: none;
	outline: none;
}

.color2 {
	color: #AE8939
}

.masterBg {
	background: #fff;
}

.haderbox {
	width: 100%;
	background: #164e9b;
	float: left;
}

.menubox {
	width: 100%;
	float: left;
	/*box-shadow: 0px 5px 8.5px 1.5px rgba(0, 0, 0, 0.21);*/
	position: absolute;
	top: 2px;
	left: 0px;
	z-index: 9
}

.menuin {
	width: 100%;
	margin: 0px auto;
	position: relative;
}

#menu {
	float: left;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 3px;
	z-index: 99;

}

.bdr44 {
	border-left: 1px solid #5c1916;

}

a.menuLogo {
	margin: 7px 0;
	float: left
}

.leftMenu {
	position: relative;
	width: 100%;
	text-align: center
}

.sliderBox {

	width: 100%;
	float: left;

}
.mobile
{ display:none
}
.mary,
.saint {
	position: absolute;
	bottom: 0;
	z-index: 9;
}

.saintlink .l100 {
	position: absolute;
	left: 0;
	bottom: 8px;
	text-align: center;
	width: 100%;
	float: left;
}

.saintlink a {
	background: #ece0a6;
	padding: 5px 14px;
	text-transform: uppercase;
	color: #b12808;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Montserrat'; white-space:nowrap
}

.saintlink a:hover {
	background: #5c1916;
	color: #fff;
}

.mary {
	left: 0;
}

.saint {
	right: 0;
}

.mobileview {
	display: none
}

.iconstop {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 62px;
	right: 0;
	margin: auto;
	max-width: 723px;
	width: 100%;
	background: #fff;
	position: relative;
	height: 56px;
	padding-top: 8px;
}

.iconstop::after {
	background: url(/images/iconstop_after.png) no-repeat;
	width: 98px;
	height: 56px;
	position: absolute;
	content: '';
	top: 0;
	left: -98px;
} 
#slider1 ul li .caption h2 p {
	color: #ff5248;
	font-size: 63px;
}

#slider1 ul li .caption span {
	font-size: 15px;
	font-family: 'Montserrat';
	line-height: 25px;
	display: block;
	margin: 50px 0px;
}

#slider1 ul li .caption a {
	background: #fff4a7;
	color: #253d6b;
	text-transform: uppercase;
	border-radius: 20px;
	padding: 10px 15px 10px 10px;
	font-size: 20px;
	font-weight: 500;
	font-family: 'Montserrat';
}

#slider1 ul li .caption a span {
	background: url(/images/sliderlink.png) center center no-repeat #253d6b;
	/* float: left; */
	display: inline-block;
	height: 30px;
	margin: 0;
	width: 30px;
	border-radius: 15px;
	/* margin-top: 5px; */
	position: relative;
	top: 8px;
	margin-right: 7px;
}

.girlimg a {
	font-size: 15px;
	text-transform: capitalize;
	color: #fff;
	background: #ff5248;
	display: inline-block;
	padding: 1px 15px;
	border-radius: 20px;
	margin-top: 20px;
}

#slider1 ul li .caption a:hover {
	background: #ff5248;
	color: #fff;
}

#slider1 ul li .caption a:hover span {
	background: url(/images/sliderlink.png) center center no-repeat #fff;
}

.girlimg a:hover {
	background: #fff;
	color: #414d95;
}


#slider1 .flex-direction-nav a.flex-next:before,
#slider1 .flex-direction-nav a:before {
	display: none
}

#slider1 .flex-direction-nav .flex-next {
	background: url(/images/next1.png) center center no-repeat #5c1916;
	cursor: pointer;
	float: left;
	opacity: 1;
	visibility: hidden;
	right: 20px;
}

#slider1 .flex-direction-nav .flex-prev {
	background: url(/images/prev1.png) center center no-repeat #5c1916;
	cursor: pointer;
	float: left;
	opacity: 1;
	visibility: hidden;
	left: 20px;
}

#slider1:hover>.flex-direction-nav .flex-next {
	visibility: visible;
	right: 10px;
}

#slider1:hover>.flex-direction-nav .flex-prev {
	visibility: visible;
	left: 10px;
}

#slider1 .flex-control-nav {
	bottom: 30px;
	z-index: 99;
	display: none
}

@-webkit-keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 8deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 8deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -8deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -8deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 2deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 2deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -1deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -1deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 8deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 8deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -4deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -4deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 2deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 2deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -1deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -1deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}

@-webkit-keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

#slider1 {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
}

#slider1 ul li img {
	width: 100%;

}

.about-bg {
	background: url(/images/about-bg1.jpg) top center no-repeat;
	background-size: cover;
}

.mainScorller {
	width: 100%;
	float: left;
	padding-top: 46px;
}

.box_in {
	width: 100%;
	max-width: 1170px;
	margin: 0px auto;
}

.logoname {
	position: absolute;
	bottom: -27px;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: 700px;
	height: 212px;
	text-align: center;
	background: url(/images/logo-bg.png) top center no-repeat;
}

.logoname a {
	display: block;
	position: relative;
	padding: 5px 0;
}

/*.logoname a:after
    { content:""; background:url(/images/logol.png) no-repeat; position:absolute; top:0; left:0; width:160px; height:83px; margin-left: -150px;float:left
    }
     .logoname a:before
    { content:""; background:url(/images/logor.png) no-repeat; position:absolute; top:0; right:0; width:160px; height:83px; margin-right: -150px;float:right
    }*/

.logoname h2 {
	white-space: nowrap;
	text-align: center;
	font-family: Times New Roman, Times New Roman;
	font-style: normal;
	font-weight: bold;
	font-size: 55px;
	color: #FEE25A;
	letter-spacing: -0.2px;
	text-transform: uppercase;
}

.logoname h4 {
	font-family: Times New Roman, Times New Roman;
	font-style: normal;
	font-weight: bold;
	font-size: 33px;
	color: #A6CC38;
	letter-spacing: -0.2px;
	text-transform: capitalize;
}

.logoname p {
	line-height: 26px;
	margin-top: -4px;
	text-align: center;
	font-family: Helvetica, Times New Roman;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: #fff;
}

.main_container10 {
	width: 100%;
	float: left;
	position: relative;

	height: 100%;

	margin: 0;
	padding: 0;
	background: url(/images/rpt1.png) 0px 40px #ece0a6;
	border-bottom: 4px solid #5c1916;
	height: 113px;
	padding-top: 10px;
	margin-bottom: -1px;
}

#menu .slider {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	height: 578px;

	cursor: default;
	top: 0;
}

.roundbtn {
	width: 100%;
	text-align: center;

	float: left;
	position: relative;


}

.roundbtn p {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 26px;
	font-family: 'Montserrat';
	white-space: nowrap
}

.roundbtn ul li {
	display: inline-block;
	margin: 0 5px;
	text-align: center; vertical-align:top;
}

.roundbtn .slick-slide img {
	display: inline-block;
}

.btnslider {
	padding: 0px 50px;
}

.btnslider .slick-prev:before,
.btnslider .slick-next:before {
	display: none
}

.btnslider .slick-prev {
	left: 0;
	background: url(/images/icleft.png) top center no-repeat;
	top: 66px;
}

.btnslider .slick-next {
	right: 0;
	background: url(/images/icright.png) top center no-repeat;
	top: 66px;
}

.btnslider .slick-prev:hover {
	left: 0;
	background: url(/images/icleft.png) top center no-repeat;
	top: 66px;
}

.btnslider .slick-next:hover {
	right: 0;
	background: url(/images/icright.png) top center no-repeat;
	top: 66px;
}

.roundbtn ul li a {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	/*background: #ece0a6;
	border: 5px solid #ece0a6;*/
	display: inline-block;
	letter-spacing: 0px;
	color: #FFFFFF;
	/*padding-top: 20px;*/
	transition: all 0.5s ease-out;
	margin-bottom: 10px;
}

.roundbtn ul li a span {
	background-image: url(/images/big-icon.png);
	background-repeat: no-repeat;
	width: 46px;
	height: 50px;
	display: inline-block;
}

.Forthcoming span {
	background-position: 8px 0px;
}

.Congratulations span {
	background-position: -167px 0px;
}

.Bishope span {
	background-position: -342px 0px;
}

.Archdiocesan span {
	background-position: -518px 0px
}

.arch span {
	background-position: -693px 0px
}

.Diocesan span {
	background-position: -520px 0px;
}


.roundbtn ul li:hover a {
	background: #5c1916;
	border: 5px solid #ece0a6;
}

.roundbtn ul li:hover a.Forthcoming span {
	background-position: 8px -55px;
}

.roundbtn ul li:hover a.Congratulations span {
	background-position: -167px -55px;
}

.roundbtn ul li:hover a.Bishope span {
	background-position: -342px -55px;
}

	.roundbtn ul li:hover a.Diocesan span {
		background-position: -520px -55px;
	}

.roundbtn ul li:hover a.Archdiocesan span {
	background-position: -518px -55px
}

.roundbtn ul li:hover a.arch span {
	background-position: -693px -55px
}

.roundbtn ul li a p {
	margin-bottom: 0px;
}

.roundbtn ul li a span.small {
	height: auto;
	width: auto;
	background-image: none;
	font-size: 12px;
}

.bg2 {
	background: url(/images/rpt2.png) 0px 40px #5c1916;
	border-top: 4px solid #ece0a6;
	padding: 15px 0;
	height: 240px;
}

.newbtns {
	background: #253d6b;
	border-radius: 125px;
	height: 250px;
}

.font34 {

	color: #5c1916;
	font-size: 24px;
}

.font18 {
	color: #404e94;
	font: normal normal bold 18px/22px Times New Roman;
	letter-spacing: -0.72px;
}

.font16 {
	color: #404e94;
	font: normal normal bold 12px/22px Times New Roman;
	letter-spacing: -0.72px;
}

 
.noticeH {


	text-align: center;
	font-weight: bold;
}

.noticeH img {
	vertical-align: middle;
	margin-right: 15px;
}

 

.achi .flex-prev {

	top: 96px;

}

.achi .flex-next {


	top: 96px;
}

.custom-navigation2 a {
	height: 22px;
	float: left
}


.msgH {
	border-bottom: 1px solid #404e94;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.noticeSlide {
	width: 100%;
	display: inline-block;
	position: relative;
}

.newsNotice {

	padding: 0px 0px;
	background: #f5f5f5;
}

.newsNotice .flex-direction-nav a {
	top: 60px;
	opacity: 1;
	width: 20px;
}

.newsNotice .flex-direction-nav a::before {
	content: '';
	background: url(/images/ArrowLeft.png) no-repeat center center;
	width: 100%;
	height: 100%;
}

.flex-direction-nav a.flex-next:before {
	content: '';
	background: url(/images/ArrowRight.png) no-repeat center center;
}

.newNotic .slick-prev {
	top: 0;
	left: auto;
	right: 0px;
	height: 15px;
	width: 23px;
	background: url(/images/nt.png) 0px 0px no-repeat;
	z-index: 9
}

.newNotic .slick-prev:before {
	display: none;
}

.newNotic .slick-next {
	top: auto;
	bottom: -10px;
	left: auto;
	right: 0px;
	height: 15px;
	width: 23px;
	background: url(/images/nb.png) 0px 0px no-repeat;
	z-index: 9
}

.newNotic .slick-next:before {
	display: none;
}

#newnotice_lblnoticedownloads {
	display: block;
	margin-top: -12px;
}

.msgpd {
	padding-left: 10px;
}

.msgroung {
	float: left;
	margin-right: 20px;
	text-align: center;
}

#newNotic {
	width: 950px;
	max-width: 100%;
	margin: 0 auto;
}

.news_inner {
	width: 100%;
	background: #fff;
	border-left: 7px solid #5c1916;
	padding: 9px 12px;
	padding-bottom: 5px;
	float: left;
	margin: 10px 0;
	background: #ece0a6;
	height: 107.75px;
}

.notice_left {
	display: inline-block;
	text-align: center;
	width: 78px;
	float: left;
	background: #5c1916;
	height: 78px;
	border-radius: 12px;
}

.notice_right {
	display: inline-block;
	width: 272px;
	float: right;
	padding-top: 25px;
	font-size: 16px;
	background: url(/images/new.png) 0px 0px no-repeat;
	width: calc(100% - 95px);
}

.notice_right a {
	color: #000;
}

.Notice_month {
	font-size: 11px;
	color: #fff;
	border-bottom: 3px solid #fff;
	padding-bottom: 3px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Montserrat';
	padding-top: 3px;
}

.Notice_date {
	color: #fff;
	font-weight: 600;
	font-size: 46px;
	line-height: 50px;
	font-family: Arial;
}

.jublibg {
	background: url(/images/jublibg.jpg) top left no-repeat #5c1916;
	height: 287px;
	/*margin: 30px 100px 30px 100px !important;*/
}

.box1139 {
	width: 100%;
	max-width: 1139px;
	margin: 0px auto;
	position: relative;
	padding: 5px 27px;
}

.box1139:before {
	background: #5c1916;
	width: 100%;
	height: 227px;
	position: absolute;
	top: -20px;
	left: 0;
	float: left;
	content: "";
}

.dd {
	background: #ece0a6;
}

.historyh {
	font-size: 18px;
	color: #5c1916;
	font-weight: 600;
	margin: 20px 0px 10px 0;
}

.historyp {
	color: #000;
	font-size: 18px;
}

.thoughtbg {
	position: absolute;
	left: 0;
	top: 0;
}

.aboutmain {
	width: 100%;
	float: left;
	padding: 67px 0 51px 0;
	background: #164e9b;
	height: 460px;
	position: relative;
	margin: 57px 0;
}

.aboutmain:before {
	content: "";
	background: url(/images/slider-01.jpg) top right no-repeat;
	height: 100%;
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
	background-size: auto 100%;
}

.fullbox {
	width: 100%;
	float: left
}

.w46 {
	max-width: 47%
}

.aboutimg {
	float: right;
	margin-left: 20px;
	margin-top: -35px;
}

.hding {
	margin-bottom: 22px;
}

.facilities {
	width: 100%;
	float: left;
	background: url(/images/facilities.png) no-repeat repeat #184a8f;
	background-size: cover;
	padding: 47px 0;
}

.custom-faci {
	float: right;
}

.custom-faci a,
.custom-navigation1 a {
	font-size: 18px;
	font-weight: bold
}

.custom-faci a:hover,
.custom-navigation1 a:hover {
	opacity: .5;
}

.custom-navigation1 .flex-prev img {
	transform: rotate(-180deg);
}

#faci {
	margin-bottom: 40px;
	margin-top: 17px;
}

#faci .slides li a {
	display: block;
	position: relative;
}

#faci .slides li a div.fhover {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	font-size: 22px;
	color: #ffffff;
	font-weight: bold;
	visibility: hidden
}

#faci .slides li:hover>a {
	background: #000;
}

#faci .slides li:hover>a img {
	opacity: .5;
}

#faci .slides li:hover>a div.fhover {
	visibility: visible;
}

.imageTopp {
	max-width: 136px;
}

a.viewAll3 {
	display: inline-block;
	border: 3px solid #5c1916;
	border-radius: 50px;
	padding: 0 10px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #5c1916;
	line-height: 34px;
	text-transform: uppercase
}

a.viewAll3:hover {
	color: #d71921;
	border: 3px solid #d71921;
}

a.viewAll4 {
	border: 3px solid #fff4a7;
	color: #fff;
	padding: 0 14px;
}

a.viewAll4:hover {
	color: #ff5248;
	border: 3px solid #ff5248;
}

a.viewAll5 {
	color: #fff;
	border: 3px solid #fff;
}

a.viewAll5:hover {}

a.viewAll3_white {
	display: inline-block;
	border: 3px solid #fff;
	border-radius: 50px;
	padding: 0 10px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	line-height: 34px;
	text-transform: uppercase
}

a.viewAll3_white:hover {
	color: #404e94;
	border: 3px solid #404e94;
}

a.viewAll2 {
	display: inline-block;
	border: 3px solid #404e94;
	border-radius: 50px;
	padding: 0 10px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #404e94;
	line-height: 34px;
	text-transform: uppercase
}

a.viewAll2:hover {
	border: 3px solid #ff5248;
	color: #ff5248;
}

a.border2 {
	border: 4px solid #AE8939;
	color: #AE8939;
}


.glrybx {
	padding-top: 53px;
	margin-top: 80px;
	text-align: center;
}

.achbx {
	margin-top: 80px;
	text-align: center;
}

.FounderBox {
	margin-top: 80px;
	background: #ff5248;
	padding: 38px;
	box-sizing: border-box;
	background-size: cover
}

.FounderBox img {
	float: left;
	margin-right: 40px;
	padding: 10px;
	background: #fff;
}

.FounderBox .Founder-name {
	font-size: 30px;
	color: #fff;
	font-weight: 500;
}

.FounderBox .Founder-name strong {
	font-weight: 500
}

.FounderBox p {
	font-size: 20px;
	color: #fff;
	font-weight: 300;
}

.founder-m {
	margin: 20px 0;
}

.newsupdatesld {
	width: 100%;
	float: left;
	overflow: hidden;
	text-align: left;
	min-height: 79px;
}

.newsup {
	min-height: 70px;
}

.arrow_newsupdate {
	background: url(/images/newup.png) no-repeat left 5px;
	padding-left: 25px;
	font-size: 20px;
	display: inline-block;
	color: #000;
}

.glryrpt {
	margin-bottom: 15px;
}

.glryrpt a {
	width: 236px;
	height: 149px;
	display: inline-block;
	overflow: hidden;
}

.glryrpt a img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

a.viewAll3 span {
	background: url(/images/rm-arrow.png) no-repeat;
	display: inline-block;
	height: 10px;
	width: 15px;
	margin-left: 12px;
	display: none
}

.facilities a.viewAll3:hover,
.gbox a.viewAll3:hover {
	background: #fff;
}

#slider_first .slides li img {}

#slider_first {
	margin-top: 20px;
	color: #3B3735;
	font: normal normal normal 18px/30px Helvetica;
}

#slider_first,
.switcher {
	width: 100%;
	float: left;
}

.switcher {
	background: #1d2f53;
	padding: 7px 0px;
	border-radius: 22px;
	height: 42px;
}

.switcher ul li {
	display: inline-block;
	line-height: 13px;
	float: left;
	border-right: 1px solid #fff;
	font-size: 14px;
	margin: 7px 0;
}

.switcher ul li:last-child {
	border-right: none;
}

.switcher ul li.flex-active {
	opacity: 1;
}

.switcher ul li a {

	display: inline-block;
	padding: 0 13px;
	color: #fff;
	font-weight: 500;

	font-size: 15px;
}

.switcher ul li:first-child a {}

.switcher ul li.flex-active a {
	color: #fff;
}

.mgntop {
	margin-top: -122px;
}

.switcher1 {
	width: 100%;
	text-align: center;
}

.switcher1 ul li {
	display: inline-block;
	margin: 0px 20px;
}

.switcher1 ul li a {
	color: #7a7a7a;
	font-size: 20px;
}

.switcher1 ul li.flex-active a {
	color: #404e94;
}

.msgBox {
	float: left;
	width: 100%;
	position: relative;
	padding-bottom: 150px;
}

.msgBox h3 {
	text-align: center;
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	padding-left: 190px;
	top: 71px;
	position: relative;
	margin-top: -26px;
}

.boxx1 .Subscribebg {
	background: url(/images/Subscribe.svg) 0px 47px no-repeat;
	background-size: 100%;
	min-height: 343px;
	margin-top: 30px;
}


.achivebg {
	background: url(/images/achivebg.svg) top left no-repeat;
	background-size: auto 100%;
}

.gift,
.prize {
	max-height: 60px;
}

.gift {
	position: relative;
	top: -6px;
}

.stdhd {
	border: 2px solid #ff5248;
	border-radius: 15px;
	font-size: 16px;
	color: #fff;
	padding: 3px 10px;
	text-transform: uppercase;
	font-size: 22px;
	margin: 14px 0;
	display: inline-block;
	background: #ff5248;
	width: 56px;
	text-align: center
}

.galleryBox,
.rslider,
.gleft,
.pg-rmore,
.galler_heading {
	width: 100%;
	float: left
}

#AchievementHome_lblAchievement,
#facility {
	max-width: 547px;
	float: left;
	padding: 0 70px;
}

.galleryBox,
.gbox {
	width: 100%;
	float: left
}

.gaicon {
	height: 43px;
	position: relative;
	top: -3px;
}


#homephotog_LBPhoto {
	width: 100%;
	float: left;
	text-align: center;
}

.homephotog_LBPhoto div.slide {
	width: 100%;
	max-width: 485px;
	margin: 0px auto;
}


#homephotog_LBPhoto .slides li a {
	height: 272px;
	display: block;
	overflow: hidden;
	width: 100%;
	padding: 15px;
}

#homephotog_LBPhoto .slides li a img {
	width: 100%;
	height: 100%;
}

#homephotog_LBPhoto .pg-rmore {
	margin-top: 30px;
}

#gallerSec {
	position: relative;
	margin-top: 30px;
}

#gallerSec .flex-direction-nav a.flex-next:before,
#gallerSec .flex-direction-nav a:before,
.topper-xii .flex-direction-nav a.flex-next:before,
.topper-xii .flex-direction-nav a:before {
	display: none
}

.custom-navigation1 {
	float: right;
	position: relative;
	top: 40px;
	z-index: 2
}

.galler_heading {
	font-size: 18px;
	letter-spacing: 0.6px;
	color: #5c1916;
	font-weight: 600;
}

.Grydate {
	font-size: 14px;
	color: #ff5248;
	margin-bottom: 10px;
	font-weight: 500;
}

.Grydate span {
	color: #ff5248;
}

.mt-30 {
	margin-top: 34px;
}


#slider_first .slides li p {
	font-size: 20px;
	line-height: 24px;
	font-family: 'Montserrat';
	color: #fff;
}

.NameMsg {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	margin: 12px 0 20px 0;
}

#slider_first .slides li p.msgrm {
	margin: 0;
	margin-top: 40px;
}

#slider_first .slides li p.msgrm a {
	display: inline-block;
	color: #006bcd;
	width: 120px;
	text-align: center;
	height: 40px;
	background: #fff;
	line-height: 40px;
	font-size: 15px;
	border-radius: 5px;
}

#slider_first .slides li p.msgrm a:hover {
	background: #f62d40;
	color: #fff;
}

.bbtm {
	border-bottom: 1px solid #5c1916;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.Parishes li {
	text-align: center;
	position: relative;
}

.Parishes li img {
	border: 29px solid #e9dca0;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.Parishes li .bgbdr {
	height: 252px;
	width: 100%;
	background: #fffdf1;
	border: 1px solid #cdbd72;
	margin-top: -140px;
	position: relative;
}

.Parishes li .bgbdr p {
	background: #5c1916;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	width: 100%;
	float: left;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 50px;
}

.Parishes .slick-prev {
	left: 10px;
	z-index: 1;
	bottom: -11px;
	top: auto;
	background: url(/images/al.png) no-repeat;
	width: 35px;
	height: 35px;
}

.Parishes .slick-next {
	right: 10px;
	z-index: 1;
	bottom: -11px;
	top: auto;
	background: url(/images/ar.png) no-repeat;
	width: 35px;
	height: 35px;
}

.Parishes .slick-prev:before,
.Parishes .slick-next:before {
	display: none
}

.bg4 {
	background: url(/images/bdy-bg3.jpg) #ece0a6 no-repeat;
	background-size: 100% 100%;
	height: 375px
}

.bg5 {
	background: #ece0a6
}

.bdydiv {
	width: 100%;
	max-width: 198px;
	margin: 0px auto;
	margin-top: -22px;
}

.bdy li img {
	display: inline-block
}

.bdy .slick-arrow {
	background: url(/images/bl.png) no-repeat;
	width: 16px;
	height: 23px;
}

.bdy .slick-next {
	background: url(/images/br.png) no-repeat;
	width: 16px;
	height: 23px;
}

.bdy .slick-arrow:before,
.bdy .slick-next:before {
	display: none
}

.bdy li p.bdy_name {
	font-size: 18px;
	font-weight: 600;
	color: #5c1916
}

.bdy li p.bdy_date {
	font-size: 18px;
	font-weight: 600;
	color: #000
}

.RESOURCES {
	text-align: center;
	margin: 111px auto;
	width: 100%;
	float: left
}

.RESOURCES li {
	background: #5c1916;
	display: inline-block;
	text-align: center;
	margin: 10px;
	height: 118px;
	width: 230px;
	vertical-align: top;
	padding-top: 10px;
}

.RESOURCES li a p {
	margin-top: 5px;
}

.RESOURCES li a {
	color: #fff;
	font-size: 15px;
	line-height: 18px;
}

.RESOURCES li a span {
	font-size: 13px;
}

.RESOURCES li a img {
	transition: transform 1s;
}

.RESOURCES li a:hover img {
	transform: rotate(360deg);
}

.msgin {
	width: 100%;
	max-width: 490px;
	background: #164e9b;
	border-radius: 5px;
	float: left;
	padding: 25px;
	color: #fff;
	position: relative;
	padding-bottom: 0;
}

.msgin:after {
	content: "";
	background: url(/images/tip.jpg) 148px 0px no-repeat;
	height: 18px;
	width: 100%;
	float: left;
	position: relative;
	top: 18px;
}

.msgin .roundimg {
	float: left;
	margin-top: -170px;
	position: relative;
	top: 144px;
}

.msgin .roundimg img {
	height: 120px;
	border-radius: 50%;
	border: 3px solid #fff;
	margin-bottom: 10px;
}

.msgin .roundimg p.des {
	color: #164e9b;
	font-size: 16px;
	font-weight: 600
}

.msgin .roundimg p.pname {
	color: #4fb4ea;
	font-size: 16px;
	font-weight: 600
}

.msgimages {
	float: right;
	margin-top: 60px;
}

.msgimages ul li {
	display: inline-block;
	height: 120px;
	width: 120px;
}

.msgimages ul li img {
	border-radius: 50%;
	border: 3px solid #fe6315;
	opacity: .60
}

.msgimages ul li.active {
	width: 220px;
	height: 220px;
}

.msgimages ul li.active img {
	opacity: 1;
}

.fullBoxMob {
	float: left;
	text-align: center;
	position: absolute;
	left: 10px;
	top: 5px;
	z-index: 99;
}

#menu-mobile {
	display: none
}

.connectwith {
	width: 100%;
	float: left;
	margin-top: 37px;
	margin-bottom: 48px;
}

.bigIcons {
	width: 100%;
	float: left;
	margin-top: 19px;
}

.bigIcons ul {
	text-align: center
}

.bigIcons ul li {
	text-align: center;
	display: inline-block;
	float: left;
	margin-left: 20px;
}

.bigIcons ul li:first-child {
	margin-left: 0;
}

.bigIcons ul li a {
	display: block;
	width: 218px;
	height: 252px;
	text-align: center;
	background: #e4ebf1;
}

.bigIcons ul li a span {
	width: 94px;
	height: 103px;
	display: inline-block;
	background-image: url(/images/bigicons.png);
	background-repeat: no-repeat;
	margin-top: 52px;
}

.bigIcons ul li a p {
	color: #000000;
	font-size: 24px;
	margin-top: 15px;
}

.bigIcons ul li a:hover p {
	color: #fff;
}

.bigIcons ul li a:hover {
	background: #fd5f16;
}

.bigIcons ul li .kidsCorner span {
	background-position: 17px 0px;
}

.bigIcons ul li .campusTour span {
	background-position: -112px 0px;
}

.bigIcons ul li .joinus span {
	background-position: -234px 0px;
}

.bigIcons ul li .Alumni span {
	background-position: -361px 0px;
}

.bigIcons ul li .eCare span {
	background-position: -482px 0px;
}


.whiteBox {
	width: 100%;
	float: left;
	text-align: center
}

.whiteBox .container {
	max-width: 1202px;
}

.whiteBox h3 {
	margin: 48px 0 32px 0;
	font-size: 36px;
	color: #de243b;
	font-weight: bold;
}

.whiteBox .achievement {
	float: right;
	width: 100%;
	background: url(/images/tprbg.jpg);
	max-width: 564px;
	padding: 48px 0;
}

.infrs_up_img {
	width: 413px;
	height: 240px;
	float: left;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.infrs_up_img img {
	height: 100% !important;
}

#Infrastructure ul li span img {
	width: 413px !important
}

div#achi_slide ul li .infrs_up_img img {
	width: 100%;
	position: relative;
	margin-top: 4px;
}

div#achi_slide ul li {
	margin-right: 35px;
}

.whiteBox .slideTxt {
	float: left;
	width: 100%;
	color: #333333;
	font-size: 16px;
	text-align: left;
	padding: 15px 0px 0px 0px;
}

.whiteBox .slideTxt p.dd {
	color: #8d8d8d;
	background: url(/images/time.png) left center no-repeat;
	font-size: 14px;
	padding-left: 20px;
	margin-top: 3px;
}

.whiteBox .slideTxt p.dd b {
	font-weight: 500
}

.whiteBox .flexslider .flex-direction-nav a.flex-next:before,
.whiteBox .flexslider .flex-direction-nav a:before,
.whiteBox .slideTxt p.homeAchivementDesc {
	display: none
}

.whiteBox .flexslider .flex-direction-nav .flex-next {
	cursor: pointer;
	background: url(/images/next10.png) center center no-repeat;
	float: right;
	opacity: 1;
	visibility: visible;
	right: 0%;
	height: 33px;
	width: 37px;
	top: 132px;
}

.whiteBox .flexslider .flex-direction-nav .flex-prev {
	cursor: pointer;
	background: url(/images/prev10.png) center center no-repeat;
	float: left;
	opacity: 1;
	visibility: visible;
	left: 0%;
	height: 33px;
	width: 37px;
	top: 132px;
}


.tprmain {
	width: 100%;
	float: left;
	padding: 50px 0px;
	background: #fff;
}

.topperBox {
	max-width: 250px;
	margin: 0px auto
}

.topperBox .slides img {
	max-width: 136px;
}

.tname {
	color: #3B3735;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 18px;
	margin-top: 12px;
}

.tclass {
	font-size: 18px;
	color: #3B3735;
	font-weight: 500;
	margin-bottom: 12px;
}

.bdybox {
	float: right;
	width: 100%;
}

.bdaybx {
	background: #ffd3d0;
	margin-top: 80px;
	padding: 30px 20px;
}

.tbg {
	background: url(/images/toperbg.png) top center no-repeat;
}

.sbg {
	background: url(/images/bdybg.png) top center no-repeat
}

.bdybox .font34 {
	line-height: 34px;
}

.bdybg {
	background: url(/images/bdybg.png) center 60px no-repeat;
}

.slideTxt {
	float: left;
	width: 100%;
	margin-top: 10px;
	font-size: 20px;
	text-align: center;
}

p.dd {
	font-size: 14px;
	color: #404e94;
	margin-top: 19px;
	float: left;
}

.slideTxt p.dd {
	font: normal normal normal 16px/24px Helvetica;
	font-size: 16px;
}

.slideTxt p span.uon {
	color: #3B3735;
}

.bdybox .flexslider .flex-direction-nav a.flex-next:before,
.bdybox .flexslider .flex-direction-nav a:before {
	display: none
}

.bdybox .flexslider .flex-direction-nav .flex-next {
	cursor: pointer;
	background: url(/images/leftarrow.svg) center center no-repeat;
	float: left;
	opacity: 1;
	visibility: visible;
	right: 0%;
	height: 24px;
	width: 24px;
	top: 70px;
	z-index: 0
}

.bdybox .flexslider .flex-direction-nav .flex-prev {
	cursor: pointer;
	background: url(/images/rightarrow.svg) center center no-repeat;
	float: left;
	opacity: 1;
	visibility: visible;
	left: 0%;
	height: 24px;
	width: 24px;
	top: 70px;
	z-index: 0
}

.todText {
	text-align: center;
}

.footer .container {
	max-width: 1200px;
}

.footer {
	width: 100%;
	position: relative;
	float: left;
	background: url(/images/rpt1.png) 0px 40px #ece0a6;

	padding: 3px 0;
}

.footer2 {
	background: #5c1916;
}


.footer p a:hover {
	color: #ffe56c;
}

.footerBtm {
	position: relative;
	text-align: center;
	font-size: 16px;
	color: #fff;

	font-family: "Nunito", sans-serif;
}

.footerBtm a {
	font-size: 16px;
	color: #fff;
	display: inline-block;
}

.footerBtm a:hover {
	color: #ff5248;
}

.foolink {
	text-align: left;
}

.foolink li {
	padding-left: 30px;
	margin-bottom: 15px;
}

.foolink li,
.foolink li a {
	color: #192352;
	font-size: 16px;
}

.foolink li.ad3 {
	background: url(/images/h11.png) 0px 4px no-repeat;
}

.foolink li.ph3 {
	background: url(/images/tl.png) 0px 4px no-repeat;
}

.foolink li.mail3 {
	background: url(/images/mail3.png) 0px 4px no-repeat;
}

.foolink li.web3 {
	background: url(/images/gl2.png) 0px 4px no-repeat;
}

.app-icon {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 18px;
	margin-top: 20px
}

.app-icon li {
	display: inline-block;
	margin: 0px 10px;
}

.codeH {
	color: #fff;
	text-align: center;
	font-weight: 300;
	margin: 20px 0;
}

.scode {
	font-size: 18px;
	font-weight: bold;
}

.schoolcode {
	text-align: center
}

.codeIn {
	display: inline-block;
	background: #fff;
	padding: 5px 20px;
	border: 1px dashed #f3281f;
	color: #1c1c1c;
	font-size: 18px;
	font-weight: bold
}

.footerRight {
	float: right;
}

.footerRight ul li a {
	color: #fff;
	font-size: 14px;
}

.footerRight ul li a:hover {
	color: #ffe56c;
}

.footerRight ul li {
	margin: 5px 0;
	border-top: 1px solid #4677c4;
	background: url(/images/lig.png) left center no-repeat;
	padding: 3px 0px 4px 15px
}

.footerRight ul li:first-child {
	border: 0;
}

ol.numbring li {
	padding-left: 10px;
	margin-bottom: 12px;
}

.mastermenu {
	position: relative;
	background: #404e94;
}

.mstrmenu {
	max-width: 1160px;
	width: 100%;
	text-align: left;
	margin: 0px auto;
}

#headtitle {

	font-weight: 600;
	text-transform: uppercase;
	background: #5c1916 !important;

	color: #fff; text-align:center
}

.fbdr {
	margin-top: 20px;
	position: relative;
	width: 100%;
	bottom: 0;
	left: auto;
	/* right: auto; */
	max-width: 100% !important;
}

.fimg {
	float: right;
}

.fleft {
	float: left;
	max-width: 220px;
	text-align: left
}

.socialIcon {
	display: block;
	float: left;
	width: 100%;
	margin-top: 7px;
}

.socialIcon ul {}

.socialIcon ul li {
	display: inline-block;
	margin: 0 1px;
	width: 25px;
	height: 25px;
	transition: all 0.5s ease-out;
	border-radius: 20px;
}

.socialIcon ul li a {
	width: 21px;
	height: 21px;
	display: inline-block;
	background-image: url(/images/socialIcon.png);
	background-repeat: no-repeat;
}

.socialIcon ul li a.instragram {
	background-position: 0px 0px;
}

.socialIcon ul li a.whatapp {
	background-position: -24px 0px;
}

.socialIcon ul li a.facebook {
	background-position: -49px 0px;
}

.socialIcon ul li a.youtube {
	background-position: -74px 0px;
}

.socialIcon ul li a.linkdin {
	background-position: -98px 0px;
}

.socialIcon ul li a.twitter {
	background-position: -123px 0px;
}

.socialIcon ul li a.instragram {
	background-position: 0px 0px;
}

.socialIcon ul li:hover a.whatapp {
	background-position: -24px -22px;
}

.socialIcon ul li:hover a.facebook {
	background-position: -49px -22px;
}

.socialIcon ul li:hover a.youtube {
	background-position: -74px -22px;
}

.socialIcon ul li:hover a.linkdin {
	background-position: -98px -22px;
}

.socialIcon ul li:hover a.twitter {
	background-position: -123px -22px;
}

.footer p.font18 {
	font-size: 18px;
	font-weight: 600;
}

.master-hdr {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 30px;
	font-weight: bold;
	color: #404e94;
	padding: 10px 0px;
}

.masterIn {
	width: 100%;
	max-width: 1170px;
	margin: 0px auto;
}

.master-text {
	margin: 10px 0;
	min-height: 380px;
	float: left;
	width: 100%;
	color: #484646;
	padding: 0px 0px;
	line-height: 26px;
	font-size: 18px;
}

.master-text p {
	margin-bottom: 10px;
}

.master-text img {
	max-width: 100%;
}


.accordionHeader_Y {
	color: #5c1916;
	background: #ece0a6 url(/images/ajax-arrow1.png) 99% center no-repeat;
	padding: 10px;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 10px;
}

.accordionHeaderSelected {
	color: #ffffff;
	background: #5c1916 url(/images/ajax-arrow.png) 99% center no-repeat;
	padding: 10px;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 10px;
}

.accordionContent_Y {
	background-color: #fff;
	padding: 25px;
	padding-top: 22px;
	border: 1px solid #5c1916 
}
.bdr5{ border:5px solid #5c1916
}

.ipibdr {
	border: 2px solid #2962b0;
}

.innerH2 {
	text-align: left;
	margin-bottom: 15px;
}

.innerImg {
	float: right;
	margin-left: 25px;
}
ul.inner_ul li,
ul.innerUl li {
	padding-left: 40px;
	background: url(/images/ulbg.png) 0px 4px no-repeat;
	margin-bottom: 12px;
}


.innerTbl {
	width: 100%;
	border-collapse: collapse;
}

.innerTbl tr:first-child {
	font-weight: bold;
}

.innerTbl {
	width: 100%;
}

.innerTbl tr td {
	padding: 5px;
}

.tpr tr td {
	text-align: center;
	vertical-align: top;
	padding: 0 5px 20px 5px;
}

.innerTbl1 {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
}

.innerTbl1 tr td,
.innerTbl1 tr th {
	border: 1px solid #b5bacc;
	padding: 4px 5px;
}

.innerTbl1 tr th {
	background: #d1d5e3;
}

.innerTbl1 tr:nth-child(even) {
	background-color: #b4ffb6;
}

.innerTbl tr th,
.innerTbl tr td {
	border: 1px solid #dee2e6;
	padding: 5px;
}

.back-to-top {
	position: absolute;
	bottom: 12px;
	right: 10px;
	z-index: 999;
}

.innerH3,.inner_h {
	color: #b12808;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

.innerH4 {
	color: #404e94;
	font-size: 18px;
	font-weight: bold;
}

.todContaner {
	color: #242221;
	font: normal normal bold 23px/28px Helvetica;
	color: #242221;
}

.topperName {
	font-weight: bold;
}

.todImg {
	font-style: normal;
	display: none
}

.founder {
	max-height: 350px;
}

.tbgBg {
	background: #8a2f1b;
	color: #fff;
}

.font-20 {
	font-size: 18px;
}

.tbltd3 tr td {
	width: 33%;
}

.gray {
	background: #e8e8e8;
	color: #404e94;
	font-weight: bold;
	font-size: 18px;
}

.contentAccordion table tr td,
.contentAccordion table tr th {
	padding: 5px;
}

#app_scroll {
	text-align: center;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.custom-controls {
	float: left;
	text-align: center;
	height: 40px;
	width: 100%;
	position: relative;
}

#app_scroll .slides li p {
	color: #3B3735;

	font-size: 26px;
	font-weight: 300;
}

.custom-controls .flex-control-paging li a {
	width: 20px;
	height: 20px;
	background: #ff5248;
	border: 2px solid #ff5248;
}

.custom-controls .flex-control-paging li a.flex-active {

	background: #fff;
	border: 2px solid #0d47a1;
}

.custom-controls .flex-control-paging li a:hover {
	background: #fff;
}

.custom-controls .flex-control-nav li {
	margin: 0px 6px;
}

.escode {
	color: #404e94;
	font-size: 26px;
	font-weight: 600;
}

.scode {
	color: #000;
	font-size: 26px;
}

.ftext h2 {
	font: normal normal bold 36px/71px Times New Roman;
	color: #404e94;
	text-transform: uppercase;
	margin: 0;
}

.ftext h3 {
	font: normal normal bold 21px/1px Times New Roman;
	color: #404e94;
	margin: 0;
	margin-bottom: 25px;
}

.ftext p {
	font: normal normal normal 20px/32px Helvetica;
	color: #000;
	margin: 0;
	text-align: left;
	text-shadow: 0px 1px 2px rgb(226 226 233);
}


.t20 {
	font-size: 16px;
	text-align: left;
	color: #fff;
	font-weight: 300;
}

.t20 b {
	color: #3B3735
}

.f14b {
	font-size: 38px;
	color: #fff;
}

.usefullink {
	float: left;
	width: 100%;
}

.usefullink li {
	display: block;

	margin-bottom: 10px;
	text-align: left;
	color: #b12808;
	font-size: 13px;
	font-weight: bold;
	display: inline-block;
	float: left;
	vertical-align: top;
	float: left;
	margin: 0px 15px;
}

.usefullink li a {
	font-size: 12px;
	color: #000;
	text-align: left;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
}

.usefullink li a:hover {
	color: #ff5248;
}

.usefullink li ul {
	margin: 10px 0;
}

.usefullink li ul li {
	display: block;
	float: none;
	margin: 0;
	margin-bottom: 10px;
}

.footerli li {
	margin: 0;
	margin-left: 5px;
}

.footerli li a {
	display: inline-block;
	border: 1px solid #fff;
}
    .footerli li:hover a
    {border: 1px solid #5c1916; opacity:.8
    }

@media only screen and (max-width: 767px) {

	.bdydiv {
		
		margin: 10px auto;
		/* margin-top: 10px; */
	}
	a.viewAll3 {
		margin-bottom: 10px;
	}

}

ul.Parishes {
	margin-top: 48px;
}

.oasis-tab {
	right: 0;
	top: 4px;
	width: 170px;
	z-index: 1007;
}

	.oasis-tab a {
		color: #f6f511;
		font-size: 14px;
		text-transform: uppercase;
		background: #083cab;
		text-align: center;
		font-weight: 600;
		display: inline-block;
		padding: 5px;
		animation: blinkingText 2s infinite;
		width: 100%;
		margin: 5px 0;
		display: inline-block;
	}

@keyframes blinkingText {
	0% {
		background: #083cab;
	}

	50% {
		background: #f6f511;
		color: #083cab;
	}

	100% {
		background: #083cab;
	}
}





