body {
  font-family: "Raleway", Regular, sans-serif;
  margin: 0;
  box-sizing: border-box;
  background-color: white;
  color: #000000;
  /*    START INDEX    */
  /*   END INDEX   */
  /*    START SUBPAGES GENERAL    */ }
  body div {
    box-sizing: border-box !important; }
  body a {
    text-decoration: none;
    color: #000000; }
  body .color-red {
    color: #9A0E26; }
  body .color-white {
    color: white; }
  body .container {
    overflow: hidden; }
  body .separator {
    width: 100%;
    clear: both;
    display: block; }
  body .error {
    background-color: #9A0E26;
    position: fixed;
    width: 340px;
    height: auto;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 25px;
    color: white;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    z-index: 999; }
    body .error #message {
      margin: 10px;
      width: 100%;
      text-align: center; }
  body header {
    background-color: rgba(255, 255, 255, 0.6);
    height: 105px;
    border: 1px solid #dddddd;
    width: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
    display: block;
    box-sizing: border-box;
    z-index: 800; }
    body header .nav-btn-toggle {
      display: none; }
    body header .logo {
      width: 220px;
      height: 100%;
      float: left;
      border-right: 1px solid #dddddd; }
      body header .logo .mobile-logo {
        display: none; }
      body header .logo img {
        margin-left: 40px;
        margin-top: 15px; }
    body header nav {
      width: calc(100% - 360px);
      margin-left: 220px;
      height: calc(100%);
      text-align: right; }
      body header nav .nav-header {
        display: none; }
      body header nav .nav-header, body header nav .nav-item {
        font-size: 12px;
        text-align: center;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 50px;
        padding-bottom: 36px; }
      body header nav .nav-item {
        display: inline-block; }
      body header nav a.active, body header nav a:hover {
        border-bottom: 4px solid #9A0E26; }
    body header .lang {
      width: 140px;
      height: 100%;
      float: right;
      text-align: center;
      border-left: 1px solid #dddddd; }
      body header .lang a {
        display: inline-block;
        color: #808080;
        font-size: 12px;
        margin-top: 50px;
        margin-bottom: 40px; }
      body header .lang a.active, body header .lang a:hover {
        color: #9A0E26; }
  body .contact-form, body .reservation-form {
    clear: both;
    margin-left: 180px;
    margin-right: 190px;
    margin-top: 90px; }
    body .contact-form small, body .reservation-form small {
      position: absolute;
      display: none;
      z-index: 300;
      font-size: 12px;
      line-height: 30px;
      font-style: italic; }
    body .contact-form small.contact-name, body .contact-form small.contact-email, body .reservation-form small.contact-name, body .reservation-form small.contact-email {
      top: 50px; }
    body .contact-form small.contact-message, body .reservation-form small.contact-message {
      bottom: 50%;
      transform: translateY(-100%); }
    body .contact-form small.contact-radio, body .reservation-form small.contact-radio {
      top: 25px;
      transform: translateX(-50%); }
    body .contact-form .form-group, body .contact-form .focus-group, body .reservation-form .form-group, body .reservation-form .focus-group {
      position: relative; }
      body .contact-form .form-group .required-star, body .contact-form .focus-group .required-star, body .reservation-form .form-group .required-star, body .reservation-form .focus-group .required-star {
        width: 7px;
        height: 7px;
        position: absolute;
        top: 27px;
        left: -17px; }
    body .contact-form .third, body .reservation-form .third {
      width: calc((100% - 81px) / 3);
      display: inline-block;
      margin-right: calc((100% - (100% - 69px)) / 2); }
    body .contact-form .form-group:nth-of-type(5), body .reservation-form .form-group:nth-of-type(5) {
      margin-right: 0; }
    body .contact-form .arrow, body .reservation-form .arrow {
      transform: translate(-125%, 100%);
      width: 80px;
      height: 80px; }
    body .contact-form h4, body .reservation-form h4 {
      color: #9A0E26;
      font-size: 30px;
      line-height: 60px;
      font-weight: normal; }
    body .contact-form input[type="text"], body .contact-form input[type="email"], body .contact-form input[type="number"], body .contact-form textarea, body .reservation-form input[type="text"], body .reservation-form input[type="email"], body .reservation-form input[type="number"], body .reservation-form textarea {
      display: block; }
    body .contact-form input[type="text"], body .contact-form input[type="email"], body .contact-form input[type="number"], body .contact-form label[for="contact_message"], body .contact-form label[for="reservation_message"], body .reservation-form input[type="text"], body .reservation-form input[type="email"], body .reservation-form input[type="number"], body .reservation-form label[for="contact_message"], body .reservation-form label[for="reservation_message"] {
      background-repeat: no-repeat;
      background-position: right center; }
    body .contact-form textarea, body .reservation-form textarea {
      width: 100%;
      border-color: #dddddd;
      outline: none; }
    body .contact-form textarea:focus, body .contact-form textarea:active, body .reservation-form textarea:focus, body .reservation-form textarea:active {
      border: 1px solid #9A0E26; }
    body .contact-form .focus-group, body .reservation-form .focus-group {
      display: flex;
      flex-direction: column-reverse; }
      body .contact-form .focus-group .required-star, body .reservation-form .focus-group .required-star {
        top: 40px; }
    body .contact-form textarea:focus + label, body .contact-form textarea:active + label, body .contact-form textarea:focus ~ label, body .contact-form textarea:active ~ label, body .reservation-form textarea:focus + label, body .reservation-form textarea:active + label, body .reservation-form textarea:focus ~ label, body .reservation-form textarea:active ~ label {
      background-image: url("/core/img/png/bota-sare-home-contact-message-focus.png"); }
    body .contact-form input[type="text"], body .contact-form input[type="email"], body .contact-form input[type="number"], body .reservation-form input[type="text"], body .reservation-form input[type="email"], body .reservation-form input[type="number"],body .reservation-form select {
      width: calc(100% - 20px);
      height: 40px;
      padding: 20px;
      padding-left: 0;
      border: none;
      outline: none;
      border-bottom: 1px solid #dddddd;
      font-size: 16px;
      margin-top: 10px; }
      .reservation-form select{
        padding: 20px !important;
        height: 80px !important;
        width: 100% !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
        color:#757575 !important;
      }
    body .contact-form input[type="text"]:active, body .contact-form input[type="text"]:focus, body .contact-form input[type="email"]:active, body .contact-form input[type="email"]:focus, body .contact-form input[type="number"]:active, body .contact-form input[type="number"]:focus, body .reservation-form input[type="text"]:active, body .reservation-form input[type="text"]:focus, body .reservation-form input[type="email"]:active, body .reservation-form input[type="email"]:focus, body .reservation-form input[type="number"]:active, body .reservation-form input[type="number"]:focus {
      border-bottom: 1px solid #9A0E26; }
    body .contact-form label[for="contact_message"], body .contact-form label[for="reservation_message"], body .reservation-form label[for="contact_message"], body .reservation-form label[for="reservation_message"] {
      height: 40px;
      display: block;
      margin-top: 45px;
      margin-bottom: 25px;
      width: 100%;
      background-image: url("/core/img/png/bota-sare-home-contact-message.png"); }
    body .contact-form label[for="contact_message"]:active, body .contact-form label[for="contact_message"]:focus, body .contact-form label[for="reservation_message"]:active, body .contact-form label[for="reservation_message"]:focus, body .reservation-form label[for="contact_message"]:active, body .reservation-form label[for="contact_message"]:focus, body .reservation-form label[for="reservation_message"]:active, body .reservation-form label[for="reservation_message"]:focus {
      background-image: url("/core/img/png/bota-sare-home-contact-message-focus.png"); }
    body .contact-form #contact_name, body .contact-form #reservation_name, body .reservation-form #contact_name, body .reservation-form #reservation_name {
      background-image: url("/core/img/png/bota-sare-home-contact-name.png"); }
    body .contact-form #contact_name:active, body .contact-form #contact_name:focus, body .contact-form #reservation_name:active, body .contact-form #reservation_name:focus, body .reservation-form #contact_name:active, body .reservation-form #contact_name:focus, body .reservation-form #reservation_name:active, body .reservation-form #reservation_name:focus {
      background-image: url("/core/img/png/bota-sare-home-contact-name-focus.png"); }
    body .contact-form #contact_email, body .contact-form #reservation_email, body .reservation-form #contact_email, body .reservation-form #reservation_email {
      background-image: url("/core/img/png/bota-sare-home-contact-mail.png"); }
    body .contact-form #contact_email:active, body .contact-form #contact_email:focus, body .contact-form #reservation_email:active, body .contact-form #reservation_email:focus, body .reservation-form #contact_email:active, body .reservation-form #contact_email:focus, body .reservation-form #reservation_email:active, body .reservation-form #reservation_email:focus {
      background-image: url("/core/img/png/bota-sare-home-contact-mail-focus.png"); }
    body .contact-form #reservation_people, body .reservation-form #reservation_people {
      background-image: url("/core/img/png/bota-sare-contact-people-number.png"); }
    body .contact-form #reservation_people:active, body .contact-form #reservation_people:focus, body .reservation-form #reservation_people:active, body .reservation-form #reservation_people:focus {
      background-image: url("/core/img/png/bota-sare-contact-people-number-focus.png"); }
    body .contact-form #reservation_date, body .reservation-form #reservation_date {
      background-image: url("/core/img/png/bota-sare-contact-date.png"); }
    body .contact-form #reservation_date:active, body .contact-form #reservation_date:focus, body .reservation-form #reservation_date:active, body .reservation-form #reservation_date:focus {
      background-image: url("/core/img/png/bota-sare-contact-date-focus.png"); }
    body .contact-form #reservation_time, body .reservation-form #reservation_time {
      background-image: url("/core/img/png/bota-sare-contact-time.png"); }
    body .contact-form #reservation_time:active, body .contact-form #reservation_time:focus, body .reservation-form #reservation_time:active, body .reservation-form #reservation_time:focus {
      background-image: url("/core/img/png/bota-sare-contact-time-focus.png"); }
    body .contact-form #reservation_people, body .contact-form #reservation_date, body .reservation-form #reservation_people, body .reservation-form #reservation_date {
      margin-right: 5px; }
    body .contact-form .radio, body .reservation-form .radio {
      text-align: center;
      margin-top: 80px;
      margin-bottom: 90px;
      position: relative; }
      body .contact-form .radio p, body .reservation-form .radio p {
        margin-bottom: 70px; }
      body .contact-form .radio div, body .reservation-form .radio div {
        display: inline-block;
        padding-left: 55px;
        padding-right: 55px; }
        body .contact-form .radio div input, body .reservation-form .radio div input {
          -webkit-appearance: unset;
          clear: both;
          background-color: #dddddd;
          outline: none;
          height: 20px;
          width: 20px;
          border-radius: 10px; }
        body .contact-form .radio div input:checked, body .reservation-form .radio div input:checked {
          background-color: #9A0E26; }
    body .contact-form .reservation_submit, body .reservation-form .reservation_submit {
      margin-top: 100px; }
    body .contact-form .contact_submit, body .contact-form .reservation_submit, body .reservation-form .contact_submit, body .reservation-form .reservation_submit {
      width: 100%;
      clear: both;
      text-align: center;
      display: block; }
      body .contact-form .contact_submit label, body .contact-form .reservation_submit label, body .reservation-form .contact_submit label, body .reservation-form .reservation_submit label {
        width: 96px;
        height: 96px;
        display: block;
        margin: 0 auto;
        cursor: pointer; }
        body .contact-form .contact_submit label object, body .contact-form .contact_submit label embed, body .contact-form .contact_submit label svg, body .contact-form .reservation_submit label object, body .contact-form .reservation_submit label embed, body .contact-form .reservation_submit label svg, body .reservation-form .contact_submit label object, body .reservation-form .contact_submit label embed, body .reservation-form .contact_submit label svg, body .reservation-form .reservation_submit label object, body .reservation-form .reservation_submit label embed, body .reservation-form .reservation_submit label svg {
          height: 96px;
          width: 96px;
          display: block;
          cursor: pointer; }
        body .contact-form .contact_submit label div, body .contact-form .reservation_submit label div, body .reservation-form .contact_submit label div, body .reservation-form .reservation_submit label div {
          background-color: white;
          padding: 10px 11px;
          z-index: 3;
          position: absolute;
          transform: translate(25%, 90%);
          font-size: 14px;
          font-family: "Raleway", SemiBold, sans-serif; }
          
  body footer .mali-linehight{
    line-height: 20px !important;
  }
  
  footer .visina{
      height: 22px;
  }
  body footer {
    margin-left: 180px;
    margin-right: 190px;
    margin-top: 75px;
    width: auto;
    border-top: 1px solid #dddddd;
    height: 420px;
    position: static;
    bottom: 0; }
    body footer .logo, body footer .mobile-logo {
      height: 210px;
      width: 135px;
      float: left;
      margin-top: 100px; }
      body footer .logo a, body footer .mobile-logo a {
        display: block;
        height: 100%;
        width: 100%; }
        body footer .logo a img, body footer .mobile-logo a img {
          height: 100%;
          width: auto; }
    body footer .contact-data {
      float: right;
      margin-top: 60px; }
      body footer .contact-data .contact-wrapper {
        display: inline-block; }
        body footer .contact-data .contact-wrapper .number {
          margin-right: 15px;
          height: 100%;
          width: 17px;
          display: inline-block;
          vertical-align: top; }
          body footer .contact-data .contact-wrapper .number p {
            width: 8px;
            height: 19px;
            margin-top: -50%;
            transform: translate(100%, -50%);
            font-weight: bold;
            color: #9A0E26;
            font-size: 16px; }
        body footer .contact-data .contact-wrapper .item {
          width: 150px;
          display: inline-block;
          text-align: left; }

        body footer .contact-data .contact-wrapper .item a.face {
          display: inline-block;
          background-repeat:no-repeat;
          background-image: url('/core/img/footer/facebook.png');
          width:20px;
          height:20px;
          margin-top:10px;
        }
        .closing-popup-container a.face {
          display: inline-block;
          background-repeat:no-repeat;
          background-image: url('/core/img/footer/facebook.png');
          width:20px;
          height:20px;
          margin-top:10px;
        }
        body footer .contact-data .contact-wrapper .item a.face:hover  {
          background-image: url('/core/img/footer/facebook-hover.png');
        }
        body footer .contact-data .contact-wrapper .item a.insta {
          display: inline-block;
          background-repeat:no-repeat;
          background-image: url('/core/img/footer/instagram.png');
          width:20px;
          height:20px;
          margin-top:10px;
        }
        .closing-popup-container a.insta {
          display: inline-block;
          background-repeat:no-repeat;
          background-image: url('/core/img/footer/instagram.png');
          width:20px;
          height:20px;
          margin-top:10px;
        }
        .closing-popup-container p{
            text-align:center;
        }
        body footer .contact-data .contact-wrapper .item a.insta:hover {
          background-image: url('/core/img/footer/instagram-hover.png');
        }

          body footer .contact-data .contact-wrapper .item h4 {
            color: #000000;
            font-size: 16px;
            font-family: "Raleway", Regular, sans-serif;
            line-height: 30px;
            font-weight: normal; }
          body footer .contact-data .contact-wrapper .item h5 {
            font-size: 12px;
            color: #9A0E26;
            line-height: 30px;
            font-weight: normal; }
          body footer .contact-data .contact-wrapper .item hr {
            border: 2px solid #dddddd;
            background-color: #dddddd;
            width: 116px;
            padding-left: 0;
            margin-left: 0; }
          body footer .contact-data .contact-wrapper .item p {
            color: #000000;
            font-size: 12px;
            line-height: 19px; }
    body footer .mint {
      padding-top: 45px;
      margin-bottom: 45px;
      width: 100%;
      clear: both;
      text-align: center;
      color: #ABABAB;
      font-size: 12px; }
  body .index {
    min-height: 50vw;
    height: 100vh;
    width: 100%;
    position: relative;
    clear: both;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center; }
    body .index h1, body .index h2 {
      font-family: "Raleway", Light, sans-serif;
      font-weight: 300;
      font-size: 45px;
      display: block;
      line-height: 65px;
      margin-bottom: 0;
      margin-top: 0; }
    body .index .hero-inner {
      padding-top: 300px;
      height: 100%; }
      body .index .hero-inner .slider {
        position: absolute;
        top: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center; }
      body .index .hero-inner .first {
        background-image: url("/core/img/home/bota-sare-home-slider-1.jpg"); }
      body .index .hero-inner .second {
        background-image: url("/core/img/home/bota-sare-home-slider-2.jpg"); }
      body .index .hero-inner .slider_front {
        display: inline-block;
        position: relative;
        z-index: 100; }
        body .index .hero-inner .slider_front img {
          display: inline-block;
          height: 35vw; }
        body .index .hero-inner .slider_front .text {
          display: inline-block;
          width: auto;
          height: auto;
          vertical-align: top;
          position: relative;
          padding-top: 60px; }
    body .index .indicator-container {
      width: 12px;
      height: 30px;
      z-index: 700;
      position: absolute;
      top: 50%;
      right: 20px;
      display: none; }
      body .index .indicator-container span {
        width: 12px;
        display: block;
        height: 12px;
        border-radius: 12px;
        margin: 10px;
        background-color: #dddddd;
        cursor: pointer; }
      body .index .indicator-container .active-indicator {
        background-color: #9A0E26; }
  body .fly-in-block {
    height: 50vw;
    clear: both; }
  body .fly-in-left, body .fly-in-right {
    width: 60vw;
    display: inline-block;
    height: 50vw; }
    body .fly-in-left .fly-in, body .fly-in-right .fly-in {
      width: 100%;
      display: inline-block;
      position: relative;
      background-size: cover;
      background-repeat: no-repeat;
      height: 100%; }
      body .fly-in-left .fly-in .element, body .fly-in-right .fly-in .element {
        position: absolute;
        max-height: 200px;
        max-width: 200px;
        height: 50%;
        top: 10%; }
  body .fly-in-left .fly-in {
    left: -150%; }
    body .fly-in-left .fly-in .element {
      left: calc(100% - 200px);
      transform: translateX(50%); }
  body .fly-in-right .fly-in {
    right: -150%; }
    body .fly-in-right .fly-in .element {
      right: calc(100% - 200px);
      transform: translateX(-50%); }
  body .mali-ston-bay {
    width: 100%;
    margin-top: 90px;
    clear: both; }
    body .mali-ston-bay .wrapper {
      height: 100%;
      position: relative; }
      body .mali-ston-bay .wrapper .fly-in-left .fly-in {
        background-image: url("/core/img/home/bota-sare-home-malostonski-zaljev.jpg");
        background-position: center right; }
      body .mali-ston-bay .wrapper .text {
        width: calc(100% - 77vw);
        display: inline-block;
        vertical-align: top;
        line-height: 30px;
        margin-left: 11vw;
        margin-right: 6vw;
        float: right;
        height: 100%; }
        body .mali-ston-bay .wrapper .text p {
          margin-top: 0; }
          body .mali-ston-bay .wrapper .text p br {
            display: none; }
      body .mali-ston-bay .wrapper .floater {
        transform: translate(50%, -90%);
        width: auto;
        position: absolute;
        left: calc(100% - 60vw);
        max-height: 100%; }
        .subtitle{
            margin:5% 0;
            font-style:italic;
        }
        .quote.offer{
            width:50%;
            margin:0 auto;
        }
        
@keyframes bobbing {
  0% {
    transform: rotate(0) translateY(10%); }
  100% {
    transform: rotate(0.1deg) translateY(0%); } }
@keyframes shadow {
  0% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }
        body .mali-ston-bay .wrapper .floater .red, body .mali-ston-bay .wrapper .floater .black {
          display: inline-block;
          max-height: 100%;
          width: auto; }
          body .mali-ston-bay .wrapper .floater .red .fish, body .mali-ston-bay .wrapper .floater .black .fish {
            top: 0;
            left: 0;
            margin: 0;
            animation: bobbing 1.5s infinite ease-in-out forwards alternate; }
          body .mali-ston-bay .wrapper .floater .red .shadow, body .mali-ston-bay .wrapper .floater .black .shadow {
            display: block;
            position: relative;
            bottom: 0;
            width: 100%;
            height: 35px;
            margin-top: 15%;
            transform: translateX(-50%);
            animation: shadow 1.5s infinite ease-in-out forwards alternate;
            transform-origin: center center; }
        body .mali-ston-bay .wrapper .floater .red .fish {
          max-width: 100%;
          max-height: 100%;
          height: auto;
          width: auto; }
        body .mali-ston-bay .wrapper .floater .black {
          transform: translate(-25%, 5%); }
          body .mali-ston-bay .wrapper .floater .black .fish {
            max-height: 100%;
            max-width: 100%;
            height: auto;
            width: auto; }
          body .mali-ston-bay .wrapper .floater .black .shadow {
            z-index: 100; }
  body .zagreb-home {
    width: auto;
    min-height: 1100px;
    background-image: url("/core/img/home/bota-sare-home-zagreb-restaurant-main.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 80px;
    display: block;
    clear: both; }
    body .zagreb-home .center {
      width: 650px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding-top: 275px; }
      body .zagreb-home .center hr {
        height: 2px;
        background-color: #9A0E26;
        border: 1px solid #9A0E26;
        width: 116px;
        margin: 0 auto; }
      body .zagreb-home .center h2 {
        margin-top: 20px;
        font-size: 45px;
        line-height: 45px;
        font-weight: 300;
        width: 148px;
        margin-left: auto;
        margin-right: auto;
        text-align: center; }
      body .zagreb-home .center p {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 62px; }
      body .zagreb-home .center img {
        padding: 16px; }
      body .zagreb-home .center .explore {
        height: 120px;
        width: 180px;
        margin: 0 auto;
        margin-top: 120px;
        cursor: pointer; }
        body .zagreb-home .center .explore .square, body .zagreb-home .center .explore object, body .zagreb-home .center .explore embed, body .zagreb-home .center .explore svg {
          height: 60px;
          width: 60px; }
        body .zagreb-home .center .explore g {
          cursor: pointer; }
        body .zagreb-home .center .explore .square {
          float: right;
          background-color: #9A0E26;
          color: white;
          margin-right: 60px;
          font-size: 12px;
          line-height: 30px;
          position: relative; }
          body .zagreb-home .center .explore .square .lottie {
            float: right;
            width: 20px;
            height: 20px;
            transform: translateY(50%); }
        body .zagreb-home .center .explore object {
          transform: translatex(200%);
          float: right;
          margin-top: 60px; }
  body .mali-ston-home {
    position: relative;
    margin-top: 120px;
    margin-bottom: 120px; }
    body .mali-ston-home .fly-in-right {
      height: 50vw;
      float: right; }
      body .mali-ston-home .fly-in-right .fly-in {
        background-image: url("/core/img/home/bota-sare-home-mali-ston-restaurant-main.jpg");
        background-position: center left; }
    body .mali-ston-home .vertical {
      z-index: 100;
      position: absolute;
      width: 255px;
      height: 550px;
      right: 60vw;
      bottom: 0;
      transform: translateX(-25%); }
      body .mali-ston-home .vertical .mobile {
        display: none; }
      body .mali-ston-home .vertical .oysters, body .mali-ston-home .vertical .mobile, body .mali-ston-home .vertical .small {
        max-height: 255px;
        max-width: 255px;
        height: 50%;
        width: 100%;
        background-repeat: no-repeat;
        background-size: contain; }
      body .mali-ston-home .vertical .oysters, body .mali-ston-home .vertical .mobile {
        background-image: url("/core/img/home/bota-sare-home-mali-ston-restaurant-circle.png");
        background-position: center;
        margin-bottom: 40px; }
      body .mali-ston-home .vertical .small {
        background-image: url("/core/img/home/bota-sare-home-mali-ston-restaurant-square.png");
        background-position: top center;
        position: relative; }
        body .mali-ston-home .vertical .small img {
          width: 100%;
          height: 100%; }
        body .mali-ston-home .vertical .small .element {
          width: 80px !important;
          height: 80px !important;
          position: absolute;
          top: 10px;
          right: 10px; }
    body .mali-ston-home .text {
      width: calc(100% - 77vw);
      display: inline-block;
      vertical-align: top;
      margin-left: 80px;
      float: left;
      height: 100%;
      position: relative; }
      body .mali-ston-home .text hr {
        height: 2px;
        background-color: #dddddd;
        border: 1px solid #dddddd;
        width: 116px;
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 15px; }
      body .mali-ston-home .text h2 {
        font-size: 45px;
        font-weight: 300;
        line-height: 45px;
        width: 190px;
        height: 55px;
        vertical-align: bottom;
        margin: 0; }
      body .mali-ston-home .text p {
        font-size: 16px;
        color: #9A0E26;
        line-height: 30px;
        margin-top: 0; }
    body .mali-ston-home .explore {
      text-align: center;
      height: 120px;
      width: 180px;
      margin: 0 auto;
      cursor: pointer;
      clear: both;
      display: block;
      position: absolute;
      left: calc(100% - (77vw + 275px));
      top: 150px; }
      body .mali-ston-home .explore .square, body .mali-ston-home .explore object, body .mali-ston-home .explore embed, body .mali-ston-home .explore svg {
        height: 60px;
        width: 60px; }
      body .mali-ston-home .explore g {
        cursor: pointer; }
      body .mali-ston-home .explore .square {
        float: right;
        background-color: #9A0E26;
        color: white;
        margin-right: 60px;
        font-size: 12px;
        line-height: 30px;
        position: relative; }
        body .mali-ston-home .explore .square .lottie {
          float: right;
          width: 20px;
          height: 20px;
          transform: translateY(50%); }
      body .mali-ston-home .explore object {
        transform: translatex(200%);
        float: right;
        margin-top: 60px; }
  body .dubrovnik-home {
    margin-top: 120px; }
    body .dubrovnik-home .wrapper {
      height: 100%;
      position: relative; }
      body .dubrovnik-home .wrapper .fly-in-left .fly-in {
        background-image: url("/core/img/home/bota-sare-home-dubrovnik-restaurant-main.jpg");
        background-position: center right; }
      body .dubrovnik-home .wrapper .right {
        width: auto;
        height: 100%;
        display: inline-block;
        vertical-align: top;
        margin-left: 250px; }
        body .dubrovnik-home .wrapper .right .text {
          width: 100%;
          height: auto; }
          body .dubrovnik-home .wrapper .right .text hr {
            height: 2px;
            background-color: #dddddd;
            border: 1px solid #dddddd;
            width: 116px;
            margin: 0; }
          body .dubrovnik-home .wrapper .right .text h2 {
            font-size: 45px;
            font-weight: 300;
            line-height: 45px;
            margin: 0;
            margin-top: 15px; }
          body .dubrovnik-home .wrapper .right .text p {
            font-size: 16px;
            line-height: 30px;
            margin-top: 5px; }
      body .dubrovnik-home .wrapper .vertical {
        z-index: 100;
        position: absolute;
        width: 255px;
        height: 550px;
        left: 60vw;
        bottom: 0;
        transform: translateX(25%); }
        body .dubrovnik-home .wrapper .vertical .circle, body .dubrovnik-home .wrapper .vertical .cake {
          max-height: 255px;
          max-width: 255px;
          height: 50%;
          width: 100%;
          background-repeat: no-repeat;
          background-size: contain; }
        body .dubrovnik-home .wrapper .vertical .circle {
          background-image: url("/core/img/home/bota-sare-home-dubrovnik-restaurant-circle.png");
          background-position: center;
          margin-bottom: 40px; }
        body .dubrovnik-home .wrapper .vertical .cake {
          background-image: url("/core/img/home/bota-sare-home-dubrovnik-restaurant-square.png");
          background-position: top center;
          position: relative; }
          body .dubrovnik-home .wrapper .vertical .cake img {
            width: 100%;
            height: 100%; }
          body .dubrovnik-home .wrapper .vertical .cake .element {
            width: 80px !important;
            height: 80px !important;
            position: absolute;
            top: 10px;
            left: 10px; }
      body .dubrovnik-home .wrapper .explore {
        text-align: center;
        height: 120px;
        width: 180px;
        margin: 0 auto;
        cursor: pointer;
        clear: both;
        display: block;
        position: absolute;
        right: 85px;
        top: 150px; }
        body .dubrovnik-home .wrapper .explore .square, body .dubrovnik-home .wrapper .explore object, body .dubrovnik-home .wrapper .explore embed, body .dubrovnik-home .wrapper .explore svg {
          height: 60px;
          width: 60px; }
        body .dubrovnik-home .wrapper .explore g {
          cursor: pointer; }
        body .dubrovnik-home .wrapper .explore .square {
          float: right;
          background-color: #9A0E26;
          color: white;
          margin-right: 60px;
          font-size: 12px;
          line-height: 30px;
          position: relative; }
          body .dubrovnik-home .wrapper .explore .square .lottie {
            float: right;
            width: 20px;
            height: 20px;
            transform: translateY(50%); }
        body .dubrovnik-home .wrapper .explore object {
          transform: translatex(200%);
          float: right;
          margin-top: 60px; }
  body .split-home {
    width: 100%;
    height: 845px;
    position: relative;
    margin-top: 120px;
    clear: both; }
    body .split-home .wide {
      background-image: url("/core/img/home/bota-sare-home-split-restaurant-main.jpg");
      background-size: cover;
      background-position: center left;
      height: 845px;
      margin-left: 110px;
      margin-right: 110px;
      width: calc(100% - 220px);
      display: block; }
    body .split-home .overlay {
      background-color: rgba(154, 14, 38, 0.72);
      height: 845px;
      width: 470px;
      position: absolute;
      top: 0;
      left: 110px; }
      body .split-home .overlay .explore {
        text-align: center;
        height: 120px;
        width: 180px;
        margin: 0 auto;
        cursor: pointer;
        clear: both;
        display: block;
        position: absolute;
        left: 195px;
        top: 260px;
        /*top: 230px;*/
        z-index: 100; }
        body .split-home .overlay .explore .square, body .split-home .overlay .explore object, body .split-home .overlay .explore embed, body .split-home .overlay .explore svg {
          height: 60px;
          width: 60px; }
        body .split-home .overlay .explore g {
          cursor: pointer; }
        body .split-home .overlay .explore .square {
          float: right;
          color: #9A0E26;
          background-color: white;
          margin-right: 60px;
          font-size: 12px;
          line-height: 30px;
          position: relative; }
          body .split-home .overlay .explore .square .lottie {
            float: right;
            width: 20px;
            height: 20px;
            transform: translateY(50%); }
        body .split-home .overlay .explore object {
          transform: translatex(200%);
          float: right;
          margin-top: 60px; }
      body .split-home .overlay .text {
        margin-left: 110px;
        color: white; }
        body .split-home .overlay .text hr {
          height: 2px;
          background-color: #ffffff;
          border: 1px solid #ffffff;
          width: 116px;
          margin: 0;
          margin-top: 105px; }
        body .split-home .overlay .text h2 {
          font-size: 45px;
          line-height: 45px;
          font-weight: 300;
          margin-top: 15px;
          margin-bottom: 15px; }
      body .split-home .overlay .tartare {
        width: 210px;
        height: 210px;
        margin-left: 50%;
        transform: translateX(-50%);
        margin-top: 375px; }
  body .family {
    margin-top: 170px;
    clear: both;
    width: 100%; }
    body .family .top-row {
      height: 700px;
      max-width: 1300px;
      width: auto;
      margin: 0 auto;
      clear: both; }
      body .family .top-row .sushi {
        margin-top: 190px;
        float: left;
        margin-left: 8%; }
      body .family .top-row .left {
        display: inline-block;
        float: left;
        position: relative;
        margin-left: 120px; }
        body .family .top-row .left .element-left, body .family .top-row .left .element-right {
          width: 80px;
          height: 80px;
          position: absolute;
          top: 0; }
        body .family .top-row .left .element-left {
          transform: translateX(-100%); }
        body .family .top-row .left .element-right {
          right: 0;
          transform: translate(200%, 100%); }
        body .family .top-row .left .text {
          display: inline-block; }
          body .family .top-row .left .text h4 {
            font-size: 30px;
            font-weight: 300;
            line-height: 45px; }
          body .family .top-row .left .text p {
            font-size: 16px;
            line-height: 30px; }
    body .family .bottom-row {
      max-width: 1300px;
      width: auto;
      height: 420px;
      margin: 0 auto;
      clear: both; }
      body .family .bottom-row .wrapper {
        height: 100%; }
        body .family .bottom-row .wrapper .right {
          float: left; }
          body .family .bottom-row .wrapper .right .element-top {
            margin-left: -50px;
            margin-top: -50px;
            width: 100%;
            clear: both; }
          body .family .bottom-row .wrapper .right p {
            margin-top: 50px;
            font-size: 16px;
            line-height: 30px; }
        body .family .bottom-row .wrapper .sushi {
          width: 620px;
          height: 410px;
          float: left;
          margin-right: 10%; }
  body .press {
    margin-top: 175px;
    width: 100%;
    clear: both;
    text-align: center; }
    body .press .center {
      width: auto;
      margin: 0 auto; }
      body .press .center hr {
        height: 2px;
        border: 1px #9A0E26 solid;
        background-color: #9A0E26;
        width: 116px; }
      body .press .center h2 {
        margin-top: 30px;
        font-size: 45px;
        line-height: 45px;
        font-weight: 300;
        text-align: center; }
      body .press .center .media {
        margin-top: 75px; }
        body .press .center .media a {
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          height: 80px;
          width: 195px;
          display: inline-block;
          margin-bottom: 25px;
          transition: background-image 1s ease-out; }
        body .press .center .media #new-york {
          background-image: url("/core/img/home/media/bota-sare-home-the-new-york-times.jpg"); }
        body .press .center .media #new-york:hover {
          background-image: url("/core/img/home/media/bota-sare-home-the-new-york-times-hover.jpg"); }
        body .press .center .media #du-tv-net {
          margin-left: 65px;
          margin-right: 65px;
          background-image: url("/core/img/home/media/bota-sare-home-dubrovnik-tv.jpg"); }
        body .press .center .media #du-tv-net:hover {
          background-image: url("/core/img/home/media/bota-sare-home-dubrovnik-tv-hover.jpg"); }
        body .press .center .media #expreso {
          background-image: url("/core/img/home/media/bota-sare-home-expreso.jpg"); }
        body .press .center .media #expreso:hover {
          background-image: url("/core/img/home/media/bota-sare-home-expreso-hover.jpg"); }
        body .press .center .media #jutarnji {
          background-image: url("/core/img/home/media/bota-sare-home-jutarnji-list.jpg"); }
        body .press .center .media #jutarnji:hover {
          background-image: url("/core/img/home/media/bota-sare-home-jutarnji-list-hover.jpg"); }
        body .press .center .media #portal-oko {
          margin-left: 65px;
          margin-right: 65px;
          background-image: url("/core/img/home/media/bota-sare-home-portal-oko.jpg"); }
        body .press .center .media #portal-oko:hover {
          background-image: url("/core/img/home/media/bota-sare-home-portal-oko-hover.jpg"); }
        body .press .center .media #slobodna {
          background-image: url("/core/img/home/media/bota-sare-home-slobodna-dalmacija.jpg"); }
        body .press .center .media #slobodna:hover {
          background-image: url("/core/img/home/media/bota-sare-home-slobodna-dalmacija-hover.jpg"); }
  body .hero {
    min-height: 50vw;
    height: 100%;
    width: 100%;
    display: block;
    clear: both;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    body .hero .hero-inner {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      display: block;
      clear: both;
      padding-top: 50vh;
      transform: translateY(-25%);
      position: relative;
      height: 100%; }
      body .hero .hero-inner .circle {
        margin-top: 110px; }
      body .hero .hero-inner .explore {
        text-align: center;
        height: 120px;
        width: 180px;
        margin: 0 auto;
        margin-top: 45px;
        cursor: pointer;
        clear: both;
        display: block;
        left: 50%;
        z-index: 200; }
        body .hero .hero-inner .explore .square, body .hero .hero-inner .explore object, body .hero .hero-inner .explore embed, body .hero .hero-inner .explore svg {
          height: 60px;
          width: 60px; }
        body .hero .hero-inner .explore g {
          cursor: pointer; }
        body .hero .hero-inner .explore .square {
          float: right;
          background-color: #9A0E26;
          color: white;
          margin-right: 60px;
          font-size: 12px;
          line-height: 30px;
          position: relative; }
          body .hero .hero-inner .explore .square .lottie {
            float: right;
            width: 20px;
            height: 20px;
            transform: translateY(50%); }
        body .hero .hero-inner .explore object {
          transform: translatex(200%);
          float: right;
          margin-top: 60px; }
      body .hero .hero-inner img {
        margin-bottom: 45px; }
      body .hero .hero-inner hr {
        border: 2px solid #9A0E26;
        height: 0;
        background-color: #9A0E26;
        width: 116px;
        margin: 0 auto;
        padding-bottom: 0; }
      body .hero .hero-inner h1 {
        font-size: 45px;
        line-height: 45px;
        font-weight: 300;
        margin-top: 20px;
        margin-bottom: 20px; }
      body .hero .hero-inner h2 {
        color: #9A0E26;
        font-size: 16px;
        line-height: 30px;
        font-weight: 400;
        margin: 0;
        padding: 0; }
  body .description {
    display: block;
    clear: both;
    text-align: center;
    margin: 0 auto;
    margin-top: 8vw;
    width: 50%; }
    body .description h2 {
      font-size: 30px;
      line-height: 60px;
      color: #9A0E26;
      font-weight: 300; }
    body .description hr {
      border: 2px solid black;
      height: 0;
      background-color: black;
      width: 116px;
      margin: 0 auto;
      padding-bottom: 0; }
    body .description .text {
      color: black;
      font-size: 16px;
      line-height: 30px;
      margin-top: 70px; }
  body .gallery {
    margin-top: 115px;
    width: 100%;
    clear: both;
    position: relative;
    margin-bottom: 130px; }
    body .gallery .gallery-inner {
      width: 1090px;
      margin-left: auto;
      margin-right: auto;
      height: 630px;
      position: relative; }
      body .gallery .gallery-inner #previous, body .gallery .gallery-inner #next, body .gallery .gallery-inner #previous1, body .gallery .gallery-inner #next1 {
        margin-top: 280px;
        display: block;
        background-color: #9A0E26;
        width: 60px;
        height: 60px;
        font-size: 12px;
        color: white;
        line-height: 30px;
        vertical-align: middle; }
        body .gallery .gallery-inner #previous span:first-of-type, body .gallery .gallery-inner #next span:first-of-type, body .gallery .gallery-inner #previous1 span:first-of-type, body .gallery .gallery-inner #next1 span:first-of-type {
          display: block;
          text-align: center; }
        body .gallery .gallery-inner #previous span:nth-of-type(2), body .gallery .gallery-inner #next span:nth-of-type(2), body .gallery .gallery-inner #previous1 span:nth-of-type(2), body .gallery .gallery-inner #next1 span:nth-of-type(2) {
          display: block;
          clear: both; }
      body .gallery .gallery-inner #previous:hover, body .gallery .gallery-inner #next:hover , body .gallery .gallery-inner #previous1:hover, body .gallery .gallery-inner #nex1t:hover {
        border: 1px solid #dddddd; }
      body .gallery .gallery-inner #previous, body .gallery .gallery-inner #previous1 {
        float: left;
        margin-right: 15px; }
        body .gallery .gallery-inner #pom {
        float: left;
        margin-right: 15px;
        height: 60px;
        width:  60px; }
        body .gallery .gallery-inner #previous .lottie, body .gallery .gallery-inner #previous1 .lottie {
          float: left;
          width: 40px;
          height: 20px;
          transform: translate(-10%, 30%); }
      body .gallery .gallery-inner #next ,body .gallery .gallery-inner #next1{
        float: right;
        margin-left: 15px; }
        body .gallery .gallery-inner #next .lottie, body .gallery .gallery-inner #next1 .lottie {
          float: left;
          width: 40px;
          height: 20px;
          transform: translate(60%, 30%); }
      body .gallery .gallery-inner .gallery-slider , body .gallery .gallery-inner .gallery-slider1 {
        display: none;
        background: transparent;
        margin: 0 auto;
        width: 940px;
        position: absolute; }
        body .gallery .gallery-inner .gallery-slider .img, body .gallery .gallery-inner .gallery-slider1 .img {
          display: inline-block;
          margin: 15px;
          width: 280px;
          height: 280px;
          position: relative; }
          body .gallery .gallery-inner .gallery-slider .img .large, body .gallery .gallery-inner .gallery-slider1 .img .large {
            width: 100%;
            height: 100%;
            cursor: pointer; }
          body .gallery .gallery-inner .gallery-slider .img .element, body .gallery .gallery-inner .gallery-slider1 .img .element {
            position: absolute;
            z-index: 100; }
          body .gallery .gallery-inner .gallery-slider .img .top-left, body .gallery .gallery-inner .gallery-slider1 .img .top-left {
            top: 15px;
            left: 15px; }
          body .gallery .gallery-inner .gallery-slider .img .top-right, body .gallery .gallery-inner .gallery-slider1 .img .top-right {
            top: 15px;
            right: 15px; }
          body .gallery .gallery-inner .gallery-slider .img .bottom-left, body .gallery .gallery-inner .gallery-slider1 .img .bottom-left  {
            bottom: 15px;
            left: 15px; }
          body .gallery .gallery-inner .gallery-slider .img .bottom-right, body .gallery .gallery-inner .gallery-slider1 .img .bottom-right {
            bottom: 15px;
            right: 15px; }
  body .mini-gallery {
    width: 280px;
    height: 280px;
    margin: 90px auto;
    display: none;
    position: relative; }
    body .mini-gallery :hover {
      opacity: .7; }
    body .mini-gallery .mini-inner {
      position: relative;
      display: block; }
      body .mini-gallery .mini-inner .mini-img {
        position: absolute; }
    body .mini-gallery a {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: block;
      background-color: #9A0E26;
      width: 26px;
      padding: 10px;
      height: 40px;
      font-size: 26px;
      color: white;
      line-height: 30px;
      vertical-align: middle;
      text-align: center; }
    body .mini-gallery #mini-previous {
      transform: translate(-100%, -50%); }
    body .mini-gallery #mini-next {
      right: 1px;
      transform: translate(100%, -50%); }
  body #map {
    height: 30vw;
    /*
        img[src='/core/img/svg/bota-sare-restaurant-pin.svg'] {
          opacity:.5;
        }
    */ }
    body #map a div img, body #map .gm-style-cc {
      display: none !important; }
    body #map .gm-bundled-control-on-bottom {
      bottom: 120px !important;
      right: 60px !important; }
      body #map .gm-bundled-control-on-bottom .gmnoprint div {
        width: 60px !important;
        height: 120px !important; }
        body #map .gm-bundled-control-on-bottom .gmnoprint div div {
          display: none; }
        body #map .gm-bundled-control-on-bottom .gmnoprint div button {
          background-position: center center !important;
          background-size: contain !important;
          background-repeat: no-repeat !important;
          height: 60px !important;
          width: 60px !important;
          z-index: 600; }
          body #map .gm-bundled-control-on-bottom .gmnoprint div button div {
            display: none; }
        body #map .gm-bundled-control-on-bottom .gmnoprint div button:first-of-type {
          background-image: url("/core/img/png/bota-sare-home-zoom-in.png") !important; }
        body #map .gm-bundled-control-on-bottom .gmnoprint div button:first-of-type:hover {
          background-image: url("/core/img/png/bota-sare-home-zoom-in-hover.png") !important; }
        body #map .gm-bundled-control-on-bottom .gmnoprint div button:nth-of-type(2) {
          background-image: url("/core/img/png/bota-sare-home-zoom-out.png") !important; }
        body #map .gm-bundled-control-on-bottom .gmnoprint div button:nth-of-type(2):hover {
          background-image: url("/core/img/png/bota-sare-home-zoom-out-hover.png") !important; }
    body #map #lottie {
      background-color: #ccc;
      width: 100%;
      height: 100%;
      /*width:600px;
      height:400px;*/
      display: block;
      overflow: hidden;
      transform: translate3d(0, 0, 0);
      margin: auto;
      /*display:none;*/ }
    body #map .botas_loop_3, body #map .botas_loop_2 {
      display: none; }
    body #map #bird_element.ready, body #map #piano_element.ready, body #map #cat_element.ready {
      opacity: 1;
      transition: opacity .6s ease-out;
      cursor: pointer; }
    body #map #bird_text_element, body #map #piano_text_element, body #map #cat_text_element {
      opacity: 0;
      transition: opacity .6s ease-out; }
    body #map #bird_element.ready:hover ~ #bird_text_element,
    body #map #piano_element.ready:hover ~ #piano_text_element,
    body #map #cat_element.ready:hover ~ #cat_text_element {
      opacity: 1; }
    body #map #bird_element.ready:hover,
    body #map #piano_element.ready:hover,
    body #map #cat_element.ready:hover {
      opacity: 0.2; }
    body #map button {
      padding: 0;
      border: none;
      background-color: transparent; }
  body .reviews {
    width: 100%;
    min-height: 100%;
    background-color: #f3f3f3;
    clear: both;
    padding-top: 110px;
    padding-bottom: 95px;
    display: block; }
    body .reviews .center {
      width: 50%;
      margin: 0 auto; }
      body .reviews .center .tripadvisor {
        height: 100px;
        width: 220px;
        display: block;
        margin: 0 auto;
        margin-top: 30px; }
        body .reviews .center .tripadvisor img {
          height: 100px;
          width: auto;
          margin: 0 auto;
          display: block; }
      body .reviews .center h2 {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 45px;
        font-size: 30px;
        line-height: 60px;
        font-weight: 400; }
      body .reviews .center hr {
        height: 2px;
        border: 1px solid #000;
        width: 116px;
        margin-left: auto;
        margin-right: auto;
        background-color: #000; }
      body .reviews .center .review {
        display: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        min-height: 400px;
        background-color: #f3f3f3; }
        body .reviews .center .review h3 {
          font-weight: 400;
          font-style: italic;
          margin-top: 0; }
        body .reviews .center .review p {
          font-size: 16px;
          font-style: italic;
          line-height: 30px; }
        body .reviews .center .review small {
          font-size: 12px;
          line-height: 30px; }
        body .reviews .center .review .stars {
          margin-top: 30px;
          margin-bottom: 35px; }
          body .reviews .center .review .stars img {
            margin-right: 25px;
            height: 20px;
            width: 20px; }
          body .reviews .center .review .stars img:last-of-type {
            margin-right: 0; }
        body .reviews .center .review .quotes {
          margin-bottom: 22px; }
      body .reviews .center .review-indicators {
        margin: 0 auto;
        margin-top: 45px;
        width: 120px; }
        body .reviews .center .review-indicators span {
          height: 12px;
          width: 12px;
          border-radius: 12px;
          display: inline-block;
          background-color: black;
          margin: 10px;
          cursor: pointer; }
        body .reviews .center .review-indicators .active {
          background-color: #9A0E26; }
  body .dubrovnik {
    background-image: url("/core/img/dubrovnik/bota-sare-dubrovnik-header.jpg"); }
  body .mali-ston {
    background-image: url("/core/img/mali-ston/bota-sare-mali-ston-header.jpg"); }
  body .oysters-tasting{
    background-image: url("/core/img/oyster-tasting/oyster-tasting-header.jpg");
  }
  body .zagreb {
    background-image: url("/core/img/zagreb/bota-sare-zagreb-header.jpg"); }
    body .zagreb .hero-inner {
      position: relative; }
      body .zagreb .hero-inner .explore {
        text-align: center;
        height: 120px;
        width: 180px;
        margin: 0 auto;
        cursor: pointer;
        clear: both;
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 125%);
        z-index: 200; }
        body .zagreb .hero-inner .explore .square, body .zagreb .hero-inner .explore object, body .zagreb .hero-inner .explore embed, body .zagreb .hero-inner .explore svg {
          height: 60px;
          width: 60px; }
        body .zagreb .hero-inner .explore g {
          cursor: pointer; }
        body .zagreb .hero-inner .explore .square {
          float: right;
          background-color: #9A0E26;
          color: white;
          margin-right: 60px;
          font-size: 12px;
          line-height: 30px;
          position: relative; }
          body .zagreb .hero-inner .explore .square .lottie {
            float: right;
            width: 20px;
            height: 20px;
            transform: translateY(50%); }
        body .zagreb .hero-inner .explore object {
          transform: translatex(200%);
          float: right;
          margin-top: 60px; }
  body .split {
    background-image: url("/core/img/split/bota-sare-split-header.jpg"); }
  body .extreme-fishing {
    background-image: url("/core/img/extreme-fishing/bota-sare-extreme-fishing-header.jpg"); }
  body .ext-desc {
    margin-top: 110px !important; }
  body .price-breakdown .table, body .ship-info .table {
    display: table;
    width: 50%;
    margin: 25px auto;
    margin-bottom:80px;
    height: 100%; }
    body .ship-info.offer .table .row .cell p {
        height: auto;
    }
    body .ship-info.offer .table .row .cell a {
        color:#9A0E26;
        font-weight:600;
    }
    body .price-breakdown .table .row, body .ship-info .table .row {
      display: table-row;
      text-align: center; }
      body .price-breakdown .table .row .cell, body .ship-info .table .row .cell {
        display: table-cell;
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 16px;
        line-height: 30px;
        border-bottom: 1px solid #dddddd; }
        
        body .price-breakdown .table .row .cell p, body .ship-info .table .row .cell p {
          height: 20px; }
      body .price-breakdown .table .row .cell:first-of-type, body .ship-info .table .row .cell:first-of-type {
        color: #9A0E26;
        font-weight: bold;
        text-align: left; }
      body .price-breakdown .table .row .cell:nth-of-type(2), body .ship-info .table .row .cell:nth-of-type(2) {
        text-align: right; }
  body .price-breakdown .table-footer, body .ship-info .table-footer {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dddddd; }
  body .arrival-departure {
    width: 50%;
    margin: 70px auto;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    font-style: italic; }
  body .quote {
    margin-top: 115px;
    text-align: center;
    width: 100%; }
    body .quote p {
      margin-top: 30px;
      margin-bottom: 20px;
      font-size: 20px;
      font-style: italic;
      line-height: 40px; }
    body .quote small {
      font-size: 12px;
      line-height: 30px; }
  body .options {
    width: 50%;
    text-align: center;
    margin: 0 auto;
    margin-top: 130px; }
    body .options p {
      font-size: 16px;
      line-height: 30px; }
  body .gallery-small {
    width: 100%;
    margin-top: 85px;
    margin-bottom: 130px;
    cursor: pointer; }
    body .gallery-small.special-offer {
    margin-bottom:0px; }
    a.special{
        background:#9A0E26;
        color:white;
    }
    .popup-special{
        display:none;
    }
    body .gallery-small .gallery-inner {
      width: 940px;
      margin: 0 auto; }
      body .gallery-small .gallery-inner .item-wrapper {
        display: inline-block;
        width: 280px;
        height: 280px;
        margin: 15px;
        position: relative; }
        body .gallery-small .gallery-inner .item-wrapper .element {
          position: absolute; }
      body .gallery-small .gallery-inner .item-wrapper:first-of-type .element {
        top: 15px;
        left: 15px; }
      body .gallery-small .gallery-inner .item-wrapper:nth-of-type(2) .element {
        bottom: 15px;
        left: 15px; }
      body .gallery-small .gallery-inner .item-wrapper:nth-of-type(3) .element {
        top: 15px;
        right: 15px; }
  body .description {
    margin-top: 0;
    margin-bottom: 65px; }
    body .description h2 {
      margin-top: 0; }
  body .ship-info + .gallery {
    margin-top: 100px; }

/*    lightbox    */
.modal {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  /* Modal Content */
  /* The Close Button */
  /* Create four equal columns that floats next to eachother */ }
  .modal img.modal-content {
    display: block;
    max-height: calc(100vh - 100px);
    max-width: 100%;
    height: 100%;
    width: auto;
    margin: 0 auto; }
  .modal .modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    width: 90%;
    max-width: 1200px;
    height: 100%;
    /* Caption text */
    /* Hide the slides by default */
    /* Next & previous buttons */
    /* On hover, add a black background color with a little bit see-through */ }
    .modal .modal-content .caption-container {
      display: none;
      text-align: center;
      background-color: black;
      padding: 2px 16px;
      color: white; }
    .modal .modal-content .slide {
      display: none;
      width: auto;
      height: 100%;
      background-color: black !important;
      /* Number text (1/3 etc) */ }
      .modal .modal-content .slide img {
        display: block;
        max-height: calc(100vh - 100px);
        max-width: 100%;
        height: 100%;
        width: auto;
        margin-left: auto;
        margin-right: auto; }
      .modal .modal-content .slide .numbertext {
        color: #f2f2f2;
        font-size: 12px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
        left: 20px;
        background-color: rgba(1, 1, 1, 0.2); }
    .modal .modal-content .prev,
    .modal .modal-content .next {
      cursor: pointer;
      position: fixed;
      top: 50%;
      width: auto;
      padding: 16px;
      margin-top: -50px;
      color: white;
      font-weight: bold;
      font-size: 20px;
      transition: 0.6s ease;
      border-radius: 0 3px 3px 0;
      user-select: none;
      -webkit-user-select: none; }
    .modal .modal-content .prev {
      left: 0;
      border-radius: 3px 0 0 3px; }
    .modal .modal-content .next {
      right: 0;
      border-radius: 3px 0 0 3px; }
    .modal .modal-content .prev:hover,
    .modal .modal-content .next:hover {
      background-color: rgba(0, 0, 0, 0.8); }
  .modal .close {
    color: white;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: bold; }
  .modal .close:hover,
  .modal .close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer; }
  .modal img.demo {
    opacity: 0.6; }
  .modal .active,
  .modal .demo:hover {
    opacity: 1; }
  .modal img.hover-shadow {
    transition: 0.3s; }
  .modal .hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  .modal .row > .column {
    padding: 0 8px; }
  .modal .row:after {
    content: "";
    display: table;
    clear: both; }
  .modal .column {
    float: left;
    width: 25%; }

.info {
  width: 170px !important;
  padding: 15px 15px; }
  .info .col-left, .info .col-right {
    height: 100%;
    display: inline-block; }
  .info .col-left {
    width: 30px;
    vertical-align: top; }
    .info .col-left .dot {
      display: block;
      width: 3px;
      height: 3px;
      background-color: #9A0E26;
      box-shadow: 0 0 2px 3px rgba(154, 14, 38, 0.3);
      margin: 0 auto;
      margin-top: 5px;
      border: 2px solid #9A0E26;
      border-radius: 4px;
      transform: translateX(-100%); }
  .info .col-right {
    width: calc(100% - 30px); }

.pin {
  overflow: visible;
  width: 44px;
  height: 44px;
  display: block;
  z-index: 2;
  position: relative; }
  .pin .point {
    width: 8px;
    height: 8px;
    background-color: #9A0E26;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .pin .pulse {
    width: 44px;
    height: 44px;
    border: 7px solid rgba(154, 14, 38, 0.9);
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    border-radius: 44px;
    z-index: 1;
    animation: pulse 2s ease-out infinite; }
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0);
    opacity: 0.0; }
  25% {
    -moz-transform: scale(0);
    opacity: 0.1; }
  50% {
    -moz-transform: scale(0.1);
    opacity: 0.3; }
  75% {
    -moz-transform: scale(0.5);
    opacity: 0.5; }
  100% {
    -moz-transform: scale(1);
    opacity: 0.0; } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0; }
  25% {
    -webkit-transform: scale(0);
    opacity: 0.1; }
  50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3; }
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1);
    opacity: 0.0; } }


