/* ==========================================================================
WEBFONT
========================================================================== */
@font-face {
    font-family: 'Arial Rounded MT Std';
    src: url('../webfonts/ArialRoundedMTStd.woff2') format('woff2'),
    url('../webfonts/ArialRoundedMTStd.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Arial Rounded MT Std';
    src: url('../webfonts/ArialRoundedMTStd-Light.woff2') format('woff2'),
    url('../webfonts/ArialRoundedMTStd-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Arial Rounded MT Std';
    src: url('../webfonts/ArialRoundedMTStd-Bold.woff2') format('woff2'),
    url('../webfonts/ArialRoundedMTStd-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* ==========================================================================
TEMA
=============================================================================
PRIMARY: #0052c5
SECONDARY: #6c757d
SUCCESS: #0dbe7a
DANGER: #bd004f
WARNING: #ecec36
INFO: #17a2b8
LIGHT: #e2e6ea
DARK: #343a40
MOLA: #232364
=========================================================================== */
.btn-primary {
    background-color: #0052c5;
    border-color: #0052c5;
}

.btn-success {
    background-color: #0dbe7a;
    border-color: #0dbe7a;
    color: #fff;
}

.btn-success:hover {
    background-color: #0a8f5c;
    border-color: #097f51;
    color: #fff;
}

.btn-success:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 190, 122, .5);
}

.badge-success {
    background-color: #0dbe7a;
}

.badge-danger {
    background-color: #bd004f;
}

.btn-mola {
    background-color: #232364;
    border-color: #232364;
    color: #fff;
}

.btn-mola:hover {
    background-color: #16163e;
    border-color: #111132;
    color: #fff;
}

.btn-mola:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(35, 35, 100, .5);
    box-shadow: 0 0 0 .25rem rgba(35, 35, 100, .5);
}

/* ==========================================================================
MAIN
=========================================================================== */
body {
    background-color: #efefef;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40' viewBox='0 0 50 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23e7e7e7' fill-opacity='0.4'%3E%3Cpath d='M40 10L36.67 0h-2.11l3.33 10H20l-2.28 6.84L12.11 0H10l6.67 20H10l-2.28 6.84L2.11 10 5.44 0h-2.1L0 10l6.67 20-3.34 10h2.11l2.28-6.84L10 40h20l2.28-6.84L34.56 40h2.1l-3.33-10H40l2.28-6.84L47.89 40H50l-6.67-20L50 0h-2.1l-5.62 16.84L40 10zm1.23 10l-2.28-6.84L34 28h4.56l2.67-8zm-10.67 8l-2-6h-9.12l2 6h9.12zm-12.84-4.84L12.77 38h15.79l2.67-8H20l-2.28-6.84zM18.77 20H30l2.28 6.84L37.23 12H21.44l-2.67 8zm-7.33 2H16l-4.95 14.84L8.77 30l2.67-8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    color: #232364;
    font-family: 'Arial Rounded MT Std';
}

.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 {
    margin: 1.425rem 0 1.425rem;
}

.h1, h1 {
    font-size: 1.25rem;
    margin: 0 0 3rem;
}

.h2:first-child, h2:first-child,
.h3:first-child, h3:first-child,
.h4:first-child, h4:first-child,
.h5:first-child, h5:first-child,
.h6:first-child, h6:first-child {
    margin: 0 0 1.425rem;
}

.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 {
    font-size: 1rem;
}

.h1 small, h1 small,
.h2 small, h2 small,
.h3 small, h3 small,
.h4 small, h4 small {
    font-size: 75%;
}

p {
    font-size: 1rem;
    margin: 0 0 1rem;
}

p:last-child {
    margin: 0;
}

.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1rem;
    overflow: visible;
    vertical-align: -0.125rem;
}

.container-fluid {
    max-width: 1140px;
}

.btn {
    font-weight: 700;
}

.modal-xl {
    max-width: 1140px;
}

.fs-100 {
    font-size: 100%;
}

.bg-mola {
    background-color: #232364;
}

