/* bootstrap 3 helpers */

.navbar-form input, .form-inline input {
    width:auto;
}



header.masthead {
    height:180px;
}

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}
#sidebarbox.affix-top {
    position: static;
}
#sidebarbox.affix {
    position: fixed;
    top: 80px;
    width: 16%;
}

/* Full Background */
/* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */

html{
    }
body{
    background: url('../img/392313_original_R_K_B_by_Rainer-Sturm_pixelio_3.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

}
body#p7{
    background-image: url('../img/shutterstock_778086370_1600.jpg');
}

/* header navigation */
header .headernav{
    float:right;
    margin:4px 0;
}
header .headernav li{
    display:inline;
}
header .logobox{
    text-align:center;
}
header img.img-responsive{
    width:300px;
    display: inline;
}
/* main navigation  */
/*==================================
=            Navigations            =
==================================*/
.navbar{
  margin-bottom: 0;
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
/*     background-color: #54616c; */
}
.nav>li {
/*   border-top: 5px solid #EFD464; */
  /*margin-right: 3px;*/
}
.nav>li>a {
/*   background-color: #54616c; */
  color: #232F4E;
  font-weight: 300;
  font-size:1.1em;
 /* text-transform: uppercase; */
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
/*     background-color: #54616c; */
/*     color: #EFD464; */
}
.nav .active>a, .nav .active>a:focus, .nav .active>a:hover {
/*   background-color: #54616c; */
  color: #00BEF2;
}
.dropdown-menu {
  padding-top: 3px;
  padding-bottom: 3px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
   border: none;
  /* border: 1px solid rgba(0,0,0,.15); */
   border-radius: 0;
  /* -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); */
   box-shadow: none;
}
.dropdown-menu li {
    background-color: #EFD464;
    color: #54616c;
    /*display: inline-block;*/
    margin-top: 3px;
  }
.navbar-nav .open .dropdown-menu {
  background-color: #fff;
}
.navbar-toggle {
    background-color: #10335d; 
    border: 1px solid #fff;
    border-radius: 0;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}


@media (min-width: 768px) {
  .navigation {
/*     background-color: #54616C; */
    height: 45px;
    /*border-top: 5px solid #EFD464;*/
  }
/*  ul.nav li.dropdown:hover ul.dropdown-menu {
      display: block;
  }*/
  
  .navbar {
    margin-bottom: 0;
    min-height: 45px;
    border: none;
  }
/*   .navbar-nav { background: #fff; } */
  .navbar-nav li:first-child { margin-left: 3px; }
  .navbar-nav>li>a {
/*
    padding-top: 10px;
    padding-bottom: 10px;
*/
    color: #232F4E;
    font-weight: bold;
    padding: 3px;
    font-size: 14px;
    margin-left: -11px;
  }
  .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
  .navbar-custom {
/*     background-color: #fff; */
    border-radius: 0;
  }
  .navbar-custom .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
  .navbar-nav .open .dropdown-menu {
    background-color: transparent;
  }
  .nav>li {
/*     border-top: 5px solid #EFD464; */
/*     margin-right: 3px; */
    list-style-type: square;
    color: #232F4E;
    display: list-item;
    font-size: 18px;
    margin-left: 40px;
    padding-left: 0;
  }
  .dropdown-menu li {
    display: inline-block;
  }
  .dropdown-menu li.first {
    margin: 0;
  }
  .dropdown-menu>li>a {
    padding: 5px 20px;
    text-transform: uppercase;
    font-weight: bold;
  }
  .dropdown-menu>li:focus, .dropdown-menu>li:hover {
/*     background-color: #54616c; */
    color: #EFD464;
  }
  .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
/*     background-color: #54616c; */
    color: #EFD464;
    outline: 0;
  }
  .nav li a:hover{
	  background-color: transparent;
  }
  .nav li:hover{
	  text-decoration: underline;
  }

  
  ul.nav li.dropdown:hover ul.dropdown-menu{
      display: block;
      margin: 0;
      background: transparent;
      max-width: 100%;
  }

  a.menu:after, .dropdown-toggle:after {
    content: none;
  }

}
@media (max-width: 767px) {
   #navbar {
     background-color: #fff;
     margin:0 0 15px 0;
  }
  .ce-column{margin-right:0; margin-bottom: 15px;}
    
}

.mt-1{ margin-top:1px }
.mt-2{ margin-top:2px }
.mt-3{ margin-top:3px }
.mt-4{ margin-top:4px }
.mt-5{ margin-top:5px }
.mt-6{ margin-top:6px }
.mt-7{ margin-top:7px }
.mt-8{ margin-top:8px }

.mb-1{ margin-bottom:1px }
.mb-2{ margin-bottom:2px }
.mb-3{ margin-bottom:3px }
.mb-4{ margin-bottom:4px }
.mb-5{ margin-bottom:5px }
.mb-6{ margin-bottom:6px }
.mb-7{ margin-bottom:7px }
.mb-8{ margin-bottom:8px }

.smallPic-container .smallPicItem{ padding: 3px; }
.smallPic-container .smallPicRow{ margin-left: -18px; margin-right: -18px; }

/*  Logo  */
.logobox{ padding:0; margin:-10px 0 0 0; }
/* Sidebar */
#sidebarbox{
    background-color:#fff;
    padding:15px
}
#sidebarbox h1,
#sidebarbox h2,
#sidebarbox h3{
  color:#54B3DA;
  font-size:1.2em;
  margin:0px 0 0 0;
}


/* Content */
.contentbox{
    /*background-color: #B1C0C9;*/
    background-color: #fff;
    padding:15px;
    min-height: 400px;
    line-height: 1.7em;
}
.contentbox h1,
.contentbox h2,
.contentbox h3,
.contentbox h4

{
    color:#00BEF2;
    font-weight: 300;
    
    
} 
.contentbox .image-embed-item{
    max-width:100%;
    height: auto;
}
@media (min-width: 768px) {
    .navigation .navbar-custom .navbar-collapse{
        text-align: center;
    }
    .navigation .navbar-custom ul.navbar-nav{
        display: inline-block;
        float: none;
    }
}

@media (max-width: 767px) {
     #nav .navbar-default{ background: rgba(255,255,255,0.8); background-image: none; border:none; }
     header .headernav{
	     margin:8px auto 18px auto;
	     float: none;
	     text-align: center;
	     padding-left:0;
     }
     nav.navbar{
	     margin:0;
	     padding:0;
	     min-height: unset;
     }
     nav .navbar-collapse.collapse{ height: 1px; }
     nav .navbar-collapse.collapse.in{ height: auto; }
}