body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0px; font-size: 16px; color: #848687; font-weight: 400; line-height: 30px; background-color: #f3f5f7; }
h1, h2, h3, h4, h5, h6 { color: #1c1e1e; margin: 0px 0px 15px 0px; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; }
h1 { font-size: 30px; line-height: 42px; }
h2 { font-size: 24px; line-height: 32px; }
h3 { font-size: 22px; line-height: 30px; }
h4 { font-size: 18px; line-height: 26px; }
h5 { font-size: 14px; font-weight: 400; }
h6 { font-size: 12px; font-weight: 400; }
p { margin: 0 0 24px; line-height: 1.8; }
p:last-child { margin: 0px; }
ul, ol { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; color: #1c1e1e; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
a:focus, a:hover { text-decoration: none; color: #fb730f; }
.box { }
.box-head { background-color: #ffffff; border-bottom: 1px solid #f3f5f7 }
.head-title { padding: 16px 30px; margin-bottom: 0px; }
.box-body { background-color: #ffffff; padding: 30px; margin-bottom: 30px; height:650px;}
.mb20{margin-bottom:20px;}
.mb10{margin-bottom:10px;}
.content{padding-top:40px; padding-bottom:40px;}

label { }
.control-label { font-size: 13px; text-transform: capitalize; color: #3c424b; margin-bottom: 10px;  letter-spacing: 1px; }
.form-control:focus { }
.textarea.form-control { }
.required { }
.form-group { margin-bottom: 5px; }
.form-control { border-radius: 3px; color: #656869; font-size: 13px; font-weight: 400; width: 100%; height: 52px; padding: 12px 16px; line-height: 1.42857143; border: 2px solid #e8ecf0; background-color: #fff;  letter-spacing: 1px; margin-bottom: 10px; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); }
.form-control:focus { border-color: #a5a8ab; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.input-group { position: relative; display: table; border-collapse: separate; }
input[type=checkbox], input[type=radio] { margin: 8px 0 0; margin-top: 1px\9; line-height: normal; }
input::-webkit-input-placeholder {color: #a6a7a8 !important; opacity: 1; }
input:focus::-webkit-input-placeholder {
   opacity:   0;
  transition: 1s ease;
}
textarea::-webkit-input-placeholder { color: #a6a7a8 !important; }
.input-group-addon { background-color: transparent; border: 1px solid #e8ecf0; border-radius: 0px; }
.focus { border: 2px solid #e8ecf0; background-color: #fff; }
.focus:focus { border-color: #e8ecf0; outline: 0; -webkit-box-shadow: none; box-shadow: none; }

.login-input { position: relative; margin-bottom: -21px; }
.login-input .form-control { background-color: #f4f7f9; padding-left: 35px; }
.login-icon { display: inline-block; position: relative; bottom: 51px; left: 18px; font-size: 14px }
.eye-icon { position: absolute; bottom: 52px; right: 18px; font-size: 14px }
.btn-social-rectangle, .btn-facebook .btn-twitter .btn-googleplus { font-size: 14px; margin-right: 6px; display: inline-block; line-height: 1.2; padding: 14px 16px; margin-bottom: 10px; border-radius: 3px; }
.social-text { font-size: 14px;  padding-left: 6px; letter-spacing: 1px; }

.btn-twitter { background: #00aced; color: #fff; }
.btn-twitter:hover, .btn-twitter:active { background: #0084b4; color: #fff; }
.btn-facebook { background: #3B5997; color: #fff; }
.btn-facebook:hover, .btn-facebook:active { background: #2d4372; color: #fff; }
.btn-googleplus { background: #D64937; color: #fff; }
.btn-googleplus { background: #D64937; color: #fff; }
.btn-googleplus:hover, .btn-googleplus:active { background: #b53525; color: #fff; }
.btn { font-family: 'Roboto Condensed', sans-serif; font-size: 15px;  font-weight: 700; padding: 14px 26px; border-radius: 4px; line-height: 2; letter-spacing: 2px; border: transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; word-wrap: break-word; white-space: normal !important; }
.btn-primary { background-color: #12a3ff; color: #fff; }
.btn-primary:hover { background-color: #0079c6; color: #fff; }
.btn-primary.focus,.btn-primary:focus { background-color: #0079c6; color: #fff; }

.feature-left { margin-bottom: 20px; border-bottom: 1px solid #f4f7f9; }
.feature-left:last-child { margin-bottom: 0px; border-bottom: transparent; }
.feature-left .feature-icon { float: left; padding-top: 16px; }
.feature-left .feature-content { padding-top: 8px; padding-left: 70px; padding-bottom: 20px; }
.feature-left .feature-content1 { padding-top: 18px; padding-left: 0; padding-bottom: 20px; }