body {
  position: relative;
  overflow-x: hidden;
}

a {
  text-decoration: none !important;
}

.navbar {
  background-color: #fff;
  /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);*/
  
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.navbar .navbar-brand .logo {
  margin-top: 12.5px;
}

.navbar-toggle .icon-bar {
  height: 1px;
}

.navbar-toggle:hover {
  background-color: #eee !important;
}

.navbar-nav li a {
  font-family: Lato;
  font-size: 14px;
  padding: 25px !important;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
  box-shadow: inset 0 -2px #39cb58;
  background-color: initial !important;
}

.navbar-nav li a {
  padding: 25px 15px !important;
}

.Btn {
  border: 2px solid #39cb58;
}

li a.Btn {
  margin: 10px;
  padding: 10px !important;
  border-radius: 3.5px;
  margin-right: 10px;
  font-family: Lato;
  font-weight: 400;
  font-size: 15px;
  color: #fff !important;
  background-color: rgba(57, 203, 88, 0.7);
}

li a.Btn:hover {
  background-color: rgba(57, 203, 88, 1) !important;
}

li a {
  /* padding: 10px !important; */
}
/*.mdl-button{
  margin: 10px;
}*/

li a.mainLinks {
  padding: 15px 7.5px !important;
}

li a.mainLinks button {
  color: #777 !important;
}

li a.mainLinks:nth-child(2) button {
  background-color: rgba(57, 203, 88, 0.7) !important;
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised,
.mdl-button--accent.mdl-button--accent.mdl-button--fab {
  color: #fff !important;
  background-color: #39cb58;
}
/* Page Code 
------------------------------------*/
/**,*:before,*:after{
  box-sizing: border-box;
}*/

.page {
  /* position: relative; */
  
  height: 100%;
  width: 100%;
  min-height: 100vh;
  height: auto;
  padding-top: 20px;
}

#section-1 {
  padding: 200px 0 0;
  background-color: #fff;
  /*height: 500px !important;*/
}

#section-1 .heading {
  /*transform: scale(1.2);*/
  
  font-size: 40px !important;
}

#section-1 .heading > div {
  font-size: 40px !important;
  margin-bottom: 20px !important;
}

.headerContent {
  position: relative;
  z-index: 215;
}

.nav-stacked {
  position: relative;
  z-index: 2;
  border-radius: 5px !important;
  overflow: hidden;
}

.nav-stacked li {
  text-align: center;
  color: #fff !important;
  margin: 0 !important;
  border-bottom: 2px solid #111;
}

.nav-stacked li a {
  position: relative;
  padding: 15px;
  color: #fff !important;
  background-color: #222;
  border-radius: 0 !important;
  font-family: Lato;
  font-weight: 300;
  font-size: 20px;
}

.nav-stacked li a:hover {
  background-color: #222;
}

.glyphicon-menu-right {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  line-height: 60px;
}

.heading {
  z-index: 5;
  display: block;
}

#loginbox .heading p {
  font-size: 25px;
  font-family: Lato;
  color: #777;
}

h1,
.h2 {
  font-family: Lato;
  font-weight: 300;
  text-align: center;
  padding: 25px !important;
}

.h2:after {
  content: "";
  display: block;
  height: 1px;
  width: 150px;
  margin: 15px auto;
  border-bottom: 1px solid #aaa;
}

#laptop {
  z-index: 20;
}

#laptop img {
  position: relative;
  /* height: 400px; */
  
  width: 100%;
  z-index: 20;
  margin: 0 auto;
  margin-top: -80px;
  /*background-image: url("https://drive.google.com/uc?export=download&id=0Bwk6m99k4GN9QTkySWhmZ0tyRGc");*/
  /* background-image: url("https://drive.google.com/file/d/0Bwk6m99k4GN9QTkySWhmZ0tyRGc/view?usp=sharing"); */
  /* background-size: 100%; */
  
  background-size: cover;
}

#section-2 p {
  font-family: Lato;
  font-weight: 300;
  font-size: 18px;
  text-align: center;
}
#section-2 #project-title {
  color: #444;
}
#progress .progress-bar {
  background-color: #39cb58;
}
#section-2 #funding {
  margin-top: 15px;
  margin-bottom: 0;
}
#section-2 #funding p {
  margin-bottom: 0;
}
#section-2 p strong {
  font-weight: 400;
  color: #333;
}

/*#section-2 strong {
  text-align: center;
  font-weight: 400;
}*/

#section-2 {
  padding-bottom: 40px;
}
#section-2 .progress {
  margin-bottom: 0;
}

a.registerLink {
  display: block;
  text-decoration: none;
  margin: 25px auto !important;
  padding: 15px;
  width: 200px;
  font-family: Lato;
  font-size: 20px;
  color: #fff;
  background-color: #39cb58;
  border-radius: 50px;
}

