﻿@charset "utf-8";
/*====================================================================== 
Site Name: National Rural Infrastructure Development Agency
Theme URI: 
Description: this site is developed by STTL
Version: 1.0
Author: Web Team
------------------------------------------------------------------------
Base Color: #fff (White)
Site Color: #062a4a (Dark Blue)
Header Color: #062a4a (Dark Blue)
Text Color: #393939 (Dark Grey)
Title Color: #393939 (Dark Grey), #e65a15 (Orange)
Footer Color: #393939 (Dark Grey)
------------------------------------------------------------------------
Layout Width: 100%
Container Width: 1170px
Responsive Layout: Yes
=======================================================================*/

/********* Reset CSS *********/

/**, *:before, *:after {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline; font-family: 'Open Sans', sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block }audio, canvas, video { display:inline-block }audio:not([controls]) {display:none;height:0}html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust:  100%;}a {text-decoration:none;color:#333333;}a:focus {outline:thin dotted}a:hover,a:active {outline: 0;}a:hover {text-decoration:underline;color:#393939;}h1,h2,h3,h4,h5,h6 {font-weight:normal;}b,strong,dt,th {font-weight: bold;}em, i { font-style:italic;}p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin:0; padding:0;}img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: baseline; max-width:100%; height:auto;}figure {margin:0;}legend {white-space:normal;}q { quotes:"\201C" "\201D" "\2018" "\2019" }small { font-size:80% }sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }sup { top:-0.5em }sub { bottom:-0.25em }table{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;}table table { margin:0}th,td {border:none; padding:8px 10px}caption,th,td {font-weight: normal;}html{scroll-behavior:smooth;}*/

