@import url('http://fonts.googleapis.com/css?family=Lato:400,300,700,900');

@import url(https://fonts.googleapis.com/css?family=Hind);
/*font-family: 'Hind', sans-serif;*/

@import url(https://fonts.googleapis.com/css?family=Hind+Vadodara:400,500,600,700);
/*font-family: 'Hind Vadodara', sans-serif;*/

@import url(http://fonts.googleapis.com/earlyaccess/lohitdevanagari.css);
/*font-family: 'Lohit Devanagari', serif;*/


html{height:100%;}
body{font-family:'Lato', sans-serif;font-weight:300;font-size:16px;color:#555;line-height:1.6em;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;height:100%; background:url(../images/main-bg.jpg) no-repeat center center; background-size:cover; overflow-x:hidden;}

h1, h2, h3, h4, h5, h6{font-family:'Lato', sans-serif;font-weight:300;color:#444;}


.alignleft{text-align:left;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}

#wrapper{text-align:center;padding:45px 0; background:rgba(0,0,0,0.7); height:100%;}

.container{border:0px solid #fff;margin-top:10%;}

#wrapper h1{margin-bottom:20px;color:#fff;font-size:55px;font-weight:900;letter-spacing:-1px; line-height:72px;}

#wrapper h1 span.hindi{font-family: 'Hind Vadodara', sans-serif; font-weight:600;text-shadow:2px 2px 2px #1a6d80;}

.nbebtngroup a{margin-right:10px;}
.nbebtngroup a.smallft{line-height:20px; padding:7px 15px 7px 15px;}
.nbebtngroup a small{font-size:14px;}

p.copyright{margin-top:20px;color:#fff;text-align:center;}

/*---------------------------------------------------HEADER------------------------------------------------------*/
#header{background:#304770; color:#fff; -webkit-box-shadow:0 6px 2px -4px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 6px 2px -4px rgba(0, 0, 0, 0.3); box-shadow:0 6px 2px -4px rgba(0, 0, 0, 0.3); padding:15px 0 20px 0;}

.copyrights{float:left;width:100%;padding:10px 0px 10px 0px;background:#083852;color:#b3b3b3;font-size:13.5px;text-align:center; font-family:Arial, Helvetica, sans-serif;}
.copyrights .one_half.last{text-align:right;}
.copyrights a{color:#727272;transition:all 0.3s ease;}
.copyrights a:hover{color:#999;}

.midtextarea{padding:30px; min-height:700px;}

/*--------------------------------
  TABS
--------------------------------*/
.h4heading{font-weight:bold; margin:40px 0 30px 0;}

.mainctab{margin-top:30px; font-family:Arial, Helvetica, sans-serif;}
.mainctab .content{background:#f3f3f3; color: #373737; border:1px solid #ddd; margin-top:-1px;}
.mainctab .content > div {display:none; padding: 20px 25px 5px; transition:all 0.4s ease;}

.mainctab input{display:none;}
.mainctab label{display:inline-block; padding:14px 18px; font-weight:520; font-size:20px; text-align: center; margin-bottom:0px; margin-right:10px; border:1px solid #ddd; border-bottom:none; background:#C18583; color:#fff; transition:all 0.2s ease;}
.mainctab label small{font-size:15px;}
.mainctab label:hover {cursor:pointer; background:#9d9d9d;}
.mainctab input:checked + label {background:#f3f3f3; color:#000;}
.mainctab #tab1:checked ~ .content #content1,
.mainctab #tab2:checked ~ .content #content2,
.mainctab #tab3:checked ~ .content #content3{
		  display: block;
}

.mainctab .content ul{list-style:none; padding:0px; margin:0px;}
.mainctab .content ul li{border-bottom:1px solid #e3e3e3; border-top:1px solid #fafafa; padding:5px 5px 5px 10px;}
.mainctab .content ul li:nth-last-child(1){border-bottom:none;}
.mainctab .content ul li a{color:#222; display:block;}
.mainctab .content ul li:hover{background:#fff;}
.mainctab .content ul li a:hover{color:#7a4aac; text-decoration:none;}
.mainctab .content ul li a span{color:#777; margin-right:5px;}
.mainctab .content ul li.active a{font-weight:bold;}

.mobilemarbot{margin-bottom:20px;}

a.currmobile{background:#c18583; border-color:#c18583; display:none;}
a.currmobile:hover{background:rgba(193,133,131,0.8); border-color:#c18583;}

a.dnbbtn{background:#30ad23; border-color:#30ad23;}
a.dnbbtn:hover{background:rgba(48,173,35,0.8); border-color:#30ad23;}

/*
===================================
 Responsive 
===================================*/
@media handheld, only screen and (max-width:1024px){
	#header img{max-width:100%;}
	.midtextarea{padding:10px; min-height:340px;}
	ul li{margin-bottom:15px;}
}

@media screen and (max-width:640px) and (orientation: portrait){
	#wrapper{padding:0px 0; height:100%!important;background:rgba(0,0,0,0.8)!important;}
	.mainctab label{padding:15px 10px; width:100%;}
	a.btn{border-radius:3px;}
	.mobile-btn-group-1{float:left; padding-left:7px; padding-right:0px;}
	.mobile-btn-group-1 a.btn{float:left; margin-bottom:7px; width:46.5%;}
	.currbtn-row{display:none;}
	a.currmobile{display:block; padding-left:12px;}
	.mobilemarbot{margin-bottom:0px;}
}



@media handheld, only screen and (min-width:320px) and (orientation: portrait){
	 body{background:url(../images/main-bg.jpg) no-repeat center top; background-size:contain;}
	 .responsivebg{/*background:rgba(0,0,0,0.0);*/ padding-top:115px;}
	 #wrapper{padding:0px 0; height:100%!important;background:rgba(0,0,0,0.8); min-height:600px;}
	 #wrapper h1{margin-bottom:5px; margin-top:10px; font-size:17px;line-height:35px;}
	 #wrapper h1 span.hindi{ font-size:24px;}
	.container{margin-top:0%;}
	/*.nbebtngroup a{margin-right:0px; width:100%; margin-bottom:10px;}*/
}