﻿
/*------------------------------------------ 
COLOR SCHEME
--------------------------------------------
VE Green: #1D4822
VE Gold: #CCAF1F
VE Blue: #1E2135

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
   font-family: "Open Sans", sans-serif;
   color: #444;
}

a {
   color: #3C673C;
}

   a:hover {
      color: #3C673C;
      text-decoration: none;
   }

h1, h2, h3, h4, h5, h6, .font-primary {
   font-family: "Raleway", sans-serif;
}


.number_text {
   font-family: "Open Sans", sans-serif !important;
   font-weight: normal !important;
   color: #444;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
   position: fixed;
   display: none;
   width: 40px;
   height: 40px;
   border-radius: 3px;
   right: 15px;
   bottom: 15px;
   background: #ECC01A;
   color: #fff;
   transition: display 0.5s ease-in-out;
   z-index: 99999;
}

   .back-to-top i {
      font-size: 24px;
      position: absolute;
      top: 8px;
      left: 8px;
   }

   .back-to-top:hover {
      color: #fff;
      background: #ECC01A;
      transition: background 0.2s ease-in-out;
   }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
   height: 70px;
   transition: all 0.5s;
   transition: all 0.5s;
   padding: 10px 0;
   background: #fff;
   z-index: 997;
}

   #header.header-scrolled {
      box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
   }

   #header .logo h1 {
      font-size: 28px;
      margin: 0;
      padding: 10px 0;
      line-height: 1;
      font-weight: 400;
      letter-spacing: 3px;
      text-transform: uppercase;
   }

      #header .logo h1 a, #header .logo h1 a:hover {
         color: #1c5c93;
         text-decoration: none;
      }

   #header .logo img {
      padding: 0;
      margin: 0;
      max-height: 55px;
   }

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu * {
   margin: 0;
   padding: 0;
   list-style: none;
}

   .nav-menu > ul > li {
      position: relative;
      white-space: nowrap;
      float: left;
   }

   .nav-menu a {
      display: block;
      position: relative;
      color: #333;
      padding: 12px 15px;
      transition: 0.3s;
      font-size: 14px;
      font-family: "Open Sans", sans-serif;
   }

      .nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
         color: #3C673C;
         text-decoration: none;
      }

   .nav-menu .drop-down ul {
      display: block;
      position: absolute;
      left: 0;
      top: 100%;
      z-index: 99;
      opacity: 0;
      visibility: hidden;
      padding: 10px 0;
      background: #fff;
      box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
      transition: ease all 0.3s;
   }

   .nav-menu .drop-down:hover > ul {
      opacity: 1;
      top: 100%;
      visibility: visible;
   }

   .nav-menu .drop-down li {
      min-width: 180px;
      position: relative;
   }

   .nav-menu .drop-down ul a {
      padding: 10px 20px;
      font-size: 14px;
      font-weight: 500;
      text-transform: none;
      color: #103453;
   }

      .nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
         color: #3C673C;
      }

   .nav-menu .drop-down > a:after {
      content: "\ea99";
      font-family: IcoFont;
      padding-left: 5px;
   }

   .nav-menu .drop-down .drop-down ul {
      top: 0;
      left: 100%;
   }

   .nav-menu .drop-down .drop-down:hover > ul {
      opacity: 1;
      top: 0;
   }

   .nav-menu .drop-down .drop-down > a {
      padding-right: 35px;
   }

      .nav-menu .drop-down .drop-down > a:after {
         content: "\eaa0";
         font-family: IcoFont;
         position: absolute;
         right: 15px;
      }

@media (max-width: 1366px) {
   .nav-menu .drop-down .drop-down ul {
      left: -90%;
   }

   .nav-menu .drop-down .drop-down:hover > ul {
      left: -100%;
   }

   .nav-menu .drop-down .drop-down > a:after {
      content: "\ea9d";
   }
}

/* Mobile Navigation */
.mobile-nav {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: 9999;
   overflow-y: auto;
   left: -260px;
   width: 260px;
   padding-top: 18px;
   background: #1e2235;
   transition: 0.4s;
}

   .mobile-nav * {
      margin: 0;
      padding: 0;
      list-style: none;
   }

   .mobile-nav a {
      display: block;
      position: relative;
      color: #e3f0fc;
      padding: 10px 20px;
      font-weight: 500;
   }

      .mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
         color: #ccaf1f;
         text-decoration: none;
      }

   .mobile-nav .drop-down > a:after {
      content: "\ea99";
      font-family: IcoFont;
      padding-left: 10px;
      position: absolute;
      right: 15px;
   }

   .mobile-nav .active.drop-down > a:after {
      content: "\eaa0";
   }

   .mobile-nav .drop-down > a {
      padding-right: 35px;
   }

   .mobile-nav .drop-down ul {
      display: none;
      overflow: hidden;
   }

   .mobile-nav .drop-down li {
      padding-left: 20px;
   }

