body,html{
  width: 100%;
  /* height: 100%; */
  font-family: "Conv_ufonts.com_american-typewriter", sans-serif;
  color: #5b5b5a;
}

.backbutton{
  position: absolute;
  top: 20px;
  right: 20px;
}

.all{
  width: 990px;
  height: 100vh;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right:0;
  /* background-color: #fff; */
}

.tx-ali{
  font-size: 120px;
  font-weight: 300;
  /* margin: 180px 0; */
  text-align: center;
  cursor:pointer;
}

.personal-home{
  width: 100%;
  height: 300px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  /* display: none; */
}
.nav-link{
  text-align: center;
  text-decoration: none;
  color: #5b5b5a;
  display: block;
  margin-bottom: 20px;
}

.emailform{
  display: none;
  position:absolute;
  width:300px;
  right:10px;
  box-sizing: border-box;
  z-index: 999;
}
.form{
    margin-top:1%;
	display:none;
	position:relative;
	}
form{
   font-family: "Conv_ufonts.com_american-typewriter", sans-serif;
/*   width:400px;*/
   height:auto;
   right:5%;
 /*  position:absolute;*/
   }
   /* Full-width input fields */
input[type=text], input[type=password] {
    width: 100%;
    padding: 15px;
    margin: 5px 0 22px 0;
    display: inline-block;
    border: none;
    background: #f1f1f1;
}

input[type=text]:focus, input[type=password]:focus {
    background-color: #ddd;
    outline: none;
}

/* Overwrite default styles of hr */
hr {
    border: 1px solid #f1f1f1;
    margin-bottom: 25px;
}

/* Set a style for the submit button */
.submitbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
	font-size:18px;
}

.submitbtn:hover {
    opacity: 1;
}
#error {
    color: #cb2028;
    font-size: 16px;
}
.errortext {
    color: #cb2028;
    font-size: 16px;
}
form p{
	font-family: "Conv_ufonts.com_american-typewriter", sans-serif;
    text-align:center;
    font-size:18px;
	font-weight:400;
	line-height:25px;
	}
form .wevalue{

    font-size:16px;

	}
form input{
	font-family: "Conv_ufonts.com_american-typewriter", sans-serif;
}


.backbutton {
	z-index:9999;
}

#text {
  margin: 0 auto;
  /* margin: 0 auto; */

}
@media (max-width:810px){
  #text {
    display: none;
    width: 100%;
    height: 200px;
    text-align: center;
    padding: 30vh 0px 0px 25px;
  }
  /* .emailform {
    left: 80px;
  } */
}
@media (max-width:360px){
  #text {
    display: none;
    width: 100%;
    height: 200px;
    text-align: center;
    padding: 30vh 0px 0px 20px;
  }
  /* .emailform {
    left: 30px;
  } */
}
@media (min-width:810px){
  #text {
    display: none;
    height: 200px;
    width: 100%;
    padding: 0px 40px;
    margin-top: 240px;
    font-size: 20px

  }
  /* .emailform {
    left: 20px;
  } */
}

.form-control{
  box-sizing: border-box;
}

.dialog-ovelay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.50);
    z-index: 999999
}
.dialog-ovelay .dialog {
    width: 400px;
    margin: 100px auto 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    border-radius: 3px;
    overflow: hidden
}
.dialog-ovelay .dialog header {
    padding: 10px 8px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e5e5e5
}
.dialog-ovelay .dialog header h3 {
    font-size: 14px;
    margin: 0;
    color: #555;
    display: inline-block
}
.dialog-ovelay .dialog header .fa-close {
    float: right;
    color: #c4c5c7;
    cursor: pointer;
    transition: all .5s ease;
    padding: 0 2px;
    border-radius: 1px
}
.dialog-ovelay .dialog header .fa-close:hover {
    color: #b9b9b9
}
.dialog-ovelay .dialog header .fa-close:active {
    box-shadow: 0 0 5px #673AB7;
    color: #a2a2a2
}
.dialog-ovelay .dialog .dialog-msg {
    padding: 12px 10px
}
.dialog-ovelay .dialog .dialog-msg p{
    margin: 0;
    font-size: 15px;
    color: #333
}
.dialog-ovelay .dialog footer {
    border-top: 1px solid #e5e5e5;
    padding: 8px 10px
}
.dialog-ovelay .dialog footer .controls {
    direction: rtl
}
.dialog-ovelay .dialog footer .controls .button {
    padding: 5px 15px;
    border-radius: 3px
}
.button {
  cursor: pointer
}
.button-default {
    background-color: rgb(248, 248, 248);
    border: 1px solid rgba(204, 204, 204, 0.5);
    color: #5D5D5D;
}
.button-danger {
    background-color: #f44336;
    border: 1px solid #d32f2f;
    color: #f5f5f5
}

#otpdiv, #sendemaill, #cancelemail, #step2 {
  display: none;
}

.second-form {
  display: none;
}
.mar-b-10{
  margin-bottom: 10px;
}
.mar-b-20{
  margin-bottom: 20px;
}
.city-select{
  width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
display: inline-block;
border: none;
background: #f1f1f1;
}
.float-left{
  float: left;
}

#salary, #business {
  display: none;
}


/* New Css */

form label.error {
  font-size: 12px;
  color: #f44336;
  margin-bottom: 0;
}

/* #myCheck:not(:checked)+#area {
  display: none;
} */

.lemargin {
  margin: 10px;
}

.jobdiv {
  display: inline-flex;
margin: 10px 0;
}
.foot {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 14px !important;
}
.foot a {
  color: #cb2028;
  text-decoration: none;
}
.foot a:hover {
  color: #58595b;
  text-decoration: none;
}