body,html{
  color:#2C3A49;
}

.start{
  background:url(../images/start.jpg?v=3) no-repeat;
  background-position: center center;
  background-size:cover;
  position: relative;
}
.start .container{
  position:relative;
  z-index:2;
}

.start .head{
  padding:50px 0px;
  padding-top:25px;
}
.start .head .logo{
  width:200px;
}

.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
  color:#000;
}

.btn-custom, .btn-custom:hover, .btn-custom:focus, .btn-custom:active{
  background:#3eb549;
  color:#fff;
  border-radius: 25px;
  padding:10px 40px;
}
.button, .button:hover, .button:focus, .button:active, .btn-catch, .btn-catch:active, .btn-catch:hover, .btn-catch:focus{
  background:#3eb549!important;
  color:#fff!important;
  border-radius: 25px!important;
  padding:10px 40px!important;
}
.btn-border, .btn-border:hover, .btn-border:focus, .btn-border:active{
  border:1px solid #fff;
  color:#fff;
  background:transparent;
}
.btn-white, .btn-white:hover, .btn-white:focus, .btn-white:active{
  background:#fff;
  color:#fb8671;
}

.navbar-expand-lg .navbar-nav .nav-link{
  padding-left:15px;
  padding-right:15px;
}

.start .head .btn-border{
  border:2px solid #3eb549;
  color:#3eb549;
  font-weight:bold;
}

.start .top{
  padding-bottom:150px;
  padding-top:50px;
}
.top{
  color:#fff;
}
.top h2{
  font-size:69px;
  font-weight:bold;
}
.top h4{
  font-size:29px;
}

.kkre{
  margin-top:-115px;
  position: relative;
}
.kkre h2{
  color:#3eb549;
  font-weight:bold;
}
.kkre .box{
  background:#fff;
  margin-top:50px;
  padding:25px;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  color:#000;
}
.kkre .box label{
  font-weight:bold;
}
.kkre .box .rate h2{
  font-size:46px;
}
.kkre .box .rate .row > div{
  padding:0!important;
}

.section{
  padding:100px 0px;
}

.why h2{
  font-size:50px;
  font-weight:bold;
}
.why img{
  width:400px;
  margin:0 auto;
}
.why .whyList .fa-check{
  color:#65BE50;
  font-size:20px;
  padding-right:15px;
  margin-top:5px;
}
.why .whyList strong{
  display:block;
  margin-bottom:10px;
}
.why .whyList > div{
  margin-bottom:15px;
}
.why a{
  color:#2C3A49;
  text-decoration: none;
  font-size:12px;
}
.why a.btn{
  color:#fff;
}


.not{
  background:rgba(44, 58, 73, .08);
  text-align:center;
}
.not .video video{
  width:100%;
}

.title h2{
  font-size:50px;
  font-weight:bold;
}
.title p{
  font-size:19px;
}

.every{
  background:rgba(44, 58, 73, .08);
}
.every .everyList .everyBox{
  background:#fff;
  border: 1px solid #70707046;
  border-radius: 5px;
  padding:25px;
  margin-bottom:15px;
}
.every .everyList .everyBox .head{
  cursor:pointer;
}
.every .everyList .everyBox .body{
  padding-top:25px;
}


.testi{
}
.testi .title{
  width:60%;
  margin:0 auto;
}

.testi .testiBox{
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  background:#fff;
  padding:25px;
  width:80%;
  margin:0 auto;
}
.testi .testiBox img{
  border-radius:50%;
  width:85%;
}
.testi .testiBox strong{
  display:block;
  margin-bottom:10px;
}

.carousel-item{
  padding:25px;
}
.carousel-control-next{
  right:-30px;
}
.carousel-control-prev{
  left:-30px;
}
.carousel-control-prev, 
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-prev:active, 
.carousel-control-next,
.carousel-control-next:hover,
.carousel-control-next:focus,
.carousel-control-next:active{
  font-size:30px;
  color:rgba(0, 0, 0, .25);
}


