html{
  height:100%;
}


body{
  
  background: rgb(229,229,229); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 28%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(28%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 28%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 28%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 28%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 28%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

}

body{
  padding-top: 75px;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

h1{
  color:white;
  background-color:orange;
  padding:20px;  
}

.env{
  font-size: 10px;
  display:inline-block;
  padding:3px;
  text-transform: uppercase;
  position: fixed;
  right:0px;
  bottom: 0px;
  opacity: .2;
}

.page{
  margin:20px auto;
  min-height: 500px;
  font-size:16px;
  max-width: 1000px;
  padding: 0px 50px
}

/** NAV **/

.navbar-brand{
  margin-right: 62px;  
}

.navbar div:first-child{
  background-color:#0E88B5; 
}

.sub-nav.navbar div:first-child{
  background-color: rgb(185, 209, 226); 
}

.navbar-default .navbar-nav>li>a {
  color: white;  
  font-size: 1.2em;
}

.navbar{
  border: none;
}

.navbar>.container-fluid .navbar-brand{
  font-size: 24px;
  color:white;
}

.sub-nav .navbar-form{
  margin-top:0px;
  margin-bottom:0px;
  border: none;
}

#search-bar{
  margin:5px 10px 10px 24px;max-width:250px;
}

.important-show-inline{
  display: inline !important;
}

/* homepage */
.info-row h3{
  font-size: 14px;
}

.info-row{
  margin: 10px 0px;
  background-color:#e7e7e7;
  padding-top: 10px;
  padding-bottom: 10px;
  background: url(/assets/img/gradient.png);
  background-size: contain;
}

.carousel-inner img{
  margin: 0px auto;
  height: 400px;
  padding: 10px 99px;
}

.carousel-header{
  margin-left: 100px;
  padding: 10px;
  margin-right: 100px;
  font-size: 24px;
  border: solid 1px #e7e7e7;
  border-radius: 4px;
  font-family: helvetica;
  background-color: green;
  color:white;
}

.carousel-header .glyphicon{
  font-size: 25px;
  color: white;
  background-color:green;
}

.carousel-body{
  margin-left: 100px;
  margin-right: 100px;
  font-size: 24px;
}

.carousel-caption{
  background-color:rgb(79, 152, 219);
  border-radius: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  bottom: 75px;
  opacity: .5;
  display:none;
}

.carousel-indicators{
  display:none;
}

.carousel-control.left,.carousel-control.right{
  background: none;
  color:black;
}

.home-page-desc{
  border:solid 1px #e7e7e7;
  border-radius: 7px;
  margin-bottom: 10px;
  padding:10px;
  font-size: 18px;
}

.homepage h2{
  margin-top: 10px;
}

.home-page-desc .glyphicon{
  color:green;
  font-size: 51px;
}

.info-row h3{
  color: #ff6600;
}

/* products */
.products .glyphicon{
  color:green;
}

#plan-descriptions .glyphicon{
  font-size: 16px;
}

.product .panel-heading{
  background: orange;
}

.legend{
  color: green;
  font-weight: bold;
  font-size:14px;
}

/* Footer */
#footer{
  margin: 20px;
  text-align: center;
  width: 100%;
  border-top: solid 1px #e7e7e7;
  padding-top: 10px;
  font-size: 15px;
}

/* Free */
#free-features{
  list-style-type: none;
}

#free-features .glyphicon{
  color: green;
  font-size:20px;
}

#free-features li,#faq li{
  padding-bottom:10px;
}

#faq .question{
  font-weight: bold;
  display:block;
}

.video-block{
  margin-bottom: 20px;
  border-bottom: solid 2px #e7e7e7;
}
.instructions li{
  margin-bottom: 10px;
}

.support-page h1{text-transform: capitalize}
.support-page img{ display: block; margin: 10px 0px; width: 100%;max-width: 400px}
.support-page ul{ margin: 10px 0px;margin-top: 0px;}
.support-page .support-menu{
  border:solid 1px black;
  font-size:14px;  
  padding: 10px;
  background-color: white;
}

.support-page .support-menu h4{
  background-color: black;
  display: inline-block;
  padding: 5px;
  color: white;
  margin-top: 0px;
}

@media(max-width:1035px)  {

  .navbar-collapse.collapse {
      display: none !important;
  }
  
  .navbar-collapse {
      overflow-x: visible !important;
  }
  
  .navbar-collapse.in {
    overflow-y: auto !important;
  }
  
  .collapse.in {
    display: block !important;
  }
  
  .navbar-toggle{
    display:block;
  }
}



/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {
  
  .carousel-header{
    font-size: 26px;
    margin-left: 50px;
    margin-right: 50px;
  }
  
  .carousel-header .glyphicon{
    font-size: 20px;
  }
  
  .carousel-body{
    margin-left: 50px;
    margin-right: 50px;
    font-size:20px;  
  }
  
  .carousel-inner>.item>img{
    display:none;
  }
  
  .carousel-caption{
    display:none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  

  
}

/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {
  
  
}