/*
*	.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)
*
*/

@import url("font-awesome.min.css");

/* GENERAL STYLES
   ----------------------------- */
   
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		outline: none;
	}   
   
    a { background-color: transparent; -webkit-text-decoration-skip: objects; }
	a:active, a:hover { outline-width: 0; }
	a, a:visited, a:hover {text-decoration: none; color: inherit;}
	
/*	a:focus,
	button:focus {
		outline: none !important;
	}*/	
	
	@font-face {
		font-family: 'sweet';
		src: url('../otf/sweetsans-regular.otf');
		font-weight: normal;
	}
	
	::-webkit-scrollbar { 
		display: none; 
	}
	
	.scrollbar-none {
		scrollbar-width: none;
	}

	html {
		scroll-behavior: smooth;
	}
	
	body,
	html,
	form	{
		height: 100%;
		min-height: 100%;
		font-family: 'sweet';
		color: #6a6a6a;
		font-size: 14px;
		line-height: 1.6rem;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-ms-overflow-style: none; /* IE 11 */
		scrollbar-width: none; /* Firefox 64 */		
	}
	
	.noselect {
	  -webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		 -khtml-user-select: none; /* Konqueror HTML */
		   -moz-user-select: none; /* Old versions of Firefox */
			-ms-user-select: none; /* Internet Explorer/Edge */
				user-select: none; /* Non-prefixed version, currently
									  supported by Chrome, Opera and Firefox */
	}
	
	.nopadding {
	   padding: 0 !important;
	   margin: 0 !important;
	}
	
	.text-light-black {
		color: #333;
	}
	
	.text-light-grey {
		color: #c2c2c2;
	}
	
	.text-dark-grey {
		color: #999999;
	}
	
	.background-light-grey {
		background-color: #ededed;
	}

	.background-brush-white {
		background-color: #F9F9F9;
	}

.custom-hr {
	width: 15%;
	color: #999999;
	border: 1px solid;
}
	
    .custom-select {
        width: 100% !important;  
        background-color: #f2f2f2;
        border: none;
        height: 50px;
        padding-left: 15px;
        font-size: 13px;
        outline: none;
        margin-bottom: 30px;
        border-radius: 0!important;
		-webkit-box-shadow:none!important;
        border: 1px solid #999; 
    }	
	
	/*
	SIZES STYLE
	*/
	
	.miw-100 {
		min-width: 100px;
	}	
	
	.miw-130 {
		min-width: 130px;
	}
	
	.miw-250 {
		min-width: 250px;
	}	
	
	.mw-200 {
		max-width: 200px;
	}
	
	.w-95 {
		width: 95% !important;
	}
	
	.hr-custom {
		border-top: 2px solid rgba(0, 0, 0, 0.1);
	}
	
	@media (max-width: 575px) {		
		.w-mob-100 {
			width: 100% !important;
		}
	}	
	
	/*
	FONTS STYLE
	*/	
	
	.fs-10 {
		font-size: 10px;
	}
	
	.fs-12 {
		font-size: 12px;
	}
	
	.fs-24 {
		font-size: 24px;
	}

	.fs-26 {
		font-size: 26px;
	}	
	
	.fs-57 {
		font-size: 57px;
	}
	
	.fs-35rem {
		font-size: 3.5rem;
	}	
	
	.fs-4rem {
		font-size: 4rem;
	}
	
	.ls-05 {
		letter-spacing: 0.5px;
	}

	@media (max-width: 767px) {	
		.fs-mod-26 {
			font-size: 26px;
		}		
		
	}
	
	.lh-25 {
		line-height: 25px;
	}
	
	.flat-button {
		display: inline-block;
		line-height: 1;
		cursor: pointer;
		padding: 16px 30px;
		background: #575756;
		color: #fff !important;	
		-webkit-transition: all ease .238s;
		-moz-transition: all ease .238s;
		transition: all ease .238s;
		border: 1pt solid #575756;
	}
	
    .flat-button:hover {
		background: #333333;
		color: #999999 !important;
	}
	
	.flat-button-light {
		background: #cfcfcf !important;
		border: 1pt solid #cfcfcf !important;
	}
		
	.mt-25 {
		top: 25% !important;
	}
	
