@charset "utf-8";
/* CSS Document */

.clearfix{
     clear: both;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #323232;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, p, span{
     margin: 0;
     padding: 0;
}


ul{
     padding: 0;
     margin: 0;
}
Ul li{
     list-style: none;

}
ol, ul {
     list-style: none;
     padding: 0;
}
p, a{
     font-weight: 600;
}

/*top Header*/
.top-header {
     background: #e0d5b6;
     float: left;
     width: 100%;
}
.left-menu {
     width: 30%;
     float: left;
     margin-left: 30px;
}
.left-menu select {
     background: none;
     border: none;
     float: left;
     margin: 10px;
     outline: none;
     font-size: 18px;
}
.right-menu {
     float: right;
     width: 650px;
}
.signin {
     float: right;
     color: #000;
     width: 200px;
     position: relative;
     z-index: 99;
}
.signin a.login:hover {
     background: #d79f60;
}
.signin a.login {
     background: #dc9442;
}

.signin a {
     float: left;
     color: #fff;
     background: #000;
     width: 50%;
     text-align: center;
     padding: 8px 0;
     font-size: 18PX;
     TEXT-TRANSFORM: uppercase;
     text-decoration: none;
}
.signin a.signout{
     width: 100%;
}
select option {
     font-size: 14px;
     line-height: 24px;
     background: #e0d5b6;
     outline: none;
     font-family: 'Poppins', sans-serif;
     border: none;
 }


/*Top Header End*/

ul.menu.rapid-plan {
     width: 1115px;
 }
 .content Ul.menu.fsmpro-ass {
     float: none;
     width: 1399px;
 }

 .dash-option #primary_nav_wrap ul ul ul {
     top: 0;
     left: -198px;
     z-index: -1;
 }

/*Main Header*/
.signin a:hover {
     background: #323232;
}
.main-menu.scrolled {
     position: fixed;
     background: #fff;
     z-index: 99999;
     box-shadow: 0px 0px 26px #ccc;
     padding: 0;
 }
 .main-menu.scrolled #primary_nav_wrap ul li {
     padding: 10px 0 16px 0;
 }
 .main-menu.scrolled #primary_nav_wrap ul li ul li{
      padding: 0;
 }

.main-menu.scrolled .logo-setion {
     width: 110px;
     float: left;
     margin-top: 15px;
 }
.main-menu {
     width: 100%;
     float: left;
     padding: 20px 0 0;
     border-bottom: 1px solid #f4f1e8;
     background: #fff;
}
.logo-setion {
     width: 160px;
     float: left;
}
.logo-setion img{
     width: 100%;
     float: left;
}
.width-fix{
     width: 94%;
     margin: 0 auto;
}
.menu-section {
     float: right;
     /*width: 712px;*/
}
#primary_nav_wrap
{
     margin-top:8px
}

#primary_nav_wrap ul
{
     list-style:none;
     position:relative;
     float:left;
     margin:0;
     padding:0
}

#primary_nav_wrap ul a {
     display: block;
     color: #333;
     text-decoration: none;
     font-weight: 600;
     font-size: 18px;
     line-height: 32px;
     padding: 0 25px;
}

#primary_nav_wrap ul li
{
     position:relative;
     float:left;
     margin:0;
     padding:0 0 25px 0;
     border-bottom: 5px solid rgba(255, 255, 255, 0);
}
#primary_nav_wrap ul li.active {
     background: #ffffff00;
     color: #fff;
     border-bottom: 5px solid #d79f60;
}
#primary_nav_wrap ul li.active a{
     color: #333;
}
#primary_nav_wrap ul li.current-menu-item
{
     background:#d79f60;
}

#primary_nav_wrap ul li:hover {
     background: #ffffff00;
     border-bottom: 5px solid #d79f60;
}
#primary_nav_wrap ul li a
{
     color: #333;
}
#primary_nav_wrap ul li ul li a
{
     color: #333;
}
#primary_nav_wrap ul li ul li a
{
     color: #333;
}
#primary_nav_wrap ul ul
{
     display:none;
     position:absolute;
     top:62px;
     left:0;
     padding:0;
     z-index: 1;
}

#primary_nav_wrap ul ul li
{
     float:none;
     width:200px
}

#primary_nav_wrap ul ul a
{
     line-height:120%;
     padding:10px 15px
}

#primary_nav_wrap ul ul ul {
     top: 0;
     left: 200px;
 }



#primary_nav_wrap ul li:hover > ul
{
     display:block
}
#primary_nav_wrap ul.submenu {
     position: absolute;
     left: 200px;
     width: 100%;
     background: #d79f60;
 }
#primary_nav_wrap ul.submenu li {
     width: 100%;
 }
 #primary_nav_wrap ul.submenu li a{

 }

#primary_nav_wrap ul li ul li   a {
     font-size: 14px;
}
#primary_nav_wrap ul li ul li {
     background: #e0d5b6;
     border-bottom: none;
     padding: 0;
     margin: 0 !important;
     box-shadow: 0px 0px 4px #ccc;
     float: left;
 }
#primary_nav_wrap ul li ul li:hover {
     background: #d79f60;
     color: #fff;
     border-bottom: 0px solid #d79f60;
}
#primary_nav_wrap ul li ul li.active {
     background: #ffffff00;
     color: #fff;
     border-bottom: 0px solid #d79f60;
}
#nav-icon1{
     display: none;
}

#nav-icon1 {
     width: 45px;
     height: auto;
     position: relative;
     margin: 0;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer;
     float: right;
}

#nav-icon1 span{
     display: block;
     position: absolute;
     height: 5px;
     width: 100%;
     background: #d3531a;
     border-radius: 0px;
     opacity: 1;
     left: 0;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
     top: 0px;
}

#nav-icon1 span:nth-child(2) {
     top: 15px;
}

#nav-icon1 span:nth-child(3) {
     top: 30px;
}

#nav-icon1.open span:nth-child(1) {
     top: 18px;
     -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
     -o-transform: rotate(135deg);
     transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
     opacity: 0;
     left: -60px;
}

#nav-icon1.open span:nth-child(3) {
     top: 18px;
     -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
     -o-transform: rotate(-135deg);
     transform: rotate(-135deg);
}


/*Main Header End*/



/*Signin form*/

.signin-form {
     width: 100%;
     float: left;

}
.signin-section{

}
.signin-section h1 {
     text-align: center;
     font-size: 40px;
     font-weight: 500;
     margin: 3% 0 0;
}
.signin-section h3 {
     text-align: center;
     font-size: 20px;
     font-weight: 400;
     color: #2e2e2e;
}

.form {
     width: 760px;
     margin: 3% auto;
}
#signup .form {
     width: 65%;
     margin: 1% auto 3%;
}
#signup .form input, #signup .form select {
     width: 100%;
     margin: 0;
     font-family: 'Poppins', sans-serif;
}

.form input, .form select option {
     font-size: 24px;
     line-height: 36px;
     background: none;
     outline: none;
     border: none;
     padding: 20px;
     font-family: 'Poppins', sans-serif;
}
.form select#interestAreas {
     border-bottom: 3px solid #ecedf5;
     box-shadow: 0px 0px 10px #ccc;
}
.checkboxwrap{
     width: 100%;
     float: left;
}
#signup .checksection input.checkbox {
     width: 20px;
     margin: 0px 10px;
     cursor: pointer;
     height: 30px;
 }
.submitwrap {
     float: left;
     width: 100%;
     margin: 20px 0;
     clear: both;
 }

.select-boxs select {


     appearance: menulist-button;
    padding: 15px 0 10px;
    font-family: 'Poppins', sans-serif;
 }

 .checkboxwrap h4 {
     text-align: center;
     font-size: 28px;
     margin: 0 0px 0px 0px;
     font-weight: 600;
 }
 .areas-box {
     border: 0px solid #f5f5f5;
     float: left;
     padding: 20px 0;
 }
.assessment-output .content-text .left-section h3 {
     text-transform: capitalize;
}

 #signup .checksection label {
     font-size: 22px;
     font-weight: 600;
     margin-top: -2px;
     float: left;
     cursor: pointer;
 }

 .checksection {
     width: 28%;
     float: left;
     text-align: left;
     padding: 5px 22px;

 }
.form input, .form select {
     border: none;
     width: 100%;
     font-size: 24px;
     color: #232323;
     margin: 0px 0;
     outline: none;
     padding: 30px 0 10px;
     border-bottom: 2px solid #ecedf5;
     text-indent: 10px;
     float: left;
     font-family: 'Poppins', sans-serif;
}
.form input[type="checkbox"] {
     width: 40px;
     height: 41px;
     margin-right: 10px;
     margin-left: 10px;
     background: none;
     border-color: #838383;
     margin-top: 33px;
     float: left;
     background: #fff;
     font-family: 'Poppins', sans-serif;
}
.form p {
     float: left;
     font-size: 28px;
     color: #838383;
     margin-top: 30px;
     font-weight: 400;
}
.form a {
     float: right;
     font-size: 28px;
     color: #838383;
     margin-top: 30px;
     font-style: italic;
     font-weight: 400;
     margin-right: 30px;
}
.form a:hover{
     color: #000;
}
.form {
     text-align: center;
}

.form p.sub {
     text-align: center;
     width: 100%;
     margin-top: 0;
}
.form input[type="submit"] {
     background: none;
     border: #000 solid 2px;
     padding: 30px 30px;
     font-size: 30px;
     float: none;
     text-align: center;
     width: 300px !important;
     margin: 20px auto;
     cursor: pointer;
     outline: none;
     color: #2e2e2e;
     font-weight: 700;
     text-transform: uppercase;
     font-family: 'Poppins', sans-serif;
}
.sign-in-remenber {
     width: 100%;
     float: left;
     margin-bottom: 20px;
}
.form input[type="submit"]:hover {
     background: #000;
     border: #000 solid 2px;
     color: #fff;
     font-family: 'Poppins', sans-serif;

}
.signup {
     margin-bottom: 60px;
     float: left;
     width: 100%;
}
.signup p{
     font-size: 28px;
     color: #000;
     font-weight: 500;
}
.signup a {
     font-style: normal;
     font-size: 28px;
     color: #000;
     font-weight: 600;
     text-decoration: none;
     border-bottom: 1px solid #000;
}
.signup a:hover{
     color: #474747;
}


.home-map-text a.active {
     color: #d79f61;
     border: 1px solid #d79f61;
     background: #fefaf7;
}
/*signin form end*/


/* Footer Section */

.footer {
     float: left;
     background: #e0d5b6;
     width: 100%;
     padding: 10px 0 8px 0;
}
.footer-left {
     float: left;
     width: 760px;
}
.footer ul li {
     font-size: 16px;
     font-weight: 400;
     float: left;
     color: #958f7b;
}
.footer li a {
     margin:0 7px;
     float: left;
     color: #958f7b;
     text-decoration: none;
     font-weight: 400;
}
.footer li a:hover {
     color: #625e51;
}
.footer li img{
     width: auto;
     opacity: 0.6;
}
.footer li img:hover{
     width: auto;
     opacity: 0.9;
}
.footer-right {
     float: right;
}
.footer-right ul li:last-child {
     display: none;
}



/* Footer Section End*/







.home-banner {
     width: 100%;
     float: left;
     position: relative;
}
.home-banner img{
     width: 100%;
     float: left;
     position: relative;
}

.banner-text {
     position: absolute;
     top: 7%;
     text-align: center;
     width: 100%;
}
.banner-text h3{
     font-size: 48px;
     font-weight: 600;
     color: #383838;

}
.banner-text h4{
     font-size: 38px;
     font-weight: 600;
     color: #383838;

}
.banner-text a {
     float: left;
     padding: 10px 20px;
     border: 1px solid #383838;
     font-size: 20px;
     text-transform: uppercase;
     text-decoration: none;
     color: #000;
     outline: none;
     font-weight: 700;
     margin-top: 20px;
}
.banner-text a:hover{
     background: #000;
     color: #fff;
}
.banner-text p {
     text-align: center;
     margin: 0 auto;
     width: 205px;
}


.section01 {
     width: 100%;
     float: left;
     padding: 6% 0;
     position: relative;
}
.section02 {
     width: 100%;
     float: left;
     padding: 6% 0;
     position: relative;
}
.section01 .left-section {
     width: 40%;
     float: left;
     margin-left: 5%;

}
.section01 .right-section {
     width: 50%;
     float: right;

}
.section01 .right-section img{
     width: 100%;
     float: right;
}
.section02 .left-section {
     width: 40%;
     float: left;
     margin-left: 60px;
     position: absolute;
     top: 50%;
     transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
     -ms-transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
     -moz-transform: translate(0%, -50%);
     -o-transform: translate(0%, -50%);
}
.right-section {
     width: 50%;
     float: right;

}
.right-section img{
     width: 100%;
     float: right;
}
.content-text h3 {
     font-size: 48px;
     float: left;
     font-weight: 700;
     margin: 20px 0 0;
     color: #000;
     text-transform: capitalize;
}
.content-text p{
     font-size: 28px;
     float: left;
     width: 100%;
     margin: 20px 0;
     color: #000;
    font-weight: 500;
}
.content-text ul {
     margin-top: 10px;
     float: left;
     color: #000;
     margin-bottom: 10px;

 }
.content-text ul li{
     width: 100%;
     font-size: 28px;
     float: left;
     margin: 5px 0;
     color: #000;
     font-weight: 500;
}
.gray {
     background: #fcf8ef;
     height: 800px;
}
.gray .right-section {
     width: 42%;
     float: left;

}
.section02.height.gray .right-section {
     position: absolute;
     top: 63%;
     transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
     -ms-transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
     -moz-transform: translate(0%, -50%);
     -o-transform: translate(0%, -50%);

     left: 5%;
}

.height.gray .right-section {
     width: 50%;
     float: left;
}
.section02.gray .left-section {
     position: absolute;
     top: 50%;
     transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
     -ms-transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
     -moz-transform: translate(0%, -50%);
     -o-transform: translate(0%, -50%);

     right: 5%;
}
.section02.gray .right-section {
     position: absolute;
     top: 50%;
     transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
     -ms-transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
     -moz-transform: translate(0%, -50%);
     -o-transform: translate(0%, -50%);
     left: 5%;
}

.section02 .left-section {
     width: 32%;
}
.gray .left-section{
     position: absolute;
     top: 50%;
     transform: translate(137%, -50%);
     -webkit-transform: translate(0%, -50%);
     -ms-transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
     -moz-transform: translate(0%, -50%);
     -o-transform: translate(0%, -50%);

}
.rapid-assessment .content h1 {
     font-size: 48px;
     margin: 60px 0 30px;
}
.content-text a {
     text-transform: uppercase;
     clear: both;
     float: left;
     background: #d7a05f;
     color: #fff;
     padding: 5px 20px;
     font-size: 24px;
     text-decoration: none;
     margin-top: 20px;
     font-weight: 700;
     border: 2px solid #d7a05f;
}
.content-text a:hover{
     background: none;
     color: #d79f60;
}


.home-map{
     width: 100%;
     float: left;
     position: relative;
}

.home-map img{
     width: 100%;
     position: relative;
     float: left;
}
.home-map-text {
     position: absolute;
     top: 35%;
     left: 4%;
     text-align: center;
     width: 400px;
     z-index: 1;
}

.home-map-text h3 {
     font-size: 48px;
     font-weight: 700;
     margin-bottom: 40px;
}
.home-map-text a {
     color: #2e2e2e;
     border: 1px solid #2e2e2e;
     padding: 10px;
     float: left;
     width: 90%;
     font-size: 28px;
     margin: 10px 0;
     text-decoration: none;
     font-weight: 600;
     cursor: pointer;
}
.home-map-text a:hover {
     color: #d79f61;
     border: 1px solid #d79f61;
}



.btn.active, .btn:hover {
     color: #d79f61;
     border: 1px solid #d79f61;
}







.width-center {
     width: 90%;
     margin: 0 auto;
}


.rapid-assessment {
     float: left;
     width: 100%;
     padding: 0% 0 2%;
}




.content Ul.menu.fsmpro-ass li {
     list-style: none;
     float: left;
     text-align: center;
     padding: 0 1%;
     border-right: 3px solid #efefef;
 }
 .content Ul.menu.fsmpro-ass {
     float: none;
     width: 1480px;
 }

.content h1 {
     text-align: center;
     font-size: 60px;
     font-weight: 500;
     margin: 30px 0;
}
.content Ul.menu {
     float: none;
     width: 1400px;
     text-align: center;
     margin: 0 auto;
}
.fsmpro .content Ul.menu {
     float: none;
     width: 675px;
}
.content Ul.menu li {
     list-style: none;
     float: left;
     text-align: center;
     padding: 0 1%;
     border-right: 3px solid #efefef;
}
.content Ul.menu li:last-child{
     border: none;
}

.content Ul.menu li a{
     font-size: 23px;
     color: #000;
     text-decoration: none;
     font-weight: 500;

}
.content .progress-section Ul.menu li a{
     cursor: initial;
}
.content Ul.menu li a:hover{
     color: #d79f60;
}
.content p{
     font-size: 28px;
     float: left;
     margin: 10px 0;
     width: 100%;
}
.content h3 {
     font-size: 38px;
     float: left;
     margin: 5px 0 0px;
     font-weight: 800;
     text-transform: capitalize;
}
.content .progress-section Ul.menu {
     float: none;
     width: 475px;
 }
.content .progress-section Ul.menu img {
     width: auto;
     margin: 4px 10px;
     float: left;
 }







.enabler-section {
     float: left;
     width: 100%;
     margin: 4% 0;
}





.question-answer {
     float: left;
     width: 96%;
     padding: 20px;
 }
.enabler-section02 {
     float: left;
     width: 100%;
     margin:0 0 60px 0;
}

.question-answer h2 {
     font-size: 34px;
     float: left;
     width: 46%;
     line-height: 48px;
     min-height: 250px;
     color: #000;
     margin-bottom: 20px;

}
.question-answer h2 span {
     font-size: 76px;
}

#planning .question-section .sign-up-container {
     width: 80%;
     margin-left: 9%;
 }
.question-answer ul{
     width: 45%;
     float: right;
     min-height: 250px;
}
.question-answer ul li {
     font-size: 24px;
     float: left;
     width: 100%;
     margin: 10px 0;
}
.question-answer ul li b{
     font-size: 30px;
}


.question-section {
     float: left;
     width: 100%;
     padding: 30px 0;
     position: relative;
}
ul.answer-section {
     float: right;
     width: 45%;
     border: 2px solid #e1e1e1;
     padding: 0 0px;
     min-height: initial;
     margin: 30px 0;
     display: inline-flex;
     display: -webkit-flex;

     display: -moz-flex;
     display: -moz-box;
     display: -ms-flexbox;
}

ul.answer-section li.option_value.option_class_1_5 {
     float: left;
     position: relative !important;

}
ul.answer-section li {
     float: left;
     position: relative !important;
     border-right: 2px solid #e1e1e1;
     padding: 25px 6.15%;
     width: 5%;
     margin: 0;
     display: inline-flex;
     display: -webkit-flex;

     display: -moz-flex;
     display: -moz-box;
     display: -ms-flexbox;
     font-size: 28px;
     font-weight: 700;
     cursor: pointer;
     height: 56px;

}
ul.answer-section li img {
     margin: 0px 10px;
     width: 23%;
     height: auto;
     position: relative;
     float: left;
}
ul.answer-section:nth-child(even) {
     float: left;
}
ul.answer-section li a{
     font-size: 38px;
     font-weight: 700;
     color: #000;
     text-decoration: none;
}
ul.answer-section li:hover a, ul.answer-section li.active a{
     color: #fff;
     position: relative !important;
}
ul.answer-section li:hover, ul.answer-section li.active {
     background: #d79f60;
     position: relative !important;
}
ul.answer-section li:first-child:hover {
     background: #d79f6000;
}
ul.answer-section li:last-child{
     border-right: 0px solid #e1e1e1;
}
ul.answer-section li:first-child {
     padding: 10px 0 10px 0;
     display: inline-flex;
     display: -webkit-flex;

     display: -moz-flex;
     display: -moz-box;
     display: -ms-flexbox;
     height:84px;
     width: 53%;
}
ul.answer-section li img {
     margin: 0px 10px;
}
ul.answer-section li p {
     margin: 20px 0;
}








/*assessment*/

#assessment .section01:nth-child(even) .left-section {
     width: 40%;
     float: right;
     margin-right: 5%;
     margin-left: 0;
}


#assessment .section01:nth-child(even) .right-section {
     width: 50%;
     float: left;
}
.section01 .left-section h4 {
     font-size: 36px;
     display: inline-flex;
     display: -webkit-flex;

     display: -moz-flex;
     display: -moz-box;
     display: -ms-flexbox;
     width: 100%;
     float: left;
     font-weight: 700;
     color: #000;
}
#assessment .section01 .left-section:first-child p {
     margin-top: 0px !important;
}
.section01 .left-section h4 span {
     font-size: 26px;
     float: left;
     width: auto;
     margin-bottom: 0px;
     color: #000;
     margin-left: 20px;
}

#assessment .content-text p {
     font-size: 28px;
     float: left;
     width: 100%;
     font-weight:500;
     margin: 20px 0;
}

.section01 {
     width: 100%;
     float: left;
     padding: 6% 0;
     position: relative;
}
.section02 {
     width: 100%;
     float: left;
     padding: 6% 0;
     position: relative;
}
.section01 .left-section {
     width: 40%;
     float: left;
     margin-left: 5%;

}
.section01 .right-section {
     width: 50%;
     float: right;

}
.content-text .left-section span {
     font-weight: 700;
 }
.section01 .right-section img{
     width: 100%;
     float: right;
     position: relative;
     margin-bottom: 5px;
}
.section02 .left-section {
     width: 35%;
     float: left;
     margin-left: 60px;
     position: absolute;
     top: 50%;
     transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
     -ms-transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
     -moz-transform: translate(0%, -50%);
     -o-transform: translate(0%, -50%);
}
.right-section {
     width: 60%;
     float: right;
     position: relative;
}
.right-section img{
     width: 100%;
     float: right;
}
#assessment .content-text a{
     clear: initial;
}
.content-text a.black-but {
     border: 2px solid #000;
     background: none;
     color: #000;
     float: left;
     margin: 20px 20px 0 0 ;
}
.content-text a.black-but:hover {
     background: #000;
     color: #fff;
}
p.overlay {
     position: absolute;
     top: 55%;
     color: #fff;
     text-align: center;
}

.img-assessment-enabler{
     width: 100%;
     float: left;
}
.img-assessment-enabler img{
     width: 100%;
     float: left;
}





.congratulations-section h3 {
     text-align: center;
     width: 100%;
     margin-top: 8%;
}
.congratulations-section h3 {
     text-align: center;
     width: 100%;
     text-transform: capitalize;
}
.congratulations-section p {
     text-align: center;
     width: 100%;
}

.content-text span {
     font-size: 22px;
     float: left;
     width: 100%;
     margin: 10px 0;
     font-weight: 400;
}

.assessment-output .left-section {
     width: 45%;
     float: right;
     margin: 0px 0 0;
}
.assessment-output .right-section {
     width: 50%;
     float: left;
}
.content-text p b{
     color: #323232;
}
.assessment-output .content-text h3 {
     font-size: 60px;
     float: left;
     font-weight: 700;
     margin: 10px 0;
}
.section01.business-box{
     height: 600px;
}

.content-text h1 {
     font-size: 50px;
     text-align: center;
     width:100%;
     float: left;
     margin-top: -40px;

 }
hr {
     width: 26%;
     float: left;
     border: 0px solid;
     margin-top: 0;
     height: 2px;
     background: #000;
}
hr.right {
     float: right;
     margin-top: -40px;
}

.city-name-box {
     float: left;
     width: 100%;
     background: #f2f2f2;
     padding: 20px 0;
     margin: 3% 0 0;
}
.enabler-ecosystem .content-text ul li {
     float: left;
     width: 25%;
     position: relative;
}
.city-box-section {
     width: 1200px;
     margin: 0 auto;
}
.enabler-ecosystem .content-text ul {
     width: 100%;
     text-align: center;
}
.enabler-ecosystem .content-text ul li p{
     font-weight: 700;
}
.enabler-ecosystem .content-text ul li:first-child {
     font-weight: 700;
     text-align: left;
     font-size: 38px;
     margin-top: 15px;
     float: left !important;
}
.left-enabler {
     float: left;
     width: 20%;
}
.left-enabler ul li {
     display: inline-flex;
     display: -webkit-flex;

     display: -moz-flex;
     display: -moz-box;
     display: -ms-flexbox;
     margin: 15px 0;
}
.left-enabler li p {
     font-size: 20px;
     margin: 3px 20px;
     height: auto;
     width: 58%;
     }
.left-enabler li img {
     width: 40px;
     float: left;
     height: 30px;
}


.enabler-assessment {
     float: left;
     width: 100%;
     margin-bottom: 4%;
}
.right-enabler {
     float: right;
     width: 80%;
}
.right-enabler ul li img {
     width: 100%;
     float: left;
}
.right-enabler ul li {
     float: left;
     margin: 0 30px;
     width: 16%;
}
.right-enabler ul {
     width: 100%;
}



.enabling-section .enabler-ecosystem .content-text ul li {
     float: left;
     width: 16.5%;
     position: relative;
     line-height: 35px;
 }
.enabling-section .enabler-ecosystem .content-text ul li img{
     position: relative;
}
.enabling-section .enabler-ecosystem .content-text ul li p {
     font-weight: 700;
     position: absolute;
     top: 17px;
     width: 100%;
     padding: 0 10px;
     cursor: pointer;
     color: #fff;
     margin: 7px 0;
     font-size: 20px;
 }

 .enabling-border {
     float: left;
     width: 96%;
     border: 3px #7F7F7F dashed;
     padding: 20px 0 0 4%;
 }
     .enabling-section {
          float: left;
          width: 100%;
          margin: 4% 0 2%;
      }

.enabling-section .enabler-ecosystem .content-text h3 {
     text-align: center;
     margin-top: -65px;
     background: #fff;
     width: max-content;
     float: none;
     margin: -57px auto 0;
     padding: 0 30px;
     color: #7f7f7f;
     width: -moz-max-content;
     width: -webkit-max-content;
     width: -o-max-content;
     max-width: 300px;
 }
.infratructure-assessment {
     width: 100%;
     float: left;
     margin: 3% 0;
}
.infratructure-assessment .right-enabler {
     margin-top: 30px;
}




.question-section.full {
     width: 100%;
}
.question-section.full h2 {
     width: 100%;
     min-height: initial;
}
.question-section.full input {
     border: none;
     float: left;
     width:20%;
     font-size: 24px;
     color: #2e2e2e;
     margin: 10px 0;
     outline: none;
     padding: 10px 0;
     background-color: #0000;
     border-bottom: 2px solid #ecedf5;
     font-family: 'Poppins', sans-serif;
     margin-left: 6%;
     clear: both;
}
.question-section.half {
     width: 40%;
     height: auto;
     float: left;
     padding: 3% 0;
}

.question-section.half:nth-child(even) {
     float: right;
}

 .question-section.half h2 {
     width: 100%;
     min-height: 114px;
 }
 .question-section.half input {
     border: none;
     width: 45%;
     font-size: 22px;
     color: #2e2e2e;
     margin: 0px 0;
     outline: none;
     padding: 11px 20px;
     border-bottom: 2px solid #ecedf5;
     font-style: normal;
     background-color: rgba(0, 0, 0, 0);
     background: none;
     float: left;
     font-family: 'Poppins', sans-serif;
     margin-left: 12%;
     clear: both;
 }
.plan-table li a.active {
     border: 1px solid #d79f60;
     color: #d79f60;
}




.enumerators-ward ul:nth-child(2) li{
     margin: 10px 1.3% !important;
}
.question-section.table {
     width: 100%;
     padding-bottom: 0;
}
.question-section.table h2 {
     width: 100%;
     min-height: initial;
}
.enabling-section .enabler-ecosystem .content-text .info-text ul li a {
     clear: none;
     float: left;
     background: none;
     color: none;
     padding: 0;
     text-decoration: none;
     margin-top: 0;
     border: none;
     overflow: hidden;
     width: auto;
     font-weight: 600;
     height: 90px;
 }
.question-section.table input {
     border: none;
     width: 80%;
     font-size: 40px;
     height: 100%;
     color: #2e2e2e;
     text-indent: 10px;
     font-size: 14px;
     margin: 0;
     outline: none;
     padding: 0;
     border-bottom: 0px solid #ecedf5;
     font-style: normal;
     text-align: center;
     background-color: rgba(0, 0, 0, 0);
     font-weight: 600;
     font-family: 'Poppins', sans-serif;
}
.question-section.full select {
     border: none;
     width: 30%;
     font-size: 24px;
     color: #232323;
     margin: 15px 0;
     outline: none;
     padding: 0px 10px 0px;
     border-bottom: 2px solid #ECEDF5;
     text-indent: 0px;
     float: left;
     height: 70px;
     background: none;
     margin-left: 6%;
     clear: both;
 }

.question-section.table tr td input:nth-child(2) {
     border-top: 1px solid #ccc !important;
     width: 80%;
 }
 .question-section.table tr td.double-input input{
      padding: 24% 0;
 }
.question-section.table table {
     border-collapse: collapse;
     float: left;
     width: 100%;
     margin-top: 0%;
     font-size: 18px;
}
.question-section.table th,
.question-section.table td {
     border: 4px solid #000;
     padding: 10px 15px;
     max-height: 130px;
     text-align: center;
     width: 8%;
     color: #88949f;

}
.plan-table .question-section.table th,
.plan-table .question-section.table td {
     border: 4px solid #000;
     padding: 10px 15px;
     height: 130px;
     text-align: center;
     width: 11%;

}
.question-section.table .first th, .question-section.table .first td {
     width: 11%;
}
.question-section.table .first table{

}

.question-section.table .first th,
.question-section.table .first td,
.question-section.table .first tr {

     border-bottom: none;
}
.question-section.table:last-child tr {

     border-bottom: 2px solid;
}

.plan-table .question-section.table thead {
     overflow-y: scroll;
     height: auto;
     float: left;
     width: 100%;
     overflow-x: hidden;
     border-bottom: 0px solid;
     max-height: 400px;
 }

.question-section.table .first th:last-child{

}
#dash-tab .plan-output-tab .resp-tabs-list li a{
     color: #323232;
}
ul.answer-section li p {
     position: relative;
     float: left;
     height: 20px;
     width: 62%;
     line-height: 25px;
 }
ul.answer-section li:first-child:hover{
     background: none;
}
.question-section.table .first thead {
     overflow-y: hidden;
     height: 100%;
     float: left;
     width: 98.7%;
     overflow-x: hidden;
}
.question-section.table td p{
     float: left;
     width: auto;
     font-size: 14px;
     margin-top: -10px;
     margin-left: 6px;
}
.question-section.table th {
     font-weight: 600;
     width: 6%;
     font-size: 14px;
     height: 130px;
     color: #000;
     min-height: 130px;
}
.plan-table .question-section.table .first tr:first-child{
     background: #fcf8ef;
}
.plan-table .question-section.table tr:first-child{
     background: #f7f7f7;
}
.question-section.table tr td:first-child {
     background: #fcf8ef;
     color: #000;
 }
.question-section.table tr:first-child {
     background: #fcf8ef;
}
.plan-table .question-section.table tr td:first-child {
     background: #f7f7f7;
}

.pagination {
     width: 100%;
     float: left;
}
.paginaton-section {
     width: 460px;
     margin: 0 auto;
     }
.pagination a {
     font-size: 22px;
     padding: 10px 20px;
     border: 1px solid #000;
     float: left;
     margin: 20px;
     color: #000;
     text-decoration: none;
     text-transform: uppercase;
     display: inline-flex;
     display: -webkit-flex;

     display: -moz-flex;
     display: -moz-box;
     display: -ms-flexbox;
}
.pagination a.save{
     background-color: #d79f60;
     color: #fff;
     border: 1px solid #d79f60;
}
.pagination a.save:hover{
     background-color: #fff;
     color: #d79f60;
     border: 1px solid #d79f60;
}
.pagination a:hover{
     background-color: #d79f60;
     color: #fff;
     border: 1px solid #d79f60;
}

.question-section.half p {
     font-size: 22px;
     font-style: italic;
     font-weight: 500;
}

.question-section.full p {
     font-size: 14px;
     font-style: italic;
     font-weight: 500;
 }



.option-box {
     float: left;
     width: 100%;
     clear: both;
}

.fsmpro-sub-menu {
     float: left;
     width: 100%;
}
.sub-menu {
     width: 1300px;
     margin: 0 auto;
     text-align: center;
}

.sub-menu ul {

}

.sub-menu li {
     float: left;
     width: 25%;
}
.sub-menu a {
     font-size: 30px;
     text-transform: capitalize;
     text-decoration: none;
     color: #4b4b4b;
     background: #e6e6e6;
     padding: 20px;
     float: left;
     border: 1px solid #c7c7c7;
     width: 88%;
     font-weight: 400;
}
.sub-menu a:hover{
     background: #f7f7f7;
     border: 1px solid #f7f7f7;
}


.filter-menu {
     width: 100%;
     float: left;
     background: #f7f7f7;
}
.filter-section {
     width: 1400px;
     margin: 0 auto;
     position: relative;
}
.filter-section a {
     font-size: 30px;
     text-transform: capitalize;
     text-decoration: none;
     color: #4b4b4b;
     background: #f7f7f7;
     float: left;
     width: auto;
}
.filter-section ul {

}

.filter-section li {
     width: 19.8%;
     font-size: 28px;
     text-transform: capitalize;
     text-decoration: none;
     color: #4b4b4b;
     background: #f7f7f700;
     padding: 0;
     float: left;
     border-right: 1px solid #c7c7c7;
}
.filter-section li:first-child {
     padding: 15px 0px 21px;
     text-align: center;
     border-left: 1px solid #c7c7c7;
     font-weight: 500;
}
.enumerators-assign a:hover {

     border: 1px solid #333;
background: #333;
     color: #fff;

}
.add-row a:hover{
     border: 1px solid #d79f60;

     color: #d79f60;
}
p.tag {
     font-size: 20px;
     background: #f1f4f8;
     padding: 10px 20px;
     width: auto !important;;
     float: left;
     border: 1px solid #d5dce6;
     margin: 10px;
     text-align: left;
}
p.tag::after{
     background: url(../images/close-tag.png);
     content: "";
     width: 15px;
     height: 15px;
     float: right;
     margin-top: 11px;
     margin-right: 10%;
     cursor: pointer;
     margin: 10px;
 }


