@import url("../fonts/fonts.css");

::selection {
  background: #01BFCB;
  color: #FFFFFF;
}
::-moz-selection {
  background: #01BFCB;
  color: #FFFFFF;
}

.btn, p a, header a.nav-logo-sm,.slick-slider > .fa, section, 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;
	
}

html { background-color: #EEE;}

body { font-family: 'PNS';font-weight:300;color: #3d494e;font-size:.9rem; max-width:2200px;margin: 0 auto;box-shadow: 0 0 15px rgba(112, 121, 127, 0.2);padding-top:80px;}

.script { font-family: 'scriptt';}

.form-control,.btn { font-family: 'PNS';}

p { line-height:1.45rem;margin-bottom:1.3rem;}

p.large { font-size:1.3rem;margin-top:.5rem;}

strong, .strong { font-weight: 500;}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { 
	font-family: 'PNS';
	font-weight:300;
}

	.parallax-mirror {
		z-index:0 !important;
	}

h1 { font-size:3.5rem}

h2 { font-size:3.5rem;}

a {
	color: #205365;
	cursor: pointer;
}

a:focus, a:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

section.blur { filter:blur(5px);}

section { 
	padding:6rem 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	position: relative;
}

section.jumbo {
	min-height: 80vh;
	padding:0;
}
section.jumbo .row {
	min-height: 80vh;
}

.fixed-section {
	position: fixed;
	width:100%;
	top:0;
	left:0;
	z-index:20;
}

.fixed-section > div {
	max-width:2200px;margin: 0 auto;
}



/** COLOURS ***/

.tc-blue {
	color:#00BDD0;
}

.tc-dark-blue {
	color:#205365;
}

.tc-pink {
	color:#F05B79;
}

.tc-white {
	color:#FFF;
}

.tc-grey {
	color:#666;
}

.tc-black {
	color:#000;
}

.btn { 
	font-weight:normal;
	font-size:.85rem;
	padding:13px 28px;
	font-weight:300;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	background-color: #EEE;
	border:none;
	border-radius: 0;
}

.btn-large { 
	padding:28px 62px;
	min-width:200px;
}

.btn:hover, .btn:focus {
	text-decoration: none;
	border:none;
}

.btn-black {
	background-color: #000;
	color: #FFF;
}

.btn-black:hover {
	background-color: #FFF;
	color: #000;
}
.btn-black i {
	color:#FB9911;
	margin:0 5px;
}

.btn-transdark {
	background-color: rgba(0,0,0,0.1);
	color: #FFF;
}

.btn-transdark:hover {
	background-color: rgba(0,0,0,0.2);
	color: #FFF;
}


.btn-white {
				border-radius:3px;
				letter-spacing: normal;
				text-transform: none;
				background: #FFF;
				color: #01BFCB;
				margin:2px;
				background: #FFF;
				box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.btn.btn-white i {
	margin-left:10px;border-left:1px solid rgba(0,0,0,0.05);
	padding-left:20px;
	padding-top:5px;padding-bottom:5px;
	color: #E65E82;}

.btn-white:hover,a.btn-white:hover:not([href]):not([tabindex]) {
				border-radius:3px;
				letter-spacing: normal;
				text-transform: none;
				background: #FFF;
				color: #FFF;
				margin:2px;
				background: #01BFCB;
				box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.btn-white:hover i {
	color: inherit;
}

.btn-blue {
	background-color: #00BDD0;
	color: #FFF;
}

.btn-blue i {
	margin-left:10px;border-left:1px solid red;
}

.btn-blue:hover {
	background-color: #027fa7;
	color: #FFF;
}
.btn-pink {
	background-color: #F05B79;
	color: #FFF;
}

.btn i {
	margin-left:10px;border-left:1px solid rgba(255,255,255,0.2);
	padding-left:20px;
	padding-top:5px;padding-bottom:5px;}

.btn-pink:hover {
	background-color: #d04e68;
	color: #FFF;
}

/*** CAROUSEL ***/
.center-slider .slide-panel  { padding:15px;width:380px;}

.center-slider .slide-panel a {
	
	display: block;
	background:#FFF;
}

.fade-slider,.fade-section-slider { background:#333;}

.fade-section-slider::after {
	display: none;
}
.slick-dots li {
    list-style: none;
    float: left;
}

.fade-section-slider a:hover {
	color: #FFF;
}
.slick-dots li.slick-active button { 
	background:#FFF;
}

.slick-dots li button {
    background: transparent;
    border: 1px solid #FFF;
    border-radius: 99px;
    font-size: 0;
    height: 10px;
    width: 10px;
    margin: 0 2px;
    padding: 0;
}

ul.slick-dots {
    position: absolute;
    left: 50%;
     -webkit-transform:  translateX(-50%);
    -moz-transform:  translateX(-50%);
    -o-transform:  translateX(-50%);
    transform:  translateX(-50%);
    bottom: 10px;
    padding-left:0;
    height: auto;
}

.fade-slider a, .fade-section-slider a {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
}

.fade-slider .slick-arrow {
	font-size:90px;
	display: none !important;
	color:#FFF;
	position: absolute;
	top:50%;
	margin-top: -45px;
	z-index:5;
	padding:0 30px;
	left:0;
	opacity:.4;
	-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;
	
}

.fade-slider .slick-arrow:hover {
	opacity: 1;
}

.fade-slider .slick-arrow.fa-angle-double-right, .fade-section-slider .slick-arrow.fa-angle-double-right {
	right:0;
	left:auto;
}

.overlay {
	background:rgba(0,0,0,0.2);
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	z-index:0;
}

.background-parallax {
	height:43%;
	position: absolute;
	width: 100%;
	top:0;
	left:0;
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
}

.bgc-white {
	background: #FFFFFF;
}

.bgc-darkblue {
	background: #205365;
}

.bgc-blue {
	background: #00BDD0;
}

.bgc-pink {
	background: #F05B79;
}

.bgc-black {
	background: #FFFFFF;
}

.bg-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
	position: absolute;
	left:0;
	top:0;
	width:120%;
	height:120%;
-webkit-animation-duration: 45s;
		z-index:-1;
			animation-duration: 45s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-name: imagefade;
		animation-name: imagefade;
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		}
		
		.matrix h2 {
    color: #00BDD0;
    font-family: 'scriptt';
    font-size: 3.5rem;
}
		
@-webkit-keyframes imagefade {
	  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 imagefade {
	  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);
	  }
	}
	




/*** HEADER ***/
			header { }
			header > div {
				padding:0 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-top: 3px solid #01BFCB;
				background: rgba(255,255,255,1);
				box-shadow: 0 2px 3px rgba(0,0,0,0.1);
			}
			
			header li a { 
				border: none;
				color: #205365;
				font-size:.9rem;
				padding:12px 15px;
				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;
				
			}
			header li a.active { 
				color: #01BFCB;	
				position: relative;
			}
			
			header li a.active::after{
				position: absolute;
				width:22px;
				left:50%;
				margin-left: -12px;
				content:" ";
				bottom:5px;
				border-bottom:2px dotted #F15B78;
			}
			
			header li a:not([href]):not([tabindex]) {
				color: #8E8C8D;
			}
			header li a:hover { 
				color: #01BFCB !important;}
		
			header li a.fa {
				color: #01BFCB;
			}
			
			header .navigation {
				list-style: none;
				padding:0;
				margin:1rem 0;
			}
			
			header .navigation li {
				float:left;
			}
			header li.social {
				margin-left:20px;
			}
			header li.social a {
				padding:12px 5px 12px 5px;
				font-size:1.3rem
			}
			
			header a.nav-logo-sm {
			    background: url(../img/logo-blue.png) left center no-repeat;
			    height: 80%;
			    top:10%;
			    display: inline-block;
			    position: relative;
			    padding-left: 100%;
			    border: none;
			    background-size: contain;
			    
			}
			header.scrolled a.nav-logo-sm {
				opacity:1;
			}

				.atdwEvent .ATDWImg {padding-top:100%;background-size: cover;background-position: center;}
				


			#SearchWrap {
				position: absolute;
				right:0;
				opacity:0;
				z-index:3;
				-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;
				pointer-events: none;
				top:15px;
				padding:5px 25px 5px 5px;
				max-width: 250px;
				width: 100%;
			}
			
			#SearchWrap .go {
				background:#FFF;
			    border: none;
			    font-family: FontAwesome;
			    font-style: normal;
			    position: absolute;
			    right: 30px;
			    top: 6px;
			    width: 34px;
			    height: 34px;
			    border-radius: 4px;
			    font-weight: normal;
			    text-decoration: inherit;
			}
		
			#SearchWrap i {
				position: absolute;
				top:14px;
				font-size:1.1rem;
				right:35px;
				pointer-events: none;
				color:#00BCD0;
			}
			
			.search-results .res-img {
			    display: block;
			    padding-top: 100%;
			    background-position: center;
			    background-size: cover;
			}
			header.search ul.navigation {
			    filter: blur(3px);
			    pointer-events: none;
			}
			
			header.search div#SearchWrap {
			    opacity: 1;
			    pointer-events: auto;
			}
			.searchreswrap {
				padding:15px;
			}
			
			#SearchWrap em.fa.fa-times {
				position: absolute;
				right:0;
			}
			/** Deals **/
			
			.deal-tile {
				padding:10px;
			}
			
				.deal-tile .name {
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.4+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
position: absolute;
left:0;
bottom:0;
width:100%;
color: #FFF;
padding:20px 15px;
margin:0;
font-size:1.1rem;

}
			/*** HOME ***/
			
			/* montage */
			
			.header-intro { 
				padding-left:16px;
				padding-right:15px;
				overflow: hidden;
				padding-top: 0;
				padding-bottom:0;
			}
			
			.header-intro * {
				background-size: cover;
				background-position: center;
			}
			
			.header-intro a {
				padding:0;
			}
			
			.header-intro .col-md-12.square {
			    background-color: #f5f5f5;
			}
			
			.header-intro .col-md-4.square {
			    background-color: #fff;
			    position: relative;
			}
			
			
			
				
			 .header-intro .col-md-8.square::after, .header-intro .col-md-12.square::after, .header-intro .col-md-4.square::after {
				padding-top:100%;
				content: " ";
				display: block;
			}
			.header-intro .col-md-8.landscape::after{
				padding-top:50%;
				content: " ";
				display: block;
			}
			
			.header-intro .col-md-8.square {
			    background-color: #f1f1f1;
			}
			
			.header-intro .col-md-8.landscape {
			    background-color: #d5d5d5;
			}
			
			.header-intro .header-overlay {
				position: absolute;
				top:0;
				left:0;
				right:0;
				bottom:0;
			}
			.header-intro .header-overlay h1 {
				font-size:2rem;
				margin-top:1.5rem;
			}
			.header-intro .header-overlay .height-large {
				height:100%;
				background: rgba(6, 32, 41, 0.6);
			}
			.header-intro .header-overlay .height-small {
				height:20%;
				background:rgba(31, 92, 108, 0.62);
			}
			.header-intro .header-overlay .height-small p {
				margin-bottom:0;
			}
			.header-intro .header-overlay .height-small a {
				font-size:1.5rem;
				margin: 0 15px;
			}
			.header-intro a {
				position: relative;
				cursor: pointer;
				
			}
			.header-intro a span {
				position: absolute;
				left:0;
				padding: 15px 45px 15px 25px;
				bottom:10px;
				background: #0B3E51;
				color: #FFF;
				border-radius: 5px;
				opacity:1;
				-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;
		
				margin-left:10px;
				opacity:1;
			}
			
			.header-intro a span i {
				background:#FFFCFF;
				height:40px;
				width:40px;
				text-align: center;
				position: absolute;
				right:-20px;
				color: #E44570;
				font-size:1.7rem;
				padding-top:5px;
				top:50%;
				 -webkit-transform:  translateY(-50%);
				-moz-transform:  translateY(-50%);
				-o-transform:  translateY(-50%);
				transform:  translateY(-50%);
				border-radius:99px;
				box-shadow: 0 3px 4px rgba(0,0,0,0.1);
			}
			
			#homemap {
				position: absolute;
				top:0;
				left:0;
				right:0;
				bottom:0;
			}
			.home-map { padding:0;}
			.home-map .row { height:60vh}
			
			.home-map .col-md-4 {
				padding:15px;
			}
			
			.home-map a {
				padding-top:100%;
				border-radius: 399px;
				box-shadow: 0 6px 14px rgba(0,0,0,0.1);
				background:#FFF;
				position: relative;
				display:block
			}
			.home-map a span {
				position: absolute;
				top:30%;
				left:0%;
				width:100%;
				text-align: center;
				
			}
			
			#markerLayer > div {
				overflow: auto !important;
			    transform: scale(.8);
			    border-radius: 99px;
			    -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;
			    
			}
