/*def*/

.btn-joinforfree {
  color: #007cf7 !important;
  /*padding: 5px 10px;*/
  padding: 15px 60px;
  /*font-size: 15px;*/
  font-size: 17px;
  margin-top: 25px;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #007cf7;
  -webkit-transition: all 700ms linear;
  -moz-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  -ms-transition: all 700ms linear;
  transition: all 700ms linear;
}

.btn-joinforfree:hover {
  background-color: #007cf7;
  color: #fff !important;
}

.btn-joinforfree-new {
  background-color: #fff;
  color: #24408E;
  font-weight: bold;
  padding: 1.2em 3em;
  font-size: 1.1em;
  display: inline-block;
  text-transform: uppercase;

  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.btn-joinforfree-new:hover {
  color: #fff;
  background-color: #24408E;
  text-decoration: none;
}

.navbar-header img {
  max-width: 150px;
  height: auto;
}

.navbar-header {
  float: left;
  max-width: 20%;
}

.user-menu {
  max-width: 70%;
}

.homepage-core {
  padding: 80px 0 !important;
}

.menu-item.dropdown ul.dropdown-menu>li>a {
  padding: 10px 12px;
  color: white !important;
}

.menu-item.dropdown ul.dropdown-menu {
  border: none !important;
  margin: -2px 0 0 0 !important;
}

.menu-item.dropdown ul.dropdown-menu ul.dropdown-menu {
  margin: 0 !important;
}

.projects-sidebar img {
  margin: 0px auto;
  max-width: 80%;
}

.projects-sidebar .st-place {
  margin: 20px 0 30px 0;
}

.projects-sidebar .st-place small {
  display: block;
}

.posrel {
  position: relative;
}

.user-menu {
  margin-top: 3rem;
  margin-right: 5rem;
}

.user-menu .menu-item {
  border: none !important;
}

.user-menu a {
  color: #3350b9;
}

.whlink, .whlink:hover {
  color: #fff;
}

.text-centerimp {
  text-align: center !important;
}

/*home*/

.homepage-core-subtext {
  display: none;
}

.homepagebutts {
  padding: 0px !important;
  margin-top: 30px;
}

.homepagebutts a {
  padding: 0px !important;
}

.homepage-core-text p {
  max-width: 850px;
  margin: 0px auto;
}

.homepage-core-separator {
  background-color: #24408E;
  height: 4rem;
}

.homepage-core-bottom-part {
  background-color: #edf5fc;
  padding: 3rem 0;
}
.homepage-core-bottom-part h1 {
  font-size: 2.5em;
  font-weight: normal;
  margin-bottom: 3rem;
  margin-top: 0;
}
.homepage-core-bottom-part .text1 {
  font-size: 1.19em;
  margin: 0rem 6em;
}
.text1 > a {
  font-size: 1em;
  font-weight: bold;
  /*
  color: #00458a;
  */
}
.homepage-core-bottom-part .text2 {
  font-size: 1.6em;
  margin-top: 3rem;
  margin-bottom: 1.8rem;
}

.benefit-section-subheader {
  font-weight: normal;
  text-align: center;
  margin: 4.4rem 0;
}

.benefits-tile {
  width: 300px;
  position: relative;
  margin-bottom: 6rem;
  margin-left: auto;
  margin-right: auto;
}

.benefits-tile > img {
  width: 300px;
}

.benefits-tile > .text-box {
  margin: 0rem 3.5rem;
  padding: 2em 1em;
  background-color: rgba(255, 255, 255, 0.90);
  position: absolute;
  top: 70px;
}

.benefits-tile  .link-button {
  background-color: #24408E;
  color: #fff !important;
  border: 1px solid #24408E;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;

  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;

  display: block;
  position: absolute;
  width: 220px;
  height: 60px;
  left: 50%;
  margin-left: -110px;
  
  bottom: -45px;
}

.benefits-tile  .link-button:hover {
  color: #24408E !important;
  background-color: white;
  text-decoration: none;
}

.text-box > h5 {
  font-size: 1em;
  margin-bottom: 2em;
  text-transform: uppercase;
}

.text-box > p {
  color: #808080;
}

/*about us*/

.steh-about-box {
  background-image: url(images/ourvision.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 5%;
}

.steh-publishpaper-box {
  background-image: url(images/publishpaper.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: 30px;
}

.steh-publishpaper-box .publish-box1 {
  background: rgba(0, 105, 146, 0.79);
}

.steh-publishpaper-box .publish-box2 {
  background: rgba(104, 45, 99, 0.79);
}

.steh-publishpaper-box .publish-box3 {
  background: rgba(13, 27, 30, 0.79);
}

.steh-publishpaper-box .publish-box4 {
  background: rgba(51, 80, 185, 0.79);
}

.steh-about-b0 {
  padding: 50px 20px;
  background-color: rgba(14, 71, 73, 0.55);
  color: #fff;
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  margin: 30px 0 0 0px !important;
}

.steh-about-b1 {
  padding: 50px 20px;
  background-color: rgba(0, 166, 118, 0.55);
  color: #fff;
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  margin: 0px !important;
}

.steh-about-b2 {
  padding: 50px 20px;
  background-color: rgba(99, 105, 209, 0.55);
  color: #fff;
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  margin: 0px !important;
}

.steh-about-b3 {
  padding: 50px 20px;
  background-color: rgba(28, 37, 65, 0.55);
  color: #fff;
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  margin: 0px !important;
}

.publish-box {
  line-height: 33px !important;
  background: transparent;
}

.publish-box .steh-butt {
  margin: 10px 0;
  color: #fff;
}

.steh-p {
  text-align: left;
  line-height: 25px;
  margin-top: 15px;
}

.steh-butt {
  border-radius: 5px;
  border: 1px solid #00A676;
  text-decoration: none;
  font-weight: 500;
  padding: 5px 10px;
  display: inline-block;
  margin: 10px;
  -moz-transition: all .1s linear;
  -o-transition: all .1s linear;
  -ms-transition: all .1s linear;
  transition: all .1s linear
}

.steh-butt:hover {
  background: #00A676;
  color: #fff;
  text-decoration: none;
}

.bio-list-box, .partners-box {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: stretch;
  flex-direction: row;
  justify-content: flex-start;
  text-align: center;
}

.bio-list-box .bio-prezi {
  margin-top: 0px !important;
  flex-basis: 100% !important;
}

.bio-list-box .bio-list {
  flex-grow: 1;
  flex-basis: 20%;
  vertical-align: top;
  margin: 10px 30px;
  padding: 20px;
}

.bio-name {
  padding-top: 10px;
  font-weight: bold;
  color: #007cf7;
}

.bio-role {}

.bio-affiliation {
  color: #5B5B5B;
}

.bio-avatar img, .no-avatar {
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.no-avatar {
  background-color: #BED8D4;
  display: inline-block;
}

.steh-p-lead {
  margin: 0px auto;
  max-width: 600px;
  text-align: center;
}

.anim1 {
  animation: fadeIn 1s ease-in both;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeIn2 {
  from {
    opacity: 0;
    transform: translate3d(0, 50%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/*partners*/

.partner-box {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  flex-basis: 130px;
  vertical-align: top;
  margin: 10px;
  border-radius: 5px;
  border: 1px solid #dadada;
  padding: 10px;
  -moz-transition: all .1s linear;
  -o-transition: all .1s linear;
  -ms-transition: all .1s linear;
  transition: all .1s linear
}

.partner-box:hover {
  border: 1px solid #3350b9;
}

.partner-link img {
  max-width: 125px;
  height: auto;
}

.talright {
  text-align: right !important;
}

/*publish paper - conferences*/

.ste-flex {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: stretch;
  flex-direction: row;
  justify-content: flex-start;
  text-align: center;
}

.pub-conf-box1 {
  flex-grow: 1;
  flex-basis: 20%;
  border-radius: 8px;
  background: #3350B9;
  color: #fff;
  padding: 15px;
  margin: 20px 10px 20px 0;
}

.pub-conf-box1 a, .pub-conf-box1:visited, .pub-conf-box1:focus {
  color: #fff;
}

.pub-conf-box2 {
  flex-grow: 1;
  flex-basis: 20%;
  border-radius: 8px;
  background: #415A77;
  color: #fff;
  padding: 15px;
  margin: 20px 0 20px 10px;
}

.pub-conf-box2 a {
    color: #fff;
}

.signup-button-container {
  position: relative;
  padding-bottom: 65px;
}

.signup-button {
  position: absolute;
  bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

/*journals page*/

.transaction-box {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

/* community sub-pages */

.info-box {
  flex-grow: 1;
  flex-basis: 20%;
  border-radius: 8px;
  background: #3350B9;
  color: #fff;
  padding: 15px;
}

/* recognition*/

.call-for-nominations-nominee-title {
  font-weight: 700;
  font-size: 18px;
  font-style: italic;
  /*text-align: right;*/
}

/*events a-z*/

.st-events-azbox {
  flex-grow: 1;
  flex-basis: 40%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 15px 10px;
  padding: 20px 10px;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  background-color: #0D1B1E;
}

.st-events-azbox i {
  font-size: 48px;
  display: block;
  padding: 0 0 10px 0;
}

.st-events-azbox0 {
  background-color: #3350B9;
}

.st-events-azbox1 {
  background-color: #006992;
}

.st-events-azbox2 {
  background-color: #0D1B1E;
}

.st-events-azbox3 {
  background-color: #;
}

.st-events-azbox4 {
  background-color: #;
}

.st-events-azbox5 {
  background-color: #;
}

.st-events-azbox6 {
  background-color: #;
}

.st-events-azbox7 {
  background-color: #;
}

.st-events-azbox8 {
  background-color: #3350b9;
}

.st-events-azbox9 {
  background-color: #;
}

.st-events-azbox10 {
  background-color: #;
}

.st-events-azbox11 {
  background-color: #;
}

.st-events-azbox12 {
  background-color: #;
}

.st-events-azbox13 {
  background-color: #;
}

.st-events-azbox14 {
  background-color: #;
}

.st-events-azbox15 {
  background-color: #;
}

.st-events-azbox16 {
  background-color: #;
}

.st-events-azbox17 {
  background-color: #;
}

.st-events-azbox18 {
  background-color: #;
}

.st-events-azbox19 {
  background-color: #;
}

.st-events-azbox20 {
  background-color: #;
}

.st-events-azbox21 {
  background-color: #;
}

.st-events-azbox22 {
  background-color: #;
}

.events-az-form .control-label {
  text-align: center !important;
}

.meetandconnectbox {
  flex-basis: 40%;
}

.meetandconnectbox p {
  font-size: 15px;
}

.meetandconnectbox p i {
  font-size: 30px;
  display: block;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
}

/*collaborate and review*/

.pool-filter {
  padding: 0px;
  cursor: pointer;
  position: relative;
}

.pool-filter:hover {
  background: #304CB3;
}

.pool-filter label {
  padding: 10px;
  font-weight: 300;
  margin: 0;
}

.pool-filter .dfa-check {
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 22px;
}

.pool-filter-check {
  background: #0090C1;
}

.pool-filter-check:hover {
  background: #0085B3;
}

.pool-filter-disabled {
    background: #ffffff;
    border: 1px solid #bac0c7;
    color: #bac0c7;
    cursor: not-allowed
}

.pool-filter-disabled:hover {
    background: #ffffff;
    border: 1px solid #bac0c7;
    color: #bac0c7;
    cursor: not-allowed
}

.pool-filter-eudl .fa, .meetandconnectbutt .fa {
  -moz-transition: all .1s linear;
  -o-transition: all .1s linear;
  -ms-transition: all .1s linear;
  transition: all .1s linear;
}

.pool-filter-eudl:hover {
  color: #fff;
}

.pool-filter-eudl:hover .fa, .meetandconnectbutt:hover .fa {
  padding-left: 15px;
}

.filter-conferences {
  max-width: 300px;
  margin: 0px auto;
  float: none;
}

.modal-description {
    font-size: 12px;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.modal-description-inquiry {
    display: block;
    padding-left: 15px;
}

/*meetandconnectbox*/

.connectbox {
  /*margin-top: 30px;*/
  /*background: #dadada top center url(images/meet-and-connect.jpg) no-repeat;*/
  background: top center / 98% url(images/eaicompasstransparentAsset.png) no-repeat;
  width: 100%;
  height: 350px;
}

.connectbox-inner {
  opacity: 0.6;
}

.mobilecompassintro {
  font-size: 22px;
  line-height: 30px;
  /*position: absolute;*/
  /*top: 30%;*/
  /*right: 5%;*/
  /*animation: fadeIn2 1s ease-in both;*/
  /*animation-duration: 0.6s;*/
  color: #fff;
  text-align: left;
  /*max-width: 480px;*/
  font-weight: 300;
  background: rgba(0, 0, 0, 0.81);
  padding: 15px;
  border-radius: 15px;
  margin-right: 10px;
  margin-top: 4rem;
}

.mobilecompassicons {
  position: absolute;
  top: 15%;
  left: 8%;
  animation: fadeIn 1s ease-in both;
  animation-duration: 1.5s;
}

.mobilecompassicons .fa-mobile {
  font-size: 170px;
  color: #fff;
}

.mobilecompassicons .fa-laptop {
  font-size: 250px;
  color: #fff;
}

.meetandconnectbox {
  overflow: hidden;
}

.meetandconnectbox b {
  display: block;
  text-align: center;
  position: absolute;
  top: -20px;
  right: -50px;
  font-size: 90px;
  opacity: 0.2;
}

@media (max-width:500px) {
  .person {
    flex-basis: 30%;
  }
  .homepage-core {
    background-position: top center;
  }
  
  .mobilecompassintro {
    margin-left: 10px;
  }
}

@media (max-width:768px) {
  .menu .container {
    padding: 0;
  }
  .navbar-header {
    float: left;
  }
  .menu a {
    padding: 10px 0;
  }
  .menu .menu-item, .menu .dropdown-menu {
    width: 100%;
    text-align: center;
    border: none;
    height: auto;
  }
  .menu .dropdown-menu {
    height: auto;
    position: relative;
    background: #053C5E;
  }
  .menu .dropdown-menu a {
    color: #fff;
  }
  .menu .dropdown-menu a:hover {
    color: #3350b9;
  }
  .homepage-core-text {
    display: none !important;
  }
  .homepage-core-subtext {
    display: block;
    background: #3350b9;
    padding: 20px;
    margin-top: 15px;
    text-align: left;
  }
  .homepage-core-subtext h2 {
    margin: 5px 0;
    color: #fff !important;
  }
  .homepage-core-subtext p {
    color: #dadada;
  }
  .homepage-core-subtext .btn-primary {
    padding: 5px 10px !important;
    font-weight: 300;
    color: white;
    background: #24408E;
  }
  .homepage-core-text {}
  .mobilecompassintro {
    top: 10%;
    left: 5%;
    font-size: 18px;
  }
  .mobilecompassicons {
    display: none;
  }

    .homepage-core h1 {
        font-size: 3em;
        font-weight: normal;
        margin: 2rem 4rem;
    }
    
    .pub-conf-box1, .pub-conf-box2 {
        flex-basis: 50%;
        margin: 10px;
    }
}

.notify-gray{
  background: #e2eaf1;
  border-radius: 5px;
  padding: 10px 15px;
}

/* conference managment subpage */
.flex{
  display: flex;
}
.flex-wrap{
  flex-wrap: wrap;
}

.inline-block{
  display: inline-block;
}

.rounded-full{
  border-radius: 9999px;
}

.person-details-box {
  position: relative;
  display: flex;
  padding: 2rem;
  width: 50%;
}

.person-details-box > .person-inner{
  display: flex;
  padding: 2rem;
  background-color: #edf1f6;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  width: 100%;
  flex-wrap: wrap;
}

.person-details-box > .person-inner > .team-photo {
  width: 40%;
}

.person-details-box > .person-inner > .info-background {
  width: 60%;
}

.person-details-box > .person-inner > .team-photo > img {
  margin-right: 2rem;
  width: 100%;
  max-width: 80%;
  height: auto;
}

.info-background > .info > p.role {
  font-weight: bold;
}

.info-background > .info > p {
  padding: 0;
  margin: 0.4rem 0;
}

.info > .name {
  font-size: 1.5em;
}

.info > .social {
  font-size: 2em;
  color: #00458a;
}


@media (max-width:768px) {
  .person-details-box {
    position: relative;
    display: block;
    padding: 2rem;
    width: 100%;
  }
  .person-details-box > .person-inner{

  }

  .person-details-box > .person-inner > .team-photo {
  }

  .person-details-box > .person-inner > .team-photo > img {

  }

  .person-details-box > .person-inner > .info-background {
  }
}