/********************************** GLOBAL ************************************/
 html, body {
	 height: 100%;
}
 body {
	 font-family: 'Prompt', sans-serif;
	 color:#333;
}
 h1, h2, h3, h4 {
	 text-align: center;
	 text-transform:uppercase;
}
 h3{
	 margin-top: 45px;
	 font-size: 38px;
	 font-weight:700;
	 text-align:center;
}
 main h4{
	 text-align:left;
}
 h5{
	 font-weight: 500;
}
 main p{
	 color: #585858;
}
 a:not(.btn), .btn-link {
	 color:#17a2b8;
	 font-weight: 500;
	 text-transform: uppercase;
}
 a:hover, .btn-link:hover, .dropdown-item:focus, .dropdown-item:hover {
	 color:#117a8b;
}
 fieldset, form, table {
	 margin: 0;
}
 figure{
	 margin: 0 auto 15px auto;
	 padding: 15px 15px 0 15px;
	 border: 1px solid #ccc;
	 box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	 text-align: center;
}
 figure img{
	 display: block;
	 margin:0 auto;
	 border: 1px solid #ccc;
}
 blockquote {
	 padding: 30px;
	 margin: 0 0 20px;
	 border: 2px solid #e8eaed;
}
 blockquote:before {
	 content: "\f10d";
	 font-family: "Font Awesome 5 Free";
	 width: 70px;
	 height: 70px;
	 line-height: 70px;
	 text-align: center;
	 border-radius: 50%;
	 color: #3E5B5D;
	 font-size: 30px;
	 background: #fff;
	 border: 2px solid #e8eaed;
	 float: left;
	 margin-right: 10px;
	 font-weight:900;
}
 blockquote .blockquote-footer {
	 color: #686a6d;
}
 figure>figcaption {
	 font-size: 14px;
	 text-align: center;
	 margin-top: 10px;
	 font-style: italic;
	 color: #686a6d;
}
 .callout {
	 padding: 10px 20px;
	 margin: 0 0 20px;
	 font-size: 17.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;
}
/*********************************** TOOLS ************************************/
 .fixed-top, .sticky-top {
	 top: 4em;
}
 .hide{
	 display:none;
}
 .anchor{
	 display: block;
	 height: 120px;
	 margin-top: -120px;
	 visibility: hidden;
}
/********************************** TEMPLATE.MT.GOV ***************************/
/*Amber Alert*/
body.amber-alert .sticky-top{
	top: 112px;
}
body.amber-alert header .logo.tiny {
	top: 50px;
}

 #template-page-wrapper{
	 padding-top: 248px;
}
 #template-layout-push {
	 height: 64px;
}
/********************************** TOP NAV ***********************************/
 #header{
	 background: rgb(255,255,255) !important;
	 border-bottom: 1px solid #aaa;
	 transition: 0.4s;
}
 #header #logo {
	 height: 157px;
	 transition: 0.4s;
}
 #site-name{
	 display:none;
	 margin: -5px 0 0 -15px;
	 padding-left: 5px;
	 border-left:1px solid #30645D;
	 font-weight: 200;
	 letter-spacing: 1px;
	 text-transform:uppercase;
	 color: #000;
	 line-height: 1.2;
	 transition: 0.4s;
}
 #site-name strong{
	 display:block;
	 font-weight:bold;
	 letter-spacing:0;
}
 #site-name:hover{
	 text-decoration:none;
}
 .navbar-toggler:focus, .navbar-toggler:hover {
	 background-color: #ddd;
}
 .navbar-nav > li > a {
	 -webkit-transition: all .3s ease 0s;
	 -moz-transition: all .3s ease 0s;
	 -o-transition: all .3s ease 0s;
	 transition: all .3s ease 0s;
	 text-transform:uppercase;
	 font-size: 14px;
	 font-weight:400;
	 text-transform: uppercase;
	 letter-spacing: .1em;
}
 .navbar-light .navbar-nav .nav-link {
	 color: rgba(0,0,0,1);
}
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	 background: rgba(23,162,184,0.15);
}
 .navbar-nav > li > a:focus, .navbar-nav > li > a:hover, .dropdown.show {
	 color: #979797 
}
 .navbar-nav .nav-link, .navbar .dropdown-item {
	 padding: 15px !important;
}
 .dropdown-menu {
	 padding:0;
	 border-radius:0;
	 border-top: 3px solid #bebebe;
}
 .navbar .dropdown-item {
	 border-bottom: 1px solid #ccc 
}
 .nav-link.active, .dropdown.show{
	 background-color: #e7e7e7;
}
 .dropdown-item.active, .dropdown-item:active {
	 background-color: #117a8b;
	 color: #fff;
}

