/*
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{
    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 #02778E; }
.bck-black{ background-color: black; }
.bck-yellow{ background-color: #fffdee; }
.social-bar p.label-cond{ color: #02778E; }
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 #02778E !important;
	color: #02778E !important;
}
.coral-btn-transp{
	border-bottom: 1px solid #02778E;
    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: #02778E !important;
	border: 1px solid #02778E !important;
}
.black-btn:hover{
	background-color: rgba(255, 255, 255, 0.15);
}
.pad-6rem{
	padding-top: 6rem;	
	padding-bottom: 6rem;	
}
.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: #02778E;
	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: #fffdee;
}
ul.horizontal-list li{
	border-bottom: 2px solid #8e8170;
	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: #02778E; }
ul.horizontal-list li a,
ul.horizontal-list li button{
	font-size: 1.25em !important;
	padding-bottom: 9px;
	font-family: 'soehne-regular', sans-serif;
	color: #8e8170;
	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: #02778E; }

/* 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: "epika-regular", sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: 400;
	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: #02778E;
	color: white;
	display: inline-block;
	border: 1px solid #02778E;
	text-decoration: none;
	padding: 11px 16px 8px 16px;
	border-radius: 20px;
	height: 45px;
	font-family: 'epika-regular', sans-serif;
	border-radius: 20px;
	font-size: 1em;
	line-height: 150%;
	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;
	z-index: 99;
}

.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{
	max-width: 150px;
    position: relative;
    margin-left: 60px;
    height: 40px;
    margin-top: 7px !important;
    border-radius: 2px;
    width: auto;
}

.main-big-slider-cont .swiper-pagination-bullet{
	margin-top: 15px !important;
	width: 7px;
	height: 7px;
	border: 1px solid #02778E;
	background-color: #02778E;
	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;
    border-radius: 20px;
}
.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: 400;
	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: #02778E;
	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;
	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.03);
	-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;
	color: #FF0335;
	padding: 20px;
	cursor: pointer;
	border-radius: 2px;
	margin: 0 !important;
}
.wrapper-layouts .swiper-button-next::after,
.wrapper-layouts .swiper-button-prev::after {
	content: none !important;
}
.wrapper-layouts .swiper-button-prev {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='%2302778E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0066 18.66L22.1306 12.536C22.2527 12.4114 22.3983 12.3122 22.559 12.2442C22.7197 12.1762 22.8922 12.1408 23.0667 12.1399C23.2412 12.139 23.4141 12.1727 23.5754 12.2391C23.7368 12.3055 23.8834 12.4031 24.0067 12.5265C24.1301 12.6499 24.2278 12.7965 24.2941 12.9578C24.3605 13.1192 24.3942 13.2921 24.3933 13.4666C24.3925 13.641 24.357 13.8136 24.289 13.9743C24.221 14.1349 24.1219 14.2805 23.9973 14.4027L18.7973 19.6027L23.9973 24.8027C24.2407 25.051 24.3762 25.3855 24.3745 25.7332C24.3727 26.081 24.2338 26.414 23.9879 26.6599C23.742 26.9059 23.4089 27.0448 23.0612 27.0465C22.7134 27.0483 22.379 26.9127 22.1306 26.6693L16.0066 20.5467C15.7566 20.2966 15.6162 19.9575 15.6162 19.604C15.6162 19.2504 15.7566 18.9114 16.0066 18.6613V18.66Z' fill='%23FFFDEE'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.wrapper-layouts .swiper-button-next {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='%2302778E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.9929 18.66C24.2429 18.91 24.3833 19.2491 24.3833 19.6027C24.3833 19.9562 24.2429 20.2953 23.9929 20.5453L17.8689 26.6693C17.6205 26.9128 17.2861 27.0483 16.9383 27.0466C16.5906 27.0448 16.2575 26.9059 16.0116 26.66C15.7657 26.414 15.6268 26.081 15.625 25.7332C15.6233 25.3855 15.7588 25.0511 16.0022 24.8027L21.2022 19.6027L16.0022 14.4027C15.7588 14.1543 15.6233 13.8199 15.625 13.4721C15.6268 13.1243 15.7657 12.7913 16.0116 12.5454C16.2575 12.2995 16.5906 12.1605 16.9383 12.1588C17.2861 12.157 17.6205 12.2926 17.8689 12.536L23.9929 18.66Z' fill='%23FFFDEE'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.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;
    color: #02778E;
    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: #02778E;
	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 #02778E; }
.row-accordion .accordion-button{
	color: #02778E;
	font-size: 24px;
	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="#02778E"/></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: 20px;
    background-image: linear-gradient(#02778E, black), /* colore interno */ linear-gradient(45deg, #02778E, #daf2f7);
    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; text-transform: capitalize; }
.main-block-classic-rel .main-inner-card .text-content p{ font-size: 1em; font-family: 'soehne-regular'; color: white; }

/* 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: black;
}
.pre-title-infos li a, .pre-title-infos li span{
	font-size: 1em;
	padding: 12px 5px;
	color: black;
	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;
		padding-top:0px;
	}
	.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;
	}
	.language-selector .languages li{ padding-top:4px; }
}

.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: 'epika-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: 20px;
}
.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.75em;
	border-bottom: 1px solid #02778E;
}
.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;
    color: #dedede;
    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-size: 0.8em;
    line-height: 1.5;
    border-bottom: 2px solid #dedede !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 #02778E !important;
}
.wrapper-layouts .layout-tabs .tab.active button,
.wrapper-layouts .layout-tabs .tab:hover button{ color: #02778E; }
.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;
    color: #02778E !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(2, 109, 142, 0.50) !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: #02778E !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;
	background-image: linear-gradient(#02778E, black), /* colore interno */ linear-gradient(45deg, #02778E, #daf2f7);
}
.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: rgba(2, 119, 142, 0.25) !important;
}
.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;
}

.footer-wrapper .divider {
 border-top: 1px solid white;
 margin: 20px 0;
 }
 .footer-wrapper .social-links a {
 margin-left: 10px;
 }
 footer .wrapper {
	 background-color: #02778E !important;
	 padding-top: 80px;
	 padding-bottom: 80px;
 }
 .footer-wrapper .address-box {
	 padding-left: 50px;
	 font-size: 0.875em;
	 line-height: 1.2;
 }
 .footer-wrapper .address-box p{ color: white; }
 .footer-wrapper .primary-link{
	 font-family: 'epika-regular', sans-serif;
	 font-size: 0.875em;
	 font-style: normal;
	 font-weight: 700;
	 line-height: 150%;
	 letter-spacing: 1.12px;
	 text-transform: uppercase;
 }
 .footer-wrapper .secondary-link {
	 font-size: 0.875em;
	 font-style: normal;
	 font-weight: 400;
	 line-height: 150%;
	 text-decoration-line: underline;
 }
 .footer-wrapper .primary-link a, .secondary-link a {
	 margin-right: 40px;
 }
 .footer-wrapper .footer-logos a:not(:last-child) {
	 margin-right: 40px;
 }
 .footer-wrapper .social-logo {
	 width: 24px;
	 height: 24px;
 }
 .footer-wrapper .hide-desktop {
	 display: none;
 }
 .tech_infos p.tech-title{
	 color: #02778E !important;
	 font-family: 'epika-regular', sans-serif;
 }