.full-height {
            height: 100vh;
        }

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

        .position-ref {
            position: relative;
        }

        .top-right {
            position: absolute;
            right: 0px;
            top: 18px;
        }

        .content {
            text-align: center;
            flex: 1 0 auto;
        }

        .ont-foot {
            position:absolute;
            bottom: 0;
            width:100%;
            height: 10vh;
            background:#424949;
        }

        .ont-foot-content {
            margin-left: 10vw;
            margin-right: 10vw;
            margin-bottom: 0vw;
        }


        .button {
            border: none;
            border-radius: 12px;
            background-color: inherit;
            font-size: 16px;
            font-weight: 400;
            color: white;
            padding: 15px;
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
            cursor: pointer;
        }

        .button:hover {
            background-color: gray;
            color: white;
        }

        .button-primary {
            background-color: #3498db;
        }

        .button-primary-sm {
            border: none;
            border-radius: 2px;
            background-color: #32a4be;
            text-align: center;
            font-size: 12px;
            color: white;
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
            cursor: pointer;
            margin-right: 1px;
            margin-left: 1px;
            margin-bottom: 1px;
        }
        
        .button-primary-sm:hover {
            background-color: gray;
            color: white;
        }

        .button-warning {
            background-color: gold;
        }

        .font-italic {
            font-style: italic;
        }

        .font-w100 {
            font-size: 2em;
            font-weight: 150;
            font-style: bold;
            letter-spacing: 1px;
        }

        .font-w200 {
            font-size: 2.5em;
            font-weight: 200;
            font-style: bold;
            letter-spacing: 1px;
        }

        .font-w400 {
            font-size: 35px;
            font-weight: 400;
        }

        .font-w700 {
            font-size: 50px;
            font-weight: 700;
        }

        .text-white {
            color: white;
        }

        .text-black {
            color: black;
        }

        .text-red {
            color: red;
        }

        .text-white-op {
            color: #d0d3d4;
        }

        .text-primary {
            color: #3498db;
        }

        .m-30 {
            margin: 30px;
        }

        .mb-10 {
            margin-bottom: .10em;
        }

        .mt-5 {
            margin-top: .01em;
        }

        .mt-10 {
            margin-top: .10em;
        }

        .mt-30 {
            margin-top: .30em;
        }

        .links > a {
            color: white;
            padding: 0 25px;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: .1rem;
            text-decoration: none;
        }

        .m-b-md {
            margin-bottom: 30px;
        }

        .title {
            font-size: 84px;
        }

        .fadeInDown {
            animation-name: fadeInDown;
            animation-duration: .5s;
        }

        .fadeInUp {
            animation-name: fadeInUp;
            animation-duration: .5s;
        }

        .rollIn {
            animation-name: rollIn;
            animation-duration: 1s;
        }

        .bg-gd-sea {
            background:#32a4be;
            background:linear-gradient(135deg,#2095f3,#26c6da);
        }

        .bg-charcoal {
            background:#424949;
        }

        .ont-nav4 {
            background-color: black;
            background-position: center;
            background-repeat: no-repeat;
            color: #636b6f;
            font-family: 'Nunito', sans-serif;
            font-weight: 50;
            height: 15vh;
            margin: 0;
        }

        .ont-nav {
            background-image: url("/images/banner_bg.png");
            background-repeat: no-repeat;
            background-size: 65%;
            background-position: center;
            height: 15vh;
            width: 100%;
            margin: 0;
        }

        .ont-nav2 {
            font-family: 'Nunito', sans-serif;
            font-weight: 50;
            font-size: .5rem;
            margin-top: 0px;
            margin-left: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            padding: 0px;
            width: 100%;
            height: 5vh;
            background: white;
            text-align: right;
        }

        .ont-nav-brand {
            background-repeat: no-repeat;
            background-size: contain;
            background-position: top;
            width: auto;
            height: 5vh;
        }

        .ont-nav3 {
            background-image: url("/images/banner_bg.png");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            color: #636b6f;
            font-family: 'Nunito', sans-serif;
            font-weight: 200;
            width: 100%;
            height: 15vh;
            margin: 0;
        }

        .bg-white {
            background:#000;
        }

        .image-10-pct {
            height: 10%;
            width: 10%;
        }

        .image-15-pct {
            height: 15%;
            width: 15%;
        }

        .image-25-pct {
            height: auto;
            width: 5vw;
        }

        .image-30-pct {
            height: 30%;
            width: 30%;
        }

        .fa-circle-green {
            background: green;
        }

        .fa-circle-red {
            background: red;
        }

        .fa-danger {
            background: red;
        }

        .ont-carousel-control-prev {
            color: black;
        }
        .ont-carousel-control-prev:hover {
            color: black;
        }
        .ont-carousel-control-next {
            color: black;
        }
        .ont-carousel-control-next:hover {
            color: black;
        }
        .carousel-indicators {
            background-color: white;
        }
        .carousel-indicators:active {
            background-color: black;
            color: black;
        }

  .ont-hidden {
    display: none;
  }

  .ont-border-rainbow-black {
    border-color:black;
  }
  .ont-border-rainbow-violet {
    border-color:violet;
  }
  .ont-border-rainbow-indigo {
    border-color:indigo;
  }
  .ont-border-rainbow-blue {
    border-color:blue;
  }
  .ont-border-rainbow-green {
    border-color:green;
  }
  .ont-border-rainbow-yellow {
    border-color:yellow;
  }
  .ont-border-rainbow-orange {
    border-color:orange;
  }
  .ont-border-rainbow-red {
    border-color:red;
  }

  .ont-background-rainbow-black {
    background-color:black;
    border-color:none;
  }
  .ont-background-rainbow-violet {
    background-color:violet;
    border-color:none;
  }
  .ont-background-rainbow-indigo {
    background-color:indigo;
    border-color:none;
  }
  .ont-background-rainbow-blue {
    background-color:blue;
    border-color:none;
  }
  .ont-background-rainbow-green {
    background-color:green;
    border-color:none;
  }
  .ont-background-rainbow-yellow {
    background-color:yellow;
    border-color:none;
  }
  .ont-background-rainbow-orange {
    background-color:orange;
    border-color:none;
  }
  .ont-background-rainbow-red {
    background-color:red;
    border-color:none;
  }

  .ont-maxwidth {
    min-width:220px;
    max-width:220px;
  }

  .ont-maxwidth > option {
    min-width:220px;
    max-width:220px;
    background: #000;
    color: #fff;
  }

  .ont-maxwidth > option:hover {
    background:red;
  }