/*  ==========================================================================
	Styles for Starter Template.
	Author: Alchemy Digital
	========================================================================== */

/*  ==========================================================================
	prevent FOUT
	========================================================================== */

	.siteheader,
	.main,
	.sitefooter{
		opacity: 0;
	/*	transform: translate(0,-1em);
		transform: translate(0,-1em);
		transform: translate(0,-1em); */
		-webkit-transition: opacity 500ms ease-out 0ms, -webkit-transform 500ms ease-out 0ms;
		   -moz-transition: opacity 500ms ease-out 0ms,    -moz-transform 500ms ease-out 0ms;
				transition: opacity 500ms ease-out 0ms, 		transform 500ms ease-out 0ms;
	}

	.main{ transition-delay: 250ms }
	.sitefooter{ transition-delay: 500ms; }

	.wf-active .siteheader,
	.wf-active .main,
	.wf-active .sitefooter,
	.no-fontface .siteheader,
	.no-fontface .main,
	.no-fontface .sitefooter{
	/*	-webkit-transform: translate(0,0em);
		   -moz-transform: translate(0,0em);
				transform: translate(0,0em); */
		opacity: 1;
	}

/*  ==========================================================================
	END prevent FOUT
	========================================================================== */

body{
	font-family: "museo-sans", Helvetica, Arial ,sans-serif;
	font-style: normal;
	font-weight: 300;
	margin: 0;
	padding: 0;
	color: #333;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	max-width: 100%;
}

/*  ==========================================================================
	Base typography
	========================================================================== */

h1, h2, h3, h4, h5, h6 {
	margin: 1.5em 0 .25em;
	line-height: 1.2;
	font-weight: 700;
}

h1, .h1 { margin: 0; }
h2, .h2 { font-weight: normal; }


h1, .fontsize--huge{ font-size: 32px; line-height: 1.1; }
h2, .fontsize--large{ font-size: 26px; line-height: 1.1; }
h3, .fontsize--med{ font-size: 17px; line-height: 1.3; }
body, h4, .fontsize--reg{ font-size: 15px; }
h5, .fontsize--sml{ font-size: 14px; }
h6, .fontsize--tiny{ font-size: 12px; }

strong, b,
.font--bold,
.font--semibold{ font-weight: 900; }
.font--reg{ font-weight: 300; }
.font--semi{ font-weight: 700; }

.font--slab { font-family: "museo-slab"; }

.case--lower{ text-transform: lowercase; }
.case--upper{ text-transform: uppercase; }

.text-align--center{ text-align: center; }
.text-align--left{ text-align: left; }
.text-align--right{ text-align: right; }

@media only screen and (min-width:550px){
	h1, .fontsize--huge{ font-size: 36px; }
	h2, .fontsize--large{ font-size: 32px; }
	h3, .fontsize--med{ font-size: 18px; }
	body, h4, .fontsize--reg{ font-size: 15px; }
	h5, .fontsize--sml{ font-size: 14px; }
	h6, .fontsize--tiny{ font-size: 12px; }
}

@media only screen and (min-width:700px){
	h1, .fontsize--huge{ font-size: 44px; }
	h2, .fontsize--large{ font-size: 36px; }
	h3, .fontsize--med{ font-size: 20px; }
	body, h4, .fontsize--reg{ font-size: 16px; }
	h5, .fontsize--sml{ font-size: 14px; }
	h6, .fontsize--tiny{ font-size: 12px; }
}

@media only screen and (min-width:800px){
}

@media only screen and (min-width:1200px){
	h1, .fontsize--huge{ font-size: 52px; }
	h2, .fontsize--large{ font-size: 40px; }
	h3, .fontsize--med{ font-size: 22px; }
	body, h4, .fontsize--reg{ font-size: 16px; }
	h5, .fontsize--sml{ font-size: 14px; }
	h6, .fontsize--tiny{ font-size: 12px; }
}

@media only screen and (min-width:1400px){
	h1, .fontsize--huge{ font-size: 60px; }
	h2, .fontsize--large{ font-size: 45px; }
	h3, .fontsize--med{ font-size: 24px; }
	body, h4, .fontsize--reg{ font-size: 17px; }
	h5, .fontsize--sml{ font-size: 15px; }
	h6, .fontsize--tiny{ font-size: 13px; }
}

@media only screen and (min-width:1600px){
	h1, .fontsize--huge{ font-size: 66px; }
	h2, .fontsize--large{ font-size: 48px; }
	h3, .fontsize--med{ font-size: 25px; }
	body, h4, .fontsize--reg{ font-size: 18px; }
	h5, .fontsize--sml{ font-size: 15px; }
	h6, .fontsize--tiny{ font-size: 13px; }
}


ul,
ol{ margin: 0 0 1em; padding: 0; }

p{ margin: 0 0 1em; }

/*  ==========================================================================
	base links, buttons, interaction colors
	========================================================================== */