.bg-pattern-mola {
    background-color: #232364;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40' viewBox='0 0 50 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23272771' fill-opacity='0.4'%3E%3Cpath d='M40 10L36.67 0h-2.11l3.33 10H20l-2.28 6.84L12.11 0H10l6.67 20H10l-2.28 6.84L2.11 10 5.44 0h-2.1L0 10l6.67 20-3.34 10h2.11l2.28-6.84L10 40h20l2.28-6.84L34.56 40h2.1l-3.33-10H40l2.28-6.84L47.89 40H50l-6.67-20L50 0h-2.1l-5.62 16.84L40 10zm1.23 10l-2.28-6.84L34 28h4.56l2.67-8zm-10.67 8l-2-6h-9.12l2 6h9.12zm-12.84-4.84L12.77 38h15.79l2.67-8H20l-2.28-6.84zM18.77 20H30l2.28 6.84L37.23 12H21.44l-2.67 8zm-7.33 2H16l-4.95 14.84L8.77 30l2.67-8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.bg-pattern-light {
    background-color: #efefef;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40' viewBox='0 0 50 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23e7e7e7' fill-opacity='0.4'%3E%3Cpath d='M40 10L36.67 0h-2.11l3.33 10H20l-2.28 6.84L12.11 0H10l6.67 20H10l-2.28 6.84L2.11 10 5.44 0h-2.1L0 10l6.67 20-3.34 10h2.11l2.28-6.84L10 40h20l2.28-6.84L34.56 40h2.1l-3.33-10H40l2.28-6.84L47.89 40H50l-6.67-20L50 0h-2.1l-5.62 16.84L40 10zm1.23 10l-2.28-6.84L34 28h4.56l2.67-8zm-10.67 8l-2-6h-9.12l2 6h9.12zm-12.84-4.84L12.77 38h15.79l2.67-8H20l-2.28-6.84zM18.77 20H30l2.28 6.84L37.23 12H21.44l-2.67 8zm-7.33 2H16l-4.95 14.84L8.77 30l2.67-8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.bg-pattern-dark {
    background-color: #1f1f1f;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40' viewBox='0 0 50 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23272727' fill-opacity='0.4'%3E%3Cpath d='M40 10L36.67 0h-2.11l3.33 10H20l-2.28 6.84L12.11 0H10l6.67 20H10l-2.28 6.84L2.11 10 5.44 0h-2.1L0 10l6.67 20-3.34 10h2.11l2.28-6.84L10 40h20l2.28-6.84L34.56 40h2.1l-3.33-10H40l2.28-6.84L47.89 40H50l-6.67-20L50 0h-2.1l-5.62 16.84L40 10zm1.23 10l-2.28-6.84L34 28h4.56l2.67-8zm-10.67 8l-2-6h-9.12l2 6h9.12zm-12.84-4.84L12.77 38h15.79l2.67-8H20l-2.28-6.84zM18.77 20H30l2.28 6.84L37.23 12H21.44l-2.67 8zm-7.33 2H16l-4.95 14.84L8.77 30l2.67-8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.logo {
    max-height: 70px;
}

/* ==========================================================================
LOADING
========================================================================== */
.loading {
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(35, 35, 100, .9);
    display: -webkit-flex;
    display: flex;
    height: 100vh;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 1;
    pointer-events: inherit;
    position: fixed;
    transition: all .75s ease-in-out;
    width: 100%;
    z-index: 1060;
}

.loaded {
    opacity: 0;
    pointer-events: none;
}

.spinner {
    height: 75px;
    position: relative;
    width: 75px;
}

.double-bounce1,
.double-bounce2 {
    -webkit-animation: sk-bounce 1.5s infinite ease-in-out;
    animation: sk-bounce 1.5s infinite ease-in-out;
    background-color: #0dbe7a;
    border-radius: 50%;
    height: 100%;
    opacity: .75;
    position: absolute;
    width: 100%;
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
}

@keyframes sk-bounce {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
}

/* ==========================================================================
MEDIA QUERIES
========================================================================== */
@media (min-width: 576px) {
    .h1, h1 {
        font-size: 1.563rem;
    }

    .h2, h2 {
        font-size: 1.25rem;
    }

    .h3, h3,
    .h4, h4,
    .h5, h5,
    .h6, h6 {
        font-size: 1rem;
    }

    .logo {
        max-height: 125px;
    }
}

@media (min-width: 768px) {
    .h1, h1 {
        font-size: 1.953rem;
    }

    .h2, h2 {
        font-size: 1.563rem;
    }

    .h3, h3 {
        font-size: 1.25rem;
    }

    .h4, h4,
    .h5, h5,
    .h6, h6 {
        font-size: 1rem;
    }

    .logo {
        max-height: 150px;
    }
}

@media (min-width: 992px) {
    .h1, h1 {
        font-size: 2.441rem;
    }

    .h2, h2 {
        font-size: 1.953rem;
    }

    .h3, h3 {
        font-size: 1.563rem;
    }

    .h4, h4 {
        font-size: 1.25rem;
    }

    .h5, h5,
    .h6, h6 {
        font-size: 1rem;
    }
}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 3.052rem;
    }

    .h2, h2 {
        font-size: 2.441rem;
    }

    .h3, h3 {
        font-size: 1.953rem;
    }

    .h4, h4 {
        font-size: 1.563rem;
    }

    .h5, h5 {
        font-size: 1.25rem;
    }

    .h6, h6 {
        font-size: 1rem;
    }
}