@font-face {
    font-family: 'BourbonSt';
    src: url('../fonts/BourbonSt-Regular.eot');
    src: url('../fonts/BourbonSt-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BourbonSt-Regular.woff2') format('woff2'),
        url('../fonts/BourbonSt-Regular.woff') format('woff'),
        url('../fonts/BourbonSt-Regular.ttf') format('truetype'),
        url('../fonts/BourbonSt-Regular.svg#BourbonSt-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue Medium';
    src: url('../fonts/otf/TT-Firs-Neue-Medium.otf');
    src: url('../fonts/otf/TT-Firs-Neue-Medium.otf?#iefix') format('embedded-opentype'),
        url('../fonts/woff2/TT_Firs_Neue_Medium.woff2') format('woff2'),
        url('../fonts/woff/TT_Firs_Neue_Medium.woff') format('woff'),
        url('../fonts/ttf/TT-Firs-Neue-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@media (min-width:1700px){
    .container {max-width:1650px; }
}
@media (min-width:1900px){
    .container {max-width:1850px;  }
}
@media (min-width:2400px){
    .container {max-width:2350px;  }
}

body {font-family: 'TT Firs Neue Medium','Arial', 'Helvetica', sans-serif;  margin:0; padding:0; }
html {scroll-behavior:smooth; }
a span { text-decoration:none !important;}
p { line-height:2em;}
h1, h2, h3, h4, h5 {  font-family: BourbonSt; }

.bgred { background:#481220;}
.bgdark { background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); -webkit-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear;}
.subpage .bgdark { background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); }
.bgvila1 { background:url('../img/vila-grossmann-zvenku2.jpg') no-repeat center center;  background-size:cover; min-height:1080px;}
.bgvila2 { background:#a5856a url('../img/bg_vila_nacrt1.png') no-repeat left bottom; }
.bgvila3 { background:#a5856a url('../img/villa-grossmann-zevnitr1') no-repeat right top; min-height:1080px;}
.routa img { height:100px;}

#carousel2 {display:none; }
#galerie2 { display:none; }

.carousel-item {transition:transform 1s ease,opacity .5s ease-out; position:relative !important; }
.black-overlay { position:absolute; top:0px; left:0px; height:100%; width:100%; background:rgba(0,0,0,0.2); }
.carousel-item img { width:850px; max-width:100%; }
.carousel-caption { top: 65%; transform: translateY(-65%); }

.btn { border:0; padding:10px 20px 10px 20px; border-radius:0; font-weight:bold;}
.btn-primary { background:#a5856a; color:#fff !important; text-decoration:none !important}
.btn-primary:hover { background:#000; color:#fff;}
.btn-secondary { background:#481220; }
.btn-secondary span { padding-left:10px;}
.btn-secondary.big { padding:12px 34px 12px 34px; }
.btn-third { color:#E1D5C1 !important;}
.btn-four { color:#481220 !important}
.btn-five { color:#481220 !important; text-decoration:underline;}

.navbar {height:120px;}
.navbar .sub1 { color:#fff; font-size:1.3em;}
.navbar .lng { color:#fff; text-decoration:none;  padding:4px; font-size:0.8em;}
.navbar .lng:hover { text-decoration:underline; }
.navbar .lng.active { font-weight:bold; text-decoration:underline; }
.navbar .lngp { padding-top:32px;}
.navbar .soc { margin-top:16px; display:inline-block; width:30px;}

.main-menu{width:100%; height:100%; opacity:0; visibility:hidden;}
.nav-open .main-menu{opacity:1; visibility:visible; background:rgba(72,18,32,0.95); }
.main-menu .nav li a{ color:#E1D5C1; font-size:22px; font-weight:700; font-family: 'TT Firs Neue Medium'; font-weight:400; text-transform:uppercase;}
.main-menu .nav li a.sl img { width:400px; max-width:100%;}
.main-menu .nav li{opacity:0;    -webkit-transform:translateY(-40px);    transform:translateY(-40px);    -webkit-animation-timing-function:cubic-bezier(.45,.005,0,1);    -moz-animation-timing-function:cubic-bezier(.45,.005,0,1);    -o-animation-timing-function:cubic-bezier(.45,.005,0,1);    animation-timing-function:cubic-bezier(.45,.005,0,1);}
.main-menu .nav li a:hover { color:#A5856A; text-decoration:underline; }

.nav-open .main-menu .nav li{opacity:1;    -webkit-transform:translateY(0px);    transform:translateY(0px);    -webkit-transition:-webkit-transform .2s, opacity .2s;    transition:transform .2s, opacity .2s;}
.main-menu .nav li.delay-1{-webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -ms-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s; }
.main-menu .nav li.delay-2{-webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -ms-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s; }
.main-menu .nav li.delay-3{-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -ms-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; }
.main-menu .nav li.delay-4{-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; }
.main-menu .nav li.delay-5{-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -ms-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; }
.main-menu .nav li.delay-6{-webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -ms-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s; }
.main-menu .nav li.delay-7{-webkit-transition-delay:0.7s; -moz-transition-delay:0.7s; -ms-transition-delay:0.7s; -o-transition-delay:0.7s; transition-delay:0.7s; }
.main-menu .nav li.delay-8{-webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -ms-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s; }
.main-menu .nav li.delay-9{-webkit-transition-delay:0.9s; -moz-transition-delay:0.9s; -ms-transition-delay:0.9s; -o-transition-delay:0.9s; transition-delay:0.9s; }
.main-menu .nav li.delay-10{-webkit-transition-delay:1.0s; -moz-transition-delay:1.0s; -ms-transition-delay:1.0s; -o-transition-delay:1.0s; transition-delay:1.0s; }
.main-menu .nav li.delay-11{-webkit-transition-delay:1.1s; -moz-transition-delay:1.1s; -ms-transition-delay:1.1s; -o-transition-delay:1.1s; transition-delay:1.1s; }
.main-menu .nav li.delay-12{-webkit-transition-delay:1.2s; -moz-transition-delay:1.2s; -ms-transition-delay:1.2s; -o-transition-delay:1.2s; transition-delay:1.2s; }
.main-menu .nav li.menulng { display:none;}

.nav-button{position:relative; z-index:1111; height:48px; display:block; width:50px; padding:13px; background:#000;}
.nav-button #nav-icon {width:24px;height:22px;display:inline-block;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
.nav-button #nav-icon span{display:block;position:absolute;height:2px;width:100%;background:#FFFFFF;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.nav-button #nav-icon span:nth-child(1){top:0}
.nav-button #nav-icon span:nth-child(2), #nav-icon span:nth-child(3){top:10px}
.nav-button #nav-icon span:nth-child(4){top:20px}
.nav-open #nav-icon span:nth-child(1){top:9px;width:0;left:50%}
.nav-open #nav-icon span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.nav-open #nav-icon span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-open #nav-icon span:nth-child(4){top:9px;width:0;left:50%}

.flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%}
.nav-link{display:block;    padding:.3rem 1rem;}
.carousel-control-next,.carousel-control-prev{width:5%;}

#open { background:url('../img/bg1.jpg') no-repeat center center; background-size:cover; }
#open h2 { font-size:6em; color:#481220;}
#open h3 { color:#481220; font-size:3em; line-height:1;}
#open h4 { color:#815B3B; font-size:1.2em; font-weight:400; font-family: 'TT Firs Neue Medium'; margin-bottom:0;}
#open p { color:#481220; font-size:1.3em; line-height:1.3 }
#open p span { font-size:0.7em; color:#815B3B }
#open p small { color: #815B3B; font-size:0.7em;}

#o-vile { color:#E1D5C1; line-height:2.0;}
#o-vile h2 { font-size:6em; color:#fff; line-height:1.0}
#o-vile .padovile { padding:10em;}
#o-vile p { font-size:1.1em;}

#galerie {/*background:#481220*/ background:#fff;}
#galerie h2 { font-size:6em; color:#481220;}

#galerie2 {background:#481220; padding-top:2em; padding-bottom:6em;}
#galerie2 h2 { font-size:6em; color:#fff;}

#akce .padakce1 { padding-top:23em; padding-left:10em; padding-right:10em;}
#akce .padakce2 { padding-top:13em; padding-left:6em; padding-right:10em; }
#akce h2 { font-size:6em; color:#fff;}
#akce .akceitemsmall { color:#E1D5C1;}
#akce .akceitemsmall .im { min-height:311px; background-size:cover; background-repeat:no-repeat}
#akce h3 { font-size:3em; color:#A5856A;}

#news {background:#fff; padding-top:5em; padding-bottom:6em;}
.subpage #news { background:unset; padding-top:0; padding-bottom:0em;}
#news h2 { font-size:6em; color:#481220;}
#news h3 { color:#E1D5C1; font-size:1.2em;}
#news h4 a { color:#fff; font-size:1.8em; text-decoration:none; }
#news h4 a:hover { color:#E1D5C1; font-size:1.8em; text-decoration:underline; }
#news p { color:#E1D5C1;}
#news .im { min-height:325px; background-size:cover; background-repeat:no-repeat; border-right: 10px solid #fff; background-position:center}
.subpage #news .im { border-right:1px solid #fff;}
#news p { margin-bottom:0;}
#news p.link a { color:#fff; text-decoration:none;}
#news .lnk { width:100%;height:100%; display:block;}
#news p.nonews { color:#481220;}

#hlavni { padding-top:12em; padding-bottom:8em; background:url('../img/bg_main1.jpg') center center; color:#481220}
#hlavni .text a{text-decoration:underline;  color:#000;}
#hlavni .text a:hover{color:#005597;}
#hlavni p a{text-decoration:underline;  color:#000;}
#hlavni2 { padding-top:12em; padding-bottom:12em; background:url('../img/bg_main2.jpg') center center; color:#E1D5C1}
#hlavni3 { padding-top:12em; padding-bottom:12em; background:url('../img/bg_main3.jpg') center center; color:#fff}
#hlavni4 { padding-top:12em; padding-bottom:12em; background:url('../img/bg_main4.jpg') center center; color:#E1D5C1}
#hlavni5 { padding-top:12em; padding-bottom:12em; background:url('../img/bg_main5.jpg') center center; color:#fff}
#hlavni h1 { text-transform:uppercase; }
#hlavni h2, #hlavni2 h2, #hlavni3 h2, #hlavni4 h2, #hlavni5 h2 { font-size:5em; text-transform:uppercase; padding-bottom:0.5em}
#hlavni p a:hover {color:#005597;}
#hlavni h1 {font-size:6em;  font-weight:700; padding-bottom:0.5em; color:#481220}
#hlavni .likeh1 {font-size:3em;  font-weight:700;}

#hlavni img{max-width:100%;}
#hlavni img:hover{transition-property:transform;    -webkit-transition-duration:.5s;    -moz-transition-duration:.5s;    -o-transition-duration:.5s;    transition-duration:.5s;    -webkit-transition-timing-function:ease;    transition-timing-function:ease;    transform:scale(1.02);}


.clear{clear:both;}

#hlavni .text .submenu{margin-bottom:2em; text-align:center}
#hlavni .text .submenu:hover h3{background:#333;}
#hlavni .text .submenu h3{background:#000;  padding:10px;  color:#fff;  margin:0;  font-size:1.2em;  font-weight:700;}
#hlavni .text .submenu h3 a{color:#fff;  text-decoration:none;}
#hlavni .text .submenu  h3 a:hover{text-decoration:none;}
#hlavni .text .submenu  img{max-width:100%;  -webkit-transition-property:transform;  -moz-transition-property:transform;  -o-transition-property:transform;  transition-property:transform;  -webkit-transition-duration:.5s;  -moz-transition-duration:.5s;  -o-transition-duration:.5s;  transition-duration:.5s;  -webkit-transition-timing-function:ease;  -moz-transition-timing-function:ease;  -o-transition-timing-function:ease;  transition-timing-function:ease; }
#hlavni .text .submenu  .photo{max-height:150px;    overflow:hidden;}
#hlavni .text .submenu:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s; }
#hlavni img { max-width:100%;}

#partneri{max-width:100%;    background-repeat:no-repeat;  padding-top:15em;  padding-bottom:10em;  background-size:100%;}
#partneri img{max-width:100%;}
#partneri img:hover{transition-property:transform;    -webkit-transition-duration:.5s;    -moz-transition-duration:.5s;    -o-transition-duration:.5s;    transition-duration:.5s;    -webkit-transition-timing-function:ease;    transition-timing-function:ease;    transform:scale(1.05);}

#footer {background:#481220;  color:#fff;  padding-top:5em;  padding-bottom:4em;}
#footer .submenu {     font-family: 'BourbonSt'; font-size:1.5em;}
#footer .submenu ul { margin:0; padding:0; list-style-type:none; border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2);  }
#footer .submenu ul li { display:inline-block; padding-left:1.5em; padding-right:1.5em; padding-top:0.5em; padding-bottom:0.5em;}
#footer .submenu ul li a { display:inline-block; color:#E1D5C1; text-transform:uppercase; text-decoration:none; }
#footer .submenu ul li a:hover { color:#fff; text-decoration:underline;}
#footer p { color:#E1D5C1; line-height:1.5}
#footer p.adresa { font-size:1.4em; color:#fff;}
#footer p a{color:#fff;  text-decoration:underline;}
#footer p strong{font-weight:700;  font-size:1.3em}
#footer h3 { color:#a5865a}
#footer img { max-width:100%;}
#footer img.foo { width:400px; max-width:100%;}
#footer .soc { width:30px;display: inline-block;}



   
.cleaner{clear:both;}

.download {padding-left:40px;  margin-bottom:4em;}
.download ul {list-style-type:none;}
.download ul li {color:#888;}
.download ul li a { color:#481220;}

.download h3{font-weight:700;}

.form-control{border-radius:0;}
.marg1{margin-bottom:1em;}
.grid{background:#EEE;  overflow:hidden;}
.grid:after{content:'';  display:block;  clear:both;}
.grid-sizer, .grid-item{width:25%; height:auto }
}
.grid-item img{height:auto;  width:100%;}
span.stitek{position:absolute;  background:red;  color:#fff;  padding:10px;  left:15px;  top:0;  z-index:1000;  font-size:1.5em;}
.akceitemuvod span.stitek { top:40px;}
.list-carousel__item .container{position:absolute;    bottom:6.25rem;    left:50%;    margin-left:-35.625rem;}
.list-carousel__item__table{display:table;    max-width:35.3125rem;}
.list-carousel__item__table__cell{display:table-cell;vertical-align:bottom;padding-left:3.75rem}
.list-carousel__item__title{font-size:2.6875rem;line-height:2.9375rem;padding-bottom:1.25rem;padding-top:0.3125rem;color:#fff;font-weight:700}
.dark .list-carousel__item__title{color:#000;   background:rgba(255,255,255,0.7) none repeat scroll 0 0;   padding-bottom:0.3125rem;margin-bottom:0.625rem;padding-left:0.3125rem;padding-right:0.3125rem;}

@media ( max-width:1920px) {
    #news .im { min-height:415px; }
}

@media (max-width:1396px){
   .bgvila1 { min-height:800px;}
    .bgvila3 { min-height:800px;background-size:cover;}
}

@media (max-width:1024px){
  #o-vile .padovile {
      padding:2em;
  }
  #akce .padakce1 {
  padding-top: 4em;
  padding-left: 2em;
  padding-right: 2em;
}
#akce .padakce2 {
  padding-top: 4em;
  padding-left: 2em;
  padding-right: 2em;
}

      .bgvila1 { min-height:500px;}
      .bgvila3 { min-height:500px;background-size:cover;}

}

@media (max-width:992px){
    #galerie {display:none !important;}
    #galerie2 {display:block !important;  }
}

@media (max-width:800px){
    #carousel1{display:none !important;}
    #carousel2{display:block !important;  }
}

@media (max-width:768px){
    
    .navbar .lngp { display:none; }
}

@media (max-width:640px){
      .sub2 { display:none !important;}
      .main-menu .nav li.menulng { display:block;}
      .bgvila1 { min-height:500px;}
      .bgvila3 { min-height:500px;background-size:cover;}
}

@media (max-width:576px){
    #open h2 { font-size:4em;}
    #open h3 { font-size:2.5em;}
    #o-vile h2 { font-size:4em;}
    #akce h2 { font-size:4em;}
    #news h2 { font-size:4em;}
    #galerie h2 { font-size:4em;}
    #galerie2 h2 { font-size:4em;}
    #hlavni h1 { font-size:4em;}
    #hlavni h2 { font-size:3em;}
}

.fright { float:right}


#all {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}


#all img {
  width: 100%;
}

#allcontent {
  margin: 50px auto 0 auto;
  width: 100%;
  max-width: 1200px;
  height: 800px;
  position: relative;
  animation: comein 1.5s ease-in-out;
}

.portfolio {
  width: 100%;
  max-width: 1000px;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.2s;
  cursor: pointer;
  box-shadow: -5px 0 5px rgba(0, 0, 0, 0.3);
  
}

.portfolio:nth-child(1) {
  left: 0px;
}

.portfolio:nth-child(1):hover {
  left: 0px;
  transform: rotate(+3deg);
}

.portfolio:nth-child(2) {
  left: 5%;
}

.portfolio:nth-child(2):hover {
  left: 6%;
  transform: rotate(+3deg);
}

.portfolio:nth-child(3) {
  left: 10%;
}

.portfolio:nth-child(3):hover {
  left: 11%;
  transform: rotate(+3deg);
}

.portfolio:nth-child(4) {
  left: 15%;
}
.portfolio:nth-child(4):hover {
  left: 16%;
  transform: rotate(+3deg);
}
.portfolio:nth-child(5) {
  left: 20%;
}
.portfolio:nth-child(5):hover {
  left: 21%;
  transform: rotate(+3deg);
}
.portfolio:nth-child(6) {
  left: 25%;
}
.portfolio:nth-child(6):hover {
  left: 26%;
  transform: rotate(+3deg);
}
.portfolio:nth-child(7) {
  left: 30%;
}
.portfolio:nth-child(7):hover {
  left: 31%;
  transform: rotate(+3deg);
}
.portfolio:nth-child(8) {
  left: 35%;
}
.portfolio:nth-child(8):hover {
  left: 36%;
  transform: rotate(+3deg);
}
.portfolio:nth-child(9) {
  left: 40%;
}
.portfolio:nth-child(9):hover {
  left: 41%;
  transform: rotate(+3deg);
}
.portfolio:nth-child(10) {
  left: 45%;
}
.portfolio:nth-child(10):hover {
  left: 46%;
  transform: rotate(+3deg);
}

.opened {
  z-index: 1000;
  left: 0 !important;
  transform: rotate(0deg);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  width: 100%;
  max-width: 1140px;
}

.opened img {
  z-index: 5;
}

.ombra {
  position: absolute;
  bottom: 20px;
  left: 0px;
  width: 90%;
  height: 20px;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  transform: rotate(-2deg);
  display: none;
  z-index: -1;
}

.ombra:after {
  display: block;
  content: "";
  position: absolute;
  bottom: -8px;
  right: -93px;
  width: 90%;
  height: 20px;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  transform: rotate(4deg);
}

#navi {
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin: 0 0 0 -62px;
  background: #000;
  opacity: 0.8;
  color: white;
  height: 24px;
  border-radius: 20px;
  padding: 2px 10px 0 10px;
}

.circle {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 10px;
  background: #efefef;
  border: 1px solid #000;
  margin-right: 6px;
  cursor: pointer;
}

.circle:hover {
  background: white;
  border: 1px solid #ccc;
}

.circle:active,
.activenav,
.activenav:hover {
  background: #666;
  border: 1px solid #333;
}

.activenav {
  cursor: default;
}

.circle:last-child {
  margin-right: 0;
}

#btn-back-to-top {
  position: fixed;
  bottom: 16px;
  right: 16px;
  display: none;
  background:#a5856a;
  padding:5px;
  border-radius:50%;
}
#btn-back-to-top .arrow-up {
    background:url('../img/arrow-up.svg') no-repeat center center;
    width:32px;
    height:32px;
    display:block;
    background-size:100%;
}