/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  font-family: Segoe UI, Arial, Verdana, sans-serif, Geneva! important;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  color: #636363;
  font-size:1.5em; 
  max-width:1440px;
  margin-right: auto; 
  margin-left: auto;
}
h2 {
    border-bottom:none solid SteelBlue;
    margin-top:10px;
    margin-bottom:20px;
    font-size:1.6em;    
    color:#042459;
    margin-right: auto; 
    margin-left: auto;
}
h3 {
    font-weight:bold;
    font-size:1em;
}
.img-circle {
    border-radius:4px;
    border:2px solid lightsteelblue;
    min-width:160px !important;
    box-shadow:#000000 3px 5px 8px;
    position:relative;
    top:10px;
}
.img-rounded {
    border-radius:4px;
    border:2px solid lightsteelblue;
    min-width:160px !important;
    box-shadow:#000000 3px 5px 8px;
    position:relative;
    top:10px;
}

.featurette p {
    text-align:justify;
}
.col-lg-4 {    
    box-shadow:#e9e9e9 1px 2px 5px;
    height:380px;   
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
/*.navbar .navbar-static-top div,.container,*/
.container div{
    background:none;      
}

.carousel-inner {
    box-shadow:#636363 3px 5px 8px;    
    margin-right: auto; 
    margin-left: auto;
    
} 
.container div ul li a {
    border:1px solid transparent;        
    font-weight:normal;
    text-transform:uppercase;
    filter:alpha(opacity=85);
    opacity:0.85;
    }
.container div ul li a:hover {
    background:none !important;
    color:deepskyblue !important;          
    font-weight:normal;
    text-transform:uppercase;
    background:#ffffff none!important; 
    border-radius:0px !important;    
}
.container div ul li a,.container a,.container img{
    background:Transparent none !important;       
    font-weight:normal;
    text-transform:uppercase;    
    color:#636363 !important; 
}

.container a:hover {
    color:deepskyblue !important;    
}
.container .email-link a {
    text-transform:lowercase;
    text-decoration:underline;
    color:#ffffff !important;
    cursor:pointer;
}
.container .email-link a:hover {
    color:deepskyblue !important;    
 }
.navbar-wrapper {
  position: relative;
  z-index: 10000;  
}

.google-map {
    float:left;
    width:450px;
    height:300px;        
    border: solid 1px #999999;
    position:relative;
    top:-150px;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */

.carousel {
  margin-bottom: 30px;
  /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  margin-top: -10px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  position: absolute;
  bottom: 0;  
}

.carousel-caption-p {
  font-size: 8pt;
  text-align: left;
  background-color:#1e3059;
  filter:alpha(opacity=70);
  opacity:0.70;
  color: #ffffff;
  /*text-shadow: 0 2px 0 #000000;*/
  padding: 5px;  
  border:1px solid #1e3059;
  border-radius:5px;
}

 .carousel-caption-p a {
     color:lightsteelblue !important;
 }
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
}
.carousel img {
  /*position: absolute;
  top: 0;
  left: 0;*/
  margin-top:auto;
  margin-bottom:auto;
  height: 500px;
  min-height: 300px;
  min-width: 800px;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */

.marketing {
  position:relative;   
  top:50px;
  width:100%; 
  max-width:100%;
}

/* Center align the text within the three columns below the carousel */
.marketing .row {
    background-color:#ffffff !important;     
    align-content:center !important;
}
.marketing .col-lg-4 {
  margin-top: 2px;  
  margin-bottom: 2px;  
  width:380px; 
  text-align:center !important;
  border:1px solid #1e3059;
  box-shadow:#636363 3px 4px 8px;
  float:none;   
}

.marketing .col-lg-5 {
  background-color:#ffffff;
  color:#1e3059;
  position:relative;
  top:2px;
  width:300px; 
  text-align:center !important;
  border:none;  
  float:none;   
}

.marketing h2 {
  font-weight: normal;  

}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;  
}

.marketing .col-lg-4 .btn-default {
  color:#ffffff !important;
  border-color:lightblue;
  position:absolute;
  bottom:2px;
  left:130px;  
}
.marketing .col-lg-4 .btn-default:hover {
    color:orangered !important;
}

.marketing div{
  background-color:#1e3059;
  color:white;  
  text-align:justify !important;
}
.marketing-desc {
    width:100%;
}
.marketing-desc tr td {
    padding:2px 2px 2px 2px;  
    width:50%;  
}
.marketing-desc div {
    width:450px;    
}

.marketing-inner-right {
    float:left;
}
.marketing-inner-left {
    float:right;
}
.marketing-image-left {
  position:relative;
  float:right;
  margin-right:100px;
  top:-40px;
  border:none;
}

.marketing-image-right {
  position:relative;
  float:left;
  margin-left:100px;
  bottom:-80px;
  border:none;
}

.productshd a {
    color:#ffffff !important;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
.featurette {
  /*padding-top: 80px;*/ /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  /*margin-top: -80px;*/ /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

/* Footer*/
.footer {
    border-top:2px solid #1e3059;
    font-size:.95em;
}
.footer a {
    text-transform:none;
    color:#1e3059 !important;
 }
.footer a:hover {
    color:deepskyblue !important;
}
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remve the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.4;
  }
}