* {
  font-family: 'Montserrat', sans-serif;
}
body {padding-top: 0px;}
#wrapper, .dashboard, #profile {
    padding: 10px;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}
#wrapper, .dashboard, #profile, .wallet {padding: 0;}
.wallet > div, #wrapper > div, .dashboard > div, #profile > div {
  width: 100%;
  height: 100%;
  position: fixed;
}
html, body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    position: relative; /* for Google maps autocomplete */
}
html, body, #page-content-wrapper {
  /*background: #fff;*/
}
#page-content-wrapper {
  width: 100%;
  height: 100%;
}
#page-content-wrapper > .container-fuild, #page-content-wrapper > .container-fuild > .container {height: 100%; background: #f8f8f8;}
#page-content-wrapper > .container-fuild > .container #sidebar-wrapper {background: #070417;}
#sidebar-wrapper .left-logo {
    padding: 10px;
    display: inline-block;
}
.wallet #page-content-wrapper > .container-fuild > .container .content-box,
#wrapper #page-content-wrapper > .container-fuild > .container .content-box, 
.dashboard #page-content-wrapper > .container-fuild > .container .content-box, 
#profile #page-content-wrapper > .container-fuild > .container .content-box {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0 20px 0 350px;
    left: 0;
    top: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f8f8f8;
}
/*#page-content-wrapper {
  padding-top: 105px;
}*/
html, body, a, h1, h2, h3, h4, h5 {
  line-height: normal;
  letter-spacing: 0.5px;
}
* {outline: none;}
a {cursor: pointer;}
a:hover, a:active, a:visited {
  text-decoration: none;
  /*color: #000;*/
}
img {max-width: 100%;}
#wrapper {
  height: 100%;
  overflow-x: hidden;
}
/* The check container */
.checkcontainer {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 300;
}
/* Hide the browser's default radio button */
.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border-radius: 0%;
  border-color: #00e676;
  border-width: 3px;
  border-style: solid;
}
/* On mouse-over, add a grey background color
.checkcontainer:hover input ~ .checkmark {
  background-color: #00e676;
} */
/* When the radio button is checked, add a blue background
.checkcontainer input:checked ~ .checkmark {
  background-color: #00e676;
}*/
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.checkcontainer input:checked ~ .checkmark:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.checkcontainer .checkmark:after {
  top: 0px;
  left: 0px;
  width: 19px;
  height: 19px;
  border-radius: 0%;
  background: #001b9d;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
}
.float-right {
  float: right;
}
.text-align-center {
  text-align: center;
}

/* centered columns styles */
.row-centered {
  text-align:center;
}

.col-centered {
  display:inline-block;
  float:none;
  text-align:left;
  text-align: center;
}

.navbar-header {
  display: inline-block;
}
.navbar-brand {
  float: right;
  height: auto;
  padding: 0;
  margin: 15px 0px 0 20px;
}
.navbar-brand img {
  max-width: 339px;
}
.navbar-top-links {
  margin-top: 48px;
  display: block;
  float: right;
  /*margin-right: -50px;*/
  margin-right: 3px;  
}
.navbar-top-links li {
  margin: 1px 15px;
}
.navbar-top-links li a {
  padding: 0;
  color: #1b1b1b;
  transition: 0.3s;
  line-height: 3;
  min-height: auto;
  font-weight: 700;
  font-size: 15px;
}
.navbar-top-links li a.btn-green {
  background: #55be68;
  color: #fff;
  padding: 7px 16px;
  border-radius: 100px;
  font-weight: 500;
  box-shadow: 0px 3px 5px #ccc;
  line-height: normal;
}
.navbar-top-links li a:hover, .search-menu a:hover, .modal-footer .btn-primary:hover {
  background: transparent;
  color: #00e676;
  text-decoration: none;
}
.navbar {min-height: 70px;}
.navbar-default {  
  opacity: 0.96;
  background-color: #fff;
  border-bottom: 1px solid #60bd7a;
  height: 112px;
  position: relative;
  margin: 0;
  /*
  border-bottom: 1px solid #707070;
  border-bottom: 1px solid transparent;
  z-index: 99;
  position: fixed;
  top: -2px;
  */
  display: block;
  padding: 0;
  width: 100%;
  left: 0;
  min-height: 112px;
}
.navbar-default.navbar-fixed-top {position: fixed; display: none;}

.sidebar {margin-top: 160px; width: 334px;}
.sidebar-nav.navbar-collapse.collapse {left: -334px;}
.sidebar-nav.navbar-collapse.collapse.in {left: 0;}
.sidebar-toggle .navbar-toggle {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent !important;
}
.sidebar-toggle .navbar-toggle:hover {background: transparent;}
.sidebar-toggle .navbar-toggle:hover .icon-bar {
  background-color: #fff;
}

.navbar-toggle {
  border-color: transparent !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sidebar-toggle {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    margin: 25px;
}
.toggled .navbar-toggle {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
   }
.navbar-toggle .icon-bar {
    display: block;
    width: 26px;
    height: 3px;
    border-radius: 1px;
    background-color: #5bbe72 !important;
}

.navbar-default .sidebar-toggle .icon-bar, .navbar-default .nb-toggle .icon-bar {
    background-color: #001b9d;
    transition: 0.3s;
}
.nb-toggle {float: right;}
.nb-toggle .navbar-toggle {margin: 24px 24px 0 0;}
.top-nav {
  background-color: #001b9d;
  float: right;
}
.top-nav.collapse {
    width: 100%;
    position: relative;
    z-index: 2;
}
.signIn.signUp {
    width: 100%;
    min-width: 600px;
}
/*#sidebar-wrapper {
  margin-top: -1px;
  padding-top: 0;
  top: 0;
  overflow: hidden;
  z-index: 2;
  position: absolute;
  left: 0;
  padding: 30px 20px;
}*/
#sidebar-wrapper {
  margin-top: 0px;
  padding-top: 0;
  top: 0;
  overflow: hidden;
  z-index: 2;
  position: absolute;
  left: 0;
  padding: 10px 14px;
  width: 328px;
  height: 100%;  
}
#sidebar-wrapper div.menu-left {
    position: relative;
    width: 100%;
    margin: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: -1px;
    background: transparent;
    /*background: #37488d;
    background: -moz-linear-gradient(-45deg, #37488d 0%, #4671a5 40%, #5aa4c4 100%);
    background: -webkit-linear-gradient(-45deg, #37488d 0%,#4671a5 40%,#5aa4c4 100%);
    background: linear-gradient(135deg, #37488d 0%,#4671a5 40%,#5aa4c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37488d', endColorstr='#5aa4c4',GradientType=1 );
    border-radius: 4px;*/
}
#sidebar-wrapper .menu-left .sidebar-nav {
    padding: 11px 0;
    width: 100% !important;
}
#sidebar-wrapper #navbar-sidebar .sidebar-nav li {
    margin-bottom: 5px;
}
#sidebar-wrapper #navbar-sidebar .sidebar-nav li:last-child {
    border-top: 1px solid #fff;
    margin-top: 30px;
}
#sidebar-wrapper .menu-left .sidebar-nav.sb-nav-top {
    min-height: auto;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}
