@charset "UTF-8";
/* CSS Document */

/* FONT SETTINGS
font-family: 'Josefin Slab', serif;
Light 300
Regular 400
Bold 700

font-family: "mrs-eaves-xl-serif";
Regular 400
Bold 700
*/

/* COLOURS
*** Dark Blue: #343744; rgba(52,55,68,1)
*** Cream: #fef6e4; rgba(254,246,228,1)
*/

img.responsive {
	width: 100%;
	height: auto;
}
.wrapper {
	box-sizing:border-box;
	width: 100%;
	max-width: 1290px;
	margin: 0px auto;
	position: relative;
	padding: 0px 15px;
}

.centered {
	text-align: center;
}

.topbar {
	height: 10px;
	background-color: rgba(52,55,68,1);
	/*-webkit-box-shadow: 0 6px 8px 0 rgba(50,50,50,0.4);
	box-shadow: 0 6px 8px 0 rgba(50,50,50,0.4);*/
}
header {
	position: fixed;
	width: 100%;
	z-index: 999;
}
.spacer {
	height: 166px;
}
header {
	background-color: rgba(254,246,228,1);
	text-align: center;
	/*border-bottom: 20px solid rgba(52,55,68,1);*/
}
header .logo {
	padding: 5px 0px;
}

.headercontent {
	max-width: 1200px;
	margin: 0px auto;
	text-align: center;
}
.headercontent h1, .headercontent p {
	color: #FFF;
}

/* TOP PAGE NAV */

.topnav {
	text-align: center;
	margin: 0px auto;
	position: relative;
	height: 40px;
	background-color: rgba(52,55,68,1);
}

.topnav nav {
	display: inline;
	width: auto;
	text-align: center;
}
.topnav nav ul {
	display:  inline;
	list-style: none;
	padding:0px;
	margin:0px;
}
.topnav nav li {
	list-style: none;
	padding:0px;
	margin:0px;
	display: inline-block;
	position: relative;
}
.topnav nav li:nth-of-type(1):before {
	display: block;
	content: '';
	position: absolute;
	height: 24px;
	top: 8px;
	border-left: 1px dashed #FFF;
}
.topnav nav li:after {
	display: block;
	content: '';
	position: absolute;
	height: 24px;
	right: -3px;
	top: 8px;
	border-left: 1px dashed #FFF;
}
.topnav nav li a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 11px 20px;
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
}
.topnav nav li a:hover, .topnav nav li:hover a, .topnav nav li.current a {
 	color: rgba(254,246,228,1)
 }


.topnav nav li ul {
	position: absolute;
	z-index: 20;
	left: 0;
	top: 40px;
	width: auto;
	max-width: 200px;
	min-width: 200px;
	background-color: rgba(52, 55, 68, 0.6);
}
.topnav nav li ul li {
    overflow: visible;
    max-height:0;
	opacity:0;
	transition:all .5s ease-in;
	width: auto;
	min-width: 100%;
	float: left;
}
.topnav nav li ul li:nth-of-type(1):before, .topnav nav li ul li:after {
	border-left: none;
}
.topnav nav li ul li a {
	display: block;
	text-align: left;
	color: #fff;
	padding: 12px 10px;
}
.topnav nav li:hover ul li a {
	color: #fff;
}
.topnav nav li ul li a:hover {
	color: #FFF;
}

.topnav nav ul li:hover ul {
	height: auto;
	max-height: 1000px;
	opacity: 1;
	padding: 0px;
}
.topnav nav ul li:hover ul li {
    max-height:150px;
	opacity:1;
}

.topnav nav li ul li ul {
	display: none;
}


.toplinks {
	position: absolute;
	right: 10px;
	top: 0px;
}
.toplinks ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.toplinks ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display:  block;
	width: 162px;
}
.toplinks li a {
	display: block;
	color: #FFF;
	padding: 4px 0px;
	text-align: center;
}
.toplinks li a:hover {
	text-decoration: none;
}


