/*-----------------------------------------------------------------------------------

	Description: Style for Mait.me community landing page
	Author: Kocian
	Author URI: https://www.maitreja.org
	Version: 1.0

-----------------------------------------------------------------------------------*/


body {
	font-family: "Poppins", sans-serif;
	background: #19012B;
	color: #ffffff;
}

.root-landing {
	min-height: auto;
}

a {
	-webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
         -o-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;
}

h1, h2, h4 {
	font-weight: 700;
	color: #ffffff;
}
h1, h2 {
	font-size: 3.6rem;
    text-transform: uppercase;
	margin-top: 5px;
}
h1 {
	margin-top: 16px;
	margin-bottom: 8px;
}
h3 {
	font-size: 3rem;
	margin-top: 0;
	margin-bottom: 28px;
	background-color: transparent;
}
.token-edu h3 {
	margin: 4rem 0 2rem;
	color: #ffffff;
}
h3 > span {
	display: block;
    background: linear-gradient(35deg, #7F2256 10%, #FF3479 60%);
	-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
	font-weight: 700;
}

p {
	font-size: 1.6rem;
	line-height: 1.3em;
}

.m-t-16r {
	margin-top: 6rem;
}

.root-landing .btn {
	margin-top: 16px;
}
.root-landing .btn-secondary {
	color: #ffffff;
	background-color: transparent;
	border: 2px solid #FF7838;
	border-radius: 12px;
}
.root-landing .btn.btn-reverse {
	color: #ffffff;
	background: #18002C; /* Old browsers */
	background: -webkit-linear-gradient(90deg, #18002C 0%, #240035 35%, #4E1242 72%, #7F2256 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(90deg, #18002C 0%, #240035 35%, #4E1242 72%, #7F2256 100%);
	font-weight: 700;
	padding: 1.8rem 3rem;
	margin-top: 0;
}

.navbar {
	box-shadow: none;
	border-bottom: 0;
}
.reverse {
	flex-direction: row-reverse;
}

.landing-navbar-logo img {
	width: 74px;
}
.landing-navbar-logo img:first-child {
	width: 32px;
}

.lang-menu {
	position: relative;
	float: right;
}
.lang-select {
	padding: 6px 2px 8px 10px;
	filter: drop-shadow(0px 0px 4px #00000021);
	background-color: #fff;
	border-radius: 10px;
	font-weight: 600;
}

.lang-menu .dropdown-menu {
	min-width: 80px;
}

.landing-cont-hero {
	position: relative;
	background-image: url("../images/landing/token-hero.png");
	background-position: 100% 0%;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 6rem 0 6rem;
}
.visible-xxlg-inline {
	display: none;
}

.container-fluid .landing-for-logo {
	margin-top: 20rem;
}
.landing-for-logo p {
    font-size: 3rem;
    font-weight: 500;
}
.landing-for-logo a.btn {
	margin-top: 8px;
	margin-bottom: 16px;
}

.landing-logo {
	width: 75%;
	margin: 0 0 16px 4px;
}

.landing-audited span {
	font-size: 1.2rem;
	color: #9d8596;
}
.landing-audited img {
	width: 61px;
	height: 24px;
}
.landing-audited img.ether {
	width: 121px;
	height: 29px;
}

.landing-pur img {
	max-width: 68px;
}
.landing-pur h4 {
	margin-bottom: 8px;
}
.landing-pur p {
	font-size: 1.6rem;
    padding: 0 2rem;
}

.landing-prepare img {
    width: 42px;
}
.landing-prepare span {
    font-size: 1.6rem;
}

.landing-steps {
	padding: 20px 8% 0;
}
.landing-steps span {
	font-size: 7rem;
	font-weight: 800;
	line-height: 1;
	margin: 0 28px 0 12px;
}
.landing-steps div {
	border-bottom: 3px solid #ffffff;
	flex-grow: 1;
	margin-bottom: 20px;
	padding-bottom: 8px;
}
.landing-steps div:last-child {
	border-bottom: 0;
}
.landing-steps-texts span {
	width: 25%;
	font-size: 1.8rem;
  	padding: 0 2.5rem;
}

.landing-form-acc img {
	margin-top: 0;
}

.landing-form-border {
	max-width: 100%;
	padding: 6px;
	margin-bottom: 5vw;
	border-radius: 36px;
	filter: drop-shadow(4px 4px 4px #0000003b);
}
.mait-gradient.inactive {
	background: #D0D0D0;
}
.landing-form {
	padding: 6% 3% 3% 3%;
	border-radius: 30px;
	color: #222222;
}
.landing-form.main-bg {
	background-attachment: inherit;
}
.landing-form.stretch {
	min-height: 100%;
}
.landing-form h2 {
	font-size: 60px;
	color: #FF7838;
}
.landing-form-second.inactive, 
.landing-form-third.inactive, 
.landing-form-acc.inactive {
	display: none;
}
.landing-form-acc {
	width: 100%;
}
.landing-form-succes-row span.num, .landing-form-succes-row i {
	font-size: 16px;
	font-weight: 700;
	color: #009b00;
	margin-right: 4px;
}
.landing-form-btns {
	justify-content: space-around;
}
.landing-form-btns a {
	color: #898989;
	font-size: 16px;
	font-weight: 600;
}
.landing-form-btns a:hover {
	color: #222222;
}
.landing-form-btns a.active {
	color: #222222;
	text-decoration: underline;
}
.landing-form input.form-control,
.landing-form textarea.form-control {
	border: 1px solid #D5D5D5;
	background-color: #ffffff;
}
input#inputTokens.form-control {
	font-size: 20px;
}
.landing-form-box h4 {
	margin: 0;
  	color: #000;
}
.field-icon {
	margin-right: -22px;
}
.forgot {
	color: #898989;
	text-decoration: underline;
}
.forgot:hover {
	color: #222222;
}

.landing-tile img {
	width: 100%;
}
.tile-shadow {
	filter: drop-shadow(0px 0px 4px #00000021);
}

.landing-banner {
	flex-wrap: wrap;
	background: #FF663D; /* Old browsers */
	background: -webkit-linear-gradient(90deg, #FF663D 0%, #FE4D5B 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(90deg, #FF663D 0%, #FE4D5B 100%);
	margin-top: 4rem;
}
.landing-banner .link {
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
}
.landing-pc {
	max-width: 80%;
}
.landing-banner-logo {
	width: 120px;
}

.root-landing .btn {
	font-size: 16px;
}

.landing-contact textarea, .landing-contact input[type="email"] {
	color: #ffffff;
	background-color: #D9D9D96B;
	border: 0;
	width: 100%;
}

.landing-socials {
	justify-content: flex-end;
}
.landing-socials a {
	margin-left: 24px;
}
.landing-socials img {
	max-width: 36px;
}

.token-edu li {
	margin-bottom: 16px;
}
.token-edu p img {
	width: 100%;
}
.token-edu a {
	word-wrap: anywhere;
}

@media (min-width: 768px) {
	p {
		font-size: 1.8rem;
	}
	h1, h2 {
		font-size: 5rem;
	}
	h1 {
		margin-top: 48px;
	}
	h3 {
		font-size: 4rem;
		margin-bottom: 48px;
	}
	.m-t-16r {
		margin-top: 16rem;
	}
	.landing-cont-hero {
		padding: 6rem 0 16rem;
	}
	.landing-logo {
		margin: 100px 0 32px 6px;
	}
	.container-fluid .landing-for-logo {
		margin-top: 0;
	}
	.landing-for-logo p {
		font-size: 3.3rem;
    	padding-right: 3rem;
	}
	.landing-for-logo a.btn {
		margin-bottom: 48px;
	}
	.root-landing .btn {
		margin-top: 32px;
	}
	.landing-why {
		padding-right: 8%;
	}
	.landing-prepare span {
		font-size: 20px;
	}
	.landing-steps div {
		margin-bottom: 34px;
		padding-bottom: 0;
	}
	.landing-steps span {
		margin: 0 28px;
	}
	.root-landing .btn.btn-reverse {
		margin-top: 32px;
	}
	.landing-audited span {
		margin-right: 8px;
	}
	.landing-audited img {
		margin-right: 24px;
	}
	.landing-form {
		padding: 9%;
	}
	.landing-form-box .btn {
		margin-top: 16px;
	}
	.landing-form-acc {
		width: 45%;
	}
	.landing-form-acc img {
		margin-top: 0;
	}
	.landing-close {
		justify-content: flex-end;
	}
	.landing-form-border {
		max-width: 39%;
		padding: 8px;
	}
	.landing-form-btns a {
		font-size: 26px;
	}
	.form-signin {
		padding: 0 15px;
	}
	.label-forgot {
		margin-bottom: 16px;
	}
	.landing-tile-text {
		top: 36px;
		left: 26px;
		font-size: 16px;
	}
	.landing-tile-text span {
		font-size: 3.2rem;
	}
	.landing-tile-logo {
		position: absolute;
		top: calc(50% - 50px);
		left: calc(50% - 41px);
		height: 98px;
	}
	.landing-banner {
		flex-wrap: nowrap;
		margin-top: 10rem;
		border-radius: 80px;
	}
	.landing-contact {
		position: relative;
		background-image: url("../images/landing/token-contact2.jpg");
		background-position: 100% 0%;
		background-repeat: no-repeat;
		background-size: contain;
		padding: 6rem 0;
	}
	.landing-contact input[type="email"] {
		width: 50%;
	}
	.token-edu p img {
		width: 50%;
	}
}
@media (max-width: 767px) {
	.flex-col-rev-xs {
		flex-flow: column-reverse;
	}
	.landing-audited div {
		width: 50%;
	}
	.landing-audited div:first-child {
		margin-right: 16px;
	}
	.landing-socials {
		margin-bottom: 48px;
	}
}

@media (min-width: 1200px) {
	h2 {
		font-size: 44px;
	}
}

@media (min-width: 1980px) {
	.landing-cont-hero {
		background-image: none;
	}
	.visible-xxlg-inline {
		display: inline-block;
	}
}