/* common */
body {
   font-size: 15px;
   color: #242627;
   letter-spacing: .5px;}

::-moz-selection { background: #2c89c5; color: #fff; }
::selection { background: #2c89c5; color: #fff;}


/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
     color: #6d6a6a;
     font-weight: normal;}
::-moz-placeholder { /* Firefox 19+ */
     color: #6d6a6a;
     font-weight: normal;}
:-ms-input-placeholder { /* IE 10+ */
     color: #6d6a6a;
     font-weight: normal;}
:-moz-placeholder { /* Firefox 18- */
     color: #6d6a6a;
     font-weight: normal;} 

/* number icon remove */	 
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}	
	
/* autofill */
@-webkit-keyframes autofill {
    to {
        color: #00051b;
        background: transparent;}
}
input:-webkit-autofill {
     background: transparent;
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;}
    
  



/* custom */
.p-b-0 {
  padding-bottom: 0 !important;}
.p-t-0 {
  padding-top: 0 !important;}
/* pre-line */
.pre-line {
  white-space: pre-line;}
.height-40 {
  height: 40px !important;}
.text-capitalize {
  text-transform: capitalize;}
@media (min-width: 768px) {
.md-h-vh-100 {
  height: 100vh !important;}
}

/* pre-loader */
.pre-loader {
	position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #1314143d;}
.pre-loader div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-top: -50px; 
	margin-left: -50px;
  animation: rotation 1s infinite linear;
  border: 5px solid #0b756b;
  border-radius: 50%;
  border-top-color: #ffffffc2;}
@keyframes rotation {
  to {
    transform: rotate(360deg);
  }
}



/* button */
button,
.a-btn {
  border: none;
  letter-spacing: 2px;
  color: #fff;
  border-radius: 5px;
  font-size: 16px;
  padding: 12px 25px;
  white-space: nowrap;
  line-height: normal;
  background: #0171bc;
  -webkit-transition: all .2s;
  transition: all .2s;
  cursor: pointer;}
button:hover,
button:focus,
.a-btn:hover,
.a-btn:focus {
    outline: none;
    background: #00558e;
    color: #fff;}
.a-btn {
    display: inline-block;}
.a-btn:hover,
.a-btn:focus {
    text-decoration: none;}





/* wrapper */   
.wrapper {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;}
@media (min-width: 1200px) {
.wrapper {
    max-width: 2500px;
	  padding: 0 100px;}
}
@media (max-width: 1199px) {
.wrapper {
	padding: 0 70px;}
}  
@media (max-width: 991px) {
.wrapper {
	padding: 0 50px;}
} 
@media (max-width: 767px) {
.wrapper {
	padding: 0 25px;}
} 




/* sign-in-up-page */
.sign-in-up-page {
  overflow-x: hidden;}
.sign-in-up-page .primary-btn {
  color: #0f81c6;
  background: #fff;
  font-weight: bold;
  border-radius: 25px;
  min-width: 150px;
  font-size: 14px;}
.sign-in-up-page h3 {
  color: #fff;
  font-weight: bold;
  font-size: 35px;}
/* sign-form */
.sign-in-up-page .sign-form {
  padding: 20px;}
@media (max-width: 767px) {
.sign-in-up-page .sign-form {
  padding-bottom: 50px;
  height: auto !important;}
} 

/* body */
.sign-in-up-page .sign-form .body [class^="col-"] {
  margin-top: 15px;}
.sign-in-up-page .sign-form .body [class^="col-"] input,
.sign-in-up-page .sign-form .body [class^="col-"] textarea,
.sign-in-up-page .sign-form .body [class^="col-"] select {
  width: 100%;
  outline: none;
  background: transparent;
  color: #fff;
  padding: 8px 15px;
  font-weight: bold;
  border-radius: 5px;}
.sign-in-up-page .sign-form .body [class^="col-"] select option { 
  color: #000;}
/* foot */
.sign-in-up-page .sign-form .foot button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;}
.sign-in-up-page .sign-form .foot .forgot-btn {
  background: transparent;
  color: #fff;
  font-size: 13px;}
/* info */
.sign-in-up-page .info {
  padding-top: 9%;}
.sign-in-up-page .info img {
  max-height: 120px;}
.sign-in-up-page .info h3 {
  color: #4f4f4f;
  margin-top: 30px;
  margin-bottom: 20px;}
.sign-in-up-page .info p {
  color: #73737f;
  font-size: 13px;
  letter-spacing: 1px;
  white-space: pre-line;}
.sign-in-up-page .info .primary-btn {
  border: 2px solid #0f81c6;
  margin-top: 59px;}
@media (min-width: 768px) {
.sign-in-up-page .info {
  padding-right: 40px;}
} 
@media (max-width: 767px) {
.sign-in-up-page .info {
  height: auto !important;
  padding-bottom: 50px;
  padding-top: 50px;}
} 

/* sign-in-page */
.sign-in-page .sign-form {
  background: url(../images/sign-in-page.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 15%;}
.sign-in-page .sign-form .body {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;}
.sign-in-page .sign-form .body {
  padding-top: 40px;}
.sign-in-page .sign-form .body [class^="col-"] img {
  height: 25px;
  position: absolute;
  left: 25px;
  top: 7px;}
.sign-in-page .sign-form .body [class^="col-"] input,
.sign-in-page .sign-form .body [class^="col-"] textarea,
.sign-in-page .sign-form .body [class^="col-"] select {
  padding-left: 45px;
  border: 1px solid #79badd;}
/* placeholder */
.sign-in-page .sign-form .body [class^="col-"] ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #79badd;
  font-weight: normal;}
.sign-in-page .sign-form .body [class^="col-"] ::-moz-placeholder { /* Firefox 19+ */
  color: #79badd;
  font-weight: normal;}
.sign-in-page .sign-form .body [class^="col-"] :-ms-input-placeholder { /* IE 10+ */
  color: #79badd;
  font-weight: normal;}
.sign-in-page .sign-form .body [class^="col-"] :-moz-placeholder { /* Firefox 18- */
  color: #79badd;
  font-weight: normal;}
.sign-in-page .sign-form .foot .forgot-btn {
  margin-top: 35px;
  margin-bottom: 30px;}

/* sign-up-page */
.sign-up-page .sign-form {
  background: url(../images/sign-up-page.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 9%;}
.sign-up-page .primary-btn {
  color: #34bcb2;}
.sign-up-page .sign-form .body {
  padding: 40px 60px;}
.sign-up-page .sign-form .body [class^="col-"] input,
.sign-up-page .sign-form .body [class^="col-"] textarea,
.sign-up-page .sign-form .body [class^="col-"] select {
  border: 1px solid #bcdfe8;}
/* placeholder */
.sign-up-page .sign-form .body [class^="col-"] ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #bcdfe8;
  font-weight: normal;}
.sign-up-page .sign-form .body [class^="col-"] ::-moz-placeholder { /* Firefox 19+ */
  color: #bcdfe8;
  font-weight: normal;}
.sign-up-page .sign-form .body [class^="col-"] :-ms-input-placeholder { /* IE 10+ */
  color: #bcdfe8;
  font-weight: normal;}
.sign-up-page .sign-form .body [class^="col-"] :-moz-placeholder { /* Firefox 18- */
  color: #bcdfe8;
  font-weight: normal;}
@media (max-width: 767px) {
.sign-up-page .sign-form .body {
  padding: 30px 20px;}
}
/* info */
.sign-up-page .info .primary-btn {
  border-color: #38c2b3;}