@charset "utf-8";
/* CSS Document */
@import url("https://use.typekit.net/nsk3shl.css");
@font-face {
    font-family: 'gothambook';
    src: url('../font/gotham_book_regular-webfont.woff2') format('woff2'),
         url('../font/gotham_book_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root {
   --app-height: 100%;
}

:root {
    --color-black: #161616;
    --color-black-background: #1a1a1a;
    --color-black-dark: #000000;
    --color-black-90: rgba(0, 0, 0, 0.9);
    --color-black-80: rgba(0, 0, 0, 0.8);
    --color-black-70: rgba(0, 0, 0, 0.7);
	--color-black-60: rgba(0, 0, 0, 0.6);
	--color-black-50: rgba(0, 0, 0, 0.5);
    --color-white: #fff;
	--color-blu: #101E38; --color-blutxt: #13284F;
	--color-azz: #F4F7FC;
	--color-oro: #CC9A1E;
	--color-oro-dark:#AA8322;
	--color-grigio-chiaro: #fbfbfa; 

    --timing-fast: .3s cubic-bezier(1, 0, 0, 1);
    --timing-normal: .6s cubic-bezier(1, 0, 0, 1);
    --timing-slow-ease-in-out: 3s ease-in-out;
    --timing-slow: 6s cubic-bezier(1, 0, 0, 1);
}
/**
{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}*/

*:focus
{
    outline: none;
}
html {font-size: calc(4px + 0.45vw);overflow-x: hidden; }
html,body {color:var(--color-black); font-family:essonnes-display, serif; font-weight:400;  min-height: 100% !important;height: 100%; /*height: var(--app-height);*/}
body{height:100vh;width: 100%; max-width: 1920px;margin: 0 auto;background:#fff}

::-moz-selection { 
  color:var(--color-white)!important;
  background: var(--color-blu);
}
::selection {
   color:  var(--color-white)!important;
  background: var(--color-blu);
}
input {
	 text-shadow: 0px 0px 0px #000;
    -webkit-text-fill-color: transparent;
    -webkit-appearance: none;
	border-radius: 0;
}
* {box-sizing: border-box;}
a{-webkit-transition: color .2s;transition: color .2s ease-out;text-decoration:none;color:var(--color-black)}
h1,h2{font-weight:400;margin:0;letter-spacing:0.01em;}
h3{font-weight: 400;letter-spacing:0.08em;margin:0;}
p{/*font-size: 1.30rem;*/line-height: 1.9;font-weight:300;}
h4,h5{letter-spacing:0.02em;margin: 0;font-weight:400;}
/*MENU*/
#logo{background:#101E38 url("../images/claire-maggiora-events.svg") center center no-repeat;background-size: calc(100vw / 4 - 9vw);
	width:calc(100vw / 4);height:calc((100vw / 4) / 1.68); position:absolute;top:0;left:calc(-0px - (100vw / 4));z-index:4; }
#navbarra{background:#fff; width:100%;height:155px;position:relative;z-index:3}
nav {
  position: absolute;
  /*top: 10px;*/top:50%;
  right:5%;
  /*transform: translateX(-50%);*/ transform: translateY(-50%);
  display: inline-block;font-family: 'gothambook', serif;
/*  border: 2px solid #ebecf1;
  border-radius: 30px;*/
 /* animation: slide-in 1s ease-out;*/
}

.topnav ul {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  margin: 0;
  padding: 0 30px;
  list-style-type: none;
}
.topnav ul li:not(:last-child) {
  margin-right: 1.4vw;
}
.topnav ul li:last-child { /*per lingua*/
  margin-right:1.4vw;
}
.topnav ul li {
/*  border: 2px solid transparent;
  border-radius: 5px;*/
  padding:10px  0.5vw;font-size:0.8vw; letter-spacing: 0.04em;
  /*transition: background 0.2s;*/
}
.topnav ul li a {
  color:var(--color-blu);
  text-decoration: none;
 /* text-transform: uppercase;*/
  transition: color 0.2s;
}
.topnav ul li ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  display: block;
  margin: 12px -25px;
  padding: 20px 0;
  background: #fff;
 /* border: 2px solid #f7c833;
  border-right: 2px solid #f89329;
  border-bottom: 2px solid #f89329;
  border-radius: 5px;*/
  transition: opacity 0.2s, visibility 0.2s;
}
.topnav ul li ul li {
  margin: -2px 0 0 25px;
  width: calc(100% - 0px); 
  line-height: 2.0;padding: 8px 0;
}
.topnav ul li ul li a {
  color: #000;/*font-size: 1.20rem;*/font-size:0.8vw;letter-spacing:0.08em;
}
.topnav ul li:hover {
 /* background: #ec4138;
  border: 2px solid #f05749;
  border-right: 2px solid #e02a21;
  border-bottom: 2px solid #e02a21;*/
}
.topnav ul li:hover a {
  color:var(--color-oro);
}
.topnav ul li.active a {color:var(--color-oro-dark);}
.topnav ul a.attivo {color:var(--color-oro-dark);}
.topnav ul li ul li.active a {color:var(--color-oro-dark)!important;}
.topnav ul li:hover ul {
  visibility: visible;
  opacity: 1;
 /* box-shadow: 0px 3px 5px 2px #000;*/
}
.topnav ul li:hover ul li a {
  color:var(--color-blu);font-weight:300;
}
.topnav ul li:hover ul li a:hover {
  color:var(--color-oro);
}
/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}
/*@keyframes slide-in {
  0% {
    top: -50px;
  }
  40% {
    top: 20px;
  }
  70% {
    top: 10px;
  }
  100% {
    top: 15px;
  }
}*/
.topnav .icon .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:calc(100% - 20px);
  cursor: pointer;
}

.topnav .icon span {
  display: block;
  width: 100%;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);
  /*border-radius: 3px;*/
  height: 2px;
  background: #fff;
  transition: all .3s;
  position: relative;
}
span + span {margin-top: 7px;}
.active span:nth-child(1) {
  animation: ease .7s top forwards;
}

.not-active span:nth-child(1) {
  animation: ease .7s top-2 forwards;
}

.active span:nth-child(2) {
  animation: ease .7s scaled forwards;
}

.not-active span:nth-child(2) {
  animation: ease .7s scaled-2 forwards;
}

.active span:nth-child(3) {
  animation: ease .7s bottom forwards;
}

.not-active span:nth-child(3) {
  animation: ease .7s bottom-2 forwards;
}

@keyframes top {
  0% {
    top: 0;
    transform: rotate(0);
  }
  50% {
    top: 9px;
    transform: rotate(0);
  }
  100% {
    top: 9px;
    transform: rotate(45deg);
  }
}

@keyframes top-2 {
  0% {
    top: 9px;
    transform: rotate(45deg);
  }
  50% {
    top: 9px;
    transform: rotate(0deg);
  }
  100% {
    top: 0;
    transform: rotate(0deg);
  }
}

@keyframes bottom {
  0% {
    bottom: 0;
    transform: rotate(0);
  }
  50% {
    bottom: 9px;
    transform: rotate(0);
  }
  100% {
    bottom: 9px;
    transform: rotate(135deg);
  }
}

@keyframes bottom-2 {
  0% {
    bottom: 9px;
    transform: rotate(135deg);
  }
  50% {
    bottom: 9px;
    transform: rotate(0);
  }
  100% {
    bottom: 0;
    transform: rotate(0);
  }
}

@keyframes scaled {
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes scaled-2 {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}


/* LINGUA */
#app-cover{position: absolute;top:0;right:0;width:calc(20px + 1vw);height:auto; } .l-mobile{display:none}
#select-button{
    position: relative;
    height: auto;
    padding: 5px 0px;margin-top: 6px;
    background-color:var(--color-blu);text-align: center; /*border:1px solid var(--color-blu);*/
    cursor: pointer;border-radius: 0px;
}

#options-view-button{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}
#selected-value{
    font-size: 1.0rem;letter-spacing: 0.06em;color: #fff;
    line-height: 1;
   	-webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}

.option, .label{color:#fff; font-size:0.9rem;letter-spacing: 0.04em;text-align: center;	
	-webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}

.options{
    position: absolute;
    left: 0;
    width:calc(20px + 1vw);width: 100%}

