@charset "utf-8";

/** general **/

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5;
    color: #191919;
}

/*
.pageCenterContent {
	padding-top: 50px;
}*/
/*-------------------------*/
a {
	text-decoration: none;
}

    a:hover {
        text-decoration: none;
        outline: none;
    }

.content-text a {
    text-decoration: underline;
}
    .content-text a:hover {
        text-decoration: none;
    }


.home-page {
	height: 0;
}

blockquote {
    border-left: 6px solid #3d55bc;
    font-style: italic;
    background-color:unset;
    margin: 25px 0; 
}

#main-content.secondary-page a {
	text-decoration: underline;
}

    #main-content.secondary-page a:hover {
        text-decoration: none;
    }

p {
    margin-bottom: 18px;
}

img {
    max-width: 100%;
}

.image-gallery:hover {
        transform: scale(1.05);
        transition: all 0.2s linear 0s;
  }


.no-p {
    padding: 0 !important;
}

.no-m {
    margin: 0 !important;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'PT Sans', sans-serif;
    line-height: normal;
    margin: 0 0 5px 0;
    text-rendering: optimizelegibility;
    font-style: normal;
}

h1 {
    font-size: 2rem;
    text-transform: uppercase;
    color: #193a77;
    padding: 0;
}

h2 {
    font-size: 1.8rem;
    color: #193a77;
    text-align: left;
    margin: 0 0 25px 0; 
}

h3 {
    font-size: 1.35rem;
    color: #193a77;
    text-align: left;
    margin: 15px 0;
}

h4 {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 15px 0;
    color: #193a77;
    font-weight: bold;
}

h5 {
    font-size: 1.15rem;
    color: #193a77;
    font-weight: 600;
    margin: 15px 0;
}

h6 {
    font-size: 1rem;
    color: black;
    font-weight: 600;
    margin: 15px 0;
}

.img-l {padding: 0 25px 20px 0;}

.img-r {padding: 0 0 20px 25px;}

table .bdtable td {
	border-bottom: 1px #707b7c dotted;
}

/*----------------------------------------*/
#skiptocontent a {
    padding: 6px 15px 10px 15px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: #005695;
    border-right: 1px solid #005695;
    border-bottom-right-radius: 8px;
    background: transparent;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}

    #skiptocontent a:focus {
        position: absolute;
        left: 0px;
        top: 0px;
        background: white;
        border-bottom: 3px #005695 solid;
        border-right: 3px #005695 solid;
        outline: 0;
        -webkit-transition: top .1s ease-in, background .5s linear;
        transition: top .1s ease-in, background .5s linear;
    }
/*----------------------------------*/

@media (min-width:1400px) {
    .container {
        max-width: 1250px
    }
}
/*---------------*/
#main-content {
    background-color: white;
}

#main-content .container {
    padding-bottom: 10px;
}

header {
	background-color: #253a96;
	padding-top: 5px;
	border-bottom: 4px solid #a28a42;
	transition: transform ease .5s;
	transition: -webkit-transform .5s ease;
	position: relative;
	z-index: 1000;
}

	header.sticky {
		transform: translateY(-25px);
		position: relative;
		z-index: 1000;
	}



@media (min-width:768px) {
	.logo-wrapper {
		position: absolute;
		z-index: 1000;
		top: 13px;
	}
}

@media (min-width:575px) and (max-width:768px) {
    header {
        padding-bottom: 80px !important;
    }
}


@media (max-width:575px) {
    nav {
        margin-left: 20px;
        margin-top: 20px;
        margin-bottom: 60px;
    }
}

@media (min-width:575px) and (max-width:768px) {
    nav {
        margin-left: 160px;
        margin-top: 30px;
    }

    .logo-wrapper img {
        max-width: 180px;
    }
}

@media (min-width:768px) and (max-width:992px) {
    nav {
        float: right;
        margin-top: 11px;
    }

	.logo-wrapper img {
		max-width: 140px;
	}

    header {
        min-height: 120px;
    }
}

