/* Globals */


:root {
	--blue: #8bd1cc
}

html {
	background: #f9f9f9;
}


.tile-shadow {
	position: relative;
	box-shadow: 0 2rem 5rem -2.5rem rgba(0, 0, 0, 0.25), 0rem 0.3rem 0.5rem -0.4rem rgba(0, 0, 0, 0.4);

}

.tile-shadow::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    display: block;
    width: 100%;
    background: rgba(0,0,0,0.1);
	
}

.tile-shadow-mobile {
	position: relative;
	box-shadow: 0 2rem 5rem -2.5rem rgba(0, 0, 0, 0.25), 0rem 0.3rem 0.5rem -0.4rem rgba(0, 0, 0, 0.4);
	@include mq($tablet) {
		box-shadow: none;
	}
	&::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    display: block;
    width: 100%;
    background: rgba(0,0,0,0.1);
    @include mq($tablet) {
			display: none;
		}
	}
}


.content-description #weatherWidget .day .dayTempMax {
	color:#a2da92 !important;
	}

.content-description #weatherWidget .day .dayTempMin {
	color:#a2da92 !important;
	}

body,button, .button, input, optgroup, select, textarea {
	font-size:90%;
	font-family: 'cera', sans-serif;
	font-weight:300;
	color:#3D5762
}

body {
	 background:transparent;
	} 

body, .maincontainer, .nav-bg {
	max-width: 2000px;
	position: relative;
	margin: 0 auto;
}
.fixedsticky {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
}
/* When position: sticky is supported but native behavior is igno#DDD */
.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {
	position: static;
}
.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
	position: fixed;
}
.fixedsticky-dummy {
	display: none;
}
.fixedsticky-on + .fixedsticky-dummy {
	display: block;
}

.randomkill { 
	display:none;
}

/* Type */

h1,h2,h3,h4,h5,h6,.slab, h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong, h1 *, h2 * ,h3 *, h4 * h5 *, .heading{
	font-family: 'brandon',sans-serif;
	text-transform: uppercase;
	font-weight:300;
	color: #373840;
}

h2 {
	font-size: 1.8rem;
}
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;
	cursor: pointer;
	color:#444;
}



b, strong {
	font-weight:600;
}

