/*
  ----------------------------
  HTML SELECTORS
  ____________________________
*/
html,body
{height:100%;}
body { background: #fff; color: #121212; margin: 0; padding: 0; font-size:14px;font-size:1.4rem;font-family:Verdana, Geneva, sans-serif;overflow:hidden;}
a { color: #121212; text-decoration: none; }
a:hover { color: #fff;text-decoration: none; }

h1 {font-family: 'dakotaregular';color:#fff;text-align: center;font-size: 26px;font-size:2.6rem;margin-top: 30%;}
h2 {font-family: 'walkway_ultraboldregular';color:#121212;text-align: center;text-transform: uppercase;font-size: 30px;font-size:3rem;}
h3 {font-family: 'walkway_ultraboldregular';color:#121212;text-align: center;text-transform: uppercase;font-size: 24px;font-size:2.4rem;}
h4 {font-family: 'walkway_ultraboldregular';color:#121212;text-align: center;text-transform: uppercase;font-size: 20px;font-size:2rem;}
h5 {color:#fff;text-align: justify;font-size: 14px;font-size:1.4rem;margin: 0; padding: 0;}
h6 {font-family: 'walkway_ultraboldregular';color:#121212;font-size: 23px;font-size:2.3rem;font-weight: bold;}

.passed{color: #727272!important;}
.glyphicon {font-size: 40px;text-align: center; -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;}

ul{list-style-type: none;}
li{margin: 15px 0;}
a{color:#333;}
a:hover, a:focus {
    -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

#contentPC{position:relative;height: 100%;}
#contentMobile{position:relative;height: 100%;}

.row {
margin-left: 0px;
margin-right: 0px;
}

.bpink{background-color: #cc007a;}
.bwhite{background-color: #fff;}
.borange{ background-color: #ff6c00;}
.bgrey{ background-color: #b2b4b1;}
.bblue{background-color: #0056b8;}
.bblack{background-color: #262626;}
.black{color: #262626;}
.byellow{background-color: #f4a600;}
.yellow{color: #f4a600;}
.orange{ color: #ff6c00;}
.blue{ color: #0056b8;}
.pink{color:#cc007a; }
.grey{color:#b2b4b1;}
.or{color:#e1cd92;}
.white{ color: #fff;}
.bcwhite{border-color: #fff;}
.bcblue{border-color: #0056b8;}
.bcorange{border-color: #ff6c00;}
.bcpink{border-color: #cc007a;}
.bcor{border-color: #e1cd92;}

.btn{
  border-radius: 0px;
  line-height: 4;
  padding: 6px 4px;
}


.btn.btn-default {
  font-weight: bold;
  width: 100%;
    font-size: 16px;
      font-size: 1.6rem;
  background: rgba(255,255,255,0.3);
  border: solid 1px;
  border-color: #ff6c00;
  font-family: 'walkway_ultraboldregular';
  color:#121212;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  height: 90px;
  letter-spacing: 1px;

}
.btn.btn-defaultc {
  font-weight: bold;
  width: 100%;
    font-size: 20px;
      font-size: 1.8rem;
  background: rgba(255,255,255,0.3);
  border: solid 1px;
  border-color: #fff;
  font-family: 'walkway_ultraboldregular';
  color:#121212;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  height: 100px;
  letter-spacing: 1px;

}


.center-div{text-align: center;}

.btn.btn-defaultc1 {
  font-weight: bold;
  width: 100%;
    font-size: 20px;
      font-size: 1.8rem;
  background: rgba(255,255,255,0.3);
  border: solid 1px;
  border-color: #0056b8;
  font-family: 'walkway_ultraboldregular';
  color:#121212;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  height: 100px;
  letter-spacing: 1px;
  max-width: 250px;
}
.btn.btn-defaultc2 {
  font-weight: bold;
  width: 100%;
    font-size: 20px;
      font-size: 1.8rem;
  background: rgba(255,255,255,0.3);
  border: solid 1px;
  border-color: #e1cd92;
  font-family: 'walkway_ultraboldregular';
  color:#121212;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  height: 100px;
  letter-spacing: 1px;
   max-width: 250px;

}

.btn.btn-defaultc3 {
  font-weight: bold;
  width: 100%;
    font-size: 20px;
      font-size: 1.8rem;
  background: rgba(255,255,255,0.3);
  border: solid 1px;
  border-color: #ff6c00;
  font-family: 'walkway_ultraboldregular';
  color:#121212;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  height: 100px;
  letter-spacing: 1px;
    max-width: 250px;

}
.btn.btn-defaultc4 {
  font-weight: bold;
  width: 100%;
    font-size: 20px;
      font-size: 1.8rem;
  background: rgba(255,255,255,0.3);
  border: solid 1px;
  border-color: #cc007a;
  font-family: 'walkway_ultraboldregular';
  color:#121212;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  height: 100px;
  letter-spacing: 1px;
  max-width: 250px;

}



.btn.btn-default3 {
    font-weight: bold;
    width: 100%;
    font-size: 20px;
    font-size: 1.8rem;
    background: rgba(255,255,255,0.3);
    border: solid 1px;
    border-color: #fff;
    font-family: 'walkway_ultraboldregular';
    color: #f4a600;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    height: 100px;
    letter-spacing: 1px;
}

.btn.btn-default3 b {background: #fff;}


.btn.btn-default4 {
    font-weight: bold;
    width: 100%;
    font-size: 20px;
    font-size: 1.8rem;
    background: rgba(18,18,18,0.4);
    border: solid 1px;
    border-color: #fff;
    font-family: 'walkway_ultraboldregular';
    color: #f4a600;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    height: 100px;
    letter-spacing: 1px;
}

.btn.btn-default4 b {background: #fff;}


.btn.btn-default:hover {
 background: rgba(255,255,255,0.9); 
 color:#ff6c00;
 border-color: #121212;
}
.btn-default {text-shadow: 0 0px 0 transparent;}
.btn.btn-default {
   text-shadow: 0 0 transparent; 
   box-shadow: 0 0 #fff; 
   margin-bottom: 20px;
}



.bar-black{width: 100%;height: 30px;position: absolute;bottom: 0;z-index: 100;background-color: #121212;}

b {
  position: relative;
  display: block;
  background: #ff6c00;
  width: 90%;
  height: 1px;
  margin:0 auto;
    margin-top: -15px;
    -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.b2 {
  position: relative;
  display: block;
  background: #121212;
  width: 90%;
  height: 1px;
  margin:0 auto;
    margin-top: -15px;
    -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

a:hover .b2{
 background: #121212;
  margin-top: -25px;
  width: 80%;
}


a:hover b{
 background: #121212;
  margin-top: -25px;
  width: 80%;
}
.fg{float:left;display:block;}
.fd{float:right;display:block;}
.mt3{margin-top: 3%;}
.w200{width: 200px;}

.transition{height: 90px;width: 100%;position: absolute;bottom: 0;}
.transition2{height: 90px;width: 100%;position: relative;top: 0;}
.block1{position: absolute;height: 90px;top:0;left:0;width: 45%;  padding-left: 15px;}
.block2{position: absolute;height: 90px;top:0;right:0;width: 45%;  padding-left: 15px;}
.btnDown{display: block;width: 70px;height: 70px;border-radius: 50%; border: solid 3px; border-color: #ff6c00;position:absolute;left:50%;margin-left: -35px;  margin-top: -35px;}
.btnDown2{display: block;width: 70px;height: 70px;border-radius: 50%; border: solid 3px; border-color: #f4a600;position:absolute;left:50%;margin-left: -35px;  margin-top: -35px;}
.glyphicon-plus{  top: 12px;left:2px;}

.btnDown:hover{border-color: #fff;} 
.glyphicon-plus:hover{font-size: 30px;top: 16px;} 

#Calque_1{width: 100%;height: 100%;}


.col50{float:left;width: 50%;}
/*
  ----------------------------
  LAYOUT
  ____________________________
*/

#includeContent{display: none;position: relative;height: 100%;}

section, header {position: relative;margin:0;padding:0;width: 100%;}
#identification{position: absolute;margin:0;padding:0;width: 100%;height: 100%;z-index: 90;
  background: url(../img/ID.jpg) no-repeat center; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  #identificationM{position: absolute;margin:0;padding:0;width: 100%;height: 100%;z-index: 90;
  background: url(../img/ID.jpg) no-repeat center; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
 .header1{height: 100%;background: url(../img/home1.jpg) no-repeat center rgba(178,180,177,0.7);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;} 
#session1{height: 100%;background: url(../img/home2b.jpg) no-repeat center rgba(178,180,177,0.7);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#session2{height: 100%;}
.header2{height: 100%;background: url(../img/work1b.jpg) no-repeat center rgba(178,180,177,0.7);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;} 
  #session3{height: 100%;background: url(../img/work2.jpg) no-repeat center rgba(178,180,177,0.7);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  #session4{height: 100%; background:rgba(255,255,255,0.2);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.header3{height: 100%;background: url(../img/actu1.jpg) no-repeat center rgba(178,180,177,0.7);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;} 



.colL{position:absolute;height: 100%;width: 33%;}
.colR{position:absolute;height: 100%;width: 33%;left:65%;}

.colL h2, .colR h2 {font-family: 'dakotaregular';color:#fff;text-align: center;font-size: 26px;font-size:2.6rem;margin-top: 10%;text-transform: none;}

.list1 h1{
  font-family: 'dakotaregular';color:#fff;text-align: center;font-size: 26px;font-size:2.6rem;margin-top: 30%;
  text-transform: uppercase;
}

.list2 h1{
  font-family: 'dakotaregular';color:#fff;text-align: center;font-size: 26px;font-size:2.6rem;margin-top: 39%;
  text-transform: uppercase;
}
.firsth2{
  margin-top: 30%!important;
}

  
  /*video*/
	#video-bg {position: absolute;top: 0; right: 0; bottom: 0; left: 0;overflow: hidden; z-index: -2;}
#video-bg > video {position: absolute; top: 0;  left: 0;  width: 100%;  height: 100%;}
/* 1. No object-fit support: */
@media (min-aspect-ratio: 16/9) {
  #video-bg > video { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  #video-bg > video { width: 300%; left: -100%; }
}
/* 2. If supporting object-fit, overriding (1): */
@supports (object-fit: cover) {
  #video-bg > video {
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
  }

  }
  /*videoend*/
  
  #session5{height: 100%;background: url(../img/work4.jpg) no-repeat center rgba(178,180,177,0.7);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.gBar2{height: 100%;background: rgba(178,180,177,0.8);width: 33%;position: absolute;left: 50%;margin-left:-16.5%;}
.gBarActu{height: 100%;background: rgba(178,180,177,0.8);width: 33%;position: absolute;left: 50%;margin-left:-16.5%;}
.gBar3{height: auto;background: rgba(178,180,177,0.8);width: 100%;position: absolute;margin: 0;}

/*identification */
.gBar{width: 33%;position: absolute;left: 50%;margin-left:-16.5%;height: 100%;background: url(../img/fernand.svg) no-repeat center rgba(178,180,177,0.85);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#logo1{margin-top: 18%;width: 60%;height:20%;}
#header-content{height: 50%;  padding: 40px 40px;}
#obligationFr, #obligationEng, #obligationFrM {display: none; padding: 40px 0;}
#header-btnEntrer, #header-btnEntrerM{display: none;}
input[type="checkbox"] {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
#obligationFr a, #obligationEng a, #obligationFrM a {
  padding: 0 15px;
  margin: 15px;
  letter-spacing: 3px;
  color: #ff6c00;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 40px;
}
#obligationFr a:hover, #obligationEng a:hover, #obligationFrM a:hover {
  padding: 0 15px;
  margin: 15px;
  letter-spacing: 3px;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
border: 1px solid #ff6c00;
}
.citation {font-family: 'dakotaregular';color:#ff6c00;text-align: center;text-transform: none;font-size: 20px;font-size:2rem;margin-top:20px;}

/*header*/

.signature {font-family: 'dakotaregular';color:#fff;text-align: right;text-transform: none;font-size: 25px;  font-size: 2.5rem;padding-right: 20px;}
.citation2 {font-family: 'dakotaregular';color:#fff;text-align: center;text-transform: none;font-size: 20px;font-size:2rem;  margin-top: -40px;position: relative;}

/*session1*/
.content-fernand{padding-top: 3%;height:100%;}
.bfernand{box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.5);height: 350px; }
.bfernand p{color:#fff;}
.titleFernand{font-family: 'dakotaregular';color:#fff;text-align: left;text-transform: none;font-size: 35px;font-size:3.5rem;margin-bottom: 0px;  padding-left: 10px;}
.titleFernand2 {font-family: 'walkway_ultraboldregular';color:#ff6c00;text-align: right;text-transform: none;font-size: 28px;font-size:2.8rem;margin-top: -5px;padding-right: 10px;}

/*session2*/
#map{width: 100%;height: 100%;}
#mapbuildr { width:100%; height:75%;}
    .gm-style-iw * {
        display: block;
        width: 100%;
    }
    .gm-style-iw h4, .gm-style-iw p {
        margin: 0;
        padding: 0;
    }
    .gm-style-iw a {
        color: #4272db;
    }
.transition b{margin-top: 5px;}
.transition a:hover b{
 background: #fff;
  margin-top: -10px;
  width: 80%;
}



/*actu*/
.titleSession2 h1{margin-top: 10%;}
#header-content2{padding:10px 0 5px 0;margin-top: 40px;height: 675px;
overflow: auto;}
.listActu{border-top: 2px solid #fff;display: block;
position: relative;padding-bottom: 10px;min-height: 105px; -webkit-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
    transition: background .2s ease-out;}
 .listActu:last-of-type{border-bottom: 2px solid #fff;}   
.headerActu{font-family: 'walkway_ultraboldregular';font-size: 26px;margin-top: 5px;z-index: 2;}
.sepDate{color:#ff6c00;}
#header-content2 h4{font-family: 'dakotaregular';font-size: 22px;text-transform: none;margin-bottom: 5px;z-index: 2;}
.objectActu{font-size: 18px; margin:0;z-index: 2;}


.listActu:hover  {
    -webkit-transition: background .2s ease-in;
    -moz-transition: background .2s ease-in;
    -o-transition: background .2s ease-in;
    transition: background .2s ease-in;
    background: rgba(255,108,0,.80);
    
}

.listActu:hover h4{color: #fff;}
.listActu:hover .sepDate{color:#121212;}
.listActu:hover .corner5, .listActu:hover .corner6{border-color:#121212;}


/*footer*/
footer{height: auto;position:relative;width: 100%;padding-bottom: 12px;}
.contact{line-height: 25px;}
.partner{font-family: 'walkway_ultraboldregular';color:#121212;text-align: center;text-transform: uppercase;font-size: 18px;font-size:1.8rem;}
.logo_partner{width: 100px;margin: 0 auto;}
#footer b{margin-top: 5px;}
#footer a:hover b{
 background: #fff;
  margin-top: -10px;
  width: 80%;
}
#footer2-1, #footer2-2, #footer2-3, #footer2-4{display:none;}
#footer2-1 b, #footer2-2 b, #footer2-3 b, #footer2-4 b{margin-top: 5px;}
#footer2-1 a:hover b, #footer2-2 a:hover b, #footer2-3 a:hover b, #footer2-4 a:hover b{
 background: #fff;
  margin-top: -10px;
  width: 80%;
}
#footer3{height: 50px;border: solid 1px;
  border-color: #ff6c00;}
/* FORM */

/*form*/
.form-control {
background: transparent;
background-image: none;
border: none;
border-bottom: 1px solid #fff;
border-radius: 0px;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
display: block;
font-size: 14px;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
color: #000;
}

.btn.btn-default2 {
  font-weight: bold;
  width: 100%;
  font-size: 20px;
  font-size: 2rem;
  background: rgba(255,255,255,0.3);
  border: solid 1px;
  border-color: #ff6c00;
  font-family: 'walkway_ultraboldregular';
  color: #121212;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  height: 50px;
  text-shadow: 0 0 #fff;
  box-shadow: 0 0 #fff;
  letter-spacing: 1px;
  line-height: 1;
}


.btn.btn-default2:hover {
  background: rgba(255,255,255,0.9);
  color: #ff6c00;
  border-color: #121212;
}

.form-control:focus {
border-color: #0055b7;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 21, 57, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 21, 57, 0.6);
}

.form-control{font-family: 'walkway_ultraboldregular';color: #121212; }

::-webkit-input-placeholder {
   color: #121212!important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #121212!important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #121212!important;  
}

:-ms-input-placeholder {  
   color: #121212!important;  
}

.has-error .form-control:focus {
  border-color: #ff6c00;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ff6c00;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ff6c00;
}



/*collection*/
.titleCuvee{font-family: 'dakotaregular';text-align: left;text-transform: none;font-size: 19px;font-size:1.9rem;margin-bottom: 0px;  padding-left: 10px;margin-left: 0px;}
.titleCuvee2{font-family: 'dakotaregular';text-align: left;text-transform: none;font-size: 30px;font-size:3rem;margin-bottom: 0px;  padding-left: 10px;margin-left: 0px;}


 .corner1{
  display: block;
  position:absolute;
  width: 35px;height: 35px;
 border-top: solid 2px;
 border-left: solid 2px;
   margin-top: -20px;
  margin-left: -10px;
}
 .corner2{
   display: block;
  position: absolute;
  width: 35px;
  height: 35px;
  border-right: solid 2px;
  border-bottom: solid 2px;
  bottom: 0;
  right:0;
  margin-right: 35px;

}

 .corner3{
   display: block;
  position: absolute;
  width: 35px;
  height: 35px;
  border-right: solid 2px;
  border-bottom: solid 2px;
  bottom: 0;
  right:0;
  margin-right: 0px;

}
 .corner4{
   display: block;
  position: absolute;
  width: 35px;
  height: 35px;
  border-right: solid 2px;
  border-bottom: solid 2px;
  bottom: 0;
  right:0;
 
}
.corner5{
  display: block;
  position:absolute;
  width: 21px;height: 21px;
 border-top: solid 2px #ff6c00;
 border-left: solid 2px #ff6c00;
   top:6px;
   left:65px;
}

.corner6{
   display: block;
  position: absolute;
  width: 21px;
  height: 21px;
  border-right: solid 2px #ff6c00;
  border-bottom: solid 2px #ff6c00;
  top: 26px;
  right:65px;
  


}



.titleChampagne{font-family: 'walkway_ultraboldregular';text-align: right;text-transform: uppercase;font-size: 26px;font-size:2.6rem;  margin-top: 10px;margin-right: 0px;}
.titleChampagne2{font-family: 'walkway_ultraboldregular';text-align: right;text-transform: uppercase;font-size: 26px;font-size:2.6rem;  margin-top: 0px;margin-right: 0px;}

#cuvee1{width: 100%;height: 100%;background: url(../img/bkg2-cuvee1.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

 #cuvee2{width: 100%;height: 100%;background: url(../img/bkg-cuvee2.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;} 

#cuvee3{width: 100%;height: 100%;background: url(../img/bkg2-cuvee3.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

#cuvee4{width: 100%;height: 100%;background: url(../img/bkg2-cuvee4.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

  #cuvee5{width: 100%;height: 100%;background: url(../img/bkg-cuvee5.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  #cuvee6{width: 100%;height: 100%;background: url(../img/bkg-cuvee6.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.contentCuvee{margin-top: 0;margin-bottom: 0;}
.contentBtn{margin-top: 2%;margin-bottom: 4%;}
.contentBtn2{  margin-bottom: 5%;}

.img-cuvee{width: 200px;position: absolute;margin-top: 100px;left: 50%;opacity: 0;-webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  margin-left: -100px;}

.img-cuvee2{width: 200px;position: absolute;margin-top: 100px;left: 50%;opacity: 0;-webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  margin-left: -100px;}


li:hover .img-cuvee {opacity:1!important; -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s; }
li:hover .img-cuvee2 {opacity:1!important; -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s; }
  .contentDesc{margin-top:4%;margin-bottom:4%;}
  .contentDesc h3{font-family: 'walkway_ultraboldregular';text-align: center;font-size: 20px;font-size:2rem;text-transform: }

.projects-container .cd-single-project.is-loaded {
  z-index: 4;
}
.projects-container .cd-single-project2.is-loaded {
  z-index: 4;
}
.contentBtnScroll {
 z-index: 3;
}
.projects-container .cd-single-project.is-full-width{
   z-index: 2;
}
.projects-container .cd-single-project2.is-full-width{
   z-index: 2;
}

/* MENU */
#fb, #google{width: 40px;height: 40px;}

.blockSocial{
  position: relative;width: 50px;height: 50px;
  display: block;
  margin: 0 auto;
}
.btnSocial svg{fill:#fff;}
.btnSocial svg:hover{fill:#ff6c00;}

.cd-nav h2{
  font-family: 'walkway_ultraboldregular';color:#fff;text-align: center;text-transform: uppercase;font-size: 26px;font-size:2.6rem;  letter-spacing: 2px;
}

.cd-nav h3{font-family: 'dakotaregular';color:#fff;text-align: center;text-transform: none;font-size: 14px;font-size:1.4rem;}

.cd-nav b{margin: 25px 0;  width: 100%;-webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.navigation-is-open main {
  -webkit-transform: translateX(33.333%);
  -moz-transform: translateX(33.333%);
  -ms-transform: translateX(33.333%);
  -o-transform: translateX(33.333%);
  transform: translateX(33.333%);
}


.cd-nav-trigger {
  position: fixed;
  z-index: 3;
  left: 18px;
  top: 18px;
  height: 54px;
  width: 54px;
    background-color: rgba(0,0,0,0);
  border: solid 2px;
  border-color: #fff;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
  
}

a.cd-nav-trigger:hover{
  border: solid 2px;
  border-color: #ff6c00;
  } 



.cd-nav-trigger .cd-nav-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 22px;
  height: 2px;
  background-color: #ffffff;
}
.cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
  -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
  transition: transform 0.5s, width 0.5s, top 0.3s;
}
.cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
  top: 2px;
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
  top: -2px;
}
.cd-nav-trigger svg {
  position: absolute;
  top: 0;
  left: 0;
}
.cd-nav-trigger circle {
  /* circle border animation */
  -webkit-transition: stroke-dashoffset 0.4s 0s;
  -moz-transition: stroke-dashoffset 0.4s 0s;
  transition: stroke-dashoffset 0.4s 0s;
}
.navigation-is-open .cd-nav-trigger {
  z-index: 5;
  /* rotate trigger when navigation becomes visible */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  /* animate arrow --> from hamburger to arrow */
  width: 50%;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s;
  -moz-transition: -moz-transform 0.5s, width 0.5s;
  transition: transform 0.5s, width 0.5s;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
  top: 0;
}
.navigation-is-open .cd-nav-trigger circle {
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 0.4s 0.3s;
  -moz-transition: stroke-dashoffset 0.4s 0.3s;
  transition: stroke-dashoffset 0.4s 0.3s;
}

.cd-nav {
  position: fixed;
   top: 0;
  left: 0;
  height: 100%;
  width: 33.333%;
  background-color: rgba(0,0,0,0.9);;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.7s;
  -moz-transition: visibility 0s 0.7s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  transition: visibility 0s 0.7s;
}
.cd-nav .cd-navigation-wrapper {
  /* all navigation content */
  height: 100%;
    -webkit-overflow-scrolling: touch;
  padding: 40px 5% 40px calc(5% + 80px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.navigation-is-open .cd-nav {
  z-index: 4;
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.navigation-is-open .cd-nav .cd-navigation-wrapper {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}
.cd-nav h2 {
 
}

.cd-nav .cd-primary-nav {
  margin-top: 60px;
  padding: 0;
}
.cd-nav .cd-primary-nav li {
  margin: 15px 0;
}

.cd-nav .cd-primary-nav a {
  font-family: "Merriweather", serif;
  font-size: 2.4rem;
  color: rgba(255, 255, 255, 0.3);
 
}
.cd-nav .cd-primary-nav a.selected {
  color: #ffffff;
}
.no-touch .cd-nav .cd-primary-nav a:hover {
  color: #ffffff;
}
.cd-nav .cd-contact-info {
  margin-top: 80px;
}
.cd-nav .cd-contact-info li {
  font-family: "Merriweather", serif;
  margin-bottom: 1.5em;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.3);
}
.cd-nav .cd-contact-info a {
  color: #ffffff;
}
.cd-nav .cd-contact-info span {
  display: block;
}
.cd-nav .cd-contact-info li, .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info span {
  font-size: 1.6rem;
}
@media only screen and (min-width: 1170px) {
  .cd-nav .cd-navigation-wrapper {
    padding: 30px 20%;
  }
  .cd-nav .cd-navigation-wrapper::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-nav .cd-half-block {
    width: 100%;
    }
  .cd-nav .cd-primary-nav {
    margin-top: 0;
  }
 
   
}

.no-js .cd-nav {
  position: static;
  visibility: visible;
}
.no-js .cd-nav .cd-navigation-wrapper {
  height: auto;
  overflow: visible;
  padding: 100px 5%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}








.h1ml{margin-top: 25px;}

.blockLang{text-align: center; color:white;}
.blockLang a{color:white;}
.blockLang b{margin: 15px 0;}





/*
  PACE
*/


.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  -webkit-perspective: 36rem;
  -moz-perspective: 36rem;
  -ms-perspective: 36rem;
  -o-perspective: 36rem;
  perspective: 36rem;

  z-index: 2000;
  position: fixed;
  height: 18rem;
  width: 18rem;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.pace.pace-inactive .pace-progress {
  display: none;
}

.pace .pace-progress {
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 18rem;
  width: 18rem !important;
  line-height: 18rem;
  font-size: 2rem;
  border-radius: 50%;
  background: #d41539;
  color: #fff;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 100;
  text-align: center;

  -webkit-animation: pace-theme-center-circle-spin linear infinite 2s;
  -moz-animation: pace-theme-center-circle-spin linear infinite 2s;
  -ms-animation: pace-theme-center-circle-spin linear infinite 2s;
  -o-animation: pace-theme-center-circle-spin linear infinite 2s;
  animation: pace-theme-center-circle-spin linear infinite 2s;

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.pace .pace-progress:after {
  content: attr(data-progress-text);
  display: block;
}

@-webkit-keyframes pace-theme-center-circle-spin {
  from { -webkit-transform: rotateY(0deg) }
  to { -webkit-transform: rotateY(360deg) }
}

@-moz-keyframes pace-theme-center-circle-spin {
  from { -moz-transform: rotateY(0deg) }
  to { -moz-transform: rotateY(360deg) }
}

@-ms-keyframes pace-theme-center-circle-spin {
  from { -ms-transform: rotateY(0deg) }
  to { -ms-transform: rotateY(360deg) }
}

@-o-keyframes pace-theme-center-circle-spin {
  from { -o-transform: rotateY(0deg) }
  to { -o-transform: rotateY(360deg) }
}

@keyframes pace-theme-center-circle-spin {
  from { transform: rotateY(0deg) }
  to { transform: rotateY(360deg) }
}



/* -------------------------------- 

Main Components 

-------------------------------- */
.veron{width: 130px;margin:0 auto;padding-top: 50px;}
.contentBtnScroll {
  width: 33%;
  position: absolute;
  left: 50%;
  margin-left: -16.5%;
  height: 150px;
 bottom: 0;

}

.projects-container ul, .projects-container li {
  margin-top: 0;
  margin-bottom: 0px;
  }


.projects-container {
  z-index: 2;
  height: 100%;
  width: 100%;
  position: relative;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.projects-container::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.projects-container .cd-single-project {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 25%;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  /* on mobile -  move items outside the viewport */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.projects-container .cd-single-project::after {
  /* background image */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 25vh;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: opacity 0.5s, height 0.4s;
  -moz-transition: opacity 0.5s, height 0.4s;
  transition: opacity 0.5s, height 0.4s;
   background-image: url("../img/bkg-cuvee1s.jpg");
}
.projects-container .cd-single-project::before {
  /* never visible - this is used in jQuery to detect if the background image has been loaded  */
  display: none;
  content: 'img/bkg-cuvee1s.jpg';
}
.projects-container .cd-single-project:nth-of-type(2) {
  top: 25vh;
}
.projects-container .cd-single-project:nth-of-type(2)::after {
  background-image: url("../img/bkg2-cuvee2s.jpg");
}
.projects-container .cd-single-project:nth-of-type(2)::before {
  content: 'img/bkg2-cuvee2s.jpg';
}
.projects-container .cd-single-project:nth-of-type(3) {
  top: 50vh;
}
.projects-container .cd-single-project:nth-of-type(3)::after {
  background-image: url("../img/bkg-cuvee3s.jpg");
}
.projects-container .cd-single-project:nth-of-type(3)::before {
  content: 'img/bkg-cuvee3s.jpg';
}
.projects-container .cd-single-project:nth-of-type(4) {
  top: 75vh;
}
.projects-container .cd-single-project:nth-of-type(4)::after {
  background-image: url("../img/bkg-cuvee4s.jpg");
}
.projects-container .cd-single-project:nth-of-type(4)::before {
  content: 'img/bkg-cuvee4s.jpg';
}
.projects-container .cd-single-project.is-loaded {
  /* move items in the viewport when background images have been loaded */
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.projects-container .cd-single-project.is-full-width {
  /* selected item */
  top: 0;
  height: auto;
 
  cursor: auto;
  -webkit-transition: z-index 0s 0s, top 0.4s 0s;
  -moz-transition: z-index 0s 0s, top 0.4s 0s;
  transition: z-index 0s 0s, top 0.4s 0s;
}
.projects-container .cd-single-project.is-full-width::after {
  height: 100vh;
}

/*******prestige*********/

.projects-container .cd-single-project2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50vh;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  /* on mobile -  move items outside the viewport */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.projects-container .cd-single-project2::after {
  /* background image */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 50vh;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: opacity 0.5s, height 0.4s;
  -moz-transition: opacity 0.5s, height 0.4s;
  transition: opacity 0.5s, height 0.4s;
   background-image: url("../img/bkg-cuvee5s.jpg");
}




.projects-container .cd-single-project2::before {
  /* never visible - this is used in jQuery to detect if the background image has been loaded  */
  display: none;
  content: 'img/bkg2-cuvee5.jpg';
}
.projects-container .cd-single-project2:nth-of-type(2) {
  top: 50vh;
}

.projects-container .cd-single-project2:nth-of-type(2)::after {
  background-image: url("../img/bkg-cuvee6s.jpg");
}
.projects-container .cd-single-project2:nth-of-type(2)::before {
  content: 'img/bkg2-cuvee6s.jpg';
}



.projects-container .cd-single-project2.is-loaded {
  /* move items in the viewport when background images have been loaded */
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.projects-container .cd-single-project2.is-full-width {
  /* selected item */
  top: 0;
  height: auto;
 
  cursor: auto;
  -webkit-transition: z-index 0s 0s, top 0.4s 0s;
  -moz-transition: z-index 0s 0s, top 0.4s 0s;
  transition: z-index 0s 0s, top 0.4s 0s;
}
.projects-container .cd-single-project2.is-full-width::after {
  height: 100vh;
}







@media only screen and (min-width: 1024px) {
  .projects-container::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
  .projects-container .cd-single-project {
    width: 25vw;
    height: 100%;
    opacity: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: width 0s;
    -moz-transition: width 0s;
    transition: width 0s;
  }
  .projects-container .cd-single-project:first-of-type::before {
    content: 'img/bkg-cuvee1.jpg';
  }
  .projects-container .cd-single-project:first-of-type::after {
    background-image: url("../img/bkg-cuvee1.jpg");
  }
  .projects-container .cd-single-project:nth-of-type(2) {
    top: 0;
    left: 25vw;
  }
  .projects-container .cd-single-project:nth-of-type(2)::before {
    content: 'img/bkg2-cuvee2.jpg';
  }
  .projects-container .cd-single-project:nth-of-type(2)::after {
    background-image: url("../img/bkg2-cuvee2.jpg");
  }
  .projects-container .cd-single-project:nth-of-type(3) {
    top: 0;
    left: 50vw;
  }
  .projects-container .cd-single-project:nth-of-type(3)::before {
    content: 'img/bkg-cuvee3.jpg';
  }
  .projects-container .cd-single-project:nth-of-type(3)::after {
    background-image: url("../img/bkg-cuvee3.jpg");
  }
  .projects-container .cd-single-project:nth-of-type(4) {
    top: 0;
    left: 75vw;
  }
  .projects-container .cd-single-project:nth-of-type(4)::before {
    content: 'img/bkg-cuvee4.jpg';
  }
  .projects-container .cd-single-project:nth-of-type(4)::after {
    background-image: url("../img/bkg-cuvee4.jpg");
  }
  .projects-container .cd-single-project::after {
    height: 100vh;
    width: 100%;
    opacity: 0;
  }
  .projects-container .cd-single-project.is-loaded {
    opacity: 1;;
    /* show items when background images have been loaded */
  }
  .projects-container .cd-single-project.is-loaded::after {
    opacity: 1;
  }
  .projects-container .cd-single-project.is-full-width {
    /* selected item */
    left: 0vw;
    width: 100vw;
    -webkit-transition: width 0.4s 0s, z-index 0s 0s, left 0.4s 0s;
    -moz-transition: width 0.4s 0s, z-index 0s 0s, left 0.4s 0s;
    transition: width 0.4s 0s, z-index 0s 0s, left 0.4s 0s;
  }

/*******prestige*********/
.projects-container .cd-single-project2 {
    width: 50vw;
    height: 100%;
    opacity: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: width 0s;
    -moz-transition: width 0s;
    transition: width 0s;
  }
  .projects-container .cd-single-project2:first-of-type::before {
    content: 'img/bkg2-cuvee5.jpg';
  }
  .projects-container .cd-single-project2:first-of-type::after {
    background-image: url("../img/bkg2-cuvee5.jpg");
  }
  .projects-container .cd-single-project2:nth-of-type(2) {
    top: 0;
    left: 50vw;
  }
  .projects-container .cd-single-project2:nth-of-type(2)::before {
    content: 'img/bkg2-cuvee6.jpg';
  }
  .projects-container .cd-single-project2:nth-of-type(2)::after {
    background-image: url("../img/bkg2-cuvee6.jpg");
  }

.projects-container .cd-single-project2::after {
    height: 100vh;
    width: 100%;
    opacity: 0;
  }
  .projects-container .cd-single-project2.is-loaded {
    opacity: 1;;
    /* show items when background images have been loaded */
  }
  .projects-container .cd-single-project2.is-loaded::after {
    opacity: 1;
  }
  .projects-container .cd-single-project2.is-full-width {
    /* selected item */
    left: 0vw;
    width: 100vw;
    -webkit-transition: width 0.4s 0s, z-index 0s 0s, left 0.4s 0s;
    -moz-transition: width 0.4s 0s, z-index 0s 0s, left 0.4s 0s;
    transition: width 0.4s 0s, z-index 0s 0s, left 0.4s 0s;
  }





}
@media only screen and (min-width: 1170px) {
  .projects-container .cd-single-project::after {
    background-attachment: fixed;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.8s, opacity 0.5s;
    -moz-transition: -moz-transform 0.8s, opacity 0.5s;
    transition: transform 0.8s, opacity 0.5s;
  }
  .projects-container .cd-single-project.is-loaded::after {
    opacity: 0;
  }
  .no-touch .projects-container .cd-single-project:hover::after, .projects-container .cd-single-project.is-full-width.is-loaded::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  .projects-container .cd-single-project2::after {
    background-attachment: fixed;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.8s, opacity 0.5s;
    -moz-transition: -moz-transform 0.8s, opacity 0.5s;
    transition: transform 0.8s, opacity 0.5s;
  }
  .projects-container .cd-single-project2.is-loaded::after {
    opacity: 0;
  }
  .no-touch .projects-container .cd-single-project2:hover::after, .projects-container .cd-single-project2.is-full-width.is-loaded::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  


}

.cd-title {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 12.5vh;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  padding: 0 50px;
}
.is-full-width .cd-title {
  top: 50vh;
  -webkit-transition: opacity 0s, top 0.4s;
  -moz-transition: opacity 0s, top 0.4s;
  transition: opacity 0s, top 0.4s;
}
.cd-title > * {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-title h2 {
  font-size: 2.5rem;
  line-height: 1.5;
  font-weight: 700;
}
.cd-title p {
  font-size: 1.4rem;
  font-family: "Merriweather", serif;
  font-style: italic;
  line-height: 1.2;
  padding: .4em 2em;
  display: none;
  opacity: .6;
}



/*****prestige ********/


.cd-title2 {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 12.5vh;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
.is-full-width .cd-title2 {
  top: 50vh;
  -webkit-transition: opacity 0s, top 0.4s;
  -moz-transition: opacity 0s, top 0.4s;
  transition: opacity 0s, top 0.4s;
}
.cd-title2 > * {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-title2 h2 {
  font-size: 2.5rem;
  line-height: 1.5;
  font-weight: 700;
}
.cd-title2 p {
  font-size: 1.4rem;
  font-family: "Merriweather", serif;
  font-style: italic;
  line-height: 1.2;
  padding: .4em 2em;
  display: none;
  opacity: .6;
}
@media only screen and (min-width: 1024px) {
  .cd-title {
    top: 25vh;
    width: 25vw;
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(-20px);
    -moz-transform: translateY(-50%) translateX(-20px);
    -ms-transform: translateY(-50%) translateX(-20px);
    -o-transform: translateY(-50%) translateX(-20px);
    transform: translateY(-50%) translateX(-20px);
  }
  .is-loaded .cd-title {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s, left 0.4s;
    -moz-transition: -moz-transform 0.6s, opacity 0.6s, left 0.4s;
    transition: transform 0.6s, opacity 0.6s, left 0.4s;
  }
  .is-loaded.is-full-width .cd-title {
    left: 37.5vw;
    -webkit-transition: -webkit-transform 0.6s, opacity 0s, left 0.4s;
    -moz-transition: -moz-transform 0.6s, opacity 0s, left 0.4s;
    transition: transform 0.6s, opacity 0s, left 0.4s;
  }
  .cd-title p {
    display: block;
  }

/**********prestige*****/
.cd-title2 {
    top: 25vh;
    width: 20vw;
    left:12.5vw;
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(-20px);
    -moz-transform: translateY(-50%) translateX(-20px);
    -ms-transform: translateY(-50%) translateX(-20px);
    -o-transform: translateY(-50%) translateX(-20px);
    transform: translateY(-50%) translateX(-20px);
    padding-right: 20px;
  }
  .is-loaded .cd-title2 {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s, left 0.4s;
    -moz-transition: -moz-transform 0.6s, opacity 0.6s, left 0.4s;
    transition: transform 0.6s, opacity 0.6s, left 0.4s;
  }
  .is-loaded.is-full-width .cd-title2 {
    left: 50vw;
    -webkit-transition: -webkit-transform 0.6s, opacity 0s, left 0.4s;
    -moz-transition: -moz-transform 0.6s, opacity 0s, left 0.4s;
    transition: transform 0.6s, opacity 0s, left 0.4s;
    width: 400px;
margin-left: -200px;
padding-top: 20px;
padding-right: 20px;
background: rgba(18, 18, 18, 0.3);
box-shadow:  0px 0px 60px rgba(18,18,18,0.60);

  }

.is-loaded.is-full-width .cd-title2 .titleCuvee2{font-size:28px;font-size: 2.8rem;}
.is-loaded.is-full-width .cd-title2 .titleChampagne2{font-size:34px;font-size: 3.4rem;}
.is-loaded.is-full-width .cd-title2 .corner2{width: 35px;height: 35px;}
.is-loaded.is-full-width .cd-title2 .corner{width: 35px;height: 35px;}
.is-loaded.is-full-width .cd-title2 .changeBlack{color:#363535;}
.is-loaded.is-full-width .cd-title2 .changeWhite{color:#fff;}
.is-loaded.is-full-width .cd-title2 .changeYellow{color:#f4a600;}


  .cd-title2 p {
    display: block;
  }



}
@media only screen and (min-width: 1170px) {
  .cd-title h2 {
    font-size: 3.6rem;
  }
  .cd-title2 h2 {
    font-size: 3.6rem;
  }
}

.cd-project-info {
  clear: both;
  visibility: hidden;
  opacity: 0;
  margin-top: 100vh;
  padding: 4em 0;
  cursor: auto;
  background-color: #ffffff;
  color: #121212;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  transition: opacity 0.4s 0s, visibility 0s 0.4s;
}
.is-full-width .cd-project-info {
  visibility: visible;
  opacity: 1;
}
.cd-project-info p {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  line-height: 2;
}
@media only screen and (min-width: 1024px) {
  .cd-project-info {
    position: relative;
    z-index: 1;
  }
}

.projects-container .cd-close
{
  display: block;
  z-index: 3;
  width: 44px;
  height: 44px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  -webkit-transition: -webkit-transform 1s 0s, visibility 0s 1s;
  -moz-transition: -moz-transform 1s 0s, visibility 0s 1s;
  transition: transform 1s 0s, visibility 0s 1s;
}

.projects-container .cd-scroll {
display: block;
  z-index: 1;
 
  height: 100px;


}

.projects-container .cd-close {
  position: fixed;
  top: 30px;
  right: 5%;
  background: url("../img/cd-icon-close-mobile.svg") no-repeat center center;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
@media only screen and (min-width: 1170px) {
  .projects-container .cd-close {
    background-image: url("../img/cd-icon-close-desktop.svg");
  }
}

.projects-container .cd-scroll {
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%) scale(0);
  -moz-transform: translateX(-50%) scale(0);
  -ms-transform: translateX(-50%) scale(0);
  -o-transform: translateX(-50%) scale(0);
  transform: translateX(-50%) scale(0);
 
}


.project-is-open .cd-close,
.project-is-open .cd-scroll {
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.4s 0s, visibility 0s 0s;
  transition: transform 0.4s 0s, visibility 0s 0s;
}

.project-is-open .cd-scroll {
  -webkit-transform: translateX(-50%) scale(1);
  -moz-transform: translateX(-50%) scale(1);
  -ms-transform: translateX(-50%) scale(1);
  -o-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
  -webkit-animation: cd-translate 1.2s 0.4s;
  -moz-animation: cd-translate 1.2s 0.4s;
  animation: cd-translate 1.2s 0.4s;
  -webkit-animation-iteration-count: 2;
  -moz-animation-iteration-count: 2;
  animation-iteration-count: 2;
}

.no-touch .project-is-open .cd-close:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}



@-webkit-keyframes cd-translate {
  0% {
    -webkit-transform: translateX(-50%) scale(1);
  }
  50% {
    -webkit-transform: translateY(10px) translateX(-50%) scale(1);
  }
  100% {
    -webkit-transform: translateX(-50%) scale(1);
  }
}
@-moz-keyframes cd-translate {
  0% {
    -moz-transform: translateX(-50%) scale(1);
  }
  50% {
    -moz-transform: translateY(10px) translateX(-50%) scale(1);
  }
  100% {
    -moz-transform: translateX(-50%) scale(1);
  }
}
@keyframes cd-translate {
  0% {
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }
  50% {
    -webkit-transform: translateY(10px) translateX(-50%) scale(1);
    -moz-transform: translateY(10px) translateX(-50%) scale(1);
    -ms-transform: translateY(10px) translateX(-50%) scale(1);
    -o-transform: translateY(10px) translateX(-50%) scale(1);
    transform: translateY(10px) translateX(-50%) scale(1);
  }
  100% {
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }
}


#inform-and-ask{z-index: 100!important;}