@import url('https://fonts.googleapis.com/css?family=Raleway');
/*@import url('https://fonts.googleapis.com/css?family=Jura');  */
/*@import url('https://fonts.googleapis.com/css?family=Tangerine');*/
/*@import url('https://fonts.googleapis.com/css?family=Baloo+Da+2');*/

html,body {
    height: 100%;
}

body{
    
/*	padding-top: 20vh;*/
	margin: 0;
	background:#f4f4f4;
/*    padding-bottom: 20vh;*/

}


html,h1,h2,h3,h4,h5,h6,a{
	font-family: "Raleway";
/*    font-family: 'Trebuchet MS', sans-serif;*/
/*    font-family: 'Verdana', sans-serif;*/
/*    font-family: 'Garamond', sans-serif;*/
/*    font-family: 'Baloo Da 2';*/
}

.navbar{
	/*	background:#F97300;*/
	background:#f4f4f4;
}

.navbar img {
	width: 90px;
}
.nav-link , .navbar-brand{
	/*	color: #f4f4f4;*/
	/*    color: #F97300;*/
	color: #D45500;
	cursor: pointer;
	font-weight: 800;
	font-size: 1.2rem;
}
.nav-link{
	margin-right: 1em !important;
}
.nav-link:hover {
	background: #f4f4f4;
	/*	color: #f97300;*/
	color:#B9B9B9;

}
.navbar-collapse {
	justify-content: flex-end;
}
.navbar-toggler{
	background:#fff !important;
}

.banner-container{
    
    overflow: hidden;
    position: relative;
    margin-top: 20vw;
    font-size: 4vh;
    font-weight: 800;
    
}