/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 32px;
  height: 24px;
  position: relative;
  margin: 10px auto;
  -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;
}


/* Icon 2 */

#nav-icon2 {
	display: inline-block;
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 50%;
  background: #414141;
  opacity: 1;
  -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;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 3px 3px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 3px 0 0 3px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 10px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 20px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 5px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 2px);
	top: 5px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 14px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 2px);
  top: 14px;
}

/* MOBILE AND TABLE HEADER/NAV STYLES */
#mobile-header {
    display: none;
}
#mobile-header ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	right: 40px;
	top: 10px;
	width: auto;
	min-width: 100px;
}
#mobile-header li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: inline-block;
}
#mobile-header li a .icons {
	color: #FFF;
	font-size: 26px;
	margin-right: 15px;
}
#mobile-header li a:hover {
	text-decoration:  none;
}
#mobile-header .search {
	display: inline-block;
	vertical-align: top;
	margin: 8px 20px 10px 0px;
}
#mobile-header .search a {
	display: block;
	height: 24px;
	width: 32px;
}
#mobile-header .search a .fa {
	color: #FFF;
	font-size: 28px;
}
@media (max-width: 880px) {
	.spacer {
		height: 100px;
	}
	header .logo {
		max-width: 180px;
		margin: 0px auto;
	}
	.navHolder {
		display: none;
	}
	.subnav {
		display: none;
	 }
	 .topnav {
	 	display: none;
	 }
	 .toplinks {
	 	display: none;
	 }
	 #mobile-header {
        display: block;
		position: absolute;
		left: 20px;
		top: 18px;
    }
}

.mobilenav {
	display:  none;
	border-top: 2px solid #414141;
	max-height: 70vh;
	overflow: auto;
}
.mobilenav ul {
	margin: 0px;
	padding:0px;
}
.mobilenav li {
	list-style:  none;
	margin: 0px;
	padding:0px;
	border-bottom: 1px solid #343744;
}
.mobilenav li a {
	display:  block;
	color: #414141;
	text-align: left;
	text-transform: uppercase;
}
.mobilenav li a span {
	color:  #FFF;
	font-weight: 400;
	font-size:  inherit;
}
.mobilenav ul.mobiletopnav {
	padding: 0px 0px 0px;
}
.mobilenav ul.mobiletopnav li a {
	padding: 10px 0px 10px 30px;
}
.mobilenav ul.mobilesectionnav li {
	border-bottom: 1px solid #343744;
}
.mobilenav li:nth-last-of-type(1) {
	border-bottom: none;
}
.mobilenav li a.location:after { 
	content: attr(data-location); /* no quotes around attribute name! */
	font-size: 13px;
	text-transform: uppercase;
	padding-left: 10px;
}
.mobilenav ul.mobilesectionnav li  a {
	text-transform: uppercase;
	padding: 10px 0px 10px 30px;
}
.mobilenav p.welcome {
	color: #bebebe;
	margin: 22px 0 0 0;
	text-align: left;
	padding-left: 30px;
}
.mobilenav .fa {
	color: #bebebe;
	margin-left: 14px;
}

.mobilenav ul.mobilesectionnav li ul, .mobiletopnav li ul {
	display:  none;
}
.mobilenav ul li.hover ul {
	display: block;
	background-color: rgba(255,255,255,0.6);
	padding: 5px 20px;
}
.mobilenav ul li.hover ul li:nth-last-of-type(1) {
	border-bottom:  none;
}
.mobilenav ul li ul li a {
	padding: 6px 0px 6px 10px;
	color: #353535;
}
.mobilenav ul.extramobilenav {
	background-color: #a3b65c;
}
.mobilenav ul.extramobilenav li {
	border-bottom: 1px solid #FFF;
}
.mobilenav ul.extramobilenav li a {
	padding: 10px 0px 10px 30px;
	color:  #FFF;
}