#markerLayer > div:nth-child(2n+2) {
				overflow: auto !important;
			    transform: scale(.5);
			    border-radius: 99px;
			    -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;
			    
			}
			
#markerLayer > div::before {
	font-family: 'FontAwesome' !important;
    content: "\f105";
    width: 50px;
				box-shadow: 0 3px 4px rgba(0,0,0,0.1);
    height: 50px;
    position: absolute;
    right: 6px;
    z-index: 11;
    top: 50%;
    margin-top: -25px;
    border-radius: 99px;
    text-align: center;
    font-size: 24px;
    background: #FFF;
    color: #F05B79;
    padding-top: 11px;
}		

			
			.home-map a span i.script {
				display: block;
				font-size:2.4rem;
			}
			.home-map a span i.fa {
				display: inline-block;
				clear:both;
				background:#FFF;
				box-shadow: 0 2px 4px rgba(0,0,0,0.1);
				font-size:20px;
				text-align: center;
				border-radius:99px;
				width:60px;
				height:60px;
				padding-top:19px;
				color: #F05B79;
			}
			/* Whats on search */
			
			
			.whats-on .pagination { display: none;}
			.searchwrapper {
				padding:0;
				margin-top:25px;
				margin-bottom:45px;
			}
			
			.searchwrapper .col-md {
			    background: rgba(255,255,255,0.8);
			    padding: 30px 15px 30px 30px;
			}
			
			.searchwrapper .col-md:nth-child(2n) {
			    padding: 30px 30px 30px 15px;
			}

			.searchwrapper span { 
				top:50%;
				 -webkit-transform:  translateY(-50%);
				-moz-transform:  translateY(-50%);
				-o-transform:  translateY(-50%);
				transform:  translateY(-50%);
				color: #FFF;
				position: relative;
				display: block;
			}
			.searchwrapper a:hover {
				background: #05b3c7;
			}
			.searchwrapper span 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;
				margin-left:2px;
			}
			.searchwrapper a:hover span i {
				margin-left:5px;
			}

			/* tiles */
			.listing-type::before { border-top:1px solid #DDD;content:"";width:30px;top:0;position: absolute;left:0;}
			.listing-type { font-size:.8rem;opacity:.5;margin-bottom:0;position: relative;padding-top:10px;margin-top:10px;display: block;}

			.directory-tile {
				padding:15px;
				-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;
				
			}
			
			.directory-tile.hidden {
				 -webkit-transform: scale(0);
				-moz-transform:  scale(0);
				-o-transform: scale(0);
				transform: scale(0);
				display: none;
			}
				
			.event-tile.hidden {
				 -webkit-transform: scale(0);
				-moz-transform:  scale(0);
				-o-transform: scale(0);
				transform: scale(0);
				display: none;
			}
			
			.directory-tile .col-4 {
				padding:0 15px 0 15px;
				position: relative;
				overflow: hidden;
			}
			
			.directory-tile .col-4::after {
				display: block;
				content: "";
				padding-top: 75%;
			}
			
			
			.directory-tile .img {
  object-fit: cover;				box-shadow: 0 2px 9px rgba(108, 217, 227, 0.3);
				position: absolute;
				top:0%;
				left:15px;
				right:15px;
				height:100%;
				-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;
				display: block;
				background-size:cover;
				background-position: center;
	
			}
			.directory-tile *:hover > .img {
				 -webkit-transform: scale(1.05);
				-moz-transform:scale(1.05);
				-o-transform: scale(1.05);
				transform: scale(1.05);
			}
			
			.directory-tile .tc-darkblue {
				margin-top:15px;
				display: 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;
				
			}
			.directory-tile a:hover .tc-darkblue {
				color: #00BDD0;
			}
			.directory-tile .tc-darkblue i {
				margin-left:10px;
			}
			
			.tile > * {
				position: relative;
				display:block;
				box-shadow: 0 2px 9px rgba(108, 217, 227, 0.3);
				overflow: hidden;
			}
			
			.tile[class*='col-md-'] > * {
				padding-top: 61%;
			}
			
			.tile.square > * {
				padding-top: 100%;
			}
			.tile.slide-panel > * {
				padding-top: 61%;
			}


			.directory-tile span {
				position: absolute;
				left:15px;
				right:15px;
				bottom:0;
				background:rgba(255,255,255,0.9);
				box-shadow: 0 2px 4px rgba(0,0,0,0.1);
				padding:10px;
			}





			.tile {
				padding:15px;
			}
			
			.tile > * {
				position: relative;
				display:block;
				box-shadow: 0 2px 9px rgba(108, 217, 227, 0.3);
				overflow: hidden;
			}
			
			.tile.col-md-4 > * {
				padding-top: 61%;
			}
			
			.tile > * > img {
				width:100%;position: absolute;
				top:0;
				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;
				display: block;
			}
			
			.tile > *:hover > img {
				 -webkit-transform: scale(1.05);
				-moz-transform: scale(1.05);
				-o-transform: scale(1.05);
				transform: scale(1.05);
			}
			.tile.col-md > * {
				padding-top: 100%;
			}
			.tile > * > span {
				position: absolute;
				top:0;
				left:0;
				background:#FFF;
				padding:15px 25px;
				z-index:1;
				box-shadow: 0 2px 9px rgba(108, 217, 227, 0.3);
			}
			
			.tile > * > span i {
				color: #01BFCB;
				-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;
				margin-left:8px;
			}

			.tile > *:hover > span i {
				margin-left:15px;
			}

			.event-tile {
				padding:15px;
			}
			.event-tile > .row {
				position: relative;
				box-shadow:	0 2px 9px rgba(108, 217, 227, 0.3);
				overflow: hidden;
				background: #FFF;
			}
			.event-tile .col-md-6.content {
				padding:25px;
			}
			
			.blogcontent .col-12 {
				margin-top:-150px;
				padding:30px 50px 50px 50px;
				border-radius: 4px;
				box-shadow: 0 4px 5px rgba(0,0,0,0.1);
				background: #FFF;
			   padding: 15px;
			 			}
			.blogcontent .col-12 img { 
				max-width: 80%;
				margin: 20px auto;
				display: block;
				border:5px solid #FFF;
				box-shadow: 0 3px 4px rgba(0,0,0,0.1);
			}
			
			.blogcontent h2, .blogcontent h3, .blogcontent h1 {
				color:#01BFCB;
				font-size:150%;
			}
			
			.event-tile .name {
				margin-bottom:0;
			}
			
			.event-tile .name i {
			    font-size: 20px;
			    margin-left: 5px;
			    position: relative;
			    top: 2px;
			}			
				
			.event-tile .description {
				max-height: 0;
				overflow: hidden;
				margin-bottom:0;
				-webkit-transition:  .25s all ease-in-out;
				-moz-transition: .25s all ease-in-out;
				-o-transition: .25s all ease-in-out;
				transition: .25s all ease-in-out;
				color:#8E8C8D;
				
			}
			.event-tile a:hover .description {
				max-height:999px;
				opacity:1;
			}
			.event-tile .col-md-6.image {
				padding:0;
				overflow: hidden;
			}
			.event-tile img {
				width:100%;position: relative;
				top:0;
				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;
				display: block;
			}
			
			.event-tile a:hover img {
				 -webkit-transform: scale(1.05);
				-moz-transform: scale(1.05);
				-o-transform: scale(1.05);
				transform: scale(1.05);
			}
			
			.datewrap {
				position: absolute;
				top:5px;
				right:5px;
				padding:12px 20px 10px 20px;
				background:rgba(4, 43, 63, 0.9);
				color:#FFF;
				border-radius: 5px;
				font-weight:300;
				text-align: center;
				font-size:1.7rem;
				line-height: 2rem;
				
			}
			
			.datewrap i {
			    font-style: normal;
			    display: block;
			    margin: 0;
			    font-size: .9rem;
			    margin-top: -.6rem;
			    letter-spacing: 0.27em;
			}

			/*** INTERNAL TEMPLATE ***/
			
				.nolistingsfound {
					-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;
					 -webkit-transform:  scale(0);
					-moz-transform:  scale(0);
					-o-transform:  scale(0);
					height:0;
					transform:  scale(0);
				}
				
				
				.nolistings .nolistingsfound {
					-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;
					 -webkit-transform:  scale(1);
					-moz-transform:  scale(1);
					-o-transform:  scale(1);
					height:auto;
					transform:  scale(1);
				}

				
					.nolistingsfound i.fa-frown-o {
					font-size:6rem;
			}
			
			/*** WEBAPPS ***/
			.internalheader {
    position: relative;
    color: #FFF;
    padding: 0;
    box-shadow: inset 0 -4px 7px rgba(0,0,0,.2);
    background-size: cover;
    background-color: #1c2025;
}



				.internalheader::after {
				background: rgba(0,0,0,0.2);
content:"";
top:0;
left:0;
right:0;
bottom:0;
position: absolute;
z-index:1;
						
			}
				.internalheader .row {
								min-height:80vh;
								z-index:2;
								position: relative;
	
	
				}
			/* directory */

			.background-parallax.Coastline, .background-parallax.Hinterland, .background-parallax.Island, .background-parallax.Islands {
				height:408px;
			}

			.background-parallax.Coastline, section.Coastline {
				background: url('/_assets/img/Coastline-blur.jpg') center no-repeat scroll;
				background-size: cover;
			}

			.background-parallax.Hinterland, section.Hinterland {
				background: url('/_assets/img/hinterland-blur.jpg') center no-repeat scroll;
				background-size: cover;
			}

			.background-parallax.Island, section.Island, .background-parallax.Islands, section.Islands {
				background: url('/_assets/img/Island-blur.jpg') center no-repeat scroll;
				background-size: cover;
			}

			.internal-header { 
				position: relative;
				background: #14182e;
				overflow: hidden;
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
			}
			
			
			.explorewrap {
				
				padding: 100px 0;
				
				
				
			}
				.explorewrap .container {
				z-index: 3;
}	
			.explorewrap  .gradientoverlay {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
				position: absolute;
				top:0%;
				z-index:1;
				left:0%;
				width: 100%;
				background-position: center;
				background-size:cover;
				height: 100%;
				opacity:1;
			}
			
			.internal-header .blurbg, .blurbg {
				position: absolute;
				top:-20%;
				left:-20%;
				width: 140%;
				background-position: center;
				background-size:cover;
				height: 140%;
				background-attachment: scroll;
				filter:blur(5px);
				opacity:.8
			}
.expblurbg {
				position: absolute;
				top:-20%;
				left:-20%;
				width: 140%;
				background-position: center;
				background-size:cover;
				height: 140%;
				background-attachment: scroll;
				filter:blur(15px);
				opacity:.8
			}
			
			section.content {
				padding: 0;
			}
			
			section.content .col-md-6.description {
				padding:6rem 15px;
			}
			
			.stroke {
				position: relative;
				margin-bottom:30px;
				padding-bottom: 10px;
			}
			
			.stroke::after {
				position: absolute;
				bottom:0;
				left:0%;
				width:150px;
				height: 20px;
				background:url('/_assets/img/stroke.png') center center no-repeat scroll;
				background-size: contain;
				content: " "	
			}
			.stroke.text-center::after {
				position: absolute;
				bottom:0;
				left:50%;
				width:150px;
				margin-left:-75px;
				height: 20px;
				background:url('/_assets/img/stroke.png') center center no-repeat scroll;
				background-size: contain;
				content: " "	
			}
			
			.listing-icons a, .subtext span {
				padding:12px 20px;
				border-radius:3px;
				background: rgba(0,0,0,0.3);
				color: #FFF;
				margin:2px;
				display: inline-block;
			}


			.listing-icons a:hover{
				background: #FFF;
				color: #E65E82;
				box-shadow: 0 2px 9px rgba(108, 217, 227, 0.3);
			}
			span.blogtext {
			    position: absolute;
			    left: 15px;
			    bottom: -15px;
			    width: 60%;
			    height: auto;
			    background: #FFF;
			    padding: 25px 30px;
			    box-shadow: 0 2px 9px rgba(108, 217, 227, 0.3);
			    border-radius: 4px;
			    z-index: 99;
			    text-align:left;
			}
			
			span.blogtext b {
			    display:block;
			    font-weight:500;
			    font-size:1.05rem;
			}
			span.blogtext em {
			    color: #8E8C8D;
			    font-style:normal;
			}
			span.blogtext u {
			    display:inline;
			    text-decoration: none;
			}
			
			.blogwrap {
				padding:15px;
			}
			
			.blogwrap a {
				position: relative;
				display: block;
			}
			.blogwrap a > em {
				background:rgba(39, 65, 95,1);
				padding:12px 20px;
				top:0;
				right:0;
				text-align: center;
				display: inline-block;
				font-size:160%;
				color: #FFF;
				position: absolute;
				font-style: normal;
				line-height: 1em;
				text-transform: uppercase;
			}
			.blogwrap a > em span {
				display: block;
				font-size:60%;
				color: #00BDD0;
				}
			
			.blogwrap a p { padding:20px 20px 20px 0;}
				.blogwrap a p span {
					font-size: 1.2rem;
				}
			
			.fade-slider-large .slick-list {
			    overflow: visible;
			}
				
			.fade-slider {
				top:-25px;
				box-shadow: 0 3px 7px rgba(228, 240, 243, 0.43);
				width:100%;
				height: 370px;
			}
			
			.fade-slider-large {
				box-shadow: 0 3px 7px rgba(228, 240, 243, 0.43);
				width:100%;
				height: 370px;
				padding:0;
				background-color: #f5f5f5;
			}
			.fade-slider *, .fade-slider-large * {
				height: 100%;
				
			}
			.fade-slider .slide{
				box-shadow: inset 0 0 0 5px #FFF;
				height: 100%;
				background-size: cover;
				background-position: center;
			}
			.fade-slider-large .slide {
				height: 100%;
				background-size: cover;
				background-position: center;
			}
			
			.fade-slider-large .slick-arrow.fa-angle-left {
			    background: #FFF;
			    display: block;
			    position: absolute;
			    width: 70px;
			    height: 70px;
			    padding-top: 20px;
			    font-size: 29px;
			    color: #F15B78;
			    border-radius: 99px;
			    box-shadow: 0 2px 9px rgba(108, 217, 227, 0.3);
			    z-index: 99;
			    top: 50%;
			    margin-top: -35px;
			    left: -80px;
			}
			.fade-slider-large .slick-arrow.fa-angle-right {
			    background: #FFF;
			    display: block;
			    position: absolute;
			    width: 70px;
			    height: 70px;
			    padding-top: 20px;
			    font-size: 29px;
			    color: #F15B78;
			    border-radius: 99px;
			    box-shadow: 0 2px 9px rgba(108, 217, 227, 0.3);
			    z-index: 99;
			    top: 50%;
			    margin-top: -35px;
			    right: -80px;
			    
			}
			
			#map {
				height: 40vh;
				background-color: #EEE;
			}	
			
			
			.related-businesses { 
				padding-top:0;
			}
			.related-businesses .contact-panel > .row {
				 -webkit-transform:  translateY(-50%);
				-moz-transform:  translateY(-50%);
				-o-transform:  translateY(-50%);
				transform:  translateY(-50%);
			}
			.related-businesses .contact-panel .row .row {	
				background: #FFF;
			    box-shadow: 0 2px 9px rgba(108, 217, 227, 0.3);
				padding:20px;
				}		/* category */
			.related-businesses .contact-panel .row .row p {
				margin: 0;
			}
			.related-businesses .contact-panel .row .row p i {
				color: #01BDD0;
				margin-right: 5px;
				width:10px;
			}
			
			.category-header {
				overflow: hidden;
			}
			
			.category-header .gkibadge {
				max-width: 80%;
				width: 150px;
			}
			
			.category-header .align-self-center {
				padding-right:50px;
			}
			
			.category-header .row {
				min-height:65vh;
			}
			
			.category-header.rearrange .img-wrap {
				position: relative;
				width:100%;
				border-bottom:1px solid #FFF;
				height:50vh;
			}
			
