@charset "utf-8";
/* CSS Document */
/*Maroon Color- #c40000*/
/*Golden Color- #ffcc4b*/

* {margin:0; padding:0;}

a { color:#000000; text-decoration:none; }
a:hover { text-decoration:none; color:brown; }
p { margin:0 !important;}
.clearpad {padding:0 !important;}
.clearmarg { margin:0 !important;}
.topbar { background-color:#4B4B4B;}
.logo-x1 { text-align:center;}
.logo-x1 > img { width:72%;}
.logo-x2 > img { width:39%;padding-top: 1px;}
.header { text-align:center;}
.header > p { font-size:22px;}
.header > p > span { margin:0;font-size: 24px; font-weight: 600;}
.header > h2 { margin:0; font-weight: bold;    font-size: 26px;}
.header > h2 > span {}
.padboth-x1 {padding:0.5% 0%;}
.padtop-x1 { padding-top:1%; }
.padtop-x2 { padding-top:2%; }
.padbot-x2 { padding-bottom:2%; }
.margbot-x0 {margin-bottom:0;}
.bgc1 { background-color:#323232;}
.bgc2 { background-color:#ffcc4b;}
.nav-x1 > a {color: #ffffff;}
.nav-x2 > li > a { color: #ffffff; padding-top: 2px;text-decoration: none;font-size: 14px;}
.nav-x3 > a { color: #ffffff; padding-top: 2px;text-decoration: none;font-size: 14px;}
.nav-x3 > a > p { font-weight:bold;text-transform: uppercase;font-size: 14px;}
.navbar-toggler-icon {background-image:url(../img/collapse-icon-x1.png) !important; background-repeat:no-repeat; background-size:100% 100%;}
.navbar-nav li:hover > ul.dropdown-menu {display: block;}
.dropdown-submenu {position:relative;}
.dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top:-6px;}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after { text-decoration: underline;transform: rotate(-90deg);} 
.updates { width:100%; float:left; border: 1px solid #ffcc4b; margin: 1% 0%; }
.updates2 { width:100%; float:left; border: 1px solid #ffcc4b; margin: 2.6% 0%; }
.headtext > h2 { font-weight:bold; padding: 1% 2%; font-size: 18px;color: #000000;}

.headtext2 > h2 { font-weight:bold; padding: 2% 3% 0% 4%; font-size: 14px; color: #000000;}
.headtext2 > h4 {     font-weight: bold;  padding: 0% 4% 2% 4%;font-size: 14px;color: #000000;}
.headtext2 > a > h2 { font-weight:bold; padding: 2% 3% 0% 4%; font-size: 14px; color: #000000;}
.headtext2 > a > h4 {     font-weight: bold;  padding: 0% 4% 2% 4%;font-size: 14px;color: #000000;}


.color-x1 { color:#ffffff;}
.color-x2 { color:#ffcc4b;}
.listcontent { height:1058px; overflow-y:scroll;}
.listcontent ul{ list-style:none;}
.listcontent2 { height:300px; overflow-y:scroll;}
.listcontent2 > ul { list-style:none; }
.listcontent2 > ul > li > a { font-size:14px; font-weight:600; width:100%; float:left; text-decoration:none; color:#000000; margin:2% 0%; }
.listcontent3 { height:866px; overflow-y:scroll;}
.listcontent3 ul{ list-style:none;}
.dates > ul { list-style:none; }
.dates > ul > li { font-weight:600; text-align:center; width:70px; background-color:#d39e00; color:white; margin-right: 1rem!important;}
.d-x1 { font-size:18px;}
.margup-x1 { margin-top:1%; }
.margdown-x1 { margin-bottom:1%; }
.headlines > h5 { font-size:16px;}
.pdf-x1 { color: #e74c3c; font-size: 18px; font-weight: bold; padding: 0% 2%;}
.jify > img { width:40px;}
.gandhipic > img { width:100%; padding:4% 0%; }
.gandhipic > p { font-size: 12px;font-style: italic;text-align: justify; }
.gandhipic > h3 {font-size:16px;  padding: 2% 0%; text-align: right; }
.nav-tabs { display:none;}
@media(min-width:768px) {.nav-tabs {display: flex; margin-top: 10px;} .card { border: none;}.card .card-header {display:none;} .card .collapse{display:block;}}
@media(max-width:767px){.tab-content > .tab-pane { display: block !important;opacity: 1;}}
.tabs-x1 > a { color:#000000;}
.foot-x1-a { color:#000000; text-decoration:none; }
.foot-x1-a:hover { color:#ffffff; text-decoration:none; }
.foot-x1 > h2 { font-size:23px; padding:4% 0%; text-align: center; border-bottom: 1px solid black;text-transform: capitalize; color: #000000;}
.foot-x1 > ul { list-style:none; }
.foot-x1 > ul > li {font-size: 14px;text-align: center;color: #000000; text-transform: uppercase;}
.foot-x1 > ul > li  > span { text-transform:lowercase;}
.foot-x1 > ul > li  > a > img{ width:40%;padding: 3% 0%;margin: 0% 30%;;}
.foot-x1 > p {font-size: 18px; text-align: center;text-transform: uppercase;}
.foot-x2 > p {text-align: center;font-size: 12px; padding: 1% 0%; color:#ffffff; text-transform: uppercase;}
.carousel-item {height: auto;min-height: 360px;background: no-repeat center center scroll;-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.slick-slide {margin: 0px 20px;}
.slick-slide img {width: 100%;}
.slick-slider{position: relative;display: block;box-sizing: border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;
-webkit-touch-callout: none; -khtml-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0;  left: 0;  display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{ float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.bgcimg-x1 {background-image:url(../img/wmbg.jpg); background-repeat: no-repeat; background-size: cover;}
/* width */
::-webkit-scrollbar { width: 3px;}
/* Track */
::-webkit-scrollbar-track { background: #f1f1f1;}
/* Handle */
::-webkit-scrollbar-thumb { background: #888;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #555;}
.introtext > p { font-size: 17px;text-align: justify; padding: 1% 0%;line-height: 32px;}	
.introtext > ul { list-style:none; }
.introtext > ul > li { font-size: 16px;text-align: justify;padding: 1% 0%;line-height: 32px;}
.panel {margin: 1% 0%;border:1px solid #ffcc4b; }
.panel:hover {border:1px solid #ffcc4b; background-color:#ffffff; color:#FFFFFF;}
.panel-title:hover { background-color:#ffcc4b;}
.panel-title > a { color: #000000;text-decoration: none;font-size: 16px; display:block;padding: 1% 1%;text-transform: uppercase;}
.panel-title > a:hover { color: #ffffff;text-decoration: none;font-size: 16px; display:block;}
.panel2 {margin: 1% 0%;border:1px solid #ffcc4b; }
.panel2:hover {border:1px solid #ffcc4b; background-color:#ffffff; color:#000000;}
.panel-title2 > a { color: #000000;text-decoration: none;font-size: 16px; display:block;padding: 1% 1%;text-transform: uppercase;border-bottom: 1px solid #d9d9d9;}
.panel-title2 > a:hover { color: #000000;text-decoration: none;font-size: 16px; display:block; background-color:#ffcc4b;}
.panel-title3 > a { color: #ffffff;text-decoration: none;font-size: 16px; display:block;padding: 1% 1%;text-transform: uppercase;}
.panel-title3 > a:hover { color: #000000;text-decoration: none;font-size: 16px; display:block;padding: 1% 1%;text-transform: uppercase;}
.panel-body { overflow:auto;}
.list-x1 > li { list-style:none;font-size:16px;}
.texttrans-x1 { text-transform:lowercase; }
.texttrans-x2 { text-transform:lowercase; color:#000000; }
.texttrans-x2:hover { text-transform:lowercase; color:#ffffff; }
.table-x1:hover {background-color:#ffcc4b; color:#FFFFFF;}
.table-x2 {font-size: 14px;font-weight: 500;}
.table-x2:hover {background-color: #f2f2f2;color: #000000;font-weight: 500;font-size: 14px;}
/*.table > tbody > tr > td > a {color:#000000; text-decoration:none;}
.table > tbody > tr > td > a:hover {color:#ffffff; text-decoration:none;}
.table > tbody > tr > td > a > span:hover {color:#ffcc4b;; text-decoration:none;}*/
.lenth-x1 {height:300px; overflow:auto;}
.lenth-x2 {height:665px; overflow:auto;}
.debar-x1 > a { color:#000000; text-decoration:none;}
.debar-x1 > a:hover { color:#ffcc4b; }
.faqtext { text-transform:capitalize;}
.btn-custom {color:#000000;background-color: #ffcc4b;border-color: #ffcc4b;}
.btn-custom:hover {color:#000000;background-color: #ffffff;border-color: #ffcc4b;}
/*GTRANSLATE*/
a.gflag {vertical-align:middle;font-size:32px;padding:1px 5px;background-repeat:no-repeat;/*background-image:url(//gtranslate.net/flags/32.png);*/}
a.gflag img {border:0;}
a.gflag:hover {/*background-image:url(//gtranslate.net/flags/32a.png);*/}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}
.helpline { color: white; font-size: 16px; padding: 7px 0px 0px 15px; text-transform: uppercase;}
.helpline > span { text-transform:lowercase;}
.select-x1 {font-size: 10px;padding: 1px 0px 3px 0px;}
.select-x2 { width:100%; }
.not { font-size:15px; color:#ffffff; padding-top: 5px;}
.notice-x1 { list-style-type:none;}
.notice-x1 > li > a { font-size:14px; font-weight:600; text-align: justify;}
.notice-x1 > li { margin:4% 0%;}
.notice-x1 > li > i{ font-size: 16px;font-weight: 600; background-color: #ffcc4b;color: white;padding: 2%; border-radius: 50px; }
.notice-x1 > li > p { font-size: 11px;font-weight: 500; font-style: italic; color:brown;padding-left: 15%;}
.notice-x2 { list-style-type:none;}
.notice-x2 > li > a { font-size:15px; font-weight:600;text-transform: uppercase;  text-align: justify;}
.notice-x2 > li > i{ font-size: 16px;font-weight: 600; background-color: #ffcc4b;color:#000000;padding: 1%; border-radius: 50px; }
.notice-x2 > li { margin:2% 0%;}
.notice-x2 > li > p { font-size: 12px;font-weight: 500; font-style: italic; color:brown;padding-left: 6%;}
.facolor { color:#ffcc4b; }
.notice-tag-x1 { padding-left: 15%;}
.notice-tag-x2 { padding-left:6%;}
.borderline { border-bottom:2px solid #ffcc4b;}
.listcontent-thumb {height:199px;margin-bottom: 2%;overflow-y: scroll;}
.listcontent-thumb2 {height:275.5px;margin-bottom: 2%;overflow-y: scroll;}
.listcontent-thumb3 {height:550px;margin-bottom: 2%;overflow-y: scroll;}
.readbtn { margin: 3% 0%; background-color:#ffcc4b; font-weight:bold;color: #000000;}
.readbtn:hover { margin: 3% 0%; background-color:#ffffff; border:1px solid #ffcc4b; color:#000000;font-weight:bold;}
.i-home {font-size: 20px;}
.i-hometxt { font-size:14px; font-weight:bold;}
.foot-x3 > p {font-size:14px; color:#ffffff; text-align:center; }
.foot-x4 > ul {list-style:none; text-align:center; margin:0;}
.foot-x4 > li { display:inline-block; color:#ffffff; }
.foot-x4 > li > a { color:#ffffff; display:block; text-decoration:none;font-size: 14px;padding: 0px 10px;}
.introtext { list-style:none;}
.appbar { width:100%; float:left;}
.input-x1 { width:100%; padding:1%}
.bg-green { background-color:#badc58;padding: 1% 1%;margin: 1% 0%;}
.bg-red { background-color:#ff7979;padding: 1% 1%;margin: 1% 0%;}
.search-btn {    padding: 1% 5%;background-color: white;color: black;border-radius: 5px;text-align: center; border:1px solid #000000; margin-top: 5px;}
.search-btn:hover {    padding: 1% 5%;background-color: #6ab04c;color:#ffffff;border-radius: 5px;text-align: center;border:1px solid #ffffff;}
.red-query { font-size:11px; color:#FF0004; }
.white-query { font-size:11px; color:#ffffff; }
.tablebox {border: 1px solid #ffcc4b; margin:2% 0%;}
.table-h2 {text-align: center;}
.table-h3 {text-align: center; font-size: 17px;background-color: #ffcc4b;padding: 1% 1%; color: #ffffff;}
.table-x3 > tbody > tr > th {}
.table-x3 > tbody > tr > td {}
.r-as-ns { color:red;}
.g-as-ns { color:green;}
.sel-lang { margin:0% 10%;}
.gallery-block{padding-bottom: 60px;padding-top: 60px;}
.gallery-block .heading{
    margin-bottom: 50px;
    text-align: center;
}

.gallery-block .heading h2{font-weight: bold;font-size: 1.4rem; text-transform: uppercase;}
.gallery-block.compact-gallery .item{ overflow: hidden; margin-bottom: 0;background: black;opacity: 1;}
.gallery-block.compact-gallery .item .image{transition: 0.8s ease;}
.gallery-block.compact-gallery .item .info{ position: relative; display: inline-block;}
.gallery-block.compact-gallery .item .description{
  display: grid; position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; font-size: 17px; line-height: 18px;width: 100%; padding-top: 15px;   padding-bottom: 15px; opacity: 1; transition: 0.8s ease; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.39));
}
.gallery-block.compact-gallery .item .description .description-heading{ font-size: 1em;font-weight: bold;}
.gallery-block.compact-gallery .item .description .description-body{ font-size: 0.8em; margin-top: 10px;font-weight: 300;}

@media (min-width: 576px) {

  .gallery-block.compact-gallery .item .description { opacity: 0;}
  .gallery-block.compact-gallery .item a:hover .description {opacity: 1;} 
  .gallery-block .zoom-on-hover:hover .image { transform: scale(1.3);opacity: 0.7;  }
}

.sub-menu-rnd { list-style:none; margin-top:10px;}
.sub-menu-rnd > li {display: inline-block;padding: 0px 29px;}
.sub-menu-rnd > li > a {display:block; text-align:center; color:#000000; font-weight:600; }
.sub-menu-rnd > li > a:hover {display:block; text-align:center;}
.sub-menu-rnd > li > a > i { font-size: 18px; color: #ffffff; padding: 20px 20px; border-radius: 50px;}
.btn-c1 { background-color:#f9ca24; border: 7px solid #f6ba04;}
.btn-c2 { background-color:#4CAF50; border:7px solid #4ae250;}
.btn-c3 { background-color:#009688; border:7px solid #55d1c6;}
.btn-c4 { background-color:#03A9F4; border:7px solid #0593d3;}
.btn-c5 { background-color:#c90044; border:7px solid #f60d5c;}
.btn-c6 { background-color:#e056fd; border:7px solid #be2edd;}
.btn-c7 { background-color:#03A9F4; border:7px solid #2b74c1;}

.btn-c1:hover { background-color:#ffffff; border: 7px solid #f6ba04; color:#000000;}
.btn-c2:hover { background-color:#ffffff; border: 7px solid #4ae250; color:#000000;}
.btn-c3:hover { background-color:#ffffff; border: 7px solid #55d1c6; color:#000000;}
.btn-c4:hover { background-color:#ffffff; border: 7px solid #0593d3; color:#000000;}
.btn-c5:hover { background-color:#ffffff; border: 7px solid #f60d5c; color:#000000;}
.btn-c6:hover { background-color:#ffffff; border: 7px solid #be2edd; color:#000000;}
.btn-c7:hover { background-color:#ffffff; border: 7px solid #03A9F4; color:#000000;}

.ptbg1 { background-image: linear-gradient(to right, #4a4a4a , #33d9b2);}
.ptbg2 { background-image: linear-gradient(to right, #4a4a4a , #fed330);}
.ptbg3 { background-image: linear-gradient(to right, #4a4a4a , #fc5c65);}
.ptbg4 { background-image: linear-gradient(to right, #4a4a4a , #a55eea);}
.ptbg5 { background-image: linear-gradient(to right, #4a4a4a , #4b6584);}
.ptbg6 { background-image: linear-gradient(to right, #4a4a4a , #fd9644);}
.ptbg7 { background-image: linear-gradient(to right, #4a4a4a , #33d9b2);}
.ptbg8 { background-image: linear-gradient(to right, #4a4a4a , #fc5c65);}

.ptbg1:hover { background-image: linear-gradient(to right, #ffffff , #ffffff);}
.ptbg2:hover { background-image: linear-gradient(to right, #ffffff , #ffffff);}
.ptbg3:hover { background-image: linear-gradient(to right, #ffffff , #ffffff);}
.ptbg4:hover { background-image: linear-gradient(to right, #ffffff , #ffffff);}
.ptbg5:hover { background-image: linear-gradient(to right, #ffffff , #ffffff);}
.ptbg6:hover { background-image: linear-gradient(to right, #ffffff , #ffffff);}
.ptbg7:hover { background-image: linear-gradient(to right, #ffffff , #ffffff);}
.ptbg8:hover { background-image: linear-gradient(to right, #ffffff , #ffffff);}
.selhighlight { font-weight:bold;}

.siteul > ul{ list-style:none;}
.siteul > ul > li > a {font-size: 16px;font-weight: 600;line-height: 40px; text-transform: uppercase;}
.siteul-sub > ul { list-style:none;}
.siteul-sub  > ul > li > a { font-size: 16px; font-weight: 500; line-height:30px; color: brown; text-transform: uppercase;}
.fsizer { background-color:#ffcc4b;padding: 0% 1%; margin: 0px 10px; border-radius:5px;}
.fsizer > span > a { color:#000000; padding: 0px 5px; font-weight: bold;}
.cont-in > ul { list-style:none;}
.cont-in > ul > li { text-transform: uppercase; font-size: 17px; font-weight:400;}
.cont-in > ul > li > span { text-transform:lowercase;}


.box1 { border:1px solid grey; margin: 2% 0%;}
.print-btn {padding: 1% 5%;background-color: #ffcc4b;color: black;border-radius: 5px;text-align: center; border:1px solid #000000; font-size:16px;}
.print-btn:hover {padding: 1% 5%;background-color: #6ab04c;color:#ffffff;border-radius: 5px;text-align: center;border:1px solid #ffffff;}
.tablebox2 { margin:2% 0%;}
.bgc3 {background-color: chartreuse;}
.noborder { border:none;}
.search-btn2 {    padding: 1% 5%;background-color:#ffcc4b;color: black;border-radius: 5px;text-align: center; border:1px solid #000000;}
.search-btn:hover2 {    padding: 1% 5%;background-color: #6ab04c;color:#ffffff;border-radius: 5px;text-align: center;border:1px solid #ffffff;}

/******************************** MEDIA QUERIES ************************************************/
@media only screen  and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
.navbar-brand { font-size:16px;}
.logo-x1 > img { width: 40%;}
.logo-x1  { text-align:center;}
.header { text-align:center;}
.logo-x2 > img { width: 25%;}
.logo-x2 {text-align:center;}
.gandhipic { text-align:center;}
.gandhipic > img { width:40%;}
.sub-menu-rnd > li {display: inline-block; padding: 5px 8px; width: 50%; float: left;}
.listcontent-thumb2 {height: 330.5px;}
.header > p { font-size: 18px;}
.header > p > span { font-size: 20px;}
.header > h2 { font-size: 20px;}
.notice-tag-x2 {padding-left: 14%;line-height: 30px;}
.fa.pull-left {margin-right: .3em;padding: 7px 7px;}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2)
{ 
.logo-x1 > img { width: 40%;}
.logo-x1  { text-align:center;}
.header { text-align:center;}
.logo-x2 > img { width: 25%;}
.logo-x2 {text-align:center;}
.gandhipic { text-align:center;}
.gandhipic > img { width:40%;}
.helpline { text-align:center;}
.header > p { font-size: 18px;}
.header > p > span { font-size: 20px;}
.header > h2 { font-size: 20px;}
.notice-tag-x2 {padding-left: 14%;line-height: 30px;}
.notice-x2 > li > p {padding-left: 14%;}


}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px)  and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)
{ 
.logo-x1 > img { width: 40%;}
.logo-x1  { text-align:center;}
.header { text-align:center;}
.logo-x2 > img { width: 25%;}
.logo-x2 {text-align:center;}
.gandhipic { text-align:center;}
.gandhipic > img { width:40%;}

}



/* Portrait and Landscape */
@media only screen  and (min-device-width: 375px)  and (max-device-width: 812px)  and (-webkit-min-device-pixel-ratio: 3)
 { 
.logo-x1 > img { width: 40%;}
.logo-x1  { text-align:center;}
.header { text-align:center;}
.logo-x2 > img { width: 26%;}
.logo-x2 {text-align:center;}
.gandhipic { text-align:center;}
.gandhipic > img { width:40%;}

}

/* Portrait - IPAD */ 
@media only screen  and (min-device-width: 768px)  and (max-device-width: 1024px)  and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) 
{
	.sub-menu-rnd > li {display: inline-block; padding: 5px 8px; width: 33%; float: left;}
	.header > h2 { font-size:22px}
	.header > p > span { font-size:20px;}
}

/* Landscape - IPAD  */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) 
{
	.sub-menu-rnd > li { display: inline-block; padding: 15px 29px; width: 33%; float: left;}
	.logo-x1 > img { width: 100%;}
	.logo-x2 > img { width: 50%; padding-top: 1px;}
	.header > h2 {font-size: 24px;}
	.header > p > span {font-size: 22px;}


}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1200px) and (max-device-width: 1366px) 
 
 {
	.sub-menu-rnd > li {display: inline-block;padding: 0px 17px;}
	.helpline { color: white; font-size: 11px; padding: 7px 0px 0px 12px;text-transform: uppercase;}

}


