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

@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i';

body {font-family: 'Open Sans', sans-serif;}

a:focus{outline:none;}

a:focus, a:hover{ text-decoration:none; transition: all ease 0.5s; outline:none;}

/*************************************Header************************************************************/

.header {width:100%;}

.header .logo {margin:21px 0px 22px 0px; float:left;}

.header p {float:right; font-size:16px; color:#ffffff; font-weight:300; margin:42px 0px 22px 0px;}

.header p span a{font-weight:600; color:#ffffff;}

.header p span a:hover {color:#000000;}

.header h1 {font-size:42px; color:#ffffff; font-weight:300; line-height:50px;}

.header .more {text-align:left;}

.header .btn-info {background-color:transparent; border-color: #ffffff; color: #ffffff; border-radius:100px; font-size:16px; font-weight:600; margin-bottom:34px;}
    
.header .btn-info i {font-weight:100; color:#b8de3f;}   

.header .form-control {height:62px; font-size:24px; font-weight:300; border-radius:0px; margin:0px 0px 0px 0px;}

.header .login-form .form-control {font-weight: inherit;}

.header h3 {font-size:18px; color:#ffffff; text-align:center; font-weight:600; margin:90px 0px 60px 0px;}
  
.header .input-group-btn .btn-secondary {border-radius:100%; width:61px; height:61px; font-size:24px; background-color:#33e672; color:#FFFFFF;}

.header2 {width:100%; background-color:#008ee5;}

.header2 .logo {margin:21px 0px 22px 20px; float:left;}

.header2 span {font-size:30px; cursor:pointer; color:#FFFFFF; float:left; margin-top:22px;}

.header3 {width:100%; background-image:url(../images/banner.jpg); background-repeat:no-repeat; background-size:100% auto; }

.header3 .logo {margin:21px 0px 22px 0px; float:left;}

.header3 p {float:right; font-size:16px; color:#ffffff; font-weight:300; margin:42px 0px 22px 0px;}

.header3 p span a{font-weight:600; color:#ffffff;}

.header3 p span a:hover {color:#000000;}

.header3 h1 {font-size:42px; color:#ffffff; font-weight:300; line-height:50px;}

.header4 {width:100%; background-image:url(../images/banner.jpg); background-repeat:no-repeat; background-size:100% auto; }

.header4 .logo {margin:21px 0px 22px 0px; float:left;}

.header4 p {float:right; font-size:16px; color:#ffffff; font-weight:300; margin:42px 0px 22px 0px;}

.header4 p span a{font-weight:600; color:#ffffff;}

.header4 p span a:hover {color:#000000;}

.header4 h1 {font-size:42px; color:#ffffff; font-weight:300; line-height:50px;}


/*************************************Dashboard************************************************************/

.dashboardActiveTitle {font-size:18px; color:#ffffff; font-weight:300; text-align:center; margin-top:41px;}

.dashboardInactiveTitle {font-size:18px; color:#ffffff; font-weight:300; text-align:center; margin-top:41px; opacity: 0.15;}

.dashboardActiveTitle:hover {color:#ffffff; opacity: 1;}

.dashboardInactiveTitle:hover {color:#a5a3a3; opacity: 1;}


/*************************************Banner************************************************************/

.banner {width:100%; /*margin-top:87px;*/}

.banner #talkbubble { width:100%; background:#252527; position: relative; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
 
.banner #talkbubble:before { content:""; position: absolute; right:49%; top:100%; width: 0; height: 0; border-left: 20px solid transparent; border-top: 20px solid #252527; border-right: 20px solid transparent; } 

.banner h1 {color:#ffffff; font-size:24px; font-weight:300; text-align:center; margin:29px 0px 29px 0px;}

.banner h2 {font-size:18px; color:#ffffff; font-weight:300; line-height:27px; text-align:center; margin:0px 0px 18px 0px;}

.banner h3 {font-size:18px; font-weight:600; color:#ffffff; text-align:center;}

.banner h4 {font-size:18px; font-weight:600; color:#33e672; margin:19px 0px 46px 0px; text-align:center;}

.banner h5 {font-size:18px; color:#ffffff; font-weight:300; text-align:center; margin-bottom:41px;}

.banner .round {text-align:center;}

.banner .round a {width:50px; height:50px; background-color:#33e672; line-height:50px; text-align:center; vertical-align:middle; display:inline-block; border-radius:100%; color:#252527; font-size:26px;}

.banner .round a:hover {background-color:#008ee5;}


/*************************************Index Middel part************************************************************/

.we {width:100%; background-image:url(../images/contain-bg.jpg); background-repeat:repeat;}

.we h1 {font-size:24px; color:#686868; font-weight:300; margin-top:0;}

.we h2 {font-size:20px; color:#686868; font-weight:400; text-align:center; margin:30px 0px 14px 0px;}

.we h3 {font-size:16px; color:#686868; font-weight:300; line-height:30px; text-align:center; margin-bottom:40px;}

.we h4 {font-size:16px; color:#686868; font-weight:300; line-height:30px; text-align:left; margin-bottom:8px;}

.we .box-left {/*float:left;*/ width:90%; /*margin-top:112px;*/}

.we .box-left .box1 {background-color:#008ee5;}

.we .box-left .box1 h4 {padding:12px 0px 10px 0px; color:#FFFFFF; text-align:center;}

.we .box-left .box1 .progress-bar-success {background-color: #33e672;}

.we .box-left .box1 .progress {margin:0px 10px 0px 10px;}

.we .box-left .box1 h5 {margin:0px; padding:11px 0px 30px 0px; color:#FFFFFF; text-align:center;}

.we .box-left .box1 h5 span {color:#33e672; font-weight:600;}
    
.we .box-left h6 {font-size:18px; color:#686868; font-weight:600; text-align:center; margin-top:30px;}	

.we .box-left p {font-size:16px; color:#686868; font-weight:300; line-height:24px; text-align:center; margin:0px 0px 10px 0px;}

.we .middle-box {width:80%; margin:0 auto; text-align:center;}

.we .middle-box .top-box {background-color:#FFFFFF;}

.we .middle-box .top-box .logo {padding:10px 0px 10px 0px;}

.we .middle-box .top-box .logo .img-responsive {margin:0 auto; text-align:center;}

.we .middle-box .bottom-box {background-color:#008ee5; padding:0px 13px 16px 13px;}

.we .middle-box .bottom-box h4 {font-size:12px; color:#FFFFFF; text-align:center; margin:0px; padding:10px 0px 10px 0px;}

.we .middle-box h6 {font-size:18px; color:#686868; font-weight:600; text-align:center; margin-top:30px;}	

.we .middle-box p {font-size:16px; color:#686868; font-weight:300; line-height:24px; text-align:center; margin:0px 0px 10px 0px;}

.we .box-right {float:right; width:90%; margin-top:112px;}

.we .box-right .box1 {text-align:center; margin-top:10px;}

.we .box-right .box1 .img-responsive {margin:0 auto; text-align:center;}

.we .box-right h6 {font-size:18px; color:#686868; font-weight:600; text-align:center; margin-top:30px;}	

.we .box-right p {font-size:16px; color:#686868; font-weight:300; line-height:24px; text-align:center; margin:0px 0px 10px 0px;}

/************************************* Dashboard middel Part************************************************************/

.update {width:100%; background-image:url(../images/contain-bg.jpg); background-repeat:repeat; padding:82px 0px 54px 0px;}

.update .box {width:100%; background-color:#008ee5;}

.update .box span {margin-top:13px;}

.update .box p {font-weight:300; font-size:16px; color:#FFFFFF; text-align:center; padding:11px 0px 11px 0px;}

.update .box2 {text-align:center;}

.update h4 {display:inline-block; font-size:72px; color:#686868; text-align:center; font-weight:300; margin-bottom:40px;}

.update h4 span {display:list-item; list-style:outside none; font-size:18px; font-weight:300; color:#686868;}

.update h5 {display:inline-block; font-size:42px; color:#686868; text-align:center; font-weight:300;  margin-bottom:40px;}

.update h5 span {display:list-item; list-style:outside none; font-size:18px; font-weight:300; color:#686868; margin-bottom:30px;}

.update .box3 {text-align:center; background-color:#42404c; width:63px; height:63px;}

.update .media-body p {font-size:12px; color:#686868; text-align:justify; line-height:25px; margin-top:-7px}

.update .img-box {float:left; margin:0px 10px 10px 0px;}

.update .line {width:100%; background-color:#e0e0e0; height:1px; margin:10px 0px 30px 0px;}

.update .media-body p span a {color:#008ee5;}

.update .media-body p span a:hover {color:#000000;}

.update h6 {display:inline-block; font-size:30px; color:#FFFFFF; text-align:center; font-weight:300;}

.update h6 span {display:list-item; list-style:outside none; font-size:14px; font-weight:600; color:#FFFFFF;}


/*************************************Index upper footer part************************************************************/

.like {background-color:#00458f; padding:16px 0px 16px 0px;}

.like h3 {font-size:22px; color:#FFFFFF; font-weight:400; text-align:center;}

.like p {font-size:16px; color:#f3f3f3; font-weight:300; text-align:center;}

.like h4 {font-size:18px; color:#f3f3f3; font-weight:300; text-align:center;}


/*************************************Footer************************************************************/

.footer {width:100%; background-color:#008ee5; padding:13px 0px 13px 0px;}

.footer .left-box {float:left; width:50%; /*margin:5px 0px 5px 0px;*/}

.footer .left-box .round {text-align:center;}

.footer .left-box .round .img-responsive {margin:0 auto; text-align:center;}

.footer .left-box .round p {font-size:12px; color:#FFFFFF; margin:17px 0px 0px 0px;}

.footer .middle-box {text-align:center; /*margin:5px 0px 5px 0px;*/}

.footer .middle-box .round {text-align:center;}

.footer .middle-box .round .img-responsive {margin:0 auto; text-align:center;}

.footer .middle-box .round p {font-size:12px; color:#FFFFFF; margin:17px 0px 0px 0px;}

.footer .right-box {float:right; width:32%; margin:30px 0px 20px 0px;}

.footer .right-box .social {padding-left:10px; display:inline-block;}

.footer .right-box .social i {color:#FFFFFF; font-size:24px; padding-right:7px;}

/*************************************Monthly Updates Middel Part************************************************************/

.monthly {width:100%; background-image:url(../images/contain-bg.jpg); background-repeat:repeat; padding:0px 0px 10px 0px; margin-top:87px;}

.monthly h1 {font-size:27px; font-weight:300; color:#686868; margin:27px 0px 30px 0px;}

.monthly .box3 {text-align:center; background-color:#42404c; width:63px; height:63px;}

.monthly .media-body p {font-size:12px; color:#686868; text-align:justify; line-height:25px; margin-top:-7px}

.monthly .img-box {float:left; margin:0px 10px 10px 0px;}

.monthly .line {width:100%; background-color:#e0e0e0; height:1px; margin:10px 0px 30px 0px;}

.monthly .media-body p span a {color:#008ee5;}

.monthly .media-body p span a:hover {color:#000000;}

.monthly h6 {display:inline-block; font-size:30px; color:#FFFFFF; text-align:center; font-weight:300;}

.monthly h6 span {display:list-item; list-style:outside none; font-size:14px; font-weight:600; color:#FFFFFF;}

.monthly .modal-dialog {width: 290px;}

.monthly  .modal-content {width:290px; border-radius:0px;}

.monthly  .modal-header {border-bottom:none; text-align:center;}

.monthly .modal-title {font-size:26px; color:#686868;}

.monthly  .modal-content .modal-body p {font-size:12px; text-align:center;}

.monthly .modal-footer {border-top:none; text-align:center;}

.monthly .btn-default {border-radius: 100px; font-size: 14px; line-height:10px; padding: 10px 16px; background-color:#b1b2b2; border-color:#b1b2b2; color:#FFFFFF;}

.monthly .btn-default:hover {border-color:#f44b39; color: #FFFFFF; background-color:#f44b39;}
      
.monthly .btn-lg, .btn-group-lg > .btn { border-radius: 100px; float: right; font-size: 14px; line-height:10px; padding: 10px 16px; background-color:#f44b39; border-color:#f44b39; padding-left:40px; padding-right:40px;}


/*************************************Needs Page Middel Part************************************************************/
      
.needs {width:100%; background-image:url(../images/contain-bg.jpg); background-repeat:repeat; padding:0px 0px 10px 0px; margin-top:87px;}

.needs h1 {font-size:30px; font-weight:300; color:#686868; margin:34px 0px 37px 0px;}

.needs h2 {font-size:26px; font-weight:300; color:#686868; margin:30px 0px 27px 0px;}

.needs .input-box1 {width:55%; float:left; margin-right:25px;}

.needs .input-box2 {width:40%; float:left;}

.needs .form-control {border-radius:0px; border:none;}

.needs .undo {text-align:left;}

/*************************************Non Profit Page Middel part************************************************************/

.profit {width:100%; padding:0px 0px 10px 0px;}

.profit h1 {font-size:24px; font-weight:300; color:#686868; margin:34px 0px 16px 0px;}

.profit p {font-size:14px; font-weight:500; color:#686868; margin-bottom:24px;}

.profit p.limit-title { max-width: 522px; overflow: hidden; text-overflow: ellipsis; word-break:break-all }

.profit p span a {font-size:16px; font-weight:300; color:#008ee5;}

.profit p span a:hover {color:#000000;}

.profit .input-box1 {width:48%; float:left;}

.profit .input-box2 {width:48%; float:left;}

.profit .input-box3 {width:24%; float:right;}

.profit .input-box4 {width:50%; float:right; /*margin-left:11px;*/}

.profit .input-box5 {width:24%; float:left; margin-left:10px; /*margin-right:10px;*/}

.profit .form-control {border-radius:0px; border:none; height:42px;}

.profit .form-group {margin-bottom: 18px;}
    
.profit .docs {width:100%; margin:0px; /*float:left;*/}

.profit .docs p {font-size:22px; letter-spacing: 100%; color:#686868; font-weight:300; margin:0px 0px 0px 32px;}

.profit h3 {font-size:16px; color:#686868; font-weight:500; margin:4px 0px 12px 32px;}

.profit .legal {width:100%; background-color:#252527; text-align:center; padding:10px 10px 18px;}

.profit .legal h4 {font-size:18px; color:#ffffff; text-align:center; padding:8px 0px 16px 0px;}

.profit .legal h5 {font-size:12px; color:#ffffff;}

.profit .legal h6 {font-size:12px; color:#e9f10a;}

.profit .btn-info {background-color:#33e672; color:#ffffff; font-size:16px; font-weight:600; border-radius:100px; border-color: #33e672;}

.profit .media-body {width:80%;}

.profit .media-heading {font-size:14px; color:#686868; font-weight:600;}

.profit .line {background-color:#e0e0e0; width:100%; height:1px; margin:35px 0px 35px 0px;}

.profit .state {text-align:left; margin:20px 0px 20px 0px;}

.profit .state .media-left a {width:50px; height:50px; background-color:#33e672; display:inline-block; text-align:center; vertical-align:middle; border-radius:100%; line-height:48px; color:#FFFFFF; font-size:24px;}

.profit .state .media-left a:hover {background-color:#008ee5;}
  
/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(250,250,250,.8);
    z-index: 1;
}


/*************************************Non Profit Page Upper footer Part************************************************************/

.mission {width:100%; background-image:url(../images/contain-bg.jpg); background-repeat:repeat; padding:0px 0px 10px 0px;}

.mission h2 {font-size:20px; font-weight:300; color:#686868; margin:5px 0px 20px 0px;}

.mission .box {background-color:#ffffff; width:100%; height:auto; padding:20px;}

.mission .box p {font-size:16px; color:#686868; font-weight:32px; margin-bottom:40px; text-align:left;}

.mission .btn-info {background-color: #b1b2b2; border-color: #b1b2b2; color: #fff; border-radius:100px; float:left; margin-right:10px;}
    
.mission .save .btn-info {background-color: #33e672; border-color: #33e672; color: #fff; border-radius:100px; float:left;}

.mission .undo {text-align:left;}

.mission .line {background-color:#e0e0e0; width:100%; height:1px; margin:35px 0px 35px 0px;}

.mission .input-box2 {width:100%; margin-bottom:68px; border:0px;}

.mission .input-lg {border-radius:0px; font-size: 18px; height: 46px; line-height: 1.33333; padding: 10px 16px; border:0px;}
 
.mission i {font-size:34px; margin-top:7px; color:#b1b2b2;} 

/*************************************Login page heading Text************************************************************/
    
.your {width:100%; background-image:url(../images/contain-bg.jpg); background-repeat:repeat;}

.your h1 {font-size:32px; color:#686868; font-weight:300; text-align:left; line-height:0px; margin-bottom:30px; } 

.your p {font-size:24px; color:#008ee5; font-weight:300; text-align:left; margin:0px; } 

.your h3 a {font-size:16px; color:#008ee5; font-weight:400;  text-align:left;}

.your h3 a:hover {color:#000000;}

.your h4 {font-size:16px; color:#686868; font-weight:400;  text-align:left; padding-bottom:20px;  }

/*************************************Login Page Background************************************************************/

.bg {width:100%; background-color:#008ee5; padding:39px 0px 39px 0px; border-bottom:1px solid #18a5fc;}

.bg .form-control {height:44px; border:none; border-radius:0px; color:#b1b2b2; font-size:18px;}

.bg label {float:right; color:#FFFFFF;}

.bg p {font-size:14px; color:#FFFFFF; margin:47px 0px 20px 0px; /*float:left;*/}

.bg .next {float:right; margin:38px 15px 20px 0px;}

.bg .btn-info {background-color:#33e672; color:#FFFFFF; border-color: #33e672; border-radius:100px; padding-left:40px; padding-right:40px;}

/*************************************Monthly Updates Popup Box************************************************************/

.popup {width:100%; background-color: #000; }

.submit {/*width:100%;*/ background-image:url(../images/contain-bg.jpg)!important; background-repeat:repeat-y;}
.submit .submit-wrapper {
	background-image:url(../images/contain-bg.jpg); background-repeat:repeat-y;
}

.submit h1 {font-size:27px; font-weight:300; color:#686868; margin:27px 0px 30px 0px;}

.submit .box3 {text-align:center; background-color:#42404c; width:63px; height:63px;}

.submit .box4 {text-align:center; background-color:#008ee5; width:63px; height:63px;}

.submit .box4 h6 {display:inline-block; font-size:12px; color:#FFFFFF; text-align:center; font-weight:300;}

.submit .box4 h6 span {display:list-item; list-style:outside none; font-size:14px; font-weight:600; color:#FFFFFF;
padding-bottom: 4px; }

.submit .media-body p {font-size:12px; color:#686868; text-align:justify; line-height:25px; margin-top:-7px}

.submit .img-box {float:left; margin:0px 10px 10px 0px;}

.submit .line {width:100%; background-color:#e0e0e0; height:1px; margin:10px 0px 30px 0px;}

.submit .media-body p span a {color:#008ee5;}

.submit .media-body p span a:hover {color:#000000;}

.submit h6 {display:inline-block; font-size:30px; color:#FFFFFF; text-align:center; font-weight:300;}

.submit h6 span {display:list-item; list-style:outside none; font-size:14px; font-weight:600; color:#FFFFFF;}

.submit .modal-dialog {width: 290px;}

.submit  .modal-content {width:290px; border-radius:0px;}

.submit  .modal-header {border-bottom:none; text-align:center;}

.submit .modal-title {font-size:26px; color:#686868;}

.submit  .modal-content .modal-body p {font-size:12px; text-align:center;}

.submit .modal-footer {border-top:none; text-align:center;}

.submit .btn-default {border-radius: 100px; font-size: 14px; line-height:10px; padding: 10px 16px; background-color:#b1b2b2; border-color:#b1b2b2; color:#FFFFFF;}

.submit .btn-default:hover {border-color:#f44b39; color: #FFFFFF; background-color:#f44b39;}
      
.submit .btn-lg, .btn-group-lg > .btn { border-radius: 100px; float: right; font-size: 14px; line-height:10px; padding: 10px 16px; background-color:#f44b39; border-color:#f44b39; padding-left:40px; padding-right:40px;}

.august {/*width:100%;*/ background-color:#000000;}

.august #talkbubble { width:100%; background:#00458f; position: relative; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
 
.august #talkbubble:before { content:""; position: absolute; right:43%; top:100%; width: 0; height: 0; border-left: 20px solid transparent; border-top: 20px solid #00458f; border-right: 20px solid transparent; }

.august h2 {font-size:32px; color:#FFFFFF; font-weight:300; margin:20px 0px 30px 0px;}

.august .box {width:80%; background-color:#008ee5; padding-bottom:10px; margin-left: auto;
    margin-right: auto;}

.august p {font-size:14px; padding:10px; color:#FFFFFF; font-weight:600;}

.august p {color:#FFFFFF; font-weight:300;}

.august p a {color:#33e672; font-size:14px; margin-left:10px; width:22px; height:22px; background-color:transparent; border:1px solid #33e672; text-align:center; border-radius:100%; line-height:20px; float:right;}

.august .box .form-control {margin:10px; width:93%; margin-top:40px;}

.august .box .btn-info {background-color: #33e672; border-color: #33e672; color: #fff; border-radius:100px; float:right; margin-right:10px;}

.august .box h6 {display:inline-block; font-size:14px; color:#FFFFFF; text-align:left; font-weight:300; margin-left:-60px; margin-top:0px;}

.august .box h6 a{display:inline-block; font-size:14px; color:#FFFFFF; text-align:center; font-weight:300; margin-left:10px; margin-top:0px;}

.august .box h6 span {display:list-item; list-style:outside none; font-size:14px; font-weight:600; color:#FFFFFF;}

.august .box h6 span a{display:list-item; list-style:outside none; font-size:14px; font-weight:600; color:#FFFFFF;}

/*************************************Search Page header part************************************************************/
    
.header3 {width:100%; background-image:url(../images/banner.jpg); background-repeat:no-repeat; background-size:100% auto; padding-bottom:64px;}

.header3 .logo {margin:21px 0px 22px 0px; float:left;}

.header3 p {float:right; font-size:16px; color:#ffffff; font-weight:300; margin:42px 0px 22px 0px;}

.header3 p span a{font-weight:600; color:#ffffff;}

.header3 p span a:hover {color:#000000;}

.header3 h1 {font-size:42px; color:#ffffff; font-weight:300; line-height:50px;}

.header3 .btn-info {background-color:transparent; border-color: #ffffff; color: #ffffff; border-radius:100px; font-size:16px; font-weight:600; margin-bottom:34px;}
    
.header3 .btn-info i {font-weight:100; color:#b8de3f;}   

.header3 .btn-info:hover {color:#000000;}

.header3 .form-control {height:62px; font-size:24px; color:#b1b2b2; font-weight:300; border-radius:0px; margin:0px 0px 0px -15px;}

.header3 h3 {font-size:18px; color:#ffffff; text-align:center; font-weight:600; margin:90px 0px 60px 0px;}
  
.header3 .input-group-btn .btn-secondary {border-radius:100%; width:61px; height:61px; font-size:24px; background-color:#33e672; color:#FFFFFF;}

/*************************************Search Page Middel Part************************************************************/

.search {width:100%; background-image:url(../images/contain-bg.jpg); background-repeat:repeat;}

.search h1 {font-size:32px; color:#686868; font-weight:300; text-align:left; margin:0px 0px 40px 0px;} 

.search h2 {font-size:20px; font-weight:300; text-align:left; line-height:20px; margin-top:0px;}

.search p {font-size:18px; color:#686868; font-weight:300; text-align:left;}

.search h3 {font-size:14px; color:#686868; font-weight:400;  text-align:left; line-height:0px; margin-top:25px;}

.search .btn-info {background-color:#33e672; border-color: #33e672; color: #ffffff; border-radius:100px; font-size:16px; font-weight:400; }
    
.search .btn-info i {font-weight:100; color:#b8de3f;} 

.search .info{ border-radius:100px; }  

.search .line{ border-bottom:solid #e0e0e0 0.5px;}

/*************************************Search Page Upper Footer Part************************************************************/

.find {width:100%; background-color:#000000;}
 
.find h1{ font-size:18px; color:#b1b2b2; font-weight:500; text-align:center; line-height:0px; padding-top:20px;}

.find h1 a{ font-size:18px; color:#b1b2b2; font-weight:500; text-align:center; line-height:0px; padding-top:20px; text-decoration:none;}

.find h1 a:hover{  color:#008ee5; }

.find h2{ font-size:18px; color:#008ee5; font-weight:300;  text-align:center; line-height:0px; padding-bottom:27px;}

.find h2 a{ font-size:18px; color:#008ee5; font-weight:300;  text-align:center; line-height:0px; padding-bottom:27px; text-decoration:none;}

.find h2 a:hover{ color:#ffffff;}   

 /*************************************Index  Page Main Header Part************************************************************/
    
.parallax {width:100%; position:relative; /*min-height:544px;*/ height:auto; background-attachment:fixed;}

.parallax_over {background-color: rgba(0, 142, 229, 0.8); height:100%; position:absolute; width:100%;}

 /*************************************Delete Button Hover ************************************************************/
 
.delete-button:hover {border-color:#f44b39 !important; color: #FFFFFF !important; background-color:#f44b39 !important;}

/*************************************Padding top 30px ************************************************************/
 
.padding-top-30 {padding-top: 30px !important;}

/*************************************Login error container ************************************************************/

.login-error-container {
    float: right;
    background-color: white;
    width: 400px;
    border-radius: 0 0 20px 20px;
    min-height: 30px;
	padding-bottom: 10px;
}

.login-error-container > span > ul > li {
    width: 340px !important;
    word-break: break-word;
}

.login-error-container > span {
    padding: 0 0 0 30px !important;
}

/*************************************Delete Dialog filename ************************************************************/
 
.delete-dialog-filename {font-weight: lighter !important; font-size:23px;}

/*************************************Image Delete Button ************************************************************/

.profileImageDeleteButton {
	position:relative !important;
	left: 135px;
	top:-170px;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	border: 1px solid #f44b39;
	background-color: #f44b39;
	cursor: pointer;
  }

  .profileImageDeleteButton:before {
	content:"\00d7";
	font-size: 25px;
	font-weight: bolder;
	color: white;
	position: relative;
	left: 4.5px;
	top: -2.5px;
	cursor: pointer;
  }

  .impactStoryImageDeleteButton {
	position:relative !important;
	left: -10px;
	top:-70px;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	border: 1px solid #f44b39;
	background-color: #f44b39;
	cursor: pointer;
  }

  .impactStoryImageDeleteButton:before {
	content:"\00d7";
	font-size: 25px;
	font-weight: bolder;
	color: white;
	position: relative;
	left: 4.5px;
	top: -2.5px;
	cursor: pointer;
  }

 /*************************************All Button Tooltip ************************************************************/

.tooltip-forward .pop {width:22px; height:22px; background-color:transparent; border:1px solid #33e672; display:inline-block; text-align:center; vertical-align:middle; border-radius:100%; line-height:18px; margin-top:10px; color:#33e672; font-size:18px;}

.tooltip-forward {
	position: absolute;
    /*position: relative;
    display: inline-block;
	float:left;
	margin-right:10px;*/
}

.tooltip-forward .tooltiptextforward {
    visibility: hidden;
    width:180px;
    background-color:#252527;
    color: #fff;
    text-align: left;
   border:1px solid #686868;
    padding: 10px;
    position: absolute;
    z-index: 999999;
    bottom: 90%;
    left: 50%;
    margin-left: -85px;
}
.tooltip-forward .tooltiptextforward a {color:#33e672;}

.tooltip-forward .tooltiptextforward::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip-forward:hover .tooltiptextforward {
    visibility: visible;
}

 /*************************************Lpgin Page Footer Part************************************************************/
.footer1 {width:100%; background-color:#008ee5; padding:13px 0px 13px 0px; /*position:fixed; bottom:0;*/}

.footer1 .left-box {float:left; width:50%; margin:5px 0px 5px 0px;}

.footer1 .left-box .round {text-align:center;}

.footer1 .left-box .round .img-responsive {margin:0 auto; text-align:center;}

.footer1 .left-box .round p {font-size:12px; color:#FFFFFF; margin:17px 0px 0px 0px;}

.footer1 .middle-box {text-align:center; margin:5px 0px 5px 0px;}

.footer1 .middle-box .round {text-align:center;}

.footer1 .middle-box .round .img-responsive {margin:0 auto; text-align:center;}

.footer1 .middle-box .round p {font-size:12px; color:#FFFFFF; margin:17px 0px 0px 0px;}

.footer1 .right-box {float:right; width:32%; margin:35px 0px 25px 0px;}

.footer1 .right-box .social {padding-left:10px; display:inline-block;}

.footer1 .right-box .social i {color:#FFFFFF; font-size:24px; padding-right:7px;}


 /*************************************Side Navigation Part************************************************************/

.sidenav-wrapper {
	display: block;
	position: absolute;
	height: 100%;
	z-index: 5000;
	transition: 0.3s;
	width: 320px;
	top: 0px;
	margin-left: -320px;
}

.sidenav { height: 100%;
	width: inherit;
	z-index:1;/*top:100px;*/left: 0;background-color: #012953;
	/*overflow-x: hidden;*/ transition: 0.5s; padding-top:0px;}

.sidenav a {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 20px;color: #b1b2b2; display: block; width:100%; transition: 0.3s;}

.sidenav .dash {margin-top:40px;}

.sidenav .dash a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 14px; color: #b1b2b2; display: block; transition: 0.3s;}

.sidenav a:hover, .offcanvas a:focus{color: #33e672;}

.sidenav .closebtn { /*position: absolute; top: 0; right: 25px;*/text-align:right; font-size: 30px; padding-right: 20px;}

/*************************************Dropdown Part************************************************************/
.demo select {
border: 0px !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
        appearance:none;
		background: #fff url(../images/down.jpg) no-repeat 100% center;
		width: 288px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #999999;
		border-radius: 0px;
		padding:10px 10px;
		font-size:14px;
		height:42px;
		
}
	
.demo2 select {
		border: 0px !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
        appearance:none;
		background: #fff url(../images/down.jpg) no-repeat 100% center;
		width: 300px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #999999;
		border-radius: 0px;
		padding:10px 10px;
		font-size:14px;
		height:42px;
		
}

.demo3 select {
		border: 0px !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
        appearance:none;
		background: #fff url(../images/down.jpg) no-repeat 100% center;
		width: 166px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #999999;
		border-radius: 0px;
		padding:10px 10px;
		font-size:14px;
		height:42px;
		
}	
.header3 .form-group .demo select {
		border: 0px !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
        appearance:none;
		background: #fff url(../images/down1.jpg) no-repeat 100% center;
		width: 288px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #999999;
		border-radius: 0px;
		padding:10px 10px;
		font-size:18px;
		height:62px;
		
}

.needs .form-group .demo4 select {
		border: 0px !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
        appearance:none;
		background: #fff url(../images/down1.jpg) no-repeat 100% center;
		width:100%; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #999999;
		border-radius: 0px;
		padding:10px 10px;
		font-size:18px;
		height:46px;
		
}

.header .form-group .demo5 select {
		border: 0px !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
        appearance:none;
		background: #fff url(../images/down1.jpg) no-repeat 100% center;
		width:100%; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #999999;
		border-radius: 0px;
		padding:10px 10px;
		font-size:18px;
		height:62px;
		
}



 /*************************************profit Page Image Hover Part************************************************************/

.replace { cursor: pointer; height:142px; position: relative; overflow: hidden; width:143px;margin-bottom:21px; float:left; margin-right:2px;}

.replace img { position: absolute;  left: 0;  -webkit-transition: all 300ms ease-out;  -moz-transition: all 300ms ease-out;  -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out;transition: all 300ms ease-out;}

.replace .overbox { background-color:rgba(0,142,229,0.7);  position: absolute; top: 0;  left: 0;  color: #fff;  z-index: 100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out;  -o-transition: all 300ms ease-out;-ms-transition: all 300ms ease-out; transition: all 300ms ease-out; opacity: 0; width:143px; height:142px;  padding:30px 20px 30px 20px;}

.replace:hover .overbox { opacity: 1; }

.replace .overtext {-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out;  -o-transition: all 300ms ease-out;  -ms-transition: all 300ms ease-out;  transition: all 300ms ease-out;  transform: translateY(40px);  -webkit-transform: translateY(40px);}

.replace .title {font-size: 2.5em;  text-transform: uppercase; opacity: 0; transition-delay: 0.1s; transition-duration: 0.2s; text-align:center;}

.replace:hover .title,

.replace:focus .title { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px);}

.replace .tagline { font-size:12px;  opacity: 0; transition-delay: 0.2s; transition-duration: 0.2s; text-align:center;  font-weight:600;}

.replace:hover .tagline,

.replace:focus .tagline {  opacity: 1; transform: translateX(0px);  -webkit-transform: translateX(0px);}




 /************************************* Donation History ************************************************************/

.donation-comment-trigger {
    padding: 10px;
}




 /************************************* Impact Stories ************************************************************/

.impact-stories h4 {
    margin: 25px 0;
    color: black;
    font-weight: bold;
}

.impact-stories h5 {
    font-weight: bold;
    margin: 20px 0 0 0;
}

.impact-stories textarea {
    margin: 8px 0 20px 0;
}

.left-divider {
    border-left: 1px solid #008ee5;
}

#dz-bulletin-image-trigger {
    margin: 0 10px 0 0;
}

#bulletin-image-delete-trigger {
    color: red;
    padding: 5px;
    cursor: pointer;
}



 /*************************************Responsive Media Query Part************************************************************/




@media only screen and (max-width:320px) {
.header {background-size:100% 100%;}

.header .logo {float:none; margin:10px 0px 10px 0px;}

.header .logo .img-responsive {text-align:center; margin:0 auto;}

.header p {margin:0px 0px 0px 0px; float:none; text-align:center;}

.header h1 {font-size:14px; text-align:left; line-height:24px;}

.header .form-control {margin: 10px 0px 0px -15px;}

.header3 {background-size:100% 100%;}
  
.header3 .logo {float:none; margin:10px 0px 10px 0px;}

.header3 .logo .img-responsive {text-align:center; margin:0 auto;}

.header3 p {margin:0px 0px 0px 0px; float:none; text-align:center;}

.header3 .form-group .demo select {width:100%!important; margin-top:10px;}

.header .form-group .demo5 select {width:100%!important; margin-top:10px;}

.header .btn-info {margin-bottom:10px;}

.header .form-control { margin: 10px 0 0;}
   
.footer .left-box {width:100%;}

.footer .right-box {width:100%; float:none!important; text-align:center;}

.footer1 .left-box {width:100%;}

.footer1 .right-box {width:100%; float:none!important; text-align:center;}

.we .box-left {width:100%; margin-top:10px;}

.we .box-right {width:100%; margin-top:10px;} 

.needs .input-box1 {width:100%; margin-right: 0;}

.needs .input-box2 {width:100%;}

.update .media-left, .media-right, .media-body {display: table-header-group;}

.update .media-body p {margin-top:10px;}

.profit .media-left, .media-right, .media-body {display: table-header-group;}

.profit .input-box2 {width:100%;}

.profit .input-box5 {width:100%; margin-left:0px; margin-right:0px;}

.profit .input-box3 {width:100%;}

.profit .input-box1 {width:100%;}

.profit .input-box4 {width:100%; margin-left:0px;}

.banner #talkbubble::before {right:43%;}

.monthly .media-left, .media-right, .media-body {display: table-header-group;}

.monthly .media-body p {margin-top:10px;}

.popup {width:100%; background: linear-gradient(180deg, black 50%, rgb(250, 249, 247) 50%);}

.august .box {width:100%; margin-bottom:20px;}

.header3 .form-control{ margin:7px 0 0 0px; font-size:18px; height:45px;}

.header3 .input-group-btn .btn-secondary { width:50px; height:50px; font-size:18px;}

.search h3{ font-size:13px; text-align:center;}

.search h1{ font-size:25px; text-align:center;}

.search h2 { font-size:18px; line-height:25px; text-align:center;}

.search p{ font-size:18px; line-height:35px; text-align:center!important; }

.search .info{ font-size:12px; text-align:center;}

.search .btn-info{ font-size:15px;}

img { margin:0 auto;}

.mission {margin-bottom:0px;}

.demo3 select {width:100%!important;}

.demo select {width:100%;}

.demo2 select {width:100%;}

.mission .media-left, .media-right, .media-body {display: table-header-group; text-align: center; vertical-align: top;}

.mission .input-box2 {margin-bottom:10px;}

.mission .input-lg {width:100%!important;}

.monthly .btn-lg, .btn-group-lg > .btn {float:none;}

.submit .box3 {margin-bottom:10px;}

.submit .btn-lg, .btn-group-lg > .btn {float:none;}

.submit .box4 {margin-bottom:10px;}

.profit .state .media {width:100%; float:none;}

.profit .state .media-left {width:100%; float:right;}

.profit .state .media .media-body {width:100%; float:right;}

.profit .state .media-heading {margin-top: 5px;}

.mission h2 {text-align:center;}

.mission .undo {text-align:center; width:100%;}

.mission .btn-info {float:none; text-align:center;}

.mission .save .btn-info {float:none; text-align:center; margin-top:10px; margin-bottom:10px;}

.footer1 {position:inherit;}
   
}

@media only screen and (min-width:320px) and (max-width:480px) {
.demo3 select {width:100%!important;}

.demo select {width:100%!important;}

.demo2 select {width:100%!important;}

.media-left, .media-right, .media-body {display: table-header-group; text-align: center; vertical-align: top;}

.mission .input-box2 {margin-bottom:10px;}

.mission .input-lg {width:100%!important;}

.monthly .btn-lg, .btn-group-lg > .btn {float:none;}

.submit .btn-lg, .btn-group-lg > .btn {float:none;}

.submit .box4 {margin-bottom:10px;}

.mission .undo {text-align:center; width:100%;}

.mission .btn-info {float:none; text-align:center;}

.mission .save .btn-info {float:none; text-align:center; margin-top:10px; margin-bottom:10px;}

.footer1 {position:inherit;}
}

@media only screen and (min-width:321px) and (max-width:480px) {
.header {background-size:100% 100%;}

.header .logo {float:none; margin:10px 0px 10px 0px;}

.header .logo .img-responsive {text-align:center; margin:0 auto;}

.header p {margin:0px 0px 0px 0px; float:none; text-align:center;}

.header h1 {font-size:14px; text-align:left; line-height:24px;}

.header .form-control {margin: 10px 0px 0px -15px;}

.header3 {background-size:100% 100%;}

.header3 .logo {float:none; margin:10px 0px 10px 0px;}

.header3 .logo .img-responsive {text-align:center; margin:0 auto;}

.header3 p {margin:0px 0px 0px 0px; float:none; text-align:center;}

.header3 .form-group .demo select {width:100%!important; margin-top:10px;}

.header .form-group .demo5 select {width:100%!important; margin-top:10px;}

.header .form-control { margin: 10px 0 0;}

.footer .left-box {width:100%;}

.footer .right-box {width:100%; float:none!important; text-align:center;}

.footer1 .left-box {width:100%;}

.footer1 .right-box {width:100%; float:none!important; text-align:center;}

.we .box-left {width:100%; margin-top:10px;}

.we .box-right {width:100%; margin-top:10px;}

.needs .input-box1 {width:100%; margin-right: 0;}

.needs .input-box2 {width:100%;}

.profit .media-left, .media-right, .media-body {display: table-header-group;}

.profit .input-box2 {width:100%;}

.profit .input-box5 {width:100%; margin-left:0px; margin-right:0px;}

.profit .input-box3 {width:100%;}

.profit .input-box1 {width:100%;}

.profit .input-box4 {width:100%; margin-left:0px;}

.update .media-left, .media-right, .media-body {display: table-header-group;}

.update .media-body p {margin-top:10px;}

.banner #talkbubble::before {right:43%;}

.monthly .media-left, .media-right, .media-body {display: table-header-group;}

.monthly .media-body p {margin-top:10px;}

.popup {width:100%; background: linear-gradient(180deg, black 50%, rgb(250, 249, 247) 50%);}

.august .box {width:100%; margin-bottom:20px;}

.header3 .form-control{ margin:7px 0 0 0px; font-size:18px; height:45px;}

.header3 .input-group-btn .btn-secondary { width:50px; height:50px; font-size:18px;}

.search h3{ font-size:13px; text-align:center;}

.search h1{ font-size:25px; text-align:center;}

.search h2 { font-size:18px; line-height:25px; text-align:center;}

.search p{ font-size:18px; line-height:35px; text-align:center!important; }

.search .info{ font-size:12px; text-align:center;}

.search .btn-info{ font-size:15px;}

img { margin:0 auto;}

.demo3 select {width:100%;}

.demo select {width:100%;}

.demo2 select {width:100%;}

.media-left, .media-right, .media-body {display: table-header-group; text-align: center; vertical-align: top;}

.mission .input-box2 {margin-bottom:10px;}

.mission .input-lg {width:100%!important;}

.monthly .btn-lg, .btn-group-lg > .btn {float:none;}

.submit .btn-lg, .btn-group-lg > .btn {float:none;}

.submit .box4 {margin-bottom:10px;}

.footer1 {position:inherit;}

}

@media only screen and (max-width:767px) {
.header {background-size:100% 100%;}

.header .input-group-btn {text-align: center;}

.header h3 {margin:20px 0px;}

.header .more {text-align:center;}

.header .logo {float:none; margin:10px 0px 10px 0px;}

.header .logo .img-responsive {text-align:center; margin:0 auto;}

.header p {margin:0px 0px 0px 0px; float:none; text-align:center;}

.header h1 {font-size:20px; text-align:center; line-height:24px;}

.header .form-control {margin: 10px 0px 0px -15px;}

.header3 {background-size:100% 100%;}

.header3 .logo {float:none; margin:10px 0px 10px 0px;}

.header3 .logo .img-responsive {text-align:center; margin:0 auto;}

.header3 p {margin:0px 0px 0px 0px; float:none; text-align:center;}

.header .form-group .demo5 select {width:100%!important; margin-top:10px;}

.header .form-control { margin: 10px 0 0;}

.header3 .form-group .demo select {width:100%!important; margin-top:10px;}

.footer .left-box {width:100%;}

.footer .right-box {width:100%; float:none!important; text-align:center;}

.footer1 .left-box {width:100%;}

.footer1 .right-box {width:100%; float:none!important; text-align:center;}

.we .box-left {width:100%; margin-top:10px;}

.we .box-right {width:100%; margin-top:10px;}

.we h1 {text-align:center;}

.we h4 {text-align:center;}

.popup {width:100%; background: linear-gradient(180deg, black 50%, rgb(250, 249, 247) 50%);}

.august .box {width:100%; margin-bottom:20px;}

.august .box p {text-align:center; font-size:13px;}

.header3 .form-control{ margin:7px 0 0 0px; font-size:18px; height:62px;}

.header3 .input-group-btn .btn-secondary { width:50px; height:50px; font-size:18px;}

.search h3{ font-size:13px; text-align:center;}

.search h1{ font-size:25px; text-align:center;}

.search h2 { font-size:18px; line-height:25px; text-align:center;}

.search p{ font-size:18px; line-height:35px; text-align:center!important; }

.search .info{ font-size:12px; text-align:center;}

.search .btn-info{ font-size:15px;}

img { margin:0 auto;}

.demo3 select {width:100%;}

.demo select {width:100%;}

.demo2 select {width:100%;}

.mission .undo {text-align:center; width:100%;}

.mission .btn-info {float:none; text-align:center;}

.mission .save .btn-info {float:none; text-align:center; margin-top:10px; margin-bottom:10px;}

.profit h1 {text-align:center;}

.mission h2 {text-align:center;}

.profit p {text-align:center;}

.profit .docs p {text-align:left;}

.needs h1 {text-align:center;}

.needs h2 {text-align:center;}

.monthly h1 {text-align:center;}

.your h3 {text-align:center;}

.your h1 {text-align:center;}

.your p {text-align:center;}

.your h4 {text-align:center;}

.submit h1 {text-align:center;}

.bg .form-control {margin-bottom:10px;}

.bg .form-group {margin-bottom:0px;}

.needs .input-box1 {width:100%;}

.needs .input-box2 {width:100%;}

.footer1 {position:inherit;}
}



@media only screen and (min-width:800px) and (max-width:480px) {
.header .form-control {margin: 10px 0px 0px -15px;}

.footer1 {position:inherit;}

}


@media only screen and (min-width:768px) and (max-width:1024px) {
.header {background-size:100% 100%;}

.header h1 {font-size:32px; text-align:left; line-height:50px;}

.header3 .form-group .demo select {width:100%!important; /*margin-top:10px;*/}

.header .form-group .demo5 select {width:100%!important; /*margin-top:10px;*/}

.header .form-control { /*margin:10px 0px 0px 0px; height:62px;*/}

.update h4 {font-size:58px;}

.update h5 {font-size:28px;}

.footer1 {position:inherit;}

.footer .right-box {width:55%;}

.footer1 .right-box {width:55%;}

.profit .input-box2 {width:45%;}

.profit .input-box1 {width:46%;}

.profit .docs p {font-size: 24px;}

.august .box {width:100%;}

.august p {font-size: 11px;}

.august p i {font-size: 12px; margin-left: 8px;}

img { margin:15px 0 0 0; }

.search h3{ font-size:13px; }

.search h1{ font-size:25px;}

.search h2 { font-size:14px; line-height:20px; }

.search p{ font-size:18px; line-height:35px; }

.search .info{ font-size:12px; }

.search .btn-info{ font-size:15px; margin-left:-8px;}

.header3 {background-size:100% 100%;}

.header3 .form-control{ margin:14px 0 0 0; height:54px;}

.demo3 select {width:100%!important;}

.demo select {width:100%!important; font-size:10px!important;}

.demo2 select {width:100%!important; font-size:10px!important;}
}

.no-resizing {
    resize:none;
}










@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 16px;}
}