@import url(https://fonts.googleapis.com/css?family=Lora);
@import url(https://fonts.googleapis.com/css?family=soleil)
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url(../../raw.githubusercontent.com/FortAwesome/Font-Awesome/master/docs/assets/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Gravitas+One);
@import url(https://fonts.googleapis.com/css?family=Rochester);
@import url(https://fonts.googleapis.com/css?family=Days+One);
@import url(https://fonts.googleapis.com/css?family=lexia);
@import url(https://fonts.googleapis.com/css?family=Cinzel+Decorative:400,900);
@import url(https://fonts.googleapis.com/css?family=Barlow);
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700&family=Pridi:wght@300&family=Volkhov:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Trispace:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap');
:root{
--ease:all 0.3s ease;
--main-color:#010202;
--royal-blue:#0a0c8a;
--white:#fff;
}
body{
font-family:Barlow;
}
.main-body{
position:relative; top:90vh; z-index:5;
}
.cid-qyw1Idp10G{
border-top:2px solid #fff;
}
.display-bottom{
padding:10px;
text-align:center; color:#fff;
background:linear-gradient(rgba(11, 196, 246,0),rgba(0, 0, 128,0));
font-size:30px;
position:absolute; z-index:10; top:-117px;
left:50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.display-bottom::after{
content: "";
/*background:url(../images/bg.jpg)!important;*/
opacity:0.5;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1; }
#banner1{bottom:0px!important;}
.display-bottom p{font-size:12px;}
.btn-signIn{}
.arrow-signIn{color:#fff; padding-left:10px; transition:all 0.2s ease-in;}
a.btn-signIn{border-radius:0px!important; background:var(--royal-blue); font-weight:600!important; color:#fff;}
a.btn-signIn:hover{color:#000; background:#eee;}
a.btn-signIn:hover .arrow-signIn{color:#2f80bb;}
.btn-fee{
position:fixed;
right:0px;
bottom:20px;
background:#ff0000;
display:flex;
align-items: center;
align-content: center;
width:150px;
z-index:999;
color:#fff;
transition:all 0.5s ease;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.side-bg{
width:30%;
clip-path: polygon(0 0, 100% 0, 67% 100%, 0% 100%);
background:var(--main-color);
padding:10px;
}
.b-link .fee-link{ color:#fff;font-weight: 700;transition:all 0.5s ease;}
.btn-fee:hover{background:#fff;cursor:pointer;}
.btn-fee:hover .b-link .fee-link{color:#ff0000;}
.btn-fee:hover .b-link .fee-link i{color:#ff0000;}
.btn-pay>a{background:#ff0000!important;color:#fff;
transition:all 0.2s ease-in;
animation: pay 5s infinite;
border-radius: 0px;
}
.btn-pay a>i{
transition:all 0.2s ease;
animation: pay 5s infinite;
}
@keyframes pay{
from {
color:#fff;}
to {
color:#ff0000;
text-shadow: 1px 1px 1px #fff;
}
}
.online-fee{
width:100%!important;
margin:20px 0px;
}
.btn-pay a>b{
padding:0px!important;
position:absolute;
left:-8px;
top:21px;
}
a.btns{ background:#60C5F1!important;}
.btn-dark{position:relative;width:70px!important; margin:auto; padding:5px; text-align:center; height:70px; padding-top:15px; background:var(--royal-blue)!important; transition:var(--ease)!important; margin-bottom: 0px!important;}
/* Arrow & Hover Animation */
#more-arrows {
width: 75px;
height: 60px;
}
.d-arrow{
width:25px;
height:2px;
background-color:#fff;
position:absolute;
top:50%;
left:30%;
transform:translate(-30%,-50%);
transform:rotate(90deg);
transition:all 0.3s ease;
}
.d-arrow:after{
content:"";
display:inline-block;
width:15px;
height:2px;
background-color:#fff;
transform: rotate(45deg);
position:absolute;
right:-4.5px;
bottom:5px;
}
.d-arrow:before{
content:"";
display:inline-block;
width:15px;
height:2px;
background-color:#fff;
transform: rotate(-45deg);
position:absolute;
right:-4.5px;
bottom:-5px;
}
.scroll-a{
position:absolute;
font-family: 'Libre Baskerville', serif;
font-size:14px;
left:21%;
top:10px;
transfrom:translateX(-21%);
font-family: arial;
letter-spacing: 1px;
color:var(--royal-blue)!important;
transition:var(--ease);
display: none;
}
.btn-dark:hover{
background-color: #fff!important;
}
.btn-dark:hover .d-arrow{
top:60%;
background-color:var(--royal-blue)!important;
pointer-events: none;
}
.btn-dark:hover .d-arrow:before{
background-color:var(--royal-blue)!important;
}
.btn-dark:hover .d-arrow:after{
background-color:var(--royal-blue)!important;
}
.btn-dark:hover .scroll-a{
display: block;
}
#more-arrows:hover polygon {
fill: #FFF;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
#more-arrows:hover polygon.arrow-bottom {
-webkit-transform: translateY(-18px);
transform: translateY(-18px);
}
#more-arrows:hover polygon.arrow-top {
-webkit-transform: translateY(18px);
transform: translateY(18px);
}
polygon {
fill: #FFF;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
polygon.arrow-middle {
opacity: 0.75;
}
polygon.arrow-top {
opacity: 0.5;
}
.video-background{
position:fixed; z-index:1; width:100%;top:0px!important;}
video {
height: 100vh;
width: 100%;
object-fit: fill;
position: relative;
}
.img-slide{
position:absolute;
top:-480px;
left:50%;
transform:translateX(-50%);
padding-bottom:50vh;
background:url(../images/logo-text-new.png);
pointer-events:none;
width:450px;
z-index:50;
background-size:contain;
background-repeat:no-repeat;
}
/*.btn-apply{position:absolute;
top:-270px!important;
left:42%;
transform:translateX(-50%);}*/
.btn-apply{position:absolute;
top:-270px!important;
left:50%;
transform:translateX(-50%);}
.btn-ap{}
.btn-pay{position:absolute;
top:-270px!important;
left:59%;
transform:translateX(-50%);
}
.pt-3 >.btn-ap >.fa{padding-left:100px!important;}
.card{width:100%!important;}
.award-img{
height:200px;
padding: 5px;
border-radius:10px;
}
.card .card-title{font-size:14px!important; font-weight:700; text-transform:uppercase;}
.news-events{
background:rgba(255,255,255,0.9)!important;
padding-top: 50px;
padding-bottom: 50px;
}
.banner-head{
background:rgba(255,255,255,0.9)!important;
padding-top: 70px;
padding-bottom: 50px!important;
margin: 0px!important;
display: block;
}
.banner-head-mob{display:none;}
.banner-head span b{font-style:700!important; font-weight: 100;}
.buttons{
display: flex;
justify-content: center;
align-items: center;
margin-top:50px!important;
}
.brand-image{
height:40px!important;
padding-right:10px;
}
a.brand{font-weight:bolder; color:#fff; font-family:Trispace,sans-serif;}
.btn{
background:transparent;
}
.pt-2{margin-top:30px!important;}
.btn.btn-evt{ border-radius:0;
color:#000;
border:2px solid #CCCCCC;
font-weight:700;
letter-spacing:2px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:14px;
}
.btn:hover{
}
.btn.btn-evt:hover{
background:#2f3be9; color:#fff;
border:2px solid #fcfcfc;
}
.arrow{padding-left:10px; color:#0e0861;}
.btn.btn-evt:hover .arrow{color:#fff; transition:all 0.5s;}
.img-ihs{width:100px!important; margin-left:auto!important; margin-right:auto!important;}
.bg-dark{padding-right:30px!important; color:#fff;}
.fancy em{font-style:normal; color:#071679;}
.fancy {
font-family: 'Pridi', serif;
color:#fff;
line-height: 0.5;
text-align: center;
font-weight:400!important;
font-size:50px;
letter-spacing:1px;
}
.fancy span {
display: inline-block;
position: relative;
font-size:25px;
color:#071679!important;
}
.fancy span:before,
.fancy span:after {
content: "";
position: absolute;
height: 3px;
border-bottom: 1px solid #071679;
border-top: 1px solid #071679;
top: 0;
width: 400px;
}
.fancy span:before {
right: 100%;
margin-right: 15px;
}
.fancy span:after {
left: 100%;
margin-left: 15px;
}
.estd{
text-align: center!important;
margin-left:auto!important;
margin-right:auto!important;
}
.estd{display:block;}
.estd em{
display: inline-block;
position: relative;
font-size:12px!important;
font-style:normal;
font-weight:bold;
color:#9094A0;
}
.estd em:before{
content: "";
display: inline-block;
background:url(../images/divider-left.png) no-repeat;
width: 10px;background-size: contain;
background-position:center;
width:20px;
height:10px;
margin-right:5px;
}
.estd em:after {
content: "";
display: inline-block;
background:url(../images/divider-right.png) no-repeat;
width: 10px;background-size: contain;
background-position:center;
width:20px;
height:10px;
margin-left:5px;
}
.btn-bg.display-4{
margin-top:0px;
margin-bottom:0px;
font-weight:bold;
}
.name-divider{width:100%; height:1px; color: #fff!important; text-align:center;
}
/* new artical*/
/* Slider */
.slick-slide {
margin: 0px 20px;
}
.slick-slide img {
width: 100%;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-arrow {
padding: 0;
border: none;
padding:5px 10px;
margin-left:5px;
outline: none!important;
}
.slick-arrow i {
opacity: 0.4;
}
.slick-arrow i:hover {
opacity: 1.0;
color:#2F80BB;
}
.slick-arrow:hover .ar{
opacity: 1.0;
color:#2F80BB;
}
/* News Styling */
.news-slider {
padding: 40px 0;
}
.blogPost--small {
color: #7c7b7b;
margin: 20px 30px 40px 0;
position:relative;
z-index:5!important;
}
.blogPost--small blogPost--small > .pull-left {
margin-right: 25px;
}
.blogPost--small a {
color: #2F80BB;
}
.blogPost--small .date, .blogPost--small .dateEl2 {
display: block;
text-align: center;
padding: 10px;
color: #fff;
background: #2F80BB;
}
.blogPost--small .date span, .blogPost--small .dateEl2 span {
display: inline-block;
font-size: 42px;
line-height: 1;
letter-spacing: 0em;
text-indent: -0.1em;
color: #fff;
font-weight: bold;
}
.blogPost--small .date small, .blogPost--small .dateEl2 small {
display: block;
font-size: 18px;
text-transform: uppercase;
color: #fff;
}
.blogPost--small h4 {
margin: 0 0 12px 0;
font-size: 22px;
text-transform: uppercase;
}
.slide{position:relative; z-index:10!important;}
.newsNav {
position:relative;
z-index:500;
top:0px!important;
padding-left:20px;
padding-right:60px;
}
.text-right{
margin-top:0px!important;
float:right;
}
.link-underline{
background:rgba(0,0,0,0.8);
color:#fff;
padding:12px 20px;
font-family:'Pridi';
font-weight:700;
letter-spacing:1px;
}
.link-underline:hover{
color:#fff!important;
background:#2f80bb;
}
/* ARTICLE SLIDER
----------------------------------------------------------------------------- */
#carousel {
position: relative;
width:100%;
margin:0 auto;
}
#slides {
overflow: hidden;
position: relative;
width: 100%;
height: auto;
}
#slides ul {
list-style: none;
width:100%;
height:auto;
margin: 0;
padding: 0;
position: relative;
}
#slides li {
width:100%;
height:auto;
float:left;
text-align: center;
position: relative;
font-family:lato, sans-serif;
}
/* Styling for prev and next buttons */
.btn-bar{
}
#btn {
margin:0!important; padding:0!important;
font-weight:bold; font-size:19px;
}
.quote-phrase b{color:#60C5F1!important;}
#prev, #next{margin:0; padding:0;}
a#prev{margin:0px!important; padding:0px!important; background:rgba(0,0,0,1); border-radius:2px; text-align:center!important; color:#fff; padding:0px 10px 4px 10px!important; margin-left:80%!important; margin-right:5px!important;}
a#next {
margin:0px!important; padding:0px!important; background:rgba(0,0,0,1); border-radius:2px; text-align:center!important; color:#fff; padding:0px 11px 4px 11px!important;
}
a#prev:hover, a#next:hover {
background:rgba(0,0,0,0.8);
/*color:#FFF;
text-shadow:.5px 0px #b14943; */
}
.quote-phrase, .quote-author {
font-family:sans-serif;
font-weight:300;
display: table-cell;
vertical-align: middle;
padding: 5px 20px;
font-family:'Lato', Calibri, Arial, sans-serif;
}
.quote-phrase {
height: 200px;
font-size:20px;
color:#000;
font-style:italic;
text-shadow:.5px 0px #b14943;
}
.quote-marks {
font-size:30px;
padding:0 3px 3px;
position:inherit;
}
.quote-author {
font-style:normal;
font-size:20px;
color:#b14943;
font-weight:400;
height: 30px;
}
.quoteContainer, .authorContainer {
display: table;
width: 100%;
}
.cid-rbmgesvQTI{padding-top:60px!important;}
.display-10{font-size:25px; font-weight:500;}
.pt-3 >.btns{
border:2px solid #fff; color:#fff; border-radius:0px;
background-color:rgba(15, 14, 14, 0.514) !important;
font-weight:bolder;font-size:18px;
padding:10px 25px;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.arrow-discover{color:#fff; padding-left:10px;transition:var(--ease);}
.pt-3 >.btns:hover{background:#fff!important; color:#000; }
.pt-3 >.btns:hover .arrow-discover{
color: var(--royal-blue);
}
.year{font-size:12px!important;}
.cid-rbmlLMGzzh{/*background:linear-gradient(rgba(0, 0, 0,0.8),rgba(0, 0, 0,0.8)),url('../images/dLineBack.jpg')!important; */
background:#1e1e1e;
color:#fff!important;}
.cid-rbmbBFs5NT{padding:0px!important;}
.text-ignatius{padding-top:135px!important; padding-bottom:135px!important;}
.short-icons{border-left:1px solid #fff;border-right:1px solid #fff; padding:0px!important}
.span2{height:210px; margin:auto; text-align:center; line-height:200px; font-family:Pridi; font-size:25px; font-weight:700; overflow:hidden; position:relative; cursor:pointer;}
.parents,.alumni{border-bottom:1px solid #fff!important; padding:0px!important; margin:auto!important;}
.img-parents{background:url('../images-r/methodology.jpg');width:100%; height:100%; background-size:cover;background-repeat:no-repeat; background-position:center; position:absolute; z-index:1; visibility: hidden;
opacity: 0;
transition: opacity 0.5s ease-in-out;}
.parents:hover .img-parents{
transform: scale(1.1);
visibility: visible;
opacity: 1;
}
.img-alumni{background:url('../images-r/examination.jpg');width:100%; height:100%; background-size:cover;background-repeat:no-repeat; background-position:center; position:absolute; z-index:1; visibility: hidden;
opacity: 0;
transition: opacity 0.5s ease-in-out;}
.alumni:hover .img-alumni{
transform: scale(1.1);
visibility: visible;
opacity: 1;
}
.img-contact{background:url('../images-r/contact.jpg');width:100%; height:100%; background-size:cover;background-repeat:no-repeat; background-position:center; position:absolute; z-index:1; visibility: hidden;
opacity: 0;
transition: opacity 0.5s ease-in-out;}
.contact-us:hover .img-contact{
transform: scale(1.1);
visibility: visible;
opacity: 1;
}
.txt-front{ position:relative!important; z-index:5;text-shadow:-1px 1.2px 0.9px var(--main-color);}
/*.cid-rbmlLMGzzh::after{
content: "";
background:url(../images/bg.jpg)!important;
opacity:0.5;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
}*/
.quick-links a{
color:rgba(255,255,255,0.7)!important;
}
.banner-head img{height:55px; padding-right:10px;}
.sub-banner-head{
background:linear-gradient(rgba(0, 0, 0,0.75),rgba(0, 0, 0,0.92)),url('../images/title-img.jpg')!important;
background-positon:top!important;
padding-top:120px!important;
padding-bottom:100px!important;
position:fixed;
width:100%;
top:0px!important;
}
.ignatius-head{
background:linear-gradient(rgba(0, 0, 0,0.75),rgba(0, 0, 0,0.92)),url('../images/1_Ignatius500_Art.jpg');
background-size:100% 100%;
background-repeat: no-repeat;
padding-top:200px!important;
padding-bottom:200px!important;
position:fixed;
width:100%;
top:0px!important;
height: 80vh!important;
max-height: 80vh;
transition:all 0.1s ease;
overflow:hidden;
}
.ignatius-head .container h5{position:absolute;color:#fff; font-size:25px; left:50%; bottom:-200px; transform:translateX(-50%); letter-spacing:2px;}
.title{
font-family:Pridi, sans-serif;
font-weight:700;
font-size:50px;
background:#2f80bb;
color:#fff;
text-align:center;
padding:10px;
position:relative;
top:170px;
margin-left:auto;
margin-right:auto;
letter-spacing:2px;
z-index:2;
}
.title-pic{
font-family:Pridi, sans-serif;
font-weight:700;
font-size:50px;
background:#2f80bb;
color:#fff;
text-align:center;
padding:10px;
position:absolute;
top:-150px;
left:50%;
transform:translateX(-50%);
letter-spacing:2px;
z-index:2;
}
.title-pic-ad{
position:absolute;
left:50%;
transform:translateX(-50%);
font-family:sans-serif;
font-weight:200;
font-size:16px;
background:#eee;
color:#333;
text-align:center;
padding:20px;
top:-134px;
letter-spacing:2px;
z-index:2;
}
.title-pic-ad nav{
width: 100%!important;
display:flex;
flex-flow: row nowrap;
align-items: center;
justify-content:center;
flex-basis: 100%;
}
.title-pic-ad nav a{
position:relative;
font-weight: 200!important;
padding-right:30px;
text-decoration:none;
color:#333;
flex-grow: 0;
transition: all 0.4s ease 0.1s;
}
.title-pic-ad nav a.active{
color:#2f80bb;
}
.title-pic-ad nav a:after{
background: none repeat scroll 0 0 transparent;
bottom: 0;
content: "";
display: block;
height: 2px;
left: 50%;
position: absolute;
background: #2f80bb;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
width: 0;
}
.title-pic-ad nav a:hover:not(.active):after {
width: 85%;
left: 0;
}
.title-pic-ad nav a:hover{color:#2f80bb;}
.sub-main-body{
position:relative; top:118px!important; z-index:1;
background:#fff; padding-top:70px;
}
.sub-main-body-pic{
position:relative; top:0px!important; z-index:1;
background:#fff; padding-bottom:0px!important; margin-bottom:0px!important;
}
.sub-main-body-pic .cid-rbmdr8RGdl{padding-top:0px!important;}
.card-down{margin-top:20px!important;}
.cid-rbmiuAiwEp{
}
.iframe{width:100%!important; height:300px; margin-top:20px; border-radius:0px; border: 6px solid transparent;padding: 0px; border-image:url("../images-r/border-back\ -\ Copy.png") 1; border-image-outset:0;}
.media-body{margin-left:20px!important;}
.media-body a{outline:none!important;}
.media-body p{font-size:20px!important; font-weight:500;}
.video-title{font-size:15px;padding-top: 30px; padding-bottom: 30px; font-weight: bold; color:var(--main-color);}
.comp-video{background:#44cbfb;display:block;}
.mob-video{display:none;background:#44cbfb; margin-top: 50px;}
.title-para{color:#44cbfb; font-weight:600; font-size:20px; font-family:Trispace;}
.para-body{color:#625e5e; font-size:16px; word-spacing: 5px; font-weight: 500; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
.divider-box{background:#44cbfb; padding-top:50px; padding-bottom:50px; font-family:Trispace; color:#fff; font-weight:500; font-size:22px;}
.divider-box b{font-weight:700; text-transform: uppercase;}
.bg-content{background:#4A4847; padding:30px; width:100%; color:#C1C1C1;font-size:15px;}
.bg-content h2{font-weight:bold; font-size: 25px; font-family:Trispace; line-height: 40px;
color:#fff;}
.bg-content strong{font-weight:bolder;color:#f2f2f2;letter-spacing: 1px;}
.staff-title{background:url('../images/frGenWithStaff.jpg'); height:435px; background-size:cover; position: relative; top:-100px!important;}
.bg-content p{font-size:12.8px!important;}
.index-table{padding-top:40px; padding-bottom: 40px;}
.index-table h2{font-weight: bolder; font-size: 30px; text-align: center; padding-top: 40px; padding-bottom: 40px;}
.admisstion-title{background:url('../images/admission-title.jpg'); height:435px; background-size:cover; background-position:center;
position:relative!important; top:-100px!important;}
.alumni-title{background:url('../images/alumni-sign.jpg'); height:435px; background-size:cover; background-position:center;
position:relative; top:-100px;}
.parents-title{background:url('../images/header.jpg'); height:435px; background-size:cover; background-position:center;position:relative; top:-100px;}
.covid-title{background:url('../images/social-8.jpg'); height:435px; background-size:cover; background-position:center;position:relative; top:-100px;}
.photo-title{background:url('../images/photo-gal-head.jpg'); height:435px; background-size:cover; background-position:center;position:relative; top:-100px;}
.activities-title{background:url('../images/alumni-sign.jpg'); height:435px; background-size:cover; background-position:center;position:relative; top:-100px;}
.alumni-title-newly{background:url('../images/newly-grads.html'); height:435px; background-size:cover; background-position:center;position:relative; top:-100px;}
.infra-title{background:url('../images/alumni-sign.jpg'); height:435px; background-size:cover; background-position:center; position:relative; top:-100px;}
.ad-title{position:relative;top:240px;text-align: center; color:#fff;font-family:Pridi, sans-serif; font-size:40px; }
.ad-subTitle{position:relative;top:230px;text-align: center; color:#ff0000;font-family:Trispace, sans-serif; font-size:18px; margin-bottom: 0px!important; padding-bottom: 0px!important; letter-spacing: 3px; font-weight: bolder; text-shadow:1px 1x 3px #fff;}
.al-subTitle{position:relative;top:280px;text-align: center; color:#ffF;font-family:Trispace, sans-serif; font-size:50px; margin-bottom: 0px!important; padding-bottom: 0px!important; letter-spacing: 3px; font-weight: bold;}
.hide-show-button,.hide-show-button1{
font-family:Trispace, sans-serif;
font-size:25px;
font-weight: 500;
color:#625e5e;
margin-bottom: 20px;
}
.hide-show-button:hover{cursor:pointer; color:#2f80bb; }
.hide-show-button1:hover{cursor:pointer; color:#2f80bb; }
.hide-show-content,.hide-show-content1{display:none;}
.hide-show-content p,.hide-show-content1 p{font-size:16px; font-family:Arial; color:#333;}
.main-container h1{font-family:Trispace, sans-serif; font-size:30px; font-weight: 700; margin-bottom: 50px;}
.main-container p{font-size:18px;color:#2f80bb; font-weight: 700; margin-bottom:50px;}
a .link-underline{margin-top:100px!important; width: 100%!important;}
.infra-sub-title{text-align:center; background-color:#2f80bb; color:#fff; padding:10px; font-weight: 700; letter-spacing: 2px; }
.btn-infra{width:100%!important; display:block; color:#000!important; font-family: arial; font-size:14px; font-weight: bold; transition:all 0.2s ease; padding: 5px;}
.btn-infra:hover{color:#2f80bb!important;}
.btn-infra i{float:right!important;}
.in-title{padding-top:0px; padding-bottom:20px;color:#2f80bb!important; font-weight: 700; font-size:22px; font-family:Trispace, sans-serif; }
.in-main{width:100%; background-color:#4C4C4C; color:#fff; padding-top:50px; padding-bottom:50px;}
.in-main h2{letter-spacing:2px; font-weight: 800;}
.in-main ul {
list-style: none;
}
.in-main ul li{padding-top:10px; padding-bottom: 10px; }
.in-main ul li strong{font-family:Trispace, sans-serif;}
.in-main ul li::before {
content: "\2022";
color: #2f80bb;
font-weight: bolder;
display: inline-block;
width: 1.2em;
margin-left: -1em;
}
.athlete-title{height:100vh!important; position:relative; top:-100px;}
.library-title{height:100vh!important; position:relative; top:-100px;}
.content-athlete{background:#2f80bb!important; width:100%; height:710px;important;
color:#fff; display:flex; flex-direction: column; align-items: center; justify-content: center; padding-left:100px; padding-right:100px;}
.img-athlete{background: url("../images/sports.jpg"); background-size:cover; background-position:center;}
.img-library{background: url("../images/library.jpg"); background-size:cover; background-position:center;}
.content-athlete h1{font-size:50px; padding-bottom:30px; font-family:Trispace, sans-serif; font-weight:700; }
.content-athlete h2{text-transform:uppercase; font-weight:700;}
.content-athlete p{font-size:20px;}
.img-club{background: url("../images/club-main.jpg"); background-size:cover; background-position:center;}
.img-social{background: url("../images/social-3.jpg"); background-size:cover; background-position:center;}
.cal-title{width:100%!important;text-transform:uppercase;color:#2f80bb; letter-spacing:3px; font-size:18px; font-weight:700;padding-bottom:10px;}
.cal-title h1{text-align:center;font-family:Trispace, sans-serif; font-weight:700; font-size:35px; color:#000;}
.cal-event{position:relative; border-top:1px solid #e1e1e1;}
.cal-event .cal-date{color:#2f80bb; font-size:50px;}
.cal-event .cal-month{font-size:30px; position:absolute; top:15px;}
.cal-event .cal-day{ text-transform:uppercase; color:#999999; position:relative; left:30px; }
.cal-event .main-event{font-size:20px; padding-top:10px; padding-bottom:10px; letter-spacing:1px; font-weight:500;}
.nav-items{
position:relative;
text-align:center;
line-height:55px;
}
.nav-items a{font-size:40px;
font-weight:900; font-family: 'Crete Round', serif;}
.text-xs-center a{font-family: 'Crete Round', serif;}
.nav-items .fa-angle-left{padding-right:100px; color:#2f80bb; font-size:50px;}
.nav-items .fa-angle-right{padding-left:100px; color:#2f80bb; font-size:50px;}
.nav-items .fa-angle-left:hover{color:#666666; cursor:pointer;}
.nav-items .fa-angle-right:hover{color:#666666; cursor:pointer;}
.underline{ position:relative; display:inline-block; overflow:hidden; }
#month{color:#2f80bb!important;}
.underline select{
position:relative;
top:15px;
font-size:20px;
border:0px;
background:transparent;
outline:none;
padding-top:0px;
transform: translateY(0px);
transition:all .5s ease;
text-transform:uppercase;
font-weight:500;
overflow: hidden!important;
padding-right:10px;
}
.underline label{
position:absolute;
font-size:10px;
bottom:0px;
left:0px;
width:100%;
height:100%;
pointer-events:none;
}
.underline label::after{
content:"";
position:absolute;
left:0px;
bottom:-7px;
height:100%;
width:100%;
border-bottom:2px solid #2f80bb;
transform:translateX(-100%);
transition:all 0.3s ease;
}
.underline select:hover + .label-name::after{
transform:translateX(0%);
}
.dark-bg{background:#000!important; position:relative; top:-75px; color:#fff; }
.weekly h1{padding-top:100px; padding-bottom:50px; font-size:18px; font-family:Merriweather; letter-spacing: 2px;}
.video-header{width:100%;
height:400px; background:#000; color:#fff; position:relative; overflow: hidden; margin-top:20px; margin-bottom:50px;}
.video-img{position:absolute;width:100%; z-index: 1; }
.vid-bdy{position:relative; z-index: 5; width:100%; height:400px; background:rgba(0,0,0,0.3); padding-top:200px; padding-left:50px;}
.vid-bdy h1{font-size:30px;font-family:Trispace, sans-serif; font-weight:700;}
.vid-bdy p{padding-bottom:20px;}
.videos{
display:grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 20px;
}
.video{
height:180px;
grid-column-start: span 3;
position:relative;
transition:var(--ease);
background-size:cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom:50px;
}
.video:hover{
transform:scale(1.02);
}
.video i{
cursor: pointer;
font-size: 60px;
color:#f4f4f4;
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
opacity: 0.85;
transition:var(--ease);
}
.video i:hover{opacity:1;}
.video h6{position:absolute; bottom:-25%; text-align: center;}
.L-form{
position:relative; top: 50%;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%); width:600px; box-shadow:5px 5px 20px #ccc;
margin-top:100px;
}
.assignment-form{
position:relative; width:100%; box-shadow:5px 5px 20px #ccc;
margin-top:10px;
}
.g-class{background:url("../images/google-classroom.jpg"); height:250px; width:100%; background-size:100% 100%; border-radius:20px;
transition:var(--ease);}
.g-class:hover{transform:scale(1.03); cursor: pointer;}
.L-form1{
position:relative; top: 50%;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%); width:600px; box-shadow:5px 5px 20px #ccc;
margin-top:200px;
}
.L-head{background:#2f80bb; background-image:url("../images/login-head.png"); background-repeat:no-repeat; background-size:contain; background-position:center; height:65px;}
.F-wrap{padding:10px;}
.form-group input,.form-group select{ display:block; color:#2f80bb; font-weight:700;
background:transparent; border-radius:0px; width:100%; border:1px solid #ccc; padding:10px; outline:none;}
.text-uppercase{font-weight:700;}
.form-control{margin:0px!important; padding:0px!important;}
.btn-login{position:relative; left:-20px;background:#2f80bb; margin-left:0px!important; transition:var(--ease); color:#fff;}
.btn-login:hover{transform: scale(1.02);}
.copy-text{color:#ff0000; padding-top:10px; padding-bottom: 10px;}
..al-divider{postion:relative;}
.al-divider p{font-weight:700; font-size:25px;}
.al-divider i{font-size:50px; position:absolute; left:-50px; top:-5px;}
.al-divider h5{color:#e1e1e1; font-size:18px; font-weight:700;}
.bg-content-al{background:#333!important; padding:10px 10px; width:100%; color: #fff;}
.bg-content-al .L-form{width:100%!important; background:#fff!important; box-shadow:none; left: 0%;
-ms-transform: translateX(00%) translateY(00%);
-webkit-transform: translate(00%,00%);
transform: translate(00%,00%); width:100%!important;
overflow:hidden;
margin-top:0px; }
.bg-content-al h2{font-size:30px; text-align: center; padding-bottom:10px;font-family:Trispace, sans-serif; font-weight:700; }
.bg-content-al .F-wrap,.bg-content-al .login-form{padding-bottom:0px!important; margin-bottom:0px!important;}
.bg-content-al .form-group label{color:#ff0000!important;}
.F-main p{color:#333;}
.alumni-signup{margin-top:30px!important; }
.cid-qxz1h4KTgM{padding-top:20px; padding-bottom:70px;}
.cid-qxz1h4KTgM .form-group input{background:#fff; padding:0px!important; }
.astrics{color:aliceblue; font-size:20px; font-weight:700;}
.al-signupTitle h2{text-align:center; font-weight:700; font-family:Trispace, sans-serif; color:var(--main-color)!important; font-size:25px;
padding:20px 0px!important;}
input.btn-signInAl{width:200px; height:50px; background:#333!important; color:#fff; transition:var(--ease);margin-top:50px!important;}
input.btn-signInAl:hover{background:var(--main-color)!important; cursor: pointer;}
.rows{
display:-webkit-flex;
display:-webkit-box;
display:-moz-flex;
display:-moz-box;
display:-ms-flexbox;
display:inline-flex;
flex-wrap:wrap;
-ms-flex-wrap:wrap;
padding:0 4px;
width:100%;
}
.columns{
-ms-flex:33%;
flex:33%;
max-width:33%;
padding:5px 4px;
}
.columns img{
margin-top:15px;
vertical-align:middle;
}
.mapouter{width:100%; overflow: hidden; margin-left: auto;
margin-right: auto;}
.contact h1{
width:100%;
text-align: center;
font-weight:700;
font-size:30px;
font-family:Trispace, sans-serif;
}
.add-title{font-weight:700;
font-size:20px;
font-family:Trispace, sans-serif;
padding-bottom:20px;
margin-top:20px;color:#5F5C5B;}
.address{
text-decoration:underline;
color:var(--main-color);
font-weight:500;
font-family:arial, sans-serif;
}
.tle{color:#5F5C5B;font-weight:bold; font-family:arial, sans-serif;}
.head-i{padding-right:2px;}
/* divider index page hover effect-------------------------------------------------------------------------*/
.no-gutters{height:450px; overflow:hidden;}
.parent {
display:flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
overflow:hidden;
}
.child {
width: 100%;
height: 100%;
background-color: black; /* fallback color */
background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)),url("../images/rec.jpg");
background-position: center;
background-size: cover;
transition: all .5s;
}/*
.parent:hover .child,
.parent:focus .child {
transform: scale(1.2);
}*/
.child::before {
content: "";
display: none;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(52, 73, 94, 0.75);
}
/*
.parent:hover .child:before,
.parent:focus .child:before {
display: block;
cursor:pointer;
}*/
.photo-gal {
width: 100%;
height: 100%;
background-color: black; /* fallback color */
background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)), url("../images/games.html");
background-position: center;
background-size: cover;
transition: all .5s;
}
.parent:hover .photo-gal,
.parent:focus .photo-gal {
transform: scale(1.2);
}
.photo-gal::before {
content: "";
display: none;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(47,128,187, 0.75);
}
.parent:hover .photo-gal:before,
.parent:focus .photo-gal:before {
display: block;
cursor:pointer;
}
.photo-prin::before{
content: "";
display: none;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(47,128,187, 0.75);
}
.photo-prin{height:50%; width:100%;background: red;
}
.parent span {
color: white; /* Good thing we set a fallback color! */
font-family: 'Crete Round', serif;
text-shadow:2px 2px 5px #000;
position: absolute;
top:50%;
left:41%;
transform: translate(-50%, -50%);
z-index:10;
font-size:30px;
cursor:pointer;
text-align:left;
}
.parent h3{
position:absolute;
top:65%;
left:37%;
transform: translate(-50%, -50%);
text-align:left;
color:#fff;
font-size:16px;
text-shadow:2px 2px 2px #000;
letter-spacing: 2px;
}
a.principal-link{
position:absolute;
top:78%;
left:33%!important;
transform: translate(-50%, -50%);
padding:10px 20px;
font-weight:600;
text-transform:uppercase;
font-size:15px;
text-decoration:none;
letter-spacing:2px;
background:#444;
color:#fff;
transition: all .5s;
}
a.principal-link:hover{background:var(--main-color);}
.parent .photo{
color: white; /* Good thing we set a fallback color! */
font-family: 'Crete Round', serif;
text-shadow:2px 2px 5px #000;
position: absolute;
top:25%;
left:50%;
transform: translate(-50%, -50%);
z-index:100;
font-size:30px;
cursor:pointer;
font-weight:400;
}
.photo-video {
width: 100%;
height: 100%;
background-color: black; /* fallback color */
background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url("../images/club-main.jpg");
background-position: center;
background-size: cover;
transition: all .5s;
}
.parent:hover .photo-video,
.parent:focus .photo-video {
transform: scale(1.2);
}
.photo-video::before {
content: "";
display: none;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(47,128,187, 0.75);
}
.parent:hover .photo-video:before,
.parent:focus .photo-video:before {
display: block;
cursor:pointer;
}
.parent .video1{
color: white; /* Good thing we set a fallback color! */
font-family: 'Crete Round', serif;
text-shadow:2px 2px 5px #000;
position: absolute;
top:75%;
left:50%;
transform: translate(-50%, -50%);
z-index:100;
font-size:30px;
cursor:pointer;
font-weight:400;
}
.photo-lab {
width: 100%;
height: 100%;
background-color: black; /* fallback color */
background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url("../images/social-3.jpg");
background-position: center;
background-size: cover;
transition: all .5s;
}
.parent:hover .photo-lab,
.parent:focus .photo-lab {
transform: scale(1.2);
}
.photo-lab::before {
content: "";
display: none;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(47,128,187, 0.75);
}
.parent:hover .photo-lab:before,
.parent:focus .photo-lab:before {
display: block;
cursor:pointer;
}
.parent .lab{
color: white; /* Good thing we set a fallback color! */
font-family: 'Crete Round', serif;
text-shadow:2px 2px 5px #000;
position: absolute;
top:25%;
width:100%;
left:70%;
z-index:100;
font-size:30px;
cursor:pointer;
font-weight:400;
}
.photo-sports {
width: 100%;
height: 100%;
background-color: black; /* fallback color */
background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url("../images/infra-index.jpg");
background-position: center;
background-size: cover;
transition: all .5s;
}
.parent:hover .photo-sports,
.parent:focus .photo-sports {
transform: scale(1.2);
}
.photo-sports::before {
content: "";
display: none;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(47,128,187, 0.75);
}
.parent:hover .photo-sports:before,
.parent:focus .photo-sports:before {
display: block;
cursor:pointer;
}
.parent .sports{
color: white; /* Good thing we set a fallback color! */
font-family: 'Crete Round', serif;
text-shadow:2px 2px 5px #000;
position: absolute;
top:75%;
left:50%;
transform: translate(-50%, -50%);
z-index:100;
font-size:30px;
cursor:pointer;
font-weight:400;
}
/* princpal button */
.photo-prin {
width: 100%;
height: 100%;
background-color: black; /* fallback color */
background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url("../images/FrLeo.jpg");
background-position: center;
background-size: cover;
transition: all .5s;
}
.parent:hover .photo-prin,
.parent:focus .photo-prin {
transform: scale(1.2);
}
.photo-prin::before {
content: "";
display: none;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(47,128,187, 0.75);
}
.parent:hover .photo-prin:before,
.parent:focus .photo-prin:before {
display: block;
cursor:pointer;
}
.parent .prin{
color: white; /* Good thing we set a fallback color! */
font-family: 'Crete Round', serif;
text-shadow:2px 2px 5px #000;
position: absolute;
top:25%;
left:50%;
transform: translate(-50%, -50%);
z-index:100;
font-size:30px;
cursor:pointer;
font-weight:400;
}
/* princpal button */
/*PREFECT BUTTON*/
.photo-prefect {
width: 100%;
height: 100%;
background-color: black; /* fallback color */
background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url("../images/prefect.jpg");
background-position: center;
background-size: cover;
transition: all .5s;
}
.parent:hover .photo-prefect,
.parent:focus .photo-prefect {
transform: scale(1.2);
}
.photo-prefect::before {
content: "";
display: none;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(47,128,187, 0.75);
}
.parent:hover .photo-prefect:before,
.parent:focus .photo-prefect:before {
display: block;
cursor:pointer;
}
.parent .prefect{
color: white; /* Good thing we set a fallback color! */
font-family: 'Crete Round', serif;
text-shadow:2px 2px 5px #000;
position: absolute;
top:75%;
left:50%;
transform: translate(-50%, -50%);
z-index:100;
font-size:30px;
cursor:pointer;
font-weight:400;
}
/* PREFECT BUTTON*/
.award{padding-top:40px;}
.mob-signIn{display:none!important;}
.main-body .sch-title{
position:absolute;
z-index:100;
top:-480px;
width: 100%;
display: flex;
align-items: center; /** Y-axis align **/
justify-content: center; /** X-axis align **/
color:#fff;
font-family: 'Libre Baskerville', serif;
font-size:55px;
letter-spacing: 2px;
text-shadow:1.5px 1.5px .5px var(--main-color);
}
.main-body .sch-title2{
position:absolute;
z-index:100;
top:-410px;
width: 100%;
display: flex;
align-items: center; /** Y-axis align **/
justify-content: center; /** X-axis align **/
color:#fff;
font-weight: 500;
font-size:22px;
letter-spacing: 5px;
font-family: 'Rubik', sans-serif;
text-shadow:.5px .5px 1px var(--main-color);
}
.container .date{
color:var(--main-color);
font-size:30px;
}
.container .ptext{font-size:20px;
color:#565656;}
.parallax {
min-height: 400px;
background: transparent;
}
.text-para{
position:relative!important;
z-index:100!important;
font-size:35px;
}
.top-space{margin-top:20px;}
.height-i{height:500px!important;}
.text-middle{position:relative;top:20%;}
.card-wrapper{
transition:var(--ease);
}
.card-wrapper:hover{
transform:scale(1.01);
-webkit-box-shadow: 2px 2px 3px #333;
box-shadow: 2px 2px 20px #CFCFCF;
}
.img-album{
height:200px;
overflow: hidden;
position: relative;
}
.img-album img{
position: absolute;
left:0;
height: 200px;
}
.no-photo{
color:#6C6C6C;
}
.notice-list{
font-size:20px;
}
.magazine-cover{width:250px;transition:var(--ease);}
.magazine-cover:hover{box-shadow:2px 2px 5px #333; cursor:pointer;}
.media-heading{line-height:30px!important;}
.main-c{
position:relative!important;
marign:0px!important;
background: #fff!important;
}
.c-back{
background:url(../images/svg-bg.html);
background-size: cover;
height:400px;
}
.c-container{
padding:3em;
display:grid!important;
grid-gap:5em;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
.quote{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.6)),url("../images/isolation.jpg");}
.quote1{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.6)),url("../images/1_Ignatius500_Art.jpg");}
.quote,.quote1{
border-radius:3em;
background-size:cover;
box-shadow:10px 10px 30px rgba(0,0,0,.1);
position:relative;
cursor:pointer;
}
.quote p,.quote1 p{color:#fff; text-align: center; padding-top:18px;
text-transform:uppercase;}
.quote1 p{letter-spacing: 2px;}
.inner{
background: #2f80bb;
padding:2em;
border-radius: 3em;
width:100%;
clip-path: circle(0% at 0% 0%);
transition: clip-path .5s ease-in-out;
}
.inner .img1,.inner .img2{height:50px; width:50px;position:absolute; top:50%; transform: translate(0%,-50%);}
.inner .img1{left:5%;}
.inner .img2{right:5%;}
.c-head{position:absolute; top:50%; left:48%; transform: translate(-50%,-50%); transition: color .5s ease-in-out;
color:#fff; font-size:20px;}
.quote:hover .inner{clip-path: circle(75%);}
.quote:hover .c-head{color:rgba(0,0,0,0);}
.quote1:hover .inner{clip-path: circle(75%);}
.notice-div{width:40%;}
.parallax{
padding: 50px 0px;
background:linear-gradient(to right,rgba(0,0,0,0.1),rgba(0,0,0,0.5)),url(../images/darjJesuits.jpg) repeat fixed;
background-size: cover;
}
.i-container{
border-left: 5px solid #fff;
padding-left:20px;
color:#fff;
position:relative;
top:50%;
transform:translateY(-50%);
}
.i-container img{width:100px;margin-bottom: 10px;}
.i-container h1{
font-size: 40px;
font-family: poppins;
}
.i-container p{font-weight: 100;font-size:20px; color:#f2f2f2;margin-bottom: 50px;}
.divider{
border-top:1px solid #333;
padding-top:20px!important;
}
.cid-rbmlLMGzzh .container ul{
list-style: none;
position: relative!important;
left:-50px;
}
.cid-rbmlLMGzzh .container ul li{
display:inline-block;
padding:0px 15px;
font-size:16px;
}
.cid-rbmlLMGzzh .container ul li a{color:#bbc3c3;}
.cid-rbmlLMGzzh .container ul li :not(:last-child){
/*border-right:1px solid #fff;*/
}
.form-group i{
position:relative; top:-35px;
right:-94.5%;
cursor: pointer;
color:#333;
}
.cid-qyw1Idp10G .main-container{
/*background:var(--main-color);*/
width:100%;
}
.cid-qyw1Idp10G .news-content{
padding:20px 10px;
}
.cid-qyw1Idp10G .main-container .news-content h1{
padding-top:30px;
font-family: Trispace, sans-serif; font-weight:700;
}
.news-content .row .col-md-4 .link-underline{
position:relative;
top:50px;
z-index: 9999!important;
}
.topper{padding-top:70px;width:100%;overflow: hidden;}
@media only screen and (min-device-width: 844px) and (orientation: portrait)
{
.video-background{
height:750px;}
video,.img-slide{
height: 750px!important;
}
.sch-title{
font-size:40px;
}
.main-body{
top:50vh!important;
}
.lab,.sports{font-size:25px!important;}
.title{ top:220px; padding: 20px!important; font-size:30px;}
.sub-main-body{
top:180px!important;
}
.sub-main-body-pic{}
.athlete-title{height:50vh!important; position:relative; top:-130px;}
.parent span{font-size:25px; left:36%; }
a.principal-link{left:21.5%!important;}
h1.fancy{font-size:40px!important;}
.btn-apply{left:50%;}
.btn-pay{left:63%;}
.c-container{
padding-top:5em!important;
padding:0em;
grid-gap:2em;
grid-template-columns: repeat(auto-fit, minmax(1fr, 1fr));}
.quote1,.quote{}
}
@media screen and (max-width: 1240px)
{
.main-body .sch-title{
font-size:40px;
}
}
@media screen and (max-width: 940px)
{
.main-body .sch-title{
font-size:30px;
}
.main-body .sch-title2{font-size:15px;}
}
@media screen and (max-width: 860px) {
.mob-signIn{display:block!important;background-color:var(--red)!important;text-align:center!important;color:#fff;}
}
}
@media screen and (max-width: 768px) {
.video-background{
height:300px;}
.img-slide{
height: 300px!important;
}
video{height:50vh;}
.main-body{
top:55vh;
}
.banner-head span{font-size:30px;}
.c-back{height: auto;}
}
@media screen and (max-width: 668px) {
.notice-div{width:100%;}
.c-back{
height: 220px;
}
.c-container{
padding:0em;
grid-gap:2em;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.quote1{width:100%;}
.c-head{left:30%; transform: translateX(-20%); font-size:18px; letter-spacing:1px;}
.quote p{font-size:13px;}
.quote1 .inner p{letter-spacing: 1px; font-size:10px!important;}
.inner .img1,.inner .img2{height:30px; width:30px;}
.display-bottom{display:none;}
.quote-phrase {font-size:16px;}
#buttons a{margin:0 10px; text-align:center;}
#buttons {
display:none;
}
.video-background{
height:350px;}
.img-slide{
height: 350px;
width:300px;
left:50%;
transform:translateX(-50%);
top:-210px;
}
video{height:350px;position: absolute;top:-4px;}
.main-body{
top:26vh!important;
}
.display-bottom{
padding-top:50px;
padding-bottom:50px!important;
margin: 0px!important;
}
.cid-rbmbAelA8q .navbar{background:linear-gradient(rgba(11, 196, 246,1),rgba(11, 196, 246,1))!important; border-bottom:0px!important;}
.cid-rbmbAelA8q .navbar.navbar-short{background:linear-gradient(rgba(11, 196, 246,1),rgba(11, 196, 246,1))!important;border-bottom:0px!important;}
.cid-rbmbAelA8q .dropdown-item.active,
.cid-rbmbAelA8q.navbar-expand-lg.active{background:black!important;}
.brand-image{
padding-right:0px!important;
}
.cid-rbmiuAiwEp{
padding-top:30px!important;
padding-bottom:30px!important;
}
.buttons,.btn-evt{display:inline;width:100%!important; overflow:hidden; margin:0px!important; margin-bottom:10px!important;
}
.btn-evt{border:2px solid #EAEAEA!important; background:#fff;font-weight:bold; font-size:16px!important;}
.display-bottom{font-size:25px;}
.bottom-nav{color:#ff0000;}
.bar{display:none;}
.left{text-align:left;}
.display-left{text-align:left!important;}
.cid-rbmgesvQTI h3.mbr-text{text-align:left!important;}
.bg-dark a.nav-link{text-align:center; margin-left:25px;}
.bg-dark{margin-bottom:0px!important; border:0px;}
.cid-rbmlLMGzzh{border:0px!important; margin:0px!important;}
.fancy span:before,
.fancy span:after {display:none;}
.fancy{line-height:50px; font-size:30px; font-weight:500;}
.brand{font-weight:bolder!important; font-size:20px; color:#fff!important;}
.btn-bg.display-4{width:100%!important; border-radius:0px!important; font-size:18px!important;}
.cid-rbmdr8RGdl{
padding-top: 20px!important;
padding-bottom: 20px;
}
.cid-rbmgesvQTI{padding-top:30px; padding-bottom: 0px!important;}
.mob-footer .navbar-nav .nav-link{text-align:center!important; padding-left:100px!important; }
.name-divider{width:100%!important; }
.btn-bar{display:none;}
.fancy em{font-weight:bold;}
.card-box{}
a#prev{margin-left:65%!important;}
#btn{margin-bottom:20px!important;}
.arrow{float:right;}
.news-slider {
padding: 0px 0px;
}
.display-10{font-size:20px;}
.text-ignatius{padding-top:50px!important;padding-bottom:50px!important;}
.short-icons{border:0px!important;}
.parents,.alumni{border:0px!important;}
.img-contact,.img-parents,.img-alumni{visibility:visible!important; opacity:1; background-repeat:no-repeat; background-size:cover;height:200px;}
.card-down{margin-top:0px!important; }
.comp-video{display:none;}
.mob-video{display:block;padding-bottom:30px; margin-bottom: 0px!important;}
.title{top:-30px; padding: 10px!important; font-size:30px;}
.staff-title{position:relative; top:-50px!important; height:200px; background-size:100% 100%; background-repeat:no-repeat;}
.title-pic{top:5px; font-size:30px; margin-bottom: 20px;}
.admisstion-title,.infra-title{height:335px; background-position:right;}
.ad-title{top:220px; font-size:30px;marign:0!important; padding:0!important;}
.ad-subTitle{top:200px;marign:0!important; padding:0!important; font-weight:700;}
.title-pic-ad nav{
display:flex;
flex-flow: column wrap;
align-items: center;
flex-basis: 100%;
}
.title-pic-ad nav a{ padding-bottom: 20px;flex-basis: 100%;display:flex; font-weight:700!important;}
a.btn.btn-evt{
line-height: 30px; text-align: left!important;
}
.ad-btn{
border:2px solid #ccc; padding: 20px 30px;margin-bottom: 10px;
position: relative;
left:10%;
}
.title-pic-ad nav a:hover:not(.active):after {
width: 0%;
left: 0;
}
.bg-content{margin-top:50px;}
.title-pic-ad{padding:0px!important; padding-top:20px!important;}
.in-title{padding-top:0px!important; padding-bottom:20px; font-size:18px; position:relative; top:-30px;}
.athlete-title{height:auto!important;}
.library-title{height:auto!important; padding-top:40px; pading-bottom:30px!important;}
.content-athlete{background:#2f80bb!important; width:100%; height:400px;important;
color:#fff; display:flex; flex-direction: column; align-items: center; justify-content: center; padding-left:20px; padding-right:20px;}
.content-athlete h1{padding-top:50px; sfont-size:50px; padding-bottom:10px; font-family:Trispace, sans-serif; font-weight:700; }
.content-athlete h2{text-transform:uppercase; font-weight:700; line-height: 20px;}
.content-athlete p{font-size:20px; text-align: justify; height:auto!important;}
.img-athlete,.img-club,.img-social{height:250px;}
.iframeSocial{width:100%; height: 150px!important;}
.nav-items{line-height:45px;}
.nav-items .fa-angle-left{padding-right:20px; font-size:40px;}
.nav-items .fa-angle-right{padding-left:50px; font-size:40px;}
.cid-qweRiicS6I h1{font-size:30px;}
.underline select{top:10px; font-size:14px;}
.cal-title{margin-top:0px;padding-top:30px;}
.video-header{width:100%;
height:220px; background:#000; color:#fff; position:relative; overflow: hidden; margin-top:20px; margin-bottom:50px;}
.video-img{position:absolute;width:100%; z-index: 1; }
.vid-bdy{position:relative; z-index: 5; width:100%; height:200px; background:rgba(0,0,0,0.3); padding-top:20px; padding-left:10px;}
.vid-bdy h1{font-size:20px;font-family:Trispace, sans-serif; font-weight:700;}
.vid-bdy p{padding-bottom:10px;}
.videos{grid-row-gap:5px;}
.video{
grid-column-start: span 12;
}
.video h6{position:absolute; bottom:5%; left:50%; transform:translateX(-50%);text-align: center; background:rgba(0,0,0,0.8); margin-bottom:0px;}
.L-form,.L-form1{
width:100%!important;
position:relative; top: 0%;
left: 0%;
-ms-transform: translateX(00%) translateY(00%);
-webkit-transform: translate(00%,00%);
transform: translate(00%,00%); width:100%!important; box-shadow:5px 5px 20px #ccc;
overflow:hidden;
margin-top:0px;
}
.L-head{ height:50px;}
.F-main{width:100%; overflow:hidden;}
.F-wrap{padding:10px;}
.form-group input, .form-group select{ display:block;
background:transparent; border-radius:0px; width:100%; border:1px solid #ccc; padding:10px; outline:none;}
.text-uppercase{font-weight:500;}
.form-control{margin:0px!important; padding:0px!important;}
.btn-login{}
.rows{padding:0!important;
margin:0!important;}
.columns{
flex:100%;
max-width:100%;
}
.mapouter{margin-top:40px!important;}
.g-class{width:100%!important; height:250px!important; margin:50px auto;}
.parent span{font-size:20px; left:33%; top:30%; padding-top: 50px;}
.parent h3{top:58%; width:100%!important; font-size:14px; left:57%;}
a.principal-link{left:20%!important;}
.mob-menu th{padding:1px;}
.parent .photo,.parent .prin{font-size:18px; left:25%; top:40%;}
.parent .video1,.parent .sports,.parent .prefect{font-size:18px;left:75%; top:40%;}
.parent .lab{font-size:18px;top:40%; left:62%;}
.btn-sign{display:none;}
.banner-head{padding-top:10px!important;padding-bottom:10px!important;background:#fff!important;}
.banner-head span{font-weight:700; font-size:15px; display:block; letter-spacing:1.5px;}
.estd em{padding-bottom:0px!important; margin-bottom:0px!important;}
.video-gal{padding-top:30px; padding-bottom:30px!important;}
.newsNav{
padding-left:5px;
padding-right:10px;
}
.sub-banner-head{padding-top:90px!important;}
.ignatius-head{
/*background:url("../images/ignatius.jpg");background-size:100% 100%;background-position:center!important;*/
max-height: 450px;
top:50px!important;
}
.sub-main-body{top:0px!important; padding-top:0px!important;}
.sub-main-body-pic{position:relative;top:0px!important; padding-top:50px;}
.title-pic{top:-55px;}
.weekly h1{line-height:40px; letter-spacing:2px; padding-top:70px;}
.weekly{padding-top:30px;}
.award{padding-top:20px; border-top:5px solic #fafafa;}
.infra,.main-container{padding-top:0px!important;position:relative; top:-70px;}
.contact{padding-top:0px!important;position:relative; top:-30px;}
.al-subTitle{font-size:25px;}
.main-box{width:100%!important;}
.mob-signIn{display:block!important;background-color:var(--red)!important;text-align:center!important;}
.btn-apply{
display:flex;
justify-content: center;
align-content: center;
top:-115px!important;
left:50%;
transform: translate(-50%);
}
.btn-pay{
display:flex;
justify-content: center;
align-content: center;
top:-80px!important;
left:50%;
transform: translate(-50%);
}
.btn-pay a>b{
display: none;
}
.pt-3 >.btn-ap >.fa{padding-left:40px!important;}
.img-library{height:250px;}
.banner-head{display:none;}
.banner-head-mob{display: block; height:190px; background:url("../images/divider-head-1.png"); background-size:100% 100%;
margin-top:10px!important;}
.banner-head span b{font-weight:700!important;}
.main-container h1{padding-top:70px!important;}
.main-container p{font-size:22px;color:#2f80bb; font-weight: 500!important;}
.main-body .sch-title{
top:-170px;
font-size:14px;
font-weight: bolder;
letter-spacing: 1px;
}
.main-body .sch-title2{top:-150px;
font-size:10px;
letter-spacing: 1px;}
.no-gutters{height:700px; }
.rec-head{height:250px;}
.sub-head{height:150px;}
.text-middle{position:relative;top:0%;}
.btn-ap{width:200px;}
#pay-fee{
margin-top:20px!important;
}
.pay-f>h1{
padding-top: 0px!important;
}
.photo-title{height:400px!important; }
.top-shift{
position:relative;
top:-100px;
}
#hide{display:none!important;}
.magazine-cover{width:100%;}
.blogPost--small {
margin:10px 0px;
}
.media-body{margin-left:5px!important;}
.media-heading{line-height:30px!important;}
.parallax{
background-position: center!important;
}
.i-container h1{line-height: 50px;}
.slider{margin-top:40px;}
.cid-qyw1Idp10G .news-content{
width:100%;
overflow: hidden;
}
.cid-qyw1Idp10G .main-container .news-content h1{
position:relative;
top:20px;
font-size:20px;
z-index: 10!important;}
.news-content .row .col-md-4{
height:401px;
}
.fa-mobile{color:#fff!important;}
}
@media only screen and (min-width: 390px) and (max-width: 767px) {
.btn-ap{width:250px;}
}
.link3 {
color: rgb(255, 255, 255) !important;
/* font-size: 15px; */
/* font-weight: 700; */
line-height: 20px;
text-transform: capitalize;
letter-spacing: 1px;
text-decoration: none;
display: inline-block;
position: relative;
/* top: 2px; */
left: 2px;
z-index: 1;
transition: all 0.5s;
}
.link3:focus,
.link3:hover {
color: #fff;
background: linear-gradient(63deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 10%, rgba(0,0,0,1) 20%);
background-position: 0;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
text-fill-color: transparent;
animation: shine 34s linear forwards;
font-weight: 700;
}
@keyframes shine {
0% {
background-position: 0;
}
60% {
background-position: 900px;
}
100% {
background-position: 900px;
}
}
.link3:after {
content: "";
/* background: linear-gradient(95deg, rgba(18,102,13,1) 36%, rgba(206,218,13,1) 52%, rgba(185,24,13,1) 74%); */
background-color: #2ab77c;
height: 6px;
width: 6px;
position: absolute;
top: -3px;
right: 1px;
z-index: -1;
transition: all 0.3s ease 0s;
}
.link3:before {
content: "";
/* background: linear-gradient(95deg, rgba(18,102,13,1) 36%, rgba(206,218,13,1) 52%, rgba(185,24,13,1) 74%); */
background-color: #ecb32d;
height: 6px;
width: 6px;
position: absolute;
top: -3px;
right: -8px;
z-index: -1;
transition: all 0.3s ease 0s;
}
.link3 span {
content: "";
background-color: #e01c5a;
height: 6px;
width: 6px;
position: absolute;
top: 6px;
right: -8.2px;
z-index: -1;
transition: all 0.3s ease 0s;
}
.ham {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: transform 400ms;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.hamRotate.active {
transform: rotate(45deg);
}
.hamRotate180.active {
transform: rotate(180deg);
}
.line {
fill:none;
transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
stroke:#000;
stroke-width:5.5;
stroke-linecap:round;
}
.ham6 .top {
stroke-dasharray: 40 172;
}
.ham6 .middle {
stroke-dasharray: 40 111;
}
.ham6 .bottom {
stroke-dasharray: 40 172;
}
.ham6.active .top {
stroke-dashoffset: -132px;
}
.ham6.active .middle {
stroke-dashoffset: -71px;
}
.ham6.active .bottom {
stroke-dashoffset: -132px;
}
.intro{
display: block !important;
}
.extra-con{
}
.extra-con img{
width:100%;
height:300px;
object-fit:cover;
border-radius: 20px;
margin:2rem 0;
}
.extra-con h2{
font-size:1.2rem;
text-transform:uppercase;
font-weight:bold;
text-align:center;
margin-bottom:2rem;
position: relative;
}
.extra-con h2:before{
content:"";
height:2px;
width:20px;
background-color:var(--royal-blue);
position:absolute;
bottom:-5px;
/* left:0; */
transition:0.4s;
}
.extra-con .col-md-4:hover h2:before{
width:100px;
transition:0.4s;
}