@media (max-width:992px) {
    header {
        padding-top: 24px;
        padding-bottom: 25px;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    nav {
        float: right;
        margin-top: 30px;
    }

	.logo-wrapper img {
		max-width: 160px;
	}

    header {
        min-height: 120px;
    }
}

@media (min-width:1200px) and (max-width:1250px) {
    nav {
        margin-left:120px;
    }
}
@media (min-width:1250px) and (max-width:1400px) {
    nav {
        margin-left: 140px;
    }
}


@media (min-width:1200px) {
	header {
		padding: 35px 0 10px 0;
		max-height: 127px;
	}

	header img {
		max-width: 127px;
	}
}



@media (min-width:1400px) {
	nav {
		margin-left: 200px;
	}
}

/*------------------Sticky Header-----------------------------------------*/

.mg-bottom {
	margin-bottom: 170px;
}

header.sticky .container {
	width: inherit;
}

header.sticky .logo-wrapper {
	position: absolute;
	z-index: 1000;
	top: 25px;
}
header.sticky {
    top: 0;
}
@media (min-width:1400px) {
	header.sticky {
		background-color: black;
		position: fixed;
		width: 100%;
		text-align: left;
		z-index: 1000;
		padding: 35px 0 10px 0;
		max-height: 127px;
		background-color: #253a96;
		border-bottom: 4px solid #a28a42;
	}

		header.sticky img {
			max-width: 65px;
		}
}


@media (max-width:1400px) {
	header.sticky {
		position: fixed;
		width: 100%;
		text-align: left;
		z-index: 1000;
		max-height: 127px;
		background-color: #253a96;
		border-bottom: 4px solid #a28a42;
	}

		header.sticky .menu-collapser {
			margin-right: 15px;
			margin-bottom: 0;
		}
}

header.sticky {
	min-height: unset;
}

@media (min-width:1200px) and (max-width:1400px) {
	header.sticky {
		padding: 35px 0 10px 0;
	}

		header.sticky img {
			max-width: 73px;
		}
}

@media (min-width:992px) and (max-width:1200px) {
	header.sticky .logo-wrapper img {
		max-width: 67px;
	}

	header.sticky {
		padding: 10px 0 5px 0;
	}
}

@media (max-width:1200px) {
	header.sticky nav {
		margin-top: 20px;
		margin-bottom: 0;
	}
}

@media (max-width:992px) {
	header.sticky {
		min-height: unset;
		padding: 10px 0 5px 0 !important;
	}

		header.sticky .logo-wrapper img {
			max-width: 67px;
		}

		header.sticky nav {
			float: right;
		}
}

@media (max-width:480px) {
	header.sticky nav {
		float: left !important;
		margin-left: 30px;
	}

	header.sticky .logo-wrapper {
		display: none;
	}
}

@media (min-width:480px) and (max-width:520px) {
	header.sticky nav {
		margin-right: 100px;
	}
}

@media (min-width:520px) and (max-width:768px) {
	header.sticky nav {
		margin-right: 100px;
	}
}

@media (min-width:768px) and (max-width:992px) {
	header.sticky nav {
		margin-right: 65px;
	}
}

@media (max-width:575px) {
	header.sticky .logo-wrapper img {
		max-width: 67px;
	}
}

@media (max-width:480px) {
	header.sticky .menu-collapser-title {
		display: none;
	}
}

@media (max-width:575px) {
   .logo-wrapper img {
       max-width:140px;
   }
}


/*--------------------------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	/* IE10+ specific styles go here */
	header.sticky,
	header.sticky .row,
	header.sticky ul,
	header .row {
		width: 100%;
	}

		header.sticky .container {
			width: 90%;
		}

		header.sticky, header.sticky .menu-collapser {
			background: #eae4c4;
		}
}
/*--------------------Bootstrap Carousel----------------------------*/

.carousel-item, .carousel-inner {
}


.carousel-indicators li {
    box-sizing: unset;
    -ms-flex: unset;
    flex: unset;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    margin-right: 10px;
    margin-left: 10px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #253a96;
    background-clip: unset;
    transition: opacity .6s ease;
    border-top: 0;
    border-bottom: 0;
    opacity: 1;
    padding: 0;
}

.carousel-indicators .active {
    background-color: white;
    -webkit-box-shadow: inset 0px 0px 0px 4px rgba(37,58,150,1);
    -moz-box-shadow: inset 0px 0px 0px 4px rgba(37,58,150,1);
    box-shadow: inset 0px 0px 0px 4px rgba(37,58,150,1);
}

.carousel-caption {
    position: absolute;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 1.5;
}

.color-black {
    color: black;
}

