/*
*	.col- (extra small devices - screen width less than 576px)
*	.col-sm- (small devices - screen width equal to or greater than 576px)
*	.col-md- (medium devices - screen width equal to or greater than 768px)
*	.col-lg- (large devices - screen width equal to or greater than 992px)
*	.col-xl- (xlarge devices - screen width equal to or greater than 1200px)
*
*/

::-webkit-scrollbar {
	display: none;
}

.scrollbar-none {
	scrollbar-width: none;
}


html {
	scroll-behavior: smooth;
}

sup {
	color: #4021ff;
}

.mw-80 {
	min-width: 80px;
}

.lh-25 {
	line-height: 25px;
}

.text-blue {
	color: #4657ff;
}

.Circular-Std {
	font-family: 'CircularXXWeb-Book', sans-serif;
}

.Helvetica {
	font-family: Helvetica LT W05 Bold, Arial, sans-serif;
}

.mt-minus-18 {
	margin-top: -18px;
}

.nav-pills .nav-item > .nav-link {
	font-size: 22px;
}

@media (max-width:991px) {
	
	.text-mob-size-21 {
		font-size: 42px !important;
	}
	
	.text-mob-size-15 {
		font-size: 30px !important;
	}
	
	.nav-pills .nav-item > .nav-link {
		font-size: 36px;
	}	

}

.btn {
	font-family: 'CircularXXWeb-Book', sans-serif;
}

a.btn:hover {
	color: #fff;
}

/* ZH LOCALIZATION STYLES
   ----------------------------- */
   
	.zh-indent:before {
		content: "        ";
		white-space: pre;
	} 
	
	.zh-indent-minus:before {
		content: "      ";
		white-space: pre;
	}

	.poltrona-zh {
		font-size: 16px;
	}	

	.text-size-zh-32 {
		font-size: 32px;
	}

	@media (max-width: 991px) {
		.text-size-zh-32-mob {
			font-size: 56px !important;
		}
	}

	
	@media (min-width: 992px) {
		.w-lg-25.zh-25plus {
				width: 26% !important;
		} 
	}
	
	/*.text-menu.zh a:nth-child(3),
	.text-menu-int.zh a:nth-child(3) {
			display: none;
	}*/

/* MENU
   ----------------------------- */

#menu {
	overflow-y:auto; 
}

	#menu::-webkit-scrollbar {
		display: none;
	}

.menu-item {
	font-size: 70px;
	line-height: 70px;
}

.menu-item.yachts {
	position: relative;
}

	.menu-item.yachts::after {
		content: "";
		background-image: url("../images/arrow-up-sharp-solid-white.svg");
		position: absolute;
		width: 54px;
		height: 46px;
		top: 25px;
		right: -70px;
		transition: all 0.3s;
	}

	.menu-item:hover.yachts::after {
		background-image: url("../images/arrow-up-sharp-solid-blue.svg");
	}

.border-menu-right {
	border-right: 1px solid #2B2E34 !important;
}

.menu-main-title {
	font-size: 42px;
	line-height: 36px;
	color: #7B7B7B;
}

.menu-sub-title {
	font-size: 20px;
	line-height: 20px;
	color: #7B7B7B;
}

.menu-sub-mob-title {
	font-size: 40px;
	line-height: 40px;
	color: #7B7B7B;
	text-align: left;
}

.main-menu-names {
	font-size: 50px;
	padding-right: 20px;
	transition: all 0.3s;
	cursor: pointer;
}

#fleet_col_mob a:link,
#fleet_col_mob a:active,
#fleet_col_mob a:visited {
	color: #2b2e34 !important;
}

#fleet_col_mob a:hover {
	color: #4657ff !important;
}

	.main-menu-names:hover {
		color: #4657ff;
	}

.main-menu-mob-names {
	font-size: 100px;
}

#fleet_col {
	opacity: 0;
	transition: all 0.3s;
}

#fleet_col.show {
	opacity: 1;
}

.link-mob-menu-back {
	position: relative;
	margin-left: 70px;
	text-align: left;
	font-size: 70px;
}

	.link-mob-menu-back:before {
		content: "";
		background-image: url("../images/arrow-up-sharp-solid-white.svg");
		position: absolute;
		width: 54px;
		height: 46px;
		top: 10px;
		left: -70px;
		transform: rotate(180deg);
	}

