@charset "utf-8";
/*Custom Nav*/
body {
	color: #000;
	/* font-family: 'Lato', sans-serif; */
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li {
	list-style: none;
}
p {
	font-size: 90%;
}
a {
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
/*Logo*/
.logo {
	max-width: 550px;
	float: left;
	margin: 10px 0;
}
.logo a {
	color: #000;
}
.logo img {
	float: left;
	margin-right:15px;
}
.logo span {
	display: flex;
	font-size: 20px;
}
.logo span:nth-child(2) {
	color: #151414;
	font-weight: 600;
	font-size:44%;

	white-space: nowrap;
}
.logo span:nth-child(3) {
	color: #052744;
	font-size:38%;
	white-space: nowrap;
	font-weight: 600;
	padding-top: 5px;
}
/*nav*/
.nice-menu {
	background: #484242;
	position: absolute;
	top: 0;
	width: 100%;
}
.nice-menu ul {
	float: left;
	margin: 0;
	display: flex;
}
.nice-menu ul li {
	display: block;
	float: left;
	position: relative;
	border-left: 1px solid rgba(255, 255, 255, .1);
}
.nice-menu ul ul li {
	border-left: none;
}
.nice-menu ul li a {
	padding: 4px 18px;
	display: block;
	line-height: 38px;
	font-size: 110%;
	color: #fff;
	min-height: 38px;
}
.nice-menu ul li:hover a, .nice-menu ul li.hover a, .nice-menu ul li.active a {
	background: #9cc700;
	text-decoration: none;
	color: #fff;
}
.nice-menu ul ul {
	position: absolute;
	z-index: 1000;
	top: 100%;
	left: -1px;
	background: #9cc700;
	width: 300px;
}
.nice-menu ul li:hover ul {
	display: block;
}
.nice-menu ul ul li {
	display: block;
	float: none;
 border-bottom: 1px solid #fc9928  border-left: 0px;
}
.nice-menu ul ul li a {
	display: block;
	padding: 0px 15px;
	line-height: 40px;
}
.nice-menu ul ul li.active a, .nice-menu ul ul li.hover a, .nice-menu ul ul li a:hover {
	background: #729007;
}
.nice-menu ul li.active>a {
	color: #fff;
}
/*nav end*/



.float-element {
	width: 100%;
	padding-top:13px;
}
.float-element a {
	float: left;
	padding: 10px 0;
	margin-left: 25px;
}
.common-left a {
	color: #171614;
}
span.date-time {
	color: #fff;
	font-size: 75%;
	padding-top: 10px;
	float: left;
}
.ico-skip a {
	width: 130px !important;
	text-align: center;
}
.ico-skip {
	border-left: none !important;
}
.login a {
	width: 60px !important;
	text-align: center;
}
/*Custom Slide*/
.slides > li {
	position: relative;
}
.slide-caption {
	position: absolute;
	text-align: center;
	bottom: 0;
	right: 0;
	z-index: 1000;
	display: inline-block;
	background: #000;
	background: rgba(0, 0, 0, 0.8);
	padding: 25px;
	width: 100%;
}
/*.flex-direction-nav a{height:22px;}*/
.slide-caption p {
	color: #fff;
	font-weight: 600;
	font-size: 128.57%;
	line-height: 128.57%;
	width: 60%;
	text-align: left;
	display: inline-block;
	overflow: hidden;
	float: left;
	width: 65.81%;
	margin: 0 72px 0 0
}
.slide-caption a {
	background: #d6ad0b;
	color: #000;
	font-size: 128.57%;
	padding: 10px 27px 8px 27px;
	border-radius: 2px;
	float: left;
	cursor: pointer;
}
.slide-caption h2 span {
	font-weight: 600;
	color: #33afc3;
	font-size: 115%;
}
/*.banner-wrapper .flex-direction-nav {
  top:30px;
  top:50%;
  position: absolute;
  right: 136px;
}
*/

/*====== direction arrow=========*/
/*.banner-wrapper .flex-direction-nav a::before {
  color: #fff;
  
  display: inline-block;
  font-family: "flexslider-icon";
  font-size: 30px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.slides, .flex-control-nav, .flex-direction-nav{
	width:100%
}*/
#flexSlider-text h2 img {
	width: auto;
}
content:''!important;
}
.banner-wrapper .flex-direction-nav a::before, .banner-wrapper .flex-direction-nav a::before {
	color: rgba(255, 255, 255, .5);
}
.banner-wrapper .flex-direction-nav a.flex-next:before {
	content: none;
}





