:root {
  --site-bg: #17181f;
  --site-clr: #fff;
  --site-font: 'Open Sans', sans-serif;
  --site-clr-title: #fff;
  --site-clr-link: #eb1949;
  --site-clr-link-hvr: #eb1949;
  --site-border-radius: 5px;
  --nav-collapse-top: 51px;
  --nav-bg: #20222b;
  --nav-bg-icon: #eb1949;
  --nav-bg-collapse: #20222b;
  --nav-bg-link: #eb1949;
  --nav-link-clr: #fff;
  --nav-link-size: 18px;
  --nav-border: #ffffff20 1px solid;
  --nav-box-shaddow: none;
  --nav-text-align: left;
  --nav-padding-left: 5px;
  --nav-logo-clr-1: #fff;
  --nav-logo-clr-2: #eb1949;
  --nav-logo-letter-spacing: -1px;
  --list-bg: #20222b;
  --list-title-clr: #fff;
  --list-title-size: 20px;
  --list-tel-size: 24px;
  --list-clr-text: #eb1949;
  --list-border: none;
  --rp-bg: #50de4c;
  --rp-clr: #111;
  --btn-bg: #eb1949;
  --btn-bg-hvr: #eb1949;
  --btn-clr: #fff;
  --btn-box-shaddow: none;
  --btn-border: none;
  --phone-text-prefix: 'tel.';
  --btn-wa-bg: #50de4c;
  --btn-wa-clr: #111;
  --btn-wa-border: 5px;
  --footer-border: 5px solid #eb1949;
  --footer-bg: #20222b;
  --totop-bg: #20222b;
  --modal-bg: #20222b;
  --modal-border: 1px solid hsla(0, 0%, 100%, .2)
}
/*
* {
  box-sizing: border-box;
  position: relative
}
*/

html, body {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
}

body {
  margin: 0 auto;
  padding: 60px 5px 0;
  max-width: 1500px;
  background: var(--site-bg);
  color: var(--site-clr);
  font-size: 16px;
  font-family: var(--site-font)
}


a {
  color: var(--site-clr-link);
  text-decoration: none
}
header a {
  color: var(--site-clr-link);
  text-decoration: underline;
}
header { text-align: center; margin-top: 60px; }

a:hover {
  color: var(--site-clr-link-hvr)
}

h1 {
  line-height: 1.2;
  color: var(--site-clr-title)
}

ol, ul {
  list-style: none
}
.content ol, ul {
  list-style: disc;
}

.clear { clear: both; }


#prvysptsk { display: none; }
.inzercia { padding-bottom: 2px; }

/* zobrazi se pouze v desktop */
@media only screen and (min-width:900px) {
  #prvysptsk {
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
  }
  .inzercia { padding: 1px; max-width: 600px; }
  .buttontel { font-size: 43px !important;}

}


.site-width {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto
}

.main-menu {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1010;
  width: 100%;
  height: 80px;
  background: var(--nav-bg);
  border-bottom: var(--nav-border);
  box-shadow: var(--nav-box-shaddow)
}

.main-menu-container {
  margin: 0 auto;
  max-width: 1280px;
  text-align: var(--nav-text-align);
  padding-left: var(--nav-padding-left);
  text-align: center
}

#logo h1 {
  font-size: 50px;
  font-family: 'Kaushan Script', 'Open Sans', sans-serif;
  font-weight: 900;
  color: var(--nav-logo-clr-1);
  text-align: center;
  line-height: 48px;
  display: inline-block;
  align-items: center;
  padding-top: 13px;
  margin-top: 0;

  letter-spacing: var(--nav-logo-letter-spacing)
}

#logo span {
  color: var(--nav-logo-clr-2)
}

#toggle-menu {
  display: block;
  color: #fff;
  width: 70px;
  height: 80px;
  background-size: contain;
  /* background: #eb1949; */
  background: none;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  outline: none
}

#toggle-menu span { font-size:36px; font-weight: bold; cursor:pointer }
.odporucame { font-size: 26px; font-weight: bold; color: #ffe000; }
#nadpis h2 { font-size: 30px; margin: 0px 0 10px 0; color: #eb1949; font-weight: normal; }
#nadpis-sms h2 { font-size: 38px; margin: 0px 0 5px 0; color: #eb1949; font-weight: normal; }
.garancia { display: none; }

/* zobrazi se v mobile */
@media only screen and (max-width:600px) {
  #logo h1 {padding-top: 8px; padding-right: 40px; font-size: 40px;}
  .main-menu { height: 70px;  }
  #toggle-menu { width: 56px; height: 70px; }
  #toggle-menu span { font-size:30px; }
  header { margin-top: 30px; }
  #nadpis h2 { font-size: 22px; margin: 40px 0 20px 0;}
  #nadpis-sms { margin-bottom: 15px;}
  #nadpis-sms h2 { font-size: 28px; }
  .garancia { display: block; float: right; width: 120px; margin: -10px 0 10px 0; padding: 0 5px; }

}


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.1s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  color: #fff;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


#active-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  z-index: 999
}

