.justifyp>p, .justifyli li {
  text-align: justify!important;
}

.list-group {
    list-style: decimal inside;
}

.list-group-item {
    display: list-item;
}

.nav-menu a, #mobile-nav ul li a, .section-header h3, #footer .footer-top h4, #portfolio #portfolio-flters li, #portfolio .portfolio-item .portfolio-info p, #contact .contact-info h3 {
  text-transform: initial;
}


#clients img {
  max-width: 100%;
  opacity: 0.7;
  transition: 0.3s;
  padding: 15px 0;
}

.menu-lng {
  background-color: #962a25;
  /* #f5f5f5; */
}

.btn-lng {
  background-color: #962a25;
  color: #ffffff;
}

.fa-2x {
  font-size: 1.5em;
}

.about-col ul {
    list-style: none;
    font-size: 14px;
    color: #333;
    margin-bottom: 0;
    padding: 0 20px 20px 20px;
}

.about-col>ul>li:before {
    font-family: "FontAwesome";
    content:"\f1b3";
    display: inline-block;
    padding-right: 0.25rem;
}

.about-col>ul>li {
    margin-top: 0.5rem;
}


.modal-header {
  color: white;
  background-color: rgba(0, 0, 0, 0.9);
}


.modal-header button.close span {
  color: white;
  opacity: 1;
}

.modal-title {
  font-size: 1.5rem;
  font-weight: bold;
}

.modal-body {
  color: #3a3a3a;
}

/* Important part */
.modal-dialog{
    overflow-y: initial !important;
}
.modal-body{
    overflow-y: auto;
}

#approach_img {
  max-width: 90%;
}

ol>li {
  margin-bottom: 1rem;
}

#accordion .card .card-body {
  text-align: justify;
}

#accordion .card button:focus, #accordion .card button:active {
    outline: none;
    border:none;
}

#services figure>img {
    max-height: 8rem;
    max-width: 12rem;
}

#services .title {
    color: #111111;
}

.footer-eu-el {
    background-color: white;
    color: black;
    font-weight: 800;
    font-size: 1rem;
    text-align: center;
}

.ion-lg:before {
  position: relative;
  font-size: 1.666em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.ion-2x:before {
  position: relative;
  font-size: 2em;
}


.marquee-container {
    height: 10em;
    margin: 2em auto;
    overflow: hidden;
    background: transparent;
    position: relative;
}

.marquee {
    top: 1em;
    position: relative;
    box-sizing: border-box;
    padding: 0 3em;
    animation: marquee 35s linear infinite;
    font-family: "Montserrat", sans-serif;
    color: white;
    font-weight: 800;
    list-style-type: none;
    text-align: center;
}

.marquee:hover {
    animation-play-state: paused;
}

@keyframes marquee {
    0%   { top:   10em }
    100% { top: -152em }
}

.blur .marquee {
  	margin: 0;
    padding: 0 1em;
    line-height: 1.5em;
}

.blur:before, .blur::before,
.blur:after,  .blur::after {
    left: 0;
    z-index: 1;
    content: '';
    position: absolute;
    width: 100%;
    height: 2em;
    background-image: linear-gradient(180deg, #111111, rgba(17,17,17,0));
}

.blur:after, .blur::after {
    bottom: 0;
    transform: rotate(180deg);
}

.blur:before, .blur::before {
    top: 0;
}

#portfolio .portfolio-item figure {
  background: #38536f4d;
  overflow: hidden;
  height: 13.7rem;
  position: relative;
  border-radius: 4px 4px 0 0;
  margin: 0;
}

#portfolio .portfolio-item #deliverablesFigure .link-preview {
  left: 10rem;
  top: calc(50% - 18px);
}

.pub_authors {
    font-weight: bold;
}

.pub_title {
    font-style: italic;
}

.pub_ref {

}

.scroll-box {
    overflow-y: scroll;
    height: 18rem;
    padding: 1rem;
}

#clients img {
  opacity: 1;
}

#clients img:hover {
  opacity: 0.7;
}

.img-modal .modal-body p {
    text-align: justify;
}

.section-subheader h3 {
  font-size: 16px;
  color: #111;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
}

.section-subheader h3::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-subheader h3::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #5d0006;
  bottom: 0;
  left: calc(50% - 20px);
}

.section-subheader p {
  text-align: center;
  padding-bottom: 30px;
  color: #333;
}

.about-col .img img {
    width: 100%;
    height: 250px;
}

#logo {
    top: -1rem;
    /*margin-top: -1.3rem;*/
}


