/*------------------------------
    PRELOADER
-------------------------------*/

.preeloader {
    background: rgba(235, 235, 235, 1) none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999999;
}

.preloader-spinner {
    -webkit-animation: 1.5s linear 0s normal none infinite running loader;
    animation: 1.5s linear 0s normal none infinite running loader;
    width: 60px;
    height: 60px;
    font-size: 35px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -30px;
    padding-top: 12px;
    z-index: 99;
    background: #fff;
    color: #ca3d26;
}

@-webkit-keyframes loader {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(202, 61, 38, 0);
        box-shadow: 0 0 0 0px rgba(202, 61, 38, 0);
    }

    25% {
        -webkit-box-shadow: 0 0 0 0px rgba(202, 61, 38, 0.5), 0 0 0 10px rgba(202, 61, 38, 0.4);
        box-shadow: 0 0 0 0px rgba(202, 61, 38, 0.5), 0 0 0 10px rgba(202, 61, 38, 0.4);
    }

    50% {
        -webkit-box-shadow: 0 0 0 10px rgba(202, 61, 38, 0.5), 0 0 0 20px rgba(202, 61, 38, 0.3);
        box-shadow: 0 0 0 10px rgba(202, 61, 38, 0.5), 0 0 0 20px rgba(202, 61, 38, 0.3);
    }

    75% {
        -webkit-box-shadow: 0 0 0 10px rgba(202, 61, 38, 0.5), 0 0 0 10px rgba(202, 61, 38, 0.2);
        box-shadow: 0 0 0 10px rgba(202, 61, 38, 0.5), 0 0 0 10px rgba(202, 61, 38, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0px rgba(202, 61, 38, 04);
        box-shadow: 0 0 0 0px rgba(202, 61, 38, 04);
    }
}

@keyframes loader {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(202, 61, 38, 0);
        box-shadow: 0 0 0 0px rgba(202, 61, 38, 0);
    }

    25% {
        -webkit-box-shadow: 0 0 0 0px rgba(202, 61, 38, 0.5), 0 0 0 10px rgba(202, 61, 38, 0.4);
        box-shadow: 0 0 0 0px rgba(202, 61, 38, 0.5), 0 0 0 10px rgba(202, 61, 38, 0.4);
    }

    50% {
        -webkit-box-shadow: 0 0 0 10px rgba(202, 61, 38, 0.5), 0 0 0 20px rgba(202, 61, 38, 0.3);
        box-shadow: 0 0 0 10px rgba(202, 61, 38, 0.5), 0 0 0 20px rgba(202, 61, 38, 0.3);
    }

    75% {
        -webkit-box-shadow: 0 0 0 10px rgba(202, 61, 38, 0.5), 0 0 0 10px rgba(202, 61, 38, 0.2);
        box-shadow: 0 0 0 10px rgba(202, 61, 38, 0.5), 0 0 0 10px rgba(202, 61, 38, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0px rgba(202, 61, 38, 04);
        box-shadow: 0 0 0 0px rgba(202, 61, 38, 04);
    }
}

.about-area .container, .blog-area .container {
    padding-top: 4%;
    padding-bottom: 4%;
}

.container {
    padding-right: 1.5%;
    padding-left: 1.5%;
}


.navbar-brand {
    padding: 0px 15px 0 15px;
}

@media (min-width: 768px) {

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media (min-width: 1024px) {

    .about-area .container,
    .promotions-area .container,
    .menus-area .container,
    .blog-area .container,
    .footer-area .container {
        /* width: 85%; */
        padding-right: 2.2%;
        padding-left: 2.2%;

    }
    .blog-area .container {
        margin-left: 2%;
        margin-right: 2%;
    }
}
@media (max-width: 1024px) {

.about-area .container {
    margin-right: 2%;
    margin-left: 2%;
}
}
@media (min-width: 1200px) {

    .about-area .container,
    .promotions-area .container,
    .menus-area .container,
    .blog-area .container,
    .footer-area .container {
        width: 77%;
    }

    .navbar .container {
        width: auto;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
}

@media (min-width: 1900px) {
    body {
        font-size: 0.83vw;
    }


    .is-sticky ul#nav li a {
        padding: 30px 15px;
        color: #1a1a1a;
        font-size: 0.64vw;
    }
}