#active-bg.active {
  display: block
}

.breadcrumbs {
  font-size: 14px
}

main header p {
  color: rgba(255, 255, 255, .8)
}

.home h1 {
  margin-bottom: 0
}

.home h2 {
  margin-top: 0;
  line-height: 1
}



.locations-menu {
  padding-right: 0;
  text-align: center
}

.locations-menu li {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 15px
}

.locations-menu li a {
  display: inline-block;
  overflow: hidden;
  padding: 10px 15px;
  font-size: 20px;
  font-weight: 600;
  color: var(--btn-clr);
  border: var(--btn-border);
  border-radius: var(--site-border-radius);
  background: var(--btn-bg)
}

.locations-menu li a:hover {
  background: var(--btn-bg-hvr)
}

.spt-girls {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  padding: 10px 0;
  grid-gap: 5px;
  margin-top: 25px;
  margin-bottom: 25px
}


.spt-girl {
  padding: 0px;
  width: 100%;
  min-width: 0;
  background: var(--list-bg);
  border: var(--list-border);
  border-radius: var(--site-border-radius)
}
.spt-girl div{
  padding: 10px;
}

/* desktop */
@media only screen and (min-width:1200px) {
  .spt-girls {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 5px
  }
}

/* mobile */
@media only screen and (max-width:600px) {
  .spt-girl h4 {
    min-height: 88px
  }
  .spt-girl .zavolaj { font-size: 13px !important; }
  .spt-girl .phone, .spt-girl .phonesms { font-size: 16px !important; }
  .spt-girl p {

  }
}

.more-girls {text-align: center;}


.spt-girl figure {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0
}

.spt-girl figure img {
  object-fit: cover;
  width: 100%
}


.spt-girl .name {
  color: var(--list-title-clr);
  margin-top: 10px;
  margin-bottom: 0;
  font-size: var(--list-title-size);
  line-height: 1;
  font-weight: 600
}
.spt-girl .name a {
  color: #fff;
}

.spt-girl .spt-girl-link {
  display: block;
  text-align: right;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1;
  color: var(--list-clr-text)
}
.spt-girl .spt-girl-posli {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1;
  color: #fff;
}
.spt-girl .zavolaj span {
  font-size: 20px;
  font-weight: bold;
  margin-right: 5px;
}

.spt-girl .desc {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1;
  color: var(--list-clr-text)
}

.spt-girl .phone, .spt-girl .phonesms, .spt-girl .zavolaj {
  display: block;
  margin: 10px 0 auto;
  text-align: center;
  padding: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: var(--site-border-radius);
  z-index: 2
}

.spt-girl .phone, .spt-girl .phonesms {
  font-weight: 600;
  font-size: var(--list-tel-size);
  background: var(--btn-bg);
  color: var(--btn-clr);
  border: var(--btn-border);
  border-radius: var(--site-border-radius)
}

.spt-girl .phone:before {
  content: var(--phone-text-prefix);
  display: block;
  font-weight: 500;
  font-size: 14px
}

.wa-icon {
  background: url(img/whatsapp.svg);
  background-size: 24px;
  background-position: center;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle
}

.spt-girl .zavolaj {
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  background: var(--btn-wa-bg);
  color: var(--btn-wa-clr);
  border: var(--site-border-radius);
  font-family: inherit
}

.spt-girl-profile address {
  display: inline
}

.single video {
  width: 100%;
  height: 100%;
  border: 0;
  max-width: 400px;
  margin: 5px auto 25px auto;
  display: block;
  padding: 15px;
  border-radius: var(--site-border-radius);
  background: linear-gradient(60deg, #c60031 0%, #a40970 100%)
}

.spt-girl-profile .phone, .spt-girl-profile .phonesms, .spt-girl-profile .zavolaj {
  width: 90%;
  display: block;
  text-align: center;
  margin: 10px auto;
  padding: 5px
}

.spt-girl-profile .phone, .spt-girl-profile .phonesms {
  font-size: 36px;
  font-weight: 700;
  background: var(--btn-bg);
  color: var(--btn-clr)
}

.spt-girl-profile>.zavolaj {
  font-size: 28px;
  background: #bfdc7a;
  color: #000;
  border: none
}

.gallery {
  text-align: center
}

.gallery img {
  display: inline-block;
  max-width: 100%
}

.panel {
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  background-color: #1f1531;
  padding: 5px;
  line-height: 1.7
}

footer {
  padding: 15px 10px;
  background: var(--footer-bg);
  border-radius: 10px 10px 0 0;
  margin-top: 70px;
  font-size: 14px;
  text-align: center;
}
footer #odkazy a {
  color: #fff;
  text-decoration: underline;
}

