@charset "utf-8";

/** general **/
@font-face {
	font-family: 'Constantia';
	src: url('../fonts/constanb.eot');
	src: url('../fonts/constanb.woff') format('woff'), url('../fonts/constanb.ttf') format('truetype'), url('../fonts/constanb.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700');

body {
	margin: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 1rem;
	line-height: 1.5;
	color: #333;
    overflow-x:hidden!important;
}


a {
	text-decoration: underline;
	color: #860613;
}

	a:hover {
		outline: none;
		color: #860613;
		text-decoration: none;
	}

p {
	margin-bottom: 18px;
	line-height: 1.5;
}

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 {
	font-family: 'Source Sans Pro', sans-serif;
	line-height: normal;
	margin: 0 0 20px 0;
	text-rendering: optimizelegibility;
	font-style: normal;
}

h1 {
	font-size: 2rem;
	color: #5a1c40;
	text-align: left;
	text-transform: uppercase;
}
#spotlights h2, #city-news h2, #send-event h2 {
	font-size: 2rem;
	color: #5a1c40;
	text-align: left;
	text-transform: uppercase;
}
h2 {
	font-size: 1.8rem;
	color: #860613;
	text-align: left;
}

h2 a {text-decoration: none;}

h3 {
	font-size: 1.3rem;
	color: #860613;
	font-weight: bold;
	text-align: left;
	margin: 10px 0 5px 0;
}

h4 {
	font-size: 1.3rem;
	font-weight: normal;
	margin: 5px 0;
	color: #860613;
	text-align: center;
}

h5 {
	font-size: 1.1rem;
	color: #5a1c40;
	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: #591d3f;
	border-right: 1px solid #591d3f;
	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 #591d3f solid;
		border-right: 3px #591d3f solid;
		outline: 0;
		-webkit-transition: top .1s ease-in, background .5s linear;
		transition: top .1s ease-in, background .5s linear;
	}
/*----------------------------------*/

#main-content {
	/*background-color: white;*/
}

header {
	background-color: white;
	padding-top: 5px;
}

.header-photo {
	background-image: url(../images/photo-bg.jpg);
	min-height: 783px;
	background-size: cover;
}

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

.social a {
	padding: 0 4px;
	color: #8f0d18;
}

.social img:hover {transform: scale(1.05);}

.fb {margin-right: 5px;}

.instagram-icon {
	line-height: 34px;
	vertical-align: top;
}

	.instagram-icon img:hover {
		background-color: #d1d1d1;
		border-radius: 5px;
	}

@media (max-width:767px) {
	.social {padding-right: 10px !important;float:left; padding: 5px 4px 0 0;}	
    .social a {padding: 0!important;}

    .news-image img, .news-image {
        display: none !important;
    }
    .news-body {
        width:100%;
    }
    .slick-arrow:last-child {
        bottom: -75px!important;
    }

}
@media (min-width:768px) {
    .social {float:right; padding: 5px 4px 0 4px;}
}

@media (min-width:992px) and (max-width:1199px) {
	.social {right: 28px;}
	.social a {cursor: pointer;}
	.logo-nav {margin-top: -35px !important;padding-bottom: 0;	}}

@media (max-width:575px) {
	header {padding-top: 20px;}}

@media (min-width:576px) and (max-width:1199px) {
	header {padding-top: 24px;}}

@media (min-width:1200px) {
	header {padding: 20px 0;}}

/*--------------Search----------------------------*/


.search-box {
	display: block;
	border: 0;
	background-color: #f8f8f8;
	float: right;
	margin-top: 5px;
}

.search-input {
	float: left;
	font-size: 1rem;
	height: 31px;
	line-height: 1.25;
	padding-left: 5%;
	border: 0;
	background: none;
	border-radius: 0 !important;
	width: calc(100% - 47px);
	color: #5c1a3e;
	font-size: .8rem;
}

	.search-input:focus {
		outline: none;
	}

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

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

::-ms-input-placeholder { /* Microsoft Edge */
	color: #5c1a3e;
}

.search-btn {
	background-image: url("../images/search-btn.svg");
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	float: right;
	height: 31px;
	padding: 0;
	width: 31px;
	border: none;
	background-color: #f8f8f8;
}


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

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

