body {
  //min-height: 2000px;
  //background: url('../images/bluebg.jpg') center center cover no-repeat fixed;
  //background: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fullbg.jpg', sizingMethod='scale');
  /* Location of the image */
  //background-image: url(../images/fullbg.jpg);
  background-image: url(../images/bluebg.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;

  /* Background image doesn't tile */
  background-repeat: no-repeat;

  /* Background image is fixed in the viewport so that it doesn't move when
     the content's height is greater than the image's height */
  background-attachment: fixed;

  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;

  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
  font-family: 'Droid Sans', sans-serif;
  font-size: .8 em;
  color: #EFEFEF;
}
body#products {
	background-image: url(../images/productsbg.jpg);

  /* Background image is centered vertically and horizontally at all times */
  	background-position: center center;

  /* Background image doesn't tile */
 	 background-repeat: no-repeat;

  /* Background image is fixed in the viewport so that it doesn't move when
     the content's height is greater than the image's height */
  	background-attachment: fixed;

  /* This is what makes the background image rescale based
     on the container's size */
  	background-size: cover;

  /* Set a background color that will be displayed
     while the background image is loading */
  	background-color: #464646;
  	font-family: 'Droid Sans', sans-serif;
}

.pageheader {
	font-family: 'Droid Sans', cursive;
	border-bottom: 2px solid rgba(39,79,125,1);
	padding-bottom: 10px;
	color: rgba(39,79,125,1);
}

.logo {
	margin-top: 10px;
}
.navbar-static-top {
  margin-bottom: 10px;
}
.navbar {
	min-height: 60px;
	//background-color: #A8BDCE;
	//background-color: rgba(168, 189, 206, 0.80);
	//background-color: rgba(39, 79, 125, .20);
	background-color: rgba(0,0,0,.30);
	border-bottom: 1px solid #A8BDCE;
}
.navbar-header {
	height: 50px;
	padding-top: 0px;
}
ul.navbar-nav {
	margin-top: 10px;
}
.navbar-default {
  background-image: none;
  background-repeat: none;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}
.navbar-default .navbar-nav>li>a {
  color: #FFF;
  font-weight: normal;
  font-family: 'Hind', sans-serif;
  font-size: 1.1em;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #FFF;
    background-color: transparent;
   }
.navbar-brand>img {
    display: block;
    margin-top: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #A8BDCE;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #11207f;
  white-space: nowrap;
  font-family: 'Hind', sans-serif;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 1.12em;
  font-weight: bold;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #EFEFEF;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  border-bottom: 2px solid #EFEFEF;
  font-family: 'Hind', sans-serif;
  font-size: 1.1em;
  border-radius: 0px;
}

body#main .navbar-default .navbar-nav>.main>a, .navbar-default .navbar-nav>.main>a:focus,
body#service .navbar-default .navbar-nav>.service>a, .navbar-default .navbar-nav>.service>a:focus,
body#products .navbar-default .navbar-nav>.products>a, .navbar-default .navbar-nav>.products>a:focus{
	color: #EFEFEF;
 	background-color: transparent;
 	background-image: none;
  	box-shadow: none;
 	border-bottom: 2px solid #EFEFEF;
  	font-family: 'Hind', sans-serif;
  	font-size: 1.1em;
 	border-radius: 0px;
}
@media (min-width: 768px)
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 5px;
}
@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
    .navbar-collapse.in {
        overflow-y: auto !important;
    }
	.navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        /*background-color: #4061AD;*/
        border: 0;
        box-shadow: none;
        width: 100%;
    }
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #FFF;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent;
        background-image:none;
    }
}

.trans {
	//background-color: rgba(255, 255, 255, 0.50);
	background-color: rgba(0, 0, 0, 0.50);
	padding: 10px;
	width: 98%;
}
.jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: rgba(238, 238, 238, 0.68);
  min-height: 350px;
  /* Location of the image */
  background-image: url(../images/intro.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center bottom;

  /* Background image doesn't tile */
  background-repeat: no-repeat;

  /* Background image is fixed in the viewport so that it doesn't move when
     the content's height is greater than the image's height */
  background-attachment: fixed;

  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;

}
.jumbotron h1, .jumbotron p {
	color: #EFEFEF;
	text-shadow: 1px 1px 2px #AAA;
}
.cursive {
font-family: 'Dancing Script', cursive;
}
footer {
	background-color: #A8BDCE;
	margin-bottom: 0;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 100px;
}
.footer {
  border-top: 2px solid #AAA;
  padding-top: 5px;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 100px;
  background-color: rgba(0, 0, 0, .50);
  color: #EEE;
}
.footernav {
	list-style-type: none;
	padding: 0;
	margin: 0;

}
.footernav a {
	color: #EEE;
	text-decoration: none;
}
a.yt {
	color: red;
}
a.yt:hover {
	color: #333;
}