.mobile-nav-toggle {
   position: fixed;
   right: 15px;
   top: 20px;
   z-index: 9998;
   border: 0;
   background: none;
   font-size: 24px;
   transition: all 0.4s;
   outline: none !important;
   line-height: 1;
   cursor: pointer;
   text-align: right;
}

   .mobile-nav-toggle i {
      color: #436E42;
   }

.mobile-nav-overly {
   width: 100%;
   height: 100%;
   z-index: 9997;
   top: 0;
   left: 0;
   position: fixed;
   background: rgba(31, 53, 72, 0.7);
   overflow: hidden;
   display: none;
}

.mobile-nav-active {
   overflow: hidden;
}

   .mobile-nav-active .mobile-nav {
      left: 0;
   }

   .mobile-nav-active .mobile-nav-toggle i {
      color: #fff;
   }


/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/

.btn-search {
   color: #fff;
   background-color: #CCAF1F;
   border-color: #CCAF1F;
}

   .btn-search:hover {
      color: #fff;
   }

.btn-action {
   color: #fff;
   background-color: #1D4822;
   border-color: #1D4822;
}

   .btn-action:hover {
      color: #fff;
   }

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
   width: 100%;
   height: calc(100vh - 114px);
   padding: 0;
   overflow: hidden;
}

   #hero .carousel-item {
      width: 100%;
      height: calc(100vh - 114px);
      background-size: cover;
      background-position: top right;
      background-repeat: no-repeat;
      overflow: hidden;
   }

      #hero .carousel-item::before {
         content: '';
         background-color: rgba(13, 30, 45, 0.6);
         position: absolute;
         height: 100%;
         width: 100%;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
      }

   #hero .carousel-container {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      overflow: hidden;
   }

   #hero .carousel-content {
      text-align: left;
   }

@media (max-width: 992px) {
   #hero, #hero .carousel-item {
      height: calc(100vh - 70px);
   }

      #hero .carousel-content.container {
         padding: 0 50px;
      }
}

#hero h2 {
   color: #fff;
   margin-bottom: 30px;
   font-size: 48px;
   font-weight: 900;
}

#hero h4 {
   color: #fff;
}

#hero p {
   width: 80%;
   -webkit-animation-delay: 0.4s;
   animation-delay: 0.4s;
   color: #fff;
}

#hero .carousel-inner .carousel-item {
   transition-property: opacity;
   background-position: center top;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {
   opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-left,
#hero .carousel-inner .carousel-item-prev.carousel-item-right {
   opacity: 1;
   transition: 0.5s;
}

   #hero .carousel-inner .carousel-item-next,
   #hero .carousel-inner .carousel-item-prev,
   #hero .carousel-inner .active.carousel-item-left,
   #hero .carousel-inner .active.carousel-item-right {
      left: 0;
      transform: translate3d(0, 0, 0);
   }

#hero .carousel-control-prev, #hero .carousel-control-next {
   width: 10%;
}

