@media print{
    *,::after,::before{
       text-shadow:none!important;
       box-shadow:none!important;
   }
    a,a:visited{
       text-decoration:underline;
   }
    img{
       page-break-inside:avoid;
   }
}
*,::after,::before{
   box-sizing:inherit;
}
a{
   color:#007bff;
   text-decoration:none;
   background-color:transparent;
   -webkit-text-decoration-skip:objects;
}
a:hover{
   color:#0056b3;
   text-decoration:underline;
}
img{
   vertical-align:middle;
   border-style:none;
}
a,button,input{
   -ms-touch-action:manipulation;
   touch-action:manipulation;
}
button:focus{
   outline:1px dotted;
   outline:5px auto -webkit-focus-ring-color;
}
button,input{
   margin:0;
   font-family:inherit;
   font-size:inherit;
   line-height:inherit;
}
button,input{
   overflow:visible;
}
button{
   text-transform:none;
}
button{
   -webkit-appearance:button;
}
button::-moz-focus-inner{
   padding:0;
   border-style:none;
}
.text-center{
   text-align:center!important;
}
/*! CSS Used from: https://colorlib.com/etc/lf/Login_v1/fonts/font-awesome-4.7.0/css/font-awesome.min.css */
.fa{
   display:inline-block;
   font:normal normal normal 14px/1 FontAwesome;
   font-size:inherit;
   text-rendering:auto;
   -webkit-font-smoothing:antialiased;
   -moz-osx-font-smoothing:grayscale;
}
.fa-lock:before{
   content:"\f023";
}
.fa-envelope:before{
   content:"\f0e0";
}
.fa-long-arrow-right:before{
   content:"\f178";
}
/*! CSS Used from: https://colorlib.com/etc/lf/Login_v1/css/util.css */
.p-t-12{
   padding-top:12px;
}
.p-t-136{
   padding-top:136px;
}
.m-l-5{
   margin-left:5px;
}
.text-center{
   text-align:center;
}
/*! CSS Used from: https://colorlib.com/etc/lf/Login_v1/css/main.css */
*{
   margin:0;
   padding:0;
   box-sizing:border-box;
}
a{
   font-family:Poppins-Regular;
   font-size:14px;
   line-height:1.7;
   color:#666;
   margin:0;
   transition:all .4s;
   -webkit-transition:all .4s;
   -o-transition:all .4s;
   -moz-transition:all .4s;
}
a:focus{
   outline:none!important;
}
a:hover{
   text-decoration:none;
   color:#57b846;
}
input{
   outline:none;
   border:none;
}
input:focus{
   border-color:transparent!important;
}
input:focus::-webkit-input-placeholder{
   color:transparent;
}
input:focus:-moz-placeholder{
   color:transparent;
}
input:focus::-moz-placeholder{
   color:transparent;
}
input:focus:-ms-input-placeholder{
   color:transparent;
}
input::-webkit-input-placeholder{
   color:#999;
}
input:-moz-placeholder{
   color:#999;
}
input::-moz-placeholder{
   color:#999;
}
input:-ms-input-placeholder{
   color:#999;
}
button{
   outline:none!important;
   border:none;
   background:0 0;
}
button:hover{
   cursor:pointer;
}
.txt1{
   font-family:Poppins-Regular;
   font-size:13px;
   line-height:1.5;
   color:#999;
}
.txt2{
   font-family:Poppins-Regular;
   font-size:13px;
   line-height:1.5;
   color:#666;
}
.container-login100{
   width:100%;
   min-height:80vh;
   display:-webkit-box;
   display:-webkit-flex;
   display:-moz-box;
   display:-ms-flexbox;
   display:flex;
   flex-wrap:wrap;
   justify-content:center;
   align-items:center;
   padding:15px;

}
.wrap-login100{
   width:960px;
   background:#fff;
   border-radius:10px;
   overflow:hidden;
   display:-webkit-box;
   display:-webkit-flex;
   display:-moz-box;
   display:-ms-flexbox;
   display:flex;
   flex-wrap:wrap;
   justify-content:space-between;
   padding:50px 130px 33px 95px;
}
.login100-pic{
   width:316px;
}
.login100-pic img{
   max-width:100%;
}
.login100-form{
   width:290px;
}
.login100-form-title{
   font-family:Poppins-Bold;
   font-size:24px;
   color:#333;
   line-height:1.2;
   text-align:center;
   width:100%;
   display:block;
   padding-bottom:54px;
}
.wrap-input100{
   position:relative;
   width:100%;
   z-index:1;
   margin-bottom:10px;
}
.input100{
   font-family:Poppins-Medium;
   font-size:15px;
   line-height:1.5;
   color:#666;
   display:block;
   width:100%;
   background:#e6e6e6;
   height:50px;
   border-radius:10px;
   padding:0 30px 0 68px;
}
.focus-input100{
   display:block;
   position:absolute;
   border-radius:10px;
   bottom:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100%;
   box-shadow:0 0;
   color:rgba(59, 166, 216, 0.8);
}
.input100:focus+.focus-input100{
   -webkit-animation:anim-shadow .5s ease-in-out forwards;
   animation:anim-shadow .5s ease-in-out forwards;
}
.symbol-input100{
   font-size:15px;
   display:-webkit-box;
   display:-webkit-flex;
   display:-moz-box;
   display:-ms-flexbox;
   display:flex;
   align-items:center;
   position:absolute;
   border-radius:25px;
   bottom:0;
   left:0;
   width:100%;
   height:100%;
   padding-left:35px;
   pointer-events:none;
   color:#666;
   -webkit-transition:all .4s;
   -o-transition:all .4s;
   -moz-transition:all .4s;
   transition:all .4s;
}
.input100:focus+.focus-input100+.symbol-input100{
   color:#0f79d3;
   padding-left:28px;
}
.container-login100-form-btn{
   width:100%;
   display:-webkit-box;
   display:-webkit-flex;
   display:-moz-box;
   display:-ms-flexbox;
   display:flex;
   flex-wrap:wrap;
   justify-content:center;
   padding-top:20px;
}
.login100-form-btn{
   font-weight: 900;
     font-size:15px;
   line-height:1.5;
   color:#fff;
   text-transform:uppercase;
   width:100%;
   height:50px;
   border-radius:10px;
   background:#0f79d3;
   display:-webkit-box;
   display:-webkit-flex;
   display:-moz-box;
   display:-ms-flexbox;
   display:flex;
   justify-content:center;
   align-items:center;
   padding:0 25px;
   -webkit-transition:all .4s;
   -o-transition:all .4s;
   -moz-transition:all .4s;
   transition:all .4s;
}
.login100-form-btn:hover{
   background:#333;
}
@media (max-width:992px){
    .wrap-login100{
       padding:177px 90px 33px 85px;
   }
    .login100-pic{
       width:35%;
   }
    .login100-form{
       width:50%;
   }
}
@media (max-width:768px){
    .wrap-login100{
       padding:100px 80px 33px;
   }
    .login100-pic{
       display:none;
   }
    .login100-form{
       width:100%;
   }
}
@media (max-width:576px){
    .wrap-login100{
       padding:100px 15px 33px;
   }
}
.validate-input{
   position:relative;
}
/*! CSS Used keyframes */
@-webkit-keyframes anim-shadow{
   to{
       box-shadow:0 0 70px 25px;
       opacity:0;
   }
}
@keyframes anim-shadow{
   to{
       box-shadow:0 0 70px 25px;
       opacity:0;
   }
}

