body {
  padding: 0px;
  margin: 0px;
  padding-top: 20px;
  font-family: 'Open Sans', arial; }

header, nav, section, article, aside, footer, hgroup {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  color: #00ABCD; }

a {
  color: #00abcd;
  font-family: 'Open Sans', arial;
  word-break: break-word; }

@font-face {
  font-family: 'Comic Sans MS';
  src: url("fonts/comic-sans-ms/comici.ttf"); }

@font-face {
  font-family: 'cursive';
  src: url("fonts/comic-sans-ms/comici.ttf"); }

.header-underline {
  border-bottom: 1px solid #ccc;
  padding-bottom: 3px; }

.content-wrapper, .container {
  max-width: 990px;
  margin: auto; }

.dropdown-menu {
  z-index: 1002; }

.form-group.error {
  border-color: #B94A48;
  color: #B94A48; }

.element-hide {
  display: none; }

.grey-bg {
  background-color: #f6f6f6; }

.clear {
  clear: both; }

/*ajax loader */
#ajax-loader {
  display: none;
  color: #00ABCD;
  font-size: 18px;
  width: 150px;
  height: 50px;
  position: absolute;
  top: 0px;
  left: 44%;
  background-image: url(images/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: 10px 0px;
  padding-left: 65px;
  padding-top: 8px;
  border: 1px solid #ccc;
  border-top: 0px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); }

/*modal styling */
.modal-dialog {
  background: rgba(255, 255, 255, 0.5);
  padding: 5px !important;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 50px; }

.modal-content {
  -webkit-box-shadow: 0px;
  box-shadow: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px; }

/*
Header Styling
*/
#top-header {
  margin-bottom: 10px;
  position: relative;
  min-height: 40px; }

#top-header-right-container {
  bottom: 0px;
  right: 0px;
  position: absolute; }

.top-header-right-box {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  padding-left: 30px; }

.top-header-right-box-content {
  vertical-align: bottom; }

/*
NAV styling
*/
.navbar-mystartr {
  background-color: #00abcd;
  min-height: 28px;
  -webkit-border-radius: 0px;
  border-radius: 0px !important; }

.navbar-mystartr-top {
  -webkit-box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.4);
  box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.4); }

.navbar-mystartr .navbar-toggle .icon-bar {
  background-color: #fff; }

.navbar-mystartr .nav > li > a {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 7px;
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 10px; }
  .navbar-mystartr .nav > li > a:hover {
    color: #00abcd; }
  .navbar-mystartr .nav > li > a.cloud-btn {
    margin-left: 47px;
    padding-left: 15px; }

.navbar-mystartr .nav {
  padding: 0 4px; }

.cloud-btn span {
  left: -45px;
  position: absolute;
  top: -5px;
  display: block;
  width: 59px;
  height: 43px; }

.cloud-btn #cloud-discover {
  background: url(images/cloud_discover.png); }

.cloud-btn #cloud-create {
  background: url(images/cloud_create.png); }

.cloud-btn #cloud-pledge {
  background: url(images/cloud_pledge.png); }

.navbar-mystartr-bottom {
  margin-top: 20px;
  margin-bottom: 0px; }
  .navbar-mystartr-bottom .nav {
    padding: 0px; }
  .navbar-mystartr-bottom .nav > li {
    color: #fff;
    font-size: 16px;
    padding: 5px 0; }
    .navbar-mystartr-bottom .nav > li > a {
      display: inline;
      font-size: 16px;
      padding: 0px; }
      .navbar-mystartr-bottom .nav > li > a:hover {
        color: #fff;
        background-color: transparent; }

/*
Notification icons
*/
.noti-nav > li > a {
  padding: 3px; }

.noti-icon {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* For IE8 and earlier */
  display: block;
  width: 24px;
  height: 24px; }
  .noti-icon:hover, .noti-icon:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */ }

.nav .open .noti-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */ }

.noti-dropdown {
  width: 430px;
  left: -200px;
  margin-top: 8px;
  border-color: #A0A0A0; }
  .noti-dropdown:before {
    border-bottom: 10px solid #A0A0A0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: inline-block;
    left: 204px;
    position: absolute;
    top: -10px; }
  .noti-dropdown:after {
    border-bottom: 9px solid #FFFFFF;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    display: inline-block;
    left: 205px;
    position: absolute;
    top: -9px; }

.dropdown-user-menu {
  width: 180px;
  left: 0px;
  margin-top: 0px;
  border-color: #A0A0A0; }
  .dropdown-user-menu:before {
    border-bottom: 10px solid #A0A0A0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -10px; }
  .dropdown-user-menu:after {
    border-bottom: 9px solid #FFFFFF;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    display: inline-block;
    left: 11px;
    position: absolute;
    top: -9px; }

.msg-icon {
  background: url(images/msg24.png) no-repeat; }

.earth-icon {
  background: url(images/earth24.png) no-repeat; }

/*
Footer
*/
#footer {
  background-color: #dedede;
  padding: 30px 0px;
  color: #555555; }
  #footer a {
    color: #555555; }
  #footer .container {
    padding: 0px; }
  #footer ul {
    margin: 0px;
    padding: 0px; }
    #footer ul > li {
      padding: 0px;
      padding-bottom: 5px;
      list-style: none; }

/*
Main Container
*/
.main-container {
  /*min-height: 300px;*/ }

/* project box */
.project-box {
  background-color: #fff;
  /*width: 250px;*/
  height: 240px;
  border: 5px solid #E0E0E0;
  position: relative;
  margin: auto;
  margin-bottom: 10px; }

.project-box-image {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  /*width: 250px;*/
  height: 183px;
  position: relative;
  -webkit-background-size: cover;
  background-size: cover;
  margin: auto;
  border: 1px solid #E0E0E0; }

#project-preview-container .project-box-image {
  width: 268px;
  height: 165px; }