/* ZH LOCALIZATION STYLES
   ----------------------------- */
   
.zh-indent:before {
    content: "        ";
    white-space: pre;
}	

/* NAVBAR
   ----------------------------- */

#mainnav {
	border-bottom: 1px solid;
	border-color: rgba(0,0,0,0.15);
}

.sticky-top {
	transition: all 0.25s ease-in;
}
	
	.bg-custom {
		background-color: rgba(255,255,255, .9);
	}
	
	/*extended class for mobile styles ovveride*/
	@media (max-width: 991px) {	
		.bg-custom .nav-link,
		.bg-custom .dropdown-item {
			font-size: 14px !important;
			border-bottom: 1px solid #7f7f7f;
		}
		
		.bg-custom .dropdown-menu {
			margin: 0;
			padding: 0;
		}
		
		.bg-custom .dropdown-item {
			padding: 7px 0;
		}
	}
	
	/*workaround for fixed nav in desktop mode*/
	@media (min-width: 992px) {	
		#mainnav {
			position: fixed !important;
		}
		
		.mt-95 {
			margin-top: 95px;
		}
	}
	
	/*IE11 static header*/
    @media all and (-ms-high-contrast:none) {
		#mainnav {
			position: static !important;
		}
		
		.container-fluid.mt-95 {
			margin-top: 0;
		}
	}		
	
	/*font size for menu items from mobile view to min-width in a sigle row with font size 12px*/
	@media (min-width: 992px) and (max-width: 1199px) {
		.fs-cust-10 {
			font-size: 10px;
		}
	}	

	#mainnav ul li:hover > ul.submenu {
		top: 100%;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		visibility: visible;
	}
	
	#mainnav ul.submenu {
		text-align: left;
		position: absolute;
		list-style: none;
		margin: 0;
		padding: 0;
		left: 0;
		top: 150%;
		width: 250px;
		background-color: #222222;
		z-index: 9999;
		z-indexms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	#mainnav ul.submenu.last-child {
		left: -15px;
		width: 80px;
	}	
	
	#mainnav ul.submenu > li > a {
		display: block;
		letter-spacing: 1px;
		/* Changed from 13 to 12 by Michele Mura @ 11.03.2020 */
		font-size: 12px;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		padding: 0 0 0 26px;
		line-height: 40px;
		border-top: 1pt solid #524e4e;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	#mainnav ul.submenu > li > a:hover {
		background-color: #000000;
		color: #fff;
	}
	
	#mainnav ul.submenu:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 3px;
		width: 100%;
		background: #000000;
	}
	
	#mainnav .dropdown-menu {
		border: 0;
	}
	
	#mainnav .dropdown-item {
		text-align: center;
	}
	
	.flagSelected img {
		padding: 10px 0px 12px 26px;
	}	
	
/* FOOTER AND BOTTOM
   ----------------------------- */
   
	footer {
		background-color: #575756;
	}
	
	.bottom {
		background-color: #333333;
	}
	
/* HOMEPAGE
   ----------------------------- */

	.carousel-caption {
		text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	}
	
	.news-events-home {
		background-image: url('../jpg/img-background-home-03.jpg');
		height: 150px;	
	}
	
	@media (min-width: 768px) { 
		.news-info-box > p:first-child {
			min-height: 119px;
		}
	}
	
	.namepostfix {
		font-size: 9px;
	}
	.namepostfix-t {
		font-size: 15px;
	}

/* PHILOSOPHY
   ----------------------------- */
   
   .minus-left-custom {
		margin-left: -315px;
		/*margin-left: -385px;*/
		letter-spacing: 3px;	
   }
	
/* HERITAGE
   ----------------------------- */
   
   .bkg-container .fa-play-circle {
	    color: rgba(255,255,255,0.75);
		-webkit-transition: all 0.3s ease 0s;
		   -moz-transition: all 0.3s ease 0s;
			-ms-transition: all 0.3s ease 0s;
			 -o-transition: all 0.3s ease 0s;
				transition: all 0.3s ease 0s;		
   }
   
   .bkg-container .fa-play-circle:hover {
		color: rgba(255,255,255,0.95);
   }   