.reset-filers a{
     font-size: 20px;
     padding: 10px 20px;
     width: 14%;
     float: left;
     margin: 10px;
     text-align: left;
}
#myInput {
     background-image: url('/css/searchicon.png'); /* Add a search icon to input */
     background-position: 10px 12px; /* Position the search icon */
     background-repeat: no-repeat; /* Do not repeat the icon image */
     width: 100%; /* Full-width */
     font-size: 16px; /* Increase font-size */
     padding: 12px 20px 12px 40px; /* Add some padding */
     border: 1px solid #fff; /* Add a grey border */
     margin-bottom: 12px; /* Add some space below the input */
}

.enumeratorEngagementSource {
     list-style-type: none;
     padding: 0;
     margin: 0% 0px;
     border-top: 1px solid #ddd;
     padding: 8% 0;
     overflow-y: scroll;
     height: 320px;
}
.enumeratorEngagementSource li{
     width: 90%;
     float: left;
     border: 1px solid #ddd;
     margin-top: 0px;
     background-color: #fff;
     padding: 10px;
}

.enumeratorEngagementSource li img {
     border-radius: 50px;
     float: left;
     margin-right: 20px;
}
.enumeratorEngagementSource li a {
     font-size: 26px;
     color: #000;
     height: 60px;
     display: block;
     text-decoration: none;
}
.enumeratorEngagementSource li:hover, .enumeratorEngagementSource li.selected {
     border: 1px solid #d79f60;
     color: #d79f60;
     background-color: #f7f7f7;
}
.enumeratorEngagementSource li:hover a::before {
     opacity: 9;
}
#nominateEnumerator {
     font-size: 24px;
     color: #333333;
     text-decoration: none;
     border: 1px solid #333;
     padding: 10px 20px;
     float: left;
     margin: 30px 0 0;
     width: -webkit-fill-available;
     text-align: center;
}
.form-group input {
     font-size: 20px;
     float: left;
     width: 60%;
     border: 1px solid #333;
     padding: 5px 20px;
     outline: none;
     font-family: 'Poppins', sans-serif;
}
.form-group select {
     font-size: 20px;
     float: left;
     width: 66%;
     border: 1px solid #333;
     border-radius: 0px;
     outline: none;
     background-color: #fff0;
}
div.modal {
     border-radius: 0px;
     z-index: 99999 !important;
 }
.jquery-modal.blocker.current input[type="submit"] {
     background: none;
     border: #000 solid 2px;
     font-family: 'Poppins', sans-serif;
     padding: 15px 30px;
     font-size: 18px;
     float: none;
     text-align: center;
     width: 300px;
     margin: 20px auto;
     cursor: pointer;
     outline: none;
     color: #000;
     font-weight: 800;
     text-transform: uppercase;
}
.form-group label {
     float: left;
     font-size: 14px;
     margin: 5px 10px;
     width: 30%;
     text-align: left;
}
.form-group {
     width: 100%;
     float: left;
     display: inline-flex;
     display: -webkit-flex;

     display: -moz-flex;
     display: -moz-box;
     display: -ms-flexbox;
     margin: 10px 0;
}
/*#myUL li a::before, #myUL li.selected a::before {
    background: url(../images/enumerator-dot.png);
    content: "";
    width: 56px;
    height: 57px;
    float: left;
    margin-top: -9px;
    margin-left: 0%;
    cursor: pointer;
    margin-right: 20px;
    opacity: 0.5;
}*/
.enumeratorEngagementSource li a:hover::after, .enumeratorEngagementSource li.selected a::after{
     background: url(../images/enumerator-right.png);
     content: "";
     width: 19px;
     height: 15px;
     float: right;
     margin-top: 13px;
     margin-left: 0%;
     cursor: pointer;
     margin-right: 20px;
     opacity: 9;
}
.enumeratorEngagementTarget li{
     width: 50%;
     float: left;
}
.enumeratorEngagementTarget li a {
     display: block;
     width: 70%;
     float: left;
}
.enumeratorEngagementTarget a {
     font-size: 20px;
     background: #f1f4f8;
     padding: 10px 20px;
     width: 14%;
     float: left;
     border: 1px solid #d5dce6;
     margin: 10px;
     text-align: left;
     color: #000;
     text-decoration: none;
}
.enumeratorEngagementTarget a::after{
     background: url(../images/close-tag.png);
     content: "";
     width: 15px;
     height: 15px;
     float: right;
     margin-top: 11px;
     margin-right: 10%;
     cursor: pointer;
}
.force-overflow::-webkit-scrollbar-track
{
     border-radius: 10px;
     background-color: #f0f2f5;
}

.force-overflow::-webkit-scrollbar
{
     width: 12px;
     background-color: #f0f2f5;
}

.force-overflow::-webkit-scrollbar-thumb
{
     border-radius: 10px;
     background-color: #d0d3db;
}






.dropbtn::after {
     background: url(../images/drop-arr.png);
     content: "";
     width: 10px;
     height: 10px;
     float: right;
     margin-top: 10px;
     margin-right: 10%;
}
li.hassubs a::after {
     background: url(../images/top-arr.png);
     content: "";
     width: 12px;
     height: 7px;
     float: right;
     margin-top: 10px;
     margin-right: -14%;
     z-index: 99;
     position: relative;
}
/* Dropdown Button */
.dropbtn {
     background-color: #0000;
     color: #4b4b4b;
     font-size: 30px;
     border: none;
     cursor: pointer;
     width: 100%;
     outline: none;
     padding: 22px 0;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
     background-color: #fff;
}

/* The search field */
#myInput {
     border-box: box-sizing;
     background-image: url(searchicon.png);
     background-position: 14px 12px;
     background-repeat: no-repeat;
     font-size: 24px;
     padding: 20px;
     border: none;
     border: 1px solid #ddd;
     margin-bottom: 30px;
     width: 92%;
     margin-top: 30px;
}

/* The search field when it gets focus/clicked on */
#myInput:focus {outline: 3px solid #ddd;}

/* The container <div> - needed to position the dropdown content */
.dropdown {

     display: inline-block;
     width: 100%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
     display: none;
     position: absolute;
     background-color:none;
     min-width: initial;
     border: 1px solid #fff;
     z-index: 8;
     width: auto;
}
.learn-filter {
     width: 100%;
     float: left;
}
/* Links inside the dropdown */
.dropdown-content a {
     padding: 10px 0px;
     text-decoration: none;
     display: block;
     font-size: 20px;
     background: #fff;
     color: #4b4b4b;
     width: 100%;
     border-top: 1px solid #bbb;
     font-weight: 600;
     text-indent: 10px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #eae0c5;color: #4b4b4b;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}



.fsmpro-gray {
     width: 100%;
     float: left;
     background: #f7f7f7;
     padding: 2% 0;
}

.fsmpro-left{
     float: left;
     width: 40%;
}

.review-date {
     width: 100%;
     float: left;
     padding: 3% 0;
}
.review-date h1 {
     font-size: 60px;
     font-weight: 600;
}
.review-date p{
     font-size: 24px;
     color: #7f7f7f;
     width: 100%;
     text-align: center;
}
.review-date01 {
     width: 100%;
     float: left;
}


.left-map {
     float: left;
     margin-right: 4%;
     WIDTH: 32%;
}
.left-map img{
     float: left;
     WIDTH: 100%;
}
.right-map {
     float: left;
     margin-right: 0%;
     width: 56%;
 }
.right-map img{
     float: left;
     WIDTH: 100%;
}
.city .paginaton-section {
     width: 470px;
     margin: 0 auto;
}


.fsmpro {
     width: 100%;
     float: left;
     padding:2% 0 0;
}

.plan-table {
     float: left;
     width: 100%;
     margin: 40px 0;
}

.plan-table ul {
     width: 670px;
     margin: 0 auto;
}
.plan-table li {
     float: left;
     width: 25%;
}
.plan-table li a {
     padding: 8px 18px;
     margin: 20px;
     float: left;
     border: 1px solid #9e9e9e;
     color: #2e2e2e;
     text-transform: uppercase;
     text-decoration: none;
     font-size: 20px;
     width: 54%;
     text-align: center;
     font-weight: 600;
}
.plan-table li a:hover{
     border: 1px solid #d79f60;
     color: #d79f60;
}

ul#add-new-dropdown li.dropdown {
     border-left: 1px solid #838383;
 }
.table-but {
     width: 100%;
     float: left;
     margin-top: 10%;
}
.plan-table-but {
     width: 670px;
     margin: 0 auto;
 }
 .plan-table-but.uploadcity {
     width: 455px;
     margin: 0 auto;
 }
 .plan-table-but a {
     width: 100%;
     padding: 12px 0px;
     margin: 0 15PX;
     float: left;
     font-weight: 600;
     text-decoration: none;
     color: #2e2e2e;
     border: 1px solid #2e2e2e;
     background: #fff;
     text-align: center;
     margin: 0px 0 20px;
 }
.plan-table-but a:hover {
     color: #daa76e;
     border: 1px solid #dba76e;
     background: #fff0;
}
.plan-table-but p{
     width: 100%;
     font-size: 22px;
     color: #2e2e2e;
     text-align: center;
     margin-top: 40px;
}

.surveys{
     width: 100%;
     float: left;
     padding: 4% 0;
}

.surveys-li {
     width: 1200px;
     margin: 0 auto;
}
.surveys-li ul{
     float: left;
     width: 100%;
     margin: 2% 0 0;
}

.surveys-li li {
     width: 21%;
     float: left;
     text-align: center;
     margin: 0 1% 20px;
     height: 230px;
}
.surveys-li li a{
     color: #2e2e2e;
     text-decoration: none;
}
.surveys-li li p {
     color: #2e2e2e;
     font-size: 17px;
     line-height: 20px;
     font-weight: 600;
     text-decoration: none;
     text-align: center;
     width: 100%;
     margin-bottom: 0px;
     position: relative;
     top: 50%;
     margin: 0;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -o-transform: translateY(-50%);
}
.ward-text {
     float: left;
     display: inline-flex;
     display: -webkit-flex;
     display: -moz-flex;
     display: -moz-box;
     display: -ms-flexbox;
	 width: 23%;
}
.content .ward-text p {
     width: auto;
     float: left;
     margin: 0;
     font-size: 18px;
     padding: 0;
     margin-top: 60%;
     margin-bottom: 10px;
     margin-right: 97px;
     margin-left: 16px;
}
.content .ward-text p:nth-child(2) {
     margin-right: 4px;
     margin-left: 19px;
 }
#plan-op .enumerators-ward li:nth-child(1) {

     margin-top: 15px;
}
#plan-op .enumerators-ward li:nth-child(2) {

     margin-top: 15px;
}
#plan-op .enumerators-ward {
     float: left;
     width: 100%;
     overflow-y: scroll;
     height: auto;
     max-height: 300px;
 }

 .plan-text {
     height: 90px;
     line-height: 28px;
     font-size: 22px;
 }
.surveys-li li h3{
     text-align: center;
     font-size: 48px;
     font-weight: 400;
     width: 100%;
     margin-top: 20px;
}
.content p.edit {
     width: 100%;
     float: left;
     text-align: center;
     margin-top: 5% !important;
 }
.edit a {
     font-size: 20px;
     color: #2e2e2e;
     text-decoration: none;
     border-bottom: 1px solid;
}

.surveys .content-center p{
     text-align: center;
}
.fsmpro-search {
     float: left;
     width: 100%;
     padding: 4% 0;
}
.fsmpro-left {
     float: left;
     width: 50%;
     border-right: 1px solid #ddd;

}
.fsmpro-left .fsmpro-box {
     float: right;
     margin-right: 4%;
}
.fsmpro-right {
     float: left;
     width: 49%;
     border-left: 1px solid #ddd;

}
.fsmpro-box {
     float: left;
     width: 55%;
     background: #fff;
     padding: 40px;
     margin-left: 4%;
     min-height:670px;
}

.fsmpro-left h4 {
     width: 100%;
     text-align: center;
     font-size: 26px;
     text-decoration: underline;
}
.fsmpro-left h4 a {
     color: #333;
}
.fsmpro-right h3{
     width: 100%;
     text-align: center;
     font-size: 34px;
}


div#enu-sys {
     width: 70%;
     float: right;
}
.enumerators-system {
     width: 100%;
     float: left;
     background: #fff;
     padding: 4% 0;
     margin:1% 0;
}


#enu-sys.surveys-li li h3 {
     text-align: center;
     font-size: 48px;
     font-weight: 500;
     width: 100%;
     margin-top: 0px;
}
#enu-sys.surveys-li li {
     margin: 0 16px;
}
.total-cont {
     width: 36%;
     FLOAT: LEFT;
     border: 1px solid #f7f7f7f7;
     padding: 6%;
}
#enu-sys.surveys-li li .total-cont:first-child p{
     color: #d79f60;
}
#enu-sys.surveys-li li .total-cont p {
     height: auto;
     float: left;
     width: 100%;
     margin: 20px 0 0;
     font-size: 24px;
}
#enu-sys.surveys-li li .total-cont span{
     font-size: 11px;
     float: left;
     width: 100%;
}
.enumerators-sys {
     padding: 0 3%;
     float: left;
     width: 92%;
 }
.enumerators-ward {
     float: left;
     width: 100%;
}
.enumerators-ward li {
     float: left;
     width: 14.2%;
     margin: 10px 1.3%;
 }

 .enumerators-ward li:nth-child(1) {
     width: 16%;
     margin-top: -10px;
}
.enumerators-ward li:nth-child(2){
     width: 9%;
     margin-top: -10px;
}
.enumerators-ward li p:nth-child(1) {
     width: 100%;
     float: left;
     margin: 0;
     font-size: 24px;
     padding: 0;
     margin-top: -26px;
     margin-bottom: 10px;
}
.enumerators-ward li p:nth-child(2){
     width: 100%;
     float: left;
}
.enumerators-ward li input {
     float: left;
     width: 74%;
     border: none;
     background: none;
     font-size: 24px;
     outline: none;
     text-align: center;
     border: 1px solid #000;
     font-family: 'Poppins', sans-serif;
     text-align: center;
     height: 55px;
     padding: 0px 20px;
     color: #2e2e2e;
     font-weight: 600;
}
.enumerators-ward li select {
     float: left;
     width: 100%;
     border: none;
     background: none;
     font-size: 24px;
     outline: none;
     text-align: center;
     border: 1px solid #000;
     text-align: center;
     padding: 10px 20px;
     height: 55px;
}
.enumerators-ward li select option {
     font-size: 14px;
 }
 .add-row {
     float: right;
     width: 100%;
     margin-bottom: -2%;
     margin-top: 30px;
     margin-right: 1%;
 }
.add-row a {
     float: right;
     border: 1px solid #000;
     padding: 10px 20px;
     text-decoration: none;
     text-transform: uppercase;
     font-size: 20px;
     color: #000;
     margin-left: 0;
     margin-bottom: 40px;
 }
.enumerators-assign {
     float: left;
     text-align: center;
     width: 100%;
     margin: 2% 0 ;
}
.enumerators-assign a {
     float: none;
     border: 1px solid #000;
     padding: 20px 20px;
     text-decoration: none;
     font-size: 28px;
     color: #000;
     text-align: center;
}




#fsmpro-track .filter-section {
     width: 920px;
     margin: 0 auto;
     position: relative;
}
#fsmpro-track .filter-section li {
     width: 23%;
}


.city-name-section {
     width: 100%;
     padding: 4% 0;
     float: left;
}
.city-name-section h1{
     font-size: 68px;
     font-weight: 600;
     text-align: center;
     width: 100%;
}

.track-section {
     width: 100%;
     float: left;
     padding: 2% 0 0;
}
.filter-menu-section {
     float: left;
     width: 100%;
     background: #f7f7f7;
}
.track-section ul li:first-child{
     padding: 0;
     margin-right: 4%;
}
.track-section ul li{
     float: left;
     width: 20%;
     background: #fff;
     padding: 20px;
     border: 2px solid #ccc;
     border-radius: 10px;
     margin: 0 1%;
}
.tarck-box:first-child .track-section ul li img {
     padding: 0;

}
::placeholder{
     color: #bdbdbd;
     font-weight: 400;
}
::-webkit-input-placeholder { /* Chrome */
     color: #bdbdbd;
     font-weight: 400;
}
:-ms-input-placeholder { /* IE 10+ */
     color: #bdbdbd;
     font-weight: 400;
}
::-moz-placeholder { /* Firefox 19+ */
     color: #bdbdbd;
     font-weight: 400;
     opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
     color: #bdbdbd;
     font-weight: 400;
     opacity: 1;
}
.track-section ul li h3 {
     background: #ECECEC;
     font-size: 18px;
     float: left;
     width: 100%;
     padding: 10px 0;
     margin-top: 0;
     border-radius: 10px 10px 0px 0px;
     text-indent: 10px;
     }
.track-section ul li:first-child span {
     width: auto;
     font-size: 26px;
     margin-top: 40px;
     font-weight: 500;
}
.track-section ul li:first-child img {
     float: left;
     width: 100%;
     padding: 10px 0;
     position: static;
     top: 0;
     -webkit-transform: translateY(0%);
     -ms-transform: translateY(0%);
     transform: translateY(0%);
}
.track-section ul li img {
     float: left;
     width: auto;
}
.img-text {
     height: 90px;
     width: 100%;
     float: left;
}
.track-section ul li img {
     float: left;
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
.track-section ul li p {
     font-size: 40px;
     float: left;
     padding: 0;
     color: #d79f60;
     font-weight: 600;
     width: auto;
     margin: -10px 0 0 10px;
}
.track-section ul li b {
     float: left;
     font-size: 40px;
     font-weight: 400;
}
.track-section ul li span {
     font-size: 22px;
     float: left;
     padding: 0;
     color: #000;
     margin-top: 0px;
     width: 75%;
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     font-weight: 700;
     margin-left: 10px;
}
.filter-menu {
     border-bottom: 1px solid;
     border-top: 1px solid;
     border-color: #bbbbbb;
}

#track .filter-section li {
     width: 24.8%;
}
#track .filter-section {
     width: 850px;
     margin: 0 auto;
     position: relative;
}
span.first-span{
     font-size: 30px;
     margin-top: 30px;
     height: auto;
     width: auto;
     position: static;
}

.per-green, .per-hover-green:hover {
     color: #fff!important;
     background-color: #d79f60!important;
}
.per-center {
     text-align: center!important;
}
.per-container, .per-panel {
     padding: 1px 0px;
     border-radius: 12px 0 0 12px;
     text-indent: 20px;
}
.pre-light-grey {
     background: #ececec;
     margin: 0px 0 20px;
     FLOAT: LEFT;
     width: 100%;
     border-radius: 12px;
}
.track-section .complet p{
     font-size: 20px;
     float: left;
     text-align: center;
     width: 100%;
     color: #4d4d4d;
     margin: 0;
}
.track-section .complet {
     width: 49%;
     float: left;
}
.track-section li .complet.black  {
     border-right: 1px solid #f7f7f7;
}
.track-section .complet h3 {
     font-size: 48px;
     font-weight: 600;
     background: none;
     width: -webkit-fill-available;
     text-align: center;
     color: #4d4d4d;
     margin: 0;
}
.track-section .complet.black p{
     color: #d79f60;
}
.track-section .complet.black h3{
     color: #d79f60;
}

.tab-map {
     width: 100%;
     float: left;
     margin-bottom: 4%;
}
.right-enabler ul li:last-child{
     margin-right: 0;
}
.content-text .right-enabler li {
     width: 16%;
     margin: 0 2%;
}


.content Ul.menu li a.active {
     color: #d79f60;
}
.sub-menu a.active {
     background: #f7f7f7;
     border: 1px solid #f7f7f7;
}

#enu-sys.surveys-li li .total-cont.org p{
     color: #d79f60;
}
#enu-sys.surveys-li li .total-cont.org span{
     color: #d79f60;
}

.congratulations-section {
     float: left;
     width: 100%;
     margin: 4% 0 1%;
 }
.demo-video{
     width: 100%;
     float: left;
     margin: 4% 0;
}
.demo-video img{
     width: 100%;
     float: left;
}

.cd-horizontal-timeline {
     margin: 20px auto;
     float: left;
     width: 100%;
     opacity: 1 !important;
}





.main{width: 100%;height: 30px;}
/*General Menu Styling*/

.dropdown01 {
     position: absolute;
     width: 200px;
     top: 44px;
     opacity: 0;
     visibility: hidden;
     transition: ease-out .35s;
     -moz-transition: ease-out .35s;
     -webkit-transition: ease-out .35s;
     background: #e0d5b6;
     z-index: 99999;
}
.mainnav li{float: left;padding:0 5px;}
.mainnav li:first-child{border: none;}
.mainnav li a {
     display: block;
     padding: 8px 20px;
     color: #2d2d2d;
     text-decoration: none;
     font-size: 18px;
}
.mainnav li:hover{}
.mainnav li:hover a{}
/*First Level*/
.subs {
     left: 0px;
     position: relative;
     top: 0px;
     width: 175px;
     border-left: none !important;
}
ul.dropdown01 li a::after {
     display: none;
}
.mainnav ul.dropdown01 li {
     float: left;
     padding: 7px 0;
     border-bottom: 1px solid #fff;
     width: 100%;
     ;
}
.mainnav ul.dropdown01 li:hover {
     background: #d79f60;
}
.mainnav ul.dropdown01 li a {
     float: left;
     padding: 7px 0px;
     text-align: left;
     width: 100%;
     text-indent: 20px;
     border: none;
     background: none;
     color: #333;
 }
.subs:last-child{border: none !important;}
.hassubs:hover .dropdown01,.hassubs .hassubs:hover .dropdown01{opacity: 1;visibility: visible;   font-size: 14px;}
.mainnav li:hover ul a, .mainnav li:hover ul li ul li a {
     font-size: 14px;
}
.mainnav li ul li:hover,.mainnav li ul li ul li:hover{ font-size: 14px;}
.mainnav li ul li:hover a,.mainnav li ul li ul li:hover a{  font-size: 14px;}
/*Second Level*/
.hassubs .hassubs .left-menu.dropdown01 .subs{left: 25px;position: relative;width: 165px;top: 0px;}
.hassubs .hassubs .dropdown01{position: absolute;width: 150px;left: 120px;top: 0px;opacity: 0; font-size: 14px;}

.search {
     float: left;
     width: auto;
     width: 63%;
     display: none;
}


.search .search {
     width: 100%;
     height: 43px;
     padding: 0;
     margin: 0;
     line-height: 2em;
     background-color: #3330;
     position: relative;
     transition: all .25s linear;
     margin-right: 20px;
}
.search input {
     width: 100%;
     height: 43px;
     line-height: 1em;
     padding: 0 0 0 .5em;
     border: none;
     outline: none;
     background-color: transparent;
     font-size: 18px;
     color: black;
     float: left;
     transition: all .25s linear;
     position: relative;
     font-family: 'Poppins', sans-serif;
}

.search.collapsed a{
     width: auto;
     right: 260px;
}
.search a {
     width: 20px;
     height: auto;
     line-height: 2em;
     padding: 0;
     color: #000;
     text-align: center;
     text-decoration: none;
     display: block;
     position: absolute;
     top: 3px;
     right: 0;
     transition: all .25s linear;
     cursor: pointer;
}
.search a::before {
     content: "";
     background-image: url(../images/search-icon.png);
     background-position: 10px 10px;
     background-repeat: no-repeat;
     width: 37px;
     height: 33px;
     position: relative;
     z-index: 999;
     display: block;
}


.search a:hover {
     color: #eee;
}
.search.collapsed {
     width: 100%;
     margin-left: 14em;
     position: relative;
 }
.search.collapsed input {
     width: 0;
     font-family: 'Poppins', sans-serif;
}
.search.collapsed a {
     color: #999;
}
.search.collapsed a:hover {
     color: #bbb;
}


.search  ::placeholder{
     color: #999;
     font-weight: 400;
}
.search ::-webkit-input-placeholder { /* Chrome */
     color: #999;
     font-weight: 400;
}
.search :-ms-input-placeholder { /* IE 10+ */
     color: #999;
     font-weight: 400;
}
.search  ::-moz-placeholder { /* Firefox 19+ */
     color: #999;
     font-weight: 400;
     opacity: 1;
}
.search  :-moz-placeholder { /* Firefox 4 - 18 */
     color: #999;
     font-weight: 400;
     opacity: 1;
}
.mySlides {display:none;}
button.w3-button.w3-black {
     border: none;
     background: #d7a05f;
     color: #fff;
     font-size: 30px;
     padding:11px 20px;
     outline: none;
     border-radius: 50px;
     margin: 15px;
     cursor: pointer;
     float: left;
}
button.w3-button.w3-black:hover {
     border: none;
     background: #f0e7c0;
}
.top-header.scrolled {
     width: 100%;
     float: left;
}

.home-slider-but {
     float: none;
     width: 205px;
     text-align: center;
     margin: 0 auto;
     height: 70px;
     margin: 0 auto;
}

.paginaton-section a:first-child::before {
     content: "";
     background-image: url(../images/prev.png);
     background-position: 0px 11px;
     background-repeat: no-repeat;
     width: 37px;
     height: 34px;
     position: relative;
     z-index: 999;
     display: block;
     float: left;
}
.paginaton-section a:last-child::after {
     content: "";
     background-image: url(../images/next.png);
     background-position: 20px 10px;
     background-repeat: no-repeat;
     width: 37px;
     float: right;
     height: 34px;
     position: relative;
     z-index: 999;
     display: block;
}
.pagination a.save:last-child::after{
     display: none;
}

.section10 {
     width: 100%;
     float: left;
     padding: 10px 0;
     margin-top: 19%;
}
.section10 a:hover {
     background: #e0d5b6;
     border: none;
     color: #2d2d2d;
}
.surveys-li li input {
     height: 60px;
     width: 70px;
     float: none;
     margin: 0 auto;
     outline: none;
     font-size: 36px;
     border: 1px solid #333;
     padding: 10px;
     font-family: 'Poppins', sans-serif;
     text-align: center;
     display: none;
}
/*

.enabling-section .enabler-ecosystem .content-text ul li:hover img{
     -webkit-transform: scaleX(-1);
     transform: scaleX(-1);
     transform: rotatex(180deg);
     cursor: pointer;
}
.enabling-section .enabler-ecosystem .content-text ul li.current img{
     -webkit-transform: scaleX(-1);
     transform: scaleX(-1);
     transform: rotatex(180deg);
     cursor: pointer;
}
*/
div#cityBox {
     padding-top: 5px;
 }
.enabling-section .enabler-ecosystem .content-text ul li img::after{

}
.info-text::before {
     pointer-events: none;
     position: absolute;
     z-index: -1;
     border-style: solid;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     left: calc(50% - 10px);
     bottom: 0;
     border-width: 0 10px 10px;
     border-color: transparent transparent #fff;
}

.info-right {
     float: right;
     width: 45%;
}
.info-right img{
     float: left;
     width: 100%;
}

.info-left {
     float: left;
     width: 50%;
}
.info-tittle {
     display: inline-flex;
     display: -webkit-flex;

     display: -moz-flex;
     display: -moz-box;
     display: -ms-flexbox;
     width: 100%;
     float: left;
}
.info-tittle img {
     width: 14%;
     float: left;
     height: 100%;
}


.info-tittle h4{
     font-size: 42px;
     margin: 20px 0 0 20px
}
.household {
     float: left;
     width: 80%;
     margin: 40px 0;
}
.household h4, .buildings h4{
     text-align: center;
     font-size: 38px;
     width: 100%;
     font-weight: 600;
     margin: 20px 0;
}
.content-text .slides{
     width: 100%;
     text-align: center;
     margin:0 0 3% 0%;
 }
 .content-text .slides li {
     width: 13%;
     text-align: center;
     margin: 0.5%;
     background: #f2f2f2;
     padding: 1%;
     height: 75px;
     cursor: pointer;
 }
 .fsmpro .inner-info-tittle h4 {
     font-size: 32px;
     margin: 0 0 0 20px;
     text-align: left;
     width: 75%;
     float: left;
     line-height: 44px;
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }
 .fsmpro .inner-info-tittle img {
     width: 7%;
     float: left;
     height: auto;
     margin-right: 20px;
 }
 .fsmpro .inner-info-tittle {
     display: block;
     width: 100%;
     float: left;
     text-align: center;
     height: 80px;
 }
 .content-text .slides li.active, .content-text .slides li:hover {
     background: #d79f60 !important;
     color: #fff;
 }

 .content-text .slides li h2 {
     font-size: 14px;
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     line-height: 18px;
 }
.household img{
     width: 100%;
     float: left;
}
.household p{
     text-align: left;
     font-size: 28px;
     width: 100%;
     font-weight: 400;
     margin: 0;
}
.household .pre-light-grey {
     background: #d6cfb2;
     margin: 5px 0;
     FLOAT: LEFT;
     width: 100%;
     border-radius: 0px;
     margin-bottom: 40px;
}
.per-container, .per-panel {
     padding: 10px 0px;
     border-radius: 0 !important;
     text-indent: 20px;
     font-size: 0px;
     font-weight: 400;
}
.per-green, .per-hover-green:hover {
     color: #fff!important;
     background-color: #d79f60!important;
}
.info-tittle.center {
     display: block;
     width: 100%;
     float: left;
     text-align: center;
}
.info-tittle.center img {
     width: 80px;
     float: none;
     height: auto;
     }

     .learn-right-del h3 b {
          font-weight: 600;
          font-size: 32px;
          float: left;
          }


.info-pagination-section {
     float: left;
     width: 100%;
     margin: 4% 0;
     text-align: center;
}
.info-pagination-section a:hover {
     border: 1px solid #d79f60;
     color: #d79f60;
}
.info-pagination-section a {
     padding: 10px 30px;
     border: 1px solid #000;
     color: #000;
     text-decoration: none;
     font-size: 24px;
     text-transform: uppercase;
     margin: 0 10px;
     clear: initial;
     float: none;
     background: none;
}
.results-potion {
     float: left;
     width: 43%;
     display: inline-flex;
     display: -webkit-flex;

     display: -moz-flex;
     display: -moz-box;
     display: -ms-flexbox;
}
.results-potion h5{
     font-size: 28px;
     font-weight: 600;
     float: left;
     width: 100%;
}
.results-potion p{
     font-size: 22px;
     font-weight: 400;
     float: left;
     width: 100%;

}
.results-potion a {
     color: #2e2e2e;
     font-weight: 400;
     background: none;
     border: none;
     text-transform: initial;
     padding: 0;
     font-size: 22px;
     text-decoration: underline;
     float: none;
}

.results-potion a:hover{
     color: #000;
     font-weight: 400;
}
.results-text {
     width: 73%;
     float: left;
}
.results-but a {
     padding: 10px 30px;
     border: 1px solid #000;
     color: #000;
     text-decoration: none;
     font-size: 24px;
     text-transform: uppercase;
     margin: 0 10px;
     background: none;
     float: none;
}
.results-but a:hover {
     border: 1px solid #d79f60;
     color: #d79f60;
}
.results-but {
     float: right;
     width: 26%;
     margin-top: 20px;
}
.results-potion.cities {
     width: 40%;
     float: right;
     display: block;
 }
.results-box {
     float: left;
     width: 100%;
     margin: 2% 0 0;
 }

.cd-timeline-navigation{
     display: block;
}


.output-gray {
     float: left;
     width: 100%;
     background: #fcf8ef;
     padding: 200px 0 100px;
     margin: 5% 0 0;
 }
.output-left {
     width: 47%;
     float: left;
}
.output-right {
     float: right;
     width: 47%;
}
.output-bot-box {
     text-align: center;
     background: #fff;
     padding: 0px;
     float: left;
     width: -webkit-fill-available;
     border: 1px solid #f1f6f9;
     height: 1000px;
}
.output-bot-box img {
     margin-top: -14%;
     margin-bottom: 20px;
}
.content-text .output-bot-box p {
     font-size: 30px;
     margin: 10px 0;
     padding: 0 6%;
     width: 88%;
     font-weight: 400;
     line-height: 36px;
}
.output-bot-box ul {
     width: 100%;
     float: left;
     margin: 30px auto;
}
.content-text .output-bot-box ul li p{
     width: 78%;
     float: left;
     margin: 0;
     font-size: 24px;
     padding: 0;
     font-weight: 600;
     line-height: 30px;
}
.content-text .output-bot-box ul li:last-child{
     border-bottom: 0px solid;
}
.content-text .output-bot-box ul li {
     float: left;
     text-align: left;
     padding: 20px 8%;
     font-weight: 600;
     border-bottom: 2px solid #dfe3e9;
     width: 84%;
     margin: 0;
}
.content-text .output-bot-box ul li img {
     width: 11%;
     float: left;
     margin-right: 20px;
     margin-top: 0px;
     margin-bottom: 0;
}
.content-text .output-right .output-bot-box ul li img {
     margin-top: 0px;
}
.content-text .output-right .output-bot-box ul {
     width: 100%;
     float: left;
     margin: 30px auto;
     overflow-x: hidden;
     height: 450px;
     overflow-y: scroll;
 }

 .plan.fsmpro-section .learn-scroll{
     width: 100%;
     float: left;
     overflow-x: hidden;
     height: 450px;
     overflow-y: scroll;
}







.container {
     display: block;
     position: relative;
     margin: 0px auto;
     height: auto;
     width: -webkit-fill-available;
     padding: 0;
     float: left;
}

.container h2 {
     color: #AAAAAA;
}

.container ul{
     list-style: none;
     margin: 0;
     padding: 0;
     overflow: auto;
}

