@font-face {
    font-family: abel;
    src: url(../favicon_font/abel.ttf);
}

@font-face {
    font-family: Aclonica;
    src: url(../favicon_font/Aclonica.ttf);
}

@font-face {
    font-family: Acme-Regular;
    src: url(../favicon_font/Acme-Regular.ttf);
}

@font-face {
    font-family: Anton;
    src: url(../favicon_font/Anton.ttf);
}

@font-face {
    font-family: Arial;
    src: url(../favicon_font/Arial.ttf);
}

@font-face {
    font-family: Bangers;
    src: url(../favicon_font/Bangers.ttf);
}

@font-face {
    font-family: Calibri;
    src: url(../favicon_font/calibri.ttf);
}

@font-face {
    font-family: Consolas;
    src: url(../favicon_font/Consolas.ttf);
}

@font-face {
    font-family: Courgette;
    src: url(../favicon_font/Courgette.ttf);
}

@font-face {
    font-family: courier;
    src: url(../favicon_font/courier.ttf);
}

@font-face {
    font-family: DancingScript-Regular;
    src: url(../favicon_font/DancingScript-Regular.otf);
}

@font-face {
    font-family: Dosis-Light;
    src: url(../favicon_font/Dosis-Light.ttf);
}

@font-face {
    font-family: Georgia;
    src: url(../favicon_font/Georgia.ttf);
}

@font-face {
    font-family: Helvetica;
    src: url(../favicon_font/Helvetica.ttf);
}

@font-face {
    font-family: impact;
    src: url(../favicon_font/impact.ttf);
}

@font-face {
    font-family: KaushanScript;
    src: url(../favicon_font/KaushanScript.otf);
}

@font-face {
    font-family: Lobster;
    src: url(../favicon_font/Lobster.ttf);
}

@font-face {
    font-family: Lucida;
    src: url(../favicon_font/Lucida.ttf);
}

@font-face {
    font-family: Montserrat;
    src: url(../favicon_font/Montserrat.ttf);
}

@font-face {
    font-family: Oleo;
    src: url(../favicon_font/Oleo.ttf);
}

@font-face {
    font-family: OpenSans;
    src: url(../favicon_font/OpenSans.ttf);
}

@font-face {
    font-family: Philosopher;
    src: url(../favicon_font/Philosopher.ttf);
}

@font-face {
    font-family: Playfair;
    src: url(../favicon_font/Playfair.ttf);
}

@font-face {
    font-family: Poppins;
    src: url(../favicon_font/Poppins.ttf);
}

@font-face {
    font-family: Prompt;
    src: url(../favicon_font/Prompt.ttf);
}

@font-face {
    font-family: Raleway;
    src: url(../favicon_font/Raleway.ttf);
}

@font-face {
    font-family: Righteous;
    src: url(../favicon_font/Righteous.ttf);
}

@font-face {
    font-family: Roboto;
    src: url(../favicon_font/Roboto-Regular.ttf);
}

@font-face {
    font-family: RobotoCondensed-Regular;
    src: url(../favicon_font/RobotoCondensed-Regular.ttf);
}

@font-face {
    font-family: RobotoSlab-Regular;
    src: url(../favicon_font/RobotoSlab-Regular.ttf);
}

@font-face {
    font-family: Rubik-Regular;
    src: url(../favicon_font/Rubik-Regular.ttf);
}

@font-face {
    font-family: Satisfy-Regular;
    src: url(../favicon_font/Satisfy-Regular.ttf);
}

@font-face {
    font-family: Tahoma-Regular-font;
    src: url(../favicon_font/Tahoma-Regular-font.ttf);
}

@font-face {
    font-family: Ubuntu;
    src: url(../favicon_font/Ubuntu.ttf);
}

@font-face {
    font-family: Verdana;
    src: url(../favicon_font/Verdana.ttf);
}

@font-face {
    font-family: Voltaire;
    src: url(../favicon_font/Voltaire.ttf);
}

@font-face {
    font-family: Yellowtail-Regular;
    src: url(../favicon_font/Yellowtail-Regular.otf);
}

#page_icon {
    width: 40px
}



.style16 {
    width: 16px;
    height: 16px;
    background-color: #142864;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
}

.main_div {
    position: relative;
    text-align: center;
    color: white;
    overflow: hidden;
}

.control {
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: inherit;
}

.control.has-icons-right .input {
    padding-right: 2.5em;
}

.input {
    box-shadow: inset 0 0.0625em 0.125em rgb(10 10 10 / 5%);
    max-width: 100%;
    width: 100%;
}

.input {
    background-color: #fff;
    border-color: #dbdbdb;
    border-radius: 4px;
    color: #363636;
}

.control.has-icons-right .icon.is-right {
    right: 0;
}

.control.has-icons-right .icon {
    color: #dbdbdb;
    height: 2.5em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.5em;
    z-index: 4;
}

.icon {
    align-items: center;
    display: inline-flex;
    justify-content: center
}