.link-extreme {
  width: 100%;
}

.link-extreme-inner {
  text-align: center;
  width: 90%;
  margin: 70px auto;
  height: 100px;
}

.link-extreme p { margin-top: 50px;}

a.link-extreme-button {
  cursor: pointer;
  display: block;
  margin: 0 auto;
  color: #ffffff;
  width: 200px;
  line-height:50px;
  height: 50px;
  background-color: #9A0E26;
}
    
.double-menu{
    display: flex;
    width: 500px;
    margin: 0 auto;
    height: 100%;
    padding-top: 20px;
    justify-content: center;
}
.double-menu .explore{
    position:relative !important;
    left: 0 !important;
    transform: none !important;
}

.whatsapp-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background-color: #25D366; /* WhatsApp zelena */
      color: white;
      font-size: 16px;
      font-weight: bold;
      border: none;
      border-radius: 6px;
      padding: 9px 35px;
      cursor: pointer;
      text-decoration: none;
      box-shadow: 0px 3px 6px rgba(0,0,0,0.15);
      transition: background 0.3s ease;
    }

    .whatsapp-btn:hover {
      background-color: #20b955; /* malo tamnija za hover */
    }

    .whatsapp-btn i {
      margin-left: 8px;
      font-size: 18px;
    }

/* Oyster Experience – layout tweaks */