.container ul li{
     color: #AAAAAA;
     display: block;
     position: relative;
     float: left;
     width: 32%;
     height: 100px;
     border-bottom: 0px solid #333;
}
.container ul li:nth-child(2) {
     text-align: center;
     margin-top: 5%;
     height: auto;
}
.table-but.temp .plan-table-but {
     width: 507px;
     margin: 0 auto;
}
.table-but.temp .plan-table-but a {
     font-size: 20px;
     padding: 10px;
     margin: 10px 0;
     float: left;
     text-align: center;
}
.table-but {
     width: 100%;
     float: left;
     margin: 5% 0 0;
 }
 #enu-sys .plan-text {
     height: 75px;
     line-height: 18px;
     font-size: 14px;
 }
 /* #enu-sys.surveys-li li {
     height: 180px;
 } */
.resp-vtabs .resp-tab-content .surveys-li img {
     width: auto;
     float: none;
     min-height: initial;
     height: auto;
}

.container ul li input[type=radio]{
     position: absolute;
     visibility: hidden;
}

.container ul li label{
     display: block;
     position: relative;
     font-weight: 300;
     font-size: 24px;
     padding: 25px 25px 25px 80px;
     margin: 10px auto;
     height: 30px;
     z-index: 9;
     cursor: pointer;
     -webkit-transition: all 0.25s linear;
}

.container ul li:hover label{
     color: rgb(34, 34, 34);
}

.container ul li .check{
     display: block;
     position: absolute;
     border: 5px solid #AAAAAA;
     border-radius: 100%;
     height: 25px;
     width: 25px;
     top: 30px;
     left: 20px;
     z-index: 5;
     transition: border .25s linear;
     -webkit-transition: border .25s linear;
}

.container ul li:hover .check {
     border: 5px solid rgb(29, 29, 29);
}

.container ul li .check::before {
     display: block;
     position: absolute;
     content: '';
     border-radius: 100%;
     height: 15px;
     width: 15px;
     top: 5px;
     left: 5px;
     margin: auto;
     transition: background 0.25s linear;
     -webkit-transition: background 0.25s linear;
}

.container input[type=radio]:checked ~ .check {
     border: 5px solid #d79f60;
}

.container input[type=radio]:checked ~ .check::before{
     background: #d79f60;
}

.container input[type=radio]:checked ~ label{
     color: #d79f60;
}

.container .signature {
     margin: 10px auto;
     padding: 10px 0;
     width: 100%;
}

.signature p{
     text-align: center;
     font-family: Helvetica, Arial, Sans-Serif;
     font-size: 0.85em;
     color: #AAAAAA;
}

.signature .much-heart{
     display: inline-block;
     position: relative;
     margin: 0 4px;
     height: 10px;
     width: 10px;
     background: #d79f60;
     border-radius: 4px;
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}

.signature .much-heart::before,
.signature .much-heart::after {
     display: block;
     content: '';
     position: absolute;
     margin: auto;
     height: 10px;
     width: 10px;
     border-radius: 5px;
     background: #d79f60;
     top: -4px;
}

.signature .much-heart::after {
     bottom: 0;
     top: auto;
     left: -4px;
}

.signature a {
     color: #AAAAAA;
     text-decoration: none;
     font-weight: bold;
}


/* Styles for alert...
by the way it is so weird when you look at your code a couple of years after you wrote it XD */

.alert {
     box-sizing: border-box;
     background-color: #d79f60;
     width: 100%;
     position: relative;
     top: 0;
     left: 0;
     z-index: 300;
     padding: 20px 40px;
     color: #333;
}

.alert h2 {
     font-size: 22px;
     color: #232323;
     margin-top: 0;
}

.alert p {
     line-height: 1.6em;
     font-size:18px;
}

.alert a {
     color: #232323;
     font-weight: bold;
}

.dashboard-section th {
     background-color: #d79f60;
     color: #fff;
     font-size: 16px;
}
.dashboard-section table {

     border-collapse: collapse;
     width: 100%;
     font-weight: bold;
}
.dashboard-section tr:nth-child(odd) {
     background-color: #fff;
}
.dashboard-section td, th {
     border: 1px solid #b1b1b1;
     text-align: left;
     padding: 10px;
     text-align: center;
     font-weight: normal;
}
.progress-green-bg {
     background-color: #e0d5b6;
     transition: 0.5s;
}
.online-txt {
     padding-top: 5px;
     float: left;
     padding-left: 10px;
     color: #fff;
}

.dashboard-section {
     float: left;
     width: 100%;
}
.dashboard-table{
     float: left;
     width: 100%;
     margin: 4% 0;
}
.dashboard-width {
     width: 95%;
     margin: 0 auto;
}
#primary_nav_wrap .dashboard-bg a{
     color: #d79f60;
}




.ass-cat ul li {
     list-style: none;
     float: left;
     padding: 10px 10px;
     /* border-top: 1px solid #d3d7d9; */
     position: relative;
     width: 8%;
     padding: 0px;
     padding-top: 10px;
     text-align: center;
     padding: 0 1%;
}
.ass-cat ul li::before {
     display: inline-block;
     content: "";
     border-top: 2px solid #d3d7d9;
     width: 43%;
     transform: translateY(-1rem);
     -webkit-transform: translateY(-1rem);
     -ms-transform: translateY(-1rem);
     -webkit-transform: translateY(-1rem);
     -moz-transform: translateY(-1rem);
     -o-transform: translateY(-1rem);
     left: 0;
     position: absolute;
     top: 6px;
}
.ass-cat ul li:hover a, .ass-cat ul li.active a {
     color: #d79f60;
}
.ass-cat ul li:first-child::before {
     content: "";

}
.ass-cat ul li::before {
     display: inline-block;
     content: "";
     border-top: 2px solid #d3d7d9;
     width: 43%;
     transform: translateY(-1rem);
     -webkit-transform: translateY(-1rem);
     -ms-transform: translateY(-1rem);
     -webkit-transform: translateY(-1rem);
     -moz-transform: translateY(-1rem);
     -o-transform: translateY(-1rem);
     left: 0;
     position: absolute;
     top: 90px;
}
.ass-cat ul li.active a:before {
     background-color: #d79f60;
}
.ass-cat ul li.selected a:before {
     background-color: #000;
     background: url(../images/completed.png) no-repeat;
     background-position: center;
}
.ass-cat ul li.inporgress a:before {
     background-color: #000;
     background: url(../images/incomplete.png) no-repeat;
     background-position: center;
}
.ass-cat ul li a:before {
     content: '';
     width: 15px;
     height: 15px;
     border: 10px;
     border-radius: 50%;
     position: absolute;
     top: 67px;
     background-color: #d3d7d9;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     z-index: 9;
}

.ass-cat ul li p {
     margin-top: 53px;
     /* position: absolute; */
     text-transform: uppercase;
     width: -webkit-fill-available;
     text-align: center;
     margin-left: 0;
     font-size: 14px;
     color: #827d6d;
}

.ass-cat ul li::after {
     display: inline-block;
     content: "";
     border-top: 2px solid #d3d7d9;
     width: 43%;
     transform: translateY(-1rem);
     -webkit-transform: translateY(-1rem);
     -ms-transform: translateY(-1rem);
     -webkit-transform: translateY(-1rem);
     -moz-transform: translateY(-1rem);
     -o-transform: translateY(-1rem);
     right: 0;
     position: absolute;
     top: 90px;
}

td.online-td.progress-green-bg img{
     width: 50px;
}
.ass-cat.container-fluid {
     float: left;
     width: 100%;
     height: 200px;
     margin-top: 4%;
}

.jQueryDialogTitle {
     padding: 0 !important;
}
.jQueryDialogCloseButton a{

}
.section10 a {
     width: 224px;
     padding: 0;
     background: #fff;
     border: none;
     box-shadow: 5px 10px 14px #e7e7e7;
}

.section02.learn .left-section{
     width: 25%;
}
.banner-text .section10 p{
     width: 224px;
}

.signin-form input[type=text].error,
.signin-form input[type=email].error {
     border-bottom: 1px solid #E01546;
     font-family: 'Poppins', sans-serif;
}

.signin-form .field-error {
     color:#E01546;
     font-size: 12px;
     text-align: left;
}

.mail-del{
     width: 100%;
     float: left;
}
#signup .form select {
     width: 100%;
     margin: 2% 0;
     padding: 0;
     height: 63px;
 }
 .assessment-output .content-text .left-section p {
     line-height: 28px;
     margin: 10px 0;
 }
 .congratulations-section p{
      font-weight: 400;
 }
#signup .form .select-boxs {
     width: 29%;
     margin: 2%;
     float: left;
     height: 100px;

}

.banner-text .section10 span {
     float: left;
     padding: 15px 0px;
     width: 73%;
}
.banner-text .section10 img {
     width: auto;
     float: right;
     background: #d79f60;
     padding: 7%;
}
.jQueryDialogCloseButton {
     padding: 0 !important;
     right: -33px !important;
     background: #fff;
     top: 0 !important;
     border-radius: 0 !important;
}

.jQueryDialogTitle h2{
     display: none;
}
.jQueryDialogBody {
     padding: 0 !important;
}






/* The container */
.question-section.half {
     display: block;
     position: relative;
     padding-left: 35px;
     margin: 10px;
     font-size: 22px;
}

/* Hide the browser's default radio button */
.question-section.half input.radio_value {
     position: absolute;
     opacity: 0;
     cursor: pointer;
}

/* Create a custom radio button */
#planning .fsmpro-tab-left  .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 25px;
     width: 25px;
     background-color: #eee;
     border-radius: 50%;
}
#planning .fsmpro-tab-left .checkmark:after {
     left: 9px;
     top: 5px;
     width: 4px;
     height: 10px;
     border-color: #323232;
     border-radius: 0;
 }
/* On mouse-over, add a grey background color */
.question-section.half:hover input.radio_value ~ .checkmark {
     background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.question-section.half input.radio_value:checked ~ .checkmark {
     background-color: #d79f60;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
     content: "";
     position: absolute;
     display: none;
}

/* Show the indicator (dot/circle) when checked */
.question-section.half input.radio_value:checked ~ .checkmark:after {
     display: block;
}

/* Style the indicator (dot/circle) */
.question-section.half .checkmark:after {
     top: 5px;
     left: 5px;
     width: 15px;
     height: 15px;
     border-radius: 50%;
     background: #ffffff;
}


.container {
     display: block;
     position: relative;
     padding-left: 35px;
     margin: 10px;
     cursor: pointer;
     font-size: 22px;

     width: 100%;
     float: left;
}

/* Hide the browser's default radio button */
.container input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 25px;
     width: 25px;
     background-color: #eee;
     border-radius: 50%;
}
/* #question_div_28 .checkmark {

     border-radius: 0%;
}
#question_div_28 .container input {
     position: absolute;
     opacity: 1;
     float: left;
     cursor: pointer;
     width: 28px !important;
     left: 0;
     z-index: 9;
     height: 27px !important;
     top: -11px;
} */


/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
     background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
     background-color: #d79f60;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
     content: "";
     position: absolute;
     display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
     display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
     top: 9px;
     left: 9px;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: white;
}









.ass-cat ul li {
     list-style: none;
     float: left;
     padding: 10px 10px;
     /* border-top: 1px solid #d3d7d9; */
     position: relative;
     width: 8%;
     padding: 0px;
     padding-top: 10px;
     text-align: center;
     padding: 0 1%;
}
.ass-cat ul li::before {
     display: inline-block;
     content: "";
     border-top: 2px solid #d3d7d9;
     width: 43%;
     transform: translateY(-1rem);
     -webkit-transform: translateY(-1rem);
     -ms-transform: translateY(-1rem);
     -webkit-transform: translateY(-1rem);
     -moz-transform: translateY(-1rem);
     -o-transform: translateY(-1rem);
     left: 0;
     position: absolute;
     top: 6px;
}
.ass-cat ul li:hover a, .ass-cat ul li.active a {
     color: #d79f60;
}
.ass-cat ul li:first-child::before {
     content: "";

}
.ass-cat ul li::before {
     display: inline-block;
     content: "";
     border-top: 2px solid #d3d7d9;
     width: 43%;
     transform: translateY(-1rem);
     -webkit-transform: translateY(-1rem);
     -ms-transform: translateY(-1rem);
     -webkit-transform: translateY(-1rem);
     -moz-transform: translateY(-1rem);
     -o-transform: translateY(-1rem);
     left: 0;
     position: absolute;
     top: 90px;
}
.ass-cat ul li.active a:before {
     background-color: #d79f60;
}
.ass-cat ul li.selected a:before {
     background-color: #000;
     background: url(../images/completed.png) no-repeat;
     background-position: center;
}
.ass-cat ul li.inporgress a:before {
     background-color: #000;
     background: url(../images/incomplete.png) no-repeat;
     background-position: center;
}
.ass-cat ul li a:before {
     content: '';
     width: 15px;
     height: 15px;
     border: 10px;
     border-radius: 50%;
     position: absolute;
     top: 67px;
     background-color: #d3d7d9;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     z-index: 9;
}
.ass-cat.box-eight ul li.active p {
     color: #2e2e2e;
}
.ass-cat ul li.active p {
     color: #2e2e2e;
}
.ass-cat ul li p {
     margin-top: 53px;
     /* position: absolute; */
     text-transform: uppercase;
     width: -webkit-fill-available;
     text-align: center;
     margin-left: 0;
     font-size: 16px;
     color: #838383;
     min-height: 100px;
     font-weight: 600;
     width: 91%;
     margin: 53px 8px;
     text-decoration: none;
     outline: none;
 }

.ass-cat ul li::after {
     display: inline-block;
     content: "";
     border-top: 2px solid #d3d7d9;
     width: 43%;
     transform: translateY(-1rem);
     -webkit-transform: translateY(-1rem);
     -ms-transform: translateY(-1rem);
     -webkit-transform: translateY(-1rem);
     -moz-transform: translateY(-1rem);
     -o-transform: translateY(-1rem);
     right: 0;
     position: absolute;
     top: 90px;
}

td.online-td.progress-green-bg img{
     width: 30px;
}
.ass-cat.container-fluid {
     float: left;
     width: 100%;
     height: 150px;
     margin-top: 4%;
 }

.infratructure-assessment-section .info-left {
     float: left;
     width: 100%;
}

.infratructure-assessment-section .info-tittle {
     display: block;
     width: 100%;
     float: none;
     text-align: center;
     margin-bottom: 5%;
 }
 .infratructure-assessment .public-sec .right-enabler {
     margin-top: 30px;
     float: left;
     width: 78%;
     margin-top: 20%;
 }
 .community-sec, .ease-access, .public-sec{
      display: block;
 }

 .infratructure-assessment .community-sec .right-enabler {
     margin-top: 30px;
     float: left;
     width: 78%;
     margin-top: 20%;
 }
.infratructure-assessment-section .info-tittle img {
     width: 80px;
     float: none;
     height: auto;
     }
     .infratructure-assessment-section .household {
          float: left;
          width: 43%;
          margin: 0 3%;
      }

.infratructure-assessment-section .info-left.half {
     width: 50%;
}
.infratructure-assessment-section .info-left.half .household img {
     width: 60%;
     float: none;
     margin: 0 auto;
     position: relative;
 }
 .infratructure-assessment-section .info-left.half .household {
     width: 100%;
     text-align: center;
     position: relative;
     height: 240px;
 }


 .content-text h3.female {
     position: absolute;
     top: 13%;
     right: 24%;
     font-size: 42px;
     font-weight: 400;
     width: 110px;
 }
 .content-text h3.male {
     position: absolute;
     bottom: 27%;
     left: 24%;
     font-size: 46px;
     font-weight: 400;
     width: 110px;
 }
 .output-adequacy {
     position: relative;
 }

 .household .output-adequacy img {
     width: 75%;
     float: none;
     position: relative;
 }
 .content-text .output-adequacy h3.male {
     position: absolute;
     bottom: 22%;
     left: 18%;
 }
 .content-text .output-adequacy h3.female {
     position: absolute;
     top: 15%;
     right: 18%;
 }
.ass-cat.box-eight ul li{
     width: 10%;
}
.ass-cat.box-eight ul li img{
     opacity: 0.2;
     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
     filter: grayscale(100%);

}
.ass-cat.box-eight ul li.active img{
     opacity: 0.9;
     -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
     filter: grayscale(0%);
}
.ass-cat.box-eight ul li:hover img{
     opacity: 0.9;
     -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
     filter: grayscale(0%);
}
.ass-cat.box-eight ul li:hover p {
     color: #2e2e2e;
}




.ass-cat.box-nine ul li{
     width: 9%;
}
.ass-cat.box-nine ul li img{
     opacity: 0.3;
     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
     filter: grayscale(100%);

}
.ass-cat.box-nine ul li.active img{
     opacity: 0.9;
     -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
     filter: grayscale(0%);
}
.ass-cat.box-nine ul li:hover img{
     opacity: 0.9;
     -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
     filter: grayscale(0%);
}
.ass-cat.box-nine ul li:hover p {
     color: #2e2e2e;
}


.ass-cat ul li p span {
     font-size: 12px;
     color: #b7b7b7;
     float: left;
     width: 100%;
     text-transform: lowercase;
     margin-top: 5px;
}

.jQueryDialogTitle {
     padding: 0 !important;
}
.jQueryDialogCloseButton a{

}
.section10 a {
     width: 225px;
     padding: 0;
     background: #fff;
     border: none;
}
.banner-text .section10 p{
     width: 225px;
}
.banner-text .section10 span {
     padding: 15px 0px;
     float: left;
}
.banner-text .section10 img {
     width: auto;
     float: right;
     background: #d79f60;
     padding: 7%;
}
.jQueryDialogCloseButton {
     padding: 0 !important;
     right: -33px !important;
     background: #fff;
     top: 12px !important;
     border-radius: 0 !important;
}

.jQueryDialogTitle h2{
     display: none;
}
.jQueryDialogBody {
     padding: 0 !important;
}
.pop-close {
     text-align: center;
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    float: right;
 }

.household .pre-light-grey {
     background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
     background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
     background-image: linear-gradient(45deg,rgb(255, 255, 255) 25%,transparent 25%,transparent 50%,rgb(255, 255, 255) 50%,rgb(255, 255, 255) 75%,transparent 75%,transparent);
     -webkit-background-size: 40px 40px;
     background-size: 40px 40px;
     border-radius: 12px 0 0 12px;
}














.body-space {
     width: 100%;
     float: left;
     margin-top: 0px;
}

.full-header-menu {
     width: 100%;
     float: left;

     z-index: 99;
}


.contribute {
     float: left;
     width: 100%;
     padding: 60px 0;
}
.fsmpro .right-enabler {
     float: right;
     width: 100%;
 }

.fsmpro .content-text .household ul li {
     position: relative;
     float: left;
     width: 23%;
     margin: 0 5%;
 }

.contribute .content-text h1 {
     margin-top: 20px;
     font-size: 48px;
     font-weight: 700;
     color: #000;
}
.contribute-left {
     width: 60%;
     float: left;
     text-align: left;
     margin-top: 25%;
}
.contribute-left h3 {
     text-align: center;
     width: 100%;
     font-size: 40px;
     font-weight: 500;
     color: #2e2e2e;
}

.contribute-right {
     width: 600px;
     float: left;
     margin: 2% 0;
}

.upload h3{
     background: #e6e6e6;
     padding: 25px 20px;
     width: -webkit-fill-available;
     display: inline-flex;
     display: -webkit-flex;

     display: -moz-flex;
     display: -moz-box;
     display: -ms-flexbox;
     font-size: 28px;
     margin-top: 0;
     width: 93.4%;
}
#contributor-form span.cont-num, span.cont-num{
     width: auto;
     float: left;
     background: #000;
     color: #fff;
     border-radius: 50px;
     padding:20px 22px;
     height: auto;
     margin: -10px 20px;
}

.contribute-right select {
     padding: 5px;
     width: 100%;
     padding: 0px;
     text-indent: 0px;
     font-size: 22px;
     margin: 12px 0;
     height: 66px;
     outline: none;
     text-indent: 20px;
 }
 .contribute-right select option {
     font-size: 18px;
     line-height: 24px;
     background: #ffffff;
     outline: none;
     border: none;
 }

 .contribute-right select::before {
     content: "";
     background-image: url(../images/drop-arr.png);
     background-position: 10px 16px;
     background-repeat: no-repeat;
     width: 73px;
     float: right;
     height: 67px;
     position: relative;
     z-index: 1;
     display: block;
     background-size: 63%;
}

.upload-file {
     width: -webkit-fill-available;
     float: left;
     padding: 30px 10%;
     background: #f7f7f7;
}
.content-text .upload-file p {
     font-size: 18px;
     margin: 0 0 5px;
 }
 .upload-file input[type="file"] {
     width: 100%;
     border: none;
     background: #fff;
     height: auto;
     padding: 20px;
     font-size: 12px;
     color: #000;
     display: inline-block;
     overflow: hidden;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     background: url(../images/upload-icon.png) right center no-repeat #ffffff;
         background-position-x: right;
         background-position-y: center;
         background-size: auto;
     border-radius: 0;
     background-size: 60px 60px;
     background-position: 95%;
     padding: 30px 95px 30px 20px;
     outline: none;
     float: right;
     border: 1px solid #a9a9a9;
     font-family: 'Poppins', sans-serif;
 }
.upload-file p {
     font-size: 18px;
     color: #85949f;
     float: left;
     margin-top: 5px;
     text-align: left;
}

.upload-file input[type="text"] {
     width: -webkit-fill-available;
     height: 30px;
     padding: 20px 30px;
     font-size: 22px;
     margin: 20px 0;
     outline: none;
     background: #fff;
     font-family: 'Poppins', sans-serif;
     border: 1px solid #a9a9a9;
     width: 91%;
}
.upload-file input[type="text"]::placeholder{
     color: #85949f;
}
.uplaod-but {
     float: left;
     width: 100%;
     margin: 40px 0;
}

.uplaod-but span{
     float: left;
     width: auto;
     margin: 0;
}
.uplaod-but input[type="submit"] {
     float: right;
     margin: 0;
     width: 75%;
     outline: none;
     font-size: 30px;
     padding: 25px 15px;
     text-transform: capitalize;
     font-family: 'Poppins', sans-serif;
     background: none;
     border: 1px solid;
     cursor: pointer;
}

.upload-file  input[type="date"] {
     width: 90%;
     height: auto;
     padding: 20px 30px;
     font-size: 22px;
     margin: 20px 0;
     outline: none;
     font-family: 'Poppins', sans-serif;
     cursor: pointer;
     background: #fff;
     border: 1px solid #a9a9a9;
     color: #85949f
}
.uplaod-but input[type="submit"]:hover{
     background: #232323;
     color: #fff;
}
div#cityBox {
     margin: 3% 2% !important;
 }
 .select-boxs label{
      float: left;
      text-align: left;
 }

 .upload-file textarea {
     width: 91%;
     height: auto;
     min-width: 91%;
     padding: 20px 20px;
     font-size: 22px;
     margin: 20px 0;
     outline: none;
     font-family: 'Poppins', sans-serif;
     background: #fff;
     border: 1px solid #a9a9a9;
 }
label {
     font-size: 22px;
 }
 .upload-file input[type="number"] {
     width: 100%;
     height: auto;
     padding: 20px 0px;
     font-size: 22px;
     margin: 20px 0;
     outline: none;
     font-family: 'Poppins', sans-serif;
     background: #fff;
     border: 1px solid #a9a9a9;
     text-indent: 20px;
 }

.upload-file .effect-1 ~ label {
     top: 25px;
     z-index: -1;
     left: 0;
     width: auto;
     text-align: left;
     text-indent: 20px;
     background: #fff;
     padding-right: 20px;
     margin-left: 2px;
}

.upload-file .effect-1:focus ~ label, .upload-file .has-content.effect-1 ~ label {
     top: 2px;
     font-size: 14px;
     color: #d79f60;
     transition: 0.3s;
     border: 1px solid;
     left: 5px;
     text-indent: 15px;
     z-index: 1;
 }
ul.select-options li:first-child {
     display: none;
}

textarea::-webkit-input-placeholder{color: #85949f;font-family: 'Poppins', sans-serif;} textarea:-moz-placeholder, :-moz-placeholder, :-moz-placeholder, textarea:-moz-placeholder{color: #85949f;font-family: 'Poppins', sans-serif;}


input::-webkit-input-placeholder{color: #85949f;font-family: 'Poppins', sans-serif;} input:-moz-placeholder, :-moz-placeholder, :-moz-placeholder, input:-moz-placeholder{color: #85949f;font-family: 'Poppins', sans-serif;}
/* Learn css */


.learn {
     float: left;
     width: 100%;
     margin: 2% 0 10%;
 }
.learn-map {
     width: 100%;
     float: left;
}
.learn-map h4 {
     font-size: 38px;
     width: 90%;
     text-align: center;
     margin: 0 auto 30px;
}

.learn-left-map {
     width: 70%;
     float: left;
     margin: 20px 0;
}
.learn-left-map img {
     width: 100%;
}

.learn-right-del {
     width: 25%;
     float: right;
 }

.learn-right-del h3 {
     width: 100%;
     border-bottom: 2px solid #e8e8e8;
     float: left;
     display: inline-flex;
     display: -webkit-flex;

     display: -moz-flex;
     display: -moz-box;
     display: -ms-flexbox;
     font-weight: 600;
     font-size: 48px;
}
.learn-right-del p {
     float: left;
     width: 70%;
     margin-left: 20px;
     font-size: 32px;
     margin-top: 10px;
     font-weight: 500;
}
.learn-right-del ul{

}
.learn-right-del ul li a{
     font-size: 36px;
     margin-top: 10px;
     font-weight: 500;
     color: #292929;
     text-decoration: none;
     margin: 10px 0;
     float: left;
     width: 100%;
     border-bottom: 2px solid #e8e8e8;
}
.learn-right-del li b{
     font-weight: 600;
     font-size: 48px;
     color: #292929;
     margin-right: 10px;
     float: left;
}

.learn-right-del ul li ul.dropdown-res {
     display: none;
     overflow-y: scroll;
     height: 400px;
     float: left;
     width: 100%;
}

.learn-right-del ul li {
     position: relative;
     float: left;
     width: 100%;
}
.learn-right-del ul li ul.dropdown-res li:after {
     display: none;
}
.learn-right-del ul li:first-child:after {
     display: none;
     content: '';
     position: absolute;
     top: 40px;
     right: 22px;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     height: 0;
     width: 0;
     border-top: 15px solid silver;
     border-left: 12px solid transparent;
     border-right: 12px solid transparent;
}


.learn-prt_land_bg {
     float: none;
     width: 100%;
     height: auto;
     text-align: center;
     margin-bottom: 2%;
     margin: 0 auto;
     clear: both;
	 display: inline-block;
}
.learn-prt_logo_bg {
     width: 30%;
     height: auto;
     display: inline-block;
     margin: 1.5%;
     background: #f1f1f1;
     padding: 0px;
}
.learn-box-1-row {
     width: 100%;
     height: auto;
     position: relative;
     float: left;
     height: 400px;
     overflow: hidden;
}
.learn-box-1-row.demo-3 img {
     position: relative;
     width: auto;
     float: left;
     height: 100%;
     overflow: hidden;
     min-height: 300px;
 }
.blog-right {
     width: 42%;
     float: right;
     padding: 20px;
     position: absolute;
     top: 0;
     right: 0;
     background: rgba(241, 241, 241, 0.80);
     bottom: 0;
}
.blog-left {
     width: 100%;
     float: left;
     background: rgba(37, 37, 37, 0.38);
     height: 100%;
     padding: 0;
     position: absolute;
}


.learn-box-1-row.demo-3 {
     position: relative;
     overflow: hidden;
}
.learn-box-1-row.demo-3 img {
     max-width: auto;

     -moz-transition: all 0.3s;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
}
.learn-box-1-row.demo-3:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     transform: scale(1.1);
}
.blog-right h5 a:hover {
     background: none;
     color:#333;
     border: 0px solid #dc9442;
 }
.blog-right h5 a{
     font-size: 20px;
     float: left;
     text-align: left;
     margin-bottom: 10px;
     width: 100%;
     line-height: 1;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     max-height: 222px;
     padding: 0;
     border: none;
 }
.blog-right p {
     font-size: 14px;
     width: 100%;
     float: left;
     text-align: left;
     margin-bottom: 30px;
     line-height: 14px;
}

.blog-text-con {
     width: 100%;
     float: left;
     min-height: 145px;
 }

 .blog-text-but {
     position: absolute;
     bottom: 20px;
 }
 .blog-right a {
     display: block;
     font-size: 14px;
     float: left;
     text-align: center;
     border: 2px solid #292929;
     padding: 8px 12px;
     color: #292929;
     text-decoration: none;
     cursor: pointer;
     background-color: #fff0;
     width: 130px;
 }

.blog-right a:hover {
     background: #dc9442;
     color: #fff;
     border: 2px solid #dc9442;
}

.pagination a.num {
     margin: 20px 10px;
     width: 28px;
     text-align: center;
     float: left;
     display: block;
}
.learn .paginaton-section {
     width: 810px;
     margin: 0 auto;
     float: none;
}

.learn .filter-section li {
     width: 9%;
}
.learn .filter-section {
     width: 90%;
     margin: 0 auto;
     position: relative;
}
.filter-section ul img {
     float: left;
     padding: 0 24px 0;
 }

.learn .filter-section li:nth-child(3) {
     width: 13%;
}
.learn .filter-section li:nth-child(6) {
     width: 19%;
}
.learn .filter-section li:nth-child(7) {
     width: 13%;
}
.learn .filter-section li:nth-child(8) {
     width: 17%;
}
.learn-filter .dropbtn{
     font-size: 24px;

}
.learn .dropdown-content {

     width: -webkit-fill-available;
     left: 0;
     right: 0;
     background: #ececec;
     padding: 40px;
}
.learn .dropbtn:hover, .learn .dropbtn:focus {
     background-color: #ececec;
}
.learn .dropdown-content a{
     width: auto;
     float: left;
     margin: 1%;
     font-size: 20px;
     border: 1px solid #292929;
     padding:20px;
     background: none;
}
.learn .filter-menu {
     width: 100%;
     float: left;
     background: #ffffff;
}
.learn .search01 input {
     width: 100%;
     height: auto;
     line-height: 1em;
     padding: 28px 4%;
     border: none;
     outline: none;
     background-color: transparent;
     font-size: 22px;
     color: #000;
     float: left;
     transition: all .25s linear;
}
.learn .search01 {
     float: right;
     cursor: pointer;
}
.learn .search01 a{
     background: #fff;
}
.learn .search01.collapsed a{
     background: #fff0;
}
.learn .search01.collapsed a:hover{
     background: #fff0;
}
.learn .dropdown-content a:hover {
     background-color: #eae0c5;
     color: #4b4b4b;
}
.learn .search01 a::before {
     content: "";
     background-image: url(../images/learn-search.png);
     background-position: 10px 16px;
     background-repeat: no-repeat;
     width: 73px;
     height: 80px;
     position: relative;
     z-index: 1;
     display: block;
     background-size: 63%;
     background-color: #fff;
}
.blog-section {
     float: left;
     width: 100%;
     margin: 60px 0;
}


.learn .search01 {
     width: 22%;
}


.search01 {
     float: right;
     width: auto;
}


.search01 {
     width: 22em;
     height: 43px;
     padding: 0;
     margin: 0;
     line-height: 2em;
     background-color: #3330;
     position: relative;
     transition: all .25s linear;
     margin-right: 20px;
}

.search01 input {
     width: 100%;
     height: 43px;
     line-height: 1em;
     padding: 0 0 0 .5em;
     border: none;
     outline: none;
     background-color: transparent;
     font-size: 18px;
     color: #000;
     font-family: 'Poppins', sans-serif;
     float: left;
     transition: all .25s linear;
}
.search01 a {
     width: 2em;
     height: 2em;
     line-height: 2em;
     padding: 0;
     color: #000;
     text-align: center;
     text-decoration: none;
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     transition: all .25s linear;
}
.search01 a::before {
     content: "";
     background-image: url(../images/search-icon.png);
     background-position: 10px 10px;
     background-repeat: no-repeat;
     width: 37px;
     height: 33px;
     position: relative;
     z-index: 9;
     display: block;
}


.search01 a:hover {
     color: #eee;
}
.search01.collapsed {
     width: 2em;
     margin-left: 0em;
}
.search01.collapsed input {
     width: 0;
}
.search01.collapsed a {
     color: #999;
}
.search01.collapsed a:hover {
     color: #bbb;
}


.search01  ::placeholder{
     color: #7f7f7f;
     font-weight: 400;
}
.search01 ::-webkit-input-placeholder { /* Chrome */
     color: #7f7f7f;
     font-weight: 400;
}
.search01 :-ms-input-placeholder { /* IE 10+ */
     color: #7f7f7f;
     font-weight: 400;
}
.search01  ::-moz-placeholder { /* Firefox 19+ */
     color: #7f7f7f;
     font-weight: 400;
     opacity: 1;
}
.search01  :-moz-placeholder { /* Firefox 4 - 18 */
     color: #7f7f7f;
     font-weight: 400;
     opacity: 1;
}
.learn-right-del ul li ul li a{
     border-bottom: none;
     margin: 5px 0;
}

::-webkit-scrollbar {
     width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
     background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
     background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
     background: #555;
}






#planning .section01:nth-child(even) .left-section {
     width: 40%;
     float: left;
     margin-left: 5%;
     position: absolute;
     top: 30%;
 }

 #planning .section01:nth-child(odd) .left-section {
     width: 40%;
     float: right;
     margin-right: 5%;
     margin-left: 0;
     position: absolute;
     top: 30%;
     right: 0;
 }
 #planning .section01:nth-child(even) .left-section.business {
     width: 40%;
     float: left;
     margin-left: 5%;
     position: absolute;
     top: 10%;

 }

#planning .section01:nth-child(odd) .right-section {
     width: 50%;
     float: left;
}
.play-but {
     width: 100%;
     float: left;
     position: relative;
}

#planning .section01 .content-text a {
     clear: initial;
     margin: 30px 10px;
}
#planning .section01 .content-text span {
     font-size: 15px;
     color: #8f8f8f;
     margin: 20px 0;
}



#planning .question-section.table th {
     font-weight: bold;
     width: 6%;
     height: 80px;
     min-height: 130px;
     font-size: 22px;
}

