.navbar-custom {
  background-color: #0088cc;
  border-color: #0072ab;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#00aaff), to(#0088cc));
  background-image: -webkit-linear-gradient(top, #00aaff, 0%, #0088cc, 100%);
  background-image: -moz-linear-gradient(top, #00aaff 0%, #0088cc 100%);
  background-image: linear-gradient(to bottom, #00aaff 0%, #0088cc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00aaff', endColorstr='#ff0088cc', GradientType=0);
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 1px solid #0072ab;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  border-left: 1px solid #0072ab;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #c0c0c0;
  background-color: #0072ab;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#0072ab), to(#0094de));
  background-image: -webkit-linear-gradient(top, #0072ab, 0%, #0094de, 100%);
  background-image: -moz-linear-gradient(top, #0072ab 0%, #0094de 100%);
  background-image: linear-gradient(to bottom, #0072ab 0%, #0094de 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0072ab', endColorstr='#ff0094de', GradientType=0);
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #0070a8;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #0072ab;
  color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #0072ab;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #ffffff;
   text-align: center;
   display: inline-block;
    float: none;
}
.navbar-custom .navbar-link:hover {
  color: #c0c0c0;
}


img {
  width:100%;
  height:100%;
}
.intro{
  padding:20px;

}

.header {
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
font-size: 20px;
font-weight: normal;
font-style: normal;
padding-top: 10px;
padding:10%;
}


.footnote{
	padding-top: 25px;
	padding-left: 50px;
	float:left;
	color: white;

}

.fb{

padding-top: 15px;
height: 50px;
width: 50px;
float:right;
}
.twitter{
padding-top: 15px;
padding-left: 15px;
height: 50px;
width: 50px;
float:right;

}
.yt{
padding-top: 15px;
padding-left: 15px;
height: 50px;
width: 50px;
float:right;

}

.black{
background-color:black;
margin:  0;
   padding: 0;

}
.black1{

padding-right: 100px;
text-align: center;


 

}


/* Eliminates the navbar cutting into body */
body { 
    padding-top: 50px; 
	height:100%;
}
/* END */
h1, h2, h3, p, li{
	text-align: center;
	font-family: Open Sans, Helvetica Neue, Helvetica,Arial, DejaVu Sans, Liberation Sans,Freesans,sans-serif;
}
.faqbody{

padding: 5%
}

}
h1{
	padding: 7%;
}
hr { 

    border-top:1px dotted #000;
  

}
.bronze, .silver, .gold{

margin: 100px 50px;
box-shadow: 10px 10px 5px #888888;
display: inline-block;
width:25%;
border-left:1px solid black;
}
.evap, .topbox{
padding: 8%;
background-color: black;
color: white;
border-bottom: 15px black;
}
ul{
padding: 0%;
list-style-type:none;
}
.small{
padding:8%;
background-color:gray;
color:white;
}
.questions{
background-color:gray;
margin-bottom:-1%;
}
.shq{
text-align:left;
color:white;
padding:1%;
font-weight:200;


}
.cu{
margin:10px;
}

.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.padform{
padding:10%

}


.video_player{
padding:5%;
width:33%;
float: left;
position: relative; 

}
.ourHead{
font-family:  Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size:5em;
}
.vid_thumb{
box-shadow: 10px 10px 5px #888888;
}
.top{
background-color:black;

padding:4%;

}
.toptext{
font-family: 'Open Sans', sans-serif;
font-weight:300;
color:white;
font-size: 150%;
}
.vp{
 background-color:black;
 background-repeat: no-repeat;
background-size: 100% 100%; 
padding-top:3%;
color: white;
padding-bottom:25%;
font-family: 'Open Sans', sans-serif;
}
.re{
padding-top: 2%;
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size: 300%;

}
.opensans{
font-family: 'Open Sans', sans-serif;
font-size: 65%;
font-weight:300;
color:white;
padding:2%;
}
.opensansback{
background-color:black;
opacity:0.7;
}
body { padding-bottom: 70px; }
.undercon{
background-color:#0099e5;
color:white;
}
.meet{
font-family: 'Open Sans', sans-serif;
font-weight:200;
font-size: 300%;
}

td:first-child {
    background-color:#008acf;
	color:white;
	
	width:40%;
	font-weight:200;
	font-size: 1.5vw;
}
.service:nth-child(odd){
 background-color:#008acf;
 opacity:0.5;
}



.pricing-table{

text-align:center;
width: 90%;
background-color:white;
padding:3%;

}
.price-pick{
padding:10%;
background-image:url(img/pics/back.jpg);
background-repeat: no-repeat;
background-size: cover;
color:white;
text-align:center;
}
.choose{
font-weight:200;
font-size:5vw;
}
}
.tooltip{
color:white;
font-family: 'Open Sans', sans-serif;
font-weight:200;

font-size: 1vw;


}
.silver-row, .silver-box{
background-color:gray;
color:white;
font-size: 2vw;
}
.silver-row-2{
background-color:gray;
opacity:0.5;
color:white;
font-size: 2vw;
}
.bronze-row, .bronze-box{
background-color:#bf772e;
color:white;
font-size: 2vw;
}
.bronze-row-2{
background-color:#bf772e;
opacity:0.5;
color:white;
font-size: 2vw;
}
.gold-row, .gold-box{
background-color:#ffb70d;
color:white;
font-size: 2vw;
}
.gold-row-2{
background-color:#ffb70d;
opacity:0.5;
color:white;
font-size: 2vw;
}
  table {
    width:100%; 
   
	
  }
  td{
  padding:3%;
  border:1px solid white; 
border-top:0px; 
border-bottom:0px; 
  }
img {

        object-fit: contain;
}
.black-box{
background-color:black;
height:15%;
font-size: 2vw;
}
.price-body{
background-image:url(img/pics/gray.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.btn-xlarge {
    padding: 18px 28px;
    font-size: 22px;
    line-height: normal;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    }
.widgetlog{
padding:5%;





}
.logon li{
padding:25%;
}
.widgetlog  div ul li, .regform ul li, .change_pass ul li{
padding: 1%;
}
.widget{
float:right;
padding-top:5%;

}
.regform, .change_pass{
width:70%;
padding-top: 3%;
padding-left:35%;
}

.widgetlog, .recovery{
	margin-left: auto;
    margin-right: auto;
    width: 50%;




}
.emailerr{
color:red;
}

.block1{
padding:2%;
color:red;
font-size: 1vw;
font-family: 'Open Sans', sans-serif;
font-weight:400;
}
.profile{
background:#f9f9f9;
border:1px dashed #aaa;
padding:5px;

}
.profile{
width:100%;

}

.main_form{
margin:0px auto; 

text-align:center;
width:65%;
}

textarea {
   resize: none;

}

/* Edit PrettyPhoto Components
Hide Twitter and Facebook Icons
Hide Youtube Title
Make LightBox Black
*/
.pp_social{
	visibility: hidden!important;
}
div.ppt, .pp_description {
display: none !important;
}
.pp_content, .ppt, .pp_content_container {
background-color:black !important;
}
.pcmbody{
background-image: url("img/background.jpg");
}
.carousel, .img-responsive {

  padding-left:5%;
  padding-right:5%;
}
.carousel-inner > .item > img {
    margin: 0 auto;
/* Google Chrome mobile fix for navbar not working */

.nav {

        width: 60%;
    z-index: 100;
   position: relative;
    top: inherit; //this non numerical offset value positions the nav bar up top by default;
         @media (min-width: 1100px) {
             bottom: 0; // then this rule comes in at larger widths and overrides whatever the nav inheriting 

     }


}