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

/* COLOURS
*** Dark Orange: #e36b2c; - Functions, Blog
*** Blue: #0ea6b4; - The Story, Events, Contact
*** Dark Grey: #66676b; - Offers and Packages
*** Light Grey: #bcbabb;
*** Orange: #f8a71a; - Drink and Dine, Cafe
*** Green: #88af9c; - Our Rooms, The Cotswolds
*/


.wrapper {
	box-sizing:border-box;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	position: relative;
}
header {
	background-color: #FFF;
	text-align: left;
	-webkit-box-shadow: 0 0px 12px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 0px 12px 2px rgba(0, 0, 0, .2);
	max-height: 66px;
	overflow: hidden;
	z-index: 100;
	position: relative;
    transition: all 0.3s ease;
    width: 100%;
}

.homepage-video {
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
}
header.nav-down.headerColor {
    background-color: rgba(242,145,0,1);
    box-shadow: none;
    border: 1px solid rgba(255,255,255,0.3);
	transition: all 0.3s ease;
}
.nav-up {
	position: fixed;
    top: -55px;
}
.nav-down {
    position: fixed;
    top: 0px;
    z-index: 9999;
}
header .logo {
	padding-left: 15px;
	z-index: 9999;
	position:relative;
	height: 50px;
}
header .logo .mainLogo {
	position:absolute;
	top:1px;
	left:0px;
	opacity:1;
	transition:all ease 0.5s;
}
a.mainLogo img {
	max-height: 50px;
}

@media (min-width: 880px) {
	header .logo {
		height: 66px;
	}
	header .logo .mainLogo{
		top: 8px;
	}
}

@media (max-width: 768px) {
	header .logo .mainLogo {
		padding-top: 3px;
	}
	a.mainLogo img {
		max-height: 40px;
	}
}
header .logo .mobileLogo {
	position:absolute;
	left:-999px;
	top:23px;
	transition:all ease 0.5s;
}

header.nav-down.headerColor .logo .mobileLogo {
	left:0px;
	top: 0px;
	transition:all ease 0.5s;
	max-height: 50px;
	padding-top: 14px;
}
header.nav-down.headerColor .logo .mobileLogo img {
	height: 19px;
	width: auto;
	display: block;
}

header.nav-down.headerColor .logo .mainLogo {
	left:0px;
	top:-160px;
	opacity:0;
	transition:all ease 0.5s;
}
 #mobile-header {
	display: none;
	position: absolute;
	right: 15px;
	top: 14px;
	z-index: 9999;
	transition:all ease 0.3s;
}
#mobile-phone {
	display: none;
	position: absolute;
	right: 70px;
	top: 11px;
	z-index: 9999;
	transition:all ease 0.3s;
}
#mobile-phone a .fa {
	color: #f79421;
	font-size: 28px;
}
#mobile-phone:after {
	content: '';
	display: block;
	height: 32px;
	width: 1px;
	position: absolute;
	background-color: #333;
	right: -15px;
	top: -4px;
}

header nav {
	position: relative;
	right: 0px;
}
header nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: right;
}
header nav li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: inline-block;
}
header .wrapper nav li a {
	display: block;
	padding: 18px 20px;
	color: #000;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 800;
	text-align:  center;
	position: relative;
}
header .wrapper nav li a:hover {
	text-decoration:  none;
}
header .wrapper nav li a:hover:after, header .wrapper nav li.current a:after {
	content: '';
	display: block;
	width: 50%;
	background-color: rgba(242, 145, 0, 1);
	height: 4px;
	position: absolute;
	left: 25%;
	bottom: 14px;	
}

@media (max-width: 880px) {
	#mobile-header { 
		display:  block;
	}
	#mobile-phone { 
		display:  block;
	}
	header nav {
		display: none;
	}
}
#mobile-header:hover {
	cursor: pointer;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(242,145,0,0.7);
    display: block;
    z-index: 99;
    position: fixed;
    bottom: 0px;
	transition:all ease 0.4s;
	display:none;
}


.overlay.headerColor {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(242,145,0,0.7);
    display: block;
    z-index: 99;
    position: fixed;
    bottom: 0px;
	transition:all ease 0.4s;
	display:block;
}


#nav-icon2.open {
	    margin: 8px auto 8px auto;
}

.navHolder {
    text-align: center;
    width: 100%;
    margin: 0px auto;
    position: absolute;
    z-index: 999;
    top: 0px;
	height:100%;
    display: none;
    padding-top: 50px;
}
.navHolder nav {
	background-color: rgba(242,145,0,1);
	min-height:100vh;
}
.navHolder nav ul {
	list-style: none;
	margin:0px auto;
	text-align: center;
	padding: 0px;
	width: 100%;
	position: relative;
	top:-40px;
	z-index: 20;
	transition:all ease 0.5s;
}
.navHolder nav ul.show {
	top:0px;
	transition:all ease 0.5s;
}
.navHolder nav ul:before, .navHolder nav ul:after {
    content:"";
    display:table;
}
.navHolder nav li {
	list-style: none;
	position: relative;
	margin:0px;
	padding: 0px;
	display: inline-block;
	text-align: center;
	width:100%;
}
.navHolder nav li a {
    display: block;
    transition: all 0.5s ease;
    font-size: 30px;
    font-weight:800;
    text-transform: uppercase;
    color: #FFF;
    padding: 30px 0px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    text-decoration: none;
	transition:all ease 0.3s;
	transition-delay:2.5s;
}

.navHolder nav li.openItem a {
	padding: 40px 0px;
	
	transition:all ease 0.3s;	
}
@media (max-width: 648px) {
	.navHolder nav li a {
		font-size: 24px;
	}
	.navHolder nav li.openItem a {
		padding: 30px 0px;
	}
}
.navHolder li:hover a, .navHolder li a:hover, .navHolder li.current a {
	background-color: #f06a22;
	color:#fff;
	text-decoration: none;
	transition:all ease 0.3s;
}

.navHolder nav li ul {
	position:absolute;
    left:0;
    top:36px;
	width: auto;
	background-color: rgba(215, 204, 193, 0.8);
}
.navHolder nav li ul li {
    overflow:hidden;
    max-height:0;
	opacity:0;
	transition:all .5s ease-in;
	width: auto;
	min-width: 160px;
	float: left;
}

.navHolder nav ul > li:hover ul {
	height: auto;
	max-height: 1000px;
	opacity: 1;
}
.navHolder nav ul > li:hover ul li {
    max-height:150px;
	opacity:1;
}

.navHolder nav li:hover ul li a, .navHolder nav li ul li a {
	font-size: 14px;
	color: #000;
	padding: 12px 10px;
	text-transform: uppercase;
	font-style: normal;
	text-align: left;
}
.navHolder nav li ul li a:hover {
    background:rgba(255,255,255,0.2);
}


/* Icon 1 */

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

#nav-icon2 {
	width: 24px;
	height: 4px;
	margin: 8px auto;
	background: #f79421;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}
#nav-icon2:before {
	top: -8px
}
#nav-icon2:after {
	top: 8px
}
#nav-icon2:before, #nav-icon2:after {
	content: '';
	display: block;
	width: 24px;
	height: 4px;
	background: #f79421;
	position: absolute;
	z-index: -1;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}
 #mobile-header:hover #nav-icon2:before {
	top: -10px;
}
 #mobile-header:hover #nav-icon2:after {
	top: 10px;
}
#nav-icon2.open:before {
	top: 0 !important;
	background: #fff !important;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
#nav-icon2.open:after {
	top: 0 !important;
	background: #fff !important;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}


/* Icon 2 */

#nav-icon2 {
}

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

header.nav-down.headerColor #nav-icon2 span {
  background: #ffffff;
}

#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;
  transition:all ease 0.3s;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 20px;
  transition:all ease 0.3s;
}

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

#slideshow {
    position:relative;
	height:auto;
}
#slideshow IMG.active {
    opacity:1;
}
#slideshow IMG.next {
	position:absolute;
    z-index:7;
	opacity:0;
}
#slideshow IMG.last-active {
    z-index:6;
}

a.back-to-top {
    position: fixed;
	z-index: 999;
    bottom: 10%;
    right: 0px;
    text-decoration: none;
    display: none;
	background-image: url(../images/elements/back-to-top-back.png);
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
	opacity: 0.6;
}
a.back-to-top span {
	display: none;
}

.back-to-top:hover {
	color: #FFF;
	opacity: 1;
}