.project-box-image-static {
  border: 1px solid #E0E0E0; }
  .project-box-image-static .cover-image {
    max-width: 100%;
    position: relative; }
  .project-box-image-static .on-top {
    position: absolute;
    top: 0;
    z-index: 1; }

.project-box-fund-info {
  background-color: #F1F1F1;
  border-top: 1px solid #CBCBCB;
  border-bottom: 1px solid #CBCBCB; }

.project-cover-my-created-projects {
  max-width: 200px; }

.project-box-fund-percent-bar-wrapper {
  overflow: hidden;
  background-color: #FFFFFF;
  height: 10px;
  margin: 10px auto;
  margin-bottom: 5px;
  width: 95%;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.project-box-fund-percent-bar {
  height: 10px;
  background-color: #01ABCE;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.project-box-info-container {
  max-height: 134px;
  overflow: hidden; }

.project-box-title {
  line-height: 1.2;
  max-height: 33px;
  overflow: hidden; }

.project-box-description {
  line-height: 1.2;
  height: 70px;
  overflow: hidden; }

.project-box-bottom-info {
  position: absolute;
  bottom: 5px; }

/*
Buton Styling
*/
.btn-green {
  background-color: #48e611;
  color: #fff;
  border: 1px solid #48D811; }
  .btn-green:hover {
    color: #fff;
    background-color: #48D811; }

.btn-grey {
  background-color: #696768;
  border: 1px solid #696068;
  color: #fff; }
  .btn-grey:hover {
    color: #fff;
    background-color: #696068; }

.btn-blue {
  background-color: #00abcd;
  border: 1px solid #00abcd;
  color: #fff; }
  .btn-blue:hover {
    color: #fff;
    background-color: #00A3C0; }

/*
Font Styling
*/
.font-blue {
  color: #00abcd; }

.font-white {
  color: #fff; }

.font-grey {
  color: #656565; }

h3.font-grey {
  margin-top: 0; }

.font-green {
  color: #48e611; }

.font-bold {
  font-weight: bold; }

.font-normal {
  font-weight: normal !important; }

.font-underline {
  text-decoration: underline; }

.font-small {
  font-size: 12px; }

.font-padding-right {
  padding-right: 10px; }

.border-box {
  border: 1px solid #ccc; }

.profile-grey-box {
  background-color: #eee;
  padding: 10px;
  padding-top: 5px;
  margin-bottom: 20px; }

/*
layout
*/
.grey-container {
  background-color: #F7F7F7;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  padding: 10px 0px; }

.padding-vertical {
  padding: 0px 0px 30px; }

.padding-10 {
  padding: 10px; }

.padding-horizontal-5 {
  padding: 0px 5px; }

.no-padding {
  padding: 0px; }

.fixed-sidebar {
  position: fixed;
  top: 10px; }

.separator {
  padding-top: 10px; }

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

.margin-top-10 {
  margin-top: 10px; }

.dark-grey-bg {
  background-color: #E0E0E0; }

.light-grey-container {
  background-color: #f4f4f4;
  padding: 15px 30px;
  margin: 8px; }

.margin-auto {
  margin: auto; }

/* create project */
.reward-container {
  margin-bottom: 10px; }

.btn-join {
  font-size: 22px; }
  .btn-join span {
    display: block;
    font-size: 12px; }

.member_tab label {
  font-weight: normal; }
  .member_tab label:hover {
    cursor: pointer; }
  .member_tab label span {
    padding: 10px;
    display: inline-block; }

.member_tab .member_tab_fb_box input[type="radio"], .member_tab .member_tab_mystartr input[type="radio"] {
  vertical-align: top;
  margin-top: 14px;
  display: inline; }

.member_tab .facebook_login_btn {
  display: inline-block;
  margin: 0;
  margin-left: 7px; }

#existing_box, #guest_box {
  padding-left: 28px; }

.disable-input {
  pointer-events: none; }
  .disable-input input, .disable-input select {
    pointer-events: none; }
  .disable-input input, .disable-input select, .disable-input label, .disable-input h6, .disable-input span, .disable-input small, .disable-input h3 {
    color: #C0C0C0; }
  .disable-input .apply-coupon, .disable-input #btn_support {
    background-color: #C0C0C0;
    border: #C0C0C0;
    pointer-events: none; }

.asterisk {
  color: #EA021E;
  margin-right: 5px; }

.pledge_address_box .control-group {
  margin-bottom: 10px; }

.coming-soon {
  background: #D2C122;
  padding: 5px 20px;
  color: #fff;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0; }

.coming-soon-url {
  cursor: default;
  text-decoration: none !important;
  color: #00abcd !important; }

.table_action a {
  display: block;
  word-break: keep-all;
  width: 120px; }

#floating-mobile-menu-overlay {
  position: fixed;
  width: 100%;
  height: 900px;
  background: #000;
  opacity: 0.6;
  top: 0px;
  left: 0;
  z-index: 9999; }

#floating-mobile-menu {
  position: fixed;
  left: 0;
  bottom: -1px;
  width: 100%;
  background-color: #fff;
  z-index: 9999;
  -webkit-box-shadow: 0 -5px 10px -5px #929292;
  box-shadow: 0 -5px 10px -5px #929292; }
  #floating-mobile-menu .pledge-button {
    border-top: 1px solid #ddd; }
  #floating-mobile-menu .open-pledge-drawer {
    padding: 10px;
    padding-top: 30px;
    padding-bottom: 0px; }
    #floating-mobile-menu .open-pledge-drawer .close-pledge-drawer {
      position: absolute;
      right: 5px;
      top: 5px;
      font-size: 25px; }
    #floating-mobile-menu .open-pledge-drawer .main-reward {
      overflow-y: scroll;
      max-height: 200px; }
      #floating-mobile-menu .open-pledge-drawer .main-reward::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 5px; }
      #floating-mobile-menu .open-pledge-drawer .main-reward::-webkit-scrollbar-thumb {
        -webkit-border-radius: 5px;
                border-radius: 5px;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
      #floating-mobile-menu .open-pledge-drawer .main-reward img {
        max-width: 300px;
        display: block;
        margin-bottom: 10px; }
      #floating-mobile-menu .open-pledge-drawer .main-reward p {
        float: none;
        width: auto;
        overflow: hidden;
        margin: 0;
        padding: 0;
        line-height: 17px;
        padding-left: 5px; }
      #floating-mobile-menu .open-pledge-drawer .main-reward br {
        display: none; }
      #floating-mobile-menu .open-pledge-drawer .main-reward ul {
        padding-left: 30px;
        margin-top: 10px; }
        #floating-mobile-menu .open-pledge-drawer .main-reward ul li {
          list-style: disc;
          text-align: left;
          margin-bottom: 8px;
          min-height: auto;
          border: 0px; }
      #floating-mobile-menu .open-pledge-drawer .main-reward ol {
        padding-left: 30px;
        margin-top: 10px; }
        #floating-mobile-menu .open-pledge-drawer .main-reward ol li {
          list-style: decimal;
          text-align: left;
          margin-bottom: 8px;
          min-height: auto;
          border: 0px; }
    #floating-mobile-menu .open-pledge-drawer h1 {
      font-size: 16px;
      margin-top: 8px; }
    #floating-mobile-menu .open-pledge-drawer ul.select-reward {
      list-style: none;
      margin: 0;
      padding: 0;
      overflow-y: scroll;
      max-height: 200px; }
      #floating-mobile-menu .open-pledge-drawer ul.select-reward::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 5px; }
      #floating-mobile-menu .open-pledge-drawer ul.select-reward::-webkit-scrollbar-thumb {
        -webkit-border-radius: 5px;
                border-radius: 5px;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
      #floating-mobile-menu .open-pledge-drawer ul.select-reward li {
        list-style: none;
        width: 32.3333%;
        border: 1px solid #ddd;
        display: inline-block;
        padding: 10px;
        min-height: auto;
        margin: 1px 0; }
        #floating-mobile-menu .open-pledge-drawer ul.select-reward li.selected, #floating-mobile-menu .open-pledge-drawer ul.select-reward li:hover {
          border: 2px solid #00ABCD; }
        #floating-mobile-menu .open-pledge-drawer ul.select-reward li:hover {
          cursor: pointer; }
  #floating-mobile-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: auto;
    overflow: hidden; }
    #floating-mobile-menu ul li {
      margin: 0;
      padding: 0;
      list-style: none;
      text-align: center;
      border-right: #dcdcdc 1px solid;
      min-height: 60px; }
      #floating-mobile-menu ul li a, #floating-mobile-menu ul li span {
        text-decoration: none;
        display: block;
        padding: 10px 0;
        line-height: 14px;
        font-size: 11px;
        background-color: white;
        color: #00abcd; }
        #floating-mobile-menu ul li a i, #floating-mobile-menu ul li span i {
          margin-right: 1px;
          width: 100%;
          font-size: 24px;
          margin-bottom: 2px; }
      #floating-mobile-menu ul li.fixed-width {
        width: 100px;
        float: left; }
      #floating-mobile-menu ul li.auto-width {
        float: none;
        background: #00abcd;
        width: auto;
        overflow: hidden;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-height: none;
        text-align: center; }
        #floating-mobile-menu ul li.auto-width a, #floating-mobile-menu ul li.auto-width span {
          font-size: 17px;
          text-transform: uppercase;
          background-color: #00abcd;
          color: #fff;
          padding: 10px;
          width: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          text-align: center; }
      #floating-mobile-menu ul li:nth-child(1) {
        border-left: 0px solid; }
      #floating-mobile-menu ul li:nth-child(5) {
        border-right: 0px solid; }

.url {
  display: block;
  margin-bottom: 10px; }

#page-flux .col-centered {
  float: none;
  margin: 0 auto; }

#page-flux .form-box-error {
  color: #FC0035; }

#page-flux .nopadding {
  padding: 0 !important;
  margin: 0 !important; }

#page-flux .pop-up-overlay-black {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999;
  top: 0; }
  #page-flux .pop-up-overlay-black .pop-up-parent {
    position: relative;
    width: 100%;
    height: 100%; }
    #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border: 0px solid #fff;
      padding: 50px 30px;
      background: url("../images/flux/pop-up.jpg") no-repeat center top;
      -webkit-border-radius: 3px;
      border-radius: 3px; }
      #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .close-pop-up {
        position: absolute;
        right: 5px;
        top: 5px; }
        #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .close-pop-up:hover {
          opacity: 0.8;
          cursor: pointer; }
        #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .close-pop-up i {
          font-size: 20px; }
      #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info {
        position: relative;
        text-align: center; }
        #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .fa-check-circle {
          font-size: 39px;
          margin-bottom: 20px; }
        #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info h1 {
          font-size: 32px;
          margin-bottom: 15px;
          color: #232323;
          margin-top: 0; }
        #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info p {
          margin-bottom: 0px;
          color: #232323;
          font-size: 18px; }
        #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .form {
          margin-top: 20px; }
          #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .form input {
            width: 100%;
            padding: 8px 10px; }
          #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .form .copy-url {
            background-color: #002BFF;
            padding: 10px;
            width: 100%; }
            #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .form .copy-url:hover {
              opacity: 0.8;
              cursor: pointer; }
            #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .form .copy-url i {
              color: #fff; }
        #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .social {
          margin-top: 20px; }
          #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .social a {
            text-decoration: none;
            display: inline-block;
            margin: 0 2px;
            width: 35px;
            padding: 5px;
            -webkit-border-radius: 2px;
            border-radius: 2px; }
            #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .social a i {
              font-size: 20px; }
            #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .social a:hover {
              opacity: 0.8; }
          #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .social .i-facebook {
            background-color: #3A559F; }
            #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .social .i-facebook i {
              color: #fff; }
          #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .social .i-envelope {
            background-color: #000; }
            #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .social .i-envelope i {
              color: #fff; }
          #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .social .i-whatsapp {
            background-color: #09d261; }
            #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .social .i-whatsapp i {
              color: #fff; }
          #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .social .i-instagram {
            background: -webkit-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
            background: -o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
            background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
            #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-copy .social .i-instagram i {
              color: #fff; }
        #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-form {
          width: 300px;
          margin: 0 auto;
          margin-top: 20px; }
          #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-form #subscribe-now-email {
            width: 100%;
            padding: 8px; }
          #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-form #subscribe-now {
            margin-top: 10px;
            background-color: #002BFF;
            border: 1px solid #002BFF;
            text-transform: uppercase;
            color: #fff;
            text-align: center;
            padding: 10px;
            width: 100%; }
            #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-form #subscribe-now:hover {
              opacity: 0.8; }
          #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info .box-form .remark {
            font-size: 13px;
            margin-top: 10px; }