.banner-wrapper .flex-direction-nav a.flex-prev:before {
	content: none;
}
.banner-wrapper .flex-direction-nav a{opacity:inherit;}
.banner-wrapper .flex-direction-nav a.flex-next {
	text-indent: 5000px;
	background: url(../images/next-btn.png) no-repeat;
	width:47px;
	height:45px;
}
.banner-wrapper .flex-direction-nav a.flex-prev:before {
	content: none;
}
.banner-wrapper .flex-direction-nav a.flex-prev {
	text-indent: -5000px;
	background: url(../images/prev-btn.png) no-repeat;
	width:47px;
	height:45px;
}
/*========body panel 1===============*/




.flexslider li a.bg-slide {
	height: 212px;
}
/*Custom Top banner*/
.banner-wrapper {
	position: relative;
}
.banner-wrapper .slides li > span {
	position: absolute;
	bottom: 0;
	color: #fff;
	width: 100%;
	background: #0000008c;
	padding: 21px 100px;
	z-index: 100;
}
.banner-wrapper .flex-control-nav {
	bottom: 20px;
	left: 0;
	z-index: 999;
}
.banner-wrapper .flex-control-paging li a {
	box-shadow: 0 0 0px rgba(0, 0, 0, 0.0) inset;
	background: none repeat scroll 0 0 #9cc700;
}
.banner-wrapper .flex-control-paging li a.flex-active {
	background: #fff;
}
.banner-wrapper .flex-control-nav li {
	margin: 0px 4px;
}
.banner-wrapper .flex-pauseplay {
	bottom: 22px;
	display: block;
	left: auto;
	margin: 0;
	position: absolute;
	right: 6%;
	top: auto;
	z-index: 9999;
}
.banner-wrapper .flex-pauseplay a.flex-pause, .banner-wrapper .flex-pauseplay a.flex-play {
	cursor: pointer;
	display: block;
	background: #585858a3;
	color: #000;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.banner-wrapper .flex-pauseplay a::before {
	font-size: 12px;
}
.banner-wrapper .flex-pauseplay a {
	height: 25px;
	line-height: 25px;
	width: 25px;
}
.right-content {
	float: right;
	padding-top: 0;
}
.breadcam {
	padding: 5px 10px;
	display: block;
	border-bottom: 1px solid #efefef;
	background: url(../images/breadcam-bg.png) repeat;
	margin: 5px 0px 20px;
}
.breadcam li {
	list-style-type: none;
	display: inline-block;
	font-size: 80%;
	color: #b5b5b5;
}
.breadcam li a {
	display: block;
	background: url(../images/breadcam-arrow.png) no-repeat right center;
	padding-right: 10px;
	color: #7f7f7f;
}
.breadcam li:last-child a {
	background: none;
}
.breadcam li.current {
	color: #b5b5b5;
}
.inner-wrapper .body-container {
	padding-top: 0px;
}
.inner-wrapper .left-menu {
	width: 25%;
	float: left;
}
.inner-wrapper .inner-content {
	width: 100%;
	float: none;
}
.inner-content p {
	font-size: 100%;
	color: #3e3d3d;
}
.inner-content ul {
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 22px;
}
.inner-content ul li {
	background: url(../images/bluearw.png) no-repeat 0px 5px;
	padding-left: 18px;
	margin-bottom: 10px;
	margin-right: 4%;
}
.inner-content ul li:last-child {
	margin-bottom: 0px;
}
.inner-content hr {
	color: #ebebeb;
	background: #ebebeb;
	margin: 30px 0px;
}
.inner-content img.left {
	float: left;
	padding: 4px;
	border: 1px solid #ebebeb;
	margin: 0px 20px 20px 0px;
}
.inner-content img.right {
	float: right;
	padding: 4px;
	border: 1px solid #ebebeb;
	margin: 0px 0px 20px 20px;
}
.inner-content {
	padding-bottom: 20px;
}
/*****Start code for HPL website*****/
.more-btn {
	font-size: 13px;
	float:left;
	clear:left;
	color:#21282f;
    letter-spacing: 1px;
    line-height: 15px;
    border:1px solid #8dc63f;
    border-radius: 40px;
    transition: all 0.3s ease 0s;
	padding:10px 30px;
    font-weight: bold;
	background:#fff;
	text-transform:uppercase;
	font-size: 13px;
}
.more-btn:hover{background:#9cc700; color:#fff; transition: all 0.3s ease 0s;}
.about-content{padding:50px 0;}
.about-content h1{color:#8dc63f; margin: 0; font-size: 190%;}
.about-content h2{font-size: 140%;font-weight: 600; margin: 25px 0; position:relative; padding-bottom: 18px; line-height: 34px;}
.about-content h2:before{content: '';display: block;border-bottom: 2px solid #9cc700;width: 40px;position: absolute; bottom: 0;left: 9%;}
.about-content h2:after{content: '';display: block;border-bottom: 2px solid #9cc700;width: 40px; position:absolute; bottom:0;}
.site-content p{line-height: 28px;}

/*Tabing Section*/
.tabing-section { /*background:url(../images/tab-bg.jpg) no-repeat left center #f6f6f6;*/
    background: #f6f6f6; height: 450px;
    margin-bottom: 50px;
}
.tabing-section .tabs > .tab:nth-child(1){}
.tabing-section .tabs > .tab:nth-child(2){}
.tabs .tab img{margin-right: 15px;}
.tabing-section .content h3{font-weight: 800;color: #7a7a7a;text-transform: uppercase;font-size: 142%; position:relative; padding-bottom: 10px;
margin-bottom: 30px;}
.tabing-section .content h3:before{content: '';display: block;border-bottom: 2px solid #9cc700;width: 40px;position: absolute; bottom: 0;left: 9%;}
.tabing-section .content h3:after{content: '';display: block;border-bottom: 2px solid #9cc700;width: 40px; position:absolute; bottom:0;}
.tabing-section .content p >img{float:left; margin-right:15px;}
.checked-type{width:100%; float:left; padding: 15px 0px;}


.tabs {
  position: relative;
  min-height: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  height:100% !important;
  float:left; 
  width:100%;
  margin: 55px 0;
}
.tabs .tab {
  margin-bottom: 1px;
  /* ---------------------- Tab Toggle */
}
@media screen and (min-width: 55rem) {
  .tabs .tab {
    float: left;
    clear: left;
    width: 30%;

  }
}
.tabs .tab .tab-toggle {
  position: relative;
  outline: none;
  width: 100%;
  background: #fff;
  padding: 10px;
}
@media screen and (min-width: 55rem) {
  .tabs .tab .tab-toggle {
    text-align: left;
	border:none;
  }
}

@media screen and (min-width: 55rem) {
  .tabs .tab .tab-toggle:after {
    -webkit-transform: rotate(-90deg) translateX(50%);
    -moz-transform: rotate(-90deg) translateX(50%);
    -ms-transform: rotate(-90deg) translateX(50%);
    -o-transform: rotate(-90deg) translateX(50%);
    transform: rotate(-90deg) translateX(50%);
  }
}
.tabs .tab .tab-toggle.active {
  color: #fff;
  background:#9cc700;
  cursor: default;
  position:relative;
}
.tabs .tab .tab-toggle.active:after{content:''; background:url(../images/after-arrow.png) no-repeat; width:8px; height:14px; position:absolute;  top: 17px;
transform: rotate(0deg) !important; left: 100%; z-index: 9;}
.tabs .tab .tab-toggle.active:after {
  color: #8099c2;
  -webkit-transform: rotate(180deg) translateY(50%);
  -moz-transform: rotate(180deg) translateY(50%);
  -ms-transform: rotate(180deg) translateY(50%);
  -o-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%);
}
@media screen and (min-width: 55rem) {
  .tabs .tab .tab-toggle.active:after {
    -webkit-transform: rotate(-90deg) translateX(50%) translateY(0);
    -moz-transform: rotate(-90deg) translateX(50%) translateY(0);
    -ms-transform: rotate(-90deg) translateX(50%) translateY(0);
    -o-transform: rotate(-90deg) translateX(50%) translateY(0);
    transform: rotate(-90deg) translateX(50%) translateY(0);
    right: 1rem;
  }
}
.tabs .content {
  max-height: 0;
  overflow: hidden;
  padding: 0 2rem;
  background-color: #f6f6f6;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
@media screen and (min-width: 55rem) {
  .tabs .content {
    max-height: none;
    position: absolute;
    right: 0;
    top: 0;
    width:64.6%;
    opacity: 0;
    padding: 0rem 2rem 2rem 2rem;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.tabs .content.active {
  max-height: 1000px;
}
@media screen and (min-width: 55rem) {
  .tabs .content.active {
    max-height: none;
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
.tabs .content > .heading {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

/*Video Gallery*/
.video-gallery h2, .announcements-sec h2{font-size: 140%; font-weight: 600; margin-bottom:3%;}
.video-gallery h2 > a, .announcements-sec h2 > a{color:#9cc700;}
.video-gallery img{width:100%;height: 280px;}

/*News Update*/
.program-col:before{height:40px;}
.program-col h1{padding: 15px;}

.announcements-sec{padding: 0 25px; float: left; width: 100%;}
.announcements-sec .listing ul, .listing-wise ul{padding: 15px 0;height: 280px;overflow: scroll;overflow-x: hidden; width:100% !important;}
/*..phancy-scrollbar..*/
.phancy-scrollbar {
width: 5px;
border-radius: 4px;
top: 0;
position: absolute;
background: #ccc;
-moz-transition: opacity .2s;
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
-ms-transition: opacity .2s;
transition: opacity .2s;
-webkit-transition-delay: 1s;
}
.phancy-scroller .phancy-scrollbar:active, .phancy-scroller:hover .phancy-scrollbar {
opacity: 1;
-webkit-transition-delay: 0s;
}
.phancy-scrollbarbutton {width: 100%;border-radius: 4px;top: 0;position: absolute;background-color: #999;}
.phancy-scrollbarbutton {width: 100%;border-radius: 4px;top: 0;position: absolute;background-color: #999;}
.announcements-sec ul li{margin-bottom:10px;float: left; width: 100%; border-bottom: 1px solid #ddd;}
.announcements-sec ul li h3{font-size: 125%;}
.announcements-sec ul li>span{width:80px; height:60px; display:block; background:#fff; box-shadow: 1px 1px 9px 0px #a9a9a9; float:left;
margin:0 10px; border-radius:8px; text-align:center;}
.announcements-sec ul li>span:before{content:''; display:block; border-top: 2px solid #a3cb12; border-radius: 8px;
}
.announcements-sec ul li>span strong{display:block; color: #9cc700; font-weight: 800;font-size:135%;}
.announcements-sec ul li a{width:70%; float:left; margin: 0; color: #686868; font-size: 93%; line-height: normal; margin-bottom: 10px;}


/*Photo Gallry*/
.photo-gallery-sec{margin-top:50px;}
.photo-gallery-sec .heading-area{background:#9cc700; width:100%; padding: 7px 0;}
.photo-gallery-sec .heading-area h2{max-width:1140px; margin:0 auto;}
.heading-area h2{color:#fff; font-size: 140%; font-weight: 600;}
.heading-area h2 > a{color:#39450f; font-size:85%;}

.photo-gallery-sec .flex-direction-nav a{opacity:inherit;}
.photo-gallery-sec .flex-direction-nav{position: absolute; top:-43px; right: 5%; width: 5%;}
.photo-gallery-sec .flex-direction-nav .flex-disabled{opacity:9 !important;line-height: 40px; cursor: pointer;}
.photo-gallery-sec .flex-direction-nav a.flex-prev:before{content: "\f104"; font-family:FontAwesome; color:#fff; font-size:36px;}
.photo-gallery-sec .flex-direction-nav a.flex-next:before{content: "\f105"; font-family:FontAwesome; color:#fff; font-size:36px;}
.photo-gallery-sec .flex-direction-nav a.flex-prev{margin:0; line-height:40px;}
.photo-gallery-sec .flex-direction-nav a.flex-next{margin:0; line-height:40px;}


/*Other Links*/
.otherlinks-area{padding:50px 0; background:#eee;}
.otherlink ul.slides li>span{width:80px; height:80px; background:#fff; border-radius:50%; display:block; padding-top:5px; margin:0 auto;
transition-duration:0.5s;}
.otherlink ul.slides li:hover span{margin-top: -10px; transition-duration:0.5s; box-shadow: 0px 9px 15px #00000047;}
.otherlink ul.slides li{text-align:center; padding:10px;}
/*.otherlink ul.slides li:nth-child(odd){background:#ddd;}
.otherlink ul.slides li:nth-child(even){background:#fff;}*/
.otherlink ul.slides li img{width:70px; height:70px; margin:0 auto;}
.otherlink ul.slides li a{margin: 10px 0;font-size:100%; color:#686868; display:block;}
.otherlink .flex-direction-nav a:before{font-size:30px; color:#668200;}
.otherlink .flex-direction-nav a{opacity: inherit !important;}


/*Scroll top*/
.scrollTop {
	position: fixed;
	right: 2%;
	bottom: 10px;
	padding: 20px;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	cursor: pointer;
	width: 45px;
	height: 45px;
	z-index: 99;
	border-radius:50%;
	background:url(../images/small-icon/scrolltop.png) #668200;
	background-position:50% 0;
}
.scrollTop:hover {
	background-position:50% 100%;
}

/*Footer*/
.footer-top-wrapper ul {
	margin-bottom: 0;
	padding: 12px 0 2px;
}
.footer-top-wrapper ul li a {
	font-size: 88%;
}
.date-time a{ color:#fff;}




.logo-section{float: left;}
.logo{background:none; padding:0;}
.logo-section a{display:block;}
.logo-section a:hover{text-decoration:none;}
img.emblem{margin-right:0 !important; margin-top: 3px;}
.logo-section a > img{float:left; margin-right:15px !important; margin-top: 6px;}
.logo-section a > h1{font-size: 16px; float:left; margin-top:10px; line-height:30px;  min-height: 50px;}
.logo-section a > h1 > span{display:block;}
.logo-section a > h1 > span:nth-child(1){color:#1b3068; font-weight:800;}
.logo-section a > h1 > span:nth-child(2){color:#343434; font-size: 18px;}
img.gandhi-150{padding-top:0; margin-right: 15px;}

/*Header*/
.header-bar{padding: 15px 0;/* max-height:95px; */background:#effeff;}
.user-login{width: 150px;  float: right; text-align: center; padding-top: 10px;}
.user-login:hover{text-decoration:none;}
.user-login:hover span{color:#c00b0d;}
.user-login span{display: block; font-size: 14px; color: #343434; font-weight: 600;}


/*Advertisement Details*/
.advertisement-details > .form-group{border-bottom:1px solid #ddd;}
.advertisement-details > .form-group:last-child{border-bottom:0;}

/*Date Table*/
.paging_simple_numbers{float:right;}
.paging_simple_numbers .paginate_button{ position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #3f51b5;
    background-color: #fff;
    border: 1px solid #dee2e6;
	float:left;
	cursor:pointer;}
.paging_simple_numbers .paginate_button:hover{text-decoration:none;}	
.paging_simple_numbers .paginate_button.current{background-color:#3f51b5; color:#fff;}