#facts {
    background: url("../img/digital_doctor.png") center top no-repeat fixed;
    box-shadow:inset 0 0 0 2000px rgba(124, 50, 31, 0.3);
    background-size: cover;
    padding: 60px 0 0 0;
    position: relative;
}

#about {
    background: url("../img/joshua-coleman-623077-unsplash_grey.jpg") center top no-repeat fixed;
    background-size: cover;
    padding: 60px 0 40px 0;
    position: relative;
}

a[data-target="#vkoutkiasModal"]{
    color: #347682;
}

/*#clients {*/
    /*background: url("../img/joshua-coleman-623077-unsplash_grey.jpg") center top no-repeat fixed;*/
    /*background-size: cover;*/
    /*padding: 60px 0 40px 0;*/
    /*position: relative;*/
/*}*/

/*#teams {*/
    /*background: url("../img/digital_doctor.png") center top no-repeat fixed;*/
    /*box-shadow:inset 0 0 0 2000px rgba(124, 50, 31, 0.3);*/
    /*background-size: cover;*/
    /*padding: 60px 0 0 0;*/
    /*position: relative;*/
/*}*/

#header {
    background: rgba(0, 0, 0, 0.3);
}

@media (max-width: 1152px) {
  .back-to-top {
    bottom: 15px;
  }

  #header #logo h1 {
    font-size: 28px;
  }

  #header #logo img {
    max-height: 40px;
  }

  #intro h2 {
    font-size: 28px;
  }

  #nav-menu-container {
    display: none;
  }

  #mobile-nav-toggle {
    display: inline;
  }
}

@media (min-width: 768px) {
    .icon-bar {
        position: fixed;
        padding-left: 1rem;
        padding-right: 2rem;
        top: 85%;
        width: 1%;
        z-index: 11;
        background: rgba(3, 3, 3, 0.85);
        border-radius: 5px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        list-style: none;
    }

    .icon-bar li {
        margin: 1.2rem 0;
    }
}

@media (max-width: 768px) {
    .icon-bar {
        position: fixed;
        top: 94px;
        width: 100%;
        text-align: center;
        background: #c9c9c9;
        z-index: 998;
        list-style: none;
    }

    .icon-bar li {
        display: inline-block;
        margin: 0 0.3rem;
    }

}

.icon-bar-rt .badge-info {
    background-color: #2b5763;
    /*background-color: #c61818;*/
}

@media (min-width: 768px) {
    .icon-bar-rt {
        position: fixed;
        padding-left: 1rem;
        padding-right: 2rem;
        top: 15%;
        right: 0;
        z-index: 11;
        background: #c9c9c9;
        border-radius: 5px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        list-style: none;
    }

    .icon-bar-rt li {
        margin: 0.3rem 0;
    }
}

@media (max-width: 768px) {
    .icon-bar-rt {
        position: fixed;
        top: 70px;
        width: 100%;
        text-align: center;
        background: #c9c9c9;
        z-index: 998;
        list-style: none;
    }

    .icon-bar-rt li {
        display: inline-block;
        margin: 0 0.3rem;
    }

}


#footer {
    position: absolute;
    z-index: 12;
}

.identity-months-span {
    font-size: 24px!important;
}


#intro h2 {
    font-size: 46px;
}

@media (max-width: 768px) {
    #intro .carousel-inner {
        margin-top: 5rem;
    }

    #intro h2 {
        font-size: 26px;
    }

    #intro p {
        font-size: 0.9rem;
    }

}

.fm-lnk {
    text-align: center;
    font-size: 43px;
    font-weight: 700;
    border-style: solid;
    border-color: black;
    border-width: 5px;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
}



#formerMembersInab {
  background: #fff;
  /*padding: 60px 0;*/
}

#formerMembersInab .member {
  text-align: center;
  /*margin-bottom: 20px;*/
  background: #000;
  position: relative;
}

#formerMembersInab .member .member-info {
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
}

#formerMembersInab .member .member-info-content {
  margin-top: -50px;
  transition: margin 0.2s;
}

#formerMembersInab .member:hover .member-info {
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
  transition: 0.4s;
}

#formerMembersInab .member:hover .member-info-content {
  margin-top: 0;
  transition: margin 0.4s;
}

#formerMembersInab .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
  color: #fff;
}

#formerMembersInab .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
  color: #fff;
}

#formerMembersInab .member .social {
  margin-top: 15px;
}

#formerMembersInab .member .social a {
  transition: none;
  color: #fff;
}

#formerMembersInab .member .social a:hover {
  color: #2b5763;
}

#formerMembersInab .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

/*#formerMembersInab div {*/
/*    position: relative;*/
/*}*/

