@charset "utf-8";

/* CSS Document for National Geographic Explorers
   MLG Borrowed and modified from
   Author: Steven Murphy - USI Affinity
   Date: 12/10/15
   Modified for new release in Dec 2018
*/
/* For reference: #ffcc00 = Nat Geo Gold */

  .divider {
    border-bottom: 1px solid #ccc; 
    padding-bottom: 20px; 
    margin-bottom: 20px; }
  .Q { 
    font-size: 1.2em; 
    color: #455a82; /*dark cadet blue */ }

#email-quote-open {
  background-color: #EB9357; /* lighter orange  */
}
#email-quote-open:hover {
  background-color: #e17022; /* orange  */
}
#buy-now-home-hero,
#buy-now-home-topnav,
#buy-now-quote-std,
#buy-now-quote-cfar,
#buy-now-home-thumbnail {
  background-color: #e17022; /*orange*/
}
#buy-now-home-hero:hover,
#buy-now-home-topnav:hover,
#buy-now-quote-std:hover,
#buy-now-quote-cfar:hover {
  background-color: #d35908; /*darker orange*/
}
#buy-now-home-topnav {
  padding: 1px 11px 2px 10px;
  margin-top: 13px;
  margin-left: 8px;
  margin-right: 4px;
  margin-bottom: 8px;
}


.shadow {
  text-shadow: 1px 1px 1px rgba(40, 49, 68, 1);
  /*dark mountain purple */
}
.cool {
  /*background-color: rgba(179, 191, 216, .6);*/
  background-color: rgba(40, 49, 68, .4);
  border: none;
  /*border: 1px solid rgba(40, 49, 68, .5);*/
  /*semi-transparent light mountain purple */
}
.cooler {
  /*background-color: rgba(179, 191, 216, .6);*/
  background-color: rgba(40, 49, 68, .5);
  border: none;
  /*border: 1px solid rgba(40, 49, 68, .5);*/
  /*semi-transparent light mountain purple */
}
.coolest {
  /*background-color: rgba(179, 191, 216, .6);*/
  background-color: rgba(40, 49, 68, .6);
  border: none;
  /*border: 1px solid rgba(40, 49, 68, .5);*/
  /*semi-transparent light mountain purple */
}
.cool::placeholder {
    color: #E0e0e0;   opacity: 1; }
.cool:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #E0e0e0;}
.cool::-ms-input-placeholder { /* Microsoft Edge */
   color: #E0e0e0;}

.white { color: #fff;}

/*---GLOBAL STYLES--*/
#glyph-envelope {
  color: #e17022; /*orange envelope*/
}
#glyph-earphone {
  color: #333; /*phone*/
}
.pad-bot-20 {padding-bottom: 20px;}
.pad-top-20 {padding-top: 20px;}
.rounded-5 {border-radius: 5px;}
.outline {border: 1px solid #333;}
.subhead-1 {
  color: #455a82;  /* brighter indigo blue */
  font-size: 1.9em;
  line-height: normal;
  /*width: 90%;
  text-align: right:*/
}
.subhead-2 {
  color: #666;
  font-size: 1.4em;
  font-weight: normal;
}
.subhead-3 {
  color: #666;
  font-size: 1.4em;
  font-weight: normal;
}
p.solution { 
  color: #455a82; /* brighter indigo blue */
  font-style: italic;
  width: 92%;}

h1, .h1 {
  /*font-family: "Calibri", Helvetica, sans-serif;*/
  color: #455a82;  /* brighter indigo blue */
}

h2, .h2 {
  color: #666;
  font-size: 24px;
}

h3, .h3 {
  font-family: "Cambria", Georgia, Times, serif;
  color: #455a82;  /* brighter indigo blue */
}

#basic-contact {
  display: inline-block;
  float: left;
  position: relative;
  width:100%;
  text-align: center;
}

#basic-contact > p {
  font-size: 18px;
  /*padding: 0 5px 0 10%;*/
  padding: 0 5px 0 0%;
  display: inline;
}

#basic-contact > p > span {
  color: #999;
  font-weight: bold;
}

#colorBar {
  height: 25px;
}

