@charset "utf-8";

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

/* CSS Document */

* {
	margin:0;font-weight:400;
	padding:0;box-sizing:border-box; font-family:Source Sans Pro; font-size:18px
}
body {
	width:100%;  color:#333; overflow-x:hidden; font-size:18px; font-weight:400; 
}
.introBox .formRight img{ width:auto}
p strong, strong{ font-weight:700}
.outerBox{ width:calc(100% - 00px); float:left;margin:0;}
.logo{ float:left; width:390px; text-align: left; background:url(../images/logo-bg.png) right center; padding:13px 15px 13px 25px}
.logo a:link,.logo a:visited,.logo a:hover{color:#03324e; font-size:32px; font-weight:700; text-decoration:none; font-family:'Source Sans Pro';  text-align:left}
.logo a:link span,.logo a:visited span,.logo a:hover span{ color:#37b5e5 !important; font-size:16px; text-decoration:none}
.headerRightMenus{ float:right}
.cls{ clear:both}
.header{ margin:10px 0; float:left; width:100%; position:relative; z-index:999999999}
#banner{ float:left; float:left; width:100%; position:relative}
.bannerTxt{ background:#e84036; right:70px; margin:0; position:absolute; z-index:999999; width:500px; top:100px; padding:10px 30px; height:380px}
p.bannerHeading{ color:#fff; font-size:40px; font-weight:700; margin-bottom:20px; text-transform:uppercase; line-height:45px}

.bannerTxt ul li p{ color:#fff; background:url(../images/ribbon.png) no-repeat left 5px; margin-bottom:10px; list-style:none; padding-left:30px}
h5{ font-size:24px; color:#084468; font-weight:bold}
.marBox {width: 100%;height: 200px;overflow: hidden;margin: 9px 10px;}
.leftImage{ float:left; width:475px;}
.rightIntro{ float:left; width:calc(100% - 475px); padding:20px 50px 0 50px; margin:0px 0; text-align:center}
.introBox{ float:left; width:100%; padding:50px 10%; text-align:left}
.rightIntro p{ margin:-20px 60px 0 60px;line-height:28px}
.introBox img{ width:310px; border-radius:310px; margin-right:80px; margin-top:20px}

.italicTxt{ font-style:italic; color:#084468; padding:10px 0; margin:80px 0 0 0}

.col3.colMargin a{ float:none; display: inline-block; text-align:center}
.col3.colMargin { text-align:center}

h1,h2{ color:#084468; font-size:48px; background:url(../images/headingbg.png) no-repeat center bottom; padding-bottom:10px; font-weight:600; margin:30px 0 0 0}

h3{color:#fff; font-size:32px;font-weight:600;}

p{ margin:15px 0; line-height:24px }
.cls.hgt{ height:40px}
.viewMore:link,.viewMore:visited{ text-decoration:none; color:#fff; padding:10px 25px; border:1px solid #f59a7b; background:#f59a7b; display:inline-block}
.viewMore:hover{ background:#e84036; color:#fff;border:1px solid #e84036; }

.quickContact{ padding:30px 0; float:left; width:100%; text-align:center; color:#fff; background:#37b5e5}
.quickContact span{ color:#fff; font-size:26px;}

.callIcon{ padding:5px 0 0 38px; background:url(../images/call.png) no-repeat;}
.emailIcon{ padding:5px 0 0 38px; background:url(../images/email.png) no-repeat left center; margin-left:25px}

.photoGalleryBg{float:left; width:100%; background:url(../images/photo-gallery-bg.png) #facdbe center center no-repeat; padding:50px 0; text-align:center}

.thumbnails{ background:url(../images/acedemic-bg.jpg) center center; background-size:auto auto;display: grid;grid-gap: 70px 70px;grid-template-columns: auto auto auto; background-color: #2196F3; padding:70px 70px 50px 70px; float:left; width:100% }
.thumbnailsBox{ text-align:center ; -webkit-transition: all 0.35s ease;  -moz-transition: all 0.35s ease;  -ms-transition: all 0.35s ease;  -o-transition: all 0.35s ease;  transition: all 0.35s ease; }

.thumbnailsBox img{ margin:0 auto; text-align:center;  padding:0;-webkit-transition: all 0.35s ease;  -moz-transition: all 0.35s ease;  -ms-transition: all 0.35s ease;  -o-transition: all 0.35s ease;  transition: all 0.35s ease;}
.thumbnailsBox p{ padding:10px 10px 20px 10px; margin:0; text-align:center; font-weight:600;-webkit-transition: all 0.35s ease;  -moz-transition: all 0.35s ease;  -ms-transition: all 0.35s ease;  -o-transition: all 0.35s ease;  transition: all 0.35s ease; font-size:24px; color:#084468 }

.highlightBox{ float:left; width:100%; background:#fce8df; text-align:center; padding:30px 0}
.highlightBox img{ margin:0 auto}
.highlightTxt{float:left; width:calc(100% - 468px); padding:80px 50px 0 50px}
.highlightBox h2{ margin:0 0 50px 0}
.photoGalleryBg h2{ margin:0 auto; padding-bottom:0}

.whiteTxt1,.whiteTxt2{ color:#fff}
.whiteTxt1{ text-transform:uppercase; font-size:14px; padding-bottom:30px; background:url(../images/banner-heading-bg.png) left bottom no-repeat}
.whiteTxt2{ font-size:24px; line-height:34px; margin-top:10px}

.viewmoreBtn:link,.viewmoreBtn:visited{ color:#fff; border:1px solid #fff; padding:10px 25px; text-decoration:none}
.viewmoreBtn:hover{ padding:10px 50px 30px 50px}

.certificationBox h2{ text-align:center; margin-top:0}
.certificationBox{ float:left; width:100%}

.certifications{ float:left; width:33.33%; text-align:center}
.certifications img{ border:5px solid #f1f1f1}

.mediaContainer{float:left; width:100%; background:#f1f1f1}
.mediaBox{ float:left; text-align:center; width:33.33%; padding:20px;}

.mediaBox input,.mediaBox textarea{ background:#fff; border-radius:5px; padding:10px 15px;border:0; margin-bottom:10px; width:100%}
.mediaBox input.inputTxtSm { width:50%; float:left}
#contact-loader{ display:none}
.mediaBox input[type="submit"]{ background:#e84036; color:#fff; cursor:pointer}
.mediaBox input[type="submit"]:hover{ background:#ae231b; color:#fff;}
.mediaBox h2{ margin-top:0}
.mediaBox:nth-child(2){ border-left:1px solid #fff;border-right:1px solid #fff}
#message-sent{ margin:0}
.mediaBox{ min-height:520px;}

.facebook:link,.facebook:visited{ background:url(../images/social-media.png); width:12px; height:22px; display:inline-block}
.facebook:hover{ background:url(../images/social-media.png) left bottom;}

.instagram:link,.instagram:visited{ background:url(../images/social-media.png) -33px top; width:22px; height:22px;display:inline-block; margin:0 15px}
.instagram:hover{background:url(../images/social-media.png) -33px bottom;}

.linkedin:link,.linkedin:visited{ background:url(../images/social-media.png) right top; width:22px; height:22px;display:inline-block}
.linkedin:hover{background:url(../images/social-media.png) right bottom;}

.pipe{ color:#fff; padding:0 15px}
.footer{ background:#084468; float:left; width:100%; padding:40px 50px; text-align:center}
.footer a:link,.footer a:visited{ color:#fff; text-decoration:none; font-size:16px}
.footer a:hover{ color:#d1e3ed}
.footerLeft li{ margin-bottom:10px; float:left; width:50%}
.footerLeft ul{ list-style:none; padding:0;float:left; width:100% }

.footerLeft{ width:40%; float:left}
.footerRight{ width:50%; float:right; text-align:right}
.footerRight p{ color:#fff; margin:0 0 5px 0}
.footerRight p:nth-child(1){ font-size:30px; font-weight:600; }
.footer p{ color:#fff}
p.copyright{ padding:0px 0 0 0; font-size:15px; margin:0;}


#banner .bx-prev{ background:url(../images/next-previous.png); width:44px; height:44px}
#banner .bx-prev:hover{ background:url(../images/next-previous.png) left -45px; width:44px; height:44px}
#banner .bx-next{ background:url(../images/next-previous.png) right top; width:44px; height:44px; left:50px !important}
#banner .bx-next:hover{ background:url(../images/next-previous.png) right -45px; width:44px; height:44px; }


.viewMoreImg{ border:2px solid #fff; border-radius:100px;  padding:5px; z-index:99; position:relative; float:right; margin:-20px -10px 0 0; cursor:pointer }
.viewMoreImg:hover{ background:#c93027}

.leftBox{ width:40%; float:left; position:relative}
.rightBox{ width:60%; float:left; padding-right:30px;}

.heading{ font-size:18px; text-transform:uppercase; font-weight:700; margin-top:0; padding-right:20px}
/*.heading span:after{ content:""; background:url(../images/line.jpg); position:absolute; left:0px; right:20px; height:1px; top:13px}*/

.customBullet li{ list-style:none; background:url(../images/bullet.png) no-repeat left 5px; padding-left:30px; margin-bottom:10px}
p.subheading{ font-size:14px; margin-top:-10px; padding-top:0; color:#999}

.customBullet li li{ background:none; list-style-type:circle; padding-left:0; margin-left:20px}
.customBullet li ul{ margin-top:10px}
.aboutBanner{ background:url(../images/aboutbanner.jpg) no-repeat}
.aboutBannerNew{ background:url(../images/about.jpg) no-repeat}
.Personal{ background:url(../images/profile.jpg) no-repeat}
.awardsBanner{ background:url(../images/awardsBanner.jpg) no-repeat}
.pressmedia{background:url(../images/pressmedia.jpg) no-repeat}
.governors{background:url(../images/governors.jpg) no-repeat}
.policyBanner{background:url(../images/policyBanner.jpg) no-repeat}


.boxFifty{ float:left; width:50%}

.txtLeft{ float:left; width:60%}
.txtRight{ float:left; width:40%; padding:30px}
.txtRight .bx-wrapper .bxsliderNew img{ width:100%; margin:0}
.txtRight .bx-wrapper { box-shadow:8px 8px 5px rgba(0,0,0,0.2)}

.boxFifty input,.boxFifty textarea{ border:0; border-radius:5px; padding:10px 15px; background:#f1f1f1; width:100%; margin-bottom:15px}
.boxFifty input.inputTxtSm { width:50%;float:left}

.boxFifty input[type="submit"]{ background:#e84036; color:#fff; cursor:pointer}
.boxFifty input[type="submit"]:hover{ background:#ae231b; color:#fff;}
.boxFifty.fullBox{ width:50%; margin-left:25%}
.boxFifty.fullBox,.boxFifty.fullBox p{ text-align:center}

p.marginTop{ margin-top:-30px; margin-bottom:30px; line-height:26px}
.pipe{ margin:0 10px}

.photoGalleryList li{ list-style:none}
.photoGalleryList li{ width:29.33%; margin:0 2%; float:left; padding:10px}
.photoGalleryList li img{ width:100%; border:10px solid #f1f1f1;}
.photoGalleryList li img:hover{border:10px solid #e84036;}

.photoGalleryList li p{ min-height:50px; text-align:center}
.punchlineLeft{ padding:50px 0}
.punchline{ width:90%; padding:10px 20px; line-height:50px;  color:#1c1c1c; font-size:46px; font-weight:300}
.innnerSlide .punchline{ width:100%;}
.innnerSlide .punchlineRight span{ float:left; margin-left:80px}

.punchline span{ font-weight:600;font-size:46px;line-height:50px;}
.thumbnailsBox:hover{ cursor:pointer;  }
.thumbnailsBox:hover img{padding:0px 0px 0 0px; margin-top:-10px}
.thumbnailsBox:hover p{ padding-top:0; margin-top:0px}
.txtLeft,.txtLeft p { text-align:justify }

.socialMediaTop{ float:left; margin:10px 50px}
.bg{ background:url(../images/banner-bg.png) no-repeat center -30px #fce8df;}
.inner-banner-bg{background:url(../images/inner-banner-bg.png) no-repeat center -230px #fce8df;}

.inner-banner-bg .mainBanner{ width:250px !important}
.inner-banner-bg .punchlineRight span{width:280px !important; height:280px !important}

.inner-banner-bg .punchline{ color:#fff}

.bg.innerBanner{}
#cssmenu{ display:none}
.menuIcon { float:right; background:#333333; border-radius:150px; width:50px; height:50px; padding:10px; margin:0 20px 0 0}
.menuIcon img{padding:5px 3px}
.punchlineLeft,.punchlineRight{ float:left; width:50%}
.punchlineRight img{ float:right; width:470px !important}
.punchlineRight span{ border-radius:400px; background:#acc5d3; width:500px; height:500px; float:right; padding:25px 10px 30px 35px}
#banner{ width:90%; margin:0 5%}
.photoGalleryBg .thumbnails{ background:none}
.photoGalleryBg .thumbnails .thumbnailsBox img{ width:330px;}

.quickConnect{ background:#d1e3ed; float:left; width:100%; padding:60px 5%}
.col3{ width:33.33%; float:left; font-size:28px; color:#666666}
p.subHeading{ padding-bottom:0; margin-bottom:0;padding-top:0; margin-top:0; position:relative}
.quickConnect h2{ padding-top:0; margin-top:0; padding-bottom:30px}
p.subHeading:after{ content:"";background-image: url(../images/line.jpg); position:absolute; left:120px; top:13px; width:100px; height:1px}

.facebookF:link,.facebookF:visited{ background:url(../images/facebook.png) no-repeat center center; width:52px; height:52px; float:left;background-size:90%;-webkit-transition: all 0.2s ease;  -moz-transition: all 0.2s ease;  -ms-transition: all 0.2s ease;  -o-transition: all 0.2s ease;  transition: all 0.2s ease;}
.facebookF:hover{ background-size:100%}

.instagramF:link,.instagramF:visited{ background:url(../images/instagram.png) no-repeat center center; width:52px; height:52px; float:left;background-size:90%;-webkit-transition: all 0.2s ease;  -moz-transition: all 0.2s ease;  -ms-transition: all 0.2s ease;  -o-transition: all 0.2s ease;  transition: all 0.2s ease; margin:0 15px}
.instagramF:hover{ background-size:100%}

.linkedinF:link,.linkedinF:visited{ background:url(../images/linkedin.png) no-repeat center center; width:52px; height:52px; float:left;background-size:90%;-webkit-transition: all 0.2s ease;  -moz-transition: all 0.2s ease;  -ms-transition: all 0.2s ease;  -o-transition: all 0.2s ease;  transition: all 0.2s ease;}
.linkedinF:hover{ background-size:100%}

.footerLeft{ float:left; text-align:left; width:50%; margin-top:10px;}
.footerRight{ float:left; text-align:right; width:50%; margin-top:10px;}

.menuList{ margin-top:calc(50% - 140px); margin-left:30px}
.menuList li{ list-style:none; background:url(../images/menuarrow.png) no-repeat left 7px; padding:0 0 0 30px; margin:0 0 20px 20px}
.menuList li a:link,.menuList li a:visited{ color:#fff; text-decoration:none; font-size:24px; font-weight:300}
.menuList li a:hover{ color:#fde287}
.menuTxt{ font-size:34px; font-weight:600}
.menuBox{position:absolute; top:0; left:0; right:75px; bottom:0; z-index:99999999999; background:#084468; display:none}
.menuLeft{left:0; right:50%; top:0; bottom:0; background:#fff;position:absolute; padding:15% 0 0 50px}
p.cls.hgt{ height:5px}

.bg.hidescroll{ overflow:hidden}
.menuRight{left:50%; right:0; top:0; bottom:0;position:absolute; background:url(../images/dome.png) center center no-repeat}

.footerBottom{ background:#022f4b; float:left; width:100%; padding:5px 20px}
.footerBottom p.copyright{ color:#fff}
ul.customBullet{ margin-top:20px}

.formLeft{ width:45%; margin-right:5%; float:left}
.formRight{ width:45%; margin-left:5%; float:left}

.formLeft input,.formRight input{ width:100%; padding:10px 10px; border:0; border-radius:5px; background:#fff; margin-bottom:15px}
.inputTxtSm.captcha{ width:50% !important}
.formRight textarea{width:100%; padding:10px 10px; border:0; border-radius:5px; background:#fff; margin-bottom:15px; height:101px}
.formLeft .submit { cursor:pointer; background:#084468; color:#fff}
.formLeft .submit:hover{ background:#3479a3}

.deskHide{ display:none}
@media screen and (max-width:800px){

.txtRight,.txtLeft{ width:100%}
.photoGalleryList li{ width:96%}
.outerBox{ width:calc(100% - 40px); float:left;margin:0 20px;}
.bannerTxt{ position:relative; width:100%; right:0px; top:50px}
p.bannerHeading{ font-size:26px; line-height:30px}
.leftImage img,.leftImage,.rightIntro,.thumbnailsBox,.highlightTxt,.highlightPhotos,.certifications,.mediaBox,.footerLeft,.footerRight,.leftBox,.rightBox,.boxFifty.fullBox{ width:100%}
.rightIntro p{ margin:0}
.rightIntro{ padding:0 0px}
h1, h2{ font-size:28px; margin:20px 0}
.highlightTxt{ padding:20px}
.mediaBox{ min-height:auto}
.footerRight{ float:left; text-align:left; margin-top:20px}
p.marginTop{ margin-top:5px; margin-bottom:30px; line-height:26px}
.boxFifty.fullBox{ margin-left:0}
#cssmenu #menu-button{ color:rgba(0,0,0,0)}
#cssmenu{ position:absolute; background:#fff; right:0}
.logo{ position:relative; z-index:999}
ul.open{ margin-top:35px !important}
#cssmenu > ul > li > a{ padding:20px 5px 20px 5px}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{ background:none}
.menuIcon{ position:relative; z-index:99999;}
.menuBox .menuIcon{ margin-top:10px}
.outerBox{ width:100%; margin:0}
.logo{width:265px; margin:0; padding:5px 0; background-size:cover !important}
.logo{ padding:15px 15px 16px 15px; letter-spacing:0; background-size:100%; background-repeat:no-repeat}
.logo a:link, .logo a:visited, .logo a:hover{ font-size:22px}
.socialMediaTop{ display:none}
.menuBox{ right:0}
.menuTxt{ font-size:24px}
.punchlineRight img{ width:100% !important}
.punchlineLeft, .punchlineRight{ width:100%}
.punchline{ width:100%; padding:0px; line-height:30px;  color:#1c1c1c; font-size:22px; font-weight:300; }
.punchline span{ font-weight:600;font-size:22px;line-height:30px;}
.punchlineLeft{ padding:0px 0 20px 0}
.punchlineRight span{ width:100%; height:100%; padding:10px}

.highlightBox img{ width:100%}
.thumbnails{ width:100%; padding:20px; display:block}
.thumbnailsBox:hover img{padding:0px 0px 0 0px; margin-top:0px}
.thumbnailsBox:hover p{ padding-top:0; margin-top:10px}

table td{ display:inline-block; width:100%}
.introBox img{width: 250px;
border-radius: 250px;
margin-right: 0px;
margin-top: 0px;}
.col3{ width:100%}
.mobileHide{ display:none}
.deskHide{ display:block}
.quickConnect .col3 img{ width:25px}
.quickConnect .col3{ font-size:20px}
.col3.colMargin{ text-align:left; margin-top:20px}
.quickConnect h2{ padding-bottom:0}
.quickConnect{ padding:30px 5%}
.footer{ padding:30px}
.pipe,.footer .cls.hgt,.introBox .cls.hgt,.menuLeft .cls.hgt{ display:none}
.bx-wrapper .bx-controls-direction a{ bottom:5%}
.punchlineLeft{ padding:0}
.footer a{ width:100%; float:left; display:block; text-align:left; margin-bottom:10px }
.innnerSlide .punchlineRight span{ float:left; margin-left:0px}
.menuLeft,.menuRight{ left:0; right:0; padding:20px; margin:0; bottom:auto; position:relative}
.menuLeft{ min-height:230px}
.punchlineRight span{ background:#fff}
.menuRight{ background-position: center top}
.bx-wrapper .bx-prev{ left:-10px}
.bx-controls-direction{ position:relative; width:100%}
#banner .bx-next{ left:auto !important; right:-10px !important}
}
@media screen and (max-width:680px){
.punchline{ min-height:115px;}
#banner{ width:calc(100% - 24px); margin:0 12px}

}
@media screen and (max-width:380px){
	.menuLeft,.menuRight{ left:0; right:0; padding:20px; margin:0; bottom:auto; position:relative}
	.logo a:link, .logo a:visited, .logo a:hover{ font-size:22px; float:left}
	
	
}