/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
  height:100%;
  font-size:10px;
  line-height:1;
  box-sizing:border-box;
}
*,
*::before,
*::after {
  box-sizing:inherit;
}
::-moz-selection {
  color:#fff;
  background:#118ad2;
  text-shadow:none;
}
::selection {
  color:#fff;
  background:#118ad2;
  text-shadow:none;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align:middle;
}

fieldset {
  border:0;
  margin:0;
  padding:0;
}
textarea { resize:vertical; }

img { max-width:100%; }

/*
font-family: 'Caveat', cursive;
font-family: 'Fira Sans', sans-serif;
font-family: 'Bitter', serif;
*/


/* ==========================================================================
        base styles
    ========================================================================== */
html {
  background:#4c8609 url(../img/body-bg.jpg) repeat 50% 0;
}
 body {
   min-height:100%;
   font:1.8rem/1.5 'Fira Sans', Arial, sans-serif;
   -webkit-font-smoothing:antialiased;
   -moz-osx-font-smoothing:grayscale;
   color:#382f22;
   background:url(../img/footer-water-bg.png) repeat-x 50% 100%;
 }


/* buttons */
.btn,
.btn:visited {
  cursor:pointer;
  position:relative;
  display:inline-block;
  padding:2rem 3rem 1.7rem 3rem;
  text-align:center;
  text-decoration:none;
  font:700 2.4rem/1 'Fira Sans', Arial, sans-serif;
  border-radius:3px;
  border:1px solid transparent;
  color:#fff;
  background-color:#b11515;
  box-shadow:0 3px 0 rgba(0,0,0,.12), inset 0 -2px 30px #ae1414;
  -webkit-transition:.2s;
  transition:.2s;
}
.btn:hover {
  background-color:#bf1919;
  box-shadow:0 3px 0 rgba(0,0,0,.12), inset 0 -2px 30px #991010;
}
.btn:active {
  border-color:#930b0b;
  -webkit-transform:translateY(2px);
          transform:translateY(2px);
  box-shadow:0 1px 0 rgba(0,0,0,.12), inset 0 -2px 30px #991010;
}


/*  ----- text styles ---------------------------------------- */
a,
a:visited {
  outline:none;
  color:#b11515;
}
a:hover,
a:active { text-decoration:none; }
a[href^="mailto"] { white-space:nowrap; }

strong, b { font-weight:700; }
em, i { font-style:italic; }

h1 {
  margin-bottom:3.2rem;
  font:700 5.6rem/1.2 'Caveat', cursive;
  text-shadow:1px 1px 0 rgba(0,0,0,.15);
  color:#1686dd;
}
.page-content__main h1 { letter-spacing:-.2rem; }

h2 {
  margin:3.2rem 0 .8rem 0;
  font:700 2.8rem/1.2 'Fira Sans', Arial, sans-serif;
  color:#118ad2;
}

p,
ul,
ol {
  margin-bottom:1.8rem;
  font-size:1.8rem;
}

li {
  position:relative;
  margin-bottom:.8rem;
}
.page-content__main li { padding-left:1.5rem; }
.page-content__main li::before {
  content:"";
  position:absolute;
  top:1rem;
  left:0;
  display:inline-block;
  width:1rem;
  height:.2rem;
  background-color:#999;
}

.bigger-txt {
  font-size:2.2rem;
  line-height:1.2;
}


/*  ----- layout ---------------------------------------- */
.inner {
  position:relative;
  max-width:120rem;
  height:100%;
  margin:0 auto;
}
.main {
  display:block;
  position:relative;
  max-width:120rem;
  margin:0 auto 6rem auto;
  background-color:#fff;
  box-shadow:0 1px 2px #b6b0a3;
}
.main::after,
.inner::after {
  content:"";
  display:block;
  clear:both;
}




/* ==========================================================================
   header
   ========================================================================== */
.page-header {
  z-index:100;
  position:relative;
  width:100%;
  height:8rem;
  border-top:4px solid #d9d9d9;
  background:url(../img/header-bg.png) repeat-x 50% 100%;
}
.page-header ul,
.page-header li {
  margin:0;
  padding:0;
}

