html, body {
    height: 100%;
}
body {
    background-color: #F5F5F5;
}
.main-wrapper {
    background-color: white;
    height: 100%;
}

.bg-secondary {
    background: #E1E0E0;
}

.phone a {
	text-decoration: none;
	color: inherit;
}

#content, #teaser {
    padding: 20px;
}

/* navbar TOP */
.navbar {
     min-height: auto;
     margin-bottom: 0;
     border: 0;
     z-index: 1;
}
.flaoting-left {
	float: left;
	line-height: 47px;
}

.glyphicon {
	padding: 6px 0 6px 0;
}
.glyphicon:before {
	padding-right: 6px;
}

.navbar-inverse {
    background-color: #0C285D;
    border-color: transparent;
    min-height: auto;
}
.navbar-inverse, .navbar-inverse a:link {
	color: #fff;
}
.fm-cols {
	text-align: left;
	padding: 0;
}
.navbar {
	border-radius: 0;
}
.navbar-right {
	margin-top: -1px;
	margin-bottom: -1px;
	margin-right: 0;
}
.top-textlinks {
	padding: 4px 0;
}
.nav.navbar-nav.navbar-right.top-textlinks a {
	padding: 0 15px 0 5px;
	color: #0C285D;
	border: 0;
	opacity:0.7;
}
.nav.navbar-nav.navbar-right.top-textlinks a:hover {
    border: 0;
    opacity:1;
}


.navbar-brand {
    float: right;
    height: auto;
}

.navbar-header {
	clear: both;
}

a {
	color: #595959;
}
.nav > li > a {
    border-bottom: 2px solid transparent;
    -webkit-transition: all 0.5s ease-out;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
    border-top: 0;
    border-bottom: 2px solid #0C285D;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    border-color: #0C285D;
}
@media (min-width: 768px) 
    .navbar-nav {
        padding: 0 1rem;
    }
	footer .navbar-nav > li > a {
	    padding-top: 0;
	    padding-bottom: 0;
	}
}

.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}
@media (min-width: 768px) {
    .navbar-collapse.collapse {
        display: inline-block !important;
        width: 100%
    }
}

@media( min-width: 768px ) {
    .nav > li:first-child a {
    	padding-left: 0;
    }
    .nav > li:last-child a {
    	padding-right: 0;
    }
    .navbar-nav > li > a {
	    padding: 10px;
    }
}

footer .nav > li > a:hover {
    border-top: 2px solid transparent;
}

a:focus, a:hover { color: #0C285D; }

#content .imgtext-table { margin-right: 10px; }


/* === card component ====== 
 * Variation of the panel component
 * version 2018.10.30
 * https://codepen.io/jstneg/pen/EVKYZj
 */
.card{ background-color: #fff; border: 1px solid transparent; border-radius:0; float: left; }
.card > .card-link{ color: #333; }
.card > .card-link:hover{  text-decoration: none; }
.card > .card-link .card-img img{ border-radius: 6px 6px 0 0; }
.card .card-img{ position: relative; padding: 0; display: table; }
.card .card-img .card-caption{
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
}
.card .card-body{ display: table; width: 100%; padding: 12px; }
.card .card-header{ border-radius: 6px 6px 0 0; padding: 8px; }
.card .card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
.card .card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.card .card-right{ position: relative; float: left; padding: 8px 0 0 0; }
.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child, 
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3, 
.card .card-body .h4{ margin-top: 0; }
.card .card-body .heading{ display: block;  }
.card .card-body .heading:last-child{ margin-bottom: 0; }

.card .card-body .lead{ text-align: center; }

@media( min-width: 768px ){
  .card .card-left{ float: left; padding: 0 8px 0 0; }
  .card .card-right{ float: left; padding: 0 0 0 8px; }
    
  .card .card-4-8 .card-left{ width: 33.33333333%; }
  .card .card-4-8 .card-right{ width: 66.66666667%; }

  .card .card-5-7 .card-left{ width: 41.66666667%; }
  .card .card-5-7 .card-right{ width: 58.33333333%; }
  
  .card .card-6-6 .card-left{ width: 50%; }
  .card .card-6-6 .card-right{ width: 50%; }
  
  .card .card-7-5 .card-left{ width: 58.33333333%; }
  .card .card-7-5 .card-right{ width: 41.66666667%; }
  
  .card .card-8-4 .card-left{ width: 66.66666667%; }
  .card .card-8-4 .card-right{ width: 33.33333333%; }
}


footer { padding: 12px; }

.navbar-toggle {
    background-color: white;
    z-index: 2;
}
.navbar-toggle .icon-bar {
    background-color: black;
}
button.navbar-toggle.collapsed {
    background: rgba(0,0,0,1) ;
}

.navbar-toggle.collapsed .icon-bar {
    background-color: white;
}

@media (max-width: 768px) {
    ul.nav.navbar-nav {
        float: left;
        padding: 2rem;
        width: 100%;
    }
}


#headermenu {
    display: inline-block;
}