/*

 - cache/global.less.60adca73220c7e0bb97a578f4633aa64.css
 - cache/navigation.less.23c773d09fb1a8013511ed3330dca2b2.css
 - cache/news.less.aea1993813870e9c4246fb0cc689448f.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 > 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 > main > section {max-width: 600px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;}
body > main > section .news-list {margin: 80px 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;}
body > main > section .news-list .item {display: block;
min-width: 100px;
flex-basis: 190px;
flex-shrink: 1;
display: grid;
grid-template-columns: auto;
grid-template-rows: 50% 50%;
grid-template-areas: "header" "body";
color: #24165e;}
@media (max-width:767px) {body > main > section .news-list .item {flex-grow: 1;}}
body > main > section .news-list .item header {grid-area: header;
height: 190px;
padding: 12px;
display: grid;
grid-template-columns: auto;
grid-template-rows: 1fr auto;}
body > main > section .news-list .item header .title {font-size: 22px;
line-height: 1.2;}
body > main > section .news-list .item header date {display: block;
font-size: 11px;}
body > main > section .news-list .item .body {grid-area: body;
height: 190px;
overflow: hidden;
position: relative;}
body > main > section .news-list .item .body .image {background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
padding-bottom: 100%;
transition: all 0.5s;}
body > main > section .news-list .item .body .image > img {display: none;}
body > main > section .news-list .item .body .subtitle {position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 95px;
padding: 12px;
color: #24165e;
background: rgba(255,255,255,0.8);
line-height: 1.65;
font-size: 14px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;}
body > main > section .news-list .item:nth-child(3n + 1) {grid-template-areas: "body" "header";
color: #fff;
background: #24165e;}
body > main > section .news-list .item:nth-child(3n + 2) {background: #53e0be;}
body > main > section .news-list .item:nth-child(3n) {grid-template-areas: "body" "header";
color: #fff;
background: #715aff;}
body > main > section .news-list .item:hover {text-decoration: none;}
body > main > section .news-list .item:hover .image {transform: scale(1.1);}
/* 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%;}