#page-flux .banner-cover {
  background: url("../images/flux/banner-cover.jpg") no-repeat center top;
  min-height: 1338px; }

#page-flux .featured {
  margin-top: 60px; }

#page-flux .sign-up {
  margin-top: 40px; }
  #page-flux .sign-up h1, #page-flux .sign-up p {
    text-align: center; }
  #page-flux .sign-up h1 {
    color: #232323;
    font-size: 50px;
    font-weight: 400; }
  #page-flux .sign-up p {
    color: #232323;
    font-size: 18px; }
  #page-flux .sign-up .form {
    width: 600px;
    margin: 0 auto; }
    #page-flux .sign-up .form input {
      width: 100%;
      padding: 10px; }
    #page-flux .sign-up .form p.remark {
      color: #7b7b7b;
      font-size: 15px;
      margin-top: 10px; }
  #page-flux .sign-up .submit {
    width: 600px;
    margin: 0 auto; }
    #page-flux .sign-up .submit input {
      background-color: #002BFF;
      color: #fff;
      text-align: center;
      padding: 10px;
      width: 100%; }
      #page-flux .sign-up .submit input:hover {
        opacity: 0.7; }

#page-flux .video {
  margin-top: 60px; }
  #page-flux .video h1 {
    text-align: center;
    color: #232323;
    font-size: 40px;
    font-weight: 400;
    margin: 0; }
  #page-flux .video #video .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin: 30px 0; }
  #page-flux .video #video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#page-flux .package {
  margin-top: 15px; }
  #page-flux .package h1, #page-flux .package p {
    text-align: center; }
  #page-flux .package h1 {
    color: #232323;
    font-size: 30px;
    font-weight: 400; }
  #page-flux .package p {
    color: #232323;
    font-size: 20px; }
  #page-flux .package .form {
    width: 600px;
    margin: 0 auto;
    margin-top: 30px; }
    #page-flux .package .form input {
      width: 100%;
      padding: 10px; }
    #page-flux .package .form .submit {
      background-color: #3DE073;
      border: 2px solid #3DE073;
      color: #fff; }
      #page-flux .package .form .submit:hover {
        opacity: 0.7; }
  #page-flux .package p.remark {
    color: #7b7b7b;
    font-size: 15px;
    margin-top: 10px; }

#page-flux .footer {
  margin-top: 40px; }
  #page-flux .footer p {
    margin: 10px 0; }

.my-credit-box .label-card {
  display: block; }

.my-credit-box .amount {
  display: block;
  font-size: 35px;
  color: #00ABCD; }

#payment_logo {
  margin-top: 50px; }
  #payment_logo p {
    color: #7b7b7b;
    margin: 0;
    font-size: 12px; }
  #payment_logo img {
    height: 45px; }

@media (min-width: 413px) {
  #floating-mobile-menu ul li a {
    font-size: 14px; }
    #floating-mobile-menu ul li a i {
      font-size: 20px; } }

.create-project-container h1 {
  font-weight: lighter;
  color: #595959;
  text-align: center; }

.btn-create {
  background: #6d6e72;
  color: #fff; }

.btn-create-active {
  background: #00aedd; }
  .btn-create-active span {
    color: #fff !important; }

.create-project-box {
  padding: 15px;
  background: #efefef;
  margin-bottom: 10px; }
  .create-project-box .controls {
    margin-bottom: 5px !important; }
    .create-project-box .controls.form-group {
      margin: 0; }

.create-project-field-hint {
  padding-top: 10px; }
  .create-project-field-hint p {
    font-size: 11px;
    padding: 0px;
    margin: 0px; }
    .create-project-field-hint p.warning {
      background-color: #e2bf3d;
      padding: 5px 8px;
      color: #fffffe;
      display: inline-block;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      margin-top: 4px; }
    .create-project-field-hint p.alert {
      background-color: #D13F3F;
      padding: 5px 8px;
      color: #fffffe;
      display: inline-block;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      margin-top: 4px; }

#create-project-image-field {
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer; }
  #create-project-image-field .project-box-image {
    height: 260px;
    border: none; }

/* page banner */
.page-banner {
  background-position: center;
  background-color: #656565;
  height: 399px;
  background-repeat: no-repeat;
  /*background-size: auto auto;*/
  -webkit-background-size: cover;
  background-size: cover; }

.home-page-banner {
  background-image: url(images/banner/homebanner.png); }

.skdslider {
  height: 399px !important; }

.sidebar-container {
  padding: 0px; }
  .sidebar-container ul {
    padding: 0px; }
    .sidebar-container ul li {
      list-style: none; }

.subcontent-container {
  padding: 0px; }

.see-all {
  margin-top: 25px; }

/* project page */
.project-guidelines-content {
  margin-top: 0px; }

.project-guidelines-title {
  padding: 5px;
  padding-left: 60px;
  margin-bottom: 20px;
  background: url(images/project-guidelines-icon.png) no-repeat; }

.project-container {
  border: 3px solid #F0F0F0;
  padding: 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.project-page-funding-box {
  background-color: #F3F3F3;
  position: relative; }

.project-page-funding-box-info {
  padding: 10px 30px;
  padding-bottom: 75px; }

.project-page-funding-box-big-font {
  margin-top: 13px;
  font-size: 25px;
  font-weight: bold;
  line-height: 1; }

.project-page-funding-box-small-font {
  font-size: 13px;
  font-weight: bold;
  line-height: 1; }

.project-page-funding-period-box {
  background-color: #E6E6E6;
  height: 65px;
  bottom: 0;
  position: absolute;
  width: 100%;
  padding: 15px 30px; }

.project-page-fund-percent-bar-wrapper {
  overflow: hidden;
  background-color: #FFFFFF;
  height: 20px;
  margin: 10px 5px;
  margin-bottom: 5px;
  width: 230px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  position: relative; }

.project-page-fund-percent-text {
  position: absolute;
  font-weight: bold;
  font-size: 13px;
  width: 230px;
  text-align: center; }

.project-page-fund-percent-text2 {
  position: relative;
  font-weight: bold;
  font-size: 13px;
  width: 230px;
  color: #fff;
  text-align: center; }

.project-page-fund-percent-bar {
  height: 20px;
  background-color: #01ABCE;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden; }

.project-page-fund-period {
  padding-top: 0px; }

.project-page-fund-type-info {
  padding-top: 15px;
  font-size: 20px;
  font-weight: bold; }

.project-page-separator {
  height: 40px;
  padding: 10px; }

.section-header {
  background-color: #00abcd;
  color: #fff;
  margin: 0px;
  padding: 5px 10px;
  font-weight: bold;
  margin-bottom: 10px; }

.project-page-menu {
  bottom: -3px;
  position: relative; }
  .project-page-menu ul {
    padding: 0px;
    margin: 0px;
    display: inline-block; }
    .project-page-menu ul li {
      list-style: none;
      float: left;
      margin: 0px 10px;
      padding-bottom: 3px;
      width: auto !important; }
      .project-page-menu ul li.active {
        font-weight: bold;
        border-bottom: 3px solid #00abcd; }
      .project-page-menu ul li a {
        color: #656565;
        text-decoration: none; }
        .project-page-menu ul li a:hover {
          color: #00abcd; }

.project-page-banner-container {
  position: relative; }
  .project-page-banner-container img {
    max-width: 100%; }

@media (min-width: 992px) {
  .project-page-banner-container {
    position: relative;
    width: 623px;
    height: 433px; }
    .project-page-banner-container img {
      max-width: 623px;
      max-height: 433px; } }

.project-video-play-overlay {
  background-image: url("images/play_btn.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 433px;
  width: 100%;
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px; }
  .project-video-play-overlay:hover {
    background-image: url("images/play_btn_hover.png"); }

.project-page-description img, .post-body img {
  max-width: 100%;
  height: auto !important; }

.participant-remark {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 2px solid #ddd;
  margin-bottom: 16px;
  color: #565656;
  padding-bottom: 12px; }

.addthis_inline_share_toolbox {
  padding: 10px;
  text-align: center; }

.hide-share-this {
  position: absolute;
  left: -999999px; }

#amount-of-reward {
  height: auto;
  overflow: hidden;
  margin-top: 20px; }
  #amount-of-reward .fixed-label {
    width: 90px;
    float: left; }
    #amount-of-reward .fixed-label h1 {
      margin-top: 12px; }
  #amount-of-reward .amount-of-reward {
    float: none;
    width: auto;
    overflow: hidden; }
    #amount-of-reward .amount-of-reward input {
      max-width: 100px;
      text-align: center; }

@media only screen and (max-width: 768px) {
  .reward_choosed_box .light-grey-container {
    margin: 0;
    border: 8px solid #E0E0E0; }
  .project-box-image-static {
    position: relative; }
  .payment_logo_img_desktop {
    display: none; }
  .payment_logo_img_mobile {
    display: block !important;
    width: 100%;
    margin-top: 20px; }
  .second-box {
    margin: 20px -15px; }
  #create-project-image-field .project-box-image {
    height: auto; }
  .mobile-input {
    padding: 0px; }
  #check_coupon_code {
    margin-left: 0px; }
  #pledge_form {
    margin-bottom: 0px; }
  #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child {
    width: 96%; }
    #page-flux .pop-up-overlay-black .pop-up-parent .pop-up-child .pop-up-info h1 {
      font-size: 23px; }
  #page-flux .banner-cover {
    min-height: 100%; }
    #page-flux .banner-cover img {
      max-width: 100%;
      height: auto; }
  #page-flux .featured img {
    max-width: 100%;
    height: auto; }
  #page-flux .sign-up h1 {
    font-size: 30px; }
  #page-flux .sign-up p {
    font-size: 14px; }
  #page-flux .sign-up .form {
    width: 100%; }
    #page-flux .sign-up .form input {
      border: 1px solid #ddd; }
  #page-flux .sign-up .submit {
    width: 100%; }
  #page-flux .package h1 {
    font-size: 30px; }
  #page-flux .package p {
    font-size: 14px; }
  #page-flux .package .form {
    width: 100%; }
    #page-flux .package .form input {
      border: 1px solid #ddd; }
  #page-flux .video h1 {
    font-size: 30px; }
  #page-flux .footer img {
    width: 290px;
    height: auto;
    margin: 0 auto; }
  #login-box-top .facebook_login_btn {
    -webkit-background-size: 198px 198px;
    background-size: 198px;
    width: 200px; }
  #login-box-top #form-guest {
    width: 100%;
    margin-bottom: 5px; }
  #login-box-top .text-danger .show-existing {
    margin-bottom: 5px; }
  .pledge-right-sidebar {
    padding-left: 0 !important; }
  .participants .icon_badge {
    width: 65px; }
  .micro_sidebar {
    display: none; }
  .participants img {
    width: 100%;
    height: auto; }
  .project-url-left {
    font-size: 11px;
    display: block;
    width: 100%; }
  .input-block {
    display: block !important;
    width: 100% !important; }
  .project-page-description img, .post-body img {
    width: 100% !important; }
  .project-container h4.section-header {
    margin-top: 10px; }
  .project-container .project-page-project-by h3 {
    margin-top: 0; }
  #login_box, #signup_box, .auth-box .deselected-container-box {
    min-height: 0; }
  #top-header-right-container {
    overflow: visible !important; }
  body.page-afforestation .page-slide, body.page-afforestation .page-banner, body.page-afforestation .skdslider {
    height: 350px !important; }
  body.page-afforestation .page-slide .child {
    width: 100%; }
  body.page-afforestation .skdslider a.next, body.page-afforestation .skdslider a.prev {
    display: none; }
  #form-submit {
    padding: 50px 0; }
  .forest-loss h1 {
    font-size: 44px; }
  .save-our h1 {
    font-size: 22px; }
  .quote-box .quote-img {
    height: 500px; }
  .quote-box .quote-green {
    height: 300px;
    padding: 20px; }
  .quote-box p.quote {
    font-size: 30px;
    font-weight: bold;
    margin-top: 0px;
    line-height: 42px; }
  body.page-afforestation .page-slide, body.page-afforestation .page-banner, body.page-afforestation .skdslider {
    height: 350px !important; }
  #main-slider {
    height: 300px; }
    #main-slider .child {
      max-width: 100%; }
  img.tree {
    max-width: 100%; }
  .form-box .heading-box h1 {
    font-size: 23px; }
  .form-box .form input[type="text"] {
    width: 100%;
    border: none;
    padding: 10px; }
  .form-box .icon-caret {
    display: none; }
  .quote-box .find-out {
    text-align: center; }
  .form-box .form .fa {
    margin-top: 10px; } }