.page-header .inner::before {
  content:"";
  z-index:2;
  position:absolute;
  top:-4rem;
  left:-12.5rem;
  display:inline-block;
  width:25rem;
  height:17.7rem;
  background:url(../img/leafs.png) no-repeat 0 0;
  background-size:contain;
  -webkit-transform-origin:50% 0;
  transform-origin:50% 0;
  -webkit-animation:swinging 5s ease-in-out forwards infinite;
  animation:swinging 5s ease-in-out forwards infinite;
}
@-webkit-keyframes swinging{
  0% { -webkit-transform:rotate(0); transform:rotate(0); }
  50% { -webkit-transform:rotate(-5deg); transform:rotate(-5deg); }
  100% { -webkit-transform:rotate(0); transform:rotate(0); }
}
@keyframes swinging{
  0% { -webkit-transform:rotate(0); transform:rotate(0); }
  50% { -webkit-transform:rotate(-5deg); transform:rotate(-5deg); }
  100% { -webkit-transform:rotate(0); transform:rotate(0); }
}

.logo {
  z-index:1;
  position:absolute;
  top:-12px;
  left:-2rem;
  display:inline-block;
  width:42.4rem;
  height:12rem;
  background:url(../img/logo.png) no-repeat 50% 0;
  background-size:contain;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}


/*  ----- main navigation ---------------------------------------- */
.mobile-nav-btn {
  z-index:100;
  display:none;
  position:absolute;
  top:1.2rem;
  right:6.5rem;
  width:4.5rem;
  height:4.5rem;
  border-radius:3px;
  background:#118ad2 url(../img/menu-ico.svg) no-repeat 50% 50%;
  background-size:52% auto;
  -webkit-transition:.3s;
  transition:.3s;
  text-indent:500%;
  white-space:nowrap;
  overflow:hidden;
}
.mobile-nav-btn.is-active {
  background:#118ad2 url(../img/x-close-ico.svg) no-repeat 50% 50%;
  background-size:52% auto;
}

.main-nav,
.main-nav > ul,
.main-nav > ul > li,
.main-nav a {
  height:100%;
}
.main-nav {
  height:100%;
  position:absolute;
  top:-4px;
  right:8rem;
}
.main-nav > ul {
  text-align:center;
  font-size:1.4rem;
  font-weight:700;
  text-transform:uppercase;
}
.main-nav > ul > li {
  float:left;
  margin:0 1rem;
}

