/*
=====================================================================
*   Woo v1.0 Layout Stylesheet
*   url: styleshout.com
*   05-02-2014
=====================================================================

   TOC:
   a. General and Common Styles
   b. Header Styles
   c. Hero Section
   d. Features Section
   e. Pricing Section
   f. Screenshots Section
   g. Call To Action Section
   h. Testimonials Section
   i. Subscribe Section
   j. Footer
   k. lightbox

   todo: check bug in mobile z-index

===================================================================== */

/* ------------------------------------------------------------------ */
/* a. General and Common Styles
/* ------------------------------------------------------------------ */

body { background: #181d21; }

.section-head {
  	padding: 0 4%;
   text-align: center;
}
.section-head h1 {
   font: 20px/36px 'montserrat-bold', sans-serif;
   color: #333;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   margin-bottom: 12px;
}

/* for css animations */
.show { opacity: 1; }
.js #mc_embed_signup input[type="email"],
.js #mc_embed_signup input[type="submit"] {
   opacity: 0;
}


/* ------------------------------------------------------------------ */
/* b. Header Styles
/* ------------------------------------------------------------------ */

header {
   height: 54px;
   width: 100%;
   background: #13171B;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 990;
}

header .header-inner {
   max-width: 1040px;
   margin: 0 auto;
   padding: 0 20px;
   height: 54px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   position: relative;
}

/* header logo */
header .logo {
   margin: 0;
   float: none;
   width: auto;
   z-index: 991;
   position: relative;
   flex: 0 0 auto;
}
header .logo a {
   display: block;
   margin: 0;
   padding: 0;
   border: none;
   outline: none;
   width: 64px;
   height: 18px;
}

header .header-cta {
   flex: 0 0 auto;
   z-index: 991;
}
header .header-cta-btn {
   display: inline-block;
   margin: 0;
   padding: 8px 16px;
   font: 11px/1 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   background: #11ABB0;
   color: #fff !important;
   border: none;
}
header .header-cta-btn:hover {
   background: #0F9095;
   color: #fff !important;
}

/* primary navigation
--------------------------------------------------------------------- */
#nav-wrap, #nav-wrap ul, #nav-wrap li, #nav-wrap a {
   margin: 0;
   padding: 0;
   border: none;
   outline: none;
}

/* nav-wrap — centered in header container */
#nav-wrap {
   font: 11px 'montserrat-regular', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   float: none;
   position: absolute;
   left: 50%;
   top: 0;
   transform: translateX(-50%);
   z-index: 990;
}

/* hide toggle button */
#nav-wrap > a { display: none; }

ul#nav {
   min-height: 54px;
   width: auto;
   text-align: center;
}
ul#nav li {
   position: relative;
   list-style: none;
   height: 54px;
   display: inline-block;
}

/* Links */
ul#nav li a {
   display: inline-block;
   padding: 8px 10px;
   line-height: 38px;
   text-decoration: none;
   text-align: center;
   color: #58687A;

   -webkit-transition: color .2s ease-in-out;
   -moz-transition: color .2s ease-in-out;
   -o-transition: color .2s ease-in-out;
   -ms-transition: color .2s ease-in-out;
   transition: color .2s ease-in-out;
}
ul#nav li a:hover { color: #fff; }
ul#nav li a:active { background-color: transparent !important; }
ul#nav li.current a { color: #fff; }


/* ------------------------------------------------------------------ */
/* c. Hero Section
/* ------------------------------------------------------------------ */

#hero {
   padding-top: 66px;
   background: #23292f url(img/hero-bg.png);
   overflow: hidden;
}

/* For high-res devices */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

	#hero { 
		background: #23292f url(img/hero-bg_@2X.png); 
		background-size: 200px 200px;
	}
  
}

#hero .row { max-width: 1040px; }

/* Hero Text */
.section-label {
   display: inline-block;
   font: 12px/1 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 2px;
   color: #11ABB0;
   margin-bottom: 14px;
}
.section-label--dark { color: #11ABB0; }

.hero-text {
   color: #676e73;
   width: 83%;
   text-align: center;
   margin: 54px auto 24px auto;
}
.hero-text h1 {
   font: 40px/1.2em 'montserrat-regular', sans-serif;
   color: #fff;
   padding: 0;
   margin: 0;
   text-shadow: 0px 1px 4px rgba(0, 0, 0, .2);
}
.hero-text h1 span,
.hero-text a { color: #11ABB0; }
.hero-text p {
   font: 16px/30px 'opensans-regular', sans-serif;
   padding: 0;
   margin: 12px 8% 0;
   text-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
}

.hero-stats {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 28px 48px;
   max-width: 720px;
   margin: 0 auto 28px;
   text-align: center;
}
.hero-stat strong {
   display: block;
   font: 28px/1.2 'montserrat-bold', sans-serif;
   color: #fff;
   margin-bottom: 6px;
}
.hero-stat span {
   font: 13px/1.4 'opensans-regular', sans-serif;
   color: #8a9298;
   text-transform: uppercase;
   letter-spacing: 1px;
}

/* Hero Image */
.hero-image {
   width: 100%;
   margin: 0 auto;
}
.hero-image img {
   vertical-align: bottom;
   display: block;
}

/* Hero CTA Buttons */
#hero .buttons {
   text-align: center;
   margin: 0 0 18px 0;
}
#hero .buttons .button {
   font: 14px/24px 'montserrat-bold', sans-serif;
   text-transform : uppercase;
   letter-spacing: 2px;
}
#hero .buttons .trial {
   background: #f64b39;
   margin-right: 30px;

   -webkit-animation-delay: 10s;
      -moz-animation-delay: 10s;
       -ms-animation-delay: 10s;
        -o-animation-delay: 10s;
   -webkit-animation-iteration-count: 3;
      -moz-animation-iteration-count: 3;  
}
#hero .buttons .trial:hover { background: #F86A5A; }
#hero .buttons .learn-more {}


/* ------------------------------------------------------------------ */
/* d. Features Section
/* ------------------------------------------------------------------ */

#features {
   background: #fff;
   padding-top: 96px;
   padding-bottom: 78px;
   overflow: hidden;
}
#features .feature {
   margin-top: 30px;
   margin-bottom: 54px;
}
#features .right {
   padding-left: 32px;
   float: right;   
}
#features .left {
   padding-right: 32px;
   float: left;   
}
#features h3 {
   font: 16px/24px 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #222;
}
.fluid-video-wrapper { margin-top: 18px; }


/*----------------------------------------------*/
/*	e. Pricing Section
/*----------------------------------------------*/

#pricing {
	background: #F7F7F7;
   padding-top: 107px;
   padding-bottom: 77px;   
   border-top: 1px solid #F0F0F0;
   border-bottom: 1px solid #F0F0F0;
   text-align: center;
}
#pricing .price-block {
   background: #fff;
   border: 1px solid #E6E6E6;
   text-align: center;
   margin-bottom: 36px;
}
.plan-title {
  	font: 15px/30px 'montserrat-regular', sans-serif;
  	padding: 30px 20px 6px 20px;
   margin-bottom: 0px;
  	text-align: center;
   text-transform: uppercase;
   letter-spacing: 2px;
}
.plan-title .fa {
  	display: block;
  	margin-bottom: 6px;
   font-size: 26px;
}
.plan-price {
	font-family: 'montserrat-bold', sans-serif;
   font-size: 30px;
   color: #333;
	padding: 6px 30px 6px 30px;
   margin-bottom: 0;
	text-align: center;
   letter-spacing: .5px;
}
.plan-price span {
	font-family: 'opensans-light', sans-serif;
	font-size: 15px;
	color: #999;	
	display: block;
	margin-top: 0;
}

ul.features {
   margin: 12px 0 0 0;
   list-style: none;
}
ul.features li {
   line-height: 39px;
   margin-bottom: 0;
}
ul.features li:nth-child(odd) { }
ul.features li:nth-child(even) { }

.plan-sign-up {
  	padding: 24px 15px;
   margin: 0;
   text-align: center;
}
.plan-sign-up .button {
   font: 13px/24px 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 2px;
}


/* ------------------------------------------------------------------ */
/* c. Screenshots
/* ------------------------------------------------------------------ */

#screenshots {
   background: #fff url(img/grey.png);
   padding-top: 96px;
   padding-bottom: 120px;
}

/* For high-res devices */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

   #screenshots {
      background: #fff url(img/grey_@2X.png);
      background-size: 397px 322px;
   }

}

