@font-face {
    font-family: 'Ridley Grotesk';
    src: url(../font/RidleyGrotesk-Bold.eot);
    src: url(../font/RidleyGrotesk-Bold.eot?#iefix) format('embedded-opentype'), url(../font/RidleyGrotesk-Bold.woff2) format('woff2'), url(../font/RidleyGrotesk-Bold.woff) format('woff'), url(../font/RidleyGrotesk-Bold.ttf) format('truetype'), url(../font/RidleyGrotesk-Bold.svg#RidleyGrotesk-Bold) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Ridley Grotesk';
    src: url(../font/RidleyGrotesk-Regular.eot);
    src: url(../font/RidleyGrotesk-Regular.eot?#iefix) format('embedded-opentype'), url(../font/RidleyGrotesk-Regular.woff2) format('woff2'), url(../font/RidleyGrotesk-Regular.woff) format('woff'), url(../font/RidleyGrotesk-Regular.ttf) format('truetype'), url(../font/RidleyGrotesk-Regular.svg#RidleyGrotesk-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

body {
    font-family: 'Ridley Grotesk';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff;
    overflow-x: hidden
}

.colorindent {
    background-color: #000;
    padding: 0 20px 0 20px;
    color: #fff;
    font-size: 14px;
    letter-spacing: -.5px
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear !important;
    animation: fa-spin 1s infinite linear !important;
    padding: 0 !important;
    line-height: 0 !important;
    margin: 0 !important
}

.heart {
    color: #000 !important;
    padding: 4px 0 0 0;
    text-decoration: none !important
}

.heart:hover {
    color: #fff !important;
    background-color: red !important;
    padding: 4px 0 0 0;
    text-decoration: none !important
}

.h2, h2 {
    font-weight: 700;
    font-family: 'Ridley Grotesk'
}

.g-bg-primary {
    background-color: #1ec2ff !important
}

a.nav-link.color-dark.g-color-gray-dark-v1.active {
    background-color: #000;
    color: #fff !important
}

h3, h4 {
    font-family: 'Ridley Grotesk'
}

.ui-sortable label {
    font-size: 10px;
    padding: 0
}

.actions {
    width: 25%
}

figure img {
    min-height: 200px;
    min-width: 200px
}

figcaption {
    width: 100%
}

.carousel-caption h1 {
    font-size: 60px;
    font-weight: 700;
    letter-spacing: -1.5px;
    color: #fff
}

.carousel-caption h4 {
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

.carousel-caption h3 {
    color: #fff
}

.new-special {
    background-color: transparent;
    border: 3px solid #fff;
    color: #fff;
    border-radius: 0;
    font-family: 'Ridley Grotesk';
    font-weight: 700
}

.new-special:hover {
    background-color: #fff;
    border: 3px solid #fff;
    color: #000
}

.carousel-caption {
    top: 40% !important
}

hr {
    border-top: 1px solid #fff
}

.nav-link {
    color: #fff;
    text-transform: uppercase
}

.nav-link:hover {
    color: #fff
}

.box1 {
    background-color: #0240e9;
    color: #fff;
    padding: 20px
}

.box1 ul {
    min-height: 120px
}

.box2 {
    background-color: #007cff;
    color: #fff;
    padding: 20px
}

.box2 h2 {
    color: #fff
}

.box2 ul {
    min-height: 120px
}

.box3 {
    padding: 20px;
    background-color: #00aeff;
    color: #fff
}

.box3 ul {
    min-height: 120px
}

.testimonial-section {
    position: absolute !important;
    top: 20% !important
}

.crnrmission {
    margin-left: -11%
}

.crnrmission p {
    font-size: 1rem
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: #fff !important
}

#sideNav {
    width: 100%
}

.box-shadow{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

@media (max-width: 768px) {
    .navelement {
        width: 100%
    }

    .js-mega-menu {
        font-size: 12px !important
    }

    #sideNav {
        overflow-x: hidden !important;
        background-color: #fff;
        display: block !important;
        position: relative !important;
        width: 100% !important;
        max-height: 400px
    }

    .crnrmission {
        margin-left: 0
    }

    .testimonial-section {
        position: absolute !important;
        top: 20% !important
    }

    .nav {
        display: none
    }

    .carousel-caption h1 {
        font-size: 28px;
        font-weight: 700;
        letter-spacing: 0
    }

    .carousel-caption h4 {
        font-size: 14px;
        font-weight: 700
    }
}