#options{
    position: absolute;
    top: 42px;
    right: 0;
    left: 0;
    /*width: 98px;*/width:calc(20px + 1vw);
    margin: 0 auto;
}
#options-view-button:checked ~ #options{/*border: 1px solid #e2eded;border-color: #eaf1f1 #D44547 #dbe7e7 #5851FF;*/}
.option{
    position: relative;
    line-height: 1;
    transition: 0.3s ease all;
    z-index: 2;background-color:var(--color-oro);
}
/*.option i{position: absolute;left: 14px;padding: 0;display: none;}*/
/*#options-view-button:checked ~ #options .option i{display: block;padding: 12px 0;}*/
.label{display: none;padding: 0;margin-left:0px;}
#options-view-button:checked ~ #options .label{display: block;/*padding: 12px 1px;*/ height:35px;line-height:35px;}
.s-c{position: absolute;left: 0;width: 100%;height: 50%;}
.s-c.top{top: 0;}
.s-c.bottom{bottom: 0;}
input[type="radio"]{
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}
/*.s-c:hover ~ i{color: #fff;opacity: 0;}
.s-c:hover{height: 100%;z-index: 1;}
.s-c.bottom:hover + i{bottom: -25px;
    -webkit-animation: moveup 0.3s ease 0.1s forwards;
            animation: moveup 0.3s ease 0.1s forwards;
}
.s-c.top:hover ~ i{top: -25px;
    -webkit-animation: movedown 0.3s ease 0.1s forwards;
            animation: movedown 0.3s ease 0.1s forwards;
}
@-webkit-keyframes moveup
{
    0%{ bottom: -25px; opacity: 0;}
    100%{ bottom: 0; opacity: 1;}
}

@keyframes moveup
{
    0%{ bottom: -25px; opacity: 0;}
    100%{ bottom: 0; opacity: 1;}
}

@-webkit-keyframes movedown
{
    0%{ top: -25px; opacity: 0;}
    100%{ top: 0; opacity: 1;}
}

@keyframes movedown
{
    0%{ top: -25px; opacity: 0;}
    100%{ top: 0; opacity: 1;}
}*/
.label{transition: 0.3s ease all;}
.option:nth-child(1) input[type="radio"]:checked ~ .label:before{/*border-radius: 4px 4px 0 0;*/}
.option:nth-child(2) input[type="radio"]:checked ~ .label:before{}
#option-bg
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 35px;
    transition: 0.3s ease all;
    z-index: 1;
    display: none;
}
#options-view-button #options #option-bg{/*background-color:var(--color-oro);*//*border-radius: 4px 4px 0 0;*/}
#options-view-button:checked ~ #options #option-bg{display: block;}
.option:hover .label{color: #fff;background-color:var(--color-blu);}
.option:nth-child(1):hover ~ #option-bg{top: 0;background-color:var(--color-oro);/*border-radius: 4px 4px 0 0;*/}
.option:nth-child(2):hover ~ #option-bg{top: 35px;background-color:var(--color-oro);}

/*SOCIAL*/
.menu-right{width:auto; height:35px; display: inline-block; margin-right:calc(20px + 1vw);}
.h-social{} .h-social span{display: inline-block;width: 20px; height:35px;padding: 0;margin: 0 10px;}
.h-social span.h-s-instagram{background: url("../images/ico-instagram.svg") center 55% no-repeat; background-size:contain;width: 17px}
.h-social span.h-s-facebook{background: url("../images/ico-facebook.svg") center center no-repeat; background-size:contain;width: 9px}
/*.h-social span.h-s-pinterest{background: url("../images/ico-pinterest.svg") center center no-repeat; background-size:contain;width: 15px}
.h-social span.h-s-youtube{background:url("../images/ico-youtube.svg") center center no-repeat; background-size:contain;width: 22px}*/
.h-social span.h-s-email{background:url("../images/ico-email.svg") center center no-repeat; background-size:contain;width: 19px}
.h-social span.h-s-instagram,.h-social span.h-s-facebook,.h-social span.h-s-pinterest,.h-social span.h-s-youtube,.h-social span.h-s-email{
  -webkit-transition: -webkit-filter 0.2s ease-in-out;
  transition: -webkit-filter 0.2s ease-in-out;
  transition: filter 0.2s ease-in-out;
  transition: filter 0.2s ease-in-out, -webkit-filter 0.2s ease-in-out;
}
.h-social span.h-s-instagram:hover,.h-social span.h-s-facebook:hover,.h-social span.h-s-youtube:hover,.h-social span.h-s-email:hover,.h-social span.h-s-pinterest:hover,
.h-social span.h-s-instagram:focus,.h-social span.h-s-facebook:focus,.h-social span.h-s-youtube:focus,.h-social span.h-s-email:focus,.h-social span.h-s-pinterest:focus {
  filter: invert(55%) sepia(78%) saturate(432%) hue-rotate(5deg) brightness(96%) contrast(95%);}
/* FIX barra */
#navbarra{}
#navbarra.navbar-fixed-top {
  position: fixed !important; z-index: 9999!important;display: block; height: 80px;
  top:0;left: 0px;-webkit-box-shadow: 0px 9px 10px -6px rgba(0,0,0,0.05);	
		-moz-box-shadow: 0px 9px 10px -6px rgba(0,0,0,0.05);
		box-shadow: 0px 9px 10px -6px rgba(0,0,0,0.05); opacity:1;
	 animation: SHW .5s;
    animation-fill-mode: both;-webkit-transition: all .3s;transition: all .3s ease-out;top:50;
}

.clearHeader{}
#stickyalias {display:none;height: 155px;}
#logo.navbar-fixed-logo{background:#fff url("../images/claire-maggiora-events-bianco.svg") left center no-repeat;background-size:auto 55px;width:calc(200px + 0px); height:80px;
	position:fixed!important;z-index:10000!important;display:block;top:0;margin-left:5vw;left: 0; animation: SHW .5s;animation-fill-mode: both;-webkit-transition: top .3s ease-out;transition: top .3s ease-out .5s;}