.category-header.rearrange .img-wrap * {
				width:50%;
				float:left;
				height:100%;
			}
			
			.category-header.rearrange {
				padding:0;
			}
			
			
			.category-header .img-wrap {
				position: absolute;
				right:0;
				top:0;
				height: 100%;
				width:50%;
				background: #FFF;
				box-shadow: 0 0px 13px rgba(0,0,0,0.3);
			}
			.category-header .img1 {
				height:50%;
				width:100%;
				background-size: cover;
				background-position: center;
			}		
			.category-header .img2 {
				height:50%;
				width:100%;
				background-size: cover;
				background-position: center;
			}	
			
			.moreinfo { max-height: 0;padding:0;overflow: hidden;
				-webkit-transition:  15s all ease-in-out;
				-moz-transition:  15s all ease-in-out;
				-o-transition:  15s all ease-in-out;
				transition: 15s all ease-in-out;
				
			}	
			
			.related-areas {
				display: none;
			}
			
			.related-areas.show {
				display: block;
			}
			
			.slidewrap { display: none;}
			.slidewrap.show { display: block;}
			
			.moreinfo .description-panel { padding:6rem 0; opacity:0;}	
			.moreinfo.active  { max-height: 99999px;height:auto;}	
			.moreinfo.active  .description-panel { opacity:1;}	
			
			.description-panel h2 {
				color: #01BFCB;
				font-size:2rem;
			}
			.description-panel h3 {
				color: #01BFCB;
			}
			.description-panel h4 {
				color: #01BFCB;
			}
			.description-panel h5 {
				color: #01BFCB;
			}
			
			.description-panel a {
				color: #215466;
				border-bottom:1px dotted #F15B78;
				font-weight:500;
			}
			.description-panel a:hover {
				color: #F15B78;
				border-bottom:1px dotted #F15B78;
			}
			.category-header a#gettingHere {
				color: #00BDD0;
			}
			
			.video-embed {
				background:#F6F7FB;
				padding:4rem 0;
			}
			
			section.explore {
				padding: 4rem 0;
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f7fb+0,ffffff+51 */
				background: rgb(246,247,251); /* Old browsers */
				background: -moz-linear-gradient(top, rgba(246,247,251,1) 0%, rgba(255,255,255,1) 21%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top, rgba(246,247,251,1) 0%,rgba(255,255,255,1) 21%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom, rgba(246,247,251,1) 0%,rgba(255,255,255,1) 21%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7fb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	
			}
				/* Journeys */
								
				.journey-header  .blurbg {
					display: none;
					}
				
				#journeymap {
					position: absolute;
					top:0;
					z-index:1;
					left:0;
					width:100%;
					opacity: .8;
					height:100%;
				}
				.journey-header .container {
					z-index: 3;
					pointer-events: none;
				}
				
				.journey-stop { 
					padding:25px;
					border-bottom: 1px solid #EEE;
				}
				
				.journey-stop .description { 
					margin-bottom: 0;
				}
				
				.journey-stop .journeyimg {
					padding-top:100%;
					background-size: cover;
					position: relative;
					background-position: center;
				}
				
				.journey-stop a:hover  { 
color: #00BCD0;
					}
				
				.journey-stop .journeyimg span {
					color: #FFF;
					opacity: 0.9;
					mix-blend-mode: overlay;
					top:50%;
					width:100%;
					text-align: center;
					font-size:40px;
					margin-top:-20px;
					position: absolute;
					}
					
					
					.journey-directions table.adp-directions {
					    width: 100%;
					    font-family: 'PNS';
					    color: #90A9B2;
					}
					
					.journey-directions .adp-step,.journey-directions  .adp-substep {
					    padding: 14px 3px;
					    border-top: 1px solid #f5f5f5;
					}
					
					.journey-directions .adp-placemark {
					    background: #FFF;
					    box-shadow: 0 4px 15px rgba(1, 191, 203, 0.08);
					    border: none;
					    margin-bottom: 10px;
					}
					
					.journey-directions .adp-placemark td {
					    padding: 15px;
					    font-family: 'PNS';
					    color: #01BFCB;
					}
					
					.journey-directions .adp-summary {
					    padding: 15px;
					    font-family: 'PNS';
					}
					
					.journey-directions .adp-legal {
					    font-size: .6rem;
					    margin-top: 30px;
					}
					
				/* Promo Slider */
			
			.promo-slider {
				padding: 0;
			}
			
			.promo-slider .center-slider {
				padding:0;
				position: relative;
			}
			
			.promo-slider .center-slider .slick-arrow:hover::before {
				 -webkit-transform: scale(1.05);
				-moz-transform: scale(1.05);
				-o-transform: scale(1.05);
				transform: scale(1.05);
			    -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;
			    color: #01BFCB;
			    
			}
			
			.promo-slider .center-slider .slick-arrow::before, .fade-section-slider .slick-arrow {
			    background: #FFF;
			    display: block;
			    position: absolute;
			    width: 70px;
			    height: 70px;
			    padding-top: 20px;
			    font-size: 29px;
			    text-align: center;
			    color: #F15B78;
			    border-radius: 99px;
			    box-shadow:0 2px 9px rgba(108, 217, 227, 0.3);
			    z-index: 99;
			    top: 50%;
			    margin-top: -35px;
			    -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;
			    
			}
			.promo-slider .center-slider .slick-arrow.fa-angle-left::before, .fade-section-slider .slick-arrow.fa-angle-left {
				left:35px;
				}
			.promo-slider .center-slider .slick-arrow.fa-angle-left {
				width:410px;
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.7+0,0+100 */
				background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
				position: absolute;
				left:0;
				height: 100%;
				top:0;
				z-index:5;
				text-align: center;
			    -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;
			    
			}
			.promo-slider .center-slider .slick-arrow.fa-angle-right::before, .fade-section-slider .slick-arrow.fa-angle-right {
				right:35px;
				}
			.promo-slider .center-slider .slick-arrow.fa-angle-right {
				width:410px;
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.7+100 */
				background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3ffffff',GradientType=1 ); /* IE6-9 */				position: absolute;
				right:0;
				height: 100%;
				top:0;
				text-align: center;
				z-index:5;
			    -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;
			    
			}
			
				.center-slider-feature .slide {
					padding:15px 15px 20px 15px;
				}
		
					.center-slider-feature .slide a {
				box-shadow:0 2px 9px rgba(108, 217, 227, 0.3);
				display: block;
					background-color: #f5f5f5;
			background-size: cover;
				background-position: center;
			
				height:400px;
				position: relative;
				
			}
			.center-slider-feature.center-slider-feature {
				padding:4rem 0;
				position: relative;
			}
			
			.promo-slider .center-slider-feature  .slick-arrow:hover::before {
				 -webkit-transform: scale(1.05);
				-moz-transform: scale(1.05);
				-o-transform: scale(1.05);
				transform: scale(1.05);
			    -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;
			    color: #01BFCB;
			    
			}
			
			.promo-slider .center-slider-feature  .slick-arrow::before {
			    background: #FFF;
			    display: block;
			    position: absolute;
			    width: 70px;
			    height: 70px;
			    padding-top: 20px;
			    font-size: 29px;
			    color: #F15B78;
			    border-radius: 99px;
			    box-shadow: 0 2px 9px rgba(108, 217, 227, 0.3);
			    z-index: 99;
			    top: 50%;
			    margin-top: -35px;
			    -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;
			    
			}
			.promo-slider .center-slider-feature  .slick-arrow.fa-angle-left::before {
				left:35px;
				}
			.promo-slider .center-slider-feature  .slick-arrow.fa-angle-left {
				width:410px;
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.7+0,0+100 */
				background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
				position: absolute;
				left:0;
				height: 100%;
				top:0;
				z-index:5;
				text-align: center;
			    -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;
			    
			}
			.promo-slider .center-slider-feature  .slick-arrow.fa-angle-right::before {
				right:35px;
				}
			.promo-slider .center-slider-feature  .slick-arrow.fa-angle-right {
				width:410px;
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.7+100 */
				background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3ffffff',GradientType=1 ); /* IE6-9 */				position: absolute;
				right:0;
				height: 100%;
				top:0;
				text-align: center;
				z-index:5;
			    -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;
			    
			}
			
			
			/*** FOOTER ***/
			
			.instagram .tile {
				padding: 0;
				box-shadow: inset 0 0 0 8px #FFF;
				background-size: cover;
				background-position: center;
				position: relative;
			}
			
			.instagram .tile::after {
				padding-top:100%;
				position: relative;
				content: " ";
				display: block;
			}
			
			
			
			.instagram .tile:hover {
				box-shadow: inset 0 0 0 4px #FFF;
			}
			
			
			footer {
				padding:1.5rem 0;
				background: #00BDD0;
			}
			
						
			footer p {
				margin-bottom: 0;
			}
			
			footer .text-md-right p a { 
				color: #a2e8fb;
			}
			
			footer p a {
				display: inline-block;
				padding-left:20px;
				padding-right:20px;
				color: #FFF;
				padding-top:0;padding-bottom:0;
				border-bottom: none;
			}
			footer p a.top {
			    border: 1px solid rgba(163, 231, 250, 0.63);
			    display: inline-block;
			    color: #FFF;
			    font-size: 29px;
			    width: 60px;
			    height: 60px;
			    padding-top: 11px;
			}	


			/*** SIGNUP MODAL ***/
			.signup-panel .row { 
				min-height:40vh;
			}
			
			
			
			.modal .modal-content {
				border-radius:0;
				background: #FFF;
				border:0;
				padding:0;
			}
			
			.modal .modal-header {
				text-align: center;
				border-bottom:none;
				padding:90px 40px;
				background-size: cover;
				background-position: center;
				position: relative;
				color: #FFF;
				
			}
			
			.modal .modal-header h3 {
				font-size:3rem;

			}
			
			.modal .modal-header::after {
				content:"";
				position: absolute;
				right:15px;
				top:15px;
				left:15px;
				bottom:15px;
				border:1px solid #FFF;
				
			}
			
			.modal .modal-body {
				max-width:70%;
				margin: 0 auto;
				padding:40px;
			}
			.modal .modal-footer {
				border-top:none;
				padding:0 30px 30px 30px;
			}
			
			.form-control { 
				border:none;
				background:#FFFFFF;box-shadow: 0 2px 9px rgba(108, 217, 227, 0.3);
				text-align: center;
			}
			
			.req { color: #F05B79;}


			.message-active section,.message-active  header {
				filter: blur(4px);
			}
			button.close {
    width: 40px;
    height: 40px;
    background: #FFF;
    opacity: 1;
    position: absolute;
    top: 15px;
    text-shadow: none;
    color: #215465;
    z-index: 4;
    right: 15px;
}
			.message {
				padding:50px;
				background: #FFFFFF;
				box-shadow: 0 4px 20px rgba(106, 171, 240, 0.25);
				border-radius:5px;
				position: fixed;
				z-index:9999;
				text-align: center;
				top:50%;
				max-width:80%;
				width: 600px;
				 -webkit-transform:  translate(-50%,-50%);
				-moz-transform:  translate(-50%,-50%);
				-o-transform:  translate(-50%,-50%);
				left:50%;
				transform:  translate(-50%,-50%);
				
			}
			
			.messagebg {
				content:"";
				background:rgba(0,0,0,0.3);
				position: fixed;
				top:0;
				left:0;
				right:0;
				bottom:0;
				z-index:9998;
			}
			
			.internal section.intro .row {
				min-height:auto;
				height:auto;
				padding:200px 0 75px 0;
			}


@media (max-width:980px) {
body {
	padding-top:69px;
}	
	*,section {
		background-attachment: scroll !important;
	}
	
	section.intro {
		background-position: center
	}
	
	header a.nav-logo {
		height:70px;
	}
	
	
	.h3, h3 { font-size:1.4rem;}

	div#navtoggle {
	    position: absolute;
	    right: 0.5rem;
	    top: 0.9rem;
	    padding: 8px 14px;
	    border-radius: 5px;
	    background: transparent;
	    border:1px solid #DDD;
	    color: #AAA
	}
	
	header .col-md-9 {
	    position: fixed;
	    top: -1000px;
	    right: 20px;
	    left: 20px;
	    display: block;
	    border-radius:4px;
	    background: #FFF;
	    box-shadow: 0 3px 4px rgba(0,0,0,0.1);
	    width: auto;
	    text-align: center;
	}
	header .navigation li {
	    float: none;
	    margin: 0;
	    border-bottom: 1px solid #EEE;
	    padding:5px !important;
	}

	
	header .navigation li:last-child, header .navigation li.signup {
		border-bottom: none;
	}
	header .navigation {
	    padding: 25px;
	}
	
	header a.nav-logo-sm {
    height: 47px;
    display: block;
    margin: 0.6rem 0;
}

	
	header .col-12 { padding: 0 .5rem;}
	
	.show-nav .col-md-9 {
	    top: 20px;
	    z-index: 9;
	}
	
	.show-nav div#navtoggle {
	    z-index: 10;
	    background: white;
	    top: 7px;
	    right: 30px;
	    border:1px solid #EEE;
	    color: #333
	}
	
	.show-nav .col-12 > a, .show-nav section {
		filter: blur(4px);
	}



	section.category-header .img-wrap,section.category-header.rearrange .img-wrap {
				position: relative;
				width:100%;
				border-bottom:1px solid #FFF;
				height:90vh;
			}
			
