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

@font-face {
  font-family: 'Quicksand';
  src: url("../fonts/Quicksand.eot");
  src: url("../fonts/Quicksand.eot?#iefix") format("embedded-opentype"), url("fonts/Quicksand.woff") format("woff"), url("fonts/Quicksand.ttf") format("truetype"), url("fonts/Quicksand.otf") format("opentype"), url("fonts/Quicksand.svg#Quicksand") format("svg");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+000D-FEFF; }
  
@font-face {
  font-family: 'Quicksand-Bold';
  src: url("fonts/Quicksand-Bold-Regular.eot");
  src: url("fonts/Quicksand-Bold-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Quicksand-Bold-Regular.woff") format("woff"), url("fonts/Quicksand-Bold-Regular.ttf") format("truetype"), url("fonts/Quicksand-Bold-Regular.otf") format("opentype"), url("fonts/Quicksand-Bold-Regular.svg#Quicksand-Bold-Regular") format("svg");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+000D-FEFF; }
  
@font-face {
  font-family: 'Quicksand-Light';
  src: url("fonts/Quicksand-Light-Regular.eot");
  src: url("fonts/Quicksand-Light-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Quicksand-Light-Regular.woff") format("woff"), url("fonts/Quicksand-Light-Regular.ttf") format("truetype"), url("../../css/fonts/Quicksand-Light-Regular.otf") format("opentype"), url("fonts/Quicksand-Light-Regular.svg#Quicksand-Light-Regular") format("svg");
  font-weight: lighter;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+000D-FEFF; }
  
@font-face {
  font-family: 'Quicksand-Light-Oblique-Regular';
  src: url("fonts/Quicksand-Light-Oblique-Regular.eot");
  src: url("fonts/Quicksand-Light-Oblique-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Quicksand-Light-Oblique-Regular.woff") format("woff"), url("fonts/Quicksand-Light-Oblique-Regular.ttf") format("truetype"), url("fonts/Quicksand-Light-Oblique-Regular.otf") format("opentype"), url("fonts/Quicksand-Light-Oblique-Regular.svg#Quicksand-Light-Oblique-Regular") format("svg");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+000D-FEFF; }

@font-face {
  font-family: 'Quicksand-Book-Regular';
  src: url("fonts/Quicksand-Book-Regular.eot");
  src: url("fonts/Quicksand-Book-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Quicksand-Book-Regular.woff") format("woff"), url("fonts/Quicksand-Book-Regular.ttf") format("truetype"), url("fonts/Quicksand-Book-Regular.otf") format("opentype"), url("fonts/Quicksand-Book-Regular.svg#Quicksand-Book-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+000D-FEFF; }
  
strong {
	font-family: "Quicksand-Bold", Arial, Helvetica, sans-serif;
}

body {
	font-family: "Quicksand-Book-Regular", Arial, Helvetica, sans-serif !important;
	background-color: #fafafa;
	/*background-image: url(/portals/7/skins/new_riva/_assets/images/lifestyle/img-background-lifestyle-05.jpg);*/
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Quicksand-Book-Regular", Arial, Helvetica, sans-serif !important;
}

strong {
	font-family: "Quicksand-Bold", Arial, Helvetica, sans-serif !important;
}	

/*body::-webkit-scrollbar { display: none; }*/ 


@-moz-document url-prefix() {
	html {
		scrollbar-width: none;
	}
}

a, a:hover {
	text-decoration: none;
	color: inherit;
}

a:focus,
button:focus {
	outline: none !important;
}

/*POSITIONS*/

.b-5vh {
	bottom: 5vh;
}

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

/*SIZES*/

.h-33 {
	height: 33% !important;
}

.h-66 {
	height: 66% !important;
}

.lh-26 {
	line-height: 26px;
}
/*COLORS*/
.text-light-grey {
	color: #8A8D8F;
}

.bg-light-white {
	background-color: #fafafa !important;
}

.bg-light-grey {
	background-color: #f3f3f3;
}

.text-grey {
	color: #A7A7A7;
}	

.border-bottom-blue {	
	border-bottom: 1px solid #7ac5c8;
}

.under-blue:after {
    content: '';
    display: block;
    width: 100px;
    text-align: center;
    margin: 0 auto;
    height: 2px;
    background: rgba(122, 197, 200,1.00);
}

.bg-riva {
	background: rgba(122, 197, 200,1.00);
}

.navbar-light .navbar-toggler {
	border-color: rgba(0,0,0,0);
}

.hr-custom {
    border-top: 1px solid rgba(122, 197, 200, 0.3);	
}

.br-custom {
	border-right: 1px solid rgba(122, 197, 200, 0.3);	
}

/*ANIMATIONS*/

.nav-link > span {
    display: inline-block;
    text-decoration: none;
	line-height: 15px;
}

.nav-link > span::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: rgba(122, 197, 200,1.00);
    transition: width .3s;
}

.nav-link > span:hover::after,
.nav-link.active > span::after {
    width: 100%;
}

.toggle:hover {
	cursor: pointer;
}

/* HISTORY
   ----------------------------- */
   
   .bkg-history {
		background-size: cover;
		background-position: center;
   }
   
   .bkg-history-01 {
	   background-image: url(/portals/7/skins/new_riva/_assets/images/history/img-background-history-01.jpg);
   }

   .bkg-history-02 {
	   background-image: url(/portals/7/skins/new_riva/_assets/images/history/img-background-history-03.jpg);
   }

   .bkg-history-03 {
	   background-image: url(/portals/7/skins/new_riva/_assets/images/history/img-background-history-04.jpg);
   }

   .bkg-history-04 {
	   background-image: url(/portals/7/skins/new_riva/_assets/images/history/img-background-history-05.jpg);
   }   

/* LIFESTYLE
   ----------------------------- */

   .bkg-1 {
	   background-image: url(/portals/7/skins/new_riva/_assets/images/lifestyle/img-background-lifestyle-02.jpg);
	   background-position: 100% 0%;
   }
   
   .bkg-2 {
	   background-image: url(/portals/7/skins/new_riva/_assets/images/lifestyle/img-background-lifestyle-03.jpg);
	   background-position: 35% 20%;
   }   

/* DEALER AND SERVICE PAGE
   ----------------------------- */
   
	.google-maps {
		height: 230px;
	}
	
	.w-mobile {
		width: 20px;
	}

	@media screen and (min-width: 576px) {
		.google-maps {
			height: 500px;
		}
		
		.w-mobile {
			width: initial;	
		}	
	}	
	
/* SCALE MODELS
   ----------------------------- */	
	
	#scale-carousel.owl-theme .owl-dots .owl-dot span {
		width: 20px !important;
		height: 3px !important;
		margin: 5px 3px !important;
		background: #D6D6D6;
		border-radius: 0px !important;
	}

	.owl-dot.active	span {
		background: rgba(122, 197, 200,1.00) !important;
	}
	
   .bkg-3 {
	   background-image: url(/portals/7/skins/new_riva/_assets/images/modelliScala/img-scaleModels-01.jpg);
	   background-position: center;
   }
   
   .bkg-4 {
	   background-image: url(/portals/7/skins/new_riva/_assets/images/modelliScala/img-scaleModels-02.jpg);
	   background-position: center;
   } 	