/* NEWS & EVENTS
   ----------------------------- */
	
	.box-readmore:after {
		content: "\f054";
		font-family: "fontAwesome";
		font-size: 12px;
		font-weight: normal;
		margin-left: 10px;
		display: inline-block;
	}

	@media (min-width: 768px) {
		.ellips {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;	
		}
	}
	
	figure img {
		border: 1px solid #ccc;
	}
	
	.book-your-visit {
		display: table;
		margin: 0 auto;
		padding-bottom: 75px;
	}

/* MODELS
   ----------------------------- */

	.bkg-container {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
		
	.bkg {
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 300px;
		transition: all 0.5s ease;
	}

	.valign {
		display: table;
		height: 100%;
		width: 100%;
	}
	
	.gmenu:hover {
		cursor: pointer;
	}
	
	.underlined:after {
		content: '';
		display: table;
		width: 95%;
		margin: 0 auto;
		height: 2px;
		background: rgba(0, 0, 0, 1.00);
	}
	
	.bounced-img {
		 transition: all 0s, opacity 0.5s linear;
	}
	
	.tell-me-more.disabled:hover,
	.brochure.disabled:hover {
		cursor: not-allowed;
	}
	
	@media (max-width: 767px) {
		
		.tell-me-more,
		.brochure {
			width: 100%;
			font-size: 10px;
		}
		
		.flat-button.brochure {
			padding: 16px 10px;
		}
		
	}	
	
	.fa-play-circle {
		left: calc(50% - 42px);
		position: absolute;
		display: block;
		top: calc(50% - 42px);
		color: #ffffff;
	}

	.custom-play-circle {
		left: calc(50% - 42px);
		position: absolute;
		display: block;
		top: calc(50% - 42px);
		width: 100px !important;
	}
	
	.vh-iframe {
		height: 30vh;
	}
	
	@media (min-width: 576px) {
		.vh-iframe {
			height: 40vh;
		}	
	}

	@media (min-width: 992px) {
		.vh-iframe {
			height: 50vh;
		}	
	}

	@media (min-width: 1200px) {
		.vh-iframe {
			height: 75vh;
		}	
	}

	.owl-layouts .owl-prev {
		position: absolute;
		left: 0;
		margin-top: -30px;		
	}
	.owl-layouts .owl-next {
		position: absolute;
		right: 0;
		margin-top: -30px;		
	}
	
	.fa-caret-right:hover,
	.fa-caret-left:hover {
		color: #c2c2c2;
	}
	
	.nav-tabs .nav-link.active {
		background-color: #575756;
		color: #ffffff;
	}
	
	.fbutton.active .flat-button {
		background: #ffffff;
		color: #575756 !important;
	}

    .fbuttonInf.active .flat-button {
    	background: #ffffff;
    	color: #575756 !important;
    }


	.fClassificationbutton.active .flat-button {
		background: #ffffff;
		color: #575756 !important;
	}
	
	figure.border-none img {
		border: 0;
	}
	
	#html5-watermark {display: none !important;}
	.fancybox-button--thumbs,
	.fancybox-button--zoom {display: none !important;}
	
	
	@media (max-width: 375px) {
		#html5-elem-wrap {
			height: 200px !important;
		}
	}	
	
	@media (min-width: 376px) and (max-width: 575px) {
		#html5-elem-wrap {
			height: 275px !important;
		}
	}
	
	/*WhatsYourMood*/
	.WYM-title {
		text-transform: capitalize;
		color: #000000;
	}
	
	.WYM-bgk {
		background-size: cover;
		background-position-x: center;
		height: 300px;
	}
	
	.WYM-menu .underlined {
		background-color: #000000;
		color: #ffffff;
	}	

/* DEALER AND SERVICE NETWORK PAGE
   ----------------------------- */
	
	.google-maps {
		height: 335px;
	}
	
	.spinner-custom {
		position: absolute;
		top: -35px;
		left: 45px;	
	}
	
	.push-bottom {
		
	}
	
	.fancybox-slide--iframe .fancybox-content {
		width  : 350px !important;
		height : 400px !important;
		max-width  : 80% !important;
		max-height : 80% !important;
		margin: 0;
	}
	
	.dsn_infobox {
		text-align: center;
		padding: 15px;
	}
	
	.dsn_infobox_title {
		font-size: 18px;
	}
	
	.dsn_infobox_contract_type {
		font-style: italic;
	}
	
	.dsn_infobox_title,
	.dsn_infobox a {
		font-weight: bolder;
	}
	
