@charset "UTF-8";

/* *************************************************
 *
 * Thinkable CSS for Sites
 * Version 1.0.0
 * MVG Solutions, 2018
 *
 ************************************************* */


/* *************************************************
 *
 * GENERAL
 *
 ************************************************* */


.hide {
  display: none;
}

body, h1, h2, h3, h4, h5, p, a {
 font-family: Georgia, Arial !important;
}

* {
  outline: none;
}
.wrap {
  width: 90%;
  /* background-color: #AAAAAA; */
  max-width: 2100px;
  margin: 0 auto;
  /* padding: 40px 0; */
}

.off-canvas-wrapper{
  /* background-color: red; */
}

/* *************************************************
 *
 * NAVIGATION - MOBILE
 *
 ************************************************* */


.nav-mobile {
  /*display: inline-block;*/
  /* background-color: #006600; */
  color: rgba(255,255,255,0.10);
  /* background-image: url("./images/pattern.png"); */
  background-image:url("../images/matrix.jpg");

  /* background-attachment: fixed; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  height: 60px;
  padding: 0px;
}

.nav-mobile.offcanvas{
  margin-bottom: 16px;
}

.nav-mobile .menu-mobile{
    padding:0;
    line-height: 60px;
    /* color: #00AA00; */
    background-color: rgba(0,102,0,0.80);
    /* width: 90%; */
    /* max-width: 2100px; */
    /* margin: 0 auto; */
    display: block;
}

.nav-mobile .title-bar-right{
  max-width: 20%;
}


/* *************************************************
 *
 * NAVIGATION - DESKTOP
 *
 ************************************************* */

.nav-desktop{
  /*display: inline-block;*/
  /* background-color: #006600; */
  color: rgba(255,255,255,0.10);
  /* background-image: url("./images/pattern.png"); */
  background-image:url("../images/matrix.jpg");

  /* background-attachment: fixed; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  height: 60px;
  padding: 0px;
}

.nav-desktop .site-logo,
.nav-mobile .site-logo {
  color: rgba(255,255,255,0.90);
  font-weight: bold;
  /* padding: 0px 20px; */
  /* background-color: red; */
}

.nav-desktop .menu-desktop,
.nav-mobile .menu-mobile {
    padding:0px 20px;
    line-height: 60px;
    background-color: rgba(0,102,0,0.80);
    /* width: 90%; */
    /* max-width: 2100px; */
    /* margin: 0 auto; */
}