.dropdown-item {
    white-space: unset;
    }
    
.dropdown-menu {
    display: none;
}

.dropdown-menu.show {
    display: block;
}

/*Hover Instead of Click Open*/
 .dropdown:hover .dropdown-menu {
	 display: block;
	 margin-top: 0;
	 min-width:19rem;
}
/********************************** 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 *************************************/
 .container-fluid{
	 width:95%;
}
 main.container-fluid{
	 padding:30px;
}
 .jumbotron{
	 position:relative;
	 min-height: 150px;
	 margin-bottom: 0;
	 padding:2em;
	 background: no-repeat center center;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	 border-radius: 0;
}
 .jumbotron::after {
	 content: "";
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 z-index:1;
	 background: -moz-linear-gradient(left, rgba(48,100,93,1) 0%, rgba(48,100,93,0.8) 100%);
	 background: -webkit-linear-gradient(left, rgba(48,100,93,1) 0%,rgba(48,100,93,0.8) 100%);
	 background: linear-gradient(to right, rgba(48,100,93,1) 0%,rgba(48,100,93,0.8) 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30645D', endColorstr='#0030645D',GradientType=1 );
}
 .jumbotron .inner{
	 position: relative;
	 top: 0;
	 left: 0;
	 width: 66%;
	 z-index:100;
}
 .jumbotron h2 {
	 font-weight:bold;
	 text-align:left;
}
 .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;
}
/*Sticky Side*/
 #side-sticky {
	 top: 38%;
}
 #side-sticky a {
	 position: absolute;
	 left: -145px;
	 width: 200px;
	 padding: 15px;
	 background: #F4A261;
	 border-radius: 0 5px 5px 0;
	 text-decoration: none;
	 line-height:30px;
	 color: #fff;
	 transition: 0.3s;
	 margin-bottom: 43px;
}
 #side-sticky a:hover{
	 left:0;
	 background:#DB8948;
}
 #side-sticky i{
	 float:right;
	 font-size: 30px;
}
/*Featured Sections*/
 #featured-top{
	 width: 66%;
	 padding:45px;
	 background-color: rgba(0,0,0,0.6);
	 border:1px solid #000;
	 color:#fff;
	 text-align: center;
	 margin-top: 0px;
	 
}
 #featured-top h1{
	 font-size: 40px;
	 font-weight:bold;
}
 #featured-top p{
	 font-size: 20px;
	 font-weight:400;
}
 #featured-bottom .card{
	 border:0;
	 border-radius:0;
	 background:#30645D;
	 color:#fff;
	 text-align:center;
}
 #featured-bottom .card:nth-child(2){
	 background:#174B44;
}
 #featured-bottom .card:nth-child(3){
	 background:#00312A;
}
 #featured-bottom .card-title{
	 color:#fff;
}
 #featured-bottom .card-body{
	 padding: 60px 15px;
}