#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
   background: none;
   font-size: 48px;
   line-height: 1;
   width: auto;
   height: auto;
}

#hero .carousel-indicators li {
   cursor: pointer;
}

#hero .btn-get-started {
   font-family: "Raleway", sans-serif;
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 1px;
   display: inline-block;
   padding: 12px 32px;
   border-radius: 5px;
   transition: 0.5s;
   line-height: 1;
   margin: 10px 0 10px 0;
   color: #fff;
   -webkit-animation-delay: 0.8s;
   animation-delay: 0.8s;
   border: 0;
   background: #467143;
}

   #hero .btn-get-started:hover {
      background: #467143;
   }

@media (max-width: 768px) {
   #hero h2 {
      font-size: 28px;
   }
}

@media (min-width: 1024px) {
   #hero p {
      width: 60%;
   }

   #hero .carousel-control-prev, #hero .carousel-control-next {
      width: 5%;
   }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
   padding: 60px 0;
}

.section-bg {
   background-color: #f5f9fc;
}

.section-title {
   text-align: center;
   padding-bottom: 30px;
}

   .section-title h2 {
      font-size: 32px;
      font-weight: 600;
      margin-bottom: 20px;
      padding-bottom: 0;
   }

   .section-title p {
      margin-bottom: 0;
   }

/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about {
   padding-bottom: 30px;
}

   .about .container {
      box-shadow: 0 5px 25px 0 rgba(214, 215, 216, 0.6);
   }

   .about .video-box img {
      padding: 15px 0;
   }

   .about .section-title p {
      text-align: left;
      font-style: italic;
      color: #666;
   }

   .about .about-content {
      padding: 40px;
   }

   .about .icon-box + .icon-box {
      margin-top: 40px 40px 40px 0;
   }

   .about .icon-box .icon {
      float: left;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 72px;
      height: 72px;
      background: #f1f7fb;
      border-radius: 6px;
      transition: 0.5s;
   }

      .about .icon-box .icon i {
         color: #CCAF1F;
         font-size: 32px;
      }

   .about .icon-box:hover .icon {
      background: #CCAF1F;
   }

      .about .icon-box:hover .icon i {
         color: #fff;
      }

   .about .icon-box .title {
      /* margin-left: 95px; */
      font-weight: 700;
      margin-bottom: 10px;
      font-size: 18px;
      text-transform: uppercase;
   }

      .about .icon-box .title a {
         color: #343a40;
         transition: 0.3s;
      }

         .about .icon-box .title a:hover {
            color: #428bca;
         }

   .about .icon-box .description {
      /* margin-left: 95px; */
      line-height: 24px;
      font-size: 14px;
   }

   .about .video-box {
      position: relative;
   }

   .about .play-btn {
      width: 94px;
      height: 94px;
      background: radial-gradient(#428bca 50%, rgba(66, 139, 202, 0.4) 52%);
      border-radius: 50%;
      display: block;
      position: absolute;
      left: calc(50% - 47px);
      top: calc(50% - 47px);
      overflow: hidden;
   }

      .about .play-btn::after {
         content: '';
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translateX(-40%) translateY(-50%);
         width: 0;
         height: 0;
         border-top: 10px solid transparent;
         border-bottom: 10px solid transparent;
         border-left: 15px solid #fff;
         z-index: 100;
         transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }

      .about .play-btn::before {
         content: '';
         position: absolute;
         width: 120px;
         height: 120px;
         -webkit-animation-delay: 0s;
         animation-delay: 0s;
         -webkit-animation: pulsate-btn 2s;
         animation: pulsate-btn 2s;
         -webkit-animation-direction: forwards;
         animation-direction: forwards;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: steps;
         animation-timing-function: steps;
         opacity: 1;
         border-radius: 50%;
         border: 5px solid rgba(66, 139, 202, 0.7);
         top: -15%;
         left: -15%;
         background: rgba(198, 16, 0, 0);
      }

      .about .play-btn:hover::after {
         border-left: 15px solid #428bca;
         transform: scale(20);
      }

      .about .play-btn:hover::before {
         content: '';
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translateX(-40%) translateY(-50%);
         width: 0;
         height: 0;
         border: none;
         border-top: 10px solid transparent;
         border-bottom: 10px solid transparent;
         border-left: 15px solid #fff;
         z-index: 200;
         -webkit-animation: none;
         animation: none;
         border-radius: 0;
      }

@-webkit-keyframes pulsate-btn {
   0% {
      transform: scale(0.6, 0.6);
      opacity: 1;
   }

   100% {
      transform: scale(1, 1);
      opacity: 0;
   }
}

@keyframes pulsate-btn {
   0% {
      transform: scale(0.6, 0.6);
      opacity: 1;
   }

   100% {
      transform: scale(1, 1);
      opacity: 0;
   }
}

/*-------------------------------------------------------------
#Career Link
--------------------------------------------------------------*/
#location {
   text-align: center;
}

   #location h2 {
      color: #fff;
      margin-bottom: 30px;
      font-size: 48px;
      font-weight: 900;
   }

   #location h5 {
      -webkit-animation-delay: 0.4s;
      animation-delay: 0.4s;
      color: #fff;
   }

   #location .btn-get-started {
      font-family: "Raleway", sans-serif;
      font-weight: 500;
      font-size: 14px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 12px 32px;
      border-radius: 5px;
      transition: 0.5s;
      line-height: 1;
      margin: 10px 0 10px 0;
      color: #fff;
      -webkit-animation-delay: 0.8s;
      animation-delay: 0.8s;
      border: 0;
      background: #CCAF1F;
   }

      #location .btn-get-started:hover {
         background: #CCAF1F;
      }


