* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

html {font-size: 17px}

body {
font-family: 'Inter UI', arial, 'helvetica neue', sans-serif;
line-height: 1.6;
font-size: 1rem;
letter-spacing: 0.5px;
}

a {
color: #000;
text-decoration: none;
}

a:not(.nbb) {
border-bottom: 1px solid #000;
padding-bottom: 0.2em;
}

/* typography */

h1, h2, h3, h4, h5, h6 {font-weight: inherit}

h1, .f1 {font-size:2.75rem}
h2, .f2 {font-size:2.25rem}
h3, .f3 {font-size:1.75rem}
h4, .f4 {font-size:1.25rem}
h5, .f5 {font-size:1rem}
h6, .f6 {font-size:0.875rem}

.i {font-style: italic}
.b {font-weight: bold}
.ul {text-decoration: underline}
.strike {text-decoration: line-through}
.ttc {text-transform: capitalize}
.ttu {text-transform: uppercase}
.tac {text-align: center}

.ffm {font-family: undefined}
.ffs {font-family: 'Inter UI', arial, 'helvetica neue', sans-serif}

.fwb {font-weight: bold}
.fwn {font-weight: normal}

.tcwhite, .tcwhite a {color: #fff}
.tcblack, .tcblack a {color: #000}
.tcgrey, .tcgrey a {color: #F3F3F3}
.tcgreen, .tcgreen a {color: rgb(24, 34, 34)}

.lh1 {line-height: 1.2}

/* blocks */

.db{display:block}
.dib{display:inline-block}
.dn{display:none}
.dx{display:flex}
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
.fl{float:left}
.fr{float:right}
.fn{float:none}

.t0 {top: 0}
.l0 {left: 0}

.\31{width:100.000%}
.\31 \2f 2{width:50.000%}
.\31 \2f 3{width:33.333%}
.\31 \2f 4{width:25.000%}
.\31 \2f 5{width:20.000%}
.\31 \2f 6{width:16.667%}
.\32 \2f 3{width:66.667%}
.\32 \2f 5{width:40.000%}
.\33 \2f 4{width:75.000%}
.\33 \2f 5{width:60.000%}
.\34 \2f 5{width:80.000%}
.\35 \2f 6{width:83.333%}
.auto {width: auto}

p, ul, ol {margin: 1.5rem 0}
p:first-child, ul:first-child, ol:first-child {margin-top: 0}
p:last-child, ul:last-child, ol:last-child {margin-bottom: 0}

li {margin: 1rem 0}
li:first-child {margin-top: 0}
li:last-child {margin-bottom: 0}

img {width: 100%}

/* border, margin, padding */

.ba {border-style: solid; border-width: 1px}
.bt {border-top-style: solid; border-top-width: 1px}
.br {border-right-style: solid; border-right-width: 1px}
.bb {border-bottom-style: solid; border-bottom-width: 1px}
.bl {border-left-style: solid; border-left-width: 1px}
.bn {border-style: none; border-width: 0}

.bcwhite{border-color:#fff}
.bcblack{border-color:#000}
.bcgrey{border-color:#F3F3F3}
.bcgreen{border-color:rgb(24, 34, 34)}

.p0 {padding: 0}
.p0 {padding: 0rem}
.px0 {padding-left: 0rem;padding-right: 0rem}
.py0 {padding-top: 0rem;padding-bottom: 0rem}
.pt0 {padding-top: 0rem}
.pb0 {padding-bottom: 0rem}
.p1 {padding: 1.5rem}
.px1 {padding-left: 1.5rem;padding-right: 1.5rem}
.py1 {padding-top: 1.5rem;padding-bottom: 1.5rem}
.pt1 {padding-top: 1.5rem}
.pr1 {padding-right: 1.5rem}
.pb1 {padding-bottom: 1.5rem}
.pl1 {padding-left: 1.5rem}
.p2 {padding: 3rem}
.px2 {padding-left: 3rem;padding-right: 3rem}
.py2 {padding-top: 3rem;padding-bottom: 3rem}
.pt2 {padding-top: 3rem}
.pb2 {padding-bottom: 3rem}
.p3 {padding: 4.5rem}
.px3 {padding-left: 4.5rem;padding-right: 4.5rem}
.py3 {padding-top: 4.5rem;padding-bottom: 4.5rem}
.pb3 {padding-bottom: 4.5rem}
.p0-5 {padding: 0.75rem}
.px0-5 {padding-left: 0.75rem;padding-right: 0.75rem}
.py0-5 {padding-top: 0.75rem;padding-bottom: 0.75rem}
.pt0-5 {padding-top: 0.75rem}
.pb0-5 {padding-bottom: 0.75rem}
.pr0-5 {padding-right: 0.75rem}

.m0 {margin: 0}
.m0 {margin: 0rem}
.mx0 {margin-left: 0rem;margin-right: 0rem}
.my0 {margin-top: 0rem;margin-bottom: 0rem}
.mt0 {margin-top: 0rem}
.mb0 {margin-bottom: 0rem}
.m1 {margin: 1.5rem}
.mx1 {margin-left: 1.5rem;margin-right: 1.5rem}
.my1 {margin-top: 1.5rem;margin-bottom: 1.5rem}
.mt1 {margin-top: 1.5rem}
.mr1 {margin-right: 1.5rem}
.mb1 {margin-bottom: 1.5rem}
.ml1 {margin-left: 1.5rem}
.m2 {margin: 3rem}
.mx2 {margin-left: 3rem;margin-right: 3rem}
.my2 {margin-top: 3rem;margin-bottom: 3rem}
.mt2 {margin-top: 3rem}
.mb2 {margin-bottom: 3rem}
.m3 {margin: 4.5rem}
.mx3 {margin-left: 4.5rem;margin-right: 4.5rem}
.my3 {margin-top: 4.5rem;margin-bottom: 4.5rem}
.mb3 {margin-bottom: 4.5rem}
.m0-5 {margin: 0.75rem}
.mx0-5 {margin-left: 0.75rem;margin-right: 0.75rem}
.my0-5 {margin-top: 0.75rem;margin-bottom: 0.75rem}
.mt0-5 {margin-top: 0.75rem}
.mb0-5 {margin-bottom: 0.75rem}
.mr0-5 {margin-right: 0.75rem}

.mxa {margin-left: auto; margin-right: auto}

.mt50 {margin-top: 50%}
.ml50 {margin-left: 50%}
.trans-y50 {transform: translateY(-50%)}
.trans-x50 {transform: translateX(-50%)}

.bgwhite{background-color:#fff}
.bgblack{background-color:#000}
.bggrey{background-color:#F3F3F3}
.bggreen{background-color:rgb(24, 34, 34)}

.mw400{max-width:400px}
.mw800{max-width:800px}
.mw1000{max-width:1000px}
.mw1200{max-width:1200px}
.mw1400{max-width:1400px}
.crdown{cursor:s-resize}
.crup{cursor:n-resize}
.lhf3{line-height:1.75rem}
.lhf4{line-height:1.25rem}
.on{outline:none}
.tar{text-align:right}
.bsdash{border-style:none none dashed none}
/* media query customs */

@media (max-width: 900px) {
html {font-size: 15px}
.m-\31 {width: 100%}
.m-\31 \2f 2 {width: 50%}
.m-l0 {left: 0}
.m-tac {text-align: center}

.p0 {padding: 0}
.p2 {padding: 2rem}
.px2 {padding-left: 2rem;padding-right: 2rem}
.py2 {padding-top: 2rem;padding-bottom: 2rem}
.pt2 {padding-top: 2rem}
.pb2 {padding-bottom: 2rem}
.p3 {padding: 3rem}
.px3 {padding-left: 3rem;padding-right: 3rem}
.py3 {padding-top: 3rem;padding-bottom: 3rem}
.pb3 {padding-bottom: 3rem}

.m0 {margin: 0}
.m2 {margin: 2rem}
.mx2 {margin-left: 2rem;margin-right: 2rem}
.my2 {margin-top: 2rem;margin-bottom: 2rem}
.mt2 {margin-top: 2rem}
.mb2 {margin-bottom: 2rem}
.m3 {margin: 3rem}
.mx3 {margin-left: 3rem;margin-right: 3rem}
.my3 {margin-top: 3rem;margin-bottom: 3rem}
.mb3 {margin-bottom: 3rem}

}
.ffv { font-family: 'Vidaloka', georgia, sans }
/*
a = bb on hover
a.nbb = color on hover
a.nbb.nh = nothing on hover
*/
a {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s;
}
a:not(.nh):hover { color: #23CE6B }
a:not(.nbb) {
  transition: border-color 0.2s;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid rgba(0,0,0,0);
}
a:not(.nbb):hover {
  color: inherit;
  border-color: #000;
}
.lh1 { line-height: 1.2 }
.clear:after {
    clear: both;
    content: "";
    display: table;
}

.button {
	font-size: .75rem;
	color: #fff;
	background: #000;
	padding: 20px 30px;
  border: none;
}

.button:hover { color: #fff }

.logo {
	width: 175px;
	margin-left: auto;
	margin-right: auto;
}
.logo.small { width: 50px }
.logo img { filter: brightness(0) }

.navlink {
	flex-grow: 1;
	flex-basis: 0;
}
.navlink.navfit a { line-height: 46px }

input[type="text"] {
	outline: none;
	border: none;
	font-family: inherit;
}
input[type="text"]::placeholder { color: #ccc }

.bg23 {
  width: 66.666%;
  top: 300px;
  bottom: 0;
  left: 33.333%;
  z-index: -10;
}

.card {
  height: 200px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.mathover { transition: transform 250ms cubic-bezier(0.23, 1, 0.32, 1) }
.mathover:hover {transform: scale(1.03)}

.openable {
  height: auto;
  max-height: 0;
  overflow-y: hidden;
  transition: max-height 0.3s;
}

.openable.open { max-height: 1000px }
.shadow { box-shadow: 0 1px 6px rgba(38,38,39,.05) }

@media (max-width: 900px) {
  .bg23 { top: 0 }
  .shadow { box-shadow: none }
  .m-p0 { padding: 0 }
}

/* fonts */

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 400;
  src: url("/assets/fonts/inter-ui/Inter-UI-Regular.woff2?v=2.3") format("woff2"),
       url("/assets/fonts/inter-ui/Inter-UI-Regular.woff?v=2.3") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 400;
  src: url("/assets/fonts/inter-ui/Inter-UI-Italic.woff2?v=2.3") format("woff2"),
       url("/assets/fonts/inter-ui/Inter-UI-Italic.woff?v=2.3") format("woff");
}

@font-face {
  font-family: 'Inter UI';
  font-style:  normal;
  font-weight: 700;
  src: url("/assets/fonts/inter-ui/Inter-UI-Bold.woff2?v=2.3") format("woff2"),
       url("/assets/fonts/inter-ui/Inter-UI-Bold.woff?v=2.3") format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style:  italic;
  font-weight: 700;
  src: url("/assets/fonts/inter-ui/Inter-UI-BoldItalic.woff2?v=2.3") format("woff2"),
       url("/assets/fonts/inter-ui/Inter-UI-BoldItalic.woff?v=2.3") format("woff");
}
@font-face {
  font-family: 'Vidaloka';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/Vidaloka/Vidaloka-Regular.ttf') format('ttf'),
       url('/assets/fonts/Vidaloka/Vidaloka.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}