.oyster-experience-intro,
.oyster-experience-steps,
.oyster-extra,
.oyster-location,
.oyster-faq {
  padding: 60px 0;
}
.oyster-experience-steps .booking-btn {
  display: flex;
  justify-self:center;
}
.oyster-experience-intro h2,
.oyster-experience-steps h2,
.oyster-extra h2,
.oyster-location h2,
.oyster-faq h2 {
  font-weight: normal;
}
.oyster-experience-intro .center,
.oyster-experience-steps .center,
.oyster-extra .center,
.oyster-location .center,
.oyster-faq .center {
  max-width: 900px;
  margin: 0 auto;
}
.oyster-extra.highlight-block {
  padding-top: 60px;
  padding-bottom: 80px;
}

.large-title {
  font-size: 30px;
  margin-bottom: 15px;
  text-align: center;
  line-height: 40px;
}

.divider {
  width: 80px;
  height: 3px;
  background-color: #9c1e1e; /* Bota red */
  margin: 20px auto 40px;
}

/* --- Mali Ston dropdown --- */

nav .nav-has-sub {
  position: relative;
  display: inline-block;
}

/* da se underline aktivne stavke i dalje lijepo vidi */
nav .nav-has-sub.active > a {
  /* ako već imaš stil za .nav-item.active, nije nužno dodavati ništa */
}

