/*

 - cache/global.less.60adca73220c7e0bb97a578f4633aa64.css
 - cache/welcome.less.33b83939cff4871d8d2a5b7e39034ca1.css
 - cache/navigation.less.23c773d09fb1a8013511ed3330dca2b2.css
 - cache/module--socialMedia.icons.less.d3dbcd9a1b5f2437245b8268c677ca0e.css

*/


/* minified the hell out of this */

/* minified the hell out of this */
html {scroll-behavior: smooth;}
body >header {z-index: 10;}
body .n-product {display: inline-block;
font-family: 'Dorsa', sans-serif;
font-size: 1.8em;
line-height: 100%;}
body .n-product::first-letter {color: #007afb;
font-size: 70%;
line-height: 70%;
vertical-align: top;}
body .btn-cta {padding: 0.3em 4em;
height: calc(30px + 0.6em);
line-height: 30px;
white-space: nowrap;
text-transform: uppercase;
font-weight: 600;
color: #715aff;
background: #fff;
border-radius: calc((30px + 0.6em) / 2.0);}
body .img-responsive {max-width: 100%;}
body a {color: #53e0be;}
body h1 {position: relative;
padding-bottom: 12px;
text-transform: uppercase;
margin-bottom: 0.6em;
font-weight: 300;
letter-spacing: 2px;
word-spacing: 4px;
color: #24165e;}
body h1:after {content: ' ';
position: absolute;
left: 0;
bottom: 0;
width: 40px;
border-bottom: solid 4px #28d8ae;}
body h1 strong {font-weight: 600;}
body article {margin-bottom: 80px;}
body article > h1 a {color: #24165e;}
body article > h1 a:hover {text-decoration: none;}
body article > date {display: block;
padding-bottom: 1.2em;
margin-bottom: 1.2em;
color: #53e0be;
font-size: 12px;
border-bottom: solid 1px;}
body article > img {margin: 1.2em 0;}
@media (min-width:992px) {body article > img {display: flex;
max-width: 60%;
margin: 1.2em auto;}}
body article .lead {margin-bottom: 1em;}
body .documents {display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 40px 0 80px 0;}
body .documents .item {flex-basis: 250px;
flex-grow: 1;
height: 250px;
margin: 30px;
padding: 30px;
background: #53e0be;
display: grid;
grid-template-rows: auto 1fr auto;}
body .documents .item:first-child {margin-left: 0;}
@media (max-width:767px) {body .documents .item {flex-basis: 500px;
margin: 30px 0;}}
body .documents .item .title {font-size: 14px;
font-weight: 300;
color: #24165e;
text-transform: uppercase;}
body .documents .item h3 {margin: 0.6em 0;
font-size: 24px;
color: #24165e;
text-transform: uppercase;}
body .documents .item .download {text-align: left;
background: transparent;
border: none;
color: #fff;
font-size: 22px;
text-transform: uppercase;}
body .documents .item .download:hover {background: #fefefe;
color: #53e0be;}
body #document-download .modal-footer .btn-primary {background: #24165e;}
body .article-container {max-width: 900px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;}
body .cta .join-us {background: url(/assets/content/cta/join-us.jpg) no-repeat center;
background-size: cover;
padding: 50px;
color: #fff;
box-shadow: 0 0 8px #888;}
body .cta .join-us .content {max-width: 600px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;}
body .cta .join-us .content h3 {text-transform: uppercase;
text-align: center;
padding: 0.4em 1.2em;
font-weight: 100;
font-size: 22px;
border: solid 1px;}
body .cta .join-us .content p {padding: 24px;
text-align: justify;
font-size: 14px;}
body > header {position: absolute;
padding: 12px;}
body > header .logo {display: block;
padding: 8px;}
body > header .logo img {width: 50px;
margin-bottom: 20px;}
body > main {padding: 80px 0 0 0;}
body > main > section > a[name] {display: block;
position: relative;
top: -50px;}
body > footer {padding: 80px 40px;
background: url(/assets/images/footer.jpg) no-repeat center;
background-size: cover;}
body > footer a {text-transform: uppercase;}
body > footer h3 {text-transform: uppercase;
color: #fff;
font-weight: 100;
font-size: 18px;
margin-bottom: 40px;}
@media (max-width:767px) {body > footer h3 {text-align: center;}}
body > footer h3 strong {font-weight: 600;}
@media (min-width:992px) {body > footer h3 strong {display: block;}}
body > footer .protected-data-show {background: transparent;
color: #53e0be;
border: solid 1px #53e0be;
border-radius: 4px;
font-size: 12px;
padding: 2px 5px;
margin: 6px;}
body > footer .container {display: grid;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr auto;
grid-template-areas: "social navigation office contact";
grid-gap: 24px;}
@media (max-width:991px) {body > footer .container {grid-template-rows: auto auto;
grid-template-columns: 50% 50%;
grid-template-areas: "navigation office" "social contact";}}
@media (max-width:767px) {body > footer .container {grid-template-rows: auto auto auto auto;
grid-template-columns: auto;
grid-template-areas: "navigation" "office" "social" "contact";}}
body > footer .container .social-media {grid-area: social;}
@media (max-width:767px) {body > footer .container .social-media {text-align: center;}}
body > footer .container .social-media img {margin: 20px 0;}
body > footer .container .social-media .social-media-icons {margin: 20px 0 10px 0;}
@media (max-width:767px) {body > footer .container .social-media .social-media-icons {display: flex;
justify-content: center;}}
body > footer .container .social-media .social-media-icons li {padding: 6px;}
body > footer .container .social-media .social-media-icons li a {display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
padding: 2px;
border: solid 1px;
border-radius: 5px;
font-size: 12px;}
body > footer .container .social-media .social-media-icons li a:hover {text-decoration: none;}
body > footer .container .navigation {grid-area: navigation;}
body > footer .container .navigation .nav {display: block;}
body > footer .container .navigation .nav .nav-link {padding-left: 0;
padding-right: 0;
font-weight: 100;
letter-spacing: 2px;}
@media (max-width:767px) {body > footer .container .navigation .nav .nav-link {text-align: center;}}
body > footer .container .office {grid-area: office;}
@media (max-width:767px) {body > footer .container .office {text-align: center;}}
body > footer .container .office a {font-weight: 100;}
body > footer .container .contact {grid-area: contact;}
body > footer .container .contact a {display: block;
color: #fff;}
@media (min-width:992px) {body > footer .container .contact a {transform: rotateZ(-90deg) translateX(-24px);
transform-origin: center;}}
@media (max-width:767px) {body > footer .container .contact a {text-align: center;}}
/* minified the hell out of this */
body > main {padding: 0;}
body .jumbo {position: relative;}
body .jumbo a.logo {display: block;
position: absolute;
top: 12px;
right: 12px;
width: 80px;}
body .jumbo a.logo img {width: 100%;}
body .jumbo .btn.bars {position: absolute;
left: 12px;
top: 50%;
transition: all 0.5s;
transform: translateY(-50%);
font-size: 30px;
color: #fff;}
body .jumbo .btn.bars:hover {text-shadow: 0 2px 6px #777;}
body .jumbo .scroll-down {position: absolute;
bottom: 12px;
left: 50%;
display: block;
width: 30px;
height: 30px;
transform: rotateZ(45deg) translateX(-50%);
border-right: solid 3px #fff;
border-bottom: solid 3px #fff;}
body .carousel .carousel-inner .carousel-item {height: 40vh;
min-height: 500px;
max-height: 800px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;}
body .carousel .carousel-inner .carousel-item .aligner {position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;}
body .carousel .carousel-inner .carousel-item .aligner .carousel-caption {position: static;}
body .carousel .carousel-inner .carousel-item .carousel-caption {font-size: 36px;
font-weight: bold;
text-shadow: 0px 7px 20px rgba(0,0,0,0.5);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20%;
opacity: 0;
transition: all 0.6s;
transform: translateY(-60px);}
@media (max-width:767px) {body .carousel .carousel-inner .carousel-item .carousel-caption {flex-direction: column;}}
body .carousel .carousel-inner .carousel-item .carousel-caption h2 {font-size: 22px;}
body .carousel .carousel-inner .carousel-item .carousel-caption p {font-weight: 100;
max-width: 58%;}
@media (max-width:991px) {body .carousel .carousel-inner .carousel-item .carousel-caption p {max-width: 100%;}}
@media (max-width:767px) {body .carousel .carousel-inner .carousel-item .carousel-caption p {font-size: 24px;
text-align: center;}}
body .carousel .carousel-inner .carousel-item .carousel-caption p strong {font-weight: 400;}
body .carousel .carousel-inner .carousel-item .carousel-caption p:last-child {margin-bottom: 0;
position: relative;
padding-bottom: 12px;}
body .carousel .carousel-inner .carousel-item .carousel-caption p:last-child:after {content: ' ';
position: absolute;
left: 0;
bottom: 0;
width: 40px;
border-bottom: solid 4px #28d8ae;}
body .carousel .carousel-inner .carousel-item .carousel-caption p a.btn {margin-top: 24px;
text-transform: uppercase;
background-color: #53e0be;
border-color: #23c39d;
color: #fff;}
body .carousel .carousel-inner .carousel-item .carousel-caption p a.btn:active,
body .carousel .carousel-inner .carousel-item .carousel-caption p a.btn:focus,
body .carousel .carousel-inner .carousel-item .carousel-caption p a.btn:hover {background-color: #23c39d;
border-color: #53e0be;}
@media (max-width:991px) {body .carousel .carousel-inner .carousel-item .carousel-caption > img {width: 200px;}}
@media (max-width:767px) {body .carousel .carousel-inner .carousel-item .carousel-caption > img {width: 150px;}}
body .carousel .carousel-inner .carousel-item .carousel-caption .partner-logos {list-style: none;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: left;}
body .carousel .carousel-inner .carousel-item .carousel-caption .partner-logos li {flex-grow: 1;
flex-basis: 25%;
min-width: 150px;
max-width: 33%;
padding: 6px;}
body .carousel .carousel-inner .carousel-item .carousel-caption .partner-logos li img {display: block;
max-width: 100%;}
body .carousel .carousel-inner .carousel-item.has-content .carousel-caption {text-align: left;}
body .carousel.ready .carousel-item.active .carousel-caption {opacity: 1;
transform: translateY(0);}
body .networks {box-shadow: 0 0 8px #888;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;}
body .networks a {margin: 24px;}
body .networks a img {width: 180px;}
body .features .item {display: grid;
grid-template-columns: 50% 50%;
grid-template-areas: "txt pic";
grid-gap: 48px;
height: 416px;
padding: 48px 0;
overflow: hidden;}
@media (max-width:767px) {body .features .item {grid-template-columns: auto;
grid-template-rows: auto auto;
grid-template-areas: "txt" "pic";
height: auto;}}
body .features .item .side {transition: all 0.5s ease-out;
opacity: 0;}
body .features .item .text-side {grid-area: txt;
display: flex;
flex-direction: column;
align-items: flex-end;
transform: translateX(-30%);}
body .features .item .text-side h3 {font-size: 97px;
color: #53e0be;
opacity: 0.3;
letter-spacing: 3px;
font-weight: bold;
text-transform: uppercase;}
body .features .item .text-side .description {width: 270px;
padding: 0 50px 0 0;
margin-top: -50px;}
body .features .item .text-side .read-more {display: block;
width: 270px;}
body .features .item .text-side .read-more:before {content: '\276F';
padding-right: 3px;}
body .features .item .picture-side {grid-area: pic;
display: flex;
align-items: flex-start;
justify-content: flex-start;
background: linear-gradient(to bottom,transparent 10%,#53e0be 10%,#53e0be 78%,transparent 78%);
transform: translateX(30%);}
body .features .item .picture-side img {width: 260px;
max-height: 320px;
transition: all 0.8s;}
body .features .item:nth-of-type(even) {grid-template-areas: "pic txt";
background: linear-gradient(to right,#efeff0,#fbfbfb);}
@media (max-width:767px) {body .features .item:nth-of-type(even) {grid-template-columns: auto;
grid-template-rows: auto auto;
grid-template-areas: "txt" "pic";}}
body .features .item:nth-of-type(even) .text-side {align-items: flex-start;
transform: translateX(30%);}
body .features .item:nth-of-type(even) .text-side .description {padding: 0 0 0 50px;}
body .features .item:nth-of-type(even) .text-side .read-more {padding-left: 50px;}
body .features .item:nth-of-type(even) .picture-side {justify-content: flex-end;
background: linear-gradient(to bottom,transparent 10%,#24165e 10%,#24165e 78%,transparent 78%);
transform: translateX(-30%);}
body .features .item.ready .side {transform: translateX(0);
opacity: 1;}
body .features .item.ready .side.picture-side {transform: translateX(100px);}
body .features .item.ready .side.picture-side img {transform: translateX(-100px);}
body .features .item.ready:nth-of-type(even) .picture-side {transform: translateX(-100px);}
body .features .item.ready:nth-of-type(even) .picture-side img {transform: translateX(100px);}
body .services,
body .activities {background: linear-gradient(to right,#efeff0,#fbfbfb);
padding: 20px;}
body .services h2,
body .activities h2 {max-width: 565px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
font-weight: bold;
color: #53e0be;}
body .services > p,
body .activities > p {max-width: 565px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;}
body .services .teaser-list,
body .activities .teaser-list {list-style: none;
padding: 0;
margin: 24px 0;
max-width: 800px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;}
body .services .teaser-list li,
body .activities .teaser-list li {display: grid;
grid-template-columns: 100px auto;
grid-template-rows: auto auto;
grid-template-areas: "img title" "img description";
background: #fff;
margin-bottom: 12px;
padding: 8px;}
body .services .teaser-list li img,
body .activities .teaser-list li img {grid-area: img;
padding: 12px;
margin-right: 12px;
max-width: 100%;}
body .services .teaser-list li h3,
body .activities .teaser-list li h3 {grid-area: title;
align-self: flex-end;
margin: 0;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
color: #24165e;}
body .services .teaser-list li .description,
body .activities .teaser-list li .description {grid-area: description;
font-size: 14px;}
body .services .teaser-list a,
body .activities .teaser-list a {text-decoration: none;}
body .services .teaser-list a:hover li,
body .activities .teaser-list a:hover li {background: #f9f9f9;}
body .motivation {background: linear-gradient(to right,#efeff0,#fbfbfb);
padding: 20px;
padding-bottom: 40px;}
body .motivation h2 {max-width: 800px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
text-align: center;
text-transform: uppercase;
color: #24165e;}
body .motivation hr {width: 120px;
height: 3px;
background: #53e0be;}
body .motivation p {max-width: 800px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
text-align: center;}
body .carousel-holder {position: relative;}
/* minified the hell out of this */
body > header .menu-button.btn.bars div.bar {background: #24165e;}
body .side-menu {position: absolute;
left: 0px;
top: 0px;
width: 40vw;
height: 100%;
transition: transform 540ms cubic-bezier(0.54,1.18,0,0.87);
box-shadow: 15px 0px 20px -20px black;
background: white;
display: grid;
align-items: center;}
body .side-menu.navigation-for-all {height: 100vh;
bottom: 0px;}
@media (max-width:767px) {body .side-menu {width: 50vw;}}
body .side-menu:not(.shown) {transform: translateX(-110%);
transition: transform 300ms ease;}
body .side-menu:not(.shown) .submenu {display: none;}
body .side-menu .items-holder {display: grid;
align-items: center;}
body .side-menu .items-holder a {display: block;
color: rgba(0,0,0,0.8);
padding: 20px 5% 20px 22%;
font: 25px Dosis, arial, Helvetica, sans-serif;
text-transform: uppercase;}
body .side-menu .items-holder a span {display: inline-block;
border-bottom: 3px solid transparent;}
@media (min-width:992px) and (max-width:1199px) {body .side-menu .items-holder a {font-size: 19px;
pedding: 20px 5% 20px 21%;}}
@media (min-width:768px) and (max-width:991px) {body .side-menu .items-holder a {font-size: 15px;
pedding: 16px 5% 16px 21%;}}
@media (max-width:767px) {body .side-menu .items-holder a {font-size: 14px;
pedding: 15px 5% 15px 21%;}}
body .side-menu .items-holder a.active {font-weight: bold;}
body .side-menu .items-holder a:hover span {border-bottom: 3px solid #53e0be;}
body .side-menu .submenu {display: none;
position: absolute;
top: 0px;
width: 30vw;
height: 100%;
background: white;}
@media (min-width:1200px) {body .side-menu .submenu {left: 36vw;}}
@media (min-width:992px) and (max-width:1199px) {body .side-menu .submenu {left: 33vw;}}
@media (min-width:768px) and (max-width:991px) {body .side-menu .submenu {left: 33vw;}}
@media (min-width:480px) and (max-width:767px) {body .side-menu .submenu {left: 45vw;
width: 44vw;}}
@media (max-width:479px) {body .side-menu .submenu {display: none !important;}}
body .side-menu .submenu .submenu-items {margin: auto;
width: 100%;
display: grid;
border-left: 1px solid silver;}
body .side-menu .submenu a {font-size: 20px;
padding: 5px 10px 5px 20px;}
@media (min-width:992px) and (max-width:1199px) {body .side-menu .submenu a {font-size: 16px;
pedding: 20px 5% 20px 21%;}}
@media (min-width:768px) and (max-width:991px) {body .side-menu .submenu a {font-size: 12px;
pedding: 16px 5% 16px 21%;}}
@media (max-width:767px) {body .side-menu .submenu a {font-size: 11px;
pedding: 15px 5% 15px 21%;}}
body .side-menu a:hover + .submenu,
body .side-menu .submenu:hover {display: grid;}
body .menu-button.btn.bars {transform-origin: center center;
transition: transform 300ms ease;}
@media (min-width:1200px) {body .menu-button.btn.bars div.bar {height: 4px;
width: 30px;
margin: 5px;}}
@media (min-width:992px) and (max-width:1199px) {body .menu-button.btn.bars div.bar {height: 3px;
width: 25px;
margin: 4px;}}
@media (min-width:768px) and (max-width:991px) {body .menu-button.btn.bars div.bar {height: 3px;
width: 20px;
margin: 3px;}}
@media (max-width:767px) {body .menu-button.btn.bars div.bar {height: 2px;
width: 20px;
margin: 3px;}}
body .menu-button.btn.bars div.bar {background: white;
transition: all 300ms ease-out;}
body .menu-button.btn.bars:focus {box-shadow: none;}
body .menu-button.btn.bars.open {transform: rotate(180deg);}
body .menu-button.btn.bars.open div.bar {transition: transform 600ms ease;
box-shadow: none;
background: black;
transform-origin: center center;}
body .menu-button.btn.bars.open div.bar:nth-of-type(1) {margin: 0;
transform: translateY(100%) rotate(315deg);}
body .menu-button.btn.bars.open div.bar:nth-of-type(2) {margin: 0;
opacity: 0;}
body .menu-button.btn.bars.open div.bar:nth-of-type(3) {margin: 0;
transform: translateY(-100%) rotate(225deg);}
body .menu-button.btn.bars.navigation-for-all {z-index: 9999;}
body .menu-button.btn.bars.navigation-for-all.open {transform-origin: center center;
transform: rotate(180deg);}
/* minified the hell out of this */
body .social-media-icons {margin: 0;
padding: 0;
list-style: none;
white-space: nowrap;}
body .social-media-icons.horizontal {display: flex;
flex-direction: row;}
body .social-media-icons.bordered li {border: solid 2px;}
body .social-media-icons.rounded li {border-radius: 50%;}