.banner {
    
    position: absolute;
/*    font-family: 'Verdana', sans-serif;*/
    left: 0;
    top: 0;
    width: 100%;
    height: 12vh;
    min-height: 5vw;
    margin-bottom: 3vh;
/*    background: linear-gradient(#D45500, orange);*/
/*    background: linear-gradient(orange, #D45500 );*/
    background: linear-gradient(#B9B9B9, #d9d9d9);
    opacity: 100%;
}

.banner-text a {
/*    color: #005544;*/
    color: #D45500;
    
}

.banner-text {
    position: relative;
    text-align: center;
    
}

.banner-text p {
    
    animation-duration: 4s;
    animation-name: slidein;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    
    
}

@keyframes slidein {
  from {
      margin-left: 20%;
      width: 85%;
  }

  to {
      margin-left: -2%;
      width: 78%;

  }
}


@media all and (min-width: 1200px) {
    
    .banner-container {
        margin-top: 5vw;
        height:6vh;
        min-height: 5vw;
        
    }
    
    .banner {
        height: 3vh;
        min-height: 3vw;
    }
    
    .banner-text {
    text-align: left;
    
    }

    .banner-text p {
    
    animation-duration: 7s;
    animation-name: slidein;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    
    
    }

    @keyframes slidein {
      from {
        margin-left: 50%;
        width: 50%;
      }

      to {
        margin-left: 10%;
        width: 90%;
      }
    }

}




.poster {
    
    margin-top: 5vh;
    display: flex;
    flex-direction: column;
	min-height: 100vh;
    justify-content: center;
    align-items: center;
/*    width: 100%;*/
    
}


.poster-text {
    
    display: flex;
    flex-direction: column;
    background-color: #d9d9d9 !important;
    margin: auto;
    order 1;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    text-align: center;
/*    border: 1px solid black;*/
    border-style: solid;
/*    border-color: #005544;*/
    border-color: #B9B9B9;
    border-width: 1px;
}

.poster-video {
    margin: auto;
    order 2;
    border-style: solid;
/*    border-color: #005544;*/
    border-color: #B9B9B9;
    border-width: 1px;
}

.poster-text-main {
    
/*	color:#004d4d;*/
    color: #005544;
	font-size: 16vw;
/*    margin: auto;*/
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    align-self: center;
    order 1;
}

.poster-text-tagline {
/*	color: #004d4d;*/
    color: #005544;
	font-size: 4.0vw;
	text-shadow: 0.5vw 0.5vw #B9B9B9;
    margin: auto;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    align-self: center;
    order 2;
}

.small {
    font-size: 2.4vw;
}

.poster-video video{
    width: 100%;
    height: auto;
/*    padding: 10vw;*/
}






.our-mission {
    
    display: flex;
    flex-direction: column;
	min-height: 100vh;
	text-align: center;
    justify-content: center;
    color: #005544;
    margin-top: 0;
    padding-top: 5vw;
}

.our-mission-header {
	
	width: 100vw;
    padding-top: 0;
    text-align: center;
    margin-top: 0;
    
}

.our-mission-header h2 {
    
    position: relative;
    font-size: 2rem;
    font-weight: 800;
    background: #B9B9B9;
	color: #D45500;
    margin-bottom: 0;
    margin-top: 0;
}

.our-mission-content {
    
/*    padding: 10vw;*/
/*    margin-top: 5vw;*/
    margin-left: 10vw;
    margin-right: 10vw;
    margin-bottom: 0;
    border: 0;
/*    color: #B9B9B9;*/
    align-items: center;
	max-width: 100vw;
    font-size: 1.5rem;
    background-color: #d9d9d9;
    color: #005544;
    
}

.our-mission-content h3 {
    
    position: relative;
    font-size: 1.6rem;
    font-weight: 600;
    color: #005544;
    padding-top: 1vw;
    text-align: left;
    padding-left: 5vw;
    padding-top: 2vw;
    
    
    
}

.our-mission-content p {
/*    padding-top: 1vw;*/
    padding-left: 5vw;
    padding-right: 5vw;
    line-height: 10.0vw;  
    margin-bottom: 2vw;
    text-align: left;
    
}

.our-mission-content ul {
    text-align: left;
    margin-left: 5vw;
}






.services {
/*	text-align: center;*/
/*    position: relative;*/
	display: flex;
    flex-direction: column;
	color: #005544;
/*    margin: auto;*/
    text-align: center;
/*	height: 40vw;*/
/*    height: 100vh;*/
    min-height: 100vh;
    padding-top: 5vw;

}


.services h2 {
	font-size: 2rem;
	background: #B9B9B9;
	color: #D45500;
	font-weight: 800;
/*	position: relative;*/
    align-items: center;
    align-content: center;
/*    margin: auto;*/
/*	top: 10vh;*/
    order 1;

}

    
.services-content {
    
    display: flex;
    flex-direction: column;
    margin-right: 2vw;
    margin-left: 2vw;
    margin-top: 10vh;
       
    }

.services > img {
    
/*    height: 3vw;*/
    width: 30vw;
}

.analytics {
	display: flex;
    flex-direction: column;
/*    border: 10px dashed red;*/
	padding: 5vh;
    margin-top: 2vh;
	background-color: #d9d9d9;
    align-items: center;
	width: 100%;
    order 2;
    
}


.visualization {
	display: flex;
    flex-direction: column;
	/*    border: 10px dashed red;*/
	padding: 0.5em;
    margin-top: 2vh;
	background-color: #d9d9d9;
    align-items: center;
	width: 100%;
    order 3;
}

.consulting {
	display: flex;
    flex-direction: column;
	/*    border: 10px dashed red;*/
	padding: 0.5em;
    margin-top: 2vh;
	background-color: #d9d9d9;
    align-items: center;
	width: 100%;
    order 4;
}

.services h3 {
	font-size: 12vw;
	font-weight: 600;   
}

.services ul {
	/*    text-decoration: none;*/
	list-style-type: none; /* Remove bullets */
	padding: 0; /* Remove padding */
	margin: 0; /* Remove margins */
	font-size: 6vw;;
    overflow: auto;

}


.methodology {
    text-align: center;
    position: relative;
	display: block;
	color: #005544;
	border: 0;
	padding: 0;
	min-height: 100vh;  
    margin-top: 5vh;
}

.methodology h2 {
	font-size: 2rem;
	background: #B9B9B9;
	color: #D45500;
	font-weight: 800;
	position: relative;
	top: 5vw;
}

.methodology-text {

    color: #005544;
    font-size: 1.5rem;
    
    padding-top: 10vw;
    padding-bottom: 2vw;
    
}

.methodology img {

	position: relative;
	width: 90vw;
/*	top: 25vh;*/
    bottom: 0;
}

.geo-spatial {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    top: 0vw;
    bottom: 5vw;
    padding-top: 5vw;
/*    display: block;*/
/*	height: 100vh;*/
    min-height: 100vh;
    
}


.geo-spatial h2 {
	font-size: 2rem;
	background: #B9B9B9;
	color: #D45500;
	font-weight: 800;
	position: relative;
	top: 0;
    bottom: 0;
}

.geo-spatial-content {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}

.geo-spatial-text{
    font-size: 1.5rem;
    color: #005544;
    width: 100%;
/*    margin: 5vw;*/
/*    padding: 5vw;*/
    
}

.geo-spatial-text h4, .warehouse-simulation-text h4 {
    
    position: relative;
    font-size: 1.6rem;
    font-weight: 800;
/*    background: #B9B9B9;*/
/*  	color: #D45500;*/
    color: #005544;
    padding-bottom: 1vw;
    padding-top: 3vw;
    margin-bottom: 0.4vw;
    margin-top: 0.4vw;
/*    border-color: #B9B9B9;*/
/*    border-style: solid;*/
    
}

.geo-spatial-demo {
    
    width: 99vw;    
/*    min-height: 100vh;*/
/*    margin-bottom: 5vw;*/
/*    height: auto;*/
}
/*
.example h2 {
	font-size: 2rem;
	background: #B9B9B9;
	color: #D45500;
	font-weight: 800;
	position: relative;
	top: 0;
    
}
*/


.warehouse-simulation-content {
    display: flex;
/*    float: left;*/
/*    position: relative;*/
    flex-direction: column;
    align-items: center;
    justify-content: center;
/*    width: 50%;*/
}

.warehouse-simulation-text{
    font-size: 1.5rem;
    color: #005544;
    width: 100%;
    margin: 0;
/*    margin: 5vw;*/
/*    padding: 5vw;*/
    
}

.warehouse-simulation-illustration {
    
    position: relative;
    float: left;
/*    max-height: 40vh;*/
/*    height: auto;*/
/*    min-height: 100vh;*/
/*    margin-bottom: 5vw;*/
/*    height: auto;*/
}


@media all and (min-width: 1200px) {

    .geo-spatial-content {
        display: flex;
        flex-direction: row;

    }
    
    .geo-spatial-demo {
    
        width: 99vw;    
/*        min-height: 100vh;*/
        height: auto;
        margin: auto;
/*        padding: 5vw;*/

    }

    .geo-spatial-text {
        
        margin: 0;
        padding: 5vw;
                
    }
    
    .geo-spatial-text h4 {
        
    }
    
    .warehouse-simulation-content {
        display: flex;
        flex-direction: row;
    }

    .warehouse-simulation-text{
/*        font-size: 1.5rem;*/
/*        color: #005544;*/
/*        width: 100%;*/
    /*    margin: 5vw;*/
        padding: 5vw;

    }

    .warehouse-simulation-illustration {

        position: relative;
        float: right;
        width: 25;   
/*        min-height: 100vh;*/
/*        height: 30vh;*/
        margin: auto;
/*        object-fit: contain;*/
    /*    height: auto;*/
    }
    
    
}



/*
    Team
*/


.our-team {
/*    position: relative;*/
/*	display: inline-block;*/
    
    display: flex;
    flex-direction: column;
	min-height: 100vh;
	text-align: center;
/*    background: #e6fff7;*/
    color: #005544;
    top: 0;
    padding-top: 5vw;
}

.team-header {
    
}

.team-list {
    display: flex;
    flex-direction: column;
}

.our-team h2 {
/*	position: relative;*/
    font-size: 2rem;
	background: #B9B9B9;
	color: #D45500;
	font-weight: 800;	
    width: 100vw;
    padding-top: 0;

}

.our-team h3 {
    position: relative; 
    font-size: 1.5rem;
    font-weight: 800;
    top: 0;
    padding-top: 2vw;
}

.our-team p {
    padding-top: 1vw;
    padding-left: 6vw;
    padding-right: 6vw;
    line-height: 3.0vw;  
    margin-bottom: 1.0vw;
}


.our-team team-member {
    display: flex;
    position: relative;
    width: 30vw;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5vw;
    margin-top: 10vh;
}

.our-team img {
/*    display: relative;*/
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 16.0rem;
    height: 20.0rem;
/*    height: 19vw;*/
/*
    width: 16vw;
    height: 20vw;
    min-height: 20vh;
    min-width: 16vh;
*/
    
}

.cv {
    overflow-y: auto;
    font-size: 1.0rem;
/*    color: #B9B9B9;*/
    color: #005544;
    text-align: left;
    
}

/*
.cv>p:hover {
    color: #005544;
}
*/

 

.contact-us {
    position: relative;
	display: block;
	height: 100vh;
	text-align: center;
/*    background: #e6fff7;*/
    padding-top: 5vw;
    top: 0;
    
}

.contact-us h2 {
	font-size: 2rem;
	background: #B9B9B9;
	color: #D45500;
	font-weight: 800;
	position: relative;
	top: 0;
    margin-bottom: 0;

}

.address {
	height: 20vw;
/*	top: 5vw;*/
	position: relative;
    display: block;
    background: #d9d9d9;
	color: #005544;
    min-height: 100vh;
	font-weight: 500;
	font-size: 1.4rem;
/*    padding-top: 5vw;*/
    margin-top: 0;
    padding-top:4vw;
}

.address-text {	
	position: relative;
    top: 2vw;
	color: #005544;
	font-weight: 500;
	font-size: 1.4rem;
    border: 0;

}


.email_form {
    padding-top: 5vw;
}

.email_form a {
    color: #D45500;
/*    text-decoration: none;*/
}








@media all and (min-width: 1200px) {
  .poster {

      display: flex;
      flex-direction: row;
      text-align: center;
      width: 100%;
      height: auto;
      margin-top: 0;
      min-height: 80vh;

  }

    .poster-text {
        
        width: 40%;
        height: 36.1vw;
        margin-left: 7vw;
        margin-right: 3vw;
    }
    
    .poster-video {
/*        width: 50%;*/
/*        height: 33vw;*/
        width: 34.68%;
/*        height:100%;*/
        margin-right: 7vw;
        margin-left: 3vw;
        
    }
    
    .poster-text-main{
/*        height: 28vw;*/
        
        font-size: 9.2vw;
/*        padding-top: 10vh; */
        margin-top: 0;
/*        height: 50vw;*/
/*        vertical-align: bottom;*/
        
    }
    .poster-text-tagline {

        font-size: 2.4vw;
        padding: 0;
        margin: 0;
        text-shadow: 0.2vw 0.2vw #B9B9B9;
    }

    .small {
        font-size: 2vw;
    }
        
    
    
    .our-mission {
        display: flex;
        flex-direction: column;
/*        margin-top: 5vw;*/
    }
    
    .our-misison-header h2{
        margin-top: 0;
        padding-top: 0;
    }
    
    .our-mission-content {
        margin-left: 15vw;
        margin-right: 15vw;
        padding-bottom: 5vw;
    }
    
    .our-mission-content p {
        line-height: 2.0vw;  
        margin-bottom: 0vw;
/*        text-align: left;*/
    
    }    
    
    
    
    .services {
        display: flex;
        flex-direction: column;
        
    }
    
    .services-content {
        display: flex;
        flex-direction: row;
        margin-right: 2vw;
        margin-left: 2vw;
        margin-top: clamp(10vh, 60px, 10vw);
       
    }
    
    .services > img {
        width: 15vw;
    }
    
    .services h3{
        margin-top: 4vw;
        font-size: 4vw;
        font-weight: 600;
    }
    
    .services ul {
	
	font-size: 1.8vw;
/*    list-style: circle;*/
/*    list-style-type: circle;*/
    overflow: auto;
        padding-left: 2vw;
        padding-right: 2vw;

    }
    
    .analytics, .visualization, .consulting {
        
        padding: 2vw;
        margin: 2vw;
        
    }
    
    
    .team-list {
    display: flex;
    flex-direction: row;
    }
    
    .team-member {
        width: 50%;
    }
    
    .our-team img {
        width: 16vw;
        height: 20vw;
        min-height: 20vh;
        min-width: 16vh;

    }

    
    .our-team p {
        padding-top: 1vw;
        padding-left: 6vw;
        padding-right: 6vw;
        line-height: 1.5vw;  
        margin-bottom: 1.0vw;
    }


}