/* skrivamo podmeni */
nav .sub-menu {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  margin-top:0;
  list-style: none;
padding:0;
  min-width: 190px;

  background: #ffffff;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
  border-radius: 2px;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease-out;
  z-index: 50;
}

nav .sub-menu li {
  padding: 0 ;
  margin: 0;
}

nav .sub-menu li a {
  display: block;
  padding: 15px 18px;
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0;
  color: #333;
  white-space: nowrap;
}

nav .sub-menu li a:hover {
  background: #f5f5f5;
  color: #9A0E26;
}

/* prikaz dropdowna na hover */

nav .nav-has-sub:hover .sub-menu {
  opacity: 1;
  pointer-events: auto;
}

/* --- Mobile fallback: podmeni ispod stavke, bez hover akrobacija --- */




.big-text p {
  font-size: 18px;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 18px;
}

.oyster-extra.highlight-block .center{
  text-align: center;
}
.highlight-block{
  background: #fafafa;
}

.oyster-experience-intro .text,
.oyster-extra .text, .oyster-extra a,
.oyster-experience-steps .center,
.oyster-location .text {

  line-height: 30px;
}

.oyster-experience-steps {
  background: #f7f7f7;
}
.oyster-gallery{
  margin:0  !important;
  background: #fafafa;
  padding:50px 0;
}


