/* Slider slick-theme.css */
.slick-slider
{
    float: left;
    width: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list
{
    
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 65px;
    height: 72px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    z-index: 1;
    color: transparent;
    border: none;
    outline: none;
    background: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.slick-prev:hover,
.slick-next:hover
{
    color: transparent;
    outline: none;
    background: #000;
}
.slick-prev:hover:before,
.slick-next:hover:before
{
    opacity: 1;
    color: #fff;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    font-family:FontAwesome;
    font-size: 20px;
    line-height: 72px;
    opacity: 1;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.slick-prev
{
    left: 0px;
}
[dir='rtl'] .slick-prev
{
    right: 0px;
    left: auto;
}
.slick-prev:before
{
    content: '\f100';
}
[dir='rtl'] .slick-prev:before
{
    content: '\f101';
}

.slick-next
{
    right: 0px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0px;
}
.slick-next:before
{
    content: '\f101';
}
[dir='rtl'] .slick-next:before
{
    content: '\f100';
}

/* Dots */
.slick-dots
{
    position: absolute;
    bottom: 0px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

















/* Layout for search container - style5.css */
.search {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.js .search {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

.js .search::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
}

.btn--search-close {
	font-size: 2em;
	position: absolute;
	top: 1.25em;
	right: 1.25em;
	display: none;
}

.js .btn--search-close {
	display: block;
}

.search__form {
	margin: 5em 0;
}

.search__input {
	font-family: inherit;
	font-size: 10vw;
	line-height: 1;
	display: inline-block;
	box-sizing: border-box;
	width: 75%;
	padding: 0.05em 0;
	color: #eaba82;
	border-bottom: 5px solid;
}

.search__input::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #4a319e;
}

.search__input::-moz-placeholder {
	opacity: 1;
	/* Mozilla Firefox 19+ */
	color: #4a319e;
}

.search__input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #4a319e;
}

.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
	-webkit-appearance: none;
}

.search__input::-ms-clear {
	display: none;
}

.search__info {
	font-size: 90%;
	font-weight: bold;
	display: block;
	width: 75%;
	margin: 0 auto;
	padding: 0.85em 0;
	text-align: right;
	color: #eaba82;
}

.search__related {
	display: flex;
	width: 75%;
	text-align: left;
	pointer-events: none;
}

.search__suggestion {
	width: 50%;
}

.search__suggestion:first-child {
	padding: 0 2em 0 0;
}

.search__suggestion:last-child {
	padding: 0 0 0 2em;
}

.search__suggestion h3 {
	font-size: 1.35em;
	margin: 0;
}

.search__suggestion h3::before {
	content: '\21FE';
	display: inline-block;
	padding: 0 0.5em 0 0;
}

.search__suggestion p {
	font-size: 1.15em;
	line-height: 1.4;
	margin: 0.75em 0 0 0;
}

/************************/
/* Transitions 			*/
/************************/

.js .main-wrap {
	position: relative;
	transition: transform 0.5s;
}

.js .main-wrap--move {
	transform: scale3d(0.7,0.7,1);
}

.js .main-wrap--move .btn--search {
	pointer-events: none;
	opacity: 0;
}

.js .search {
	pointer-events: none;
}

.js .search--open {
	pointer-events: auto;
}

.js .search::before {
	opacity: 0;
	transition: opacity 0.5s;
}

.js .search--open::before {
	opacity: 1;
}

/* Close button */
.btn--search-close {
	opacity: 0;
	transition: opacity 0.5s;
}

.search--open .btn--search-close {
	opacity: 1;
}

/* Search form with input and description */

.search__suggestion,
.search__info {
	opacity: 0;
	transform: translate3d(0, 50px, 0);
	transition: opacity 0.4s, transform 0.4s;
}

.search--open .search__suggestion,
.search--open .search__info {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.search--open .search__suggestion:first-child {
	transition-delay: 0.15s;
}

.search--open .search__suggestion:nth-child(2) {
	transition-delay: 0.2s;
}

.js .search__input {
	transform: scale3d(0,1,1);
	transform-origin: 0% 50%;
	transition: transform 0.3s;
}

.js .search--open .search__input {
	transform: scale3d(1,1,1);
	transition-duration: 0.5s;
}

@media screen and (max-width: 40em) {
	.btn--search-close {
		font-size: 1.25em;
	}
	.search__suggestion {
		font-size: 80%;
		width: 100%;
	}
	.search__suggestion:nth-child(2),
	.search__suggestion:nth-child(3) {
		display: none;
	}
}






/* demo.css */
*,
*::after,
*::before {
	box-sizing: border-box;
}

.main-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 100vh;
	background-color: #22295f;
	background-image: url(../img/bg.svg);
	background-repeat: no-repeat;
	background-position: 50% 10em;
	background-size: 75% auto;
}


/* Buttons */

.btn {
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none;
	background: none;
}

.btn:focus {
	outline: none;
}

.btn--search {
	font-size: 1.5em;
}

.btn--hidden {
	pointer-events: none;
	opacity: 0;
}


/* Reset Search Input */

.search__input {
	border: 0;
	background: transparent;
	border-radius: 0;
	-webkit-appearance: none;
}

.search__input:focus {
	outline: none;
}


/* Links */

a,
.btn {
	text-decoration: none;
	color: #d17c78;
	outline: none;
}

.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}


/* Icons */

.icon {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	fill: currentColor;
}


/* Header */

.codrops-header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	padding: 2.5em 2.75em 2.5em 1.5em;
	text-align: left;
}

.codrops-header__title {
	font-size: 1em;
	margin: 0;
	padding: 0 0.75em;
}

.codrops-header__side,
.search-wrap {
	margin: 0 0 0 auto;
}


/* Bottom nav */

.bottom-nav {
	position: relative;
	width: 100%;
	margin: auto 0 0 0;
	padding: 2.5em 2.75em 2.5em 2em;
}


/* Demo links */

.codrops-demos {
	font-weight: bold;
	padding: 1.25em 0;
	text-align: right;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

.codrops-demos span {
	display: inline-block;
	margin: 0 1em 0 0;
	vertical-align: bottom;
}

.codrops-demos a {
	position: relative;
	display: inline-block;
	margin: 0 0.1em;
	padding: 0 0.4em;
}

.codrops-demos a.current-demo::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2.25em;
	height: 2.25em;
	margin: -1.125em 0 0 -1.125em;
	border: 2px solid;
	border-radius: 50%;
}


/* Top Navigation Style */

.codrops-links {
	position: relative;
	display: flex;
	justify-content: center;
	text-align: center;
	white-space: nowrap;
}

.codrops-links::after {
	content: '';
	position: absolute;
	top: 15%;
	left: 50%;
	width: 2px;
	height: 70%;
	opacity: 0.1;
	background: currentColor;
	transform: rotate3d(0, 0, 1, 22.5deg);
}

.codrops-icon {
	display: inline-block;
	margin: 0.5em;
	padding: 0.5em;
}


/* Deco lines */

.decolines {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	pointer-events: none;
}

.decoline {
	position: absolute;
	width: 1px;
	height: 100%;
	background: #ddd;
}

.decoline:first-child {
	right: 88em;
}

.decoline:nth-child(2) {
	right: 68em;
}

.decoline:nth-child(3) {
	right: 48em;
}

.decoline:nth-child(4) {
	right: 28em;
}

.decoline:nth-child(5) {
	right: 8em;
}