.site-footer-container {
  max-width: 1280px;
  margin: 0 auto
}

#footer-spt-locations {
  padding-right: 0
}

#footer-spt-locations li {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 10px
}

#footer-spt-locations li a {
  font-size: 14px;
  color: #fff
}

#top-page {
  display: block;
  position: fixed;
  bottom: 15px;
  right: 15px;
  opacity: 0;
  width: 50px;
  height: 50px;
  align-items: center;
  text-align: center;
  background: var(--totop-bg);
  cursor: pointer;
  z-index: 3;
  border: none
}

#top-page:before {
  content: ' \02C4';
  display: inline-block;
  color: #fff;
  font: normal normal normal 30px/1 micons
}

#top-page.show {
  opacity: 1;
  visibility: visible
}

#modal-dialog {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  padding-top: 5px;
  z-index: 1090;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, .85)
}

#md-content {
  margin: auto;
  position: relative;
  padding: 0;
  outline: 0;
  top: 15px;
  background: var(--modal-bg)
}

#md-header {
  padding: 10px 5px;
  font-size: 18px;
  text-align: center;
  border-left: var(--modal-border);
  border-top: var(--modal-border);
  border-right: var(--modal-border);
  font-weight: 700;
  border-bottom: var(--modal-border)
}

#md-body {
  position: relative;
  height: 400px;
  overflow-y: scroll;
  border-left: var(--modal-border);
  border-right: var(--modal-border)
}

#md-body-content p {
  margin: 10px
}

#md-body-content dl {
  margin: 0
}

#md-body-content img {
  max-width: 100%;
  height: auto;
  margin: auto;
  display: block
}

#md-footer {
  padding: 0
}

#md-close {
  background: #d33;
  color: #fff;
  text-align: center;
  padding: 16px 0;
  font-size: 26px;
  font-weight: 600;
  cursor: pointer;
  border-left: 1px solid #d33;
  border-right: 1px solid #d33;
  border-bottom: 1px solid #d33
}

#md-close i {
  vertical-align: bottom
}

@media (max-width:991px) {
  #md-content {
    width: 94%
  }
}

@media (min-width:992px) {
  #md-content {
    width: 900px
  }
}




@media (max-width: 879px) {
  img {
      max-width: 100%;
      height: auto;
      box-sizing: border-box;
  }
}
.buttontel {
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  padding: 12px 17px;
  font-size: 33px;
  font-weight: 600;
  color: var(--btn-clr);
  border: var(--btn-border);
  border-radius: var(--site-border-radius);
  background: var(--btn-bg);
}
.buttontel i { margin-right: 15px; }
.redbutton {
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  padding: 12px 17px;
  font-size: 22px;
  font-weight: 600;
  color: var(--btn-clr);
  border: var(--btn-border);
  border-radius: var(--site-border-radius);
  background: var(--btn-bg);
}
.redbutton i { margin-right: 5px; }
.divider { border: #ffffff70 1px dashed; margin-top: 30px; }
.content {padding: 40px 10px 20px 10px;}



.vypis-blog .bt_bb_column_content {
  border: #ffffff20 1px solid;
  height: 500px;
  margin-bottom: 40px;
  max-width: 31%;
  float: left;
  margin: 30px 10px 30px 10px;
}
.vypis-blog .nadpis { padding: 0 10px;}
.vypis-blog .nadpis h2 {  font-size: 20px; line-height: 26px; margin: 10px 0 10px 0; text-align: center; }
.vypis-blog .bt_bb_text { padding: 0 10px;  text-align: center; }
.odkaz-vice-blog {text-decoration: underline;}

@media only screen and (max-width:1000px) {
  .vypis-blog .bt_bb_column_content {
    max-width: 45%;
  }
}

@media only screen and (max-width:600px) {
  .vypis-blog .bt_bb_column_content {
    max-width: 100%;
    margin: 10px 0px 10px 0px;
  }
  .blog img { padding: 0 0 20px 0 !important; }
  .blog .content { padding-top: 10px; }

}

.blog img { float: left; padding: 0 20px 20px 0; }