.headerimg {
	text-align: center;
	position: relative;
	margin:0px auto;
	height: 100vh;
	overflow: hidden;
	background-size: cover;
	background-repeat:  no-repeat;
	background-position:  center;
}
.headerimg span {
	content: '\f078';
	font-family: 'FontAwesome';
	text-align: center;
	color: #FFF;
	font-size: 20px;
	padding-top: 4px;
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	border: 2px solid #FFF;
	bottom: 30px;
	left: 49%;
	left: calc(50% - 20px);
	transition:all ease 0.3s;
	z-index:99;
}
.headerimg span:before {
	content: '\f078';
	font-family: 'FontAwesome';
	color: #FFF;
	font-size: 20px;
	transition:all ease 0.3s;
}
.headerimg span:hover {
	cursor: pointer;
}
@media (min-width: 768px) {
	.headerimg span:hover {
		width: 50px;
		height: 50px;
		border-radius: 25px;
		left: 46%;
		left: calc(50% - 25px);
		font-size: 28px;
		padding-top: 8px;
	}
	.headerimg span:hover:before {
		font-size: 28px;
	}
}
.casestudyheader {
	text-align: center;
	position: relative;
	margin:0px auto;
	overflow: hidden;
	background-size: cover;
	background-repeat:  no-repeat;
	background-position:  center;
}
.headerimg img, .casestudyheader img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.headerimg img.active, .casestudyheader img.active {
	position: fixed;
	z-index: 2;
	width: 100%;
	height:auto;
	top: 0px;
}
.casestudyheader .logooverlay {
	position: absolute;
	top: 50%;
    -webkit-transform: translateY(-46%);
    -ms-transform: translateY(-46%);
    transform: translateY(-46%);
	left: 50%;
	z-index: 10;
}
.casestudyheader .logooverlay img {
	height:auto;
	width: auto;
	position: relative;
	left: -50%;
}
@media (max-width: 980px) {
	.headerimg {
		max-height: auto;
	}
	.headerimg img, .casestudyheader img {
		width: 140%;
		left: -20%;
	}
	.headerimg img.active, .casestudyheader img.active {
		width: 140%;
		left: -20%;
	}
	.headerimg .logooverlay img, .casestudyheader .logooverlay img {
		max-height: 150px;
	}
}
@media (max-width: 860px) {
	.headerimg {
		height: 90vh;
		height: calc(100vh - 60px);
	}
}
@media (max-width: 648px) {
	.headerimg {
		max-height: 700px;
		height: 90vh;
		height: calc(100vh - 60px);
	}
	.headerimg:after {
		bottom: 70px;
	}
	.headerimg img, .casestudyheader img {
		width: 180%;
		left: -40%;
	}
	.headerimg img.active, .casestudyheader img.active {
		width: 180%;
		left: -40%;
	}
	.headerimg .logooverlay img, .casestudyheader .logooverlay img {
		max-height: 100px;
	}
	.headerimg.masonrypage img {
		width: 220%;
		left: -60%;
	}
	.headerimg.masonrypage img.active {
		width: 120%;
		left: -10%;
	}
}
.headerimg .headerTitle {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	z-index: 20;
	text-align: center;
	width: 100%;
}
.headerimg .headerTitle h3, .headerimg .headerTitle h4 {
	color: #FFF;	
}
.headerimg .headerTitle h3 {
	font-size: 30px;
	line-height: 32px;
	margin-bottom: 8px;
	font-weight: 800;
	text-transform: uppercase;
	text-shadow: 0px 0px 35px #000;
}
.headerimg .headerTitle h4 {
	font-size: 80px;
	line-height: 82px;
	margin-bottom: 0px;
	font-weight: 800;
	text-transform: uppercase;
	text-shadow: 0px 0px 35px #000;
}
@media (max-width: 880px) {
	.headerimg .headerTitle h4 {
		font-size: 48px;
		line-height: 52px;
	}
}
@media (max-width: 648px) {
	.headerimg .headerTitle {
		display: block;
	}
	.headerimg .headerTitle h3 {
		font-size: 24px;
		line-height: 26px;
	}
	.headerimg .headerTitle h4 {
		font-size: 40px;
		line-height: 44px;

	}
}


main {
	background-color:#FFF;
	position: relative;
	z-index:10;
}
main .casestudy {
	text-align: center;
	margin-bottom: -120px;
}
main .casestudy .topImg {
	position: relative;
	top: -100px;	
}
@media (max-width: 980px) {
	main .casestudy {
		margin-bottom: -100px;
	}
	main .casestudy .topImg {
		top: -40px; 
		width: 45%;
	}
}
@media (max-width: 648px) {
	main .casestudy {
		margin-bottom: -50px;
	}
	main .casestudy .topImg {
		top: -25px;	
		width: 40%;
	}
}

main .services {
	text-align: center;
	padding-top: 60px;
}


.breadcrumb .wrapper {
	max-width: 1000px;
	padding: 10px 16px 6px;
	border-bottom: 1px solid #9a8064;
}

.breadcrumb ul {
	list-style: none;
	padding:0px;
	margin:0px;
	float: left;
}
.breadcrumb li {
	list-style: none;
	padding:2px 0 0 0;
	margin:0px;
	display: inline-block;
}
.breadcrumb li a {
	font-size: 14px;
	color: #9a8064;
	padding-right: 20px;
	margin-right:  8px;
	position: relative;
	text-transform: uppercase;
}
.breadcrumb li a:hover {
	text-decoration: none;
	color: #666;
}
.breadcrumb li a:after {
	display: block;
	content: '>';
	font-size: 20px;
	position: absolute;
	right: 0px;
	top: -1px;
}
.breadcrumb li:nth-last-of-type(1) a:after {
	display: none;
}
	
.centred, .col-1.centred, .col-1-3.centred, .col-1-2.centred, .col-1-4.centred {
	text-align: center;
}

/* 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%;
	text-align: left;
}

.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%;
}
.col-1-2 img, .col-1-3 img, .col-1-4 img {
	width:100%;
	height: auto;	
}
	


/* END COLUMN LAYOUT STYLES */

/* STANDARD TABLE STYLES */

/*table, tr, td, th {
	border: none;
	text-align: left;
}
table {
	table-layout: inherit;
	width: 100% !important;
}
th, td {
	padding: 6px;
}
thead th {
	background-color: #98875c;
}
td  {
	border-bottom: 1px solid #666;
}

table.column2 tr td:nth-of-type(1), table.column2 tr th:nth-of-type(1) {
	width: 25%;
}*/

/* END TABLE STYLES */

/* DIV BASED TABLE LAYOUT */

.Table
    {
        display: table;
		width: 100%;
    }
.Table .Cell p {
	margin:0px;
}
    .Title
    {
        display: table-caption;
        text-align: center;
        font-weight: normal;
        font-size: larger;
    }
    .Heading
    {
        display: table-row;
        text-align: left;
        font-weight: normal;
		font-style: italic
    }
    .Row
    {
        display: table-row;
		font-weight: bold;
    }
	 .Row a {
		 font-weight: bold;
	 }
    .Cell
    {
        display: table-cell;
        border-bottom: 1px dashed #CCC;
		padding: 8px 4px;
	}
	.Row .Cell:nth-of-type(1) {
		width: 10%;
	}
	.Row .Cell:nth-of-type(2) {
		width: 25%;
	}
	.Row .Cell:nth-of-type(3) {
		width: 18%;
	}
	
	.Row .Cell:nth-of-type(4) {
		width: 25%;
	}
	.Row .Cell:nth-of-type(5) {
		width: 12%;
	}
	.Row .Cell:nth-of-type(6) {
		width: 10%;
	}
	

.Row:nth-of-type(odd) .Cell {
	background:#f3f3f3;
}

.Row:hover .Cell {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(1, #E8E8E8)
	);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E8E8E8 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E8E8E8 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E8E8E8 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E8E8E8 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #E8E8E8 100%);
	
}

.Row .Cell:nth-of-type(1) {
		width: 10%;
	}
	
	.Row .Cell:nth-of-type(2) {
		width: 25%;
	}
	.Row .Cell:nth-of-type(3) {
		width: 18%;
	}
	
	.Row .Cell:nth-of-type(4) {
		width: 25%;
	}
	.Row .Cell:nth-of-type(5) {
		width: 12%;
		padding-top: 12px;
	}
	.Row .Cell:nth-of-type(6) {
		width: 10%;
	}
	