.menu-bottom {
	position: fixed;
	border-top: 1px solid #2B2E34 !important;
	bottom: 0vh;
	width: 1110px;
	padding: 25px 0;
	background-color: #000000;
}


/* LANGUAGE DROPDOWN
   ----------------------------- */

.text-menu-int .btn-language {
	color: #000000;
}

	.text-menu-int .btn-language::after {
		background-image: url(../images/chevron-black.svg);
	}

.btn-language {
	background: transparent;
	border: none;
	color: #FFFFFF;
	text-transform: uppercase;
	position: relative;
	padding-right: 35px;
	transition: all 0.2s ease;
}

	.btn-language.show {
		opacity: 0.5;
	}

	.btn-language:focus {
		outline: none;
	}

	.btn-language::after {
		content: "";
		background-image: url(../images/chevron.svg);
		background-size: cover;
		width: 16px;
		height: 10px;
		display: block;
		position: absolute;
		top: 9px;
		right: 9px;
		transition: all 0.2s ease;
	}

	.btn-language.show::after {
		transform: rotate(180deg);
		opacity: 0.5;
	}

	.btn-language.show + .dropdown-menu {
		display: block;
		min-width: 11rem;
		padding-right: 50px;
		z-index: 9999999999;
	}

html .dropdown .dropdown-lang {
	display: block;
	width: 120%;
	font-size: 0.80rem;
	padding: 0rem 0.25rem;
	clear: both;
	font-weight: 400;
	color: #000000;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border-bottom: 1px solid #ccc;
	position: relative;
}

	html .dropdown .dropdown-lang:hover {
		text-decoration: underline;
	}

	html .dropdown .dropdown-lang.active {
		padding-left: 25px !important;
		text-decoration: none !important;
	}

	.dropdown-lang.active::after {
		content: "";
		background-image: url(../images/dot.svg);
		background-size: cover;
		width: 10px;
		height: 10px;
		display: block;
		position: absolute;
		top: 15px;
		left: 5px;
		transition: all 0.2s ease;
	}

@media (max-width:991px) {

	.btn-language {
		font-size: 35px;
	}

		.btn-language::after {
			content: "";
			background-image: url(../images/chevron.svg);
			background-size: cover;
			width: 32px;
			height: 20px;
			display: block;
			position: absolute;
			top: 15px;
			right: -9px;
			transition: all 0.2s ease;
		}

	.btn-language + .dropdown-menu {
		/*left: -200px;*/
		left: -360px;
		top: 90px;
	}

	html .dropdown .dropdown-lang {
		font-size: 2rem;
		line-height: 5rem;
	}

	.dropdown-lang.active::after {
		content: "";
		background-image: url(../images/dot.svg);
		background-size: cover;
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		top: 37px;
		left: -5px;
		transition: all 0.2s ease;
	}

}

/* HOME PAGE
   ----------------------------- */
.model-info {
	position: absolute;
	bottom: 50px;
	margin-left: 40px;
}
	
	.multi-news-title{
		height: 69px;
		overflow:hidden;
		font-size: 20px;
		line-height: 22px;
	}
	
	.icons {
		position: absolute;
	}
	
	.logo-icon-pershing {
		width: 200px !important;
		margin-top: 30px;
	}
	
	.name-icon-pershing {
		width: 75% !important;
	}

	@media (max-width:991px) {
		.multi-news-title{
			height: initial !important;
			overflow:hidden;
			font-size: 40px;
			line-height: initial !important;
		}

		.text-more-sm {
			font-size: 32px !important;
		}

		.news-date {
			font-size: 32px !important;
		}

		.logo-icon-pershing {
			width: 700px !important;
		}
		
		.name-icon-pershing {
			width: 100% !important;	
		}
		
		.litPayoff {
			font-size: 62px;
			line-height: 80px;
		}
		
		.model-info h6 {
			font-size: 50px;
		}

	}

	.owl-mainMenu .owl-next {
		position: absolute;
		display: block;
		top: 40%;
		right: 44.899px;
		width: 83.3838px;
		height: 83.3838px;
		outline: none;		
	}

	.owl-mainMenu .owl-prev	{
		position: absolute;
		display: block;
		top: 40%;
		left: 44.899px;
		width: 83.3838px;
		height: 83.3838px;	
		outline: none;		
	}

	.a-right, .a-left {
		fill: none;
		stroke: #fff;
		stroke-width: 360;
		stroke-miterlimit: 10;		
	}	