#planning .question-section.table tr td:first-child {
     background: #fff;

}
#planning .question-section.table tr td.first-box{
     font-size: 30px;
}

#planning .question-section.table .first-box {
     width: 20%;
     text-align: center;
}
#planning .question-section.table td {
     text-align: left;

}
#planning .question-section.table input {
     border: none;
     width: 100%;
}
#planning .question-section.table th, #planning .question-section.table td {
     height: 80px;
     width: 39%;
     padding: 0 20px;
 }
#planning .question-section.table table{
     font-size: 24px;
}
#planning .question-section.table tr:first-child {
     background: #fff;
}
#planning .question-answer {
     padding:0 0 60px 0;
}

.add-one {
     width: 59%;
     float: none;
     margin: 0px auto;
}
.add-one a {
     font-size: 32px;
     color: #232323;
     margin: 30px 0;
     float: left;
     text-decoration: none;
     border-bottom: 3px solid #232323;
}
.add-one a:hover{
     color: #000;
     border-bottom: 3px solid #fff;
}



.over-view-cont {
     width: 100%;
     display: inline-flex;
     display: -webkit-flex;

     display: -moz-flex;
     display: -moz-box;
     display: -ms-flexbox;
}
.left_cont {
     float: left;
     padding-right: 0;
     width: 100%;
}

.lightbox-effect-section {
     float: right;
     margin-left: 15px;
}
.i-v {
     height: auto;
     float: right;
     max-height: 165px;
}
.i-v, .i-v iframe, .i-v img {
     max-width: 220px;
}
.boxgrid, .i-v {
     overflow: hidden;
}
.i-v a {
     display: block;
     float: left;
}
.i-v a img {
     display: block;
     border: 0;
}
.i-v img {
     height: auto;
     float: right;
     padding-right: 5px;
     padding-bottom: 10px;
     padding-top: 10px;
}

.learn-text .content-text p{
     float: none;
}
.learn-text .content-text h3{
     float: none;
}
.learn-text .content-text ul li{
     float: none;
}
#submit_table_data {
     font-size: 28px;
     padding: 10px 20px;
     border: 1px solid #000;
     float: left;
     margin: 20px;
     background: #fff;
     outline: none;
     color: #000;
     text-decoration: none;
     text-transform: uppercase;
     display: inline-flex;
     display: -webkit-flex;

     display: -moz-flex;
     display: -moz-box;
     display: -ms-flexbox;
     cursor: pointer;
}
.question-section.table .plan-table-but {
     width: 288px;
     margin: 0 auto;
}
#submit_table_data:hover {
     background-color: #d79f60;
     color: #fff;
     border: 1px solid #d79f60;
}

.pagination .paginaton-section.learn a {
     margin: 20px 10px;
     width: 28px;
     text-align: center;
     display:block;
}

.pagination .paginaton-section.learn a:last-child {
     width: auto;
     display: inline-flex;
     display: -webkit-flex;

     display: -moz-flex;
     display: -moz-box;
     display: -ms-flexbox;
}
.pagination .paginaton-section.learn a:first-child {
     width: auto;
     display: inline-flex;
     display: -webkit-flex;

     display: -moz-flex;
     display: -moz-box;
     display: -ms-flexbox;
}


.col-3 {
     float: left;
     width: 100%;
     margin: 0;
     position: relative;
}
.form input[type="text"] {

     width: 100%;
     box-sizing: border-box;
     letter-spacing: 1px;
     border-bottom: 2px solid #ecedf5 ;

     background: none;
     font-family: 'Poppins', sans-serif;
}

.effect-1{
     border: 0;
     padding: 4px 0;
     border-bottom: 1px solid #ecedf5;
     background-color: transparent;
}

.effect-1 ~ .focus-border{
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0;
     height: 2px;
     background-color: #d79f60;
     transition: 0.4s;
}

.effect-1:focus ~ .focus-border,
.has-content.effect-1 ~ .focus-border{
     width: 100%;
     transition: 0.4s;
}

.effect-1 ~ label {
     position: absolute;
     left: 0;
     width: 100%;
     top: 25px;
     color: #aaa;
     transition: 0.3s;
     z-index: -1;
     letter-spacing: 0.5px;
     left: 0;
     text-align: left;
     text-indent: 20px;
     font-size: 24px;
     font-weight: 400;
}

.effect-1:focus ~ label,
.has-content.effect-1 ~ label{
     top: 10px;
     font-size: 18px;
     color: #d79f60;
     transition: 0.3s;
}

#signup .col-3 {
     float: left;
     width: 45%;
     margin: 0 2%;
     position: relative;
     height: 80px;
 }
a:-webkit-any-link{
     text-decoration:none !important;
     -webkit-appearance: none;
     -moz-appearance: none;
}

.question-section.table input::-webkit-input-placeholder {
     text-align:center;
}

.question-section.table input:-moz-placeholder { /* Firefox 18- */
     text-align:center;
}

.question-section.table input::-moz-placeholder {  /* Firefox 19+ */
     text-align:center;
}

.question-section.table input:-ms-input-placeholder {
     text-align:center;
}

.unit-label {
     font-size: 16px;
     color: #d79f60;
     text-align: right;
     width: auto;
     display: block;
     float: left;
     margin:16px 0 0;
     outline: none;
     padding: 0px 20px;
     font-weight: 500;
}






.fil1 {fill:#F2F0EF}
.fil8 {fill:#86898A}
.fil9 {fill:#3EB76C}
.fil0 {fill:black}
.fil2 {fill:#D79F60}
.fil6 {fill:#F89B43}
.fil5 {fill:#E0E1E0;fill-rule:nonzero}
.fil7 {fill:#3EB76C;fill-rule:nonzero}
.fil4 {fill:#F89B43;fill-rule:nonzero}
.fil3 {fill:white;fill-rule:nonzero}
.fnt3 {
     font-weight: 700;
     font-size: 1459.37px;
}
.fnt0 {
     font-weight: 600;
     font-size: 1945.75px;
}
.fnt2 {font-weight:normal;font-size:2210.16px;}
.fnt4 {font-weight:normal;font-size:5837.6px;}
.fnt1 {
     font-weight: 700;
     font-size: 5789.13px;
}
#wrapper {
     width:630px;
     margin:0 auto;
     position: relative;
}
.charts-container {
     position: relative;
}

.set-size {
     font-size: 19em;
     position: absolute;
     top: 83px;
     left: 148px;
     z-index: -1;
 }
 .cdev {
     position: relative;
     height: 240px;
     width: 240px;
     margin: 0 auto;
 }
 .learn-filter-section .filter-section ul img {
     float: left;
     padding:24px 0;
 }
.cdev div {
     position: absolute;
     height: 100%;
     width: 100%;
     border-radius: 50%;
}
.cdev div span {
    position: absolute;
    font-size: 0px;
    line-height: 75px;
    height: 220px;
    width: 220px;
    left: 10.5px;
    top: 10.5px;
    text-align: center;
    border-radius: 50%;
    background-color: white;
    display: block;
    margin: 0;
}

.set-size01 .cdev div span {
     display: block;
     height: 145px;
     width: 144px;
     left: 7.5px;
     top: 9px;
}
.set-size01 .cdev {
     position: relative;
     height: 163px;
     width: 162px;
     margin:0 auto;
}

.set-size01 .cdev .rotate {
     clip: rect(0 81.5px 163px 0);
     background-color: #D79F60 !important;
}

.set-size01 .cdev .left {
     clip: rect(0 81.5px 163px 0);
     opacity: 1;
     background-color: #b3cef6;
}
.set-size01 .col-md-1.mb20 {
     border: 4px solid #fff;
     border-radius: 100px;
     cursor: pointer;
 }
.set-size01.charts-container {
     width: auto;
     float: right;
     border: 1px solid #8b8b8b;
     border-radius: 100px;
}
.set-size01 .cdev .right {
     clip: rect(0 81.5px 163px 0);
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     opacity: 0;
     background-color: #D79F60 !important;
}
.infratructure-assessment-section {
     width: 100%;
     float: left;
     margin-top: 60px;
 }
.cdev .background { background-color: #e0e1e0; }

.cdev .rotate {
     clip: rect(0 120px 240px 0);
     background-color: #D79F60 !important;
}

.cdev .left {
     clip: rect(0 120px 240px 0);
     opacity: 1;
     background-color: #b3cef6;
}

.cdev .right {
     clip: rect(0 120px 240px 0);
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     opacity: 0;
     background-color: #D79F60 !important;
}
.bar-text {
     z-index: 9;
     text-align: center;
     margin-top: 44px;
}
.cdev .bar-text b {
     font-size: 30px;
     margin-top: 12px !important;
     width: 100%;
     text-align: center;
     color: #cf9f6a;
     font-weight: 400;
}
.content-text .cdev .bar-text p {
     font-size: 14px;
     color: #333332;
     font-weight: 400;
     margin: 0;
}





.household .str0 {stroke:#c8ccd5 !important;stroke-width:590.552}
.household .str1 {stroke:#D79F60;stroke-width:1181.1;stroke-linecap:round}
.household .str2 {stroke:#D79F60;stroke-width:1181.1;stroke-linecap:round}
.household .fil0 {fill:none}
.household .fil5 {fill:black}
.household .fil6 {fill:black}
.household .fil1 {
     fill: #313131;
     z-index: -1;
     }
.household .fil2 {fill:#D79F60}
.household .fil3 {
     fill: #313131;
     fill-rule: nonzero;
}
.household .fil4 {fill:#D79F60;fill-rule:nonzero}
.household .fnt0 {
     font-weight: normal;
     font-size: 10873.3px;
}
.review-date .household .fnt1 {
     font-weight: 600;
     font-size: 5708.9px;
}
.inactive-menu{
     color: #e0d5b7;
}


.household svg.smaill-bar {
     float: left;
     margin-top: -10px;
     margin-left: 12px;
}


.content-text .household{
     position: relative;
     float: left;
}
.content-text .household ul li {
     position: relative;
     float: left;
     width: 40%;
     margin: 0 5%;
}
.household .set-size02 {
     position: absolute;
     top: 45px;
     left: 32px;
     z-index: -1;
}
.household .set-size02 .cdev {
     position: relative;
     height: 190px;
     width: 190px;
     margin: 0 auto;
}

.household .set-size02 .cdev div span {
     position: absolute;
     font-family: Arial;
     font-size: 25px;
     line-height: 75px;
     height: 180px;
     width: 180px;
     left: 5px;
     top: 5px;
     text-align: center;
     border-radius: 50%;
     color: #fff0;
     background-color: white;
     display: block;
}


.by-road .content-text .household {
     position: relative;
     float: left;
     margin: 0 auto;
     width: 100%;
 }
 .by-road .content-text .household .two-box {
     width: 100%;
     float: left;
     position: relative;
 }
 p#survey_counts_success_message {
     text-align: center;
     color: green;
 }
 .by-road .content-text .household .by-road-section {
     width: 100%;
     margin: 0% auto;
     float: left;
 }
 .containment-sec, .containmentsys-sec, .desludgingope-sec, .response-sec, .frequency-sec, .safety-sec, .desludging-sec{
display: block;
 }
.household .set-size02 .cdev .background { background-color:#c8ccd5 !important; }



.household .set-size02 .cdev .rotate {
     clip: rect(0 95px 190px 0);
     background-color: #D79F60 !important;
}

.household .set-size02 .cdev .left {
     clip: rect(0 95px 190px 0);
     opacity: 1;
     background-color:#c8ccd5 !important;
}

.household .set-size02 .cdev .right {
     clip: rect(0 95px 190px 0);
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     opacity: 0;
     background-color: #D79F60 !important;
}



.dash-info ul.interest li{
     color: #d79f60;
    margin: 0 10px;
    font-size: 14px;
    float: right;
}







.household .set-size03 {
     position: absolute;
     top: 25px;
     left: 13.5px;
     z-index: -1;
}
.household .set-size03 .cdev {
     position: relative;
     height: 230px;
     width: 230px;
     margin: 0 auto;
}

.household .set-size03 .cdev div span {
     position: absolute;
     font-family: Arial;
     font-size: 25px;
     line-height: 75px;
     height: 220px;
     width: 220px;
     left: 5px;
     top: 5px;
     text-align: center;
     border-radius: 50%;
     color: #fff0;
     background-color: white;
     display: block;
}


.household .set-size03 .cdev .rotate {
     clip: rect(0 115px 230px 0);
     background-color: #D79F60 !important;
}

.household .set-size03 .cdev .left {
     clip: rect(0 115px 230px 0);
     opacity: 1;
     background-color: #c8ccd5 !important;
}

.household .set-size03 .cdev .right {
     clip: rect(0 115px 230px 0);
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     opacity: 0;
     background-color: #D79F60 !important;
}



.infratructure-assessment-section .info-left.half .household img.male-icon {
     width: 75px;
     float: none;
     margin: 0 auto;
     position: absolute;
     z-index: -1;
     left: 104px;
     top: 28px;
 }
 .infratructure-assessment-section .info-left.half .household img.female-icon {
     width: 75px;
     float: none;
     margin: 0 auto;
     position: absolute;
     z-index: -1;
     left: 77px;
     bottom: -65px;
 }

 .set-size04.charts-container.female {
     top: 0;
 }
 .assessment-section.male-female {
     width: 100%;
     float: left;
     margin-bottom: 7%;
 }
 .available-cul {
     left: -80px;
     height: auto !important;
 }
 .content-text .household .bar-text .available-cul h3 {
     font-size: 18px;
     margin: 0;
     color: #24B25E;
 }
 .content-text .household .bar-text .available-cul p{
     text-align: left;
     margin: 0;
     color: #24B25E;
 }

 .required-cul {
     right: -125px;
     height: auto !important;
     width: auto !important;
 }
 .content-text .household .bar-text .required-cul h3 {
     font-size: 18px;
     margin: 0;
     color: #c8ccd5;
 }
 .content-text .household .bar-text .required-cul p {
     text-align: left;
     margin: 0;
     color: #c8ccd5;
 }
 .content-text .household .female .bar-text .available-cul h3 {
     font-size: 18px;
     margin: 0;
     color: #fdc13c;
 }
 .content-text .household .female .bar-text .available-cul p {
     text-align: left;
     margin: 0;
     color: #fdc13c;
 }
 .male-female-section {
     float: left;
     width: 300px;
     position: relative;
     z-index: 9;
 }
 .household .set-size04 {
     position: relative;
     top: 77px;
     left: 60px;
     z-index: -1;
     border: 4px solid;
     border-radius: 50%;
     width: auto;
     float: left;
 }
.household .set-size04 .cdev {
     position: relative;
     height: 100px;
     width: 100px;
     margin: 0 auto;
}
.household .set-size04 .cdev div {
     position: absolute;
     height: 100%;
     width: 100%;
     border-radius: 50%;
}

.household .set-size04 .cdev div span {
     position: absolute;
     font-size: 0px;
     line-height: 75px;
     height: 90px;
     width: 90px;
     left: 5px;
     top: 5px;
     text-align: center;
     border-radius: 50%;
     color: rgba(255, 255, 255, 0);
     background-color: rgba(255, 255, 255, 0);
     display: block;
     opacity: 0;
}

.household .set-size04 .cdev div span {
     display:block;
}


.household .set-size04 .cdev .rotate {
     clip: rect(0 50px 100px 0);
     background-color:#313131 !important;
}

.household .set-size04 .cdev .left {
     clip: rect(0 50px 100px 0);
     opacity: 1;
     background-color:#c8ccd5 !important;
}

.household .set-size04 .cdev .right {
     clip: rect(0 50px 100px 0);
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     opacity: 0;
     background-color:#313131 !important;
}


@keyframes
toggle {  0% {
               opacity: 0;
          }
          100% {
               opacity: 1;
          }
}

.household {
     float: left;
     position: relative;
}
.household .bar-text {
     z-index: 9;
     text-align: center;
     margin-top: 26px;
}
.content-text .household .bar-text p {
     text-align: center;
     font-size: 13px;
     font-weight: 400;
     color: #323232;
     margin: 0;
     line-height: 16px;
     margin-top: 20px;
 }

.content-text .household .bar-text b{

     font-size: 16px;
     font-weight: 800;
     color: #323232;
     margin: 0;

}














.enabling-section .enabler-ecosystem .content-text .info-text {
     width: 96%;
     float: left;
     border: 2px #7f7f7f dashed;
     padding: 2%;
     margin-top: 25px;
 }
.enabling-section .enabler-ecosystem .content-text .info-text .output-right {
     float: left;
     width: 100%;
}
.enabling-section .enabler-ecosystem .content-text .info-text .output-right ul li {
     float: left;
     width: 100%;
     padding: 20px 0;
     list-style: none;
     margin: 0;
     font-size: 16px;
}
.enabling-section .enabler-ecosystem .content-text .info-text .output-right ul  {
     width: -webkit-fill-available;
     padding: 0px 0;
     list-style: none;
     margin: 0;
}
.enabling-section .enabler-ecosystem .content-text .info-text .output-bot-box {
     text-align: center;
     border: 0px solid #f1f6f9;
     height: auto;
     width: 60%;
     margin: 0 auto;
     float: none;
}
.enabling-section .enabler-ecosystem .content-text .info-text .output-bot-box img {
     margin-top: 0;
     margin-bottom: 20px;
     width: 150px;
}
.enabling-section .enabler-ecosystem .content-text .info-text .output-bot-box ul li img {
     width: 100px;
}
.enabling-section .enabler-ecosystem .content-text .info-text ul{
     padding-left: 20px;
}
.enabling-section .enabler-ecosystem .content-text .info-text ul li {
     width: 100%;
     float: left;
     font-size: 18px;
     text-align: left;
     list-style: disc;
     margin-bottom: 20px;
     line-height: 20px;
     font-weight: 700;
}

.enabling-section .enabler-ecosystem .info-text .output-bot-box ul li p {
     width: 78%;
     float: left;
     margin: 0;
     font-size: 18px;
     padding: 0;
     line-height: 30px;
     color: #323232;
     position: relative;
}


.infratructure-assessment-section .info-left.half .info-tittle.center img {
     width: 140px;
 }

.enabling-info-section {
     width: 100%;
     float: left;
     position: relative;
     z-index: 1;
}


.flexslider .slides > li.active, .flexslider .slides > li:hover {
     border: 0px solid;
     background: #f2f2f2;
 }
 .content-text .fsmpro-sub-info li {
     width: 49%;
     float: right;
     text-align: center;
     font-size: 20px;
     padding: 20px 0;
     cursor: pointer;
 }
 .content-text ul.fsmpro-sub-info  {
     width: 100%;
 }

 .info-left img{
      width: 100%;
 }
 .infratructure-assessment.info .legend-chart {
     float: left;

     width: 100%;
 }
 .legend-chart {
     float: left;
     margin-top: 3%;
     width: 100%;
 }
 .infratructure-assessment-section.fsmpro .buildings {
     float: left;
     width: 94%;
     margin: 3%;
 }
 .content-text .fsmpro-sub-info li:hover,  .content-text .fsmpro-sub-info li.active {

 }

 .fsmpro .content-text .household.pro-bar ul li {
     position: relative;
     float: left;
     width: 40%;
     margin: 0 5%;
 }
 #columnchart_material{
      width: 500px;
      height: 500px;
 }
 .fsmpro .info-right {
     float: right;
     width: 45%;
 }
 input#url {
    display: none;
}
.info-left.full {
     width: 100%;
 }

 .by-road .content-text .info-left.full .household {
     float: none;
     margin: 0 auto;
     width: 700px;
 }
.infratructure-assessment-section.fsmpro, .by-road.road,
.infratructure-assessment-section, .by-road.road.fsmpro,
.by-road.vehicles, .by-road.treatment,
.by-road.Re-use  {
     width: 100%;
     float: left;
     margin-top: -10px;
     border-top: 1px solid;
     background: #fff;
     box-shadow: 0px -15px 20px #dedede;
     position: relative;
     padding: 0% 0;
 }
 .flexslider .slides > li {
     display: none;
     -webkit-backface-visibility: hidden;
     padding: 20px;
     cursor: pointer;
 }
 .inner-info-tittle {
     display: block;
     width: 100%;
     float: none;
     text-align: center;
     margin-bottom: 30px;
 }
.inner-info-tittle img {
     width: 9%;
     float: none;
     height: auto;
}
.inner-info-tittle h4 {
     font-size: 42px;
     margin: -20px 0 0 20px;
}

.by-road {
     width: 100%;
     float: left;
     margin: 4% 0;
     text-align: center;
}
.by-road-section {
     width: 300px;
     margin: 4% auto;
}
.content-text .by-road-section p {
     font-size: 24px;
     font-weight: 700;
     color: #232323;
     line-height: 30px;
     margin: 0;
     min-height: 160px;
 }
.content-text .by-road-section h3 {
     font-size: 58px;
     color: #D79F60;
     width: 100%;
     text-align: center;
     font-weight: 700;
     margin: 0;
}

.content-text .by-road-section span {
     font-size: 18px;
     margin: 0;
}

.vehicles .by-road-section {
     width: 330px;
     margin: 0 auto;
}
.content-text .by-road-section img{
     width: 100px;
}

.vehicles .content-text .by-road-section h3.adequate-red {
     font-size: 44px;
     color: #f85c44;
}
.vehicles .content-text .by-road-section h3.adequate-green {
     font-size: 44px;
     color: #24B25E;
 }


.treatment .content-text .by-road-section h3 {
     font-size: 44px;
     color: #D79F60;
}
.two-box {
     width: 50%;
     float: left;
     position: relative;
}

.two-box .set-size05 .cdev div span {
     top: 9px;
     font-size: 0px;
}













.two-box .set-size05 .cdev {
     position: relative;
     height: 250px;
     width: 250px;
     margin: 0 auto;
}
.two-box .set-size05 .cdev div {
     position: absolute;
     height: 100%;
     width: 100%;
     border-radius: 50%;
}

.two-box .set-size05 .cdev div span {
     position: absolute;
     font-family: Arial;
     font-size: 25px;
     line-height: 75px;
     height: 220px;
     width: 220px;
     left: 15px;
     top: 15px;
     text-align: center;
     border-radius: 50%;
     background-color: white;
     color: rgba(255, 255, 255, 0);
     display: block;
}

.two-box .set-size05 .cdev div span {
     display:block;
}
.congratulations-section a.myprofile {
     color: #fff;
     float: right;
     background: #de9f60;
     padding: 5px 20px;
     font-size: 12px;
 }
 .congratulations-section a.myprofile:hover {
     color: #fff;
     background: #000;
 }

.two-box .set-size05 .cdev .rotate {
     clip: rect(0 125px 250px 0);
     background-color:#D79F60 !important;
}

.two-box .set-size05 .cdev .left {
     clip: rect(0 125px 250px 0);
     opacity: 1;

}

.two-box .set-size05 .cdev .right {
     clip: rect(0 125px 250px 0);
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     opacity: 0;
     background-color:#D79F60 !important;
}

.two-box .set-size05.charts-container {
     width: auto;
     float: right;
     border: 2px solid #c8ccd5;
     border-radius: 50%;
}
.two-box .set-size05 .col-md-1.mb20 {
     border: 4px solid #fff;
     border-radius: 50%;
}
.learn .search01 {
     border-bottom: 1px solid #bfbfbf;
     padding-bottom: 11px;
     height: 60px;
 }

.two-box .str0 {stroke:#c8ccd5 !important;stroke-width:590.552}
.two-box .str1 {stroke:#D79F60;stroke-width:1181.1;stroke-linecap:round}
.two-box .str2 {stroke:#D79F60;stroke-width:1181.1;stroke-linecap:round}
.two-box .fil0 {fill:none}
.two-box .fil5 {fill:black}
.two-box .fil6 {fill:black}
.two-box .fil1 {fill:#D79F60}
.two-box .fil2 {fill:#323232}
.two-box .fil3 {fill:#D79F60;fill-rule:nonzero}
.two-box .fil4 {fill:#D79F60;fill-rule:nonzero}
.two-box.fnt0 {
     font-weight: normal;
     font-size: 23873.3px;
}
.two-box .fnt1 {
     font-weight: 600;
     font-size: 5708.9px;
}


.content-text .two-box .set-size05 .bar-text p {
     font-size: 20px;
     color: #333332;
     font-weight: 600;
     line-height: 22px;
     margin: 0;
}
.content-text .two-box .set-size05 .bar-text b {
     font-size: 48px;
     color: #D79F60;
     font-weight: 400;
     margin: 0;
}

.two-box .set-size05 .bar-text {
     z-index: 9;
     text-align: center;
     margin-top: 28px;
}

.assessment-output .left-section .content-text p {
     font-size: 30px;
     font-weight: 400;
}


.set-size01.charts-container:hover {
     box-shadow: 0px 8px 40px #7b7a7acc;
}
.set-size01.charts-container.active {
     box-shadow: 0px 0px 20px #7b7a7acc;
     border-radius: 0;
     padding: 0 0 12px 0px;
     position: relative;
     z-index: 99;
     background: #fff;
     border-bottom: none;
 }

.dashboard-table select#assessment{

     background: none;
     border: none;
     font-size: 20px;
     padding: 10px;
     border-bottom: 1px solid #323232;
     margin: 10px;
}
.button#start_new_assessment {
     background: none;
     border: 1px solid #323232;
     font-size: 20px;
     padding: 10px;
     margin: 10px;
}






.sub-bar .set-size01 .cdev div span {
     display: block;
     height: 150px;
     width: 150px;
     left: 23.5px;
     top: 25px;
 }
.sub-bar .set-size01 .cdev {
     position: relative;
     height: 200px;
     width: 200px;
     margin:0 auto;
}
.content-text .sub-bar .bar-text p {
     margin-top: 37px;
 }
 .sub-bar .set-size01 .cdev .background {
     background-color: #f2f0ef !important;
 }

.sub-bar .set-size01 .cdev .rotate {
     clip: rect(0 100px 200px 0);
     background-color: #ff4747 !important;
}

#distance .set-size01 .cdev .rotate {

     background-color: #24B25E !important;
 }

#distance .set-size01 .cdev .right {
     background-color: #24B25E !important;
 }

.sub-bar .set-size01 .cdev .left {
     clip: rect(0 100px 200px 0);
     opacity: 1;
     background-color: #8b8b8b;
}
.sub-bar .set-size01 .col-md-1.mb20 {
     border: 0px solid #fff;
     border-radius: 100px;
     cursor: pointer;
 }
 .sub-bar .set-size01.charts-container {
     width: auto;
     float: right;
     border: 0px solid #8b8b8b;
     border-radius: 100px;
}
.sub-bar .set-size01 .cdev .right {
     clip: rect(0 100px 200px 0);
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     opacity: 0;
     background-color: #ff4747 !important;
}





.progressbar .bar-text {
     z-index: 9;
     text-align: center;
     width: 100%;
     margin-top: 44px;
     bottom: 65px;
     position: absolute;
     z-index: 9;
}
.bar-text b {
     font-size: 30px;
     margin-top: 12px !important;
     width: 100%;
     text-align: center;
     color: #cf9f6a;
     font-weight: 400;
}
.content-text .bar-text p {
     font-size: 14px;
     color: #333332;
     font-weight: 400;
     margin: 0;
}

.progressbar {
     border-radius: 50%;
     position: absolute;
     border: 0px solid #bcbcbc;
     width: 187px;
     height: 187px;
     left: 222px;
     top: 21%;
 }
.circle {
     width: 180px;
     height: 180px;
     margin: 0;
     margin-top: 0;
     display: inline-block;
     position: relative;
     text-align: center;
     border:3px solid #fff0;
     border-radius: 50%;
}
.circle:after {
     width: 152px;
     height: 152px;
     content: "";
     border: 0px solid #cf9f6a;
     border-radius: 50%;
     display: block;
     position: absolute;
     top: 15px;
     z-index: 9;
     left: 15px;
     background: #fff;
}

.circle canvas {
     vertical-align: middle;
     border: 0px solid #fff;
     border-radius: 50%;
     width: 180px;
     height: 180px;
}
.circle div {
     position: absolute;
     top: 42%;
     left: 25%;
     margin: -20px 0 0 -86px;
     width: 100%;
     text-align: center;
     line-height: 40px;
     font-size: 30px;
     z-index: 9;
     color: #d79f60;
     font-weight: 400;
     font-size: 50px;
     font-weight: 600;
 }
.circle strong i {
     font-style: normal;
     font-size: 0.6em;
     font-weight: normal;
}
.circle span {
     display: block;
     color: white;
     margin-top: 12px;
}

.alert-message {
     border: 0px solid #ccc;
     padding: 5px;
     margin-top: 30px;
}
.alert-message h2 {
     text-align: center;
     color: #ff0000;
     font-weight: normal;
     font-size: 18px;
}



.circle canvas, .circle:after {
     display: none;
 }
#planning .question-section.half {
     display: block;
     position: relative;
     padding-left: 35px;
     margin: 10px;
     font-size: 22px;

     background: none;
 }

 .enabling-section .enabler-ecosystem .content-text ul li.active::before {
     pointer-events: none;
     position: absolute;
     content: '';
     width: 19%;
     height: 30px;
     z-index: 9;
     left: calc(50% - 22px);
     bottom: -38px;
     border-width: 0 10px 10px;
     border-color: #7f7f7f #ff620100 #7f7f7f;
     background: url(../images/output-arrow.png) no-repeat;
     background-size: 100%;
     left: 40%;
 }
 .form .success-message {
     border: 0px solid #ccc;
     padding: 5px;
     color: #3EB76C;
     text-align: left;
     margin-top: 15px;
     margin-bottom: 15px;
     width: 100%;
     font-size: 18px;
     text-align: center;
 }


.question-section.half select {
     border: none;
     width: 70%;
     font-size: 28px;
     color: #232323;
     margin: 0px 0;
     outline: none;
     padding: 0px 10px 0px;
     border-bottom: 2px solid #ECEDF5;
     text-indent: 0px;
     float: left;
     height: 50px;
     background: none;
     margin-left: 10%;
 }
.footer-space {
     width: 100%;
     float: left;
     margin-top: 40px;
}


.question-section .sign-up-container {
     width: 80%;
     margin-left: 7%;
 }
/* The container */
.sign-up-container {
     display: block;
     position: relative;
     padding-left: 35px;
     margin-bottom: 20px;
     cursor: pointer;
     font-size: 22px;

     text-align: left;
     width: 40%;
     float: left;
     font-weight: 500;
}

/* Hide the browser's default checkbox */
.sign-up-container input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0;
     font-family: 'Poppins', sans-serif;
     background: none;
}

/* Create a custom checkbox */
.checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 25px;
     width: 25px;
     background-color: #eee;
}

/* On mouse-over, add a grey background color */
.sign-up-container:hover input ~ .checkmark {
     background-color: #ccc;
     font-family: 'Poppins', sans-serif;
}

/* When the checkbox is checked, add a blue background */
.sign-up-container input:checked ~ .checkmark {
     background-color: #d79f60;
     font-family: 'Poppins', sans-serif;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
     content: "";
     position: absolute;
     display: none;
}

/* Show the checkmark when checked */
.sign-up-container input:checked ~ .checkmark:after {
     display: block;
     font-family: 'Poppins', sans-serif;
}

/* Style the checkmark/indicator */
.sign-up-container .checkmark:after {
     left: 9px;
     top: 5px;
     width: 5px;
     height: 10px;
     border: solid white;
     border-width: 0 3px 3px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}



.content p span{
     font-size: 20px;
}

.dash-info {
     float: left;
     width: 93%;
     margin: 10px 0;
     padding: 0 20px;
 }
 .dash-box-section h5 {
     width: 100%;
     text-align: center;
     font-size: 18px;
     margin-top: 0;
     background: #d79f60;
     padding: 10px 0;
     color: #fff;
 }
.dash-right {
     float: right;
     width: 50%;
}
.dash-right img{
     float: left;
     width: 100%;
     padding: 2%;
}
.dash-left {
     float: left;
     width: 50%;
}
.dash-info ul li {
     float: left;
     margin: 10px;
     font-size: 20px;
     width: 30%;
}
.dash-info ul li:first-child{
     width: 30%;
}
.dash-info ul {
     float: left;
     width: 100%;
}
.dash-info h5 {
     width: 100%;
     text-align: center;
     font-size: 30px;
     margin: 20px 0;
}
#stake-tab .question-section.table th, #stake-tab .question-section.table td {
     border: 0px solid #000;
     padding: 0 0px;
 }
 #stake-tab .question-section.table th, #planning .question-section.table td {
     height: 80px;
     width: 39%;
     padding: 5px 10px !important;
     height: auto;
     font-size: 20px;
     color: #323232;
     }
 #stake-tab .question-section {
     float: left;
     width: 100%;
     padding: 0px 0;
     position: relative;
 }
#stake-tab .question-section.table{
     width: 100%;
}
#stake-tab .stake-table-section {
     width: 36%;
     float: left;
     margin-right: 4%;
     height: 400px;
     overflow-y: scroll;
     overflow-x: hidden;
 }
 #stake-tab .resp-tab-content .content ul {
     width: 100%;
     float: left;
     margin-left: 2%;
 }
#stake-tab .question-section.table:last-child tr {
     border-bottom: 0px solid;
 }
.plan-output-tab .resp-tab-content .content ul ul.dash-li-info {
     width: 100%;
     float: left;
 }
 .dash-box-section {
     float: left;
     width: 95%;
     background: #f7f7f7;
     padding-left: 0;
     margin-bottom: 0px;
 }
 .dash-info h6 {
     width: 100%;
     text-align: left;
     font-size: 20px;
     margin: 20px 0;
     }
.not-applicable-column {
     background-color: #cccccc !important;
}
.dash-info select {
     font-size: 20px;
     padding: 8px 10px;
     width: -webkit-fill-available;
     outline: none;
     border: 1px solid #969696;
     font-weight: 600;
     margin: 0 10px;
     float: left;
     color: #616161;
}
.dash-info select option {
     font-size: 20px;
     padding: 6px 10px;
     background: #fff;
}

canvas#myChart {
     width: 91% !important;
     margin: 0 auto;
 }
 .box-panel {
     display: inline-block;
     width: 91%;
 }

.plan-output {
     width: 100%;
     float: left;
     padding: 4% 0;
}

.plan-output .left-section{
     float: left;
     width: 100%;
}
.plan-output .left-section h3 {
     float: left;
     width: 100%;
     text-align: center;
}
.plan-output .dash-right-section {
     margin: 0 auto;
     width: 65%;
}
.plan-output .dash-right-section img{
     margin: 0 auto;
     width: 100%;
}

.plan-but.results-but {
     float: left;
     width: 100%;
     margin-top: 5%;
     text-align: center;
}
.plan-but.results-but a:hover {
     border: 1px solid #d79f60;
     color: #d79f60;
}
.plan-but.results-but a {
     padding: 15px 30px;
     border: 1px solid #000;
     color: #000;
     text-decoration: none;
     font-size: 30px;
     text-transform: uppercase;
     margin: 0 10px;
     background: none;
     float: none;
}

.plan-output-tab .resp-tab-content .content ul {
     width: 30%;
     float: left;
     margin-left: 2%;
}

.plan-output-tab .resp-tab-content .content ul li {
     font-size: 20px;
     float: left;
     width: 100%;
     margin: 5px 0;
}

.plan-output-tab .resp-tab-content .content p {
     font-size: 36px;
     float: left;
     width: 60%;

}
select {
     appearance: none;
     padding: 5px;
}


.activation-message {
     border: 0px solid #ccc;
     padding: 20px;
     margin: 20px;
 }
.activation-message .success{
     font-size: 20px;
     color: green;
     text-align: center;
     float: none !important;
     width: 100%;
}
.activation-message .failed{
     font-size: 20px;
     color: red;
     text-align: center;
     float: none !important;
}

.signin-form .form_error {
     color: red;
}
.learn.plan .filter-section li {
     width: 13%;
}
.learn.plan .blog-right h5 {
     max-height: 60px
}

.learn.plan .blog-right p {
     max-height: 145px;
     min-height: 145px;
}

.learn.plan .blog-right a {

     margin: 5px 0;
     text-transform: uppercase;
}

thead#table_data {
     width: 99.5%;
}

.surveys-section .dashboard-section td img {
     width: 20px;
     min-height: auto !important;
     float: none;
}

.buss-header td, .scroll-box th {
     border: 1px solid #333333;
     text-align: left;
     padding: 10px;
     text-align: center;
     font-weight: normal;
     display: table-cell;
     width: 41.2%;
     border: 1px solid #323232;
}
.scroll-box td, .scroll-box th {
     border: 1px solid #333333;
     text-align: left;
     padding: 10px;
     text-align: center;
     font-weight: normal;
     display: table-cell;
     width: 41.2%;
}

.surveys-section .dashboard-section th {
     background-color: #fcf8ef;
     color: #323232;
     font-size: 16px;
     font-weight: 600;
     border-bottom: 0px;
}

.surveys-section .dashboard-width input {
     border: none;
     width: 100%;
     font-size: 32px;
     height: 100%;
     color: #2e2e2e;
     font-size: 14px;
     margin: 0;
     outline: none;
     font-family: 'Poppins', sans-serif;
     padding: 0;
     border-bottom: 0px solid #ecedf5;
     font-style: normal;
     text-align: center;
     background-color: #fff0;
     font-weight: 600;
     margin-bottom: 5px;
}

.surveys-section .dashboard-table .invite input {
     border: none;
     width: 22%;
     font-size: 32px;
     height: 100%;
     color: #2e2e2e;
     font-size: 14px;
     margin: 0 2%;
     outline: none;
     padding: 20px 0;
     border-bottom: 1px solid #ecedf5;
     font-style: normal;
     text-align: left;
     background-color: #fff0;
     font-weight: 600;
     margin-bottom: 20px;
     font-family: 'Poppins', sans-serif;
}



.surveys-section .dashboard-table input.buss-invite {
     width: 20%;
     border-bottom: 0px solid #ecedf5;
     border: 1px solid #323232;
     text-align: center;
     text-transform: uppercase;
     cursor: pointer;
     padding: 10px 0;
}
.surveys-section .dashboard-table input.buss-invite:hover {
     border-bottom: 0px solid #cf9f6a;
     border: 1px solid #cf9f6a;
     color: #cf9f6a;
}
.surveys-section .dashboard-section table {
     margin-bottom: 30px;
}
.surveys-section .content h1 {
     text-align: center;
     font-size: 38px;
     margin: 30px 0;
}


.surveys-section table.buss-header {
     width: 95.2%;
}


.surveys-section table.buss-header tr th.small-th{
     width: 17%;
}

.surveys-section .dashboard-section .buss-header th {
     width: 39.6%;
     border: 1px solid #323232;
     border-bottom: 0px;
     text-align: center;
 }
.surveys-section .dashboard-section table.buss-header {
     margin-bottom: 0px;
}

table.scroll-box {
     width: 100%;
     float: left;
}
table.scroll-box tbody {
     overflow-x: scroll;
     height: auto;
     float: left;
     width: 100%;
     overflow-x: hidden;
     border-bottom: 0px solid #323232;
     border-collapse: collapse;
     max-height: 200px;
 }

.buss-text {
     width: 60%;
     float: left;
}

.buss-text img {
     width: 100% !important;
     float: left;
     margin: 10px 0;
 }
 .content-text .buss-text p b {
     font-weight: 700;
     color: #323232;
 }
 .right-caty {
     width: 31%;
     float: right;
     background: #efefef;
     padding: 20px;
 }
.planning-inner {
     margin: 40px 0;
     float: left;
     width: 100%;
}

.right-caty h4{
     font-size: 24px;
     color: #2e2e2e;
}

.content-text .buss-text p {
     font-size: 18px;
 }

 .right-caty ul li a {
     float: left;
     width: 100%;
     margin: 0px 0 0px;
     font-size: 16px;
     font-weight: 500;
     padding: 4px 0;
     color: #838383;
     border: none;
     background: none;
 }
 .content Ul.menu.fsmpro {
     float: none;
     width: 800px;
 }
.plan-fsmpro-out {
     float: left;
     width: 100%;
     margin: 3% 0;
}
.plan-fsmpro-out ul li:first-child {
     width: 11%;
}
.plan-fsmpro-out ul li {
     width: 19%;
     float: left;
     text-align: center;
     margin: 1%;
}
.plan-fsmpro-out ul li p {
     font-size: 15px;
     font-weight: 600;
     margin: 0;
     line-height: 18px;
}
.plan-fsmpro-out ul li h3{
     font-size: 20px;
     font-weight: 800;
     float: left;
     text-align: left !important;
     margin: 0;

}
.plan-fsmpro-out ul li:first-child img {
     width: 40%;
}
.plan-fsmpro-out ul li:first-child img{
     float: none;
}
.plan-fsmpro-out ul li:first-child h3{
     text-align: center !important;
}
.plan-fsmpro-out ul li img {
     float: left;
     width: 30%;
     margin-right: 3%;
}

.fsmpreout-text {
     width: 65%;
     float: left;
     text-align: left;
}



.plan-fsmpro-output-tab .content h3 {
     margin-right: 3%;
     text-transform: uppercase;
     font-weight: 600;
}

.plan-fsmpro-output-tab {
     float: left;
     width: 100%;
}

.plan-fsmpro-output-tab .resp-tabs-list li {
     font-weight: 600;
     font-size: 23px;
     display: inline-block;
     padding: 20px 0;
     margin: 0 4px 0 0;
     list-style: none;
     cursor: pointer;
     float: left;
     width: 23%;
     margin: 0 0%;
     text-align: center;
     background-color: #e6e6e6;
     border: 1px solid #c7c7c7;
}
.plan-fsmpro-output-tab .resp-tabs-list li.resp-tab-item.hor_1.resp-tab-active {
     border-bottom: none;
     margin-bottom: 0px !important;
     background-color: #f7f7f7;
}

.plan-fsmpro-output-tab .resp-tab-content {
     border: 0px solid #bbb;
     border-top-color: #bbb;
     background-color: #f7f7f7;
     float: left;
     width: -webkit-fill-available;
}
.fsmpro-tab-text {
     width: 100%;
     float: left;
}
.fsmpro-tab-text h5 {
     width: 100%;
     text-align: center;
     font-size: 24px;
     font-weight: 600;
     margin: 20px 0 40px;
}
.fsmpro-tab-right {
     float: right;
     width: 40%;
}
.fsmpro-tab-right img{
     float: left;
     width: 100%;
}

.fsmpro-tab-left {
     float: left;
     width: 50%;
     height: 700px;
     overflow-x: hidden;
     padding: 20px 20px 0 0;
     overflow-y: scroll;
}
.fsmpro-tab-left .sign-up-container {
     width: 94%;
     font-size: 20px;
     margin: 0;
     padding-bottom: 20px;
 }
.fsmpro-tab-left .checkmark {
     top: 2px;
     background-color: #eeeeee03;
     border: 1px solid #323232;
}
.fsmpro-tab-left .sign-up-container input:checked ~ .checkmark {
     background-color: #d79f6000;
}
.fsmpro-tab-left .sign-up-container .checkmark:after {
     left: 9px;
     top: 5px;
     width: 5px;
     height: 10px;
     border: solid #353535;
     border-width: 0 3px 3px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
.fsmpro-tab-left .fsmpro-dropdown ul.fsmpro-drop-text li {
     font-size: 16px;
     margin: 8px 0;
 }
.fsmpro-tab-left h4{
     float: left;
     font-size: 22px;
     margin: 30px 0 10px;
}
.fsmpro-tab-left .dropbtn {
     font-size: 18px;
     padding: 7px;
     border: 1px solid #2e2e2e;
     text-align: left;
}
.fsmpro-tab-left .dropdown {
     margin-bottom: 20px;
     position: relative;
}
.fsmpro-dropdown {
     background: #e8e8e8;
     float: left;
     padding: 20px;
     margin: 0 0 20px 0;
     display: none;
     width: 93%;
 }
.fsmpro-tab-left .dropdown-content a {
     padding: 5px 10px;
     text-decoration: none;
     display: block;
     font-size: 14px;
}
.fsmpro-tab-left .dropdown-content{
     width: 100%;
}

.fsmpro-tab-left .fsmpro-dropdown li {
     font-size: 20px;
}
#contributor-form .error, #contributor-form span {
     font-size: 12px;
     color: #ff0000;
     float: left;
     margin: 0;
}
.success-message {
     border: 0px solid #ccc;
     padding: 5px;
     color: #3EB76C !important;
     text-align: left;
     margin-top: 15px;
     margin-bottom: 15px;
}
.sign-up-container b {
     margin-left: 10px;
 }
.sign-up-container span {


 }
 .fsmpro-tab-left .dropdown select{
      width:100%;
      float: left;
      padding: 8px;
      font-size: 18px;
      outline: none;
 }
 /* .sign-up-container b::after {
     background: url(../images/drop-arr.png);
     content: "";
     width: 11px;
     height: 10px;
     float: right;
     margin-top: 0px;
     margin-right: 0%;
     margin-left: 0px;
 } */

.select-hidden {
     display: none;
     visibility: hidden;
     padding-right: 10px;
}

.select {
     cursor: pointer;
     display: inline-block;
     position: relative;
     font-size: 16px;
     width: 100%;
     height: auto;
     border: 1px solid #a9a9a9;
     margin: 20px 0;
     background: #fff;
     padding: 20px 0px;
}
.select-styled {
     width: 100%;
     color: #323232;
     padding: 0;
     -moz-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     -webkit-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
     text-indent: 20px;
     font-size: 30px;
     font-weight: 400;
}
.select-styled:after {
     content: "";
     width: 0;
     height: 0;
     border: 7px solid transparent;
     border-color: #0c0c0c transparent transparent transparent;
     position: absolute;
     top: 40px;
     right: 10px;
}

.select-styled:active:after, .select-styled.active:after {
     top: 35px;
     border-color: transparent transparent #0c0c0c transparent;
}

.select-options {
     display: none;
     position: relative;
     border: 1px solid #ccc;
     top: 100%;
     right: 0;
     margin-top: 0px;
     left: 0;
     z-index: 9;
     margin: 0;
     padding: 0;
     list-style: none;
     background-color: #ffffff;
     height: 200px;
     overflow-y: scroll;
     width: 100%;
}
.select-options li {
     margin: 0;
     padding: 12px 0;
     text-indent: 30px;
     font-size: 20px !important;
     border-top: 1px solid #a9a9a9;
     -moz-transition: all 0.15s ease-in;
     -o-transition: all 0.15s ease-in;
     -webkit-transition: all 0.15s ease-in;
     transition: all 0.15s ease-in;
     margin: 0 !important;
     color: #323232;
     font-weight: 500;
}
.select-options li:hover {
     color: #323232;
     background: #fdf9f0;
     margin: 0;
}
.select-options li[rel="hide"] {
     display: none;
}


.question-answer .select {
     width: 70%;
     margin: 20px 0;
     background: #fff;
     padding: 0px 0px;
     border-top: none;
     border-left: none;
     border-right: none;
     border-bottom: 2px solid #ecedf5;
}
.question-answer .select-styled {
     padding: 20px 0;
}
.question-answer .select-options{
     width: 100%;
}
.question-answer select option {
     font-size: 18px;
     line-height: 24px;
     background: #ffffff;
     outline: none;
     border: none;
 }
.question-answer .select-styled:after {
     top: 33px;
}
.question-answer .select-styled:active:after, .question-answer .select-styled.active:after {
     top: 30px;
}
.ajax-load{
     padding: 10px 0px;
     width: 100%;
}
.ajax-load.text-center {
     text-align: center;
}

#loading{
     text-align:center;
     background: url('assets/images/loader.gif') no-repeat center;
     height: 150px;
}

.error-message {
     border: 1px solid #ccc;
     padding: 5px;
     color: #ff0000 !important;
     text-align: center;
     margin-top: 15px;
     margin-bottom: 15px;
     width: 100%;
}

#signup-form .error, #singin-form .error, #forgot-form .error,
 #reset-form .error, #signup-form span, #singin-form span, #forgot-form span, #reset-form span {
     font-size: 12px;
     color: #ff0000;
     float: left;
     width: 100%;
     text-align: left;
 }

















