@import url("/css/navbar-size.css");
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700,900&subset=latin-ext);
/* 

1. Fonts


*/
/* 1. FONTS*/
/* 2. Colors*/
body {
  font-family: 'Lato', sans-serif;
}
.btn {
  background: #75ba2a;
  text-shadow: 0px 1px 2px #426D06;
  box-shadow: 0px 1px 0px 0px #A0D642 inset;
}
.navbar {
  border-radius: 0;
  background: #0d1217;
  font-weight: 700;
  text-transform: uppercase;
  height: 60px;
  padding-top: 8px;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.navbar ul li a {
  font-size: 12px;
}
.navbar .btn {
  margin-left: 15px;
  background: #75ba2a;
}
header {
  margin-top: 50px;
  width: 100%;
  height: 640px;
  background-image: url("../img/header/header.jpg");
  background-size: cover;
  background-position: center;
  color: white;
  display: table;
}
header h2 {
  font-weight: 300;
}
header .green {
  color: #75ba2a;
  font-weight: 500;
}
header p {
  font-size: 16px;
  font-weight: 300;
  color: white;
}
header .title {
  margin-top: 150px;
  line-height: 1;
}
header .screen {
  text-align: center;
  margin-top: 80px;
}
header .btn {
  margin-top: 20px;
  background: #75ba2a;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 700;
}
#features-bg {
  margin-top: 60px;
  width: 100%;
  height: 400px;
  background-image: url("../img/header/header.jpg");
  background-size: cover;
  background-position: center;
  color: white;
  display: table;
}
#features-bg h2 {
  font-weight: 300;
}
#features-bg .green {
  color: #75ba2a;
  font-weight: 500;
}
#features-bg p {
  font-size: 16px;
  font-weight: 300;
  color: white;
}
#features-bg .title {
  margin-top: 100px;
  line-height: 1;
}
#features-bg .screen {
  text-align: center;
  margin-top: 125px;
}
#features-bg .btn {
  margin-top: 30px;
  background: #75ba2a;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 2px;
}
.bar {
  background: white;
  padding: 15px;
}
.bar h4 span {
  margin-right: 10px;
}
.bar h4 span img {
  margin-top: -5px;
}
.article {
  padding: 70px 0;
  background: #eaeaea;
  overflow-x: hidden;
}
.article h1 {
  font-weight: 300;
  margin-bottom: 50px;
}
.article p {
  font-weight: 300;
  line-height: 2em;
}
.article .img-right {
  overflow-x: none;
  transform: translateX(40%);
}
.article-features1 {
  padding: 70px 0;
  background: #ffffff;
  overflow-x: hidden;
}
.article-features1 h1 {
  font-weight: 300;
  margin-bottom: 50px;
}
.article-features1 p {
  font-weight: 300;
  line-height: 2em;
}
.article-features1 .img-right {
  overflow-x: none;
  transform: translateX(40%);
}
.article-features2 {
  padding: 70px 0;
  background: #ebebeb;
  overflow-x: hidden;
}
.article-features2 h1 {
  font-weight: 300;
  margin-bottom: 50px;
}
.article-features2 p {
  font-weight: 300;
  line-height: 2em;
}
.article-features2 .img-right {
  overflow-x: none;
  transform: translateX(40%);
}
.pricing {
  min-height: 730px;
  height: 100%;
  padding: 70px 0;
  background-color: burlywood;
  background-image: url("../img/pricing/bg_01.jpg");
  background-size: cover;
  background-position: center;
  text-align: center;
  margin: 0 auto;
}
.pricing .pricing-table {
  margin: 0 auto;
}
.pricing .table {
  width: 260px;
  height: 600px;
  background: white;
  border: 1px solid #aaaaaa;
  padding: 20px;
  margin: 0 auto;
  float: left;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  trasition: all 0.3s;
  -o-trasition: all 0.3s;
  -moz-trasition: all 0.3s;
  -webkit-trasition: all 0.3s;
}
.pricing .table .btn-success {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  margin-top: 80px;
  background: #75ba2a;
}
.pricing .table .item {
  padding: 10px 0;
  line-height: 1;
  border-top: 1px solid #a0a0a0;
}
.pricing .table .item p {
  margin-left: -25px;
  font-weight: 700;
}
.pricing .table .item p span {
  margin-right: 10px;
}
.pricing .table h3 {
  font-weight: 300;
}
.pricing .table hr {
  width: 40px;
  border: 1px solid #a0a0a0;
}
.pricing .table p {
  color: #656565;
}
.pricing .table p span {
  font-weight: 700;
  color: #75ba2a;
}
.faq {
  padding: 70px 0;
  background: white;
}
.faq .question {
  margin-bottom: 90px;
}
.faq h1 {
  text-align: center;
  font-weight: 300;
  margin-bottom: 80px;
}
.faq h4 {
  font-weight: bold;
}
.faq p {
  font-weight: 300;
  line-height: 1.5em;
}
footer {
  background: #0d1217;
  padding: 30px 0;
  color: #a0a0a0;
}
footer h5 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #a0a0a0;
}
footer ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
footer ul li {
  margin: 0 auto;
}
footer ul li a {
  text-transform: uppercase;
  color: #a0a0a0;
}
footer ul li a:hover {
  color: white;
  text-decoration: none;
}
#login {
  height: 100vh;
  width: 100%;
  background: #ededed;
  margin: 0 auto;
  text-align: center;
}
#login .login-form {
  margin-top: 200px;
}
#login .login-form .register {
  margin: 0 auto;
  width: 100%;
}
#login .login-form .facebook {
  margin: 30px 0;
}
#login .login-form .form-container {
  margin: 0 auto;
  margin-top: 25px;
  width: 100%;
  height: 260px;
  background: white;
  border: 1px solid #b5b5b5;
  border-radius: 2px;
  padding: 20px;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: left;
}
#login .login-form .form-container form {
  margin-top: 20px;
}
#login .login-form .form-container input[type="text"] {
  height: 40px;
}
#login .login-form .form-container label[type="checkbox"] {
  padding: 0 auto;
}
.article-register {
  padding: 100px 0;
  background: #eaeaea;
}
.article-register :after {
  clear: both;
}
.article-register h1 {
  font-weight: 300;
  margin-bottom: 50px;
}
.article-register p {
  font-weight: 300;
  line-height: 2em;
}
.article-register form {
  width: 100%;
}
.article-register form label {
  width: 100%;
  margin: 10px 0;
}
.article-register form input {
  width: 100%;
  height: 40px;
  padding: 0 20px;
}
.article-register .btn {
  margin: 20px 0;
  background: #75ba2a;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 700;
}