/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29/08/2016, 11:03:36 PM
    Author     : David
*/

.bert-alert
{
	display:none;
	position:fixed;vh
	background:#eeeeee;
	z-index:9999;
	color:#666666;
	padding:15px
}
.bert-alert.show
{
	display:block
}
.bert-alert>.bert-container
{
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	justify-content:flex-start;
	-webkit-align-content:center;
	-moz-align-content:center;
	-ms-flex-line-pack:center;
	align-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	align-items:center
}
.bert-alert>.bert-container>.bert-gem
{
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
	-webkit-align-content:center;
	-moz-align-content:center;
	-ms-flex-line-pack:center;
	align-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	align-items:center;
	float:left;
	width:32px;
	height:32px;
	background:rgba(0, 0, 0, 0.3);
	border-radius:3px;
	margin-right:15px
}
.bert-alert>.bert-container>.bert-gem i
{
	position:relative;
	top:0px;
	font-size:16px;
	line-height:16px
}
.bert-alert>.bert-container>.bert-content
{
	float:left;
	width:calc( 100% - 47px)
}
.bert-alert>.bert-container>.bert-content h5+p
{
	top:0px
}
.bert-alert>.bert-container>.bert-content p
{
	position:relative;
	top:-1px
}
.bert-alert .bert-content>h5
{
	display:block;
	color:#666666;
	margin:0px 0px 5px;
	font-size:14px
}
.bert-alert:not(.default) .bert-content>h5
{
	color:#fff
}
.bert-alert .bert-content>p
{
	font-size:14px;
	line-height:20px;
	margin:0
}
.bert-alert .bert-content>.bert-icon
{
	position:relative;
	top:-4px;
	float:right;
	font-size:24px;
	line-height:24px;
	margin:0
}
.bert-alert.success p,.bert-alert.success i,.bert-alert.info p,.bert-alert.info i,.bert-alert.warning p,.bert-alert.warning i,.bert-alert.danger p,.bert-alert.danger i
{
	color:#fff
}
.bert-alert.success
{
	background:#75ba50
}
.bert-alert.info
{
	background:#1b9edb
}
.bert-alert.warning
{
	background:#fad131
}
.bert-alert.danger
{
	background:#da5347
}
.bert-alert.fixed-top,.bert-alert.fixed-bottom
{
	left:0px;
	right:0px
}
.bert-alert.fixed-top
{
	top:-100%;
	padding-top:20px;
	-webkit-transition:top 0.8s cubic-bezier(0.5, 0, 0.275, 1.11)
}
.bert-alert.fixed-top.animate
{
	padding-top:20px;
	top:-6px
}
.bert-alert.fixed-bottom
{
	bottom:-100%;
	padding-bottom:20px;
	-webkit-transition:bottom 0.8s cubic-bezier(0.5, 0, 0.275, 1.11)
}
.bert-alert.fixed-bottom.animate
{
	padding-bottom:20px;
	bottom:-6px
}
.bert-alert[class*="growl-"]
{
	border-radius:3px;
	max-width:350px
}
.bert-alert[class*="growl-"] .bert-content h5
{
	display:block;
	color:#fff;
	margin:0px 0px 5px;
	font-size:14px
}
.bert-alert[class*="growl-"] .bert-content p
{
	font-size:14px;
	width:100%
}
.bert-alert.growl-top-left,.bert-alert.growl-bottom-left
{
	left:-100%;
	right:auto;
	width:calc( 100% - 30px);
	-webkit-transition:left 0.8s cubic-bezier(0.5, 0, 0.275, 1.11)
}
.bert-alert.growl-top-left.animate,.bert-alert.growl-bottom-left.animate
{
	left:15px
}
.bert-alert.growl-top-left,.bert-alert.growl-top-right
{
	top:15px
}
.bert-alert.growl-bottom-left,.bert-alert.growl-bottom-right
{
	bottom:15px
}
.bert-alert.growl-top-right,.bert-alert.growl-bottom-right
{
	right:-100%;
	left:auto;
	width:calc( 100% - 30px);
	-webkit-transition:right 0.8s cubic-bezier(0.5, 0, 0.275, 1.11)
}
.bert-alert.growl-top-right.animate,.bert-alert.growl-bottom-right.animate
{
	right:15px
}
@media screen and (min-width: 350px)
{
	.bert-alert[class*="growl-"]
	{
		min-width:350px
	}
	.bert-alert.growl-top-left,.bert-alert.growl-bottom-left
	{
		left:-100%;
		right:auto;
		-webkit-transition:left 0.8s cubic-bezier(0.5, 0, 0.275, 1.11)
	}
	.bert-alert.growl-top-left.animate,.bert-alert.growl-bottom-left.animate
	{
		left:15px
	}
	.bert-alert.growl-top-right,.bert-alert.growl-bottom-right
	{
		right:-100%;
		left:auto;
		-webkit-transition:right 0.8s cubic-bezier(0.5, 0, 0.275, 1.11)
	}
	.bert-alert.growl-top-right.animate,.bert-alert.growl-bottom-right.animate
	{
		right:15px
	}

}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	//text-align: center;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
	display:block
}
body
{
	line-height:1;
	font-family:sans-serif;
	font-size:14px
}
ol,ul
{
	list-style:none
}
blockquote,q
{
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after
{
	content:'';
	content:none
}
table
{
	border-collapse:collapse;
	border-spacing:0
}
*
{
	box-sizing:border-box
}
.flickity-enabled
{
	position:relative
}
.flickity-enabled:focus
{
	outline:none
}
.flickity-viewport
{
	overflow:hidden;
	position:relative;
	height:100%
}
.flickity-slider
{
	position:absolute;
	width:100%;
	height:100%
}
.flickity-enabled.is-draggable
{
	-webkit-tap-highlight-color:transparent;
	tap-highlight-color:transparent;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.flickity-enabled.is-draggable .flickity-viewport
{
	cursor:move;
	cursor:-webkit-grab;
	cursor:grab
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down
{
	cursor:-webkit-grabbing;
	cursor:grabbing
}
.flickity-prev-next-button
{
	position:absolute;
	top:50%;
	width:44px;
	height:44px;
	border:none;
	border-radius:50%;
	background:none;
	cursor:pointer;
	transition:opacity .25s;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.flickity-prev-next-button:hover
{
	opacity:.6
}
.flickity-prev-next-button:focus
{
	outline:none;
	box-shadow:0 0 0 5px #09F
}
.flickity-prev-next-button:active
{
	filter:alpha(opacity=60);
	opacity:0.6
}
.flickity-prev-next-button.previous
{
	left:10px
}
.flickity-prev-next-button.next
{
	right:10px
}
.flickity-rtl .flickity-prev-next-button.previous
{
	left:auto;
	right:10px
}
.flickity-rtl .flickity-prev-next-button.next
{
	right:auto;
	left:10px
}
.flickity-prev-next-button:disabled
{
	filter:alpha(opacity=30);
	opacity:0.3;
	cursor:auto
}
.flickity-prev-next-button svg
{
	position:absolute;
	left:20%;
	top:20%;
	width:60%;
	height:60%
}
.flickity-prev-next-button .arrow
{
	fill:#333
}
.flickity-prev-next-button.no-svg
{
	color:#333;
	font-size:26px
}
.flickity-page-dots
{
	position:absolute;
	width:100%;
	bottom:-40px;
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
	line-height:1
}
.flickity-rtl .flickity-page-dots
{
	direction:rtl
}
.flickity-page-dots .dot
{
	display:inline-block;
	width:8px;
	height:8px;
	margin:0 4px;
	background:#333;
	filter:alpha(opacity=25);
	opacity:0.25;
	cursor:pointer
}
.flickity-page-dots .dot.is-selected
{
	filter:alpha(opacity=100);
	opacity:1
}
@font-face
{
	font-family:'textalight';
	src:url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-light-webfont.eot");
	src:url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-light-webfont.eot?#iefix") format("embedded-opentype"), url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-light-webfont.woff2") format("woff2"), url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-light-webfont.woff") format("woff"), url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-light-webfont.ttf") format("truetype"), url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-light-webfont.svg#textalight") format("svg");
	font-weight:normal;
	font-style:normal
}
@font-face
{
	font-family:'textaregular';
	src:url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-regular-webfont.eot");
	src:url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-regular-webfont.eot?#iefix") format("embedded-opentype"), url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-regular-webfont.woff2") format("woff2"), url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-regular-webfont.woff") format("woff"), url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-regular-webfont.ttf") format("truetype"), url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-regular-webfont.svg#textaregular") format("svg");
	font-weight:normal;
	font-style:normal
}
@font-face
{
	font-family:'textablack';
	src:url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-black-webfont.eot");
	src:url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-black-webfont.eot?#iefix") format("embedded-opentype"), url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-black-webfont.woff2") format("woff2"), url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-black-webfont.woff") format("woff"), url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-black-webfont.ttf") format("truetype"), url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-black-webfont.svg#textablack") format("svg");
	font-weight:normal;
	font-style:normal
}
@font-face
{
	font-family:'textaheavy';
	src:url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-heavy-webfont.eot");
	src:url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-heavy-webfont.eot?#iefix") format("embedded-opentype"), url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-heavy-webfont.woff2") format("woff2"), url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-heavy-webfont.woff") format("woff"), url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-heavy-webfont.ttf") format("truetype"), url("//doppler-preorders.s3.amazonaws.com/assets/fonts/texta-heavy-webfont.svg#textaheavy") format("svg");
	font-weight:normal;
	font-style:normal
}
html,body
{
	font-size:14px
}
body
{
	font-family:'textaregular';
	font-weight:normal;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
p
{
	font-family:'textaregular';
	font-weight:normal;
	font-style:normal;
	font-size:1.2rem;
	font-weight:400;
	line-height:1.6
}
@media (min-width: 768px)
{
	p
	{
		font-size:1.16rem;
		line-height:1.7
	}

}
a
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	color:purple;//#f14700;
	text-decoration:none
}
a:hover
{
	color:black
}
h1,h2,h3,h4,h5,h6
{
	/*text-transform:uppercase;*/
	font-weight:700;
	letter-spacing:.1rem;
	font-family:'textaheavy';
	font-weight:normal;
	font-style:normal;
	line-height:1.4;
	margin:35px 0
}
@media (max-width: 767px)
{
	h1,h2,h3,h4,h5,h6
	{
		margin:15px 0
	}

}
h1
{
	color:#1c1c1c;
	font-size:2.3rem;
	line-height:1.2
}
@media (min-width: 768px)
{
	h1
	{
		font-size:3.2rem
	}

}
@media (min-width: 1120px)
{
	h1
	{
		font-size:4.5rem
	}

}
h2
{
	color:#1c1c1c;
	font-size:2rem;
	line-height:1.1
}
@media (min-width: 768px)
{
	h2
	{
		font-size:2.4rem
	}

}
@media (min-width: 1120px)
{
	h2
	{
		line-height:1;
		font-size:3.1rem
	}

}
h3
{
	font-size:1.7rem;
	color:#1c1c1c
}
@media (min-width: 768px)
{
	h3
	{
		font-size:2.5rem
	}

}
@media (min-width: 1120px)
{
	h3
	{
		font-size:2.8rem
	}

}
h4
{
	color:#1c1c1c;
	font-size:1rem;
	margin-bottom:15px
}
@media (min-width: 768px)
{
	h4
	{
		font-size:1.2rem
	}

}
@media (min-width: 1120px)
{
	h4
	{
		font-size:1.25rem
	}

}
h5
{
	font-family:'textablack';
	font-weight:normal;
	font-style:normal;
	font-size:.9rem;
	margin:8px 0;
	padding:0;
	line-height:1.4
}
.btn
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	/*	text-transform:uppercase;*/
	font-weight:700;
	letter-spacing:.1rem;
	font-family:'textaheavy';
	font-weight:normal;
	font-style:normal;
	cursor:pointer;
	font-size:13px;
	display:inline-block;
	margin:35px 0;
	padding:21px 40px;
	border:1px solid transparent;
	border-radius:28px;
	color:purple; //#f14700;
	background:#FFFFFF;
	position:relative;
	z-index:8;
	outline:none;
	-webkit-box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0.05);
	box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0.05)
}
.btn:hover
{
	background:purple;//#f14700;
	color:white
}
.btn:focus
{
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-o-transition:all 0.2s;
	outline:none;
	box-shadow:0px 3px 10px rgba(0, 0, 0, 0.1)
}
.btn:focus,.btn:active
{
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-o-transition:all 0.2s;
	outline:none;
	box-shadow:0px 3px 10px rgba(0, 0, 0, 0.1);
	background-color:purple;//#f14700;
	color:#FFFFFF
}
.btn:hover
{
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	background-color:purple;//#f14700;
	color:#FFFFFF
}
.btn--xl
{
	padding:20px 40px
}
.btn--outline
{
	background:transparent;
	box-shadow:none;
	border:1px solid #e3e3e3;
	color:white
}
.btn--outline:hover
{
	background:white;
	color:purple;//#f14700
}
.footer
{
	background-color:#1c1c1c;
	color:#FFFFFF;
	text-align:center;
	margin:0 auto;
	padding:50px 20px 20px
}
@media (min-width: 768px)
{
	.footer
	{
		padding:80px 20px 0 20px
	}

}
.footer-wrapper
{
	position:relative;
	max-width:1260px;
	margin:0 auto
}
.footer-logo svg
{
	fill:white;
	width:120px;
	height:50px
}
.footer-logo .a,.footer-logo .b
{
	fill:none
}
.footer-logo .a
{
	clip-rule:evenodd
}
.footer-logo .c
{
	clip-path:url(#a)
}
.footer-logo .d
{
	clip-path:url(#b)
}
.footer-logo .e
{
	fill:#fff
}
@media (min-width: 768px)
{
	.footer-logo
	{
		position:absolute;
		left:-20px;
		top:50px
	}

}
.footer-connected
{
	flex:1 1 auto;
	margin:0;
	padding:0.5em 0;
	box-sizing:border-box;
	flex-basis:100%
}
@media all and (max-width: 768px)
{
	.footer-connected
	{
		flex-basis:100%;
		padding:0 10px;
		width:auto
	}

}
.footer-connected .email-form
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	flex:1 1 auto;
	justify-content:center
}
.footer-connected .email-form h5
{
	color:#bbbbbb
}
@media (min-width: 768px)
{
	.footer-connected .email-form
	{
		padding-bottom:40px
	}

}
@media (min-width: 1120px)
{
	.footer-connected .email-form
	{
		padding-bottom:60px
	}

}
.footer-connected .email-form-obj
{
	flex:1 1 auto;
	margin:0;
	padding:0.5em 0;
	box-sizing:border-box;
	flex-basis:33.3333%;
	flex-grow:0;
	flex-shrink:0;
	text-align:center
}
@media all and (max-width: 768px)
{
	.footer-connected .email-form-obj
	{
		flex-basis:100%;
		padding:0 10px;
		width:auto
	}

}
.footer-connected .email-form-obj-thankyou
{
	position:absolute;
	width:100%;
	border-radius:18px;
	background:white;
	color:purple;//#f14700;
	padding:17px 10px;
	z-index:4
}
.footer-connected .email-form-obj-cont
{
	display:inline-flex;
	position:relative;
	justify-content:center
}
.footer-connected .email-form-obj-cont input
{
	font-family:'textaheavy';
	font-weight:normal;
	font-style:normal;
	background:#f0f0f0;
	padding:16px 20px;
	outline:none;
	border-top-left-radius:24px;
	border-bottom-left-radius:24px;
	font-size:.9rem;
	width:50%
}
.footer-connected .email-form-obj-cont input:focus
{
	border:none;
	font-weight:500
}
@media (min-width: 600px)
{
	.footer-connected .email-form-obj-cont input
	{
		width:auto
	}

}
@media (min-width: 768px)
{
	.footer-connected .email-form-obj-cont input
	{
		padding-right:40px;
		padding-left:40px
	}

}
.footer-connected .email-form-obj-cont button
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	/*	text-transform:uppercase;*/
	font-weight:700;
	letter-spacing:.1rem;
	cursor:pointer;
	/*	text-transform:uppercase;*/
	padding-left:20px;
	padding-right:20px;
	font-size:1rem;
	border:none;
	font-size:13px;
	background:white;
	color:purple;//#f14700;
	border-top-right-radius:24px;
	border-bottom-right-radius:24px
}
.footer-connected .email-form-obj-cont button:hover
{
	background:purple;//#f14700;
	color:white
}
@media (min-width: 768px)
{
	.footer-connected .email-form-obj-cont button
	{
		padding-left:40px;
		padding-right:40px
	}

}
.footer-connected .email-form-obj-social
{
	padding-top:20px
}
.footer-connected .email-form-obj-social svg
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	fill:white;
	width:22px;
	margin:0 10px;
	height:22px
}
.footer-connected .email-form-obj-social svg:hover
{
	fill:purple;//#f14700
}
@media (min-width: 768px)
{
	.footer-connected .email-form-obj-social svg
	{
		margin:8px 14px
	}

}
.footer-links
{
	width:100%
}
.footer-links-wrapper
{
	/*	text-transform:uppercase;*/
	font-weight:700;
	letter-spacing:.1rem;
	padding:30px 0 30px;
	text-align:center
}
@media (min-width: 768px)
{
	.footer-links-wrapper
	{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		flex-wrap:nowrap;
		align-items:center;
		flex:1 1 auto
	}

}
.footer-links-items
{
	width:100%
}
.footer-links-items a
{
	font-family:'textaheavy';
	font-weight:normal;
	font-style:normal;
	padding:8px;
	color:#7c7c7c;
	display:block;
	font-size:.9rem
}
.footer-links-items a:hover,.footer-links-items a:active
{
	color:#FFFFFF
}
@media (min-width: 768px)
{
	.footer-links-items a
	{
		display:inline-block;
		padding:0px 16px 0 0
	}

}
@media (min-width: 768px)
{
	.footer-links-items
	{
		text-align:left
	}

}
.footer-links-copy
{
	width:100%;
	font-size:.9rem;
	padding-top:30px;
	color:#bbbbbb
}
@media (min-width: 768px)
{
	.footer-links-copy
	{
		padding-top:0;
		width:30%;
		text-align:right
	}

}
.header
{
	position:fixed;
	z-index:10;
	width:100%;
	background:white;
	top:0;
	border-bottom:1px solid #e3e3e3;
	text-align:center
}
@media (min-width: 600px)
{
	.header
	{
		text-align:right
	}

}
.header svg
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	fill:black;
	width:88px
}
.header--nav
{
	max-width:1260px;
	margin:0 auto;
	padding:16px 50px;
	display:flex;
	align-items:center;
	z-index:8;
	justify-content:center;
	border-bottom:1px solid #e3e3e3;
	position:fixed;
	background:white;
	left:0;
	width:100%
}
@media (min-width: 600px)
{
	.header--nav
	{
		border-bottom:none;
		position:relative;
		background:transparent;
		align-items:center;
		justify-content:space-between
	}

}
.header--nav-mobile
{
	position:absolute;
	left:24px;
	top:18px;
	width:30px;
	height:30px;
	cursor:pointer;
	z-index:2
}
@media (min-width: 600px)
{
	.header--nav-mobile
	{
		display:none
	}

}
.header--nav-mobile-burger
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	height:100%;
	width:2px;
	background:#b6b6b6;
	position:relative;
	left:12px
}
.header--nav-mobile-burger:before
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	position:absolute;
	content:'';
	height:24px;
	width:2px;
	left:-8px;
	top:3px;
	background:#b6b6b6
}
.header--nav-mobile-burger:after
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	position:absolute;
	content:'';
	left:8px;
	height:24px;
	top:3px;
	width:2px;
	background:#b6b6b6
}
.header--nav-mobile.open .header--nav-mobile-burger
{
	height:0px
}
.header--nav-mobile.open .header--nav-mobile-burger:before
{
	transform:rotate(45deg);
	height:30px;
	left:0;
	top:0
}
.header--nav-mobile.open .header--nav-mobile-burger:after
{
	transform:rotate(-45deg);
	left:0;
	top:0;
	height:30px
}
.header--nav-menu-mobile
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	position:fixed;
	left:0;
	background:white;
	z-index:3;
	top:56px;
	width:100%;
	transform:translateY(-300px)
}
.header--nav-menu-mobile.open
{
	transform:translateY(0px)
}
@media (min-width: 600px)
{
	.header--nav-menu-mobile
	{
		-webkit-transition:none;
		-moz-transition:none;
		-o-transition:none
	}

}
.header--nav-menu-mobile a
{
	/*	text-transform:uppercase;*/
	font-weight:700;
	letter-spacing:.1rem;
	font-family:'textaheavy';
	font-weight:normal;
	font-style:normal;
	font-size:13px;
	letter-spacing:.15rem;
	color:#000000;
	margin:0;
	display:block;
	padding:30px 0
}
.header--nav-menu-mobile a:nth-child(1)
{
	border-bottom:1px solid #e3e3e3
}
.header--nav-menu-mobile a:hover
{
	color:purple;//#f14700
}
@media (min-width: 600px)
{
	.header--nav-menu-mobile a
	{
		margin:0 0 0 30px
	}
	.header--nav-menu-mobile a:nth-child(1)
	{
		border-bottom:none
	}

}
.header--nav-menu-mobile a.btn
{
	border-radius:0;
	font-size:13px;
	background:purple;//#f14700;
	color:white;
	display:block !important;
	padding:30px 45px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none
}
.header--nav-menu-mobile a.btn:hover
{
	background:white;
	border-color:purple;//#f14700;
	color:purple;//#f14700
}
@media (min-width: 600px)
{
	.header--nav-menu-mobile a.btn
	{
		padding:18px 45px
	}

}
.header--nav-menu-mobile a.btn
{
	background:purple;//#f14700;
	color:white
}
.header--nav-menu-mobile a.btn:hover
{
	background:white;
	color:purple;//#f14700
}
@media (min-width: 768px)
{
	.header--nav-menu-mobile a
	{
		margin:0 0 0 40px
	}

}
.header--nav-menu
{
	width:100%;
	display:none
}
@media (min-width: 600px)
{
	.header--nav-menu
	{
		display:block;
		padding-right: 1%;
	}

}
.header--nav-menu a
{
	/*	text-transform:uppercase;*/
	font-weight:700;
	letter-spacing:.1rem;
	font-family:'textaheavy';
	font-weight:normal;
	font-style:normal;
	font-size:13px;
	letter-spacing:.15rem;
	color:#000000;
	margin:0;
	padding:30px 0;
}
.header--nav-menu a:nth-child(1)
{
	border-bottom:1px solid #e3e3e3
}
.header--nav-menu a:hover
{
	color:purple;/*#f14700*/
	text-shadow: 2px 2px lightblue;
}
@media (min-width: 600px)
{
	.header--nav-menu a
	{
		margin:0 20px 0 30px
	}
	.header--nav-menu a:nth-child(1)
	{
		border-bottom:none
	}

}
@media (min-width: 768px)
{
	.header--nav-menu a
	{
		margin:0 0 0 40px
	}

}
.header--nav .btn
{
	display:none;
	font-size:13px;
	background:purple;/*#f14700*/
	color:white;
	padding:30px 45px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none
}
.header--nav .btn:hover
{
	background:white;
	border-color:purple;//#f14700;
	color:purple;//#f14700
}
@media (min-width: 600px)
{
	.header--nav .btn
	{
		padding:14px 45px
	}

}
.header.sticky
{
	background:white;
	border-bottom:1px solid #f8f8f8
}
.header.sticky svg
{
	fill:black
}
.header.sticky .header--nav-menu a
{
	color:black
}
.header.sticky .header--nav-menu a:hover
{
	color:purple;//#f14700
}
.header.sticky .header--nav .btn
{
	display:inline-block !important;
	background:purple;//#f14700;
	color:white
}
.header.sticky .header--nav .btn:hover
{
	background:white;
	color:purple;//#f14700
}
.header.sticky .header--nav
{
	padding:16px 50px
}
.header--transparent .btn
{
	display:none !important;
}
@media (min-width: 768px)
{
	.header--transparent
	{
		-webkit-transition:all 0.25s;
		-moz-transition:all 0.25s;
		-o-transition:all 0.25s;
		background:transparent;
		border-bottom:none
	}
	.header--transparent svg
	{
		fill:white
	}
	.header--transparent .header--nav
	{
		-webkit-transition:all 0.25s;
		-moz-transition:all 0.25s;
		-o-transition:all 0.25s;
		padding:40px 50px
	}
	.header--transparent a
	{
		color:white;
		text-shadow: 2px 2px #000000;
	}
	.header--transparent.sticky
	{
		background:white;
		border-bottom:1px solid #f8f8f8
	}
	.header--transparent.sticky svg
	{
		fill:black;
		width:83px
	}
	.header--transparent.sticky a
	{
		color:black;
		text-shadow: none;
	}
	.header--transparent.sticky .btn
	{
		display:inline-block !important
	}

}
@media (min-width: 768px)
{
	.header .btn
	{
		display:inline-block
	}

}
.header .region-icon
{
	display:inline-block;
	background-image:url("/images/region-flags.png")
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
{
	.header .region-icon
	{
		background-image:url("/images/region-flags@2x.png");
		background-size:33px 128px
	}

}
.header .region-icon-eu
{
	background-position:-0px -0px;
	width:32px;
	height:32px
}
.header .region-icon-uk
{
	background-position:-0px -32px;
	width:32px;
	height:32px
}
.header .region-icon-na
{
	background-position:-0px -63px;
	width:32px;
	height:32px
}
.header .region-icon-other
{
	background-position:-0px -95px;
	width:33px;
	height:33px
}
.logo--awards
{
	text-align:center
}
.logo--awards-object
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	text-align:center;
	display:block;
	color:#b6b6b6;
	padding:40px 0
}
.logo--awards-object img
{
	max-height:58px;
	padding:14px 0;
	width:auto
}
@media (min-width: 600px)
{
	.logo--awards-object img
	{
		max-height:52px
	}

}
@media (min-width: 1120px)
{
	.logo--awards-object img
	{
		max-height:55px
	}

}
.logo--awards-object.cnet img
{
	max-height:80px
}
.logo--awards-object:hover
{
	background-color:#f8f8f8
}
.logo--awards-object p
{
	font-size:1.18rem;
	color:#808080
}
@media (min-width: 600px)
{
	.logo--awards
	{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		flex-wrap:wrap;
		align-items:stretch;
		flex:1 1 auto
	}
	.logo--awards-object
	{
		width:50%;
		padding:50px 30px;
		position:relative;
		z-index:4;
		background:white;
		display:flex;
		align-items:flex-start;
		justify-content:center
	}
	.logo--awards-object.cnet .logo--awards-object-container
	{
		position:relative;
		top:-26px
	}

}
@media (min-width: 868px)
{
	.logo--awards-object
	{
		width:25%;
		padding:80px 10px;
		border-left:1px solid transparent;
		border-right:1px solid transparent
	}
	.logo--awards-object:hover
	{
		border-left:1px solid #f1f1f0;
		border-right:1px solid #f1f1f0
	}
	.logo--awards.three-stack>.logo--awards-object
	{
		width:33.3333%;
		border-left:1px solid #f1f1f0;
		border-bottom:1px solid #f1f1f0
	}
	.logo--awards.three-stack>.logo--awards-object:hover
	{
		border-right:1px solid transparent
	}

}
@media (min-width: 600px)
{
	.logo--awards
	{
		position:relative;
		background:white;
		z-index:3
	}
	.logo--awards:after
	{
		-webkit-box-shadow:0px 18px 105px -35px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:0px 18px 105px -35px rgba(0, 0, 0, 0.25);
		box-shadow:0px 18px 105px -35px rgba(0, 0, 0, 0.25);
		top:0;
		content:'';
		height:100%;
		width:100%;
		left:50%;
		transform:translateX(-50%);
		position:absolute;
		z-index:1
	}

}
input,select
{
	padding:5px 0;
	width:100%;
	border:none;
	border-bottom:1px solid #e3e3e3;
	/*	text-transform:uppercase;*/
	background:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	outline:0;
	font-size:.9rem;
	border-radius:0;
	transition:all 300ms ease
}
@media (min-width: 768px)
{
	input,select
	{
		font-size:1.0rem;
		padding:10px 0
	}

}
@media (min-width: 1120px)
{
	input,select
	{
		font-size:1.1rem;
		padding:10px 0
	}

}
input:focus,select:focus
{
	font-color:#000000;
	border-bottom:1px solid #000000;
	-webkit-appearance:none;
	outline:0
}
button
{
	outline:0
}
button:focus
{
	outline:0
}
.checkout--container.active .checkout--checkout
{
	-ms-transform:translateX(0px);
	-webkit-transform:translateX(0px);
	transform:translateX(0px)
}
.checkout--container.active .checkout--overlay
{
	opacity:1
}
.checkout--container p
{
	color:#b6b6b6
}
@media (max-width: 767px)
{
	.checkout--container p
	{
		font-size:0.8rem;
		line-height:1.5
	}

}
.checkout--wrapper
{
	display:flex;
	align-items:center;
	padding:100px 0;
	width:100%
}
.checkout--overlay
{
	-webkit-transition:0.25s all;
	-moz-transition:0.25s all;
	-o-transition:0.25s all;
	opacity:0;
	/*position:fixed;*/
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:11;
	background:white;
	cursor:not-allowed
}
@media (min-width: 600px)
{
	.checkout--overlay
	{
		background:rgba(0, 0, 0, 0.4)
	}

}
.checkout--checkout
{
	/*	-ms-transform:translateX(786px);
		-webkit-transform:translateX(786px);
		transform:translateX(786px);
		-webkit-transition:0.35s all;
		-moz-transition:0.35s all;
		-o-transition:0.35s all;
		position:fixed;*/
	/*height:75vh;*/
	height:100%;
	max-height:75vh;
	background-color:#FFFFFF;
	right:0;
	top:0;
	z-index:12;

	/*    display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;*/
    display:flex;

	/*	-webkit-flex-direction:column;*/
	flex-wrap:nowrap;
	flex-direction:column;
	align-items:center;

	justify-content:center;
	/*	-webkit-box-align: center;
		-webkit-flex-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;*/

	align-content:stretch;
	width:fit-content;
	width:-moz-fit-content;
    width:-webkit-fit-content;
    width:-ms-fit-content;
}
.checkout--checkout.confirmation
{
	height:120vh;
	max-height:120vh
}
@media (min-width: 600px)
{
	.checkout--checkout
	{
		/*		height:100%;
				width:95%*/
	}
	.checkout--checkout.confirmation
	{
		height:100%;
		max-height:100vh
	}

}
@media (min-width: 768px)
{
	.checkout--checkout
	{
		width:580px
	}

}
.checkout--navigation
{
	position:relative; /*absolute*/
	top:0;
	left:0;
	display:flex;
	z-index:10;
	justify-content:space-between;
	align-items:center;
	width:100%;
	background-color:#f8f8f8;
	border-bottom:1px solid #efefef;
	/*	text-transform:uppercase;*/
	font-weight:700;
	letter-spacing:.1rem;
	padding:0 0 0 44px;
	height:40px
}
@media (min-width: 768px)
{
	.checkout--navigation
	{
		height:70px
	}

}
.checkout--navigation a
{
	font-size:1rem;
	padding:0 10px;
	color:#cdcdcd;
	cursor:pointer;
	position:relative
}
.checkout--navigation a:before
{
	display:inline-block;
	content:'';
	width:8px;
	height:8px;
	background:#b6b6b6;
	border-radius:100%
}
@media (min-width: 500px)
{
	.checkout--navigation a:before
	{
		display:none
	}

}
.checkout--navigation a div
{
	display:inline-block
}
.checkout--navigation a:last-child:before
{
	display:none
}
.checkout--navigation a.active
{
	color:#000000
}
.checkout--navigation a span
{
	display:none
}
@media (min-width: 500px)
{
	.checkout--navigation a span
	{
		display:inline-block
	}

}
.checkout--navigation a span.order--confirmation
{
	margin-left:10px;
	display:inline-block
}
.checkout--navigation a.active:before
{
	background:purple;//#f14700
}
@media (min-width: 500px)
{
	.checkout--navigation a.active span
	{
		display:inline
	}

}
.checkout--navigation .close-button
{
	text-align:right;
	font-size:1.8rem;
	font-weight:100;
	color:#000000;
	line-height:.5;
	margin-right:25px
}
@media (max-width: 767px)
{
	.checkout--navigation
	{
		padding-left:25px
	}
	.checkout--navigation a
	{
		font-size:0.8rem
	}

}
.checkout--order-color
{
	display:flex;
	/*flex-direction:column-reverse;*/
	flex-direction:row-reverse;
	justify-content:center;
	align-items:center;
	margin-bottom:10px;
}
.checkout--order-color:first-child
{
	/*margin-right:20px*/
	margin-right:0;
	margin-bottom:10px;
}
@media (min-width: 600px)
{
	.checkout--order-color
	{
		flex-direction:row-reverse
	}
	.checkout--order-color:first-child
	{
		margin-right:0;
		margin-bottom:10px
	}

}
.checkout--order-color:last-child
{
	margin-bottom:0
}
.checkout--item
{
	position:relative;
	order:2;
	width:100%;
	/*	height:100%;*/
	display:flex;
	flex-direction: column;

	justify-content:space-between;
	align-items:center;
	min-height:300px;
}
.checkout--progress-fill
{
	order:3;
	height:120px
}
.checkout--progress
{
	/*	position:fixed;*/
	color:#FFFFFF;
	bottom:0;
	right:0;
	background-color:#1c1c1c;
	height:70px;
	margin:0;
	width:100%;
	/*	text-transform:uppercase;*/
	font-size:1.2rem;
	font-family:'textablack';
	font-weight:normal;
	font-style:normal;
	text-align:center;
	border:none;
	display:flex;
	align-items:center;
	justify-content:center
}
.checkout--progress span
{
	margin:0 auto;
	width:100%
}
@media (min-width: 600px)
{
	.checkout--progress
	{
		width:100%
	}

}
@media (min-width: 768px)
{
	.checkout--progress
	{
		height:90px;
		width:580px;
		right:0;
		left:auto
	}

}
.checkout--progress:hover
{
	background-color:purple;//#f14700;
	color:#fff
}
.checkout--email
{
	position: relative;
	padding:0 55px;
	width:100%;
	align-self:center
}
.checkout--email form
{
	margin:25px 0
}
.checkout--email h3
{
	margin:10px 0 0
}
.checkout--email p
{
	color:#7c7c7c;
	margin-bottom:25px
}
.checkout--email a.international-link
{
	color:purple;//#f14700;
	font-family:'textaregular';
	font-weight:normal;
	font-style:normal;
	font-size:1rem
}
@media (max-width: 767px)
{
	.checkout--email
	{
		padding:0 15px
	}

}
.checkout--order
{
	width:100%;
	/*min-height:470px;*/
	/*margin-top:50px;*/
	margin-top:0px;
	/*justify-content:center;*/
	display:flex;
	align-items:center;
	flex-direction:column;
	overflow-y: auto;
}