section.category-header .img-wrap *,section.category-header.rearrange .img-wrap * {
				width:100%;
				float:none;
				height:50%;
			}
			
			section.category-header {
				padding:0;
			}
			.promo-slider .center-slider-feature  .slick-arrow.fa-angle-left::before, .promo-slider .center-slider .slick-arrow.fa-angle-left::before {
				left:5px;
				}
			.promo-slider .center-slider-feature  .slick-arrow.fa-angle-right::before, .promo-slider .center-slider .slick-arrow.fa-angle-right::before {
				right:5px;
				}


.slick-arrow { width: 15% !important;}

	.header-intro .header-overlay h1 {
		font-size: 1.6rem;
	}
	.header-intro h2 {
		font-size: 1.7rem;
	}
	
	
	section.content .col-md-6.description {
		padding: 40px 15px;
	}
	
	
footer p a {
	padding:15px;
}

footer p a.top {
	display:block;
	width: 100%;
	text-align: center;
}


span.blogtext { 
	width:95%;
	left:2.5%;
}

.searchwrapper {
	padding: 0 35px;
}


.searchwrapper span {
	padding;15px;
}

.home-map a {
	background: rgba(255,255,255,0.1);
	padding: 15px;
	border-radius: 3px;
}

.home-map a span {
	position: relative;
}

