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


/* pre-loader */
.pre-loader {
  position: fixed;
  top: 0;
  z-index: 999;
  height: 2px;
  display: block;
  width: 100%;
  background-color: #fff;
  background-clip: padding-box;
  overflow: hidden;}
.pre-loader div {
  background-color: #39abeb; }
.pre-loader div:before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
.pre-loader div:after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s; }
@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } 
}
@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; }
}
@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } 
}
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } 
}
	

/* 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 */
.login .logo {
    max-width: 100%;
    display: block;}
.login form {
    position: relative;}	
.login form h1 {
    color: #85a1b1;
    font-size: 18px;
    letter-spacing: 3px;
    margin-bottom: 25px;}
.login h2 {
    font-size: 12px;
    color: #f95455;
    margin-top: 10px;
    margin-bottom: 0;
    letter-spacing: 2px;}	
.login h2:empty {
    display: none;}	
.login form .page-col {
    position: relative;}
.login form input {
    width: 100%;
    font-size: 15px;
    display: block;
    outline: none;
    font-weight: bold;
    border: 1px solid #fff;
    margin-top: 10px;
    padding: 7px 15px;
    color: #212d40;
    background: #fff;}	
.login form .toggle_pwd_btn {
    position: absolute;
    right: 0;
    bottom: 1px;
    cursor: pointer;
    padding: 10px 10px 10px 0;
    background: transparent;
    border: 0;
    outline: none;
    color: #929292;}
.login form .toggle_pwd_btn:hover {
    color: #000;}
.login form .primary-btn {
    background: transparent;
    color: #fff;
    cursor: pointer;
    border: 1px solid #b7b7b7;
    outline: none;
    font-size: 17px;
    padding: 6px 20px;
    margin-top: 20px;}
.login form .primary-btn:hover {
    background: #1a283e;
    border-color: #505154;}	
.login form p {
    color: #7b7b7b;
    font-size: 10px;
    position: absolute;
    bottom: -8px;
    right: 0;
    letter-spacing: 1px;}
.login form p span {
    color: #b7b7b7;}
@media (min-width: 768px) {
.login form {
    max-width: 300px;}
.login .logo {
    max-height: 80px;
    margin-right: auto;
    margin-left: auto;}
}
@media (max-width: 767px) {
.login {
    padding-left: 30px;
    padding-right: 30px;}
.login .logo {
    max-height: 50px;}
.login form input {
    margin-bottom: 15px;}	
.login form .toggle_pwd_btn {
    bottom: 75px;}
}
/* 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;}	
}