/********************  2018 Version   *********************/
/*               2018                 2018                */
 
body {    
  min-width:360px!important; 
/*  min-height: 75rem;  */
  padding-top:65px;  /* Supposedly for the scrollspy - menu at top
/*  following position setting for scrollspy  */
  position:relative;
  height:100%; 
  
/*  overflow-x:hidden; /* should try to eliminate this */
}

html {
    width: 100%;         
    height: 100%; 
}

@font-face {
  font-family: 'INSTITUT';
  src: url('../fonts/INSTITUT.TTF'),
       url('../fonts/INSTITUT.EOT'); /* IE */
}

.row {   
  margin-left:0;
  margin-right:0;  /* setting margins to 0 eliminated the always present horizontal scroll bar */
}

/*  Navigation Menu Bar  */
.navbar {
  background-color:#fff;
  padding:0;

  border-bottom:solid;
  border-bottom-width:thin;
  border-bottom-color:black; 
  
  white-space:nowrap;
}

/* this media query causes scroll bar to appear at 350px; */
/* which is better than elements moving to second row  */
/*
@media (max-width: 370px) {
  .navbar {
    min-width:370px;
  }  
}
*/  

.navbar-toggler{
    background:white!important;
}

@media (min-width: 410px) {
  .navbar {
    padding-left:1em;
    padding-right:1em;
  }  
}  

.navbar > a {
    font-family: 'INSTITUT';
    font-size: 36px;  
    font-weight:500;
    color:#000;  /*  color of redwood  */ 
} 

.navbar > a > img {
  height:46px; 
  width:auto; 
  padding-left:10px; 
  padding-right:7px; 
  margin-top:-7px; 
}

/* this media query keeps my logo / name steady  */
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
   margin-left: -10px;
   padding-left:5px;    
  }
}

.navbar-brand {
  margin-right:0;
}

@media (min-width: 430px) {
 .navbar-brand {
   margin-right:0.5em;
  }
}

.navbar-nav {
  height:55px;
  margin-left:-1em;
  margin-right:-1em;
}

.nav-link {
  height:55px; 
  line-height:40px;
  padding-left:.75rem;
}

.nav-item {
    background:white!important;
    text-align:center;
}



/* Mobile first - smaller margin around button  */
.navbar-toggler {
  margin-right:7px;
}

@media (min-width: 430px) {
  .navbar-toggler {
    margin-right:10px;      
  }
}