.color-white {
    color: white;
}
@media (max-width:768px) {
    header {
        text-align: center;
    }
}
@media (max-width:767px) {
    .carousel-inner .carousel-item:first-child img {
        transform:scale(2.5) !important;
        position:relative;
        right:44%;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .carousel-caption {
        width: 40%;
        top: 11%;
        left: 15%;
    }

        .carousel-caption h1 {
            font-size: 1.6rem;
        }
}

@media (min-width:992px) and (max-width:1200px) {
    .carousel-caption {
        width: 40%;
        top: 15%;
        left: 15%;
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .carousel-caption {
        width: 35%;
        top: 10%;
        left: 15%;
    }
}

@media (min-width:1400px) {
    .carousel-caption {
        width: 35%;
        top: 30%;
        right: 15%;
        bottom: 20px;
        left: 15%;
    }
}

@media (min-width:768px) and (max-width:820px) {
    .carousel-caption h1 {
        font-size:1.3rem;
    }
    .carousel-caption p {
        font-size: .9rem;
        line-height:1.15;
    }
}


/*------------------Quick-links------------------------*/
#quick-links {
    background-color: white;
    padding: 40px 0 35px 0;
}

    #quick-links a {
        font-family: 'Roboto', sans-serif;
        text-decoration: none;
        animation: none !important;
        padding-top: 168px;
        line-height: 1;
        color: #253a96;
    }    

    #quick-links img {
        margin-right: 15px;
        float: none;
        max-width: 108px;
        margin:0 auto;
    }
    #quick-links .row div {
        text-align:center;
    }
    #quick-links .row div div {
        width: 110px;
        margin:20px auto 0 auto;
        float: none;
    }

    #quick-links a:hover img {
transform:scale(1.1);
transition:.2s ease;
    }
    #quick-links a:hover {
        color: #a28a42;
        transition:.5s ease;
    }

    @media (max-width:575px) {
        #quick-links figure {
        width: 110px;
        height: 110px;
    }

    #quick-links .row div {
        margin-top: 20px;
        text-align:center;
    }

}

@media (min-width:320px) and (max-width:767px) {
    #quick-links .row > div {
        margin-top: 60px;
    }

        #quick-links .row > div:first-child,
        #quick-links .row > div:nth-child(2) {
            margin-top: 0;
        }
        #quick-links .row > div:first-child,
        #quick-links .row > div:nth-child(2) {
            margin-top: 0;
        }
}

@media (min-width:768px) and (max-width:992px) {
    #quick-links a {
        font-size: 1rem;
    }

    #quick-links .row div:nth-child(4),
    #quick-links .row div:nth-child(5),
    #quick-links .row div:nth-child(6) {
        margin-top: 40px;
    }
}

@media (min-width:992px) {
    #quick-links a {
        font-size: 1.05rem;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    #quick-links .row div:nth-child(4),
    #quick-links .row div:nth-child(5),
    #quick-links .row div:nth-child(6) {
        margin-top: 40px;
    }
}
@media (min-width:320px) and (max-width:575px) {
    #quick-links .row > div {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}
@media (min-width:1200px) {
    #quick-links .row > div {
        -ms-flex: 0 0 16.65%;
        flex: 0 0 16.65%;
        max-width: 16.65%
    }
}

/*------------View buttons-----------------*/

.view-btn a {
    padding: 11px 80px;
    color: #253a96 !important;
    border-radius: 4px;
    border: 2px solid #253a96;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400;
}
#slider .view-btn a::after {
    content: url(../images/arrow-btn.png);
    padding-left: 15px;
    line-height: 30px;
}

    .view-btn a:hover {
        background-color: #142779;
        color: white !important;
        text-decoration: none;
        transition:.5s ease;
    }

@media (max-width:767px) {
    .view-btn {
        text-align: center;
        margin-bottom: 25px;
    }
}

.content-btn {
    background-color: #253a96;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
    cursor: pointer;
    padding: 11px 40px;
    text-align:center;
    max-width:330px;
}

    .content-btn a {
        color: white !important;
         text-decoration: none;
    }

    .content-btn:hover {
        background-color: #142779;
        text-decoration: none;
    }


@media (max-width:767px) {
    .content-btn {
        text-align: center;
        margin-bottom: 25px;
    }
}

/*--------------City News----------------------------*/
.city-news {
    background-image: url(../images/news-bg.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 50px;
}

    .city-news h1, #upcoming-events h1 {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 3rem;
        color: black;
        margin-bottom: 20px;
        text-align: center;
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center;
    }

    .city-news .row {
        margin-bottom: 10px;
        padding-left: 40px;
        padding-right: 40px;
    }

