/*//////////////////////////////////////////////////////////////////[ FONT ]*/@font-face {    font-family: Oswald-Regular;    src: url('../fonts/oswald/Oswald-Regular.ttf'); }@font-face {    font-family: Oswald-Bold;    src: url('../fonts/oswald/Oswald-Bold.ttf'); }@font-face {    font-family: Oswald-Medium;    src: url('../fonts/oswald/Oswald-Medium.ttf'); }@font-face {    font-family: Oswald-Light;    src: url('../fonts/oswald/Oswald-Light.ttf'); }/*//////////////////////////////////////////////////////////////////[ RESTYLE TAG ]*/* {    margin: 0px;     padding: 0px;     box-sizing: border-box;}body, html {    height: 100%;    font-family: Oswald, sans-serif;}/*---------------------------------------------*/a {    font-family: Oswald-Regular;    font-size: 14px;    line-height: 1.7;    color: #666666;    margin: 0px;    transition: all 0.4s;    -webkit-transition: all 0.4s;    -o-transition: all 0.4s;    -moz-transition: all 0.4s;}a:focus {    outline: none !important;}a:hover {    text-decoration: none;    color: #57b846;}/*---------------------------------------------*/h1,h2,h3,h4,h5,h6 {    margin: 0px;}p {    font-family: oswald;    font-size: 14px;    line-height: 1.7;    color: #666666;    margin: 0px;}ul, li {    margin: 0px;    list-style-type: none;}/*---------------------------------------------*/input {    outline: none;    border: none;}textarea {    outline: none;    border: none;}textarea:focus, 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; }textarea:focus::-webkit-input-placeholder { color:transparent; }textarea:focus:-moz-placeholder { color:transparent; }textarea:focus::-moz-placeholder { color:transparent; }textarea:focus:-ms-input-placeholder { color:transparent; }input::-webkit-input-placeholder { color: #999999; }input:-moz-placeholder { color: #999999; }input::-moz-placeholder { color: #999999; }input:-ms-input-placeholder { color: #999999; }textarea::-webkit-input-placeholder { color: #999999; }textarea:-moz-placeholder { color: #999999; }textarea::-moz-placeholder { color: #999999; }textarea:-ms-input-placeholder { color: #999999; }/*---------------------------------------------*/button {    outline: none !important;    border: none;    background: transparent;}button:hover {    cursor: pointer;}iframe {    border: none !important;}/*//////////////////////////////////////////////////////////////////[ Utility ]*/.txt1 {    font-family: Oswald-Regular;    font-size: 13px;    line-height: 1.5;    color: #999999;}.txt2 {    font-family: Oswald-Regular;    font-size: 13px;    line-height: 1.5;    color: #ffffff;}.txt2:hover {    font-family: Oswald-Regular;    font-size: 13px;    line-height: 1.5;    color: #ffcc00;}/*//////////////////////////////////////////////////////////////////[ login ]*/.limiter {    width: 100%;    margin: 0 auto;}.container-login100 {    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: #3c3c3b;}.wrap-login100 {    width: auto;    background: #ffffff1a;    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: 24px;}/*------------------------------------------------------------------[  ]*/.login100-pic {    width: 316px;}.login100-pic img {    max-width: 100%;}/*------------------------------------------------------------------[  ]*/.login100-form {    width: 290px;}.login100-form-title {    font-family: Oswald-Bold;    font-size: 24px;    color: #ffffff;    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: Oswald-Regular;    font-size: 15px;    line-height: 1.5;    color: #666666;    display: block;    width: 100%;    background: #e6e6e6;    height: 50px;    border-radius: 25px;    padding: 0 30px 0 68px;}/*------------------------------------------------------------------[ Focus ]*/.focus-input100 {    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: #ffcc00;}.input100:focus + .focus-input100 {    -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-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: #3c3c3b;    -webkit-transition: all 0.4s;    -o-transition: all 0.4s;    -moz-transition: all 0.4s;    transition: all 0.4s;}.input100:focus + .focus-input100 + .symbol-input100 {    color: #ffcc00;    padding-left: 28px;}/*------------------------------------------------------------------[ Button ]*/.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-family: oswald Regular;    font-size: 15px;    line-height: 1.5;    color: #fff;    text-transform: uppercase;    width: 100%;    height: 50px;    border-radius: 25px;    background: #ffcc00;    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 0.4s;    -o-transition: all 0.4s;    -moz-transition: all 0.4s;    transition: all 0.4s;}.login100-form-btn:hover {    background: #3c3c3b;}/*------------------------------------------------------------------[ Responsive ]*/@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 80px;    }    .login100-pic {        display: none;    }    .login100-form {        width: 100%;    }}@media (max-width: 576px) {    .wrap-login100 {        padding: 100px 15px 33px 15px;    }}/*------------------------------------------------------------------[ 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;}@media (max-width: 992px) {    .alert-validate::before {        visibility: visible;        opacity: 1;    }}