body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #888;
  line-height: 30px;
  text-align: center;
}
body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn-simple, .alert, a, .td-name, td, button.close {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: 'nunito', sans-serif;
}



h1, .h1 {
  font-size: 59px;
}

h2, .h2 {
  font-size: 43px;
}

h3, .h3 {
  font-size: 35px;
  margin: 20px 0 10px;
}

h4, .h4 {
  font-size: 28px;
  line-height: 30px;
}

h5, .h5 {
  font-size: 25px;
  margin-bottom: 15px;
}

h6, .h6 {
  font-size: 18px;
  font-weight: 600;
}

p {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: .7rem;
}

h4.page-title {
  font-size: 22px;
  font-weight: 600;
  color: #333333;
  line-height: 30px;
  margin-bottom: 20px;
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.text-primary {
  color: #1D62F0 !important;
}
.text-primary:hover {
  color: #1D62F0 !important;
}

.text-info {
  color: #23CCEF !important;
}
.text-info:hover {
  color: #23CCEF !important;
}

.text-success {
  color: #59d05d !important;
}
.text-success:hover {
  color: #59d05d !important;
}

.text-warning {
  color: #fbad4c !important;
}
.text-warning:hover {
  color: #fbad4c !important;
}

.text-danger {
  color: #ff646d !important;
}
.text-danger:hover {
  color: #ff646d !important;
}

label {
  color: #3f4047 !important;
  font-size: 14px !important;
}


strong { font-weight: 500; }
a, a:hover, a:focus {
  color: #ffffff;
  text-decoration: none;
  -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
h1, h2 {
  margin-top: 10px;
  font-size: 38px;
  font-weight: 100;
  color: #555;
  line-height: 50px;
}
img { max-width: 100%; }
.btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active { outline: 0; opacity: 0.6; color: #fff; }

.btn-link-1.btn-link-1-facebook { background: #4862a3; }
.btn-link-1.btn-link-1-twitter { background: #55acee; }
.btn-link-1.btn-link-1-google-plus { background: #dd4b39; }
h3 {
  font-size: 22px;
  font-weight: 300;
  color: #555;
  line-height: 30px;
}

::-moz-selection { background: #4aaf51; color: #fff; text-shadow: none; }
::selection { background: #4aaf51; color: #fff; text-shadow: none; }
.top-content .text{
  color: #ffffff;
}
.top-content{
  padding: 30px 0px;
}

.top-content .text h1{
  color: #ffffff;
  text-shadow: #969696 0 3px 0;
}
.top-content .description{
  margin: 20px 0px 30px 0px;
}

.top-content .description p { opacity: 0.8; }

.form-box{
  margin-top: 35px;
}
.form-top{
  overflow: hidden;
  padding: 0 25px 15px 25px;
  background: #fff;
  -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
  text-align: left;
}
.form-top-left{
  float: left;
  padding-top: 25px;
  width: 75%;
}
.form-top-left h3{
  margin-top: 0px;
}
.form-top-right{
  width: 25%;
  font-size: 66px;
  float: left;
  padding-top: 15px;
  color: #dddddd;
  line-height: 100px;
}


.form-bottom {
  padding: 25px 25px 30px 25px;
  background: #eee;
  -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
  text-align: left;
}
.form-bottom .form-group input{
  outline-style: none;
  border: 3px solid #d2d2d2;
  width: 100%;
  height: 50px;
  padding-left: 20px;
  border-radius: 5px;
  background-color: #eeeeee;
  transition: all 0.3s;
}
.form-bottom .form-group .form-imagepass-input{
  float: left;
  width: 70%;
}

.form-bottom .form-group .form-mobile-view{
  width: 100%;
  height: 50px;
}



.form-bottom .form-group .form-imagepass-img{
  float: left;
  width: 30%;
  padding-left: 10px;
}

.form-bottom .form-group .form-mobile-code{
  float: left;
  width: 68%;
}
.form-bottom .form-group .form-mobile-btn{
  float: right;
  margin-top: 0px;
  width: 30%;

}
.form-bottom .form-group .btncode{
  width: 100%;
  height: 50px;
  margin-top: 0px;
  background-color: #c7c7c7;
  color: #656565;
  outline-style: none;
  transition: all 0.3s;
  font-size: 20px;
  border-radius: 5px;
}



.form-bottom .form-group input:focus{
  background-color: #ffffff;
  border: 3px solid #c7c7c7;
}
.form-bottom form textarea {
  height: 100px;
}

.form-bottom form .btn {
  width: 100%;
  height: 50px;
  margin-top: 30px;
  background-color: #0FC4C2;
  color: #ffffff;
  outline-style: none;
  transition: all 0.3s;
  font-size: 20px;
}




.form-bottom form .btn:hover{
  background-color: #0ea8a6;
}

.form-bottom form .input-error {
  border-color: #0FC4C2;
}

.form-bottom .errorview{
  padding-top: 10px;
  font-size: 16px;
  color: red;
  display:none;
}


.social-login-buttons{
  padding-top: 30px;
  color: #ffffff;
}


.social-login-buttons a{
  padding: 0px 20px;
  font-size: 20px;
  text-shadow: #969696 0 1px 0;
  transition: all 0.3s;
}
.social-login-buttons a:hover{
  color: #0FC4C2;
}

.modal-body .dialog-grop .dialog-grop-frame .dialog-grop-input{

}
.imgerr{
  padding-top: 10px;
  font-size: 16px;
  color: red;
  display:none;

}

.modal-footer{
  padding: 15px;
  text-align: center;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn {
  width: 40%;
  font-size: 18px;
  color: #ffffff;
  background-color:#0FC4C2;
  border-color: #0ea8a6;
}


/***** Media queries *****/