.checkout--order-white,.checkout--order-black
{
	clear:both
}
@media (min-width: 600px)
{
	.checkout--order
	{
		margin-top:0
	}

}
.checkout--order-preview
{
	width:100%;
	min-height:140px;
	padding:75px 45px;
	/*background:url("/images/earbuds-checkout.png") top left no-repeat;*/
	border-bottom:1px solid #e3e3e3;
	min-height:60px;
	margin-top:50px;
	padding:20px 25px;
	display:none;
	background-position:122px 0px;
	background-size:358px 120px
}
@media (min-width: 768px)
{
	.checkout--order-preview
	{
		background-position:-140px 30px;
		background-size:cover;
		padding:75px 45px 35px;
		display:flex;
		align-items:center;
		justify-content:flex-end
	}

}
.checkout--order-preview-item
{
	display:inline-flex
}
.checkout--order-preview-item .q-v-preview
{
	width:auto;
	padding:5px 25px;
	margin:-5px 10px
}
.checkout--order-top
{
	display:flex;
	flex:.8;
	padding:0 15px;
	margin-bottom:15px;
	width:100%;
	position:relative;
	justify-content:center;
	align-items:center;
	flex-direction:column
}
@media (min-width: 600px)
{
	.checkout--order-top
	{
		background-image:url("/images/earbuds-checkout.png");
		background-size:auto;
		background-position:-135px bottom;
		background-repeat:no-repeat;
		display:flex;
		justify-content:flex-end;
		padding:100px 55px;
		align-items:flex-end;
		margin-bottom:20px;
		flex-direction:row
	}

}
.checkout--order--bottom
{
	flex:1;
	padding:0 15px;
	padding-top:15px;
	border-top:1px solid #e3e3e3;
	width:100%
}
@media (min-width: 768px)
{
	.checkout--order--bottom
	{
		padding-top:50px;
		padding:0 55px
	}

}
.checkout--order--bottom--checkout
{
	display:flex;
	flex-direction:row;
	font-size:1.2rem;
	flex-wrap:wrap;
	padding:10px 15px
}
@media (min-width: 768px)
{
	.checkout--order--bottom--checkout
	{
		flex-wrap:nowrap;
		padding-top:30px
	}

}
.checkout--order--bottom--checkout--left
{
	width:50%;
	display:flex;
	justify-content:space-between;
	text-align:right;
	/*	text-transform:uppercase;*/
	font-weight:700;
	letter-spacing:.1rem;
	line-height:1.5em
}
@media (min-width: 600px)
{
	.checkout--order--bottom--checkout--left
	{
		justify-content:flex-start;
		text-align:left
	}

}
@media (max-width: 767px)
{
	.checkout--order--bottom--checkout--left
	{
		width:100%
	}

}
.checkout--order--bottom--checkout--left .column-left
{
	color:#b6b6b6;
	padding-right:30px;
	line-height:1.8;
	font-size:1.0rem;
	text-align:left
}
.checkout--order--bottom--checkout--left .column-left .label-row
{
	display:block
}
.checkout--order--bottom--checkout--left .column-left .label-row:nth-child(3)
{
	margin-top:3px
}
.checkout--order--bottom--checkout--left .column-right
{
	line-height:1.8;
	font-size:1.0rem
}
.checkout--order--bottom--checkout--left .column-right span
{
	color:#019392
}
.checkout--order--bottom--checkout--left .column-right input
{
	font-family:'textaregular';
	font-weight:normal;
	font-style:normal;
	padding:3px 0;
	margin-bottom:2px;
	text-transform:none
}
.checkout--order--bottom--checkout--left .column-right input:focus
{
	font-weight:400
}
@media (max-width: 767px)
{
	.checkout--order--bottom--checkout--left .column-right input
	{
		padding:0;
		margin:0;
		font-size:1.0rem
	}

}
.checkout--order--bottom--checkout--right
{
	/*	text-transform:uppercase;*/
	font-weight:700;
	letter-spacing:.1rem;
	text-align:right;
	align-self:flex-end;
	width:50%
}
@media (max-width: 767px)
{
	.checkout--order--bottom--checkout--right
	{
		width:100%
	}

}
.checkout--order--bottom--checkout--right .discount-code
{
	color:purple;//#f14700;
	margin:35px 0 0
}
@media (max-width: 767px)
{
	.checkout--order--bottom--checkout--right .discount-code
	{
		margin:15px 0 0
	}

}
.checkout--order--bottom--checkout--right .desktop-total--label
{
	color:#b6b6b6;
	font-size:1.0rem;
	margin-right:10px;
	float:left
}
@media (min-width: 600px)
{
	.checkout--order--bottom--checkout--right .desktop-total--label
	{
		display:inline-block;
		float:none
	}

}
.checkout--order--bottom--checkout--right .price--total
{
	font-size:2.0rem
}
.checkout--order-mobile-header
{
	margin-bottom:30px;
	/*	text-transform:uppercase;*/
	font-family:'textablack';
	font-weight:normal;
	font-style:normal;
	margin-top:0
}
@media (min-width: 600px)
{
	.checkout--order-mobile-header
	{
		display:none
	}

}
.checkout--order-quantity
{
	/*	display:flex;
		flex-direction:row;*/
	align-items:center;
	justify-content:center;
	text-align:center;
	display:block;
	position:relative;
}
@media (min-width: 600px)
{
	.checkout--order-quantity
	{
		display:block;
		position:relative
	}

}
.checkout--order-white-button
{
	border:1px solid #b6b6b6;
	padding:4px;
	width:25px;
	height:25px;
	border-radius:50%;
	background-color:#FFFFFF;
	transition:border 300ms ease
}
.checkout--order-white-button:hover,.checkout--order-white-button:focus
{
	border:1px solid #e3e3e3
}
.checkout--order-white-button-inside
{
	border:1px solid #b6b6b6;
	width:15px;
	height:15px;
	border-radius:50%
}
.checkout--order-black-button
{
	border:1px solid #000000;
	padding:4px;
	width:25px;
	height:25px;
	border-radius:50%;
	transition:border 300ms ease
}
.checkout--order-black-button:hover,.checkout--order-black-button:focus
{
	border:1px solid #b6b6b6
}
.checkout--order-black-button-inside
{
	background-color:#1c1c1c;
	width:15px;
	height:15px;
	border-radius:50%
}
.checkout--order-white-button,.checkout--order-black-button
{
	/*margin-bottom:25px;*/
	margin-bottom:0;
}
@media (min-width: 600px)
{
	.checkout--order-white-button,.checkout--order-black-button
	{
		margin-bottom:0
	}

}
.checkout--order-quantity-val
{
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:1.2rem;
	font-family:'textablack';
	font-weight:normal;
	font-style:normal;
	width:100px;
	height:40px;
	border:1px solid #b6b6b6;
	border-radius:25px;
	padding:4px 8px;
	background-color:#FFFFFF
}
@media (min-width: 600px)
{
	.checkout--order-quantity-val
	{
		margin:0 0 0 10px
	}

}
.checkout--order-quantity-val .quantity-increase,.checkout--order-quantity-val .quantity-decrease
{
	font-size:20px;
	color:#b6b6b6;
	height:25px;
	width:25px;
	line-height:25px
}
.checkout--order-quantity-val .quantity-increase:hover,.checkout--order-quantity-val .quantity-decrease:hover
{
	border-radius:50%;
	background-color:#f8f8f8;
	color:#1c1c1c
}
.checkout--shipping
{
	display:flex;
	flex-direction:column;
	width:100%
}
.checkout--shipping h4
{
	text-align:center;
	margin-bottom:30px;
	margin-top:6px
}
@media (min-width: 768px)
{
	.checkout--shipping h4
	{
		display:none
	}

}
.checkout--shipping .checkout--order-preview
{
	order:1;
	align-self:flex-start
}
.checkout--shipping--form
{
	margin-top:40px;
	padding:0 55px;
	order:3;
	align-self:flex-start;
	width:100%;
	padding:15px 15px
}
@media (min-width: 768px)
{
	.checkout--shipping--form
	{
		padding:0 15px
	}

}
.checkout--billing
{
	display:flex;
	flex-direction:column;
	width:100%;
	margin-top:40px;
	text-align:center;
	justify-content:space-around
}
@media (min-width: 768px)
{
	.checkout--billing
	{
		margin-top:50px;
		justify-content:space-around
	}

}
.checkout--billing h4
{
	text-align:center;
	margin-bottom:10px;
	margin-top:10px
}
@media (min-width: 768px)
{
	.checkout--billing h4
	{
		display:none
	}

}
.checkout--billing p
{
	font-size:1rem;
	margin-bottom:20px
}
.checkout--billing .checkout--order-preview
{
	order:1;
	align-self:flex-start
}
.checkout--billing .checkout--order-preview
{
	display:none
}
.checkout--billing--form
{
	padding:0 15px;
	order:2;
	align-self:flex-start;
	width:100%
}
.checkout--billing--form button
{
	display:inline-block;
	text-align:center;
	align-self:center;
	justify-content:center
}
.checkout--billing .checkout--order--bottom--checkout
{
	padding:0 55px;
	order:3;
	align-self:flex-end;
	width:100%;
	border-top:1px solid #e3e3e3;
	padding-top:35px;
	padding-bottom:35px
}
@media (max-width: 767px)
{
	.checkout--billing .checkout--order--bottom--checkout
	{
		padding:20px 15px
	}

}
.checkout--thankyou
{
	/*	display:flex;
		flex-direction:column;*/
	width:100%;
	/*	justify-content:flex-end;*/
	padding:0 55px;
	align-self:center;
}

