@charset "utf-8";

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

/* CSS Document */

* {
	margin:0;font-weight:300;
	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; 
}
p strong, strong{ font-weight:700}
.outerBox{ width:calc(100% - 100px); float:left;margin:0 50px;}
.logo{ float:left; width:290px; text-align: right}
.logo a:link,.logo a:visited,.logo a:hover{color:#d14f43; font-size:28px; font-weight:700; text-decoration:none}
.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}

.leftBox.blog{ width:100%}
.leftBox.blog img{ width:auto; border-left:10px solid #e84036; margin:0 20px 0 0}
.rightBox.blog{ padding:15px 0 0 15px}
.blogDate{ color:#666; font-size:14px}

.photoGalleryList.fullList li{ width:46%}

.bannerTxt ul li p{ color:#fff; background:url(../images/ribbon.png) no-repeat left 5px; margin-bottom:10px; list-style:none; padding-left:30px}

.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}
.cls{ clear:both}
.introBox{ float:left; width:100%; margin:70px 0 30px 0}
.rightIntro p{ margin:-20px 60px 0 60px;line-height:28px}


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

h2{position:relative; z-index:9999; float:left; width:100%; text-align:center;}

center h2{ margin-top:-150px; position:relative; z-index:9999; float:left; width:100%; text-align:center; color:#fff; margin-bottom:150px}


.innerBanner{ background:#333333; padding:100px 50px; float:left; width:100%; min-height:240px; background-size: cover !important;}
h3{color:#fff; font-size:32px;font-weight:600;}

.highlightPhotos p{ text-align:center; color:#fff}

.highlightPhotos .bx-pager,.highlightPhotos .bx-controls-auto{ margin-top:0 !important; margin-bottom:20px}

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

.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}

.thumbnails{float:left; width:100%; padding-left:30px; background:url(../images/thBg.jpg) repeat-x left 50px}
.thumbnailsBox{ width:33.33%; float:left; min-height:515px; background-repeat:no-repeat !important; position:relative;-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:nth-child(1){ background:url(../images/current-role.jpg) center center;background-size: 100% auto}
.thumbnailsBox:nth-child(2){ background:url(../images/publication.jpg) center center;background-size: 100% auto}
.thumbnailsBox:nth-child(3){ background:url(../images/awards-recognization.jpg) center center;background-size: 100% auto}
.thumbnailsBox p{ background:#fff; padding:30px 10px 30px 10px; width:80%; margin:0 10%; position:absolute; bottom:0; text-align:center; font-weight:600;background:url(../images/headingbg.png) no-repeat center 65px #fff;-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; z-index:999; color:#333 }

.highlightBox{ float:left; width:100%; background:#e84036}
.highlightPhotos{float:left; width:468px; }
.highlightTxt{float:left; width:calc(100% - 468px); padding:40px 50px 0 50px  }

.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; text-align:left}
.whiteTxt2{ font-size:20px; line-height:26px; margin-top:10px; text-align:justify}

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

.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;}


.footer{ background:#333333; float:left; width:100%; padding:40px 50px;}
.footerLeft li a:link,.footerLeft li a:visited{ color:#fff; text-decoration:none; font-size:16px}
.footerLeft li a:hover{ color:#e84036}
.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; margin-top:0}
.footer p{ color:#fff}
p.copyright{ padding:10px 0 0 0; font-size:15px}


#banner .bx-prev{ background:url(../images/back1.png); width:36px; height:12px}
#banner .bx-prev:hover{ background:url(../images/back.png); width:36px; height:12px}
#banner .bx-next{ background:url(../images/next1.png); width:36px; height:12px; left:50px !important}
#banner .bx-next:hover{ background:url(../images/next.png); width:36px; height:12px; }

#banner .bx-wrapper .bx-controls-direction a{ bottom:-30px !important; top:auto; left:0px}

.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}
.eminentBanner{background:url(../images/eminentBanner.jpg) no-repeat}
.policyBanner{background:url(../images/policyBanner.jpg) no-repeat}
.dalaiBanner{background:url(../images/dalaiBanner.jpg) no-repeat}
.current-role-banner{background:url(../images/current-role-banner.jpg) no-repeat}
.AcademicsBanner{background:url(../images/AcademicsBanner.jpg) no-repeat}
.unique-propositionsBanner{background:url(../images/unique-propositionsBanner.jpg) no-repeat}

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

ul.customBullet a:link,ul.customBullet a:visited{ color:#e84036; text-decoration:none}
ul.customBullet a:hover{ text-decoration:underline}

.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; min-height:330px}
.photoGalleryList li img{ width:100%; border:10px solid #f1f1f1;}
.photoGalleryList li img:hover{border:10px solid #e84036;}

.thumbnailsBox:nth-child(2){ border-left:1px solid #fff;border-right:1px solid #fff;}
.thumbnailsBox{}
.photoGalleryList li p{ min-height:50px; text-align:center; line-height:normal; font-size:16px}
.punchline{ background:#1893c3; position:absolute; left:0; bottom:0; padding:10px 20px;  color:#000; font-size:20px; color:#fff}
.thumbnailsBox:hover{ cursor:pointer; background-size:105%}
.thumbnailsBox:hover p{ background:#e84036; color:#fff}
.thumbnailsBox:hover::after{ background:rgba(0,0,0,0.0);}
.thumbnailsBox:after{ content:".";position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.4); z-index:9;-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;}

.txtLeft,.txtLeft p { text-align:justify }
@media screen and (max-width:800px){
	h2{ color:#333 !important}
	
	.outerBox > center:nth-child(5) > h2:nth-child(1) { color:#ffffff !important}
	
.punchline{ background:rgba(0,0,0,0.8); position:absolute; left:auto; right:0; bottom:-10px; padding:5px 10px;  color:#fff; font-size:12px}
.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}
.photoGalleryList.fullList li{ width:100%}

}
@media screen and (max-width:435px){
	.quickContact span{ font-size:20px}
	.leftBox.blog img{ width:calc(100% - 40px); border-left:10px solid #e84036; margin:20px}
}
@media screen and (max-width:380px){
	
	.logo a:link, .logo a:visited, .logo a:hover{ font-size:22px; float:left}
	
}
@media screen and (max-width:330px){
.quickContact span{ font-size:18px}
}