/* fonts */
/* vietnamese */
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,500,700&display=swap);
@font-face {
  font-family: 'Judson';
  font-style: italic;
  font-weight: 400;
  src: local("Judson Italic"), local("Judson-Italic"), url(https://fonts.gstatic.com/s/judson/v10/FeVTS0Fbvbc14VxhDYl4_bFbkg.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Judson';
  font-style: italic;
  font-weight: 400;
  src: local("Judson Italic"), local("Judson-Italic"), url(https://fonts.gstatic.com/s/judson/v10/FeVTS0Fbvbc14VxhDYl5_bFbkg.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Judson';
  font-style: italic;
  font-weight: 400;
  src: local("Judson Italic"), local("Judson-Italic"), url(https://fonts.gstatic.com/s/judson/v10/FeVTS0Fbvbc14VxhDYl3_bE.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* style for Error Message */
.error-msg {
  float: left;
  width: 100%;
  color: #e8361b; }
  .error-msg p {
    font-size: 0.875em !important;
    font-weight: bold !important; }

.is-loaded .tab {
  visibility: visible;
  transform: translateX(-50%); }
  @media (max-width: 640px) {
    .is-loaded .tab {
      transform: translateX(-50%) translateY(0%) !important; } }

.is-loaded .sticky-header, .no-touchevents .listing-item:hover .listing-item__arrow, .no-touchevents .listing-item:hover .listing-item__subtitle, .no-touchevents .listing-item:hover .listing-item__tagline {
  opacity: 1; }

.is-fixed {
  position: fixed; }

.is-intro .tab, .tab {
  transform: translateX(-50%) translateY(100%); }

.hide {
  display: none; }

.tab {
  visibility: hidden;
  position: absolute;
  bottom: 100%;
  display: block;
  background: #df9659;
  color: #ffffff;
  padding: 20px 40px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  overflow: hidden;
  left: 50%;
  transition: transform .4s ease-out 1.2s; }

.submit-button {
  border: 1px solid #df9659;
  text-transform: uppercase;
  margin-top: 2em;
  display: inline-block;
  padding: 12px;
  text-align: center;
  transition: transform .4s ease-out 0.4s;
  font-family: "News Gothic MT", Helvetica,Arial, sans-serif;
  font-weight: bold; }
  @media (min-width: 1200px) {
    .submit-button {
      min-width: 14em; } }
  @media (max-width: 1440px) {
    .submit-button {
      width: 100%; } }
  .submit-button.btn-primary {
    background-color: #df9659;
    color: #ffffff; }
  .submit-button.btn-secondary {
    background-color: #ffffff;
    color: #df9659; }
  .submit-button:hover {
    background-color: #b3b2b2;
    color: #ffffff !important;
    border: 1px solid #b3b2b2; }

.form-group {
  margin-bottom: 1rem; }
  .form-group .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #b3b2b2;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
  .form-group input.form-control {
    height: calc(2.25rem + 2px); }
  .form-group textarea.form-control {
    height: calc(6.75rem + 2px); }
  .form-group .required span {
    font-weight: bold;
    color: #e8361b; }
  .form-group .error {
    color: #e8361b; }

.fadeUpIn > * {
  transform: translateY(60px);
  transition: .4s ease-out;
  transition-property: all;
  transition-property: transform,opacity; }

.fadeUpIn.is-visible > * {
  transform: none !important;
  opacity: 1; }

.cta, .cta::after, .tab img {
  transition: all .4s ease-out; }

.backtotop a:hover, .cta-static, .cta:hover, .intro__footer a:hover {
  color: #df9659; }

#outdated #btnUpdateBrowser, .button, .cta {
  font-family: "News Gothic MT",Helvetica,Arial,sans-serif;
  font-weight: bold;
  text-transform: uppercase; }

.cta {
  display: inline-block;
  position: relative;
  padding: 12px 20px;
  float: right; }
  .cta:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #dcdde1;
    -ms-transform: skew(-11deg);
    transform: skew(-11deg);
    vertical-align: middle;
    margin-left: 1em;
    height: 3em; }
  .cta:after {
    content: url("../images/arrow-right-orange.svg");
    width: 9px;
    display: block;
    margin-left: 10px;
    margin-right: -20px;
    opacity: 0; }
  .cta .content__cta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    height: 22px;
    width: 100%;
    -ms-flex-pack: end;
    justify-content: flex-end;
    white-space: nowrap;
    margin-top: 2em; }

.no-margin {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.row-no-padding > [class*="col-"] {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0 !important;
  padding-right: 0 !important; }

/* Make the image fully responsive */
.carousel-inner img {
  width: 100%;
  height: 100%; }
.carousel-inner .carousel-caption {
  top: 200px;
  left: 30%;
  right: 30%;
  width: 100%;
  max-height: 100px;
  animation: fadeIn 2s; }
  @media (max-width: 540px) {
    .carousel-inner .carousel-caption {
      left: 10%;
      right: 10%; } }
  .carousel-inner .carousel-caption h3 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 5rem;
    letter-spacing: .3em;
    line-height: .8;
    max-width: 790px; }
    @media (max-width: 540px) {
      .carousel-inner .carousel-caption h3 {
        font-size: 1.78571rem;
        text-sahodw: 0 0 20px #272842; } }
    .carousel-inner .carousel-caption h3:before {
      content: "";
      display: inline-block;
      transform: skew(-11deg);
      height: 1em;
      width: 2px;
      background: currentColor;
      margin: -.2em 0;
      position: relative;
      right: .4em; }
  .carousel-inner .carousel-caption p {
    transition: color .4s ease-out;
    font-family: "News Gothic MT", Helvetica,Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    max-width: 790px; }

a {
  color: inherit;
  transition: color .4s ease-out; }
  a:hover {
    text-decoration: none;
    color: #df9659; }

ol, ul {
  list-style: none; }

p, ul {
  vertical-align: baseline; }

p, sup, ul {
  border: 0;
  font: inherit; }

p, address {
  font-family: "News Gothic MT", Helvetica, Arial, sans-serif; }

img {
  display: inline-block;
  max-width: 100%;
  height: auto; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
#keyframes createBox from {
  transform: scale(0); }
#keyframes createBox to {
  transoform: scale(1); }

html {
  box-sizing: border-box; }
  html body {
    background-color: #ffffff;
    color: #000000;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 1.42857; }
    html body .sitewrap {
      overflow: hidden;
      margin-left: 104px;
      position: relative; }
      @media (max-width: 540px) {
        html body .sitewrap {
          margin-left: 0;
          margin-top: 83px; } }
      html body .sitewrap .sticky-header {
        top: 0;
        right: 0;
        padding: 20px 3.75%;
        z-index: 10;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #ffffff;
        transform: translateZ(0);
        transition: opacity .4s ease-out .6s; }
        html body .sitewrap .sticky-header.is-fixed {
          position: fixed;
          left: 103px;
          animation: dropIn .4s ease-out; }
          @media (max-width: 540px) {
            html body .sitewrap .sticky-header.is-fixed {
              top: 83px;
              left: 0; } }
          @media (max-width: 540px) {
            html body .sitewrap .sticky-header.is-fixed {
              padding: 0; } }
        html body .sitewrap .sticky-header.sticky-header--no-breadcrumbs {
          display: none; }
          @media (max-width: 880px) {
            html body .sitewrap .sticky-header.sticky-header--no-breadcrumbs {
              justify-content: center; } }
        html body .sitewrap .sticky-header .sticky-header__breadcrumbs {
          padding: 11px 0;
          font-size: .85714rem;
          font-weight: bold;
          text-transform: uppercase; }
          @media (max-width: 540px) {
            html body .sitewrap .sticky-header .sticky-header__breadcrumbs {
              display: none; } }
          html body .sitewrap .sticky-header .sticky-header__breadcrumbs li {
            display: inline-block; }
            html body .sitewrap .sticky-header .sticky-header__breadcrumbs li:before {
              content: "";
              display: inline-block;
              margin: 0 12px 0 8px;
              width: 7px;
              height: 8px;
              background: url("./../images/arrow-right.svg") center center no-repeat; }
            html body .sitewrap .sticky-header .sticky-header__breadcrumbs li:first-child:before {
              display: none; }
        html body .sitewrap .sticky-header.transparent {
          display: none; }
          html body .sitewrap .sticky-header.transparent li {
            display: none; }
      @media screen and (max-width: 767px) {
        html body .sitewrap #welcome-text {
          display: none; } }
      @media screen and (min-width: 768px) {
        html body .sitewrap #welcome-text {
          position: absolute;
          background-color: #ffffff;
          width: 50%;
          height: auto;
          top: 300px;
          left: 25%;
          z-index: 100000;
          border-radius: 5px;
          box-shadow: 0px 0px 10px #b3b2b2; } }
      @media screen and (min-width: 1280px) {
        html body .sitewrap #welcome-text {
          top: 400px; } }
      html body .sitewrap #welcome-text h1 {
        font-size: 2em;
        color: #000000; }
      html body .sitewrap #welcome-text p {
        font-size: 0.9em; }
      html body .sitewrap #welcome-text input[type="button"] {
        width: auto;
        min-width: 20%;
        padding: 1.5% 5%;
        color: #ffffff;
        font-size: 1.125em;
        text-transform: uppercase;
        border: 0; }
      html body .sitewrap #welcome-text #welcome-text-inner {
        float: left;
        position: relative;
        width: auto;
        height: auto;
        padding: 30px; }
      html body .sitewrap #welcome-text #welcome-enter {
        margin-top: 15px;
        background-color: #272842; }
      html body .sitewrap #welcome-text #duesseldorf-enter {
        background-color: #df9659; }
      html body .sitewrap #welcome-text #welcome-enter:hover, html body .sitewrap #welcome-text #duesseldort-enter:hover {
        background-color: #df9659; }
      html body .sitewrap .carousel {
        position: relative;
        overflow: hidden;
        color: #ffffff;
        height: 100vh; }
        @media (max-width: 540px) {
          html body .sitewrap .carousel {
            height: calc(100vh - 83px); } }
        html body .sitewrap .carousel .flex-viewport {
          overflow: hidden;
          position: relative; }
          html body .sitewrap .carousel .flex-viewport ul.slides {
            padding-left: 0; }
            html body .sitewrap .carousel .flex-viewport ul.slides li {
              width: 100%;
              margin-right: 0px;
              float: left;
              display: block; }
              html body .sitewrap .carousel .flex-viewport ul.slides li .carousel-slide {
                position: relative;
                height: 100vh;
                display: flex;
                flex-direction: column;
                padding: 10% 12% 150px;
                align-items: center;
                background: center center no-repeat;
                background-size: cover;
                text-align: center;
                overflow: hidden; }
                html body .sitewrap .carousel .flex-viewport ul.slides li .carousel-slide.top {
                  justify-content: flex-start; }
                html body .sitewrap .carousel .flex-viewport ul.slides li .carousel-slide.right {
                  align-items: flex-end;
                  text-align: right; }
                  html body .sitewrap .carousel .flex-viewport ul.slides li .carousel-slide.right .carousel-slide__text {
                    right: -.3em; }
                html body .sitewrap .carousel .flex-viewport ul.slides li .carousel-slide .carousel-slide__content {
                  position: relative;
                  animation: fadeIn 2s; }
                  @media (max-width: 680px) {
                    html body .sitewrap .carousel .flex-viewport ul.slides li .carousel-slide .carousel-slide__content {
                      top: 25%; } }
                  html body .sitewrap .carousel .flex-viewport ul.slides li .carousel-slide .carousel-slide__content .carousel-slide__text {
                    font-family: "Montserrat", Helvetica, Arial, sans-serif;
                    font-style: italic;
                    font-weight: 400;
                    text-transform: uppercase;
                    font-size: 5rem;
                    letter-spacing: .3em;
                    line-height: .8;
                    position: relative;
                    padding-left: .3em;
                    max-width: 790px; }
                    @media (max-width: 680px) {
                      html body .sitewrap .carousel .flex-viewport ul.slides li .carousel-slide .carousel-slide__content .carousel-slide__text {
                        font-size: 2.5rem;
                        max-width: 540px; } }
                    html body .sitewrap .carousel .flex-viewport ul.slides li .carousel-slide .carousel-slide__content .carousel-slide__text:before {
                      content: "";
                      display: inline-block;
                      transform: skew(-11deg);
                      height: 1em;
                      width: 2px;
                      background: currentColor;
                      margin: -.2em 0;
                      position: relative;
                      right: .4em; }
        html body .sitewrap .carousel .flex-control-nav {
          position: absolute;
          bottom: 50px;
          left: 12%;
          z-index: 9;
          font-size: 0; }
      html body .sitewrap .sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 30;
        color: #ffffff;
        font-size: .85714rem;
        text-transform: uppercase;
        transition: transform .4s ease-out; }
        @media (max-width: 540px) {
          html body .sitewrap .sidebar {
            bottom: auto;
            right: 0; } }
        html body .sitewrap .sidebar.is-navigation {
          background: 0 0 !important; }
        html body .sitewrap .sidebar .sidebar__level {
          background: #272842;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          html body .sitewrap .sidebar .sidebar__level.sidebar__main {
            height: 100%;
            padding: 20px 7px;
            position: relative;
            z-index: 2;
            align-items: center;
            /* hamburger */
            /* contact link */ }
            @media (max-width: 540px) {
              html body .sitewrap .sidebar .sidebar__level.sidebar__main {
                padding: 10px;
                flex-direction: row; } }
            html body .sitewrap .sidebar .sidebar__level.sidebar__main .logo {
              display: block;
              background: url("../images/sunseeker-logo.png") center center no-repeat;
              background-size: auto auto;
              background-size: cover !important;
              font-size: 0; }
              html body .sitewrap .sidebar .sidebar__level.sidebar__main .logo:after {
                content: "";
                display: block;
                padding-bottom: 50%; }
              html body .sitewrap .sidebar .sidebar__level.sidebar__main .logo.sidebar__logo {
                width: 90px;
                margin-bottom: 10px; }
                @media (max-width: 540px) {
                  html body .sitewrap .sidebar .sidebar__level.sidebar__main .logo.sidebar__logo {
                    margin: 0; } }
            html body .sitewrap .sidebar .sidebar__level.sidebar__main .sidebar__toggle {
              display: block;
              font-weight: bold;
              text-transform: uppercase;
              margin-bottom: 1.25em;
              margin: 22px 0 12px; }
              @media (max-width: 540px) {
                html body .sitewrap .sidebar .sidebar__level.sidebar__main .sidebar__toggle {
                  position: absolute;
                  top: 50%;
                  margin-bottom: 0;
                  left: 50%;
                  margin-left: -18px;
                  margin-top: -23px; } }
              html body .sitewrap .sidebar .sidebar__level.sidebar__main .sidebar__toggle .burger {
                margin: 8px 0;
                position: relative; }
                html body .sitewrap .sidebar .sidebar__level.sidebar__main .sidebar__toggle .burger, html body .sitewrap .sidebar .sidebar__level.sidebar__main .sidebar__toggle .burger:before, html body .sitewrap .sidebar .sidebar__level.sidebar__main .sidebar__toggle .burger:after {
                  display: block;
                  height: 2px;
                  background: #ffffff;
                  transition: all .4s ease-out; }
              html body .sitewrap .sidebar .sidebar__level.sidebar__main .sidebar__toggle.change .burger.burger1 {
                transform: rotate(-45deg) translate(-9px, 5px); }
              html body .sitewrap .sidebar .sidebar__level.sidebar__main .sidebar__toggle.change .burger.burger2 {
                opacity: 0; }
              html body .sitewrap .sidebar .sidebar__level.sidebar__main .sidebar__toggle.change .burger.burger3 {
                transform: rotate(45deg) translate(-8px, -8px); }
            html body .sitewrap .sidebar .sidebar__level.sidebar__main .sidebar__contact {
              display: block;
              font-weight: bold;
              margin: 0 -12px;
              max-width: 100%;
              text-align: center; }
              @media (max-width: 420px) {
                html body .sitewrap .sidebar .sidebar__level.sidebar__main .sidebar__contact {
                  margin-left: 0; } }
              @media (max-width: 540px) {
                html body .sitewrap .sidebar .sidebar__level.sidebar__main .sidebar__contact {
                  padding: 0 10px;
                  margin-top: 0; } }
              html body .sitewrap .sidebar .sidebar__level.sidebar__main .sidebar__contact svg {
                display: block;
                margin: 0 auto 10px; }
          html body .sitewrap .sidebar .sidebar__level.navigation {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 100%;
            padding: 20px 50px;
            transition: transform .4s ease-out;
            z-index: -1;
            white-space: nowrap;
            display: none; }
            @media (max-width: 540px) {
              html body .sitewrap .sidebar .sidebar__level.navigation {
                top: 100%;
                left: 0;
                right: 0;
                bottom: auto;
                text-align: center;
                padding: 0 10px 20px; } }
            html body .sitewrap .sidebar .sidebar__level.navigation:before {
              content: "";
              display: block;
              height: 108px; }
              @media (max-width: 540px) {
                html body .sitewrap .sidebar .sidebar__level.navigation:before {
                  display: none; } }
            html body .sitewrap .sidebar .sidebar__level.navigation ul.navigation__primary {
              transition: transform .4s ease-out .1s;
              font-weight: bold;
              margin: 0;
              padding-left: 0;
              list-style: none;
              vertical-align: baseline; }
              @media (max-width: 540px) {
                html body .sitewrap .sidebar .sidebar__level.navigation ul.navigation__primary {
                  padding: 12px 0; } }
              html body .sitewrap .sidebar .sidebar__level.navigation ul.navigation__primary li {
                margin: 1em 0; }
            html body .sitewrap .sidebar .sidebar__level.navigation ul .navigation__secondary {
              transform: none; }
      html body .sitewrap .background {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: center center no-repeat;
        background-size: cover; }
        html body .sitewrap .background.range-group {
          background-image: url("/assets/slider-photo/sunseeker_water.jpg"); }
      html body .sitewrap .video {
        overflow: hidden; }
        html body .sitewrap .video:after {
          content: "";
          display: block;
          position: relative;
          padding-bottom: 56.25%;
          z-index: -1; }
        html body .sitewrap .video.video--bg {
          width: 100%;
          height: 100%; }
          html body .sitewrap .video.video--bg .video__wrap {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 1; }
            html body .sitewrap .video.video--bg .video__wrap iframe {
              width: 100%;
              height: 100%; }
      html body .sitewrap .actual-offer {
        width: 100%;
        height: auto;
        font-size: 1em;
        text-align: center;
        clear: both;
        margin-bottom: 0.8em; }
        @media (max-width: 680px) {
          html body .sitewrap .actual-offer .mobile-hidden {
            display: none !important; } }
        html body .sitewrap .actual-offer thead tr.tr-type {
          background-color: #000000; }
        html body .sitewrap .actual-offer thead tr.tr-legend {
          background-color: #df9659; }
        html body .sitewrap .actual-offer thead tr th {
          padding: 1px 2px;
          color: #ffffff;
          font-weight: 500 !important;
          text-transform: uppercase;
          text-align: center; }
          html body .sitewrap .actual-offer thead tr th.th-photo {
            width: 18%; }
          html body .sitewrap .actual-offer thead tr th.th-type {
            width: 15%; }
          html body .sitewrap .actual-offer thead tr th.th-length, html body .sitewrap .actual-offer thead tr th.th-beam {
            width: 10%; }
          html body .sitewrap .actual-offer thead tr th.th-year {
            width: 12%; }
          html body .sitewrap .actual-offer thead tr th.th-price {
            width: 20%; }
          html body .sitewrap .actual-offer thead tr th.th-mooring {
            width: 15%; }
        html body .sitewrap .actual-offer tbody tr:nth-child(even) {
          background-color: #ffffff; }
        html body .sitewrap .actual-offer tbody tr:nth-child(odd) {
          background-color: #dcdde1; }
        html body .sitewrap .actual-offer tbody tr td {
          padding: 3px 2px;
          border-bottom: 1px solid #b3b2b2; }
          html body .sitewrap .actual-offer tbody tr td img {
            width: 100%; }
      html body .sitewrap .menu-actual-offer {
        height: 2.3em;
        background-color: #df9659;
        padding-left: 12%;
        padding-right: 12%; }
        html body .sitewrap .menu-actual-offer ul {
          height: 100%;
          margin: 0;
          padding: 0;
          list-style: none;
          margin-left: -1.75em; }
          html body .sitewrap .menu-actual-offer ul li {
            float: left; }
            html body .sitewrap .menu-actual-offer ul li a {
              text-decoration: none;
              display: block;
              height: 100%;
              line-height: 2.3em;
              color: #ffffff; }
              @media screen and (max-width: 991px) {
                html body .sitewrap .menu-actual-offer ul li a {
                  padding: 0 1em;
                  font-size: 0.9em; } }
              @media screen and (min-width: 992px) {
                html body .sitewrap .menu-actual-offer ul li a {
                  padding: 0 1.75em; } }
              html body .sitewrap .menu-actual-offer ul li a:hover, html body .sitewrap .menu-actual-offer ul li a.active {
                background-color: #8d744a; }
      html body .sitewrap #main-content-actual-offer-detail #photo-wrap #title-photo {
        margin-bottom: 1.25rem; }
        html body .sitewrap #main-content-actual-offer-detail #photo-wrap #title-photo img {
          width: 100%; }
      html body .sitewrap #main-content-actual-offer-detail #photo-wrap #photogallery {
        max-height: 400px; }
        html body .sitewrap #main-content-actual-offer-detail #photo-wrap #photogallery.scroll {
          overflow-y: scroll; }
        html body .sitewrap #main-content-actual-offer-detail #photo-wrap #photogallery .photo {
          float: left;
          margin-right: 3%;
          margin-top: 3%;
          max-width: 30%; }
          html body .sitewrap #main-content-actual-offer-detail #photo-wrap #photogallery .photo img {
            width: 100%; }
      @media screen and (min-width: 992px) {
        html body .sitewrap #main-content-actual-offer-detail #photo-wrap .photo:nth-child(3n), html body .sitewrap #main-content-actual-offer-detail #photo-wrap .photo:nth-child(3n) img {
          margin-right: 0; }
        html body .sitewrap #main-content-actual-offer-detail #photo-wrap .photo:nth-child(-n+3), html body .sitewrap #main-content-actual-offer-detail #photo-wrap .photo:nth-child(-n+3) img {
          margin-top: 0; }
        html body .sitewrap #main-content-actual-offer-detail #photo-wrap .photo:nth-last-child(-n+3), html body .sitewrap #main-content-actual-offer-detail #photo-wrap .photo:nth-last-child(-n+3) img {
          margin-bottom: 0; } }
      @media screen and (max-width: 991px) {
        html body .sitewrap #main-content-actual-offer-detail #photo-wrap .photo:nth-child(4n), html body .sitewrap #main-content-actual-offer-detail #photo-wrap .photo:nth-child(4n) img {
          margin-right: 0; }
        html body .sitewrap #main-content-actual-offer-detail #photo-wrap .photo:nth-child(-n+4), html body .sitewrap #main-content-actual-offer-detail #photo-wrap .photo:nth-child(-n+4) img {
          margin-top: 0; }
        html body .sitewrap #main-content-actual-offer-detail #photo-wrap .photo:nth-last-child(-n+4), html body .sitewrap #main-content-actual-offer-detail #photo-wrap .photo:nth-last-child(-n+4) img {
          margin-bottom: 0; } }
      html body .sitewrap #main-content-actual-offer-detail #detail-footer {
        margin-top: 2rem;
        font-weight: bold;
        font-size: 2rem;
        color: #8d744a; }
      html body .sitewrap #main-content-actual-offer-detail .detail-headline {
        margin: 0;
        border-top: 1px solid #b3b2b2;
        border-bottom: 1px solid #b3b2b2; }
        html body .sitewrap #main-content-actual-offer-detail .detail-headline h2 {
          margin: 4px 0;
          padding: 6px 0;
          text-transform: uppercase; }
      html body .sitewrap #main-content-actual-offer-detail .detail-params {
        margin: 1.5em 0;
        font-size: 0.95em;
        display: block; }
        html body .sitewrap #main-content-actual-offer-detail .detail-params .row {
          padding-top: 0.15em;
          padding-bottom: 0.15em; }
          html body .sitewrap #main-content-actual-offer-detail .detail-params .row .col-lg-6:first-child {
            font-weight: bold;
            color: #272842; }
      html body .sitewrap #main-content-actual-offer-detail #detail-extra.detail-params {
        max-height: 550px;
        overflow-y: auto; }
        html body .sitewrap #main-content-actual-offer-detail #detail-extra.detail-params ul {
          padding-left: 15px;
          list-style-type: disc; }
    html body .content-wrap {
      background-color: #f6f1e7; }
      html body .content-wrap p {
        text-align: justify; }
      html body .content-wrap .container, html body .content-wrap .main-content, html body .content-wrap .content {
        max-width: 1440px;
        margin: 0 auto; }
      html body .content-wrap .content {
        padding: 100px 0;
        position: relative;
        background: #ffffff; }
        @media (max-width: 820px) {
          html body .content-wrap .content {
            padding: 65px 0; } }
        @media (max-width: 680px) {
          html body .content-wrap .content {
            padding-bottom: 0; } }
        html body .content-wrap .content .content__full {
          clear: both;
          padding-left: 12%; }
          html body .content-wrap .content .content__full.content--both__full {
            padding-right: 12%; }
          html body .content-wrap .content .content__full .content__title {
            font-family: "Montserrat", Helvetica, Arial, sans-serif;
            font-weight: 400;
            text-transform: uppercase;
            font-size: 3.57rem;
            letter-spacing: .3em;
            line-height: 1.1;
            margin-bottom: 1em; }
            @media (max-width: 990px) {
              html body .content-wrap .content .content__full .content__title {
                font-size: 3rem;
                padding: 0 12%;
                min-height: 0; } }
            @media (max-width: 680px) {
              html body .content-wrap .content .content__full .content__title {
                font-size: 2.57rem;
                padding: 0; } }
            @media (max-width: 540px) {
              html body .content-wrap .content .content__full .content__title {
                font-size: 1.8rem; } }
        html body .content-wrap .content .content__row {
          display: flex;
          margin-bottom: 100px; }
          @media (max-width: 990px) {
            html body .content-wrap .content .content__row {
              margin-bottom: 65px;
              display: block; }
              html body .content-wrap .content .content__row:last-child {
                margin-bottom: 0; } }
          @media (max-width: 820px) {
            html body .content-wrap .content .content__row .content__col {
              width: auto;
              float: none; } }
          html body .content-wrap .content .content__row .content__col.content__col--dark {
            background: #272842;
            color: #ffffff;
            padding: 30px;
            min-height: 260px;
            border-right: 10px solid #df9659; }
          html body .content-wrap .content .content__row .content__col.content__col--narrow {
            width: 47.5%;
            float: left; }
          html body .content-wrap .content .content__row .content__col.content__col--larger {
            width: 52.5%;
            float: left; }
          @media (max-width: 990px) {
            html body .content-wrap .content .content__row .content__col.content__col--narrow, html body .content-wrap .content .content__row .content__col.content__col--larger {
              width: 100%;
              margin-top: 15px;
              margin-bottom: 15px; }
            html body .content-wrap .content .content__row .content__col .content-img--full {
              margin-bottom: 30px; }
              html body .content-wrap .content .content__row .content__col .content-img--full:last-child {
                margin-bottom: 0; } }
          html body .content-wrap .content .content__row .content__col .content__copy {
            padding: 0 12%;
            min-height: 150px;
            margin: 65px 0; }
            @media (max-width: 820px) {
              html body .content-wrap .content .content__row .content__col .content__copy {
                padding: 0 12%;
                min-height: 0; } }
            html body .content-wrap .content .content__row .content__col .content__copy.showboat p {
              margin-top: 1.5rem;
              margin-bottom: 1.5rem; }
              html body .content-wrap .content .content__row .content__col .content__copy.showboat p.strong {
                margin-top: 2.5rem;
                margin-bottom: 2.5rem; }
            html body .content-wrap .content .content__row .content__col .content__copy:first-child {
              margin-top: 0; }
              @media (max-width: 820px) {
                html body .content-wrap .content .content__row .content__col .content__copy:first-child {
                  margin-bottom: 35px; } }
            html body .content-wrap .content .content__row .content__col .content__copy:last-child {
              margin-bottom: 0; }
      html body .content-wrap .galleries .gallery {
        padding-left: 12%;
        margin: 75px 0;
        margin: 0;
        margin-top: 75px;
        position: relative; }
        @media (max-width: 680px) {
          html body .content-wrap .galleries .gallery {
            margin: 45px 0; } }
        html body .content-wrap .galleries .gallery .carousel {
          height: auto; }
        html body .content-wrap .galleries .gallery .row {
          margin: 30px 15px 0 15px; }
      html body .content-wrap .galleries .switch {
        position: relative;
        transform: translateZ(0); }
        html body .content-wrap .galleries .switch.galleries__switch {
          width: 250px;
          margin-left: auto;
          margin-right: 12%; }
          html body .content-wrap .galleries .switch.galleries__switch ul {
            list-style: none;
            white-space: nowrap;
            width: 100%;
            padding: 0;
            font-family: "News Gothic MT", Helvetica, Arial, sans-serif; }
            html body .content-wrap .galleries .switch.galleries__switch ul li {
              text-transform: uppercase;
              display: inline-block;
              width: 50%;
              padding: 11px 0;
              text-align: center;
              cursor: pointer;
              font-weight: bold;
              font-size: 0.9rem;
              background-color: #ffffff;
              color: #000000; }
              @media (max-width: 540px) {
                html body .content-wrap .galleries .switch.galleries__switch ul li {
                  padding: 8px 0;
                  font-size: 0.8rem; } }
              html body .content-wrap .galleries .switch.galleries__switch ul li.active {
                background-color: #df9659;
                color: #ffffff; }
          html body .content-wrap .galleries .switch.galleries__switch .switch__state {
            display: inline-block;
            width: 50%;
            padding: 11px 0;
            font-size: 0.78rem;
            text-transform: uppercase;
            font-weight: bold;
            text-align: center;
            position: relative;
            z-index: 2;
            cursor: pointer;
            background-color: #df9659; }
            html body .content-wrap .galleries .switch.galleries__switch .switch__state input {
              display: none; }
      html body .content-wrap .specs {
        max-width: 1440px;
        margin: 0 auto;
        background: #ffffff;
        padding: 0 12%; }
        html body .content-wrap .specs .specs__title {
          font-weight: bold;
          text-transform: uppercase;
          text-align: center; }
          html body .content-wrap .specs .specs__title:after {
            content: "";
            display: block;
            width: 2px;
            height: 15px;
            margin: 30px auto 0;
            background: #272842; }
        html body .content-wrap .specs .specs__content {
          max-width: 1080px;
          margin: 0 auto;
          background: #272842;
          color: #ffffff;
          padding: 40px;
          position: relative;
          z-index: 1;
          text-align: center; }
          html body .content-wrap .specs .specs__content .specs__list {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0 -10px; }
            @media (max-width: 1140px) {
              html body .content-wrap .specs .specs__content .specs__list {
                margin-bottom: 0; } }
            html body .content-wrap .specs .specs__content .specs__list .spec {
              width: 25%;
              padding: 0 10px;
              text-align: left;
              margin: 0 auto 20px; }
              @media (max-width: 1140px) {
                html body .content-wrap .specs .specs__content .specs__list .spec {
                  width: 50% !important; } }
              @media (max-width: 680px) {
                html body .content-wrap .specs .specs__content .specs__list .spec {
                  width: 100% !important;
                  text-align: center; } }
              html body .content-wrap .specs .specs__content .specs__list .spec .spec__title {
                margin-bottom: 30px; }
                @media (max-width: 1140px) {
                  html body .content-wrap .specs .specs__content .specs__list .spec .spec__title {
                    margin-bottom: 0; } }
              html body .content-wrap .specs .specs__content .specs__list .spec .spec__value--large {
                font-family: "Montserrat", Helvetica, Arial, sans-serif;
                font-weight: 400;
                text-transform: uppercase;
                letter-spacing: .1em;
                font-size: 2.57143rem; }
                @media (max-width: 1200px) {
                  html body .content-wrap .specs .specs__content .specs__list .spec .spec__value--large {
                    font-size: 2rem; } }
                html body .content-wrap .specs .specs__content .specs__list .spec .spec__value--large sup {
                  letter-spacing: .2em;
                  vertical-align: super;
                  font-size: .5em; }
              html body .content-wrap .specs .specs__content .specs__list .spec .spec__value--small {
                font-family: "News Gothic MT", Helvetica, Arial, sans-serif;
                font-size: 1em;
                font-weight: bold; }
        html body .content-wrap .specs .tab-block .tabgroup {
          padding: 60px 0 87px; }
          html body .content-wrap .specs .tab-block .tabgroup .content__row {
            margin: 0 12%;
            display: flex; }
            @media (max-width: 680px) {
              html body .content-wrap .specs .tab-block .tabgroup .content__row {
                margin: 0; } }
            html body .content-wrap .specs .tab-block .tabgroup .content__row .content__col {
              width: 90%;
              float: left; }
              html body .content-wrap .specs .tab-block .tabgroup .content__row .content__col .spec__table {
                overflow-x: auto; }
                html body .content-wrap .specs .tab-block .tabgroup .content__row .content__col .spec__table td:nth-child(1) {
                  font-weight: bold;
                  padding-right: 15px; }
                html body .content-wrap .specs .tab-block .tabgroup .content__row .content__col .spec__table td:nth-child(2) {
                  padding-left: 15px; }
      html body .content-wrap .band {
        text-align: center;
        font-family: "Montserrat", Helvetica, Arial, sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 5rem;
        letter-spacing: .3em;
        color: #ffffff;
        padding-bottom: 6em;
        margin-top: -.75em;
        position: relative;
        overflow: hidden;
        background: center center no-repeat;
        background-size: cover; }
    html body .conveyor {
      background: #ffffff;
      padding-top: 20px; }
      html body .conveyor .conveyor__title {
        font-family: "Montserrat", Helvetica, Arial, sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 1.78rem;
        letter-specing: .2em;
        text-align: center; }
      html body .conveyor .conveyor__items {
        text-align: center;
        padding: 0 0 40px; }
        html body .conveyor .conveyor__items #mTS_1 {
          overflow: auto;
          width: 800px;
          height: auto; }
    html body section {
      display: block;
      /* range group - vypis - zacatek */
      /* range group - vypis - konec */
      /* showboat - vypis - zacatek */
      /* showboat - vypis - konec */ }
      html body section.listing {
        color: #ffffff;
        position: relative; }
        html body section.listing.listing--contrast .listing__container, html body section.listing.listing--page .listing__container, html body section.listing.listing--mid .listing__container {
          max-width: 1440px;
          padding: 50px 0;
          margin: 0 auto;
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          align-items: center; }
          html body section.listing.listing--contrast .listing__container .listing__row, html body section.listing.listing--page .listing__container .listing__row, html body section.listing.listing--mid .listing__container .listing__row {
            flex-basis: 100%;
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            text-align: center;
            padding: 0 12%; }
            html body section.listing.listing--contrast .listing__container .listing__row .listing__header, html body section.listing.listing--page .listing__container .listing__row .listing__header, html body section.listing.listing--mid .listing__container .listing__row .listing__header {
              font-size: 3.57rem;
              letter-spacing: .3em;
              line-height: 1;
              width: 100%;
              text-align: left; }
              @media (max-width: 680px) {
                html body section.listing.listing--contrast .listing__container .listing__row .listing__header, html body section.listing.listing--page .listing__container .listing__row .listing__header, html body section.listing.listing--mid .listing__container .listing__row .listing__header {
                  font-size: 2.57143rem; } }
            html body section.listing.listing--contrast .listing__container .listing__row .listing__title, html body section.listing.listing--page .listing__container .listing__row .listing__title, html body section.listing.listing--mid .listing__container .listing__row .listing__title {
              font-size: 2.25rem;
              letter-spacing: .2em; }
            html body section.listing.listing--contrast .listing__container .listing__row .listing__header, html body section.listing.listing--contrast .listing__container .listing__row .listing__title, html body section.listing.listing--page .listing__container .listing__row .listing__header, html body section.listing.listing--page .listing__container .listing__row .listing__title, html body section.listing.listing--mid .listing__container .listing__row .listing__header, html body section.listing.listing--mid .listing__container .listing__row .listing__title {
              font-family: "Montserrat", Helvetica, Arial, sans-serif;
              font-weight: 400;
              text-transform: uppercase; }
            html body section.listing.listing--contrast .listing__container .listing__row .listing__perex, html body section.listing.listing--page .listing__container .listing__row .listing__perex, html body section.listing.listing--mid .listing__container .listing__row .listing__perex {
              padding-top: 30px;
              padidng-bottom: 30px;
              text-align: left;
              font-size: 1.25em; }
          html body section.listing.listing--contrast .listing__container .listing-item, html body section.listing.listing--page .listing__container .listing-item, html body section.listing.listing--mid .listing__container .listing-item {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            max-width: 380px;
            padding: 30px 5px;
            position: relative;
            z-index: 1;
            background-color: transparent;
            transition: background-color 0.4s ease-in-out;
            width: 90%; }
            @media (min-width: 880px) {
              html body section.listing.listing--contrast .listing__container .listing-item, html body section.listing.listing--page .listing__container .listing-item, html body section.listing.listing--mid .listing__container .listing-item {
                width: 45%; } }
            @media (min-width: 1440px) {
              html body section.listing.listing--contrast .listing__container .listing-item, html body section.listing.listing--page .listing__container .listing-item, html body section.listing.listing--mid .listing__container .listing-item {
                width: 30%; } }
            html body section.listing.listing--contrast .listing__container .listing-item:after, html body section.listing.listing--page .listing__container .listing-item:after, html body section.listing.listing--mid .listing__container .listing-item:after {
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0; }
            html body section.listing.listing--contrast .listing__container .listing-item .listing-item__image, html body section.listing.listing--page .listing__container .listing-item .listing-item__image, html body section.listing.listing--mid .listing__container .listing-item .listing-item__image {
              opacity: 0;
              transform: scale(0.8);
              transition: all 0.4s ease-in-out; }
            html body section.listing.listing--contrast .listing__container .listing-item.listing-item--range .listing-item__title, html body section.listing.listing--contrast .listing__container .listing-item.listing-item--range .listing-item__subtitle, html body section.listing.listing--page .listing__container .listing-item.listing-item--range .listing-item__title, html body section.listing.listing--page .listing__container .listing-item.listing-item--range .listing-item__subtitle, html body section.listing.listing--mid .listing__container .listing-item.listing-item--range .listing-item__title, html body section.listing.listing--mid .listing__container .listing-item.listing-item--range .listing-item__subtitle {
              transform: translateY(50px);
              transition: transform 0.4s ease-in-out; }
            html body section.listing.listing--contrast .listing__container .listing-item.listing-item--range .listing-item__subtitle, html body section.listing.listing--page .listing__container .listing-item.listing-item--range .listing-item__subtitle, html body section.listing.listing--mid .listing__container .listing-item.listing-item--range .listing-item__subtitle {
              opacity: 1;
              margin: 0;
              color: #ffffff; }
            html body section.listing.listing--contrast .listing__container .listing-item.listing-item--range .listing-item__divider, html body section.listing.listing--page .listing__container .listing-item.listing-item--range .listing-item__divider, html body section.listing.listing--mid .listing__container .listing-item.listing-item--range .listing-item__divider {
              transform: translateY(-40px);
              transition: transform 0.4s ease-in-out; }
            html body section.listing.listing--contrast .listing__container .listing-item:hover, html body section.listing.listing--page .listing__container .listing-item:hover, html body section.listing.listing--mid .listing__container .listing-item:hover {
              background-color: #f6f1e7; }
              html body section.listing.listing--contrast .listing__container .listing-item:hover .listing-item__title, html body section.listing.listing--contrast .listing__container .listing-item:hover .listing-item__subtitle, html body section.listing.listing--page .listing__container .listing-item:hover .listing-item__title, html body section.listing.listing--page .listing__container .listing-item:hover .listing-item__subtitle, html body section.listing.listing--mid .listing__container .listing-item:hover .listing-item__title, html body section.listing.listing--mid .listing__container .listing-item:hover .listing-item__subtitle {
                color: #000000;
                transform: translateY(-10px);
                opacity: 1; }
              html body section.listing.listing--contrast .listing__container .listing-item:hover .listing-item__image, html body section.listing.listing--page .listing__container .listing-item:hover .listing-item__image, html body section.listing.listing--mid .listing__container .listing-item:hover .listing-item__image {
                opacity: 1; }
              html body section.listing.listing--contrast .listing__container .listing-item:hover .listing-item__image, html body section.listing.listing--page .listing__container .listing-item:hover .listing-item__image, html body section.listing.listing--mid .listing__container .listing-item:hover .listing-item__image {
                transform: scale(1); }
              html body section.listing.listing--contrast .listing__container .listing-item:hover .listing-item__divider, html body section.listing.listing--page .listing__container .listing-item:hover .listing-item__divider, html body section.listing.listing--mid .listing__container .listing-item:hover .listing-item__divider {
                transform: translateY(0px); }
        html body section.listing.listing--contrast {
          background-color: #df9659; }
        html body section.listing.listing--page {
          background-color: transparent; }
        html body section.listing.listing--mid {
          background-color: #272842; }
      html body section .content__listing {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 0 4%; }
        html body section .content__listing .listing-item {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          text-align: center;
          width: 30%;
          max-width: 380px;
          padding: 30px 5px;
          position: relative;
          z-index: 1; }
          html body section .content__listing .listing-item:after {
            content: "";
            display: block;
            z-index: -1;
            background: rgba(255, 255, 255, 0.075); }
          html body section .content__listing .listing-item .listing-item__image img {
            height: 117px; }
          html body section .content__listing .listing-item .listing-item__new-tag {
            font-weight: bold;
            color: #ffffff;
            background-color: #df9659;
            display: block;
            text-align: center;
            font-size: .75em;
            line-height: 1;
            padding: 5px 7px 4px;
            margin: 5px 0;
            text-transform: uppercase; }
          html body section .content__listing .listing-item .listing-item__tagline {
            font-weight: bold;
            max-width: 240px;
            margin: 0 0 .5em;
            text-transform: uppercase;
            font-size: .857114rem;
            opacity: 0;
            transition: all 0.4s ease-in-out;
            text-align: center; }
      html body section .listing__title {
        margin-top: 60px;
        text-align: center;
        text-transform: uppercase;
        font-size: 1.78rem;
        letter-spacing: .2em; }
      @media (max-width: 880px) {
        html body section .listing-item {
          width: 45% !important; } }
      @media (max-width: 540px) {
        html body section .listing-item {
          width: 90% !important; } }
      html body section .listing-item .listing-item__title {
        font-size: 1.78571rem;
        letter-spacing: .2em;
        max-width: 100%;
        transition: all 0.4s ease-in-out; }
        @media (max-width: 680px) {
          html body section .listing-item .listing-item__title {
            font-size: 1.5rem; } }
      html body section .listing-item .listing-item__subtitle {
        font-size: 1.14286rem;
        letter-spacing: .2em;
        margin: 0 0 1em;
        color: #000000;
        opacity: 0;
        transition: all 0.4s ease-in-out; }
      html body section .listing-item .listing-item__subtitle, html body section .listing-item .listing-item__title {
        font-family: "Montserrat", Helvetica, Arial, sans-serif;
        font-weight: 400;
        text-transform: uppercase; }
      html body section .listing-item .listing-item__divider {
        width: 42px;
        margin: .75em 0;
        border: solid;
        border-width: 0 0 1px;
        opacity: 0;
        transition: all 0.4s ease-in-out; }
      html body section .listing-item .listing-item__arrow {
        display: block;
        width: 22px;
        border: 1px solid #000000;
        border-radius: 50%;
        padding: 5px 6px;
        opacity: 0;
        transition: opacity 0.4s ease-in-out; }
        html body section .listing-item .listing-item__arrow img {
          display: block;
          width: 8px; }
      html body section .listing-item:hover .listing-item__divider, html body section .listing-item:hover .listing-item__tagline, html body section .listing-item:hover .listing-item__arrow {
        opacity: 1; }
      html body section .listing-item:after, html body section .listing-item .listing-item__link {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; }

/*# sourceMappingURL=style-2018.css.map */