.news-item {
	background-color: white;
	border-radius: 4px;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}

	.news-item a {
		color: black;
	}

    .news-item:hover {
        -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);
    }

.news-title {
	color: #193a77;
	font-weight: bold;
	font-size: 1rem;
	text-align: left;
	font-family: 'Roboto', sans-serif;
        margin-bottom: 14px;
}


.news-time {
    color: white;
    text-align: right;
    background-color: #a28a42;
    line-height: 26px;
    height: 26px;
    padding-right: 7px;
}

.city-news .view-btn-dark {
    margin-top: 30px;
}

@media (max-width:767px) {
    .news-item, .news-title {
        text-align: center;
    }

    .news-item {
        text-align: center;
        margin-bottom: 40px;
        max-height: 525px;
    }

    .city-news h1 {
        text-align: center;
    }
}

@media (min-width:768px) {
    .news-item {
        max-height: 525px;
    }
}

@media (max-width:992px) {
    .news-item img {
        float: none !important;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width:768px) {
    .news-image-time img {
        display: none;
    }

    .news-text {
        padding: 10px;
        width: 100%;
        font-size: .9rem;
        line-height: 1.5;
        height: 200px;
        overflow: hidden;
        text-align: left
    }
}

@media (min-width:768px) and (max-width:991px) {
    .city-news .row > div:first-child, .city-news .row > div:nth-child(2) {
        margin-bottom: 40px;
    }

    .news-image-time {
        float: left;
        margin-right: 10px;
        width: 123px;
    }

    .news-text {
        padding-top: 10px;
        font-size: .9rem;
        line-height: 1.5;
        float: left;
        width: calc(100% - 133px);
        overflow: hidden;
        height: 150px;
        padding-right: 10px;
    }
}

@media (max-width:992px) {
    .city-news {
        padding-bottom: 60px;
    }
}

@media (min-width:992px) {
    .city-news {
        padding-bottom: 127px;
    }
}

@media (min-width:1200px) {
    .news-image-time {
        float: left;
        margin-right: 10px;
        width: 123px;
    }

    .news-text {
        padding-top: 10px;
        font-size: .9rem;
        line-height: 1.5;
        float: left;
        width: calc(100% - 133px);
        overflow: hidden;
        height: 150px;
        padding-right: 10px;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .news-image-time img {
        display: none;
    }

    .news-text {
        padding: 10px;
        width: 100%;
        font-size: .9rem;
        line-height: 1.5;
        height: 200px;
        overflow: hidden;
    }
}

/*----------------------Upcoming Events----------------------------------*/
#upcoming-events {
    background-image: url(../images/events-bg.jpg);
    min-height: 496px;
    width: 100%;
    background-position: center;
    background-size: cover;
    color: black;
    font-size: 1rem;
    padding-top: 50px;
}


    #upcoming-events .event-name a {
        color: black;
        text-decoration: none;
    }

    #upcoming-events a:hover {
        text-decoration: underline;
    }

.event-wrapper {
    background-color: white;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-size: .8rem;
    margin-bottom: 15px;
    font-weight: normal;
    text-decoration: none;
    border: 0;
    position: relative;
    vertical-align: baseline;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);
}

	.event-wrapper:hover {
		transition: all .5s ease;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.9);
		-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.9);
		box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.9);
	}

.event-date {
    float: left;
    width: 63px;
    height: 63px;
    border-radius: 4px;
    margin-right: 20px;
    background-color: #a28a42;
    color: white;
    text-align: center;
    padding-top: 5px;
}

.event-description {
    float: left;
    width: calc(100% - 100px);
    font-size: .8rem;
    color: black;
    text-align: left;
    margin-top: 15px;
    padding-right: 15px;
}

.event-date {
    font-size: 1rem;
    line-height: 1.1;
    margin-top: 15px;
    margin-left: 15px;
}

.event-day {
    font-weight: bold;
    font-size: 2rem;
}

.event-name {
    font-weight: bold;
    font-size: 1.05rem;
    margin-top: 7px;
}

.border-bottom-blue {
    background-color: #253a96;
    height: 8px;
    width: 100%;
    margin-top: 15px;
    position: absolute;
    bottom: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#upcoming-events .view-btn a:hover {
    text-decoration: none;
}

@media (max-width:992px) {
    .event-wrapper {
        padding-bottom: 20px;
    }

    #upcoming-events {
        padding-bottom: 60px;
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .event-wrapper {
        min-height: 130px;
    }
}