.checkout--thankyou h3
{
	font-size:2.5rem;
	margin:10px 0 0
}

@media (max-width: 767px)
{
	.checkout--thankyou h3
	{
		font-size:1.4rem;
		margin:20px 0
	}

}
.checkout--thankyou p
{
	color:#808080
}
.checkout--thankyou-message
{
	/*padding:0 55px;*/
	order:1;
	align-self:flex-start
}
@media (max-width: 767px)
{
	.checkout--thankyou-message
	{
		padding:0 15px
	}

}
.checkout--thankyou-message span
{
	color:#000000
}
.checkout--thankyou-ordersum
{
	padding:0 55px;
	order:2
}
@media (max-width: 767px)
{
	.checkout--thankyou-ordersum
	{
		padding:0 15px
	}

}
.checkout--thankyou-shipping
{
	padding:0 55px;
	padding-bottom:35px;
	order:3;
	display:inline-flex
}
@media (max-width: 767px)
{
	.checkout--thankyou-shipping
	{
		padding:0 15px;
		padding-bottom:35px
	}

}
.checkout--thankyou-shipping .thankyou-left
{
	flex-grow:1
}
.checkout--thankyou-shipping .thankyou-right
{
	flex-grow:2
}
.checkout--thankyou .checkout--order-preview
{
	order:4;
	align-self:flex-end;
	border:none;
	border-top:1px solid #e3e3e3
}
.checkout--thankyou .checkout--order--bottom--checkout
{
	padding:0 55px;
	order:5;
	align-self:flex-end;
	width:100%;
	border-top:1px solid #e3e3e3;
	padding-top:35px;
	padding-bottom:35px
}
@media (max-width: 767px)
{
	.checkout--thankyou .checkout--order--bottom--checkout
	{
		padding:0 15px;
		padding-top:35px;
		padding-bottom:35px
	}

}
.checkout-row
{
	display:inline-flex;
	flex-direction:row;
	flex-wrap:nowrap;
	width:100%
}
.checkout-row span
{
	flex-grow:1;
	margin:2px 5px 0 0
}
@media (min-width: 768px)
{
	.checkout-row span
	{
		margin:4px 10px 0 0
	}

}
@media (min-width: 1120px)
{
	.checkout-row span
	{
		margin:10px 20px 0 0
	}

}
.promocode-cont
{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 0 3px
}
.promocode-form,.promocode-submit
{
	display:flex;
	align-items:center
}
.promocode-submit
{
	font-size:1.0rem;
	letter-spacing:1px
}
.promocode-submit-apply
{
	color:purple; //#f14700;
	border:none;
	outline:none;
	background-color:#FFFFFF;
	font-size:0.9rem;
	font-weight:700;
	/*	text-transform:uppercase;*/
	margin:3px 0 2px;
	min-width:74px;
	padding-left:0;
	padding-right:5px
}
@media (min-width: 400px)
{
	.promocode-submit-apply
	{
		padding-right:0;
		text-align:right;
		min-width:50px
	}

}
.promocode-submit-success
{
	display:inline-block
}
.promocode-submit-success:after
{
	position:relative;
	top:-2px;
	content:'';
	display:block;
	width:4px;
	height:8px;
	border:solid #019392;
	border-width:0 3px 3px 0;
	transform:rotate(45deg)
}
.promocode-submit-failure
{
	color:red;
	min-width:20px
}
.success
{
	color:#019392;
	border-color:1px solid #019392;
	font-weight:700;
	margin-right:10px
}
.failure
{
	font-size:0.9em;
	color:red;
	border-bottom:1px solid red
}
.site--seen
{
	background:white;
	padding:50px 20px;
	text-align:center
}
.site--seen-slideshow
{
	margin:20px 0
}
.site--seen-slideshow:after
{
	content:'flickity';
	display:none
}
@media (min-width: 768px)
{
	.site--seen-slideshow:after
	{
		content:''
	}

}
@media (min-width: 768px)
{
	.site--seen-slideshow
	{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		flex-wrap:nowrap;
		align-items:center;
		flex:1 1 auto
	}

}
.site--seen-wrapper
{
	max-width:1260px;
	margin:0 auto
}
.site--seen-slide
{
	width:90%;
	margin:0 5%
}
.site--seen-slide img
{
	width:auto;
	max-height:20px
}
.site--seen-slide p
{
	padding:30px;
	color:#808080
}
@media (min-width: 768px)
{
	.site--seen-slide
	{
		-webkit-transition:all 0.25s;
		-moz-transition:all 0.25s;
		-o-transition:all 0.25s;
		width:20%;
		margin:0;
		border-bottom:1px solid #e3e3e3;
		opacity:.3;
		padding:30px 0 50px;
		cursor:pointer
	}
	.site--seen-slide:hover
	{
		opacity:.6
	}
	.site--seen-slide p
	{
		display:none
	}
	.site--seen-slide.active-seen
	{
		opacity:1;
		border-bottom:1px solid black
	}

}
.site--seen-quotes
{
	display:none
}
@media (min-width: 768px)
{
	.site--seen-quotes
	{
		display:block;
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		flex-wrap:nowrap;
		align-items:center;
		flex:1 1 auto;
		justify-content:center;
		padding:70px
	}
	.site--seen-quotes p
	{
		display:none;
		font-size:1.8rem;
		color:#808080
	}
	.site--seen-quotes p.active
	{
		display:block
	}

}
.article
{
	padding-top:140px;
	max-width:680px;
	margin:0 auto;
	padding-bottom:60px
}
@media (min-width: 768px)
{
	.article
	{
		padding-top:200px;
		padding-bottom:140px
	}

}
.article h1
{
	margin:0px 0;
	padding:0px 20px 10px
}
@media (min-width: 768px)
{
	.article h1
	{
		padding:0px 40px 10px;
		font-size:42px
	}

}
.article h5,.article h4
{
	color:#808080;
	padding:0px 20px
}
@media (min-width: 768px)
{
	.article h5,.article h4
	{
		padding:0px 40px
	}

}
.article h4
{
	color:black;
	margin:0;
	margin-top:10px;
	padding-bottom:0
}
@media (min-width: 768px)
{
	.article h4
	{
		margin-top:20px
	}

}
.article img
{
	width:100%;
	display:block;
	padding:20px 0
}
@media (min-width: 768px)
{
	.article img
	{
		padding:30px 0
	}

}
@media (min-width: 1120px)
{
	.article img
	{
		padding:60px 0
	}

}
.article p
{
	color:#808080;
	padding:10px 20px;
	font-size:1.3rem
}
@media (min-width: 768px)
{
	.article p
	{
		padding:10px 40px
	}

}
.site--container
{
	background:#f8f8f8
}
.site--down-arrow
{
	position:absolute;
	left:50%;
	bottom:30px;
	cursor:pointer;
	transform:translateX(-50%)
}
@media (max-height: 650px)
{
	.site--down-arrow
	{
		display:none
	}

}
@media (max-width: 768px)
{
	.site--down-arrow
	{
		display:none
	}

}
.site--down-arrow svg
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	width:10px
}
.site--down-arrow svg .cls-1,.site--down-arrow svg .cls-2
{
	fill:none;
	stroke-linecap:round;
	stroke-miterlimit:10
}
.site--down-arrow svg .cls-1
{
	stroke:#fff;
	stroke-width:1.6px
}
.site--down-arrow svg .cls-2
{
	stroke:#231f20
}
.site--down-arrow svg .cls-3
{
	fill:#fff
}
.site--down-arrow:hover svg
{
	fill:purple;//#f14700
}
.site--city
{
	padding-bottom:56.7%;
	border-background:cover;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	overflow:hidden
}
.site--city:before
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	position:absolute;
	background:transparent;
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0
}
.site--city.hover:before
{
	background:rgba(0, 0, 0, 0.5)
}
.site--city-pins
{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0
}
.site--city-pins li
{
	position:relative;
	cursor:pointer
}
.site--city-pins li img
{
	display:none
}
@media (min-width: 768px)
{
	.site--city-pins li img
	{
		-webkit-transition:all 0.15s;
		-moz-transition:all 0.15s;
		-o-transition:all 0.15s;
		display:block;
		width:160px;
		height:160px;
		z-index:6;
		left:-80px;
		top:-70px;
		opacity:0;
		transform:scale(0.5);
		position:absolute
	}
	.site--city-pins li .pulse
	{
		width:100px;
		height:100px;
		background:rgba(241, 71, 0, 0.3);
		border:1px solid rgba(241, 71, 0, 0.4);
		border-radius:50%;
		margin-left:50%;
		left:-40px;
		position:absolute;
		bottom:-60px;
		transform:scale(0.1, 0.1);
		opacity:0;
		display:none;
		animation:ring-1 3000ms ease-out infinite
	}
	.site--city-pins li .pulse:nth-of-type(2)
	{
		animation-delay:600ms
	}
	.site--city-pins li .pulse:nth-of-type(3)
	{
		animation-delay:1200ms
	}
	.site--city-pins li:before
	{
		-webkit-transition:all 0.25s;
		-moz-transition:all 0.25s;
		-o-transition:all 0.25s;
		opacity:0;
		height:14px;
		width:14px;
		position:absolute;
		background:purple;//#f14700;
		border-radius:50%;
		color:purple;//#f14700;
		content:'';
		display:flex;
		align-items:center;
		justify-content:center;
		top:3px;
		left:3px;
		border:1px solid transparent
	}
	.site--city-pins li.visible:before
	{
		opacity:1
	}
	.site--city-pins li.visible .pulse
	{
		display:block
	}
	.site--city-pins li p
	{
		-webkit-transition:opacity 0.25s;
		-moz-transition:opacity 0.25s;
		-o-transition:opacity 0.25s;
		position:absolute;
		opacity:0;
		min-width:380px;
		padding:28px 20px 28px 90px;
		display:none
	}
	.site--city-pins li:hover p
	{
		/*		text-transform:uppercase;*/
		font-weight:700;
		letter-spacing:.1rem;
		font-family:'textaheavy';
		font-weight:normal;
		font-style:normal;
		opacity:1;
		position:relative;
		font-size:13px;
		z-index:3;
		letter-spacing:0;
		max-width:370px;
		display:inline-block !important;
		background:#f8f8f8;
		color:#808080;
		padding:28px 20px 28px 90px;
		border-radius:40px;
		top:-30px
	}
	.site--city-pins li:hover img
	{
		transform:scale(1);
		opacity:1
	}
	.site--city-pins li:hover .pulse
	{
		background:transparent;
		border:1px solid transparent
	}
	.site--city-pins li:hover:nth-child(1) .pulse,.site--city-pins li:hover:nth-child(3) .pulse
	{
		left:-204px;
		position:absolute;
		bottom:-23px
	}
	.site--city-pins li:hover:nth-child(3) p
	{
		top:-30px
	}
	.site--city-pins li:hover:nth-child(2) .pulse
	{
		left:-202px;
		position:absolute;
		bottom:-45px
	}
	.site--city-pins li:hover:nth-child(4) .pulse,.site--city-pins li:hover:nth-child(5) .pulse,.site--city-pins li:hover:nth-child(6) .pulse
	{
		left:-39px;
		position:absolute;
		bottom:-60px
	}
	.site--city-pins li:hover:before
	{
		background:purple;//#f14700
	}
	.site--city-pins li:hover .pin-highlight:before
	{
		opacity:1
	}

}
.site--city-pins li p
{
	opacity:0;
	color:white;
	max-width:330px;
	line-height:1.2;
	padding:0 0px 0 40px
}
.site--city-pins li:nth-child(4),.site--city-pins li:nth-child(5),.site--city-pins li:nth-child(6)
{
	text-align:right
}
.site--city-pins li:nth-child(4) p,.site--city-pins li:nth-child(5) p,.site--city-pins li:nth-child(6) p
{
	position:absolute;
	right:-20px;
	width:370px;
	padding:28px 110px 28px 20px
}
.site--city-pins li .number
{
	font-family:'textaheavy';
	font-weight:normal;
	font-style:normal;
	height:26px;
	width:26px;
	position:absolute;
	background:white;
	border-radius:50%;
	color:purple;//#f14700;
	display:flex;
	align-items:center;
	justify-content:center;
	top:0;
	left:0
}
@media (min-width: 768px)
{
	.site--city-pins li .number
	{
		display:none;
		opacity:0
	}

}
.site--city-pins li:nth-child(1)
{
	position:absolute;
	top:24%;
	left:6%
}
.site--city-pins li:nth-child(2)
{
	position:absolute;
	top:66%;
	left:27%
}
@media (min-width: 768px)
{
	.site--city-pins li:nth-child(2)
	{
		top:72%;
		left:29%
	}

}
.site--city-pins li:nth-child(3)
{
	position:absolute;
	top:57%;
	left:35%
}
@media (min-width: 768px)
{
	.site--city-pins li:nth-child(3)
	{
		top:57%;
		left:38%
	}

}
.site--city-pins li:nth-child(4)
{
	position:absolute;
	top:32%;
	left:59%
}
.site--city-pins li:nth-child(5)
{
	position:absolute;
	top:14%;
	left:69%
}
@media (min-width: 768px)
{
	.site--city-pins li:nth-child(5)
	{
		top:17%;
		left:72%
	}

}
.site--city-pins li:nth-child(6)
{
	position:absolute;
	top:34%;
	left:84%
}
@media (min-width: 768px)
{
	.site--city-pins li:nth-child(6)
	{
		top:38%;
		left:80%
	}

}
.site--city-mobile
{
	padding:40px 20px
}
.site--city-mobile li
{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:nowrap;
	align-items:center;
	flex:1 1 auto;
	align-items:flex-start;
	margin-bottom:20px
}
.site--city-mobile li span
{
	font-family:'textaheavy';
	font-weight:normal;
	font-style:normal;
	background:purple;//#f14700;
	height:28px;
	width:30px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:white
}
.site--city-mobile li p
{
	color:#808080;
	width:100%;
	padding-left:20px;
	display:inline-block
}
@media (min-width: 768px)
{
	.site--city-mobile
	{
		display:none
	}
}
.site--header
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin:0;
	justify-content:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:75% center;
	background-color:#374a53;
	color:#FFFFFF;
	position:relative;
	margin:0;
	padding-top:72px;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:450px;
	align-items:flex-end;
	justify-content:center;
	height:100%;
	text-align:center
}
.site--header:before
{
	content:'';
	background:linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.75) 100%);
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1
}
@media (min-width: 768px)
{
	.site--header
	{
		background-position:center center;
		min-height:650px;
		align-items:center;
		text-align:left
	}
	.site--header:before
	{
		background:none
	}

}
@media (min-width: 768px)
{
	.site--header
	{
		padding-top:0
	}

}
.site--header-wrapper
{
	padding:30px 20px
}
@media (min-width: 768px)
{
	.site--header-wrapper
	{
		margin-right:30%
	}

}
.site--header-text
{
	position:relative;
	z-index:2
}
.site--header-text span
{
	/*text-transform:uppercase;*/
	font-weight:700;
	letter-spacing:.1rem;
	font-family:'textaheavy';
	font-weight:normal;
	font-style:normal;
	letter-spacing:.1rem;
	font-size:13px;
	color:#fff;
}
.site--header-text span.shipping-copy
{
	position:relative;
	top:-14px;
	color:#808080;
	text-shadow: 2px 2px #080808;
}
@media (min-width: 768px)
{
	.site--header-text span.shipping-copy
	{
		padding-left:20px
	}

}
.site--header-text h1
{
	color:white;
	max-width:600px;
	line-height:1.2;
	margin:20px 0;
	text-shadow: 2px 2px #000000;
}
.site--header-text p
{
	max-width:420px;
	text-shadow: 2px 2px #000000;
}
@media (min-width: 768px)
{
	.site--header-text p
	{
		max-width:600px;
		font-weight:500;
		font-size:2.6rem;
		letter-spacing:.4px;
		line-height:1.5;
	}

}
.site--app
{
	background:#f8f8f8;
	padding:40px 20px 0 20px
}
.site--app img
{
	width:100%;
	max-width:580px;
}
.site--app-image{
	text-align: center;
}