/* Demo colors */
.demo-2 { color: #ffefb9; }
.demo-2 main { background-color: #2c312e; }
.demo-2 a, .demo-2 .btn { color: #e85454; }
.demo-2 .codrops-header { margin-top: auto; }

.demo-3 { color: #ffefb9; background-color: #2f2c2c; }
.demo-3 main { background-color: #e85454; background-image: url(../img/bg_2.svg); }
.demo-3 a, .demo-3 .btn { color: #ffefb9; }
.demo-3 .btn--search-close { color: #e85454; }

.demo-4 { color: #f44040; background-color: #f44040; }
.demo-4 main { background-color: #fff59a; background-image: url(../img/bg_4.svg); }
.demo-4 a, .demo-4 .btn { color: #a4a186; }
.demo-4 .btn--search-close { color: #ab3a3a; }


.demo-5 main { background-color: transparent; background-image: url(../img/bg_2.svg); }

.demo-6 { color: #ff4848; }
.demo-6 main { background-color: #fff; background-image: url(../img/bg_5.svg); }
.demo-6 a, .demo-6 .btn { color: #000; }

.demo-7 { color: #6cbb37; }
.demo-7 main { background-color: #f5f5f5; background-image: url(../img/bg_7.svg); background-position: 100% 0; background-size: 1440px; }
.demo-7 a, .demo-7 .btn { color: #000; }

.demo-8 { color: #cecae0; background-color: #5562eb; }
.demo-8 main { background-color: transparent; background-image: url(../img/bg_8.svg); }
.demo-8 a, .demo-8 .btn { color: #eaba82; }

.demo-9 { color: #2d3535; background-color: #597571; }
.demo-9 main { background-color: transparent; background-image: url(../img/bg_6.svg); }
.demo-9 a, .demo-9 .btn { color: #22d2d2; }
.demo-9 .btn--search-close { color: #dce6e6; }

.demo-10 { color: #5c32f2; background-color: #c4d5e0; }
.demo-10 main { background-color: #fff; background-image: url(../img/bg_12.svg); }
.demo-10 a, .demo-10 .btn { color: #000; }
.demo-10 .btn--search-close { color: #5c32f2; }

.demo-11 { color: #fff; background-color: #212423; }
.demo-11 main { background-color: transparent; background-image: url(../img/bg_9.svg); }
.demo-11 a, .demo-11 .btn { color: #34fc47; }

@media screen and (max-width: 40em) {
	.codrops-header {
		display: block;
		padding: 4em 1em 0;
		text-align: center;
	}
	.codrops-header__side {
		margin: 0 auto;
	}
	.codrops-links {
		font-size: 0.85em;
		margin: 0 auto;
	}
	.search-wrap {
		font-size: 0.85em;
		position: absolute;
		top: 2.15em;
		right: 2em;
	}
	.bottom-nav {
		padding: 0.5em;
	}
	.codrops-demos {
		text-align: center;
	}
	.codrops-demos a {
		margin-bottom: 1em;
	}
	.codrops-demos span {
		display: block;
		margin: 0 auto 1em;
		text-align: center;
	}
}





/* typography.css

@import url('https://fonts.googleapis.com/css?family=Montserrat:300i,400,400i,500,500i,600,600i,700,700i,800,800i,900|Poppins:400,400i,500,500i,600,600i,700');
*/
	/*
    

    font-family: 'Montserrat', sans-serif;

    font-family: 'Poppins', sans-serif;


	*/
*{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;	
}
body {
    color: #292929;
    font-size:18px;
    font-weight:400;
    background-color: #fff;
    /*font-family: 'Poppins', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	margin: 0px;
}
/* Heading Typo */
body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #075383;
    font-weight: 400;
    line-height: 1.2;
    font-style: normal;
    margin: 0px 0 12px;
    /*font-family: 'Montserrat', sans-serif;*/
	font-family: 'Marcellus SC', serif;
}

h1 {
    font-size:85px;
	line-height:85px !important;
}

h2 {
    font-size: 42px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 26px;
}

h5 {
    font-size: 20px;
}
h6 {
    font-size: 18px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #075383;
}
/* Paragraph Typo */
p {
	color:#666;
	font-size:16px;
    line-height:22px;
    letter-spacing: 0.2px;
	font-family: 'Roboto', sans-serif;
}
p a {
    color: #fff;
}
/* Link Typo */
a {
    color: #666;
    outline: none;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    outline: none;
    text-decoration: none;
    color: #999999;
}
/* HTML-5 Element Typo */
header,
detail,
article,
aside,
hgroup,
nav,
section,
figure,
figcaption,
footer{
	display:block;	
}
audio,
video,
canvas{
	float:left;
	width:100%;	
}

ul {
   margin:0px;
   padding:0px;
}
li {
    
    list-style: none;
}
ul ul {
    margin:0px;
	padding:0px;
}
ol {
    float: none;
    padding-left: 15px;
    list-style: decimal;
}
ol ol {
    margin-left: 20px;
}
ol li {
	width: 100%;
    list-style: decimal;
}
.city_department_text a,
.section_heading span{
	font-family: 'Marcellus SC', serif;
}
.city_office_text h6,
.city_about_text h6{
	font-family: 'Roboto', sans-serif;
}
.thumb,
figure {
	float:left;
	width:100%;
	overflow:hidden;
    position: relative;
}
.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
}
.thumb img,
figure img{
	float:left;
	width:100%;
	height: auto;
}
img {
    max-width: 100%;
	height: auto;
}
strong {
    color: #3d3d3d;
}
iframe {
    float: left;
    width: 100%;
    border: none;
}
/* Form Input Typo */
select {
    width: 100%;
    height: 40px;
    color: #3d3d3d;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    padding: 8px 12px;
    display: inline-block;
    border: 1px solid #d2d2d2;
}
label {
    color: #3d3d3d;
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
}
button {
    border: none;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    outline: none;
    font-size: 15px;
    font-weight: normal;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #e4e3e3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	width:100%;
}
textarea,
input{
	width:100%;
	height:48px;
	padding:10px 15px;
	color:#666666;
}
textarea{
	height:140px;
	resize:none;
}
form p {
    float: left;
    width: 100%;
    position: relative;
}
form p span i {
    top: 13px;
    left: 16px;    
    color: #474747;
    position: absolute;
}
table {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
}
th {
    text-align: left;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    line-height: 2.5;
    padding-left: 7px;
    vertical-align: top;
    border: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}
table thead tr th {
    border-top: 1px solid #d2d2d2;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
	border-top: 1px solid #d2d2d2;
}
table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #d2d2d2;
}
table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td 
{
	border-bottom: 0;
}
table > tbody + tbody {
    border-top: 2px solid #d2d2d2;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 12px 16px;
}
p ins {
    color: #999;
}
dl dd {
    margin-left: 20px;
}
address {
    font-style: italic;
}
:-moz-placeholder { color: #666666; opacity: 1; }
::-moz-placeholder { color: #666666; opacity: 1; }
:-ms-input-placeholder {color: #666666; opacity: 1;}
::-webkit-input-placeholder {color: #666666; opacity: 1;}

.section_heading span {
    font-size:35px;
	line-height:35px !important;
	color:#075383;
}










/*theam btn start - shortcode.css*/
.theam_btn{
	display:inline-block;
	color:#fff;
	padding:10px 30px;
	border:2px solid #fff;
}
.theam_btn:hover{
	color:#fff;
}
/*theam btn end */
.theam_btn.btn2{
	padding:10px 75px;
	font-size:18px;
	border:none;
}
/*overlay start */
.overlay{
	position:relative;
}
.overlay:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:#000;
	opacity:0.6;
}
/*overlay end */

/*section heading start*/
.section_heading{
	float:left;
	width:100%;
	padding-left:20px;
	border-left:4px solid; 
	line-height: 15px;
	position:relative;
	margin-bottom:22px;
}
.section_heading span{
	line-height: 20px;
	margin: 0px 0px 0px;
	display: inline-block;
	position: relative;
	top:-4px;
}
.section_heading h2{
	margin:0px 0px;
	line-height:35px;
	font-weight:bold;
}
.border{
	position:relative;
}
.border:after,
.border:before{
	position:absolute;
	content:"";
	top:0px;
	left:auto;
	right:0px;
	bottom:0px;
	border-bottom:1px solid #cccccc;
	width:310px;
}
.border:after{
	bottom:5px;
}
/*section heading end*/
.section_heading h3{
	margin:0px 0px;
	font-weight:600;
	line-height: 22px;
}
/*heading full start*/
.heding_full{
	float:left;
	width:100%;
	margin-bottom:35px;
}
.heding_full .section_heading{
	margin-bottom:17px;
}
.heding_full > p{
	margin:0px 0px;
}
/*heading full end*/

/*section heading center start*/
.section_heading.center{
	text-align:center;
	border:none;
	position:relative;
	padding-bottom:34px;
	margin-bottom:35px;
}
.section_heading.center:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	border-bottom:4px solid;
	width:48px;
	margin:auto;
}
/* slick slider start */
.slick-prev,
.slick-next{
	top:50%;
	height:44px;
	width:44px;
	text-align:center;
	border:1px solid #c2c2c2;
}
.slick-prev:before,
.slick-next:before{
	line-height:44px;
	content:"\e94e";
	color:#a3a3a3;
	font-family: 'icomoon' !important;
}
.slick-prev:before{
	content:"\e94c";
}
/* slick slider start */
.margin0{
	margin-bottom:0px !important;
}
/* event heading start */
.event_heading{
	line-height:24px;
	font-weight:500;
	padding-left:22px;
	border-left:3px solid;
	margin-bottom:20px;
}







/* svg-icon.css */

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?k08dlq');
  src:  url('../fonts/icomoon.eot?k08dlq#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?k08dlq') format('truetype'),
    url('../fonts/icomoon.woff?k08dlq') format('woff'),
    url('../fonts/icomoon.svg?k08dlq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-clock:before {
  content: "\e900";
}
.icon-telephone:before {
  content: "\e901";
}
.icon-shout:before {
  content: "\e902";
}
.icon-fist:before {
  content: "\e903";
}
.icon-news:before {
  content: "\e904";
}
.icon-user:before {
  content: "\e905";
}
.icon-law:before {
  content: "\e906";
}
.icon-cursor:before {
  content: "\e907";
}
.icon-trash:before {
  content: "\e908";
}
.icon-play-button:before {
  content: "\e909";
}
.icon-social:before {
  content: "\e90a";
}
.icon-team:before {
  content: "\e90b";
}
.icon-urban:before {
  content: "\e90c";
}
.icon-portfolio:before {
  content: "\e90d";
}
.icon-star:before {
  content: "\e90e";
}
.icon-plastic:before {
  content: "\e90f";
}
.icon-sun:before {
  content: "\e910";
}
.icon-partner:before {
  content: "\e911";
}
.icon-next:before {
  content: "\e912";
}
.icon-quote:before {
  content: "\e913";
}
.icon-mailbox:before {
  content: "\e914";
}
.icon-document:before {
  content: "\e915";
}
.icon-question:before {
  content: "\e916";
}
.icon-speaker:before {
  content: "\e917";
}
.icon-license:before {
  content: "\e918";
}
.icon-bag:before {
  content: "\e919";
}
.icon-home:before {
  content: "\e91a";
}
.icon-gear:before {
  content: "\e91b";
}
.icon-bid:before {
  content: "\e91c";
}
.icon-classroom:before {
  content: "\e91d";
}
.icon-graphic:before {
  content: "\e91e";
}
.icon-comment:before {
  content: "\e91f";
}
.icon-agenda:before {
  content: "\e920";
}
.icon-help:before {
  content: "\e921";
}
.icon-comment-1:before {
  content: "\e922";
}
.icon-shout-1:before {
  content: "\e923";
}
.icon-teamwork:before {
  content: "\e924";
}
.icon-smile:before {
  content: "\e925";
}
.icon-food:before {
  content: "\e926";
}
.icon-travel:before {
  content: "\e927";
}
.icon-idea:before {
  content: "\e928";
}
.icon-calendar:before {
  content: "\e929";
}
.icon-nuclear:before {
  content: "\e92a";
}
.icon-brain:before {
  content: "\e92b";
}
.icon-research:before {
  content: "\e92c";
}
.icon-tractor:before {
  content: "\e92d";
}
.icon-train:before {
  content: "\e92e";
}
.icon-admin:before {
  content: "\e92f";
}
.icon-human-resources:before {
  content: "\e930";
}
.icon-health:before {
  content: "\e931";
}
.icon-travel-1:before {
  content: "\e932";
}
.icon-paw:before {
  content: "\e933";
}
.icon-plane:before {
  content: "\e934";
}
.icon-law-1:before {
  content: "\e935";
}
.icon-immune-system:before {
  content: "\e936";
}
.icon-hospital:before {
  content: "\e937";
}
.icon-virus:before {
  content: "\e938";
}
.icon-cancer:before {
  content: "\e939";
}
.icon-pdf:before {
  content: "\e93a";
}
.icon-doctor:before {
  content: "\e93b";
}
.icon-health-1:before {
  content: "\e93c";
}
.icon-charity:before {
  content: "\e93d";
}
.icon-politician:before {
  content: "\e93e";
}
.icon-cube:before {
  content: "\e93f";
}
.icon-demographics:before {
  content: "\e940";
}
.icon-law-2:before {
  content: "\e941";
}
.icon-heart:before {
  content: "\e942";
}
.icon-pie-chart:before {
  content: "\e943";
}
.icon-green:before {
  content: "\e944";
}
.icon-healthcare-and-medical:before {
  content: "\e945";
}
.icon-park:before {
  content: "\e946";
}
.icon-guard:before {
  content: "\e947";
}
.icon-write:before {
  content: "\e948";
}
.icon-train-1:before {
  content: "\e949";
}
.icon-support:before {
  content: "\e94a";
}
.icon-left-arrow:before {
  content: "\e94b";
}
.icon-back:before {
  content: "\e94c";
}
.icon-back-1:before {
  content: "\e94d";
}
.icon-next-1:before {
  content: "\e94e";
}
.icon-next-2:before {
  content: "\e94f";
}




/*sidebar widget start - sidebar-widget.css*/
.city_service_tabs ul li,
.city_service_tabs ul,
.city_service_tabs,
.sidebar_widget{
	float:left;
	width:100%;
}
.city_service_tabs{
	margin-bottom:40px;
}
.city_service_tabs{
	 background-color:#f2f3f5;
}
.city_service_tabs ul li{
	border-bottom:2px solid #fff;
}
.city_service_tabs ul li:last-child{
	border-bottom:none;
}
.city_service_tabs ul li a{
	display:block;
	font-size:15px;
	color:#666666;
	padding:18px 25px;
	border-left:4px solid transparent;
}
/*city side info start*/
.city_side_info{
	float:left;
	width:100%;
}
.city_side_info{
	text-align:center;
	padding:45px 0px;
	margin-bottom:40px;
}
.city_side_info span{
	display:block;
	font-size:70px;
	line-height:60px;
	color:#fff;
	margin-bottom:9px;
}
.city_side_info h4{
	color:#fff;
	font-weight:bold;
	margin:0px 0px 5px 0px;
}
.city_side_info h6{
	font-weight:600;
	color:#fff;
	margin:0px 0px;
}
/*city notice start*/
.city_notice{
	float:left;
	width:100%;
}
.city_notice{
	padding:40px 20px 45px;
	border:2px solid #ebebeb;
}
.city_notice h4{
	font-weight:bold;
	margin:0px 0px 12px 0px;
}
.city_notice p{
	margin:0px 0px 25px 0px;
}
.city_notice .theam_btn{
	border-color:#898989;
	color:#666666;
	padding:8px 25px;
}
.city_notice .theam_btn:hover{
	color:#fff;
}

/*----- Content of Tabs -----*/
.tab {
	display:none;
}
.tab.active {
	display:block;
}
.tabs li.active a{
	font-weight:600;
}
/*----- Content of Tabs -----*/

/*----- sidebar widget start -----*/
.side_submit_field,
.side_submit_form,
.sidebar_widget{
	float:left;
	width:100%;
}
.side_submit_form{
	padding:23px 20px 30px;
	margin-bottom:40px;
}
.sidebar_title{
	font-weight:600;
	margin:0px 0px 24px 0px;
}
.side_submit_form .sidebar_title{
	color:#fff;
}
.side_submit_field input{
	margin-bottom:14px;
	font-size:15px;
	border:none;
	height:44px;
}
.side_submit_field textarea:focus,
.side_submit_field input:focus{
	box-shadow:0px 0px 5px 1px;
}
.side_submit_field input::placeholder{
	color:#000000;
}
.side_submit_field textarea{
	height:88px;
	font-size:15px;
	color:#000000;
	margin-bottom:14px;
}
.side_submit_field .theam_btn.btn2{
	display:block;
	text-align:center;
	padding:10px 0px;
}
.side_submit_field .theam_btn.btn2:hover{
	background-color:#333;
}
/*side contact info start*/
.side_contact_text,
.side_contact_list li,
.side_contact_list,
.side_contact_info{
	float:left;
	width:100%;
}
.side_contact_info{
	border:1px solid #d7d7d7;
	padding:23px 20px 24px;
	margin-bottom:40px;
}	
.side_contact_list li{
	margin-bottom:15px;
}
.side_contact_text a:last-child,
.side_contact_list li:last-child{
	margin-bottom:0px;
}
.side_contact_text h6{
	font-weight:600;
	color:#666666;
}
.side_contact_text h6 i{
	margin-right:10px;
}
.side_contact_text a{
	display:block;
	font-size:15px;
	margin-bottom:3px;
}
.side_contact_text p{
	margin:0px 0px;
}
/*side news list start*/
.side_news_text,
.side_news_list li,
.side_news_list{
	float:left;
	width:100%;
}
.side_news_list li{
	padding:20px 0px;
	border-bottom:1px solid #e3e3e3;
}
.side_news_list li:first-child{
	padding-top:0px;
}
.side_news_list li:last-child{
	border-bottom:0px;
	padding-bottom:0px;
}
.side_news_text span{
	display:block;
	margin-bottom:11px;
	font-size:15px;
}
.side_news_text p{
	margin:0px 0px;
}
/*side notice list*/
.side_notice_detail,
.side_notice_row li,
.side_notice_row,
.side_notice_list{
	float:left;
	width:100%;
}
.side_notice_list{
	border:1px solid #cccccc;
}
.side_notice_list .sidebar_title{
	margin:0px 0px;
	padding:15px 20px;
	color:#fff;
}
.side_notice_row{
	padding:0px 20px;
}
.side_notice_row li{
	padding:25px 0px;
	border-bottom:1px solid #e2e2e2;
}
.side_notice_row li:last-child{
	border-bottom:none;
}
.side_notice_detail > a{
	float:left;
	font-size:24px;
}
.side_notice_text{
	overflow:hidden;
	padding:0px 0px 0px 12px;
}
.side_notice_text h6{
	margin:0px 0px 1px 0px;
}
/*event sidebar start*/
.sidebar_search,
.event_sidebar{
	float:left;
	width:100%;
}
.event_sidebar{
	background-color:#fff;
	padding:20px 20px;
	margin-bottom:30px;
}
.sidebar_heading{
	line-height:20px;
	font-weight:500;
	padding-left:24px;
	border-left:3px solid;
	margin-bottom:25px;
}
.sidebar_search{
	position:relative;
}
.sidebar_search input{
	border:1px solid #d7d7d7;
	font-size:15px;
}
.sidebar_search input::placeholder{
	color:#999999;
}
.sidebar_search button{
	position:absolute;
	top:13px;
	right:20px;
	color:#999;
	background:none;
	padding:0px 0px;
}
/*categories list start*/
.categories_list ul li,
.categories_list ul,
.categories_list{
	float:left;
	width:100%;
}
.categories_list ul li{
	border-bottom:1px solid #d7d7d7;
	padding:10px 0px;
}
.event_categories ul li:first-child,
.categories_list ul li:first-child{
	padding-top:0px;
}
.categories_list ul li a{
	display:block;
	font-size:15px;
}
.categories_list ul li a:hover{
	padding:0px 5px;
}
.categories_list ul li a span{
	float:right;
}
/*event categories start*/
.event_categories_list,
.event_categories > ul > li,
.event_categories > ul,
.event_categories{
	float:left;
	width:100%;
}
.event_sidebar.event{
	padding:20px 19px;
}
.event_categories > ul > li{
	padding:15px 0px;
	border-bottom:1px solid #d6d6d6;
}
.event_categories_date{
	float:left;
	width:80px;
	height:76px;
	position:relative;
	text-align:center;
	background-color:#333333;
	padding:17px 0px;
	z-index:2;
}
.event_categories_date:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 76px 0 0 80px;
	border-color: transparent transparent transparent #3e3e3e;
	z-index:-1;
}
.event_categories_date h5{
	margin:0px 0px;
	color:#fff;
	font-weight:bold;
	line-height:20px;
}
.event_categories_date p{
	margin:0px 0px;
	color:#fff;
}
.event_categories_text{
	overflow:hidden;
	width:auto;
	padding:0px 0px 0px 13px;
}
.event_categories_text h6{
	font-weight:500;
	margin-bottom:6px;
}
.event_categories_text a{
	font-size:15px;
	color:#999999;
}
.event_categories_text a i{
	margin-right:6px;
}
/*event video start*/
.event_video{
	float:left;
	width:100%;
}
.event_video{
	margin-bottom:30px;
}
.event_video .overlay:before{
	background-color:#333;
	opacity:0.7;
	z-index:1;
}
.event_video:hover .overlay:before{
	opacity:0.9;
}
.event_video .paly_btn{
	font-size:26px;
	margin-top:-19px;
	z-index:1;
}
/*categories list archive start*/
.categories_list.archive ul li a{
	position:relative;
}
.categories_list.archive ul li a:before{
	position:absolute;
	content:"\f105";
	top:0px;
	left:auto;
	right:0px;
	bottom:0px;
	font-family:fontAwesome;
}
/*sidebar widget widget2 start*/
.sidebar_widget.widget2{
	float:left;
	width:100%;
}
/*event detail start*/
.venue_list_map,
.venue_list ul li,
.venue_list ul,
.event_detail{
	float:left;
	width:100%;
}
.event_detail{
	background-color:#fff;
	padding:19px 18px;
	margin-bottom:30px;
}
.venue_list ul{
	margin-bottom:15px;
}
.venue_list ul li{
	padding:15px 0px;
	border-bottom:1px solid #d4d4d4;
}
.venue_list ul li:first-child{
	padding-top:0px;
}
.venue_list ul li h6{
	margin:0px 0px 5px 0px;
	font-weight:500;
}
.venue_list ul li p{
	margin:0px 0px;
}
.venue_list_map h6{
	margin-bottom:16px;
}
.venue_list_map .map-canvas{
	height:328px;
	width:100%;
	border:5px solid #7d7d7d;
}
.venue_list ul li p a{
	color:#666;
}
/*city sponsor start*/
.city_sponsor ul,
.city_sponsor{
	float:left;
	width:100%;
}
.city_sponsor ul li{
	float:left;
	width:46%;
	margin:0px 15px 15px 0px;
	border:1px solid #cccccc;
}
.city_sponsor ul li:hover{
	box-shadow:0px 4px 10px -3px;
}
.city_sponsor ul li a img{
	opacity:0.4;
}
.city_sponsor ul li:hover a img{
	opacity:1;
}
.city_sponsor ul li:nth-child(6),
.city_sponsor ul li:nth-child(4),
.city_sponsor ul li:nth-child(2){
	margin-right:0px;

}
/*city top social start*/
.event_sidebar .city_top_social ul,
.event_sidebar .city_top_social{
	width:100%;
	float:left;
	padding:0px 0px;
}
.blog_author_date li,
.event_categories_list figure{
	float:left;
	width:auto;
}
.event_sidebar .event_categories > ul > li{
	padding:20px 0px;
}
.event_sidebar .event_categories > ul > li:first-child{
	padding-top:0px;
}
.event_sidebar .event_categories_text{
	padding-left:14px;
}
.event_categories_text h6{
	font-weight:500;
	margin-bottom:6px;
}
.event_categories_text h6 span{
	display:block;
	margin-bottom:3px;
}
.blog_author_date li{
	padding:0px 10px;
	position:relative;
}
.blog_author_date li:first-child{
	padding-left:0px;
}
.blog_author_date li:before{
	position:absolute;
	content:"";
	top:9px;
	left:auto;
	right:-3px;
	bottom:0px;
	height:4px;
	width:4px;
	border-radius:100%;
}
.blog_author_date li:last-child:before{
	height:0px;
}
/*blog tags start*/
.blog_tags{
	float:left;
	width:100%;
}
.blog_tags a{
	display:inline-block;
	padding:5px 10px;
	text-transform:capitalize;
	background-color:#f6f6f6;
	margin:0px 10px 10px 0px;
	border-radius:3px;
}
.blog_tags a:hover{
	color:#fff;
}
.blog_tags a:nth-child(13),
.blog_tags a:nth-child(9),
.blog_tags a:nth-child(4){
	margin-right:0px;
}
/*sidebar project start*/
.information_list li,
.information_list,
.project_information,
.sidebar_project{
	float:left;
	width:100%;
}
.sidebar_project{
	padding:25px 30px;
	background-color:#fff;
	margin-bottom:30px;
}
.project_information p{
	margin-bottom:20px;
}
.information_list li{
	margin-bottom:6px;
}
.information_list li:last-child{
	margin-bottom:0px;
}
.information_list li a{
	display:block;
	font-size:15px;
}
.information_list li a span{
	color:#000;
	margin-right:12px;
}
.project_information .side_notice_row{
	padding:0px 0px;
}
.project_information .side_notice_row li {
    padding: 20px 0px;
}
.project_information .side_notice_row li:first-child{
	padding-top:10px;
}
/*sidebar search margin bottom*/
.sidebar_search.margin-bottom{
	margin-bottom:15px !important;
}
.sidebar_search_login{
	float:left;
	width:100%;
}
.sidebar_search_login span{
	display:inline-block;
	font-size:12px;
	padding: 13px 0px;
}
.sidebar_search_login a{
	float:right;
}
.event_categories_list.post figure{
	border-radius:100%;
}
.event_categories_list.post .event_categories_text{
	padding-left:20px;
}
.event_categories_list.post .event_categories_text span{
	display:block;
	font-size:12px;
	margin-bottom:4px;
}
.event_categories_list.post .event_categories_text p{
	margin-bottom:0px;
}
/*side news list start*/
.side_news_department li,
.side_news_department{
	float:left;
	width:100%;
}
.side_news_department li{
	margin-bottom:30px;
}
.side_news_department li:last-child{
	margin-bottom:0px;
}








/*=====================================================================================
	
	Project: city project
	Version: 1.0
	Last change: 9/12/2018
	Author : KodeForest
	
	/**
	* Table of Contents :
	* 1.0 - 
	* 2.0 - CITY TOP WRAP START
	* 3.0 - CITY TOP NAVIGATION START
	* 4.0 - CITY MAIN BANNER START
	* 5.0 - CITY BANNER SERVICES START
	* 6.0 - CITY ABOUT WRAP START 
	* 7.0 - CITY DEPARTMENT WRAP START
	* 8.0 - CITY OFFICE WRAP START
	* 9.0 - CITY BLOG WRAP START
	* 10.0 - CITY JOBS WRAP START
	* 11.0 - CITY PROJECT WRAP START
	* 12.0 - CITY EVENT WRAP START
	* 13.0 - CITY CLIENT WRAP START
	* 14.0 - CITY NEWS WRAP START
	* 15.0 - CITY REQUEST WRAP START
	* 16.0 - WIDGET WRAP START
	* 17.0 - SERVICE PAGE START
	* 18.0 - SAB BANNER START
	* 19.0 - CITY SERVICES2 WRAP START 
	* 20.0 - CITY SPECIAL SERVICES START
	* 21.0 - CITY AWARD WRAP START 
	* 22.0 - CITY NEWS2 WRAP START 
	* 23.0 - SERVICE  DETAIL PAGE START
	* 24.0 - CITY HEALTH WRAP START 
	* 25.0 - CITY SERVICE DETAIL WRAP START
	* 26.0 - GOVERMENT GIRD START
	* 27.0 - CITY BLOG WRAPER START
	* 28.0 - PAGINATION START
	* 29.0 - GOVERMENT GIRD START
	* 30.0 - GOVERMENT PAGE START
	* 31.0 - BUSINESS GIRD START
	* 32.0 - CITY SERVICES2 LIST BUSINESS START 
	* 33.0 - CITY VISIT WRAP START
	* 34.0 - EVENR PAGE START
	* 35.0 - CITY EVENT2 WRAP START
	* 36.0 - CITY HEALTH SERVICE2 START
	* 37.0 - EVENR FULL PAGE START
	* 38.0 - CITY FULL EVENT START 
	* 39.0 - EVENR LISTING PAGE START
	* 40.0 - CITY EVENT2 LIST2 START 
	* 41.0 - EVENT DETAIL PAGE START
	* 42.0 - CITY EVENT DETAIL START 
	* 43.0 - HEALTH DEPARTMENT PAGE START
	* 44.0 - CITY HEALTH DEPARTMENT START
	* 45.0 - HEALTH DEPARTMENT02 PAGE START
	* 46.0 - CITY TREATMENT WRAP START 
	* 47.0 - CITY HEALTH TEXT WRAP START 
	* 48.0 - CITY SPECIAL2 DREAM START
	* 49.0 - BLOG PAGE START
	* 50.0 - CITY BLOG2 WRAP START
	* 51.0 - BLOG LIST START
	* 52.0 - BLOG DETAIL START
	* 53.0 - PROJECT PAGE START
	* 54.0 - PROJECT 02 PAGE START
	* 55.0 - PROJECT DETAIL PAGE START
	* 56.0 - TEAM PAGE START
	* 57.0 - ERROR PAGE START
	* 58.0 - COMING SOON PAGE START
	* 59.0 - CITY NEWS PAGE START
	* 60.0 - CITY NEWS 02 PAGE START
	* 61.0 - FORUM PAGE START
	* 62.0 - FORUM DETAIL PAGE START
	* 63.0 - MAYOR PAGE START
	* 64.0 - CONTACT US PAGE START
	* 65.0 - LOGIN REGISTER PAGE START
	

	[Color codes]

	Background: #ffffff (white)
	Content: #666666 (light black)
	Header h1: #111111 (dark black)
	Footer:  #000000 (dark black)

	a (standard): #999999 (light black)
	a (visited): #999999 (light black)
	a (active): #999999 (light black)

	[Typography]
	  
	Body copy:  15px/ 'Poppins', sans-serif
	Headers:  'Poppins', sans-serif;
	Input, textarea: 'Poppins', sans-serif;
	Sidebar heading: 'Poppins', sans-serif;


==============================================================================================	*/
.wrapper{
	float:left;
	width:100%;
}
.dl-menuwrapper{
	display:none;
}
/*
	==================================
		CITY TOP WRAP START
	==================================
*/
.city_top_wrap{
	float:left;
	width:100%;
}
.city_top_wrap{
	padding:25px 85px;
}
.city_top_logo{
	float:left;
	width:19%
}
.city_top_logo figure{
	width:auto;
}
.city_top_news {
	float:left;
	width:60%;
    padding: 14px 0px;
	border-left:1px solid #cccccc;
}
.city_top_news span{
	display:inline-block;
	padding:4px 50px 3px 37px;
	color:#fff;
	font-size:15px;
	font-weight:600;
	margin-right:34px;
	position:relative;
	float:left;
}
.city_top_news span:before{
	position:absolute;
	content:"";
	top:0px;
	left:auto;
	right:0px;
	bottom:0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width:14.5px 12px 13.5px 0;
	border-color: transparent #fff transparent transparent;
}
.city_top_news p{
	display:inline-block;
	margin:0px 0px;
	font-size:14px;
}
.city_top_news p i{
	margin-left:30px;
}
.city_top_social{
	float:right;
	width:20%;
	padding: 9px 0px;
}
.city_top_social ul{
	float:right;
	width:auto;
}
.city_top_social ul li{
	float:left;
	width:auto;
	margin-right:10px;
}
.city_top_social ul li:last-child{
	margin-right:0px;
}
.city_top_social ul li a{
	display:inline-block;
	height:36px;
	width:36px;
	text-align:center;
	line-height:33px;
	border:3px solid;
	color:#fff;
	font-size:13px;
}
.city_top_social ul li a:hover{
	color:#fff;
}
.city_top_wrap .slick-prev, 
.city_top_wrap .slick-next{
	display:none !important;
}
.city_top_wrap .slick-slider{
	float: left;
	width: 76%;
}
.city_top_wrap .slick-slide{
	width:610px !important;
}
.city_top_wrap .slick-list{
	padding:4px 0px 0px;
}
/*
	==================================
		CITY TOP WRAP END
	==================================
*/

/*
	==================================
		CITY TOP NAVIGATION START
	==================================
*/
.city_top_form,
.navigation ul,
.navigation,
.city_top_navigation{
	float:left;
	width:100%;
}
.city_top_navigation{
	padding:35px 85px 34px;
	position:relative;
}
.city_top_navigation:before{
	position:absolute;
	content:"";
	top:0px;
	left:auto;
	right:0px;
	bottom:0px;
	background-color:#d4092b;
	width:29%;
}
.navigation > ul > li{
	margin-right:50px;
	float:left;
	width:auto;
	position:relative;
}
.navigation > ul > li > a{
	display:inline-block;
	color:#fff;
	font-size:15px;
	text-transform:capitalize;
}
.city_top_search{
	position:relative;
	float:left;
	width:90%;
}
.city_top_search input{
	padding:0px 0px;
	height:auto;
	font-size:15px;
	color:#fff;
	background:none;
	border:none;
	padding:0px 30px 0px 0px;
}
.city_top_search input::placeholder{
	color:#fff;
}
.city_top_search a{
	position:absolute;
	top:2px;
	right:0px;
	color:#fff;
	font-size:13px;
} 
.top_user{
	float: right;
	width: auto;
	color: #fff;
	line-height: 12px;
	padding: 0px 0px 0px 10px;
	margin: 4px 0px;
	border-left: 1px solid #fff;
	font-size: 15px;
}
/*dropdown style*/
.navigation ul > li > ul{
	position: absolute;
	right: auto;
	top:60px;
	background-color: #fff;
	width: 230px;
	z-index: 999;
	overflow:hidden;
	visibility:hidden;
	opacity:0;
	border-bottom:4px solid;
	border-top:2px solid #fff;
}
.navigation ul > li:hover > ul{
	overflow:visible;
	visibility:visible;
	opacity:1;
	display:block;
	top:50px;
}
.navigation ul li ul li{
	margin:0px 0px;
}
.navigation ul li ul li a{
	color:#666;
	padding:8px 30px;
	display:block;
	position:relative;
	text-transform:capitalize;
	display:block;
}
.navigation ul li ul li a:hover{
	color:#fff;
	padding:8px 35px;
}
.navigation ul li ul li a:before{
	position:absolute;
	content:"\f105";
	top:7px;
	left:15px;
	right:0px;
	bottom:0px;
	font-family:fontAwesome;
	font-size:15px;
}
.navigation ul li ul li a:hover:before{
	color:#fff;
	left:18px;
}
.navigation ul ul > li > ul {
	top:10px;
	left:100%;
}
.navigation ul ul > li{
	position:relative;
}
.navigation ul ul > li:hover > ul{
	top:0px;
}
/*sticky styles start*/
.city_top_navigation.sticky{
	position:fixed;
	z-index: 999;
	top:0px;
	padding: 27px 85px 28px;
	transition:all 1s ease-in-out;
}
/*
	==================================
		CITY TOP NAVIGATION END
	==================================
*/

/*
	==================================
		CITY MAIN BANNER START
	==================================
*/
.banner_search_field,
.banner_search_form,
.banner_btn,
.city_main_banner{
	float:left;
	width:100%;
}
.city_main_banner .overlay:before{
	opacity:0.25;
}
.banner_text{
	position:absolute;
	top:50%;
	left:auto;
	right:200px;
	width:470px;
	padding:42px 30px 50px;
	margin-top:-220px;
}
.small_text{
	font-size:26px;
	color:#fff;
}
.medium_text{
	font-size:50px;
	color:#fff;
	line-height: 40px;
	margin-bottom:4px;
}
.hidden {
  opacity:0;
}
.large_text{
	font-size:70px;
	font-weight:bold;
	color:#fff;
	line-height: 70px;
	text-transform:uppercase;
	margin-bottom:20px;
	height:61px;
	overflow:hidden;
}
.banner_btn{
	margin-bottom:50px;
}
.banner_btn .theam_btn{
	margin-right:8px;
}
.banner_btn .theam_btn:last-child{
	margin-right:0px;
}
.banner_search_form label{
	color:#fff;
	margin-bottom:10px;
}
.banner_search_field{
	position:relative;
}
.banner_search_field input{
	height:52px;
	background:none;
	border:2px solid #fff;
}
.banner_search_field input::placeholder{
	color:#fff;
}
.banner_search_field a{
	position:absolute;
	top:2px;
	right:2px;
	bottom:0px;
	left:auto;
	width:57px;
	height:48px;
	text-align:center;
	line-height:48px;
	background-color:#fff;
	font-size:13px;
}
.banner_search_field a:hover{
	color:#fff;
}
.text_left{
	left:200px;
	right:auto;
}
.text_center{
	left:0px;
	right:0px;
	text-align:center;
	margin:-220px auto;
}
/*slick slider start*/
.city_main_banner .slick-prev, 
.city_main_banner .slick-next{
	top:auto;
	bottom:8px;
	height:44px;
	width:44px;
	left:100px;
}
.city_main_banner .slick-next{
	right:auto;
	left:150px;
}
.city_main_banner .slick-prev:before, 
.city_main_banner .slick-next:before{
	line-height:44px;
	content:"\e94c";
	font-family: 'icomoon' !important;
	color:#949494;
}
.city_main_banner .slick-next:before{
	content:"\e94e";
}
.city_main_banner .slick-prev:hover:before, 
.city_main_banner .slick-next:hover:before{
	color:#fff;
}

.main-banner-slider .slick-slide.slick-current.slick-active .small_text{
		-webkit-animation-name: fadeInUp;
  	animation-name: fadeInUp;
}
.main-banner-slider .slick-slide.slick-current.slick-active .medium_text{
		-webkit-animation-name: fadeInUp;
  	animation-name: fadeInUp;
}
.main-banner-slider .slick-slide.slick-current.slick-active .large_text{
		-webkit-animation-name: fadeInUp;
  	animation-name: fadeInUp;
}
.main-banner-slider .slick-slide.slick-current.slick-active .theam_btn{
		-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}
.main-banner-slider .slick-slide.slick-current.slick-active .theam_btn:last-child{
		-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}
.main-banner-slider .slick-slide.slick-current.slick-active .banner_search_field{
		-webkit-animation-name: fadeInUp;
  	animation-name: fadeInUp;
}
/*
	==================================
		CITY MAIN BANNER END
	==================================
*/


/*
	==================================
		CITY BANNER SERVICES START 
	==================================
*/
.city_service_text,
.city_service_list ul,
.city_service_list,
.city_banner_services{
	float:left;
	width:100%;
}
.city_banner_services{
	padding:34px 50px 30px;
	border-bottom:1px solid #d3d3d3;
}
.city_service_list ul{
	text-align:center;
}
.city_service_list ul li{
	float: none;
	position: relative;
	display: inline-block;
}
.city_service_list ul li:before{
	position:absolute;
	content:"";
	top:0px;
	left:auto;
	right:0px;
	bottom:0px;
	border-right:1px solid #686868;
	border-radius: 100%;
}
.city_service_list ul li:last-child:before{
	border-right:none;
}
.city_service_text{
	padding:0px 50px;
}
.city_service_text span{
	float:left;
	color:#666666;
	margin-right:20px;
	font-size:30px;
	line-height:25px;
}
.city_service_text h5{
	float:left;
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px;
}
.city_service_text h5 a{
	color:#666;
}
/*
	==================================
		CITY BANNER SERVICES END 
	==================================
*/


/*
	==================================
		CITY ABOUT WRAP START 
	==================================
*/
.city_about_link,
.city_about_text,
.city_about_list,
.city_about_fig,
.city_about_wrap{
	float:left;
	width:100%;
}
.city_about_wrap{
	padding:100px 0px 190px;
}
.city_about_fig{
	padding:0px 100px 70px 0px;
	position:relative;
}
.city_about_video{
	position:absolute;
	right:0px;
	bottom:0px;
	border:20px solid #fff;
	z-index: 2;
}
.city_about_video .overlay:before{
	opacity:0.9;
}
.paly_btn{
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	font-size:50px;
	color:#fff;
	text-align:center;
	margin-top:-33px;
	z-index:2;
}
/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.city_about_text{
	margin-bottom:45px;
}
.city_about_text h6{
	margin:0px 0px 14px 0px;
	font-style:italic;
	line-height:28px;
}
.city_about_text p{
	line-height:28px;
	margin:0px 0px;
}
.city_about_link li{
	margin-bottom:15px;
}
.city_about_link li:last-child{
	margin-bottom:0px;
}
.city_about_link li a{
	font-size:15px;
	font-weight:normal;
}
.city_about_link li a i{
	margin-right:25px;
}
/*
	==================================
		CITY ABOUT WRAP END 
	==================================
*/

/*
	==================================
		CITY DEPARTMENT WRAP START 
	==================================
*/
.city_department_wrap{
	float:left;
	width:100%;
}
.city_department_wrap{
	background-image:url("images/department-bg.png");
	background-repeat:no-repeat;
	background-size:cover;
	padding-bottom:150px;
}
@-webkit-keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
}
@-moz-keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
}
@-ms-keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
}
@keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
 }
  
.city_department_wrap{
	animation: 20s linear 0s normal none infinite running shafaqat;
	background: rgba(0, 0, 0, 0) url("images/department-bg.png") repeat scroll 0 0;
}
.city_department_wrap.overlay:before{
	opacity:0.9;
}
.city_department_wrap .section_heading{
	margin-left: 15px;
}
.margin-bottom{
	margin-bottom:48px !important;
}
.bg_white{
	background-color:#fff;
	padding:103px 35px 65px;
	width:1294px;
	margin:auto;
	position: relative;
	margin-top: -90px;
	box-shadow:0px -1px 8px 1px #e1e1e1;
}
.width_control{
	width: 33.3%;
	float: left;
	padding:0px 15px;
}
.city_department_fig{
	padding: 10px 15px;
	border: 1px solid #d7d7d7;
	margin: 0px 0px 35px;
}
.city_department_fig figure{
	width:auto;
}
.city_department_fig .overlay:before{
	left:50px;
	right:0px;
	bottom:0px;
	top:50px;
	opacity:0;
}
.city_department_fig:hover .overlay:before{
	left:8px;
	right:8px;
	bottom:8px;
	top:8px;
	opacity:0.9;
}
.city_department_fig:hover .city_department_text a,
.city_department_fig:hover .city_department_text p,
.city_department_fig:hover .city_department_text h5{
	color:#fff;
}
.city_department_fig .paly_btn{
	font-size:20px;
	margin-top:0px;
	opacity:0;
}
.city_department_fig:hover .paly_btn{
	margin-top:-17px;
	opacity:1;
}
.city_department_text{
	overflow:hidden;
	padding:8px 0px 13px 20px;
}
.city_department_text h5{
	margin:0px 0px 5px 0px;
	font-weight:bold;
}
.city_department_text p{
	margin:0px 0px 7px 0px;
}
.city_department_text a{
	display:inline-block;
	font-weight:600;
}
.city_department_text a i{
	margin-left:8px;
}
/* slick slider start */

.city_health2_text .slick-prev,
.city_health2_text .slick-next,
.city_emergency_slider .slick-prev,
.city_emergency_slider .slick-next,
.city_department_wrap .slick-prev,
.city_department_wrap .slick-next{
	top:-60px;
	height:44px;
	width:44px;
	text-align:center;
	border:1px solid #c2c2c2;
	right:18px;
}
.city_health2_text .slick-prev,
.city_emergency_slider .slick-prev,
.city_department_wrap .slick-prev{
	right:65px;
	left:auto;
}
.city_department_wrap .slick-prev:before,
.city_department_wrap .slick-next:before{
	line-height:44px;
	content:"\e94e";
	color:#a3a3a3;
	font-family: 'icomoon' !important;
}
.city_department_wrap .slick-prev:before{
	content:"\e94c";
}
.city_department_wrap .slick-prev:hover:before,
.city_department_wrap .slick-next:hover:before{
	color:#fff;
}
/*
	==================================
		CITY DEPARTMENT WRAP END 
	==================================
*/

/*
	==================================
		CITY OFFICE WRAP START 
	==================================
*/
.city_office_row,
.city_office_wrap{
	float:left;
	width:100%;
}
.bg_white.bg_none{
	background:none;
	box-shadow:0px 0px;
	padding:0px 0px;
	margin-top: -80px;
}
.city_office_row {
	position:relative;
}
/* city triagle start */
.city_triagle{
	width: 180px;
	height: 109px;
	position: absolute;
	top:25px;
	left:0px;
}
.city_triagle span{
	position:absolute;
	width:115px;
	height:109px;
	left:auto;
	right:0px;
	bottom:0px;
}
.city_triagle:after,
.city_triagle:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 54px 65px 0 65px;
	border-color: #14284b transparent transparent transparent;
}
.city_triagle:after{
	border-width: 0 65px 54px 65px;
	border-color: transparent transparent #14284b transparent;
	top:auto;
}
.city_triagle.text-right{
	right:0px;
	left:auto;
}
.city_triagle.text-right span{
	left:0px;
	right:auto;
}
.city_triagle.text-right:after,
.city_triagle.text-right:before{
	left:auto;
	right:0px;
}
/* city triagle end */
.center_text {
    padding: 50px 0px;
    margin: auto;
    overflow: hidden;
    float: none;
    text-align: center;
}
.city_office_list{
	float: none;
	width: 82%;
	padding: 45px 90px;
	display: inline-block;
}
.city_office_logo,
.city_office_text{
	float:left;
	width:auto;
}
.city_office_text.pull_right {
    float:right;
}
.city_office_text{
	text-align:left;
}
.city_office_text h6{
	color:#fff;
	font-weight:600;
	margin:0px 0px 0px 0px;
}
.city_office_text h3{
	margin:0px 0px 4px 0px;
	color:#fff;
	font-weight:bold;
}
.city_office_text a{
	display:inline-block;
	color:#fff;
	font-weight:600;
}
.city_office_text a i{
	margin-left:9px;
}
.city_office_logo{
	position:relative;
	padding:0px 46px;
	width:402px;
}
.city_office_logo a{
	position:absolute;
	left:0px;
	right:0px;
	top:45px;
	bottom:0px;
	width:283px;
	height:283px;
	text-align:center;
	margin:auto;
}
.city_office_list{
	position:relative;
	border-bottom:5px solid;
}
.city_office_list:after,
.city_office_list:before{
	position:absolute;
	content:"";
	top:-25px;
	left:0px;
	right:0px;
	bottom:0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width:24px 66px 1px 0px;
	border-color: transparent #050f21 transparent transparent;
	z-index:1;
}
.city_office_list:after{
	left:auto;
	right:0px;
	border-width:22px 0 3px 68px;
	border-color: transparent transparent transparent #050f21;
}
/*
	==================================
		CITY OFFICE WRAP END 
	==================================
*/

/*
	==================================
		CITY BLOG WRAP START
	==================================
*/
.city_blog_icon_list,
.city_blog_text,
.city_blog_fig,
.city_blog_wrap{
	float:left;
	width:100%;
}
.city_blog_wrap{
	padding:100px 0px;
}
.city_blog_fig{
	border-bottom:1px solid #d0d0d0;
	position:relative;
}
.city_blog_text{
	padding:25px 20px 30px;
}
.city_blog_text span{
	display:inline-block;
	position:relative;
	padding-right:48px;
}
.city_blog_text span:before{
	position:absolute;
	content:"";
	top:0px;
	left:auto;
	right:0px;
	bottom:5px;
	border-bottom:1px solid #666666;
	width:32px;
}
.city_blog_text h4{
	margin:0px 0px 19px 0px;
	font-weight:bold;
}
.city_blog_text p{
	margin-bottom:25px;
	display:none;
}
.social_icon li,
.social_icon,
.city_blog_icon_list .theam_btn{
	float:left;
	width:auto;
}
.share_icon,
.city_blog_icon_list{
	float:right;
	width:auto;
}
.city_blog_icon_list{
	padding:8px 0px;
}
.social_icon{
	padding:4px 0px;
	display:none;
}
.social_icon li{
	margin-right:24px;
}
.social_icon li a{
	display:inline-block;
}
.share_icon{
	display:inline-block;
	font-size:25px;
	line-height: 20px;
}
.city_blog_fig.position .social_icon,
.city_blog_fig.position p{
	display:block;
}
.city_blog_fig.position {
    margin-top: -469px;
    position: relative;
	opacity:0;
	box-shadow:0px 0px 0px 0px #cecece;
}
.city_blog_fig.position:hover{
	opacity:1;
	overflow:visible;
	visibility:visible;
	background-color:#fff;
}
.city_blog_fig.position:hover .city_blog_text{
	box-shadow:0px 2px 5px 2px #cecece;
}
.city_blog_fig.position:hover .theam_btn{
	color:#fff;
}
/*
	==================================
		CITY BLOG WRAP END
	==================================
*/

/*
	==================================
		CITY JOBS WRAP START
	==================================
*/
.city_jobs_item,
.city_jobs_list ul li,
.city_jobs_list ul,
.city_jobs_wrap{
	float:left;
	width:100%;
}
.city_jobs_wrap{
	position:relative;
	background-image:url("images/job-bg.png");
	background-position:top left;
	background-repeat:no-repeat;
	background-size:100%;
}
.city_jobs_wrap:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0) -9%, #000);
}
.city_jobs_fig{
	float:left;
	width:55%;
}
.city_job_text{
	width:430px;
	position:absolute;
	left:100px;
	bottom:70px;
}
.city_job_text span{
	display:inline-block;
	color:#fff;
	font-size:16px;
	margin-bottom:2px;
}
.city_job_text h2{
	font-weight:bold;
	color:#fff;
	margin:0px 0px 8px 0px;
}
.city_job_text p{
	width:100%;
	color:#fff;
	margin-bottom:25px;
}
.city_jobs_list{
	float: right;
	width: 45%;
	position: relative;
}
.city_jobs_item{
	padding:45px 70px;
	background-image:url("images/job-list-bg.png");
	background-repeat:no-repeat;
	z-index:2;
}
.city_jobs_item.overlay:before{
	opacity:1;
	z-index:-1;
}
.city_jobs_item span{
	display:inline-block;
	height:127px;
	width:127px;
	text-align:center;
	line-height:127px;
	border-radius:100%;
	background-color:#fff;
	font-size:55px;
	float: left;
}
.city_jobs_item:hover span i{
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
.ciy_jobs_caption{
	overflow:hidden;
	padding:0px 0px 0px 30px;
}
.ciy_jobs_caption h2{
	color:#fff;
	font-weight:bold;
	margin:0px 0px 6px 0px;
}
.ciy_jobs_caption p{
	margin:0px 0px 7px 0px;
	color:#fff;
}
.ciy_jobs_caption a{
	display:block;
	color:#fff;
	font-size: 15px;
}
.city_jobs_item.pull-right{
	float:right;
}
.city_jobs_item.pull-right.overlay:before{
	opacity:0.9;
}
.city_jobs_item.pull-right .ciy_jobs_caption{
	padding: 0px 30px 0px 0px;
	width: 76%;
	float: left;
	text-align: right;
}
/*
	==================================
		CITY JOBS WRAP END
	==================================
*/

/*
	==================================
		CITY PROJECT WRAP START
	==================================
*/
.city_project_mansory ul,
.city_project_mansory,
.city_project_wrap{
	float:left;
	width:100%;
}
.city_project_wrap{
	padding:100px 20px  184px; 
}
.city_project_mansory{
	margin-bottom:36px;
}
.city_project_mansory ul{
	text-align:center;
}
.city_project_mansory ul li{
	display:inline-block;
	margin-right:25px;
}
.city_project_mansory ul li:last-child{
	margin-right:0px;
}
.city_project_mansory ul li a{
	display:inline-block;
	color:#2b2b2b;
}
.city_project_fig .overlay:before{
	opacity:0.7;
	z-index:1;
}
.city_project_text{
	position:absolute;
	top:50%;
	left:30px;
	right:30px;
	z-index:2;
	margin-top:-110px;
	z-index:2;
}
.city_project_fig:hover .city_project_text{
	margin-top:-130px;
}
.city_project_text span{
	display:block;
	font-size:80px;
	line-height:70px;
	color:#fff;
	margin-bottom:18px;
}	
.city_project_text > a{
	display:inline-block;
	color:#fff;
	position:relative;
	padding-bottom:6px;
	margin-bottom:7px;
}
.city_project_text > a:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	border-bottom:1px solid rgba(255,255,255,0.7);
	width:160px;
}
.city_project_text h3{
	font-weight:bold;
	margin:0px 0px 0px 0px;
	line-height: 32px;
}
.city_project_text h3 a{
	color:#fff;
}
 /* slick slider start */
.city_project_wrap .slick-slide{
	padding:0px 15px;
}
.city_project_wrap .slick-list{
	padding:0px 0px !important;
	height: 100%;
	float: left;
	width: 100%;
}
.city_project_wrap .slick-track{
	padding-bottom:20px;
}
.city_project_wrap .slick-slide.slick-current.slick-active.slick-center .city_project_fig{
	box-shadow: 0px 5px 14px -2px #383232;
	float: left;
	width: 100%;
}
.city_project_wrap .slick-prev, 
.city_project_wrap .slick-next{
	top:auto;
	bottom:-105px;
	left:0px;
	right:0px;
	margin:auto;
}
.city_project_wrap .slick-prev{
	left:-48px;
}
.city_project_wrap .slick-next{
	right:-48px;
}
.city_project_wrap .slick-prev:hover:before, 
.city_project_wrap .slick-next:hover:before{
	color:#fff;
}
/*
	==================================
		CITY PROJECT WRAP END
	==================================
*/

/*
	==================================
		CITY EVENT WRAP START
	==================================
*/
.city_event_history,
.city_event_fig,
.city_event_wrap{
	float:left;
	width:100%;
}
.city_event_wrap{
	background-image:url("images/map_bg.png");
	background-repeat:no-repeat;
	background-size:cover;
}
.bg_white.width{
	width:1230px;
	box-shadow:0px 0px;
	margin:0px auto;
	padding:102px 15px 100px;
}
.city_event_fig{
	margin-bottom:30px;
}
.city_event_fig figure{
	width:auto;
}
.city_event_text{
	overflow:hidden;
	padding:14px 15px 14px 25px;
	border:1px solid #d7d7d7;
}
.city_event_history{
	margin-bottom:16px;
}
.event_date{
	float:left;
	width:74px;
	text-align:center;
	padding:12px 0px 10px;
	background-color:#404040;
	border-radius:1px;
}
.event_date span{
	display:block;
	color:#fff;
	font-size:22px;
	font-weight:bold;
	line-height: 22px;
	margin-bottom:1px;
}
.event_date strong{
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
.city_date_text{
	overflow:hidden;
	padding:4px 0px 7px 15px;
}
.custom_size{
	font-size:22px;
	font-weight:bold;
	margin:0px 0px 8px 0px;
}
.city_date_text a{
	display:inline-block;
}
.city_date_text a i{
	margin-right:10px;
	font-size:16px;
	color:#404040;
}
.city_event_text > p{
	margin:0px 0px 12px 0px;
}
.city_event_text > a{
	font-size:14px;
	display:block;
}
.city_event_text > a span{
	font-size:16px;
	margin-left:5px;
	text-transform:capitalize;
}
.city_event_fig .paly_btn{
	font-size:20px;
	margin-top:0px;
	opacity:0;
}
.city_event_fig:hover .paly_btn{
	margin-top: -20px;
	opacity:1;
}
/*
	==================================
		CITY EVENT WRAP END
	==================================
*/

/*
	==================================
		CITY CLIENT WRAP START
	==================================
*/
.client_arrow,
.city_client_fig,
.city_client_wrap{
	float:left;
	width:100%;
} 
.city_client_wrap{
	padding:70px 0px 100px;
}
.city_client_row{
	float:left;
	width:75%;
}
.city_client_fig figure{
	width:auto;
	border-radius:100%;
	border:23px solid #e2304e;
}
.client_arrow figure img,
.city_client_fig figure img{
	border-radius:100%;
	overflow:hidden;
}
.city_client_text{
	overflow:hidden;
	padding:85px 0px 70px 45px;
	text-align:left;
}
.city_client_text p{
	margin:0px 0px 20px 0px;
	color:#fff;
	position:relative;
	z-index:2;
	font-weight: normal;
}
.city_client_text p:before{
	position:absolute;
	content:"\e913";
	top:-56px;
	left:-20px;
	right:0px;
	bottom:0px;
	font-family: 'icomoon' !important;
	font-size:50px;
	color:#fff;
	z-index:-1;
}	
.city_client_text h4{
	float:left;
	margin:0px 0px;
	font-weight:bold;
	margin-right:12px;
}
.city_client_text span a,
.city_client_text h4 a{
	color:#fff;
}
.city_client_text span{
	display:inline-block;
	font-size:16px;
	margin-top: 7px;
}
.city_client_link{
	float:left;
	width:25%;
	text-align:center;
	padding:25px 0px 15px;
}
.client_arrow{
	margin-bottom:5px;
}
.client_arrow:nth-child(2){
	margin-bottom:0px;
}
.client_arrow figure{
	border-radius:100%;
	width:auto;
	display:block;
	float:none;
	margin:auto;
	text-align:center;
	display:inline-block;
}
/*bxslider start*/
.city_client_row .bx-wrapper .bx-viewport{
	padding:0px 0px;
	background:none;
	margin:0px 0px;
	height: 284px !important;
}
.city_client_row .bxslider.bx-pager {
    float: left;
    width: 100%;
    padding: 0px 0px;
}
.city_client_row .bx-wrapper{
	margin:0px 0px;
}
.city_client_row .bx-wrapper .bx-prev,
.city_client_row .bx-wrapper .bx-next{
	height:40px;
	width:40px;
	border-radius:100%;
	background-color:#141414;
	color:transparent;
	line-height:40px;
	text-align:center;
	position: absolute;
	top:0px;
}
.city_client_row .bx-wrapper .bx-next{
	right:-213px;
	top:70px;
}
.city_client_row .bx-wrapper .bx-prev{
	top:auto;
	bottom:60px;
	right:-110px;
	left:auto;
}
.city_client_row .bx-wrapper .bx-prev:before,
.city_client_row .bx-wrapper .bx-next:before{
	position:absolute;
	content:"\f105";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	font-family:fontAwesome;
	color:#fff;
	font-size:24px;
}
.city_client_row .bx-wrapper .bx-prev:before{
	content:"\f104";
}
/*
	==================================
		CITY CLIENT WRAP END
	==================================
*/

/*
	==================================
		CITY NEWS WRAP START
	==================================
*/
.city_news_row > ul > li,
.city_news_row > ul,
.city_news_row,
.city_news_list,
.city_news_meta,
.city_news_text,
.city_news_fig,
.city_news_wrap{
	float:left;
	width:100%;
}
.city_news_wrap{
	padding:100px 0px;
}
.city_news_text{
	padding:24px 0px 0px 0px;
}
.city_news_text h2{
	font-weight:bold;
	margin:0px 0px 14px 0px;
}
.city_news_meta{
	margin-bottom:18px;
}
.city_news_meta li{
	float:left;
	width:auto;
	padding:0px 14px;
	border-right:1px solid #afafaf;
	line-height:15px;
}
.city_news_meta li:last-child{
	border-right:none;
	padding-right:0px;
}
.city_news_meta li:first-child{
	padding-left:0px;
}
.city_news_meta li a{
	display:inline-block;
	font-size:15px;
	line-height:15px;
}
.city_news_text p{
	margin-bottom:35px;
}
.city_news_text .theam_btn{
	border-color:#898989;
	color:#666666;
}
.city_news_row > ul > li{
	margin-bottom:39px;
}
.city_news_row > ul > li:last-child{
	margin-bottom:0px;
}
.city_news_list figure{
	width:auto;
}
.city_news_list_text{
	overflow:hidden;
	padding:8px 0px 15px 20px;
}
.city_news_list_text h5{
	font-weight:bold;
	margin:0px 0px 12px 0px;
	line-height: 26px;
}
.city_news_list_text .city_news_meta{
	margin-bottom:0px;
}
/*city news form start*/
.city_document_list ul li,
.city_document_list ul,
.city_document_list,
.city_news_search,
.city_news_feild,
.city_news_form{
	float:left;
	width:100%;
}
.city_news_feild{
	padding:25px 30px 30px;
	margin-bottom:35px;
	position:relative;
	z-index:1;
}
.city_news_feild:before{
	position:absolute;
	content:"\e914";
	top:auto;
	left:auto;
	right:-8px;
	bottom:-65px;
	font-family: 'icomoon' !important;
	color:#fff;
	opacity:0.3;
	z-index:-1;
	font-size:230px;
}
.city_news_feild.feild2:before{
	content:"\e915";
	font-size:120px;
	bottom:-24px;
	right:-15px;
	opacity:0.2;
}
.city_news_feild span{
	display:block;
	color:#fff;
}	
.city_news_feild h4{
	font-weight:bold;
	color:#fff;
	margin:0px 0px 6px 0px;
}
.city_news_feild p{
	color:#fff;
	margin:0px 0px 25px;
}
.city_news_search input{
	margin-bottom:10px;
}
.city_news_search .theam_btn{
	display: block;
	width: 100%;
	text-align:left;
	color:#fff;
	font-size:16px;
}
.city_document_list ul li{
	border-bottom:1px solid rgba(255,255,255,0.2);
}
.city_document_list ul li:first-child{
	border-top:1px solid rgba(255,255,255,0.2);
}
.city_document_list ul li a{
	display:block;
	padding:14px 0px;
	color:#fff;
}
.city_document_list ul li a i{
	margin-right:18px;
}
.city_news_feild.feild2{
	margin-bottom:0px;
}
/*
	==================================
		CITY NEWS WRAP END
	==================================
*/

/*
	==================================
		CITY REQUEST WRAP START
	==================================
*/
.city_request_link ul,
.city_request_link,
.city_request_row,
.city_request_list,
.city_requset_wrap{
	float:left;
	width:100%;
}
.city_request_list{
	padding:30px 30px 26px;
	background-color:#fff;
	box-shadow:0px 4px 10px -5px #393333;
	border-top:5px solid;
	position:relative;
	z-index:3;
}
.city_request_row{
	margin-bottom:16px;
}
.city_request_row > span{
	float:left;
	font-size:50px;
	line-height:50px;
}
.city_request_text{
	overflow:hidden;
	padding:0px 0px 0px 20px;
}
.city_request_text span{
	display:block;
}
.city_request_text h4{
	font-weight:bold;
	margin:0px 0px;
}
.city_request_link ul li{
	float:left;
	width:50%;
	margin-bottom:13px;
}
.city_request_link ul li a{
	display:block;
	padding-left:22px;
	position:relative;
}
.widget_service ul li a:before,
.city_request_link ul li a:before{
	position:absolute;
	content:"\f105";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	font-family:fontAwesome;
	color:#8c8c8c;
	font-size:16px;
}
/*
	==================================
		CITY REQUEST WRAP END
	==================================
*/

/*
	==================================
		WIDGET WRAP START
	==================================
*/
.widget_text ul li,
.widget_text ul,
.widget_text,
.widget_list,
.widget_wrap{
	float:left;
	width:100%;
}
.widget_wrap{
	padding:160px 0px 0px;
	margin-top:-95px;
	background-image:url("images/widget-bg.png");
	background-repeat:no-repeat;
	background-size:cover;
	z-index:2;
}
.widget_wrap.overlay:before{
	opacity:0.95;
	z-index:-1;
}
.widget_title{
	color:#fff;
	margin-bottom:25px;
	font-weight:600;
}
.widget_text ul{
	margin-bottom:30px;
}
.widget_text ul li{
	margin-bottom:6px;
}
.widget_text ul li:last-child{
	margin-bottom:0px;
}
.widget_text ul li a{
	color:#fff;
	font-size:15px;
}
.widget_text p{
	margin:0px 0px;
	color:#fff;
	line-height: normal;
}
/* widget service start*/
.widget_service ul li,
.widget_service ul,
.widget_service{
	float:left;
	width:100%;
}
.widget_service ul li{
	margin-bottom:10px;
}
.widget_service ul li:last-child{
	margin-bottom:0px;
}
.widget_service ul li a{
	display:block;
	padding-left:20px;
	color:#fff;
	font-size:15px;
	position:relative;
}
.widget_service ul li a:hover{
	padding-left:25px;
}
.widget_service ul li a:before{
	color:#fff;
}
.widget_service ul li a:hover:before{
	left:5px;
}
.widget_text.text2 ul li a span{
	float:right;
}
.widget_text.text2 ul li{
	margin-bottom:10px;
}
/*widget copyright start*/
.copyright_text,
.widget_copyright{
	float:left;
	width:100%;
}
.widget_copyright{
	padding:50px 0px;
	border-top:1px solid rgba(255,255,255,0.4);
	margin-top:34px;
}
.widget_copyright .city_top_social{
	width:100%;
}
.copyright_text{
	text-align:center;
}
.copyright_text p{
	color:#fff;
	margin:0px 0px;
	padding: 7px 0px 0px;
}
.copyright_text p span{
	display:block;
}
.widget_copyright .city_top_social ul li a{
	border:2px solid #fff;
}
/*
	==================================
		WIDGET WRAP END
	==================================
*/

/*
	===============================================================
					SERVICE PAGE START
	===============================================================
*/
/*
	==================================
		SAB BANNER START
	==================================
*/
.sab_banner_text,
.sab_banner{
	float:left;
	width:100%;
}
.sab_banner{
	background-image:url("images/sab-banner-bg.png");
	background-repeat:no-repeat;
	background-size:cover;
	padding:100px 0px 155px;
}
@-webkit-keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
}
@-moz-keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
}
@-ms-keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
}
@keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
 }
  
.sab_banner{
	animation: 25s linear 0s normal none infinite running shafaqat;
	background: rgba(0, 0, 0, 0) url("images/sab-banner-bg.png") repeat scroll 0 0;
}
.sab_banner.overlay:before{
	opacity:0.9;
}
.sab_banner_text{
	position:relative;
	z-index:2;
}
.sab_banner_text h2, .sab_banner_text h1{
	font-size:66px;
	color:#fff;
	margin:0px 0px 4px;
	font-weight:600;
	line-height: 1.2 !important;
}
.breadcrumb{
	background:none;
	padding:0px 0px;
	margin:0px 0px;
}
.breadcrumb > li a,
.breadcrumb > .active,
.breadcrumb > li{
	color:#fff;
}
.breadcrumb > li{
	padding:0px 18px;
	border-right:2px solid #fff;
	line-height: 14px;
}
.breadcrumb > li:last-child{
	border-right:none;
}
.breadcrumb > li:first-child{
	padding-left:0px;
}
/*
	==================================
		SAB BANNER END
	==================================
*/

/*
	==================================
		CITY SERVICES2 WRAP START 
	==================================
*/
.city_service2_btn,
.city_service2_text,
.city_service2_fig,
.city_services2_wrap{
	float:left;
	width:100%;
}
.city_services2_wrap{
	padding:100px 0px;
}
.city_service2_fig{
	margin-bottom:30px;
	border-bottom:3px solid transparent;
}
.city_service2_fig:hover{
	box-shadow:0px 3px 10px -4px;
}
.city_service2_fig .overlay:before{
	background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #df193a);
	background: -moz-linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #df193a);
	background: -webkit-linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #df193a);
	opacity:0.95;
	z-index:2;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.city_service2_fig:hover .overlay:before{
	background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #14284b);
}
.city_service2_list{
	position: absolute;
	top: 50%;
	left: 20px;
	right: 0px;
	margin-top: -30px;
	z-index:2;
}
.city_service2_list > span{
	display:inline-block;
	height:60px;
	width:60px;
	text-align:center;
	line-height:60px;
	background-color:#ffffff;
	border-radius:100%;
	font-size:30px;
	float:left;
	border:3px solid #fff;
}
.city_service2_fig:hover .city_service2_list > span{
	background:none;
	color:#fff;
}
.city_service2_caption{
	overflow:hidden;
	padding:0px 0px 0px 25px;
}
.city_service2_caption h4{
	font-weight:bold;
	color:#fff;
	margin:0px;
}
.city_service2_caption h4 span{
	display:block;
}
.city_service2_text{
	padding:25px 20px 0px 20px;
	border:1px solid #dfdfdf;
}
.city_service2_text p{
	margin:0px 0px;
	padding-bottom:15px;
}
.see_more_btn{
	display:block;
	padding:20px 0px;
	font-size:16px;
	text-transform:capitalize;
	border-top:1px solid #dfdfdf;
	color:#333333;
	font-weight:600;
}
.see_more_btn i{
	float:right;
	font-size:22px;
}
.city_service2_btn{
	text-align:center;
	margin-top:40px;
}
/*
	==================================
		CITY SERVICES2 WRAP END 
	==================================
*/

/*
	==================================
		CITY SPECIAL SERVICES START 
	==================================
*/
.city_special_service{
	float:left;
	width:100%;
}
.city_special_service{
	background-image:url("images/loking-bg.png");
	background-repeat:no-repeat;
	background-size:cover;
	padding:70px 0px;
}
@-webkit-keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
}
@-moz-keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
}
@-ms-keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
}
@keyframes shafaqat{
  0%{background-position:50% 0}
  100%{background-position:330px 0%}
 }
  
.city_special_service{
	animation: 50s linear 0s normal none infinite running shafaqat;
	background: rgba(0, 0, 0, 0) url("images/loking-bg.png") repeat scroll 0 0;
}
.special_service_text{
	width:616px;
	margin:auto;
	text-align:center;
	padding:65px 70px 70px;
	z-index:2;
	left: 40px;
}
.special_service_text.overlay:before{
	z-index:-1;
	opacity:0.95;
}
.custom_size2{
	color:#fff;
	font-weight:600;
	font-size:36px;
	margin:0px 0px 0px 0px;
}
.special_service_text h3{
	color:#fff;
	margin:0px 0px 18px 0px;
}
.special_service_text p{
	color:#fff;
	margin:0px 0px 25px 0px;
}
.special_service_text p span{
	display:block;
}
.special_service_text .theam_btn{
	background-color:#fff;
	padding:10px 58px;
	font-size:16px;
}
.special_service_text .theam_btn:hover{
	color:#fff;
}
/*
	==================================
		CITY SPECIAL SERVICES END 
	==================================
*/

/*
	==================================
		CITY AWARD WRAP START 
	==================================
*/
.city_award_list,
.city_award_wrap{
	float:left;
	width:100%;
}
.city_award_wrap{
	padding:80px 0px 78px;
}
.city_award_list span{
	float:left;
	font-size:58px;
	line-height:40px;
	color:#fff;
}
.city_award_text{
	overflow:hidden;
	padding:0px 0px 0px 20px;
}
.city_award_text .counter{
	margin-bottom:10px;
}
.city_award_text h3{
	color:#fff;
	font-weight:bold;
	margin:0px 0px;
	line-height:26px;
}
/*
	==================================
		CITY AWARD WRAP END 
	==================================
*/

/*
	==================================
		CITY NEWS2 WRAP START 
	==================================
*/
.city_news2_text,
.city_news2_fig,
.city_news2_wrap{
	float:left;
	width:100%;
}
.city_news2_wrap{
	padding:100px 0px;
}
.city_news2_fig .overlay:before{
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #df193a);
	opacity:0.95;
	z-index:1;
}
.city_news2_fig:hover .overlay:before{
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) -100%, #14284b);
	opacity:1;
}
.city_news2_text{
	position:absolute;
	bottom:-140px;
	left:0px;
	right:0px;
	padding:0px 25px 30px;
	z-index:1;
}
.city_news2_fig:hover .city_news2_text{
	bottom:60px;
}
.city_news2_text h5{
	color:#fff;
	font-weight:600;
	margin-bottom:19px;
}
.city_news2_text p{
	color:#fff;
	margin-bottom:45px;
	opacity:0;
}
.city_news2_text .theam_btn{
	color:#fff;
	opacity:0;
}
.city_news2_fig:hover .city_blog_social.social2 .social_icon,
.city_news2_fig:hover .city_news2_text p,
.city_news2_fig:hover .city_news2_text .theam_btn{
	opacity:1;
}
.city_blog_social.social2{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	padding:16px 25px 18px;
	float:left;
	width:100%;
	border-top:1px solid rgba(255,255,255,0.5);
	z-index:1;
}
.city_blog_social.social2 > a{
	display:inline-block;
	font-size:15px;
	color:#fff;
}
.city_blog_social.social2 .city_blog_icon_list{
	padding:0px 0px;
}
.city_blog_social.social2 .social_icon{
	display:block;
	padding:2px 0px;
	opacity:0;
}
.city_blog_social.social2 .social_icon li a{
	color:#fff;
}
.city_blog_social.social2 .share_icon{
	font-size:24px;
	color:#fff;
}
/*
	==================================
		CITY NEWS2 WRAP END 
	==================================
*/

/*
	===============================================================
					SERVICE  DETAIL PAGE START
	===============================================================
*/

/*
	==================================
		CITY HEALTH WRAP START 
	==================================
*/
.city_health_fig,
.city_health_text,
.city_health_wrap{
	float:left;
	width:100%;
}
.city_health_wrap{
	padding:120px 0px;
}
.city_health_text h2{
	font-weight:bold;
	margin-bottom:15px;
}
.city_health_text h2 span{
	display:block;
}
.city_health_text p{
	margin:0px 0px;
	padding:0px 17px 0px 0px;
}
.city_health_fig{
	position:relative;
}
.city_health_fig:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width:179px 155px 42px 0px;
	border-color: #fff transparent transparent transparent;
	z-index:2;
}
.city_health_fig:after{
	position: absolute;
	content: "";
	top: 91px;
	left: 10px;
	right: 0px;
	bottom: 0px;
	border-left: 2px dotted;
	height: 350px;
	z-index: 3;
	transform: rotate(41deg);
	-moz-transform: rotate(41deg);
	-webkit-transform: rotate(41deg);
}
/*
	==================================
		CITY HEALTH WRAP END 
	==================================
*/
/*
	======================================
		CITY SERVICE DETAIL WRAP START 
	======================================
*/
.city_department2_fig,
.city_department_list ul li,
.city_department_list ul,
.city_department_list,
.city_service_tabs_list,
.city_service_tabs_text,
.city_service_detail_wrap{
	float:left;
	width:100%;
}
.city_service_detail_wrap{
	padding:0px 0px 100px 0px;
}
.city_service_tabs_text{
	padding:23px 0px 33px;
	border-bottom:1px solid #d5d5d5;
}
.city_service_tabs_text h3{
	font-weight:bold;
	margin:0px 0px 18px 0px;
}
.city_service_tabs_text p{
	margin-bottom:20px;
	line-height: 24px;
}
.city_service_tabs_text p:last-child{
	margin-bottom:0px;
}
.city_service_tabs_text h5{
	font-weight:bold;
	margin:0px 0px 20px 0px;
}

/*city department list START*/
.city_department_list{
	margin-bottom:40px;
}
.city_department_list ul li{
	padding:40px 0px;
	border-bottom:1px solid #d5d5d5;
}
.city_department2_fig figure{
	width:44%;
}
.city_department2_text{
	overflow:hidden;
	padding:18px 0px 18px 30px;
	float:left;
	width:56%;
}
.city_department2_text h5{
	font-weight:bold;
	margin-bottom:12px;
}
.city_department2_text p{
	margin:0px;
}
.city_department2_text.text2{
	padding:18px 30px 18px 0px;
}
/*city emergency call start*/
.city_emergency_info,
.city_emergency_call ul,
.city_emergency_call{
	float:left;
	width:100%;
}
.city_emergency_info{
	padding-bottom:40px;
	border-bottom:1px solid #e3e3e3;
}
.city_emergency_call{
	padding:3px 3px;
	background-color:#e1e1e1;
}
.city_emergency_call h5{
	font-weight:bold;
	margin:0px 0px;
	padding:15px 30px 18px;
}
.city_emergency_call ul{
	background-color:#fff;
}
.city_emergency_call ul li{
	float:left;
	width:30%;
	border-bottom:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
}
.city_emergency_call ul li:last-child{
	border-bottom:none;
}
.city_emergency_call ul li:nth-child(odd){
	width:70%;
}
.city_emergency_call ul li a{
	display:block;
	padding:14px 25px;
	font-size:15px;
}
/*city emergency slider start*/
.emergency_service_item,
.emergency_service,
.city_emergency_slide_fig,
.city_emergency_slide_text,
.service_title,
.city_emergency_slider{
	float:left;
	width:100%;
}
.city_emergency_slider{
	padding:33px 0px 40px;
	border-bottom:1px solid #eaeaea;
}
.service_title{
	margin-bottom:28px;
	font-weight:bold;
}
.city_emergency_slide_text{
	padding:19px 0px 0px 0px;
}
.city_emergency_slide_text h5{
	font-weight:bold;
	margin:0px 0px 10px 0px;
}
.city_emergency_slide_text p{
	margin:0px 0px;
}
.emergency_service{
	padding:23px 30px;
	border:1px solid #e1e1e1;
	margin-bottom:30px;
}
.emergency_service_item{
	margin-bottom:18px;
}
.emergency_service_item span{
	float:left;
	font-size:45px;
	line-height:35px;
}
.emergency_service_item h4{
	margin:0px 0px;
	font-weight:bold;
	padding:6px 0px 5px 20px;
	float:left;
}
.emergency_service > p{
	margin:0px 0px;
}
.margin-0{
	margin-bottom:0px;
}
/*slick slider*/
.city_emergency_slider .slick-slide{
	padding:0px 15px;
}
.city_emergency_slider .slick-prev,
.city_emergency_slider .slick-next{
	top:-45px;
}

/*
	======================================
		CITY SERVICE DETAIL WRAP END 
	======================================
*/


/*
	===============================================================
				 GOVERMENT GIRD START
	===============================================================
*/
/*
	======================================
		CITY BLOG WRAPER START
	======================================
*/
.city_blog_grid_text,
.city_blog_grid,
.city_blog_wraper{
	float:left;
	width:100%;
}
.city_blog_wraper{
	padding:100px 0px;
}
.city_blog_grid{
	padding:12px 12px 15px;
	border:8px solid #f2f2f2;
	margin-bottom:30px;
}
.city_blog_grid_text span{
	display:inline-block;
	height:64px;
	width:64px;
	line-height:64px;
	text-align:center;
	border:3px solid #fff;
	border-radius:100%;
	font-size:30px;
	color:#fff;
	margin:-30px 0px 20px 10px;
	z-index: 2;
	position: relative;
}
.city_blog_grid_text h5{
	font-weight:bold;
	margin:0px 0px 10px 0px;
}
.city_blog_grid_text p{
	margin-bottom:18px;
}
.city_blog_grid_text a{
	font-weight:bold;
	display:inline-block;
	color:#333;
}
.city_blog_grid_text a i{
	margin-left:10px;
}
/*
	======================================
		CITY BLOG WRAPER END
	======================================
*/
/*
	======================================
		PAGINATION START
	======================================
*/
.pagination ul,
.pagination{
	float:left;
	width:100%;
}
.pagination{
	margin:50px 0px 0px 0px;
}
.pagination ul{
	text-align:center;
}
.pagination ul li{
	float:none;
	display:inline-block;
	margin-right:10px;
}
.pagination ul li:last-child{
	margin-right:0px;
}
.pagination ul li a{
	height:60px;
	width:60px;
	text-align:center;
	line-height:60px;
	background-color:#f2f2f2;
	display:inline-block;
	color:#333333;
	font-size:15px;
}
.pagination ul li a:hover{
	color:#fff;
}
/*
	======================================
		PAGINATION END
	======================================
*/


/*
	===============================================================
				 GOVERMENT GIRD START
	===============================================================
*/

/*
	======================================
		GOVERMENT PAGE START
	======================================
*/
.city_department_wrap.goverment{
	background-image:none;
	padding:100px 0px;
}
.city_department_wrap.goverment .width_control{
	width:100%;
	padding:0px 0px;
}
.city_service2_btn.btn2{
	margin-top: 25px;
}
.city_service2_btn.btn2 .theam_btn{
	color:#fff;
}
/*
	======================================
		GOVERMENT PAGE END
	======================================
*/
/*
	===============================================================
				 BUSINESS GIRD START
	===============================================================
*/

/*
	========================================
		CITY SERVICES2 LIST BUSINESS START 
	========================================
*/
.see_more_btn,
.city_busine_detail li,
.city_busine_detail,
.city_business_list,
.city_business_fig,
.city_service2_list.business{
	float:left;
	width:100%;
}
.city_business_fig{
	margin-bottom:30px;
}
.city_business_fig figure:after{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	border-bottom:3px solid;
	width:290px;
	margin:auto;
}
.city_business_fig:hover .overlay:before{
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0) -54%, #14284b);
	z-index:1;
	opacity:0.98;
}
.city_business_fig .city_service2_list{
	margin-top: -24px;
}
.city_business_fig .city_service2_list span{
	height:46px;
	width:46px;
	text-align:center;
	line-height:46px;
	font-size:24px;
	color:#fff;
	border:none;
}
.city_business_fig .city_service2_caption{
	padding:10px 0px 10px 20px;
}
.city_business_fig .city_service2_caption h5{
	color:#fff;
	margin:0px 0px;
}
.city_business_list{
	border:1px dotted #e1e1e1;
}
.city_busine_detail{
	padding:30px 40px;
}
.city_busine_detail li{
	border-bottom:1px solid #e1e1e1;
}
.city_busine_detail li:first-child{
	border-top:1px solid #e1e1e1;
}
.city_busine_detail li a{
	display:block;
	font-size:15px;
	padding:12px 0px 10px;
}
.city_busine_detail li a i{
	margin-right:20px;
	font-size: 18px;
}
.city_business_list .see_more_btn{
	color:#666666;
	font-weight:normal;
	padding:20px 40px;
}

/*
	========================================
		CITY SERVICES2 LIST BUSINESS END 
	========================================
*/

/*
	========================================
		CITY VISIT WRAP START 
	========================================
*/
.city_visit_text,
.city_visit_fig,
.city_visit_wrap{
	float:left;
	width:100%;
}
.city_visit_wrap .col-md-6{
	padding:0px 0px;
}
.city_visit_text{
	padding:80px 0px 80px 100px;
	border:1px solid #e1e1e1;
	border-left:none;
}
.city_visit_text h3{
	margin:0px 0px;
	font-weight:bold;
	margin-bottom:4px;
}
.city_visit_text h3:nth-child(2){
	margin-bottom:20px;
}
.city_visit_text p{
	margin-bottom:18px;
}
.city_visit_text p i{
	font-style:normal;
}
.city_visit_text p:nth-child(4){
	margin-bottom:34px;
}
.city_visit_text.text2{
	padding:80px 100px 80px 0px;
	text-align:right;
}
.city_visit_text .theam_btn{
	color:#fff;
}
/*
	========================================
		CITY VISIT WRAP END 
	========================================
*/

/*
	===============================================================
				 EVENR PAGE START
	===============================================================
*/

/*
	========================================
		CITY EVENT2 WRAP START 
	========================================
*/
.city_event2_text ul li,
.city_event2_text ul,
.city_event2_text,
.city_event2_list,
.city_event2_fig,
.city_event2_wrap{
	float:left;
	width:100%;
}
.city_event2_wrap{
	background-color:#e7e7e7;
	padding:100px 0px;
}
.city_event2_fig{
	margin-bottom:55px;
}
.city_event2_fig:hover{
	box-shadow:0px 5px 20px -14px;
}
.city_event2_list{
	position:relative;
	padding:40px 25px 63px 30px;
	background-color:#fff;
}
.city_event2_date{
	height:75px;
	width:80px;
	text-align:center;
	padding:16px 0px;
	position:absolute;
	top:-45px;
	z-index:2;
	right:30px;
}
.city_event2_date strong{
	display:block;
	font-size:22px;
	color:#fff;
	line-height:22px;
}
.city_event2_date span{
	display:block;
	color:#fff;
}
.city_event2_text span{
	display:block;
	font-size:15px;
	margin-bottom:5px;
}
.city_event2_text h4{
	font-weight:bold;
}
.city_event2_text ul{
	position:relative;
	z-index:2;
}
.requst02:before{
	position:absolute;
	content:"";
	top:-6px;
	left:2px;
	right:0px;
	bottom:0px;
	height:100px;
	width:100px;
	border-radius:100%;
	background-color:#ececec;
	z-index:-1;
}
.city_event2_text ul li{
	margin-bottom:12px;
}
.city_event2_text ul li:last-child{
	margin-bottom:0px;
}
.city_event2_text ul li a{
	display:block;
	font-size:15px;
	color:#999999;
}
.city_event2_text ul li a i{
	margin-right:8px;
}
.city_event2_list .theam_btn.btn2{
	position:absolute;
	bottom:-25px;
	left:0px;
	right:0px;
	margin:auto;
	width:240px;
	text-align:center;
	padding:13px 0px 12px;
}
.requst02{
	position:relative;
}
.requst02:before{
	width:100%;
	height:150px;
	background-color:#e7e7e7;
	border-radius:0px;
	top:0px;
	left:0px;
}

/*
	========================================
		CITY EVENT2 WRAP END 
	========================================
*/

/*
	========================================
		CITY HEALTH SERVICE2 START 
	========================================
*/
.city_health_list,
.city_health_service2{
	float:left;
	width:100%;
}
.city_health_service2{
	border:2px solid #d7d7d7;
	margin-bottom:30px;
}
.city_health_service2:hover{
	box-shadow:0px 0px 14px 2px #d1d1d1;
}
.city_health_list{
	padding:30px 15px 25px 15px;
}
.city_health_list > span{
	height:75px;
	width:75px;
	text-align:center;
	line-height:75px;
	border-radius:100%;
	margin-bottom:15px;
	display:inline-block;
	color:#fff;
	font-size:34px;
	background-image:url("images/event2-bg.png");
	background-repeat:no-repeat;
	background-size:cover;
	z-index:2;
}
.city_health_list > span.overlay:before{
	border-radius:100%;
	z-index:-1;
	background-color:#313131;
	opacity:1;
}
.city_health_service2:hover .city_health_list > .overlay:before{
	opacity:0.85;
}
.city_health_list h5{
	font-weight:bold;
	margin-bottom:10px;
}
.city_health_list h5 span{
	display:block;
}
.city_health_list p{
	margin-bottom:0px;
}
.city_health_service2 .see_more_btn{
	padding:20px 15px;
	color:#666;
}
.city_health_service2:hover .see_more_btn{
	color:#fff;
}
/*
	========================================
		CITY HEALTH SERVICE2 END 
	========================================
*/

/*
	===============================================================
				 EVENR FULL PAGE START
	===============================================================
*/

/*
	========================================
		CITY FULL EVENT START 
	========================================
*/
.city_meta_list,
.city_full_event_list,
.city_full_event > ul > li,
.city_full_event > ul,
.city_full_event{
	float:left;
	width:100%;
}
.city_full_event > ul{
	margin-bottom:10px;
}
.city_full_event > ul > li{
	margin-bottom:30px;
	z-index:1;
}
.city_full_event > ul > li:last-child{
	margin-bottom:0px;
}
.city_full_event_list.overlay:before{
	opacity:1;
	background-color:#fff;
}
.city_full_event_list:hover.overlay:before{
	opacity:0.8;
	background-color:#333;
}
.city_full_event_list{
	padding:30px 30px 26px;
	border:3px solid #d7d7d7;
	background-image:url("images/event-full-bg.png");
	background-repeat:no-repeat;
	background-size:cover;
}
.city_meta_list li,
.city_event2_meeting,
.city_event2_calender ul li,
.city_event2_calender ul,
.city_event2_calender{
	float:left;
	width:auto;
	position:relative;
	z-index:2;
}
.city_event2_calender{
	background-color:#fff;
	border:3px solid #d7d7d7;
	margin:12px 40px 12px 0px;
}
.city_event2_calender ul li{
	height:75px;
	width:75px;
	text-align:center;
	padding:16px 0px 15px;
	border-right:6px solid #d7d7d7;
}
.city_event2_calender ul li:last-child{
	border-right:none;
}
.city_event2_calender ul li h4{
	margin:0px 0px 0px 0px;
	color:#b6b6b6;
	line-height: 24px;
	font-weight:600;
}
.city_full_event_list:hover .city_event2_meeting p,
.city_full_event_list:hover .city_meta_list li a,
.city_full_event_list:hover .city_event2_meeting h4{
	color:#fff;
}
.city_full_event_list:hover .city_event2_calender ul li p,
.city_full_event_list:hover .city_event2_calender ul li h4{
	color:#333333;
}
.city_event2_calender ul li p{
	margin:0px 0px;
	color:#b6b6b6;
}
.city_event2_meeting{
	padding-left:40px;
	border-left:1px solid #d7d7d7;
}
.city_event2_meeting h4{
	font-weight:bold;
	margin:0px 0px 17px 0px;
	line-height: 21px;
}
.city_meta_list{
	margin-bottom:8px;
}
.city_meta_list li{
	margin-right:28px;
}
.city_meta_list li:last-child{
	margin-right:0px;
}
.city_meta_list li a{
	display:inline-block;
	font-size:15px;
}
.city_meta_list li a i{
	margin-right:10px;
}
.city_event2_meeting p{
	margin:0px 0px 0px 0px;
	line-height: 20px;
}
.city_event2_meeting p span{
	display:block;
}
.city_full_event_list .theam_btn.btn2{
	float:right;
	background-color:#333333;
	padding:12px 38px;
	margin:27px 0px;
	position:relative;
	z-index:2;
}


/*
	===============================================================
				 EVENR LISTING PAGE START
	===============================================================
*/
.city_event2_year,
.city_event2_row > ul,
.city_event2_row{
	float:left;
	width:100%;
}
.city_event2_row{
	margin-bottom:60px;
}
.city_event2_row > ul{
	border-bottom:1px solid #d4d4d4;
}
.city_event2_row > ul > li{
	float:left;
	width:28%;
	border-right:1px solid #d4d4d4;
	padding:38px 28px;
	background-color:#fff;
}
.city_event2_row > ul > li:last-child{
	width:44%;
	border-right:none;
	padding:30px 28px;
}
.city_event2_year > .small{
	display:block;
	font-size:15px;
	color:#999999;
}
.city_event2_year .nice-select.small{
	padding:0px 0px;
	border:none;
	width:100%;
	height:auto;
}
.city_event2_year .nice-select:after{
	height:7px;
	width:7px;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
}
.city_event2_year .list{
	width:100%;
	background-color:#fff;
	padding:10px 0px 0px;
	border-bottom:2px solid;
}
.city_event2_year .list li{
	padding:8px 20px;
	display:block;
}
.city_event2_year .list li:hover,
.city_event2_year .list li.option.selected.focus{
	color:#fff;
}
.city_event2_year > a > i{
	float:right;
}
.city_event2_year .sidebar_search{
	float:left;
	width:auto;
	margin-right:25px;
}
.city_event2_year .sidebar_search input{
	width:250px;
	background-color:#e7e7e7;
	height:36px;
	border:none;
	padding:10px 25px;
}
.city_event2_year .sidebar_search input:focus{
	background:none;
	box-shadow:0px 0px 5px 1px #ddd;
}
.city_event2_year .sidebar_search button{
	top:8px;
}
.event2_menu_list{
	float:right;
	width:auto;
	padding: 9px 0px 4px;
}
.event2_menu_list a{
	display:inline-block;
	font-size:15px;
	color:#999;
	margin-right:6px;
}
.event2_menu_list a:last-child{
	margin-right:0px;
}
/*
	========================================
		CITY EVENT2 LIST2 START 
	========================================
*/
.city_event2_list2_row,
.city_event2_list2 > ul > li,
.city_event2_list2 > ul,
.city_event2_list2{
	float:left;
	width:100%;
}
.city_event2_list2 > ul > li{
	margin-bottom:40px;
}
.city_event2_list2 > ul > li:last-child{
	
}
.city_event2_list2_row{
	position:relative;
}
.city_event2_list2_fig{
	position:absolute;
	top:23px;
	left:0px;
}
.city_event2_list2_fig figure{
	border-right:7px solid #333333;
}
.city_event2_list2_fig .event_categories_date{
	position:absolute;
	top:0px;
	right:0px;
}
.city_event2_list2_row:hover .event_categories_date:before{
	border-color:transparent transparent transparent #d21535;
}
.city_blog_text.event2{
	overflow:hidden;
	width:750px;
	background-color:#fff;
	padding:25px 20px 30px 200px;
	float: right;
}
.city_blog_text.event2 .social_icon,
.city_blog_text.event2 > p{
	display:block;
}
.city_blog_text.event2 span:before{
	border:none;
}
.city_blog_text.event2 h4{
	margin-bottom:6px;
}
.city_blog_text.event2 .city_meta_list{
	padding-bottom:17px;
	border-bottom:1px solid #dadada;
	position:relative;
	z-index:1;
	margin-bottom:16px;
}
.city_blog_text.event2 .city_meta_list:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:2px;
	border-bottom:1px solid #dadada;
	z-index:-1;
}
.city_blog_text.event2 .theam_btn{
	background-color:#333333;
}
/*
	========================================
		CITY EVENT2 LIST2 END 
	========================================
*/

/*
	===============================================================
				  EVENT DETAIL PAGE START
	===============================================================
*/
/*
	========================================
		CITY EVENT DETAIL START 
	========================================
*/
.event_detail_text p,
.event_heading,
.event_detail_text,
.city_event_detail{
	float:left;
	width:100%;
}
.city_event_detail{
	padding:30px 30px 24px;
	background-color:#fff;
	margin-bottom:30px;
}
.event_detail_text figure{
	margin-bottom:38px;
}
.event_detail_text p{
	margin-bottom:25px;
}
.event_detail_text p:nth-child(4){
	margin-bottom:10px;
}
/*event detail counter start*/
.event_counter_list.countdown,
.event_counter_list,
.event_detail_counter{
	float:left;
	width:100%;
}
.event_detail_counter{
	padding-bottom:25px;
	border-bottom:1px solid #cdcdcd;
}
.event_counter_list{
	background-image:url("images/event-counter-bg.png");
	background-repeat:no-repeat;
	background-size:cover;
	padding:30px 0px;
	margin:10px 0px 25px 0px;
}
.event_counter_list .countdown{
	text-align:center;
	position:relative;
	z-index:2;
}
.event_counter_list .countdown li{
	display:inline-block;
	width:80px;
	text-align:center;
	margin-right:60px;
	position:relative;
}
.event_counter_list .countdown li:before{
	position:absolute;
	content:":";
	top: 14px;
	left: auto;
	right: -34px;
	bottom: 0px;
	font-size:35px;
}
.event_counter_list .countdown li:last-child:before{
	content:"";
}
.event_counter_list .countdown li:last-child{
	margin:0px 0px;
}
.event_counter_list .countdown li h3{
	color:#fff;
	margin:0px 0px 0px 0px;
	font-weight:500;
	padding:8px 0px;
	border-bottom:1px solid #e7536b;
}
.event_counter_list .countdown li p{
	margin:0px 0px;
	color:#fff;
	background-color:#000000;
	font-weight:500;
	padding:4px 0px;
	text-transform:capitalize;
}
.event_detail_counter > p{
	margin:0px 0px;
}
/*city health2 text team start*/
.city_health2_text.team{
	padding:36px 0px 20px;
	margin-bottom:0px;
	border-bottom:1px solid #e1e1e1;
}
.city_health2_text.team .slick-slide{
	padding:0px 15px;
}
.city_health2_text.team .city-health2-slider2{
	margin-top:10px;
}
.city_health2_text.team .slick-prev, 
.city_health2_text.team .slick-next{
	top:-38px;
}
/*city event meta*/
.city_event_meta{
	float:left;
	width:100%;
}
.city_event_meta{
	padding:20px 0px 0px;
}
.city_event_meta .city_top_social span,
.city_event_tags{
	float:left;
	width:auto;
}
.city_event_tags{
	padding:7px 0px;
}
.city_event_tags span{
	display:inline-block;
	margin-right:10px;
	font-size:15px;
}
.city_event_tags span:last-child{
	margin-right:0px;
}
.city_event_tags span a{
	display:inline-block;
	margin-right:10px;
}
.city_event_meta .city_top_social span{
	display:inline-block;
	margin-right:20px;
	padding:8px 0px;
}
.city_event_meta .city_top_social{
	float:right;
	width:auto;
	padding:0px 0px;
}
/*event booking form START*/
.event_booking_area,
.event_booking_field,
.event_booking_form{
	float:left;
	width:100%;
}
.event_booking_field{
	margin-bottom:20px;
}
.event_booking_field input{
	border:1px solid #cccccc;
}
.event_booking_area textarea{
	border:1px solid #cccccc;
	height:147px;
}
.event_booking_area{
	margin-bottom:30px;
}
.event_booking_field .nice-select.small{
	width:100%;
	border:1px solid #cccccc;
	border-radius:0px 0px;
	padding:12px 15px;
	height:48px;
}
.event_booking_field .nice-select:after {
	width:7px;	
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
	height:7px;	
}
.list{
	width:100%;
	background-color:#fff;
	padding:10px 0px 0px 0px;
}
.list li{
	padding:10px 20px;
}
.list li.option.selected.focus,
.list li:hover{
	color:#fff;
}
/*event grid list start*/
.event_btn_center,
.event_grid_list{
	float:left;
	width:100%;
}
.event_grid_list .event_categories_list{
	padding:30px 30px;
	background-image:url("images/event-grid-bg.png");
	background-repeat:no-repeat;
	background-size:cover;
}
.event_grid_list .event_categories_text{
	position:relative;
	z-index:1;
}
.event_grid_list .event_categories_date{
	height:80px;
}
.event_grid_list .event_categories_date:before {
	border-width: 80px 0 0 81px;
}
.event_grid_list .event_categories_text h4{
	font-weight:bold;
	color:#fff;
	line-height:27px;
	margin:0px 0px 3px;
}
.event_grid_list .event_categories_text h4 span{
	margin-bottom: 2px;
	display: block;
}
.event_grid_list .event_categories_text a{
	color:#fff;
}
.event_categories_list.overlay:before{
	background: -moz-linear-gradient(to left, rgba(0, 0, 0, 0) -12%, #df193a);
	opacity:0.95;
}
.event_categories_list:hover.overlay:before{
	background: -moz-linear-gradient(to left, rgba(0, 0, 0, 0) -12%, #14284b);
}
.event_btn_center{
	text-align:center;
}
.event_btn_center .theam_btn.btn2{
	padding:8px 18px;
	font-size:15px;
}
.event_grid_list.margin-bottom{
	margin-bottom:30px !important;
}
/*
	========================================
		CITY EVENT DETAIL END 
	========================================
*/

/*
	===============================================================
				 HEALTH DEPARTMENT PAGE START
	===============================================================
*/

/*
	========================================
		CITY HEALTH DEPARTMENT START 
	========================================
*/
.city_health2_service,
.city_health2_text,
.city_health2_row,
.city_health2_fig,
.city_health_department{
	float:left;
	width:100%;
}
.city_health_department{
	padding:100px 0px;
}
.city_health2_text,
.city_health2_fig{
	margin-bottom:40px;
}
.city_health2_text > p{
	margin-bottom: 34px;
	margin-top: 4px;
	float: left;
	width: 100%;
}
.city_health2_service{
	padding-bottom:25px;
	border-bottom:1px solid #d5d5d5;
}
.city_health2_service:hover{
	margin-top:-5px;
}
.city_health2_service span{
	display:block;
	font-size:40px;
	line-height:35px;
	margin-bottom:15px;
}
.city_health2_service h5{
	font-weight:bold;
	margin:0px 0px 14px 0px;
}
.city_health2_service h5 a{
	font-weight:bold;
	color:#666666;
}
.city_health2_service p{
	margin:0px 0px 25px 0px;
}
.city_health2_service a{
	display:inline-block;
	font-weight:600;
	color:#333333;
}
.city_health2_service a i{
	margin-left:8px;
}
.city_health2_text.text2{
	border-bottom:1px solid #d5d5d5;
	padding-bottom:30px;
}
.city_health2_text .city_project_fig{
	margin-bottom:30px;
	float:left;
	width:100%;
}
.city_health2_text .city_project_fig:hover{
	box-shadow:0px 4px 14px 2px #969696;
}
.section_heading.margin30{
	margin-bottom:35px;
}
.city_health2_text .city_project_text{
	margin-top: -100px;
}
/*city local link start*/
.city_local_link{
	float:left;
	width:100%;
	margin-bottom:4px;
}
.city_local_link li{
	float:left;
	width:50%;
	margin-bottom:8px;
}
.city_local_link li a{
	display:block;
	padding:0px 0px 0px 25px;
	font-size:15px;
	position:relative;
	z-index:1;
}
.city_local_link li a:before{
	position:absolute;
	content:"\f0a9";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:-1;
	font-family:fontAwesome;
}
/*city senior team start*/
.city_senior_team_text,
.city_senior_team{
	float:left;
	width:100%;
}
.city_senior_team{
	margin-bottom:30px;
}
.city_senior_team figure{
	border-bottom:2px solid;
}
.city_senior_team_text{
	text-align:center;
	padding:15px 0px;
	border:1px solid #e1e1e1;
	border-top:none;
	background-color:#fff;
}
.city_senior_team_text span{
	display:block;
	margin-bottom:1px;
	font-size:15px;
}
.city_senior_team_text h5{
	margin:0px 0px 4px 0px;
}
.city_senior_team_text a{
	display:block;
	font-size:15px;
}
.city_health2_text  .section_heading h2{
	font-weight:600;
	font-size: 30px;
}

/*----- Accordion start -----*/
.accordion,
.accordion * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	border:1px dotted #d7d7d7;
}

/*----- Section Titles -----*/
.accordion-section-title {
	width:100%;
	padding:13px 20px;
	display:block;
	background-color:#ededed;
	border-bottom:1px dotted #d7d7d7;
	font-size:15px;
	position:relative;
}
.accordion-section-title:before{
	position:absolute;
	content:"+";
	top:10px;
	left:auto;
	right:22px;
	bottom:0px;
	font-size: 20px;
}
.accordion-section-title.active{
	color:#fff;
}
.accordion-section-title.active:before{
	content:"-";
}
.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}

/*----- Section Content -----*/
.accordion-section-content {
	padding:20px 15px;
	display:none;
}
.accordion-section-content figure{
	width:auto;
}
.acoordian_text{
	overflow:hidden;
	padding:10px 0px 10px 20px;
}
.acoordian_text p{
	margin:0px 0px;
}
/*----- Accordion end -----*/
/*
	========================================
		CITY HEALTH DEPARTMENT END 
	========================================
*/

/*
	===============================================================
				 HEALTH DEPARTMENT02 PAGE START
	===============================================================
*/
.city_about_fig.fig2{
	padding:0px 20px 0px 0px;
}
.city_about_list.list2{
	padding:0px 0px 0px 20px;
}
.city_about_list.list2 .city_about_link{
	margin-bottom:35px;
}
.city_about_list.list2 .city_about_text{
	margin-bottom:30px;
}
.city_about_list.list2 .theam_btn{
	color:#fff;
}
.city_about_list.list2 .border:after, 
.city_about_list.list2 .border:before{
	width: 40px;
}
/* city health2 wrap start*/
.city_health2_service.list p,
.city_health2_wrap{
	float:left;
	width:100%;
}
.city_health2_service.list{
	padding:0px 0px 65px 0px;
	border:none;
}
.city_health2_service.list span{
	display:inline-block;
	float:left;
	font-size:55px;
	line-height:45px;
}
.city_health2_service.list h5{
	overflow:hidden;
	padding:14px 0px 13px 20px;
	margin:0px 0px;
}
.city_health2_service.list p{
	margin-bottom:22px;
}
.city_health2_service.list a{
	float:left;
}
/*
	========================================
		CITY TREATMENT WRAP START 
	========================================
*/
.city_treatment_fig,
.city_treatment_wrap{
	float:left;
	width:100%;
}
.city_treatment_wrap{
	position:relative;
	z-index:1;
	padding-bottom:80px;
}
.city_treatment_wrap:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	height:110px;
	background-color:#fff;
	z-index:-1;
}
.city_treatment_fig{
	margin-bottom:40px;
}
.city_treatment_text{
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	text-align:center;
	z-index:2;
	margin-top:-60px;
}
.city_treatment_text .paly_btn{
	position:static;
	height:72px;
	width:72px;
	line-height:72px;
	border-radius:100%;
	display:inline-block;
	text-align:center;
	font-size:26px;
	margin-bottom:30px;
}
.city_treatment_text h4{
	margin:0px 0px 4px;
	color:#fff;
}
.city_treatment_text h5{
	margin:0px 0px;
	color:#fff;
}
.city_treatment_list a{
	float:left;
	width:23%;
	margin-right:30px;
}
.city_treatment_list a:last-child{
	margin-right:0px;
}
.city_treatment_list a img{
	width:100%;
}
.city_treatment_list .overlay:before{
	opacity:0;
	background-color:#444444;
}
.city_treatment_list a.active.overlay:before{
	opacity:0.8;
} 
.city_treatment_fig .overlay:before{
	opacity:0.7;
	background-color:#444444;
}
.city_treatment_wrap .bxslider.bx-pager{
	padding:0px 0px;
}
.city_treatment_wrap .bx-viewport{
	margin:0px 0px;
}
.city_treatment_wrap .bx-wrapper{
	margin:0px 0px 30px;
}
.city_treatment_wrap .bx-controls-direction{
	display:none;
}
.city_treatment_wrap .bx-wrapper .bx-viewport{
	background:none;
}
/*
	========================================
		CITY TREATMENT WRAP END 
	========================================
*/

/*
	========================================
		CITY HEALTH TEXT WRAP START 
	========================================
*/
.city_health2_text.wrap{
	background-color:#e9e9e9;
	padding:100px 0px 70px;
	margin:0px 0px;
}
.city_health2_text.wrap .slick-slide{
	padding:0px 15px;
}
/*
	========================================
		CITY HEALTH TEXT WRAP END 
	========================================
*/

/*
	========================================
		CITY SPECIAL2 DREAM START 
	========================================
*/
.city_special2_text,
.city_special2_dream{
	float:left;
	width:100%;
}
.city_special2_dream{
	padding:57px 0px 60px; 
}
.city_special2_text{
	text-align:center;
}
.city_special2_text h3{
	margin:0px 0px 3px 0px;
	color:#fff;
}	
.city_special2_text h2{
	color:#fff;
	margin:0px 0px 8px;
	line-height:34px;
}
.city_special2_text h3:nth-child(3){
	margin-bottom:25px;
}
/*
	========================================
		CITY SPECIAL2 DREAM END 
	========================================
*/


/*
	=================================================================
				 BLOG PAGE START
	=================================================================
*/
/*
	========================================
		CITY BLOG2 WRAP START 
	========================================
*/
.city_blog2_text,
.city_blog2_list,
.city_blog2_fig,
.city_blog2_wrap{
	float:left;
	width:100%;
}
.city_blog2_wrap{
	padding:100px 0px;
	background-color:#e7e7e7;
}
.city_blog2_fig{
	margin-bottom:30px;
}
.city_blog2_fig .overlay:before{
	top:100%;
	opacity:0;
}
.city_blog2_fig:hover .overlay:before{
	opacity:0.4;
	top:0%;
	z-index:1;
}
.city_blog2_list{
	background-color:#fff;
}
.city_blog2_list .city_meta_list{
	padding:17px 0px;
	border-bottom:1px solid #dedede;
	margin-bottom:0px;
}
.city_blog2_list .city_meta_list li{
	margin:0px 0px;
	padding:0px 20px;
	border-right:1px solid #bdbdbd;
}
.city_blog2_list .city_meta_list li:last-child{
	border-right:none;
}
.city_blog2_list:hover .city_meta_list li a i,
.city_blog2_list:hover .city_meta_list li a{
	color:#fff;
}
.city_blog2_text{
	padding:15px 20px 0px;
	background-color:#fff;
	border:3px solid transparent;
	border-top:none;
}
.city_blog2_text h5{
	font-weight:600;
}
.city_blog2_text p{
	margin-bottom:24px;
}
.city_blog2_fig .paly_btn{
	font-size:14px;
	height:54px;
	width:54px;
	text-align:center;
	line-height:54px;
	border-radius:100%;
	border:2px solid #fff;
	margin:-50px auto;
	color:#fff;
	opacity:0;
}
.city_blog2_fig:hover .paly_btn{
	margin:-30px auto;
	opacity:1;
}
.city_blog2_met{
	position:absolute;
	top:30px;
	left:-60px;
	background-color:#fff;
	padding:5px 20px;
	z-index:1;
	font-size:12px;
	opacity:0;
}
.city_blog2_fig:hover .city_blog2_met{
	left:0px;
	opacity:1;
}
.city_blog2_met:after,
.city_blog2_met:before{
	position: absolute;
	content: "";
	top: 0px;
	left: auto;
	right: -4px;
	bottom: 0px;
	height: 15px;
	width: 19px;
	background-color: #fff;
	transform: skew(-32deg);
	z-index: -1;
}
.city_blog2_met:after{
	top:auto;
	transform: skew(29deg);
}
.city_blog2_fig .paly_btn:hover,
.city_blog2_fig:hover .city_blog2_met{
	color:#fff;
}
/*
	========================================
		CITY BLOG2 WRAP END 
	========================================
*/

/*
	=================================================================
				 BLOG LIST START
	=================================================================
*/
.city_blog2_fig.fig2 .city_blog2_met{
	opacity:1;
	left:0px;
}
.city_blog2_fig.fig2:hover .city_blog2_met{
	left:0px;
}
.city_blog2_fig.fig2 .city_blog2_list{
	padding:25px 30px 30px;
}
.city_blog2_fig.fig2 .city_blog2_text{
	padding:0px 0px;
	border:none;
}
.city_blog2_fig.fig2 .city_blog2_text h4{
	font-weight:600;
	margin-bottom:20px;
}
.city_blog2_fig.fig2 .city_blog2_text p{
	padding-bottom:24px;
	margin-bottom:30px;
	border-bottom:1px solid #cfcfcf;
}
.city_blog2_fig.fig2 .city_meta_list{
	float:left;
	width:auto;
	border-bottom:none;
	padding: 11px 0px;
}
.city_blog2_fig.fig2:hover .city_meta_list{
	background:none;
}
.city_blog2_fig.fig2 .city_meta_list li{
	border-right:none;
	padding: 0px 15px;
}
.city_blog2_fig.fig2 .city_meta_list li:first-child{
	padding-left:0px;
}
.city_blog2_fig.fig2:hover .city_meta_list li a{
	color:#666;
}
.city_blog2_fig.fig2 .theam_btn{
	float:right;
	color:#666;
	border-color:#666;
	text-transform:uppercase;
}
.city_blog2_fig.fig2 .theam_btn:hover{
	color:#fff;
}

/*
	=================================================================
				 BLOG LIST END
	=================================================================
*/

/*
	=================================================================
				 BLOG DETAIL START
	=================================================================
*/
.blog_detail_row{
	float:left;
	width:100%;
}
.blog_detail_row{
	background-color:#fff;
	padding:0px 30px;
}
.blog_detail_row .city_blog2_list{
	padding:27px 0px 0px 0px !important;
}
.city_blog2_fig.fig2.detail .city_blog2_met{
	color:#fff;
}
.city_blog2_fig.fig2.detail .city_blog2_met:after,
.city_blog2_fig.fig2.detail .city_blog2_met:before{
	z-index:1;
}
.blog_detail_row .city_meta_list li:first-child{
	padding-left:0px;
}
.city_blog2_fig.fig2.detail .city_blog2_text p{
	border-bottom:none;
	padding-bottom:0px;
}
.city_blog2_list > p{
	float:left;
}
/*blog detail process start*/
.detail_process_list,
.blog_process_detail,
.blog_detail_process{
	float:left;
	width:100%;
}
.blog_detail_process{
	padding:24px 0px 35px 0px;
	border-bottom:1px solid #d5d5d5;
}
.blog_process_detail{
	margin-bottom:36px;
}
.blog_process_detail figure{
	width:auto;
}
.blog_detail_process_text{
	overflow:hidden;
	padding:0px 0px 0px 25px;
}
.blog_detail_process_text h4{
	font-weight:500;
	margin:0px 0px 13px 0px;
}
.blog_detail_process_text p{
	margin:0px 0px 20px 0px;
}
.detail_process_list li{
	margin-bottom:10px;
}
.detail_process_list li:last-child{
	margin-bottom:0px;
}
.detail_process_list li a{
	display:block;
	padding-left:25px;
	position:relative;
	font-size:15px;
}
.detail_process_list li a:before{
	position:absolute;
	content:"";
	top:7px;
	left:0px;
	right:0px;
	bottom:0px;
	height:7px;
	width:7px;
	border-radius:100%;
	background-color:#4b4b4b;
}
.blog_detail_process > p{
	margin-bottom:0px;
	float:left;
}
.blog_detail_row .city_event_meta{
	padding:22px 0px;
}
.blog_detail_row .city_event_meta li a{
	background:none;
}
/*blog next post start*/
.blog_next_post ul,
.blog_next_post{
	float:left;
	width:100%;
}
.blog_next_post{
	border-top:1px solid #e7e7e7;
}
.blog_next_post ul li{
	float:left;
	width:50%;
}
.blog_next_post ul li a{
	text-align:center;
	display:block;
	padding:20px 0px;
	font-size:18px;
	background-color:#f8f7fd;
}
.blog_next_post ul li a:hover i,
.blog_next_post ul li a:hover{
	color:#fff;
}
.blog_next_post ul li a i{
	margin-right: 25px;
	margin-left: 25px;
	font-size: 24px;
	position: relative;
	top: 1px;
}
/*blog post author*/
.blog_post_author_text .city_top_social ul,
.blog_post_author_text .city_top_social,
.blog_post_author{
	float:left;
	width:100%;
}
.blog_post_author{
	padding:40px 20px 45px;
	background-color:#fff;
	margin-bottom:30px;
}
.blog_post_author figure{
	width:auto;
	border-radius:100%;
	margin:10px 0px;
}
.blog_post_author_text{
	padding-left:18px;
	overflow:hidden;
}
.blog_post_author_text h5{
	font-weight:600;
	margin:0px 0px 10px 0px;
}
.blog_post_author_text p{
	margin:0px 0px 18px;
}
.blog_post_author_text .city_top_social{
	padding:0px 0px;
}
.blog_post_author_text .city_top_social li a{
	background:none;
}
/*blog post slide start*/
.blog_post_slide_text,
.blog_post_slide_fig,
.blog_post_slide{
	float:left;
	width:100%;
}
.blog_post_slide{
	padding:30px 30px;
	background-color:#fff;
	margin-bottom:30px;
}
.blog_post_slide_text{
	padding:26px 25px;
}
.blog_post_slide_text h6{
	margin:0px 0px 0px 0px;
	font-weight:500;
}
.blog_post_slide .slick-slide{
	padding:0px 15px;
}
.blog_post_slide .sidebar_heading{
	margin-bottom:40px;
}
.blog_post_slide .slick-prev, 
.blog_post_slide .slick-next{
	top:-48px;
}
.blog_post_slide .slick-prev{
	 left:auto;
	 right:46px;
} 
.blog_post_slide .slick-next{
	right:0px;
	left:auto;
}
/*blog user comment row start*/
.blog_user_comment,
.blog_user_comment_row{
	float:left;
	width:100%;
}
.blog_user_comment_row{
	background-color:#fff;
}
.blog_user_comment{
	padding:35px 30px 45px;
	border-bottom:1px solid #dddddd;
}
.forum_replie_list li .chlid{
	padding-left:119px;
}
.forum_user_replay.border-none{
	border:none;
	padding-bottom:0px;
}
.blog_user_comment .sidebar_heading{
	margin-bottom:39px;
}
.blog_user_comment_row .event_booking_form{
	padding:35px 30px;
}
/*
	=================================================================
				 PROJECT PAGE START
	=================================================================
*/
.city_project_fig.fig2{
	float:left;
	width:100%;
}
.city_project_fig.fig2{
	margin-bottom:30px;
}
.city_project_fig.fig2 .city_project_text{
	margin-top:-100px;
}
.city_project_fig.fig2:hover .city_project_text{
	margin-top:-110px;
}
.city_project_fig.fig2 .city_project_text span{
	margin-bottom: 4px;
}
.city_project_fig.fig2 .city_project_text h4{
	font-weight:bold;
	margin:0px 0px;
	line-height:26px;
}
.city_project_fig.fig2 .city_project_text h4 a{
	color:#fff;
}
/*
	=================================================================
				 PROJECT PAGE END
	=================================================================
*/


/*
	=================================================================
				 PROJECT 02 PAGE START
	=================================================================
*/
.city_project02_fig{
	float:left;
	width:100%;
}
.city_project02_fig{
	margin-bottom:30px;
}
.city_project02_text{
	position:absolute;
	bottom:0px;
	left:40px;
	right:40px;
	background-color:#fff;
	padding:25px 20px 22px;
	z-index:2;
}
.city_project02_text span{
	float:left;
	width:auto;
	font-size:60px;
	line-height:35px;
}
.city_project02_text h5{
	overflow:hidden;
	padding-left:25px;
	font-weight:600;
	margin:0px 0px;
	line-height:21px;
}
/*
	=================================================================
				 PROJECT 02 PAGE END
	=================================================================
*/


/*
	=================================================================
				 PROJECT DETAIL PAGE START
	=================================================================
*/
.city_project_description,
.city_project_detail,
.city_project_img{
	float:left;
	width:100%;
}
.city_project_img{
	padding:10px 10px;
	background-color:#fff;
	margin-bottom:30px;
}
.city_project_detail{
	background-color:#fff;
	padding:0px 30px;
	margin-bottom:40px;
}
.project_title{
	font-weight:600;
	padding-left:24px;
	border-left:3px solid;
	line-height:24px;
	margin-bottom:23px;
}
.city_project_description{
	padding:34px 0px;
	border-bottom:1px solid #dcdcdc;
}
.city_project_description p{
	margin-bottom:0px;
}
.city_project_description .city_local_link{
	margin-top:26px;
	margin-bottom:0px;
}
.city_project_description .city_local_link li{
	margin-bottom:6px;
}
.city_project_description .city_local_link li a:before{
	content:"\f00c";
}
.city_project_wrap.detail{
	background-color:#fff;
	padding:25px 30px 30px;
}
.city_project_wrap.detail .project_title{
	margin-bottom:28px;
}
.city_project_wrap.detail .city_project_text{
	margin-top: -95px;
}
.city_project_wrap.detail .city_project_text h4{
	font-weight:bold;
	line-height:23px;
}
.city_project_wrap.detail .city_project_text h4 a{
	color:#fff;
}
.city_project_wrap.detail .city_project_text span{
	margin-bottom:8px;
}
/*
	=================================================================
				 PROJECT DETAIL PAGE END
	=================================================================
*/


/*
	=================================================================
				 TEAM PAGE START
	=================================================================
*/
.city_team_text,
.city_team_fig .city_top_social ul,
.city_team_fig{
	float:left;
	width:100%;
}
.city_blog2_wrap.team .col-md-4{
	padding:0px 0px;
}
.city_team_fig .city_top_social{
	position:absolute;
	bottom:20px;
	left:0px;
	right:0px;
	width:100%;
	float:left;
	text-align:center;
	padding:0px 0px;
	opacity:0;
	z-index:1;
}
.city_team_fig:hover .city_top_social{
	opacity:1;
	bottom:30px;
}
.city_team_fig .overlay:before{
	opacity:0;
	z-index:1;
}
.city_team_fig:hover .overlay:before{
	background:linear-gradient(to bottom, #df193a -132%, #14284b 66%);
	opacity:0.9;
}
.city_team_fig .city_top_social li{
	float:none;
	display:inline-block;
}
.city_team_fig .city_top_social li a{
	background:none;
	border-color:#fff;
}
.city_team_text{
	text-align:center;
	background-color:#fff;
	padding:24px 0px;
}
.city_team_text h4{
	margin-bottom:1px;
	font-weight:500;
}
.city_team_text p{
	margin-bottom:0px;
}
/*
	=================================================================
				 TEAM PAGE END
	=================================================================
*/

/*
	=================================================================
				 ERROR PAGE START
	=================================================================
*/
.city_404_text,
.city_404_wrap{
	float:left;
	width:100%;
}
.city_404_wrap{
	
	background-repeat:no-repeat;
	background-size:cover;
	height:100%;
	padding:300px 0px 330px;
	position:relative;
}
.city_404_wrap:after{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	/*background-image:url("images/404-bottom.png");*/
	background-repeat:no-repeat;
	background-position: bottom;
	background-size: 100% 25%;
}
.city_404_wrap.overlay:before{
	opacity:0.98;
}
.city_404_text{
	text-align:center;
	position:relative;
	z-index:1;
}
.city_404_text h2{
	font-size:165px;
	line-height:120px;
	color:#fff;
	font-weight:600;
}
.city_404_text h3{
	font-size:58px;
	line-height:50px;
	color:#fff;
	font-weight:600;
	margin-bottom:15px;
}
.city_404_text h4{
	color:#fff;
	font-weight:600;
	margin-bottom:34px;
}
/*
	=================================================================
				 ERROR PAGE END
	=================================================================
*/


/*
	=================================================================
				 COMING SOON PAGE START
	=================================================================
*/
.city_coming_text .city_top_social ul,
.city_coming_text .city_top_social,
.city_coming_search,
.city_coming_text .countdown,
.city_coming_text{
	float:left;
	width:100%;
}
.city_404_wrap.coming{
	padding:181px 0px;
}
.city_404_wrap.coming.overlay:before{
	opacity:0.90;
}
.city_404_wrap.coming:after{
	background-image:none;
	border:36px solid #fff;
	opacity:0.22;
}
.city_coming_text{
	position:relative;
	z-index:1;
	text-align:center;
}
.city_coming_text img{
	width:auto;
	margin-bottom:20px;
}
.city_coming_text > h3{
	font-size:60px;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	margin-bottom:10px;
}
.city_coming_text p{
	color:#fff;
	font-size:20px;
	margin-bottom:28px;
}
.city_coming_text .countdown{
	margin-bottom:42px;
}
.city_coming_text .countdown  li{
	display:inline-block;
	padding:0px 58px;
	position:relative;
	z-index:1;
}
.city_coming_text .countdown li:before{
	position:absolute;
	content:"";
	top:10px;
	left:0px;
	right:0px;
	bottom:0px;
	height:55px;
	border-right:1px solid #fff;
	z-index:-1;
}
.city_coming_text .countdown li:last-child:before{
	border-right:none;
}
.city_coming_text .countdown li h3{
	font-size:60px;
	line-height:48px;
	color:#fff;
	font-weight:bold;
	margin-bottom:8px;
}
.city_coming_text .countdown li p{
	color:#fff;
	margin:0px 0px;
	font-weight:600;
	text-transform:capitalize;
}
.city_coming_search{
	margin-bottom:30px;
}
.city_coming_search h5{
	color:#fff;
	font-weight:600;
	margin-bottom:30px;
}
.city_coming_feild{
	width:680px;
	position:relative;
	margin:auto;
}
.city_coming_feild button{
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	font-size:18px;
	font-weight:600;
	color:#fff;
	padding:10px 40px;
}
.city_coming_text .city_top_social ul li{
	float:none;
	display:inline-block;
}
.city_coming_text .city_top_social ul li a{
	background:none;
	border:3px solid #fff;
}
/*
	=================================================================
				 COMING SOON PAGE END
	=================================================================
*/


/*
	=================================================================
				 CITY NEWS PAGE START
	=================================================================
*/
.city_news2_detail,
.city_news2_post > ul > li,
.city_news2_post > ul,
.city_news2_post{
	float:left;
	width:100%;
}
.city_news2_post > ul > li{
	margin-bottom:40px;
}
.city_news2_detail{
	background-color:#fff;
	padding:58px 0px;
	text-align:center;
	border:10px solid transparent;
}
.city_news2_detail .city_meta_list {
    margin-bottom: 12px;
}
.city_news2_detail .city_meta_list li{
	float:none;
	display:inline-block;
}
.city_news2_detail h3{
	font-weight:600;
	margin-bottom:15px;
}
.city_news2_detail p{
	margin-bottom:24px;
}
.city_news2_detail .theam_btn{
	color:#fff;
}
/*
	=================================================================
				 CITY NEWS PAGE END
	=================================================================
*/

/*
	=================================================================
				 CITY NEWS 02 PAGE START
	=================================================================
*/
.side_news_fig,
.city_news2_post.post2{
	float:left;
	width:100%;
}
.city_news2_post.post2{
	background-color:#fff;
	margin-bottom:30px;
}
.city_news2_post.post2 figure{
	width:auto;
}
.city_news2_post.post2 .city_news2_detail{
	width:auto;
	overflow:hidden;
	padding:38px 20px 10px 30px;
	float: none;
	text-align:left;
	border:none;
}
.city_news2_post.post2 .city_news2_detail h4{
	font-weight:500;
	margin-bottom:10px;
}
.side_news_deatil{
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	text-align:center;
	z-index:5;
	margin-top:-22px;
}
.side_news_deatil .theam_btn{
	background-color:#fff;
	color:#666;
}
/*
	=================================================================
				 CITY NEWS 02 PAGE END
	=================================================================
*/
/*
	=================================================================
				 FORUM PAGE START
	=================================================================
*/
.forum_month,
.forum_topic,
.forum_fig,
.forum_title,
.forum_list ul,
.forum_list{
	float:left;
	width:100%;
}
.forum_list ul li{
	float:left;
	width:49%;
	border-right:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
}
.forum_list ul li:nth-child(3),
.forum_list ul li:nth-child(2){
	width:12%;
}
.forum_list ul li:last-child{
	width:27%;
}
.forum_title{ 
	padding:42px 30px;
}
.forum_title h6{
	margin-bottom:0px;
	color:#fff;
	text-align:center;
	font-weight:500;
	text-transform:uppercase;
}
.forum_title .left{
	text-align:left;
}
.forum_fig{
	padding:25px 30px;
}
.forum_fig figure:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-image:url("images/hover-bg1.png");
	background-repeat:no-repeat;
	opacity:0.9;
}
.forum_fig:hover figure:before{
	opacity:0.9;
	background-image:url("images/hover-bg.png");
}
.forum_fig figure{
	width:auto;
}
.forum_fig a{
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	text-align:center;
	margin-top:-18px;
	color:#fff;
	font-size:26px;
}
.forum_text{
	overflow:hidden;
	padding:0px 0px 0px 15px;
}
.forum_text h6{
	margin-bottom:4px;
	font-weight:500;
}
.forum_text p{
	margin:0px 0px;
}
.bg_color{
	background-color:#fff;
}
.forum_topic{
	text-align:center;
	padding:49px 0px;
}
.forum_topic h6{
	margin:0px 0px;
	font-weight:500;
}
.forum_month{
	text-align:center;
	padding: 35px 0px;
}
.forum_month a{
	display:block;
	font-size:15px;
	margin-bottom:6px;
}
.forum_month p{
	margin:0px 0px;
	font-weight:500;
}
.forum_fig.forum2 a{
	font-size:18px;
	margin-top:-14px;
}
.forum_fig.forum2 .forum_text{
	margin-top:-4px;
}
.forum_fig.forum2 .forum_text span{
	display:block;
}
.forum_fig.forum2 .forum_text p{
	line-height:17px;
}
.forum .forum_topic {
    padding: 52px 0px;
}
.forum .forum_month{
	padding: 38px 0px;
}
.forum_list{
	margin-bottom:10px;
}
/*
	=================================================================
				 FORUM PAGE END
	=================================================================
*/
/*
	=================================================================
				 FORUM DETAIL PAGE START
	=================================================================
*/
.forum_author_row,
.forum_author_posts,
.forum_author,
.forum_card,
.forum_detail{
	 float:left;
	 width:100%;
}
.forum_card{
	background-color:#fff;
	padding:38px 50px 40px;
	border-left:2px solid;
	margin-bottom:30px;
}
.forum_card h3{
	margin-bottom:5px;
	font-weight:500;
}
.forum_card span{
	font-size:12px;
	font-weight:500;
}
.forum_author{
	background-color:#fff;
}
.forum_author_posts{
	padding:40px 30px;
}
.forum_author_posts li{
	float:left;
	width:auto;
	margin-right:108px;
	color:#fff;
	font-size:18px;
}
.forum_author_posts li:last-child{
	margin-right:0px;
}
.forum_author_row{
	padding:40px 30px 0px;
}
/*forum author fig start*/
.forum_author_text,
.forum_author_fig{
	float:left;
	width:100%;
}
.forum_author_fig{
	text-align:center;
}
.forum_author_fig figure{
	width:auto;
	border-radius:100%;
	float:none;
	display:inline-block;
	margin-bottom:10px;
}
.forum_author_text h6{
	margin-bottom:0px;
	font-weight:600;
}
.forum_author_text span{
	display:block;
	font-size:12px;
}
/*forum detail deta start*/
.forum_img_caption p,
.forum_img_caption,
.forum_quote,
.forum_detail_deta{
	float:left;
	width:100%;
}
.forum_detail{
	margin-bottom:30px;
}
.forum_detail_deta > a{
	display:block;
	font-size:15px;
	margin-bottom:11px;
}
.forum_detail_deta > a > i{
	margin-right:10px;
}
.forum_detail_deta > p{
	margin-bottom:42px;
	line-height:24px;
}
.forum_detail_deta > p:nth-child(1){
	margin-bottom:20px;
}
.forum_img_caption{
	padding-bottom:33px;
	border-bottom:1px solid #d3d3d3;
	margin-bottom:40px;
}
.forum_img{
	float:left;
	width:47.3%;
	margin-right:30px;
	margin-bottom:35px;
}
.forum_img:nth-child(2){
	margin-right:0px;
}
.forum_img_caption p{
	margin:0px 0px;
	line-height:24px;
}
.forum_quote{
	background-color:#efefef;
	border-left:3px solid;
	padding:27px 50px 25px;
	margin-bottom:35px;
}
.forum_quote h6{
	font-weight:600;
	font-style:italic;
	color:#999999;
}
.forum_quote h5{
	margin:0px 0px;
	font-weight:500;
}
.forum_detail_deta .city_meta_list{
	float:left;
	width:auto;
	margin:0px 0px;
	padding:6px 0px;
}
.forum_detail_deta .city_event_meta{
	border-top:1px solid #d3d3d3;
	margin-top:35px;
	padding:20px 0px;
} 
.forum_detail_deta .city_event_meta .city_top_social ul li a i,
.forum_detail_deta .city_event_meta .city_top_social ul li a{
	color:#fff;
}
/*forum replies start*/
.forum_user_meta,
.forum_user_replay,
.forum_replie_list > li,
.forum_replie_list,
.forum_replies{
	float:left;
	width:100%;
}
.forum_replies{
	background-color:#fff;
	padding:25px 30px;
}
.padding0{
	padding-top:0px !important;
}
.forum_user_replay{
	padding:30px 0px;
	border-bottom:1px solid #e0e0e0;
}
.forum_user_replay figure{
	width:auto;
	border-radius:100%;
}
.forum_user_detail{
	overflow:hidden;
	padding:0px 0px 0px 20px;
}
.forum_user_meta{
	margin-bottom:8px;
}
.forum_user_meta h5{
	float:left;
	margin:0px 25px 0px 0px;
	font-weight:500;
}
.forum_user_meta .city_meta_list li,
.forum_user_meta .city_meta_list{
	float:left;
	width:auto;
}
.forum_user_meta .city_meta_list{
	margin-bottom:0px;
	margin-top: 2px;
}
.forum_user_detail p{
	float:left;
	margin:0px;
}
.forum_replies .event_booking_form{
	padding:30px 0px 0px;
}
/*
	=================================================================
				 FORUM DETAIL PAGE END
	=================================================================
*/
/*
	=================================================================
				 MAYOR PAGE START
	=================================================================
*/
.mayor_team,
.city_mayor_caption,
.city_mayor_contact,
.city_mayor_list li,
.city_mayor_list,
.city_mayor_fig,
.city_mayor_row{
	float:left;
	width:100%;
}
.city_mayor_row{
	padding:40px 40px;
	background-color:#fff;
}
.city_mayor_fig{
	margin-bottom:43px;
}
.city_mayor_fig figure{
	width:auto;
}
.city_mayor_text{
	overflow:hidden;
	padding:0px 0px 0px 35px;
}
.city_mayor_text h2{
	font-weight:500;
	margin-bottom:5px;
}
.city_mayor_text p{
	font-size:18px;
	margin-bottom:20px;
}
.city_mayor_list{
	margin-bottom:23px;
}
.city_mayor_list li{
	font-size:20px;
	margin-bottom:8px;
	font-weight:normal;
}
.city_mayor_list li span{
	float:left;
	width:30%;
}
.city_mayor_contact .city_top_social,
.city_mayor_contact .theam_btn{
	float:left;
	width:auto;
}
.city_mayor_contact .city_top_social{
	width:auto;
}
.city_mayor_contact .city_top_social{
	padding:4px 0px;
}
.city_mayor_contact .theam_btn{
	margin-right:50px;
}
.city_mayor_caption p{
	margin-bottom:35px;
	line-height:26px;
}

.city_event_detail.question{
	background-image:url("images/form-bg.png");
	background-repeat:no-repeat;
	background-size:cover;
	padding:72px 200px 80px;
	margin:0px 0px;
}
.city_event_detail.question.overlay:before{
	opacity:0.8;
	background-color:#0b0e1e;
}
.city_event_detail.question > h3{
	text-align:center;
	color:#fff;
	font-weight:600;
	position:relative;
	z-index:2;
	margin-bottom:33px;
}
.city_event_detail.question .event_booking_field{
	margin-bottom:12px;
}
.city_event_detail.question .event_booking_area{
	text-align:center;
	margin-bottom:0px;
}
.city_event_detail.question .event_booking_area textarea{
	margin-bottom:30px;
}
.mayor_team{
	background-color:#fff;
	padding:65px 0px 0px 0px;
}
.mayor_team .col-md-4{
	padding:0px 0px;
}
/*
	=================================================================
				 MAYOR PAGE END
	=================================================================
*/

/*
	=================================================================
				 CONTACT US PAGE START
	=================================================================
*/
.city_contact_row,
.city_contact_text,
.city_contact_list,
.city_contact_map{
	float:left;
	width:100%;
}
.city_contact_map{
	padding:20px 20px;
	background-color:#fff;
	margin-bottom:40px;
}
.map-canvas{
	height:455px;
	width:100%;
}
.city_contact_text{
	padding:33px 40px;
	margin-bottom:30px;
}
.city_contact_text h3{
	color:#fff;
	font-weight:bold;
	float:left;
	margin:0px 0px;
}
.city_contact_text span{
	float:right;
	color:#fff;
	font-size:90px;
	line-height:80px;
	padding:7px 0px;
}
.city_contact_row{
	background-color:#fff;
	padding:30px 30px;
}
.city_contact_list{
	padding-bottom:30px;
	border-bottom:1px solid #dddddd;
}
.city_contact_text .city_top_social ul,
.city_contact_text .city_top_social{
	width:100%;
	float:left;
}
.city_contact_text .city_top_social ul li a{
	background:none;
	border-color:#fff;
} 
.city_contact_text.text2 h3{
	margin-bottom:18px;
}
.city_event_detail.contact{
	margin:0px 0px;
	padding:60px 0px 30px 0px;
}
/*
	=================================================================
				 CONTACT US PAGE END
	=================================================================
*/


/*
      ======================================================================================
									LOGIN REGISTER PAGE START
      ======================================================================================
*/
.city_comment_form_login,
.city_login_list,
.city_login_wrap{
	float:left;
	width:100%;
}
.city_login_wrap{
	padding:100px 0px;
}
.city_login_list {
    padding: 10px;
    box-shadow: 0px 0px 12px -7px;
}
.city_login{
	float:left;
	width:50%;
	padding:45px 50px 50px;
	background-color:#dddddd;
	position:relative;
}
.city_login h4{
	color: #333;
	padding-bottom: 16px;
	position: relative;
	margin-bottom: 25px;
	text-transform: uppercase;
	font-weight: 600;
}
.city_login h4:before{
	position:absolute;
	content:"";
	left:0px;
	right:0px;
	bottom:0px;
	width:114px;
	border-bottom:2px solid ;
}
.city_login p{
	margin-bottom:17px;
}
.city_login .city_commet_field {
    margin-bottom: 20px;
}
.city_comment_form_login .city_commet_field label{
	font-size: 18px;
	font-weight: 400;
	color:#000;
	margin-bottom: 12px;
	text-transform: uppercase;
	cursor: pointer;
}
/*radio button start*/
.city_checked{
	float:left;
	width:100%;
	padding:4px 0px 30px;
}
.checkbox_radio {
    float: left;
    position: relative;
    width:auto;
}
.checkbox_radio input{
	display: none;
}
.checkbox_radio input[type=checkbox] + label:before { 
	content: ""; 
	font-family:fontawesome; 
	width:13px;
	height:13px;
	background-color:#fff;
	display: inline-block;
	margin:0px 12px 0px 0px;
} 
.checkbox_radio input[type=checkbox]:checked + label:before { 
	content: ""; 
	font-family:fontawesome; 
	background-image:url(images/checkbox.png);
	width:13px;
	height:13px;
	border:0px;
}
.checkbox_radio input[type="checkbox"]{
	display:inline-block;
	margin-right:10px;
	float:left;
	display:none;
}
.checkbox_radio label{
	margin-bottom:0px;
	cursor:pointer;
}
/*radio button end*/
.city_forget{
	float:right;
}
.city_or{
	position:absolute;
	top:50%;
	right:-23px;
	height:48px;
	width:48px;
	text-align:center;
	line-height:48px;
	background-color:#fff;
	border-radius:100%;
	border:1px solid #dedede;
	color:#dedede;
	z-index:1;
	font-size:16px;
	margin-top:-40px;
}
/*register style start*/
.city_login.register{
	background:none;
	background-color:#f1f1f1;
}
.city_login.register p{
	margin-bottom:27px;
}
.city_login.register .btn-d-help{
	margin-bottom:45px;
}
.city_checkout_list li,
.city_checkout_list,
.city_register_list{
	float:left;
	width:100%;
}
.city_register_list {
    margin-top: 35px;
}
.city_register_list h6{
	margin-bottom: 15px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
}
.city_checkout_list li{
	margin-bottom:8px;
}
.city_checkout_list li:last-child{
	margin-bottom:0px;
}
.city_checkout_list li a{
	display:inline-block;
	font-size:15px;
	position:relative;
	padding-left:30px;
}
.city_checkout_list li a:before{
	position:absolute;
	content:"\f00c";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	font-family:fontAwesome;
	font-size:16px;
}
/*
      ======================================================================================
									LOGIN REGISTER PAGE END
      ======================================================================================
*/



 /* theam hover start*/

.box:before,
.box:after,
.box .box-layer{
    content: "";
    width: 20%;
    height: 100%;
    position: absolute;
    top: 100%;
	opacity:0.8;
	z-index:1;
}
.box:hover:before,
.box:hover:after,
.box:hover .box-layer{
    top: 0;
}
.box:before{
    left: 0;
    -o-transition: all 0.15s linear 0.2s;
    -moz-transition: all 0.15s linear 0.2s;
    -ms-transition: all 0.15s linear 0.2s;
    -webkit-transition: all 0.15s linear 0.2s;
    transition: all 0.15s linear 0.2s;
}
.box:hover:before{
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}
.box:after{
    left: 20%;
    -o-transition: all 0.15s linear 0.25s;
    -moz-transition: all 0.15s linear 0.25s;
    -ms-transition: all 0.15s linear 0.25s;
    -webkit-transition: all 0.15s linear 0.25s;
    transition: all 0.15s linear 0.25s;
}
.box:hover:after{
    -moz-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.box .layer-1{
    left: 40%;
    -o-transition: all 0.15s linear 0.3s;
    -moz-transition: all 0.15s linear 0.3s;
    -ms-transition: all 0.15s linear 0.3s;
    -webkit-transition: all 0.15s linear 0.3s;
    transition: all 0.15s linear 0.3s;
}
.box:hover .layer-1{
    -moz-transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    -ms-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.box .layer-2{
    left: 60%;
    -o-transition: all 0.15s linear 0.35s;
    -moz-transition: all 0.15s linear 0.35s;
    -ms-transition: all 0.15s linear 0.35s;
    -webkit-transition: all 0.15s linear 0.35s;
    transition: all 0.15s linear 0.35s;
}
.box:hover .layer-2{
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.box .layer-3{
    left: 80%;
    -o-transition: all 0.15s linear 0.4s;
    -moz-transition: all 0.15s linear 0.4s;
    -ms-transition: all 0.15s linear 0.4s;
    -webkit-transition: all 0.15s linear 0.4s;
    transition: all 0.15s linear 0.4s;
}
.box:hover .layer-3{
    -moz-transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
/*main div hover*/
.city_blog_fig:hover .box .layer-1,
.city_news2_post.post2:hover .box .layer-1,
.blog_post_author:hover .box .layer-1,
.blog_post_slide_fig:hover .box .layer-1,
.forum_user_replay:hover .box .layer-1,
.forum_author_fig:hover .box .layer-1,
.city_project02_fig:hover .box .layer-1,
.event_categories_list:hover .box .layer-1,
.city_blog2_fig.fig2:hover .box .layer-1,
.city_event2_list2_row:hover .box .layer-1,
.accordion-section-content:hover .box .layer-1,
.city_senior_team:hover .box .layer-1,
.city_event2_fig:hover .box .layer-1,
.city_emergency_slide_fig:hover .box .layer-1,
.city_service_tabs_list:hover .box .layer-1,
.city_department2_fig:hover .box .layer-1,
.city_blog_grid:hover .box .layer-1,
.city_department_fig:hover .box .layer-1,
.city_news_list:hover .box .layer-1,
.city_news_fig:hover .box .layer-1,
.city_event_fig:hover .box .layer-1,
.city_blog_fig:hover .box .layer-1{
    -moz-transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    -ms-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.city_blog_fig:hover .box .layer-2,
.city_news2_post.post2:hover .box .layer-2,
.blog_post_author:hover .box .layer-2,
.blog_post_slide_fig:hover .box .layer-2,
.forum_user_replay:hover .box .layer-2,
.forum_author_fig:hover .box .layer-2,
.city_project02_fig:hover .box .layer-2,
.event_categories_list:hover .box .layer-2,
.city_blog2_fig.fig2:hover .box .layer-2,
.city_event2_list2_row:hover .box .layer-2,
.accordion-section-content:hover .box .layer-2,
.city_senior_team:hover .box .layer-2,
.city_event2_fig:hover .box .layer-2,
.city_emergency_slide_fig:hover .box .layer-2,
.city_service_tabs_list:hover .box .layer-2,
.city_department2_fig:hover .box .layer-2,
.city_blog_grid:hover .box .layer-2,
.city_department_fig:hover .box .layer-2,
.city_news_list:hover .box .layer-2,
.city_news_fig:hover .box .layer-2,
.city_event_fig:hover .box .layer-2,
.city_blog_fig:hover .box .layer-2{
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.city_blog_fig:hover .box .layer-3,
.city_news2_post.post2:hover .box .layer-3,
.blog_post_author:hover .box .layer-3,
.blog_post_slide_fig:hover .box .layer-3,
.forum_user_replay:hover .box .layer-3,
.forum_author_fig:hover .box .layer-3,
.city_project02_fig:hover .box .layer-3,
.event_categories_list:hover .box .layer-3,
.city_blog2_fig.fig2:hover .box .layer-3,
.city_event2_list2_row:hover .box .layer-3,
.accordion-section-content:hover .box .layer-3,
.city_senior_team:hover .box .layer-3,
.city_event2_fig:hover .box .layer-3,
.city_emergency_slide_fig:hover .box .layer-3,
.city_service_tabs_list:hover .box .layer-3,
.city_department2_fig:hover .box .layer-3,
.city_blog_grid:hover .box .layer-3,
.city_department_fig:hover .box .layer-3,
.city_news_list:hover .box .layer-3,
.city_news_fig:hover .box .layer-3,
.city_event_fig:hover .box .layer-3,
.city_blog_fig:hover .box .layer-3{
	-moz-transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.city_blog_fig:hover .box:after,
.city_news2_post.post2:hover .box:after,
.blog_post_author:hover .box:after,
.blog_post_slide_fig:hover .box:after,
.forum_user_replay:hover .box:after,
.forum_author_fig:hover .box:after,
.city_project02_fig:hover .box:after,
.event_categories_list:hover .box:after,
.city_blog2_fig.fig2:hover .box:after,
.city_event2_list2_row:hover .box:after,
.accordion-section-content:hover .box:after,
.city_senior_team:hover .box:after,
.city_event2_fig:hover .box:after,
.city_emergency_slide_fig:hover .box:after,
.city_service_tabs_list:hover .box:after,
.city_department2_fig:hover .box:after,
.city_blog_grid:hover .box:after,
.city_department_fig:hover .box:after,
.city_news_list:hover .box:after,
.city_news_fig:hover .box:after,
.city_event_fig:hover .box:after,
.city_blog_fig:hover .box:after{
    -moz-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.city_blog_fig:hover .box:before,
.city_news2_post.post2:hover .box:before,
.blog_post_author:hover .box:before,
.blog_post_slide_fig:hover .box:before,
.forum_user_replay:hover .box:before,
.forum_author_fig:hover .box:before,
.city_project02_fig:hover .box:before,
.event_categories_list:hover .box:before,
.city_blog2_fig.fig2:hover .box:before,
.city_event2_list2_row:hover .box:before,
.accordion-section-content:hover .box:before,
.city_senior_team:hover .box:before,
.city_event2_fig:hover .box:before,
.city_emergency_slide_fig:hover .box:before,
.city_service_tabs_list:hover .box:before,
.city_department2_fig:hover .box:before,
.city_blog_grid:hover .box:before,
.city_department_fig:hover .box:before,
.city_news_list:hover .box:before,
.city_news_fig:hover .box:before,
.city_event_fig:hover.box:before,
.city_blog_fig:hover.box:before{
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}
.city_blog_fig:hover .box:before,
.city_blog_fig:hover .box:after,
.city_blog_fig:hover .box .box-layer,
.city_news2_post.post2:hover .box:before,
.city_news2_post.post2:hover .box:after,
.city_news2_post.post2:hover .box .box-layer,
.blog_post_author:hover .box:before,
.blog_post_author:hover .box:after,
.blog_post_author:hover .box .box-layer,
.blog_post_slide_fig:hover .box:before,
.blog_post_slide_fig:hover .box:after,
.blog_post_slide_fig:hover .box .box-layer,
.forum_user_replay:hover .box:before,
.forum_user_replay:hover .box:after,
.forum_user_replay:hover .box .box-layer,
.forum_author_fig:hover .box:before,
.forum_author_fig:hover .box:after,
.forum_author_fig:hover .box .box-layer,
.city_project02_fig:hover .box:before,
.city_project02_fig:hover .box:after,
.city_project02_fig:hover .box .box-layer,
.event_categories_list:hover .box:before,
.event_categories_list:hover .box:after,
.event_categories_list:hover .box .box-layer,
.city_blog2_fig.fig2:hover .box:before,
.city_blog2_fig.fig2:hover .box:after,
.city_blog2_fig.fig2:hover .box .box-layer,
.city_event2_list2_row:hover .box:before,
.city_event2_list2_row:hover .box:after,
.city_event2_list2_row:hover .box .box-layer,
.accordion-section-content:hover .box:before,
.accordion-section-content:hover .box:after,
.accordion-section-content:hover .box .box-layer,
.city_senior_team:hover .box:before,
.city_senior_team:hover .box:after,
.city_senior_team:hover .box .box-layer,
.city_event2_fig:hover .box:before,
.city_event2_fig:hover .box:after,
.city_event2_fig:hover .box .box-layer,
.city_emergency_slide_fig:hover .box:before,
.city_emergency_slide_fig:hover .box:after,
.city_emergency_slide_fig:hover .box .box-layer,
.city_service_tabs_list:hover .box:before,
.city_service_tabs_list:hover .box:after,
.city_service_tabs_list:hover .box .box-layer,
.city_department2_fig:hover .box:before,
.city_department2_fig:hover .box:after,
.city_department2_fig:hover .box .box-layer,
.city_blog_grid:hover .box:before,
.city_blog_grid:hover .box:after,
.city_blog_grid:hover .box .box-layer,
.city_department_fig:hover .box:before,
.city_department_fig:hover .box:after,
.city_department_fig:hover .box .box-layer,
.city_news_list:hover .box:before,
.city_news_list:hover .box:after,
.city_news_list:hover .box .box-layer,
.city_news_fig:hover .box:before,
.city_news_fig:hover .box:after,
.city_news_fig:hover .box .box-layer,
.city_event_fig:hover .box:before,
.city_event_fig:hover .box:after,
.city_event_fig:hover .box .box-layer,
.city_blog_fig:hover .box:before,
.city_blog_fig:hover .box:after,
.city_blog_fig:hover .box .box-layer{
    top: 0;
}
/*img hover scale start*/


.city_blog_fig:hover figure img,
.city_news2_post.post2:hover figure img,
.blog_post_author:hover figure img,
.blog_post_slide_fig:hover figure img,
.forum_user_replay:hover figure img,
.forum_author_fig:hover figure img,
.city_team_fig:hover figure img,
.city_project02_fig:hover figure img,
.event_categories_list:hover figure img,
.city_blog2_fig:hover figure img,
.city_event2_list2_row:hover .city_event2_list2_fig figure img,
.event_video:hover figure img,
.accordion-section-content:hover figure img,
.city_senior_team:hover figure img,
.city_project_fig:hover figure img,
.city_event2_fig:hover figure img,
.city_business_fig:hover figure img,
.city_visit_fig:hover figure img,
.city_news2_fig:hover figure img,
.city_emergency_slide_fig:hover figure img,
.city_service_tabs_list:hover figure img,
.city_department2_fig:hover figure img,
.city_service2_fig:hover figure img,
.city_blog_grid:hover .box img,
.city_news_list:hover .box img,
.city_news_fig:hover .box img,
.city_event_fig:hover .box img,
.city_blog_fig:hover .box img,
.city_department_fig:hover .box img,
.box:hover img{
    transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
.city_health_service2:hover .city_health_list > span i{
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}







/*********************************************************************************************************/

/* Common styles of menus - component.css */
.dl-menuwrapper {
	float: right;
	position: relative;
	z-index:1000;
}

.dl-menuwrapper button {
	border: none;
	width: 40px;
	height: 40px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
	background:#333;
	padding:0px;
	border-radius:0;
}
.dl-menuwrapper ul{
	/* background-color:#000; */

}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active {
	background: #666;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 50%;
	height: 3px;
	background: #fff;
	top: 12px;
	left:0;
	right: 0px;
	margin: auto;
	box-shadow: 
		0 7px 0 #fff, 
		0 14px 0 #fff;
}

.dl-menuwrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
	/*-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;*/
}

.dl-menuwrapper li {
	position: relative;
	list-style: none;
	text-align:left;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	list-style: none;
	padding: 10px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	color:#fff;
	text-decoration: none;
	/* background-color: #333; */
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 38px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 40px;
	font-family: FontAwesome;
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\f105";
	font-size: 16px;
	color: #fff;
}

.dl-menuwrapper li.dl-back:after {
	content: "\f104";
}

.dl-menuwrapper li.dl-back:after {
	left: 20px;
	/*-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);*/
}

.dl-menuwrapper li > a:after {
	right: 15px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 0;
	position: absolute;
	width: 230px;
	opacity: 0;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 230px;
	left: -230px;
	margin: 0;
	right:100%;
	opacity:1;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease;
	-moz-animation: MenuAnimOut2 0.3s ease;
	animation: MenuAnimOut2 0.3s ease;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	-moz-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	-moz-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	-moz-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% {
		
		opacity: 1;
	}
	/*50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}*/
	100% {
		
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% {
		-webkit-transform: none /*translateZ(-500px) rotateY(0deg)*/;
		opacity: 1;
	}
	100% {
		-webkit-transform: none /*translateX(-100%)*/;
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% {
		-webkit-transform: none /*translateZ(-500px) rotateY(0deg)*/;
		opacity: 1;
	}
	100% {
		-webkit-transform: none /*translateZ(300px)*/;
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% {
		-webkit-transform: none /*translateZ(-500px) rotateY(0deg)*/;
		opacity: 1;
	}
	100% {
		-webkit-transform: none /*translateZ(-300px)*/;
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% {
		-webkit-transform: none /*translateZ(-500px) rotateY(0deg)*/;
		opacity: 1;
	}
	100% {
		-webkit-transform: none /*translateY(40%)*/;
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	0% {
		
		opacity: 1;
	}
	/*50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}*/
	100% {
		-moz-transform: none /*translateZ(-500px) rotateY(0deg)*/;
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	0% {
		
		opacity: 1;
	}
	100% {
		-moz-transform: none /*translateX(-100%)*/;
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	0% {
		-webkit-transform: none /*translateZ(-500px) rotateY(0deg)*/;
		opacity: 1;
	}
	100% {
		-moz-transform: none /*translateZ(300px)*/;
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	0% {
		-webkit-transform: none /*translateZ(-500px) rotateY(0deg)*/;
		opacity: 1;
	}
	100% {
		-moz-transform: none /*translateZ(-300px)*/;
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	0% {
		-webkit-transform: none /*translateZ(-500px) rotateY(0deg)*/;
		opacity: 1;
	}
	100% {
		-moz-transform: none /*translateY(40%)*/;
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% {
		opacity: 1;
	}
	/*50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}*/
	100% {
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% {
		opacity: 1;
	}
	100% {
		transform: none /*translateZ(300px)*/;
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% {
		opacity: 1;
	}
	100% {
		transform: none /*translateZ(-300px)*/;
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% {
		opacity: 1;
	}
	100% {
		transform: none /*translateY(40%)*/;
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease;
	-moz-animation: MenuAnimIn2 0.3s ease;
	animation: MenuAnimIn2 0.3s ease;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	-moz-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	-moz-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	-moz-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		
		opacity: 0;
	}
	100% {
		
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: none /*translateX(-100%)*/;
		opacity: 0;
	}
	100% {
		-webkit-transform: none /*translateX(0px)*/;
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: none /*translateZ(300px)*/;
		opacity: 0;
	}
	100% {
		-webkit-transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: none /*translateZ(-300px)*/;
		opacity: 0;
	}
	100% {
		-webkit-transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: none /*translateY(40%)*/;
		opacity: 0;
	}
	100% {
		-webkit-transform: none /*translateY(0)*/;
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		
		opacity: 0;
	}
	100% {
		
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform:none /* translateX(-100%)*/;
		opacity: 0;
	}
	100% {
		-moz-transform: none /*translateX(0px)*/;
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: none /*translateZ(300px)*/;
		opacity: 0;
	}
	100% {
		-moz-transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: none /*translateZ(-300px)*/;
		opacity: 0;
	}
	100% {
		-moz-transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: none /*translateY(40%)*/;
		opacity: 0;
	}
	100% {
		-moz-transform: none /*translateY(0)*/;
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		
		opacity: 0;
	}
	100% {
		
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: none /*translateX(-100%)*/;
		opacity: 0;
	}
	100% {
		transform:none /* translateX(0px)*/;
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: none /*translateZ(300px)*/;
		opacity: 0;
	}
	100% {
		transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: none /*translateZ(-300px)*/;
		opacity: 0;
	}
	100% {
		transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: none /*translateY(40%)*/;
		opacity: 0;
	}
	100% {
		transform: none /*translateY(0)*/;
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease;
	-moz-animation: SubMenuAnimIn2 0.3s ease;
	animation: SubMenuAnimIn2 0.3s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		
		opacity: 0;
	}
	100% {
		
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: none /*translateX(100%)*/;
		opacity: 0;
	}
	100% {
		-webkit-transform: none /*translateX(0px)*/;
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: none /*translateZ(-300px)*/;
		opacity: 0;
	}
	100% {
		-webkit-transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: none /*translateZ(300px)*/;
		opacity: 0;
	}
	100% {
		-webkit-transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: none /*translateZ(-200px)*/;
		opacity: 0;
	}
	100% {
		-webkit-transform: none /*translateZ(0)*/;
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		
		opacity: 0;
	}
	100% {
		
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: none /*translateX(100%)*/;
		opacity: 0;
	}
	100% {
		-moz-transform: none /*translateX(0px)*/;
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: none /*translateZ(-300px)*/;
		opacity: 0;
	}
	100% {
		-moz-transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: none /*translateZ(300px)*/;
		opacity: 0;
	}
	100% {
		-moz-transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: none /*translateZ(-200px)*/;
		opacity: 0;
	}
	100% {
		-moz-transform: none /*translateZ(0)*/;
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		
		opacity: 0;
	}
	100% {
		
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: none /*translateX(100%)*/;
		opacity: 0;
	}
	100% {
		transform: none /*translateX(0px)*/;
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: none /*translateZ(-300px)*/;
		opacity: 0;
	}
	100% {
		transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: none /*translateZ(300px)*/;
		opacity: 0;
	}
	100% {
		transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: none /*translateZ(-200px)*/;
		opacity: 0;
	}
	100% {
		transform: none /*translateZ(0)*/;
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		
		opacity: 1;
	}
	100% {
		
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: none /*translateX(0%)*/;
		opacity: 1;
	}
	100% {
		-webkit-transform: none /*translateX(100%)*/;
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
	100% {
		-webkit-transform: none /*translateZ(-300px)*/;
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
	100% {
		-webkit-transform: none /*translateZ(300px)*/;
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: none /*translateZ(0)*/;
		opacity: 1;
	}
	100% {
		-webkit-transform:none /* translateZ(-200px)*/;
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		
		opacity: 1;
	}
	100% {
		
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: none /*translateX(0%)*/;
		opacity: 1;
	}
	100% {
		-moz-transform: none /*translateX(100%)*/;
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
	100% {
		-moz-transform:none /* translateZ(-300px)*/;
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
	100% {
		-moz-transform: none /*translateZ(300px)*/;
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: none /*translateZ(0)*/;
		opacity: 1;
	}
	100% {
		-moz-transform: none /*translateZ(-200px)*/;
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		
		opacity: 1;
	}
	100% {
		
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: none /*translateX(0%)*/;
		opacity: 1;
	}
	100% {
		transform: none /*translateX(100%)*/;
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
	100% {
		transform: none /*translateZ(-300px)*/;
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: none /*translateZ(0px)*/;
		opacity: 1;
	}
	100% {
		transform: none /*translateZ(300px)*/;
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: none /*translateZ(0)*/;
		opacity: 1;
	}
	100% {
		transform: none /*translateZ(-200px)*/;
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/**/

/* color.css
	  ============================================================
		   Font Color
	  ============================================================
*/ 
.city_forget:hover,
.city_checkout_list li a:hover,
.dl-menuwrapper li a:hover,
.city_news2_post.post2:hover .city_news2_detail h4,
.navigation ul li ul li a:before,
.blog_post_slide_text h6:hover a,
.blog_next_post ul li a i,
.detail_process_list li a:hover,
.city_mayor_text p,
.city_mayor_text h2,
.forum_user_meta .city_meta_list li a:hover,
.forum_detail_deta > a:hover,
.forum_detail_deta .city_meta_list li a:hover,
.forum_quote h5,
.forum_detail_deta a i,
.forum_author_text h6:hover a, 
.forum_month a,
.city_news2_detail .city_meta_list li a:hover,
.city_news2_detail:hover h2,
.city_team_fig:hover .city_team_text h4 a,
.information_list li a:hover,
.city_project_description .city_local_link li a:before,
.city_blog2_fig.fig2:hover .city_meta_list li a:hover,
.city_blog2_fig.fig2 .city_blog2_text h4:hover a,
.city_blog2_fig.fig2:hover .city_meta_list li a i,
.city_blog2_fig:hover .see_more_btn,
.city_blog2_text h5:hover a,
.city_blog2_list .city_meta_list li a i,
.city_event_tags span a:hover,
.event_counter_list .countdown li:before,
.venue_list ul li p:hover a,
.city_blog_text.event2 .social_icon li a:hover,
.city_event2_list2_row:hover .share_icon,
.city_blog_text.event2 .city_meta_list li a:hover,
.city_blog_text.event2 h4:hover a,
.city_blog_text.event2 span,
.event2_menu_list a:hover,
.event_video .paly_btn:hover,
.event_categories_text a:hover,
.categories_list ul li a:hover,
.section_heading h3,
.city_senior_team:hover .city_senior_team_text h5, 
.city_senior_team_text a:hover,
.city_local_link li a:hover,
.city_health2_service:hover span,
.city_health2_service a:hover,
.city_health2_service:hover h5 a,
.side_notice_text h6:hover a,
.side_notice_detail > a,
.side_contact_text a:hover,
.city_event2_text h4:hover a,
.city_event2_text span,
.city_event2_text ul li a:hover,
.city_visit_text p i,
.city_visit_text h3 span,
.see_more_btn:hover,
.city_busine_detail li a:hover,
.city_busine_detail li a i,
.city_blog_grid_text a:hover,
.emergency_service_item h4:hover a,
.city_emergency_slide_text h5:hover a,
.city_emergency_call ul li a:hover,
.special_service_text .theam_btn,
.city_service2_list > span,
.breadcrumb > li a:hover,
.city_project_mansory ul li a.active,
.city_request_link ul li a:hover:before,
.city_request_link ul li a:hover,
.city_document_list ul li a:hover,
.city_news_meta li a:hover,
.city_event_fig a:hover,
.city_event_fig > a:hover,
.city_event_fig:hover .city_date_text a i,
.city_event_fig:hover .custom_size,
.city_jobs_item span,
.ciy_jobs_row span,
.city_blog_fig.position:hover .share_icon,
.city_office_text a,
.city_department_text a:hover,
.city_about_link li a:hover,
.section_heading h2,
.city_service_text h5 a:hover,
.banner_search_field a
{
	color:#df193a;
	color:#075383
}



/*blue color*/
.paly_btn:hover,
.top_user:hover,
.blog_post_author_text .city_top_social li a,
.blog_detail_row .city_event_meta li a,
.forum_fig.forum2 .forum_text span,
.side_news_text:hover p,
.side_news_text:hover span,
.tabs li.active a, 
.tabs li.active a:hover,
.city_health_text h2,
.city_service2_fig:hover .city_service2_text a,
.widget_service ul li a:hover:before,
.widget_service ul li a:hover,
.city_request_text span,
.city_request_row > span,
.social_icon li a,
.city_about_text h6,
.banner_search_field a
{
	color:#075383;
}
/*
	  ============================================================
		   Background Color
	  ============================================================
*/
/**/
.city_comment_form_login .theam_btn,
.side_news_deatil:hover .theam_btn,
.city_news2_post.post2:hover .theam_btn,
.navigation ul li ul li a:hover,
.blog_post_slide .slick-prev:hover, 
.blog_post_slide .slick-next:hover,
.blog_next_post ul li a:hover,
.city_blog2_fig.fig2.detail .city_blog2_met:after,
.city_blog2_fig.fig2.detail .city_blog2_met:before,
.city_blog2_fig.fig2.detail .city_blog2_met,
.city_contact_text:hover,
.city_event_detail.question .event_booking_area .theam_btn.btn2,
.city_mayor_contact .theam_btn,
.sidebar_search_login a,
.forum_author_posts,
.forum_title,
.city_news2_detail:hover .theam_btn,
.city_404_wrap.coming.overlay:before,
.city_404_text .theam_btn:hover,
.city_team_fig .city_top_social li a:hover,
.blog_tags a:hover,
.blog_author_date li:before,
.city_blog2_fig.fig2 .theam_btn:hover,
.city_blog2_fig.fig2 .theam_btn:hover,
.city_blog2_fig .paly_btn:hover,
.city_blog2_fig:hover .city_blog2_met,
.city_blog2_fig:hover .city_blog2_met:after,
.city_blog2_fig:hover .city_blog2_met:before,
.city_blog2_list:hover .city_meta_list,
.list li:hover,
.list li.option.selected.focus,
.event_booking_form .theam_btn:hover,
.event_counter_list .countdown li,
.city_event2_year .list li:hover,
.city_event2_year .list li.option.selected.focus,
.city_event2_list2_row:hover .theam_btn,
.city_event2_list2_row:hover .event_categories_date,
.city_full_event_list:hover .theam_btn.btn2,
.city_special2_dream,
.city_treatment_wrap,
.city_treatment_text .paly_btn,
.city_about_list.list2 .theam_btn:hover,
.accordion-section-title.active,
.city_health2_text .slick-prev:hover,
.city_health2_text .slick-next:hover,
.city_emergency_slider .slick-prev:hover,
.city_emergency_slider .slick-next:hover,
.city_department_wrap .slick-prev:hover,
.city_department_wrap .slick-next:hover,
.side_submit_form,
.city_event2_fig:hover .theam_btn.btn2, 
.city_event2_date,
.city_visit_text .theam_btn:hover,
.city_business_fig .city_service2_list span,
.city_service2_btn.btn2 .theam_btn,
.pagination ul li a:hover,
.city_news2_text .theam_btn,
.special_service_text .theam_btn:hover,
.widget_wrap.overlay:before,
.widget_wrap,
.city_news_feild,
.city_client_wrap,
.city_event_fig:hover .event_date,
.city_project_wrap .slick-prev:hover, 
.city_project_wrap .slick-next:hover,
.city_project_fig .overlay:before,
.city_jobs_item.overlay:before,
.city_blog_fig.position:hover .theam_btn,
.city_department_wrap .slick-prev:hover,
.city_department_wrap .slick-next:hover,
.city_department_wrap.overlay:before,
.city_department_fig:hover,
.city_about_video .overlay:before,
.city_top_social ul li a,
.city_main_banner .slick-prev:hover, 
.city_main_banner .slick-next:hover,
.banner_text,
.city_top_navigation,
.city_top_news span
{
	background-color:#df193a;
	background-color:#075383;
}




/*background blue color*/
.dl-menuwrapper .dl-menu,
.dl-menuwrapper button:hover, 
.dl-menuwrapper button.dl-active,
.dl-menuwrapper button,
/**/
.city_contact_text,
.city_coming_feild button,
.city_404_wrap.overlay:before,
.event_booking_form .theam_btn,
.event_video:hover .overlay:before,
.city_about_list.list2 .theam_btn,
.side_notice_list .sidebar_title,
.side_submit_field .theam_btn.btn2,
.city_health_service2:hover .city_health_list > .overlay:before,
.city_health_service2:hover .see_more_btn,
.city_visit_text .theam_btn,
.box:before,
.box:after,
.box .box-layer,
.city_service2_btn.btn2 .theam_btn:hover,
.city_blog_grid_text span,
.city_side_info,
.city_award_wrap,
.special_service_text.overlay:before,
.sab_banner.overlay:before,
[class^="imghvr-"] .hover-theme, 
[class*=" imghvr-"] .hover-theme,
.city_project_fig:hover .overlay:before,
[class^="imghvr-shutter-out-"]::before,
[class*=" imghvr-shutter-out-"]::before,
.city_news_feild.feild2,
.city_news_search .theam_btn,
.city_client_row .bx-wrapper .bx-prev:hover,
.city_client_row .bx-wrapper .bx-next:hover,
.slick-slide.slick-current.slick-active.slick-center .city_project_fig .overlay:before,
.city_jobs_item.pull-right.overlay:before,
.city_office_list,
.city_triagle span,
.city_department_fig .overlay:before,
.city_top_social ul li a:hover,
.banner_search_field a:hover,
.theam_btn:hover
{
	background-color:#075383;
}
/*
	  ============================================================
		   Border Color
	  ============================================================
*/
.city_comment_form_login .theam_btn,
.city_login h4:before,
.side_news_deatil:hover .theam_btn,
.navigation ul > li > ul,
.blog_post_slide .slick-prev:hover, 
.blog_post_slide .slick-next:hover,
.forum_quote,
.forum_card,
.city_news2_detail:hover .theam_btn,
.city_news2_detail:hover,
.city_team_fig .city_top_social li a:hover,
.project_title,
.city_blog2_fig.fig2 .theam_btn:hover,
.city_blog2_fig:hover .see_more_btn,
.city_blog2_fig .paly_btn:hover,
.city_blog2_list:hover .city_meta_list,
.city_blog2_list:hover .city_blog2_text,
.event_booking_area textarea:focus,
.event_booking_field input:focus,
.event_heading,
.city_event2_year .sidebar_search input:focus,
.city_event2_year .list,
.city_event2_list2_row:hover .theam_btn,
.city_event2_list2_row:hover .city_event2_list2_fig figure,
.sidebar_search input:focus,
.sidebar_heading,
.city_about_list.list2 .theam_btn:hover,
.city_senior_team > figure,
.city_health2_text .slick-prev:hover,
.city_health2_text .slick-next:hover,
.city_emergency_slider .slick-prev:hover,
.city_emergency_slider .slick-next:hover,
.city_department_wrap .slick-prev:hover,
.city_department_wrap .slick-next:hover,
.city_health2_service:hover,
.city_visit_text .theam_btn:hover,
.city_business_fig figure:after,
.city_service2_btn.btn2 .theam_btn,
.city_health_fig:after,
.city_news2_text .theam_btn,
.special_service_text .theam_btn:hover,
.city_request_list,
.city_project_wrap .slick-prev:hover, 
.city_project_wrap .slick-next:hover,
.section_heading.center:before,
.city_blog_fig.position:hover .theam_btn,
.city_office_list,
.city_department_wrap .slick-prev:hover,
.city_department_wrap .slick-next:hover,
.city_department_fig:hover,
.section_heading,
.city_top_social ul li a,
.city_top_social ul li a:hover
{
	border-color:#df193a;
	border-color:#075383
}



/*border blue color*/
.blog_post_author_text .city_top_social li a,
.blog_detail_row .city_event_meta li a,
.city_service2_btn.btn2 .theam_btn:hover,
.tabs li.active a, 
.tabs li.active a:hover,
.city_service2_fig:hover,
.city_top_social ul li a:hover,
.banner_search_field input:focus,
.theam_btn:hover{
	border-color:#075383;
}
/*
	  ============================================================
		   Transition
	  ============================================================
*/
.city_forget,
.city_checkout_list li a,
.paly_btn,
.dl-menuwrapper li a,
.side_news_deatil .theam_btn,
.city_news2_post.post2 .city_news2_detail h4,
.top_user,
.navigation ul li ul li a:before,
.navigation ul li ul li a,
.navigation ul ul li > ul,
.navigation > ul > li > ul,
.blog_post_slide_text h6 a,
.blog_next_post ul li a i,
.blog_next_post ul li a,
.detail_process_list li a,
.city_contact_text,
.sidebar_search_login a,
.city_meta_list li a,
.forum_detail_deta > a,
.city_meta_list li a,
.forum_author_text h6 a, 
.forum_fig figure:before,
.overlay:before,
.city_news2_detail .city_meta_list li a,
.city_news2_detail h2,
.city_news2_detail,
.city_team_fig .overlay:before,
.city_top_social,
.city_team_text h4 a,
.city_team_fig .city_top_social li a,
.information_list li a,
.city_project_text,
.blog_tags a,
.city_blog2_fig.fig2 .theam_btn,
.city_blog2_text h4 a,
.city_blog2_fig .overlay:before,
.see_more_btn,
.city_blog2_met,
.city_blog2_met,
.city_blog2_met:after,
.city_blog2_met:before,
.city_blog2_fig .paly_btn,
.city_blog2_text,
.city_meta_list li a,
.city_blog2_list .city_meta_list,
.city_blog2_text h5 a,
.event_categories_list.overlay:before,
.event_grid_list .event_categories_text a,
.list li,
.event_booking_form .theam_btn,
.city_event_tags span a,
.city_sponsor ul li,
.city_sponsor ul li a img,
.venue_list ul li p a,
.city_event2_year .sidebar_search input,
.city_event2_year .list li,
.city_blog_text.event2 .social_icon li a,
.share_icon,
.theam_btn,
.city_event2_list2_fig figure,
.event_categories_date:before,
.event_categories_date,
.city_blog_text.event2 .city_meta_list li a,
.city_blog_text.event2 h4 a,
.event2_menu_list a,
.event_video .overlay:before,
.event_categories_text a,
.categories_list ul li a,
.sidebar_search input,
.city_event2_meeting p,
.city_meta_list li a,
.city_event2_meeting h4,
.city_event2_calender ul li p,
.city_event2_calender ul li h4,
.city_full_event_list.overlay:before,
.theam_btn.btn2,
.city_about_list.list2 .theam_btn,
.accordion-section-title,
.city_senior_team_text h5, 
.city_senior_team_text a,
.city_local_link li a,
.city_health2_text .slick-prev,
.city_health2_text .slick-next,
.city_emergency_slider .slick-prev,
.city_emergency_slider .slick-next,
.city_department_wrap .slick-prev,
.city_department_wrap .slick-next,
.city_health2_service,
.city_health2_service span,
.city_health2_service a,
.city_health2_service h5 a,
.side_notice_text h6 a,
.side_news_text p,
.side_news_text span,
.side_contact_text a,
.side_submit_field .theam_btn.btn2,
input,
textarea,
.city_health_service2,
.see_more_btn,
.city_health_list,
.city_health_list > span.overlay:before,
.city_event2_fig,
.theam_btn.btn2, 
.city_event2_text h4 a,
.city_event2_text ul li a,
.city_visit_text .theam_btn,
.see_more_btn,
.city_busine_detail li a,
.city_project_text,
.city_jobs_item span i,
.city_service2_btn.btn2 .theam_btn,
.pagination ul li a,
.city_blog_grid_text a,
.emergency_service_item h4 a,
.city_emergency_slide_text h5 a,
.city_emergency_call ul li a,
.city_news2_text .theam_btn,
.city_news2_text p,
.special_service_text .theam_btn,
.city_service2_list > span,
.city_service2_text a,
.city_service2_fig,
.city_service2_fig .overlay:before,
.breadcrumb > li a,
.city_project_fig,
.city_project_fig .overlay:before,
.city_request_link ul li a:before,
.widget_service ul li a:before,
.widget_service ul li a,
.city_request_link ul li a,
.city_document_list ul li a,
.city_news_meta li a,
.city_client_row .bx-wrapper .bx-prev,
.city_client_row .bx-wrapper .bx-next,
.city_date_text a,
.city_event_text > a,
.city_date_text a i,
.custom_size,
.event_date,
.city_project_wrap .slick-prev:before, 
.city_project_wrap .slick-next:before,
.city_project_wrap .slick-prev, 
.city_project_wrap .slick-next,
.theam_btn,
.share_icon,
.city_blog_text,
.city_department_wrap .slick-prev:before,
.city_department_wrap .slick-next:before,
.city_department_wrap .slick-prev,
.city_department_wrap .slick-next,
.city_department_text h5,
.city_department_text p,
.city_department_text a,
.city_department_fig,
.city_department_fig .overlay:before,
.city_department_text a,
.city_about_link li a,
.city_top_social ul li a,
.paly_btn,
.city_service_text h5 a,
.city_main_banner .slick-prev:before, 
.city_main_banner .slick-next:before,
.banner_search_field input,
.banner_search_field a,
.theam_btn,
.city_top_social ul li a
{
	-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
			-ms-transition:all 0.3s ease-in-out;
				-o-transition:all 0.3s ease-in-out;
					transition:all 0.3s ease-in-out;
} 
.city_blog_fig figure img,
.city_news2_post.post2 figure img,
.blog_post_author figure img,
.blog_post_slide_fig figure img,
.forum_author_fig figure img,
.city_team_fig figure img,
.city_project02_fig figure img,
.event_categories_list figure img,
.city_blog2_fig figure img,
.city_event2_list2_fig figure img,
.event_video figure img,
.city_treatment_list .overlay:before,
.accordion-section-content figure img,
.city_senior_team figure img,
.city_project_fig figure img,
.city_health_list > span i,
.city_event2_fig figure img,
.city_business_fig figure img,
.city_visit_fig figure img,
.city_news2_fig figure img,
.city_emergency_slide_fig figure img,
.city_service_tabs_list figure img,
.city_department2_fig figure img,
.city_service2_fig figure img,
.city_blog_grid .box img,
.city_news_list .box img,
.city_news_fig .box img,
.city_event_fig .box img,
.city_blog_fig .box img,
.city_department_fig .box img,
.box img,
.city_blog_social.social2 .social_icon,
.city_news2_text,
[class^="imghvr-shutter-out-"]::before,
[class*=" imghvr-shutter-out-"]::before,
[class^="imghvr-"] .hover-theme, 
[class*=" imghvr-"] .hover-theme,
.slick-slide.slick-current.slick-active.slick-center .city_project_fig .overlay:before,
.slick-slide.slick-current.slick-active.slick-center .city_project_fig,
.city_blog_fig,
.city_blog_fig.position{
-webkit-transition:all 0.6s ease-in-out;
		-moz-transition:all 0.6s ease-in-out;
			-ms-transition:all 0.6s ease-in-out;
				-o-transition:all 0.6s ease-in-out;
					transition:all 0.6s ease-in-out;
}
.city_news2_fig .overlay:before,
.about_fig figure img{
	-webkit-transition:all 1s ease-in-out;
		-moz-transition:all 1s ease-in-out;
			-ms-transition:all 1s ease-in-out;
				-o-transition:all 1s ease-in-out;
					transition:all 1s ease-in-out;
}
.bg-color{
	background-color:#333;
}
.border-color{
	border-color:#075383;
}
.color{
	color:#075383;
}












/***************************************************** tino */

.mt-0 {margin-top:0 !important;} 
.mt-10 {margin-top:10px !important;} 
.mt-15 {margin-top:15px !important;} 
.mt-20 {margin-top:20px !important;} 
.mt-30 {margin-top:30px !important;} 
.mt-50 {margin-top:50px !important;} 
.mt-75 {margin-top:75px !important;} 
.mt-100 {margin-top:100px !important;}
.mb-0 {margin-bottom:0 !important;} 
.mb-10 {margin-bottom:10px !important;} 
.mb-15 {margin-bottom:15px !important;}
.mb-20 {margin-bottom:20px !important;} 
.mb-30 {margin-bottom:30px !important;} 
.mb-50 {margin-bottom:50px !important;} 
.mb-75 {margin-bottom:75px !important;} 
.mb-100 {margin-bottom:100px !important;}
.pt-0 {padding-top:0 !important;} 
.pt-10 {padding-top:10px !important;} 
.pt-15 {padding-top:15px !important;} 
.pt-20 {padding-top:20px !important;} 
.pt-30 {padding-top:30px !important;} 
.pt-50 {padding-top:50px !important;} 
.pt-75 {padding-top:75px !important;} 
.pt-100 {padding-top:100px !important;}
.pb-0 {padding-bottom:0 !important;} 
.pb-10 {padding-bottom:10px !important;} 
.pb-15 {padding-bottom:15px !important;} 
.pb-20 {padding-bottom:20px !important;} 
.pb-30 {padding-bottom:30px !important;}
.pb-50 {padding-bottom:50px !important;}  
.pb-75 {padding-bottom:75px !important;} 
.pb-100 {padding-bottom:100px !important;}

@media (max-width: 767px) {
    .mt-0-mob {margin-top:0;} 
	.mt-10-mob {margin-top:10px;} 
	.mt-15-mob {margin-top:15px;} 
	.mt-20-mob {margin-top:20px;} 
	.mt-30-mob {margin-top:30px;} 
	.mt-50-mob {margin-top:50px;} 
	.mt-75-mob {margin-top:75px;} 
	.mt-100-mob {margin-top:100px;}
	.mb-0-mob {margin-bottom:0;} 
	.mb-10-mob {margin-bottom:10px;} 
	.mb-15-mob {margin-bottom:15px;}
	.mb-20-mob {margin-bottom:20px;} 
	.mb-30-mob {margin-bottom:30px;} 
	.mb-50-mob {margin-bottom:50px;} 
	.mb-75-mob {margin-bottom:75px;} 
	.mb-100-mob {margin-bottom:100px;}
	.pt-0-mob {padding-top:0;} 
	.pt-10-mob {padding-top:10px;} 
	.pt-15-mob {padding-top:15px;} 
	.pt-20-mob {padding-top:20px;} 
	.pt-30-mob {padding-top:30px;} 
	.pt-50-mob {padding-top:50px;} 
	.pt-75-mob {padding-top:75px;} 
	.pt-100-mob {padding-top:100px;}
	.pb-0-mob {padding-bottom:0;} 
	.pb-10-mob {padding-bottom:10px;} 
	.pb-15-mob {padding-bottom:15px;} 
	.pb-20-mob {padding-bottom:20px;} 
	.pb-30-mob {padding-bottom:30px;}
	.pb-50-mob {padding-bottom:50px;}  
	.pb-75-mob {padding-bottom:75px;} 
	.pb-100-mob {padding-bottom:100px;}
}

.box:before, .box:after, .box .box-layer {
    display:none;
}

.page_content p {margin-bottom: 30px !important; }

.page_content ul {margin: 0px 30px 30px 30px; color:#666;}

.page_content li {
	font-size:16px; 
	padding: 5px 0;
	margin: 0 0 0 20px;
}
.page_content ul li {
	list-style:disc;
}

.page_content h2 {font-weight:bold; font-size:32px; }

.downloads {width:100%; padding: 0 0 30px 0;}
.downloads a {display:block; overflow:hidden; line-height:32px; font-size:14px; position:relative;padding: 10px 15px 10px 45px; background:#f7f7f7; margin: 0 0 3px; line-height:26px;  -webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; color:#333;overflow:hidden;}
.downloads a:hover { background:#ddd}
.downloads a i {font-size:24px; width:35px; margin-top:3px; position:absolute; top:6px; left:15px;}

.page_content p {/*margin:0 !important*/}

.page_content .blog_detail_row {padding-bottom:30px;}

.event_categories_text h6 a {font-weight:bold; font-size:18px;}

.sab_banner {
    animation: none;
    /*background: rgba(0, 0, 0, 0) url(images/sab-banner-bg.png) repeat scroll 0 0;*/
}

.city_top_social {background-color: #ddd; padding: 20px 0px 20px 20px;}

footer .city_top_social {background-color: transparent; padding: 0;}

.city_top_navigation:before {
    display:none;
}

.city_top_logo img {/*height:60px; width:auto;*/}

footer .widget_logo img {height:60px; width:auto;}

.widget_list.contact, .widget_list.contact a, .widget_list.contact strong {color:#fff;}

.widget_wrap {
    padding: 80px 0px 0px;
    margin-top: 0;
    background-image: url(images/34286.jpg);
}

.navigation > ul > li > a {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    text-transform: none;
}

.city_blog2_fig:hover figure img {
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
}

.city_blog2_wrap {
    padding: 80px 0 50px 0px;
}

.city_health_list {
    padding: 30px;
}

.city_health_service2 .see_more_btn {
    padding: 20px 30px;
}

.city_event2_row > ul > li, 
.city_event2_row > ul > li:last-child {
    width: 100%;
    border-right: none;
    padding: 30px 28px;
}

@media (max-width: 767px){
.city_event2_row > ul > li:last-child, .city_event2_row > ul > li {
    width: 100% !important;
    padding: 38px 15px;
}
}

.city_blog_text.event2 {
    overflow: hidden;
    width: 650px;
    background-color: #fff;
    padding: 25px 20px 30px 200px;
    float: right;
}

.city_event2_list2_fig {
    position: static;
	float:left;
	width:40%;
}

.city_blog_text.event2 {
    overflow: hidden;
    width: 60%;
    padding: 25px 20px 30px 30px;
    float: right;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.city_event2_list2_row {
    background-color: #fff;
}

.city_blog_text p {
    margin-bottom: 0px;
}

@media (max-width: 1199px) and (min-width: 320px){
	.city_blog_text.event2 > p {
		display: block !important;
		float:left;
		width:100%;
	}
}

@media (max-width: 550px){
.city_event2_list2_fig {
	width:100%;
}
	.city_blog_text.event2 {
    width: 100%;
    padding: 30px;
}
}

.city_business_list h3 {padding: 10px 30px 0 30px}

.city_busine_detail {
    padding: 0 30px ;
}

.city_business_fig .overlay:before, .city_business_fig .overlay:after, 
.city_team_fig .overlay:before, .city_team_fig .overlay:after {
    display:none;
}

.city_busine_detail li span, 
.city_busine_detail li a {
    display: block;
    font-size: 15px;
    padding: 12px 0px 10px 35px;
	position:relative;
}

.city_busine_detail li a i, 
.city_busine_detail li span i{
    margin-right: 20px;
    font-size: 18px;
	width:20px;
	position:absolute;
	top:12px; left:0px;
	color: #292929;
}

.city_busine_detail li:last-child {
    border-bottom: none;
}

.city_about_fig {
    padding: 0px 0px 70px 0px;
    position: relative;
}

.border:after, .border:before {
    display:none;
}
/*
.box.:hover img {
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
}
*/
.city_about_wrap {
    padding: 100px 0px 0px;
}

.city_event_wrap {
    background-image: none;background-color: #f7f7f7;
}

.bg_white {
    background-color: transparent;
}

.banners .widget_list a {display:block; text-align:center;}

.city_top_news {
    padding: 14px 0px;
    margin-top: 2px;
	overflow:hidden;
}

.city_top_news a {color:#666;}
.city_top_news a:hover {color:#075383;}

.page_content .searchresults ol li {list-style:decimal; padding: 0 0 20px 10px;
}

.page_content .searchresults li a {display:block; font-size:22px;
}

.modify {width:100%; padding: 0 0 30px 0; position:relative;}

.modify input[type="submit"] {position:absolute; top:0; right:0; width: 100px; background:#075383; color:#fff; border:none;}

.modify input[type="submit"]:hover, 
.theam_btn:hover, 
.theam_btn.btn2:hover {background:#06466f}

.auto-width {width:auto;}

.info_map {width:100%; height:210px; background:#f7f7f7;}

.info i {display:inline-block; width:25px;}

.info a {color:#666;}

.info a:hover {color:#075383}

.white_bg {background-color:#fff;}

.resident .city_business_list {margin-top:-1px;}

.services .city_business_fig .city_business_list .txt {padding: 30px 40px;}

.services .overlay {position:relative;}

.services .city_business_fig .overlay::before, 
.services .city_business_fig:hover .overlay::before, 
.resident .city_business_fig .overlay::before, 
.resident .city_business_fig:hover .overlay::before{content:""; width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.7); display:block; }






.city_top_navigation {
    padding: 0px 85px 0px;
    position: relative;
}

.navigation > ul > li > a {
    line-height:70px;
}

.navigation ul > li > ul {
    top: 90px;
}

.navigation ul > li:hover > ul{
	top:70px;
}

.months {width:100%; text-align:center;}

.months a {display:inline-block; margin: 2px; padding: 5px 10px; border: 1px solid #ccc; }

.months a.active, .months a:hover {background:#075383; color:#fff;border: 1px solid #075383;}

.searchresults_info {padding: 15px 0 30px; font-size:16px; font-weight:bold; }

.searchresults_info span {color:#075383}

@media (max-width: 991px){
.city_busine_detail {
    padding: 0 20px 10px 20px !important;
}
}

@media (max-width: 1199px) and (min-width: 992px){
.city_busine_detail {
    padding: 0px 10px 10px !important;
}
}

.captcha {position:relative;}

.captcha img {position:absolute; top:1px; right:1px;}

.response {padding-top:30px; height:20px; line-height:20px;}

.wider {padding: 0px 85px 0px;}

.hvar_bg { padding:0;}

@media (min-width:1280px) {
.hvar-map {
	position: absolute;
	left: -405px;
	right: -405px;
	top: 0;
}
.hvar-map img {
	width: 1920px;
	height: auto;
	max-width: none;
	margin: 0 auto;
	display: block;
}
.hvar_bg {
	padding-top:420px; 
	position: relative;
	overflow: hidden;
	max-width:1920px; 
	margin:0 auto;
}
}

@media (max-width: 991px){
.city_about_wrap {
    padding: 0px 0px 0px !important;
}
	.hvar_bg .text-right {text-align:center;}
}

.full-row {width:100%;}

.novosti {float:left; width: 100%;}

.novosti .full-row {width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-top:-1px; -webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; position:relative; z-index:4;}

.novosti .full-row:hover {box-shadow: 0px 0px 30px rgba(0,0,0,0.5); z-index:5;}

.city_event_wrap {z-index:3; position:relative;}

.footer {background-image: url(../images/footerbg.png); background-position: center center; background-size: cover; background-color:#095a89 !important; width:100%;}

.widget_wrap.overlay:before {background:none !important;}

.footer .widget_wrap {
    background-image: none;
	background:none !important;
	float:none;
	font-size:16px;
}

.footer .widget_wrap h3 {
	font-size:24px;
}

.footer .widget_wrap h3 {
	font-size:24px;
}

.city_top_social {
    background-color: #edf3f6;
    padding: 10px 0px 10px 20px;
	border-radius:100px;
	margin-top:10px;
}

.city_top_social a {
	color:#939393;
}

.city_top_social input, 
.city_top_social input::placeholder {
	color:#939393;
}

.section_heading {
    padding-left: 0px !important;
    border-left: none !important;
    line-height: 15px;
    margin-bottom: 22px;
}

.city_about_fig figure {box-shadow: 15px 15px 30px rgba(0,0,0,0.5);}

.n-date {color:#075383; font-weight:bold; font-size:14px; padding: 20px 0 0 0;}

.n-pic {overflow:hidden; }

.n-pic a {overflow:hidden; width:100%; display:block;}

.n-pic a img {-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

.n-pic a:hover img {transform: scale(1.1);}

.n-txt {padding: 20px 10px 20px 10px;}

.buttlike {display:inline-block; padding: 15px 20px; font-weight:bold; color: #075383; border: 2px solid #075383; -webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

.buttlike:hover {color: #fff; background: #075383;}

footer .buttlike {border: 2px solid #fff;}

footer .buttlike:hover {color: #075383; color: #fff;}

.city_project_mansory ul li a {
    color: #075383;
}

.city_project_mansory ul li a.active {
    font-weight:bold;
	border-bottom: 2px solid #075383;
}

.city_project_fig a {display:block; position:relative; z-index:5; width:100%; height:100%; }

.city_project_fig a::after {display:block; content:""; position:absolute; z-index:8; top:0; left:0; pointer-events: none; background-image: url(../images/grad.png); background-repeat: repeat-x; background-position: bottom center; width:100%; height:100%; background-size: auto 100%; -webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

.city_project_fig a:hover::after {background-color:rgba(7,83,131,0.5);}

.city_project_text span {
    display: block;
    font-size: 22px !important;
    line-height: 22px !important;
    color: #fff;
    margin-bottom: 10px;
	font-family: 'Marcellus SC', serif;
}

.city_project_text h3 {
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    line-height: 28px;
    color: #fff;
}

.city_project_text, 
.city_project_fig:hover .city_project_text {
    bottom: 30px;
    left: 30px;
    right: 30px;
    margin-top: 0;
	top:auto;
	z-index:12;
	height:auto !important;
}

.slick-prev, .slick-next {
    border: 1px solid #e6edf2 !important;
	background:#e6edf2;
	z-index:99
}

.slick-prev:hover, .slick-next:hover {
    border: 1px solid #075383 !important;
	background:#075383 !important;
}

.city_project_wrap .slick-prev:before, .city_project_wrap .slick-next:before {
    color: #075383;
}

.navigation ul li ul li a {
    font-size:15px;
	text-transform: none;
}

.navigation ul li ul li a, 
.navigation ul li ul li a:hover{
    padding: 8px 30px 8px 15px;
}

.navigation ul li ul li a:before {
	display:none;
}


.city_service_tabs ul li {
    border-bottom: none !important;
	margin-bottom:4px !important;
	background-color: #f2f3f5;
}

.city_service_tabs {
    background-color: transparent;
}

.city_service_tabs ul li a {
    -webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.city_service_tabs ul li a:hover {
    border-color: #075383;
}

.blog_author_date {
    width:100%; display:block; overflow:hidden; color:#939393; font-size:14px; font-weight:bold;
}

.blog_author_date li {
    font-size:15px;
}
.city_meta_list li {color:#939393; font-size:14px; font-weight:bold;}

.event_categories_text h5 a  {font-size:26px !important; padding-top:12px; display:block; color:#075383; font-weight:bold;}

.event_categories_date:before {
    display: none;
}

.event_categories_date {
    background-color: #075383;
    padding: 17px 5px;
	height:auto;
}

.city_event2_list2_fig figure {
    border-right: 7px solid #075383;
}


.navigation > ul > li a i {
    font-size:12px;
}

.navigation > ul > li li a i {
    font-size:12px;
	position:absolute;
	top:12px; 
	right: 10px;
}

.city_top_navigation.sticky {
    padding: 0px 85px 0px;
}

.city_about_text p {
    display:block !important;
}

.widget_list.contact a:not(.buttlike):hover, 
.copyright_text a:hover {
    color: #ccc;
}

@media (max-width:767px) {
h1 {
    font-size:42px;
	line-height:42px !important;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
.city_event_wrap .section_heading {
    padding-left: 30px !important;
    border-left: none !important;
    line-height: 15px;
    margin-bottom: 22px;
	}
	.novosti .full-row {
    padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
	.novosti .row {display: flex; flex-direction: column; padding-top:30px;}
	
	.n-pic {width:100% !important; order: 1;}
	
	.n-pic img {width:100%; height:auto;}
	
	.n-date {padding-left:15px; order: 2; width:100% !important;}
	
	.n-txt {
		padding: 10px 15px 20px 15px; order: 3; width:100% !important; 
	}
	
	.container-fluid {
		padding-right: 30px;
		padding-left: 30px;
	}
	
	.widget_copyright, 
	.widget_logo a, 
	.widget_logo, 
	.copyright_text {text-align:center !important; display:block; width:100%;}
	
	
}

.city_top_form  {
    width: 100% !important; 
}

@media (max-width:991px) {
.footer .city_top_social ul {
		float: none !important; width:100% !important; text-align:center !important;
	}
	.city_top_social ul li {
		float: none !important;
		margin-right: 10px;
		display:inline-block !important;
	}
}
.dl-menuwrapper li a:hover {
    color: #fff;
}


.slick-prev, .slick-next {
    
    text-align: center;
    border: 1px solid #c2c2c2;
}

.pagination ul li a {
    height: 44px;
    width: 44px;
    text-align: center;
    line-height: 44px;
    background-color: #f2f2f2;
    color: #333333;
    font-size: 15px;
}

a:hover, a:focus, a:active {
    color: #06466f;
}

.city_blog2_fig .event_categories_date {
    position:absolute; left:0; top:0px;
}

.page_content h2 {
    margin-top:5px;
}

.city_event2_list2_row .buttlike {margin-top:15px;}



.city_services2_wrap  .col-md-4:nth-child(3n+1) {
    clear: left;
}
@media (max-width: 991px) {
.city_services2_wrap  .col-md-4:nth-child(3n+1) {
    clear: none;
}
.city_services2_wrap  .col-md-4:nth-child(2n+1) {
    clear: left;
}
}

@media (max-width: 767px){
.sab_banner_text {
    text-align: left !important;
}
}



.city_blog2_wrap.team .col-md-4 {
    padding: 0px 15px;
}

.city_blog2_wrap.team .buttlike {margin-top:15px;}

.city_about_wrap {
    float: none;
    clear:left;
}

.city_team_fig {
    margin-bottom: 30px;
}

@media (min-width:992px) and (max-width:1023px) {
.navigation > ul > li > a {
    font-size: 14px;
}
}

.city_top_navigation {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.dl-menuwrapper .dl-submenu {
    background-color: #075383 !important;
}

.sab_banner {
    background-position: center center;
}

.pagination select, 
.pagination select:focus {
    height: 44px;
    color: #333333;
    font-size: 15px;
	font-weight:400;
    padding: 8px 24px;
    border: 1px solid #f2f2f2;
	background:#f2f2f2;
	outline:none;
}

.city_404_wrap {
    background-image:none;
    height: 100%;
    padding: 200px 0px 230px;
	background-image:url("../images/hvar_map3.jpg");
	background-size: cover;
	background-position: center center;
	text-shadow: 0 0 5px #666;
}

.city_404_wrap .theam_btn:hover {
    background:#fff;
	color:#075383;
	border-color:#fff;
}

.blog_author_date {
    color: #939393;
    font-size: 12px !important;
    font-weight: normal;
}

.blog_author_date i {
    margin: -4px 5px 4px 0;
	display:inline-block;
}

.blog_author_date i {display:inline-block; margin-left: 15px; margin-right:5px; }

.blog_author_date i:first-child {margin-left: 0px;}

.city_event2_list2_row .blog_author_date {padding-bottom:15px;}

.city_mayor_fig {
    margin-bottom: 0;
}

.city_top_search button {position:absolute; top:0px; right:-10px; font-size:16px; color:#666; background:transparent;}

.city_top_search button:focus {outline:none;}

.city_mayor_fig.row {width: auto;}

.city_mayor_text {padding-left: 0;}

.sab_banner.overlay {
	background-image: url(../images/hvar_map3.jpg)
}
.pagination ul li {
	list-style: none;
	padding: 0;
	font-size: 18px;
	margin: 0 10px 0 0;
}
.slick-slide img {
    width: 100%;
    height: auto;
}
.map-canvas {
	border: 0;
}

p a {
	/*color:#292929;*/
    color: #3c8dbc;
    text-decoration: underline;
}

p a:hover { color: #06466f;}

.accessibility, a.accessibility:focus {width: 40px; height:40px; border-radius: 20px; background:#000; color:#fff; position: fixed; bottom: 20px; left: 20px; display:block; text-align:center; line-height:40px; border: 2px solid #fff; z-index: 5000; overflow:hidden; padding:0; }


a.accessibility:hover, a.accessibility:focus, a.accessibility:active {background: #fff; color:#000; border: 2px solid #000;}

.accessibility i {margin: 8px 0 0px 0; display:block;}

/*tablice*/
.page_content table {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    margin-bottom: 30px;
    border-collapse:collapse;
    border:0; 
   
}
.page_content table th, .page_content table td{border: 1pt solid;  text-align: center;}
.page_content table th{
	font-weight:bold;
	background:rgb(7, 83, 131);
	color: white;
}

.page_content h3 {
    font-size: 20px;
}

.page_content h4 {
    font-size: 18px;
}
.city_project_wrap .container-fluid {
	max-width: 1880px;
	margin-left: auto;
	margin-right: auto;
}

.imgmode-inline{
	display:inline-block;
	margin:auto;
	clear:both;
	float:none;
}

.pagination ul li.active a {
    background-color: #075383;
    color:white;
}