/********************************** GLOBAL ************************************/
 h1 {
     text-align: center;
}
 h2 {
     color: #33366;
}
 h3 {
     color: #003333;
}
 h4 {
     color: #336699;
}
 h5 {
     color: #333366;
}
 a:link {
     text-decoration: underline;
     color: #20399D;
}
 a:hover {
     color: #003366;
     background-color: color|transparent|initial|inherit;
     text-decoration: underline;
     opacity: 0.8;
}
 a:visited {
     color: #800080;
}
 fieldset, form, table {
     margin: 0;
}
 figure{
     margin: 0 auto 15px auto;
     padding: 10px 10px 0 10px;
     border: 1px solid #ccc;
     box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
     text-align: center;
}
 figure img{
     display: inline-block;
     margin:0 auto;
     border: 1px solid #ccc;
}
 blockquote {
     padding: 0px;
     margin: 0 0 20px;
     border: 2px solid #f2f2f2;
     background-color: #cccccc;
}
 blockquote:before {
     content: "\f10d";
     font-family: "Font Awesome 5 Free";
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     border-radius: 0%;
     color: #69B3e4;
     font-size: 20px;
     background: #336699;
     border: 2px solid #f2f2f2;
     float: left;
     margin-right: 10px;
     font-weight:900;
}
 blockquote .blockquote-footer {
     color: #666666;
}
 figure>figcaption {
     font-size: 14px;
     text-align: center;
     margin-top: 10px;
     color: #666666;
}
 .callout {
     padding: 10px 20px;
     margin: 0 0 20px;
     font-size: 15.5px;
     border-left: 5px solid;
}
 .callout h4 {
     margin-top: 0;
     margin-bottom: 5px;
}
 .callout p:last-child {
     margin-bottom: 0;
}
 .callout + .bs-callout {
     margin-top: -5px;
}
 .callout-default {
     border-left-color: #eeeeee;
}
 .text_sytle_2 {
     background-color: #f5f5f5;
     padding: 15px 15px 10px;
     border-bottom: 2px solid #dcdcdc;
     text-align: center;
}
 .row::after {
     content: "";
     clear: both;
     display: table;
}
/*********************************** Button ***********************************/
 a.btn {
    text-decoration: none;
     font-weight: bold;
     color: #FFFFFF;
     background-color:#000000
}
 .btn-link {
    text-decoration: none;
     font-weight: bold;
}
 .btn-danger{
    color:#fff;
    font-weight: bold;
    background-color:#990000;
    border-color:#000000
}
 .btn-danger:hover{
    color:#fff;
    font-weight: bold;
    background-color:#cc0000;
     border-color:#000000;
     text-decoration: underline;
}
 .btn-danger:focus,.btn-danger.focus{
    box-shadow:0 0 0 .2rem rgba(0,0,0,0.9)
}
 .btn-group .btn{
    text-decoration: none;
}
a.btn-footer {
 text-decoration: none;
     font-weight: bold;
     color: #000000;
     background-color:#ffffff;
}
/*********************************** TOOLS ************************************/
 .sticky-top {
     top: 4em;
}
 .side.sticky-top{
     top: 135px;
}
/* .container {
    */
    /* max-width: 80%;
    */
    /*
}
*/
 .hide{
     display:none;
}
 .anchor{
     display: block;
     height: 120px;
     margin-top: -120px;
     visibility: hidden;
}
 .zoom {
     transition: transform .2s;
     margin: 0 auto;
}
 .zoom:hover {
     -ms-transform: scale(1.3);
    /* IE 9 */
     -webkit-transform: scale(1.3);
    /* Safari 3-8 */
     transform: scale(1.3);
}
/********************************** TEMPLATE.MT.GOV ***************************/
/*Amber Alert*/
 body.amber-alert .sticky-top{
     top: 112px;
}
 body.amber-alert header .logo.tiny {
     top: 50px;
}
/* #template-layout-push {
     height: 64px;
}
 */