/* Portfolio Content */
#screenshots-wrapper .columns { padding: 0; }
.item .item-wrap {
   background: #fff;
   overflow: hidden;
   position: relative;

   -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.item .item-wrap a {
   display: block;
   cursor: pointer;
}

/* overlay */
.item .item-wrap .overlay {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;

	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);

   -webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;

   background: url(img/overlay-bg.png) repeat;
}
.item .item-wrap .link-icon {
   display: block;
   color: #fff;
   height: 30px;
   width: 30px;
   font-size: 18px;
   line-height: 30px;
   text-align: center;

   opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);

   -webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;

   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -15px;
   margin-top: -15px;
}
.item .item-wrap img {
   vertical-align: bottom;

   -webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/* on hover */
.item:hover .overlay {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
.item:hover .link-icon {
   opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
.item:hover .item-wrap img {
   -moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}


/* ------------------------------------------------------------------ */
/* g. Call To Action Section
/* ------------------------------------------------------------------ */

#call-to-action {
   background: #23292F;
   padding-top: 72px;
   padding-bottom: 48px;
}
#call-to-action h1 {
   font: 18px/24px 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 3px;
   color: #fff;
}
#call-to-action h1 span { display: none; }
#call-to-action .header-col h1:before {
   font-family: 'FontAwesome';
   content: "\f093";
	padding-right: 18px;
	padding-top: 6px;
	font-size: 72px;
   line-height: 72px;
   text-align: center;
   float: right;
   color: #EBEEEE;  
}
#call-to-action .action { margin-top: 18px; }
#call-to-action .action .button { text-align: center; }
#call-to-action h2 {
   font: 28px/36px 'montserrat-bold', sans-serif;
   color: #EBEEEE;
   margin-bottom: 12px;
}
#call-to-action h2 a {
   color: inherit;
}
#call-to-action p {
   color: #697B8B; 
   font-size: 17px; 
   padding-right: 5px; 
}
#call-to-action p span {
	font-family: 'opensans-semibold', sans-serif; 
	color: #A9B5C0;
}


/* ------------------------------------------------------------------
/* h. Testimonials
/* ------------------------------------------------------------------ */

#testimonials {
   background: #10999E url(img/escheresque.png);
   padding-top: 112px;
   padding-bottom: 66px;
   position: relative;
   min-height: 198px;
   width: 100%;
   overflow: hidden;
   text-align: center;
}

/* For high-res devices */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

	#testimonials {
		background: #10999E url(img/escheresque_@2X.png);
		background-size: 46px 29px;
	}
  
}

#testimonials .quote-left, 
#testimonials .quote-right {
   position: absolute;
   top: 50%;
   color: #fff;
   font-size: 40px;
   margin-top: -25px;
}
#testimonials .quote-left { left: 5%; }
#testimonials .quote-right { right: 5%; }

#testimonials .text-container {
   width: 86%;
   margin: 0 auto;
}
#testimonials h1 {
   font: 16px/24px 'montserrat-bold', sans-serif;
   color: #6AECF0;
   text-transform: uppercase;
   letter-spacing: 2px;   
   margin-bottom: 36px;
}

/*	Blockquotes */
#testimonials blockquote {
   margin: 0 0px 30px 0px;
   padding-left: 0;
   position: relative;   
}
#testimonials blockquote:before { content: none; }
#testimonials blockquote p {
   font-family: 'opensans-semibold', sans-serif;
   font-style: normal;
   color: #fff;
   padding: 0;
   font-size: 26px;
   line-height: 42px;   
}
#testimonials blockquote cite {
   display: block;
   font-size: 12px;
   font-style: normal;
   line-height: 18px;
   color: #fff;
}
#testimonials blockquote cite:before { content: "\2014 \0020"; }
#testimonials blockquote cite a,
#testimonials blockquote cite a:visited { color: #8B9798; border: none }

/* Flex Slider
/* ------------------------------------------------------------------ */

/* Reset */
.flexslider a:active,
.flexslider a:focus  { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.slides li { margin: 0; padding: 0;}

/* Necessary Styles */
.flexslider {
   position: relative;
   zoom: 1;
   margin: 0;
   padding: 0;
}
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
/* Suggested container for slide animation setups. Can replace this with your own */
.flex-container { zoom: 1; position: relative; }

/* Clearfix for .slides */
.slides:before,
.slides:after {
   content: " ";
   display: table;
}
.slides:after {
   clear: both;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* Slider Styles */
.slides { zoom: 1; }
.slides > li {
   /*margin-right: 5px; */
   overflow: hidden;
}

/* Control Nav */
.flex-control-nav {
   width: 100%;
   text-align: center;
}
.flex-control-nav li {
   margin: 0 6px;
   display: inline-block;
   zoom: 1;
   *display: inline;
}
.flex-control-paging li a {
   width: 12px;
   height: 12px;
   display: block;
   background: #ddd;
   background: rgba(255, 255, 255, .3);
   cursor: pointer;
   text-indent: -9999px;
   border-radius: 20px;
   box-shadow: inset 0 0 3px rgba(255, 255, 255, .3);
}
.flex-control-paging li a:hover {
    background: #CCC;
    background: rgba(255, 255, 255, .7);
}
.flex-control-paging li a.flex-active {
    background: #fff;
    background: rgba(255, 255, 255, .9);
    cursor: default;
}


/* ------------------------------------------------------------------ */
/* i. Subscribe Section
/* ------------------------------------------------------------------ */

#subscribe {
   background: #23292F;
   padding-top: 96px;
   padding-bottom: 66px;
   overflow: hidden;
   text-align: center;
}

#subscribe a, #subscribe a:visited  { color: #fff; }
#subscribe a:hover, #subscribe a:focus { color: #11ABB0; }

#subscribe h1 { color: #fff; }
#subscribe p {
   color: #7A7A7A;
   text-align: center;
   padding: 0;
}

/* mailchimp signup form */
#mc_embed_signup {
   background: none;
   clear: both;
   display: block;
   margin: 6px auto 30px auto;
   width: 70%;
  	text-align: center;   
}
#mc_embed_signup:before,
#mc_embed_signup:after {
    content: " ";
    display: table;
}
#mc_embed_signup:after {
    clear: both;
}
#mc_embed_signup input[type="submit"] {
   float: right;
   height: 60px;
   margin: 0;
   padding: 0 20px;
   font-size: 16px;
   line-height: 60px;
   width: 47%;  
}
#mc_embed_signup input[type="email"] {
   display: inline;
   float: left;
   height: 60px;
   margin: 0;
   padding: 18px 20px;
   font-size: 18px;
   line-height: 24px;
   font-family: 'montserrat-regular',sans-serif;
   width: 47%;  
   text-align: center;
}


/* ------------------------------------------------------------------ */
/* j. Footer
/* ------------------------------------------------------------------ */

footer {
   padding-top: 84px;
   margin-bottom: 60px;
   color: #3c4753;
   font-size: 13px;
   line-height: 24px;
   position: relative;   
}

footer a, footer a:visited { color: #0A6567; }
footer a:hover, footer a:focus { color: #fff; }

footer .info { padding-right: 90px; }

footer .footer-logo a {
   display: block;
   margin-bottom: 12px;
   margin-top: 12px;
   margin-left: 3px;
}
footer .footer-logo a img {
   height: 24px;
   width: 92px;
}

footer .right-cols .columns {
   padding-right: 5px;
   padding-left: 5px;
   width: 33.33333%; ;
}
footer .right-cols .columns p { margin-bottom: 6px; }

footer h3 {
   font: 13px/24px 'opensans-semibold', sans-serif;
   margin-bottom: 0;
   font-weight: normal;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 1px;
}
footer h3:before {
   font-family: 'FontAwesome';   
	margin: 0 0 6px 3px;
	font-size: 30px;
   line-height: 48px;
   text-align: left;
   color: #738291;
   display: block;
}
footer h3.address:before { content: "\f041"; }
footer h3.social:before { content: "\f0c0"; }
footer h3.contact:before { content: "\f0e0"; }

footer ul {
   margin: 0;
   padding: 0;
}
footer ul li {
   margin: 0;
   line-height: 24px;
}
footer ul li a,
footer ul li a:visited { color: #3c4753; }
footer ul li a:hover,
footer ul li a:focus { color: #fff; }

/* copyright */
footer .copyright {
   margin: 0;
   padding: 0;
   clear: none;
}

/* Go To Top Button */
#go-top {
	position: absolute;
	top: -24px;
   left: 50%;
   margin-left: -30px;
   text-align: center;
   z-index: 889;
}
#go-top a {
	text-decoration: none;
	border: 0 none;
	display: block;
	width: 60px;
	height: 60px;
	background: #525252;

	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;

   color: #fff;
   font-size: 21px;
   line-height: 60px;
 	border-radius: 100%;
}
#go-top a:hover { background: #0F9095; }


/* ------------------------------------------------------------------ */
/* k. lightbox
/* ------------------------------------------------------------------ */

#imagelightbox {
   cursor: pointer;
   position: fixed;
   z-index: 995;
   -ms-touch-action: none;
   touch-action: none;
   -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .3 ); /* 50 */
   -moz-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .3 ); /* 50 */
   box-shadow: 0 0 3.125em rgba( 0, 0, 0, .3 ); /* 50 */
}