.oyster-faq {
  background: #f7f7f7;
}

/* CTA gumbi – u stilu sajta */

.booking-btn {
  display: inline-block;
  margin-top: 25px;
  padding: 10px 28px;
  border: 2px solid #9A0E26;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 12px;
}

.booking-btn:hover {
  background: #9A0E26;
  color: #fff;
}

/* "What to expect" lista */

.oyster-list {
  list-style: none;
  margin: 30px 0 20px;
  padding: 0;
}

.oyster-list li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 10px;
  line-height: 1.6;
}

.oyster-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #9A0E26;
}



.oyster-faq .faq-item {
  padding: 15px 0;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

.oyster-faq .faq-item:last-child {
  border-bottom: none;
}

.oyster-faq h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}

.oyster-faq p {
  margin: 0 0 5px;
  line-height: 1.6;
}

.iframe-wrap{
  padding:50px 0 0;
  background:#FAFAF5;
}
/* Malo responsiva za mobitel */

@media (max-width: 1025px){

  .iframe-wrap{
    padding:20px 0 0 !important;
  }
  .nav-item.nav-has-sub, .nav-has-sub .sub-menu{
    padding:0 !important;
    margin:0 !important;

  }
  nav .nav-has-sub {
    width: 100%;
  }

  nav .nav-has-sub .sub-menu {
    position: static;
    transform: none;
    box-shadow: none;
    margin-top: 4px;
    padding-left: 10px;
    opacity: 1;
    pointer-events: auto;
    background: transparent;
  }

  nav .sub-menu li a {
    padding: 4px 0;
    font-size: 13px;
  }

  .sub-menu li{
    background: #f5f5f5;
    color: #9A0E26;
    border-bottom: 4px solid #9A0E26;
  }
}