.related-businesses .contact-panel {
	padding:25px;
}

.internalheader .row,.category-header .row {
	min-height: auto;
	padding: 4rem 0;
}

.related-businesses .contact-panel .row .row p {
	word-wrap: break-word;
}

#SearchWrap {
	padding: 0 5px 15px 5px;
	position: relative;
	max-width: none;
	top:auto;
	right:auto;
	opacity:1;
}

#SearchWrap .go {
	right:11px;
	top:1px;
}

#SearchWrap i {
	right:16px;
	top:9px;
}
.directory-tile {
	padding:20px 15px 15px 30px;
}
.directory-tile .tc-darkblue { 
	margin-top:0;
}

.internalheader {
	padding: 5rem 0 !important;
}

	.modal .modal-header {
		padding: 50px 40px;
	}
			.modal .modal-header h3 {
				font-size:1.9rem;

			}
			.modal .modal-body {
				max-width: 100%;
			}

.directory-tile .mobtitle span {
	box-shadow: none;
	padding:0;
	position: relative;
	left:auto;
	top:auto;
	bottom:auto;
}

.directory-tile .mobtitle .listing-type {
    font-size: .8rem;
    opacity: .5;
    margin-bottom: 0;
    position: relative;
    padding-top: 10px;
    margin-top: 10px;
    display: block;
}

.directory-tile {
	padding: 10px;
}
.center-slider .slide-panel {
	width:auto;
	padding:auto;
}

}