/***************************** PAGE SIDE OPTIONS ****************************************/
.itb-bg-image {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.itb-bg-image .box-content.none {
    padding: 30px;
}

.box-content.mblue-background{
    background-color: #7599af;
    padding: 20px 30px 40px 30px;
    color: #fff6ef;
}

.box-content.mblue-background a{
    color: #fff6ef;
}

.box-content.sand-background{
    background-color: #e4dad1;
    padding: 20px 30px 40px 30px;
    color: #000000;
}

.box-content.itb-black {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 50px;
}
/***************************** WIDGETS ****************************************/
 .content-block:not(:last-child){
	 margin-bottom:30px;
}
/***************************** ANCHOR BUTTONS ****************************************/
a.anchor-buttons {
    display: block;
    width: 100%;
    position: sticky;
}
.anchor-buttons-menu {
    top: 150px;
    position: sticky;
}

.anchor-buttons button {
    padding: 12px;
    border: 7px solid #7599af;
    background-color: #898795;
    color: white;
    width: 180px;
    margin-bottom: 5px;
}

.anchor-buttons button:hover {
   text-decoration: underline;
}

.buttons-menu {
    z-index: 10;
}

/***************************** BUTTONS ****************************************/
 .btn-effect {
	 position: relative;
	 -webkit-transition: all 0.2s linear 0s;
	 transition: all 0.2s linear 0s;
}
 .btn-effect:before {
	 content: "\f105";
	 font-family: FontAwesome;
	 font-size:20px;
	 position: absolute;
	 display: -webkit-box;
	 display: flex;
	 -webkit-box-align: center;
	 align-items: center;
	 -webkit-box-pack: center;
	 justify-content: center;
	 right: 0;
	 top: 0;
	 opacity: 0;
	 height: 100%;
	 width: 20px;
	 -webkit-transition: all 0.2s linear 0s;
	 transition: all 0.2s linear 0s;
}
 .btn-effect:hover {
	 text-indent: -10px;
	 padding: .375rem 1.35rem;
}
 .btn-effect:hover:before {
	 opacity: 1;
	 text-indent: 0;
}
/***************************** TILES ******************************************/
 .hovereffect {
	 width: 100%;
	 height: 100%;
	 float: left;
	 overflow: hidden;
	 position: relative;
	 text-align: center;
	 cursor: default;
	 background: #051c2c;
}
 .hovereffect .overlay {
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 overflow: hidden;
	 top: 0;
	 left: 0;
	 padding: 150px 20px 20px 20px;
}
 .hovereffect img {
	 display: block;
	 position: relative;
	 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;
}
 .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(111,135,163, 0.75);
	 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: #E74f3d;
	 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: #fff;
	 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);
}
/********************************* CAROUSEL ***********************************/
 .carousel {
	 width: 100%;
}
/********************************** CARDS *************************************/
 .card-img-top {
	 background-size: cover;
}
 .cards a:hover .card {
	 background-color: #f5f5f5;
}
 .cards a:hover{
	 text-decoration:none;
}
 .card-body:empty {
	 display: none;
}
 .cards .card-body{
	 text-align:center;
}
 .content-block:not(.news) .card i{
	 background: #f5f5f5;
	 border-radius: 100%;
	 -moz-border-radius: 100%;
	 -webkit-border-radius: 100%;
	 height: 87.5px;
	 width: 87.5px;
	 line-height: 87.5px;
	 font-size: 40px;
	 text-align: center;
}
 .content-block:not(.news) .card:hover i{
	 background: #fff;
}
 .card-title{
	 font-size: 30px;
	 text-align: center;
	 text-transform: capitalize;
	 letter-spacing: normal;
	 color: #333;
}
/**************************** ACCORDIONS/TABS *********************************/
 .accordion .card-header {
	 padding: 0;
}
 .accordion .card-header:hover {
}
 .accordion .card{
	 border-radius: 0;
}
 .nav-tabs {
	 display:none;
}
 .tab-content{
	 padding: 30px;
}
 .accordion-toggle{
	 display:block;
	 padding: .75rem 1.25rem;
	 text-decoration:none;
}
 .accordion-toggle:after {
	 content: "\f078";
	 float: right;
	 font-family: 'FontAwesome';
}
 [aria-expanded="true"].accordion-toggle:after {
	 content: "\f054";
}
 .accordion-toggle:hover{
	 text-decoration:none;
}
/*Nested Accordions*/
 .accordion .accordion .accordion-toggle {
	 padding: .5rem 1rem;
	 font-size: 13px;
}
/********************************** SIDE NAV **********************************/
 .list-group{
	 border-radius: 0;
}
 .list-group a{
	 background-color: #557677;
	 color: #fff;
}
 .list-group-item.active {
	 color: #3E5B5D;
	 background-color: #fff;
	 border-color: #3E5B5D;
}
 .list-group-item-action:active {
	 color: #212529;
	 background-color: #e9ecef;
}
 .list-group-item-action:focus, .list-group-item-action:hover {
	 color: #fff;
	 background-color: #3E5B5D;
}
/************************* FILE BROWSER ***************************************/
 .file-browser a {
	 color: #395E78;
}
 .file-browser a:hover {
	 border-color: transparent;
}
 .file-browser .folder-contents {
	 padding-left: 30px;
	 border-left: 1px solid #ddd;
}
 .file-browser .folder-contents .btn-block {
	 margin-top: 0px;
	 padding-left: 0px;
}
 .file-browser .btn-block:focus {
	 box-shadow: none;
}
 .file-browser .folder:before, .file-browser a:before {
	 font-family: "Font Awesome 5 Free";
	 font-weight: 900;
	 margin-right: 5px;
}
/* closed folder */
 .file-browser .folder[aria-expanded="false"]:before {
	 content: "\f07b";
}
/* open folder */
 .file-browser .folder[aria-expanded="true"]:before {
	 content: "\f07c";
}
/* default file link */
 .file-browser a:before {
	 content: "\f15c";
}
 .file-browser a[href$=".pdf"]:before {
	 content: "\f1c1";
}
 .file-browser a[href$=".mp4"]:before {
	 content: "\f1c8";
}
 .file-browser a[href$=".png"]:before, .file-browser a[href$=".jpg"]:before {
	 content: "\f1c5";
}
 .file-browser a[href$=".doc"]:before, .file-browser a[href$=".docx"]:before {
	 content: "\f1c2";
}
 .file-browser a[href$=".ppt"]:before, .file-browser a[href$=".pptx"]:before {
	 content: "\f1c4";
}
 .file-browser a[href$=".xls"]:before, .file-browser a[href$=".xlsx"]:before {
	 content: "\f1c3";
}
/********************************** CONTACT **********************************/
 @media (min-width: 768px) {
	/*Contact*/
	 form[name^="Contact"] .clive-field-wrapper:nth-child(-n+5){
		 width: 48%;
		 float: left;
	}
	 form[name^="Contact"] .clive-field-wrapper:nth-child(3), form[name^="Contact"] .clive-field-wrapper:nth-child(5){
		 float: right !important;
	}
	 form[name^="Contact"] .clive-field-wrapper:nth-child(6){
		 clear:both;
	}
}
/*All*/
 .clive-field > input, .clive-field select, .clive-submit, .clive-field textarea {
	 border: 1px solid rgba(0,0,0,0.5)!important;
}
 .clive-field select{
	 height:40px !important;
}
 .clive-field textarea{
	 min-height: 150px;
}
 .g-recaptcha div:first-child{
	 margin:15px auto;
}
 .clive-submit{
	 display: block !important;
	 width: auto !important;
	 margin: 0 auto;
	 align-content: space-around;
	 color: #fff;
	 background-color: #007bff !important;
	 border-color: #007bff !important;
	 font-weight: 400;
	 text-align: center;
	 white-space: nowrap;
	 vertical-align: middle;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 border: 1px solid transparent !important;
	 padding: .375rem .75rem !important;
	 font-size: 1rem !important;
	 line-height: 1.5;
	 border-radius: .25rem !important;
	 transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
 .clive-submit:hover, .clive-submit:focus {
	 color: #fff;
	 background-color: #0069d9 !important;
	 border-color: #0062cc !important;
}
 .clive-submit.active:focus, .clive-submit:active:focus, .clive-submit:focus {
	 box-shadow: 0 0 0 0.2rem rgba(0,123,255,.5) !important;
}
/********************************** FOOTER ************************************/
 .footer {
	 padding: 30px;
	 background: #2D2D2D;
	 color: #fff;
}
 .footer .modal-title{
	 color:#333;
}
 .footer hr {
	 border-top: 1px solid #000;
}
 .footer a:not(.btn) {
	 color: #fff;
}
 .footer a:not(.btn):hover {
	 color: #fff;
	 text-decoration:underline;
}
 .footer img {
	 display:block;
	 margin:0 auto;
}
 #social img{
	 display:block;
	 width:24px;
}
 #back-to-top {
	 position: fixed;
	 bottom: 79px;
	 right: 15px;
	 display: none;
	 z-index:99;
}
/********************************** CHAT **************************************/
 #chat-button, #chat-greet, #sn_va_web_client {
	 position:fixed;
	 right:10px;
	 bottom:10px;
	 z-index:9999;
	 background:#4169e1;
	 color:#fff;
}
 #sn_va_web_client {
	 margin-bottom: 80px;
}
 #chat-greet {
	 margin: 0 85px 17px 0;
	 padding: .375rem .75rem;
	 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;
}
/******************************** RESPONSIVE **********************************/
.add-scroll{
    overflow-x:scroll;     
    white-space: nowrap;
}

