body {
	padding:0;
 /* padding-top: 70px; */
	background: #f5f5f5;
	font-family: 'Cairo', sans-serif;
	color: #59595A;
  font-size: 13px;
}

.navbar {
	background: transparent;
}

.navbar-fixed-top .nav {
    padding: 15px 0;
}

.navbar-brand {
	margin: 0;
	padding: 0;
	/*margin-top: -50px;*/
	padding-bottom: 70px;
}

.navbar-brand img {
	width: 320px;
}

.logo-img {
	width: 50%;
}

label {
	font-weight: 400;
	text-transform: uppercase;
}

.login-form {
	margin-top: 64px;
	  background: #fff;
	  border: 1px solid #e4e4e4;
    border-radius: 0;
		box-shadow: 0 .125rem .25rem rgba(50,70,75,.2);
		font-weight: 200;
}

.login-form legend{
	color: #03549C;
	font-weight: 800;
}

.login-form input{
	background-color: #F7F7F7;
  border: 1px solid #ccc;
	color: #333;
}

.login-btn {
	color: #fff !important;
	font-size: 20px;
	background: #074A82 !important;
	margin-bottom: 10px;
}

.register-btn {
	color: #fff !important;
	background: #00aeef !important;
	float: right;
	font-size: 19px;
  margin-top: 40px;
  margin-bottom: 19px;
}

.forgot-link {
	padding-top: 10px;
	margin-bottom: -20px;
}

.signup-description {
	background: #000000c4;
    color: #ffffff;
    font-size: 17px;
    margin-top: 66px;
    padding: 20px;
	/*background: #095EB3;
	border: 1px solid #e4e4e4;
  border-radius: 0;
	box-shadow: 0 .125rem .25rem rgba(50,70,75,.2);
	
	margin-top: 20px;*/
}

.signup-description h1 {
	font-size:22px;
	padding:15px 0 10px 20px;
}

.signup-description h1 i {
	color: #fff;
}

.signup-description ul{
	list-style-type:none;
}

.signup-descriptionn i {
	color: #A2FF00 !important;
}

.signup-arrow {
	font-size: 65px;
	-moz-transform: scale(1, -1);
	-webkit-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
	margin-top: -15px;
	margin-left: 40px;
}

.signup {
	margin-top: 100px;
	border-top: 1px solid #eee;
	text-align: center;
	padding-top: 10px;
}

.signup h2 a {
	color: #59595A;
	font-size: 19px;
}

.error {
    text-align: left;
    width: 100%;
    overflow: overlay;
    font-size: 12px;
    color: red;
    text-transform: Capitalize;
}

input.error {
	border:1px solid #F04D4D;
}

input.valid {
	border:1px solid #35E016;
}

label.valid {
		z-index: 99999;
    float: right;
    position: relative;
    top: -35px;
    right: -15px;
    color: #fff;
    background: url('../img/checkmark.png') no-repeat;
    width: 50px;
    height: 25px;
}

.requirements-table{
	width: 100%;
	border: 1px solid #666;
}

.requirements-table th, td {
	border: 1px solid #666;
	padding: 5px;
}

.req-met {
	background: url('../img/checkmark.png') no-repeat;
	height: 25px;
	width: 25px;
}

.price {
  font-size: 4em;
}
 
.price-cents {
  vertical-align: super;
  font-size: 50%;
}
 
.price-month {
  font-size: 35%;
  font-style: italic;
}

.plan-heading {
	background: #0A5AA1;
	padding:12px;
	color: #fff;
}

.panel {
-webkit-transition-property : scale; 
-webkit-transition-duration : 0.2s; 
-webkit-transition-timing-function : ease-in-out; 
-moz-transition : all 0.2s ease-in-out;  
}
 
.panel:hover {
box-shadow: 0 0 10px rgba(0,0,0,.5);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}

@media(min-width:768px) {
    body {
      /*  padding-top: 100px;*/ /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
}