.login-block {
    /* background: #62a5de;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #8cc4ff, #62a5de);
    /* Chrome 10-25, Safari 5.1-6 */
    /* linear-gradient(to bottom, #8cc4ff, #62a5de) */
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    float: left;
    width: 100%;
    padding: 4%;
}

.carousel-item img{
   border-radius: 20px;
}

.container {
    background: #fff;
    border-radius: 20px;
    box-shadow: 3px 1px 16px rgba(0, 0, 0, 0.1);
}

.carousel-inner {
    border-radius: 0 10px 10px 0;
}

.carousel-caption {
    text-align: left;
    left: 5%;
}

.login-sec {
    padding: 50px 30px;
    position: relative;
}

.login-sec .copy-text {
    position: absolute;
    width: 80%;
    bottom: 20px;
    font-size: 13px;
    text-align: center;
}

.login-sec .copy-text i {
    color: #FEB58A;
}

.login-sec .copy-text a {
    color: #E36262;
}

.login-sec h2 {
    margin-bottom: 30px;
    font-weight: 800;
    font-size: 30px;
    color: #DE6262;
}

.login-sec h2:after {
    content: " ";
    width: 100px;
    height: 5px;
    background: #FEB58A;
    display: block;
    margin-top: 20px;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto
}

.btn-login {
    background: #DE6262;
    color: #fff;
    font-weight: 600;
}

.banner-text {
    width: 70%;
    position: absolute;
    bottom: 40px;
    padding-left: 20px;
}

.banner-text h2 {
    color: #fff;
    font-weight: 600;
}

.banner-text h2:after {
    content: " ";
    width: 100px;
    height: 5px;
    background: #FFF;
    display: block;
    margin-top: 20px;
    border-radius: 3px;
}

.banner-text p {
    color: #fff;
}