.site--app-wrapper
{
	max-width:480px;
	margin:0 auto
}
@media (min-width: 600px)
{
	.site--app-wrapper
	{
		padding:30px 0
	}

}
@media (min-width: 888px)
{
	.site--app-wrapper
	{
		max-width:1260px;
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		flex-wrap:nowrap;
		align-items:center;
		flex:1 1 auto;
		justify-content:space-around
	}

}
.site--app-buttons
{
	text-align:center
}
@media (min-width: 600px)
{
	.site--app-buttons
	{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		flex-wrap:nowrap;
		align-items:center;
		flex:1 1 auto;
		max-width:420px;
		text-align:left
	}

}
.site--app-text p
{
	color:#808080
}
.site--app-text-apps
{
	/*	text-transform:uppercase;*/
	font-weight:700;
	letter-spacing:.1rem;
	color:#b6b6b6;
	display:flex;
	align-items:center;
	justify-content:center
}
@media (min-width: 600px)
{
	.site--app-text-apps
	{
		justify-content:flex-start
	}

}
.site--app-text-apps span
{
	display:inline-block;
	font-family:'textaheavy';
	font-weight:normal;
	font-style:normal;
	font-size:10px;
	margin-right:4px
}
.site--app-text-apps svg
{
	width:32px;
	height:32px;
	margin:0 4px
}
.site--app-text-apps svg .a
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	fill:#8B8B8B
}
.site--app-text-apps svg .b
{
	fill:#FFFFFF
}
@media (min-width: 888px)
{
	.site--app-text
	{
		width:46%;
		max-width:460px
	}
	.site--app-text h3
	{
		max-width:90%;
		line-height:1.1
	}
	.site--app-text p
	{
		max-width:425px
	}

}
.site--product-images
{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:nowrap;
	align-items:center;
	flex:1 1 auto;
	max-width:1260px;
	margin:0 auto
}
.site--product-images-contain
{
	width:50%
}
.site--product-images img
{
	width:100%;
	padding:6px
}
.site--product-images img:nth-child(2)
{
	width:80%
}
.site--features
{
	padding:0 0 0 0
}
.site--features-w
{
	padding:0 20px
}
.site--features-w-items
{
	width:100%;
	text-align:center;
	align-items:flex-start;
	position:relative;
	margin-top:40px;
	padding-top:30px
}
.site--features-w-items:before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:#e3e3e3;
	height:1px
}
@media (min-width: 768px)
{
	.site--features-w-items
	{
		padding-top:60px
	}

}
.site--features-w-items h4
{
	margin-bottom:6px
}
.site--features-w-items-item
{
	padding:20px 0
}
.site--features-w-items-item svg
{
	width:46px;
	height:55px;
	fill:purple;//#f14700
}
.site--features-w-items-item p
{
	color:#808080;
	font-weight:500;
	line-height:1.5;
	max-width:260px;
	margin:0 auto
}