/********* Form fields *********/
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
.cnt223 a{
text-decoration: none;
}
.popup{
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 11111;
} 
.cnt223 {
    min-width: 500px;
    width: 500px;
    min-height: 200px;
    margin: 30px auto;
    background: #f3f3f3;
    position: relative;
    z-index: 103;
    padding: 15px 35px;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
}
.cnt223 img {
    width: 100%;
    margin: 0 auto;
    display: block;
}
a.close {
    position: absolute;
    top: -19px;
    right: -15px;
    background: #feba03;
    padding: 10px;
    border-radius: 110px;
    width: 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
}  
 .cnt223 p{
clear: both;
    color: #555555;
    /* text-align: justify; */
    font-size: 20px;
    font-family: sans-serif;
}
.cnt223 p a{
color: #d91900;
font-weight: bold;
}
.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}
button,input,select,textarea {margin: 0;vertical-align: baseline; background-color:transparent; border:none;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;}
/*input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="password"],input[type="search"], select, textarea{border:1px solid #e5e5e5;width:100px;height:44px; padding:0;font-size:100%;line-height:normal; font-size:1.00em; background:#fff;}*/
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;margin:0 5px 0 0;}
input[type="checkbox"]{-webkit-appearance: checkbox;}
input[type="radio"] {-webkit-appearance:radio}
input[type="submit"], input[type="button"],input[type="reset"],button,.button{line-height:20px;padding:11px 30px;display:inline-block; text-decoration:none; border:0 none; margin:0; outline:0 none;}
textarea {overflow:auto;vertical-align: top; resize:vertical;height:100px; max-width:100%; min-width:100%; max-height:500px; min-height:90px;}
fieldset {border:0 none;margin:0;padding:0}
label {display:inline-block; padding-bottom:5px; font-weight:normal; font-size: 1em; color: #666;}

/********* Clear floats *********/

.cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before {content:" ";display:table}
.cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after{clear:both}

/********* Common Classes *********/

/********** Responsive Tab **********/

/*==========================================================================================================================*/
/*================================================ Main CSS Theme Start ====================================================*/
/*==========================================================================================================================*/

/********** Layout **********/


/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */


/*********************Counter Bar **********************/
.counterBarWrap{padding:12px; background:#f1f1f1;}
.counterBarWrap ul {list-style: none;  margin: 0; padding: 0;}
.counterBarWrap ul li {width: 13.5%; margin-right: 0.8%; padding: 15px; float: left; min-height: 160px; transition: all 0.3s ease-out; border-radius: 10px;}
.counterBarWrap ul li:last-child{ margin-right:0;} 
.counterBarWrap ul li:last-child span.statusContent{font-size:16px;}
.counterBarWrap ul li img{height:auto; width:100%; padding-top:15px;}
.counterBarWrap ul li:first-child{ width:13.5%; padding:0 !important; /*margin-top:-25px;*/ border:4px solid #feba03; overflow:hidden; background:#fff;}
.counterBarWrap span.statusFigure{font-size:33px; font-weight:bold; color:#fff; padding-bottom:0; display:block; font-family: 'Noto Serif'; font-weight:bold; margin-bottom:6px;}
.counterBarWrap span.statusContent {font-size:17px; font-weight: normal; color: #fff; line-height: 1.2;}
.counterBarWrap .fitstStatusBg {background: #414929 url(../images/pmgsy-status-bg-1.png) no-repeat right bottom 0px;}
.counterBarWrap .secondStatusBg {background: #3f3a66 url(../images/pmgsy-status-bg-2.png) no-repeat right bottom 0px;}
.counterBarWrap .thirdStatusBg {background: #722a36 url(../images/pmgsy-status-bg-3.png) no-repeat right bottom 0px;}
.counterBarWrap .forthStatusBg {background: #9e6214 url(../images/pmgsy-status-bg-5.png) no-repeat right bottom 0px;}
.counterBarWrap .fifthStatusBg {background: #00694e url(../images/pmgsy-status-bg-4.png) no-repeat right bottom 0px;}
.counterBarWrap .sixthStatusBg {background: #31556a url(../images/pmgsy-status-bg-6.png) no-repeat right bottom 0px;}
.counterBarWrap .seventhStatusBg{background:#a25bba url(../images/pmgsy-status-bg-7.png) no-repeat right bottom 3px;}
.counterBarWrap ul li:hover {background-position: 100% 80%;}

/**************************Read More Button****************************/

/*Black Theme*/
.wob .counterBarWrap span.statusFigure{font-size:30px; font-weight:bold; color:#ff0; padding-bottom:10px; display:block;}
.wob .counterBarWrap span.statusContent{font-size:16px; font-weight:normal; color:#80ff00;}
.wob .counterBarWrap .fitstStatusBg{background:#777 url(../images/pmgsy-status-bg-1.png) no-repeat right bottom 0px;}
.wob .counterBarWrap .secondStatusBg{background:#555 url(../images/pmgsy-status-bg-2.png) no-repeat right bottom 0px;}
.wob .counterBarWrap .thirdStatusBg{background:#333 url(../images/pmgsy-status-bg-3.png) no-repeat right bottom 0px;}
.wob .counterBarWrap .forthStatusBg{background:#111 url(../images/pmgsy-status-bg-5.png) no-repeat right bottom 0px;}
.wob .counterBarWrap .fifthStatusBg{background:#777 url(../images/pmgsy-status-bg-4.png) no-repeat right bottom 0px;}
.wob .counterBarWrap .sixthStatusBg{background:#555 url(../images/pmgsy-status-bg-6.png) no-repeat right bottom 0px;}
.wob .counterBarWrap .seventhStatusBg{background:#333 url(../images/pmgsy-status-bg-7.png) no-repeat right bottom 3px;}


.sixIconBlock {padding:0px;}
.sixIconBlock ul {list-style: none;	margin: 0;	padding: 0;}
.sixIconBlock ul li {float: left;	width: 33.333%;}
.sixIconBlock ul li a {color: #feba03;	font-size: 1.188em;	padding: 105px 15px 20px;	text-align:center;	display:block;	position:relative;	text-decoration:none;}

.aboutIconOne a {background: url(../images/about-icon-1.png) no-repeat center 0;}
.aboutIconTwo a {background: url(../images/about-icon-2.png) no-repeat center 0;}
.aboutIconThree a {background: url(../images/about-icon-3.png) no-repeat center 0;}
.aboutIconFour a {background: url(../images/about-icon-4.png) no-repeat center 0;}
.aboutIconFive a {background: url(../images/about-icon-5.png) no-repeat center 0;}
.aboutIconSix a {background: url(../images/about-icon-6.png) no-repeat center 0;}
.sixIconBlock ul li a:hover:before, .sixIconBlock ul li a:hover:after {	opacity: 1;	-webkit-transform: scale(1);	transform: scale(1);}
.sixIconBlock ul li a:after {	border-right: 2px solid #feba03; border-left: 2px solid #feba03;	-webkit-transform: scale(0, .65);	transform: scale(0, .65);}
.sixIconBlock ul li a:before {	border-top: 2px solid #feba03;	border-bottom: 2px solid #feba03;	-webkit-transform: scale(.65, 0);	transform: scale(.65, 0);}
.sixIconBlock ul li a:before, .sixIconBlock ul li a:after {	position: absolute;	top: 0;	right: 0;	bottom: 0;	left: 0;	content: '';	opacity: 0;	-webkit-transition: opacity 0.50s, -webkit-transform 0.50s;	transition: opacity 0.50s, transform 0.50s;}