::-moz-selection { background: #000; color: #fff;}
::selection { background: #000; color: #fff;}



/* pre-loader */ 
.pre-loader:after {
  content: '';
  display: block;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 50%;
  height: 5px;
  background-color: #00db8a;
  animation: cardLoader 1s ease-in-out alternate infinite;}
@keyframes cardLoader {
  0% {
    left: 0;
    width: 1%;
    background-color: #00968d;
  }
  50% {
    width: 30%;
  }
  100% {
    left: 100%;
    transform: translateX(-100%);
    width: 1%;
    background-color: #00db8a;
  }
}	



/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
     color: #ccc;}
::-moz-placeholder { /* Firefox 19+ */
     color: #ccc;}
:-ms-input-placeholder { /* IE 10+ */
     color: #ccc;}
:-moz-placeholder { /* Firefox 18- */
     color: #ccc;} 

	 
/* autofill */
@-webkit-keyframes autofill {
    to {
        color: #000;
        background: #fff;}
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;}


/* header */
header {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 60px;
	box-shadow: #ccc 0 0 5px;
    background: #fff;}
header .logo {
	max-width: 100%;
    height: 25px;
    margin-top: 16px;}
	
/* main-div */
.main-div {
    padding-top: 70px;}
    



/* login-page */
.login-page {
  min-height: 100vh;
  background-image: url(../images/login-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow-x: hidden;
  position: relative;}

/* form */
.login-page .form {
    background-color: #ffffffcf;
    box-shadow: -1px 9px 32px #008aa0;
    padding: 60px 50px;
    border-radius: 5px;
    max-width: 360px;
    position: absolute;
    right: 50%;
    bottom: 50%;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);}
.login-page .form .logo {
    max-width: 100%;
    height: 70px;}
.login-page .form h3 {
    font-size: 17px;
    letter-spacing: 2px;
    margin-top: 25px;
    color: #00968d;}
.login-page .form .div-col {
    margin-bottom: 15px;}
.login-page .form .div-col label {
    font-size: 11.5px;
    color: #747474;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: capitalize;}
.login-page .form .div-col input {
    width: 100%;
    padding: 7px 0;
    border: 1px solid #b6c1bf;
    background-color: transparent;
    outline: none;
    border-width: 0 0 1px 0;}
.login-page .form .div-col button {
    font-size: 13px;
    background: linear-gradient(-45deg, #00db8a, #00968d);
    color: #fff;
    border: none;
    padding: 8px 25px;
    border-radius: 4px;
    margin-bottom: 15px;
    margin-top: 10px;}
.login-page .form h5 {
    font-size: 13px;
    color: #f95353;}
@media (max-width: 767px) {
.login-page .form .logo {
    height: 60px;}
}


/* footer */
.login-page footer {
    text-align: left;
    padding: 0;}
.login-page footer .container {
    padding: 0;}
.login-page footer p {
    color: #7e7e7e;}
.login-page footer p .business-name {
    color: #565758;}




/* privacy_policy */
#privacy_policy h1 {
	text-transform: capitalize;
    font-weight: normal;
    font-size: 40px;
    padding-bottom: 24px;
    padding-top: 20px;}
#privacy_policy h2 {
    font-size: 18px;
    font-weight: bold;}
#privacy_policy p,
#privacy_policy ul li {
    font-size: 15px;}
#privacy_policy p {
    padding-bottom: 20px;}
#privacy_policy p span {
    display: block;}
#privacy_policy ul li {
    padding-bottom: 12px;}
@media (max-width: 767px) {
#privacy_policy h1 {
	font-size: 30px;}
}


/* footer */
footer {
    text-align: center;
    padding: 0 10px 10px;
    margin-top: 30px;
    letter-spacing: 1px;}
footer p {
	margin: 0;
	font-size: 11px;}	
footer a {
    padding: 0 2px;
	color: #a5a7ab;
    text-shadow: 1px 1px #c4c8cc;}
footer a:hover {
	color: #0a4b9c;}	
footer p .business-name {
	color: #0a4b9c;}	
@media screen and (max-width: 991px) {
footer {
    margin-top: 35px;} 
footer p {
	font-size: 10px;}	
}