/* CONTACTS PAGE
   ----------------------------- */

	button {
		border: none;
	}

	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {		
		font-size: 12px;
		font-weight: 700;
		color: #ffffff;
		text-transform: uppercase;
		padding: 12px 24px;
		background-color: #121212;
		-webkit-transition: all 0.3s ease 0s;
		   -moz-transition: all 0.3s ease 0s;
			-ms-transition: all 0.3s ease 0s;
			 -o-transition: all 0.3s ease 0s;
				transition: all 0.3s ease 0s;
	}

	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"] {	
		background-color: #f2f2f2;
		border: none;
		height: 50px;
		padding-left: 15px;
		font-size: 13px;
		outline: none;
		margin-bottom: 30px;
		border-radius: 0;
		-webkit-transition: all 0.3s ease-in-out;
		   -moz-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			 -o-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
	}

	textarea:focus,
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus {
		border: 1px solid #000000;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}

	textarea {
		width: 100%;
		height: 150px;
		padding: 15px 24px;
	}

	input[type="checkbox"] {
		display: inline;
	}

	textarea:-moz-placeholder,
	textarea::-moz-placeholder,
	input:-moz-placeholder,
	input::-moz-placeholder {		
		color: #6a6a6a;
		opacity: 1;
	}

	input:-ms-input-placeholder {
		color: #6a6a6a;
	}

	textarea::-webkit-input-placeholder,
	input::-webkit-input-placeholder {
		color: #6a6a6a;
		opacity: 1;
	}
	
    .input-form {
        border: 1px solid #999!important;  
        width: 100%!important; 
    }
	
	.textarea-messaggio {
		border: 1px solid #999 !important; 
        width: 100%;
		background-color: #f2f2f2; 
        border-radius: 0 !important;
		-webkit-box-shadow: none !important;
    }
	
	.box::before {
		content: "\f107";
		font-family: FontAwesome;
		position: absolute;
		top: 0;
		right: 15px;
		width: 15%;
		height: 50px;
		text-align: center;
		font-size: 35px;
		line-height: 50px;
		color: white;
		background-color: #6a6a6a;
		border-radius: 0!important;
		pointer-events: none;
	}
	
	.form-inline label {
		display: initial;
	}	

	.form-inline .form-group {
		align-items: initial;
	}
	
	.info-link {
		font-weight: bold;
		text-decoration: underline;
	}
	
	.checkbox {
		display: inline-block;
	}
	
	.checkbox input {
		position: absolute;
		top: 5px;
		left: -15px;
		height: 20px;
		width: 20px;		
	}
	
/* LOGIN PAGE
   ----------------------------- */
   
	.dnnLoginActions {
		display: none;
	}

	.loginContent .dnnPrimaryAction,
	.loginContent .dnnSecondaryAction {
		display: inline-block;
		line-height: 1;
		cursor: pointer;
		padding: 16px 30px;
		background: #575756;
		color: #fff !important;	
		border-color: rgba(0,0,0,0);
		box-shadow: none;
		text-shadow: none;
		-webkit-transition: all ease .238s;
		-moz-transition: all ease .238s;
		transition: all ease .238s;
			
	}

	.loginContent .dnnPrimaryAction:hover,
	.loginContent .dnnSecondaryAction:hover {
		background: #333333;
		color: #999999 !important;
	}

/* LEGAL NOTICE AND COOKIES POLICY
   ----------------------------- */	
   
	.lnkSelectAll a {
		display: block;
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 10px;
		width: 100%;
	} 

	.lnkSelectAll a:hover {
		text-decoration: underline;
	}
	
	.litCaptcha {
		display: none !important;
	}
	
	.captcha img {
		display: inline !important;
	}
	
	.captcha p label {
		text-transform: uppercase !important;
		margin-left: 10px;
	}
	
	#msgResponse {
		margin: 20px;
	}
	
	#msgResponse p {
		text-align: center;
	}
	
	#msgResponse p:first-child {
		font-size: 1.5rem;
		margin-bottom: 5px;
	}

