:root {
	/* Dark blue */
	 --brand-color1: #051C2C;
	 --brand-color1-rgb: 5, 28, 44;
	/* Medium blue */
	 --brand-color2: #6F87A3;
	 --brand-color2-rgb: 111, 135, 163;
	/* Light blue */
	 --brand-color3: #9EADC1;
	 --brand-color3-rgb: 158, 173, 193;
	/* Accent */
	 --brand-color4: #E74F3D;
	 --brand-color4-rgb: 231, 80, 61;
}

/********** Centralization ***********/
    /*** Template***/
     #template-layout-wrapper {
         margin: 0px !important;
    }
     #content-wrapper {
         margin-top: 100px;
    }
    /*** Navbar ***/
     .navbar {
         background: #051c2c;
         height: 60px;
    }
     .sticky-top {
         top: 4em;
    }
     a.nav-link {
         font-size: 16px;
         text-transform: UPPERCASE;
    }

    /*** template.mt.gov ***/
     #template-footer {
         position: fixed;
         bottom: 0;
         right: 0;
         left: 0;
    }
    /*** Page Body ***/
     body {
         font-family: 'Open Sans', sans-serif;
    }
    
    .bg-white {
        padding-top: 15px;
    }
/*********************************** GLOBAL ***********************************/
/* body {*/
/*	 font-family: 'Roboto', sans-serif;*/
/*	 background: url(../images/bkgd.jpg) no-repeat center center fixed;*/
/*	 -webkit-background-size: cover;*/
/*	 -moz-background-size: cover;*/
/*	 -o-background-size: cover;*/
/*	 background-size: cover;*/
/*}*/
 main h1, main h2, main h3{
	 color:var(--brand-color2);
}
 main h4, main h5, main h6{
	 color:var(--brand-color1);
}
 .py-5 h1{
	 padding-bottom:20px;
}
 a:not(.navbar-brand):not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event) {
	 color: var(--brand-color2);
	 text-decoration:none;
}
 a:not(.navbar-brand):not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event):hover {
	 text-decoration:underline;
}
 iframe{
	 border:0;
}
 table th{
	 font-weight:bold;
}
 fieldset, form, table {
	 margin: 0;
}
 figure{
	 margin: 0 auto 15px auto;
}
 figure img{
	 display: block;
	 margin:0 auto;
}
 figure>figcaption {
	 text-align: center;
	 margin: 20px 0 40px 0;
	 color: gray;
}
.blockquote, blockquote {
    position: relative;
    max-width: 100%;
    margin: 20px 0px;
    padding: 20px;
    border: thin solid lightgray;
    text-align: left;
    font-size: 16px;
    color: gray;
}
 blockquote p{
	 text-align: center;
	 font-size: 1.25rem;
	 font-style: italic;
	 color:initial;
}
 blockquote:before, blockquote:after{
	 position: absolute;
	 width: 48px;
	 height: 48px;
	 z-index: 10;
	 display: inline-block;
	 content: "";
	 background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' class='bi bi-quote' fill='lightgray' xmlns='http://www.w3.org/2000/svg'><path d='M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z'/></svg>");
	 background-repeat: no-repeat;
	 background-size: 3rem 3rem;
	 background-color:white;
}
blockquote:before {
    top: -25px;
    left: -24px;
}
 blockquote:after {
	 bottom: -20px;
	 right: -20px;
	 transform: rotate(180deg);
}
 .side blockquote{
	 max-width: 95%;
	 padding: 35px;
}
 .side blockquote p{
	 text-align: left;
	 font-size: inherit;
}
/*********************************** TEMPLATE.MT.GOV **************************/
/*Amber Alert*/
 body.amber-alert .sticky-top{
	 top: 112px;
}
/*********************************** TOOLS ************************************/
 .container-fluid{
	 padding-right: 1.5rem!important;
	 padding-left: 1.5rem!important;
}
 .container-full{
	 width: 100%;
	 overflow: hidden;
}
 .anchor{
	 display: block;
	 height: 120px;
	 margin-top: -120px;
	 visibility: hidden;
}
 .shape{
	 min-height:115px;
	 background-color: lightgray;
	 clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
}
 .shape h5{
	 width:97%;
	 margin:15px auto 30px auto;
	 padding:15px;
	 background:white;
	 font-size: 25px;
	 text-align:center;
}
/*Callouts*/
 .callout {
	 padding: 10px 20px;
	 margin: 0 0 20px;
	 border-left: 5px solid lightgray;
}
 .callout h4 {
	 margin-top: 0;
	 margin-bottom: 5px;
}
 .callout p:last-child {
	 margin-bottom: 0;
}
 .callout + .bs-callout {
	 margin-top: -5px;
}
/*Colors*/
 .blockColor1, .blockColor1.invert .shape {
	 background-color: var(--brand-color1) !important;
	 color: white;
}
 .blockColor1.invert{
	 border-color:var(--brand-color1) !important;
}
 .blockColor1.invert .card-title{
	 color: var(--brand-color1) !important;
}
 .blockColor1.invert:not(.border) .card-text{
	 border:1px solid var(--brand-color1) !important;
}
 .blockColor2, .blockColor2.invert .shape {
	 background-color: var(--brand-color2) !important;
	 border-color: var(--brand-color2);
	 color: white;
}
 .blockColor2.invert{
	 border-color: var(--brand-color2) !important;
}
 .blockColor2.invert .card-title{
	 color: var(--brand-color2) !important;
}
 .blockColor2.invert:not(.border) .card-text{
	 border:1px solid var(--brand-color2) !important;
}
 .blockColor3, .blockColor3.invert .shape {
	 background-color: var(--brand-color3) !important;
}
 .blockColor3.invert{
	 border-color: var(--brand-color3) !important;
}
 .blockColor3.invert .card-title{
	 color: var(--brand-color3) !important;
}
 .blockColor3.invert:not(.border) .card-text{
	 border:1px solid var(--brand-color3) !important;
}
 .blockColor4, .blockColor4.invert .shape {
	 background-color: var(--brand-color4) !important;
}
 .blockColor4.invert{
	 border-color: var(--brand-color4) !important;
}
 .blockColor4.invert .card-title{
	 color: var(--brand-color4) !important;
}
 .blockColor4.invert:not(.border) .card-text{
	 border:1px solid var(--brand-color4) !important;
}
 .blockColor5, .blockColor5.invert .shape {
	 background-color: #fafafa !important;
}
 .blockColor5.invert{
	 border-color: var(--brand-color5) !important;
}
 .blockColor5.invert .card-title{
	 color: var(--brand-color5) !important;
}
 .blockColor5.invert:not(.border) .card-text{
	 border:1px solid var(--brand-color5) !important;
}
 .invert{
	 background-color:transparent !important;
	 color:initial;
}
 .txtColor1{
	 color: var(--brand-color1) !important;
}
 .txtColor2{
	 color: var(--brand-color2) !important;
}
 .txtColor3{
	 color: var(--brand-color3) !important;
}
 .txtColor4{
	 color: var(--brand-color4) !important;
}
/*Alerts*/
 .alert{
	 font-size: 80%;
	 padding: 3px 15px;
}
 .alert-custom{
	 background: var(--brand-color4);
	 color: white;
}
/********************************** HEADER ************************************/
 header {
     position: relative;
}
 header .logo {
     display: block;
     position: absolute;
     z-index: 999;
     top: -90px;
     left: 50%;
     transform: translate(-50%, 0);
     width: 200px;
}
 header .logo.tiny {
     position: fixed;
     top: 2px;
     width: 60px;
     transition: all 0.4s ease-in-out 0s;
}
 .heading {
     padding: 110px 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.7rem;
     font-style: italic;
}
/*********************************** NAV **************************************/
 .dropdown-menu, .dropdown .dropdown-item {
	 background-color: var(--brand-color2);
	 border: none;
}
 .dropdown-menu[data-bs-popper] {
	 left: -0.5rem;
}
 .dropdown-menu .dropdown-item:hover{
	 background-color: var(--brand-color1);
}
 .dropdown-menu.custom-content {
	 width: 600px;
}
 .navbar-expand-lg .navbar-nav .nav-link {
	 padding: 0.75rem;
}
 .dropdown-toggle::after {
	 margin-left: 0.55em;
}
 header .nav-link{
	 color: white !important;
}
 .nav-link {
	 display: inline-block;
	 font-size: 14px;
}
/*Hover Instead of Click Open*/
/* .dropdown:hover .dropdown-menu {
	 display: block;
	 margin-top: 0;
}
 */
