#header{
    background-image: url("/images/header.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

@font-face {
    font-family: "DinPro";
    src: url("/fonts/DINPro.woff2") format("woff2");
}

@font-face {
    font-family: "DinProBold";
    src: url("/fonts/DINPro-Bold.woff2") format("woff2");
}

@font-face {
    font-family: "DinProBlack";
    src: url("/fonts/DINPro-Black.woff2") format("woff2");
}

body{
    font-family: "DinPro" !important;
}

main{
    min-height: calc(100vh - 18rem - 72px);
}

.font-dinpro{
    font-family: "DinPro";
}

.font-dinpro-bold{
    font-family: "DinProBold";
}

.font-dinpro-black{
    font-family: "DinProBlack";
}

.bg-light-blue-askco{
    background-color: #1399DD;
}

.hover\:bg-dark-blue-askco:hover,
.bg-dark-blue-askco{
    background-color: #022B55;
}

.bg-table-background-1{
    background-color: #F6F6F6;
}

.bg-table-background-2{
    background-color: #F0F0F0;
}

.text-orange-askco{
    color: #eA7D37;
}

.text-blue-askco{
    color: #0F2C47;
}

.animated {
    -webkit-animation-duration: 250ms;
    animation-duration: 250ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}