@charset "utf-8";
/* CSS Document */
.top_nav span:nth-child(1) {
    margin-right: 7px;
}
.dow_list a {text-decoration: none;font-size: 20px;font-weight: bold;}
.dow_list {margin-top: 10vh;margin-bottom: 30vh;display: flex;justify-content: center;}
body {font-family: 'Lato', sans-serif; font-size: 16px; line-height: 20px; -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4{ margin:0; padding:0;}
.logo{padding: 15px 0; }
#nav-auto{ width:100%; margin:10px auto 0 auto; background:none;}
.clr{clear:both; }

.social{ position: fixed; top: 250px; left: 1px;z-index: 1;}
.social a{display: block; width: 32px; height: 32px; text-align: center; color: #FFF; line-height: 32px; margin-bottom: 1px; transition: all 400ms ease; }
.social a:hover{display: block; width: 37px; height: 37px; text-align: center; color: #FFF; line-height: 32px; margin-bottom: 1px; transition: all 400ms ease;}
.fb{background: #3b5998;} .tw{background: #1da1f2;} .yu{background: #cd201f;}.inst{background: #405de6;} .in{background: #0177b5;}
.greenBorder, .blueBorder{ margin: 40px auto 0 auto;}
.greenBorder{border-top:#81ca00 solid 4px;}
.blueBorder{border-top:#034694 solid 4px;}
.blueBg, .greenBg{padding-top: 20px; padding-bottom: 20px;}
.blueBg{ background:#034694; }
.greenBg{ background:#81ca00;}
.blueBg h1, .blueBg p, .blueBg a, .greenBg h1, .greenBg p, .greenBg a{ color: #FFF;}
.blueBg h1, .greenBg h1{ font-weight: 300; font-size: 36px; padding: 20px 0;}
.blueBg p, .greenBg p{ font-size: 16px; font-weight: 400; line-height: 30px;}
.blueBg a, .greenBg a{border-width: 2px; border-style: solid; padding:12px 16px; line-height: 46px; white-space: nowrap;}
.blueBg a:hover, .greenBg a:hover {background: #fff; color: #81ca00; border-color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }

.upcomingBatches, .createdHistory { background: #f1f2f3;}
.upcomingBatches{margin: 30px auto 0 auto;}
.upcomingBatches h1, .createdHistory h1{ font-weight: 300; display: block; padding: 50px 0 20px 0; font-size: 40px;}
.upcomingBatches span, .createdHistory span{ border-bottom: #81ca00 solid 2px; width:80px; display: inline-block; text-align: center; margin-bottom: 20px;}

.complete{ position: relative;  box-shadow: 1px 1px 10px 0px #ccc !important; margin-top: 60px; height: 250px; text-align: center; padding-top: 60px; background: #FFF;}
.number{position: absolute; top: -40px; text-align: center; display: block; width: 96%;}


.stmEventBg { background: #fff; border: 1px solid #e6e6e6; padding: 28px 30px 29px 30px; margin-bottom: 30px; display: block;}

 .stmEventDate { position: relative; float: left; width: 100px; height: 94px; padding-top: 21px; border: 4px solid #81ca00;    border-radius: 4px; text-align: center;}
.stmEventDateDay{ margin-bottom: 13px; font-size: 48px; color: #011b3a; line-height: 22px;}

 .stmEventDate::after { content: ""; position: absolute; top: -9px; right: 16px; width: 4px; height: 14px; border-radius: 2px;    background: #81ca00;}

.stmEventDate::before { content: ""; position: absolute; top: -9px; left: 16px; width: 4px; height: 14px; border-radius: 2px;    background: #81ca00;}

.stmEventBg i{margin-right: 10px; color: #999;}
.stmEventBg b{color: #81ca00; font-size: 13px; padding-right: 14px; font-weight: normal;}
.stmEventBg a{transition: all 0.3s ease; font-size: 20px; padding: 15px 0; display: block; color: #000;}
.stmEventBg a:hover{text-decoration: none; color: #034694;}
.top_nav span {
	background: #D3D3D3;
	border-radius: 5px;
}
.add {
	position: fixed;
	bottom: 0;
	left: 0;
}
.addclick:active .add {
	display: none;
}
h3.addclick {
    position: fixed;
    left: 27%;
    background: #fff;
    border-radius: 50px;
    padding: 5px;
}
.toHelp{background: url(../images/excellence.jpg) center center no-repeat #f9fafb;	-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover; margin-top: 30px;}
.toHelp h1{padding: 220px 0;}

.createdHistory{padding-bottom: 50px;}
.createdHistory i, .createdHistory strong{font-size:42px;}
.createdHistory i{ color: #00aaff;}
.createdHistory strong{ font-weight: 700; color: #000;}

.createdHistory .trophy{ padding:40px 0; display: block;}


.footer-bg{ background:#011b3a;}
.footer-bg p{ color:#FFF; padding:29px 0; margin:0; font-size:13px;}
.footer-bg a{color:#FFF; padding:29px 10px;  font-size:16px; display: inline-block;}
.footer-bg a:hover{ color: #BBBBBB;}

.whatsApp{position: fixed; bottom: 10px; right: 10px;}

.innerpage-hdng{ background:#011b3a;}
.innerpage-hdng h4{ color:#FFF; font-size: 40px; font-weight: 300; padding-top: 50px; line-height:100px;}
.innerpage-hdng span{border-bottom: #81ca00 solid 2px; width:80px; display: inline-block; text-align: left; margin-bottom: 20px;}

.innerpage-hdng .breadcrumb{ background:none; line-height:100px; color:#FFF; }
.innerpage-hdng .breadcrumb a{ color:#FFF; font-weight: bold; text-shadow: 0px 1px #000;}
.innerpage-hdng .breadcrumb .active{color:#FFF; font-weight: bold; text-shadow: 0px 1px #000;}
.breadcrumb > li + li::before {    padding: 0 5px;    color: #FFF;    content: "/\00a0";}

.minheightBg{background: #f1f2f3;}
.minheight{margin:20px auto; min-height: 300px; }

.minheight h1{color:#011b3a ; font-size: 40px; font-weight: 300; padding-top: 5px; line-height:100px;}
.minheight span{border-bottom: #81ca00 solid 2px; width:80px; display: inline-block; text-align: left; margin-bottom: 20px;}
.minheight h2{color:#000 ; font-size: 25px; font-weight: 700; padding-top: 5px; line-height:30px;}
.minheight p{ padding:5px 15px 0px 0; line-height: 22px; color: #595959;margin: 0;}
.minheight .branches b{font-size: 16px; font-weight: 700; color: #011b3a;}
.minheight .branches i{color: #81ca00;}
.minheight .mail{color:#00aaff;}
.branches{ padding-top: 20px;}
.minheight iframe{ margin:25px auto; display: block;}

.circeImg { border-radius: 50%; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; background-color: #ebebeb;padding: 6px; border: none;}

.pdngTop{ padding-top:50px;}


.contactForm form input, .contactForm form textarea{ background: #FFF; border: #e6e6e6 solid 1px; border-radius: 0; height: 48px; margin: 0 5px; width: 95%;}

.contactForm form textarea{ height:195px;}

.button{display: inline-block; cursor: pointer;  text-align: center;  text-decoration: none;  outline: none; border: none;  border-radius: 0;}
.button{ padding: 8px 25px; margin-bottom: 20px;  font-size: 18px; text-transform: uppercase;color: #fff; }
.button{ background-color: #024383;   box-shadow: 0 5px #022b54;}
.button:hover{ text-decoration:none; color:#FFF; background-color: #022b54; box-shadow: 0 5px #024383; }

.modal-body {position: relative; padding:0 15px;}

.lightBox span{border-bottom: none!important;}

@media (max-width:960px){
	.innerpage-hdng h4{ padding-top: 20px; line-height:50px;}
	.innerpage-hdng span{margin-bottom:1px;}
	.innerpage-hdng .breadcrumb{line-height:30px;}
	
	.upcomingBatches{margin:15px auto 0 auto;}
	.upcomingBatches h1, .createdHistory h1{padding: 20px 0 20px 0; font-size: 30px;}
	.stmEventDate { width:100%; }
	.stmEventBg i{margin:10px 10px 0 auto; color: #999;}
	.stmEventBg b{color: #81ca00; font-size: 13px; padding-right: 20px; font-weight: normal;}
	
	.stmEventBg i{margin-right: 2px; font-size: 12px;}
	.stmEventBg b{ font-size: 12px; padding-right: 5px; }
	.stmEventBg a{font-size:15px; padding:5px 0;}
	.smtEventDatePdng{margin-top:20px; display:inline-block;}
	.by{font-size: 12px;}
	.createdHistory{padding-bottom:10px;}
	.createdHistory .trophy{ text-align: center; padding: 20px 0; }
	.createdHistory strong, .createdHistory p{ text-align: center; display:block; }
	.createdHistory strong{ padding: 30px 0 20px 0;}
	.createdHistory p{ padding: 5px 0 10px 0;}
	
	.minheight h1{ font-size:30px; font-weight: 300; padding-top: 5px; line-height: 50px}
	.minheight span{border-bottom: #81ca00 solid 2px; width:80px; display: inline-block; text-align: left; margin-bottom: 20px;}

	.footer-bg p{  padding:29px 0; }
	.footer-bg a{ padding:0px 15px 30px 0; text-align: left; display: block; float: left;}
}

@media (min-width: 1200px) {.modal-dialog {width: 100%;} }