@charset "UTF-8";

@font-face {
	font-family: "sinkin-lite";
	src: url("../fonts/SinkinSans-200XLight.ttf") format("opentype");
}
@font-face {
	font-family: "rubik";
	src: url("../fonts/Rubik-Medium.ttf") format("opentype");
}
@font-face {
	font-family: "rubik-bold";
	src: url("../fonts/Rubik-Bold.ttf") format("opentype");
}
@font-face {
	font-family: "rubik-lite";
	src: url("../fonts/Rubik-Light.ttf") format("opentype");
}
@font-face {
	font-family: "helve-thin";
	src: url("../fonts/HelveticaNeue-Thin.ttf") format("opentype");
}
@font-face {
	font-family: "helve-bold";
	src: url("../fonts/HelveticaNeue-Bold.ttf") format("opentype");
}
@font-face {
	font-family: "helve-lite";
	src: url("../fonts/HelveticaNeue-Light.ttf") format("opentype");
}
@font-face {
	font-family: "rajdhani-lite";
	src: url("../fonts/Rajdhani-Light.ttf") format("opentype");
}
/* CSS Document */
@media only screen {
    /*form*/
    .btn-ellipsis {
        display: inline-block;
        position: relative;
        height: 20px;
    }
    .btn-ellipsis div {
        position: absolute;
        top: 8px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ffffff;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }
    .btn-ellipsis div:nth-child(1) {
        left: 3px;
        animation: lds-ellipsis1 0.8s infinite;
    }
    .btn-ellipsis div:nth-child(2) {
        left: 3px;
        animation: lds-ellipsis2 0.8s infinite;
    }
    .btn-ellipsis div:nth-child(3) {
        left: 21px;
        animation: lds-ellipsis2 0.8s infinite;
    }
    .btn-ellipsis div:nth-child(4) {
        left: 36px;
        animation: lds-ellipsis3 0.8s infinite;
    }
    @keyframes btn-ellipsis1 {
        0% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
    }
    @keyframes btn-ellipsis3 {
        0% {
            transform: scale(1);
        }
        100% {
            transform: scale(0);
        }
    }
    @keyframes btn-ellipsis2 {
        0% {
            transform: translate(0, 0);
        }
        100% {
            transform: translate(8px, 0);
        }
    }
    .form-control:focus, .form-group input:focus {
        color: #000000;
        background-color:transparent;
        border:none;
        outline: 0;
        box-shadow:none;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #d3d3d3;
    }
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        transition: background-color 5000s ease-in-out 0s;
        -webkit-text-fill-color: #ffffff;
    }
    input:focus,
    select:focus,
    textarea:focus,
    button:focus {
        outline: none;
    }
    .lds {
        width:100%;
        min-height:100px;
        text-align: center;
        padding-top:50px;
    }
    .lds-ellipsis {
        display: inline-block;
        position: relative;
        width: 64px;
        height: 64px;
    }
    .lds-ellipsis div {
        position: absolute;
        top: 27px;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: #8AA078;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }
    .lds-ellipsis div:nth-child(1) {
        left: 6px;
        animation: lds-ellipsis1 0.6s infinite;
    }
    .lds-ellipsis div:nth-child(2) {
        left: 6px;
        animation: lds-ellipsis2 0.6s infinite;
    }
    .lds-ellipsis div:nth-child(3) {
        left: 26px;
        animation: lds-ellipsis2 0.6s infinite;
    }
    .lds-ellipsis div:nth-child(4) {
        left: 45px;
        animation: lds-ellipsis3 0.6s infinite;
    }
    @keyframes lds-ellipsis1 {
        0% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
    }
    @keyframes lds-ellipsis3 {
        0% {
            transform: scale(1);
        }
        100% {
            transform: scale(0);
        }
    }
    @keyframes lds-ellipsis2 {
        0% {
            transform: translate(0, 0);
        }
        100% {
            transform: translate(19px, 0);
        }
    }
}