@charset "utf-8";


:root {   
    --bs-text-black:#161616;  
    --bs-light-green-yellow: #C0D884;
    --bs-light-green: #5FB89A;
    --bs-dark-green: #006C53;
    --bs-light-blue:#7FC9D4;
    --bs-dark-blue: #009098;

    --bs-light-whale: #C9E5FA;
    --bs-dark-whale: #4C73B4;
    --bs-text-whale: #043465;
    --bs-light-truck: #FFDAB3;
    --bs-dark-truck: #F28715;
    --bs-text-truck: #A03C00;
    --bs-light-train: #FFDDD7;
    --bs-dark-train: #EB5C3E;
    --bs-text-train: #890E00;
    --bs-light-plane: #EFFDFF;
    --bs-dark-plane: #80C8D4;
    --bs-text-plane: #019297;
    --bs-light-city: #FFFFFF;
    --bs-dark-city: #F3FFD9;
    --bs-text-city: #4C7D3C;
    --bs-light-animals: #FFFFFF;
    --bs-dark-animals: #A8D5B8;
    --bs-text-animals: #097158;
    --bs-light-lion: #FFEBB6;
    --bs-dark-lion: #FFBF20;
    --bs-text-lion: #753D1A;
    --bs-light-giraffe: #FFFBD5;
    --bs-dark-giraffe: #FFEF54;
    --bs-text-giraffe: #F8A602;
    --bs-light-dino: #C4F0DF;
    --bs-dark-dino: #11C07D;
    --bs-text-dino: #006A44;
    --bs-light-elephant: #F1F1F1;
    --bs-dark-elephant: #B1B0AC;
    --bs-text-elephant: #5F574A;
    }


.oswald-thin {
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
}

.oswald-light {
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

.oswald-regular {
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.oswald-bold {
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

.oswald-black {
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

html, body {
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}


.vertical_align_content {
    display:flex;
    justify-content: center;
    align-items: center;
}

.button_rounded {
    color: #fff;
    text-decoration:none;
    margin:10px 0;
    padding: 2px 50px 6px 50px;
    border-radius:20px;
    font-size: 1.5rem;
}

.button_rounded:hover, .button_rounded:focus {
    opacity:0.70;
    color: var(--bs-text-black);
    text-decoration:none;
}



.button_rounded_send {
    color: #fff;
    background-color: var(--bs-dark-blue);
    text-decoration:none;
    margin:10px 0;
    padding: 2px 100px;
    border-radius:20px;
    font-size: 1.5rem;
}

.button_rounded_send:hover,  .button_rounded_send:focus {
    background-color: var(--bs-light-blue);
    border-color: var(--bs-dark-blue);
    color: var(--bs-text-black);
    text-decoration:none;
}

.button_rounded_blue {
    color: #fff;
    background-color: var(--bs-dark-blue);
    text-decoration:none;
    margin:10px 0;
    padding: 2px 50px 6px 50px;
    border-radius:25px;
    font-size: 1.5rem;
}

.button_rounded_blue:hover,  .button_rounded_blue:focus {
    background-color: var(--bs-light-blue);
    border-color: var(--bs-dark-blue);
    color: var(--bs-dark-blue);
    text-decoration:none;
}


.button_rounded_green {
    color: #fff;
    background-color: var(--bs-dark-green);
    text-decoration:none;
    margin:10px 0;
    padding: 2px 50px 6px 50px;
    border-radius:25px;
    font-size: 1.5rem;
}

.button_rounded_green:hover,  .button_rounded_green:focus {
    background-color: var(--bs-light-green);
    border-color: var(--bs-dark-green);
    color: var(--bs-dark-green);
    text-decoration:none;
}

/**** OVERRIDE ****/
h1, .h1 {
  /*font-size: calc(1.375rem + 1.5vw);*/
  font-size: calc(1.575rem + 1.5vw);
  margin-bottom: 1.5rem;
}
@media (min-width: 1200px) {
  h1, .h1 {
    /*font-size: 2.5rem;*/
    font-size: 3.4rem;
    font-weight: 900;
    margin-bottom: 1.5rem;
  }
}

/**** OVERRIDE ****/
h2, .h2 {
  /*font-size: calc(1.325rem + 0.9vw);*/
  font-size: calc(1.38rem + 0.9vw);
  margin-bottom: 1.5rem;
}
@media (min-width: 1200px) {
  h2, .h2 {
    /*font-size: 2rem;*/
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
  }
}

hr.greenline {
    border: 5px solid var(--bs-light-green);
    margin: 4rem auto 4rem auto;
    border-radius: 15px;
    width:75%;
    opacity: 1;
}



.navbar-toggler {
    border-radius: 8px;
    border-color: var(--bs-navbar-color);
    margin:10px;
}

/**** OVERRIDE ****/
.navbar-toggler:focus {
    box-shadow: none;
}

/**** FORMS ****/
.from-group {
    position:absolute;width:0;height:0;margin:0;padding:0;display:none;border:none;font-size:0;visibility:hidden;line-height:0;
}

/**** OVERRIDE ****/
.form-control {
    border-radius: 1.0rem;
}
.form-control.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
}


.form-area {
    padding-top:2rem;
    max-width: 400px;
}


/************************************/
/* Animation                        */
/************************************/

.animate__animated.animate__fadeIn {
    --animate-duration: 3s;
}


.offset-custom {
    /*padding-left: 50px;
    margin-left: calc((100% - 540px) / 2);
    */
    max-width: calc(540px);
}
@media (min-width: 768px) {
    .offset-custom {
        margin-left: calc((100% - 720px) / 2);
        max-width: calc(720px / 12 * 6);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
}

@media (min-width: 992px) {
    .offset-custom {
        margin-left: calc((100% - 960px) / 2);
        max-width: calc(960px / 12 * 6);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
}
@media (min-width: 1200px) {
    .offset-custom {
        margin-left: calc((100% - 1140px) / 2);
        max-width: calc(1140px / 12 * 6);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
}
@media (min-width: 1400px) {
    .offset-custom {
        margin-left: calc((100% - 1320px) / 2);
        max-width: calc(1320px / 12 * 6);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
}


.hero video {
    height: 100vh;
    width:100%;
    background-position:absolute;
    z-index:10;
    object-fit:cover;
}

.hero .hero-content {
    position:absolute;
    top:80px;
    left:0;
    color:#fff;
    z-index:20;

    background: rgba(0,0,0,0.5);
    width:100%;
    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;
}

.navbar {
    height:80px;
}

@media (max-width: 991px) {
    .navbar-collapse {
        flex-basis: 100%;
        padding-left: 20px;
        margin-top: 12px;
        flex-grow: 1;
        align-items: center;
        background-color: var(--bs-light-green);
        z-index:25;
    }
}

.white-link {
    color:#fff;
    text-decoration: none;
}
.white-link:hover {
    color:#ccc;
    text-decoration: none;
}

.black-link {
    color:var(--bs-text-black);
    text-decoration: none;
}
.black-link:hover {
    color:#666;
    text-decoration: none;
}

.green-link {
    color:var(--bs-dark-green);
    text-decoration: none;
}
.green-link:hover {
    color:var(--bs-light-green);
    text-decoration: none;
}



/*********************************************************************
FOOTER
**********************************************************************/

footer {
    background: var(--bs-light-green);
    color: #fff;
}

footer a {
    color:#ccc;
    text-decoration: none;
}

footer a:hover {
    color: #fff;
    text-decoration: none;
}