#colorBar-lt {
  height: 25px;
  /* background: #666666;  gray */
  background: #ffcc00; /* nat geo gold */
}

#colorBar-rt {
  height: 25px;
  background: #ffcc00; /* nat geo gold */
}

#connect {
  display: inline-block;
  width: 100%;
  margin-top: -2px;
  padding: 10px 24px;
  /*height: 45px;*/
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  border: 1px solid #aaa;
  border-radius: 0 0 5px 5px;
  box-shadow: 1px 1px 3px #ccc;
}

.container-fluid {
  padding: 0;
}

a.btn, a:visited.btn {color: #fff !important;}
a, a:visited {color: #e17022; /* burnt orange */}

footer {
  min-height: 180px;
  background-color: rgba(51,51,51,1);
  color: #fff;
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #e17022; /* burnt orange */
}



#footer-fade {
  /* charcoal gray */
  min-height: 150px;
  background: rgb(85,85,85); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(85,85,85,1) 58%, rgba(0,34,109,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,rgba(85,85,85,1)), color-stop(100%,rgba(51,51,51,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,56,147,1) 58%,rgba(51,51,51,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(85,85,85,1) 58%,rgba(51,51,51,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(85,85,85,1) 58%,rgba(51,51,51,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(85,85,85,1) 58%,rgba(51,51,51,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}



header {
  /*min-height: 115px;*/
  min-height: auto;
  box-shadow: 1px 1px 7px #333;
  position: relative;
  z-index: 10;
}

#hero-main {
  min-height: 250px;
  background: #999;
  background: #666 url("/app_themes/blankcanvas/natgeoexplorers/images/home-hero-01-1420x275px.jpg") no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#hero-subPage-01 img {
    margin: 0 auto;
    width: 100%;
}
#hero-subPage-01 {
  /*min-height: 250px;*/
  background: #fff;
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}


#home-main {
  min-height: 350px;
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.home-main-feature {
  padding: 15px;
  min-height: 250px;
  transition: background-color .5s linear;
  margin: 10px 0;
}

.home-main-feature h2 {
  color: #333333; /* charcoal gray */
  font-size: 24px;
}

.home-main-feature a, .inner-feature a {
  /* color: #09a744; bright green */
  /*background-color: #ffcc00;  nat geo gold */
  /*color: #333;*/
  /*float: right;*/
  font-size: 1.3em;
  /*border: 1px solid #333;*/
  /*border-radius: 5px;*/
  /*padding: 2px 10px;*/
}

.home-main-feature > a > .glyphicon {
  font-size: 12px;
}

.home-main-feature:hover {
  background-color: #fff;
  box-shadow: 1px 1px 7px #ccc;
}

.list-a {
  list-style-type: none;
  color: #333;
  font-size: 16px;
  padding: 0;
}

.list-a li span {
  color: #ff8200; /* orange */
}

#main-cta {
  float: right;
  text-align: right;
  width: 50%;
  margin: 0 25px 20px 0;
 /* background-color: #333;
  opacity: .8;*/
}

#main-cta h1 {
  color: #fff;
  font-size: 32px;
}

#main-cta p {
  color: #fff;
}

#main-cta button {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 3px solid #fff;
  border-radius: 5px;
  color: #fff;
  padding: 8px 45px;
  transition: background-color .33s linear;
}

#main-cta button:hover {
  background-color: #ff8200; /* nat geo gold */
  border: 0;
  margin-top: 3px;
  margin-right: 3px;
  font-weight: bold;
}

.media {
  padding: 40px 0;
  border-bottom: 1px solid #cdcdcd;
}

.media-subHeading {
  color: #999;
  font-size: 20px;
  font-style: italic;
}

.profile-pic {
  padding: 5px;
  border: 1px solid #ccc;
}

.rotate-caret {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.street-address {
  position: relative;
  text-align: right;
  top: 35px;
}

.street-address #bottom-logo {
  margin: 0 15px;
  position: relative;
  top: -18px;
  width: 75px;
}

.street-address > p {
  display: inline-block;
  padding-right: 15px;
}

.temp {
  height: 112px;
  background: #ccc;
}



/*---------------NAVIGATION OVERRIDES AND STYLING---------------*/

