@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
body {
color: #000; }
h1, h2, h3, h4, h5, h6 {
font-family: "Exo 2", sans-serif;
font-weight: 600; }
h1.header, h2.header, h3.header, h4.header, h5.header, h6.header {
font-size: 3.5rem;
padding: .5rem 1rem 1rem;
background: var(--bs-danger);
display: inline-flex;
line-height: 1;
white-space: nowrap; }
h1.header-red, h2.header-red, h3.header-red, h4.header-red, h5.header-red, h6.header-red {
background: var(--bs-danger);
color: #fff; }
a {
text-decoration: none; }
a:hover {
transition: 0.5s ease all; }
img {
max-width: 100%;
display: block; }
.cta {
display: inline-block;
padding: .5rem 1.5rem .6rem;
border-radius: 1.5rem;
font-family: "Exo 2", sans-serif;
border: 2px #fff solid;
color: #fff;
font-weight: 600; }
.cta:hover {
box-shadow: 0 0 25px rgba(0, 0, 0, 0.25); }
.cta-outline {
border-color: #fff; }
.cta-outline:hover {
background: #fff;
color: var(--bs-navy) !important; }
.cta-red {
background: var(--bs-danger);
border-color: var(--bs-danger); }
.cta-red:hover {
color: #fff; }
.text {
font-size: 1.1rem; }
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {
margin-bottom: 1rem; }
.website-header {
display: flex;
justify-content: space-between;
position: fixed;
padding: 1rem 4rem;
width: 100%;
align-items: center;
z-index: 999; }
.website-header .logo img {
max-height: 50px; }
.website-header.sticky {
background: linear-gradient(335deg, #31b5e9 0%, #22317f 100%); }
.website-menu ul {
display: flex;
flex-direction: row;
font-family: "Exo 2", sans-serif; }
.website-menu ul li {
margin: 0 1rem;
position: relative; }
.website-menu ul li.menu-item-has-children > a {
padding-right: 1.5rem;
position: relative; }
.website-menu ul li.menu-item-has-children > a::after {
content: "";
display: block;
width: 10px;
height: 10px;
border-bottom: 2px #fff solid;
border-right: 2px #fff solid;
position: absolute;
right: 0;
top: 50%;
transform: rotate(45deg) translateX(-65%); }
.website-menu ul li.login {
margin-left: 3rem;
margin-right: 0; }
.website-menu ul li.login.logout {
margin-left: 1rem; }
.website-menu ul li.login.logout a {
background: transparent;
color: #fff;
border-color: #fff; }
.website-menu ul li.login.logout a:hover {
background: #fff;
color: var(--bs-navy); }
.website-menu ul li.login a {
padding: .5rem 1.5rem;
border-radius: 1.5rem;
font-family: "Exo 2", sans-serif;
border: 2px var(--bs-navy) solid;
color: #fff;
background: var(--bs-navy); }
.website-menu ul li.login a::before {
display: none; }
.website-menu ul li a {
color: #fff;
font-size: 1.1rem;
padding: 28px 0;
position: relative;
border-bottom: 2px transparent solid; }
.website-menu ul li a::before {
content: "";
display: block;
width: 0%;
height: 28px;
background: var(--bs-danger);
position: absolute;
left: -5%;
bottom: 24px;
transition: 1s ease all;
z-index: -1; }
.website-menu ul li:hover > a::before {
width: 110%;
transition: 1s ease all; }
.website-menu ul li.current-menu-item a, .website-menu ul li.current-menu-ancestor a {
color: #fff; }
.website-menu ul li.current-menu-item a::before, .website-menu ul li.current-menu-ancestor a::before {
width: 110%; }
.website-menu ul li .sub-menu {
display: none;
position: absolute;
left: 0;
padding: 1rem;
margin-top: 28px;
list-style-type: none;
flex-direction: column;
background: var(--bs-navy); }
.website-menu ul li .sub-menu li {
padding: 0;
margin: 0;
white-space: nowrap; }
.website-menu ul li .sub-menu li a {
padding: 0; }
.website-menu ul li .sub-menu li a:hover {
color: var(--bs-blue); }
.website-menu ul li .sub-menu li a::before {
display: none; }
.website-menu ul li .sub-menu li.current-menu-item a {
color: var(--bs-blue); }
.website-menu ul li .sub-menu li:hover a {
color: var(--bs-blue); }
.website-menu ul li:hover .sub-menu {
display: flex; }
.website-menu-rwd {
display: none;
margin-right: 6rem; }
.website-menu-rwd ul {
display: flex;
flex-direction: row;
font-family: "Exo 2", sans-serif;
list-style-type: none;
margin: 0;
padding: 0; }
.website-menu-rwd ul li {
margin-left: 1rem;
position: relative;
padding: 0; }
.website-menu-rwd ul li a {
color: #fff;
font-size: 1.1rem;
padding: .5rem 1.5rem;
border-radius: 1.5rem;
position: relative;
border-bottom: 2px transparent solid;
border: 2px var(--bs-navy) solid;
color: #fff;
background: var(--bs-navy);
white-space: nowrap; }
.website-menu-rwd ul li.logout a {
background: none;
border-color: #fff; }
.close {
position: absolute;
right: 2rem;
top: 1.3rem;
width: 32px;
height: 32px;
opacity: 1;
transition: 1s ease all;
cursor: pointer;
display: none; }
.close:hover {
transform: rotate(-180deg);
transition: 1s ease all; }
.close::before, .close::after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 3px;
background-color: #fff; }
.close::before {
transform: rotate(45deg); }
.close::after {
transform: rotate(-45deg); }
.menu-rwd-trigger {
position: absolute;
right: 2rem;
width: 2rem;
top: 50%;
transform: translateY(-50%);
display: none;
cursor: pointer; }
.menu-rwd-trigger div {
height: 3px;
background: #fff;
margin-bottom: 6px;
transition: 0.5s ease all; }
.menu-rwd-trigger div:last-of-type {
width: 75%;
float: right; }
.menu-rwd-trigger:hover div {
width: 100%;
transition: 0.5s ease all; }
.footer ul {
padding: 0;
margin: 0; }
.footer ul li {
list-style-type: none;
padding: 0; }
.footer a {
color: var(--bs-danger); }
.footer .socials {
display: flex; }
.footer .socials .social {
background: var(--bs-blue);
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
margin-right: 1rem;
display: flex;
align-items: center;
transition: 0.5s ease all; }
.footer .socials .social.facebook {
background: var(--bs-navy); }
.footer .socials .social:hover {
transform: rotate(-360deg);
background: var(--bs-danger); }
.footer .socials .social svg {
height: 20px;
fill: #fff;
margin: 0 auto;
display: block; }
.welcome {
height: 100vh;
position: relative;
overflow: hidden;
background: linear-gradient(335deg, #31b5e9 0%, #22317f 100%); }
.welcome #particles {
width: 100vw;
height: 100vh; }
.welcome-text {
position: absolute;
top: 50%;
left: 4rem;
color: #fff;
max-width: 50%; }
.welcome-text h2 {
font-size: 1.8rem;
padding: .5rem 1rem .8rem;
background: var(--bs-navy);
display: inline-block; }
.welcome-text h3 {
font-size: 3.3rem;
padding: .5rem 1rem 1rem;
background: var(--bs-danger);
display: inline-flex;
line-height: 1;
white-space: nowrap; }
.welcome-text p {
font-size: 1.2rem; }
.welcome-image {
width: 100%;
height: auto; }
.welcome video {
position: absolute;
top: 0;
left: 50%;
min-width: 100vw;
transform: translateX(-50%);
z-index: 0; }
.welcome .cover {
position: absolute;
top: 0;
width: 100vw;
height: 100vh;
background: linear-gradient(335deg, #31b5e9 0%, #22317f 100%);
opacity: .7; }
.welcome .hero2 {
opacity: 0.6; }
.welcome .hero3 {
opacity: 0.4; }
.welcome .hero4 {
opacity: 0.3; }
.welcome .hero4 {
opacity: 0.1; }
.welcome .wire {
position: absolute;
right: 0;
bottom: 0;
opacity: 0.2; }
.welcome #scene {
position: absolute;
right: 5%;
bottom: -5%; }
.welcome-section {
padding: 6rem 4rem; }
.welcome-section-about {
color: #fff;
position: relative;
overflow: hidden; }
.welcome-section-about h2 {
font-size: 3.3rem;
font-weight: 800; }
.welcome-section-about h4 {
background: var(--bs-danger);
display: inline-block;
padding: .5rem 1rem .8rem;
font-size: 1.8rem; }
.welcome-section-about p {
font-size: 1.2rem; }
.welcome-section-about .mosaic {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 4rem;
padding: 0 8rem 0 0;
position: relative; }
.welcome-section-about .mosaic-item-1 {
margin-top: 5rem;
transition: 1s ease all; }
.welcome-section-about .mosaic-item-1:hover {
opacity: .6;
transition: 1s ease all; }
.welcome-section-about .mosaic-item-2 {
margin-top: 9rem;
transition: 1s ease all; }
.welcome-section-about .mosaic-item-2:hover {
opacity: .6;
transition: 1s ease all; }
.welcome-section-about .mosaic-item-3 {
margin-top: 0;
transition: 1s ease all; }
.welcome-section-about .mosaic-item-3:hover {
opacity: .6;
transition: 1s ease all; }
.welcome-section-about .mosaic .svg {
width: 100px;
position: absolute;
right: 15%;
bottom: 0; }
.welcome-section-news {
color: #fff; }
.welcome-section-news h2 {
background: var(--bs-danger);
display: inline-block;
padding: .5rem 1rem .8rem;
font-size: 1.8rem;
color: #fff; }
.welcome-section-platform {
color: #fff;
position: relative;
overflow: hidden;
background: linear-gradient(335deg, #31b5e9 0%, #22317f 100%); }
.welcome-section-platform h2 {
font-size: 3.3rem; }
.welcome-section-platform h4 {
background: var(--bs-danger);
display: inline-block;
padding: .5rem 1rem .8rem;
font-size: 1.8rem;
color: #fff; }
.welcome-section-platform p {
font-size: 1.2rem; }
.welcome-section-platform #particles-js2 {
position: absolute;
width: 100vw;
height: 100%;
top: 0; }
.welcome-section-platform img {
max-width: 90%; }
.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
font-weight: 500;
font-size: 14px;
font-family: "Exo 2", sans-serif !important; }
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
line-height: 18px;
font-size: 14px !important;
padding: 9px !important;
border-radius: 3px;
border: 1px rgba(0, 0, 0, 0.125) solid; }
.gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container) {
margin-top: 2px !important; }
body .gform_wrapper .top_label div.ginput_container {
margin-top: 2px !important; }
.gform_wrapper .top_label input.large.datepicker, .gform_wrapper .top_label input.medium.datepicker, .gform_wrapper .top_label input.small.datepicker {
width: 90% !important; }
.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"] {
vertical-align: top !important; }
.gform_wrapper .chosen-container-single .chosen-single {
line-height: 19px !important;
padding: 9px !important;
background: #fff !important;
box-shadow: none !important;
height: auto !important;
border: 1px rgba(0, 0, 0, 0.125) solid !important;
border-radius: 3px !important; }
.gform_wrapper .chosen-container-single .chosen-single div {
top: 7px !important; }
.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
max-width: none !important; }
.gfield_radio {
width: 100% !important; }
.gfield_html_formatted {
background: #f2f2f2;
padding: 1em !important;
width: calc(100% - 1em); }
.gfield_html_formatted p {
margin: 0; }
.gfield_html_formatted p + p {
margin-top: 1em; }
.gform_wrapper .gfield_html.gfield_no_follows_desc {
margin-top: -6px !important;
position: relative !important; }
.gform_wrapper .gfield_html.gfield_no_follows_desc p {
color: #fff !important; }
.gform_wrapper .chosen-container-multi .chosen-choices {
line-height: 18px;
font-size: 14px !important;
padding: 5px !important;
border-radius: 3px;
border: 1px rgba(0, 0, 0, 0.125) solid !important;
background: #fff !important; }
.gform_wrapper .chosen-container-multi .chosen-choices li.search-choice {
background-color: #f2f2f2 !important;
border: none !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
background-image: none !important; }
.gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
top: 8px !important; }
.gform_wrapper .gfield_required {
color: var(--bs-danger) !important; }
.gform_wrapper .top_label li.gfield.gf_right_half, .gform_wrapper .top_label li.gfield.gf_right_third {
padding-right: 0 !important; }
.gform_wrapper ul.gform_fields li.gfield.account-type {
padding-right: 0 !important; }
.gfield_html_formatted {
width: 100% !important; }
#field_2_22 ul.gfield_checkbox li label, #field_2_22 ul.gfield_radio li label {
width: 95% !important; }
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
font-weight: 600 !important; }
.gform_wrapper div.validation_error {
border: none !important;
background: var(--bs-danger);
color: #fff !important;
border-radius: 5px; }
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
border: none !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
background: none !important; }
.gform_wrapper .validation_message {
color: var(--bs-danger) !important;
padding: 2px 0 !important;
margin-top: 5px; }
.gform_wrapper .gfield_error .gfield_label {
color: #fff !important; }
.register-content {
min-height: 100vh;
align-items: center;
justify-content: flex-end;
background: linear-gradient(335deg, #31b5e9 0%, #22317f 100%);
color: #fff; }
.register-info {
background: var(--bs-navy);
color: #fff;
padding: 5em 5em;
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 25%;
display: flex;
flex-direction: column;
justify-content: space-between; }
.register-perks h3 {
margin-bottom: 1.25rem;
font-size: 1.55rem; }
.register-perks ul {
padding: 0;
margin: 0;
font-family: "Exo 2", sans-serif; }
.register-perks ul li {
font-size: 1.1em;
line-height: 2.2;
list-style-type: none;
padding-left: 1.8em;
position: relative; }
.register-perks ul li::before {
content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCAyMCIgd2lkdGg9IjIwcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzMwYjVlOSIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjguMDAwMDAwLCAtODYuMDAwMDAwKSI+PGcgaWQ9ImNoZWNrLWNpcmNsZS1vdXRsaW5lIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjguMDAwMDAwLCA4Ni4wMDAwMDApIj48cGF0aCBkPSJNNS45LDguMSBMNC41LDkuNSBMOSwxNCBMMTksNCBMMTcuNiwyLjYgTDksMTEuMiBMNS45LDguMSBMNS45LDguMSBaIE0xOCwxMCBDMTgsMTQuNCAxNC40LDE4IDEwLDE4IEM1LjYsMTggMiwxNC40IDIsMTAgQzIsNS42IDUuNiwyIDEwLDIgQzEwLjgsMiAxMS41LDIuMSAxMi4yLDIuMyBMMTMuOCwwLjcgQzEyLjYsMC4zIDExLjMsMCAxMCwwIEM0LjUsMCAwLDQuNSAwLDEwIEMwLDE1LjUgNC41LDIwIDEwLDIwIEMxNS41LDIwIDIwLDE1LjUgMjAsMTAgTDE4LDEwIEwxOCwxMCBaIiBpZD0iU2hhcGUiLz48L2c+PC9nPjwvZz48L3N2Zz4=);
color: #fff;
position: absolute;
left: 0;
top: 60%;
transform: translateY(-50%); }
.register-wrapper {
padding: 5em 15em; }
.register-wrapper p {
color: #fff;
font-size: 1rem; }
.register-wrapper p a {
color: #fff;
font-weight: bold; }
.register-wrapper.login .form-wrapper {
margin: 5em auto 5em auto;
max-width: 50%; }
.register-wrapper.login form label {
display: block;
font-size: 13px;
margin-bottom: 2px;
font-weight: 500;
color: #fff;
font-family: "Exo 2", sans-serif; }
.register-wrapper.login form input[type=text], .register-wrapper.login form input[type=password] {
width: 100%;
padding: 9px;
border-radius: 3px;
border: 1px #fff solid;
font-size: 14px; }
.register-wrapper.login form input[type=submit] {
font-weight: 600;
display: block;
width: 100%;
padding: 9px;
border: none;
border-radius: 3px;
color: #fff;
background: var(--bs-navy); }
.register-wrapper.login form input[type=submit]:hover {
background: var(--bs-blue); }
.register-wrapper h1 {
font-size: 2em;
font-weight: 600; }
.register-wrapper h3 {
font-size: 1em; }
.register-wrapper form label {
font-weight: normal; }
.register-wrapper form ul li.password .ginput_container {
position: relative; }
.register-wrapper form ul li.password input[type=password] {
background: #fff !important; }
.register-wrapper form ul li.password label {
width: 100% !important; }
.register-wrapper form ul li.password label span[data-toggle=tooltip], .register-wrapper form ul li.password label span.generator {
float: right;
display: block;
width: 14px;
height: 14px;
border-radius: 50%;
background: #000;
text-align: center;
line-height: 14px;
font-size: 10px;
color: #fff;
margin-left: 3px;
cursor: pointer; }
.register-wrapper form ul li.password label span.generator {
background: var(--bs-blue);
width: auto;
border-radius: 5px;
padding: 0 3px; }
.register-wrapper form ul li.password #strength {
height: 3px;
display: block;
position: absolute;
top: 37px;
opacity: 1; }
.register-wrapper form ul li.password #generated {
font-size: .8rem;
padding: .5rem 1rem;
background: rgba(255, 255, 255, 0.5);
background: var(--bs-navy);
color: #fff;
margin-top: .5rem;
border-radius: 1rem;
display: none;
font-weight: bold; }
.register-wrapper form ul li.password #generated.visible {
display: block; }
.register-wrapper form .account-type ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 0; }
.register-wrapper form .account-type ul li {
margin: 0; }
.register-wrapper form .account-type ul li input {
visibility: hidden;
display: none !important; }
.register-wrapper form .account-type ul li label {
background: red;
display: block;
padding: .7em .5em;
text-align: center;
margin: 0 !important;
color: #fff;
font-family: 'Exo 2', sans-serif;
font-size: 1.1rem; }
.register-wrapper form .account-type ul li:first-child label {
background: var(--bs-blue); }
.register-wrapper form .account-type ul li:nth-child(2) label {
background: var(--bs-danger); }
.register-wrapper form .account-type ul li:last-child label {
background: var(--bs-navy); }
#strength {
height: 3px;
display: block; }
.generator {
cursor: pointer; }
#generated {
font-size: .8rem;
padding: .5rem 1rem;
background: rgba(255, 255, 255, 0.5);
background: var(--bs-navy);
color: #fff;
margin-top: .5rem;
border-radius: 1rem;
display: none;
font-weight: bold; }
#generated.visible {
display: block; }
.logo-xs {
max-width: 80%;
display: none; }
.ui-datepicker {
display: none; }
.partners {
display: grid;
grid-template-columns: repeat(4, 1fr);
padding: 0 4rem 6rem; }
.partners a {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.partners a img {
max-height: 45px; }
.partners a:nth-child(3) img {
max-height: 55px; }
.welcome-section .partners {
padding: 0; }
.page-partners {
padding-bottom: 0;
border-bottom: 1px #f2f2f2 solid; }
.page-partners .partner-content {
padding: 3rem; }
.page-partners .partner img {
height: auto; }
.page-partners .partner figure {
height: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
padding-top: 3rem; }
.news {
background: var(--bs-navy); }
.news-item {
transition: 0.5s ease all; }
.news-item:hover {
transition: 0.5s ease all; }
.news-item:hover .date {
background: var(--bs-blue);
transition: 0.5s ease all; }
.news-item:hover a {
color: var(--bs-danger);
transition: 0.5s ease all; }
.news-item:hover a.cta {
color: #fff; }
.news-item + .news-item {
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px rgba(255, 255, 255, 0.3) dotted; }
.news-item .date {
background: var(--bs-danger);
font-family: "Exo 2", sans-serif;
color: #fff;
padding: .3rem .7rem;
margin-bottom: .5rem;
display: inline-block;
font-size: 0.8rem; }
.news-item p {
color: #fff;
font-size: 1.1rem; }
.news .line {
border-left: 3px #fff solid;
position: relative; }
.news .line::before {
content: "";
width: 20px;
height: 20px;
border: 3px #fff solid;
display: block;
border-radius: 50%;
left: 0;
margin-left: -10px; }
.news .pagination {
margin-top: 3rem; }
.news .pagination a, .news .pagination span {
padding: 1rem; }
.news .pagination a.current, .news .pagination span.current {
color: #fff;
font-weight: bold; }
.news .pagination a.dots, .news .pagination span.dots {
color: var(--bs-blue); }
.website .page-single {
background: var(--bs-navy);
color: #fff; }
.website .page-header {
min-height: 40vh;
height: auto; }
.website .page-header #particles {
position: absolute;
top: 0;
height: auto; }
.website .page-header .welcome-text {
position: relative;
z-index: 2;
margin: 10rem 4rem 10rem 4rem;
max-width: calc(100% - 8rem);
max-width: 70%;
left: 0; }
.website .page-header h1 {
background: var(--bs-danger);
font-size: 3rem;
padding: .5rem 1.5rem 1rem 1.5rem;
background: var(--bs-danger);
display: table; }
.website .page-header h2 {
display: table; }
.experts {
background: var(--bs-navy); }
.experts-list {
grid-template-columns: repeat(5, 1fr);
grid-gap: 6rem; }
.experts .expert {
text-align: center;
color: #fff; }
.experts .expert h6 {
background: none;
padding: 1rem 0 0;
font-size: 1.6rem; }
.experts .expert p {
color: #fff;
font-size: 0.9rem; }
.experts .expert img {
height: auto;
border-radius: 50%; }
.experts .expert:hover img {
box-shadow: 0 0 25px rgba(0, 0, 0, 0.25); }
.editions {
background: var(--bs-navy); }
.editions .edition-item {
display: flex;
align-items: center;
padding-bottom: 3rem;
color: #fff; }
.editions .edition-item-number {
background: var(--bs-danger);
color: #fff;
border-radius: 50%;
width: 5rem;
height: 5rem;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
font-family: "Exo 2", sans-serif;
border: 3px #fff solid;
margin-right: 3rem;
transition: 1s ease all; }
.editions .edition-item-picture {
position: relative;
margin-right: 6rem;
transition: 1s ease all; }
.editions .edition-item-picture::before {
content: "";
width: 3rem;
height: 3px;
background: #fff;
display: block;
position: absolute;
left: -3rem;
top: 50%;
transform: translateY(-50%);
transition: 1s ease all; }
.editions .edition-item-picture::after {
content: "";
width: 6rem;
height: 3px;
background: #fff;
display: block;
position: absolute;
right: -6rem;
top: 50%;
transform: translateY(-50%);
transition: 1s ease all; }
.editions .edition-item-title {
padding-left: 3rem;
position: relative;
transition: 1s ease all; }
.editions .edition-item-title h5 a {
color: #fff; }
.editions .edition-item-title::before {
content: "";
width: 20px;
height: 20px;
border: 3px #fff solid;
border-radius: 50%;
background: var(--bs-navy);
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
transition: 1s ease all; }
.editions .edition-item img {
border-radius: 50%;
border: 3px #fff solid;
position: relative;
max-width: 200px;
height: auto !important;
transition: 1s ease all; }
.editions .edition-item:hover .edition-item-number {
background: var(--bs-blue);
transition: 1s ease all; }
.editions .edition-item:hover .edition-item-picture img {
border-color: var(--bs-blue);
transition: 1s ease all; }
.editions .edition-item:hover .edition-item-picture::after {
width: 9rem;
right: -9rem;
transition: 1s ease all; }
.editions .edition-item:hover .edition-item-title {
padding-left: 6rem;
transition: 1s ease all; }
.editions .edition-item:hover .edition-item-title::before {
left: 3rem;
background: var(--bs-danger);
transition: 1s ease all; }
.page-header .size-edition, .page-header .editions-image {
border-radius: 50%;
border: 3px #fff solid;
margin-right: 3rem; }
.gallery {
display: grid; }
.gallery-thumbnails {
grid-gap: .5rem;
grid-template-columns: repeat(5, 1fr); }
.gallery-thumbnails img {
height: auto; }
.gallery-item:hover {
opacity: .7;
transition: 1s ease all; }
.publications .publication-item {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 1rem; }
.editions-gallery {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 2rem; }
.editions-gallery-item {
transition: 1s ease all; }
.editions-gallery-item img {
height: auto; }
.editions-gallery-item:hover {
opacity: .8;
transition: 1s ease all; }
@media (max-width: 1650px) {
.register-wrapper {
padding: 5rem 10rem; }
.register-info {
padding: 5rem 3rem; } }
@media (max-width: 1440px) {
.website-header {
padding: 1rem 2rem; }
.website-header .logo img {
max-height: 40px; }
.welcome-text {
left: 2rem; }
.welcome-text h2 {
font-size: 1.5rem; }
.welcome-text h3 {
font-size: 2.5rem; }
.welcome #scene {
width: 40%;
right: 0; }
.welcome-section {
padding: 6rem 2rem; }
.welcome-section-about .mosaic {
padding-left: 0; }
.website .page-header h1 {
font-size: 2.5rem; } }
@media (max-width: 1360px) {
.website-menu ul li.login {
margin-left: 2rem; }
.welcome #scene {
width: 46%;
right: 0; }
.register-wrapper {
padding: 5rem 6rem; }
.register-info {
padding: 5rem 2rem; } }
@media (max-width: 1280px) {
.website-menu-rwd {
display: block; }
.website-header .close {
display: block; }
.website-header .menu-rwd-trigger {
display: block; }
.website-header nav {
display: none;
position: fixed;
background: linear-gradient(335deg, #31b5e9 0%, #22317f 100%);
left: 0;
top: 0;
right: 0;
bottom: 0; }
.website-header nav ul {
flex-direction: column;
padding: 3rem; }
.website-header nav ul li {
margin: .5rem 0; }
.website-header nav ul li.login {
margin: 2rem 0 0 0; }
.website-header nav ul li .sub-menu {
display: flex;
position: static;
background: none;
margin: 0;
padding-bottom: .4rem; }
.welcome-text p {
font-size: 1.1rem; }
.welcome-section h2, .welcome-section-about h2 {
font-size: 2.5rem; }
.welcome-section h4, .welcome-section-about h4 {
font-size: 1.4rem;
padding: 0.5rem 1rem; }
.welcome-section p, .welcome-section-about p {
font-size: 1.1rem; }
.welcome-section .mosaic, .welcome-section-about .mosaic {
grid-gap: 2rem;
padding-right: 4rem; }
.welcome-section.footer p, .welcome-section.footer li, .welcome-section-about.footer p, .welcome-section-about.footer li {
font-size: 0.875em; }
.edition-item-title h4, .news-item h4 {
padding: 0; }
.welcome-section-news h2 {
font-size: 1.4rem; }
.welcome-section-news h4 {
padding: 0; }
.welcome-section-partners h2 {
font-size: 1.4rem; }
.register-wrapper {
padding: 5rem 3rem; }
.experts-list {
grid-gap: 3rem; }
.page-header .size-edition, .page-header .editions-image {
max-width: 200px;
height: auto; } }
@media (max-width: 1150px) {
.welcome #scene {
width: 49%;
right: 0; }
.welcome-text h2 {
font-size: 1.3rem; }
.welcome-text h3 {
font-size: 2rem; }
.welcome-section h2, .welcome-section-about h2 {
font-size: 2rem; }
.welcome-section h4, .welcome-section-about h4 {
font-size: 1.3rem; }
.welcome-section p, .welcome-section-about p {
font-size: 1rem; }
.welcome-section .mosaic, .welcome-section-about .mosaic {
grid-gap: 1rem;
padding-right: 3rem; }
.page-single h4 {
padding: 0; }
.welcome-section-news h2 {
font-size: 1.3rem; }
.website .page-header .welcome-text {
margin: 8rem 2rem 6rem 2rem; }
.website .page-header h1 {
font-size: 2rem;
padding: 0.5rem 1.5rem 0.7rem; } }
@media (max-width: 1024px) {
.register-wrapper {
padding: 3rem; }
.register-wrapper h1 {
font-size: 1.6rem; }
.register-perks ul li {
line-height: 2;
font-size: 1rem; }
.register-wrapper.login .form-wrapper {
margin: 3em auto 0 auto; }
.experts-list {
grid-gap: 3rem;
grid-template-columns: repeat(3, 1fr); }
.experts .expert h6 {
font-size: 1.3rem; } }
@media (max-width: 1024px) and (orientation: landscape) {
.welcome #scene {
width: 54%;
right: 0; } }
@media (max-width: 1024px) and (orientation: portrait) {
.website-menu-rwd {
margin-right: 5rem; }
.website-menu-rwd ul li a {
font-size: 0.9rem; }
.welcome {
height: auto;
padding-top: 4rem;
display: flex;
flex-direction: column; }
.welcome h3 {
white-space: normal;
display: block; }
.welcome h2 {
display: block; }
.welcome #scene {
position: relative;
width: 80%;
margin: 0 auto -1rem;
z-index: 1; }
.welcome #particles {
height: 100%;
position: absolute;
z-index: 0; }
.welcome-text {
position: relative;
max-width: none;
margin-bottom: 3rem;
left: auto;
z-index: 1; }
.editions-gallery {
grid-template-columns: repeat(3, 1fr);
grid-gap: 2fr; } }
@media (max-width: 991px) {
.register-content {
background: linear-gradient(335deg, #31b5e9 0%, #22317f 100%);
color: #fff; }
.register-info {
display: none; }
.register-wrapper p, .register-wrapper.login form label {
color: #fff; }
.register-wrapper a {
color: #fff;
font-weight: bold; }
.register-wrapper.login .form-wrapper {
max-width: 100%; }
.gform_wrapper .gfield_required {
color: #fff !important; }
#input_2_4 {
background: #fff !important; }
.logo-xs {
display: block; }
.editions .edition-item-number {
font-size: .8rem;
width: 4rem;
height: 4rem;
margin-right: 1rem; }
.editions .edition-item-picture {
margin-right: 3rem; }
.editions .edition-item-picture::before {
width: 1rem;
left: -1rem; }
.editions .edition-item-picture::after, .editions .edition-item:hover .edition-item-picture::after {
width: 3rem;
right: -3rem; }
.editions .edition-item img {
max-width: 140px; }
.editions .edition-item:hover .edition-item-title {
padding-left: 3rem; }
.editions .edition-item:hover .edition-item-title::before {
left: 0; } }
@media (max-width: 800px) {
.welcome-section h2, .welcome-section-about h2 {
font-size: 1.8rem; }
.welcome-section h4, .welcome-section-about h4 {
font-size: 1.1rem; }
.welcome-section .mosaic, .welcome-section-about .mosaic {
grid-gap: 2rem;
padding-right: 0;
margin-bottom: 3rem; }
.welcome-section-news h2 {
font-size: 1.1rem;
margin-bottom: 3rem; }
.welcome-section-platform-picture {
margin-top: 3rem; }
.footer .row div:not(:last-of-type) {
margin-bottom: 1rem; }
.page-header .size-edition, .page-header .editions-image {
max-width: 140px;
margin-right: 2rem; }
.website .page-header .welcome-text {
margin: 6rem 2rem 4rem 2rem;
max-width: 100%; }
.website .page-header h1 {
font-size: 1.8rem; }
.website .page-header h2 {
font-size: 1rem; }
.experts-list {
grid-gap: 2rem;
grid-template-columns: repeat(2, 1fr); }
.experts .expert h6 {
font-size: 1.1rem; } }
@media (max-width: 768px) {
.menu-rwd-trigger {
right: 1rem;
margin-top: 5px; }
.website-menu-rwd ul li a {
font-size: .8rem;
padding: 0.3rem 1rem; }
.website-header {
padding: 1rem; }
.welcome-text {
padding: 0 1rem; }
.website .page-header .welcome-text {
margin: 6rem 0rem 4rem 0rem; }
.welcome-section {
padding: 4rem 1rem; }
.register-info {
display: none; }
.register-content .col-sm-9 {
width: 100% !important; }
.register-wrapper {
padding: 3rem 1rem; }
.editions-gallery {
grid-template-columns: repeat(3, 1fr);
grid-gap: 1rem; }
.publications .publication-item {
flex-direction: column;
align-items: baseline; }
.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
width: 100% !important; } }
@media (max-width: 600px) {
.partners {
display: block;
margin: 0 auto;
padding: 0 6rem;
text-align: center; }
.partners a {
margin-top: 2rem;
display: block; }
.partners a img {
width: 200px;
height: auto;
max-height: none;
margin: 0 auto; }
.close {
right: 1rem;
top: 1rem; }
.menu-rwd-trigger {
right: 1rem;
margin-top: 2px; }
.website-menu-rwd {
margin: 0 4rem 0 2rem; }
.website-menu-rwd .logout {
display: none; }
.welcome-text h2 {
font-size: 1.1rem; }
.welcome-text h3 {
font-size: 1.6rem; }
.welcome-section h2, .welcome-section-about h2 {
font-size: 1.6rem; }
.experts-list {
grid-gap: 1rem; }
.experts .expert h6 {
font-size: 1.1rem; }
.editions .edition-item-number, .editions .edition-item-picture::before {
display: none; }
.editions .edition-item-picture {
margin-right: 1rem; }
.editions .edition-item-picture::after, .editions .edition-item:hover .edition-item-picture::after {
width: 1rem;
right: -1rem; }
.edition-item-title h4 {
font-size: 1rem; }
.edition-item-title h5 {
font-size: 1.2rem; }
.edition-item .cta + .cta {
margin-top: 1rem; }
.editions .edition-item img {
max-width: 100px; }
.website .page-header {
min-height: auto; } }
@media (max-width: 480px) {
.website-header nav ul {
padding: 2rem 1rem; }
.website-header nav ul li.login, .website-header nav ul li.logout {
margin: 1rem 0 0 0 !important; }
.welcome-text .cta, .welcome-section .cta {
display: block;
margin: 0; }
.welcome-text .cta:first-of-type, .welcome-section .cta:first-of-type {
margin-bottom: 1rem; }
.cta {
display: block;
margin: 0; }
.website-menu ul li.login a, .website-menu ul li.logout a {
display: block;
text-align: center; }
.welcome-section .mosaic {
grid-gap: 1rem; }
.welcome-section .mosaic .svg {
width: 60px; }
.editions-gallery {
grid-template-columns: 1fr 1fr;
grid-gap: 1rem; }
.edition-item .cta:last-of-type {
display: none;
margin: 0; }
.edition-item .cta {
margin: 0 !important; }
.edition-item-title h5 {
font-size: 1.1rem; }
.partners {
padding: 0 1rem; }
.gallery-thumbnails {
grid-gap: 1rem;
grid-template-columns: repeat(3, 1fr); }
.welcome-text .d-flex {
flex-direction: column; }
.page-header .size-edition, .page-header .editions-image {
margin: 0 0 2rem 0; } }
@media (max-width: 320px) {
.editions .edition-item img {
max-width: 70px; }
.experts-list {
grid-template-columns: 1fr; } }
.platform {
background: #f2f2f2; }
.platform-wrapper {
padding: 3rem 3rem; }
.platform img {
max-width: 100%;
display: block; }
.platform main {
margin-left: 275px;
margin-top: 60px;
min-height: calc(100vh - 116px); }
.platform .avatar {
border-radius: 100%; }
.page-header-image img {
width: 100%; }
.platform header a.btn {
border-radius: 5rem;
padding-left: 1rem;
padding-right: 1rem; }
.platform .user-profile-section {
padding: 0 2rem; }
.platform .user-profile-section h5 {
color: #fff;
font-size: 1.1em; }
.platform .user-profile-section h6 {
color: #fff;
font-size: 0.9em; }
.platform .user-profile-section a {
color: #fff; }
.platform-menu {
position: fixed;
display: flex;
left: 0;
top: 0;
bottom: 0;
width: 275px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.065);
background: var(--bs-navy);
background: linear-gradient(335deg, #22317f 0%, #31b5e9 80%, #22317f 100%);
z-index: 999; }
.platform-menu-top {
z-index: 999;
display: flex;
position: fixed;
top: 0;
right: 0;
height: 70px;
background: #fff;
width: calc(100% - 275px);
padding: 0 3rem;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.065);
background: var(--bs-navy);
background: linear-gradient(335deg, #22317f 0%, #31b5e9 100%); }
.platform-menu .logo {
padding: 1rem;
margin-bottom: 3rem;
background: #f2f2f2;
height: 70px;
display: block; }
.platform-menu .logo img {
width: 100%; }
.platform-menu .avatar {
border-radius: 100%;
border: 5px #fff solid;
width: 150px;
height: 150px;
margin: 0 auto;
position: relative; }
.platform-menu .avatar::after {
content: "";
position: absolute;
width: 30px;
height: 30px;
background: red; }
.platform-menu .avatar:hover {
opacity: 0.85; }
.platform-menu ul {
width: 100%; }
.platform-menu ul li a {
color: #fff;
font-weight: 600;
display: block;
padding: .5rem 1rem;
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center; }
.platform-menu ul li a span.material-icons {
margin-right: .7rem;
font-size: 20px; }
.platform-menu ul li.current-menu-item a, .platform-menu ul li.current-page-ancestor a, .platform-menu ul li:hover a {
background: #f2f2f2;
color: var(--bs-navy); }
.platform-menu ul li:hover:not(.current-menu-item) a {
background: none;
color: #fff;
opacity: 0.7; }
.logo-xs-platform {
display: none; }
.logo-xs-platform img {
max-height: 30px; }
ul.nav-xs {
display: none;
flex-direction: row;
justify-content: space-between;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
z-index: 999; }
ul.nav-xs li {
background: var(--bs-navy);
flex: 1;
display: flex;
align-items: center;
justify-content: center; }
ul.nav-xs li span:not(.material-icons) {
font-size: .7rem;
margin-top: 0.5rem; }
ul.nav-xs li span {
display: block;
color: #fff; }
ul.nav-xs li span.material-icons {
font-size: 20px; }
ul.nav-xs li a {
display: flex;
align-items: center;
flex-direction: column-reverse;
padding: .5rem 1rem;
text-align: center; }
ul.nav-xs li:hover, ul.nav-xs li.current-menu-item, ul.nav-xs li.current-page-ancestor {
background: var(--bs-danger); }
.form-white-bg .generator {
cursor: pointer; }
.form-white-bg #generated {
display: block;
margin-top: 1rem;
padding: .5rem 1rem;
border-radius: 5rem;
background: var(--bs-navy);
color: #fff;
display: none; }
.form-white-bg #generated.visible {
display: block; }
.form-white-bg .gform_wrapper ul.gform_fields li.gfield {
padding-right: 0 !important; }
.form-white-bg .gform_wrapper .gfield_error .gfield_label {
color: #000 !important; }
.form-white-bg .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
width: 100% !important; }
.ginput_preview {
display: flex;
align-items: center; }
.ginput_preview img {
height: auto;
margin-right: 1rem; }
gform_multifile_messages_1_3 {
padding: 0 !important;
margin: 0 !important; }
.gform_button_select_files {
background: var(--bs-navy);
color: #fff;
border: none;
border-radius: .5rem;
padding: .5rem 1rem;
font-family: "Exo 2", sans-serif; }
.gform_wrapper textarea {
border: 1px rgba(0, 0, 0, 0.125) solid;
border-radius: 0.5rem; }
.platform .gform_wrapper .top_label .gfield_label, .platform .gform_wrapper legend.gfield_label {
font-size: 1rem; }
.platform .gform_wrapper {
margin-bottom: 0 !important; }
#fep-header {
border: none; }
#fep-content {
padding: 1rem;
border-radius: 5px;
border-color: rgba(0, 0, 0, 0.125);
margin-top: 0; }
.fep-error {
background: var(--bs-danger);
color: #fff; }
.fep-message .fep-message-title-heading.subject {
font-family: "Exo 2", sans-serif;
padding: 0;
background: none;
border: none;
width: auto; }
.fep-per-message {
padding: 1rem; }
.fep-message .fep-message-title-heading.participants {
font-size: .8rem;
font-weight: bold;
padding: 0;
background: none;
border: none;
font-weight: normal; }
.fep-table-row.header .fep-column {
background: var(--bs-blue);
color: #fff;
font-size: .9em;
padding: 0.2rem 0; }
.fep-column {
padding: .5rem 0; }
.fep-column .fep-avatar-p {
padding: .5rem;
height: auto;
display: flex;
flex-direction: row; }
.fep-column .avatar {
height: auto; }
.fep-column .fep-avatar-p .fep-avatar-2 {
position: static;
margin-left: -1rem; }
.fep-column .fep-avatar-p .fep-avatar-1, .fep-column .fep-avatar-p .fep-avatar-2, .fep-column .fep-avatar-more-60, .fep-column .fep-avatar-group-60 {
width: 40px;
height: 40px; }
.fep-table .fep-column-author, .fep-table .fep-column-date, .fep-column-title {
vertical-align: middle; }
.fep-table .fep-message-excerpt {
opacity: 1; }
#fep-content a {
text-decoration: none; }
#fep-content a:hover {
color: var(--bs-blue); }
#fep-menu .fep-button, .fep-button, .fep-button-active {
font-weight: bold;
font-size: .8rem;
background: #fff;
border-color: rgba(0, 0, 0, 0.125);
margin-top: 0;
margin-bottom: 1rem; }
#fep-menu .fep-button:hover, .fep-button:hover, .fep-button-active:hover {
font-weight: bold;
font-size: .8rem;
background: var(--bs-blue);
color: #fff;
border-color: var(--bs-blue); }
#fep-menu .fep-button[type="submit"], .fep-button[type="submit"], .fep-button-active[type="submit"] {
background: var(--bs-danger);
color: #fff;
border-color: var(--bs-danger); }
#fep-menu .fep-button[type="submit"]:hover, .fep-button[type="submit"]:hover, .fep-button-active[type="submit"]:hover {
border-color: var(--bs-danger); }
.fep-button-active {
background: var(--bs-navy);
color: #fff;
border-color: var(--bs-navy); }
input.fep-announcementbox-search-form-field, input.fep-messagebox-search-form-field {
border: 1px rgba(0, 0, 0, 0.125) solid;
border-radius: 5px;
padding: .5rem; }
.fep-filter {
text-align: right; }
.fep-action-table select, select.fep-filter {
margin: 0;
border: 1px rgba(0, 0, 0, 0.125) solid;
padding: .5rem;
border-radius: 5px; }
.fep-form label {
font-size: .8rem;
margin-bottom: .2rem; }
.fep-form .wp-editor-tools {
display: none; }
.fep-form input[type="text"] {
border: 1px rgba(0, 0, 0, 0.125) solid;
border-radius: 5px;
padding: .5rem; }
.fep-form .fep-form-field {
margin-bottom: 1rem; }
.fep-form input[type="file"] {
border: 1px rgba(0, 0, 0, 0.125) solid;
border-radius: 5px;
padding: .5rem;
margin: 0 1rem .5rem 0; }
.fep-attachment-field-a span, #fep-attachment-field-add span {
vertical-align: middle; }
.fep-odd-even > div:nth-child(2n) {
background: #f8f8f8; }
.fep-odd-even > div:nth-child(2n+1) {
background: #fff; }
.fep-odd-even > div:hover {
background: #f2f2f2; }
.fep-message .fep-message-title-heading, .fep-per-message .fep-message-title {
background: #f2f2f2;
align-items: center;
border: none;
padding: 0.5rem; }
.fep-announcement-content {
padding: 1rem 0; }
.fep-announcement-content p {
margin: 0 0 1rem 0 !important; }
.fep-unread-class {
left: -60px;
border-radius: 5px;
background: var(--bs-danger);
border: none;
padding: 3px 5px;
height: auto;
box-shadow: none; }
#fep-notification-bar {
position: fixed;
background: var(--bs-navy);
bottom: 1rem;
right: 3rem;
width: auto;
border: none;
color: #fff;
padding: 1rem 3rem 1rem 2rem;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); }
.fep-notification-bar .fep-notice-dismiss {
color: #fff;
top: 5px;
right: 1rem;
padding: 0; }
.card {
border: none;
background: none; }
.card-header {
padding: 0;
border: none; }
.card-header:first-child {
border-radius: 0 calc(0.25rem - 1px) 0 0; }
.card-header span {
font-weight: 600; }
.card-body {
background: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.065); }
.card-gradient1 .card-body {
background: linear-gradient(335deg, #22317f 0%, #31b5e9 80%, #22317f 100%); }
.forum-archive .bbp-breadcrumb {
display: none; }
#bbpress-forums {
padding: 0 3rem 3rem; }
#bbpress-forums h1 {
font-size: 2rem; }
#bbpress-forums li {
font-size: 1rem; }
#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer {
background: var(--bs-navy);
color: #fff;
font-size: 1.1em;
font-weight: 600;
line-height: normal; }
#bbpress-forums li.bbp-footer {
display: none; }
#bbpress-forums p {
font-size: 1rem; }
#bbpress-forums #bbp-user-wrapper {
margin-top: 3rem;
background: #fff;
padding: 2rem; }
#bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-reply-header, #bbpress-forums div.bbp-topic-header {
background: #fff;
border-bottom: 1px #f2f2f2 solid; }
div.bbp-template-notice.info {
background: #fff;
border: none;
color: #000;
padding: 1em; }
div.bbp-template-notice.info a {
color: var(--bs-blue); }
div.bbp-template-notice.info .bbp-author-avatar {
display: none; }
#bbpress-forums #favorite-toggle span, #bbpress-forums #subscription-toggle span {
font-size: .7rem;
line-height: normal; }
#bbpress-forums #favorite-toggle a, #bbpress-forums #subscription-toggle a {
color: #fff;
background: var(--bs-danger);
color: #fff;
padding: .3rem .6rem;
border-radius: 5rem;
margin-bottom: 1rem;
display: inline-block; }
#bbpress-forums #favorite-toggle a.favorite-toggle, #bbpress-forums #subscription-toggle a.favorite-toggle {
background: var(--bs-blue); }
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
#bbpress-forums ul.bbp-topics {
font-size: 1.2em; }
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li {
margin-bottom: 0.5rem; }
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li a {
font-size: 1rem;
border-radius: 5px;
transition: 0.5s ease all; }
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li a:hover {
opacity: 1;
background: var(--bs-blue);
color: #fff;
transition: 0.5s ease all; }
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
background: var(--bs-blue);
color: #fff;
opacity: 1; }
.bbp-reply-form, .bbp-topic-form, .bbp-topic-tag-form {
background: #fff; }
.bbp-reply-form .button, .bbp-topic-form .button, .bbp-topic-tag-form .button {
background: var(--bs-danger);
color: #fff;
border: none;
padding: .5rem 1.5rem .6rem;
border-radius: 5rem;
font-family: "Exo 2", sans-serif;
font-size: 1rem; }
#bbpress-forums fieldset.bbp-form input[type="text"], #bbpress-forums fieldset.bbp-form select {
padding: 1rem .2rem;
border-radius: 5px;
width: 100%;
border: 1px rgba(0, 0, 0, 0.125) solid; }
#bbpress-forums fieldset.bbp-form label {
margin-bottom: 0.5rem; }
#bbpress-forums fieldset.bbp-form legend {
font-family: "Exo 2", sans-serif;
padding: 0 0 .5rem 0;
font-size: 1.1rem;
font-weight: 600; }
#bbpress-forums fieldset.bbp-form {
padding: 1rem; }
.bbp-replies-widget, .bbp-topics-widget {
list-style-type: none;
padding: 0;
margin: 0; }
.bbp-replies-widget li, .bbp-topics-widget li {
display: flex;
padding: .5rem 0;
align-items: center;
font-size: .8rem; }
.bbp-replies-widget li a, .bbp-topics-widget li a {
display: flex;
align-items: center; }
.bbp-replies-widget li .bbp-author-avatar, .bbp-topics-widget li .bbp-author-avatar {
margin-right: 1rem; }
.bbp-replies-widget li .bbp-author-avatar img, .bbp-topics-widget li .bbp-author-avatar img {
width: 30px;
height: 30px; }
.bbp-replies-widget li .bbp-author-name, .bbp-topics-widget li .bbp-author-name {
margin-right: 0.2rem; }
.bbp-replies-widget li .bbp-reply-topic-title, .bbp-topics-widget li .bbp-reply-topic-title {
margin-left: 0.2rem; }
.bbp-replies-widget li time, .bbp-replies-widget li div, .bbp-topics-widget li time, .bbp-topics-widget li div {
margin-left: 1rem;
font-size: .8rem;
background: #f8f8f8;
padding: 3px 5px;
border-radius: 5px; }
.bbp-topics-widget li .bbp-forum-title {
margin-right: 0.2rem; }
.bbp-topics-widget li .bbp-author-avatar {
margin: 0 0.5rem 0 0.2rem; }
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {
font-size: 1rem; }
.bbp-search-form {
margin-bottom: 1rem; }
.bbp-search-form #bbp_search_submit {
background: var(--bs-blue);
color: #fff;
border: none;
padding: 5px 10px; }
#bbpress-forums #bbp-search-form #bbp_search {
border: 1px rgba(0, 0, 0, 0.125) solid;
border-radius: 5px;
padding: 5px 10px; }
.bbp-forum-info a {
font-family: "Exo 2", sans-serif;
font-weight: 600;
font-size: 1.2rem; }
#bbpress-forums .bbp-forums-list {
border: none; }
#bbpress-forums .bbp-forums-list .bbp-forum {
display: block;
padding: .5rem 0; }
#bbpress-forums .bbp-forums-list .bbp-forum a {
font-size: 1rem;
font-weight: 500; }
#bbpress-forums .bbp-forums-list .bbp-forum.css-sep:not(:last-child)::after {
content: none; }
div.bbp-template-notice, div.indicator-hint {
background: var(--bs-warning); }
.form-wrapper input[type=text], .form-wrapper input[type=password] {
width: 100%;
padding: 9px;
border-radius: 3px;
border: 1px rgba(0, 0, 0, 0.125) solid;
font-size: 14px; }
.form-wrapper label {
display: block;
font-size: 13px;
margin-bottom: 2px;
font-weight: 500;
color: #000; }
.friend {
grid-template-columns: auto 2fr 1fr 1fr 1fr 3fr;
align-items: center;
grid-gap: 1rem; }
.friend-mailbox {
border: none;
padding: 0.5rem 0; }
.friend .avatar {
margin: 0; }
.friend .name {
font-weight: normal;
font-weight: 600;
font-family: 'Exo 2', sans-serif;
font-size: 0.9em; }
.friend a.btn .material-icons {
font-size: 14px;
vertical-align: middle; }
.friend .send-message {
text-align: right; }
.friend .contact-name {
font-family: "Exo 2", sans-serif;
font-weight: 600; }
.card-body.friends {
max-height: 60vh;
overflow-y: auto; }
.library-item {
border-left: 5px var(--bs-blue) solid; }
.library-item:hover {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.library-item-attachments div {
padding: 1rem; }
.library-filter-category {
font-family: "Exo 2", sans-serif; }
.library-filter-category label {
cursor: pointer; }
.library-filter-category label:hover {
color: var(--bs-blue); }
.library-filter-category input:checked + label {
color: var(--bs-blue); }
.evaluations-form p {
font-size: 1rem; }
.evaluations-form li, .evaluations-form fieldset {
border: 1px #f2f2f2 solid !important;
border-radius: .5rem;
padding: 1rem !important; }
.evaluations-form label.gfield_label {
width: 90%;
font-size: 1.5rem !important;
font-family: "Exo 2", sans-serif; }
.evaluations-form .gform_wrapper ul.gfield_checkbox li label, .evaluations-form .gform_wrapper ul.gfield_radio li label {
width: 90%; }
.evaluations-form .gform_wrapper .gsection {
margin: 0;
padding: 1rem;
border: 1px #f2f2f2 solid;
background: var(--bs-navy);
color: #fff; }
.evaluations-form .gform_wrapper .gsection_title {
padding: 1rem 1rem 0;
font-size: 1rem; }
.evaluations-form .gform_wrapper ul.gfield_checkbox li, .evaluations-form .gform_wrapper ul.gfield_radio li {
background: #f2f2f2;
vertical-align: middle;
padding: 0.5rem 1rem !important; }
.evaluations-form .gform_wrapper ul.gfield_checkbox li p, .evaluations-form .gform_wrapper ul.gfield_radio li p {
margin: 0; }
.evaluations-form .gform_wrapper ul.gfield_checkbox li:hover, .evaluations-form .gform_wrapper ul.gfield_radio li:hover {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.125);
transition: 0.5s ease all; }
.evaluations-form .gform_wrapper .gfield_checkbox li input, .evaluations-form .gform_wrapper .gfield_checkbox li input[type="checkbox"], .evaluations-form .gform_wrapper .gfield_radio li input[type="radio"] {
margin-left: 0;
margin-right: 1rem;
vertical-align: middle !important; }
.evaluations-form .gform_wrapper input[type="text"]#input_4_4:read-only {
border: none !important;
font-size: 2.5rem !important;
color: #fff !important;
width: 70px;
height: 70px;
background: var(--bs-blue);
border-radius: 50%;
text-align: center; }
.evaluations-form input[type="search"] {
border: 1px rgba(0, 0, 0, 0.125) solid;
margin-left: 1rem; }
.courses {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 2rem; }
.courses .course {
position: relative;
display: flex;
flex-direction: column;
background: #fff;
background: linear-gradient(335deg, #31b5e9 0%, #22317f 100%);
color: #fff;
overflow: hidden; }
.courses .course .cover {
position: absolute;
background-size: cover;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: .25;
background-position: center center; }
.courses .course .cover-color {
background: var(--bs-danger);
opacity: 1;
transition: 1s ease all;
left: auto;
width: 0; }
.courses .course-description {
z-index: 1; }
.courses .course img {
height: auto;
position: absolute;
z-index: 0;
opacity: .2;
transition: 1s ease all;
max-width: fit-content;
min-height: 100%;
min-width: 100%; }
.courses .course h5 a {
color: #fff; }
.courses .course h5 a span {
display: inline;
background-size: 0 100%;
background-image: linear-gradient(90deg, var(--bs-navy), var(--bs-navy));
background-repeat: no-repeat; }
.courses .course p.author {
font-size: .9em;
margin-top: 1rem; }
.courses .course .action {
margin: auto 1rem 1em 1em;
text-transform: uppercase;
font-weight: bold;
z-index: 1;
transition: 1s ease all; }
.courses .course .action:hover {
background: var(--bs-navy);
border-color: var(--bs-navy);
letter-spacing: 4px !important; }
.courses .course:hover {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.45);
transition: 1s ease all; }
.courses .course:hover .course-description {
transition: 0.5s ease all;
color: #fff; }
.courses .course:hover img {
opacity: .3;
transition: 1s ease all;
position: absolute;
width: 100%;
opacity: 0;
margin-bottom: -100%; }
.courses .course:hover .action {
letter-spacing: 2px;
transition: 1s ease all; }
.courses .course:hover .cover-color {
width: 100%;
transition: 1s ease all; }
.courses .course:hover h5 a span {
background-size: 100% 100%;
transition: background-size 1s ease-in-out 0s; }
.cluevo-module-container video {
max-width: 100%; }
.wpua-edit h3 {
display: none; }
.wpua-edit #wpua-file-existing {
border: 1px rgba(0, 0, 0, 0.125) solid;
padding: 1rem;
border-radius: 5px;
margin-right: 1rem; }
.wpua-edit #wpua-upload-existing, .wpua-edit #wpua-remove-existing, .wpua-edit .button {
background: var(--bs-blue);
color: #fff;
border: none;
border-radius: 5px;
padding: .5rem 1rem; }
.wpua-edit #wpua-remove-existing {
background: #f2f2f2;
color: #000; }
.wpua-edit #wpua-max-upload-existing {
display: none; }
.wpua-edit code {
color: var(--bs-danger); }
.platform-footer {
margin-left: 275px;
padding: 1rem 3rem;
background: #fff;
display: flex;
justify-content: space-between; }
.platform-footer ul {
list-style-type: none;
display: flex;
margin: 0; }
.platform-footer ul li {
margin-left: 1rem; }
.badge .material-icons, .badge span {
vertical-align: middle; }
.badge .material-icons {
font-size: 16px;
padding: 0.2rem 0; }
.badge.points {
margin-bottom: 1rem; }
h5 .material-icons {
vertical-align: middle; }
.gamipress-achievement {
position: relative; }
.gamipress-achievement h4 {
font-size: 1.3rem; }
.gamipress-achievement img {
height: auto !important; }
.gamipress-achievement .card {
width: 100%;
height: 100%; }
.gamipress-achievement .complete {
position: absolute;
top: 30%;
width: 100%;
text-align: center;
padding: 1rem;
color: #fff;
font-family: "Exo 2", sans-serif;
font-size: 2rem;
z-index: 1; }
.gamipress-achievement.user-has-not-earned .complete {
display: none; }
.gamipress-achievement.user-has-earned img {
opacity: .2; }
.gamipress-achievement.user-has-earned .card-image {
background: var(--bs-success); }
.gamipress-achievement.user-has-earned .card-body {
background: var(--bs-success);
color: #fff; }
.gamipress-achievement.user-has-earned .complete {
display: block; }
.gamipress-achievement.user-has-earned .gamipress-extras-window {
color: #000; }
.gamipress-achievement.user-has-earned .gamipress-open-close-switch a {
color: #fff; }
.user-rank {
border-radius: 2rem; }
.gamipress-achievement-points {
font-weight: 500;
font-size: 0.8rem; }
.gamipress-extras-window {
padding: 1rem;
background: #f2f2f2; }
.gamipress-extras-window h4 {
font-size: 1rem; }
.gamipress-achievement:not(.gamipress-layout-none), .gamipress-rank:not(.gamipress-layout-none), .single-achievement.achievement-wrap:not(.gamipress-layout-none), .single-rank.rank-wrap:not(.gamipress-layout-none), .gamipress-user-points:not(.gamipress-layout-none) {
margin-bottom: 3rem; }
.gamipress-achievements-list .gamipress-achievement {
padding: 0; }
.application-status {
padding: .5rem 1rem;
border-radius: .5rem;
margin-left: .5rem;
color: #fff; }
.status-submitted {
background: var(--bs-blue); }
.status-rejected {
background: var(--bs-danger); }
.status-approved {
background: var(--bs-danger); }
.status-waiting_list {
background: var(--bs-danger); }
.table-personal {
background: #f2f2f2;
border-radius: .5rem; }
.table-personal td {
border-bottom: none; }
@media (max-width: 1360px) {
.courses {
grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1025px) {
.platform-menu {
display: flex !important; } }
@media (max-width: 1024px) {
.cp-title {
display: none; }
.platform-menu .close {
display: block; }
.platform-menu .avatar {
width: 120px;
height: 120px; }
.platform-menu ul {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(335deg, #31b5e9 0%, #22317f 100%);
padding: 3rem; }
.platform-menu ul li a {
display: inline-flex; }
.platform-menu ul li a span.item-title {
display: none; }
.platform .user-profile-section {
display: none; }
.platform-menu {
display: none;
width: 100%; }
.platform main {
margin-left: 0; }
.platform-footer {
margin-left: 0;
padding: 1rem;
flex-wrap: wrap; }
.platform-footer ul {
padding: 0; }
.platform-footer ul li {
margin: 0 1rem 0 0; }
.platform-menu-top {
width: 100%;
padding: 0 1rem;
background: linear-gradient(335deg, #31b5e9 0%, #22317f 100%); }
.platform-menu-top .menu-rwd-trigger {
display: block;
top: 36%;
transform: none; }
.platform-wrapper {
padding: 3rem 1rem; }
.special-menu {
margin-right: 6rem !important; }
ul.nav-xs {
display: flex; }
.logo-xs-platform {
display: block; }
#bbpress-forums {
padding: 3rem 1rem 3rem; }
#bbpress-forums #bbp-user-wrapper {
margin-top: 0; }
#bbpress-forums h1 {
font-size: 1.5rem; } }
@media (max-width: 991px) {
.library-row {
flex-direction: column-reverse; }
.card-body.friends {
max-height: none; }
.courses .course {
flex-wrap: wrap; }
.courses .course img {
max-width: 100%; } }
@media (max-width: 800px) {
.cp-hello {
display: none; }
.courses {
grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) {
.special-menu .go-back-homepage {
display: none; }
.platform-menu-top .menu-rwd-trigger {
margin: 0; }
.special-menu {
margin-right: 4rem !important; } }
@media (max-width: 600px) {
.library-item .d-flex {
flex-wrap: wrap; }
.library-item .d-flex .library-item-attachments a {
margin: 1rem 1rem 0 0 !important; }
.friend {
grid-gap: .3rem;
grid-template-columns: auto; }
.friend .send-message {
text-align: left; }
.friend .send-message .label {
display: none; }
.courses {
grid-template-columns: 1fr; } }
@media (max-width: 480px) {
ul.nav-xs li a {
padding: 0.5rem 0; }
.special-menu .logout {
display: none; }
.platform-menu ul {
padding: 2rem 1rem; } }