/*Sidebar*/
 .sidebar .nav-link {
	 padding: 0.5rem 0;
}
 .sidebar ul > li > ul{
	 margin-left: 15px;
}
/*Custom Navbar-Toggler*/
 .navbar-toggler .line{
	 width: 20px;
	 height: 2px;
	 background-color: #ecf0f1;
	 display: block;
	 margin: 6px auto;
	 -webkit-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
}
 .navbar-toggler[aria-expanded="true"]{
	 -webkit-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
	 -webkit-transition-delay: 0.6s;
	 -o-transition-delay: 0.6s;
	 transition-delay: 0.6s;
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
	 transform: rotate(45deg);
}
 .navbar-toggler[aria-expanded="true"] .line{
	 width: 25px;
}
 .navbar-toggler[aria-expanded="true"] .line:nth-child(2){
	 width: 0;
}
 .navbar-toggler[aria-expanded="true"] .line:nth-child(1), .navbar-toggler[aria-expanded="true"] .line:nth-child(3){
	 -webkit-transition-delay: 0.3s;
	 -o-transition-delay: 0.3s;
	 transition-delay: 0.3s;
}
 .navbar-toggler[aria-expanded="true"] .line:nth-child(1){
	 -webkit-transform: translateY(8px);
	 -ms-transform: translateY(8px);
	 -o-transform: translateY(8px);
	 transform: translateY(8px);
}
 .navbar-toggler[aria-expanded="true"] .line:nth-child(3){
	 -webkit-transform: translateY(-8px) rotate(90deg);
	 -ms-transform: translateY(-8px) rotate(90deg);
	 -o-transform: translateY(-8px) rotate(90deg);
	 transform: translateY(-8px) rotate(90deg);
}
 .navbar-dark .navbar-toggler {
	 border-color: transparent;
}
 .navbar-toggler:focus {
	 box-shadow: none;
}
/*********************************** SEARCH ***********************************/
 .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;
}
 .gsc-control-cse{
	 padding:0 !important;
}
/*********************************** BREADCRUMBS ******************************/
 .breadcrumb {
	 font-size: 75%;
}
/*********************************** BUTTONS **********************************/
 .btn{
	 font-weight:bold;
}
 .btn-xl {
	 padding: 1rem 2rem;
	 font-size: 2.5rem;
}
 .btn-primary {
	 background-color: var(--brand-color4);
	 border-color: var(--brand-color4);
	 color: inherit;
}
 .blockColor3 .btn-primary, .blockColor4 .btn-primary {
	 background-color: var(--brand-color1);
	 border-color: var(--brand-color1);
	 color: white;
}
 .btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	 box-shadow: 2px 2px var(--brand-color3);
	 background-color: var(--brand-color4);
	 border-color: var(--brand-color4);
	 color: inherit;
}
 .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{
	 box-shadow: 0 0 0 0.2rem rgba(var(--brand-color4-rgb), .5);
}
 .btn-primary.disabled, .btn-primary:disabled {
	 color: inherit;
	 background-color: rgba(var(--brand-color4-rgb), .35);
	 border-color: rgba(var(--brand-color4-rgb), .5);
}
/*Darker*/
 .blockColor3 .btn-primary, .blockColor4 .btn-primary {
	 background-color: var(--brand-color1);
	 border-color: var(--brand-color1);
	 color: white;
}
 .blockColor3 .btn-primary:hover, .blockColor3 .btn-primary.focus, .btn-primary:focus, .blockColor3 .btn-primary:not(:disabled):not(.disabled).active, .blockColor3 .btn-primary:not(:disabled):not(.disabled):active, .show> .blockColor3 .btn-primary.dropdown-toggle, .blockColor4 .btn-primary:hover, .blockColor4 .btn-primary.focus, .btn-primary:focus, .blockColor4 .btn-primary:not(:disabled):not(.disabled).active, .blockColor4 .btn-primary:not(:disabled):not(.disabled):active, .show> .blockColor4 .btn-primary.dropdown-toggle {
	 box-shadow: 2px 2px var(--brand-color3);
	 background-color: var(--brand-color1);
	 border-color: var(--brand-color1);
	 color: white;
}
 .blockColor3 .btn-primary.focus, .blockColor3 .btn-primary:focus, .blockColor3 .btn-primary:not(:disabled):not(.disabled).active:focus, .blockColor3 .btn-primary:not(:disabled):not(.disabled):active:focus, .show> .blockColor3 .btn-primary.dropdown-toggle:focus, .blockColor4 .btn-primary.focus, .blockColor4 .btn-primary:focus, .blockColor4 .btn-primary:not(:disabled):not(.disabled).active:focus, .blockColor4 .btn-primary:not(:disabled):not(.disabled):active:focus, .show> .blockColor4 .btn-primary.dropdown-toggle:focus {
	 box-shadow: 0 0 0 0.2rem rgba(var(--brand-color1-rgb), .5);
}
 .blockColor3 .btn-primary.disabled, .blockColor3 .btn-primary:disabled, .blockColor4 .btn-primary.disabled, .blockColor4 .btn-primary:disabled {
	 color: white;
	 background-color: rgba(var(--brand-color1-rgb), .35);
	 border-color: rgba(var(--brand-color1-rgb), .5);
}
/*Secondary*/
 .btn-secondary {
	 background-color: var(--brand-color2);
	 border-color: var(--brand-color2);
	 color: white;
}
 .btn-secondary:hover, .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
	 box-shadow: 2px 2px var(--brand-color3);
	 background-color: var(--brand-color2);
	 border-color: var(--brand-color2);
	 color: white;
}
 .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{
	 box-shadow: 0 0 0 0.2rem rgba(var(--brand-color2-rgb), .5);
}
 .btn-secondary.disabled, .btn-secondary:disabled {
	 color: white;
	 background-color: rgba(var(--brand-color2-rgb), .35);
	 border-color: rgba(var(--brand-color2-rgb), .5);
}
/*********************************** WIDGETS **********************************/
 .content-block:not(:last-child){
	 margin-bottom:30px;
}
/*********************************** ACCORDIONS/TABS **************************/
 .nav-tabs {
	 display:none;
}
/*Nested Accordions*/
/*FAQ*/
 .accordion.faq .accordion-header{
	 position: relative;
}
 .accordion.faq .accordion-button::after{
	 position:absolute;
}
 .accordion.faq .accordion-body{
	 padding-left:50px;
	 padding-right:50px;
}
/*********************************** BANNER ***********************************/
 .banner{
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: cover;
	 min-height:500px;
}
/********************************** CALENDAR **********************************/
/*Full Calendar*/
/*Event List Widget*/

