/* ========== BOATS SHOWCASE ========== */
.boats-showcase {
    background: #f9f9f9;
    padding: 0;
}

/* Header */
.boats-header {
    text-align: center;
    padding: 100px 20px 80px;
    background: linear-gradient(180deg, #fff 0%, #f9f9f9 100%);
}

.boats-subtitle {
    display: block;
    font-size: 11px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 16px;
}

.boats-header h2 {
    font-size: clamp(36px, 6vw, 64px);
    font-weight: 200;
    letter-spacing: -0.02em;
    color: #1a1a1a;
    margin: 0 0 24px;
}

.header-line {
    width: 80px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #ccc, transparent);
    margin: 0 auto;
}

/* Boat Cards */
.boats-list {
    max-width: 1600px;
    margin: 0 auto;
}

.boat-card {
    display: flex;
    flex-direction: column;
    min-height: 600px;
    border-bottom: 1px solid #e8e8e8;
    background: #fff;
    position: relative;
	margin-bottom: 2rem;
}

@media (min-width: 1024px) {
    .boat-card {
        flex-direction: row;
    }
    .boat-card.reverse {
        flex-direction: row-reverse;
    }
}

/* Media Section */
.boat-media {
    position: relative;
    flex: 0 0 60%;
    min-height: 400px;
    height: 500px;
    overflow: hidden;
    background: #f0f0f0;
}

@media (min-width: 1024px) {
    .boat-media {
        height: auto;
        min-height: 500px;
    }
}

.boat-media img,
.boat-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.boat-card:hover .boat-media img,
.boat-card:hover .boat-media video {
    transform: scale(1.04);
}

.boat-index {
    position: absolute;
    bottom: 30px;
    right: 30px;
    font-size: 120px;
    font-weight: 100;
    color: rgba(0, 0, 0, 0.35);
    line-height: 1;
    pointer-events: none;
}

.boat-card.reverse .boat-index {
    right: auto;
    left: 30px;
}

/* Content Section */
.boat-content {
    flex: 0 0 40%;
    display: flex;
    align-items: center;
    padding: 60px 40px;
    position: relative;
}

@media (min-width: 1024px) {
    .boat-content {
        padding: 60px 80px;
    }
    
    .boat-card:not(.reverse) .boat-content {
        border-left: 1px solid #e8e8e8;
    }
    
    .boat-card.reverse .boat-content {
        border-right: 1px solid #e8e8e8;
    }
}

.boat-content-inner {
    width: 100%;
    max-width: 440px;
}

/* Engine Badge */
.engine-badge {
    display: inline-block;
    padding: 6px 16px;
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    border: 1px solid #ddd;
    color: #666;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.engine-badge.electric {
    border-color: #2d5a3d;
    color: #2d5a3d;
    background: rgba(45, 90, 61, 0.05);
}

.engine-badge.innerboardx {
    border-color: #444;
    color: #444;
}

.engine-badge.outerboardx {
    border-color: #666;
    color: #666;
}
.engine-badge.start {
	color: #f9f9f9;
	margin: 0 0 136px 0;
}
/* Title */
.boat-title {
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 200;
    letter-spacing: -0.02em;
    color: #1a1a1a;
    margin: 0 0 12px;
    line-height: 1.1;
}

.title-accent {
    width: 50px;
    height: 1px;
    background: linear-gradient(90deg, #1a1a1a, transparent);
    margin-bottom: 24px;
}

/* Description */
.boat-description {
    font-size: 15px;
    line-height: 1.7;
    color: #666;
    font-weight: 300;
    margin: 0 0 32px;
}

/* Specs Grid */
.boat-specs {
    display: flex;
    gap: 0;
    padding: 24px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 32px;
}

.spec {
    flex: 1;
    text-align: center;
    padding: 0 16px;
}

.spec:not(:last-child) {
    border-right: 1px solid #eee;
}

.spec-label {
    display: block;
    font-size: 10px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 6px;
}

.spec-value {
    display: block;
    font-size: 18px;
    font-weight: 300;
    color: #1a1a1a;
}

/* CTA Button */
.boat-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #444;
    text-decoration: none;
    transition: color 0.3s ease;
}

.boat-cta:hover {
    color: #1a1a1a;
}

.cta-line {
    display: block;
    width: 40px;
    height: 1px;
    background: #ccc;
    position: relative;
    overflow: hidden;
}

.cta-line::after {
    content: '';
    position: absolute;
    inset: 0;
    background: #1a1a1a;
    transform: translateX(-100%);
    transition: transform 0.4s ease;
}

.boat-cta:hover .cta-line::after {
    transform: translateX(0);
}

.boat-cta svg {
    transition: transform 0.3s ease;
}

.boat-cta:hover svg {
    transform: translateX(4px);
}

/* Responsive */
@media (max-width: 1023px) {
    .boat-media {
        min-height: 300px;
        flex: none;
    }
    
    .boat-index {
        font-size: 80px;
        bottom: 20px;
        right: 20px;
    }
    
    .boat-content {
        padding: 40px 24px;
    }
    
    .boat-specs {
        flex-wrap: wrap;
    }
    
    .spec {
        flex: 1 1 33%;
        min-width: 80px;
    }
}

/* Cards visible by default */
.boat-card {
    opacity: 1;
    transform: none;
}

/* Optional: If using WOW.js, uncomment below */
/*
.boat-card.wow {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
.boat-card.wow.animated {
    opacity: 1;
    transform: translateY(0);
}
*/
p#bC3 {padding-bottom:2rem;}
.padding30 { padding: 0 70px 0 30px;}
.gallery-section-fbb {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

.gallery-header-fbb {
  text-align: center;
  margin-bottom: 30px;
}
.gallery-header-fbb p {
	text-align: center;
}
.gallery-header-fbb h2 {
  font-size: 2rem;
  color: #333;
  margin-bottom: 10px;
}

.gallery-header-fbb p {
  color: #666;
  font-size: 1rem;
}

.gallery-container-fbb {
  position: relative;
}

.gallery-wrapper-fbb {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
  padding: 10px 0 20px;
  cursor: grab;
  user-select: none;
}

.gallery-wrapper-fbb:active {
  cursor: grabbing;
}

.gallery-wrapper-fbb::-webkit-scrollbar {
  height: 8px;
}

.gallery-wrapper-fbb::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.gallery-wrapper-fbb::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.gallery-wrapper-fbb::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.gallery-fbb {
  display: flex;
  gap: 20px;
  padding: 0 10px;
}

.boat-card-fbb {
  flex: 0 0 320px;
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.boat-card-fbb:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

.boat-image-fbb {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}

.boat-info-fbb {
  padding: 20px;
}

.boat-title-fbb {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 5px;
}

.boat-subtitle-fbb {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 10px;
}

.boat-description-fbb {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.5;
  margin-bottom: 15px;
}

.learn-more-btn-fbb {
  display: inline-block;
  padding: 10px 20px;
  background: #007bff;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  font-size: 0.9rem;
  transition: background 0.3s ease;
}

.learn-more-btn-fbb:hover {
  background: #0056b3;
}

.nav-button-fbb {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.95);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
  z-index: 10;
}

.nav-button-fbb:hover {
  background: white;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.nav-button-fbb:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.nav-button-fbb.left-fbb {
  left: -25px;
}

.nav-button-fbb.right-fbb {
  right: -25px;
}

.nav-button-fbb svg {
  width: 24px;
  height: 24px;
  fill: #333;
}

.scroll-indicator-fbb {
  text-align: center;
  margin-top: 10px;
  color: #888;
  font-size: 0.9rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
}

.scroll-indicator-fbb svg {
  width: 20px;
  height: 20px;
  fill: #888;
  animation: bounce-fbb 2s infinite;
}
.scroll-indicator-fbb a {
	text-decoration: underline;
	text-underline-offset: 4px;
}
@keyframes bounce-fbb {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(10px); }
}

@media (max-width: 768px) {
  .nav-button-fbb {
	display: none;
  }

  .boat-card-fbb {
	flex: 0 0 280px;
  }
}

.undertext {
    z-index: 2;
    position: relative;
    color: white;
    font-size: .85rem;
}
.subcont-top {
	text-align: center;
}
.subcont-bottom {
	display: flex;
    flex-direction: column;
    align-items: center;
}
section#boats.minpadding {
    padding: 20px 0 70px 0;
}
.boatsh2 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}
.boatsh2 h2 {
    font-size: 2rem;
    text-transform: uppercase;
}
.boatscontainer-ftr {
    margin: 1.8rem auto;
    padding: 2rem;
    gap: 2.5rem;
    border-radius: 18px;
    border: 1px solid #d9dde2;
    background: linear-gradient(300deg, #fff, #f3f5f7);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    position: relative;
    max-width: 1200px;
    width: 100%;
    box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, 0.07);
}
.boatselement {
    border-radius: 10px;
    max-width: 400px;
    min-width: 330px;
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.07);
    overflow: hidden;
    position: relative;
}
.boatselement img, .boatselement video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    filter: brightness(0.7);
    transition: all 0.3s ease-in-out;
}
div.boatselement:hover img, div.boatselement:hover video {
    filter: brightness(1);
    scale: 1.05;
}
div.boatselement:hover div.boatsdescription {
    background: content-box rgba(0, 0, 0, 0.5);
}
div.boatselement:hover {
    cursor: pointer;
}
.boatselement div.boatscont2 {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
a.boatsmore {
    padding: 18px 0 18px 0;
    color: white;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
}
a.boatsmore:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: white;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
}
h3.titleh3 {
    padding: 36px 0 0 0;
    color: white;
    font-size: 2rem;
	margin-bottom: 0;
}
.enginetype {
	color: white;
    font-size: .9rem;
    text-transform: capitalize;
    font-weight: 700;
    padding: 0 0 136px 0;
}
.boatsdescription {
    padding: 36px 27px 0 27px;
    color: white;
    font-size: .7rem;
    text-align: center;
    background: content-box;
    transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 796px) {
    .boatselement {
        width: 90%;
    }
    .boatsdescription {
        font-size: .9rem;
    }
}
img {border:none;}
a {text-decoration:none; color:#4380a7;}
a:hover {text-decoration:none; color:#000;}
.partnerlogo {transition: all .3s ease-in-out;}
.partnerlogo:hover {transform:scale(1.125);}
a:visited {text-decoration:none;}
a:focus {text-decoration:none;}
a {outline:none;}
a img {border:none;}
img {max-width:100%;}
b,strong {font-weight:700;}
div.perc50 > p > strong {font-weight:200;text-transform:uppercase;letter-spacing:.1em;color:#666;font-size:14px;}
* {box-sizing:border-box;-mox-box-sizing:border-box;-webkit-box-sizing:border-box;}
html,body {margin:0;padding:0;height:100%;font-family: 'Open Sans', sans-serif;font-size:18px;font-weight:400;line-height:1.5;color:#333;scroll-behavior: smooth;}
.flex {display:flex;justify-content:space-between;flex-wrap:wrap;}
.dealerflex {gap:35px;justify-content: space-evenly !important;margin-top: 50px;}
.flexEnd {justify-content:flex-end;}
.flexCenter {justify-content:center;}
.flexVcenter {align-items:center;}
.flexVend {align-items:flex-end;}
.flexStart {justify-content:flex-start;}
.dealer-div {flex:3 1 30%;color:#1a1a1a;letter-spacing:-0.02em;padding:15px 20px;border-radius:7px;box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.15);}
.dealer-div strong {text-transform:uppercase;font-size:16px;letter-spacing:0.05em;}
.colorblack {color:black !important;}
.backgroundblack {background:#000 !important;}
.menutexttop {margin: 0 0 0 50px; color:white; font-size:.9rem;font-weight:700;filter: drop-shadow(0px 0px 6px black);}
.newbutton {color:white;border-radius:5px;border:2px solid white;margin:20px;padding:6px 8px;transition:all .3s ease-in-out;}
.newbutton:hover {scale:1.15;color:white;filter: drop-shadow(0px 0px 6px black);}
.newheader {background-size:cover;background-position:50% 130%;background-attachment:fixed;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center;position:relative;height:25rem;}
.backgroundrx {background-image: url("/wp-content/uploads/2021/12/Futuro-22-1.jpg");}
.backgroundprod {background-image: url("/wp-content/uploads/2021/10/by_sara_stima-26a-of-1.jpg");}
.backgrounddeal {background-image: url("/wp-content/uploads/2021/12/79-_DSC8280-scaled.jpg");}
.backgroundnews {background-image: url("/wp-content/uploads/2021/12/Futuro-2-1.jpg");}
.newheader h1 {color:white;z-index:1;position:relative;}
.newheaderwrap {opacity:0.60;background:linear-gradient(180deg, #010101 35%, #000000 100%);top:0;left:0;position:absolute;height:100%;width:100%;z-index:0;filter:opacity(100%);}
section#vision3 a:hover {color:white;text-decoration:underline;}
[name="acceptance-559"] {vertical-align:bottom;}
#wrapper {min-height:100%;position:relative;}
.hamblang {width:130px;transition: all .3s ease-in-out;}
#header {height:100vh;position:relative;}
#header .box {position:relative;z-index:3;width:100%;height:100%;}
.myVideo{position: absolute;right: 0;bottom: 0;	top:0;width: 100%;height: 100%;background-size: 100% 100%; 		background-color: black;background-position: center center;background-size: contain;object-fit: cover;z-index:1;}
.scroll-down {position: absolute;display: block;	text-decoration: none;bottom: 50px;	right: 10px;z-index:3;	color: #fff;}
.scroll-down .line {height: 40px;width: 1px;background-color: #fff;margin-left: 46%;	position: relative;}
.scroll-down .line-anim {position: absolute;height: 10px;width: 3px;background-color: #fff;left: -1px;animation: scroll-down 3s infinite;}
@keyframes scroll-down {
  from {top:0%;}
  to {top:80%;}
}
.scroll-down:hover {color:#fff;}
#menu ul {margin:0px;padding:0px;font-size:14px;}
#menu ul li {list-style:none;text-align:center;padding:20px 20px;display:inline-block;}
#menu ul li a {padding:20px 0px;color:#707070}
#menu ul li a:hover {color:#4380a7;}
#menu select,.hamblang select {background: none;border: 0;text-transform: uppercase;font-size:14px;color:white;filter: drop-shadow(0px 0px 6px black);}
#menu select option,.hamblang select option {text-transform:uppercase !important;color:black;}
.mobile {display:none;}
.mobile2 {position: absolute; top: 15px; left: 35px;}
.logo {margin-top:15px;transition: all .5s ease-in-out;}
.logo img {filter: invert(1) drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.75)); transition: all .5s ease-in-out;}
.logoblack {filter: invert(0) drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.75)) !important;}
.menu-width {width:250px;}
.dropshadow {filter: drop-shadow(0px 0px 6px black);}
.headerh {background: none;display: flex;align-items: center;justify-items: center;justify-content: center;height: 100vh;flex-flow: column;}
.headerh h1 {letter-spacing:.3rem;color:white;font-style: italic;font-size:3rem !important;transition: all .3s ease-in-out;}
.headerspan {color:white;transition: all .3s ease-in-out;}
#topbar {z-index:999;position:absolute;top:0;right:0;left:0;padding:10px 0;}
#topbar .flex {align-items:center;justify-content:center;}
#mobile-menu {background:rgba(255,255,255,0.9);z-index:998;position:fixed;top:0;bottom:0;right:0;left:0;text-align:center;padding-top:100px;display:none;}
#mobile-menu #menu ul li {width:100%;padding:5px 10px;font-weight:700;}
#mobile-menu #menu ul li a {padding:3px 0px;}
#nav-icon {width: 40px;height: 27px;position: relative;margin: 10px auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon span {display: block;filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));position: absolute;height: 5px;width: 100%;background: #fff;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon span:nth-child(2) {top: 10px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon span:nth-child(3) {top: 20px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 8px;}
#nav-icon.open span:nth-child(2) {width: 0%;opacity: 0;}
#nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 25px;left: 8px;}
.nag {text-align:center;font-size:20px;margin-bottom:70px;}
.wybor {max-width:300px;border-bottom:2px solid #b8b8b8;margin:0 auto 120px auto;}
.wyb {cursor:pointer;}
.wyb.active {border-bottom:2px solid #707070;margin-bottom:-2px;}
section {padding:70px 0;}
section#opis {padding:25px 0;}
.boat {margin:0;position:relative;}
a.pricelistlink {text-decoration: dotted underline;text-underline-offset: 6px;}
.boatlist {margin:50px 0;position:relative;}
#opis .boat {background:none;padding:50px 0 0 0;}
.perc50 {width:49%;}
.smallblock {background-color:#f9f9f9;border-bottom:1px solid #e8e8e8;}
p {text-align:justify;}
.boatInfo {padding:0 50px;z-index:3;position:relative;margin:0;}
.boatInBg {position:absolute;width:53%;left:0;top:0;bottom:0;z-index:1;overflow:hidden;}
.boatInBg img {object-fit:cover;width:100%;height:100%;}
.perc55 {width:53%;}
.title {font-size:30px;font-weight:600;}
.newtitle {font-weight:200;letter-spacing:-.02em;color:#1a1a1a;margin:0 0 12px;line-height:1.1;font-size:30px;}
.title h1 {font-size:32px;font-weight:600;margin:0;}
#bC1.title {padding:2rem;text-align:center;}
h2 {font-size:22px;}
hr {width:50px;height:2px;background:#585858;border:0;margin:10px 0 0 0;}
.boat img {display:block;}
.alignRight {text-align:right;}
.alignCenter {text-align:center;}
.button {font-size:14px;font-weight:600;padding:10px 35px;text-transform:uppercase;color:#fff;background:#585858;border:2px solid #585858;display:inline-block;}
.button:hover {background:none;color:#585858;}
.button.alt {background:none;padding:10px 0;font-size:14px;font-weight:600;border:0;border-bottom:2px solid #585858;color:#585858;}
.button.alt:hover {padding:10px 20px;}
#interestedIn {position:relative;padding-bottom:0;}
#interestedIn .flex {position:relative;background: rgb(27,51,95);
background: linear-gradient(90deg, rgba(27,51,95,1) 0%, rgba(121,186,220,1) 80%); }
.interestedBg {position:absolute;right:0;top:0;bottom:0;width:50%;height:100%;z-index:4;}
.interestedBg img {width:100%;height:100%;object-fit:cover;object-position:center left}
.interestedCtn { padding:50px 8%;color:#fff;position:relative;z-index:5;}
.interestedCtn hr {background:#fff;}
#philosophy {background-image:url('/wp-content/themes/futuroboats/images/bg1.jpg');background-size:cover;background-attachment:fixed;background-position:center center;color:#fff;height:100vh;position:relative;}
#philosophy .box {height:100%;}
#philosophy hr {margin:10px auto 0 auto;background:#fff;}
#philosophy .button.alt {border-bottom:2px solid #fff;color:#fff;}
#philosophy .title {font-size:109px;}
#philosophy p {max-width:800px;margin-bottom:80px;}
#vision {background:#F2F2F2;padding:0;}
.perc40 {width:40%;}
.perc60 {width:60%;}
.perc60 img {display:block;}
.vision {padding:50px 8%;}
.pt100 {padding-top:100px;}
#vision2 .flex2 {padding:50px 3% 0 3%;}
#vision2 .perc50 {width:48%;}
#vision3 {background:#000;color:#fff;padding-bottom:300px;}
#vision4 {margin-top:-280px;}
.wizja12 {width:40%;}
.wizja11 {width:30%;font-size:109px;font-weight:600;position:relative;}
.wizja111 {position:absolute;left:0;top:0;z-index:2}
.wizja112 {position:absolute;left:40px;top:40px;z-index:1;background:#000;-webkit-text-fill-color: black; -webkit-text-stroke-width: 1px;  -webkit-text-stroke-color: white;}
.perc70 {width:85%;}
.visionItem {margin-bottom:30px;background:#DEDEDE;width:32%;color:#000;padding:20px 30px;line-height:1.3;}
.visionItem .title {color:#000;margin-top:15px;}
.visionItem:nth-child(even) {background:#FCFCFC;}
.visionIcon {}
.visionCtn {}
.imgVision {width:100%;height:400px;overflow:hidden;margin-top:50px;}
.imgVision img {width:100%;height:100%;object-fit:cover;}
#contact {position:relative;background:#F2F2F2;color:#1D335F;padding:200px 0;}
.line1 {font-size:50px;font-weight:600;}
.line2 {font-size:60px;margin-bottom:50px;}
.line2 span {border-bottom:3px solid #1D335F;}
#contact .line1,#contact .line2 {color:#1D335F;}
.contactFrame {background:#F2F2F2;}
.contactF2 {position:relative;width:47%;}
/*
.contactF2:before {position:absolute;content:url('/wp-content/themes/futuroboats/images/cc1.png');left:0;top:0;width:80px;height:79px;}
.contactF2:after {position:absolute;content:url('/wp-content/themes/futuroboats/images/cc2.png');right:0;bottom:0;width:80px;height:79px;}*/
.rodo {font-size:8px;}
.inputWrap {position:relative;}
.form .perc50 {width:49%;}
input[type="text"],input[type="email"],textarea {width:100%;background:#fff;border:0;padding:10px 10px;margin-bottom:10px;font-family:'Open Sans';font-size:14px;font-weight:400;}
textarea {min-height:150px;}
.inputWrap label {position:absolute;left:5px;top:5px;color:#BABABA;font-size:11px;}
input[type="submit"]{cursor:pointer;font-family:'Open Sans';font-size:14px;font-weight:400;}
.rodo2 {font-size:9px;line-height:1.5;margin-top:20px;}
#footer {line-height:1.55rem;background: #222222; background: linear-gradient(121deg, rgba(34, 34, 34, 1) 0%, rgba(0, 0, 0, 1) 62%, rgba(17, 17, 17, 1) 100%);margin-top:0px;color:#fff;text-transform:uppercase;font-size:.85rem;}
#footer a {color:#fff;}
#footer hr {background:#fff;display:none;}
.foot .title {font-size:.8rem;font-weight:400;color:#9b9b9b;}
.rodo2 a {font-size:12px;font-weight:600;}
hr.full {width:100%;}
.foot3 {font-size:32px;}
.foot2 {line-height:1.2;}
.foot3 {margin-bottom:20px;}
.foot3 span {border-bottom:1px solid #fff;}
.news {width:100%;margin-bottom:50px;padding:5px;background:#FCFCFC;}
.news h2 {margin:5px;}
.news a {color:#000;}
.news:nth-child(even) {background:#DEDEDE;}
.pageInside {margin-top:100px;}
.wpcf7-form {display:flex;justify-content:space-between;flex-wrap:wrap;}
.wpcf7 .ajax-loader {display:none;}
#boatTop {background-size:cover;background-position:center 40%;height:450px;display:flex;justify-content:center;align-items:center;position:relative;}
.boatstopdiv h1 {color:white;font-weight:600;font-size:2rem;z-index:1;position:relative;}
.boatTop {width:40%;position:absolute;bottom:140px;left:0;font-size:40px;padding:30px 100px;background:#000;color:#fff;}
.boatTop img {vertical-align:middle;margin-left:20px;}
#opis table {border:0;margin-top:1rem;background-color:#f9f9f9;width:fit-content;border-bottom:1px solid #e8e8e8;}
#opis table td {border:0;padding:0;margin:0;font-weight:500;padding:8px 0;vertical-align:bottom;}
#opis table td:nth-of-type(odd) {width:35%;min-width:170px;}
#opis table td span {background:#f9f9f9;position:relative;z-index:2;padding:8px 30px 8px 8px;text-transform:uppercase;font-weight:200;font-size:16px;letter-spacing:0.1em;}
#opis table td:last-child {font-weight:700;}
#opis table td:last-child span {width: 100%;display: inline-block;padding: 0 15px 0 30px;}
#opis table tr {position:relative;}
#opis table tr:before {content:'';position:absolute;width:100%;bottom:16px;z-index:1;border-top:1px dotted #666;}
.galItem {width:30%;height:300px;margin-bottom:3%;border-radius:7px;overflow:hidden;border: 1px solid gray;}
.galItem img {width:100%;height:100%;object-fit:cover;transition:all .3s ease-in-out;}
.galItem img:hover {scale:1.1;filter: brightness(1.25);}
.galItem:empty {height:1px;border:none;}
.boatMin {width:30%;margin-bottom:30px;}
.boatMin:empty {margin-bottom:0;}
.iframe {height:650px;margin-top:2rem;}
#imageBre {position:relative;margin-bottom:100px;width:100%;}
#imageBre .imgX {width:100%;}
.bar {position:absolute;bottom:-50px;left:0;right:0;text-align:center;z-index:2;}
.boat .bar,#contact .bar {bottom:auto;top:-50px;z-index:5;}
.boat .bar img {display:inline;}
#philosophy .bar {bottom:auto;top:-47px;z-index:5;}
#philosophy .bar2 {bottom:-50px !important;top:auto !important}
#luksus {position:relative;margin:100px 0;color:#1D335F;}
.luksusbg {background:#000;left:0;top:0;bottom:0;width:30%;height:100%;position:absolute;}
.luksus1 {padding-right:50px;position:relative;z-index:3;}
.luksus2 {position:relative;padding-right:10%;}
.luksus23:before {position:absolute;content:url('/wp-content/themes/futuroboats/images/cc3.png');right:0;top:-100px;width:80px;height:79px;}
.luksus23:after {position:absolute;content:url('/wp-content/themes/futuroboats/images/cc2.png');right:0;bottom:-100px;width:80px;height:79px;}
.luksus21,.luksus22 {position:absolute;left:-100px;top:-100px;font-size:133px;font-weight:600;color:#f4f4f4;z-index:2;}
.luksus22 {left:-70px;top:-70px;-webkit-text-fill-color: white;	-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #f4f4f4;z-index:1;}
.luksus23 {z-index:5;position:relative;padding-right:50px;}
.lang-item {text-transform:uppercase;padding:20px 2px !important;}
/*.lang-item:after {content: ' /';margin-left:2px;}
.lang-item:last-child:after {display:none;}*/
.max1000 {max-width:1000px;}

.box {max-width:1620px;margin: 0px auto;padding:0px 10px;}
.transition,.button {transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s; }
ul.list {list-style-type: none;margin:0px; padding:0px;margin-left:10px;}
ul.list li:before {content:"-"; position:relative; left:-5px;}
ul.list li{ text-indent:-5px; }
.container-ff {display: flex;flex-wrap: wrap;gap: 10px;padding: 10px;}
.top-left-ff {flex: 1 1 30%;max-width: 40%;display:flex;align-items:flex-end;}
.top-right-ff {flex: 1 1 65%;max-width: 60%;}
.bottom-left-ff {flex: 1 1 60%;max-width: 55%;}
.bottom-right-ff {flex: 1 1 40%;max-width: 43%;}
.container-ff img {width: 100%;height: auto;display: block;border-radius: 8px;object-fit:cover;}
.top-left-ff img {max-height:220px;}
.top-right-ff img {max-height:330px;}
.bottom-left-ff img {max-height:300px;}
.bottom-right-ff img {max-height:240px;}
@media all and ( max-width:1600px) {
	.boatTop {font-size: 25px;padding: 30px 100px;}
}
@media all and ( max-width:1300px) {
	.perc40 {width:50%;}
	.perc60 {width:50%;}
	.imgVision {height:300px;}
	.galItem {width:30%;height:250px;}
	.iframe {height:500px;}
	.wizja11 {width:50%;}
	.wizja12 {width:50%;}
	.luksus2 {padding-right:10px;}
	.boatTop {font-size: 20px;padding: 30px 50px;}
}
@media all and ( max-width:1300px) {
	.luksus1,.luksus2 {width:100% !important}
	.luksusbg {display:none;}
	.luksus1 {padding-right:0;}
	.luksus2 {margin-top:100px;padding-left:10px;}
	.luksus21 {left:0;}
	.luksus22 {left:30px;}
}
@media all and ( max-width:1020px) {
	.mobile {display:block;}
	.desktop {display:none;}
	#header {height:500px;}
	.headerh {height:500px;}
	div.headerh h1 {display:none;}
	.headerspan {font-size: 1.6rem;}
	.perc40,.perc60,.perc50 {width:100%;margin-bottom:20px;}
	.line1 {font-size:30px;}
	.line2 {font-size:35px;}
	.foot3 {font-size:25px;}
	.interestedBg {opacity:0.3;width:100%;}
	#philosophy {height:auto;}
	#vision2 .perc50 {width:100%;}
	.pt100 {padding-top:0;}
	#contact {padding:100px 0;}
	.foot {padding-right:10px;margin-bottom:30px;}
	.imgVision {height:200px;}
	.news {width:49%;}
	.galItem {width:32%;height:200px;margin-bottom:1.5%;}
	.boatMin {width:49%; }
	.iframe {height:400px;}
	.boatInBg {position:relative;width:100%;}
	.perc55 {width:100%;}
	.bar {display:none;}
	.boatInfo {margin:0;}
	.perc70 {	width: 100%;}
	.visionItem {width:49%;}
	.boatTop {display:none;}
	#boatTop {height:500px;}
}
@media all and ( max-width:700px) {
	#header {height:400px;}
	.headerh {height:400px;}
	.headerspan {font-size: 1.6rem;}
	.title,.title h1 {font-size:20px;}
	h2 {font-size:19px;}
	html,body {font-size:16px;}
	#contact {padding:50px 0;}
	.imgVision {height:170px;}
	section {padding:40px 0;}
	.visionItem {margin-bottom:15px;}
	.line1 {font-size:20px;}
	.line2 {font-size:18px;}
	.foot3 {font-size:18px;}
	.contactFrame {padding:20px;}
	.galItem {width:32%;height:150px;margin-bottom:1.5%;}
	.boatMin {width:100%; }
	.iframe {height:300px;}
	.wizja11 {font-size:60px;}
	.wybor {margin:0 auto 0px auto}
	#philosophy .title {font-size:60px;}
	.visionCtn {width:100%;font-size:13px;}
	.visionItem {width:100%;}
	#boatTop {height:400px;}
	.mobile2 {left:0px;}
	.logo {width:200px;}
}
@media all and ( max-width:550px) {
	.headerspan {font-size: 1.6rem;}
	.form .perc50 {width:100%;}
	.imgVision {height:100px;}
	.visionIcon {width:40px;}
	.wybor {}
	.contactFrame {padding:10px;}
	.title,.title h1 {font-size:16px;}
	h2 {font-size:15px;}
	html,body {font-size:13px;}
	.news {width:100%;}
	.galItem {width:49%;height:150px;margin-bottom:1.5%;}
	.iframe {height:240px;}
	.wizja12,.wizja11 {width: 100%;}
	.wizja11 {height:150px;}
	#boatTop {height:300px;}
	.logo {width:150px;}
}
@media all and (max-width:500px) {
	#topbar .box.flex {
		justify-content: flex-end;
	}
	div.mobile2 div.hamblang.flex {
		justify-content: flex-start !important;
	}
	div.hamblang.flex ul {
		padding: 0 0 0 10px;
	}
	span.headerspan {
		margin-top: 25px;
	}
}
@media all and ( max-width:400px) {	
	.scroll-down {display:none;}
	#header {height:250px;}
	.headerh {height:250px;}
	.galItem {width:49%;height:100px;margin-bottom:1.5%;}
	.iframe {height:200px;}
	#boatTop {height:200px;}
	.luksus21,.luksus22 {display:none;}
	.luksus23 {padding-right: 0px;}
	.luksus23:before,.luksus23:after {display:none;}
}