body {
	color: white;
	background-image: url('/res/bg-inneneinrichtung.jpg');
	background-color: rgba(4,6,8,.85);'/img/cat-pic-1.jpg'
     margin: 0;
     font-size: 15px;
     line-height: 1.5;
     font-family: Nunito, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
     font-weight: 400;
     background: #f8f9fa;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale 
}
#status {text-indent: -9999px;                 /* sends the text off-screen */
  color: black;
}
.centre {
  text-align: center;
}
.blackpx {
	text-shadow: 0 0 3px #000;
}	
.blueshine {
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #00f, 0 0 30px #00f, 0 0 40px #00f, 0 0 50px #00f, 0 0 75px #00f;  
}
.orangeshine {
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #f15024, 0 0 30px #f15024, 0 0 40px #f15024, 0 0 50px #f15024, 0 0 75px #f15024;
}	
.redshine {
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #f00, 0 0 30px #f00, 0 0 40px #f00, 0 0 50px #f00, 0 0 75px #f00;
}
.yellowshine {
  text-shadow: 3px 3px 20px #ffff00, -2px 1px 30px #ffff00;
}
.content {
text-align: left;
font-size: .5em;
}
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  text-align: center;
}

/* schaap */

blockquote, body, div, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, td, textarea, th, ul {
     margin: 0;
     padding: 0 
}
 table {
     border-collapse: collapse;
     border-spacing: 0 
}
 button, input, li, pre, select, td, textarea {
     font-family: inherit;
     font-size: inherit;
     vertical-align: baseline;
     -webkit-appearance: none 
}
 button, select {
     text-transform: none 
}
 fieldset, img {
     border: 0 
}
 ol, ul {
     list-style: none 
}
 article, aside, footer, header {
     display: block 
}
html {
 font-size: 100%;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100% 
}
* {
 box-sizing: border-box 
}
@font-face {
 font-family: Nunito;
 font-display: fallback;
 font-style: normal;
 font-weight: 400;
 src: local("Nunito Regular"), local("Nunito-Regular"), url(/fonts/Nunito.woff2) format("woff2"), url(/fonts/Nunito.woff) format("woff"), url(/fonts/NunitoBold.ttf) format("truetype") 
}
@font-face {
 font-family: Nunito;
 font-display: fallback;
 font-style: normal;
 font-weight: 700;
 src: local("Nunito Bold"), local("Nunito-Bold"), url(/fonts/NunitoBold.woff2) format("woff2"), url(/fonts/Nunito.woff) format("woff"), url(/fonts/NunitoBold.ttf) format("truetype") 
}
html {
 -webkit-tap-highlight-color: transparent 
}
body ::selection {
 color: #f8f9fa;
 background: #2e36df 
}
body strong {
 font-weight: 700 
}
body a {
 text-decoration: none;
 outline-style: none 
}
body a:hover {
 text-decoration: none;
 color: #3740ff 
}
body a:active {
 text-decoration: none;
 color: #3740ff 
}
body h1, body h2, body h3, body h4 {
 font-weight: 400;
 font-size: 16px 
}
body hr {
 display: block;
 height: 1px;
 border: 0;
 border-top: 1px solid #202124;
 margin: .5em 0;
 padding: 0 
}
body>header {
 position: relative 
}
body>header .hamburger {
 position: fixed;
 top: 32px;
 right: 32px;
 padding: 8px;
 cursor: pointer;
 z-index: 1;
 line-height: 1;
 width: 40px;
 height: 40px;
 font-size: 22px 
}
@media (max-width:600px) {
 body>header .hamburger {
	 top: 18px;
	 right: 18px 
}
}
body>main {
 display: flex;
 flex-direction: column;
 min-height: 100% 
}
body>main>.content {
 margin: 0 auto;
 max-width: 1040px;
 padding: 20px 32px 
}
body>main>.content ol, body>main>.content ul {
 list-style: square;
 margin-top: 1em;
 margin-bottom: 1em;
 margin-left: 1em;
 padding-left: 1em 
}
body>main>.content ol li+li, body>main>.content ul li+li {
 padding-top: 8px 
}
body>main>.content a {
 text-decoration: underline 
}
@media (max-width:600px) {
 body>main>.content {
	 padding: 20px 18px 
}
}
body>main strong {
 font-weight: 600 
}
body>main h1 {
 font-size: 30px;
 margin: 8px 0 16px 
}
body>main h2 {
 font-size: 27px;
 margin: 8px 0 16px;
 font-weight: 600 
}
body>main h3 {
 font-size: 20px;
 margin: 32px 0 24px 
}
body>main p {
 margin: 8px 0 
}
body>main p+p {
 margin-top: 16px 
}
body>main table td, body>main table th {
 padding: 8px 16px 
}
body>footer {
 text-align: center;
 padding: 20px 32px 
}
body>footer p {
 font-size: 13px 
}
body>footer a {
 border-bottom: 1px solid #bbb 
}
body #speed>div.loading {
 animation-name: loading;
 animation-delay: 1s;
 animation-duration: 4s;
 animation-iteration-count: infinite;
 animation-fill-mode: forwards;
 opacity: 0;
 height: 300px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 text-align: center;
 font-size: 16px;
 font-weight: 700 
}
@media (max-width:600px) {
 body #speed>div.loading {
	 height: 100px 
}
}
body .overflow {
 -webkit-overflow-scrolling: touch;
 overflow: auto 
}
body.no-scroll {
 overflow: hidden 
}
form .field {
 display: flex;
 flex-direction: column;
 padding: 10px 0 
}
form .field.row {
 flex-direction: row 
}
form .field.checkbox {
 flex-direction: row-reverse;
 align-items: center;
 justify-content: flex-end 
}
form .field.checkbox a {
 border-bottom: 1px solid #333 
}
form .field.checkbox>label {
 padding: 0 0 0 18px;
 font-weight: 400;
 margin: 0;
 flex: 1 
}
form .field.checkbox>div {
 width: 30px 
}
form .field.upload .preview {
 min-height: 100px;
 z-index: 7;
 position: relative 
}
form .field.upload .preview input[type=file] {
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 top: 0;
 margin: 0;
 padding: 0;
 opacity: 0;
 z-index: 10;
 cursor: pointer 
}
form .field.upload .preview img, form .field.upload .preview svg {
 display: block 
}
form .field.upload .preview.uploading {
 opacity: .6 
}
form .field.upload .preview.success {
 opacity: 1 
}
form .field.upload .preview.error {
 border: 1px solid #fa4558;
 overflow: hidden 
}
form .field.upload .actions {
 margin-top: 10px 
}
form .field.upload .actions button {
 font-size: 13px;
 min-height: 0;
 display: inline-block;
 min-width: 135px 
}
form label {
 font-size: 15px;
 color: #202124;
 margin-bottom: 12px;
 font-weight: 700;
 display: block;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none 
}
form label span.text {
 max-width: 500px;
 font-weight: 300;
 font-size: 18px;
 line-height: 24px;
 padding-bottom: 12px 
}
form label span.extra {
 display: block;
 font-size: 13px;
 font-weight: 300 
}
form input, form select, form textarea {
 border: 1px solid #e0dede;
 border-radius: 5px;
 padding: 10px 12px;
 outline: none;
 min-height: 40px;
 line-height: 1.4 
}
form input:focus, form select:focus, form textarea:focus {
 box-shadow: inset 0 0 0 2px #485ac9;
 border: 1px solid #6072e1 
}
@media (max-width:768px) {
 form input, form select, form textarea {
	 padding: 10px 
}
}
form input::-ms-input-placeholder, form select::-ms-input-placeholder, form textarea::-ms-input-placeholder {
 color: #aaa;
 font-weight: 400;
 opacity: 1 
}
form input::placeholder, form select::placeholder, form textarea::placeholder {
 color: #aaa;
 font-weight: 400;
 opacity: 1 
}
form input[type=radio], form select[type=radio], form textarea[type=radio] {
 -webkit-appearance: radio;
 padding: 0 
}
form input[type=radio]:focus, form select[type=radio]:focus, form textarea[type=radio]:focus {
 box-shadow: none 
}
form input[type=checkbox], form select[type=checkbox], form textarea[type=checkbox] {
 -webkit-appearance: checkbox;
 height: 20px;
 width: auto;
 margin: 0;
 padding: 0 
}
form input[type=checkbox]:focus, form select[type=checkbox]:focus, form textarea[type=checkbox]:focus {
 box-shadow: none 
}
form input, form label, form select, form textarea {
 -webkit-tap-highlight-color: transparent 
}
form input.error, form label.error, form select.error, form textarea.error {
 color: #f01f35;
 border-color: #fa4558 
}
form input.error:focus, form label.error:focus, form select.error:focus, form textarea.error:focus {
 box-shadow: inset 0 0 0 2px #fa4558 
}
form input.error::-ms-input-placeholder, form label.error::-ms-input-placeholder, form select.error::-ms-input-placeholder, form textarea.error::-ms-input-placeholder {
 color: #f01f35;
 opacity: .8 
}
form input.error::placeholder, form label.error::placeholder, form select.error::placeholder, form textarea.error::placeholder {
 color: #f01f35;
 opacity: .8 
}
form input.error>a:link, form label.error>a:link, form select.error>a:link, form textarea.error>a:link {
 color: #f01f35;
 border-color: #fa4558 
}
form input[disabled], form label[disabled], form select[disabled], form textarea[disabled] {
 opacity: .8;
 cursor: not-allowed 
}
form input.search, form label.search, form select.search, form textarea.search {
 background: #fff 10px 50% url(data:image/svg+xml;
base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNBQUE5QjMiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiLz4KICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPgo=) no-repeat;
 padding: 10px 10px 10px 40px 
}
form textarea {
 resize: none;
 min-height: 100px 
}
form select {
 min-width: 200px;
 background: url(data:image/svg+xml;
base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMTAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZD0iTTAgMGgyNHYxMEgweiIvPgogICAgPHBhdGggZD0iTTMuNDUzIDcuMzE3TC45MSA0LjEzN0EuNy43IDAgMCAxIDEuNDU2IDNoNS4wODhhLjcuNyAwIDAgMSAuNTQ2IDEuMTM3bC0yLjU0MyAzLjE4YS43LjcgMCAwIDEtMS4wOTQgMHoiIGZpbGw9IiNFM0U0RjEiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat 100% #fff;
 padding-right: 32px;
 -moz-appearance: none 
}
form .placeholder {
 margin-top: -10px;
 margin-bottom: 12px 
}
#react-select-2-input {
 border: none;
 box-shadow: none 
}
html.homepage main>.billboard {
 max-width: 1040px;
 min-height: 70vh;
 margin: auto;
 padding: 60px 32px 40px;
 display: flex;
 flex-direction: row;
 justify-content: start;
 align-items: center;
 position: relative 
}
html.homepage main>.billboard>div {
 padding-right: 30px 
}
html.homepage main>.billboard>div h1 {
 font-size: 45px;
 margin: 0;
 font-weight: 900;
 letter-spacing: -.015em;
 line-height: 1.3 
}
html.homepage main>.billboard>div h2 {
 margin: 20px 0;
 font-size: 20px;
 font-weight: 400 
}
html.homepage main>.billboard>div h2 sub {
 vertical-align: baseline 
}
html.homepage main>.billboard>div .button, html.homepage main>.billboard>div button {
 vertical-align: top 
}
html.homepage main>.billboard>div.illustration {
 text-align: right;
 position: relative;
 width: 40vw;
 min-width: 250px 
}
html.homepage main>.billboard>div.illustration .arrow {
 position: absolute;
 left: 50%;
 top: 36%;
 width: 17%;
 height: 22%;
 animation: startspeed 1.1s ease 0ms 1, maxspeed .8s ease 1.5s infinite;
 transform-origin: 5% 95% 
}
html.homepage main>.billboard>div.illustration div {
 position: relative 
}
html.homepage main>.billboard>div.illustration img {
 width: 100%;
 height: auto 
}
html.homepage main>.billboard>div:last-of-type {
 padding-right: 0 
}
@media (max-width:1000px) {
 html.homepage main>.billboard>div h1 {
	 font-size: 33px 
}
 html.homepage main>.billboard>div h2 {
	 font-size: 24px 
}
 html.homepage main>.billboard>div.illustration {
	 width: 30vw 
}
}
@media (max-width:600px) {
 html.homepage main>.billboard {
	 padding: 0 18px 16px 
}
 html.homepage main>.billboard>div {
	 width: 100%;
	 padding-right: 0;
	 flex: initial 
}
 html.homepage main>.billboard>div h1 {
	 font-size: 30px 
}
 html.homepage main>.billboard>div.illustration {
	 margin: 60px 0 24px;
	 text-align: center;
	 width: 100% 
}
}
html.homepage main>.logos {
 background: #fff;
 border: 1px solid #e2e2e2;
 box-shadow: 0 8px 24px 0 rgba(78, 85, 100, .04);
 border-right: 0;
 border-left: 0;
 position: relative;
 margin: 40px 0 
}
html.homepage main>.logos .top {
 position: absolute;
 top: -40px;
 left: 0;
 right: 0;
 text-align: center 
}
html.homepage main>.logos .top h3 {
 margin: 0;
 text-transform: uppercase;
 font-size: 15px;
 letter-spacing: .25em;
 font-weight: 600;
 color: #727682 
}
@media (max-width:600px) {
 html.homepage main>.logos .top {
	 top: -30px 
}
 html.homepage main>.logos .top h3 {
	 font-size: 14px;
	 letter-spacing: .2em 
}
}
html.homepage main>.logos ul {
 padding: 40px 0;
 display: -ms-grid;
 display: grid;
 grid-column-gap: 32px;
 justify-content: space-around;
 overflow: auto;
 overflow-y: hidden;
 -webkit-overflow-scrolling: touch;
 grid-auto-flow: column 
}
html.homepage main>.logos ul li {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 text-align: center 
}
html.homepage main>.logos ul li img {
 display: none 
}
html.homepage main>.logos ul li strong {
 display: block;
 white-space: nowrap;
 color: #3740ff 
}
@media (max-width:600px) {
 html.homepage main>.logos ul {
	 justify-content: start 
}
}
@media (max-width:600px) {
 html.homepage main>.logos {
	 margin-top: 80px 
}
}
html.homepage main>.score {
 margin: 0 auto;
 max-width: 1040px;
 padding: 20px 32px 
}
@media (max-width:600px) {
 html.homepage main>.score {
	 padding: 32px 18px 
}
}
html.homepage main>.score h3 {
 font-size: 22px;
 font-weight: 600;
 margin: 0 
}
html.homepage main>.score form {
 max-width: 400px 
}
html.homepage main>.score form .field {
 align-items: start 
}
html.homepage main>.score form input[type=text] {
 padding-top: 5px;
 padding-bottom: 5px;
 flex: 1;
 line-height: 38px 
}
html.homepage main>.score form .button {
 margin: 0 0 0 10px 
}
html.homepage main>.explain {
 max-width: 1040px;
 margin: 0 auto;
 position: relative;
 padding: 60px 0;
 display: flex;
 flex-direction: row;
 justify-content: center 
}
html.homepage main>.explain>.text {
 padding: 0 64px 0 32px 
}
html.homepage main>.explain>.text h4 {
 font-weight: 400;
 font-size: 14px;
 color: #717171 
}
html.homepage main>.explain>.text h3 {
 font-size: 22px;
 font-weight: 600;
 margin: 0 
}
html.homepage main>.explain>.text h5 {
 font-size: 20px 
}
html.homepage main>.explain>.text h5 span {
 opacity: .2 
}
html.homepage main>.explain>.text .labels {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 margin: 20px 0;
 color: #717171 
}
html.homepage main>.explain>.text .labels span {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 font-size: .9em;
 border-radius: 8px;
 padding: 2px 8px;
 margin: 5px 5px 0 0;
 background: #fcfdfe;
 border: 1px solid #e3e4f1;
 white-space: nowrap;
 box-shadow: 0 4px 12px 0 rgba(78, 85, 100, .04);
 -webkit-font-smoothing: subpixel-antialiased 
}
html.homepage main>.explain>.text .tip {
 margin: 20px -15px;
 background: #fcfdfe;
 padding: 10px 15px;
 border: 1px solid #e3e4f1;
 border-radius: 8px 
}
html.homepage main>.explain>.text ul {
 display: -ms-grid;
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
 grid-column-gap: 32px;
 grid-row-gap: 32px;
 justify-content: space-around;
 margin: 80px 0 30px 
}
html.homepage main>.explain .cv .holder {
 z-index: 2;
 border-radius: 8px;
 width: 250px;
 box-shadow: 0 8px 24px 0 rgba(78, 85, 100, .04);
 padding: 24px;
 margin: 24px 0 0;
 text-align: center;
 border: 1px solid #e2e2e2 
}
html.homepage main>.explain .cv .holder>img {
 border-radius: 50%;
 width: 150px;
 height: 150px;
 margin: -30% auto 8px 
}
html.homepage main>.explain .cv .holder .name {
 font-size: 22px 
}
html.homepage main>.explain .cv .holder .now, html.homepage main>.explain .cv .holder .previous {
 text-transform: uppercase;
 font-size: 11px;
 letter-spacing: .08em 
}
html.homepage main>.explain .cv .holder .previous {
 font-size: 10px;
 color: #717171 
}
html.homepage main>.explain .cv .holder .intro {
 margin: 20px 0 0;
 text-align: left 
}
html.homepage main>.explain .cv .holder .intro h4 {
 font-weight: 600;
 font-size: 13px;
 margin: 10px 0 0 
}
html.homepage main>.explain .cv .holder .intro p {
 opacity: .8;
 padding: 10px 5px 
}
html.homepage main>.explain .cv .social {
 display: flex;
 flex-direction: row;
 justify-content: center;
 margin-top: 10px 
}
html.homepage main>.explain .cv .social a {
 display: block;
 width: 15px;
 height: 15px;
 text-indent: -9999px;
 overflow: hidden;
 background-repeat: no-repeat;
 background-size: contain 
}
html.homepage main>.explain .cv .social a.tw {
 background-image: url(data:image/svg+xml;
base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTkgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzYuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgPHBhdGggZmlsbD0iIzlCQTlCQiIgZD0iTTU1LDEuNzc1OTg1MjMgQzU0LjMwMDY5NDQsMi4wNzY5Mzg4NSA1My41NDk2NjY3LDIuMjgwNDc5ODkgNTIuNzYxMTY2NywyLjM3MjI1Mjc5IEM1My41NjYwMjc4LDEuOTAzNjQ2OTkgNTQuMTg0MDU1NiwxLjE2MTI2MDU1IDU0LjQ3NDg2MTEsMC4yNzY4NTY4MjEgQzUzLjcyMjI1LDAuNzExMTExODcxIDUyLjg4NzgzMzMsMS4wMjY0MjEwMyA1MS45OTk1ODMzLDEuMTk2MTI0IEM1MS4yODg2NjY3LDAuNDYwNDAyNjM5IDUwLjI3NTg2MTEsMCA0OS4xNTQzMzMzLDAgQzQ3LjAwMTUyNzgsMCA0NS4yNTY2OTQ0LDEuNjk2MDA0MzggNDUuMjU2Njk0NCwzLjc4Njc4NjA3IEM0NS4yNTY2OTQ0LDQuMDgzNjM4MSA0NS4yOTEsNC4zNzIyODY5NyA0NS4zNTY5NzIyLDQuNjQ5NjU2NDkgQzQyLjExNzQ3MjIsNC40OTE3NDU1NyAzOS4yNDUzMDU2LDIuOTgzOTAxMjkgMzcuMzIyNjExMSwwLjY5MzY4MDE0NSBDMzYuOTg3NDcyMiwxLjI1MjUyMDc2IDM2Ljc5NDgzMzMsMS45MDMxMzQyOSAzNi43OTQ4MzMzLDIuNTk3MzI3MTQgQzM2Ljc5NDgzMzMsMy45MTA4NTg5NCAzNy40ODMwNTU2LDUuMDcwMDY4NyAzOC41MjkxMTExLDUuNzQ4ODgwNjEgQzM3Ljg4OTk3MjIsNS43MjkzOTgwOSAzNy4yODg4MzMzLDUuNTU5MTgyNDIgMzYuNzYzNjk0NCw1LjI3NTE0NzgzIEMzNi43NjMxNjY3LDUuMjkxMDQxNDYgMzYuNzYzMTY2Nyw1LjMwNjkzNTA5IDM2Ljc2MzE2NjcsNS4zMjI4Mjg3MiBDMzYuNzYzMTY2Nyw3LjE1Nzc3NDIxIDM4LjEwNjg4ODksOC42ODc2NjQ0OSAzOS44OTAyNSw5LjAzNTc4NjMxIEMzOS41NjMwMjc4LDkuMTIyNDMyMjQgMzkuMjE4Mzg4OSw5LjE2ODU3NTA0IDM4Ljg2MzE5NDQsOS4xNjg1NzUwNCBDMzguNjExOTcyMiw5LjE2ODU3NTA0IDM4LjM2NzYxMTEsOS4xNDQ5OTA5NCAzOC4xMjk1ODMzLDkuMTAwODk4OTMgQzM4LjYyNTY5NDQsMTAuNjA1MTU0MyA0MC4wNjU0NzIyLDExLjY5OTc2NDIgNDEuNzcxMjUsMTEuNzMwNTI2IEM0MC40MzcwMjc4LDEyLjc0NjE4MDQgMzguNzU2MDU1NiwxMy4zNTE2NzY1IDM2LjkyOTk0NDQsMTMuMzUxNjc2NSBDMzYuNjE1Mzg4OSwxMy4zNTE2NzY1IDM2LjMwNTA1NTYsMTMuMzMzNzMyMSAzNiwxMy4yOTg4Njg2IEMzNy43MjUzMDU2LDE0LjM3Mjk3MDYgMzkuNzc0MTM4OSwxNSA0MS45NzU1LDE1IEM0OS4xNDUzNjExLDE1IDUzLjA2NjIyMjIsOS4yMzAwOTg3OCA1My4wNjYyMjIyLDQuMjI1NjU1NCBDNTMuMDY2MjIyMiw0LjA2MTU5MjEgNTMuMDYyNTI3OCwzLjg5ODU1NDE5IDUzLjA1NDYxMTEsMy43MzYwMjg5OCBDNTMuODE2NzIyMiwzLjIwMjMxMDU2IDU0LjQ3NzUsMi41MzQ3NzggNTUsMS43NzU5ODUyMyI+PC9wYXRoPgogIDwvZz4KPC9zdmc+Cg==);
 width: 16px;
 height: 18px 
}
html.homepage main>.explain .cv .social a.li {
 background-image: url(data:image/svg+xml;
base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSI+CiAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzQuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICA8cGF0aCBmaWxsPSIjOUJBOUJCIiBkPSJNODYuNzgwODk1LDEyLjc4MTY2NjcgTDg0LjU1ODA0MDEsMTIuNzgxNjY2NyBMODQuNTU4MDQwMSw5LjMwMDgzMzMzIEM4NC41NTgwNDAxLDguNDcwODMzMzMgODQuNTQyMjA3Miw3LjQwMjkxNjY3IDgzLjQwMjIzODgsNy40MDI5MTY2NyBDODIuMjQzOTM3Nyw3LjQwMjkxNjY3IDgyLjA2NzI3NTksOC4zMDcwODMzMyA4Mi4wNjcyNzU5LDkuMjQwODMzMzMgTDgyLjA2NzI3NTksMTIuNzgxNjY2NyBMNzkuODQ1MjU0MywxMi43ODE2NjY3IEw3OS44NDUyNTQzLDUuNjIzMzMzMzMgTDgxLjk3ODExMTcsNS42MjMzMzMzMyBMODEuOTc4MTExNyw2LjYwMTY2NjY3IEw4Mi4wMDg1Mjc1LDYuNjAxNjY2NjcgQzgyLjMwNTE4Niw2LjAzODMzMzMzIDgzLjAzMTQxNTgsNS40NDU0MTY2NyA4NC4xMTM4ODU3LDUuNDQ1NDE2NjcgQzg2LjM2NDY1NjUsNS40NDU0MTY2NyA4Ni43ODA4OTUsNi45Mjc1IDg2Ljc4MDg5NSw4Ljg1NTQxNjY3IEw4Ni43ODA4OTUsMTIuNzgxNjY2NyBaIE03Ny4zMzY5OTA2LDQuNjQ1IEM3Ni42MjIwMTA1LDQuNjQ1IDc2LjA0NjE5MzIsNC4wNjY2NjY2NyA3Ni4wNDYxOTMyLDMuMzU0NTgzMzMgQzc2LjA0NjE5MzIsMi42NDMzMzMzMyA3Ni42MjIwMTA1LDIuMDY1IDc3LjMzNjk5MDYsMi4wNjUgQzc4LjA0ODYzNzUsMi4wNjUgNzguNjI2NTM4MiwyLjY0MzMzMzMzIDc4LjYyNjUzODIsMy4zNTQ1ODMzMyBDNzguNjI2NTM4Miw0LjA2NjY2NjY3IDc4LjA0ODYzNzUsNC42NDUgNzcuMzM2OTkwNiw0LjY0NSBaIE03Ni4yMjI4NTQ5LDEyLjc4MTY2NjcgTDc4LjQ0OTg3NjQsMTIuNzgxNjY2NyBMNzguNDQ5ODc2NCw1LjYyMzMzMzMzIEw3Ni4yMjI4NTQ5LDUuNjIzMzMzMzMgTDc2LjIyMjg1NDksMTIuNzgxNjY2NyBaIE03NS4xMDYyMTkzLDAgQzc0LjQ5NjIzNjIsMCA3NCwwLjQ4NDE2NjY2NyA3NCwxLjA4MDgzMzMzIEw3NCwxMy45MTc5MTY3IEM3NCwxNC41MTUgNzQuNDk2MjM2MiwxNSA3NS4xMDYyMTkzLDE1IEw4Ny44ODg3ODA5LDE1IEM4OC41MDA0MzA1LDE1IDg5LDE0LjUxNSA4OSwxMy45MTc5MTY3IEw4OSwxLjA4MDgzMzMzIEM4OSwwLjQ4NDE2NjY2NyA4OC41MDA0MzA1LDAgODcuODg4NzgwOSwwIEw3NS4xMDYyMTkzLDAgWiI+PC9wYXRoPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==) 
}
html.homepage main>.explain .cv .social a.bl {
 height: 14px;
 background-image: url(data:image/svg+xml;
base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTcgMTciICB3aWR0aD0iMTciIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBmaWxsPSIjOUJBOUJCIiBkPSJNNC41Ljh2Ni4yOWExLjUgMS41IDAgMSAwIDEgMFYuOEwxMCA4bC0yIDdIMkwwIDggNC41Ljh6Ij48L3BhdGg+CiAgICA8cGF0aCBmaWxsPSIjOUJBOUJCIiBkPSJNLjUgMTRoOWMuMjggMCAuNS4yMi41LjV2MmEuNS41IDAgMCAxLS41LjVoLTlhLjUuNSAwIDAgMS0uNS0uNXYtMmMwLS4yOC4yMi0uNS41LS41eiI+PC9wYXRoPgo8L3N2Zz4K) 
}
html.homepage main>.explain .cv .social a+a {
 margin-left: 15px 
}
@media (max-width:768px) {
 html.homepage main>.explain {
	 padding: 50px 0;
	 flex-direction: column 
}
 html.homepage main>.explain>.text {
	 padding: 0 18px 
}
 html.homepage main>.explain .cv {
	 position: static;
	 padding: 0 18px 
}
 html.homepage main>.explain .cv .holder {
	 width: auto 
}
 html.homepage main>.explain .cv .holder>img {
	 margin-top: 0 
}
}
html.homepage main>.blog>div {
 max-width: 1040px;
 margin: auto;
 padding: 64px 32px 
}
@media (max-width:600px) {
 html.homepage main>.blog>div {
	 padding: 32px 18px 
}
}
html.homepage main>.blog h2 {
 text-align: center;
 margin: 0;
 font-size: 25px;
 font-weight: 600;
 letter-spacing: -.01em 
}
html.homepage main>.blog h3 {
 text-align: center;
 margin: 8px 0;
 font-size: 25px 
}
html.homepage main>.blog ul {
 display: -ms-grid;
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
 grid-column-gap: 32px;
 grid-row-gap: 32px;
 justify-content: space-around 
}
html.homepage main>.blog ul li {
 display: inline-block 
}
html.homepage main>.blog ul li h5 {
 font-size: 18px;
 display: block 
}
html.homepage main>.blog ul li a:after {
 display: inline-block;
 content: "👉";
 margin-left: 6px;
 font-size: 14px 
}
@media (max-width:600px) {
 html.homepage main>.blog h2 {
	 font-size: 22px 
}
 html.homepage main>.blog h2, html.homepage main>.blog h3 {
	 text-align: left 
}
}
html.homepage main>.contact {
 padding: 32px;
 width: 100%;
 background: #2e36df;
 text-align: center;
 color: #fff;
 z-index: 2 
}
html.homepage main>.contact .available {
 display: block;
 background: #fcfdfe;
 padding: 30px 25px 0;
 border: 1px solid #e3e4f1;
 border-radius: 8px;
 color: #333 
}
html.homepage main>.contact .available #speed {
 overflow: hidden 
}
html.homepage main>.contact .available #speed form {
 position: relative;
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 align-items: center;
 min-height: 300px 
}
html.homepage main>.contact .available #speed form>.page {
 flex: 0 0 100%;
 display: block;
 overflow: auto;
 overflow-x: hidden;
 will-change: transform 
}
html.homepage main>.contact .available #speed form>.page>div {
 margin: auto;
 max-width: 310px 
}
html.homepage main>.contact .available #speed form>.page h3 {
 font-size: 22px;
 margin: 0 0 12px 
}
html.homepage main>.contact .available #speed form>.page .back {
 font-size: 15px;
 margin-top: 10px;
 border: none 
}
html.homepage main>.contact .available .days, html.homepage main>.contact .available .time {
 display: -ms-grid;
 display: grid;
 grid-template-columns: repeat(auto-fill, 80px);
 grid-column-gap: 16px;
 grid-row-gap: 16px;
 justify-content: center 
}
html.homepage main>.contact .available .days button, html.homepage main>.contact .available .time button {
 display: block;
 color: #333;
 box-shadow: none;
 margin: 0;
 background: #fff;
 cursor: pointer;
 padding: 10px 5px;
 border: 1px solid #e0dede;
 border-radius: 5px;
 outline: none 
}
html.homepage main>.contact .available .days button.active, html.homepage main>.contact .available .days button:active, html.homepage main>.contact .available .days button:focus, html.homepage main>.contact .available .time button.active, html.homepage main>.contact .available .time button:active, html.homepage main>.contact .available .time button:focus {
 box-shadow: inset 0 0 0 2px #2e36df;
 border: 1px solid #3740ff 
}
html.homepage main>.contact .available .days button span, html.homepage main>.contact .available .time button span {
 display: block 
}
html.homepage main>.contact .available .day, html.homepage main>.contact .available .time {
 font-size: 16px 
}
html.homepage main>.contact .available .month {
 font-size: 10px;
 text-transform: uppercase 
}
@media (max-width:768px) {
 html.homepage main>.contact .available button {
	 display: block;
	 width: 100% 
}
}
html.homepage main>.contact .cta {
 margin: 20px auto;
 word-spacing: 10px 
}
@media (max-width:600px) {
 html.homepage main>.contact .cta {
	 display: flex;
	 flex-direction: column 
}
}
@keyframes startspeed {
 0% {
	 transform: rotate(-130deg) 
}
 50% {
	 transform: rotate(30deg) 
}
 to {
	 transform: rotate(0deg) 
}
}
@keyframes maxspeed {
 0% {
	 transform: rotate(0deg) 
}
 50% {
	 transform: rotate(-1deg) 
}
 to {
	 transform: rotate(1deg) 
}
}
img[data-src] {
 opacity: 0 
}
.fade-in {
 animation-name: loading;
 animation-duration: .6s;
 animation-iteration-count: 1;
 animation-fill-mode: forwards 
}
@keyframes loading {
 0% {
	 opacity: 0 
}
 to {
	 opacity: 1 
}
}
html.news main>.content h3:first-of-type {
 margin: 0 0 -10px 
}
html.news main>.content h4 {
 margin-top: 22px;
 font-size: 22px;
 font-weight: 600 
}
html.news main>.content h5 {
 font-size: 16px;
 margin-top: 22px 
}
html.news main>.content .image {
 margin: 24px auto;
 text-align: center 
}
html.news main>.content .image img {
 max-width: 600px;
 height: auto;
 display: inline-block 
}
@media (max-width:600px) {
 html.news main>.content .image img {
	 width: 100% 
}
}
html.news main>.content form {
 max-width: 400px;
 margin-bottom: 18px 
}
html.news main>.content form .field {
 align-items: start 
}
html.news main>.content form input[type=text] {
 padding-top: 5px;
 padding-bottom: 5px;
 flex: 1;
 line-height: 38px 
}
html.news main>.content form .button {
 margin: 0 0 0 10px 
}
html.news main>.content .meta {
 font-family: sans-serif;
 text-transform: uppercase;
 font-weight: 500;
 font-size: 15px;
 margin: 40px 0 
}
@media print {
 body {
	 background: none;
	 color: #202124 
}
 body header {
	 position: absolute 
}
}
html body {
 margin: 0;
 font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, sans-serif;
 font-weight: 400 
}