@media(min-width:768px) {         
    .navbar {       
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
    .top-nav-collapse {
        padding: 0;
    }   

   
}


/*                    Menu bar class                                                       */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX .navbar-light XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.rtibar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.rtibar-light .navbar-brand:hover, .rtibar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.rtibar-light .navbar-nav .nav-link {
/*  color: rgba(0, 0, 0, 0.5);  */ 
  color: #088DB2; 
}

.rtibar-light .navbar-nav .nav-link:hover, .rtibar-light .navbar-nav .nav-link:focus {
  /* color: rgba(0, 0, 0, 0.7); */
  color: white!important;   /* changed to pure white */    
  background-color:#088DB2;   
}

.rtibar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.rtibar-light .navbar-nav .show > .nav-link,
.rtibar-light .navbar-nav .active > .nav-link,
.rtibar-light .navbar-nav .nav-link.show,
.rtibar-light .navbar-nav .nav-link.active {
  color: white!important;   /* changed to pure white */
  background-color:#088DB2; /* changed to blue */  
}

.rtibar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.rtibar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.rtibar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.rtibar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.rtibar-light .navbar-text a:hover, .rtibar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */




/* Remove Bottom Margin from Jumbotron */
.jumbotron{margin-bottom: 0;}


/* =========================================================*/
/*   Main   */ 
.main { 
  background-color:#D0CCC3;
  padding:0;
  text-align:center;
} 

/*  example to dynamically center line of text horizontally 
.pdb {
  position:absolute;
  top:65px;
  left:50%;
  transform:translate(-50%);
}
*/

/*   transform:translate(-50%, -50%); will center horizontally and vertically  */

/*  font-family:'Lato', sans-serif;  */       
/*  Thin Light Regular Bold Black    */

/*  font-family:'Open Sans', sans-serif;     */
/*  Light Regular Semi-Bold Bold Extra Bold  */    


.whoweare {  
  background-color:#FDFDFD;
/*  min-height:750px;  */
}
/*   min-height:750px;   */

/* Heading for who we are Section */ 

.whoweare h1 {
color:black;
font-family:'Lato', sans-serif;
font-size: 32px;
font-weight:500;
text-align: center;
padding-top: 25px; 
/*line-height: 100px;*/
}

.whoweare h2 { 
color:#B20838;  
font-family:'Open Sans', sans-serif; 
font-size: 24px;
font-weight:500;
text-align: center;
padding-top: 25px; 
padding-bottom:10px;
}

.whoweare p {
  font-family:'Open Sans', sans-serif; 
  font-size:18px;
  text-align:justify;
  padding-left:5%;
  padding-right:5%;  
}


/* Heading for services Section */ 

.services-outer { 
  background-color:#003366; 
} 

.services { 
  padding-top:4rem;
  padding-bottom:4rem;
  background-color:#003366;  
}
/*  background-color:#088DB2;  */

.services h1 {
color:#fff;
font-family:'Lato', sans-serif;
font-size: 32px;
font-weight:500;
text-align: center;
padding-top: 25px;
padding-bottom:20px;
}

/* padding-bottom:20px;   */

.services h4 {
font-family:'Open Sans', sans-serif; 
font-size:24px;
font-weight:500;
text-align:center;
padding-top:25px;
padding-bottom:35px;
color:white;
}


.servicesspan {
font-size:3em; 
color:#003366;
background-color:#fff; 
vertical-align:middle;
line-height:120px;
}

.blockcircle{ 
  width: auto;
  height: 120px;  
  
}

/*  padding-top:25px;  */

.thecircle{
  margin: 0 auto;
  width: 120px;
  height: 120px;  
  background-color:#fff;
  border-radius:50%;   
}

.circletext{
  line-height:120px;
  border:5px;
  border-color:yellow;
}


.servicestext { 
  color:#fff;
  font-family:'Open Sans', sans-serif; 
  font-size:16px;
  font-weight:400;
  text-align:justify;
  padding-top:35px;
  padding-left:5%;
  padding-right:5%;
}

/*
.servicesspan {
font-size:4em; 
color:#fff;
background-color:#003366; 
}
*/





/*  Our Work Section  */
.rwork { 
  padding-top:4rem;
/*  padding-bottom:4rem;  */
  background-color:#fff;  
  min-height:500px;
}

.rwork h1 {
  color:black;
  font-family:'Lato', sans-serif;
  font-size: 32px;
  font-weight:500;
  text-align: center;
  padding-top: 25px;
  padding-bottom:35px; 
}

.rworktitle { 
  color:black;
  font-family:'Open Sans', sans-serif; 
  font-size:28px;
  font-weight:400;
  text-align:center;
  padding-top: 5px;
  padding-bottom:30px;    
}

.rworkprojecttitle { 
  color:black;
  font-family:'Open Sans', sans-serif; 
  font-size:24px;
  font-weight:500;
  text-align:left;
  padding-top: 10px;
  padding-bottom:5px;    
}

.rworktech { 
  color:#8F8F8F;
  font-family:'Open Sans', sans-serif; 
  font-size:18px;
  font-weight:500;
  text-align:left;
  padding-bottom:10px;    
}
 
.rworktext {
  color:black;
  font-family:'Open Sans', sans-serif; 
  font-size:16px;
  font-weight:400;  
  text-align:justify;
}

.rworkfeatures {
  display:inline-block;
  color:black;
  font-family:'Open Sans', sans-serif; 
  font-size:16px;
  font-weight:400;
  text-align:left;  
}

.rworkhr {
  width:50%;
  height:thin;
  background:#8F8F8F;
}

.rworkhr14 {
  border:0;
  width:75%;
  height:1px;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

.rwork-button {
  text-align:center;
  color:#088DB2;

  padding-left:30px;
  padding-right:30px;  
  padding-top:9px;
  padding-bottom:8px;
  
  font-family:'Open Sans', sans-serif;
  font-size:16px;
  font-weight:500;
  line-height:normal;
  border-radius:50px;
  height:auto;

  border:solid;
  border-color:#088DB2;
  border-width:2px;
  background-color:#fff;    
} 

.rwork-button:hover {
  color:white;
  background-color:#088DB2;
}

 
.worktogether {
  padding-bottom:20px; 
  height:400px; 
  background-color:#088DB2;
  color:white;
  font-family:'Open Sans', sans-serif; 
  font-size:16px;
  font-weight:400;
} 
 
 
/*  Our horizontal rule styling */
.rti-hr-style {
  border-top:solid;
  border-top-width:thin;
  border-top-color:black;  
  margin-top:0;
  margin-bottom:0;
}


/*  footer classes  */

.footer-privacy {
  text-align:center; 
  margin-top:20px;
  margin-bottom:20px;
}

.footer-copyright {
 text-align:center;
 margin-bottom:10px;
}

.footer-trademark {
 text-align:center;
 margin-bottom:5px;
}  

.footer-logo {
  display:block; 
  width:55px; 
  padding-top:20px;
  padding-bottom:5px;
}

.footer-innovate {
  color:black;
  font-family: 'INSTITUT';
  font-size:40px;
  text-align: center;
}