/** Defaults **/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Montserrat;
	cursor: default;
}

h1 {

}

h2 {

}

h3 {

}

.gradientHeader {
	margin-top: 0;
	margin-bottom: 11px;
	padding-bottom: 4px;
	font-weight: 700;
	text-align: left;
	color: #3dc1ce;
	line-height: 1;
	background: -webkit-linear-gradient(80deg, #377379 10%, #3dc1ce 30%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 10px rgba(0,0,0,0.05);
}

h2.gradientHeader {
	font-size: 40px;
}

h3.gradientHeader {
	font-size: 26px;
}

.gradientText {
	font-weight: 700;
	color: #3dc1ce;
	background: -webkit-linear-gradient(80deg, #377379 10%, #3dc1ce 30%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

body {
	background-color: white;
	font-family: Open Sans;
	font-size: 16px;
}

a {
	color: #3dc1ce;
	text-decoration: none;
	transition: all 200ms;
	outline: none !important;
}

a:hover,
a:focus,
a:active {
	color: #308e98;
	text-decoration: none;
}

b {
	color: #323232;
}

strong,
b.turquoiseBold {
	color: #3dc1ce;
}

b.greenBold {
	color: #297138;
}

b.orangeBold {
	color: #f37043;
}

b.redBold {
	color: #d0302a;
}

b.purpleBold {
	color: #63459d;
}

.btn {
	border: none;
}

.btn-blue {
	position: relative;
	color: white;
	border-radius: 6px;
	background-color: #3dc1ce;
	transition: all 200ms;
	text-shadow: 0 0 5px rgba(0,0,0,0.35);

	background: -webkit-linear-gradient(left, #3d58ce 0%, #3dc1ce 100%);
	background: -moz-linear-gradient(left, #3d58ce 0%, #3dc1ce 100%);
	background: -ms-linear-gradient(left, #3d58ce 0%, #3dc1ce 100%);
	background: -o-linear-gradient(left, #3d58ce 0%, #3dc1ce 100%);
	background: linear-gradient(left, #3d58ce 0%, #3dc1ce 100%);
}

.btn-blue span {
	position: relative;
	color: white !important;
	z-index: 3;
}

.btn-blue::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 6px;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	transition: all 200ms;

	background: -webkit-linear-gradient(left, #4664ea 0%, #46dae9 100%);
	background: -moz-linear-gradient(left, #4664ea 0%, #46dae9 100%);
	background: -ms-linear-gradient(left, #4664ea 0%, #46dae9 100%);
	background: -o-linear-gradient(left, #4664ea 0%, #46dae9 100%);
	background: linear-gradient(left, #4664ea 0%, #46dae9 100%);
}

.btn-blue::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 6px;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	transition: all 200ms;

	background: -webkit-linear-gradient(left, #2d45b0 0%, #25b5c3 100%);
	background: -moz-linear-gradient(left, #2d45b0 0%, #25b5c3 100%);
	background: -ms-linear-gradient(left, #2d45b0 0%, #25b5c3 100%);
	background: -o-linear-gradient(left, #2d45b0 0%, #25b5c3 100%);
	background: linear-gradient(left, #2d45b0 0%, #25b5c3 100%);
}

.btn-blue:hover::before,
.btn-blue:focus::after,
.btn-blue:active::after,
.btn-blue:hover:focus::after {
	opacity: 1;
	visibility: visible;
}

.btn-orange {
	position: relative;
	color: white;
	border-radius: 6px;
	background-color: #3dc1ce;
	transition: all 200ms;
	text-shadow: 0 0 5px rgba(0,0,0,0.35);
	
	background: -webkit-linear-gradient(left, #d0302a 0%, #f37043 100%);
	background: -moz-linear-gradient(left, #d0302a 0%, #f37043 100%);
	background: -ms-linear-gradient(left, #d0302a 0%, #f37043 100%);
	background: -o-linear-gradient(left, #d0302a 0%, #f37043 100%);
	background: linear-gradient(left, #d0302a 0%, #f37043 100%);
}

.btn-orange span {
	position: relative;
	color: white !important;
	z-index: 3;
}

.btn-orange::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 6px;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	transition: all 200ms;
	
	background: -webkit-linear-gradient(left, #e9423b 0%, #ff875e 100%);
	background: -moz-linear-gradient(left, #e9423b 0%, #ff875e 100%);
	background: -ms-linear-gradient(left, #e9423b 0%, #ff875e 100%);
	background: -o-linear-gradient(left, #e9423b 0%, #ff875e 100%);
	background: linear-gradient(left, #e9423b 0%, #ff875e 100%);
}

.btn-orange::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 6px;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	transition: all 200ms;
	
	background: -webkit-linear-gradient(left, #b32620 0%, #dd6036 100%);
	background: -moz-linear-gradient(left, #b32620 0%, #dd6036 100%);
	background: -ms-linear-gradient(left, #b32620 0%, #dd6036 100%);
	background: -o-linear-gradient(left, #b32620 0%, #dd6036 100%);
	background: linear-gradient(left, #b32620 0%, #dd6036 100%);
}

.btn-orange:hover::before,
.btn-orange:focus::after,
.btn-orange:active::after,
.btn-orange:hover:focus::after {
	opacity: 1;
	visibility: visible;
}

.blockLink {
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
	padding-right: 16px;
	font-size: 20px;
	font-weight: 500;
	font-family: Montserrat;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
	vertical-align: middle;
}

.blockLink span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	z-index: 3;
}

.blockLink span.iconContainer {
	position: relative;
}

.blockLink span.textContainer {
	position: relative;
}

.blockLink i {
	display: inline-block;
	margin-right: 6px;
	border-right: 2px solid #eee;
	padding: 10px 10px;
	font-size: 18px;
	line-height: 1;
	vertical-align: middle;
}

.blockLink img {
	display: inline-block;
	height: 40px;
	width: 40px;
	margin-right: 6px;
	border-right: 2px solid #eee;
	padding: 10px 10px;
	vertical-align: middle;
}

.btn-reddit {
	position: relative;
	color: white;
	border-radius: 6px;
	background-color: #3dc1ce;
	transition: all 200ms;
	text-shadow: 0 0 5px rgba(0,0,0,0.35);
	
	background: -webkit-linear-gradient(left, #ff4300 0%, #ff8b60 100%);
	background: -moz-linear-gradient(left, #ff4300 0%, #ff8b60 100%);
	background: -ms-linear-gradient(left, #ff4300 0%, #ff8b60 100%);
	background: -o-linear-gradient(left, #ff4300 0%, #ff8b60 100%);
	background: linear-gradient(left, #ff4300 0%, #ff8b60 100%);
}

.btn-reddit i {
	color: white;
}

.btn-reddit span {
	position: relative;
	color: white !important;
	z-index: 3;
}

.btn-reddit::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 6px;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	transition: all 200ms;
	
	background: -webkit-linear-gradient(left, #ed001c 0%, #ff8700 100%);
	background: -moz-linear-gradient(left, #ed001c 0%, #ff8700 100%);
	background: -ms-linear-gradient(left, #ed001c 0%, #ff8700 100%);
	background: -o-linear-gradient(left, #ed001c 0%, #ff8700 100%);
	background: linear-gradient(left, #ed001c 0%, #ff8700 100%);
}

.btn-reddit::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 6px;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	transition: all 200ms;
	
	background: -webkit-linear-gradient(left, #ed001c 0%, #ce6d00 100%);
	background: -moz-linear-gradient(left, #ed001c 0%, #ce6d00 100%);
	background: -ms-linear-gradient(left, #ed001c 0%, #ce6d00 100%);
	background: -o-linear-gradient(left, #ed001c 0%, #ce6d00 100%);
	background: linear-gradient(left, #ed001c 0%, #ce6d00 100%);
}

.btn-reddit:hover::before,
.btn-reddit:focus::after,
.btn-reddit:active::after,
.btn-reddit:hover:focus::after {
	opacity: 1;
	visibility: visible;
}

.btn-bscscan {
	position: relative;
	color: white;
	border-radius: 6px;
	background-color: #3dc1ce;
	transition: all 200ms;
	text-shadow: 0 0 5px rgba(0,0,0,0.35);
	
	background: -webkit-linear-gradient(left, #000 0%, #f0b90b 100%);
	background: -moz-linear-gradient(left, #000 0%, #f0b90b 100%);
	background: -ms-linear-gradient(left, #000 0%, #f0b90b 100%);
	background: -o-linear-gradient(left, #000 0%, #f0b90b 100%);
	background: linear-gradient(left, #000 0%, #f0b90b 100%);
}

.btn-bscscan span {
	position: relative;
	color: white !important;
	z-index: 3;
}

.btn-bscscan::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 6px;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	transition: all 200ms;
	
	background: -webkit-linear-gradient(left, #000 20%, #f0b90b 100%);
	background: -moz-linear-gradient(left, #000 20%, #f0b90b 100%);
	background: -ms-linear-gradient(left, #000 20%, #f0b90b 100%);
	background: -o-linear-gradient(left, #000 20%, #f0b90b 100%);
	background: linear-gradient(left, #000 20%, #f0b90b 100%);
}

.btn-bscscan::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 6px;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	transition: all 200ms;
	
	background: -webkit-linear-gradient(left, #000 40%, #f0b90b 100%);
	background: -moz-linear-gradient(left, #000 40%, #f0b90b 100%);
	background: -ms-linear-gradient(left, #000 40%, #f0b90b 100%);
	background: -o-linear-gradient(left, #000 40%, #f0b90b 100%);
	background: linear-gradient(left, #000 40%, #f0b90b 100%);
}

.btn-bscscan:hover::before,
.btn-bscscan:focus::after,
.btn-bscscan:active::after,
.btn-bscscan:hover:focus::after {
	opacity: 1;
	visibility: visible;
}

/** Social media icons **/

.fa-facebook,
.fa-facebook-f,
.fa-facebook-square {
	color: #3b5998;
}

.fa-twitter {
	color: #00aced;
}

.fa-reddit,
.fa-reddit-alien {
	color: #ff5700;
}

.fa-instagram {
	color: #f09433;

	background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.fa-medium,
.fa-medium-m {
	color: #323232;
}

/** Header **/

header {
	width: 100%;
}

header #mobileMenu {
	display: none;
	position: absolute;
	top: 40px;
	right: 40px;
	height: 50px;
	width: 50px;
	cursor: pointer;
	z-index: 100;
}

header #mobileMenu span {
	display: block;
	position: absolute;
	left: 5px;
	width: 40px;
	height: 4px;
	border-radius: 6px;
	background-color: #3dc1ce;
	box-shadow: 0 0 5px 0 rgba(255,255,255,0.25);
	transition: all 200ms;
}

header #mobileMenu:hover span {
	box-shadow: 0 0 5px 0 rgba(255,255,255,0.5);
}

header #mobileMenu span:nth-child(1) {
	top: 10px;
}

header #mobileMenu span:nth-child(2) {
	top: 23px;
}

header #mobileMenu span:nth-child(3) {
	bottom: 10px;
}

header[data-mobile-state="open"] #mobileMenu span:nth-child(1),
header[data-mobile-state="open"] #mobileMenu span:nth-child(3) {
	top: 24px;
	background-color: #323232;
	box-shadow: none;
}

header[data-mobile-state="open"] #mobileMenu span:nth-child(1) {
	transform: rotate(45deg);
}

header[data-mobile-state="open"] #mobileMenu span:nth-child(3) {
	transform: rotate(-45deg);
}

header[data-mobile-state="open"] #mobileMenu span:nth-child(2) {
	display: none;
}

header .container {
	padding: 50px 15px;
	font-size: 0;
}

header .headerLeft {
	display: inline-block;
	width: 200px;
	vertical-align: middle;
}

header .headerLeft img {
	max-width: 200px;
}

header .headerRight .whiteLogo {
	display: none;
	position: absolute;
	top: 50px;
	left: 40px;
	max-width: 200px;
	z-index: 100;
}

header ul {
	display: inline-block;
	width: calc(100% - 200px);
	margin: 0;
	padding: 0;
	text-align: right;
	list-style-type: none;
	vertical-align: middle;
}

header ul li {
	display: inline-block;
}

header ul li a {
	background-color: transparent !important;
	padding: 6px 20px;
	font-size: 18px;
	font-weight: 500;
	font-family: Montserrat;
	color: #323232;
	letter-spacing: 0.4px;
}

header ul li a:hover,
header ul li.currentMenuItem a {
	color: #3dc1ce;
}

header ul li a:focus,
header ul li a:active,
header ul li a:hover:active {
	color: #37abb7;
}

header ul li:last-child a {
	margin-right: -20px;
}

header ul li#homeLogin a {
	margin-left: 10px;
	border: 2px solid #3dc1ce;
	border-radius: 8px;
}

header ul li#homeLogin:hover a {

}

header ul li#homeRegister a {
	margin-left: 14px;
	color: white;
	background-color: #3dc1ce !important;
	border: 2px solid #3dc1ce;
	border-radius: 8px;
}

/** Footer **/

footer {
	background-color: #323232;
	color: white;
}

footer .container {
	padding: 50px 0;
}

footer .footerLogoColumn p {
	font-size: 20px;
	font-weight: 500;
	font-family: Montserrat;
	word-spacing: 2px;
	letter-spacing: 0.8px;
}

footer .footerLogoColumn img {
	max-width: 250px;
	margin-bottom: 2px;
}

footer h2 {
	font-size: 18px;
	margin: 20px 0 15px;
}

footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0 4px;
}

footer ul li {
	margin: 10px 0;
	font-size: 14px;
	color: #888;
}

footer ul li a {
	color: #888;
}

footer ul li a:hover {
	color: #aaa;
}

footer ul li a:focus,
footer ul li a:active,
footer ul li a:hover:active {
	color: #ccc;
}

footer .footerBottom {
	margin-top: 50px;
}

footer .footerBottom p {
	margin: 0;
	font-size: 12px;
}

/** GDPR Notice **/

.gdpr {
	padding: 15px;
	margin: 0 auto;
	max-width: 400px;
	background-color: #323232;
	text-align: center;
	border: 1px solid #555;
	border-radius: 10px 10px 0 0;
	border-bottom: none;
	box-shadow: 0 3px 6px 0px rgba(0,0,0,0.25);
}

.gdpr p {
	color: white;
	font-size: 14px !important;
}

.gdpr a {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background-color: #3dc1ce;
	border-color: transparent;
	border-radius: 6px;
	border-width: 0;
	transition: all 200ms;
}

.gdpr a:hover {
	color: #fff;
	background-color: #37abb7;
	border-color: transparent;
}

.gdpr a:focus,
.gdpr a:active {
	color: #fff;
	background-color: #308e98;
	border-color: transparent;
	box-shadow: none;
}

/** Container **/

.container {
	width: 90vw;
}

.container.containColumns {
	width: calc(90vw + 50px);
}

.container.containColumns > div {
	padding: 0 25px;
}

.container .bgBoxColumn {
	padding: 25px 25px;
	border-radius: 10px;
	background-color: #eee;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
}

.container.containColumns .padBoxColumn {
	padding: 25px 0;
}

.container.containColumns .padBoxColumnLeft {
	padding: 25px 25px 25px 0px;
}

.container.containColumns .padBoxColumnRight {
	padding: 25px 0px 25px 25px;
}

/** Sections **/

.section:not(.sectionHero) {
	margin-bottom: 50px;
}

.boxHeaderSub {
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: 700;
	font-family: Montserrat;
	color: #888;
	line-height: 1;
}

.flexContainer {
	display: flex;
}

.flexContainer > div {
	display: flex;
	flex-direction: column;
}

.flexContainer > div > div {
	flex-grow: 1;
}

.flexContainer > div > div > div.middleDiv {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.betaTag {
	position: relative;
	padding: 0 2px;
	font-weight: 700;
	color: #f37043;
}

p .betaTag{
	top: -10px;
	margin-left: -2px;
	margin-right: -30px;
	font-size: 8px;
	letter-spacing: 1px;
}

li .betaTag{
	top: -10px;
	margin-left: -2px;
	margin-right: -2px;
	font-size: 8px;
	letter-spacing: 1px;
}

h2 .betaTag {
	position: relative;
	top: -19px;
	margin-left: -2px;
	margin-right: -30px;
	padding: 0 2px;
	font-size: 10px;
	font-weight: 700;
	color: #f37043;
	letter-spacing: 2px;
	background: #f37043;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

a.readMore {
	display: inline-block;
	margin-top: 10px;
	padding: 8px 16px;
	font-size: 20px;
	font-weight: 500;
	font-family: Montserrat;
	line-height: 1;
	border: 2px solid #3dc1ce;
	border-radius: 8px;
}

/** Index page **/

.hasFullHero header {
	position: absolute;
	top: 0px;
	z-index: 99;
}

.hasFullHero header ul li a {
	color: white;
	text-shadow: 0 0 5px rgba(0,0,0,0.35);
}

.hasFullHero header ul li a:hover,
.hasFullHero header ul li.currentMenuItem a:hover {
	color: #50e0d1;
}

.hasFullHero header ul li a:focus,
.hasFullHero header ul li a:active,
.hasFullHero header ul li a:hover:active {
	color: #37abb7;
}

.sectionHero {
	height: 100vh;
	margin-bottom: 0px !important;
}

.sectionHero .heroMask,
.sectionHero .heroBg {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.sectionHero .heroBg {
	z-index: 1;
}

.sectionHero .heroMask {
	background-color: rgba(0,0,0,0.65);
	z-index: 2;
}

.sectionHero .container {
	padding-top: 140px;
}

.sectionHero .container > div {
	position: relative;
	z-index: 3;
}

.sectionHero.heroMain .container > div {
	width: 60%;
}

.sectionHero hr {
	width: 60px;
	border-width: 4px;
	border-color: #3dc1ce;
	display: inline-block;
	box-shadow: 0 0 5px 0 rgba(255,255,255,0.5);
}

.sectionHero.heroMain h1 {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 120px;
	font-weight: 700;
	text-align: left;
	color: #3dc1ce;
	line-height: 1;
	background: -webkit-linear-gradient(80deg, #3dc1ce 30%, #ffffff 75%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 10px rgba(255,255,255,0.3);
}

.sectionHero.heroMain p {
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: 500;
	font-family: Montserrat;
	color: white;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.sectionHero.heroMain a.heroCta {
	padding: 10px 24px;
	font-size: 28px;
	font-weight: 500;
	font-family: Montserrat;
	color: white;
	border-radius: 10px;
	border: 2px solid white;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.sectionIntro .introBox {
	padding: 50px 50px;
	border-radius: 0 0 10px 10px;
	background-color: #eee;
	background-image: url('../img/bgElementSm-TopRight.png');
	background-repeat: no-repeat;
	background-position: calc(100% + 200px) -300px;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
	overflow: auto;
}

.sectionIntro .introBox .introLeft {
	width: 55%;
	float: left;
}

.sectionIntro .introBox h2 {
	color: #323232;
	font-size: 75px;
	font-weight: 700;
}

.sectionIntro .introBox p {
	margin-bottom: 0px;
	font-size: 36px;
}

.sectionIntro .introBox .introRight {
	padding: 20px 100px;
	width: 45%;
	float: left;
}

.sectionGetStarted .bgBoxColumn p {
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 1.7;
}

.sectionShowcase .showcasePreview {
	height: 350px;
	background-image: url('../img/demoHome-480.jpg');
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: 0 0 42px 0 rgba(0,0,0,0.25) inset;
	border-radius: 10px;
	transition: background-position 5000ms linear;
}

.sectionShowcase .showcasePreview:hover {
	background-position: center bottom;
}

.sectionShowcase p:not(.boxHeaderSub) {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.7;
}

.sectionHeader .container {
	position: relative;
	padding: 100px 15px 0;
}

.sectionHeader .sectionHeaderLeft {
	width: 60%;
	float: left;
}

.sectionHeader .sectionHeaderRight {
	width: 40%;
	float: left;
}

.sectionHeader h2 {
	color: #323232;
	font-size: 60px;
	font-weight: 700;
}

.sectionHeader p {
	color: #323232;
	font-size: 30px;
}

.plainButton {
	display: inline-block;
	margin: 5px 0 0;
	border: 3px solid #3dc1ce;
	padding: 6px 20px;
	border-radius: 10px;
	font-size: 24px;
	font-weight: 700;
	font-family: Montserrat;
}

.sectionFeedback .feedbackImgBox {
	background-image: url('../img/feedbackBg.jpg');
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	border-radius: 10px;
}

.sectionFeedback .feedbackImgBox img {
	position: absolute;
	bottom: 0px;
	left: 50%;
	max-width: 350px;
	transform: translateX(-50%);
}

.sectionFeedback .feedbackTxtBox {
	
}

.sectionFeedback .feedbackTxtBox .feedbackBlock {
	margin-bottom: 40px;
}

.sectionFeedback .feedbackTxtBox .feedbackBlock:last-child {
	margin-bottom: 0px;
}

.sectionFeedback .feedbackTxtBox .feedbackBlock p.feedbackQuote {
	margin-bottom: 12px;
	font-family: Open Sans;
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 1.3;
}

.sectionFeedback .feedbackTxtBox .feedbackBlock p.feedbackCust {
	padding-bottom: 2px;
	margin-bottom: 0;
	font-family: Montserrat;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0px;
	line-height: 1;
	color: #3dc1ce;
	line-height: 1;
	background: -webkit-linear-gradient(70deg, #377379 0%, #3dc1ce 20%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.sectionFeedback .feedbackTxtBox .feedbackBlock p.feedbackCo {
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0px;
}

.sectionFeedback .container2 {
	padding: 50px 0;
}

.sectionFeedback .container2 img {
	max-width: 120px;
	margin: 0 auto;
}

.sectionToken {
	
}

.tokenPages a.readMore {
	display: none;
}

.sectionToken p {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.7;
}

.sectionToken p:last-child {
	margin-bottom: 0;
}

.sectionToken .tokenImgBox {
	background-image: url('../img/tokenBg.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 10px;
}

.sectionToken .tokenImgBox span {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 180px;
	padding: 30px;
	border-radius: 50%;
	border: 6px solid #3dc1ce;
	background-color: rgba(255,255,255,0.5);
	box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.25);
	transform: translate(-50%, -50%);
	transition: all 2000ms;
}

.sectionToken .tokenImgBox span img {
	transition: all 2000ms;
}

.sectionToken .tokenImgBox:hover span {
	transform: translate(-50%, -50%) scale(1.25);
}

.sectionPrivateIntro p {
	font-size: 18px;
	line-height: 1.7;
}

.sectionPrivateIntro .privateSaleImgBox {
	border-radius: 10px;
	background: url('../img/bgElementSm-TopLeft.png') no-repeat -75px -75px, url('../img/bgElementLg-BottomRight.png') no-repeat calc(100% + 75px) calc(100% + 135px), -webkit-linear-gradient(-30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementSm-TopLeft.png') no-repeat -75px -75px, url('../img/bgElementLg-BottomRight.png') no-repeat calc(100% + 75px) calc(100% + 135px), -moz-linear-gradient(-30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementSm-TopLeft.png') no-repeat -75px -75px, url('../img/bgElementLg-BottomRight.png') no-repeat calc(100% + 75px) calc(100% + 135px), -ms-linear-gradient(-30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementSm-TopLeft.png') no-repeat -75px -75px, url('../img/bgElementLg-BottomRight.png') no-repeat calc(100% + 75px) calc(100% + 135px), -o-linear-gradient(-30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementSm-TopLeft.png') no-repeat -75px -75px, url('../img/bgElementLg-BottomRight.png') no-repeat calc(100% + 75px) calc(100% + 135px), linear-gradient(-30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background-size: 200px, 300px, auto;
}

.sectionPrivateIntro .privateSaleImgBox img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-height: 200px;
	transform: translate(-50%, -50%);
	transition: all 5000ms;
}

.sectionPrivateIntro .privateSaleImgBox:hover img {
	transform: translate(-50%, -50%) scale(1.25);
	transform-origin: bottom;
}

.sectionPrivateSpecs h3 {
	margin-bottom: 2px;
	font-size: 22px;
}

.sectionPrivateSpecs p {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.7;
}

.sectionPrivateSpecs p:last-child {
	margin-bottom: 0px;
}

.sectionPrivateSpecs .specsImgBox {
	border-radius: 10px;
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 75px) calc(-75px), url('../img/bgElementSm-BottomLeft.png') no-repeat -75px calc(100% + 135px), -webkit-linear-gradient(30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 75px) calc(-75px), url('../img/bgElementSm-BottomLeft.png') no-repeat -75px calc(100% + 135px), -moz-linear-gradient(30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 75px) calc(-75px), url('../img/bgElementSm-BottomLeft.png') no-repeat -75px calc(100% + 135px), -ms-linear-gradient(30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 75px) calc(-75px), url('../img/bgElementSm-BottomLeft.png') no-repeat -75px calc(100% + 135px), -o-linear-gradient(30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 75px) calc(-75px), url('../img/bgElementSm-BottomLeft.png') no-repeat -75px calc(100% + 135px), linear-gradient(30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background-size: 200px, 300px, auto;
}

.sectionPrivateSpecs .specsImgBox img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 250px;
	transform: translate(-50%, -50%);
	transition: all 2000ms;
}

.sectionPrivateSpecs .specsImgBox:hover img {
	transform: translate(-50%, -50%) scale(1.25);
}

.sectionPlans .container,
.sectionPlans .container > div {
	display: flex;
}

.sectionPlans .tabletFlexContainer {
	display: none;
}

.sectionPlans .plansBoxes h2 {
	margin: 0 0 -115px;
	padding: 25px 0 130px;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 2px;
	color: white;
	text-shadow: 0px 0px 5px rgba(38,65,97,0.5);
	background-color: #3dc1ce;
	box-shadow: 0px -25px 50px 0 rgba(0,0,0,0.1) inset;
}

.sectionPlans .plansBoxes {
	position: relative;
	display: flex;
	padding: 0;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	text-align: center;
	flex-direction: column;
	flex-grow: 1;
	overflow: hidden;
	border-radius: 10px;
	background-color: white;
}

.sectionPlans .plansBoxes .plansFeatured {
	position: absolute;
	top: 25px;
	right: -60px;
	width: 200px;
	transform: rotate(45deg);
}

.sectionPlans .plansBoxes .plansFeatured p {
	margin: 0;
	font-size: 12px;
	font-family: Montserrat;
	font-weight: 700;
	color: white;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #f37043;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.05) inset;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
	cursor: default;
}

.sectionPlans .plansBoxes .plansPrices {
	position: relative;
	display: inline-block;
	height: 235px;
	width: 245px;
	padding: 45px 0 0;
	margin: 0 auto 15px;
	border-radius: 50%;
	border: 10px solid white;
	background-color: #f5f6fb;
	box-shadow: 0px -25px 50px 0 rgba(61,193,206,0.25) inset;
	text-shadow: 0px 0px 10px rgba(255,255,255,1);
	cursor: default;
}

.sectionPlans .plansBoxes .plansPrices .plansPriceNumber {
	margin-left: -10px;
	margin-bottom: 0;
	font-size: 100px;
	font-weight: 500;
	font-family: Montserrat;
	color: #325053;
	letter-spacing: -5px;
	line-height: 1;
}

.sectionPlans .plansBoxes .plansPrices sup {
	top: -52px;
	left: -5px;
	font-size: 22px;
	font-weight: 700;
	color: #323232;
}

.sectionPlans .plansBoxes .plansPrices .plansPeriod {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	font-family: Montserrat;
	line-height: 1;
	letter-spacing: 2px;
}

.sectionPlans .plansBoxes .plansPrices .plansCheaper {
	font-size: 18px;
	font-family: Montserrat;
	font-weight: 700;
	color: #f37043;
	line-height: 1.4;
}

.sectionPlans .plansBoxes .plansLimit {
	font-size: 22px;
	font-weight: 700;
	font-family: Montserrat;
	color: #3dc1ce;
	line-height: 1;
	margin-bottom: 0;
	cursor: default;
}

.sectionPlans .plansBoxes .plansInclude {
	flex-grow: 1;
}

.sectionPlans .plansBoxes .plansInclude b {
	font-weight: 700;
	font-family: Montserrat;
	color: #3dc1ce;
}

.sectionPlans .plansBoxes .plansInclude strong {
	display: block;
	font-family: Montserrat;
	font-size: 24px;
	line-height: 1;
	color: #325053;
}

.sectionPlans .plansBoxes .plansInclude strong.plansShowcase {
	font-size: 28px;
}

.sectionPlans .plansBoxes .plansInclude strong .betaTag {
	top: -16px;
	left: -3px;
}

.sectionPlans .plansBoxes .plansInclude p {
	font-size: 18px;
	line-height: 1.25;
	cursor: default;
	margin-bottom: 15px;
}

.sectionPlans .plansBoxes .plansInclude p:first-child b {
	color: #325053;
}

.sectionPlans .plansBoxes .plansInclude p:last-child {
	margin-bottom: 12px;
}

.sectionPlans .plansBoxes .plansAdvertising p {
	font-size: 22px;
	font-family: Montserrat;
	font-weight: 600;
	color: #325053;
}

.sectionPlans .plansBoxes .plansAdvertising span {
	color: #3dc1ce;
}

.sectionPlans .plansBoxes .plansBillingCycle {
	width: 100%;
	margin-bottom: 15px;
}

.sectionPlans .plansBoxes .plansBillingCycle:before {
	content: " ";
	position: absolute;
	left: 40px;
	height: 0;
	width: 0;
	margin-top: 2px;
	border-left-color: #3dc1ce !important;
	border: 10px solid transparent;
	pointer-events: none;
}

.sectionPlans .plansBoxes .plansBillingCycle::after {
	content: " ";
	position: absolute;
	right: 40px;
	height: 0;
	width: 0;
	margin-top: 2px;
	border-right-color: #3dc1ce !important;
	border: 10px solid transparent;
	pointer-events: none;
}

.sectionPlans .plansBoxes .plansBillingCycle p {
	margin: 0;
	padding: 0px 5px 5px;
	border-bottom: 3px solid transparent;
	font-weight: 700;
	font-family: Montserrat;
	color: #888;
	background-color: white;
	text-align: center;
	transition: all 200ms;
}

.sectionPlans .plansBoxes .plansBillingCycle p:hover {
	color: #777;
	border-bottom-color: rgba(61,193,206,0.25);
}

.sectionPlans .plansBoxes .plansBillingCycle input {
	display: none;
}

.sectionPlans .plansBoxes .plansBillingCycle input:checked + p {
	color: #f37043;
	border-bottom-color: #323232;
}

.sectionPlans .plansBoxes .plansBillingCycle label {
	display: inline-block;
	margin: 0 -3px 0 0;
	padding: 0;
	width: 30%;
}

.sectionPlans .plansBoxes .plansBillingCycle label:last-child {
	margin: 0
}

.sectionPlans .plansBoxes hr {
	width: 80% !important;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	border-width: 1px !important;
	border-color: #eeeeee !important;
}

.sectionPlans .plansBoxes button,
.sectionPlans .plansBoxes .freeButton {
	border: none;
	margin-bottom: 0;
	text-align: center;
	font-size: 26px;
}

.sectionPlans .plansBoxes .freeButton,
.sectionPlans .plansBoxes .freeButton::before,
.sectionPlans .plansBoxes .freeButton::after,
.sectionPlans .plansBoxes button,
.sectionPlans .plansBoxes button::before,
.sectionPlans .plansBoxes button::after {
	display: block;
	min-width: 100%;
	padding: 15px 40px 15px 30px;
	border-radius: 0;
	width: 100%;
}

.sectionDemo .container {
	position: relative;
}

.sectionDemo .container .demoMask {
	position: absolute;
	top: 40px;
	left: 15px;
	height: calc(100% - 46px);
	width: calc(100% - 30px);
	background-color: transparent;
}

.sectionDemo .container .demoMask::before {
	content: '';
	position: absolute;
	top: -40px;
	left: 0;
	height: 40px;
	width: calc(100% - 40px);
	background-color: transparent;
}

.sectionDemo .container .demoMask > div {
	position: absolute;
	top: -10px;
	right: 10px;
	max-width: 150px;
	padding-top: 48px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.sectionDemo:hover .container .demoMask > div {
	opacity: 1;
	visibility: visible;
}

.sectionDemo .container .demoMask > div img {
	position: absolute;
	top: 0px;
	right: 22px;
	max-width: 30px;
}

.sectionDemo .container .demoMask > div p {
	font-size: 18px;
	font-weight: 500;
	font-family: Montserrat;
	color: white;
	text-shadow: 0 0 5px rgba(0,0,0,0.75);
}

.sectionDemo iframe {
	min-height: 80vh;
	border-radius: 10px;
}

.section.sectionBegin {
	margin-bottom: 0px;
}

.sectionBegin .container > div {
	min-height: auto;
	padding: 50px 50px 0;
	border-radius: 10px 10px 0 0;
	text-align: center;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
	background-color: #3dc1ce;

	background: url('../img/bgElementLg-TopLeft.png') no-repeat -400px -550px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 400px) calc(100% + 350px), -webkit-linear-gradient(30deg, #3d58ce 0%, #3dc1ce 50%);
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -400px -550px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 400px) calc(100% + 350px), -moz-linear-gradient(30deg, #3d58ce 0%, #3dc1ce 50%);
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -400px -550px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 400px) calc(100% + 350px), -ms-linear-gradient(30deg, #3d58ce 0%, #3dc1ce 50%);
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -400px -550px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 400px) calc(100% + 350px), -o-linear-gradient(30deg, #3d58ce 0%, #3dc1ce 50%);
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -400px -550px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 400px) calc(100% + 350px), linear-gradient(30deg, #3d58ce 0%, #3dc1ce 50%);
}

.sectionBegin h2 {
	margin-bottom: 25px;
	font-size: 75px;
	font-weight: 700;
	color: white;
	text-shadow: 0 0 5px rgba(255,255,255,0.25);
}

.sectionBegin a {
	display: inline-block;
	margin: 5px auto 30px;
	border: 3px solid white;
	padding: 6px 20px;
	border-radius: 10px;
	font-size: 24px;
	font-weight: 700;
	font-family: Montserrat;
	color: white;
}

.sectionBegin img {
	display: block;
	margin: 0 auto;
}

.sectionFaq .qaBlock {
	padding: 30px 10px 15px;
	border-bottom: 1px solid rgba(61,193,206,0.25);
}

.sectionFaq .qaBlockFirst {
	padding-top: 10px;
}

.sectionFaq .qaBlock:last-child {
	padding-bottom: 0px;
	border-bottom: none;
}

.sectionFaq .qaBlock h3 {
	margin-top: 0px;
	font-size: 22px;
	font-weight: 400;
	font-family: Open Sans;
	color: #377379;
	letter-spacing: 0.8px;
}

.sectionFaq .qaBlock p {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.5px;
}

.sectionFaq .aboutSidebar p {
	font-size: 18px;
	line-height: 1.7;
}

.sectionFaq .aboutSidebar hr {
	border-color: rgba(61,193,206,0.5);
}

.sectionFaq .aboutSidebar p:last-child {
	margin-bottom: 0px;
}

.sectionFaq .aboutSidebar .sidebarSocial ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 10px;
	font-size: 0;
	text-align: center;
}

.sectionFaq .aboutSidebar .sidebarSocial ul li {
	display: inline-block;
	width: 25%;
}

.sectionFaq .aboutSidebar .sidebarSocial ul li i {
	font-size: 50px;
}

.sectionFaq .aboutSidebar .sidebarContact p {
	font-size: 16px;
	padding-left: 26px;
	line-height: 1.3;
}

.sectionFaq .aboutSidebar .sidebarContact p strong {
	display: inline-block;
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: 500;
	font-family: Montserrat;
	color: #377379;
}

.sectionFaq .aboutSidebar .sidebarContact p a {
	color: #377379;
}

.sectionFaq .aboutSidebar .sidebarContact p a:hover {
	color: #308e98;
}

.sectionFaq .aboutSidebar .sidebarContact p a:focus,
.sectionFaq .aboutSidebar .sidebarContact p a:active,
.sectionFaq .aboutSidebar .sidebarContact p a:hover:active {
	color: #325053;
}

.sectionFaq .aboutSidebar .sidebarContact p i {
	display: inline-block;
	width: 14px;
	margin-left: -24px;
	margin-right: 10px;
	text-align: right;
	color: #3dc1ce;
}

.sectionBenefits .container > div > div {
	text-align: center;
	padding: 0 50px;
}

.sectionBenefits .container img {
	max-width: 250px;
	margin: 0 auto 20px;
	transition: all 2000ms;
}

.sectionBenefits .container > div > div:hover img {
	transform: scale(1.15);
}

.sectionBenefits .container h3 {
	text-align: center;
	color: #3dc1ce;
	background: -webkit-linear-gradient(80deg, #377379 30%, #3dc1ce 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.sectionBenefits .container h3 br {
	display: none;
}

.sectionBenefits .container p {
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 1.7;
}

.sectionMining .container {
	margin-bottom: 50px;
}

.sectionMining .container p {
	font-size: 18px;
	line-height: 1.7;
}

.sectionMining .container p:last-child {
	margin-bottom: 0px;
}

.sectionMining .miningImgBox {
	position: relative;
	border-radius: 10px;
	background-color: #3dc1ce;
}

.sectionMining .miningImgBox.miningImgBox1 {
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -100px -100px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 100px) calc(100% + 150px), -webkit-linear-gradient(30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -100px -100px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 100px) calc(100% + 150px), -moz-linear-gradient(30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -100px -100px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 100px) calc(100% + 150px), -ms-linear-gradient(30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -100px -100px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 100px) calc(100% + 150px), -o-linear-gradient(30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -100px -100px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 100px) calc(100% + 150px), linear-gradient(30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background-size: 400px, 300px, auto;
}

.sectionMining .miningImgBox.miningImgBox2 {
	background: url('../img/bgElementSm-TopLeft.png') no-repeat -100px -100px, url('../img/bgElementLg-BottomRight.png') no-repeat calc(100% + 100px) calc(100% + 150px), -webkit-linear-gradient(-30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementSm-TopLeft.png') no-repeat -100px -100px, url('../img/bgElementLg-BottomRight.png') no-repeat calc(100% + 100px) calc(100% + 150px), -moz-linear-gradient(-30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementSm-TopLeft.png') no-repeat -100px -100px, url('../img/bgElementLg-BottomRight.png') no-repeat calc(100% + 100px) calc(100% + 150px), -ms-linear-gradient(-30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementSm-TopLeft.png') no-repeat -100px -100px, url('../img/bgElementLg-BottomRight.png') no-repeat calc(100% + 100px) calc(100% + 150px), -o-linear-gradient(-30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementSm-TopLeft.png') no-repeat -100px -100px, url('../img/bgElementLg-BottomRight.png') no-repeat calc(100% + 100px) calc(100% + 150px), linear-gradient(-30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background-size: 300px, 400px, auto;
}

.sectionMining .miningImgBox.miningImgBox3 {
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 100px) calc(-100px), url('../img/bgElementSm-BottomLeft.png') no-repeat -100px calc(100% + 150px), -webkit-linear-gradient(30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 100px) calc(-100px), url('../img/bgElementSm-BottomLeft.png') no-repeat -100px calc(100% + 150px), -moz-linear-gradient(30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 100px) calc(-100px), url('../img/bgElementSm-BottomLeft.png') no-repeat -100px calc(100% + 150px), -ms-linear-gradient(30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 100px) calc(-100px), url('../img/bgElementSm-BottomLeft.png') no-repeat -100px calc(100% + 150px), -o-linear-gradient(30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 100px) calc(-100px), url('../img/bgElementSm-BottomLeft.png') no-repeat -100px calc(100% + 150px), linear-gradient(30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background-size: 400px, 300px, auto;
}

.sectionMining .miningImgBox.miningImgBox4 {
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -100px -100px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 100px) calc(100% + 150px), -webkit-linear-gradient(-30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -100px -100px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 100px) calc(100% + 150px), -moz-linear-gradient(-30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -100px -100px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 100px) calc(100% + 150px), -ms-linear-gradient(-30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -100px -100px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 100px) calc(100% + 150px), -o-linear-gradient(-30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -100px -100px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 100px) calc(100% + 150px), linear-gradient(-30deg, rgba(61,193,206,0.25) 0%, #ffffff 80%);
	background-size: 400px, 300px, auto;
}

.sectionMining .miningImgBox.miningImgBox4 {

}

.sectionMining .miningImgBox img {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	max-height: 90%;
	transform: translate(-50%, -50%);
	transform-origin: bottom;
	transition: all 2000ms;
}

.sectionMining .miningImgBox:hover img {
	transform: translate(-50%, -50%) scale(1.25);
}

.sectionTechnicals {
	margin-bottom: 30px !important;
}

.sectionTokenomics .tokenomicsTable {
	width: 100%;
	border: none;
	outline: none;
	box-shadow: none;
}

.sectionTokenomics .tokenomicsTable.tokenomicsTable1 {
	margin-bottom: 20px;
}

.sectionTokenomics .tokenomicsTable thead tr th {
	font-size: 30px;
	font-family: Montserrat;
}

.sectionTokenomics .tokenomicsTable.tokenomicsTable1 thead tr th {
	padding-bottom: 6px;
	line-height: 1;
}

.sectionTokenomics .tokenomicsTable.tokenomicsTable1 thead tr th:first-child {
	width: 40%;
}

.sectionTokenomics .tokenomicsTable.tokenomicsTable1 thead tr th:last-child {
	width: 60%;
}

.sectionTokenomics .tokenomicsTable.tokenomicsTable2 thead tr th:nth-child(1) {
	width: 22%;
}

.sectionTokenomics .tokenomicsTable.tokenomicsTable2 thead tr th:nth-child(2) {
	width: 13%;
}

.sectionTokenomics .tokenomicsTable.tokenomicsTable2 thead tr th:nth-child(3) {
	width: 65%;
}

.sectionTokenomics .tokenomicsTable thead tr.emptyRow th {
	font-size: 0;
}

.sectionTokenomics .tokenomicsTable tbody tr.emptyRow td {
	font-size: 10px;
}

.sectionTokenomics .tokenomicsTable tbody tr td {
	font-size: 20px;
}

.sectionTokenomics .tokenomicsTable tbody tr td:nth-child(2) {
	font-weight: 500;
	color: #377379;
}

.sectionTokenomics .tokenomicsTable.tokenomicsTable2 tbody tr td:nth-child(2) {
	text-align: center;
}

.sectionTokenomics .tokenomicsTable tbody tr td:nth-child(3) {
	position: relative;
	padding-left: 25px;
	font-size: 14px;
	color: #888;
}

.sectionTokenomics .tokenomicsTable tbody tr td:nth-child(3) i {
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(calc(-50% + 1px));
	color: rgba(61,193,206,0.75);
}

.sectionTokenomics .distributionTable {
	width: 100%;
	margin-top: 15px;
	border: none;
	outline: none;
	box-shadow: none;
}

.sectionTokenomics .distributionTable thead tr th {
	padding-bottom: 6px;
	font-size: 22px;
	font-family: Montserrat;
	font-weight: 500;
	color: #377379;
}

.sectionTokenomics .distributionTable thead tr th:nth-child(1) {
	width: 30%;
}
.sectionTokenomics .distributionTable thead tr th:nth-child(2) {
	width: 50%;
}
.sectionTokenomics .distributionTable thead tr th:nth-child(3) {
	width: 20%;
}

.sectionTokenomics .distributionTable tbody tr td {
	padding: 2px 0;
	font-size: 18px;
}

.sectionTokenomics .distributionTable thead tr th:nth-last-child(-n+2),
.sectionTokenomics .distributionTable tbody tr td:nth-last-child(-n+2) {
	text-align: center;
}

.sectionMining .miningFaqImgBox {
	border-radius: 10px;
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 150px) calc(-150px), url('../img/bgElementSm-BottomLeft.png') no-repeat -150px calc(100% + 150px), -webkit-linear-gradient(30deg, #3dc1ce 0%, #ffffff 50%);
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 150px) calc(-150px), url('../img/bgElementSm-BottomLeft.png') no-repeat -150px calc(100% + 150px), -moz-linear-gradient(30deg, #3dc1ce 0%, #ffffff 50%);
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 150px) calc(-150px), url('../img/bgElementSm-BottomLeft.png') no-repeat -150px calc(100% + 150px), -ms-linear-gradient(30deg, #3dc1ce 0%, #ffffff 50%);
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 150px) calc(-150px), url('../img/bgElementSm-BottomLeft.png') no-repeat -150px calc(100% + 150px), -o-linear-gradient(30deg, #3dc1ce 0%, #ffffff 50%);
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 150px) calc(-150px), url('../img/bgElementSm-BottomLeft.png') no-repeat -150px calc(100% + 150px), linear-gradient(30deg, #3dc1ce 0%, #ffffff 50%);
	background-size: 400px, 300px, auto;
}

.sectionMining .miningFaqImgBox img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 70%;
	transform: translate(-50%, -50%);
	transition: all 2000ms;
}

.sectionMining .miningFaqImgBox:hover img {
	transform: translate(-50%, -50%) scale(1.25);
}

.sectionMining .miningFaqBlock:not(:last-child) {
	margin-bottom: 22px;
}

.sectionMining .miningFaqBlock h2 {
	margin-bottom: 0px;
	font-size: 24px;
}

.sectionRoadmap .container {
	position: relative;
}

.sectionRoadmap .container {
	height: 100%;
}

.sectionRoadmap .roadmapWrapper {
	position: relative;
	padding: 100px 200px 0;
	font-size: 0;
	border-radius: 10px;
	z-index: 1;
	background-color: #eee;
	background-image: url('../img/bgElementSm-TopLeft.png'), url('../img/bgElementLg-BottomRight.png');
	background-repeat: no-repeat, no-repeat;
	background-position: -150px -200px, calc(100% + 200px) calc(100% + 250px);
	background-size: 400px, 600px, auto;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
	overflow: auto;
}

.sectionRoadmap .roadmapWrapper .sliderItem {
	position: relative;
	display: block;
	height: 250px;
	width: calc(100% / 5);
	margin-bottom: 30px;
	padding: 60px 20px 0;
	text-align: center;
}

.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="1"] { float: left; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="2"] { float: left; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="3"] { float: left; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="4"] { float: left; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="5"] { float: left; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="6"] { float: right; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="7"] { float: right; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="8"] { float: right; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="9"] { float: right; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="10"] { float: right; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="11"] { float: left; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="12"] { float: left; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="13"] { float: left; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="14"] { float: left; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="15"] { float: left; }

.sectionRoadmap .roadmapWrapper .sliderItem.sliderItemActive::before {
	content: '';
	position: absolute;
	top: 40px;
	left: 10px;
	height: calc(100% - 40px);
	width: calc(100% - 20px);
	border-radius: 0 0 50px 50px;
	border: 6px solid #3dc1ce;
	border-top: none;
	background: linear-gradient(30deg, rgba(61,193,206,0.25) 0%, #fff 80%);
	z-index: 3;
}

.sectionRoadmap .roadmapWrapper .sliderItem.sliderItemActive h2.roadmapHeader,
.sectionRoadmap .roadmapWrapper .sliderItem.sliderItemActive p.roadmapDetails,
.sectionRoadmap .roadmapWrapper .sliderItem.sliderItemActive a.roadmapLink {
	position: relative;
	z-index: 5;
}

.sectionRoadmap .roadmapWrapper .sliderItem.sliderItemActive h2.roadmapHeader {
	font-size: 22px;
}

.sectionRoadmap .roadmapWrapper .sliderItem.sliderItemActive h2.roadmapHeader br {
	display: none;
}

.sectionRoadmap .roadmapWrapper .sliderItem.sliderItemActive p.roadmapDetails {
	font-size: 16px;
	padding: 0 20px;
	text-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.sectionRoadmap .roadmapWrapper .sliderItem .road {
	position: absolute;
	top: 0px;
	width: calc(100% + 10px);
	height: 40px;
	background-color: #3dc1ce;
}

.sectionRoadmap .roadmapWrapper .sliderItem .road.roadDown {
	display: none;
	left: -10px;
	height: calc(100% + 30px);
	width: 40px;
	background-color: #3dc1ce;
}

.sectionRoadmap .roadmapWrapper .sliderItem .roadDown::after {
	content: '';
	position: absolute;
	left: 0px;
	bottom: -40px;
	height: 40px;
	width: 40px;
	border: 20px solid transparent;
}

.sectionRoadmap .roadmapWrapper .sliderItem .roadLeft {
	right: -20px;
	background: linear-gradient(to left, transparent 0%, #3dc1ce 30%);
}

.sectionRoadmap .roadmapWrapper .sliderItem .roadRight {
	left: -20px;
	background: linear-gradient(to right, transparent 0%, #3dc1ce 30%);
}

.sectionRoadmap .roadmapWrapper .sliderItem .roadLeft::after,
.sectionRoadmap .roadmapWrapper .sliderItem .roadRight::after {
	content: '';
	position: absolute;
	top: 0px;
	height: 40px;
	width: 40px;
	border: 20px solid transparent;
}

.sectionRoadmap .roadmapWrapper .sliderItem .roadLeft::after {
	left: -40px;
}

.sectionRoadmap .roadmapWrapper .sliderItem .roadRight::after {
	right: -40px;
}

/** Individual roads **/

.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="1"] .roadRight { left: -110px; width: calc(100% + 100px); background: linear-gradient(to right, transparent 0%, #efca5f 30%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="1"] .roadRight::after { border-left-color: #efca5f; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="1"] .roadDown { background: linear-gradient(to bottom, transparent 0%, #efca5f 30%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="1"] .roadDown::after { border-top-color: #efca5f; }

.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="2"] .roadRight { background: linear-gradient(to right, transparent 0%, #efca5f 30%, #ef975f 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="2"] .roadRight::after { border-left-color: #ef975f; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="2"] .roadDown { background: linear-gradient(to bottom, transparent 0%, #efca5f 30%, #ef975f 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="2"] .roadDown::after { border-top-color: #ef975f; }

.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="3"] .roadRight { background: linear-gradient(to right, transparent 0%, #ef975f 30%, #ef6b5f 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="3"] .roadRight::after { border-left-color: #ef6b5f; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="3"] .roadConnector { display: none; border-color: rgba(239,107,95,0.15); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="3"] .roadDown { background: linear-gradient(to bottom, transparent 0%, #ef975f 30%, #ef6b5f 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="3"] .roadDown::after { border-top-color: #ef6b5f; }

.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="4"] .roadLeft { display: none; background: linear-gradient(to left, transparent 0%, #ef6b5f 30%, #ef5f8c 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="4"] .roadLeft::after { border-right-color: #ef5f8c; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="4"] .roadRight { background: linear-gradient(to right, transparent 0%, #ef6b5f 30%, #ef5f8c 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="4"] .roadRight::after { border-left-color: #ef5f8c; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="4"] .roadDown { background: linear-gradient(to bottom, transparent 0%, #ef6b5f 30%, #ef5f8c 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="4"] .roadDown::after { border-top-color: #ef5f8c; }

.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="5"] .roadLeft { display: none; background: linear-gradient(to left, transparent 0%, #ef5f8c 30%, #eb5fb2 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="5"] .roadLeft::after { border-right-color: #eb5fb2; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="5"] .roadRight { background: linear-gradient(to right, transparent 0%, #ef5f8c 30%, #eb5fb2 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="5"] .roadRight::after { border-left-color: #eb5fb2; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="5"] .roadConnector { border-color: rgba(235,95,178,0.15); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="5"] .roadDown { background: linear-gradient(to bottom, transparent 0%, #ef5f8c 30%, #eb5fb2 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="5"] .roadDown::after { border-top-color: #eb5fb2; }

.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="6"] .roadLeft { background: linear-gradient(to left, transparent 0%, #eb5fb2 50%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="6"] .roadLeft::after { border-right-color: #eb5fb2; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="6"] .roadConnector { display: none; border-color: rgba(235,95,178,0.15); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="6"] .roadDown { background: linear-gradient(to bottom, transparent 0%, #eb5fb2 50%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="6"] .roadDown::after { border-top-color: #eb5fb2; }

.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="7"] .roadLeft { background: linear-gradient(to left, transparent 0%, #eb5fb2 30%, #d55fef 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="7"] .roadLeft::after { border-right-color: #d55fef; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="7"] .roadRight { display: none; background: linear-gradient(to right, transparent 0%, #eb5fb2 30%, #d55fef 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="7"] .roadRight::after { border-left-color: #d55fef; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="7"] .roadDown { background: linear-gradient(to bottom, transparent 0%, #eb5fb2 30%, #d55fef 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="7"] .roadDown::after { border-top-color: #d55fef; }

.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="8"] .roadLeft { background: linear-gradient(to left, transparent 0%, #d55fef 30%, #815fef 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="8"] .roadLeft::after { border-right-color: #815fef; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="8"] .roadRight { display: none; background: linear-gradient(to right, transparent 0%, #d55fef 30%, #815fef 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="8"] .roadRight::after { border-left-color: #815fef; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="8"] .roadDown { background: linear-gradient(to bottom, transparent 0%, #d55fef 30%, #815fef 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="8"] .roadDown::after { border-top-color: #815fef; }

.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="9"] .roadRight { display: none; background: linear-gradient(to right, transparent 0%, #815fef 30%, #9b5fef 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="9"] .roadRight::after { border-left-color: #9b5fef; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="9"] .roadLeft { background: linear-gradient(to left, transparent 0%, #815fef 30%, #9b5fef 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="9"] .roadLeft::after { border-right-color: #9b5fef; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="9"] .roadConnector { display: none; border-color: rgba(155,95,239,0.15); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="9"] .roadDown { background: linear-gradient(to bottom, transparent 0%, #815fef 30%, #9b5fef 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="9"] .roadDown::after { border-top-color: #9b5fef; }

.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="10"] .roadRight { display: none; background: linear-gradient(to right, transparent 0%, #9b5fef 30%, #5f8def 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="10"] .roadRight::after { border-left-color: #5f8def; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="10"] .roadLeft { background: linear-gradient(to left, transparent 0%, #9b5fef 30%, #5f8def 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="10"] .roadLeft::after { border-right-color: #5f8def; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="10"] .roadConnector { border-color: rgba(95,141,239,0.15); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="10"] .roadDown { background: linear-gradient(to bottom, transparent 0%, #9b5fef 30%, #5f8def 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="10"] .roadDown::after { border-top-color: #5f8def; }

.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="11"] .roadLeft { display: none; background: linear-gradient(to left, transparent 0%, #5f8def 50%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="11"] .roadLeft::after { border-right-color: #5f8def; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="11"] .roadRight { background: linear-gradient(to right, transparent 0%, #5f8def 50%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="11"] .roadRight::after { border-left-color: #5f8def; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="11"] .roadDown { background: linear-gradient(to bottom, transparent 0%, #5f8def 50%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="11"] .roadDown::after { border-top-color: #5f8def; }

.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="12"] .roadLeft { display: none; background: linear-gradient(to left, transparent 0%, #5f8def 30%, #5fb8ef 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="12"] .roadLeft::after { border-right-color: #5fb8ef; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="12"] .roadRight { background: linear-gradient(to right, transparent 0%, #5f8def 30%, #5fb8ef 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="12"] .roadRight::after { border-left-color: #5fb8ef; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="12"] .roadConnector { display: none; border-color: rgba(95,141,239,0.15); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="12"] .roadDown { background: linear-gradient(to bottom, transparent 0%, #5f8def 30%, #5fb8ef 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="12"] .roadDown::after { border-top-color: #5fb8ef; }

.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="13"] .roadLeft { display: none; background: linear-gradient(to left, transparent 0%, #5fb8ef 30%, #5fceeb 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="13"] .roadLeft::after { border-right-color: #5fceeb; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="13"] .roadRight { background: linear-gradient(to right, transparent 0%, #5fb8ef 30%, #5fceeb 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="13"] .roadRight::after { border-left-color: #5fceeb; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="13"] .roadDown { background: linear-gradient(to bottom, transparent 0%, #5fb8ef 30%, #5fceeb 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="13"] .roadDown::after { border-top-color: #5fceeb; }

.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="14"] .roadLeft { display: none; background: linear-gradient(to left, transparent 0%, #5fceeb 30%, #5fe2d9 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="14"] .roadLeft::after { border-right-color: #5fe2d9; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="14"] .roadRight { background: linear-gradient(to right, transparent 0%, #5fceeb 30%, #5fe2d9 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="14"] .roadRight::after { border-left-color: #5fe2d9; }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="14"] .roadDown { background: linear-gradient(to bottom, transparent 0%, #5fceeb 30%, #5fe2d9 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="14"] .roadDown::after { border-top-color: #5fe2d9; }

.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="15"] .roadLeft { display: none; background: linear-gradient(to left, transparent 0%, #5fe2d9 30%, rgba(95,239,179,0.85) 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="15"] .roadLeft::after { border-right-color: rgba(95,239,179,0.85); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="15"] .roadRight { width: calc(100% + 50px); background: linear-gradient(to right, transparent 0%, #5fe2d9 30%, rgba(95,239,179,0.85) 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="15"] .roadRight::after { border-left-color: rgba(95,239,179,0.85); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="15"] .roadDown { background: linear-gradient(to bottom, transparent 0%, #5fe2d9 30%, rgba(95,239,179,0.85) 75%); }
.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="15"] .roadDown::after { border-top-color: rgba(95,239,179,0.85); }

.sectionRoadmap .roadmapWrapper .roadConnector {
	position: absolute;
	top: 0px;
	height: calc(100% + 70px);
	width: 60%;
	border-radius: 50px;
	z-index: -1;
}

.sectionRoadmap .roadmapWrapper .roadConnector::after {
	content: '';
	position: absolute;
	top: -40px;
	height: calc(100% + 80px);
	width: calc(100% + 80px);
	z-index: -1;
}

.sectionRoadmap .roadmapWrapper .roadConnector.roadConnectorLeft {
	left: -25%;
	border-width: 40px;
	border-style: solid;
}

.sectionRoadmap .roadmapWrapper .roadConnector.roadConnectorRight {
	right: -25%;
	border-width: 40px;
	border-style: solid;
}

.sectionRoadmap .roadmapWrapper .roadConnector.roadConnectorLeft::after {
	right: -40px;
	background: linear-gradient(to left, #eee 50%, transparent 75%);
}

.sectionRoadmap .roadmapWrapper .roadConnector.roadConnectorRight::after {
	left: -40px;
	background: linear-gradient(to right, #eee 50%, transparent 75%);
}

.sectionRoadmap .roadmapWrapper .sliderItem .roadmapDate {
	position: absolute;
	top: 12px;
	width: calc(100% - 40px);
	margin: 0 0 4px;
	font-size: 14px;
	font-weight: 700;
	font-family: Montserrat;
	color: white;
	text-align: center;
	text-shadow: 0 0 8px rgba(0,0,0,0.5);
}

.sectionRoadmap .roadmapWrapper .sliderItem .roadmapHeader {
	max-width: 350px;
	margin: 0 auto 4px;
	font-size: 18px;
	font-weight: 700;
	font-family: Montserrat;
	text-align: center;
	background: -webkit-linear-gradient(80deg, #377379 20%, #3dc1ce 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.sectionRoadmap .roadmapWrapper .sliderItem .roadmapDetails {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
}

.sectionRoadmap .roadmapWrapper .sliderItem .roadmapLink {
	display: inline-block;
	margin-top: 8px;
	padding: 0 2px;
	font-size: 18px;
	font-weight: 700;
	font-family: Montserrat;
	color: #377379;
	text-shadow: 0 0 10px white;
	border-bottom: 2px dotted #3dc1ce;
}

/** Individual pages common styles **/

.section.pageHero .container > div {
	padding: 50px 25px;
	border-radius: 10px;
	text-align: center;
	box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.1);
	background-color: #3dc1ce;

	background: url('../img/bgElementLg-TopLeft.png') no-repeat -400px -550px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 400px) calc(100% + 350px), -webkit-linear-gradient(30deg, #3d58ce 0%, #3dc1ce 50%);
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -400px -550px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 400px) calc(100% + 350px), -moz-linear-gradient(30deg, #3d58ce 0%, #3dc1ce 50%);
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -400px -550px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 400px) calc(100% + 350px), -ms-linear-gradient(30deg, #3d58ce 0%, #3dc1ce 50%);
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -400px -550px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 400px) calc(100% + 350px), -o-linear-gradient(30deg, #3d58ce 0%, #3dc1ce 50%);
	background: url('../img/bgElementLg-TopLeft.png') no-repeat -400px -550px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 400px) calc(100% + 350px), linear-gradient(30deg, #3d58ce 0%, #3dc1ce 50%);
}

.section.pageHero h1 {
	font-size: 60px;
	font-weight: 700;
	color: white;
}

.section.pageHero p {
	font-size: 36px;
	color: white;
}

.section.pageHero .blockLink {
	margin: 10px 10px 0;
}

.sectionContact .textCol {
	border-radius: 10px;
	background-size: cover;
}

.sectionContact .textCol > div {
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.1);
}

.sectionContact .textCol .contactMask {
	position: absolute;
	top: 0px;
	left: 25px;
	height: 100%;
	width: calc(100% - 50px);
	background-color: rgba(255,255,255,0.85);
	border-radius: 10px;
	z-index: 1;
}

.sectionContact .textCol .contactInfo {
	position: relative;
	height: 100%;
	width: 100%;
	z-index: 2;
}

.sectionContact .textCol .contactInfo > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.sectionContact .textCol .contactInfo > div > div {
	margin-bottom: 10px;
}

.sectionContact .textCol .contactInfo > div > div:first-child {
	margin-bottom: 15px;
}

.sectionContact .textCol .contactInfo strong {
	display: inline-block;
	margin-bottom: 4px;
	font-size: 26px;
	font-weight: 500;
	font-family: Montserrat;
	line-height: 1;
	color: #377379;
}

.sectionContact .textCol .contactInfo i {
	position: absolute;
	left: -30px;
	width: 30px;
	font-size: 18px;
	line-height: 26px;
	color: #377379;
}

.sectionContact .textCol .contactInfo p {
	margin-bottom: 0px;
	padding-left: 2px;
	font-size: 16px;
	font-weight: 500;
	font-family: Montserrat;
}

.sectionContact .formCol {
	
}

.sectionContact .formCol > div {
	border-radius: 10px;
	padding: 60px 50px 50px;
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 100px) calc(-100px), url('../img/bgElementSm-BottomLeft.png') no-repeat -100px calc(100% + 150px), -webkit-linear-gradient(30deg, rgba(61,193,206,0.5) 0%, rgba(61,193,206,0.3) 80%);
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 100px) calc(-100px), url('../img/bgElementSm-BottomLeft.png') no-repeat -100px calc(100% + 150px), -moz-linear-gradient(30deg, rgba(61,193,206,0.5) 0%, rgba(61,193,206,0.3) 80%);
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 100px) calc(-100px), url('../img/bgElementSm-BottomLeft.png') no-repeat -100px calc(100% + 150px), -ms-linear-gradient(30deg, rgba(61,193,206,0.5) 0%, rgba(61,193,206,0.3) 80%);
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 100px) calc(-100px), url('../img/bgElementSm-BottomLeft.png') no-repeat -100px calc(100% + 150px), -o-linear-gradient(30deg, rgba(61,193,206,0.5) 0%, rgba(61,193,206,0.3) 80%);
	background: url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 100px) calc(-100px), url('../img/bgElementSm-BottomLeft.png') no-repeat -100px calc(100% + 150px), linear-gradient(30deg, rgba(61,193,206,0.5) 0%, rgba(61,193,206,0.3) 80%);
	background-size: 350px, 250px, auto;
	box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.1);
}

.sectionContact .formCol .sendResult {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	z-index: 3;
	transition: all 200ms;
}

.sectionContact .formCol .sendResult > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.sectionContact .formCol .sendResult > div img {
	max-width: 200px;
	display: block;
	margin: 0 auto;
}

.sectionContact .formCol .sendResult > div p {
	font-size: 30px;
	font-weight: 700;
	font-family: Montserrat;
	color: #3dc1ce;
	background: -webkit-linear-gradient(80deg, #377379 30%, #3dc1ce 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.sectionContact .formCol .formFields {
	opacity: 1;
	visibility: visible;
	transition: all 200ms;
}

.sectionContact .formCol .form-group {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.sectionContact .formCol .form-group input:not(#not_human),
.sectionContact .formCol .form-group textarea {
	display: block;
	width: 100%;
	outline: none;
	border-radius: 10px;
	padding: 14px 20px;
	font-weight: 500;
	font-family: Montserrat;
	background: linear-gradient(30deg, white 50%, rgba(255,255,255,0.5) 80%);
	border: none;
	border-radius: 10px;
	box-shadow: none;
}

.sectionContact .formCol .form-group label {
	position: absolute;
	top: -12px;
	left: 0px;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	color: #555;
	background-color: white;
	padding: 2px 8px;
	border-radius: 6px 6px 0 0;
	transition: all 200ms;
}

.sectionContact .formCol .form-group input:hover + label,
.sectionContact .formCol .form-group textarea:hover + label {
	color: #3dc1ce;
}

.sectionContact .formCol .form-group input:focus + label,
.sectionContact .formCol .form-group input:active + label,
.sectionContact .formCol .form-group textarea:focus + label,
.sectionContact .formCol .form-group textarea:active + label {
	color: #377379;
	text-shadow: 0 0 2px rgba(61,193,206,0.25);
}

.sectionContact .formCol .form-group input:not(#not_human) {

}

.sectionContact .formCol .form-group textarea {
	resize: none;
}

.sectionContact .formCol .btn {
	font-size: 20px;
	font-weight: 500;
	font-family: Montserrat;
	border: none;
}

/** Blog pages - Not updated yet **/

.sectionBlogHome .blogHero > div {
	position: relative;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 10px;
}

.sectionBlogHome .blogHero > div .articleHeadline {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 0;
}

.sectionBlogHome .articleHeadline > div {
	overflow: auto;
	background-color: rgba(0,0,0,0.75);
	background-image: url(../img/blogHeadlineSpot.png);
	padding: 0 20px 5px;
	border-radius: 0 0 10px 10px;
}

.sectionBlogHome .featArticleCategory {
	display: inline-block;
	position: absolute;
	top: -25px;
	margin-top: 10px;
	margin-left: -8px;
	margin-bottom: 5px;
	padding: 5px 8px;
	font-size: 12px;
	font-weight: bold;
	color: #3dc1ce;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color: black;
}

.sectionBlogHome .articleHeadline h2 {
	margin-top: 16px;
	margin-bottom: 15px;
	font-size: 26px;
	font-family: Lato;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: capitalize;
	color: white;
	cursor: pointer;
}

.sectionBlogHome .blogHero1 .articleHeadline h2,
.sectionBlogHome .blogHero2 .articleHeadline h2 {
	margin-bottom: 5px;
}

.sectionBlogHome .articleHeadline h2::after,
.sectionBlogHome .blogHero1 .articleHeadline h3::after,
.sectionBlogHome .blogHero2 .articleHeadline h3::after {
	content: "Read More";
	font-family: Lato;
	font-size: 14px;
	font-weight: 700;
	text-transform: lowercase;
	color: #3dc1ce;
	margin-left: 5px;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.sectionBlogHome .blogHero1 .articleHeadline h2::after,
.sectionBlogHome .blogHero2 .articleHeadline h2::after {
	content: "";
	display: none;
}

.sectionBlogHome .articleHeadline:hover h2::after,
.sectionBlogHome .blogHero1 .articleHeadline:hover h3::after,
.sectionBlogHome .blogHero2 .articleHeadline:hover h3::after {
	opacity: 1;
	visibility: visible;
}

.sectionBlogHome .articleHeadline h3 {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 300;
	font-family: Lato;
	opacity: 0.85;
	color: white;
	cursor: pointer;
}

.sectionBlogHome .blogHero1 {
	height: 520px;
}

.sectionBlogHome .blogHero2 {
	height: 265px;
}

.sectionBlogHome .blogHero3,
.sectionBlogHome .blogHero4 {
	height: 225px;
	margin-top: 30px;
}

.sectionBlogList .blogList h2 {
	margin-top: 25px;
	margin-bottom: 30px;
	font-size: 30px;
	text-align: left;
}

.sectionBlogList .blogList .blogArticles {
	overflow: auto;
	margin-bottom: 25px;
	padding: 0 15px 15px 0;
	border-bottom: 1px dotted #3dc1ce;
}

.sectionBlogList .blogList .blogArticles > div {
	padding-top: 10px;
	padding-left: 25px;
}

.sectionBlogList .blogList .blogArticles .articleHero {
	height: 150px;
	background-color: #ddd;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
}

.sectionBlogList .blogList .blogArticles .articleCategory {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #3dc1ce;
}

.sectionBlogList .blogList .blogArticles .articleCategoryHr {
	display: inline-block;
	width: 10px;
	vertical-align: top;
	margin: 0;
	margin-right: 8px;
	padding-top: 12px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #3dc1ce;
	opacity: 0.75;
}

.sectionBlogList .blogList .blogArticles h4 {
	margin-bottom: 5px;
}

.sectionBlogList .blogList .blogArticles .articleSummary {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sectionBlogList .blogList .blogArticles .articleDate {
	font-size: 12px;
	font-style: italic;
	letter-spacing: 0.5px;
	opacity: 0.5;
	text-transform: uppercase;
	float: left;
	margin-bottom: 0;
}

.sectionBlogList .blogList .blogArticles .articleDateHr {
	margin: 10px 0 10px;
	width: 30px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid rgba(0,0,0,0.3);
}

.sectionBlogList .blogList .readMore {
	font-size: 12px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #3dc1ce;
	float: right;
}

.sectionBlogList .blogList .readMore::after {
	position: relative;
	bottom: 1px;
	margin-left: 4px;
	content: "\f1d8";
	font-family: "Font Awesome 5 Free";
	font-size: 8px;
	color: #3dc1ce;
}

.sectionBlogList .blogList .readMore:hover {
	color: #325053;
}

.blogSideBar ul {
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
}

.blogSideBar ul li,
.blogSideBar ul li a {
	color: #323232;
	position: relative;
	padding: 4px 0;
	font-size: 16px;
}

.blogSideBar ul li.currentMenuItem {
	color: #3dc1ce;
}

.blogSideBar ul li.currentMenuItem::before {
	content: '';
	position: absolute;
	top: 4px;
	left: -14px;
	height: calc(100% - 8px);
	width: 4px;
	border-radius: 4px;
	background-color: #3dc1ce;
}

.blogSideBar ul li.currentMenuItem::after {
	content: '';
	position: absolute;
	top: 6px;
	right: -10px;
	border: 8px solid transparent;
	border-right-color: #3dc1ce;
}

.blogSideBar ul a {
	color: #323232;
}

.blogSideBar ul a:hover {
	color: #308e98;
}

.sectionBlogList .blogCategoryFeatured {
	height: 520px;
	margin-bottom: 50px;
}

.sectionBlogList .blogCategoryFeatured > div {
	position: relative;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 10px;
}

.sectionBlogList .blogCategoryFeatured > div .articleHeadline {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 0;
}

.sectionBlogList .blogCategoryFeatured .articleHeadline > div {
	overflow: auto;
	background-color: rgba(0,0,0,0.75);
	background-image: url(../img/blogHeadlineSpot.png);
	padding: 0 20px 5px;
	border-radius: 0 0 10px 10px;
}

.sectionBlogList .blogCategoryFeatured .articleHeadline .featArticleCategory {
    display: inline-block;
    position: absolute;
    top: -25px;
    margin-top: 10px;
    margin-left: -8px;
    margin-bottom: 5px;
    padding: 5px 8px;
    font-size: 12px;
    font-weight: bold;
    color: #3dc1ce;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: black;
}

.sectionBlogList .blogCategoryFeatured .articleHeadline h2 {
	margin-top: 16px;
	margin-bottom: 5px;
	font-size: 26px;
	font-family: Lato;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: capitalize;
	color: white;
	cursor: pointer;
}

.sectionBlogList .blogCategoryFeatured .articleHeadline h3 {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 300;
	font-family: Lato;
	opacity: 0.85;
	color: white;
	cursor: pointer;
}

.sectionBlogList .blogCategoryFeatured .articleHeadline h3::after {
	content: "Read More";
	font-family: Lato;
	font-size: 14px;
	font-weight: 700;
	text-transform: lowercase;
	color: #3dc1ce;
	margin-left: 5px;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.sectionBlogList .blogCategoryFeatured .articleHeadline:hover h3::after {
	opacity: 1;
	visibility: visible;
}

.sectionPost .postHero {
	position: relative;
	min-height: 450px;
	margin: 0 auto;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #325053;
	box-shadow: 0px -150px 200px 0px rgba(0,0,0,0.75)inset;
	border-radius: 10px;
}

.sectionPost .postHeroImg {
	width: 0px;
	height: 0px;
}

.sectionPost .postHeadline {
	position: absolute;
	bottom: 0px;
	left: 35px;
}

.sectionPost .postHeadline h1 {
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 700;
	color: white;
	text-align: left;
}

.sectionPost .postHeadline h2 {
	margin: 5px 0 15px;
	font-size: 30px;
	color: white;
	font-weight: 500;
}

.sectionPost .postHeadline hr {
	margin: 0px 0px 15px -5px;
	width: 50px;
	border-width: 4px;
	border-color: #3dc1ce;
}

.sectionPost .featArticleCategory {
	padding: 5px 8px;
	margin-top: 10px;
	margin-left: -8px;
	margin-bottom: 5px;
	display: inline-block;
	position: absolute;
	top: -25px;
	font-size: 12px;
	font-weight: bold;
	color: #3dc1ce;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color: black;
}

.sectionPost .postAuthor {
	overflow: auto;
	width: 100%;
	margin-bottom: 20px;
}

.sectionPost .authorImg {
	margin-right: 5px;
}

.sectionPost .authorImg > div {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	border: 4px solid rgba(255,255,255,0.5);
	background-color: #3dc1ce;
	background-image: url(../img/showcaseDemoPerson.jpg);
	background-size: 40px;
	background-position: center center;
}

.sectionPost .postAuthor > div {
	overflow: auto;
	float: none;
	vertical-align: middle;
	display: inline-block;
}

.sectionPost .postAuthor p {
	color: white;
	font-size: 12px;
	margin-bottom: 0px;
}

.sectionPost .postAuthor .postAuthorName {
	font-size: 16px;
	letter-spacing: 1px;
}

.sectionPostContent .postContent .fb-share-button {
	margin-bottom: 15px;
}

.sectionPostContent .postContent h2 {
	margin-top: 35px;
	font-size: 30px;
	color: #377379;
}

.sectionPostContent .postContent p {
	margin-bottom: 15px;
}

.sectionPostContent .postContent hr {
	margin: 50px auto 25px;
	width: 50%;
	border-width: 1px;
}

.sectionPostContent .postContent img {
	margin: 10px 0 15px;
	display: block;
	max-width: 100%;
	height: auto;
}

.sectionDirectory .tableWrap {
	overflow-x: auto !important;
	padding: 0;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	border-radius: 10px;
}

.sectionDirectory table {
	width: 100%;
}

.sectionDirectory table thead tr {
	background: linear-gradient(30deg, #3d58ce 0%, #3dc1ce 50%);
}

.sectionDirectory table thead tr th:first-child {
	width: 80%;
}

.sectionDirectory table thead tr th:last-child {
	width: 20%;
	text-align: center;
}

.sectionDirectory table thead tr th {
	padding: 10px 20px;
	font-size: 24px;
	font-weight: 500;
	font-family: Montserrat;
	color: white;
}

.sectionDirectory table tbody tr td {
	padding: 10px 20px;
	font-size: 18px;
	font-weight: 500;
	font-family: Montserrat;
}

.sectionDirectory table tbody tr td:last-child {
	text-align: center;
}

/** Landing page styles **/

.sectionHero.landingHero .heroMask {
	background: url('../img/bgElementSm-BottomLeft.png') no-repeat -150px calc(100% + 200px), url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 200px) -150px, rgba(0,0,0,0.85);
	background: url('../img/bgElementSm-BottomLeft.png') no-repeat -150px calc(100% + 200px), url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 200px) -150px, rgba(0,0,0,0.85);
	background: url('../img/bgElementSm-BottomLeft.png') no-repeat -150px calc(100% + 200px), url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 200px) -150px, rgba(0,0,0,0.85);
	background: url('../img/bgElementSm-BottomLeft.png') no-repeat -150px calc(100% + 200px), url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 200px) -150px, rgba(0,0,0,0.85);
	background: url('../img/bgElementSm-BottomLeft.png') no-repeat -150px calc(100% + 200px), url('../img/bgElementLg-TopRight.png') no-repeat calc(100% + 200px) -150px, rgba(0,0,0,0.85);
	background-size: 400px, 600px;
}

.sectionHero.landingHero .container {
	position: relative;
	height: 100%;
	z-index: 3;
}

.sectionHero.landingHero .container > div,
.sectionHero.landingHero .container > form {
	position: absolute;
	top: 50%;
	transform: translateY(calc(-50% + 35px));
}

.sectionHero.landingHero .container > form {
	right: 0px;
}

.sectionHero.landingHero .tokenIcon {
	display: block;
	position: absolute;
	top: -50%;
	left: 0px;
	opacity: 0.25;
	transform: rotate(-25deg);
	z-index: -1;
}

.sectionHero.landingHero h1 {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 100px;
	font-weight: 700;
	text-align: left;
	color: #3dc1ce;
	line-height: 1;
	background: -webkit-linear-gradient(80deg, #3dc1ce 30%, #ffffff 75%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 10px rgba(255,255,255,0.3);
}

.sectionHero.landingHero p {
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 500;
	font-family: Montserrat;
	color: white;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.sectionHero.landingHero .socialList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sectionHero.landingHero .socialList li {
	display: inline-block;
	margin-right: 10px;
}

.sectionHero.landingHero .socialList li:last-child {
	margin-right: 0;
}

.sectionHero.landingHero .socialList li a.circleSocial {
	display: block;
	height: 50px;
	width: 50px;
	text-align: center;
	border-radius: 50%;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
	transition: all 500ms;
}

.sectionHero.landingHero .socialList li a.circleSocial i {
	margin-left: -1px;
	font-size: 30px;
	color: white;
	line-height: 52px;
	transition: all 1000ms;
}

.sectionHero.landingHero .socialList li a.circleSocial i:not(.fa-instagram) {
	color: white;
}

.sectionHero.landingHero .socialList li a.circleSocialFcbk {
	background-color: #3b5998;
}

.sectionHero.landingHero .socialList li a.circleSocial.circleSocialFcbk:hover {
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.75), 0 0 15px 0 rgba(255,255,255,0.25) inset;
}

.sectionHero.landingHero .socialList li a.circleSocialTwit {
	background-color: #00aced;
}

.sectionHero.landingHero .socialList li a.circleSocial.circleSocialTwit:hover {
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.75), 0 0 15px 0 rgba(255,255,255,0.5) inset;
}

.sectionHero.landingHero .socialList li a.circleSocialInst {
	background-color: #ffffff;
}

.sectionHero.landingHero .socialList li a.circleSocial.circleSocialInst:hover {
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.75), 0 0 15px 0 rgba(220,39,67,0.4) inset;
}

.sectionHero.landingHero .socialList li a.circleSocialRddt {
	background-color: #ff5700;
}

.sectionHero.landingHero .socialList li a.circleSocial.circleSocialRddt:hover {
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.75), 0 0 15px 0 rgba(255,255,255,0.35) inset;
}

.sectionHero.landingHero .socialList li a.circleSocialMedm {
	background-color: #323232;
}

.sectionHero.landingHero .socialList li a.circleSocial.circleSocialMedm:hover {
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.75), 0 0 15px 0 rgba(255,255,255,0.1) inset;
}

.sectionHero.landingHero a.heroCta {
	padding: 10px 24px;
	font-size: 24px;
	font-weight: 500;
	font-family: Montserrat;
	color: white;
	border-radius: 10px;
	border: 2px solid white;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.sectionHero.landingHero .formCol {
	position: relative;
	padding: 35px 50px 45px;
	background-color: rgba(255,255,255,0.95);
	border-radius: 10px;
	box-shadow: 0 0 100px 0 rgba(255,255,255,0.75) inset;
	z-index: 3;
}

.sectionHero.landingHero .formCol h2 {
	text-shadow: 0 0 5px rgba(0,0,0,0.15);
	background: -webkit-linear-gradient(85deg, #377379 20%, #3dc1ce 50%);
	background-clip: border-box;
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.sectionHero.landingHero .formCol p {
	margin-bottom: 15px;
	font-size: 16px;
	font-family: Montserrat;
	color: #377379;
	text-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.sectionHero.landingHero .formCol .form-group {
	position: relative;
	overflow: auto;
}

.sectionHero.landingHero .formCol .form-group label.control-label {
	display: block;
	position: absolute;
	top: 4px;
	left: 10px;
	margin: 0px;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	color: #377379;
	letter-spacing: 1px;
	text-shadow: -2px 2px 5px rgba(0,0,0,0.15);
	text-align: left;
	cursor: text;
}

.sectionHero.landingHero .formCol .form-group input {
	display: block;
	height: auto;
	width: 100%;
	padding: 30px 16px 10px;
	border: 1px solid rgba(61,193,206,0.5);
	border-radius: 6px;
	outline: none;
	background-color: white;
	box-shadow: 0 0 0 1000px white inset !important;
	-webkit-box-shadow: 0 0 0 1000px white inset !important;
	transition: all 200ms;
}

.sectionHero.landingHero .formCol .form-group.password-group {
	margin-bottom: 10px;
}

.sectionHero.landingHero .formCol .form-group.password-group input[name="show_password"] {
	height: 100%;
}

.sectionHero.landingHero .formCol .form-group.password-group label[for="show_password"] {
	border-left-color: #3dc1ce;
}

.sectionHero.landingHero .formCol .form-group input:hover,
.sectionHero.landingHero .formCol .form-group input:focus,
.sectionHero.landingHero .formCol .form-group input:active,
.sectionHero.landingHero .formCol .form-group input:hover:active,
.sectionHero.landingHero .formCol .form-group input:hover:focus {
	border-color: rgba(61,193,206,1);
}

.sectionHero.landingHero .formCol .form-group.form-group-double label,
.sectionHero.landingHero .formCol .form-group.form-group-double input {
	display: block;
	width: 50%;
	float: left;
}


.sectionHero.landingHero .formCol .form-group.form-group-double::after {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 50%;
	height: 36px;
	width: 1px;
	border-left: 1px dotted #3dc1ce;
}

.sectionHero.landingHero .formCol .form-group.form-group-double label.control-label[data-pos="1"] {
	left: 10px;
}

.sectionHero.landingHero .formCol .form-group.form-group-double label.control-label[data-pos="2"] {
	left: 50%;
	padding-left: 10px;
}

.sectionHero.landingHero .formCol .form-group.form-group-double input[data-pos="1"] {
	border-right: none;
	border-radius: 6px 0 0 6px;
}

.sectionHero.landingHero .formCol .form-group.form-group-double input[data-pos="2"] {
	border-left: none;
	border-radius: 0 6px 6px 0;
}

.sectionHero.landingHero .formCol .form-group.password-group label[for="show_password"] {
	top: unset;
	bottom: 0px;
	height: calc(100% - 20px);
	width: 42px;
	cursor: pointer;
}

.sectionHero.landingHero .formCol .form-group.password-group label[for="show_password"] i {
	width: 42px;
	line-height: 42px;
}

.sectionHero.landingHero .formCol .form-group.form-group-center {
	text-align: center;
}

.sectionHero.landingHero .formCol .form-group.form-group-center .checkbox,
.sectionHero.landingHero .formCol .form-group.form-group-center .radio {
	margin-top: 0;
	margin-bottom: 0;
}

.sectionHero.landingHero .formCol .btn {
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
}

/** Terms & Conditions page **/

.termsPage h1 {
	margin-top: 50px;
	font-size: 28px;
	text-align: left;
}

.termsPage h2 {
	font-size: 24px;
	margin-top: 30px;
}

.termsPage h3 {
	margin-top: 20px;
	font-size: 20px;
}

.termsPage ul {
	list-style-type: none;
}

.termsPage ul li {
	position: relative;
}

.termsPage .container ul li {
	padding-left: 10px;
}

.termsPage ul li strong {
	position: absolute;
	left: -36px;
}

/** Knowledge Base **/

.kbPages .pageHero h1 br {
	display: none;
}

.kbBox {
	text-align: center;
}

.kbBox > div {
	padding: 25px;
	border-radius: 10px;
	transition: all 500ms;
}

.kbBox.kbBoxAccount > div {
	background: -webkit-linear-gradient(30deg, #3d58ce  0%, #3dc1ce 80%);
	background: -moz-linear-gradient(30deg, #3d58ce  0%, #3dc1ce 80%);
	background: -ms-linear-gradient(30deg, #3d58ce  0%, #3dc1ce 80%);
	background: -o-linear-gradient(30deg, #3d58ce  0%, #3dc1ce 80%);
	background: linear-gradient(30deg, #3d58ce  0%, #3dc1ce 80%);
	background-size: auto;
}

.kbBox.kbBoxPanotour > div {
	background: -webkit-linear-gradient(-30deg, #3d58ce  0%, #3dc1ce 80%);
	background: -moz-linear-gradient(-30deg, #3d58ce  0%, #3dc1ce 80%);
	background: -ms-linear-gradient(-30deg, #3d58ce  0%, #3dc1ce 80%);
	background: -o-linear-gradient(-30deg, #3d58ce  0%, #3dc1ce 80%);
	background: linear-gradient(-30deg, #3d58ce  0%, #3dc1ce 80%);
	background-size: auto;
}

.kbBox.kbBoxShowcase > div {
	background: -webkit-linear-gradient(30deg, #3d58ce  0%, #3dc1ce 80% 80%);
	background: -moz-linear-gradient(30deg, #3d58ce  0%, #3dc1ce 80% 80%);
	background: -ms-linear-gradient(30deg, #3d58ce  0%, #3dc1ce 80% 80%);
	background: -o-linear-gradient(30deg, #3d58ce  0%, #3dc1ce 80% 80%);
	background: linear-gradient(30deg, #3d58ce  0%, #3dc1ce 80% 80%);
	background-size: auto;
}

.kbBox img {
	margin: 0 auto;
	max-width: 200px;
	transition: all 500ms;
}

.kbBox:hover img {
	transform: scale(1.05);
}

.kbBox:hover div {
	box-shadow: 0 0 100px 0 rgba(255,255,255,0.25) inset;
}

.kbBox h2 {
	margin: 0;
	font-size: 26px !important;
	font-weight: 500;
	text-align: center;
	color: white;
	text-shadow: 0 0 5px rgba(255,255,255,0.15);
	cursor: pointer;
	transition: all 500ms;
}

.kbBox:hover h2 {
	text-shadow: 0 0 5px rgba(255,255,255,0.35);
}

.kbMenu {
	margin-bottom: 50px;
}

.kbMenu h3 {
	padding-bottom: 12px;
	font-size: 22px;
	font-weight: 500;
	border-bottom: 1px solid rgba(61,193,206,0.25);
}

.kbMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.kbMenu ul li {
	position: relative;
	padding: 4px 0;
	font-size: 14px;
}

.kbMenu ul li.currentMenuItem {
	color: #3dc1ce;
}

.kbMenu ul li.currentMenuItem::before {
	content: '';
	position: absolute;
	top: 4px;
	left: -14px;
	height: calc(100% - 8px);
	width: 4px;
	border-radius: 4px;
	background-color: #3dc1ce;
}

.kbMenu ul li.currentMenuItem::after {
	content: '';
	position: absolute;
	top: 6px;
	right: -10px;
	border: 8px solid transparent;
	border-right-color: #3dc1ce;
}

.kbMenu ul a {
	color: #323232;
}

.kbMenu ul a:hover {
	color: #308e98;
}

.kbContent {
	margin-bottom: 50px;
	padding-left: 0;
}

.kbContent h2 {
	margin-bottom: 0px;
	font-size: 26px;
	color: #3dc1ce;
}

.kbContent h2 + hr {
	margin-top: 10px;
	margin-bottom: 15px;
}

.kbContent h3 {
	color: #377379;
	font-size: 18px;
}

.kbContent i {
	color: #377379;
}

.kbContent img {
	margin: 10px auto;
	border-radius: 6px;
}

.kbContent img.hotspotMenu {
	border-radius: 50%;
}

/** Contact page **/

input#not_human {
	display: none !important;
}

/** Auth styles **/

.authPages .authBgMask {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.0);
	position: absolute;
	top: 0px;
	left: 0px;
	box-shadow: 0 0 100px 0px rgba(0,0,0,0.5) inset;
}

.authPages {
	min-height: 100vh;
	padding: 0;
	background-color: #323232 !important;
	background-image: url(../img/authBg3.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}

.authPages .authPopup {
	position: absolute;
	display: none;
	top: 65px;
	left: 0px;
	height: calc(100% - 65px);
	width: 100%;
	background-color: #f4f5fb;
	border-radius: 0 0 4px 4px;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
	z-index: 99;
}

.authPages .authPopup > div {
	position: absolute;
	top: 50%;
	left: 50%;
	height: auto;
	width: 100%;
	padding: 25px;
	transform: translate(-50%, -50%);
	z-index: 999;
}

.authPages .authPopup i {
	margin-bottom: 10px;
	font-size: 30px;
}

.authPages .authPopup i.fa-exclamation-triangle {
	color: #f37043;
}

.authPages .authPopup i.fa-user-plus {
	margin-left: 14px;
	color: #3dc1ce;
}

.authPages .authPopup i.fa-facebook {
	color: #3b5998;
}

.authPages .authPopup i.fa-google {
	color: #db4437;
}

.authPages .authPopup p {
	max-width: 100%;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 500;
	font-family: Montserrat;
	text-align: center;
	cursor: default;
}

.authPages .authPopup p span {
	color: #3dc1ce;
}

.authPages .authPopup input[type="text"] {
	width: calc(100% - 20px);
	padding: 10px 10px;
}

.authPages .authPopup .btn {
	position: relative;
	font-size: 12px;
}

.authPages .authPopup .btn + .btn {
	margin-left: 4px;
	
	background: -webkit-linear-gradient(bottom, #666666 0%, #aaaaaa 100%);
	background: -moz-linear-gradient(bottom, #666666 0%, #aaaaaa 100%);
	background: -ms-linear-gradient(bottom, #666666 0%, #aaaaaa 100%);
	background: -o-linear-gradient(bottom, #666666 0%, #aaaaaa 100%);
	background: linear-gradient(bottom, #666666 0%, #aaaaaa 100%);
}

.authPages .authPopup.authLoading > div {
	transform: translate(-50%, calc(-50% - 40px));
}

.authPages .authPopup.authLoading p {
	margin: 0px 0 0px;
}

.authPages .authPopup.authLoading p span {
	color: #323232;
}

.authPages .container {
	position: relative;
	min-height: 100vh;
}
 
.authPages h1 {
	margin: 0px 0px 5px;
	padding: 0;
	font-size: 20px;
	font-weight: 500;
}

.authPages a {
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 14px;
}

.authPages p {
	font-size: 14px;
	margin: 0;
}

.authPages p.errorNote {
	display: none;
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #d0302a;
}

.authPages p:last-child {
	margin-bottom: 5px;
}

.authPages [data-required="true"][type="text"],
.authPages [data-required="true"][type="number"],
.authPages [data-required="true"][type="email"],
.authPages [data-required="true"][type="password"],
.authPages [data-required="true"][type="checkbox"] ~ .checkmark {
	border-color: #d0302a;
	box-shadow: 0 0 5px 0 rgba(208,48,42,0.35);
}

.authForms {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #f5f6fb;
	border-radius: 10px;
	padding: 0 15px 10px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	overflow: hidden;
}

.authForms .alert {
	margin: 10px 15px 0;
	padding: 10px;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	letter-spacing: 0.75px;
	border-radius: 10px;
}

.authForms .alert ul {
	padding-left: 0px;
}

.authForms .alert ul li {
	list-style: none;
}

.authLogo {
	display: block;
	margin: 0 -25px 25px;
	padding: 20px 0px 15px;
	background-color: #323232;
}

.authLogo img {
	margin: 0 auto;
	max-width: 150px;
}

.authForms form {
	margin-top: 15px;
}

.authForms .form-group {
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

.authForms .form-group.regLeft,
.authForms .form-group.regRight {
	width: 50%;
	float: left;
}

.authForms .form-group.regLeft {
	padding-right: 5px;
}

.authForms .form-group.regRight {
	padding-left: 5px;
}

.authForms input {
	background-color: transparent;
	border: 1px dotted #787878;
	border-radius: 10px;
	box-shadow: none;
	text-align: center;
	outline: none !important;
}

.authForms input:focus {
	box-shadow: none;
}

.authForms textarea {
	background-color: transparent;
	border: 1px dotted #787878;
	border-radius: 0;
	box-shadow: none;
	text-align: left;
	resize: none;
}

.authForms textarea:focus {
	box-shadow: none;
}

.checkbox label,
.radio label {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
}

.notesLink {
	margin-left: 5px;
}

.checkContainer {
	display: inline;
	position: relative;
	padding-top: 8px;
	padding-left: 22px;
	margin-bottom: 0px;
	cursor: pointer;
	font-size: 12px;
	font-weight: 500;
	font-family: Montserrat;
	letter-spacing: 0.5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: absolute;
	top: 9px;
	left: 0;
	height: 14px;
	width: 14px;
	background-color: #ffffff;
	transition: all 200ms;
	border: 1px solid #3dc1ce;
	border-radius: 4px;
	transition: all 200ms;
}

.checkContainer:hover input ~ .checkmark {
	background-color: #ffffff;
}

.checkContainer input:checked ~ .checkmark {
	background-color: #3dc1ce;
}

.checkmark::after {
	content: "";
	position: absolute;
	opacity: 0;
	visibility: hidden;
}

.checkContainer input:checked ~ .checkmark::after {
	opacity: 1;
	visibility: visible;
}

.checkContainer .checkmark::after {
	top: -9px;
	left: 3px;
	height: 22px;
	width: 8px;
	border: solid #325053;
	border-width: 0 3px 3px 0;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.25);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all 300ms;
}

.radioContainer {
	position: relative;
	padding-left: 22px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.radioContainer + .radioContainer {
	margin-left: 12px;
}

.radioContainer.radioBlock {
	display: block !important;
	margin: 0 0 5px 20px;
	padding: 0 45px 0 25px;
	font-weight: 500;
}

.radioContainer input {
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.radioContainer .checkmark {
	position: absolute;
	top: 10px;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: white;
	border: 2px solid #377379;
	border-radius: 50%;
	transition: all 200ms;
}

.radioContainer.radioBlock .checkmark {
	top: 4px;
}

.radioContainer .checktext {
	transition: all 200ms;
}

.radioContainer .checktext .checktextLg {
	display: block;
	padding-top: 1px;
	font-size: 16px;
	font-family: Montserrat;
}

.radioContainer .checktext .checktextMd {
	display: block;
	font-size: 14px;
	font-family: Montserrat;
}

.radioContainer .checktext .checktextSm {
	display: block;
	font-size: 14px;
	color: #323232;
}

.radioContainer .checktext .checktextXs {
	display: block;
	font-size: 12px;
	color: #323232;
}

.radioContainer .checkmark::after {
	content: "";
	position: absolute;
	opacity: 0;
	visibility: hidden;
}

.radioContainer input:checked ~ .checkmark::after {
	opacity: 1;
	visibility: visible;
}

.radioContainer input:checked ~ .checktext {
	color: #377379;
}

.radioContainer input:checked ~ .checktext .checkTextLg,
.radioContainer input:checked ~ .checktext .checkTextMd {
	color: #377379;
}

.radioContainer .checkmark::after {
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #308e98;
	transition: all 200ms;
	transform: translate(-50%, -50%);
}

.password-group {
	position: relative;
}

.password-group label[for="show_password"] {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 34px;
	margin: 0;
	border-left: 1px dotted #787878;
}

.password-group label[for="show_password"] i {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 34px;
	line-height: 34px;
	font-size: 14px;
	text-align: center;
	z-index: 98;
}

.password-group input[name="show_password"] {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 34px;
	margin: 0;
	line-height: 34px;
	text-align: center;
	opacity: 0;
	z-index: 99;
	cursor: pointer;
}

.password-group input[name="show_password"]:checked ~ i.fa-eye,
.password-group input[name="show_password"] ~ i.fa-eye-slash {
	display: block;
}

.password-group input[name="show_password"] ~ i.fa-eye,
.password-group input[name="show_password"]:checked ~ i.fa-eye-slash {
	display: none;
}

.authUnsub form {
	padding: 0 0px;
}

.authUnsub input[type="email"] {
	width: calc(100% - 40px);
	margin: 0 auto;
}

.authUnsub p.unsubReasons {
	margin: 10px 0;
	padding: 0 20px;
	font-weight: 500;
	font-family: Montserrat;
	text-align: left;
}

.authUnsub .radioContainer.radioBlock {
	margin: 0 0 0 20px;
}

.authUnsub label {
	text-align: left;
}

.authUnsub label .checktext {
	font-size: 14px;
}

.authUnsub textarea {
	width: calc(100% - 40px);
	margin: 0 auto;
	border-radius: 10px;
}

.authUnsub .btn {
	padding-bottom: 5px !important;
}

.authPages .btn {
	min-height: 38px;
}

.authPages .btn.btn-sm,
.authPages .btn.btn-xs {
	min-height: unset;
}

.authPages .btn-primary {
	margin-top: 5px;
	padding: 6px 16px 6px;
	letter-spacing: 0.75px;
	border-radius: 10px;
	border: none !important;
	background-color: #3a3a3a;
	box-shadow: 0 -10px 20px 0 transparent inset;
	transition: all 200ms;
	
	background: -webkit-linear-gradient(bottom, #3a3a3a 0%, #555555 100%);
	background: -moz-linear-gradient(bottom, #3a3a3a 0%, #555555 100%);
	background: -ms-linear-gradient(bottom, #3a3a3a 0%, #555555 100%);
	background: -o-linear-gradient(bottom, #3a3a3a 0%, #555555 100%);
	background: linear-gradient(bottom, #3a3a3a 0%, #555555 100%);
}

.authPages .btn-primary:hover {
	box-shadow: 0 -10px 20px 0 rgba(255,255,255,0.1) inset;
}

.authPages .btn-primary:focus {
	box-shadow: 0 -10px 20px 0 rgba(255,255,255,0.2) inset;
}

.authPages .btn-blue {
	background: -webkit-linear-gradient(bottom, #3d58ce 0%, #3dc1ce 100%);
	background: -moz-linear-gradient(bottom, #3d58ce 0%, #3dc1ce 100%);
	background: -ms-linear-gradient(bottom, #3d58ce 0%, #3dc1ce 100%);
	background: -o-linear-gradient(bottom, #3d58ce 0%, #3dc1ce 100%);
	background: linear-gradient(bottom, #3d58ce 0%, #3dc1ce 100%);
}

.authPages .btn:not(.btn-block) {
	padding-left: 40px;
	padding-right: 24px;
}

.authPages .btn img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.authPages .btn img {
	transition: all 200ms;
}

.authPages .btn[data-loading="true"] {
	cursor: default;
}

.authPages .btn[data-loading="false"] {
	cursor: pointer;
}

.authPages .btn[data-loading="true"] img,
.authPages .btn[data-loading="false"] span {
	opacity: 1;
	visibility: visible;
}

.authPages .btn[data-loading="false"] img,
.authPages .btn[data-loading="true"] span {
	opacity: 0;
	visibility: hidden;
}

.authPages .loginDivider {
	position: relative;
}

.authPages .loginDivider hr {
	border-color: #888;
	border-style: dashed;
}

.authPages .loginDivider p {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0 5px;
	background-color: #f5f6fb;
	font-family: Montserrat;
	transform: translate(-50%, -50%);
	cursor: default;
}

.authPages .btn-social {
	position: relative;
	padding: 7px 12px 5px;
	border-radius: 10px;
	color: white;
	font-size: 16px;
	letter-spacing: .25px;
}

.authPages .btn-social i {
	position: absolute;
	display: inline-block;
	top: 1px;
	left: 1px;
	height: 34px;
	width: 34px;
	font-size: 18px;
	font-weight: normal;
	line-height: 34px;
	text-align: center;
	background-color: white;
	z-index: 1;
}

.authPages .btn-social i::after {
	content: '';
	position: absolute;
	top: -2px;
	right: -4px;
	height: calc(100% + 4px);
	width: 2px;
	background-color: #f4f5fb;
	z-index: 999;
}

.authPages .btn-social span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 9px), calc(-50% + 1px));
}

.authPages .btn-facebook {
	background-color: #1877f2;
	font-family: Helvetica, Arial, sans-serif;
}

.authPages .btn-social:hover {
	box-shadow: 0 -10px 20px 0 rgba(255,255,255,0.1) inset;
}

.authPages .btn-social:focus {
	box-shadow: 0 -10px 20px 0 rgba(255,255,255,0.2) inset;
}

.authPages .btn-social img {
	position: absolute;
	display: inline-block;
	top: 2px;
	left: 2px;
	padding: 8px;
	background-color: white;
	opacity: 1;
	visibility: visible;
	transform: none;
	border-radius: 8px 0 0px 8px;
}

.authPages .btn-social::before {
	content: '';
	position: absolute;
	top: -2px;
	left: 38px;
	height: calc(100% + 4px);
	width: 2px;
	background-color: #f4f5fb;
	z-index: 999;
}

.authPages .btn-facebook i {
	color: #1877f2;
}

.authPages .btn-google {
	background-color: #4285F4;
	/*background-color: #d35246;*/
	font-family: Roboto;
}

.authPages .btn-twitter {
	background-color: #1da1f2;
	font-family: Helvetica, Arial, sans-serif;
}

.authPages .btn-twitter i {
	color: #1da1f2;
}

.authPages button i {
	margin-right: 6px;
	margin-left: -18px;
}

.authPages .serviceLogo {
	margin: 0 auto 15px;
}

/** Error pages **/

.errorPages {

}

.errorPages .bodyMask,
.errorPages .bodyMask::after {
	position: absolute;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
}

.errorPages .bodyMask {
	display: block;
	filter: blur(15px);
	background-image: url('../img/defaultSceneImg.jpg');
	background-size: cover;
	z-index: 0;
}

.errorPages .bodyMask::after {
	content: '';
	background-color: rgba(255,255,255,0.75);
	z-index: 1;
}

.errorPages .content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 300px;
	min-width: 100px;
	min-height: 100px;
	padding: 15px 20px 20px;
	background-color: #f5f6fb;
	border-radius: 10px;
	font-family: Open Sans;
	text-align: center;
	transform: translate(-50%, calc(-50% + -25px));
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	overflow: hidden;
	z-index: 3;
}

.errorPages .errorLogo {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

.errorPages .errorLogo img {
	display: inline;
}

.errorPages .content h1 {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 500;
	font-family: Montserrat;
	color: #377379;
}

.errorPages .content p {
	margin: 0 0 5px;
	font-size: 14px;
	color: #555;
}

.errorPages .content p:last-child {
	margin: 0;
}

.errorPages .content p a {
	padding: 0 3px 0 2px;
	border-bottom: 1px dotted #377379;
}

.errorPages #adBanner {
	display: block;
	position: absolute;
	bottom: 25px;
	left: 50%;
	width: 80%;
	max-height: 90px;
	transform: translateX(-50%);
	text-align: center;
	z-index: 9;
}

.errorPages #adBanner ins {
	height:90px;
	max-height:90px;
	width:100%;
	max-width:970px;
}

.errorPages .banNotice {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
}

.errorPages .banNotice img {
	display: inline-block;
	margin-bottom: 16px;
}

.errorPages .banNotice p {
	color: #d0302a;
	font-size: 30px;
}

/* Responsive rules */
@media only screen and (min-width: 1601px) {

}

/**
 * Width 1600px
 * Test for height 900px
 */
@media only screen and (max-width: 1600px) {
	.sectionHero.heroMain h1 { font-size: 90px; }
	.sectionHero.heroMain p { margin-bottom: 35px; font-size: 24px; }

	.sectionIntro .introBox h2 { font-size: 60px; }
	.sectionIntro .introBox p { font-size: 24px; }

	.sectionHeader h2 { font-size: 48px; }
	.sectionHeader p { font-size: 26px; }

	.section .container h2.gradientHeader { font-size: 34px; }

	.sectionRoadmap .roadmapWrapper { padding: 100px 150px 0; }
	.sectionRoadmap .roadmapWrapper .sliderItem .roadmapHeader { font-size: 16px; }
	.sectionRoadmap .roadmapWrapper .sliderItem.sliderItemActive p.roadmapDetails { font-size: 14px; padding: 0 10px; }

	.sectionHero.landingHero h1 { font-size: 80px; }
	.sectionHero.landingHero p { font-size: 24px; }
	.sectionHero.landingHero .formCol { padding: 25px 30px 30px; }
	.sectionHero.landingHero .formCol p { font-size: 14px; }
	.sectionHero.landingHero .formCol .form-group input { padding: 26px 10px 8px; }
	.sectionHero.landingHero .formCol .form-group.password-group label[for="show_password"] { height: calc(100% - 24px); width: 32px; }
	.sectionHero.landingHero .formCol .form-group.password-group label[for="show_password"] i { width: 32px; line-height: 32px; }
	.sectionHero.landingHero .formCol .form-group.form-group-double::after { height: 32px; }
}

/**
 * Width 1440px
 * Test for height 900px
 */
@media only screen and (max-width: 1440px) {
	.sectionRoadmap .roadmapWrapper { padding: 50px 100px 0; }
	.sectionRoadmap .roadmapWrapper .sliderItem { height: 280px; }
	.sectionRoadmap .roadmapWrapper { background-position: -250px -200px, calc(100% + 200px) calc(100% + 250px); }

	.sectionBegin h2 { font-size: 65px; }

	.sectionHero.landingHero h1 { font-size: 70px; }
	.sectionHero.landingHero p { font-size: 22px; }
}

/**
 * Width 1366px
 * Test for height 768px
 */
@media only screen and (max-width: 1366px) {
	.sectionHeader .sectionHeaderLeft { width: 70%; }
	.section .container h2.gradientHeader { font-size: 32px; }
	h3.gradientHeader { font-size: 24px; }

	.sectionPlans .plansBoxes h2 { padding: 20px 0 126px; font-size: 22px; }
	.sectionPlans .plansBoxes .plansPrices { height: 200px; width: 200px; padding: 30px 0 0; }
	.sectionPlans .plansBoxes .plansPrices .plansPriceNumber { font-size: 80px; }
	.sectionPlans .plansBoxes .plansLimit { font-size: 20px; }
	.sectionPlans .plansBoxes .plansInclude p { font-size: 16px; }
	.sectionPlans .plansBoxes .plansInclude strong.plansShowcase { font-size: 24px; }
	.sectionPlans .plansBoxes .plansInclude strong,
	.sectionPlans .plansBoxes .plansAdvertising p,
	.sectionPlans .plansBoxes button,
	.sectionPlans .plansBoxes .freeButton { font-size: 20px; }

	.sectionBegin h2 { font-size: 60px; }

	.sectionBlogHome .articleHeadline h2 { font-size: 20px; }

	.sectionHero.landingHero .heroMask { background-size: 360px, 560px; }
	.sectionHero.landingHero h1 { font-size: 68px; }
	.sectionHero.landingHero p { font-size: 20px; }
	.sectionHero.landingHero .formCol .form-group label.control-label { left: 8px; font-size: 12px; }
	.sectionHero.landingHero .formCol .form-group input { padding: 22px 8px 6px; }
	.sectionHero.landingHero .formCol .form-group.password-group label[for="show_password"] { height: 26px; width: 28px; }
	.sectionHero.landingHero .formCol .form-group.password-group label[for="show_password"] i { width: 26px; line-height: 26px; font-size: 12px; }
	.sectionHero.landingHero .formCol .form-group.form-group-double label.control-label[data-pos="1"] { left: 8px; }
	.sectionHero.landingHero .formCol .form-group.form-group-double label.control-label[data-pos="2"] { padding-left: 8px; }
	.sectionHero.landingHero .formCol .form-group.form-group-double::after { height: 26px; }
}

/**
 * Width 1280px
 * Test for height 1024px
 * Test for height 800px
 */
@media only screen and (max-width: 1280px) {
	.section.pageHero h1 { margin: 10px 0 0; font-size: 50px; }
	.section.pageHero .container > div { padding: 25px; }

	.sectionFaq .qaBlock h3 { font-size: 20px; }
	.sectionFaq .qaBlock p { font-size: 18px; }
	.sectionFaq .aboutSidebar p { font-size: 16px; }

	.sectionBenefits .container > div > div { padding: 0 25px; }

	.sectionBlogHome .featArticleCategory { top: -24px; padding: 2px 7px; }
	.sectionBlogHome .articleHeadline h2 { font-size: 18px; }

	.sectionContact .textCol .contactInfo strong { font-size: 22px; }
	.sectionContact .textCol .contactInfo i { font-size: 16px; line-height: 22px; }
}

/**
 * Width 1280px
 * Test for height 768px
 */
@media only screen and (max-width: 1200px) {
	.section .container h2.gradientHeader { font-size: 28px; }
	.section.pageHero h1 { font-size: 46px; }
	.section.pageHero p { font-size: 26px; }
	.blockLink { font-size: 18px; }

	.sectionHero .container > div { width: 70%; }
	
	.sectionTokenomics .tokenomicsTable thead tr th,
	.sectionTokenomics .distributionTable thead tr th { font-size: 20px; }
	.sectionTokenomics .tokenomicsTable tbody tr td,
	.sectionTokenomics .distributionTable tbody tr td { font-size: 16px; }
	.sectionTokenomics .tokenomicsTable tbody tr td:nth-child(3) { font-size: 14px; }
	.sectionTokenomics .tokenomicsTable.tokenomicsTable1 thead tr th:first-child { width: 50%; }

	.sectionRoadmap .roadmapWrapper .sliderItem { height: 230px; width: calc(100% / 3); }
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="7"],
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="8"],
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="9"] { float: left; }

	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="4"],
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="5"],
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="6"],
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="10"],
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="11"],
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="12"] { float: right; }

	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="4"] .roadLeft,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="5"] .roadLeft,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="7"] .roadRight,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="8"] .roadRight,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="9"] .roadRight,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="11"] .roadLeft,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="12"] .roadLeft { display: block; }

	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="4"] .roadRight,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="5"] .roadRight,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="7"] .roadLeft,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="8"] .roadLeft,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="9"] .roadLeft,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="11"] .roadRight,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="12"] .roadRight { display: none; }
	
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="3"] .roadConnector,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="6"] .roadConnector,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="9"] .roadConnector,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="12"] .roadConnector { display: block; }

	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="5"] .roadConnector,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="5"] .roadConnector,
	.sectionRoadmap .roadmapWrapper .sliderItem[data-item-id="10"] .roadConnector { display: none; }

	.sectionBegin h2 { font-size: 54px; }
	.sectionBlogHome .articleHeadline h2::after,
	.sectionBlogHome .blogHero1 .articleHeadline h3::after,
	.sectionBlogHome .blogHero2 .articleHeadline h3::after { content: unset; }

	.sectionHero.landingHero .container > div { width: 60%; padding: 0 50px 0 0; }
	.sectionHero.landingHero .container > form { position: relative; top: unset; width: 40%; transform: unset; float: right; }
	.sectionHero.landingHero h1 { font-size: 58px; }
	.sectionHero.landingHero p { font-size: 18px; }
	.sectionHero.landingHero .socialList li a.circleSocial { height: 40px; width: 40px; }
	.sectionHero.landingHero .socialList li a.circleSocial i { font-size: 24px; line-height: 40px; }
}

/**
 * Width 1024px
 * Test for height 768px
 */
@media only screen and (max-width: 1024px) {
	header .headerRight { display: none; }
	header .headerRight .whiteLogo { display: block; }
	header #mobileMenu { display: block; }
	header[data-mobile-state="open"] ul { display: block !important; position: absolute; top: 0px; left: 100%; height: 100vh; width: 100%; padding: 120px 20px 0; background-color: #3dc1ce; text-align: left; z-index: 99; }
	header ul li { display: block; }
	header ul li a { display: inline-block; font-size: 30px; color: #323232 !important; text-shadow: none !important; }

	header ul li#homeLogin,
	header ul li#homeRegister { position: absolute; bottom: 50px; width: calc(50% - 60px); box-shadow: 0 8px 15px 0 rgba(0,0,0,0.25); border-radius: 10px; }

	header ul li#homeLogin a,
	header ul li#homeRegister a { width: 100%; margin: 0; background-color: white !important; font-size: 24px; color: #323232 !important; text-shadow: 0 0 5px rgba(255,255,255,0.1) !important; text-align: center; box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); border: none; }

	header ul li#homeLogin { left: 40px; }
	header ul li#homeRegister { right: 40px; }

	.sectionHero.heroMain h1 { font-size: 80px; }
	.section:not(.sectionHero):not(.sectionBegin) { margin-bottom: 20px; }

	.sectionIntro .introBox { background-position: calc(100% + 350px) -410px; }
	.sectionIntro .introBox h2 { font-size: 42px; }
	.sectionIntro .introBox p { font-size: 20px; }
	.sectionIntro .introBox .introLeft { width: 65%; }
	.sectionIntro .introBox .introRight { width: 35%; padding: 20px 0; }

	.sectionGetStarted .bgBoxColumn p { font-size: 16px; letter-spacing: -0.1px; }

	.container.containColumns > div { padding: 0 10px; }
	.container.containColumns { width: calc(90vw + 20px); }

	.container.containColumns .padBoxColumn { padding: 10px 0; }
	.container.containColumns .padBoxColumnLeft { padding: 10px 10px 10px 0; }
	.container.containColumns .padBoxColumnRight { padding: 10px 0 10px 10px; }

	.section .container h2.gradientHeader { font-size: 24px; }
	.section.pageHero h1 { font-size: 40px; }
	.section.pageHero p { font-size: 24px; }

	.blockLink { font-size: 16px; }

	.sectionHeader .sectionHeaderLeft { width: 100%; }

	.sectionFeedback .feedbackTxtBox .feedbackBlock p.feedbackQuote { font-size: 18px; }
	.sectionFeedback .feedbackTxtBox .feedbackBlock p.feedbackCust { font-size: 20px; }
	.sectionFeedback .feedbackTxtBox .feedbackBlock p.feedbackCo { font-size: 16px; }

	.sectionPlans .plansBoxes h2 { margin: 0 0 -70px; padding: 20px 0 80px; font-size: 18px; }
	.sectionPlans .plansBoxes .plansPrices { height: 140px; width: 140px; padding: 20px 0 0; }
	.sectionPlans .plansBoxes .plansPrices .plansPriceNumber { font-size: 50px; }
	.sectionPlans .plansBoxes .plansPrices sup { top: -22px; left: -6px; font-size: 16px; }
	.sectionPlans .plansBoxes .plansPrices .plansPeriod { font-size: 18px; }
	.sectionPlans .plansBoxes .plansLimit { font-size: 18px; }
	.sectionPlans .plansBoxes .plansInclude p { font-size: 14px; }
	.sectionPlans .plansBoxes .plansInclude strong.plansShowcase { font-size: 20px; }
	.sectionPlans .plansBoxes .plansInclude strong,
	.sectionPlans .plansBoxes .plansAdvertising p,
	.sectionPlans .plansBoxes button,
	.sectionPlans .plansBoxes .freeButton { font-size: 20px; }
	.sectionPlans .plansBoxes .freeButton,
	.sectionPlans .plansBoxes .freeButton::before,
	.sectionPlans .plansBoxes .freeButton::after,
	.sectionPlans .plansBoxes button,
	.sectionPlans .plansBoxes button::before,
	.sectionPlans .plansBoxes button::after { padding: 10px 20px 10px 10px; }

	.sectionToken p { font-size: 16px; }

	.sectionBenefits .container img { max-width: 200px; margin: 10px auto 20px; }
	.sectionBenefits .container h3 br { display: block; }
	.sectionBenefits .container p { font-size: 16px; }

	.sectionMining .container p { font-size: 16px; }
	
	.sectionTokenomics .tokenomicsTable thead tr th,
	.sectionTokenomics .distributionTable thead tr th { font-size: 18px; }
	.sectionTokenomics .tokenomicsTable tbody tr td,
	.sectionTokenomics .distributionTable tbody tr td { font-size: 14px; }
	.sectionTokenomics .tokenomicsTable tbody tr td:nth-child(3) { font-size: 12px; }
	.sectionTokenomics .tokenomicsTable.tokenomicsTable1 thead tr th:first-child { width: 50%; }

	.sectionBegin h2 { font-size: 48px; }

	.sectionFaq .qaBlock h3 { font-size: 18px; }
	.sectionFaq .qaBlock p { font-size: 16px; }

	.sectionContact .textCol .contactMask { left: 10px; width: calc(100% - 20px); }

	.sectionHero.landingHero h1 { font-size: 50px; }
}

/**
 * Width 992px
 * Test for height 768px
 * 
 * Rarely used.
 */
@media only screen and (max-width: 992px) {
	.sectionRoadmap .roadmapWrapper .sliderItem { height: 300px; }
}

/**
 * Width 864px
 * Test for height 768px
 * 
 * Rarely used.
 */
@media only screen and (max-width: 864px) {
	.sectionHero .container > div { width: 100%; }
	.sectionFeedback .feedbackImgBox img { max-width: 280px; }

	.sectionBenefits .container > div > div { padding: 0 15px; }
	.sectionBenefits .container img { max-width: 150px; }
}

/**
 * Width >768px
 * 
 * Rarely used.
 */
@media only screen and (min-width: 769px) {
	.normalContainer {
		display: flex !important;
	}
}

/**
 * Standard tablets.
 * 
 * Supported.
 * 
 * Test for height
 * 1. 1024
 */
@media only screen and (max-width: 768px) {
	.flexContainer,
	.flexContainer > div { display: block; }

	.sectionPlans .container,
	.sectionPlans .container > div { display: block; }

	.hidden-xs { display: none !important; }

	.col-xs-6 { width: 50% !important; }
	.col-xs-12 { display: block !important; width: 100% !important; }

	.section .container h2.gradientHeader { font-size: 28px; }

	.sectionHeader h2 { font-size: 40px; }
	.sectionHeader .blockLink { margin-bottom: 5px; }
	.container .bgBoxColumn { margin-bottom: 25px; }

	footer .footerBottom { margin-top: 25px; }
	footer h2 { margin: 20px 0 8px; }
	footer ul { padding: 0px; }
	footer ul li { display: inline-block; margin: 0 10px 0 0; font-size: 16px; }

	.section .container.containColumns .padBoxColumn,
	.section .container.containColumns .padBoxColumnLeft,
	.section .container.containColumns .padBoxColumnRight { padding: 20px 0; }

	.section.sectionFeedback .feedbackImgBox { padding-top: 25px; }
	.section.sectionFeedback .feedbackImgBox img { position: relative; max-width: 200px; }
	.section.sectionFeedback .feedbackTxtBox .feedbackBlock { margin-bottom: 15px; }

	.section.sectionFeedback .container2 { padding: 0; }
	.section.sectionFeedback .container2 > div { width: calc(100% / 3); }
	.section.sectionFeedback .container2 > div:nth-child(-n+3) { margin-bottom: 30px; }

	.section.sectionToken .tokenImgBox { padding: 20px 0; }
	.section.sectionToken .tokenImgBox span { position: relative; display: block; top: unset; left: unset; margin: 0 auto; transform: unset; }

	.section.sectionTokenomics .container > div { margin-bottom: 20px; }
	.section.sectionTokenomics .container > div > div { margin-bottom: 0; }

	.sectionIntro .introBox { padding: 25px 25px 25px; background-position: calc(100% + 280px) -230px; background-size: 500px; }
	.sectionIntro .introBox h2 { font-size: 32px; }
	.sectionIntro .introBox p { font-size: 18px; }
	.sectionIntro .introBox .introLeft { width: 70%; }
	.sectionIntro .introBox .introLeft .wordbreaker { display: inline-block; }
	.sectionIntro .introBox .introRight { width: 30%; padding: 40px 0 0; }

	.section.sectionGetStarted .container > div { margin-bottom: 20px; }
	.section.sectionGetStarted .container > div > div { margin-bottom: 0; }
	.section.sectionGetStarted .container h2.gradientHeader { font-size: 32px; }

	.sectionPlans .flexContainer,
	.sectionPlans .flexContainer > div,
	.sectionPlans .flexContainer > div > div { display: block; }
	.section.sectionPlans .container.tabletFlexContainer { display: none !important; }

	.section.sectionPlans .container.normalContainer > div:nth-child(-n+3) { margin-bottom: 20px; }
	.sectionPlans .plansBoxes .plansPrices { height: 170px; width: 180px; }
	.sectionPlans .plansBoxes .plansPrices .plansPriceNumber { font-size: 80px; }
	.sectionPlans .plansBoxes .plansInclude p { font-size: 20px; }
	.sectionPlans .plansBoxes .plansInclude strong.plansShowcase { font-size: 26px; }
	.sectionPlans .plansBoxes .plansInclude strong,
	.sectionPlans .plansBoxes .plansAdvertising p,
	.sectionPlans .plansBoxes button,
	.sectionPlans .plansBoxes .freeButton { font-size: 24px; }

	.container.containColumns > div { margin-bottom: 25px; }
	.sectionBenefits .container h3 br { display: none; }
	.sectionBenefits .container img { max-width: 300px; }

	.sectionMining .miningImgBox { padding-bottom: 20px; }
	.sectionMining .miningImgBox img { position: relative; display: block; top: unset; left: unset; max-width: 200px; margin: 0 auto; transform: none; }
	.sectionMining .miningImgBox:hover img { transform: scale(1.2); }
	.sectionMining .miningFaqImgBox { padding: 20px 0; }
	.sectionMining .miningFaqImgBox img { position: relative; display: block; top: unset; left: unset; max-width: 200px; margin: 0 auto; transform: none; }
	.sectionMining .miningFaqImgBox:hover img { transform: scale(1.2); }

	.sectionPrivateIntro .privateSaleImgBox { padding: 20px 0; }
	.sectionPrivateIntro .privateSaleImgBox img { position: relative; display: block; top: unset; left: unset; max-width: 200px; margin: 0 auto; transform: none; }
	.sectionPrivateIntro .privateSaleImgBox:hover img { transform: scale(1.2); }
	
	.sectionPrivateSpecs .specsImgBox { padding: 20px 0; }
	.sectionPrivateSpecs .specsImgBox img { position: relative; display: block; top: unset; left: unset; max-width: 200px; margin: 0 auto; transform: none; }
	.sectionPrivateSpecs .specsImgBox:hover img { transform: scale(1.2); }

	.sectionRoadmap .roadmapWrapper { padding: 50px 50px; }
	.sectionRoadmap .roadmapWrapper .sliderItem { height: auto; width: 100%; padding: 20px 0 0 50px; float: none; text-align: left; }
	.sectionRoadmap .roadmapWrapper .sliderItem .road.roadLeft,
	.sectionRoadmap .roadmapWrapper .sliderItem .road.roadRight,
	.sectionRoadmap .roadmapWrapper .sliderItem .roadConnector { display: none !important; }
	.sectionRoadmap .roadmapWrapper .sliderItem .roadmapDate { position: absolute; top: calc(100% - 10px); left: 10px; width: auto; transform: rotate(-90deg); transform-origin: left; }
	.sectionRoadmap .roadmapWrapper .sliderItem.sliderItemActive p.roadmapDate { margin: 4px 0 0; }
	.sectionRoadmap .roadmapWrapper .sliderItem .roadmapHeader,
	.sectionRoadmap .roadmapWrapper .sliderItem.sliderItemActive h2.roadmapHeader { max-width: unset; margin-top: 16px; font-size: 30px; text-align: left; }
	.sectionRoadmap .roadmapWrapper .sliderItem .roadmapDetails,
	.sectionRoadmap .roadmapWrapper .sliderItem.sliderItemActive p.roadmapDetails { font-size: 18px; padding: 0; }
	.sectionRoadmap .roadmapWrapper .sliderItem .road.roadDown { display: block; }
	.sectionRoadmap .roadmapWrapper .sliderItem.sliderItemActive::before { top: 10px; left: 30px; height: calc(100% + 20px); width: calc(100% - 10px); border-left: none; border-top: 6px solid #3dc1ce; border-radius: 0 50px 50px 0; }

	.sectionDemo { margin-bottom: 15px !important; }

	.blogHero { margin-bottom: 20px; }
	.sectionBlogHome .blogHero3,
	.sectionBlogHome .blogHero4 { margin-top: 0px; }

	.sectionPost .postHeadline { left: 25px; padding-right: 25px; }
	.sectionPost .postHeadline h1 { font-size: 26px; }
	.sectionPost .postHeadline h2 { font-size: 20px; }

	.blogSideBar { position: relative; margin-top: 100px; }
	.blogSideBar::before { content: ''; position: absolute; display: block; top: -50px; left: 10px; height: 1px; width: calc(100% - 20px); border-bottom: 1px dotted #377379; }

	.sectionKbHead .kbBox { margin-bottom: 20px; }

	.sectionContact .textCol { margin-bottom: 20px; }
	.sectionContact .textCol .contactInfo > div { position: relative; top: unset; left: unset; transform: unset; padding: 50px; }
	.sectionContact .textCol .contactInfo i { left: 20px; }

	.sectionContact .formCol { margin-bottom: 20px; }

	.sectionHero.landingHero .heroMask { background-size: 300px, 500px; }
	.sectionHero.landingHero .container > div { position: relative; top: unset; margin: 30px 0 50px; padding: 0 20px; text-align: center; transform: unset; }
	.sectionHero.landingHero .container > form { position: relative; top: unset; margin-bottom: 50px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.15); transform: unset; }
	.sectionHero.landingHero h1 { font-size: 60px; text-align: center; }
	.sectionHero.landingHero p { font-size: 18px; }

	/* Only for landing page */
	.privateSaleLanding header #mobileMenu span { box-shadow: 0 0 5px 0 rgba(0,0,0,0.75); }
	.privateSaleLanding .sectionIntro .introBox { border-radius: 10px; }
}

/**
 * Standard tablets, fixed viewport rules.
 */
@media only screen and (width: 768px) and (height: 1024px) {
	.sectionHero .container > div { position: absolute; top: 50%; width: calc(100% - 100px); transform: translateY(-50%); }
	.sectionHero.heroMain h1 { font-size: 100px; }

	.section.sectionPlans .container > div { width: 50% !important; }

	.section.sectionPlans .container.normalContainer { display: none !important; }
	.section.sectionPlans .container.tabletFlexContainer,
	.section.sectionPlans .container.tabletFlexContainer > div,
	.section.sectionPlans .container.tabletFlexContainer > div > div { display: flex !important; }
	.section.sectionPlans .container.tabletFlexContainer[data-tablet-flex-index="1"] { margin-bottom: 20px; }
	.section.sectionPlans .container.tabletFlexContainer .plansWrapper { width: 50% !important; float: left; }

	.sectionHero.landingHero .container > form { margin-bottom: 0px; }

	/* Only for landing page */
	.privateSaleLanding .sectionIntro .introBox { border-radius: 0 0 10px 10px; }
}

/**
 * Google Nexus 7
 * 
 * Rare, 2013 device.
 * Unsupported.
 * 
 * Test for height
 * 1. 960
 */
@media only screen and (max-width: 600px) {
	
}

/**
 * Galaxy Note 5, LG G4, One Plus 3
 * 
 * Still in use but may not be as common.
 * Supported.
 * 
 * Test for height
 * 1. 853px
 */
@media only screen and (max-width: 480px) {
	footer,
	footer .footerLogoColumn { text-align: center; }
	footer .footerLogoColumn img { margin: 0 auto 2px; }

	.section.pageHero .container > div { 
		background: url('../img/bgElementLg-TopLeft.png') no-repeat -125px -100px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 75px) calc(100% + 50px), linear-gradient(30deg, #3d58ce 0%, #3dc1ce 50%);
		background-size: 300px, 200px, auto;
	}
	
	.sectionHero { text-align: center; }
	.sectionHero.heroMain h1 { font-size: 62px; text-align: center; }
	.sectionHero.heroMain p { font-size: 22px; }
	.sectionHero.heroMain a.heroCta { display: block; margin: 0 auto; font-size: 22px; }

	.sectionIntro .introBox { padding: 25px; background-position: calc(100% + 150px) -125px; background-size: 260px; }
	.sectionIntro .introBox h2 { font-size: 28px; }
	.sectionContact .formCol > div { padding: 40px 30px 30px; }

	.sectionBegin .container > div { background: url('../img/bgElementLg-TopLeft.png') no-repeat -550px -550px, url('../img/bgElementSm-BottomRight.png') no-repeat calc(100% + 500px) calc(100% + 450px), linear-gradient(30deg, #3d58ce 0%, #3dc1ce 50%); }

	.sectionHero.landingHero { box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); }
	.sectionHero.landingHero .heroMask { background-size: 250px, 400px; }
	.sectionHero.landingHero h1 { font-size: 46px; }
	.sectionHero.landingHero .formCol p { font-size: 16px; }
	.sectionHero.landingHero .container > form { margin-bottom: 50px; }
	.sectionHero.landingHero .formCol h2 { text-align: center; }
	.sectionHero.landingHero .container > form { background-color: white; }

	.sectionRoadmap .roadmapWrapper { background-position: -300px -25.0px, calc(100% + 325px) calc(100% + 250px); }

	/* Only for landing page */
	.privateSaleLanding .sectionIntro .introBox { border-radius: 10px; }
}

/**
 * iPhone XS/XR
 * 
 * Supported.
 */
@media only screen and (max-width:428px) and (min-width:414px) and (min-height:896px) {
	
}

@media only screen and (max-width:428px)  {
	.kbPages .pageHero h1 br { display: block; }
	.sectionFeedback .container2 img { max-width: 80px; }
	.sectionContact .textCol .contactInfo strong { font-size: 16px; }
	.sectionBenefits .container img { max-width: 250px; }
}

/**
 * iPhone 6/7 Plus
 * 
 * Still in use but may not be as common.
 * Supported.
 * 
 * Test for height
 * 1. 736px
 */
@media only screen and (max-width: 414px) {
	.sectionHero.heroMain h1 { font-size: 52px; }
	.sectionHero.heroMain p { font-size: 18px; }
	.sectionHero.heroMain a.heroCta { font-size: 20px; }
	
}

/**
 * Nexus, Google Pixel Series, Galaxy Note 10
 * 
 * Still in use.
 * Supported.
 * 
 * Test for height
 * 1. 869px - Important, Galaxy Note 10
 * 2. 847px
 * 3. 846px
 * 4. 824px
 * 5. 732px
 */
@media only screen and (max-width: 412px) {

}

/**
 * iPhone 6/6S, 8, X
 * 
 * Still in use.
 * Supported.
 * 
 * Test for height
 * 1. 812px
 * 2. 667px
 */
@media only screen and (max-width: 375px) {
	header .container { padding: 35px 15px; }
	header #mobileMenu { top: 20px; right: 20px; }
	header #mobileMenu span { left: 7px; width: 36px; }
	header[data-mobile-state="open"] ul { padding-top: 80px; }
	header .headerLeft img { max-width: 150px; }
	header .headerRight .whiteLogo { top: 35px; max-width: 150px; }

	header ul li#homeLogin,
	header ul li#homeRegister { bottom: 100px; width: calc(50% - 50px); }
	header ul li#homeLogin a,
	header ul li#homeRegister a { font-size: 18px; }
	header ul li a { font-size: 24px; }

	.section.pageHero h1 { font-size: 32px; }
	.section.pageHero p { font-size: 20px; }

	.sectionHero hr { display: none; }
	.sectionHero.heroMain h1 { font-size: 36px; }
	.sectionHero.heroMain p { font-size: 18px; margin-bottom: 25px; }
	
	.sectionBegin h2 { font-size: 40px; }
	.sectionBegin a { font-size: 20px; }

	.section.pageHero .blockLink { margin: 10px 0; white-space: nowrap; }

	.sectionDemo .container .demoMask > div { display: none; }

	.sectionHero.landingHero .container > div { margin: 0 0 30px; padding: 0; }
	.sectionHero.landingHero h1 { font-size: 38px; }
	.sectionHero.landingHero p { font-size: 16px; }
}

/**
 * Galaxy S7 - S9
 * 
 * Still in use.
 * Supported.
 * 
 * Test for height
 * 1. 740px
 * 2. 640px
 */
@media only screen and (max-width: 360px) {

}

/**
 * iPhone 5, iPod Touch
 * 
 * Still in use but may not be as common.
 * Supported.
 * 
 * Test for height
 * 1. 568px
 * 2. 552px
 */
@media only screen and (max-width: 320px) {
	.sectionHero.heroMain h1 { font-size: 28px; }
	.sectionHero.heroMain p { font-size: 16px; margin-bottom: 25px; }
	.sectionHero.heroMain a.heroCta { font-size: 16px; }

	.blockLink { font-size: 14px; }

	.sectionHeader h2 { font-size: 32px; }

	.section.pageHero .container > div { padding: 10px 5px; }

	.sectionTokenomics .distributionTable { display: block; overflow-x: auto; }
	.sectionBenefits .container img { max-width: 150px; }
	.sectionContact .textCol .contactInfo strong { font-size: 14px; }
}