/*.dropdown:hover .dropdown-menu {
    display: block;
}*/

.dropdown-menu {
  padding: 0;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2) inset;
  font-size: 16px;
  min-width: 185px;
}

.dropdown-menu > li > a {
  line-height: 2em;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #003893;  /* navy blue */
  color: #fff;
}

.dropdown-menu li:last-child a:hover {
  border-radius: 0 0 6px 6px;
}

.nav {
  /*float: right;*/
  margin-top: 12px;
}

.nav .glyphicon-chevron-right {
    font-size: 12px;
    margin: 0 0 0 5px;
    transform: rotate(90deg);
}

.nav > li {
  display: inline-block;
}

.nav > li > a {
  font-size: 18px;
}

.nav li ul li {
  border-bottom: 1px solid #dedede;
}

.nav li ul li:last-child {
  border: 0;
}

.navbar {
  margin-bottom: 10px;
  width: 100%;
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 10px;
  border-radius: 0 0 7px 7px;
  border-top: 1px solid #999;
}

.navbar-brand {
  height: auto;
  padding: 0;
}

.navbar-collapse {
  padding-right: 0;
}

.navbar-default {
  background: none;
  border: 0;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #003893;  /* navy blue */
  color: #e17022; /* burnt orange */
  text-decoration: underline;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #fff;
    color: #003893;  /* navy blue */
    
}

.navBcrumb {
    float: right;
    position: relative;
    top: -22px;
}

.navBcrumb a {
  color: #fff;
}

.navBcrumb ul, .navBcrumb ul li {
    display: inline-block;
    padding: 0 5px;
}

#subnav-panel {
  border: 1px solid #ccc;
  border-radius: 9px;
  margin-top: -49px;
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  box-shadow: 0 0 7px #666;
  padding: 0;
}

.subnav {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.subnav a, .subnav1 a {
  color: #003893; /* navy blue */
}

.subnav a:hover, .subnav1 a:hover {
  color: #fff;
  background: #003893;
  text-decoration: none;
}

.subnav > li:first-child a:hover {
  border-radius: 8px 8px 0 0;
}

.subnav > li:last-child a:hover {
  border-radius: 0 0 8px 8px;
}

.subnav > li > a, .subnav1 > li > a {
    display: block;
    padding: 12px 17px;
}

.subnav > li, .subnav1 > li {
    border-bottom: 1px solid #ccc;
    display: block;
}

.subnav > li:last-child, .subnav1 > li:last-child {
  border: 0;
}

.subnav1 {
  background: none repeat scroll 0 0 #ccc;
  text-indent: 20px;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.subnav1 li {
  border-color: #fff;
}

.subnav1 > li:first-child a:hover {
  border-radius: 0;
}

.subnav1 > li:last-child a:hover {
  border-radius: 0;
}

.subnav-col-lg {
  float: right;
}

#social {
  border-left: 1px solid #ccc;
  float: right;
  position: relative;
  text-align: center;
  width: 50%;
}

#social img {
  margin: 0 5px;
}

#subPage-main {
  min-height: 400px;
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

#subPage-main .glyphicon-menu-down {
  color: #003893;  /* navy blue */
  font-size: 18px;
}
  
#subPage-main h1 {
  display: inline-block;
}

#subPage-main .navbar-toggle {
  float: none;
  padding: 7px 10px;
}
  
#subPage-main .navbar-toggle .icon-bar {
  background: none repeat scroll 0 0 #ccc;
}

#top-logo {
  width: 320px;
  margin-top: -15px;
}


