
pre * {
	position: relative !important;
	}



		@font-face {
		    font-family: 's1';
		    src: url('/_assets/fonts/artifexcf-bold-webfont.woff2') format('woff2'),
		         url('/_assets/fonts/artifexcf-bold-webfont.woff') format('woff');
		    font-weight: bold;
		    font-style: normal;

		}




		@font-face {
		    font-family: 's1';
		    src: url('/_assets/fonts/artifexcf-regular-webfont.woff2') format('woff2'),
		         url('/_assets/fonts/artifexcf-regular-webfont.woff') format('woff');
		    font-weight: normal;
		    font-style: normal;

		}


@font-face {
  font-family: 'Avenir Next';
  src: url('/_assets/fonts/bold.eot');
  src: url('/_assets/fonts/bold.eot?#iefix') format('embedded-opentype'),
       url('/_assets/fonts/bold.woff2') format('woff2'),
       url('/_assets/fonts/bold.woff') format('woff'),
       url('/_assets/fonts/bold.ttf') format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: 'Avenir Next';
  src: url('/_assets/fonts/demi.eot');
  src: url('/_assets/fonts/demi.eot?#iefix') format('embedded-opentype'),
       url('/_assets/fonts/demi.woff2') format('woff2'),
       url('/_assets/fonts/demi.woff') format('woff'),
       url('/_assets/fonts/demi.ttf') format('truetype');
  font-weight: 600;
}
@font-face {
  font-family: 'Avenir Next';
  src: url('/_assets/fonts/medium.eot');
  src: url('/_assets/fonts/medium.eot?#iefix') format('embedded-opentype'),
       url('/_assets/fonts/medium.woff') format('woff'),
       url('/_assets/fonts/medium.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'Avenir Next';
  src: url('/_assets/fonts/regular.eot');
  src: url('/_assets/fonts/regular.eot?#iefix') format('embedded-opentype'),
       url('/_assets/fonts/regular.woff') format('woff'),
       url('/_assets/fonts/regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Avenir Next';
  src: url('/_assets/fonts/thin.eot');
  src: url('/_assets/fonts/thin.eot?#iefix') format('embedded-opentype'),
       url('/_assets/fonts/thin.woff2') format('woff2'),
       url('/_assets/fonts/thin.woff') format('woff'),
       url('/_assets/fonts/thin.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'Avenir Next';
  src: url('/_assets/fonts/ultralight.eot');
  src: url('/_assets/fonts/ultralight.eot?#iefix') format('embedded-opentype'),
       url('/_assets/fonts/ultralight.woff') format('woff'),
       url('/_assets/fonts/ultralight.ttf') format('truetype');
  font-weight: 200;
}
@font-face {
  font-family: "icon";
  src: url("/_assets/fonts/icons.eot?v=2");
  src: url("/_assets/fonts/icons.eot?#iefix?v=2") format("embedded-opentype"),
       url("/_assets/fonts/icons.woff?v=2") format("woff"),
       url("/_assets/fonts/icons.ttf?v=2") format("truetype"),
       url("/_assets/fonts/icons.svg#icon?v=2") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "icon";
    src: url("/_assets/fonts/icon.svg#icon") format("svg");
  }
}

@keyframes panning {
  0% {
    background-position: 0% 0%;
  }
  25% {
    background-position: 100% 100%;
  }
   50% {
    background-position: 100% 0%;
  }
  75% {
    background-position: 0 100%;
  }
  200% {
    background-position: 0 0;
  }
}



[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon-"]:after, [class*=" icon-"]:after {
  font-family: icon;
font-style: normal;
}

.icon-add-circular-button:before { content: "\f100"; }
.icon-approve-circular-button:before { content: "\f101"; }
.icon-back-arrow-circular-symbol:before { content: "\f102"; }
.icon-backpack:before { content: "\f103"; }
.icon-balloons:before { content: "\f104"; }
.icon-bicycle:before { content: "\f105"; }
.icon-calendar:before { content: "\f106"; }
.icon-chat-circular-outlined-interface-button:before { content: "\f107"; }
.icon-close-circular-button-of-a-cross:before { content: "\f108"; }
.icon-cutlery:before { content: "\f109"; }
.icon-diamond:before { content: "\f10a"; }
.icon-facebook:before { content: "\f10b"; }
.icon-fishing:before { content: "\f10c"; }
.icon-hills:before { content: "\f10d"; }
.icon-instagram:before { content: "\f10e"; }
.icon-karaoke:before { content: "\f10f"; }
.icon-like:before { content: "\f110"; }
.icon-like-heart-circular-outlined-button:before { content: "\f111"; }
.icon-mail:before { content: "\f112"; }
.icon-market:before { content: "\f113"; }
.icon-menu-circular-button:before { content: "\f114"; }
.icon-mode-circular-button:before { content: "\f115"; }
.icon-pawPrint:before { content: "\f116"; }
.icon-photo-camera:before { content: "\f117"; }
.icon-pinterest:before { content: "\f118"; }
.icon-priceTag:before { content: "\f119"; }
.icon-right-arrow-circular-button:before { content: "\f11a"; }
.icon-route:before { content: "\f11b"; }
.icon-search-circular-button:before { content: "\f11c"; }
.icon-shopping:before { content: "\f11d"; }
.icon-smiling-girl:before { content: "\f11e"; }
.icon-sunset:before { content: "\f11f"; }
.icon-tent:before { content: "\f120"; }
.icon-theater:before { content: "\f121"; }
.icon-transport:before { content: "\f122"; }
.icon-weightlifting:before { content: "\f123"; }
.icon-youtube:before { content: "\f124"; }

*, option, button,.form-control,input {
	font-family: 'Avenir Next',sans-serif;

}
p strong { font-weight:600;}

.form-control {
	border:1px solid #EEE !important;
	font-size: 90%;
	min-height:45px;
	border-radius:0;
}
.form-control::active {
	border:1px solid #71D3DB !important;
	font-size: 90%;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.nothovered { opacity:0.6; }

a, a i, .tilewrap {
			    -webkit-transition:  0.25s all ease-in-out;
			    -moz-transition:  0.25s all ease-in-out;
			    -o-transition:  0.25s all ease-in-out;
			    transition: 0.25s all ease-in-out;

}


section a {
	text-decoration: underline;
	color: #000;}
a:focus, a:hover {
    color: #78c9d3;
    text-decoration: underline;
    cursor:pointer;
}

p { margin-bottom:1rem;}

h2  { font-size:1.8rem;margin-top:2rem;font-weight:500;}
h3  { font-size:1.4rem;margin-top:1.8rem;}
a:hover {text-decoration: none;}

html {
	background: #FFF;
}
body {	font-size:95%;
}
body, .maincontainer, .nav-bg {

	position: relative;
	margin: 0 auto;
}

section {
	padding: 6rem 0;
	position: relative;
	background-size:cover;
	background-position: center;
	background-color: #FFF;
	max-width:calc(100% - 66px);
	margin: 0 auto;
}



h1,h2,h3,h4,h5,h6,.slab, h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong, h1 *, h2 * ,h3 *, h4 * h5 *{
	font-family: s1,serif;
}

h3,h4,h5,h6 {
	font-family: Avenir Next;	
}

.dark-overlay {
	background: rgba(0,0,0,0.3);
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	width:100%;
}

.btn {
	background: #ffffff;
	padding: 1rem 1rem;
	border:none;
	border-radius: 0;
	font-size:.9rem;
	text-decoration: none;
	color: #7e7e7e;
	text-align: center;

}
.btn.btn-primary {
	padding: 1rem 1rem;
	background: #FFF;
	border:none;
	border-radius: 0;
	border:1px solid #111;
	color: #111 !important;
	text-align: center;
}
 E.btn.btn-blu, .btn.btn-blue {
	padding: 1rem 1rem;
	background: #111;
	border:1px solid #111;
	border-radius: 0;
	font-size:.9rem;
	color: #ffffff !important;
	text-align: center;
}

.btn.btn-black, .btn.btn-black:not([href]):not([tabindex]) {
	padding: 1rem 1rem;
	background: #f9f9f9;
	border:none;
	border-radius: 0;
	font-size:.9rem;
	color: #222 !important;
	text-align: center;
	border: none;

}

.btn.btn-black:hover {
	border: none;
	background: #EEE;
}

.btn.btn-grey {
	padding: 1rem 1rem;
	background: #F5F5F5;
	border:none;
	border-radius: 3px;
	font-size:.9rem;
	color: #555555;
	text-align: center;

}



.btn.btn-pink {
	background: #f9f9f9;
	color: #111;

}

.btn.btn-grey:hover {
	background: #ddd;
}

.btn-tick::after {
	font-family: icon;
font-style: normal;
padding-left:20px;
color: #FFF !important;
content: "\f101"
}

.btn-left::after {
	font-family: icon;
font-style: normal;
padding-left:20px;
content: "\f102"
}
.btn-right::after {
	font-family: icon;
font-style: normal;
padding-left:20px;
content: "\f11a"
}



/** NAVIGATION **/
	.mNav { padding:0;background:#FFF;position:fixed;top:0;width:100%;left:0;z-index:1000;height:50px;}
	.mNav .logo img { height:40px;display: block;margin:3px 7px 6px 3px;}

	.mNav .logo {
		color:#777;text-decoration: none;font-size:.85rem;letter-spacing:0.1em;display:block;left:4px;position:absolute;background:transparent;top:0;
	}
	.menuWrap { z-index:1002;background:#FFF;position:fixed;top:0;width:100%;left:0;height:100%;display:none;}

		#searchMobile {
		    background: #111;
		    color: #FFF;
		    font-weight: 400;
		    padding: 5px 16px;
		    position: absolute;
		    right: 0px;
		    bottom: 31px;
		    font-family: 'Avenir Next';
		    text-transform: uppercase;
		    letter-spacing: 0.1em;
		    font-size: .8rem;
		border: none;
		}


	#mobileSearchPanel {
		background: #FFF;
		position: fixed;
		top:0;
		left:0;
		z-index: 1003;
		text-align: center;
		width: 100%;
		height: 100%;
	}

	#mobileSearchPanel i {
		position: absolute;
		top:25px;
		right:25px;
		color:#000;
	}

	#mobileSearchPanel form {
		position: absolute;
		left:50%;
		top:50%;
		width:80%;
		 -webkit-transform:  translate(-50%,-50%);
		-moz-transform:   translate(-50%,-50%);
		-o-transform:  translate(-50%,-50%);
		transform:  translate(-50%,-50%);
	}


	#mobileSearchPanel form .form-control {
	    border: 1px solid #000 !important;
	    border-radius: 0;
	    color: #000;
	    background: #FFF;
	    margin-bottom: 5px;
	}


	.menuWrap ul { margin:20px;padding:0;list-style:none;}
	.menuWrap ul a img { width:100px;margin-bottom:20px;}
	.menuWrap ul a.d { text-decoration: none;padding-bottom:0;font-family:'s1';font-weight: ;color:#111;font-size:1rem;display:block;position:relative;}
	.menuWrap ul li {border-bottom:1px solid rgba(0,0,0,0.04);padding:20px 10px;position: relative;}
	a.d .icon-right-arrow-circular-button { position:absolute;right:0;}
	.menuWrap .row { height:100%;}
	.menuWrap ul li:last-child {border:none;margin-bottom:0;}

	.menuWrap li .sub, .menuWrap li .more { padding:3px 5px;margin:0px 1px 4px 0;text-decoration: none;color:#BBB;display:inline-block}

	.menuWrap li .sub { background:rgba(255,255,255,0.1)}
	.menuWrap li .sub:hover { background:rgba(255,255,255,1);color:#000}
	.menuWrap .btn-outline-white { border:1px solid #FFF;background:#000;color:#FFF;width:100%;text-align: center;}



#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000;
  border-radius: 9px;
  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-checkout {
	display: none;
    position: fixed;
    background: #5ACCD5;
    padding: 9px 13px;
    top: 5px;
    color: #FFF;
    right: 60px;
    z-index: 99998;
}

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

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 9px;
}

#nav-icon3 span:nth-child(4) {
  top: 18px;
}

#nav-icon3.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

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

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}

#nav-icon3, .mNav { display:none !important;}

	#navBg {
		position:fixed;
		top:0;
		display:none;
		left:0;
		z-index:-2;

		width:100%;
		height:100%;
	}

	.nav-bg {
		background: rgba(0,0,0,0.2);
		position: absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
	}


	.jumbotron-dropdown {
		background: #FFFFFF;
		position:absolute;
		top:0;
		width:100%;
		left:0;
				    -webkit-transition:  0.35s all ease-in-out;
				    -moz-transition:  0.35s all ease-in-out;
				    -o-transition:  0.35s all ease-in-out;
				    transition: 0.35s all ease-in-out;
		transform: translateY(-200%);
		padding-top:80px;
		z-index:-1;
	}

	.jumbotron-dropdown.active {
		transform: translateY(0%);
	}

	.jumbotron-dropdown .bg-grey {
		position: absolute;
		background:#FFF;
		right:0;
		top:0;
		height: 100%;
		width: 50%;
	}

	.jumbotron-dropdown .links {
		padding-right:25px;
		padding-bottom:25px
	}

	.jumbotron-dropdown .links h2 a {
		margin-top:80px;
		color: #000;

		display:inline-block;
	}

	.jumbotron-dropdown .links h2 a i {
		position: relative;
		font-size:2rem;
	}
	.jumbotron-dropdown .links h2 a:hover i {
			margin-left: 5px;

	}
	.jumbotron-dropdown .links a.list span{
		color: #000;
		font-size:1rem;

		}

		.jumbotron-dropdown .links a.list {
	color: #555;font-size:.8rem;

	}
	.jumbotron-dropdown .links a.list i {
		position: relative;
		font-size:1rem;
	}
	.jumbotron-dropdown .links a.list:hover {
		background: #f5f5f9;
	}
		.jumbotron-dropdown .links a.list:hover i {
			margin-left: 5px;
		}


	.jumbotron-dropdown .detail {
		background: #FFF;
		padding-bottom:10px;
		padding-left: 25px;
	}

	.jumbotron-dropdown .detail .col-12 { padding-right:5px;margin-top:25px;}

	.jumbotron-dropdown .detail .col-12 a {
		margin-top:40px;
		color: #000;
		display:block;
	}

	.jumbotron-dropdown .detail a.col {
		padding: 5px;

	}

	.jumbotron-dropdown .tiles div::after {
		border:2px solid #FFF !important;
}

	.jumbotron-dropdown .detail a.col > div {
		position: relative;
		background-size: cover;
		box-shadow: inset 0 0 0 0px white !important;
		background-position: center;
	}

	.jumbotron-dropdown .detail a.col > div::after {
		content:"";
		padding-top:100%;
		display:block;
	}

	.jumbotron-dropdown .detail .row {
		margin: 0;
	}

	.jumbotron-dropdown .detail a.col > div span {
		background-color: #FFF;
		border-top:1px solid #f5f5f9;
		position:absolute;
		bottom:0;
		left:0;
		width: 100%;
		padding:5px;
		color: #000;
	}



	nav.navbar {
		background: #FFFFFF;
		border-radius:0;
		color: #222;
		border-bottom:1px solid #EEE;
		padding:0;
	}

	.social {
		background: #FFF;
		color: #222;
		padding:3px;
		letter-spacing:.2em;
		border-bottom:1px solid #EEE;
		font-size:12px;
	}

	.social a { color: #222; font-size:15px;margin-left:6px;}

	.navbar-brand {
	    float: left;
	    position: absolute;
	    z-index: 10;
	    top: 0;
	    width: 114px;
	    padding-left: 7px;
	    left: 0;
	    text-align: left;
	    padding-top: 17px;
	    height: 100px;
	    /* background: #FFF; */
	    margin: 0;
	    padding: 17px;
	}
.navbar-brand img {
	width:100%;
}

		nav.navbar .container {
		padding: 0 5px;
	}


nav.navbar ul { margin-left:120px;}
.navbar-toggleable-md .navbar-nav .nav-link {
    padding: 24px 12px;
    color: #222;
    cursor:pointer;

    letter-spacing: 0.03em;
    font-size: .85rem;
    line-height: auto;
    display: inline-block;
    margin-top: 0;
}

.navbar-toggleable-md .navbar-nav .nav-link:hover, .social a:hover {
	color: #78c9d3;
}

.navbar-toggleable-md .navbar-nav .nav-item.active {
	background: #FFF;
}

.navbar-toggleable-md .navbar-nav .nav-item.active .nav-link {
	background: #FFF;
	color: #000000;
}

.navbar-toggleable-md .navbar-nav .nav-link .fa-home { margin-left:10px;font-size:18px;}

.navbar-toggleable-md .navbar-nav .subscribenav .nav-link {
    color: #111;
    margin-top:15px;
	position: relative;
	background: transparent;
	padding: 9px 45px;
	margin-left:145px;
    border:1px solid #111;
}
.navbar-toggleable-md .navbar-nav .subscribenav.searchh .form-control {
    color: #222;
    margin-top:15px;
	position: relative;
	background: transparent;
	padding: 9px 9px 10px 9px;
	margin-left:166px;
    border:1px solid #222 !important;
    border-radius:0;
}

.navbar-toggleable-md .navbar-nav .subscribenav.searchh input.btn {
   background:#222;
   color:#FFF !important;
   position:absolute;
   letter-spacing: 0.2em;
    font-size: 12px;  right:15px;
   top:20px;
   padding:10px 10px 10px 10px;
   border:1px solid #222;
}
.navbar-toggleable-md .navbar-nav .subscribenav .nav-link.sub { padding: 9px 15px 9px 9px;}
.navbar-toggleable-md .navbar-nav .subscribenav .nav-link.cart { margin-left:0;border:1px solid #5ACCD5;background: #5ACCD5;}

.navbar-toggleable-md .navbar-nav .subscribenav .nav-link:hover {
	background: #FFF;
	color: #000;
}

.navbar-toggleable-md .navbar-nav .subscribenav .nav-link .fa {
margin-left:10px;
position:relative;
top:-1px;
}


a#searchOpen {
    font-size: .7rem;
    background: #FFF;
    display: inline-block;
    padding: 3px 11px;
    color: #000;
    text-transform: uppercase;
    TOP: -1px;
    position: relative;
}

a#searchOpen:hover {

    background: #000;
    color: #FFF;
}


.grab .cart  {
		-webkit-animation-duration: 1s;
		z-index:0;
			animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: 3;
		animation-iteration-count: 3;
		-webkit-animation-name: bounce;
		animation-name: bounce;
		-webkit-transform-origin: center;
		transform-origin: center;
	}



/** TILES **/
    .relatedEvents, .business-directory.deal-listing .deals { }


.panel {
			    -webkit-transition:  0.25s all ease-in-out;
			    -moz-transition:  0.25s all ease-in-out;
			    -o-transition:  0.25s all ease-in-out;
			    transition: 0.25s all ease-in-out;
	padding:.5rem;
}


.panel a {
			    -webkit-transition:  0.25s all ease-in-out;
			    -moz-transition:  0.25s all ease-in-out;
			    -o-transition:  0.25s all ease-in-out;
			    transition: 0.25s all ease-in-out;

}

.panel a:hover {
/*	opacity:.8;*/
}

.dealwrap { padding:2rem;}

.deal > .row { position: relative;text-decoration:none;}

.deal > .row:hover {
	 -webkit-transform:  scale(1.06);
	-moz-transform:   scale(1.06);
	-o-transform:   scale(1.06);
	transform:   scale(1.06);}

.deal > .row::after {
	content:"";
	top:10px;
	right:10px;
	bottom:10px;
	left:10px;
	border: 1px dashed #DDD;
	pointer-events: none;
	position: absolute;
}

.deal .col-4 {
	background-size: cover;
	background-position: center;
	position: relative;
	padding:0;
}

.deal .col-4::after {
	content:"";
	padding-top:100%;
	display:block;
}

.deal h3 {
	color: #333;
}

.deal span {
	 color: #989898;

}
.panel a {
	background-color: #DDD;
	position: relative;
	display:block;
	background-size:cover;
	border: 1px solid #EEE;
	border-radius: 0;
	overflow: hidden;
	background-position: center;
}

.carousel.panel a{
	border:none;
}

.carousel.panel  .carousel-inner {
	border: 1px solid #eee;
}

.panel a::after {
	padding-top:100%;
	display:block;
	content:"";
}
.panel a .bottom {
	 position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.58+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#94000000',GradientType=0 ); /* IE6-9 */
    padding-top: 30%;
}
.panel a .desc {
	display:block;
	background: transparent;
	padding:1rem;
	padding-right:50px;
	color: #FFF;
	font-family: 'Avenir Next';
	font-size:.9rem;
	position:relative;
	line-height:1.4em;
	text-shadow: 0 2px 5px rgba(0,0,0,0.4);
	font-weight: 500;
}
.panel a .cat {
    color: #FFF;
    padding-left: 5px;
    margin-bottom: 10px;
    border-left: 2px solid rgba(255,255,255,0.6);
    text-transform: uppercase;
    font-size: .65rem;
    font-weight: 600;
    display: inline-block;
    margin-left: 15px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}.panel a .desc::before {
	font-family: icon;
        font-size: 20px;
font-style: normal;
position:absolute;
right:12px;
padding:5px 0 5px 10px;
margin-left:10px;
border-left: 1px solid rgba(255,255,255,0.2);
content: "\f11a";

 -webkit-transform:  translateY(-50%);
-moz-transform:  translateY(-50%);
-o-transform:  translateY(-50%);
transform:  translateY(-50%);
top:50%;
}


.panel span.date {
	padding-top:19px;display:inline-block;
	margin:1rem ;
	font-size:1.4rem;
	text-align:center;
	height:75px;
	width:75px;
	text-transform: uppercase;
	line-height:1.2rem;
	background: #FFF;
	border-radius: 0;
	color: #222;
}

.panel span.date em {
	font-style: normal;
	font-size:.8rem;
	padding:0 !important;
	margin-top:0px;
	color: #222;
}
.panel span.fromprice {
	padding:0;
	display:inline-block;
	margin:1rem;
	font-size:1.4rem;
	color: #000;
	text-align:center;
	text-transform: uppercase;
	line-height:1.2rem;
}



.panel span.fromprice em {
	font-style: normal;
	display:inline-block;
	font-size:.7rem;
	letter-spacing: 0.1em;
	padding:7px 10px !important;
	background: #FFFFFF;
	line-height:auto;
	margin:0px;
	border-radius: 0;
	color: #111;
}


.panel span.fromprice b {
	font-style: normal;
	font-size:.7rem;
	letter-spacing: 0.1em;
	line-height:25px;
	padding:7px 10px !important;
	margin:0px;
	font-weight:400;
	color: #eee;
	background:rgba(0, 0, 0, 0.81);
	display:inline-block;
}

.image .imgcredit {
	background: #000;
	padding:.5rem;
	display:inline-block;
	color: #FFF;
	font-size:.8rem;

}

.image .imgcredit::after {
	font-family: icon;
font-style: normal;
margin-left: 15px;
margin-right:5px;
content: "\f110";
}

/** see-do-cat **/
.see-do-cat h1 {
	font-size:3rem;
	margin-top:20px;
}
.see-do-cat h2, .home h2, .deal-listing .deals h2 {
	font-size:2.4rem;
	margin-top:0;
	margin-bottom:1rem;
}
.see-do-cat .header {
	color: #FFF;
	padding:0;
}


.see-do-cat .header > .container > .row {
		      height:80vh;
		      min-height:500px;
}


.see-do-cat .header .logo span {
    background:  transparent;
    background-size: contain;
    padding: 2px 7rem;
    display: inline-block;
}

.see-do-cat .header .caption {
	position: absolute;
	right:0;
	background: rgba(0,0,0,0.9);
}

.see-do-cat .montage .carousel, .see-do-cat .montage .carousel > div {
	height:100%;

}

.see-do-cat .montage .col-md-8 {
	padding-right:0;
}



.panel em {
	font-style:normal;
	font-size:14px;
	line-height:25px;display:block;margin-bottom:20px;padding-right:40px;
}

.see-do-cat .montage .carousel-item {
	height: 100%;
}


.see-do-cat .montage .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -moz-box-pack: left;-webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    -moz-justify-content: left;
    padding-left: 0;
    margin-right: 1rem;
    margin-left: 25px;
    list-style: none;
}
.see-do-cat .subcatbtn {
	background: RGBA(245, 245, 249, 1.00);margin:1px;font-size:.8rem;
	}
