/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
* vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
* files in this directory. Styles in this file should be added after the last require_* statement.
* It is generally better to create a new file per style scope.
*

 
*/


@import url('https://fonts.googleapis.com/css?family=Poppins:600,700,900');


.top-line .header-list li:hover,
.top-line .header-list li a:hover { box-shadow: none; color: #171d22; }

.top-line .header-list img {width:18px; margin-right: 10px; }

.top-line .header-list .right-col img {width:30px; margin-right: 10px; margin-left: 0px;}

 .top-line .header-list a{   margin-right: 20px;   }

 .top-line:after {  background: #e3e3e3; position: absolute; left: -200%; right: -200%; top: 0px; bottom: 0px; content: " "; z-index: -1; }  


.top-line { margin:0 auto;  width: 100%; border: none; max-width: 1170px;   position: relative;  }

 .start{
  padding:7px 15px; background: #fef30b; text-align: center;
   -webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;  text-transform: uppercase;
}
.login-text{
  color: #029bbf;
}
.explore { text-transform: uppercase; }

 .start img { margin: 0 -5px 0 15px; }

.sweet-loading {
  position: absolute;
  top: 86.5px;
  transform: translate(-50%, -50%);
  width: 100%;
}

.project-stat-list li { width: 24%; }

.top-line .right-col a { margin: 0px; font-weight: normal; width: 260px;  
  display: block; line-height:40px;  }

.top-line .right-col a.btm-border{
    border: 1px solid #ccc;
    padding-left: 15px;
    border-radius: 10px;
    position: relative;
    padding-right: 35px;
}

.comment-section {
    border: navajowhite;
    background: none;
    padding: 5px;
}

.top-line .right-col .success-story{
  text-align: right;
  padding: 0;
}
.top-line .right-col .success-story a{
  border: 1px solid #000;
  border-radius: 20px;
  padding: 0px 35px;
  margin: 0 17px 0 0;
  width: auto;
}
.app {
  min-height: 101vh;
  display: flex;
  flex-direction: column;
  z-index: 9;
  position: relative;
}


.all-projects-count { 
  margin: 3% 0 3% 10%;
  font-size: 20px;
}

.to-projects button {
  background-color: white;
  padding: 10px;
}

.to-projects button:hover {
  cursor: pointer;
  background-color: honeydew;
  transition: 0.5s;
}

.wimg{
  width: 30px;
}
.divicon{
  margin-left: 200px;
  
}
.featured-projects{
  font-size: 22px;
}

  
.explore{
 
  
  text-align: center;
}
.listtemmebers li{
  list-style: none;
}

.listtemmebers li img{
  max-width: 60px;
  margin: 0 15px 0 0;
}

.project-index-stats{
  background-color: skyblue;
  color: white;
}

.top-line .right-col a .menu-bar{
    position: absolute;
    top: 13px;
    width: 15px;
    right: 0px;
    background: transparent;
}
.top-line .right-col .success-story a {
    border: medium none;
    color: #029abf;display: inline-block;padding-left: 10px;
}
.top-line .right-col .success-story i {
    color: #029abf;
    font-size: 18px;vertical-align: middle;
    display: inline-block;
}


.start1{
 
}

.search{
width:30px;
}

.ccc{
  width:10px !important;
  height:200px;

}
.category-index-item{
  position: relative;
  text-align: center;
}


.gsdfg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.add {
    width: 29px;
    /* height: 33px; */
    margin-bottom: 22px;
    padding-left: 12px;
}

.fund{
  background-color: skyblue;
  border-radius: 10px;
}

 
.social-autocomplete li, .social-team-list li{
  list-style: none;
  padding-top: 3px;
  cursor: pointer;
}

.social-team-list li{
  float: left;
  padding-right: 17px;
}

.social-autocomplete li img, .social-team-list li img{
  max-width: 20px;
}
.social-autocomplete{
  margin-top: -10px;
}

.searchinfobox{
    display: block;
    border: 1px solid #ddd;
    padding: 0 10px 0px 10px;
    margin: 0 0 0 0;
    position: relative;
}
.social-close{
    float: left;
    display: block;
    position: relative;
    z-index: 9999;
    right: 84px;
    top: 18px;
    cursor: pointer;
}

.social-team-list{
  /*background: #ddd;
  border: 1px solid #ccc;
  padding: 5px;
  */
}
 
.social-autocomplete li input, 
.social-team-list li input{
    width: 18px;
    position: relative;
    left: -4px;
    top: 15px;
}


.top-line .explore { 
    border: 1px solid #fff;
    padding: 6px 20px;
    -webkit-border-radius: 40px;
    background: #fff;
    -moz-border-radius: 40px;
    border-radius: 10px; 
}


.header-list li {  margin: 0px; }

.project-index-stats .project-stat-list li.psl-left {
    background: #0284a4;width: 30%;
    background: -moz-linear-gradient(left, #0284a4 0%, #005b71 100%);
    background: -webkit-linear-gradient(left, #0284a4 0%,#005b71 100%);
    background: linear-gradient(to right, #0284a4 0%,#005b71 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0284a4', endColorstr='#005b71',GradientType=1 );
}


.project-index-stats { border: none; background: #fff; max-width: 1170px; margin:20px auto 5px auto;  }

.project-index-stats .project-stat-list li { border: none; text-align: left; font-size:18px; color: #000; -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.15);
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.15); background: #fff; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; width: 22%;}

.project-index-stats .project-stat-list li span { font-weight: normal !important; }

.project-index-stats .project-stat-list { margin: 0px; }

.recent-items h2 {   margin: 10px 0; height: 40px;   }
.spotlight-main h1.feature-text { font-size: 24px;  margin: 10px 0; height: 40px;  }

.spotlight-main h1.feature-text .days { float: right; color: #01a8ec; display: none; }

.spotlight-main {   max-width: 1170px; margin: auto;  }

.newest-container:hover { -webkit-transform: scale(1);

-moz-transform: scale(1);

-ms-transform: scale(1);

-o-transform: scale(1);

transform: scale(1); }

.newest-container .embed-text { background: #fff; bottom: 20px; left: 20px; right: 20px; font-size: 13px; display: block;  }

.spotlight-main .newest .pledge-button { position: absolute; top:325px; right:20px; z-index: 1; background-color: #3ddd3d; border: none; border-radius: 0; outline: none; }

.newest-container li.newest-text p { margin: 0px; }

.spotlight-main .newest li { position: relative; }

.spotlight-main  .newest .modal2 { right:-300px; width: 280px; top:410px;   }

.pledge-input { width: 150px; border: 1px solid #ccc; outline: none; margin: 7px; }

.newest-container .embed-text .modal2-div { padding: 0px; }

.newest-container .embed-text .pledge-input-box{ padding: 0 10px; margin:0; }

.newest-container .embed-text .pledge-input-box input { border: 1px solid #ccc; }

.newest-container .pledge-button { background: #3ddd3d; color: #fff; font-weight: bold; font-size: 16px !important; position: absolute; top:-50px; border: none; outline: none; right: 0px; 
  -webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius: 0px; width: 220px; box-shadow: none; } 


.project-index-stats .project-stat-list li.project_backers {
    background: url(backers-icon-1.png);
    background-repeat: no-repeat;    padding-left: 60px;
    background-position: left center;color: #737373;
}
.project-index-stats .project-stat-list li.funded_projects {
    background: url(funded-icon-2.png);
    background-repeat: no-repeat;    padding-left: 60px;
    background-position: left center;color: #737373;
}
.project-index-stats .project-stat-list li.live_projects {
    background: url(live-icon-3.png);
    background-repeat: no-repeat;    padding-left: 60px;
    background-position: left center;color: #737373;
}

.newest-image { border: none; }

.spotlight-main .newest-percentage { float: right; width:130px; }

.newest-container .embed-text {     flex-direction: row; padding:15px; }

.newest-container li.newest-text { float: left;   width: calc(100% - 130px); padding-right: 15px; }  


.newest-container .embed-text h3 { padding: 0px; margin: 0px; font-size:12px;  color: #818181; text-align: center;  }

.newest-container .embed-text .show-amount-raised { margin:10px 0; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 400; color: #000; }

.newest-container .embed-text .show-amount-raised .bb { color:#3ddd3d; font-weight:bold;  }

.newest-container .embed-text h1 { font-size: 20px; padding: 0px; margin: 0px;  font-family: 'Poppins', sans-serif; font-weight: 600; margin-bottom: 10px; } 

.recent-items h2{ 
    border: none;
    line-height: 40px;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    height: inherit;
    color: #029abf;
    text-align: left;
 }

.recent-items .recent{   }
.recent-text .text{ font-size: 14px; }

.recent-items .recent .recent-div { padding: 0px 0 0 30px; }

.recent-items .recent .recent-percentage  { display: inline-block;   font-size: 12px; padding: 2px 7px; margin-top: 5px;  }

.recent-items .recent .recent-title{ font-size:17px; text-transform: capitalize; }

.ProjectsDAY { float: left; width: 100%; margin-bottom: 20px;}

.recent-items{ float: left; width: 100%; margin: 0px; padding-left: 0px; }

.ProjectsDAY .newest-image {width: 100%; height: /*540px*/ 400px; }

.recent-items .recent-data li { border: none; }
.recent img { min-height: 100px; }

.project-index-stats .project-stat-list li.psl-left br {
  display: none;
}
.project-index-stats .project-stat-list li.psl-left span.psl-left {color: #e2e613;
    padding-left: 0px;
    float: left;
    width: auto;}
.project-index-stats .project-stat-list li.psl-left span {
    font-weight: 600 !important;
    color: #fff;
    width: calc(100% - 153px);
    float: right;
}
.project-index-stats .project-stat-list li .psl-total,
.project-index-stats .project-stat-list li .psl-fund,
.project-index-stats .project-stat-list li .psl-hhhh {display: block; font-size: 28px;   color: #009abf;    }

.newest-title h3 { color: #000; font-size: 12px; }

.spotlight-main .newest-percentage p { background: #01a8ec; color: #fff; display: block; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; width: 100%; padding:5px 7px; text-align: center;  vertical-align: top; }

.spotlight-main { border: none; }

.spotlight-blurb{ 
  background: #029abf; 

  color: #fff; 
}

.spotlight-blurb h1 { font-size: 32px; color: #fef30b;
    font-weight: 400; font-family: 'Poppins', sans-serif;  }

.spotlight-blurb p { margin: 60px 0 -100px -50px;  }

.main-page { display: block; }



.project-list { max-width:1200px; width: 100%; margin: auto;  }

.project-container1 { max-width: 100%; border: 1px solid #ccc;  }

.project-list li { width: 25%; padding:15px;  }

.project-list li .project-text { margin: 0px;padding-left: 0px;
    padding-right: 0px;
    padding-top: 15px; }

.project-list li .pledge-box{ border-top: medium none; display: inline-block; vertical-align: top; width: 100%; padding: 0px 0px 12px;  position: absolute; bottom: 0px; left: 0px; right: 0px;   }

.project-list li .percentage-bar-empty,
.project-list li .percentage-bar{ display: none !important; }

.recent-items .recent .recent-percentage,
.project-container1  .pledge-funding_goal{ float: left; 

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-weight: 600; font-family: 'Poppins', sans-serif;
 padding:2px 10px; font-size: 12px; background: #fff !important; border-width: 1px; border-style: solid; }

.project-container1 .pledged_amount{ float: right; margin:2px 0px; color: #808080 !important; font-size: 12px; font-weight:400; font-family: 'Poppins', sans-serif;  }

.project-container1 .pledged_amount .bb{ color: #029abf; }


.project-blurb{ text-align: center; font-size: 13px; }

.project-container1 span.project-blurb,
.project-container1  .project-title { display: block; clear: both; text-align: left; min-width: 100%; }


.project-list li .project-img { height:150px;  }

.project-list li .project-container1 { height: 100%; position: relative;    border: medium none;
padding-bottom: 35px; }

.index-categories-categories{ /*max-width: 1000px; width: 100%; margin: auto; margin-top:90px;*/display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;margin-top: 90px; }
.categories {
    min-width: inherit;
    max-width: 1000px;
    margin: 0px auto;
}
.index-categories-categories li.category-index-item { list-style: none; padding: 40px 0; border-bottom: 1px solid #dedede;  width: 100%; display: inline-block; }
.index-categories-categories li .list-project { display: flex;align-items: flex-end; }
.index-categories-categories li .list-project li { width:28%;   padding: 0 15px; list-style: none; margin: 0px;  }

.index-categories-categories .list-project li img { width: 100%; max-width: 100%; margin: 0px; object-fit: cover; object-position: left top; height:160px; }

.index-categories-categories .man-tittle{ text-align: left; font-size: 32px; color: #000; padding-bottom:35px; }

.index-categories-categories .man-tittle .divicon { margin: 0px 0 0 20px; color:#029bbf; font-size: 18px;  }

.index-categories-categories .man-tittle img { width: 35px; vertical-align:text-bottom; margin:0 10px 0 0; }

.index-categories-categories .projects-count {   font-size: 24px; text-transform: capitalize; }


.index-categories-categories li.category-index-item.split-category-div {
    -webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;
    padding: 0px 7px;vertical-align: top;
}
.index-categories-categories .man-tittle .split-category-img img {
    width: 100%;margin: 0px; height: 180px; object-fit: cover;
    max-width: 100%;
}
.split-category-img {
    position: relative;
}
.index-categories-categories .split-category-count {
    position: absolute;
    bottom: 15px;
    font-weight: 600;
    text-transform: uppercase;
    right: 10px;
    border-radius: 5px;
    color: #029abf;
    background: #fff;
    font-size: 13px;line-height: 15px;
    padding: 6px 13px;
}
.index-categories-categories h2.split-category-title {
    color: #717171;
    font-size: 20px;
    font-weight: 600;    margin-top: 10px;
}
.index-categories-categories h2.split-category-title a {
    color: #717171;
}
.split-category-main p.split-category-p {
    color: #717171;
    font-size: 14px;
    margin: 0px 0px 10px;
}
.index-categories-categories .split-category-main a.split-category-add {
    color: #717171;
    font-size: 15px;margin-left: 0px;
    text-transform: uppercase;
}
.index-categories-categories .split-category-main a.split-category-add img.add {
    padding-left: 0px;
    width: 20px;
}
.index-categories-categories .split-category-main a.split-category-add i {
  font-size: 22px;
  margin-right: 5px;
}


.category-show-image { border: none; }

.category-show-image + .project-index-stats.aa { background-color: #2ecdf5; -webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px; }

.category-show-image + .project-index-stats .project-stat-list li { box-shadow: none; background: transparent; color: #fff; }

.category-show-image + .project-index-stats .project-stat-list li span { color: #fff; }

.top-line { padding: 9px 15px; }


.category-show-image img { width: 100%; margin: 0px;  }

.category-show-div h1  { background: no-repeat; text-align: center; font-weight: 700; font-family: 'Poppins', sans-serif;  font-size:60px; color: #fff; bottom: auto; position: absolute; left: 0px; right: 0px; margin: 0px; }

.project-list li .pledge-end_date { margin: 0px; text-align: center; color: grey; font-size:11px; }

/* project details page */

.show-page { margin: auto; }

.featured-sections{ margin: auto 0px; border-top: 1px solid #ccc;
 padding: 40px 0; margin-top:40px; display: block; clear: both; }

.show-page.singl-categories { display: block; max-width: 1000px; padding: 0 15px; clear: both; }

.singl-categories .show-header{ margin: 30px 0;  }
.singl-categories .show-author-container { border: 1px solid #ccc; text-align: center; width: 25%; float: left; }

.singl-categories .show-author-container .show-author{ margin:0px; color:#029abf; font-weight: 600; font-size: 20px; font-family: 'Poppins', sans-serif;  padding: 15px; }

.singl-categories .show-author-container img { max-width: 150px; margin: 30px auto;  }


.singl-categories .show-header .header-description { width: 75%; padding-left: 30px; }
.singl-categories .show-header h2 {  font-weight: 600; text-transform: capitalize; font-size:30px; font-family: 'Poppins', sans-serif;  width: 100%; }

.show-blurbdd{ font-size: 18px; }

.singl-categories .show-pic-div img { width:100%; max-width: 100%;   }
.singl-categories .show-pic-div { margin-bottom: 25px; }

.show-description ul { list-style: none; padding:0 0 20px 0px; margin: 0px; width: 100%; display: inline-block; border-bottom: 1px solid #979797; }
.show-description ul li:nth-child(1) { font-weight: bold; } 
.df { float: left; list-style: none; margin: 0px; padding: 0px 10px 0 0;  }

.df img { margin-right: 10px; width: 22px;  }

.singl-categories .tabs .label { font-size: 18px; text-transform: capitalize; background: transparent; color: #979797; width: auto; padding:15px;  }

.singl-categories .tabs {  clear: both; width: 100%; margin-top:0; }

.singl-categories .tabs .panel { border-top:#979797 1px solid;  padding: 15px 0; margin: 0px; width: 100%; max-width: 100%; }

.singl-categories .tabs .panel p:empty,
.singl-categories .tabs .panel h1:empty { display: none; }



.singl-categories .show-pledge-stats .pledge-box { border: 1px solid #ccc;  text-align: center;  }

.singl-categories .show-container { display: block; }

.singl-categories .show-container .team-container { float: left; width: 40%; }



.singl-categories .show-container .show-pledge-container { float: right; margin: 0px; width:38%; margin-bottom: 50px; }
.singl-categories .show-container .show-description { width:60%; max-width: 100%; float: left; 
 padding-right: 40px; }

.singl-categories .project-team-section-right1 { border: none; border-bottom: 1px solid #ccc; border-radius: 0px; padding: 0 0 20px 0; }
.singl-categories .project-team-right-center { padding: 0px; width: 100%; }
.singl-categories .project-team-right-center h4 { margin: 0px; font-weight: bold; 
  color:#029abf;  }
.singl-categories .show-pledge-stats .pledge-input-box { margin-top: -60px; padding: 15px; }

.singl-categories .show-container h3  { font-weight: bold; color:#029abf; } 

/* top sliders */

.show-pic-div-secondary { float: right; width: 30%;  }
.show-pic-div-secondary img { width: 100%; height:185px; margin-top:30px; object-fit: cover; display: block; clear: both; }
.show-pic-div.show-slider-owl { float: left; width: 70%;  
 padding-right:30px; }

.singl-categories .desc-cont { white-space: pre-wrap; } 


.banner-pic-div { position: relative; } 

.show-pic-div.show-slider-owl .singl-categories .show-slider-owl,
.show-pic-div.show-slider-owl .owl-carousel { position: inherit; }

.singl-categories .show-header.show-project-details { clear: both; }

.singl-categories .show-pledge-stats .modal2 { width: 100%; }
.singl-categories .show-pledge-stats .pledge-box { position: relative; padding: 0 15px; }

.singl-categories .show-container .percentage-bar-empty { border: none; }

.singl-categories .show-pledge-stats .show-amount-raised { font-size: 14px; padding-top: 30px; color: #000; }

.singl-categories .show-pledge-stats .pledge-text-grey p { margin: 0px;display: inline-block; -webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px; color: #fff; background: #01a8ec; padding: 5px 20px; font-size: 18px; font-weight: 600; font-family: 'Poppins', sans-serif; text-transform: uppercase; }

.singl-categories .show-pledge-stats .pledge-text-grey p * {  font-size: 18px; font-weight: 600; font-family: 'Poppins', sans-serif; text-transform: uppercase; margin: 0px; padding: 0px; color: #fff !important; }

.singl-categories .show-pledge-stats p.pledge-text-grey { width: 50%; float: left; font-size: 14px; text-align: center; }

.singl-categories .show-pledge-stats .pledge-text-grey { margin: 20px 0; }

.singl-categories .show-pledge-stats .pledge-button { background: #3ddd3d; border: none; outline: none; text-transform: capitalize; font-weight: 600; font-family: 'Poppins', sans-serif; 
width: 100%; border-radius: 0;
 }

.rakesh .show-reward { width:100%; float: left; max-width: 100%; margin:20px 0; border: 1px solid #ccc !important; } 

.rakesh { display: block; clear: both; margin: 0 -15px; }

.rakesh .reward-btn{ 
 width: 150px; 
 height:40px; 
 line-height:40px; 
 background: #3ddd3d; 
 border: none; 

}

.rakesh a.reward-btn{
  padding-top: 0;
  margin-left: 10px;
  margin-top: -2px;
}

.singl-categories .show-pledge-stats .rakesh p.pledge-text-grey { width: 100%; }


.singl-categories .show-pledge-stats .show-amount-raised .bb { color: #3ddd3d; font-size: 24px; font-weight: 600; font-family: 'Poppins', sans-serif;   }

.singl-categories .show-pledge-stats .show-amount-raised .dd {  font-size: 24px;   }

.singl-categories .show-pledge-stats p.pledge-text-grey .gar{ color: #989898; font-size:18px; font-weight: 600; font-family: 'Poppins', sans-serif; display: block;clear: both;  }

.singl-categories .show-pledge-stats p.pledge-text-grey .ble  {  color: #01a8ec; font-size:18px; font-weight: 600; font-family: 'Poppins', sans-serif;  display: block;clear: both;  }

.singl-categories .show-pledge-stats p.pledge-text-grey .grn  {  color: #3ddd3d; font-size:18px; font-weight: 600; font-family: 'Poppins', sans-serif;  display: block;clear: both;  }


.main-page-video { position: relative; }
.main-page-video #logo-landing { top: -50px; }
 
 
.project-items .spotlight { background: #f9f7f8; padding-top: 30px; }

.tabs {
  display: flex;
  flex-wrap: wrap;
  max-width: 700px;
}
.input {
  position: absolute;
  opacity: 0;
}

.label {
  width: 100%;
  padding: 20px 30px;
  background: #e5e5e5;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #7f7f7f;
  width: 65px;
}

.label:hover {
  background: #d8d8d8;
}

.label:active {
  background: #ccc;
}

.input:focus + .label {

  z-index: 1;
}

.input:checked + .label {
  background: #fff;
  color: #2aa1c0;
}
.panel {
  display: none;
  padding: 20px 30px 30px;
  background: #fff;
}

@media (min-width: 600px) {
  .panel {
    order: 99;
  }
}

.input:checked + .label + .panel {
  display: block;
  box-shadow: none;
}

.recent-items .recent-data li img { max-height: 100px; max-width: 130px; }
.recent-items .recent-data   { margin-bottom:10px; }

.modal2-div { background: transparent; }
.spotlight-blurb { border: none; }


.modal3.is-open { z-index: 999; position: fixed !important; top:0 !important; background: rgb(0,0,0.2); top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; }

.modal3.is-open .pledge-input-box{ display: inline-block; }

.featured-projects{ padding-bottom:15px; font-size: 24px; }
.featured-sections .project-list { justify-content: left; width: auto; margin-left: -15px; margin-right: -15px; }
.recent-items .recent-data li { height: auto !important; }

.recent-items .recent .recent-title { white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.recent-items .recent .recent-div { width: 75%; }

 


@media (max-width:1199px) {

.featured-sections { margin:60px 0 0 0px; }

.index-categories-categories,
.show-page.singl-categories,
.project-list,
.spotlight-main,
.project-index-stats { max-width:960px; }

.recent-items .recent-data li { width: 100%; }

.recent-items .recent .recent-div { padding-left: 15px; }


.spotlight-main .newest .pledge-button { top: 320px; }
.spotlight-main .newest .modal2 { top: 380px; }

.spotlight-blurb h1 { font-size: 21px; }
.spotlight-blurb img { height: auto; width: 80px; }

.spotlight-blurb { padding: 0px; }


.singl-categories .show-author-container img { margin: 8px auto; }
.singl-categories .show-header h2 { margin-top: 0px; }

.rakesh .show-reward { width: 100%; margin-bottom:0px; }

.index-categories-categories { margin-top: 0px; }

	}


	@media (max-width:991px) {

.index-categories-categories,
.show-page.singl-categories,
.project-list,
.spotlight-main,
.project-index-stats { max-width:720px; }


.recent-items,
.ProjectsDAY {width: 100% !important; }

.recent-items{ padding: 0px; }

.newest-image { height: 537px; }
.spotlight-main .newest .modal2 { right: 10px; }

.project-list li { width: 33%; padding: 7px; }


.singl-categories .show-header h2{ font-size: 24px; }
.singl-categories .show-header .header-description { width: 100%; padding: 0px; }

.singl-categories .show-author-container{ margin: auto; }

.singl-categories .show-container .show-description { width: 100%; padding: 0px;  }
.singl-categories .tabs .label { margin: 0px; }

.singl-categories .show-container .show-pledge-container { float: none; display: block; clear: both; width:100%; max-width: 100%; } 

.show-pledge-stats { max-width: 100%; }

.rakesh .show-reward { width:48.8%;  }

.index-categories-categories .list-project li img { height: 140px; }
.index-categories-categories li .list-project li { padding: 0 7px; }

.index-categories-categories .man-tittle { font-size:18px; }

.category-show-div h1 { font-size: 36px; }

.rakesh .show-reward:nth-child(3) { clear: left;  }

}


	@media (max-width:767px) {

.index-categories-categories,
.show-page.singl-categories,
.project-list,
.spotlight-main,
.project-index-stats { max-width:95%; }

.spotlight-main .newest .pledge-button { position:relative; left: 0px; right: 0px;   top: 0px; margin: 0px 0 10px 0; }

.spotlight-main .newest-percentage,
.newest-container li.newest-text { width: 100%; float: none; clear: both; }

.newest-image { height: 300px; margin-bottom:200px; }
.newest-container .embed-text { left: 0px; right: 0px; bottom:0px; }

body .recent-items { width: 100% !important; }

.recent-items h2 { text-align: center; padding-top: 20px; }

.recent-items .recent-data li { height: auto; display: block; }
.recent-items .recent .recent-div { padding: 0px; }

.recent-items .recent-data li img { margin: auto; display: block; }

.project-list li { width: 100%; }


.singl-categories .show-header { width: 100%; display: block; }
.singl-categories .show-author-container { float: none; width: 280px; margin-bottom: 20px; }

.singl-categories .show-header h2 { font-size: 18px; }
.show-blurbdd { font-size: 14px }

.singl-categories .tabs .label { display: block; width: 100%; border-top: 1px solid #979797 !important; }

.show-description ul { border: none; }
.rakesh .show-reward { width:99%; }

.index-categories-categories li.category-index-item { padding: 20px 0; }

.index-categories-categories li .list-project li { width: 50%; float: left; padding: 5px; }

.index-categories-categories li .list-project { display: block; }
.index-categories-categories .man-tittle { padding-bottom: 15px; }

.index-categories-categories .projects-count { margin: 15px; font-size: 16px; float: left; }


.modal2.is-open,
.modal3.is-open { z-index: 999; position: fixed !important; top:0 !important; background: rgb(0,0,0.2); top: 0px; left: 0px !important; right: 0px !important; 
	bottom: 0px!important; width: 100%!important; display: flex; align-items: center; }


.modal2.is-open .pledge-input-box,
.modal3.is-open .pledge-input-box{ display: inline-block; }

.modal2-div { margin: auto; }

.recent-items .recent-data li img { max-width: 100%; width: 100%; max-height: 200px; }

.modal-form { top: 78px; }

.modal-search-list { padding: 10px; }

.category-show-image img { padding: 0px; height: 200px; }

}


.sweet-loading { margin: 0px !important; top:60px !important;  }


/* projectfunding#/projects */

.project-form .form-section { background: transparent; width: 100%; }

.project-form input,
.project-form select,
.project-form .form-description,
.project-form .form-control,
.project-form .form-image_url,
.project-form .form-blurb,
.project-form .form-title { padding: 12px; height: 40px; width: 400px; margin: 10px; border: 1px solid #ccc; border-radius: 0px; }

.project-form .form-end_date { padding: 0px;  }


.project-form label { width: 300px; }

.project-form .form-right-section label { width: auto; margin: 8px; }
.project-form .form-right-section input { width: auto; margin: 0px; }


.project-form .dropzone-div { border: 1px solid #ccc; display: flex; align-items: center; text-align: center; height: 200px !important; width: 400px; }

.project-form .form-submission{  background: #029bbf;
border: 1px solid #029bbf;
color: #fff;
height: 45px;
border-radius: 35px !important;
padding: 0 40px 0 40px;
text-transform: uppercase;
font-size: 16px;  }



#update textarea.form-description{ height: 100px; }

/* http://192.168.100.39/pages/projectfunding#/login */
.session-container .modal-login.is-open { z-index: 9999; top: 0px; left: 0px; right: 0px; bottom: 0px; position: fixed; background:rgba(0,0,0,0.5); }

.session-container .modal-login.is-open .login-form-container { width: 500px; }

.session-container .modal-login.is-open button { border: none; background: none; outline: none; -webkit-appearance: none;
-moz-appearance: none;
appearance: none; }

.session-container .modal-login.is-open .login-form-container .login-input { width: 100%; }




/*7 spt*/
.team-members-wraaper {
     width: 400px;
    margin-left: auto;
    margin-right: 102px;
}

.team-members-wraaper .social-team-list li {
      float: left;
    padding-right: 17px;
    display: flex;
    justify-content: flex-start;
    /* flex-wrap: wrap; */
    align-items: center;
    width: 50%;
    cursor: initial;
}

.team-members-wraaper .social-team-list li input {
    width: 12px;
    position: relative;
    left: -4px;
    display: inline-block;
    top: 10px;
    -webkit-appearance: none;
    border: navajowhite;
    cursor: pointer;
    margin-right: 3px;
    font-size: 18px;
 }

.team-members-wraaper .social-team-list li img{width: 30px; min-width: 30px; height: 30px; min-height: 30px; margin-right: 3px; border-radius: 100%; -webkit-border-radius: 100%;}
.social-autocomplete-wrapper {
  position: relative; 
  display: block; 
  clear: both;
   width: 400px;
    margin-right: 102px;
    margin-left: auto;
    margin-top: -12px;
}
.social-autocomplete-wrapper .searchinfobox {
    width: 400px;
    margin-left: auto;
    margin-right: 102px;
    position: absolute;
    top: 0;
    left: -2px;
    background: #fff;
    z-index: 1;
    padding-left: 15px;
  }
.social-autocomplete-wrapper i.social-close.fa {
    top: 10px;
    right: 16px;
    border-radius: 6px;
    padding: 5px 8px;
    background: #09bee9;
    border:1px solid #09bee9;
    color: #fff;
    cursor: pointer;
    position: absolute;
}
.social-autocomplete-wrapper .social-autocomplete {margin-top: 0;}
.social-autocomplete-wrapper i.social-close.fa:hover {
    background: transparent;
    color: #09bee9;

}

.social-autocomplete-wrapper  .social-autocomplete li img {
  width: 30px; height: 30px; min-width: 30px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; margin-right: 5px;
}

.social-autocomplete-wrapper .social-autocomplete li {display: flex; display: -webkit-flex; cursor: initial; justify-content: flex-start; align-items: center;}
.social-autocomplete-wrapper .social-autocomplete li input {top: 0; cursor: pointer;}

/* tooltip */

#update .tooltip { width:auto !important; left:80px !important;  top:50px !important;
  padding: 0px;  background: none !important; }
#update .tooltip-inner { max-width: 100% !important; text-align: left; }
#update .tooltip-arrow { display: none; }
#update .form-section { position: relative !important; }
#update .form-end_date, 
#update .form-description,
#update .form-funding_goal  {     font-size: 13px;
    line-height: 18px;
    color: #808080; }

.header-list li.start {
    font-weight: 600;position: relative;border-radius: 10px;color: green;
}


.project-items .spotlight .spotlight-blurb {
    display: block;background-repeat: no-repeat !important;
    background: url(pf-bg-banner.png);
    background-size: cover;position: relative;
}
.project-items .spotlight .spotlight-blurb-child {
    display: inline-block;
}
.project-items .spotlight .spotlight-blurb img {
    float: left;width: 180px;
    height: 180px;
    z-index: 9;
    position: relative;
}
.project-items .spotlight .spotlight-blurb h1 {
    font-size: 55px;
    z-index: 9;
    position: relative;
    font-weight: normal;
    width: calc(100% - 260px);
    font-family: inherit;
    float: left;margin: 38px 0px 15px 35px;
}
.project-items .spotlight .spotlight-blurb h2 {
    font-size: 30px;
    z-index: 9;
    position: relative;
    font-weight: 600;
    width: calc(100% - 260px);
    font-family: inherit;
    float: left;margin: 0px 0px 0px 35px;
}
.project-items .spotlight .spotlight-blurb:after {
    content: "";
    background: linear-gradient(to right, rgba(79, 133, 155, 0.8), rgba(6, 159, 197, 0.8));
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.limit-3-lines span.project-title {
    color: #029abf;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
    font-family: "poppinsbold";
}
.project-list li .project-text .limit-3-lines {
    display: block;
}
.project-list li .pledge-box p.pledge-funding_goal {
    display: none;
}
p.pledge-funding_ti {
    font-size: 13px;
    color: grey;float: left;
}
.project-list li .pledge-box .percentage-bar-empty {
    margin-top: -5px;display: block !important;
    border-top: 5px solid #efefef;
    opacity: 1;
}
.project-list li .pledge-box .percentage-bar {
    background: #fff200;clear: both;
    height: 5px;position: relative;display: block !important;
}
.project-img-top input.pledge-button {
    background: #fff200;
    color: #0a6a82;
    border-radius: 10px;
    left: 0px;
    margin: 0px auto;
    right: 0px;
    bottom: 10px;padding: 8px 0px 2px;
    position: absolute;
    font-weight: 600;
    max-width: 240px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;
    width: 100%;opacity: 0;visibility: hidden;
    font-size: 18px !important;
    border: 1px solid #fff200;
    text-transform: uppercase;
}
.project-list li .project-container1:hover .project-img-top input.pledge-button {
    opacity: 1;visibility: visible;
}
input.pledge-button:hover {
    color: #0a6a82;
    background-color: #fff200;
}
a.project-img-top {
    position: relative;
    text-align: center;
    height: 150px;    width: 100%;
    display: inline-block;
}
.project-container1 .pledged_amount img {
    width: 18px;
    margin-right: 6px;
}


.waste-top-bar .form-greeting {
    background: url(../assets/pf-form-banner.png);
    padding: 25px 0px;background-size: cover;
    background-repeat: no-repeat;
}
.form-greeting h2 {
    font-size: 55px;
    color: #fff;margin-bottom: 0px;
}
.form-greeting h3 {
    color: #fff;
    margin-top: 0px;
    margin-bottom: 25px;
}
.waste-top-bar .form-section {
    display: block;
}
.waste-top-bar .project-form {
    box-shadow: none;border: medium none;    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
}
.waste-top-bar .project-form h4 {
    color: #005b71;
    float: left;
    width: 100%;    margin-bottom: 0px;
    font-weight: 600;
}
.waste-top-bar .project-form label {
    margin-left: 0px;
    color: grey;
    width: 100%;font-size: 13px;
    margin-right: 0px;
    margin-bottom: 5px;
}
.waste-top-bar .form-section input {
    margin-left: 0px;width: 500px;
    border-radius: 5px;
}
.waste-top-bar .form-section p {
    color: #029abf;
    float: left;
    padding-right: 0px;
    width: 35%;
    margin-top: 7px;
    margin-bottom: 0px;
    text-align: left;
}
.waste-top-bar .project-form-container {
    width: 1080px;
}
.waste-top-bar .project-form h2 {
    text-align: left;
    color: #029abf;
    margin-top: 0px;
    width: 100%;
}
.project-information-top {
    width: 75%;
    float: left;
}
.project-information-right {
    width: 25%;
    float: left;
}
.project-form .project-information-right .dropzone-div {
    width: 100%;height: inherit !important;
    border: medium none;
    border-radius: 0px;
}
.project-form .project-information-right .dropzone-div .drop-text {
    background: #029abf;
    color: #fff;
    padding: 7px 15px;
    font-size: 13px;cursor: pointer;
    margin-top: 20px;
    border-radius: 10px;
    font-weight: 600;
    width: 100%;
}
.project-form .project-information-right .dropzone-div .drop-text i {
    margin-right: 10px;
}
.waste-top-bar .form-section.project-name input {
    width: 400px;float: left;
}
.waste-top-bar .form-section.short-description input {
    width: 700px;
}
.project-location {
    display: inline-block;
    width: 100%;    margin-top: 60px;
    margin-bottom: 25px;
}
.project-location .form-section {
    float: left;
    margin-right: 10px;
    width: 24.3%;
}
.project-location .form-section:last-child {
    margin-right: 0px;
}
.project-location .form-section input, .project-location .form-section select {
    width: 100%;
}
.project-location .form-section select {
    margin-left: 0px;border-radius: 10px;
}
.project-business-plan {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 20px;
}
.waste-top-bar .project-business-plan textarea.form-description {
    margin-left: 0px;
    margin-right: 0px;resize: none;
    width: 100%;border-radius: 10px;
    height: 200px !important;
}
.waste-top-bar .project-business-plan label {
    margin-left: 0px;
    color: #005b71;
    font-size: 18px;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 5px;
}
.project-team-section {
    width: 100%;    margin-bottom: 50px;
    display: inline-block;
}
.project-funding-section .form-section {
    float: left;
    margin-right: 10px;
    width: 24.3%;
}
.project-funding-section .form-section.form-funding-goal {
    margin-right: 0px;
}
.project-funding-section .form-section input, .project-funding-section .form-section select {
    width: 100%;
}
.project-funding-section .form-section select {
    margin-left: 0px;border-radius: 10px;
}
.project-funding-section .form-section.form-funding-goal label {
    color: #029abf;
}
.project-funding-section .form-section input.form-end_date {
    padding-left: 10px;
    padding-right: 10px;
}
.project-funding-section .form-section.form-funding-goal input.form-funding_goal {
    color: #029abf !important;
    font-size: 16px !important;
}
.project-funding-section .form-section.form-funding-goal input.form-funding_goal::-webkit-input-placeholder {
  color: #029abf !important;
}
.project-funding-section .form-section.form-funding-goal input.form-funding_goal::-moz-placeholder {
  color: #029abf !important;
}
.project-funding-section .form-section.form-funding-goal input.form-funding_goal:-ms-input-placeholder {
  color: #029abf !important;
}
.project-funding-section .form-section.form-funding-goal input.form-funding_goal:-moz-placeholder {
  color: #029abf !important;
}
.form-submit-bottom {
    display: inline-block;
    padding-top: 15px;
    width: 100%;
    border-top: 1px solid grey;
    margin-top: 60px;
}
.form-submit-bottom label {
    float: left;
    width: 50% !important;
}
.form-submit-bottom input.form-submission {
    float: right;
    width: 45%;
    font-weight: 600;
    border-radius: 5px !important;
    font-size: 20px;
    color: #005b71;
    margin-left: 0px;
    margin-right: 0px;
    background: #fef30b;
    border: 1px solid #fef30b;
}
.form-submit-bottom label input.form-blurb {
    width: 30px;
    vertical-align: middle;
    border-radius: 20px;
    margin-left: 0px;
}
.project-information-right .form-pic-inputs {
    padding: 15px 20px;
    border: 1px dashed #029abf;
    border-radius: 10px;
}
.project-information-right .form-pic-inputs p {
    width: 100%;
    margin-top: 20px;
    color: grey;
    text-align: center;
}
.form-pic-inputs-inner {
    text-align: center;
}
.form-pic-inputs-inner img {
    width: 110px;
}
.project-drop-main {
    background: #e4f4f8;margin-bottom: 15px;
    padding: 25px;display: inline-block;width: 100%;
    border-radius: 10px;margin-top: 30px;
}
.project-drop-main img {
    float: left;
    width: 75px;
}
.project-drop-inner {
    float: left;
    width: 65%;
    padding-left: 25px;
}
.waste-top-bar .project-form .project-drop-inner h4 {
    color: #029abf;
    font-weight: 500;    margin-bottom: 8px;
    font-size: 20px;margin-top: 0px;
}
.project-drop-inner-right span.project-span {
    width: 50%;
    display: inline-block;
    font-size: 14px;
    color: grey;
}
.project-drop-inner-right {
    clear: both;
}
.project-drop-main .dropzone-div {
    width: 285px;
    float: right;
    border: medium none;
    height: inherit !important;
}
.project-drop-main .dropzone-div .drop-text {
    background: #029abf;
    color: #fff;
    padding: 11px 15px;
    font-size: 13px;
    cursor: pointer;
    margin-top: 9px;
    border-radius: 10px;
    font-weight: 600;
    width: 100%;
}
.project-drop-main .dropzone-div .drop-text i {
    margin-right: 10px;
}
.multiple-images-upload {
    display: inline-block;
    width: 100%;
}
.waste-top-bar .project-form .multiple-images-upload label {
    width: 80px !important;font-size: 12px;
    float: left;    margin-top: 10px;
    vertical-align: middle;
}
.waste-top-bar .project-form .multiple-images-upload label input.form-blurb {
    margin: 0px;
    vertical-align: bottom;
    width: 18px;
    height: 18px;
    margin-right: 7px;
}
.waste-top-bar .project-form .multiImageuploader img {
    max-width: 100%;
    width: 100%;
    height: 90px;object-fit: cover;
}
.waste-top-bar .project-form .multiImageuploader .rmimg {
    background: #fff;
    display: inline-block;
    padding: 0px 7px 0px 5px;
    text-align: center;
    color: #000;
    cursor: pointer;
    border: 1px solid #000;
    line-height: 23px;
    width: 23px;float: right;
    margin: 7px 0px 0px;
    border-radius: 5px;
    height: 23px;
}
.waste-top-bar .project-form .multiImageuploader .upload-img-wrapper {
    float: left;
    width: 12%;
    margin-right: 10px;
}
.project-team-section-left1 {
    clear: both;
    float: left;
    width: 50%;
}

.project-team-section-left1 input.form-blurb {
    float: left;
    width: 32%;
}
.project-team-section-left1 input.form-blurb:nth-child(3n + 3) {
    margin-right: 0px;
}
.project-team-section-left1 input.form-blurb:last-child {
    background: #029abf;
    border: 1px solid #029abf;
    color: #fff;
    padding-top: 11px;
    font-size: 14px;
    padding-left: 0px;
    font-weight: 600;
    padding-right: 0px;
}
.project-team-section-right {
    float: right;
    width: 50%;
    padding-left: 50px;
}
.project-team-section-right1 {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 20px;    display: inline-block;
    width: 100%;margin-bottom: 10px;
}
.project-team-right-bar {
    float: left;margin-top: 16px;
}
.project-team-right-center {
    float: left;width: 90%;
    padding-left: 20px;
    padding-right: 20px;
}
.project-team-right-close {
    float: right;margin-top: 13px;
}
.project-team-right-bar i {
    font-size: 20px;
    color: #9c9c9c;
}
.project-team-right-close i {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #9c9c9c;
    color: #9c9c9c;
    text-align: center;
    line-height: 24px;
}
.project-team-right-center img {
    float: left;
    width: 50px;
    margin-right: 15px;
    height: 50px;object-fit: cover;
    border-radius: 50%;
}
.project-team-right-title {
    width: calc(100% - 65px);
    float: left;
}
.waste-top-bar .project-form .project-team-right-title h4 {
    margin-top: 0px;margin-bottom: 6px;
}
.waste-top-bar .project-form .project-team-right-title span {
    color: grey;
    font-size: 14px;
}
.project-team-section-left1 .dropzone-div {
    float: left;margin-top: 10px;margin-bottom: 10px;
    width: 32%;height: inherit !important;
    margin-right: 10px;    border-radius: 10px;
}
.project-team-section-left1 .dropzone-div .drop-text {
    padding: 5px 5px;
    color: #029abf;
    width: 128px;font-weight: 600;
    line-height: 15px;
    font-size: 12px;
    height: 40px;
}
.project-team-section-left1 .dropzone-div .drop-text i {
    margin-right: 10px;vertical-align: middle;
}
.project-team-section-left1 .dropzone-div .form-pic-inputs-inner img {
    width: 35px;height: 35px;
    border-radius: 50%;
}
.project-team-section-left1 .dropzone-div .form-pic-inputs-inner {
    margin-left: 10px;
}
.waste-top-bar .form-section.short-description {
    clear: both;
}
.last-year-data{
  display: none;
}

button.btn-update-form {
    background: #029abf;
    border: 1px solid #029abf;
    color: #fff;
    border-radius: 15px;
    font-size: 18px;
    padding: 10px 20px;
}
button.btn-update-form:hover {
    background: #029abf;
    border: 1px solid #029abf;
    color: #fff;
}
button.btn-create-form {
    background: #fef30b;
    border: 1px solid #fef30b;
    color: #005b71;
    border-radius: 15px;
    font-size: 18px;
    padding: 10px 20px;
}
button.btn-create-form:hover {
    background: #fef30b;
    border: 1px solid #fef30b;
    color: #005b71;
}
.project-items .project-list {
    justify-content: left;
}
.ProjectsDAY .newest-container {
    box-shadow: none;
    border: medium none;
}
.ProjectsDAY .newest-container .embed-text {
    background: #fff;
    bottom: auto;
    left: auto;
    position: absolute;
    padding: 20px 35px;
    right: 20px;
    height: 90%;    width: 35%;
    font-size: 13px;
    display: block;
    top: 20px;
}
.ProjectsDAY .newest-container li.newest-text {
    float: left;
    width: 100%;
    padding-right: 0px;
}
.spotlight-main .ProjectsDAY .newest-percentage {
    float: left;
    width: 100%;
}
.ProjectsDAY .newest-container .embed-text h1 {
    font-size: 30px;
    color: #005c72;
    padding-bottom: 5px;
    text-transform: capitalize;
    border-bottom: 1px solid #01a8ec;
}
.ProjectsDAY .newest-container li.newest-text p {
    color: grey;
}
.spotlight-main .ProjectsDAY .newest .pledge-button {
    position: absolute;
    top: auto;
    right: 55px;
    width: 340px;
    bottom: 40px;
    z-index: 1;
    background-color: #fff200;
    border: none;
    color: #0a6a82;
    text-transform: capitalize;
    font-weight: 600;
    border-radius: 10px;
    outline: none;
}
.spotlight-main .ProjectsDAY .newest-percentage p.pledge-funding_ti {
    background: transparent;
    font-size: 13px;
    color: grey;
    padding: 0px;
    float: left;
    text-transform: uppercase;
    width: auto;
    margin: 0px;
}
.ProjectsDAY .newest-container .embed-text .show-amount-raised {
    margin: 0px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #808080 !important;
    float: right;
}
.ProjectsDAY .newest-container .embed-text .show-amount-raised img {
    width: 18px;
    margin-right: 6px;
}
.ProjectsDAY .newest-container .embed-text .show-amount-raised .bb {
    color: #029abf;
}
.ProjectsDAY .newest-container li.newest-text li.newest-title {
    float: left;
    margin: 15px 0px 15px;
}
.ProjectsDAY .newest-container li.newest-text li.newest-title h3 {
    color: red;
    text-transform: uppercase;
}
.recent-items .recent .recent-data {
    float: left;
    width: 100%;margin-bottom: 0px;
    position: relative;
    margin-right: 15px;
}
.recent-items .recent .recent-data:nth-child(3n + 3) {
    margin-right: 0px;
}
.recent-items .recent .recent-data li {
    width: 100%;display: inline-block;
}
.recent-items .recent .recent-data a {
    width: 100%;
}
.recent-items .recent .recent-data li .recent-img {
    width: 100%;
}
.recent-items .recent .recent-data li .recent-img img {
    max-width: 100%;
    height: 180px;
    max-height: 180px;
}
.recent-items .recent .recent-data li .recent-div {
    width: 100%;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(12, 50, 60, 0.2);
    right: 0px;
    bottom: 0px;
    height: 180px;
}
.recent-items .recent .recent-data li .recent-div .recent-text {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 15px;
}
.recent-items .recent .recent-data li .recent-div .recent-text .recent-title {
    color: #fff;text-transform: capitalize;
    font-weight: 600;
}
.recent-items .recent .recent-data li .recent-div .recent-text .text {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
}
.slider-price-right {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 15px 15px 0px 0px;
}
.slider-price-right .bb {
    color: #fff200;
}
.slider-price-right span.dd {
    color: #fff;
    font-weight: 600;
}
.project-box-top {
    clear: both;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}
.project-box-top .percentage-bar {
    z-index: 99;position: relative;
    height: 5px;max-width: 100%;
    background: #fff200;
}
.project-box-top .percentage-bar-empty {
    margin-top: -5px;
    border-top: 5px solid grey;
    max-width: 100%;
    width: 100%;
    opacity: 0.3;
}
.app .modal.is-open {
    z-index: 9999;
}
.app .modal-search-list {
    display: flex;
    align-items: center;
    width: 100%;
}
.recent-items .recent .owl-dots {
    display: none;
}
.recent-items .recent.owl-carousel .owl-nav button.owl-prev {
    background: #e0e0e0;
    width: 40px;
    height: 40px;
    font-size: 25px;
    position: absolute;
    line-height: 40px;
    border-radius: 50%;
    top: 40%;
    left: -50px;
}
.recent-items .recent.owl-carousel .owl-nav button.owl-next {
    background: #e0e0e0;
    width: 40px;
    height: 40px;
    font-size: 25px;
    position: absolute;
    line-height: 40px;
    border-radius: 50%;
    top: 40%;
    right: -50px;
}
.recent-items .recent .owl-stage-outer {
    margin-top: -20px;
}
.recent-items .recent.owl-carousel .owl-nav button.owl-prev:after {
    content: "\f104";
    font-family: 'FontAwesome';
}
.recent-items .recent.owl-carousel .owl-nav button.owl-next:after {
    content: "\f105";
    font-family: 'FontAwesome';
}
.recent-items .recent.owl-carousel .owl-nav button.owl-prev span {
    display: none;
}
.recent-items .recent.owl-carousel .owl-nav button.owl-next span {
    display: none;
}

.singl-categories .show-header.show-project-details .header-description {
    width: 60%;
    float: left;
    padding-left: 0px;
    padding-right: 10px;
}
.singl-categories .show-header.show-project-details {
    border: 1px solid #ccc;
    padding: 20px;margin-top: 0px;
}
.singl-categories .show-header.show-project-details h2 {
    color: #005b71;font-size: 25px;margin-bottom: 20px;
    margin-top: 0px;
}
.singl-categories .show-header.show-project-details .show-user-edit {
    padding-left: 0px;
    margin-bottom: 15px;
}
.singl-categories .show-project-details .delete-btn {
    background-color: #029abf;
    margin-right: 10px;
    font-size: 16px;
    width: 80px;
    text-align: center;
    height: 30px;
    border: 1px solid #029abf;
}
.singl-categories .show-project-details .update-btn {
    color: green;
    background-color: #fef30b;
    width: 80px;
    font-size: 16px;
    text-align: center;
    height: 30px;
    border: 1px solid #fef30b;
}
.singl-categories .show-project-details .show-blurbdd {
    font-size: 14px;
    color: grey;
}
.singl-categories .show-project-details ul {
    display: inline-block;
    margin-top: 40px;
}
.singl-categories .show-project-details ul li, .singl-categories .show-project-details ul li a {
    color: grey;
}
.singl-categories .show-project-details ul li i {
    color: #029abf;
    font-size: 18px;
    width: 16px;
    margin-right: 10px;
}
.singl-categories .show-header.show-project-details .show-pledge-stats {
    float: right;
    width: 40%;
    max-width: inherit;
    max-height: inherit;
}
.singl-categories .show-project-details .show-pledge-stats .pledge-box {
    border: medium none;
    padding: 0px;
}
.singl-categories .show-project-details .show-pledge-stats .pledge-box .pledge-text-grey {
    margin: 0px;
    float: left;
    text-transform: uppercase;
    color: grey;
    width: 50%;
    text-align: left;
}
.singl-categories .show-project-details .show-pledge-stats .pledge-box .pledge-text-grey.project-done-date {
    margin: 0px;
    float: left;
    text-transform: uppercase;
    color: grey;
    width: 50%;
    text-align: right;
}
.singl-categories .show-project-details .show-pledge-stats .pledge-box .pledge-text-grey.project-done-text p {
    background: transparent;
    color: #005b71 !important;
    font-size: 35px;padding-top: 0px;
    padding-left: 0px;
    text-transform: capitalize;
    font-weight: 500;font-family: 'Open Sans', sans-serif;
}
.singl-categories .show-project-details .show-pledge-stats .pledge-box .pledge-text-grey.project-done-text p span {
    background: transparent;
    color: #005b71 !important;
    font-size: 35px !important;
    text-transform: capitalize;
    font-weight: 500;font-family: 'Open Sans', sans-serif;
}
.singl-categories .show-project-details .show-pledge-stats .pledge-button {
    background: #fff200;
    color: #0a6a82;    margin-top: 20px;
    border-radius: 10px;
}
.singl-categories .show-project-details .show-pledge-stats .pledge-box .pledge-text-grey.project-done-date b.gar {
    color: #e23f3f;
    font-size: 14px;margin-top: 10px;
}
.singl-categories .show-project-details .show-pledge-stats .pledge-box .pledge-text-grey.project-done-date span.ble {
    color: #e23f3f;
    font-size: 14px;
}
.singl-categories .show-project-details .show-pledge-stats .pledge-box .pledge-box-project-details {
    display: inline-block;
    width: 100%;margin-bottom: 20px;
}
.singl-categories .show-project-details .show-pledge-stats .pledge-box .percentage-bar {
    background: #fff200;
    clear: both;
    height: 5px;
    position: relative;
    display: block !important;
}
.singl-categories .show-project-details .show-pledge-stats .pledge-box .percentage-bar-empty {
    margin-top: -5px;
    border-top: 5px solid grey;
    max-width: 100%;
    width: 100%;
    opacity: 0.3;
}
.singl-categories .show-pledge-stats .project-top-prices p.show-amount-raised {
    float: left;
    font-size: 13px;
    margin-bottom: 0px;
    color: grey;padding-top: 0px;
}
.singl-categories .show-pledge-stats .project-top-prices .pledged_amount {
    float: right;
    margin: 2px 0px;
    color: #808080 !important;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.singl-categories .show-pledge-stats .project-top-prices .pledged_amount img {
    width: 20px;
    margin-right: 10px;
}
.singl-categories .show-pledge-stats .project-top-prices .pledged_amount .bb {
    color: #029abf;
}
.singl-categories .show-pledge-stats .project-top-prices .pledged_amount span {
    color: #808080;
}
.singl-categories .show-pledge-stats .project-top-prices {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.singl-categories .show-slider-owl {
    margin-top: 30px;
    position: relative;
}
.show-slider-owl .img-slider-item img {
    height: 400px;
    object-fit: cover;
}
.show-slider-owl .owl-dots {
    display: none;
}

.show-slider-owl .owl-carousel .owl-nav button.owl-prev {
    background: #e0e0e0;
    width: 40px;
    height: 40px;
    font-size: 25px;
    position: absolute;
    line-height: 40px;
    border-radius: 50%;
    top: 27%;right: auto;left: 15px;
}
.show-slider-owl .owl-carousel .owl-nav button.owl-prev span {
    display: none;
}
.show-slider-owl .owl-carousel .owl-nav button.owl-prev:after {
    content: "\f104";
    font-family: 'FontAwesome';
}
.show-slider-owl .owl-carousel .owl-nav button.owl-next {
    background: #e0e0e0;
    width: 40px;
    height: 40px;
    font-size: 25px;
    position: absolute;
    line-height: 40px;
    border-radius: 50%;
    top: 27%;right: 15px;
}
.show-slider-owl .owl-carousel .owl-nav button.owl-next span {
    display: none;
}
.show-slider-owl .owl-carousel .owl-nav button.owl-next:after {
    content: "\f105";
    font-family: 'FontAwesome';
}
.show-slider-owl .sliders-wraaper .owl-nav {
    bottom: 5%;
}
.featured-sections .featured-projects {
    color: #005b71;
    font-weight: 600;
}
.testimonials-sections {
    display: inline-block;
    clear: both;
    width: 100%;
    position: relative;
    margin-top: 50px;
}
.testimonials-sections h4.testimonials-title {
    text-align: center;
    font-size: 24px;    margin-bottom: 40px;
    font-weight: 600;
    color: #005b71;
}
.testimonials-item {
    background: #f9f9f9;
    border-radius: 5px;
    padding: 30px;width: 100%;
    text-align: center;display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}
.testimonials-item h6 {
    color: #005b71;
    font-size: 16px;
    margin: 0px 0px 25px;
    font-weight: 600;
    text-transform: capitalize;
}
.testimonials-item p {
    color: #000;flex-grow: 1; 
    font-size: 14px;
}
.testimonials-list-author {
    margin-top: 25px;
    display: flex;justify-content: center;
}
.testimonials-list-author img {
    width: 50px !important;
    float: left;
    border-radius: 50%;
    margin-right: 15px;
    height: 50px;
}
.testimonials-list-author span {
    font-size: 18px;
    color: #029abf;text-transform: capitalize;
    margin-top: 12px;
    float: left;
    font-weight: 600;
    vertical-align: middle;
}
.testimonials-list .owl-nav {
    margin-top: 20px;
    text-align: center;
}
.testimonials-list .owl-nav button.owl-prev span, .testimonials-list .owl-nav button.owl-next span {
    font-size: 40px;
    line-height: 20px;
}
#kickstart-project .featured-sections {
    border-top: medium none;
}
.testimonials-list .owl-nav button.owl-prev {
    margin-right: 40px;
}
.popup-project-btn {
    text-align: center;
    display: block;
    width: 100%;
    margin: 0px auto;
    max-width: 50%;
}
.message-popup input#confirm_btn {
    margin-left: 0px;
}
.message-popup-project .new-message-wrapper label {
    text-align: center;
}
.message-popup-project .support_project_dollar {
    text-align: center;
}
#testimonialProjectFunding .popup-project-btn {
    max-width: 100%;
}
.project-items .spotlight .spotlight-blurb-child {
    display: flow-root;
    margin: 0px auto;
    text-align: center;
    max-width: 1110px;
}
.testimonials-list.owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}
.testimonials-list.owl-carousel .owl-stage {
    display: flex;
}


@media (max-width: 767px) {
.show-slider-owl .owl-carousel .owl-nav button.owl-next {
    top: 45px;
    right: 15px;
}
.show-slider-owl .owl-carousel .owl-nav button.owl-prev {
    top: 45px;
}
.project-items .spotlight .spotlight-blurb-child {
    display: inline-block;
    max-width: 100%;
}
.popup-project-btn {
    max-width: 79%;
}
.testimonials-sections {
    width: 100%;
    left: inherit;
}
#kickstart-project .modal-dropdown {
  display: none !important;
}
#kickstart-project .top-line {
    display: block;
}
#kickstart-project .right-col .header-list {
    display: block;
}
#kickstart-project .left-col .header-list {
    display: block;    margin-bottom: 0px;
}
#kickstart-project .left-col {
    margin-top: 15px;
}
#kickstart-project .center-logo {
    display: none;
}
#kickstart-project .h-menu-close {
    display: none;
}
#kickstart-project .right-col .header-list li.success-story {
    text-align: center;
}
#kickstart-project .right-col .header-list li.success-story a {
    padding-right: 10px;
    margin-right: 0px;
}    
.header-list li a.btm-border {
    margin: 0px auto;
}
#kickstart-project .right-col {
    margin-top: -10px;
}
.header_height {
    min-height: inherit !important;
}
.project-index-stats {
    display: block;margin-top: 30px;
}
.project-index-stats .project-stat-list {
    display: inline-block;
}
.project-index-stats .project-stat-list li.psl-left {
    width: 100%;
    height: 85px;
    padding-top: 10px;
}
.project-index-stats .project-stat-list li.psl-left span.psl-left {
    width: 100%;height: 35px;
    text-align: center;
}
.project-index-stats .project-stat-list li.psl-left span {
    width: 100%;
    float: left;
    text-align: center;
}
.project-index-stats .project-stat-list li {
    width: 100%;
    margin-bottom: 20px;
}
.index-categories-categories li.category-index-item.split-category-div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;margin-bottom: 20px;
    max-width: 100%;padding: 0px;
}
.categories {
    margin-top: 25px;
}
.index-categories-categories .man-tittle .split-category-img img {
    display: block;
}
.index-categories-categories .split-category-count {
  margin: 0px;line-height: 20px;
    padding: 6px 13px 3px
}
.ProjectsDAY .newest-image {
    background-size: inherit !important;height: 330px;
}
.project-items .spotlight .spotlight-blurb img {
    float: none;
    width: 100%;
    display: block;
    max-width: 180px;
    margin: 30px auto 0px;
}
.project-items .spotlight .spotlight-blurb h1 {
    font-size: 30px;
    width: auto;
    margin: 15px 15px 15px 15px;
}
.project-items .spotlight .spotlight-blurb h2 {
    font-size: 20px;
    width: auto;text-align: center;
    margin: 0px 15px 20px 15px;
}
.waste-top-bar .form-greeting {
    padding: 25px 15px;
}
.form-greeting h2 {
    font-size: 35px;margin-top: 15px;
}
.form-greeting h3 {
    font-size: 18px;
    margin-bottom: 15px;
}
.waste-top-bar .project-form {
    padding-left: 15px;display: inline-block;width: 100%;
    padding-right: 15px;margin-top: 15px;
}
.waste-top-bar .project-form h2 {
    font-size: 24px;
    margin-bottom: 0px;
}
.waste-top-bar .project-form h4 {
    font-size: 15px;
}
.project-information-top {
    width: 100%;
}
.waste-top-bar .project-form-container {
    width: 100%;
}
.waste-top-bar .form-section.project-name input, .waste-top-bar .form-section.short-description input {
    width: 100%;
}
.waste-top-bar .form-section p {
    width: 100%;
}
.project-information-right {
    width: 100%;
}
.project-location {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0px;
}
.project-location .form-section {
    margin-right: 0px;
    width: 100%;
}
.project-team-section-left1 {
    width: 100%;
}
.project-team-section-left1 input.form-blurb {
    width: 48%;
}
.project-team-section-left1 input.form-blurb:nth-child(3n + 3) {
    margin-right: 10px;
}
.project-team-section-left1 input.form-blurb:nth-child(2n + 2) {
    margin-right: 0px;
}
.project-team-section-left1 .dropzone-div {
    width: 48%;
}
.project-team-section-right {
    float: left;
    width: 100%;margin-top: 15px;
    padding-left: 0px;
}
.project-team-section-right1 {
    padding: 10px;
    position: relative;
    width: 100%;
}
.project-team-right-close {
    float: right;z-index: 99;cursor: pointer;
    position: absolute;
    margin-top: 0px;
    right: 5px;    top: 22px;
}
.project-team-right-bar {
    float: left;z-index: 99;cursor: pointer;
    margin-top: 0px;top: 23px;
    position: absolute;
    left: 5px;
}
.project-team-section {
    margin-bottom: 20px;
}
.project-funding-section .form-section {
    width: 47%;
}
.project-funding-section .form-section:nth-child(2n + 2) {
    margin-right: 10px;
}
.form-submit-bottom label {
    width: 100% !important;
}
.form-submit-bottom input.form-submission {
    float: none;
    width: 100%;
    clear: both;
}
.form-submit-bottom {
    margin-top: 25px;
}
.project-drop-main {
    padding: 15px;text-align: center;
}
.project-drop-main img {
    float: none;
    width: 100%;
    margin: 0px auto 15px;
    max-width: 40px;
    display: block;
}
.project-drop-inner {
    float: left;
    width: 100%;
    padding-left: 0px;
}
.waste-top-bar .project-form .project-drop-inner h4 {
    font-size: 16px;
}
.project-drop-inner-right span.project-span {
    width: 100%;
    display: inline-block;
    font-size: 13px;
    color: grey;
    margin: 5px 0px;
}
.project-drop-main .dropzone-div {
    width: 100%;
    float: left;
    border: medium none;
    height: inherit !important;
}
.project-funding-section {
    display: inline-block;
    width: 100%;
}
.project-team-right-center {
    float: left;width: 90%;
    padding-left: 20px;
    padding-right: 20px;
}
.waste-top-bar .project-form .multiImageuploader .upload-img-wrapper {
    margin-left: 5px;
    width: 30%;margin-bottom: 15px;
    margin-right: 5px;
}
button.btn-update-form {
    font-size: 15px;
    padding: 10px 15px;
    width: 160px;
    margin: 0px;
}
button.btn-create-form {
    font-size: 15px;
    padding: 10px 15px;
    margin: 0px 0px 0px 10px;
    width: 160px;
}
.ProjectsDAY .newest-container .embed-text {
    padding: 15px 15px;
    right: 15px;
    height: 90%;
    width: calc(100% - 30px);
}
.ProjectsDAY .newest-container .embed-text h1 {
    font-size: 18px;
}
.spotlight-main .ProjectsDAY .newest .pledge-button {
    right: auto;font-size: 18px !important;
    left: 30px;
    display: inline-block;
    width: 100%;
    margin: 0px auto;
    max-width: 290px;
}
.recent-items .recent.owl-carousel .owl-nav button.owl-prev {
    top: 40%;
    left: 10px;
}
.recent-items .recent.owl-carousel .owl-nav button.owl-next {
    top: 40%;
    right: 10px;
}
.ProjectsDAY {
    height: 330px;
}
.singl-categories .show-header.show-project-details {
    padding: 15px;
    display: inline-block;
}
.singl-categories .show-header.show-project-details .header-description {
    width: 100%;
    padding-right: 0px;
}
.singl-categories .show-header.show-project-details h2 {
    font-size: 18px;    margin-bottom: 15px;
}
.singl-categories .show-project-details ul {
    margin-top: 20px;
}
.singl-categories .show-project-details ul li.df {
    padding: 0px 5px 0 0;
}
.singl-categories .show-project-details ul li i {
    margin-right: 5px;
}
.singl-categories .show-header.show-project-details .show-pledge-stats {
    float: left;
    width: 100%;
}
.singl-categories .show-project-details .show-pledge-stats .pledge-box .pledge-text-grey.project-done-text p {
    font-size: 25px;padding-right: 0px;
}
.singl-categories .show-project-details .show-pledge-stats .pledge-box .pledge-text-grey.project-done-text p span {
    font-size: 25px !important;
}
.singl-categories .show-project-details .show-pledge-stats .pledge-box .pledge-box-project-details {
    margin-bottom: 10px;
}
.show-slider-owl .img-slider-item img {
    height: 300px;
}
.show-page.singl-categories {
    max-width: 100%;
}
.show-page.singl-categories .featured-sections .project-list {
    max-width: 100%;
}
.show-pic-div.show-slider-owl { width: 100%; padding: 0px; margin-bottom: 0px; }

.show-pic-div-secondary { width: 100%; }
.singl-categories .show-container .team-container { width: 100%; }

.featured-sections { border:none; margin: 0px; }
.show-page.singl-categories .featured-sections .project-list { margin: 0px; }
}