.info{
  background:#3eb549;
  color:#fff;
}
.info .fal{
  font-size:50px;
  margin-bottom:10px;
}
.info h2{
  font-size:27px;
  margin:10px 0px;
  font-weight:bold;
}
.info h5{
  font-size:20px;
  margin-bottom:25px;
}

.q{
  background:#fb8671;
  color:#fff;
  font-size:19px;
  margin-top:50px;
}
.q img{
  width:100%;
}
.q .text{
  padding:50px;
}
.q .text h2{
  font-size:50px;
  font-weight:bold;
}
.q .text p{
  width:80%;
  margin:20px 0px;
}

.footer{
  font-size:12px;
  padding:50px 0px;
  background:#fff;
}
.footer .container{
  padding:0px 50px;
}
.footer img{
  width:100px;
}
.footer img.second{
  width:140px;
}
.footer img.third{
  width:160px;
}
.footer a{
  color:#2C3A49;
  text-decoration: none;
  display:block;
}


.copy{
  background:#fff;
  font-size:12px;
  color:rgba(62, 62, 62, .44);
  padding:25px;
  padding-top:50px;
}
.copy a{
  color:rgba(62, 62, 62, .44);
  text-decoration: none;
}



.gebuehren-mobile, .gebuehren-desktop{
  box-shadow: 0 0 20px rgba(0,0,0,.2);
}
.gebuehren-mobile{
  display: none;
}

@media only screen and (max-width: 480px){
  .gebuehren-mobile{
  display: block;
  width: 100%;
   }
  .gebuehren-desktop{
  display: none;
   }
}

.package-box{
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 3px 10px #00000029;
}
.our-tip{
  box-shadow: 0 3px 20px #00000029;
}

.package-box .title{
  font-size: 34px;
  font-weight: lighter;
  text-align: center;
} 
 
.package-box .price{
  font-size: 24px;
  font-weight: lighter;
  text-align: center;
}
  
.package-box .price span{
  font-size: 13px;
}


.package-box li{
  font-size: 13px;
}

.gebuehren-example{
  background: #fff;
  box-shadow: 0 3px 20px #00000029;
  padding: 20px;
  border-radius: 0;
}
.help-aside{border:1px solid rgba(0,0,0,.125);border-radius:.25rem;top:90px}.help-aside-footer,.help-aside-header{background:#eaeaea;box-sizing:border-box;color:#000;font-size:12px;line-height:1.3;padding:30px;text-shadow:0 1px 0 hsla(0,0%,100%,.5)}.help-aside-body{box-sizing:border-box;padding:30px;text-align:center}.help-aside-body img{margin-bottom:15px}.help-aside-body ul{font-size:.8rem;margin:0;padding:0;text-align:left}.help-aside-body ul li{list-style:none;padding:2px 0}.help-aside-body ul li i{color:#1a1a1a;margin-right:5px}
.credit-calc-result{display:flex}.credit-calc-result-title{align-items:center;border-bottom:2px solid #188753;box-sizing:border-box;color:#444;display:flex;font-size:1rem;padding:10px;text-align:left;width:70%}@media (max-width:768px){.credit-calc-result-title{width:50%}}.credit-calc-result-value{border-bottom:2px dashed #188753;box-sizing:border-box;color:#188753;font-size:26px;font-weight:700;padding:10px;text-align:right;width:30%}@media (max-width:768px){.credit-calc-result-value{width:50%}}.calc-slider{margin:20px 30px 60px}

.page-header{
  background:#fff;
  padding:20px 0px;
  color:#3eb549;
}
.bg-pink{
  background:#3eb549;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background:#3eb549;
}



#app .start .top{
  padding:0;
}
#app .start .head{
  padding-top:50px;
}

#app.appmember{
  flex-direction: row;
  color:#3E3E3E;
}



.menu{
  border-right:1px solid #EAEAEA;
  padding:25px;
  max-width:300px;
  width:100%;
  display:flex;
  flex-direction: column;
}
.menu .logo{
  width:200px;
}
.menu .project-btn{
  background:#3eb549;
  color:#fff;
  border-radius:24px;
  padding:15px;
  width:100%;
  font-weight:bold;
  border:none;
  margin-top:15px;
}
.btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:hover{
background:#3eb549;
border-color:transparent;
border-radius:24px;
}

