body{
    min-width: 100%;
    min-height: 100%;
    margin: unset;
    padding: unset;
}
body{
    margin-top: 70px; 
    font-family: Open Sans;
}
.dtp-buttons .btn {
    border: 0;
    padding: 0;
    border-style: none;
    cursor: pointer;
    padding: 5px 20px;
    font-size: 12px;
    color: rgba(0,0,0,.87);
}

.section-right-info {
    border-bottom: 4px solid #0068ab;
    padding: 10px;
}

.turbo-banner{
    margin-bottom: 25px; 
    background-color: #ffffff; 
    padding-left: 25px; 
    padding-right: 25px;
}

.buffered{
    padding-top: 81px;
    padding-bottom: 81px;
}

/* Banner Styling */
banners{
    overflow: hidden;
    position:relative;
    height: 270px;
    display:block;
    margin-left: 10px;
    margin-right: 10px;
}
banner {
    min-width: 100%;
    /*height: 370px;*/
    text-align: center;
    /*line-height: 370px;*/
    display: none;
    position: absolute;
    background-color: #f3f3f3;
}

.banner img{
    display: block;
}

.banner h1{
    font-weight: 500;
}

.navbar-nav *{
    white-space: nowrap;
}

@media screen and (max-width: 991px){
    .banner h1{
        font-size: 12pt;
        text-align: center;
        width: 100%;
        text-decoration: underline;
        font-weight: bold;
    }
    .banner li{
        font-size:2vw;
    }
    .navbar-nav {
        display: unset;
    }
}

@media screen and (max-width: 698px){
    /*.banner h1{
        font-size:6vw;
    }*/
    .banner li{
        font-size:3vw;
    }
}

/* Banner animations */
.out{
    animation: banner-out 2s ease forwards;
  }
  
  .in{
    animation: banner-in 2s ease forwards;
  }

@keyframes banner-out {
    0% {
        left: 0;
    }
    100% {
        left: -100vw;
    }
}

@keyframes banner-in {
    0% {
        left: 100vw;
        top: 0;
    }
    100% {
        left: 0;
        top: 0;
    }
}

@media (max-width: 575px){
    .container {
    max-width: 540px;
    }
}
/* progress bar animation */
.progressbar {
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #0e76bc, #8cc63f);
    position:absolute;
    /*bottom:0;*/
    z-index: 300;
  }
  
  .progressbar-animation {
    animation: progressbar-animation 5s linear;
    animation-fill-mode: forwards;
  }

  @keyframes progressbar-animation {
    from {
      width: 100%;
    }
    to {
      width: 0;
    }
  }

  /*.grid-container{
    display: grid;
    grid-template-columns: 1fr 2fr;
    }
    
    .grid-item{
    padding:10px;
    }
    
    .grid-item.item-1{
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    }
    
    .grid-item.item-2{
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    }*/

    /* default layout */
    .grid-container {
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-template-rows: auto;
      }
      .grid-item {
        padding-left: 10px;
      }
      .grid-item.item-1 {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
      }
      .grid-item.item-1 img {
        /*width: 100%;*/
        }
      .grid-item.item-2 {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
      }
      .grid-item.item-3 {
        grid-column: 1 / 3;
        grid-row: 2 / 3;
        

      }
      .grid-item.item-3 ul{
        margin: unset;
        padding: unset;
    }
      /* layout for screens smaller than 540px */
        @media screen and (max-width: 767px) {
            .grid-item.item-3{
                font-size: 3vw;
            }
        }

        @media screen and (max-width: 768px) and (min-width: 520px){
            .grid-item.item-3{
                /*position:absolute;
                margin-top: -25px;
                margin-top: 25px;
                left: 60px;*/
                font-size: 2.5vw;
                
            }
        }

        @media (min-width: 100px) {
            .navbar.scrolling-navbar {
              transition: background .5s ease-in-out,padding .5s ease-in-out;
              padding-top: 12px;
              padding-bottom: 12px;
            }
            body{
                margin-top: 70px;
            }
          }

        @media screen and (max-width: 400px){
            
            /*.grid-item.item-1 {
                grid-column: unset;
                grid-row: unset;
                width: calc(100vw - 40px);
            }
            .grid-item.item-2{
                grid-column: unset;
                grid-row: unset;
                position: absolute;
            }
            .grid-item.item-2 *{
                color: rgb(0, 0, 0);
                text-shadow: 2px 2px #ffffff;
                font-weight: 500;
            }
            .grid-item.item-2 h1{
                font-size: 7vw;
            }
            .grid-item.item-3 {
                grid-column: unset;
                grid-row: unset;
                padding: unset;
                font-size: 4vw;
            }
            banners, banner{
                background-image: url(/images/black_opac_low_4x4.png);
            }
            banners{
                margin: unset;
            }
            
            .grid-item img{
                opacity: .4;
            }*/

            .hero-section{
                padding: unset !important;
            }
        }
        .btn-standout {
            color: #ffffff !important; 
            border: 1px solid red; 
            background-color: red; 
            text-align: center; 
            border-radius: 4px;
            font-weight: 500;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        }
        .btn-standout:hover{
            box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
            transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        }
        .btn-standout:focus {outline:0;}

        /* Cookie consent message styles */
        #cookie-consent {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #f9f9f9;
            padding: 20px;
            text-align: center;
            z-index: 9999;
        }

        #cookie-consent a {
            color: #007bff;
            text-decoration: none;
        }

        #cookie-consent button {
            background-color: #007bff;
            color: #fff;
            padding: 8px 20px;
            border: 0;
            border-radius: 4px;
            cursor: pointer;
            margin-left: 10px;
        }

        /* Icon styles */
        .cookie-icon {
            margin-right: 10px;
            fill: #999;
        }

        /*Hidden class*/
        .hidden {
            display: none;
        }

        #acceptCookieConsent:hover{
            box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
            transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        }

        .nav-item{
            width: 100%;
        }