strong, b { font-weight: 1000; }
pre { background-color: #ccc; padding:10px; }

.mapy, .virtualtour { width:100%; height:300px; touch-action: none; }
/*
.leaflet-control-attribution {
    display: none !important;
}
    */
.custom-tooltip {
    background-color: white;
    color: black;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
}

.vr-path { overflow: auto; height: 1.5em; white-space: nowrap;}

.menu-button, .nearby { font-size:14px; }

.nav-item-icon a:link, .nav-item-icon a:visited { color:white; }
.icon-cz { background-image:url('/assets/images/cz.png'); background-position:center center; width:21px; height:12px; display:inline-block; }
.block h2 { margin-top:1em; }
.block { margin-bottom:4em; }
.breadcrumb--style-tb, .breadcrumb { background-color:none; text-transform:none; }

a.btn-active:link, a.btn-active:visited { color:black; }

.sidebar--style-3 {
  background:none;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  padding: 2rem;
}

.heading-borders { border-bottom:1px solid #ccc; }

.btn-styled {
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  padding: 0.75rem 1rem;
}

.content h3 a:link, .content h3 a:visited { color:black; font-size:1em; }
.h1-vr { font-size:20px; line-height: 20px; font-weight: bold; }

.logo { width: 34px; position:relative; margin-top:-5px; margin-right:5px; }
.navbar-brand { color:white; position:relative; margin-top:8px; }
.navbar-brand:hover { color:white; }
.logo-green { color:rgba(114,221,247,1); }
.home-h1 { text-align: center; font-size:32px; }
.home-h2 { text-align: center; font-size:22px !important; font-weight:lighter !important; }
.logo-wired { width: 40px; position:relative; margin-top:-5px; }
.pano-static { background-position:center; background-repeat:repeat; height:300px; }

@media only screen and (max-width: 992px) {
  .logo { width:30px; margin-left:-5px; }
  .navbar-brand { margin-top:2px; margin-left:-10px; }
  .dropdown-item-h { color:white; }
  .home-h1 { font-size:24px; }
  .home-h2 { display: none; }
}

.nav-link, .nav-item { padding-right:6px !important;  }
.nav-item i { padding:0px; margin:0px; }
.dropdown-kategorie { width:250px; }
.h1-kategorie { font-size:24px; }

/* THUMBS */

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {

width:100%;
height:78px;
overflow:hidden;
opacity:1;
background-color:rgba(0,0,0,0.5);
}

.hovereffect img {
width:100%;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect span {
position:absolute;
z-index: 1;
}

.hovereffect span.badge-right  {
right:0;
}

.hovereffect h2 {
color:#fff;
text-align:center;
position:relative;
font-size:0.9em;
background:rgba(0,0,0,0.5);
padding:12px;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover h2, .hovereffect:hover span {
opacity:1;
background-color:rgba(89,14,181,1);
}

/* modal share */

.modal {
    top: 20%
}

.btn-close {
    box-shadow: none;
    border: none;
    outline: none
}

.modal-body .icons {
    margin: 15px 0px 20px 0px
}

.modal-body .icons a {
    text-decoration: none;
    border: 1px solid transparent;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 20px;
    transition: all 0.3s ease-in-out
}

.modal-body .icons a:nth-child(1) {
    color: #1877F2;
    border-color: #B7D4FB
}

.modal-body .icons a:nth-child(1):hover {
    background-color: #1877F2;
    color: #fff
}

.modal-body .icons a:nth-child(2) {
    color: #46C1F6;
    border-color: #b6e7fc
}

.modal-body .icons a:nth-child(2):hover {
    background-color: #46C1F6;
    color: #fff
}

.modal-body .icons a:nth-child(3) {
    color: #e1306c;
    border-color: #f5bccf
}

.modal-body .icons a:nth-child(3):hover {
    background-color: #e1306c;
    color: #fff
}

.modal-body .icons a:nth-child(4) {
    color: #25d366;
    border-color: #bef4d2
}

.modal-body .icons a:nth-child(4):hover {
    background-color: #25d366;
    color: #fff
}

.modal-body .icons a:nth-child(5) {
    color: #0088cc;
    border-color: #b3e6ff
}

.modal-body .icons a:nth-child(5):hover {
    background-color: #0088cc;
    color: #fff
}

.modal-body .icons a:hover {
    border-color: transparent
}

.modal-body .icons a span {
    transition: all 0.09s ease-in-out
}

.modal-body .icons a:hover span {
    transform: scaleX(1.1)
}

.modal-body .field {
    margin: 15px 0px -5px 0px;
    height: 45px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    padding: 0 5px
}

.modal-body .field.active {
    border-color: #7d2ae8
}

.field span {
    width: 50px;
    font-size: 1.1rem
}

.field.active span {
    color: #7d2ae8
}

.field input {
    border: none;
    outline: none;
    font-size: 0.89rem;
    width: 100%;
    height: 100%
}

.field button {
    padding: 5px 16px;
    color: #fff;
    background: #7d2ae8;
    border: 2px solid transparent;
    border-radius: 5px;
    font-weight: 500
}

@media (max-width: 330px) {
    .modal-body .icons a {
        margin-right: 15px;
        width: 35px;
        height: 35px
    }
}