/*map widget*/
*{box-sizing: border-box;text-decoration: none;list-style: none;}
html{min-height:575px;height:auto;}
body{background: #fff;font-family: 'Roboto', sans-serif;font-size:14px;color:#565656;min-height:575px;height:auto;}
img{max-width: 100%;}
.container{width: 1180px; margin: 0 auto; }

.header .topHeader{background: #0b612d;float:left;width:calc(100% - 200px);padding-left:30px;}

/*Top Header Left Nav*/
.header .topHeader .leftNav{float: left; }
.header .topHeader .leftNav ul li{ float: left;position: relative;padding:10px 15px;}
.header .topHeader .leftNav ul li a{ float: left; color: #fff; text-decoration: none;font-size: 14px;font-weight:300}
.header .topHeader .leftNav ul li:hover:after{content:" ";background:#fff;position:absolute;height:2px;bottom:2px; width:100%;left:0;}
.header .topHeader .leftNav ul li:active a{font-weight:700;}
.header .topHeader .leftNav ul li.active:after{content:" ";background:#fff;position:absolute;height:2px;bottom:2px; width:100%;left:0;}
.header .topHeader .mainHeading{float: right;color:#fff;padding:10px 15px;}

/*language Selection*/
.header .topHeader .langSelect{float:right;margin-left: 10px;padding:10px 0  10px 10px;background:#fff;}
.header .topHeader .langSelect ul li{ float: left; }
.header .topHeader .langSelect ul li a{float: left; color:#0b612d;padding:0 10px 0 0 ; text-decoration: none;}
.header .topHeader .langSelect ul li a:hover{color:#f7a600;}
.header .topHeader .langSelect ul li.active a{color:#f7a600;}
/*Top header Right Heading */
.header .topHeader .rightCurrentArea{ float: right;}
.header .topHeader .rightCurrentArea span{ float: right; color: #fff; padding: 10px 0;}
/*Main Header*/
.header .mainHeaderLogo{float:left;background: #fff;width:200px;}
.header .mainHeaderLogo .logo{ /*float: left;*/ padding: 10px;}
.header .mainHeader .rightSection{float: right; padding:40px 0; }
.header .mainHeader .rightSection ul li{ float: left; margin-left: 20px; }
.header .mainHeader .rightSection ul li a{ padding-bottom:4px;border-bottom:2px solid transparent;float: left; color: #222; font-weight: bold; text-decoration: none; text-transform: uppercase;}
.header .mainHeader .rightSection ul li:hover a{border-bottom:2px solid #f7a600;}
.headingPart {padding:20px 0; color:#0b612d;font-weight:bold}
.headingPart h2 {font-size: 24px;}

/*Inner Lavel Header*/
.header .mainHeader.headerInner { background: #0b612d;  width: 100%; float: left; box-shadow: none;}
.header .mainHeader.headerInner .logo { padding: 0; }
.header .mainHeader.headerInner .logoBox { height: 95px; background: #fff; width: 180px; padding: 6px 5px; display: inline-block; vertical-align:middle;}
.header .mainHeader.headerInner .logoBox > a { width: 100%; }
.header .mainHeader.headerInner .logo .logoText { color:#fff; font-size: 23px; display: inline-block; vertical-align:middle; margin-left: 15px;}



/*Project Profile Page Css*/
.projectProfileSection { width: 100%; display: inline-block; background: #fff; }
.projectProfileSection .introductionArea h3 { font-size: 25px; margin-top: 40px; margin-bottom: 25px; }
.projectProfileSection .introductionArea .leftArea { width: 60%; float: left;}
.projectProfileSection .introductionArea .rightArea { width: 35%; float: right;}
.projectProfileSection .introductionArea .rightArea img { border:1px solid #ccc; padding:2px;}
.projectProfileSection .introText {color:#959aa5; line-height: 24px; margin-bottom: 20px;}
.projectProfileSection .introductionArea .leftArea .columnGroup{ margin-top: 10px; margin-bottom: 20px; width: 100%;float: left;}
.projectProfileSection .introductionArea .leftArea .column { width: 33%; float: left; }
.projectProfileSection .introductionArea .leftArea .column li { color:#3f9860; margin:5px 0px; padding:5px 0px;}
.projectProfileSection .introductionArea .leftArea .column label {color:#000; font-weight: 500; margin-right: 10px;}
.projectProfileSection .introductionArea .leftArea .column.blockArea { width: 100%; }

.projectProfileSection .midRowBox { width: 100%; display: inline-block; margin-bottom: 40px; margin-top: 10px;}
.projectProfileSection .midRowBox .columnBox { width: 100%; float: left; font-size: 18px; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.projectProfileSection .midRowBox .columnBox label { font-weight: bold; }

.projectProfileSection .mapTableBox { width: 100%; float: left; margin-bottom: 50px;}
.projectProfileSection .mapTableBox .mapBox { width: 40%; float: left; border:1px solid #ddd; }
.projectProfileSection .mapTableBox .mapBox .DFA-map { min-height: 275px; }
.projectProfileSection .mapTableBox .tableBox { width: 58%; float: right; }
.projectProfileSection .mapTableBox .tableBox table { border-collapse: collapse; width: 100%; border:1px solid #ddd; font-size: 15px;}
.projectProfileSection .mapTableBox .tableBox td, th { border: 1px solid #fff; text-align: left; padding:20px 10px;}
.projectProfileSection .mapTableBox .tableBox th { background: #0b612d; color:#fff;}
.projectProfileSection .mapTableBox .tableBox th:nth-child(2){ width:30%; }
.projectProfileSection .mapTableBox .tableBox td{background: #f0f2f1;}

.projectProfileSection .chartArea { width: 100%; float: left; margin-bottom: 40px;}
.projectProfileSection .chartArea .chartLeft{ width: 49%; float: left; border:1px solid #ddd; padding:5px;}
.projectProfileSection .chartArea .chartLeft .chartHeader{font-size: 18px; padding: 10px; padding-bottom: 20px;}
.projectProfileSection .chartArea .chartLeft .highcharts-container {width: 100% !important;}

.projectProfileSection .chartArea .chartRight{width: 49%; float: right; border:1px solid #ddd; padding:5px;}
.projectProfileSection .chartArea .chartRight .chartHeader{font-size: 18px; padding: 10px; padding-bottom: 20px;}
.projectProfileSection .chartArea .chartRight .highcharts-container {width: 100% !important;}

/*Project Profile Page Css Ends*/

.DFA-igad{position: relative;display: inline-block;width: 100%;}
.DFA-igad .DFA-filter .filterHeading{background: #f79e0f;color:#fff;padding:10px;display:block;}
.DFA-igad .DFA-filter .filterHeading .reset{color: #fff ;font-size: 10px; right:30px; position: absolute; padding-top: 2px;}
.DFA-igad .dataChartsSec .dataChartsHeading{padding:10px;display: block; color:#000;margin-bottom: 15px}

.DFA-igad .DFA-filter .filterHeading h4,
.DFA-igad .dataChartsSec .dataChartsHeading h4{float: left;}
.DFA-igad .DFA-filter .filterHeading .filterAgg{margin-top:30px;display: flex;border-top: 1px solid rgba(0,0,0,0.05);border-bottom: 1px solid rgba(0,0,0,0.05);padding:10px;text-align: center;}
.DFA-igad .DFA-filter .filterHeading .filterAgg div{flex:1;color:#565656;}
.DFA-igad .DFA-filter .filterHeading .filterAgg div p{font-size: 12px; font-weight: 300;line-height: 20px;}
.DFA-igad .DFA-filter .filterHeading .filterAgg div span{font-size:16px;font-weight: 500}
.DFA-igad .DFA-filter .filterHeading img,
.DFA-igad .dataChartsSec .dataChartsHeading .closeDc{height:12px;float: right;}
.DFA-igad .dataChartsSec .dataChartsHeading .closeDc i{color:#666; float: right; font-size:14px;}
.DFA-igad .DFA-filter.DFA-uninfo-filter .choices__inner{min-height:10px;max-height:35px;padding:0px;border-radius: 1px; white-space: nowrap;}
.DFA-igad .DFA-filter.DFA-uninfo-filter .choices__inner.paddingBottom:hover{overflow-x: auto; padding-bottom: 40px;}
.DFA-igad .DFA-filter.DFA-uninfo-filter .choices__inner .choices__input{padding:0px;}
.DFA-igad .DFA-filter.DFA-uninfo-filter .choices__inner .choices__list{overflow-y:hidden;}
.DFA-igad .DFA-filter.DFA-uninfo-filter .choices__inner .choices__list .choices__item span{padding:0;width:40px;overflow: hidden; display:inline-block;text-overflow: ellipsis;margin-right: 0;white-space: nowrap;} 
.DFA-igad .DFA-filter.DFA-uninfo-filter .choices__inner .choices__list .choices__item button{padding-bottom:0px;font-size:16px;} 
.choices__list--multiple .choices__item{background:#479365 !important;border:1px solid #479365 !important;border-radius: 1px !important;margin: 1px 2px !important;padding:2px 5px !important;}  
.is-disabled .choices__list--multiple .choices__item{background:#aaaaaa !important;border:1px solid #919191 !important;}
.choices__list--dropdown .choices__item{font-size: 10px !important;font-weight:300;}
.choices__list--dropdown { max-height: 350px !important}

.DFA-igad .closeBtn{background: #d2d2d2;box-shadow: rgb(204, 204, 204) 2px 2px 5px;position: absolute;top:10px;margin-top: 0px; left:0;margin-left:50px;width:140px;transition:all 0.5s ease-in-out;padding:15px;z-index:99999; font-size: 13px; text-decoration: none}
.DFA-igad .dataChartBar{background: #d2d2d2;box-shadow: rgb(204, 204, 204) 2px 2px 5px;position: absolute;top:10px;margin-top: 0px; margin-left:20px;right:20px;width:140px;transition:all 0.5s ease-in-out;padding:15px;z-index:999999; font-size: 13px; text-decoration: none}
.DFA-igad .closeBtn.inActive{ left:0;}
.DFA-igad .closeBtn h4,
.DFA-igad .dataChartBar h4{font-size: 14px;float: left;color:#565656;}
.DFA-igad .closeBtn img,
.DFA-igad .dataChartBar img{float: right; height:14px;}
/* .DFA-filter > .resetBar{display: none;} */

.DFA-igad .DFA-map{min-height: 400px}

.DFA-igad .dataChartsSec {position: absolute; top: 0; right:0; width:0; height:calc(100% - 80px); z-index: 99999999; background: #f1f1f1; transition: all 0.5s ease-in-out; overflow-y: auto;}
.DFA-igad .dataChartsSec.hideDc{right:0; width: 385px;}
.DFA-igad .dataChartsSec .vizChartPanel {text-align: center;}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox{display: inline-block;width:360px;margin:0;} 
.DFA-igad .dataChartsSec .vizChartPanel .vizBox .highcharts-container{ width: 350px !important;margin:0;} 
.DFA-igad .dataChartsSec .vizChartPanel .vizBox.vizBg1{background: #e49b7e}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox.vizBg2{background: #0bafa5}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox.vizBg3{background: #229dd8}
/* .DFA-igad .dataChartsSec .vizChartPanel .vizBox.vizBg4{background: #f0f0f0} */
.DFA-igad .dataChartsSec .vizChartPanel .vizBox.vizBg4{background: #9cb326}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox .heading {margin:10px;text-align: left;}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox .heading p{float: left; color: #fff}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox .heading .logos{float:right}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox .heading .logos a{padding-left:10px;color:#565656;}

.DFA-igad .dataChartsSec .vizChartPanel .vizBox .legends{float: right; text-align:right; position: relative; width:25%; padding:10px 10px 0 0;}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox .legends li {margin-bottom:30px; padding-top: 10px;}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox .legends li p{width:40%; float:left; text-align:left;}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox .legends li p.value{font-size:12px;color:#fff;float:right; width:100%; text-align:right;}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox .legends li span{font-size: 9px; float:right; width: 100%; padding-top:5px; color:#545454;}

.DFA-igad .dataChartsSec .vizChartPanel .vizBox .chartArea{width:75%;float: left;}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox .highcharts-background {display: none;}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox .highcharts-background defs rect{background: #ececec !important}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox .highcharts-series-group{width:50%;height:150px;}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox .highcharts-title{font-size: 14px !important; text-align: left !important}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox .highcharts-plot-background{margin-left:20px }

/* .DFA-igad .dataChartsSec .vizChartPanel .vizBox .highcharts-legend{display: none}
.DFA-igad .dataChartsSec .vizChartPanel .vizBox .highcharts-axis-labels{display: none} */


.DFA-igad .DFA-filter.DFA-uninfo-filter{ position: absolute; top: 0; left: 0%; width: 250px; /*min-height:350px; */z-index: 999999; background: #3d3d3d; display: inline-block; transition: all 0.5s ease-in-out; overflow-y: auto; }
.DFA-igad .DFA-filter.DFA-uninfo-filter.hide{left: -250px}
.DFA-igad .DFA-filter.DFA-uninfo-filter > .filterGroup{padding: 10px; border-right:none;border-left:none; display:inline-block; width: 100%;border-bottom:1px solid rgba(255,255,255,0.2);}
.DFA-igad .DFA-filter.DFA-uninfo-filter > .filterGroup:last-child{border-bottom: none;}
.DFA-igad .DFA-filter.DFA-uninfo-filter > .filterGroup > .filterGroupHalf{float: left;width:50%}
.DFA-igad .DFA-filter.DFA-uninfo-filter > .filterGroup > div{width: 100%; float: left; margin-bottom: 5px;}
.DFA-igad .DFA-filter.DFA-uninfo-filter > .filterGroup > div > label{width: auto; float:left; margin-right:0; margin-bottom:5px; font-size:12px;font-weight: 300;color:#fff;}

.DFA-igad .DFA-filter.DFA-uninfo-filter > .filterGroup > div > select{ width:100%; float:left; border:1px solid #ccc; padding:6px 8px;}

.uninfo-agg > div{background:#4c91cd; color:#fff; margin-left:3px;}
.resetBar {position: absolute !important; float: right;top:0;}
  


.DFA-listing h1{font-size: 24px;color:#0b612d;line-height:24px;margin-bottom: 20px}
.DFA-listing span{display: none;}

/*scroll up arrow*/
.cd-top {padding:10px;display:block; position: fixed; bottom: 10px; z-index:999999999; right:0px;}
.cd-top a{display:block;  margin-top:5px; color:#fff;font-size:18px;text-align: left;border-radius: 50%;background:#f7a600;opacity:0.3;-webkit-transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top a:hover{opacity:1;}
.cd-top a img{padding:12px;}
.cd-top .activeScroll a{opacity:1;}

/*layer icon on map*/
.layerPart{float: left; position: absolute; z-index: 9999; right: 10px; bottom: 10px; }
.layerPart a{width: 30px; float: left; height: 30px; background: #0b612d; border-radius: 50%; color: #fff; text-align:center; line-height:35px; }
.layerPart a img{width:12px; display: inline-block;}
.pill{position: absolute; max-width: 0;height:29px; visibility:hidden; float: left; background: #f7a600;  border-radius:20px; width:auto; border:1px solid #ce8a00; transition: all 0.3s ease-in-out; overflow:hidden; padding-right:18px;}
.pill.open{visibility:visible; max-width: 1500px;}
.pill button{padding: 7px 15px; cursor: pointer; color: #fff; float: left; background: none; border:none; border-right:1px solid #f1ce87; text-align: left;}
.pill button:last-child{border:none;}


.header .bottomHeader{background: #fff; float: left;width:calc(100% - 200px);}
::i-block-chrome, .header .topHeader,
::i-block-chrome, .header .bottomHeader { width:85%}
.header .bottomHeader .bottomNav ul.bNavUl {float: left; position: relative;width:23%;}
.header .bottomHeader .bottomNav ul.bNavUl > li{ float: left;  }
.header .bottomHeader .bottomNav ul.bNavUl > li:last-child a{ border-right:1px solid #ebebeb;}
.header .bottomHeader .bottomNav ul.bNavUl > li > a{ position:relative;float: left; color: #333; padding: 32px 8px;font-size:12px;border-left:1px solid #ebebeb;}
.header .bottomHeader .bottomNav ul.bNavUl > li a span{left:0px; bottom:10px;position: absolute;font-size: 10px;margin: 7px 0px;color: #0b602d; width: 100%; text-align:center; }
.header .bottomHeader .bottomNav ul.bNavUl > li >span{ text-align: center; font-size: 9px; font-weight: 700; color: #0b602d; width: 100%; margin:2px 0;clear: both; float: left;letter-spacing: 1px;}
.header .bottomHeader .bottomNav ul.bNavUl > li:hover > a{background: #f7a600; color: #fff;}
.header .bottomHeader .bottomNav ul.bNavUl > li > ul{ display: none; position: absolute; top: 100%; z-index: 999999999; background: #0b602d;    border-bottom: 4px solid #f79e10;} 
.header .bottomHeader .bottomNav ul.bNavUl > li.districts > ul{ width: 350%; height: 500%; left: 0;}
.header .bottomHeader .bottomNav ul.bNavUl > li.fundSource > ul{ width: 400%; height: 500%; left: 0;}
.header .bottomHeader .bottomNav ul.bNavUl > li.piCls > ul{ width: 200%; left: 0;}
.header .bottomHeader .bottomNav ul.bNavUl > li:hover > ul{display: block; box-shadow: 2px 2px 2px #ccc;max-height:550px; overflow: auto;}
.header .bottomHeader .bottomNav ul.bNavUl > li > ul > li{ border:none; width: 50%; font-size: 14px; float: left; color: #333;/*border-bottom:1px solid #ccc;*/ }
.header .bottomHeader .bottomNav ul.bNavUl > li.districts > ul > li{ width: 20%; font-size: 12px; }
.header .bottomHeader .bottomNav ul.bNavUl > li.fundSource > ul > li{ width: 20%; font-size: 12px; }
.header .bottomHeader .bottomNav ul.bNavUl > li.piCls > ul > li{ width: 100%; font-size: 12px; }
.header .bottomHeader .bottomNav ul.bNavUl > li > ul > li > a{width: 100%; padding:10px; float: left; color: #fff; line-height:18px; font-weight: 300; }
.header .bottomHeader .bottomNav ul.bNavUl > li > ul > li:hover > a{color: #fff;background:#f7a600}
.header .bottomHeader .bottomNav ul.bNavUl li a.active{background: #f79e10;color: #fff;}

.header .bottomHeader .DFA-agg {float:right; z-index:99;background:#fff; border-left: none;width: 77%;border: none;}
.header .bottomHeader .DFA-agg > .aggr{padding:17px 5px;}
.header .bottomHeader .DFA-agg > .aggr i{float: left;}
.header .bottomHeader .DFA-agg > .aggr div{padding-left:10px;margin-left:35px;}
.header .bottomHeader .DFA-agg > .aggr i img{background:#f79e0f;border-radius:50%;padding: 5px}
.header .bottomHeader .DFA-agg > .aggr label{font-size:12px;font-weight: 300;line-height: 20px;}
.header .bottomHeader .DFA-agg > .aggr span{font-size: 14px;font-weight: 700;line-height: 20px}
.header .bottomHeader .DFA-agg > .aggr .iconBg { width: 35px; height: 35px; line-height: 35px; text-align: center; background: #f74f1f; border-radius: 50%; }
.header .bottomHeader .DFA-agg > .aggr i.iconBg{ color:#fff; font-size: 20px;}

/*.header .bottomHeader .DFA-agg > .aggr:hover span{color:#fff;}*/
.header .bottomHeader .DFA-agg > .aggr:last-child{border:none;}

.cusTooltip{display: block;position: relative;}
.cusTooltip .leaflet-popup-content{width:400px !important;}
.cusTooltip .leaflet-popup-content .headingPopup{position: relative;}
.cusTooltip .leaflet-popup-content .toolTipTitle{background: #303030 !important;font-weight:300 !important;font-size:12px !important;padding:15px 10px 10px;text-align:left;}
.cusTooltip .leaflet-popup-content .areaAndLink {display: block;background: #303030 ;width: 100%;padding:10px 10px 20px;}
.cusTooltip .leaflet-popup-content .areaAndLink .toolTipSubTitle{color:#a2a2a2;font-weight:300;text-align: left;float: left;width:40%;padding-top:6px;}
.cusTooltip .leaflet-popup-content .areaAndLink .DFA-tooltipContRedirectURL{display: inline-block;width: 50%;}
.cusTooltip .leaflet-popup-content .areaAndLink .popupMapPin{color:#f2eb5a;font-size: 30px;float: left;margin-right:10px;}
.cusTooltip .leaflet-popup-tip {     border-top-color: #fff; }
.cusTooltip .leaflet-popup-content .attributes{margin: 5px;border-bottom: 1px solid #ccc}
.cusTooltip .DFA-tooltipCont{width: 50% !important;}
.cusTooltip .leaflet-popup-content .headingPopup .popupCross{cursor:pointer; position:absolute;background: #f00;border-radius: 50%;color:#fff;right:-10px;top:-10px;display: inline-block;line-height:22px;text-align:center;height:24px;width: 24px;font-size: 18px;}
.leaflet-container .DFA-tooltipContRedirectURL a{background: #5cb85c; border:1px solid #4cae4c;padding: 8px 12px;color:#fff;border-radius: 5px;}
.leaflet-container .DFA-tooltipContRedirectURL a:hover{color:#fff;}
.cusTooltip.hidePopup{display: none;}

/*project list*/
.DFA-listing{padding:0 20px;border: none}
.DFA-listing h1{text-align: center;margin-top:20px;position: relative;display:inline-block;color:#565656;font-size:24px;font-weight: 800}
/*.DFA-listing h1:after{content:"";background:#0b612d;height:2px;width:55%;position: absolute;bottom:0;left: 0}*/
.DFA-listing .sortable{border:1px solid #dedede}
.DFA-listing .sortable .asc h3, .DFA-listing .sortable .desc h3, .DFA-listing .sortable .head h3{padding:0;font-size:13px;font-weight:400;padding: 5px 20px;line-height: 16px; background-position: right 7px top 10px; }
.DFA-listing .sortable thead{border:1px solid #737373;}
.DFA-listing .sortable th{padding: 0;margin:0;background:#3a3a3a;}
.DFA-listing .sortable td{border-right:1px solid #dedede;border-bottom:1px solid #dedede;}
.DFA-listing .sortable td a{color:#565656 !important;}
.DFA-listing .sortable td a:hover{text-decoration: underline;}
.DFA-listing .sorter_perpage select{ outline: none;border: none;background: #3a3a3a;border-radius:2px !important;height: 30px;color:#fff;opacity: 0.5}
.DFA-listing .sorter_navigation img{background: #3a3a3a;padding:8px;border-radius: 2px !important;opacity: 0.5;margin-right: 5px}
.DFA-listing .sorter_navigation img:hover{opacity:1;}
.DFA-listing .sorter_text{font-weight: 300;font-size: 12px}
.DFA-listing .sortable .desc, .sortable .asc{background: #313131}
.sortable th{border: 1px solid #8c8c8c;}
.sortable .evenrow td{background: #f3f3f3!important; color: #555;}
.sortable .evenrow td, .sortable .oddrow td{padding:8px 10px; color: #555; line-height: 18px;}
.sortable .oddrow td{background: #fff!important; color: #555;}
/*Loader related CSS*/
.loader {
    border: 16px solid rgba(245, 164, 50, 0.7);
    border-radius: 50%;
    border-top: 16px solid #0F5004;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    left: 46%;
    top: 50%;
    z-index: 9999999999;
}
body { height: 100%; }
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}        
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.overlay{position: fixed; top:0;bottom: 0;right:0;left: 0;width:100%;height:100%; background: rgba(0,0,0,0.5); display: none; z-index: 9999999998}
.overlay.show{display: block;}

.overlayPopup{display:none; position: fixed; top:0;bottom: 0;right:0;left: 0;width:100%;height:100%; background: rgba(0,0,0,0.5); display: none; z-index: 999999998}
.overlayPopup.show{display: block;}

.chartPopup{display: none; height:550px;width:800px;background: #fff;position: absolute;left:42%;margin-left: -300px; top:30px; padding:20px;border:1px solid #ccc; z-index: 999999999;}
.chartPopup.chartShow{display: block}
.chartPopup p{font-size: 18px;display: inline-block;}
.chartPopup .logos{float: right;}
.chartPopup .logos a{margin-left:10px;color:#565656;font-size: 16px}
.chartPopup .chartHeading{padding-bottom: 20px}

/*footer css*/
footer { width: 100%; float: left; background: #fff; }
footer h3 { font-size: 25px; margin-top: 10px; margin-bottom: 20px; }
footer a {color:#959aa5;}
footer p {color:#959aa5; margin-bottom: 10px;}
footer .cotactInfo { width: 100%; float: left; margin-bottom: 50px;}
footer .cotactInfo ul { margin-top: 10px; margin-bottom: 25px; }
footer .cotactInfo ul li { color:#959aa5; margin-right: 20px; float: left;}
footer .cotactInfo ul li .iconBox { margin-right: 5px; float: left;}
footer .cotactInfo ul li .contactText { float: right; font-size: 17px;}
footer .cotactInfo ul li .iconBox i { color:#f79e0f; font-size: 18px;}


/* map reset button */
.resetZoom { background-color: #fff; border: 1px solid #999; border-color: rgba(0,0,0,.4); border-radius: 3px; box-shadow: none; width: 28px; height: 28px; text-align: center; padding-top: 5px; font-size: 14px; cursor: pointer !important; }
.map-legends {margin-bottom: 13px !important;}

/*project detail page*/
.detailsHeader{background: #0b612d;}
.detailsHeader .pageHeading{color:#fff;font-size: 26px; padding:42px 20px;display: inline-block;font-weight: 300;}

/*discription*/
.projectContent{text-align: left;margin:40px 0;}
.projectContent h1{font-size:24px; font-weight:300;}
.projectContent .projectDiscription {margin:20px 0;}
.projectContent .projectDiscription .discription{width:60%;display: inline-block;}
.projectContent .projectDiscription img{width: 38%;float: right;}
.projectContent .projectDiscription .discription p{font-size: 14px;color:#9c9998;line-height: 20px}
.projectContent .projectDiscription .discription ul{width: 100%}
.projectContent .projectDiscription .discription ul > li{display:inline-block}

.footer{border-top:1px solid #bfbfbf;margin-top: 30px}
.footer a{float:left;}
.footer img{height:70px;margin:15px 30px;}
.imggiz{height: 46px ! important;margin-top: 25px !important;}


@media screen and (max-width:1220px) {
    .header .bottomHeader .DFA-agg > .aggr{padding:20px 0px;}
	.header .bottomHeader .DFA-agg > .aggr div{padding-left:10px;margin-left:25px;}
    .header .bottomHeader .DFA-agg > .aggr i img{background:#f79e0f;border-radius:50%;padding: 4px}
    .header .bottomHeader .DFA-agg > .aggr label{font-size:12px;font-weight: 300;line-height: 15px;}
    .header .bottomHeader .DFA-agg > .aggr span{font-size: 14px;font-weight: 700;line-height: 20px}
    .header .bottomHeader .DFA-agg > .aggr .iconBg { width: 25px; height: 25px; line-height: 25px; text-align: center; background: #f79e0f; border-radius: 50%; }
    .header .bottomHeader .DFA-agg > .aggr i.iconBg{ color:#fff; font-size: 12px;}

    .header .bottomHeader .bottomNav ul.bNavUl > li > ul > li{ border:none; width: 50%; font-size: 12px; float: left; color: #333;border-bottom:1px solid #ccc; }
    .header .bottomHeader .bottomNav ul.bNavUl > li > a{ float: left; color: #333; padding: 34px 5px;font-size:10px;}
}
@media screen and (max-width:1150px){
    .header .bottomHeader .DFA-agg > .aggr label{font-size:10px;font-weight: 300;line-height: 15px;}
    .header .bottomHeader .DFA-agg > .aggr span{font-size: 10px;font-weight: 700;line-height: 15px}
}