#teaser a:after,#feat-trigger:after,#feat-drop:before,.icon-facebook:before,.icon-linkedin:before,.custom-select:after,.sc-notice p:first-child:before,.tip p:first-child:before,#nav_search:before,#search_overlay form:before,.suggestions p:before,.continue:after,.back:before {
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	display:inline-block;
	text-decoration:inherit;
	line-height:1
}
* {
	box-sizing:border-box
}
body {
	font-family:'Work Sans',sans-serif;
	letter-spacing:-.3px;
	overflow-x:hidden;
	height:100%;
	-moz-font-feature-settings:"liga" on;
	text-rendering:optimizeLegibility;
	-webkit-text-size-adjust:100%;
	font-feature-settings:"pnum";
	font-variant-numeric:proportional-nums;
	font-size:17px;
	line-height:1.5;
	color:#555e61;
	margin:0
}
html {
	overflow-x:hidden
}
main {
	margin-bottom:8em;
	min-height:calc(100vh - 560px)
}
.no-footer main {
	min-height:calc(100vh - 350px)
}
.no-footer #footer {
	display:none
}
figure {
	margin:1.2rem 0 1.8rem 0
}
@media (min-width:1100px) {
	figure.figure-wider {
		margin-left:-3.5em;
		margin-right:-3.5em
	}
	figure.figure-wider img {
		min-width:100%
	}
}
img {
	max-width:100%;
	border:0
}
figcaption {
	text-align:center;
	margin-top:.3rem;
	font-size:85%;
	color:#6E7B7F;
	margin-bottom:3rem
}
aside {
	padding:0
}
li {
	margin:.9rem 0
}
ul {
	padding-left:1.3em;
	margin:1.2rem 0
}
ul ul {
	padding-left:1.2em;
	margin-top:-.3rem;
	font-size:95%;
	color:rgba(0,0,0,0.6)
}
code {
	color:#22829B;
	font-size:95%;
	background-color:rgba(0,0,0,0.05);
	padding:0.1rem .3rem;
	border-radius:1px
}
table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%
}
table th {
	text-align:left
}
hr {
	border:0;
	border-top:1px solid rgba(0,0,0,0.2);
	display:block;
	margin:1.2rem 0
}
#error-page {
	min-height:calc(100vh - 430px)
}
#error-page h1+p {
	font-size:200%
}
p:empty {
	display:none
}
p:empty+h2 {
	margin-top:0
}
.is-prod .dev_only {
	display:none !important
}
#header {
	padding:2.4rem 0 4.8rem
}
#header .wrap {
	display:flex !important;
	align-items:center
}
#header .logo {
	width:210px;
	min-width:210px;
	position:relative;
	top:3px
}
#header a {
	text-decoration:none;
	font-weight:500;
	font-size:90%;
	padding:.3rem;
	color:rgba(0,0,0,0.6)
}
#header nav a {
	margin:0 .9rem
}
#header nav a:hover {
	color:#000
}
#header .selected {
	color:#000 !important;
	border-bottom:2px solid #00ABCD;
	padding-bottom:.6rem;
	cursor:default
}
.account-login img {
	border-radius:10em;
	background-color:#22829B;
	width:2.4rem;
	line-height:0
}
.dark-hero #header,.black-hero #header {
	background:linear-gradient(rgba(0,0,0,0.6),transparent)
}
.dark-hero #header nav a,.dark-hero #header #acc a,.black-hero #header nav a,.black-hero #header #acc a {
	color:#F0F2F2
}
.dark-hero #header nav a:hover,.dark-hero #header #acc a:hover,.black-hero #header nav a:hover,.black-hero #header #acc a:hover {
	color:#8a9598
}
.dark-hero #header #nav_search:before,.black-hero #header #nav_search:before {
	color:#DBF9FF
}
.dark-hero #header .logo-petrol,.black-hero #header .logo-petrol {
	display:none
}
.dark-hero #header .logo-white,.black-hero #header .logo-white {
	display:block !important
}
.black-hero #header,.black-hero .section.hero {
	background-color:#000
}
#teaser {
	text-align:center;
	background-color:rgba(0,0,0,0.8);
	font-size:90%;
	line-height:1.7;
	letter-spacing:0;
	color:white;
	padding:.9rem 4.2rem
}
#teaser .fa-exclamation-circle {
	font-size:130%;
	line-height:0;
	position:relative;
	color:#36CF1C;
	right:.3rem;
	top:.15rem
}
#teaser a {
	text-decoration:none;
	font-weight:500;
	color:#00ABCD;
	margin-left:.3rem;
	white-space:nowrap
}
#teaser a:after {
	content:"\f178";
	padding-left:.4rem;
	color:#22829B;
	font-weight:400
}
#teaser .close {
	color:white;
	right:1.2rem;
	top:1.7rem
}
#feat-trigger:after {
	content:"\f107";
	padding-left:.4rem;
	color:#22829B;
	font-weight:400
}
#feat-drop {
	transition:opacity .3s,transform .3s;
	box-shadow:0 10px 40px rgba(102,102,102,0.5);
	transform:rotate3d(10,0,0,50deg);
	transform-origin:20px 0;
	background-color:white;
	border-radius:4px;
	position:absolute;
	padding:.9rem 0;
	font-size:90%;
	display:block;
	top:-999em;
	opacity:0;
	z-index:10
}
#feat-drop img {
	margin-right:.4em;
	filter:grayscale(1);
	opacity:.6;
	float:left;
	width:28px
}
#feat-drop a {
	text-decoration:none;
	font-weight:500;
	padding:.6rem 3rem .6rem 1.8rem;
	display:block;
	color:#6E7B7F
}
#feat-drop a:hover {
	background-color:rgba(204,204,204,0.1);
	cursor:pointer;
	color:black
}
#feat-drop a:hover img {
	filter:none;
	opacity:1
}
#feat-drop a.selected {
	background-color:#22829B;
	cursor:default;
	color:white
}
#feat-drop a.selected img {
	filter:brightness(10);
	opacity:1
}
#feat-drop:before {
	text-shadow:0 -3px 5px rgba(204,204,204,0.4);
	left:calc(50% - .8rem);
	position:absolute;
	font-size:2.3rem;
	line-height:1;
	color:white;
	top:-23px;
	content:"\f0d8"
}
#feat-drop:after {
	content:"";
	height:1.5em;
	position:absolute;
	top:-1.5em;
	background-color:transparent;
	left:0;
	width:100%
}
#feat-drop.is-active {
	transform:none;
	opacity:1;
	top:85px
}
#footer {
	background-color:#f9f9f9;
	padding:4em 0
}
#footer .logo {
	max-width:130px;
	margin:0.2rem 0 .9rem
}
#footer nav {
	margin-right:3.6rem;
	width:5em;
	display:inline-block;
	vertical-align:top;
	margin-bottom:3rem
}
#footer nav a {
	text-decoration:none;
	font-size:90%;
	lihe-height:1.8;
	margin-bottom:.9rem;
	color:rgba(0,0,0,0.4);
	display:block
}
#footer nav a:hover {
	color:rgba(0,0,0,0.6)
}
#footer .selected {
	border-bottom:1px solid #00ABCD;
	font-weight:500;
	cursor:default;
	color:rgba(0,0,0,0.6) !important
}
#footer h4 {
	letter-spacing:inherit;
	margin:0 0 .6rem;
	font-weight:500;
	color:rgba(0,0,0,0.4)
}
#footer .small {
	letter-spacing:0;
	margin-top:-.9rem;
	max-width:30em;
	opacity:.5
}
#footer input {
	font-size:94%;
	position:relative;
	top:-1px
}
#footer .thanks {
	display:inline-block;
	margin-top:1.2rem;
	font-size:120%;
	color:#22829B
}
#bottom {
	background-color:#000;
	padding-bottom:1.2rem;
	padding-top:1.2rem
}
#bottom section {
	font-size:75%;
	line-height:2;
	letter-spacing:0
}
#bottom a {
	text-decoration:none
}
.icon-facebook:before {
	content:"\f082";
	padding-right:.4rem;
	color:rgba(255,255,255,0.8)
}
.icon-linkedin:before {
	content:"\f08c";
	color:#1178B3
}
.bull {
	margin:0 .6rem
}
#burger {
	display:none
}
#burger .fa {
	font-size:140%;
	color:#8a9598;
	cursor:pointer
}
#burger .fa:hover {
	color:#000
}
#nav {
	padding-right:.9rem;
	position:fixed;
	z-index:10
}
#nav .close {
	position:relative;
	top:1.3rem;
	left:-.1rem
}
#nav section {
	margin:1.2rem auto;
	width:350px
}
#nav .logo {
	max-width:130px;
	margin-bottom:1.8rem;
	display:block
}
#nav nav {
	font-size:100%;
	margin-left:1.6rem;
	max-width:11em
}
#nav nav a {
	text-decoration:none;
	line-height:2.1;
	display:block;
	color:rgba(0,0,0,0.6)
}
#nav nav a:hover {
	color:#000
}
#nav .smaller {
	border-top:1px solid rgba(0,0,0,0.1);
	padding-top:.9rem;
	margin-top:.9rem
}
#nav .account-login {
	margin-top:1.2rem
}
@media (max-width:900px) {
	#burger {
		display:block
	}
	#header {
		padding:1.8rem 0 3.6rem
	}
	#header nav,#header #acc {
		display:none
	}
}
.section {
	padding:2.4rem 0
}
.section header {
	text-align:center;
	margin-bottom:4.2rem
}
.section .wrap {
	display:flex;
	align-items:center
}
.section .wrap>* {
	flex:1
}
.section:first-child {
	padding-top:0
}
.section.thin-top {
	padding-top:0
}
.section.thin-bottom {
	padding-bottom:0
}
.wrap {
	max-width:1000px;
	margin:0 auto;
	padding-right:1.2rem;
	padding-left:1.2rem
}
.top .wrap {
	align-items:flex-start
}
.full-size .wrap {
	max-width:100%
}
.wider .wrap {
	max-width:1160px
}
.wide .wrap {
	max-width:1250px
}
.narrow .wrap {
	max-width:700px
}
.narrowest .wrap {
	max-width:550px
}
.tall .wrap {
	padding-top:4.8rem;
	padding-bottom:3rem;
	margin-bottom:3rem
}
@media (max-width:900px) {
	.section .wrap {
		display:block;
		max-width:40em;
		margin:0 auto
	}
	.section .wrap aside {
		max-width:100%
	}
}
@media (min-width:900px) {
	.left-sidebar .wrap>:first-child {
		border-right:1px solid rgba(0,0,0,0.1);
		padding:.9rem 1.8rem 1.2rem 0;
		margin-right:3rem;
		max-width:16em
	}
	.right-sidebar .wrap>:last-child {
		border-left:1px solid rgba(0,0,0,0.1);
		padding:.9rem 0 1.2rem 2.4rem;
		margin-left:3rem;
		max-width:16em
	}
	.right-outset .wrap>section,.left-outset .wrap>section {
		max-width:580px;
		flex:.55
	}
	.left-outset .wrap {
		flex-direction:row-reverse
	}
}
@media (min-width:800px) {
	.right-outset figure {
		margin-right:-25%;
		margin-left:5%
	}
	.left-outset figure {
		margin-left:-25%;
		margin-right:4.2rem
	}
	.left-outset figcaption {
		text-align:right
	}
}
@media (min-width:1000px) {
	.bottom10 {
		margin-bottom:4em
	}
	.bottom20 {
		margin-bottom:8em
	}
}
a {
	color:#00ABCD;
	text-decoration-color:rgba(0,0,0,0.4)
}
a:hover {
	color:#22829B;
	text-decoration-color:rgba(0,0,0,0.8)
}
a:empty {
	cursor:pointer
}
p {
	margin:0 0 .6rem
}
b,strong {
	color:#32383a
}
strong {
	font-weight:bold
}
h1,.h1 {
	letter-spacing:-1.3px;
	margin-bottom:.6rem;
	font-weight:900;
	font-size:55px;
	line-height:1.08;
	margin:0 0 .6rem;
	color:#32383a
}
h1 em,.h1 em {
	font-style:normal
}
h1+p,.h1+p {
	line-height:1.45;
	font-size:130%;
	color:#8a9598
}
@media (max-width:800px) {
	h1,.h1 {
		font-size:45px
	}
}
h2,h3 {
	margin:3em 0 .3rem;
	line-height:1.2;
	color:#32383a
}
h2:first-child,h3:first-child {
	margin-top:0
}
h2 {
	font-weight:700;
	font-size:180%
}
h3 {
	font-size:110%;
	margin-top:3.6rem
}
h4,h5 {
	margin-bottom:0;
	color:#32383a
}
h5 {
	font-size:100%;
	letter-spacing:0;
	color:#006680
}
a.action,.action {
	text-decoration:none;
	font-weight:600;
	color:#00ABCD
}
a.action:hover,.action:hover {
	color:#00ABCD
}
blockquote {
	margin:2em 0;
	font-family:"Prata",serif;
	font-size:210%;
	line-height:1.5;
	font-weight:100;
	color:#32383a
}
@media (min-width:1000px) {
	blockquote {
		margin:2em -3em 2em -1em
	}
}
.quote {
	margin:1.2rem 0 2.4rem
}
.quote q {
	margin-bottom:1.2rem;
	display:block;
	font-family:"Prata",serif;
	font-size:210%;
	line-height:1.5;
	font-weight:100;
	color:#32383a
}
.quote q:before {
	margin:0 -.6rem 0 -.9rem
}
.quote q:after {
	margin-left:-.6rem
}
.quote .author {
	text-decoration:none;
	font-weight:500;
	color:#6E7B7F;
	font-size:85%
}
.quote .author:before {
	content:"— ";
	color:#00ABCD
}
@media (max-width:800px) {
	.quote q {
		font-size:180%
	}
}
.eyebrow,section>p:first-child em:only-child {
	margin-bottom:.3rem;
	font-style:normal;
	color:rgba(0,0,0,0.4);
	text-transform:uppercase;
	letter-spacing:.06em
}
.desc {
	color:#6E7B7F
}
.dark {
	color:rgba(255,255,255,0.8)
}
.dark a,.dark .eyebrow,.dark .desc {
	color:rgba(255,255,255,0.6)
}
.dark a:hover,.dark b,.dark strong {
	color:#fff
}
.dark h1,.dark h2,.dark h3,.dark h4 {
	color:#fff
}
input,textarea {
	border:1px solid rgba(0,0,0,0.2);
	font-family:inherit;
	border-radius:2px;
	font-size:95%;
	padding:.75em .9em;
	outline:0
}
input:focus,textarea:focus {
	border-color:#006680;
	z-index:1
}
.dark input,.dark textarea {
	background-color:rgba(0,0,0,0.1);
	color:#fff
}
.dark::-webkit-input-placeholder {
	color:rgba(255,255,255,0.4)
}
.dark input:focus {
	border-color:rgba(255,255,255,0.4)
}
label {
	cursor:pointer
}
label:hover {
	color:black
}
textarea {
	resize:none
}
.field {
	text-align:left
}
.field h4 {
	margin-left:.1rem
}
.field sup {
	margin-left:.1rem;
	line-height:0;
	color:#D81825
}
.field input,.field textarea {
	width:100%
}
.invalid {
	border-color:#D81825
}
.flex .field:first-child,.tabs-nav .field:first-child {
	margin-right:1.2rem
}
.custom-select {
	border:1px solid rgba(0,0,0,0.2);
	display:inline-block;
	border-radius:2px;
	position:relative
}
.custom-select:after {
	position:absolute;
	color:rgba(0,0,0,0.2);
	font-size:130%;
	line-height:1;
	content:"\f107";
	z-index:-1;
	top:.45em;
	right:.9rem
}
.custom-select select {
	padding:0.7rem .9rem;
	padding-right:3rem;
	font-size:inherit;
	font-family:inherit;
	color:inherit;
	border:none;
	background:transparent;
	width:100%;
	-webkit-appearance:none
}
.custom-select select:focus {
	outline:none
}
.button {
	font-size:100%;
	line-height:1.1;
	text-align:center;
	white-space:nowrap;
	text-decoration:none;
	border-radius:3px;
	padding:.8em 2.4em;
	display:inline-block;
	margin-bottom:1.8rem;
	font-weight:500;
	transition:all .1s;
	cursor:pointer;
	border:0
}
.button:active {
	box-shadow:0 1px 2px 0.1em rgba(0,0,0,0.4) inset
}
.button:focus {
	outline:0
}
.button::-moz-focus-inner {
	padding:0
}
.button:after {
	position:relative;
	top:.06em
}
.button.primary {
	background-color:#00ABCD;
	color:#fff
}
.button.primary:hover {
	color:#fff;
	background-color:#22829B
}
.button.primary:after {
	color:rgba(255,255,255,0.6)
}
.secondary {
	border:1px solid rgba(0,0,0,0.4);
	color:rgba(0,0,0,0.8)
}
.secondary:hover {
	background-color:rgba(204,204,204,0.1);
	color:#000
}
.dark .secondary {
	border-color:rgba(255,255,255,0.4);
	color:#fff
}
.dark .secondary:hover {
	border-color:rgba(255,255,255,0.6)
}
.dark .secondary:after {
	color:rgba(255,255,255,0.4)
}
.table {
	font-size:90%;
	margin:3rem 0
}
.table ol,.table ul,.table li {
	list-style-type:none;
	margin:0;
	padding:0
}
.table li ul {
	border-bottom:1px solid rgba(0,0,0,0.1);
	display:flex
}
.table li ul>li {
	flex:1;
	margin:.6rem .3rem
}
.table ul li:first-child ul {
	border-color:rgba(0,0,0,0.4);
	font-weight:bold;
	color:rgba(0,0,0,0.8)
}
.table li ul li:first-child {
	font-weight:bold;
	color:rgba(0,0,0,0.8)
}
@media (min-width:1200px) {
	.table {
		margin-right:-13em
	}
}
.parameter.table ul ul li:first-child {
	flex:.4
}
.parameter.table ul ul li:first-child em {
	font-style:normal;
	margin-top:.2rem;
	font-weight:500;
	display:block;
	font-size:90%;
	color:#22829B;
	text-transform:uppercase;
	letter-spacing:.06em
}
.compare.table ul ul li {
	text-align:center;
	flex:.6
}
.compare.table ul ul li:first-child {
	text-align:left;
	font-weight:500;
	color:#006680;
	flex:.7
}
.compare.table ul ul li:last-child {
	text-align:left;
	flex:3
}
.hljs {
	border:1px solid rgba(0,0,0,0.1);
	background:rgba(204,204,204,0.1);
	overflow-x:auto;
	font-size:85%;
	color:#6E7B7F;
	display:block;
	padding:1.2rem;
	margin-bottom:1.2rem
}
.hljs-name,.hljs-string {
	color:#00ABCD
}
.hljs-literal {
	color:#9BC439
}
.hljs-number,.hljs-attr {
	color:#ED5F21
}
.hljs-keyword {
	font-weight:bold;
	color:#22829B
}
.hljs-built_in {
	color:#FF0083
}
.hljs-comment {
	color:#9BC439
}
.hljs-params {
	color:#9BC439
}
.language-table {
	background-color:transparent;
	color:#555e61;
	font-family:monaco;
	line-height:2
}
.mask {
	background-color:#fff;
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	top:0
}
.close {
	font-family:'avenir next','work sans';
	position:absolute;
	font-size:2.6rem;
	font-weight:100;
	color:rgba(0,0,0,0.4);
	cursor:pointer;
	line-height:0
}
.close:hover {
	color:#000
}
.tabs-nav {
	font-size:90%;
	margin:.6rem 0;
	padding:0
}
.tabs-nav a {
	border-bottom:2px solid rgba(0,0,0,0.2);
	text-decoration:none;
	text-align:center;
	font-weight:500;
	color:rgba(0,0,0,0.4);
	padding:.6rem 0;
	display:block;
	cursor:pointer;
	margin-right:2px;
	flex:1
}
.tabs-nav a:hover {
	color:rgba(0,0,0,0.8);
	border-color:rgba(0,0,0,0.4)
}
.tabs-nav a.current {
	font-weight:bold;
	color:#000;
	border-color:#006680;
	cursor:default
}
.tab-pane {
	display:none
}
.tab-pane.current {
	display:block
}
.faq-wrapper {
	margin:2.4rem 0
}
.faq-wrapper [type=checkbox],.faq-wrapper article {
	display:none
}
.faq-wrapper label {
	font-weight:600;
	font-size:110%;
	color:#32383a;
	margin-bottom:.3rem;
	display:block;
	cursor:pointer
}
.faq-wrapper label:before {
	font-family:FontAwesome;
	content:"\f0fe";
	margin-right:.6rem;
	color:#006680
}
.faq-wrapper article {
	margin-left:1.5rem;
	margin-bottom:1.8rem
}
.faq-wrapper input:checked ~ article {
	display:block;
	color:rgba(0,0,0,0.6)
}
.faq-wrapper input:checked ~ label:before {
	content:"\f146";
	color:#00ABCD
}
.player-teaser figure {
	position:relative
}
.player-teaser figure:before {
	background:radial-gradient(#351215,transparent 40%);
	content:"Learn more...";
	line-height:22.1;
	font-weight:500;
	color:white;
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	top:0;
	left:.9rem;
	opacity:0;
	transition:opacity .2s
}
.player-teaser figure:hover:before {
	opacity:1
}
#cookie {
	top:calc(100% - 50px);
	text-align:center;
	position:fixed;
	z-index:10;
	height:100%;
	width:100%;
	left:0
}
#cookie>* {
	background-color:#fff;
	display:inline-block;
	border-radius:4px;
	text-align:left;
	max-width:33em
}
#cookie section {
	box-shadow:0 0 2.4rem rgba(0,0,0,0.2);
	padding:.6rem .9rem .6rem 1.2rem;
	position:relative;
	padding-right:3rem;
	font-size:90%;
	color:#6E7B7F
}
#cookie .close {
	position:absolute;
	right:.9rem;
	top:1.3rem
}
#info {
	top:30%;
	text-align:center;
	position:fixed;
	z-index:10;
	height:100%;
	width:100%;
	left:0
}
#info>* {
	background-color:#fff;
	display:inline-block;
	border-radius:4px;
	text-align:left;
	max-width:33em
}
#info section {
	box-shadow:0 0 6rem rgba(0,0,0,0.4);
	border-left:.6rem solid #9BC439;
	padding:1.8rem
}
.sc-notice {
	border-left:.3rem solid #9BC439;
	box-shadow:0 0 2px #9BC439;
	background-color:#fafcf6;
	padding:.9rem 1.2rem .3rem;
	border-radius:2px;
	font-size:91%;
	margin:2.4rem 0
}
.sc-notice p:first-child:before {
	margin:0 .6rem 1.8rem 0;
	font-size:140%;
	content:"\f05a";
	color:#9BC439;
	float:left
}
.tip {
	border-color:#39A1F8;
	box-shadow:0 0 2px #39A1F8;
	background-color:#edf7ff
}
.tip p:first-child:before {
	margin:0 .6rem 0 .3rem;
	color:#39A1F8;
	font-size:160%;
	content:"\f0eb"
}
.tag {
	border:1px solid #00ABCD;
	display:inline-block;
	border-radius:3px;
	font-weight:bold;
	padding:.3rem .9rem;
	line-height:1;
	font-size:.7rem;
	color:#006680;
	text-transform:uppercase;
	letter-spacing:.06em
}
.media-hero section:first-child {
	margin-bottom:3.6rem;
	text-align:left;
	max-width:32em
}
.media-hero h1+p {
	font-weight:100;
	font-size:120%;
	color:black
}
@media (min-width:1200px) {
	.media-hero h1+p {
		font-size:140%
	}
}
.media-hero h1 em {
	font-weight:400;
	color:rgba(0,0,0,0.8);
	letter-spacing:-1px;
	text-transform:inherit
}
.media-hero img {
	border-radius:3px
}
.media-hero figcaption {
	margin-top:.6rem
}
@media (min-width:1000px) {
	.media-hero .wrap {
		position:relative;
		height:33em;
		display:block
	}
	.media-hero section:first-child {
		background-color:#f9f9f9;
		padding:1.8rem 2.4rem 1.2rem;
		position:absolute;
		max-width:30em;
		z-index:1;
		top:10%
	}
	.dark .media-hero section:first-child {
		background-color:#006680
	}
	.white .media-hero section:first-child {
		background-color:#fff;
		padding-left:0
	}
	.media-hero section:last-child {
		position:absolute;
		max-width:900px;
		right:0
	}
}
.customer-quote h1+p {
	font-style:italic;
	font-size:125%;
	color:#6E7B7F
}
.customer-quote h1+p:before {
	position:absolute;
	font-style:normal;
	margin-left:-1.5rem;
	font-size:3.2em;
	line-height:.7;
	color:#22829B;
	content:"“"
}
.customer-quote h1+p+p {
	white-space:nowrap
}
.customer-quote h1+p+p:before {
	content:"— ";
	color:#22829B
}
.customer-quote section:first-child {
	box-shadow:20px 50px 50px rgba(0,0,0,0.2);
	background-color:white;
	max-width:32em;
	padding:calc(1em+4vw);
	margin-top:-4em;
	border:1px solid #eee
}
.customer-quote section:first-child p:last-child {
	margin-top:1em;
	font-weight:500
}
.customer-quote img {
	opacity:.7
}
.customer-quote figcaption {
	text-align:center;
	font-weight:500
}
#nav_search {
	cursor:pointer
}
#nav_search:before {
	content:"\f002";
	padding-right:.4rem;
	color:#8a9598
}
#nav_search:hover:before {
	color:#00ABCD
}
#search_overlay {
	background-color:rgba(0,0,0,0.6);
	display:none;
	top:0;
	text-align:center;
	position:fixed;
	z-index:10;
	height:100%;
	width:100%;
	left:0
}
#search_overlay>* {
	background-color:#fff;
	display:inline-block;
	border-radius:4px;
	text-align:left;
	max-width:33em
}
#search_overlay.is-active {
	display:block
}
#search_overlay .panel {
	box-shadow:0 .6rem 2.4rem rgba(0,0,0,0.6);
	width:40em;
	max-width:40em;
	margin-top:10vw
}
#search_overlay .panel.loading {
	filter:blur(2px);
	opacity:1
}
#search_overlay header {
	border-bottom:1px solid #ddd;
	display:flex;
	padding:.6rem 0;
	margin-bottom:.9rem
}
#search_overlay form {
	margin-left:1.2rem;
	flex:10
}
#search_overlay form:before {
	content:"\f002";
	padding-right:.4rem;
	color:#8a9598
}
#search_overlay input {
	padding:.9rem .3rem;
	font-size:110%;
	width:95%;
	border:0
}
#search_overlay .close {
	position:static;
	line-height:1.2;
	margin-right:.9rem
}
.suggestions {
	margin-bottom:1.2rem
}
.suggestions h6 {
	margin:0 0 .6rem 1.2rem;
	font-weight:400;
	font-size:90%;
	color:#8a9598
}
.suggestions p {
	padding:.6rem 1.8rem;
	font-weight:500;
	color:#333;
	margin:0;
	cursor:pointer
}
.suggestions p:before {
	margin-right:.6rem;
	color:#8a9598;
	content:"\f002"
}
.suggestions p:hover {
	background-color:#22829B;
	color:white
}
.suggestions p:hover:before {
	color:rgba(255,255,255,0.6)
}
.flex,.tabs-nav {
	display:flex
}
.flex>*,.tabs-nav>* {
	flex:1
}
.top {
	align-items:flex-start !important
}
.nowrap {
	white-space:nowrap
}
.left {
	text-align:left
}
.right {
	text-align:right
}
.center {
	text-align:center
}
.top10 {
	margin-top:6rem
}
.top1 {
	margin-top:.6rem
}
.top2 {
	margin-top:1.2rem
}
.bottom1 {
	margin-bottom:.6rem !important
}
.bottom2 {
	margin-bottom:1.2rem
}
.bottom3 {
	margin-bottom:1.8rem
}
.left1 {
	margin-left:.6rem
}
.left2 {
	margin-left:1.2rem
}
.left3 {
	margin-left:1.8rem
}
.smaller {
	font-size:90%
}
.small {
	font-size:80%
}
.bigger {
	font-size:110%
}
.big {
	font-size:120%
}
.nowrap {
	white-space:nowrap
}
.full-size {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.pointer {
	cursor:pointer
}
.hidden {
	display:none !important
}
.block {
	display:block !important
}
.no-scroll {
	overflow:hidden
}
.layout-21>:first-child {
	flex:1.5
}
.gray-3 {
	background-color:rgba(204,204,204,0.1)
}
.gray-2 {
	background-color:#eaeaea
}
.blue-a {
	background-color:#22829B
}
.blue-b {
	background-color:#006680
}
.blue-c {
	background-color:#193D46
}
.blue-d {
	background-color:#000121
}
.black-bg {
	background-color:#000
}
.black-a {
	background-color:#1A1A1A
}
.inset-shadow {
	box-shadow:0 0 .3rem rgba(0,0,0,0.4) inset
}
.border-bottom {
	border-bottom:1px solid rgba(0,0,0,0.2)
}
.flex-bottom {
	align-items:flex-end
}
.apart {
	justify-content:space-between
}
.loading {
	transition:opacity .3s;
	opacity:.3
}
.continue:after {
	content:"\f105";
	padding-left:.4rem;
	color:rgba(0,0,0,0.4);
	font-weight:400
}
.dark .continue:after {
	color:rgba(255,255,255,0.6)
}
.back:before {
	content:"\f104";
	padding-right:.4rem;
	color: rgba(0,0,0,0.4)
}