.earth-demo{background:none!important;top:0;right:0;bottom:0;left:0;overflow:hidden;margin-top: 0%;}

.earth .more-info{width:100%!important;}


/* .earth-demo:before{background:url(../../images/random/space2.jpg) repeat center;background-size:cover;content:"";opacity:.5;position:absolute;left:0;right:0;top:0;bottom:0} */

.earth{position:absolute;top:calc(50% - 100px);left:calc(50% - 100px)}.earth img{height:200px;width:200px;position:absolute;top:0;left:0}
.earth .more-info{background-image:-webkit-gradient(linear,left top,left bottom,from(#0a0a0a),to(black));background-image:linear-gradient(to bottom,#0a0a0a,black);border-radius:1em;color:#fff;opacity:0;padding:1em;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:0 0;transform-origin:0 0;width:400px;z-index:10}.earth .more-info h1{margin:0 0 1em;text-align:right}.earth .more-info h1,.earth .more-info li{font-family:space mono,monospace;opacity:0}.earth .more-info li{font-size:14px}.moon-container{position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.demo-moon{-webkit-animation:spin-moon 20s linear infinite;animation:spin-moon 20s linear infinite;background:0 0;width:50px;height:50px;pointer-events:none;-webkit-transform-origin:25px;transform-origin:25px;z-index:0}.demo-moon img{-webkit-transform:translateX(-160px) translateY(-160px);transform:translateX(-160px) translateY(-160px);width:50px}.earth img,.demo-moon img{border-radius:50%;position:absolute;-webkit-box-shadow:0 0 12em 1em rgba(110,140,200,.6);box-shadow:0 0 12em 1em rgba(110,140,200,.6)}.earth:hover img,.earth.active img{-webkit-transform:translateX(-75px) translateY(-75px) scale(.5);transform:translateX(-75px) translateY(-75px) scale(.5)}.earth:hover~.moon-container,.earth.active~.moon-container{-webkit-transform:translateX(-75px) translateY(-75px) scale(.4);transform:translateX(-75px) translateY(-75px) scale(.4)}.earth:hover~.moon-container img,.earth.active~.moon-container img{-webkit-transform:translateX(-140px) translateY(-140px);transform:translateX(-140px) translateY(-140px)}.earth:hover .more-info,.earth.active .more-info{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.earth:hover .more-info h1,.earth:hover .more-info li,.earth.active .more-info h1,.earth.active .more-info li{opacity:1}.earth:hover .more-info li:nth-child(1),.earth.active .more-info li:nth-child(1){-webkit-transition-delay:0s;transition-delay:0s}.earth:hover .more-info li:nth-child(2),.earth.active .more-info li:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}.earth:hover .more-info li:nth-child(3),.earth.active .more-info li:nth-child(3){-webkit-transition-delay:.4s;transition-delay:.4s}.earth:hover .more-info li:nth-child(4),.earth.active .more-info li:nth-child(4){-webkit-transition-delay:.6s;transition-delay:.6s}*{-webkit-transition:opacity .5s ease-out,width .5s ease-out,-webkit-transform 4s cubic-bezier(0,1.5,.3,1);transition:opacity .5s ease-out,width .5s ease-out,-webkit-transform 4s cubic-bezier(0,1.5,.3,1);transition:transform 4s cubic-bezier(0,1.5,.3,1),opacity .5s ease-out,width .5s ease-out;transition:transform 4s cubic-bezier(0,1.5,.3,1),opacity .5s ease-out,width .5s ease-out,-webkit-transform 4s cubic-bezier(0,1.5,.3,1)}@-webkit-keyframes spin-moon{to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes spin-moon{to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}


.bg1 {
  background-image: url("../images/back.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 700px;
}

.bg-dashboard {
  background-image: url("../images/shuttle.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 700px;
}

/* home sdp */
.bg-home-sdp {
  background-image: url("../images/back.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 700px;
}

@media only screen and (min-width:480px) {
    .bg-home-sdp {
      background-image: url("../images/back.jpg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      min-height: 700px;
    }
}




#contenu {
    margin-top: 0%!important;
    text-align:center;
    display: block;
    float: left;
    background: #fff!important;
    min-width: 100%!important;
    padding: 5%;
    opacity: 0.8;
    font-size: 14px !important;
}


div.ej-embed {
    text-align:left;   
}

#contenu p, #contenu .ej-embed li {
    color: #000000; 
    line-height: 1.5em;
    font-size: 15px !important;
}

#contenu .ej-embed ul, #contenu .ej-embed li {
    margin-left:20px;
}

#contenu .ej-embed li:last-child {
    margin-bottom:30px;
}

#contenu .ej-embed li {
    margin-bottom:5px;
}

#contenu .ej-embed a {
    color:darkred !important;
}

#contenu .ej-embed a:hover {
    color:red !important;
    text-decoration: underline ;
}





