@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Light.eot');
    src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Light.woff2') format('woff2'),
        url('fonts/Lato-Light.woff') format('woff'),
        url('fonts/Lato-Light.ttf') format('truetype'),
        url('fonts/Lato-Light.svg#Lato-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Black.eot');
    src: url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Black.woff2') format('woff2'),
        url('fonts/Lato-Black.woff') format('woff'),
        url('fonts/Lato-Black.ttf') format('truetype'),
        url('fonts/Lato-Black.svg#Lato-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.eot');
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Regular.woff2') format('woff2'),
        url('fonts/Lato-Regular.woff') format('woff'),
        url('fonts/Lato-Regular.ttf') format('truetype'),
        url('fonts/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Bold.eot');
    src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Bold.woff2') format('woff2'),
        url('fonts/Lato-Bold.woff') format('woff'),
        url('fonts/Lato-Bold.ttf') format('truetype'),
        url('fonts/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* Reset */
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	text-align: left
}
body{line-height: 1}
body, body * {
	-webkit-font-smoothing: antialiased;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
a{margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none}
input, select{vertical-align: middle}
nav ul,li{list-style-type:none;}


/* Commons */
body{font: normal 14px/18px  'Lato';font-weight: normal; font-style: normal; text-align: left;color:#666666;}
body, body *{-webkit-font-smoothing: antialiased; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
a, a:hover, a:active, a:focus, button, input, select, textarea{outline: none; text-decoration: none}
a{color:#666;}
a:hover{color: #009ce7}
p{margin: 0 0 15px}
p.last{margin-bottom: 0}

 

/* Clearfix */
.container:before, .container:after, .project:after, .project:before,  .clearfix:after,  .clearfix:before , .events li:after,  .events li:before, .otherserv li:before, .otherserv li:after, .lectures:before, .lectures:after{content: ""; display: table}
.container:after, .project:after, .clearfix:after, .events li:after, .otherserv li:after, .lectures:after{clear: both}


 .nav_bar{ background:#00367e;}
#top_bar{ background:#d7e3fb;}
.container{ width:1167px; margin:0 auto; position:relative;}

#logo{  float:left; width:15%; padding:5px 0;}

.tagline{ width:auto; float:left; text-align:left; margin:45px 0 0 10px;color:#00367e; font-family: 'Lato'; font-weight: bold; font-size:20px;}
.tagline span{color:#f81111; font-weight: bold;}
.tagline hr{ background:#00367e; margin:5px 0;}
.tagline h6{ text-align:left; margin:00px; color:#000;   font-weight: normal; font-size:16px;}
.kcimg img, .tagline img{ width:100%;}


.kcimg{width:20%;float:right; margin:10px 0 0 1%;}
#email_cont{  float:left; padding:3px 0}

#email_cont1{  float:left; padding:1px 0}

#google_translate_element span img{ width:50px;}
#google_translate_element span{ width:50px;  float:right; display: none;}
.goog-te-gadget {
  color: transparent !important;  line-height: 0;
}

.goog-te-banner-frame.skiptranslate {
display: none !important;
} 
.goog-te-combo{ width:auto ;border:1px solid #fff;border-top:0px solid #fff;border-bottom:0px solid #fff; padding-right:10px;padding-left:10px; margin: 0!important; height:42px;background:#00367e;color:#fff;}
.email_cont2{  float:right;  width:100%; margin-bottom:5px;}
.email_cont2 a{ color:#fff;  padding:10px 7px;display:block;font-family: 'Lato'; font-weight: normal;text-align:center; font-size:15px; background:#00367e;}
.email_cont2 a.pay{ background:#f81111;}
.email_cont2 a.pay:hover, .email_cont2 a:hover{ background:#000000;}

#icons_cont{ width:100%; float:right; margin:10px 0 0 0px;}
#icons_cont h4{ font-size:18px; line-height:24px; color:#3e91cc; font-weight:bold; margin-bottom:10px; border-bottom:1px solid #efefef; padding-bottom:7px; }
#email, #call{ position:relative;  font-size:15px;  font-weight: bold; border:1px solid #efefef; padding-left:34px; color:#00367e;  font-family: 'Lato'; width:100%; float:left; line-height:32px;}
#email:before, #call:before{content: '';
	position: absolute;
	 left:-5px;
	width: 32px;
	height: 32px;
	background: url(images/sprite.png) no-repeat;
	background-position: -1px -1px; top:0px; background-size:180px;   }

#call:before{background-position: -1px -35px;
    top: 0px;}

#share {
	 margin:0 0px 5px; width:100%;  float:left;  background:#d7e3fb;
	 
}

.icon {
	background-image: url('images/sprite.png');
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 31px;
	overflow: hidden;
	  margin:0 9px;
}
.icon.fb {
	background-position: -36px 6px;
}

.icon.tw {
	background-position: -63px 6px;
}

.icon.you {
	    background-position: -92px 6px
}
.icon.linkedin {
	    background-position: -118px 6px
}


nav{ width: 100%;
    
    display: flex;
   align-items: center;
  justify-content: center;}
#banner{}

.gap{padding:40px 0 0;}
.quote{padding:10px 0; background:#d7e3fb; color:#00367e;   font-weight: 600; font-size:16px; font-style: italic; float:left; width:100%; }

.query{ color:#fff;  padding:5px 17px;display:inline-block;font-family: 'Lato'; font-weight: normal;text-align:center; font-size:15px; background:#00367e;}
.query:hover{background:#000;}
.about_left{ width:20%; float:left; position:relative; margin-bottom: 10px; }
.sidebar {  
  background: #00367e; border-radius:8px;  overflow:hidden;
 
  transition: left 0.5s ease; 
  display:block;
  z-index:998;  
  font-family: 'Lato'; width:100%;  margin-bottom:20px;
}
.sidebar h4{ padding: 10px 15px; margin:0; color:#fff;  font-family: 'Lato'; font-size:16px; }
.sidebar ul {
  margin: 0;
  padding: 0; background:#fff;  border:1px solid #d7e3fb;
}

.sidebar li {
  list-style: none;
 }

.sidebar li a {
  text-decoration: none;
   background:  #efefef;
  border-bottom: 1px solid #d7e3fb;  color: #333; 
; text-decoration:none; display:block;padding: 8px 25px; font-size:16px;  font-family: 'Lato';
}
.sidebar li a:hover, .sidebar li a.active{ background:#777;color: #fff;}


.about_right{width:77%;  float:right; min-height: 450px;}

.half1{ width:60%; float:left;}
.half2{ width:37%; float:right; margin-bottom:20px;padding-left:2%; }
.about_right h1{ font-size:24px; line-height:30px; color:#3e91cc; font-weight:bold; margin-bottom:25px;}

.about_right p{ font-size:16px; line-height:24px; color:#666;font-weight:normal;text-align:justify; }
.about_right p span{ color:#3e91cc;}
.magimg{ width:30%; float:right; margin:20px;}

.about_right h6{ font-size:15px; line-height:20px; color:#00367e;  margin-bottom:6px;}
.read-more{  font-size:14px; color:#666666;    background:url(images/readmorebg.png) no-repeat left; padding-left:30px; display:block;}
.read-more:hover{color:#00367e;  background:url(images/readmorebgh.png) no-repeat left;}

.read-more1{  font-size:14px; color:#fff;    background:#00367e; text-align:center; padding:12px 15px; display:block;}
.read-more1:hover{background:#00367e; }



 .outerinner h2{ font-size:20px; line-height:24px; color:#3e91cc; font-weight:bold; margin-bottom:15px;}
  .outerinner p{ font-size:16px;margin-bottom:15px;}


.gap2{padding:43px 0 71px;}

img{ display:block; width:100%;}

.outer2{background:#f7f7f7;padding:50px 0 42px;}
.outer2 h2{ width:567px;}




table.detal{width: 100%; border: 1px solid #efefef;}
table.detal td{ border: 1px solid #efefef; padding:10px}




.footer-menu{ float:right; width:50%;  }
.footer-menu ul{padding:0px; margin:0px; list-style:none;display:block; float:right;}
.footer-menu ul li{ margin:0px; list-style:none; float:left;}
.footer-menu ul li a{padding:0 10px; text-decoration:none; color:#fff;font-size:14px; color:#fff;  text-align:center; float:left;}



.bottom{background:#030d51;  padding:10px 0;}
.bottom-left{width:40%; float:left;}
.bottom-left p, .bottom-left p a{ text-align:left; color:#fff; font-size:11px; margin-bottom:0!important;}

/* ---------------- For Animation on Scroll ---------------- */
.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {visibility: visible; animation:slide 0.5s;}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}



.about_right h3 {
    font-size: 20px;
    line-height: 24px;
    color: #3e91cc;
    font-weight: bold;
    margin-bottom: 15px;
}
.about_right h4 {
    font-size: 18px;
    line-height: 24px;
    color: #3e91cc;
    font-weight: bold;
    margin-bottom: 15px;
}
.about_right h6 {
    font-size: 16px;
    line-height: 24px;
    color: #3e91cc;
    font-weight: bold;
    margin-bottom: 15px;
}
p.newstate{
    font-size: 18px;
    line-height: 24px;
    color: #3e91cc;
    
    margin-bottom: 0px;
}
.homebutton{  height:20px; width:20px;background:url(images/home-icon.png) no-repeat left 0 top 0px; float: left;background-size:100%; margin-right:7px;}

.locations li{ border:1px solid #efefef; padding:10px; width:32%; margin:10px 1% 10px 0; float:left; font-size:16px; line-height:25px;}
.locations li:nth-child(3n+1){ clear:both;}

.locations li span{font-size:16px; border-bottom:1px solid #efefef; width:100%; font-weight:bold; margin-bottom:10px; padding-bottom:5px; display:block;}
.iconcontee{ width:100%; line-height:20px; margin-bottom:10px; float:left; }
.iconcontee p{  float:left; margin:0; line-height:20px!important; }
.iconconteeie, .iconconteeicall, .iconconteeiemail{   background:url(images/person.png) no-repeat; width:20px; height:20px;  float:left; margin:0px 5px 0px 0; }
.iconconteeicall{background:url(images/call.png) no-repeat;}
.iconconteeiemail{background:url(images/mail.png) no-repeat;}
.outerinner{background:#f7f7f7;padding:20px ; margin:40px 0;}

.outerinner p, .outerinner li{font-size:16px; line-height:24px; color:#666;font-weight:normal;text-align:justify;}
.outerinner li{ background:url(images/tick_bullet.png) no-repeat; background-size:18px; background-position:0 3px; padding-left:28px; margin-bottom:7px;}
.pointer {margin-bottom:20px;}
.pointer li{background: url(images/readmorebg.png) no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
background-size: 18px;
background-position: 0 6px;
padding-left: 28px;
margin-bottom: 7px;font-size:16px; line-height:24px; color:#666;font-weight:normal;}
 ol.pointer li{background:none;margin-left:28px; list-style:decimal; padding-left:0;font-size:16px; line-height:24px; color:#666;font-weight:normal;}
 .pointer li span {font-size: 16px;
    
    color: #3e91cc;
    font-weight: bold;}
.resp-tabs-container ul.pointer li, ul.pointer.dot li { background:none; list-style:square; padding-left:0; margin-left:20px;}
.inpg-left ol{ margin-left:15px;}
.outerinner .left{ width:100%; float:left;}

.contact-left{ width:100%; float:left; background:#d7e3fb; padding:15px; border-radius:8px; overflow:hidden;margin-bottom:20px; z-index:999;}
.form-cont{width:100%; float:left; margin-bottom:10px;}
.form-cont label, .form-cont input,  .form-cont textarea, .form-cont select{ width:100%; font-family: 'Lato';}
.form-cont label{  font-size:14px; margin-bottom:3px; display:block;}
.form-cont.rgt{float:right;}
.form-cont.full{width:100%;}
 .form-cont input,  .form-cont textarea, .form-cont select{ border:1px solid #CCC; padding:6px 10px; line-height:20px;}
 .form-cont textarea{min-height:80px;}
 .form-cont select.third{width: 32%; margin-right:2%; float:left;}
  .form-cont select.half{width: 49%; margin-right:2%; float:left;}
  .form-cont select.half.rgt{margin-right:0%; float:left;}
 .form-cont select.third.rgt{ margin-right:0;width: 31%;}
 
 .form-cont input.submit{ width:100%; line-height:38px; padding:0; text-align:center; font-size:16px; height:38px;margin-top:0px; display:block;color: #fff; background:#00367e; float:right; font-family: 'Lato';}

.contact-left h5{ margin-bottom:15px; color:#00367e; font-size:18px; font-family: 'Lato'; padding-bottom:7px; border-bottom: 1px dashed #00367e;text-transform:uppercase;}
.cont2{}
.buttonnn{ display:none;}

.intro-pop {
  width: 500px;
  height:500px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
 
  background:transparent;
  z-index: 999;
  margin: auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); display:none;
}
.ecfo-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 997; display:none;
}
.pop-close {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  padding: 20px 10px;
 
  z-index: 999;
  display: block;
  border: 0;
  cursor: pointer; 
}
/* @media only screen and (min-width:1367px){ .container{ width:80%;}
body{font: normal 3em/40px }
#logo{  float:left; width:240px; padding:5px 0;}

.tagline{  font-size:2em;}

.quote,
.sidebar h4,.sidebar li a, #cssmenu > ul > li > a {font-size:2em; line-height:40px;}
.about_right h1{ font-size:3em; line-height:45px;}
.about_right p,
.about_right h6,.read-more,.read-more1, .outerinner h2{ font-size:2em; line-height:40px;}
.outerinner p, .footer-menu ul li a, .bottom-left p,.outerinner p, .outerinner li,.pointer li, ol.pointer li{font-size:2em; line-height:40px;} 
.contact-left h5, .form-cont input.submit{  font-size:2em;}
.half1{ width:80%;}
.half2{ width:17%; }


} */
@media only screen and (max-width:1170px){
	
	
.container{ width:96%;}

}

@media only screen and (max-width:960px){
	

#email_cont{ width:auto;}	
	nav{ padding:0px 0; position:absolute; right:0; top: 3px;; width:200px;}
	#logo {width:90px;}
	#email, #call, .email_cont2 a{ font-size:12px;}
	#email, #call{ padding-left:30px;}
	.kcimg{width:240px;  margin:15px 0 0 0;}
.tagline{  float:left; margin:15px 0 0 0px; font-size:14px;}
.tagline hr{ background:#efefef; margin:2px 0;}
	
	
	
	.read-more{ margin-top:15px;}

	#email_cont{ padding:1px 0;}
	.gap {
    padding: 30px 0;
}
.outer{ padding:40px 0;}


.outer h2, .outerinner h2{ width:100%;}


footer{padding:10px 0;}

	
	
.about_left{ float:left; width:30%;}
.about_right{ float:right;width:67%;}
	
	}
	

@media only screen and (max-width:767px){	

.buttonnn{ padding:10px; position:fixed; background:#000; left:0; bottom:100px;display:block; z-index:999;writing-mode: vertical-rl;
text-orientation: mixed; color:#fff; font-size:13px;}
.buttonnn a{ color:#fff;}
.about_left{ float:left; width:100%; display:none;}
.about_right{ float:left;width:100%;}
 .nav_bar{  top:0px;}
 
 nav{  top: 3px;}
	#logo {width:70px;}
	#email, #call, .email_cont2 a{ font-size:12px;}
	#email, #call{ padding-left:30px;}

.tagline{  float:left; margin:15px 0 0 0px; font-size:14px;}
.tagline hr{ background:#efefef; margin:2px 0;}
	
	}
	
	
	@media only screen and (max-width:640px){
		.locations li{ width:100%; margin:0px 1% 10px 0;}

		#email, #call{ margin-right:0;}
.kcimg{width:100%; float:left; margin:15px 0 0;}
.tagline{float:left; margin:15px 0 0 0px;}
.tagline hr{ background:#efefef; margin:5px 0;}
.kcimg img, .tagline img{ width:100%;}
		

		.formdiv li, .form-cont{ width:100%; }
		.resp{ height:44px;}
		.container{ width:94%;}
		



	
nav{ padding:5px 0;}
#logo{ width:80px;}

.outer h2,  .outerinner h2{ font-size:20px;}
.intro-pop {
  width: 100%;
}
	}


@media only screen and (max-width:414px){
	#icons_cont{  float:none; margin:0 auto;}
	.half1{ width:100%;}
.half2{ width:100%;}
	#email, #call{ margin-right:0; padding-left:30px;}
	#email_cont, #email_cont1, .email_cont2{ width:auto; float:left;}
.email_cont2{ width:50%!important;}
	.kcimg{ clear:both;}
	.outerinner .right img{ width:100%!important; height:auto!important}
	
	.formdiv{ width:90%;}
.container{ width:90%;}

.outer1 li{ width:50%; padding:0 10px;  margin-left:0;}
.cont2{ width:100%; clear:both;}
.outer1 li .iconp1, .outer1 li .iconp2, .outer1 li .iconp3, .outer1 li .iconp4{ float:none; margin:0 auto 8px;}
.outer1 li p{text-align:center!important; float:none}
.outer1 li:nth-child(3){clear:both}
.outer1{ background-repeat:repeat-y;}
.outer1 li{ margin-bottom:12px;}
nav {
  top: -1px;
}
}