.site--features-w-items-item img
{
	height:55px;	
}

@media (min-width: 600px)
{
	.site--features-w-items
	{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		flex-wrap:wrap;
		align-items:center;
		flex:1 1 auto;
		padding:60px 0 40px;
		align-items:flex-start
	}
	.site--features-w-items-item
	{
		padding:30px 0;
		width:50%
	}
}

@media (min-width: 768px)
{
	.site--features-w-items
	{
		max-width:1200px;
		margin:0 auto;
		padding:60px 0
	}
	.site--features-w-items-item
	{
		padding:50px 30px;
		width:33%
	}

}
@media (min-width: 1120px)
{
	.site--features-w-items
	{
		padding:70px 80px
	}

}
.site--target-graphic
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin:0;
	min-height:60vh;
	background-color:#000000
}
.site--features-distorted
{
	padding:30px 20px
}
.site--features-distorted-text
{
	padding:40px 0;
	text-align:center
}
.site--features-distorted-text svg
{
	width:36px;
	height:36px
}
.site--features-distorted-text svg path
{
	fill:#808080
}
.site--features-distorted-text p
{
	color:#808080
}
.site--features-distorted-photo
{
	position:relative;
	width:100%
}
.site--features-distorted-photo-displace
{
	background-size:cover;
	background-position:center center;
	position:absolute;
	background-repeat:no-repeat;
	right:0;
	top:0;
	width:100%;
	height:100%
}
.site--features-distorted-photo img
{
	opacity:0;
	width:100%
}
@media (min-width: 868px)
{
	.site--features-distorted
	{
		padding:75px 80px 0 80px
	}
	.site--features-distorted-wrapper
	{
		max-width:1400px;
		margin:0 auto;
		position:relative
	}
	.site--features-distorted-wrapper:after
	{
		-webkit-box-shadow:0px 18px 105px -35px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:0px 18px 105px -35px rgba(0, 0, 0, 0.25);
		box-shadow:0px 18px 105px -35px rgba(0, 0, 0, 0.25);
		top:10%;
		content:'';
		height:90%;
		width:70%;
		left:50%;
		transform:translateX(-50%);
		position:absolute;
		z-index:1
	}
	.site--features-distorted-photo
	{
		z-index:3
	}
	.site--features-distorted-photo-displace
	{
		width:100%;
		height:110%
	}
	.site--features-distorted-photo img
	{
		opacity:0
	}
	.site--features-distorted-block
	{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		flex-wrap:nowrap;
		align-items:center;
		flex:1 1 auto;
		align-items:stretch
	}
	.site--features-distorted-block:nth-child(2)
	{
		flex-direction:row-reverse
	}
	.site--features-distorted-block:nth-child(2) .site--features-distorted-photo-displace
	{
		top:auto;
		bottom:0
	}
	.site--features-distorted-block>div
	{
		width:50%;
		background:#f8f8f8
	}
	.site--features-distorted-block .site--features-distorted-text-w
	{
		-webkit-transition:all 0.5s;
		-moz-transition:all 0.5s;
		-o-transition:all 0.5s;
		opacity:0
	}
	.site--features-distorted-block .site--features-distorted-photo-displace
	{
		-webkit-transition:all 0.5s;
		-moz-transition:all 0.5s;
		-o-transition:all 0.5s;
		opacity:0;
		transform:translateY(100px)
	}
	.site--features-distorted-block.visible .site--features-distorted-text-w
	{
		opacity:1
	}
	.site--features-distorted-block.visible .site--features-distorted-photo-displace
	{
		opacity:1;
		transform:translateY(0px)
	}
	.site--features-distorted-text
	{
		text-align:left;
		padding:50px 40px 50px;
		background:#f8f8f8;
		position:relative;
		z-index:3;
		display:flex;
		align-items:center
	}
	.site--features-distorted-text-w
	{
		max-width:380px
	}
	.site--features-distorted-text svg path
	{
		fill:#808080
	}
	.site--features-distorted-text p
	{
		color:#808080
	}

}
@media (min-width: 1120px)
{
	.site--features-distorted-text
	{
		padding:0px 90px 0px
	}
	.site--features-distorted-text.desktop-bump
	{
		padding-bottom:30px
	}

}
@media (min-width: 600px)
{
	.site--features-distorted
	{
		padding:50px 20px 0px
	}

}
@media (min-width: 768px)
{
	.site--features-distorted
	{
		padding:100px 20px 0px
	}
	.site--features-distorted-text.desktop-bump
	{
		padding-bottom:80px
	}

}
.site--preorder
{
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	background:#e3e3e3;
	background:-webkit-linear-gradient(bottom, #e3e3e3, #f8f8f8);
	background:-o-linear-gradient(top, #e3e3e3, #f8f8f8);
	background:-moz-linear-gradient(top, #e3e3e3, #f8f8f8);
	background:linear-gradient(to top, #e3e3e3, #f8f8f8);
	padding:0 0 100px 0;
	text-align:center
}
@media (min-width: 768px)
{
	.site--preorder h2
	{
		margin:10px 0 30px;
		padding:0
	}

}
.site--preorder-cont
{
	padding:0 20px
}
.site--preorder-cont-image
{
	max-width:1200px;
	margin:0 auto;
	position:relative;
}
.site--preorder-cont-image img
{
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.site--preorder-cont-image .image-sizer
{
	opacity:0;
	width: 100%;
}
.site--preorder-cont-images
{
	position:absolute;
	width:100%;
	height:100%
}
.site--preorder-cont-images img
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	position:absolute;
	width:100%;
	opacity:0
}
.site--preorder-cont-images img.visible
{
	opacity:1
}

@media (min-width: 768px)
{
	.site--preorder-cont-image
	{
		/*		top:80px;*/
		position:relative
	}
	
	.site--preorder-cont-image .image-sizer
	{
		width: 75%;
	}
	
	.site--preorder-cont-images img
	{
		width: 75%;
	}

}

.fiftypercent{
	width:50% !important;
}

.site--preorder-cont-text span
{
	/*	text-transform:uppercase;*/
	font-weight:700;
	letter-spacing:.1rem;
	font-family:'textaheavy';
	font-weight:normal;
	font-style:normal;
	color:#808080;
	margin:35px 0 0 0;
	display:inline-flex
}
.site--preorder-cont-text .item-select
{
	position:relative;
	display:block
}
.site--preorder-cont-text .item-select .item
{
	width:35px;
	height:35px;
	display:inline-block;
	border-radius:50%;
	padding:5px;
	margin:8px;
	z-index:2
}
.site--preorder-cont-text .item-select .item-black
{
	background-color:#000
}
.site--preorder-cont-text .item-select .item-white
{
	background-color:#fff;
	box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)
}
.site--preorder-cont-text .item-select .selected
{
	box-shadow:0 0 0 5px rgba(0, 0, 0, 0.1)
}
@keyframes ring-1
{
	0%
	{
		transform:scale(0.1, 0.1);
		opacity:0
	}
	50%
	{
		opacity:1
	}
	100%
	{
		transform:scale(1.2, 1.2);
		opacity:0
	}

}
.pages--container
{
	padding-top:100px;
	padding-bottom:100px;
	background:white;
	position:relative
}
@media (min-width: 1120px)
{
	.pages--container:before
	{
		width:2000px;
		height:100%;
		content:'';
		right:50%;
		transform:translateX(-12%);
		position:absolute;
		top:0;
		background:#fbfbfa
	}

}
@media (min-width: 1120px)
{
	.pages--wrapper
	{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		flex-wrap:nowrap;
		align-items:center;
		flex:1 1 auto;
		align-items:flex-start;
		justify-content:flex-start;
		max-width:1200px;
		margin:0 auto
	}

}
.pages--content
{
	max-width:690px
}
.pages--content p
{
	padding:10px 20px;
	color:#808080
}
.pages--content p strong
{
	font-family:'textaheavy';
	font-weight:normal;
	font-style:normal;
	color:black
}
.pages--content ul
{
	padding-left:20px
}
.pages--content ul li
{
	font-family:'textaregular';
	font-weight:normal;
	font-style:normal;
	color:#808080;
	font-size:1rem;
	line-height:1.4;
	padding:8px
}
@media (min-width: 768px)
{
	.pages--content ul li
	{
		font-size:1.3rem
	}

}
.pages--content h1
{
	padding:0px 20px;
	margin:0;
	margin-bottom:30px
}
.pages--content h5
{
	padding:0 20px;
	color:#808080
}
@media (min-width: 1120px)
{
	.pages--content
	{
		padding-top:60px
	}

}
.pages--navigation
{
	padding:10px 20px;
	position:relative;
	z-index:3
}
.pages--navigation a
{
	/*	text-transform:uppercase;*/
	font-weight:700;
	letter-spacing:.1rem;
	font-family:'textaregular';
	font-weight:normal;
	font-style:normal;
	letter-spacing:.15rem;
	color:#b6b6b6;
	display:block;
	padding:18px 0
}
.pages--navigation a:hover
{
	color:black
}
.pages--navigation a.active
{
	color:black;
	font-family:'textablack';
	font-weight:normal;
	font-style:normal
}
.pages--mobile-select
{
	border:1px solid #b6b6b6;
	padding:10px
}
.pages--mobile-select select
{
	border:none
}
@media (min-width: 1120px)
{
	.pages--mobile-select
	{
		display:none
	}

}
.pages--list
{
	display:none
}
@media (min-width: 1120px)
{
	.pages--list
	{
		display:block;
		width:360px;
		padding:160px 40px
	}

}
.press--items
{
	text-align:center;
	background:white
}
.press--cta
{
	max-width:1000px;
	margin:0 auto;
	text-align:center;
	padding:30px 20px
}
.press--cta h2
{
	max-width:700px;
	margin:0 auto
}
.press--cta h4
{
	padding:30px 0
}
.press--cta-line
{
	background:#e3e3e3;
	margin:16px 0;
	height:1px;
	width:100%
}
@media (min-width: 768px)
{
	.press--cta
	{
		padding:120px 20px 20px
	}

}
.press--kit
{
	background:white;
	border-bottom:1px solid #e3e3e3
}
.press--kit img
{
	width:100%
}
@media (min-width: 918px)
{
	.press--kit
	{
		background:transparent;
		border-bottom:none;
		position:relative
	}
	.press--kit:before
	{
		height:90%;
		content:'';
		border-bottom:1px solid #e3e3e3;
		background:white;
		width:100%;
		top:0;
		position:absolute;
		left:0
	}

}
.press--kit-wrapper
{
	margin-top:56px
}
@media (min-width: 918px)
{
	.press--kit-wrapper
	{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		flex-wrap:nowrap;
		align-items:center;
		flex:1 1 auto;
		justify-content:flex-start;
		margin:74px auto 0;
		margin-bottom:60px
	}

}
@media (min-width: 1120px)
{
	.press--kit-wrapper
	{
		align-items:flex-start
	}

}
.press--kit-image
{
	background-size:cover;
	background-position:center center
}
.press--kit-image img
{
	opacity:0
}
@media (min-width: 918px)
{
	.press--kit-image
	{
		width:50%;
		right:0;
		height:100%;
		position:absolute;
		z-index:3;
		background-size:cover;
		background-position:center center
	}
	.press--kit-image img
	{
		opacity:0
	}

}
.press--kit-copy
{
	padding:20px;
	max-width:480px
}
.press--kit-copy-wrapper div
{
	text-align:center;
	margin:0 auto
}
@media (min-width: 600px)
{
	.press--kit-copy-wrapper h1
	{
		margin:16px 0
	}
	.press--kit-copy-wrapper div
	{
		text-align:left
	}

}
@media (min-width: 918px)
{
	.press--kit-copy
	{
		width:50%;
		max-width:100%;
		padding:140px 20px 160px 60px;
		position:relative;
		display:flex;
		justify-content:flex-end
	}
	.press--kit-copy-wrapper
	{
		width:510px;
		padding-right:100px;
		padding-bottom:50px
	}

}
.press--kit-copy p
{
	color:#808080;
	font-size:1.3rem
}
.press--news-single
{
	border-top:1px solid #e3e3e3;
	padding-bottom:40px;
	margin-top:20px;
	max-width:1180px;
	margin:0 auto
}
@media (min-width: 918px)
{
	.press--news-single
	{
		margin-top:0px;
		padding:10px 10px 50px
	}

}
.press--news img
{
	width:100%
}
@media (min-width: 918px)
{
	.press--news-wrapper
	{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		flex-wrap:nowrap;
		align-items:center;
		flex:1 1 auto;
		max-width:1260px;
		margin:0 auto;
		padding:40px 20px 80px
	}

}
@media (min-width: 918px)
{
	.press--news-image
	{
		width:45%
	}

}
.press--news-copy
{
	padding:20px
}
.press--news-copy p
{
	color:#808080;
	font-size:1.3rem;
	padding:20px 0
}
.press--news-copy h2
{
	margin:0
}
.press--news-copy h5
{
	font-family:'textaheavy';
	font-weight:normal;
	font-style:normal;
	letter-spacing:.1rem;
	color:#808080;
	margin-top:18px
}
.press--news-copy h3
{
	font-family:'textalight';
	font-weight:normal;
	font-style:normal;
	text-transform:none;
	margin:0;
	letter-spacing:0;
	padding-top:8px;
	line-height:1
}
.press--news-copy a
{
	/*	text-transform:uppercase;*/
	font-weight:700;
	letter-spacing:.1rem;
	display:block;
	margin:20px 0 0
}
@media (min-width: 918px)
{
	.press--news-copy
	{
		width:50%
	}
	.press--news-copy.full-width
	{
		width:100%
	}

}
.about--single
{
	max-width:900px;
	margin:0 auto;
	padding:30px 20px;
	text-align:center
}
.about--single p
{
	color:#808080;
	font-size:1.3rem
}
.about--single img
{
	max-width:490px;
	width:100%;
	position:relative
}
@media (min-width: 768px)
{
	.about--single img
	{
		top:70px
	}

}
@media (min-width: 768px)
{
	.about--single
	{
		padding:30px 20px;
		text-align:center
	}
	.about--single p
	{
		padding:0 75px;
		text-align:center
	}

}
.about--pioneers
{
	position:relative;
	margin:38px 0 30px;
	overflow:hidden
}
@media (min-width: 768px)
{
	.about--pioneers
	{
		margin:80px 0
	}

}
.about--pioneers-user-video
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:10;
	opacity:1;
	background:rgba(255, 255, 255, 0.7);
	align-items:center;
	justify-content:center;
	display:flex
}
.about--pioneers-user-video .video-container
{
	position:relative
}
.about--pioneers-user-video .close-video
{
	position:absolute;
	right:-20px;
	top:-20px;
	cursor:pointer;
	background:white;
	height:40px;
	width:40px
}
.about--pioneers-user-video .close-video:after
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	position:absolute;
	width:2px;
	height:30px;
	background:#b6b6b6;
	left:18px;
	top:7px;
	transform:rotate(45deg);
	content:''
}
.about--pioneers-user-video .close-video:before
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	position:absolute;
	width:2px;
	height:30px;
	background:#b6b6b6;
	left:18px;
	top:7px;
	transform:rotate(-45deg);
	content:''
}
.about--pioneers-user-video .close-video:hover:before,.about--pioneers-user-video .close-video:hover:after
{
	background:black
}
.about--pioneers-user-video iframe
{
	width:320px !important;
	height:180px !important
}
@media (min-width: 768px)
{
	.about--pioneers-user-video iframe
	{
		width:560px !important;
		height:314px !important
	}

}
@media (min-width: 1120px)
{
	.about--pioneers-user-video iframe
	{
		width:700px !important;
		height:390px !important
	}

}
.about--pioneers-user-player
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	width:100px;
	height:100px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	display:flex;
	align-items:center;
	justify-content:center;
	border:2px solid transparent;
	border-radius:50%;
	cursor:pointer
}
.about--pioneers-user-player svg
{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	width:80px;
	height:80px
}
.about--pioneers-user-player .a
{
	-webkit-transition:all 0.15s;
	-moz-transition:all 0.15s;
	-o-transition:all 0.15s;
	fill:transparent
}
.about--pioneers-user-player .b
{
	-webkit-transition:all 0.15s;
	-moz-transition:all 0.15s;
	-o-transition:all 0.15s;
	fill:none;
	stroke:#fff;
	stroke-miterlimit:10;
	stroke-width:3px
}
.about--pioneers:before
{
	position:absolute;
	width:100%;
	left:0;
	top:0;
	height:calc(100% - 196px);
	background:white;
	content:''
}
.about--pioneers-text-background
{
	position:absolute;
	left:50%;
	overflow:hidden;
	transform:translateX(-30%)
}
.about--pioneers-text-background h2
{
	color:#f8f8f8;
	font-size:20rem;
	letter-spacing:1rem
}
@media (min-width: 600px)
{
	.about--pioneers-text-background h2
	{
		font-size:30rem
	}

}
@media (min-width: 768px)
{
	.about--pioneers-text-background h2
	{
		font-size:60rem;
		transform:translateX(-20%)
	}

}
.about--pioneers-text
{
	text-align:center
}
.about--pioneers-users
{
	padding:30px 0;
	position:relative;
	z-index:3
}
@media (min-width: 768px)
{
	.about--pioneers-users
	{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		flex-wrap:nowrap;
		align-items:center;
		flex:1 1 auto;
		padding-top:90px;
		justify-content:center
	}

}
.about--pioneers-user
{
	margin-bottom:20px;
	cursor:pointer;
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s
}
.about--pioneers-user-text p
{
	font-family:'textaheavy';
	font-weight:normal;
	font-style:normal;
	letter-spacing:.1rem;
	max-width:750px;
	color:#808080;
	margin:0 auto;
	opacity:.5;
	font-size:1rem !important
}
.about--pioneers-user-image
{
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	position:relative
}
.about--pioneers-user-image img
{
	opacity:0;
	width:100%
}
.about--pioneers-user-image:before
{
	background:transparent;
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-o-transition:all 0.25s;
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%
}
.about--pioneers-user:hover
{
	-webkit-box-shadow:0px 18px 75px -35px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0px 18px 75px -35px rgba(0, 0, 0, 0.25);
	box-shadow:0px 18px 75px -35px rgba(0, 0, 0, 0.25)
}
.about--pioneers-user:hover .about--pioneers-user-image:before
{
	background:rgba(0, 0, 0, 0.4)
}
.about--pioneers-user:hover .about--pioneers-user-player
{
	width:130px;
	height:130px;
	border-color:purple;//#f14700
}
.about--pioneers-user:hover .about--pioneers-user-player svg
{
	width:50px;
	height:50px;
	margin:0 0 0 10px
}
.about--pioneers-user:hover .about--pioneers-user-player svg .a
{
	fill:purple;//#f14700
}
.about--pioneers-user:hover .about--pioneers-user-player svg .b
{
	stroke:transparent
}
@media (min-width: 768px)
{
	.about--pioneers-user:nth-child(3) .about--pioneers-user-text
	{
		border-right:1px solid #f8f8f8
	}

}
.about--pioneers-user-text
{
	text-align:center;
	padding:20px;
	background:white;
	border-left:1px solid #f8f8f8;
	border-right:1px solid #f8f8f8;
	border-bottom:1px solid #f8f8f8
}
@media (min-width: 768px)
{
	.about--pioneers-user-text
	{
		border-right:1px solid transparent;
		padding:30px 0
	}

}
.about--pioneers-user-text p
{
	/*	text-transform:uppercase;*/
	padding:4px 0;
	margin:0;
	font-size:.9rem
}
@media (min-width: 868px)
{
	.about--pioneers-user-text p
	{
		font-size:1rem
	}

}
.about--pioneers-user-text h4
{
	line-height:1.1;
	margin:0px 0;
	font-size:1rem
}
@media (min-width: 868px)
{
	.about--pioneers-user-text h4
	{
		font-size:1.1rem
	}

}
.about--pioneers-wrapper
{
	max-width:1260px;
	margin:0 auto;
	padding:20px;
	position:relative;
	z-index:4
}
.about--pioneers-wrapper p
{
	max-width:750px;
	color:#808080;
	margin:0 auto;
	font-size:1.3rem
}
@media (min-width: 768px)
{
	.about--pioneers-wrapper
	{
		padding:70px 0 30px
	}

}
.about--team img
{
	width:100%
}
.about--team-copy
{
	padding:20px
}
@media (min-width: 868px)
{
	.about--team-copy
	{
		width:50%
	}
	.about--team-copy-wrapper
	{
		max-width:500px;
		padding-left:40px
	}

}
@media (min-width: 1120px)
{
	.about--team-copy-wrapper
	{
		padding-left:100px
	}

}
.about--team-copy p
{
	color:#808080;
	font-size:1.3rem
}
.about--team-wrapper div
{
	text-align:center;
	margin:0 auto
}
.about--team-wrapper p
{
	text-align:left
}
@media (min-width: 600px)
{
	.about--team-wrapper div
	{
		text-align:left
	}

}
@media (min-width: 868px)
{
	.about--team-wrapper
	{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		flex-wrap:nowrap;
		align-items:center;
		flex:1 1 auto;
		padding-bottom:80px
	}

}
@media (min-width: 868px)
{
	.about--team-image
	{
		width:50%
	}

}
.about--journey-single
{
	max-width:1260px;
	margin:0 auto
}
.about--journey-single-image
{
	position:relative;
	display:inline-block;
	padding:30px 0 10px
}
.about--journey-single-image img
{
	width:100%
}
.about--journey-single-text
{
	padding:20px 60px 30px 60px
}
.about--journey-single-text p
{
	color:#808080;
	max-width:380px;
	font-size:1.3rem
}
.about--journey-single-logo
{
	width:150px;
	height:150px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:black;
	position:absolute;
	right:0px;
	z-index:2;
	top:0
}
.about--journey-single-logo img
{
	width:auto;
	max-height:20px
}
.about--journey-single:nth-child(2) .about--journey-single-logo
{
	left:0px
}
@media (min-width: 868px)
{
	.about--journey-single
	{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		flex-wrap:nowrap;
		align-items:center;
		flex:1 1 auto;
		align-items:flex-end;
		padding:60px 20px
	}
	.about--journey-single-logo
	{
		top:0;
		right:-20px
	}
	.about--journey-single-image
	{
		-webkit-transition:all 0.25s;
		-moz-transition:all 0.25s;
		-o-transition:all 0.25s;
		width:60%;
		padding-top:0;
		opacity:0
	}
	.about--journey-single-text
	{
		-webkit-transition:all 0.5s;
		-moz-transition:all 0.5s;
		-o-transition:all 0.5s;
		width:40%;
		transform:translateY(100px);
		opacity:0
	}
	.about--journey-single.visible .about--journey-single-image
	{
		opacity:1
	}
	.about--journey-single.visible .about--journey-single-text
	{
		opacity:1;
		transform:translateY(0px)
	}
	.about--journey-single:nth-child(2)
	{
		flex-direction:row-reverse
	}
	.about--journey-single:nth-child(2) .about--journey-single-logo
	{
		left:-20px
	}

}
@media (min-width: 1120px)
{
	.about--journey-single-text
	{
		padding:60px;
		width:38%
	}
	.about--journey-single-image
	{
		width:62%
	}
	.about--journey-single-logo
	{
		width:200px;
		height:200px;
		right:-100px
	}
	.about--journey-single:nth-child(2)
	{
		flex-direction:row-reverse
	}
	.about--journey-single:nth-child(2) .about--journey-single-logo
	{
		left:-100px
	}

}