@media (min-width:992px) {
    #upcoming-events {
        padding-bottom: 100px;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .event-wrapper {
        min-height: 125px;
    }
}

@media (min-width:1200px) {
    .event-wrapper {
        min-height: 104px;
    }
}
/*------------------Footer--------------------------*/
footer {
    background-color: #253a96;
    color: white;
    font-size: 1rem;
    padding-top: 25px;
    padding-bottom: 20px;
}

    footer .row > div:nth-child(2) div, footer .row > div:nth-child(3) div {
        margin-bottom: 9px;
    }

.footer-address div, .footer-address img {
    float: left;
}

.footer-logo img {
    max-width: 130px;
}

.footer-address {
    line-height: 1;
}

footer img {
    margin-right: 10px;
}

.footer-contact {
    line-height: 1.6;
    padding-left: 40px;
}

footer .row > div:nth-child(4) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

footer a {
    color: white !important
}

    footer a:hover {
        text-decoration: underline;
    }

@media (max-width:767px) {
    footer .row {
        width: 300px;
        margin: 0 auto;
    }
}

@media (max-width:992px) {
    .footer-logo {
        text-align: center;
        margin-bottom: 30px;
    }
}

#copyright {
    background-color: #1f1f1f;
    color: white;
    padding: 18px 0 12px 0;
    line-height: 26px;
}

    #copyright a {
        text-decoration: none;
        color: white;
    }

        #copyright a:hover {
            text-decoration: underline;
            color: white;
        }

    #copyright img {
        margin-right: 7px;
    }


@media (max-width:575px) {

    #copyright input {
        margin-right: 5px;
    }

    #copyright .row > div:last-child > div:first-child {
        position: relative;
        top: 110px;
    }

    #copyright .row > div:last-child {
        margin-top: -20px;
    }

    #copyright {
        padding-bottom: 70px;
    }
}


@media (min-width:575px) {
    #copyright .row > div:last-child div {
        float: right;
        margin-right: 25px;
    }

    #copyright input {
        float: left;
        margin-right: 5px;
    }
}


@media (min-width:575px) and (max-width:768px) {
    #copyright .row > div:last-child {
        padding-top: 20px;
        padding-bottom: 15px;
    }
}

@media (min-width:768px) and (max-width:992px) {
    #copyright .row > div:last-child {
        padding-right: 115px;
        padding-top: 20px;
        padding-bottom: 15px;
    }
}

@media (max-width:992px) {
    #copyright .row div {
        text-align: center;
        line-height: 30px;
    }
}
/*--------------Search----------------------------*/
.search-box {
    display: block;
    border: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    height: 33px;
    width: 100%;
    max-width: 300px;
}

.search-input {
    float: left;
    font-size: 1rem;
    height: 33px;
    border-radius: 33px;
    line-height: 1.25;
    border: 1px solid white;
    background: none;
    border-radius: 33px !important;
    width: calc(100% - 53px);
    padding-left: 15px;
    color: white;
}

    .search-input:focus {
        -webkit-box-shadow: inset 0 0 5px 0px rgba(0,0,0,0.8);
        -moz-box-shadow: inset 0 0 5px 0px rgba(0,0,0,0.8);
        box-shadow: inset 0 0 5px 0px rgba(0,0,0,0.8);
    }

.search-box ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
}

.search-btn {
    background-image: url("../images/search-btn.png");
    background-repeat: no-repeat;
    background-color: #253a96;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 33px;
    padding: 0;
    margin-top: 0 !important;
    width: 33px;
    border: none;
    top: -1px;
    position: relative;
    float: left;
    margin-left: 5px;
}

    .search-btn:hover {
        background-image: url("../images/search-btn-hover.png");
        cursor: pointer;
    }

.search-btn {
    border-radius: 0 !important;
}

.mcms_ErrorText {
    color: red;
    float: left;
    font-weight: bold;
    height: 31px;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 2px;
    padding-top: 0;
}

@media (max-width:991px) {
    .search-box {
        margin-top: 20px;
    }
}

/*---------------------------Animation---------------------------------*/