/* RIVA LOUNGE
   ----------------------------- */ 
   
	.custom-indicators .carousel-indicators li {
		box-sizing: content-box;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		width: 30px;
		height: 3px;
		margin-right: 3px;
		margin-left: 3px;
		text-indent: -999px;
		cursor: pointer;
		background-color: #74bcbf;
		background-clip: padding-box;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		opacity: .5;
		transition: opacity 0.6s ease;
	} 

	@media (prefers-reduced-motion: reduce) {
		.custom-indicators .carousel-indicators li {
		transition: none;
		}
	}

	.custom-indicators .carousel-indicators .active {
	  opacity: 1;
	}	
   
	.carousel-lounge .carousel-caption {
		position: absolute;
		right: 0px;
		bottom: 40%;
		left: 15%;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: center;
	}   
   
	.carousel-lounge .caption {
		font-family: "Quicksand-Book-Regular";
		color: #fff;
		line-height: 140%;
		text-align: right;
		margin-right: 30px;
		font-size: 2.7rem;
	}

	.carousel-lounge .subcaption {
		font-family: "Quicksand-Book-Regular";
		color: #fff;
		line-height: 120%;
		text-align: right;
		margin-right: 30px;
		font-size: 1.6rem;
	}
	
	.carousel-lounge hr {
		border: 0;
		width: 140px;
		border-top: 2px solid #74bcbf;
		margin-bottom: 0;
	}
	
	.btn-success,
	.btn-success:not(:disabled):not(.disabled):active,
	.btn-success:not(:disabled):not(.disabled).active {
		color: #fff !important;
		background-color: #74bcbf;
		border-color: #74bcbf;
	}	
	
	.btn-success:hover {
		color: #fff !important;
		background-color: #93cbcd;
		border-color: #93cbcd;
	}

	.hr-blue {
	border: 0;
    width: 140px;
    border-top: 2px solid #74bcbf;	
	margin: 0;	
	}

/* MOVIE
   ----------------------------- */

   .scroll-intro {
	   height: 190px;
	   overflow: auto;
   }
   
   .movie-item i {
		position: absolute;
		top: calc(50% - 40px);
		left: calc(50% - 40px);	
		color: #74bcbf; 
		opacity: 0.95;
		transition: all 0.5s ease;	
   }
   
   .movie-item i:hover {
		opacity: 1;
		cursor: pointer;
   } 
   
   .trailer {
		color: #ffffff;
		position: absolute;
		top: 79%;
		left: calc(50% - 40px);
		opacity: 0.65;
		transition: all 0.5s ease;		
   }
   
   .trailer:hover {
		opacity: 1;
		cursor: pointer;	
   }   