@keyframes SHW {
    from {
        top:-155px;
        /*opacity:0*/
    }
    to {
        top:0;
       /* opacity:1*/
    }
}
#navbarra.navbar-fixed-top.topnav ul li {font-size: 1.12rem;}
/*HOME*/
.vetrina{width:100%;height:calc(100% - 155px); display:block;overflow:hidden;position:relative; z-index:0}
.vetrina {list-style-type: none;}
.vetrina h1{z-index:1;position:absolute;display:block;bottom:8%;right:7%;color:#fff;font-size:3.0vw;} .vetrina h1 i {font-size:70%;display:block;margin-top:20px}
/** SLIDESHOW **/
.slideshow {list-style-type: none;}

.slideshow{width:100%;height:calc(100% - 155px);position: absolute;margin-top:0px; height: 100%;}
.slideshow:after { 
    top: -16px; /*Not sure why I needed this fix*/
		position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    z-index: 0; 
}

.slideshow li span { 
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 30s linear infinite 0s; 
}
.slideshow li:nth-child(1) span { 
    background-image: url("../images/home/vetrina/claire-maggiora-events-wedding-planner.jpg"); 
}
.slideshow li:nth-child(2) span { 
    background-image: url("../images/home/vetrina/claire-maggiora-events-matrimonio.jpg");
    animation-delay: 10s; 
}
.slideshow li:nth-child(3) span { 
    background-image: url("../images/home/vetrina/claire-maggiora-events-langhe-piemonte.jpg");
    animation-delay: 20s; 
}
/*.slideshow li:nth-child(4) span { 
    background-image: url("https://uploads-ssl.webflow.com/5976a3655fcd654cb3d604ca/5c00c9963ea913260bb41b0e_powerlines.jpg");   
    animation-delay: 18s; 
}
.slideshow li:nth-child(5) span { 
    background-image: url("https://uploads-ssl.webflow.com/5976a3655fcd654cb3d604ca/5c00c9963ea913260bb41b0e_powerlines.jpg");
    animation-delay: 24s; 
}
*/


@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in;}
    6% { opacity: 1; animation-timing-function: ease-out;}
	44% { opacity: 1 }
	50% { opacity: 0 }
    100% { opacity: 0 }
}
.no-cssanimations .cb-slideshow li span {
	opacity: 1;
}
/**/
canvas {
  display: block;
  vertical-align: bottom;
} /* ---- particles.js container ---- */
#particles-js {position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}
/**/
#wrap{}
.vetrina-rett{width:100%;height:calc(100% - 155px);height:calc(100% - 0px);position:absolute;/*bottom:-15px;*/bottom: 0; background:#fff;z-index:1} 
.motto{width:100%;max-width:1100px;margin:0 auto;position:relative;padding: 110px 150px; background:var(--color-blu);color:#fff;text-align:center;z-index:20!important}
.motto h1{color:var(--color-oro);font-family: essonnes-display, serif;font-size:4.3rem;margin-bottom:35px}.motto h1 span{margin-left:8px}
.motto h2{font-family: essonnes-display, serif;letter-spacing:0.06em;font-size:1.9rem;;margin-top:35px;color:#fff}
.motto p{font-size: 1.25rem;font-weight:300!important;font-family: 'gothambook', serif;padding: 0 2em;} .motto p br{ display: block;margin-bottom:1em;}

h1{font-family: essonnes-display, serif;font-size:4.0rem;color:var(--color-blutxt);position: relative}
h2{font-family: 'gothambook', serif;font-size:1.2rem;color:var(--color-black-50);letter-spacing: 0.12em;margin-bottom:40px;line-height: 1.6}
p{font-family: essonnes-display, serif;font-size: 1.5rem;letter-spacing:0.04em;}

#h-claire{width:100vw;background:var(--color-azz);background: linear-gradient(-90deg, rgba(226,237,255,1) 0%, rgba(244,247,252,1) 62%, rgba(244,247,252,1) 100%);position:relative;padding-bottom:150px }
.claire{display:block;padding: 0 5vw;}
.claire-tit{width:100vw;padding:90px 0 90px 50%;position:relative }

.cont-claire{display:flex;flex-wrap:wrap;padding:0 0 0 calc(50vw - 10vw);  }
.claire-foto2{position:absolute;display:block;left:0;z-index:4; width:calc(50vw - 75px);height:calc((50vw - 75px) / 1.5);top:-20px;overflow:hidden}
.claire-foto2 img{object-fit:cover;width:100%;max-width:100%;}
.claire-foto{width:20vw;overflow:hidden; margin: auto;max-height:500px;z-index:5;}
.claire-foto img{object-fit:cover;width:100%;max-width:100%;transition: all 0.3s ease-out; flex-shrink:0;}
.claire-txt{width:calc((50vw + 10vw) - 20vw - 0px);padding: 45px 20% 45px 75px; } .claire-txt p{font-size: 1.55rem;letter-spacing:0.04em;}
.zap{background-size: 120%;}

a.link-btn{font-family: 'gothambook', serif;font-size:1.0rem;letter-spacing:0.2em;display:block;position:relative;margin-top:70px;color:var(--color-black-70); float:left;clear:left;}
a.link-btn::after{content:'';width:30px;height:1px;display:block;position:relative;margin-top:0.5rem;-webkit-transition: all .25s ease-in-out;transition: all .25s ease-in-out; background:rgba(0,0,0,0.4);}
a.link-btn:hover{color:var(--color-oro-dark)}a.link-btn:hover::after{width:100%;background:var(--color-oro-dark);margin-top:0.rem}

a.link-btn-cc{display:none;font-family:'gothambook', serif;font-size:1.5vw;letter-spacing:0.2em;text-transform:uppercase;position:relative;margin: 0 auto;margin-top:4vw;color:var(--color-black-70); }
a.link-btn-cc::before{content:'';width:4vw;height:1px;display:block;position:relative;-webkit-transition: all .25s ease-in-out;transition: all .25s ease-in-out; background:rgba(0,0,0,0.4);margin: 0 auto;margin-bottom:1.3rem;}

#h-matrimoni{width:100vw;display:flex;flex-wrap:nowrap; }
#h-matrimoni .matrimoni-txt{width:calc(50vw - 10vw);padding:90px 80px 90px 10vw;}
#h-matrimoni .matrimoni-txt h1{margin-top:3vw;margin-bottom:3vw;margin-left: -0.4vw}#h-matrimoni .matrimoni-txt p{}
#h-matrimoni .matrimoni-foto{width:calc(50vw + 10vw);/* background:#D7A700;*/align-self:stretch;} /*somma metà L foto*/
.funfact-img{overflow: hidden;padding: 0;height: 100%; }
.funfact-img img{max-width:100%;max-height:100%;object-fit: cover;}
/*funfact slider*/
#slider-1 {
  width:100%;/*height:calc( (53.0vw / 2) + 6vw);min-height:600px;*/ position: relative
}
.slides {
  list-style: none;
  margin: 0;
  padding: 0;
}
.slides img {
/*  width: 100%;height:auto;height:100%;width:100%;*/
  display: block;
}
/*https://flickity.metafizzy.co ---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus {
  outline: none;
}
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.gallery-cell {width:100%;min-height:100%; display: block;}
.btn-next,.btn-prev{    
    position: relative;width:120px!important;padding: 0; 
    border: 0!important;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;background: none!important;}
.btn-next,.btn-prev {
  border: none;
  position: absolute;
  /*left: 5vw;*/right:5vw;
  bottom:-2.5vw;
  width: 7vw!important;
  height:5vw;
  padding: 0; background:var(--color-blu)!important;z-index: 3
}
.btn-prev {right:calc(5vw + 7vw + 15px);}
.btn-next:focus,.btn-prev:focus {outline: none;}
.btn-move{transition: bottom 0.5s ease-out;}
.btn-next:hover,.btn-prev:hover{background:var(--color-oro)!important;transition:background 0.4s ease-in-out}
.btn-next .btn-arrow,.btn-prev .btn-arrow{width:0.40vw;height:1.125vw;fill:#fff;transform:translateX(-0.2vw);transition:all 0.4s ease-out;opacity: 0.8;}

.btn-next .btn-arrow:nth-child(1){opacity:0;transform:translateX(-3.125vw);}
.btn-next:hover .btn-arrow:nth-child(1){opacity:0.8;transform:translateX(0.4vw)}
.btn-next:hover .btn-arrow:nth-child(2){opacity:0;transform:translateX( 2.125vw)}

.btn-prev .btn-arrow{transform:translateX(-0.4vw) rotate(180deg);}
.btn-prev .btn-arrow:nth-child(1){opacity:0;transform:translateX(3.125vw) rotate(180deg);}
.btn-prev:hover .btn-arrow:nth-child(1){opacity:0.8;transform:translateX(0.4vw) rotate(180deg) }
.btn-prev:hover .btn-arrow:nth-child(2){opacity:0;transform:translateX( -2.125vw) rotate(180deg)}
/*EVENTI*/
#h-eventi{padding-top:200px;/* padding:200px 5vw 0 5vw*/}
.e-organizza{width:100%;max-width:800px;margin:0 auto;position:relative; padding: 60px 20px; background:var(--color-blu);text-align:center;z-index:0}
.e-organizza h1{color:#fff;}
.e-ev-flex{display:flex;flex-wrap:nowrap;}
.e-privati,.e-aziendali{} .div-int{width:100%;height:100%; display: block;transition:background 0.35s ease-in-out; }
.e-p-img,.e-a-img{width:100%;overflow:hidden;}.e-p-img img,.e-a-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:cover;transition:-webkit-filter 0.85s ease;transition:filter 0.85s ease;}
.e-p-tit,.e-a-tit{width:calc(100px + 10vw);margin: 0 auto;text-align:center; background:#fff;padding:60px 0 50px 0;margin-top:-70px;position:relative;z-index:2 }
.e-p-tit h2,.e-a-tit h2{font-family: essonnes-display, serif;font-size:2.3rem;color:var(--color-blutxt);margin-bottom:0px}
.e-p-tit h3,.e-a-tit h3{font-family: 'gothambook', serif;font-size:1.2rem;color:var(--color-blu);letter-spacing:0.12em;margin-bottom:20px}
.e-p-txt,.e-a-txt{width:100%;text-align:center;}
.e-p-txt p,.e-a-txt p{font-size:1.45rem;letter-spacing:0.04em;margin: 0; padding: 50px 20% 260px 20%;}
.e-privati .e-p-img img,.e-aziendali .e-a-img img{}
.e-dividi{margin:0 auto;position:relative;width:90px;height: 1px;background:var(--color-blu);transition:all 0.35s ease-in-out;}
.e-privati:hover .e-p-img img,.e-aziendali:hover .e-a-img img{/*transform: scale(1.03);*/-webkit-filter: saturate(102%);filter: saturate(1.2);}
.e-privati:hover .e-dividi,.e-aziendali:hover .e-dividi{width:calc(100px + 10vw);}
.div-int:hover{background:var(--color-azz);}
.e-privati:hover ,.e-aziendali:hover {background:var(--color-azz);}
/*wandering*/
#h-wandering{background:var(--color-azz);background: linear-gradient(-90deg, rgba(226,237,255,1) 0%, rgba(244,247,252,1) 62%, rgba(244,247,252,1) 100%);padding:0px 0;z-index: 5;}
.w-flex{display:flex;flex-wrap:nowrap;justify-content: center;position: relative}
.w-foto{width:50%;height:calc(50vw / 1.5 + 10vh);position:relative; background: url("../images/home/langhe-italy.jpg") center center no-repeat;background-size:cover;margin-top: -80px } .w-mobile{display:none}
.w-txt1{width:50%;height:calc(50vw / 1.5  + 10vh - 80px);position:relative;padding:calc(10px + 6vw) 10vw 0px 75px;}
.w-txt1 p {margin-top:40px} .w-txt1 p span{display: block;font-family: 'gothambook', serif;}
.w-txt2{width:100%; padding: 50px 50% 50px 5vw} .w-txt2 p span{display:block;margin-top:30px;font-size:120%;line-height: 1.4;padding-right:20%}
.w-foto2{width:calc(35% + 10vh);height:calc(40vw / 1.4 + 5vh + 20px);background:url("../images/home/langhe-tour-enogastronomici.jpg")left center no-repeat;background-size:cover;position:absolute; margin-top:0px;right:0;top:0 } 
.dett-rett{width:100%;height:100%;position:absolute; background:var(--color-azz);z-index:2} 
.dett-rett-dx{width:100%;height:100%;position:absolute;right:0; background:var(--color-azz);z-index:2}
.dett-rett-white{width:100%;height:100%;position:absolute;left:0; background:#fff;z-index:2}
.dett-rett-white-dx{width:100%;height:100%;position:absolute;right:0;background:#fff;z-index:2}
.dett-rett-top{width:100%;height:100%;position:absolute;bottom:0; background:#fff;z-index:2}
.p-wandering{margin:150px 0;}

/*fashion*/
#h-fashion{display:flex;flex-wrap:nowrap; padding: 100px 10vw 60px 10vw}
.h-f-img{width:50%;position:relative;overflow: hidden }
.h-f-img-backg{width:100%;height:100%;position:relative; background:url("../images/home/fashion.jpg")center top no-repeat;background-size:cover;}
.h-f-txt{width:50%;padding:calc(10px + 4vw) 75px calc(10px + 4vw) 0} .h-f-txt h1{margin-top:3vw;margin-bottom:3vw}
/* h blog*/
#h-blog{display:flex;flex-wrap:nowrap; padding: calc(100px + 5vh + 20px + 5vw) 10vw 0px 10vw}
.h-b-img{width:50%;position:relative;overflow: hidden }
.h-b-img-backg{width:100%;height:100%;position:relative; background-size:cover;}
.h-b-txt{width:50%;padding:calc(10px + 4vw) 0vw calc(10px + 4vw) 75px} .h-b-txt h1{margin-top:3vw;margin-bottom:3vw}.h-b-txt h1 b{font-weight:400}
/*INSTAGRAM*/
/* h INSTAGRAM */
.h-instagram{width: calc(100% - 10vw);position:relative;margin:0 auto;padding-top:60px;padding-bottom:60px;text-align: center}
.h-instagram h1{}
.h-instagram h2{font-size:1.55rem;margin-top: 20px}.h-instagram h2 a{color:var(--color-black-70)}.h-instagram h2 a:hover{color:var(--color-oro)}
.h-instagram h2 span{margin-left:2%}

.h-cont-ig{width: 100%;margin:0;margin-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.h-cont-ig-img{width:calc(100vw / 6 - 3vw); height:calc(100vw / 6 - 3vw);margin:0;cursor: pointer}
.ig01{background:url("../images/instagram/ig-01.jpg") center center;background-size: cover}
.ig02{background:url("../images/instagram/ig-02.jpg") center center;background-size: cover}
.ig03{background:url("../images/instagram/ig-03.jpg") center center;background-size: cover}
.ig04{background:url("../images/instagram/ig-04.jpg") center center;background-size: cover}
.ig05{background:url("../images/instagram/ig-05.jpg") center center;background-size: cover}
.ig06{background:url("../images/instagram/ig-06.jpg") center center;background-size: cover}
/* footer */
.footer{text-align: center;padding-top:60px;padding-bottom:60px;}
.footer .loghino{margin: 0 auto;position:relative;display: block;width:100%;height:100px;margin-bottom:20px;} .footer .loghino img{width: auto;height: 100%;}
.footer h3, .footer p{font-family: 'gothambook', serif;font-weight: 500;font-size: 1.2rem;margin: 0;line-height: 1.9;position:relative;} .footer p{font-weight: 300; letter-spacing: 0.06em} .footer p.f-indirizzo-p{font-size: 1.0rem;} 
.footer p a, a[href^="tel:"] {color:var(--color-black);text-decoration: none!important}.footer p a:hover, a:hover[href^="tel:"] {color:var(--color-oro)}
.f-social-cont{width: 100%; margin: 10px auto 10px auto;text-align: center}
.f-social{
  position:relative;display: inline-block;
  width:50px;padding-bottom:50px;margin: 0.15vw;
}
.f-social h4{
  position:absolute;
  top:50%; left:50%;
  transform: translate(-50%, -50%);
  margin:0;width:50%; height: auto;opacity: 0.9;
	 -webkit-transition: -webkit-filter 0.2s ease-in-out;
  transition: -webkit-filter 0.2s ease-in-out;
  transition: filter 0.2s ease-in-out;
  transition: filter 0.2s ease-in-out, -webkit-filter 0.2s ease-in-out;
}
.f-social h4 img{width:100%;height: auto;margin-top: 10%}
.f-social h4.ist img{margin-top: 10%}.f-social h4.fb img{width:50%;}.f-social h4.yt img{width:120%;margin-left:-10% }.f-social h4.mail img{width:110%;margin-left:-5% }.f-social h4.pint img{margin-top:10%;width:80%;}
.f-social:hover{}.f-social:hover h4{opacity:1.0;}
.f-social h4:hover,.f-social h4:focus{ filter: invert(55%) sepia(78%) saturate(432%) hue-rotate(5deg) brightness(96%) contrast(95%);}
.fotoby{color:var(--color-black-90);font-size:95%!important;letter-spacing: 0.08em!important;display:block;margin-top:30px}
.f-indirizzo i{font-style: normal}

/*WORK*/
.work{text-align:center;position:relative;z-index:1;background:var(--color-azz);background: linear-gradient(-90deg, rgba(226,237,255,1) 0%, rgba(244,247,252,1) 62%, rgba(244,247,252,1) 100%);color:var(--color-black-80); padding:130px 0 100px 0;margin-bottom: 120px}
.work h1{display:block;position:relative;margin: 0 auto;font-size:3.0rem;line-height:1.4; font-weight:300;} 
.work h1 span{display:block} .work h1 em{font-style:normal} .work h1 b{font-weight:400;text-transform:uppercase;letter-spacing:0.08em;display:block;margin-top:8px;}
.work p {/*padding:20px 15% 0 15%;*/font-size: 1.6rem;padding-top:40px; margin: 0 auto; max-width: 1050px;}
.work p span{display:block;margin-top: 20px;font-style: italic} .wandering p span i{text-transform:uppercase;display:block;font-style:normal;}

.h-work{display:flex;flex-wrap:nowrap;width:100%;align-items:stretch;padding:0 10vw calc(2vw + 30px) 10vw;}
.h-work-img{flex-basis:50%;padding-left:2px;display: flex;position: relative;}
.h-work-img img{ object-fit:cover;height: 100%;width: 100%;;}
.h-work-txt{flex-basis:50%;padding-right:2%;}
.h-work-txt h1{font-size:2.8rem;margin-bottom:30px;padding-top:calc(0.0vw + 10px)}
.h-work-txt p{line-height: 1.7;}
.h-work-txt p br{line-height: 1!important; display: block; margin: 4px 0;}
.h-workDX .h-work-img{padding-right:2px;padding-left:0%;} .h-workDX .h-work-txt{padding-right:0%;padding-left:4%;}
.link-btn-w{margin-top:calc(8px + 2vw)!important;}

.dicono .h-work-txt {padding-right:4%;}.dicono.h-workDX .h-work-txt {padding-right:0%;padding-left:0%;}
.dicono .h-work-txt p i{color:var(--color-black-60);font-size:90%}
.dicono .h-work-txt p a:hover{color:var(--color-oro);}
.dicono .h-work-txt p em{color:var(--color-blutxt);font-size:100%}
.recensioni{position:relative;display:block;padding:calc(2vw + 30px) 10vw calc(2vw + 30px) 10vw;background:var(--color-azz);background: linear-gradient(-90deg, rgba(226,237,255,1) 0%, rgba(244,247,252,1) 62%, rgba(244,247,252,1) 100%);margin:50px 0 40px 0}
.recensioni article{border-bottom: 1px solid rgba(0,0,0,0.2); margin-bottom:30px;padding-bottom:15px;}.recensioni article:last-child{padding-bottom:0px;border-bottom:none}
.recensioni p {}
.recensioni p.rec-nome {font-family: 'gothambook', serif;font-size:130%;opacity:0.8} .recensioni p.rec-nome b{font-weight:600;margin-right: 5px}
.recensioni p .stelle{display:block; margin-top:6px} .recensioni p .stelle img{width:0.9vw;height:auto;} .recensioni p .stelle strong{opacity:1.0;margin-left: 10px}
.recensioni p.rec-txt{margin-top:-6px!important;line-height: 1.5} .recensioni p.rec-txt b{display:block;margin-bottom:6px}
.recensioni p a:hover{color:var(--color-oro);}

/*COOKIE*/
.biscotto{position: fixed;top:auto!important; bottom: 0px!important;z-index:10000!important;
	background-color: rgba(255,255,255,1.0);font-weight:300;padding:16px 3% 16px 3% !important;letter-spacing: 0.08em;display:none;
	text-align:left!important;line-height:30px; width:calc(100% - 6%)!important;max-width:400px;font-family: essonnes-display, serif; overflow: hidden;right: 0;
-webkit-box-shadow: -5px -6px 16px -6px rgba(0,0,0,0.49); 
box-shadow: -5px 16px 10px 0px rgba(0,0,0,0.10);}
.biscottotxt {margin: 0 auto;}
.biscotto h5{font-size:1.4rem;font-weight:400;color:var(--color-blutxt)!important;letter-spacing: 0.04em;}
.biscotto p{font-size:1.0rem!important;font-family: 'gothambook', serif;}

.biscotto p a {color:var(--color-oro)!important;white-space: nowrap;} .biscotto p a:hover {color:var(--color-oro-dark)!important}
.coo-puls {padding: 10px 0; margin-top: 14px; text-align: center;font-size: 0!important;}
.biscotto .coo-puls .coo-accetto,.biscotto .coo-puls .coo-rifiuto{font-family: 'gothambook', serif;text-transform: uppercase;font-weight:400;
border: 1px solid var(--color-oro)!important; color:var(--color-black-70)!important; margin: 0 0px;transition:all 0.25s ease-out;
line-height:35px !important;text-align:center;padding:5px 0px;display: inline-block;text-decoration:none;font-size:0.9rem; width:calc(50% - 4px - 0px - 0.5rem);} 
.biscotto .coo-puls .coo-accetto{margin-right: 0.5rem;}.biscotto .coo-puls .coo-rifiuto{margin-left: 0.5rem}
.biscotto .coo-puls .coo-accetto:hover,.biscotto .coo-puls .coo-rifiuto:hover{background-color: var(--color-blu)!important;border: 1px solid var(--color-blu)!important;color: #fff!important;cursor: pointer!important;}
.avviso-cook{width: 100%; display: block; text-align: center; padding: 20px 0; letter-spacing: 0.05em; color: #777777; font-size: 14px}
.sparisci{opacity:0.5;z-index:-1!important;display: none!important}

/*privacy*/
.privacy{margin-top:calc(((100vw / 4) / 1.68) - 155px - 0px);}
.privacy-txt{padding:50px 25vw 0 25vw;} .privacy-txt h1{font-size:2.3rem;line-height: 1.3} 
.privacy-txt h2{font-size:1.8rem;font-family: essonnes-display, serif;color: var(--color-blutxt);letter-spacing:0.0em;padding: 0; margin:30px 0 0; line-height: 1.3}
.privacy-txt h3{margin:20px 0 0;font-family: 'gothambook', serif;font-weight: 600;color:#000}
.privacy-txt p{font-size: 1.1rem;font-family: 'gothambook', serif;}
.privacy-txt p b{font-weight: 600;color:#494949; display:block;position: relative; margin: 10px 0}.privacy-txt p strong{font-weight:600;}
.privacy-txt ul{font-size: 1.1rem;font-family: 'gothambook', serif;} .privacy-txt li{ margin: 10px 0;line-height: 1.6}
/*MEDIA*/
@media screen and (min-width: 1921px) {
	.topnav ul li {font-size: 1.00rem;}
	.topnav ul li ul li a {font-size:1.00rem;}
}
@media screen and (max-width: 1440px) {
	#navbarra{height:105px;}
	.vetrina{height:calc(100% - 105px)}.vetrina-rett{height:calc(100% - 105px);}#stickyalias {height:105px;}
	/*.slideshow{height:calc(100% - 105px);}*/
	
	.vetrina{background-size: cover}
	.motto{width:100%;max-width:1100px; padding: 110px 180px;}
	.motto h1{font-size:4.6rem;margin-bottom:35px}.motto h1 span{margin-left:8px}
	.motto h2{font-size:2.2rem;;margin-top:35px;}
	.motto p{font-size: 1.45rem;padding: 0 2em;} 	
	.cont-claire{padding:0 0 0 calc(50vw - 20vw);}
	.claire-foto{width:30vw;}
	.claire-txt{width:calc((50vw + 10vw) - 20vw - 0px);padding: 45px 10% 45px 75px;}

	#h-matrimoni .matrimoni-txt{width:calc(50vw - 0vw);}
	#h-matrimoni .matrimoni-foto{width:calc(50vw + 0vw);}
	.funfact-img img{max-width:70vw;}.gallery-cell {height:48vw}
	.w-foto2{height:calc(40vw / 1.4 + 10vh + 20px);}
	
	.work{padding:100px 0 70px 0;margin-bottom:90px}
	.h-work{padding:0 5vw calc(2vw + 30px) 5vw;}
	.recensioni{padding:calc(2vw + 30px) 5vw calc(2vw + 30px) 5vw;margin:50px 0 40px 0} .recensioni p .stelle img{width:1.2vw;}
	
}
@media screen and (max-width: 1366px) {
	.e-p-txt p,.e-a-txt p{padding: 50px 15% 260px 15%;}
	.w-foto2{margin-top: 5vw;} 
}	
@media screen and (max-width:1194px) {
	#navbarra{opacity: 0; z-index: 99998!important}	
	
	.topnav ul {background:var(--color-blu);visibility:hidden;opacity:1;-webkit-transition:opacity 300ms, visibility 300ms;transition: opacity 300ms, visibility 300ms;	 
  -webkit-transition: 0.5s; transition: 0.5s;
  -webkit-transform: scale3d(0, 1, 0);
          transform: scale3d(0, 1, 0); transform-origin: left; 			display:flex;flex-wrap:wrap;	height: 100vh; 
	}
	  /*.topnav a:not(:first-child) {display: none;}*/
  .topnav a.icon {display: block;position:absolute;right:calc(5% + 50px + 4px);top:50px;/*top:calc((100vw / 3) / 1.68 - 100px)*/;height:50px;width:50px;background:var(--color-blu);z-index: 99999!important;}
  .topnav.responsive {height: 100vh!important;}
  .topnav.responsive .icon {position:absolute;}
	
  nav{position:absolute;top:inherit;transform:none;width:100%;right:0%;z-index:0!important;right:101vw; transition: right 0.5s}
	#navbarra.responsive nav{right: 0}
  .topnav.responsive ul {
  position: relative;
  display: flex; flex-wrap:wrap;
  flex: 1 1 auto;
  margin: 0;
  padding: 0px 0px;
  list-style-type: none;visibility: visible;opacity: 1; width:100%;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);
	  
	  display: block
}
	
  .topnav ul li {
    float: none;position: relative;font-family: 'gothambook', serif;letter-spacing: 0.1em; 
    display: block;flex: none!important;width: 100%;/*height:calc((100vh - (7vh * 8) ) / 6 - 0.6vh); */
    text-align: center!important;margin-right:0;padding:0px;font-size:2.5rem;/*line-height:calc((100vh - (7vh * 8) ) / 6 );*/border-top: 1px solid rgba(255,255,255,0.1); 
	 height: calc((100% / 7) );line-height:14vh
}   	
	.topnav ul li:nth-child(1){border-top:none;}
	.topnav ul li a{color:#fff;width:100vw;display: block; }
	.topnav ul li ul {margin: 12px 15px;padding:0; background:none;}
	.topnav ul li.sottomenu{/*height:calc(((100vh - (7vh * 8) ) / 6 ) + (7vh * 5))!important;*/		}
	.topnav.responsive ul li.sottomenu{/*height:calc(((100vh - (7vh * 8) ) / 6 ) + (7vh * 5))!important;*/}
	.topnav.responsive ul li ul {/*display:block;visibility:visible;opacity:1;position:absolute;*/position:relative;width:100vw; botton:0!important; 
		visibility:hidden;opacity:0;height: 0;transition: all 0.3s; /*padding:3vh 0*/	} 
	
	.topnav.responsive ul li ul li {height:7vh;line-height:7vh;margin:0;background:rgba(205,255,255,.03)!important;width:100vw;letter-spacing:0.08em;font-style:italic;font-family: essonnes-display, serif; padding: 0}
	.topnav.responsive ul li ul li a{font-size:2.4rem;color:rgba(255,255,255,0.9);font-weight:300;}
	
	.topnav ul li.sottomenu2{/*height:calc(((100vh - (7vh * 8) ) / 6 ) + (7vh * 2))!important;*/	}
	.topnav.responsive ul li.sottomenu2{/*height:calc(((100vh - (7vh * 8) ) / 6 ) + (7vh * 3))!important;*/}
	
	/*new*/
	.topnav.responsive ul li.sottomenu2 ul.menu2Open{position:relative;display:block;visibility:visible;opacity:1;height:auto;}
	.topnav.responsive ul li.sottomenu ul.menu1Open{position:relative;display:block;visibility:visible;opacity:1;height:auto;}
	.topnav.responsive ul li.sottomenu2.menu2h,.topnav.responsive ul li.sottomenu.menu2h{height:auto;}
	
	
	
	/* LINGUA */	
#app-cover{position:absolute;right:5%;/*top:5%;*/width:50px;height:50px;font-family: 'gothambook', sans-serif; 		top:50px}.l-desktop{display:none} .l-mobile{display:block}
#select-button{width:50px;height:50px;padding: 0px 0px;margin-top:0px;border-radius:0px;}
#selected-value{font-size:2.0rem;line-height:50px;}
.option, .label{color:#fff; font-size:1.5rem;}
.options{position: absolute;left: 0;width:100%;height:50px;}
#options{position: absolute;top:calc(50px + 10px);right:0;left:0;background:var(--color-blu);margin:0 auto;width:50px;}	

	#logo{background-size: calc(100vw / 3 - 11vw);width:calc(100vw / 3);height:calc((100vw / 3) / 1.68);left:calc(-100vw / 3); }
#navbarra{background:none; width:100%;/*height:100vh;*/height:0;position:absolute;z-index:4}	
	.vetrina{width:100%;height:calc(100% - 0px);position: relative;}
	.vetrina-rett{width:100%;height:calc(100% - 0px);position:absolute;}   .h-social{display:none}
	.vetrina h1{bottom:6%;right:8%;font-size:4.4vw;} 
	.slideshow{height:calc(100% - 0px);/*top: -9px;*/top:0px;}
	.slideshow li:nth-child(1) span { background-image: url("../images/home/vetrina/ipad/claire-maggiora-events-wedding-planner.jpg"); }
	.slideshow li:nth-child(2) span { background-image: url("../images/home/vetrina/ipad/claire-maggiora-events-matrimonio.jpg");}
	.slideshow li:nth-child(3) span { background-image: url("../images/home/vetrina/ipad/claire-maggiora-events-langhe-piemonte.jpg");}
	
	
	.topnav ul li{visibility:hidden; opacity:0;-webkit-transition: opacity 400ms, visibility 400ms;transition: opacity 400ms, visibility 400ms; }
	.topnav ul li.show{visibility: visible; opacity:1;  -webkit-transition-delay: 0.55s;transition-delay: 0.55s;}
	/*.topnav ul li:nth-child(1){-webkit-transition-delay: 0.85s; transition-delay: 0.85s;}*/
	.topnav ul li:hover {background:rgba(205,255,255,.03)} .topnav ul li ul li a:hover {background:rgba(205,255,255,.08)}
	/*fixed*/
#navbarra.navbar-fixed-top {
  position: fixed !important; z-index:11!important;display: block; height:0px;
  top:0;left:0px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; opacity: 0;background:rgba(255,255,255,0)
}
#navbarra.navbar-fixed-top.topnav ul{height:0vh;}
#navbarra.navbar-fixed-top.topnav ul li {font-size:2.5rem;}
#navbarra.responsive.navbar-fixed-top {background:var(--color-blu);}
	#navbarra.navbar-fixed-top #app-cover{display:none} 
	#navbarra.navbar-fixed-top.topnav a.icon {right:0px;top:0px;-webkit-transition: all .2s;transition: all .2s ease-in-out;}
	#navbarra.responsive.navbar-fixed-top.topnav a.icon {right:20px;top:20px;}

#logo.navbar-fixed-logo{display:none}
#stickyalias {display: none;height:0px;} 
/*	@keyframes SHW {
    from {
        top:-80px;
        opacity:0
    }
    to {
        top:0;
        opacity:1
    }
}*/
	/*---*/
	.motto{padding: 110px 10vw;}
	.motto h1{font-size:5.5vw;margin-bottom:35px}.motto h1 span{margin-left:9px}
	.motto h2{font-size:2.2vw;margin-top:35px;}
	.motto p{font-size:1.5vw;padding: 0 11vw;}
		h1{font-size:3.5vw;}
		h2{font-size:1.4vw;margin-bottom:4vw;}
		p{font-size:1.6vw;}
		a.link-btn{font-size:1.1vw;margin-top:70px;}
	.footer h3, .footer p{font-size: 1.5rem;letter-spacing: 0.08em} .footer p.f-indirizzo-p{font-size: 1.3rem;} 
	.h-instagram h2{font-size:1.85rem;margin-top:20px}.h-instagram h2 span{margin-left:0%} .fotoby{font-size:1.5rem!important;}
	.footer{padding-bottom:100px;}
	
	#h-claire{padding-bottom:100px }
	.cont-claire{padding:0 0 0 calc(50vw - 30vw);}
	.claire-foto{width:30vw;}
	.claire-txt{width:calc((50vw + 20vw) - 20vw - 0px);padding: 45px 10% 45px 75px;} .claire-txt p{font-size:1.6vw;}
	.claire-foto2{width:calc(50vw - 75px);height:calc((50vw - 75px) / 1.5 + 8vw);top:-20px;}.claire-tit{width:100vw;padding:90px 0 90px 50%;position:relative }
	.claire-foto2 img{max-width:100%; max-height: 100%;object-fit:cover;}
	.funfact-img img{max-width:70vw;}.gallery-cell {height: calc(50vw / 0.66)}
	.btn-next .btn-arrow,.btn-prev .btn-arrow{width:0.8vw;height:1.125vw;transform:translateX(-0.4vw)}.btn-prev .btn-arrow{transform:translateX(-0.8vw) rotate(180deg);}
	#h-eventi{padding-top:120px;}
	.e-p-tit,.e-a-tit{width:calc(100px + 15vw);}
	.e-p-tit h2,.e-a-tit h2{font-size:2.2vw;}
	.e-p-tit h3,.e-a-tit h3{font-size:1.2vw;margin-bottom:20px}
	.e-p-txt p,.e-a-txt p{font-size:1.6vw;padding: 50px 14% 200px 14%;}
	.w-txt1{width:50%;height:calc(50vw / 1.5  + 10vh - 80px);padding:calc(10px + 6vw) 5vw 0px 75px;}
	.w-txt2{ padding: 50px 50% 60px 5vw}
	.w-foto2{width:calc(50% + 0vw - 75px);height:calc(40vw / 1.4 + 5vh + 30px + 11vw);right:0;top:inherit; bottom:-30px}

	#h-blog{display:flex;flex-wrap:nowrap; padding: calc(100px + 0px) 0vw 60px 0vw}
	.h-b-img{width:60vw;height: calc(60vw / 1.2);position:relative;overflow: hidden;margin-top:10vw;z-index:1}
	.h-b-img-backg{width:100%;height:100%;}
	.h-b-txt{width:80%;padding:calc(10px + 4vw) 0 calc(10px + 4vw) 0;margin-left: calc(-0px - 10vw);margin-top: calc(60vw / 1.2 - 30vw);z-index:2 }
	.h-b-txt-cont{background:var(--color-azz);background: linear-gradient(15deg, rgba(226,237,255,1) 0%, rgba(244,247,252,1) 96%);margin:0!important;overflow:hidden;padding:9vw;margin-top:calc(15px + 3rem)!important}
	
	#h-fashion{display:flex;flex-wrap:nowrap; padding: calc(0px + 0px) 0vw 60px 0vw}
	.h-f-img{width:60vw;height: calc(60vw / 1.2);position:relative;overflow:hidden;margin-left: calc(-0px - 10vw);z-index:0}
	.h-f-img-backg{width:100%;height:100%;}
	.h-f-txt{width:calc(80vw + 0vw);padding:calc(10px + 4vw) 0 calc(10px + 4vw) 0;/*margin-top: calc(60vw / 1.2 - 30vw);*/z-index:3 }
	.h-f-txt-cont{background:var(--color-azz);background: linear-gradient(15deg, rgba(226,237,255,1) 0%, rgba(244,247,252,1) 96%);margin:0!important;overflow:hidden;padding:9vw;/*margin-top:calc(15px + 3rem)!important*/margin-top:calc(200px + 3rem)!important;}

	.work{padding:240px 5% 100px 5%;font-size:3.5vw;} .work h1{text-align:right}
	.h-work{padding:0 5vw calc(2vw + 30px) 5vw;}
	.h-work-img{flex-basis:50%;padding-left:2px;}.h-work-txt{flex-basis:50%;padding-right:4%; padding-top:3vw}
	
	.recensioni{padding:calc(2vw + 30px) 5vw calc(2vw + 30px) 5vw;margin:50px 0 40px 0}.recensioni p .stelle img{width:1.5vw;}
	.recensioni p.rec-nome {font-size:170%}
	
	.dicono{position:relative;flex-wrap:wrap;margin-top:60px;z-index:3!important}.dicono1{margin-top:-160px;}
	.dicono .h-work-txt h1{font-size:5vw;margin-top:0px;line-height:1.3}.dicono .h-work-txt p{margin-top:0px;}
	.dicono .h-work-img{flex-basis:50%;padding-left:0%;padding-right:0%;margin-top:0px; order:1;}
	.dicono .h-work-txt{flex-basis:100%;padding-right:0%;padding-left:0%; padding-bottom:0px;order:2;}
	
	/*privacy*/
.privacy{margin-top:0 ; padding-top:calc(((100vw / 3) / 1.68)  ); display:block;position:relative}
.privacy-txt{padding:50px 5vw 0 5vw;} .privacy-txt h1{font-size:3vw;} 
.privacy-txt h2{font-size:1.9vw;}.privacy-txt h3{font-size: 1.4vw;}.privacy-txt p{font-size: 1.3vw;}.privacy-txt ul{font-size: 1.3vw;}
}
@media screen and (max-width:900px) {
	.topnav a.icon {right:calc(5% + 50px + 4px);}
	#logo{width:calc(100vw / 3 + 40px);height:calc((100vw / 3) / 1.68 + 40px);background-size: calc(100vw / 3 - 5vw);left:calc(-100vw / 3 - 41px);}
	.vetrina h1{bottom:5%;right:8%;font-size:5.5vw;} 
	.slideshow li:nth-child(1) span { background-image: url("../images/home/vetrina/verticale/claire-maggiora-events-wedding-planner.jpg"); }
	.slideshow li:nth-child(2) span { background-image: url("../images/home/vetrina/verticale/claire-maggiora-events-matrimonio.jpg");}
	.slideshow li:nth-child(3) span { background-image: url("../images/home/vetrina/verticale/claire-maggiora-events-langhe-piemonte.jpg");}
	.motto{padding: 110px 6vw;}
	.motto h1{font-size:6.2vw;}
	.motto h2{font-size:2.7vw;margin-top:35px;}
	.motto p{font-size:2.0vw;padding: 0 4vw;}
			h1{font-size:5.0vw;}
			h2{font-size:2.0vw;margin-bottom:4vw;}
			p,.claire-txt p{font-size:2.1vw;}
			a.link-btn{font-size:1.4vw;margin-top:6vw;}
			.footer h3, .footer p{font-size:1.8vw;letter-spacing: 0.08em}.footer p.f-indirizzo-p{font-size: 1.6rem;}  .h-instagram h2{font-size:2.3vw;}
	
	#h-claire{padding-bottom:100px;background: linear-gradient(-90deg, rgba(226,237,255,1) 0%, rgba(244,247,252,1) 96%);}
	.cont-claire{padding:0 0 0 calc(0vw - 0vw);}
	.claire-tit{width:100vw;padding:90px 0 90px 10vw;}
	.claire-foto{width:45vw;margin: 0}	.claire-foto2{display: none}
	.claire-txt{width:calc((55vw + 0vw) - 9% - 0px);padding: 3vw 0% 45px 70px;} 
	
	#h-matrimoni{flex-wrap:wrap;}
	#h-matrimoni .matrimoni-txt{width:calc(100vw - 0vw);padding:90px 10vw 70px 10vw;order:2}
	#h-matrimoni .matrimoni-txt h1{margin-top:3vw;margin-bottom:3vw}
	#h-matrimoni .matrimoni-foto{width:calc(100vw + 0vw);align-self:flex-start;order:1}
		.funfact-img img{max-width:100vw;}.gallery-cell {height: calc(100vw / 1.48)}
	.btn-next,.btn-prev {right:5vw;bottom:-4.0vw;width:12vw!important;height:8vw;}.btn-prev {right:calc(5vw + 12vw + 15px);}
	.btn-next .btn-arrow,.btn-prev .btn-arrow{width:1.2vw;height:1.125vw;transform:translateX(-0.6vw)}.btn-prev .btn-arrow{transform:translateX(-1.2vw) rotate(180deg);}

.e-organizza{width:100%;max-width:70vw; padding: 60px 20px;}.e-organizza h1{}
.e-ev-flex{display:flex;flex-wrap:wrap;}
.e-privati,.e-aziendali{width:100%;}
	.e-p-tit,.e-a-tit{width:50vw;}
	.e-p-tit h2,.e-a-tit h2{font-size:4.0vw;}
	.e-p-tit h3,.e-a-tit h3{font-size:2.0vw;margin-bottom:20px}
	.e-p-txt p,.e-a-txt p{font-size:2.2vw;padding: 50px 14% 200px 14%;} .e-p-txt p{padding-bottom: 100px} a.link-btn-cc{display:block;font-size:1.4vw;}
	
	#h-wandering{background: linear-gradient(-90deg, rgba(226,237,255,1) 0%, rgba(244,247,252,1) 96%);padding:0px 0;z-index: 5;}
.w-flex{display:flex;flex-wrap:wrap;justify-content: center;position: relative}
.w-foto{width:50%;height:calc(50vw / 1.5 + 10vh);position:relative; background: url("../images/home/langhe-italy.jpg") center center no-repeat;background-size:cover;margin-top: -80px }
.w-txt1{width:50%;height:calc(50vw / 1.5  + 10vh - 80px);position:relative;padding:calc(10px + 6vw) 10vw 0px 75px;}
.w-txt1 p {display: none} 
.w-txt2{width:100%; padding: 50px 10vw 50px 10vw} .w-txt2 p span{display:block;margin-top:30px;font-size:120%;line-height: 1.4;padding-right:20%}
	.w-mobile{display: block}  p.w-mobile i{display: block;font-family: 'gothambook', serif;font-style:normal;}
.w-foto2{width:calc(100vw + 0vh);height:calc(100vw / 1.4);background:url("../images/home/langhe-tour-enogastronomici.jpg")left center no-repeat;position:relative; margin-top:0px;right:0;top:0 } 
	
	#h-blog{display:flex;flex-wrap:nowrap; padding: calc(100px + 0px) 0vw 60px 0vw}
	.h-b-img{width:60vw;height: calc(60vw / 1.2);position:relative; margin-top: 60vw;z-index:2 }
	.h-b-img-backg{width:100%;height:100%; background-size:80vw!important;}
	.h-b-txt{width:100%;padding:calc(10px + 4vw) 0 calc(10px + 4vw) 0; margin-top: -10vw;margin-left: calc(-260px - 10vw);z-index:1 }
	.h-b-txt-cont{padding:9vw;margin-top:calc(15px + 3rem)!important}
	
	#h-fashion{display:flex;flex-wrap:nowrap; padding: calc(10px + 0px) 0vw 60px 0vw}
	.h-f-img{width:60vw;height: calc(60vw / 1.2);position:relative;margin-top: 60vw;margin-left: calc(0px - 0vw);z-index:2;order:1 }
	.h-f-img-backg{width:100%;height:100%;}
	.h-f-txt{width:100%;padding:calc(10px + 4vw) 0 calc(10px + 4vw) 0; margin-top: -10vw;margin-left: calc(-260px - 0vw);z-index:1;order:2}
	.h-f-txt-cont{padding:9vw;margin-top:calc(15px + 3rem)!important}	
	
	
	.btn-fashion{float:right!important;margin-right: 2vw}
	.work{padding:250px 5% 80px 5%;background: linear-gradient(-90deg, rgba(226,237,255,1) 0%, rgba(244,247,252,1) 96%);}.work h1{font-size:5.0vw;}
	.h-work-txt{padding-top:0vw} .h-work-txt h1{font-size:5.0vw;} 
	.p-wandering{margin:150px 0 50px 0;}
	
	.recensioni{margin:20px 0 40px 0}.recensioni p .stelle img{width:1.8vw;}
	.recensioni p.rec-nome {font-size:190%}
	.dicono{margin-top:60px;}.dicono1{margin-top:-120px;}
	.dicono .h-work-txt h1{font-size:7vw;margin-top:25px;}
	.dicono .h-work-img{flex-basis:80%;padding-left:0%;padding-right:0%;margin-top:0px; order:1;}
	.dicono .h-work-txt{flex-basis:100%;padding-right:0%;padding-left:0%; padding-bottom:0px;order:2;}
	
/*privacy*/
.privacy{padding-top:calc(((100vw / 3) / 1.68) + 40px );}
.privacy-txt{padding:50px 5vw 0 5vw;} .privacy-txt h1{font-size:3.8vw;} 
.privacy-txt h2{font-size:2.5vw;}.privacy-txt h3{font-size: 2.0vw;}.privacy-txt p{font-size:1.8vw;}.privacy-txt ul{font-size: 1.8vw;}
}
@media screen and (max-width:600px) {
	.boby-azz{}

	#logo{width:calc(100vw / 1 );height:calc((100% / 3) / 1.68 + 20px); background-size:calc(100% / 3 + 60px);left:0;	top:calc(-1px - (100% / 3) / 1.68 - 100px); /*opacity: 0.5*/}
	.vetrina{width:100%;height:calc(100% - ((100% / 3) / 1.68 + 55px));margin-top:calc((100% / 3) / 1.68 + 20px)}
	.vetrina h1{bottom:2%;right:inherit;width: 100vw; font-size:7.8vw;text-align: center} .vetrina h1 i{margin-top:6px} 

	.logoopen{display: none} 
	.vetrina-rett{bottom:inherit;top:0;} .slideshow{/*top:-6px;*/top:0px;} 
	.slideshow li:nth-child(1) span { background-image: url("../images/home/vetrina/cell/claire-maggiora-events-wedding-planner.jpg");background-position: bottom center}
	.slideshow li:nth-child(2) span { background-image: url("../images/home/vetrina/cell/claire-maggiora-events-matrimonio.jpg");background-position: bottom center}
	.slideshow li:nth-child(3) span { background-image: url("../images/home/vetrina/cell/claire-maggiora-events-langhe-piemonte.jpg");background-position: bottom center}

	.topnav a.icon {top:calc((var(--app-height) / 3) / 1.68 + 20px + 30px);right:calc(5% + 0px + 0px);transition:all 0.35s ease-in-out ;}
	.topnav a.icon.m-op{top:0px;right:0;transition:all 0.35s ease-in-out} 
	.topnav a.icon.m-opNO{right:5%;}
	#app-cover{position:absolute;right:5%;top:calc((var(--app-height) / 3) / 1.68 + 20px + 30px + 50px + 10px);width:50px;height:50px;transition:all 0.35s ease-in-out ; }
	#select-button,#selected-value{transition:all 0.35s ease-in-out 0.2s;}
	.topnav {position: absolute; top: 0;}.topnav.responsive {position: fixed!important; top: 0;}		
	/*.topnav ul {height:var(--app-height);}*/
	.topnav.responsive a.icon {top:0%;height: calc((var(--app-height) - (5vh * 8) ) / 6 ); }
	.topnav.responsive #app-cover {top:calc(0% + ((var(--app-height) - (5vh * 8) ) / 6 ) + 1px);height:calc((var(--app-height) - (5vh * 8) ) / 6 );}
	.topnav.responsive #select-button{height:calc((var(--app-height) - (5vh * 8) ) / 6 );} 
	.topnav.responsive #selected-value{font-size:3.0vw;line-height:calc((var(--app-height) - (5vh * 8) ) / 6 );}	
	/*.topnav ul li {height:calc((var(--app-height) - (5vh * 8)  ) / 6 ); font-size:2.2vh;line-height:calc((var(--app-height) - (5vh * 8) ) / 6 );border-top: 1px solid rgba(255,255,255,0.1);}	
	.topnav.responsive ul li.sottomenu{height:calc(((var(--app-height) - (5vh * 8)  ) / 6 ) + (5vh * 5))!important;}
	.topnav.responsive ul li.sottomenu2{height:calc(((var(--app-height) - (5vh * 8) ) / 6 ) + (5vh * 3))!important;}
	.topnav.responsive ul li ul li {height:5vh;line-height:5vh;font-style:normal;} .topnav.responsive ul li ul li a{font-size:2.0vh;font-style:italic;font-family: essonnes-display, serif;}*/
	
	.topnav ul li { font-size:5.0vw;}.topnav.responsive ul li ul li {}
	.topnav.responsive ul li ul li a{font-size:5.3vw;}
	
	#navbarra.responsive.navbar-fixed-top.topnav a.icon {right:20px;top:0px;}
	
	.motto{padding: 70px 6vw;}
	.motto h1{font-size:11.0vw;line-height:1.3}
	.motto h2{font-size:4.9vw;margin-top:35px;}
	.motto p{font-size:3.8vw;padding: 0 11vw;}
			h1{font-size:10.0vw;padding-bottom:6vw}
			h2{font-size:3.2vw;margin-bottom:10vw;line-height: 1.8}
			p,.claire-txt p{font-size:5.0vw;}
			a.link-btn{font-size:3.0vw;margin-top:12vw;}
			.footer h3, .footer p{font-size:2.3rem;}.footer p.f-indirizzo-p{font-size: 1.9rem;} .h-instagram h2{font-size:5vw;margin-top:10px} .fotoby{font-size:2.3rem!important;}

	.claire-tit{width:100vw;padding:90px 10vw 35px 10vw;}
	.claire-foto{width:90vw;margin:5vw}
	.claire-txt{width:calc(100vw + 0vw);padding: 0 5vw 0px 5vw;} 
	.gallery-cell {height: calc(100vw / 1)}
	.btn-next,.btn-prev {right:5vw;bottom:-7.5vw;width:20vw!important;height:15vw;}.btn-prev {right:calc(5vw + 20vw + 10px);}
	.btn-next .btn-arrow,.btn-prev .btn-arrow{width:1.8vw;height:3.6vw;transform:translateX(-0.9vw)}.btn-prev .btn-arrow{transform:translateX(-1.8vw) rotate(180deg);}
	#h-matrimoni .matrimoni-txt{padding:70px 10vw 70px 10vw;order:2}
	#h-eventi{padding-top:70px;}
	.e-organizza{width:100%;max-width:100vw; padding: 20px 5vw 0px 5vw;}.e-organizza h1{margin: 0; line-height:1.6}
		.e-p-tit,.e-a-tit{width:80vw;;margin-top:-70px;}
	.e-p-tit h2,.e-a-tit h2{font-size:8.0vw;}
	.e-p-tit h3,.e-a-tit h3{font-size:4.5vw;margin-bottom:15px}
	.e-p-txt p,.e-a-txt p{font-size:5.0vw;padding: 50px 7vw 100px 7vw;} .e-p-txt p{padding-bottom: 100px} 
	a.link-btn-cc{display:block;font-size:3.0vw;margin-top:10vw}a.link-btn-cc::before{margin-bottom:3vw;}
	.e-p-img,.e-a-img{width:100%;height:100vw;}.e-p-img img,.e-a-img img{max-width:inherit;max-height:inherit;width:100%;height:100%;object-fit:cover;}
	#h-claire{background: linear-gradient(-90deg, rgba(235,243,255,1.00) 0%, rgba(244,247,252,1) 96%);}
	#h-wandering{background: linear-gradient(-90deg, rgba(235,243,255,1.00) 0%, rgba(244,247,252,1) 96%);}
	.w-flex{display:flex;flex-wrap:wrap;justify-content: center;position: relative}
	.w-foto{width:100vw;height:calc(100vw / 1.5 + 10vh);margin-top: 0px }
	.w-txt1{width:100vw;height:auto;padding:calc(10px + 11vw) 10vw 0px 10vw;}

	.w-txt2{width:100%; padding:0px 10vw 50px 10vw} .w-txt2 p span{display:block;margin-top:30px;font-size:120%;padding-right:0%}
	p.w-mobile i{font-size:4.3vw;margin-bottom:2vw}
	.w-foto2{height:calc(100vw / 1.4);background-size: cover} 
	
	#h-blog{flex-wrap:wrap; padding: calc(60px + 0px) 0vw 60px 0vw}
	.h-b-img{width:100vw;height: calc(100vw / 1.2);margin-top:0vw;margin-left:0vw; order:2}
	.h-b-img-backg{background-size:125vw!important;}
	.h-b-txt{width:100vw;padding:calc(10px + 4vw) 0 calc(10px + 4vw) 0; margin:0vw;order:1 }
	.h-b-txt-cont{padding:9vw;margin-top:0!important;background:#fff;}
	#h-fashion{flex-wrap:wrap; padding: calc(0px + 0px) 0vw 60px 0vw}
	.h-f-img{width:100vw;height: calc(100vw / 1.2);margin-top:0vw;margin-left:0vw; order:2}
	.h-f-img-backg{ background:url("../images/home/fashion.jpg")center top no-repeat;background-size:cover;}
	.h-f-txt{width:100vw;padding:calc(10px + 4vw) 0 calc(10px + 4vw) 0; margin:0vw;order:1 }
	.h-f-txt-cont{padding:9vw;margin-top:0!important;background:#fff;}
	.btn-fashion{float:left!important;margin-right:0vw}	
	.footer{padding-top:40px;padding-bottom:60px;}.footer .loghino{margin-bottom:30px;} /*.footer.foo-zero{padding-top:calc(40px + 10vw);}*/
	p.f-indirizzo {} .f-indirizzo i{display:none}.f-indirizzo span i{display:block;height: 0!important;opacity:0}.f-indirizzo a{display:block}
	
	.work{margin-bottom:0px;padding-bottom:50px}.work h1{text-align:left;font-size:9.0vw;} .work h1 em{display:block;margin-top:-2vw} .work h1 br{line-height:0;display:none}
	.link-btn-w{margin-top:calc(15px + 4vw)!important;}
	.h-work{flex-wrap:wrap;padding:0 0vw 0 0vw;}.h-work-txt h1{font-size:10vw;margin-top:40px;margin-bottom:0px;line-height:1.3}.h-work-txt p{margin-top:0px;}
	.h-work-img,.h-workDX .h-tend-img{flex-basis:100%;padding-left:0px;padding-right:0%;margin-top:0px}
	.h-work-txt,.h-workDX .h-work-txt{flex-basis:100%;padding-right:5%;padding-left:5%; padding-bottom:70px}
	.rett1 .h-work-img,.rett3 .h-work-img,.rett5 .h-work-img{order:1;} .rett1 .h-work-txt,.rett3 .h-work-txt,.rett5 .h-work-txt{order:2;}
	.p-wandering{margin:70px 0 50px 0;}
	
	.dicononoi h1{margin-left:5%; width:70%;} .dicononoi h1 i{display:none}
	.recensioni{padding:calc(5vw + 40px) 5vw calc(5vw + 40px) 5vw;margin:20px 0 40px 0}.recensioni p .stelle img{width:3.5vw;}
	.recensioni p.rec-nome {font-size:280%}
	.dicono{margin-top:0px;padding-bottom:50px}
	
	.dicono .h-work-txt h1{font-size:10vw;margin-top:25px;}.dicono .h-work-txt h2{font-size:4vw;}
	.dicono .h-work-img{flex-basis:100%;padding-left:0%;padding-right:0%;margin-top:0px;}
	.dicono .h-work-txt,.dicono.h-workDX .h-work-txt{flex-basis:100%;padding-right:5%;padding-left:5%; padding-bottom:0px;}
	
	/*privacy*/
.privacy{padding-top:calc((100vh / 3) / 1.68 + 100px);}
.privacy-txt{padding:50px 5vw 0 5vw;} .privacy-txt h1{font-size:6.8vw;} 
.privacy-txt h2{font-size:6.2vw;}.privacy-txt h3{font-size:4.2vw;}.privacy-txt p{font-size:4.0vw;}.privacy-txt ul{font-size:4.0vw;}
	
}