@charset "utf-8";
/* CSS Document */
@keyframes grow {
  0% {
    height: 0;
  }
  100% {
    height: 110px;
  }
}
@keyframes border {
  0% {
    height: 0;
  }
  100% {
    height: 90vh;
  }
}
@keyframes grow-mobile {
  0% {
    height: 0;
  }
  100% {
    height: 90px;
  }
}
@keyframes line {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes reveal-to-right {
  from {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes reveal-to-left {
  from {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes reveal-to-right-end {
  from {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes reveal-to-left-end {
  from {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes opacity {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }
  @keyframes growSlide {
	0% {
	  height: 0;
	}
	100% {
	  height: 160px;
	}
  }
  @keyframes growSlideMobile {
	0% {
	  height: 0;
	}
	100% {
	  height: 130px;
	}
  }
  @keyframes right {
	0% {
	  right: -100%;
	}
	100% {
	  right: 0;
	}
  }

  .corsivo {
	font-family: 'Playfair Display', serif;
	font-style: italic;
  }
.show {
	display: block;
}
button {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;
}
.gioielli-menu br {
	display: none;
}
body, html {
	overflow: hidden;
	height: 100%;
}
body, html, img, ul {
	margin: 0;
	padding: 0;
	border: 0;
}
::selection {
	color: #000;
}
*:focus {
    outline: none;
}
.highlight {
	font-weight: 700;
	color: #B59586;
}
.clearer	{
	clear: both;
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.container	{
	height: 100vh;
	position: relative;
}
.back-to-top	{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999999;
	background-color: #B59586 ;
	color: #fff;
	width: 55px;
	height: 55px;
	border-radius: 100%;
	font-size: 18px;
	cursor: pointer;
	display: none;
	transition: background-color 0.4s;
}
.back-to-top img {
	width: 20px;
	text-align: center;
	display: block;
	margin: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.back-to-top:hover	{
	background-color: #B59586;
	transition: all 0.4s;
}
#logo {
	width: 200px;
}
/* Slider */
.slideFirst {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 80%;
	background: top center no-repeat;
	background-size: cover;
	transform: translateX(-100%);
	animation: reveal-to-right 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
	animation-delay: 0.6s;
}
.carousel .animated-title {
	width: 100%;
	margin-left: 12%;
}
.carousel .revealSlide {
	font-size: 24px;
	color: #fff;
	line-height: 26px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	transform: translateX(-100%);
	animation: reveal-to-right 0.8s cubic-bezier(0.215, 0.610, 0.355, 1) forwards;
	animation-delay: 2s;
}
.borderSlide {
	height: 0px;
	border-left: 3px solid #fff;
	  transform: rotate(-27deg);
	  animation: growSlide 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; 
	  animation-delay: 1.4s; 
}
.slideSecond {
	position: absolute;
	right: -100%;
	top: 50%;
	height: 65%;
	width: 32%;
	background: top right no-repeat;
	background-size: cover;
	transform: translateY(-50%);
	animation: right 1s forwards;
	animation-delay: 2.4s;
}
.block2 {
	height: 70%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	left: 40px;
}
.block2 h2 {
	font-family: 'David Libre', serif;
	color:#B59586;
	font-weight: 700;
	font-size: 36px;
	margin-left: 20px;
	opacity: 0;
	animation: opacity 1s forwards;
	animation-delay: 3.2s;
}

.block2 p {
	margin-bottom: 0;
	font-family: 'David Libre', serif;
	color: #000;
	font-size: 28px;
	font-weight: 400;
	margin-left: 20px;
	line-height: 32px;
	opacity: 0;
	animation: opacity 1s forwards;
}
.block2 p:nth-child(1) {
	animation-delay: 4s;
}
.block2 p:nth-child(2) {
	animation-delay: 4.2s;
}
.block2 p:nth-child(3) {
	animation-delay: 4.4s;
}
.block2 p:nth-child(4) {
	animation-delay: 4.6s;
}
.block2 p:nth-child(5) {
	animation-delay: 4.8s;
}
.block2 p:nth-child(6) {
	animation-delay: 5s;
}
.block2 p:nth-child(7) {
	animation-delay: 5.2s;
}
.lineSlide {
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	background-color: #B59586;
	height: 0;
	animation: line 0.9s cubic-bezier(0.77, 0, 0.175, 1) forwards;
	animation-delay: 3.2s;
}
/* Header */
.left	{
	position: absolute;
	top: 20px;
	left: 8%;
	z-index: 99999999999999;
}
.right	{
	position: absolute;
	top: 40px;
	right: 8%;
	z-index: 999999;
}
#menu	{
	position: fixed;
	top: 0;
	right: -320px;
	z-index: 999999999;
	height: 100vh;
	background-color: #fff;
	width: 320px;
}
#menu ul {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}
#menu-close	{
	display: block;
	text-align: center;
	padding-top: 50px;
	filter: grayscale(0);
}
.list-menu	{
	margin-top: 20px;
	text-align: center;
}
.link-menu	{
	color: #BEBFC2;
	text-decoration: none;
	font-family: 'David Libre', serif;;
	font-size: 18PX;
	text-align: center;
	transition: color 0.5s;
}
.link-menu:hover	{
	color:#B59586;
	transition: color 0.5s;
}
/* Sezione 1 */
.sezione1	{
	background-color: #E4E5EA;
	position: relative;
}
.home-second {
	position: absolute;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.home-second img {
	width: 420px;
	height: 100%;
	object-fit: cover;
	opacity: 0.5;
}
.home-orologi {
	background-color: #000;
	clip-path: polygon(30% 0, 100% 0, 100% 100%, 70% 100%);
	position: absolute;
	right: 50%;
	margin-right: -304px;
	top: 50%;
	transform: translateY(-50%);
	height: 70%;
	width: 600px;
	z-index: 2;
}
.home-argento {
	background-color: #000;
	clip-path: polygon(0 0, 30% 0, 70% 100%, 0 100%);
	position: absolute;
	left: 50%;
	margin-left: -304px;
	top: 50%;
	transform: translateY(-50%);
	height: 70%;
	width: 600px;
	z-index: 2;
}

.width-sez1 {
	width: 1180px;
	margin: auto;
	height: 72%;
	position: relative;
}
.testo1-sezione1 {
	font-family: 'David Libre', serif;
	font-weight: 700;
	color: #B59586;
	font-size: 32px;
	margin: 0;
	position: relative;
	z-index: 1;
}
.testo1-sezione1 a {
	color:  #B59586;
} 
.anim-sez1 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}
.anim-sez1 .animated-title {
	width: 21%;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
  height: 100vh;
  align-items: center;
  align-content: center;
}
.mask {
    overflow: hidden;
	position: relative;
	margin: 0 5px;
}

.reveal-to-right {
	transform: translateX(-100%);
    animation: reveal-to-right-end 1s forwards;
}
.reveal-right-anim {
    animation: reveal-to-right 1s forwards;
	animation-delay: 1s;
}
.reveal-to-left {
    transform: translateX(100%);
    animation: reveal-to-left-end 1s forwards;
	margin-bottom: 0;
}
.reveal-left-anim {
    animation: reveal-to-left 1s forwards;
	animation-delay: 1s;
}

.testo2-sezione1 {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 19px;
	line-height: 21px;
}
.border-anim {
  height: 0px;
  border-left: 1px solid black;
	transform: rotate(-27deg);
}
.border-anim-event {
  animation: grow 0.8s forwards;
	animation-delay: 0.3s;
}
/* Sezione 2 */
.sezione2	{
	position: relative;
	background-color: #000;
}
.half1 {
	background: url(../assets/argenteria-home.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}
.half2 {
	background: url("../assets/sposi-home.jpg") no-repeat center;
	background-size: cover;
	position: relative;
}
.half1::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.5);
	transition: background-color 0.6s;
}
.half2::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(205,255,151,0.2);
	transition: background-color 0.6s;
}
.bg-opacity::before {
	background-color: rgba(0,0,0,0);
	transition: all 0.6s;
}
.title1-sezione2, .title2-sezione2	{
	font-family: 'David Libre', serif;
	font-weight: 700;
	font-size: 34px;
	letter-spacing: 0.5px;
	margin: 70px 0;
	color: #B59586;
}
.title1-sezione2 {
	position: relative;
	left: 50%;
}
.title2-sezione2 {
	position: relative;
	left: 50%;
	margin-left: -130px;
}
.line3	{
	position: absolute;
	width: 3px;
	height: 230px;
	background-color:#B59586;
	top: 50%;
	left: 50%;
	margin-top: -112px;
	margin-left: 5px;
	transform: rotate(-26deg);
	display: none;
}
/* Sezione 3 */
.sezione3	{
	overflow-x: hidden;
	height: 50%;
	width: 100vw;
}
/* Footer 1 */
.sezione4	{
	position: relative;
	background: url(../assets/bg-footer.png) no-repeat;
	background-position: center center;
	background-size: cover;
	height: 50%;
	width: 100%;
}
.testo1-footer	{
	font-family: 'David Libre', serif;
	font-weight: 400;
	font-size: 18px;
	color: #B59586;
	line-height: 24px;
	letter-spacing: 0.8px;
}
.testo2-footer {
	font-family: 'David Libre', serif;
	font-weight: 400;
	font-size: 18px;
	color: #FFF;
	line-height: 24px;
}
.orari {
	width: 38%;
	margin: auto;
}
.social {
	width: 44%;
	margin: auto;
}

.social .float-right {
	margin: 0 5px;
}
.social .clearer a {
	font-family: 'David Libre', serif;
	color: #fff;
}
.social .clearer {
	margin-top: 50px;
}
.line4	{
	position: absolute;
	width: 3px;
	height: 285px;
	background-color: #fff;
	top: 50%;
	left: 50%; 
	margin-top: -142px;
	margin-left: -5px;
	transform: rotate(-26deg);
	display: none;
}
/* Footer 2 */
.sezione5	{
	height: 100px;
	background-color: #E4E5EA;
	width: 100%;
	overflow-x: hidden;
}
.footer-bg	{
	text-align: center;
}
.testo-footer	{
	text-align: center;
	font-family: 'David Libre', serif;
	font-weight: 400;
	font-size: 13px;
}
.link-spring	{
	color: #000;
	text-decoration: none;
	font-weight: 400;
}
.margin	{
	margin-top: -10px;
	margin-bottom: 5px;
}
/**** STORIA ****/
#line-separator1	{
	width: 3px;
	background-color: #fff;
	height: 160px;
	transform: rotate(-25deg);
	position: absolute;
	top: -80px;
	left: 50%;
	margin-left: -2px;
	display: none;
}
#line-separator2	{
	width: 3px;
	background-color: #B59586;
	height: 160px;
	transform: rotate(-25deg);
	position: absolute;
	top: -80px;
	left: 50%;
	margin-left: -2px;
	display: none;
}
/* Sezione 1 */
.storia1	{
	background: url(../assets/bg-storia.png) no-repeat;
	background-position: center center;
	background-size: cover;
}
.storia-width	{
	width: 1150px;
	margin:auto;
}
.float-storia	{
	position: relative;
	float: left;
	margin-top: 20px;
}
#line1-storia	{
	width: 3px;
	background-color: #fff;
	height: 180px;
	transform: rotate(-25deg);
	position: absolute;
	top: 50%;
	margin-top: -80px;
	left: 20px;
	display: none;
}
.title-storia	{
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 23px;
	color: #fff;
	letter-spacing: 0.5px;
	left: 10px;
	margin-top: 0;
	position: relative;
	opacity: 0;
}
.main-title-storia	{
	font-family: 'David Libre', serif;
	font-weight: 700;
	color: #B59586;
	font-size: 40px;
	text-align: right;
	margin-top: 10px;
	opacity: 0;
}
.storia-path {
	position: absolute;
	width: 1100px;
	top: -550px;
	left: 0px;
}
.storia-path2 {
	position: absolute;
	width: 1300px;
	top: -250px;
	right: -500px;
}
.storia-path3 {
	position: absolute;
	width: 1100px;
	top: 50px;
	left: -450px;
}
/* Sezione 2 */
.storia2	{
	background-color: #E4E5EA;
}
.title-storia2, .title-storia3	{
	font-family: 'David Libre', serif;
	font-weight: 700;
	color: #B59586;
	font-size: 38px;
	opacity: 0;
}
.paragrafo-storia, .paragrafo-storia3	{
	color: #1B1B1B;
	font-family: 'David Libre', serif;
	font-size: 18px;
	line-height: 32px;
	opacity: 0;
}
/* Sezione 3 */
.storia3	{
	position: relative;
	width: 100vw;
	height: 100vh;
}
.line-border1 {
	height: 70vh;
	width: 3px;
	background-color:#B59586;
	display: none;
}
#secondSlider {
	top: 20px;
}
/**** ARGENTERIA ****/
/* Sezione 1 */
.argenteria1	{
	background: url(../assets/bg-argenteria.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.img-servizi {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}
.brand {
	background-color: #D1B08E;
	height: 50%;
	width: 100vw;
}
.brand .title-storia2 {
	color: #E4E5EA;
}
.brand .paragrafo-storia {
	line-height: 18px;
	text-transform: uppercase;
	color: #E4E5EA;
}
.brand .line-border1 {
	height: 0vh;
	width: 3px;
	position: absolute;
	top: 50%;
	margin-top: -45vh;
	left: 8%;
	z-index: 999;
	background-color:#E4E5EA;
}
.path-brand {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 180px;
}
.line-border {
	animation: border 1s forwards;
	animation-delay: 0.4s;
}
.text-sposi {
	text-align: center;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #E4E5EA;
	font-size: 20px;
}
/*** GIOIELLI ***/
/* Sezione 1 */
.gioielli1	{
	background: url(../assets/foto1.jpg) no-repeat center;
	background-size: cover;
	height: 100vh;
}
.gioielli-menu	{
	position: absolute;
	left: 10%;
	top: 40px;
}
.hamburger-menu-gioielli {
	display: none;
}
.gioielli1 .title-storia {
	font-size: 23px;
	letter-spacing: -0.2px;
}
/* Sezione 2 */
.gioielli2	{
	background: url(../assets/gioielli-bg.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.link-menu-gioielli	{
	font-family: 'David Libre', serif;
	font-weight: 700;
	color: #B59586;
	text-decoration: none;
	font-size: 22px;
	margin-right: 25px;
	transition:all 0.4s linear;
}
.link-menu-gioielli:hover {
	color: #000 !important;
}
.slider {
	display: none;
}
.slider img, .slider a {
	display: block;
}
/*** OROLOGERIA ***/
/* Sezione 1 */
.orologeria1	{
	background: url(../assets/orologeria-bg.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100vh;
}
	.owl-prev {
		position: absolute;
		top: 50%;
		left: -10px !important;
		color:#B59586 !important;
	}
	.owl-next {
		position: absolute;
		top: 50%;
		right: -10px !important;
		color: #B59586 !important;
	}
	.owl-prev:hover,.owl-next:hover {background: none !important;}

.line-filter-slider	{
	height: 0px;
	width: 3px;
	background-color:#B59586;
	position: absolute;
	top: 0;
}
.line-slider {
	animation: line 0.5s forwards;
	animation-delay: 0.8s;
}
.nav-slider	{
	margin-top: -20px;
	width: 400px;
	position: absolute;
	float: left;
}
.bijoux2 .nav-slider-gioielli {
	display: none;
}
.main-title-orologeria	{
	text-align: left;
	font-family: 'David Libre', serif;
	font-weight: 700;
	padding-bottom: 90px;
	color: #B59586;
	font-size: 30px;
	margin-left: 20px;
	display: none;
	margin-top: 0;
}
.title-orologeria	{
	font-family: 'David Libre', serif;
	color: #1b1b1b;
	text-decoration: none;
	font-size: 20px;
	margin-left: 20px;
	line-height: 26px;
	opacity: 0;
}
.title-orologeria:hover	{
	font-weight: 700 !important; 
}
.prodotto	{
	text-align: center;
}
.image-prodotto {
	margin: auto;
	margin-bottom: 15px;
	width: 250px;
}
.descrizione-prodotto	{
	font-family: 'David Libre', serif;
	font-weight: 400;
	color: #B59586;
	line-height: 18px;
	padding-bottom: 3px;
	text-align: center;
	margin: auto;
}
.underline-prodotto {
	width: 0px;
	height: 3px;
	background-color: #B59586;
	margin:5px auto;
}
/* Sezione 2 */
.orologeria2	{
	background: url(../assets/orologi-bg.jpg) no-repeat;
	background-size: cover;
}
.orologi-page footer .sezione3 {
	display: none;
}
.orologi-page .orologio-cit {
	display: block !important;
}
/**** CONTATTI ****/
/* Sezione 1 */
.contatti1	{
	position: relative;
	background: url("../assets/bg-contatti.jpg") no-repeat center center;
	background-size: cover;
}
#height {
	height: 100%;
}
iframe {
	height: 100%;
	width: 100%;
}
.wa {
	font-family: 'David Libre', serif;
	font-size:26px;
	line-height: 28px;
	color: #B59586;
	width: 500px;
	margin:0 auto 30px auto;
}
form {
	width: 500px;
	margin:0 auto;
	position: relative;
}
label {
	font-family: 'David Libre', serif;
	font-size: 18px;
	text-align: left;
	margin-right:10px;
}
input, textarea {
	font-family: 'David Libre', serif !important;
	font-size: 18px;
	background: none; 
	border: none;
	padding: 0px 5px;
	width: 430px;
}
input {
	border-bottom: 1px solid #000 !important;
}
textarea {
	border: 1px solid #000;
	height: 100px;
	width: 100%;
}
#invia	{
	border-bottom: none !important;
	width: auto;
	cursor: pointer;
	color: #B59586;
	font-family: 'David Libre', serif;
	font-size: 18px;
	padding: 0;
	position: absolute;
	bottom: -30px;
	right: 0px;
}
#invia:hover {
	border-bottom: 2px solid #CF8E1B !important;
}
/*** BIJOUX ***/
/* Sezione 2 */
.servizi1	{
	background: url(../assets/servizi-bg.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100vh;
	width: 100vh;
}
.servizi3	{
	background: url("../assets/slide3_1.jpg") no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100vh;
	width: 100vh;
}

.servizi-width {
	width: 80%;
	margin: auto;
	position: relative;
}
#line1-servizi, #line1-servizi3	{
	width: 3px;
	background-color: #fff;
	height: 180px;
	transform: rotate(-25deg);
	display: none;
}

.title-servizi	{
	color: #fff;
	font-family: 'David Libre', serif;
	font-weight: 400;
	font-size: 26px;
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 48%;
	transform: translateY(-50%);
}
.servizi3 .title-servizi {
	letter-spacing: 1px;
}
.title-servizi span {
	font-weight: 400;
}
.title-servizi img {
	position: relative;
	top: -5px;
}
/* privacy */
.privacy p, .privacy h1, .privacy h2, .privacy h3 {
	font-family: 'David Libre', serif;
}
.privacy {
	margin-top:140px;
}
.privacy h1 {
	text-align:center;
}
/**** RESPONSIVE ****/
@media all and (min-width: 1920px) {
	/* Header */
	.right	{
		right: 8%;
	}
	.home-orologi {
		margin-right: -354px;
		width: 700px;
	}
	.home-argento {
		margin-left: -354px;
		width: 700px;
	}
	
	.width-sez1 {
		width: 1380px;
		position: relative;
	}	
	/* STORIA */
	/* Sezione 1 */
	.storia-width	{
		width: 1700px;
		margin:auto;
	}
	.float-storia	{
		width: 850px;
		position: relative;
		float: left;
		margin-top: 20px;
	}
}
@media only screen and (max-width:1199px) and (min-width:992px){
/* Slider */
.slideFirst {
	width: 80%;
}
.carousel .animated-title {
	margin-left: 8%;
}
.carousel .revealSlide {
	font-size: 20px;
	line-height: 26px;
}
.slideSecond {
	height: 65%;
	width: 34%;
}
.block2 {
	left: 40px;
}
.block2 h2 {
	font-size: 34px;
	margin-left: 20px;
}
.block2 p {
	font-size: 26px;
	margin-left: 20px;
	line-height: 30px;
}
/* Sezione 1 */
	.home-second img {
		width: 300px;
	}
	.home-orologi {
		margin-right: -208px;
		width: 410px;
		height: 65%;
	}
	.home-argento {
		margin-left: -208px;
		width: 410px;
		height: 65%;
	}
	.width-sez1 {
		width: 990px;
		height: 67%;
	}
	.anim-sez1 .animated-title {
		width: 25%;
	}
	.testo2-sezione1 {
		font-size: 18px;
		line-height: 18px;
	}
	/* Sezione 2*/
	.title1-sezione2, .title2-sezione2	{
		font-size: 30px;
	}
	.centrale-sezione2	{
		margin-left: -250px;
	}
	.line3	{
		height: 220px;
		margin-left: -15px;
		margin-top: -110px;
	}
	/* Footer 1 */
	.orari {
		width: 34%;
		margin: auto;
	}
	.social {
		width: 42%;
		margin: auto;
	}
	.line4	{
		height: 245px;
		margin-top: -122px;
		margin-left: -5px;
	}
	/*** STORIA ***/
	#line-separator1, #line-separator2	{
		height: 140px;
		top: -70px;
	}
	/* Sezione 1 */
	.storia-width	{
		width: 940px;
		margin:auto;
	}
	.float-storia	{
		width: 460px;
		position: relative;
		float: left;
		margin-top: 20px;
	}
	.title-storia	{
		font-size: 22px;
	}
	.gioielli1 .title-storia {
		font-size: 20px;
	}
	.main-title-storia	{
		font-size: 34px;
	}
	#line1-storia	{
		height: 150px;
		margin-top: -70px;
	}
	.storia-path {
		position: absolute;
		width: 1000px;
		top: -550px;
		left: 0px;
	}
	.storia-path2 {
		position: absolute;
		width: 1000px;
		top: -250px;
		right: -400px;
	}	
	/* Sezione 2 */
	.title-storia2, .title-storia3	{
		font-size: 34px;
		top: 40px;
	}
	.paragrafo-storia, .paragrafo-storia3	{
		font-size: 16px;
		line-height: 28px;
		top: 30px;
		max-width: 360px;
	}
	.brand .paragrafo-storia {
		line-height: 16px;
		max-width: 100%;
	}
	/*** GIOIELLI ***/
	.gioielli2	{
		background-position: 22% 0;
	}
	.gioielli-menu	{
		left: 8%;
		top: 40px;
	}
	.image-prodotto {
		width: 220px;
	}
	.servizi3 .title-storia {
		font-size: 19px;
	}
	.gioielli1 .float-storia {
		width: 600px;
	}
	.gioielli1 .float-right {
		width: 320px;
	}
	.wa {
		font-size:26px;
		line-height: 28px;
		width: 400px;
	}	
	form {
		width: 400px;
	}
	input {
		width: 335px;
	}	
}
@media only screen and (max-width:991px) and (min-width:768px){
	/* Slider */
.slideFirst {
	width: 76%;
}
.carousel .animated-title {
	margin-left: 7%;
}
.carousel .revealSlide {
	font-size: 17px;
	line-height: 24px;
	letter-spacing: -0.4px;
}
.slideSecond {
	height: 50%;
	width: 33%;
}
.block2 {
	left: 20px;
}
.block2 h2 {
	font-size: 30px;
	margin-left: 20px;
}
.block2 p {
	font-size: 22px;
	margin-left: 20px;
	line-height: 26px;
}
/* Sezione 1 */
	.home-second img {
		width: 300px;
	}
	.home-orologi {
		margin-right: -203px;
		width: 400px;
		height: 55%;
	}
	.home-argento {
		margin-left: -203px;
		width: 400px;
		height: 55%;
	}
	.width-sez1 {
		width: 410px;
		height: 100%;
	}
	.width-sez1 .align-self-end {
		align-self: flex-end !important;
		margin-bottom: 40px;
	}
	.width-sez1 .align-start {
		margin-top: 40px;
	}
	.anim-sez1 .animated-title {
		width: 100%;
		float: none;
	}
	.anim-sez1 .float-md-left {
		position: absolute;
		top: -60px;
		right: 10%;
	}
	.anim-sez1 .float-md-right {
		position: absolute;
		bottom: -70px;
		left: 10%;
	}
	.testo2-sezione1 {
		font-size: 17px;
		line-height: 18px;
	}
	/* Sezione 2*/
	.title1-sezione2, .title2-sezione2	{
		font-size: 30px;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.centrale-sezione2	{
		margin-left: -250px;
	}
	.line3	{
		height: 180px;
		margin-left: -15px;
		margin-top: -90px;
	}
	/* Footer 1 */
	.orari {
		width: 28%;
		margin: auto;
	}
	.social {
		width: 40%;
		margin: auto;
	}
	.testo1-footer, .testo2-footer	{
		font-size: 16px;
		line-height: 22px;
	}
	.testo2-footer	{
		margin-left: -20px;
	}
	.line4	{
		height: 235px;
		margin-top: -118px;
		margin-left: -5px;
	}
	.testo-footer	{
		font-size: 12px;
	}
	/* STORIA */
	#line-separator1, #line-separator2	{
		height: 120px;
		top: -60px;
	}
	/* Sezione 1 */
	.storia-width	{
		width: 720px;
		margin:auto;
	}
	.float-storia	{
		width: 360px;
		position: relative;
		float: left;
		margin-top: 20px;
	}
	.title-storia	{
		font-size: 20px;
	}
	.main-title-storia	{
		font-size: 30px;
		margin-top: 0;
	}
	#line1-storia	{
		height: 120px;
		margin-top: -60px;
	}
	.storia-path {
		position: absolute;
		width: 1000px;
		top: -550px;
		left: 0px;
	}
	.storia-path2 {
		position: absolute;
		width: 1000px;
		top: -250px;
		right: -400px;
	}	
	/* Sezione 2 */
	.title-storia2, .title-storia3	{
		font-size: 30px;
		top: 20px;
	}
	.paragrafo-storia, .paragrafo-storia3	{
		line-height: 23px;
		top: 0px;
		max-width: 300px;
		min-width: 300px;
	}
	.brand .line-border1 {
		left: 5%;
	}
	.brand .paragrafo-storia {
		line-height: 14px;
		letter-spacing: -0.8px;
		max-width: 100%;
	}
	.path-brand {
		width: 140px;
	}	
	.orologi-page .brand .paragrafo-storia, .gioielli-page .brand .paragrafo-storia, .argento-page .brand .paragrafo-storia, .storia .brand .paragrafo-storia, .pandora-page .brand .paragrafo-storia {
		font-size: 15px;
		line-height: 16px;
	}
	/*** GIOIELLI ***/
	.gioielli2	{
		background-position: 26% 0;
	}
	.gioielli1 .float-storia {
		width: 500px;
	}
	.gioielli1 .float-right {
		width: 220px;
	}
	.gioielli1 .title-storia {
		font-size: 18px;
	}
	.servizi3 .title-storia {
		letter-spacing: -0.2px;
	}
	.gioielli-menu	{
		left: 6%;
		top: 40px;
	}
	.image-prodotto {
		width: 200px;
	}
	.bijoux2 .image-prodotto {
		width: 180px;
	}
	#kidult .title-orologeria:nth-of-type(2) {
		font-size: 18px;
	}
	/*** OROLOGERIA ***/
	.orologeria2 {
		background-position: 20% 0%;
	}
	.nav-slider	{
		width: 270px;
		margin-top: -20px;
	}
	.link-menu-gioielli	{
		font-size: 20px;
		margin-right: 20px;
	}
	/*** CONTATTI ***/
	.wa {
		font-size:22px;
		line-height: 24px;
		width: 300px;
	}	
	form {
		width: 300px;
	}
	input {
		width: 235px;
	}	
}
@media all and (max-width: 767px){
	.back-to-top	{
		transform: scale(0.9);
		bottom: 15px;
		right: 15px;
	}
	.left	{
		width: 150px !important;
		top: 20px;
	}
	.right	{
		position: absolute;
		top: 35px;
		right: 3%;
		transform: scale(0.5);
	}
	#menu	{
		width: 100%;
		right: -100%;
	}
	/* Slider */
