/********************************** GLOBAL ************************************/
 h1 {
	 text-align: center;
}
 h2 {
	 color: #33366;
}
 h3 {
	 color: #003333;
}
 h4 {
	 color: #336699;
}
 h5 {
	 color: #333366;
}
 a:link {
    text-decoration: underline;     
 }
 a:hover {
	 color: #003366;
	 background-color: color|transparent|initial|inherit;
	 font-size: 102%;
}
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;
	 font-style: italic;
	 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;}
.btn-danger{color:#fff;background-color:#990000;border-color:#000000}
.btn-danger:hover{color:#fff;background-color:#cc0000; border-color:#000000}
.btn-danger:focus,.btn-danger.focus{box-shadow:0 0 0 .2rem rgba(0,0,0,0.9)}
.btn-group .btn{text-decoration: none;}
/*********************************** 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;
}
 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(111,135,163,0.75);
	 border: 2px solid rgb(111,135,163);
	 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: italic;
}

.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;
}



/*******************************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: 25px;
}
 .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: #003333c;
}
 .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:#fff;
}
.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(102, 102, 102, 0.75);
}
/********************************** 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;
}
 .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;
	 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;
}