/*--------------------------------------------------------------
# About Lists
--------------------------------------------------------------*/
.about-lists {
   padding: 40px;
}

   .about-lists .row {
      overflow: hidden;
   }

   .about-lists .content-item {
      padding: 40px;
      border-left: 1px solid #d9e8f4;
      border-bottom: 1px solid #d9e8f4;
      margin: -1px;
   }

      .about-lists .content-item span {
         display: block;
         font-size: 24px;
         font-weight: 400;
         color: #292e33;
      }

      .about-lists .content-item h4 {
         font-size: 28px;
         font-weight: 400;
         padding: 0;
         margin: 20px 0;
      }

      .about-lists .content-item p {
         color: #aaaaaa;
         font-size: 15px;
         margin: 0;
         padding: 0;
      }

@media (max-width: 768px) {
   .about-lists .content-item {
      padding: 40px 0;
   }
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
   padding-bottom: 30px;
}

   .counts .count-box {
      box-shadow: 0px 0 16px rgba(0, 0, 0, 0.1);
      padding: 30px;
      background: #fff;
      margin-bottom: 30px;
      min-height: 250px;
   }

      .counts .count-box i {
         font-size: 28px;
         color: #467144;
         border-radius: 50%;
         margin-bottom: 11px;
         padding: 8px;
         border: 2px dotted #467144;
      }

      .counts .count-box span {
         font-size: 42px;
         display: block;
         font-weight: 700;
         color: #1E2135;
      }

      .counts .count-box p {
         padding: 0;
         margin: 0;
         font-family: "Raleway", sans-serif;
         font-size: 14px;
      }


/*--------------------------------------------------------------
# Jobs
--------------------------------------------------------------*/
.jobs {
   padding-bottom: 30px;
}

   .jobs .job-box {
      margin-bottom: 30px;
   }

      .jobs .job-box h5 {
         display: block;
         color: #444;
      }

      .jobs .job-box .job-header {
         border: 0;
         background: #fff;
         padding-bottom: 0;
      }

      .jobs .job-box .job-body {
         padding-top: 0px;
         font-size: 14px;
      }