.slideFirst {
	width: 100%;
	background-position: top center;
}
.carousel .animated-title {
	margin-left: 12%;
}
.carousel .revealSlide {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.2px;
}
.slideSecond {
	height: 43%;
	width: 50%;
	bottom: 0;
	top: auto;
	transform: none;
}
.block2 {
	left: 20px;
}
.block2 h2 {
	font-size: 24px;
	margin-left: 10px;
}
.block2 p {
	font-size: 17px;
	margin-left: 10px;
	line-height: 22px;
}
.borderSlide {
	height: 0;
	  animation-name: growSlideMobile;
}
.carousel-control-prev {
	right: auto !important;
	left: 5%;
	font-size: 44px !important;
  }
  
  .carousel-control-next {
	  right: auto !important;
	left: calc(5% + 50px);
	font-size: 44px !important;
  }  
	/* Sezione 1 */
	.home-second img {
		width: 300px;
	}
	.home-orologi {
		margin-right: -183px;
		width: 360px;
		height: 55%;
	}
	.home-argento {
		margin-left: -183px;
		width: 360px;
		height: 55%;
	}
	.width-sez1 {
		width: 370px;
		height: 100%;
	}
	.width-sez1 .align-self-end {
		align-self: flex-end !important;
		margin-bottom: 70px;
	}
	.width-sez1 .align-start {
		margin-top: 70px;
	}
	.flex-container {
		height: 70vh;
	}
	.sezione1 .flex-container {display: none;}
	.anim-sez1 .animated-title {
		width: 100%;
		float: none;
	}
	.anim-sez1 .float-md-left {
		position: absolute;
		top: -20px;
		right: 8%;
	}
	.anim-sez1 .float-md-right {
		position: absolute;
		bottom: -20px;
		left: 8%;
	}
	.testo1-sezione1 {
		font-size: 30px;
	}
	.testo2-sezione1 {
		font-size: 14px;
		line-height: 16px;
	}
	.border-anim-event {
	  animation: grow-mobile 0.8s forwards;
		animation-delay: 0.3s;
	}
	/* Sezione 2 */
	.title1-sezione2, .title2-sezione2	{
		font-size: 26px;
		letter-spacing: 0;
	}
	.title1-sezione2 {
		left: 48%;
	}
	.title2-sezione2 {
		left: 50%;
		margin-left: -60px;
	}
	.line3	{
		height: 200px;
		margin-top: -100px;
		margin-left: 0;
		width: 2px;
	}
	.centrale-sezione2	{
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -20px;
		margin-left: -175px;
	}
	/* Sezione 3 */
	.sezione4	{
		background: url(../assets/bg-footer-mobile.png) no-repeat;
		background-position: center center;
		background-size: cover;
	}
	/* Footer 1 */
	.orari {
		width: 49%;
		margin: auto;
	}
	.social {
		width: 49%;
		margin: auto;
	}
	.social img {
		width: 30px;
	}
	.testo1-footer, .testo2-footer	{
		font-size: 14px;
		line-height: 16px;
	}
	.line4	{
		height: 220px;
		margin-top: -110px;
		margin-left: 5px;
		width: 2px;
	}
	/* Footer 2 */
	.testo-footer	{
		font-size: 13px;
	}
	/* STORIA */
	#line-separator1, #line-separator2	{
		display: none !important;
	}
	/* Sezione 1 */
	.storia-width	{
		width: 320px;
		margin: auto;
	}
	.float-storia	{
		float: none;
		width: 320px;
		margin: auto;
	}
	#line1-storia	{
		height: 120px;
		margin-top: 10px;
		left: 15px;
		width: 2px;
	}
	.title-storia	{
		font-size: 18px;
		top: 60px;
	}
	.main-title-storia	{
		text-align: center;
		font-size: 36px;
		margin-top: 160px;
	}
	.storia-path {
		position: absolute;
		width: 500px;
		top: -250px;
		left: 0px;
	}
	.storia-path2 {
		position: absolute;
		width: 500px;
		top: -50px;
		right: -100px;
	}
	.storia-path3 {
		position: absolute;
		width: 800px;
		top: -150px;
		left: -450px;
	}		
	/* Sezione 2 */
	.storia3, .storia2	{
		position: relative;
	}
	.float-storia2	{
		width: 100vw;
		float: none;
	}
	.float-right	{
		float: none;
	}
	.title-storia2, .title-storia3	{
		font-size: 26px;
	}
	.img-servizi {
		height: 100%;
	}
	.paragrafo-storia, .paragrafo-storia3	{
		font-size: 14px;
		line-height: 16px;
	}
	.line-border1	{
		width: 2px;
		background-color:#B59586;
		height: 31vh;
		display: none;
	}
	.half-height {
		height: 50%;
	}
	.brand {
		padding: 0 15px;
	}
	.brand .paragrafo-storia {
		line-height: 8px;
		font-size: 15px;
	}
	.path-brand {
		width: 120px;
	}	
	.orologi-page .brand .paragrafo-storia, .gioielli-page .brand .paragrafo-storia, .argento-page .brand .paragrafo-storia, .pandora-page .brand .paragrafo-storia {
		line-height: 16px;
		font-size: 15px;
	}
	.storia .brand .paragrafo-storia, .contatti-page .brand .paragrafo-storia {
		font-size: 12px;
		line-height: 13px;
	}
	/*** GIOIELLI ***/
	.gioielli2	{
		background-position: 20% 0;
	}
	.gioielli1 .title-storia span {
		margin-left: 0 !important;
	}
	.gioielli1 .title-storia {
		font-size: 14px;
	}
	.gioielli-menu {
		left: 5%;
		top: 20px;
	}
	.link-menu-gioielli	{
		font-size: 20px;
		margin: 5px;
	}
	.main-title-orologeria {
		font-size: 24px;
	}
	.title-orologeria {
		font-size: 19px;
	}
	.container-fluid {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.owl-prev:hover,.owl-next:hover {background: none !important;}
	/*** OROLOGERIA ***/
	.orologeria2 {
		background-position: 10% 0%;
	}
	.image-prodotto {
		width: 170px;
	}
	/*** CONTATTI ***/
	#height {
		height: 35%;
	}
	.wa {
		font-size:18px;
		line-height: 20px;
		width: auto;
		text-align: center;
	}	
	form {
		width: 350px;
	}
	input {
		width: 285px;
		border-radius: 0;
	}	
	label {
		font-size: 16px;
		margin-bottom: 0 !important;
	}
	.form-check-label {
		font-size: 12px !important;
	}
	/*** SERVIZI ***/
	.servizi-width {
		width: 75%;
		margin: auto;
		position: relative;
	}
	#line1-servizi, #line1-servizi3	{
		height: 130px;
	}
	.title-servizi	{
		font-size: 18px;
		top: 47%;
	}
	.servizi3 .title-servizi {
		font-size: 20px;
	}
	.servizi3 .title-storia {
		letter-spacing: -0.3px;
		font-size: 14px;
	}
	.orologeria1 .title-storia {
		letter-spacing: -0.3px;
	}
	.title-servizi img {
		width: 130px;
		left: -5px;
		top: 2px;
	}
	.text-sposi {
		font-size: 17px;
	}
	#slider2 .paragrafo-storia {
		font-size: 15px;
		line-height: 18px;
	}
}
@media only screen and (max-width:480px) {
	.home-second img {
		width: 300px;
	}
	.home-orologi {
		margin-right: -173px;
		width: 340px;
		height: 55%;
	}
	.home-argento {
		margin-left: -173px;
		width: 340px;
		height: 55%;
	}
	.width-sez1 {
		width: 340px;
		height: 100%;
	}
	.testo1-sezione1 {
		font-size: 28px;
	}
	.testo2-sezione1 {
		font-size: 12px;
		line-height: 16px;
		letter-spacing: -0.4px;
	}
	.title-orologeria {
		font-size: 18px;
	}
	.owl-prev {
		position: absolute;
		top: 50%;
		left: 0px !important;
		color:#B59586 !important;
	}
	.owl-next {
		position: absolute;
		top: 50%;
		right: 0px !important;
		color: #B59586 !important;
	}
	.brand .paragrafo-storia, .contatti-page .brand .paragrafo-storia {
		line-height: 2px;
		font-size: 11px;
	}
	.main-title-orologeria {
		padding-bottom: 0px;
	}
	.image-prodotto {
		width: 190px;
	}
	.bijoux2, .bijoux {
		position: relative;
	}
	.position-top {
		position: absolute !important;
		top: 20px;
	}
	.position-bottom {
		position: absolute !important;
		bottom: 10px;
	}
	.hamburger-menu-gioielli {
		display: block;
		position: absolute;
		top: 30px;
		right: 30px;
		z-index: 99;
	}
	.hamburger-menu-gioielli img {
		width: 30px;
		display: block;
	}
	.gioielli-menu {
		position: absolute;
		right: -200px;
		left: auto;
		top: 0;
		width: 200px;
		background-color: #B59586;
		z-index: 999;
		height: 100%;
	}
	.gioielli-menu div {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	.link-menu-gioielli	{
		display: block;
		text-align: center;
		font-size: 20px;
		margin: 5px 0;
		color: #fff;
	}
	.orologeria2 {
		background-position: 15% 0%;
	}
}