.project-page-description iframe, .post-body iframe, .project-page-description embed, .post-body embed {
  max-width: 100%; }

.project-page-description .tab-pane {
  margin-top: 15px;
  margin-bottom: 20px; }

/* reward box */
.project-reward-box {
  padding: 5px;
  border: 1px solid #D0D0D0;
  margin-bottom: 10px;
  background-color: #fff; }

.project-reward-box-pledge-fund {
  background-color: #F1F1F1;
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
  color: #656565;
  font-weight: bold;
  padding: 5px 10px;
  margin: 0px; }

.project-reward-box-description {
  padding: 5px 10px;
  padding-bottom: 20px; }
  .project-reward-box-description br {
    display: none; }
  .project-reward-box-description ul br {
    display: none; }
  .project-reward-box-description ol br {
    display: none; }

.project-reward-box-info {
  padding: 0 5px; }

.project-link-box {
  padding: 5px;
  border: 1px solid #D0D0D0;
  margin-bottom: 10px;
  background-color: #fff; }
  .project-link-box ul {
    margin: 0;
    padding: 5px 10px;
    list-style: inside; }

/* comment */
@media only screen and (max-device-width: 400px) {
  #comments_container table a img {
    width: 50px;
    height: 50px; }
  #comments_container .comment {
    padding: 0 !important; }
  #comments_container .child-comment td img {
    float: right;
    width: 35px;
    height: 35px; } }

.comment-content {
  padding: 5px 20px; }

#comment-load-more {
  display: none; }

.reply-comment {
  display: none; }
  .reply-comment td textarea {
    margin: 20px; }
  .reply-comment td img {
    float: right;
    width: 50px;
    height: 50px; }
  .reply-comment td .reply-button {
    margin-right: 20px; }

