@charset "utf-8";
/** general **/
html {
    font-family: 'Lato', Arial, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden!important;
}
body {
	margin: 0;
	font-family: 'Lato', Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 1rem;
	line-height: 1.45;
	color: black;
	overflow-x: hidden!important;
}
/*-------------------------*/
a {
    text-decoration: underline;
    color: #244b91;
}
a:hover {
    text-decoration: none;
    outline: none;
}

#rCw a.btn-success {
color: white !important;
}

p {
    margin-bottom: 18px;
}
img {
    max-width: 100%;
}
.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 {
    line-height: normal;
    text-rendering: optimizelegibility;
    font-style: normal;
}
h1 {
    font-size: 2rem;
    color: #1c3957;
    font-weight: 500;
}
h2 {
	font-size: 1.33rem;
	color: #1c3957;
	text-align: left;
	font-weight: 600;
	padding-bottom: 2px;
}

h2 a {
	font-size: 1.2rem
}

h3 {
	font-size: 1.1rem;
	color: #1c3957;
	font-weight: bold;
	text-align: left;
	margin: 10px 0;
}
h4 {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 10px 0;
    color: #ae2224;
    text-align: center;
}
h5 {
    font-size: 1rem;
    color: black;
    text-transform: uppercase;
}
h6 {
    font-size: 17px;
    font-weight: bold;
    color: black;
    font-style: normal;
}
/*----------------------------------------*/
#skiptocontent a {
    padding: 6px 15px 10px 15px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: black;
    border-right: 1px solid #af2d2f;
    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: 1000;
}
#skiptocontent a:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    background: white;
    border-bottom: 3px #af2d2f solid;
    border-right: 3px #af2d2f solid;
    outline: 0;
    -webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}
/*----------------------------------*/
header {
    border-top: 6px solid #af2d2f;
}
@media (min-width:1200px) and (max-width:1400px) {
    header .container {
        max-width: 1230px;
    }
}
@media (min-width:1400px) {
    .container {
        max-width: 1200px
    }
    header .container {
        max-width: 1300px;
        padding-left: 0;
        padding-right: 10px;
    }
}
@media (min-width:1400px) {
    #secondary-page #main-content .container, #alert-wrapper .container {
        max-width: 1300px !important;
    }
}
/*---------------*/
.preheader {
    background-color: #af2d2f;
    color: white;
    position: relative;
    z-index: 999;
}
/*
    .preheader a {
        color: white;
        text-decoration: none;
    }

    .preheader .container div:first-child {
        margin-left: 20px;
    }

@media (max-width:480px) {
    .preheader {
        text-align: center;
        padding: 7px 0;
    }
}

@media (min-width:480px) {
    .preheader {
        height: 32px;
        line-height: 32px;
        text-align: right;
    }

        .preheader .container div {
            float: right;
        }
}
    */
@media (max-width:768px) {
    header {
        background-color: #1b3856;
        width: 100%;
        min-height: 150px;
        padding-top: 5px;
    }
    .logo-wrapper {
        text-align: center;
        margin: 10px auto;
    }
    .logo-wrapper img {
        max-width: 230px;
    }
    header {
        padding-bottom: 15px;
    }
}
@media (max-width:767px) {
    header {
        text-align: center;
        position: relative;
        z-index: 3;
    }
}
@media (max-width: 400px) {
    nav {
        margin-top: 0px;
    }
}
@media (min-width: 400px) and (max-width:575px) {
    nav {
        width: 320px;
        float: left;
    }
    .search-icon {
        float: right;
        margin-top: 20px;
    }
}
@media (min-width: 575px) and (max-width:768px) {
    nav {
        width: 400px;
        float: left;
    }
    .search-icon {
        float: right;
        margin-top: 20px;
    }
}
@media (min-width:768px) and (max-width:992px) {
    header {
        background-color: rgba(16, 40, 63, .87);
    }
}
@media (min-width:992px) and (max-width:1200px) {
    header {
        min-height: 120px;
        background-position: -760px;
    }
}
@media (min-width:768px) {
    header {
        min-height: 152px;
        width: 100%;
        position: absolute;
        z-index: 3;
    }
}
@media (min-width:992px) and (max-width:2200px) {
    header {
        background-image: url(../images/header-bg.png);
        background-repeat: no-repeat;
        min-height: 200px;
    }
}
@media (min-width:1200px) {
    header {
        background-position: center;
    }
}
@media (min-width:2200px) {
    header {
        background-color: rgba(16, 40, 63, .87);
        min-height: 185px;
    }
}
/*------------------------*/
@media (min-width:768px) {
    .logo-wrapper {
        position: absolute;
        z-index: 2;
        top: 0;
    }
}
@media (min-width:768px) and (max-width:992px) {
	.menu-mobile {
		margin-top: 0;
		position: absolute;
		right: -2px;
		top: 70px;
		margin-right: 0;
	}
	.search-icon {
		margin-top: 0;
		position: absolute;
		right: 100px;
		top: 91px;
	}
    .logo-wrapper img {
           max-width: 290px;
    margin-top: 30px;
    margin-left: 20px;
    }
}
@media (min-width:992px) and (max-width:1200px) {
    nav {
        float: right;
        margin-top: 55px;
        width: 340px;
    }
    .logo-wrapper img {
        max-width: 235px;
    }
	.search-icon {
		margin-top: 0;
		margin-right: 0;
		position: absolute;
		right: 110px;
		top: 103px;
	}
}
@media (min-width:992px) and (max-width:1200px) {
 .logo-wrapper img {
    max-width: 360px;
    margin-left: 100px;
}
}
@media (min-width:992px) {
    .logo-wrapper {
        position: absolute;
        z-index: 1000;
    }
}
@media (min-width:992px) and (max-width:1200px) {
    .logo-wrapper {
        top: 50px;
    }
}
@media (min-width:1200px) {
    .logo-wrapper {
        top: 30px;
    }
}
@media (min-width:1200px) and (max-width:1600px) {
    nav {
        margin-top: 70px;
    }
}
@media (min-width:1600px) {
    nav {
        margin-top: 95px;
    }
}
@media (min-width:1200px) and (max-width:1300px) {
    .logo-wrapper img {
        max-width: 360px;
    }
}
@media (min-width:1300px) and (max-width:1400px) {
    .logo-wrapper img {
        max-width: 370px;
    }
}
@media (min-width:1400px) and (max-width:1600px) {
    .logo-wrapper img {
        max-width: 400px;
    }
}
@media (min-width:1200px) and (max-width:1300px) {
    .logo-wrapper {
        left: 35.1%;
    }
}
@media (min-width:1300px) and (max-width:1400px) {
    .logo-wrapper {
        left: 35.7%;
    }
}
@media (min-width:1400px) and (max-width:1600px) {
    .logo-wrapper {
        left: 35.8%;
    }
}
@media (min-width:1600px) and (max-width:1800px) {
    .logo-wrapper {
        left: 36%;
    }
}
@media (min-width:1800px) and (max-width:2000px) {
    .logo-wrapper {
        left: 37.1%;
    }
}
@media (min-width:2000px) and (max-width:2200px) {
    .logo-wrapper {
        left: 39%;
    }
}
@media (min-width:2200px) {
    .logo-wrapper {
        left: 11%;
    }
}
/*-----------Search button--------------*/
.search-button {
    width: 28px;
    height: 28px;
    border: 0;
    background: transparent;
    padding: 0;
}
.search-button::after {
    content: url(../images/btn-search.png);
}
.search-button.open::after {
    content: url(../images/close.png);
}
.visible-search .btn.btn--search-close {
    opacity: 1;
    transform: scale3d(1, 1, 1);
    display: block;
}
.search .btn {
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none;
    color: #fff;
    background: none;
    outline: none;
}
#search-section .icon {
    display: block;
    width: 1.5em;
    height: 1.5em;
    margin: 0 auto;
    fill: currentColor;
}
.hidden-search {
    visibility: hidden;
}
.visible-search {
    visibility: visible !important;
}
.visible-section {
    visibility: visible !important;
    transition: 1s all ease;
    -webkit-animation: searchAnimation 1s;
    -moz-animation: searchAnimation 1s;
    -o-animation: searchAnimation 1s;
    animation: searchAnimation 1s;
}
.search-extra-height {
    top: 70px !important;
}
@keyframes searchAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes searchAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/*--------------Search----------------------------*/
@media (max-width:575px) {
    .search-icon {
        margin-top: 0;
        margin-right: 0;
    }
    .search-icon {
        position: absolute;
        top: 103px;
        right: 30px;
        float: none !important;
        margin-left: 0;
    }
}
@media (min-width:1200px) and (max-width:2200px) {
    .search-icon {
        position: relative;
        bottom: 40px;
        float: right;
    }
}
@media (min-width:2200px) {
    .search-icon {
        position: relative;
        bottom: 40px;
        float: right
    }
}
#search-section {
    width: 100%;
    height: 450px;
    background-color: rgba(26, 29, 32, .75);
    position: absolute;
    top: 0;
    z-index: 2;
    visibility: hidden;
}
.search-box-wrapper {
    width: 500px;
    margin: 0 auto;
}
.search-box {
    display: block;
    border: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    height: 55px;
    width: 97%;
    max-width: 500px;
    top: 280px;
    margin: 0 auto;
    position: absolute;
    visibility: hidden;
    z-index: 2
}
.search-input {
    float: left;
    font-size: 1rem;
    height: 55px;
    line-height: 1.25;
    background-color: white;
    width: calc(100% - 53px);
    padding-left: 15px;
    color: black;
    border: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    outline: none;
}
.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: black;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: black;
}
.search-btn {
	background-image: url("../images/btn-search.png");
	background-repeat: no-repeat;
	background-color: #ae2224;
	background-position: center;
	cursor: pointer;
	display: inline-block;
	float: right;
	height: 55px;
	padding: 0;
	margin-top: 0 !important;
	width: 45px;
	border: none;
	position: relative;
	float: left;
	border-radius: 0 5px 5px 0;
}
	.search-btn:hover {
		background-color: #9c1e20;
		cursor: pointer;
	}