/*------------------------- BEGIN MEDIA QUERIES -------------------------*/
@media (max-width: 1240px) {
  
#hero-subPage-01,
  #hero-subPage-02,
  #hero-subPage-03 {
  min-height: 210px; 
  
}
}
@media (max-width: 992px) {
  
    #main-cta {
      float: right;
      text-align: right;
      width: 70%;
      margin-right: 20px;
    }
  
    .nav {
      border: 1px solid #ccc;
      float: none;
      border-radius: 9px;
      background: rgb(255,255,255); /* Old browsers */
      background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
      background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    }
  
    .nav .dropdown a .glyphicon-chevron-right {
      float: right;
      margin: 5px 0 0 0;
    }

    .nav > li {
      display: block;
      border-bottom: 1px solid #ccc;
    }
  
    .nav li a:hover, .nav li a:focus {
      background: #003893;  /* navy blue */
      color: #fff;
    }
  
    .nav li:first-child a:hover, .nav li:first-child a:focus {
      border-radius: 8px 8px 0 0;
      background: #003893;  /* navy blue */
    }
  
    .nav li:last-child a:hover, .nav li:last-child a:focus {
      border-radius: 0 0 8px 8px;
      background: #003893;
    }
  
    .nav > li:last-child {
      border: 0;
    }
  
    .nav li ul li {
      border-bottom: 1px solid #ccc;
      padding: 10px 0;
      background: #999;
    }
  
    .navbar-collapse {
      padding-right: 15px;
    }
  
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
      border: 0;
    }
  
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #fff;
      background: #003893; /* navy blue */
    }
  
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
      background-color: #003893;  /* navy blue */
      color: #fff;
    }
  
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #fff;
    }
  
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #003893;
    }
  
    .navbar-nav .open .dropdown-menu {
      background-color: #ccc;
      border-radius: 0;
    }
  
    .navbar-toggle {
      margin: 17px 0 0 0;
    }
  
    .pull-up {
      margin-top: 0;
    }
  
    .subnav-col-lg {
      float: none;
    }
  
    #subPage-main .col-md-4 {
      float: none;
    }
      
    #subnav-panel {
      margin: 0 0 15px 0;
    }  
    #hero-subPage-01, 
    #hero-subPage-02, 
    #hero-subPage-03 {
      min-height: 150px;
  }
}

@media (max-width: 768px) {
  
    #basic-contact > p {
      font-size: 16px;
     /* padding-left: 7%;*/
    }
  
    #main-cta {
      float: none;
      text-align: center;
      width: 90%;
      margin: 0px auto 20px;
    }
  
    .navbar-toggle {
      margin-top: 21px;
    }

    #top-logo {
      margin: 0;
      padding-top: 20px;
    }
}

@media (max-width: 600px) {
  
    .push-center {
      display: block;
    }
  
    .profile-pic {
      margin-bottom: 15px;
    }

}


@media (max-width: 480px) {
    #hero-subPage-01, 
    #hero-subPage-02, 
    #hero-subPage-03 {
      min-height: 90px;
  }
  
    #basic-contact {
      /*width: 30%*/
    }
  
  #phone-and-email{
   /* margin-left: 30px;*/
   width: 400px;/* */
  }
  
    #basic-contact > img {
      margin: 0 5px 0 5px;
    }
  
    #basic-contact > p {
      /*display: none;*/
    }
  
    #colorBar-lt {
      display: none;
    }

    #colorBar-rt {
      width: 100%;
      background: #ffcc00;  /* nat geo gold */
    }
  
    #social {
      width: 70%;
    }
  
    #social img {
      margin: 0 2px;
    }
}


/* Temporary supplemental css. MLG plans to merge these styles into the master.css 
   12/10/15   */

/*---GLOBAL STYLES--*/

h1.home {
  font-size: 50px; 
  font-weight: bold;
  color: #fff;
  text-align: left;
}

h2.why-need {
  color: #444444; /* dark gray*/
  width: 92%;
}

p.why-need {
  width: 92%;
}

p.solution { 
  color: #455a82; /* brighter indigo blue */
  font-size: 1.1em;
  font-style: italic;
  width: 92%;}

h3 {
  font-family: inherit;
}

p.home-subhead-1 {
  font-size: 20px; 
  font-weight: normal;
  line-height: normal; 
  color: #fff;
  /*width: 90%;*/
  text-align: left;
}

.subhead-1 {
  color: #455a82;  /* brighter indigo blue */
  font-size: 1.9em;
  line-height: normal;
  /*width: 90%;
  text-align: right:*/
}
.subhead-2 {
  color: #666;
  font-size: 1.4em;
  font-weight: normal;
}
.subhead-3 {
  color: #666;
  font-size: 1.4em;
  font-weight: normal;
}

#main-cta {
 /* margin: 20px;*/
}

