html, body {
	width: 100%;
	height: 100%;
}

body {
	font-optical-sizing: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin:0;
  	font-weight: 400;
  	font-style: normal;
}
body, input {
	font-family: "Golos Text", sans-serif;
	font-size:14px;
  	color: #13071A;
}
a {
	text-decoration:none;
	font-weight:600;
}
a.gradient {
	background: var(--Linear, linear-gradient(86deg, #301345 -16.1%, #862A9B 87.32%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.underlined {
	text-decoration:underline;
	text-decoration-color: #13071A;
}


@keyframes fadein {
  0% {opacity:0;}
  25% {opacity:0;}
  100% {opacity:1;}
}
@keyframes fadein-five {
  0% {opacity:0;}
  25% {opacity:0;}
  100% {opacity:.5;}
}
@keyframes fadeout {
  0% {opacity:1;}
  75% {opacity:1;}
  100% {opacity:0;}
}
@keyframes pop10 {
  0% {transform:translateY(10px);}
  25% {transform:translateY(10px);}
  60% {transform:translateY(0px);}
}
@keyframes pop20 {
  0% {transform:translateY(20px);}
  25% {transform:translateY(20px);}
  60% {transform:translateY(0px);}
}
@keyframes pop40 {
  0% {transform:translateY(40px);}
  25% {transform:translateY(40px);}
  60% {transform:translateY(0px);}
}



.bg-pale {background-color:#F9F4FA}
.bg-pale-mid {background-color:#E7DEEA}
.bg-dark {background-color:#13071A}
.t-center {text-align:center}
.t-right {text-align:right}
.t-light {color:#fff;}
.t-light-mid {color:rgba(255,255,255,0.5)}
.t-dark-mid {color:#756A7A;}
.f-row {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.f-col {
	display: flex;
	flex-direction: column;
}

.f-top {align-items: flex-start;justify-content: flex-start;}
.f-center {align-items: center;}
.f-middle {justify-content: center;}

.f-grow {
	flex-grow: 1;
}

.f-50 {flex-basis: 50%;}
.f-20 {flex-basis: 20%;}
.f-25 {flex-basis: 25%;}
.f-33 {flex-basis: 33%;}
.f-66 {flex-basis: 66%;}
.f-75 {flex-basis: 75%;}

.gap-xs {gap: 6px}
.gap-sm {gap: 12px}
.gap-md {gap: 24px}
.gap-lg {gap: 36px}
.gap-xl {gap: 48px}

.sp-xs {padding: 6px}
.sp-sm {padding: 12px}
.sp-md {padding: 24px}
.sp-lg {padding: 36px}
.sp-xl {padding: 48px}

.sp-t {padding-top:120px}
.sp-b {padding-bottom:120px}

.sp-t-s {padding-top:40px}
.sp-b-s {padding-bottom:40px}

.sticky {
	position:sticky;
	top:120px;
}

.pq-overlay {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:fixed;
	z-index:290;
	opacity:0;
	pointer-events:none;
	transition:0.3s ease opacity;
}
body.overlayOpen .pq-overlay {
	opacity:1;
	pointer-events:auto;

}

.pq-email {
	position:relative;
	cursor:pointer;
}
.pq-email.gradient {
	background: var(--Linear, linear-gradient(86deg, #301345 -16.1%, #862A9B 87.32%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.pq-email.styled {
	font-family: "Gulzar", serif;
	font-size:42px;
	letter-spacing: -.05rem;
	color:#fff;
	line-height:42px;
}
.pq-email.styled.dark {
	color:#242424;
}
.pq-email.styled.sm {
	font-size:20px;
	line-height:20px;
	margin-top:6px;
}
.pq-email::before {
	content:"Copied!";
	background-color:rgba(19,7,26,0.85);
/*	background-color:#fff;*/
	color:#fff;
/*	color:#000;*/
	position:absolute;
	border-radius:4px;
	width:80px;
	text-align:center;
	height:24px;
	line-height:24px;
	font-family: "Golos Text", sans-serif;
	font-size:14px;
	letter-spacing:0px;
	bottom:100%;
	right:-20px;
	margin-right:-40px;
	margin-bottom:10px;
	opacity:0;
	pointer-events:none;
	transform:translateY(20px);
	transition:0.3s ease all;
	background-clip: border-box;
	-webkit-background-clip: border-box;
	-webkit-text-fill-color: #fff;

}


.pq-email.copy::before {
	opacity:1;
	transform:translateY(0px);

}

.pq-email::after {
	content:'';
	width: 40px;
	height: 40px;
	margin-bottom:4px;
	background-image:url(images/icon-copy.png);
	background-size:20px;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0.6;
	transition: 0.3s ease opacity;
	position:absolute;
	top:50%;
	margin-top:-22px;
	left:100%;
}
.pq-email.styled::after {
	background-image:url(images/icon-copy-light.png);
}
.pq-email.sm::after {
	width:30px;
	height:20px;
	margin-bottom:2px;
	background-size:14px;
	margin-top:-12px;

}
.pq-email.sm::before {
	right:-17px;
}
.pq-email:hover::after {
	opacity:1;
}

.pq-header {
	height: 60px;
	text-align:center;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:300;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#13071A;
	display:none;
	transform:translateY(-60px);
	transition:0.3s ease transform;
}
body.scrolled .pq-header {
	transform:none;
}
.pq-header .button {
	position:absolute;
	width:60px;
	height:60px;
	top:0;
	right:0;
	background-image:url(images/icon-email-light.png);
	background-size:22px;
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
}
body.overlayOpen .pq-header .button {
	background-image:url(images/icon-x-light.png);
}
.pq-header img.logo {
	height:24px;
	width:auto;
}
.pq-updates {
	position:relative;
}
.pq-updates.fixed {
	position:fixed;
	bottom:40px;
	right:40px;
	z-index:300;
}


.pq-updates-overlay {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:fixed;
	z-index:190;
	/* background-color:; */
	pointer-events:none;
}

body.updatesOpen .pq-updates-overlay {
	pointer-events:auto;

}

	.pq-updates input {

		border:0px;
		border-radius:5px;
		height:48px;
		line-height:48px;
		position:relative;
	}

	.pq-updates.fixed input[type="email"] {
		background-color: rgba(9,7,26,.05);
		width: 60px;
		padding: 0 18px 0px 50px;
		background-image:url(images/icon-email.png);
		background-size:22px;
		background-repeat:no-repeat;
		background-position:18px center;
		transition:0.3s ease all;
		cursor:pointer;
	}
	.pq-updates input[type="submit"] {
		background-color:#13071A;
		color:#fff;
		padding:0 15px;
		height:42px;
		line-height:42px;
		font-size:12px;
		font-weight:600;
		position:absolute;
		margin:3px;
		right:0;
		top:0;

	}
	.pq-updates.fixed input[type="submit"] {
		opacity:0;
		pointer-events:none;
	}
	body.updatesOpen .pq-updates.fixed input[type="submit"],
	body.overlayOpen .pq-updates.fixed input[type="submit"] {
		opacity:1;
		pointer-events:auto;
		transition-delay:0.3s;
	}
	.pq-updates.fixed::after {
		content:"Updates";
		position:absolute;
		pointer-events:none;
		top:0;
		left:50px;
		height:48px;
		line-height:48px;
	}
	body.updatesOpen .pq-updates.fixed::after, body.overlayOpen .pq-updates.fixed::after {
		color:transparent;
	}
	.pq-updates.fixed input[type="email"], .pq-updates.fixed input::placeholder {
		color:transparent;
	}


	.pq-updates.overlay input[type="email"],
	body.updatesOpen .pq-updates.fixed input[type="email"],
	body.overlayOpen .pq-updates.fixed input[type="email"] {
		background-color:#fff;
		color: #13071A;
		width: 300px;
		cursor:text;
		outline:0px;
		box-shadow: 0 0 33px 0 rgba(0, 0, 0, 0.13);
	}

	.pq-updates input[type="email"] {
		padding-left:12px;
	}
	.pq-updates input[type="email"]::placeholder,
	body.updatesOpen .pq-updates.fixed input[type="email"]::placeholder,
	body.overlayOpen .pq-updates.fixed input[type="email"]::placeholder {
		color: rgba(9,7,26,.3);
	}
	.pq-updates.fixed input[type="email"]::placeholder {
		color:transparent;
	}

.pq-logo {
	width: 120px;
	height: auto;
	z-index: 400;
	position: relative;
}
.pq-content {
	height: 100%;
	position:relative;
	z-index:100;
}
.pq-section {
	padding-left:  200px;
	padding-right:  200px;
}
.pq-section.header {
	height:90%;
}

.pq-t-headline {
	font-family: "Gulzar", serif;
	font-size:90px;
	line-height:100%;
	letter-spacing:-.125rem;
}
.pq-t-headline.sm {
	font-size:42px;
	line-height:110%;
	letter-spacing: -.05rem;
}
.pq-t-copy {
	font-size:16px;
	line-height:160%;
	color: rgba(9,7,26,.8);
}
.pq-foundedby {
	gap: 12px;
	flex-wrap: wrap;
}
.pq-founder {
	color: #13071A;
	transition: 0.3s ease background;
}
.pq-founder:hover {
	background: var(--Linear, linear-gradient(86deg, #301345 -16.1%, #862A9B 87.32%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.pq-founder::after {
	content:'';
	width: 12px;
	height: 12px;
	margin-top:2px;
	background-image:url(images/icon-linkout.png);
	background-size:contain;
	background-repeat:no-repeat;
	opacity:0.6;
	transition: 0.3s ease opacity;

}
.pq-founder.centered {
	position:relative;
}
.pq-founder.centered::after {
	position:absolute;
	left:100%;
	margin-left: 5px;

}

.pq-founder:hover::after {
	opacity:1;
}

.pq-founder img {
	width: 28px;
	height: 28px;
	object-fit: cover;
	border-radius: 28px;
	background-color:rgba(9,7,26,.1);
}

.pq-copy-header {
	border-top: 1px solid rgba(9,7,26,.1);
	font-size:14px;
	padding-top:24px;
	font-weight:600;
}

.pq-copy-header-blog {
	border-top: 1px solid rgba(9,7,26,.1);
	font-size:21px;
	padding-top:24px;
	font-weight:600;
}

.pq-teammember {
	border-top: 1px solid rgba(9,7,26,.1);
	padding-top:24px;
}
.pq-teammember img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 100px;
	background-color:rgba(9,7,26,.1);
}

.fadein {
	animation-name: fadein;
  	animation-duration: 2s;
}

.fadein-five {
	animation-name: fadein-five;
  	animation-duration: 1s;
}

.fadein-fast {
	animation-name: fadein;
  	animation-duration: 1s;
}

.fadein-slow {
	animation-name: fadein;
  	animation-duration: 3s;
}

.fadeout {
	animation-name: fadeout;
  	animation-duration: 2s;
}
.pop10 {
	animation-name: pop10;
  	animation-duration: 2s;
}
.pop20 {
	animation-name: pop20;
  	animation-duration: 2s;
}
.pop40 {
	animation-name: pop40;
  	animation-duration: 2s;
}



/* Mailchimp */

/*.mc-field-group {
	position:static;
}
.mce_inline_error {
	position:absolute;
}*/

div.mce_inline_error, div.response {
	position:absolute;
	bottom:100%;
	right:0;
	width:368px;
	background-color: #f1f1f1;
	border-radius:4px;
	margin-bottom:10px;
	text-align:center;
	padding:10px 0;
	font-size:14px;
	letter-spacing:0px;
	opacity:0;
	transition:0.3s ease opacity;
}

body.updatesOpen div.mce_inline_error, body.overlayOpen div.mce_inline_error {
	opacity:1;
}
body.updatesOpen div.response,
body.overlayOpen div.response {
	animation-name: fadeout;
  	animation-duration: 2s;
  	opacity:0;
}

@media (max-width: 1400px) {
	.pq-t-headline {
		font-size:80px;
	}
	/*.pq-t-headline.sm {
		font-size:38px;
	}*/
}
@media (max-width: 1300px) {
	.pq-t-headline {
		font-size:70px;
	}
	.pq-t-headline.sm {
		font-size:32px;
	}
}
@media (max-width: 1200px) {
	.pq-t-headline {
		font-size:60px;
	}
	/*.pq-t-headline.sm {
		font-size:28px;
	}*/
	.pq-section {
		padding-left:  100px;
		padding-right:  100px;
	}

	.sp-t {padding-top:60px}
	.sp-t-s {padding-top:20px}
	.sp-b {padding-bottom:60px}
	.sp-b-s {padding-bottom:20px}
	.sticky {
		top:60px;
	}
}
@media (max-width: 900px) {
	.pq-t-headline {
		font-size:50px;
	}
	/*.pq-t-headline.sm {
		font-size:24px;
	}*/
	.pq-foundedby {
		font-size:12px;
	}
	.pq-founder img {
		width: 20px;
		height: 20px;
	}
	.pq-logo {
		width: 80px;
	}
	.gap-xs {gap: 3px}
	.gap-sm {gap: 6px}
	.gap-md {gap: 12px}
	.gap-lg {gap: 18px}
	.gap-xl {gap: 24px}
}
@media (max-width: 800px) {

	.pq-section {
		padding-left:  30px;
		padding-right:  30px;
	}
	.sp-t {padding-top:50px}
	.sp-t-s {padding-top:16.667px}
	.sp-b {padding-bottom:50px}
	.sp-b-s {padding-bottom:16.667px}
	.sticky {
		position:static;
	}

	.pq-founder img {
		display:none;
	}
	.pq-founder::after {
		display:none;
	}
	.pq-foundedby {
		gap: 5px;
	}
	.f-row.mobile-col {
		flex-direction: column;
	}
	.f-row.mobile-col-rev {
		flex-direction: column-reverse;

	}
	.f-50, .f-25, .f-75 {width:100%;}
	.pq-updates.fixed {
		display:none;
		left:40px;
	}
	.pq-updates.fixed input[type="email"]{
		width:100% !important;
		box-sizing:border-box;
	}
	div.mce_inline_error, div.response {
		width:100%;
	}
	body.overlayOpen .pq-updates.fixed {
		display:block;
	}

	.pq-overlay {
		display:flex;
	}
	.pq-header {
		display:flex;
	}



}
@media (max-width: 700px) {
	/*.pq-t-headline {
		font-size:40px;
	}*/
}

@media (min-width: 2000px) {
	/*.pq-section {
		padding-left:  0px;
		padding-right:  0px;
		width:1600px;
		margin-left:auto;
		margin-right:auto;
	}*/
	.pq-t-headline {
		font-size:120px;
	}
	.pq-section .section-wrapper {
			width:1600px;
			margin-left:auto;
			margin-right:auto;

	}
}
