.font-ak {
    font-family: 'alphakind', Arial, sans-serif;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
    box-shadow: none !important;
}

.form-control:focus {
    border-color: #dee2e6;
}

.form-control.is-invalid:focus {
    border-color: #dc3545;
}

.verify-code-row .verify-code {
    width: 90px;
    flex: 0 0 90px;
}

@media (max-width: 576px) {
    .verify-code-row .verify-code {
        width: auto;
        flex: 1 1 0;
        min-width: 0;
    }
}

.crazy-width {
	width: 60%;
}

@media (max-width: 1600px) {
	.crazy-width {
		width: 75%;
	}
}

@media (max-width: 767px) {
	.crazy-width {
		width: 90%;
	}
}

html {
    background: #fff !important;
}

body {
    margin: 0 !important;
    background-color: #fff !important;

    background-image:
        linear-gradient(
            to bottom,
            rgba(255,255,255,0.5) 0%,
            rgba(255,255,255,0.5) 15%,
            rgba(255,255,255,0.7) 20%,
            rgba(255,255,255,0.9) 30%,
            #fff 35%
        ),
        url("../images/bg.jpg") !important;

    background-position:
        center top,
        center top !important;

    background-repeat:
        no-repeat,
        repeat !important;

    background-size:
        100% 100%,
        auto !important;
}