.jsmaps-wrapper .jsmaps-text {
     display: none;
}
.learn02{
     display:none;
}
.map-container {
     width: 75%;
     margin: 20px auto;
     float: right;
 }
#contributor-form p.contribute-error-message {
     color: #ff0000;
     font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
     .map-container  {
          width: 768px;
     }
}
@media only screen and (max-width: 767px) {
     .map-container {
          width: 100%;
     }
}
@media only screen and (max-width: 480px) {
     .map-container {
          width: 100%;
     }
}
.dash-option {
     width: 100%;
     float: left;
     border-bottom: 2px solid #323232;
 }

 #dash-tab .plan-output-tab .resp-tab-content {
     border-top: 1px solid #bbb !important;
     border-top-color: #bbb;
     border: none;
 }
 #dash-tab .plan-output-tab .resp-tab-content {
     padding: 1% 0px;
     float: left;
     width: 100%;
     min-height: 400px;
 }
 #dash-tab .search01 {
     float: left;
     width: 25%;
     border-bottom: 1px solid #ccc;
     margin: 0px 0;
     padding: 0 10px;
 }
 #dash-tab .search01 a{

      right: 20px;
 }
 #dash-tab .dropdown {
     display: inline-block;
     width: auto;
     float: right;
     position: relative;
 }
 #dash-tab .dropdown-content a {
     font-size: 14px;
 }
 #dash-tab .dropbtn::after{
      display: none;
 }
 #dash-tab .dropdown-content {
     width: 200px;
     float: right;
     position: absolute;
     height: auto;
     overflow-y: inherit;
     border: 1px solid #838383;
     right: 0;
     top: 57px;
 }
 .width-center.dash-main {
     width: 60%;
 }
 .width-center.dash-main .content p {
     font-size: 18px;
 }
 #dash-tab .dropbtn {

     padding: 0px 0;
     width: auto;
     float: right;
 }
 .dash-top-menu {
     width: 100%;
     float: right;
 }
 #dash-tab .plan-output-tab .resp-tabs-list li.resp-tab-active a{
     color: #d79f60;
 }
 .dash-top-menu ul {
     float: right;
     width: 100%;
 }
 div#dash-tab {
     float: left;
     width: 100%;
     min-height: 400px;
 }
 #dash-tab .dropdown-content a:hover {
     background-color: #d79f60;
     color: #4b4b4b;
 }
 #dash-tab .plan-output-tab .resp-tab-content .content .name-city h4 {
     width: auto;
     float: left;
     font-size: 22px;
 }
 #dash-tab .plan-output-tab .resp-tab-content .content .name-city h4 a:hover{
color: #d79f60;
 }
 #dash-tab .plan-output-tab .resp-tab-content .content .name-city ul.task-info li span h6{
     font-size: 10px;
     clear: both;
     width: 100%;
     float: left;
     color: #3a3a3a;
     font-weight: 700;
 }
 #dash-tab .plan-output-tab .resp-tab-content .content .name-city h4 a{
     color: #323232;
}
#dash-tab .plan-output-tab .resp-tab-content .content .name-city ul {
     width: auto;
     float: left;
     margin-left: 0;
 }
 #dash-tab .plan-output-tab .resp-tab-content .content .name-city ul li {
     width: auto;
     float: left;
     margin: 0 10px;
     position: relative;
 }
 #dash-tab .plan-output-tab .resp-tab-content .content .name-city ul li img{

 }
 .wrapper-dropdown-1 span, .wrapper-dropdown-3 span, .wrapper-dropdown-2 span {
     border-bottom: 1px dotted;
     font-weight: 500;
     font-size: 14px;
 }

 #dash-tab .plan-output-tab .resp-tab-content .content .name-city ul li b {
     background: #d79f60;
     width: 12PX;
     float: right;
     position: absolute;
     top: 14px;
     color: #ffffff;
     font-size: 10px;
     right: -10px;
     border-radius: 50px;
     padding: 1px 3px;
     HEIGHT: 15px;
 }
.download-hover{
     display: none;
}
#dash-tab .plan-output-tab .resp-tab-content
.content .name-city ul.task-info li:last-child a{
     margin: 10px;
     position: relative;

}
#dash-tab .plan-output-tab .resp-tab-content .content .name-city h5 {
     float: left;
     width: 100%;
 }
#dash-tab .plan-output-tab .resp-tab-content .content .name-city ul.task-info li:last-child{
     float: right;
}
a.dash-download {
     font-size: 16px;
     margin: 20px;
     color: #d6d6d6;
 }
 ul.download-hover {
     position: absolute;
     width: 100% !important;
     float: right;
     background: #fff;
     box-shadow: 0px -1px 12px 3px #a7a7a7;
     z-index: 9;
 }
 #dash-tab .plan-output-tab .resp-tab-content .content .name-city ul.task-info ul.download-hover li {
     width: 100%;
     float: right;
     padding: 6px 0;
     margin: 0px 0;
     border-bottom: 1px solid #323232;

 }
 #dash-tab .plan-output-tab .resp-tab-content .content .name-city ul.task-info ul.download-hover li:hover {
      background: #e0d5b6;

 }
 #dash-tab .plan-output-tab .resp-tab-content .content .name-city ul.task-info ul.download-hover li a{
      color: #323232;
      font-size: 14px;
 }




 i.fa.fa-share-alt, i.fa.fa-cog {
     color: #d6d6d6;
 }
 #dash-tab .plan-output-tab .resp-tab-content .content .name-city ul.task-info {
     width: 100%;
     clear: both;
     margin: 0 0 20px 0;
     padding: 0 0 20px 0;
     /* background: #fdf9f0; */
     border-top: 0px solid #ccc;
     border-bottom: 1px solid #ccc;
 }
 #dash-tab .plan-output-tab .resp-tab-content .content .name-city ul.task-info li {
     width: 18%;
     float: left;
     margin:2% 1%;
     padding: 0 20px;
     font-size: 16px;
     text-align: center;
 }
 #dash-tab .plan-output-tab .resp-tab-content .content .name-city img{
     width: 20px;
 }
 #dash-tab .plan-output-tab .resp-tab-content .content .name-city ul.task-info li img{
      width: 20px;
      float: left;
      margin-right: 10px;
 }
 #dash-tab .plan-output-tab .resp-tab-content .content .name-city ul.task-info li:nth-child(3){
      margin: 0;
 }
 #dash-tab .per-container, #dash-tab .per-panel {
     padding: 2px 0px;
     border-radius: 0 !important;
     text-indent: 20px;
     font-size: 0;
     font-weight: 400;
 }
 #dash-tab .width-center {
     /* width: 900px; */
     margin: 0 auto;
 }

 a.dash-download::after {
     content: "";
     position: absolute;
     left: initial;
     margin-left: 0;
     border-width: 5px;
     border-style: solid;
     border-color: #d6d6d6 transparent transparent transparent;
     right: -20px;
     top: 10px;
 }
 .plan-output-tab .resp-tab-content .content .name-city ul.task-info li h3 {
     font-size: 30px;
     float: left;
     margin: 0;
     font-weight: 700;
     width: 100%;
     color: #d79f60;
     font-weight: 500;
 }
 #dash-tab .pre-light-grey {
     background: #ececec;
     margin: 22px 10px;
     height: 4px;
 }
 .dash-prog {
     display: inline-flex;
     width: 100%;
     float: left;
 }
 .dash-top-menu ul li {
     width: 28%;
     float: left;
     position: relative;
 }
 div#track {
     float: left;
     width: 100%;
     background: #f7f7f7;
 }
 .dropdown-content {
     width: auto;
     float: left;
     position: absolute;
     height: auto;
     overflow-y: scroll;
     border: 1px solid #838383;
     max-height: 300px;
     min-width: 300px;
 }
 .plan-output-tab .dash-option p{
     float: right;
     background: #d79f60 !important;
     color: #fff !important;
     width: 60px;
     font-size: 34px;
     padding: 0;
     text-align: center;
     margin: 0;
 }
 #dash-tab .plan-output-tab .resp-tabs-list li {
     width: 30%;
     margin: 0;
 }
 #dash-tab .plan-output-tab .resp-tab-content .content .name-city ul.task-info li span{
     font-size: 10px;
     clear: both;
     width: 100%;
     float: left;
     color: #b3b3b3;
 }
 .plan-fsmpro-learn {
     width: 100%;
     float: left;
     padding: 60px 0;
 }

 .plan-fsmpro-learn .content h3{
      width: 100%;
      text-align: center;
 }

 .plan-fsmpro-learn ul{
     width: 100%;
     text-align: left;
}

.plan-fsmpro-learn ul li{
     width: 40%;
     text-align: left;
     margin: 2% 4%;
     float: left;
}
.plan-fsmpro-learn ul li img{
width: 20%;
float: left;
margin-right: 20px;
}

.plan-fsmpro-learn ul li p {
     width: 70%;
     float: left;
     margin: 0;
     line-height: 24px;
     font-size: 20px;
 }

 .planning-fsmpro-track .filter-section ul img {
     float: left;
     padding: 0px 0 0 10px;
 }
 .planning-fsmpro-track .pre-light-grey {
     background: #ececec;
     margin: 15px 0 20px;
 }
 .planning-fsmpro-track .per-container, .planning-fsmpro-track .per-panel {
     border-radius: 0 !important;
     text-indent: 20px;
     font-size: 11px;
     font-weight: 400;
 }

 #planning .question-section .sign-up-container {
     width: auto;
     padding-left: 59px;
     margin: 20px 0;
 }
 #planning .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 35px;
     width: 35px;
     background-color: #eee0;
     border: 1px solid #323232;
     background-color: none;
 }
 #planning .sign-up-container input:checked ~ .checkmark {
     background-color: #fff;
     font-family: 'Poppins', sans-serif;
 }

 #planning .sign-up-container .checkmark:after {
     left: 14px;
     top: 10px;
     width: 5px;
     height: 10px;
     border-color: #323232;
     border-radius: 0;
 }
 #planning .question-section.full h2 {
     width: 100%;
     min-height: initial;
     margin-bottom: 0;
 }

 .stak-add {
     width: 100%;
     float: left;
     display: inline-flex;
     margin: 20px 6%;
 }
.stak-add h5 {
     margin: 0px 20px 0;
     background: #D79F60;
     padding: 10px 30px;
     color: white;
     width: 50%;
     float: left;
     }
 .stak-add i.fa.fa-plus-circle {
     font-size: 45px;
     color: #323232;
     float: left;
     }
 #planning .question-section.half {
     display: block;
     position: relative;
     padding-left: 35px;
     margin: 10px;
     font-size: 22px;

 }
 #planning .question-section.half {
     width: 40%;
     height: 100%;
     padding: 3% 0;
 }
 #planning .question-section {
     float: left;
     width: 100%;
     padding: 20px 0;
     position: relative;
 }




 .fa {
     margin: 5px;
     color: #937f7f;
 }
 #dash-tab .main {
     width: 100%;
     height: 50px;
 }

.wrapper-demo {
     margin: 20px 0 0 0;
 }

 .wrapper-demo:after {
     clear: both;
     content: "";
     display: table;
 }
 .content .wrapper-demo p {
     width: auto;
     float: left;
     font-size: 16px;
     margin: 0 10px;
 }
 /* DEMO 1 */

 .wrapper-dropdown-1 {
     position: relative;
     width: 100%;
     padding: 10px;
     margin: 0 auto;
     background: #fff;
     color: #323232;
     outline: none;
     cursor: pointer;
     font-weight: bold;
 }
 .wrapper-dropdown-3 {
     position: relative;
     width: 100%;
     padding: 10px;
     margin: 0 auto;
     background: #fff;
     color: #323232;
     outline: none;
     cursor: pointer;
     font-weight: bold;
 }
 .wrapper-dropdown-2 {
     position: relative;
     width: 62%;
     padding: 10px;
     margin: 0 auto;
     background: #fff;
     color: #323232;
     outline: none;
     cursor: pointer;
     font-weight: bold;
     float: right;
 }

 .wrapper-dropdown-1:after, .wrapper-dropdown-3:after, .wrapper-dropdown-2:after{
     content: "";
     width: 0;
     height: 0;
     position: absolute;
     right: 16px;
     top: 50%;
     margin-top: -6px;
     border-width: 6px 0 6px 6px;
     border-style: solid;
     border-color: transparent #2e2e2e;
 }

 .wrapper-dropdown-1 .dropdown, .wrapper-dropdown-3 .dropdown, .wrapper-dropdown-2 .dropdown {
     /* Size & position */
     position: absolute !important;
     top: 100%;
     left: 0;
     right: 0;
     z-index: 9;
     /* Styles */
     background: #fff;
     list-style: none;
     font-weight: normal; /* Cancels previous font-weight: bold; */

     /* Hiding */
     opacity: 0;
     pointer-events: none;
 }

 .wrapper-dropdown-1 .dropdown li, .wrapper-dropdown-3 .dropdown li, .wrapper-dropdown-2 .dropdown li {
     width: 100%;
     float: left;
     border-bottom: 1px solid #f2f2f2;
 }

 .wrapper-dropdown-1 .dropdown li a,  .wrapper-dropdown-3 .dropdown li a, .wrapper-dropdown-2 .dropdown li a {
     display: block;
     text-decoration: none;
     color: #323232;
     padding: 10px 20px;
 }

 /* Hover state */
 .wrapper-dropdown-1 .dropdown li:hover a,  .wrapper-dropdown-3 .dropdown li:hover a, .wrapper-dropdown-2 .dropdown li:hover a {
     background: #d79f60;
 }

 /* Active state */
 .wrapper-dropdown-1.active .dropdown,  .wrapper-dropdown-3.active .dropdown, .wrapper-dropdown-2.active .dropdown {
     opacity: 1;
     pointer-events: auto;
     box-shadow: 0px -1px 12px 3px #a7a7a7;
 }

 .wrapper-dropdown-1.active:after,  .wrapper-dropdown-3.active:after, .wrapper-dropdown-2.active:after {
     border-color: #d79f60 transparent;
     border-width: 6px 6px 0 6px ;
     margin-top: -3px;
 }

 .wrapper-dropdown-1.active,  .wrapper-dropdown-3.active, .wrapper-dropdown-2.active {
   background: #fff;

   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d79f60', endColorstr='#ffffff',GradientType=1 );
 }

 /* No CSS3 support */

 .no-opacity       .wrapper-dropdown-1 .dropdown,
 .no-pointerevents .wrapper-dropdown-1 .dropdown {
     display: none;
     opacity: 1; /* If opacity support but no pointer-events support */
     pointer-events: auto; /* If pointer-events support but no pointer-events support */
 }
 .no-opacity       .wrapper-dropdown-3 .dropdown,
 .no-pointerevents .wrapper-dropdown-3 .dropdown {
     display: none;
     opacity: 1; /* If opacity support but no pointer-events support */
     pointer-events: auto; /* If pointer-events support but no pointer-events support */
 }
 .no-opacity       .wrapper-dropdown-2 .dropdown,
 .no-pointerevents .wrapper-dropdown-2 .dropdown {
     display: none;
     opacity: 1; /* If opacity support but no pointer-events support */
     pointer-events: auto; /* If pointer-events support but no pointer-events support */
 }

 .no-opacity       .wrapper-dropdown-1.active .dropdown,
 .no-pointerevents .wrapper-dropdown-1.active .dropdown {
     display: block;
 }
 .no-opacity       .wrapper-dropdown-2.active .dropdown,
 .no-pointerevents .wrapper-dropdown-2.active .dropdown {
     display: block;
 }

 .no-opacity       .wrapper-dropdown-3.active .dropdown,
 .no-pointerevents .wrapper-dropdown-3.active .dropdown {
     display: block;
 }







.btn {
     font-size: 3vmin;
     padding: 0.75em 1.5em;
     background-color: #fff;
     border: 2px solid #bbb;
     color: #333;
     text-decoration: none;
     display: inline;
     border-radius: 0px;
     -webkit-transition: background-color 1s ease;
     -moz-transition: background-color 1s ease;
     transition: background-color 1s ease;
   }

   .btn:hover {
     background-color: #ddd;
     -webkit-transition: background-color 1s ease;
     -moz-transition: background-color 1s ease;
     transition: background-color 1s ease;
   }

   .btn-small {
     padding: .75em 1em;
     font-size: 0.8em;
   }
   .modal-box div#dash-tab {
     float: left;
     width: 96%;
     min-height: initial;
     background: #fff;
 }
 h3.poppu-text {
     width: 100%;
     float: left;
     text-align: center;
     padding: 10% 0;
     font-size: 28px;
     color: #323232;
 }
 h3.poppu-text:hover{
     color: #d79f60;
 }
 .modal-body.start-new{
      display:none;
 }
 .modal-box #dash-tab .plan-output-tab .resp-tab-content
 .content .name-city ul.task-info li:nth-child(2) {
     margin: 0;
     font-size: 26px;
 }

 .modal-box #dash-tab .plan-output-tab .resp-tab-content
 .content .name-city ul.task-info li:nth-child(3) {
     font-size: 26px;
 }
 .modal-box #dash-tab .plan-output-tab .resp-tab-content {
     padding: 1% 0px;
     float: none;
     width: 100%;
     min-height: initial;
     overflow-y: scroll;
     height: 250px;
     margin: 0 auto;
     border-top: none !important;
 }
   .modal-box {
     display: none;
     position: fixed;
     z-index: 999999;
     width: 98%;
     background: white;
     border-bottom: 1px solid #aaa;
     border-radius: 4px;
     box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
     border: 1px solid rgba(0, 0, 0, 0.1);
     background-clip: padding-box;
   }
   @media (min-width: 32em) {

     .modal-box.learn {
          width: 60%;
          top: 10% !important;
          left: 20%;
          right: 20%;
      }

      .modal-box {
          width: 65%;
          height: 700px;
      }
      .modal-box.learnpop {
          width: 70%;
      }

      .assessment-section .modal-box {
          width: 70%;
          height: 450px;
      }
     }

     .modal-box header, .modal-box .modal-header {
          padding: 0;
          border-bottom: 1px solid #ddd;
          background: #d79f60;
          text-align: center;
          color: #fff;
          float: left;
          width: 100%;
      }
      #switchPopup .form {
          width: 100%;
          margin: 0;
      }

   .modal-box header h3,
   .modal-box header h4,
   .modal-box .modal-header h3,
   .modal-box .modal-header h4 { margin: 0; }

   .modal-box .modal-body { padding: 2%; }

   .modal-box footer, .modal-box .modal-footer {
     padding: 2%;
     border-top: 1px solid #ddd;
     background: rgba(0, 0, 0, 0.02);
     text-align: right;
     float: left;
     width: 96%;
 }
   .modal-overlay {
     opacity: 1;
     filter: alpha(opacity=0);
     position: fixed;
     top: 0;
     left: 0;
     z-index: 99999;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.6) !important;
   }


   a.close {
     line-height: 1;
     padding: 4px 0 !important;
     border: 1px solid rgb(153, 153, 153);
     width: 30px;
     text-align: center;
     right: -41px !important;
     top: 0 !important;
     border-radius: 0 !important;
     position: absolute;
     color: #232323;
     background: #fff;
     font-size: 25px !important;
     font-weight: 200;
 }
   #dash-tab .plan-output-tab .resp-tab-content .content
   .name-city ul.task-info li:last-child a i.fa.fa-eye:hover{
     color: #d79f60;
   }
   a.close:hover {
     color: #222;
     -webkit-transition: color 1s ease;
     -moz-transition: color 1s ease;
     transition: color 1s ease;
     background: #fff;
   }

   .page-link {
     float: left;
     width: 50%;
 }
 .page-link a {
     margin: 0 2%;
     float: left;
     width: 165px;
     text-align: left;
     color: #323232;
     font-weight: 500;
 }
 .page-link a:hover, .page-link a:hover i.fa.fa-arrow-right {
     color: #d79f60;
     font-weight: 500;
 }

 .inputGroup {
     background-color: #fff0;
     display: block;
     margin: 0px 0;
     position: relative;
     width: 50%;
     float: left;
     height: 100px;
 }
 .inputGroup label {
     padding: 0px 20%;
     width: 60%;
     display: block;
     text-align: left;
     color: #3C454C;
     cursor: pointer;
     position: relative;
     z-index: 2;
     transition: color 200ms ease-in;
     overflow: hidden;
     height: 100px;
 }
 .inputGroup label:before {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     content: '';
     background-color: #ffffff;
     color: #323232;
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
     transform: translate(-50%, -50%) scale3d(1, 1, 1);
     transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
     opacity: 0;
     z-index: -1;
 }
 .inputGroup label:after {
     width: 32px !important;
     height: 32px;
     content: '';
     border: 2px solid #D1D7DC;
     background-color: #fff;
     background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
     background-repeat: no-repeat;
     background-position: 2px 3px;
     border-radius: 50%;
     z-index: 2;
     position: absolute;
     left: 10px;
     top: 50%;
     -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
     cursor: pointer;
     transition: all 200ms ease-in;
   }

   .inputGroup input:checked ~ label {
     color: #2f2f2f;
 }
   .inputGroup input:checked ~ label:before {
     -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
             transform: translate(-50%, -50%) scale3d(56, 56, 1);
     opacity: 1;
   }
   .inputGroup input:checked ~ label:after {
     background-color: #d79f60;
     border-color: #000000;
 }
   .inputGroup input {
     width: 32px;
     height: 32px;
     order: 1;
     z-index: 2;
     position: absolute;
     right: 30px;
     top: 50%;
     -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
     cursor: pointer;
     visibility: hidden;
   }

   div#popup1 .form {
     padding: 0 0px;
     max-width: initial;
     margin: 0px auto;
     font-size: 18px;
     font-weight: 600;
     line-height: 26px;
     width: 100%;
 }

 div#popup1 .form p {
     float: left;
     font-size: 20px;
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     margin: 0;
     color: #323232;
     font-weight: 600;
 }

 div#popup1 .form a {
     float: right;
     font-size: 20px;
     width: 100%;
     margin: 0;
     font-style: normal;
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     color: #323232;
 }

 .learn.plan .blog-right p {
     max-height: initial;
     min-height: initial;
     margin-bottom: 10px;
 }

 .learn.plan .blog-right h5 {
     max-height: inherit;
     height: 203px;
 }

 .learn.plan ul.menu.business {
     width: 920px;
 }
 .enabler-section span {
     font-size: 16px;
     width: 100%;
     float: left;
     color: #696969;
 }
 .sub-menu.business {
     width: 780px;
     margin: 0 auto;
     text-align: center;
 }
 .sub-menu.business li {
     float: left;
     width: 33%;
 }
 .enabler-section.business h3{
      margin: 0;
 }
 .enabler-section.business p{
     margin: 0;
}