a.registerLink:hover {
  background-image: -webkit-linear-gradient(#39ff58 15%, #39ab58 90%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(#3fcc35 15%, #39ab58 90%, rgba(0, 0, 0, 0) 100%);
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-box-shadow: 0 1.5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1.5px 1px rgba(0, 0, 0, 0.2);
}

p {
  text-align: center;
  font-family: Lato;
  font-weight: 300;
}

#section-1 .nav-stacked {
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  .page {
    padding-bottom: 40px;
  }
  #section-1 .heading {
    transform: none;
  }
  #section-1 #loginbox {
    margin-top: -50px;
  }
  #section-1 #laptop {
    margin-top: 20px;
  }
  .demo-card-square.mdl-card {
    width: 85% !important;
    margin: 0 auto;
  }
  .mdl-card__title-text {
    margin: 0 auto !important;
  }
}

@media only screen and (min-width: 768px) {
  #section-1 {
    padding: 100px 0 20px !important;
  }
}
/* Slider in Laptop */
/*
#slider-in-laptop {
  width: 70%;
  height: 200px;
  padding: 2% 15% 7%;
  background: none;
}

#slider-in-laptop .rsOverflow,
#slider-in-laptop .rsSlide,
#slider-in-laptop .rsVideoFrameHolder,
#slider-in-laptop .rsThumbs {
  background: #151515;
}

.imgBg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}

#slider-in-laptop .rsBullets {
  bottom: -25px;
}

.laptopBg {
  position: relative;
  width: 100%;
  height: auto;
}

#slider-in-laptop .rsBullets {
  bottom: -30px;
}*/
/* End of Slider in Laptop */
/* Slider in Laptop - Master Slider Plugin */

.ms-laptop-template .ms-laptop-bg {
  max-width: 100%;
  position: absolute;
}
.ms-laptop-template .ms-laptop-cont {
  max-width: 460px !important;
}
/*End of Master Slider Plugin */
/* Animating Node Particles  
------------------------------------*/

#loginbox {
  margin-top: 30px;
}

#loginbox > div:first-child {
  padding-bottom: 10px;
}

.iconmelon {
  display: block;
  margin: auto;
}

#form > div {
  margin-bottom: 25px;
}

#form > div:last-child {
  margin-top: 10px;
  margin-bottom: 10px;
}

#section-1 {
  position: relative;
}

#particles {
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 0;
  /*margin-top: 65px;*/
}
/* Startups registered with us
---------------------------------*/

.demo-card-square.mdl-card {
  width: 100%;
  height: initial;
  text-align: center;
  margin-bottom: 50px;
}

.demo-card-square > .mdl-card__title {
  color: #fff;
  background: bottom right 15% no-repeat #46B6AC;
}

.demo-card-square > .mdl-card__title {
  background-image: url('https://www.getmdl.io/assets/demos/dog.png');
  height: 200px;
}

.col-md-4:nth-child(2n) .demo-card-square.mdl-card > .mdl-card__title {
  background-image: url("https://www.getmdl.io/assets/demos/welcome_card.jpg") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.demo-card-square > .mdl-card__title:nth-child(2) {
  background-image: url("http://blog.freshersworld.com/wp-content/uploads/2014/05/IMG_9600.jpg");
}

.mdl-card__title-text {
  text-align: center !important;
}

.mdl-card__supporting-text {
    margin: 0 auto;
  }
/*  .mdl-card__supporting-text .row {
    padding: 5px;
  }
  .mdl-card__supporting-text .row:nth-child(3) {
    padding: 15px 0;
  }*/

/*Footer 
--------------------------*/

footer.dark-div h2.widget-title:after {
  display: none;
}

#bottom {
  background: rgb(34, 34, 34);
  font-size: 14px;
  padding-top: 15px;
}

#bottom .widget-title {
  font-size: 20px;
  margin: 0 0 15px !important;
  color: rgb(255, 255, 255) !important;
  font-weight: bold;
  border-bottom: 1px dotted rgba(255, 255, 255, .2);
  padding-bottom: 10px !important;
}

#bottom .widget {
  margin-bottom: 40px;
}

.widget {
  margin-bottom: 20px;
}

.dark-div,
.dark-div a {
  color: rgb(153, 153, 153);
  text-align: center;
}

#bottom-nav {
  background-color: rgba(0, 0, 0, 0.83);
  padding: 15px 0;
  font-size: 13px;
}

#bottom-nav h2 {
  margin: 0;
  text-align: left;
}

.container-fluid {
  padding: 0;
}

#section-3 {
  padding-bottom: 80px;
}
#section-3 .h2 {
  padding-bottom: 0 !important;
}
#section-3 .mdl-shadow--2dp {
  width: 60%;
  background-color: #fff;
  display: block;
  margin: 0 auto;
  float: none;
  text-align: center;
  padding-bottom: 20px;
}