@font-face{
  font-family:"Diodrum W01 Regular";
  src:url("../fonts/410cf6d5-e258-46e2-bb40-8fa41355e6dd.eot?#iefix");
  src:url("../fonts/410cf6d5-e258-46e2-bb40-8fa41355e6dd.eot?#iefix") format("eot"),url("../fonts/c0bc0b91-c9c6-4e75-aefe-416fb84bec0c.woff2") format("woff2"),url("../fonts/2fa0dfbd-5b0d-473f-9fce-e464c49932bc.woff") format("woff"),url("../fonts/68b02536-525c-4684-bd8a-f467dfd33b4a.ttf") format("truetype"),url("../fonts/2be4e969-959e-48c5-b538-9e79805f46cf.svg#2be4e969-959e-48c5-b538-9e79805f46cf") format("svg");
}
@font-face{
  font-family:"Diodrum W01 Semibold";
  src:url("../fonts/e71e0307-147b-4545-b5dd-51ba3ffec11f.eot?#iefix");
  src:url("../fonts/e71e0307-147b-4545-b5dd-51ba3ffec11f.eot?#iefix") format("eot"),url("../fonts/4a62370c-248e-4c75-af37-aad26ab9ed8a.woff2") format("woff2"),url("../fonts/86153e25-3864-422f-bf61-ed050113fc49.woff") format("woff"),url("../fonts/59b6a347-5f5b-4825-a4cc-c85fe472b5c7.ttf") format("truetype"),url("../fonts/8bffb497-7de0-4c7a-8d51-2e522ce7fe9c.svg#8bffb497-7de0-4c7a-8d51-2e522ce7fe9c") format("svg");
}
@font-face{
  font-family:"Diodrum W01 Bold";
  src:url("../fonts/eaf8a614-2811-4257-a18c-676eab41d473.eot?#iefix");
  src:url("../fonts/eaf8a614-2811-4257-a18c-676eab41d473.eot?#iefix") format("eot"),url("../fonts/d93c5cfb-77a8-4e46-9ec2-c96e8f2ce952.woff2") format("woff2"),url("../fonts/a579c8d8-43fa-4db1-bd43-41c36bd048c5.woff") format("woff"),url("../fonts/2da58ad5-d14e-4c61-93e4-d8190c9c4997.ttf") format("truetype"),url("../fonts/5e68497c-8bdf-4c33-87a0-0aa0aedb6bc6.svg#5e68497c-8bdf-4c33-87a0-0aa0aedb6bc6") format("svg");
}
@charset "UTF-8";
html {
	height: 101%;
	margin: 0;
	padding: 0;
	min-height: 101%;
}
body {
	font-family:"Diodrum W01 Regular";
	font-weight: normal;
	font-size: 100%;
	font-style: normal;
	margin: 0;
	padding: 0;
	height: 100%;
	position: relative;
	overflow-x: hidden;
	background: #f3f3f3;
	min-height: 101%;
	-webkit-overflow-scrolling: touch;
}
img {
	display: block;
	margin: 0;
	outline: none;
	padding: 0;
	vertical-align: bottom;
	max-width: 100%;
	width: auto;
}
hr {
	width: 100%;
	height: 1px;
	background: #ccc;
	border: none;
	margin: 10px auto 20px auto;
	clear: both;
}
img.seecmsimagedefault, img.seecmsimagedefaultundefined {
	display: inline-block;
	margin: 0 0 20px 0!important;
}
img.seecmsimageleft, img.seecmsimageleftundefined {
	float: left;
	margin: 0 20px 20px 0!important;
}
img.seecmsimageright, img.seecmsimagerightundefined {
	float: right;
	margin: 0 0 20px 20px!important;
}
img.seecmsimagecentre, img.seecmsimagecentreundefined {
	display: block;
	margin: 0 auto;
}
p,
h1,
h2,
h3,
h4,
li {
	margin: 0;
	padding: 0;
	line-height: 130%;
	color: #333;
	font-style: normal;
	font-weight: normal;
}
p {
	padding: 0 0 20px 0;
}
ul, ol {
	margin: 0 0 20px 20px;
	padding: 0;
}
li p {
	padding: 0;
}
strong {
	font-weight: normal;
	font-family:"Diodrum W01 Semibold";
}
a {
	text-decoration: none;
	color: #6f3696;
}
a:hover {
	color: #6f3696;
	text-decoration: none;
}
a img {
	border: none;
	outline: none;
}
p.seeformerrors {
	color: red;
}
.col1,
.col2,
.col3,
.col4,
.left,
.right {
	display: block;
	float: left;
	min-height: 5px;
}
div:after,
form:after,
ul:after,
input:after,
section:after,
article:after,
header:after,
footer:after,
nav:after,
aside:after,
hgroup:after {
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}
section,
article,
header,
footer,
nav,
aside,
hgroup {
	display: block;
}
table {
	width: 100%;
	margin: 0 0 20px 0;
	border: 0!important;
	border-collapse: separate!important;
	border-spacing: 2px!important;
}
table th {
	padding: 10px;
	font-size: 100%;
	color: #fff;
	background: #6f3696;
	font-weight: normal;
	border-collapse: separate!important;
	text-align: left;
	border: 0!important;
	border-spacing: 2px!important;
}
table td {
	padding: 10px;
	font-size: 100%;
	color: #333;
	background: #f1f1f1;
	font-weight: normal;
	border-collapse: separate!important;
	text-align: left;
	border: 0!important;
	border-spacing: 2px!important;
}
table th p,
table td p {
	font-size: 100%;
	padding: 0;
}
table th a {
	color: #fff!important;
}
label {
	color: #333;
	font-size: 100%;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select, button {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	height: 40px;
	background: #fff;
	border: 1px solid #ccc;
	margin: 5px 0 15px 0;
	outline: none;
	resize: none;
	font-family:"Diodrum W01 Regular";
	font-weight: normal;
	font-size: 100%;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
textarea {
	height: 130px;
	padding: 10px;
}
input[type="checkbox"]{
	width: 15px;
	height: 15px;
	float: left;
	margin: 0 10px 0 0;
}
input[type="text"], input[type="submit"], textarea, button, input[type="password"] {
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
input[type="submit"]{
	cursor: pointer;
	width: auto;
	outline: none;
	border: none;
	text-transform: none;
	background: #333;
	padding: 0 20px;
	height: 40px;
	color: #fff;
	font-size: 100%;
	font-family:"Diodrum W01 Semibold";
	font-weight: normal;
	border-radius: 0;
}
* {
	-webkit-print-color-adjust: exact;
}
sup {
	font-size: 70%;
	line-height: 110%;
	padding: 0 0 10px 0;
	margin: 0;
	font-weight: normal;
	color: #333;
}
.slick-slide {
	outline: none!important;
}
.cmsform p {
	padding: 0;
}
.cmsform input[type="submit"]{
	margin: 15px 0;
}
.cmsform .errors p {
	color: red!important;
	padding: 0 0 20px 0;
}
.cmsform span.error {
	color: red!important;
	float: right;
}
.searchresult h3 img {
	width: auto;
	float: left;
	display: inline-block;
	margin: 0 10px 0 0;
}
.clear {
	clear: both;
}
.blockbutton a {display: inline-block; float: left; margin: 0 5px 0 0; padding: 10px 20px; color: #fff; font-family:"Diodrum W01 Semibold"; background: #6f3696; text-decoration: none;}

p.seecmsdownload {padding-left: 25px!important; line-height: 16px;}
p.seecmsbmp {background: url(../images/documents/bmp_icon.gif) no-repeat 0 0;}
p.seecmsdat {background: url(../images/documents/dat_icon.gif) no-repeat 0 0;}
p.seecmsdoc {background: url(../images/documents/doc_icon.gif) no-repeat 0 0;}
p.seecmsdocx {background: url(../images/documents/docx_icon.gif) no-repeat 0 0;}
p.seecmsdot {background: url(../images/documents/dot_icon.gif) no-repeat 0 0;}
p.seecmseps {background: url(../images/documents/eps_icon.gif) no-repeat 0 0;}
p.seecmsgif {background: url(../images/documents/gif_icon.gif) no-repeat 0 0;}
p.seecmshtml {background: url(../images/documents/html_icon.gif) no-repeat 0 0;}
p.seecmsindd {background: url(../images/documents/indd_icon.gif) no-repeat 0 0;}
p.seecmsjpg {background: url(../images/documents/jpg_icon.gif) no-repeat 0 0;}
p.seecmsmdb {background: url(../images/documents/mdb_icon.gif) no-repeat 0 0;}
p.seecmsmov {background: url(../images/documents/mov_icon.gif) no-repeat 0 0;}
p.seecmsmp3 {background: url(../images/documents/mp3_icon.gif) no-repeat 0 0;}
p.seecmsmp4 {background: url(../images/documents/mp4_icon.gif) no-repeat 0 0;}
p.seecmsotf {background: url(../images/documents/otf_icon.gif) no-repeat 0 0;}
p.seecmspdf {background: url(../images/documents/pdf_icon.gif) no-repeat 0 0;}
p.seecmspng {background: url(../images/documents/png_icon.gif) no-repeat 0 0;}
p.seecmspps {background: url(../images/documents/pps_icon.gif) no-repeat 0 0;}
p.seecmsppt {background: url(../images/documents/ppt_icon.gif) no-repeat 0 0;}
p.seecmsrtf {background: url(../images/documents/rtf_icon.gif) no-repeat 0 0;}
p.seecmstex {background: url(../images/documents/tex_icon.gif) no-repeat 0 0;}
p.seecmstif {background: url(../images/documents/tif_icon.gif) no-repeat 0 0;}
p.seecmstxt {background: url(../images/documents/txt_icon.gif) no-repeat 0 0;}
p.seecmswav {background: url(../images/documents/wav_icon.gif) no-repeat 0 0;}
p.seecmswma {background: url(../images/documents/wma_icon.gif) no-repeat 0 0;}
p.seecmswmv {background: url(../images/documents/wmv_icon.gif) no-repeat 0 0;}
p.seecmsxls {background: url(../images/documents/xls_icon.gif) no-repeat 0 0;}
p.seecmsxlsx {background: url(../images/documents/xlsx_icon.gif) no-repeat 0 0;}
p.seecmszip {background: url(../images/documents/zip_icon.gif) no-repeat 0 0;}

.header-container {position: relative; z-index: 20; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);}
.header-wrap {background: #fff; padding: 0 20px;}
.header {max-width: 1180px; width: 100%; margin: 0 auto; padding: 22px 0;}
.header .left {float: left; width: 384px;}
.header .left .col1 {float: left; width: 75px; min-height: 2px;}
.header .left .col2 {float: right; width: 290px; min-height: 2px; padding-top: 25px;}
.header .right {float: right; width: 763px;}
.header .top {padding: 0 0 20px 0; float: right; width: 429px;}
.header p {padding: 0; font-family:"Diodrum W01 Semibold"; font-size: 110%;}
.header p a {color: #333;}
.header p span {font-size: 130%; color: #6f3696;}
.header .search {position: relative; max-width: 280px; width: 100%; float: right; margin: 0;}
.header .search input {font-size: 80%; border: none; background: #f2f2f2; padding: 0 50px 0 10px; margin: 0; height: 30px}
.header .search input.submitbutton {border: none; background: #5a5a5a url(../images/search-icon.png) no-repeat center center; background-size: 15px; padding: 0; margin: 0; position: absolute; top: 0; right: 0; height: 100%; width: 30px;}
.header .buttons {float: left; display: none;}
.header .buttons p {font-size: 100%;}
.header .buttons a {display: inline-block; width: auto; padding: 0 20px; line-height: 30px; height: 30px; background: #6f3696; text-decoration: none; color: #fff; text-transform: uppercase; font-size: 80%;}

.notice-wrap {background: #6f3696; padding: 0 20px;}
.notice {max-width: 1180px; width: 100%; margin: 0 auto; padding: 15px 0; text-align: center;}
.notice p {padding: 0; color: #fff; font-size: 90%;}
.notice p span {margin: 0 40px 0 0; text-transform: uppercase; font-family:"Diodrum W01 Semibold";}
.notice p span i {color: #ffcc00;}

.nav ul {margin: 0; padding: 0; width: 100%; display: table;}
.nav li {list-style: none; padding: 0 5px; display: table-cell; text-align: center; vertical-align: middle;}
.nav li a {text-align: center; text-decoration: none; color: #333; font-family:"Diodrum W01 Semibold";}
.nav li.selected a, .nav li:hover a {color: #9a9a9a;}

.snav h3 {border-bottom: 1px solid #ccc; margin: 0 0 20px 0!important; border-top: 1px solid #ccc; padding-top: 20px!important;}
.snav ul {margin: 0 0 20px 0; padding: 0;}
.snav ul ul {margin: 0 0 20px 20px; padding: 0; display: none;}
.snav ul ul ul {margin: 10px 0 10px 20px; display: none;}
.snav li.selected ul {display: block;}
.snav li.selected ul ul {display: none;}
.snav li.selected li.selected ul {display: block;}
.snav li {list-style: none;}
.snav li a {display: block; padding: 0 0 0 20px; color: #333; font-family:"Diodrum W01 Semibold"; font-weight: normal; text-decoration: none; margin: 0 0 10px 0; position: relative; display: inline-block;}
.snav li a i {position: absolute; top: 2px; left: 0;}
.snav li.selected a, .snav li:hover a {color: #6f3696;}
.snav li li a {margin: 0 0 5px 0; padding: 0; color: #a09e9e;}
.snav li.selected li a {color: #a09e9e;}
.snav li.selected li.selected a, .snav li.selected li:hover a {color: #6f3696;}
.snav li.selected li.selected li {font-size: 80%;}
.snav li.selected li.selected li a, .snav li.selected li:hover li a {color: #a09e9e;}
.snav li.selected li.selected li:hover a, .snav li.selected li.selected li.selected a, .snav li.selected li:hover li:hover a {color: #6f3696;}

.breadcrumb p {font-size: 80%!important; color: #ccc;}
.breadcrumb p span {color: #333;}
.breadcrumb p a {color: #ccc; font-family:"Diodrum W01 Regular";}

.banner {background: #333; width: 100%; position: relative;}
.banner .images {max-width: 45%; float: left; width: 100%; position: absolute; top: 0; left: 0; height: 100%; background: #ccc; z-index: 1;}
.banner .images .image {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.banner .inner {max-width: 1180px; width: 100%; margin: 0 auto; height: 100%; position: relative; z-index: 10; padding: 40px 0 130px 0;}
.banner .inner .innertext {max-width: 52%; width: 100%; float: right;}
.banner .inner .innertext * {color: #ffffff;}
.banner .inner .innertext p {font-size: 100%;}
.banner .images .overlay {position: absolute; top: 0; right: 0; height: 100%; width: 400px; background: -moz-linear-gradient(left, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%); background: -webkit-linear-gradient(left, rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); background: linear-gradient(to right, rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00333333', endColorstr='#333333',GradientType=1 );}
.banner .images .slick-list, .banner .images .slick-track, .banner .images .fade {position: absolute; top: 0; left: 0; width: 100%; height: 100%!important;}
.banner img.mobile {display: none;}
.banner img.desktop {display: block;}
.banner p {color: #fff;}
.banner p a {color: #b997d1;}
.banner h1, .banner h2, .banner h3, .banner h4 {color: #fff; font-family:"Diodrum W01 Semibold"; font-weight: normal; line-height: 100%; margin: 0; padding: 0 0 20px 0; font-size: 250%;}

.title-wrap {padding: 0 20px; background: #e9e2ef;}
.title {max-width: 1180px; width: 100%; margin: 0 auto; padding: 40px 0;}
.title p {font-family:"Diodrum W01 Semibold"; font-weight: normal; padding: 0; margin: 0; font-size: 250%; color: #6e3695;}

.quicklinks-wrap {padding: 0 20px; background: #fff; position: relative; z-index: 10;}
.quicklinks {max-width: 1000px; width: 100%; margin: 0 auto; padding: 50px 0 30px 0; position: relative;}
.quicklinks .quicklink {float: left; width: 23%; margin: 0 0 0 2%; background: #fff; box-sizing: border-box; border-radius: 50%; border: 10px solid #eaeaea; height: 0; position: relative; padding-bottom: 21%; text-align: center; margin-top: -165px; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);}
.quicklinks .quicklink a {max-width: 100%; width: auto; margin: auto; display: inline-block; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); left: 50%; position: absolute; top: 50%; color: #333; font-family:"Diodrum W01 Semibold"; font-weight: normal; font-size: 140%; line-height: 110%;}
.quicklinks .quicklink a span.icon {font-size: 300%; margin: 0 0 10px 0; display: inline-block; color: #b6a2c3;}

.content-wrap {background: #fff; padding: 0 20px;}
.content-wrap.grey {background: #eae9e9;}
.content {max-width: 1180px; width: 100%; margin: 0 auto; padding: 30px 0 80px 0;}
.content .col1 {float: left; width: 290px; margin-right: 45px;}
.content .col2 {float: left; width: 845px;}
.content h1 {color: #333; font-family:"Diodrum W01 Semibold"; font-weight: normal; font-size: 225%; line-height: 110%; margin: 0; padding: 0 0 20px 0;}
.content h2 {color: #8c5eab; font-family:"Diodrum W01 Semibold"; font-weight: normal; font-size: 160%; line-height: 110%; margin: 0; padding: 0 0 20px 0;}
.content h3 {color: #9e9e9e; font-family:"Diodrum W01 Semibold"; font-weight: normal; font-size: 120%; line-height: 110%; margin: 0; padding: 0 0 20px 0;}
.content h4 {color: #5d5d5d; font-family:"Diodrum W01 Semibold"; font-weight: normal; font-size: 110%; line-height: 110%; margin: 0; padding: 0 0 20px 0;}
.content a {font-family:"Diodrum W01 Semibold";}
.content .contentbox {padding: 20px; background: #e5e5e5; margin: 0 0 20px 0;}
.content .contentbox h1, .content .contentbox h2, .content .contentbox h3, .content .contentbox h4, .content .contentbox a {color: #6f3696!important;}

.loginpage .content {padding: 30px 0 0 0;}
.login-wrap {background: #e5e5e5; padding: 0 20px;}
.loginbox {max-width: 1180px; width: 100%; margin: 0 auto; padding: 50px;}
.loginbox .login {float: left; width: 30%;}
.loginbox h2 {color: #6f3696; font-family:"Diodrum W01 Semibold"; font-weight: normal; font-size: 200%; line-height: 110%; margin: 0; padding: 0 0 20px 0;}

.listofbusinesses .cats {width: 101%; margin-left: -1%; padding: 0 0 20px 0;}
.listofbusinesses .cats h3 {margin-left: 1%;}
.listofbusinesses .cats .cat {float: left; width: 15.6666%; margin: 0 0 1% 1%; box-sizing: border-box; cursor: pointer;}
.listofbusinesses .cats .cat a {padding: 15px; display: block; background: #f2f2f2; text-decoration: none; font-family:"Diodrum W01 Semibold"; font-weight: normal;}
.listofbusinesses .business {padding: 20px 20px 0 20px; margin: 0 0 20px 0; background: #f2f2f2; position: relative; box-sizing: border-box; width: 100%;}
.listofbusinesses .business p.catname {position: absolute; top: 20px; right: 20px; padding: 0; text-transform: uppercase; font-family:"Diodrum W01 Semibold"; font-weight: normal; opacity: 0.3;}
.listofbusinesses .business p.sociallinks a {display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; margin: 0 5px 0 0; border-radius: 50%; color: #fff!important; text-decoration: none; background: #6f3696;}
.listofbusinesses .business.foodanddrink p.sociallinks a {background: #089800;}
.listofbusinesses .business.motoring p.sociallinks a {background: #d61616;}
.listofbusinesses .business.gardenandoutdoors p.sociallinks a {background: #d61616;}
.listofbusinesses .business.leisureandfamily p.sociallinks a {background: #f38416;}
.listofbusinesses .business.other p.sociallinks a {background: #000;}
.listofbusinesses .business.home, .listofbusinesses .cats .cat.home a {background: #f8f5fa;}
.listofbusinesses .business.foodanddrink, .listofbusinesses .cats .cat.foodanddrink a {background: #e6f7e5;}
.listofbusinesses .business.foodanddrink a, .listofbusinesses .cats .cat.foodanddrink a {color: #089800;}
.listofbusinesses .business.motoring, .listofbusinesses .cats .cat.motoring a {background: #f9ebeb;}
.listofbusinesses .business.motoring a, .listofbusinesses .cats .cat.motoring a {color: #d61616;}
.listofbusinesses .business.gardenandoutdoors, .listofbusinesses .cats .cat.gardenandoutdoors a {background: #f3ece5;}
.listofbusinesses .business.gardenandoutdoors a, .listofbusinesses .cats .cat.gardenandoutdoors a {color: #945c24;}
.listofbusinesses .business.leisureandfamily, .listofbusinesses .cats .cat.leisureandfamily a, .listofbusinesses .cats .cat.leisureandfamily i {background: #ffeedd;}
.listofbusinesses .business.leisureandfamily a, .listofbusinesses .cats .cat.leisureandfamily a {color: #f38416;}
.listofbusinesses .business.other a, .listofbusinesses .cats .cat.other a {color: #969696;}

.newsandevents-wrap {background: #6f3696;}
.newsandevents-inner {background: rgba(111,54,150,0.7); padding: 0 20px;}
.newsandevents {max-width: 1180px; width: 100%; margin: 0 auto; padding: 50px 0;}
.newsandevents h3 {color: #ffffff; font-family:"Diodrum W01 Semibold"; font-weight: normal; font-size: 160%; line-height: 110%; margin: 0; padding: 0 0 30px 0;}
.newsandevents h3 a {color: #fff;}
.newsandevents img {width: 100%;}
.newsandevents p.blockbutton {text-align: right; padding: 20px 0 0 0;}
.newsandevents p.blockbutton a {display: inline-block; padding: 8px 14px; background: #fff; color: #6f3696; text-decoration: none; font-family:"Diodrum W01 Bold"; font-weight: normal; font-size: 90%;  -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.25); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.25);}
.newsandevents .newsfeed p.blockbutton a {background: #8c5eab; color: #fff;}

.newsfeed .stories {margin-left: -20px;}
.newsfeed .newsstory {background: #fff; float: left; width: 380px; min-height: 200px; margin: 0 0 0 20px; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.25); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.25); position: relative;}
.newsfeed .newsstory p.readmore {padding: 0; position: absolute; bottom: 20px; left: 20px;}
.newsfeed .newsstory .image {background: #000; width: 100%; position: relative;}
.newsfeed .newsstory .image .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; box-sizing: border-box; background: rgba(0,0,0,0.8); text-align: center; display: none;}
.newsfeed .newsstory:hover .image .overlay {display: block;}
.newsfeed .newsstory .image .overlay p {color: #fff; font-family:"Diodrum W01 Semibold"; font-weight: normal; font-size: 90%; padding: 0 0 10px 0;}
.newsfeed .newsstory .image .overlay p.icons a {color: #000; text-align: center; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background: #fff; display: inline-block; margin: 0 3px;}
.newsfeed .newsstory .image .overlay .share {max-width: 100%; width: auto; margin: auto; display: inline-block; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); left: 50%; position: absolute; top: 50%; margin-top: 10px;}
.newsfeed .newsstory .text {background: #fff; padding: 20px 20px 40px 20px;}
.newsfeed .newsstory .text p {padding: 0 0 10px 0;}
.newsfeed .newsstory .text p a {color: #b2b2b2;}
.newsfeed .newsstory .text p.date {font-family:"Diodrum W01 Semibold"; font-weight: normal; color: #b2b2b2;}
.newsfeed .newsstory .text p.date span {color: #b2b2b2;}
.newsfeed .newsstory .text p strong a {color: #333;}
.events {float: right; width: 355px; min-height: 5px;}
.events .event {width: 100%; background: #6f3696; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.25); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.25); position: relative;}
.events .event .date .month {width: 100%; box-sizing: border-box; padding: 10px 20px; text-align: center; background: #8c5eab;}
.events .event .date .month p {text-transform: uppercase; color: #fff; padding: 0; font-family:"Diodrum W01 Semibold"; font-weight: normal;}
.events .event .date .day {width: 100%; box-sizing: border-box; padding: 40px 20px; text-align: center; background: #ffffff;}
.events .event .date .day p {text-transform: none; color: #6f3696; padding: 0; font-family:"Diodrum W01 Bold"; font-weight: normal; font-size: 450%;}
.events .event p {color: #fff; padding: 0 0 10px 0;}
.events .event .text {text-align: center; padding: 20px 20px 40px 20px;}
.events .event p a {color: #fff;}
.events .event p.readmore {padding: 0; position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; text-align: center;}
.events .event .text p strong a {color: #fff;}

.newsfeed.newsfeedinner {width: 100%;;}
.newsfeed.newsfeedinner .stories {width: 102%; margin-left: -2%;}
.newsfeed.newsfeedinner .newsstory {width: 23%; margin: 0 0 30px 2%; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.newsfeed.newsfeedinner .newsstory img {width: 100%;}
.newsfeed.newsfeedinner .newsstory p {padding: 0;}
.newsfeed.newsfeedinner .newsstory p.readmore {position: static;}
.newsfeed.newsfeedinner .newsstory .text {padding: 15px 0 0 0;}
.newsfeed.newsfeedinner p.pager {text-align: center;}

.latestuploads-wrap {padding: 0 20px; background: #fff;}
.latestuploads {max-width: 1180px; width: 100%; margin: 0 auto; padding: 50px 0;}
.latestuploads h3 {color: #6f3696; font-family:"Diodrum W01 Semibold"; font-weight: normal; font-size: 160%; line-height: 110%; margin: 0; padding: 0 0 30px 0;}
.latestuploads h3 a {color: #6f3696;}
.latestuploads .uploads {float: left; min-height: 5px; width: 664px;}
.latestuploads .uploads .files {width: 102%; margin-left: -2%;}
.latestuploads .uploads .files .file {background: #f8f5fa; float: left; width: 23%; margin: 0 0 0 2%; text-align: center;}
.latestuploads .uploads .files .file:hover {background: #6f3696;}
.latestuploads .uploads .files .file a {display: block; padding: 20px; text-decoration: none; color: #6f3696; font-size: 90%; word-wrap: break-word;}
.latestuploads .uploads .files .file:hover a {color: #ffffff;}
.latestuploads .uploads .files .file a span {font-size: 300%;}
.latestuploads .latestforumpost {float: right; min-height: 5px; width: 462px;}
.latestuploads .latestforumpost .inner {padding: 20px 20px 10px 20px; background: #f2f2f2;}
.latestuploads .latestforumpost .inner p {padding: 0 0 10px 0;}
.latestuploads .latestforumpost .inner p.date {font-family:"Diodrum W01 Semibold"; font-weight: normal; color: #bdbdbd;}

.mapwrap{ position: relative; }
.googlemap {width: 100%; height: 370px;}

.directions {padding: 20px; background: #e5e5e5;}
.directions h3 {padding: 0 0 10px 0; color: #6f3696;}
.directions p {padding: 0 0 5px 0;}
.directions .input input[type="text"] {float: left; margin: 0; width: 80%;}
.directions .input input[type="submit"] {float: right; width: 18%; margin: 0;}

.directionsform{ position: absolute; right: 5%; top:25%; padding: 2%; z-index: 9999; background: #8c5eab; color: #fff; }
.directionsform .btn{ box-sizing:border-box; text-align:center; color: #fff; background: #a06ac5; padding: 12px 20px; width: 100%; float: left; margin-bottom: 12px; }
.directionsform input[type="submit"]{ margin-right: 12px; }
.directionsform [data-type="back"] {margin-right: 12px;color:#fff;}

.directions {padding: 20px; background: #e5e5e5;}
.directions h3 {padding: 0 0 10px 0; color: #6f3696;}
.directions p {padding: 0 0 5px 0;}
.directions .input input[type="text"] {float: left; margin: 0; width: 80%;}
.directions .input input[type="submit"] {float: right; width: 18%; margin: 0;}

.councilmembers {width: 102%; margin-left: -2%;}
.councilmembers .member {float: left; width: 23%; margin: 0 0 20px 2%;}
.councilmembers .member img {width: 100%;}
.councilmembers .member .image {margin: 0 0 10px 0;}
.councilmembers .member h4 {margin: 0; padding: 0 0 5px 0;}
.councilmembers .member p {padding: 0 0 5px 0; font-size: 90%;}

.grid {margin-left: -2%; width: 102%;}
.grid .gridbox {float: left; width: 31%; margin: 0 0 2% 2%;}
.grid .gridbox img {width: 100%; margin: 0 0 10px 0;}
.grid .gridbox h3 {margin: 0; padding: 0;}
.grid .gridbox p {margin: 0; padding: 0;}

.galleries {margin-left: -2%; width: 102%;}
.galleries .gallery {float: left; width: 31%; margin: 0 0 2% 2%; background: #e8e8e8; border: 10px solid #e8e8e8; box-sizing: border-box;}
.galleries .gallery .thumb {display: block; overflow: hidden; width: 100%; box-sizing: border-box; position: relative;}
.galleries .gallery .thumb a {background: #000; display: block;}
.galleries .gallery .thumb img {width: 100%; opacity: 0.5;}
.galleries .gallery .text {padding: 15px 0; text-align: center;}
.galleries .gallery .text p {padding: 0;}
.galleries .gallery h3 {max-width: 100%; cursor:pointer; width: auto; margin: auto; display: inline-block; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); left: 50%; position: absolute; top: 50%; text-align: center; padding: 0; color: #fff;}
.galleries .gallery h3 span.icon {font-size: 250%; display: inline-block; margin: 0 0 10px 0;}

.features-wrap {background: #fff; padding: 0 20px;}
.features {max-width: 1180px; width: 100%; margin: 0 auto; padding: 40px 0;}
.features .left {float: left; width: 355px;}
.features .right {float: right; width: 730px;}
.features .galleryslider {width: 100%; margin-left: 0%;}
.features .galleryslider .thumb {float: left; margin: 0 5px;}
.features .galleryslider .thumb img {width: 100%;}
.features h3 {color: #6f3696; font-family:"Diodrum W01 Semibold"; font-weight: normal; font-size: 160%; line-height: 110%; margin: 0; padding: 0 0 30px 0;}
.features .forumfeature h3 {color: #333;}
.features .forumfeature .image {width: 100%; display: block;}
.features p.blockbutton {text-align: right; padding: 20px 0 0 0;}
.features p.blockbutton a {display: inline-block; padding: 8px 14px; background: #6f3696; color: #fff; text-decoration: none; font-family:"Diodrum W01 Bold"; font-weight: normal; font-size: 90%;}
.features .forumfeature p.blockbutton a {background: #333; color: #fff;}

.whattodo {width: 100%;}
.whattodo .block {width: 100%; position: relative; background: none; margin: 0 0 0 0;}
.whattodo .block img {width: 100%;}
.whattodo .block .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(69,15,105,0.7);}
.whattodo .block .overlay .text {padding: 20px; position: absolute; bottom: 0; left: 0; box-sizing: border-box; width: 100%;}
.whattodo .block .overlay .text h3 {font-size: 200%; font-family:"Diodrum W01 Semibold"; font-weight: normal; color: #fff; padding: 0 0 20px 0;}
.whattodo .block .overlay .text p {color: #fff;}
.whattodo .block.b3 .overlay, .whattodo .block.b5 .overlay {background: rgba(157,154,14,0.7);}
.whattodo .block.b2 .overlay, .whattodo .block.b4 .overlay {background: rgba(155,27,107,0.7);}
.whattodo .slick-dots {margin: 0; padding: 0; width: 100%; position: absolute; top: 33px; left: 0; text-align: center; height: 12px;}
.whattodo .slick-dots li {list-style: none; width: 12px; display: inline-block; margin: 0 3px; line-height: 12px; padding: 0;}
.whattodo .slick-dots li button {width: 12px; height: 12px; border-radius: 50%; background: #fff; border: none; outline: none; cursor: pointer; padding: 0; margin: 0; text-indent: -9999px; opacity: 0.3;}
.whattodo .slick-dots li.slick-active button, .whattodo .slick-dots li:hover button {opacity: 0.5;}

.visitus .content {padding: 50px 0;}
.visitus.opposite .content .col1 {width: 845px;}
.visitus.opposite .content .col2 {width: 290px;}

.facebook{margin-bottom: 10px;} 
.facebook p {padding: 0;}
.facebook p a {color: #6f3696;}
.facebook p.date {color: #adaaaa;}


.forumposts .buttons {padding: 0 0 20px 0;}
.forumposts .post .heading {padding: 15px 80px 15px 15px; background: #333; position: relative; cursor: pointer;}
.forumposts .post .heading h3 {padding: 0; margin: 0; color: #fff;}
.forumposts .post .heading p {padding: 0 0 5px 0; margin: 0; color: #fff; font-size: 90%;}
.forumposts .post .heading p.views {font-size: 100%; position: absolute; top: 15px; right: 15px;}
.forumposts .post .heading p.views span {margin: 0 0 0 20px;}
.forumposts .post {margin: 0 0 5px 0;}
.forumposts .post .postcontent {padding: 15px; background: #f2f2f2; display: block;}
.forumposts .post .postcontent p {font-size: 90%;}
.forumposts .post .postcontent .replies {padding: 15px; background: #fff;}
.forumposts .post .postcontent .replies .reply {margin: 0 0 40px 0; border-bottom: 1px solid #ccc;}
.forumposts .post .postcontent .replies .reply:last-child {border-bottom: 0;}
.forumposts .post .postcontent .replies .reply p.postedby {border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 10px 0;}

.paginatedlist{ width: 100%; margin: 0; padding: 0; height: auto; display: block; margin-left: -1%; }
.paginatedlist li{ display: inline-block; text-align: center; width: 4%; margin-left: 1%; }
.paginatedlist li a{ display: block; width: 100%; float: left; text-align: center; background: #8c5eab; color: #fff; }
.paginatedlist li a.selected{ background: #6f3696; }

.footer-wrap {background: #fff; padding: 0 20px;}
.footer {max-width: 1180px; width: 100%; margin: 0 auto; padding: 40px 0 40px 0;}
.footer .col1 {width: 370px; margin-right: 80px;}
.footer .col2 {width: 395px;}
.footer .col2 .blockbutton a {color: #ffffff; padding: 10px 10px;}
.footer .col3 {width: 240px; float: right;}
.footer p, .footer li, .footer a {color: #333;}
.footer h3 {color: #333; font-family:"Diodrum W01 Semibold"; font-weight: normal; font-size: 140%; line-height: 110%; margin: 0; padding: 0 0 30px 0;}
.footer ul {width: 100%; padding: 0; margin: 0;}
.footer li {list-style: none; padding: 0; margin: 0;}
.footer li a {display: inline-block; padding: 0 0 0 20px; position: relative; color: #333;}
.footer li a i {position: absolute; top: 2px; left: 0; color: #6f3696;}

.bottom-footer-wrap {background: #f3f3f3; padding: 0 20px;}
.bottom-footer {max-width: 1180px; width: 100%; margin: 0 auto; padding: 15px 0;}
.bottom-footer .col1 {width: 370px; margin-right: 80px;}
.bottom-footer .col2 {width: 395px;}
.bottom-footer .col3 {width: 240px; float: right; text-align: right;}
.bottom-footer p, .bottom-footer li, .bottom-footer a {color: #333; padding: 0;}

.mobile-header-wrap, .snavmobile {display: none;}

@media(max-width: 1280px){
	.newsandevents .newsfeed {width: 100%;}
	.newsandevents .events {width: 100%;}
	.newsandevents .newsfeed .stories {width: 102%; margin-left: -2%;}
	.newsandevents .newsfeed .newsstory {width: 31%; margin: 0 0 0 2%;}

	.content .col1 {width: 24%; margin-right: 4%;}
	.content .col2 {width: 72%;}

	.features-wrap .features .right {width: 61%;}
	.features-wrap .features .left {width: 30%;}

	.footer .col1 {width: 31%; margin-right: 6%;}
	.footer .col2 {width: 33%;}
	.footer .col3 {width: 20%;}

	.bottom-footer .col1 {width: 31%; margin-right: 6%;}
	.bottom-footer .col2 {width: 33%;}
	.bottom-footer .col3 {width: 20%;}
}
@media(max-width: 1200px){
	.header {padding: 20px 0;}
	.header .left {width: 252px; padding-top: 22px;}
	.header .left .col1 {width: 50px;}
	.header .left .col2 {padding-top: 0; width: 190px;}
	.header .right {width: 640px;}

	.nav li a {font-size: 90%;}

	.notice {padding: 10px 0;}
}
@media(max-width: 970px){
	.header p {font-size: 90%;}
	.header .left .col2 {padding-top: 8px;}
	.header .right {width: 570px;}

	.nav li a {font-size: 80%;}
}
@media(max-width: 870px){
	.header-container, .snav {display: none;}

	.mobile-header-wrap {display: block; width: 100%; background: #fff; position: relative; z-index: 999; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5);}
	.mobile-header {padding: 15px 20px; text-align: center;}
	.mobile-header a.logo {font-family: "Diodrum W01 Semibold"; font-size: 90%; display: inline-block; color: #333; padding: 0 0 0 50px; background: url(../images/rose.png) no-repeat top left; background-size: auto 100%; text-align: left;}
	.mobile-header a.logo span {font-size: 130%; color: #6f3696;}

	.mobile-nav .top {background: #333; padding: 10px 20px; cursor: pointer;}
	.mobile-nav .top p {padding: 0; float: left; color: #ffffff; font-size: 90%; font-family: "Diodrum W01 Semibold"; font-weight: normal;}
	.mobile-nav .nav-icon {width: 27px; height: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
    cursor: pointer; float: right;}
	.mobile-nav .nav-icon span {display: block; position: absolute; height: 3px; width: 100%; background: #ffffff; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
	.mobile-nav .nav-icon span:nth-child(1) {top: 0px;}
	.mobile-nav .nav-icon span:nth-child(2),.mobile-nav .nav-icon span:nth-child(3) {top: 7px;}
	.mobile-nav .nav-icon span:nth-child(4) {top: 14px;  }
	.mobile-nav .open .nav-icon span:nth-child(1) {top: 21px;width: 0%; left: 50%;}
	.mobile-nav .open .nav-icon span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);  }
	.mobile-nav .open .nav-icon span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);  }
	.mobile-nav .open .nav-icon span:nth-child(4) {top: 18px; width: 0%; left: 50%; }
	.mobile-nav ul {padding: 0; margin: 0; display: none;}
	.mobile-nav li {list-style: none;}
	.mobile-nav li a {display: block; padding: 10px 20px; color: #ffffff; font-size: 90%; text-decoration: none; background: #333; font-family: "Diodrum W01 Semibold"; font-weight: normal;}
	.mobile-nav li.selected a {background: #000; color: #fff;}

	.notice p {font-size: 80%;}
	.notice span {width: 100%; float: none; display: block; margin: 0;}

	.banner .images {max-width: 100%; float: none; width: 100%; position: relative; top: 0; left: 0; height: 300px; background: #ccc; z-index: 1;}
	.banner .images .image {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
	.banner .inner {max-width: 1180px; width: 100%; margin: 0 auto; height: auto; position: relative; z-index: 10; padding: 20px; box-sizing: border-box;}
	.banner .inner .innertext {max-width: 100%; width: 100%; float: right;}
	.banner h1, .banner h2, .banner h3, .banner h4 {font-size: 150%; line-height: 110%;}
	.banner .images .overlay {display: none;}

	.innerbanners p {font-size: 140%!important; padding: 0;}
	.innerbanners .circles {display: none!important;}
	.innerbanners .bannerinner {background: #333;}

	.snavmobile, .snavmobile .snav {display: block;}

	.content {padding: 20px 0;}
	.content p, .content li, .newsfeed .newsstory .text p, .newsfeed .newsstory p.readmore, .events .event p, .banners p, .latestuploads .latestforumpost .inner p, label, input, textarea, button, select, input[type="submit"], .footer p, .footer li, .bottom-footer p, .banner .inner .innertext p {font-size: 90%;}
	.content .col1 {width: 100%; margin-right: 0%;}
	.content .col2 {width: 100%;}
	.content h1 {font-size: 180%;}
	.content h2 {font-size: 140%;}
	.content h3 {font-size: 110%;}
	.content h4 {font-size: 100%;}

	.breadcrumb p {font-size: 70%!important; padding: 0 0 10px 0;}

	.listofbusinesses .business p.catname {font-size: 70%;}

	.newsandevents, .latestuploads, .quicklinks {padding: 25px 0;}
	.newsandevents h3, .latestuploads h3 {font-size: 140%;}
	.newsandevents .newsfeed, .latestuploads .uploads {margin: 0 0 60px 0;}
	.newsandevents .newsfeed .stories, .latestuploads .uploads .files {width: 100%; margin-left: 0;}
	.newsandevents .newsfeed, .newsandevents .events, .latestuploads .uploads, .latestuploads .latestforumpost {width: 100%;}
	.newsandevents .newsfeed .newsstory {width: 100%; margin: 0 0 20px 0; display: none; height: auto!important;}
	.events .event {width: 100%; margin: 0 0 20px 0; height: auto!important;}
	.newsandevents .newsfeed .newsstory.n1 {display: block;}
	.newsandevents .newsfeed p.blockbutton a, .newsandevents p.blockbutton a {width: 100%; box-sizing: border-box; text-align: center; margin: 0;}
	.newsandevents p.blockbutton {padding: 0;}
	.events .event .date .day {padding: 20px;}
	.events .event .date .day p {font-size: 350%;}
	.latestuploads .uploads .files .file {width: 100%; margin: 0 0 10px 0;}

	.features-wrap .features .right {width: 100%;}
	.features-wrap .features .left {width: 100%;}

	.councilmembers .member {width: 48%;}

	.newsfeed.newsfeedinner .newsstory {width: 48%;}

	.galleries {margin-left: 0%; width: 100%;}
	.galleries .gallery {width: 100%; margin: 0 0 10px 0;}

	.footer .col1 {width: 100%; margin-right: 0%;}
	.footer .col2 {width: 100%; margin: 0 0 20px 0;}
	.footer .col3 {width: 100%;}

	.bottom-footer .col1 {width: 100%; margin-right: 0%;}
	.bottom-footer .col2 {width: 100%;}
	.bottom-footer .col3 {width: 100%; text-align: left;}

	.quicklinks {width: 104%; margin-left: -4%; padding: 20px 0 10px 0;}
	.quicklinks .quicklink {width: 46%; padding-bottom: 41%; margin: 0 0 4% 4%;}
	.quicklinks .quicklink a {font-size: 80%;}
}
@media(max-width: 667px){
	.grid .gridbox {width: 98%; margin: 0 0 20px 2%;}
}
@media(max-width: 400px){
	input[type="submit"] {width: 100%;}
	.councilmembers .member {width: 98%;}
	.newsfeed.newsfeedinner .newsstory {width: 98%;}
}