.Table[data-columns='surveys'] .Row .Cell:nth-of-type(1) {
	width: 40%;	
}
.Table[data-columns='surveys'] .Row .Cell:nth-of-type(2) {
	width: 24%;	
}
.Table[data-columns='surveys'] .Row .Cell:nth-of-type(3), .Table[data-columns='surveys'] .Row .Cell:nth-of-type(4), .Table[data-columns='surveys'] .Row .Cell:nth-of-type(5) {
	width: 12%;	
}


/* END DIV TABLES */


/* *********** */
/* FORM STYLES */
/* *********** */

.mainformholder {
	background-color: #FFF;
	border: 1px solid #5E5E5E;
	padding: 25px;
	margin-bottom: 40px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

label {
	font-size: 15px;
	width: 14%;
    float: left;
    text-align: left;
    display: block;
	padding-top: 3px;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
}

.formholder {
	margin-bottom:16px;
	clear: left;
	position: relative;
}

.formholder p {
	margin-bottom: 10px;
	margin-top: 0px;
}
.formsubmit {
	text-align: center;
	margin-bottom: 0px;
	position: relative;
	padding-top: 24px;
	width: 100%;
	clear: left;
}
input.text, textarea, input.textLarge {
	color: #999999;
	border: 1px solid;
	/* border-color: #3399cc #3399cc #66ccff #66ccff; BLUE BORDER */
	border-color: #5E5E5E;
	padding: 1px 2px 2px 2px;
	font-size: 1em;
	width: 86%;
	border-bottom: 1px solid #5E5E5E;
}
input.text, input.textLarge {
	border-left: none;
	border-top: none;
	border-right: none;
}
input.text.small {
	width: 20%;
	display: inline;
	float: none;
}

#enquiryHolder .checklist span {
	display: inline-block;	
}

input.text, input.text2, input.text3 {
	height: 36px;
}

input.text:focus, input.text2:focus, textarea:focus, input.text3:focus
{
	border-color: #CCCCCC;
	color:#333333;
}

.formHolderWide {
	margin-bottom:10px;
	clear: left;
}
.formHolderWide label {
	width: 100%;
	float: none;
	margin-bottom: 8px;
}
.formHolderWide input.text, .formHolderWide textarea  {
	width: 100%;
}

a.frmbut {
	text-align:center;
	text-transform: uppercase;
	font-style: normal;
	color: #66676b;
	font-size: 20px;
	line-height: 16px;
	font-weight: normal;
	display: inline-block;
	padding: 12px 24px 22px 10px;
	min-width: 132px;
	min-height: 50px;
	background-color: none;
	border:1px solid #bcbabb;
	position: relative;
	z-index: 10;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.formholder .checkholder label, .formholder .checkholder2 label, label.long {
	float: left;
	width: auto;
}
.formholder .checkholder input, .formholder .checkholder2 input {
	float: left;
	margin-top:4px;
	margin-right:10px;
}
.formholder .checkholder {
	width: 100px;
	float: left;
	margin-bottom: 8px;
	margin-right:8px;
}
.formholder .checkholder2 {
	width: auto;
	float: none;
	clear: both;
	margin-bottom: 8px;
}

@media (max-width: 648px) {
	label {
		width: 100%;
		float: none;
		margin-bottom: 10px;
		text-align: left;
		display: block;
		padding-top: 0px;
	}
	input.text, textarea, input.textLarge {
		width: 100%;
	}
	input.text.small {
		width: 27%;
		display: inline;
		float: none;
	}
}

input.bookingdate {
	width:25%;
	position: relative;
}
.opendatepicker {
	position: relative;
}
.opendatepicker:after {
	position: absolute;
	content: '';
	width: 24px;
	height: 24px;
	right: 5px;
	top: -1px;
	background-image:url(../images/elements/calendar-icon-gold.png);
	background-repeat: no-repeat;
	background-size: contain;
}


.maincontent {
	max-width: 800px;
	margin: 0px auto;
	padding-bottom:20px;
	padding-top: 40px;
}
.maincontent p img, .maincontent div img {
	max-width: 100%;
	height: auto;
}
.contentcol {
	width: 98%;
	max-width: 800px;
	margin:0px auto;
	text-align: left;
	padding-bottom: 15px;
}
.contentcol.paddingtop {
	padding-top: 30px;
}
.whitebck {
	background-color: #FFF;
	position: relative;
	z-index: 2;
}
.masonryholder {
	position: relative;
	z-index: 2;
	padding-top: 30px;
}
.wrapper.masonryholder {
	max-width: 90%;
	width: 90%;
	margin: 0px auto;
	padding-top: 30px;
}
@media (max-width: 880px) {
	.wrapper.masonryholder {
		max-width: 98%;
		width: 98%;
		margin: 0px auto;
	}
}

/* PARALLAX STYLES */
.parallax-window {
    height: 580px;
    background: transparent;
	text-align: center;
	margin-bottom: 24px;
}
.parallax-window img {
	height: 100%;
	width: auto;
}
@media (max-width: 768px) {
	.parallax-window {
		height: 350px;
	}
}
@media (max-width: 648px) {
	.parallax-window {
		height: 180px;
	}
}
.sidebyside {
	margin-bottom: 30px;
}
.sidebyside .col-1-2:nth-of-type(1) {
	margin: 1% 0.5% 1% 0%;
	width: 49.5%;
}
.sidebyside .col-1-2:nth-of-type(2) {
	margin: 1% 0% 1% 0.5%;
	width: 49.5%;
}
@media (max-width: 648px) {
	.sidebyside .col-1-2:nth-of-type(1), .sidebyside .col-1-2:nth-of-type(2) {
		margin: 0%;
		width: 100%;
	}
}
.sidebyside .col-1-2 img {
	display:  block;
}
.singleimage img {
	width: 100%;
	height: auto;
	max-width: 520px;
}
.singleCarouselHolder {
	margin: 0px auto;
	width: 100%;
	height: auto;
	max-width: 520px;
}
.singleCarousel .flex-control-nav {
	bottom: 20px;
}
.singleCarousel  .flex-direction-nav a {
	color: rgba(0, 0, 0, 0.5);
	text-shadow: none;
	border: 1px solid rgba(0, 0, 0, 0.5);
}

.flexslider.singleCarousel:hover .flex-direction-nav .flex-prev, .flexslider.singleCarousel .flex-direction-nav .flex-prev {
	left:  -100px;
	opacity: 1;
}
.flexslider.singleCarousel:hover .flex-direction-nav .flex-next, .flexslider.singleCarousel .flex-direction-nav .flex-next {
	right:  -100px;
	opacity: 1;
}

.stats {
	background-size: cover;
	background-position: center;
	padding: 100px 80px;
}
.stats .col-1-3 {
	text-align: center;
}
.stats .col-1-3 h4, .stats .col-1-3 h5 {
	color: #FFF;
}
.stats .col-1-3 h4 {
	font-size: 38px;
	line-height: 40px;
	font-weight: 200;
	margin-bottom:  4px;
}
.stats .col-1-3 h5 {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
}

.subAccordion.contentcol {
    border-bottom: 1px solid rgba(0,0,0,0.3);
}

.subAccordion.contentcol:nth-of-type(1) {
    border-top: 1px solid rgba(0,0,0,0.3);
}
.subAccordion.contentcol:nth-last-of-type(1) {
	margin-bottom:  0px;
}

.subAccordion a.accordionLink {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 0px 30px 40px;
	position:relative;
}
.subAccordion a.accordionLink:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f178";
	position:absolute;
	color:rgba(0,0,0,0.3);
	left:0px;
	top: 35px;
	-ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	transition:all ease 0.3s;
}
.subAccordion:hover a.accordionLink:before {
	color:rgba(200,222,97,1);
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	transition:all ease 0.3s;
}

.subAccordion a.accordionLink.current:before {
	color:rgba(0,0,0,0.5);
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	transition:all ease 0.3s;
}
.subAccordion:hover a.accordionLink.current:before {
	color:rgba(0,0,0,0.7);
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	transition:all ease 0.3s;
	cursor:pointer;
}
.green .subAccordion:hover a.accordionLink:before, .green a.accordionLink.current, .green a.accordionLink.current h2, .green .subAccordion a.accordionLink.current:before {
	color: rgb(90,167,69);
}
.blue .subAccordion:hover a.accordionLink:before, .blue a.accordionLink.current, .blue a.accordionLink.current h2, .blue .subAccordion a.accordionLink.current:before {
	color: rgb(33,83,126);
}
.aqua .subAccordion:hover a.accordionLink:before, .aqua a.accordionLink.current, .aqua a.accordionLink.current h2, .aqua .subAccordion a.accordionLink.current:before {
	color: rgb(38,137,112);
}
.orange .subAccordion:hover a.accordionLink:before, .orange a.accordionLink.current, .orange a.accordionLink.current h2, .orange .subAccordion a.accordionLink.current:before  {
	color: rgb(264,191,30);
}
.red .subAccordion:hover a.accordionLink:before, .red a.accordionLink.current, .red a.accordionLink.current h2, .red .subAccordion a.accordionLink.current:before {
	color: rgb(222,70,65);
}