.nav-desktop .menu-desktop a,
.nav-mobile .menu-mobile a {
  display: inline-block;
  color: #FFFFFF;
  /* color: red; */
  /* background-color: #00AA00; */
  line-height: 60px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.nav-desktop .menu-desktop a:hover {
  color: rgba(255,255,255,0.90);
  color: #AAFFAA;
  background-color: rgba(255,255,255,0.10);
}

.nav-desktop .menu-desktop .is-active > a {
    /*display: inline-block;*/
    /* background-color: rgba(255,255,255,0.90); */
    /* color: #fefefe; */
    color: black;
}

.nav-desktop .menu-desktop .active > a {
    /* display: inline-block; */
    /* background-color: rgba(255,255,255,0.90); */
    /* border: 1px solid #008000; */
    /* background-color: rgba(255,255,255,0.10); */
    color: rgba(255,255,255,0.90);
    color: #AAFFAA;
    /* font-weight: bold; */
    background-color: transparent;
    /* color: #00AA00; */
}



/* *************************************************
 *
 * HERO
 *
 ************************************************* */


.home_cover_background {
    background-image:url("../images/matrix.jpg");

    /* Full height */
    height: 620px;
    opacity: 0.9;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home_cover_cta {
  border: 1px solid #008000;
  border-radius: 5px;
  padding: 20px;
  background: linear-gradient(#CFDBC5, white);
  text-align: left;
}

.home_cover_cta .hero_cta_button:hover {
  /* background-color: rgba(255,255,255,0.1); */
  background-color: #00BB00;
}

.home_cover_message {
  border: 1px solid #008000;
  border-radius: 5px;
  padding: 10px;
  color: #fefefe;
  text-align: center;
}


/* .inner-site-hero .data-analysis{
  background: url("https://images.pexels.com/photos/8264/pexels-photo.jpg?h=350&auto=compress&cs=tinysrgb") top right no-repeat;
} */


/* *************************************************
 *
 * MAIN BODY
 *
 ************************************************* */


.card {
  border: 1px solid #008000;
  border-radius: 5px;
  height: min-content;
  /* height: 150px; */
  background: linear-gradient(#CFDBC5, white);
  margin-top: 15px;
  margin-bottom: 15px;
}

h2 {
  color: #008000;
  padding-top: 50px;
  padding-bottom: 25px;
  /*border: 1px solid #008000;*/
}

h3 {
  color: #008000;
  padding-bottom: 25px;
  /*border: 1px solid #008000;*/
}

a {
  color: #008000;
}

a:hover, a:focus {
  color: #00AA00;
}

.button {
    background: #009000;
    border-radius: 5px;
    color: #fefefe;
}

.button:hover {
    background-color: rgba(255,255,255,0.1);
    color: #fefefe;
}

/* .button:hover {
    background: #00AA00;
    color: #fefefe;
} */



/* *************************************************
 *
 * INNER PAGES
 *
 ************************************************* */


.inner-pitch {
  color: rgba(255,255,255,0.90);
  /* border-radius: 5px; */
  /* background-image:url("../images/reports-web.jpg"); */
  /* background: url("../images/reports-web.jpg") top right no-repeat; */
  background-position: 50% 50%;
  font-family: Georgia, Arial;
  margin: 0px;
}

.inner-pitch .inner-pitch-data-analysis {
  background: url("../images/reports-web.jpg") top right no-repeat;
  background-size: cover;
  border-radius: 10px;
}

.inner-pitch .inner-pitch-why-us {
  background: url("../images/thinker.jpg") top right no-repeat;
  background-size: cover;
  background-position: 50% 30%;
  border-radius: 10px;
}

.inner-pitch .inner-pitch-custom-portals {
  background: url("../images/custom-portals.jpg") top right no-repeat;
  background-size: cover;
  background-position: 0% 50%;
  border-radius: 10px;
}

.inner-pitch .inner-pitch-open-source {
  background: url("../images/open-source.jpg") top right no-repeat;
  background-size: cover;
  background-position: 0% 30%;
  border-radius: 10px;
}

.inner-pitch .inner-pitch-data-mining {
  background: url("../images/mine-data.jpg") top right no-repeat;
  background-size: cover;
  background-position: 0% 0%;
  border-radius: 10px;
}

.inner-pitch .inner-pitch-bridging {
  background: url("../images/bridging.jpg") top right no-repeat;
  background-size: cover;
  background-position: 8 0% 30%;
  border-radius: 10px;
}

.inner-pitch .inner-pitch-annotation {
  background: url("../images/annotation.jpg") top right no-repeat;
  background-size: cover;
  background-position: 8  0% 30%;
  border-radius: 10px;
}

.inner-pitch .inner-pitch-ontologies {
  background: url("../images/ontologies.jpg") top right no-repeat;
  background-size: cover;
  background-position: 8  0% 30%;
  border-radius: 10px;
}

.inner-pitch .inner-pitch-machine-learning {
  background: url("../images/machine-learning.jpg") top right no-repeat;
  background-size: cover;
  background-position: 0% 45%;
  border-radius: 10px;
}

.inner-pitch .inner-pitch-legacy-systems {
  background: url("../images/legacy-systems.jpg") top right no-repeat;
  background-size: cover;
  background-position: 0% 45%;
  border-radius: 10px;
}

@media (max-width: 639px) {
  .inner-pitch .inner-pitch-left,
  .inner-pitch .inner-pitch-right{
    border-radius: 10px;
  }
}

.inner-pitch .inner-pitch-image{
  background-size: 800px;
  background-position: 50% 50%;
  /* z-index: -1; */
}

.inner-pitch-message {
  background-color: rgba(61,139,55,0.75);
  font-size: 1.6em;
  padding: 25px;
  height: min-content;
  /* align-content: stretch; */
  /* align-items: stretch; */
  /* min-height: 250px; */
  /* display: flex; */
  /* flex-direction: column; */
  text-shadow:
            -0.5px -0.5px 0 #555,
             0.5px -0.5px 0 #555,
             -0.5px 0.5px 0 #555,
              0.5px 0.5px 0 #555;

}

.inner-pitch-message.inner-pitch-left {
  /* height: 100%; */
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  align-items: center;
}

.inner-pitch-message.inner-pitch-right {
  /* height: 100%; */
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  align-items: center;
}

.inner-pitch-button {
  color: rgba(255,255,255,1);
  background-color: rgba(255,255,255,0.50);
  border-radius: 10px;
  text-align: center;
  padding: 10px 25px;
  text-transform: uppercase;
  font-size: 14px;
  text-shadow:
            -0.5px -0.5px 0 #999,
             0.5px -0.5px 0 #999,
             -0.5px 0.5px 0 #999,
              0.5px 0.5px 0 #999;
}

.inner-pitch-button:hover {
  /* color: rgba(0,100,0,0.95); */
  background-color: rgba(255,255,255,0.6);
  color: rgba(0,150,0,.9);
  text-shadow:
           -0.5px -0.5px 0px #777,
            0.5px -0.5px 0px #777,
           -0.5px 0.5px 0px #FFF,
            0.5px 0.5px 0px #FFF;
}



/* *************************************************
 *
 * INNER-WORK-SAMPLE
 *
 ************************************************* */



.inner-work-sample {
  background: #fefefe;
  /* background: #fe0000; */
  /* padding: 25px; */
  margin-bottom: 15px;
}

.inner-work-sample span{
  font-weight: bold;
}

.inner-work-sample h3{
  color: #008000;
  padding-top: 50px;
}

.inner-work-sample .inner-cta-button {
  background-color: rgba(0,150,0,.5);
  color: rgba(255,255,255,0.9);
  border-radius: 10px;
  text-align: center;
  margin: 150px 0px 550px 0px;
  padding: 10px 25px;
  text-transform: uppercase;
  font-size: 14px;
  text-shadow:
           -0.5px -0.5px 0 #999,
            0.5px -0.5px 0 #999,
            -0.5px 0.5px 0 #999,
             0.5px 0.5px 0 #999;
}


.inner-work-sample .inner-cta-button:hover {
  background-color: rgba(0,150,0,.4);
  /* color: rgba(255,255,255,1); */
  color: rgba(0,150,0,.9);
  text-shadow:
           -0.5px -0.5px 0px #777,
            0.5px -0.5px 0px #777,
           -0.5px 0.5px 0px #FFF,
            0.5px 0.5px 0px #FFF;
}



/* *************************************************
 *
 * INNER-FOOTER
 *
 ************************************************* */


.inner-footer{
  margin-top: 10px;
  margin-bottom: 20px;
}

.inner-footer .inner-back-button{
  background-color: rgba(0,150,0,.25);
  color: rgba(255,255,255,0.9);
  border-radius: 10px;
  text-align: center;
  text-transform: uppercase;
  margin: 50px 0px 550px 0px;
  padding: 10px 25px;
  text-transform: uppercase;
  font-size: 14px;
  text-shadow:
           -0.5px -0.5px 0 #999,
            0.5px -0.5px 0 #999,
            -0.5px 0.5px 0 #999,
             0.5px 0.5px 0 #999;
}


.inner-footer .inner-back-button:hover {
  background-color: rgba(0,150,0,.15);
  color: rgba(0,150,0,.9);
  text-shadow:
           -0.5px -0.5px 0px #777,
            0.5px -0.5px 0px #777,
           -0.5px 0.5px 0px #FFF,
            0.5px 0.5px 0px #FFF;
}



/* *************************************************
 *
 * SPACER
 *
 ************************************************* */


.spacer-background {
    background-image:url("../images/matrix.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 35px 0px 0px 0px;
    height: 150px;
}



/* *************************************************
 *
 * FOOTER
 *
 ************************************************* */


footer {
    /* border: 1px solid #008000; */
    color: #00AA00;
    text-align: center;
    margin: 35px 0px 0px 0px;

    /* height: 300px; */

    /*background-image: url("./images/pattern.png");*/
    /* background: linear-gradient(#CFDBC5, #00AA00); */
    /* background-attachment: none; */
}

footer.footer-background {
    /*border: 1px solid #008000;*/
    /* background-image: url("./images/pattern.png"); */
    background-image:url("../images/matrix.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* opacity: 0.6; */
}

footer.footer-body {
  /* background: linear-gradient(#CFDBC5, #00AA00); */
  /* opacity: 0.6; */
  height: 250px;
  background-color: rgba(0,102,0,0.80);
  padding: 40px;
  padding-top: 50px;

}

footer.footer-body h5{
  font-family: Georgia, Arial;
  font-weight: bold;
  color: rgba(255,255,255,0.90);
  font-size: 1em;
}

footer a,
footer p {
  font-family: Georgia, Arial;
  display: block;
  color: rgba(255,255,255,0.60);
  font-size: 0.8em;
}

footer hr {
  border-color: rgba(255,255,255,0.1);
  margin: 10px 0;
}

footer a:hover {
  color: rgba(255,255,255,0.80);
}

footer wrap{
  height: 250px;
}
/* *************************************************
 *
 * MEDIA QUERY
 *
 ************************************************* */

@media (max-width: 680px) {
  .nav-desktop{
    display: none;
  }
  .nav-mobile{
    display: true;
  }
}
@media (min-width: 680px) {
  .nav-desktop{
    display: true;
  }
  .nav-mobile{
    display: none;
  }
}
@media (max-width: 1040px) {
  .home_cover_cta h3,
  .home_cover_cta h4 {
    font-size: 1.3em ;
  }
}
@media (max-width: 890px) {
  .home_cover_cta h3,
  .home_cover_cta h4 {
    font-size: 1.2em ;
  }
}