.search-box {
	display: block;
	border: 0;
	float: right;
	margin-top: 5px;
	border: 1px solid #5c1a3e;
	background: none;
}
.mcms_ErrorText {
	background-color: #d8d9d7;
	color: red;
	float: left;
	font-weight: 600;
	height: 31px;
	padding-bottom: 0;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 0;
}
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+klEQVR42uyd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')
}
a.fancybox {
	overflow: hidden;
        position: relative;
}
a.fancybox:hover .icon {
		display: block;
		opacity: 1;
		margin-top: 0;
	}
@media (min-width:992px) and (max-width:1199px) {
	.icons-search {
		padding-right: 42px;
	}
}
@media (max-width:359px) {
    .search-box {
        width: calc(94% - 71px);
    }
}
@media (min-width:360px) and (max-width:767px) {
    .search-box {
        width: calc(95% - 71px);
    }
}

    @media (max-width:767px) {
        header {
            text-align: center;
        }


        .icons-search {
            margin-top: 15px;
        }
    }

    @media (min-width:768px) {
        .search-box {
            width: 235px;
            margin-left: 20px;
            margin-bottom: 15px;
        }
    }

    @media (min-width:1200px) {
        .icons-search {
            padding-right: 30px;
        }
    }


/*------------------News------------------------*/
.news-block {
	height: 190px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	margin-bottom: 20px;
}

.news-image {
	width: 30%;
	height: 190px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	background: #f2f2f2;
}

.news-body h3 a {
	text-decoration: none;
	font-size: 1.1rem
}
.news-body a, .news-body span {display:block;}
.news-body span a {
display:inline!important;}
.
	.news-body h3 a:hover {
		color: #260e2f
	}
.news-body h3 {
	margin: 0px 0 8px 0;
	line-height: 20px;
	display:block;
}
.news-body p {margin:0;}
.news-image a {display:block;width:100%;height:100%;}

.news-image img {
	object-fit: cover;
	width: 190px!important;
	height: 190px;
	margin-bottom: 0 !important;
}

.news-body {
	width: 70%;
	height: 190px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	padding-left: 15px;
	padding-right: 15px;
	background: #f2f2f2;
}

	.news-body span {
		font-size: 1rem;
		line-height: 20px;
	}
    /*------------------Quick-links------------------------*/

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

    #iconsCarousel {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .quick-links a {
        text-decoration: none;
        animation: none !important;
        line-height: 1;
        color: #4e3c2e;
    }

    .quick-links figure {
        background-color: #5a1c40;
        cursor: pointer;
        position: relative;
        z-index: 4;
        margin: 0 auto 15px auto !important;
        transition: all 0.3s ease;
    }

    .quick-links a:hover {
        color: black;
    }

    .quick-links figure img {
        padding-top: 18px;
    }

    .quick-links a:hover figure {
        background-color: #8d1b3b;
        box-shadow: inset 0 0 0 10px #501839;
    }

    @media (max-width:575px) {
        .carousel-inner {
            margin: 0 !important;
        }
    }

    @media (max-width:767px) {
        .quick-links figure {
            width: 80px;
            height: 80px;
            border-radius: 80px;
            line-height: 80px;
        }

        .quick-links a {
            font-size: 1rem;
        }
    }

@media (max-width:767px) {
    .carousel-inner .col-md-2 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        width: 50% !important;
    }
}

    @media (min-width:768px) {
        #QuickLinkCarousel {
            height: 190px;
        }
    }

    @media (min-width:768px) and (max-width:991px) {
        .quick-links figure {
            width: 80px;
            height: 80px;
            border-radius: 80px;
            line-height: 80px;
        }

        .quick-links a {
            font-size: .8rem;
        }

        .carousel-inner .col-md-2 {
            -ms-flex: 0 0 15.8%;
            flex: 0 0 15.8%;
            max-width: 15.8%;
            width: 15.8% !important;
        }

        #QuickLinkCarousel .active {
            margin-left: 15px;
        }
    }

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

        #QuickLinkCarousel .active {
            margin-left: 0;
        }
    }

    @media (min-width:992px) {
        .quick-links figure {
            width: 75px;
            height: 75px;
            border-radius: 75px;
        }

        .quick-links a {
            font-size: 1rem;
        }
    }

    @media (min-width:1200px) {
        .carousel-inner .col-md-2 {
            -ms-flex: 0 0 15%;
            flex: 0 0 15%;
            max-width: 15%;
            width: 15% !important;
        }

        #QuickLinkCarousel .active {
            margin-left: 5.25%;
        }
    }


    #QuickLinkCarousel {
        width: 100%;
        background-color: #260e2f;
    }

        #QuickLinkCarousel .active, #QuickLinkCarousel .active a {
            background-color: #260e2f;
            color: white;
        }

        #QuickLinkCarousel a {
            color: white;
            text-decoration: none;
            text-transform: uppercase;
            text-align: center !important;
        }

        #QuickLinkCarousel .item, #QuickLinkCarousel .active {
            text-align: center !important;
        }

    .carousel-control-next, .carousel-control-prev {
        width: 4% !important;
    }

