/* Move down content because we have a fixed navbar that is 50px tall */
body {
    font-family: "Open Sans";
}
.container{
padding:0;
}
h1{
	font-size:48px;
}

h2{
	font-size:40px;
}

h3{
	margin-top:50px;
}

p{
	font-weight:300;
}
a{
	color: #0aa8a2;
}
a:hover{
    color:black;
    text-decoration: none;
}

.footer_link{
	color:white;
	font-weight: 700;
}

.footer_link:hover{
	color: black;
	font-weight: 700;
}

.form-control{
	border-color: black;
	width:100% !important;
	height:50px;
}

.form-group{
	height:100px;
}

.login_km{
	color: black;
}
.login_km:hover{
    color:#0aa8a2;
    text-decoration: none;
}

.logo_km {
	font-size: 16px;
  font-weight: 400;
  font-family: "Open Sans";
  padding-top: 13px;
}

.login_km  {
	font-size: 16px;
  font-weight: 400;
  font-family: "Open Sans";
  padding-top: 13px;
  margin-left: -40px;
}

.btn{

	background: transparent;
	color: #F2F2F2;

	/* CSS Transition */
	-webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
	-moz-transition: background .2s ease-in-out, border .2s ease-in-out;
	-ms-transition: background .2s ease-in-out, border .2s ease-in-out;
	-o-transition: background .2s ease-in-out, border .2s ease-in-out;
	transition: background .2s ease-in-out, border .2s ease-in-out;

}

.demo_top_btn{
	color:#0aa8a2;
	background-color: white;
	border:1px solid #0aa8a2;
	  width: 115px;
  margin-top: 7px;
  line-height:16px;
}

.demo_top_btn:hover{
	color:white;
	background-color: #0aa8a2;
	border:1px solid #0aa8a2;
	}



.btn_login_screen{
	color:#0aa8a2;
	background-color: white;
	border:1px solid #0aa8a2;

  margin-top: 7px;
  
  margin-top:-55px;
  font-size: 18px;
  font-weight: 400;
  font-family: "Open Sans";
  width:20%;height:45px;
}

.btn_login_screen:hover{
	color:white;
	background-color: #0aa8a2;
	border:1px solid #0aa8a2;
	}



.btn_demo_below_screen	
{
	color:#0aa8a2;
  background-color: white;
	border:1px solid #0aa8a2;
  width: 190px;
  height:40px;

}

.btn_demo_below_screen:hover{
	color:white;
	background-color: #3C313F;
	border:1px solid black;
	}



.login_top_btn{
	color:black;
	background-color: transparent;
	border-color: transparent;
    width: 100px;
    margin-top: 7px;

}
.login_top_btn:hover{
	color:#0aa8a2;
	background-color: transparent;
	border-color: transparent;
}

.twitter_img{
background-image:url("/static/images/tw.png");
width:29px;
height:27px; 
margin-top:21px;
}
.twitter_img:hover{
background-image:url("/static/images/tw_mouseover.png");
}

.form-control::-webkit-input-placeholder {
   color: #c7c7c7;
  font-size: 14px;
  font-family: "Open Sans";
  font-weight: 400;
}

.form-control:-moz-placeholder { /* Firefox 18- */
   color: #c7c7c7;
  font-size: 14px;
  font-family: "Open Sans";
  font-weight: 400;
}

.form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #c7c7c7;
  font-size: 14px;
  font-family: "Open Sans";
  font-weight: 400; 
}

.form-control:-ms-input-placeholder {  
   color: #c7c7c7;
  font-size: 14px;
  font-family: "Open Sans";
  font-weight: 400; 
}
.frm_email{
	width:35%;
	margin-right:2%;
}

.frm_pass{
	width:20%;
	margin-right:2%;
}

.faq_question{
	margin-top:65px;
	font-size: 28px;
}

.faq_answer{
	font-size: 18px;
	font-weight: 300;
}

.faq_answer_colorful{
	font-size: 18px;
	font-weight: 300;
	color: #0ba8a3;
}

.faq_section{
	margin-top:80px;
	font-size: 28px;
	color: #0ba8a3;
}

  /* Small Devices, Tablets */
@media only screen and (max-width : 775px) {
	.btn_login_screen{
		width:50%;		
	}	
	.frm_email{
	width:100%;
	}
	.frm_pass{
	width:100%;

	}
	.real_time_title{
		  margin-top: 50px;
	}

	.the_footer{
		display: none;
	}
}

@media only screen and (max-width : 990px) {
	.the_footer{
		display: none;
	}
}