a:hover { text-decoration: none;color: #8bd1cc}


.tc-blue {
	color: #8bd1cc;
	
}

.tc-green {
	color: #c0dc8c;
}

.tc-white {
	color: #FFF;
}

.bgc-green {
	background:#c0dc8c;
}


/* Buttons */

.btn {
	border-radius:8px;
	border: none;
	padding: 12px 25px;
	margin:2px;
	font-weight:600;
	text-transform: uppercase;
}

.btn-primary { background:#C5E0A0;border:none;
}

.btn-primary:hover { background: #89D1CC;border:none;
}


.btn-white { background:#FFF;
	color: #3E4F62;
	box-shadow: 0 4px 15px rgba(194, 220, 218, 0.87);
}
.btn-white:hover { background:#FFF;
	box-shadow: 0 4px 15px rgba(194, 220, 218,1);
	color: #89D1CB;
}

.btn.btn-outline-primary {
	border: 2px solid #89d1cc;
	color:#373840;
}
.btn.btn-outline-primary:hover {
	border: 2px solid #89d1cc;
	background:#89d1cc;
	color:#FFF;
}

/* forms */
.form-control {
	border:2px solid #EEE;
}

.req {
	color: #C5E0A0;
}

/* Header */

header {
	position: fixed;
	top:0;
	left:0;
	z-index:1031;
	width: 100%;
	border-bottom: 1px solid #f5f5f7;
}

body header .navwrap {
	background: #FFF;
}
header .maincontainer {
	background:#FFFFFF;
	padding:0;
}

header .navwrap {
	z-index:1500;
	position:relative;
	-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-swirl {
	
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
	z-index: 1;
	}

header .maincontainer > .container {
	padding: 0;
}
header ul {
	list-style:none;
	padding:0;
	display: inline-block;
	margin:.2rem 0;
}

header .col-md-10 {
	padding: 0 10px;
}

header ul li {
	display: inline;
	padding:0;
	position: relative;
}
header ul li a {
	padding:1rem .5rem;
	display:inline-block;
	color: #425661;
	font-weight:600;
	border-radius:4px;
	font-size: .9rem
}

header ul li a:hover {
	color: #87D1CD;
}

header ul li .plan-btn {
    margin-left: 1rem;
    border-radius: 8px;
    border: none;
    padding: 10px 22px;
    text-transform: uppercase;
    font-weight: 600;
    color: #425661;
    background: #FFF;
    border: 1.5px solid #CCDFA0;
}
header ul li .plan-btn:hover { 
	color: #FFF;
	background:#CCDFA0;
	border: 1.5px solid #CCDFA0;
}

header ul li.social {
	padding: 0;
}

header ul li.social a {
	padding:.2rem;
	display:inline-block;
}

header .logo {
	position: absolute;
	left:0;
	right:0;
	-webkit-transition:  0.5s all ease-in-out;
	-moz-transition:  0.5s all ease-in-out;
	-o-transition:  0.5s all ease-in-out;
	transition: 0.5s all ease-in-out;
	top:0;
	z-index:4;
	background:rgba(71, 84, 98, 0.9);
	padding:200px 25px 25px 25px;
	border-radius: 0 0 5px 5px;
}

header .logo-scrolled {
	position: absolute;
	left:15px;
	right:0;
	-webkit-transition:  0.5s all ease-in-out;
	-moz-transition:  0.5s all ease-in-out;
	-o-transition:  0.5s all ease-in-out;
	transition: 0.5s all ease-in-out;
	top:0.48rem;
	z-index:3;
	opacity:0;
}
.scrolled header .logo {
	top:-390px;
	opacity: 0;
}

.scrolled header .logo-scrolled {
	opacity:1;
}
header .logo img, header .logo-scrolled img {
	width:80%;
	top:4%;
}


header .logo img {
	width:100%;
}

header .featuremenu {
	max-height: 1px;
	background: #FFF;
	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: absolute;
	top:60px;
	width:100%;
	opacity:0;
	z-index:1050;
	border-bottom:1px solid #EEE;
	}

header .featuremenu.active {
	max-height:1000px;
	opacity:1;
}

header .featuremenu .col-md-3 {
	padding:15px;
}

header .featuremenu a {
	display:block;
	background-color: #EEE;
	height:150px;
	background-size:cover;
	background-position: center;
}

header .featuremenu a p {
margin:0;
padding:5px;
background: #DDD;
}


header .overlay {
	background: rgba(20,20,20,0.5);
	position: fixed;
	top:0;
	width:100%;
	height:100%;
	display:none;
	z-index:1040;
	max-width:2200px;
}



header .overlay.active {
	display:block;
}
header .sitesearchWrap {
	display: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;
	
} 

body.search-active header .sitesearchWrap {
	display: block
}

body.search-active section {
	filter: blur(4px);
	}

header .sitesearch {
	display:none;
	position: fixed;
	height:100%;
	width:100%;
	left:0;
	z-index: 9999;
	top:0;
}
header .sitesearch .maincontainer {
	width:100%;
	height:100%;
	background: transparent;
}

.sitesearch .container, .sitesearch .row {
	height:100%;
}

.sitesearch .container {
	
}

header .sitesearch .maincontainer .searchToggle.overlay {
	display:block !important;
	background:#f5f5f8;
	z-index: 0;
}


.sitesearch form { 
	position: relative;
	margin:30px auto;
	padding:15px;
}
.sitesearch form input {
	height:auto;
	padding:.5rem .75rem;
	border-width: 1px solid #EEE;
	font-size:1rem;
}
.sitesearch form input.form-control {
	position: relative;
	padding-right:40px;
	box-shadow: none;
	background:#FFF;
	border: 2px solid #EEE;
	border-radius:8px;
	
	z-index:4
}
.sitesearch form input.form-control:focus {
	color: #444;
}
header .sitesearch input.btn {
    position: absolute;
 	border-radius:8px;
   right: 12px;
    top: 15px;
    z-index: 6;
    left: auto;
}

/* Internal Header */

section.header { background:#e5e5e9;}


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

section.header.larger .logo-overlay {
	height:65%;
}

/* Sections -*/



section {
	padding: 6rem 0;
	position: relative;
	background-size:cover;
	background-position: center;
	background-color: #FFF;
}

section.feature {
	padding:0;
	background-size:cover;
	overflow: hidden;
	background-position: center;
	background-repeat: none;
	background-attachment: scroll;
}

section.feature::after{
	left:0;
	width:100%;
	height:50%;
	content:"";
	position: absolute;
}

section.feature .container {
	z-index: 2;
	position: relative;
}


section.feature .logo-overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    height: 95%;
    right: 0;
   
    mix-blend-mode: screen;
    opacity: 1;
}

 h1 {
	color: #3D5762;
	font-size:3rem;
	font-family: 'cera';
	font-weight: 200;
	margin-bottom:1.5rem;
	max-width: 800px;
	text-transform: none;	
}

section.feature .nice-select {
	border: none;
	font-family: 'brandon';
	text-transform: uppercase;
}

section.feature .col-12 {
	padding-bottom: 0;
}


section.content {
	padding-top:0;
}

section.feature .row {
	height: 60vh;
	min-height:500px;
}

.homeHeader {
	padding-top:50px;
}
@media (min-width:991px) {
	
.homeHeader .container {
	position: absolute;top:0;bottom:0;left:50%;
	 -webkit-transform:  translateX(-50%);
	-moz-transform:  translateX(-50%);
	-o-transform:  translateX(-50%);
	transform:  translateX(-50%);
}
.homeHeader h1 {
	font-size: 4rem;
}
}

.homeHeader .col-lg > div {
	position: relative;
}
.homeHeader .container-fluid {
	padding: 0;
}

.homeHeader .homeColour {
	mix-blend-mode: screen;
position: absolute;
top:0;
left:0;
right:0;
}

.homeHeader .photoCredit {
	position: absolute;
	top:25px;
	right:25px;
	border-radius: 9px;
	background: rgba(0,0,0,0.2);
	color: #FFF;
	padding: 8px 12px;
}

.homeHeader img {
	z-index: 4;
	position: relative;
	pointer-events: none;
}

.home-header-slider, .home-header-slider div {
	position: absolute;
	top:0;
	left:0;
	right:0;
	z-index: 3;
	bottom: 0;	
}

.home-header-slider a {
	position: absolute;
	top:0;
	left:0;
	background-size: cover;
	background-position: center;
	display: block;
	bottom:0;
	right:0;
	background-color: #e5e5e9;
}

section.localpick {
	padding-top:0;
position: relative;
overflow: hidden;
}


section.localpick .gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	bottom:0;
top:0;
left:0;
position: absolute;
width:100%;
height:100%;
z-index:0;
}

.bgc-image {
	overflow: hidden;
}
.bgc-image::after {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	bottom:0;
top:0;
left:0;
position: absolute;
width:100%;
height:100%;
z-index:0;
content: " ";
}
.bgc-image .item-slider  {
	z-index: 1;
}




.background-image {
	left:-10%;
	top:-10%;
	pointer-events: none;
	width:120%;
	height:120%;
	content:"";
	background-size: cover;
	background-position: center;
	position: absolute;
	background-attachment: fixed;
	filter: blur(6px);
	opacity: .6;
z-index:0;
	
}
section.localpick .container {
	z-index:1;
}
section.localpick h2 { background:rgba(60, 86, 98, 0.9);padding:40px 40px;
	display: inline-block;
	border-radius: 0px 0px 6px 6px;
}

section.localpick h2 a {
	color: #FFF;
}
section.localpick h2 i {
	margin-left:10px;
	 -webkit-transform:  scale(0.8);
	-moz-transform: scale(0.8);	-o-transform:   scale(0.8);
	transform:  scale(0.8);
}
section.localpick h2 span {
	display: block;
	font-size: .8rem;
	letter-spacing: 0.2em;
	margin-top:8px;
	
}



.localpick .blogs .blogrow:nth-child(n+3) {
    display: none;
}

.localpick .blogs .blogrow img {
	border-radius:4px;
}

.localpick .blogs .blogrow .col-md-4 {
	padding-left:0;
}

.localpick .blogs .blogrow .blogtitle a { 
	color:#3C4D60;
	font-weight:600;
	}

.localpick .blogs .btn { 
	margin-top:30px;
}

section.localpick .circle a {
	display:block;
}

section.localpick .circle h4 { 
	color: #FFF;
	display:inline-block;
	padding:5px;
	margin:0;
	background: #DDD;
}

section.localpick .circle .content {
	position: relative;
	z-index:100;
	text-align: center;
}

section.localpick .directory-item a {
	height: 100%;
}



section.localpick .circle .bg {
	content:"";
	padding-top:100%;
	background:#FFF;
	position: absolute;
	top:50%;
	 -webkit-transform:  translateY(-50%);
	-moz-transform:  translateY(-50%);
	-o-transform:  translateY(-50%);
	transform:  translateY(-50%);
	-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;
	left:0;
	border-radius:999px;
	width:100%;
	z-index:99;
	background-size: cover;
	background-position: center;
}

.IDheader a {
	position: absolute;
	display:inline-block;
	border:1px solid #FFF;
	padding:5px 10px;
	color: #FFF;
	top:6rem;
	border-radius:4px;
	background:none;
	right:15px;
}



/* Web App - Slides */
.item-slider .slide { width:380px;}
.item-slider .slide > a { height:300px}


.slick-slider > i { 
	color:#FFF;
	font-size:40px;
	border-radius:5px;
	margin: -25px 10px 0 10px;
	z-index:12;
	position: absolute;
	padding:3px 0 0 0;
	left:0;
	height:50px;
	width:50px;
	top:50%;
	text-align: center;
	margin-top:-25px;
	-webkit-transition:  0.25s all ease-in-out;
	cursor:pointer;
	-moz-transition:  0.25s all ease-in-out;
	-o-transition:  0.25s all ease-in-out;
	transition: 0.25s all ease-in-out;
	
}
.slick-slider > i.slick-arrow:last-child { 
	right:0;
	left:auto;
}

.fade-slider.slick-slider > i.slick-arrow {
    left: 0;
    right: 0;
    margin: 0;
    opacity: 1;
    margin-top: -25px;
    font-size: 2rem;
}

.fade-slider.slick-slider > i.slick-arrow.fa-angle-right {
    margin: -25px 0 0 0;
    right: 0;
    position: absolute;
    left: auto;
}

.slick-slider > i:hover {
	color: rgba(0,0,0,0.4);
}
.overlay.left, .overlay.right {
    background: rgba(255,255,255, 0.79);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    width:70px;
    pointer-events:none;
}

.overlay.right {
	left:auto;
	right:0;
}


.hero-slider .slide { width:1140px;}
.hero-slider .slide > a { height:340px}
.slide {
	padding:15px;
}

.slide > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-size: cover;
	background-position: center;
	background-repeat: none;
	background-color:#FFF;http://tpdd.worldsecuresystems.com/_assets/img/logo-accent.png
	border-radius:6px;
}