/********************************** HEADER ************************************/
 header {
     position: relative;
     background-color: rgba(51, 102, 153, 1);
}
 header .logo {
     display: block;
     position: absolute;
     z-index: 999;
     top: -90px;
     left: 50%;
     transform: translate(-50%, 0);
     width: 200px;
}
 a.main-logo {
     width: auto;
     display: block;
     padding: 0 1rem;
}
 header .logo.tiny {
     position: fixed;
     top: 2px;
     width: 60px;
     transition: all 0.4s ease-in-out 0s;
}
 .heading {
     padding: 30px 30px 15px 30px;
     background: rgba(51,102,153,1);
     border: 2px solid rgb(51,102,153);
     border-bottom: 0;
     font-size: 20px;
}
 .heading span {
     margin-bottom: .5rem;
     color: #091C2A;
     font-weight: 600;
     font-size: 2.5rem;
     line-height: 1.2;
     text-transform: uppercase;
     text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
 .heading .lead {
     font-size: 1.4rem;
     font-style: normal;
     font-weight: 600;
}
 .header-logo {
     float: left;
     width: 25%;
     padding: 0 1rem;
}
 .header-text {
     float: right;
     width: 74%;
     text-align: left;
     padding:0 2rem;
}
 a.main-logo img {
     max-width: 200px;
}
 .jumbotron{
     background-size: 100% 100%;
}
 .moniker {
     width: fit-content;
     border: 2px solid white;
     padding: 10px 50px;
     margin-left: auto;
     margin-right: auto;
     background-color: #262626;
}
/*********************************** NAV **************************************/
 .navbar {
     background: #336699;
}
 .mega-menu{
     background:#f2f2f2;
}
 li.dropdown.mega-menu-dropdown{
     position: static;
}
 .dropdown-menu{
     margin: 0;
     border-radius:0;
}
 li.nav-item.dropdown.mega-menu-dropdown a {
     max-width: 195px;
     text-wrap: balance;
     line-height: 1;
     min-width: 130px;
}
 .dropdown-toggle::after {
     display: block;
     margin: 7px 0 0 0;
     float: right;
}
 a.nav-link.dropdown-toggle span {
     float: left;
     width: 80%;
     text-align: left;
     color: #ffffff;
}
/*******************************Internet Explorer*****************************/
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .sticky-top{
         top:0;
    }
}
/********************************** SEARCH ************************************/
/* hide default google search box */
 .gsc-control-cse.gsc-control-cse-en {
     visibility: hidden;
     width: 0px;
}
 .gsc-search-box.gsc-search-box-tools {
     display: none;
}
 .gsc-modal-background-image-visible {
     visibility: visible;
}
/* overide padding on invisible div */
 .gsc-control-cse{
     padding:0 !important;
}
/*********************************** MAIN *************************************/
 #content-wrapper {
     padding-top: 100px;
}
 main {
     padding: 15px;
}
 .jumbotron{
     margin-bottom:0 !important;
     border-radius: 0;
}
 .frame {
     width: 50%;
     margin: 0 auto 15px auto;
     padding: 15px 15px 0 15px;
     border: 1px solid #ccc;
     text-align: center;
}
 .frame .portrait {
     display: block;
     width: 100%;
     border: 1px solid #ccc;
}
/***************************** WIDGETS ****************************************/
 .content-block:not(:last-child){
     margin-bottom:30px;
}
/***************************** NEWS *******************************************/
 .article{
     line-height: 1.2;
     transition: box-shadow .5s, border-radius .5s;
}
 .article:hover {
     border-radius: 10px;
     box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}