html button:not(.secondary), html button:not(.secondary):hover {
 background: #3ad2ad;
 box-shadow: 0 2px 0 0 #34b596 
}
html header {
 background: transparent;
 box-shadow: none;
 position: absolute;
 left: 0;
 right: 0;
 z-index: 10 
}
@media (min-width:1140px) {
 html header>div {
	 max-width: 1250px 
}
}
html main h2 {
 font-size: 30px 
}
html main>.billboard {
 max-width: 1040px;
 min-height: 70vh;
 margin: auto;
 padding: 60px 18px 40px;
 display: flex;
 flex-direction: row;
 justify-content: start;
 align-items: center;
 position: relative 
}
html main>.billboard>div {
 padding-right: 30px 
}
html main>.billboard>div h1 {
 font-size: 33px;
 margin: 0;
 font-weight: 400;
 line-height: 1.3 
}
html main>.billboard>div h2 {
 font-size: 43px;
 margin: 0;
 font-weight: 900;
 line-height: 1.3 
}
html main>.billboard>div h3 {
 margin: 20px 0;
 font-size: 20px;
 font-weight: 400 
}
html main>.billboard>div ul {
 margin: 1em 0;
 padding: 1em 0;
 border-top: 1px solid #eee;
 border-bottom: 1px solid #eee 
}
html main>.billboard>div ul li {
 margin: 0;
 padding: 5px 
}
html main>.billboard>div ul li .label {
 font-weight: 800 
}
html main>.billboard>div .success {
 font-weight: 800 
}
html main>.billboard>div:last-of-type {
 padding-right: 0 
}
@media (max-width:1000px) {
 html main>.billboard>div h1 {
	 font-size: 24px 
}
 html main>.billboard>div h2 {
	 font-size: 33px 
}
}
@media (max-width:600px) {
 html main>.billboard {
	 padding: 16px 16px 16px 20px 
}
 html main>.billboard>div {
	 width: 100%;
	 padding-right: 0;
	 flex: initial 
}
 html main>.billboard>div h1 {
	 font-size: 22px 
}
}
.button, button {
 display: inline-block;
 vertical-align: middle;
 border: none;
 color: #f8f9fa;
 text-align: center;
 padding: 10px 20px;
 font-size: 17px;
 font-weight: 500;
 letter-spacing: .03em;
 line-height: 27px;
 background: #3740ff;
 border-radius: 4px;
 box-shadow: 0 2px 0 0 #2e36df;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 transition: background-color .2s ease;
 outline: none;
 cursor: pointer;
 margin-bottom: 10px;
 -webkit-font-smoothing: subpixel-antialiased 
}
.button+.button, .button+button, button+.button, button+button {
 margin-left: 10px 
}
.button:hover, button:hover {
 color: #fff;
 background: #3f48ff;
 transition: none 
}
.button:active, button:active {
 box-shadow: 0 0 0 0 #2e36df;
 transform: translateY(1px) 
}
.button.loading, button.loading {
 cursor: wait 
}
.button.error, button.error {
 background: #f01f35;
 color: #f8f9fa;
 box-shadow: 0 2px 0 0 #ce0f23 
}
.button.disabled, .button.disabled:hover, button.disabled, button.disabled:hover {
 cursor: not-allowed;
 background: #d6d6d6;
 box-shadow: none;
 color: #f3f3f3 
}
.button.secondary, button.secondary {
 background: none;
 box-shadow: none;
 color: #5e5e5e;
 border: 1px solid #dadce0 
}
.button.secondary:hover, button.secondary:hover {
 color: #333 
}
.button.warning, button.warning {
 background: #de3434;
 box-shadow: 0 2px 0 0 #ca2f2f 
}
.button.warning:hover, button.warning:hover {
 background: #bf2d2d;
 transition: none 
}
.button.warning:active, button.warning:active {
 box-shadow: 0 0 0 0 #ca2f2f;
 transform: translateY(1px) 
}
.infinite_spinner {
 position: relative;
 margin: 0 auto 
}
.infinite_spinner_large {
 width: 80px;
 height: 80px 
}
.infinite_spinner_medium {
 width: 52px;
 height: 52px 
}
.infinite_spinner_small {
 width: 24px;
 height: 24px 
}
.infinite_spinner_spinner {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 transform: rotate(-45deg);
 animation: spin 1.2s cubic-bezier(.25, .29, .54, .86) 0s infinite normal none 
}
.infinite_spinner_tail {
 animation: spin 1.2s cubic-bezier(.41, .24, .64, .69) 0s infinite normal none 
}
@keyframes spin {
 0% {
	 transform: rotate(0) 
}
 to {
	 transform: rotate(1turn) 
}
}
.infinite_spinner_bg {
 stroke-width: 8;
 fill: none;
 opacity: .2;
 stroke: #fff 
}
.infinite_spinner_path {
 stroke-width: 8;
 fill: none 
}
.infinite_spinner_white {
 stroke: #fff 
}
.infinite_spinner_blue {
 stroke: #3740ff 
}
.infinite_spinner_path {
 stroke-dasharray: 55, 200;
 stroke-dashoffset: 90;
 stroke-linecap: round 
}
.infinite_spinner_fast {
 animation-duration: .6s 
}
.infinite_spinner__container {
 display: flex;
 justify-content: center;
 align-items: center 
}
.infinite_spinner__container--50vh {
 height: 50vh 
}