/* Web App - Destinations List */

.tile.destination { padding:15px;}

.tile.destination.col-md-3 a {
	background-size:cover;
	background-color:rgba(0,0,0,0.1);
	background-position:center;
	padding:200% 15px 15px 15px;
	border-radius: 14px;
}
.tile.destination.col-md-6 a {
	background-size:cover;
	background-position:center;
	padding:100% 15px 15px 15px;
	border-radius: 14px;
}
.tile.destination.col-md-4 a {
	background-size:cover;
	background-position:center;
	padding:100% 15px 15px 15px;
	border-radius: 12px;
}


.tile.destination span.hashtag {
	position: absolute;
	top:30px;
	right:30px;
	color:#FFF;
	font-size:.9rem;
}

.tile.destination a p {
	border-radius:13px;
	background:#FFF;
	color:rgba(44, 59, 74, 1);
	font-weight:400;
	text-align: center;
	padding:15px;
	position:absolute;
	display:block;
	bottom:30px;
	left:30px;
	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;
}


.tile.destination a:hover p {
	background:var(--blue);
}

.tile.destination a p {
	width: 130px;
}

.tile.destination a p::before {
	padding-top:100%;
	content:"";
	display:block;
}

.tile.destination a p span {
	position: absolute;
	top:50%;
	left:50%;
	 -webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.tile.destination a:hover p, .tile.destination a:hover span i {
	color:#FFF
}

/* Web App - Destinations Detail */


.button360 {
	height:140px;
	width:140px;
	border-radius:99px;
	border:2px solid #FFF;
	padding-top:5px;
	background: transparent;
	font-size:50px;
	color:#FFF;
	text-align: center;
	padding-left:15px;
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-70px;
	margin-left:-70px;
	-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;
}


.button360:hover {
	background: #FFF;
	color: #EEE;
}

.header .hashtag {
	font-size:1.3rem;
	text-transform: uppercase;
	position: absolute;
	top:5rem;
	right:15px;
}


.filters { 
	top:140px;
}

.filters .button {
    background: #FFF;
    border: none;
    padding: 6px 15px;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    display: inline-block;
    opacity: .9;
    margin: 3px 0px;
    -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-radius: 5px;
    background: #f5f5f9;
}
.filters .button i {
	margin-left:5px;
	display:none;
	font-size:90%;
	color:#DDD;
	-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);
	transform: scale(0);
}

