.btn-customExpire{
     font-family: 'Montserrat', sans-serif;
     font-size: 15px;
     line-height: 1.5;
     font-weight: 800;
     color: #fff;
     letter-spacing: 4px;
     text-transform: uppercase;
     border-radius: 25px;
     background: #e9896a;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: center;
     align-items: center ;
     border: 2px solid transparent;
     padding: 10px;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     -moz-transition: all 0.4s;
     transition: all 0.4s;
}

.btn-customExpire:hover{
     background-color: black;
     color: white;
}

 .login {
     width: 100%;
     margin: 0 auto;
}
 .container-login {
     width: 100%;
     min-height: 100vh;
     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;
     background: #9053c7;
     background: -webkit-linear-gradient(182deg, #8e8e8e, #ff8761);
     background: -o-linear-gradient(182deg, #8e8e8e, #ff8761);
     background: -moz-linear-gradient(182deg, #8e8e8e, #ff8761);
     /*background: linear-gradient(-135deg, #8e8e8e, #000000);*/
     background: linear-gradient(182deg, #8e8e8e, #ff8761);
}
 .wrap-login {
     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: 120px 0px 70px 0px;
}
/*------------------------------------------------------------------ [ ]*/
 .login-pic {
     width: 316px;
}
 .login-pic img {
     max-width: 100%;
     width:380px;
     padding-top:50px;
}
/*------------------------------------------------------------------ [ ]*/
 .login-form {
     width: 290px;
}
 .login-form-title {
     font-family: "Poppins", sans-serif;
     font-size: 24px;
     color: #333333;
     line-height: 1.2;
     text-align: center;
     width: 100%;
     display: block;
     padding-bottom: 54px;
     font-weight: 800;
}
 input:hover, input:focus {
     outline: none;
}
/*---------------------------------------------*/
 .wrap-input {
     position: relative;
     width: 100%;
     z-index: 1;
     margin-bottom: 20px;
}
 .input {
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 1.5;
     color: #666666;
     border: 1px solid transparent;
     display: block;
     width: 100%;
     background: #e6e6e6;
     height: 50px;
     border-radius: 25px;
     padding: 0 30px 0 68px;
     font-weight: 600;
}
/*------------------------------------------------------------------ [ Focus ]*/
 .focus-input {
     display: block;
     position: absolute;
     border-radius: 25px;
     bottom: 0;
     left: 0;
     z-index: -1;
     width: 100%;
     height: 100%;
     box-shadow: 0px 0px 0px 0px;
     color: rgba(87,184,70, 0.8);
}
 .input:focus + .focus-input {
     -webkit-animation: anim-shadow 0.5s ease-in-out forwards;
     animation: anim-shadow 0.5s ease-in-out forwards;
}
 @-webkit-keyframes anim-shadow {
     to {
         box-shadow: 0px 0px 70px 25px;
         opacity: 0;
    }
}
 @keyframes anim-shadow {
     to {
         box-shadow: 0px 0px 70px 25px;
         opacity: 0;
    }
}
 .symbol-input {
     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: #666666;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     -moz-transition: all 0.4s;
     transition: all 0.4s;
}
 .input:focus + .focus-input + .symbol-input {
     color: #57b846;
     padding-left: 28px;
}
 .forgot {
     bottom: 0px;
     padding-top: 100px;
}
 .forgot a {
     padding-left: 7px;
     color: #000;
     font-weight: 600;
     text-decoration: none;
}
 .forgot a:hover , a:hover {
     color: #008dfc;
}
/*------------------------------------------------------------------ [ Button ]*/
 .container-login-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;
}
 .login-form-btn {
     font-family: 'Montserrat', sans-serif;
     font-size: 15px;
     line-height: 1.5;
     font-weight: 800;
     color: #fff;
     letter-spacing: 4px;
     text-transform: uppercase;
     border-radius: 25px;
     background: #e9896a;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: center;
     align-items: center ;
     border: 2px solid transparent;
     padding: 10px;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     -moz-transition: all 0.4s;
     transition: all 0.4s;
}
 .login-form-btn:hover , .login-form-btn:focus {
     background: #333333;
     outline: none;
     cursor: pointer;
}
/*------------------------------------------------------------------ [ Alert validate ]*/
 .validate-input {
     position: relative;
}
 .alert-validate::before {
     content: attr(data-validate);
     position: absolute;
     max-width: 70%;
     background-color: white;
     border: 1px solid #c80000;
     border-radius: 13px;
     padding: 4px 25px 4px 10px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     right: 8px;
     pointer-events: none;
     font-family: Poppins-Medium;
     color: #c80000;
     font-size: 13px;
     line-height: 1.4;
     text-align: left;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: opacity 0.4s;
     -o-transition: opacity 0.4s;
     -moz-transition: opacity 0.4s;
     transition: opacity 0.4s;
}
 .alert-validate::after {
     content: "\f06a";
     font-family: FontAwesome;
     display: block;
     position: absolute;
     color: #c80000;
     font-size: 15px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     right: 13px;
}
 .alert-validate:hover:before {
     visibility: visible;
     opacity: 1;
}
 .contact100-form-checkbox.pull-left{
     font-weight: 400;
     font-size: 14px;
     font-family: "Poppins", sans-serif;
     padding-top: 15px;
}
 .cbx {
     margin: auto;
     -webkit-user-select: none;
     user-select: none;
     cursor: pointer;
     padding-left: 10px;
}
 .cbx span {
     display: inline-block;
     vertical-align: middle;
     transform: translate3d(0, 0, 0);
}
 .cbx span:first-child {
     position: relative;
     width: 18px;
     height: 18px;
     border-radius: 3px;
     transform: scale(1);
     vertical-align: middle;
     border: 1px solid #9098A9;
     transition: all 0.2s ease;
}
 .cbx span:first-child svg {
     position: absolute;
     top: 3px;
     left: 2px;
     fill: none;
     stroke: #FFFFFF;
     stroke-width: 2;
     stroke-linecap: round;
     stroke-linejoin: round;
     stroke-dasharray: 16px;
     stroke-dashoffset: 16px;
     transition: all 0.3s ease;
     transition-delay: 0.1s;
     transform: translate3d(0, 0, 0);
}
 .cbx span:first-child:before {
     content: "";
     width: 100%;
     height: 100%;
     background: #506EEC;
     display: block;
     transform: scale(0);
     opacity: 1;
     border-radius: 50%;
}
 .cbx span:last-child {
     padding-left: 8px;
     font-size: 14px;
     font-family: "Poppins", sans-serif;
}
 .cbx:hover span:first-child {
     border-color: #506EEC;
}
 .inp-cbx:checked + .cbx span:first-child {
     background: #506EEC;
     border-color: #506EEC;
     animation: wave 0.4s ease;
}
 .inp-cbx:checked + .cbx span:first-child svg {
     stroke-dashoffset: 0;
}
 .inp-cbx:checked + .cbx span:first-child:before {
     transform: scale(3.5);
     opacity: 0;
     transition: all 0.6s ease;
}
 .logo img {
     width: 200px;
     padding-bottom: 30px;
}
 @keyframes wave {
     50% {
         transform: scale(0.9);
    }
}
 @media (max-width: 992px) {
     .alert-validate::before {
         visibility: visible;
         opacity: 1;
    }
}