body {
		font-family: 'Roboto', sans-serif;
		display: block;
	}
	
	body {
		background-color: #000;
		color: #f8f8f8;
		margin: 0;
	}
  
  	.section .container .columns {
		padding: 1.5rem;
  	}
  
  	.section .container:last-child {
  		padding-top: 10px;
  		padding-bottom: 300px;
  	}

	.container.no-padding-top {
		padding-top: 0;
	}

	.container.no-padding-bottom {
		padding-bottom: 0;
	}
	
	#mast {
		position: absolute;
		height: 50px;
		width: 100%;
		z-index: 99;
		padding: 20px;
	}	
	
	#mast a {
		margin-right: 20px;
	}
	
	.p-fixed {
		position: fixed !important;
		top: 0;
	}

	.is-vertical-center {
		display: flex;
		align-items: center;
		text-align: center;
	}


	/* intro */
	
	#splash {
		background-color: #000;
		width: 100vw;
		height: 100vh;
		overflow: hidden;
		position:fixed;
		top: 0;
		z-index:-1;
	}
	
	#splash div.banners {
		opacity: .9;
		height: 100%;
		width: 100%;
		text-align: center;
		justify-content: center;
		text-decoration: none;
		border: none;
	}
	
	#splash a.intro-continue {
		position: absolute;
		bottom: 5vh;
		left: 50%;
	}
	
	#splash #slideshow {
		display: none;
    	width: 100vw;
    	height: 100vh;
	}
	
	.slides {
		display: flex;
	    align-items: center;
	    justify-content: center;
	    margin: auto;
	    text-align: center;
	    height: 100%;
	    width: 100%;
    	position: absolute;
	}
		
	#slideshow img.slide {
		text-align: center;
	}

	#slideshow img.slide.active {
		display: flex;
	}
	
	#haul-intro a.intro-continue img {
		width: 50px;
	}

	.section-sm .container {
		padding-bottom: 20px;
		padding-top: 20px;
	}

	#main {
		overflow: hidden;
		margin-top: 100vh;
		width: 100%;
		position: absolute;
		top: 0;
		background-color: #000000;
		z-index: 2;
		margin-bottom: 40vh;
	}

	.bounce {
	    animation: bounce 2s infinite;
	}
	
	@keyframes bounce {
	  0%, 20%, 50%, 80%, 100% {
	    transform: translateY(0);
	  }
	  40% {
	    transform: translateY(-30px);
	  }
	  60% {
	    transform: translateY(-15px);
	  }
	}

	.arrow {
	    position: absolute;
	    bottom: 10vh;
	    left: 50%;
	    margin-left: -20px;
	    width: 40px;
	    height: 40px;
	    background-image: url('../img/ui/arrow-down.svg');
	    background-size: contain;
	}





	/* sections */

	.section.section-header-image + .section {
		margin-top: -1px !important;
	}	

	.section.section-header-image .container {
		padding-bottom: 50px;
	}
	
	.section.section-header-image .header-image {
		margin-top: 0px;
		padding-top: 100px;
	}
	
	.section-intro {
		position: relative;
		overflow: visible;
		min-height:50vh;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.section-intro .header-image img {
		max-width: 855px;
		margin: auto;
	}
	
	.section.section-footer .container {
		padding-bottom: 50px;
	}

	/* helpers */

	.is-padded-4 {
		padding: 40px;
	}

	.is-paddingless-top {
		padding-top: 0 !important;
	}

	.has-added-padding {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.border-bottom-blk {
		border-bottom: 30px solid #000;
	}

	.bg-blk, .bg-blk .title, .bg-blk .subtitle, .bg-red, .bg-red .title, .bg-red .subtitle {
		color: #f8f8f8;
	}
	
	.bg-wht {
		color: #333;
	}
	
	.teaser.teaser-services p {
		font-size: 1em;
		margin-bottom: 5px;
	}
	
	.columns.padded-right {
		padding-right: 50px;
	}
	
	.column.scrolled {
		padding-bottom: 100px;
	}
	
	
	/* utils */
	
	.mt0 {
		margin-top: 0;
	}
	
	.d-none {
		display: none;
	}
	
	.has-border-top {
		border-top: 3px solid #333;
	}
	
	.is-underlineless {
		text-decoration: none !important;
		border-bottom: none !important;
	}
	
	ion-icon {
		color: #fff;
	}
	
	ion-icon.icon-blk {
		color: #000;
	}

	ion-icon.icon-red {
		color: #e64120;
	}
	
	li ion-icon {
		font-size: .7em;
		margin-right: 5px;
	}
	
	ul.is-inline  li {
		display: inline;
	}
	
	.is-animated {
		-webkit-transition: all .25s linear;
		-moz-transition: all .25s linear;
		-o-transition: all .25s linear;
		-ms-transition: all .25s linear;
	}
	
	.img-centered {
		margin: auto;
	}
	
	/* typography */
	
	.title {
		letter-spacing: -1px;
		line-height: 1;
	}
	
	.is-0 {
		font-size: 5em;
	}
	
	.subtitle {
		margin-top: 1.5em;
		margin-bottom: .5em !important;
	}
	
	hr {
		border-bottom: 3px solid #550e04;
	    margin-top: 100px;
	}
	
	.uc {
		text-transform: uppercase;
	}
	
	.text-centered {
		text-align: center;
	}
	
	h2, h3, h4, a.stripe-link {
		font-weight: 700;
		line-height: 1.1em;
		letter-spacing: 0em;
		font-family: 'Anton', sans-serif;
		text-transform: uppercase;
	}
	
	.marquee-title {
	    position: absolute;
	    margin: -60px 0px 0px 20px;
	    background-color: #e64121;
	    color: black;
	    padding: 20px 20px 20px 20px;
		font-family: 'Roboto', sans-serif;
		font-weight: 900;
		font-style: italic;
		text-transform: uppercase;
		font-size: 1.5em;
		z-index: 77;
    }
	
	.simple-marquee-container ul li {
		font-family: 'Roboto', sans-serif;
		font-weight: 900;
		font-style: italic;
	}
	
	h5 {
		font-size: 1.5em;	
	}
	
	#haul-intro a {
		font-size: 120px;
		color: #f8f8f8;
		font-weight: 700;
		line-height: 1.1em;
		letter-spacing: 0em;
		font-family: 'Anton', sans-serif;
		text-transform: uppercase;
	}
	
	#haul-intro a:hover {
		color: #eaeaea;
		border: none;
		text-decoration: none;
	}
	
	h4 {
		/* margin-top: 50px; */
	}
	
	.bg-blk a:link {
		color: #e64120;
	}
	
	.bg-blk a:hover, .bg-blk a:active, .bg-blk a:visited {
		color: #e64120;
	}
	
	p {
		margin-top: 0;
		margin-bottom: 20px;
		font-size: 1.2em;
		line-height: 1.2em;
	}
	
	p.display {
		font-size: 1.8em;
	}
	
	p.legal {
		font-size: .9em;
		line-height: 1em;
	}
	
	.sidebar p, .sidebar li {
		/* font-size: .9em; */
	}
	
	ul.custom-list {
		list-style-type: none;
	}
		
	ul.custom-list li.bullet {
		background-repeat: no-repeat;
		background-position: center left;
		background-size: contain;
		text-indent: 1em;
		padding-left: 20px;
		height: 70px;
		line-height: 70px;
		font-weight: 500;
		font-family: 'Anton', sans-serif;
	}
	
	a:link, a:active, a:visited {
		text-decoration: none;
		color: #e64120;
	}
	
	a:hover {
		border-bottom: 4px solid #e64120;
		text-decoration: none;
		color: #e64120;
	}

	.bg-red a:link, .bg-red a:active, .bg-red a:visited {
		text-decoration: none;
		color: #000;
	}

	.bg-red a:hover {
		border-bottom: 4px solid #333;
		text-decoration: none;
		color: #333;
	}

	a.stripe-link {
		/* background-color: #fff; */
		/* color: #222; */
		color: #fff; 
		display: inline-block;
		padding: 0.45rem;
		border: none;
		margin-bottom: 0 !important;
		
		/* Needs prefixing */
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
	}
	
	a.stripe-link:hover {
		/* background-color: #000; */
		color: #fff;
		text-decoration: none;
		border: none;
	}

	a.big-link {
		font-size: 22px;
		font-weight: 700;
		background-color: #f8f8f8;
		padding: 20px;
		display: inline-block;
	}

	a.big-link:hover {
		color: #f3f3f3;
		background-color: #d53d26;
		text-decoration: none;
		border: none;
	}
	
	ul.nav li {
		list-style-type: none;
		font-weight: 700;
		text-align: center;
		font-size: 1.7em;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		position: relative;
		font-family: 'Anton', sans-serif;
	}

	ul.nav li a {
		text-decoration: none;
		padding: 10px 0px 20px 5px;
		overflow: hidden;
		display: block;
	}

	ul.nav li a:hover:not(.no-line)::after {
		display: none;
	}
	
	ul.list-dotted li {
		padding: 10px 0 10px 0;
		margin: 0px 0 0 0;
		display: block;
		border-top: 1px dotted #e64120;
		font-family: 'Anton', sans-serif;
	}

	ul.list-dotted li:first-child {
		border: none;
	}

	ul.list-dotted li a {
		padding: 10px;
		margin: 0px 0 0 0;
		display: block;
	}

	ul.list-dotted li a:hover {
		background-color: #e64120;
		text-decoration: none;
		color: #fff;
		border-bottom: none;
	}
	
	ul.list-dotted li a:hover ion-icon {
		color: #fff;
	}

	.txt-wht {
		color: #fff !important;
	}
	
	.txt-blk {
		color: #000 !important;
	}

	/* faq */
	
	.faqs {
		margin-bottom: 50px;
	}
	
	.faq-set {
		margin-bottom: 20px;
	}
	
	.faq-set .faq-close {
		display: none;
		color: #fff;
		font-size: .6em;
	}
	
	.faq-set .faq-close:hover {
		color: #f2f2f2;
		text-decoration: none;
		border: none;
	}
	
	.faq-set.active .faq-close {
		display: inline-block;
	}
	
	.faq-set.active {
		background-color: #222;
		color: #fff;
		padding: 50px;

		-webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75);
	}
	

	a.faq-link {
		text-decoration: none;
		font-size: 1.4em;
		font-weight: 500;
		
		/* padded multi-line */
		line-height: 1.5;
		padding: 2px 0; 
		width: 400px;
		margin: 20px auto;
		
	}
	
	a.faq-link span {
		/* background-color: #fff; */
		/* color: #222;*/
		color: #fff;
		display: inline;
		padding: 0.45rem;
		
		/* Needs prefixing */
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
	}
	
	a.faq-link span:hover {
		color: #fff;
		/* border-color: #000; */
		border: none;
		text-decoration: none;
		/* background-size: 100% 0.3em; */
		/* background-color: #222; */
	}
	
	.faq-set.active a {
		padding: 0;
		line-height: 1em;
	}
	
	.faq-set.active a.faq-link {
		background-color: transparent;
	}

	.faq-set.active a.faq-link span {
		background-color: transparent;
		color: #e64121;
		display: inline;
		padding: 0;
		
		/* Needs prefixing */
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
	}

	.faq-more {
		display: none;
		margin-bottom: 30px;
	}
	
	/* forms */

	form {
		text-align: center;
	}
	
	form input {
		background-color: none;
		border: none;
		border-bottom: 1px solid f8f8f8;
		color: f8f8f8;
	}
	
	input[type="text"].input-custom, input[type="text"], textarea {
	  background-color : transparent;
	  border: none;
	  border-radius: 0;
	  border-bottom: 1px solid #333;
	  color: #333;
	  text-align: center;
	}

	::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	    color:    #333;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #333;
	   opacity:  1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #333;
	   opacity:  1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color:    #333;
	}
	::-ms-input-placeholder { /* Microsoft Edge */
	   color:    #333;
	}
	
	::placeholder { /* Most modern browsers support this now. */
	   color:    #333;
	}
	
	input.button-primary, input[type="submit"].button-primary {
		background-color: #333;
		border: 3px solid #e24129;
		color: f8f8f8;
	}
	
	input.button-primary:hover, input[type="submit"].button-primary:hover {
		background-color: #000;
		border-color: #e24129;
		color: f8f8f8;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	}

	.section.bg-blk {
		/* background-color: #000000; */
	}

    .section.bg-red, .teaser.bg-red {
		background-color: #e64121;
    }

    .section.bg-wht {
		background-color: #f8f8f8;
    }
    
    .bg-image {
    	width: 100vw;
/*
		padding: 0;
		margin: 0;
*/
		background-position: top center;
		background-repeat: repeat-x;
		background-size: cover;
    }
    
    .bg-image.img-pos-bottom {
    	background-position: bottom center;
    }

	.teaser.teaser-services {
		color: #eae2ce;
		padding-bottom: 100px;
	}
	
	.teaser.teaser-services .column {
		margin-top: 50px;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
	}


	/* slants */
	
	.slanted {
	    box-sizing: border-box;
	    width: 100%;
	    position: relative;
	    clip-path: polygon(0 3%, 100% 0, 100% 90%, 0% 100%);
	    -webkit-clip-path: polygon(0 3%, 100% 0, 100% 90%, 0% 100%);
	    margin-top: -200px;
	    max-height: 700px;
	    overflow: hidden;
	}
	
	.slanted.flat-bottom {
	    clip-path: polygon(0% 7%, 100% 0%, 100% 100%, 0 100%);
	    -webkit-clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
	}
	
	.slanted .container-fluid {
		padding-top: 100px;
		height: 100%;
	}

	/*
	.slanted:before {
	    content: "";
	    height: 70px;
	    transform: skewY(0deg);
	    position: absolute;
	    left: 0;
	    right: 0;
	    z-index: -1;
	}
	
	.slanted:after {
	    content: "";
	    height: 70px;
	    transform: skewY(0deg);
	    position: absolute;
	    left: 0;
	    right: 0;
	    z-index: -1;
	}
	*/
	
	.slanted:before{    
	    /* top: -10px; */
	}
	
	.slanted:after {
	    /* bottom: -10px; */
	}

	/* grid */

	* { box-sizing: border-box; }
	
	/* ---- grid ---- */
	
	.grid {

	}
	
	/* clear fix */
	.grid:after {
	  content: '';
	  display: block;
	  clear: both;
	}
	
	/* ---- .grid-item ---- */
	
	.grid-sizer,
	.grid-item {
	  width: 33.333%;
	}
	
	.grid-item {
	  float: left;
	  padding: 4px;
	  background-color: #f8f8f8;
	}
	
	.grid-item { width: 200px; }
	.grid-item--width2 { width: 400px; }
	
	.grid-item img {
	  display: block;
	  width: 100%;
	}
	
	.parallax-window {
	    min-height: 500px;
	    background: transparent;
	}


	/* animated standby styling */

	.animated.standby {
	  -webkit-animation: none !important;
	  -o-animation: none !important;
	  animation: none !important;
	  visibility: hidden;
	}


@media only screen and (max-width: 768px) {

	.img-left-mobile {
		margin-left: 0 !important;
	}
	

	#main {
		margin-bottom: 0;
	}

	.section {
		padding-top: 0px;
	}

	.section .column {
		text-align: left !important;
	}

  	.section .container:last-child {
  		padding-top: 0px;
  		padding-bottom: 200px;
  	}

	ul.custom-list li.bullet {
		text-indent: 1.2em;
		padding-left: 10px;
		height: 50px;
		line-height: 50px;
		font-weight: 500;
		font-size: .9em;
	}
	
	.section#about .container {
		padding-top: 0;
	}
	
	.reverse-columns {
	    flex-direction: column-reverse;
		display: flex;
	}
	
	.section.section-header-image .container {
		padding-bottom: 50px;
	}
	
	.section.section-header-image .header-image {
		margin-top: 100px;
	}
	
	div.sidebar {
		border-top: 1px dotted #dcdcdc;
		margin-top: 20px;
	}
	
	.teaser.teaser-services {
		display: none;
	}
		
	.instagram_gallery {
		margin-bottom: 350px;
	}

	.section-footer {
		padding-top: 100px;
	}

	
}