/*
Theme Name: Next Yacht Group
Theme URI:
Description:
Author: Stefano Esu/Francesco Pagliei/Manuel Frazzetta per Jakala
Author URI:
Version: 1.0.1
License:
License URI:
Tags:
Text Domain: nyg
*/

@charset "utf-8";

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body{
	background-color: #ffffff;
    font-size: 100%;
	line-height: 1.125em;
	height: 100%;
    overflow-x: hidden;
    max-width: 100vw;
	image-rendering: -webkit-optimize-contrast;
	/* Cross Browser graphic and fonts fixes */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-interpolation-mode: nearest-neighbor;
}
body .navbar{ 
	position: fixed;
	top:0px;
	height:70px;
}
body.admin-bar .navbar{ 
	top:32px;
}
/* GENERAL STYLES */
.p-relative, div.wrapper{ position: relative; }
.p-absolute{ position: absolute; }
.c-white{ color: white; }
.img-like-bck{
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50%);
    object-fit: cover;
	object-position: center;
}
.border-white{ border: 1px solid white; }
.img-like-bck.no-abs{
	position: initial;
    top: 0%;
    left: 0%;
    transform: translate( 0%, 0%);	
}
.img-like-bck.img-contain{
	object-fit: contain !important;
}
.img-on-top{
	height: 265px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
	top: 0% !important;
	left: 0% !important;
	position: initial !important;
	transform: translate(-0%, -0%) !important;	
}
.otgs-development-site-front-end{
	display: none !important;
}

.hidden {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    transition: opacity 0.8s, max-height 0.8s ease-out;
    pointer-events: none;
}
.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    max-height: 1000px!important;
    transition: opacity 0.8s, max-height 0.8s ease-in;
    pointer-events: all;
}
.show-text {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.25s ease-out, max-height 0.4s ease-out;
}
.BCK_VIDEOS {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    pointer-events: none;
}
.f-left{ float: left; }
.f-right{ float: right; }
.social-bar .container{ border-bottom: 1px solid white; }
.label-cond{ font-family: 'soehne-bold-cursiv', sans-serif; }
.bck-black{ background-color: black; }
ul.socials-list{ padding-left: 0; }
ul.socials-list li { display: inline-block; width: auto !important; border-left: none !important; }
ul.socials-list li a { color: white; }
.h-100{ height: 100%; }
.h-auto{ height: auto; }
.coral-btn-black:hover, .coral-btn-black.active{
	background-color: rgba(255, 3, 53, 0.25);
}
.coral-btn-transp:hover{
	border-bottom: 1px solid #ff5d7d !important;
	color: #ff5d7d !important;
}
.coral-btn-transp{
	border-bottom: 1px solid #FF0335;
    display: inline-block !important;
}
.coral-btn-transp:hover img{
	margin-left: 10px;
}
.coral-btn-transp img{
	transition: all 0.3s ease-in-out;
}

.coral-btn:hover, .nav-btn:hover{
	background-color: #ff5d7d !important;
	border: 1px solid #ff5d7d!important;
}
.black-btn:hover{
	background-color: rgba(255, 255, 255, 0.15);
}
.pad-top-150{
	padding-top: 150px;	
}
.pad-bot-150{
	padding-bottom: 150px;	
}