.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;
    }
}
.card-body p {
    margin-bottom: 12px;
}
#carouselFireDepartment {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	max-width: 55%;
}
/*--------------------Bootstrap Carousel----------------------------*/
.carousel, .carousel-inner {
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
}
#carouselFireDepartment .carousel, #carouselFireDepartment .carousel-inner {
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    margin-bottom: 20px;
   
}
.carousel, .carousel-inner .carousel-item a img {
	width:100%;
	height:100%;
	object-fit:cover;
}

#carouselFireDepartment .carousel-indicators {
	bottom: 20px;
}
.carousel-indicators .active {
    opacity: 1 !important
}
/*------Background slider-----------*/
#slider .carousel-fade .carousel-inner .active.left, #slider .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
#slider .carousel-fade .carousel-inner .next.left, #slider .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
#slider .carousel-fade .carousel-control {
    z-index: 2;
}

    #slider .carousel-item:nth-child(1) {
        background: url(../images/slide-1.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #slider .carousel-item:nth-child(2) {
        background: url(../images/slide-2.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #slider .carousel-item:nth-child(3) {
        background: url(../images/slide-3.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #slider .carousel-item:nth-child(4) {
        background: url(../images/slide-4.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #slider .carousel-item:nth-child(5) {
        background: url(../images/slide-5.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #slider .carousel-item:nth-child(6) {
        background: url(../images/slide-6.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }


    #slider .carousel {
        z-index: -99;
    }

        #slider .carousel .carousel-item {
            position: fixed;
            width: 100%;
            height: 100%;
        }

    .carousel-btn-wrapper .carousel-control-next, .carousel-btn-wrapper .carousel-control-prev {
        position: absolute;
        bottom: 0;
        z-index: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        text-align: center;
        opacity: .8;
        transition: opacity .15s ease;
        max-height: 40px;
        width: 40px;
        height: 40px;
    }

    @media (prefers-reduced-motion:reduce) {
        .carousel-btn-wrapper .carousel-control-next, .carousel-btn-wrapper .carousel-control-prev {
            transition: none
        }
    }

    .carousel-btn-wrapper .carousel-control-next:focus, .carousel-btn-wrapper .carousel-control-next:hover, .carousel-btn-wrapper .carousel-control-prev:focus, .carousel-btn-wrapper .carousel-control-prev:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: 1
    }

    .carousel-btn-wrapper .carousel-control-next-icon, .carousel-btn-wrapper .carousel-control-prev-icon {
        display: inline-block;
        width: 35px;
        height: 35px;
        background: no-repeat 50%/100% 100%
    }

    .carousel-btn-wrapper .carousel-control-prev-icon {
        background-image: url(../images/carousel-btn-prev.png);
        -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);
        border-radius: 4px;
    }

    .carousel-btn-wrapper .carousel-control-next-icon {
        background-image: url(../images/carousel-btn-next.png);
        -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);
        border-radius: 4px;
    }

    #main-slider.carousel-btn-wrapper {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 1.25%;
    }

        #main-slider.carousel-btn-wrapper .carousel-control-prev {
            top: 55%;
            left: 3%;
            transform: translate(-50%, -50%);
        }

        #main-slider.carousel-btn-wrapper .carousel-control-next {
            top: 55%;
            right: 3%;
            transform: translate(-50%, -50%);
        }


    #main-content {
        position: relative;
        z-index: 1;
    }

    @media (max-width:768px) {
        .carousel-btn-wrapper {
            visibility: hidden;
        }

        #carouselFireDepartment {
            float: none;
            margin-left: 0;
            margin-bottom: 20px;
            max-width: 100%;
            width: 100%;
        }
    }

    @media (min-width:768px) and (max-width:992px) {
        .carousel-btn-wrapper {
        }
    }

    @media (min-width:992px) and (max-width:1200px) {
        .carousel-btn-wrapper {
        }
    }

    @media (min-width:1200px) {
        .carousel-btn-wrapper {
        }
    }

    @media (max-width:575px) {
    #slider {
        background: url(../images/slide-1.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        position: fixed;
        width: 100%;
        height: 100vh;      
    }
    #slider #carouselIndicators.carousel {
        display: none;
    }
    footer {
    position: relative;
    background: rgba(26, 29, 32, .93);
    color: white;
    font-size: 1rem;
    padding-top: 45px;
    padding-bottom: 20px;
    width: 100%;
}

}


    /*----------------------------------------------------*/
    .color-black {
        color: black;
    }

    .color-white {
        color: white;
    }
    /*----------------------*/
    .height-before-home-content {
        min-height: 520px;
    }
    /*------------------Parks-links------------------------*/
    ._parks > div > a {
        background: transparent;
        display: block;
        height: 100%;
        position: relative;
        width: 100%;
        text-decoration: none;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        ._parks > div > a > img {
            object-fit: cover;
        }

        ._parks > div > a > span {
            display: block;
            color: #fff;
            width: 100%;
            height: 60px;
            background: rgba(16, 40, 63, 0.85);
            position: absolute;
            bottom: 10px;
            left: 0;
            right: 0;
            text-align: center;
            text-transform: uppercase;
            font-size: 14px;
            line-height: 60px;
            transition: .3s all linear;
        }

        ._parks > div > a:hover > span {
            background: rgba(16, 40, 63, 0.95);
        }
    /*------------------Quick-links------------------------*/
    .quick-links-item {
        background: rgba(174, 34, 36, .9);
        width: 100%;
        border-radius: 4px;
        margin-bottom: 12px;
        transform: translateX(0);
    }

    .quick-links-left a, .quick-links-right a {
        color: white;
        text-decoration: none;
    }

    .quick-links-item img {
        float: right;
        position: relative;
        bottom: 0;
        right: 0;
    }

    .quick-links-item {
        min-height: 58px;
    }

    .quick-links-title {
        float: left;
        width: calc(100% - 64px);
        text-align: left;
        padding: 16px 0 0 15px;
    }

    .quick-links-left .quick-links-item:hover {
        transition: .5s ease;
        background-color: #93181a;
        -webkit-box-shadow: 8px 0px 5px 0px rgba(0, 0, 0, 0.55);
        -moz-box-shadow: 8px 0px 5px 0px rgba(0, 0, 0, 0.55);
        box-shadow: 8px 0px 5px 0px rgba(0, 0, 0, 0.55);
    }

    .quick-links-right .quick-links-item:hover {
        transition: .5s ease;
        background-color: #93181a;
        -webkit-box-shadow: -8px 0px 5px 0px rgba(0, 0, 0, 0.55);
        -moz-box-shadow: -8px 0px 5px 0px rgba(0, 0, 0, 0.55);
        box-shadow: -8px 0px 5px 0px rgba(0, 0, 0, 0.55);
    }

    @media (min-width:992px) {
        .quick-links-left .quick-links-item:hover {
            transition: .5s ease;
            transform: translateX(-8px);
        }

        .quick-links-right .quick-links-item:hover {
            transition: .5s ease;
            transform: translateX(8px);
        }
    }

    @media (min-width:992px) {
        .quick-links-right > div:nth-child(2) .quick-links-title {
            /*padding-top: 7px; */
        }
    }
    /*---------------------News section---------------------------*/
    #news {
        background-color: rgba(25, 28, 31, .78);
        padding: 20px;
    }

        #news .news-item {
            margin-bottom: 15px;
        }

    .news-wrapper {
        padding: 0 5px;
    }

    .news-text {
        float: left;
        color: white;
    }

    #news img {
        border: 2px solid white;
    }

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

    #news .news-btn img {
        border: 0;
        margin-top: 7px;
    }

    .news-btn img:hover {
        transform: scale(1.1);
        transition: .3s;
    }

    #news .row:first-child {
        margin-bottom: 15px;
    }

    .news-description {
        line-height: 1.2;
        font-size: .9rem;
    }

    .news-title a:hover {
        text-decoration: underline !important;
    }

    @media (max-width:575px) {
        #news .row > div:first-child {
            text-align: center;
        }

        #news img {
            float: none;
            margin-bottom: 12px;
        }
    }

    @media (min-width:575px) {
        #news img {
            float: left;
        }
    }

    .all-news-title {
        margin: 10px 0 20px 0;
    }

    .news-item {
        margin-bottom: 30px;
    }

    .news-item-title {
        text-align: left;
        font-size: 1.1em;
        font-weight: 600;
    }

        .news-item-title a {
            text-decoration: none;
            color: #244b91;
        }

    @media (max-width:575px) {
        .news-item-title {
            margin-top: 25px
        }
    }


    /*------------View buttons-----------------*/
    .view-btn a {
        padding: 11px 80px;
        color: white;
        background-color: #ae2224;
        border-radius: 4px;
    }

        .view-btn a:hover {
            background-color: #9f181a;
            text-decoration: none;
        }

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

        .btn.btn--search-close {
            top: 2.25em;
            right: 0.25em;
        }
    }
    /*------------------Footer--------------------------*/
    footer {
        background: rgba(26, 29, 32, .93);
        color: white;
        font-size: 1rem;
        padding-top: 45px;
        padding-bottom: 20px;
        width: 100%;
    }

        footer .row > div div {
            margin-bottom: 9px;
        }

    .footer-logo {
        font-size: .8rem;
        text-align: center;
    }

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

    .footer-logo img {
        max-width: 226px;
        margin-bottom: 21px;
        margin-right: 0;
    }

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

    footer img {
        margin-right: 10px;
    }

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

    footer a {
        color: white;
        text-decoration: none;
    }

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

    footer ul {
        list-style-type: none;
        padding-left: 0;
    }

        footer ul li {
            margin: 5px 0;
        }

    @media (max-width:767px) {
        footer {
            margin-top: 40px;
        }

            footer .row {
                width: 370px;
                margin: 0 auto;
            }

            footer ul {
                width: 300px;
                margin: 0 auto 20px auto;
            }

                footer ul li {
                    margin: 8px 0;
                }
    }

    @media (min-width:767px) {
        footer {
            margin-top: 18px;
        }
    }

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

    @media (min-width:768px) and (max-width:992px) {
        footer .row > div:first-child {
            padding-right: 190px;
        }

        footer .row > div:nth-child(2) {
            padding-top: 25px;
        }
    }

    @media (min-width:992px) and (max-width:1200px) {
        footer .row > div:nth-child(3) {
            padding-left: 0;
        }

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

    @media (min-width:1200px) {
        footer .row > div:nth-child(2) {
            padding-left: 60px;
        }

        footer .row > div:nth-child(3) {
            padding-left: 70px;
        }

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

        footer {
            margin-top: 140px;
        }
    }
    /*------------------------------------------*/
    .photo-copyright {
        position: relative;
        right: 0;
        max-width: 500px;
        color: white;
        float: right;
    }

    .photo-copyright-text {
        font-size: .8rem;
        background: rgba(0, 0, 0, .3);
        padding: 5px 10px;
    }

    @media (max-width:1200px) {
        .photo-copyright {
            bottom: -22px;
        }
    }

    @media (min-width:1200px) {
        .photo-copyright {
            bottom: -5px;
        }
    }
    /*---------------------------Animation---------------------------------*/
    @media only screen and (max-device-width: 992px) {
        .wow {
            animation: none !important;
			visibility:visible!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;
    }

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

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

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

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

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

    @-webkit-keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    /*-------------------------------------------------*/
    .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;
    }
    /*-----------------------------*/
    .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;
        }
    }
    /*-----------------------------------------------*/
    /*------------Secondary page styles--------------*/
    #secondary-page {
        background-color: black;
    }

        #secondary-page #main-content .center-col a {
            color: #244b91;
            text-decoration: underline;
        }

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

        #secondary-page .left-col a {
            color: white;
        }

        #secondary-page #main-content .left-col ul li::before {
            content: none;
            width: unset;
        }

        #secondary-page .center-col {
            min-height: 345px;
        }

        #secondary-page #main-content .center-col ul {
            list-style-type: none;
            list-style-position: inside;
            padding-left: 20px;
        }

            #secondary-page #main-content .center-col ul li {
                margin: 10px 0;
                padding-left: 10px;
            }

                #secondary-page #main-content .center-col ul li::before {
                    content: "\2022";
                    color: #ae2224;
                    font-weight: bold;
                    display: inline-block;
                    width: 20px;
                    margin-left: -20px;
                    font-size: 12px;
                }

        #secondary-page #main-content .center-col ol li {
            padding-left: 10px;
        }

        #secondary-page.about {
            background-image: url(../images/secondary-about.jpg);
            webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            background-position: top center;
            background-attachment: fixed;
            background-repeat: no-repeat;
        }

    @media (max-width:575px) {
        #secondary-page.about {
            height: 100vh;
            width: 100%;
        }
    }

    @media (min-width:575px) {
        #secondary-page.about {
            height: 100%;
            overflow: hidden;
        }
    }

    @media (max-width:992px) {
        #secondary-page #main-content {
            margin-top: 28px;
        }
    }

    @media (min-width:992px) {
        #secondary-page #main-content {
            margin-top: 180px;
        }
    }
    /*-------------------------------*/
    #secondary-page footer {
        position: relative;
    }

    #secondary-page .height-before-secondary-content {
        min-height: 108px;
    }

    @media (min-width:768px) and (max-width:992px) {
        #secondary-page .height-before-secondary-content {
            min-height: 140px !important;
        }
    }
    /*-----------------------------*/
    @media (min-width:992px) and (max-width:1200px) {
        .left-col {
            margin-right: 15px;
            padding: 0;
            float: left;
            -ms-flex: 0 0 21%;
            flex: 0 0 21%;
            max-width: 21%;
        }

        .center-col {
            -ms-flex: 0 0 76%;
            flex: 0 0 76%;
            max-width: 76%;
            float: right;
            padding: 15px 30px;
            margin: 0;
        }
    }

    @media (min-width:1200px) {
        .left-col {
            margin-right: 15px;
            padding: 0;
            float: left;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }

        .center-col {
            -ms-flex: 0 0 78%;
            flex: 0 0 78%;
            max-width: 78%;
            float: right;
            padding-top: 20px;
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 40px;
            margin: 0;
        }
    }

    .center-col {
        background-color: white;
    }
    /*---------------Side menu----------------------------*/
    #side-menu {
        padding-bottom: 35px;
    }

        #side-menu ul {
            list-style-type: none;
            padding-left: 0;
            z-index: 1 !important;
            position: relative;
        }

            #side-menu ul li {
                z-index: 1 !important;
            }

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

        #side-menu > ul > li:first-child {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }

        #side-menu ul.slimmenu li > ul > li ul {
            background-color: unset !important;
        }

        #side-menu > ul > li:last-child {
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
        }

        #side-menu ul ul a.active {
            background-color: #0d3e71;
        }

        #side-menu > ul > li {
            border-bottom: 1px dotted #2c5073;
            background-color: rgba(16, 40, 63, .87);
            display: block;
            max-width: 260px;
        }

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

        #side-menu a {
            text-decoration: none;
            color: white;
            font-size: 0.95rem;
            font-weight: 300;
            width: calc(100% - 32px);
        }

        #side-menu ul li:hover {
            background-color: #284c71 !important;
        }

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

        #side-menu ul li a:hover {
            background-color: #284c71 !important;
        }

        #side-menu ul.slimmenu li > ul > li {
            background-color: #102842 !important;
            width: 100% !important;
            min-width: 100% !important;
        }

        #side-menu ul.slimmenu li ul li ul li {
            background-color: #091a2c !important;
            max-width: 228px !important;
        }

        #side-menu ul.slimmenu li ul ul {
            display: none !important;
        }

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

    #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: 16px;
        }

        #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 {
        border: 1px dotted #1d3a57;
    }

    #side-menu ul.slimmenu.collapsed li ul li {
        background-color: rgba(16, 40, 63, .9);
    }

        #side-menu ul.slimmenu.collapsed li ul li a:hover {
            background-color: #14314d !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;
    }

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

    #side-menu ul.slimmenu > li > a {
        padding: 12px 19px;
        line-height: unset;
    }

    #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;
    }

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

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

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

        #side-menu ul.slimmenu li > ul > li ul {
            width: 100% !important;
        }
    }

    @media (min-width:992px) and (max-width:1200px) {
        #side-menu ul.slimmenu li > ul > li ul {
            width: 200px;
            min-width: 200px;
            max-width: 200px;
        }

        #side-menu ul.slimmenu.collapsed {
            width: 200px !important;
        }

            #side-menu ul.slimmenu.collapsed li {
                width: 200px;
            }
    }

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

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

    #side-menu ul.slimmenu > li:nth-child(3) {
        margin-right: 0;
    }

    #side-menu ul.slimmenu > li:nth-child(4) {
        margin-left: 0;
    }

    #side-menu ul.slimmenu > li:first-child {
        margin-left: 0;
    }

    #side-menu ul.slimmenu.collapsed li ul li ul li {
        background-color: #102337 !important;
    }

    #side-menu ul.slimmenu.collapsed li ul li a {
        padding: 13px 18px !important;
    }

    #side-menu ul.slimmenu > li > a {
        margin-top: 0;
    }
    /*------------------------------------------------*/
    @media (max-width:992px) {
        .left-col, .center-col {
            margin-bottom: 20px;
        }
    }

    @media (min-width:992px) and (max-width:1200px) {
        .left-col a {
            font-size: 1.05rem;
        }
    }

    @media (min-width:1200px) {
        .left-col a {
            font-size: 1.2rem;
        }
    }

    .left-col a {
        color: white;
        text-decoration: none;
    }

        .left-col a:hover {
            text-decoration: underline;
        }
    /*--------------Breadcrumb------------------*/
    .breadcrumb {
        padding-bottom: 0;
        padding-left: 0;
        padding-top: 0.25rem;
        background-color: white;
    }

        .breadcrumb a:last-child {
            text-decoration: none !important;
            pointer-events: none;
            color: grey !important;
        }

        .breadcrumb .item a {
            padding-right: 4px !important;
            padding-left: 4px;
            font-size: 0.9rem;
        }

            .breadcrumb .item a:first-child {
                padding-left: 0;
            }

    nav[aria-label=breadcrumb] {
        float: none;
        margin-top: 0;
    }

    #secondary-page #main-content .center-col .breadcrumb-item + .breadcrumb-item::before, #secondary-page #main-content .center-col li.breadcrumb-item + li.breadcrumb-item::before {
        display: inline-block;
        color: #6c757d;
        content: ">";
        width: unset;
        margin-left: unset;
    }

    #secondary-page #main-content .center-col li.breadcrumb-item::before {
        content: none;
    }
    /*-------------------*/
    .center-col {
        border-radius: 8px;
    }

    .center-col-100-wide {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        float: right;
        padding: 15px 20px;
        margin: 0;
        background-color: white;
        border-radius: 7px;
    }

    .img-l {
        margin-right: 30px;
        margin-bottom: 25px;
    }
    /*-------------------Notification Bar-----------------------*/
    #alert-wrapper {
        background-color: #af2d2f;
        color: white;
    }

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

    #collapseAlert {
        width: 95%;
    }

    .alert-btn, .alert-btn.collapsed, .alert-btn:hover, .alert-btn.collapsed:hover {
        background-image: url(../images/alert-sprite.png);
        background-repeat: no-repeat;
        margin-top: 15px;
        position: absolute !important;
        right: 20px;
    }

    .alert-btn {
        width: 46px;
        height: 46px;
        background-position: -52px -50px;
    }

        .alert-btn.collapsed {
            width: 46px;
            height: 46px;
            background-position: -52px -3px;
            z-index: 1000;
            cursor: pointer;
        }

    @media (min-width:992px) {
        .alert-btn:hover {
            width: 102px;
            height: 46px;
            background-position: 4px -50px;
        }

        .alert-btn.collapsed:hover {
            width: 102px;
            height: 46px;
            background-position: 4px -3px;
        }
    }

    #alert-wrapper .collapsing {
        -webkit-transition: height 1s ease !important;
        -moz-transition: height 1s ease !important;
        -o-transition: height 1s ease !important;
        transition: height 1s ease !important;
    }

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

    #alert-wrapper a {
        color: white;
        text-decoration: underline;
    }

    @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;
    }

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

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

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

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

        #collapseAlert {
            max-height: 90px;
        }

        .alert-btn {
            padding: 0 !important;
            z-index: 1000 !important;
        }

            .alert-btn:hover {
                padding: 0 !important;
                width: 45px;
                height: 45px;
                background-position: -53px -50px;
                transform: scale(1.1);
            }

            .alert-btn.collapsed:hover {
                padding: 0 !important;
                width: 45px;
                height: 45px;
                background-position: -53px -3px;
                transform: scale(1.1);
            }
    }

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

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

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

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

        #collapseAlert {
            max-height: 100px;
        }

        .alert-btn:hover {
            width: 46px;
            height: 46px;
            background-position: -52px -50px;
            transform: scale(1.1);
        }

        .alert-btn.collapsed:hover {
            right: 15px;
            width: 50px;
            height: 46px;
            background-position: -52px -3px;
            transform: scale(1.1);
        }

        .alert-btn {
            z-index: 1000 !important;
        }
    }
    /*-----------------Hide border in browser----------------------*/
    a.active.focus, a.active:focus, a.focus, a:active.focus, a:active:focus, a:focus, button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: 0 !important;
        outline-color: transparent !important;
        outline-width: 0 !important;
        outline-style: none !important;
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0) !important;
    }
    /* ----------------------- Accordion Styles ---------------------*/
    .accordion .card .card-header button:before {
        width: 17px;
        height: 17px;
        border-radius: 2px;
        text-align: center;
        display: block;
        color: #fff;
        background: #2c5073;
        position: absolute;
        left: -25px;
        top: 10px;
        line-height: 17px;
        font-size: 10px;
        content: "\f068";
        font-family: 'Font Awesome 5 Free';
        font-weight: 700;
    }

    .accordion .card .card-header button.collapsed:before {
        content: "\f067";
        background-color: #af2d2f;
        opacity: 0.9;
    }

    .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 0;
    }

    .card-header {
        padding: .75rem 1.85rem;
        margin-bottom: 0;
        background-color: white;
        border-bottom: 0;
    }

    .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 2.75rem;
    }

    .accordion .btn {
        color: #2c5073;
        font-weight: 700;
    }

    .btn {
        position: relative;
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: .25rem;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

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

    .content-btn {
        background-color: #af2d2f;
        border-radius: 5px;
        text-decoration: none !important;
        color: #fff !important;
        font-weight: 600;
        padding: 8px 12px;
        margin-top: 14px;
        display: inline-block;
    }

        .content-btn:hover {
            transition: .5s ease;
            transform: translateX(8px);
        }

    #accordion {
    }

        #accordion .accordion_item .accordion-toggle::before {
            background-color: #af2d2f;
            opacity: 0.9;
            width: 17px;
            height: 17px;
            border-radius: 2px;
            text-align: center;
            display: block;
            color: #fff;
            position: relative;
            left: -30px;
            top: 19px;
            line-height: 17px;
            font-size: 10px;
            content: "\f067";
            font-family: 'Font Awesome 5 Free';
            font-weight: 700;
        }

        #accordion .accordion_item h2.accordion-toggle {
            color: #2c5073;
            font-weight: 700;
            font-size: 1rem;
            padding-left: 25px;
        }

        #accordion .accordion_item.active h2.accordion-toggle::before {
            background-color: #2c5073;
            opacity: 0.9;
            width: 17px;
            height: 17px;
            border-radius: 2px;
            text-align: center;
            display: block;
            color: #fff;
            position: relative;
            left: -30px;
            top: 19px;
            line-height: 17px;
            font-size: 10px;
            content: "\f068";
            font-family: 'Font Awesome 5 Free';
            font-weight: 700;
        }

    .accordion-content {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding-top: 1rem;
        padding-left: 1.75rem;
    }

        .accordion-content p {
            margin-bottom: 12px;
        }

    .accordion-toggle {
        cursor: pointer;
    }

    .accordion-content {
        display: none;
    }

        .accordion-content.default {
            display: block;
        }
    /* --------- Community Garden Partners ------*/
    partners .partner_logo > img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    /* --------- Things To Do page ------*/
    .things-to-do > div {
        display: flex;
        margin-bottom: 30px;
    }

    .things-to-do h2 {
        padding-top: 5px;
    }

    .things-to-do {
        margin-top: 40px;
    }
    /*.things-to-do > div > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: center;
}*/
    @media (max-width:767px) {
        .things-to-do > div {
            display: block;
            margin-bottom: 30px;
        }

        .things-to-do div img {
            margin-bottom: 30px;
        }
    }
    /* --------- Photo gallery ------*/
    a.fancybox .icon {
        opacity: 0;
        position: absolute;
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: 50%;
        margin-top: 15px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        border-color: #fff;
        color: #fff;
        z-index: 10;
        content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOkAAADyCAYAAACoJuK7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgwQ0Q4QUVDQjc2MTExRTlCRTEzODZGRDJGRTM3OTQzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgwQ0Q4QUVEQjc2MTExRTlCRTEzODZGRDJGRTM3OTQzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODBDRDhBRUFCNzYxMTFFOUJFMTM4NkZEMkZFMzc5NDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODBDRDhBRUJCNzYxMTFFOUJFMTM4NkZEMkZFMzc5NDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6o6/5tAAAO+klEQVR42uyd61UbSxKAyzr7/2ojuEMEliPwEAFyBBYRgCMAIgAiQESAiIAhAuQIPDeCZSNg6UvPRWZ56DXVVd3fd44O4AcazfTXVd3TXfPp4eFBAMAuA04BgG3+xSnYOtWL1x+Pr9HC39cr/K42vgL3j6+f8ft5/LnhdOfPJ9LdjWQcxdfnhZ+1uY/Shtdf8SvyImmRjGIU/Bq/r4wfbyfrbfx6zyVE0hwjZZByL34dOv88nbTXRFok9S7m+PH1PVHqqpkiz2KUnRFlkRQx7TONEXaGEkhqiUlMZcc0g98ibBD2XJ5nlQFJ1aPmJEbNisv/Lk2UleiKpGpyHkVBYTVCRD1h7IqkfVFHOWsu9VZS4RBZz5AVSZETWSFjSUlrdWU9ibICkn5IWGhwGAUF/THrvrBAAknfIUTNU/G/Isg7TZS15VRsF89b1cLCg5vH1wWCmpkH+PX4OuZUEEklNgRSW7vMY1SdcyrKi6Qhet4hqJvrRFQtLJIexrEnEFWR1BhhvHkl3PP0TLhd80Oe1gVDZuluEPMXgrondLQXwiRfdpKG9PaGi5oVk3hNR5wK35J2vS7jzzzpbp2xRdDpmHRIT1sUYZzKskJHkbSbtkfQcjiNWRM4kLRLgSouSZHjVCaUjKe7E8l77W0bX4vFrbtaue+l/V1GsVhcu864LYbzsStsfzMn6SSjdKcT7zZKOZd+buB3AndFuUcZDREQ1Zik3gXtHvPQFZ9OuaJmKM+Fu2vn0iKqEUm9Choi5GK9WqtU8lzYe4yoSJq7oF0h6UvxubF5GEU9cBZhETWRpJ4EDY2kK2mZS0OpoqwT8TFRh6jKkna3Waw3jlmUs8n4ug+jqAdi/7ZXE0VFUgT9e4fGiZRX/iPIemRc1nBt9pG03177znAjCJHzh1Cbx7qsoQM9RtJ+sLrUbx7lbAQWO9TDmAZbzHr2pcA9qX1LeiH2auBSL/ZjQjQNq8DGBq/drhRW5aFPSSdibyZ3Fntj7r8txzjKWhkTdaeka9iXpN2OFksXdl94Qti6KfCpsYyokYJmfAc9XdQrYxd0B0E37uC+GYpetRQ0idRHJL0yNJZhU/H2x6pXYmcicFcKmPjbtqRWym7ex56/watesDIhWMT4dJuSVnEcmnrqfh4FbXGpVyZiY2JwFq83Y9Ile9ehgQu2i6AqTB9fXwxEsbFkXtRsW5IeSvqqAVOxNblRAlYWwGddfmUb6a6FNDcIuo8zybBQ5THbtHcbkTR1L7aPoMmxsBJoLJnWgNo0koYTc5VY0CmOEFEjrTzN9hJJFy5IytstUwQlor4y9DpG0mcOJd2aTsagtkVNuT7aw0Z2lXQ3nIRUk0XZ3xfLhJQb/bPqxNeVNNWKE2re+CLlnMWOZHK/fB1JQxT9lSiN2kFQd6RaKtpIJjtl1hmTHiU6VhYq+ORM0uxAqiWTWzKrRtJUUZTdLL5JdWsmi2i6aiRNEUUbBHVPN+NLNO1Z0hBFJwkuLjO5edAVftPme0mSpoii1CPKb3zaKL/nRJzfN11W0u55IprMhJInOZKi4z0qQdKJ6N6UTjWGgf5p5ekxHpqMxfFWtmUlPVA+rhPS3Kw5Ft31vd2zb1yyzC2YWp6mzzUnGL7QjrNHu12FCO5yh8wykVR7duwH7bcIGtGdc6jE6RPQP4qkIU34j+LxsHi+LII4motjpuJwruOjSKo9o0sULYtWdPcEuyxY9pGkmhNGU6HKX4mcKL7X0KOoA0M5/AntlWiqwF5Okmr2OERRoikp7xqSavY4l7RToikp72qShg9SKx1DuC/a0E6LR7Oj3stBUs2e5pz2CbGj1lqFVOcg6Vel9w9L/1hED9oddiWOFjYMEvc0M2GNLvzeHrSoPUtaid7+O1JdSJVZffUsqVYP00raZ4eATbQmkFxHUq0ehrEopGwXQy/j0pSR9Jr2CIlFrT1KOlQaj4axR0NbhMQd+GePkmqFfwQFC+3DZbpLqgsWaEVnLbdLSf9Uel9mdcFKNK29Sao1HkVS+IhbpfepvEmq0asgKFiKpK4k1apLekv7gyXHpRpLRj97klRrEE0kBUttZehJ0gpJoUBJayR9PY0BWIa/OAXrPembKAq5tZeRF0k1FtazdxQstpehF0mJpFBqJCXdXeC/nHIwiJt0V+NASXdhVRrSXd0DJX0BMJ7uAgCSAiApgCb3SApgm59ICgBICrABfyIpgG0qJAUAJAUAP5JWnHKA9SVtkBQMMkJSANtorClvkPSZr7Q5IPNaX1J2qECpkt57kVRjQ3ZNuwODks69SEo9GSDdJd39mxGnHZZEYw6j8SRpq/SepLxAJDUu6WdOOyw5LNKQ9NaTpFopL+kuWMq4Wm+SahxwRRoDRsajLiXV2gXPuBSstJGGdDdtLwl+x6Maw6LWw8lIJSmRFCy0j7lHSVvFcSkTSPAWe0rvc+tRUqIpWGBMJH1fUq3e5TttEd4QVGvpaONVUq0DHwm3YiBdqtt4OSFvpbtai+0PaJOQKNW99SypZi8zpk3CAhNS3eUlvVZ6/wpRYQGteYr7HCRtMrwwYJvQYddE0eUlbUVvenosTCCByJHie13nIKn2BzmijRbNUHnYM8tFUs0PonlvDOxxqHj9Z+LsmafvSToXvQXIw3ihoMwoqnkr7trbCfqo7u654rEcEE2JoqS6q0uq+YGGjE2JoqS6q0sa0t1GuVetaLtE0Z649HiSBgY/2Clttwgq5cyp9ZjqLivpVDlFCDO9NW04ey6U3+/S64la9oFN08wvIOiSoiOe5i7pufJxhVTomLacJcMEnfBUnNQz2kTSNkFPFMYrlFjJjyPRv9V26fmEDYx/UNLe/NJc7UUrjThbUL+JpCk+bIikzPaS5m7CifcT9+nh4WGVfx8G+zcJjvObOJ0+h3+4Ef3JojBM2/F+4gYr/vtUqUPogSvauVuOJc1ttZMcTt6qkTRlNA0L/nfF4bIuxqFyleB9m9he3DNY88OniKaMT/0xknSTfye5nMR1Iml38u8SHfPZ4+sH7d88w9hGUgxTsomi60bSLvWcJjrmMIU/wQHzgt4knEfIqhNfN5JKvAB3km4P6L44XuqVOXeSbiHKNLaNbBhs8H9b0V8uuMgFEdUkFwkFvc9xKDTY8P8fS9qH3iCqPUFTXo8TyXD2f5N0t6OWNLdkSH1tjUFPEwvaSEaTRduWVOIFOkTUYgW9kfSbIb6Ik0cZaqe7i2lGayDVOsaZIgU9yVXQbUZSK2mvSIaze0YZxeudusLjPEbRbBls8XeFMcGZgc8UxkV3QnnQvs+xBUHvS+iQB1v+fT+MpB2hl/8l1Erqg9M4tLDQCWad5vYlqcSezcI0eDdeYpy6HaqYoVh50sDMSObmUtK52LqhfCTp1pDmwqGkXUX0krakeYdBT793KrZuh4yMRQFP0fMmprhWxvghS/smBW1Z3Obs7mtY6n0XI/1+CWOZDQnDBIvP5ynufnjfkoYL/EtszrSeSabLyDakFruVMIrcpjjo+fcHAaxWUziMHcixcLtmMbW9Ebvj97rEazVQeI+54UF+9yS3kJZPCpbzQnzcsrKygCKrdHeRidivoxsi/nlMq3JPg4OQ3512TkXVu9KUtEsxPdQpChd/JjbWJPfRWX4X/ws9ihFVW1IRf3tA5zG6zhw3iNFC1MwpVQzX5BuSIurLRnHtRNhOzLHkvZBjKpkvbEglqWdRO5rH120U1sI912FMYffi15zFLErUlJLmIOpr0s7jq++xbB2j5ef4tfQn0GUrampJA8ei+1h2bXFDWvxz4eeO9h2R64Xvq/j6I4pYCeuQixLVgqQiPm7PAKImYWDsxLJED7bR4We1kcJKJO0ockUJ9EI2C/EHxo6nq1fDDhXYlGwmJQcGj6mVp5UkU9oZIKpNSUWeC0zx9DQoXlRrY9K3xqnhIbQV7Q1KHKN6kDQwjD3imLYGG+ByvmPg5Di7ujZF1bbJgMaYGBaq7WcraccsXvSG9m++Uw3zCbvyvKXMyvpmd6J6SXdfYyx2ijTD7x1pELR98edhTsHKkwXuDXUc2UXSl41hRwopkOyAdmFI0r7x91Y2abuKqJ4j6SLhZIeKDzWuJIlKq5ScsbSqzEVEzUXSxRT4VLhdo8VU1isxY0nUcOxfxPCE5CCzRtOlwPuSX20iSzSxYa97ni3VJ6rE+HrxQaaNaIqsvcm5u6UU0ZKopjd25JbuvsVEnjaWkwav3+md9zR2C0OUKyOf02QFwlIkXWwQ4fkmNd59yP2CnH1nI6ETvUBUJH05DjmQ/EpcbquRpihhiqhI+m507UpflkobpdSIml5ENVPTF0mfGUZR9woRthPzUmzdJ7Qkakj395HUrrC15FfDNsjYFfe2fAMfUZF0rTFsiK5f5bmsphcpG3mqB9yIrx1EYVHKIaIi6SbSdgWpv4qNWrhdUe6fC3J6x1JVhWSiIul2qWOqHOTtill3f76NMWQbv7+NX7vomHPhtuJFRdI0491ld180nC5zooZteGdICmBbVNV6SQOuPTjBUiEx1Q6DSAreuBM7m7VVOg4iKXjD0iZtlYiKpOCN+9JEJd0Fr1irU9Rb6VIiKRBRt0NvHQaSAqIaj+yku5ADlWRc05dICjnQSsY1fZEUcmGeq6iku5Ab2dX0JZICEbXfsfLGHQaSAqIaj+xICjmLum/kWDYSFUkhZ2Y5iIqkkDtT76IiKSCqvqgXSApgW9TxKqIiKSBqGibLioqkUKKoZ55EZcURlIqbUqFEUigVS4XN3o2oSAqIakfUQ9JdAPup7/91HEgKYEvUsN447JxpSXcB/j+CWSnDckQkBXhbECsVCHe6aEokBfg91bRS2GxMugtgW9Q90l0A26lv6Cz+jaQAtkX9hKQAH1NJupq+nxiTAnxMK4nrJSEpwMekKGzWIimAbVHnSApgW9TrfwamTBwBrEzfVfJDJ7DTdQZEUoD1ImqfZVjOF6M1kRRgfSayYuW/JWjlxfNjiKQA6zPdckQNYn57OeZFUgAbogYxf8gra4ZJdwG2Q1dLd53JpDZG0FcX9RNJAbZDeO7MjqxWMylEz5M4Bn1z1w2RFGD7VDGyhu1moxfRtY1CXkexP7zniqQAxiHdBTDO/wQYAH9EUIqqcEgYAAAAAElFTkSuQmCC')
    }

    .things-to-do a.fancybox:after {
        left: 15px;
        width: 91%;
    }

    a.fancybox:hover .icon {
        display: block;
        opacity: 1;
        margin-top: 0;
    }

    a.fancybox:after {
        content: '';
        position: absolute;
        background-color: rgba(28, 31, 32, 0.35);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;
    }

    a.fancybox:hover:after {
        opacity: 1;
    }

    .mcms_RendererContentDetail .carousel-control-next-icon {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: no-repeat 55%/50% 100%;
        background-color: #000;
        border: 1px solid #fff;
        border-radius: 50%;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
    }

    .mcms_RendererContentDetail .carousel-control-prev-icon {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: no-repeat 55%/50% 100%;
        background-color: #000;
        border: 1px solid #fff;
        border-radius: 50%;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
    }

    .mcms_RendererContentDetail .carousel-indicators li {
        box-sizing: content-box;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        margin-right: 4px;
        margin-left: 4px;
        padding-left: 0 !important;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease;
    }

    @media (min-width:992px) {
        .officials-list {
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }

    @media (min-width:390px) and (max-width:575px) {
        .official img {
            max-width: 350px;
        }

        .officials-photo {
            max-width: 350px !important;
            text-align: center;
        }
    }

    @media (max-width:575px) {
        .official .off_desc {
            min-height: 190px;
            max-height: 190px;
        }

        .official .off_desc {
            padding: 20px 5px;
        }

        .official {
            padding-top: 20px;
        }

        .officials-photo {
            float: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            margin-bottom: 25px;
        }
    }

    @media (min-width:575px) and (max-width:768px) {
        .official .off_desc {
            min-height: 190px;
            max-height: 190px;
        }

        .official .off_desc {
            padding: 20px 5px;
        }

        .officials-photo {
            max-width: 50% !important;
        }
    }

    @media (min-width:768px) and (max-width:992px) {
        .official .off_desc {
            min-height: 190px;
            max-height: 190px;
        }

        .official .off_desc {
            padding: 15px 5px;
        }

        .officials-photo {
            max-width: 40% !important;
        }
    }

    @media (min-width:992px) and (max-width:1200px) {
        .official .off_desc {
            min-height: 240px;
            max-height: 240px;
        }

        .official .off_desc {
            padding: 10px 5px 20px 5px;
        }

            .official .off_desc p {
                font-size: .95rem;
            }

        .officials-list {
            padding: 0 5px;
        }

        .officials-photo {
            max-width: 40% !important;
        }
    }

    @media (min-width:1200px) {
        .officials-list {
            padding: 0 8px;
        }
    }

    @media (min-width:1200px) and (max-width:1400px) {
        .official .off_desc {
            min-height: 230px;
            max-height: 230px;
        }

        .official .off_desc {
            padding: 20px 10px;
        }
    }

    @media (min-width:1400px) {
        .official .off_desc {
            min-height: 210px;
            max-height: 220px;
        }

        .official .off_desc {
            padding: 20px 10px;
        }
    }

    .official .m_desc {
        min-height: 160px;
    }

    .official {
        border: 1px solid #eee;
        box-shadow: 0 3px 16px rgba(0, 0, 0, .03);
        background-color: #fff;
        text-align: center;
        position: relative;
        overflow: hidden;
        margin-bottom: 30px;
    }

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

            .official .off_desc p {
                margin-bottom: 5px;
            }

            .official .off_desc > h2 {
                text-align: center;
            }

    @media (min-width:575px) and (max-width:768px) {
        .city-mayor {
            width: 50%;
            margin: 0 auto 20px auto;
        }
    }

    .image-left {
        max-width: 30%;
        float: left;
        margin-right: 25px;
        margin-bottom: 20px;
    }

    .image-right {
        max-width: 30%;
        float: right;
        margin-left: 25px;
        margin-bottom: 20px;
    }

    @media (max-width:567px) {
        .image-right {
            max-width: 100%;
            float: none;
            margin-right: 0;
	    margin-left: 0;
            margin-bottom: 20px;
        }
    }

    @media (max-width:567px) {
        .image-left {
            max-width: 100%;
            float: none;
            margin-right: 0;
            margin-bottom: 20px;
        }
    }

    #departments-contact th {
        background-color: rgba(16, 40, 63, .87);
        color: white;
        padding: 8px 0;
    }

    #departments-contact tr td {
        padding: 8px 0 8px 8px;
    }

    #departments-contact tr:nth-child(even) {
        background-color: #f3f3f3;
    }

    #departments-contact tr:hover {
        background-color: #dfe6ec;
    }

    @media (min-width:768px) {
        #departments-contact tr th:first-child, #departments-contact tr td:first-child {
            padding-left: 8px;
            border-left: 1px solid #e3e3e3;
        }

        #departments-contact tr th:last-child, #departments-contact tr td:last-child {
            border-right: 1px solid #e3e3e3;
        }

        #departments-contact tr {
            border-bottom: 1px solid #e3e3e3;
        }
    }

    @media (max-width:768px) {
        #departments-contact tr {
            border-bottom: 2px solid #0d3e71;
        }

            #departments-contact tr td {
                width: 100% !important;
                display: block;
                position: relative;
                padding-left: 32% !important;
                min-height: 28px;
                border-bottom: 1px solid #e3e3e3;
            }

                #departments-contact tr td::before {
                    position: absolute;
                    top: 6px;
                    left: 6px;
                    padding-right: 10px;
                    white-space: nowrap;
                    font-weight: bold;
                }

                #departments-contact tr td:first-child::before {
                    content: "Department";
                }

                #departments-contact tr td:nth-child(2)::before {
                    content: "Contact";
                }

                #departments-contact tr td:nth-child(3)::before {
                    content: "Address";
                }

            #departments-contact tr th {
                display: none;
            }
    }
    /* Higher screens+ */
    @media only screen and (min-width: 1921px) {
    }
    /** Desktop+ **/
    @media (min-width: 1200px) {
    }
    /** Laptop **/
    @media (max-width: 1200px) {
    }
    /** Laptop+ **/
    @media (min-width: 992px) {
    }
    /** Laptop **/
    @media (min-width: 992px) and (max-width: 1199px) {
    }
    /** Large Tablets **/
    @media (max-width: 992px) {
    }
    /** Tablets (landscape mode)  **/
    @media (min-width: 768px) and (max-width: 991px) {
    }
    /** Tablets+  **/
    @media (min-width: 768px) {
    }
    /** Tablets (portrait mode)  **/
    @media (min-width: 481px) and (max-width: 768px) {
    }
    /** Smartphone landscape mode / Mini Tablet **/
    @media (max-width: 767px) {
        .height-before-home-content {
            min-height: 80px;
        }

		#search-section {
			width: 100%;
			height: 100%;
			background-color: rgba(26, 29, 32, .75);
		}

        .search-input {
            width: calc(100% - 75px);
        }

		.search-btn {
			background-color: #ae2224;
		}
    }
    /** Smartphone landscape mode / Mini Tablet **/
    @media (max-width: 600px) {
        .quick-links-left .quick-links-item:hover, .quick-links-right .quick-links-item:hover {
            box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.6);
        }
    }
    /** Smartphone portrait mode **/
    @media (max-width: 480px) {
    }
    /** Normal phone portrait mode+ **/
    @media (min-width: 320px) {
    }
    /* FIX IE10 MOBILE  1.6 */
    @-webkit-viewport {
        width: device-width
    }

    @-moz-viewport {
        width: device-width
    }

    @-ms-viewport {
        width: device-width
    }

    @-o-viewport {
        width: device-width
    }

    @viewport {
        width: device-width
    }

    /********* Headshot images styles ***********/
    @media (min-width:390px) and (max-width:768px) {
        .photo-sm img {
            max-width: 350px;
            margin: 0 auto;
        }

        .photo-sm {
            text-align: center;
            margin-bottom: 20px;
        }

            .photo-sm h3 {
                text-align: center;
            }
    }

    @media (min-width:768px) and (max-width:991px) {
        .photo-sm {
            max-width: 50%;
            margin: 0 auto 30px auto;
        }

            .photo-sm img {
                max-width: 300px;
            }
    }

    .list-m-0 li {
        margin: 0 !important;
    }

    @media (max-width:768px) {
        .pay-buttons, .pay-buttons div {
            text-align: center;
        }
    }

    @media (min-width:768px) {
        .pay-buttons div {
            float: left;
            margin: 0 10px;
        }

        .pay-buttons {
            max-width: 650px;
            margin: 0 auto;
        }
    }

    .pay-buttons div img {
        max-height: 27px;
        margin-right: 10px;
    }

    .pay-btn img {
        max-height: 27px;
        margin-right: 10px;
    }

#rCw li::before {
    content: none !important;
}
.garbage-recycling {
    width: 100%;
}
.garbage-recycling tr td {
    padding: 10px;
    border:1px solid #b4bac0;
}
.garbage-recycling tr:first-child  { 
    background-color: #eeeeee;
    color:#1c3957;
    font-size: 1.1rem;
}