/* Font */
@import '../font/stylesheet.css';
@import '../font/stylesheet2.css';
@import url('https://fonts.googleapis.com/css?family=Work+Sans');

/* Base */
* {outline:none;}
html, body {height: 100%;}
body {font-family: 'Myriad Pro', sans-serif;font-size: 20px;line-height: 1.6;color: #8c8c8c;background-color: #fff;}
h1, h2, h3, h4, h5, h6 {font-family: 'Myriad Pro', sans-serif; font-weight: normal;font-style: normal;}
a {color: #404040;}
a:hover {color: #404040;transition-property: all;transition-duration: 0.3s;transition-timing-function: linear;}
a.none:hover {text-decoration: none;}

/* Header */
.top {background-color: #404040;padding: 0;color: #fff; font-weight: 300; font-style: normal; text-transform: uppercase; font-size: 0.75em;}
.top p {margin: 0;}
.top ul {margin: 0;padding: 3px 0 0 0;}
.top li i {color: #fff;}
.top li a {color: #fff;}
.top li a:hover {text-decoration: none;}
.top li a:hover,.top li a:hover i {color: #005FA6;transition-property: all;transition-duration: 0.3s;transition-timing-function: linear;}

/* Navigation */
.navbar {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;margin-bottom: 0;}
.navbar .container {position: relative;}
.navbar-default {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;width: 100%;border: none;border-bottom: 1px solid #8c8c8c;background-color: #fff;}
.navbar-default .navbar-nav > li > a {color: #404040;font-weight: normal;font-size: 1em;}
.navbar-default .navbar-nav > li > a:hover {background-color: transparent;color: #005FA6;}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus {background-color: transparent;color: #005FA6;}
.navbar-default .navbar-nav .active > a,.navbar-default .navbar-nav .active > a:hover,.navbar-default .navbar-nav .active > a:focus {color: #005FA6;background-color: transparent;}
.navbar-default .navbar-toggle {margin: 10px 0 0 15px;}
.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {border: none;background: #f3f3f3;}
.navbar-default .navbar-toggle i {font-size: 3em;}
.navbar-default .navbar-collapse {float: right;border-top: none;padding-left: 0;padding-right: 0;}
.navbar-brand>img {padding: 5px;}

@media screen and (max-width: 768px) {.navbar-default .navbar-collapse {padding-left: inherit;padding-right: inherit;}}
@media screen and (max-width: 992px) {.navbar-default .navbar-collapse {width: 100%;margin-left: 0;margin-right: 0;max-height: none;}}
@media (min-width:768px) {.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {margin-left: 0;}}

.main-navbar-nav {-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
.main-navbar-nav > li > a {padding-top: 30px;padding-bottom: 30px;line-height: 1;}
.main-navbar-nav li > .dropdown-menu {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;min-width: 225px;border: none;border-top: 2px solid #005FA6;}
.main-navbar-nav li > .dropdown-menu > li > a {padding: 10px;position: relative;color: #404040;line-height: 1.12857143;font-size: 12px;}
.main-navbar-nav li > .dropdown-menu > li > a:hover,.main-navbar-nav li > .dropdown-menu > li > a:focus {color: #005FA6;background-color: transparent;}
.main-navbar-nav li > .dropdown-menu > li > a i {position: absolute;right: 20px;top: 50%;margin-top: -8px;font-size: 1.2em;}

@media screen and (min-width: 993px) {.main-navbar-nav .dropdown:hover > .dropdown-menu {display: block;}.main-navbar-nav .dropdown:hover > .dropdown-menu .dropdown:hover .dropdown-menu {left: 225px;top: 0;margin-top: -2px;}}
@media screen and (max-width: 992px) {.main-navbar-nav > li {border-bottom: 1px solid #f3f3f3;}.main-navbar-nav > li:last-child {border-bottom: none;}.main-navbar-nav > li > a {padding-top: 12px;padding-bottom: 12px;}}

.navbar-brand {height: auto;padding: 0;}

@media screen and (max-width: 992px) {.navbar-toggle {display: block;}.navbar-collapse.collapse {display: none !important;}.main-navbar-nav.navbar-nav,.main-navbar-nav.navbar-nav > li {float: none !important;}.navbar-collapse.collapse.in {display: block !important;overflow-y: auto !important;}}

/* Hero */
.hero_area {background-image: url(img/hero.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;height: 475px;padding: 0;}
.hero_content {padding: 120px 0;}
.hero_content h1 {text-shadow: 1px 1px 2px rgba(0,0,0,0.75);color: #005FA6;font-weight: 700;font-size: 3.3em;}
.hero_content h2 {text-shadow: 1px 1px 2px rgba(0,0,0,0.25);color: #000;font-weight: 700;font-size: 3em;margin-top: 0;width: 45%;line-height: 38px;}

/* Boxes */
.boxes_area {padding-top: 40px;padding-bottom: 10px;padding-left: 0;padding-right: 0;background-color: #f8f8f8;}
.box {position: relative;}
.box h3 {position: relative;margin-bottom: 20px;padding-bottom: 20px;}

@media (min-width:769px) {
    .boxes_area div[class*="col-"]:after {content: " ";display: block;position: absolute;top: 0;right: 0;width: 1px;height: 100%;background-color: #ebebeb;}
    .boxes_area div[class*="col-"]:last-child:after {display: none;}    
}

/* Home */
.home_content h2:after,.box h3:after {content: '';position: absolute;width: 30px;background-color: #005FA6;height: 2px;left: 0;bottom: 0;}
.box i {position: absolute;right: 0;top: 0;margin: 0;color: #005FA6;font-size: 3.3em;}
.boxes_area h3 {font-size: 1.2em;font-weight: 500;margin-top: 0;margin-bottom: 18px;}
.services {padding-top: 50px;padding-bottom: 50px;}
h2.section-title {text-align: center;color: #404040;}
.services p.desc {text-align: center;font-size: 1.2em;margin-bottom: 20px;}
.services .media {margin-top: 30px;}
.services .media i {font-size: 3.3em;color: #005FA6;}
.services .media h4 {font-size: 1.25em;font-weight: 600;color: #404040;}
.services .media p {text-align: left;}

/* News */
.home-area {padding-bottom: 50px;}
.home_content h2 {position: relative;font-size: 1.4em;font-weight: 600;padding-bottom: 20px;color: #404040;margin-bottom: 30px;}
.home_list ul {margin: 0;padding: 0;float: left;width: 100%;}
.home_list ul li {list-style: none;}
.home_list .thumbnail {border: none;padding: 0;}
.thumbnail .caption {padding: 9px;color: #404040;padding-left: 0;padding-right: 0;}
.home_list h3 {font-size: 1.4em;font-weight: 600;margin-top: 10px;margin-bottom: 10px;color: #404040;}
.home_list p {color:#8c8c8c}
.home_list a.btn {font-size: 1em;padding: 0;color: #005FA6;}
.home_bottom .row {margin-left: -5px;margin-right: -5px;}
.home_bottom div[class*="col-"] {padding-right: 5px;padding-left: 5px;position: relative;}

/* References */
.carousel-control{ width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:0;background-image:none;}

@media (max-width: 767px) {.carousel-inner .active.left {left: -100%;}.carousel-inner .next {left: 100%;}.carousel-inner .prev {left: -100%;}.active > div {display:none;}.active > div:first-child {display:block;}}
@media (min-width: 767px) and (max-width: 992px ) {.carousel-inner .active.left {left: -50%;}.carousel-inner .next {left:  50%;}.carousel-inner .prev {left: -50%;}.active > div {display:none;}.active > div:first-child {display:block;}.active > div:first-child + div {display:block;}}
@media (min-width: 992px ) {.carousel-inner .active.left {left: -25%;}.carousel-inner .next {left: 25%;}.carousel-inner .prev {left: -25%;}}

/* Footer */
footer.site-footer {background: #312e29;padding: 20px 0 0;float: left;width: 100%; background-image: url('/icons/black-vektor.svg'); background-position: bottom right; background-repeat: no-repeat; }
footer.site-footer h4 {font-size: 1.5em;font-weight: 500;}
footer.site-footer ul {padding-left: 0;margin-bottom: 20px;list-style: none; line-height: 1.1em}
footer.site-footer ul a {color: #666;font-size: 0.8em;}
footer.site-footer p {font-size: 1em;}
footer.site-footer p a {color: #666;}
p.text {color: #666;}
#copyright {background: #404040;color: #ccc;padding: 15px 0;font-size: 0.9em;margin-top: 20px;}
#copyright p, #copyright ul {margin: 0;float: left;font-size: 0.9em;}
#copyright a {color: #fff;font-size: 0.9em;}
.site-footer li a:hover {color:#005FA6;}
ul.big li {float: left;width: 49%;}
ul.big li:nth-child(2n) {margin-left: 2%;}

@media (max-width:462px) {.fbox:last-child {margin-top: 1.5em;float: left;width: 100%;}}

/* Maillist */
.login-form-1 {max-width: 300px;border-radius: 5px;display: inline-block;}
.main-login-form {position: relative;}
.login-form-1 .form-control {border: 0;box-shadow: 0 0 0;border-radius: 0;background: transparent;color: #555555;padding: 7px 0;font-weight: bold;height:auto;}
.login-form-1 .form-control::-webkit-input-placeholder {color: #999999;}
.login-form-1 .form-control:-moz-placeholder,.login-form-1 .form-control::-moz-placeholder,.login-form-1 .form-control:-ms-input-placeholder {color: #999999;}
.login-form-1 .form-group {margin-bottom: 0;border-bottom: 2px solid #fff;padding-right: 20px;position: relative;}
.login-form-1 .form-group:last-child {border-bottom: 0;}
.login-group {background: #efefef;color: #999999;border-radius: 8px;padding: 10px 20px;}
.login-group-checkbox {padding: 5px 0;}
.login-form-1 .login-button {position: absolute;right: -25px;top: 50%;background: #ffffff;color: #999999;padding: 11px 0;width: 50px;height: 50px;margin-top: -25px;border: 5px solid #efefef;border-radius: 50%;transition: all ease-in-out 500ms;}
.login-form-1 .login-button:hover {color: #555555;transform: rotate(450deg);}
.login-form-1 .login-button.clicked {color: #555555;}
.login-form-1 .login-button.clicked:hover {transform: none;}
.login-form-1 .login-button.clicked.success {color: #2ecc71;}
.login-form-1 .login-button.clicked.error {color: #e74c3c;}

/* Breadcrumb */
.bread_area {border-bottom: 1px solid #e7e7e7;padding: 10px 0;margin-bottom: 40px;}
.breadcrumb {margin: 0;background: #fff;padding: 0;}

/* Page */
.page-main {float: left;width: 100%;background-color: #fff;margin-bottom: 30px;}

/* Category */
.category-main {float: left;width: 100%;background-color: #fff;margin-bottom: 30px;}
.category-content h3 {font-size: 1.5em;margin-bottom: 20px;}
.category-main .media {margin-top: 30px;}
.category-main .media:first-child{margin-top: 0;}
.category-main ul li {list-style: none;position: relative;}
.category-main .media-left {padding-right: 20px;}
.category-main .meta {position: absolute;bottom: 0;border-bottom: 2px solid #e7e7e7;width: 71%;min-height: 30px;line-height: 24px;padding-bottom: 3px;}
.category-main .category-meta {width: 67%;}
.category-main .meta .arc-comment {float: left; margin-right: 5px; border-right: 2px solid #e7e7e7;padding-right: 7px;}
.category-main .meta .arc-comment a, .archive ul.arc-share li a {color: #333;font-size: 1.2em;}
.category-main .meta .arc-comment a:hover, .archive ul.arc-share li a:hover {text-decoration: none;color: #ff1515;}
.category-main .meta .arc-date {float: right;font-size: 1.2em;color: #333;}
.category-main ul.arc-share {float: left;margin: 0;padding: 0;margin-right: 5px;}
.category-main ul.arc-share li {float: left;list-style: none;margin-left: 10px;}
.category-main .archive-cat a {color: #ff1515;}
.category-main .archive-cat a:hover {color: #333; text-decoration: none;}


/* Sidebar */
.widget h4,h2.page-title, h2.category-title {position: relative;margin-top: 0;padding-bottom: 20px;margin-bottom: 20px;font-size: 1.5em;font-weight: 700;color: #404040;width: 100%;}
.widget h4 {font-size: 1.3em;margin-left: 15px;}
.widget h4:after,h2.page-title:after, h2.category-title:after {content: '';position: absolute;width: 30px;background-color: #005FA6;height: 2px;left: 0;bottom: 0;}
.widget {margin-bottom: 30px;}
.sidebar ul {padding-left: 15px;padding-right: 15px;margin: 0;}
.sidebar ul li {list-style: none;}
.sidebar ul li a {padding: 3px 15px;display: block;margin-left: -15px;margin-right: -15px;color: #404040;}
.sidebar li.current a {background-color: #005FA6;margin-left: -15px;margin-right: -15px;color: #FFFFFF;}
.sidebar ul li a:hover {background-color: #005FA6;color: #FFFFFF;text-decoration: none;transition-property: all;transition-duration: 0.2s;transition-timing-function: linear;}

/* Responsive */
@media screen and (max-width:462px) {
    .top {text-align: center;}.top ul.list-inline{float: none !important;text-align: center;}
    .hero_content {padding: 80px 0;}
    .hero_content h1 {font-size: 2.7em;}
    .hero_content h2 {width: 90%;font-size: 1.8em;}
    /*.boxes_area .row {margin-left: -20px;margin-right: -20px;}*/
    .boxes_area .box p {margin-bottom: 30px;}
    .services .media .media-left {padding-right: 15px;}
    
    .category-content .media-body {float: left;position: relative;width: 100%;}
    .category-content .media-body h3 {margin-top: 20px;}
    .category-main .meta {position: relative;width: 100%;}
    .category-main .meta .pull-left {margin-left: 40px;}
    .category-main .meta .pull-right {display: none;}
    
    .sidebar {margin-top: 40px;}
    .navbar-form {display: none;}
    .top {font-size: 1em;}
}
@media (min-width:463px) and (max-width:768px) {
    .fbox {float: left;}
    .fbox:nth-child(3) {float: right !important;}
    .top {font-size: 1em;}
  }


.page { background-color: #f6f6ee; color: #312e29;}

/* Event Bar */
.eventbar { background-color: #fff; margin-top: 3px; padding-left: 35px; padding-right: 35px; }
.monthbar { background-color: #4e4a47; font-size: 1.5em; color: #fff;}
.monthbar div.pull-right {text-align: right;}
.monthbar .glyphicon { background-color: #aaa9a7; border-radius: 50%; padding: 4px 2px 1px 1px; transition: transform 0.3s; }
.monthbar .toleft .glyphicon { float: left; margin-top: 4px; margin-right: 5px; }
.monthbar .toright .glyphicon { float: right; margin-top: 4px; margin-left: 5px; }
.monthbar span.glyphicon:hover { transform: scale(1.1); cursor: pointer; }
.daybar { padding-top: 1em; font-weight: bold; overflow: hidden; }
.daybar div.col-sm-12 {padding: 0px;}
.daybar ul { margin: 0px; padding: 0px; white-space: nowrap; transition: 1s;}
.daybar li { display: inline-block; text-align: center; color: #312e29; font-size: 1em; padding: 0px 0.12em 2em 0.12em }
.eventbar-day-number { background-color: #aaa9a7; border-radius: 50%; padding-top: 0.1em;width: 1.6em; height: 1.6em; color: #fff; display: inline-block}
.eventbar-day-name { display: inline-block; font-weight: normal; }
.daybar li.eventbar-0 span.eventbar-day-number { background-color: #e19e98;}
.daybar li.eventbar-0 span.eventbar-day-name { font-weight: bolder; }
.daybar li.have-event span.eventbar-day-number { background-color: #81a4ce;  transition: transform 0.3s; }
.daybar li.eventbar-0.have-event span.eventbar-day-number { background-color: #d2a4ce;}
.daybar li.have-event:hover span.eventbar-day-number { transform: scale(1.2); }

/* Event Bar END */

.topevents div { background-color: #fff; padding-l}
.topevents img { width:100%; }
.topevents div.row { padding: 0px 5px;}
.topevents h2 { position:absolute; font-size: 1.3vw; font-weight: bold; color: #fff; margin-top: -5em; padding: 2px 15px; background-color: rgba(0, 0, 0, 0.5);}
.topevents h3 { position:absolute; font-size: 1vw; font-weight: bold; color: #fff; margin-top: -4.5em; padding: 2px 15px; background-color: rgba(0, 0, 0, 0.5);}
.nextvents h1 { color: #000; text-transform: uppercase; font-size: 40px; margin-bottom: 1em; }
.nextvents h2 { color: #000; font-size: 1.5em; text-align: center; }
.nextvents h3 { color: #a09881; font-size: 1.3em; text-align: center; }
section.nextvents {margin-bottom: 4em;}

div.eventlist { text-align: center; }
div.eventlist h2 { color: #000; font-size: 1.5em; text-align: center; width: 90%; height: 2em; }
div.eventlist h3 { color: #a09881; font-size: 1.3em; text-align: center; width: 90%; }
div.eventlist > div { padding-bottom: 3em;}
.banners ul { display: table; margin: 15px  auto; }
.banners li { display: inline-block; /*max-width: 80px; max-height: 88px;*/ }
.banners img { max-width: 100%; width: auto; height: auto; }


.site-header .main-navbar-nav > li > a { padding:3px 6px; }
div.top { background-color: #312e29;}
div.top .navbar { min-height: 25px;}
.navbar-brand {margin-top: 5px; margin-bottom: 5px; }
#bs-navbar-collapse {margin-left: -33px;}

main div.container { background-color: #f6f6ee }

section.title-area {background-color: #8c8c8c; min-height: 80px;}
section.title-area h1 {color: #fff; font-size: 1.5em; margin-top: 20px; margin-bottom: 0px; }
section.title-area h2 {color: #fff; font-size: 0.9em; margin-top: 5px; margin-bottom: 0px; }
section.title-area h3 {color: #fff; font-size: 0.9em; margin-top: 3px; margin-bottom: 0px; }
section.title-area div.container { background-color: transparent;}

section.page {font-family: 'Akzidenz-Grotesk Next', sans-serif; font-size: 16px; line-height: 1.2em; font-weight: normal; font-style: normal;}
section.page .images img { max-width: 340px; max-height: 215px; margin: auto; }
section.page .images p { text-align: center; }
section.page .row { margin-top: 1em; }

.content-image > p { text-align: center; width: 340px; color: #fff; background-color: #808080; }
.content-image { margin: 15px; text-align: center}
.content-image > img {margin: 0 auto;}
.content-image > a > img {margin: 0 auto;}

.carousel-inner { background-color: #b7b8b3;}
.carousel-inner > .item > img { margin: 0 auto;  max-height: 400px; }
@media (max-height: 400px) {
    .carousel-inner > .item > img { max-height: 200px; }
}

/* centered columns styles */
.row-centered {
    text-align:center;
}

[class*="col-centered-"] {
    display: block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

/* Default BS breakpoints */
@media (min-width: 768px) {
  .col-centered-sm {
    display: inline-block
  }
}

@media (min-width: 992px) {
  .col-centered-md {
    display: inline-block
  }
}

@media (min-width: 1200px) {
  .col-centered-lg {
    display: inline-block
  }
}
a[href=""]:hover { text-decoration: none; }
.navbar-toggle {float: left;}

.site-footer a { color: inherit; }
.site-footer a:hover { color: inherit; text-decoration: inherit; }
.navbar-toggle { margin:0; padding:0 5px;}
@media screen and (max-width: 992px) {
div.top .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: transparent; }
div.top .main-navbar-nav li > .dropdown-menu > li > a:hover, 
div.top .main-navbar-nav li > .dropdown-menu > li > a:focus,
div.top .main-navbar-nav li > .dropdown-menu > li > a {color: #fff; background-color: #000;}
}

.navbar-sub {margin: 40px 2px 15px 2px; font-size: 16px;}
.navbar-sub ul.navbar-nav > li > a {padding-top: 2px; padding-bottom: 2px}

ul.titlenav { display: flex; justify-content: flex-end; margin: 0;}
ul.titlenav > li { border-left: 2px solid #fff; float: left; padding:0; height: 80px; list-style: none;}
ul.titlenav > li a {color: #fff; font-size: 1.5em; display: flex; align-items: center; height: 100%; width: auto; line-height: 1em;}
ul.titlenav > li a:hover,
ul.titlenav > li a:focus { text-decoration: none; background-color: #000; }
ul.titlenav > li:last-child { border-right: 2px solid #fff; }
ul.titlenav > li a > span {padding: 1vw;}

.title-area div.row div.vertical-center { height: 80px; }
.title-area div.row div.vertical-center > .container { display: flex; align-items: center; float: none; height: 100%; width: auto; }
.title-area div.row div.vertical-center > .container h1 { margin: 0;}

.readmore {text-align: left; text-decoration: none;}
.articleblocks { margin-bottom: 4em; margin-left: auto; margin-right: auto; max-width: 340px}
.articleblocks a, .articleblocks h1, .articleblocks h2,
.articleblocks h3, .articleblocks h4, .articleblocks h5,
.articleblocks p {text-decoration: none; margin:2px;}
.articleblocks article {display: block;}

div.noimage340 { width: 100%; height: 240px; background-color: #333; color: #000; border: 1px solid #000; text-align: center; font-size: 4em; }
div.noimage340:after {content: "?";}

@media (max-width: 770px) {
  .monthbar { font-size: 4vw;}
  .monthbar .title { font-size: 7vw;}
  .topevents h2 { position:absolute; font-size: 4vw; margin-top: -5em;}
  .topevents h3 { position:absolute; font-size: 3vw; margin-top: -4.5em;}
  ul.titlenav { display: block; justify-content: none;}
  ul.titlenav > li { display: block; float: none; list-style: circle; height: auto; text-align: right;}
  ul.titlenav > li a { display: inline; font-size: 1.2em;}
  ul.titlenav > li:last-child,
  ul.titlenav > li { border: none;}
}

.category-content h4.panel-title a,
.category-content h4.panel-title a:hover
{ color: #e15d36; text-decoration: inherit;}
.category-content div.panel-footer a > span.glyphicon {background-color: #aaa9a7; border-radius: 50%; padding: 4px 2px 1px 1px; transition: transform 0.3s; color: #000; font-size: 2em; font-weight: normal;}
.category-content .panel-default > .panel-heading {border: none; border-bottom: 1px solid #aaa9a7;  background-color: transparent;}
.category-content .panel-group .panel {border: none; background-color: transparent;}
.category-content .panel-footer { border: none; border-bottom: 1px solid #aaa9a7;  background-color: transparent;}

.panel-heading .accordion-toggle:after { font-family: 'Glyphicons Halflings'; content: "\e114"; float: right;color: grey;}
.panel-heading .accordion-toggle.collapsed:after {content: "\e080";}

.box {background-color: #b7b8b3; padding: 15px; margin-right: -15px; color: #000 !important;}
.box a, .box a :hover {color: #000 !important;}
.box:nth-child(odd) {background-color: #7f7f7f; color: #fff !important;}
.box:nth-child(odd) a, .box:nth-child(odd) a :hover {color: #fff !important;}
.box:nth-child(odd) h1, .box:nth-child(odd) h2, .box:nth-child(odd) h3, .box:nth-child(odd) h4, 
.box:nth-child(odd) h5, .box:nth-child(odd) h6 {color: #fff !important;}

/*
.popover-content {margin: 0; padding: 0; }
.popover-content h2 { background: #808080; font-size: 16px; color: #fff;}
.popover-content h1 { background: #fff; font-size: 18px; color: #000;}
div.popover {border: none; margin:0; padding:0; border-radius: 0; }
.popover div.arrow {display: none; }
.popover .glyphicon { padding: 0 1em; background-color: #aaa9a7; border-radius: 50%; padding: 4px 2px 1px 1px; transition: transform 0.3s;}
.popover a:hover { text-decoration: none; }
*/

.popover.bottom { margin-top: -35px;}
.popover-content h2 { background: #808080; font-size: 1.3em; color: #fff; margin: 0 -15px; padding: 15px;}
.popover-content h1 { background: #fff; font-size: 1.5em; color: #000; }

div.quote {text-align: right;}
div.quote > blockquote:before {content: ",,"; float: left;color: grey; font-size: 4em; transform: rotate(180deg);}
div.quote > blockquote {text-align: left;}

form.navbar-form, .navbar-form .input-group > .form-control {font-size: 0.9em; margin: 0px; padding: 0px 2px; height: 25px; }
form.navbar-form .btn { font-size: 8px;}
img.inlinepicture {margin: 1em; max-width: 50%;}
@media screen and (max-width:768px) {
  img.inlinepicture {margin: auto; width: 95%; float:none !important; max-width: none;}
}  
@media screen and (min-width:462px) {
  div.top {position: fixed; width: 100%; z-index: 100;}
  div.logoline {padding-top: 30px}
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#bs-navbar-collapse {
  margin: 0; padding: 0;
}