/* GDPR  COOKIES & LEGAL NOTICE*/

.text-wrapper a { text-decoration: none;  }
.text-wrapper a:link { text-decoration: underline; }
.text-wrapper em { font-style: italic; }
.text-wrapper p { margin-bottom: 18px; }
.text-wrapper a > strong { color: #444; font-size: 16px; }
.text-wrapper strong { font-weight: bold; }

.text-wrapper ul { list-style-type: disc; }
.text-wrapper li { margin-left: 15px; display: list-item; }
.text-wrapper .underline { text-decoration: underline; }

/*DOT LEADERS TRICK*/   
.text-wrapper ul.leaders {
    overflow-x: hidden;
    list-style: none;
    }
    
.text-wrapper ul.leaders li {
    display: list-item;
    line-height: 26px;
    text-align: left;
    }
    
.text-wrapper ul.leaders a {
    color: inherit;
    text-decoration: none;
}   
    
.text-wrapper ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . ";
    line-height: 42px;
    }
.text-wrapper ul.leaders span:first-child { padding-right: 0.33em; }
.text-wrapper ul.leaders span + span { float: right; padding-left: 0.33em; }
.text-wrapper .gdpr-index { font-weight: bold; }

/*END*/	

/* CSS ANIMATIONS
   ----------------------------- */  
	
/* Shine */
figure {
	position: relative;
	overflow-y: hidden;
}
figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.subtitle {
	text-transform: initial;
	font-size: 13px;
	margin-top: 10px;
}

/* INFYNITO
   ----------------------------- */

.cursor-pointer {
	cursor: pointer;
}

.fs-20 {
	font-size: 20px;
}

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

.text-medium-gray {
	color: #AAAEB3;
}

.bkg-light-gray {
	background-color: #F9F9F9;
}

.bkg-medium-gray {
	background-color: #454647;
}

.bkg-deep-ocean {
	background-color: #00303C;
}

.letter-spacing-10 {
	letter-spacing: 0.10em;
}

.gamma-item {
	max-width: 1250px;
	display: table;
	margin: 0 auto;
}

.flat-white-button {
	display: inline-block;
	line-height: 1;
	cursor: pointer;
	padding: 16px 30px;
	background: rgba(255,255,255,0);
	color: #fff !important;
	-webkit-transition: all ease .238s;
	-moz-transition: all ease .238s;
	transition: all ease .238s;
	border: 1pt solid #FFFFFF;
}

.owl-gamme .owl-nav {
	position: absolute;
	top: -50px;
	display: table;
	margin: 0 auto;
	left: calc(50% - 36px);
}

@media (max-width: 991px) {
	.min-h-300-mob {
		min-height: 400px;
	}

	.w-100-custom-minus-992 {
		width: 100%;
	}
}

@media (min-width: 992px) {
	.mt-minus-45 {
		margin-top: -45px;
	}
	.mt-minus-55 {
		margin-top: -55px;
	}
	.mt-minus-150 {
		margin-top: -150px;
	}
	.pt-extra {
		padding-top: 150px;
	}
}

.hero-container {
	background-image: url('../jpg/main-mobile_placeholder.jpg');
	background-size: cover;
	background-position: center;
	transition: all .5s;
	height: 318px;
}


@media (min-width: 768px) {
	.hero-container {
		background-image: url('../jpg/main_placeholder.jpg');
		height: 460px;
	}
}

@media (min-width: 1400px) {
	.hero-container {
		/*height: 600px;*/
		height: 700px;
	}
}

.bkg-video-infynito {
	background-image: url('../jpg/bkg-video.jpg');
	background-size: cover;
}

.bkg-virtualtour {
	background-image: url('../jpg/bkg-virtualtour.jpg');
	background-size: cover;
}

.infynito-model-title {
	color: #454647;
	font-weight: 400;
	font-size: 46px;
	line-height: 120%;
}