.see-do-cat .montage .carousel-item a  {
	background-size: cover;
	background-position: center;
	height:100%;
	width: 100%;
}

.see-do-cat .header, .see-do-cat .spacer, .see-do-cat .subscribe {
	background-attachment: fixed;
}
.see-do-cat .header img {
	filter: invert(100%);
	-webkit-filter: invert(100%);
	max-width:150px;
}


.see-do-cat .tailor {
	background: #000;
	padding:1.5rem 0;
	color: #7e7e7e;
	position:sticky;
	bottom:0;
	width:100%;
	left:0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.sticky {
    top: 0;
    position: fixed;
}

.see-do-cat .tailor p {
	margin:0;
	font-size:.8rem;
}

.see-do-cat .tailor span {
	margin-left:3rem;
}


.see-do-cat .tailor a {
	color: #FFFFFF;
	padding:1rem 1rem;
	text-decoration: none;
	margin: 0 .2rem;
	cursor: pointer;
}
.see-do-cat .tailor a.active {
	background: #FFFFFF;
	color: #000;
	padding: 1rem 1.5rem;
}

.see-do-cat .tailor a.active::after {
	padding-left:5px;
}

.see-do-cat .tailor a:hover {
	background: rgba(255,255,255,0.1);
}


.see-do-cat .map {
	position:relative;
	padding:0;height:500px;
}

.see-do-cat .map #markerLayer img {
	border-radius: 90px;
	transform: scale(0.7);
}