/* activity indication */
#imagelightbox-loading,
#imagelightbox-loading div { border-radius: 50%; }
#imagelightbox-loading {
   width: 2.5em; /* 40 */
   height: 2.5em; /* 40 */
   background-color: #444;
   background-color: rgba( 0, 0, 0, .5 );
   position: fixed;
   z-index: 999;
   top: 50%;
   left: 50%;
   padding: 0.625em; /* 10 */
   margin: -1.25em 0 0 -1.25em; /* 20 */
   -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .3 ); /* 40 */
   -moz-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .3 ); /* 40 */
   box-shadow: 0 0 2.5em rgba( 0, 0, 0, .3 ); /* 40 */
}
#imagelightbox-loading div {
   width: 1.25em; /* 20 */
   height: 1.25em; /* 20 */
   background-color: #fff;

   -webkit-animation: imagelightbox-loading .5s ease infinite;
   -moz-animation: imagelightbox-loading .5s ease infinite;
   -o-animation: imagelightbox-loading .5s ease infinite;
   animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading {
	from { opacity: .5; -webkit-transform: scale( .75 ); }
	50% { opacity: 1; -webkit-transform: scale( 1 ); }
	to { opacity: .5; -webkit-transform: scale( .75 ); }
}   
@-moz-keyframes imagelightbox-loading {
	from { opacity: .5; -moz-transform: scale( .75 ); }
	50% { opacity: 1; -moz-transform: scale( 1 ); }
	to { opacity: .5; -moz-transform: scale( .75 ); }
}
@-o-keyframes imagelightbox-loading {
	from { opacity: .5; -o-transform: scale( .75 ); }
	50% { opacity: 1; -o-transform: scale( 1 ); }
	to { opacity: .5; -o-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading {
	from { opacity: .5; transform: scale( .75 ); }
	50% { opacity: 1; transform: scale( 1 ); }
	to { opacity: .5; transform: scale( .75 ); }
}

/* lightbox overlay */
#imagelightbox-overlay {
   background-color: #383838;
   background-color: rgba( 0, 0, 0, .8 );
   position: fixed;
   z-index: 994;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

/* close button */
#imagelightbox-close {	  
   position: fixed;
   z-index: 999;
   top: 2.5em; /* 40 */
   right: 2.5em; /* 40 */ 
}

#imagelightbox-close i {	  
	display: block;
	background: #fff;
	padding: 10px;
	border-radius: 100%;

	-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .5 ); /* 40 */
	-moz-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .5 ); /* 40 */
	box-shadow: 0 0 2.5em rgba( 0, 0, 0, .5 ); /* 40 */
}
a#imagelightbox-close { color: #333; }
a#imagelightbox-close:hover, a#imagelightbox-close:focus { color: #11ABB0; }

/* lightbox caption */
#imagelightbox-caption {
	text-align: center;
	color: #fff;
	background-color: #000;
	position: fixed;
	z-index: 999;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.625em; /* 10 */
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption {
	-webkit-animation: fade-in .25s linear;
	-moz-animation: fade-in .25s linear;
	-o-animation: fade-in .25s linear;
	animation: fade-in .25s linear;
}

@-webkit-keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-moz-keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-o-keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media only screen and (max-width: 41.250em) { /* 660 */

	#container	{ width: 100%; }
	#imagelightbox-close	{
		top: 1.25em; /* 20 */
		right: 1.25em; /* 20 */
	}

}

/* ------------------------------------------------------------------ */
/* m. Advantages / Features cards
/* ------------------------------------------------------------------ */

#features .advantage-grid {
   margin-top: 28px;
   display: flex;
   flex-wrap: wrap;
}
#features .advantage-grid .column {
   float: none;
   display: flex;
}
.advantage-card {
   background: #F7F7F7;
   border: 1px solid #E6E6E6;
   padding: 36px 28px;
   margin-bottom: 24px;
   text-align: left;
   width: 100%;
   display: flex;
   flex-direction: column;
   min-height: 240px;
}
.advantage-card h3 {
   font: 18px/28px 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #222;
   margin-bottom: 16px;
}
.advantage-card p {
   margin: 0;
   color: #555;
   font: 16px/28px 'opensans-regular', sans-serif;
   flex: 1 1 auto;
}

/* ------------------------------------------------------------------ */
/* n. Services (ex-pricing)
/* ------------------------------------------------------------------ */

#services {
   background: #F7F7F7;
   padding-top: 96px;
   padding-bottom: 60px;
   border-top: 1px solid #F0F0F0;
   border-bottom: 1px solid #F0F0F0;
   text-align: center;
}
#services .pricing-tables {
   display: flex;
   flex-wrap: wrap;
}
#services .pricing-tables .column {
   float: none;
   display: flex;
}
#services .service-card {
   padding-bottom: 0;
   width: 100%;
   display: flex;
   flex-direction: column;
   min-height: 340px;
}
#services .service-card__text {
   padding: 0 26px 28px;
   margin: 0;
   flex: 1 1 auto;
   color: #666;
   font: 16px/28px 'opensans-regular', sans-serif;
}
#services .plan-title {
   text-transform: none;
   letter-spacing: 1px;
   font-size: 17px;
   line-height: 26px;
   padding: 36px 24px 12px;
}
#services .plan-title .fa {
   font-size: 34px;
   margin-bottom: 12px;
}
#services .plan-sign-up {
   margin-top: auto;
}
#services .plan-sign-up .button {
   font: 14px/24px 'montserrat-bold', sans-serif;
   padding: 14px 28px;
   letter-spacing: 1.5px;
}

/* ------------------------------------------------------------------ */
/* o. Service details
/* ------------------------------------------------------------------ */

#service-details {
   background: #fff;
   padding-top: 72px;
   padding-bottom: 48px;
   overflow: hidden;
}
#service-details .feature {
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
   margin-top: 24px;
   margin-bottom: 54px;
}
#service-details .feature:before,
#service-details .feature:after {
   display: none;
}
#service-details .feature .columns {
   float: none !important;
   margin-left: 0;
   width: 50%;
}
#service-details .feature--media-left {
   flex-direction: row;
}
#service-details .feature--media-right {
   flex-direction: row-reverse;
}
#service-details .feature-media {
   padding-left: 10px;
   padding-right: 10px;
}
#service-details .feature-copy {
   padding-left: 32px;
   padding-right: 32px;
}
#service-details .feature--media-left .feature-copy {
   padding-left: 40px;
   padding-right: 10px;
}
#service-details .feature--media-right .feature-copy {
   padding-right: 40px;
   padding-left: 10px;
}
#service-details h3 {
   font: 16px/24px 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #222;
   margin-top: 0;
}
#service-details .feature-media img {
   display: block;
   width: 100%;
   height: 280px;
   object-fit: cover;
}
.detail-list {
   margin: 12px 0 0;
   padding: 0;
   list-style: none;
}
.detail-list li {
   position: relative;
   padding-left: 18px;
   margin-bottom: 12px;
   font: 14px/24px 'opensans-regular', sans-serif;
   color: #555;
}
.detail-list li:before {
   content: "";
   position: absolute;
   left: 0;
   top: 10px;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #11ABB0;
}

/* ------------------------------------------------------------------ */
/* p. Getting started
/* ------------------------------------------------------------------ */