.subAccordion a.accordionLink h2 {
	text-align: left;
	margin-bottom: 0px;
	line-height: 26px;
}
.subAccordion a.accordionLink:hover, .subAccordion a.accordionLink:hover h2 {
	text-decoration: none;
}
.subAccordion .accordionContent {
	padding:10px 10px 10px 40px;
}
a.subLink {
	display: block;
	width: 100%;
	height:100%;
}
a.subLink:hover, a.subLink:hover h2, a.subLink:hover p {
	text-decoration: none;	
}
.green a.subLink h2, body.green .maincontent h1 {
	font-weight: 800;
	color: rgb(90,167,69);
	text-transform: uppercase;
}
.blue a.subLink h2, body.blue .maincontent h1 {
	font-weight: 800;
	color: rgb(33,83,126);
	text-transform: uppercase;
}
.aqua a.subLink h2, body.aqua .maincontent h1 {
	font-weight: 800;
	color: rgb(38,137,112);
	text-transform: uppercase;
}
.orange a.subLink h2, body.orange .maincontent h1 {
	font-weight: 800;
	color: rgb(264,191,30);
	text-transform: uppercase;
}
.red a.subLink h2, body.red .maincontent h1 {
	font-weight: 800;
	color: rgb(222,70,65);
	text-transform: uppercase;
}
.titleholder {
	padding-top: 50px;
}
.backgroundcolour .titleholder {
	padding-top: 0px;
}
.titleholder h3, .lrgImage h2 {
	font-size: 34px;
	line-height: 40px;
	font-weight: 800;
	font-style: normal;
	color: #000;
	text-align: center;
	margin-bottom: 24px;
	text-transform: uppercase;
}
.lrgImage img, .team img, .col-1-4 img {
	width: 60%;
	text-align: center;
	margin-bottom: 20px;
}
.team h3 {
	font-size: 15px;
	line-height: 18px;
	font-weight: 800;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 6px;
}
.team h2 {
	font-size: 32px;
	line-height: 34px;
	font-weight: 800;
	text-transform: none;
	color: #000;
	text-transform:  uppercase;
}
.GreyTop, .GreyBottom, .GreyTopSml, .greyBack {
	/*background-image:url(../images/elements/greybck.jpg);
	background-repeat: repeat-x;
	background-size:auto;*/
}
.GreyTop {
	background-position: top center;
	/*margin-top: -25px;*/
}
.contact.GreyTop {
	margin-top:0px;
}
.GreyBottom {
	/*background-position: bottom center;
	background-image:url(../images/elements/greybck2.jpg);*/
	/*padding-bottom: 30px;
	margin-top: -25px;*/
}
.GreyBottom .col-1.centred.titleholder {
	margin-top: 0px;
	margin-bottom: 0px;
}

.GreyTopSml {
	/*background-image:url(../images/elements/greybcksml.jpg);*/
}
.greyBack {
	background-position: top center;
	background-repeat: repeat;
}

a.button, input[type="submit"]  {
	display: inline-block;
	background-color: #000;
	padding: 12px 50px;
	color: #FFF;
	text-transform: uppercase;
	font-size: 18px;
	transition: all 0.4s ease-in-out;
}
a.button:hover, .cookie-law-holder a.button:hover {
	background-color: rgba(242, 145, 0, 1);
	text-decoration: none;
}
a.button.grey {
	background-color: #dadada;
	color: #333;
}
a.button.grey:hover {
	background-color:#efefef;
}
a.button.darkgrey {
	background-color: #838383;
}
a.button.darkgrey:hover {
	background-color:#a2a2a2;
}
a.buttongrey {
	display: inline-block;
	background-color: #dadada;
	padding: 12px 50px;
	color: #333;
	text-transform: uppercase;
	font-size: 18px;
	transition: all 0.4s ease-in-out;
}
a.buttongrey:hover {
	background-color: #efefef;
	text-decoration: none;
}


footer {
	background-color: #000;
	position: relative;
	z-index: 10;
}
footer .wrapper {
	padding: 60px 0px 40px 0px;
}
footer .links a {
	color: rgba(255, 255, 255, 0.5) !important;
	text-transform: uppercase;
	font-size: 12px;
}
footer .links ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 33%;
	display: inline-block;
	vertical-align: top;
}
footer .links ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: block;
}

footer .col-1-3 {
	margin:0%;
	padding:1%;
	
}

footer .col-1-3:nth-of-type(1), footer .col-1-3:nth-of-type(2), footer .col-1-3:nth-of-type(4), footer .col-1-3:nth-of-type(5) {
    border-right: 1px solid rgba(255,255,255,0.5);
}

footer .col-1-3:nth-of-type(1), footer .col-1-3:nth-of-type(2) {
	min-height: 174px;
}

footer p {
    color: #fff;
    margin-bottom: 5px;
	text-align:center;
}

footer p span {
    color: rgba(255,255,255,0.5);
    margin-bottom: 5px;
}

footer a {
    color: #fff !important;
	text-decoration:none;
	transition:all ease 0.3s;
}

footer a:hover, footer a:hover span {
    color: #f79421 !important;
	text-decoration:none;
	transition:all ease 0.3s;
}

.footerLogo {
	margin-top:65px;
	
}

footer i.fa {
    color: #fff;
    font-size: 26px;
    padding: 40px 0px 0px 0px;
	transition:all ease 0.3s;
}

footer i.fa.fa-facebook:hover {
	color:#f79421;
	transition:all ease 0.3s;
}

footer i.fa.fa-twitter:hover {
	color:#f79421;
	transition:all ease 0.3s;
}

footer i.fa.fa-instagram:hover {
	color:#f79421;
	transition:all ease 0.3s;
}
footer i.fa.fa-linkedin:hover {
	color:#f79421;
	transition:all ease 0.3s;
}


.footer h3 {
    color: #fff;
    font-size: 20px;
}

.socialMedia {
	float: right;
}
.socialMedia em {
	float: left;
	font-size: 14px;
	line-height: 16px;
	padding: 3px 12px 0 0;
	font-style: normal;
	text-transform: uppercase;
}
.socialMedia .icons {
	position: relative;
	display: inline-block;
}
.socialMedia span {
	display: inline-block;
}
.socialMedia span:hover {
	cursor: pointer;	
}
.socialMedia .st_twitter_custom {
	background: url("/images/content/social/SM-icons-twitter-gold.png") no-repeat scroll left top transparent;
	background-size: 22px;
	padding:0px;
	width: 22px;
	height: 22px;
	margin-right: 6px;
	overflow: hidden;
	position: relative;
}
.socialMedia .st_facebook_custom {
	background: url("/images/content/social/SM-icons-fb-gold.png") no-repeat scroll left top transparent;
	background-size: 22px;
	padding:0px;
	width: 22px;
	height: 22px;
	margin-right: 0px;
	overflow: hidden;
	position: relative;
}
.socialMedia .st_googleplus_custom {
	background: url("/images/elements/social-google.png") no-repeat scroll left top transparent;
	padding:0px;
	width: 32px;
	height: 32px;
	margin-right: 6px;
}
.socialMedia .st_email_custom {
	background: url("/images/content/social/SM-icons-email-gold.png") no-repeat scroll left top transparent;
	background-size: 22px;
	padding:0px;
	width: 22px;
	height: 22px;
	margin-right: 6px;
	overflow: hidden;
	position: relative;
}
.socialMedia .st_sharethis_custom {
	background: url("/images/elements/social-more.gif") no-repeat scroll left top transparent;
	padding:0px;
	width: 32px;
	height: 32px;
}
.socialMedia .st_twitter_custom:after, .socialMedia .st_facebook_custom:after, .socialMedia .st_email_custom:after {
	display: block;
	content: '';
	width: 22px;
	height: 22px;
	position: absolute;
	left: 0px;
	transition: all 0.4s ease-in-out;
	opacity: 0;
}
.socialMedia .st_twitter_custom:after {
	background: url("/images/content/social/SM-icons-twitter-black.png") no-repeat scroll left top transparent;
	background-size: 22px;
}
.socialMedia .st_facebook_custom:after {
	background: url("/images/content/social/SM-icons-fb-black.png") no-repeat scroll left top transparent;
	background-size: 22px;
}
.socialMedia .st_email_custom:after {
	background: url("/images/content/social/SM-icons-email-black.png") no-repeat scroll left top transparent;
	background-size: 22px;
}
.socialMedia .st_twitter_custom:hover:after, .socialMedia .st_facebook_custom:hover:after, .socialMedia .st_email_custom:hover:after {
	opacity: 1;
}

