@font-face{font-family:'HarmoniaSans W01';src:url(../fonts/regular.woff2) format("woff2"),url(../fonts/regular.woff) format("woff")}
@font-face{font-family:'HarmoniaSans W01 Bold';src:url(../fonts/bold.woff2) format("woff2"),url(../fonts/bold.woff) format("woff")}

body {
	font-family: 'Playfair Display', sans-serif;
	font-size:15px;
}

a {color:#030b38; text-decoration:none;}
a:hover { color:#666;text-decoration:none;}

h1 {color:#707070; font-size:32px; font-family: 'Playfair Display', sans-serif;}
h2 {color:#030b38; margin:20px 0px; font-size:24px; font-family: 'Playfair Display', sans-serif;}
h3 {color:#030b38; font-size:18px; font-weight:bold; /*text-decoration: underline; display: table-cell; padding-right:10px;*/ margin-bottom:20px; font-family: 'Playfair Display', sans-serif;}

.gold {color:#a3947d;}

#top {position:absolute; top:0; left:46.5%; z-index:101;}
#meniu {margin-top:50px; background-color:#eee; position:relative; z-index:100;}
#meniu-mob {display:none;}
li.nav-separator {width: 160px; margin:0 1rem}
.navbar {padding: .2rem 1rem;}
.navbar-expand-lg .navbar-nav .nav-link { padding: .3rem 2.5rem; font-size:18px;}
.navbar-dark .navbar-nav .nav-link { color:#fff;}
.carousel { top: -110px;}
.carousel-item img {opacity:0.8; /*height:850px;*/}
.carousel-caption { top:25%; background: linear-gradient(to bottom,/*white 0%*/rgba(255,255,255,0.5) 100%,rgba(255,255,255,0) 100%); background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0))); padding:70px 0px; color:#030b38; font-size:38px; font-weight:bold; margin-bottom:100px;}

section#header { min-height:650px; margin-top:-110px;}
section#header h1 {text-align:center; color:#000; font-size:50px; font-weight:bold; padding-top:450px; font-family: 'Playfair Display', sans-serif;}

#descr {margin-top:-50px; width:63%;}
.hp-leftpic {background-color:#f6f4f2; font-size:17px; font-family: "HarmoniaSans W01",sans-serif; padding:0 3rem;}
.hp-leftpic ul {line-height: 28px;}
.hp-rightpic {background-color:#fff; padding:0 3rem;}
.hp-rightpic p {font-size:17px; font-family: "HarmoniaSans W01",sans-serif;}
a.seemore {color:#a3947d; font-family: 'HarmoniaSans W01', sans-serif; font-size:16px;}
a.tel { font-family: "HarmoniaSans W01 Bold"; font-size: 18px; color: #24262e;}
a.more { font-family: "HarmoniaSans W01"; font-size: 16px; color: #a3947d;}
a.more .arrow {opacity:0.2; -webkit-transition: all 0.4s cubic-bezier(.215,.61,.355,1); 
    transition: all 0.4s cubic-bezier(.215,.61,.355,1); display:inline-block}
a.more:hover .arrow { opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px); transition-duration: 1s; }


.restaurant .row {/* background-color:#f6f4f2;*/  margin-top:20px; padding-bottom:15px;}
.restaurant h2 {font-family: "HarmoniaSans W01 Bold"; font-size: 20px; color: #a3947d;}
.restaurant h3 {font-weight:normal;}
.restaurant p {color: #a3947d;}
.restaurant a.tel {font-size:16px;}

#footer {background-color: #22252c;}

/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
    color: #030b38;
	font-weight:bold;
}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@-webkit-keyframes zoom {
  from { -webkit-transform: scale(1, 1); }
  to { -webkit-transform: scale(1.2, 1.2);  }
}

@keyframes zoom {
  from { transform: scale(1, 1); }
  to { transform: scale(1.2, 1.2);  }
}

.carousel-inner .carousel-item > img { -webkit-animation: zoom 20s; animation: zoom 20s;}


.scroll-down {
	position: absolute;
	left: 50%;
	bottom: 80px;
	display: block;
	text-align: center;
	font-size: 20px;
	z-index: 100;
	text-decoration: none;
	text-shadow: 0;
  width: 23px;
  height: 23px;
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
  z-index: 9;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) rotate(45deg);
  -moz-transform: translate(-50%, 0%) rotate(45deg);
  transform: translate(-50%, 0%) rotate(45deg);
	-webkit-animation: fade_move_down 4s ease-in-out infinite;
	-moz-animation:    fade_move_down 4s ease-in-out infinite;
	animation:         fade_move_down 4s ease-in-out infinite;
}


/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,10px) rotate(45deg); opacity: 0; }
}

.left-band {position: absolute; left: -120px; top: 60px; width:70px; height:300px;    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.7)),to(rgba(255,255,255,0)));    background: linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);}
.right-band {position: absolute; right: -120px; top: 60px; width:70px; height:300px;    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.5) ),to(rgba(255,255,255,0)));    background: linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);}

#map {width: 100%; min-height: 700px; margin-top:-100px; z-index:1;}
#adresa {width:300px; height:300px;  position:absolute; top:200px; left:10%; background-color:#fff; z-index:10; padding:20px;}

.anpc { margin-top:20px; text-align:right!important;}
.slogan { font-size:32px; font-weight:bold; margin:0px 0px 30px 0px; text-align:center;}


@media only screen and (min-width: 992px) and (max-width: 1200px) {
   .navbar-expand-lg .navbar-nav .nav-link {font-size:14px; padding: .3rem .8rem;}
	#top {left: 43.5%;}
	.carousel-caption {font-size:26px;}
}

@media only screen and (max-width: 992px) {
	.left-band, .right-band {display:none;}
	.carousel-caption {font-size:24px;}
	#meniu, #top, .carousel-caption {display:none;}
   	.carousel-inner .carousel-item > img {}
	#meniu-mob {display:block;}
	.carousel {top:0;}
	.navbar-toggler {border: 1px solid #ccc; margin:10px 30px 10px 10px; float:right;}
	#map {margin-top:0px;}
	#adresa {left:0;}
} 
@media only screen and (max-width: 768px) {
	#descr h1 {font-size:24px; }
	.scroll-down {display:none;}
	.hp-leftpic, .hp-rightpic {padding:0;}
	.hp-leftpic .row, .hp-rightpic .row {margin:0;}
	#parking img {margin-top:20px;}
	section#header {margin-top:0px; min-height:400px;}
	section#header h1 {font-size:30px; font-weight:bold; padding-top:300px;}
	#descr {width:80%;}
	.p-5 {padding: 2rem!important;}
	img.p-4 {padding: 1.5rem 0!important;}
	#adresa {position:relative; top:0;}
	#map {min-height:500px;}
	#footertel {display:block;}
	.anpc {margin-top:10px; text-align:center;}
	.slogan {font-size:24px; margin-top:80px;}
} 



@media only screen and (max-width: 480px) {


}