#getting-started {
   background: #23292F;
   padding: 90px 0 72px;
   text-align: center;
}
#getting-started .section-head h1 { color: #fff; }
#getting-started .section-head p { color: #9aa3ab; }
.step-card {
   background: #2b3239;
   border: 1px solid #3a434c;
   padding: 28px 22px;
   margin-bottom: 24px;
   min-height: 200px;
   text-align: left;
}
.step-card__num {
   display: block;
   font: 13px/1 'montserrat-bold', sans-serif;
   color: #11ABB0;
   letter-spacing: 2px;
   margin-bottom: 14px;
}
.step-card h3 {
   font: 16px/24px 'montserrat-bold', sans-serif;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 10px;
}
.step-card p {
   margin: 0;
   color: #9aa3ab;
   font: 14px/24px 'opensans-regular', sans-serif;
}

/* ------------------------------------------------------------------ */
/* q. Technology preview
/* ------------------------------------------------------------------ */

#technology {
   background: #fff;
   padding: 96px 0 72px;
   text-align: center;
}
.tech-card {
   background: #fff;
   border: 1px solid #E6E6E6;
   padding: 0 0 24px;
   margin-bottom: 24px;
   text-align: left;
   overflow: hidden;
}
.tech-card--accent {
   border-color: #11ABB0;
   box-shadow: 0 0 0 1px #11ABB0;
}
.tech-card__media img {
   display: block;
   width: 100%;
   height: 160px;
   object-fit: cover;
}
.tech-card h3 {
   font: 15px/24px 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #222;
   margin: 18px 18px 10px;
}
.tech-card p {
   margin: 0 18px;
   color: #555;
   font: 14px/24px 'opensans-regular', sans-serif;
}

/* ------------------------------------------------------------------ */
/* r. Market chart
/* ------------------------------------------------------------------ */

#market {
   background: #F7F7F7;
   padding: 90px 0 72px;
   text-align: center;
   border-top: 1px solid #F0F0F0;
}
.chart-wrap {
   background: #181d21;
   border: 1px solid #2a3138;
   overflow: hidden;
}
#tradingview-btc {
   min-height: 480px;
}

/* ------------------------------------------------------------------ */
/* s. News
/* ------------------------------------------------------------------ */

#news {
   background: #fff;
   padding: 90px 0 72px;
   text-align: center;
}
.news__carousel {
   position: relative;
   max-width: 100%;
   overflow: visible;
}
.news__viewport {
   overflow: hidden;
   width: 100%;
}
.news__track {
   display: flex;
   align-items: stretch;
   gap: 20px;
   padding: 2px 1px 10px;
   margin: -2px -1px 0;
   transition: transform .35s ease;
   will-change: transform;
   box-sizing: border-box;
}
.news-card {
   flex: 0 0 calc(33.333% - 14px);
   min-width: 240px;
   background: #fff;
   border: 1px solid #E6E6E6;
   text-align: left;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   box-sizing: border-box;
   min-height: 100%;
}
.news-card__media {
   flex: 0 0 auto;
   overflow: hidden;
}
.news-card__media img {
   display: block;
   width: 100%;
   height: 150px;
   object-fit: cover;
}
.news-card__body {
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
   padding: 18px 18px 24px;
   box-sizing: border-box;
}
.news-card__title {
   font: 14px/22px 'montserrat-bold', sans-serif;
   color: #222;
   margin: 0 0 8px;
}
.news-card__excerpt {
   font: 13px/22px 'opensans-regular', sans-serif;
   color: #666;
   margin: 0 0 16px;
   flex: 1 1 auto;
}
.news-card__actions {
   margin-top: auto;
   padding-top: 4px;
}
.news-card__btn {
   display: inline-block;
   font: 12px/1.4 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #11ABB0;
}
.news-card__btn:hover { color: #0A6567; }
.news__controls {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 20px;
   margin-top: 28px;
}
.news__prev,
.news__next {
   position: static;
   width: 40px;
   height: 40px;
   padding: 0;
   border: none;
   border-radius: 50%;
   background: transparent;
   color: #9aa3ab;
   cursor: pointer;
   flex: 0 0 auto;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   transition: color .2s ease, background-color .2s ease;
}
.news__prev svg,
.news__next svg {
   display: block;
}
.news__prev:hover,
.news__next:hover {
   color: #11ABB0;
   background: rgba(17, 171, 176, .08);
}
.news__prev:focus-visible,
.news__next:focus-visible {
   outline: none;
   color: #11ABB0;
   background: rgba(17, 171, 176, .12);
}
.news__dots {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 10px;
   margin: 0;
   min-height: 40px;
}
.news__dots.is-hidden { visibility: hidden; }
.news__dot {
   width: 6px;
   height: 6px;
   border-radius: 50%;
   border: none;
   background: #cfd4d8;
   padding: 0;
   cursor: pointer;
   transition: background-color .2s ease, transform .2s ease, width .2s ease;
}
.news__dot:hover { background: #11ABB0; }
.news__dot.active {
   width: 18px;
   border-radius: 999px;
   background: #11ABB0;
}

/* ------------------------------------------------------------------ */
/* t. Brand quote (testimonials)
/* ------------------------------------------------------------------ */

#testimonials .brand-quote {
   margin: 0;
   text-align: center;
}
#testimonials .brand-quote p {
   font: 28px/1.4 'montserrat-regular', sans-serif;
   color: #fff;
}
#testimonials .brand-quote cite {
   display: block;
   margin-top: 18px;
   font: 13px/1 'opensans-regular', sans-serif;
   color: #6AECF0;
   font-style: normal;
   text-transform: uppercase;
   letter-spacing: 1.5px;
}

/* ------------------------------------------------------------------ */
/* u. Code of conduct
/* ------------------------------------------------------------------ */

#code {
   background: #F7F7F7;
   padding: 90px 0 72px;
   text-align: center;
   border-top: 1px solid #F0F0F0;
}
.code-card {
   background: #fff;
   border: 1px solid #E6E6E6;
   padding: 26px 22px;
   margin-bottom: 24px;
   text-align: left;
   min-height: 180px;
}
.code-card h3 {
   font: 15px/24px 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #222;
   margin-bottom: 12px;
}
.code-card p {
   margin: 0;
   color: #555;
   font: 14px/24px 'opensans-regular', sans-serif;
}
.risk-note {
   margin: 12px 0 0;
   padding: 18px 20px;
   border-left: 3px solid #f64b39;
   background: #fff;
   text-align: left;
   color: #666;
   font: 13px/22px 'opensans-regular', sans-serif;
}

/* ------------------------------------------------------------------ */
/* v. Join / lead form
/* ------------------------------------------------------------------ */

#join {
   background: #fff;
   padding: 80px 0 72px;
   border-top: 1px solid #F0F0F0;
   text-align: center;
}
.section-head--left { text-align: left; padding: 0; }
.section-head--left h1 { text-align: left; }

#join .join-intro {
   margin-bottom: 36px;
}
#join .join-intro .twelve.columns {
   float: none;
   width: 100%;
   max-width: 720px;
   margin: 0 auto;
   padding: 0 18px;
}
#join .join-intro .section-label {
   display: inline-block;
   margin-bottom: 12px;
}
#join .join-intro h1 {
   font: 32px/1.25 'montserrat-bold', sans-serif;
   color: #222;
   text-transform: none;
   letter-spacing: 0;
   margin: 0 0 14px;
   text-align: center;
}
#join .join-lead {
   margin: 0 auto;
   font: 16px/28px 'opensans-regular', sans-serif;
   color: #666;
   max-width: 640px;
   text-align: center;
}