ul:not(.navbar-nav):not(.footer-list):not(.ab-top-menu):not(.pre-title-infos){
	padding-left: 0px !important;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	margin-top: 2rem;
}
ul:not(.navbar-nav):not(.footer-list):not(.ab-top-menu):not(.tech_infos):not(.main-breadcrumb):not(.pre-title-infos) li, ul:not(.navbar-nav):not(.footer-list):not(.ab-top-menu):not(.tech_infos):not(.main-breadcrumb):not(.pre-title-infos) span{
	color: white;
	font-family: 'soehne-bold';
	font-size: 0.8em;
	line-height: 1.5;
}
ul:not(.navbar-nav):not(.footer-list):not(.ab-top-menu):not(.tech_infos):not(.main-breadcrumb):not(.pre-title-infos) span{
	display: block;
	font-size: 2.25em;
	margin-bottom: 3px;
	font-family: 'soehne-bold-cursiv';
}
ul:not(.navbar-nav):not(.footer-list):not(.ab-top-menu):not(.tech_infos):not(.main-breadcrumb):not(.pre-title-infos) li{
	border-left: 1px solid white;
	width: 50%;
	display: inline-block;
	padding-left:12px;
	padding-right:12px;
	margin-bottom: 2rem;
	float: left;
}
ul:not(.navbar-nav):not(.footer-list):not(.ab-top-menu):not(.tech_infos) p{
	padding-right: 12px;
}
.pulsating-background {
	width: 100%;
    background-color: #09161B !important;
	background: linear-gradient(to top,	rgba(255, 3, 53, 0.3) 0%, rgba(255, 3, 53, 0.2) 10%, rgba(0, 0, 0, 1) 40%, #000000 100%	);
	background-size: 100% 200%;
	background-position: 0% 100%;
	animation: pulseGradient 10s ease-in-out infinite;
	position: relative;
	overflow: hidden;
	padding-top: 120px;
	padding-bottom: 120px;
}
.pulsating-background-inverse {
	width: 100%;
    background-color: #09161B !important;
	background: linear-gradient(to bottom, rgba(255, 3, 53, 0.3) 0%, rgba(255, 3, 53, 0.2) 10%, rgba(0, 0, 0, 1) 40%, #000000 100%);
	background-size: 100% 200%;
	background-position: 0% 100%;
	animation: pulseGradient 10s ease-in-out infinite;
	position: relative;
	overflow: hidden;
	padding-top: 120px;
	padding-bottom: 120px;
}
@keyframes pulseGradient {
	0%, 100% {
		background-position: 0% 100%;
	}
	50% {
		background-position: 0% 70%;
	}
}
.pulsating-background .moving-circle {
	position: absolute;
	width: 200px;
	height: 200px;
	background: rgba(255, 3, 53, 0.80);
	border-radius: 50%;
	filter: blur(150px);
	animation: moveCircle 10s ease-in-out infinite alternate;
}
.pulsating-background.pbg-blue {
	background-color: #0B1820 !important;
	background: linear-gradient(to top,	rgba(255, 3, 53, 0.3) 0%, rgba(255, 3, 53, 0.2) 10%, #0B1820 40%, #0B1820 100%	);
}
.pulsating-background-bottom {
	width: 100%;
    background-color: #0B1820 !important;
	background: linear-gradient(to bottom,	rgba(255, 3, 53, 0.3) 0%, rgba(255, 3, 53, 0.2) 15%, #0B1820 40%, #0B1820 100%	);
	background-position: 0% 100%;
	animation: pulseGradient 10s ease-in-out infinite;
	overflow: hidden;
}
.pulsating-background-inverse .moving-circle {
	position: absolute;
	width: 200px;
	height: 200px;
	background: rgba(255, 3, 53, 0.80);
	border-radius: 50%;
	filter: blur(150px);
	animation: moveCircle 10s ease-in-out infinite alternate;
}
.pulsating-background-inverse.pbg-blue {
	background-color: #0B1820 !important;
	background: linear-gradient(to top,	rgba(255, 3, 53, 0.3) 0%, rgba(255, 3, 53, 0.2) 10%, #0B1820 40%, #0B1820 100%	);
}

@keyframes moveCircle {
	0% {
		top: 60%;
		left: 20%;
	}
	100% {
		top: 20%;
		left: 80%;
	}
}
.wrapper-list.sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	background-color: rgb(255 255 255 / 30%) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: all 0.3s ease-in-out;
}	
.admin-bar .wrapper-list.sticky{
	top: 32px;
}
.wrapper-list.sticky .horizontal-list{
	margin-top: 0 !important;
}
.wrapper-versioning-yacht{
	background: #09161C;
	background: linear-gradient(180deg,rgba(9, 22, 28, 1) 30%, rgba(0, 0, 0, 1) 100%);
}
ul.horizontal-list li{
	border-bottom: 2px solid white;
	border-left: none !important;
	text-align: center;
	transition: all 0.4s ease-in-out;
	padding: 9px 12px;
}
.wrapper-list.sticky ul.horizontal-list li{
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}
ul.horizontal-list li:hover, .horizontal-list li.active{ border-color: #FF0335; }
ul.horizontal-list li a,
ul.horizontal-list li button{
	font-size: 1.25em !important;
	padding-bottom: 9px;
	font-family: 'soehne-bold', sans-serif;
	color: white;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
	text-transform: uppercase;
}
ul.horizontal-list li button{
	background: transparent;
    border: 0px;
}
.horizontal-list li.active a,
.horizontal-list li:hover a,
.horizontal-list li:hover button,
.horizontal-list li.active button{ color: #FF0335; }

/* HEADER STYLES */
.navbar {
    opacity: 1;
    visibility: visible;
	z-index:9999;
}

.navbar.hidden {
    opacity: 0;
    visibility: hidden;
}
.navbar.nyg-navbar{
    background: #000000;
	background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 100%);
    padding: 12px;
}
.navbar-brand img.invert{
	filter: invert(100%) brightness(200%);
}
.nav-link{
	color: white;
}
/* Navbar background */
.navbar {
	background: linear-gradient(7deg, rgba(0, 0, 0, 0.00) 5.18%, rgba(0, 0, 0, 0.80) 94.36%);
	display: flex;
	align-items: center;
}
/* Base nav items */
.nav-menu .nav-item {
	color: white;
	font-family: "soehne-bold";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	text-decoration: none;
	margin-right: 16px;
}

/* Hover effect: underline only */
.nav-menu .nav-link:hover {
	color: white;
}

/* Remove right margin from the last regular nav item */
.nav-menu .nav-item:not(.language-selector):last-of-type {
	margin-right: 24px;
}

/* Language selector specific spacing */
.nav-menu .nav-item.language-selector {
	margin-right: 0;
	margin-left: 0;
}

/* Space between language selectors (after the pipe is 8px, then 8px to next item = 16px total) */
.nav-menu .nav-item.language-selector + .nav-item.language-selector {
	margin-left: 0;
}
.nav-menu .nav-btn{
	background-color: #FF0335;
	color: black;
	display: inline-block;
	border: 1px solid #FF0335;
	text-decoration: none;
	padding: 8px 16px;
	border-radius: 2px;
	font-size: 0.875em;
	line-height: 150%;
	letter-spacing: 1.12px;
	font-family: 'soehne-bold';
	margin-left: 16px;
	text-decoration: none;
}
.nav-menu .nav-btn:hover {
	background-color: #BFBFBF;
	border: 1px solid #BFBFBF;
}
.nav-menu .language-divider {
	width: 2px;
	padding: 0;
	background-color: white;
	align-self: center;
	height: 25px;
}

/* FLEX BLOCK*/
/*main slider*/
.main-big-slider-cont .slide-media, .slide-media-generic{
	width: 100%;
	height: 100vh;
	object-fit: cover;
	display: block;
}
.main-big-slider-cont .swiper-text-cont{
	width: 100%;
	position: absolute;
	z-index: 9;
	bottom: 120px;
	padding-left: 12px;
}
.main-big-slider-cont .opacity-slider{
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000000;
	background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0.9) 100%);
	z-index: 1;
}
.main-big-slider-cont .opacity-slider {
  pointer-events: none;
}
.main-big-slider-cont .swiper-controls {
	position: absolute;
	width: 100%;
	max-width: 300px;
	height: 42px;
	right: 0;
	bottom: 115px;
}

.main-big-slider-cont .swiper-button-prev,
.main-big-slider-cont .swiper-button-next {
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* Frecce personalizzate */
/* Nasconde le frecce di default Swiper */
.main-big-slider-cont .swiper-button-prev::after,
.main-big-slider-cont .swiper-button-next::after {
	display: none;
}
.main-big-slider-cont .swiper-pagination{
	border: 2px solid #FF0335;
	max-width: 180px;
	position: relative;
	margin-left: 60px;
	height: 40px;
	margin-top: 7px !important;		
	border-radius: 2px;
}
.main-big-slider-cont .swiper-pagination-bullet{
	margin-top: 15px !important;
	width: 7px;
	height: 7px;
	border: 1px solid #FF0335;
	background-color: #FF0335;
	margin-left: 10px;
}
/* card slider */
.card-slider {
	position: relative;
	width: 100%;
	min-height: 200px;
	height: 100%;
	perspective: 1000px;
}

.card-slider .card {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 1;
	transition: transform 0.8s ease-in-out, width 0.8s linear, left 0.8s linear;
	border-radius: 0px;
}
.card.slide-up-card {
	transform: translateY(-100%); /* La card sale */
	width: 100%;
	left: 0;	  
}

.card.slide-down-card {
	transform: translateY(0);
	width: 85%;
	left: 7.5%;
}
.card-slider .card{
	display: flex;
    flex-direction: row;
}
.card-slider .card .container-media{
	width: 70%;
    height: 100%;
}
.card-slider .card .container-media img,
.card-slider .card .container-media video{
	width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: center;
}
.card-slider .card .text-container{
	width: 30%;
	background: rgba(0, 0, 0, 0.9);
	height: 100%;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	display: flex;
	align-items: center;
	padding-left: 2rem;
	padding-right: 2rem;
}
.card-slider .card .text-container .inner-text p{
	font-size: 1em;
}
.card-slider a{
	color: white;
	font-size: 1em;
	line-height: 1.5;
	font-family: 'soehne-bold', sans-serif;
	text-decoration: none;
	padding-bottom: 6px;
	border-bottom: 1px solid white;
}
/* relation block */
.wrapper-relations-generic .elem-img-container {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	position: sticky;
    top: 25px;
    width: auto;	
}
.wrapper-relations-generic .elem-media {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 0.4s ease;
	pointer-events: none;
}
.wrapper-relations-generic .elem-media.active {
	opacity: 1;
}
.wrapper-relations-generic .elem-block {
	border-bottom: 1px solid white;
	position: relative;
	cursor: pointer;
}
.wrapper-relations-generic .elem-block .news-date {
	font-size: 0.875em;
}
.wrapper-relations-generic .elem-block .text-content {
	cursor: pointer;
	font-size: 1em;
	width: 90%;
}
.wrapper-relations-generic .elem-block h4 {
	font-size: 1.5em;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
}
.wrapper-relations-generic .elem-action {
	display: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.70);
	border: 1px solid white;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
	transition: background-color 0.2s;
	z-index: 10;
}

.wrapper-relations-generic .elem-block:hover .elem-action {
	display: block;
}

.wrapper-relations-generic .elem-action:hover {
	background-color: rgba(255, 255, 255, 0.15);
}

/* card-group block */
.card-group .main-content-col img {
  position: absolute;
  width: 300px !important;
  height: auto;
  transition: all 1s ease-in-out;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
}

/* stacked */
.card-group.stacked img {
  width: 616px !important;
  top: 50px;
  left: 50%;
  transform: translateX(-50%) rotate(var(--rotation));
  z-index: 2;
  visibility: visible;
  opacity: 1;
}

/* scattered */
.card-group.scattered .img-1 { top: 0px; left: 40%; transform: none; }
.card-group.scattered .img-2 { top: 180px; left: 0%; transform: none; }
.card-group.scattered .img-3 { top: 280px; left: 45%; transform: none; }
.card-group.scattered .img-4 { top: 80px; right: 0; transform: none; }

/* reset */
.card-group.reset{
	height: 1113px !important; 
	transition: all 0.9s ease-in-out;
}
.card-group.reset img {
  width: 616px !important;
  z-index: 0;
  visibility: visible;
  opacity: 1;  
}
.card-group.reset .img-1 { top: 0; left: 1%; transform: none; }
.card-group.reset .img-2 { top: 0; left: 51%; transform: none; }
.card-group.reset .img-3 { top: 55%; left: 1%; transform: none; }
.card-group.reset .img-4 { top: 55%; left: 51%; transform: none; }

.card-group.reset-final{
	height: auto !important;
}

/* reset-final - solo per rimuovere transizioni extra o ruotazioni residue */
.card-group.reset-final img {
  /* niente position qui */
  transition: all 0.9s ease-in-out;
  transform: none !important;
  visibility: visible;
  opacity: 1;  
}
.card-group.reset-final img {
  position: relative;
  transition: all 0.9s ease-in-out;
  top: auto !important;
  left: auto !important;
  z-index: 0;
}

/* Mostra testo */
.card-group .main-title,
.card-group .cont-descr {
  opacity: 0;
  transition: opacity 1s ease;
}
.card-group.reset .main-title,
.card-group.reset .cont-descr {
  opacity: 1;
  transition-delay: 1.5s;
}
/* Start - Slider T3 */
.slider-controls {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-top: 120px !important;
	z-index: 1;
}
.mySwiperCards .slider-controls{
	margin-top: 20px !important;
}
.slider-controls .slider-dots {
	display: flex;
	background: transparent;
	border: 2px solid #FF0335;
	color: #FF0335;
	font-size: 20px;
	padding: 18px;
	cursor: pointer;
	gap: 20px;
	border-radius: 2px;
}
.slider-controls .slider-dot {
	opacity: 0.5;
	width: 5px;
	height: 5px;
	padding: 4px;
	border-radius: 50%;
	background-color: #FF0335;
	border: none;
	cursor: pointer;
}
.slider-controls .slider-dot.active {
	opacity: 1 !important;
}
.slider-controls .slider-prev,
.slider-controls .slider-next,
.mySwiperCards .nav-arrow-sx,
.mySwiperCards .nav-arrow-dx {
	background: transparent;
	border: 2px solid #FF0335;
	color: #FF0335;
	font-size: 20px;
	padding: 10px;
	cursor: pointer;
	border-radius: 2px;
}
.mySwiperCards .nav-arrow-sx,
.mySwiperCards .nav-arrow-dx{
	width: 50px;
	height: 50px;
	top:45%;
}
.mySwiperCards .nav-arrow-sx::after, .mySwiperCards .nav-arrow-dx::after{ content : none !important; }
/* End - Slider T3 */
.nav-block-sticky{
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 99;
	backdrop-filter: blur(100px);
    background: rgba(0, 0, 0, 0.01);
	-webkit-backdrop-filter: blur(100px);
	transition: all 0.3s ease-in-out;
}
.admin-bar .nav-block-sticky{
	top:32px;
}
.nav-block-sticky .horizontal-list{
	margin:0 !important;
	padding: 24px 0 !important;
}
.nav-block-sticky .horizontal-list li{
	margin: 0 !important;
	padding: 0% !important;
}

.wrapper-layouts {
	overflow: hidden;
}
.wrapper-layouts .swiper-button-prev, 
.wrapper-layouts .swiper-button-next{
	background: transparent;
	border: 2px solid #FF0335;
	color: #FF0335;
	padding: 20px;
	cursor: pointer;
	border-radius: 2px;
	margin: 0 !important;
}
.wrapper-layouts .swiper-button-next:after,
.wrapper-layouts .swiper-button-prev:after{
	font-size: 20px !important;
}
.wrapper-layouts .btn-controls{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-top: 30px !important;
	z-index: 1;
}
.wrapper-layouts{
	padding-bottom: 100px;
}
.wrapper-layouts .btn-controls .swiper-button-prev,
.wrapper-layouts .btn-controls .swiper-button-next, 
.wrapper-layouts .btn-controls .swiper-pagination{
	position: static;
}
.wrapper-layouts .btn-controls .swiper-pagination{
    width: auto;
	display: flex;
    background: transparent;
    border: 2px solid #FF0335;
    color: #FF0335;
    font-size: 20px;
    padding: 18px;
    cursor: pointer;
    gap: 3px;
    border-radius: 2px;
}
.wrapper-layouts .btn-controls .swiper-pagination .swiper-pagination-bullet{
	opacity: 0.5;
	width: 5px;
	height: 5px;
	padding: 4px;
	border-radius: 50%;
	background-color: #FF0335;
	border: none;
	cursor: pointer;
}
.wrapper-layouts .btn-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1 !important;
}
/* block accordion */
.row-accordion .accordion-button, .row-accordion .accordion-item{
	background-color: transparent;
}
.row-accordion .accordion-item{ border: none; border-bottom: 1px solid white; }
.row-accordion .accordion-button{
	color: white;
	font-size: 24px;
	font-family: 'soehne-bold', sans-serif;
	border: none !important;
	border-radius: 0px;
    padding: 26px 2px;

}
.row-accordion .accordion-button:focus{
	outline: 0 !important;
	box-shadow: none;
}
.row-accordion .accordion-button:after{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.294 8.70807L11.293 8.70907L6.74401 13.2681C6.64631 13.3656 6.56878 13.4815 6.51586 13.609C6.46293 13.7366 6.43564 13.8733 6.43555 14.0114C6.43545 14.1494 6.46256 14.2862 6.51531 14.4138C6.56807 14.5414 6.64544 14.6574 6.74302 14.7551C6.94007 14.9524 7.20744 15.0634 7.48631 15.0635C7.62439 15.0636 7.76114 15.0365 7.88874 14.9838C8.01635 14.931 8.13231 14.8536 8.23001 14.7561L8.23101 14.7551L12.001 10.9791L15.769 14.7551C15.8665 14.8528 15.9822 14.9304 16.1097 14.9833C16.2371 15.0363 16.3738 15.0636 16.5118 15.0636C16.6498 15.0637 16.7865 15.0366 16.914 14.9838C17.0416 14.9311 17.1574 14.8537 17.255 14.7561H17.256C17.4533 14.5586 17.5642 14.2909 17.5644 14.0118C17.5646 13.7326 17.4541 13.4648 17.257 13.2671L12.709 8.70907C12.6162 8.61603 12.506 8.54219 12.3846 8.49178C12.2632 8.44137 12.1331 8.41538 12.0017 8.41528C11.8703 8.41519 11.7402 8.441 11.6187 8.49124C11.4973 8.54148 11.387 8.61516 11.294 8.70807Z" fill="white"/></svg>') no-repeat center;
	background-size: contain;
	transform: rotate(180deg);
}
/* block classic relations */
.main-block-classic-rel .main-inner-card{
  border: 1px solid transparent;
  border-radius: 2px;
  background-image: 
    linear-gradient(black, black), /* colore interno */
    linear-gradient(45deg, #FF0335, #FFACAC); /* bordo */
  background-origin: border-box;
  background-clip: content-box, border-box;
  padding: 0.03rem;
}
.main-block-classic-rel .main-inner-card .main-title{ font-size: 1.5em; }
.main-block-classic-rel .main-inner-card .text-content p{ font-size: 1em; font-family: 'soehne-regular'; }

/* block pre title infos */
.pre-title-infos{
	display: block !important;
	padding-left: 0px !important;
	margin-bottom: 0.5rem;
}
.pre-title-infos li{
	display: inline-block;
	border-left: none;
	width: auto;
	color: white;
}
.pre-title-infos li a, .pre-title-infos li span{
	font-size: 1em;
	padding: 12px 5px;
	color: white;
	font-family: 'soehne-regular', sans-serif !important;
	text-decoration: none;
}

/* min width 768px */
@media (min-width: 991px) {
	.primary-menu.navbar-nav .nav-link{
		text-decoration: none ;
		border-bottom: 1px solid transparent;
		transition: border-bottom 0.3s ease-in-out;
	}
	.primary-menu.navbar-nav .nav-link:hover{
		border-bottom: 1px solid #fff;
	}
	.primary-menu.navbar-nav .nav-link.active{
		color: #fff !important;
		border-bottom: 1px solid #fff !important;
	}
}

.nav-link:focus-visible{
    box-shadow: none !important;
    border: 2px solid black !important;
    padding: 5px 10px !important;
    outline: #ff0335 2px solid !important;
    background: black;
	color: #FFF !important;
	transition: 0s !important;
}
.navbar-nav .nav-item.language-selector a.nav-link{
	font-weight: 400 !important;
	text-decoration: none !important;
	font-family: 'soehne-regular', sans-serif;
    font-size: 14px;
	line-height: 17px;
	border-bottom: 0px !important;
}
.navbar-nav .nav-item.language-selector a.nav-link:hover {
	border-bottom: 0px !important;
}
.navbar-nav .nav-item.language-selector a.nav-link.active {
	font-weight: 700 !important;
	border-bottom: 0px !important;
}

#logo {
	width: var(--logo-width-desk) !important;
}
@media (max-width: 991px) {
	#logo {
		width: var(--logo-width-mob) !important;
	}
}
/* 1. CSS per il fade dei testi */
.wrapper-versioning-yacht .slide-title{
	width: 80%;
	margin: 0 auto;
}
.wrapper-versioning-yacht .main-prev,
.wrapper-versioning-yacht .main-next,
.wrapper-versioning-yacht .thumbs-prev,
.wrapper-versioning-yacht .thumbs-next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}
.wrapper-versioning-yacht .main-prev { left: 10px; }
.wrapper-versioning-yacht .main-next { right: 10px; }
.wrapper-versioning-yacht .thumbs-prev { left: 0px; }
.wrapper-versioning-yacht .thumbs-next { right: 0px; }
.wrapper-versioning-yacht .slide-title{ font-size: 1.75em; }
@keyframes slideFromRight {
	from {
		transform: translateX(120px);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes slideFromLeft {
	from {
		transform: translateX(-120px);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}

.thumb-slide-in-next {
animation: slideFromRight 0.6s ease forwards;
}

.thumb-slide-in-prev {
animation: slideFromLeft 0.6s ease forwards;
}

#global-loader{
	position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000082;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.wrapper-yacht-gallery .gallery-swiper {
	width: 100%;
}
.wrapper-yacht-gallery .gallery-swiper .swiper-slide-active{
	width: 75vw !important;
}
.wrapper-yacht-gallery .gallery-swiper .swiper-slide {
	width: auto; /* fissa la larghezza per 'auto' */
	height: 650px;
}
.wrapper-yacht-gallery .gallery-swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0px;
}
.wrapper-tech-data .tech_infos{
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	list-style: none;
}
.wrapper-tech-data .tech_infos li{
	width: 50%; /* 2 colonne */
	box-sizing: border-box;
	padding: 20px 40px;
}
.wrapper-tech-data .tech-title{
	font-size: 1.5em;
	font-family: 'soehne-bold-cursiv', sans-serif;
	border-bottom: 1px solid white;
}
.wrapper-tech-data .tech-info{clear: both;}
.wrapper-tech-data .tech-info span.tech-value {
	display: inline !important;
	float: right;
	font-size: 1.125em !important;
	font-family: 'soehne-regular', sans-serif;
}
.wrapper-layouts .layout-tabs .tab button{
	font-size: 1.25em !important;
    padding-bottom: 9px;
    font-family: 'soehne-bold', sans-serif;
    color: white;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    background: transparent;
    border: 0px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.wrapper-layouts .layout-tabs .tab{
    color: white;
    font-family: 'soehne-bold';
    font-size: 0.8em;
    line-height: 1.5;
    border-bottom: 2px solid white !important;
    border-left: none !important;
    text-align: center;
    transition: all 0.4s ease-in-out;
    border: 0;
	width: 25% !important;
}
.wrapper-layouts .layout-tabs .tab:hover,
.wrapper-layouts .layout-tabs .tab.active{
	border-bottom: 2px solid #FF0335 !important;
}
.wrapper-layouts .layout-tabs .tab.active button,
.wrapper-layouts .layout-tabs .tab:hover button{ color: #FF0335; }
.wrapper-layouts .layout-tabs{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/* btns gallery single yacht */
.swiper-next-gallery:after,
.swiper-prev-gallery:after {
    font-family: swiper-icons !important;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
.swiper-next-gallery,
.swiper-prev-gallery,
.swiper-pagination-gallery,
.trigger-play{
	background: transparent !important;
    border: 2px solid #FF0335 !important;
    color: #FF0335 !important;
    padding: 8px !important;
    cursor: pointer !important;
	height: 44px !important;
    border-radius: 2px !important;
    margin: 0 !important;
	display: flex;
    justify-content: center;
    align-items: center;
}
.trigger-play{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px !important;
    height: 70px !important;
	background-color: #000 !important;
}

.swiper-pagination-gallery .swiper-pagination-bullet{
	height:2px!important;
	border-radius: 0px!important;
	background: rgba(255, 3, 53, 0.40) !important;
	opacity: 1 !important;
	margin: 0 !important;
	border: 0 !important;
	width: 20px !important;
	transition: 0s !important;
}
.swiper-pagination-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #FF0335 !important;
	height:8px!important;
	border-radius: 4px!important;
	width: 24px !important;
}
#modalForBtn .btn-close{
	--bs-btn-close-bg: none !important;
}
/** Modal global styles **/
#modalForBtn .modal-dialog-centered{
	max-width: 900px !important;
    width: 100% !important;
    display: flex;
    justify-content: center;
	align-items: center;
}
#modalForBtn .modal-dialog-centered .modal-content{
	max-height: 75vh !important;
	height: 100% !important;
}
.nav-link:focus{
	color: #fff !important;
}
.ajax-pagination{
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 10px;
}
.ajax-pagination button{
	padding: 10px 15px;
    background-color: transparent;
    color: #FFF;
    font-size: 0.75em;
    border: 0 !important;
    line-height: 150%;
}
.ajax-pagination button.active{
    background-color: #FFF !important;
    color: #000000!important;
}
.ajax-pagination .pagination-prev:disabled,
.ajax-pagination .pagination-next:disabled{
	opacity: 0.5;
	cursor: not-allowed;
}

.main-block-classic-rel .textual-part{
	display: flex;
    flex-direction: column;
	justify-content: space-between;
    height: 100%;
}
.main-block-classic-rel .main-inner-card{
	display: flex;
    flex-direction: column;
}
.block-rel-2 .media-part, .swiper-gallery-alt .elem-media-gallery-slider{
	height: auto !important;
}
.block-rel-2 .media-part img, .swiper-gallery-alt .elem-media-gallery-slider img,
.block-rel-2 .media-part video, .swiper-gallery-alt .elem-media-gallery-slider video{
	height: 250px !important;
}
.coral-btn-black.icon-mail{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	position: relative;
	flex-direction: row-reverse;
}
.coral-btn-transp.icon-arrorw{
	display: flex !important;
    align-items: center;
    gap: 5px;
    position: relative;
    flex-direction: row;
}
.coral-btn-black.icon-mail::after{
	content: '';
	display: inline-block;
	width: 16px;
	height: 17px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M3.33333 5.16683V11.8335H12.6667V5.16683H3.33333ZM12.6667 3.8335C13.4 3.8335 14 4.4335 14 5.16683V11.8335C14 12.5668 13.4 13.1668 12.6667 13.1668H3.33333C2.6 13.1668 2 12.5668 2 11.8335V5.16683C2 4.4335 2.6 3.8335 3.33333 3.8335H12.6667Z' fill='%23FF0335'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.66533 4.8335H2.08267C2.182 5.12683 2.34867 5.40283 2.58267 5.63683L6.504 9.5575C6.69698 9.75065 6.92614 9.90387 7.17837 10.0084C7.4306 10.113 7.70096 10.1668 7.974 10.1668C8.24704 10.1668 8.5174 10.113 8.76963 10.0084C9.02186 9.90387 9.25102 9.75065 9.444 9.5575L13.3653 5.63683C13.5987 5.40283 13.7653 5.12683 13.8647 4.8335H12.2827L8.50133 8.61483C8.43206 8.68415 8.3498 8.73914 8.25926 8.77666C8.16872 8.81418 8.07167 8.83349 7.97367 8.83349C7.87566 8.83349 7.77862 8.81418 7.68808 8.77666C7.59754 8.73914 7.51528 8.68415 7.446 8.61483L3.66533 4.8335Z' fill='%23FF0335'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
}
nav.nav-menu .navbar-toggler-icon{
	background-image: url('/wp-content/themes/nextyachtgroup/assets/img/menu-open.svg');
}
ul.languages, ul.languages li:first-child{
	border-left: 0px !important;
}
ul.languages li a {
	color: #FFF !important;
}
.iubenda-tp-btn{
	opacity: 0 !important;
	visibility: hidden!important;
}

.responsive-block {
	height: var(--block-height-desktop) !important;
}
@media (max-width: 768px) {
	.responsive-block {
		height: var(--block-height-mobile) !important;
	}
}
.coral-btn-transp.icon-arrorw::after{
	content: '';
	display: inline-block;
	width: 30px;
    height: 30px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99645 7.82997C10.1214 7.95498 10.1916 8.12452 10.1916 8.3013C10.1916 8.47807 10.1214 8.64761 9.99645 8.77263L6.93445 11.8346C6.81026 11.9563 6.64305 12.0241 6.46917 12.0232C6.29528 12.0224 6.12877 11.9529 6.00581 11.8299C5.88285 11.707 5.81339 11.5405 5.81251 11.3666C5.81163 11.1927 5.87941 11.0255 6.00112 10.9013L8.60112 8.3013L6.00112 5.7013C5.87941 5.57711 5.81163 5.4099 5.81251 5.23601C5.81339 5.06213 5.88285 4.89561 6.00581 4.77266C6.12877 4.6497 6.29528 4.58023 6.46917 4.57935C6.64305 4.57848 6.81026 4.64626 6.93445 4.76796L9.99645 7.82997Z' fill='%23FF0335'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
	transition: all 0.3s ease;
}
.coral-btn-transp.icon-arrorw:hover::after{
	margin-left: 10px;
}
#modalForBtn{
	background-color: #ff9d9d8a;
}
.wrapper-textual-generic:has(video){
	height: 100%;
}
.mySwiperCards .swiper-slide.swiper-slide-active .text-container .inner-text{
	opacity: 1 !important;
}
.mySwiperCards .swiper-slide .text-container .inner-text{
	opacity: 0 !important;
	transition: all 0.3s ease-in-out;
}
.mySwiperCards .swiper-slide .text-container{
	background: rgba(0, 0, 0, 0.9) !important;
	backdrop-filter: blur(8px) !important;
}
.mySwiperCards .swiper-slide{
	background-color: #FFF !important;
}
.mySwiperCards .swiper-slide .inner-text h4{
	font-size: 1.25em !important;
	line-height: 150% !important;
}
.mySwiperCards .swiper-slide .inner-text p{
	font-size: 0.875em !important;
	line-height: 150% !important;
}
.mySwiperCards .swiper-slide .inner-text a{
	font-size: 1em;
	line-height: 1.5;
    font-family: 'soehne-bold', sans-serif;
    text-decoration: none;
    padding-bottom: 6px;
    border-bottom: 1px solid white;
	text-transform: uppercase;
}
.mySwiperCards{
	width: 85%;
    margin: 0 auto;
}
.mySwiperCards .slider-controls .nav-arrow-sx,
.mySwiperCards .slider-controls .nav-arrow-dx{
	position: initial !important;
	width: 50px;
    height: 50px;
	margin: 0 !important;;
}
.mySwiperCards .slider-controls .nav-arrow-sx svg,
.mySwiperCards .slider-controls .nav-arrow-dx svg{
	position: initial !important;
	width: 27px !important;
    height: 27px !important;
}

.mySwiperCards .slider-controls .swiper-pagination-cards-mobile{
	display: flex;
    background: transparent !important;
    border: 2px solid #FF0335;
    color: #FF0335;
    font-size: 20px;
    padding: 18px;
    cursor: pointer;
    gap: 20px;
    border-radius: 2px;
}
.mySwiperCards .slider-controls .swiper-pagination-cards-mobile .swiper-pagination-bullet {
    opacity: 0.5;
    width: 5px;
    height: 5px;
    padding: 4px;
    border-radius: 50%;
    background-color: #FF0335;
    border: none;
    cursor: pointer;
}
.mySwiperCards .slider-controls .swiper-pagination-cards-mobile .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1 !important;
}