#planning .question-section.half:nth-child(even) {
     float: right;
 }

 #planning .ass-cat.box-eight ul li {
     width: 13%;
     padding: 0 1.5%;
 }

 #planning .ass-cat.box-eight ul li img {
     opacity: 9;
     -webkit-filter: grayscale(0%);
     filter: grayscale(0%);
     width: 70%;
     top: 0;
     margin-top: -45px;
 }

 #planning .ass-cat.container-fluid {
     margin-top: 10%;
 }

 .question-section.full a {
     color: #323232;
     padding: 10px 30px;
     border: 1px solid #323232;
     float: left;
     font-size: 22px;
     margin: 40px 20px 20px 0;
 }

 .question-section.full a:hover {
     color: #fff;
     border: 1px solid #323232;
     background: #323232;
 }
 .fsmpro-gray .content Ul.menu li a {
     font-size: 15px !important;
 }



 #planning ul.menu.business {
     width: 920px;
 }
 .content .select-replacement-wrapper a:after {
     content: "";
     width: 0;
     height: 0;
     border-left: 12px solid transparent;
     border-right: 12px solid transparent;
     border-top: 15px solid black;
     float: right;
     margin-top: 0px;
 }

 .plan-output .content h1 {
     text-align: center;
     font-size: 40px;
     font-weight: 800;
     color: #000;
     text-transform: capitalize;
 }
 .business-pross {
     width: 100%;
     float: left;
     margin: 0px 0;
 }
 .business-left {
     width: 49.9%;
     float: left;
     text-align: center;
 }
 .business-left:last-child{
     border-right: 0px solid #323232;
 }
 .business-left .set-size {
     font-size: 19em;
     position: relative;
     top: 0;
     left: 0;
     z-index: -1;
     float: none;
     margin: 0 auto;
     width: 380px;
 }

 .business-left .cdev div span {
     position: absolute;
     font-size: 60px;
     line-height: 223px;
     text-indent: 0px;
     color: #000;
 }
 .content .business-left h3 {
     font-size: 24px;
     color: #000;
     font-weight: 500;
     width: 275px;
     margin: 0 auto;
     float: none;
     cursor: pointer;
     min-height: 185px;
 }
 .content .business-left span {
     font-size: 16px;
     color: #000;
     font-weight: 500;
     margin: 20px 0;
     float: left;
     width: 100%;
 }
 .business-bar-section {
     width: 93%;
     float: left;
     padding: 30px 0;
     border-right: 3px solid #909090;
     padding: 50px 20px;
 }
 .dusiness-table table {
     border-collapse: collapse;
     float: left;
     width: 100%;
     margin-top: 0%;
     font-size: 18px;
 }
 .dusiness-table tr th:first-child, .dusiness-table tr td.first-box:first-child {
     width: 5%;
     text-align: center;
     font-weight: 600;

 }
 .dusiness-table th{
      font-weight: 600;
 }
 .dusiness-table .green tr {
     background: #daf0c9;
 }

 .bus-table-section {
     width: 98%;
     float: left;
 }
 .dusiness-table {
     width: 100%;
     float: left;
     height: auto;
     overflow-y: scroll;
     margin-top: 26px;
     max-height: 400px;
 }





 /* Position relative, so that we can overlay the hidden select */
 .business-pross .select-replacement-wrapper {
     position: relative;
     border: 0px solid red;
     width: 465px;
     margin: 0 auto;
     height: auto;
 }
   /* Only shows if JS is enabled */
  .business-pross .select-replacement-wrapper a {
     /* display: none; */
     /* Notice that we've centered this text -
      you can do whatever you want, mulitple lines wrap, etc,
      since this is not a select element' */
     text-align: center;
     display: block;
     border: 0px solid blue;
     font-size: 25px;
     font-weight: 500;
     min-height: 147px;

   }

   .business-pross select.replace {
     position: absolute;
     width: 100%;
     height: 133px;
     top: 60px;
     border: 0px solid green;
     opacity: 0;
     left: 0;
     cursor: pointer;
 }
 .business-pross select.replace option {
    background: #fff;
    font-size: 16px;
    line-height: 30px;
    padding: 5px;
    outline: none;
 }
 .business-pross select.replace option:hover {
     background: #000;

  }




 .dusiness-table tr{
      background: #fbd17a;
 }
 .dusiness-table table {
     border-collapse: collapse;
     float: left;
     width: 100%;
     margin-top: 0%;
     font-size: 18px;
 }
 .dusiness-table th, .dusiness-table td {
     border: 1px solid #323232;
     width: 95%;
     padding: 10px;
 }
 .business-left td, th {
     text-align: left;
     font-size: 12px;
     font-weight: 400;
 }
 .business-left:last-child .business-bar-section {
     border-right: 0px solid #323232;
     border-left: 0px solid #909090;
 }
 .business-left .cdev {
     position: relative;
     height: 350px;
     width: 350px;
     margin: 0 auto;
     border: 8px solid #fff;
     border-radius: 50%;
 }
 .business-left .set-size .col-md-1.mb20 {
     border: 4px solid #e0e1e0;
     border-radius: 50%;
     width: auto;
     float: left;
 }

 .business-left .cdev div span {
     position: absolute;
     height: 220px;
     width: 220px;
     left: 65.5px;
     top: 65.5px;
     text-align: center;
     border-radius: 50%;
     background-color: white;
     display: block;
     margin: 0;
 }

 .business-left .cdev .rotate {
     clip: rect(0 175px 350px 0);
     background-color: #D79F60 !important;
 }
 .business-left .cdev .left {
     clip: rect(0  175px 350px 0);
     opacity: 1;
     background-color: #b3cef6;
 }
 .business-left .cdev .right {
     clip: rect(0  175px 350px 0);
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     opacity: 0;
     background-color: #D79F60 !important;
 }

 .business-left .bar-text {
     z-index: 9;
     text-align: center;
     margin-top: 0;
     position: absolute;
     top: -140px;
     float: left;
     height: auto;
     left: 52px;
 }
 .business-left .cdev .bar-text b {
     font-size: 24px;
     margin-top: 12px !important;
     width: 100%;
     text-align: center;
     color: #a0a0a0;
     font-weight: 400;
 }
 .set-size .col-md-1.mb20 {
     border: 4px solid #fff;
     border-radius: 100px;
 }
 .business-bar-text {
     float: none;
     width: 85%;
     margin: 0px auto;
 }
 .content .business-bar-text p spa{
   color: green;
   font-weight: 800;
}
 .content .business-bar-text span{
      margin: 5px 0;
 }
 .bar-link {
     float: left;
     width: 100%;
     margin: 5% 0;
 }
 .bar-link a{
    color: #323232;
    border: 1px solid #323232;
    padding: 10px 20px;
    font-size: 16px;
 }
 .bar-link a:hover{
     color: #fff;
     border: 1px solid #323232;
     background: #323232;
  }
  .learn-top {
     float: left;
     width: 100%;
 }
 .learn-top-img {
     width: 150px;
     float: left;
 }
 .learn-top-img img{
     width: 100%;
     float: left;
 }
 .learn-img-text {
     float: left;
     width: 80%;
 }

 .learn-img-text h4 {
     float: left;
     width: 45%;
     text-align: center;
     font-size: 20px;
     margin: 10px 2.5% 60px;
 }

 #planning .question-section .sign-up-container input{
      width: auto;
 }

 #planning .ass-cat.box-eight ul li img {
     opacity: 9;
     -webkit-filter: grayscale(0%);
     filter: grayscale(0%);
     width: auto;
     top: 0;
     margin-top: -15px;
 }

 .content .progress-section ul.menu li a {
     font-size: 16px;
 }
 #planning .rapid .ass-cat.box-eight ul li {
     width: 11%;
     padding: 0 2.5%;
 }



 .infratructure-assessment-section.fsmpro .household {
     float: left;
     width: 94%;
     margin: 0%;
 }

 .infratructure-assessment-section.fsmpro .per-container, .per-panel {
     font-size: 18px;
     font-weight: 400;
 }

 .infratructure-assessment-section.fsmpro .household .pre-light-grey {
     margin: 0px 0;
     border-radius: 0px;
     margin-bottom: 20px;
 }
.paginaton-section .disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  opacity: 0.1;
  cursor: none !important;
}
.paginaton-section .disabled:hover {
     background-color: default !important;
     color: default !important;
     border-color: default !important;
}

.height-fix {
     height: 700px;
     float: left;
     width: 100%;
     display: block;
     position: relative;
     text-align: center;
 }
 .height-fix .content h3 {
     width: 100%;
 }

 .footer li.active a {
     color: #625e51;
     border-bottom: 1px solid;
 }

 .upload-file input[type="checkbox"] {
     width: 25px;
     height: 25px;
     margin-right: 10px;
     margin-left: 10px;
     background: none;
     border-color: #838383;
     margin-top: 0px;
     float: left;
     background: #fff;
     font-family: 'Poppins', sans-serif;
 }

 .upload-file label p {
     float: left;
     width: 70%;
     margin: -7px 0;
     font-size: 18px;
 }

 #signup .form input[type="checkbox"] {
     width: 30px;
     height: 20px;
 }
 #signup .sign-in-remenber label p {
     margin: -1px 0;
     font-size: 18px;
     width: 92%;
     text-align: left;
     cursor: pointer;
 }

 #signup .sign-in-remenber {
     width: 100%;
     float: left;
     margin-bottom: 0px;
     margin-top: 20px;
     background: #e0d5b6;
     padding: 20px 0;
 }

 #signup .subscribe {
     width: 530px;
     margin: 0 auto;
 }

 .email-section {
     float: left;
     width: 100%;
 }
 .email-img {
     position: relative;
     float: left;
     width: 100%;
     padding: 20px 0 30px;
     background: rgba(50, 50, 50, 0.9);
     }

 .email-img img{
      width: 100%;
      position: relative;
      float: left;
 }
 .email-overlay {
     width: 100%;
     height: 100%;
     background: url(../images/email-bg.jpg);
     float: left;
 }
 .email-box-section {
     width: 980px;
     margin: 0 auto;
     text-align: center;
 }
 .email-box {
     text-align: center;
     width: 95%;
     border: 4px solid #d79f60;
     float: left;
     border-radius: 10px;
     margin: 80px 0 40px;
     padding: 20px 0 40px;
 }
 .info-pagination .dropdown .dropdown-menu li a {
     cursor: pointer;
 }
 img.email-icon {
     width: 85px;
     float: none;
     margin-top: -77px;
     background: #464645;
     padding: 0 10px;
 }
 .email-box h3{
color: #fff;
font-size: 24px;
 }
 .subscribe {
     width: 700px;
     margin: 20px auto 0;
 }
 .email-box input#emailId {
     background: rgba(250, 250, 250, 0.4);
     width: 89%;
     float: left;
     padding: 15px;
     font-size: 18px;
     border: 1px solid #d79f60;
     outline: none;
 }
 .email-box input[type="submit"] {
     padding: 17px 0;
     width: 25%;
     margin: 0 4%;
     font-size: 16px;
     background: #d79f60;
     color: #fff;
     border: 1px solid #d79f60;
     font-weight: 700;
     outline: none;
     cursor: pointer;
 }
 .email-box input[type="submit"]:hover{
      border: 1px solid #d79f60;
      background: none;
 }
 .subscribe .col-3 {
     float: left;
     width: 66%;
     margin: 0;
     position: relative;
 }

 .email-bottom {
     float: left;
     width: 100%;
     margin: 20px 0 20px;
     border-bottom: 1px solid #d79f60;
     padding: 0 0 10px;
 }
 .email-bottom h4 {
      font-size: 18px;
      color: #fff;
      margin: 10px 0;
 }
 .email-bottom input[type="checkbox"] {
     width: 25px;
     height: 17px;
     float: left;
 }
 .email-bottom .checksection {
     width: auto;
     float: left;
     text-align: left;
     padding: 5px 1% 5px 10px;
     color: #fff;
     background: #d79f6000;
     margin: 1% 2% 0;
 }
 .email-bottom label {
     font-size: 14px;
 }
 .email-bottom label {
     margin: 1px 0;
     float: left;
 }






 .email-box ::placeholder{
     color: #323232;
     font-weight: 400;
}
.email-box ::-webkit-input-placeholder { /* Chrome */
     color: #323232;
     font-weight: 400;
}
.email-box :-ms-input-placeholder { /* IE 10+ */
     color: #323232;
     font-weight: 400;
}
.email-box ::-moz-placeholder { /* Firefox 19+ */
     color: #323232;
     font-weight: 400;
     opacity: 1;
}
.email-box :-moz-placeholder { /* Firefox 4 - 18 */
     color: #323232;
     font-weight: 400;
     opacity: 1;
}
.enabler-ecosystem .content-text ul li img {
     position: relative;
     width: 42%;
 }
 .enabler-ecosystem .content-text ul li span {
     position: absolute;
     left: 0;
     top: 13%;
     font-size: 26px;
     color: #fff;
     font-weight: 600;
 }

form .signup-box {
     float: left;
     border: 1px solid #f5f5f5;
     padding: 0;
 }
 i.fa.fa-star:hover,  i.fa.fa-star.active {
     color: gold;
     text-shadow: 0px 3px #ccc;
 }
 #dash-tab .dropdown-content a.active {
     background-color: #d79f60;
     color: #4b4b4b;
 }
 #primary_nav_wrap ul.chilemenu {
     top: 0 !important;
     left: -100%;
 }
 .dropdown #primary_nav_wrap ul li ul li:hover {
     border-bottom: 1px solid #d79f60;
 }
 .dropdown #primary_nav_wrap ul li ul li {
     border-bottom: 1px solid #d79f60;
 }
 .dropdown #primary_nav_wrap ul li {
     margin: 0;
     padding: 0;
     border-bottom: 0px solid #fff0;
 }

 .dropdown #primary_nav_wrap ul ul {
     top: 100%;
 }

 .left-map .household .set-size02 {
     z-index: 2;
 }
 .left-map .household .set-size03 {
     z-index: 2;
 }
 .left-map .household .set-size04 {
     z-index: 3;
 }

 .left-map .household svg.smaill-bar {
     position: relative;
     z-index: 9;
 }
 .left-map .household img.bar-img {
     width: 80px;
     position: absolute;
     left: 60px;
     top: 30px;
 }

 .left-map {
     float: left;
     margin-right: 4%;
     WIDTH: 40%;
     background: #fff;
     padding: 3% 0%;
 }



 .left-map .household .set-size02 {
     position: absolute;
     top: 66px;
     left: 52px;
     z-index: 1;
}
.left-map .household .set-size02 .cdev {
     position: relative;
     height: 300px;
     width: 300px;
     margin: 0 auto;
}
.left-map .household .set-size02 .cdev div {
     position: absolute;
     height: 100%;
     width: 100%;
     border-radius: 50%;
}

.left-map .household .set-size02 .cdev div span {
     position: absolute;
     font-family: Arial;
     font-size: 0px;
     line-height: 75px;
     height: 290px;
     width: 290px;
     left: 5px;
     top: 5px;
     text-align: center;
     border-radius: 50%;
     color: #fff0;
     background-color: white;
     display: block;
}

.left-map .household .set-size02 .cdev div span {
     display:block;
}


.left-map .household .set-size02 .cdev .rotate {
     clip: rect(0 150px 300px 0);
     background-color:rgba(49, 49, 49, 0) !important;
}

.left-map .household .set-size02 .cdev .left {
     clip: rect(0 150px 300px 0);
     opacity: 1;
     background-color:#c8ccd5 !important;
}

.left-map .household .set-size02 .cdev .right {
     clip: rect(0 150px 300px 0);
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     opacity: 0;
     background-color:rgba(49, 49, 49, 0) !important;
}





.left-map .household .set-size03 {
     position: absolute;
     top: 93px;
     left: 76px;
     z-index: 2;
 }
.left-map .household .set-size03 .cdev {
     position: relative;
     height: 250px;
     width: 250px;
     margin: 0 auto;
}
.left-map .household .set-size03 .cdev div {
     position: absolute;
     height: 100%;
     width: 100%;
     border-radius: 50%;
}

.left-map .household .set-size03 .cdev div span {
     position: absolute;
     font-family: Arial;
     font-size: 0px;
     line-height: 75px;
     height: 240px;
     width: 240px;
     left: 5px;
     top: 5px;
     text-align: center;
     border-radius: 50%;
     color: #fff0;
     background-color: white;
     display: block;
}

.left-map .household .set-size03 .cdev div span {
     display:block;
}


.left-map .household .set-size03 .cdev .rotate {
     clip: rect(0 125px 250px 0);
     background-color:#d79f60 !important;
}

.left-map .household .set-size03 .cdev .left {
     clip: rect(0 125px 250px 0);
     opacity: 1;
     background-color:#c8ccd5 !important;
}

.left-map .household .set-size03 .cdev .right {
     clip: rect(0 125px 250px 0);
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     opacity: 0;
     background-color:#d79f60 !important;
}



.left-map .household .set-size04 {
     position: absolute;
     top: 113px;
     left: 98px;
     z-index: 3;
 }
.left-map .household .set-size04 .cdev {
     position: relative;
     height: 200px;
     width: 200px;
     margin: 0 auto;
}
.left-map .household .set-size04 .cdev div {
     position: absolute;
     height: 100%;
     width: 100%;
     border-radius: 50%;
}

.left-map .household .set-size04 .cdev div span {
     position: absolute;
     font-family: Arial;
     font-size: 0px;
     line-height: 75px;
     height: 190px;
     width: 190px;
     left: 5px;
     top: 5px;
     text-align: center;
     border-radius: 50%;
     color: #fff0;
     background-color: white;
     display: block;
}

.left-map .household .set-size04 .cdev div span {
     display:block;
}


.left-map .household .set-size04 .cdev .rotate {
     clip: rect(0 100px 200px 0);
     background-color:#f75858 !important;
}

.left-map .household .set-size04 .cdev .left {
     clip: rect(0 100px 200px 0);
     opacity: 1;
     background-color:#c8ccd5 !important;
}

.left-map .household .set-size04 .cdev .right {
     clip: rect(0 100px 200px 0);
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     opacity: 0;
     background-color:#f75858 !important;
}














 .content-text .output-bot-box ul li a{
     background: none;
     color: #323232;
     font-size: 18px;
     text-transform: none;
     border: none;
     padding: 0;
     margin: 0;
     width: 100%;
 }

 .content-text .output-bot-box ul li a:hover{
      text-decoration: underline !important;
 }

 div#donutchart {
     padding: 10px;
     margin-top: 50px;
 }
 .track-section ul li .bar-section-track span {
     font-size: 12px;
     width: auto;
     color: #d79f60;
     font-weight: 400;
     margin-bottom: -6px;
 }





 .gauge {
     position: relative;
     display: inline-block;
     font-size: 33px;
     line-height: 1em;
     height: 1em;
     width: 2em;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .gauge.gauge-big {
     font-size: 117px;
 }

 .gauge.gauge-small {
     font-size: 17px;
 }
 .gauge .gauge-arrow {
     height: 115px;
     width: 5px;
     margin-left: -.05em;
     -webkit-transform-origin: 50% 100%;
     -moz-transform-origin: 50% 100%;
     -ms-transform-origin: 50% 100%;
     -o-transform-origin: 50% 100%;
     transform-origin: 50% 100%;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
 }
 .gauge .gauge-arrow, .gauge .gauge-arrow:before {
     position: absolute;
     display: inline-block;
     background: #323232;
     left: 50%;
     border-radius: 50% 50% 50% 50% / 50% 50% 0 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     margin-top: -105px;
 }

 .gauge .gauge-arrow:before {
     content: '';
     height: 0.15em;
     width: 0.15em;
     bottom: -0.1em;
     margin-left: -0.075em;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     -ms-border-radius: 100%;
     -o-border-radius: 100%;
 }
 .progress {
     position: relative;
     margin: 0 20px 28px;
     float: left;
     text-align: center;
 }
   .barOverflow{ /* Wraps the rotating .bar */
     position: relative;
     overflow: hidden; /* Comment this line to understand the trick */
     width: 240px; height: 120px; /* Half circle (overflow) */
     margin-bottom: -14px; /* bring the numbers up */
   }
   .bar{
     position: absolute;
     top: 0; left: 0;
     width: 240px; height: 240px; /* full circle! */
     border-radius: 50%;
     box-sizing: border-box;
     border: 30px solid #eee;     /* half gray, */
     border-bottom-color: #d79f60;  /* half azure */
     border-right-color: #d79f60;
   }
   .gauge:before {
       display:none;
   }

   #gaugeDemo span, .gauge.gauge-big {
       font-size: 117px;
       color: rgba(0, 0, 0, 0);
   }



 .plan-rapid-output {
     float: left;
     width: 100%;
     padding: 2% 0;
 }
 .plan-rapid-output .content-text h3 {
     font-size: 48px;
     float: left;
     font-weight: 800;
     margin-bottom: 90px;
     width: 100%;
     text-align: center;
     color: #000;
 }
 .rapid-img img{
      width: 100%;
      float: left;
      margin-top: 20px;
      position: relative;
 }
 .rapid-img {
      width: 100%;
      float: left;
      position: relative;
 }

 .rapid-img .info {
     float: left;
     text-align: left;
     width: 56%;
 }

 .rapid-img .info p {
     font-size: 23px;
     line-height: 28px;
     font-weight: 600;
     margin: 0;
 }
 .rapid-img .info h2 {
     float: left;
     font-size: 26px;
     width: 100%;
 }
 .community .households01 {
     position: absolute;
     width: 300px;
     left: 26%;
     top: 6%;
     text-align: center;
 }

 .households01 {
     position: absolute;
     width: 300px;
     left: 36%;
     top: 6%;
     text-align: center;
 }
 .households01 img {
     width: 40%;
     margin: 0 1% 0 0;
 }
 .households01.facility {
     left: 8%;
     top: 16%;
 }
 .full-width-info {
     width: 1200px;
     margin: 0 auto;
 }
 .rapid-slider {
     float: left;
     width: 100%;
     padding: 3% 0;
 }
 .slader-box {
     width: 100%;
     float: left;
 }
 .full-info-section {
     width: 100%;
     float: left;
     margin-top: 21%;
 }
 .households01.withoutfacility {
     right: 9%;
     left: initial;
     top: 15%;
 }
 .households01.facility01 {
     left: 0%;
     top: 35%;
     width: 250px;
 }
 .households01.facility03 {
     left: 51%;
     top: 34%;
     width: 250px;
 }
.households01.withoutfacility30{
     top: 83%;
     left: 25%;
     width: 300px;
 }
 .content-text .households01 span {
     font-size: 18px;
     line-height: 22px;
     font-weight: 600;
     margin: 0;
 }
 .rapid-img .facility02 .info, .rapid-img .facility03 .info, .rapid-img .facility01 .info, .households01.withoutfacility02 .info,
 .households01.withoutfacility01 .info {
     float: left;
     text-align: center;
     width: 100%;
 }
 .rapid-img .facility02 img, .rapid-img .facility03 img, .rapid-img .facility01 img {
     width: 60%;
     float: none;
 }
 .households01.withoutfacility02 img,
 .households01.withoutfacility01 img {
     width: 70%;
     float: none;
 }
 .households01.withoutfacility02,
 .households01.withoutfacility01 {
     width: 250px;
 }
 .rapid-img .facility02, .rapid-img .facility03, .rapid-img .facility01 {
 text-align: center;
 }
 .households01.withoutfacility01 {
     right: -3%;
     left: initial;
     top: 56%;
 }
 .households01.withoutfacility02 {
     left: inherit;
     right: 32%;
     top: 56%;
 }

 .households01.facility02 {
     left: 22%;
     top: 34%;
     width: 300px;
 }

 ol.flex-control-nav.flex-control-paging{
      display: none;
 }

 .flex-viewport h2 {
     float: left;
     width: 47%;
     line-height: 30px;
     margin-top: 5%;
 }
 .rapid-title h1{
      color: #000;
 }
 .containment hr {
     width: 6%;
 }
 .interface hr {
     width: 14%;
 }
 .slader-box {
     width: 75%;
     margin: 0 auto;
     float: none;
 }
 section.slider {
     float: left;
     width: 100%;
 }

 .households01.community06 {
     top: 55%;
     right: 9%;
     left: inherit;
     width: 200px;
 }
 .households01.community05 {
     top: 55%;
     right: 42%;
     left: initial;
     width: 200px;
 }

 .households01.community07 {
     top: 75%;
     right: 35%;
     left: inherit;
     width: 130px;
 }
 .households01.community08 {
     top: 75%;
     right: 59%;
     left: initial;
     width: 130px;
 }



 .households01.community09 {
     top: 75%;
     right: 24%;
     left: inherit;
     width: 130px;
 }
 .households01.community10 {
     top: 75%;
     right: 0%;
     left: initial;
     width: 130px;
 }
 .households01.community05 img, .households01.community10 img, .households01.community07 img,  .households01.community06 img {
     width: 55%;
     margin: 0;
     float: none;
 }
 .households01.community05 img, .households01.community06 img {
     width: 55%;
     margin: 0;
     float: none;
 }



 .households01.community09 span, .households01.community10 span, .households01.community07 span, .households01.community08 span{
     font-size: 14px;
 }

 .households01.community09 h2, .households01.community10 h2, .households01.community07 h2, .households01.community08 h2{
     font-size: 24px;
 }

 .households01.community05 img, .households01.community09 img, .households01.community10 img, .households01.community07 img, .households01.community08 img, .households01.community06 img {
     width: 55%;
     margin: 0;
     float: none;
 }
 .rapid-img .households01.community05 .info, .rapid-img .households01.community08 .info,.rapid-img .households01.community08 .info, .rapid-img .households01.community10 .info, .rapid-img .households01.community09 .info, .rapid-img .households01.community07 .info, .rapid-img  .households01.community06 .info  {
     float: left;
     text-align: center;
     width: 100%;
 }
 .households01.community09 img, .households01.community08 img, .households01.community07 img, .households01.community10 img {
     width: 100%;
     margin: 0;
     float: none;
 }
 .rapid-img .households01.Public04 .info,  .rapid-img .households01.Public03 .info,  .rapid-img .households01.Public06 .info,  .rapid-img .households01.Public05 .info {
     float: left;
     text-align: center;
     width: 100%;
 }
 .rapid-img .households01.Public04 img,  .rapid-img .households01.Public04 img, .rapid-img .households01.Public03 img,  .rapid-img .households01.Public06 img,  .rapid-img .households01.Public05 img {
     float: none;
     text-align: center;
     width: 75%;
 }
 .households01.community05 img, .households01.community06 img {
     width: 55%;
     margin: 0;
     float: none;
 }

 .rapid-img .households01.Public04,  .rapid-img .households01.Public03,  .rapid-img .households01.Public06,  .rapid-img .households01.Public05 {
     text-align: center;
     width: 200px;
 }
 .households01.community04 {
     top: 57%;
     right: 0;
     left: inherit;
 }
 .rapid-img .generation-sec .info {
     float: left;
     text-align: center;
     width: 100%;
 }
 .generation-sec .households01 img {
     width: 80%;
     margin: 0;
     float: none;
 }
 .households01.community03 {
     top: 57%;
     left: initial;
     right: 30%;
 }
 .households01.community02 {
     top: 30%;
     right: 17%;
     left: inherit;
     width: 29%;
     text-align: center;
 }
 .households01.subtext img{
width: 50%;
 }

 .households01.community02 img {
     width: 35%;
     float: none;
 }
 .households01.community02 .info {
     float: left;
     text-align: left;
     width: 100%;
 }
 .households01.community01 {
     top: 15%;
     right:16%;
     left: inherit;
 }
 .households01.community {
     top: 15%;
     left: 1%;
 }

 .households01.Public06 {
     top: 64%;
     right: 0;
     left: inherit;
 }
 .households01.Public05 {
     top: 64%;
     right: 34%;
     left: inherit;
 }

 .households01.Public04 {
     top: 50%;
     left: 0%;
 }
 .households01.Public03 {
     top: 50%;
     left: 30%;
 }

 .households01.Public011 {
     top: 24%;
     right: initial;
     left: 9%;
     width: 350px;
 }

 .households01.Public022 {
     top: 24%;
     right: 8%;
     width: 350px;
     left: inherit;
 }


 .households01.Public02 {
     top: 55%;
     left: 18%;
     width: 212px;
 }
 .households01.Public01 {
     top: 55%;
     right: 19%;
     left: inherit;
     width: 204px;
 }
 .households01.generation03 {
     right: 11%;
     left: inherit;
     top: 0%;
     width: 200px;
 }
 .households01.generation {
     left: 10%;
     top: 2%;
     width: 200px;
 }
 .households01.generation01 {
     left: 31%;
     top: -3%;
     width: 200px;
 }
 .households01.generation02 {
     right: 32%;
     left: initial;
     top: -3%;
     width: 200px;
 }
 .rapid-total .households01.generation04 {
     top: 56%;
 }
 .rapid-total .households01.generation.subtext {
     top: 33%;
 }
 .rapid-total .households01.generation02.subtext {
     top: 33%;
 }

 .rapid-total .households01.generation03.subtext {
     top: 33%;
 }

 .rapid-total .households01.generation01.subtext {
     top: 33%;
 }
 .households01.generation.subtext {
     top: 24%;
     left: 10%;
     background: #fff;
     padding: 5px;
     text-align: center;
 }
 .households01.generation04 p {
     font-size: 24px;
     line-height: 31px;
 }
 .households01.generation04 h2 {
     float: left;
     font-size: 40px;
     width: 100%;
     color: #000;
 }
 .plan-size p.capacity {
     text-align: center;
     font-size: 23px;
     font-weight: 700;
     border: 1px solid;
     width: 331px;
     float: none;
     position: absolute;
     top: 2%;
     padding: 10px;
     left: 17%;
 }

 .generation-sec .households01.Public06 {
     top: 78%;
     right: 8%;
     left: inherit;
 }
.generation-sec .households01.Public05 {
    top: 78%;
    right: 29%;
    left: inherit;
}
.generation-sec .households01.Public04 {
     top: 78%;
     left: 8%;
     width: 200px;
 }
.generation-sec .households01.Public03 {
     top: 78%;
     left: 30%;
 }




 .households01.subtext {
     background: #fff;
     padding: 5px;
     text-align: center;
     width: 200px;
 }
 .households01.subtext span {
     font-size: 18px;
     color: #696969;
     line-height: 24px;
 }
 .households01.subtext h5{
     font-size: 22px;
     color: #323232;
  }

  .households01.generation01.subtext {
     top: 24%;
     left: 30%;
 }
 .households01.generation02.subtext {
     top: 24%;
     right: 32%;
 }
 .households01.generation03.subtext {
     top: 24%;
     right: 10%;
 }
 .households01.generation04 {
     top: 42%;
     width: 330px;
     left: 35%;
     border: 0px solid;
     padding: 10px;
 }
 .households01.generation04 img {
    width: 40%;
 }

 .households01.generation04 .info {
     width: 100%;
     text-align: center;
 }
.rapid-img.bottomsection{
     margin-top: -11%;
}