#join .join-form-row,
#join .join-meta {
   width: 96%;
   max-width: 1008px;
   margin-left: auto;
   margin-right: auto;
}
#join .join-form-row {
   margin-bottom: 16px;
}
#join .join-form-row .twelve.columns,
#join .join-meta .twelve.columns {
   float: none;
   width: 100%;
   max-width: none;
   margin: 0;
   padding: 0;
}
#join .lead-form-card {
   background: #fff;
   border: 1px solid #E6E6E6;
   padding: 28px 36px 24px;
   box-sizing: border-box;
   width: 100%;
   max-width: none;
   margin: 0;
   text-align: left;
}
.register-form-title {
   margin: 0 0 8px;
   font: 18px/1.3 'montserrat-bold', sans-serif;
   color: #222;
}
.register-form-lead {
   margin: 0 0 18px;
   font: 14px/22px 'opensans-regular', sans-serif;
   color: #777;
   text-align: left;
}
.register-form {
   display: flex;
   flex-direction: column;
   gap: 12px;
}
#join .register-form {
   gap: 20px;
   width: 100%;
   text-align: left;
}
#join .register-form > input[type="hidden"] {
   display: none;
}
#join .register-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   column-gap: 28px;
   row-gap: 20px;
   width: 100%;
   align-items: end;
}
#join .register-grid .register-field {
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 6px;
   margin: 0;
}
#join .register-grid .register-field label {
   min-height: 16px;
   line-height: 16px;
   margin: 0;
}
#join .register-grid .register-field > input,
#join .register-grid .register-field .iti,
#join .register-grid .register-field .iti input {
   width: 100%;
   height: 40px;
   min-height: 40px;
   max-height: 40px;
   margin: 0;
   padding: 10px 0;
   line-height: 20px;
   font: 14px/20px 'opensans-regular', sans-serif;
   color: #222;
   box-sizing: border-box;
   vertical-align: middle;
}
#join .register-grid .register-field > input::placeholder,
#join .register-grid .register-field .iti input::placeholder {
   font: 14px/20px 'opensans-regular', sans-serif;
   color: rgba(0,0,0,.35);
   opacity: 1;
}
#join .register-grid .register-field .iti {
   display: block;
   position: relative;
   padding: 0;
   border: none;
}
#join .register-grid .register-field .iti__flag-container {
   height: 40px;
   display: flex;
   align-items: center;
}
#join .register-grid .register-field .iti__selected-flag {
   height: 40px;
   padding: 0 0 0 0;
   display: flex;
   align-items: center;
}
#join .register-grid .register-field .iti input {
   padding-left: 52px !important;
   padding-right: 0 !important;
   margin: 0 !important;
}
#join .register-actions {
   display: flex;
   flex-direction: column;
   gap: 16px;
   width: 100%;
}
#join .register-field--full {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 6px;
   min-width: 0;
   margin: 0;
}
#join .register-field--full .lf-select,
#join .register-field--full .lf-select__trigger {
   width: 100%;
   box-sizing: border-box;
}
#join .register-field--full .lf-select__trigger {
   min-height: 48px;
   height: 48px;
   padding: 12px 14px;
   border: 1.5px solid rgba(0,0,0,.18);
   border-bottom: 1.5px solid rgba(0,0,0,.18);
   background: #fff !important;
   font: 14px/20px 'opensans-regular', sans-serif;
   color: #222;
}
#join .register-field--full .lf-select__trigger:hover,
#join .register-field--full .lf-select__trigger:focus,
#join .register-field--full .lf-select__trigger:active {
   background: #fff !important;
   color: #222 !important;
   border-color: rgba(0,0,0,.18);
}
#join .register-field--full .lf-select.is-open .lf-select__trigger,
#join .register-field--full .lf-select.is-open .lf-select__trigger:hover {
   border-color: #11ABB0;
}
#join .register-field--full .lf-select.is-valid .lf-select__trigger {
   border-color: #2f9e68;
}
#join .register-field--full .lf-select.is-invalid .lf-select__trigger {
   border-color: #dc3545;
}
#join .iti {
   width: 100%;
   display: block;
}
#join .register-submit {
   display: block;
   width: 100%;
   min-height: 48px;
   height: 48px;
   margin: 0;
   padding: 14px 18px;
   text-align: center;
   float: none;
   box-sizing: border-box;
}
#join .register-footer {
   display: flex;
   flex-wrap: wrap;
   align-items: baseline;
   justify-content: space-between;
   gap: 8px 20px;
}
#join .register-required-note {
   margin: 0;
   font: 11px/1.4 'opensans-regular', sans-serif;
   color: #888;
   text-align: left;
}
#join .register-legal,
#join .form-msg {
   margin: 0;
   text-align: left;
}
#join .register-legal {
   font: 11px/16px 'opensans-regular', sans-serif;
   color: #888;
   max-width: 520px;
}
#join .form-msg {
   min-height: 0;
   font-size: 12px;
   width: 100%;
}