.child-comment {
  font-size: 95%;
  background-color: #f7f7f7; }
  .child-comment td {
    padding-top: 10px; }
    .child-comment td img {
      float: right;
      width: 50px;
      height: 50px; }
    .child-comment td .reply-button {
      margin-right: 20px; }

/* becker box */
.becker-box {
  height: 200px; }
  .becker-box img {
    border: 2px solid #ccc; }

/* pledge page */
.pledge-amount-field {
  font-size: 35px;
  font-weight: bold;
  height: 50px; }

.reward-option-container hr {
  border-color: #C9C9C9; }

.reward-option-container br {
  display: none; }

.reward-option-container ul li {
  margin-bottom: 5px; }

.page-404 {
  background: url(images/logo_bg.png) no-repeat center;
  min-height: 500px;
  padding: 30px; }

.facebook_login_btn {
  display: block;
  background: url(images/fb_btn.png) no-repeat;
  width: 219px;
  height: 41px;
  margin: 10px 0px; }

.auth-box {
  padding: 0px 5px; }

.selected-container-box, .deselected-container-box {
  min-height: 700px;
  padding: 10px; }

.selected-container-box {
  border: 1px solid #e4e3e3; }

.deselected-container-box {
  background: #f5f5f5; }

/* recaptcha style */
.recaptcha_widget {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 300px;
  border: 4px solid #AF1500;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #AF1500;
  margin: 0 0 10px; }

#recaptcha_image {
  width: 100% !important;
  height: auto !important; }
  #recaptcha_image img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 3px solid #FFF; }

.recaptcha_is_showing_audio embed {
  height: 0;
  width: 0;
  overflow: hidden; }

.recaptcha_is_showing_audio #recaptcha_image {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  background: #FFF;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 3px solid #FFF; }
  .recaptcha_is_showing_audio #recaptcha_image br {
    display: none; }
  .recaptcha_is_showing_audio #recaptcha_image #recaptcha_audio_download {
    display: block; }

.recaptcha_input {
  background: #FFDC73;
  color: #000;
  font: 13px/1.5 "HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;
  margin: 4px 0 0;
  padding: 0 4px 4px;
  border: 4px solid #FFDC73;
  -webkit-border-radius: 2px;
  border-radius: 2px; }
  .recaptcha_input label {
    margin: 0 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .recaptcha_input input {
    width: 100%; }

.recaptcha_options {
  list-style: none;
  margin: 4px 0 0;
  height: 18px; }
  .recaptcha_options li {
    float: left;
    margin: 0 4px 0 0; }
    .recaptcha_options li a {
      text-decoration: none;
      text-shadow: 0 1px 1px #000;
      font-size: 16px;
      color: #FFF;
      display: block;
      width: 20px;
      height: 18px; }
      .recaptcha_options li a:active {
        position: relative;
        top: 1px;
        text-shadow: none; }

.captcha_hide {
  display: none; }

.signup-container {
  margin-bottom: 40px; }

@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .project-box-image {
    float: left;
    height: 240px;
    width: 50%;
    -webkit-background-size: cover;
    background-size: cover; }
  .project-box {
    float: left;
    width: 50%; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .project-box-image {
    float: left;
    height: 240px;
    width: 50%;
    -webkit-background-size: cover;
    background-size: cover; }
  .project-box {
    float: left;
    width: 50%; } }

.user-avatar {
  height: 100px;
  width: 100px;
  -webkit-background-size: cover;
  background-size: cover;
  background-size: cover !important;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: -5px; }

#discover-search {
  position: relative;
  margin-bottom: 0px; }

.btn-discover-search {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
  color: #757575; }
  .btn-discover-search:hover {
    cursor: pointer;
    opacity: 0.7; }

.section-grey {
  background-color: #f9f9f9;
  border-top: 1px solid #F3F3F3;
  border-bottom: 1px solid #F3F3F3;
  padding: 10px 0 30px;
  margin-bottom: 15px; }

.payment-label {
  margin-left: 10px;
  font-style: italic; }

.payment_logo_img_desktop {
  margin-top: 21px;
  width: 596px; }

.payment_logo_img_mobile {
  display: none; }

/* page-afforestation */
body.page-afforestation {
  padding-top: 0;
  padding-top: 0; }
  body.page-afforestation .alert-block {
    margin-top: 20px; }
  body.page-afforestation .page-slide, body.page-afforestation .page-banner, body.page-afforestation .skdslider {
    height: 550px !important; }
  body.page-afforestation .form-box-error {
    background-color: #fff;
    padding: 5px; }

#main-slider {
  height: 550px;
  width: 100%;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  background-repeat: no-repeat !important; }

.parent {
  position: relative; }

.child {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  width: 511px;
  text-align: center;
  font-size: 43px;
  font-weight: bold;
  font-family: "myriad-pro"; }

.section-border {
  padding: 35px 0;
  border-bottom: 1px solid #EDEDED; }
  .section-border h1 {
    font-family: 'PT Sans', sans-serif; }

h2, h3, p {
  font-family: 'PT Sans', sans-serif; }

.section-border h1 {
  color: #505050;
  font-size: 26px;
  font-weight: bold;
  margin-top: 0; }

.section-border p {
  color: #5D5D5D;
  font-size: 18px; }

img.tree {
  width: 700px;
  margin: 30px auto 0;
  display: block; }

.forest-loss {
  background-color: #a6ce39; }
  .forest-loss h1 {
    font-size: 82px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #fff;
    font-family: "myriad-pro"; }
  .forest-loss p {
    font-size: 26px;
    color: #fff;
    line-height: 31px; }

.save-our h1 {
  font-size: 45px;
  font-weight: bold;
  color: #a6ce39;
  text-align: center;
  font-family: "myriad-pro"; }

.save-our h3 {
  font-size: 25px;
  color: #a6ce39;
  text-align: center;
  margin-bottom: 20px; }

.save-our .save-icon {
  text-align: center; }
  .save-our .save-icon p {
    display: inline-block;
    margin-top: 10px;
    font-family: "myriad-pro";
    color: #512b14; }

.box-tree p {
  font-size: 28px;
  font-weight: bold;
  color: #a6ce39;
  text-align: center;
  font-family: "myriad-pro"; }

.center-col {
  float: none !important;
  margin: 0 auto; }

.box-center {
  text-align: center; }

.quote-box {
  padding-top: 0px; }
  .quote-box .quote-img {
    height: 600px; }
  .quote-box .quote-green {
    background-color: #a6ce39;
    height: 600px;
    padding: 40px; }
  .quote-box p.quote {
    font-size: 40px;
    font-weight: bold;
    margin-top: 141px;
    line-height: 50px;
    font-style: italic;
    color: #fff;
    font-family: "myriad-pro"; }

a.find-out {
  background-color: #a6ce39;
  color: #fff;
  display: inline-block;
  padding: 10px 18px;
  margin: 0 auto;
  font-size: 17px;
  font-weight: bold;
  margin-top: 20px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  -webkit-box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, 0.43);
  box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, 0.43); }

a.find-out-white {
  background-color: #fff;
  color: #a6ce39; }

a.find-out:hover {
  text-decoration: none;
  opacity: 0.8; }

#saving {
  height: 626px;
  position: relative; }
  #saving h3 {
    font-size: 28px;
    font-weight: bold;
    color: #a6ce39;
    text-align: center;
    font-family: "myriad-pro"; }
  #saving .box-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 20px; }

#form-submit {
  border-bottom: 0px;
  padding: 80px 0; }
  #form-submit p {
    color: #fff; }

.form-box .icon-caret {
  margin: 0 20px;
  color: #8ac640; }

.form-box .heading-box {
  display: inherit;
  margin: 0 auto;
  text-align: center; }
  .form-box .heading-box h1 {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    font-family: "myriad-pro"; }
  .form-box .heading-box h3 {
    font-size: 21px;
    color: #fff;
    margin-bottom: 25px; }
  .form-box .heading-box span {
    font-size: 20px;
    font-weight: bold;
    color: #505050; }

.form-box .form {
  margin-top: 10px; }
  .form-box .form .fa {
    color: #8ac640;
    font-size: 22px; }
  .form-box .form input[type="text"] {
    width: 100%;
    border: none;
    padding: 10px; }

.form-box input[type="submit"] {
  width: 100%;
  border: none;
  margin: 20px auto 0;
  background-color: #F15A29;
  color: #fff;
  padding: 18px;
  font-size: 18px;
  display: block;
  text-transform: uppercase; }
  .form-box input[type="submit"]:hover {
    opacity: 0.8; }

.form-box .form input[type="text"]:active, .form-box .form input[type="text"]:focus {
  outline: none; }

.form-box .form .col-form {
  height: auto;
  overflow: hidden; }
  .form-box .form .col-form #ref_email {
    margin-bottom: 20px; }
  .form-box .form .col-form .form-box-error {
    color: #DD0000; }
  .form-box .form .col-form .right {
    width: 30px;
    float: left; }
  .form-box .form .col-form .left {
    float: none;
    width: auto;
    overflow: hidden; }

#center-logo {
  text-align: center;
  margin: 30px 0; }

#check_coupon_code {
  background-color: #00abcd;
  color: #fff;
  text-align: center;
  border: none;
  margin-left: 5px; }
  #check_coupon_code:hover {
    cursor: pointer;
    opacity: 0.8; }

#result_coupon_code {
  height: 34px;
  padding: 6px 12px; }
  #result_coupon_code .fa {
    font-size: 25px; }
  #result_coupon_code .fa-check {
    color: #1aa002; }
  #result_coupon_code .fa-times {
    color: #F20000; }