.see-do-cat .map #markerLayer div:nth-child(2n+2) img{
	border-radius: 90px;
	transform: scale(0.65);
}

.see-do-cat .map #markerLayer div:nth-child(3n+5) img{
	border-radius: 90px;
	transform: scale(0.6);
}

.see-do-cat .subcats p {
	padding:1rem;
	background: #FFFFFF;
	text-align: center;
	margin-bottom:1rem;
}
.see-do-cat .filter .filtertext { display:none;}
.see-do-cat .subcats a:hover {
	background: rgba(0,0,0,0.05);
}

.see-do-cat .subcats a.active {
	color: #FFFFFF;
	background: #000000
}

.see-do-cat #map {
	top:0;
	left:0;
	width:100%;
	height: 100%;
	position:absolute;
}

.deals img, .whatson img {
	max-width:150px;
}
   .intro #map { background:#FFFFFF;height:100%;margin-top:0;position:absolute; top:0;left:15px;right:15px;}
.see-do-cat .whatson .col-md-4:nth-child(1n+4) {
	display:none;
}
.see-do-cat .montage .col-md-4 .event:nth-child(1n+2) {
	display:none;
}
.see-do-cat .montage .col-md-4 .image:nth-child(n+2) {
    display: none;
}


 .morebtn {
    width: 90%;
    max-width:600px;
    display: block;
    text-align: center;
    margin: 0 auto;
    text-decoration: none;
    border-top: 1px solid #EEE;
    padding-top: 3rem;
    margin-top: 3rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 120%;
    color: #444;
}

.morebtn::after {
	font-family: icon;
font-style: normal;
margin-left:20px;
content: "\f11a";
-webkit-transition:  0.25s all ease-in-out;
-moz-transition:  0.25s all ease-in-out;
-o-transition:  0.25s all ease-in-out;
transition: 0.25s all ease-in-out;

}

.morebtn:hover::after {
	margin-left:30px;
}

.see-do-cat .subscribe {
	color: #FFFFFF
}

.see-do-cat .subscribe a {
	font-weight:600;
	font-family: 's1';
	text-decoration: underline;
	color: #FFFFFF;
}

.see-do-cat .subscribe img {
	float: left;
	margin-right:2rem;
	margin-top:2.8rem;
	max-width:120px;
}
.see-do-cat .subscribe h2 { margin-top:2rem;}

.see-do-cat .subscribe h3 a {
	-webkit-transition:  0.25s all ease-in-out;
	-moz-transition:  0.25s all ease-in-out;
	-o-transition:  0.25s all ease-in-out;
	transition: 0.25s all ease-in-out;
}

.see-do-cat .subscribe h3 a:hover { text-decoration: none;}