@media only screen and (max-device-width: 992px) {
    .wow {
        animation: none !important;
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
/*-----------------------------*/
.ui-box {
    text-decoration: none;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    position: relative;
    vertical-align: baseline;
    padding: 10px
}

.bottom-leftStart .ui-border-element:before {
    border-left: 8px solid #253a96;
    top: 100%;
    bottom: 0;
    left: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms
}

.bottom-leftStart:hover .ui-border-element:before {
    top: 0%
}

.bottom-leftStart:not(:hover) .ui-border-element:before {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms
}

.bottom-leftStart:before, .bottom-leftStart:after, .bottom-leftStart > .ui-border-element:before, .bottom-leftStart > .ui-border-element:after {
    content: '';
    position: absolute
}

.bottom-leftStart:before {
    border-top: 8px solid #253a96;
    left: 0;
    right: 100%;
    top: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms
}

.bottom-leftStart:hover:before {
    right: 0%
}

.bottom-leftStart:not(:hover):before {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms
}

.bottom-leftStart:before, .bottom-leftStart:after, .bottom-leftStart > .ui-border-element:before, .bottom-leftStart > .ui-border-element:after {
    content: '';
    position: absolute
}

.bottom-leftStart .ui-border-element:after {
    border-right: 8px solid #253a96;
    top: 0;
    bottom: 100%;
    right: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms
}

.bottom-leftStart:hover .ui-border-element:after {
    bottom: 0%
}

.bottom-leftStart:not(:hover) .ui-border-element:after {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms
}

.bottom-leftStart:before, .bottom-leftStart:after, .bottom-leftStart > .ui-border-element:before, .bottom-leftStart > .ui-border-element:after {
    content: '';
    position: absolute
}

.bottom-leftStart:after {
    border-bottom: 8px solid #253a96;
    left: 100%;
    right: 0;
    bottom: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms
}

.bottom-leftStart:hover:after {
    left: 0%
}

.bottom-leftStart:not(:hover):after {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms
}
/*-------------------------------------------------*/
.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.p-t-1 {
    padding-top: 1rem !important;
}

.p-t-2 {
    padding-top: 2rem !important;
}

.p-t-4 {
    padding-top: 4rem !important;
}

.p-b-4 {
    padding-bottom: 4rem;
}

.p-b-2 {
    padding-bottom: 2rem !important;
}

.p-l-2 {
    padding-left: 2rem;
}

.p-l-4 {
    padding-left: 4rem;
}

.p-r-2 {
    padding-right: 2rem;
}

.p-r-4 {
    padding-right: 4rem;
}

.m-t-2 {
    margin-top: 2rem;
}

.m-t-3 {
    margin-top: 3rem;
}

.m-t-4 {
    margin-top: 4rem;
}

.m-t-6 {
    margin-top: 6rem;
}

.m-t-12 {
    margin-top: 12rem;
}

.m-b-2 {
    margin-bottom: 2rem;
}

.m-b-4 {
    margin-bottom: 4rem;
}

.m-b-6 {
    margin-bottom: 6rem;
}

.m-l-2 {
    margin-left: 2rem;
}

.m-r-2 {
    margin-right: 2rem;
}

/*-------------Secondary Page----------------*/


@media (min-width:768px) {
    #photo-header-secondary {
        background-size: cover;
        min-height: 250px;
        max-height: 250px;
        margin-bottom: 50px;
    }    
        #photo-header-secondary.departments {
            background-image: url(../images/secondary-bg-departments.jpg);
        }
}

@media (min-width:768px) and (max-width:1200px) {
    #photo-header-secondary {
        background-position: center;
    }
}

@media (min-width:1200px) {
    #photo-header-secondary {
        background-position: left top;
    }
}


/*----------------------------------------------*/

.img-fl-l {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.img-fl-r {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

@media (max-width:575px) {
    .img-fl-l, .img-fl-r, .img-w-100 {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

.display-none { display: none; }

.img-m-t {margin-bottom: 15px;}
.img-m-r {margin-bottom: 15px;}
.img-m-b {margin-bottom: 15px;}
.img-m-l {margin-bottom: 15px;}


/*---------------Side menu----------------------------*/

#side-menu {
	padding-bottom: 35px;
}

	#side-menu ul {
		list-style-type: none;
		padding-left: 0;
		z-index: 1000;
	}

		#side-menu ul ul a.active {
			background-color: #172b82;
		}

	#side-menu > ul > li {
		border-bottom: 1px dotted #384eae;
		background-color: #253a96;
	}

	#side-menu ul li:last-child {
		border-bottom: none;
	}

	#side-menu a {
		text-decoration: none;
		color: white;
		font-size: 1rem;
		font-weight: 300;
	}

	#side-menu ul.slimmenu li ul li a {
		line-height: 1.1;
		font-size: 1rem !important;
		font-weight: 300;
	}

	#side-menu ul li:hover {
		background-color: #2b42a7;
	}