body.page-get-your-fund {
  margin: 0px;
  padding: 0px; }
  body.page-get-your-fund .main-container {
    max-width: 1100px; }
  body.page-get-your-fund .box-relative {
    position: relative; }
  body.page-get-your-fund h1 {
    color: #00aacc;
    font-size: 35px;
    text-align: center;
    display: block;
    margin-top: 70px;
    margin-bottom: 40px; }
  body.page-get-your-fund .center {
    text-align: center;
    display: block; }
  body.page-get-your-fund a.btn-get-your-fund-now {
    background-color: #ffd91c;
    text-transform: uppercase;
    display: inline-block;
    font-size: 23px;
    font-weight: 600;
    color: #061b24;
    padding: 15px 40px;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    text-decoration: none;
    background: #ffd91c;
    background: -webkit-linear-gradient(180deg, #ffd91c 0%, #edca1b 79%, #a38c16 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd91c), color-stop(79%, #edca1b), to(#a38c16));
    background: -webkit-linear-gradient(top, #ffd91c 0%, #edca1b 79%, #a38c16 100%);
    background: -o-linear-gradient(top, #ffd91c 0%, #edca1b 79%, #a38c16 100%);
    background: linear-gradient(180deg, #ffd91c 0%, #edca1b 79%, #a38c16 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd91c",endColorstr="#a38c16",GradientType=1); }
    body.page-get-your-fund a.btn-get-your-fund-now:hover {
      opacity: 0.8;
      cursor: pointer !important; }
  body.page-get-your-fund .banner {
    border-bottom: 15px solid #ffd91c;
    background-color: #80d1e9; }
    body.page-get-your-fund .banner a.btn-get-your-fund-now-position {
      position: absolute;
      bottom: 100px;
      left: 20px;
      z-index: 9999; }
    body.page-get-your-fund .banner a.btn-get-your-fund-now-position-bottom {
      position: absolute;
      bottom: 100px;
      right: 20%;
      z-index: 9999; }
    body.page-get-your-fund .banner img {
      display: block;
      margin: 0 auto; }
  body.page-get-your-fund .easiest-way-to-get-fund img {
    margin-bottom: 30px; }
  body.page-get-your-fund .other-people-getting-funded img {
    margin-bottom: 60px; }

.promotion_overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
  visibility: visible;
  opacity: 1;
  z-index: 9999; }
  .promotion_overlay:target {
    visibility: visible;
    opacity: 1; }

.promotion_popup {
  margin: 0px auto;
  padding: 0px;
  background: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 90%;
  max-width: 900px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 5s ease-in-out;
  -o-transition: all 5s ease-in-out;
  transition: all 5s ease-in-out; }
  .promotion_popup .promotion_close {
    position: absolute;
    z-index: 9999;
    top: 10px;
    right: 10px;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #333; }
    .promotion_popup .promotion_close:hover {
      opacity: 0.8;
      cursor: pointer; }
  .promotion_popup .promotion_content {
    max-height: 100%;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .promotion_popup .promotion_content {
    position: relative; }
    .promotion_popup .promotion_content p {
      margin-bottom: 20px;
      color: #705a50;
      font-size: 15px; }
    .promotion_popup .promotion_content img {
      max-width: 100%;
      max-height: 100%;
      margin-bottom: 0px; }
    .promotion_popup .promotion_content a.btn-get-your-fund-now-popup {
      position: absolute;
      z-index: 9999;
      left: 30px;
      bottom: 90px;
      background-color: #ffd91c;
      text-transform: uppercase;
      display: inline-block;
      font-size: 23px;
      font-weight: 600;
      color: #061b24;
      padding: 15px 40px;
      -webkit-border-radius: 10px;
              border-radius: 10px;
      text-decoration: none;
      background: #ffd91c;
      background: -webkit-linear-gradient(180deg, #ffd91c 0%, #edca1b 79%, #a38c16 100%);
      background: -webkit-gradient(linear, left top, left bottom, from(#ffd91c), color-stop(79%, #edca1b), to(#a38c16));
      background: -webkit-linear-gradient(top, #ffd91c 0%, #edca1b 79%, #a38c16 100%);
      background: -o-linear-gradient(top, #ffd91c 0%, #edca1b 79%, #a38c16 100%);
      background: linear-gradient(180deg, #ffd91c 0%, #edca1b 79%, #a38c16 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd91c",endColorstr="#a38c16",GradientType=1); }
      .promotion_popup .promotion_content a.btn-get-your-fund-now-popup:hover {
        opacity: 0.8;
        cursor: pointer !important; }

body.page-broccolisprouts {
  padding: 0; }
  body.page-broccolisprouts .slide-broccolisprouts {
    height: 600px !important; }
  body.page-broccolisprouts .wrap {
    height: auto;
    overflow: hidden; }
  body.page-broccolisprouts .right {
    width: 400px;
    float: left; }
  body.page-broccolisprouts .left {
    float: none;
    width: auto;
    overflow: hidden;
    height: 600px;
    display: block; }

.broccolisprouts-intro {
  padding: 40px 0; }
  .broccolisprouts-intro h1 {
    margin-top: 0;
    color: #4DB04E;
    font-size: 57px;
    font-family: "myriad-pro"; }
  .broccolisprouts-intro p {
    color: #607D8B;
    font-size: 20px;
    font-style: italic;
    font-family: "myriad-pro";
    text-align: justify; }

a.find-out-green {
  background-color: #4DB04E;
  color: #fff; }

.broccolisprouts-box .quote-img {
  height: 600px; }

.broccolisprouts-box .quote-green {
  padding: 20px; }

.broccolisprouts-box p.quote {
  font-size: 42px;
  font-weight: bold;
  margin-top: 0px;
  line-height: 52px;
  font-weight: 400;
  color: #607D8B;
  font-family: 'Open Sans', arial;
  font-style: italic; }

.broccolisprouts-form input[type="submit"] {
  background-color: #E63A34; }

.apply-coupon {
  margin: 0;
  font-size: 12px;
  color: #fff;
  border: 1px solid #5a94bd;
  background-color: #6dbaca;
  padding: 6px 15px;
  display: inline-block;
  border-bottom: 3px solid #5193a2;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .apply-coupon:hover {
    cursor: pointer;
    opacity: 0.8; }

i.reward_quantity_minus, i.reward_quantity_plus, i.floating_reward_quantity_minus, i.floating_reward_quantity_plus {
  font-size: 35px;
  color: #63abca;
  vertical-align: top;
  -webkit-border-radius: 3px;
  border-radius: 0px; }
  i.reward_quantity_minus:hover, i.reward_quantity_plus:hover, i.floating_reward_quantity_minus:hover, i.floating_reward_quantity_plus:hover {
    opacity: 0.8;
    cursor: pointer; }

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pledge-quantity-field {
  width: 50px;
  display: inline-block;
  text-align: center; }

.pledge-right-sidebar .pledge-box {
  background-color: #f4f4f4;
  border: 8px solid #E0E0E0;
  padding: 23px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.pledge-right-sidebar h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 10px; }

.pledge-right-sidebar h3, .pledge-right-sidebar label {
  margin: 0;
  padding: 0; }

.pledge-right-sidebar small.italic {
  font-style: italic; }

.pledge-right-sidebar .box-row {
  margin-bottom: 25px; }

.pledge-right-sidebar .amount-label {
  margin: 0;
  padding: 0;
  margin-top: 12px; }

.pledge-right-sidebar .reward-quantity-label {
  margin: 0;
  padding: 0;
  margin-top: 12px; }

.contribution-appearance label {
  margin-right: 30px;
  display: block; }
  .contribution-appearance label input {
    margin-right: 8px; }
  .contribution-appearance label .others_name {
    margin-left: 8px;
    width: 50%;
    display: inline-block; }

.lang-selection {
  margin: 10px 0; }

h3.final_total_box {
  text-align: right; }

#btn_support {
  width: 100%; }

.success-page i {
  color: #2C9A50;
  font-size: 60px;
  margin: 20px 0 10px; }

.success-page a {
  text-decoration: underline; }

.success-page h1 {
  margin: 10px 0 10px;
  font-size: 17px; }

.success-page h2 {
  font-size: 20px;
  margin-bottom: 0px; }

.success-page p.remark {
  margin-top: 50px;
  font-style: italic; }

.success-page .share-project {
  margin-bottom: 30px; }
  .success-page .share-project .share-project-textarea {
    width: 100%;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color: #404040;
    padding: 10px;
    height: auto;
    line-height: 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 10px; }
  .success-page .share-project img {
    max-width: 100%; }
  .success-page .share-project a {
    background-color: #00ABCD;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: block;
    margin-top: 5px; }
    .success-page .share-project a:hover {
      cursor: pointer;
      opacity: 0.8; }

.fixed-url {
  background-color: #fff;
  padding: 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  min-width: 400px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  text-align: center; }

a.participants {
  position: relative;
  display: inline-block; }

.participants .icon_badge {
  position: absolute;
  left: 0;
  top: 0;
  border: none; }

@media (max-width: 450px) {
  body {
    padding-top: 15px; }
  .page-container {
    padding-top: 0px !important; }
  #top-header-right-container {
    position: relative;
    overflow: hidden;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #top-header {
    height: auto;
    overflow: visible;
    margin-bottom: 3px; }
    #top-header .guest-box-left {
      width: 107px;
      float: left; }
      #top-header .guest-box-left a img {
        max-width: 100%;
        height: auto; }
    #top-header .guest-box-right {
      float: none;
      width: auto;
      overflow: hidden;
      text-align: right; }
      #top-header .guest-box-right #top-header-right-container {
        padding-right: 0px; }
      #top-header .guest-box-right .top-header-right-box:nth-child(1) {
        width: 100%;
        display: block;
        margin-bottom: 8px; }
      #top-header .guest-box-right .top-header-right-box:nth-child(2) {
        width: 100%;
        display: block; }
  h1.font-grey {
    font-size: 28px;
    margin-top: 10px; }
  .project-page-menu ul {
    margin-bottom: 10px; }
    .project-page-menu ul li {
      margin: 0px !important;
      font-size: 13px;
      text-align: center;
      margin-bottom: 5px;
      width: 50% !important; }
      .project-page-menu ul li a {
        color: #656565;
        text-decoration: none;
        border-bottom: 1px solid #e8e8e8;
        padding: 1px 10px;
        margin-bottom: 9px;
        display: inline-block; }
      .project-page-menu ul li.active {
        border-bottom: 0; }
  a.site-logo {
    margin-bottom: 10px;
    display: inline-block; }
  .padding-vertical {
    padding-top: 0; }
  #top-header-right-container .top-header-right-box:nth-child(1) {
    float: left;
    width: 132px;
    padding-left: 0; }
  #top-header-right-container .top-header-right-box:nth-child(2) {
    width: auto;
    overflow: hidden;
    display: block;
    margin-top: 0;
    padding-left: 0; }
  .top-header-right-box-content div a.btn {
    height: 33px; }
  .project-box-fund-percent-bar-wrapper {
    width: 97%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px auto; }
  .project-page-fund-percent-bar-wrapper {
    width: 100%; }
  .project-container .no-padding {
    padding-left: 0px !important; }
  .project-page-description a {
    word-break: break-all; }
  .about-me {
    margin-top: 115px !important; } }

#status_box.info {
  background-color: #4eb75b;
  padding: 12px 20px;
  color: #fff;
  font-size: 13px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

#status_box.warning {
  background-color: #d1d431;
  padding: 12px 20px;
  color: #fff;
  font-size: 13px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.payment-min-height {
  min-height: 300px; }

.direct-payment {
  margin-bottom: 50px; }
  .direct-payment #error_box {
    background-color: #d85422;
    padding: 12px 20px;
    color: #fff;
    font-size: 13px;
    margin-top: 25px;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .direct-payment h2 {
    font-size: 22px; }
  .direct-payment #direct-visa-mastercard {
    margin-top: 20px; }
  .direct-payment .input-row {
    margin-bottom: 15px; }
    .direct-payment .input-row label {
      font-size: 16px;
      color: #0297b5;
      font-weight: 400;
      display: block; }
    .direct-payment .input-row input {
      padding: 4px 10px;
      width: 300px; }
      .direct-payment .input-row input[type="text"] {
        border: 1px solid #d8d8d8; }
  .direct-payment .payment-channel {
    text-align: center;
    width: 149px;
    float: left;
    border: 1px solid #ddd;
    padding: 10px 0; }
    .direct-payment .payment-channel:hover {
      cursor: pointer; }
    .direct-payment .payment-channel * {
      font-family: 'Open Sans', arial; }
    .direct-payment .payment-channel p.channel-label {
      color: #696969;
      margin: 0 auto;
      margin-bottom: 9px;
      font-size: 13px; }
    .direct-payment .payment-channel .channel-icon {
      height: 86px; }
      .direct-payment .payment-channel .channel-icon img {
        margin: 0 auto; }
    .direct-payment .payment-channel input {
      margin: 0 auto; }
  .direct-payment .payment-box-form .box-hide {
    display: none; }
  .direct-payment .payment-box-form #direct-7-eleven p {
    margin: 10px 0 20px; }
  .direct-payment .payment-box-form .bank-channel {
    text-align: center;
    width: 130px;
    float: left;
    border: 1px solid #ddd;
    padding: 10px 0;
    margin-right: 5px; }
    .direct-payment .payment-box-form .bank-channel:hover {
      cursor: pointer; }
    .direct-payment .payment-box-form .bank-channel * {
      font-family: 'Open Sans', arial; }
    .direct-payment .payment-box-form .bank-channel p.channel-label {
      color: #696969;
      margin: 0 auto;
      margin-bottom: 9px;
      font-size: 13px; }
    .direct-payment .payment-box-form .bank-channel .bank-icon {
      height: 65px;
      position: relative; }
      .direct-payment .payment-box-form .bank-channel .bank-icon img {
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
    .direct-payment .payment-box-form .bank-channel input {
      margin: 0 auto; }
  .direct-payment .modal-footer {
    border: 0;
    padding: 0;
    margin-top: 10px;
    text-align: left; }
    .direct-payment .modal-footer input {
      padding: 8px 38px; }
      .direct-payment .modal-footer input.contact_no {
        padding: 4px 10px;
        width: 316px;
        margin-bottom: 10px; }

body.page-startup {
  padding: 0; }
  body.page-startup .slide-startup {
    height: 400px;
    background: #303EAA; }
    body.page-startup .slide-startup .wrap {
      text-align: center; }
    body.page-startup .slide-startup img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto; }
      body.page-startup .slide-startup img.icon-arrow {
        margin-top: 50px; }
      body.page-startup .slide-startup img.text-1 {
        margin-top: 10px; }
      body.page-startup .slide-startup img.bottom {
        margin-top: 20px; }
  body.page-startup .space {
    width: 30px;
    display: inline-block;
    height: 1px; }
  body.page-startup .line-height-35 {
    line-height: 35px; }
  body.page-startup #sponsor {
    padding: 10px 0;
    -webkit-box-shadow: 0px 10px 54px -20px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 54px -20px rgba(0, 0, 0, 0.75); }
    body.page-startup #sponsor img {
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto; }
  body.page-startup .text-faq table tr td {
    vertical-align: top;
    word-break: break-all; }
  body.page-startup .img-responsive {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto; }
  body.page-startup #entrepreneurship-competition .entrepreneurship-competition-box {
    margin: 30px 0 30px; }
  body.page-startup #video .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin: 30px 0; }
  body.page-startup #video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  body.page-startup .section-border {
    border-bottom: 0; }
    body.page-startup .section-border.bg-blue {
      background-color: #F2F7F9; }
    body.page-startup .section-border.bg-core-blue {
      background-color: #0000FF; }
    body.page-startup .section-border .h1-main {
      display: block;
      text-align: center;
      background: url("../images/dreamfactorystartupcontest/heading-line.png") repeat-x;
      background-position: 10px;
      margin-bottom: 30px; }
      body.page-startup .section-border .h1-main .h1-center {
        text-align: center;
        color: #fff;
        display: inline-block;
        background-color: #fff; }
        body.page-startup .section-border .h1-main .h1-center img {
          margin-top: 16px;
          display: inline-block;
          vertical-align: top; }
        body.page-startup .section-border .h1-main .h1-center span {
          margin: 0 10px;
          color: #161B49;
          font-size: 36px;
          font-weight: 600; }
    body.page-startup .section-border .text-wrap {
      text-align: center; }
      body.page-startup .section-border .text-wrap p {
        line-height: 35px; }
    body.page-startup .section-border .calendar .calendar-column {
      width: 20%;
      display: inline-block;
      text-align: center;
      float: left; }
      body.page-startup .section-border .calendar .calendar-column p {
        text-align: center;
        margin: 0; }
    body.page-startup .section-border table.startup-table {
      width: 100%; }
      body.page-startup .section-border table.startup-table tr td {
        padding: 5px;
        color: #6D6E70; }
    body.page-startup .section-border h1 {
      margin-bottom: 30px;
      color: #161B49; }
    body.page-startup .section-border ul.arrow {
      padding: 0px;
      margin-bottom: 50px; }
      body.page-startup .section-border ul.arrow li {
        background: url(../images/dreamfactorystartupcontest/heading-arrow-right.png) no-repeat;
        padding-left: 30px;
        list-style: none;
        -webkit-background-size: 17px 17px;
        background-size: 17px;
        background-position: 0px 5px;
        margin-bottom: 13px; }
    body.page-startup .section-border span.register-button {
      background: #FF0000;
      display: inline-block;
      padding: 10px 20px;
      border: 0;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
      text-decoration: none; }
      body.page-startup .section-border span.register-button:hover {
        text-decoration: none;
        cursor: default; }
      body.page-startup .section-border span.register-button span {
        display: block; }
        body.page-startup .section-border span.register-button span.cn {
          color: #fff;
          font-size: 30px;
          font-weight: bold; }
        body.page-startup .section-border span.register-button span.en {
          color: #fff;
          font-size: 22px;
          text-transform: uppercase;
          font-weight: normal; }

body.page-professional {
  padding: 0; }
  body.page-professional .slide-professional {
    height: 372px; }
  body.page-professional #slide-bottom {
    background: #130E2D;
    padding: 10px 0; }
    body.page-professional #slide-bottom img.location {
      float: left; }
    body.page-professional #slide-bottom .text-box {
      float: left;
      padding-left: 10px;
      position: relative; }
      body.page-professional #slide-bottom .text-box p {
        color: #fff;
        margin: 0;
        font-size: 16px; }
      body.page-professional #slide-bottom .text-box .brown {
        color: #B68667; }
    body.page-professional #slide-bottom .highlight-box {
      float: right;
      height: 44px;
      width: 10px;
      position: relative; }
      body.page-professional #slide-bottom .highlight-box .highlight {
        position: absolute;
        right: 0;
        bottom: -10px;
        width: 449px; }
  body.page-professional .section-border {
    border-bottom: 0; }
    body.page-professional .section-border h1 {
      color: #3600C0;
      font-size: 35px;
      padding-bottom: 10px;
      margin-bottom: 30px;
      border-bottom: 1px solid #9B9EAA; }
    body.page-professional .section-border .box-wrap-blue .box-blue {
      padding: 10px; }
      body.page-professional .section-border .box-wrap-blue .box-blue .box-blue-inside {
        background-color: #3600C0;
        padding: 21px;
        color: #fff;
        text-align: center;
        height: 189px; }
        body.page-professional .section-border .box-wrap-blue .box-blue .box-blue-inside h4 {
          color: #fff;
          font-size: 28px;
          margin-bottom: 20px; }
        body.page-professional .section-border .box-wrap-blue .box-blue .box-blue-inside p {
          color: #fff; }
    body.page-professional .section-border ul.arrow {
      padding: 0px;
      margin-bottom: 0px; }
      body.page-professional .section-border ul.arrow li {
        background: url(../images/professional-management-workshop/li-arrow.png) no-repeat;
        padding-left: 30px;
        list-style: none;
        -webkit-background-size: 17px 17px;
        background-size: 17px;
        background-position: 0px 5px;
        margin-bottom: 13px;
        font-size: 18px;
        color: #6D6E70; }
  body.page-professional .profile-box {
    position: relative; }
    body.page-professional .profile-box .profile-title {
      height: 71px;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: -46px; }
  body.page-professional .payment-box {
    position: relative; }
    body.page-professional .payment-box .profile-title {
      height: 71px;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: -46px; }
    body.page-professional .payment-box .img-center {
      text-align: center;
      padding-top: 130px;
      padding-bottom: 80px; }
  body.page-professional .footer-box .text {
    margin: 40px 0; }
    body.page-professional .footer-box .text p {
      margin: 0;
      color: #fff;
      font-size: 23px; }
  body.page-professional .img-center {
    text-align: center; }
  body.page-professional .payment-type img:hover {
    opacity: 0.9;
    cursor: pointer; }
  body.page-professional #payment-form {
    width: 700px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px; }
    body.page-professional #payment-form label {
      display: block;
      color: #b0aab3;
      text-align: left;
      font-size: 15px;
      font-weight: 400; }
    body.page-professional #payment-form input[type="text"] {
      width: 100%;
      padding: 9px;
      -webkit-border-radius: 3px;
      border-radius: 2px;
      border: 1px solid #7e7484;
      background: none;
      color: #b0aab3;
      font-weight: 300; }
    body.page-professional #payment-form input[type="submit"] {
      text-transform: uppercase;
      color: #fff;
      border: 0;
      padding: 10px 39px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      font-size: 21px;
      margin-top: 30px;
      background-color: #3600C0; }
      body.page-professional #payment-form input[type="submit"]:hover {
        cursor: pointer;
        opacity: 0.9; }
    body.page-professional #payment-form .box-input {
      height: 106px; }
      body.page-professional #payment-form .box-input .error {
        text-align: left;
        color: #da3e3e;
        margin-top: 5px; }
    body.page-professional #payment-form .box-package p {
      background-color: #45ab77;
      padding: 8px 20px;
      color: #fff;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      display: inline-block; }

