@charset "utf-8";
/* CSS Document */
#content-container{background-color:#fff !important;}
.top-wrapper {
	background:#f7f7f7;
	padding:8px 0px;
	border-bottom:1px solid #eeeeee;
}
.common-left ul,.common-right ul{list-style:none;}
.top-left{float:left; height:27px;}
.top-left a {
	background:url(../img/flag.html) no-repeat 0px 0px;
	display:inline-block;
	line-height:27px;
	padding:0px 0px 0px 48px;
	font-size:85%;
}
.top-left a span {
	display:inline-block;
	width:10px;
	height:10px;
	background:url(../img/ico-link-dark.png) no-repeat;
	margin-left:5px;
}
.accessibility{float:right;}
.accessibility a.skip-cont{float:left; margin-top:4px;}
ul.social-links{float:left; margin:2px 0px 0px 12px; font-size:100%;}
ul.social-links li{float:left; margin-left:5px;}
ul.social-links li:first-child{margin-left:0px;}
ul.font-controll{float:left; margin:4px 0px 0px 15px;}
ul.font-controll li{float:left; margin-left:10px;}
ul.font-controll li:first-child{margin-left:0px;}
/*.high-contrast{float:left; width:22px; height:22px; margin:2px 0px 0px 12px; line-height:22px; text-align:center; border-radius:1px; display:inline-block;}*/
.high-contrast.dark{background:#363636 !important; color:#fff !important;}
.high-contrast.light{background:#fff; color:#363636;}
.lan{float:left; margin:2px 0 0 12px;}
.lan select{width:90px; padding:0px 5px; height:22px; border:1px solid #dadada; color:#686868; border-radius:1px; }
.lan select option{padding:2px 5px;}
.header-wrapper{border-bottom:1px solid #fff;}
.header-container{//padding:8px 0px;}
  /*Common wrapper*/
  .common-wrapper{border-bottom:1px solid #eeeeee; background:#fbfbfb;}
  .common-container{height:36px; }
  .container.common-container {
  max-width: 1330px;
  padding: 0 15px;
  width: 100%;
}
  
  .common-left{float:left; position:relative;}
  .common-right{float:right; position:relative;}
  .common-left ul li{float:left; line-height:200%; font-size:72%; font-weight:600; text-transform:uppercase; height:36px; padding-top:6px;}
.common-left ul li.gov-india{text-align:right; }
.common-left ul li span{display:block; font-size:120%;}
.common-left ul li.ministry{padding-left:10px; margin-left:10px; border-left:1px solid #eeeeee; }


.common-right ul li{float:left; position:relative; height:36px; padding:6px 7px; border-left:1px solid #eeeeee;}


.common-right ul li a{display:block; width:24px; height:24px; font-size:90%;}

.common-right ul li.ico-skip > a{background:url(../img/ico-skip.png) no-repeat;}
.common-right ul li.ico-accessibility > a{background:url(../img/ico-accessibility.png) no-repeat;}
.common-right ul li.ico-social > a{background:url(../img/ico-social.png) no-repeat;}
.common-right ul li.ico-login > a{background:url(../img/ico-login.html) no-repeat;}
.common-right ul li.ico-site-search > a{background:url(../img/ico-site-search.png) no-repeat;}
.common-right ul li.ico-sitemap > a{background:url(../img/ico-sitemap.png) no-repeat;}

.common-right ul li.hindi a{font-size:95%; font-weight:600;}
.search-drop input[type='text']{border:0px solid #eeeeee; height:36px; padding:0px 40px 0px 8px; width:200px; }
 .search-drop{position:relative;}
 .search-drop a{visibility:hidden; position:absolute; top:0px; left:0px;}
 .skip-main a{width:auto !important; line-height:normal; display:inline-block; padding-top:3px;}
 
 
.common-right ul li a{opacity:0.7;}
.common-right ul li.hover a{opacity:1;}
.common-right ul li ul{position:absolute; top:37px; right:0px;  z-index:9999; box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); background:#fff;  padding:9px 8px; visibility:hidden;}
.common-right ul li ul.search-drop{visibility:visible; display:none;}
.common-right ul li ul li{float:none; position:relative; height:auto; padding:0px 0px; border-left:0px solid #eeeeee;}
/*.common-right ul li.hover ul{visibility:visible;}*/

 .common-right li:hover>ul, 
 .common-right li.hover>ul,  
 .common-right a:focus+ul,  
 .common-right .hover a:focus{
	visibility:visible;
	
}

.common-right ul li.ico-accessibility ul{height:132px;}
.common-right ul li.ico-social ul{height:102px;}
.common-right ul li.ico-accessibility ul li a {
  background:#eeeeee;
  color: #000;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin-top: 9px;
  width: 22px;
  text-align:center;
}
.common-right ul li.ico-accessibility ul li:first-child a{margin-top:0px;}


.common-right ul li.ico-social ul li a {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  height: 22px;
  margin-top: 9px;
  width: 22px;
}

.common-right ul li.ico-social ul li:first-child a{margin-top:0px;}


.common-right ul li.ico-site-search input[type="text"] {
  border: 0 solid #eeeeee;
  height: 36px;
  padding: 0 40px 0 8px;
  width: 200px;
}

.common-right ul li.ico-site-search ul{padding:0px; height:36px;}
.bttn-search{width:27px; height:27px; cursor:pointer; border:0px; background-color:#DDDDDD; border-radius:100%; line-height:27px; text-align:center; overflow:hidden; text-indent:-200px; font-size:1px; background-image:url(../img/ico-search.png); background-repeat:no-repeat; position:absolute; top:2px; right:3px;}
.bttn-search:hover{background-color:#CCC; }
 
.sw-logo{display:inline-block;}
#header a.sw-logo {
	font-size: 1px;
	height: 92px;
	width: 187px;
}
#header .sw-logo {
	display:inline-block;
	transition: none;
}
a:focus{outline:1px dotted #333;}
.common-left ul li.gov-india a:hover
{color:#000 !important;}
.common-left ul li.gov-india a:focus
{color:#000 !important;}
.common-left a{display:inline-block;}
.common-left a:focus{color:#000 !important;}

/*=====================================================*/

.header_bg{background-color:#f9f9f9 !important; height:195px;}
.header_bg .top-links .tgl-menu-btn > a,.header_bg .navbar-top-links > li > a:not(.mainnav-toggle) > i{color:#43474d !important;}

.navbar-brand{width:auto !important; height:auto !important;}
#container.mainnav-in .navbar-brand, #container.mainnav-lg .navbar-brand, #container.mainnav-in .brand-title, #container.mainnav-lg .brand-title{width:auto;}

.navbar-header::before {background:transparent;}
.navbar-header a{display:block;}
.logo-top-right{float:right; width:80px; height:80px; background:#fff; border:2px solid #d9e0e6; display:block; 
border-radius: 50%; text-align: center; margin: 5px 10px 5px 0; padding:10px}
.logo-top-right img{max-width:100%;}

.navbar{min-height:40px; padding:0; border-radius:0;}
.nav-bg{background-color: #0176bf; borde}		
/*.nav > li{border-right:0.25px solid #ecf0f5;}*/
.nav > li:last-child{border-right:none;}
.nav > li > a{font-size:14px; color:#fff !important; font-weight:600; padding:10px 15px;
    transition: color .4s;
        transition-property: color;
        transition-duration: 0.4s;
        transition-timing-function: ease;
        transition-delay: 0s;
}
.nav > li a i.fa{font-size:17px; margin-right:5px;}
.nav > li a i.fa-plus{font-size:13px;}
.nav > li > a:focus, .nav > li > a:hover,.nav > li > a.active,.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background-color:#f4bc16; color:#fff !important;}
.navbar-right{background-color:#f2c359; margin-right:0;}
.nav.navbar-right > li > a{color:#2f2e35 !important;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{background:#5abf9a !important;}
.navbar-toggle .icon-bar{background-color:#fff;}
.navbar-top-links .username{color:#fff;}
.navbar-top-links li#dropdown-user a{padding:0 15px;}
.navbar-top-links > li > a:hover,.navbar-top-links > .open > a, .navbar-top-links > .open > a:focus{background:#154084; color:#fff;}
#dropdown-user .dropdown-menu li a{padding:10px 15px;}
.navbar-top-links > li > a:not(.mainnav-toggle) > i{color:#fff;}
.navbar-icon-color, .navbar-top-links > li > a:focus:not(.mainnav-toggle) > i, .navbar-top-links > li > a:hover:not(.mainnav-toggle) > i{color:#fff;}


.no-border-left{ border-left:none !important;}
.navbar-header a img{float:left; margin-top: 5px; margin-right:10px;}
.navbar-header a span.title{ color:#303ca2; font-weight:600; font-size:14px; display: inline-block; padding:5px 0 0 0;}

#content-container{padding:0px; /*margin-top:131px;*/}
.homepage-height{margin-top:190px !important; background-color: #fff !important;}

#footer{background:#2b375d; position:inherit; height:auto; padding-top:0; padding-bottom:10px;}
.footer-top{ background-color:#6a728d; margin-bottom:10px;}
.footer-top ul{ text-align:center; list-style:none; margin:0; padding:6px;}
.footer-top ul li{display:inline; padding:0 15px; border-right:1px solid #fff;}
.footer-top ul li:last-child{border-right:none;}
.footer-top ul li a{color:#fff; font-size:12px;}
#footer p{color:#fff;}

.media-block .panel-heading{height:40px;}
.media-block .panel-title{font-size:1em; line-height:40px;}

.banner-slider{height:290px;}
.banner-slider .carousel-indicators{bottom:20px; z-index:5;}

.carousel-inner{position:relative;}

.carousel-inner .item{ padding:0; text-align:left;}

.whatsnew-block{background-color:#fff;}
.whatsnew-block .title{background-color:#5bba1c; padding:8px 0 8px 10px; font-size:18px; font-weight:700; text-transform:capitalize; color:#fff;}


@media(max-width:767px){
.logo-top-right{display:none;}
.navbar-header{background-color:transparent;}
#container.navbar-fixed > #navbar{position:inherit;}
#content-container{margin-top:0;}
.navbar-header a span.title{font-size:14px; font-weight:400;}
.navbar-nav .open .dropdown-menu > li > a{color:#fff;}
}
@media(max-width:680px){
.homepage-height{margin-top:0 !important;}
.address-block .links ul li{width:50%;}
}
@media(max-width:540px){
.navbar-header a span.title{width:80%;}
}
@media(max-width:460px){
.navbar-header a span.title{width:75%;}
.officer-block .field-row{word-break:break-all;}
.courses-block ul li{width:100%;}
.principal-block img{float:none;}
.officer-block label{width:100%;}
.principal-block h3{padding-left:20px;}
.principal-block p{padding-left:20px;}
}
@media(max-width:360px){
.navbar-header a span.title{width:70%; padding-top:5px;}
.employee-status ul li{margin-right:20px;}
}
@media(max-width:340px){
.address-block .links ul li{width:100%;}
}

/*================== New Home page css ===================*/

.header-graphics-fixed{background:url(../img/header-bg.jpg) 0 0 no-repeat; background-size:cover; width:100%; min-height:115px; padding-top:5px;}
.navbar-header{width:100%;}
.navbar-header img{width:53px; max-width:100%;}
.navbar-header .title-hindi{color:#c32714; font-size:20px; font-weight:700; display:block; line-height:16px; padding-top: 10px;}
.navbar-header .title{font-weight:700; color:#2b2b2b; font-size:16px; display:block;}
.navbar-header .sub-title{font-weight:400; color:#2b2b2b; font-size:14px; line-height:24px; display:block;}
.navbar-header .tagline{font-weight:400; color:#2b2b2b; font-size:13px; font-style:italic; display:block;}

.header-graphics-fixed h2{color:#fff; float:left; font-size: 2em; font-weight:700; margin-left: -7%; margin-top: 30px;}
.header-graphics-fixed h2 small{    float: right;
    color: #fff;
    font-size: 18px;
    padding-top: 8px;
    font-style: italic;
    padding-right: 10px;}
.top-right-block{}
.top-right-block img{max-width:100%; width:66px;}
.banner-slider{}
.banner-slider .item img{width:100%; max-height:300px;}

.director{
	min-height: 300px; margin-bottom: 5px;
}
.dg-block{background-color:#fff;height: auto; vertical-align: middle; display: table-cell; height: 300px; width: 1%;}
.dg-block .dg-icon{width:120px;height:120px;margin-right:5px;margin: 0 auto;}
.dg-block .dg-icon img{ max-width:100%; border-radius:50%; border:1px solid #b8bfc3;}
.dg-block h3{color:#42607c;font-weight:700;font-size: 18px;text-transform:uppercase;margin:0;text-align: center;padding-top: 20px;}
.dg-block h4{color:#42607c;font-weight:400;font-size:14px;margin:3px 0;text-align: center;padding-top: 5px;}
.dg-block p{color:#81888f;font-size:12px;margin:0;text-align: center;line-height:15px;padding-top: 15px;}
.dg-block a{font-size:12px;text-align:right;display:block;text-decoration:underline;color:#2e3135;font-style:italic;padding-top: 20px;}

.achievement-box{background:#f4bc16; height:136px;}
.achievement-box h2{color:#fff; font-size:16px; font-weight:700; text-transform:uppercase; margin:0;}
.achievement-box .trophy{width:115px; height:115px; float:left; margin-right:5px;}
.achievement-box .trophy img{ max-width:100%; border-radius:50%; border:1px solid #e5b013;}
.achievement-box p{color:#fff; font-size:16px;}

.login-block{min-height:290px;}

.latest-news-scroller{ position:relative; margin-top:-10px; margin-bottom:10px; margin-left:-1%; margin-right:-1%;}
.latest-news-scroller h2{position: absolute; bottom: 0; background-color:#0176bf; color: #fff; font-size:16px; text-transform:capitalize; font-weight:700; z-index: 100; height: 40px; line-height:40px;  margin: 0; padding:0 30px 0 15px;}
.latest-news-scroller h2:after {
	right: 0;
	top: 28%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(67, 68, 70, 0);
	border-right-color:#434446;
	border-width: 20px;
	margin-top: -11px;
}

.tickercontainer { /* the outer div with the black border */
background: #434446; 
width:100%; 
height:40px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 12px;
width:100%;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding:0 40px 0 0;
font-size:13px; font-weight:600; color:#fff;
list-style-type:square;
list-style-position:outside;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #f4bc16;
margin: 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

.newsupdate-block{overflow:hidden; background-color:#46723B; height: 290px; position:relative;}
.newsupdate-block h2{position:absolute; left:0; top:0; margin: 0; width:100%; height: 41px; background-color:#81c868;}
.newsupdate-block h2 span{background-color:#434446; padding:10px 30px 10px 15px; color:#fff; font-weight:700; font-size:16px; text-transform:capitalize; margin:0; text-align:left;
display: inline-block;
    height: 41px;
    line-height: 18px;}

.newsupdate-block h2 span:after {
	top: 28%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(185, 226, 0, 0);
	border-right-color: #81c868;
	border-width: 20px;
	margin-top: -11px;
	margin-left: -10px;
}
.newsupdate-block .content{height:240px; overflow:hidden; margin-top:10px;}
.play-pouse{position:absolute; right:15px; top:10px; }
.play-pouse a{color:#fff; font-size:12px; background-color:#434446; padding:3px 7px; display:inline-block; height: 22px;}
.demof{
    /*border: 1px solid #ccc;*/
    margin: 20px 0;
}
.demof ul{width:100%;
    padding: 0;
    list-style: none;
}
.demof li{
    padding:10px;
    border-bottom: 1px dashed #b5b5b5;
}
.demof li.odd{
    background: #fafafa;
}
.demof li:after {
    content: '';
    display: block;
    clear: both;
}
.demof img{
    float: left;
    width: 100px;
    margin: 5px 15px 0 0;
}
.demof a{color: #fff; font-size: 16px;
    text-decoration: none;
    display: block;
}
.demof li span{display:block;}
.demof p {
    margin: 15px 0 0;
    font-size: 14px;
}

.demo5{
    border: 2px solid #ccc;
    margin-top: 10px;
}
.demo5 ul{
    padding: 0;
}
.demo5 ul li{
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #ccc;
    list-type: none;
    margin: 0;
}
.dashboard-display{position:relative; padding-top:40px; height:290px;}
.dashboard-display h2{position: absolute; top: 0; left:0; margin: 0; background-color:#c5d3ee; width:100%;}
.dashboard-display h2 span{display:inline-block;padding:0 30px 0 15px; background-color:#434446; color: #fff; font-size:16px; text-transform:capitalize; font-weight:700; z-index: 100; height: 40px; line-height:40px;  }
.dashboard-display h2 span:after {
	top: 26%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color:#c5d3ee;
	border-width: 20px;
	margin-top: -11px;
	margin-left: -10px;
}
.panelbox{overflow:hidden; height:100px; width:100%; margin-bottom:13px; box-shadow: 0 1px 0 rgba(255,255,255,.1);}

.content-section-blue{background: #094b67;padding:15px;float:left;width:60%;height: 100px;text-align:center;}
.content-section-blue p{ color:#fff; font-size:14px; font-weight:600;}
.content-section-blue p span{display:block; font-size:36px; font-weight:700; line-height:30px;}
.icon-section-blue{background: #0f3a4c;padding:10px;float:right;width:40%;height:100px;text-align:center;}
.icon-section-blue i{display:block; font-size:60px; line-height: 74px; color:#3c9ec7;}

.content-section-yellow{background: #6f661a;padding:15px;float:left;width:60%;height: 100px;text-align:center;}
.content-section-yellow p{color:#fff; font-size:14px; font-weight:600;}
.content-section-yellow p span{display:block; font-size:36px; font-weight:700; line-height:44px;}
.icon-section-yellow{background: #58500e;padding:10px;float:right;width:40%;height:100px;text-align:center;}
.icon-section-yellow i{display:block;font-size:60px;line-height: 74px;color: #a79928;line-height:74px;}

.content-section-cyan{background: #2e3333;padding:15px;float:left;width:60%;height: 100px;text-align:center;}
.content-section-cyan p{color:#fff; font-size:14px; font-weight:600;}
.content-section-cyan p span{display:block; font-size:36px; font-weight:700; line-height:44px;}
.icon-section-cyan{background: #181b1b;padding:10px;float:right;width:40%;height:100px;text-align:center;}
.icon-section-cyan i{display:block;font-size:60px;color: #7c8686;line-height:74px;}

.content-section-purple{background: #342c6b;padding:15px;float:left;width:60%;height: 100px;text-align:center;}
.content-section-purple p{color:#fff; font-size:14px; font-weight:600;}
.content-section-purple p span{display:block; font-size:36px; font-weight:700; line-height:30px;}
.icon-section-purple{background: #272152;padding:10px;float:right;width:40%;height:100px;text-align:center;}
.icon-section-purple i{display:block; font-size:60px; color:#7266bd; line-height: 74px;}

.content-section-green{background: #03803c;padding:15px;float:left;width:60%;height: 100px;text-align:center;}
.content-section-green p{color:#fff; font-size:14px; font-weight:600; margin-bottom:0;}
.content-section-green p span{display:block; font-size:36px; font-weight:700; line-height:44px;}
.icon-section-green{background: #00612c;padding:10px;float:right;width:40%;height:100px;text-align:center;}
.icon-section-green i{display:block; font-size:60px; color:#81c868; line-height: 74px;}

.content-section-red{background: #a22a28;padding:15px;float:left;width:60%;height: 100px;text-align:center;}
.content-section-red p{color:#fff; font-size:14px; font-weight:600;}
.content-section-red p span{display:block; font-size:36px; font-weight:700; line-height:44px;}
.icon-section-red{background: #791e1d;padding:10px;float:right;width:40%;height:100px;text-align:center;}
.icon-section-red i{display:block;font-size:60px;color: #c54240;line-height:74px;}


.carousel-container{background:url(../img/carousel-bg.png) 0 0 repeat; height:150px; padding: 0 10px; }
/* FOOTER */
.footer {
 background:url(../img/footer-bg.png) 0 0 repeat;
}
.footer-links{background:url(../img/footer-bg-top.png) 0 0 repeat-x; text-align:center; height:44px; width:100%;}
.footer-links ul{ list-style:none; padding:0; margin-top:10px;}
.footer-links ul li{display:inline; font-size:13px; color:#fff; padding:5px 10px;}
.footer-links ul li a{font-size:13px; color:#fff; }
.footer-bottom{ color:#bdbdbd; font-size:13px; padding:20px 0;}
.footer-bottom img{float:left; margin-right:20px; padding-top:5px;}
.footer-bottom p{}
.copyright{color:#fff; font-size:13px; text-align:center;}


.registration-block{ margin:20px 0; overflow:hidden; border:1px solid #d5d5d5; padding:0 20px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 2px 8px 0 rgba(0, 0, 0, 0.1);}
.registration-block{ margin:20px 0; overflow:hidden; border:1px solid #d5d5d5; padding:0 20px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 2px 8px 0 rgba(0, 0, 0, 0.1); position:relative;}

.reg-left-block h2{font-size:24px; line-height:40px; margin-left:-20px; font-weight:600; color:#434446;}

.reg-left-block{margin:40px 0 0 50px;}
.reg-left-block h2{font-size:24px; line-height:40px; margin-left:-20px; font-weight:600; color:#434446;}

.reg-left-block .step1{position:relative; width:100%; height:70px; background:#ff8d8d; border:2px solid #fff; box-shadow:0 1px 2px #ccc; text-align:center; color:#fff; font-size:20px; line-height:60px; margin-bottom:10px;}
.reg-left-block .step1 .icon{position:absolute; left:-30px; top:3px; z-index:100; width:60px; height:60px; border-radius:50%; background:#ff5555; border:2px solid #fff; box-shadow:0 1px 2px #ccc; font-size:30px; line-height:55px; color:#fff; text-align:center;}
.reg-left-block .step1 .stepbox{background-color:#fff; width:50px; height:50px; float:right; margin:8px; font-size:14px; line-height:20px; color:#464646; box-shadow:0 1px 2px #ccc;}
.reg-left-block .step1 .stepbox span{font-size:34px; display:block; margin-top:4px; font-weight:700;}

.reg-left-block .step2{position:relative; width:100%; height:70px; background:#f8b23d; border:2px solid #fff; box-shadow:0 1px 2px #ccc; text-align:center; color:#fff; font-size:20px; line-height:60px; margin-bottom:10px;}
.reg-left-block .step2 .icon{position:absolute; left:-30px; top:3px; z-index:100; width:60px; height:60px; border-radius:50%; background:#f09601; border:2px solid #fff; box-shadow:0 1px 2px #ccc; font-size:30px; line-height:55px; color:#fff; text-align:center;}
.reg-left-block .step2 .stepbox{background-color:#fff; width:50px; height:50px; float:right; margin:8px; font-size:14px; line-height:20px; color:#464646; box-shadow:0 1px 2px #ccc;}
.reg-left-block .step2 .stepbox span{font-size:34px; display:block; margin-top:4px; font-weight:700;}

.reg-left-block .step3{position:relative; width:100%; height:70px; background:#eddd58; border:2px solid #fff; box-shadow:0 1px 2px #ccc; text-align:center; color:#fff; font-size:20px; line-height:60px; margin-bottom:10px;}
.reg-left-block .step3 .icon{position:absolute; left:-30px; top:3px; z-index:100; width:60px; height:60px; border-radius:50%; background:#e7d116; border:2px solid #fff; box-shadow:0 1px 2px #ccc; font-size:30px; line-height:55px; color:#fff; text-align:center;}
.reg-left-block .step3 .stepbox{background-color:#fff; width:50px; height:50px; float:right; margin:8px; font-size:14px; line-height:20px; color:#464646; box-shadow:0 1px 2px #ccc;}
.reg-left-block .step3 .stepbox span{font-size:34px; display:block; margin-top:4px; font-weight:700;}

.reg-left-block .step4{position:relative; width:100%; height:70px; background:#74c3ea; border:2px solid #fff; box-shadow:0 1px 2px #ccc; text-align:center; color:#fff; font-size:20px; line-height:60px; margin-bottom:10px;}
.reg-left-block .step4 .icon{position:absolute; left:-30px; top:3px; z-index:100; width:60px; height:60px; border-radius:50%; background:#3ca7db; border:2px solid #fff; box-shadow:0 1px 2px #ccc; font-size:30px; line-height:55px; color:#fff; text-align:center;}
.reg-left-block .step4 .stepbox{background-color:#fff; width:50px; height:50px; float:right; margin:8px; font-size:14px; line-height:20px; color:#464646; box-shadow:0 1px 2px #ccc;}
.reg-left-block .step4 .stepbox span{font-size:34px; display:block; margin-top:4px; font-weight:700;}

.reg-left-block .step5{position:relative; width:100%; height:70px; background:#52b9b1; border:2px solid #fff; box-shadow:0 1px 2px #ccc; text-align:center; color:#fff; font-size:20px; line-height:60px; margin-bottom:10px;}
.reg-left-block .step5 .icon{position:absolute; left:-30px; top:3px; z-index:100; width:60px; height:60px; border-radius:50%; background:#139f94; border:2px solid #fff; box-shadow:0 1px 2px #ccc; font-size:30px; line-height:55px; color:#fff; text-align:center;}
.reg-left-block .step5 .stepbox{background-color:#fff; width:50px; height:50px; float:right; margin:8px; font-size:14px; line-height:20px; color:#464646; box-shadow:0 1px 2px #ccc;}
.reg-left-block .step5 .stepbox span{font-size:34px; display:block; margin-top:4px; font-weight:700;}

.reg-left-block .step6{position:relative; width:100%; height:70px; background:#69d37d; border:2px solid #fff; box-shadow:0 1px 2px #ccc; text-align:center; color:#fff; font-size:20px; line-height:60px;}
.reg-left-block .step6 .icon{position:absolute; left:-30px; top:3px; z-index:100; width:60px; height:60px; border-radius:50%; background:#31ca4e; border:2px solid #fff; box-shadow:0 1px 2px #ccc; font-size:30px; line-height:55px; color:#fff; text-align:center;}
.reg-left-block .step6 .stepbox{background-color:#fff; width:50px; height:50px; float:right; margin:8px; font-size:14px; line-height:20px; color:#464646; box-shadow:0 1px 2px #ccc;}
.reg-left-block .step6 .stepbox span{font-size:34px; display:block; margin-top:4px; font-weight:700;}

.regbox-seperator{width:1px; height:300px; margin:0 auto; background:#c4c4c4; margin-top:60%; position:relative;}
.regbox-seperator .cross{ background:url(../images/seperator-cross.png) no-repeat; width:20px; height:20px; position:absolute; top:50%; left:-10px; z-index:100;}
.registration-block{ margin:20px 0; overflow:hidden; border:1px solid #d5d5d5; padding:0 20px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 2px 8px 0 rgba(0, 0, 0, 0.1); margin-top:8%; position:relative;}

.registration-block h2{font-size: 18px; font-weight: 700; color: #467ee1; margin:0; position:absolute; width:100%; left:0; top:0; background-color:#c5d3ee;}
.registration-block h2 span{display:inline-block;padding:0 30px 0 15px; background-color:#0176bf; color: #fff; font-size:16px; text-transform:capitalize; font-weight:700; z-index: 100; height: 40px; line-height:40px;  }
.registration-block h2 span:after {
	top: 26%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color:#c5d3ee;
	border-width: 20px;
	margin-top: -11px;
	margin-left: -10px;
}
.registration-block h2 span.feedarrow:after{margin-left: -10px;}
.registration-block h2 span.feedarrow-challan:after{margin-left: 170px;}

/*==== innerpage css========= */

.about-block{margin-top:30px;
    border-radius: 0;
    border: 1px solid #e7ecf3;
    border-bottom: 1px solid rgba(0,0,0,0.17);
    margin-bottom: 15px;
    padding:15px;
    }

.about-block h2{font-size: 18px; font-weight: 700; color: #467ee1; margin:0; position:absolute; width:98.5%; left:9px; top:31px; background-color:#c5d3ee;}
.about-block h2 span{display:inline-block;padding:0 30px 0 15px; background-color:#0176bf; color: #fff; font-size:16px; text-transform:capitalize; font-weight:700; z-index: 100; height: 40px; line-height:40px;  }
.about-block h2 span:after {
	top: 26%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color:#c5d3ee;
	border-width: 20px;
	margin-top: -11px;
	margin-left: -10px;
}
.about-block p{ font-size: 14px; line-height:26px; margin-bottom:10px;}

.feedback{margin-top: 5%; }
.feedback h3{padding:10px; font-size:14px; font-weight: 600; margin: 0;}

@media(max-width:1200px){
.header-graphics-fixed h2{width:63%; margin-left:0;}
}
@media(max-width:1090px){
.header-graphics-fixed h2{width:60%; margin-left:0;}
}
@media(max-width:1024px){
.header-graphics-fixed h2{width:50%; margin-left:0;}
}
@media(max-width:800px){
.header-graphics-fixed h2{width:40%; margin-left:0;}
}
@media(max-width:767px){
.header-graphics-fixed h2,.top-right-block{display:none;}
.homepage-height{margin-top:24% !important;}
.banner-slider{height:auto; margin-top:6%;}
.carousel-indicators.out+.carousel-inner{padding-bottom:0;}
.navbar-header{background-color:transparent;}
#container.navbar-fixed > #navbar{position:inherit;}
#content-container{margin-top:0;}
.navbar-header a span.title{font-size:14px; font-weight:400;}
.navbar-nav .open .dropdown-menu > li > a{color:#fff;}
.dashboard-display{height:auto;}
}
@media(max-width:680px){
.banner-slider{height:auto; margin-top:10%;}
.address-block .links ul li{width:50%;}
}
@media(max-width:600px){
.banner-slider{height:auto; margin-top:18%;}
}
@media(max-width:540px){
.navbar-header a span.title{width:auto; display:inline;}
.banner-slider{height:auto; margin-top:22%;}
.navbar-header .title-hindi{color:#c32714; font-size:16px; font-weight:700; display:block; line-height:16px; padding-top: 10px;}
.navbar-header .title{font-weight:700; color:#2b2b2b; font-size:13px; display:block;}
.navbar-header .sub-title{font-weight:400; color:#2b2b2b; font-size:12px; line-height:24px; display:block;}
.navbar-header .tagline{font-weight:400; color:#2b2b2b; font-size:11px; font-style:italic; display:block;}
}
@media(max-width:480px){
.banner-slider{height:auto; margin-top:42%;}
}
@media(max-width:320px){
.banner-slider{height:auto; margin-top:65%;}
}







input:-webkit-autofill {
    border-bottom: 1px solid #ccc !important;
    -webkit-box-shadow: inset 0 0 0px 9999px #ff5455;
    height:20px !important;
    color:#fff !important;
    margin-top:10px !important;
 
}
input:-webkit-autofill {
    -webkit-text-fill-color: white !important;
}



.modal-title{color: #fff;}
.modal-body>.close, .modal-header>.close{    top: 0%;
   
    right: -10px;
   
    background: #fff;
  
    background-color: #fff !important;
    opacity: 1;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    font-size: 180%;}

    
    .mainnav-profile .profile-wrap{    background-color: #173a77 !important;}
    .avatar img{height: 100% !important;}
    
    .pword-break{word-wrap: break-word;}