/*--------------------------------------------------------------
# Contact Us
--------------------------------------------------------------*/
.contact .info-box {
   color: #444;
   text-align: center;
   box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
   padding: 20px 0 30px 0;
   margin-bottom: 30px;
   width: 100%;
}

   .contact .info-box i {
      font-size: 32px;
      color: #3F6A3E;
      border-radius: 50%;
      padding: 8px;
      border: 2px dotted #3F6A3E;
   }

   .contact .info-box h3 {
      font-size: 20px;
      color: #666;
      font-weight: 700;
      margin: 10px 0;
   }

   .contact .info-box p {
      padding: 0;
      line-height: 24px;
      font-size: 14px;
      margin-bottom: 0;
   }

.contact .contact-form {
   box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
   padding: 30px;
}

   .contact .contact-form .validate {
      display: none;
      color: red;
      margin: 0 0 15px 0;
      font-weight: 400;
      font-size: 13px;
   }

   .contact .contact-form .error-message {
      display: none;
      color: #fff;
      background: #ed3c0d;
      text-align: center;
      padding: 15px;
      font-weight: 600;
   }

   .contact .contact-form .sent-message {
      display: none;
      color: #fff;
      background: #467144;
      text-align: center;
      padding: 15px;
      font-weight: 600;
   }

.contact ..contact-form .loading {
   display: none;
   background: #fff;
   text-align: center;
   padding: 15px;
}

.contact .contact-form .loading:before {
   content: "";
   display: inline-block;
   border-radius: 50%;
   width: 24px;
   height: 24px;
   margin: 0 10px -6px 0;
   border: 3px solid #467144;
   border-top-color: #eee;
   -webkit-animation: animate-loading 1s linear infinite;
   animation: animate-loading 1s linear infinite;
}

.contact .contact-form input, .contact .php-email-form textarea {
   border-radius: 0;
   box-shadow: none;
   font-size: 14px;
}

   .contact .contact-form input::focus, .contact .contact-form textarea::focus {
      background-color: #467144;
   }

.contact .contact-form input {
   padding: 20px 15px;
}

.contact .contact-form textarea {
   padding: 12px 15px;
}

.contact .contact-form button[type="submit"] {
   background: #467144;
   font-family: "Raleway", sans-serif;
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 1px;
   display: inline-block;
   padding: 12px 32px;
   border-radius: 5px;
   transition: 0.5s;
   line-height: 1;
   margin: 10px 0 10px 0;
   color: #fff;
   -webkit-animation-delay: 0.8s;
   animation-delay: 0.8s;
   border: 0;
}

   .contact .contact-form button[type="submit"]:hover {
      background: #467144;
   }

.results {
   padding-bottom: 20px;
}

.no-results {
   height: 463px;
}

@-webkit-keyframes animate-loading {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}

@keyframes animate-loading {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}