.ej-effect:hover {
    cursor: pointer;
}

.ej-effect {
    padding: 10px;
    margin: 3%;
}
.ej-border {
    padding: 10px ;
}
.ej-accent {
    font-weight: bold;
    font-size: large;
}

.ej-green {
    background-color: rgba(11, 156, 49, 0.6) ;
}
.ej-red {
    background-color: rgba(250, 0, 28, 0.6) ;
}
.ej-blue {
    background-color: rgba(83, 51, 237, 0.6) ;
}

.ej-background {
    background-color: lightyellow !important;
    border : 1px solid #d8d8d8;
}

.ej-fixed {
    font-size: 15px;
}

li.ej-welcome {
    text-transform: none !important ;
}

figure.table td {
    padding: 10px !important;
}



/* local Montserat fonts */
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/* cr form input */

select.cr-form-input{
    width: 100%;
    margin: 5px;
    height:35px;
    padding-left: 5px;
/*    background-color: lightyellow !important; */
    border: 1px solid grey !important ;
    margin-bottom:30px !important;
    background-color: #fff ;
}


input.cr-form-input{
    width: 100%;
    margin: 5px;
    height:35px;
    padding-left: 5px;
/*    background-color: lightyellow !important; */
    border: 1px solid grey !important ;
    margin-bottom:30px !important;
}

textarea.cr-form-input {
    width: 100%;
    margin: 5px;
    height:70px;
    padding-left: 5px;
/*    background-color: lightyellow !important; */
    border: 1px solid grey !important ;
    margin-bottom:30px !important;
}