@media (max-width: 767px) {
    .carousel-inner .active, .carousel-inner .active + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }

    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
    @media (min-width: 768px) {
        /* show 6 items */
        .carousel-inner .active, .carousel-inner .active + .carousel-item, .carousel-inner .active + .carousel-item + .carousel-item, .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item, .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item, .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
            display: block;
        }

        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item,
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
            transition: none;
        }

        .carousel-inner .carousel-item-next,
        .carousel-inner .carousel-item-prev {
            position: relative;
            transform: translate3d(0, 0, 0);
        }

        .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
            position: absolute;
            top: 0;
            right: -33.3333%;
            z-index: -1;
            display: block;
            visibility: visible;
        }

        /* left or forward direction */
        .active.carousel-item-left + .carousel-item-next.carousel-item-left,
        .carousel-item-next.carousel-item-left + .carousel-item,
        .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
        .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
        .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
        .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
        .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
            position: relative;
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }

        /* farthest right hidden item must be abso position for animations */
        .carousel-inner .carousel-item-prev.carousel-item-right {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            display: block;
            visibility: visible;
        }

        /* right or prev direction */
        .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
        .carousel-item-prev.carousel-item-right + .carousel-item,
        .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
        .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
        .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
        .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
        .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
            position: relative;
            transform: translate3d(100%, 0, 0);
            visibility: visible;
            display: block;
            visibility: visible;
        }
    }

/*-----------------------------Hero-slider for header photo----------------------------------------*/

.object-fit {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

span.object-fit {
    background-position-x: center;
    background-position-y: center
}

.object-fit.lazyload, .object-fit.lazyloading {
    -o-object-fit: none;
    object-fit: none
}

.hero-title {
    height: calc(95vh - 260px);
    max-height: 1080px;
    position: relative
}

.has-adminbar .hero-title {
    height: calc(95vh - 6.1em - 50px)
}

.hero-title-background {
    width: 100%;
    height: 100%
}

.hero-title-wrapper {
    position: absolute;
    color: #2b3667;
    width: 100%;
}

    .hero-title-wrapper .container {
        text-align: center;
    }

@media (orientation:landscape) and (max-height:550px) {
    .hero-title-wrapper {
        height: auto;
        top: 37px
    }

    .hero-title-wrapper {
        display: none;
    }
}

@media (max-height:479px) and (orientation:landscape) {
    .hero-title {
        min-height: 335px;
    }
}

.hero-title-wrapper .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media (max-width:500px) {
    .hero-title-wrapper {
        height: auto;
        padding: 1rem
    }

        .hero-title-wrapper .container {
            display: block;
            text-align: center
        }
}

.hero-title .parallax-container {
    height: 100%
}

.hero-title-title-image {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.hero-title-title {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 4.22em;
    text-shadow: -2px 0 0 #fff
}

@media (max-width:500px) {
    .hero-title-wrapper {
        top: 2%;
    }

    .hero-title-title-image {
        max-height: 120px;
    }
}

@media (max-width:500px) and (max-height:667px) {
    .hero-title-title {
        font-size: 3.8em;
    }
}

@media (width:767px) {
    .hero-title-wrapper {
        top: 16%;
    }
}

@media (max-width:767px) and (min-height:550px) and (max-height:799px) {
    .hero-title-wrapper {
        top: 16%;
    }

    .hero-title-title-image {
        max-height: 220px;
    }
}

@media (max-width:767px) and (min-height:800px) {
    .hero-title-wrapper {
        top: 26%;
    }

    .hero-title-title-image {
        max-height: 240px;
    }
}

@media (min-width:768px) and (min-height:550px) and (max-height:799px) {
    .hero-title-wrapper {
        top: 20%;
    }

    .hero-title-title-image {
        max-height: 240px !important;
    }
}

@media (min-width:768px) and (min-height:800px) {
    .hero-title-wrapper {
        top: 20%;
    }
}

@media (min-width:768px) {
    .hero-title-title-image {
        max-height: 340px;
    }
}
/*-----------------------------*/
#spotlights {
    margin-top: 40px;
    margin-bottom: 40px;
}

    #spotlights h1 {
        margin-bottom: 0;
    }

    #spotlights .view-btn-dark {
        margin-top: 25px;
    }