#join .join-meta {
   text-align: center;
}
.join-partners {
   margin: 0;
   width: 100%;
}
.join-partners__label {
   display: block;
   font: 11px/1 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   color: #8a9298;
   margin-bottom: 14px;
}
.join-partners__row {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 14px 22px;
}
.join-partners__row img {
   display: block;
   height: 24px;
   width: auto;
   max-width: 120px;
   object-fit: contain;
   filter: none;
   opacity: 1;
}
.join-partners__more {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   height: 28px;
   padding: 0 12px;
   border: 1px solid #E0E0E0;
   background: #fff;
   font: 11px/1 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #666;
}
.join-stats {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 16px 24px;
   margin: 0 0 28px;
   width: 100%;
   padding: 22px 0;
   border-top: 1px solid #E6E6E6;
   border-bottom: 1px solid #E6E6E6;
}
.join-stat {
   min-width: 0;
   text-align: center;
}
.join-stat strong {
   display: block;
   font: 24px/1.2 'montserrat-bold', sans-serif;
   color: #11ABB0;
   margin-bottom: 6px;
}
.join-stat span {
   display: block;
   font: 12px/1.35 'opensans-regular', sans-serif;
   color: #777;
}
.join-benefits {
   list-style: none;
   margin: 0 0 22px;
   padding: 0;
   width: 100%;
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   justify-content: space-between;
   gap: 12px 18px;
   text-align: left;
}
.join-benefits li {
   position: relative;
   flex: 0 0 auto;
   padding: 4px 0 4px 24px;
   margin: 0;
   border: none;
   font: 12px/16px 'opensans-regular', sans-serif;
   color: #444;
   white-space: nowrap;
}
.join-benefits li:before {
   content: "\f00c";
   font-family: FontAwesome;
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -8px;
   width: 16px;
   height: 16px;
   border-radius: 50%;
   background: #11ABB0;
   color: #fff;
   font-size: 9px;
   line-height: 16px;
   text-align: center;
}
.register-field label {
   display: block;
   font: 11px/1.3 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #555;
   margin: 0;
}
.register-field .req,
.register-required-note .req { color: #11ABB0; }
.register-form input[type="text"],
.register-form input[type="email"],
.register-form input[type="tel"],
.lf-select__trigger {
   display: block;
   width: 100%;
   max-width: 100%;
   min-width: 0;
   margin: 0;
   border: none;
   border-bottom: 1.5px solid rgba(0,0,0,.18);
   border-radius: 0;
   padding: 10px 0;
   min-height: 40px;
   height: 40px;
   background: transparent !important;
   background-color: transparent !important;
   font: 14px/20px 'opensans-regular', sans-serif;
   color: #222;
   box-shadow: none !important;
   transition: border-color .2s ease;
   box-sizing: border-box;
}
.register-form .iti {
   width: 100%;
   display: block;
}
.register-form .iti input,
.register-form .iti input[type="tel"],
.register-form .iti input.iti__tel-input {
   width: 100% !important;
   max-width: 100%;
   margin: 0;
   font: 14px/20px 'opensans-regular', sans-serif !important;
   color: #222 !important;
   letter-spacing: normal;
   -webkit-text-fill-color: #222;
}
.register-form input::placeholder,
.register-form input::-webkit-input-placeholder,
.register-form input::-moz-placeholder,
.register-form .iti input::placeholder,
.register-form .iti input::-webkit-input-placeholder,
.register-form .iti input::-moz-placeholder,
.register-form .iti input.iti__tel-input::placeholder {
   font: 14px/20px 'opensans-regular', sans-serif !important;
   font-weight: 400 !important;
   color: rgba(0,0,0,.35) !important;
   -webkit-text-fill-color: rgba(0,0,0,.35) !important;
   opacity: 1 !important;
   letter-spacing: normal;
}
.register-form input:focus,
.lf-select.is-open .lf-select__trigger {
   outline: none;
   border-bottom-color: #11ABB0;
}
.register-form input.valid,
.lf-select.is-valid .lf-select__trigger { border-bottom-color: #2f9e68; }
.register-form input.invalid,
.lf-select.is-invalid .lf-select__trigger { border-bottom-color: #dc3545; }

.register-form input:-webkit-autofill,
.register-form input:-webkit-autofill:hover,
.register-form input:-webkit-autofill:focus,
.register-form input:-webkit-autofill:active {
   -webkit-text-fill-color: #222 !important;
   -webkit-box-shadow: 0 0 0 1000px #F7F7F7 inset !important;
   box-shadow: 0 0 0 1000px #F7F7F7 inset !important;
   transition: background-color 99999s ease-out 0s;
   caret-color: #222;
}

.lf-select { position: relative; z-index: 2; }
.lf-select.is-open { z-index: 5; }
.lf-select__trigger {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   cursor: pointer;
   text-align: left;
   color: #222;
   background: transparent !important;
   text-transform: none;
   letter-spacing: normal;
   margin-bottom: 0;
   border-radius: 0;
}
.lf-select__trigger:hover,
.lf-select__trigger:focus,
.lf-select__trigger:active {
   background: transparent !important;
   color: #222 !important;
}
.lf-select__icon {
   flex-shrink: 0;
   color: #888;
   transition: transform .25s ease;
}
.lf-select.is-open .lf-select__icon {
   transform: rotate(180deg);
}
.lf-select__list {
   display: none;
   position: absolute;
   left: 0;
   right: 0;
   top: auto;
   bottom: calc(100% + 4px);
   margin: 0;
   padding: 6px 0;
   list-style: none;
   background: #fff;
   border: 1px solid #E6E6E6;
   box-shadow: 0 -8px 24px rgba(0,0,0,.08);
   z-index: 6;
}
.lf-select.is-open .lf-select__list { display: block; }
.lf-select__opt {
   padding: 10px 14px;
   cursor: pointer;
   font: 14px/1.4 'opensans-regular', sans-serif;
   color: #333;
}
.lf-select__opt:hover,
.lf-select__opt[aria-selected="true"] {
   background: #F7F7F7;
   color: #11ABB0;
}
.lf-select__native {
   position: absolute;
   opacity: 0;
   pointer-events: none;
   width: 1px;
   height: 1px;
}
.lf-select__err {
   min-height: 0;
   font: 12px/1.4 'opensans-regular', sans-serif;
   color: #dc3545;
   margin-top: 4px;
}
.register-required-note {
   margin: 0;
   font: 12px/1.4 'opensans-regular', sans-serif;
   color: #888;
}
.register-submit {
   width: 100%;
   margin-top: 4px;
}
.register-legal {
   margin: 0;
   font: 12px/20px 'opensans-regular', sans-serif;
   color: #888;
}
.register-legal a { color: #0A6567; }
.form-msg {
   margin: 0;
   min-height: 1.2em;
   font: 13px/1.4 'opensans-regular', sans-serif;
}

/* ------------------------------------------------------------------ */
/* w. Lead modal
/* ------------------------------------------------------------------ */

.lead-modal {
   position: fixed;
   inset: 0;
   z-index: 2000;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 24px;
   visibility: hidden;
   pointer-events: none;
}
.lead-modal.is-open,
.lead-modal.is-closing {
   visibility: visible;
   pointer-events: auto;
}
.lead-modal__backdrop {
   position: absolute;
   inset: 0;
   background: rgba(19, 23, 27, .72);
   opacity: 0;
   transition: opacity .3s ease;
}
.lead-modal.is-open .lead-modal__backdrop { opacity: 1; }
.lead-modal.is-closing .lead-modal__backdrop { opacity: 0; }
.lead-modal__dialog {
   position: relative;
   z-index: 1;
   width: 100%;
   max-width: 520px;
   height: auto;
   max-height: none;
   overflow: visible;
   background: #fff;
   border: 1px solid #E6E6E6;
   padding: 28px 36px 20px;
   box-sizing: border-box;
   opacity: 0;
   transform: translateY(16px) scale(.98);
   transition: opacity .3s ease, transform .3s ease;
}
.lead-modal .register-form {
   gap: 20px;
   margin: 0;
   padding: 0;
}
.lead-modal .register-field {
   margin: 0;
}
.lead-modal .register-field label {
   margin: 0 0 4px;
}
.lead-modal .lf-select__err {
   min-height: 0;
   margin: 0;
}
.lead-modal .register-submit {
   display: block;
   width: 100%;
   margin: 4px 0 0;
   float: none;
}
.lead-modal .register-footer {
   display: flex;
   flex-wrap: wrap;
   align-items: baseline;
   justify-content: flex-start;
   gap: 6px 0;
   width: 100%;
   margin: 0;
}
.lead-modal .register-required-note {
   margin: 0;
   flex: 0 0 100%;
   white-space: nowrap;
}
.lead-modal .register-legal {
   margin: 0;
   flex: 0 0 100%;
   text-align: left;
   white-space: normal;
   font: 11px/1.4 'opensans-regular', sans-serif;
}
.lead-modal .form-msg {
   min-height: 0;
   margin: 0;
   flex: 0 0 100%;
}
.lead-modal.is-open .lead-modal__dialog {
   opacity: 1;
   transform: translateY(0) scale(1);
}
.lead-modal.is-closing .lead-modal__dialog {
   opacity: 0;
   transform: translateY(10px) scale(.98);
}
body.lead-modal-open { overflow: hidden; }
.lead-modal__close {
   position: absolute;
   top: 14px;
   right: 14px;
   width: 36px;
   height: 36px;
   border: none;
   background: transparent;
   font-size: 28px;
   line-height: 1;
   color: #555;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
}
.lead-modal__close span {
   display: inline-block;
   transition: transform .25s ease;
}
.lead-modal__close:hover span {
   transform: rotate(90deg);
}
.lead-modal__title {
   margin: 0 0 6px;
   font: 22px/1.3 'montserrat-bold', sans-serif;
   color: #222;
   padding-right: 36px;
}
.lead-modal__lead {
   margin: 0 0 16px;
   font: 14px/22px 'opensans-regular', sans-serif;
   color: #777;
}
.lead-modal .register-form input:-webkit-autofill,
.lead-modal .register-form input:-webkit-autofill:hover,
.lead-modal .register-form input:-webkit-autofill:focus {
   -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
   box-shadow: 0 0 0 1000px #fff inset !important;
}

/* ------------------------------------------------------------------ */
/* x. Footer trust / separators
/* ------------------------------------------------------------------ */

footer {
   border-top: 1px solid #2a3138;
}
.footer-sep {
   height: 1px;
   background: #2a3138;
   margin: 0 0 36px;
}
.footer-copy-sep {
   clear: both;
   height: 1px;
   background: #2a3138;
   margin: 36px 18px 22px;
}
.footer-copy-bar {
   clear: both;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   gap: 10px 24px;
   margin: 0 18px 8px;
   padding: 0;
}
footer .copyright {
   margin: 0;
   padding: 0;
}
.footer-legal {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-end;
   gap: 8px 18px;
   margin: 0;
   padding: 0;
}
.footer-legal a,
.footer-legal a:visited {
   font: 12px/1.4 'opensans-regular', sans-serif;
   color: #738291;
   text-decoration: none;
}
.footer-legal a:hover,
.footer-legal a:focus {
   color: #fff;
}
.footer-sec-sep {
   clear: both;
   height: 1px;
   background: #2a3138;
   margin: 22px 18px 18px;
}
.footer-sec {
   clear: both;
   display: flex;
   flex-wrap: nowrap;
   align-items: flex-start;
   justify-content: space-between;
   gap: 20px 24px;
   width: auto;
   margin: 0 18px;
   padding: 0;
   box-sizing: border-box;
   text-align: left;
}
.footer-sec__group {
   flex: 0 0 auto;
   min-width: 0;
}
.footer-sec__group--social {
   flex: 0 0 auto;
   max-width: none;
}
.footer-sec__title {
   margin: 0 0 10px;
   padding: 0;
   font: 14px/1.3 'opensans-semibold', sans-serif;
   color: #fff;
   text-transform: none;
   letter-spacing: 0;
}
.footer-sec__title:before {
   content: none;
   display: none;
}
.footer-sec__badges {
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
}
.footer-sec__badges--grid {
   display: grid;
   grid-template-columns: repeat(3, 44px);
   gap: 6px;
}
.footer-sec__badge {
   display: block;
   width: 44px;
   height: 44px;
   margin: 0;
   padding: 0;
   border: 1px solid #3a424a;
   background: #1e2429;
   box-sizing: border-box;
   object-fit: cover;
   filter: brightness(0.55) contrast(1.05) saturate(0.85);
   opacity: .9;
}

/* ------------------------------------------------------------------ */
/* y. About page
/* ------------------------------------------------------------------ */

#about-hero {
   padding-top: 66px;
   padding-bottom: 72px;
   background: #23292f url(img/hero-bg.png);
   overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   #about-hero {
      background: #23292f url(img/hero-bg_@2X.png);
      background-size: 200px 200px;
   }
}
#about-hero .row { max-width: 1040px; }
#about-hero .buttons {
   text-align: center;
   margin: 0;
}
#about-hero .buttons .button {
   font: 14px/24px 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 2px;
}
#about-hero .buttons .trial {
   background: #f64b39;
   margin-right: 30px;
}
#about-hero .buttons .trial:hover { background: #F86A5A; }