ul.social {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: right;
}
ul.social li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: inline-block;
}
ul.social li a {
	display: inline-block;
}
ul.social li a span {
	display: none;
}
ul.social li a.twitter {
	background: url("/images/content/social/SM-icons-twitter-gold.png") no-repeat scroll left top transparent;
	background-size: 22px;
	padding:0px;
	width: 22px;
	height: 22px;
	margin-right: 6px;
	overflow: hidden;
	position: relative;
}
ul.social li a.facebook {
	background: url("/images/content/social/SM-icons-fb-gold.png") no-repeat scroll left top transparent;
	background-size: 22px;
	padding:0px;
	width: 22px;
	height: 22px;
	margin-right: 0px;
	overflow: hidden;
	position: relative;
}

ul.social li a:after {
	display: block;
	content: '';
	width: 22px;
	height: 22px;
	position: absolute;
	left: 0px;
	transition: all 0.4s ease-in-out;
	opacity: 0;
}
ul.social li a.twitter:after {
	background: url("/images/content/social/SM-icons-twitter-white.png") no-repeat scroll left top transparent;
	background-size: 22px;
}
ul.social li a.facebook:after {
	background: url("/images/content/social/SM-icons-fb-white.png") no-repeat scroll left top transparent;
	background-size: 22px;
}
ul.social li a:hover:after {
	opacity: 1;
}

ul.contact {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 15px;
	float: none;
	text-align: center;
	background-color: #3d3934;
}
ul.contact li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: inline-block;
}
ul.contact li a {
	display: inline-block;
}
ul.contact li a span {
	display: none;
}
ul.contact li a.email {
	background: url("/images/elements/email-icon-gold.png") no-repeat scroll left top transparent;
	background-size: 32px;
	padding:0px;
	width: 32px;
	height: 32px;
	margin-right: 6px;
	overflow: hidden;
	position: relative;
}
ul.contact li a.tel {
	background: url("/images/elements/tel-icon-gold.png") no-repeat scroll left top transparent;
	background-size: 32px;
	padding:0px;
	width: 32px;
	height: 32px;
	margin-right: 6px;
	overflow: hidden;
	position: relative;
}


.mobilelinks {
	display: none;
}
	
/* MAIN NAV MOBILE OPTIONS */
@media (max-width: 768px) {
	.wrapper {
		padding: 0px 8px;
	}
	footer .col-1-3:nth-of-type(1), footer .col-1-3:nth-of-type(2), footer .col-1-3:nth-of-type(4), footer .col-1-3:nth-of-type(5) {
		border-right: none;
	}
	footer .col-1-3:nth-of-type(1), footer .col-1-3:nth-of-type(2), footer .col-1-3:nth-of-type(3) {
		margin-bottom: 26px;
	}
	footer .signoff {
		padding: 0px 12px;
	}
	footer .col-1-3.social {
		width: 20%;
		display:  inline-block;
	}
	.col-1-4, .col-1-8 {
	  width: 48%;
	}
	footer .col-1-3:nth-of-type(1), footer .col-1-3:nth-of-type(2) {
		min-height: 10px;
	}
}


@media (max-width: 980px) {
	
	
}
@media (max-width: 648px) {
	.mobilelinks {
		display: block;
		height: 50px;
		position: fixed;
		bottom: 0px;
		width: 100%;
		z-index:999;
		background-color: #FFF;
		padding:5px;
		-webkit-box-shadow: 0 0px 12px 2px rgba(0, 0, 0, .2);
		box-shadow: 0 0px 12px 2px rgba(0, 0, 0, .2);
	}
	.mobilelinks ul {
		list-style: none;
		margin:0px;
		padding:0px;
	}
	.mobilelinks li {
		list-style: none;
		margin:0px;
		padding:0px;
		display: inline-block;
		width: 49%;
	}
	.mobilelinks li a {
		display: block;
		padding: 4px 12px 8px 12px;
		color: #575757;
		font-size:22px;
		background-position: right 12px top -2px;
		background-repeat: no-repeat;
		background-size: 44px;
		margin-right:1%;
	}
	.mobilelinks li a.call {
		background-image: url(/images/elements/call-us.png);
	}
	.mobilelinks li a.find {
		background-image: url(/images/elements/find-us.png);
	}
	.mobilelinks li a:hover {
		color: #575757;
		text-decoration: none;
	}
	.mobilelinks li:nth-of-type(1) a {
		border-right: 1px solid #575757;
	}
	footer {
		/*margin-bottom: 50px;*/
	}
	
	[class*='col-'] {
		box-sizing: border-box;
		float: none;
		margin: 0px 0px 20px 0px;
	}
	.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%;
	}
	
	ul.social {
		text-align: center;
	}
	ul.social li a {
		max-width: 150px;
		margin: 0px auto;
	}
	
	.showonmobile {
		display: block;
	}
	.hideonmobile {
		display: none;
	}
	
	.breadcrumb ul {
		display: none;
	}
	.breadcrumb .wrapper {
		text-align: center;
		padding: 10px 16px 2px;
	}
	.socialMedia {
		float: none;
		display: inline-block;
		margin: 0px auto;
	}

}


/* FILTER MENUS AND HOLDER */

.filtercontent .wrapper {
	padding-bottom: 60px;
}
.filtercontent .filterholder {
    text-align: center;
}
.filtercontent .filterholder .filtermenu {
	display: inline-block;
	position: relative;
	width: 33%;
	padding: 0px 10px;
}
.filtercontent .filterholder .filtermenu a {
    color: #303030;
    display: block;
    padding: 13px 23px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #b5b4b4;
	position:relative;
}
.filtercontent .filterholder .filtermenu a:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f07d";
    position: absolute;
    color: rgba(0,0,0,0.3);
    right: 21px;
    font-size: 18px;
    top: 19px;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all ease 0.3s;
}
.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: 55px;
	left: 0px;
	padding: 0px 10px;
}
.filtercontent .filterholder .filtermenu .dropdown ul {
	list-style: none;
	padding:0px;
	margin:0px;
	background-color: rgba(255, 255, 255, 0.8);
	-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;
}
.filtercontent .filterholder .filtermenu .dropdown li:nth-last-of-type(1) {
	border-bottom: none;
}
.filtercontent .filterholder .filtermenu .dropdown a {
	padding:10px 0px;
	display: block;
	text-align: center;
}
.filtercontent .filterholder .filtermenu .dropdown a:after {
	display: none;
}
.filtercontent .filterholder .filtermenu .dropdown a:hover {
	background-color: #f06a22;
	color: #FFF;
}

.filtercontent .filterholder .filtermenu input.search {
	color: #303030;
    display: block;
    padding: 16px 23px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #b5b4b4;
	position:relative;
	width: 100%;
}
.filtercontent .filterholder .filtermenu .fa-search {
	position: absolute;
	right:26px;
	top: 18px;
	color: rgba(0, 0, 0, 0.3);
}