@media (min-width: 992px) {
	.infynito-model-title {
		color: #454647;
		font-weight: 400;
		font-size: 65.124px;
		line-height: 120%;
	}
}

.infynito-section-title {
	color: #AAAEB3;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	line-height: 120%;
}

.infynito-section-subtitle {
	color: #AAAEB3;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 700;
	font-size: 21px;
}

.infynito-vt-title {
	color: #454647;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 40px;
	line-height: 120%;
}

.custom-infynito-olws .owl-item {
	-webkit-transform: scale(0.8) !important;
	transform: scale(0.8) !important;
	transition: all .5s;
}

	.custom-infynito-olws .owl-item.active.center {
		-webkit-transform: scale(1) !important;
		transform: scale(1) !important;
	}

.custom-infynito-olws .owl-prev, .custom-infynito-olws .owl-next {
	position: absolute;
	top: calc(50% - 13.5px);
}

.custom-infynito-olws .owl-prev {
	left: 0;
}

.custom-infynito-olws .owl-next {
	right: 0;
}

.owl-infynito-layouts .owl-prev, .owl-infynito-layouts .owl-next {
	position: absolute;
	top: calc(50% - 13.5px);
}

.owl-infynito-layouts .owl-prev {
	left: -45px;
}

.owl-infynito-layouts .owl-next {
	right: -45px;
}

.icon-cruising::before {
	content: url('../png/icon-cruising.png');
}

.icon-outdoor::before {
	content: url('../png/icon-outdoor.png');
}

.icon-indoor::before {
	content: url('../png/icon-indoor.png');
}

.icon-layout::before {
	content: url('../png/icon-layout.png');
}

.nav-infynito .nav-item {
	background: #F9F9F9;
	padding: 10px 20px;
	transition: all .3s;
}

	.nav-infynito .nav-item a::before {
		margin-right: 14px;
		vertical-align: middle !important;
	}

	.nav-infynito .nav-item:hover {
		background: #454647;
		padding: 10px 20px;
		color: white;
		cursor: pointer;
	}

		.nav-infynito .nav-item:hover .icon-cruising::before {
			content: url('../png/icon-cruising-active.png');
		}

		.nav-infynito .nav-item:hover .icon-outdoor::before {
			content: url('../png/icon-outdoor-active.png');
		}

		.nav-infynito .nav-item:hover .icon-indoor::before {
			content: url('../png/icon-indoor-active.png');
		}

		.nav-infynito .nav-item:hover .icon-layout::before {
			content: url('../png/icon-layout-active.png');
		}

.details {
	letter-spacing: 0.1em;
	font-size: 14px;
}

.nav-infynito-mood button {
	font-size: 16px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	font-weight: 400;
	background: #ffffff;
	color: #454647;
	border: 1px solid #7C7C7C;
}

	.nav-infynito-mood button.active {
		background: #7C7C7C;
		color: #ffffff;
	}

a.icon-virtual {
	color: #454647;
	text-align: center;
	letter-spacing: 0.1em;
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid #454647;
}

	a.icon-virtual::before {
		content: url('../png/icon-virtual.png');
		margin-right: 14px;
		vertical-align: middle !important;
	}

.infynito-table-data small {
	letter-spacing: 0.1em;
	color: #454647;
	padding-bottom: 1rem;
	display: inline-block;
	font-weight: bold;
}

.border-table-data {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

	.border-table-data .col-lg-2:first-child {
		border-left: none !important;
	}

@media (min-width: 992px) {
	.border-lg-left {
		border-left: 1px solid #dee2e6 !important;
	}
	.border-lg-none {
		border: none !important;
	}
}

.bkg-infynito-staytuned {
	background-image: url('../jpg/bkg-infynito-staytuned.jpg');
	background-size: cover;
}

.infynito-table-data .row.border-table-data {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.infynito-model-title .project {
	font-size: 32px;
}


/* 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: 100px;
	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: #333;
	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;
	}
}

/* VIDEO CAROUSEL
   ----------------------------- */

.video-mask {
	width: 100%;
}

.video-carousel-contanier {
	position: relative;
	overflow: hidden;
}

.video-carousel {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

/*
 *
    ACCESSIBILITY

*/

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

*: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;
}