#about-history {
   background: #fff;
   padding: 90px 0 80px;
   border-top: 1px solid #F0F0F0;
}
#about-history .section-head {
   margin-bottom: 40px;
}
#about-history .section-head p {
   max-width: 720px;
   margin: 0;
   color: #666;
   font: 15px/26px 'opensans-regular', sans-serif;
}
.about-history-layout {
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
}
.about-history-layout .columns {
   float: none;
}
.about-history-media {
   margin: 0 0 22px;
   overflow: hidden;
   border: 1px solid #E6E6E6;
}
.about-history-media img {
   display: block;
   width: 100%;
   height: 280px;
   object-fit: cover;
}
.about-quote {
   margin: 0;
   padding: 24px 22px;
   background: #F7F7F7;
   border-left: 3px solid #11ABB0;
}
.about-quote p {
   margin: 0 0 12px;
   font: 20px/1.4 'montserrat-bold', sans-serif;
   color: #222;
}
.about-quote cite {
   display: block;
   font: 12px/1.4 'opensans-regular', sans-serif;
   color: #888;
   font-style: normal;
   text-transform: uppercase;
   letter-spacing: 1px;
}
.about-history-copy p {
   margin: 0 0 18px;
   color: #555;
   font: 15px/28px 'opensans-regular', sans-serif;
}
.about-history-copy p:last-child { margin-bottom: 0; }

#about-numbers {
   background: #23292f;
   padding: 72px 0 64px;
   text-align: center;
}
#about-numbers .section-head h1 { color: #fff; }
#about-numbers .section-head { margin-bottom: 36px; }
.about-numbers-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 20px 24px;
   width: 100%;
   padding: 0 18px;
   box-sizing: border-box;
}
.about-number {
   padding: 28px 18px;
   background: #2b3239;
   border: 1px solid #3a434c;
}
.about-number strong {
   display: block;
   font: 32px/1.15 'montserrat-bold', sans-serif;
   color: #11ABB0;
   margin-bottom: 10px;
}
.about-number span {
   display: block;
   font: 12px/1.4 'opensans-regular', sans-serif;
   color: #9aa3ab;
   text-transform: uppercase;
   letter-spacing: 1px;
}

#about-instruments {
   background: #F7F7F7;
   padding: 90px 0 72px;
   border-top: 1px solid #F0F0F0;
}
#about-instruments .section-head {
   margin-bottom: 40px;
}
#about-instruments .section-head p {
   max-width: 640px;
   margin: 0 auto;
   color: #666;
   font: 15px/26px 'opensans-regular', sans-serif;
}
.instrument-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 24px;
   width: 100%;
   padding: 0 18px;
   box-sizing: border-box;
}
.instrument-card {
   background: #fff;
   border: 1px solid #E6E6E6;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   min-width: 0;
}
.instrument-card__media {
   overflow: hidden;
   height: 200px;
}
.instrument-card__media img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform .35s ease;
}
.instrument-card:hover .instrument-card__media img {
   transform: scale(1.04);
}
.instrument-card__body {
   padding: 22px 22px 24px;
   text-align: left;
   flex: 1;
}
.instrument-card__label {
   display: block;
   font: 11px/1 'montserrat-bold', sans-serif;
   color: #11ABB0;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   margin-bottom: 10px;
}
.instrument-card__body h3 {
   margin: 0 0 12px;
   font: 18px/1.3 'montserrat-bold', sans-serif;
   color: #222;
   text-transform: none;
   letter-spacing: 0;
}
.instrument-card__body p {
   margin: 0;
   color: #666;
   font: 14px/24px 'opensans-regular', sans-serif;
}

#about-faq {
   background: #fff;
   padding: 90px 0 80px;
   border-top: 1px solid #F0F0F0;
}
.about-faq-layout {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
}
.about-faq-layout .columns { float: none; }
.about-faq-intro {
   text-align: left;
   padding-right: 36px;
}
.about-faq-intro h1 {
   font: 28px/1.25 'montserrat-bold', sans-serif;
   color: #222;
   text-transform: none;
   letter-spacing: 0;
   margin: 0 0 16px;
}
.about-faq-intro p {
   margin: 0 0 24px;
   color: #666;
   font: 15px/26px 'opensans-regular', sans-serif;
}
.about-faq-intro .button {
   font: 13px/24px 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   background: #11ABB0;
   color: #fff;
}
.about-faq-intro .button:hover { background: #0e9498; }
.faq-list {
   display: flex;
   flex-direction: column;
   gap: 12px;
}
.faq-item {
   background: #F7F7F7;
   border: 1px solid #E6E6E6;
   padding: 0;
}
.faq-item summary {
   list-style: none;
   cursor: pointer;
   padding: 18px 48px 18px 20px;
   font: 15px/1.45 'opensans-bold', sans-serif;
   color: #222;
   position: relative;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
   content: "+";
   position: absolute;
   right: 18px;
   top: 50%;
   width: 20px;
   height: 20px;
   margin-top: -10px;
   font: 20px/20px Arial, Helvetica, sans-serif;
   font-weight: 400;
   color: #11ABB0;
   text-align: center;
}
.faq-item[open] summary::after {
   content: "\2212";
}
.faq-item p {
   margin: 0;
   padding: 0 20px 20px;
   color: #666;
   font: 14px/24px 'opensans-regular', sans-serif;
}

#about-calc {
   background: #F7F7F7;
   padding: 90px 0 80px;
   border-top: 1px solid #F0F0F0;
}
#about-calc .section-head {
   margin-bottom: 36px;
}
#about-calc .section-head p {
   max-width: 680px;
   margin: 0 auto;
   color: #666;
   font: 15px/26px 'opensans-regular', sans-serif;
}
.calc-panel {
   background: #fff;
   border: 1px solid #E6E6E6;
   padding: 28px 28px 24px;
   max-width: 920px;
   margin: 0 auto;
   box-sizing: border-box;
}
.calc-panel__grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 18px 20px;
   margin-bottom: 24px;
}
.calc-field label {
   display: block;
   margin: 0 0 8px;
   font: 11px/1.3 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #555;
}
.calc-field input {
   display: block;
   width: 100%;
   margin: 0;
   padding: 12px 14px;
   border: 1.5px solid rgba(0,0,0,.18);
   border-radius: 0;
   background: #fff;
   font: 15px/1.3 'opensans-regular', sans-serif;
   color: #222;
   box-sizing: border-box;
}
.calc-field input:focus {
   outline: none;
   border-color: #11ABB0;
}
.calc-panel__results {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 14px;
   margin-bottom: 18px;
}
.calc-result {
   background: #F7F7F7;
   border: 1px solid #E6E6E6;
   padding: 18px 16px;
   text-align: center;
}
.calc-result span {
   display: block;
   margin-bottom: 8px;
   font: 11px/1.3 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #888;
}
.calc-result strong {
   display: block;
   font: 22px/1.2 'montserrat-bold', sans-serif;
   color: #11ABB0;
}
.calc-note {
   margin: 0;
   color: #888;
   font: 12px/20px 'opensans-regular', sans-serif;
   text-align: left;
}

/* ------------------------------------------------------------------ */
/* z. Technology page
/* ------------------------------------------------------------------ */

#tech-hero {
   padding-top: 66px;
   padding-bottom: 72px;
   background: #23292f url(img/hero-bg.png);
   overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   #tech-hero {
      background: #23292f url(img/hero-bg_@2X.png);
      background-size: 200px 200px;
   }
}
#tech-hero .row { max-width: 1040px; }
#tech-hero .buttons {
   text-align: center;
   margin: 0;
}
#tech-hero .buttons .button {
   font: 14px/24px 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 2px;
}
#tech-hero .buttons .trial {
   background: #f64b39;
   margin-right: 30px;
}
#tech-hero .buttons .trial:hover { background: #F86A5A; }