#main-cta a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  /* background-color:#09a744; same green as links on home page */
  background-color:#ffcc00; /* nat geo gold*/
  border: 1px solid #333;
  border-radius: 5px;
  color: #333;
  display: block;
  float: right;
  font-size: 1.4em;
  font-weight: bold;
  margin-top: 10px;
  padding: 8px 25px;
  text-align: center;
 /* transition: background-color 0.33s linear 0s;*/
  width: 300px;

}

#main-cta a:hover {
  /*background-color: #c7ff1e;  highlighter yellow */
  background-color: #000; /*  */
  color: #FFF; /*  */
}

/*#hero-main {
  background: none;
}*/

#hero-main img + img {
  display:none;
}

#hero-main .img-responsive {
  position: absolute;
}

#hero-main #main-cta {
  position: relative;
}

.home-main-feature .img-responsive {
  /*margin: 0 auto;*/
}

.temp {
  background: none;
}


/*---TABLE STYLES--*/

table#benefits, 
table#doc-table {
  width: 100%;
}

#benefits td, 
#doc-table td {
  border-bottom: 1px solid #cccccc; 
  padding: 6px 6px 0 0;
  vertical-align: top;
}
#doc-table td {
 /* font-size: 1.25em; */

}

#benefits td.column-header,
#doc-table td.column-header {
  /*font-size: 1.3em; */
  font-weight: bold;
}

/* a quick way to add space between the word "DOC" and the little icon to its right*/
#doc-table img {
  margin-left: 6px; 
  border: 1px solid #cdcdcd; /* light gray*/
}

#doc-table td.column-header {
  background-color: #dedede;  
}

#benefits td.left-cell,
#doc-table td.left-cell {
	padding-left: 8px;
}

#benefits td.left-cell,
#doc-table td.left-cell {
	width: 54%;
}

#benefits td.divider,
#doc-table td.divider{
  background-color: #dedede;
  font-weight: bold;
  text-align: left;
}

#benefits td.basic, 
#doc-table td.basic { 
  
}

footer {
  background: #333333; /* charcoal gray */
}

.about-TIS {
  color: #cdcdcd;
  position: relative;
  top: 35px;
  
}

#footer-fade {
  /* charcoal gray */
  min-height: 150px;
  background: rgb(85,85,85); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(85,85,85,1) 58%, rgba(0,34,109,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,rgba(85,85,85,1)), color-stop(100%,rgba(51,51,51,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,56,147,1) 58%,rgba(51,51,51,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(85,85,85,1) 58%,rgba(51,51,51,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(85,85,85,1) 58%,rgba(51,51,51,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(85,85,85,1) 58%,rgba(51,51,51,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}

@media screen and (max-width: 992px) {

    #hero-main img {
      display: none;
    }
    #hero-main img + img {
      display: block;
    }
}

@media screen and (max-width: 800px) {
    #top-logo {width: 250px;}

    #main-cta h1.home {
     margin-top: 2px;
      text-align: center;    }

    p.subhead-1 {text-align: center;} 

    #hero-main {  text-align: center;   }
    #hero-main img {    display: none;   }
    #hero-main img + img {  display: none;    }

    #hero-subPage-01, 
    #hero-subPage-02, 
    #hero-subPage-03 {  min-height: 120px;  }  
    #main-cta {
      position: absolute;
      float: none;
      margin: 0 auto;
      padding: 10px 20px;    }

    #main-cta a {
      float: none;
      margin: 0 auto;
      width: 100%;   }

}
@media screen and (max-width: 762px) {
	#quote-1-area,
	#quote-2-area {
    text-align: center;
	}
  #quote-2-area {
    margin-top: 24px;
  }
  
  h1.home { 
      font-size: 30px;   
      text-align: center;
      color:#FFF1B8;
      text-shadow: 2px 2px 1px rgba(50, 61, 84, 1);
     }
    p.home-subhead-1 { text-align: center;}
}

@media screen and (max-width: 400px) {
    #hero-subPage-01, 
    #hero-subPage-02, 
    #hero-subPage-03 {
      min-height: 60px;  }

  #top-logo {
    width: 200px;}
  
  .navbar-toggle {
    margin: 16px 0 0 0;}
}