.color--white{ color: #fff; }
.color--black{ color: #000; }
.color--grey{ color: #888; }
.color--orange{ color: #f7921c; }
.color--blue{ color: #1c9afc; }


a{
    color: inherit;
	text-decoration: none;
}
a:hover{ color: inherit; }

.linkline{ border-bottom: solid 1px rgba(0,212,255, 0.33); }
a:hover .linkline{ border-color: #1c9afc; }

a .fa{ padding: 0 0 0 .66em; }
a .fa--left{ padding: 0 .66em 0 0; }
a .fa--nopad{ padding: 0; }

.btn{
	background-color: #1c9afc;
	color: #fff;
	border-radius: 2px;
	display: inline-block;
	margin: 0 .5em .5em 0;
	padding: 1em 1.75em;
}

.btn .linkline{ border: none; }

.btn:hover{
	color: #fff;
	background-color: #333;
}

.btn--grey{ background: #eee; color: #333; }

.btn--grey:hover{ background: #00d4ff; color: #fff; }



/*  ==========================================================================
	Basic layout classes
	========================================================================== */

.bd {
	margin: 0 7.14%;
	position: relative;
	min-height: 1px;
}

.bd:after {
	content: "";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.padding--top { padding-top: 10%; }
.padding--bottom { padding-bottom: 10%; }
.padding--top-half { padding-top: 7%; }
.padding--bottom-half { padding-bottom: 7%; }
.padding--top-em { padding-top: 1em; }
.padding--bottom-em { padding-bottom: 1em; }

.margin--top { margin-top: 10%; }
.margin--bottom { margin-bottom: 10%; }
.margin--top-half { margin-top: 7%; }
.margin--bottom-half { margin-bottom: 7%; }
.margin--top-em { margin-top: 1em; }
.margin--bottom-em { margin-bottom: 1em; }

.margin--none{ margin: 0; }

@media only screen and (min-width: 550px){
	.padding--top { padding-top: 7%; }
	.padding--bottom { padding-bottom: 7%; }
	.padding--top-half { padding-top: 3.5%; }
	.padding--bottom-half { padding-bottom: 3.5%; }

	.margin--top { margin-top: 7%; }
	.margin--bottom { margin-bottom: 7%; }
	.margin--top-half { margin-top: 3.5%; }
	.margin--bottom-half { margin-bottom: 3.5%; }
	.margin--top-em { margin-top: 1em; }
	.margin--bottom-em { margin-bottom: 1em; }
}

@media only screen and (min-width: 700px){
}

@media only screen and (min-width: 800px){
}

@media only screen and (min-width: 1000px){
	.padding--top { padding-top: 5%; }
	.padding--bottom { padding-bottom: 5%; }
	.padding--top-half { padding-top: 3.5%; }
	.padding--bottom-half { padding-bottom: 3.5%; }

	.margin--top { margin-top: 5%; }
	.margin--bottom { margin-bottom: 5%; }
	.margin--top-half { margin-top: 3.5%; }
	.margin--bottom-half { margin-bottom: 3.5%; }
	.margin--top-em { margin-top: 1em; }
	.margin--bottom-em { margin-bottom: 1em; }
}


/*  ==========================================================================
	base nav
	========================================================================== */

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

.inlinenavlist{
	margin: 0 -.75em;
}

.inlinenavlist li{
	display: inline-block;
	margin: 0;
	padding: 0;
}

.inlinenavlist a{
	display: block;
	padding: 0 .75em;
}


/*  ==========================================================================
	siteheader
	========================================================================== */

.siteheader{
	background: #fff;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	-webkit-transition: top 250ms ease-out 0ms, color 250ms ease-out 0ms, background 250ms ease-out 0ms;
	-moz-transition: top 250ms ease-out 0ms, color 250ms ease-out 0ms, background 250ms ease-out 0ms;
	transition: top 250ms ease-out 0ms, color 250ms ease-out 0ms, background 250ms ease-out 0ms;
	-webkit-transition-delay: 0ms;
	-moz-transition-delay: 0ms;
	transition-delay: 0ms;
	position: absolute;
	margin-bottom: 25px;
}
.haspageheaderimg .siteheader{
	background: transparent;
}
.siteheader__bd{
	padding: 25px 0 0;
}
.sitelogo {
	height: 120px;
	width: 120px;
	margin: -40px 0 -20px -20px;
}

.sitelogo__png{ display: none; }
.no-svg .sitelogo__svg{ display: none; }
.no-svg .sitelogo__png{ display: block; }

@media only screen and (min-width: 700px){
	.sitelogo {
		position: absolute;
		top: 25px;
		left: 50%;
		width: 150px;
		height: 150px;
		margin: 0 0 0 -75px;
	}
}
.sitelogo img {
	width: 100%;
	height: auto;
}

@-webkit-keyframes boom{
    0% { transform: scale(1) rotate(0deg); }
    25% { transform: rotate(1deg); }
    50% { transform: scale(1.05); }
    75% { transform: rotate(-1deg); }
    100% { transform: scale(1) transform: rotate(0deg); }
}
.sitelogo img:hover {
	width: 100%;
	height: auto;
	animation: boom 0.2s;
	animation-iteration-count: infinite;
}
.sitelogo img.sitelogo__img--neg {
	display: none;
}
.haspageheaderimg .siteheader{
	color: #fff;
}
.haspageheaderimg .sitelogo img.sitelogo__img--neg {
	display: block;
}
.haspageheaderimg .sitelogo img.sitelogo__img--pos {
	display: none;
}

.mobnavopen .siteheader,
.hasscrolled .siteheader{
	position: fixed;
	background: #fff;
	color: #222;
}
@media only screen and (min-width: 700px){
	.hasscrolled .siteheader{
		margin-top: -55px;
	}
}
.hasscrolled .sitenav{
	padding-top: 40px;
}
/*.hasscrolled .sitelogo{
	width: 80px;
	height: 80px;
	margin-left: -40px;
}*/
.mobnavopen.haspageheaderimg .sitelogo img.sitelogo__img--neg,
.hasscrolled.haspageheaderimg .sitelogo img.sitelogo__img--neg { display: none; }

.mobnavopen.haspageheaderimg .sitelogo img.sitelogo__img--pos,
.hasscrolled.haspageheaderimg .sitelogo img.sitelogo__img--pos { display: block; }

/*  ==========================================================================
	mobnav
	========================================================================== */

.mobnav{
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 0;
	background: #222;
	box-shadow: 0 -1px 0 #000 inset;
	text-align: center;
	outline: 0;
	-webkit-transition: height 150ms ease-in-out;
	   -moz-transition: height 150ms ease-in-out;
			transition: height 150ms ease-in-out;
}

.mobnav li{
	border-top: solid 1px rgba(255,255,255,0.2);
}

.mobnav li:first-child{ border-top: none; }

.mobnav a{
	display: block;
	padding: .66em 0;
	color: #fff;
}
.mobnav-toggle span.fa {
	-webkit-transition: rotate 150ms ease-in-out;
	   -moz-transition: rotate 150ms ease-in-out;
			transition: rotate 150ms ease-in-out
}
.mobnavopen .mobnav-toggle span.fa {
	transform: rotate(180deg);
	padding: 0 0.66em 0 0;
}

@media only screen and (min-width: 700px){
	.mobnav{ display: none; }
}
.mobnav-overlay{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
	width: 0px;
    z-index: 49;
    background: #000; /* Old browsers */
    cursor: pointer;
    -webkit-transition: opacity 250ms ease-out 0ms, width 0s linear 250ms;
       -moz-transition: opacity 250ms ease-out 0ms, width 0s linear 250ms;
    		transition: opacity 250ms ease-out 0ms, width 0s linear 250ms;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);

}

/* sitenav open */
.mobnavopen .mobnav-overlay{
	-webkit-transition: opacity 350ms ease-out 0ms, width 0s linear 0ms;
       -moz-transition: opacity 350ms ease-out 0ms, width 0s linear 0ms;
    		transition: opacity 350ms ease-out 0ms, width 0s linear 0ms;
    opacity: .66;
	width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";
    filter: alpha(opacity=66);
}



/*  ==========================================================================
	mobtools
	========================================================================== */

.mobtools{
	position: absolute;
	bottom: 50%;
	margin-bottom: -.75em;
	right: 0;
}

@media only screen and (min-width: 700px){
	.mobtools{ display: none; }
}

/*  ==========================================================================
	sitenav
	========================================================================== */

.sitenav{
	display: none;
	text-align: center;
}
.sitenav ul li a {
	line-height: 150px;
}

@media only screen and (min-width: 700px){
	.sitenav{ display: block; }
	.sitenav li:nth-child(2){
		margin-right: 95px;
	}
	.sitenav li:nth-child(3){
		margin-left: 95px;
	}
	.sitenav li:nth-child(4){
		margin-left: 15px;
	}
}

.hasscrolled .sitenav ul li a {
	line-height: 80px;
}
/*.hasscrolled .sitenav li.sitenav__home {
	width: 80px;
}*/

.siteheader ul.socialicons {
	list-style: none;
}
.siteheader ul.socialicons li {
	display: inline-block;
}
.siteheader ul.socialicons a span.fa {
	margin: 0 2em 0 0;
	padding: 0;
}

.siteheader__phone,
.siteheader__social {
	position: absolute;
	top: 25px;
}

.siteheader__phone,
.siteheader__social { display: none; }

@media only screen and (min-width: 700px){
	.siteheader__phone,
	.siteheader__social { display: block; }
	.siteheader__phone {
		right: 0;
	}

	.siteheader__social {
		position: absolute;
		top: 25px;
		left: 0;
	}
}

@media only screen and (min-width: 1200px){
	.siteheader__phone,
	.siteheader__social{ top: 50%; }
	.hasscrolled .siteheader__phone,
	.hasscrolled .siteheader__social{ top: 90px; }
}



/*  ==========================================================================
	footer carousel
	========================================================================== */

.owl-footer-carousel {
}
.owl-footer-carousel .owl-stage {
	background-color: transparent;
}
.owl-footer-carousel .item {
	padding: 2em;
}
.footercarousel__logo {
	padding-top: 100%;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	-webkit-transition: all .3s ease-in-out 0s;
	   -moz-transition: all .3s ease-in-out 0s;
	        transition: all .3s ease-in-out 0s;
}
.clientfooter .owl-nav {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    left: 0;
    right: 0;
    font-size: 2em;
    color: #ddd;
    line-height: 1;
    z-index: 1;
    line-height: 1;
}
.clientfooter .owl-prev {
    margin-left: -1em;
    float: left;
}
.clientfooter .owl-next {
    margin-right: -1em;
    float: right;
}

/*  ==========================================================================
	Site footer
	========================================================================== */
footer.sitefooter {
	color: #fff;
	background-color: #1c9afc;
}
@media only screen and (max-width:549px){
	.sitefooter { text-align: center; }
	.sitefooter .sitelogo__img { margin: 0 auto; }
}
@media only screen and (min-width:550px){
	.sitefooter__social{ margin-bottom: 0; }
}

@media only screen and (min-width:700px){
	.sitefooter {
		background: url('../img/furniture/boom.logo.footer.png') 7.14% 50% no-repeat #1c9afc;
	}
	.sitefooter .footer__sitelogo .sitelogo__img {
		float: right;
	}
}
.sitefooter__social ul {
	margin-bottom: 0;
	list-style: none;
}
.sitefooter__social li {
	display: inline-block;
	margin: 0;
}
.sitefooter__social li a {
	line-height: 3em;
	height: 3em;
	border-radius: 1.5em;
	background-color: #fff;
	display: inline-block;
	margin: 0;
	color: #222;
}
.sitefooter__social li .socialicon__icon{
	width: 3em;
	text-align: center;
	display: block;
	float: left;
	padding: 0;
	border: none;
}
.sitefooter__social li .fa {
	display: inline-block;
	padding: 0;
}
.sitefooter__social .socialicon--twitter a{
	color: #00aced;
}
.sitefooter__social .socialicon--linkedin a{
	color: #007bb6;
}
.sitefooter__social .socialicon--googleplus a{
	color: #dd4b39;
}

.sitefooter__social .socialicon--facebook a{
	color: #3B5998;
}
.footer__sitenav { text-align: center;}


/*  ==========================================================================
	Page
	========================================================================== */
.main {
	margin-top: 105px;
}
.haspageheaderimg .main {
	margin-top: 0;
}
@media only screen and (min-width: 700px){
	.main {
		margin-top: 200px;
	}
}
.pageheader{
	text-align: center;
	position: relative;
}

.pageheader__bd{
	position: relative;
	z-index: 2;
}

.pageheader__meta{
	margin: 0 0 .5em;
}

.pageheader h1{
	margin-left: auto;
	margin-right: auto;
	max-width: 16em;
	margin-bottom: .33em;
}

.pageheader .leader{
	margin: 0 auto;
	max-width: 30em;
}

/*
// pageheader--img
*/

.pageheader--img{
	background: #000;
	color: #fff;
	overflow: hidden;
}

.pageheader__img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	opacity: 0;
	-webkit-transition: opacity 1000ms ease-out 0ms;
	   -moz-transition: opacity 1000ms ease-out 0ms;
			transition: opacity 1000ms ease-out 0ms;
	-webkit-transform: scale(1.1,1.1);
	   -moz-transform: scale(1.1,1.1);
			transform: scale(1.1,1.1);
}

.pageheaderimg--loaded .pageheader__img{
	-webkit-transition: -webkit-transform 2000ms ease-out 0ms, opacity 2000ms ease-out 0ms;
	   -moz-transition:    -moz-transform 2000ms ease-out 0ms, opacity 2000ms ease-out 0ms;
			transition: 		transform 2000ms ease-out 0ms, opacity 2000ms ease-out 0ms;
	-webkit-transform: scale(1,1);
	   -moz-transform: scale(1,1);
			transform: scale(1,1);
	opacity: .66;
}

/*
// pageheader--video
*/


.pageheader__video{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	opacity: 0;
	-webkit-transition: opacity 2000ms ease-out 0ms;
	   -moz-transition: opacity 2000ms ease-out 0ms;
			transition: opacity 2000ms ease-out 0ms;
}


.has-videoheader--playing .pageheader__video{ opacity: .66; }
.no-touch .has-videoheader .pageheader__img{ display: none; }

/* postheader */

.postheaderimg{
	padding: 50% 0 0;
	position: relative;
	background: #eee;
	overflow: hidden;
	margin-top: -1.65em;
}
.has-videoheader--playing .postheaderimg .pageheader__video{ opacity: 1; }
.pageheaderimg--loaded .postheaderimg .pageheader__img{ opacity: 1; }


.owl-carousel .pageheaderbody {
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
  z-index: 2;

}
.owl-blog-carousel .owl-stage {
	background-color: #000;
}
.pageheader .owl-carousel.owl-loaded,
.pageheader .owl-carousel .owl-item,
.pageheader .owl-carousel .owl-item .item {
	height: 550px;
	max-height: 100vh;
}
@media only screen and (min-width: 800px){
	.pageheader .owl-carousel.owl-loaded,
	.pageheader .owl-carousel .owl-item,
	.pageheader .owl-carousel .owl-item .item {
		height: 650px;
	}
}
.owl-blog-carousel .owl-nav > div {
    position: absolute;
    top: 50%;
    height: 2em;
    font-size: 2em;
    line-height: 1;
    margin-top: -1em;
    padding: 1em;
    color: #fff;
}
.owl-blog-carousel .owl-nav .owl-prev {
    left: 0;
}
.owl-blog-carousel .owl-nav .owl-next {
    right: 0;
}
@media only screen and (min-width: 800px){
	.pageheaderslidebody {
		width: 80%;
		padding-left: 40%;
		text-align: left;
		display: inline-block;
		vertical-align: middle;
		box-sizing: border-box;
	}
}

/*  ==========================================================================
	Home Page
	========================================================================== */
.homehero {
	background: #1d3c69;
	height: 100vh;
	position: relative;
	text-align: center;
	color: #fff;
}

.herobgsection{
	position: relative;
	height: 50vh;
	overflow: hidden;
}

.herobgsection .animation{
	position: absolute;
	background-repeat: no-repeat;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	z-index: 2;

}

.herobgsection .animation *{
	position: relative;
	z-index: 2;
}

.herobgsection .animationbg{
	position: absolute;
	background-repeat: repeat-x;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: auto 100%;
	z-index: 1;
	top: 0;
}

@media only screen and (orientation: portrait) {
	.herobgsection .animation {
		background-size: 140%;
	}
}
@-webkit-keyframes moveup{
    0%{top:100%; bottom: -100%;}
    100%{top:0; bottom:0;}
}
@-webkit-keyframes movedown{
    0%{top:-100%; bottom: 100%;}
    100%{top:0; bottom:0;}
}
@-webkit-keyframes fadeout{
    0% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}
@-webkit-keyframes fadein{
    0% { opacity: 0; }
    80% { opacity: 0; }
    100% { opacity: 1; }
}
.herobgsection--top .animationbg {
	background-image: url('../img/hero.skyline.top.jpg');
	background-position: 50% 100%;
}

.herobgsection--bottom .animationbg {
	background-image: url('../img/hero.skyline.bottom.jpg');
	background-position: 50% -1px;
}

.herobgsection .animation { display: none; }
.heroready .herobgsection .animation { display: block; }

.heroready .herobgsection--top .animation {
	-webkit-animation: moveup 4s;
	animation: moveup 4s;
}
.heroready .herobgsection--bottom .animation {
	-webkit-animation: movedown 4s;
	animation: movedown 4s;
}
.herobgsection .animation h1 {
	text-align: center;
	width: 100%;
	color: #fff;
	font-size: 450%;
	position: absolute;
	line-height: .7;
}
@media only screen and (min-width: 700px){
	.herobgsection .animation h1 {
		font-size: 650%;
	}
}
@media only screen and (min-width: 1000px){
	.herobgsection .animation h1 {
		font-size: 800%;
	}
}
.herobgsection--top .animation h1 {
	bottom: 0;
}
.herobgsection--bottom .animation h1 {
	top: 0;
	-moz-transform: scale(1, -1);
	-webkit-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);

}

.heroready .herobgsection--bottom .animation h1 {
	animation: fadeout 5s;
	animation-fill-mode: forwards;
}

.herobgsection--bottom .animation h2  {
	margin-top: .65em;
}

.heroready .herobgsection--bottom .animation h2 {
	animation: fadein 6s;
}

.homehero .scrolldown {
    position: absolute;
    bottom: 3em;
    left: 50%;
    width: 2em;
    height: 2em;
    margin-left: -1em;
    z-index: 10;
    outline: none;
    pointer-events: auto;
}
@media only screen and (orientation: portrait) {
	.homehero .scrolldown {
		bottom: 8em;
	}
}
@media only screen and (min-width: 800px) {
	.homehero .scrolldown {
	    width: 4em;
	    height: 4em;
	    margin-left: -2em;
	}
}
.anchorpoint {
    padding-top: 85px;
    margin-top: -85px;
    outline: none;
}
@media only screen and (min-width: 700px) {
	.anchorpoint {
	    padding-top: 90px;
	    margin-top: -90px;
	    outline: none
	}
}
@media only screen and (max-width: 1199px) {
	.page-home .featuredposts .gd-u:nth-child(7) { display: none; }
}

/*  ==========================================================================
	contact page
	========================================================================== */

.mapcontainer {
	position: relative;
}

.mapcontainer .address {
	max-width: 35em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.mapcontainer .address h3 {
	margin-top: 0;
}
.map {
    position: relative;
    padding: 50% 0 0;
    height: auto;
    overflow: hidden;
}

.map__canvas {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #eee;
}
@media only screen and (min-width: 700px) {
	.mapcontainer .address {
		text-align: left;
	}
}
@media only screen and (min-width: 1000px) {
	.mapcontainer .address {
		background: #fff;
		padding: 2em;
		position: absolute;
		margin-top: 7.14%;
		left: 0;
		top: 0;
		z-index: 2;
		max-width: 15em;
	}
}

/*  ==========================================================================
    news index
    ========================================================================== */

/*  ==========================================================================
    share icons
    ========================================================================== */

.shareicons{
	color: #fff;
	z-index: 2;
	position: relative;
}

.shareiconslist{
}

.shareiconslist li{ margin: 0; display: inline-block; }

.sharelink{
	display: inline-block;
	height: 2em;
	background: #f1f1f1;
	line-height: 2em;
	margin: 0;
	color: #fff;
    border-radius: 1em;
}

.sharelink:after { content: ""; height: 0; visibility: hidden; clear: both; display: block; }

.sharelink--facebook{ background: #3b5998; }
.sharelink--twitter{ background: #00aced; }
.sharelink--linkedin{ background: #007bb6; }
.sharelink--google-plus{ background: #dd4b39; }

.shareicon{
	width: 2em;
	text-align: center;
	display: block;
	float: left;
	padding: 0;
	border: none;
}

.shareicon .fa{ display: inline-block; padding: 0; }
 a:hover .shareicon .fa{ display: inline-block; padding: 0; }

.sharetext{
	overflow: hidden;
	font-size: 12px;
	display: block;
	float: left;
	text-align: right;
	width: 0;
	-webkit-transition: all .15s ease-in-out 0s;
	   -moz-transition: all .15s ease-in-out 0s;
	        transition: all .15s ease-in-out 0s;
	text-align: left;
}

.sharelink:hover .sharetext{
	width: 45px;
}

/* reverse sharelink when image is present */
.pageheader--img .sharelink{ background: #fff; }
.pageheader--img .sharelink--facebook,
.pageheader--img .sharelink--facebook:hover{ color: #3b5998; }
.pageheader--img .sharelink--twitter,
.pageheader--img .sharelink--twitter:hover{ color: #00aced; }
.pageheader--img .sharelink--linkedin,
.pageheader--img .sharelink--linkedin:hover{ color: #007bb6; }

@media only screen and (min-width: 700px){
    .sharelink{ line-height: 3em; height: 3em; border-radius: 1.5em; }
    .shareicon{ width: 3em; }
}


/*  ==========================================================================
	content
	========================================================================== */


.content{
	margin: 0 auto;
	box-sizing: border-box;

}

@media only screen and (min-width:550px){
	.content{ width: 83.4%; padding: 0 .5em;  }
}

@media only screen and (min-width:700px){
	.content{ padding: 0 0.625em; }
}

@media only screen and (min-width:800px){
	.content{ width: 66.8%; }
}

@media only screen and (min-width:1000px){
	.content{ width: 60%; padding: 0 0.75em; }
}

@media only screen and (min-width:1200px){
	.content{ width: 50%; }
}

@media only screen and (min-width:1400px){

}

/*  ==========================================================================
	.posts
	========================================================================== */

.posts{
	margin-bottom: -2em;
}

/*
.posts .gd-g,
.posts.gd-g{
	display:flex;
  	flex-wrap:wrap;
} */

.post{
	/* background-color: #e9e9e9; */
	margin-bottom: 2em;
	position: relative;
}

.post__categories{ margin-bottom: .5em; }
.post__heading{ margin: 0 0 .5em; line-height: 1.2; }

.post__tags{
	padding: 0 .66em .66em 0;
	position: absolute;
	top: 0;
	left: 0;
	background: #f4f4f4;
	z-index: 2;
	-webkit-transition: -webkit-box-shadow 150ms ease-out 0s;
	   -moz-transition:    -moz-box-shadow 150ms ease-out 0s;
			transition: 		box-shadow 150ms ease-out 0s;
}

.post__tags:hover{
	-webkit-box-shadow: 10px 10px 25px rgba(0,0,0,.25);
	   -moz-box-shadow: 10px 10px 25px rgba(0,0,0,.25);
			box-shadow: 10px 10px 25px rgba(0,0,0,.25);
}

.post__link{
	position: relative;
	z-index: 1;
}

.postimg{
	padding: 100% 0 0;
	position: relative;
	overflow: hidden;
	margin-bottom: 1em;
	border-bottom: 8px solid #999;
}

.cat--boom-news .postimg{ border-color: #b31b88; }
.cat--boom-news .post__categories a { color: #b31b88; }
.cat--client-news .postimg{ border-color: #bfd534; }
.cat--client-news .post__categories a { color: #bfd534; }
.postimg__img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #eee;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.posttext {
	padding: 0 0 0;
	position: relative;
	overflow: hidden;

}

/*
@media only screen and (min-width:550px){
	.posttext {
		height: 11em;
	}
}*/

@media only screen and (min-width:800px){
	.gd-u-gt800-2-3 .postimg{
		padding-top: 47.7%;
	}
}

.post__meta {
}

@media only screen and (min-width:800px) and (max-width:999px){
	.posts--related .gd-u:nth-child(4){
		display: none;
	}
}

/*  ==========================================================================
	paging
	========================================================================== */

.paging{ position: relative; padding: 0; border-top: solid 1px #ddd; }

.paging__numbers{ display: none; }
.paging__numbers a,
.paging__numbers span{
	padding: 1.5em;
	border: none;
	border-right: solid 1px #ddd;
	display: block;
	float: left;
	min-width: 1.4em;
	text-align: center;
}

.paging__numbers .current{ color: #aaa; }

.paging__nextprev{
	text-align: center;
	padding: .5em;
}

.paging__nextprev{ text-align: center; }
.paging__nextprev .btn{ margin-bottom: 0; }

.paging__pager--older a:hover{ background: #afb472; }

.paging__nextprev--bothpresent .paging__pager--older{ border-left: solid 1px #e0e0d9; }

@media only screen and (min-width:800px){
	.paging{ border-bottom: solid 1px #ddd; }
	.paging__bd{ border-bottom: solid 1px #d4d4cb; border-top: solid 1px #d4d4cb; }
	.paging__numbers{ display: block; }
	.paging__nextprev{ position: absolute; padding: 0; right: 0; top: 50%; margin-top: -1.75em; }
	.paging__pager{
		display: inline-block;
		padding: .5em;
	}
}


/*  ==========================================================================
	flex
	========================================================================== */

.flex{

}

.flex__heading{
	margin: 0 0 .33em;
}


/*  ==========================================================================
	flexline
	========================================================================== */

.flexline__line{
    border-top: solid 1px #ddd;
    height: 0;
}

/*  ==========================================================================
	flexcols
	========================================================================== */

.content--cols{
	margin-bottom: -2em;
	padding: 0;
}

.flex--contentcols .content:last-child{ padding-bottom: 0; }

.contentcol{
	margin-bottom: 2em;
}

@media only screen and (min-width:550px){
	.content--cols--2,
	.content--cols--3,
	.content--cols--4{ width: 100%; }
}

@media only screen and (min-width:800px){
	.content--cols--2,
	.content--cols--3,
	.content--cols--4{ width: 100%; }
}

@media only screen and (min-width:1000px){
	.content--cols--2{ width: 0 83.4%; }
	.content--cols--3,
	.content--cols--4{ width: 100%; }
}

@media only screen and (min-width:1200px){
	.content--cols--2{ width: 0 83.4%; }
	.content--cols--3,
	.content--cols--4{ width: 100%; }
}

@media only screen and (min-width:1400px){
	.content--cols--2{ width: 0 83.4%; }
	.content--cols--3{ width: 100%; }
	.content--cols--4{ width: 100%; }
}

.content--cols{
	margin-bottom: -2em;
}

/*  ==========================================================================
	flex--faqs
	========================================================================== */


.faqs{
	border-top: 1px solid #ddd;
    position: relative;
}

.faq{
	display: block;
	position: relative;
    border-bottom: 1px solid #ddd;
}

.faq__question{
	margin: 0;
	border-top: none;
	padding: 1em 0 1em 3em;
	position: relative;
	cursor: pointer;
}

.faq__question:hover{ color: #888; }

.faq__question .fa{
	position: absolute;
	top: 1em;
	left: 1em;
	display: block;
	line-height: 1.2;
	-webkit-transition: -webkit-transform 150ms ease-out 0s;
	   -moz-transition: -moz-transform 150ms ease-out 0s;
	transition: transform 150ms ease-out 0s;
}

.faq__answer .inner{
	margin: 0;
	padding: 0em 0em 1em 3em;
}

.faq__answer{
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(0, -1em);
       -moz-transform: translate(0, -1em);
            transform: translate(0, -1em);
    -webkit-transition: height 0ms linear 260ms, opacity 250ms ease-out 0ms, -webkit-transform 150ms ease-out 0ms;
       -moz-transition: height 0ms linear 260ms, opacity 250ms ease-out 0ms,    -moz-transform 150ms ease-out 0ms;
            transition: height 0ms linear 260ms, opacity 250ms ease-out 0ms,         transform 150ms ease-out 0ms;
}

.faq--open .faq__answer{
    -webkit-transition: height 0ms linear 0ms, opacity 250ms ease-out 10ms, -webkit-transform 150ms ease-out 10ms;
       -moz-transition: height 0ms linear 0ms, opacity 250ms ease-out 10ms,    -moz-transform 150ms ease-out 10ms;
            transition: height 0ms linear 0ms, opacity 250ms ease-out 10ms,         transform 150ms ease-out 10ms;
    height: auto;
    opacity: 1;
    -webkit-transform: translate(0, 0em);
       -moz-transform: translate(0, 0em);
            transform: translate(0, 0em);
}

.faq--open .faq__question{ color: #6e6f71; }

.faq--open .faq__question .fa{
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
			transform: rotate(-180deg);
}

/*  ==========================================================================
	Flex slides
	========================================================================== */

.flexslides{
    max-width: 100%;
    overflow: hidden;
}

.flexslides .owl-controls{
    position: absolute;
    top: 0em;
    left: 0;
    right: 0;
    text-align: center;
}

.flexslide{
    position: relative;
	text-align: center;
}

.flexslideimg{
    padding: 50% 0 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.flexslide__content{
    background: #fff;
    padding: 2em 2em 0;
    margin: -3em 0 0;
    box-sizing: border-box;
    text-align: left;
}

.flexslide__heading{ margin-top: 0; }
/*
.flexslide__heading{
    margin: 0 0 .5em;
} */

.flexslides.owl-carousel .flexslide__content{
    opacity: 0;
    -webkti-transform: translate(0px, 20px);
       -moz-transform: translate(0px, 20px);
            transform: translate(0px, 20px);
    -webkit-transition: opacity 500ms ease-out 250ms, -webkit-transform 500ms ease-out 250ms;
       -moz-transition: opacity 500ms ease-out 250ms,    -moz-transform 500ms ease-out 250ms;
            transition: opacity 500ms ease-out 250ms,         transform 500ms ease-out 250ms;
}

.flexslides.owl-carousel .active .flexslide__content{
    opacity: 1;
    -webkti-transform: translate(0px, 0px);
       -moz-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}

.flexslides .owl-dots{
    text-align: center;
    display: inline-block;

}
.flexslides .owl-dot{
    display: inline-block;
    margin: 0;
    color: #888;
}

.flexslides .owl-dot span{
    display: block;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    background: #fff;
	border: none;
	border-left: solid 1px #eee;
    line-height: 1em;
    position: relative;
	border-radius: 0;
	opacity: 1;
}

.flexslides .owl-dot:first-child span{ border-left: none; }

.flexslides .owl-dot span:before{
    font-size: 11px;
    line-height: 1em;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    left: 0;
    right: 0;
    text-align: center;
}
.flexslides .owl-dot:nth-child(1) span:before{ content: '1'; }
.flexslides .owl-dot:nth-child(2) span:before{ content: '2'; }
.flexslides .owl-dot:nth-child(3) span:before{ content: '3'; }
.flexslides .owl-dot:nth-child(4) span:before{ content: '4'; }
.flexslides .owl-dot:nth-child(5) span:before{ content: '5'; }
.flexslides .owl-dot:nth-child(6) span:before{ content: '6'; }

.flexslides .owl-dot:hover{ color: #111; }
.flexslides .owl-dot.active{ color: #111; font-weight: 800; }

@media only screen and (min-width:550px){
    .flexslide__content{
        width: 90.6%;
        display: inline-block;
    }

	.flexslide--left .flexslide__content{ margin-left: auto; margin-right: auto; }
}

@media only screen and (min-width:700px){
	.flexslide--left{ text-align: left; }
	.flexslide--right{ text-align: right; }
	.flexslide--center{ text-align: center; }

	.flexslide--right .flexslide__content{ margin-right: 0em; }
	.flexslide--left .flexslide__content{ margin-left: 0em; }
    .flexslide__bd{
        padding-top: 12%;
        padding-bottom: 12%;
        position: relative;
        z-index: 2;
    }

    .flexslideimg{
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        padding:0;
        height: 100%;
        width: 100%;
    }

    .flexslide__content{ margin: 0; padding: 2.5em; width: 50% }
}


@media only screen and (min-width:1000px){
    .flexslide__content{ margin: 0; padding: 3em; width: 33.3% }
}

@media only screen and (min-width:1400px){
    .flexslide__content{ width: 28.5% }
    .flexslide__bd{
        padding-top: 10%;
        padding-bottom: 10%;
    }
}

/*  ==========================================================================
	flex--imgfeature
	========================================================================== */

.fleximgfeature{
}

.fleximgfeaturecontent__heading{
	margin: 0 0 .5em;
}

.fleximgfeature__imgcontainer--last{ display: none; }

.fleximgfeature__img{
	background-color: #000;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 66.6% 0 0;
}



@media only screen and (min-width: 1000px){
	.fleximgfeature + .fleximgfeature{ margin-top: -3.5%; }

	.fleximgfeature__imgcontainer{ margin-bototm: 0; }

	.fleximgfeature__img{ padding: 100% 0 0; }
	.fleximgfeature--right .fleximgfeature__imgcontainer--first{ display: none; }
	.fleximgfeature--right .fleximgfeature__imgcontainer--last{ display: inline-block; }
}

@media only screen and (min-width: 1200px){
	.fleximgfeaturecontent{ padding: 0 14.3%; }
}

@media only screen and (min-width: 1400px){
	.fleximgfeaturecontent{ padding: 0 20%; }
}



/*  ==========================================================================
	flex--iconlist
	========================================================================== */

.flexiconlist{
}

.iconlist{
	margin-bottom: -2em;
}

.gd-g .iconlistitem{
	text-align: center;
}

.iconlistitem{
	text-align: center;
	margin-bottom: 2em;
}

.iconlistitem__img{
	width: 3.5em;
	display: block;
	margin: 0 auto 1em;
}

.iconlistitem__heading{
	margin: 0 0 .5em;
}

@media only screen and (min-width:700px){
	.iconlist{ margin-bottom: -2.5em; }
	.iconlistitem{ margin-bottom: 2.5em; }

	.iconlist--rows-4{
		margin-left: -14%;
		margin-right: -14%;
	}
}

@media only screen and (min-width:1000px){
	.iconlist{ margin-bottom: -3em; }
	.iconlistitem{ margin-bottom: 3em; }
}

/*  ==========================================================================
	flex--images
	========================================================================== */

.galleryitem{ margin-bottom: 2em; }


.galleryitem__img{
	width: 100%;
	display: block;
}


.galleryitem__caption{
	margin-top: 1em;
	color: #888;
}

.galleryitem__caption:after{
	content: ' ';
	display: block;
	width: 1.5em;
	border-bottom: solid 1px #ddd;
	margin: 1em 0 0;
}


/*  ==========================================================================
	flex featuredposts
	========================================================================== */


.flex--featuredposts{
}


.flex--featuredposts .fpleader{
	text-align: center;
}

.flex--featuredposts .fpleader{ max-width: 35em; margin: 0 auto 2em; }
.flex--featuredposts .fpleader p{ margin: 0 0 .5em; }

@media only screen and (min-width:700px){
	.flexpostcount--1 .fpleader{ text-align: left; }
	.flexpostcount--1 .fpleader .leader{ margin-right: 10%; }
}

@media only screen and (min-width:800px){
	.flexpostcount--1 .fpleader{ text-align: left; }
	.flexpostcount--1 .fpleader .leader{ margin-right: 15%; }
}



/*  ==========================================================================
	flex--quote
	========================================================================== */

.flexquote{
	position: relative;
}

.flexquote__bd{
	position: relative;
	z-index: 2;
}

.flexquote__quote{
	margin: 0;
	padding: 0;
}

.flexquote__quote p{ margin: 0 0 0.5em; }

.flexquote__quotemark{
	line-height: 1;
	font-family: Georgia, Times New Roman, serif;
	height: .75em;
	font-weight: bold;
}
/*
.flexquote__quotemark--last{
	display: none;
} */

.flexquote__cite{
	margin-top: 1em;
	font-style: normal;
	display: block;
}

/* flexquote--img */

.flexquote--withimg{
	color: #fff;
	background: #000;
	overflow: hidden;
}

.flexquote__img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0;
	-webkit-transition: -webkit-transform 2000ms ease-out 0ms, opacity 2000ms ease-out 0ms;
	   -moz-transition:    -moz-transform 2000ms ease-out 0ms, opacity 2000ms ease-out 0ms;
			transition: 		transform 2000ms ease-out 0ms, opacity 2000ms ease-out 0ms;
	-webkit-transform: scale(1.1,1.1);
	   -moz-transform: scale(1.1,1.1);
			transform: scale(1.1,1.1);
}

.flexquote__img.effect--ready{
	opacity: .66;
	-webkit-transform: scale(1,1);
	   -moz-transform: scale(1,1);
			transform: scale(1,1);
}

@media only screen and (min-width:550px){
}

@media only screen and (min-width:800px){
}

@media only screen and (min-width:1200px){
}


/*  ==========================================================================
	flex--video
	========================================================================== */

.flexvideo{
}

.flexvideo__videocode{
	padding: 56.6% 0 0;
	position: relative;
}

.flexvideo__videocode *{ display: none; }

.flexvideo__videocode iframe{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.flexvideo__caption{
	margin-top: 1em;
	color: #888;
}

.flexvideo__caption:after{
	content: ' ';
	display: block;
	width: 1.5em;
	border-bottom: solid 1px #ddd;
	margin: 1em 0 0;
}

@media only screen and (min-width:1000px){
	.flexvideowrapper{ margin: 0 8.3%; }
}

@media only screen and (min-width:1200px){
	.flexvideowrapper{ margin: 0 13%; }
}

/*  ==========================================================================
	flex cta
	========================================================================== */

.flexcta{
	text-align: center;
	position: relative;
}

.flexcta__bd{
	position: relative;
	z-index: 2;
}

.flexcta__leader{
	max-width: 30em;
	margin-left: auto;
	margin-right: auto;
}

.flexcta__cta a{ margin: 0 .5em .75em; display: inline-block; }

/* flexquote--img */

.flexcta--withimg{
	color: #fff;
	background: #000;
	overflow: hidden;
}

.flexcta__img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0;
	-webkit-transition: -webkit-transform 2000ms ease-out 0ms, opacity 2000ms ease-out 0ms;
	   -moz-transition:    -moz-transform 2000ms ease-out 0ms, opacity 2000ms ease-out 0ms;
			transition: 		transform 2000ms ease-out 0ms, opacity 2000ms ease-out 0ms;
	-webkit-transform: scale(1.1,1.1);
	   -moz-transform: scale(1.1,1.1);
			transform: scale(1.1,1.1);
}

.flexcta__img.effect--ready{
	opacity: .66;
	-webkit-transform: scale(1,1);
	   -moz-transform: scale(1,1);
			transform: scale(1,1);
}

.profilepic{
	padding: 100% 0 0;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
}

/*  ==========================================================================
	mailchimp
	========================================================================== */
.subscribefield {
    background: #f4f4f4;
    position: relative;
    margin-bottom: .66em;
}
.field__input--emailsignup {
    padding-right: 10em;
}
.subscribefield input {
    background: none;
    border: none;
    position: relative;
    z-index: 1;
}
.newslettersignupbtn {
    position: absolute;
    top: 50%;
    margin-top: -.7em;
    right: 1.5em;
    text-shadow: 0 1px 0 #fff;
}
.newslettersignupbtn:hover,
.newslettersignupbtn:focus {
	color: #000;
}

/*  ==========================================================================
	twitter feed
	========================================================================== */

.twitterfeed {
	height: 0;
	padding: 100% 0 0;
	background-color: #1da1f2;
	color: #fff;
	position: relative;

}

.twitterfeed__inner{
	padding: 0 .75em .75em;
	box-sizing: border-box;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

@media only screen and (min-width: 800px) {
	.twitterfeed { padding-bottom: 16em; height:8px; padding-top: 47.7%; }
}


/*  ==========================================================================
	.heroposts
	========================================================================== */

.heroposts .owl-controls{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
}

.heroposts .owl-controls .owl-prev,
.heroposts .owl-controls .owl-next{
	position: absolute;
	top: -1.5em;
	font-size: 2.5em;
	padding: 1em 0;
	line-height: 1em;
	left: 0;
	width: 7.14%;
	text-align: center;
}

.heroposts .owl-controls .owl-next{ left: auto; right: 0; }

.heropost{
	display: none;
	background: #000;
	padding: 100% 0 0;
	position: relative;
}

.heropost:first-child{ display: block; }

.owl-carousel .heropost{ display: block; }

.heropost__img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
	opacity: .5;
	-webkit-transition: opacity 1000ms ease-out 0ms;
	   -moz-transition: opacity 1000ms ease-out 0ms;
			transition: opacity 1000ms ease-out 0ms;
}

.owl-carousel .heropost__img{ opacity: .25; }
.owl-carousel .active .heropost__img{ opacity: .5; }

.owl-carousel .heropost__heading,
.owl-carousel .heropost__preheading,
.owl-carousel .heropost__postheading{
	-webkit-transition: opacity 750ms ease-out 0ms, -webkit-transform 750ms ease-out 0ms;
	   -moz-transition: opacity 750ms ease-out 0ms,    -moz-transform 750ms ease-out 0ms;
			transition: opacity 750ms ease-out 0ms, 		transform 750ms ease-out 0ms;
	opacity: 0;
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	transform: translate(0, -10px);
}

.owl-carousel .active .heropost__heading,
.owl-carousel .active .heropost__preheading,
.owl-carousel .active .heropost__postheading{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
}

.owl-carousel .heropost__heading{
	-webkit-transition-delay: 250ms;
	   -moz-transition-delay: 250ms;
			transition-delay: 250ms;
}

.owl-carousel .heropost__postheading{
	-webkit-transition-delay: 250ms;
	   -moz-transition-delay: 250ms;
			transition-delay: 250ms;
}


.heropost__bd{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
	z-index: 2;
	text-align: center;
}

.heropost__bd:before{
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}

.heropost__content{
	width: 95%;
	display: inline-block;
	vertical-align: middle;
	/* padding-top: 85px; */
}

.heropost__heading{
	margin: 0 ;
}


.heropost__preheading{ margin: 0 0 .66em; }
.heropost__postheading{ margin: .66em 0 0; }

@media only screen and (min-width:700px){
	.heropost{ padding: 75% 0 0; }
	.heropost__content{ width: 80%; }
	/* .heropost__content{ padding-top: 175px; } */
}

@media only screen and (min-width:1000px){
	.heropost{ padding: 50% 0 0; }
	.heropost__content{ width: 75%; }
}

@media only screen and (min-width:1400px){
	.heropost{ padding: 45% 0 0; }
	.heropost__content{ width: 66%; }
}

/*
// img alignment
*/

.content img.alignright,
.content img.alignleft,
.content img.aligncenter{ display: block; margin: 0 auto 1.5em; }

@media only screen and (min-width:450px){
	.content img.alignright,
	div.alignright { float:right; margin:0 0 1.5em 1.5em; max-width: 50%;}
	.content img.alignleft,
	div.alignleft { float:left; margin:0 1.5em 1.5em 0; max-width: 50%; }
	.content img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
}

@media only screen and (min-width:550px){
	.content img.alignright,
	div.alignright { float:right; margin:0 -10% 1.5em 1.5em; max-width: 50%;}
	.content img.alignleft,
	div.alignleft { float:left; margin:0 1.5em 1.5em -10%; max-width: 50%; }
}

@media only screen and (min-width:700px){
	.content img.alignright,
	div.alignright { float:right; margin:0 -25% 1.5em 1.5em; max-width: 50%;}
	.content img.alignleft,
	div.alignleft { float:left; margin:0 1.5em 1.5em -20%; max-width: 50%; }
}