@media (min-width:1400px) {
	#side-menu ul.slimmenu li ul li {
		min-width: 252px;
	}
}

#side-menu ul.slimmenu.collapsed li .sub-toggle {
	background: unset;
}

	#side-menu ul.slimmenu.collapsed li .sub-toggle > i {
		background-image: url(../images/side-sub-toggle-bottom.png);
		width: 18px;
		height: 18px;
		display: inline-block;
		color: white;
		font-size: 16px;
		vertical-align: top;
		margin-top: 13px;
	}

	#side-menu ul.slimmenu.collapsed li .sub-toggle.expanded > i {
		background-image: url(../images/side-sub-toggle-top.png);
		background-repeat: no-repeat;
		width: 20px;
		height: 20px;
		display: inline-block;
		color: white;
		font-size: 16px;
		vertical-align: top;
		margin-top: 16px;
	}


#side-menu ul.slimmenu.collapsed li ul li {
	background-color: #1b2f87;
	border-bottom: 1px dotted #263b98;
}

	#side-menu ul.slimmenu.collapsed li ul li a:hover {
		background-color: #10216e !important;
	}


ul.slimmenu.collapsed li .sub-toggle.expanded > i {
	background-image: url(../images/sub-toggle-top.png);
	width: 15px;
	height: 13px;
	display: inline-block;
	color: white;
	font-size: 16px;
	vertical-align: top;
	margin-top: 13px;
}



#side-menu .menu-collapser {
	display: none !important;
}

#side-menu > ul > li {
	width: calc(100% - 30px);
}

#side-menu ul.slimmenu.collapsed li a {
	border-bottom: 0;
	border-right: 0;
}

#side-menu ul.slimmenu > li > a {
	padding: 9px 19px;
}

#side-menu ul.slimmenu.collapsed {
	z-index: 5;
	position: static;
}

#side-menu ul.slimmenu li ul {
	left: 0;
	padding: 0;
	margin: 0;
}

#side-menu ul.slimmenu.collapsed li ul li {
	left: 0;
}

#side-menu ul.slimmenu li ul li {
	max-width: unset;
	width: 100%;
	border-bottom: 1px solid #111d56;
}

@media (max-width: 768px) {
	#side-menu ul.slimmenu.collapsed {
		width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 1399px) {
	#side-menu ul.slimmenu.collapsed {
		width: 100%;
		top: 0;
		right: 0;
	}

		#side-menu ul.slimmenu.collapsed li {
			width: 100%;
		}
}

@media (max-width:768px) {
    #side-menu > ul > li {
        width: 100% !important;
    }
}

.home-page #side-menu {
    display:none;
}


.AgendaMinutesTbl tr td {
    padding:7px 0;
}

@media (max-width:575px) {
    .business-directory tr > td {
        width:33.3% !important
    }
}

@media (max-width:575px) {
    .text-center-xs {
        text-align: center;
    }
}

@media (min-width:575px) and (max-width:768px) {
    .text-center-sm {
        text-align: center;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .text-center-md {
        text-align: center;
    }
}

@media (max-width:768px) {
    .text-center-up-to-sm {
        text-align: center;
    }
}

@media (max-width:992px) {
    .text-center-up-to-md {
        text-align: center;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .text-center-lg {
        text-align: center;
    }
}

@media (max-width:1199px) {
    .alert-btn.collapsed, .alert-btn.collapsed:hover {
        margin-top: 45px!important;
    }
} 

@media (min-width:1199px) {
    .text-center-xl {
        text-align: center;
    }
} 

.content-table th {
    border: 1px solid #dcdcdc;
    background: #f6f6f6;
    padding: 20px;
    text-align: left;
}

.content-table tr td {
    border: 1px solid #dcdcdc;
    padding: 10px 20px;
}

/*-------------------Notification Bar-----------------------*/
#alert-wrapper {
    background-color: #b6041c;
    color: black;
    position: relative;
    z-index: 1100;
}

    #alert-wrapper p {
        margin: 0 !important;
    }

#collapseAlert {
    width: 95%;
}