@media (min-width:768px) and (max-width:1199px) {
    #spotlights .view-btn-dark {
        text-align: right;
    }
}
    /*------------View buttons-----------------*/
    .view-btn-light a {
        padding: 11px 42px;
        color: white;
        font-weight: normal !important;
        text-transform: uppercase;
        border: 1px solid white;
    }

        .view-btn-light a:hover {
            background-color: rgba(255,255,255,.2);
            text-decoration: none !important;
        }

    .view-btn-dark a {
        padding: 15px 42px;
        color: #5a1c40;
        text-transform: uppercase;
        border: 1px solid #5a1c40;
        text-decoration: none;
    }

        .view-btn-dark a:hover {
            background-color: rgba(90,26,64,.2);
        }

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

        #spotlights h1 {
            text-align: center;
        }
    }

    /*------------------------------------------*/
    /*.city-hall {
        background-image: url(../images/town-project.jpg);
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 448px;
    }

 a .city-hall-wrapper {
	text-decoration: none !important;
}

		.city-hall h1 {
			color: white !important;
			font-size: 2.4rem;
			text-shadow: 2px 2px 4px #000000;
			font-weight: 600;
		}

	.city-hall-wrapper a {
		text-decoration: none !important;
	}*/

.downtown-dev {
	background-image: url(../images/downtown-bg.jpg);
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 448px;
	background-size: cover;
}

.downtown-dev h2 {
	color: white !important;
	font-size: 2.4rem;
	text-shadow: 2px 2px 4px #191919;
	font-weight: 600;
}

.downtown-dev-container {
	text-decoration: none;
	width:100%;
	display:block;
}

.downtown-dev-logo {
	position: relative;
	z-index: 2;
}

@media (max-width:767px) {
	.downtown-dev h2 {
		padding-top: 20px;
		text-align: left;
		padding-left: 20px;
	}
}

@media (min-width:768px) {
	.downtown-dev h2 {
		padding-right: 40px;
		text-align: right;
	}
}

@media (min-width:1200px) {
	
	.downtown-dev-logo {
		bottom: 60px;
		left: 45px;
	}
}


@media (min-width:992px) and (max-width:1199px) {
	.downtown-dev-logo {
		bottom: 80px;
		left: 22px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.downtown-dev-logo {
		bottom: 100px;
		left: 22px;
	}

	.downtown-dev-logo img {
		max-width: 150px;
	}
}

@media (min-width:576px) and (max-width:767px) {
	.downtown-dev-logo {
		top: 180px;
		left: 22px;
	}

	.downtown-dev-logo img {
		max-width: 150px;
	}
}

@media (max-width:767px) {
	.downtown-dev-logo {
		top: 140px;
		left: 22px;
	}

	.downtown-dev-logo img {
		max-width: 150px;
		background: radial-gradient(ellipse at center, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.93) 1%,rgba(255,255,255,0) 82%,rgba(255,255,255,0) 90%);
	}
}



	/*--------------City News----------------------------*/
#city-news {
	padding-top: 41px;
	padding-bottom: 54px;
	margin-top: 50px;
}

    #city-news img {
        margin-bottom: 28px;
    }

    .news {
        text-decoration: none !important;
    }

    .news-item {
        padding: 0 30px !important;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position-x: center;
    }

    .news-title {
        color: #5a1c40;
        font-weight: 600;
        font-size: 1rem;
        text-align: left;
        text-transform: uppercase;
    }

    .news-title:hover {
        color: #8d1b3b;
        text-decoration: underline;
    }