.menu .navitems a{
width:100%;
display:block;
color:#3E3E3E;
font-size:18px;
margin-bottom:25px;
text-decoration: none;
font-weight:bold;}

.menu .navitems a.active{
color:#3eb549;}

.menu .navitems.navitems-small a{
color:#3E3E3E;
font-size:12px;
font-weight:normal;
margin-bottom:15px;}

.menu .btmimgs{
margin-top:auto;}
.menu .btmimgs img.second{
width:100px;}
.menu .btmimgs img.third{
width:120px;}


.account-section{
padding:25px;}

.todo-list.alert-warning{
border:1px solid #F4E56F;
color:#8D7F0F;
border-radius:11px;}
.todo-list.alert-warning a{
color:#8D7F0F;
text-decoration:none;
font-weight:normal;}
.todo-list-body{
background:none;
box-shadow:none;}

.todo-list-task{
border:none;
padding:0;}

.todo-list-task-check{
padding:0px 10px;}
.todo-list-task-check .far{
font-size:20px;}
.todo-list-task.task-unchecked .todo-list-task-check{
color:rgba(62,62,62,.5);}

.cblue{
color:#3eb549}


.nav-tabs{
border-bottom:2px solid #3eb549;}

.nav-tabs .nav-link{
margin-bottom:-2px;
font-size:14px;
border:none;
border-radius:0;
padding: 9px 17px;
color:#8B8B8B;}
.nav-tabs .nav-link.createproj{
color:#3eb549;}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:active, .nav-tabs .nav-link:focus{
background:#3eb549;
color:#fff;
border:none;
border-radius:0;}

.project_info .item_head{
border-bottom:1px solid rgba(112, 112, 112, .25);
margin-top:35px;
margin-bottom:20px;
padding-bottom:20px;}
.project_info .item_head a{
color:#3eb549;}
.project_info .item{
padding-bottom:20px;
border-bottom:1px solid rgba(112, 112, 112, .25);}
.project_info .item strong{
width:250px;}







.project-header small{
color:rgba(62, 62, 62, .66);
font-size:12px;}

.project-image{
  height:150px;
}

.project-bg img{
width:100%;
height:150px;
object-fit: cover;
border-radius:12px;}

.project-bg .bigamount{
background:#3eb549;
border-radius:80px;
color:#fff;
padding:10px 60px;
border:3px solid #fff;
display:block;
margin:0 auto;
width:fit-content;
text-align:center;
margin-top:-40px;
z-index:2;
position:relative;}
.project-bg .bigamount strong{
font-size:50px;
display:block;
margin-top:-10px;}
.project-bg .bigamount span{
font-size:20px;
display:block;
margin-top:-10px;}

.project-fund-progress{background:#f9faf5;border-radius:6px;box-shadow:inset 0 1px 2px 1px rgba(0,0,0,.1);height:15px;margin:10px auto;overflow-x:hidden;width:100%}.project-fund-progress-fill{background:#3eb549;border-radius:6px;height:100%}

.project-progress-title{
font-size:14px;}
.project-progress-title .grey{
color:rgba(62, 62, 62, .61);}

.project-boxes .project-box{
border:1px solid #D5D5D5;
border-radius:10px;
width:100%;
padding:25px;
text-align:center;}
.project-boxes .project-box:nth-child(2){
margin:0 20px;}
.project-boxes .project-box h2{
font-size:50px;
font-weight:bold;}

.project-boxes .project-box.active{
background:#ECEFF5;
border:1px solid #3eb549;
color:#3eb549}

.project-investors-item{
border-bottom:1px solid rgba(112, 112, 112, .25);
padding:20px 0px;
display:flex;
align-items:center;
justify-content:space-between;
}



.project-form{
box-shadow:none;
padding:0;}








@media only screen and (max-width:480px){

  .menu{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  background:#fff;
  z-index:99;
  height:100%;}

  .mobile-menu img{
  width:100px;}
  
  .mobile-menu .icon i{
  border:2px solid #3eb549;
  padding:8px 15px;
  color:#3eb549;
  border-radius:6px;}

  .close{
  position:absolute;
  top:5px;
  right:5px;}

  .alert{
  font-size:14px;}
  
  .account-section{
  padding:10px;}

  .todo-list-task{
  flex-direction: inherit;}
  .todo-list-task-info{
  padding-left:0;}

  .nav-tabs .nav-link{
    font-size: 12px;
    padding: 8px 10px;
  min-width: 120px;
  text-align: center;}

  .nav{
      overflow-y: hidden;
    overflow-x: auto;
    flex-wrap: nowrap;}

  .project_info{
  font-size:14px;}
  .project_info .item{
  justify-content: space-between;}

  .project_info .item strong{
  width:120px;
  padding-right: 50px;}
  .project_info .item span{
  text-align:right;}

  .copy{
    padding:10px;
    padding-top:50px;
  }

  .nav-settings{
  margin-bottom:25px;}

  .project-header{
  font-size:14px;}
  .project-header h5{
  font-size:18px;}

  .project-header small{
  font-size:10px;}
  .project-header a{
    font-size:12px;
  }
  .project-header > div:first-child{
  padding-right:25px;}
  .project-header > div:last-child{
  text-align:right;}
  .project-bg .bigamount strong{
  font-size:40px;}
  .project-bg .bigamount span{
  font-size:17px;}

  .project-boxes{
    display:block!important;
  }
  .project-boxes .project-box:nth-child(2){
  margin:0;
  margin:10px 0px;}
  .project-boxes .project-box{
  padding:15px;}
  
  .btn-catch{
  white-space: normal!important;}

  .navbar-expand-lg .navbar-nav .nav-link{
    padding-right:0!important;
  }
  .navbar .navbar{
    padding:0;
  }
  .navbar .navbar .navbar-nav .nav-item .btn{
    margin-right:0;
    margin-top:0;
  }
  .navbar-expand-lg .navbar .navbar-nav .nav-link{
    padding-right:0!important;
  }
  .navbar-nav .dropdown-menu{
    margin-bottom:15px;
  }
  
  .start{
    overflow:hidden;
  }
  .start .head .btn-border{
    border:2px solid #fff;
    color:#fff;
  }  
  .start .head{
    padding:15px 0px;
    padding-top:15px!important;
  }

  .start .head > .row{
    align-items: inherit!important;
  }
  
  .navbar-toggler{
    margin-left:auto;
  }
  
  .top h2{
    font-size:52px;
  }
  .top h4{
    font-size:19px;
  }
  
  .start .overlay{
    width:140%;
  }
  
  .top .box{
    padding:15px;
    margin-bottom:50px;
  }
  
  .top .box .btn{
    padding:10px;
    font-size:14px;
  }
  .top .box .rate small{
    font-size:9px;
  }
  .top .box .rate h2{
    font-size:30px;
  }
  
  .section{
    padding:50px 0px;
  }
  
  .why h2{
    font-size:35px;
  }
  .why img{
    width:100%;
  }
  .why .whyBtn{
    text-align:center;
  }
  
  .title h2{
    font-size:35px;
  }
  
  .testi .title{
    width:100%;
  }
  
  .testi .testiBox{
    text-align:center;
  }
  .testi .testiBox img{
    width:auto;
    margin-bottom:25px;
  }
  
  .carousel-control-prev{
    left:-15px;
  }
  .carousel-control-next{
    right:-12px;
  }
  
  .info .box{
    margin-bottom:50px;
  }
  
  .q .text{
    padding:25px;
  }
  .q img{
    margin:0 auto;
  }
  .q .col-md-4{
    text-align:center;
  }
  
  .footer .container{
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
  }
  
  .footer{
    text-align:center;
  }
  .footer img{
    width:80px;
    margin-top:25px;
  }
  .footer img.second{
    width:90px;
  }
  .footer img.third{
    width:120px;
  }
  .footer .text-end{
    text-align:center!important;
  }
  
  .navbar-nav{
    margin-top:15px!important;
  }
  .navbar-nav .nav-item{
    text-align:right;
  }
  .navbar-nav .nav-item .btn{
    margin-top:15px;
  }
    
}