.new-fleet-panel {
	background-color: #000000;
	padding-top: 200px;
}

@media (min-width:992px) {

	.new-fleet-panel {
		padding-top: 0px;
	}


}

.newfleet-item {
	/*cursor: pointer;*/
	margin-bottom: 100px;
}
.filter-action {
	cursor: pointer;
}

.newfleet-img-wrapper {
	position: relative;
}

.newfleet-image-hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.3s ease-out;
}

.new-fleet-link {
	position: absolute;
	opacity: 0;
	right: 0;
	bottom: 100px;
	padding: 20px 32px;
	color: #FFFFFF;
	background-color: #4021ff;
}

	.new-fleet-link:after {
		content: "";
		background-image: url("../images/arrow-modelli-yacht.svg");
		position: absolute;
		width: 80px;
		height: 80px;
		top: 0;
		left: 0;
	}

.newfleet-item:hover .newfleet-image-hover,
.newfleet-item:hover .new-fleet-link {
	opacity: 1;
}

.new-fleet-filter {
	border-bottom: 1px solid #FFFFFF;
}

.new-fleet-filter-p {
	font-family: Helvetica, sans-serif;
	font-size: 50px;
	margin-right: 50px;
	font-weight: bold;
	color: #FFFFFF;
	transition: opacity 0.3s ease-out;
	text-wrap: nowrap;
	display: inline-block;
	word-break: keep-all;
}

	.new-fleet-filter-p.active {
		color: #4021ff;
		text-decoration: underline;
	}

@media (min-width:992px) {
	.new-fleet-filter-p {
		font-size: 36px;
	}
}

.filter-group-button {
	overflow: scroll;
}

	.filter-group-button::-webkit-scrollbar {
		display: none;
	}

.owl-new-fleet .owl-stage {
	padding-left: 37px !important;
}

.owl-carousel.owl-news .owl-item img,
.owl-carousel.owl-new-fleet .owl-item img {
	aspect-ratio: inherit;
	object-fit: inherit;
}

/* YACHTS PAGE
   ----------------------------- */

.container-gamma {
	max-width: 1440px;
	padding: 0;
	margin: auto;
	width: 100%;
}

.container-yacht .img-fluid {
	max-width: 85%;
	height: auto;
}
	
	.w-max-custom {
		max-width: 1064px;
	}

.gamma-silh-title {
	font-size: 150px;
	font-family: 'Helvetica LT W05 Bold';
	font-weight: bold;
	color: #2B2E34;
	margin-left: -4vh;
	padding: 75px 0;
}


.img-silh-name {
	max-width: 135px;
}

#GTX .img-silh-name {
	max-width: 260px;
}

.img-silh-profile {
	transition: all 0.3s;
	position: absolute;
	bottom: 25px;
}

.fleet-silhouette-item {
	cursor: pointer;
	position: relative;
	margin: 45px 0 45px 0;
	border-bottom: 1px solid #FFFFFF;
	min-height: 130px;
}

@media (min-width:992px) {

	.fleet-silhouette-item {
		margin: 0 0 60px 0;
	}

}

.fleet-silhouette-item:hover .img-silh-profile {
	transform: translateX(42px);
}

.item-silh-payoff {
	bottom: -75px;
	opacity: 1;
	transition: all 0.3s;
}

.fleet-silhouette-item:hover .item-silh-payoff {
	opacity: 1;
}

.item-silh-payoff p {
	color: #5A5A5A;
}

@media (min-width:992px) {

	.item-silh-payoff {
		bottom: -60px;
	}

	.item-silh-payoff {
		opacity: 0;
	}

		.item-silh-payoff p {
			color: #FFFFFF;
		}
}

.fleet-anchor {
	background-color: #FFFFFF;
	color: #2B2E34;
	cursor: pointer;
	transition: 300ms;
	padding: 30px 0;
}

	.fleet-anchor:hover {
		background-color: #4657ff;
		color: #FFFFFF;
	}

	.fleet-anchor.active {
		background-color: #4021FF;
		color: #FFFFFF;
	}

	.fleet-anchor a {
		color: inherit !important;
	}

@media (min-width:992px) {

	.fleet-anchor {
		padding: 10px 0;
	}

}

