/* IE 48 */
@font-face {
  font-family: DINMedium;
  src: url("/fonts/DINWebPro-Medium.eot");
}

/* WOFF-capable browsers */
@font-face {
  font-family: DINMedium;
  src: url("/fonts/DINWebPro-Medium.woff") format("woff");
}

/* IE 48 */
@font-face {
  font-family: DINRegular;
  src: url("/fonts/DINWebPro-Regular.eot");
}

/* WOFF-capable browsers */
@font-face {
  font-family: DINRegular;
  src: url("/fonts/DINWebPro-Regular.woff") format("woff");
}

/* for IE 48 */
@font-face {
  font-family: DINBold;
  src: url("/fonts/DINWebPro-Bold.eot");
}

/* WOFF-capable browsers */
@font-face {
  font-family: DINBold;
  src: url("/fonts/DINWebPro-Bold.woff") format("woff");
}

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { position: relative; margin: 0; padding: 0; background: #ffffff; color: #000000; font-size: 18px; font-family: DINRegular; font-weight: normal; counter-reset: li; }
.container.content-page { margin-bottom: 70px; }
#back-top { display: none; position: fixed; right: 50%; bottom: 10%; left: 50%; width: 75px; height: 75px; margin-left: 582px; z-index: 1000; }

/* Header */

#header { position: relative; padding-top: 60px; padding-bottom: 60px; }
#header.home { padding-bottom: 0; background: url("/images/home/header-2020.jpg") no-repeat center center; background-size: cover; }
#header.home:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); }
#header #header-inner { position: relative; height: 100px; }
#header #header-inner .header-cleaner { display: none; }

#header.home #header-inner,
#header.home #home-inner { position: relative; z-index: 2; }
#header.home #header-inner { margin-bottom: 45px; z-index: 3; }

#header #header-inner #logo { position: absolute; bottom: 0; left: 0; }
#header #header-inner #logo img { width: 240px; }
#header #header-inner #logo img.is-coffee { width: 74px; }
#header #header-inner #logo img.logo-small { display: none; }

#header #header-inner #switch-lang { position: absolute; top: 0; right: 0; }
#header #header-inner #switch-lang a,
#header #header-inner #switch-lang span { position: relative; display: inline-block; margin-left: 3px; padding: 4px 8px 2px; border: 1px solid transparent; color: #000000; font-family: DINBold; font-size: 14px; line-height: 1; }
#header #header-inner #switch-lang span i { display: none; position: absolute; top: 29px; left: 50%; padding: 6px 9px; background: #D5B765; transform: translateX(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 99; font-weight: 400; line-height: 1.3; }
#header #header-inner #switch-lang a.active,
#header #header-inner #switch-lang a:hover,
#header #header-inner #switch-lang a:focus { border-color: #000000; text-decoration: none; }
#header #header-inner #switch-lang span:hover i,
#header #header-inner #switch-lang span:focus i { display: inline-block; }

#header.home #header-inner #switch-lang a,
#header.home #header-inner #switch-lang span { color: #ffffff; border-color: transparent; }
#header.home #header-inner #switch-lang a.active,
#header.home #header-inner #switch-lang a:hover,
#header.home #header-inner #switch-lang a:focus { border-color: #ffffff; text-decoration: none; }
#header.home #header-inner #switch-lang span i { color: #000000; }

#header #header-inner #top-menu { position: absolute; right: 0; bottom: 0; }
#header #header-inner #top-menu ul li { position: relative; margin: 0 7px; text-transform: uppercase; float: left; }
#header #header-inner #top-menu ul li:first-of-type { margin-left: 0; }
#header #header-inner #top-menu ul li:last-of-type { margin-right: 0; }
#header #header-inner #top-menu ul li a { display: block; padding: 3px 6px; color: #000000; font-family: DINBold; font-size: 14px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
#header #header-inner #top-menu ul li a:hover,
#header #header-inner #top-menu ul li a:focus,
#header #header-inner #top-menu ul li a:active { text-decoration: none; }
#header #header-inner #top-menu ul li.selected>a:after,
#header #header-inner #top-menu ul li.active>a:after { display: block; content: ""; width: 17px; height: 2px; margin: 3px auto 0 auto; background: #D5B765; }
#header #header-inner #top-menu ul li.has_submenu>a:before { display: inline-block; content: ""; width: 0; height: 0; margin-top: 6px; margin-left: 8px; background: none; border-style: solid; border-width: 6px 5px 0 5px; border-color: #D5B765 transparent transparent transparent; float: right; }
#header.home #header-inner #top-menu ul li a { color: #ffffff; }

#header #header-inner #top-menu ul.level2 { display: none; position: absolute; top: 26px; left: 0; width: 100%; background: #ffffff; border-top: 2px solid #D5B765; z-index: 99; }
#header #header-inner #top-menu ul.level2 li { margin: 0; border-bottom: 2px solid #D5B765; float: none; text-align: center; }
#header #header-inner #top-menu ul.level2 li a { width: 100%; margin: 0; padding: 5px 15px; color: #000000; font-weight: 400; }
#header #header-inner #top-menu ul.level2 li:first-child a { padding-top: 6px; }
#header #header-inner #top-menu ul.level2 li:last-child a { padding-bottom: 6px; }

#header #header-inner #top-menu ul.level2 li.selected>a,
#header #header-inner #top-menu ul.level2 li.active>a,
#header #header-inner #top-menu ul.level2 li:hover>a,
#header #header-inner #top-menu ul.level2 li:focus>a,
#header #header-inner #top-menu ul.level2 li:active>a { background: #D5B765; }
#header #header-inner #top-menu ul.level2 li a:after { display: none; }

#header #header-inner #top-menu ul li.has_submenu:hover .level2 { display: block; }

#header #header-inner #top-menu ul li a { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
#header #header-inner #top-menu ul:hover li a { opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); }
#header #header-inner #top-menu ul:hover li:hover a { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

/* Mmenu */

.mm-menu { background: #ffffff; border-color: #cccccc; }
.sidebar_menu:not(.mm-menu) { display: none; }
.sidebar_menu .image { display: none }
.sidebar_menu a { font-weight: 400; }
.mm-menu.mm-shadow-page:after,
.mm-menu.mm-shadow-panels 
.mm-panel.mm-opened:nth-child(n+2) { box-shadow: none; }
.mm-menu .mm-navbar { height: 60px; line-height: 30px; }
.mm-menu .mm-navbar a.mm-title { padding: 15px 0; color: #000000; font-family: 'Zilla Slab', serif; font-size: 28px; font-weight: 700; } 
.mm-menu .mm-navbar a.mm-title:before,
.mm-menu .mm-navbar a.mm-title:after { display: inline-block; content: ""; width: 21px; height: 2px; margin: 0; background: #D5B765; vertical-align: middle; }
.mm-menu .mm-navbar a.mm-title:before { margin-right: 12px; }
.mm-menu .mm-navbar a.mm-title:after { margin-left: 12px; }
.mm-panels { border-left: 1px solid #cccccc; }
.mm-panels>.mm-panel:after,
.mm-panels>.mm-panel:before { height: 40px; }
.mm-btn { height: 60px; }
.mm-listview { font-size: 16px; }
.mm-listview>li.mm-selected a { border-left: 7px solid #D5B765; }
.mm-listview>li>a, 
.mm-listview>li>span { padding: 17px 20px 13px; font-family: DINBold; font-weight: normal; color: #000000; }
.mm-listview>li,
.mm-listview>li .mm-next,
.mm-listview>li .mm-next:before,
.mm-listview>li:after { border-color: #cccccc; }
.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before,
.mm-menu .mm-listview>li .mm-next:after { border-color: #dddddd; }

#nav-icon-wrap { position: absolute; top: 0; right: 23px; }
.nav-icon{ display: none; width: 20px; height: 16px; cursor: pointer;
    -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;
}
.nav-icon span {
    display: block; position: absolute; left: 0; width: 100%; height: 3px; background: #000000; border-radius: 3px; opacity: 1;
    -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
}

.home .nav-icon span { background: #ffffff; }

.nav-icon span:nth-child(1){top:0;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.nav-icon span:nth-child(2){top:6px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.nav-icon span:nth-child(3){top:12px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.mm-opening .nav-icon span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:-2px;left:6px}
.mm-opening .nav-icon span:nth-child(2){width:0;opacity:0}
.mm-opening .nav-icon span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:12px;left:6px}


/* Footer */

#footer { background-color: #323232; }
#footer .footer-right { background-color: #262626; }
#footer .footer-bottom { padding: 22px 0; background-color: #000000; color: #B3B3B3; font-size: 16px; }
#footer .footer-bottom a { color: #B3B3B3; }
#footer .atyp-left,
#footer .atyp-right { padding-top: 45px; }
#footer .footer-title { display: block; margin-bottom: 27px; color: #D5B765; font-family: 'Zilla Slab', serif; font-size: 26px; font-weight: 700; }
#footer .footer-label { color: #B3B3B3; font-size: 16px; }
#footer p,
#footer a { color: #ffffff; font-size: 16px; }

#footer #footer-menu ul li { margin-bottom: 6px; }
#footer #footer-menu .level2 { display: none; }
#footer #footer-reservation p { margin-bottom: 30px; }
#footer #footer-reservation .btn { font-size: 24px; }

/* Home */

#header #home-inner { margin-bottom: 103px; color: #ffffff; text-align: center; }
#header #home-inner .divider { border-right: 1px solid rgba(255, 255, 255, 0.5); }
#header #home-inner h2 { display: inline-block; color: #ffffff; }
#header #home-inner h2:after { margin: 28px auto; }
#header #home-inner p { margin-bottom: 30px; padding: 0 75px; font-size: 20px; }

#home-room-apartment .atyp-left { background-color: #D5B765; }
#home-room-apartment .atyp-right { background-color: #323232; }
#home-room-apartment .atyp-left h2,
#home-room-apartment .atyp-right h2 { color: #ffffff; }
#home-room-apartment .atyp-right h2:after { background: #D5B765; }
#home-room-apartment .atyp-left h2:after { background: #000000; }
#home-room-apartment .atyp-left p,
#home-room-apartment .atyp-right p { margin-bottom: 36px; color: #ffffff; font-size: 20px; }

#home-locality { text-align: center; }

.locality-title { margin-top: 30px; margin-bottom: 30px; text-align: center; }
.locality-title h2 { line-height: 1; }
.locality-title h2:before,
.locality-title h2:after { display: inline-block; content: ""; width: 46px; height: 5px; margin: 0; background: #D5B765; vertical-align: middle; }
.locality-title h2:before { margin-right: 12px; }
.locality-title h2:after { margin-left: 12px; }
.locality-title p { margin-bottom: 15px; color: #969696; font-family: 'Zilla Slab', serif; font-size: 32px; font-style: italic; font-weight: 700; line-height: 1; }

.locality-icons { margin-bottom: 70px; }
.locality-icons img { width: 140px; height: auto; }
.locality-icons h3 { margin-top: 0; margin-bottom: 5px; color: #D5B765; font-size: 24px; }
.locality-icons p { color: #969696; font-size: 16px; font-style: normal; }
.locality-more { margin-bottom: 70px; text-align: center; }

#home-rooms { background-color: #D5B765; }
#home-rooms .atyp-left { background: url("/images/09_2025/reservation.jpg") no-repeat center center; background-size: cover; }
#home-rooms .atyp-left img { display: none; }
#home-rooms .atyp-right h2 { color: #ffffff; }
#home-rooms .atyp-right h2:after { background: #000000; }
#home-rooms .atyp-right p { margin-bottom: 36px; color: #ffffff; font-size: 20px; }

#reference { text-align: left; }
#reference .reference-list { margin-bottom: 80px; }
#reference .reference-list ul li { margin-bottom: 45px; padding: 0 15px; }
#reference .reference-list ul li .description { margin-bottom: 30px; }
#reference .reference-list ul li .description p { color: #646464; font-size: 18px; }
#reference .reference-list ul li img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#reference .reference-list ul li .name { display: block; margin-top: 5px; color: #D5B765; font-family: 'Zilla Slab', serif; font-size: 24px; font-weight: 700; }
#reference .reference-list ul li .date { display: block; color: #B3B3B3; font-family: DINRegular; font-size: 14px; }

#reference .reference-list ul li .quotes { margin-bottom: 30px; }
#reference .reference-list ul li .quotes img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

/* About */

#about-top .atyp-block.atyp-left:first-of-type,
#about-top .atyp-block.atyp-right:first-of-type { padding-top: 0; }
#about-top .atyp-right { background: url("/images/about/onas-1.jpg") no-repeat bottom center; background-size: cover; }
#about-top .atyp-right img { display: none; }

#about-reception .atyp-left { background: url("/images/07_2025/bb-2.jpg") no-repeat center center; background-size: cover; }
#about-reception .atyp-left img { display: none; }
#about-reception .atyp-right { background-color: #777777; float: right; }
#about-reception .atyp-right h2,
#about-reception .atyp-right p { color: #ffffff; }
#about-reception .atyp-right h2:after { background-color: #000000; }

#about-offer { text-align: center; }
#about-offer .locality-title { margin-top: 60px; margin-bottom: 60px; }
#about-offer .locality-icons { margin-bottom: 0; }
#about-offer .locality-icons div { padding-top: 30px; padding-bottom: 90px; background: #ffffff; }
#about-offer .locality-icons div:nth-of-type(1),
#about-offer .locality-icons div:nth-of-type(3),
#about-offer .locality-icons div:nth-of-type(6),
#about-offer .locality-icons div:nth-of-type(8),
#about-offer .locality-icons div:nth-of-type(9),
#about-offer .locality-icons div:nth-of-type(11) { background: #eeeeee; }
#about-offer .locality-icons h3 { color: #000000; font-size: 22px; }

/* Locality */
#locality-top .atyp-block.atyp-left:first-of-type,
#locality-top .atyp-block.atyp-right:first-of-type { padding-top: 0; }
#locality-top .atyp-right { background: url("/images/05_2020/zahrada-new.jpg") no-repeat bottom center; background-size: cover; }
#locality-top .atyp-right img { display: none; }
#locality-top .description { margin-top: 60px; margin-bottom: 20px; }

#locality-offer { text-align: center; }
#locality-offer .locality-title { margin-top: 60px; margin-bottom: 60px; }
#locality-offer .locality-icons { margin-bottom: 0; }
#locality-offer .locality-icons div { padding-top: 45px; padding-bottom: 75px; background: #ffffff; }
#locality-offer .locality-icons div:nth-of-type(1),
#locality-offer .locality-icons div:nth-of-type(3),
#locality-offer .locality-icons div:nth-of-type(5),
#locality-offer .locality-icons div:nth-of-type(7),
#locality-offer .locality-icons div:nth-of-type(9) { background: #eeeeee; }
#locality-offer .locality-icons .coords { display: none; }

#locality-map #map { height: 600px; margin: 50px -15px 70px -15px; }
#locality-map #map .marker { display: block; padding: 0; background-color: black; background-size: contain; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; }

/* Contact */
#contact { margin-bottom: 70px; }
#contact h2 { margin-bottom: 30px; }
#contact h2:after { display: none; }
#contact .contact-icon { margin-bottom: 30px; color: #D5B765;  text-align: center; line-height: 1; width: 40px; }
#contact .contact-icon.address { font-size: 36px; }
#contact .contact-icon.mail { font-size: 24px; }
#contact .contact-icon.phone { font-size: 28px; }
#contact .contact-text p { margin-bottom: 30px; color: #646464; font-family: DINBold; }
#contact .contact-small p { margin-bottom: 0; color: #646464; font-size: 16px; opacity: 0.7;}

/* Reservation */
#reservation-wrapper { position: relative; padding-bottom: 70px; background: url("/images/09_2025/reservation-bg.jpg") no-repeat center center; background-size: cover; }
#reservation-wrapper:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.65); z-index: 97; }
#reservation-wrapper #header,
#reservation-wrapper #content { position: relative; z-index: 98; }
#reservation-wrapper #header-inner #switch-lang a { color: #ffffff; border-color: transparent; }
#reservation-wrapper #header-inner #switch-lang a.active,
#reservation-wrapper #header-inner #switch-lang a:hover,
#reservation-wrapper #header-inner #switch-lang a:focus { border-color: #ffffff; text-decoration: none; }
#reservation-wrapper #header-inner #top-menu ul li a { color: #ffffff; }
#reservation-wrapper .nav-icon span { background: #ffffff; }

#reservation-wrapper #reservation { color: #ffffff; }
#reservation-wrapper #reservation h1 { color: #ffffff; text-align: center; }
#reservation-wrapper #reservation h1:after { margin-left: auto; margin-right: auto; }
#reservation-wrapper #reservation p { margin-bottom: 30px; padding: 0 24%; text-align: center; }
#reservation-wrapper #reservation form { width: 480px; margin: auto; }
#reservation-wrapper #reservation form label { font-family: 'Zilla Slab', serif; font-size: 16px; font-weight: 700; }
#reservation-wrapper #reservation form .btn { margin-top: 15px; margin-left: 15px; }
#reservation-wrapper #reservation form #required-field { margin-top: 15px; margin-right: 15px; float: right; }

#reservation-thanks { margin-bottom: 70px; }
#reservation-thanks h1 { color: #ffffff; }

/* Rooms */
#rooms-top .atyp-block.atyp-left:first-of-type,
#rooms-top .atyp-block.atyp-right:first-of-type { padding-top: 0; }
#rooms-top .atyp-right { background: url("/images/rooms/pokoje-ceny-1.jpg") no-repeat center left; background-size: cover; }
#rooms-top .atyp-right img { display: none; }

#rooms-price .atyp-left { background: url("/images/rooms/pokoje-ceny-2.jpg") no-repeat center center; background-size: cover; }
#rooms-price .atyp-left img { display: none; }
#rooms-price .atyp-right { background-color: #D5B765; float: right; }
#rooms-price .atyp-right h2 { font-style: italic; font-weight: 400; }
#rooms-price .atyp-right h2:after { display: none; }
#rooms-price .atyp-right p.price { color: #ffffff; font-family: 'Zilla Slab', serif; font-size: 92px; line-height: 1; }
#rooms-price .atyp-right p.price-comment { margin-bottom: 30px; font-family: 'Zilla Slab', serif; font-size: 34px; font-style: italic; line-height: 1.2; }
#rooms-price .atyp-right p.price-text { margin-bottom: 30px; color: #ffffff; }

#rooms-photogallery { padding-top: 30px; background: #262626; border-bottom: 1px solid #ffffff; }
#rooms-photogallery h2 { color: #ffffff; }
#rooms-photogallery .room-photo { }
#rooms-photogallery .room-photo div { margin-bottom: 30px; }

/* Apartman */
#apartment-top .atyp-block.atyp-left:first-of-type,
#apartment-top .atyp-block.atyp-right:first-of-type { padding-top: 0; }
#apartment-top .atyp-right { background: url("/images/apartment/apartmany.jpg") no-repeat bottom left; background-size: cover; }
#apartment-top .atyp-right img { display: none; }

#apartment-price .atyp-left { background: url("/images/05_2020/apartman-01.jpg") no-repeat center center; background-size: cover; }
#apartment-price .atyp-left img { display: none; }
#apartment-price .atyp-right { background-color: #D5B765; float: right; }
#apartment-price .atyp-right h2,
#apartment-price .atyp-right h3 { font-style: italic; font-weight: 400; margin-top: 0; margin-bottom: 30px;}
#apartment-price .atyp-right h2:after { display: none; }

#apartment-price .atyp-right p.price { color: #ffffff; font-family: 'Zilla Slab', serif; font-size: 92px; line-height: 1;}
#apartment-price .atyp-right p.price-intro { color: #ffffff; font-family: 'Zilla Slab', serif; font-size: 34px; line-height: 1.2; margin-bottom: 0;}
#apartment-price .atyp-right p.price-comment { margin-bottom: 30px; font-family: 'Zilla Slab', serif; font-size: 34px; font-style: italic; line-height: 1.2; }
#apartment-price .atyp-right p.price-text { margin-bottom: 30px; color: #ffffff; }

/* Kavarna a bistro */

.photo-row .photo-item { padding: 0; }

#coffee-title h1 .sub { color: #969696; font-size: 32px; font-style: italic; }

#coffee-top { background: #323232; }
#coffee-top h2,
#coffee-top p { color: #ffffff; }
#coffee-top .atyp-right { background: url("/images/05_2020/kavarna-01.jpg") no-repeat bottom center; background-size: cover; }
#coffee-top .atyp-right img { display: none; }

#coffee-middle .atyp-right { background: #D5B765; float: right; }
#coffee-middle .atyp-left { float: left; }
#coffee-middle h2,
#coffee-middle p { color: #ffffff; }
#coffee-middle h2:after { background-color: #000000; }
#coffee-middle .atyp-left { background: url("/images/coffee/bistro-main-new.jpg") no-repeat center center; background-size: cover; }
#coffee-middle .atyp-left img { display: none; }

#coffee-menu { padding-top: 70px; padding-bottom: 90px; color: #000000; text-align: center; }
#coffee-menu h2:after { margin-right: auto; margin-left: auto; }
#coffee-menu p:after { display: block; content: ""; width: 40px; height: 1px; margin: 20px auto 25px auto; background: #D9D9D9; }

/* Photogallery */
#photogallery .photogallery-list { margin-bottom: 60px; }
#photogallery .photogallery-list ul li { margin-bottom: 30px; padding: 0 15px; }
#photogallery .photogallery-list ul li a { position: relative; display: block; overflow: hidden; }
#photogallery .photogallery-list ul li a img { -webkit-transform: scale(1) translatez(0); transform: scale(1) translatez(0); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#photogallery .photogallery-list ul li a:hover img { -webkit-transform: scale(1.1) translatez(0); transform: scale(1.1) translatez(0); }
#photogallery .photogallery-list ul li a .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; display: table-cell; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
#photogallery .photogallery-list ul li a .overlay .overlay-inner { display: inline-block; position: relative; vertical-align: middle; z-index: 1; }
#photogallery .photogallery-list ul li a .overlay .overlay-inner h2 { color: #ffffff; font-size: 24px; }
#photogallery .photogallery-list ul li a .overlay .overlay-inner h2:after { width: 20px; height: 3px; margin: 10px auto; }
#photogallery .photogallery-list ul li a .overlay .helper { display: inline-block; width: 0; height: 100%; vertical-align: middle; }

#photogallery .photogallery-detail { margin-bottom: 40px; }
#photogallery .photogallery-detail .photogallery:after { display: block; content: ""; clear: both; }
#photogallery .photogallery-detail .photogallery a { position: relative; display: block; width: 33.33333333%; margin-bottom: 30px; padding-right: 15px; padding-left: 15px; float: left; }
#photogallery .photogallery-detail .photogallery a .overlay { display: none; position: absolute; top: 0; right: 15px; bottom: 0; left: 15px; background: rgba(0, 0, 0, 0.5); text-align: center; }
#photogallery .photogallery-detail .photogallery a .overlay .arrow1 { position: absolute; bottom: 15px; left: 15px; }
#photogallery .photogallery-detail .photogallery a .overlay .arrow2 { position: absolute; top: 15px; left: 15px; }
#photogallery .photogallery-detail .photogallery a .overlay .arrow3 { position: absolute; bottom: 15px; right: 15px; }
#photogallery .photogallery-detail .photogallery a .overlay .arrow4 { position: absolute; top: 15px; right: 15px; }
#photogallery .photogallery-detail .photogallery a:hover .overlay,
#photogallery .photogallery-detail .photogallery a:focus .overlay { display: block; }
#photogallery .photogallery-detail .photogallery a .image { overflow: hidden; }
#photogallery .photogallery-detail .photogallery a img { -webkit-transform: scale(1) translatez(0); transform: scale(1) translatez(0); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#photogallery .photogallery-detail .photogallery a:hover img { -webkit-transform: scale(1.1) translatez(0); transform: scale(1.1) translatez(0); }

/* MFP */

.mfp-bg { background: #000000 !important; opacity: 0.8 !important; }
.mfp-content { padding: 0 !important; }
.mfp-bottom-bar { margin-top: -31px !important; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close { color: #d5b765 !important; font-size: 42px; opacity: 1 !important; }
.mfp-image-holder .mfp-close:hover,
.mfp-image-holder .mfp-close:focus,
.mfp-image-holder .mfp-close:active,
.mfp-iframe-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:focus,
.mfp-iframe-holder .mfp-close:active { color: #ffffff !important; }
.mfp-arrow { opacity: 1 !important; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b,
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b { width: auto !important; height: auto !important; margin-left: 35px !important; border: none !important; color: #d5b765; font-family: "FontAwesome"; font-size: 42px; content: "\f104" !important; opacity: 1 !important; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b { left: initial !important; right: 0; margin-right: 35px; margin-left: 0 !important; content: "\f105" !important; }
.mfp-arrow-left:hover:before,
.mfp-arrow-left:focus:before,
.mfp-arrow-left:active:before,
.mfp-arrow-left .mfp-b:hover,
.mfp-arrow-left .mfp-b:focus,
.mfp-arrow-left .mfp-b:active,
.mfp-arrow-right:hover:before,
.mfp-arrow-right:focus:before,
.mfp-arrow-right:active:before,
.mfp-arrow-right .mfp-b:hover,
.mfp-arrow-right .mfp-b:focus,
.mfp-arrow-right .mfp-b:active { color: #ffffff !important; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a,
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a { display: none !important; }
.mfp-counter { color: #ffffff !important; font-size: 14px !important; }

/* General */

.container.atyp,
.container-fluid.atyp { margin: 0; }
.atyp-left,
.atyp-right { padding-top: 70px; padding-bottom: 90px; }

.atyp-left { padding-right: 80px; }
.atyp-right { padding-left: 80px; }

.gold { color: #d5b765; font-family: DINBold; }

.btn { padding: 2px 36px; background: transparent; border: 3px solid #ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-family: 'Zilla Slab', serif; font-size: 28px; font-weight: 700; text-transform: lowercase; }
.btn.btn-white-gold { color: #ffffff; border-color: #d5b765; }
.btn.btn-white-gold:hover,
.btn.btn-white-gold:focus { background: #d5b765; }
.btn.btn-white-black { color: #ffffff; border-color: #000000; }
.btn.btn-white-black:hover,
.btn.btn-white-black:focus { background: #000000; }
.btn.btn-black-gold { color: #000000; border-color: #d5b765; }
.btn.btn-black-gold:hover,
.btn.btn-black-gold:focus { background: #d5b765; }

.clear { display: block; content: ""; clear: both; }
.show-rob { position: absolute; top: -9999px; left: -9999px; }

label { font-size: 16px; }
.form-group { margin-bottom: 22px; }
.form-control { height: auto; color: #ffffff; border-color: #D5B765; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent; box-shadow: none; font-family: DINBold; font-size: 18px; }
.form-control:focus { border-color: #ffffff; outline: none !important; box-shadow: none !important; }
input.submit { -webkit-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 1000px transparent inset; -webkit-text-fill-color: #ffffff; transition: background-color 5000s ease-in-out 0s; }
.has-error .form-control { border-color: #FF5856; }

.alert { margin: 15px 0 45px 0; padding: 15px 10%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-width: 4px; text-align: center; }
.alert.alert-danger { border-color: #FF5856; background-color: rgba(255, 88, 86, 0.5); color: #ffffff; }

.daterangepicker.dropdown-menu { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.daterangepicker.dropdown-menu select.monthselect,
.daterangepicker.dropdown-menu select.yearselect { font-size: 14px; }
.daterangepicker.dropdown-menu .calendar th { font-family: 'Zilla Slab', serif; }
.daterangepicker.dropdown-menu .calendar tr:nth-of-type(2) th { color: #D5B765; }
.daterangepicker.dropdown-menu td { font-family: DINBold; }
.daterangepicker.dropdown-menu th,
.daterangepicker.dropdown-menu td { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.daterangepicker.dropdown-menu td.off,
.daterangepicker.dropdown-menu td.off.in-range,
.daterangepicker.dropdown-menu td.off.start-date,
.daterangepicker.dropdown-menu td.off.end-date { color: #CCCCCC; }
.daterangepicker.dropdown-menu td.active,
.daterangepicker.dropdown-menu td.active:hover,
.daterangepicker.dropdown-menu td.start-date.end-date { background-color: #D5B765; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

@media (max-width: 1200px) {
    .container { width: 100%; padding: 0 50px; }
    .container.atyp,
    #about-offer .container,
    #locality-offer .container { padding: 0 15px; }
    #back-top { right: 10%; left: auto; margin: 0; }
    
    #header { padding-top: 45px; }
    #header #header-inner { position: initial; height: auto; }
    #header.home #header-inner { margin-bottom: 60px; }
    #header #header-inner .header-cleaner { display: block; }
    #header #header-inner #logo,
    #header #header-inner #switch-lang,
    #header #header-inner #top-menu { position: inherit; top: initial; right: initial; bottom: initial; left: initial; }
    #header #header-inner #logo { float: left; }
    #header #header-inner #switch-lang { margin-top: 45px; float: right; }
    #header #header-inner #switch-lang:after { display: block; content: ""; clear: both; }
    #header #header-inner #top-menu { margin-top: 35px; }
    
    #header #home-inner { margin-bottom: 85px; padding: 0 12%; }
    #header #home-inner .divider { padding-bottom: 45px; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
    #header #home-inner p { padding: 0; }
    
    #home-room-apartment .atyp-left,
    #home-room-apartment .atyp-right { width: 100%; padding: 45px 12% 90px 12% !important; text-align: center; }
    #home-room-apartment .atyp-left h2:after,
    #home-room-apartment .atyp-right h2:after { margin-right: auto; margin-left: auto; }
    #home-room-apartment .atyp-left p,
    #home-room-apartment .atyp-right p { margin-bottom: 40px; }
    
    .locality-title { margin-top: 45px; margin-bottom: 35px; }
    .locality-more { margin-bottom: 90px; }
    
    #home-rooms { text-align: center; }
    #home-rooms .atyp-right { width: 100%; padding: 45px 12% 90px 12% !important; }
    #home-rooms .atyp-right h2:after { margin-right: auto; margin-left: auto; }
    #home-rooms .atyp-left { width: 100%; padding: 0 !important; background: none; }
    #home-rooms .atyp-left img { display: block; }
    
    #about-top .atyp-left { padding-bottom: 45px; }
    #about-top .atyp-right { padding: 0 !important; background: none; }
    #about-top .atyp-right img { display: block; }
    
    #about-reception .atyp-left { padding: 0 !important; background: none; }
    #about-reception .atyp-left img { display: block; width: 100%; }
    #about-reception .atyp-right { padding: 45px 80px 45px 30px !important; float: none; }
    #about-reception .atyp-right h2 { margin-top: 0; }
    
    #rooms-top .atyp-left,
    #apartment-top .atyp-left { padding-bottom: 45px; }
    #rooms-top .atyp-right,
    #apartment-top .atyp-right { padding: 0 !important; background: none; }
    #rooms-top .atyp-right img,
    #apartment-top .atyp-right img { display: block; }
    
    #rooms-price .atyp-left,
    #apartment-price .atyp-left { padding: 0 !important; background: none; }
    #rooms-price .atyp-left img,
    #apartment-price .atyp-left img { display: block; }
    #rooms-price .atyp-right,
    #apartment-price .atyp-right { padding: 45px 80px 45px 30px !important; float: none; }
    
    #coffee-top .atyp-right { padding: 0 !important; background: none; }
    #coffee-top .atyp-right img { display: block; }
    #coffee-middle .atyp-left { padding: 0 !important; background: none; }
    #coffee-middle .atyp-left img { display: block; }
    #coffee-top .atyp-left,
    #coffee-middle .atyp-right { padding: 45px 12% 90px 12% !important; text-align: center; float: none; }
    #coffee-top .atyp-left h2:after,
    #coffee-middle .atyp-right h2:after { margin-right: auto; margin-left: auto; }
    #locality-top .atyp-right { padding: 0 !important; background: none;  }
    #locality-top .atyp-right img { display: block; }
    
    #footer .atyp-left { padding: 45px 80px 60px 50px; }
    #footer .atyp-right { padding: 45px 50px 60px 80px; }
}

@media (max-width: 991px) {
    #header #header-inner #switch-lang { margin-top: 52px; }
    #nav-icon-wrap .nav-icon { display: block; }
    #header #header-inner #top-menu { display: none; }
    
    #about-offer .locality-icons div { padding-left: 30px; padding-right: 30px; }
    #about-offer .locality-icons div:nth-of-type(1n) { background: #ffffff; }
    #about-offer .locality-icons div:nth-of-type(1),
    #about-offer .locality-icons div:nth-of-type(3),
    #about-offer .locality-icons div:nth-of-type(5),
    #about-offer .locality-icons div:nth-of-type(7),
    #about-offer .locality-icons div:nth-of-type(9),
    #about-offer .locality-icons div:nth-of-type(11) { background: #eeeeee; }
    
    #locality-offer .locality-icons div { padding-left: 30px; padding-right: 30px; }
    
    .room-photo div { width: 100%; }
    
    #footer .atyp-left,
    #footer .atyp-right { width: 100%; padding: 45px 50px 60px 50px; }
}

@media (max-width: 767px) {
    .container { padding: 0 30px; }
    
    #back-top { right: 5%; bottom: 5%; width: 60px; height: 60px; }
    #back-top img { width: 60px; }
    
    #reference .quotes { text-align: center; }
    
    #about-offer .locality-icons div:nth-of-type(1n) { background: #ffffff; }
    #about-offer .locality-icons div:nth-of-type(1),
    #about-offer .locality-icons div:nth-of-type(4),
    #about-offer .locality-icons div:nth-of-type(5),
    #about-offer .locality-icons div:nth-of-type(8),
    #about-offer .locality-icons div:nth-of-type(9) { background: #eeeeee; }
    
    #locality-offer .locality-icons div:nth-of-type(1n) { background: #ffffff; }
    #locality-offer .locality-icons div:nth-of-type(1),
    #locality-offer .locality-icons div:nth-of-type(4),
    #locality-offer .locality-icons div:nth-of-type(5),
    #locality-offer .locality-icons div:nth-of-type(8),
    #locality-offer .locality-icons div:nth-of-type(9) { background: #eeeeee; }
    
    #photogallery .photogallery-detail .photogallery a { width: 50%; }
    
    #footer .atyp-left, 
    #footer .atyp-right { padding: 45px 30px !important; }
}

@media (max-width: 540px) {
    #header #header-inner #logo img { width: 135px; }
    #header #header-inner #logo img.logo-big { display: none; }
    #header #header-inner #logo img.logo-small { display: block; }
    #header #header-inner #logo img.logo-small.is-coffee { width: 62px; }
    #header #header-inner #switch-lang { margin-top: 42px; }
    #header #header-inner #switch-lang a { display: block; margin-left: 0; margin-bottom: 8px; }
    
    #header #home-inner p,
    #home-room-reservation .atyp-left p,
    #home-room-reservation .atyp-right p { font-size: 18px; }
    
    .locality-title h2:before,
    .locality-title h2:after { display: none; }
    .locality-title p { font-size: 22px; font-weight: 400; }
    #home-locality .locality-icons { margin-bottom: 36px; }
    #home-locality .locality-icons>div { width: 100%; margin-bottom: 15px; }
    #home-locality .locality-icons h3 { font-size: 20px; }
    #home-locality .locality-icons p { font-size: 14px; }
    
    #home-rooms .atyp-left { background: #323232; }
    
    #about-top .atyp-left,
    #about-reception .atyp-right,
    #rooms-top .atyp-left,
    #rooms-price .atyp-right,
    #locality-tip .atyp-left { padding-right: 30px !important; }
    
    #about-offer .locality-icons div:nth-of-type(1n) { width: 100%; padding: 30px 20% 60px; background: #ffffff; }
    #about-offer .locality-icons div:nth-of-type(1),
    #about-offer .locality-icons div:nth-of-type(3),
    #about-offer .locality-icons div:nth-of-type(5),
    #about-offer .locality-icons div:nth-of-type(7),
    #about-offer .locality-icons div:nth-of-type(9),
    #about-offer .locality-icons div:nth-of-type(11) { background: #eeeeee; }
    
    #locality-offer .locality-icons div:nth-of-type(1n) { width: 100%; padding: 30px 20% 60px; background: #ffffff; }
    #locality-offer .locality-icons div:nth-of-type(1),
    #locality-offer .locality-icons div:nth-of-type(3),
    #locality-offer .locality-icons div:nth-of-type(5),
    #locality-offer .locality-icons div:nth-of-type(7),
    #locality-offer .locality-icons div:nth-of-type(9) { background: #eeeeee; }
    
    #reservation-wrapper #reservation p { padding: 0 6%; }
    #reservation-wrapper #reservation form { width: 100%; }
    
    #photogallery .photogallery-detail .photogallery a { width: 100%; }
    
    .footer-left .footer-block,
    .footer-right .footer-block { width: 100%; }
    .footer-left .footer-block:first-of-type,
    .footer-right .footer-block:first-of-type { margin-bottom: 30px; }
    #footer .footer-bottom { font-size: 14px; }
    #footer #footer-reservation p { margin-bottom: 15px; }
    #footer #footer-contact .footer-contact-block { width: 100%; }
    
    .btn { font-size: 22px; }
}

@media (max-width: 400px) {
    #back-top { right: 5%; bottom: 5%; width: 55px; height: 55px; }
    #back-top img { width: 55px; }
}