.user {margin-bottom: 15px;}
.user .user-photo {
    width: 156px;
    height: 156px;
    background: #fff;
    display: inline-block;
    border-radius: 100px;
    overflow: hidden;
    position: relative;
    margin: 25px 0 0 0px;
}
.user .user-photo img {
   height: 105%;
    max-width: 200%;
    float: left;
    margin: -2%;
}
.user .user-name {
    color: #fff;
    font-size: 28px;
    /* border-bottom: 1px solid #fff; */
    font-weight: 600;
    text-align: center;
    width: 100%;
    display: block;
    padding: 19px 0px 0px;
    /*text-decoration: underline;*/
}
.sidebar-nav li {
    margin-bottom: 15px;
}
.nav-second-level li a {
    padding: 2px 10px 2px 15px;
    font-size: 12px;
    text-transform: none;
    font-weight: 400;
}
.page-header {
    width: auto;
    /* float: left;*/
    /* opacity: 0.6; */
    margin: 0;
    border: none;
    padding: 30px 10px 12px 0;
    font-size: 28px;
    font-weight: 400;
    text-align: center;
}
.title-menu {
    float: right;
    margin: 0 0 0px 0;
    padding: 0;
    list-style: none;
}
.title-menu li {
  display: inline-block;
  padding: 0 5px;
}
.title-menu li a {
    font-size: 24px;
    color: #333;
    margin-left: 5px;
    transition: 0.3s;
}
.title-menu li a:hover {color: #18e883;}
.top-row .panel {
    border: none;
    /*box-shadow: 0 3px 10px #0f5d55bd;*/
    border-radius: 0;
    /*height: 250px;*/
}
.panel-content {
  padding: 6px 6px 0;
  min-height: 200px;
  position: relative;
  width: 100%;
}
.panel-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.panel-content ul li {
    margin-bottom: 8px;
    display: table;
    vertical-align: middle;
    width: 100%;
    position: relative;
    text-align: left;
    padding: 12px 0 0 50px;
    min-height: 52px;
}
.panel-content ul li img, .market img {
    max-width: 40px;
    /* float: left; */
    margin: 5px;
    position: absolute;
    left: 0;
    top: 0;
}
.panel-content ul li span, .market span {
    font-size: 26px;
    opacity: 0.8;
    /* float: left; */
    /* padding: 0; */
    min-width: 100px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    /*margin-top: 10px;*/
}
.panel-content ul li span, .panel-content ul li p:first { margin-top: 10px; }
/*.panel-content ul li span {
  padding-top: 13px;
}*/
.panel-content ul li p, .market p {
    /* float: left; */
    font-style: italic;
    font-size: 16px;
    /* opacity: 0.6; */
    /* padding: 11px 5px; */
    margin: 0;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
.panel-content .status-project,
.panel-content .status-fund {
  margin: 0 10% 0;
  padding-bottom: 10px;
}
/*
.panel-content .status-project {
  position: absolute;
  display: grid;
  right: 5px;
  bottom: 5px;
}
*/
.panel-content .status-project .inner {
  margin-top: 3px;
}
.panel-green > .panel-heading {
    border-color: transparent;
    color: #333;
    /*color: #fff;*/
    background-color: #59a2c3;
    padding: 6px 10px;
    /*text-transform: uppercase;*/
    font-size: 16px;
}
.cm-box .panel-heading {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
}
.panel-green > .panel-heading.top-panel-heading {
    background-color: transparent;
    padding: 16px 0px 10px;
    font-size: 19px;
    /*border-bottom: 2px solid #4F88B3;*/
    border-bottom: 2px solid #f8f8f8;
    width: 100%;
    margin: 0;
    text-align: center;
}
#line-chart {
  margin-top: 10px;
  margin-bottom: 10px;
}
.tac {text-align: center;}
.panel-content.tac {padding-top: 0;}
.panel-heading-abs {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    margin: -10px 20px 0 0;
}
.panel-content.tpb {
    padding-top: 20px;
}
.tpb .col-md-6 {padding: 0; text-align: center;}
.tpb img {
    /*position: absolute;
    left: 0;
    top: 0;
    margin: 10px;*/
}
.tpb .tpb-right {
    position: relative;
    /*float: left;
    width: 100%;
    padding-left: 250px;*/
    padding-top: 10px;
    padding-left: 5px;
    text-align: left;
}
.tpb .tpb-right .tpb-title {font-style: italic;}
.tpb .tpb-right p {
    font-size: 16px;
    padding: 10px 0;
    /*min-height: 100px;*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tpb .tpb-right .tpb-g {
    width: 100%;
    float: left;
    text-align: center;
    padding: 5px 0 10px 0;
    font-size: 16px;
}
.tpb .tpb-right a, .market-a {
    background: #00e676;
    color: #000;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 6px;
    margin: 5px auto;
    width: 80px;
    display: table;
}
.signIn div.row.first{ margin-bottom: 21px!important; }
.row {margin-bottom: 10px;}
.row-line .panel {
    margin: 10px 0;
}
.row-line .panel .panel {
    border: none;
    box-shadow: none;
    /*height: 192px;*/
}
.project {
  padding-bottom: 10px;
}
.panel-heading a {
    color: #000;
    text-transform: none;
    float: right;
    margin-left: 10px;
}
.panel-green .panel-green .panel-heading {
    background-color: #4F88B3;
    text-transform: none;
    border-radius: 0;
    color: #fff;
    border-radius: 15px 15px 0 0;
}
.report-a {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #00e676;
    margin: 10px 5px;
    width: 140px;
    padding: 5px 10px;
    color: #000;
    box-shadow: 0 3px 10px #0f5d55bd;
}
.panel-content .panel-content {
  padding: 0;
  /*height: 180px;*/
  overflow: hidden;
}
.panel-content .panel-content img {width: 100%;}
.row-line .panel-content {
  min-height: auto;
  display: inline-block;
}

/*===== add-product =====*/
.add-product input, .add-product textarea, .add-product select {
    border-radius: 0;
    border: transparent;
    box-shadow: none;
    margin-bottom: 20px;
    padding: 0;
    line-height: normal;
    height: auto;
    font-size: 14px;
    font-style: italic;
    width: 100%;
}
.add-product input:focus {
    box-shadow: none;
}
.add-product input, .add-product select {
    border-bottom: 2px solid  #70c387;
}
.add-product textarea {
    border: 1px solid #70c387; /*00e676;*/
    height: 100px;
}
.add-product ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.add-product ul li {
    /*max-width: 400px;*/
    position: relative;
    padding-bottom: 5px;
}
.add-product.fund-add ul li {
    float: left;
    width: 100%;
}
.add-product ul li .fa {
    position: absolute;
    right: 0;
    top: 25px;
    margin-right: -16px;
    opacity: 0.5;
    left: 160px;
}
.add-product ul li label {
    /*font-style: italic;*/
    color: #504b4b;
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    position: relative;
    /*max-width: 150px;*/
}
.inp-div {
    width: 100%;
    padding-left: 162px;
}
.upl-file-li label {
    position: absolute;
    left: 0;
    top: 0;
}
.mp-span {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 10px;
    opacity: 0.7;
    margin-bottom: 9px;
}
.f-right {float: right;}
.f-left {float: left;}
.line {
    width: 100%;
    float: left;
    position: relative;
}
.chbx {
    width: 15px;
    height: 15px;
    border-radius: 1px;
    border: 2px solid #70c387;
    float: left;
    cursor: pointer;
    /*box-shadow: 0 3px 6px #d8d8d8;*/
    margin-right: 3px;
}
.chbx:first-child {
    margin-bottom: 2px;
}
.line-chbx chbx {
    float: left;
    width: 15px;
    margin: 2px;
}
.chbx.active {
    background:  #70c387;
}
.btn-box .save-btn, .btn-box .create-btn, .btn-box .pre-btn {
    padding: 8px 45px;
    color: #fff;
    /*font-weight: 600;*/
    box-shadow: 0 3px 6px #d8d8d8;
    float: right;
    margin-left: 20px;
    transition: 0.3s;
    border-radius: 10px;
}
.add-product .btn-box a:hover {
    background: #75a478;
    color: #fff;
}
.btn-box .save-btn {
    background: #579bbf;
    color: #fff;
}
.btn-box .create-btn {
    background: #70c387;
}
.btn-box .pre-btn {
    background: #66ffa6;
}
.add-product .btn-box {
    display: inline-block;
    text-align: right;
    /*max-width: 400px;*/
    /*margin-top: 50px;*/
}
.project-page form {
  background-color: #fff;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
  padding: 20px;
  display: inline-block;
  width: 100%;
}
.form-line {
    padding: 10px 0;
}

.profile-box .btn-box .create-btn {
    background: #66c477;
    color: white;
    float: right;
}

/*====== footer ======*/
#footer {
    width: 100%;
    /*height: 175px;*/
    background-color: #34373a;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.footer-content {
    padding: 30px 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.footer-content .logo {
    /*width: 100%;*/
    max-height: 58px;
}
.footer-copyright {
    /*margin-top: 30px;*/
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    text-align: left;
    color: #7d7d7d;
}
.footer-menu-list-box {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*text-align: right!important;*/
    float: right;
}

.footer-menu-list-box li {
    padding: 20px 0 30px 20px;
    float: left;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
}
#footer a {
    color: #f4f5f7;
    text-decoration: none;
}
#footer a:hover {
    color: #64b93f;
}
.footer-terms {
    text-align: right;
    /*margin-top: 85px;*/
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    color: #7d7d7d;
}
.cookie-consent {
    font-size: 12px;
    padding: 10px 10px 10px 0;
    color: #fff;
    background-color: #333333e3;
    display: block;
    position: fixed;
    width: 100%;
    z-index: 100;
    line-height: 1.5;
}
.msg {
    font-size: 14px;
    display: block;
    box-sizing: border-box;
    max-width: 1200px;
    padding: 20px 40px 10px;
    position: relative;
}
.cookie-consent .cookie-terms {
    display: inline-block;
    max-width: 700px;
    padding-left: 20px;
    vertical-align: top;
    border-left: 1px solid #fff;
    width: 100%;
    margin-bottom: 15px;
}
.cookie-consent .fa-info-circle {
    font-size: 30px;
    left: 5px;
    position: absolute;
}
.link-understand {
    color: #7fb069;
}
.link-understand:hover {color: #88f3f9;}
.cookie-btn-box {
    text-align: right;
}
.cookie-consent .cookie-accept {
    position: relative;
    display: inline-block;
    max-width: 170px;
    padding: 5px 10px;
    text-align: center;
    background-color: #31ce31;
    border-radius: 5px 5px 5px 5px;
    box-sizing: content-box;
    cursor: pointer;
}
.cookie-consent .cookie-accept .fa-check {
    margin-right: 10px;
}





/*====== login ======*/
#login-box {
    height: 100%;
    width: 100%;
    display: table;
    background: rgba(134,176,192,1);
    background: -moz-linear-gradient(top, rgba(134,176,192,1) 0%, rgba(192,223,230,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(134,176,192,1)), color-stop(100%, rgba(192,223,230,1)));
    background: -webkit-linear-gradient(top, rgba(134,176,192,1) 0%, rgba(192,223,230,1) 100%);
    background: -o-linear-gradient(top, rgba(134,176,192,1) 0%, rgba(192,223,230,1) 100%);
    background: -ms-linear-gradient(top, rgba(134,176,192,1) 0%, rgba(192,223,230,1) 100%);
    background: linear-gradient(to bottom, rgba(134,176,192,1) 0%, rgba(192,223,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86b0c0', endColorstr='#c0dfe6', GradientType=0 );
}
.login-box {
    display: block;
    height: 100%;
    width: 100%;
    position: relative !important;
}
.login-line {
    /* min-height: auto; */
    padding: 24px 20px 0;
}
.login-line label {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.login-line input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    display: inline-block;
    font-style: italic;
    color: #fff;
}
.login-line a.soc, .login-line div.soc {
    width: 30px;
    display: inline-block;
    margin-left: 3px;
}
.login-line a img, .login-line div img {margin-bottom: 7px;}
.login-line .forgot-link {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 5px;
}
.login-line .forgot-link a {
    font-size: 11px;
    font-style: italic;
    margin-left: 130px;
    color: #a7a9c7;
}
.login-line .forgot-link a.signup-link {
    margin-left: 155px;
}
.login-line .col-sm-6 {padding-bottom: 20px}
.login-line .col-sm-6:last-child {padding-bottom: 0;}
.login-box {

    /*padding-top: 140px;*/
}
.login-line input.l-email {
    width: 230px;
}
.login-left {
  /* text-align: center; */
  padding-left: 138px;
  margin-top: 70px;
}
.login-left h3 {
  color: #fff;
  font-weight: 300;
  line-height: 2em;
  font-size: 2vw;
  padding: 0;
}
.login-left img {
    max-width: 600px;
    width: 86%;
}
.market {
    box-shadow: none;
    border: none;
}
.market .panel-green, .centered {
    min-height: 60px;
    border: none;
    box-shadow: 0 3px 10px #0f5d55bd;
    border-radius: 0;
    display: flex;
    padding-bottom: 0;
}
.market .panel-green .panel-content {
    min-height: auto;
}
.panel-green > .panel-heading.block {
    padding: 15px 0px;
    font-size: 20px;
    background-color: transparent;
    border-bottom: 2px solid #001b9d;
    padding-bottom: 1px;
    margin-left: 15px;
    margin-right: 15px;
}
.panel-heading {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.market .panel-green {
    border: none;
}
.market span {
    color: #00b248;
    opacity: 1;
    font-size: 30px;
    padding: 10px 4px 10px 10px;
}
.market img {
    max-width: 40px;
}
.panel-content .panel-content img {
    width: 100%;
    height: 180px;
}
.panel-content.p-block .panel-content img {
    width: auto;
    height: 135px;
    /*max-height: 250px;*/
}
.panel-content.p-block .panel-content {
    text-align: center;
    background: #eee;
    border-radius: 0 0 15px 15px;
}
.market p {
    font-size: 12px;
    opacity: 0.8;
}
.market .symbol {
    margin: 4px 10px 0px 14px;
    font-size: 40px;
    color: #000;
    padding: 0px;
    opacity: 1;
}
.market-a {
    border: none;
    border-radius: unset;
    text-transform: uppercase;
    box-shadow: 0 3px 6px rgba(0,0,0,.3);
    margin-top: 11px;
    text-align: center;
    float: right;
    margin-right: 10px;
}
.centered {
    float: none;
    margin: 0 auto;
}
.weather .condition,
.weather .wind {
  width: 25%;
}
.add-ana .panel-green {
    border-color: transparent;
    padding: 10px 0;
    margin: 0;
}
.add-ana .plus-green {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    display: block;
    padding: 20px;
    position: relative;
}
.add-ana .plus-green span:first-child {
    background: #00e676;
    width: 12px;
    height: 120px;
    position: absolute;
    left: 76px;
    top: 20px;
}
.add-ana .plus-green span:last-child {
    background: #00e676;
    width: 120px;
    height: 12px;
    position: absolute;
    left: 20px;
    top: 76px;
}
.add-ana p {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}
.add-ana .centered {
    text-align: center;
}
.add-ana .panel-green {
    display: contents;
}
.wheather-line .col-lg-4.col-md-6:first-child {
    padding: 0;
}
.wheather-line .col-lg-4.col-md-6 {
    padding: 0 5px;
}
.wheather-line .town {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #000;
    padding: 5px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.wheather-line .town.active {
    background: #00e676;
}
.ccc {
    width: 100%;
    font-size: 16px;
    display: inline-block;
    padding: 5px 0;
}
.tac.img {
    width: 145px;
}
.op0 {opacity: 0;}

.form-h4 {
    font-size: 16px;
    /*margin-top: 30px;*/
    font-weight: 600;
}
.w50 {
    width: 50%;
    float: left;
    position: relative;
}
.add-product.add-project ul li .w50 .fa {
    position: relative;
    top: 0;
    margin-right: 0;
    right: -6px;
}
.add-product.add-project ul li label {margin-bottom: 10px; padding-right: 3px;}
.date-inst {padding-right: 10px; color: #70c387;}
.date-inst input, .date-inst select {
    text-align: center;
    width: 25%;
    display: inline-block;
    max-width: 50px;
}
.date-inst select.year {
    width: 30%;
    max-width: 80px;
}
#ProjectCap {
    max-width: 90px;
    float: left;
    margin: 0 15px 5px 0;
}
.line-chbx {
    position: absolute;
    right: -35px;
    top: -13px;
    width: 50px;
}
.line-chbx input {
    float: left;
    width: 15px;
    margin: 2px;
}
.line-chbx span {
    float: left;
    font-size: 10px;
    opacity: 0.8;
    padding: 2px 0 0 5px;
}
#textAreaGeo {
    height: 180px;
    margin: 0;
}

/*===== carbon market =====*/
.search-menu {
    padding: 7px 0px;
    /*margin: 10px 0;*/
    background: #66c477;
    list-style: none;
    float: left;
    width: 100%;
}
.search-menu li {
    float: left;
    width: auto;
    padding: 0 10px;
    position: relative;
}
.search-menu .search-all {
  text-align: center;
}
.search-menu .search-all a {
  width: 100%;
}
.search-menu .search {
  text-align: center;
}
.search-menu .search a {
  width: 100%;
}
.search-menu input {
  width: 100%;
}
.search-menu a {
    color: #fff;
    padding: 3px 0;
    float: left;
    transition: 0.3s;
}
.search-menu a.active {
   text-decoration: underline;
}
.search-menu li:last-child {
    float: right;
    width: 35%;
    text-align: right;
    padding-right: 80px;
}
.search-menu li:last-child input {
    float: left;
    width: 100%;
}
.search-menu li:last-child a {
    position: absolute;
    right: 15px;
}

.cmb-add {
    width: 36px;
    height: 36px;
    background: #00e676;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 100px;
    margin: -17px;
}
.cmb-add .fa {
    width: 100%;
    text-align: center;
    padding: 9px 0;
    float: left;
    font-size: 20px;
}
.cmb-txt {
    width: 100%;
    margin: 0; 
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    height: 170px;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=1 );
    text-align: center;
    padding: 10px 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.grf.item-block .cmb-txt {
    text-align: left;
    position: relative;
    background: transparent;
    padding: 0;
    /*height: 180px;*/
    height: auto;
    min-height: 215px;
}
.cmb-txt span {
    color: #3a3a3a;
    padding: 3px 0;
    width: 100%;
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
}
.cmb-txt p {
    width: 100%;
    font-size: 15px;
    display: inline-block;
    margin: 0;
    font-weight: 600;
    padding: 1px 0;
    margin-bottom: 0 !important;
}
.cmb-txt p {
    /* min-height: 100px; */
    float: left;
}
.cmb-img {
    width: 100%;
    margin: 0px 0 0;
    position: relative;
    display: inline-block;
    text-align: center;
    background: #eee;
    height: 100%;
}
.cmb-txt .fa-users, .cmb-txt .fa-user {
    position: absolute;
    right: 0;
    top: 0;
    color: #59a2c3;
    margin: 22px 10% 0;
    font-size: 130px;
    opacity: 0.1;
    width: 80%;
}
.cmb-txt .fa-users {
    color: #66c477;
}
.grf .cmb-img {
    width: 200px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 4px #e0e0e0;
    background: #fff;
    height: 200px;
    margin: 15px;
}
.grf .cmb-img span {
    display: table-cell;
    vertical-align: middle;
    height: 200px;
    width: 200px;
    position: relative;
    /*padding: 10px;*/
}
.project-page .cm-box {
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 15px 0 0;
}
.cm-box .panel .panel-content {
    padding: 32px 0 0 0;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
}
.grf.item-block .panel .panel-content {padding-left: 230px;}
.cmb-info {
    width: 80%;
    margin: 0 10% 10px;
    display: inline-block;
    text-align: right;
}
.cmb-info span {
    font-size: 30px;
    font-weight: 600;
    padding: 5px;
}
.cmb-info img {
    width: 30px;
    float: right;
}
.cmb-date {
    margin-bottom: 30px;
    width: 50%;
    float: left;
    padding-right: 20px;
}
.cmb-date h1 {
    margin: 0;
    font-weight: 400;
    font-size: 30px;
}
.cmb-date i {opacity: 0.4;}
.cmb-date a {
    text-decoration: underline;
    color: #000000;
    font-weight: 700;
}.cmb-date a {text-decoration: underline;}
.cmb-date ul li {
  margin-bottom: 5px;
  padding: 12px 0 0 0;
}
.cmb-date ul li p {
    display: inline-block;
    padding-left: 30px;
}
.cmb-date ul li b {
    width: 100%;
    float: left;
    display: inline-block;
}
.cmb-date .title-menu {float: left;}
.cmb-date .title-menu li {
    margin: 0;
    padding: 0;
}
.cmb-date .title-menu li button {
    border-color: transparent;
    text-decoration: underline;
    font-style: italic;
    padding: 10px 0;
}
.cm-box-info .cmb-info {
    width: 100%;
    margin: 0 0 10px;
    padding-right: 80px;
}
.cm-box-info span {
    font-weight: 300;
    font-size: 40px;
    padding: 10px;
}
.cm-box-info .cmb-info img {
    width: 50px;
    margin-top: -10px;
}
.cm-box-info .cmb-add {
    width: 60px;
    height: 60px;
    margin: 11px;
}
.cm-box-info .cmb-add .fa {
    width: 100%;
    text-align: center;
    padding: 11px 0;
    float: left;
    font-size: 40px;
}
.cm-box-info .cmb-img, .cm-box-info .cmb-txt {
    width: 100%;
    margin: 0;
}
.cm-box-info .cmb-img img {width: 100%;}
.panel-content .cmb-img img {
    /* width: 100%; */
    height: 100%;
    display: block;
    margin: 0 auto;
}
.panel-content .details-cmb-img {
    border-radius: 12px;
    overflow: hidden;
}
/*.panel-content .details-cmb-img img {
    width: 543px;
    height: 364px;
    display: block;
    border-radius: 12px;
}*/
.panel-content .details-cmb-img img {
    display: inline-block;
    max-height: 100%;
    /* height: auto; */
    vertical-align: middle;
    /* max-width: 100%; */
    margin: 0 auto;
}
.cm-box-info .cmb-txt span {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}

.vue-cropper {
  height: 222px !important;
}

.google-map {
    width: 100%;
    height: 435px;
    /* height: 250px; */
    margin: 0 auto;
    background: gray;
    /*border: solid 1px #00e676;*/
    border: solid 1px #eee;    
    border-radius: 12px;
    margin-top: 10px;
}
.form-group.error-input input:not([type]),
.form-group.error-input input[type=text]:not(.browser-default),
.form-group.error-input input[type=password]:not(.browser-default),
.form-group.error-input input[type=email]:not(.browser-default),
.form-group.error-input input[type=url]:not(.browser-default),
.form-group.error-input input[type=time]:not(.browser-default),
.form-group.error-input input[type=date]:not(.browser-default),
.form-group.error-input input[type=datetime]:not(.browser-default),
.form-group.error-input input[type=datetime-local]:not(.browser-default),
.form-group.error-input input[type=tel]:not(.browser-default),
.form-group.error-input input[type=number]:not(.browser-default),
.form-group.error-input input[type=search]:not(.browser-default),
.add-product .form-group.error-input textarea, .add-product .form-group.error-input input, .add-product .form-control.error-input, .add-product select.error-input, .error-input {
  border-bottom: 2px solid #e2574c !important;
  margin-bottom: auto;
}

.sd-graph .select-wrapper {
  margin-right: 30px;
  margin-bottom: 10px;
  margin-top: 2px;
}

.sd-graph .select-wrapper span.caret {
  color: #9b9b9b;
}

.sd-graph .select-wrapper input {
  color: #9b9b9b;
  border-bottom: 2px solid #9b9b9b;
  margin: 0 0 0px 0;
  height: 2rem;
  font-size: 20px;
}
.sd-grapg-content {
    padding-left: 10px;
    /*background-color: #f5f5f5;*/
    padding-top: 15px;
    border-radius: 12px;
}
.confirm-text a:hover {
    color: #00e676;
}
.confirm-text {
    padding: 10px 0;
}
.error {
    font-size: 12px;
    letter-spacing: .1px;
    text-align: left;
    color: #e2574c;
}
ul.citymenu:hover{
  overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
ul.citymenu::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
ul.citymenu::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
}
ul.citymenu {
    height: auto;
    max-height: 190px;
    margin:  0;
    overflow-y: hidden;
    border: 1px dashed;
}

.citymenu li a:hover {
    background-color: #75a478;
}
.p-block .panel-heading {
    white-space: nowrap;
    overflow: hidden;
    background: #fc0;
    text-overflow: ellipsis;
}
.report-a.product {
    background: #4b44cf;
    color: #fff;
    box-shadow: none;
}
.project-raised {
  position: relative;
  margin-bottom: 12px;
}
.project-raised-all {
  width: 250px;
  height: 9px;
  border-radius: 10px;
  background-color: #ebecef;
}
.project-raised-done {
  height: 9px;
  border-radius: 10px;
  background-color: #4b44cf;
  position: absolute;
  top: 0;
  left: 0;
}
/* GreenFundProjectProfile */
.owl-carousel .owl-item .project .panel-green .panel-content {
  /*height: 100%;*/
  height: 153px;
  box-shadow: 0 1px 2px #ccc;
}
.owl-carousel .owl-item .project .panel-green .panel-content .carouselImg {
  height: 100%;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: top;
  overflow: hidden;
}
.owl-carousel .owl-item {
  height: 200px;
}
.owl-carousel .owl-item img {
  display: block;
  width: 600px;
  margin: 0 auto 0;
  float: none;
  height: 500px;
}
.owl-carousel .item {
    height: 100%;
    background: #fff;
    padding: 1rem;
}

.owl-theme .owl-dots .owl-dot span {
  width: 100px;
  height: 4px;
  margin: 5px 7px;
  background: #4b44cfff;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 0px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #8c89c1;
}
iframe {
    width: 713px;
    height: 401px;
}
.row .panel {
  border: none;
  /*box-shadow: 0 3px 10px #0f5d55bd;*/
  border-radius: unset;
  min-height: 200px;
  background: #eee;
  margin-bottom: 10px;
}
.cm-box.row .panel {
    border-radius: 14px;
    overflow: hidden;
}
.txt-line p {
  float: left;
  word-break: break-all;
}
.fund-title h1 {
  text-transform: uppercase;
}
.fund-title span {
    color: #00b248;
    font-size: 12px;
    margin-top: -10px;
    padding-left: 0px;
    font-weight: bold;
}
.cmb-date.last li {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 0 10px;
    min-height: auto;
    margin: 0;
}
.cmb-date.last li:nth-child(2) {
    float: right;
}
.cmb-pr-problem {
    width: 100%;
    padding: 0 15px;
}
.fund {
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background: #00e676;
    vertical-align: middle;
    text-align: center;
    padding-top: 42px;
    font-size: 33px;
    font-weight: 500;
}
.no-project {
    min-height: 240px;
    height: auto;
    text-align: center;
    padding-top: 50px;
}
.no-project p:first-child {
    font-size: 28px;   
}
.no-project p {
    margin: 0 30px;
    font-size: 16px;
     opacity: 0.6;
}
.fund-add .col-lg-6 input, .fund.add-product .col-lg-6 select, .fund-add input {
    width: 98%;
}
.fund-add .w46 :last-child {
    float: right;
}
.fleft {
    float: left;
    width: 100%;
}
.fund-add .col-lg-6 {
    padding-left: 0px;
    padding-right: 0px;
    width: 48%;
}
.fund-add ul li .fa {
    margin-right: -6px;
}
.upload-block li label, .upload-block label {
    width: 30% !important;
}
.upload-block input {
    width: 70%;
    float: right;
}
.add-product ul li .fa.fa-first {
    margin-right: -18px !important;
}
.btn-go {
    cursor: pointer;
    padding: 1px 5px;
    border-radius: 4px;
    background: #00e676;
}
.fund-details .cmb-date {
    margin-bottom: 20px;
}
.top-block {
    margin-bottom: 30px;
}
.item-block .cmb-txt span {
    color: #00b248;
    font-size: 12px;
    font-weight: bold;
}
.grf.item-block .cmb-txt span {
  padding: 10px 0 0;
}
.grf.item-block .cmb-txt p span {padding: 0;}
.cmb-txt div {
    overflow: hidden;
    height: auto;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 5px;
}
.item-block .cmb-img img {
    height: 170px;
    margin-bottom: 5px;
}
.grf.item-block .cmb-img img {
    margin: auto;
    text-align: center;
    max-width: 100%;
    height: auto;
    display: table-cell;
    vertical-align: middle;
    /* width: 100%; */
    max-height: 100%;
}
.cmb-pr-name {
    font-size: 20px;
    font-weight: 600;
    width: 50%;
    float: left;
    max-width: 300px;
    white-space: nowrap;
    display: inline-block !important;
    margin: 0;
}
.cmb-date.g-txt i {
    opacity: 1;
}
.item-block .cmb-date {
    margin: 6px 10% 0;
    padding-bottom: 10px;
}
.item-block .fund {
    width: 50px;
    padding-top: 16px;
    float: right;
    margin-top: -46px;
    margin-right: -15px;
    overflow: hidden;
    height: 50px;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 5px;
}
.item-block .fund {
    float: right;
    background: #55be68;
    color: #fff;
    padding: 5px 0;
    border-radius: 10px;
    font-weight: 500;
    box-shadow: 0px 3px 5px #ccc;
    line-height: normal;
    width: 70px;
    margin: 10px 15px 15px;
    height: auto;
}
/*====== contact ======*/
.contact-form-container {
  padding-top: 85px;
  background: #4B44CF !important;
  color: #fff;
  font-weight: 700;
}
.contact-form-container textarea {
  margin: 0 0 5px 0;
  resize: none;
  border-radius: 0;
  height: 171px;
}
.contact-form-container input {
  border-radius: 0;
}
.contact-form-container li {
  display: block;
  padding: 0 0 5px 0;
}
.contact-form-container .send-btn {
  color: #00e676;
  display: block;
  line-height: 50px;
  text-align: center;
  border-style: solid;
  border-width: 2px;
  font-size: x-large;
}
.contact-form-container ::placeholder {
  color: #00e676;
  font-weight: 500;
  font-style: italic;
}
.contact-form-container .info, .contact-form-container .info a {
  color: #00e676;
}
.contact-form-container .info a {
  text-decoration: underline;
}
.contact-form-container .error {
  font-size: 15px;
  letter-spacing: .1px;
  text-align: left;
  color: #ff5f52;
}
/*====== about ======*/
.about-container {
  padding-top: 70px;
  background-color: #4b44cf !important;
  color: #fff;
}
.about-container#page-content-wrapper {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
.about-howitworks-box-1 {
  background: #4B44CF;
  color: #fff;
  padding-top: 15px;
}
.about-howitworks-box-1 h1,
.about-howitworks-box-4 h1,
.about-howitworks-box-5 h1 {
  font-size: 45px;
  font-weight: 700;
  margin-top: 0;
}
.about-howitworks-box-1 h3 {
  font-size: 20px;
  font-weight: 300;
}
.about-howitworks-box-1 h4 {
  font-size: 16px;
  font-weight: 300;
}
.about-howitworks-box-2 {
  background: #4a6e78;
  color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
.about-howitworks-box-2 .h4{
  font-size: 19px;
  font-weight: 600;
}
.about-howitworks-box-3 {
  background: #00e676;
  color: #000;
  padding-top: 30px;
  padding-bottom: 30px;
}
.about-howitworks-box-3 h4 {
  font-size: 18px;
  font-weight: 400;
}
.about-howitworks-box-4 {
  background: #4B44CF;
  color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
.about-howitworks-box-4 h4 {
    font-size: 17px;
    font-weight: 300;
}
.about-howitworks-box-5 {
  background: #00E676;
  color: #000;
  padding-top: 30px;
  padding-bottom: 30px;
}
.about-howitworks-box-5 .panel.panel-default {
  background-color: rgba(255,255,255,.15);
}
.about-howitworks-box-5 .panel-heading {
  height: auto;
  background-color: rgba(255,255,255,.15);
  padding: 0;
  display: flex;
}
.about-howitworks-box-5 .panel-title,
.about-howitworks-box-5 .panel-title a {
  width: 100%;
  height: 100%;
}
.about-howitworks-box-5 .panel-title a {
  padding: 10px 15px;
}
.about-howitworks-box-5 .panel-heading {

}
.about-howitworks-box-1 .btn-link,
.about-howitworks-box-2 .btn-link {
  font-size: 18px;
  color: #fff;
  text-decoration: underline;
  background-color: transparent;
}
.about-howitworks-box-1 .btn-link:hover,
.about-howitworks-box-2 .btn-link:hover {
  color: rgb(192, 192, 192);
  text-decoration: underline;
  background-color: transparent;
}
.about-howitworks-box-2 p {
  font-size: 12pt;
  word-spacing: 1pt;
  line-height: 16pt;
}
.about-howitworks-box-3 .bold-text,
.about-howitworks-box-4 .bold-text {
  font-size: 19px;
  font-weight: 700;
}
.about-howitworks-box-2 img,
.about-howitworks-box-4 img {
  max-width: 100%;
}
/* Carousel */
.multi-item-carousel .carousel-inner > .item {
  transition: 500ms ease-in-out left;
}
.multi-item-carousel .carousel-inner .active.left {
  left: -33%;
}
.multi-item-carousel .carousel-inner .active.right {
  left: 33%;
}
.multi-item-carousel .carousel-inner .next {
  left: 33%;
}
.multi-item-carousel .carousel-inner .prev {
  left: -33%;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .multi-item-carousel .carousel-inner > .item {
    transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out all;
    backface-visibility: visible;
    transform: none!important;
  }
}
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
  background-image: none;
}
.cmb-date.last.item {
    font-size: 12px;
    margin: 0;
    max-width: 50%;
    float: right;
    padding: 0;
    text-align: right;
    display: inline-block !important;
}
.cmb-date.last.item ul {
    list-style: none;
    padding: 10px 15px;
    margin: 0;
    float: right;
}
.panel-content ul li .span-symbol {
    float: none;
    padding: 0px;
}

/*======= project profile =======*/
.title-img-logo {
    width: 50px;
    float: left;
    margin-right: 15px;
}
.search-menu select {
    padding: 0px 0px;
    margin: 0;
    /*background: #4b44cf;*/
    list-style: none;
    float: left;
    width: 100%;
    cursor: pointer;
    /*color: #fff;*/
    border: none;
    border-bottom: 1px solid #fff;
    height: 22px;
}
.search-menu select option {
    /*color: #fff;
    background: #4b44cf;*/
    cursor: pointer;
}
.width-a {width: auto;}
.color-green {color: #55be68;}
/*.player {
    height: 500px;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 12px;
    box-shadow: 0 0 5px #eee;
}
.player img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}*/
.display-table {display: table;}
.player {
    height: 500px;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px #d4d4d4 dashed;
    border-radius: 12px;
    box-shadow: 0 0 5px #eee;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #f3fff5;
    float: none;
}
.player img {
    display: inline-block;
    max-height: 100%;
    height: auto;
    vertical-align: middle;
}
.progree-line {
    height: 16px;
    border-radius: 100px;
    background: #eee;
    /*margin-top: 20px;*/
    overflow: hidden;
}
.progree-line .progree-line-color {
    position: absolute;
    height: 20px;
    width: 80%;
    left: 0;
    top: 0;
    background: #00e676;
    border-radius: 100px;
}
.txt-line-title {
    margin-top: 20px;
    font-size: 18px;
    color: #55be68;
}
.txt-line-title b {
    color: #000;
    margin-left: 50px;
    font-size: 20px;
}
.txt-line p {
    font-size: 16px;
    line-height: 20px;
}
.fund-box {
    /* box-shadow: 0 3px 10px #0f5d55bd; */
    padding: 10px 20px;
    margin-bottom: 40px;
    color: #666;
    font-weight: 600;
}
.fund-box .fbox-price {
    font-size: 20px;
    padding: 0px 0 0px 0;
    border-bottom: 1px solid;
    margin-bottom: 20px;
    color: #666;
    font-style: italic;
}
.fund-box .fbox-price  b {
    color: #666;
    font-style: normal;
    font-size: 30px;
}
.fund-box .fund-circle {
    float: right;
    background: #55be68;
    color: #fff;
    padding: 5px 0;
    border-radius: 10px;
    font-weight: 500;
    box-shadow: 0px 3px 5px #ccc;
    line-height: normal;
    width: 70px;
    /*margin: 10px 15px;*/
    height: auto;
    text-align: center;
    cursor: pointer;
}
/*====== profile settings ======*/
.ta-left {text-align: left;}
.ta-right {text-align: right;}
.ta-center {text-align: center;}
.profile-box, .profile-box-top {
    /* max-width: 800px; */
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 20px 0;
}
#profile h3 {
/*    padding-left: 29px;*/
    text-align: center;
  }
.logo-img {
    width: 200px;
    height: 200px;
    margin: 0 auto 20px auto;
    float: none;
    border-radius: 200px;
    overflow: hidden;
    border: 1px dashed #ddd;
}
.logo-img img {
    height: 105%;
    max-width: 200%;
    float: left;
    margin: -2%;
}
.profile-box .inp-label {
    text-align: left;
    width: 150px;
    float: left;
    padding-right: 10px;
    font-size: 14px;
    margin-top: 12px;
    position: absolute;
    left: 0;
}
.profile-box .line {
  padding-left: 170px;
}
.profile-box input, .profile-box select {
    border-radius: 0;
    border: transparent;
    box-shadow: none;
    margin-bottom: 10px;
    padding: 0;
    line-height: normal;
    height: auto;
    font-size: 16px;
    /* font-style: italic; */
    width: 100%;
    border-bottom: 2px solid #66c477;
    color: #333;
    margin-top: 10px;
    display: inline-block;
}
.profile-box select {cursor: pointer;}
.profile-box .line a.gw-btn {
  top: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 4px 8px;
  color: #fff;
  transition: 0.3s;
  border-radius: 6px;
  background: #66c477;
  font-size: 14px;
  height: 25px;
  margin-top: 4px;
}
.profile-box .line a.gw-btn:hover {
    background: #75a478;
    color: #fff;
}
.profile-box-top {margin-bottom: 10px;}
.profile-box ::placeholder {
    font-style: italic;
    color: #ccc;
}
.profile-box .fa.fa-info-circle {
    position: absolute;
    right: 0;
    top: 5px;
    margin-right: 0px;
    opacity: 0.5;
}
.profile-box-top .btn-label {
    color: black;
    font-weight: bold;
    background: #fff;
    margin-top: -42px;
    text-align: center;
    height: 40px;
    padding-top: 10px;
    opacity: 0.8;
    cursor: pointer;
    width: 100%;
    float: left;
    padding-right: 0px;
    font-size: 14px;
}
.profile-box-top .logo-img-btn {
    margin-top: 86px;
}
.btn-box {text-align: center;}
.profile-box .btn-box .create-btn {
    float: right;
    display: inline-block;
    font-size: 16px;
    margin: 20px;
    padding: 6px 20px;
    border-radius: 10px;
}
.profile-box .btn-box .create-btn:hover {
    background: #75a478;
    color: #fff;
}
@media (max-width: 991px) {
  .dashboard-carousel {
      padding-right: 6px;
      padding-bottom: 50px;
  }
  .btn-prj {
    top: auto;
    height: 80px;
    width: 100%;
    padding: 11px 0 0 0;
    top: 0;
    background: transparent;
  }
    .profile-box-top .logo-img-btn {
        margin-top: 0px;
    }
    .profile-box .inp-label {
        position: relative;
    }  
    .profile-box .line {
        padding-left: 15px;
    }  
}
@media (max-width: 767px) {
    .profile-box .inp-label{text-align: left;}
}
.profile-box .error-input {
    border-bottom: 2px solid #e2574c;
}
/* end profile settings */


/*====== profile settings ======*/
.mp-line {
  display: inline-block;
  width: 100%;
}
.mp-line .card {margin: 6px 14px 0 0px;}
.pm-h3 {
    width: auto;
    margin: 0 0 20px 0;
    opacity: 0.6;
    font-weight: 400;
}
.mp-line .col-sm-5 {max-width: 160px;}
.ico-plus {
    transition: 0.3s;
    float: right;
    display: inline-block;
    font-size: 16px;
    /* margin: 20px; */
    padding: 6px 20px;
    border-radius: 10px;
    background: #66c477;
    color: #fff;
    box-shadow: 0px 3px 5px #ccc;
}
.ico-plus i {
    color: #001b9d;
    font-size: 24px;
    margin: 0 15px 0 0;
    transition: 0.3s;
}
.ico-plus:hover, .ico-minus:hover i {
    background: transparent;
    color: #00e676;
    text-decoration: none;
}
.generate {
    font-style: italic;
    text-decoration: underline;
    float: left;
    margin-top: -7px;
}
.ico-minus {
    position: absolute;
    right: 0;
    top: 0;
    margin: 10px -10px 0 0px;
}
.ico-minus i {
    color: #59a2c3;
    font-size: 16px;
    margin: 0;
    transition: 0.3s;
}
/*====== END profile settings ======*/

/*====== community ======*/
.community {
  background-color: #4b44cf !important;
  color: #fff;
}
.community h1 {font-size: 50px;}
.community h2 {font-size: 40px;}
.community .ta-center img {width: 400px;}

.co-links {margin: 30px 0 60px;}
.co-links a {
  color: #fff;
  font-size: 22px;
  padding: 0 10px;
  text-decoration: underline;
}
.co-line {margin-bottom: 60px;}
.co-line p {
  font-size: 22px;
  line-height: 32px;
  margin: 10px 0;
  float: left;
  width: 100%;
  max-width: 600px;
}
.co-line p a,
.co-line p a:hover,
.co-line p a:active,
.co-line p a:visited {
  text-decoration: underline;
  color: #00e676 !important;
}
.co-ep-a {margin-right: 30px;}
.co-ep-a img {
  margin-right: 6px;
  width: 30px;
}
.co-player-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.co-player-list ul li {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.track-title {
  width: 100%;
  float: left;
  font-size: 22px;
  margin-bottom: 10px;
}
.track-title {
  width: 100%;
  float: left;
  font-size: 22px;
  margin-bottom: 10px;
}
.track-play-line {
  position: relative;
  height: 2px;
  width: 300px;
  background: #fff;
  float: left;
  margin: 30px 20px 30px 40px;
}
.track-play-line span {
  border: 20px solid transparent;
  border-left: 20px solid #fff;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: -19px;
  z-index: 10;
}
.download-btn {
  float: left;
  margin-top: 15px;
}
.download-btn img {width: 30px;}
.co-inst-box .line {
  background: #fff;
  min-height: 300px;
  color: #333;
  font-style: italic;
  text-align: center;
  display: table;
}
.co-inst-box .line span {
  vertical-align: middle;
  display: table-cell;
  font-size: 22px;
}
.co-soc-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: inline-block;
  text-align: center;
}
.co-soc-list ul li {
  width: 30%;
  display: inline-block;
  padding: 0 2%;
  text-align: center;
}
.co-soc-list ul li img {width: 86px;}

/*====== checkout ======*/
.cho-line {
  border: 1px solid #333;
  padding: 10px 30px 30px;
  margin: 10px 0 50px;
  box-shadow: 0 3px 6px #ddd;
}
.cho-line input, .cho-line select {
  border-radius: 0;
  border: transparent;
  box-shadow: none;
  margin-bottom: 10px;
  padding: 0;
  line-height: normal;
  height: auto;
  font-size: 20px;
  /* font-style: italic; */
  width: 100%;
  border-bottom: 2px solid #00e676;
  color: #333;
  margin-top: 10px;
}
.cho-line h3 {color: #001b9d;}
.chbx-box input {width: auto;}
.chbx-box {
  padding-right: 50px;
  font-size: 22px;
}
.checkout-box .btn-box {
  text-align: center;
  padding: 66px 0;
}
.checkout-box .btn-box .create-btn {
  font-size: 22px;
  float: none;
  padding: 14px 40px;
  margin-top: 20px;
  margin: 0;
}
.carbon-market .panel.panel-green {
  height: 258px;
}
.card {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    width: 35px;
    position: absolute;
    right: 0;
    top: 0;
    margin: 11px 17px 0 0px;
}
.highimg {
    width: 150px;
    height: 150px;
}
.wind a {
    background: #00e676;
    color: #000;
    padding: 8px 20px;
    font-size: 16px;
    /*border-radius: 6px;*/
    box-shadow: 0 3px 6px rgba(0,0,0,.3);
    margin: 5px auto;
    width: 125px;
    display: table;
    margin-top: 35px;
}

/*======== new landing =========*/
.landing-row {
  background: url(/static/dist/images/landing.jpg);
  background-size: cover;
  min-height: 970px;
  background-position: center top;
  background-repeat: no-repeat;
}
.landing-row5 {
  background: url(/static/dist/images/landing2.jpg);
  background-size: cover;
  min-height: 1400px;
  background-position: center top;
}
.landing-row .page-header {
    opacity: 1;
    color: #fff;
    font-size: 4.8vw;
    padding: 40px 0 40px;
    font-weight: 700;
    text-shadow: 4px 2px 3px #367ac3;
    line-height: 102px;
    max-width: 89%;
    letter-spacing: 3px;
}
.landing-row .col-lg-7 {padding: 0 22px;}
.landing-row p.top-p {
    max-width: 81%;
    padding: 0 22px;
}
.landing-row p, .landing-row ul {
    display: inline-block;
    width: 100%;
    font-size: 30px;
    color: #fff;
    line-height: 82px;
    letter-spacing: 2.8px;
}
.landing-row ul {
    padding: 0 0 0 25px;
    max-width: 100%;
    font-weight: 800;
    list-style: none;
    margin-bottom: 43px;
}
.landing-row ul li {letter-spacing: 0px;}
.landing-row ul li:before {
    background: #8be7a4;
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 10px;
    border-radius: 100px;
    display: inline-block;
}
.btn-w {
    font-size: 34px;
    background: #fff;
    padding: 16px 29px 14px;
    border-radius: 20px;
    min-width: 300px;
    display: inline-block;
    text-align: center;
    letter-spacing: 1px;
}
.landing-row .col-lg-7 p a.btn-w:first-child {margin-right: 16%;}
.landing-row .col-lg-4 a.btn-w {
  float: right;
  margin: 42px 82px 0 0;
}
.btn-w-get {
    color: #fff !important;
    font-weight: 700;
    font-size: 43px;
    border: 3px solid #fff;
    width: 327px;
    display: inline-block;
    padding: 12px 0;
    text-align: center;
    border-radius: 20px;
    margin: 78px 21% 175px;
}
.special-token-line {
  background: #37488d;
  background: -moz-linear-gradient(-45deg, #37488d 0%, #4671a5 40%, #5aa4c4 100%);
  background: -webkit-linear-gradient(-45deg, #37488d 0%,#4671a5 40%,#5aa4c4 100%);
  background: linear-gradient(135deg, #37488d 0%,#4671a5 40%,#5aa4c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37488d', endColorstr='#5aa4c4',GradientType=1 );
  border-radius: 10px;
  padding: 0 30px;
  color: #fff;
  margin-top: -140px;
}
.special-token-line h1 {
  font-weight: 600;
  font-size: 79px;
  text-align: center;
  margin: 40px 0;
}
.progress-line {
  height: 25px;
  background: #fff;
  padding: 3px 4px;
  font-size: 42px;
  font-weight: 100;
  font-style: italic;
  margin-bottom: 90px;
  border: 1px solid #ccc;
  width: 96%;
  margin: 0px 0.5% 130px;
}
.progress-color {
  background: #00ffba;
  width: 36%;
  height: 100%;
  float: left;
}
.progress-start, .progress-box, .progress-end {
  position: absolute;
  top: -1px;
  height: 20px;
  padding-top: 36px;
  width: 245px;
  text-align: right;
}
.progress-start {left: 0; text-align: left;}
.progress-box {
  left: 19%;
}
.progress-box::before {
    content: '';
    border-left: 2px solid #707070;
    height: 26px;
    position: absolute;
    top: 0;
}
.progress-end {right: 0%;}
.time-rem {
    color: #00ffba;
    font-size: 55px;
    text-align: center;
    padding: 46px 0px 0 73px;
    font-weight: 400;
}
.special-token-line .btn-w-get {
    font-size: 56px;
    width: 448px;
    padding: 27px 0 22px;
    margin: 0 11% 50px 0;
    float: right;
}
.landing-row2 h5 {
    font-size: 53px;
    max-width: 100%;
    text-align: center;
    margin: 66px auto;
    padding: 0 1% 0 3%;
    letter-spacing: 0px;
}
.landing-row3 {margin: 0;}
.landing-row3 .col-lg-3 {
    box-shadow: 0 4px 5px #d4d4d4;
    padding: 0 40px 20px 40px;
    max-width: 400px;
    margin-left: 10px;
}
.landing-row3 .title-header {
    font-size: 54px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin: 14px 0 50px;
    line-height: 69px;
}
.landing-row3 .img-box {
  padding: 0;
  display: inline-block;
  text-align: center;
  width: 100%;
}
.landing-row3 .img-box img {
  max-width: 220px;
  height: 240px;
  width: auto;
}
.landing-row3 p {
    margin: 76px 0 10px 0;
    color: #000;
    font-size: 24px;
    min-height: 242px;
    display: inline-block;
    line-height: 30px;
}
.landing-row3 .col-lg-1 {width: 13%;}
.landing-row4 h4.color-green {
    color: #55be68;
    font-size: 56px;
    font-weight: 600;
    text-align: center;
    margin: 139px 0 110px;
}
.landing-row4 .col-lg-5 {
    padding: 50px 40px 58px;
    box-shadow: 0 4px 5px #d4d4d4;
    margin-bottom: 110px;
    margin-left: 26px;
}
.landing-row4 .col-lg-5 .title-header {
  color: #000;
  font-size: 80px;
  font-weight: 600;
  margin-bottom: 168px;
  width: 100%;
  display: inline-block;
  text-align: center;
}
.landing-row4 .col-lg-5 p {
    color: #000;
    font-size: 24px;
    display: inline-block;
    padding-bottom: 225px;
    width: 93%;
    margin: 0 0 0 7%;
}
.landing-row4 .col-lg-5 .img-box {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.landing-row4 .col-lg-5 .img-box a {
    border: 5px solid #55be68;
    border-radius: 18px;
    font-size: 46px;
    padding: 28px 0 29px;
    display: inline-block;
    min-width: 440px;
}
.landing-row4 .btn-green, .landing-row5 .btn-green, .login-left .btn-green {
    font-size: 64px;
    position: relative;
    padding: 33px 0px;
    margin: 0 auto -94px auto;
    color: #fff;
    background: #55be68;
    border-radius: 18px;
    font-weight: 700;
    display: block;
    max-width: 520px;
    z-index: 1;
}
.landing-row5 .page-header {
    color: #fff;
    opacity: 1;
    font-size: 91px;
    font-weight: 400;
    margin: 266px 0 105px;
    padding: 0;
}
.landing-row5 .page-header.second {
    margin: 113px 26px 80px;
}
.landing-row5 .line .col-lg-6 {text-align: center;}
.landing-row5 .line .col-lg-6 .img-box {
    width: 442px;
    height: 442px;
    background: #fff;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #aaa;
    margin-left: -80px;
}
.landing-row5 .btn-box {
    margin-bottom: -77px;
    margin-top: 348px;
    height: 139px;
}
.landing-row6 {
  padding: 180px 30px 10px;
}
.landing-row6 .col-lg-12 {text-align: center;}
.landing-row6 .col-lg-12 a {
    width: 87px;
    height: 87px;
    border: 5px solid #000;
    padding: 15px 0 0 0;
    font-size: 42px;
    border-radius: 100%;
    display: inline-block;
    margin: 0 10px 20px;
}
.landing-row6 .col-lg-12 h4 {
    font-size: 43px;
    font-weight: 400;
    letter-spacing: 8px;
    margin: 119px 0 120px;
}
.landing-row6 .col-lg-12 p {
    font-size: 22px;
    letter-spacing: 8px;
    margin-bottom: 84px;
}
.landing-row6 .form-group {
  text-align: left;
}
.landing-row6 .line .col-lg-6 {
    width: 43%;
    margin: 0 0 78px 4%;
}
.landing-row6 .line .col-lg-12 {
    width: 90%;
    margin: 0 0 28px 4%;
}
.saftform .form-group .control-label, .landing-row6 .form-group .control-label {
    font-size: 38px;
    font-weight: 400;
    margin-bottom: 13px;
}
.saftform .form-group .form-control, .landing-row6 .form-group .form-control {
    min-height: 76px;
    margin-bottom: 30px;
    border: 3px solid #ccc;
    border-radius: 12px;
    font-size: 22px;
}
.landing-row6 .col-lg-12 a.form-go {
    width: 266px;
    border-radius: 14px;
    font-size: 26px;
    letter-spacing: 7px;
    padding: 46px 0 43px;
    height: auto;
    float: left;
    margin: 8px 0 28px 73px;
}
.landing-row-footer p {
    padding: 24px;
    text-align: center;
    font-size: 38px;
    font-weight: 400;
}
/*======== new landing - saftform =========*/
.saftform {
  background: #37488d;
  background: -moz-linear-gradient(-45deg, #37488d 0%, #4671a5 40%, #5aa4c4 100%);
  background: -webkit-linear-gradient(-45deg, #37488d 0%,#4671a5 40%,#5aa4c4 100%);
  background: linear-gradient(135deg, #37488d 0%,#4671a5 40%,#5aa4c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37488d', endColorstr='#5aa4c4',GradientType=1 );
  border-radius: 10px;
  padding: 0 30px;
  color: #fff;
  display: inline-block;
  padding: 30px;
  margin-bottom: 30px;
}
.saftform .description {
  margin: 30px 0 60px;
  font-size: 1.1vw;
}
.saftform .col-bonus {
  position: relative;
  min-height: 75px;
}
.saftform .col-bonus .col-bonus-text {
  position: absolute;
  bottom: 0;
  left: 0;
}
/*.saftform a.form-go {
  border-radius: 10px;
  font-size: 18px;
  letter-spacing: 4px;
  padding: 18px;
  color: #fff;
  background: #55be68;
  display: inline-block;
}*/
.saftform a.form-go {
    border-radius: 6px;
    font-size: 18px;
    /* letter-spacing: 4px; */
    padding: 6px 0px;
    color: #fff;
    background: #55be68;
    display: inline-block;
    max-width: 400px;
    width: 100%;
    margin: 50px 0 30px;
}
}
.saftform a.form-go:hover {
  background: #238435;
}
.font-style-italic {
  font-style: italic;
}
.saftform .currency-button {
  display: inline-block;
  border-width: 0;
  padding: 10px 26px;
  text-transform: uppercase;
  letter-spacing: .15em;
  margin-right: 10px !important;
  border-radius: 10px;
  background-color: #FFF;
  color: #55be68;
  font-weight: 800;
  font-size: 20px;
  height: 42px;
}
.saftform .currency-button.select {
  background-color: #55be68;
  color: #fff;
}
.saftform .currency-button:hover {
  background: #238435;
}
.saftform .btn-link {
  color: #fff;
  font-size: 25px;
  text-decoration-line: underline;
  background: #55be68;
  border-radius: 6px;
  font-size: 18px;
}
/*======== signin / signup =========*/
.social-line ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
}
.social-line ul li {
    float: left;
    margin-right: 15px;
}
.social-line ul li a {
    color: #fff;
    font-size: 40px;
    transition: 0.3s;
}
.social-line ul li a:hover {color: #242424;}
.login-title {
  padding: 35px 0 !important;
  letter-spacing: 1.6px;
  margin-bottom: 0px;
}
.login-left .go, .resetpwd .go {
  font-size: 22px;
  position: relative;
  padding: 4px 36px;
  color: #fff;
  background: #55be68;
  border-radius: 10px;
  font-weight: 600;
  border-width: 0;
  margin-left: 6px;
  margin-top: 5px;
  z-index: 10;
}
.mar-top-50 {
  margin-top: 70px;
}
.login-left .btn-w, .d-head .btn-w {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  border-color: #fff;
  background-color: transparent;
  border-style: solid;
  border-width: 4px;
  padding: 6px 25px;
  border-radius: 16px;
  min-width: 160px;
  display: inline-block;
  text-align: center;
  margin-left: 33px;
  letter-spacing: 2.3px;
}
.d-head .btn-w {
    color: #5cb85c;
    border-color: #5cb85c;
    float: right;
    font-size: 16px;
    margin: 22px 0 0 10px;
}
.d-body  .inp-label {
    width: 100%;
    float: left;
    margin: 10px 0;
}
.d-body  .line-margin {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.d-body input {
    text-transform: uppercase;
}
.d-body  .green-chbx-lable {color: #333;}
.login-right { 
  position: relative;
  margin-top: -45px; 
}
.login-right img { 
  position: absolute;
  top: 0;
  left: 0;
  max-width: 101%;
} 
.login-left .btn-forgot-password {
  background: none;
  border: none;
  padding: 0!important;
  font: inherit;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  color: #fff;
  font-size: 15px;
  font-style: italic;
}
.login-left .btn-forgot-password:hover {
  color: #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.login-left input[type=text],
.login-left input[type=password],
.login-left input[type=email],
.login-left select {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid #fff;
  font-size: 20px;
  font-style: italic;
  padding-top: 10px;
  padding-left: 0px;
  border-radius: 0;
  box-shadow: inset 0px 0px 0px 0px #fff;
  color: #fff;
  background-color: transparent;
}
.login-left input[type=text].error-input,
.login-left input[type=password].error-input,
.login-left input[type=email].error-input,
.login-left select.error-input {
  border-bottom: 2px solid #e2574c !important;
  margin-bottom: auto;
}
.login-left input[type=text]::placeholder,
.login-left input[type=password]::placeholder,
.login-left input[type=email]::placeholder,
.login-left select::placeholder {
  color: #fff;
}
.login-left input[type=text]:-webkit-autofill, .login-left input[type=text]:-webkit-autofill:hover, .login-left input[type=text]:-webkit-autofill:focus, .login-left input[type=text]:-webkit-autofill:active,
.login-left input[type=password]:-webkit-autofill, .login-left input[type=password]:-webkit-autofill:hover, .login-left input[type=password]:-webkit-autofill:focus, .login-left input[type=password]:-webkit-autofill:active,
.login-left input[type=email]:-webkit-autofill, .login-left input[type=email]:-webkit-autofill:hover, .login-left input[type=email]:-webkit-autofill:focus, .login-left input[type=email]:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #fff;
}
/*======== signUp =========*/
.login-left .signUp input[type=text], .signUp input[type=password], .signUp input[type=email], .signUp select {
  margin-top: 14px;
}
.login-left .signUp .go {
  font-size: 20px;
}
.login-left .signUp .line-margin {
  margin: 24px 0 2px -6px;
}
.login-left .signUp select[name=country] option {
  color: black;
}
/*======== green-checkbox =========*/
.green-chbx {
  width: 26px;
  height: 26px;
  margin-right: 5px;
  border-radius: 1px;
  border: 4px solid #55be68;
  float: left;
  cursor: pointer;
  background-color: #fff;
}
/*.green-chbx:nth-child(1) { margin-top: 29px; }
.green-chbx.two, .green-chbx.three { margin-top: 10px; }*/
.green-chbx div {
  display: none;
}
.green-chbx.active div {
  display: block;
  width: 11px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #55be68;
  border-bottom: 2px solid #55be68;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  margin: -9px -1px;
}
.green-chbx-lable {
  font-size: 18px;
  padding-left: 38px;
  font-style: italic;
  color: white;
}
/*======== sidebar-nav =========*/
.container {position: relative;}
.content-box {
    /*padding: 28px 0 0 250px;*/
    /*padding: 28px 0 0 419px;*/
    padding: 0px 0 0 330px;

}
.sidebar-nav {
    list-style: none;
    padding: 10px 16px;
    display: inline-block;
    min-height: 400px;
}
.sidebar-nav hr {
    margin: 50px 0 10px 0;
}
.sidebar-nav li a {
    color: #fff;
    padding: 8px 0;
    width: 100%;
    display: inline-block;
    font-size: 30px;
    /*border-top: 1px solid #28214c;*/
}
.sidebar-nav li a:hover {text-decoration: underline;}
.sidebar-nav li.user a:hover {text-decoration: none;}
.project-page p {margin-bottom: 20px;}
.page-title {font-size: 18px;}
.page-alert {
    font-size: 22px;
    margin: 0 0 20px 0;
}
.black-link {
    font-size: 16px;
    border-bottom: 1px solid;
}
/*======== base style =========*/
.headline-1 {
  font-size: 65px !important;
  line-height: 82px !important;
  /* font-weight: bold !important; */
}
.headline-2 {
  font-size: 40px !important;
  line-height: 40px !important;
}
.headline-3 {
  font-size: 30px !important;
  line-height: 30px !important;
  margin-top: -21px;
  margin-bottom: 35px;
  letter-spacing: 1.2px;
  /* font-weight: bold !important; */
}
.subtitle-1 {
  font-size: 20px !important;
  line-height: normal; !important;
  margin: 30px 0 50px;
  padding-left: 10px;
}
.subtitle-2 {
  font-size: 20px !important;
  line-height: 20px !important;
}
.subtitle-3 {
  font-size: 16px !important;
  line-height: 16px !important;
}
.text-body-1 {
  font-size: 20px !important;
  line-height: 20px !important;
}
.text-body-2 {
  font-size: 16px !important;
  line-height: 16px !important;
  /*
  font-weight: 400 !important;
  font-style: italic !important;
  */
}


















.addProjectRect {
  background: #5cb85c;
  color: #fff;
  padding: 37px 30px;
  margin: 0;
  border-radius: 15px;
  font-size: 30px;
  /*line-height: 168px;*/
  height: 180px;
  width: 190px;
  display: inline-block;
  margin-top: 15px;
  text-align: center;
}
.dashboard-carousel {
  position: relative;
  padding-right: 155px;
}
.dashboard-carousel .owl-theme .custom-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.dashboard-carousel .owl-theme .custom-nav .owl-prev, .dashboard-carousel .owl-theme .custom-nav .owl-next {
  position: absolute;
  height: 187px;
  color: inherit;
  background: none;
  border: none;
  z-index: 100;
  background-color: #ffffffba;
}
.dashboard-carousel .owl-theme .custom-nav .owl-prev i, .dashboard-carousel .owl-theme .custom-nav .owl-next i {
  font-size: 4.5rem;
  font-weight: bold;
  color: #55be68;
}
.dashboard-carousel .owl-theme .custom-nav .owl-prev {
  left: 0;
}
.dashboard-carousel .owl-theme .custom-nav .owl-next {
  right: 150px;
}
.reg-right-img {
  margin-left: -8px;
}
.green-chbx-lable span { text-decoration: underline; }
.error-message {
   font-size: 16px;
}
.wrapper { overflow-x: hidden; }
.owl-carousel { width: 100%; }
.dashboard-carousel .owl-theme .custom-nav .owl-next { right: 150px;}
.btn-prj {
    position: absolute;
    right: 0;
    margin: 0;
    top: 0;
    height: 100%;
    width: 150px;
    z-index: 300;
    /* z-index: 100000000; */
    text-align: center;
    padding: 45px 0px;
    background: #fff;
}
.btn-prj br {display: none;}
.btn-prj a:last-child {
  bottom: 0;
  padding: 12px 24px;
}
.btn-prj a {
    background: #5cb85c;
    color: #fff;
    padding: 5px 5px;
    margin: 0 5px 10px 5px;
    border-radius: 15px;
    font-size: 15px;
    display: inline-block;
    /* width: 140px; */
}
@media (max-width: 1200px){
  .dashboard-carousel .owl-theme .custom-nav .owl-next { 
    right: 150px;
  }
  .owl-carousel {
    width: 100%;
  }
  .btn-prj { 
    right: 0%;
  }
}

.carouselImg {
  background: #fff;
}
.panel-green.green-wallet .panel-content {
    padding: 15px !important;
}
.cm-box .col-sm-4 .panel {
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 200px;
    margin-bottom: 20px;
    position: relative;
}
.cm-box .col-sm-4:hover .cmb-txt {
    top: 31px;
}
.dashboard-carousel .project:hover .cmb-txt {
    top: 41px;
}
.row .panel.add-project {
    background: #66c477;
    color: #fff;
    text-align: center;
}
.row .panel.add-project:hover {
    background: #59a2c3;
    font-weight: 900;
}
.row .panel.add-project .add-project-box {
    font-size: 40px;
    padding: 0;
}
.row .panel.add-project .add-project-box a {  
    color: #fff;
    padding: 50px 0;
    display: inline-block;
    float: left;
    width: 100%;
}
.inp-block {
  width: 100%;
  padding-left: 160px;
  display: inline-block;
}
.add-product label {
  /*position: absolute !important;*/
  left: 0;
  display: inline-block;
}
/*.span-chbx {  
    position: absolute;
    top: 4px;
    right: 0;
}*/
.span-chbx {
    position: relative;
    float: left;
    margin-bottom: 5px;
}
.cbx-w {
    float: left;
    margin-right: 20px;
}

.preloader {
  display: inline-block;
  float: left;
  margin-left: 20px;
}
div.preloader:nth-child(1) {
  margin-left: 100px;
}
.text-box {
  width: 300px;
  text-align: center;
  float: right;
  padding-bottom: 20px;
}
.add-prj { margin-right: 30px; }
.sp-block h4 {float: left;}
.btn-report, .panel-green-table2 .btn-default {
    background: #55be68;
    color: #fff;
    padding: 3px 0px;
    border-radius: 100px;
    font-weight: 500;
    /*box-shadow: 0px 3px 5px #ccc;*/
    line-height: 14px;
    font-size: 15px;
    float: right;
    width: 130px;
    white-space: normal;
    text-decoration: none !important;
}
.panel-green-table2 .btn-default:hover {
    color: #333;
}    
.panel-green-table2 .btn-default:hover {
    outline: none;
}    
.btn-report :hover {
    background: #fff;
    color: #00e676;
    text-decoration: none;
}
.panel-green-table2 h1 {
    font-size: 28px;
    font-weight: 400;
}
.sd-grapg-content {
    width: 100%;
    height: 435px;
    padding-left: 10px;
    /* border: 1px dotted #7fb069; */
    /*background-color: #f5f5f5;*/
    margin-top: 10px;
    padding-top: 15px;
    float: left;
    border: 1px solid #eee;
}
.dashboard .top-panel-heading {
  color: #333;
}
.report .date-inst select.year, .report .date-inst input.month {
  max-width: 30%;
}

.report .btn-report {
  border-radius: 8px;
  width: 90px;
}
.sub-title {
  margin: 20px 15px; 
}
.sel-prjs { color: #70c387; }

.panel-green.green-wallet .panel-content.wallet-top {
  padding: 15px;
  min-height: auto;
  display: inline-block;
}
.wallet-top .col-lg-4, .wallet-top .col-lg-3 {
    display: table;
    vertical-align: middle;
    position: relative;
    text-align: left;
    padding: 12px 0 0 50px;
    min-height: 52px;
}
.wallet-top .col-lg-4 img, .wallet-top .col-lg-3 img {
    max-width: 40px;
    /*margin: 5px;*/
    position: absolute;
    left: 0;
    bottom: 0;
}
.wallet-top .col-lg-4 span, .wallet-top .col-lg-3 span {
    font-size: 28px;
    opacity: 0.8;
    min-width: 70px;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}
.wallet-top .col-lg-4 p, .wallet-top .col-lg-3 p {
    font-size: 14px;
    margin: 0;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
.row .panel.green-wallet {
/*    min-height: 382px;*/
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.wallet .btn-green {
    background: #55be68;
    color: #fff;
    padding: 7px 16px;
    border-radius: 100px;
    font-weight: 500;
    box-shadow: 0px 3px 5px #ccc;
    line-height: normal;
    font-size: 15px;
    transition: 0.3s;
    margin: 0 auto;
    display: inline-block;
}
.wallet .btn-green:hover {
    background: transparent;
    color: #00e676;
    text-decoration: none;
}
.btn-line.ta-center {padding: 15px 5px;}
.wallet .row .panel, .wallet .row .panel .no-project {min-height: auto; height: auto;}
.wallet .row .col-lg-8 .panel {
    min-height: 350px !important;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.wallet .row .col-lg-4 .panel {
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
@media (max-width: 991px) {
  .dashboard-carousel {
    padding-right: 6px;
    padding-top: 80px;
    padding-bottom: 14px;
  }
  .btn-prj {
    top: auto;
    height: 50px;
    width: 100%;
    padding: 11px 0 0 0;
    top: 0;
  }
  .dashboard-carousel .owl-theme .custom-nav .owl-next {
    right: 0;
  }
  .dashboard-carousel .owl-theme .custom-nav {top: 45px;}
}
@media (max-width: 420px) {
  .btn-prj a {
    padding: 5px 10px;
    margin: 0 2px 10px 2px;
    font-size: 14px;
  }
}
.last-block {
  margin-top: 35px;  
}
.last-block a {
    padding: 8px 10px;
    color: #fff;
    text-align: center;
    box-shadow: 0 3px 6px #d8d8d8;
    float: right;
    text-decoration: none;
    transition: 0.3s;
    border-radius: 10px;
    background: #579bbf;
}
.last-block a:hover {
    background: #75a478;
    color: #fff;
}
.cmb-txt p { margin-bottom: 0px; }
.cmb-txt p span {
  font-weight: normal!important;
  font-size: 11px!important;
  color: #333!important;
  display: inline;
}
.cmb-txt .p-bottom {
  margin-left: 0px;
  display: inline-block;
  min-width: 180px;
  width: auto;
}  
.pr-green .panel-green { background: #def3de; min-height: 228px; margin-bottom: 20px;}
.pr-blue .panel-green { background: #e4f7fd; min-height: 228px; margin-bottom: 20px;}
.panel-green .status-fund {display: none;}
.pr-blue .panel-green .btn-box.fund { background: #5aa4c4; }
.pr-blue .panel-green .cmb-pr-theme { color: #5aa4c4; }
.funded { 
  background: none !important; 
  box-shadow: none !important;
  font-weight: bold !important;
}
.pr-blue .panel-green .btn-box.funded { color: #5aa4c4; }
.pr-green .panel-green .btn-box.funded { color: #55be68; }

.profile-box .last-block .inp-label { margin-top: 0px; }
.line-btn { margin-top: 10px; }

.gf-top-line .width-a {margin: 0; font-size: 26px;}
.gf-top-line .width-a.color-green {font-size: 20px;}
.gf-info-txt .width-a {
    margin: 12px 0 6px;
    opacity: 0.8;
    font-size: 18px;
}
.gf-progress-top {margin-top: 20px; text-align: center;}
.gf-info-txt .txt-line {
  padding: 10px 20px;
}
.gf-info-txt-right {padding-top: 74px;}
.fbox-price input {
    width: 155px;
    border: none;
    padding-left: 5px;
}
.fbox-price input::placeholder {
  color: #bbb;
}
.txt-funded {
  font-size: 18px;
  margin-top: 10px;
}    
#accordion .panel-heading {
    width: 100%;
    margin: 0;
    padding: 0 0px;
    display: block;
    float: left;
    border-radius: 4px;
}
#accordion .panel-heading a {
    width: 100%;
    margin: 0;
    display: inline-block;
    float: left;
    padding: 10px 20px;
    text-decoration: none !important;
    transition: 0.3s;
}
#accordion .panel-heading a:hover {background: #55be68; color: #fff;}
#accordion .panel-heading a span {padding: 0;}
#accordion .panel-default {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 10px;
}
#accordion .panel-default .profile-box {padding: 0 20px 10px;}
.modal-footer .btn-primary {
    background: #55be68;
    color: #fff;
    padding: 7px 16px;
    border-radius: 100px;
    font-weight: 500;
    box-shadow: 0px 3px 5px #ccc;
    line-height: normal;
    font-size: 16px;
    border: none;
    transition: 0.3s;
}
.project-page .modal-body {
    position: relative;
    padding: 15px;
    float: left;
    width: 100%;
}
.sidebar-nav li a.l-out { font-size: 28px; }
/*.details-cmb-img.border-true { border: 1px solid #eee; }*/
.details-cmb-img.border-true {
    border: 1px #d4d4d4 dashed;
    border-radius: 12px;
    box-shadow: 0 0 5px #eee;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #f3fff5;
    height: 400px;
    width: 100%;
    /*float: left;*/
}
.cm-box-info {
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 10px 0 15px;
}
.cm-box-info .panel-green .panel-content {
  height: 400px;
  width: 100%;
    /*display: table;*/
    text-align: center;
}
.h-bottom { margin-bottom: 28px; }
.row.add-product.add-prj {
  position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 30px;
}
.dashboard .panel-green {
  /*padding: 0 15px;*/
  padding: 0;
  background: #fff;
}
/*====== green-drop ======*/
.green-drop h2 {
    font-size: 40px;
    margin: 50px auto 10px;
    max-width: 1200px;
    text-align: center;
}
.green-drop p.top-p {
    font-size: 24px;
    max-width: 820px;
    margin: 20px auto 50px;
}
.container.green-drop, .container.ctb_box {
    background: #37488d;
    background: -moz-linear-gradient(-45deg, #37488d 0%, #4671a5 40%, #5aa4c4 100%);
    background: -webkit-linear-gradient(-45deg, #37488d 0%,#4671a5 40%,#5aa4c4 100%);
    background: linear-gradient(135deg, #37488d 0%,#4671a5 40%,#5aa4c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37488d', endColorstr='#5aa4c4',GradientType=1 );
    border-radius: 10px;
    color: #fff;
    margin: 20px auto;
    padding-bottom: 50px;
    max-width: 92%;
    width: 1785px;
}
.ctb_box .saftform .description {
  margin: 15px 0 45px;
}
.ctb_box .saftform .description h3 {
  margin: 0;
  font-size: 22px;
}
.ctb_box .form {padding: 0 30px;}
.ctb_box .form .control-label {
    font-size: 22px;
    margin: 0 0 4px 0;
    padding-left: 5px;
}
.ctb_box .form .control-label.font-style-italic {
    font-size: 20px;
    padding-left: 10px;
    width: 100%;
    font-weight: 200;
}
.ctb_box .form .form-control {
    border: none;
    min-height: 43px;
    margin-bottom: 20px;
    font-weight: 600;
    border-radius: 8px;
    font-style: italic;
}
.ctb_box .form .form-control::placeholder {color: #55be68; font-weight: 400;}
.ctb_box .saftform .currency-button {
    padding: 10px 6px;
    letter-spacing: 0;
    border-radius: 10px;
    font-weight: 700;
}

.gd-box-content {
    max-width: 960px;
    margin: 0 auto;
}
.gd-box-content .panel-heading.top-panel-heading {
    padding: 6px 0px;
    font-size: 14px;
}
.gd-box-content .panel-green {
    padding: 0 0px;
    background: #fff;
    min-height: 260px;
    margin-bottom: 20px;
}
.gd-box-content .panel-green p {
    color: #333;
    margin-top: 40px;
    line-height: 22px;
    font-size: 14px;
    padding: 0 20px;
}
.gd-box-content .panel-green .btn-go {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: transparent;
    text-align: center;
    margin-bottom: 50px;
}
.gd-box-content .panel-green .btn-go a {
    background: #5cb85c;
    color: #fff;
    padding: 5px 20px;
    margin: 0;
    border-radius: 6px;
    font-size: 15px;
    display: inline-block;
    width: 100px;
    box-shadow: 0px 3px 5px #ccc;
    font-weight: 600;
}
.gd-box-content .col-lg-4 {padding: 0 10px;}
.sent-report {
  color: #000;
  font-size: 22px;
}
.link-report {text-decoration: underline; cursor: pointer;}
.sd-grapg-content div {
  padding-top: 30px;
}
.sd-grapg-content .no-project {
  margin-top: 15%;
}
.color-red { color: red; }

.solarpet-box .sd-grapg-content {
    width: 100%;
    height: 400px;
    border: 1px solid #e0e0e0;
    padding: 15px;
    border-radius: 12px;
}
.solarpet-box .cm-box-info .panel-green .panel-content {
    height: auto;
    margin-bottom: 30px;
}
.solarpet-box .sd-grapg-content .vue-popper {
    position: absolute !important;
    transform: translate3d(0px, 0px, 0px) !important;
    z-index: 10;
    padding: 0px;
    box-shadow: 0 0 30px #000;
    top: 90px !important;
    left: 50% !important;
    margin: 0 auto 0 -26%;
}
.pg-table1 .sd-grapg-content, .pg-table2 .sd-grapg-content {overflow-x: auto;}
.sd-grapg-content table {width: 100%;}
.sd-grapg-content table {margin-top: 10px;}
.sd-grapg-content .datepicker {
    padding: 10px 0 0;
}
.solarpet-box .sd-grapg-content .vue-popper .picker-head {
    padding: 10px;
    background: #37488d;
    background: -moz-linear-gradient(-45deg, #37488d 0%, #4671a5 40%, #5aa4c4 100%);
    background: -webkit-linear-gradient(-45deg, #37488d 0%,#4671a5 40%,#5aa4c4 100%);
    background: linear-gradient(135deg, #37488d 0%,#4671a5 40%,#5aa4c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37488d', endColorstr='#5aa4c4',GradientType=1 );
    color: #fff;
}
.solarpet-box .sd-grapg-content .vue-popper .picker-head span {font-size: 20px;}
.solarpet-box .sd-grapg-content .vue-popper .picker-items.dates {padding: 10px 10px 20px;}
.solarpet-box .sd-grapg-content .vue-popper .picker-items.dates .row-item, .solarpet-box .sd-grapg-content .vue-popper .picker-items.dates {
    padding-top: 10px;
}
.solarpet-box .sd-grapg-content .vue-popper .picker-items.dates .row-item span {font-size: 20px;}


.solarpet table {
  border: 2px solid #42b983;
  border-radius: 3px;
  background-color: #fff;
}

.solarpet th {
  background-color: #42b983;
  color: rgba(255,255,255,0.66);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.solarpet td {
  background-color: #f9f9f9;
}

.solarpet th, td {
  min-width: 120px;
  padding: 10px 20px;
}

.solarpet th.active {
  color: #fff;
}
.btn.btn-default.link { padding-bottom: 5px; }
h4.noproject { padding-left: 15px; }
.btn-back {
  position: fixed;
  left: 72px;
  bottom: 10px;
  background: #55be68;
  color: #fff;
  z-index: 999;
}
.w-lnk {
  color: #55be68;
  text-decoration: underline;
}
.panel-content.p-block.projects .wallet p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*.wallet .green-wallet ul li {padding-right: 134px;}*/
.wallet .green-wallet ul li span.coin {
    width: 100%;
    padding-right: 80px;
    opacity: 1;
    position: relative;
}
.wallet .green-wallet ul li span.coin a {
    background: #55be68;
    color: #fff;
/*    padding: 7px 16px;*/
    padding: 7px 26px;
    border-radius: 100px;
    font-weight: 500;
    box-shadow: 0px 3px 5px #ccc;
    line-height: normal;
    font-size: 15px;
    transition: 0.3s;
    position: absolute;
    right: 0;
    top: 1px;
}
.wallet .green-wallet ul li .btn-green {
    right: 0;
    position: absolute;
}
.addProject.red { background-color: red; }
.no-project {
    min-height: 270px;
    height: auto;
    text-align: center;
    padding: 20px 20px 0;
}
.project-page p {
    margin-bottom: 10px;
}
.no-project .btn-green {
    margin: 30px 0;
    display: inline-block;
}
.no-project .btn-green.red {
    width: 32%;
    margin: 10px 0;
    height: 52px;
    float: none;
}
/*.no-project .btn-green:last-child {
    width: 32%;
    margin: 10px 0;
    height: 52px;
    padding-top: 15px;
    float: right;
}*/

.li-doc .form-group {
    width: 100%;
    display: inline-block;
    min-height: 30px;
}
.li-doc .form-group .span-chbx {
    width: 100%;
    padding-left: 160px;
}
.li-doc .form-group .span-chbx .chbx {
    position: absolute;
    left: 160px;
}
.li-doc .form-group .span-chbx .cbx-w {
    width: 100%;
    padding-left: 20px;
}
.add-product.add-project .name-cap {
    min-height: 30px;
}
.s-lnk {
    color: #f5f5f5;
    font-size: 17px;
}    
.modal-dialog .s-lnk {
    background: #4F88B3;
    color: #fff;
    padding: 7px 16px;
    border-radius: 100px;
    font-weight: 500;
    box-shadow: 0px 3px 5px #ccc;
    line-height: normal;
    font-size: 15px;
    float: left;
    border: none;
    margin-right: 5px;
}
.modal-dialog .go {
    background: #55be68;
    color: #fff;
    padding: 7px 16px;
    border-radius: 100px;
    font-weight: 500;
    box-shadow: 0px 3px 5px #ccc;
    line-height: normal;
    font-size: 15px;
    float: right;
    border: none;
}
.modal-dialog .page-header {
    width: 100%;
    padding: 25px 15px 0 15px;
    font-size: 18px;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    float: none;
}
.modal-dialog .modal-body div input.form-control {
    max-width: 400px;
    float: none;
    margin: 10px auto;
}

.modal-dialog .modal-content {
    width: 92%;
    float: left;
    margin: 0 4%;
}
.wallet .project-page .tab-content {
  padding: 10px;
  height: 250px;
  overflow: auto;
}
.wallet .project-page .tab-content div p {
    width: 100%;
    /*text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;*/
}

.wallet .project-page .tab-content div p a span {
  width: 15%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  margin-right: 10px;
}
.wallet .project-page .tab-content div p a {color: #269239;}
.sidebar-nav li a {font-size: 20px;}
.sidebar-nav li a.l-out {
    font-size: 20px;
}
.c-info {
  color: #fff;
  font-size: 13px;
  margin: 10px 0;
}
.c-info .s-lnk { font-size: 13px; }

.recaptcha iframe { width: 304px !important; }

.ed-link {
    position: relative;
    color: transparent;
    float: left;
    width: 120px;
    border-radius: 100px;
    box-shadow: 0px 3px 5px #ccc;
    height: 40px;
    background: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
}
.ed-link:hover, .mm-link:hover {background: #55be68;}
.ed-link:before {
    content: " ";
    background: url(../images/ed-link.svg) scroll left top no-repeat transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    height: 30px;
    overflow: hidden;
    background-size: 100%;
    margin: 7% 0 0 10%;
}
.mm-link {
    position: relative;
    color: transparent;
    float: left;
    width: 150px;
    border-radius: 100px;
    box-shadow: 0px 3px 5px #ccc;
    height: 40px;
    background: #fff;
    margin-bottom: 10px;
    margin-right: 10px;
}
.mm-link:before {
    content: " ";
    background: url(../images/ledger.svg) scroll left top no-repeat transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 76%;
    height: 30px;
    overflow: hidden;
    background-size: 100%;
    margin: 6% 0 0 10%;
}
a.tz-link {
    position: relative;
    color: transparent;
    float: left;
    width: 150px;
    border-radius: 100px;
    box-shadow: 0px 3px 5px #ccc;
    height: 40px;
    background: #fff;
    margin-bottom: 10px;
    margin-right: 10px;
}
a.tz-link:before {
    content: " ";
    background: url(../images/trezor.png) scroll left top no-repeat transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    height: 30px;
    overflow: hidden;
    background-size: 100%;
    margin: 4% 0 0 10%;
}

.modal-open .modal-backdrop.in {display: none;}
.modal-open .modal {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 );
    margin: 0;
}
.wallet .project-page .tab-content div p {
    width: 100%;
    float: left;
    margin: 0;
}
.wallet .project-page .tab-content div p a {
    color: #269239;
    float: left;
    width: 100%;
    transition: all .5s;
    padding: 4px 8px;
}
.wallet .project-page .tab-content div p a:hover {
    background: #808080;
    color: #fff;
}
.wallet .project-page .tab-content div p a span.date {min-width: 220px;}
.wallet .project-page .tab-content div p a span.number {
    text-align: center;
    font-weight: 700;
    color: #337ab7;
}
.wallet .project-page .tab-content div p a:hover span.number {color: #ffd81a;}
.funding input {
    width: 60%;
    float: left;
    display: inline-block;
}
.funding select {
    width: 30%;
    float: right;
    max-width: 70px;
    margin-top: -2px;
}
.text-noedit {font-weight: 500;
    margin-bottom: 15px;}
.area-noedit {margin-bottom: 20px;} 
.products #content {max-width: 100%;}
.products .top-box .search {
    width: auto;
    min-width: 30%;
}
.products .top-box .categories {list-style: none;}
.products .top-box .categories li {font-size: 12px;}
.products .pr-buy-btn {
    background: #55be68;
    border-radius: 100px;
}   
.products .fa-search {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px 10px 19px;
    color: #b8b7b8;
    /*background: #eaeaea;*/
    z-index: 1;
}
#wrapper #page-content-wrapper > .container-fuild > .container .content-box .content-box {
    position: relative;
}
#wrapper #page-content-wrapper > .container-fuild > .container .content-box #content {width: 100%;}


      .ctb_box .form .form-control.error-input{
        border: 2px solid #e2574c;
      }
      [type=checkbox]+label:before, [type=checkbox]:not(.filled-in)+label:after {
        content: "";
        position: relative !important;
        background-color: none!important;
        border: none !important;
      }  
      .sentmsg {
        padding: 11% 20%;
        line-height: 1.6;
        text-align: center;
      }
      .cbxLabel {
        font-size: 18px;
      }
      .ctb_box {
        position: relative !important;
        background: transparent !important;
        max-width: 1200px;
      }
      .ctb_box .saftform .col-md-5 {
         width: 50%;
      }
      .ctb_box .saftform .col-md-8 {
         width: 100%;
      }

        /*#wrapper #page-content-wrapper:nth-child(2) {display: none;}*/
      @media only screen and (max-width: 570px) {
            .ctb_box .saftform .description h3,
            .ctb_box .form .control-label,
            .saftform .form-group .form-control, .landing-row6 .form-group .form-control {font-size: 18px;}
            .ctb_box .saftform .col-md-5 {width: 100%;}
            .saftform a.form-go {
                margin: 20px 0;
                max-width: 100%;
            }
            .saftform h1 {text-align: center;}
      }

@media only screen and (max-width: 570px) {
    .panel-content ul li p, .panel-content ul li span {float:  left;
        width:  100%}
    .panel-content ul li {text-align: center;}    
}      

.wallet.prj-item {
    position: absolute;
    left: 26%;
    bottom: 25px;
    z-index: 10;
}
.m-prj .modal-dialog .modal-body div input.form-control {
    max-width: 100%;
}  
.wallet.prj-item button { 
    border: none;
    padding: 3px 10px;
}
.m-cbx .green-chbx.active div {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    margin: -5px -4px;
    background: #55be68;
}  

.m-cbx .green-chbx {
    border-radius: 100% !important;
}
.m-prj .modal-body > div ,
.m-prj .modal-body .line-margin {
    float: left;
    width: 100%;
}
.m-prj .modal-body .line-margin {margin: 5px 0;width: 33.33%;}
.m-prj .modal-body .line-margin .green-chbx-lable {color: #333;}
.m-prj .modal-body .m-cbx .inp-label{
    width: 100%;
    float: left;
    margin-top: 20px;
}

.cmb-date ul li p {
    display: inline-block;
    padding-left: 0;
} 
.cmb-date ul li b span {
    display: inline;
} 
 .eg {
    float: left;
    width: 100%;
    height: 100%;
    overflow: auto;
    border-radius: 8px;
    background: #f1f1f1;
}
.eg p {
    float: left;
    width: 100%;
    font-size: 16px;
    margin-bottom: 15px;
}
.eg p:nth-child(1) span {
    font-size: 12px;
}
.eg p:nth-child(1) {
    margin: 0 0 20px 0;
    padding: 10px 0;
    border-radius: 8px 8px 0 0;
    background: #4f88b3;
}
.eg p:nth-child(1) span {
    color: #fff !important;
    display: table-cell;
    vertical-align: middle;
    float: none !important;
    padding: 0 4px !important;
}
.eg p:nth-child(1) span:nth-child(1) {
    text-align: center;
    font-size: 16px;
}
.eg p span:nth-child(1){
    width: 20%;
    float: left;
    padding-right: 10px;
    text-align: right;
    font-weight: 600;
    font-size: 16px;
}
.eg p span {
    float: left;
    padding: 0 10px;
    text-align: center;
}
.eg p span:nth-child(2){
    width: 6%;
    padding: 0 2px;   
}
.eg p span:nth-child(4), .eg p span:nth-child(5), .eg p span:nth-child(6), .eg p span:nth-child(7) {
    width: 16%;    
}
.eg p span:nth-child(3) {
    width: 10%;
}
.eg p:nth-child(1) span b {
    /*width: 100%;*/
    display: inline-block;
}


.eg.myprj p span:nth-child(2) {
    width: 8%;
}
.eg.myprj p span:nth-child(1), .eg.myprj p span:nth-child(3), .eg.myprj p span:nth-child(9) {
    width: 14%;
}
.eg.myprj p span:nth-child(4), .eg.myprj p span:nth-child(5), .eg.myprj p span:nth-child(6), .eg.myprj p span:nth-child(7), .eg.myprj p span:nth-child(8) {
    width: 10%;
}




img.type-prj { margin-bottom: 10px; width: 30px; }
.svg-head { width: 22px; }
.logo-type { margin-top: -2px; }


.btn-box.fund.create {
    float: right;
    font-size: 15px;
    border-radius: 15px;
    padding: 10px 3px;
    width: 165px;
    height: 35px;
    margin-top: 30px;
}
.router-link-active {
    background-color: #00a300;
    text-align: center;
}