#footer {
   background: #1E2135;
   padding: 0 0 30px 0;
   color: #fff;
   font-size: 14px;
}

   #footer .footer-top {
      background: #1E2135;
      border-top: 1px solid #1E2135;
      border-bottom: 1px solid #1E2135;
      padding: 60px 0 30px 0;
   }

      #footer .footer-top .footer-info {
         margin-bottom: 20px;
      }

         #footer .footer-top .footer-info h3 {
            font-size: 32px;
            margin: 0 0 20px 0;
            padding: 2px 0 2px 0;
            line-height: 1;
            font-weight: 700;
         }

         #footer .footer-top .footer-info p {
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 0;
            font-family: "Raleway", sans-serif;
            color: #fff;
         }

      #footer .footer-top .social-links a {
         font-size: 18px;
         display: inline-block;
         background: #ccaf1f;
         color: #fff;
         line-height: 1;
         padding: 8px 0;
         margin-right: 4px;
         border-radius: 50%;
         text-align: center;
         width: 36px;
         height: 36px;
         transition: 0.3s;
      }

         #footer .footer-top .social-links a:hover {
            background: #ccaf1f;
            color: #fff;
            text-decoration: none;
         }

      #footer .footer-top h4 {
         font-size: 18px;
         font-weight: 600;
         color: #fff;
         position: relative;
         padding-bottom: 12px;
      }

      #footer .footer-top .footer-links {
         margin-bottom: 30px;
      }

         #footer .footer-top .footer-links ul {
            list-style: none;
            padding: 0;
            margin: 0;
         }

            #footer .footer-top .footer-links ul i {
               padding-right: 2px;
               color: #ccaf1f;
               font-size: 18px;
               line-height: 1;
            }

            #footer .footer-top .footer-links ul li {
               padding: 10px 0;
               display: flex;
               align-items: center;
            }

               #footer .footer-top .footer-links ul li:first-child {
                  padding-top: 0;
               }

            #footer .footer-top .footer-links ul a {
               color: #fff;
               transition: 0.3s;
               display: inline-block;
               line-height: 1;
               font-size: 16px;
            }

               #footer .footer-top .footer-links ul a:hover {
                  color: #d1b736;
               }

      #footer .footer-top .footer-search form {
         margin-top: 30px;
         position: relative;
         border-radius: 4;
         max-width: 300px
      }

         #footer .footer-top .footer-search form input[type="email"] {
            border: 0;
            padding: 4px;
            width: calc(100% - 110px);
         }

   #footer .copyright {
      text-align: center;
      padding-top: 30px;
   }

/* Utility Classes
---------------------------------------------------*/

/*.w-100 {
   width: 100%;
}

.d-none {
   display: none !important;
}*/

/* BS3 - Hidden Classes
---------------------------------------------------*/

/* Breakpoint XS */
@media (max-width: 575px) {
   .hidden-xs-down,
   .hidden-sm-down,
   .hidden-md-down,
   .hidden-lg-down,
   .hidden-xl-down,
   .hidden-xs-up,
   .hidden-unless-sm,
   .hidden-unless-md,
   .hidden-unless-lg,
   .hidden-unless-xl {
      display: none !important;
   }
}
/* Breakpoint SM */
@media (min-width: 576px) and (max-width: 767px) {
   .hidden-sm-down,
   .hidden-md-down,
   .hidden-lg-down,
   .hidden-xl-down,
   .hidden-xs-up,
   .hidden-sm-up,
   .hidden-unless-xs,
   .hidden-unless-md,
   .hidden-unless-lg,
   .hidden-unless-xl {
      display: none !important;
   }
}
/* Breakpoint MD */
@media (min-width: 768px) and (max-width: 991px) {
   .hidden-md-down,
   .hidden-lg-down,
   .hidden-xl-down,
   .hidden-xs-up,
   .hidden-sm-up,
   .hidden-md-up,
   .hidden-md,
   .hidden-unless-xs,
   .hidden-unless-sm,
   .hidden-unless-lg,
   .hidden-unless-xl {
      display: none !important;
   }
}
/* Breakpoint LG */
@media (min-width: 992px) and (max-width: 1199px) {
   .hidden-lg-down,
   .hidden-xl-down,
   .hidden-xs-up,
   .hidden-sm-up,
   .hidden-md-up,
   .hidden-lg-up,
   .hidden-lg,
   .hidden-unless-xs,
   .hidden-unless-sm,
   .hidden-unless-md,
   .hidden-unless-xl {
      display: none !important;
   }
}
/* Breakpoint XL */
@media (min-width: 1200px) {
   .hidden-xl-down,
   .hidden-xs-up,
   .hidden-sm-up,
   .hidden-md-up,
   .hidden-lg-up,
   .hidden-xl-up,
   .hidden-unless-xs,
   .hidden-unless-sm,
   .hidden-unless-md,
   .hidden-unless-lg {
      display: none !important;
   }
}

.alert {
   margin-bottom: 0 !important;
}


#map {
   height: 100%;
}
