#myModal h1 {
    font-size: 36px;
    margin: 30px;
    text-align: center;
    text-transform: uppercase;

}

#myModal .facts {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#myModal blockfact {
    margin-bottom: 25px;
}

#myModal .fact {
    position: relative;
    font-size: 20px;
    line-height: 1.7em;
    word-break: break-word;


}

#myModal .fact footer {
    font-size: 0.6em;
    font-weight: 700;
    color: #d3d3cf;
    text-align: right;
}

#myModal .fact footer:before {
    content: '\2015';
}

#myModal .fact:after {
    content: '\201D';
    position: absolute;
    top: 0.28em;
    right: 0;
    font-size: 6em;
    font-style: italic;
    color: #e7e6e4;
    z-index: -1;
}

/* loader */

#myModal .loader {
    display: inline-block;
    position: fixed;
    top:50%;
    width: 80px;
    height: 80px;
    opacity: 0;

}


#myModal .loader.show {
    opacity: 1;
}

#myModal .loader div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background:  #4d94ff;
    animation: loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

#myModal .loader div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}

#myModal .loader div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}

#myModal .loader div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
}

@keyframes loader {
    0% {
        top: 8px;
        height: 64px;
    }

    50%,
    100% {
        top: 24px;
        height: 32px;
    }
}
#myModal thead th {
    position: sticky;
    top: 0;
    background-color: #343a40;
}
#myModal .navbar:before{
    background-color: white;
}

#myModal .modal-dialog{
    max-width:80% !important;
}