button.btn.btn-default {border: 2px solid #333;color: #000;}
.btn.btn-default:hover { background: #333;color: #fff!important;}


.floating-label {
  position: absolute;
  pointer-events: none;
  left: 24px;
  color: grey;
  top: 10px;
  transition: 0.2s ease all;
}

select.cr-form-input ~ .floating-label,
input.cr-form-input:focus ~ .floating-label,
input.cr-form-input:not(:focus):valid ~ .floating-label,
textarea.cr-form-input:focus ~ .floating-label,
textarea.cr-form-input:not(:focus):valid ~ .floating-label
{
  top: -15px;
  /* bottom: 10px; */
  left: 24px;
  font-size: 12px;
  color: #000;
  font-weight: bold;
  opacity: 1;
}

select.cr-form-input:focus, textarea.cr-form-input:focus, input.cr-form-input:focus {
    background-color: lightyellow !important; border: 1px solid #333;}


 
.cr-button{
    color: #fff;
    padding: 2%;
    background: rgba(250, 0, 28, .6);
    font-size: 15px;
    width: auto ;
    height: auto ;
 /*   line-height: 30px; */
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    text-align: center;
    margin-bottom: 5%;
}

.cr-button:hover {
    color: yellow;
}


/* modules june 2021 */

.member-module {
     margin-top:350px;
     margin-bottom:50px;
 }

 .member-module h1, .member-module h2 {
     color:#fff ;
     text-align:center ;
     font-weight: bold ;
 }

 .member-module h1 {
     font-size: 70px;
 }

 .member-module h2 {
     font-size: 30px;
 }
    

.am-button {
    color: #fff;
    padding: 3% ;
    background-color: #FF6600 ;
    font-size: 25px;
    margin-top: 5%;  
    /* font-weight: bold; */
    height: 90px;
    border: 2px solid #FF6600 ;
    border-radius: 10px ;
    text-align: center ;
    vertical-align: middle ;
    flex-flow: row;
    min-width: 100%;   
}

/* source: https://stackoverflow.com/questions/14123999/center-a-div-horizontally-and-vertically */ 
.am-button div {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

    
.am-button:hover {
    background-color: #fa001c;
    border: 2px solid #fa001c ;
}

.am-button-small {
    color: #fff;
    padding: 3% ;
    background-color: #FF6600 ;
    font-size: 12px;
    margin-top: 5%;  
    /* font-weight: bold; */
    height: 40px;
    width:60% ;
    border: 2px solid #FF6600 ;
    border-radius: 7px ;
    text-align: center ;
    vertical-align: middle ;
    display: table; 
}
    
.am-button-small:hover {
    background-color: #fa001c;
    border: 2px solid #fa001c ;
}

.am-button-additional {
    color: #fff;
    padding: 3% ;
    background-color: #fa001c ;
    font-size: 12x;
    margin-top: 5%;  
    font-weight: bold; 
    height: 40px;
    width:60% ;
    text-align: center ;
    vertical-align: middle ;
    display: table; 
}





button.btn.btn-primary, a.btn.btn-primary  {
    background: #fa001c !important;
    border: none;
    padding: 1%;
    width: auto;
    height: 54px;
    color: #fff;
    min-width: 155px;
    font-weight: bold;
    text-transform: uppercase;
}
button.btn.btn-primary:hover {background: #142e38!important} 
a.btn.btn-primary:hover {background: #142e38!important} 



.conditional {
    display: none ;
}




/* whos who */

h2 {
    font-size: 25px;
    margin: 0.67em 0;
}

h3 {
    font-size: 20px;
    margin: 0.67em 0;
}

div.form-people {
    text-align:left ;
}

.mypanel {
    margin-bottom:15px ;
}

.mypanel  div.content {
    margin-top: 15px;
}

div.form-people .glyphicon {
    cursor: pointer ;
    font-size: 20px;
}

/* patch first page footer */
 

.main-footer .copyright-message a:hover {
    color: #f26f72 !important;
}

/* find fund */
div.ej-content {
    text-align:left;
    color: darkred;
}

div.ej-content input[type=checkbox], div.ej-content input[type=radio] {
    width: 25px;
    height: 25px;
}

.ej-stress {
    font-weight: bold;
    background-color: yellow ;
}

/* who's who */ 
div.ej-media  {
    border: 1px solid grey ;
    margin-left: 2%;
    margin-bottom: 20px;
    padding : 1%;
    font-size: 17px;
    background-color: lightyellow;
}
div.ej-media-form  {
    margin-left: 2%;
    margin-bottom: 20px;
}

div.ej-media a {
    text-decoration: underline;
}

#contenu div.ej-note p {
    font-size: 13px !important;
    padding: 2%;
    margin-bottom: -5px;
}

#contenu div.ej-note-under p {
    font-size: 13px !important;
    margin-top: -35px;
    padding: 1%;
    margin-bottom: 20px;
}

a:hover {
    cursor: pointer !important;
}


/* show people */

div.form-people.show img {
    width:100%;
    min-width:100%;
}

div.form-people.show #contact-info:hover {
    cursor: pointer;
}

div.form-people.show #contact-info {
    color: darkred;
    text-decoration: underline;
}

div.form-people.show .people-section {
    background-color: lightgrey;
    font-weight:bold;
    font-family: 'Montserrat' ;
}

div.form-people.show table td {
    padding:5px;
    text-align: left ;
}

div.form-people.show table td:first-child {
    color: grey;
}

span.fund-label {
    margin-bottom:10px !important;
    display: inline-block;
}

/*
div.form-people.show #tabs li {
    font-size: 20px;
}
*/

/* autocomplete on people */

input.search-people {
    width: 50%;
    height:70px;
    font-size: 19px;
    padding: 2%;
    background-color: lightyellow !important; 
    border: 1px solid grey !important ;
}

.ej-menu-item {
    font-family: inherit !important;
    font-size: 18px !important;
    background-color: lightyellow !important;
    padding: 2% !important;
}

.ej-margin {
    margin-left:2% ;
}


/* edit member */
table.display-member {
        margin-top: 5%;
	width: 100% ;
}

table.display-member tr {
    border-bottom: 1px solid lightGrey ;
    height: 40px ;
}


table.display-member tr td:nth-child(2) {
    padding-left:10px ;
    color : darkred ;  /* primary */
	width: 70% ;
}

table.display-member tr:nth-child(even) {background: #ffffff}
table.display-member tr:nth-child(odd) {background: #f5f5f5}

table.display-member .edit-input:hover, table.display-member .edit-textarea:hover {
    cursor: pointer ;
}

table.display-member td {
    padding-top:7px !important;
}


table.display-info {
	width: 100% ;
}

table.display-info tr {
    border-bottom: 1px solid lightGrey ;
    height: 40px ;
}

table.display-info tr td:first-child {
   /* font-weight : bold ; */
}

table.display-info tr td:nth-child(2) {
    padding-left:10px ;
    color : #493DE9 ;  /* primary */
	width: 70% ;
}

table.display-info tr:nth-child(even) {background: #ffffff}
table.display-info tr:nth-child(odd) {background: #f5f5f5}

table.display-info img {
    width:25%;
}

span.edit-input, span.edit-textarea, span.edit, span.edit-select, span.my-edit-select {
    cursor: pointer !important ;
}

span.edit-input:hover, span.edit-textarea:hover, span.edit:hover, span.edit-select:hover, span.my-edit-select:hover {
    color: darkred  !important;
}