.rapid-img.half {
     width: 50%;
 }
 .households01.treatment03 {
     top: 44%;
     left: 25%;
 }
 .households01.treatment01 {
     right: -3%;
     left: inherit;
     top: 11%;
 }

 .rapid-treatment .rapid-img .info {
     float: left;
     text-align: center;
     width: 100%;
 }
 .rapid-treatment .households01 img {
     width: 40%;
     margin: 0;
     float: none;
 }
 .households01.treatment042 {
     position: absolute;
     width: 260px;
     left: 29%;
     top: 13%;
     text-align: center;
 }
 .rapid-treatment .households01.treatment042 span, .households01.treatment span, .households01.treatment01 span, .households01.treatment04 span, .households01.treatment09 span {
     font-size: 20px;
     line-height: 27px;
 }

 .rapid-treatment .households01.treatment042 h2, .households01.treatment h2, .households01.treatment01 h2, .households01.treatment04 h2, .households01.treatment09 h2{
     font-size: 36px;
     line-height: 40px;
 }
 .plan-size p.capacity.method {
     top: 3%;
     width: 389px;
     left: 20%;
 }
 .households01.treatment {
     left: 0%;
     display: block;
     top: 11%;
 }
 .households01.treatment07 {
     top: 54%;
     right: 57%;
     left: inherit;
     width: 260px;
 }
 .households01.treatment08 {
     top: 54%;
     right: inherit;
     left: 57%;
     width: 260px;
 }

 .households01.treatment09 {
     top: 80%;
     right: inherit;
     left: 33%;
     width: 200px;
 }
 .households01.treatment06 {
     top: 28%;
     right: 0%;
     left: auto;
     width: 260px;
 }
 .households01.treatment05 {
     top: 27%;
     left: -2%;
 }
 .households01.treatment04 {
     left: inherit;
     top: 71%;
     right: 33%;
     width: 200px;
 }
 .treatment-plant {
     float: left;
     width: 100%;
     margin: 0px 0;
 }
 .treatment-prt_land_bg {
     float: none;
     width: 58%;
     height: auto;
     text-align: center;
     margin-bottom: 2%;
     margin: 0 auto;
     clear: both;
 }
 .treatment-prt_logo_bg {
     width: 100%;
     height: auto;
     margin-left: 1%;
     margin-right: 1%;
     margin-top: 1%;
     display: inline-block;
     margin-bottom: 1%;
     background: none;
     padding: 0;
     float: left;
     height: 100px;
     background: fff;
     padding: 20px;
 }

 .treatment-box-1-row {
     width: 100%;
     height: auto;
     position: relative;
     float: left;
     height: 100px;
 }
 .treatment-box-1-row img {
     width: 20%;
     float: left;
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     margin-right: 0px;
 }
 .content-text .treatment-prt_logo_bg h2.yes {
     color: #95d46c !important;
     background: none;
     float: right;
    font-size: 50px;
    width: 13%;
 }
 .regional01 {
     position: absolute;
     width: 300px;
     left: 36%;
     top: -20%;
     text-align: center;
 }
 .regional02 {
     position: absolute;
     width: 300px;
     left: 9%;
     top: 55%;
     text-align: center;
 }
 .regional03 {
     position: absolute;
     width: 300px;
     left: 62%;
     top: 55%;
     text-align: center;
 }
 .regional img {
     width: 40%;
     margin: 0 auto;
     float: none;
 }
 .rapid-img .regional .info {
     float: left;
     text-align: center;
     width: 100%;
 }
 .rapid-img .regional .info p {
     font-size: 30px;
     line-height: 36px;
     font-weight: 600;
     margin: 0;
 }
 .rapid-img .regional .info h2 {
     float: left;
     font-size: 40px;
     width: 100%;
 }
 .content-text .treatment-prt_logo_bg h2.no {
     color: #95d46c !important;
     background: none;
     float: right;
    font-size: 50px;
    width: 13%;
 }
 .treatment-box-1-row h5 {
     float: left;
     width: 56%;
     text-align: left;
     font-size: 23px;
     line-height: 30px;
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }
 .treatment-info {
     float: left;
     width: 96%;
     border: 1px dashed #323232;
     padding: 20px;
     margin-top: 20px;
 }
 .content-text .treatment-info p {
     font-size: 22px;
     text-align: center;
 }

 .outputlinks{
      float: left;
      width: 100%;

 }

 .outputlinks .slader-box {
     width: 93%;
     margin: 0 auto;
     float: none;
 }
 .outputlinks .slader-box .treatment-box-1-row h5 {
     float: left;
     width: 100%;
     text-align: center;
 }

 .content-text .interface .slides a{
     background: none;
     color: #000;
    padding: 0;
     border: none;
     margin: 0;
 }

 .interface-info {
     width: 100%;
     float: none;
     display: none;
     position: fixed;
     margin: 0 auto;
     z-index: 99999;
     background: hsla(0, 0%, 20%, 0.8);
     top: 0;
     left: 0;
     bottom: 0;
 }
 .interface-section {
     width: 80%;
     float: none;
     position: relative;
     border: 1px solid #000;
     box-shadow: 0px 0px 86px #999;
     margin: 0 auto;
 }
 .interface-left {
     width: 100%;
     padding: 0px;
     float: left;
     background: #fff;
     margin: 7% 0%;
     height: 470px;
     padding: 20px 0;
 }
 .interface-right{
     width: 100%;
     padding: 0px;
     float: left;
}

#planning .interface-left .question-section.table tr td:first-child {
     background: #fff;
     width: 88%;
     font-size: 16px;
     text-align: left;
 }
 #planning .interface-left .question-section.table td {
     text-align: center;
     font-size: 14px;
 }
 .interface-scroll {
     width: 100%;
     height: 450px;
     overflow-x: scroll;
     padding: 0px 0;
 }

 .inter-info-scroll {
     padding: 30px;
     height: auto;
     overflow-y: hidden;
     background: none;
     margin: 20px;
 }

 .content-text .inter-info-scroll p{
     font-size: 16px;
 }
 .content-text .yes{
     background: red;
     color: #fff !important;
 }
 .content-text .no{
      background: green;
      color: #fff !important;
 }

 .households01.regional01 {
     right: 0;
     left: auto;
     top: 20%;
 }
 .households01.regional {
     left: 1%;
     top: 20%;
     text-align: right;
 }
 .households01.regional03 {
     top: 27%;
     left: 36%;
     text-align: center;
 }
 .households01.regional04 {
     text-align: center;
     top: 36%;
 }

 .households01.regional06 {
     right: 8%;
     left: initial;
     top: 40%;
     text-align: center;
     font-size: 25px;
 }
 .households01.regional06 p,  .households01.regional05 p {
     font-size: 22px;
     font-weight: 700;
 }
 .households01.regional05 {
     left: 7%;
     text-align: center;
     top: 40%;
 }

 .households01.regional06 h2,  .households01.regional05 h2 {
     float: left;
     font-size: 34px;
     width: 100%;
 }

 .households01.regional08 {
     top: 55%;
     left: 36%;
     text-align: center;
 }
 .households01.regional07 {
     text-align: center;
     top: 48%;
 }
 .households01.regional07 p span{
      width: auto;
      float: none;
 }
 .households01.regional08 p span{
     width: auto;
     float: none;
}

.technology .treatment-box-1-row h5 {
     float: left;
     width: 100%;
     font-size: 12px;
     line-height: 16px;
 }

 .technology .treatment-prt_logo_bg {
     width: 12%;
     height: auto;
     margin-left: 0.7%;
     margin-right: 0.6%;
 }
 .category-list {
     float: left;
     width: 100%;
 }

 .content-text .category-list ul{
     float: left;
     width: 100%;
}
.content-text .category-list ul li {
     width: 15%;
     margin: 0 0.6%;
     text-align: center;
     height: 80px;
     border: 2px solid #d7a05f;
 }

 .content-text .category-list li a {
     margin-top: 0px;
     width: 100%;
     padding: 10px 0;
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     border: none;
 }
 .content-text .category-list li a.active{
      background: none;
 }
.technology-select-box.contribute-right {
     width: 100%;
 }

 .technology-select-box.contribute-right select {
     width: 14%;
 }
 .content-text .treatment-prt_land_bg a {
     float: none;
     background: none;
     color: #323232;
     padding: 0;
     font-size: 24px;
     text-decoration: none;
     margin-top: 0;
     font-weight: 700;
     border: none;
     text-transform: initial;
 }

 .plan-fsmpro-output-tab.technology-tab ul.resp-tabs-list.hor_1 {
     width: 100%;
 }

 .plan-fsmpro-output-tab.technology-tab .resp-tabs-list li {
     width: 33%;
 }

 .fsmpro-tab-text h5 {
     text-align: left;
     font-size: 24px;
     margin: 20px 0 10px;
 }

 .fsmpro-tab-text {
     width: 100%;
     float: left;
     height: 300px;
     overflow-y: scroll;
     padding: 20px 20px 0 0;
 }

 .technology .treatment-prt_land_bg a.active .treatment-prt_logo_bg {
     background: #a9a9a9;
     padding: 20px;
     color: #323232;
 }
 .plan-fsmpro-output-tab.technology-tab{
      display: none;
 }
 .category-list a.active {
     background: none;
     color: #d79f60;
 }

 .content-text .outputlinks li.active a {
     background: none;
     color: #d79f60;
 }

 #gaugeDemo span {
     font-size: 0;
     color: none;
     }

     .left-map .resp-tabs-list li {
          padding: 20px;
          margin: 0;
          width: 92%;
          background: #fff;
          height: 100px;
          margin: 10px 0;
      }
      .left-map .resp-tabs-list li {
          padding: 20px;
          margin: 0;
          width: 37%;
          background: #fff;
          height: 100px;
          margin: 10px;
      }
      .left-map.mean{
           background: none;
           padding: 0;
      }
      .left-map .resp-tabs-list li span {
          width: 40%;
      }
      .left-map .resp-tabs-list li:first-child{
           margin-top: 0;
      }
      .left-map .resp-tabs-list li:nth-child(2) {
          margin-top: 0;
     }
     .left-map .resp-tabs-list li:last-child {

     }
     .plan-table-but.upload {
          float: left;
          width: 100%;
          text-align: left;
      }
      .plan-table-but .fileupload a {
          padding: 10px 0;
          text-align: left;
          font-size: 18px;
          text-indent: 20px;
          height: 65px;
      }
      .fileupload input {
          cursor: pointer;
          outline: none;
          margin: 0 20px;
          width: auto;
          background: #f9f9f9;
      }

      .plan-table-but .fileupload span {
          font-size: 12px;
          color: #808080;
          margin: 10px 12%;
          line-height: 18px;
          float: left;
          text-align: center;
          width: 74%;
      }

      .plan-table-but.upload a:hover {
          color: #323232;
          border: 1px solid #323232;
          background: #fff;
      }
     .resp-tabs-list li span h4 {
          font-size: 26px;
          text-align: right;
          color: #323232;
          font-weight: 600;
      }
      .plan-table-but .fileupload h5 {
          color: #828282;
          font-size: 16px;
          margin: 10px 0;
          float: left;
      }
      .left-map .resp-tabs-list li span {
          width: 40%;
          float: right;
          text-align: right;
          color: #9c9c9c;
          font-size: 10px;
      }
      .fileupload {
          float: left;
          width: 50%;
          line-height: 25px;
      }

	#planning .business-models .ass-cat.box-eight ul li img {
		 width: 70%;
		 top: 0;
		 margin-top: -45px;
	 }

	 #planning .ass-cat.container-fluid {
		 margin-top: 10%;
      }
      .households01 img{

      }
      .ass-cat.box-eight.eleven ul{
           float: left;
           width: 100%;
      }
      .ass-cat.box-eight.eleven ul li {
          width: 9%;
          padding: 0;
      }
      .ass-cat.box-eight.eleven ul li a {

          padding: 0;
      }
.six-box{
     width: 80%;
     margin: 0 auto;
}
.six-box .learn-prt_logo_bg {
     background: none;
     float: left;
     cursor: pointer;
 }
.learn-box-1-row02 {
     width: 100%;
     height: auto;
     position: relative;
     float: left;
     height: 500px;
 }
      .learn-box-1-row02.demo-3 img {
          position: relative;
          width: 100%;
          float: left;
          height: auto;
      }

      .content-text .toilet-qus ul li {
          width: 100%;
          font-size: 20px;
          margin-bottom: 10px;

      }
      .content-text .toilet-qus ul li h2 {
          margin: 5px 0px;
          font-size: 18px;
          font-weight: 400;
          font-style: italic;
      }
      .content-text .toilet-qus ul li h2.yes{
           color: #ff3b66 !important;
           background: none;
      }
      .content-text .toilet-qus ul li h2.no{
          color: #95d46c !important;
          background: none;
     }
      .toilet-qus {
          width: 50%;
          float: left;
          margin-left: 30px;
      }

      .interface-left .learn-prt_logo_bg {

          float: left;
      }
      .interface-left  .learn-box-1-row02 {
          height: auto;
      }
      .content-text .learn-box-1-row02.demo-3 h1 {
          font-size: 32px;
    margin-top: 0;
      }

      img.rapid-close {
          position: absolute;
          right: 30px;
          top: 40px;
          cursor: pointer;
          background: #fff;
          border-radius: 50%;
      }


      .household .male-female-section .set-size04 .cdev .background {
          background-color: #c8ccd5 !important;
      }

      .household .male-female-section .set-size04.female .cdev .background {
          background-color: #c8ccd5 !important;
      }

      .household .male-female-section .set-size04 .cdev .rotate {
          clip: rect(0 50px 100px 0);
          background-color: #24B25E !important;
      }
      .household .male-female-section .set-size04 .cdev .left {
          clip: rect(0 50px 100px 0);
          opacity: 1;
          background-color: #c8ccd5 !important;
      }

      .household .male-female-section .set-size04.female .cdev .left {
          clip: rect(0 50px 100px 0);
          opacity: 1;
          background-color: #c8ccd5 !important;
      }
      .household .male-female-section .set-size04 .cdev .right {
          background-color: #24B25E !important;
      }





      .household .male-female-section .set-size04.female .cdev .rotate {
          clip: rect(0 50px 100px 0);
          background-color: #fdc13c !important;
      }

      .household .male-female-section .set-size04.female .cdev .right {
          background-color: #fdc13c !important;
      }

      .content-text .stake-color {
          float: left;
          height: 10px;
          width: 10px;
          border-radius: 50%;
          margin: 8px 20px 0 0px;
      }
      .content-text .dash-text-box ul li {
          width: auto;
          margin: 10px 20px;
     }

     .content-text .legend-chart h3 {
          font-size: 24px;
          float: left;
          margin-right: 20px;
      }
      .plan-fsmpro-learn .content .learn-top-img h3 {
          width: 100%;
          text-align: left;
          margin-top: 4%;
          margin-left: 30px;
          font-size: 21px;
          text-transform: inherit;
      }

     .plan-fsmpro-learn .content h3 {
    width: 100%;
    text-align: center;
    margin-top: 4%;
    margin-left: 30px;
    font-size: 32px;
    text-transform: inherit;
}
      .plan-fsmpro-learn .learn-top-img img {
          width: 120px;
          float: left;
          height: 120px;
      }
      .plan-fsmpro-learn .learn-img-text {
          float: left;
          width: 100%;
          margin: 0 auto;
          padding: 0;
      }
      .plan-fsmpro-learn .learn-top-img {
          width: 93%;
          float: left;
          display: inline-flex;
      }
      .enumerators-system.assign-section .assign-text{
     width: 100%;
     float: left;
}
.enumerators-system.assign-section div#enu-sys {
     width: 100%;
     float: left;
 }
 .enumerators-system.assign-section {
     width: 98%;
     float: left;
     padding: 0;
     border: 2px solid #f2f2f2;
     padding: 40px 20px;
 }
 .enumerators-system.assign-section div#enu-sys li {
     width: 100%;
     float: left;
     margin-bottom: 20px;
 }

 .enumerators-system.assign-section .enumerators-ward li:nth-child(1) {
     width: 33%;
     margin-top: -10px;
 }

 .enumerators-system.assign-section .enumerators-sys {
     padding: 0 3%;
     float: none;
     width: 450px;
     margin: 0 auto;
 }
 .learn-top.compare, .learn-top.model {
     display: none;
     float: left;
     width: 45.4%;
     padding: 0 2%;
     border-right: 3px solid #909090;
     height: 680px;
 }
 .learn-top.compare {
     float: right;
     border-right: none;
     border-left: 0px solid #909090;
 }
 #planning .mandatory-timeline:nth-child(1n+1) ul li {
width: 13%;
 }


 .surveys .surveys-li li {
     width: 16%;
     float: left;
     text-align: center;
     margin: 2%;
 }

 .content .review-date01 h1 {
     text-align: left;
     font-size: 32px;
 }

 p.globalUrl a{
     font-size: 30px;
     float: left;
     margin: 5px 0 14px;
     font-weight: 700;
     color: #313131;
 }
 .learn-right-del p.globalUrl{
      margin: 0;
 }

 p.globalUrl a::after {
     background: url(../images/left-arrow.png);
     content: "";
     width: 15px;
     height: 25px;
     float: left;
     margin-top: 18px;
     margin-right: 11%;
     cursor: pointer;
     margin: 12px 12px 0 0px;
 }
 /*

 .enumerators-system.assign-section div#enu-sys li .assign-con {
     width: 50%;
     float: left;
 }

 .enumerators-system.assign-section div#enu-sys li .assign-img {
     width: 30%;
     float: left;
 }*/
   .plan-fsmpro-output-tab.technology-tab {
          display: block;
          background: #f7f7f7;
      }
      .content-text .category-list.sub-cat li a {
          margin-top: 0px;
          width: 92%;
          padding: 13px 8px;
          background: none;
          color: #323232;
          font-size: 16px;
          font-weight: 500;
          background: none;
          height: auto;
      }
      .content-text .category-list.sub-cat ul li {
          margin: 1%;
          height: 40px;
          background: none;
          border: 2px solid #c7c7c7;
      }
      .content-text .category-list.sub-cat li.active {
          color: #d7a05f;
          border: 2px solid #d7a05f;
      }

      .content-text .category-list.sub-cat li.active a {
          color: #d7a05f !important;
      }



      .plan-fsmpro-output-tab.technology-tab .resp-tabs-list li {
          width: 25%;
          margin: 0 1%;
      }

      .plan-fsmpro-output-tab.technology-tab .resp-tabs-list li.resp-tab-item.hor_1.resp-tab-active {
          border-color:  #d7a05f !important;
          margin-bottom: 0px !important;
          background-color: #f7f7f7 !important;
          color: #d7a05f;
      }
      .plan-fsmpro-output-tab.technology-tab .resp-tabs-list li {
          font-weight: 600;
          font-size: 26px;
          display: inline-block;
          padding: 0px 20px;
          margin: 0 4px 0;
          list-style: none;
          cursor: pointer;
          float: left;
          width: 26%;
          margin: 4% 1% 0;
          text-align: center;
          background-color: #f7f7f7;
          border: none;
          border-right: 4px solid #000;
      }
      .plan-fsmpro-output-tab.technology-tab .resp-tabs-list li:last-child{
          border-right: 0px solid #000;
      }

      .question-list {
          width: 100%;
          float: left;
      }

      .content-text .question-list ul li {
          width: 12.6%;
          font-size: 16px;
          margin: 5px;
          text-align: center;
          background: #f2f2f2;
          padding: 5px;
          height: 290px;
          margin-bottom: 50px;
      }
      .content-text .question-list ul li img{
          width: 100px;
          font-size: 16px;
          float: none;
          margin: 0 auto;
      }
      .content-text .question-list ul li p {
          font-size: 12px;
          float: none;
          margin: 0 auto;
          width: 100%;
      }
      .content-text .question-list ul li span {
          width: 100%;
          font-size: 12px;
          font-style: italic;
          float: left;
          margin: 3px auto;
          font-weight: 700;
      }
      .greater-info {
          float: left;
          border: 2px dashed #323232;
          padding: 20px;
          margin-top: 20px;
      }
      .less-then{
           width: 100%;
           float: left;
      }

      .less-then h2{
          float: left;
          width: 100%;
          font-size: 36px;
          text-align: center;
          margin-top: 40px;
          color: #000;
     }

     .less-then img{
          width: 25px;
          margin: 0 3%;
     }

     .less-info {
          float: left;
          width: 100%;
      }

      .less-info img{
          float: left;
          width: 30%;
      }

      .less-icon{
          width: 30%;
          float: left;
          margin-top:6%;
     }
.less-bar{
     width: 30%;
     float: left;
     margin-top: 2%
}
      .less-right-box {
          float: right;
          border: 2px dashed #323232;
          padding: 20px;
          margin-top: 20px;
          width: 30%;
      }
      .less-bar ol{
      list-style: lower-latin;
      float: left;
      width: 100%;
      }
      .less-bar ol li{
         font-size: 20px;
          float: left;
          width: 100%;
          margin: 5px 0;
          }

          .less-bar .pre-light-grey {
               background: #ececec;
               margin: 12px 0;
           }

           .less-bar .per-container, .less-bar .per-panel {
               padding: 4px 0px;
           }

           .content-text .legend-chart h3 {
               font-size: 24px;
               float: left;
               margin-right: 20px;
           }

           .content-text .stake-color {
               float: left;
               height: 10px;
               width: 10px;
               border-radius: 50%;
               margin: 8px 20px 0 0px;
           }

           .content-text .dash-text-box ul li {
               width: auto;
               margin: 10px 20px;
           }
           .dash-text-box {
               float: left;
               width: 100%;
           }
           .content-text .legend-chart h3 {
               font-size: 24px;
               float: left;
               margin-right: 20px;
               margin: 0;
               width: auto;
           }
           .content-text .dash-text-box ul {
               margin-top: 0px;
               float: left;
               color: #000;
           }

          .less-info .dash-text-box ol{
               list-style: lower-latin;
               float: left;
               padding-left: 40px;
               margin-top: -5px;
               font-size: 18px;
           }

           .less-info .dash-text-box ol li{
               margin-top: 10px;
           }





           p.map-text {
               font-size: 10px;
           }


           .jsmaps-text, .jsmaps-select.mobile{
			display:none;
	   }
	   .fselect {
    background-color: #ececec !important;
}
.blog-section {
     float: none;
     text-align: justify;
     padding: 0px 4%;
     width: 92%;
     margin: 12px auto;
 }
	   p.tag{
		   position: relative;
	   }

	   /* The container */
        .dropdown-content .cb-container {
          display: block;
          position: relative;
          margin: 5px;
          background: none;
          cursor: pointer;

          float: left;
          width: auto;
          height: auto;
          border: none;
      }
	/* Hide the browser's default checkbox */
	.dropdown-content .cb-container input {
          opacity: 0;
          cursor: pointer;
          height: 0;
          width: 0;
          overflow: hidden;
          display: block;
      }

	/* Create a custom checkbox */
	.dropdown-content .cb-container .checkmark {
          position: relative;
          padding: 10px;
          height: auto;
          width: auto;
          display: block;
          border-radius: 0px;
          font-size: 14px;
          border: 1px solid #292929;
          text-align: center;
      }
	/* On mouse-over, add a grey background color */
	.dropdown-content .cb-container:hover input ~ .checkmark {
		background-color: #eae0c5;
		color: #4b4b4b;
	}

	/* When the checkbox is checked, add a blue background */
	.dropdown-content .cb-container input:checked ~ .checkmark {
		background-color: #d79f60;
		color: #fff;
		border: 1px solid #d79f60;
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.dropdown-content .cb-container .checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	}

	/* Show the checkmark when checked */
	.dropdown-content .cb-container input:checked ~ .checkmark:after {
	  display: block;
     }


     #planning .question-section .sign-up-container {
          width: 80%;
          margin-left: 8%;
      }

      .main-menu {
          border-bottom: 0px solid #f4f1e8;
          background: #fdf9f0;
      }
           #planning .question-section .sign-up-container {
                width: 80%;
           }

           .question-section.half .typlogy_block input {
                font-size: 18px;
                width: calc(100% - 210px);
           }

           .typlogy_block{
                width:100%;
                display:inline-block;
           }
           .typlogy_block button {
               background: #d79f60;
               padding: 10px 10px;
               color: #fff;
               border: 0px;
               font-size: 18px;
               font-weight: 600;
               margin-top: 20px;
               width: 80px;
           }
           .hide{
                display:none;
           }
           .text-danger {
               font-size: 14px;
               color: red;
               float: left;
               margin-left: 12%;
           }
           .tremove{
                margin-left: 15px;
                font-size: 14px;
                color: red;
           }

           .dash-text-box {
               float: left;
           }
           .less-info .dash-text-box ol {
               list-style: lower-latin;
               float: left;
               padding-left: 40px;
               margin-top: -5px;
               font-size: 18px;
           }
           .less-info .dash-text-box ol li {
               margin-top: 10px;
               float: left;
               width: 100%;
           }
           .less-info .dash-text-box ol li p {
               margin-top: 0px;
               float: left;
               width: auto;
           }
           .less-then h2 {
               float: left;
               width: 100%;
               font-size: 36px;
               text-align: center;
               margin-top: 40px;
               color: #000;
           }
           .less-info .dash-text-box ol li h2 {
               margin: -15px 20px;
               float: left;
               width: auto;
           }
















           .eeas, .ias {
               display: none;
          }
          .per-container, .per-panel {
    padding: 4px 0px;
    font-size: 13px;
}
          .pdfobject-container {
              max-width: 100%;
               margin: 0;
               height: 100%;
          }
          div.ei, input.ei{
               outline:none;
          }
          #shareModel {
               z-index: 99;
          }
          .modal-box .modal-body {
               padding: 0%;
               height: 100%;
           }

          /* The Modal (background) */
          .modal {
               display: none; /* Hidden by default */
               position: fixed; /* Stay in place */
               z-index: 1; /* Sit on top */
               left: 0;
               top: 0;
               width: 100%; /* Full width */
               height: 100%; /* Full height */
               overflow: hidden; /* Enable scroll if needed */
               background-color: rgb(0,0,0); /* Fallback color */
               background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
          }


.modal-content legend {
    text-align: center;
    font-size: 26px;
    background: #fff;
    padding: 0 20px;
}

          /* Modal Content/Box */
          .modal-content {
               background-color: #fff;
               margin: 4% auto;
               padding: 20px;
               border: 0px solid #888;
               width: 65%;
               position: relative;
           }
           .modal-content .modal-body {
               height: 400px;
           }

           .modal-content button.close {
               float: right;
               border: none;
               background: #fff;
               color: #333;
               font-size: 30px;
               margin-right: -55px;
           }

          /* The Close Button */
          .shareClose {
    color: #323232;
    float: right;
    font-size: 20px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    background: #fff;
    padding: 10px 5px;
    position: absolute;
    z-index: 9;
    right: -30px;
}

.toAddress span.ei_valid {
    border: 1px solid #bbd8fb;
    background-color: #f3f7fd;
    cursor: pointer;
    font-size: 16px;
}
.toAddress span{
     font-size: 10px;
    color: #999;
}
          .shareClose:hover,
          .shareClose:focus {
               color: black;
               text-decoration: none;
               cursor: pointer;
          }
          .shareCommand {
              border: solid 1px #ccc;
              background-color: #fff;
              padding: 5px;
              cursor: text;
              overflow: auto;
              resize: none;
              display: block;
              height: 150px;
              width: 99%;
          }
          .button {
            background-color: #4CAF50; /* Green */
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
          }
          .toAddress {
    float: left;
    width: 100%;
    margin: 20px 0;
}
          #btn-share {
    background-color: #d79f60;
    margin-top: 15px;
    float: left;
    cursor: pointer;
    outline:none;
    border:1px solid  #d79f60;
    width: 130px;
}
.modal-content fieldset {
    padding: 20px;
}
 #btn-share:hover {
    background-color:#fff;
    color:#d79f60;
    border:1px solid  #d79f60;
}

.modal-content input {
     min-height: 20px;
     max-height: 48px;
     border: solid 1px #ccc;
     background-color: #fff;
     padding: 5px;
     cursor: text;
     overflow: auto;
     width: 98%;
     outline: none;
 }


 #switchPopup .modal-box div#dash-tab {
     padding: 12px;
 }

 div#switchPopup.modal-box a.js-modal-close.close{
      display: none;
 }
 .properties-sec{
      display: block;
 }

 a.leaflet-popup-close-button {
     margin: auto;
     border: none;
     background: none;
 }


 #planning .ass-cat.box-eight ul li img{
     opacity: 0.6;
     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
     filter: grayscale(100%);

}

#planning .ass-cat.box-eight ul li:hover img {
     opacity: 0.9;
     -webkit-filter: grayscale(0%);
     filter: grayscale(0%);
 }

 #planning .ass-cat.box-eight ul li.active img {
     opacity: 0.9;
     -webkit-filter: grayscale(0%);
     filter: grayscale(0%);
 }

 .timeline-bg {
     width: 100%;
     float: left;
     background: #fff;
     margin: 2% 0;
     padding: 2% 0;
 }

 .error{
     width: 100%;
     margin: 0 0 10px;
 }
 .enabler-assessment.fix-top.scrolled {
     position: fixed;
     z-index: 999;
     background: #fff;
     top: 69px;
     box-shadow: 0px 10px 20px #f2f2f2;
 }

 .enabler-assessment.fix-top.scrolled .content-text .right-enabler li {
     width: 10%;
     margin: 0 5%;
 }

 .enabler-assessment.fix-top.scrolled .left-enabler li img {
     width: 25px;
     height: 19px;
 }

 .enabler-assessment.fix-top.scrolled .left-enabler li p {
     font-size: 10px;
     margin: 3px 20px;
 }

 .content.dashboard-init-content h3{
     width: 100%;
     text-align: center;
}

.enabling-section .enabler-ecosystem .content-text ul li:first-child.active::before{
display: none;
}


a.playbut {
     width: 282px;
 }


 .wrapper-dropdown-1 .dropdown li a, .wrapper-dropdown-3 .dropdown li a, .wrapper-dropdown-2 .dropdown li a {
     padding: 7px 20px;
     font-size: 12px;
 }
 li.menus.category {
     width: 34%;
     margin-right: 10%;
 }

 .mainnav ul.dropdown01 li ul.header-sub{
     position: absolute;
     left: 100%;
     background: #e0d5b6;
     width: 200px;
     top: 0;
     display: none;
 }
 .mainnav ul.dropdown01 li:hover ul.header-sub{
      display:block;
 }
 .enumerators-ward li:last-child{
      margin-right: 0;
 }

 #planning-enumerator .surveys-li li {
     width: 18%;
     float: left;
     text-align: center;
     margin: 0 2%;
 }
 .planning-plan-tab {
     float: left;
     width: 100%;
 }
 .planning-plan-tab ul{
     float: left;
     width: 100%;
 }
 .planning-plan-tab li {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 38px;
     padding: 20px 0;
     background: #e0d5b6;
     cursor: pointer;
 }
 .planning-plan-tab li h1 {
     font-size: 38px;
 }
 .planning-plan-tab li:hover, .planning-plan-tab li.active {
     background: #d79f60;
 }
 .planning-plan-tab a{
     float: left;
     width: 100%;
     color: #000;
 }

 .pdfobject-container iframe{
   height: 700px;
 }

 .fsmpro.rapid.rapid-infra-planning .ass-cat.container-fluid {
     height: 250px;
 }

 .plan-rapid-output .ass-cat.container-fluid {
     float: left;
     width: 100%;
     height: 200px;
     margin-top: 4%;
 }

 .info-pagination .dropdown .dropdown-menu {
     width: 86%;
 }

 div#switchPopup.modal-box {
     width: 60%;
 }
 div#switchPopup.modal-box div#dash-tab {
     float: left;
     width: 96%;
     min-height: initial;
     background: #fff;
     height: auto;
     padding: 0 2%;
 }


 .map-category-list {
     float: left;
     width: 41%;
     padding: 20px;
     margin: 0 2%;
     background: #fdf9f0;
     height: 300px;
 }
 .map-category-list ul{
     float: left;
     width: 100%;
 }
 .learn-right-del.fsmprotool #country_panel li a {
     float: left;
     width: 100%;
     border-bottom: 2px solid #e8e8e8;
     margin: 0;
     padding: 0px 0 10px;
 }
 .map-category-list li ul li {
     float: left;
     width: 100%;
     font-size: 22px;
     padding: 0;
     text-indent: 20px;
     font-weight: 700;
     margin-bottom: 20px;
     background: none;
 }
 .map-category-list li {
     float: left;
     width: 100%;
     font-size: 20px;
     text-indent: 20px;
     font-weight: 700;
     background: #fdf9f0;
     margin-bottom: 20px;
 }
 .map-category-list li sup{
     float: right;
     padding: 7px 10px;
     font-size: 10px;
 }
 .learn-left-map.fsmatool #country_panel h3 {
     padding: 0px 0;
     margin: 0;
 }
 .learn-right-del.fsmprotool p {
     float: left;
     width: 68%;
     font-size: 18px;
     margin-left: 20px;
 }
 .learn-right-del.fsmprotool h3 {
     width: 100%;
     border-bottom: 0px solid #e8e8e8;
     font-size: 28px;
 }
 .learn-left-map.fsmatool .learn-right-del ul {
     padding-top: 20px;
     float: left;
 }
 .map-category-list ul li a {
     float: left;
     width: 100%;
     color: #000;
     text-indent: 20px;
     padding: 4px 0;
     border-bottom: 1px solid #e0d5b6;
     background: #e0d5b6;
     height: 26px;
     margin-top: 10px;
     border-radius: 15px 0px 0px 15px;
     font-size: 16px;
     cursor: auto;
 }
 .map-category-list li ul {
     padding: 0 0px;
     margin: 10px 0;
 }
 .map-category-list li span {
     font-size: 23px;
     font-weight: 600;
     float: left;
     width: auto;
     text-indent: 0px;
     margin-top: -11px;
     text-indent: 0;
     background: #fdf9f0;
     border-radius: 50%;
     color: #000;
     text-align: center;
     padding: 2px 14px;
     border: 5px solid #fdf9f0;
     margin-left: -3px;
 }
 .map-bar {
     position: relative;
     float: left;
 }

 .published-report {
     width: 100%;
     float: left;
     text-align: center;
     margin-bottom: 30px;
 }
 .published-report a{
      color: #000;
 }
 .published-report p {
     border: 1px solid #000;
     padding: 10px 20px;
     float: none;
     width: 200px;
     margin: 0 auto;
     font-size: 16px;
     cursor: pointer;
 }
 .published-report p:hover a{
     color: #fff;
     background: #000;
 }
 .published-report p:hover{
     border: 1px solid #000;
     background: #000;
 }

 .congratulations-section a.myprofile {
     color: #fff;
     float: right;
     background: #de9f60;
     padding: 5px 20px;
     font-size: 14px;
     display: inline-flex;
 }
 img.myprofile-img {
     width: 20px;
     margin-right: 10px;
     height: 20px;
 }
 .congratulations-section a.myprofile:hover {
     color: #fff;
     background: #000;
 }
 #popup-enumerator-table table, #popup-enumerator-table table th, #popup-enumerator-table table td {
     border: 1px solid #000;
     padding: 3px 10px;
     border-spacing: 0px;
     font-size: 16px;
     font-weight: 400;
     text-indent: 0;
     margin: 0;
     border-collapse: collapse;
     width: 173px;
 }

 #popup-enumerator-table table th{
     background: #e0d5b6;
 }

 #plan-op .enumerators-ward .enumerators-ward.desludging-enumerator-ward li{
      width: 45% !important;
 }

 .surveys-li .enumerators-scroll li {
     width: 100% !important;
     float: left;
     text-align: center;
     margin: 0 2%;
 }

 .review-yes {
     position: absolute;
     right: -24%;
     top: 27px;
 }
 .content .review-yes p{
    font-size: 40px;
 }
 .content .review-yes span{
   font-size: 20px;
 }
 .review-no {
     position: absolute;
     bottom: 50px;
     right: 43%;
 }

 .content .review-no p{
     font-size: 40px;
  }
  .content .review-no span{
    font-size: 20px;
  }

  .info-pagination .dropdown .dropdown-menu li a {
    background: #e0d5b6 !important;
    text-align: left;
    box-shadow: 0px 0px 4px #ccc;
    border-bottom: 1px solid #aba9a6 !important;
    padding: 5px;
    margin: 0;
}