.filtercontent .formholder {
	float: right;
	width: 200px;
	position: relative;
}
.filtercontent .formholder input.search {
	width: 100%;
	border: none;
	border-bottom: 1px solid #bcbabb;
	padding: 1px 2px 2px 2px;
	font-size: 1em;
	width: 100%;
	font-style: italic;
	height: 32px;
}
.filtercontent .formholder .fa {
	position: absolute;
	right: 6px;
	top: 4px;
	color: #d0ccce;
}
@media (max-width: 800px) {
	.filtercontent .wrapper {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.filtercontent  {
		text-align: center;
	}
	.filtercontent .filterholder .filtermenu {
		display: block;
		width: 100%;
		padding: 0px 10px;
		margin-bottom: 20px;
	}
}
.blogBox {
    width: 100%;
	position:relative;
	margin-bottom:80px;
}
.blogBox:after {
    content: "";
    display: inline-block;
    width: 14%;
    height: 1px;
    margin-left: 43%;
    position: relative;
    background: #b5b4b4;
    bottom: -23px;
}
@media (max-width: 768px) {
	.blogBox {
		margin-bottom:40px;
	}
	.blogBox:after {
	    bottom: -10px;
	}
}
.blogBox .imgHolder img, .blogImages .imgHolder img {
    width: 100%;
}
.blogImages {
	position: relative;
}
.blogImages .imageSlider {
	margin-bottom: 5px;
}
.blogBox .author, .blogImages .author {
    position: relative;
    width: 150px;
    overflow: hidden;
    left: calc(50% - 75px);
    top: -85px;
    height: 150px;  
	margin-bottom:-65px;
	text-align:center;
}
@media (max-width: 648px) {
	.blogBox .author, .blogImages .author {
		width: 80px;
		left: calc(50% - 40px);
		top: -40px;
		height: 80px;
		margin-bottom:-20px;
	}
}

.imageSlider {
	max-width:  998px;
	margin: 0 auto 50px auto;
}
@media (min-width: 1400px) {
	.imageSlider  .flex-direction-nav a {
		color: rgba(0, 0, 0, 0.5);
		text-shadow: none;
		border: 1px solid rgba(0, 0, 0, 0.5);
	}

	.flexslider.imageSlider:hover .flex-direction-nav .flex-prev, .flexslider.imageSlider .flex-direction-nav .flex-prev {
		left:  -100px;
		opacity: 1;
	}
	.flexslider.imageSlider:hover .flex-direction-nav .flex-next, .flexslider.imageSlider .flex-direction-nav .flex-next {
		right:  -100px;
		opacity: 1;
	}
}

.author img {
    height: 100%;
}
.blogBox h3 {
    text-align: center;
    font-size: 40px;
	line-height: 46px;
	color:#303030;
}
@media (max-width: 648px) {
	.blogBox h3 {
	    font-size: 32px;
		line-height: 38px;
	}
}
.blogBox p {
    text-align: center;
	font-weight: 400;
}
.blogBox .topContent p, p.date {
	font-size: 16px;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-align: center;
}
p.byline {
	font-size: 14px;
	margin-bottom: 50px;
	margin-top: 60px;
	text-transform: uppercase;
	text-align: center;
}
.blogBox .topContent h3 {
	margin-bottom: 18px;
}
.blogBox a, .blogBox a p, .blogBox a h3, .blogBox a:hover, .blogBox a:hover p, .blogBox a:hover h3 {
	text-decoration:none;
}
.blogBox .imgHolder {
    position: relative;
}
.blogBox .blogoverlay {
    position: absolute;
    width: 100%;
    background-color: rgba(0,0,0,0);
    display: block;
    height: 99%;
    top: 0px;
	transition:all ease 0.3s;
}
@media (max-width: 650px) {
	.blogBox .blogoverlay {
		height: 97%;
	}
}
.blogBox .blogoverlay span {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 44%;
    color: #fff;
    font-size: 22px;
	 opacity:0;
	 transition-delay:1s;
	 transition:all ease 0.3s;
}

.blogBox .blogoverlay span:before {
	content:"";
	position:absolute;
	top:-20px;
	display:inline-block;
	width:30px;
	left: calc( 50% - 15px );
	height:1px;
	background-color:#fff;
	transition:all ease 0.3s;
}
.blogBox .blogoverlay span:after {
	content:"";
	position:absolute;
	bottom:-20px;
	width:30px;
	left: calc( 50% - 15px );
	display:inline-block;
	height:1px;
	background-color:#fff;
	transition:all ease 0.3s;
}
@media (min-width: 880px) {
	.blogBox:hover .blogoverlay {
		background-color: rgba(0,0,0,0.5);
		transition:all ease 0.3s;
	}
	.blogBox:hover .blogoverlay span {
		opacity:1;
		font-size: 34px;
		 transition-delay:1s;
		transition:all ease 0.3s;
	}
	.blogBox:hover .blogoverlay span:before {
		top:-50px;
		left: calc( 50% - 30px );
		width:60px;
		transition:all ease 0.3s;
	}
	.blogBox:hover .blogoverlay span:after {
		bottom:-50px;
		width:60px;
		left: calc( 50% - 30px );
		transition:all ease 0.3s;
	}
}

@media (max-width: 650px) {
	.blogBox .blogoverlay span {
		top: 24%;
		font-size:18px !important;
	}
	.blogBox .blogoverlay span:before {
		top:-5px;
	}
	.blogBox .blogoverlay span:after {
		bottom:-5px;
	}
	/*.blogBox:hover .blogoverlay span:before {
		top:-10px;
	}
	.blogBox:hover .blogoverlay span:after {
		bottom:-10px;
	}*/
}
/* END FILTER MENUS */


.error {
	border: 1px dashed #F00;
	color: #F00;
	padding: 5px;
	display: inline-block;
	margin-top: 8px;
}


/*POP UP CONTENT HOLDER */
.button {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;	
}

.button>span {
	display: none;
}

.button.b-close {
    padding: 0;
    position: absolute;
    right: 10px;
    top: 10px;
	background-image:url(../images/elements/close-grey.jpg);
	background-size: 37px;
	width: 37px;
	height: 37px;
	z-index: 10;
}
#popup {
    background-color: #fff;
    display: none;
	width: 100%;
	min-width: 640px;
	max-width: 640px;
	height: auto;
	min-height: 200px;
	border: 20px solid #88af9c;
    padding: 40px 20px;
	text-align: center;
}

/* POP UP MESSAGE */

.white-popup {
  position: relative;
  background-color: rgba(204, 204, 204, 0.2);
  padding: 10px;
  width:auto;
  max-width: 680px;
  margin: 20px auto;
}
.white-popup img {
	width: 100%;
	height: auto;
}
.white-popup p {
	margin-bottom: 0px;
	color: #FFF;
}
.white-popup .footer {
	background-color: rgba(204, 204, 204, 0.8);
	border-radius: 0px;
	padding: 6px 4px;
	margin-top: 10px;
	text-align: center;
	display: block;
}
.white-popup .footer a {
	font-size: 24px;
	text-transform: uppercase;
	font-weight:  300;
}


.popUpWin {
	display: none;
	position: relative;
	height: auto;
	width: auto;
	max-width: 920px;
	padding: 8px;
	overflow: visible;
	background-color: rgba(204, 204, 204, 0.2);
	border-radius: 6px;
	opacity: 1;
	box-shadow: 0 0 1em #444;
}

.popUpContent {
	position: relative;
	background-color: #fff;
	border-radius: 0px;
	padding: 0px;
}
.popUpContent {
	width: 100%;
	max-width: 920px;
}
.popUpContent img {
	width: 100%;
	height: auto;
	display: block;
}
.popUpWin .footer {
	background-color: #fff;
	border-radius: 0px;
	padding: 6px 4px;
	margin-top: 10px;
	text-align: center;
	display: block;
}
.popUpWin .footer a {
	font-size: 24px;
	text-transform: uppercase;
	font-weight:  300;
}
.popUpWin .header {
	border-radius: 5px;
	padding: 4px 12px;
	margin-bottom: 10px;
	display: block;
	background: #FFF;
}
.popUpWin .header h1, .popUpWin #popUpHeader h3 {
	color: #A09063;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	text-align: center;
}
.popUpWin #popUpHeader {
	border-radius: 5px;
	padding: 6px 12px;
	margin-bottom: 10px;
	display: block;
}
.popUpWin #popUpHeader h3 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	margin: 0px;
}
#mapholder {
	width:100%;
	height: 320px;
	margin-bottom: 25px;
}

.item {
	float: left;
	overflow:  hidden;
	position:  relative;
	margin: 1%;
}
.item img, .grid-item img {
	display:  block;
	-moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  height:  auto;
  position: absolute;
  top:0px;
  left:0px;
}
.item:hover img, .grid-item:hover img, .grid-item.hover img, .grid-item.focus img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.item .itemoverlay, .grid-item .itemoverlay {
	position:  absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right:  0px;
	height: 100%;
	width: 100%;
	opacity: 0;
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
  	transition: all 0.3s;
  	-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  background-color:  rgba(0,0,0,0.6)
}
.item .title, .grid-item .title {
	width: 95%;
  /*height: 30%;*/
  overflow: visible;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  text-align: center;
}
.item .itemoverlay h3, .item .itemoverlay h4, .grid-item .itemoverlay h3, .grid-item .itemoverlay h4 {
	color: #FFF;
	position: relative;
}
.grid-item .itemoverlay h4 {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: 800;
}
.grid-item .itemoverlay h3 {
	margin-bottom: 0px;
	font-size: 26px;
	line-height: 30px;
	text-transform: none;
	font-weight: 800;
}
.grid-item .itemoverlay h4:before {
	content:"";
	position:absolute;
	top:-20px;
	display:inline-block;
	width:40px;
	left: 40%;
	left: calc( 50% - 20px );
	height:1px;
	background-color:#fff;
	transition:all ease 0.3s;
}
.grid-item .itemoverlay h3:after {
	content:"";
	position:absolute;
	bottom:-20px;
	width:40px;
	left: 40%;
	left: calc( 50% - 20px );
	display:inline-block;
	height:1px;
	background-color:#fff;
	transition:all ease 0.3s;
}
.item:hover .itemoverlay, .grid-item:hover .itemoverlay, .grid-item.hover .itemoverlay, .grid-item:focus .itemoverlay {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity:  1;
}
.item.holder1 {
	width: 64.66%;
}
.item.holder2 {
	width: 31.33%;
}
.item.holder2 img {
	width: 206%;
}