div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

/*Extra large devices (large desktops, 1200px and up)*/
 @media (max-width: 1200px) {
	 .heading {
		 padding-top: 55px;
	}
	 #site-name{
		 margin: -5px 0 0 0;
		 padding-left: 0;
		 border-left:0;
		 text-align:center transition: 0.4s;
	}
	
	.dropdown:hover .dropdown-menu.show {
		 display: block;
		 max-height: 250px;
         overflow: scroll;
         position: relative;
	}
	
	/*Hover Instead of Click Open*/
.dropdown:hover .dropdown-menu {
	 display: none;

}

.dropdown:hover .dropdown-menu.show {
    display: block;
}
}
/*Large devices (desktops, 992px and up)*/
 @media (max-width: 992px) {
     
     .anchor-buttons button {
    padding: 8px;
    width: 14vh;
    
}

     #header {
        background: rgb(255, 255, 255) !important;
        /*position: sticky !important;*/
        margin-top: 64px !important;
        top: 0;
}
    .dropdown:hover .dropdown-menu.show {
		 display: block;
		 max-height: 250px;
         overflow: scroll;
         position: relative;
	}
}
/*Medium devices (tablets, 768px and up)*/
 @media (max-width: 768px) {
     
     .anchor-buttons button {
    padding: 0;
    width: 11vh;
    font-size: 14px;
    margin-left: -35px;
}

	 #template-page-wrapper {
		 padding-top: 0;
	}
	 #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;
	}
	 .tab-content > .tab-pane {
		 display: block !important;
		 opacity: 1;
	}
	
	 #header{
        background: rgb(255, 255, 255) !important;
        position: sticky !important;
        margin-top: 0 !important;
        top: 0;
    }
    
    #featured-top {
        margin-bottom: 40px;
}
     .dropdown:hover .dropdown-menu.show {
		 display: block;
		 max-height: 250px;
         overflow: scroll;
         position: relative;
	}
}
/*Small devices (landscape phones, 576px and up)*/
 @media (max-width: 576px) {
     #featured-top {
        margin-bottom: 40px;
        padding: 25px !important;
    }
    
    #header{
        padding: 10px 45px;
        background: rgb(255, 255, 255) !important;
        margin: 26px 0px 0px 0px;
        position: sticky !important;
}
     #header #logo {
	 height: 100px;
}
     .dropdown:hover .dropdown-menu.show {
		 display: block;
		 max-height: 250px;
         overflow: scroll;
         position: relative;
	}
}
 @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 {
		 display:none;
	}
	 .tab-content .card .collapse{
		 display:block;
	}
}