.content-text ul.outputui li {
     list-style: disc;
     margin-left: 40px;
     width: 42%;
 }

 div#country_name {
     text-align: center;
     font-size: 24px;
     margin: 20px 0;
     color: #dc9442;
 }
 #country_panel h3 a{
      color: #000;
 }


 .learn-left-map.fsmatool {
     width: 70%;
     float: left;
     margin: 0px 0;
 }

 .country-section {
     width: 100%;
     float: left;
 }

 .password-section {
     width: 550px;
     margin: 0 auto;
 }

 #signup .form input .password-section input{
      margin:10px 0;
 }
 .info-pagination .dropdown .dropdown-menu li {
     margin: 0 !important;
 }
 .info-pagination .dropdown .dropdown-menu li a {
     padding: 0 !important;
     float: left;
     border-bottom: none !important;
     text-indent: 10px;
 }

 .info-pagination .dropdown .dropdown-menu li {
     float: left;
     width: 100%;
 }

 .calert-box {
  padding: 20px;
  background-color: #f44336;
  color: white;
  display:inline-block;
  width:calc(100% - 40px);
  margin-bottom:20px;
}

.cclosebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.cclosebtn:hover {
  color: black;
}


table.buss-header {
     border-collapse: collapse;
     float: left;
     width: 100%;
 }

table.buss-header td, table.buss-header th{
     width: 200px;
     border: 1px solid #b1b1b1;
 }
 #aboutus .content p{
      font-size: 18px;
 }
 #aboutus .content a {
     color: #333;
     text-decoration: underline !important;
 }
 #aboutus .content ol {
     float: left;
     width: 100%;
     padding-left: 20px;
     margin: 10px 0;
 }
 #aboutus .content ol li {
     float: left;
     width: 40%;
     margin: 5px 0;
     list-style-type: none;
     font-size: 18px;
     padding: 2%;
 }
 #aboutus .content ol li:last-child{
      float: right;
 }

 #aboutus .content ol li span {
     font-size: 75px;
     float: left;
     width: auto;
     color: #9d7447;
 }
 #aboutus .content ol li h4 {
     font-size: 24px;
     width: 100;
     float: left;
     margin: 20px 0 5px;
     line-height: 31px;
     width: 67%;
     float: right;
     font-weight: 600;
 }

 #aboutus .content ul {
     float: left;
     width: 100%;
     padding-left: 20px;
     margin: 10px 0;
 }

 #aboutus .content ul li {
     float: left;
     width: 100%;
     margin: 5px 0;
     list-style-type: decimal;
     font-size: 18px;
 }

 #aboutus .content h4 {
     font-size: 24px;
     width: 100;
     float: left;
     margin: 20px 0 5px;
 }
 #aboutus .flexslider .slides img {
     height: auto;
     -moz-user-select: none;
     width: 40%;
     float: left;
 }
 .about-slider {
     width: 100%;
     float: left;
     margin: 0% 0 2%;
     padding-bottom: 2%;
 }
 #aboutus .about-p-text {
     width: 100%;
     float: left;
     margin-left: 10px;
     text-align: center;
 }
 #aboutus .about-p-text h4 {
     font-size: 16px;
     margin: 5px 0;
     width: 100%;
     font-weight: 500;
 }
 #aboutus .about-p-text p {
     font-size: 12px;
     margin: 0 0 0px;
     min-height: 38px;
     color: #b59571;
 }
 #aboutus .content ol.flex-control-nav.flex-control-paging{
      width: 100%;
      float: left;
      text-align: center;
 }
 #aboutus .content ol.flex-control-nav.flex-control-paging li {
     width: auto;
     float: none;
     text-align: center;
     margin: 0 5px;
 }


 .about-tab {
     width: 100%;
     float: left;
     text-align: center;
     margin: 0;
 }
 #aboutus .content .about-tab a {
     padding: 5px 40px;
     border: 1px solid #333;
     text-decoration: none !important;
     margin: 0 20px;
     font-size: 20px;
     font-weight: 400;
 }
 #aboutus .content .about-tab a:hover {

     text-decoration: none !important;
    background: #333;
    color: #fff;
 }

 #aboutus .bg-col {
     width: 100%;
     float: left;
     background: #fff;
 }
 .content h1.regional-title {
     font-size: 32px;
     margin: 30px 0 30px;
     font-weight: 700;
 }
 .assign-text {
     float: left;
     width: 100%;
 }
 #aboutus .content ul.slides {
     float: left;
     width: 100%;
     list-style: none;
 }
 #aboutus .content ul.slides {
     padding: 0;
     margin: 0;
 }
 #aboutus .content ul.slides li {
     float: left;
     width: 29.17%;
     margin: 0;
     list-style: none;
     font-size: 18px;
     background: #fff;
     padding: 80px 2%;
     border: 1px solid #ccc;
 }
 #aboutus .content ul.slides li:nth-child(3), #aboutus .content ul.slides li:nth-child(6) {
     border-right: 0px solid #ccc;
   }

 #aboutus .content ul.slides li img {
     float: none;
     width: 100%;
     margin: 0px auto;
     font-size: 18px;
 }

 .about-slider.about-bg {
     background: #fff;
     padding-bottom: 0%;
     margin-top: 0%;
     margin-bottom: 0;
 }
 #aboutus .content .about-bg ul.slides li {
     background: #fff;
     text-align: center;
 }

 #aboutus .content .about-bg ul.slides li img {
     float: none;
     width: 100%;
     margin: 0px auto;
     font-size: 18px;
 }


 #contact-sec .left-cont {
     width: 60%;
     float: left;
 }
 #contact-sec .left-cont textarea {
     width: 91%;
     height: 60px;
     padding: 6px 20px;
     font-size: 16px;
     margin: 20px 0;
     outline: none;
     font-family: 'Poppins', sans-serif;
     background: none;
     border-bottom: 2px solid #ecedf5;
 }
 .content ul.menu.fsmpro-ass li:last-child{
      border: none;
 }
 #contact-sec .form input[type="submit"] {
     width: 300px !important;
     float: left;
     margin-left: 4%;
 }
 .col-3.input-effect.inputs_content{
      border-bottom: 1px solid #ecedf5;
 }
 .right-cont {
     width: 30%;
     float: right;
     padding: 2%;

 }
 div#contact-sec {
     margin: 3% 0;
 }
 .contact-section .mail-del {
     width: 100%;
     float: left;
     margin: 2% 0 0;
 }
 .contact-section form .signup-box {
     float: left;
     border: 0px solid #f5f5f5;
     padding: 0;
 }
 .contact-section .col-3 {
     margin: 2% 2% 0;
     position: relative;
 }
.contact-section .form {
     width: 100%;
     margin: 3% auto;
 }
 .contact-section .mail-del .col-3.input-effect{
      width: 45%;
      margin: 0 2%;
 }
 .content .right-cont h3 {
     width: 100%;
     text-align: center;
 }
 .profile-cont img.kow {
     width: 40%;
     box-shadow: 0px 0px 20px #ccc;
     float: none;
     margin-right: 0;
     border-radius: 50%;
     margin: 0 auto;
 }

 .kow-text {
     width: 100%;
     float: left;
 }
 .kow-text a {
     width: 100%;
     float: left;
 }

 .kow-text h4{
      font-size: 20px;
      float: left;
      width: 100%;

 }
 .content .kow-text p {
     font-size: 24px;
     float: left;
     width: 100%;
     margin: 0;
     color: #af8e77;
 }

 .kow-text img{
   width: auto;
   float: left;
      }

      .profile-cont {
          margin: 22px 0;
          float: left;
          width: 100%;
          position: relative;
          text-align: center;
      }
      .right-cont h4 {
          font-size: 30px;
          width: 100%;
          float: left;
          font-weight: 500;
      }
      .right-cont a{
           color: #333;
      }
.kow-det {
     width: 100%;
     float: left;
}
.kow-det a{
     width: 100%;
     float: left;
     margin: 5px 0;
}
.kow-det a img{
     width: 20px;
     height: auto;
     float: left;
     margin-right: 10px;

}
.content .kow-det p{
     width: 80%;
     float: left;
     margin-top: -3px;
     font-size: 12px;
     color: #333;
     margin-top: 1px;
}



 ul.menu.stakeholder {
     width: 1025px;
 }
 img.in-profile{
     position: absolute;
     top: 66px;
     left: 65px;
     width: 20px;
 }
 #planning .section01 .content-text .both-dropdowen:hover ul.dropdown-plan{
      display: block;
 }

 ul.dropdown-plan {
     margin: 0;
     display: none;
 }
 #planning .section01 .content-text ul.dropdown-plan li{
     margin: 0;
}
 #planning .section01 .content-text ul.dropdown-plan li a{
      margin: 0;
}
#planning .section01 .content-text .both-dropdowen a {
     margin: 0;
     width: 204px;
     text-align: center;
     background: none;
     color: #d7a05f;
 }
 #planning .section01 .content-text .both-dropdowen a:hover {

     background: #d7a05f;
     color: #fff;
 }
 #planning .section01 .content-text .dropdown-plan a {
     background: none;
     color: #333;
     border: 2px solid #d7a05f;
 }
 #planning .section01 .content-text .dropdown-plan a:hover {
     background: #d7a05f;
     color: #fff;
     border: 2px solid #d7a05f;
 }
 #planning .section01 .content-text .both-dropdowen {
     width: 46%;
     float: left;
     margin: 6% 1%;
 }


#output-vp .rapid-img .info p {
     font-size: 13px;
     line-height: 14px;
 }

 .green-red{
      width: 100%;
      float: left;
      margin: 30px 0;
 }
 .about-us-top {
     width: 100%;
     float: left;
     position: relative;
 }
 .about-white p{
     font-size: 20px;
 }
 .about-white {
     float: left;
     padding: 40px 40px 0;
     background: #fff;
     margin-top: -90px;
     text-align: center;
 }
 #aboutus .experts.about-slider .content ul.slides {
     width: 88%;
     margin: 0 auto;
     float: none;
 }
 .experts.about-slider {
      background: #fcf8ef;
      float: left;
      width: 100%;
 }

 #aboutus .experts.about-slider .content ul.slides li {
     background: none;
     border: 0px solid #ccc;
     width: 19%;
     padding: 30px 3%;
 }

 .resp-tab-content {
     border: 0px solid #bbb !important;
     border-top-color: #bbb;
 }

 .leaflet-bar a, .leaflet-control-layers-toggle {
     background-position: 50% 50%;
     background-repeat: no-repeat;
     display: block;
     margin: 0;
     padding: 0;
     border: none;
 }


 #households-section .fsmpro-tab-left {
     float: left;
     width: 46%;
     height: 700px;
     overflow-x: hidden;
     padding: 20px 20px 0 0;
     overflow-y: hidden;
 }
 #fsmpro-planer .question-section.full h2 {
     font-size: 20px;
     width: auto;
     margin-right: 20px;
 }
 #fsmpro-planer .resp-tabs-container.hor_1 .question-section.full p {
     font-size: 16px;
     font-style: italic;
     font-weight: 500;
     width: auto;
 }
 #fsmpro-planer .resp-tabs-container.hor_1 .question-section.full{
    padding: 10px 0;
}

#fsmpro-planer .resp-tabs-container.hor_1 .fsmpro-tab-left .sign-up-container {
     width: 85%;
     font-size: 20px;
 }

 #fsmpro-planer .resp-tabs-container.hor_1 .ques-text {
     width: 100%;
 }
 .plan-rapid-output .content-text .fsmpro-tab-text a {
     border: none;
     background: none;
     color: #333;
     padding: 0;
     margin: 3px 5px;
     float: left;
     clear: inherit;
 }
 .plan-rapid-output .content-text a:hover{
      color: #d7a05f;
 }

 .plan-rapid-output .content-text p b {
     color: #333;
     float: left;
 }

 .section01 p.overlay.top {
     color: #fff;
     top: 50px;
     font-size: 22px;
 }

 .section01 p.overlay.top b{
     color: #fff;
 }

 .plan-fsmpro-learn ul li a {
     color: #323232;
     overflow: hidden;
     height: 96px;
     float: left;
 }


 #desludging_vehicles_div {
     height: auto;
 }
.infratructure-assessment.info .resp-tab-item.hor_1.resp-tab-active{
     background-color: #d79f61 ;
     color: #fff;
}

#parentHorizontalTab .inner-info-tittle{
     margin-bottom: 0px;
}


.infratructure-assessment-section.fsmpro .content-text .slides li h2{
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
 }

 .infratructure-assessment-section.fsmpro .content-text .slides li {
     width: 22%;
     background-color: rgb(220, 220, 220) ;
     height: 50px;
 }

 .infratructure-assessment-section.fsmpro .content-text .slides li:hover{
     background-color: #d79f60 ;
 }

 .infratructure-assessment-section.fsmpro .content-text .slides li.resp-tab-item.hor_1.active.resp-tab-active {
     background-color: rgb(215, 159, 96);
 }
 .infratructure-assessment-section.fsmpro .content-text .slides li h2:hover{
   color: #fff;
 }
 .by-road.road.fsmpro .content-text .slides li{
     width: 22%;
     background-color: rgb(220, 220, 220);
     height: 50px;
 }
 .by-road.road.fsmpro .content-text .slides li:hover{
     background-color: #d79f60 ;
 }
 .by-road.road.fsmpro .content-text .slides li h2 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
 }
 .by-road.road.fsmpro .content-text .slides li h2:hover{
      color: #fff;
 }
 .by-road.road.fsmpro .content-text .slides li.resp-tab-item.hor_1.resp-tab-active {
     background-color: #d79f61;
     color: #fff;
 }

 #fsmpro-planer .rapid-img.half {
     width: 60%;
     text-align: center;
 }
 #fsmpro-planer .rapid-img img {
     width: 100%;
     float: none;
     margin-top: 20px;
     position: relative;
     margin: 0 auto;
 }

 #fsmpro-planer .households01.treatment042 {
     position: absolute;
     width: 175px;
     left: 38%;
     top: -11%;
     text-align: center;
 }

 #fsmpro-planer .households01.treatment05 {
     top: 14%;
     left: 10%;
     width: 150px;
 }
#fsmpro-planer .rapid-img .households01 img{
width: 100px;
}
#fsmpro-planer .households01.treatment06 {
     top: 15%;
     right: 13%;
     left: auto;
     width: 137px;
 }
 #fsmpro-planer .households01.treatment06 img {
    width: 100px;
 }

 #fsmpro-planer .households01.treatment07 {
     top: 43%;
     right: 64%;
     left: inherit;
     width: 217px;
 }
 #fsmpro-planer .households01.treatment08 {
     top: 44%;
     right: inherit;
     left: 64%;
     width: 217px;
 }
 #fsmpro-planer .households01.treatment09 {
     top: 75%;
     right: inherit;
     left: -7%;
     width: 180px;
 }
 #fsmpro-planer .households01.treatment12 {
     top: 77%;
     right: inherit;
     left: 26%;
     width: 126px;
 }
 #fsmpro-planer .households01.treatment13 {
     top: 75%;
     right: inherit;
     left: 51%;
     width: 180px;
 }
 #fsmpro-planer .households01.treatment14 {
     top: 77%;
     right: inherit;
     left: 85%;
     width: 131px;
 }
 #fsmpro-planer .rapid-img .households01 .info p {
     font-size: 12px;
 }
 #fsmpro-planer .fsmpro-tab-right.half {
     float: right;
     width: 36%;
 }

 #fsmpro-planer .households01.treatment09 img, #fsmpro-planer .households01.treatment12 img,
 #fsmpro-planer .households01.treatment13 img, #fsmpro-planer .households01.treatment14 img{
width: 90px;
 }

 #fsmpro-planer .households01.treatment09 .info h2, #fsmpro-planer .households01.treatment12 .info h2,
 #fsmpro-planer .households01.treatment13 .info h2, #fsmpro-planer .households01.treatment14 .info h2 {
     float: left;
     font-size: 20px;
     width: 100%;
 }

 #fsmpro-planer .households01.treatment07 img, #fsmpro-planer .households01.treatment08 img{
      width: 100px;
 }

 #fsmpro-planer .households01 span {
     font-size: 12px;
     line-height: inherit;
     float: left;
 }
 #fsmpro-planer .households01 h2 {
     font-size: 20px;
     line-height: inherit;
     float: left;
 }
 #fsmpro-planer .households01.treatment042 span {
     font-size: 16px;
     line-height: inherit;
     float: left;
 }



 #fsmpro-planer .rapid-img.vehicle-capacity .rapid-img.half {
     width: 48%;
     text-align: center;
 }
 #fsmpro-planer .rapid-img.vehicle-capacity .households01.treatment04 img,
 #fsmpro-planer .population-projection .households01.treatment09 img {
     width: 50px;
 }
 #fsmpro-planer .rapid-img.vehicle-capacity .households01.treatment042 img{
      width: 100px;
 }
 #fsmpro-planer .rapid-img.vehicle-capacity .households01.treatment04 {
     left: 39%;
 }
 #fsmpro-planer .rapid-img.vehicle-capacity .households01.treatment07 {
     top: 55%;
     right: 60%;
     left: inherit;
     width: 217px;
 }
 #fsmpro-planer .rapid-img.vehicle-capacity .households01.treatment042 {
     position: absolute;
     width: 138px;
     left: 41%;
     top: 11%;
     text-align: center;
 }
 #fsmpro-planer .rapid-img.vehicle-capacity .households01.treatment06 {
     top: 27%;
     right: 7%;
     left: auto;
     width: 175px;
 }
 #fsmpro-planer .rapid-img.vehicle-capacity .households01.treatment05 {
     top: 25%;
     left: 9%;
     width: 150px;
 }
 #fsmpro-planer .rapid-img.vehicle-capacity .households01.treatment08 {
     top: 55%;
     right: inherit;
     left: 60%;
     width: 217px;
 }
 #fsmpro-planer .population-projection .households01.treatment09 {
     top: 80%;
     right: inherit;
     left: 34%;
     width: 180px;
 }

 #fsmpro-planer .households01.treatment01 {
     right: 13%;
     left: inherit;
     top: 11%;
 }
 #fsmpro-planer .households01.treatment03 {
     top: 41%;
     left: 40%;
 }
 #fsmpro-planer .households01 {
     width: 122px;
 }
 #fsmpro-planer .households01.treatment {
     left: 12%;
     display: block;
     top: 11%;
 }
 .sign-up-container span img{
      float:right;
 }

 .question-section.table.dynamic-tables td.cell_dynamic {
     color: #88949f !important;
 }

 .question-section.table.dynamic-tables td p {
     margin-top: 2px;
     margin-left: 6px;
     margin-bottom: 0;
 }

 .fsmpro-tab-text {
     width: 100%;
     float: left;
     height: auto;
     overflow-y: hidden;
     padding: 20px 0px;
 }
 .fsmpro-tab-text img {
     float: left;
     margin-right: 20px;
     width: 480px;
 }

 .plan-rapid-output .content-text .fsmpro-tab-text p{
      float: none;
 }
 .plan-rapid-output .content-text .fsmpro-tab-text p b {
     color: #333;
     float: none;
     font-weight: 500;
     font-size: 18px;
     line-height: 24px;
 }
 .plan-rapid-output .content-text .fsmpro-tab-text a{
      float: none;
      font-weight: 500;
 }

 #alert_box .content ol li {
     float: left;
     width: 92%;
     margin: 2% 0;
     list-style-type: none;
     font-size: 18px;
     padding: 2%;
     border: 3px solid #333;
     height: auto;
 }
 #alert_box .content ol li:last-child {
     float: left;
     width: 92%;
 }
 .fsmpro-tab-left .sign-up-container img {
     width: auto;
     float: none;
 }
 #alert_box .content ol li h4 {
     margin: 20px 0 5px;
     line-height: 31px;
     width: auto;
     float: left;
     font-weight: 600;
     background: #fff;
     padding: 35px 35px 21px 22px;
     margin-top: -45px;
     text-transform: uppercase;
     margin-left: -48px;
     font-size: 35px;
 }

 div#load_more_button {
     float: left;
     width: 100%;
     text-align: center;
 }

 div#load_more_button {
     float: left;
     width: 100%;
     text-align: center;
 }
 button#load_more {
     border: 1px solid;
     padding: 10px 40px;
     background: none;
     font-size: 18px;
     font-weight: 600;
     cursor: pointer;
     outline: none;
 }
 button.load_more{
     border: 1px solid;
         padding: 10px 40px;
         background: none;
         font-size: 18px;
         font-weight: 600;
         cursor: pointer;
         outline: none;
     }

     .plan-fsmpro-learn ul {
          width: 100%;
          text-align: left;
          float: left;
          overflow-y: hidden;
          min-height: 460px;
      }

 #fsmpro-planer .fs-generation .households01 {
     width: 200px;
 }
 #fsmpro-planer .content-text .fs-generation .households01 span {
     font-size: 18px;
     line-height: 22px;
     font-weight: 600;
     margin: 0;
 }

 .table-but.temp p, .plan-table p{
     text-align: center;
     font-size: 16px;
     color: #d79f60;
 }



 #fsmpro-planer .fs-generation .full-width-info {
     width: 60%;
     margin: 0 auto;
     float: left;
     margin-top: 5%;
 }

 #fsmpro-planer .fs-generation .full-info-section.generation-sec.rapid-total {
     margin: 12%;
 }
 #fsmpro-planer .fs-generation .full-info-section.generation-sec.rapid-total img{
     width: 70px;
 }
 #fsmpro-planer .fs-generation .full-info-section.generation-sec.rapid-total .households01{
     width: 120px;
 }
 #fsmpro-planer .fs-generation .households01.generation {
     left: 10%;
     top: -3%;
 }

 #fsmpro-planer .fs-generation .households01.generation.subtext,
 #fsmpro-planer .fs-generation  .households01.generation01.subtext,
 #fsmpro-planer .fs-generation  .households01.generation02.subtext,
 #fsmpro-planer .fs-generation  .households01.generation03.subtext {
     top: 33%;
 }

 #fsmpro-planer .fs-generation .households01.generation03 {
     right: 11%;
     left: inherit;
     top: -7%;
 }

 #fsmpro-planer .fs-generation .households01.generation02 {
     right: 32%;
     left: initial;
     top: -7%;
 }

 #fsmpro-planer .fs-generation .households01.generation01 {
     left: 31%;
     top: -7%;
 }
 #fsmpro-planer .fs-generation .households01.generation04 p {
     font-size: 14px;
     line-height: 22px;
 }

 #fsmpro-planer .fs-generation .rapid-total .households01.generation04 {
     top: 65%;
     left: 41%;
 }

 li.delete-fix {
     position: absolute;
     right:-10px;
     width: auto !important;
     margin: 0 !important;
     top: 19px;
 }
 .tbl-header a:hover{
     float: left;
     padding: 10px 20px;
     border: 2px solid #bbb;
     background: none;
     text-align: center;
 }
 .tbl-header a{
     float: left;
     padding: 10px 20px;
     border: 2px solid #bbb;
     background: none;
     text-align: center;
 }
 .enumerators-ward>ul {
     clear: both;
     position: relative;
     width: 96%;
 }
 #fsmpro-planer .content h3 {
     width: 100%;
 }

 .tbl-header h1{
     font-size: 12px;
     width: 100%;
     text-align: center;
 }
 #my-rapid.question-answer {
     float: left;
     width: 97%;
     padding: 20px;
 }
 .enumerators-ward ul li.delete-fix {
     margin: 0 !important;
 }












 /* setup tooltips */
.tooltip {
     position: relative;
   }
   .tooltip:before,
   .tooltip:after {
     display: block;
     opacity: 0;
     pointer-events: none;
     position: absolute;
   }
   .tooltip:after {
        border-right: 6px solid transparent;
        border-bottom: 6px solid rgba(0,0,0,.75);
     border-left: 6px solid transparent;
     content: '';
     height: 0;
       top: 20px;
       left: 20px;
     width: 0;
   }
   .tooltip:before {
     background: rgba(0,0,0,.75);
     border-radius: 2px;
     color: #fff;
     content: attr(data-title);
     font-size: 12px;
     padding: 6px 10px;
       top: 26px;
     white-space: nowrap;
   }

   /* the animations */
   /* fade */
   .tooltip.fade:after,
   .tooltip.fade:before {
     transform: translate3d(0,-10px,0);
     transition: all .15s ease-in-out;
   }
   .tooltip.fade:hover:after,
   .tooltip.fade:hover:before {
     opacity: 1;
     transform: translate3d(0,0,0);
   }

   /* expand */
   .tooltip.expand:before {
     transform: scale3d(.2,.2,1);
     transition: all .2s ease-in-out;
   }
   .tooltip.expand:after {
     transform: translate3d(0,6px,0);
     transition: all .1s ease-in-out;
   }
   .tooltip.expand:hover:before,
   .tooltip.expand:hover:after {
     opacity: 1;
     transform: scale3d(1,1,1);
   }
   .tooltip.expand:hover:after {
     transition: all .2s .1s ease-in-out;
   }

   /* swing */
   .tooltip.swing:before,
   .tooltip.swing:after {
     transform: translate3d(0,30px,0) rotate3d(0,0,1,60deg);
     transform-origin: 0 0;
     transition: transform .15s ease-in-out, opacity .2s;
   }
   .tooltip.swing:after {
     transform: translate3d(0,60px,0);
     transition: transform .15s ease-in-out, opacity .2s;
   }
   .tooltip.swing:hover:before,
   .tooltip.swing:hover:after {
     opacity: 1;
     transform: translate3d(0,0,0) rotate3d(1,1,1,0deg);
   }








/* Tooltip */
.tooltip {
     position: relative;
     display: inline-block;
     border-bottom: 0px dotted black;
     margin-left: 10px;
     margin-top: 0;
     margin-bottom: -2px;
     cursor: pointer;
 }
.tooltip .tooltiptext {
     visibility: hidden;
     display: none;
     width: 190px;
     background: #e0d5b6;
     border: #e7e873 5px solid;
     color: #3a3a3a;
     text-align: center;
     border-radius: 6px;
     padding: 5px 0;
     position: absolute;
     z-index: 1;
     top: 140%;
     padding: 10px;
     left: 50%;
     margin-left: -90px;
     font-size: 12px;
     line-height: 16px;
 }
.content-text .buss-text h3 {
     width: 100%;
 }
 .tooltip .tooltiptext::after {
     content: " ";
     position: absolute;
     bottom: 101%;
     left: 50%;
     margin-left: -5px;
     border-width: 5px;
     border-style: solid;
     border-color: transparent transparent #e7e873 transparent;
     margin-top: 0px;
 }
li.option_value:hover .tooltiptext {
     visibility: visible;
     display: block;
}
.tooltip:hover .tooltiptext {
     visibility: visible;
     display: block;
}
.surveys-section .tooltip .tooltiptext {
     bottom: 103%;
}
#dash-tab .tooltip .tooltiptext {

     bottom: 110%;
     left: 0;
     margin-left: 0;
     font-size: 12px;
 }

 .activation-message .width-center {
     text-align: center;
 }
 .activation-message .col-3 {
     float: none;
     width: 600px;
     margin: 0 auto;
     position: relative;
 }
 .activation-message .col-3 textarea#reasons {
     float: none;
     width: 600px;
     margin: 0 auto;
     position: relative;
     font-family: 'Poppins', sans-serif;
     font-size: 20px;
     text-indent: 20px;
     outline: none;
 }
 .activation-message .col-3 .effect-1 {
     border-bottom: 0px solid #ecedf5;
 }
 .activation-message input {
     float: none;
     margin: 20px 0;
     width: 200px;
     outline: none;
     font-size: 25px;
     padding: 9px 15px;
     text-transform: capitalize;
     font-family: 'Poppins', sans-serif;
     background: none;
     border: 1px solid;
     cursor: pointer;
 }

 .yes-no {
     width: 200px;
     margin: 15px auto;
 }

 .modal-box {
     background: none;
     height: auto;
     box-shadow: none;
     border: none;
 }


 .modal-overlay-lug {
     opacity: 1;
     filter: alpha(opacity=0);
     position: fixed;
     top: 0;
     left: 0;
     z-index: 99999;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.6) !important;
 }

 div#lug-menu {
     left: 25% !important;
     top: 20% !important;
 }



 .question-section.full:last-child span.tooltiptext {
     bottom: 140%;
     top: initial;
 }

 .modal-box {
     width: 70%;
     background: none;
     box-shadow: none;
     left: 16% !important;
     top: 12% !important;
 }

 #planning .section01 .content-text span a {
     border: none;
     float: none;
     background: none;
     color: #8f8f8f;
     padding: 0;
     margin: 0;
     width: auto;
     text-transform: initial;
     clear: inherit;
     text-decoration: underline !important;
 }

 input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.tooltip-qus {
     width: auto;
     FLOAT: none;
 }
 .tooltiper-wrapper.hide {
     z-index: 9;
     line-height: 20px;
     font-size: 12px !important;
 }
 .tooltip-qus {
     float: right;
     width: 40%;
 }
 .tooltip-qus img{
     float: right;
 }

 .modal-box .modal-body {
     padding: 0%;
     height: 100%;
     background: #fff;
 }

 div#popup3 .modal-body{
      background: none;
 }

 div#popup3 {
     background: #ffdada;
 }

 .fa {
     display: inline-block;
     font: normal normal normal 20px/1 FontAwesome;
     font-size: 20px !important;
 }

 .info-pagination .dropdown .dropdown-menu {
     top: 43px;
     width: 84%;
 }

 ::-webkit-input-placeholder { /* Edge */
    font-size: 12px;
   }

   :-ms-input-placeholder { /* Internet Explorer 10-11 */
     font-size: 12px;
   }

   ::placeholder {
     font-size: 12px;
   }






   .ms-options-wrap > .ms-options > ul label {
     padding: 6px 4px 4px 24px !important;
     text-indent: 0px;
     font-size: 12px;
 }

 .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
     margin: 0 5px 0 0;
     position: absolute;
     left: 5px;
     top: 3px;
     width: 15px;
 }












 #checkbox-silder .question-section .sign-up-container {
    width: 30%;
    margin-left: 0%;
}
#checkbox-silder .sign-up-container {
    font-size: 18px;
}

 .owl-prev {
    left: 0;
    position: absolute;
    background: url(../../assets/images/less.png) no-repeat center center;
    background-size: 55% 41%;
    width: 20px;
    height: 48px;
    background-color: #fff;
    border-radius: 0;
    padding: 3px;
    border: 1px solid #313131;
}
.owl-next {
    right: 0;
    position: absolute;
    background: url(../../assets/images/greater.png) no-repeat center center;
    background-size: 55% 41%;
    width: 20px;
    height: 48px;
    background-color: #fff;
    border-radius: 0;
    padding: 3px;
    border: 1px solid #313131;
}


 div#sync2 {
    position: absolute;
    bottom: 0px;
    background: #000000ba;
    width: 100%;
}
#sync2 .owl-item{
    width:100px !important;
}
.owl-slider {
     position: relative;
     float: left;
     width: 100%;
     margin: 0 auto;
 }

 #sync1 .banner-text {
    position: absolute;
    top: 2%;
    text-align: center;
    width: 94%;
    background: rgba(0, 0, 0, 0.8);
    padding: 0 3%;
}
#sync1 p {
    font-size: 14px;
    float: right;
    width: auto;
}
#sync1 h3 {
    color: #fff;
    font-size: 16px;
    padding: 10px 0;
    margin: 0;
}
.slider-section {
     width: 80%;
     margin: 0 auto;
 }
 #sync1 .item {
    padding: 10px 0px;
    margin: 0px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    overflow: hidden;
    height: 400px;
    position: relative;
}
#sync2 .item {
    padding: 0px 0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    height: 47px;
}
#sync2 .item h1{
  font-size: 18px;
}
#sync2 .synced .item{

}
.banner-text span{
    color: #d8a061;
}
.banner-text p span{
    color: #d8a061;
    font-size: 14px !important;
}


/*
 * 	Core Owl Carousel CSS File
 *	v1.23
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: empty 1ms both ease;
  -moz-animation: empty 1ms both ease;
  animation: empty 1ms both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}











/*
* 	Owl Carousel Owl Demo Theme
*	v1.23
*/

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    top: 45%;
    width: 100%;
}
/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    /* zoom: 1; */
    *: ;
    display: inline;
    /* margin: 5px; */
    /* padding: 3px 10px; */
    font-size: 12px;
    /* -webkit-border-radius: 30px; */
    -moz-border-radius: 30px;
    /* border-radius: 30px; */
    /* background: #869791; */
    filter: Alpha(Opacity=50);
    /* opacity: 0.5; */
    font-size: 0;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

#sync2 .item img{
    width: 100%;
}
#sync1 .item img {
    width: auto;
    height: 100%;
}