html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-container {
    max-width: 550px;
    margin: 45px auto 0 auto;
}
.h5, h5 {
    font-size: 1rem;
}

.btn-teal {
    background-color: #17a0a0;
    color: #fff;
}

.btn-custom {
    background-color: #013237;
    color: #fff;
}
.btn:hover {
    color: #212529;
    text-decoration: none;
    background-color:inherit;
}

.loader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    background: rgb(0, 0, 0, 35%);
    z-index: 999999;
}

.loader.active {
    display: flex;
}

}

.noscroll {
    overflow: hidden;
}

/*Survey*/
.logo {
    max-height: 140px !important;
}

.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    gap: 20px;
    background: #000;
    padding: 20px 0;
    overflow: hidden;
}
    .grid img {
        max-width: 100%;
    }
.slideInFromLeft {
    animation: 1s ease-out 0s 1 slideInFromLeft;
}

.slideInFromRight {
    animation: 1s ease-out 0s 1 slideInFromRight;
}

.slideInFromTop {
    animation: 1s ease-out 0s 1 slideInFromTop;
}

.slideInFromBottom {
    animation: 1s ease-out 0s 1 slideInFromBottom;
}

.section-bg {
    background: url(/images/Lux2/nzbg.jpg) no-repeat center;
    background-size: cover;
}

.main-content,
.main-content-form,
.main-content-bottom,
.main-content-bottom-holding,
.main-content-refer,
.generic-content-form {
    flex: 1 0 auto;
    background-size: cover !important;
    background-repeat: no-repeat;
}


.btn-custom {
    background-color: #013237;
    color: #fff;
}

    .btn-custom:hover {
        background-color: #013237;
        color: #e8e8e8;
    }

.btn-block {
    display: block;
    width: 100%;
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slideInFromTop {
    0% {
        transform: translateY(-100%);
        opacity: 0;
        opacity: 1
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes slideInFromBottom {
    0% {
        transform: translateY(80px);
        opacity: 0;
        opacity: 1
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
        opacity: 1
    }

    100% {
        transform: translateX(0);
    }
}


@media (max-width: 575px) {
    .add-pad-sm {
        padding-left: 5px;
    }

    .grid {
        padding: 20px;
        grid-template-columns: 1fr;
    }
}