@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Nunito:200,300,300i,400,600,700&display=swap');
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
	margin:0;
	padding:0;
}
 section, footer, aside, nav, main, article, figure {
    display: block;
} 
a {
    color: #a88652;}
body{ font-family: 'Nunito'; font-size:12px; margin:0px; padding:0px; height:100%; width:100%; letter-spacing:1px; background: url("../images/balloon.jpg")no-repeat center; background-attachment: fixed; background-size: cover; }

.bg{position:fixed; bottom:0; background-size:100%;  height:100%; width:100%;   }

.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}

/*Loading*/
.awe-body-loading {
  overflow: hidden;
}

.awe-page-loading {
  position: fixed;
  z-index: 999;
  background:#fff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.awe-loading-wrapper {
  text-align: center;
  width: 250px;

  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -120px;
   right: 50%;
}

.awe-loading-wrapper .awe-loading-icon {
  font-size: 75px;
  line-height: 1;
  margin-bottom: 10px;
  -webkit-animation-name: aweIcon;
  animation-name: aweIcon;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

.awe-loading-wrapper .awe-loading-icon img {
  width: 100%;
}

.awe-loading-wrapper .awe-loading-icon .icon {
  cursor: default;
}

.awe-loading-wrapper .progress {
  background: #555555;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  height: 2px;
}

.awe-loading-wrapper .progress .progress-bar {
  background: #2685d9;
  box-shadow: none;
  width: 100%;
  -webkit-animation-name: aweProgress;
  animation-name: aweProgress;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
@-webkit-keyframes aweIcon {
  0% {
    color: #333;
  }
  50% {
    color: #666;
  }
  100% {
    color: #000;
  }
}

@-moz-keyframes aweIcon {
  0% {
    color: #333;
  }
  50% {
    color: #666;
  }
  100% {
    color: #000;
  }
}

@keyframes aweIcon {
  0% {
    color: #333;
  }
  50% {
    color: #666;
  }
  100% {
    color: #000;
  }
}

@-webkit-keyframes aweProgress {
  0% {
    width: 0%;
  }
  15% {
    width: 15%;
  }
  25% {
    width: 35%;
  }
  35% {
    width: 50%;
  }
  50% {
    width: 75%;
  }
  65% {
    width: 85%;
  }
  100% {
    width: 100%;
  }
}

@-moz-keyframes aweProgress {
  0% {
    width: 0%;
  }
  15% {
    width: 15%;
  }
  25% {
    width: 35%;
  }
  35% {
    width: 50%;
  }
  50% {
    width: 75%;
  }
  65% {
    width: 85%;
  }
  100% {
    width: 100%;
  }
}

@keyframes aweProgress {
  0% {
    width: 0%;
  }
  15% {
    width: 15%;
  }
  25% {
    width: 35%;
  }
  35% {
    width: 50%;
  }
  50% {
    width: 75%;
  }
  65% {
    width: 85%;
  }
  100% {
    width: 100%;
  }
}


a{ text-decoration:none!important; outline:none!important;}
a:hover{ text-decoration:none!important;}
a.active{ text-decoration:none;}

.rounded .auth-card .image-side {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.image-side {
width: 100%;
background: url(../images/login-balloon.jpg) no-repeat top;
background-size: cover;
padding: 200px 40px;
	height:100%;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
}
.position-relative {
position: relative!important;
}

.auth-card .form-side {
width: 100%;
padding: 80px;
	border-radius:20px; 
}


.top_bg{ width:100%; height:auto; min-height:400px; background:url(../images/top_bg.jpg) no-repeat top; background-attachment: fixed; position:absolute; top:0;}
.card {border-radius:20px;border:0px;}

.login_wrapper{ text-align:center; width:100%; position:relative; float:left; background:#fff; border-radius:20px; top:190px }
.login-hold{ width:100%; height:auto; float:left; position:relative; }
.btn.btn-default.btn_login { border-radius: 20px; background: #82c76c;  color: #fff;  font-weight: 500; font-size: 16px; padding:5px; width:120px; line-height:30px; margin-top:15px; letter-spacing: 1px; float:left;margin-left:15px;}
.logo_img { width: auto; float:left;  margin-top:20px;}
.login_wrapper h2{ font-size:18px; color:#666666; margin-bottom:20px; font-weight:600;}
.login_hold{ width:100%; height:auto; border-radius:10px; margin-top:20px;}
.login_wrapper .checkbox{color:#fff; font-size:14px; display:none;}

.btn_login span{ color:#fff; border-radius: 50%;  line-height:30px; }
.btn_login a{color:#fff; font-weight:700;}
.back_web{ font-size:14px; color:#20ac65; margin-top:20px;}
.back_web a{ color:#20ac65;}
.back_web:hover{ color:#000;}
.back_web:hover a{ color:#000;}
.inpt-bx { width: 100%; border: 1px solid #707070; height: 40px!important; border-radius: 30px!important; font-weight:300 !important; box-shadow:none!important;}
.inpt-selbx { width: 100%; border: 1px solid #ddd; height: 40px!important; border-radius: 30px!important;   font-weight:300 !important;}
.custom-select{  font-weight:300 !important;}
.form-group {
    margin-bottom: 0.5rem;
}
.form-control::placeholder {
    color: #444 !important; font-weight:300;
}
#logo { float: left; width:100px; height:auto; padding:10px 0px; }
.logo_img img {  width: 220px;}
.header{ width:100%; height:auto; float:left; }
header nav{ float:right; padding-top:25px;}

.hold_wrap { width: 100%; float: left; border-bottom: 1px solid #ddd;}
.log-wrap{ width:100%; background:#fff; border-radius:10px;  padding:30px 50px 0px 20px; float:left; }
.input-group-text { border: 0; background: transparent; color:#00a6fe;}
.inpt-log{ border:0px!important; box-shadow:none!important; padding-left:0px; padding-top:0px; padding-bottom:0px; border: 1px solid #ccc !important; border-radius: 0px; line-height:38px; padding-left:15px; }
.log-wrap label{ text-transform:uppercase; color:#999!important; padding-left:40px; float:left;}
.log-wrap .col-auto { padding-left: 0; padding-right: 0;}
.log-btn{ width:120px; background:#2685d9; text-align:center; color:#fff; height:40px; font-weight:700; font-size:18px; border-radius:30px; border:2px solid #fff;  display:inline-block; margin-right:10px; margin-top:15px; line-height:32px; margin-left:15px;  float:left}
.log-btn a{color:#fff; display:block;}






.log-wrap h3 {
text-align: left;
color: #2679c1;
font-weight: 600;
font-size: 18px;
margin-block-end: 15px;
}


/***********************media*******************************/


 @media only screen and (min-width: 960px) and (max-width: 1199px) {}

 

@media only screen and (min-width: 768px) and (max-width: 959px) { .image-side {background-position:left;}}

 

 @media only screen and (min-width: 768px) and (max-width: 1040px) {}

 

@media only screen and (min-width: 480px) and (max-width: 767px) { .bg{position:inherit;} .login_wrapper {top:20px;} .image-side {background-size:100%; background-position: center; padding: 110px 40px; border-radius: 0;} .login-hold{padding-bottom:20px;}}

  

 @media only screen and (min-width: 320px) and (max-width: 480px) { .bg{position:inherit;} .image-side {background-size:100%; background-position: center; padding: 110px 40px; border-radius: 0;}.login-hold{padding-bottom:20px;}.login_wrapper {top:20px;}  }