/* ------------------ Custom Classes ------------------ */

/*-IMG-*/

img.floga-brand{
  height: 100%;
  margin-left: 15px;
}

img.floga-width-100{
  width: 100%;
}

img.floga-max-height-33{
  max-height: 33px;
}

img.floga-footer-logo{
  float: right;
  max-height: 100px;
}

/*-DIV-*/

div.floga-container-shadow{
    box-shadow:1px 1px 100px  #292929;
    margin-bottom: 2%;
}

div.floga-custom-nav{
    background-color: transparent;
    border-color: transparent;
}

div.floga-absolute-bottom{
    position: absolute;
    bottom: 0;
}

div.floga-height-100{
    height: 100px;
}

.floga-max-height-70{
    max-height: 70px;
}

/*-NAV-*/

.floga-custom-nav{
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
}

/*-Classes-*/

.floga-nopadding{
  padding: 0;
}

.floga-nomargin{
  margin: 0;
}

.floga-form{
  max-width: 400px;
  margin: auto;
  margin-bottom: 2%;
  margin-top: 2%;
}

.floga-text-center{
  text-align: center;
}

.floga-grey-bg{
  background: #CCC;
  color: #000;
}

/* ------------------ Modified Bootstrap Classes ------------------ */

body{
  background: #CCC;
}

hr{
  border-top: 1px solid #333;
}

.page-header{
      border-bottom: 1px solid #333;
}

.navbar-default .navbar-nav>li>a{
  color: #333;
}

.navbar-default .navbar-nav>li>a:hover{
  color: #000;
  text-decoration: underline;
}

.breadcrumb > li + li:before {
   color: #000;
   content: "/ ";
   padding: 0 5px;
}

@media (max-width: 767px) {
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
      margin-left: 0px;
    }
}

/* ------------------ Slideshow ------------------ */

#slideshow_header {
    position:relative;
    width: 100%;
    margin: 0 auto;
    height: 300px;
}
#slideshow {
    position:relative;
    width: 100%;
    margin: 0 auto;
    height: 100%;

}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    width: 100%;
    height: 100%;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow_header IMG.logo {
    z-index:11;

    position: absolute;

    top: 200px;
    right: 10px;

    max-width: 90px;
    max-height: 90px;
}

/* ------------------ Video ------------------ */

.floga-video-container{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.floga-video-container iframe,
.floga-video-container object,
.floga-video-container embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}