@media (max-width: 768px) {
  .iframe-wrap{
    padding: 0 0 !important;
  }
  .booking-iframe{
    padding:70px 0 !important;
  }

  .center{
    padding:0 20px;
  }
  .oyster-experience-intro,
  .oyster-experience-steps,
  .oyster-extra,
  .oyster-location,
  .oyster-faq {
    padding: 40px 0;
  }

  .booking-btn {

    text-align: center;
  }

  .oyster-list li {
    padding-left: 18px;
  }
}

@media only screen and (max-width: 600px) {
    .double-menu{
        flex-direction:column;
        width:100%;
    }
    
    footer .visina{
        height: 0px;
    }
}
    
/*    BREAKPOINTS    */
/*    1366    */
/*
@media (max-width: 1366px) {
  .container .index .hero-inner .slider_front .text h1, .container .index .hero-inner .slider_front .text h2 {
    font-size: 30px;
    line-height: 45px; }
  .container .mali-ston-home .text {
    width: 450px; }
  .container .mali-ston-home .vertical {
    height: 460px;
    width: 210px;
    margin-top: calc(50vw - 320px);
    bottom: 0; }
    .container .mali-ston-home .vertical .small, .container .mali-ston-home .vertical .oysters {
      max-height: 210px;
      max-width: 210px; }
    .container .mali-ston-home .vertical .small .element {
      left: 120px; }
  .container .dubrovnik-home .wrapper .vertical {
    width: 210px;
    height: 460px;
    margin-top: calc(50vw - 560px); }
    .container .dubrovnik-home .wrapper .vertical .circle, .container .dubrovnik-home .wrapper .vertical .cake {
      max-height: 210px;
      max-width: 210px; }
  .container .zagreb-home {
    margin-top: 260px; }
    .container .zagreb-home .center .explore {
      margin-top: 100px; } }
/*    1366 - 1263    
@media (max-width: 1366px) and (min-width: 1263px) {
  .container .mali-ston-bay .wrapper .floater .red {
    max-width: 18vw; }
  .container .mali-ston-bay .wrapper .floater .black {
    max-width: 20vw; }
  .container .zagreb-home {
    margin-top: 215px; }
  .container .mali-ston-home .explore {
    left: 125px; } }
/*    1262 - 1024    
@media (max-width: 1262px) and (min-width: 1025px) {
  .container .mali-ston-bay .wrapper .floater .red .shadow, .container .mali-ston-bay .wrapper .floater .black .shadow {
    height: 20px; }
  .container .mali-ston-bay .wrapper .floater .red {
    max-width: 16vw !important; }
  .container .mali-ston-bay .wrapper .floater .black {
    max-width: 18vw !important; }
  .container .zagreb-home {
    margin-top: 80px; }
  .container .dubrovnik-home .wrapper .explore {
    right: 25px; }
  .container .dubrovnik-home .wrapper .right {
    position: relative;
    margin-left: 225px; }
    .container .dubrovnik-home .wrapper .right .text {
      margin-left: 60px; }
  .container .dubrovnik-home .wrapper .vertical {
    left: calc(100% - 525px); }
  .container .dubrovnik-home .wrapper .fly-in-left {
    width: calc(100% - 525px); }
  .container .mali-ston-home .right {
    position: relative;
    margin-right: 225px; }
    .container .mali-ston-home .right .text {
      margin-right: 60px; }
  .container .mali-ston-home .vertical {
    right: calc(100% - 525px); }
  .container .mali-ston-home .fly-in-left {
    width: calc(100% - 525px); }
  .container .family .top-row .left {
    width: calc(50% - 120px); }
    .container .family .top-row .left .text br {
      display: none; }
    .container .family .top-row .left .text .element-right {
      right: 100px;
      top: 50px; }
  .container .family .top-row .sushi {
    width: 40%;
    margin-top: 250px;
    margin-left: 5%; }
  .container .family .bottom-row {
    margin-top: 50px; }
    .container .family .bottom-row .wrapper .sushi {
      width: 40%;
      height: auto;
      margin-top: -25px; }
    .container .family .bottom-row .wrapper .right {
      width: 50%; }
      .container .family .bottom-row .wrapper .right p {
        margin-top: 0; }
  .container .contact-form form .radio div {
    padding-left: 45px;
    padding-right: 45px; }
  .container footer {
    width: calc(100% - 50px);
    margin-top: 75px;
    margin-left: 25px;
    margin-right: 25px; }
    .container footer .logo {
      width: 20%; }
      .container footer .logo a img {
        height: 100%;
        width: auto;
        margin: 0 auto; }
  .container .reviews .center .review {
    height: 500px; } }
/*    1071 - 1025     
@media (max-width: 1071px) and (min-width: 1026px) {
  .container header nav a {
    padding-left: 20px;
    padding-right: 20px; } }
/*    1024     
@media (max-width: 1025px) {
  .container header {
    overflow-y: visible;
    height: 70px;
    background-color: white;
    border: none;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.16); }
    .container header .logo {
      border: none;
      margin-top: 10px; }
      .container header .logo img {
        display: none; }
      .container header .logo .mobile-logo {
        height: 50px;
        width: auto;
        display: block; }
        .container header .logo .mobile-logo img {
          height: 100%;
          width: auto;
          display: inline-block !important;
          margin: 0;
          margin-left: 20px; }
    .container header .lang {
      display: none; }
    .container header .nav-btn-toggle {
      display: block;
      background-color: transparent;
      border: none;
      height: auto;
      width: auto;
      float: right;
      padding-top: 24px;
      padding-right: 20px; }
    .container header .nav-btn-close {
      display: block;
      color: #9A0E26;
      position: relative;
      z-index: 101;
      float: right;
      padding-right: 22px;
      height: 10px;
      width: 10px; }
    .container header nav {
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      height: 100vh;
      width: 100%;
      background-color: white;
      overflow-y: scroll;
      margin-left: 0; }
      .container header nav a:not(.nav-btn-close), .container header nav .nav-header {
        display: block;
        width: 100%;
        height: auto;
        clear: both;
        border-bottom: 1px #dddddd solid;
        padding-left: 0;
        padding-right: 0;
        padding-top: 33px;
        padding-bottom: 33px;
        float: unset;
        position: relative; }
        .container header nav a:not(.nav-btn-close) .mobile-header-logo, .container header nav .nav-header .mobile-header-logo {
          position: absolute;
          width: auto;
          transform: translate(-50%, -50%);
          max-height: 80%; }
          .container header nav a:not(.nav-btn-close) .mobile-header-logo img, .container header nav .nav-header .mobile-header-logo img {
            max-height: 45px;
            width: auto;
            transform: translateX(-44%); }
      .container header nav .nav-header span, .container header nav .nav-header a {
        display: inline;
        border: none; }
      .container header nav .nav-header span {
        float: left;
        padding-left: 33px; }
      .container header nav .active {
        border-bottom: 1px #dddddd solid; }
  .container .zagreb-home .center .explore {
    position: static; }
  .container .description, .container .options, .container .price-breakdown .table, .container .arrival-departure, .container .ship-info .table, .container .table-footer, .container .reviews .center {
    width: 75% !important; }
  .container .reviews .center .review {
    width: 75%; } }
@media (max-width: 1024px) {
  .container .index {
    height: 100%;
    clear: both; }
    .container .index .hero-inner {
      padding-top: 170px;
      display: block;
      clear: both;
      width: 100%; }
      .container .index .hero-inner .slider_front {
        display: flex;
        flex-direction: column-reverse; }
        .container .index .hero-inner .slider_front img {
          width: calc(100% - 30px);
          height: auto;
          margin-top: 60px;
          display: block;
          clear: both; }
        .container .index .hero-inner .slider_front .text {
          padding-top: 0;
          margin-left: 20px;
          display: block; }
          .container .index .hero-inner .slider_front .text h1, .container .index .hero-inner .slider_front .text h2 {
            line-height: 30px;
            text-align: center; }
  .container .mali-ston-bay {
    height: 100%;
    margin-top: 45px; }
    .container .mali-ston-bay .wrapper {
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end; }
      .container .mali-ston-bay .wrapper .text {
        width: auto;
        margin-bottom: 30px;
        display: block;
        clear: both;
        margin-left: 20px;
        margin-right: 20px; }
        .container .mali-ston-bay .wrapper .text br {
          display: none; }
      .container .mali-ston-bay .wrapper .floater {
        width: 375px;
        bottom: 0;
        transform: translate(-50%, 75%);
        margin: unset;
        left: 50%;
        right: auto; }
        .container .mali-ston-bay .wrapper .floater .red {
          margin-left: 5%;
          max-width: 43%; }
        .container .mali-ston-bay .wrapper .floater .black {
          max-width: 50%; }
      .container .mali-ston-bay .wrapper .fly-in-left {
        display: block;
        width: 100%;
        clear: both; }
        .container .mali-ston-bay .wrapper .fly-in-left .fly-in .element {
          display: none; }
  .container .zagreb-home {
    width: 100%;
    margin-top: 275px; }
    .container .zagreb-home .center {
      width: 100%;
      padding-top: 0; }
      .container .zagreb-home .center .circles img {
        display: block;
        clear: both;
        margin: 0 auto; }
      .container .zagreb-home .center .explore {
        margin-top: 32px; }
  .container .mali-ston-home {
    display: block;
    clear: both;
    width: 100%;
    height: auto;
    margin-top: 90px;
    margin-bottom: 0; }
    .container .mali-ston-home .explore {
      position: static;
      margin-top: 50px; }
    .container .mali-ston-home .text {
      float: unset;
      width: 100%;
      height: auto;
      display: block;
      clear: both;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 75px; }
      .container .mali-ston-home .text hr, .container .mali-ston-home .text h2 {
        margin-left: auto;
        margin-right: auto; }
    .container .mali-ston-home .vertical {
      display: none;
      position: unset;
      transform: unset;
      width: 210px;
      margin: 0 auto;
      height: auto;
      margin-bottom: 50px; }
      .container .mali-ston-home .vertical .oysters {
        display: none; }
      .container .mali-ston-home .vertical .small, .container .mali-ston-home .vertical .mobile {
        display: block;
        clear: both;
        width: 210px;
        height: 210px; }
      .container .mali-ston-home .vertical .mobile {
        margin-left: 0;
        margin-top: 50px;
        margin-bottom: 0; }
    .container .mali-ston-home .fly-in-right {
      width: 100%;
      height: auto;
      display: block;
      clear: both; }
      .container .mali-ston-home .fly-in-right .fly-in {
        width: 100%;
        height: 50vh;
        margin: 0 auto;
        margin-bottom: 60px;
        display: block; }
        .container .mali-ston-home .fly-in-right .fly-in .element {
          display: none; }
  .container .dubrovnik-home {
    display: block;
    width: 100%;
    height: auto;
    clear: both;
    margin-top: 90px; }
    .container .dubrovnik-home .wrapper {
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-start; }
      .container .dubrovnik-home .wrapper .right {
        width: 100%;
        display: block;
        clear: both;
        margin: 0; }
        .container .dubrovnik-home .wrapper .right .explore {
          position: static;
          margin-top: 50px;
          transform: translateY(calc(50vh + 100px)); }
        .container .dubrovnik-home .wrapper .right .text {
          margin: 0 auto;
          width: auto;
          text-align: center; }
          .container .dubrovnik-home .wrapper .right .text hr {
            margin: 0 auto; }
      .container .dubrovnik-home .wrapper .vertical {
        display: none;
        margin: 0 auto;
        transform: unset;
        position: static; }
        .container .dubrovnik-home .wrapper .vertical .circle {
          margin-bottom: 50px; }
      .container .dubrovnik-home .wrapper .fly-in-left {
        transform: translateY(calc(-50% + 75px));
        width: 100%;
        display: block;
        clear: both;
        height: auto; }
        .container .dubrovnik-home .wrapper .fly-in-left .fly-in {
          width: 100%;
          height: 50vh;
          margin: 0 auto;
          display: block; }
          .container .dubrovnik-home .wrapper .fly-in-left .fly-in .element {
            display: none; }
  .container .split-home {
    margin-top: 210px; }
    .container .split-home .wide {
      margin: 0;
      width: 100%;
      background-position: center; }
    .container .split-home .overlay {
      width: 100%;
      left: 0; }
      .container .split-home .overlay .text {
        margin: 0 auto;
        text-align: center; }
        .container .split-home .overlay .text hr {
          margin-left: auto;
          margin-right: auto; }
      .container .split-home .overlay .tartare {
        margin-top: 325px; }
      .container .split-home .overlay .explore {
        left: 50%;
        transform: translate(-50%); }
  .container .family br {
    display: none; }
  .container .family .top-row {
    height: auto;
    clear: both; }
    .container .family .top-row .left {
      margin-left: 30px;
      display: block;
      clear: both;
      float: unset; }
      .container .family .top-row .left .text {
        display: block;
        clear: both; }
        .container .family .top-row .left .text h4 {
          margin-top: 50px;
          margin-bottom: 0;
          margin-left: 30px;
          margin-right: 60px; }
        .container .family .top-row .left .text p {
          margin-left: 30px;
          margin-right: 20px; }
        .container .family .top-row .left .text .element-left, .container .family .top-row .left .text .element-right {
          display: block;
          clear: both;
          position: unset;
          transform: unset; }
        .container .family .top-row .left .text .element-right {
          float: right;
          margin-left: calc(100% - 100px);
          margin-right: 20px;
          margin-bottom: 50px; }
    .container .family .top-row .sushi {
      width: 375px;
      display: block;
      margin: 75px auto;
      float: unset;
      clear: both; }
  .container .family .bottom-row {
    margin-top: 120px; }
    .container .family .bottom-row .wrapper {
      display: flex;
      flex-direction: column-reverse; }
      .container .family .bottom-row .wrapper .right {
        height: auto;
        float: unset;
        display: block;
        width: 100%;
        clear: both;
        margin-top: 250px; }
        .container .family .bottom-row .wrapper .right .element-top {
          height: 80px;
          margin-top: 150px;
          margin-left: 30px; }
        .container .family .bottom-row .wrapper .right p {
          margin-left: 30px;
          margin-right: 20px; }
      .container .family .bottom-row .wrapper .sushi {
        width: 375px;
        height: auto;
        display: block;
        clear: both;
        margin-left: auto;
        margin-right: auto; }
  .container .press {
    margin-top: 110px; }
  .container .contact-form, .container .reservation-form {
    margin-top: 150px;
    margin-left: 30px;
    margin-right: 20px; }
    .container .contact-form .arrow, .container .reservation-form .arrow {
      transform: unset; }
    .container .contact-form h4, .container .reservation-form h4 {
      margin-top: 60px;
      margin-bottom: 55px; }
  .container footer {
    margin: 30px auto;
    /*margin-left:15px;
    margin-right:10px;
    height: auto; }
    .container footer .logo {
      float: unset;
      margin-left: auto;
      margin-right: auto; }
    .container footer .contact-data {
      width: auto;
      text-align: center;
      float: unset;
      margin-left: auto;
      margin-right: auto; }
  .container .gallery {
    display: none; }
  .container .mini-gallery {
    display: block; }
  .container .gallery-small {
    width: 100%; }
    .container .gallery-small .gallery-inner {
      width: 100%; }
      .container .gallery-small .gallery-inner .item-wrapper {
        display: block;
        margin-top: 30px;
        margin-bottom: 30px;
        clear: both;
        margin-left: auto;
        margin-right: auto; } }
@media (max-width: 1110px) {
  .container .gallery .gallery-inner {
    width: 95%;
    height: 540px; }
    .container .gallery .gallery-inner .gallery-slider {
      width: 820px; }
      .container .gallery .gallery-inner .gallery-slider .img {
        width: 240px;
        height: 240px; } }
@media (max-width: 768px) {
  .container .zagreb-home {
    margin-top: 275px; }
  .container .press .center .media br {
    display: none; }
  .container .press .center .media div {
    width: 40% !important;
    margin: 0 !important; } }
  @media (max-width: 768px) and (max-width: 432px) {
    .container .press .center .media div {
      width: 60% !important;
      display: block !important;
      margin: 0 auto !important; } }
@media (max-width: 768px) {
  .container .family .top-row {
    margin-bottom: 25px; }
    .container .family .top-row .left h4, .container .family .top-row .left p {
      margin-left: 0 !important; }
    .container .family .top-row .sushi {
      display: block;
      clear: both;
      margin-bottom: 0; }
  .container .family .separator {
    display: none; }
  .container .family .bottom-row {
    margin-top: 0;
    height: auto; }
    .container .family .bottom-row .wrapper {
      height: auto; }
      .container .family .bottom-row .wrapper .right {
        margin-top: 0; }
        .container .family .bottom-row .wrapper .right p {
          margin-top: 25px; }
        .container .family .bottom-row .wrapper .right .element-top {
          margin-top: 0;
          position: static;
          display: block;
          clear: both; }
  .container .contact-form form .radio div {
    padding: 15px; } }
  @media (max-width: 768px) and (max-width: 415px) {
    .container .contact-form form .radio div {
      padding: 5px; } }
@media (max-width: 768px) {
  .container .reservation-form form .third {
    width: auto;
    display: block;
    margin-right: 0 !important; }
    .container .reservation-form form .third input {
      margin-right: 0 !important; }
    .container .reservation-form form .third input[type="text"] {
      width: calc(100% - 20px); }
  .container footer {
    margin-left: 15%;
    margin-right: 15%; }
  .container .description, .container .options, .container .price-breakdown .table, .container .arrival-departure, .container .ship-info .table, .container .table-footer {
    width: 90% !important; }
  .container #map {
    height: 600px; }
  .container .ext-desc {
    margin-top: 60px; }
  .container .price-breakdown .table {
    display: block; }
    .container .price-breakdown .table .row {
      display: block; }
      .container .price-breakdown .table .row .cell:first-of-type {
        border: none;
        padding-top: 20px;
        padding-bottom: 5px; }
      .container .price-breakdown .table .row .cell:nth-of-type(2) {
        padding-bottom: 20px;
        padding-top: 5px; }
      .container .price-breakdown .table .row .cell {
        display: block; }
        .container .price-breakdown .table .row .cell p {
          text-align: center;
          margin: 0; }
  .container .arrival-departure {
    margin-top: 60px;
    margin-bottom: 50px; }
  .container .quote {
    margin-top: 0; }
  .container .options {
    margin-top: 60px; }
  .container .gallery-small {
    margin-top: 45px; }
    .container .gallery-small .gallery-inner .item-wrapper {
      margin-top: 30px;
      margin-bottom: 30px; }
  .container .reviews .center {
    width: 90% !important; }
    .container .reviews .center .review {
      width: 100%; }

  #lightbox .modal-content .slide img {
    max-width: calc(100vw - 10%);
    height: auto; } }
*/
/*# sourceMappingURL=style.css.map */