h2.news-title {margin-bottom: 15px;}

    .news-text {
        font-size: 1rem;
        line-height: 1.5;
    }

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

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

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

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

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

    @media (max-width:991px) {
        .news-item img {
            -webkit-box-shadow: 1px 6px 15px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 1px 6px 15px 0px rgba(0,0,0,0.75);
            box-shadow: 1px 6px 15px 0px rgba(0,0,0,0.75);
            float: none !important;
            max-width: 100%;
            height: auto;
        }
    }

    @media (min-width:992px) and (max-width:1199px) {
        .news-item {
            background-position-y: 228px;
            background-size: 88%;
        }
    }

    @media (min-width:992px) {
        .news-item {
            padding: 30px 30px !important;
            /* background-image: url(../images/shadow.jpg);*/
        }

            .news-item:hover {
                -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.36);
                -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.36);
                box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.36);
                transition: all .2s ease-in-out;
                transform: scale(1.01);
            }

        #city-news {
            padding-top: 0 !important;
        }
    }

    @media (min-width:1200px) {
        .news-item {
            background-position-y: 279px;
        }
    }
    /*----------------------Upcoming Events----------------------------------*/
    #upcoming-events {
        background-image: url(../images/events-bg.jpg);
        min-height: 496px;
        width: 100%;
        background-position: center;
        background-size: cover;
        color: white;
        font-size: 1rem;
        font-weight: 600;
        padding-top: 42px;
        padding-bottom: 44px;
    }

		#upcoming-events h2 {
			color: white !important;
			margin-bottom: 31px;
			text-transform: uppercase;
		}

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

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

        #upcoming-events p {
            line-height: 1.2;
        }

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

        #upcoming-events .row > div {
            max-height: 272px;
            min-height: 210px;
            overflow: hidden;
        }

    .event-wrapper {
        background-color: #260e2f;
        width: 100%;
        min-height: 159px;
        border-top: 9px solid #5a1c40;
        padding: 35px 0 16px 0;
        text-align: center;
        font-size: 1rem;
        margin-bottom: 15px;
        font-weight: normal;
        text-decoration: none;
        border: 0;
        position: relative;
        vertical-align: baseline;
    }

        .event-wrapper span {
            font-size: 1rem;
        }

        .event-wrapper a {
            font-weight: normal;
            font-size: 1.5rem;
        }

@media (max-width:575px) {
	.event-wrapper {
		min-height: 100px;
		padding: 21px 0 16px 0;
		margin-bottom: 5px;
	}

	#upcoming-events .row > div {
		min-height: 110px;
	}

	#upcoming-events p {
		line-height: 1.5;
	}

	.event-wrapper a {
		font-weight: normal;
		font-size: 1.2rem;
	}
}