@media (max-width: 842px) {
	.topnav .signup {
		display:  none;
	}
}
@media (max-width: 698px) {
	.topnav a.logo {
		right: 20px;
	}
	.topnav .headlinks, .topnav .signup {
		display:  none;
	}
}

/* END MOBILE HEADER */



.parallax-window {
	height: 400px;
	position: relative;
	background-color: #343744;
}
.parallax-window.footerimg {
	background-color: #000;
}
.parallax-window.deep {
	height: 500px;
}
.parallax-window .logo {
	position: absolute;
	z-index: 20;
	bottom: 0px;
	left: 0px;
	right: 0px;
	text-align: center;
	min-height: 200px;
	background-color: rgba(52,55,68,0.7);
}
.parallax-window .logo img {
	display: block;
	margin: 0px auto;
}
.parallax-window .logo  h1 {
	color: #FFF;
}
.parallax-window .logo  h1 span {
	background-image: url(/images/elements/diamond-border-light.png);
}
.parallax-window.headerimg {
	margin-bottom: 40px;
}
.parallax-window.headerimg:after {
	display: block;
	content: '';
	position: relative;
	bottom: -394px;
	height: 12px;
	background-color: rgba(52, 55, 68, 1);
	z-index: 14;
	-webkit-box-shadow: 0 2px 4px 0 rgba(50, 50, 50, 0.4);
	box-shadow: 0 2px 4px 0 rgba(50, 50, 50, 0.4);
}
.parallax-window.deep.headerimg:after {
	bottom: -494px;
}
@media (max-width: 720px) {
	.parallax-window {
		height: 280px;
	}
	.parallax-window.headerimg:after {
		bottom: -274px;
	}
	.parallax-window.deep {
		height: 320px;
	}
	.parallax-window.deep.headerimg:after {
		bottom: -314px;
	}
}
.parallax-window .footerlogo {
	position: absolute;
	z-index: 20;
	left: 0; 
	right: 0; 
	margin: 0px auto;
	top: 50%;
	transform: translateY(-50%);
	width: 200px;
	text-align: center;
}

.promobanner .logo {
	position: absolute;
	left: 0px;
	right: 0px;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
}

.content {
	padding-top: 30px;
	text-align: center;
	background-color: rgba(52,55,68,1);
}

.maincontent {
	padding-top: 30px;
	padding-bottom: 40px;
}

.contactholder {
	max-width: 500px;
	margin: 0px auto;
}
.contactholder .formholder label {
	display:  none;
}
.contactholder .formholder {
	margin-bottom: 18px;
	width: 100%;
}