/* MODEL PAGE
   ----------------------------- */

	@media (min-width:992px) {
		
		.parallax-yacht-model-intro-mobile {
			background-image: url(../images/yacht-model-bg-intro.jpg);
			height: 850px;
			background-attachment: fixed;
			background-position: center;
		}
		
	}
	
	#list-concept-list1,
	#list-design-list1,
	#list-comfort-list1,
	#list-performance-list1 {
		font-family: Helvetica LT W05 Bold, Arial, sans-serif;
	}
	
	@media (max-width:991px) {
		.text-size-mobile {
			/*font-size: 140px !important; ridotto per evitare che i testi sfondino la pagina a dx -- tipo Per140 RU*/
			font-size: 100px !important;
		}
		
		.table.table-hover {
			font-size: 28px;
		}
	}
	
	.nav-pills {
		font-family: 'CircularXXWeb-Book', sans-serif;
	}
	
	.icon-fullscreen {
		width: inherit !important;
		left: calc(50% - 33px);
		top: calc(50% - 33px);
		opacity: 0.5;
	  -webkit-transition: opacity 0.2s ease-in-out;
	  -moz-transition: opacity 0.2s ease-in-out;
	  -ms-transition: opacity 0.2s ease-in-out;
	  -o-transition: opacity 0.2s ease-in-out;
	  transition: opacity 0.2s ease-in-out;		
	}
	
	.icon-fullscreen:hover {
		opacity: 1;	
	}
	
	#html5-watermark {display: none !important;}
	.fancybox-button--thumbs,
	.fancybox-button--zoom {display: none !important;}


.owl-carousel .owl-item img {
	aspect-ratio: 5 / 3;
	object-fit: cover;
}

#video.owl-carousel .owl-prev,
#video.owl-carousel .owl-next {
	background-image: url(../images/arrow.svg);
	background-size: cover;
	width: 160px;
	height: 160px;
	position: relative;
	z-index: 999;
	top: -20px;
	outline: none;
}

#video.owl-carousel .owl-stage-outer {
	padding-bottom: 1.5rem;
}

#video.owl-carousel .owl-nav .disabled {
	opacity: 0.2;
}

#video.owl-carousel .owl-next {
	/*margin-left: 10px*/
}

#video.owl-carousel .owl-prev {
	/*margin-right: 10px;*/
	transform: rotate(180deg);
}

#video.owl-carousel .owl-nav {
	text-align: center;
	position: absolute;
	width: 100%;
}

.padding-from-video {
	padding-top: 240px;
}

@media (min-width: 992px) {

	#video.owl-carousel .owl-prev, #video.owl-carousel .owl-next {
		width: 80px;
		height: 80px;
	}

	.padding-from-video {
		padding-top: 120px;
	}

}

.bg-black {
	background-color: #000000;
}
	
/* NEWS & EVENTS PAGE
   ----------------------------- */
   
	.btn-select option {
		background-color: #F5F5F5;
		color: #D2D2D2;

	} 

	.btn-select.toggled {
		color: #4021FF;
		background-color: #F5F5F5;
		border-color: #4e555b;	
	}

.select_option.opzion_year {
	padding-top: 20px;
}
	
/* SHIPYARD PAGE
   ----------------------------- */	
	
	@media (min-width:992px) {	
		.w-lg-25 {
			width: 25% !important
		}
	}

/* CUSTOMER CARE PAGE
   ----------------------------- */

	.zh-emea {
		font-size: 34px;
		text-indent: -0.6em;
		display: block;
	}   
   
	@media (min-width:992px) {	
		.w-lg-75 {
			width: 75% !important
		}
	}   
	
	@media (max-width:991px) {
		
		.text-size-mobile-36 {
			font-size: 52px !important;
		}
	
	}

/* PRIVACY
   ----------------------------- */
	
	.leaders {
		list-style: disc;
		color: #4657ff;
	}
	
	.leaders a {
		color: #4657ff;
		font-size: 20px;
		text-decoration: underline;		
	}
	
/* GET IN TOUCH
   ----------------------------- */	
   
   @media (max-width:991px) {
	
		.form-control,
		.privacy,
		.chkBrochure,
		.gdpr-title	{
			font-size: 2rem !important;
		}
		
		.checkbox-custom > input {
			width: 30px;
			height: 30px;
		}

	}  

/* FOOTER
   ----------------------------- */

	.scroll-top	{
		position: absolute;
		right: 0;
	}
	
/* LOGIN PANEL
   ----------------------------- */
   
	.LoginPanel {
		float: none;
		display: table;
		margin: 0 auto;
	}

	.LoginPanel .dnnLoginRememberMe,
	.LoginPanel .dnnLoginActions {
		display: none;
	}