/*-------------------Notification button--------------------------*/
.alert-btn, .alert-btn.collapsed, .alert-btn:hover, .alert-btn.collapsed:hover {
    position: absolute !important;
    right: 20px;
    z-index: 1100;
    width: 33px;
    height: 33px;
    border-radius: 33px;
    padding: 0;
}

.alert-btn {
    background-color: #a3041a;
    /* border: 1px solid white;*/
}

    .alert-btn:hover {
        background-color: #900215;
    }

    .alert-btn::before,
    .alert-btn.collapsed::before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: white;
        font-size: 1.1rem;
        line-height: 32px;
    }

    .alert-btn.collapsed::before {
        content: "\f103";
    }

    .alert-btn::before {
        content: "\f102";
    }

@media (max-width:400px) {
    .alert-btn.collapsed {
        top: 15px !important;
    }
}

@media (max-width:575px) {
    .btn.alert-btn.collapsed {
        margin-right: 10px;
    }

    .btn.alert-btn {
        z-index: 1100 !important;
        top: 0 !important;
        margin-top: 33px;
        margin-right: 10px;
    }
}

@media (min-width:575px) and (max-width:620px) {
    .btn.alert-btn.collapsed {
        right: 40px;
    }

    .btn.alert-btn {
        top: 0 !important;
        margin-top: 27px;
        right: 40px;
    }
}

@media (min-width:620px) and (max-width:768px) {
    .btn.alert-btn {
        top: 0 !important;
        margin-top: 27px;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .btn.alert-btn {
        top: 0 !important;
        margin-top: 27px;
    }
}

@media (max-width:1200px) {
    .alert-btn {
        padding: 0 !important;
        z-index: 1100 !important;
    }
}

@media (min-width:992px) and (max-width:1800px) {
    .alert-btn, .alert-btn:hover {
        margin-top: 18px;
    }

        .alert-btn.collapsed, .alert-btn.collapsed:hover {
            margin-top: 9px;
        }
}

@media (min-width:1400px) and (max-width:1800px) {
    .alert-btn, .alert-btn:hover {
        margin-top: 18px;
    }
}

@media (max-width:1800px) {
    .alert-btn.collapsed, .alert-btn.collapsed:hover {
        margin-top: 30px;
    }
}

@media (min-width:1800px) {
    .alert-btn, .alert-btn:hover {
        margin-top: 18px;
    }

        .alert-btn.collapsed, .alert-btn.collapsed:hover {
            margin-top: 30px;
        }
}


/*------------------------------------------------------*/

#alert-wrapper h2 {
    color: black;
    text-align: left;
    font-size: .9rem;
    font-weight: bold;
    padding-bottom: 0;
    margin: 5px 5px 5px 0;
}

#alert-wrapper a {
    color: black;
    text-decoration: underline;
    color: white;
}
#alert-wrapper a.readmore {
    display:block;
    margin-top:5px
}

@media (min-width:992px) and (max-width:1050px) {
    #alert-wrapper .carousel-item {
        width: 95% !important;
    }

    #alert-wrapper #carouselAlertControls .carousel-control-next {
        width: 13% !important;
    }
}

#carouselAlertControls .carousel-item {
    font-size: .9rem;
    line-height: 1;
    color: white;
}

#carouselAlertControls .carousel-control-prev, #carouselAlertControls .carousel-control-next {
    width: 4%;
}

@media (min-width:1200px) {
    #collapseAlert .carousel, #collapseAlert .carousel-inner {
        height: 70px;
    }

    #collapseAlert {
        max-height: 70px;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    #collapseAlert .carousel, #collapseAlert .carousel-inner {
        height: 80px;
    }

    #collapseAlert {
        max-height: 80px;
    }
}

@media (min-width:575px) and (max-width:992px) {
    #collapseAlert .carousel, #collapseAlert .carousel-inner {
        height: 90px;
    }

    #collapseAlert {
        max-height: 90px;
    }
}

@media (max-width:640px) {
    #carouselAlertControls .carousel-control-prev, #carouselAlertControls .carousel-control-next {
        display: none;
    }

    #carouselAlertControls .carousel-item {
        padding: 0 50px 0 0;
    }
}

@media (min-width:640px) {
    #carouselAlertControls .carousel-item {
        padding: 0 50px 0 50px;
    }
}

@media (max-width:575px) {
    #collapseAlert .carousel, #collapseAlert .carousel-inner {
        height: 100px;
    }

    #collapseAlert {
        max-height: 100px;
    }
}