@media (min-width:1440px) {
	#spotlights .view-btn-dark {
		text-align: right;
		padding-right: 30px;
	}
}


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

    #send-event .row > div:nth-child(2) {
        margin-top: 8px;
    }

    .send-your-event {
        float: left;
        font-size: 1rem;
        height: 51px;
        line-height: 1.25;
        padding-left: 5%;
        width: calc(100% - 55px);
        border: 1px solid #5c1a3e;
    }

        .send-your-event:focus {
            outline: none;
        }

    .go-btn {
        float: right;
        width: 55px;
        height: 51px;
    }

    @media (max-width:991px) {
        .new-line {
            display: none;
        }

        #send-event h1 {
            text-align: center !important;
        }
    }

    @media (min-width:992px) {
        #send-event .row > div:nth-child(2) {
            padding: 0 !important;
        }
    }

    /*------------------Footer--------------------------*/

    footer {
        background-image: url(../images/footer-bg.jpg);
        width: 100%;
        background-position: center;
        background-size: cover;
        color: white;
        font-size: .9rem;
        padding-top: 35px;
        padding-bottom: 30px;
        margin-top: 35px;
    }

    .footer-links a {
        text-decoration: none;
    }

    .send-event {
        margin-bottom: -35px;
    }

    footer .row > div:first-child, footer .row > div:nth-child(2), footer .row > div:nth-child(3), footer .row > div:nth-child(4) {
        padding-top: 43px;
    }

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

    footer h2 {
        color: white !important;
        font-weight: normal;
        font-size: 1.05rem;
        text-transform: uppercase;
    }

    footer a {
        color: white !important
    }

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

        footer ul li {
            margin: 8px 0;
        }

    .footer-links a {
        text-decoration: none;
    }

   .second-column {margin-top: 29px;}


    #google_translate_element {
        margin-bottom: 15px !important;
    }

    #copyright {
        background-color: #211428;
        color: white;
    }

        #copyright a {
            color: white;
            margin: 0 15px;
        }

        #copyright .row > div:first-child, #copyright .row > div:nth-child(2) {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        #copyright .row > div:nth-child(2) {
            text-align: center;
        }

        #copyright .row > div:last-child {
            text-align: right;
        }

    @media (min-width:992px) and (max-width:1199px) {
        .vimeo-video {
            position: relative;
            bottom: 180px;
            text-align: center;
        }

        footer, footer .row {
            height: 500px;
        }
    }

    @media (max-width:991px) {
        #copyright .row div {
            text-align: center !important;
        }
    }

    @media (max-width:768px) {
        .footer-logo {
            text-align: center;
        }
    }

.video-tour {
    margin: auto;
    padding-top: 70px;
}

    @media (min-width:576px) and (max-width:767px) {
        footer {
            max-height: 720px;
        }

        .vimeo-video {
            position: relative;
            bottom: 180px;
            text-align: left;
        }

        .video-tour {
            padding-top: 25px;
        }
    }

    @media (max-width:575px) {
        footer, footer h1 {
            text-align: center !important;
        }

        .video-tour {
            padding-top: 30px;
        }
        .second-column {margin-top:0;}

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


@media (min-width:576px) and (max-width:767px) {
	.video-tour {
		min-width: 170px;
		min-height: 364px;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.video-tour {
		min-width: 170px;
		min-height: 364px;
	}
}

@media (max-width:575px) {
    #tourbookdiv {
        margin: 0 auto;
    }
}
#tourbookdiv img:last-child {
    margin-top:-8px;
}



    /*---------------------------Animation---------------------------------*/
    .top-stay:before, .top-stay:after, .top-stay > .ui-border-element:before, .top-stay > .ui-border-element:after {
        content: '';
        position: absolute
    }

    .top-stay:before {
        border-top: 8px solid #5b1d42;
        left: 0;
        right: 0;
        top: 0;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transition-duration: 200ms;
        -moz-transition-duration: 200ms;
        -o-transition-duration: 200ms;
        transition-duration: 200ms;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s
    }

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

    .top-stay .ui-border-element:after {
        border-right: 8px solid #5b1d42;
        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: linear;
        -moz-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transition-duration: 200ms;
        -moz-transition-duration: 200ms;
        -o-transition-duration: 200ms;
        transition-duration: 200ms;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s
    }

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

    .top-stay:not(:hover) .ui-border-element:after {
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s
    }

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

    .top-stay:after {
        border-bottom: 8px solid #5b1d42;
        left: 51%;
        right: 51%;
        bottom: 0px;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transition-duration: 200ms;
        -moz-transition-duration: 200ms;
        -o-transition-duration: 200ms;
        transition-duration: 200ms;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s
    }

    .top-stay:hover:after {
        left: 0%;
        right: 0%
    }

    .top-stay:not(:hover):after {
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s
    }

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

    .top-stay .ui-border-element:before {
        border-left: 8px solid #5b1d42;
        top: 0;
        bottom: 100%;
        left: 0;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transition-duration: 200ms;
        -moz-transition-duration: 200ms;
        -o-transition-duration: 200ms;
        transition-duration: 200ms;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s
    }

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

    .top-stay:not(:hover) .ui-border-element:before {
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s
    }

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

    @keyframes fadeInLeft {
        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);
        }
    }

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

    /*-----------====================-------------*/


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

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

    .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----------------*/
    #photo-header-secondary {
        background-size: cover;
        background-position: top left;
        min-height: 365px;
        margin-bottom: 40px;
    }