.grid {
	margin-bottom: 100px;
}
.grid-sizer,
.grid-item { 
	width: 31.83%;
	margin: 0.75%;
	overflow:  hidden;
	position:  relative;
	padding-top: 19.25%;
 }


.gutter-sizer { width: 0; }

.grid-item.holder1, .grid-item.holder4, .grid-item.holder6, .grid-item.holder9 { width: 65.66%; padding-top: 40%; }
.grid-item.holder2 { padding-top: 40%;}
.grid-item.holder6, .grid-item.holder7 { padding-top: 30%;}
.grid-item.holder2 img, .grid-item.holder7 img, .grid-item.holder8 img {
	width: 206%;
	left: -50%;
}
.grid-item.holder10 { width: 99%; padding-top: 60.5%; }

.grid-item img {
	width: 100%;
	height:auto;
}
/*MASONRY WIDTH AND HEIGHT SETTINGS*/
.grid-item.width2 {
	width: 65.16%;
}
.grid-item.width3 {
	width: 98.5%;
}
.grid-item.height1-5 {
	padding-top: 30%;
}
.grid-item.height2 {
	padding-top: 40%;
}
.grid-item.height2-5 {
	padding-top: 50.5%;
}
.grid-item.height3 {
	padding-top: 60.5%;
}
/*MASONRY IMAGE SIZE SETTINGS */
.grid-item.width1.height1-5 img {
	width: 148%;
	left: -25%;
}
.grid-item.width1.height2 img {
	width: 194%;
	left: -50%;
}
.grid-item.width1.height2-5 img {
	width: 240%;
	left: -50%;
}
.grid-item.width1.height3 img {
	width: 290%;
	left: -50%;
}
.grid-item.width3.height1 img {
	top: -80%;
}
.grid-item.width3.height1-5 img {
	top: -40%;
}

@media (max-width: 648px) {
	.grid-item img {
		width: 100%;
		height:auto;
	}
	/*MASONRY WIDTH AND HEIGHT SETTINGS*/
	.grid-sizer, .grid-item, .grid-item.width, .grid-item.width2, grid-item.width3 {
		width: 99%;
	}
	.grid-item.height1-5, .grid-item.height1 {
		padding-top: 30%;
		padding-top: 64%;
	}
	.grid-item.height2 {
		padding-top: 40%;
		padding-top: 64%;
	}
	.grid-item.height2-5 {
		padding-top: 64%;
	}
	.grid-item.height3 {
		padding-top: 60.5%;
		padding-top: 64%;
	}
	/*MASONRY IMAGE SIZE SETTINGS */
	.grid-item.width1.height1-5 img, .grid-item.width1.height2 img, .grid-item.width1.height2-5 img, .grid-item.width1.height3 img {
		width: 100%;
		left: 0;
	}
	.grid-item.width3.height1 img, .grid-item.width3.height1-5 img {
		top: 0;
	}
}

a.back, span.share {
	display: block;
	width: 64px;
	height: 64px;
	border: 1px solid #bab9b9;
	text-align: center;
	padding-top: 18px;
	font-size: 24px;
	color: #bab9b9;
}
@media (max-width: 648px) {
	a.back, span.share {
		width: 50px;
		height: 50px;
		padding-top: 10px;
	}
}

span.share:hover {
	cursor: pointer;
}
a.back .fa, span.share .fa {
	color: #bab9b9;
}
.buttons {
	position: relative;
}
.buttons a.back {
	left: 0px;
	position: absolute;
	top: -100px;
}
.buttons span.share {
	right: 0px;
	position: absolute;
	top: -100px;
}

.buttons.work {
	max-width: 1000px;
	margin: 0px auto;
	z-index: 10;
}
.buttons.work a.back {
	top: 40px;
}
.buttons.work span.share {
	top: 40px;
}
/*.buttons.work a.back, .buttons.work span.share {
	border: 1px solid rgb(255,255,255);
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
}
.buttons.work a.back .fa, .buttons.work span.share .fa {
	color: rgb(255,255,255);
	text-shadow: 0px 0px 20px #000;
}*/

.buttons.services {
	max-width: 800px;
	margin: 0px auto;
	position: absolute;
	width: 98%;
}
@media (min-width: 800px) {
	.buttons.services {
		left: 16%;
		left: calc(50% - 400px);
	}
}
.buttons.services a.back {
	top: -230px;
	left: 10px;
}
.buttons.services span.share {
	top: -230px;
	right: 10px;
}
@media (max-width: 768px) {
	.buttons.services a.back {
		top: -105px;
	}
	.buttons.services span.share {
		top: -105px;
	}
}
.green .buttons.services a.back, .green .buttons.services span.share {
	border: 1px solid rgb(90,167,69);
}
.green .buttons.services a.back .fa, .green .buttons.services span.share .fa {
	color: rgb(90,167,69);
}
.blue .buttons.services a.back, .blue .buttons.services span.share {
	border: 1px solid rgb(33,83,126);
}
.blue .buttons.services a.back .fa, .blue .buttons.services span.share .fa {
	color: rgb(33,83,126);
}
.aqua .buttons.services a.back, .aqua .buttons.services span.share {
	border: 1px solid rgb(38,137,112);
}
.aqua .buttons.services a.back .fa, .aqua .buttons.services span.share .fa {
	color: rgb(38,137,112);
}
.orange .buttons.services a.back, .orange .buttons.services span.share {
	border: 1px solid rgb(264,191,30);
}
.orange .buttons.services a.back .fa, .orange .buttons.services span.share .fa {
	color: rgb(264,191,30);
}
.red .buttons.services a.back, .red .buttons.services span.share {
	border: 1px solid rgb(222,70,65);
}
.red .buttons.services a.back .fa, .red .buttons.services span.share .fa {
	color: rgb(222,70,65);
}

@media (max-width: 648px) {
	.imgHolder.services img {
		max-width: 66%;
	}
}

.relatedcontent {
	padding-top: 56px;
	padding-bottom: 46px;
}
.relatedcontent h3 {
	font-size: 44px;
	line-height: 48px;
	font-weight: 800;
	font-style: normal;
	color: #000;
	text-align: center;
	margin-bottom: 24px;
	text-transform: uppercase;
}
.relatedcontent .grid-item {
	/*width: 48.5%;
	padding-top: 28%;*/
	width: 31.74%;
	padding-top: 18.5%;
	display: inline-block;
}
.relatedcontent .grid-item img {
	width: 124%;
	left: -12%;
}

.link {
	padding-bottom:20px;
}
.link a {
	/*display: block;
	text-align: center;
	padding: 30px 20px;
	margin: 12px auto;
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.3);
	font-size: 26px;
	color: #303030;*/
	margin: 0 auto 15px auto;
}
/*.link a:hover {
	color: rgba(242, 145, 0, 1);
	text-decoration: none;
}*/

