@font-face {
	font-family:"ogg-bold";
	src:url("../fonts/Ogg-Bold.woff2") format("woff2"),
		url("../fonts/Ogg-Bold.woff") format("woff");
	font-display:auto;font-style:normal;font-weight:700;
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;}
body, html { height: 100% }
body { font-family: "Work Sans", sans-serif; font-size: 20px; font-weight: 300; line-height: 30px; color: #626262; background-color: #FFF; -webkit-font-smoothing: antialiased; }

a, .a { color: #7582f8; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a:hover, .a:hover { opacity: 0.7; }
a:hover .arrow, .a:hover .arrow { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); fill: #ffc824; }
#content a { text-decoration: underline; }
#content .news-item-inner a { text-decoration: none; }

#content .letters-item-inner a { text-decoration: none; }

h1 { font-family: "ogg-bold", serif; font-size: 80px; line-height: 96px; color: #2736bd; font-weight: 700; margin-top: 0; }
h2 { font-family: "Work Sans", serif; font-size: 36px; line-height: 48px; color: #2736bd; font-weight: 600; margin-top: 0; }
h3 { font-family: "Work Sans", serif; font-size: 24px; line-height: 30px; color: #2736bd; font-weight: 400; margin-top: 0; }
h4 { font-family: "Work Sans", serif; font-size: 14px; line-height: 20px; color: #2736bd; font-weight: 700; margin: 0; }

img { max-width:100%; }
input,textarea,button,select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } 
input:focus, textarea:focus,  select:focus, button:focus { outline: 0;  }
select { background: #fff url(../img/tab_select.png) no-repeat; background-position: 94% 50%; border: 1px solid #CCC; border-radius:2px;cursor: pointer; color:#666; padding: 12px 20px 12px 10px; outline: none; }
strong { font-weight: 600; }

/* GENERAL */
.container { max-width:1200px; margin:0 auto; }
.flex-container { display: flex; }
.flex-container.wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.left { width:45%; }
.right { width:55%; }
.button { display: inline-block; padding: 15px 20px; text-decoration: none !important; background-color: #aff3f5; color: #2736bd; font-size: 16px; min-width:225px; font-weight: 600; text-align: center; text-transform: uppercase; position: relative; border: none; vertical-align: middle; transition: all 0.2s ease-in-out; }
.button:hover { background: #2736bd; color:#aff3f5; }
.mobile-only { display: none; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#pinContainer { width: 100%; height: 100%; overflow: hidden; }
#content-wrapper { height: 100vh; }
.panel { width: 100%; background-size:cover; color:#FFF; display: flex; align-items: center; padding:150px 0; }
.panel .container { width: 100%; }
.panel .container .left h1 { color: #FFF; }
.panel .container .left h1 span { color: #e3e6ff; }
.logo { position: relative; top:5px; }
.logo img { height:70px; transition: all 0.2s ease-in-out; }
/*.logo:hover img { filter: grayscale(100%); }*/


/* LOADER */ 
/*
.cover { background-color: #90b8e8; width: 100%; height: 100%; top: 0; position: fixed; z-index: 1000; }
.content { position: relative; top:100%; }
.loaded .cover { animation-name:coverLoadUp; animation-duration:0.5s; animation-fill-mode:both; -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); }
.loaded .content { animation-name:contentLoadUp; animation-duration:0.5s; animation-fill-mode:both; -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); }
*/
/* HEADER */
header { width:100%; font-size: 14px; line-height: 20px; color:#FFF;  margin-bottom: 150px; animation-delay:0.45s; position: absolute; left: 50%; z-index:10; -webkit-transform: translate3d(-50%, 20%, 0); transform: translate3d(-50%, 0%, 0); top: 0; transition: background .275s linear;}
header.trigger.animate { animation-name: navFadeIn; }
header .nav-container { max-width:1200px; margin:0 auto; width:100%; }
header ul { list-style: none; display: block; margin: 0; padding:0; }
header ul li { height: 100%; display: inline-block; margin-right: 20px; text-align: right; position:relative;}
header #top-bar {  font-weight: 400; padding:27px 0 30px 0; text-transform: uppercase; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
header #top-bar ul li a { color: #FFF; font-size: 14px; }
header #top-bar ul li a:hover { color:#0095dc !important; }
header #top-bar ul li.social { float: right; margin-right: 0; /*display: none; */}
header #top-bar ul li.social a { display: inline-block; margin-left: 20px;color:#FFF; font-size: 20px; }
header nav ul {display: flex; -webkit-align-items: center; align-items: center; margin: 26px 0 0 auto; }
header nav > ul > li { margin: 0 0 0 38px; white-space: nowrap; text-align: left;}
header nav ul li a { color: #FFF; font-size: 18px; line-height: 30px; font-weight: 500; position: relative; }
header nav ul li i { font-size: 20px; }
header .nav-mob, header .mob_search { display: none; }
/*header nav > ul > li:hover:not(:first-child):not(:last-child):not(:nth-child(3)):not(:nth-child(4)) a:after { content: " "; border-style: solid; border-width: 0px 20px 15px 20px; border-color: transparent transparent #566280 transparent; position: absolute; top: 28px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); margin: auto; }*/

header nav ul li .sub_nav { padding:0; transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease;max-height:0; z-index: 1; position: absolute; background-color: #2736bd; height: auto; left: -28px; width: 200%; text-align: center; top:37px;}
header nav ul li .sub_nav li { display: block; pointer-events: none; opacity:0; text-align:left;}
header nav ul li.media .sub_nav { width: 220px; }
header nav ul li.investors .sub_nav { width: 400%; }
header nav ul li.about .sub_nav { width: 500%; }
header nav ul li.news .sub_nav { width: 600%; }
header nav ul li.letters .sub_nav { width: 600%; }
header nav ul li .sub_nav li a { color: #fff; display: inline-block; position: relative; padding: 7px 30px; }
header nav ul li .sub_nav li a:hover { opacity: 0.75; }
header nav ul li .sub_nav li a span { position: relative; }
header nav ul li:hover .sub_nav { display: block; max-height: 999999px; padding: 20px 0;}
header nav ul li:hover .sub_nav li { pointer-events: all; opacity: 1;}

/* HEADER FIXED ADJUSTMENTS*/
/*header.shrunk {background: #2736bd; position: fixed; top: 0; z-index: 1000; padding-bottom: 10px;}
header.shrunk nav {border-bottom: 0px; padding: 4px 20px;}
header.shrunk nav ul li .sub_nav { top: 19px;}
header.shrunk nav > ul{ margin: 14px 0 0 auto;}
header.shrunk .logo img { height: 50px; }
header.shrunk #top-bar { height: 0px;  padding: 0;  }*/


/* HERO */
.panel#hero { position: relative; background-image: url("../img/bg_header.jpg"); background-size: cover; background-color: #1e294e; background-position:center; background-repeat: no-repeat; display: block; padding-top: 0; min-height: auto; height: 190px; }
.panel#hero h1 { max-width:initial; font-size: 55px; line-height: 65px; color: #FFF; letter-spacing: -0.25px; font-weight: 600;  }
.panel#hero h3 { text-transform: uppercase; }
.panel#hero div.trigger { animation-delay:0.25s; }
.panel#hero i { font-size: 15px; margin-right: 0px; }
.panel#hero .hero-content a[data-target] { color:#FFF; border-bottom: 1px solid #DDD; font-size: 19px; display: inline-block;margin-bottom: 5px; line-height: 22px; }
.panel#hero .hero-content a[data-target]:hover { color: #e3e6ff; border-color:#e3e6ff; }
.panel#hero .bottom { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; }
.panel#hero .bottom .arrow svg { width:90px; }
.panel#hero .bottom .arrow a:hover svg path { fill: #e3e6ff !important; background-color: #e3e6ff !important;  }
.panel#hero .bottom .presentation { position: absolute; right: 0; bottom: 100px; font-size:17px; }
.panel#hero .bottom .presentation .button { margin-bottom: 7px; padding:20px; }

/* UNIQUE VALUE */
.panel#unique-value { background-image:url(../img/bg2.jpg); }
.panel#unique-value .container .right { flex-wrap: wrap; }
.panel#unique-value .container .right .block { width:calc(50% - 50px); margin-left: 50px; color: #A5B2D3; font-size: 14px; line-height: 24px; margin-bottom: 40px; }
.panel#unique-value .container .right .block h4 { color: #FFF; font-size: 18px; line-height: 30px; font-weight: 300; margin: 10px 0 0 0; }
.panel#unique-value .container .right .block p { margin-top: 4px; }
.panel#unique-value .container .right .block .icon { width:42px }


.container#unique-value .flex-container {flex-wrap:wrap;  color: #4D5773;}
.container#unique-value .left,.container#unique-value .right {width:100%;}
.container#unique-value .right { flex-wrap: wrap; }
.container#unique-value .left {text-align: center;margin-bottom: 60px;}
.container#unique-value .left h1 {font-family: "Work Sans", serif; font-size: 36px; line-height: 40px; color: #49aae2; font-weight: 600; margin-top: 0; margin-bottom: 55px; }
.container#unique-value .left h1 span { color: #3c4663; }
.container#unique-value .left p {font-size:18px;}
.container#unique-value .button { margin: 55px auto; display: block;}
.container#unique-value .right .block { width:calc(50% - 50px); margin-left: 50px; color: #A5B2D3; font-size: 14px; line-height: 24px; margin-bottom: 40px; }
.container#unique-value .right .block h4 { color: #4D5773; text-align:center; font-size: 16px; line-height: 23px; font-weight: 600; margin: 10px 0 0 0; text-transform: uppercase;}
.container#unique-value .right .block p { margin-top: 30px; text-align:center; color:#4D5773; }
.container#unique-value .right .block .icon { width:84px; display:block; margin:0 auto 30px auto;}

/* ADVANTAGE */
.panel#advantage { background-image:url(../img/bg3.jpg); background-position: bottom; background-color:#004a80; }
.panel#advantage .container .right { flex-wrap: wrap; }
.panel#advantage .container .right .block { width:calc(50% - 20px); padding: 0 20px 50px 20px; font-size: 14px; line-height: 24px; position: relative; margin:0 0 45px 20px; }
.panel#advantage .container .right .block .underlay { position: absolute; background-color:rgba(0,0,0,0.15); width:100%; height:calc(100% - 30px); bottom:0; left:0; z-index:-1; }
.panel#advantage .container .right .block h4 { color: #FFF; font-size: 60px; line-height: 60px; font-weight: 400; margin: 0 0 20px 0; }
.panel#advantage .container .right .block h4 span { font-size: 24px; }
.panel#advantage .container .right .block p { font-weight: 400; }

/* MANAGEMENT */
.panel#management { background-image:url(../img/bg4.jpg); background-position: bottom; background-color:#004a80;  }
.panel#management .container .left { width:40%; }
.panel#management .container .right { display: flex; flex-wrap: wrap; width:60%; }
.panel#management .container .right .block { width:25%; padding-left: 30px; font-size: 14px; line-height: 30px; color: #a5b2d3;  margin-bottom: 45px; text-transform: uppercase;}
.panel#management .container .right .block strong { color: #FFF; font-size: 16px; text-transform: capitalize; }
.panel#management .container .right .block img { max-width:100%; height:auto; }

section.bottom { background-color: #F6F5FD; }

/* CALCULATOR */
body.str-calculator { background: #FFF; }
body.str-calculator main section#content { width: 100% !important; } 
body.str-calculator main aside { display: none; }
body.str-calculator main section#content:before { display: none; }
body.str-calculator main section .inner { width:100%; float: none; padding-right: 0; }
body.str-calculator main section h2 { font-weight: 700; }
#calculator {  }
#calculator .left { width:71%; padding-right: 50px; }
#calculator .right { width:27%; color: #FFF; padding-top: 150px; }
#calculator .right h2 { color: #FFF; font-size: 40px; line-height: 50px; font-weight: 500; margin-bottom: 50px; }
#calculator .right p { font-size: 16px; }

#calculator .form-container .calculator-form { border-radius:3px; background:#FFF; font-size: 14px; color:#3D3D3D; font-weight: 400;  }
#calculator .form-container .calculator-form .row { border-bottom: 1px solid #E6E6E6; padding-bottom:25px; margin-bottom: 25px; }
#calculator .form-container .calculator-form h4 { margin:0 0 30px 0; color: #00296A; font-weight: 400; font-size: 26px;}
#calculator .form-container .calculator-form .description { flex-basis: 30%;  align-self: flex-start; margin-right: 9px; padding-bottom: 15px; padding-right: 20px;}
#calculator .form-container .calculator-form .description h2 { font-size: 20px; margin-bottom: 0; font-weight: 900; line-height: 25px; }
#calculator .form-container .calculator-form .item { flex-basis: 16%; font-size: 12px; align-self: flex-start; margin-right: 9px; }
#calculator .form-container .calculator-form .item.date-range { flex-basis: 66%; }
#calculator .form-container .calculator-form .item:last-of-type { margin-right:0; }
#calculator .form-container .calculator-form .item input { width:100%; background-color: #FFF; border:1px solid #CCC; border-radius:2px; padding: 15px 50px 15px 15px; font-size: 14px; color: #9b9b9b; }
#calculator .form-container .calculator-form .item span { color:#888; }
#calculator .form-container .calculator-form .bottom { margin-top: 25px; }
#calculator .form-container .calculator-form label i { color:#00296A; font-size: 14px; margin-left: 5px;		 }

#calculator .preset-container { flex-basis: 16%; position: relative; align-self: flex-start; margin-right: 9px; }
#calculator .presets {  position: relative; display: inline-block; border-radius:2px; border:3px solid #00296a; background:#FFF; color: #00296A; font-weight:600; font-size: 14px; padding:7px 10px; width:100%; cursor: pointer; }
#calculator .presets:after { content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; display: inline-block; position: absolute; right:10px; font-size:14px; }
#calculator .preset-options { z-index:111; opacity: 0; visibility: hidden; background-color: #252C46; border-radius:3px; position: absolute; top:60px; width: 300px; text-transform: uppercase; font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 1px; transition: all 0.3s ease-in-out; }
#calculator .preset-options.active { visibility: visible; opacity: 1; }
#calculator .preset-options a { padding:5px 10px 0 10px; display: flex; color:#FFF; align-items:center; }
#calculator .preset-options a:nth-of-type(even) { background-color:#000B27; }
#calculator .preset-options a:hover { opacity: 0.7; }
#calculator .preset-options a span { display: inline-block;  }
#calculator .preset-options a span:nth-of-type(1) { width: 60px; min-height:40px; min-width: 60px;}
#calculator .preset-options a span img { max-height:40px; }
#calculator .preset-options:after {content: " "; border-style: solid; border-width: 0px 8px 8px 8px; border-color: transparent transparent #000B27 transparent; position: absolute; top: -8px; left: 125px; margin: auto; }

#calculator .form-container .calculator-form .date { flex-basis: 34%; }
#calculator .form-container .calculator-form .date .item { flex-basis: 30%; }
#calculator .form-container .calculator-form .date .item select { display: block; width: 100%; padding:5px;}
#calculator .form-container .calculator-form .date .item select:after { content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; display: inline-block; position: absolute; right:10px; font-size:14px; }
#calculator .required { display: none; color:red !important; }

#disclaimer-modal .iziModal-content { padding:20px !important; }
#calculator select { background: #fff url(../img/tab_select.png) no-repeat; background-position: 94% 50%; border: 1px solid #CCC; border-radius:2px;cursor: pointer; color:#666; padding: 12px 20px 12px 10px; outline: none; }
#disclaimer-modal .button { width:100%; text-align: center; }

#modal-help { min-height:200px; }
#modal-help-content { padding:15px; }
#modal-help-content > div { display: none; }
#modal-help-content.num-miners > div.num-miners { display: block; }
#modal-help-content.pooling-fee > div.pooling-fee { display: block; }
#modal-help-content.electrical-cost > div.electrical-cost { display: block; }
#modal-help-content.miner-hash-rate > div.miner-hash-rate { display: block; }
#modal-help-content.cost-of-miner > div.cost-of-miner { display: block; }
#modal-help-content.electrical-consumption > div.electrical-consumption { display: block; }

/* NEWS */
#news { padding:125px 0; background-color: #F6F5FD; font-size: 16px; }
#news h2 { text-align: center; color: #122948; font-size: 36px; font-weight: 400; }
#news p { text-align: center; }
.news-item { display: block; width:100%; min-height:300px; background-color:#FFF; color:#737285; padding:25px 30px; margin-top:50px; }
.news-item:hover { opacity: 0.7; }
.news-item:nth-of-type(2) { margin: 50px 25px 0 25px; }
.news-item span { display: block; }
.news-item .title { color:#222; font-size: 26px; margin:15px 0 50px 0; }
#news .button { margin-top: 60px; }
 
.video-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 25px; }
.video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* INNER */
#width-check { position: relative; z-index: 0; }
@media screen and (max-width: 768px) { .panel#hero { height: 305px; } }
.breadcrumbs { margin: 15px auto; }
.breadcrumbs span { font-weight: 600; color: #fff; font-size: 11px; padding: 0 5px; }
.breadcrumbs a { color: #fff; padding: 0 5px; font-size: 11px; font-weight: 600; }
.breadcrumbs a:last-of-type, .breadcrumbs a:hover { opacity: 0.7; }
.breadcrumbs a:last-of-type { pointer-events: none; }
@media screen and (max-width: 1024px) { .container.breadcrumbs { display: none !important; } }
.content { overflow-x: hidden; }
main { position: relative; /* TABLES */ /* NEWS */ }
@media screen and (max-width: 768px) { main { margin-top: 0 !important; padding: 0 !important; } }

main h5 { font-size: 12px; line-height: 18px; letter-spacing: 1px; font-weight: 600; color: #151d32; text-transform: uppercase; }
main p, main li { font-size: 16px; line-height: 28px; font-weight: 400; color: #2736BD; }
main p.lg { font-size: 22px; line-height: 30px; font-weight: 300; }
@media screen and (max-width: 1024px) { main h1 { font-size: 42px; line-height: 49px; }
  main h2 { font-size: 19px; line-height: 23px; }
  main h3 { font-size: 15px; line-height: 18px; }
  main h4 { font-size: 12px; line-height: 16px; }
  main h5 { font-size: 10px; line-height: 15px; }
  /*main p, main li { font-size: 12px; line-height: 18px; }*/
  main p.lg { font-size: 18px; line-height: 21px; } }
main section#content { background-color: #fff; padding: 0 0 40px 0 !important; position: relative; min-height: 400px; }
main section#content:before { content: ""; background-color: #fff; width: 100%; position: absolute; height: 100%; left: -100%; top: 0; }
main section .inner { width: 895px; float: right; z-index: 2; position: relative; padding: 75px 102px 75px 0; }
@media screen and (max-width: 1200px) { main section .inner { width: 100%; padding-bottom: 50px !important; } }
/*@media screen and (max-width: 768px) { main section { padding: 0 25px !important; }*/
  main section .inner { padding: 60px 0 15px 0; } }
main aside { background-color: #f5f5f5; padding: 0 !important; }
@media screen and (max-width: 768px) { main aside { margin-top: 0; background-color: #fff; border-top: 1px solid #ccc; } }
main aside .inner { width: 305px; }
@media screen and (max-width: 1200px) { main aside .inner { width: 100%; } }
main aside .downloads { padding: 50px 30px; }
main aside .downloads h3 { font-weight: 600; }
main aside .downloads a { display: block; font-size: 12px; color: #151d32; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; }
main aside .downloads a i { margin-right: 10px; font-size: 16px; }
main aside .downloads a:hover { color: #e3e6ff; }
@media screen and (max-width: 768px) { main aside .downloads { padding: 25px; }
  main aside .downloads a { font-size: 12px; line-height: 12px; padding: 15px 7px; white-space: nowrap;}
  main aside .downloads a:nth-of-type(odd) { background-color: #f5f5f5; }
  main aside .downloads a i { font-size: 12px; margin-right: 5px; } }
main aside .stocks { background-color: #ebebeb; position: relative; padding: 60px 30px 30px 30px; }
main aside .stocks:after { content: ""; background-color: #ebebeb; width: 100vw; position: absolute; height: 100%; left: 305px; top: 0; }
@media screen and (max-width: 1200px) { main aside .stocks:after { left: 100%; } }
main aside .stocks ul { padding: 0; list-style: none; margin: 0; }
main aside .stocks ul li { color: #7c7c7c; font-size: 18px; text-transform: uppercase; margin: 0; padding: 10px 0; border-bottom: 1px solid #d5d5d5; font-weight: 300; }
main aside .stocks ul li:first-of-type { padding-top: 0; }
main aside .stocks ul li:last-of-type { border-bottom: 0; padding-bottom: 0; }
main aside .stocks ul li span { display: block; font-size: 12px; font-weight: bold; line-height: 12px; padding-bottom: 5px; }
@media screen and (max-width: 768px) { main aside .stocks { padding: 20px 25px; }
  main aside .stocks ul li { font-size: 12px; }
  main aside .stocks ul li span { display: inline-block; width: 75px; } }
main table { width: 100%; margin: 10px 0; }
main table tbody tr:nth-of-type(odd) { background-color: #e3e6ff; }
main table tr th, main table tr td { padding: 25px 30px; }
main table tr th { text-transform: uppercase; color: #151d32; font-weight: 600; font-size: 12px; text-align: left; }
main table tr td { font-size: 16px; color: #2736bd; font-weight: 600; }
main table tr td a { font-size: 16px; color: #2736bd; font-weight: 600; }
main table tr td a:hover { opacity: 0.7; }
@media screen and (max-width: 768px) { main table tr td, main table tr th { padding: 15px 5px; }
  main table tr td a { font-size: 12px; line-height: 18px; } }
main .news-wrapper .news-item-inner { padding: 20px 30px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; }
main .news-wrapper .news-item-inner:nth-of-type(odd) { background-color: #f5f5f5; }
main .news-wrapper .news-item-inner .news-title { color: #151d32; font-size: 16px; line-height: 26px; font-weight: 600; }
main .news-wrapper .news-item-inner .news-date { color: #a5a5a5; font-weight: 600; font-size: 12px; text-transform: uppercase; }
main .news-wrapper .news-item-inner:hover { background-color: #e3e6ff !important; } 
@media screen and (max-width: 768px) { main .news-wrapper .news-item-inner { padding: 17px 10px; }
  main .news-wrapper .news-item-inner .news-title { font-size: 12px; line-height: 18px; }
  main .news-wrapper .news-item-inner .news-date { font-size: 10px; line-height: 16px; } }

main .letters-wrapper .letters-item-inner { padding: 20px 30px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; }
main .letters-wrapper .letters-item-inner:nth-of-type(odd) { background-color: #f5f5f5; }
main .letters-wrapper .letters-item-inner .letters-title { color: #151d32; font-size: 16px; line-height: 26px; font-weight: 600; }
main .letters-wrapper .letters-item-inner .letters-date { color: #a5a5a5; font-weight: 600; font-size: 12px; text-transform: uppercase; }
main .letters-wrapper .letters-item-inner:hover { background-color: #e3e6ff !important; } 
@media screen and (max-width: 768px) { main .letters-wrapper .letters-item-inner { padding: 17px 10px; }
  main .letters-wrapper .letters-item-inner .letters-title { font-size: 12px; line-height: 18px; }
  main .letters-wrapper .letters-item-inner .letters-date { font-size: 10px; line-height: 16px; } }

.team-member { margin-bottom: 40px; clear: both; display: flex; }
.team-member > div { /*overflow: hidden; min-height: 130px; height: 130px;*/ margin-bottom: 25px; }
.team-member .team-img { margin-right: 50px; display: block; height: 100%; min-height: 138px; min-width:150px; }
.team-member h4 { margin: 0 0 0 0; display: inline-block; font-size: 16px; }
.team-member h5 { margin: 0; color: #2736bd; display: block; font-size: 14px; font-weight: 300; }
.team-member:first-of-type { padding-top: 0; }
.team-member:last-of-type { border-bottom: 0; }
.team-member ul { list-style: square; padding: 0 0px 0 20px; margin: 10px 0; }
.team-member ul li { margin: 5px 0; }
.team-member .expand { color: #151d32; font-size: 18px; line-height: 30px; cursor: pointer; font-weight: 400; padding-top: 30px; }
.team-member .expand:hover { color: #e3e6ff; }
@media screen and (max-width: 768px) { .team-member { display: block;} .team-member > div { margin-bottom: 20px; }
  .team-member .team-img { float: none; min-height: 10px !important; height: auto !important; max-height: 200px !important; margin-bottom: 0px; margin-right: 0; }
  .team-member .team-img img { height: 200px; }
  .team-member .expand { font-size: 14px; padding-top: 0; } }
.faq-item { position: relative; padding: 15px; }
.faq-item:nth-of-type(even) { background-color: #f5f5f5; }
.faq-item > div { overflow: hidden; min-height: 25px; height: 205px; }
.faq-item h4 { margin: 0; }
.faq-item .f-expand { color: #151d32; font-size: 18px; line-height: 30px; cursor: pointer; font-weight: 600; position: absolute; right: 10px; top: 12px; letter-spacing: 1px; }
.faq-item .f-expand:hover { color: #e3e6ff; }
@media screen and (max-width: 768px) { .faq-item { padding: 15px; }
  .faq-item h4 { line-height: 25px; }
  .faq-item .f-expand { font-size: 14px; padding-top: 0; } }
body.inner.str-calculator #calculator_inner { display: none; }
#calculator_inner { padding: 175px 0; position: relative; }
#calculator_inner .container { position: relative; z-index: 1; }
#calculator_inner .container .one-quarter { text-align: right; }
#calculator_inner h2 { line-height: 36px; font-size: 32px; margin: 0; font-weight: 600; color: #151d32; letter-spacing: 0.25px; }
#calculator_inner i { color: #363d52; font-size: 16px; position: relative; bottom: 3px; margin-right: 10px; }
#calculator_inner p { color: #a4a4a4; font-weight: 300; font-size: 24px; }
#calculator_inner .button { margin-top: 20px; }
#calculator_inner #bottom_bg_img { position: absolute; width: 100vw; height: 580px; background-image: url("../img/inner_btm_bg.png"); background-size: contain; background-repeat: no-repeat; background-position: top right; top: 0; right: 0; z-index: -1; }
@media screen and (max-width: 768px) { #calculator_inner { display: none; } }

/* INVESTORS */

body.str-investors main.container { max-width:100%; }
body.str-investors main.container aside, body.str-investors main.container section#content, body.str-investors section#calculator_inner { display: none; }
body.str-investors h2 { font-size: 24px; font-weight: 600; }
#investors-top { margin: 90px auto 40px auto; align-items: center; }
#investors-top h1 { margin-bottom: 0px; }
.investor-buttons { margin-left:auto; white-space: nowrap; flex-basis: 600px; text-align: right; }
.investor-buttons a { display: inline-block; background: #CCACFF; max-width: 275px; width: 100%; color: #2736bd; font-weight: 600; font-size: 16px;text-align: center; padding:20px;}
.investor-buttons a:last-of-type { background: #AFF3F5; margin-left: 25px; }

/*
#top-buttons { background-color: #213056; }
#top-buttons .container { display: flex; width: 100%; } 
#top-buttons .container a { display: block; width: 100%; color: #FFF; text-transform: uppercase; font-weight: 700; font-size: 14px;text-align: center; letter-spacing: 1px; padding:30px; border-right:1px solid #FFF}
#top-buttons .container a:last-of-type { border-right: none; }
#top-buttons .container a:hover { background-color: #e3e6ff; color: #FFF; }
#top-buttons .container a i { margin-left: 5px; } 
*/
#contact-fortress { cursor: pointer; color: #fff; display: block; padding: 16px; letter-spacing: 2px; background-color: #222720; left: -103px; font-size: 12px; letter-spacing: 1px; font-weight: 700; height: 55px; position: fixed; text-transform: uppercase; top: 350px; text-align: center; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transition-duration: .3s; width: 250px; z-index: 100; white-space: nowrap;  }
#contact-fortress:hover { background-color: #3B5CA9; }
#contact-fortress i { color: #e3e6ff; margin-right: 5px; }
#contact-fortress-pullout{ position: fixed; top:0; left:-280px; height:100vh; width:280px; padding:200px 30px 30px 30px; background-color: #121724; color: #FFF; font-size: 14px; z-index:102; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#contact-fortress-background { position: fixed; pointer-events: none;top:0; left:0; width:100%; height: 100vh; opacity: 0; background-color: rgba(0,0,0,0.3); z-index:101; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#contact-fortress-pullout.show { left:0; }
#contact-fortress-background.show { opacity: 1; pointer-events: auto;}
#contact-fortress-pullout h2 { color: #FFF; }
#contact-fortress-pullout strong { color: #e3e6ff;}
#pullout-close { position: absolute; top:30px; right:20px; color:#FFF; font-size: 22px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#pullout-close:hover { color: #e3e6ff;}

#why-invest .container h2 { margin:90px 0 0 0; text-align: center; }
#why-invest .container .block { text-align: center; margin:100px 20px; width: 100%; }
#why-invest .container .block:first-of-type { margin-left: 0; }
#why-invest .container .block:last-of-type { margin-right: 0; }
#why-invest .container .block .icon { height: 80px; }
#why-invest svg path, #why-invest svg line, #why-invest svg circle, .cls-1 { color:#6dcef5 !important; stroke:#6dcef5 !important }
#why-invest .container .block h4 { font-size: 12px; color:#213056; text-transform: uppercase; letter-spacing: 1px; line-height: 22px; font-weight: 700; margin-top: 5px; }
#why-invest .container .block p { font-size: 13px; color: #213056; font-weight: 500; line-height: 22px; }

#capital-structure { padding: 100px 0; background-color: #e3e6ff; }

#capital-structure h2 { text-align: center; margin-bottom: 100px; }
#capital-structure .block { background:#FFF; position: relative; flex-basis:25%; min-height: 175px; padding: 30px 30px 40px 30px; margin:0 25px 25px 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#capital-structure .block p { font-size: 13px; line-height: 18px; color: #213056; opacity: 1; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
body.str-investors #capital-structure .block:last-of-type { margin-right: 0; }
/*
#capital-structure .block:hover { background: #EEE; }
#capital-structure .block:hover p { opacity: 1; }
*/
#capital-structure .block .title { color: #2736bd; font-size: 16px; font-weight: 600; }
#capital-structure .block .value { font-family:'ogg-bold'; position: absolute; bottom:20px; left:20px; font-size: 44px; color: #2736bd; }

/*capital structure inner*/
#capital-structure.capital-structure-inner { padding:0; background-color: transparent; }
#capital-structure.capital-structure-inner .flex-container {flex-wrap:wrap;justify-content: space-between;}
#capital-structure.capital-structure-inner .block { background-color: #F6F5FD; flex-basis:46%;margin-bottom:40px;}
#investors-signup { background-image: url(../img/bg_investors_signup.jpg); background-repeat: no-repeat; background-size: cover; padding:45px 0;}
#investors-signup h4 { color: #ffffff; margin-top: 15px; width: 100%; flex-basis: 42%; }
#investors-signup .signup-info { width: 100%; flex-basis: 58%;}
#investors-signup form.signup .textbox { width: 100%; position: relative; font-size: 14px; font-weight: 300; margin-right: 15px; flex-basis:36%}

#investors-signup form.signup .textbox input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; background-color: rgba(255,255,255,0.18); border:none; padding: 20px; color: #c0d2f3; }
#investors-signup form.signup .textbox input:focus {  }
#investors-signup form.signup .textbox input::-webkit-input-placeholder { color: #c8d0df; }
#investors-signup form.signup .textbox input:-moz-placeholder { color: #c8d0df; }
#investors-signup form.signup .textbox input::-moz-placeholder { color: #c8d0df; }
#investors-signup form.signup .textbox input:-ms-input-placeholder { color: #c8d0df;  }

#investors-signup form.signup .error-tooltip { display: none; font-weight:400; position: absolute; top: -60px; left: 0; padding: 10px 15px; font-size: 12px; background: #404d71; width: 250px; opacity: 0; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transition: all 2s ease-in-out; z-index: 100; color:#FFF;}
#investors-signup form.signup .error-tooltip:before { content: " "; border-style: solid; border-width: 10px 12px 0px 12px; border-color: #404d71 transparent transparent transparent; position: absolute; bottom: -10px; left: -moz-calc(50% - 12px); left: calc(50% - 12px); }
#investors-signup form.signup .textbox.show-tooltip .error-tooltip { display: inline-block; -moz-animation: tooltip 5s 1; animation: tooltip 5s 1; -webkit-animation: tooltip 5s 1; } 
#investors-signup form.signup button { background: #e3e6ff; color: #FFF; width:100%; flex-basis:28%; text-transform: uppercase; font-weight: 700; text-align: center; padding: 14px 0; border: 0; display: inline-block; font-size: 14px; cursor: pointer; -webkit-transition: 0.5s; }
#investors-signup form.signup button:hover { background: #3B5CA9; color:#FFF; }
#investors-signup form.signup button i { font-size:20px }
.recaptcha { overflow:hidden; opacity: 0; height: 0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; pointer-events: none; }
.recaptcha.show { display: block; opacity: 1; height: 100px; pointer-events: all; overflow: hidden; margin-top: 15px; }
.recaptcha.error { height: 82px; border: red 2px solid; } 
#investors-signup .signup-message { font-size:16px; color: #FFF; }

#investors-news { background-color: #FFF; padding:80px 0; }
#investors-news .left { flex-basis: 60%; margin-right: 95px; }
#investors-news .right { flex-basis: 40%; font-size: 14px; }
#investors-news .content .right div { background-color: #FFF; }
#investors-news .right img { width: 100%; }
#investors-news .right .event-heading { display: none; }
#investors-news .right .event { padding:20px;line-height: 20px; }
#investors-news .right .event .description { font-size: 13px; }
#investors-news .investors-news-item { display: block; padding: 20px 30px; font-size: 14px; color: #2736bd; line-height: 22px; font-weight: 600; }
#investors-news .investors-news-item:hover { background-color: #2736bd !important; color:#FFF !important;}
#investors-news .investors-news-item:nth-of-type(odd) { background-color: #e3e6ff; }
#investors-news .investors-news-item span { display: block; }
#investors-news .investors-news-item .date { text-transform: uppercase; letter-spacing: 1px; color: #7582f8; font-size: 12px; margin-top: 5px; }
#investors-news .button { min-width: 200px; margin-top: 50px; }
#investors-news .right .date { text-transform: uppercase; letter-spacing: 1px; color: #7582f8; font-weight: 700; font-size: 12px; }
#investors-news .more-buttons { margin-top: 40px; }

#investors-letters { background-color: #FFF; padding:80px 0; }
#investors-letters .left { flex-basis: 60%; margin-right: 95px; }
#investors-letters .right { flex-basis: 40%; font-size: 14px; }
#investors-letters .content .right div { background-color: #FFF; }
#investors-letters .right img { width: 100%; }
#investors-letters .right .event-heading { display: none; }
#investors-letters .right .event { padding:20px;line-height: 20px; }
#investors-letters .right .event .description { font-size: 13px; }
#investors-letters .investors-letters-item { display: block; padding: 20px 30px; font-size: 14px; color: #2736bd; line-height: 22px; font-weight: 600; }
#investors-letters .investors-letters-item:hover { background-color: #2736bd !important; color:#FFF !important;}
#investors-letters .investors-letters-item:nth-of-type(odd) { background-color: #e3e6ff; }
#investors-letters .investors-letters-item span { display: block; }
#investors-letters .investors-letters-item .date { text-transform: uppercase; letter-spacing: 1px; color: #7582f8; font-size: 12px; margin-top: 5px; }
#investors-letters .button { min-width: 200px; margin-top: 50px; }
#investors-letters .right .date { text-transform: uppercase; letter-spacing: 1px; color: #7582f8; font-weight: 700; font-size: 12px; }
#investors-letters .more-buttons { margin-top: 40px; }

section#financials { background-color: #2736bd; color:#FFF; padding:70px 0; }
section#financials h2 { color:#FFF; text-align: center; }
section#financials table { margin:0; }
section#financials table tr td { padding:30px; color:#FFF; font-weight:400; }
section#financials table tr td:nth-of-type(1) { font-weight:600; }
section#financials table tr:nth-of-type(odd) { background-color:#4956c7; }
section#financials table tr:nth-of-type(even) { background-color:transparent; }
section#financials table tr td a { font-weight: 400; color:#FFF; }
section#financials table tr td a:hover { color:#e3e6ff; }
section#financials table tr td a i { display: inline-block; margin-left: 5px; font-size: 20px; }
section#financials div.container > div { text-align: center; margin-top: 10px;}
section#financials table tr:nth-child(n+7) { display: none; }

#featured-video { padding:90px 0; background-image: url(../img/bg_video.jpg); background-repeat: no-repeat; background-size: cover; color: #FFF; font-size: 16px;} 
#featured-video h2 { color: #FFF; }
#featured-video .left { flex-basis: 57.5%; margin-right: 80px; }
#featured-video .right { margin-top: 16px; }

.video-item { border-top:1px solid #858897; padding:25px 0; display: flex; align-items:center; }
.video-item:last-of-type { border-bottom:1px solid #858897; }
.video-item > * { display: block; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out; }
.video-item .thumbnail { flex-basis:150px; }
.video-item .thumbnail img { width:130px; margin-right: 20px; }
.video-item .title { /*flex-basis:calc(100% - 150px); */color: #FFF; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 700; font-size: 14px; line-height: 24px; }
.video-item:hover .thumbnail { opacity: 0.75; }
.video-item:hover .title { color:#e3e6ff; }
.fancybox-slide--iframe .fancybox-content { width: 800px; height: 450px; max-width: 800px; max-height: 450px; margin: 0; background:transparent !important; }

#key-shareholders {margin-top:40px;}

#key-shareholders div {padding:30px; flex-basis:25%; color: #2736BD; background-color: #fff; margin-right: 25px;}
#key-shareholders div:last-of-type { margin-right: 0; }
#key-shareholders div.title { color: #2736bd; font-size: 24px; font-weight: 600; display: flex; align-items: center; justify-content: center; }
#key-shareholders div span {display:block;font-size: 14px;line-height: 18px;min-height:35px;}
@media screen and (max-width: 1024px) {
#key-shareholders {display: block;}
#key-shareholders div span {min-height:0;}
}
/* EVENTS */
.event { padding:0 0 30px 0; }
.event .title { font-weight: 700; }


#content { width: 100%; }
aside { display: none; }
main section .inner { float: left;width: 100%; padding-right: 0; }
main section#content:before { background-color: transparent; }

/* STOCK CHART */
body.str-investors, .str-stock-information { background: #FFF; }
.str-investors #stock-info, .str-stock-information #stock-info { background: #FFF; color: #1a2748; font-size: 16px;padding: 80px 0 40px 0; }
.container.flex-container .info { flex-basis:31%; padding-right: 4%; }
.container.flex-container .chart { flex-basis:65%; }
.container.flex-container .info .current { font-size: 24px; font-weight: 900; padding-bottom: 20px;}
.container.flex-container .info .current strong { font-size: 16px; }
.container.flex-container .info .current span { font-weight: 300; }
.container.flex-container .info .current span.up { color: #63E152; }
.container.flex-container .info .current span.down { color: #E15259; }
#stock-info .flex-container.row {padding:23px 15px; }
#stock-info .flex-container.row:nth-of-type(even) { background: #f6f5fd; }
#stock-info .flex-container.row > div { flex-basis:50%; font-size: 16px; line-height: 18px; font-weight: 300; color: #1a2748; }
#stock-info .flex-container.row > div label { font-weight: 700; color: #A5A5A5; font-size: 12px; text-transform: uppercase; }
#stock-info .updated { font-size: 14px; font-weight: 400; margin: 15px 0; }
#stock-info .sedar { font-weight: 700; padding-top: 5px; }
#stock-info .sedar img { margin-left:5px; position: relative;top:5px; display: inline-block; }
.highcharts-title, .highcharts-credits { display: none; }
@media screen and (max-width: 1200px) {
  #stock-info .container.flex-container .info { padding-left: 30px; flex-basis:40%; }
  #stock-info .container.flex-container .chart { padding-right: 30px; flex-basis:55%; }
}

/* TABS */
.str-contact form * { font-size: 16px !important; }
.tabs { position: relative; }
.tabs .tab_select { position: relative; }
.tabs .tab_select select { background-color: transparent; border: 1px solid #151d32; color: #151d32; padding: 17px; font-size: 13px; line-height: 13px; font-weight: 600; border-radius: 0; width: 100%; }
.tabs .tab_select span { position: absolute; top: 18px; right: 17px; color: #151d32; font-size: 13px; line-height: 13px; }
.tabs ul { list-style: none; padding: 0; margin: 0 0 20px 0; }
.tabs ul li { display: inline-block; cursor: pointer; font-size: 16px !important; line-height: 16px !important; padding: 10px 45px; border-bottom: 6px solid #d7d7d7; font-weight: 600 !important; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0 -3px; }
.tabs ul li:hover { color: #e3e6ff !important; border-bottom: 6px solid #e3e6ff; }
.tabs ul li.active { color: #151d32 !important; border-bottom: 6px solid #151d32; }
.tabs ul li.active:hover { color: #151d32 !important; border-bottom: 6px solid #151d32; }
.tabs ul li:before { display: none !important; }
.tabs ul li.has-sub:hover .sub-tabs { display: block; }
.tabs ul li.has-sub { position: relative; }
.tabs ul li .sub-tabs { display: none; position: absolute; list-style: none; top: 38px; z-index: 1; width: calc(100% - 6px); right: 3px; }
.tabs ul li .sub-tabs li { display: block; background-color: #d7d7d7; color: #fff !important; margin-bottom: 6px !important; text-align: center; border-bottom: 0 !important; }
.tabs ul li .sub-tabs li:hover, .tabs ul li .sub-tabs li.active { background-color: #e3e6ff !important; }
.tabs .hold { display: none; position: relative; }
.tabs .hold.active { display: block; }
.tabs select { display: none !important; }
@media screen and (max-width: 768px) { .tabs { border: 0; padding: 0; margin-top: 0; }
  .tabs ul { display: none; }
  .tabs select { display: block !important; margin-bottom: 10px; }
  .tabs .wrapper { margin-top: 20px; } }
.str-team .tabs ul { width:100%; }
.str-team .tabs ul li { border: none !important; background-color: #e3e6ff; color: #2736bd !important; padding:20px; width:33%; text-align:center;}
.str-team .tabs ul li:hover, .str-team .tabs ul li.active { background-color:#2736bd;color: #FFF !important; }
.str-team .tabs ul li i { font-size:12px; }


/* FOOTER */
#footer { padding:0 0 40px 0; color:#FFF; font-size: 14px; background: #2736BD; }
#footer .logo { margin-bottom: 40px; padding-top: 90px; }
#footer .middle .left { width: 100%; }
#footer .left { width:50%; }
#footer .right { width:50%; text-align: right;}
#footer .middle .right { width: auto; text-align: left; margin-right: 0; }
#footer .left > div { margin-right: 40px;   }
#footer .bottom { color:#FFF; font-size: 14px; font-weight: 400; margin-top: 100px; }
#footer ul { list-style: none; display: block; margin: 0; padding:0; }
#footer ul li { height: 100%; display: block; margin-right: 20px;}
#footer ul li.top-level { margin-top:30px; }
#footer ul li.top-level:first-of-type { margin-top:0px; }
#footer ul li.top-level > a { color:#FFF; font-size: 24px; line-height: 24px; font-weight: 500; }
#footer ul li.top-level > a:hover { opacity: 0.75;}
#footer ul li ul li { line-height: 20px; text-transform: initial;padding:3px 0; }
#footer ul li ul li a { color:#FFF; font-size: 14px; font-weight: 400;  }
#footer a {color:#FFF;}
#footer a:hover {opacity: 0.75;}
#footer .contact-info { line-height: 24px; font-weight: 400; }
#footer .middle h4 { color:#FFF; font-size: 24px; line-height: 24px; font-weight: 500; margin-bottom: 5px;	 }
#footer .contact-info .social-media a { display: inline-block; margin-right: 20px;color:#FFF; font-size: 22px; }
#footer .contact-info .social-media a:hover { color:#0095dc; }
#footer .left.flex-container {justify-content: space-between;}
body.str-investors #footer .logo { border-top:1px solid #FFF; }



/* SIGNUP */
#subscribe { max-width:300px; }
#subscribe #signup-text { position: relative; font-size: 14px; color: #FFF; font-weight: 500; margin-bottom: 10px;}
#subscribe #signup-text h4 { color: #ffffff; }
#subscribe form.signup .textbox { width: 100%; position: relative; font-size: 14px; font-weight: 300; }
/*#subscribe form.signup .textbox.signup-email { margin-bottom: 15px; } */
#subscribe form.signup .textbox input, #subscribe form.signup .textbox select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; background-color: #2736bd; border:none; padding: 20px; margin-bottom: 6px; color: #FFF; border:1px solid #FFF; }
#subscribe form.signup .textbox select {padding:0 20px; height:60px;}
#subscribe form.signup .textbox input::-webkit-input-placeholder, #subscribe form.signup .textbox select::-webkit-input-placeholder { color: #DDD; }
#subscribe form.signup .textbox input:-moz-placeholder, #subscribe form.signup .textbox select:-moz-placeholder { color: #DDD; }
#subscribe form.signup .textbox input::-moz-placeholder, #subscribe form.signup .textbox select::-moz-placeholder { color: #DDD; }
#subscribe form.signup .textbox input:-ms-input-placeholder, #subscribe form.signup .textbox select:-ms-input-placeholder { color: #DDD;  }
/*#subscribe form.signup .textbox.signup-email input[type=text] { width:calc(100% - 60px); }*/

#subscribe form.signup .error-tooltip { display: none; font-weight:400; position: absolute; top: -60px; left: 0; padding: 10px 15px; font-size: 12px; background: #404d71; width: 250px; opacity: 0; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transition: all 2s ease-in-out; z-index: 100; color:#FFF;}
#subscribe form.signup .error-tooltip:before { content: " "; border-style: solid; border-width: 10px 12px 0px 12px; border-color: #404d71 transparent transparent transparent; position: absolute; bottom: -10px; left: -moz-calc(50% - 12px); left: calc(50% - 12px); }
#subscribe form.signup .textbox.show-tooltip .error-tooltip { display: inline-block; -moz-animation: tooltip 5s 1; animation: tooltip 5s 1; -webkit-animation: tooltip 5s 1; } 
#subscribe form.signup .recaptcha { overflow:hidden; opacity: 0; height: 0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; pointer-events: none; }
#subscribe form.signup .recaptcha.show { display: block; opacity: 1; height: 100px; pointer-events: all; overflow: hidden; }
#subscribe form.signup .recaptcha.error { height: 82px; border: red 2px solid; } 
#subscribe form.signup button { width:100%; margin-bottom: 5px; border:1px solid #aff3f5; }
#subscribe form.signup button i { font-size:20px; margin-left: 20px; position: relative; top: 2px;}

#subscribe .signup-message { font-size:16px; } 
#subscribe .signup-message { margin-top: 20px; }


/* ANIMATION TRIGGERS */
.trigger { opacity:0; animation-duration:.75s; animation-fill-mode:both; -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); }
.trigger.animate { animation-name:fadeInUp; }
.trigger.block:nth-of-type(1).animate { animation-delay:0.15s; }
.trigger.block:nth-of-type(2).animate { animation-delay:0.3s; }
.trigger.block:nth-of-type(3).animate { animation-delay:0.45s; }
.trigger.block:nth-of-type(4).animate { animation-delay:0.6s; }
.panel#management .trigger.block:nth-of-type(1).animate { animation-delay:0.1s; }
.panel#management .trigger.block:nth-of-type(2).animate { animation-delay:0.2s; }
.panel#management .trigger.block:nth-of-type(3).animate { animation-delay:0.3s; }
.panel#management .trigger.block:nth-of-type(4).animate { animation-delay:0.4s; }
.panel#management .trigger.block:nth-of-type(5).animate { animation-delay:0.5s; }
.panel#management .trigger.block:nth-of-type(6).animate { animation-delay:0.6s; }
.panel#management .trigger.block:nth-of-type(7).animate { animation-delay:0.7s; }
.panel#management .trigger.block:nth-of-type(8).animate { animation-delay:0.8s; }
.panel#management .trigger.block:nth-of-type(9).animate { animation-delay:1s; }
.panel#management .trigger.block:nth-of-type(10).animate { animation-delay:1.1s; }
.panel#management .trigger.block:nth-of-type(11).animate { animation-delay:1.2s; }
.panel#management .trigger.block:nth-of-type(12).animate { animation-delay:1.3s; }
.left.trigger.animate { animation-name:fadeInUp; }

/* ABOUT US */

h3 { margin-bottom: 2px; 
	}
ul { margin-top: 0; 
	}

/* FRACTIONS */
.fraction {display: inline-block; position: relative; bottom: -12px;}
.fraction div:first-of-type {border-bottom: 1px solid #000000;}
.fraction sup {font-size: 10px;}

/* KEYFRAMES */
@keyframes fadeInLeft{
  0%{opacity:0;transform:translate3d(-20%,0,0);}
  to{opacity:1;transform:none;}
}
@keyframes fadeInUp{
  0%{opacity:0;transform:translate3d(0, 20%, 0);}
  40%{transform:none;}
  100%{opacity:1;}
}
@keyframes coverLoadUp{
  0%{top:0;}
  to{top:-100%;}
}
@keyframes contentLoadUp{
  0%{top:100%;}
  to{top:0;}
}
/* SUBSCRIBE PAGE */
.str-contact main label { display: block; margin-top:20px;margin-bottom: 5px;}
.str-contact main input[type=text],.str-contact textarea,.str-contact select { width:100%; border:1px solid #7582f8; -webkit-border-radius: 0px; -khtml-border-radius:0px; -moz-border-radius:0px; border-radius:0px; margin:0; padding:10px 30px; box-sizing: border-box;}
.str-contact main input[type=text]::-webkit-input-placeholder, .str-contact textarea::-webkit-input-placeholder { color: #7582f8; font-weight: 400; }
.str-contact main input[type=text]:-moz-placeholder, .str-contact textarea:-moz-placeholder { color: #7582f8; font-weight: 400; }
.str-contact main input[type=text]::-moz-placeholder, .str-contact textarea::-moz-placeholder { color: #7582f8; font-weight: 400; }
.str-contact main input[type=text]:-ms-input-placeholder, .str-contact textarea:-ms-input-placeholder { color: #7582f8; font-weight: 400; }
.request-info textarea { width: 100% !important; }
.str-contact main select::-ms-expand { /* for IE 11 */
    display: none;
}
.str-contact main select {-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
.str-contact main .button {margin-top:20px;}
.str-contact main h2 { margin-top: 55px; }
.str-contact main .form-group label { font-weight: 400; }

/* Firmware Form */
.str-firmware form * { font-size: 16px !important; }
.str-firmware main label { display: block; margin-top:20px;margin-bottom: 5px;}
.str-firmware main input[type=text],.str-firmware textarea,.str-firmware select { width:100%; border:1px solid #7582f8; color: #7582f8; font-weight: 400; -webkit-border-radius: 0px; -khtml-border-radius:0px; -moz-border-radius:0px; border-radius:0px; margin:0; padding:10px 30px; box-sizing: border-box;}
.str-firmware main input[type=text]::-webkit-input-placeholder, .str-firmware textarea::-webkit-input-placeholder { color: #7582f8; font-weight: 400; }
.str-firmware main input[type=text]:-moz-placeholder, .str-firmware textarea:-moz-placeholder { color: #7582f8; font-weight: 400; }
.str-firmware main input[type=text]::-moz-placeholder, .str-firmware textarea::-moz-placeholder { color: #7582f8; font-weight: 400; }
.str-firmware main input[type=text]:-ms-input-placeholder, .str-firmware textarea:-ms-input-placeholder { color: #7582f8; font-weight: 400; }
.firmware-form textarea { width: 100% !important; }
.str-firmware main select::-ms-expand { /* for IE 11 */
    display: none;
}
.str-firmware main select {-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
.str-firmware main .button {margin-top:20px;}
.str-firmware main h1 { margin-top: 55px; }
.str-firmware main .form-group label { font-weight: 400; }

.str-firmware form.firmware-form .error-tooltip { display: none; font-weight:400; position: absolute; top: -60px; left: 0; padding: 10px 15px; font-size: 12px; background: #404d71; width: 250px; opacity: 0; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transition: all 2s ease-in-out; z-index: 100; color:#FFF;}
.str-firmware form.firmware-form .error-tooltip:before { content: " "; border-style: solid; border-width: 10px 12px 0px 12px; border-color: #404d71 transparent transparent transparent; position: absolute; bottom: -10px; left: -moz-calc(50% - 12px); left: calc(50% - 12px); }
.str-firmware form.firmware-form .textbox.show-tooltip .error-tooltip { display: inline-block; -moz-animation: tooltip 5s 1; animation: tooltip 5s 1; -webkit-animation: tooltip 5s 1; } 




/* MEDIA QUERIES */
@media screen and (max-width: 1200px) {
  .container { width:100%; padding:0 25px; }
  header nav ul li:first-of-type { min-width:auto; text-align: left; }
  header nav, header #top-bar { padding-left:20px; padding-right:20px; }
  header nav ul li { margin: 0 0 0 30px; }
  #calculator .form-container .calculator-form .description { flex-basis:100%; }
  #calculator .form-container .calculator-form .item, #calculator .preset-container { flex-basis:24%; }

  #capital-structure .block .value { font-size: 32px; }
}

@media screen and (max-width: 1100px) {
  header nav ul li { margin: 0 0 0 20px; text-align: right; flex-basis: 0; }
}

@media screen and (max-width: 1024px) {  
  .mobile-only { display: block; }
  .not-mobile { display: none; }
  header { position: fixed; z-index:100; background-color: #2736bd; height:95px; padding:15px 0 15px 0px; width:100%; margin-top: 0px !important; }
  header.open { height:100vh; }
  header .nav-container { display: block; background-color: #2736bd; color:#FFF; width:100%; top: 0; right: 0; left: 0; height: auto; max-height: 100vh; -webkit-transform: translateY(-120%); -moz-transform: translateY(-120%); -ms-transform: translateY(-120%); transform: translateY(-120%); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 99; overflow-y: scroll !important; overflow-x:hidden; padding-left:20px; }
  header.open .nav-container { padding-top: 80px;-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); overflow-y: scroll !important; }
  header #top-bar { display: none; }
  header nav { display: block !important; padding-top: 0; border-bottom: none; }
  header nav ul { display: block; margin-top: 0; }
  header nav ul li { height: auto; line-height: 25px !important; font-size: 20px; margin: 15px 0; text-align: left; display: block; }
  header nav ul li:hover { background-color: transparent; }
  .logo img { height: 60px; }
  header nav ul li:hover .sub_nav { display: none; }
  header nav ul li a { line-height: 25px; font-size: 20px; color: #FFF; padding: 0 30px !important; }
  header nav ul li a.top-level.has-submenu:after { content: '+'; position: absolute; left: 0px; }
  header nav ul li a.top-level.has-submenu.active:after { content: '-'; position: absolute; left: 0px; }
  header nav ul li .sub_nav { position: static; text-align: left; width: 100%; padding:0 20px !important; margin-top: 0; background:none; max-height: initial; display: none; transition:none; }
  header nav ul li .sub_nav li { margin: 5px 0; padding-left: 0; display: block; opacity: 1; }
  header nav ul li .sub_nav li a { color: #FFF; font-size: 16px; line-height: 20px; }
  header nav ul li .sub_nav li a span:before { display: none; }
  header nav ul li.subscribe { display: none; }
    header .nav-mob { display: block; width: 35px; position: absolute; top: 35px; right: 20px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: 35px; z-index: 101; }
  header .logo { position: absolute; top:0px; left:0px; background-color: #2736bd; width:100%; padding: 20px 0 0 20px; }
  header .nav-mob span { background-color: #FFF; display: block; opacity: 1; width: 35px; height: 5px; position: absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  header .nav-mob span:nth-of-type(2) { top: 10px; }
  header .nav-mob span:nth-of-type(3) { top: 20px; }
  header .nav-mob.open span:nth-of-type(1) { opacity: 0; }
  header .nav-mob.open span:nth-of-type(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #FFF; }
  header .nav-mob.open span:nth-of-type(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; background-color: #FFF; }
  
   .panel#hero { padding: 0 !important; height: auto; } 
  .panel#hero h1 { padding-top: 170px; font-size: 27px; line-height: 32px; }
  .panel#hero .container.top { padding:120px 20px 0 20px; }
  .panel#hero .bottom .presentation { right:20px; }
  #calculator { padding-bottom: 50px;  }
  #calculator > .flex-container { flex-flow: wrap-reverse; }
  #calculator > .flex-container > div { width: 100%; padding-top: 0;   }
#sidebar, #mobile-stock-bar { display: none !important; }
  .str-investors main { padding: 0 !important; }
  .str-investors main section { padding-left:0 !important; padding-right:0 !important; padding-top: 50px; padding-bottom: 50px; }
  .str-investors .left, .str-investors .right { width:100% !important; flex-basis:100% !important; margin-right: 0 !important;	}
  #contact-fortress { display: none; }
  #top-buttons { padding: }
  #top-buttons .container { padding:0; }
  #why-invest { padding-bottom: 50px !important; }
  #why-invest .flex-container { flex-wrap:wrap; }
  #why-invest .container h2 { margin-top: 50px; }
  #why-invest .container .block { margin: 20px 4% 0 0; width: 48%; }
  #why-invest .container .block:nth-of-type(even) { margin-right:0; }
  #why-invest .container .block h4 { font-size: 14px; }
  #why-invest .container .block p { font-size: 16px; line-height: 26px; }
  #why-invest .container .block .icon { width: 60px; }
  .str-investors main section#investors-signup { padding:50px 0px !important; }
  #investors-signup .flex-container { display: block;	 }
  #investors-signup h4 { font-size: 20px; line-height: 26px; text-align: center; margin: 0px 0 40px 0; }
  #investors-signup form.signup .textbox { flex-basis: 100%; margin-right: 0;margin-bottom: 15px; }
  #investors-signup form.signup button { flex-basis: 50%;  margin: 10px auto 0 auto; }
  #key-shareholders div { margin-right: 0; margin-bottom: 25px; }

  #capital-structure .flex-container { flex-wrap:wrap; }
  #capital-structure h2 { margin: 50px 0;	 }
  #capital-structure .block { flex-basis:100%; margin-right: 0; min-height: 10px; }
  #capital-structure .block .value { font-size: 32px; position: relative; top: 0; left: 0; }

  .str-investors main section#investors-news { padding:50px 0px !important; }
  #investors-news .flex-container { flex-wrap:wrap; }
  #investors-news h2 { text-align: center; margin-bottom: 50px; }
  #investors-news .button { width:50%; margin: 0 auto; display: block; }
  #investors-news .left .button { margin:20px auto 50px auto; }
  #investors-news img { width: 100%; }

  .str-investors main section#investors-letters { padding:50px 0px !important; }
  #investors-letters .flex-container { flex-wrap:wrap; }
  #investors-letters h2 { text-align: center; margin-bottom: 50px; }
  #investors-letters .button { width:50%; margin: 0 auto; display: block; }
  #investors-letters .left .button { margin:20px auto 50px auto; }
  #investors-letters img { width: 100%; }

  .str-investors main section#featured-video { padding:50px 0px !important; }
  #featured-video h2 { text-align: center; margin:30px 0 50px 0; }

  #featured-video .flex-container { flex-wrap:wrap; }
  #featured-video .flex-container > * { flex-basis:100%; }

  #footer > .flex-container.middle { flex-wrap: wrap; margin-top: 0; }
  #footer > .flex-container.middle > div { width: 100%; padding-top: 0; }
  #footer > .flex-container.middle > div.right { margin-top: 60px; }
  #footer > .flex-container.bottom { margin-top: 60px; }
  #calculator .form-container .calculator-form .item, #calculator .preset-container { flex-basis:48%; }
}
@media screen and (max-width: 768px) { 
  .flex-container { flex-wrap: wrap; }
  .container { display: block !important; }
  main section#content { padding:0 20px !important; }
  body.str-project #content .flex-container > * { margin-right: 0 !important; }
  #calculator > .flex-container { display: flex !important;   }
  #calculator .form-container .calculator-form .item { flex-basis:100%; }
  #calculator .form-container { padding:0; }
  .str-calculator #content { padding: 0 25px !important; }
  .left, .right { width:100% !important; }
  #top-buttons .container a { border-right:none; border-bottom:1px solid #FFF; }
  #why-invest .container .block { margin:50px 0 0 0; width: 100%; }
  /*.block  { width:100% !important; margin-left: 0 !important; }*/
  .panel#hero h1 { font-size: 32px;  line-height: 40px;  }
  .panel#hero h3 { font-size: 20px; line-height: 26px;   }
  .panel#unique-value .container .right .block:nth-of-type(odd) { margin-left:0; }
  .panel#unique-value .container .right .block { flex-basis:calc(50% - 25px) }
  .panel#advantage .container .right .block:nth-of-type(odd) { margin-left:0; }
  .panel#advantage .container .right .block { flex-basis:calc(50% - 10px) }
  .panel#hero .bottom { position: initial; padding-bottom:115px;}
  .panel#hero .bottom .presentation { position: relative; bottom:auto; text-align: left; padding:20px; }
  .panel#hero .bottom .arrow { position: absolute; bottom:0; left:0; right:0; }
  .news-item:last-of-type { display: none; }
  .news-item:nth-of-type(2) { margin: 50px 0 0 25px; }

  .letters-item:last-of-type { display: none; }
  .letters-item:nth-of-type(2) { margin: 50px 0 0 25px; }

  .panel#hero .hero-content a[data-target] { border:none; }
  #footer > .flex-container.middle .left > div { width: 100%; padding-top: 16px; }
  #calculator .form-container .calculator-form .item, #calculator .preset-container { flex-basis:100%; margin-right: 0; margin-left: 0; }
  #calculator  .preset-container { margin-bottom: 20px; }
  #calculator .form-container .calculator-form .date { flex-basis:100%; }
  #calculator .form-container .calculator-form .date .item { margin-right: 5px !important; }
  #calculator .button, #calculator .bottom > div { width: 100%; }
  .fancybox-slide--iframe .fancybox-content { height:44% !important;}
  .fancybox-slide--iframe { padding:44px 15px 0 !important; }
  .investor-buttons { white-space: initial; text-align: left; }
  .investor-buttons a { margin-left: 0 !important; margin-top: 20px; max-width: 100%; }
  #capital-structure { padding:25px 0 50px 0 !important; } 
  #footer .right { text-align: left; }
  #footer .logo { padding-top: 50px; }
}

@media screen and (max-width: 600px) { 
  #calculator .container .form-container .calculator-form .item { flex-basis:100%; margin:0 !important; }
  .iziModal-content { overflow: auto !important; -webkit-overflow-scrolling: touch !important;  }
  .fancybox-slide--iframe .fancybox-content { height:35% !important;}
  #capital-structure .block .value { position: relative; bottom: inherit; right: inherit; }
  section#financials table tr td { padding:10px 5px; }
}



@media screen and (max-width: 500px) { 
  .block  { width:100% !important; margin-left: 0 !important; }
  .panel#unique-value .container .right .block, .panel#advantage .container .right .block { flex-basis:100% }
  .news-container { flex-wrap: wrap;}
  .news-item:nth-of-type(2) { margin: 50px 0 0 0; }

  .letters-container { flex-wrap: wrap;}
  .letters-item:nth-of-type(2) { margin: 50px 0 0 0; }

  .button { min-width:100px; }
  #calculator .preset-options { width: 100%; }
  #featured-video .video-item { flex-wrap:wrap; }
  #featured-video .video-item .thumbnail img { width:75%; }
  #featured-video .video-item > * { flex-basis:100%; }
}

/* MISC STYLES */

.cc-banner.cc-theme-edgeless .cc-message {
	text-align: center;
}



/******************** JULY 2021 CHANGES - FEATHERLIGHT VIDEOS **********************/
.featherlight .featherlight-content { padding: 0% !important; max-height: 90vh !important; width: 90vw !important; border-bottom: none !important; background: none !important; }
.featherlight .featherlight-content iframe { min-height: 80vh !important; width: 100%; height: 100%; }
.featherlight .featherlight-close-icon { color: #fff !important; font-size: 40px !important; line-height: 40px !important; width: 40px !important; }
@media screen and (max-width:1024px) {
	.featherlight .featherlight-inner { max-width: 90vw !important; }
	.featherlight .featherlight-content { max-width: 90vw !important; margin: 0 auto !important; }
}

/************** AUGUST STOCK/BTC ADDITION *************/
#mobile-stock-bar, #mobile-bottom-bar {display: none; position: absolute; top: 1px; left: 0; right: 0; padding: 0 20px; background-color: #566280;}
#mobile-bottom-bar {top: unset; bottom: 0;}
#mobile-stock-bar > ul,
#mobile-bottom-bar > ul {list-style: none; display: flex; margin: 0; padding: 0;}
#mobile-stock-bar > ul > li,
#mobile-bottom-bar > ul > li {font-size: 12px; font-weight: 700; color: #FFF; text-transform: uppercase; margin-right: 20px; position: relative;}
#mobile-stock-bar > ul > li > a,
#mobile-bottom-bar > ul > li > a {color: #FFF;}
#mobile-stock-bar > ul > li > span {padding-left: 7px;}

@media screen and (max-width: 1024px){
  .panel#hero {margin-top: 100px;}
  #mobile-stock-bar {display: block;}
}
@media screen and (max-width: 875px){
  #mobile-stock-bar > ul > li:nth-of-type(n+3) {display: none;}
  #mobile-bottom-bar {display: block;}
}

@media screen and (max-width: 500px){
  #mobile-stock-bar,
  #mobile-bottom-bar {padding-top: 5px; padding-bottom: 5px;}
  #mobile-stock-bar > ul > li,
  #mobile-bottom-bar > ul > li {line-height: 1.5;}
  #mobile-stock-bar > ul > li > span,
  #mobile-bottom-bar > ul > li > span {padding-left: 0; display: block;}
}

@media screen and (max-width: 350px){
  #mobile-stock-bar > ul > li,
  #mobile-bottom-bar > ul > li {margin-right: 15px; font-size: 11px;}
}

ul#firmware-downloads { list-style: none; }
ul#firmware-downloads > li { cursor: pointer; position: relative; }
ul#firmware-downloads > li:before { content: "\f054"; font-family: 'Font Awesome 5 Free'; position: absolute; font-size: 12px; top: 0; left: -20px;  font-weight: 700; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
ul#firmware-downloads > li.open:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
ul#firmware-downloads ul { display: none; list-style: none; padding-left: 20px; }
ul#firmware-downloads > li > span { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
ul#firmware-downloads > li > span:hover { opacity: 0.7; }

.grecaptcha-badge { display: none !important;}
.grecaptcha-badge.show { display: block !important; visibility: visible !important;}