/* COOKIE BAR CUSTOM STYLE
   ----------------------------- */


@media screen and (max-width: 992px) {

	.cookieinfo-title {
		font-size: 36px !important;
		line-height: 36px !important;
	}

	.cookietext-customstyle {
		font-size: 28px;
		line-height: 28px;
	}

	.col-12-custom {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.d-table-customstyle {
		margin-bottom: 100px;
	}

	.close-customstyle {
		font-size: 3.5rem;
	}

	.cookie-btn-customstyle {
		font-size: 50px;
		padding: 20px 20px !important;
		margin: 0 10px !important;
	}

	.modal-dialog {
		max-width: 95% !important;
	}

	.switch {
		width: 100px !important;
		height: 50px !important;
	}

	.slider:before {
		height: 45px !important;
		width: 45px !important;
	}

	.cookielink-customstyle {
		font-size: 28px;
		line-height: 28px;
	}

	.text-uppercase-customstyle {
		font-size: 26px !important;
	}
}

/* GTX SERIES
   ----------------------------- */

.text-size-32 {
	font-size: 32px;
}

.btn-darker {
	color: #fff;
	background-color: #1d2124;
	border-color: #171a1d;
}

.btn-darker:hover {
	background-color: #4657ff;
	border-color: #4657ff;
}

.btn-darker.active {
	background-color: #4021ff;
	border-color: #4021ff;
}

.btn-darker.active:hover {
	background-color: #4657ff;
	border-color: #4657ff;
}

.mt-minus-31 {
	margin-top: -31px;
}

@media (min-width:992px) {
	.w-lg-50 {
		width: 50% !important
	}
}

.parallax-gtx-seascape {
	background-image: url(../images/gtx-bg-revolution.jpg);
	height: 700px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax-gtx-showflow {
	background-image: url(../images/gtx-bg-showflow.jpg);
	height: 700px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax-home-unprecedented-mobile {
	background-image: url(../images/gtx-bg-revolution-mobile.jpg);
	height: 1080px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax-making-of {
	background-image: url(../images/bkg-box-makingof.jpg);
	height: 700px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax-making-of-mobile {
	background-image: url(../images/bkg-box-makingof.jpg);
	height: 700px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.gtx-116 {
	font-size: 82px;
}

.gtx-116-footer {
	font-size: 40px;
}

/* FIX PARALLAX ON MOBILE
   ----------------------------- */
/* smartphones, touchscreens */
@media (hover: none) and (pointer: coarse) {
	.parallax-home-learn, .parallax-home-learn-mobile, .parallax-home-unprecedented, .parallax-home-unprecedented-mobile, .parallax-yacht-model-intro, .parallax-yacht-model-intro-mobile {
		background-attachment: unset !important;
	}
}

/* SPINNER LOADER FORM
   ----------------------------- */

.valign {
	display: table;
	height: 100%;
	width: 100%;
}

.spin-overlay {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 9999999999999999;
	background: rgba(237,237,237,0.55);
}

.loader {
	width: 110px;
	height: 100px;
	border-radius: 100%;
	position: relative;
	margin: 0 auto;
}

#loader-4 span {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #000000;
	margin: 35px 5px;
	opacity: 0;
}

	#loader-4 span:nth-child(1) {
		animation: opacitychange 1s ease-in-out infinite;
	}

	#loader-4 span:nth-child(2) {
		animation: opacitychange 1s ease-in-out 0.33s infinite;
	}

	#loader-4 span:nth-child(3) {
		animation: opacitychange 1s ease-in-out 0.66s infinite;
	}

@keyframes opacitychange {
	0%, 100% {
		opacity: 0;
	}

	60% {
		opacity: 1;
	}
}

/*
 *
    ACCESSIBILITY

*/

*:focus-visible {
	outline: 2px solid yellow !important;
}

.sr-only-focusable.custom:not(:focus):not(:hover) {
	transform: translateY(-4em);
	opacity: 0;
}

.sr-only-focusable.custom:focus {
	position: absolute !important;
	top: 25px !important;
	left: 25px !important;
	z-index: 999999999999;
	background-color: yellow;
	padding: 5px 10px;
	border-radius: 10px;
	font-size: larger;
	opacity: 1;
	transition: transform 0.1875s ease-out, opacity 0.1875s ease-out;
	font-size: 20px;
}