/* FOOTER
   ----------------------------- */  
  
/*	.ul-links li:before {
		content: '';
		display: -webkit-inline-box;
		width: 30px;
		height: 1px;
		background: rgba(122, 197, 200,1.00);
		transition: width .3s;
		vertical-align: middle;
		margin-right: 5px;
	} */
	
	.scroll-top {
		position: absolute;
		right: -15px;
		top: 7px;
	}
	
	.fa-chevron-up:before {
		color: #7ac5c8;
	}
	
	.social{
		padding: 0px 0px;
		height: 40px;
		margin: auto;
	}

	.scroll-top i {
		margin-top: -10px;
	}	

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

.animated-icon2{
	width: 26px;
	height: 20px;
	position: relative;
	margin: 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.animated-icon2 span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.animated-icon2 span { background: rgb(122, 197, 200); }
.animated-icon2 span:nth-child(1) { top: 0px; }
.animated-icon2 span:nth-child(2), 
.animated-icon2 span:nth-child(3) { top: 8px; }
.animated-icon2 span:nth-child(4) { top: 16px; }

.animated-icon2.open span:nth-child(1) { top: 11px; width: 0%; left: 50%; }

.animated-icon2.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) { top: 11px; width: 0%; left: 50%; }

.main-menu-internal {
    width: 90%;
    margin: 0 auto;
}

.main-menu-internal .navbar-brand {
	display: block;
    margin: 10px auto;
}

.sp1 {
    border-bottom: 1px solid #7ac5c8;
    padding-top: 10px;
}

.clear {
	clear: both;
}

.toggler-internal-menu {    
	position: absolute;
    right: 5px;
    top: 10px;
}	

.list-menu-newriva .current-lang {
    color: rgba(122, 197, 200,1.00);
    font-family: "Quicksand-Bold", Arial, Helvetica, sans-serif!important;
}

.list-menu-newriva {
    text-transform: uppercase;
    font-size: 14px;
    list-style: none outside none;
    display: table;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    z-index: 2;
	text-align: center;
}

.list-menu-newriva > .nav-item:first-child {
    width: 50%;
    margin: 0 auto;
    border-bottom: 1px solid #cdcdcd;
    text-align: center;
}

.list-menu-newriva > .nav-item {
	display: block;
	vertical-align: top;
	padding: 0;
}	

.list-menu-newriva .sub-list-menu {
	visibility: visible;
    margin-left: 10px;
    font-size: 12px;
    margin-top: -0.3rem;
}

.list-menu-newriva .nav-link.Language {
	display: inline-block;
    padding: 0.5rem 0.5rem;
}

.list-menu-newriva .nav-link > span {
    display: inline-block;
    text-decoration: none;
    line-height: 15px;
}

.list-menu-newriva .store {
    color: rgba(122, 197, 200,1.00);
    font-family: "Quicksand-Bold", Arial, Helvetica, sans-serif;
}

.list-menu-newriva .sub-list-menu .nav-item {
    display: inherit;
}

.list-menu-newriva .nav-item {
    margin: 0 0 0 0px;
    padding: 0;
}

.list-menu-newriva .nav-link-range {
    padding: 0.5rem 1rem;
	display: block;
}

.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}

.poetry {
	font-style: italic;
}

@media screen and (min-width: 992px) {
	.poetry {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

.video-film-play {
	color: #ffffff;
	position: absolute;
	top: 37%;
	left: calc(50% - 40px);
	opacity: 0.65;
	transition: all 0.5s ease;
}

figure {
	position: relative;
	overflow: hidden;
	margin: 0;
}

figure::before {
	position: absolute;
	top: 0;
	left: -80%;
	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%;
	}
}

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

/*fix for Riva loader*/
.valign #loader-4 span:after {
	height: 0 !important;
}

/* SUOERYACHTS FLEETS
   ----------------------------- */
.fleet-header {
	background-color: rgba(22,34,50,1);
}

.border-bottom-riva {
	border-bottom: 1px solid;
	border-color: rgba(122, 197, 200,1.00);
}

.bkg-superyachts-fleet {
	background-image: url("/portals/7/skins/new_riva/_assets/images/img-background-superyachts-fleet.png");
	background-size: cover;
	background-position: center;
}

.bkg-blue-line {
	position: absolute;
	width: 100%;
	margin-top: 125px;
}

.superyacht-title {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #ffffff;
	font-size: 28px;
}

.fleet-box {
	background-color: rgba(22,34,50,0.95);
	width: 100%;
	padding: 20px 20px;
	position: relative;
}

@media all and (min-width: 992px) {
	.fleet-box {
		width: 450px;
		margin-top: -57.5px !important;
		display: table;
		margin: 0 auto;
	}
}