.col-1-4.client {
	width: 25%;
	margin:0%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.col-1-4.client a {
	display:  block;
	position:  relative;
}
.col-1-4.client a img {
	transition: all 0.4s ease;
}
.col-1-4.client a img.hoverimg {
	position:  absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	transition: all 0.4s ease;
}
.col-1-4.client a:hover img {
	opacity: 0;
}
.col-1-4.client a:hover img.hoverimg {
	opacity: 1;
}
.col-1-4.client img {
	width: 100%;
	margin-bottom: 0px;
	display:  block;
}

.col-1-4.client:nth-last-of-type(1), .col-1-4.client:nth-last-of-type(2) {
	border-bottom: none;
}

@media (min-width: 650px) {
	.col-1-4.client:nth-last-of-type(3), .col-1-4.client:nth-last-of-type(4) {
		border-bottom: none;
	}
}

@media (max-width: 648px) {
	.col-1-4.client {
		width: 50%;
	}
	.relatedcontent .grid-item {
		width: 100%;
		padding-top: 54%;
	}
}

#map {
	height: 420px;
	position: relative;
	overflow: hidden;
}
#map:before, #map:after {
	display: block;
	content: '';
	position: absolute;
	z-index: 100;
	height: 60px;
	width: 140%;
	top:-60px;
	left: -20%;
	-webkit-box-shadow:0 0 10px 0 rgba(20,20,20,0.4);
	box-shadow:0 0 10px 0 rgba(20,20,20,0.4);
}
#map:after {
	bottom: -60px;
	top: auto;
}
.contact .col-1-3 {
	float: left;
}
.contact .col-1-3 p:nth-of-type(1) {
	margin-bottom: 10px;
}
section.contact {
	padding-top: 10px;
}

.backgroundcolour *, .backgroundcolour .titleholder h3, .backgroundcolour .team h3, .backgroundcolour .team h2 {
	color: #FFF;
}
.backgroundcolour {
	padding-bottom:40px;
	padding-top: 50px;
}
.backgroundcolour .maincontent {
	padding-bottom:0px;
	padding-top: 0px;
}

.bluebck {
	background-color: #235579;
}
.orangebck {
	/*background-color: #f8a248;
	background-color: #ff9905;*/
	background-color: rgba(242, 145, 0, 1);
	/*background-color: rgb(264,191,30);*/
}
.blackbck {
	background-color: #000;
}

.serviceholder {
	max-width: 980px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.serviceholder:nth-last-of-type(1) {
	margin-bottom: 60px;
}
.serviceholder h2, .serviceholder p, .serviceholder a.subLink h2, .serviceholder a p, .serviceholder a {
	color:  #FFF;
}
.serviceholder h2 {
	text-align:  left;
	font-size: 32px;
	line-height: 38px;
}
.serviceholder.blue {
	background-color: rgb(33,83,126);
}
.serviceholder.green {
	background-color: rgb(90,167,69);
}
.serviceholder.orange {
	background-color: rgb(264,191,30);
}
.serviceholder.red {
	background-color: rgb(222,70,65);
}
.serviceholder.aqua {
	background-color: rgb(38,137,112);
}
.serviceholder img {
	display: inline-block;
	width: 30%;
	vertical-align: middle;
}
.serviceholder .contentholder {
	display: inline-block;
	vertical-align: middle;
	width: 60%;
	margin-left: 5%;
	margin-right: 5%;
	padding: 20px 0px;
	position:  relative;
}

.serviceholder img.hidelarge {
	display:  none;
}

@media (min-width: 768px) {
	.serviceholder:nth-of-type(odd) .contentholder {
		padding-left: 5%;
	}
	.serviceholder:nth-of-type(odd) .contentholder:before {
		content: '';
		display: block;
		height: 80%;
		height: calc(100% - 60px);
		width: 4px;
		border-radius: 2px;
		background-color: #FFF;
		top: 20px;
		left: 0px;
		position: absolute;
	}
	.serviceholder:nth-of-type(even) .contentholder {
		padding-right: 5%;
	}
	.serviceholder:nth-of-type(even) .contentholder:before {
		content: '';
		display: block;
		height: 80%;
		height: calc(100% - 60px);
		width: 4px;
		border-radius: 2px;
		background-color: #FFF;
		top: 20px;
		right: 0px;
		position: absolute;
	}
}

@media (max-width: 768px) {
	.serviceholder {
		padding-top: 20px;
		text-align: center;
	}
	.serviceholder img.hidemobile {
		display:  none;
	}
	.serviceholder img.hidelarge {
		display: inline-block;
	}


	.serviceholder img {
		display: inline;
		width: auto;
		max-width: 66%;
		text-align: center;
	}
	.serviceholder .contentholder {
		display: block;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		padding: 20px 0px;
		position:  relative;
		text-align:  center;
	}
	.serviceholder h2 {
		text-align:  center;
	}
}


.green {
	color: rgb(90,167,69);
}
.blue {
	color: rgb(33,83,126);
}

.orange {
	color: rgb(264,191,30);
}
.red {
	color: rgb(222,70,65);
}

p.tags {
	text-align: center;
	color: #ccc;
}
p.tags a {
	color: #ccc;
}

.landingpage {
	padding: 60px 0px 30px;
	position: relative;
}
.imgmargin {
	margin: 0px 0px 60px;
}
.landingpage .holder {
	padding: 0px 20px;
	max-width: 980px;
	margin: 0px auto;
}
.landingpage h2 {
	font-size: 26px;
	line-height: 28px;
	text-transform: uppercase;
}
.landingpage h3 {
	font-size: 20px;
	line-height: 22px;
	text-transform: uppercase;
	color: #000;
}
.landingpage.orangebck p, .landingpage.orangebck h2, .landingpage.orangebck h3,.landingpage.bluebck p, .landingpage.bluebck h2, .landingpage.bluebck h3,.landingpage.blackbck p, .landingpage.blackbck h2, .landingpage.blackbck h3 {
	color:  #FFF;
}
.landingpage.orangebck a.button, .landingpage.bluebck a.button, .landingpage.blackbck a.button {
	background-color:  #FFF;
	color: #000;
}
.landingpage.orangebck a.button:hover, .landingpage.bluebck a.button:hover, .landingpage.blackbck a.button:hover {
	background-color: rgba(242, 145, 0, 1);
	color: #FFF;
}
.landingpage.orangebck a.button:hover {
	background-color: #000;
}
.landingpage.orangebck a {
	color: #000;
}
.landingpage .link {
	padding-bottom: 0px;
}
.landingpage .link a {
	margin-bottom: 30px;
}

.landingpage .sideImg {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0%;
	width: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.landingpage .rightimg .sideImg {
	left: auto;
	right: 0px;
	top: 0px;
	bottom: 0%;
}
.landingImgContent {
	position: relative;
	width: 46%;
	text-align: left;
	max-width: 615px;
	padding-right: 15px;
}
.leftimg .landingImgContent h2 {
	text-align: left;
}
.rightimg .landingImgContent {
	text-align: right;
}
.rightimg .landingImgContent h2 {
	text-align: left;
}
.leftimg .landingImgContent {
	left: 54%;
}
.rightimg .landingImgContent {
	max-width: 100%;
	width: 100%;
	padding-right: 54%;
	padding-left: 15px;
}
.rightimg .landingImgContent .txt {
	max-width: 615px;
	display: inline-block;
	text-align: left;
}

@media (max-width: 768px) {
	.landingpage.imgmargin {
		padding: 0px 0px 0px;
		margin: 0px 0px 25px;
	}
	.landingpage .sideImg {
		position: relative;
		left: 0px;
		top: 0px;
		bottom: auto;
		width: 100%;
		padding-top: 50%;
	}
	.landingImgContent {
		width: 100%;
		text-align: center;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		padding-top: 30px;
	}
	.leftimg .landingImgContent h2 {
		text-align: center;
	}
	.rightimg .landingImgContent {
		text-align: center;
	}
	.rightimg .landingImgContent h2 {
		text-align: center;
	}
	.leftimg .landingImgContent {
		left: auto;
	}
	.rightimg .landingImgContent {
		max-width: 100%;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.rightimg .landingImgContent .txt {
		max-width: 100%;
		display: block;
		text-align: center;
	}

}


/* Cookie Law */
#cookie-law { position:fixed; padding:10px 0; bottom:0; left:0; width:100%; color: #fff; background: rgba(50, 50, 50, 0.9); z-index:9999; }
.cookie-law-holder { 
	width: 100%;
	max-width: 1160px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 0px 20px;
}
.cookie-law-holder .cookie-left	{  }
.cookie-law-holder .cookie-left p, .cookie-law-holder .cookie-right p	{ padding: 0; margin:0; color:#FFF; }
.cookie-law-holder .cookie-right a, .cookie-law-holder .cookie-left a	{ color: #FFF;}
.cookie-law-holder .cookie-right a span	{ display:block; font-size:0.9em; position:relative; top:-5px; color:#FFF; }
.cookie-law-holder p { padding:4px 0 0; font-size: 15px;
font-weight: 500;
color: #FFF;}
.cookie-law-holder a.button {
	background-color: #FFF;
color: #000;
padding: 2px 18px;
margin: 0px 12px;
font-size: 16px;
}