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

	Theme Name:City Of Huron
	Front-end developer:  Little 
	Author Design: Ying Liu 
	Author URI: https://www.revize.com/
	Date: 04/06/2024

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

#fonts

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

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');


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

#basic styles

-----------------------------------------*/
body {background: #fff; font-size: 15px;line-height: 1.6;font-family: "Poppins",sans-serif;color: #444;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: 100%;overflow-x: hidden;top: 0 !important}


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

#typography

-----------------------------------------*/
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {font-weight: inherit}
h1 {font-size: 36px}
h2 {font-size: 32px}
h3 {font-size: 28px}
h4 {font-size: 21px}
h5 {font-size: 16px}
h6 {font-size: 14px}
.header {font-size: 28px;color: #111;margin-bottom: 30px}
.subheader {margin-bottom: 30px;font-size: 26px;font-family: "Poppins";color: rgb(34, 34, 34);font-weight: bold;line-height: 1.038;}
p {margin: 0 0 30px 0}
em {font-style: italic}
strong,
b {font-weight: bold}
small {font-size: 80%}
hr {border: solid #ccc;border-width: 1px 0 0;clear: both;margin: 10px 0 30px;height: 0}

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

.weather i {
	font-family: 'weather'
}

.weather .icon-0:before {
	content: ":"
}

.weather .icon-1:before {
	content: "p"
}

.weather .icon-2:before {
	content: "S"
}

.weather .icon-3:before {
	content: "Q"
}

.weather .icon-4:before {
	content: "S"
}

.weather .icon-5:before {
	content: "W"
}

.weather .icon-6:before {
	content: "W"
}

.weather .icon-7:before {
	content: "W"
}

.weather .icon-8:before {
	content: "W"
}

.weather .icon-9:before {
	content: "I"
}

.weather .icon-10:before {
	content: "W"
}

.weather .icon-11:before {
	content: "I"
}

.weather .icon-12:before {
	content: "I"
}

.weather .icon-13:before {
	content: "I"
}

.weather .icon-14:before {
	content: "I"
}

.weather .icon-15:before {
	content: "W"
}

.weather .icon-16:before {
	content: "I"
}

.weather .icon-17:before {
	content: "W"
}

.weather .icon-18:before {
	content: "U"
}

.weather .icon-19:before {
	content: "Z"
}

.weather .icon-20:before {
	content: "Z"
}

.weather .icon-21:before {
	content: "Z"
}

.weather .icon-22:before {
	content: "Z"
}

.weather .icon-23:before {
	content: "Z"
}

.weather .icon-24:before {
	content: "E"
}

.weather .icon-25:before {
	content: "E"
}

.weather .icon-26:before {
	content: "3"
}

.weather .icon-27:before {
	content: "a"
}

.weather .icon-28:before {
	content: "A"
}

.weather .icon-29:before {
	content: "a"
}

.weather .icon-30:before {
	content: "A"
}

.weather .icon-31:before {
	content: "6"
}

.weather .icon-32:before {
	content: "1"
}

.weather .icon-33:before {
	content: "6"
}

.weather .icon-34:before {
	content: "1"
}

.weather .icon-35:before {
	content: "W"
}

.weather .icon-36:before {
	content: "1"
}

.weather .icon-37:before {
	content: "S"
}

.weather .icon-38:before {
	content: "S"
}

.weather .icon-39:before {
	content: "S"
}

.weather .icon-40:before {
	content: "M"
}

.weather .icon-41:before {
	content: "W"
}

.weather .icon-42:before {
	content: "I"
}

.weather .icon-43:before {
	content: "W"
}

.weather .icon-44:before {
	content: "a"
}

.weather .icon-45:before {
	content: "S"
}

.weather .icon-46:before {
	content: "U"
}

.weather .icon-47:before {
	content: "S"
}

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

#links

-----------------------------------------*/
a,
a:visited {
	text-decoration: underline;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	transition: background .3s ease
}

p a,
p a:visited {line-height: inherit}

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

#lists

-----------------------------------------*/
ul,
ol {margin-bottom: 20px;margin-left: 10px}
ul {list-style: disc}
ol {list-style: decimal}
ul ul,
ul ol,
ol ol,
ol ul {margin: 4px 0 5px 30px}
ul ul li,
ul ol li,
ol ol li,
ol ul li {margin-bottom: 6px}
li {line-height: 1.3;margin-bottom: 7px}
li p {line-height: 1.3}
/* -----------------------------------------

#images

-----------------------------------------*/
img {max-width: 100%;height: auto}
a img {border: none}
.alignleft {float: left;clear: left;margin: 0 20px 20px}
.alignright {float: right;margin: 0 0 20px 20px}
.alignnone {margin: 0 auto 20px;display: block}
img[align="right"],
img[style*="float: right"],
img[style*="float:right"] {margin: 0 0 20px 20px;}
img[align="left"],
img[style*="float: left"],
img[style*="float:left"] {margin: 0 20px 20px 0;}
/* -----------------------------------------

#buttons

-----------------------------------------*/
.button,
a.button,
.btn,
#post button:not(.rz-agenda-search-submit),
#post input[type="submit"],
#post input[type="reset"],
#post input[type="button"],
.rz-btn{padding: 21px 83px 20px 80px;background:#363b4f;border:0;border-radius: 32px;display:inline-block;text-decoration:none;cursor:pointer;vertical-align:top;transition:all .3s;font-size: 17px;font-family: "Poppins";color: rgb(255, 255, 255);font-weight: 500;line-height: 1.2;text-transform: capitalize;}
.button:hover,
a.button:hover,
#post button:hover,
#post input[type="submit"]:hover,
#post input[type="reset"]:hover,
#post input[type="button"]:hover,
.rz-btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#0e8cda;color:#fff !important;}
.button:active,
a.button:active,
#post button:active,
#post input[type="submit"]:active,
#post input[type="reset"]:active,
#post input[type="button"]:active,
.rz-btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#0e8cda;color:#fff}
#post button::-moz-focus-inner,
#post input::-moz-focus-inner{border:0;padding:0}
.btn:hover{color: #fff !important;}
.btn a {color: #fff;}


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

#revize edit buttons DO NOT MODIFY

-----------------------------------------*/
/* ----------------------------------------- #helpers and positioning for revize buttons -----------------------------------------*/
.relative{position:relative!important}
.absolute{position:absolute!important}
.user-logged-in{box-shadow: 0 0 10px rgba(21,0,56,0);padding:14px}
.rz-bar-center-col{display:none!important}

/* default position for revize buttons is top right DO NOT WRAP - Check Below for other positioning */
.rz-btns-container{line-height:1.5!important;font-size:16px;opacity:0;background:#fff;padding:4px;box-shadow:0px 2px 10px rgba(21, 0, 56, 0.08);border:1px solid rgba(21, 0, 56,.1);transform:translateY(10px);transition:all .2s;position:absolute;top:0;right:0;z-index:9;white-space:nowrap}
.rz-btns-stacked{padding:6px 6px 0!important}

/* 
to reposition '.rz-btns-container' WRAP IT IN A DIV WITH ONE OF THE CLASSES BELOW
top-left,top-center,right-center,right-bottom,center-bottom,center-center,bottom-left,left-center 
*/
.left-top{top:0!important;right:auto!important;left:0!important;z-index:9;position:absolute}
.left-top .rz-btns-container{position:relative!important}
.center-top{top:0!important;right:50%!important;transform:translate(50%, 0)!important;z-index:9;position:absolute}
.center-top .rz-btns-container{position:relative!important}
.right-center{top:50%!important;right:0!important;transform:translate(0, -50%)!important;z-index:9;position:absolute}
.right-center .rz-btns-container{position:relative!important}
.right-bottom{top:auto!important;right:0!important;bottom:0!important;z-index:9;position:absolute}
.right-bottom .rz-btns-container{position:relative!important}
.center-bottom{top:auto!important;right:50%!important;bottom:0!important;transform:translateX(50%)!important;z-index:9;position:absolute}
.center-bottom .rz-btns-container{position:relative!important}
.center-center{top:50%!important;right:50%!important;transform:translate(50%, -50%)!important;z-index:9;position:absolute}
.center-center .rz-btns-container{position:relative!important}
.left-bottom{top:auto!important;right:auto!important;left:0!important;bottom:0;z-index:9;position:absolute}
.left-bottom .rz-btns-container{position:relative!important}
.left-center{top:50%!important;right:auto!important;left:0!important;transform:translate(0, -50%)!important;z-index:9;position:absolute}
.left-center .rz-btns-container{position:relative!important}

/* ----------------------------------------- rzBtn's -----------------------------------------*/
.rz-btns-container a{display:inline-block!important}
.rzBtn{text-transform:capitalize;cursor:pointer;text-decoration:none;position:relative;line-height:1.5!important;display:inline-block!important;letter-spacing:0!important;padding:7px 14px;background:#fff!important;color:#000!important;font-weight:bold!important;font-size:16px;white-space:nowrap;text-align:center;border:1px solid #e6e6e6;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important}
.rz-btns-stacked a,.rz-btns-stacked .rzBtn{display:block!important;margin-bottom:6px;text-decoration:none}
.rzBtn:hover{background:#eee!important;border-color:#ccc;color:#000!important;text-decoration:none}
.rzBtn-sm{font-size:14px!important;padding:5px 10px!important}
.rzBtn-xs{font-size:12px!important;padding:3px 6px!important}
.user-logged-in .yes-has-edit-buttons{position:relative;outline:3px solid transparent;outline-offset:6px}
.user-logged-in .yes-has-edit-buttons:hover,.show-edit-buttons .user-logged-in .yes-has-edit-buttons{outline:3px solid #6000fe;outline-offset:3px;z-index:10!important;transition:all .2s;min-width:142px;min-height:32px}
.user-logged-in .yes-has-edit-buttons:hover .rz-btns-container:has(.rzBtn),
.show-edit-buttons .user-logged-in .yes-has-edit-buttons .rz-btns-container:has(.rzBtn){opacity:1;height:auto;transform:translateY(0);opacity:1}
.hide-edit-btns .rz-btns-container{display:none}
.user-not-logged-in .rz-btns-container{display:none!important}

/* scrollMenu */
#scrollMenu{position:fixed;right:0;top: 50%;transform: translateY(-2%);z-index: 1000!important;list-style:none;margin:0;padding:0;}
#scrollMenu li{display:flex;justify-content:flex-end;margin-bottom:0}
.scrollMenu-item{display:flex;align-items:center;position:relative;gap: 30px;text-decoration:none;width: 263px;height:69px;background:#5b8fc3;transition:all 320ms;overflow:hidden;margin-bottom: 9px;border: 0.25px solid rgb(255, 255, 255);}

.scrollMenu-item-icon-box{flex-shrink: 0;width: 67px;height: 67px;background: rgb(54, 59, 79);text-align: center;position: relative;}
.scrollMenu-icon{width: 24px;position:relative;margin: 0 auto;top: 20px;}
.scrollMenu-item-title{position:relative;z-index:10;transition:all 320ms;color: #fff;text-transform: capitalize;line-height: 1.6;font-size: 18px;font-weight: 500;margin-left: 0;letter-spacing: 0.3px;}
.scrollMenu-item:hover{text-decoration:none;background: #FFF;}
.scrollMenu-item:hover .scrollMenu-item-title{color: #000;}
.scrollMenu-item:hover .scrollMenu-item-title{display: block;}

#scrollMenu .rz-btns-container {top:-40px}

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

#forms

-----------------------------------------*/
form {margin-bottom: 30px}
fieldset {margin-bottom: 30px}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select {border: 1px solid #e9eaec;padding: 10px 14px;outline: none;font-size: 13px;font-family: sans-serif;color: #777;margin: 0;display: inline-block;background: #fff;border-radius: 0;box-shadow: none}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {color: #63686c;border: 1px solid #0F95E9}
label,
legend {display: block;font-weight: bold;font-size: 13px}
input[type="checkbox"] {display: inline}
label span,
legend span {font-weight: normal;font-size: 13px;color: #444}
.form-control:focus {border-color: inherit;-webkit-box-shadow: none;box-shadow: none}
::-webkit-input-placeholder {color: #777}
:-moz-placeholder {color: #777}
::-moz-placeholder {color: #777}
:-ms-input-placeholder {color: #777}
.gsc-control-cse * {box-sizing: content-box}
/* -----------------------------------------

#rz intranet

-----------------------------------------*/
form.loginform {background: #fff;padding: 30px;border: 1px solid #D2DFEF}
form.loginform p {background: #E65229;color: #fff;padding: 20px;line-height: 1}
form.loginform label {font-weight: normal}
form.loginform label input {display: block;margin-bottom: 10px;width: 100%;box-sizing: border-box;padding: 10px;color: #000}

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

#rz alert

-----------------------------------------*/
.floating-alert{position:fixed;z-index:99999;bottom:20px;margin:0;right:20px;background:#fff;box-shadow:0 4px 24px rgba(0,0,0,0.15),0 2px 6px rgba(0,0,0,0.05);color:#666;padding:28px;font-size:14px;width:410px;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;border:0}
.floating-alert h2{color:#000;margin:0 0 10px;font-size:24px;font-weight:700;line-height:1.3}
.floating-alert p{margin:0}
.alert-buttons{margin:28px -28px -28px;border-top:1px solid #eee;display:flex}
.alert-button{border-right:1px solid #eee;flex:1 1 auto;text-align:center;padding:14px 0;text-decoration:none;color:#000;font-weight:700;line-height:1.5}
.alert-buttons .alert-button:last-of-type{border:0}
.alert-button:hover{background:#1c3356;color:#fff;text-decoration:none;cursor:pointer}
.floating-alert.fade:not(.show){display:none}

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

#rz edit

-----------------------------------------*/
#event-modal .modal-footer .btn{margin:0 0 0 10px}

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

#main

-----------------------------------------*/
h3.jobs-title {font-size: 16px;}
article#rz-business-directory i.fa.fa-twitter:before{content: "";background:url(../images/twitter-x.png);background-size: cover;display: inline-block;width: 18px;height: 18px;position: relative;top: 3px;}
.business-social-links a>.fa-twitter:before{content: "";background:url(../images/twitter-x.png);background-size: cover;display: inline-block;width: 18px;height: 18px;position: relative;top: 3px;}
.section-title {font-size: 20px;font-family: "NotoSerif";color: #86BAE4;font-style: italic;line-height: 1.2;text-align: left;text-transform: capitalize;}
.section-title h2 {font-size: 72px;color: rgb(6, 44, 85);font-weight: 700;line-height: 1.2;text-align: left;font-style: normal;font-family: 'Poppins';margin-bottom: 12px;}
#news .tns-controls{left: -100px;right: -100px;}
.bid-header {font-size: 15px;font-weight: 500;}
#homepage #news .tiny-carousel{display: flex;align-items: stretch;}
#homepage #news .tns-controls button{ background-color: #86BAE4;border-radius: 2px; width: 54px;height: 55px;}
#homepage #slider .tns-controls button{background: #86BAE4}
#freeform #slider .tns-controls button{background: #86BAE4}
 #search .home{display: none;}
 #homepage #slider-search {position: absolute;bottom: 27%;left: 265px;}
 #homepage .slider-search-btn {position: absolute;right: 0;background-color: rgb(54, 59, 79);width: 67px;height: 67px;border: none;border-radius: 0 6px 6px 0;}
#homepage #slider-search-input {width: 411px;height: 67px;border-radius: 6px;}
 .home #search{display: none;}
 .static {position: static !important;}
 .user-logged-in .site-header {position: absolute;margin-top: 112px;}

/* to remove */
#wrapper_sliderVideo{z-index:1 !important}
#skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999}
#skip:focus{left:50px;top:50px}
div.skiptranslate{display:none !important}
.container{width:1374px;max-width: 100%;}

/* Header */
.site-header{position:fixed;top:0;left:0;width:100%;z-index:250;background:none}
.site-header-btm{display: flex;gap: 31px;z-index: 9;position: relative;}
.site-header-top {background: rgb(50, 59, 81);padding: 10px 0 17px;}
.header-btm-contents::before{content: "";position: absolute;top:47px;left: 0;width: 100%;height: 100%;z-index: 9;opacity: 120%;transition: all .3s;background: linear-gradient(180deg, #336c9b 0%, rgba(0, 0, 0, 0.00) 100%);}
#homepage .header-btm-contents .container {width: 1325px;}


.logo-wrap{position: relative;width: 306px;}
#logo{display:block;padding: 20px 0;text-decoration:none;width:100%;max-width:100%;position: absolute;top:0;left:0;}

/*base nav styles*/
.site-header #nav{padding:0;margin: 0 0 0 -15px;display:flex;flex-wrap:wrap;justify-content: center;}
.site-header #nav li{list-style:none;margin:0}
.site-header #nav ul{padding:0;margin:0}
.site-header #nav a,
.site-header #nav span{position:relative;text-decoration:none;font-weight: 700;display:block;padding: 48px 25px;line-height: 1.5;font-size: 15.471px;color: rgb(255, 255, 255);text-transform: uppercase;}
.site-header #nav ul a,
.site-header #nav ul span{display:block}
.site-header #nav li:last-child>a,
.site-header #nav li:last-child>span{border:0}

.site-header.sticky-top #nav>li>a,
.site-header.sticky-top #nav>li>span{color: #1B1B1B;}

.text-overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.toggle {display: none}

#twitterfeed {background: #f1f1f1}

.goog-te-banner-frame {display: none}


/* Google translate*/
#translation-links{padding:0;margin:0;display: flex;justify-content: end;}
#translation-links button{padding:0;border:0;background:none;font-size: 14px;color: #fff;position: relative;left: 5px;}
.site-header.sticky-top #translation-links button{color: #4D4D4D;}
#translation-links button i{position: relative;top: 1px;right: -6px;font-family: "fontAwesome";font-style: normal;font-size: 11px;font-weight: 300;}
#translation-links li{position:relative;margin:0;list-style:none;line-height: 1.5}
#translation-links ul{padding:10px 0;margin:0;position:absolute;z-index:50;top:100%;left:0;width:300px;background:#fff;display:none;height:400px;overflow-y:scroll;}
#translation-links ul li{margin:0}
#translation-links ul li a{color:#4A221A;display:block;text-decoration:none;padding:.75rem 1.5rem;}
#translation-links ul li a:hover{background:#eee}
[lang="en"] #translate-reset{display: none}
[data-lang="English"]{background:#f9f9f9}
div.skiptranslate{display:none !important}
#translation-links img.translate-icon {width: 20px;position: relative;left: -18px;}


/* Search */
#search{width: 240px;margin-top: 35px;position: absolute;right: 0;}
#search form{position:relative;margin:0;}
#search input{border:0;height: 54px;color: #fff;padding-left: 66px;padding-right: 10px;background: rgb(92, 144, 194);border-radius: 30px;font-weight: 400;font-size: 14px;}
#search input::-webkit-input-placeholder{color:#fff}
#search input:-moz-placeholder{color:#fff}
#search input::-moz-placeholder{color:#fff}
#search input:-ms-input-placeholder{color:#fff}
#search label{margin:0;position:absolute;left:0;top:0;line-height:45px}
#search button{position:absolute;padding: 0;left: 5px;top: 5px;border:0;background: #86BAE4;color:#fff;text-transform:uppercase;width: 42px;height: 42px;border-radius: 50%;}
#search .search-form img {width: 13px;height: 13px;}




/* quickLinks-section */
#homepage #quick-links{padding: 0 0 67px;position: relative;z-index: 99;margin-top: -160px;}
#homepage #quick-links .container{width: 1327px;}
#homepage #quick-links .qlink{text-decoration: none;color: rgb(6, 44, 87);font-weight: 700;font-size: 24px;text-align: center;line-height: 23px;display: block;}
#homepage #quick-links .qlink-icon{width: 106px;height: 106px;border-radius:50%;background: rgb(54, 59, 79);display: flex;justify-content: center;align-items: center;margin: 0 auto 26px;}
#homepage #quick-links .qlink-icon img{width: 45px;}
#homepage #quick-links .qlink-title{text-align: center;margin: 0 auto;text-transform: capitalize;font-size: 20px;}
#homepage #quick-links .qlink:hover {text-decoration: none;}
#homepage #quick-links .qlink:hover .qlink-icon{background: #86BAE4;}
#homepage #quick-links .tns-controls{top: 25%;left: -92px;right: -92px;}
#homepage #quick-links .tns-controls button{ background-color:#86BAE4 ;border-radius: 2px;}



/*Events*/
#homepage #events .events-top {display: flex;justify-content: space-between;}
#homepage #events .events-btm {background:rgb(90, 143, 186);padding: 58px 87px 6px;border-radius: 29px;width: 100%;height: 553px;position: relative;overflow: hidden;}
#homepage #events{position: relative;margin-top: -55px;background: rgb(235, 240, 246);padding-bottom: 67px;padding-top: 64px;z-index: -1;}
#homepage #events img.events-icon {position: absolute;width: 291px;top: unset;right: 38px;bottom: -13px;height: 301px;}
#homepage #events a.btn.section-btn {height: 61px;margin-top: 40px;}


/*Welcome*/
#homepage #welcome {padding: 6px 0 115px 0;}
#homepage #welcome .container {width: 1250px;}
#homepage #welcome .welcome-in {display: flex;justify-content: space-between;}
#homepage #welcome .welcome-left{width: 48%;}
#homepage #welcome .welcome-right{width: 48%;}
#homepage #welcome .section-title h2 {font-size: 50px;}
#homepage #welcome .welcome{display: block;}
#homepage #welcome .welcome-text p {font-size: 17px;color: rgb(14, 43, 62);font-weight: 700;line-height: 28px;text-align: left;margin: 0 auto 18px;}
#homepage #welcome .welcome img {border-radius: 30px;width: 100%;height: 100%;min-height: 400px;}
#homepage #welcome  .tns-controls{opacity: 0;}


/*news*/
#homepage #news {padding: 0 0 114px 0;}
#homepage #news  .section-title h2,#homepage #news .section-title{color: #fff;}
#homepage #news .container {width: 1306px;}
#homepage #news img.slider-icon-main {transform: rotate(360deg) scaleX(-1);margin-top: 20px;}
#homepage #news .welcome-shape {position: relative;top: -140px;left: 0;width: 100%;display: flex;margin-bottom: -100px;}
#homepage #news .news-in {padding-top: 40px;}
#homepage #news .news-top {display: flex;justify-content: space-between;margin: 34px 0 22px 0;position: relative;}
#homepage #news .tns-lazy-img.news-banner.tns-complete {height: 293px;border-radius: 22px;}
#homepage #news .news-title h3 {font-size: 48px;font-family: "Poppins";color: rgb(47, 47, 47);font-weight: bold;line-height: 1.25;text-transform: capitalize;padding-top: 126px;margin-left: -15px;}
#homepage #news .news-btn .btn {padding: 7px 35px 8px 36px;font-size: 16px;font-family: "Poppins";color: rgb(255, 255, 255);line-height: 1.563;text-align: center;text-transform: capitalize;border-radius: 20px;}
#homepage #news .news-btn{margin-top: -13px;margin-left: -15px;}
#homepage #news .tns-outer{padding: 0 !important;}
#homepage #news .news-right {padding-top: 60px;margin-left: 137px;}
#homepage #news .news-details.equal {font-size: 16px;font-family: "Poppins";color: rgb(47, 47, 47);font-weight: 700;line-height: 1.563;margin-bottom: 7px;}
#homepage #news .news{text-decoration: none;display: inline;top: -11px;position: relative;}
#homepage #news .news-title {font-size: 26px;color: rgb(6, 44, 85);font-weight: 700;text-transform: capitalize;}
#homepage #news .news-btn-sml {font-size: 20px;color: rgb(0, 51, 127);font-weight: 700;text-transform: capitalize;display: block;margin-top: auto;}
#homepage #news .news-info {padding: 24px 0 0 0;flex: 1;display: flex;flex-direction: column;}
#homepage #news .news-bg{border-radius: 30px;background-color: rgb(255, 255, 255);box-shadow: 0px 4px 20px 0px rgba(44, 44, 44, 0.29);padding: 15px 15px  35px 15px;height: 100%;display: flex;flex-direction: column;}
#homepage #news .news-bg:hover .news-btn-sml{color:rgb(71, 126, 212) ;text-decoration: underline;}
#homepage #news .news-bg:hover .news-date{color: #f4cd44;}
#homepage #news .tns-ovh{padding: 20px 10px;margin:-20px;}
#homepage #news .tns-item:not(.tns-slide-active) .news-bg{box-shadow: none;}
#homepage #news .news-bg:hover .tns-lazy-img.news-banner.tns-complete{border-bottom:10px solid #86BAE4; transition:0.3s all;}
#homepage #news a.btn.section-btn {height: 61px;margin-top: 23px;padding: 20px 56px 0 62px;background: #86BAE4;}

/*footer*/
 #footer-top{background:rgb(12, 35, 54);padding: 33px 0 2px 91px;}
.footer-contents {display: flex;justify-content: space-between;gap:40px;}

.footer-logo {width: 267px;}
.footer-col {display: flex;justify-content: center;align-items: center;height: 100%;}
.footer-icon {width: 33px;margin-right: 10px;}
.footer-icon img {filter: brightness(0) saturate(100) invert(73%) sepia(24%) saturate(636%) hue-rotate(169deg) brightness(94%) contrast(90%);}
.footer-link.bold {font-size: 15.54px;color: rgb(160, 160, 160);font-weight: 700;line-height: 1.375;text-decoration: none;}
.footer-list{list-style: none;}
.footer-link {font-size: 15.54px;font-family: "Poppins";color: rgb(255, 255, 255);line-height: 1.375;font-weight: 500;}
#footer-top ul {padding: 0;margin: 0;}
.footer-contents.small {display: flex;padding: 35px 0;flex:1;gap:0;}
.footer-contents.small .divider{flex:1;}
.footer-contents.small .divider{border-left: 1px solid rgba(255, 255, 255, 0.4);}
div#footer-bottom {padding: 12px 30px;background: #86BAE4;color: #fff;font-size: 18px;text-transform: capitalize;}
a#revize-link {color: #fff;text-decoration: none;text-transform: lowercase;font-weight: 700;}
a#revize-login {color: #fff;font-weight: 700;text-transform: uppercase;text-decoration: none;margin-left: 40px;}
#footer-bottom .container {width: 1331px;}
.footer-link:any-link:hover{color: #fff !important;}

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

#inner

-----------------------------------------*/
#freeform .header-btm-contents .container{width: 1440px;}
#freeform{position: relative;}
#freeform #slider{position: relative;}
#freeform #slider{height: 547px;padding:0;z-index: 10;}
#freeform #slider-mask{position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}
#inner-caption{position: absolute;top: 41%;left:0;right:0;z-index: 10;font-size: 72px;font-weight: 500;color:#fff;text-transform: uppercase;}
#flyout-wrap{color:#fff}
#flyout-header{color: #000000;font-size: 23px;font-weight: 700;text-transform: capitalize;padding: 45px 36px 0px 36px;margin-bottom: 0;}
#flyout{padding:0;margin:0;background: #fff;padding: 0px 0 42px 0;border-radius: 0;}
#flyout>li{position:relative;margin:0;list-style:none;padding: 0 68px 0 36px;}
#flyout a,
#flyout span{display:block;text-decoration:none;font-size: 15px;text-transform: capitalize;font-weight: 500;color: #000;line-height: 24px;padding: 15px 0;position:relative;}
#flyout ul{padding:0;margin:0;display:none;list-style: none;}
#flyout ul a,
#flyout ul span{font-size: 14px;padding: 15px;display: block;border-bottom: 1px solid rgba(0,0,0,.15);}
#flyout li:last-of-type a, #flyout li:last-of-type span{border:none;}
#breadcrumbs{font-size:14px;font-weight:900;color:#fff}
#breadcrumbs a{text-decoration:none;color: #999999;}
#breadcrumbs a:after{content:'\f105';font-family:'FontAwesome';font-weight:400;color: #999999;margin: 0 9px 0 11px;font-size:12px}
.container.for-breadcrumbs{position:absolute;left: -102px;right:0;bottom: 24px;z-index:51;}
#breadcrumbs{font-size:13px;text-transform:capitalize}
#breadcrumbs a{text-decoration:none;font-size: 14px;}
#breadcrubs span{font-size: 16px;}
#breadcrumbs ul{list-style:none;margin:0;padding:0}
#breadcrumbs li{display:inline-block;margin:0;padding:0;font-size: 14px;color: #999999;font-weight: 600;text-transform: capitalize;} 
.col-xs-12{width:100%}
#post li{list-style: unset;}
#freeform .slider-contacts {position: fixed;color: #fff;right: 0;top: 25%;z-index: 9;left: unset;}
#freeform .contact-text {display: grid;font-size: 15px;color: #fff;padding: 19px 0px 24px 24px;background: #144d6f;width: 100%;opacity: 0.678;font-weight: 400;text-transform: capitalize;transition: 0.3s all;}
#freeform a.contact-wrap {display: flex;margin-bottom: 5px;width: 273px;height: 94px;text-decoration: none;cursor: pointer;border: 0.25px solid rgb(255, 255, 255);}
#freeform .contact-icon {background: rgb(54, 59, 79);position: relative;max-width: 67px;width: 100%;}
#freeform .contact-icon img {width: 33px;text-align: center;margin: 0 auto;left: 20px;position: relative;right: 0;top: 25px;}
#freeform .contact-text span {font-weight: 600;text-decoration: underline;font-size: 18px;line-height: 18px;}
#freeform .contact-text:hover{background: #fff;color: #000;}
#freeform .site-header #nav {flex-wrap: unset;}
#freeform #placeholder-wrapper {margin: 50px 0 43px 0;}

#freeform #main{position: relative;}
#freeform #flyout-wrap{margin: 71px 0 35px 23px;background: #fff;width: 308px;border-radius: 0;position: relative;z-index: 10;border-top: 3px solid rgb(12, 35, 54);}
#flyout li{margin:0;}
#entry{padding: 68px 0 266px 96px;}
#page-title{font-size: 47px;font-weight: 600;margin: 1px 0 16px;text-transform: capitalize;color: #222222;}
#freeform.fullwidth #entry{padding:95px 0 266px;}
#freeform.fullwidth .container.for-breadcrumbs{left:0;}

/* .fire aside{position:absolute} */
.fire #flyout-wrap{margin: 71px 0 35px 23px;background: #F3F6FD;width: 308px;border-radius: 0;position: relative;z-index: 10;border-top: 3px solid rgb(12, 35, 54);}
.fire #flyout {background: #F3F6FD;}

/*Police*/
.police .logo-wrap {width: 195px;margin: -48px 28px;}
.police .header-btm-contents .container{width: 1374px !important;}
.police .development-in {display: flex;justify-content: space-between;}
.police .slider-contacts {position: fixed;color: #fff;right: 0;top: 25%;z-index: 999;left: unset;}
.police .contact-text {display: grid;font-size: 15px;color: #fff;padding: 19px 0px 24px 24px;background: #144d6f;width: 100%;opacity: 0.678;font-weight: 400;text-transform: capitalize;transition: 0.3s all;}
.police a.contact-wrap {display: flex;margin-bottom: 5px;width: 273px;height: 94px;text-decoration: none;cursor: pointer;border: 0.25px solid rgb(255, 255, 255);}
.police .contact-icon {background: rgb(54, 59, 79);position: relative;max-width: 67px;width: 100%;}
.police .contact-icon img {width: 33px;text-align: center;margin: 0 auto;left: 18px;position: relative;right: 0;top: 25px;}
.police .contact-text span {font-weight: 600;text-decoration: underline;font-size: 18px;line-height: 18px;}
.police .contact-text:hover{background: #fff;color: #000;}
.police #search button{background: #4b69ba;}
.police #search input{background: #3f76ab;opacity: 0.841;}
.police #quick-links .qlink-icon{background: rgb(75, 105, 186) !important;}
.police #quick-links .qlink:hover .qlink-icon{background: rgb(209, 2, 28) !important;}
.police .section-title {color: rgb(167, 169, 171) !important;}
.police .section-title h2{color: rgb(3, 9, 21) !important;line-height: 78px;}
.police .dev-title {font-size: 18px;font-family: "NotoSerif";color: rgb(6, 44, 85);font-style: italic;line-height: 1.2;text-align: left;text-transform: capitalize;}
.police .dev-text p {font-size: 14px;font-family: "Poppins";color: rgb(73, 83, 94);line-height: 1.5;text-align: left;padding: 0 80px 0 0;}
.police #development {padding: 42px 0 195px 47px;}
.police .btn{background: rgb(209, 2, 28) !important;}
.police .development-right img {width: 1048px;margin-top: -85px;margin-left: -58px;}
.police #news .section-title h2,.police #news .section-title{color: #fff !important;}
.police  #news .welcome-shape {bottom: 39.2% !important;}
.police  #news {padding: 50px 0 87px 0 !important;}
.police  .tns-controls button{background: rgb(75, 105, 186) !important;}
.police #quick-links .tns-controls {top: 40% !important;}


/*Fire*/
.fire .development-in {display: flex;justify-content: space-between;gap: 90px;}
.fire .logo-wrap{width: 196px !important;}
.fire  .header-btm-contents .container{width: 1374px !important;}
.fire #search button{background: rgb(233, 173, 6) !important;}
.fire .tns-controls button {background-color:rgb(233, 173, 6) !important;}
.fire .btn{background:rgb(233, 173, 6)!important;}
.fire  #quick-links .qlink-icon{background:  rgb(4, 86, 151) !important;}
.fire  #quick-links .qlink:hover .qlink-icon{background:rgb(233, 173, 6)!important;}
.fire  .section-title{color:rgb(233, 173, 6)!important ;}
.fire .development-left {width: 50%;}
.fire .dev-title {font-size: 18px;font-family: "NotoSerif";color: rgb(6, 44, 85);font-style: italic;line-height: 1.2;}
.fire  #news .welcome-shape{bottom: 40.2% !important;}
.fire #development {padding-bottom: 150px !important;}
.fire .slider-contacts {position: fixed;color: #fff;right: 0;top: 25%;z-index: 999;left: unset;}
.user-logged-in.fire .slider-contacts {top: 40%}
.fire .contact-text {display: grid;font-size: 15px;color: #fff;padding: 19px 0px 24px 24px;background: #144d6f;width: 100%;opacity: 0.678;font-weight: 400;text-transform: capitalize;transition: 0.3s all;}
.fire a.contact-wrap {display: flex;margin-bottom: 5px;width: 273px;height: 94px;text-decoration: none;cursor: pointer;border: 0.25px solid rgb(255, 255, 255);}
.fire .contact-icon {background: rgb(54, 59, 79);position: relative;max-width: 67px;width: 100%;}
.fire .contact-icon img {width: 33px;text-align: center;margin: 0 auto;left: 18px;position: relative;right: 0;top: 25px;}
.fire .contact-text span {font-weight: 600;text-decoration: underline;font-size: 18px;line-height: 18px;}
.fire .contact-text:hover{background: #fff;color: #000;}
.fire #news{min-height: 760px;}


/*Economic*/
.economic .header-btm-contents .container{width: 1374px !important;}
.economic .logo-wrap {width: 202px;}
.economic .development-in {display: flex;justify-content: space-between;padding-bottom: 120px;}
.economic .development-left{width: 50%;}
.economic #quick-links .qlink-icon{background: rgb(4, 86, 151) !important;}
.economic #quick-links .qlink:hover .qlink-icon {background: #86BAE4 !important;}
.economic #development .btn{background: #045596 !important;}
.economic .eco-events-top {display: flex;justify-content: space-between;}
.economic #eco-events a.btn.section-btn {height: 60px;background: rgb(79, 170, 84) !important;}
.economic .dev-title {font-size: 18px;font-family: "NotoSerif";color: rgb(6, 44, 85);font-style: italic;line-height: 1.2;}
.economic .dev-text p {font-size: 16px;font-family: "Poppins";color: rgb(73, 83, 94);line-height: 1.5;text-align: left;padding: 0 80px 0 0;}
.economic  #news .welcome-shape{bottom: 36.2% !important;}
.economic #development {padding-bottom: 110px !important;}
.economic .slider-contacts {position: fixed;color: #fff;right: 0;top: 25%;z-index: 999;left: unset;}
.economic .contact-text {display: grid;font-size: 15px;color: #fff;padding: 19px 0px 24px 24px;background: #144d6f;width: 100%;opacity: 0.678;font-weight: 400;text-transform: capitalize;transition: 0.3s all;}
.economic a.contact-wrap {display: flex;margin-bottom: 5px;width: 273px;height: 94px;text-decoration: none;cursor: pointer;border: 0.25px solid rgb(255, 255, 255);}
.economic .contact-icon {background: rgb(54, 59, 79);position: relative;max-width: 67px;width: 100%;}
.economic .contact-icon img {width: 33px;text-align: center;margin: 0 auto;left: 18px;position: relative;right: 0;top: 25px;}
.economic .contact-text span {font-weight: 600;text-decoration: underline;font-size: 18px;line-height: 18px;}
.economic .contact-text:hover{background: #fff;color: #000;}
.economic  #eco-events {padding-bottom: 50px;}


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

#share widget

-----------------------------------------*/
.modal {z-index: 100000}
.modal-content {overflow: hidden;box-shadow: none !important;border-radius: 3px}
.modal-header {background: #fff;border-color: #F4F9FD;text-align: center;padding: 30px 60px;text-align: left}
.modal-header h4 {font-size: 30px}
.modal-header button {margin-top: 2px !important;position: relative;font-size: 25px}
.modal-body {padding: 40px 60px}
.copylink {margin-bottom: 40px}
.copylink pre {border-color: #DBE7F0;background: #F4F9FD;border-width: 1px}
.modal-header button,
.modal-header button:hover {color: #000 !important;background: none}
.share-btns {margin: 0 0 20px}
.share-btns a {display: block;border: 1px solid #DBE7F0;text-align: center;height: 170px;border-radius: 3px;overflow: hidden;text-decoration: none;margin-bottom: 20px}
.share-btns i {display: block;line-height: 170px !important;font-size: 60px}
.btn-facebook {color: #3b5998 !important}
.btn-twitter {color: #00ACED !important}
.btn-google {color: #D34836 !important}
.btn-reddit {color: #ff5700 !important}
.btn-facebook:hover {border-color: #3b5998}
.btn-twitter:hover {border-color: #00ACED}
.btn-google:hover {border-color: #D34836}
.btn-reddit:hover {border-color: #ff5700}
.btn-lg {font-size: 16px;padding: 14px 30px;border: 0;border-radius: 3px}
.floating-share-btn {position: fixed;z-index: 99999;top: 85%;width:46px;height:44px;right: 0;border-radius: 4px 0 0 4px;border: 0;background: #1C2F53 !important;color: #fff !important;padding: 0 !important;box-shadow: 0 0 10px rgba(0, 0, 0, .3);text-align: center;display: flex;align-items: center;justify-content: center;}
.floating-share-btn span {display: none;margin-top: 5px;text-transform: uppercase}
.share-btns a img {width: 55px;display: block;margin: 55px auto;}
.share-icon{width: 20px;}

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

#slider

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

#slider{position:relative;height: 964px;}
#homepage #slider img.slider-icon {position: absolute;bottom: -1px;top: unset;width: 100%;left: 0;}
#homepage #slider img.slider-icon-main {position: absolute;bottom: -1px;width: 100%;top: unset;}
#slider .tns-outer{position:absolute;left:0;right:0;top:0;bottom:0}
#slider-caption{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:51}

.tns-outer button[data-controls]{border:0;padding:0;background:#7f2cf0;width:40px;line-height:40px;color:#fff;font-size:18px;margin:0 15px}
.tns-nav{position:absolute;bottom:15px;left:0;right:0;z-index:1;text-align:center}
.tns-nav button{border:0;background:#fff;padding:0;width:15px;height:15px;border-radius:50px;margin:0 3px}
.tns-nav button.tns-nav-active{background:#7f2cf0}

.tiny-slider-wrap > .tns-outer,
.tiny-slider-wrap > .tns-outer > .tns-inner,
.tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider,
.tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider .tns-item,
.tns-bg-slide {height:100%}
.tns-outer{position:relative}
.tns-controls{position:absolute;top:50%;left:0;right:0;z-index:1;transform:translateY(-50%)}
.tns-controls button:last-of-type {float:right}
.tiny-slider-wrap button[data-action]{position:absolute;bottom:0;right:0;z-index:1}
ul.tiny-slider,
ul.tiny-carousel{padding:0;margin:0}

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

#media queries

-----------------------------------------*/
@media only screen and (max-width:1700px){
	.logo-wrap {width: 230px;}
}


@media only screen and (max-width:1500px){
	#homepage #quick-links .tns-controls{left: 0;right: 0;}
	#news .tns-controls{left: 0;right: 0;}
	.police .logo-wrap {width: 125px;}
	.police .site-header #nav{margin: 0 !important;}
	.police #search {margin-top: 0 !important;}
}

@media only screen and (max-width:1350px){
	.site-header #nav a, .site-header #nav span{padding: 48px 18px;}
}

@media only screen and (max-width:1300px){
	.footer-contents{gap: 70px;}
	.footer-logo {width: 230px;}
	.site-header #nav a, .site-header #nav span{font-size: 12px;}
	
}

@media only screen and (max-width:1100px){
	.footer-contents-small {gap: 50px;}
	.site-header-btm {gap: 0;}
	.fire .logo-wrap {width: 130px !important;}
	.fire .site-header-btm {gap: 35px;}
	.footer-contents .small {gap: 30px;}
	#footer-bottom {font-size: 14px !important;}
	 .site-header #nav{flex-wrap: unset !important;}

}

@media only screen and (min-width:992px) {

	.site-header #nav .toggle,
	.site-header #nav .toggle2,
	#flyout .toggle{display:none}
	.site-header #nav .toggle,
	.site-header #nav .toggle2{padding: 0 !important;}
	.site-header #nav .focused .toggle,
	.site-header #nav .focused .toggle2,
	#flyout .focused .toggle{display:inline-block;margin-left:8px}
	
	#flyout .focused .toggle,
	.site-header #nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
	#flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;right:15px; top:0px;}

	#flyout ul{position: absolute;left: 100%;top:0;width:200px;z-index: 10;background: #F2F5FF;}
	#flyout>li:hover ul{display: block;}



	#flyout>li>a:before,#flyout>li>span:before{content: "";position: absolute;bottom:0;left:0;width:100%;height: 1px;background:rgba(227, 230, 236, 0.502)}
  #flyout>li:hover:before{content: "";position: absolute;top:-1px;bottom:-1px;width: 100%;left:0;background: #86BAE4;}
  #flyout>li:hover>a:before,
  #flyout>li:hover>span:before{display: none;}
  #flyout>li:last-of-type>a:before, #flyout>li:last-of-type>span:before{display:none;}
  #flyout>li:hover>a,
  #flyout>li:hover>span{color:#fff;}
  #freeform .site-header #nav a, #freeform .site-header #nav span{padding: 48px 18px;}

	
	/* base nav styles  */
	.site-header #nav li:hover>ul{display:block}
	.site-header #nav ul a:not(.fa),
	.site-header #nav ul span{display:block;color:#fff}
	#nav li:hover>ul{display:block !important}
	#nav>li:hover>a,#nav>li:hover>span{color: #86BAE4 !important;}
	#nav>li:first-of-type>a:not(.fa)::after,
	#nav>li:first-of-type>span::after{content: "";position: absolute;bottom:40px;left:50%;width: calc(100% - 50px);transform: translateX(-50%);height: 3px;background:#fff;}

	/* mega menu */
	.site-header[mega] #nav>li{display: flex;align-items: center;}
	.site-header[mega] #nav>li:hover>ul{display:block}
	
	.site-header[mega] #nav>li>ul::before{content: '';position: absolute;top:-5px;height: 5px;width: 100%;background:transparent;}
	.site-header[mega] #nav>li>ul{-webkit-column-count:3;-moz-column-count:3;column-count:3;margin-top:2px;position:absolute;z-index:9;left:0px;right:0px;top:100%;max-width: 100%;display:none;background: #fff;padding:48px;border-radius: 0px 0px 6px 6px;}
	.site-header[mega] #nav>li>ul>li{display:inline-block;break-after:avoid;width:100%;margin-bottom:15px}
	.site-header[mega] #nav>li{position:static;}
	.site-header[mega] #nav li:hover>ul{display:block}
	.site-header[mega] #nav ul a:not(.fa),
	.site-header[mega] #nav ul span{padding:0 !important;color: #86BAE4;font-size: 20px;font-weight: bold;text-transform: capitalize;margin: 0 0 12px 0;line-height: 1.5;display: block;}
	.site-header[mega] #nav ul a:not(.fa):hover,
	.site-header[mega] #nav ul span:hover{text-decoration: underline;}
	.site-header[mega] #nav ul ul a:not(.fa),
	.site-header[mega] #nav ul ul span{display: block;padding: 0 0 12px 0 !important;margin:0;font-size: 16px;font-weight: 400;color: #1B1B1B;line-height: 1.5;text-transform: capitalize;}
	.site-header[mega] #nav .focused .toggle2{display:none}
	
	.layout-table {table-layout: fixed;width: 100%}

	#logo .mobile-logo{display: none;}
	#translation-links ul{left: unset;right: 0;}
	
}


@media only screen and (max-width:991px) {
	/* rz form tables - without page scope this targets editforms and makes
	 * editing confusing
	 */
	
	.site-header .toggle,
	.site-header .toggle2{display:block;line-height:45px;width:45px;text-align:center;color:#fff;background:rgba(0,0,0,.15);position:absolute !important;right:0;top:0}
	.site-header .logo-wrap{display:flex;align-items:center;justify-content:space-between;margin: 0 auto;width: 100% !important;}
	.site-header #nav{display:none;margin: 0 auto;}
	.site-header #nav li{position:relative}
	.site-header #nav a,
	.site-header #nav span{line-height:1;font-size:14px;padding:15px;display:block;border-bottom: 1px solid rgb(54, 59, 79);color: rgb(54, 59, 79);}
	.site-header #nav ul{background:rgba(0,0,0,.15);display:none}	


	#freeform #formwizziwmorf tr,
	#freeform #formwizziwmorf tr td {display: block !important}
	#freeform #formwizziwmorf tr table tr {display: table-row !important}
	#freeform #formwizziwmorf tr table td {display: table-cell !important}
	/* Allows tables to be used as columns with responsive stacking */
	.layout-table {width: 100% !important}

	.layout-table,
	.layout-table thead,
	.layout-table tbody,
	.layout-table th,
	.layout-table td,
	.layout-table tr {display: block !important}

	.layout-table td {margin-bottom: 15px}

	#toggles {position: absolute;right: 15px;top: 25px}
	#nav-toggle,
	#search-toggle {line-height: 45px;width: 45px;text-align: center;border-radius: 4px;background:#86BAE4;color: #fff;margin-left: 5px}

	#flyout-toggle{padding:0;padding:15px;color: #fff;font-weight: 700;}
	#flyout-header{margin:0;padding:15px;border-top: 1px solid rgb(246 252 252 / 68%);color: #fff;}

	#nav,
	#flyout {display: none}

	#nav li {display: block}

	#nav a,
	#nav span,
	#flyout a,
	#flyout span {font-size: 14px !important;line-height: 1 !important;padding: 15px !important;border-bottom: 1px solid rgba(0, 0, 0, .15)}


	#nav li:last-child>a,
	#nav li:last-child>span,
	#flyout li:last-child>a,
	#flyout li:last-child>span {border: 0}

	#nav ul,
	#flyout ul {background: rgba(0, 0, 0, .15)}

	.toggle,
	.toggle2 {display: block;position: absolute !important;right: 0;top: 0;line-height: 45px;text-align: center;width: 45px;background: rgba(0, 0, 0, .15);transform: none !important}

	.floating-share-btn{top:85%}
	#freeform .site-header #nav{display: none;width: 100%;margin: 0;}

	/* Custom Styles */
  .welcome-text img {width: 40px !important;height: 40px !important;align-items: center;margin: 0;}
	.economic .slider-contacts {top: 52% !important;}
	.site-header{position: relative;}
	.footer-contents{display: block;}
	#footer-top {padding: 15px 0;}
	.footer-contents-small{justify-content: space-between;}
	#footer-bottom {padding: 15px !important;}
	a#revize-login{ margin-left: unset;}
	#entry {padding: 0}
	#freeform #flyout-wrap{width: 100%;background-color: #363b4f;color: #fff;}
	#freeform #flyout-wrap {margin: 20px auto;}
	#flyout>li,#flyout{padding:0;}
	#freeform #slider {height: 300px;}
	.header-btm-contents::before{display: none;}
	.header-btm-contents{background: unset;}
	#logo{position: relative;width: 130px;}
	#search{display: none;width: 100%;margin-top: unset;padding: 15px;}
	.site-header-btm{display: block;}
	.site-header-top {background: #86BAE4;}
	#translation-links {position: relative;right: 25px;}
	#freeform.fullwidth #entry{padding: 20px 0;}
	.police #logo {width: 70px;margin: 0;}
	.police .site-header #nav {margin: 0 auto !important;}
	.police .slider-contacts {top: 35%;}
	#slider{height: 500px;}
	.police .development-in{display: block;}
	.police .development-right img{width: 100%;margin-left: 0;margin-top: 0;}
	.police #development {padding: 40px 0 0 0 ;}
	#homepage #news .tns-ovh{margin: 0;}
	.police #toggles,.fire #toggles,.economic #toggles {top: 40px;}
    .fire #logo {width: 70px !important;}
	.fire .development-in{display: block;}
	.fire .development-left{width: 100%;}
	#homepage #welcome .welcome-right,#homepage #welcome .welcome-left{width: 100%;}
	#homepage #welcome .welcome-in{display: block;}
	#homepage #slider .tns-controls {top: 10%;left: 0;right: unset;}
	#homepage #news .tns-controls {top: -26%;left: unset;right: 0;}
	#homepage #news .welcome-shape{display: none;}
	#freeform #slider .tns-controls {top: 10%;left: 0;right: unset;}
	#freeform #slider .tns-controls button{border-radius: 0;}
	.economic #logo {width: 100px;}
	.economic .development-in {display: block;}
	.economic .development-left,.development-right{width: 100%;}
	.economic .eco-events-top{display: block;}
	.economic #eco-events a.btn.section-btn { margin-bottom: 30px;}
	.police .development-right {margin-bottom: 20px;}
	.police #news{padding: 40px 0 !important;}
	.police #news .tns-controls {top: -23% !important;}
	.footer-contents .small{justify-content: space-between !important;}
	.footer-contents.small .divider{border-left: unset;}
	#homepage #slider-search-input,#homepage .slider-search-btn {display: none;}
	#translation-links ul {width: 140px !important;left: -20px;}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
	.floating-alert {width: auto;right: 10px;left: 10px;}
	.floating-alert {font-size: 12px}
	.floating-alert h4 {margin-bottom: 10px;font-size: 14px}
	.floating-alert .btn {font-size: 10px}
	.share-btns a {height: auto;padding: 10px;width: 100%;font-size: 12px;white-space: nowrap;overflow: hidden}
	.share-btns i {display: block;line-height: 50px !important;font-size: 20px}
	.share-btns a img{width: 20px;margin:15 auto;}
	#freeform .contact-text{display: none;}
	#freeform a.contact-wrap{width: 50px;right: 0;position: relative;height: 50px;}
	#freeform .contact-icon img {width: 22px;left: 14px;top: 10px;}
	#freeform .slider-contacts {top: 35%;}
	.footer-contents .small{display: block;padding: 35px 0 0;}
	.footer-col {margin-bottom: 30px;height: auto;justify-content: unset;}
	#footer-bottom {font-size: 15px;}
	.police .contact-text{display: none;}
	.police a.contact-wrap{width: 50px;height: 50px;}
	.police .contact-icon img{width: 22px;top: 10px;}
	.police .section-title h2{font-size: 45px;line-height: unset;}
	.fire .section-title h2{font-size: 45px;}
	#scrollMenu{transform: translateX(80%);top: 40%;}
	.scrollMenu-item {height: 54px;}
	.scrollMenu-icon {top: 14px;}
	#homepage #events .events-top{display: block;}
	#homepage #events a.btn.section-btn {height: 61px;margin-top: 0;margin-bottom: 20px;}
	#homepage #events .events-btm {padding: 58px 20px 6px;}
	.section-title h2 {font-size: 50px;}
	#homepage #news .news-top {display: block;}
	#page-title {font-size: 40px;}
	#breadcrumbs a {font-size: 12px;}
	.fire .contact-text{display: none;}
	.fire a.contact-wrap{width: 50px;height: 50px;}
	.fire .contact-icon img{width: 22px;top: 10px;}
	.fire .slider-contacts {top: 45%;}
	.economic .contact-text{display: none;}
	.economic a.contact-wrap{width: 50px;height: 50px;}
	.economic .contact-icon img{width: 22px;top: 10px;}
	.economic .slider-contacts {top: 45% !important;}
	.scrollMenu-item-icon-box {width: 54px;height: 54px;}


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
  #homepage #slider{height: 430px;}
  #scrollMenu{display: none;}
}

@media print {
	#slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,.site-header {display: none !important}
	a[href]:after {content: none !important}
}