@media (max-width: 750px) {
  .promotion_popup {
    margin: 0px auto;
    padding: 0px;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 90%;
    max-width: 400px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all 5s ease-in-out;
    -o-transition: all 5s ease-in-out;
    transition: all 5s ease-in-out; }
    .promotion_popup .promotion_close {
      position: absolute;
      z-index: 9999;
      top: 5px;
      right: 5px;
      -webkit-transition: all 200ms;
      -o-transition: all 200ms;
      transition: all 200ms;
      font-size: 35px;
      font-weight: bold;
      text-decoration: none;
      color: #333; }
      .promotion_popup .promotion_close:hover {
        opacity: 0.8;
        cursor: pointer; }
    .promotion_popup .promotion_content {
      max-height: 100%;
      overflow: auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .promotion_popup .promotion_content {
      position: relative; }
      .promotion_popup .promotion_content p {
        margin-bottom: 20px;
        color: #705a50;
        font-size: 15px; }
      .promotion_popup .promotion_content img {
        max-width: 100%;
        max-height: 100%;
        margin-bottom: 0px; }
      .promotion_popup .promotion_content a.btn-get-your-fund-now-popup {
        position: absolute;
        z-index: 9999;
        left: 0px;
        right: 0px;
        bottom: 60px;
        width: 90%;
        margin: auto;
        text-align: center;
        background-color: #ffd91c;
        text-transform: uppercase;
        display: inline-block;
        font-size: 20px;
        font-weight: 600;
        color: #061b24;
        padding: 15px 15px;
        -webkit-border-radius: 10px;
                border-radius: 10px;
        text-decoration: none;
        background: #ffd91c;
        background: -webkit-linear-gradient(180deg, #ffd91c 0%, #edca1b 79%, #a38c16 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#ffd91c), color-stop(79%, #edca1b), to(#a38c16));
        background: -webkit-linear-gradient(top, #ffd91c 0%, #edca1b 79%, #a38c16 100%);
        background: -o-linear-gradient(top, #ffd91c 0%, #edca1b 79%, #a38c16 100%);
        background: linear-gradient(180deg, #ffd91c 0%, #edca1b 79%, #a38c16 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd91c",endColorstr="#a38c16",GradientType=1); }
        .promotion_popup .promotion_content a.btn-get-your-fund-now-popup:hover {
          opacity: 0.8;
          cursor: pointer !important; }
  .navbar-mystartr.navbar-mystartr-top .no-padding {
    padding-right: 15px;
    padding-left: 15px; }
  .navbar-mystartr-bottom .nav {
    padding: 0px 15px; }
    .navbar-mystartr-bottom .nav li {
      padding: 0px; }
  body.page-get-your-fund {
    margin: 0px;
    padding: 0px; }
    body.page-get-your-fund .main-container {
      max-width: 100%; }
    body.page-get-your-fund h1 {
      color: #00aacc;
      font-size: 20px;
      text-align: center;
      display: block;
      margin-top: 40px;
      margin-bottom: 20px; }
    body.page-get-your-fund .center {
      text-align: center;
      display: block; }
    body.page-get-your-fund a.btn-get-your-fund-now {
      background-color: #ffd91c;
      text-transform: uppercase;
      display: inline-block;
      font-size: 18px;
      font-weight: 600;
      color: #061b24;
      padding: 10px 30px;
      -webkit-border-radius: 10px;
              border-radius: 10px;
      text-decoration: none; }
      body.page-get-your-fund a.btn-get-your-fund-now:hover {
        opacity: 0.8;
        cursor: pointer; }
    body.page-get-your-fund .banner {
      border-bottom: 15px solid #ffd91c;
      background-color: #80d1e9; }
      body.page-get-your-fund .banner a.btn-get-your-fund-now-position-mobile {
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 20px; }
      body.page-get-your-fund .banner a.btn-get-your-fund-now-position-bottom {
        position: absolute;
        bottom: 100px;
        right: 20%;
        z-index: 9999; }
      body.page-get-your-fund .banner img {
        display: block;
        margin: 0 auto;
        width: 100%; }
    body.page-get-your-fund .easiest-way-to-get-fund img {
      max-width: 100%;
      width: 60%;
      margin: 0 auto;
      margin-bottom: 30px;
      display: inline-block; }
    body.page-get-your-fund .other-people-getting-funded img {
      max-width: 100%;
      width: 250px;
      margin: 0 auto;
      margin-bottom: 30px;
      display: inline-block; }
  body.page-startup .slide-startup {
    height: auto;
    padding-bottom: 40px; }
  body.page-startup .section-border .no-bg {
    background: none !important; }
  body.page-startup .section-border p {
    font-size: 16px; }
  body.page-startup .section-border .image-wrap img {
    max-width: 100%;
    height: auto; }
  body.page-startup .section-border h1 {
    font-size: 22px; }
  body.page-startup .section-border ul.mobile-ul {
    margin-bottom: 0px; }
  body.page-startup .section-border .calendar .calendar-column {
    width: 50%;
    display: inline-block;
    text-align: center;
    float: left; }
    body.page-startup .section-border .calendar .calendar-column img {
      width: 90%; }
    body.page-startup .section-border .calendar .calendar-column p {
      text-align: center;
      margin: 0;
      padding: 0 10px; }
  body.page-startup .section-border .h1-main .h1-center img {
    margin-top: 4px; }
  body.page-startup .section-border .h1-main .h1-center span {
    font-size: 21px; } }

@media (max-width: 750px) {
  body.page-professional {
    padding: 0; }
    body.page-professional .slide-professional {
      height: auto; }
      body.page-professional .slide-professional img {
        max-width: 100%;
        height: auto; }
    body.page-professional #slide-bottom {
      padding-top: 57px; }
      body.page-professional #slide-bottom .highlight-box .highlight {
        bottom: 57px;
        width: 300px; }
    body.page-professional .profile-box img.highlight {
      max-width: 100%;
      height: auto;
      margin-top: 30px; }
    body.page-professional .payment-box .img-center {
      padding-top: 60px;
      padding-bottom: 0px; }
    body.page-professional .footer-box .img-center .text p {
      font-size: 18px; }
    body.page-professional .footer-box .img-center img {
      max-width: 100%;
      height: auto; }
    body.page-professional #payment-form {
      width: 100%; } }

.text-agreement {
  background-color: #fbfbfb;
  padding: 10px;
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 2px solid #dedede; }