.header-default {
	background-image: url(../images/doing-business-bg.jpg);
}

.header-your-government {
	background-image: url(../images/your-government-bg.jpg);
}

.header-departments {
	background-image: url(../images/departments-bg.jpg);
}

.header-our-community {
	background-image: url(../images/our-community-bg.jpg);
}

.header-city-services {
	background-image: url(../images/departments-bg.jpg);
}

.header-rental {
	background-image: url(../images/city-rental-bg.jpg);
}

.header-doing-business {
	background-image: url(../images/doing-business-bg.jpg);
}

.header-contact {
	background-image: url(../images/contact-bg.jpg);
}

.header-downtown {
	background-image: url(../images/downtown-dev-bg.jpg);
}

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

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

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

div .feedLinkContainer {margin-bottom: 30px;}


#photo-downtown-secondary {
	background-size: cover;
	background-position: top left;
	min-height: 365px;
	margin-bottom: 40px;
}

#photo-downtown-secondary.downtown-dev {
	background-image: url(../images/photo-secondary-downtown-dev.jpg);
}

	#photo-downtown-secondary.downtown-dev h1 {
		font-weight: bold;
		text-align: center;
		color: white;
		font-size: 2.75rem;
		margin-top: 114px;
		text-shadow: 1px 1px 8px rgba(0, 0, 0, .9);
	}

	#photo-downtown-secondary.downtown-dev img {
		margin-top: 60px;
	}

@media (max-width:767px) {
	#photo-downtown-secondary.downtown-dev h1 {
		display: none;
	}

	#photo-downtown-secondary.downtown-dev .row div {
		text-align: center;
	}
}

.bg-dark-transp {
	background-color: rgba(0, 0, 0, .6);
	padding-top: 20px;
	margin-top: 48px;
	padding-bottom: 20px;
	text-align: center;
}

	.bg-dark-transp img {
		margin-top: 0 !important;
	}

.image-gallery {
	margin: 0 15px 15px 0;
}

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

@media (max-width:480px) {

	#spotlights .subscribe-btn {
		margin-bottom: 30px;
	}
}

@media (max-width:768px) {
	#spotlights .subscribe-btn {
		text-align: center;
		margin-bottom:15px;
		margin-top:15px;
	}
}

@media (max-width:768px) {
	#spotlights .subscribe-btn {
		margin-top: 20px;
	}

		#spotlights .subscribe-btn a img {
			color: #5a1c40;
			text-transform: uppercase;
			text-decoration: none;
			margin-right: 10px;
		}

		#spotlights .subscribe-btn a {
			color: #5a1c40;
			border: 1px solid #5a1c40;
			padding: 15px 9px;
    			text-decoration: none;
    			text-transform: uppercase;

		}

			#spotlights .subscribe-btn a:hover {
				background-color: rgba(90,26,64,.2);
				text-decoration: none !important;
			}
}

@media (min-width:768px) {
	#spotlights .subscribe-btn a {
		padding: 11px 42px;
		color: #5a1c40;
		text-transform: uppercase;
		border: 1px solid #5a1c40;
		text-decoration: none;
	}

		#spotlights .subscribe-btn a img {
			padding-right: 20px;
		}

		#spotlights .subscribe-btn a:hover {
			background-color: rgba(90,26,64,.2);
			text-decoration: none !important;
		}
}

@media (min-width:768px) and (max-width:992px) {
	#spotlights .subscribe-btn a {
		padding: 15px 20px 15px 20px;
	}

	#spotlights .subscribe-btn {
		text-align: right;
	}
}

@media (min-width:992px) and (max-width:1200px) {
	#spotlights .subscribe-btn a {
		padding: 15px 10px 15px 10px;
	}
    .news-body span {
        font-size: 0.9rem;
        line-height: 19px;
    }
	#spotlights .subscribe-btn {
		margin-top: 20px;
		text-align: center;
	}
}

@media (min-width:1200px) {
	#spotlights .subscribe-btn {
		padding-left: 20px;
		margin-top: 20px;
		text-align: center;
	}

		#spotlights .subscribe-btn a {
			padding: 15px 30px 15px 30px;
		}
}
@media (max-width:991px) {

	.facebook-wrapper {
margin-top:50px;	}
}