
.form-control-error{
    border:1px solid red !important;
}
html * { font-family:Lato,Calibri;color:#5B5B5B;}
html {  scroll-behavior: smooth;}
body {background:#FFFFFF;animation: fadeInAnimation ease 3s; animation-iteration-count: 1; animation-fill-mode: forwards;}
   @keyframes fadeInAnimation { 
            0% { 
                opacity: 0; 
            } 
            100% { 
                opacity: 1; 
            } 
        } 
.container {max-width:1280px}
.container-fluid {padding:0;margin:0}

a {text-decoration:none}
a:hover {text-decoration:none}
h1 {font-size:26pt;font-family:Assistant;}
h1 strong {font-size:26pt;color:#308EB0;font-family:Assistant;}
h2 {font-size:24pt;font-family:Assistant}
h2 strong {font-size:24pt;color:#308EB0;font-family:Assistant;}
h3 {font-size:20pt;font-family:Assistant}
h4 {font-size:18pt;font-family:Assistant}
h5 {font-size:16pt;font-family:Assistant}
h6 {font-size:14pt;font-family:Assistant;font-weight:bold}

.blue {color:#308EB0;}

.divider {width:150px;border:3px solid #F2DF09}
.bg-yellow {background:#F2DF09}
.bg-silver {background:#E0E0E0}
.bg-blue {background:#192E59}
.btn-warning {background:#F2DF09}
.bg-blue-trans {background-color:rgba(26,46,86,.8)}

.modal-title {font-weight:bold}

header {background-color:rgba(255,255,255,.8)}
.top-text {font-size:12pt;font-weight:bold;padding:5px;color:#192E59}
.top-links a {display:inline-block;padding:5px;padding-left:10px;padding-right:10px;font-size:10pt;font-weight:bold;transition:all 0.5s;}
.top-links a:hover {background:#F2DF09;border-radius:5px}

.nav {transition:all 0.5s;}
.navbar {background:#192E59;border-bottom:2px solid #F2DF09;margin-top:-15px}
.navbar-brand {max-width:400px;transition:all 0.5s;}
.navbar ul.navbar-nav li.nav-item a  {font-size:12pt; color:#FFFFFF;transition:all 0.5s;font-family:Assistant;margin-right:5px}
.navbar .dropdown-menu {background-color:#17284F;border-radius:0px;box-shadow: 0 0 5px rgba(0,0,0.5);}
.button {background:#E64606;border-radius:6px;padding:8px;max-width:100px}
.brand-small {max-width:300px}
.dropdown-megamenu {width:auto;min-width:850px;padding:10px;}
.dropdown-group {display:inline-block;max-width:350px;margin:5px;padding:5px;vertical-align:top}
.dropdown-group-alt {display:block;min-width:300px;padding:5px;vertical-align:top}
.dropdown-link-title {color:#F2DF54;padding:2px}
.dropdown-link {display:block;color:#FFFFFF;border-bottom:1px dotted #396AAD;padding:2px;min-width:155px}
.dropdown-pic {padding:5px;}

.slider-wrapper {background:#FAFAFA;position:relative;z-index:1024}
.slide {min-height:100vh;background-size:cover;}
.slider-text {position:absolute;width:100%;padding:50px;height:100vh; background: linear-gradient(90deg, rgba(25,47,89,1) 1%, rgba(24,45,91,0.86) 34%, rgba(9,9,121,0) 100%);  }
.slider-text h1 {font-size:26pt;color:#FFFFFF;margin-top:270px;}
.slider-text p {color:#FFFFFF;max-width:300px;}

.bg-quicklinks {background:#192E59;background-image:url('uploads/bg-quicklinks.jpg');background-size:cover}
.quick-links {padding:35px}
.quick-links h2 {color:#FFFFFF}
.quick-links a {display:block;color:#FFFFFF;padding:5px;border-bottom:1px solid #3164AF}
.intro {padding:35px}

.btn-home {padding:10px;font-weight:bold;font-size:14pt;color:#162A4B;text-shadow:1px 1px #FFFFFF}
.btn-home:hover {color:#EE601A;}
.announcement {font-weight:bold;color:#162A4B; text-shadow:1px 1px #FFFFFF}

.fact-section {background:#192E59;background-image:url('uploads/bg-facts.jpg');background-size:cover;}
.fact-figure-text {padding:15px}
.fact-figure-text h1 {color:#FFFFFF}
.fact-figure-text p {color:#FFFFFF;margin-top:10px}
.fact-figure-text b {color:#FFFFFF}
.fact-figure {border:1px solid #192E59;padding:15px}
.fact-figure span {font-size:20pt;color:#FFFFFF}
.fact-figure p {color:#FFFFFF;font-size:12pt}
.fact-figure:nth-child(odd) {background-color:rgba(242,222,8,.5)}
.fact-figure:nth-child(even) {background-color:rgba(10,168,240,.5)}
.award-box {display:inline-block;margin:10px;width:120px;border:1px solid #405682}
.award-box p {color:#FFFFFF;font-size:10pt}
.award-box p strong {display:block;color:#EEE92A;font-size:12pt}

.highlights {padding-top:35px}
.highlights p {font-size:12pt;color:#3A73AC;font-weight:bold}
.highlight-frame {border:4px solid #F2DF09;margin-top:15px;padding:10px}
.highlight-pic {position:absolute;width:80%;left:0;top:0;height:300px;background-size:cover}
.highlight-text {position:absolute;width:80%;padding:5%;right:0;top:100px;height:250px;background-color:#F2DF09;z-index:999}
.highlight-text h3 {font-weight:bold;font-size:16pt}
.highlight-text p {font-weight:bold;font-size:10pt;color:#000000}

.institutes {margin-top:35px;background-image:url('uploads/bg-institutes.jpg');background-size:cover; background-attachment:fixed;padding-top:35px;padding-bottom:35px}
.institute-box {background-color:#FFFFFF;border:1px solid #D6D7D8;margin-top:15px;position:relative;box-shadow:0px 0px 10px rgba(100,100,100,0.3);}
.institute-box h2 {font-weight:bold;font-size:16pt;padding:10px;padding-bottom:0;min-height:65px;color:#192E59}
.institute-box h3 {font-weight:bold;font-size:12pt;padding:10px;padding-bottom:0;min-height:50px;color:#192E59}
.institute-box p {font-size:12pt;padding:15px;padding-top:0;min-height:25px;padding-bottom:0}
.institute-pic {height:200px;background-size:cover;transition:all 0.5s;}
.institute-pic:hover {background-position:right}
.institute-url {padding:10px;background:#E3B303;width:50px;height:50px;border-radius:50%;position:absolute;top:0px;right:10px;display:block;font-weight:bold;color:#FFFFFF;padding-left:15px;z-index:999}


.team {margin-top:35px;background-image:url('uploads/bg-team.jpg');background-size:cover;background-repeat:no-repeat;background-attachment:fixed;padding-top:35px;padding-bottom:35px}
.team h1{color:#FFFFFF}
.team p {color:#FFFFFF;}
.team-box {background-color:#FFFFFF;margin-top:15px;}
.team-box h2 {padding:5px;color:#FAFAFA;background:#E25B00;font-size:16pt}
.team-box p {font-size:10pt;padding:15px;padding-top:0;min-height:25px;padding-bottom:0;color:#4D4D4D}
.team-pic {width:150px;height:150px;background-size:cover;border:4px solid #DCDCDC;position:relative;transition:all 0.5s;}
.team-pic:hover {background-position:right}
.team-overlay {display:block;padding-top:30px;left:0;text-align:center;color:#FFFFFF;font-size:36pt;font-weight:bold}

.partners {margin-top:35px;background-image:url('uploads/bg-partners.jpg');background-size:cover;background-attachment:fixed;padding-top:35px;padding-bottom:35px}
.partners h1{color:#192E59}
.partners p {color:#000000}
.partner-box {background-color:rgba(255,255,255,.7);border:1px solid #FFFFFF;margin-top:15px;box-shadow:0px 0px 10px rgba(100,100,100,0.3);}
.partner-box h3 {padding:10px;padding-bottom:0;min-height:50px;}
.partner-box p {font-size:10pt;padding:15px;padding-top:0;min-height:45px;padding-bottom:0;color:#4D4D4D;font-weight:bold;color:#217CBB}
.partner-pic {height:200px;background-size:cover;border:1px solid #E8E8E8}
.partner-box h4 {padding:10px;font-size:12pt;padding-right:45px;text-transform:uppercase;min-height:55px;font-weight:bold}
.partner-url {position;absolute;padding:3px;background:#E3B303;width:35px;height:35px;border-radius:50%;position:absolute;bottom:10px;right:5px;display:block;font-weight:bold;color:#FFFFFF;padding-left:10px;z-index:0}

.messages {margin-top:35px}
.message-pic {position:absolute;top:5px;left:0;width:150px;height:150px;border-radius:50%;border:2px solid #FFFFFF;background-size:cover;z-index:999}
.message-text {width:90%;margin-left:10%;padding:5%;right:0;top:0;height:250px;background-color:#F2DF09;padding-left:120px;}
.message-text p {font-size:10pt;font-weight:bold}

.news {margin-top:35px;padding-top:35px;padding-bottom:35px; background-image:url('uploads/bg-news.jpg');background-size:cover;background-attachment:fixed;}
.news-box {position:relative;background:#FFFFFF; padding:10px;box-shadow:0px 0px 10px rgba(100,100,100,0.3);}
.news-box span {position:absolute;display:block;width:55px;height:45px;right:0;top:0;background-color:#F2DF09;font-size:12pt;text-align:center;padding:5px;line-height:90%;text-transform:uppercase;border:3px solid #FFFFFF}
.news-box p {font-size:12pt;min-height:50px;font-weight:bold}
.newsbox-pic {height:175px;background-size:cover;}

footer {background:#192E59;padding-top:30px;}
footer h5 {color:#FFFFFF;font-size:16pt}
footer p {color:#FFFFFF;font-size:12pt}
.footer-info {background:#E6D04C; text-align:center}
.footer-info p {color:#000000}
.footer-info a {color:rgb(230, 76, 76)}
.footer-links a {
    display:block;
    /*width:175px;*/
    width:210px;
    color:#FFFFFF;
    padding-top:5px;
    font-size:10pt
    
}
footer td {color:#FFFFFF}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:0px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:rgba(255, 255, 255, 0.2);;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
.owl-prev {position:absolute;top:45%;left:0px;}
.owl-next {position:absolute;top:45%;right:0px;}

.page-wrapper {margin-top:50px}
.page-wrapper h1 {border-bottom:1px solid #E2E2E2;background-image: linear-gradient(to left, #F5F5F5 , #FFFFFF);}
.page-wrapper h1 strong {color:#308EB0;font-family:Assistant}
.page-wrapper p {text-align:justify}
.page-slider-wrapper {position:relative;background:#223871}
.page-title {position:absolute;width:100%;bottom:25%;left:0;font-size:26pt;color:#FFFFFF;text-align:center;padding-top:10%;text-transform:uppercase;font-family:assistant;z-index:999}
.page-title p {max-width:450px;margin:0 auto;font-size:10pt;color:#EDECC5;border-bottom:2px solid #FFFFFF;text-transform:none;padding:5px}
.section-wrapper {margin-top:75px;}
.section-wrapper h1 {border-bottom:1px solid #E2E2E2;}
.section-wrapper h1 strong {color:#308EB0;font-family:Assistant}
.header-overlay {background-color:rgba(0,0,0,.6);padding:5%;text-align:center}
.header-overlay * {color:#FFFFFF;fonr-family:Assistant}

.sidebar-altmenu {background:#F2DF09;margin-top:50px;padding:20px;position: -webkit-sticky;  position: sticky;  top: 100px;}
.sidebar-altmenu table {border:1px solid #FFFFFF;width:100%}
.sidebar-altmenu table td {padding:5px;font-weight:bold;font-family:Assistant;font-size:10pt;}
.sidebar-altmenu h2 {font-size:18pt}

.sidebar-menu {background:#428DC9;margin-top:50px;padding:15px;position: -webkit-sticky;  position: sticky;  top: 100px;}
.sidebar-menu h2 {padding:5px;color:#FFFFFF;font-size:18pt}
.sidebar-menu a {display:block;padding:5px;color:#FFFFFF;border-top:1px solid #22BEF6;font-size:10pt}
.sidebar-menu strong {color:#FFFFFF;font-size:12pt}

.card-box {background-color:#FFFFFF;border:1px solid #FFFFFF;padding:10px;margin-top:15px;box-shadow:0px 0px 10px rgba(100,100,100,0.3);}
.card-box h3 {color:#0F63A9;font-size:16pt}

address {display:block;padding:10px;border:1px solid #EAEAEA; box-shadow:0px 0px 10px rgba(100,100,100,0.3);min-height:150px}
address h5 {color:#308EB0}
address p {font-family:Assistant}

.enquiry-form {position:fixed;bottom:10px;right:10px;z-index:10000}
.enquiry-form form {padding:10px;display:none;background:#FFFFFF;border:1px solid #EAEAEA; width:300px;box-shadow:0px 0px 10px rgba(100,100,100,0.5);border-radius:10px;transition:all .5s}
.enquiry-form h5 {background:#CF3A17;padding:5px;border-radius:10px;border:2px solid #FFFFFF;color:#FFFFFF;cursor:pointer;display:block;font-size:12pt}

.form-sm input {padding:2px;padding-left:5px;font-size:10pt;border:1px solid #FDE505;box-shadow:0px 0px 10px rgba(100,100,100,0.3);}
.form-sm select {padding:2px;padding-left:5px;font-size:10pt;border:1px solid #FDE505;box-shadow:0px 0px 10px rgba(100,100,100,0.3);color: silver;}
.form-sm textarea {padding:2px;padding-left:5px;font-size:10pt;border:1px solid #FDE505;box-shadow:0px 0px 10px rgba(100,100,100,0.3);}
.form-sm ::placeholder {  color: silver;}

#loader { 
	border: 12px solid #f3f3f3; 
	border-radius: 50%; 
	border-top: 12px solid #444444; 
	width: 50px; 
	height: 50px; 
	animation: spin 1s linear infinite; 
} 
  
@keyframes spin { 
	100% { 
		transform: rotate(360deg); 
	} 
} 
  
.center { 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	margin: auto; 
} 


@media (max-width: 650px) {
.navbar-brand {max-width:300px}
.navbar {position:fixed;top:0;left:0;width:100%}
body {padding-top:30px}
}

.absolute-center { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
        
.myform {max-width:850px;margin:0 auto;background:#FFFFFF;padding:15px;box-shadow: 0 0 5px 2px #E6E6E6;}