.filters .button.is-checked, .filters .button:hover {
    box-shadow: none;
    background: #FFF;
    box-shadow: 0 3px 8px #CDDF9B;
}
.filters .button:focus {
	 outline: none;
    box-shadow: 0 3px 8px #CDDF9B;
}

.filters .button.is-checked i {
	 -webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.sidepanel { 
	padding:15px;
}

.matrix .sidepanel h5 {
	margin-top:1rem;
	font-size: .9rem;
}

/* Web App - Inspiration Detail */



/* Web App - Inspiration List */




/* Web App - Blog Detail */
.blogpost .moreposts {
	margin-top:1rem;
}

.blogpost .moreposts a {
	display:inline-block;
	padding:5px 10px;
	border-radius:5px;
	background-color:#FFF;
	color: #8bd1cc;
	box-shadow: 0 3px 4px rgba(0,0,0,0.1);
}

.blogpost .author {
	padding:5px;
	display:inline-block;
}

.blogpost .author p {margin-bottom:0;}

.blogpost .author .thumbnail {
	border-radius:100px;
	width:70px;
	height:70px;
	background-color:#FFF;
	box-shadow: 0 3px 4px rgba(0,0,0,0.1);
	background-size:cover;
	display:inline-block;
	font-size:20px;
	padding-top:20px;
	color:#C5E0A0;
	background-position: center;
}

.blogpost .image p.quote {
	font-size:1.5rem;
	font-style: italic;
	color:#FFF;line-height:3rem;
}


.blogpost .image p a.expand {
	background:rgba(255,255,255,0.9);
	color:#89D1CC;
	padding:5px;
	display:block;
}

.blogpost .image p a.expand:hover {
	background:#FFF;
}



.blogpost .image .container > .row {
	max-height: 40vh;
	min-height:auto;
	-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;
	height:1900px;
}
.blogpost .image.expanded .row {
	max-height:90vh;
}

section.feature.directory h1.blogh1 { font-size:2.5rem;}
section.feature.directory {
	background: #3D5762;
}

section.feature.directory  .background-image {
	opacity: .7 !important;
}

/* Web App - Blog List */

.localpick .blogs .blogrow { 
	padding:15px;

}

.localpick .header {
	padding-bottom:50px;
}


/* Web App - Event Detail */

.details-wrap {
	padding-top:0;
}

.blogpost.event .event-details {
	background:#FFF;padding:10px;text-align: center;
			box-shadow: 0 4px 35px rgba(136, 209, 206, 0.38);

}

.blogpost.event .gallery  {
	padding:0;
}

.blogpost.event .gallery .thumb {
	position:relative;
	border-radius:4px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.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;
	background-size:cover;
	background-position: center;
	height:120px;
	transition: 0.25s all ease-in-out;
	margin-bottom:1rem;
}

.blogpost.event .gallery .thumb:hover,.blogpost.event .gallery .thumb.active {
	cursor:pointer;
	 -webkit-transform:  scale(1.05);
	-moz-transform:  scale(1.05);
	-o-transform:  scale(1.05);
	transform:  scale(1.05);
	
}
.blogpost.event .gallery .thumb::after {
	content:"\f055";
	color:#FFF;
	position: absolute;
	top:10px;
	right:10px;
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
/* Web App - Event List */


.carousel {
	padding-top:2rem;
	
}
.carousel.hero .slide p .intro {
	border-radius:3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background:rgba(44, 59, 74, 0.86);
	color:#FFF;
	font-weight:400;
	text-align: center;
	padding:15px;
	display:inline-block;
	padding:8px 15px;
	margin:15px 15px 5px 15px;
	clear:right;
}

.carousel.hero .slide a {
	position: relative;
	overflow:hidden;
}

.carousel.hero .slide a .img {
	pointer-events: none;
	background-size:cover;
	background-position: center;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transition:  3.5s all ease-in-out;
	-moz-transition:  3.5s all ease-in-out;
	-o-transition:  3.5s all ease-in-out;
	transition: 3.5s all ease-in-out;
	
}

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

.carousel.hero .slide a::after {
	content:"";
	position:absolute;
	bottom:0;
	pointer-events: none;
	left:0;
	width:100%;
	height:100%;
	max-height:50%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#89ffd5+41,06d0e2+100&0+0,0.52+100 */
	background: -moz-linear-gradient(top, rgba(137,255,213,0) 0%, rgba(137,255,213,0.21) 41%, rgba(6,208,226,0.52) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(137,255,213,0) 0%,rgba(137,255,213,0.21) 41%,rgba(6,208,226,0.52) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(137,255,213,0) 0%,rgba(137,255,213,0.21) 41%,rgba(6,208,226,0.52) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089ffd5', endColorstr='#8506d0e2',GradientType=0 ); /* IE6-9 */z-index:3;
	z-index:3;
	opacity:0.5;
	-webkit-transition:  1s all ease-in-out;
	-moz-transition:  1s all ease-in-out;
	-o-transition:  1s all ease-in-out;
	transition: 1.s all ease-in-out;
}

.carousel.hero .slide a:hover::after {
	opacity:1;
	max-height:100%;
}


.carousel.hero .slide p {
	z-index:5;
}
.carousel.hero .slide p .intro em {
	font-style: normal;
	color: #C5E0A0;
	margin-left:15px;
}

.carousel.hero .slide p .desc {
	margin:0 15px 15px 0;
	color: #373840;
	background:#FFF;
	opacity:0;
	display:inline-block;
	padding:10px 15px;
	-webkit-transition:  0.5s all ease-in-out;
	-moz-transition:  0.5s all ease-in-out;
	-o-transition:  0.5s all ease-in-out;
	transition: 0.5s all ease-in-out;
}	


.carousel.hero .slide a:hover p .desc {
	margin-left:15px;
	opacity:1;
}


/* Web App - Directory Detail */

.businessdir .fade-slider {
	background: #FFF;
	border-radius:5px;
}
.businessdir .fade-slider .slide {
	background-size:cover;
	background-position: center;
	height:35vh;
	min-height:350px;
	border-radius:5px;
}

.businessdir h1 {
	color: #FFF !important;
}

.businessdir section.feature .col-12 {
	padding-bottom:0;
}

/* Web App - Directory List */


.directory-item,.slide {
	padding:10px;	
}


.directory-item .date-tile {
	position: absolute;
	bottom:10px;
	right:10px;
	padding: 10px;
	color: #3E4F62;
	font-family: 'brandon',sans-serif;
	background: rgba(255,255,255,0.9);
	text-transform: uppercase;
	text-align: center;
	line-height: 0.9rem;
	box-shadow: 0 3px 4px -2px rgba(0,0,0,0.1);
	border-radius:5px;
}

.directory-item .date-tile span {
	display:block;
	font-size:.6rem;
	}

.directory-item a,.slide > a {
	border-radius:17px;
	padding:0;
	overflow: hidden;
	position: relative;
	background-position: center;
	display:block;
/*	box-shadow: 0 1px 2px rgba(0,0,0,0.2); */
border:2px solid #f5f5f9;
	background-color:#f5f5f7;
	background-size:cover;
}

.directory-item p,.slide > a p {
	margin:10px;
	display:block;
	z-index:4;
	border-radius:2px;
}

.directory-item img {
	display: block;
	width:100%;
}

.directory-item {
	
}

.directory-item a  span.title, .slide > a span {
    border-radius: 11px;
    max-width: 85%;
    display: inline-block;
    padding: 9px 19px;
    /* box-shadow: 0 1px 2px rgba(0,0,0,0.2); */
    background: #FFF;
    color: rgba(44, 59, 74,1);
    position: absolute;
    top:10px;
    left:10px;
    font-weight: 400;
}

.directory-item a p i,.slide > a p i {
	margin-left:5px; color: #C4DF9D;
}

.directory-item a:hover::after {
	opacity:1;
	max-height:100%;
}

.directory-item .favouriteBtn {
    position: absolute;
    right: 25px;
    -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: #FFF;
    top: 25px;
    background: #8bd1cc;
    border-radius: 10px;
    z-index: 5;
    border: none;
    text-align: center;
   padding-top:5px;
    /* background: rgba(0,0,0,0.5); */
    height: 30px;
    width: 30px;
}

.directory-item .favouriteBtn:hover {
    background:#8bd1cc;
    color: #FFF;
}
/** Events Page **/

.event-listings {
	padding-top:0;
}

body.event section.header .date-tile {
    background: rgba(255,255,255,0.9);
    display: inline-block;
    padding: 10px 19px;
    border-radius: 13px;
    margin-bottom: 22px;
}

body.event section.header .date-tile i {
    display: block;
    margin-bottom: 5px;
    color: #FFF;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#88d1cd+1,c5e0a0+100 */
background: rgb(136,209,205); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(136,209,205,1) 1%, rgba(197,224,160,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(136,209,205,1) 1%,rgba(197,224,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(136,209,205,1) 1%,rgba(197,224,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88d1cd', endColorstr='#c5e0a0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */        background-attachment: scroll;
    height: 40px;
    width: 40px;
    margin: 0 auto;
        margin-top: 0px;
    border-radius: 99px;
    padding-top: 11px;
    margin-top: -27px;
}
/** Directory Detail */


section.feature.directory h1 {
	color: #3D5762;
	font-size:3rem;
	font-family: 'brandon';
	font-weight: 200;
	mix-blend-mode: hard-light;
	margin-bottom:1.5rem;
	text-shadow: 0 3px 4px rgba(0,0,0,0.1);
	text-transform: none;	
}

section.feature.directory img.shape-overlay {
    position: absolute;
    bottom: -6%;
    width: 81%;
    opacity:.4;
    left: 8%;
}
.contactpanel { 
	padding: 35px;
			box-shadow:0 0px 39px -15px rgba(136, 209, 206, 1),0 6px 15px -5px rgba(136, 209, 206, .2);
	border-radius:5px;

}
.contactpanel a { 
    color: #3D5762;
    text-align: center;
    display: inline-block;
    margin: 5px;
}

.contactpanel .contact {
	background: #FAFAFA;	padding:10px;
	border-radius:5px;
	margin: 10px 0;
}
.contactpanel .fa-map-marker {

	margin-top:20px;
	}
.content-description {
	margin-top:25px;
}

.content-description p a {
	color: rgba(52, 70, 90, 0.95);
	border-bottom: 2px solid #70cfb8;
	font-weight:600;
}

.content-description p a:hover {
	color: #70cfb8;
	border-bottom: 2px solid #70cfb8
}

.content-description p font {
	font-family: 'cera' !important;
}

#businessmap {
	height:45vh;
	max-height:300px;
	border-radius:5px;
}



















/* Plan Your Trip */

.signuppanel {
	margin-top:25px;
	margin-bottom:25px;
	padding:25px;
	box-shadow: 
}



.signinpanel {
	background: #FFF;
	margin-top:-95px;
	margin-bottom:25px;
	padding:45px 25px 25px 25px;
	z-index:4;
	border-radius: 5px;
}
.message {    margin-bottom: 1rem;
    border-radius: 4px;
    border: none;
    padding: 10px 22px;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;
    background: #C5E0A0;
  background: -webkit-linear-gradient(45deg, #a2da92 0%, #70cfb8 100%);
  background: linear-gradient(45deg, #a2da92 0%, #70cfb8 100%);}
.message span { color: #111;}


.favourite {
	
}

.favourite a {
	position: absolute;
	top:25px;
	right:25px;
	box-shadow: none;
	background: transparent;
	height:auto;
	
	z-index:10;
}
.favourite a::after {
	display: none;
}
.favourite 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;
	height:30px;
	width:30px;
	background: rgba(0,0,0,0.3);
	color: #FFF;
	border-radius:3px;
	padding-top:8px;
	font-weight:900;
	text-align: center;
}

.favourite i.fa-heart {
  background: -webkit-linear-gradient(45deg, #a2da92 0%, #70cfb8 100%);
  background: linear-gradient(45deg, #a2da92 0%, #70cfb8 100%);}
}
.favourite a:hover i.fa-heart-o {
	background: rgba(0,0,0,0.7);
	color: #75D0B4;
}



/* Footer */

section.plansignup {
padding-bottom:0;
padding-top:0;
/*background: url('/_assets/img/logo-accent.png') center bottom no-repeat scroll #FFF;*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f5f9+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(245,245,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(245,245,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(245,245,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background-size: contain;
	
}

section.plansignup .cta {
	padding-top:50px;
	padding-bottom:100px;
}

.instagramimagelink, .instagramimagelinkdash {
		padding:0;
		
		display:block;
		background-size: cover;
		border-radius:5px;
		background-position: center;
}
	
.instagramimagelink::before, .instagramimagelinkdash::before {
		position: relative;
		padding-top: 100%;
		content:"";
		display: block;
}
	
.instagramimagelink .fa, .instagramimagelinkdash .fa {
		position:absolute;
		top:15px;
		font-size:20px;
		right:15px;
		color: rgba(255,255,255,0.6);
}
	
.instagramimagelink:hover, .instagramimagelinkdash:hover {
		filter:saturate(100%);
		margin-top:-5px;
}


.pagelinks ul li { 
	list-style: none;
	padding:0 10px;
	display: inline-block;
}




.pagelinks .row > div:first-child {
	border-left:none;
}

.pagelinks ul {
	padding:15px;

}

.pagelinks ul li:first-child a {
	font-weight:700;
}
.pagelinks ul li {
	padding:3px 2px;
}

.pagelinks ul li a {
	padding: 6px 12px;
	display:block;
	border-radius: 4px;
	
	background: #FFF;
}
.pagelinks ul li a:hover {
	color: #222;
	box-shadow: 0 2px 15px rgba(60, 86, 98, 0.12);
}

footer .maincontainer {
		background: #3d5762;

}
.pagelinks img.img-fluid {
    max-width: 160px;
    margin-bottom: 25px;
}


.pagelinks .social { 
	width:80%;
	margin-left:10%;
	background:#fafafa;
	border-radius:6px;
	padding:15px 10px;
}

.pagelinks .social a { 
 width:20%;
 color: #3D5762;
 text-align: center;
 display:inline-block;
 font-size:1.3rem;
}

section.instagram { padding: 2rem 0 0 0 ;
	
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	bottom:0;
	
	
}

section.instagram div.col-4 {
	padding:12px;
}
section.instagram div.col-4 img {
	padding:5px;
}

footer .copyright { padding:5px 0;}

footer .copyright p { margin:0;}

footer .copyright p a { margin: 15px 5px;font-size:13px;color: #FFF;display: inline-block;}

footer .bgc-gradient {
	height:6px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9fd0c8+0,c5e09d+99 */
background: rgb(159,208,200); /* Old browsers */
background: -moz-linear-gradient(left, rgba(159,208,200,1) 0%, rgba(197,224,157,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(159,208,200,1) 0%,rgba(197,224,157,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(159,208,200,1) 0%,rgba(197,224,157,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd0c8', endColorstr='#c5e09d',GradientType=1 ); /* IE6-9 */
}

/* Misc  */





/* TEMP -*/

pre { background:#f5f5f9;
	color:#DDD;
}

.carousel.hero .slide p {
	background:none;
}

/* Media Queries */

	       
	@media (min-width:1200px) {
		
	
	}
	@media (max-width:1200px) {
		.item-slider .slide { width: 320px;}
		.hero-slider .slide { width: 960px;}
	
	}
	
	@media (max-width:992px) {
	section { 
		padding:3rem 0;
	}
	
		.item-slider .slide { width: 540px;}
		.hero-slider .slide { width: 720px;}
		
		*, .background-image {
			background-attachment: scroll !important;
		}


section.feature.directory img.shape-overlay {
    width: 100%;
    bottom: 6%;
    left: 0;
}
div#navtoggle {
    position: absolute;
    right: .8rem;
    top: 10px;
    padding: 8px 14px;
    border-radius: 5px;
    background: #f5f5f9;
    border: none;
    color: #8bd1cc;
}
	header .col-md-10 {
	    position: fixed;
	    top: -1000px;
	    right: 20px;
	    left: 20px;
	    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;
	    
	    border-radius:4px;
	    background: #FFF;
	    box-shadow: 0 3px 4px rgba(0,0,0,0.1);
	    width: auto;
	    text-align: center;
	}
	header #headerMenu  li, header ul li.social {
	    float: none;
	    margin: 0;
	    padding:5px !important;
	}

	
	header #headerMenu  li:last-child, header #headerMenu  li.signup {
		border-bottom: none;
	}
	header #headerMenu  {
	    padding: 25px;
	}
	header ul li a {
		display: block;
		color:#2A3948;
	}
	header ul li .plan-btn { margin-top:15px;}
	
		
	.show-nav .col-md-10 {
	    top: 20px;
	    z-index: 9;
	}
	
	.show-nav div#navtoggle {
	    z-index: 10;
	    top: 30px;
	    right: 30px;
	}
	
	.show-nav .col-12 > a, .show-nav section, .show-nav footer {
		filter: blur(4px);
	}


section.feature.directory h1 {
	font-size:2.5rem;
}

header .logo-scrolled {
    position: relative;
    opacity: 1;
    top: 0;
    margin: 5px 0;
    display: block;
}

header .logo { 
	display: none;
}


section.plansignup .cta { 
	padding-top:0;
	padding-bottom:100px;
}
section.plansignup {
	padding-top:0;
}

section.feature h1 {
	font-size:2rem;
}


footer .copyright p {
	text-align: center;
}

.localpick .header {
	padding-bottom: 0;
}
section.localpick .directory-item a {
	height: 200px;
}

section.localpick h2 a {
	font-size:1.25rem;
}

section.feature .row {
	min-height:250px;
	height: auto;
	padding-top:12rem;
}

.instagramimagelink .fa, .instagramimagelinkdash .fa {
	bottom:8px;
	right:8px;
}


section.instagram div.col-4 {
	padding:9px;
}

.carousel.hero .slide p .intro {
	margin: 0;
}
.carousel.hero .slide p {
	margin: 0;
	padding:5px;
}
.carousel.hero .slide p .intro em {
	display: block;
	margin-top:3px;
	margin-left: 0
	
}

.tile.destination.col-6 a p {
	width:auto;
	left:30px;
	right:30px;
	bottom:30px;
}



	}
	
	@media (max-width:768px) {
		.item-slider .slide { width: 540px;}
		.hero-slider .slide { width: 540px;}
	}
	
	@media (max-width:576px) {
		.item-slider .slide { width: 300px;}
		.hero-slider .slide { width: 300px;}

	}

.parallax-mirror::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 41%;
    bottom: 20%;
    content: "";
    background: url(/_assets/img/header-colours.png) right top no-repeat scroll;
    mix-blend-mode: screen;
    background-size: contain;
}

/** 2019 Updates **/

	.matrix h1, .matrix h2, .matrix h3 {
		color:#87D1CF;
	}    
.matrix {
	padding-top:4rem;
}

.matrix h5 {
	font-size: .6rem;	
}

/** Matrix Styles **/
.matrix  section.blockquote {
	padding: 0;
	margin-top:2rem !important;
}

.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;

}
.internal.matrix {
	background:#FFF;
	padding-bottom:5rem;
	padding-top:0;
}
.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 {
	background: ;
	color:#3D5762;
	border-bottom: 1px solid var(--blue);
	font-weight:600;
}
.matrix .textpanel a:hover {
	background: ;
	text-decoration: none;
font-weight:600;	border-bottom: 1px solid #e3f0d3;

}
.matrix .oneimagewithlink a {
	overflow: hidden;
		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 {
	margin-top:2rem;
	position: relative;
}

.nav-logo.driveLogo img {
	height: 40px !important;
}

.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 {
		border-radius: 999px;
}


.quoteimage ~ section {
	background:#f5f5f9;
}
 .lookbook {
	 padding-top:9rem;
 }
		
	.matrix h2, .matrix h3, .matrix h4 {
		margin-top:30px;
	}
	
	
	.largeSlider a {
		display: block;
		position: relative;
	}
	
	.largeSlider a .row {
		position: absolute;
		bottom:0;
		left:0;
		z-index: 3;
		
		right:0;
	}
	
	.largeSlider a .articleHeading {
		padding: 25px 25px 0 25px;
		position: relative;
		top:25px;
		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;
		
		background: #FFF;
		opacity: 0;
	}
	.largeSlider a .articleHeading h4 {
		font-size: .8rem;
		padding: 9px 16px;
		border-radius:6px;
		background: #f5f5f9;
		display: inline-block;
		margin: 0 auto 5px auto;
	}
	.largeSlider a .articleHeading p {
		font-size: 1.4rem;
		margin: 0;
	}
	
	.largeSlider .container {
		padding: 0 2px;
	}
	
	.featureSlider > .container-fluid {
		padding: 0;
	}
	
	
	.largeSlider .slide-tile {
		opacity: .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;
		
	}
	
	.largeSlider .slick-center, .largeSlider .slick-active {
		opacity: 1;
	}
	.largeSlider  .slick-center a .articleHeading, .largeSlider .slick-active a .articleHeading {
		opacity: 1;
		top:0;
	}
	
	.slick-slider > i.slick-arrow:last-child {
    right: 50%;
    margin-right: -570px;
}

.slick-slider > i.slick-arrow:hover {
	opacity: 1;
	color: #FFF;
}

.slick-slider > i.slick-arrow {
    left: 50%;
    font-size: 4rem;
    opacity: .5;
    margin-left: -570px;
}


	.headerWrap {
						padding-top:50px;
						padding-bottom: 0;
		}
		
		.directorySlider img {
			height:40vh;
			border:1px solid #FFF;
		}
		
		.headerWrap .col-12 {
			position: relative;
		}
		
		.headerWrap .col-12 h1 {
    padding: 12px 33px 13px 30px;
    border-radius: 8px;
    position: absolute;
    left: 15px;
    bottom: 15px;
    font-size: 2.5rem;
    line-height: 1;
}

.contactDir hr {
	max-width: 60%;
	border-top: 2px solid #f5f5f5;
}

.contactDir .fa {
	font-size: 1.4rem;
	color:#8bd1cc;
}

.contactDir a.fa {
	height:50px;
	width:50px;
	border-radius: 6px;
	background: #f5f5f9;
	margin: 3px;
	display: inline-block;
	padding-top:13px;
	text-align: center;
}

.contactDir a.fa:hover {
	background:#8bd1cc;
	color: #FFF;
}

.contactDir i.fa {
	display: block;
	text-align: center;
	font-size: 2rem;
	margin: 25px auto 8px auto;
}

.contactDir .social {
	max-width: 80%;
	margin: 0 auto;
}
		#map {
			height:50vh;
		}
		
		.headerWrap .dirOverlay {
			position: absolute;
			bottom: 0;
			right:0;
			height:20vh;
			z-index: 4;
			pointer-events: none;
			mix-blend-mode:screen;
		}



 .top-posts {
		 padding-top:2rem;
	 }
	 
	 .top-posts h2 {
		 margin-bottom:0;
		 line-height: 1;
	 }
	 
	 .top-posts h3 {
		 font-size:5rem;
		 margin-top:0;
		 line-height: 1;
	 }
	 
	 .top-posts .col-lg-3 {
		 border:2px solid #FFF;
	 }
	 
	 .top-posts .col-lg-3 a {
		 position: relative;
		 display: block;
		 overflow: hidden;
	 }
	 
	 .top-posts .col-lg-3 a span {
		 background:rgba(60, 86, 98, 0.94);
		 padding: 10px 16px;
		 border-radius:8px;
		 position: absolute;
		 bottom: 25px;
		 left:50%;
		 text-align: center;
		  -webkit-transform:  translateX(-50%);
		 -moz-transform:  translateX(-50%);
		 -o-transform:  translateX(-50%);
		 transform:  translateX(-50%);
		 color: #FFF;
		 font-weight:500;
		 width:70%;
		 max-width: 190px;
	 }
	 
	 .top-posts .col-lg-3:nth-child(1) a {
		 border-top-left-radius: 10px;
	 }
	 
	 .top-posts .col-lg-3:nth-child(4) a {
		 border-top-right-radius: 10px;
	 }
	 
	 .top-posts .col-lg-3:nth-child(5) a {
		 border-bottom-left-radius: 10px;
	 }
	 
	 .top-posts .col-lg-3:nth-child(8) a {
		 border-bottom-right-radius: 10px;
	 }

	 .blogSp .col-lg-9 > a > span {
		     font-family: 'brandon',sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1e;
    font-size: .74rem;
    line-height: 1.2em !important;
    display: block;
}

	 .num {
		position: absolute;
		bottom:-5px;
		pointer-events: none;
		font-family: 'Brandon Text';
		font-weight:500;
		font-size: 1rem;
		padding-top: 6px;
		text-align: center;
		color:#8bd1cc;
		width:40px;
		height:40px;
		background:#f5f5f7;
		border-radius:99px;
		z-index:1;
		right:-5px; 
	 }	

   .wave-anim.trans {
	   z-index: 1;
    animation: planAnim 22s infinite;
	  }

.wave-anim {
	    height: 180px;
    background-size: 1800px !important;
	    position: absolute;
		    left:0;
			    right:0;
		z-index: 2;
				    bottom:-2px;
    animation: planAnim 24s infinite;
	    animation-timing-function: cubic-bezier(0.44, 0.46, 0.59, 0.59) 
}	 

.headerTitle {
	background:#FFF;
	padding-top:1rem;
	padding-bottom: 0;
}

	@keyframes planAnim {
		0% {
			margin-left: -2200px;
		}
		
		100% {
			margin-left: 0;
		}
	}

   
	   
	@media (max-width:990px) {
.columns2 {
	    column-count: 1;
	    column-gap:0;

}

.wave-anim {
	    height: 250px;
    background-size: 1508px !important;
    animation: planAnim 34s infinite;
  }  
  .wave-anim.trans {
    animation: planAnim 24s infinite;
  }  
  
  .white-gap-filler {
	  height: 105px !important;
	 }
   

	@keyframes planAnim {
		0% {
			margin-left: -1508px;
		}
		
		100% {
			margin-left: 0;
		}
	}
	

	

	}




@media (max-width: 990px) {
	.headerWrap .col-12 h1.bgc-green {
		font-size: 1.5rem;
		z-index: 5;
		
	}
	
	.largeSlider .container {
		max-width: 90vw;	
	}
	
	.slick-slider > i.slick-arrow.fa-angle-left {
		margin: 0;
		left:0;
		opacity: 1;	
	}
	.slick-slider > i.slick-arrow.fa-angle-right {
		margin: 0;
		right:0;
		opacity: 1;	
	}
	
	
	.navwrap .col-5 a {
    padding: 7px;
    display: block;
}

header ul li a {
	padding: 5px 1rem	
}

h1 {
		font-size: 2rem;
}

}