.see-do-cat .spacer {
	padding: 0;
	height:120px;
	}
	.explore .iwrap {
/**	    -webkit-box-flex: 0;
    -webkit-flex: 0 0 14.28%;
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%;**/
	padding:2rem 0;
	text-align:center;
		font-size:.8rem;
		font-weight:400;
	}
	.explore .iwrap img {
		max-height:50px;
		display:block;
		margin: 0 auto 20px auto;
	}

	.explore .iwrap.active {
		border: 1px solid #222;
	}

	.explore .iwrap a {
				color: #333;
text-transform: uppercase;
font-weight:500;
text-decoration: none;
	}
	.sliderhome h3 { background:none !important;text-align:center;display:block !important;margin-bottom:20px;}

	.sliderhome h3 strong {
		font-size:5rem;margin-bottom:20px;
	}
	.sliderhome, .accommodation-banner { background: #000;}
	.sliderhome .background-image, .accommodation-banner .background-image { opacity:.8;}

	footer {
		background: #FFF;
	}

	footer .logoWrap { padding-right:4rem;}

	footer .socialI { margin-top:20px}
	footer .socialI a { margin:4px;font-size:1rem;color:#FFF;}

	footer ul { margin:0;padding:0;list-style: none;}

	footer ul li { padding:3px 0;}

	footer ul li a { color: #111;padding:6px 0;}

	footer ul li a small { color: #828282;}
	footer .large { font-family: 's1';font-size:1.3rem;font-weight:bold;}
	footer .large a { font-family: 's1';}
	footer .stayLonger {
		background: #f9f9f9;
		padding:5px 0;
	
		border-top:none !important;
	}

	footer .stayLonger p {
		margin:2px 0;
		font-size:13px;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		line-height:1;
		color: #222;
	}

	footer .stayLonger p a {
		margin-left:20px;
		text-decoration: none;
	}

	footer section {
		padding:0;
	}

	footer section#instafeed {
		margin:0;
		background:#000;
	}

	footer .instagramimagelink {
		padding:0;
		-webkit-transition:  0.25s all ease-in-out;
		-moz-transition:  0.25s all ease-in-out;
		-o-transition:  0.25s all ease-in-out;
		transition: 0.25s all ease-in-out;

		background-size: cover;
		opacity:.8;
		background-position: center;
	}
	


		footer .instagramimagelink:hover {
		opacity:1;
}
	
	

	footer section#instafeed::after {
	pointer-events: none;
    position: absolute;
    top: 50;
    z-index: 4;
    width: 100%;
    left:0;
    text-align: center;
    content:"Love it? Snap it #VisitMoretonBayRegion";
    top: 50%;
	font-family: s1,serif;
    font-size:2rem;
    transform: translateY(-50%);
    margin: 0;
    color: #FFF;
    font-weight: 600;
    }

	footer > .container {
		padding:5rem 15px;
	}

	footer .copyright p { margin:0;}

	footer .copyright {
		background: #FFF;
		padding:1rem 0;
	}
	footer .copyright a {
		color:#222;text-transform: uppercase;
		font-size:.6rem;
		letter-spacing: 0.1em;
		margin-right: 15px;
	}
	footer .copyright a:hover,footer .copyright a:hover * {
		color: #FFF;
	}

	nav.navbar {
		background: #FFF;
		border-radius:0;
		padding:0;
	}

	nav.navbar .social {
		background: #000;
		display:block;

	}

		nav.navbar .container {
		padding: 5px;
	}

	.internal .header {
		padding: 300px 0 50px 0;
		background: #f5f5f9;
	}




	/** BLOG **/


.banner-arrow a { display:block;}

.background-image {
		 background-size:cover;
		 background-position: center;
		 height:100%;
		 width:100%;
		 position:absolute;
		-webkit-animation-duration: 45s;
		z-index:0;
			animation-duration: 45s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-name: headerZoom;
		animation-name: headerZoom;
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		}



@-webkit-keyframes headerZoom {
	  0% {
	     -webkit-transform: scale(1);
	    -moz-transform:  scale(1);
	    -o-transform: scale(1);
	    transform: scale(1);
	  }

	  50% {
	     -webkit-transform: scale(1.1);
	    -moz-transform:  scale(1.1);
	    -o-transform: scale(1.1);
	    transform: scale(1.1);
	  }
	  100% {
	     -webkit-transform: scale(1);
	    -moz-transform:  scale(1);
	    -o-transform: scale(1);
	    transform: scale(1);
	  }
		}

	@keyframes headerZoom {
	  0% {
	     -webkit-transform: scale(1);
	    -moz-transform:  scale(1);
	    -o-transform: scale(1);
	    transform: scale(1);
	  }

	  50% {
	     -webkit-transform: scale(1.1);
	    -moz-transform:  scale(1.1);
	    -o-transform: scale(1.1);
	    transform: scale(1.1);
	  }
	  100% {
	     -webkit-transform: scale(1);
	    -moz-transform:  scale(1);
	    -o-transform: scale(1);
	    transform: scale(1);
	  }
	}



		.unslider-arrow.prev {
	    width: 70px;
	    left:0;
	    padding-top:8px;
	    z-index:200;
	    font-size: 35px;
	    color:#FFF;
	    text-align: center;
	    height: 70px;
	    top: 50%;
	    margin-top: -35px;
	}

	.unslider-arrow.prev span {
		color: #FFF;
	}
		.unslider-arrow.next {
	    width: 70px;
	    right:0;
	    padding-top:8px;
	    z-index:200;
	    font-size: 35px;
	    color:#FFF;
	    text-align: center;
	    height: 70px;
	    top: 50%;
	    margin-top: -35px;
	}

.modal-btn {
    margin: 0 auto;
    text-align: center;
    display: block;
}

.modal button {
	z-index: 2;
}

.unslider-arrow.next span {
	color: #FFF;
}

.unslider-arrow.prev:hover {
	background: #FFF;
}

.unslider-arrow:hover span {
	 -webkit-transform:  scale(1.1);
	-moz-transform:  scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

	.unslider nav {
		color: transparent;
		padding:10px 0 17px 0;
		text-align: center;
		position:absolute;
		bottom:0;
		left:0;
		text-align: center;
		z-index:600;
		width:100%;

		background: transparent;

		}



		.unslider nav ol {
			display:inline-block;
		}
		.unslider nav ol li {
			width:30px;
			background: rgba(255,255,255,.2);
			overflow:hidden;font-size:2px;line-height:0;
			height:2px;
			float:left;
			border-radius:99px;
			margin-right:10px;
		}
		.unslider nav ol li.unslider-active {
			background: #FFF;
			box-shadow: 0 1px 2px rgba(0,0,0,0.2);
		}

	      section.slider, section.jumbo {
		      padding:0;
		      overflow: hidden;
		      background-color: #333;
	      }

	      section.jumbo.header .subtext {
		      background: #111;
					color:#FFF;
		      padding:9px 15px;
		      display:inline-block;
		      position:relative;
		      top:20px;
	      }

	      section.slider a {
		      text-decoration: none;
	      }


	      section.slider .carousel-indicators {
		      background: #000;
		      padding:15px;
		      margin:0;
		      z-index:5;
		      bottom:0;
	      }

	      section.slider .carousel-item {
		      background-size: cover;
		      background-position: center;
	      }

	      .jumbo.listevent a { text-decoration:none;-webkit-transition:  0.25s all ease-in-out;
	      -moz-transition:  0.25s all ease-in-out;
	      -o-transition:  0.25s all ease-in-out;
	      transition: 0.25s all ease-in-out;
}

	      .jumbo.listevent a:hover .background-image {   opacity:.8; 	      }
	       .jumbo.listevent a i { -webkit-transition:  0.25s all ease-in-out;
	      -moz-transition:  0.25s all ease-in-out;
	      -o-transition:  0.25s all ease-in-out;
	      transition: 0.25s all ease-in-out;}.jumbo.listevent a:hover i { margin-left:5px;}

	      section.slider .row, .jumbo .row , section.slider ul {
		      height:50vh;
		      min-height:400px;
	      }
	      section.slider .carousel-control-prev, section.slider .carousel-control-next {
		      font-size:35px;
		      padding:0px;
	      }
	      section.slider .carousel-control-prev {
		      background:#000;
		      width:70px;
		      height:70px;
		      top:50%;
		      margin-top:-35px;
	      }
	      section.slider .carousel-control-next {
		      background:#000;
		      width:70px;
		      height:70px;
		      top:50%;
		      margin-top:-35px;
	      }

	      section.slider .content {
		      text-align: center;
	      }

			section.slider .content h3, .header h1, .header.jumbo a h1 {
			    background:#FFF;
			    color: #111;
			    line-height:2;
			    font-size:1.5rem;
			    display:inline;text-decoration: none;
			    padding: 20px 2rem;
			}




				section.slider .sliderhome .content h3 {
					color: #FFF;
				}

			section.slider .content p {
				position: relative;
				margin:0;
			}

section.slider .btn.btn-white-stroke {
		background: #111;
    padding: 15px 26px;
    position:absolute;
    font-size:16px;
    text-align: center;
    left:50%;
	 -webkit-transform:  translateX(-50%);
	-moz-transform:  translateX(-50%);
	-o-transform:  translateX(-50%);
	transform:  translateX(-50%);
    margin-top: 10px;
    color: #FFF;
    font-weight: 500;
}

	   btn-white-stroke i {
		   -webkit-transition:  0.25s all ease-in-out;
		   -moz-transition:  0.25s all ease-in-out;
		   -o-transition:  0.25s all ease-in-out;
		   transition: 0.25s all ease-in-out;

	   }
	   a:hover btn-white-stroke i { margin-left:20px;}

	      .blogwrap h5 {
		      margin-top:150px;
		     }


.blogwrap .panel:nth-child(n+15) {
  width: 50%;
  float: left;
}
.blogwrap .panel:nth-child(n+15)::after {
  padding-top: 100%;
}
.blogwrap .panel:nth-child(n+15) a::after {
  padding-top: 100%;
}
.blogwrap .panel:nth-child(n+15) em {
  display: none;
}

	   .webapp.pagination {
    display: inline-block;margin: 0 auto;text-align: center;
    clear: both;position:relative;left:50%;
    top:20px;border-top:1px solid #EEE;
     -webkit-transform:  translateX(-50%);
    -moz-transform:  translateX(-50%);
    -o-transform:  translateX(-50%);
    padding:20px 50px;
    transform:  translateX(-50%);
}

	   .webapp.pagination li { float:left;padding:0 15px;}

	    .webapp.pagination li, .webapp.pagination li a { text-decoration: none;font-size:1.3rem;text-transform: uppercase;letter-spacing:0.2em;}

	    .webapp.pagination li a:hover {

	   background: #FFFFFF;
	   color:#000;
	  }
	  .blog-cat {
	padding:0;
	list-style:none;
}

.blog-cat li {
	-webkit-transition:  0.25s all ease-in-out;
	-moz-transition:  0.25s all ease-in-out;
	-o-transition:  0.25s all ease-in-out;
	transition: 0.25s all ease-in-out;
		padding: 5px 4px 12px 4px;
	border-bottom: 1px solid #f5f5f5;

}
.blog-cat li:hover {
	background: #f5f5f5;
	cursor:pointer;

}

.blog-cat li a i {
	font-size:20px;
	width:35px;
	display: inline-block;
	color: #000;
	position:relative;
	top:2px;
}

.blog-cat li a {
	color: #000;

	text-decoration: none;
}

.whatsonDate > span {
	background: url('/_assets/img/paint-white-square.png') center no-repeat transparent;
	background-size: contain;
	padding:  20px 40px;
	font-size:25px;
	line-height:22px;
	color: #000;
	display:inline-block;
	margin-bottom:5px;
}
.mainevent { padding-top:0;}

.whatsonDate > span > span {
	display:block;
	font-size:14px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

     .deal-listing .jumbo .row { height:30vh; }


.deal-listing	.intro .contact {
    padding: 0;
    box-shadow: 0px 71px 0 0px #FFF;
    z-index: 1;
    position: relative;
}

.deal-listing .intro .sidepanel {
	min-height:900px;
}

.deal-listing  .intro .contact > div {
	  margin-top:-7rem;
	  padding:2rem 1rem;
	  background:#FFF;
	  box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	  position:relative;
	  z-index:3;
  }
.deal-listing  .intro .contact ul.sociallinks {
	  padding:0;
	  margin:0;
	  display:inline-block;
	  margin: 0 auto;
	  list-style: none;
  }
  .intro .contact ul.sociallinks li {
	   padding:2px 14px;
	   float:left;
	   display:inline-block;

   }

   .intro .contact ul.sociallinks li i {
	   font-size:1.3rem;
   }
   .intro .contact ul.sociallinks li a {
	    -webkit-transform: scale(.9);
	   -moz-transform: scale(.9);
	   -o-transform: scale(.9);
	   transform: scale(.9);
	   opacity:.2;
   }
   .intro .contact ul.sociallinks li a:hover {
	    -webkit-transform: scale(1);
	   -moz-transform: scale(1);
	   -o-transform: scale(1);
	   transform: scale(1);
	   opacity:1;
   }
   .intro .contact div a {
	   color: #000000;
	   text-decoration: none;
	   font-weight:400;
   }


    .intro .contact div a.btn {
	    color:#FFF;
    }


	.busname {display:block;z-index:9;clear:both;position:relative;z-index: 9;}
	.busname a { padding:8px 15px;background:#FFFFFF;text-decoration: none;position:relative;z-index: 9;    font-family: 'Avenir Next';font-weight:400;top:-10px;    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: .7rem;
    text-decoration: none;
}
}

		section.search {
		padding:0;
	}.daterangepicker.ltr { z-index:500 !important;}

	.searchheader {
		position:relative;
	}

	section.search .searchWrap > .row { height:200px;padding:30px;}

	.searchWrap {
		background: #FFF;
		border:1px solid #000;
	}

	.searchWrap i { position: absolute;right:23px;bottom:14px;
	}

	div.daterangepicker td.active, div.daterangepicker td.active:hover {
		background: #000;
	}

	div.daterangepicker td.in-range {
		background: #EEE;
	}
	div.daterangepicker td.active, div.daterangepicker td.active:hover {
		background: #000;
	}



	/* Hint, see-do, bayside */
	  .tiles .square,  .tiles .rect {
		       display:block;
		       border:none;
		       position: relative;
	       }

	       .tiles .col-12 {
			    padding: 0;
			}

			.tiles a::after {
				top:10px;
				left:10px;
				right:10px;
				bottom:10px;
			}



	       .tiles .square a::after {
		        content:"";
		       padding-top:100%;
		       background: rgba(0,0,0,0.2);
		       display:block;
	       }

	       .tiles .rect a::after {
		        content:"";
		       background: rgba(0,0,0,0.2);
		       padding-top:200%;
		       display:block;
	       }
 .tiles .half a::after {
		        content:"";
		       background: rgba(0,0,0,0.2);
		       padding-top:50%;
		       display:block;
		       left:10px;
		       right:10px;
	       }

	       .tiles .square a span i,.tiles .rect a span i {
		       font-size:4rem;
		       display:block;
		       margin-bottom:2rem;

	       }

	       .tiles .large span {
		       padding: 3rem 2rem 3rem;
		       background: url('/_assets/img/stroke-header-2.png') center center no-repeat transparent;
		       background-size: contain;
	       }

	       .tiles {
		       padding-bottom:0;
	       }

	       .tiles div::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    z-index: 4;
    pointer-events: none;
    border: 14px solid #FFF;
}
 .tiles .event-badge, .tiles .event-badge::after {
box-shadow:none !important;
border: none !important;
display: block !important;
	}

 .tiles span.date {
	padding-top:19px;display:inline-block;
	margin-bottom:1rem;;
	font-size:1.4rem;
	text-align:center;
	height:75px;
	width:75px;
	text-transform: uppercase;
	line-height:1.2rem;
	background: rgba(0,0,0,0.5);
	border-radius: 5px;
	color: #EEE;
}

 .tiles span.date * {
	 display:block;
	}

 .tiles span.date em {
	font-style: normal;
	font-size:.8rem;
	padding:0 !important;
	margin-top:0px;
	color: #EEE;
}
 .tiles span.fromprice {
	padding:0;
	display:inline-block;
	margin:1rem;
	font-size:1.4rem;
	color: #000;
	text-align:center;
	text-transform: uppercase;
	line-height:1.2rem;
}


	       .tiles .last .col-md-8 .square {
		       margin-top:-50%;
		       border-top:14px solid #FFF;
		       border-bottom:14px solid #FFF;
	       }
	         .tiles  div {
		         background-size: cover;
		         background-position: center;
		         box-shadow: inset 0 0 0 10px white;
	         }

	       .tiles .square a > span,.tiles .rect a span {
		       color: #FFFFFF;
		       line-height:1.1;
		       font-size:1.2rem;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.58+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#94000000',GradientType=0 ); /* IE6-9 */
		       text-align: left;

		       position: absolute;
		      bottom:10px;
		       left:10px;
		       right:10px;
		       padding: 15px 25px;

		       	       }

	       .tiles .square a > span > span {
		       line-height: 1.3;
		       display: block;
		       margin: 8px 0 15px 0;
		       font-size: .9rem;
		      }

	       .tiles .icon-right-arrow-circular-button {
		       font-size:1.1rem;
			   position: relative;
			   top:3px;
		       margin-left:10px;
	       }



/** HOME **/
.whatson.home {
padding: 0;
border:none;
}

.deals img, .whatson img {
	display:none;
}

.whatson.home h4 { line-height:1.6em;font-size:1.2rem;}
.whatson.home h4 a { font-family: s1,serif;color:#000;font-size:1.7rem;text-decoration: none;border-bottom:1px solid #000;
	-webkit-transition:  0.25s all ease-in-out;
	-moz-transition:  0.25s all ease-in-out;
	-o-transition:  0.25s all ease-in-out;
	transition: 0.25s all ease-in-out;

}
.whatson.home h4 a:hover { border:none;}
.home .compass .panel a .desc::before {
	display:none;
	}

	.home .compass .panel a h3 { margin-bottom:10px;}
	.home .compass .morebtn { margin-top:1rem;}
	.home .compass .panel a p {
		font-size:.9rem;opacity:.7;margin-top:0;margin-bottom:0;
	}
.eventsoptions {
	background: #f9f9f9;
	padding:20px;
	margin:50px 0 0 0;
}

 .magazines * {
	color: #FFFFFF;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

	 .magazines .col-md-4 {
		padding: 2rem 15px;
		margin-top:1rem;
		border-right:1px solid rgba(0,0,0,0.2);
	}

	 .magazines .col-md-4:last-child {
		border-right:none;
	}
			 .bloglarge {
		 margin-bottom:150px;

		 }

		 .blogsmall { padding: 20px 0;}
		 .bp.blogsmall a.img { border:none;}
		 .bp a.img {
			 overflow:hidden;
			 display: block;
			 border:1px solid #f5f5f5;
		 }

		 .bp a.img img {
			 -webkit-transition:  0.25s all ease-in-out;
			 -moz-transition:  0.25s all ease-in-out;
			 -o-transition:  0.25s all ease-in-out;
			 transition: 0.25s all ease-in-out;
			 width:100%;

		 }

		 .bp a.img:hover img {
	 -webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
		 }

.blogpanel {
	position:absolute;
	padding:25px;
	z-index:10;
	background:#111;
	 -webkit-transform:  translateY(-50%);
	-moz-transform:  translateY(-50%);
	color:#FFF;
	-o-transform:  translateY(-50%);
	transform:  translateY(-50%);
}

.bp .blogpanel h2 a {
	color: #FFF;
}

.bp h2 {margin-top:0;line-height:.6em;}
.bp h2 a { text-decoration: none;color:#000;font-family: s1,serif;font-weight:700;font-size:1.055rem;line-height:1em;}
.bp h2 a:hover { color: #78c9d3;}
.bp .date {
	margin-bottom:5px;
	color: #AAA;
	font-size:.6rem;
	letter-spacing: 0.1em;
	text-transform:uppercase;
}

.bp .blogpanel .date {
	color: rgba(255,255,255,0.3);
	margin-bottom:0;
}

.blogmedium div{ padding:15px 10px;margin-bottom:20px;border-bottom: none;}
#popupmodal .modal-header { padding:0;}

#popupmodal .modal-header img { max-width: 100% !important;border:none;}

#travelassistance .modal-content, #popupmodal .modal-body {
	padding:30px;
	border-radius: 0;
	background:RGBA(245, 245, 249, 1.00)
}
.accommodation-banner { background:black;overflow:hidden;padding:0;}
.accommodation-banner .row { padding:5rem 0 6rem 0;}
section.accommodation-banner .background-image { opacity:.8;}
.accommodation-banner p { color:#FFF;font-weight:400;text-shadow: 0 2px 4px rgba(0,0,0,0.4);}
.accommodation-banner h2{
	background: url('/_assets/img/white-stroke.png') center center no-repeat scroll transparent;
	background-size:contain;
	padding:2rem 0;
	color:#000;
	}

	.checkout .basket > div {
		padding:30px;
		background:#f5f5f9;
	}
	.checkout .form-group {
		padding: 15px ;
	}
	.req { color: #78c9d3; }

	.checkout .cardrow { padding:20px;background:#f5f5f9;margin:10px 0 20px 0;}
	.checkout .cardrow .form-group { margin-bottom:0;}

	.checkout.pay .form-group { margin-bottom:0;}
	.COprocess .jumbo .row {padding-top:100px; min-height:400px;height:auto;}




	.search-result { padding:25px;margin-bottom:15px;background:#f5f5f9;}
	.search-result a { font-family:'s1';font-weight:bold;text-decoration: none;font-size:1.3rem;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid rgba(0,0,0,0.1);display:block;}

		@media (min-width: 980px) and (max-width: 1200px) {
			.navbar-toggleable-md .navbar-nav .nav-link {
				padding:24px 8px;
				font-size:11px;
				}

				.navbar-toggleable-md .navbar-nav .subscribenav .nav-link {
				margin-left:50px;
				}

				section.slider .content h3, .header.jumbo h1 { display:inline-block;font-size:1.3rem;}

	}

		@media (min-width: 768px) and (max-width: 980px) {
			.blogsmall .col-9 {
				padding:10px 0;
			}
			footer ul { display:block !important;}

			footer .stayLonger p a.btn { display:inline-block;}

				div.panel a::after {
    padding-top: 100%;

}

	}

	@media (max-width: 980px) {



		footer section#instafeed::after {

				font-size:18px;
			}
		.mobile-checkout {

		display:block;
				}

		section.homemontage .col-md-6 { padding-left:15px;}
		.news .col-3 { padding: 0;}
		.card-wrapper { display:none !important;}
		section.search .searchWrap > .row {
			height:auto;
			}

		.deal h3 { font-size:1.1rem;
		}

		.searchWrap h2 { margin-top:0;}


		.searchheader::after {
		    z-index: 0;
		    top: -65px;
		}

		.deal > .row::after {
			top:3px;right:3px;left:3px;bottom:3px;
			}

		.dealwrap { padding:1rem;}
	.explore .iwrap img { max-height:35px;margin-bottom:10px;}.explore .iwrap a { font-size:.6rem;font-weight:400;color:#555;}
		section { padding:3rem 0;}
	.compass .panel a .desc { padding:12px;}

	compass .panel a::after,.largecat a::after { padding-top:120% !important;}
		* { background-attachment: scroll !important;}

		.iwrap {
			width:33.33%;
			padding:1rem 0;
		}

		h3 { font-size:1.4rem;}



		 #nav-icon3, .mNav { display:block !important;}


		a.unslider-arrow.next,a.unslider-arrow.prev {top:55%;height:40px;width:40px;font-size:24px;padding-top:2px;}

		section.slider .content h3, .header.jumbo h1 {
			display: inline-block;
			font-size:1.5rem;
		}
		section.slider .btn.btn-white-stroke { padding: 23px 50px;max-width:80%;}
		section.slider .content h3 { font-size:1.1rem;}

		.sliderhome h3 strong { font-size:2rem;}

		.panel a .desc { padding:12px 50px 12px 12px;}

		.nothovered { opacity:1;}

		.explore .iwrap { max-width: }

		.panel a::after {
    padding-top: 70%;
    display: block;
    content: "";
}

.see-do-cat h2, .home h2,h2 { font-size:1.5rem;}.deals img, .whatson img { max-width:100px;}
h3 { font-size:1.3rem;}
.eventsoptions { margin-top:0;}

.eventsoptions .btn.btn-grey { margin:2px;}
.morebtn { margin-top:20px;padding-top:20px;font-size:.7rem;}
.home .magazines .col-md-4 { padding:15px;}
footer .stayLonger p { margin-top:10px;line-height: 1.3em;}
footer .stayLonger p a { margin: 10px 0 0 0; display:block;}
	footer .copyright p { float:none !important;text-align: center;}
		footer .copyright a { display: block;margin: 10px;}
		/** SEE DO TWEAKS **/

		.see-do-cat .header .logo span { padding:0;}
		.see-do-cat .header img { max-width:75px;}
		.see-do-cat h1 { font-size:1.4rem;}

		.see-do-cat .tailor { padding:10px 0;}

		.see-do-cat .tailor span { margin:0;display:block;}

		.see-do-cat .montage { display:none;}
		.see-do-cat .spacer { display:none;}

		section.intro .contact div,.deal-listing  .intro .contact div { margin-top:2rem;}
		footer ul { display:none;}
		footer > .container { padding: 3rem 15px;}
		footer .logoWrap {padding:0;}footer .logoWrap img {max-width:70%;}
		section.intro #map {
			position:relative;height:300px;
			width:100;left:auto;right:auto;
		}
		.largecat a span { font-size:1.1rem;background:none;padding:0;display:block;}
				.header.event ul.categories li { margin-bottom:2px}

.event-post div.caption { margin:1rem 0 0 0;border:none;}
				.caption li span::empty { display:none}
				.content .unslider nav { background:black;position:relative;margin-bottom:1rem;}
		.panel span.date {
    padding-top: 10px;
    display: inline-block;
    margin: 1rem;
    background: #FFFFFF;
    font-size: 1rem;
    color: #000;
    text-align: center;
    height: 50px;
    width: 50px;
    text-transform: uppercase;
    line-height: .8rem;
}
.tiles {
	overflow: hidden;
}
.tiles .half a::after {
	padding-top:100%;
}
.sidepanel.fixit.cutit { position:relative;}

.accommodation-banner a,.accommodation-banner button { margin-bottom:2px;min-width: 80%;opacity:.9;}
.intro div.sidepanel { min-height:auto;}
.stay .listing {padding:0 15px 50px 15px;left: 0 !important;}


.bloglarge { margin-bottom:0;}
.blogpanel { position:relative;transform: none !important;}

.webapp.pagination { transform: none !important;left:0;border-top:none;}
.webapp.pagination li { padding:5px;font-size:1rem;}
.webapp.pagination li a{;font-size:1rem;}

.regionn { display:block !important;}
.catheader { display:inline;}
.filter {
position:fixed;
top:40px;
left:0;
-webkit-transition:  0.25s all ease-in-out;
-moz-transition:  0.25s all ease-in-out;
-o-transition:  0.25s all ease-in-out;
transition: 0.25s all ease-in-out;
overflow:hidden;
width:100%;
border-bottom:1px solid #EEE;
max-height: 40px;
z-index:300;
}

.see-do-cat .filter .filtertext { height:30px;display:block;text-transform: uppercase;color:#555;letter-spacing: 0.1em;font-size:.7rem;margin:0;padding-bottom:10px;font-weight:500;background:#FFF}
.filter .btn { margin:1px;}


.filter.open { max-height: 500px;}
.filter #filters { margin-bottom:0;background:#FFF}
	.btn { padding:.7rem 1rem !important;font-size:.7rem !important;}
	.see-do-cat .subcats p { margin-bottom:0;}
	.tailor { display: none;}



.product-item .product-img { padding:0;width:15%;}
	div.product-item .product-name,div.product-price { font-size:13px;}

	.business-directory div.notes { padding:20px;}
	.business-directory div.form-content > div.column { width: 33.33%}
	.business-directory .form-content > div.column.submit { width:100%;float:none;}

}





/*** Put in cart.css ***/


.business-directory .form-content { padding:30px !important;background: #F5f5f9 !important;}
.business-directory .form-content > div.column { float:left;width:25%;padding:5px;}
.business-directory .form-content > div.column .btn { margin-top:10px;}
.business-directory .form-content label { color: #000;}
.business-directory .intro .contact div h4 { margin-top:24px;font-size:1.24rem;}
.business-directory .intro .contact div p.text-left {
font-size:.8rem;
}
.business-directory .intro .contact div p strong {
    width: 29px;

    margin-right: 10px;
    display: inline-block;
    text-align: right;
}

.business-directory .notes .col-md-3 i {
	content:"\f071";
	 font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
       font-size:90px;color:#5ACCD5;
	}
.business-directory .notes {
	padding: 20px 60px 20px 20px;
	border: 2px solid #5ACCD5;
	margin:20px 0;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background: #000;
	border:none;
	color:#FFF;
}

.ui-widget-header { border:none;background:#f5f5f9;}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border:none;}




.product-item { border-bottom: 1px solid #EEE;    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    padding-bottom:15px;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.product-item > div { float: left;
    -webkit-align-self: center!important;
    -ms-flex-item-align: center!important;
    -ms-grid-row-align: center!important;
    align-self: center!important;
    padding:0 10px;
}


.business-directory .search-header {

	margin-bottom:0;
	display:block;
	margin-top:40px;
}
.product-item > div.product-schedule {
	text-align: right;
	width:40%;
	padding:15px 0;
}
h4.search-header, h4.search-header * { }

.product-item .product-img { width:20%;padding:0 0 0 15px;}

.product-item .product-img img { display:block;width:100%;}
.product-item.noschedule { padding-top:15px;}
.product-item.noschedule > div { filter:blur(3px);opacity:.3;}
.product-item .product-name { font-weight:600; font-size:18px;width:35%;padding-left:20px;}
 .product-price{ font-weight:600; font-size:18px;}
.product-item .product-price { width: 20%;text-align:right;}
.product-item .product-schedule .product-price { width: 100%;text-align:right;margin-bottom:4px;}
.product-item .product-schedule .product-times { margin-bottom:4px;}
.product-item .product-name div, .product-price-each { font-size:13px;font-weight:400;}
.product-price-each { display:block;color:#555;}
.btn.btn-grey.btn-block.add-hero-product {
    background: #5ACCD5;
    color: #FFF;
}
.product-item .product-availability::before { content:"Remaining Online: "}



/** Matrix Styles **/
.matrix  section.blockquote {
	padding: 0;
}

.matrix > section:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.blockquote blockquote.blockquote {
	color: #FFF;
	max-width: 700px;
}

.textpanel blockquote {
	font-size: 2rem;
	max-width: 800px;
	padding-left:25px;
	border-left: 4px solid #f5f5f5;

}

.blockquote .overlay {
	background: rgba(0,0,0,0.2);
}

.columns2 {
	    column-count: 2;
	    column-gap:40px;

}
.home .internal.matrix {
	margin-bottom:5rem;
}

.internal.matrix {
	margin-bottom:5rem;
	background: #FFF;
	padding-top:5rem;
}
.matrix > section {
	padding-top:0;
	padding-bottom:2rem
}

.matrix section.slider {
	margin-bottom: 5rem;
	padding-bottom:0;
}

.matrix section:last-child {
	padding-bottom: 0;
}

.matrix .youtube {
}

.matrix .oneimagewithlink {
}

.matrix .textpanel a {
	border-bottom:2px solid #FEFFFF;
	text-decoration: none;
	color: #000;
}
.matrix .textpanel a:hover {
	background: #d3f0f2;
	text-decoration: none;
	color: #000;
}
.matrix .oneimagewithlink a {
	overflow: hidden;
	box-shadow: 0 25px 100px rgba(0,0,0,0.1);
	cursor: pointer;
	display: block;
}
.matrix .oneimagewithlink a img  {
	-webkit-transition:  0.25s all ease-in-out;
	-moz-transition:  0.25s all ease-in-out;
	-o-transition:  0.25s all ease-in-out;
	transition: 0.25s all ease-in-out;

}
.matrix .oneimagewithlink a:hover img {
	 -webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform:   scale(1.1);
	transform:  scale(1.1);
}
.quoteimage {
	position: relative;
}

.quoteimage::after {
	content:"BEFORE";
	padding: 5px 10px;
	color: #FFF;
	border: 1px solid #FFF;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: .8rem;
	position: absolute;
	bottom:15px;
	left:50%;
	 -webkit-transform:  translateX(-50%);
	-moz-transform:  translateX(-50%);
	-o-transform:  translateX(-50%);
	transform:  translateX(-50%);
}
.quoteimage img {
	box-shadow: 0 25px 100px rgba(0,0,0,0.1);
	border-radius: 999px;
}

 .lookbook {
	 padding-top:9rem;
 }
   .experienceUpdate  .intro .contact ul.sociallinks li a i {
	   font-size:1.5rem !important;
	   opacity: 1 !important;
	   color: #000 !important;
	  }


.matrix .formPanel {
	background: transparent !important;

}





				.header.event ul.categories {
		    list-style:none;
		    display:block;
		    padding:0;
}

.header ul.categories li {
		   padding:5px 15px;display:inline-block;float:left;background:#111;margin-left:-10px;margin-right:15px;color:#FFF;
}

.header ul.categories li a { color: #FFF;text-transform: uppercase;letter-spacing:0.1em;font-size:.7rem;text-decoration: none; border-bottom: none;}


					.experienceUpdate section.intro { background:#FFF;padding-top:5rem;}

					.experienceUpdate .buttonwrap {
						padding-left:0;
					}

					.experienceUpdate .contentpanels .col-12 {
					position: relative;
					}
					.experienceUpdate .buttonwrap button {
					padding: 15px 20px;
					text-align: center;
					position: relative;
					font-size:.8rem;
					background:#000000;
					color:#FFF;
					margin:0;
					-webkit-transition:  0.25s all ease-in-out;
					-moz-transition:  0.25s all ease-in-out;
					-o-transition:  0.25s all ease-in-out;
					transition: 0.25s all ease-in-out;
					border:none;
					}

					.experienceUpdate .buttonwrap button:focus {
						outline:none;
					}
					.experienceUpdate .buttonwrap button:hover {
						color:#FFF
					}
					.experienceUpdate .buttonwrap button.active:hover {
						color: inherit;
						}
					.experienceUpdate .buttonwrap button::after {
						border-right:1px solid rgba(255,255,255,0.2);
						content:"";
						position: absolute;
						right:0;
						bottom:20%;
						height: 55%;
					}

					.experienceUpdate .buttonwrap button.active::after, .experienceUpdate .buttonwrap button:last-child::after {
						border-right:none;
					}

					.experienceUpdate .buttonwrap button.active {
					color:#000;
					transform: none !important;
					background: #FFF;
					border:1px solid #EEE;
					border-bottom:0;
					}

					.contentpanels {
						border: 1px solid #EEE;
						margin-top:-2px;
					}

					.experienceUpdate .buttonwrap button i {
					margin-right:4px;
					}
					.experienceUpdate .buttonwrap button.active i {
					color:#000;
					}
					.experienceUpdate .contentpanels > .col-12 {
						padding:25px;
						background: #FFF;
					z-index:5;
					position: relative;
					}

					.experienceUpdate .intro .contact > div {
						margin-top:0;
						background:none;
						box-shadow: none;
					}

					.experienceUpdate .btn-white-black { color:#000;}


					.experienceUpdate .searching-wrapper {
					    background: rgba(255,255,255,1);
					    position: absolute;
					    z-index: 4;
					    top: 0;
					    left: 0;
					    right: 0;
					    display: none;
					    bottom: 0;
					}

					.experienceUpdate .searching-wrapper i {
					    color: #5ACCD5;
					    font-size: 4rem;
					    top: 23%;
					    position: absolute;
					    left: 50%;
					    margin-left: -2rem;
					}

					.experienceUpdate .product-actions {
						width:25%;
					}

					.experienceUpdate .product-item {
						padding: 25px 0;
					}



	       .experienceUpdate 	.largecat span {
		       padding: 3rem 5rem 3rem 6rem;
		       background: url('/_assets/img/stroke-header-2.png') center center no-repeat transparent;
		       background-size: contain;
	       }

	     	.experienceUpdate .largecat .icon-right-arrow-circular-button {
		       font-size:1.5rem;
		       padding-right:0;
		       display:block;
		       margin-top:1rem;
	       }
		       .experienceUpdate 	.largecat a span {
		       color: #FFFFFF;
		       font-family: 'Roboto Slab';
		       line-height:2rem;
		       font-size:2rem;
		       text-align: center;
		       position: absolute;
		       top:50%;
		       left:50%;
				-webkit-transform: translateX(-50%)translateY(-50%);
				-moz-transform: translateX(-50%)translateY(-50%);
				-o-transform: translateX(-50%)translateY(-50%);
				transform: translateX(-50%)translateY(-50%);

}


			    	.experienceUpdate 	section.jumbo .whitestroke a {
    padding: 9px 25px;
    font-size: .65rem;
    text-align: center;
    color: #FFF;
    display:inline-block;
    margin: 35px auto 0 auto;
    background: rgba(0,0,0,0.3);
    top:auto;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.experienceUpdate section.jumbo .whitestroke a:hover {
	background: rgba(0,0,0,0.6);
}

.experienceUpdate section.jumbo .whitestroke a::before {
	content:"BY "
}

	.experienceUpdate .largecat span img {
		filter: invert(100%);
	-webkit-filter: invert(100%);

	max-width:80px;
	margin-bottom:10px;
	}

.experienceUpdate   #morecontent::before { content: 'More from {{entry.title}}';	font-family: Roboto Slab,serif;
font-size:1.6rem;margin-top:1.3rem;font-weight:bold;margin-left:15px;display:block;width:100%;
}
 .experienceUpdate  #morecontent:empty::before { content: none;}

.experienceUpdate .intro .contact {
    padding: 0;
    z-index: 1;
}

.experienceUpdate .intro .sidepanel {
	min-height:900px;
}

.experienceUpdate   .intro .contact > div .cdsROW.border  {
	  width: 100%;
	  border:none !important;
  }
.experienceUpdate   .intro .contact > div .cdsLocName {
	  display:none;
  }
 .experienceUpdate  .cdsROW .logo img {
	  filter: grayscale(100%);
	  opacity:.5;
  }


 .experienceUpdate  .intro .contact ul.sociallinks {
	  padding:0;
	  margin:0;
	  display:inline-block;
	  margin: 0 auto;
	  list-style: none;
  }

.experienceUpdate .unslider {
	overflow: inherit;
}
.experienceUpdate div.unslider {
    padding: 0 5px 5px 5px;
    background: #FFF;
}
.experienceUpdate .event-post .caption {
	  z-index:10;
	  display:block;
	  border:5px solid #FFF;
	  margin:0 0 0 0;
	  position:relative;
	}

	.experienceUpdate .unslider-fade .unslider-wrap li {
		background:#EEE;
	}

  .experienceUpdate  .intro .contact ul.sociallinks li {
	   padding:2px 5px;
	   float:left;
	   display:inline-block;

   }


  .experienceUpdate  .intro .contact ul.sociallinks li i {
	   font-size:1rem;
		 margin: 10px;
   }
  .experienceUpdate  .intro .contact ul.sociallinks li a {
		opacity:1;

   }
   .experienceUpdate .intro .contact ul.sociallinks li a:hover {

	   opacity:.5;
   }
   .experienceUpdate .intro .contact div a {
	   color: #000000;
	   text-decoration: none;
	   font-weight:400;
   }


  .experienceUpdate   .intro .contact div a.btn {
	    color:#FFF;
    }



	         .experienceUpdate  section.slider .carousel-control-prev, .experienceUpdate section.slider .carousel-control-next {
		      font-size:35px;
		      padding:0px;
	      }


	    .experienceUpdate .intro #map { background:#FFFFFF;height:400px;margin-top:0;width:100%; position: relative;top:0;left:0;right:0;bottom:0;display:none;}
.experienceUpdate .unslider,.experienceUpdate  .unslider-fade .unslider-wrap li.unslider-active {
    position: relative;
}

.experienceUpdate .intro .sidepanel {
	min-height:900px;
}

.experienceUpdate .unslider {
	overflow: inherit;
}
  .experienceUpdate   .relatedEvents { padding-top:0;}
.experienceUpdate .catIcon {
    padding: 20px;
    height: 80px;
    top: -10px;
    position: relative;
    width: 80px;
    border-radius: 99px;
    display: block;
    margin: 0 auto;
    background: #FFF;
    -webkit-transition: 0.25s all ease-in-out;
    -moz-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
.experienceUpdate .catIcon:hover {
	 -webkit-transform:  scale(1.05);
	-moz-transform:   scale(1.05);
	-o-transform:   scale(1.05);
	transform:   scale(1.05);
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}


.experienceUpdate .catIcon:hover span {
	opacity:1;
}

.experienceUpdate .catIcon span {
	-webkit-transition:  0.25s all ease-in-out;
	-moz-transition:  0.25s all ease-in-out;
	-o-transition:  0.25s all ease-in-out;
	transition: 0.25s all ease-in-out;
	width:100%;
	height:100%;
	background-size:contain;
	display:block;
	background-position: center;
	opacity:.3;
	background-repeat: no-repeat;
}

.experienceUpdate .allocation { background: #f5f5f9;padding:30px;margin:30px 0;}

			.experienceUpdate 		#paxModal form .row {
    padding: 24px 0 0 0;
    background: #f5f5f9;
    margin: 0;
}





.experienceUpdate   #paxModal form   p#cost {
    background: #A5CA25;
    padding: 10px;
    color: #FFF;
    font-weight: 500;
    display: inline-block;
    min-width: 100px;
    font-size: .8rem;
}

.experienceUpdate #paxModal form p#cost::before {
    content: "$";
}

.experienceUpdate #paxModal form p#cost::after {
    content: "pp";
}

div#ui-datepicker-div {
    z-index: 50 !important;
}
.experienceUpdate .product-item .product-schedule .product-actions {
    width: 100%;
}
	.experience-wrapper { background: #f5f5f9;margin:10px 0;padding:15px}
.experience-header p {line-height:1.5em;}

	.experience-header .ticketbadge { background:#A5CA25;padding:14px;text-align:center;color:#FFF;display:block;}
.experience-body  {box-shadow: 0 2px 5px rgba(0,0,0,0.1);padding: 5px;background:#FFF;}


.experience-body .option { padding:25px;border-right:1px solid #EEE;background: #FFF;}
.experience-body .option p {
	font-family: 'Roboto Slab';
	text-align: center;
	font-size:18px;
	line-height:24px;
}

.experience-body .option strong {
	font-family: 'Roboto Slab';
	display: block;
	font-size:20px;
	font-weight:600;
}
.pricepanel {
    padding: 5px;
    background: #f5f5f7;
    margin-bottom:25px
}

.pricepanel .col-md-2 i {
    font-size: 35px;
   line-height: 39px;
}

.pricepanel .col-md {
    background:#FFF;
    padding:25px 15px;
}

.pricepanel p {
   margin-bottom:0;
}

.pricepanel h5 {
   margin-bottom:0;
}
span.levy {
    font-size: 12px;
    display: block;
    line-height: 15px;
    margin-top: 10px;
   }
.available0 .experience-body {
    display: none;
}

.contact * {
	max-width: 100% !important;
}

iframe {
	width: 100% !important;
	max-width:100% !important;
}

@media (max-width:980px) {

	.pricepanel .col-md-2 i { font-size: inherit;display:inline;line-height: inherit;}

	.pricepanel p { display: inline;}
	.contentpanels .col-12 { padding: 20pxpx;font-size:14px;}
	.experience-header .col-12 { text-align: center;}

	.experience-header .ticketbadge { margin-bottom:25px;}
	.experience-body { padding: 0;}

	.experience-body .option {border-bottom:1px solid #EEE;border-right:none;padding:25px;}

	.buttonwrap button:hover span {
		    opacity: 1;
		}

		.buttonwrap span {
		    display: block;
		    position: absolute;
		    background: #FFF;
		    bottom: calc(100% - 5px);
		    width: auto;
		    white-space: nowrap;
		    left: 5px;
		    padding: 5px 10px;
		    min-width: 100%;
		    border-radius: 5px;
		    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
		    z-index: 99;
		    opacity: 0;
		}

}


	.verdict {
		max-height: 340px;
		overflow: hidden;
		-webkit-transition:  0.25s all ease-in-out;
		-moz-transition:  0.25s all ease-in-out;
		-o-transition:  0.25s all ease-in-out;
		transition: 0.25s all ease-in-out;
		position: relative;
	}

	.verdict.active {
		max-height: 5000px;
	}

	.verdict.active::after {
		-webkit-transition:  0.25s all ease-in-out;
		-moz-transition:  0.25s all ease-in-out;
		-o-transition:  0.25s all ease-in-out;
		transition: 0.25s all ease-in-out;
		opacity: 0;
		pointer-events: none;
	}
.verdict::after {
    position: absolute;
    bottom: 0;
    left: 0;
    /* top: 320px; */
    /* height: 20px; */
    letter-spacing: 0.1em;
    z-index: 3;
    color: black;
    text-transform: uppercase;
    right: 0;
    content: "Continue Reading";
    background: ;
    text-align: left;
    cursor: pointer;
    background: #f5f5f5;
    display: inline-block;
    -webkit-transition:  0.25s all ease-in-out;
    -moz-transition:  0.25s all ease-in-out;
    -o-transition:  0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;

    padding: 15px;
    text-align: center;
}

.verdict:hover::after {
	background:#000;
	color:#FFF;
}

.profile .instagramimagelink {
    padding-top: 50%;
    position: relative;
    background-size: cover;
    box-shadow: inset 0 0 0px 5px white;
		
}

.profile .instagramimagelink i.fa.fa-instagram {
    color: #000;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
}






/*** 2020 Campaign Tweaks ***/




section {
	padding:3rem 0;
}

.bgc-pink {
	border:1px solid #EEE;
}


.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}




.header .row {
	min-height:70vh;
}

.imagename {
	position: absolute;
	text-decoration: none;
	padding: 6px 12px;
	font-size:.8rem;
	top:10px !important;
	right: 10px !important;
	background:#222;
	color:#FFF;
	border-radius:5px;
	z-index:2;
}

.imagename i {
	margin-left:5px;
}

.newSlider {
	padding: 15px;
	position:relative;
}

.newSlider img {
	opacity:1;
}

.header .dark-overlay {
	display: none;
}

.see-do-cat .header {
	background-size:cover;
	background-attachment:scroll;
}


.see-do-cat .header h1 {
	font-size:calc(4rem + 2vh);
}


.uk-card-default {
	box-shadow: none;
}


.newSlider::after {
	background:rgba(0,0,0,0.1);
	top:25px;
	left:25px;
	right:25px;
	bottom:25px;
	position: absolute;
	border-radius:5px;
	content:"";
	z-index:0;
}

.newSlider h4 {
	color:#FFF;
	position: relative;
	z-index:3;
	font-size:calc(1.5rem + .1vh);
	font-weight:500;
	text-shadow:  0px 0  35px #000;
	max-width:80%;
	margin: 0 auto;
	line-height:1;
}

.uk-position-center.uk-text-center {
    z-index: 2;
}


.contentGrid a {
	display:block;
	border: 10px solid #FFF !important;
	position: relative;
	overflow:hidden;
}


.bgc-pink .contentGrid a {
	border: 10px solid pink;
	
}
.contentGrid a img {
	transition: 1s all ease-in-out;
}

.contentGrid a:hover img {
	transform: scale(1.2);
}



.contentGrid a h4 {
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	color:#FFF;
	font-size:.85rem;
	margin-bottom:0;
	padding:35% 20% 15px 15px;
	border-radius: 5px;
background: rgb(1,43,50);
background: linear-gradient(0deg, rgba(40,40,40,1) 1.99%, rgba(1,43,50,0) 100%);
	line-height: 1.3;
	font-weight:500;
	
	font-family: 'Avenir Next';
	
}

.cntntWrp {
	margin-bottom:3vh;
}



.uk-label {
	padding: 5px 12px;
	top:5px;
	right:5px;
	border:none;
	border-radius:4px;
	font-size:.7rem;
	text-transform: none;
	font-weight:400;
	background:#FFF;
	color:#222;
}


.uk-slider-items li {
	padding: 10px;
}

.uk-card-title {
	font-size:1.3rem;
}

.uk-slider-items li > div {
    min-height: 100%;
    display: flex;
}

.dir--i .uk-card-default {
	background:transparent;
	display:block;
	transition: .1s all ease-in-out;
	top:0;
	position: relative;
	text-decoration: none
}

.dir--i .uk-card-default:hover {
	top:-10px;
}

.dir--i .uk-card-body {
	padding: 0;
	background:transparent;
}

.bgc-pink .uk-card-default {
	background: transparent;
}


.dir--i h6.uk-card-title {
    font-size: .9rem;
    margin-top: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
    font-weight: 400;
}


.dir--i .uk-label {
	top:8px;
	right:8px;
	font-size:.7rem;
	text-transform: none;
}

.uk-card-body {
	padding-left:0;

}

img {
	filter:saturate(95%)
}

em {
	color: inherit;
}

.uk-subnav-pill > .uk-active > a {
    background: #222;
}

.uk-subnav-pill > * > :first-child {
    text-decoration: none;
    border-radius:5px;
    text-transform: none;
}


.weath a {
	padding: .1rem .24rem;
	margin: 5px 15px 5px 0;
	border:none;
	display: inline-block;
	font-size:.8rem !important;
	color:#333;
}

.copyright-links a img {
	box-shadow: none;
	height:40px;
	margin-left:25px;
}


.instagramimagelink {
	position: relative;
	opacity:1;
	padding-left:20px;
	display: block;
	transition: .1s all ease-in-out;
	top:0;
	position: relative;
	text-decoration: none
}

.instagramimagelink:hover {
	top:-10px;
}

.instagramimagelink i {
	position: absolute;
	right: 15px;
	z-index: 2;
	top:15px;
	color:#FFF;
}

footer > .container-fluid {
	padding: 0;
}


.ig-w .col-6 {
	
	padding-left: 15px;
}

.footer a {
	border: none;
	text-decoration: none;
}

.row.no-gutters > .copyright-links p , .row.no-gutters > .weath p {
	margin-bottom:0;
}
.row.no-gutters > .copyright-links, .row.no-gutters > .weath {
	padding: 25px  0;
		font-size:.8rem !important;
}

.businessSlider .uk-slider-items:hover a.sliderCard,
.blogSlider .uk-slider-items:hover a.sliderCard  {
	transform: scale(0.95);
	
}

.businessSlider .uk-slider-items:hover a.sliderCard:hover,
.blogSlider .uk-slider-items:hover a.sliderCard:hover  {
    transform: scale(1);
}



section.intro a {
	border: none;
}


.cat-new section a {
	border:none
}


.cat-new section.subscribe {
	background:#fff8fb;
}

header.navigation-campaign {
	padding: 15px 10px;
	background:#FFF;
}

header.navigation-campaign .fal {
	font-size:1.3rem;
	color:#000;
	
}

.campaign-subnav form .fal {
	font-size:1.3rem;
	color:#000;
}

header.navigation-campaign .form-control, .campaign-subnav .form-control {
	border:none  !important;
}
header.navigation-campaign form, .campaign-subnav form {
	border-bottom: 1px solid #000 !important;
	margin-right:15px;
}


.campaign-subnav .btn, header.navigation-campaign form .btn {
	padding-right: 0;
	
}

header.navigation-campaign ul {
	list-style:none;
	padding:0;
	margin:0;
}

header.navigation-campaign ul li {
	display: inline-block;
	margin: 5px 10px;
}


header.navigation-campaign ul li a {
	font-size:.9rem;
	font-weight:500;
}

header.navigation-campaign  img {
	width:100%;
	max-width:150px;
	margin: 0 auto;
}



.new-tiles a {
	border: none;

}




#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 26px;
  top:-10px;
  height: 24px;margin-left:auto;
  position: absolute;
  left:22px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  z-index:1004;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}


.stopBubble {
	border-radius:6666px;
	background:#fde5ef;
	color:#222;
	font-size:16px;
	width:100px;
	left:8%;
	height:100px;
	position: relative;
	margin-top:-45px;
    box-shadow: 0 10px 40px rgba(3, 57, 113, 0.15);
}




.stopBubble > span {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;

    font-weight: 400;
}


.uk-card-title {
	font-size:1.1rem;

}


.uk-card-body {
	text-align:center;
}

a.sliderCard {
	display:block;
	min-height:100%;
	padding:15px;
	text-decoration: none;
	cursor: pointer !important;
	background:#FFF;
}



.uk-card-body {
	padding: 25px;
}


header.navigation-campaign {
	   border-bottom: 1px solid #EEE
	  }

section img, .instagramimagelink > div {
    box-shadow: 0 10px 24px rgba(3, 57, 113, 0.15);
    border-radius: 5px;
}


ul.categories {
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0;
}
ul.categories li {
		   padding:5px 15px;display:inline-block;background:#FFF;margin-left:-10px;margin-right:15px;color:#222;border:1px solid #222;
}

 ul.categories li a { color: #222;text-transform: uppercase;letter-spacing:0.1em;font-size:.7rem;text-decoration: none; border-bottom: none;}

.uk-dotnav>li>* {
    background: #eee;
}

.campaign-header .overlay {
	height:100%;
	width:100%;
	position: absolute;
	left:0;
	top:0;
	background:rgba(10,10,10,0.2);
	z-index: 2;
}
			.campaign-header .container {
				z-index: 4;
				position: relative
			}
		.campaign-header {
			overflow:hidden;
			margin-top:0;
			padding: 0;
			position: relative;
		}
		.campaign-header video {
   position: absolute;
    z-index: 0;
    background-size: 100% 100%;
    top: 50%;
    left:50%; /* fixed to left. Replace it by right if you want.*/
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;

    transform: translate(-50%,-50%);
		}
		
		.campaign-header .row {
			min-height:60vh;
		}
	
	
		.campaign-header img {
			box-shadow: none;	
		}
	

header.navigation-campaign ul {
	display: inline-block;
	max-width:400px;
	z-index:123423481234234;
	position: relative;
}



.campaign-subnav {
	position: fixed;
	top:0;
	left:0;
	transform:translateX(-150%);
	padding: 40px calc(20px + 12vw)  40px    40px ;
	background:#FFF;
	color:#222;
	z-index:25555;
	min-width:30vw;
	-webkit-transition:  0.2s all ease-in-out;
	-moz-transition:  0.2s all ease-in-out;
	-o-transition:  0.2s all ease-in-out;
	transition: 0.2s all ease-in-out;
	bottom: 0;
		min-height:100vh;

}


.campaign-subnav.open {
		box-shadow: 0 25px 950px 3400px rgba(0,0,0,0.1);

		transform:none;
}

.campaign-subnav a {
	color:#888;
	display:block;
	margin-bottom:10px;
}
.campaign-subnav a:hover {
	color:#000;
}

.campaign-subnav .row {

}


.campaign-subnav h2 {
	color:#222;
	margin-bottom:2vh
}

.campaign-subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.campaign-subnav ul ul {
	border-left:2px solid #EEE;
	padding-left:30px;
}

.campaign-subnav .uk-text-large {
    margin-bottom: 5px;
    margin-top: 2.5vh;
    display: block;
    color: #111;
    font-size: 1.05rem;
}


.campaign-subnav  .uk-text-large .fal {
	font-size:1rem;
	margin-left:25px;
	float:right
}

.campaign-subnav #nav-icon3, .mNav {
	display:flex;
}
.campaign-subnav .h3 {
	font-size: 2.5rem;
	position: absolute;
	left:10px;
	bottom:10px;
	right:5vw;
	font-family: 'Artifex CF';
	line-height:1;
	pointer-events:none;
	opacity:.1;

}

.campaign-subnav .fa-times {
	position: absolute;
	top:2vw;
	font-weight:100;
	right:2vw;
	font-size:2rem;
	
}


.nextPageBtn {
	margin: 20px auto;
	padding: 20px 30px;
	background: #111;
	color:#FFF;
	border-radius:5px;
	text-decoration: none;
}

.nextPageBtn:hover {
	background: #f5f5f5;
	color:#222;
}

.page-load-status {
	font-size:1.5rem;
	display:none;
	width: 1.5rem;
	text-align: center;
	height:1.5rem;
	margin: 25px auto;
}

.logoWrap {
	margin-top:2rem;
}

	.fb_iframe_widget_fluid span {
width: 100% !important;
text-align: left !important;
left: 0 !important;
display: block !important;
}


.btn.btn-black



@media(max-width:991px) {
	
	
	
	.campaign-header {
    overflow: hidden;
}
.campaign-header video {
width: 100%;
height: 100%;
object-fit: cover;
}
	
	
	
	
	header.navigation-campaign img {
		max-width: 120px;
	}
	
	
	section.quiz {
		padding: 5rem 2rem;
		margin: 1rem 0;
		width:100%;
		max-width:100%;
	}
	
	
	
	.campaign-subnav {
		min-width:100%;
		right:0;
		height: 100%;
		left:0;
		bottom:0;
	}
	
	.campaign-subnav {
	padding:0;
		}
	
	.campaign-subnav > .row {
		
		min-height:80vh;
		padding: 50px 25px 0 25px;
		 padding-bottom: env(safe-area-inset-bottom);
	}	
	
	.campaign-subnav  .h3 {
		display:none;
	}
	
	.campaign-subnav .uk-text-large {
		margin-top:2rem;
	}
	
	
	.campaign-subnav .back {
		padding: 5px 12px;
		background:#f5f5f5;
		border-radius:5px;
		margin-top:1rem;
		display: inline-block;
	}
	.campaign-subnav .fa-times {
		position: fixed;
		top:25px;
		right:25px;
}

 .campaign-subnav form {
	border: 1px solid #000 !important;
	margin-right:0;
	margin-top:3vh;
	margin-left:0;
}

section img, .instagramimagelink > div {
    box-shadow: 0 4px 10px rgba(3, 57, 113, 0.15);
    border-radius: 5px;
}

 .instagramimagelink i {
	 right:33px;
}
section {
	max-width: calc(100% - 25px);
	padding: 1rem 0;
	}
	
	
	header.navigation-campaign {
		padding: 10px;

}

.contentGrid a h4 {
	padding: 10px;	
}



.contentGrid a h4 {
    padding: 10px;
    line-height: 1.1;
    font-size: .8rem;
    padding-top: 31%;
}

.contentGrid a {
    border: 5px solid #FFF !important;
}

.uk-label {font-size: .6rem;padding: 4px 9px;display: none;}


.header .row {
	min-height:50vh;

}

.bgc-pink {
	border-left:0;
	border-right:0;
}

*+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin {
	margin-top:0;	
}
.uk-grid>* {
    padding-right: 0;
}

.campaign-subnav ul ul {
	display: none	
}

.instagramimagelink {
	position: relative;
	opacity:1;
	padding-left:0;
	padding-right:20px;
	display: block;
}

a.uk-position-center-left-out.uk-position-small.uk-icon.uk-slidenav-previous.uk-slidenav {
    transform: none;
    left: -35px;
    top: 26%;
}


a.uk-position-center-right-out.uk-position-small.uk-icon.uk-slidenav-next.uk-slidenav {
    transform: none;
    left: auto;
    right:-25px;
    top: 26%;
}

svg {
	max-width:none;
}

.uk-card-body {
	padding: 25px 0 0 0;
}

.blog-header-campaign h1 {
	font-size:2rem;


}

ul.categories li {
	margin: 3px;
	

}