:root {
    --colorPrimary: #1f5446;
    --colorSecondary: #8A691C;
    --colorAccentDark: #163d34;
    --colorAccentWarm: #b58a2a;
    --colorShadow: rgba(22, 61, 52, .35);
    --colorBtn: #ffffff
}

#loader {
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040
}

.loader-text {
    display: block;
    text-align: center;
    color: #d7d7d7;
    font-family: Arial, sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loading {
    height: 0;
    width: 0;
    padding: 4vw;
    border: .8vw solid #ccc;
    border-right-color: #888;
    border-radius: 6vw
}

@keyframes loader {

    0%,
    100% {
        filter: grayscale(0)
    }

    50% {
        filter: grayscale(100%)
    }
}

.loader-logo {
    width: 300px;
    -webkit-animation: 1.3s linear infinite loader;
    -moz-animation: 1.3s linear infinite loader;
    -ms-animation: loader 1.3s infinite linear;
    -o-animation: 1.3s linear infinite loader;
    animation: 1.3s linear infinite loader
}

.pload {
    display: none
}

@media only screen and (max-width:992px) {
    .micro-main-slider .carousel-item img {
        min-height: auto
    }
}

@media only screen and (min-width:992px) {
    .info-box {
        width: 23vw
    }
}