/***************************** TILES ******************************************/
 .tile {
     position: relative;
     float: left;
     width: 100%;
     height: 100%;
     overflow: hidden;
     background: #fff;
     border:1px solid #ddd;
     text-align: center;
     cursor: default;
}
 .tile img {
     display: block;
     position: relative;
     width: calc(100% + 20px);
     max-width: none;
     max-height: 400px;
     backface-visibility: hidden;
     object-fit: cover;
}
 .tile .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 80% 15px 15px 15px;
     overflow: hidden;
}
 .tile h2 {
     position: relative;
     margin-bottom: 0;
     padding:0;
     overflow: hidden;
     background-color: rgba(20, 42, 65);
     text-transform: uppercase;
     font-size:24px;
     text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
     text-align: center;
     color: #fff;
}
 .tile p {
     padding: 0 0 5px 0;
     background-color: rgba(0, 51, 51);
     color: #fff;
}
 .hovereffect {
     width: 100%;
     height: 100%;
     float: left;
     overflow: hidden;
     position: relative;
     text-align: center;
     cursor: default;
     background: #003333;
}
 .hovereffect .overlay {
     width: 100%;
     height: 100%;
     position: absolute;
     overflow: hidden;
     top: 0;
     left: 0;
     padding: 150px 20px 20px 20px;
}
 .hovereffect img {
     display: inline-block;
     position: absolute;
     object-fit: cover;
     max-width: none;
     max-height: 400px;
     width: calc(100% + 20px);
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
     transition: opacity 0.35s, transform 0.35s;
     -webkit-transform: translate3d(-10px,0,0);
     transform: translate3d(-10px,0,0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     image-rendering: auto;
     image-rendering: crisp-edges;
     image-rendering: pixelated;
}
 .hovereffect:hover img {
     opacity: 0.4;
     filter: alpha(opacity=40);
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
 .hovereffect h2 {
     position: relative;
     overflow: hidden;
     padding: 0.5em 0;
     background-color: rgba(0, 51, 51);
     text-transform: uppercase;
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
     text-align: center;
}
 .hovereffect h2:after {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 2px;
     background: #003333;
     content: '';
     -webkit-transition: -webkit-transform 0.35s;
     transition: transform 0.35s;
     -webkit-transform: translate3d(-100%,0,0);
     transform: translate3d(-100%,0,0);
}
 .hovereffect:hover h2:after {
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
 .hovereffect p {
     color: #000;
     opacity: 0;
     filter: alpha(opacity=0);
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
     transition: opacity 0.35s, transform 0.35s;
     -webkit-transform: translate3d(100%,0,0);
     transform: translate3d(100%,0,0);
}
 .hovereffect:hover p {
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
/******************************** TILE CAROUSEL *******************************/
 .tile-carousel .carousel-item {
     margin-right: 0px;
     transition: -webkit-transform .6s ease;
     transition: transform .6s ease;
     transition: transform .6s ease, -webkit-transform .6s ease;
}
 .tile-carousel .carousel-inner .active, .tile-carousel .carousel-inner .active+.carousel-item {
     display: block;
}
 .tile-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), .tile-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
     -webkit-transition: none;
     transition: none;
}
 .tile-carousel .carousel-inner .carousel-item-next, .tile-carousel .carousel-inner .carousel-item-prev {
     position: relative;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
 .tile-carousel .carousel-inner .active.carousel-item+.carousel-item+.carousel-item {
     position: absolute;
     top: 0;
     right: -50%;
     display: block;
     visibility: visible;
}
 .tile-carousel .active.carousel-item-left+.carousel-item-next.carousel-item-left, .tile-carousel .carousel-item-next.carousel-item-left+.carousel-item {
     position: relative;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
     visibility: visible;
}
 .tile-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
     position: absolute;
     top: 0;
     left: 0;
     display: block;
     visibility: visible;
}
 .tile-carousel .active.carousel-item-right+.carousel-item-prev.carousel-item-right, .tile-carousel .carousel-item-prev.carousel-item-right+.carousel-item, .tile-carousel .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item {
     position: relative;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0);
     visibility: visible;
     display: block;
}
/********************************* CAROUSEL ***********************************/
 .carousel {
     width: 100%;
}
 .carousel:not(.tile-carousel){
     border: 0px solid rgba(0,0,0,.125);
}
 .carousel-item{
     background:#ffffff;
}
 .carousel-caption {
     position: absolute;
     max-width: 100%;
     left: 0;
     bottom: 10px;
     width: 100%;
     z-index: 5;
     padding-top: 1px;
     padding-bottom: 5px;
     color: #fff;
     font-size: medium;
     font-weight: bold;
     text-align: center;
     background-color: rgba(0, 0, 0, 0.9);
}
/********************************** CARDS *************************************/
 .card-img-top {
     background-size: cover;
}
 .card-body:empty {
     display: none;
}
 .card-title{
     color: #5b4015;
     text-align:left;
}
/*Horizontal Card*/
 .card-horizontal {
     display: flex;
     flex: 1 1 auto;
}
 .card-horizontal img{
     width:144px;
     image-rendering: auto;
     image-rendering: crisp-edges;
     image-rendering: pixelated;
}
 .card-horizontal .card-title{
     text-align:left;
}
/*No Border Card*/
 .card.no-border{
     border:0;
}
 .cards a:hover .no-border{
     background:none;
}
/*Color Card*/
 .card-color .card-body{
     padding:0;
}
 .card-color-title{
     padding: 20px;
     background-color: rgba(0,0,0,0.1);
}
 .card-color .card-text{
     padding: 1.25rem;
}
 .card-color .card-text a:not(.btn){
     color:#fff;
     font-weight:bold;
}
 .card-color .card-text a:not(.btn):hover{
     text-decoration:none;
}
/**************************** ACCORDIONS/TABS *********************************/
 a.accordion {
    text-decoration: none;
}
 .accordion .card-header {
     padding: 5px;
     background: #E8E8E8;
     text-decoration: none;
}
 .accordion .card-header:hover {
     background: #ffffff;
}
 .accordion .card{
     border-radius: 0;
}
 .accordion-toggle:hover{
     text-decoration:none;
}
 .accordion-toggle{
     display:block;
     padding: .75rem 1.25rem;
     text-decoration:none;
}
 .accordion-toggle:after {
     content: "\f078";
     float: right;
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
}
 [aria-expanded="true"].accordion-toggle:after {
     content: "\f054";
}
/*Nested Accordions*/
 .accordion .accordion .accordion-toggle {
     padding: .5rem 1rem;
     font-size: 13px;
     text-decoration: none;
}
 .nav-tabs {
     display:none;
     background: #fff;
     border-color: #333366;
     text-decoration: none;
}
 .nav-tabs .nav-link:hover {
     background-color: #e6e6e6 
}
 .tab-content{
     padding: 30px;
     background: #f2f2f2;
}
 .tab-content .card .accordion .card {
     border: 1px solid #cadbe7!important;
}
/*FAQ*/
 .accordion.faq .card{
     border-left:0;
     border-right:0;
     text-decoration: none;
}
 .accordion.faq .card-header{
     position: relative;
     background:none;
     border-bottom: 0;
     font-weight:bold;
}
 .accordion.faq .card-header span{
     padding-left:30px;
     display:inline-block 
}
 .accordion.faq .accordion-toggle:before {
     content: "\f054";
     display: block;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     text-decoration: none;
}
 .accordion.faq [aria-expanded="true"].accordion-toggle:before {
     content: "\f078";
     text-decoration: none;
}
 .accordion.faq .accordion-toggle:after {
     display:none;
}
 .accordion.faq .accordion-toggle span:hover {
     text-decoration: none;
}
 .accordion.faq .card-body{
     padding-left:50px;
     padding-right:50px;
}
/*Old Boostrap 3 Accordions*/
 .panel-heading {
     background-color: #663300;
     border: 1px solid #000000;
     margin: 5px;
     text-align: left;
     text-decoration: none;
}
 .panel-default > .panel-heading {
     position: relative;
}
 .panel-heading .fa {
     position: absolute;
     right: 10px;
     top: 13px;
     bottom: 13px;
     color: white;
     font-weight: bold;
     text-decoration: none;
}
 .panel-body {
     padding-right: 20px;
     padding-left: 20px;
     padding-top: 5px;
     border-right: #967951 solid 1px;
     border-left: #967951 solid 1px;
     border-bottom: #967951 solid 1px;
     border-radius: 5px;
     margin-right: 5px;
     margin-left: 5px;
     margin-bottom: 5px;
}
/********************************** SIDE NAV **********************************/
 .list-group{
     border-radius: 0;
}
 .list-group a{
     background-color: #666666;
     color: #fff;
}
 .list-group-item .active {
     color: #336666;
     background-color: #fff;
     border-color: #336666;
}
 .list-group-item-action:active {
     color: #333333;
     background-color: #ffffff;
}
 .list-group-item-action: .focus, .list-group-item-action:hover {
     color: #fff;
     background-color: #336666;
}
/********************************** FOOTER ************************************/
 .footer {
     padding: 30px;
     background: #003333;
     color: #9999cc;
}
 .footer h4 {
     width: 100%;
     text-transform: uppercase;
     border-bottom: 1px solid #ff6633;
}
 .footer hr {
     border-top: 1px solid #000;
}
 .footer a:not(.btn) {
     color: #fff;
}
 .footer a:not(.btn):hover {
     color: #fff;
     text-decoration:none;
}
 .footer img {
     display:block;
     margin:0 auto;
     image-rendering: auto;
     image-rendering: crisp-edges;
     image-rendering: pixelated;
}
 #social img{
     display:block;
     width:24px;
     image-rendering: auto;
     image-rendering: crisp-edges;
     image-rendering: pixelated;
}
 #back-to-top {
     position: fixed;
     bottom: 79px;
     right: 15px;
     display: none;
     z-index:99;
}
/********************************** LOADING ***********************************/
 .loader {
     display: inline-block;
     margin-top: 20px;
     font-size: 150px;
     width: 100%;
     color: #003333;
     text-align: center;
     -webkit-animation-name: beat;
     animation-name: beat;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-duration: 2.5s;
     animation-duration: 2.5s;
}
 @-webkit-keyframes beat {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     5% {
         -webkit-transform: scale(1.05);
         transform: scale(1.05);
    }
     10% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     25% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     30% {
         -webkit-transform: scale(1.05);
         transform: scale(1.05);
    }
     40% {
         -webkit-transform: scale(1);
         transform: scale(1) 
    }
     50% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes beat {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     5% {
         -webkit-transform: scale(1.05);
         transform: scale(1.05);
    }
     10% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     25% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     30% {
         -webkit-transform: scale(1.05);
         transform: scale(1.05);
    }
     40% {
         -webkit-transform: scale(1);
         transform: scale(1) 
    }
     50% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
/******************************** RESPONSIVE **********************************/
/*Extra large devices (large desktops, 1200px or less)*/
 @media (max-width: 1200px) {
     header .logo {
         top: -50px;
         width: 100px;
    }
     header .logo.tiny {
         display: none;
    }
     .heading {
         padding-top: 55px;
    }
     li.dropdown.mega-menu-dropdown, .mega-menu-dropdown .navbar-nav .dropdown-menu{
         position: relative;
    }
     .navbar-nav-scroll{
         overflow-y: auto;
         max-height: 250px;
    }
}
/*Large devices (desktops, 992px or less)*/
 @media (max-width: 992px) {
     .heading .lead {
         font-size: 1.4rem;
         font-style: italic;
    }
     .header-logo {
         float: none;
         width: 100%;
         padding: 0 1rem 1rem;
         margin: 0 auto;
    }
     .header-text {
         float: none;
         width: 100%;
         text-align: center;
         padding: 1rem;
    }
     a.main-logo img {
         max-width: 200px;
    }
}
/*Medium devices (tablets, 768px or less)*/
 @media (max-width: 768px) {
     #content-wrapper {
         padding-top: 60px;
    }
     .sticky-top {
         top: 0;
    }
     .navbar-nav .nav-link {
         text-align: center;
    }
     .navbar .form-inline .input-group {
         margin: 0 auto;
    }
     #back-to-top {
         bottom: 15px;
    }
     .container {
         max-width: 100%;
    }
     .tab-content > .tab-pane {
         display: block !important;
         opacity: 1;
    }
     .clive-field-wrapper:nth-child(-n+5){
         width: 100%;
         float: none;
    }
     .footer [class^="col-"]{
         margin-bottom:15px;
    }
}
/*Medium devices (tablets, 768px or more)*/
 @media (min-width: 768px) {
     .navbar .nav-link.hover ~ .dropdown-menu {
         display: none;
         margin-top: 0;
    }
     .navbar .nav-link.hover:hover ~ .dropdown-menu, .navbar .nav-link.hover ~ .dropdown-menu:hover {
         display: block;
    }
     .dropdown-item.dropdown-toggle.hover ~ .dropdown-menu {
         display: none;
    }
     .navbar .dropdown-item.dropdown-toggle.hover:hover ~ .dropdown-menu, .navbar .dropdown-item.dropdown-toggle.hover ~ .dropdown-menu:hover {
         display: block;
    }
    /*Tabs To Accordions*/
     .nav-tabs {
         display: flex;
    }
     .tab-content .card {
         border: none;
    }
     .tab-content .card .card-header.parent {
         display:none;
    }
     .tab-content .card .collapse.parent{
         display:block;
    }
}
/*Large devices (desktops, 992px or more)*/
 @media screen and (min-width: 992px) {
     .tile-carousel .carousel-inner .active, .tile-carousel .carousel-inner .active+.carousel-item, .tile-carousel .carousel-inner .active+.carousel-item+.carousel-item, .tile-carousel .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item {
         display: block;
         position: static !important;
    }
     .tile-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), .tile-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item, .tile-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item, .tile-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item {
         -webkit-transition: none;
         transition: none;
    }
     .tile-carousel .carousel-inner .carousel-item-next, .tile-carousel .carousel-inner .carousel-item-prev {
         position: relative;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     .tile-carousel .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
         position: absolute;
         top: 0;
         right: -25%;
         display: block;
         visibility: visible;
    }
     .tile-carousel .active.carousel-item-left+.carousel-item-next.carousel-item-left, .tile-carousel .carousel-item-next.carousel-item-left+.carousel-item, .tile-carousel .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item, .tile-carousel .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item, .tile-carousel .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
         position: relative;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
         visibility: visible;
    }
     .tile-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
         position: absolute;
         top: 0;
         left: 0;
         display: block;
         visibility: visible;
    }
     .tile-carousel .active.carousel-item-right+.carousel-item-prev.carousel-item-right, .tile-carousel .carousel-item-prev.carousel-item-right+.carousel-item, .tile-carousel .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item, .tile-carousel .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item, .tile-carousel .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
         position: relative;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
         visibility: visible;
         display: block;
    }
}
/******************************** LEFT NAV ********************************/
 .sidebar {
     margin: 0;
     padding: 0;
     width: auto;
     background-color: #f1f1f1;
     position: relative;
     height: 100%;
     overflow: auto;
}
 .sidebar a {
     display: block;
     color: black;
     padding: 16px;
     text-decoration: none;
}
 .sidebar a.active {
     background-color: #000066;
     color: white;
}
 .sidebar a:hover:not(.active) {
     background-color: #666666;
     color: white;
}
 @media screen and (max-width: 700px) {
     .sidebar {
         width: 100%;
         height: auto;
         position: relative;
    }
     .sidebar a {
         float: left;
    }
}
 @media screen and (max-width: 400px) {
     .sidebar a {
         text-align: center;
         float: none;
    }
}
/******************************** Blocks *******************************/
 #brownblock {
    /* Changed to orange after new logo release usein some places but the box is blue*/
     border: 1px solid #cccccc;
     border-radius: 20px;
     box-shadow: -.15em 0 0em #cc9933;
     padding: 10px;
}
 #blueblock {
     border: 1px solid #cccccc;
     border-radius: 20px;
     box-shadow: -.15em 0 0em #333366;
     padding: 10px;
}
 #orangeblock {
     border: 1px solid #cccccc;
     border-radius: 20px;
     box-shadow: -.15em 0 0em #cc6600;
     padding: 10px;
}
 #newsblock {
     border: 1px solid #cccccc;
     border-radius: 20px;
     box-shadow: -.15em 0 0em #f2f2f2;
     padding: 10px;
}
 #greyblockshaddow {
     background-color: #f2f2f2;
     box-shadow: 0px 2px #cccccc;
     padding: 10px;
}
 #banneroutline {
     width: auto;
     border: 2px solid white;
     padding: 10px;
}
/********************************* Embed Container *********************/
 .embed-container {
     position: relative;
     padding-bottom: 80%;
     height: 0;
     max-width: 100%;
}
 .embed-container iframe, .embed-container object, .embed-container iframe{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/************************************* Table *********************************/
 .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
     background-color: #f9f9f9;
}
/********************************** CHAT **************************************/
 #chat-button, #chat-greet, #sn_va_web_client {
     position:fixed;
     right:10px;
     bottom:10px;
     z-index:9999;
     background:#3366cc;
     color:#fff;
}
 #sn_va_web_client {
     margin-bottom: 80px;
}
 #chat-greet {
     margin: 0 85px 17px 0;
     padding: .375rem .75rem;
     font-size: 1rem;
     line-height: 1.5;
     border-radius: .25rem;
}
 .btn-circle {
     width: 70px;
     height: 70px;
     padding: 10px 16px;
     border-radius: 35px;
     transition: all .5s;
     text-align: center;
     font-size: 35px;
     line-height: 1.33;
}
 #chat-button[aria-expanded="true"]{
     border-top-left-radius: 0;
}
 #chat-button[aria-expanded="true"]:before {
     content: "\f00d";
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
}
 #chat-button[aria-expanded="true"] i{
     display:none;
}
/********************************** Vertical Line ****************************/
 .vl {
     border-left: 6px solid #cccccc;
     height: relative;
     Padding-left: 10px;
     font-style: italic;
}
 .button-secondary {
     background-color: #FFFFFF;
}
/*********************************** Popup Container *************************/
 .popup {
     position: relative;
     display: inline-block;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
/* The actual popup */
 .popup .popuptext {
     visibility: hidden;
     width: 225px;
     background-color: #555;
     color: #fff;
     text-align: left;
     border-radius: 6px;
     padding: 8px 8px 8px 8px;
     position: absolute;
     z-index: 1;
     bottom: 125%;
     left: 50%;
     margin-left: -80px;
}
/* Popup arrow */
 .popup .popuptext::after {
     content: "";
     position: absolute;
     top: 100%;
     left: 50%;
     margin-left: -5px;
     border-width: 5px;
     border-style: solid;
     border-color: #666666 transparent transparent transparent;
}
/* Toggle this class - hide and show the popup */
 .popup .show {
     visibility: visible;
     -webkit-animation: fadeIn 1s;
     animation: fadeIn 1s;
}
/* Add animation (fade in the popup) */
 @-webkit-keyframes fadeIn {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @keyframes fadeIn {
     from {
         opacity: 0;
    }
     to {
         opacity:1 ;
    }
}
/************************************** Dropdown ***************************/
 .dropdown {
     position: relative;
     display: inline-block;
}
 .dropdown-content {
     display: none;
     position: absolute;
     background-color: #000000;
     width: 100%;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
}
 .dropdown-content a {
     color: #ffffff;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
}
 .dropdown-content a:hover {
     background-color: #336699;
}
 .dropdown:hover .dropdown-content {
     display: block;
}
 .dropdown:hover .dropbtn {
     background-color: #003333;
}
/**************************** Ag by Number ******************************/
 .agbynumbers{
     background-image: url('../../_images/homepage-images/SectionStyles3.jpg');
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: 100% 100%;
}
/***************************** FADC background ***************************/
 .fadccenters{
     background-image: url('../../_images/FADC-images1/FADC_abundantmtdir.png');
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: 100% 100%;
     opacity: 0.7;
}
/***************************** shade *************************************/
 .shade{
     opacity:none;
     width:100%;
     height:100%;
}
 .shade:hover{
     opacity: 0.8;
     display: block;
}
/***************************** Google Maps embd *********************************/
 .map-container{
     overflow:hidden;
     padding-bottom:56.25%;
     position:relative;
     height:0;
}
 .map-container iframe{
     left:0;
     top:0;
     height:100%;
     width:100%;
     position:absolute;
}