.main-nav a {
  position:relative;
  display:block;
  text-decoration:none;
  color:#382f22;
  -webkit-transition:.2s;
  transition:.2s;
  border-top:4px solid transparent;
}
.main-nav > ul > li > a {
  height:8rem;
  padding:4rem 1.2rem 0 1.2rem;
}
.main-nav a:hover,
.main-nav__offer:hover > a { color:#118ad2; }
.main-nav > ul > li > a.is-selected {
  border-color:#118ad2;
  color:#118ad2;
}

.main-nav a svg {
  position:absolute;
  top:1rem;
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
  display:block;
  margin:0 auto .5rem auto;
  -webkit-transition:.2s;
  transition:.2s;
}
.main-nav__about-us svg {
  height:2.1rem;
}
.main-nav__location svg {
  top:-.1rem;
  height:2.1rem;
}
.main-nav__offer svg {
  top:.3rem;
  height:2.5rem;
}
.main-nav__reservation svg {
  top:-.2rem;
  height:1.7rem;
}
.main-nav__action svg {
  top:-.1rem;
  height:1.5rem;
}
.main-nav a * {
  fill:#382f22;
  -webkit-transition:.2s;
  transition:.2s;
}
.main-nav a:hover svg *,
.main-nav a.is-selected svg *,
.main-nav__offer:hover a svg * { fill:#118ad2; }

/* action link */
.main-nav .main-nav__action a {
  top:0;
  height:140%;
  margin-top:-2.1rem;
  padding-top:6.5rem;
  border-top:none;
  color:#fff;
  background:url(../img/main-nav-action-bg.svg) no-repeat 50% 100%;
  background-size:100%;
}
.main-nav__action a:hover,
.main-nav__action a.is-selected {
  top:1rem;
  color:#fff !important;
}
.main-nav__action a svg {
  top:3.7rem;
  width:2rem;
  height:auto;
}
.main-nav__action a svg *,
.main-nav__action a:hover svg *,
.main-nav__action a.is-selected svg * { fill:#fff; }


/* dropdown menu */
.main-nav .main-nav__offer { margin-left:0; }
.main-nav .main-nav__offer > a { padding-left:.3rem; }
.main-nav__offer span,
.lang-nav b {
  position:relative;
  display:inline-block;
  margin-left:1.9rem;
  padding-right:1.9rem;
}
.main-nav__offer a:hover span { color:#118ad2; }
.main-nav__offer span::after,
.lang-nav b::after {
  content:"";
  position:absolute;
  top:.5rem;
  right:0;
  display:inline-block;
  width:1.4rem;
  height:.9rem;
  background:url(../img/arrow-brown.svg) no-repeat 50% 50%;
  background-size:100%;
  -webkit-transition:.2s ease;
  transition:.2s ease;
}
.main-nav__offer:hover span::after,
.lang-nav:hover b::after { -webkit-transform:rotate(180deg); transform:rotate(180deg); }

ul.main-nav__dropdown-menu,
.lang-nav ul {
  visibility:hidden;
  opacity:0;
  display:block;
  z-index:100;
  position:absolute;
  top:6.5rem;
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
  padding:0 1rem;
  white-space:nowrap;
  font-weight:bold;
  font-size:1.4rem;
  line-height:1.2;
  text-transform:none;
  background-color:#fff;
  box-shadow:0 2px 1px rgba(0,0,0,.25);
  -webkit-transition:.5s ease;
  transition:.5s ease;
}
.main-nav__offer:hover ul.main-nav__dropdown-menu,
.lang-nav:hover ul {
  visibility:visible;
  opacity:1;
}
ul.main-nav__dropdown-menu a {
  padding:1.3rem 1.2rem 1.2rem 1.2rem;
  border:none;
  border-bottom:1px dashed #c1c1c1;
}
ul.main-nav__dropdown-menu a.is-selected { color:#118ad2; }
ul.main-nav__dropdown-menu li:last-child a { border:none; }


/*  ----- language navigation ---------------------------------------- */
.lang-nav {
  position:absolute;
  top:-4px;
  right:1rem;
  width:6rem;
  height:100%;
  text-align:center;
}

.lang-nav__selected {
  cursor:pointer;
  position:relative;
  display:block;
  padding-top:1.8rem;
  text-transform:uppercase;
  font-size:1.4rem;
  font-weight:700;
  color:#382f22;
  -webkit-transition:.2s;
  transition:.2s;
}
.lang-nav__selected b { margin-left:.5rem; }
.lang-nav__selected::before {
  content:"";
  position:relative;
  top:-.1rem;
  left:.1rem;
  display:block;
  width:3.2rem;
  height:2rem;
  margin:0 auto .7rem auto;
}
.lang-nav__selected--croatian::before {
  background:url(../img/flag-croatia.svg) no-repeat 0 0;
  background-size:cover;
}
.lang-nav__selected--english::before {
  background:url(../img/flag-uk.svg) no-repeat 0 0;
  background-size:cover;
}
.lang-nav__selected--german::before {
  background:url(../img/flag-germany.svg) no-repeat 0 0;
  background-size:cover;
}

.lang-nav a {
  display:block;
  padding:1.2rem;
  text-decoration:none;
  border-bottom:1px dashed #c1c1c1;
  color:#382f22;
  -webkit-transition:.2s;
  transition:.2s;
}
.lang-nav li:last-child a { border-bottom:none; }

.lang-nav a:hover { color:#118ad2; }
.lang-nav:hover .lang-nav__selected { color:#118ad2; }

.lang-nav a::before {
  content:"";
  position:relative;
  top:.2rem;
  display:inline-block;
  width:2.2rem;
  height:1.3rem;
  margin-right:.5rem;
}
.lang-nav .lang-nav_croatian a::before {
  background:url(../img/flag-croatia.svg) no-repeat 0 0;
  background-size:cover;
}
.lang-nav .lang-nav_english a::before {
  background:url(../img/flag-uk.svg) no-repeat 0 0;
  background-size:cover;
}
.lang-nav .lang-nav_german a::before {
  background:url(../img/flag-germany.svg) no-repeat 0 0;
  background-size:cover;
}



/* ==========================================================================
   page content
   ========================================================================== */
.page-content {
  position:relative;
  z-index:10;
}
.page-content:after {
  content:"";
  display:table;
  clear:both;
}
.left-col {
  float:left;
  width:60%;
}
.right-col {
  float:right;
  width:40%;
  margin-top:-8rem;
  padding-left:8rem;
}



/*  ----- homepage video ---------------------------------------- */
.promovideo-link {
  z-index:100;
  position:absolute;
  top:-5rem;
  right:-3rem;
  display:block;
  width:23.2rem;
  height:17.2rem;
  background:url(../content/promovideo-thumb.png) no-repeat 50% 50%;
  background-size:contain;
  text-indent:500%;
  white-space:nowrap;
  overflow:hidden;
}  
iframe {
  aspect-ratio: 16 / 9;
  width: 100% !important;
}



/*  ----- hero image slider ---------------------------------------- */
.image-slider {
  overflow:hidden;
  position:relative;
  top:-1rem;
  max-height:50rem;
}
.image-slider img {  width:100%; }

.image-slider::after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  display:block;
  width:100%;
  height:7px;
  background:url(../img/image-slider-mask-bottom.png) repeat-x 50% 0;
}



/*  ----- main ---------------------------------------- */
.page-content__main {
  position:relative;
  margin-top:-10rem;
  border-bottom:8px solid #b0deed;
  background-color:#fff;
}

.page-content__main::before {
  content:"";
  z-index:-1;
  position:absolute;
  top:.5rem;
  bottom:-1.5rem;
  left:.2rem;
  right:-1.3rem;
  display:block;
  -webkit-transform:rotate(.7deg);
          transform:rotate(.7deg);
  background-color:rgba(0,0,0,.2);
  -webkit-clip-path:polygon(0 0%,98% 0,100% 100%,0 100%);
  clip-path:polygon(0 0%,98% 0,100% 100%,0 100%);
}


/* page bottom photo stamps */
.page-content__main::after {
  content:"";
  z-index:2;
  position:absolute;
  bottom:-8rem;
  right:-2rem;
  display:block;
}
.page-content--homepage .page-content__main::after {
  width:41.7rem;
  height:14.9rem;
  background:url(../content/photo-stamps-homepage.png) no-repeat 50% 50%;
  background-size:contain;
}
.page-content--rafting .page-content__main::after {
  width:49.9rem;
  height:17rem;
  background:url(../content/photo-stamps-rafting.png) no-repeat 50% 50%;
  background-size:contain;
}
.page-content--kanu-kayak .page-content__main::after {
  bottom:-10rem;
  right:2rem;
  width:34.6rem;
  height:15.6rem;
  background:url(../content/photo-stamps-kanu-kayak.png) no-repeat 50% 50%;
  background-size:contain;
}
.page-content--canyoning .page-content__main::after {
  bottom:-8rem;
  right:1rem;
  width:31.3rem;
  height:15.3rem;
  background:url(../content/photo-stamps-canyoning.png) no-repeat 50% 50%;
  background-size:contain;
}
.page-content--sea-lake-kayaking .page-content__main::after {
  width:35.3rem;
  height:17rem;
  background:url(../content/photo-stamps-sea-lake-kayaking.png) no-repeat 50% 50%;
  background-size:contain;
}
.page-content--skijasko-trcanje .page-content__main::after {
  bottom:-7rem;
  right:2rem;
  width:34.5rem;
  height:16.2rem;
  background:url(../content/photo-stamps-skijasko-trcanje.png) no-repeat 50% 50%;
  background-size:contain;
}
.page-content--nordijsko-hodanje .page-content__main::after {
  right:2rem;
  width:35.5rem;
  height:16.1rem;
  background:url(../content/photo-stamps-nordijsko-hodanje.png) no-repeat 50% 50%;
  background-size:contain;
}


.page-content__main__inner {
  overflow:hidden;
  z-index:2;
  position:relative;
  padding:4rem 6rem 8rem 6rem;
}
.page-content--onama .page-content__main__inner,
.page-content--lokacija .page-content__main__inner,
.page-content--akcija .page-content__main__inner,
.page-content--kontakt .page-content__main__inner,
.page-content--partneri .page-content__main__inner,
.page-content--rezervacija .page-content__main__inner { padding-bottom:4rem; }
.page-content__main__inner::before,
.page-content__main__inner::after {
  content:"";
  z-index:-1;
  position:absolute;
  display:block;
}

.page-content__main__inner::before {
  top:-2rem;
  right:-5rem;
  width:42rem;
  height:42rem;
  opacity:.1;
  background:url(../img/content-icons-bg.svg) no-repeat 0 100%;
  background-size:cover;
}
.page-content__main__inner::after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
}
.page-content--homepage .page-content__main__inner::after {
  width:100%;
  height:20rem;
  opacity:.7;
  background:url(../img/footer-water-bg.png) no-repeat 0 0;
  background-size:cover;
}

.video-embed {
  margin:2rem 0;
  border-radius:3px;
}


/* pages */
.map-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    margin:2rem -6rem 4rem -6rem;
}
.map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.contact-info-data { line-height:1.2; }
.contact-info-data li {
  margin-bottom:2rem;
  padding-left:0;
}
.contact-info-data li::before { display:none; }
.contact-info-data i {
  display:block;
  font-size:1.4rem;
  font-style:normal;
  text-transform:uppercase;
  color:#888;
}
.contact-info-data a {
  text-decoration:none;
  color:#382f22;
}

.partner-banner { overflow:hidden; }
.partner-banner li {
  float:left;
  padding:0 1rem 0 0;
}
.partner-banner li::before { display:none; }
.partner-links { font-size:1.4rem; }
.partner-links li {
  display:inline-block;
  padding:0;
}
.partner-links li::before { display:none; }
.partner-links li::after {
  content:"";
  display:inline-block;
  width:1px;
  height:2rem;
  margin:0 .6rem -.5rem 1rem;
  background-color:#999;
}
.partner-links a {
  text-decoration:none;
  color:#382f22;
  -webkit-transition:.2s;
  transition:.2s;
}
.partner-links a:hover {
  color:#b11515;
  text-decoration:underline;
}

.page-content--rezervacija .left-col {
  float:none;
  width:auto;
  max-width:80rem;
  margin:-10rem auto 0 auto;
}



/*  ----- forms ---------------------------------------- */
button {
  border:none;
  background:transparent;
}
button,
input[type=button] {
  cursor:pointer;
  outline:none;
}

.form li:before { display:none; }
.form li {
  margin-bottom:2rem;
  padding:0;
}

.form fieldset {
  margin-bottom:2rem;
  padding:0 1rem 1rem 1rem;
  border-bottom:1px dashed #c1c1c1;
}
.form fieldset:last-child {
  padding-bottom:0;
  border:none;
}
.form legend {
  display:block;
  margin-bottom:1rem;
  text-transform:uppercase;
  font-weight:700;
  color:#118ad2;
}

.form label {
  position: relative;
  display:block;
  padding:0 1rem .5rem 1rem;
  font-size:1.6rem;
  font-weight:700;
}
.form .label--required::before {
  content:"*";
  position:absolute;
  top:-.4rem;
  left:-.4rem;
  font-size:2.2rem;
  font-weight:700;
  color:#ae1414;
}

.form input[type=text],
.form input[type=date],
.form input[type=number],
.form input[type=email],
.form select,
.form textarea {
  outline:none;
  width:100%;
  max-width:40rem;
  padding:.8rem 1rem;
  font:1.8rem/1.2 'Fira Sans', Arial, sans-serif;
  border:1px solid #999;
  border-radius:2px;
  background-color:#fcfcfc;
  -webkit-transition:.2s;
  transition:.2s;
}
.form textarea {
  overflow:auto;
  height:12rem;
}
.form input[type=text]:hover,
.form input[type=date]:hover,
.form input[type=number]:hover,
.form input[type=email]:hover,
.form select:hover,
.form textarea:hover {
  border-color:#382f22;
}
.form input[type=text]:focus,
.form input[type=date]:focus,
.form input[type=number]:focus,
.form input[type=email]:focus,
.form select:focus,
.form textarea:focus {
  border-color:#1686dd;
  box-shadow:0 0 6px rgba(17,138,210,.5);
}

.form .btn {
  padding:1.5rem 4rem 1.5rem 4rem;
  font-size:2rem;
}



/*  ----- sidebar ---------------------------------------- */
.offer-box {
  position:relative;
  margin-bottom:4rem;
  padding-bottom:1.5rem;
  background-color:#fff;
}
.offer-box::before {
  content:"";
  z-index:-1;
  position:absolute;
  top:.5rem;
  bottom:-.5rem;
  left:.4rem;
  right:-.7rem;
  display:block;
  -webkit-transform:rotate(.2deg);
          transform:rotate(.2deg);
  background-color:rgba(0,0,0,.2);
  -webkit-clip-path:polygon(0 0,99% 0,100% 100%,0 100%);
  clip-path:polygon(0 0%,99% 0,100% 100%,0 100%);
}

.offer-box__title {
  z-index:2;
  position:relative;
  top:-6.5rem;
  left:1rem;
  width:90%;
  padding:1.5rem 5rem 2rem 8rem;
  font:3rem/.8 'Caveat', cursive;
  color:#fff;
  background-color:#118ad2;
  text-shadow:none;
  box-shadow:0 1px 1px rgba(0,0,0,.25);
  -webkit-transform:rotate(-2deg);
          transform:rotate(-2deg);
}
.offer-box__title::after,
.offer-box__title::before {
  content:"";
  position:absolute;
  display:inline-block;
}
.offer-box__title::after {
  z-index:-1;
  top:1.8rem;
  right:2.2rem;
  width:4.6rem;
  height:5.3rem;
  background:url(../img/offer-box-arrow.svg) no-repeat 50% 50%;
  background-size:contain;
}
.offer-box__title::before {
  top:-3rem;
  left:-3.7rem;
  width:10.7rem;
  height:14.6rem;
  background:url(../img/offer-box-stamp.png) no-repeat 50% 50%;
  background-size:contain;
}


/* offer list */
.offer-box__list {
  margin:-6rem 0 1.5rem 0;
  font:700 1.6rem/1 'Bitter', Georgia, serif;
}
.offer-box__list li {
  margin:0;
  padding:.1rem .1rem 0 .1rem;
}
.offer-box__list li::after {
  content:"";
  display:block;
  width:auto;
  height:1px;
  margin:1px 1rem 0 1rem;
  border-top:1px dashed #c1c1c1;
}
.offer-box__list a {
  position:relative;
  display:block;
  padding:1.4rem 2rem;
  color:#118ad2;
  text-decoration:none;
  -webkit-transition:.3s;
  transition:.3s;
}
.offer-box__list strong {
  display:block;
  margin-top:0.8rem;
  font:italic 700 1.6rem/1 'Fira Sans', Georgia, serif;
  color:#5c8d0e;
  -webkit-transition:.3s;
  transition:.3s;
}
.offer-box__list a:hover {
  color:#fff;
  background-color:#118ad2;
}
.offer-box__list a:hover strong { color:#fff; }
.offer-box__list svg {
  position:absolute;
  top:53%;
  right:2rem;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
  width:1.1rem;
  height:1.9rem;
  fill:#b1a697;
  -webkit-transition:.3s;
  transition:.3s;
}
.offer-box__list a:hover svg {
  right:1.5rem;
  fill:#fff;
}

.offer-box__note {
  display:block;
  padding:0 2rem;
  font-size:1.5rem;
  font-style:italic;
  color:#446908;
}


/* offer price */
.offer-box__price {
  margin:-4.5rem 1rem 0 1rem;
  text-align:center;
}
.offer-box__price.buttons { margin-top:3rem; }
.offer-box__price strong {
  display:block;
  margin-bottom:.5rem;
  font:italic 700 1.8rem/1 'Fira Sans', Georgia, serif;
  color:#5c8d0e;
}
.offer-box__price hr {
  display:block;
  height:1px;
  margin:2rem 0 3rem 0;
  border:none;
  border-bottom:1px dashed #c1c1c1;
}
.btn--reservation {
  display:block;
  margin:0 2rem 2rem 2rem;
  padding:2rem;
  font-size:2rem;
}


/* additional offer */
.additional-offer {
  margin:0 1rem 4rem 1rem;
  padding:0 2rem 2rem 2rem;
  color:#fff;
  border-bottom:1px dashed rgba(255,255,255,.3);
}
.additional-offer p { line-height:1.2; }

.additional-offer__lunch {
  position:relative;
  padding:.5rem 0 0 8rem;
}
.additional-offer__lunch::before {
  content:"";
  position:absolute;
  top:50%;
  left:0;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
  display:inline-block;
  width:6rem;
  height:6rem;
  border-radius:100%;
  background:#fff url(../img/lunch-ico.svg) no-repeat 50% 50%;
  background-size:3rem auto;
}


/* photos */
.offer-box + .photos { margin-top:8rem; }
.photos h2 {
  margin:0 3rem 2rem 3rem;
  font:700 2.4rem/1 'Bitter', Georgia, serif;
  color:#fff;
}
.photos ul { padding:0 .5rem; }
.photos li {
  float:left;
  width:25%;
  margin:0;
  padding:.5rem;
}
.photos a {
  display:block;
  border:4px solid #fff;
  box-shadow:0 1px 1px rgba(0,0,0,.3);
  -webkit-transition:.3s;
  transition:.3s;
}
.photos a:hover {
  box-shadow:0 15px 30px rgba(0,0,0,.25);
}



/* promo box */
.promo-box {
  position:relative;
  margin:-2rem 0 10rem 0;
  padding:2rem;
  background-color:#fff;
}
.promo-box::before {
  content:"";
  z-index:-1;
  position:absolute;
  top:.5rem;
  bottom:-.5rem;
  left:.4rem;
  right:-.7rem;
  display:block;
  -webkit-transform:rotate(.2deg);
          transform:rotate(.2deg);
  background-color:rgba(0,0,0,.2);
  -webkit-clip-path:polygon(0 0,99% 0,100% 100%,0 100%);
  clip-path:polygon(0 0%,99% 0,100% 100%,0 100%);
}

.promo-box p {
  font-size:1.4rem;
  font-weight:700;
}


/* ==========================================================================
   page footer
   ========================================================================== */
.page-footer {
  overflow:hidden;
  clear:both;
  width:100%;
  margin-top:10rem;
  font-size:1.4rem;
  line-height:1.2;
  color:#fff;
}
.page-footer .inner {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}

.page-footer small {
  clear:both;
  display:block;
  padding:4rem 0;
  text-align:center;
  font-size:1.4rem;
  color:#29706c;
}

.page-footer section {
  position:relative;
  float:left;
  width:25%;
  padding:1rem 3rem 4rem 3rem;
  border-left:1px solid rgba(255,255,255,.45);
}
.page-footer section:first-child { border-left:none; }
.page-footer section footer {
  position:absolute;
  bottom:1rem;
  left:3rem;
  right:0;
}

.page-footer h1 {
  margin:0 0 2.4rem 0;
  font:700 2.4rem/1 'Bitter', Georgia, serif;
  text-shadow:none;
  color:#fff;
}
.page-footer a {
  position:relative;
  display:inline-block;
  color:#fff;
}
.page-footer footer {
  white-space:nowrap;
  font-size:1.3rem;
}
.page-footer footer a { margin-right:1.5rem; }
.page-footer footer a:last-child { margin-right:0; }
.page-footer footer a::before {
  content:"";
  position:absolute;
  left:0;
  display:inline-block;
  background-size:100%;
}


/*  ----- location ---------------------------------------- */
.page-footer__location span {
  position:relative;
  display:block;
  padding:1rem 0 0 10rem;
  font-size:1.6rem;
}
.page-footer__location span::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  display:inline-block;
  width:8.5rem;
  height:7.8rem;
  background:url(../img/ico-location.svg) no-repeat 50% 50%;
  background-size:100%;
}

.page-footer__location-link { padding-left:1.9rem; }
.page-footer__location-link::before {
  width:1.5rem;
  height:1.5rem;
  background:url(../img/ico-zoom-plus.svg) no-repeat 50% 50%;
}


/*  ----- weather ---------------------------------------- */
.page-footer__weather-link { padding-left:1.9rem; }
.page-footer__weather-link::before {
  top:-.1rem;
  width:1.6rem;
  height:1.6rem;
  background:url(../img/ico-weather-sun.svg) no-repeat 50% 50%;
}
.page-footer__water-level-link { padding-left:2.6rem; }
.page-footer__water-level-link::before {
  top:.1rem;
  width:2.1rem;
  height:1.2rem;
  background:url(../img/ico-water.svg) no-repeat 50% 50%;
}

.weather { position:relative; }
.weather span {
  display:block;
  margin-bottom:.6rem;
  white-space:nowrap;
  line-height:1;
}

.weather__icon {
  float:left;
  margin-right:3rem;
  color:#fff;
  font-family:weather;
  font-size:12rem;
  font-weight:normal;
  font-style:normal;
  line-height:.75;
  text-transform:none;
}

span.weather__temp {
  font-size:4.2rem;
  font-weight:700;
  margin-bottom:0;
}
span.weather__temp b {
  vertical-align:top;
  position:relative;
  top:.4rem;
  margin-left:.7rem;
  font-size:2.4rem;
  font-weight:400;
}


@font-face {
    font-family:'weather';
    src:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight:normal;
    font-style:normal;
}
.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }


/*  ----- network ---------------------------------------- */
.page-footer__network span {
  display:block;
  margin-bottom:1rem;
}
.page-footer__network li {
  display:inline-block;
  margin-right:.6rem;
}
.page-footer__network a { -webkit-transition:.2s; transition:.2s; }
.page-footer__network a:hover { -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }

.page-footer .page-footer__network footer {
  bottom:2.2rem;
  height:2rem;
  margin-right:-4rem;
}
.page-footer__network footer a { margin-right:.5rem; }


/*  ----- contact ---------------------------------------- */
.page-footer__contact ul {
  margin:0;
  font-size:1.4rem;
  line-height:1.4;
}
.page-footer__contact li { margin:0; }
.page-footer__contact li:first-child { margin-bottom:1rem; }
.page-footer__contact ul a { text-decoration:none; }

.page-footer__contact-link { padding-left:2.1rem; }
.page-footer__contact-link::before {
  top:0;
  width:1.8rem;
  height:1.3rem;
  background:url(../img/ico-email.svg) no-repeat 50% 50%;
}
.page-footer__partners-link { padding-left:2.4rem; }
.page-footer__partners-link::before {
  top:0;
  width:2.1rem;
  height:1.5rem;
  background:url(../img/ico-partners.svg) no-repeat 50% 50%;
}