.selectMenu {
	float: none;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	background: none;
	border: 1px solid #999;
	height: 34px;
	border-radius: 0px;
	background-color: #000;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	padding-left: 45px;
	background-image: url(/images/layout/chevron.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: 400;
	color: #ccc;
	text-transform: uppercase;
}
select.selectMenu:before, select.selectMenu:after {
	display:  none;
}
select::-ms-expand {
    display: none;
}
.formholder input.text {
	height: 34px;
	background-color: #000;
	border: none;
	border-radius: 0px;
	color: #FFF;
	padding-left: 12px;
	width: 100%;
}
.formholder textarea {
	width: 100%;
	background-color: #000;
	color: #FFF;
	padding-left: 12px;
}
.formsubmit {
	margin-bottom: 30px;
}
.formsubmit input.frmbut {
	text-align: center;
	text-transform: uppercase;
	font-style: normal;
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	display: inline-block;
	width: 50%;
	padding: 10px;
	background-color: rgba(254,246,228,1);
	border: none;
	position: relative;
	z-index: 10;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.formsubmit input.frmbut:hover {
	background-color: rgba(0,198,226,1);
	text-decoration:  none;
}
.contactholder .error {
	color: #FFF;
}

.locations {
	background-color: rgba(65, 65, 65, 1);
	padding: 20px 0px 40px;
	color: #FFF;
	text-align: center;
}
.locations p {
	color:  #FFF;
}
.locations h2, .locations h3 {
	color: rgba(255,242,218,1);
}
.locations .mainholder .holder {
	text-align: left;
	width: 49%;
}
.locations .mainholder .holder p {
	font-size: 15px;
	line-height: 17px;
}
.locations .holder a {
	color: #FFF;
}
.locations .mainholder .holder:nth-of-type(1) {
	float: left;
}
.locations .mainholder .holder:nth-of-type(2) {
	float: right;
}
.locations .holder .address {
	width: 34%;
	display: inline-block;
	vertical-align: top;
}
.locations .holder .map {
	width: 65%;
	display: inline-block;
	vertical-align: top;
	height: 480px;
}

footer {
	padding: 0px 0px 40px;
	background-color: #000;
}
footer .wrapper {
	border-bottom: 1px dashed rgba(254,246,228,1);
	padding-top: 20px;
}
footer .wrapper p {
	color:  #FFF;
	margin-bottom: 12px;
}
footer .top {
	background-color: rgba(52,55,68,1);
	color: #FFF;
	padding: 15px 0px;
	position: relative;
}
footer .top .wrapper {
	border-bottom: none;
	padding-top: 0px;
}
footer .top .signoff {
	color:  #FFF;
	font-size: 14px;
	text-align: right;
	margin: 0px;
	position: absolute;
	right: 12px;
	bottom: 0px;
}
footer .top .footernav p {
	font-size: 15px;
	color:  #fef6e4;
	text-transform: uppercase;
}
footer .top .footernav ul, footer .top .footernav ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
footer .top .footernav ul li a {
	font-size: 15px;
	color:  #FFF;
	text-transform: uppercase;
}

footer .bottomnav {
	border-bottom: 1px dashed rgba(254,246,228,1);
	box-sizing: border-box;
	width: 100%;
	max-width: 1290px;
	margin: 0px auto;
	position: relative;
	padding: 20px 15px;
	list-style: none;
}

footer ul.bottomnav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
footer ul.bottomnav li {
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
	text-transform: uppercase;
}

@media (max-width: 1024px) {
	.locations .mainholder .holder {
		width: 100%;
	}
}
@media (max-width: 648px) {
	.promobanner .logo img {
		max-width: 200px;
	}
	.contactholder .formholder {
		width: 100%;
	}
	.contactholder .formholder:nth-of-type(1), .contactholder .formholder:nth-of-type(3) {
		float: none;
	}
	.contactholder .formholder:nth-of-type(2), .contactholder .formholder:nth-of-type(4) {
		float: none;
	}
	footer {
		text-align:  center;
	}
	footer .top .signoff {
		position: relative;
		right: auto;
		top: auto;
		text-align: center;
		margin-top: 20px;
	}
	.locations .holder .address {
		width: 100%;
		text-align:  center;
	}
	.locations .holder .map {
		width: 100%;
		margin-bottom: 30px;
		height: 380px;
	}
}

.section {
	padding: 18px 0px;
	background-color: #fff;
}
.section.pullout {
	padding: 18px 0px 26px;
}
.pullout h3 {
	font-size: 28px;
	margin-bottom: 50px;
	display:  inline-block;
	position: relative;
}
.pullout h3 span {
	position: absolute;
	height: 9px;
	background-image: url(/images/elements/diamond-border.png);
	background-repeat: repeat-x;
	background-position: center;
	bottom: -25px;
	left: -8%;
	right: -8%;
}
.pullout .col-1-2 {
	vertical-align: middle;
}

a.button {
	display: inline-block;
	padding: 12px 40px 8px;
	border: 1px solid #343744;
	color: #343744;
	transition: all .5s ease-in;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	margin: 4% 2% 0;
}
a.button:hover {
	color: #FFF;
	background-color: #343744;
	text-decoration: none;
}

.section.dark {
	background-color: #343744;
}
.section.dark h3, .section.dark p {
	color: #FFF;
}
.section.dark h3 span {
	background-image: url(/images/elements/diamond-border-light.png);
}
.dark a.button {
	border: 1px solid #fef6e4;
	color: #fef6e4;
}
.dark a.button:hover {
	background-color: #fef6e4;
	color: #343744;
}

.section .links a {
	display: inline-block;
	width: 24%;
	margin: 0 1%;
}
.section .col-1-2 .links a {
	width: 30%;
}
@media (max-width: 900px) {
	.section .links a, .section .col-1-2 .links a {
		display: inline-block;
		width: 80%;
		margin: 0 1% 3%;
	}
	.section .links a:nth-last-of-type(1) {
		margin-bottom: 0;
	}
}

.locations {
	background-color: rgba(52,55,68,1);
	padding: 20px 0px 40px;
	color: #FFF;
	text-align: center;
}
.locations p {
	color:  #FFF;
}
.locations h2, .locations h3, .greyback h2 {
	color: rgba(254,246,228,1);
}
.locations h2 {
	font-size: 24px;
	line-height: 26px;
	display: inline-block;
	margin-bottom: 50px;
}
.locations .mainholder .holder {
	text-align: left;
	width: 49%;
}
.locations .mainholder .holder p {
	font-size: 15px;
	line-height: 17px;
}
.locations .holder a {
	color: #FFF;
}
.locations .mainholder .holder:nth-of-type(1) {
	float: left;
}
.locations .mainholder .holder:nth-of-type(2) {
	float: right;
}
.locations .holder .address {
	width: 34%;
	display: inline-block;
	vertical-align: top;
}
.locations .holder .map {
	width: 63%;
	display: inline-block;
	vertical-align: top;
	height: 480px;
}

.locations.single {

}
.locations.single .address {
	float: left;
	width: 20%;
	text-align: left;
	background-image: url(/images/elements/contact-pin.png);
	background-repeat: no-repeat;
	padding-top: 80px;
	margin-top: 40px;
	position: relative;
	top: -18px;
	background-size: 50px;
}
.locations.single .address h3 {
	margin-bottom: 12px;
}
.locations.single .address p {

}
.locations.single .address a {
	color: #FFF;
}
.locations.single .map {
	float: left;
	width: 48%;
	height: 345px;
}
.locations.single .enquiry {
	float: left;
	width: 30%;
	margin-left: 2%;
	text-align: left;
}
.locations.single .enquiry h3 {
	margin-bottom: 12px;
}
.locations.single .enquiry .formholder {
	width: 100%;
	float: none;
	margin-bottom: 6px;
}
.locations.single .enquiry .formsubmit input.frmbut {
	width: 100%;
	background-color: #fff2db;
	margin-bottom: 10px;
}
.locations.single .enquiry p.small {
	font-size: 12px;
	text-transform: uppercase;
	color: #CCC;
	text-align: center;
}
.locations.single .enquiry p {
	text-transform: uppercase;
	text-align: center;
}
.locations.single .enquiry .formholder span.error {
	color: #CCC;
	font-size: 12px;
	text-transform: uppercase;
	padding: 10px;
}
@media (max-width: 1080px) {
	.locations.single .address {
		width: 30%;
	}
	.locations.single .map {
		width: 70%;
	}
	.locations.single .enquiry {
		width: 100%;
		margin-left: 0%;
		margin-top: 24px; 
	}
}
@media (max-width: 780px) {
	.locations.single .address {
		width: 100%;
		text-align: center;
		background-position: top center;
	}
	.locations.single .map {
		width: 100%;
		margin-bottom: 3%;
	}
	.locations.single .enquiry {
		width: 100%;
		margin-left: 0%;
	}
}

/* COLUMN LAYOUT STYLES */

.grid:after {
  content: "";
  display: table;
  clear: both;
}

.grid-pad {
  padding: 20px 0 20px 20px;
}
.grid-pad > [class*='col-']:last-of-type {
  padding-right: 20px;
}

[class*='col-'] {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	margin:1%;
}

.col-1 {
	width: 98%;
	float: none;
	clear:left;
}

.col-1-2 {
	width: 48%;
}
.col-1-4 {
  width: 23%;
}
.col-3-4 {
  width: 73%;
}
.col-1-5 {
  width: 18%;
}
.col-2-5 {
  width: 38%;
}
.col-3-5 {
  width: 58%;
}
.col-4-5 {
  width: 78%;
}
.col-1-8 {
  width: 10.5%;
}
.col-1-3 {
  width: 31.33%;
}
.col-2-3 {
  width: 64.66%;
}

@media (max-width: 880px) {
	.col-1-4 {
	  width: 48%;
	}
	.col-1-3 {
	  width: 98%;
	}
	.col-2-3 {
	  width: 98%;
	}
}

@media (max-width: 648px) {	
	
	[class*='col-'] {
		box-sizing: border-box;
		float: none;
		margin: 0px 0px 20px 0px;
	}
	.col-1, .col-1-2, .col-1-4, .col-3-4, .col-1-8, .col-2-3, .col-1-3, .col-1-5, .col-2-5, .col-3-5, .col-4-5 {
	  width: 100%;
	}

}


/* END COLUMN LAYOUT STYLES */

/* FILTER MENUS AND HOLDER */
.filtercontent {
	background-color: rgba(52, 55, 68, 1);
	padding: 20px 0px;
	text-align: center;
	margin-bottom: 20px;
}

.filtercontent .filtertitle {
	display: none;
}
.filtercontent .filtertitle a {
	text-transform: uppercase;
	color: #303030;
	display: block;
	padding: 5px 0px 10px;
}
.filtercontent .filtertitle a:hover {
	text-decoration: none;
}
.filtercontent .filterholder .filtermenu {
	display: inline-block;
	position: relative;
	border: 1px solid #FFF;
	background-color: rgba(52, 55, 68, 1);
	margin: 0px 1%;
	width: 25%;
	color: #fff2db;
	text-transform: uppercase;
	font-size: 18px;
}
.filtercontent .filterholder .filtermenu a {
	color: #fff2db;
	text-transform: uppercase;
	font-size: 16px;
	display: block;
	padding: 6px 0px 4px;
}
.filtercontent .filterholder .filtermenu:nth-of-type(1) {
	
}

.filtercontent .filterholder .filtermenu a:hover {
	text-decoration: none;
}
.filtercontent a .fa {
	color: #4a7722;
	padding-left: 10px;
}
.filtercontent .filterholder .filtermenu .dropdown {
	display: none;
	position: absolute;
	z-index:20;
	width: 100%;
	top: 34px;
	left: 0px;
}
.filtercontent .filterholder .filtermenu .dropdown ul {
	list-style: none;
	padding:0px;
	margin:0px;
	background-color: rgba(52, 55, 68, 1);
	-webkit-box-shadow: 0 0 8px 0 rgba(200,200,200,0.4);
	box-shadow: 0 0 8px 0 rgba(200,200,200,0.4);
}
.filtercontent .filterholder .filtermenu .dropdown li {
	list-style: none;
	padding:0px;
	margin:0px;
	border-bottom: 1px solid #FFF;
}
.filtercontent .filterholder .filtermenu .dropdown li:nth-last-of-type(1) {
	border-bottom: none;
}
.filtercontent .filterholder .filtermenu .dropdown a {
	padding: 8px 0px 8px 12px;
	display: block;
	text-align: left;
	color: #fff;
}
.filtercontent .filterholder .filtermenu .dropdown a:hover {
	background-color: rgba(88, 93, 115, 1);
	color: #FFF;
}


.filtercontent .formholder {
	margin: 0px 1%;
	width: 25%;
	display: inline-block;
	position: relative;
}
.filtercontent .formholder input.search {
	border: none;
	/* border-bottom: 1px solid #bcbabb; */
	padding: 1px 2px 2px 10px;
	font-size: 16px;
	color: rgba(52, 55, 68, 1);
	width: 100%;
	font-style: italic;
	height: 34px;
}
.filtercontent .formholder .fa {
	position: absolute;
	right: 6px;
	top: 8px;
	color: #d0ccce;
}
@media (max-width: 800px) {
	.filtercontent  {
		text-align: center;
	}
	.filtercontent .filtertitle {
		display: block;
	}
	.filtercontent .filterholder .filtermenu {
		display: inline-block;
		/* border-left: none; */
		margin-right: 0px;
		padding-left: 0px;
		width: 80%;
		margin-bottom: 15px;
	}
	.filtercontent .filterholder .filtermenu:nth-last-of-type(1) {
		margin-bottom: 0px;
	}
	
	.filtercontent .formholder {
		display: inline-block;
		/* border-left: none; */
		margin-right: 0px;
		padding-left: 0px;
		width: 80%;
		margin-bottom: 15px;
	}
	.filtercontent .formholder input.search {
		border: 1px solid #bcbabb;
	}
}
/* END FILTER MENUS */

.boxcontent img {
	margin-bottom: 0px;
}
.boxcontent a.link img {
	margin-bottom: 0px;
	display: block;
}
.boxcontent a.contentlink {
	background-color: #FFF;
	position: relative;
	top: -10px;
	left: 10px;
	display: block;
	width: 94%;
	width: calc(100% - 20px);
	text-align: left;
	padding: 18px 20px 48px;
}
.boxcontent a.contentlink p.date {
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	color: rgba(150, 167, 64, 1);
	margin-bottom: 12px;
	text-transform: uppercase;
}

.boxcontent a.contentlink span.more {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 48px;
	transition: all ease 0.3s;
	border-top: 1px solid #CCC;
	font-size: 12px;
	line-height: 22px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 20px;
}
.boxcontent a.contentlink span.more .fa {
	width: 22px;
	height: 22px;
	border-radius: 11px;
	border: 1px solid #CCC;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding-top: 5px;
	padding-left: 3px;
	font-size: 11px;
	background-color: #FFF;
	color: rgba(35,87,43, 1);
}
.boxcontent a.contentlink:hover span.more {
	background-color: rgba(150,167,64,1);
	color: #fff;
}

.pullout .imgholder {
	position: relative;
	margin-bottom: 20px;
}

.pullout .imgholder img {
	display:  block;
}
.pullout .imgholder h3 {
	position: absolute;
	bottom: 26px;
	font-size: 22px;
	color:  #FFF;
	margin: 0px;
	z-index: 20;
}
.pullout a {
	display: block;
	margin-bottom: 42px;
}
.pullout p.date {
	color: #000;
	margin-bottom: 5px;
	font-style: normal;
	font-size: 12px;
	text-transform: uppercase;
}
.pullout h2 {
	color: #999;
text-transform: uppercase;
font-size: 22px;
font-style: normal;
line-height: 24px;
margin-bottom: 0.6em
}

.wrapper.maincontent p.date {
	text-align: center;
	color: rgb(33,64,153);
	margin: 20px 0px;
}

.button:hover, .pullout a:hover .button {
	background-color: rgba(52, 55, 68, 1);
	color:#FFF;
	text-decoration:none;
	transition:all ease 0.3s;
}

span.button {
	display: inline-block;
padding: 12px 40px 8px;
border: 1px solid #343744;
color: #343744;
transition: all .5s ease-in;
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
margin: 4% 2% 0;
}
.pullout a:hover, .pullout a:hover p, .pullout a:hover h3 {
	text-decoration: none;
}
.pullout a p {
	font-size: 0.9em;
margin-bottom: 0.4em;
}


.blogholder .wrapper {
	max-width: 800px;
}
.blogholder .imageSlider {
	margin-bottom: 40px;
}