:root {
    --color-purple: #6869b9;
    --color-light-yellow: #fffef0;
    --color-blue: #007bff;
    --color-greyishblue: #3b73ab;
}

.modal-backdrop {
    opacity: 0.9 !important;
}

.modal-content-center {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.modal-icon {
    fill: white;
    fill-opacity: 0.3;
    cursor: pointer;
}

.modal-icon:hover,
.modal-icon:focus {
    fill-opacity: 0.7;
}

.modal-nav-left {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modal-button-container {
    position: absolute;
    width: min-content;
    z-index: 9999;
}

.modal-button-top-right {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.modal-nav-right {
    margin: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modal-nav-button-upper {
    transform: scale(2,2);
    margin-bottom: 32px;
}

.modal-nav-button-bottom {
    transform: scale(2,2);
    margin-top: 32px;
}

.bg-header {
    background-color: var(--color-greyishblue);
}

.bg-site {
    background-image: url("../site/background-2.jpg");
    background-repeat: round;
    background-attachment: fixed;
}

div.btn-text-white > a {
    text-decoration: none;
    color: white;
}

.checkbox-m {
    width: 1em;
    height: 1em;
}

.video-icon {
    fill: white;
    fill-opacity: 0.7;
    cursor: pointer;
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    top: 43%;
    left: 41%;
}

.header-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.container-main {
    padding-top: 5em;
}

.content-row {
    min-height: 400px;
}

.navbar-custom {
    min-height: 3em;
}