.meetings-calendar {
    max-width: 100%;
}
/*********************************** CARDS ************************************/
 .card{
	 background-color: transparent;
	 border:none;
}
 .cards a:hover .card {
	 background-color: lightgray !important;
}
 .cards a:hover{
	 text-decoration: none !important;
}
 .card-body {
	 padding-bottom: 0;
}
 .card-body:empty {
	 display: none;
}
 .card-title{
	 color: gray;
}
 .invert .card-text{
	 height: -moz-calc(100% - 115px);
	 height: -webkit-calc(100% - 115px);
	 height: calc(100% - 115px);
	 margin-top:5px;
	 padding:10px;
}
 .card img.rounded-circle{
	 max-width: 150px;
}

.ico-custom {
    width: 70px;
    margin-bottom: 25px;
    /* margin-right: 0px !important; */
    margin-left: 2rem !important;
}
/*********************************** CAROUSEL *********************************/
 .carousel-item{
	 background: white;
}
 .carousel-indicators [data-bs-target] {
	 width: 5px;
	 height:5px 
}
 .carousel-caption h5, .carousel-caption p{
	 text-shadow: 1px 1px rgba(0,0,0,0.75);
}
 .carousel-caption a:not(.btn){
	 color: white !important;
}
 .carousel-caption a:not(.btn):hover{
	 text-decoration: none !important;
}
 .carousel-control-next, .carousel-control-prev {
	 width: 5%;
}
/*********************************** TILES ************************************/
 .tile {
	 position: relative;
	 float: left;
	 width: 100%;
	 height: 100%;
	 overflow: hidden;
	 background: var(--brand-color1);
	 border:1px solid lightgray;
	 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: 40% 15px 15px 15px;
	 overflow: hidden;
}
 .tile h2 {
	 position: relative;
	 margin-bottom: 0;
	 padding:0;
	 overflow: hidden;
	 background-color: rgba(var(--brand-color1-rgb),0.75);
	 text-transform: uppercase;
	 font-size:24px;
	 text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	 text-align: center;
	 color: white;
}
 .tile p {
	 padding: 0 0 5px 0;
	 background-color: rgba(var(--brand-color1-rgb), 0.75);
	 color: white;
}
 .hovereffect img {
	 -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;
}
 .hovereffect:hover img {
	 opacity: 0.4;
	 filter: alpha(opacity=40);
	 -webkit-transform: translate3d(0,0,0);
	 transform: translate3d(0,0,0);
}
 .hovereffect h2{
	 padding:10px 0;
}
 .hovereffect h2:after {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 2px;
	 background: var(--brand-color4);
	 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 {
	 background-color: transparent;
	 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);
}
/*********************************** NEWS *************************************/
 .loader {
	 width: 100%;
	 margin: 15px auto;
	 font-size: 100px;
	 text-align: center;
	 color: rgba(var(--brand-color3-rgb),0.15);
	 -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;
}
 .news h5.title{
	 font-size:1.75rem;
}
 .news .article:last-child{
	 border-bottom:0 !important;
}
 .news .thumb{
	 object-fit: cover;
}
/*********************************** TIMELINE *********************************/
 .timeline .dot {
	 position: relative;
	 height: 25px;
	 width: 25px;
	 background-color: lightgray;
}
 .timeline .icon i {
	 padding: 15px;
	 background-color: lightgray;
	 font-size: 50px;
	 line-height: 1;
}
 .timeline .date {
	 width: 150px;
	 margin-right: -45px;
	 margin-top: 24px;
	 border-top: 3px solid lightgray;
	 font-size: 20px;
	 text-align: right;
}
 .timeline .card-header{
	 background-color: lightgray;
}
 .timeline .card-body {
	 background-color: #fafafa;
}
/*Even*/
 .event:nth-child(even) .date {
	 margin-left: -45px;
	 text-align: left;
}
 .event:nth-child(even) .icon i {
	 margin-left: 45px;
}
/*Animation*/
 .timeline .detail, .timeline .icon {
	 visibility: hidden;
	 opacity: 0;
	 transition: all 0.5s ease-in-out;
}
 .timeline .event:nth-child(odd) .detail, .timeline .event:nth-child(even) .icon {
	 transform: translate3d(25%, 0, 0);
}
 .timeline .event:nth-child(even) .detail, .timeline .event:nth-child(odd) .icon {
	 transform: translate3d(-25%, 0, 0);
}
 .timeline .event.in-view .detail, .timeline .event.in-view .icon {
	 transform: none;
	 visibility: visible;
	 opacity: 1;
}
 .timeline .event.in-view .dot {
	 animation: scaleAnimation 1s;
}
/*********************************** FOOTER ***********************************/
 .footer {
     background-color: var(--brand-color1);
}
 .footer a:not(.btn) {
}
 .footer img {
     display:block;
     margin:0 auto;
}
 .footer .list-unstyled li {
     margin-bottom: 1em;
}
 .footer .social-links i{
     font-size: 24px;
}
 .footer .social-links img{
     display: block;
     width: 24px;
}
/*********************************** CHAT *************************************/
 #chat-button, #chat-greet, #sn_va_web_client {
	 position:fixed;
	 right:10px;
	 bottom:20px;
	 z-index:9999;
	 background: var(--brand-color2);
	 border: thin solid var(--brand-color1);
	 color:white;
}
 #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;
}
/*********************************** ANIMATION ********************************/
 @-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);
	}
}
 @-webkit-keyframes scaleAnimation {
	 0% {
		 -webkit-transform: scale(0);
		 transform: scale(0);
	}
	 100% {
		 -webkit-transform: scale(1);
		 transform: scale(1);
	}
}
 @keyframes scaleAnimation {
	 0% {
		 -webkit-transform: scale(0);
		 transform: scale(0);
	}
	 100% {
		 -webkit-transform: scale(1);
		 transform: scale(1);
	}
}
/*********************************** RESPONSIVE *******************************/
/*Extra large devices (large desktops, 1200px or less)*/
 @media (max-width: 1200px) {
	 .event:nth-child(even) .date {
		 padding-left:15px;
	}
	 .event:nth-child(odd) .date {
		 padding-right:15px;
	}
	
    header .logo {
        top: -50px;
        width: 100px;
    }
    
    .card-text span {
        font-size: 16px !important;
    }
    
}
/*Large devices (desktops, 992px or less)*/
 @media (max-width: 992px) {
	 .heading span:last-child{
		 font-size:1.5rem;
	}
	header .logo.tiny {
        position: absolute;
    }
	.navbar-collapse.show {
        background: #051c2c;
        min-height: 245px;
    }
	 .dropdown-menu[data-bs-popper] {
		 left: 0;
	}
	 .dropdown-menu, .dropdown .dropdown-item {
		 padding: 0 20px;
	}
	 .dropdown-item.active, .dropdown-item:active {
		 color: white;
	}
	 .news .thumb {
		 width: auto;
		 height: auto;
	}
	 .event:nth-child(even) .date {
		 margin-left: -30px;
		 padding-left:30px;
	}
	 .event:nth-child(odd) .date {
		 margin-right: -30px;
		 padding-right:30px;
	}
	
	.card-body {
        margin-left: 1rem;
        padding-top: 10px;
        margin-bottom: 2rem;
	}
	
	#template-footer {
	    display: none;
	}
}
/*Medium devices (tablets, 768px or less)*/
 @media (max-width: 768px) {
	 .sticky-top {
		 top: 0;
	}
	
	 .navbar-nav .nav-link {
         text-align: center;
    }
     .navbar .form-inline .input-group {
         margin: 0 auto;
    }
    
	 .sidebar {
		 border:0 !important;
		 text-align: center;
	}
	 .carousel-caption{
		 position: initial;
		 padding: 30px;
	}
	 .carousel-caption h5, .carousel-caption p {
		 text-shadow: none;
	}
	 .carousel-caption a{
		 color:initial !important;
	}
	 .carousel-indicators{
		 display:none;
	}
	/*Tabs To Accordions*/
	 .tab-content > .tab-pane {
		 display: block !important;
		 opacity: 1;
	}
	 .footer [class^="col-"]{
		 margin-bottom: 15px;
	}
}

@media (min-width: 1200px)
{
    .card-text {
        margin-bottom: 15px !important;
    }
}



/*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;
	}
	 .row.gx-5 {
		 margin-right: calc(-.5 * 4rem);
		 margin-left: calc(-.5 * 4rem);
	}
	 .row.gx-5>* {
		 padding-right: calc(4rem * .5);
		 padding-left: calc(4rem * .5);
	}
	/*Tabs To Accordions*/
	 .nav-tabs {
		 display: flex;
	}
	 .tab-content .accordion {
		 border: none;
	}
	 .tab-content .accordion .accordion-header {
		 display:none;
	}
	 .tab-content .accordion .collapse{
		 display:block;
	}
}
/*Internet Explorer*/
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	 .sticky-top{
		 top:0;
	}
}