#tech-why {
   background: #fff;
   padding: 90px 0 72px;
   border-top: 1px solid #F0F0F0;
}
#tech-why .section-head {
   margin-bottom: 40px;
}
#tech-why .section-head p {
   max-width: 720px;
   margin: 0 auto;
   color: #666;
   font: 15px/26px 'opensans-regular', sans-serif;
}
.tech-why-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 22px;
   width: 100%;
   padding: 0 18px;
   box-sizing: border-box;
}
.tech-why-card {
   background: #F7F7F7;
   border: 1px solid #E6E6E6;
   padding: 28px 22px;
   text-align: left;
   min-height: 200px;
}
.tech-why-card__num {
   display: block;
   font: 13px/1 'montserrat-bold', sans-serif;
   color: #11ABB0;
   letter-spacing: 2px;
   margin-bottom: 14px;
}
.tech-why-card h3 {
   margin: 0 0 12px;
   font: 16px/1.3 'montserrat-bold', sans-serif;
   color: #222;
   text-transform: none;
   letter-spacing: 0;
}
.tech-why-card p {
   margin: 0;
   color: #666;
   font: 14px/24px 'opensans-regular', sans-serif;
}

#tech-platforms {
   background: #23292f;
   padding: 90px 0 80px;
}
#tech-platforms .section-head h1 { color: #fff; }
#tech-platforms .section-head p {
   max-width: 720px;
   margin: 0 auto;
   color: #9aa3ab;
   font: 15px/26px 'opensans-regular', sans-serif;
}
#tech-platforms .section-head { margin-bottom: 40px; }
.platform-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 24px;
   width: 100%;
   padding: 0 18px;
   box-sizing: border-box;
}
.platform-card {
   position: relative;
   background: #2b3239;
   border: 1px solid #3a434c;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   min-width: 0;
}
.platform-card--featured {
   border-color: #11ABB0;
}
.platform-card__badge {
   position: absolute;
   top: 14px;
   left: 14px;
   z-index: 2;
   padding: 6px 10px;
   background: #11ABB0;
   color: #fff;
   font: 10px/1 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1.2px;
}
.platform-card__media {
   height: 200px;
   overflow: hidden;
}
.platform-card__media img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.platform-card__body {
   padding: 24px 22px 26px;
   text-align: left;
   flex: 1;
}
.platform-card__body h3 {
   margin: 0 0 12px;
   font: 20px/1.3 'montserrat-bold', sans-serif;
   color: #fff;
   text-transform: none;
   letter-spacing: 0;
}
.platform-card__body p {
   margin: 0 0 16px;
   color: #9aa3ab;
   font: 14px/24px 'opensans-regular', sans-serif;
}
.platform-card__body ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.platform-card__body li {
   position: relative;
   margin: 0 0 10px;
   padding: 0 0 0 18px;
   color: #c5ccd2;
   font: 13px/20px 'opensans-regular', sans-serif;
}
.platform-card__body li:last-child { margin-bottom: 0; }
.platform-card__body li:before {
   content: "";
   position: absolute;
   left: 0;
   top: 8px;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #11ABB0;
}

#tech-analytics {
   background: #F7F7F7;
   padding: 90px 0 72px;
   border-top: 1px solid #F0F0F0;
}
#tech-analytics .section-head {
   margin-bottom: 40px;
}
#tech-analytics .section-head p {
   max-width: 720px;
   margin: 0 auto;
   color: #666;
   font: 15px/26px 'opensans-regular', sans-serif;
}
.analytics-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 22px;
   width: 100%;
   padding: 0 18px;
   box-sizing: border-box;
}
.analytics-card {
   background: #fff;
   border: 1px solid #E6E6E6;
   padding: 26px 22px;
   text-align: left;
}
.analytics-card--accent {
   border-color: #11ABB0;
   box-shadow: 0 10px 28px rgba(17, 171, 176, .08);
}
.analytics-card h3 {
   margin: 0 0 12px;
   font: 16px/1.3 'montserrat-bold', sans-serif;
   color: #222;
   text-transform: none;
   letter-spacing: 0;
}
.analytics-card p {
   margin: 0 0 16px;
   color: #666;
   font: 14px/24px 'opensans-regular', sans-serif;
}
.analytics-card ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.analytics-card li {
   position: relative;
   margin: 0 0 8px;
   padding: 0 0 0 18px;
   color: #555;
   font: 13px/20px 'opensans-regular', sans-serif;
}
.analytics-card li:last-child { margin-bottom: 0; }
.analytics-card li:before {
   content: "";
   position: absolute;
   left: 0;
   top: 8px;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #11ABB0;
}

#tech-hardware {
   background: #fff;
   padding: 90px 0 72px;
   border-top: 1px solid #F0F0F0;
}
#tech-hardware .section-head {
   margin-bottom: 40px;
}
#tech-hardware .section-head p {
   max-width: 720px;
   margin: 0 auto;
   color: #666;
   font: 15px/26px 'opensans-regular', sans-serif;
}
.hardware-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 16px;
   width: 100%;
   padding: 0 18px;
   box-sizing: border-box;
}
.hardware-card {
   background: #fff;
   border: 1px solid #E6E6E6;
   overflow: hidden;
   text-align: left;
   display: flex;
   flex-direction: column;
   min-width: 0;
}
.hardware-card__media {
   height: 140px;
   overflow: hidden;
   background: #F0F0F0;
}
.hardware-card__media img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform .35s ease;
}
.hardware-card:hover .hardware-card__media img {
   transform: scale(1.04);
}
.hardware-card__body {
   padding: 16px 16px 18px;
   flex: 1;
}
.hardware-card h3 {
   margin: 0 0 8px;
   font: 14px/1.3 'montserrat-bold', sans-serif;
   color: #222;
   text-transform: none;
   letter-spacing: 0;
}
.hardware-card p {
   margin: 0;
   color: #666;
   font: 13px/20px 'opensans-regular', sans-serif;
}

#tech-faq {
   background: #F7F7F7;
   padding: 90px 0 80px;
   border-top: 1px solid #F0F0F0;
}
#tech-faq .faq-item {
   background: #fff;
}


/* ------------------------------------------------------------------ */
/* aa. Legal pages (terms / privacy / cookies)
/* ------------------------------------------------------------------ */

.page-legal {
   background: #fff;
}
.legal-page {
   padding-top: 90px;
   padding-bottom: 72px;
}
.legal-hero {
   margin-bottom: 36px;
   text-align: left;
}
.legal-hero h1 {
   margin: 0 0 12px;
   font: 32px/1.25 'montserrat-bold', sans-serif;
   color: #222;
   text-transform: none;
   letter-spacing: 0;
}
.legal-meta {
   margin: 0;
   color: #888;
   font: 13px/1.5 'opensans-regular', sans-serif;
}
.legal-content {
   max-width: 820px;
   text-align: left;
}
.legal-content h2 {
   margin: 32px 0 12px;
   font: 18px/1.35 'montserrat-bold', sans-serif;
   color: #222;
   text-transform: none;
   letter-spacing: 0;
}
.legal-content p,
.legal-content li {
   color: #555;
   font: 15px/26px 'opensans-regular', sans-serif;
}
.legal-content p { margin: 0 0 14px; }
.legal-content ul {
   margin: 0 0 16px;
   padding: 0 0 0 20px;
}
.legal-content li { margin: 0 0 8px; }
.legal-content a {
   color: #0A6567;
}
.legal-content a:hover {
   color: #11ABB0;
}
.legal-table-wrap {
   overflow-x: auto;
   margin: 0 0 18px;
   border: 1px solid #E6E6E6;
}
.legal-table {
   width: 100%;
   border-collapse: collapse;
   margin: 0;
}
.legal-table th,
.legal-table td {
   padding: 12px 14px;
   border-bottom: 1px solid #E6E6E6;
   text-align: left;
   vertical-align: top;
   font: 13px/1.45 'opensans-regular', sans-serif;
   color: #555;
}
.legal-table th {
   background: #F7F7F7;
   font-family: 'montserrat-bold', sans-serif;
   color: #222;
   font-size: 11px;
   text-transform: uppercase;
   letter-spacing: 1px;
}
.legal-table tr:last-child td { border-bottom: none; }
.legal-switch {
   display: flex;
   flex-wrap: wrap;
   gap: 12px 20px;
   margin-top: 36px;
   padding-top: 24px;
   border-top: 1px solid #E6E6E6;
}
.legal-switch a {
   font: 13px/1.4 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #11ABB0;
}
.page-legal footer {
   margin-bottom: 40px;
   padding-top: 24px;
}
.page-legal .footer-copy-bar {
   margin-top: 0;
}