/* RESET CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
@title JEAN HARDY global styles


@font-face {
  font-family: 'copperplateregular';
  font-style: normal;
  src: url(../fonts/copperplateregular Regular.ttf) format('ttf');
  src: url(../fonts/copperplateregular Regular.otf) format('otf');
}*/

/* spining loader */
#loading  {
	position: absolute;
	left: 50%;
	top: 50%;
	text-align:center;
	display:block; 
	width:200px;
	margin-left:-100px;
	color:#fff; font:20px copperplateregular; 
}
#loading  > img { display:block; margin:0 auto; position:absolute; top:-90px; }
#loading .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 48.2842712474619px;
  height: 48.2842712474619px;
  margin-left: -24.14213562373095px;
  margin-top: -24.14213562373095px;
  border-radius: 100%;
  -webkit-animation-name: loader;
          animation-name: loader;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
#loading .loader .side {
  display: block;
  width: 1px;
  height: 20px;
  background-color: #ffffff;
  margin: 2px;
  position: absolute;
  border-radius: 50%;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
#loading .loader .side:nth-child(1),
#loading .loader .side:nth-child(5) {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-name: rotate0;
          animation-name: rotate0;
}
#loading .loader .side:nth-child(3),
#loading .loader .side:nth-child(7) {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-animation-name: rotate90;
          animation-name: rotate90;
}
#loading .loader .side:nth-child(2),
#loading .loader .side:nth-child(6) {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation-name: rotate45;
          animation-name: rotate45;
}
#loading .loader .side:nth-child(4),
#loading .loader .side:nth-child(8) {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-animation-name: rotate135;
          animation-name: rotate135;
}
#loading .loader .side:nth-child(1) {
  top: 24.14213562373095px;
  left: 48.2842712474619px;
  margin-left: -3px;
  margin-top: -10px;
  -webkit-animation-delay: 0;
          animation-delay: 0;
}
#loading .loader .side:nth-child(2) {
  top: 41.21320343109277px;
  left: 41.21320343109277px;
  margin-left: -3px;
  margin-top: -10px;
  -webkit-animation-delay: 0;
          animation-delay: 0;
}
#loading .loader .side:nth-child(3) {
  top: 48.2842712474619px;
  left: 24.14213562373095px;
  margin-left: -3px;
  margin-top: -10px;
  -webkit-animation-delay: 0;
          animation-delay: 0;
}
#loading .loader .side:nth-child(4) {
  top: 41.21320343109277px;
  left: 7.07106781636913px;
  margin-left: -3px;
  margin-top: -10px;
  -webkit-animation-delay: 0;
          animation-delay: 0;
}
#loading .loader .side:nth-child(5) {
  top: 24.14213562373095px;
  left: 0px;
  margin-left: -3px;
  margin-top: -10px;
  -webkit-animation-delay: 0;
          animation-delay: 0;
}
#loading .loader .side:nth-child(6) {
  top: 7.07106781636913px;
  left: 7.07106781636913px;
  margin-left: -3px;
  margin-top: -10px;
  -webkit-animation-delay: 0;
          animation-delay: 0;
}
#loading .loader .side:nth-child(7) {
  top: 0px;
  left: 24.14213562373095px;
  margin-left: -3px;
  margin-top: -10px;
  -webkit-animation-delay: 0;
          animation-delay: 0;
}
#loading .loader .side:nth-child(8) {
  top: 7.07106781636913px;
  left: 41.21320343109277px;
  margin-left: -3px;
  margin-top: -10px;
  -webkit-animation-delay: 0;
          animation-delay: 0;
}
@-webkit-keyframes rotate0 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  60% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@keyframes rotate0 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  60% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@-webkit-keyframes rotate90 {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  60% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}
@keyframes rotate90 {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  60% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}
@-webkit-keyframes rotate45 {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  60% {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  100% {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
}
@keyframes rotate45 {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  60% {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  100% {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
}
@-webkit-keyframes rotate135 {
  0% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  60% {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
  }
  100% {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}
@keyframes rotate135 {
  0% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  60% {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
  }
  100% {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}
@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* eof loader */



body { font:13px/1.2 'Open Sans', sans-serif; background:#fff;  color:#222;}
a { color:#fff; text-decoration: none; }
a:hover, a:focus { text-decoration: none; color:#b11818; }
a:focus, a:visited { border:0; outline:0; text-decoration:none; }
*{	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
strong { font-weight:600; }

header { height:70px; position:fixed; width:100%; z-index:1999999999;}
header > * { z-index:2; position:relative; }
header .bg { transition:all 0.3s cubic-bezier(0,.64,.67,1.01); width:100%; height:66px; background:#000; opacity:0.3; position:absolute; top:-66px; }
header:hover .bg, header .bg.active { top:0; }


#logo { z-index:500; display:block; position:relative; float:left; width:190px; margin-top:18px; margin-left:30px; margin-right:50px; }
#logo img { width:189px; display:block; }
nav { float:left; margin-top:24px; }
nav li { float:left;  }
@media (min-width:1500px) { 
  nav li { margin-right:30px; }
}
nav a { transition:all 0.3s linear; color:#bcbcbc; font-size:11px; line-height:1; letter-spacing:2px; text-transform:uppercase; }
.pull-right { float:right; }
nav.pull-right { margin-right:10px; }
nav.pull-right li { margin-right:16px; }
.tel { color: #b11818; font: italic bold 15px "Times New Roman", Times, serif; border-radius:30px; padding:10px; margin-top:-5px; }
.tel:hover { background:rgba(255,255,255,0.8); color:#ff0000; cursor:pointer;}
.tel a { display:none; }

#menu nav a:hover { color:#b11818!important;}
header .pull-right span, header .pull-right .tel { display:none; }

.mobile { display:none; }
#toggle {
  display: none;
  width: 45px;
  height: 45px;
  margin: 0;
  position:absolute;
  top:7px; right:7px;
  padding:21px;
  border-radius:3px;
  transition:background 0.2s linear;
}

#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
#toggle span:after{
  top: 9px;
}
#toggle span {
  position: relative;
  display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 3px;
  background-color: #777;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 6px;
}
#toggle:hover span:before{ top: -12px; background-color:#b11818; }
#toggle:hover span:after{ top: 12px; background-color:#b11818; }
#toggle:hover  span { background-color:#b11818;}

#toggle.on span:before, #toggle.on span:after{ height: 1px; width:40px; left:-16px; }
#toggle.on:hover span:before{ top: -9px; background-color:#f31544; }
#toggle.on:hover span:after{ top: 9px; background-color:#f31544; }

#toggle.on + #menu { right:0; opacity: 1; }

/* on activation */
#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(8px, 8px);
  -webkit-transform: rotate(45deg) translate(8px, 8px);
  -moz-transform: rotate(45deg) translate(8px, 8px);
  -o-transform: rotate(45deg) translate(8px, 8px);
  -ms-transform: rotate(45deg) translate(8px, 8px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(5px, -5px);
  -webkit-transform: rotate(-45deg) translate(5px, -5px);
  -moz-transform: rotate(-45deg) translate(5px, -5px);
  -o-transform: rotate(-45deg) translate(5px, -5px);
  -ms-transform: rotate(-45deg) translate(5px, -5px);
}
#toggle.on + #menu {
  opacity: 1;
}




footer { background:#fff; padding:0 0 70px;}
footer #brands.container { max-width:1200px; margin:0 auto; padding-top:90px;}
footer #brands .title { text-align:center; color:#bcbcbc; font-size:11px; line-height:1; letter-spacing:2px; text-transform:uppercase; padding-bottom:30px; margin-bottom:30px;}

footer .big-brands  { overflow:hidden; margin-bottom:40px; }
footer .big-brands  li  img { max-width:160px; display:block; margin:0 auto; }

.brands  { overflow:hidden; margin:60px 0 20px; text-align:center;}
.brands  li { display:inline-block; width:11.111%; height:44px; position:relative; }
.brands  li img { display:block; margin:0 auto; max-width:100%;}

footer nav { display:block; clear:both; float:none; border-top:1px solid #e6e6e6; margin-bottom:50px; border-bottom:1px solid #e6e6e6; padding:40px 50px; }
footer nav li { float:none; margin-bottom:15px; }
footer nav a { color:#aeaeae; font-size:11px; line-height:1.2; letter-spacing:0; text-transform:none; }

footer .logo { display:block; margin:0 auto 35px; max-width:220px }
footer .follow-us {  display:block; text-align:center; color:#aeaeae; font-size:11px; line-height:1; letter-spacing:2px; text-transform:uppercase; }
footer .follow-us i { color:#cacaca; font-size:16px; display:block; margin:10px auto; }

footer #boutique{ background:url(../images/boutique.jpg) no-repeat right 50%; background-attachment:fixed; height:500px; box-shadow:inset 0 0 5px #000; margin-top:0; }
footer #boutique .bg.tot { margin-top:200px!important; }
footer #boutique .wrapper { border-bottom:3px solid #b11818; color:#999; text-align:center; background:#fff; padding:60px 20px; width:280px; margin-top:90px; box-shadow:2px 2px 2px rgba(0,0,0,0.5);}
footer #boutique .wrapper .zig { margin:20px auto; display:block; }
footer #boutique .wrapper .title { color:#222; font:16px copperplateregular; line-height:1; letter-spacing:2px; text-transform:uppercase; margin-bottom:30px; }
footer #boutique .wrapper .address { color:#222; font-size:11px; line-height:1.2; letter-spacing:2px; text-transform:uppercase;  }
footer #boutique .wrapper ul { color:#222; font-size:11px; line-height:1; letter-spacing:1px;   }
footer #boutique .wrapper ul li{ margin-bottom:5px; color:#222!important; }
footer #boutique .wrapper ul li a { color:#222!important; }

footer .madeby { font:11px Open Sans; color :#ccc; text-align:center; position:relative; transition:all 0.3s linear;  margin:100px auto; display:block; }
footer .madeby:hover { color:#222; }
/*
footer .madeby { position:relative; transition:all 0.3s linear;  width:180px; margin:100px auto; display:block; }
footer .madeby img { margin:0; display:block; }
footer .madeby .logo { opacity:0; }
footer .madeby .bg { position:absolute; opacity:0.2; top:0; left:0; width:100%; height:100%; display:block; }
footer .madeby .bull { position:absolute; opacity:1; top:0; left:0; width:100%; height:100%; display:block; }
footer .madeby:hover { background:#f0f0f0; }
footer .madeby:hover .logo { opacity:1; }
footer .madeby:hover .bg { opacity:0;}
footer .madeby:hover .bull { opacity:0;}
*/

#page { transition:background 0.5s linear; position:relative; perspective:1800px; overflow:hidden; width:100%;  }

#home-slide .owl-controls {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
#home-slide .owl-pagination .owl-page {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ccc;
	margin:10px;
	border-radius:10px;
	position:relative;
}
#home-slide .owl-pagination .owl-page.active { background:#222; }
#home-slide .owl-pagination .owl-page.active:after {
	content:''; position:absolute;left:-5px; top:-5px; 
	border:2px solid #222; display:block; width:20px; height:20px; border-radius:20px;
}

#home-slide { height:100%; width:100%; position:absolute; overflow:hidden; }
#home-slide .owl-stage-outer, #home-slide .owl-stage, #home-slide .owl-item, #home-slide .slide { height:100%; }
#home-slide .owl-buttons { display:none; }

#home-slide .slide  { position:relative; overflow:hidden; display:block; } 
#home-slide .slide .title  { font-size:60px; font-family:Montserrat; text-transform:uppercase; font-weight:600; } 
@media(max-width:768px){ 
	#home-slide .slide .title { 
		font-size:7vw;
	} 
}
#home-slide .slide .title .sup-line  { font-size:20px; font-family:Montserrat; font-weight:400; } 

#home-slide .item { 
	position:absolute;     left: 22%;
    max-width: 86%; opacity:0; 
	transform: translate3d(30%,0,0);
	-moz-transform: translate3d(30%,0,0);
	-webkit-transform: translate3d(30%,0,0);
	-ms-transform: translate3d(30%,0,0);
	-o-transform: translate3d(30%,0,0);
	transition:all 1s cubic-bezier(0,.64,.67,1.01) 1s;
}#home-slide .item-bg { 
	position:absolute; max-width:36%; left:45%; opacity:0; 
	transform: translate3d(30%,0,0);
	-moz-transform: translate3d(30%,0,0);
	-webkit-transform: translate3d(30%,0,0);
	-ms-transform: translate3d(30%,0,0);
	-o-transform: translate3d(30%,0,0);
	transition:all 1s cubic-bezier(0,.64,.67,1.01) 1s;
}
#home-slide .filigrane { 
	position:absolute; max-width:100%; top:20%; left:5%; opacity:0; 
	transform: translate3d(-70%,0,0);
	-moz-transform: translate3d(-70%,0,0);
	-webkit-transform: translate3d(-70%,0,0);
	-ms-transform: translate3d(-70%,0,0);
	-o-transform: translate3d(-70%,0,0);
	transition:all 3s cubic-bezier(0,.64,.67,1.01) 0.5s;
}
#home-slide .text {	
	position:absolute; top:35%; left:0%; z-index:200; width:980px; max-width:100%; text-align:center; opacity:0; 
	transform: translate3d(-70%,0,0);
	-moz-transform: translate3d(-70%,0,0);
	-webkit-transform: translate3d(-70%,0,0);
	-ms-transform: translate3d(-70%,0,0);
	-o-transform: translate3d(-70%,0,0);
	transition:all 1s cubic-bezier(0,.64,.67,1.01) 1s;
}
#home-slide .text .zig02 {
    border-top: 2px dotted #829fad;
    display: block;
    height: 1px;
    margin: 20px auto;
    width: 100px;
}
#home-slide .text img.point {
    display: block;
    margin: 20px auto;
}
#home-slide .text p { margin:0; color:#999; font: italic 14px/1.4 "Times New Roman", Times, serif; letter-spacing:2px; line-height:20px; margin-bottom:30px; } 
#home-slide .text p.style02 { margin:0; color:#829fad; font: italic 15px/1.6 "Open Sans", sans serif; letter-spacing:2px;  margin-bottom:20px; } 

#home-slide .text a { transition:all 0.2s cubic-bezier(0,.64,.67,1.01); font-size:13px; border:1px solid #000; color:#fff; padding:17px 30px; display:inline-block; letter-spacing:1px; text-transform:uppercase; } 


#home-slide .text a.button-home { font-family:Montserrat; background:#212121; color:#ffffff; margin-top:40px; border-radius:2px; padding: 15px 50px; font-size:16px; display:inline-block; letter-spacing:1px; text-transform:uppercase; transition:all 0.2s cubic-bezier(0,.64,.67,1.01); } 
#home-slide .text a.button-home:hover { background:#111111; } 

@media(max-width:992px) { 
	#home-slide .text a.button-home { padding: 15px 20px; }
}

#home-slide .text a.button-home-white { transition:all 0.2s cubic-bezier(0,.64,.67,1.01); font-size:13px; border:1px dotted #ffffff;  padding: 10px 50px; display:inline-block; letter-spacing:1px; text-transform:uppercase; margin-top:15px; color:#e0e0e0;} 
#home-slide .text a.button-home-white:hover { background:rgba(255,255,255,0.5); color:#ffffff; border:1px solid #ffffff ;box-shadow: 0 0 50px rgba(237,192,161,0.1),inset 0 0 10px rgba(237,192,161,0.1);  } 

#home-slide .text  .bestwishes { display:block; margin:20px auto; } 

	
#page .push { z-index:5; perspective:600px; max-width:39%; display:block; position:absolute; left:3%; bottom:30px; }
#page .push > a  { color:#fff; display:block;  width:100%; background:#222; overflow:hidden; }
#page .push > a:hover   { color:#fff; }
#page .push > a:hover  > div > img, #page .push > g11:hover   video { opacity:0.3; }
#page .push a > div > img, #page .push a video { transition:opacity 0.3s linear; max-width:100%; display:block; }
#page .push a > div { border:5px solid #fff; }
#page .push a > div > div { z-index:2; position:absolute; top:0; left:0; text-align:center; width:100%; padding-top:21%; }
#page .push .title {
	display:inline-block; margin-bottom:10px;
    font: 20px copperplateregular;
    letter-spacing: 4px;
    text-align: center;
    text-transform: uppercase;
}

#page .push p { font:italic 16px/1 "Times New Roman", Times, serif; color:#fff; letter-spacing:2px; }
#page .push #video-wrapper { border:5px solid #fff; color:#fff; z-index:1; padding:0; position:absolute; width:100%; height:100%; top:0; left:0; overflow:hidden; }
#page .push #video-wrapper .video-js {  padding-top:0; }
.video-js { display:none; width:100%; height:100%; background:transparent; }
.video-js .vjs-tech { height:100%; width:100%; }
.video-js .vjs-poster { background-size:100% 100%; }
.video-js .vjs-big-play-button { top:50%; left:50%; border-radius:5px; width:120px; height:75px; margin-left:-60px; margin-top:-37px; border-radius:5px; border:1px solid #3b4249;   }
.vjs-fullscreen {padding-top: 0px}
html .vjs-default-skin .vjs-controls { display: none; }
#page .push video { width:100%; }


#page .push.right { left:auto; right:3%; }
#page .push.mag p { color:#fff; }


#page .bottom-navigation { min-width:300px; text-align:center;  }
/*#page .bottom-navigation a  { transition:all 0.5s cubic-bezier(0,.64,.67,1.01); position:relative; display:block; padding:40px 0; color:#bcbcbc; font-size:11px; line-height:1.4; letter-spacing:2px; text-transform:uppercase; }*/
#page .bottom-navigation a.whitness  { transition:all 0.5s cubic-bezier(0,.64,.67,1.01); position:relative; display:block; padding:40px 0; color:#bcbcbc; font-size:11px; line-height:1.4; letter-spacing:2px; text-transform:uppercase; color:#ffffff!important; }
#page .bottom-navigation a.blackness  { transition:all 0.5s cubic-bezier(0,.64,.67,1.01); position:relative; display:block; padding:40px 0; color:#bcbcbc; font-size:11px; line-height:1.4; letter-spacing:2px; text-transform:uppercase; color:#333333!important; }
#page .bottom-navigation a { transition:all 0.5s cubic-bezier(0,.64,.67,1.01); position:relative; display:block; padding:40px 0; color:#bcbcbc; font-size:11px; line-height:1.4; letter-spacing:2px; text-transform:uppercase; color:#222222; }
#page .bottom-navigation a i  { background:#111111; transition:all 0.5s cubic-bezier(0,.64,.67,1.01); position:absolute; bottom:0; left:50%; margin-left:-10px; box-shadow:0 0 1px rgba(255,255,255,0.05); display:block; width:21px; height:21px; line-height:21px; text-align:center; border-radius:20px; background:#171717;  color:#ffffff; }
#page .bottom-navigation a i:before  { width: 23px; text-align: center; display: block; }
#page .bottom-navigation a:first-child {  padding:40px 0 20px; }
#page .bottom-navigation a:last-child {  padding:20px 0 40px; }
/*#page .bottom-navigation a i  { transition:all 0.5s cubic-bezier(0,.64,.67,1.01); position:absolute; bottom:0; left:50%; margin-left:-10px; box-shadow:0 0 1px rgba(255,255,255,0.05); display:block; width:21px; height:21px; line-height:21px; text-align:center; border-radius:20px; background:#171717;  }*/

#page .bottom-navigation a:first-child  { border-bottom:1px solid rgba(255,255,255,0.1); box-shadow:inset 0 -1px 0 rgba(0,0,0,0.1); }
#page .bottom-navigation a:first-child i  { top:0; bottom:auto; }

#page .bottom-navigation a:hover { color:#000; }
#page .bottom-navigation a:first-child:hover i { top:-20px; }
#page .bottom-navigation a:hover i { bottom:-20px; }

#page .push.left {
	opacity:0; 
	transform: translate3d(-70%,0,0);
	-moz-transform: translate3d(-70%,0,0);
	-webkit-transform: translate3d(-70%,0,0);
	-ms-transform: translate3d(-70%,0,0);
	-o-transform: translate3d(-70%,0,0);
	transition:all 0.8s cubic-bezier(0,.64,.67,1.01);
}

#page .push.right {
	opacity:0; 
	transform: translate3d(70%,0,0);
	-moz-transform: translate3d(70%,0,0);
	-webkit-transform: translate3d(70%,0,0);
	-ms-transform: translate3d(70%,0,0);
	-o-transform: translate3d(70%,0,0);
	transition:all 0.8s cubic-bezier(0,.64,.67,1.01);
}

#page .bottom-navigation, #page .bottom-content {
	opacity:0; 
	transform: translate3d(0,100%,0);
	-moz-transform: translate3d(0,100%,0);
	-webkit-transform: translate3d(0,100%,0);
	-ms-transform: translate3d(0,100%,0);
	-o-transform: translate3d(0,100%,0);
	transition:all 1s cubic-bezier(0,.64,.67,1.01) 0.5s;
}



/***
/* la maison hardy 
/***/
#page.house { background:#fff;  }
#page.house .push { bottom:20px; max-width:30%;}
#page.house .link-video { display:none; }
#page.house #video-wrapper, #page.house > div { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#page.house #big-container {  margin: 66px 1%; width:98%; }
#big-container { overflow:hidden; position:relative; height:100%; background:#fff; }
#big-container #video-wrapper { overflow:hidden; }
#big-container .content { z-index:2; position:relative; background:rgba(255,255,255,0.9); padding:4% 70px 0; height:100%; width:420px; color:#222;

	transform: translate3d(-420px,0,0);
	-moz-transform: translate3d(-420px,0,0);
	-webkit-transform: translate3d(-420px,0,0);
	-ms-transform: translate3d(-420px,0,0);
	-o-transform: translate3d(-420px,0,0);
	transition:all 0.5s cubic-bezier(0,.64,.67,1.01);

 }
#big-container .content .zig { display:block; margin:20px auto; }
#big-container .content .title { 
	font-size: 30px;
	font-family: Lora;
	font-style: italic;
	margin-bottom: 20px; 
}
#big-container .content p { text-align:justify; margin-bottom:15px; font:14px/20px "Times New Roman", Times, serif;  }

#big-container .content .btn-back {
	margin-top:20px;
	display:block;
    font: 16px copperplateregular;
    letter-spacing: 2px;
    text-align: center;
}

#big-container > img { position:absolute; display:block; top:0; width:2000px;  }
#big-container > video { top:0; position:absolute; width:100%; }

#page.house .push > a > div { background:#000; border:5px solid #000; }
#page.house .push a > div > div { padding-top:15%; }
#page.house .push > a > div > img, #page.house .push > a > video { transition:all 0.5s linear;  opacity:0.3;}
#page.house .push > a  > div > div img { display:block; margin:0 auto 20px; }
#page.house .push > a  > div > div .title { text-transform:uppercase; font: 20px copperplateregular; letter-spacing:4px; text-align:center; }
#page.house .push > a:hover { color:#fff;  }
#page.house .push > a:hover > div > img { opacity:0.7;  }
#page.house .push.fs { bottom:-100%; }
#page.house .push.mobile { display:none; }

#page .bottom-content {  padding:70px 20px 30px; color:#fff; text-align:center; position:absolute; width:24%; margin-left:-12%; left:50%; bottom:3%; }
#page .bottom-content a:hover { color:#fff; }
#page .bottom-content a:hover i { color:#fff; }
#page .bottom-content .title { text-transform:uppercase; font: 20px copperplateregular; letter-spacing:4px; text-align:center;  }
#page .bottom-content p { padding-top:20px;  color:#cbcbcc; text-align:justify; font:14px/20px "Times New Roman", Times, serif; }
#page .bottom-content i  { color:#666; cursor:pointer; transition:all 0.5s cubic-bezier(0,.64,.67,1.01); position:absolute; top:30px; left:50%; margin-left:-10px; box-shadow:0 0 1px rgba(255,255,255,0.05); display:block; width:21px; height:21px; line-height:21px; text-align:center; border-radius:20px; background:rgba(0,0,0,0.3);  }


.aside-nav { width:120%; margin-left:-10%; margin-top:20px; }
.aside-push { z-index:5; max-width:100%; display:block; position:relative; margin-bottom:20px; text-align:center; }
.aside-push > a  { display:block;  width:100%; background:#222; overflow:hidden; }
.aside-push > a:hover   { color:#fff; }
.aside-push > a:hover  > div > img, .aside-push > a:hover   video { opacity:0.3; }
.aside-push a > div > img, .aside-push a video { transition:opacity 0.3s linear; max-width:100%; display:block; }
.aside-push a > div { border:3px solid #fff; }
.aside-push a > div > div { transition:all 0.3s ease-out; z-index:2; position:absolute; top:0; left:0; text-align:center; width:100%; padding-top:11%; }
@media (min-width:992px) {
  .aside-push a  { overflow: hidden; position: relative; }
  .aside-push a > div > div { transform:translateY(100%); opacity:0; }
  .aside-push a:hover > div > div { transform:translateY(0%); opacity:1; }
}
#big-container .content .aside-push .title {
	display:block; margin:5px auto;
    font: 20px copperplateregular;
    letter-spacing: 4px;
    text-align: center;
    text-transform: uppercase;
}
#big-container .content.active {  transform:translate3d(0,0,0) } 
#big-container .content.fs {  transform:translate3d(-420px,0,0) } 

#big-container .content .aside-push p { font:italic 16px/1 "Times New Roman", Times, serif; color:#fff; letter-spacing:2px; text-align:center;}
.aside-push #video-wrapper { border:5px solid #fff; color:#fff; z-index:1; padding:0; position:absolute; width:100%; height:100%; top:0; left:0; overflow:hidden; }
.aside-push #video-wrapper .video-js {  padding-top:0; }

#bottom-links {
	bottom: 0;
    height: 40%;
    position: absolute;
    width: 100%;
}

/***
/* les créations
/***/
#page.creations { background:#fff; background-size:100% 100%; border-bottom:1px solid #eee; }
#page.creations > div { background:#fff;}
#page.creations .content { z-index:2; position:absolute; margin:120px 0 0 4%; height:100%; width:23%; color:#000000; }
#page.creations .content .title { 
  font-size: 30px;
  font-family: Lora;
  font-style: italic;
  margin-bottom: 20px; }
#page.creations .content .subtitle { text-transform:uppercase; letter-spacing:4px; color:#919090; font:12px/20px "Times New Roman", Times, serif; margin-bottom:15px; }
#page.creations .content p { text-align:justify; letter-spacing:2px; color:#919090; font:14px/20px "Times New Roman", Times, serif; margin-bottom:30px; }
#page.creations .img-creations { overflow:hidden; }
#page.creations .img-creations li { float:left; }
#page.creations .img-creations li:first-child { margin-bottom:10px; }
#page.creations .img-creations li:nth-child(2) { margin-right:1%; width:38%; }
#page.creations .img-creations li:nth-child(3) { width:61%; }
#page.creations .img-creations img{ max-width:100%; display:block; }


#creations-slide { display:none; }
#creations-slide .owl-item > div { position:relative; margin-left:26%;  }
#creations-slide .owl-item > div img { max-width:100%; display:block; }
#creations-slide .owl-prev { opacity:0.3; position:absolute; top:50%; left:30%; width:30px; height:60px; background:url(../images/angle-left.png) no-repeat 0 0; text-indent:-10000px; }
#creations-slide .owl-next { opacity:0.3; position:absolute; top:50%; right:3%;  width:30px; height:60px; background:url(../images/angle-right.png) no-repeat 0 0; text-indent:-10000px; }
#creations-slide .owl-prev:hover, #creations-slide .owl-next:hover { opacity:1; }
#creations-slide .description { 
    color: #666;
    font: 12px Open Sans;
    position: absolute;
	z-index: 20;
}
#creations-slide .description .title {  text-transform: capitalize; font: italic 22px Lora;  margin-bottom: 10px;  color: #222; }
#d0 { top: 74%; right: 66%;}
#d1 { top: 70%; right: 76%;}
#d2 { top: 20%; right: 16%;}
#d3 { top: 80%; right: 16%;}
#d4 { left: 71%; bottom: 10%; }
#d5 { left: 10%;top: 15%;}
#d6 { right: 72%;  bottom: 3%;}
#d7 { left: 40%; top: 75%;}
#d8 { right: 70%; top: 65%; }
#d9 { right: 79%;  top: 15%;}
#d10 { left: 52%;  bottom: 10%;}

#creations-slide .description ul { margin-left:-10px; margin-top:15px; }
#creations-slide .description li { float:left; margin-left:5px; }
#creations-slide .description li:first-child { margin-left:0; }
/*#creations-slide .description a { transition:all 0.2s linear; display:block; padding:10px; font-size:11px; letter-spacing:2px; background:#eee; color:#222; text-transform:uppercase; min-width:36px; text-align:center;}
#creations-slide .description a:hover { background:#222; color:#fff; text-transform:uppercase; }
*/
#creations-slide .description li { padding:0 10px; overflow:hidden; }
#creations-slide .description a {
  display: inline-block;
  vertical-align: top;
  -webkit-perspective: 400px;
  -moz-perspective: 400px;
  -ms-perspective: 400px;
  perspective: 400px;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}
#creations-slide .description a span {
	text-transform:uppercase;
	display: block;
	text-align:center;
	background:#ccc; color:#fff;
	min-width:36px;
	position: relative;
	padding:10px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#creations-slide .description a span:after {
	text-transform:uppercase;
	min-width:36px;
	position: relative;
	content: attr(data-title);
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	padding:10px;
	color: #fff;
	background: #333;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform: translate3d( 0px, 100%, 0px ) rotateX( -90deg );
	-moz-transform: translate3d( 0px, 100%, 0px ) rotateX( -90deg );
	-ms-transform: translate3d( 0px, 100%, 0px ) rotateX( -90deg );
	transform: translate3d( 0px, 100%, 0px ) rotateX( -90deg );
}
#creations-slide .description a:hover span {
	color: grey;
	background: #222;
	-webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
	-moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
	-ms-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
	transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
}






#page.catalog { background:url(../images/bg-magazine.jpg) no-repeat center 0 ; background-size:100% 100%;}
/*#page.catalog > div { height:100%; position:absolute; top:0; width:100%; left:0; }*/
#page.catalog .thumbnails { position:absolute;}
#page.catalog .magazine-viewport .container  { height: 100%;left: 50%;position: absolute;top: 50%;width: 100%;}
#page.catalog .magazine-viewport .magazine  { position:absolute; }
#page.catalog .wrapper { position:relative; max-width:100%; width:1200px; margin:60px auto 40px; }
#page.catalog .wrapper > div  { padding-top:67%; position: relative; }
#page.catalog .wrapper > div > div { height:100%; position:absolute; left:0; right:0; top:0;  }


.thumbnails { display:none; }
.magazine-viewport {
	display:none;
    height: 100%;
    width: 100%;
}


/***
/* l'instant Hardy
/***/
#page.instant > div { overflow:hidden; }
/*#page.instant .content {
    color: #000000;
    height: 100%;
    margin: 200px 190px 0 190px;
    position: absolute;
    width: 420px;
    z-index: 2;
}
#page.instant .content {
    color: #000000;
    height: 100%;
    margin: 200px 190px 0 190px;
    position: absolute;
    width: 370px;
    z-index: 2;
}*/
#page.instant .content02 {
    color: #000000;
    margin: 75px auto 0;
    max-width: 1180px;
    position: relative;
    width: 100%;
}
#page.instant .content02 p {
    display: block;
    margin: 20px auto !important;
    max-width: 800px;
    width: 100%;
}
#page.instant .logo-brand {
    display: block;
    margin: 0 auto 25px;
}
#page.instant .products {
    display: block;
    margin: 0 auto;
	max-width:680px;
	width:100%;
}
#page.instant .bg { position:absolute; left:0; }
#page.instant .description {  margin-bottom:60px; overflow:hidden; } 
#page.instant .subtitle { margin:0; color:rgba(255,255,255,0.5); text-align:center; text-transform:uppercase; font: 12px/1.4 "Times New Roman", Times, serif; letter-spacing:4px; line-height:20px; margin-bottom:15px; } 
#page.instant .subtitle02 { margin:0; color:#ffffff; text-align:center; text-transform:uppercase; font: 12px/1.4 "Open Sans",sans-serif; letter-spacing:4px; line-height:20px; margin-bottom:15px; }
/*#page.instant .title { text-align:center; letter-spacing:3px; color:#fff; font:26px copperplateregular; text-transform:uppercase; } 
#page.instant .title02 { text-align:center; letter-spacing:10px; color:#fff!important; font:30px copperplateregular; text-transform:uppercase;} 
#page.instant .title03 { text-align:center; letter-spacing:6px; color:#fff!important; font:22px copperplateregular; text-transform:uppercase;}*/
#page.instant .zig { display:block; margin:20px auto; } 
#page.instant .zig02 { border-top: 2px dotted #fff; display: block; height: 1px; margin: 30px auto 40px; width: 100px;}
#page.instant p.materials { text-transform:uppercase; } 
#page.instant p { margin:0; color:#ccc; text-align:justify; font: 14px/1.4 "Times New Roman", Times, serif; letter-spacing:2px; line-height:20px; margin-bottom:30px; } 
#page.instant p.style02 { margin:0; color:#ffffff; text-align:center; font: italic 14px/20px "Open Sans",sans-serif; letter-spacing:2px; line-height:20px; margin-bottom:15px;  } 
#page.instant .by { color:#ccc; letter-spacing:2px; font: italic 14px/1.4 "Times New Roman", Times, serif;  float:right;  } 
#page.instant .by img { max-width:100px; margin:0 10px; display:inline-block; } 

#page.instant #diaporama li { width:33%; float:left; } 
#page.instant #diaporama li img { max-width:100%; } 

#page.instant .feelings { margin:0 -20px;  clear:both; background:rgba(0, 0, 0, 0.3); border-top:1Px solid rgba(255,255,255,0.1); border-radius:5px; padding:20px;  } 
#page.instant .feelings .title { margin:0; color:rgba(255,255,255,0.5); text-align:center; text-transform:uppercase; font: 12px/1.4 "Times New Roman", Times, serif; letter-spacing:4px; line-height:20px; margin-bottom:15px;  } 
#page.instant .feelings p { margin:0; } 

#page.instant .aside { position:absolute; right:100px; bottom:80px; z-index:3; }
#page.instant .aside .wish-link { transition:all 0.5s linear; margin-bottom:15px; display:block; width:305px; opacity:0.7; position:relative; padding:90px 25px 30Px; background:url(../images/bg-share-link.png) no-repeat 0 0;}
#page.instant .aside .wish-link span { position:relative; z-index:1; letter-spacing:3px; color:#fff; font:13px copperplateregular; text-transform:uppercase; }
#page.instant .aside .wish-link img { transition:all 0.4s linear;  position:absolute; top:-30px; left:20px; z-index:0; }
#page.instant .aside .wish-link:hover { opacity:1;  }

#page.instant a.prev-instant { transition:all 0.4s linear 0; background:url(../images/bg-alpha-50.png) repeat 0 0; width:120px; padding:10px; position:absolute; left:0; top:50%; margin-top:-60px;  display:block; color:#666; font:10px/1.2 Open Sans; line-height:1; letter-spacing:2px; text-transform:uppercase; margin-bottom:30px; }
#page.instant a.prev-instant .img { transition:all 0.4s linear; margin-top:10px; width:100px; height:60px; overflow:hidden; border:1px solid transparent; }
#page.instant a.prev-instant img { max-width:100%; }
#page.instant a.prev-instant i { float: left; font-size: 15px; height: 20px; margin-right: 8px; margin-top: 3px; }
#page.instant a.prev-instant:hover { color:#fff; }
#page.instant a.prev-instant:hover .img { border:1px solid #999; }

#page.instant a.next-instant { transition:all 0.4s linear; text-align:right; background:url(../images/bg-alpha-50.png) repeat 0 0; width:120px; padding:10px; position:absolute; right:0; top:50%; margin-top:-60px;  display:block; color:#666; font:10px/1.2 Open Sans; line-height:1; letter-spacing:2px; text-transform:uppercase; margin-bottom:30px; }
#page.instant a.next-instant .img { transition:all 0.4s linear; margin-top:10px; width:100px; height:60px; overflow:hidden; border:1px solid transparent; }
#page.instant a.next-instant img { max-width:100%; }
#page.instant a.next-instant i { float: right; font-size: 15px; height: 20px; margin-left: 8px; margin-top: 3px; }
#page.instant a.next-instant:hover { color:#fff; }
#page.instant a.next-instant:hover .img { border:1px solid #999; }

#page.instant.right .bg { position:absolute; left:auto; right:0; }
#page.instant.right .content { right:0; }
#page.instant.right .aside { right:auto; left:80px; }

#page.instant .content {
	transform: translate3d(-1000px,0,0);
	-moz-transform: translate3d(-1000px,0,0);
	-webkit-transform: translate3d(-1000px,0,0);
	-ms-transform: translate3d(-1000px,0,0);
	-o-transform: translate3d(-1000px,0,0);
	transition:all 1s cubic-bezier(0,.64,.67,1.01) 0.5s;
}
#page.instant.right .content {
	transform: translate3d(650px,0,0);
	-moz-transform: translate3d(650px,0,0);
	-webkit-transform: translate3d(650px,0,0);
	-ms-transform: translate3d(650px,0,0);
	-o-transform: translate3d(650px,0,0);
	transition:all 1s cubic-bezier(0,.64,.67,1.01) 0.5s;
}
#page.instant a.prev-instant {
	transform: translate3d(-120px,0,0);
	-moz-transform: translate3d(-120px,0,0);
	-webkit-transform: translate3d(-120px,0,0);
	-ms-transform: translate3d(-120px,0,0);
	-o-transform: translate3d(-120px,0,0);
	transition:all 1s cubic-bezier(0,.64,.67,1.01) 0.5s;
}
#page.instant a.next-instant {
	transform: translate3d(120px,0,0);
	-moz-transform: translate3d(120px,0,0);
	-webkit-transform: translate3d(120px,0,0);
	-ms-transform: translate3d(120px,0,0);
	-o-transform: translate3d(120px,0,0);
	transition:all 1s cubic-bezier(0,.64,.67,1.01) 0.5s;
}

#page.instant.right .aside {
	transform: translate3d(-400px,0,0);
	-moz-transform: translate3d(-400px,0,0);
	-webkit-transform: translate3d(-400px,0,0);
	-ms-transform: translate3d(-400px,0,0);
	-o-transform: translate3d(-400px,0,0);
	transition:all 1s cubic-bezier(0,.64,.67,1.01) 0.5s;
}
#page.instant .aside {
	transform: translate3d(400px,0,0);
	-moz-transform: translate3d(400px,0,0);
	-webkit-transform: translate3d(400px,0,0);
	-ms-transform: translate3d(400px,0,0);
	-o-transform: translate3d(400px,0,0);
	transition:all 1s cubic-bezier(0,.64,.67,1.01) 0.5s;
}

.share-link { 
  transition: all 0.5s linear;
  z-index: 200;
  opacity: 1;
  display: flex;
  flex-wrap: wrap;
  width: 800px;
  max-width: 90%; 
  height: auto;
  overflow: hidden;
  position: relative;
  padding: 25px 25px 15px;
  background: #fff;
  color: #222;
  margin: 0 auto 60px;
  justify-content: space-between;
}

.share-link:hover { opacity:1; }
.share-link span { display:block; margin-bottom:15px; position:relative; z-index:1; letter-spacing:3px; color:#222; font:13px copperplateregular; text-transform:uppercase; }
.share-link li { float:left; margin-right:5px; }
.share-link a {transition:all 0.3s ease-out; border: 1px solid #ccc; cursor:pointer; color:#222; line-height:50px; text-align:center; border-radius:2px; display:block; width:50px; height:50px; font-size:18px; background:rgba(255,255,255,0.5); opacity:0.6; }
.share-link a:hover {   border: 1px solid #222; opacity:1; color:#b0141a;}
.share-link .nl-link  { line-height:1.1; display:block; clear:both; color:#666; text-align:left; padding:15px; font-size:13px; background:none; width:auto; height:auto;  }
.share-link .nl-link .fa-paper-plane  { margin-right:10px; }


#page.wishlist .bg { position:absolute; left:50%; top:50%; margin-top:-542px; margin-left:-960px;}
#page.wishlist #wishlist  { width:420px; position:absolute; left:10%; top:20%; }
#page.wishlist #wishlist .head  { padding:20px 30px; text-transform:uppercase; font:12px "Times New Roman", Times, serif; letter-spacing:2px; color:#acabae; background:#2c2836; }
#page.wishlist #wishlist .head .title  {  display:block; color:#fff; font:28px copperplateregular; text-transform:uppercase; }
#page.wishlist #wishlist .wrapper  {  background:#fff; padding:10px 10px 20px; }
#page.wishlist #wishlist .wrapper .no-item {  font:italic 13px "Times New Roman", Times, serif; letter-spacing:1px; color:#acabae; padding:80px 0; text-align:center; }
#page.wishlist #wishlist .wrapper .items { max-height:310px; position:relative; overflow:hidden; padding:0 10px;   }
#page.wishlist #wishlist .wrapper .item { display:block; padding:30px 0 30px 100px; position:relative; border-top:1Px solid #eee;  }
#page.wishlist #wishlist .wrapper .item img { position:absolute; width:90px; left:0; top:10px; }
#page.wishlist #wishlist .wrapper .item .title { color:#000; font:17px copperplateregular; text-transform:uppercase;  }
#page.wishlist #wishlist .wrapper .item span { font-size:12px; color:#333;  }
#page.wishlist #wishlist .wrapper .item a:hover span { text-decoration:underline; }
#page.wishlist #wishlist .wrapper .item:first-child { border-top:0; }
#page.wishlist #wishlist ul { overflow:hidden; font-size:12px; }
#page.wishlist #wishlist ul li { float:left; margin-right:10px; }
#page.wishlist #wishlist ul a { color:#999; }

#page.wishlist .saveit { padding:10px; background:#F7F7F7; color:#999; font:italic 14px "Times New Roman", Times, serif; text-align:center; border-radius:3px; margin:10px 0; border:1px solid #ccc;}
#page.wishlist #wishlist .btn-delete { position:absolute; right:10px; color:#999; top:28px; }
#page.wishlist #wishlist .btn-delete:hover { color:#333; }

#page.wishlist .share-link{ margin-left:450px; position:absolute; left:10%; top:20%; }


.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}


#slide-1 { background:#fff; }
/*#slide-1 .text .title { color:#d08668; }*/
#slide-1 .text .title { color:#edc0a1; }
#slide-1 .text { right:58%; }
#slide-1 .item { left:30%; top:0%; max-width:66%; }
#slide-1  .text a { color:#999; border-color:#ccc; }
#slide-1  .text a:hover { color:#333; }
@media (max-width:1200px) {
	#slide-1 .item { left:30%; top:80px; max-width:66%; }
}
@media (max-width:1600px) {
	#slide-1 .item { top:6%; }
}

#slide-66 { background:#fff; }
/*#slide-66 .text .title { color:#d08668; }*/
#slide-66 .text .title { color:#829fad; }
#slide-66 .text { right:58%; }
#slide-66 .text02 { right:68%; top: 14%; }
#slide-66 .text03 { right:68%; top: 24%; }
#slide-66 .item { left:30%; top:0%; max-width:66%; }
#slide-66  .text a { color:#999; border-color:#ccc; }
#slide-66 .text a:hover { color:#333; border:1px solid #829fad;  background:rgba(130,159,173,0.1)}
	
@media (max-width:1200px) {
	#slide-66 .item { left:30%; top:80px; max-width:66%; }
	#slide-66 .item-full { top:-20%; }
}
@media (max-width:1600px) {
	#slide-66 .item { top:6%; }
}


/*
#page.content-66 .bg { left:-200px; top:-100px; }
#page.content-66 .subtitle { color:#ff0000!important; }
#page.content-66 .title { color:#ffffff!important; }
#page.content-66  { background:#000!important; }


@media (max-width:1500px) {
	#page.content-66 .content { margin:120px 80px 0; }
}
	
@media (max-width:1200px) {
	#page.content-66 .bg { left:0px; top:-100px; }
}
*/





#slide-cartier-white-gold .item-full { position:relative; max-width:100%; }
#slide-cartier-white-gold .text a.button-home-white { background:rgba(255,255,255,0.4); border:1px solid #ffffff; color:#222; font-size:14px; font-weight:bold; }
#slide-cartier-white-gold .text a.button-home-white i { color:#991311; }
#slide-cartier-white-gold .text a.button-home-white:hover { background:#fff; color:#222;  }
#modal-youtube-video  { z-index:199999999999; text-align:center;}
#modal-youtube-video .modal-content { z-index:199999999999; margin:50px auto; border-radius:0;  }
#modal-youtube-video .modal-backdrop { z-index:19999999999; }
#modal-youtube-video iframe { display:block; margin:0; height:100%; width:100%; }
#modal-youtube-video .close {
    position: absolute;
    right: -37px;
    opacity: 1;
	text-shadow:none;
    font-size: 12px;
	color:#999;
    background-color: #333;
    padding: 14px;
    top: 0;
}
#modal-youtube-video .close:hover { background:#fff; color:#222; }



@media (min-width:1600px) { 
	#slide-cartier-white-gold .text { top:20%; right:70%; }
	#slide-cartier-white-gold  .item-full { margin-top:-320px; }
}
@media (min-width:992px) { 
	#slide-cartier-white-gold .text { top:15%; right:68%; }
}
@media (max-width: 992px) {
	#slide-cartier-white-gold { margin-top:0!important; padding-top:0!important; }
	#slide-cartier-white-gold .text { width: 100%; position: relative !important; text-align: center; top: 40% !important; }
}
@media (max-width: 768px) {
	#slide-cartier-white-gold .text { 
		bottom: 60px!important;
		top: auto!important;
	}
}




#page.contact #jpreOverlay { display:none; }
#page.contact > div  { overflow:hidden; height:100%; position:relative; }
#page.contact #contacts-map { position:absolute!important; top:0; left:0; height:100%; width:100%; position:relative; z-index:200; }
#page.contact  .wrapper { float:left; margin-right:20px; position:relative; z-index:220; border-bottom:3px solid #b11818; color:#ccc; text-align:center; background:#fff; padding:60px 20px; width:280px; margin-top:0; box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
#page.contact  .wrapper .zig { margin:20px auto; display:block; }
#page.contact  .wrapper .title { color:#666; font:16px copperplateregular; line-height:1; letter-spacing:2px; text-transform:uppercase; margin-bottom:30px; }
#page.contact  .wrapper .address { color:#666; font-size:11px; line-height:1.2; letter-spacing:2px; text-transform:uppercase;  }
#page.contact  .wrapper ul { color:#666; font-size:11px; line-height:1; letter-spacing:1px;   }
#page.contact  .wrapper ul li{ margin-bottom:5px; }
#page.contact  button { border:0; background:#b11818; color:#fff; text-transform:uppercase; padding:10px;  }
#page.contact  button:hover { background:#820a0a; }
#page.contact  .checkbox { text-align:left; color:#444; }

#page.contact #contacts-form { width:500px; max-width:90%; }
#page.contact .container { margin-right:5%; position:relative; z-index:220; height:100%; padding:100px 0; max-width:50%; float:right;  }
#page.contact .container .wrapper {  width:500px; margin-left:50px; float:left; clear:both; }
#page.contact .container #contacts-form { clear:none; float:left; width:60%; margin:0 0 0 2%; }
#page.contact .container #contacts-address { padding-top:160px; height:490px;  clear:none; float:left; width:38%; margin:0; }
#page.contact .container #contacts-address .title  img { max-width: 100%; width: 220px; }

#page.contact .container #contacts-form {
	transform: translate3d(850px,0,0);
	-moz-transform: translate3d(850px,0,0);
	-webkit-transform: translate3d(850px,0,0);
	-ms-transform: translate3d(850px,0,0);
	-o-transform: translate3d(850px,0,0);
	transition:all 1s cubic-bezier(0,.64,.67,1.01) 0.5s;
}
#page.contact .container #contacts-address {
	transform: translate3d(1150px,0,0);
	-moz-transform: translate3d(1150px,0,0);
	-webkit-transform: translate3d(1150px,0,0);
	-ms-transform: translate3d(1150px,0,0);
	-o-transform: translate3d(1150px,0,0);
	transition:all 1s cubic-bezier(0,.64,.67,1.01) 0.5s;
}
.form-group { margin-bottom: 15px; }
.form-control {
    background-color: #eee;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 12px;
    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%;
}

textarea.form-control { resize: vertical; }

.radio label, .checkbox label { font-size:12px; }
.form-control:focus { background:#f7f7f7; border-color:#edc0a1; box-shadow:0 0 50px rgba(237, 192, 161, 0.1), 0 0 10px rgba(237, 192, 161, 0.1) inset; }

/***
/* Newsletter
/***/
#page.newsletter .bg { position:absolute; top: 50%; margin-top: -507px;}
#page.newsletter .error { color:#ff0000; }
#page.newsletter .container { z-index:2; position:relative;}
#page.newsletter .logo { width:100%; max-width:250px; display:block; margin:0 auto 40px; }
#page.newsletter legend { margin:20px 0; letter-spacing:2px; text-transform:uppercase;}
#page.newsletter label {  margin-bottom:3px; }
#page.newsletter .wrapper {
	float:right;
    background: none repeat scroll 0 0 #fff;
    border-bottom: 3px solid #b11818;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    color: #999;
    margin-top: 90px;
    padding: 40px 20px;
    text-align: left;
    width: 330px;
	max-width:100%;
}
#page.newsletter input[type="submit"] {
	float:right;
    background: none repeat scroll 0 0 #b11818;
    border: 0 none;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
}


.BCPSiFrameContainer { overflow:hidden; }
.BCPSiFrameContainer > iframe  {
    display: block;
    height: 530px;
    /* margin: 120px auto; */
    width: 730px;
}
#page.cartier { background:#000; } 
#page.cartier .bg { display:none; } 

#share-by-email  {
    max-width: 300px;
    padding: 20px 10px;
    text-align: center;
    width: 300px;
}
#share-by-email .title {
    color: #666;
    font: 16px/1 copperplateregular;
    letter-spacing: 2px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
#share-by-email .zig { display: block; margin: 20px auto 30px; }
#share-by-email p {  margin-bottom:20px; }
#share-by-email .form-group {  margin-bottom:35px; }
#share-by-email button {
    background: none repeat scroll 0 0 #b11818;
    border: 0 none;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
}
.fancybox-skin { border-radius:0; border-bottom:3px solid #b11818; }



/***
/* Mentions
/***/
#page.mentions { background:url(../images/bg-wishlist.jpg) no-repeat fixed left 0 #131313; }
#page.mentions .bg { display:none; }
#page.mentions p { margin-bottom:20px; }
#page.mentions hr { margin:40px 0; border-color:#222; }
#page.mentions .bg { position:absolute; left:0; }
#page.mentions .title { font:42px copperplateregular; letter-spacing:2px; color:#d63649; margin-bottom:50px;  }
#page.mentions h2 { font:22px copperplateregular; color:#fff; margin-bottom:20px; }
#page.mentions .wrapper { color:#999; margin: 100px 80px; max-width: 500px; position: relative; z-index: 2; } 
@media (max-width:992px) {#page.mentions .title { font-size:14px; }}

/***
/* sitemap
/***/

#page.sitemap { background:url(../images/bg-wishlist.jpg) no-repeat fixed left 0 #131313; }
#page.sitemap .bg { display:none; }
#page.sitemap p { margin-bottom:20px; }
#page.sitemap hr { margin:40px 0; border-color:#222; }
#page.sitemap .bg { position:absolute; left:0; }
#page.sitemap .title { font:42px copperplateregular; letter-spacing:2px; color:#d63649; margin-bottom:50px;  }
#page.sitemap h2 { font:22px copperplateregular; color:#fff; margin-bottom:20px; }
#page.sitemap .wrapper { color:#999; margin: 100px 80px; max-width: 500px; position: relative; z-index: 2; } 

#sitemap ul { margin-left:20px; margin-top:20px; }
#sitemap ul li { margin-bottom:10px; }
#sitemap ul li  a { 
	font-size:11px;
	letter-spacing: 2px;
    line-height: 1;
    text-transform: uppercase; 
	color:#bcbcbc;
}
#sitemap ul li  a:hover { color:#fff; } 
#sitemap ul ul { list-style:disc; }
#sitemap ul .sep { border-top:1Px solid #333; margin:20px 0; }

#home-tel-link { 
	display:none;
	text-align:center;
    top: 20px;
    position: fixed;
	z-index:200000000000;
	right:40px;
    color: #222;
    font: bold 16px "Montserrat";
}

/***
/* catalog btns
***/
#magazine-menu { display: flex; justify-content: space-between}
.btn-catalog { 
  width:140px;
  height: 230px;
  display: block;
  position: relative;
}
.btn-catalog i{ transition:all 0.2s linear;  padding:15px 10px; background:#fff;  color:#666; }
.btn-catalog:hover i { padding:15px;  }
.btn-catalog > span { display:block; left:0; transition:all 0.3s linear; }

.btn-catalog > span { display:block; position:absolute; top:50px; left:10px; transition:all 0.5s cubic-bezier(0,0.5,0.5,1); }
.btn-catalog > span .thumb { transition:all 0.5s cubic-bezier(0,0.5,0.5,1); border:4px solid #fff; display:inline-block; }
.btn-catalog > span .thumb:hover { border:4px solid #fff;  }
.btn-catalog > span .title {
	min-width:110px; 
    color: #bcbcbc;
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 1;
	display:block; padding:3px 5px;
    text-transform: uppercase;
    transition: all 0.3s linear 0s;
}
.btn-catalog:hover > span .title { color:#fff; }

#btn-next-catalog i { right:0; position:absolute; }
#btn-next-catalog { left:auto; right:0; }
#btn-next-catalog > span { left:auto; right:10px; text-align:right; }
#page.catalog > #magazine-menu { display:flex; height:auto;   position: absolute;  bottom: 0;  left: 0;  right: 0;}

@media (min-width:1200px) { 
  .btn-catalog {  position:absolute; left:0; top:50%; z-index:9999; height:300px; } 
}

@media (max-width:1500px) {
	/*#page.instant .content {position:relative; margin:120px 160px 0; }*/
	#page.instant.right .content { float:right; position:relative; }
	#page.instant .aside { clear:both; width:auto; margin:50px 150px; left:auto; right:auto; bottom:auto; float:none; }
	#page.instant .aside > * { float:left; margin-right:20px; }
	
	#page.instant .aside { position:relative; }
	#page.instant .bg { width: 150%; }
	
	
}
@media (min-width:1300px) {
	#page.newsletter .wrapper { margin-top:220px; }
	.aside-nav { margin-top:70px; }
	header .pull-right span, header .pull-right .tel { display:inline-block; margin-left:4px; }
}
@media (max-width:1200px) {
	#page.house .push { max-width:25%;}
	#page.house .push a > div > div { padding-top:9%; }
	#page .bottom-content { width:40%; margin-left:-20%; z-index:20; }
	#page .push a > div, #page .push #video-wrapper { border:3px solid #fff; }
	#page .bottom-navigation { bottom:4%; }
	#page .bottom-navigation a { padding:30px 0; }
	#home-slide .text { top:15%; }
	#logo { margin-right:20px; }
	nav { margin-top:23px; }
	
	
	#page.creations .content { overflow:hidden; position:relative; width:auto; margin:120px 50px 0 50px;} 
	#page.creations .content .text { padding-top:20px; float:right; width:50%; margin:0 5%; } 
	#page.creations .content .img-creations { float:left; width:35%; } 
	#page.creations .content .img-creations li:first-child { width:100%; margin-bottom:3px; } 
	#creations-slide .owl-item > div { margin:0; }
	#creations-slide .owl-prev { left:3%; }
	
	
	#creations-slide .description { padding:30px; position:absolute; margin-bottom:0; right:auto; left:auto; top:auto; bottom:0; text-shadow:1px 1px 0 #fff; }
	#creations-slide .owl-prev { top:40%; }
	#creations-slide .owl-next { top:40%; }
	
	
	#big-container .content { width:360px; }
	#big-container .content .title { font-size:20px; }
	#page .bottom-content .title { font-size:18px; }
	#page.house .push > a > div > div .title { margin-bottom:5px; }
	
	#page.contact .container { max-width:70%; padding-top:120px; margin-right:0; }
}


@media (max-width:1050px) {
	#page.catalog .thumbnails { display:none!important; }
}

@media (max-width:1200px) {

	.mobile { display:block; }
	
	#toggle { z-index:502; }
	header #menu { display:block; z-index:501; right:-100%; transition:all 0.5s cubic-bezier(0,.64,.67,1.01); background:#111; box-shadow: inset 1px 0  0 rgba(255,255,255,0.1); padding:0 30px 0; position:fixed; top:0; width:100%; height:100%;  } 
	#menu .logo { display:block;width:189px; margin:20px; margin:20px 0; } 
	#menu li { float:none; width:auto; display:block; } 
	#menu li a { color:#bcbcbc!important; display:block; padding:10px 0; height:auto; line-height:1.4; } 
	#menu nav { margin-left:0; float:none; margin-top:5px; } 
	#menu nav:first-child { padding-bottom:20px; } 
	#menu nav.pull-right { border-top:1px solid #333; clear:both; float:none!important; width:auto; display:block; } 
	#menu nav.pull-right span { margin-left:5px; display:inline-block; } 
	#menu .tel { border:1px solid #333;display:block; width:160px; margin:10px auto 0; text-align:center; } 
	#menu .pull-right .tel span { display:none; } 
	#menu .tel { width:220px; } 
	#menu .tel a { display:block; padding:3px; font-size:16px; font-family:Montserrat; } 
	
	#toggle { display:block; }
	#home-slide { position:relative; }
	#home-slide .item {  display:block; margin:70px auto 0; max-width:100%; position:relative; top:auto; left:auto; right:auto; width:auto; }
	#home-slide .text  { padding:30px 0 50px; position:relative; left:auto; top:auto; right:auto; margin:0; width:auto; }
	
		#home-slide .text > img {
			display: block!important;
			margin: 35px auto 25px !important;
		}

		 #home-slide #slide-66 .item-full {
			top: -20%;
			max-width : 100%;
		}
	
		#home-slide .text {
			width: 100%;
			position: absolute !important;
			text-align: center;
		}
		#page .bottom-navigation a  { transition:all 0.5s cubic-bezier(0,.64,.67,1.01); position:relative; display:block; padding:40px 0; color:#bcbcbc; font-size:11px; line-height:1.4; letter-spacing:2px; text-transform:uppercase; }
	#page .bottom-navigation a i  {  transition:all 0.5s cubic-bezier(0,.64,.67,1.01); position:absolute; bottom:0; left:50%; margin-left:-10px; box-shadow:0 0 1px rgba(255,255,255,0.05); display:block; width:21px; height:21px; line-height:21px; text-align:center; border-radius:20px; background:#171717;  color:#333333!important; }
	
	#slide-flot .item { margin-bottom:-10%;}
	

	#page { height:auto; }
  #page.house { height:auto !important; }
	#page .push { position:relative; width:80%; left:auto; right:auto!important; margin:20px auto; max-width:none; }
	#page .push #video-wrapper { display:none;}
	#page .push p { font-size:14px; }
	
	#page .bottom-navigation { position:relative; bottom:auto; width:80%; left:10%; margin:0 0 40px 0;  }
	#page .bottom-content { position:relative; bottom:auto; width:80%; left:10%; margin:0 0 40px 0;  }
	
	#page.instant .bg, #page.instant.right .bg { position:relative; display:block; width:90%; margin:70px auto 20px; left:auto; right:auto; top:auto; }
	#page.instant.content-66 .bg { position:relative; display:block; width:260%; margin:70px -80% -10%; left:auto; right:auto; top:auto; }
	#page.instant.content-66 p span { white-space:nowrap; }
	#page.instant .content { float:none; margin: 0 auto; max-width: 500px;  padding: 30px;  position: relative;  width: auto; }
	#page.instant.right .content { float:none;  }
	#page.instant .aside {  position:relative; left:auto; right:auto; bottom:auto; width:305px; margin:50px auto;  float:none; }
	#page.instant.right .aside { position:relative; left:auto; right:auto; bottom:auto; width:305px; margin:50px auto;  float:none; }
	
	#page.instant { padding-bottom:150px; } 
	#page.instant a.prev-instant { top:auto; bottom:10px; } 
	#page.instant a.next-instant { top:auto; bottom:10px; } 
	
	#page.creations .img-creations { padding:20px 0; }
	#page.creations .img-creations img { width:100%; }
	#page.creations .img-creations li:first-child { width:41.8%; }
	
	.big-brands > li { margin-bottom:20px; height:100px; }
	.brands { text-align:center;  }
	.brands .front { width:160px; float:none; display:inline-block; }
	
	#page.house #video-wrapper, #page.house > div { position:relative; }
	#page.house #big-container  { height:auto!important; margin:66px 0 20px;}
	#page.house .push { max-width: 60%; }
	#big-container .content {
		padding:0 10% 0;
		transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
	}
	#big-container .content p { color:#666; }
	#big-container .content { padding-top:40px; width:auto; color:#222; background:none; }
	#page .bottom-content { padding:30px 0 30px; }
	#page .bottom-content a { display:none; }
	#page .bottom-content .title { color:#222; }
	#page .bottom-content p { color:#666; }
	#video-wrapper { display:none; }
	
	#page.house .link-video { 
		margin: 40px auto;
    max-width: 75%;
		padding: 20px; 
		display:block;
    background: #ffffff;
    border: solid 1px #b7b7b7;
    color: #d31a1a;
		font: 18px copperplateregular;
		letter-spacing: 2px;
		text-align:center;
    transition: all 0.15s ease-in-out;
	}

  #page.house .link-video:hover {
    background: #d31a1a;
    color: #ffffff;
    border-color: #d31a1a;
  }
	

  #page.house .aside-push {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

	#page.wishlist #wishlist .head { background-position:right 0; }
	#page.wishlist #wishlist { margin:120px auto 0; max-width:420px; width:100%; position:relative; left:auto; top:auto; }
	#page.wishlist .share-link{ margin:20px auto; position:relative; left:auto; top:auto; width:420px;}

	/*
	footer .madeby .logo { opacity:1; }
	footer .madeby .bg { position:absolute; opacity:0.2; top:0; left:0; width:100%; height:100%; display:block; }
	footer .madeby .bull { position:absolute; opacity:0; top:0; left:0; width:100%; height:100%; display:block; }
	*/
	#page.contact .container { background:none; max-width:100%; width:100%; margin: 150px 0 30px; padding:0 30px; }
	#page.contact .wrapper, #page.contact #contacts-address, #page.contact #contacts-form { background:#fff; width:100%; margin:20px 0; max-width:unset; border-bottom:3px solid #b11818; box-shadow:2px 2px 2px rgba(0,0,0,0.2); }
	
	#page.catalog > div { position:relative; }
	#page.catalog .wrapper { position:relative; margin-top:70px; padding-top: 77%;}
	#page.catalog .wrapper > div { 
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;}
	#page.catalog .magazine-viewport { display:block!important; }
	#page.catalog .magazine-viewport .container { position:relative; width:100%; left:100%; top:0; left:0; overflow:auto; }
	#page.catalog .magazine-viewport .container .magazine { position:relative; width:100%; height:auto!important;  left:0; top:0; }
	#page.catalog .magazine-viewport .container .magazine img { max-width:100%; width:100%; }
	#page.catalog .owl-buttons { text-align:center; }
	#page.catalog .owl-prev { color:#fff; font-size:30px; display:inline-block; border-radius:5px; border:1px solid rgba(255,255,255,0.4); margin:5px; padding:10px 20px; }
	#page.catalog .owl-next { color:#fff; font-size:30px;display:inline-block; border-radius:5px; border:1px solid rgba(255,255,255,0.4); margin:5px; padding:10px 20px; }
	
}

@media screen and ( max-width: 992px ) {
  #page.house .aside-push a > div > div { color: #ffffff; }
  #page.house .aside-push a > div > img,
  #page.house .aside-push a video { opacity: 0.3; }
  
}

@media (max-width:600px) {
	#menu { overflow:auto; }
	#home-slide .item { margin:90px auto -50px; }
	/* #home-tel-link { display:block; } */
	#page.creations .img-creations li { width:100%!important; margin:0 0 10px 0; }
	footer #boutique .wrapper { margin:90px auto 0; }

  #page.contact .container #contacts-address { width: 100%; margin: 10px; height: auto; padding: 60px 20px;  }
  #page.contact .container #contacts-form { width: 100%; margin: 10px; }
  #page.house .push { max-width: 100%; }
}

@media (max-width:500px) {
	#page.creations .content .img-creations { float:none; clear:both; width:auto; }
	#page.creations .content .text { float:none; width:auto; }
	#creations-slide .description { position:relative; }
	.brands .front { width:50%; }

  #page.house .aside-push { max-width: 100%; }

}
.print{display:none; }

/* maj 25/11/15 - Joyeuses fêtes */

#home-mag-link { max-width:500px; position:absolute; bottom:0; right:55%; display:block;  background:#fff; overflow:hidden; }
#home-mag-link img { transition:all 0.5s ease; max-width:100%; display:block; }
#home-mag-link:hover { color:#fff; }
#home-mag-link:hover img { transform:scale(1.05); }
#home-mag-link > div { 
	z-index:2; 
	float:left;
    padding: 90px 30px 90px 20px;
    text-align: left;
	color:#222;
}

#home-mag-link .title {
	display:inline-block; margin-bottom:5px;
    font: 20px Montserrat; font-weight:600;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
}
#home-mag-link p { font:16px/1 Montserrat, sans-serif; text-transform:uppercase; color:inherit; letter-spacing:2px; }

.brands .clear { clear:both; }

#hardys-time .content { text-align:center; max-width:500px; margin-top:200px; }
#hardys-time .title { color:#111; font:bold 26px copperplateregular; text-transform:uppercase; letter-spacing:7px; margin-bottom:7px; }
#hardys-time .baseline { color: #111; font: bold 17px copperplateregular; text-transform: uppercase; letter-spacing: 4px; margin-bottom:17px; }
#hardys-time .content p { text-align:center; color:#8ca3af; font:16px/1.5 'Open Sans', sans-serif; }
#hardys-time img { max-width:100%; display:block; }

#brand  { padding:120px 0 0 ; }
#brand .logo  { display:block;  }
#brand .big-title { font-size:30px; margin-bottom:20px; margin-top:30px;  }
#brand .title { font-size:14px; font-weight:bold; margin-top:20px; margin-bottom:15px; }
#brand p { color:#666; font-size:14px; line-height:1.7; margin-bottom:15px;}

@media (min-width: 1200px) {
	#brand .container {
		width: 1500px;
	}
}

#rolex-digital-corners { max-width:800px; width:100%; height:520px; }
#tudor-digital-corner { max-width:800px; width:100%; height:520px; }
#brand.rolex .container { width:1710px; max-width:100%; }
#brand .rlx-white-text { background:#212121; color:#e6e6e6; padding:40px; }
#brand .rlx-white-text .title { 
    max-width: 600px;font-size:30px; text-transform:uppercase; font-weight:300; letter-spacing:2px; }
#brand .rlx-black-text { color:#212121; padding:40px; }
#brand .rlx-black-text .title { 
    max-width: 600px; font-size:30px; text-transform:uppercase; font-weight:300; letter-spacing:2px; }

@media (max-width:992px) { 
	#home-slide .text { position:relative!important; top:auto; left:auto; width:auto; margin:150px auto; }
	#home-mag-link { position:relative!important; margin:0 auto 40px; right:auto; left:auto; width:auto; text-align:center; }
	#home-mag-link img { float:none; margin:20px auto; }
	#home-mag-link > div { float:none; padding:20px; text-align:center; }
	#page .bottom-navigation { margin-left:auto; bottom:auto; left:auto; width:auto; }
}

#cobranding { 
    margin: 0 auto;
    width: 144px;
}
#cobranding a img { margin: -17px 0 0 0;}

/** MAJ FEVRIER 2016 **/
#tudor-digital-plaque { margin-bottom:20px; }

/* PAGE BAUME & MERCIER */
#page.baume { background:#19181d ; }
#page.chanel { background:#19181d url('/bundles/hardy/images/instant/chanel/bg-montres-chanel.jpg') repeat; }
#page.baume .slide-1 { padding:100px 40px 0; position:relative; }
#page.baume .slide-1 p { font-size:16px; color:#fff; text-align:justify; line-height:1.6; margin-bottom:16px; }
#page.baume .slide-1 .logo { display:block; margin:0 auto; margin-bottom:30px; margin-top:3% ;}
#page.baume .slide-1 .name { margin-bottom:20px; line-height:1.4; font-family:copperplateregular; font-size:10px; color:#fff; font-weight:bold; text-align:center; letter-spacing:2px;  margin-top:0px; }
#page.baume .slide-1 .title { line-height:1.4; font-family:copperplateregular; font-size:22px; color:#fff; font-weight:600; text-align:center; letter-spacing:2px; margin-bottom:30px; }
#page.baume .slide-1 .watches { max-width:90%; display:block; margin:0 auto; }
#page.baume .arrow { position:absolute; bottom:20px; right:20px; }
#page.baume .aside { margin-top:300px; }

#baume-watches { margin-left:-40px; margin-right:-40px; padding:0 40px 60px; background:url(../images/instant/baume/baume-bg.jpg) no-repeat left top #19181d; }
@media (min-width:992px) { #baume-watches {  background-size:100%; } }

#chanel-watches { margin-left:-40px; margin-right:-40px; padding:0 40px 60px;  }
@media (min-width:992px) { #chanel-watches {  background-size:100%; } }

#page.baume .aside { margin-top:270px; }
#page.baume .aside .wish-link { transition:all 0.5s linear; margin-bottom:15px; display:block; width:305px; opacity:0.7; position:relative; padding:90px 25px 25Px; background:url(../images/bg-share-link.png) no-repeat 0 0;}
#page.baume .aside .wish-link span { position:relative; z-index:1; letter-spacing:3px; color:#fff; font:16px copperplateregular; text-transform:uppercase; }
#page.baume .aside .wish-link img { transition:all 0.4s linear;  position:absolute; top:-30px; left:20px; z-index:0; }
#page.baume .aside .wish-link:hover { opacity:1;  }
#page.baume .aside .wish-link, #page.baume .aside .share-link { margin-bottom:15px;  }

@media (min-width:992px) and (max-width:1200px) {
	#page.baume .aside { margin-top: 200px; }
}
@media (min-width:600px) and (max-width:992px) {
	#page.baume .aside .wish-link  { margin-right:2%;  }
	#page.baume .aside .wish-link, #page.baume .aside .share-link { float:left;width:49%;  }
}
@media (min-width:1600px) {
	#page.baume .slide-1  .watches  { max-width:92%; }
	#page.baume .aside .wish-link  { margin-right:2%;  }
	#page.baume .aside .wish-link, #page.baume .aside .share-link { float:left;/*width:49%;  */ width:100%;}
	#page.baume .slide-1 .text { font-size:16px; margin-top: 6%; }
}

#page.baume .slide-2 { background:#fff; padding:100px 40px; }
#page.baume .slide-2 p { color:#19181d; text-align:justify; line-height:1.6; margin-bottom:16px; }
#page.baume .slide-2 .title { line-height:1.4; font-family:Copperplate; font-size:22px; color:#19181d; font-weight:600; text-align:center; letter-spacing:2px; margin-bottom:30px; }
#page.baume .slide-2 .name { display:block; margin-bottom:20px; line-height:1.4; font-family:copperplateregular; font-size:12px; color:#19181d; font-weight:bold; text-align:center; letter-spacing:2px;  margin-top:10px; }
#page.baume .slide-2 .watches { display:block; margin:0 auto; }

#page.baume .slide-2 .text { font-size:16px; text-align:center; }
@media (min-width:1200px) {
	#page.baume .slide-2 .text { margin-top:200px; font-size:16px; text-align:right; }
}
@media (min-width:1600px) {
	#page.baume .slide-2  { padding:100px 140px; }
	#page.baume .slide-2 .text { margin-top:200px; font-size:16px; text-align:right; }
}






/** MAJ SEPTEMBRE 2016 - BULGARI **/
#page.bulgari { padding:210px 0; background:url(../images/instant/bulgari/bg-bulgari.jpg) no-repeat center 0; }
#page.bulgari .container  { padding:0; }
#page.bulgari .container .row { margin:0; }
#page.bulgari .container .row > * { padding:0; }
#page.bulgari .watches { position:relative; z-index:2; float:right; width:110%; margin-top:-70px; display:block; margin-bottom:-170px }

#page.bulgari .wrap { padding:80px; overflow:hidden; background:#ffffff; }
#page.bulgari .wrap .logo { margin-bottom:70px; }
#page.bulgari .wrap p { margin-bottom:20px; float:right; text-align:right; font-weight:600; font-size: 16px; color: #111; line-height: 1.6; position:relative; }
#page.bulgari .wrap p:before { letter-spacing:-8Px; content:'‘‘'; font:100px/1 Times New Roman; display:block; position:absolute; left:-30px; top:-20px; }
#page.bulgari .wrap p:after { letter-spacing:-8Px; content:'’’'; font:100px/1 Times New Roman; display:block; position:absolute; right:-50px; bottom:-80px; }
#page.bulgari #video  { position:relative; }
#page.bulgari #video iframe  { display:none; position:absolute; top:0; z-index:200; width:100%; min-height:300px; }
#page.bulgari #video > a > span { 
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 0 40px 40px;
	border-color: transparent transparent transparent #ffffff;
	position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-40px;
	opacity:0.3;
	transition:all 0.3s ease-out;
}
#page.bulgari #video > a > span > span { 
	position:absolute; font-weight:600;
	font-family:copperplateregular;
	color:#fff; font-size:22px;
	left:70px; top:-28px;
	white-space:nowrap;
	letter-spacing:3px;
	line-height:1.4;
}
 
#page.bulgari #video > a > span:after { content:''; border:5px solid #ffffff; display:block; position:absolute;     left: -95px;    width: 140Px;    height: 140px;    border-radius: 100px;    top: -70px; } 
#page.bulgari #video > a:hover span { opacity:1; } 
#page.bulgari #video > a > span:hover { transform:scale(1.1); } 
#page.bulgari #launch-video { clear:both; display:block; color:#590c31; font-size:15px; font-weight:600; } 

#page.bulgari .aside { margin-top: 150px; } 

@media (min-width: 1200px){ 
	#page.bulgari .container  { width:1160px; }
}
@media (min-width: 1500px){ 
	#page.bulgari .container  { width:1460px; }
}
@media (max-width:992px){ 
	#page.bulgari { padding:80px 0; }
	#page.bulgari .container { padding:0 20px; }
	#page.bulgari .watches { display:block; max-width:100%; margin:0; float:none; width:auto; } 
}
@media (max-width:768px){ 
	#page.bulgari .wrap { padding:50px; }
}
@media(min-width:992px) { #page.bulgari .aside { margin-top:0; } }
#page.bulgari .share-link { opacity:1; width:auto; background:#fff; padding-bottom:5px; box-shadow:0 10px 10px rgba(213,189,153,0.2); } 
#page.bulgari .share-link span { font-size:16px; margin-bottom: 0; display:inline-block; color:#444; } 
#page.bulgari .share-link ul { margin:0 30px; display:inline-block; } 
#page.bulgari .share-link li { display:inline-block; vertical-align:middle; color:#222; } 
#page.bulgari .share-link a { background:#eee; display:inline-block; opacity:0.8; color:#590c31; } 
#page.bulgari .share-link a:hover { background:#fff; } 
#page.bulgari .share-link .nl-link { padding:18Px 25px; }
#page.bulgari .share-link > * { vertical-align:top; margin-bottom:20px; }


#big-container .content p, #page .bottom-content p { font: 14px/24px 'Lora', serif; }
#page.creations .content p { letter-spacing:0; font: 14px/24px 'Lora', serif; }


footer .brands  li { position:relative; }
#forhim { 
    position: absolute;
    color: #555;
    z-index: 2;
    left: 22px;
    font-size: 8px; text-transform:uppercase; font-weight:bold;
    bottom: 10px;}
#forher { 
    position: absolute;
    color: #555;
    z-index: 2;
    right: 20px;
	font-size: 8px; text-transform:uppercase; font-weight:bold;
    bottom: 10px; }
	
	
	
	
	
	
	
/* MAJ NOV 2016 */
#home-slide { background:none; }








/** MAJ JANUARY 2017 - POMELLATO **/
@media (min-width: 1200px){
	#page.pomellato .container { width: 1230px; }
}
#page.pomellato { color:#fff;  padding-top:220px; background:url(../images/instant/pomellato/bg-bottom.png) no-repeat center bottom, url(../images/instant/pomellato/bg-top.jpg) no-repeat center 0 #0b0a0c;  }
#page.pomellato .big-title { display:inline-block; font-family: 'Playfair Display', serif; font-size:60px; font-style:italic; text-align:center; margin:0 0 50px 35px;}
#page.pomellato .big-title span { font-size:18px; font-style:normal; text-transform:uppercase; letter-spacing:2px; display:block; }
#page.pomellato .container > p  { font-family: 'Playfair Display', serif; font-size:26px; font-style:italic; margin:0 0 75px 25px; }

#page.pomellato .item  { display:table; clear:both; overflow:hidden; background:#fff; margin-bottom:15px; }
#page.pomellato .item .image { display:table-cell; }
#page.pomellato .item .image img { display:block; max-width:100%;  }
#page.pomellato .item .content { width:456px; display:table-cell; padding:30px; vertical-align:middle; text-align: center; }
#page.pomellato .item .title { margin-bottom:25px; color:#404040; font: 18px/1.6 copperplateregular; text-transform:uppercase; letter-spacing: 3px;   }
#page.pomellato .item p { line-height:1.6; font-family: 'Playfair Display', serif; font-size:16px; font-style:italic; color:#666666; }

#page.pomellato .brand  { margin:90px 0; }
#page.pomellato .brand .logo  { margin-bottom:30px; }
#page.pomellato .brand .logo svg  { fill:#fff; }
#page.pomellato .brand p  { text-align:justify; color:#999999; font-size:13px; line-height:1.8; position:relative; }
#page.pomellato .brand p:before  { content:''; width:20px; height:16px; background:url(../images/instant/pomellato/quotes-l.png); position:absolute; left:-40px; top:-20px; color:#362c31; font-family: 'Playfair Display', serif; font-size:60px; font-style:italic; }
#page.pomellato .brand p:after  { content:''; width:20px; height:16px; background:url(../images/instant/pomellato/quotes-r.png); position:absolute; right:-40px; bottom:0; color:#362c31; font-family: 'Playfair Display', serif; font-size:60px; font-style:italic; }


#page.pomellato .share-link {  margin-bottom:250px; opacity:1; width:auto; background:#fff; padding-bottom:5px; box-shadow:0 10px 10px rgba(0,0,0,0.3); } 
#page.pomellato .share-link span { font-size:16px; margin-bottom: 0; display:inline-block; color:#444; } 
#page.pomellato .share-link ul { margin:0 30px; display:inline-block; } 
#page.pomellato .share-link li { display:inline-block; vertical-align:middle; color:#222; } 
#page.pomellato .share-link a { background:#eee; display:inline-block; opacity:0.8; color:#590c31; } 
#page.pomellato .share-link a:hover { background:#fff; } 
#page.pomellato .share-link .nl-link { padding:18Px 25px; }
#page.pomellato .share-link > * { vertical-align:top; margin-bottom:20px; }

@media (max-width: 992px){
	#page.pomellato .item .image { display:block; }
	#page.pomellato .item .content { display:block; width:auto; padding:50px 30px; }
}
@media (max-width: 768px){
	#page.pomellato .share-link span { display:block; }
	#page.pomellato .share-link ul { margin:20px 0; }
}

/* LONGINES */
@media (min-width: 992px) {
	#page.longines .container { width: 890px;}
}
@media (min-width: 1360px){
	#page.longines .container { width: 1220px; }
}
@media (min-width: 1680px){
	#page.longines .container { width: 1520px; }
	#page.longines .block .wrap p { line-height:28px;  }
}
#page.longines  { padding:66px 60px;} 
#page.longines > div {  background:url(../images/instant/longines/bg.jpg) no-repeat center 0; } 
#page.longines .share-link {  margin-bottom:250px; opacity:1; width:auto; background:#fff; padding-bottom:5px;  } 

#logo-longines { margin:0 auto 80px; display:block; max-width:80%; }
#logo-longines-rg { margin:100px auto 54px; display:block; max-width:80%; }
#longines-video { width:860px; margin:0 auto 175px;  max-width:100%; }
#longines-video video { max-width:100%; }
#page.longines .share-link { clear:both; margin-bottom:250px; opacity:1; width:auto; background:#fff; padding-bottom:5px; } 
#page.longines .share-link span { font-size:16px; margin-bottom: 0; display:inline-block; color:#444; } 
#page.longines .share-link ul { margin:0 30px; display:inline-block; } 
#page.longines .share-link li { display:inline-block; vertical-align:middle; color:#222; } 
#page.longines .share-link a { background:#eee; display:inline-block; opacity:0.8; color:#590c31; } 
#page.longines .share-link a:hover { background:#fff; } 
#page.longines .share-link .nl-link { padding:18Px 25px; }
#page.longines .share-link > * { vertical-align:top; margin-bottom:20px; }

#page.longines .big-title  { font-size:45px; letter-spacing:10px; margin-bottom:100px; text-transform:uppercase; color:#fff; text-align:center; }
#page.longines .block {  box-shadow:0 3px 5px rgba(0,0,0,0.2);margin-bottom:100px; overflow:hidden; background:#fff; }
#page.longines .block .image { overflow:hidden; float:left; width:66.6666%; }
#page.longines .block .image img { display:block;  }
#page.longines .block .wrap { float:left; width:33.3333%; padding:50px; }
#page.longines .block .wrap .title { font-size:30px; color:#002842; margin-bottom:30px; }
#page.longines .block .wrap .title span { display:block; font-size:16px; text-transform:uppercase; }
#page.longines .block .wrap p { color:#777777; font-size:15px; line-height:25px; text-align:justify; }

.plyr__play-large { padding:40px; }
.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large { background:none; }

.plyr--video .plyr__controls { opacity:0; }
.plyr--video:hover .plyr__controls { opacity:1; }

#page.longines .footer { margin-top:100px; background:#e6eaed; position:relative;  }
#page.longines .footer > span { position:absolute; top:0; left:0; width:100%; display:block; height:440px; background:#fff; }
#page.longines .footer > .container { position:relative; z-index:2; }
#page.longines .watches { max-width:1048px; margin:0 auto 40px; overflow:hidden; }
#page.longines .watches  .watch { width:50%; float:left; }
#page.longines .watches  .watch  img{ max-width:100%; display:block; margin:0 auto; }

@media (max-width:1380px) { 	#page.longines .block .wrap, #page.longines .block .image { width:100%; display:block; }}
@media (max-width:992px) { 
	#page.longines { padding:66px 0; }
	#page.longines .big-title { font-size:4vw; }
	#page.longines .footer > span { padding-top:40%; height:auto;  }
	#page.longines .block .image img { max-width:100%; }
	
	#page.longines .share-link span { display:block; margin:0 0 10px; }
	#page.longines .share-link ul { overflow:hidden; display:block; margin:0 0 10px; }
}
@media (max-width:478px) { 
	#page.longines .block .wrap { padding:25px;}
	#page.longines .big-title { font-size:8vw; }
}

/* CARTIER */
@media (min-width: 992px) {
	#page.cartier .container { width: 890px;}
}
@media (min-width: 1360px){
	#page.cartier .container { width: 1220px; }
}
@media (min-width: 1680px){
	#page.cartier .container { width: 1520px; }
	#page.cartier .block .wrap p { line-height:28px;  }
}
#page.cartier  { padding:66px 60px; background:#fff; } 
#page.cartier > div {  background:url(../images/instant/cartier/bg.jpg) no-repeat center 0; } 
#page.cartier .share-link {  margin-bottom:250px; opacity:1; width:auto; background:#fff; padding-bottom:5px;  } 

#logo-cartier { margin:8vw auto; display:block; display:block; max-width:80%; }
#logo-cartier-rg { margin:100px auto 54px; display:block; max-width:80%; }
#cartier-video {  margin:0 auto 8vw; width:860px; margin:0 auto 175px;  max-width:100%; }
#cartier-video video { max-width:100%; }
#page.cartier .share-link { clear:both; margin-bottom:250px; opacity:1; width:auto; background:#fff; padding-bottom:5px; } 
#page.cartier .share-link span { font-size:16px; margin-bottom: 0; display:inline-block; color:#444; } 
#page.cartier .share-link ul { margin:0 30px; display:inline-block; } 
#page.cartier .share-link li { display:inline-block; vertical-align:middle; color:#222; } 
#page.cartier .share-link a { background:#eee; display:inline-block; opacity:0.8; color:#590c31; } 
#page.cartier .share-link a:hover { background:#fff; } 
#page.cartier .share-link .nl-link { padding:18Px 25px; }
#page.cartier .share-link > * { vertical-align:top; margin-bottom:20px; }

#page.cartier .big-title  { font-size:45px; letter-spacing:10px; margin-bottom:100px; text-transform:uppercase; color:#fff; text-align:center; }
#page.cartier .block {  box-shadow:0 3px 5px rgba(0,0,0,0.2);margin-bottom:100px; overflow:hidden; background:#fff; }
#page.cartier .block .image { overflow:hidden; float:left; width:66.6666%; }
#page.cartier .block .image img { display:block;  }
#page.cartier .block .wrap { float:left; width:33.3333%; padding:50px; }
#page.cartier .block .wrap .title { font-size:40px; color:#111; margin-bottom:30px; }
#page.cartier .block .wrap p { color:#777777; font-size:16px; line-height:30px; text-align:justify; }

.plyr__play-large { padding:40px; }
.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large { background:none; }

.plyr--video .plyr__controls { opacity:0; }
.plyr--video:hover .plyr__controls { opacity:1; }

#page.cartier .footer { margin-top:100px; background:#e6eaed; position:relative;  }
#page.cartier .footer > span { position:absolute; top:0; left:0; width:100%; display:block; height:440px; background:#fff; }
#page.cartier .footer > .container { position:relative; z-index:2; }
#page.cartier .watches { max-width:1048px; margin:0 auto 40px; overflow:hidden; position:relative; }
#page.cartier .watches  .mask { z-index:8; width:100%; height:100%; position:absolute; top:0; left:0; box-shadow:10px 10px 20px rgba(0,0,0,0.3);  }
#page.cartier .watches  .watch { z-index:10; width:33.333%; float:left; position:relative; }
#page.cartier .watches  .watch:hover  { z-index:200; }
#page.cartier .watches  .watch:hover .details  {  display:block;  }
#page.cartier .watches  .watch  img{ max-width:100%; display:block; margin:0 auto; }
#page.cartier .watches  .watch  .details { display:none;  top:0; position:absolute; left:100%;  padding:8vw; }
#page.cartier .watches  .watch  .details .title  { font-size:30px; color:#a30101; margin-bottom:20px; }
#page.cartier .watches  .watch  .price  { font-size:14px; color:#999; text-align:center; margin-bottom:20px; }
#page.cartier .watches  .watch  .price span { font-size:12px; font-style:italic; }

@media (max-width:1380px) { 	#page.cartier .block .wrap, #page.cartier .block .image { width:100%; display:block; }}
@media (max-width:992px) { 
	#page.cartier { padding:66px 0; }
	#page.cartier .big-title { font-size:4vw; }
	#page.cartier .footer > span { padding-top:40%; height:auto;  }
	#page.cartier .block .image img { max-width:100%; }
	
	#page.cartier .share-link span { display:block; margin:0 0 10px; }
	#page.cartier .share-link ul { overflow:hidden; display:block; margin:0 0 10px; }
}
@media (max-width:478px) { 
	#page.cartier .block .wrap { padding:25px;}
	#page.cartier .big-title { font-size:8vw; }
}

/* update december 2017 */

@media(max-width:992px) { #menu .rolex { margin-top:5px; } }
#menu .rolex img { max-width:100%; display:block; }
#home-slide { position:relative; height:auto; }
#home-slide .bg { position:absolute; right:0; left: 50%; top:50%; transform:translateX(-50%) translateY(-50%); max-width:100%; }
#home-slide .text { width:50%; max-width:100%; }
@media (min-width:992px) { 
	#home-slide .text { left:5%; }
	#home-slide .right .text { left:auto; right:5%; }
}
#home-slide .nslide, #home-slide .nslide-mobile { display:block; max-width:100%; }
#home-slide .nslide-mobile { display:none; padding-top: 100%; }
@media(max-width:992px) and (orientation:portrait) { 
	#home-slide .owl-controls { bottom:0; }
	#home-slide .bg {max-width:200%; position:relative; left:auto; right:0; top:auto; transform: translateX(-50%); } 
	#home-slide .right .bg { left: 0; right:auto; transform: translateX(0); } 
	#home-slide .text { width:auto; position:relative; top:0; margin:0 auto; }
	#home-slide .text a.button-home { margin-top:20px; }
	#home-slide .simple .bg { max-width:100%; }
	#home-slide .nslide { display:none; }
	#home-slide .nslide-mobile { display:block; }
}

#home-bottom { text-align:center; padding:20px 0; }
#page .bottom-navigation { 
	color:#222;
	left:auto;
	margin:30px 0; 
	position:relative; bottom:auto; float:none; display:inline-block; 
}
#home-mag-link { 
    position: relative;
    bottom: auto;
    right: auto; 
	margin:0;
	display:inline-block;
}



#home-slide .slide .slide-content { position:absolute; left:0; width:50%; top:50%; margin-top:-70px; text-align:center; }
@media(min-width:992px){ #home-slide .slide.right .slide-content { left:50%;  } }
#home-slide .slide .slide-content .title { margin-bottom:17px; font-family:Montserrat; font-size:37px; font-weight:300; color:#212121; text-transform:uppercase; }
#home-slide .slide .slide-content .title span { letter-spacing: -2px; display:block; font-size:20px; }
#home-slide .slide .slide-content .btn { font-family:Montserrat; font-size:12px; color:#ffffff; background:#212121; text-transform:uppercase; padding:20px 25px; line-height:1; display:inline-block; border-radius:3px; }

@media (max-width:768px) {  
  #home-slide { padding-bottom:30px; }
	#home-slide .slide .slide-content { width:100%; top:auto; bottom:30px; height:auto; padding-top:0; margin-top:0; }
	#home-slide .slide  { padding-bottom:180px; }
	#home-slide .slide.simple  { padding-bottom:0; }
	#home-slide .slide:first-child .nslide-mobile { min-width:100%; width:auto; }
	#home-slide .slide .slide-content .title { font-size:7vw; }
}

#share-box  { width:1370px; margin:-50px auto 0; max-width:100%; margin-bottom:130px; box-shadow:2px 2px 5px rgba(0,0,0,0.1); } 
#share-box .share-link { clear:both; opacity:1; width:auto; background:#fff; padding-bottom:25px; } 
#share-box .share-link span { font-size:16px; margin-bottom: 0; display:inline-block; color:#444; } 
#share-box .share-link ul { margin:0 30px; display:inline-block; } 
#share-box .share-link li { display:inline-block; vertical-align:middle; color:#222; } 
#share-box .share-link a { background:#eee; display:inline-block; opacity:0.8; color:#590c31; } 
#share-box .share-link a:hover { background:#fff; } 
#share-box .share-link .nl-link { padding:18Px 25px; }
#share-box .share-link > * { vertical-align:top; }
@media (max-width:768px) {
	#share-box { margin-bottom:0; }
	#share-box .share-link { text-align:center; padding:25px; }
	#share-box .share-link span { display:block; margin-bottom:25px; }
	#share-box .share-link ul { overflow:hidden; margin:0 auto 15px; display: block; clear: both; }
	#share-box .share-link li { float:none; }
	#share-box .share-link .nl-link  { margin: 0 auto; clear: both; }
}

/* BOUCHERON */
#page.boucheron .container { width:1500px; max-width:100%; }
#boucheron-content { margin:0; overflow:hidden; }
#boucheron-content .img-responsive { width:100%; }
#boucheron-content .col-md-6 { padding:0; }
#boucheron-content .col-md-6:first-child { background:url(../images/instant/boucheron/bg.jpg) repeat 0 0; color:#fff; }
#boucheron-content .col-md-6:last-child { background:#ededed; color:#181818; }
#boucheron-content .content { padding:65px 65px 185px; overflow:hidden; }
#boucheron-content .content .title { font-size:16px; text-transform:uppercase; letter-spacing:1px; margin-bottom:25px; font-weight:700; }
#boucheron-content .content p { font-size:18px; line-height:30px; min-height:120px; margin-bottom:30px; }
#boucheron-content .content ul  { margin:0 -10px; }
#boucheron-content .content ul:after  { clear:both; content:''; }
#boucheron-content .content li  { width:50%; float:left; padding:0 8px; }
#boucheron-content .content li img { box-shadow:2px 2px 5px rgba(0,0,0,0.2); }
@media (max-width:768px) {
	#page.boucheron .container { padding:0; }
	#boucheron-content .content { padding:50px 50px 155px; }
}







/* REFONTE GRAPHIQUE MARS 2018 */
body { padding-top:80px; font:13px/1.2 'Montserrat', sans-serif; }
a { color:#333; }
header { top:0; height:80px; background:#ffffff; transition:all ease-out 0.3s; display:flex; }
header #menu { width:100%; display:flex; justify-content: space-between; }
header #menu nav:last-child a { color:#d31a1a; }
header.shadowed { box-shadow:0 1px 10px rgba(0,0,0,0.1);}
#logo { width:auto; }
#logo img { width:auto; }
header nav { margin:0 0 0 auto; float:none; }
header nav a { font-size:12px; color:#333333; letter-spacing:1.5px; font-weight: 500;}
header nav > ul > li > a { transition:all ease-out 0.2s; display:block; border-bottom:0px solid #d31a1a; height:80px; line-height:80px; padding:0 10px; }
header nav > ul > li > a:hover, header nav > ul > li > a.active { color:#333; border-bottom:3px solid #d31a1a;}
header nav > ul > li > a.rolex { padding:0; }
header nav > ul > li > a.rolex > div, header nav > ul > li > a.rolex { height:69px; }
header nav > ul > li > a.rolex:hover { border-bottom:0; }
#page { min-height:calc(100vh - 80px); }
#menu .rolex { margin:5px 15px; width:auto; display:block; }
@media (max-width:1350px) {
  header nav > ul > li > a { padding:0 6px;}
}
@media (max-width:1000px) {
	header #menu { display:block; }
}


#home-slide .owl-dots { display: flex; justify-content: center;	align-items: center; position: absolute; left: 0; right: 0; text-align: center; bottom: 20px; }
#home-slide .owl-dots .owl-dot { display:inline-block; border-radius:40px;  width:10px; height:10px; background:#cccccc; margin:0 8px; }
#home-slide .owl-dots .active { width:16px; height:16px; background:transparent; border:2px solid #d8151d; }

/* nl */
.large-container { max-width: 90%; margin:0 auto; }
#nl { text-align:center; color:#333; background:url(../images/newsletter-bg.jpg) no-repeat center 0; padding:180px 0 600px; overflow: hidden; }
#nl .title { font-family:Lora; font-size:40px; font-style:italic; margin-bottom:35px; }
#nl .title strong { font-weight:normal; color:#d8151d; }
#nl .subtitle { font-size:12px; text-transform:uppercase; letter-spacing:1.5px; font-weight:500; margin-bottom:15px;  }
#nl form { margin:0 auto; width:500px; max-width:100%; }
#nl input[type=email] { padding:15px 25px; float:left; width:calc(100% - 125px); height:50px; border-radius:0; border:1px solid #e3e3e3; }
#nl .form-group { overflow: hidden;}
#nl a { color:#b0141a; }
#nl a:hover { text-decoration: underline; }
#nl input:focus { outline:0; box-shadow:inset 2px 2px 5px rgba(0,0,0,0.05); }
#nl button { background:#d8151d; float:left; width:125px; font-weight:600; letter-spacing:1px; height:50px; border-radius:0; border:0; color:#fff;  }
#nl button:hover, #nl button:focus { outline:0; background: #b0141a; }
#nl button:active { outline:0; box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); background:#fefefe; }
@media (max-width:992px) {
	#nl { background-position: calc(50% + 270px); }
}
@media (max-width:700px) { 
	#nl { background-position: 41% 130px; background-size: 400%; padding-top:50px; padding-bottom: 100%;}
	#nl button, #nl input[type=email] { float:none; display:block; width:100%; margin-bottom:10px; }
	#nl .title { font-size:9vw; }
}
/* social */
#social { padding:50px 0; text-align: center; }
#social .subtitle { font-size:12px; text-transform:uppercase; letter-spacing:1.5px; font-weight:500; margin-bottom:15px;  }
#social ul { display:block; text-align:center; }
#social ul:after { clear:both; content:''; display:table; }
#social ul li { position:relative; display:inline-block; }
#social ul li a { z-index:2; transition:all ease-out 0.2s; width:50px; height:50px; border-radius:100px; background:#3b3b3b; display:inline-block; color:#fff; line-height:50px; text-align:center; position:relative; }
#social ul li a:hover { background:#444; }
#social ul li:after { transition:all ease-out 0.2s; content:''; display:block; width:100%; height:100%; background:#ffffff; border-radius:100px; left:0; top:0; position:absolute; }
#social ul li:hover:after { transform:scale(1.2); background:#222; opacity:0.1; }
#social ul li a i { line-height:50px; font-size:28px; }
#social ul li a i.fa-facebook { font-size:21px; }
#social ul li + li  { margin-left:20px; }

/*footer */
footer { padding:0; }
footer nav { border-top:0; border-bottom:1px solid #dedede; }
footer nav a { font-size:13px; color:#333; }
footer .logo { max-width:100%; margin: 0 auto 100px; }
#footer { background:#ffffff; }
#footer strong { text-transform:uppercase;}

/* home */
@media (min-width:1200px) { #page.home .container { width:1300px; } } 
#home-slide { overflow:visible; }
#home-slide .owl-buttons { display:block;  }
#home-slide .owl-buttons svg { fill:#cdcdcd; margin-top:20px; }
#home-slide .owl-buttons > *:hover svg { fill:#d31a1a; }
#home-slide .owl-controls { bottom:0; }
#home-slide .owl-prev { position: absolute; left: 0;    bottom: -60px;    width: 50px;    height: 60px; z-index: 2; }
#home-slide .owl-next { position: absolute; right: 0;    bottom: -60px;    width: 50px;    height: 60px; z-index: 2; }
#home-slide .nslide { padding-top:35.418%; width:100%; background-size:cover; background-repeat:none; background-position:center center; }
#home-slide .nslide-mobile { height:100%; width:100%; background-size:cover; background-repeat:none; background-position:center center; }
#home-bottom  { height:60px; font-size:20px; font-family:Lora; font-style:italic; text-align:center; box-shadow:0 1px 0 rgba(0,0,0,0.1); color:#333333; }
#home-bottom a i  { color:#cdcdcd; margin:0 20px; }

#home-magazine { padding:120px 0 90px; text-align:center; }
#home-mag-link { width:278px; margin:-240px auto 50px; box-shadow:1px 1px 20px rgba(0,0,0,0.1); display:block; }
#home-mag-link img { float:none; margin:0 auto; display:block; }
#home-magazine .img-catalog { z-index:2; position: relative; }
#home-magazine .title { color:#d8151d; font-size:40px; font-family:Lora; font-style:italic; margin-top:35px; margin-bottom:20px; }
#home-magazine p { color:#666666; line-height:1.7; width:350px; max-width: 100%; margin:0 auto 30px; }
#home-magazine .btn { transition:all ease-out 0.3s;  font-size:12px; letter-spacing: 1.5px; text-transform:uppercase; border:1px solid #dedede; border-radius:0; font-weight: 500; padding:15px 20px; margin-bottom:20px; }
#home-magazine .btn:hover { border:1px solid #666;}
@media (max-width:992px) { 
	#home-magazine { padding-top:50px; }
	#home-magazine .img-catalog { max-width:100%; margin:0 auto -30px;  }
	#home-magazine .img-responsive { margin:0 auto; }
}

.brands {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}
.brands li { width: 16.666%; height: 100px; }
.brands li a {
 /*  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center; */
  height: 100%;
}
.brands li img { max-height: 100%; }

@media (min-width:1200px) { #page.home #home-brands .container { width:1170px; } }
#home-actus { margin-top:80px; margin-bottom:40px; }
@media(max-width:992px) {  #home-actus img { max-width:100%; display:block; } }
#home-actus .owl-pagination { position:relative; margin-top:20px; text-align:center; }
#home-actus .owl-page { position:relative; padding:7px; display:inline-block; }
#home-actus .owl-page span { z-index:2; border-radius:20px; height:8px; width:8px; background:#d6d6d6; position:relative; display:block; }
#home-actus .owl-page:after  { transition: all ease-out 0.3s; content:''; border-radius:20px; height:16px; width:16px; background:#ffffff; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%) scale(0.5); }
#home-actus .owl-page.active span { background:#ffffff; }
#home-actus .owl-page.active:after { transform:translateX(-50%) translateY(-50%) scale(1); background:#dd353c; }
#actus-block { background:#ffffff; padding:60px 70px; }
#actus-block .category { font-size:12px; font-weight:500; text-transform:uppercase; letter-spacing:1.5px; margin-bottom:25px; }
#actus-block .title { font-size:40px; font-family:Lora; font-style:italic; margin-bottom:20px; }

#home-actus .row { display:flex; }
#home-actus .row > div { display:flex; align-items: center; }
#home-actus p { color:#666666; line-height:1.7; width:350px; max-width: 100%;  }

#home-actus .owl-dots { display: flex; justify-content: center;	align-items: center; text-align: center; margin-top:20px; margin-bottom:20px; }
#home-actus .owl-dots .owl-dot { display:inline-block; border-radius:40px;  width:10px; height:10px; background:#cccccc; margin:0 8px; }
#home-actus .owl-dots .active { width:16px; height:16px; background:transparent; border:2px solid #d8151d; }

.link-underline { position: relative; margin:20px 0; display:inline-block; }
.link-underline:after { transition:all ease-out 0.2s; display:block; content:''; position: absolute; top:25px; left:calc(50% - 20px);  background:#d8151d; height:1px; width:40px;  }
.link-underline:hover:after { width:50px; left:calc(50% - 25px); }
@media (max-width:992px) { 
	#home-actus .row { flex-direction: column; }
	#home-actus .row > div { display:block; }
}
@media (min-width:992px) {
	#home-actus img { width: 122%; }
}
@media (min-width: 1500px) {
	#home-actus .container {
    width: 1400px;
	}
}

#home-menu { display:flex; }
#home-menu a { background:#111; position:relative; width:50%; display:block; text-align:center; color:#fff; font-size:16px; font-weight:600; letter-spacing:1px; text-transform:uppercase; padding:100px 20px ; }
#home-menu a .bg { transition:all ease-out 0.2s; opacity:0.7; position:absolute; left:0; right:0; top:0; bottom:0; background-position: center; background-size: cover;  }
#home-menu a span { position:relative; z-index:2; }
#home-menu a span:after { transition:all ease-out 0.2s; content:''; display:block; position:absolute; top:30px; left:calc(50% - 20px); width:40px; height:2Px; background:#ffffff; }
#home-menu a:hover .bg { opacity:1; }
#home-menu a:hover span:after { width:50px; left:calc(50% - 28px);  }
@media (max-width:992px) { 
	#home-menu { flex-direction: column; }
	#home-menu a { width:100%; }
}

/* house */
/* #big-container,
#page.house #video-wrapper,
#page.house > div { height:calc(100vh - 80px); } */

#big-container,
#page.house #video-wrapper { height:calc(100vh - 80px); }

#page.house #big-container { margin:0; width:100%; }
#big-container .content p, #page .bottom-content p { font-family:inherit; }
@media (min-width:992px) {
	#page.house { height:calc(100vh - 80px); }
}
@media (max-width:992px) {
	#actus-block { padding:40px 0; }
	#actus-block .title { font-size:30px; }
}

/* brand  */
#brand { padding:0; }


/* creations */
#page.creations .content { margin-top:70px; }
#page.creations .content .subtitle, #page.creations .content p { font-family: inherit; font-size:inherit; }


/* contact */
@media (min-width:992px) {
	#page.contact { height:calc(100vh - 80px); }
}







/*************************************/
/* BRAND DETAILS */
/*************************************/
#breadcrumb { float:none; }
#breadcrumb .breadcrumb { overflow:hidden; background:none; }
#breadcrumb .breadcrumb li { float:none; margin:0;    font-size: 11px;    line-height: 1;    letter-spacing: 2px;    text-transform: uppercase; }
#page.brand-details { background:#fff; border-top:1px solid #e5e5e5; }
@media (min-width: 1200px) {
	#page.brand-details .container { width:1280px; }
}
#brand-products { background:#ececec; height:420px; padding:50px 70px; margin-bottom:100px; }
#brand-products .owl-item > div  { box-shadow:4px 4px 5px rgba(0,0,0,0.1); margin:6px; }
#brand-products .owl-item > div > img   { display:block; max-width:100%; width:100%; }
#brand-products .title { font-size:13px; color:#333333; text-transform:uppercase; margin-bottom:15px; letter-spacing:0.5px;  }
#brand-products .owl-prev { position: absolute; left: calc(0% - 40px); top: 50%; }
#brand-products .owl-next { position: absolute; right: calc(0% - 40px); top: 50%; }
#brand-products .owl-buttons svg { fill:#cdcdcd; }
#brand-products .owl-carousel { margin:0 -6px; width:auto; }
#page.brand-details .brand-logo { width:290px; max-width:100%; margin:60px auto; }
#page.brand-details .content .brand-name { text-transform:uppercase; margin-bottom:10px; }
#page.brand-details .content .title { font-size:40px; line-height:1.2; font-family:Lora, serif; font-style:italic; margin-bottom:20px; }
#page.brand-details .content { overflow:hidden; margin-bottom:40px; }
#page.brand-details .content p  { margin-bottom:20px; font-size:14px; line-height:26px; }




/*************************************/
/* SUB NAV */
/*************************************/
#news-dropdown { display:none; border-top:1px solid #e5e5e5; box-shadow:0 20px 20px rgba(0,0,0,0.05); background:#ffffff; padding:0 0 0; position:absolute; top:80px; width:100%;  }
#news-dropdown .container { overflow:hidden; padding:40px 15px 30px; }
#news-dropdown .news-list  { display:flex; }
#news-dropdown .push  { display:block; width:calc(33.3333% - 10px); margin-bottom:15px; overflow:hidden; }
#news-dropdown .push + .push { margin-left:10px; }
#news-dropdown .push .picture { display:block; padding-top:60%; margin-bottom:15px; background-size:cover; background-position:center center;  }
#news-dropdown .push .title { display:block; color:#333; font-family:Lora, serif; font-style:italic; font-size:20px; margin-bottom:15px;  }
#news-dropdown .push .content a { color:#999; }
#news-dropdown .push:hover .title { color:#d31a1a; }
#news-dropdown .actus { padding-left:40px; border-left:1Px solid #dadada; position:relative; }
#news-dropdown .actus .row { margin:0 -13px; }
#news-dropdown .actus .row > * { padding:0 13px; }
#news-dropdown .small-title {font-family:Lora, serif; font-style:italic; font-size:24px; margin-bottom:15px; }
#news-dropdown .col-md-4 { border-left:1px solid #dadada; }
#news-dropdown .col-md-4:after { content:''; display:block; height:30px; width:2px; background: #d8151d; position: absolute;  left: -2px;  bottom: 0;}
#news-dropdown .text-center strong { color:#d31a1a; font-weight: normal; }
#news-dropdown .text-center {
  width:320px; 
  width:320px; 
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 220px;
}
#news-dropdown .btn {
  transition: all ease-out 0.3s;
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border: 1px solid #dedede;
  border-radius: 0;
  font-weight: 500;
  padding: 15px 20px;
  margin-bottom: 20px;
}
#news-dropdown .btn:hover {
  border: 1px solid #666;
}
@media (min-width:992px) {
	#news-dropdown .container { width:1140px; }
	#news-dropdown .container > .row > .col-md-4 { width:37.333%; }
	#news-dropdown .container > .row > .col-md-8 { width:62.666%; }
}
#news-dropdown .actus:after { content:''; display:block; width:2px; background:#d31a1a; height:30px; position:absolute; left:-1px; bottom:0; }
#news-dropdown .actus > a { color:#999; }
#news-dropdown .actus > a:hover { color:#d31a1a; }
#news-dropdown .actu { margin-bottom:20px; }
#news-dropdown .actu .picture { background:#000; display:block; }
#news-dropdown .actu .picture > div { opacity:0.7; padding-top:100%; background-size:cover; background-position:center center; margin-bottom:15Px; transition:all ease-out 0.2s; }
#news-dropdown .actu .picture:hover > div { opacity:1; }
#news-dropdown .actu .title { font-family:Lora, serif; font-style:italic; font-size:20px; margin-bottom:15px;  }



/* UPDATE */
#page.news .big-title  { display:block; color:#333; font-family:Lora, serif; font-style:italic; font-size:30px; margin:55px 0;  }
#page.news .big-title strong  { font-weight:normal; color:#d31a1a }
#page.news .news-list  {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
#page.news .new  {
  display: block;
  width: calc(33.3333% - 20px);
  margin: 0 10px 15px;
  overflow: hidden;
}

#page.news .news-list { margin: 0 -10px; }

/* #page.news .new + .new { margin-left:10px; } */
#page.news .new .picture { display:block; padding-top:60%; margin-bottom:15px; background-size:cover; background-position:center center;  }
#page.news .new .title { display:block; color:#333; font-family:Lora, serif; font-style:italic; font-size:20px; margin-bottom:15px;  }
#page.news .new .content a { color:#999; }
#page.news .new:hover .title { color:#d31a1a; }
@media (max-width:760px) { 
  #page.news .news-list  { flex-direction: column; }
  #page.news .new {   width:100%; margin:0 0 20px;  }
  #page.news .new + .new { margin-left:0; }
}


/*************************************/
/* NEWS */
/*************************************/
#page.news { background:#fff; border-top:1px solid #e5e5e5; }
#news { margin-bottom:20px; }
#news .picture { background:#000; display:block; }
#news .picture > div { opacity:0.7; padding-top:40%; background-size:cover; background-position:center center; margin-bottom:15Px; transition:all ease-out 0.2s; }
#news .picture:hover > div { opacity:1; }
#news .title { font-family:Lora, serif; font-style:italic; font-size:40px; margin-bottom:15px;  }
#news p { font-size:14px; line-height:1.8; color:#666}
#news .btn i { border:2Px solid #999; height:40px; width:40px; line-height:38px; border-radius:100px; margin-right:20px; text-align:center; vertical-align:middle; }
#news .btn:hover { color:#d8151d; }
@media(min-width:992px) { 
	#news .content { padding:40px 70px;  }
}









/*************************************/
/* INSTANT BACKSTAGE */
/*************************************/
#page.backstage { background:#13100d; padding-top:80px; }
@media (min-width:1200px) {  #page.backstage .container { width:1260px; }  }
#page.backstage img { display:block; max-width:100%; }
#page.backstage .big-title { max-width:50%; margin-bottom:40px; display:block;  }
.altern  { position:absolute; }
.altern > img:last-child { z-index:2; position:absolute; top:0; left:0; animation:alternates 8s -4s infinite; }
@keyframes alternates {
	0% { opacity:0; }
	47% { opacity:0; }
	50% { opacity:1; }
	97% { opacity:1; }
	100% { opacity:0; }
}
#patchwork { /*height:3744px;*/ padding-top:304.4%; margin-bottom:75px; position:relative; }
#img-01 { top:0; left:0; width:45%; position:absolute; }
#img-02 { top:86px; top:2.23%; left:41.4%; width:18.9%; position:absolute; }
#img-03 { top:233px; top:6.22%; left:67.9%; width:18.45%; position:absolute; z-index:5; }
#img-03 > img:last-child { animation:alternates 8s 2s infinite; }
#img-04 { top:559px; top:14.9%; left:53%; width:16.6%; position:absolute; }
#img-04 > img:last-child { animation:alternates 8s 6s infinite; }
#img-05 { top:957px; top:25.56%; left:5%; width:37.6%; position:absolute; }
#img-06 { top:957px; top:25.56%; left:50.2%; width:45.1%; position:absolute; }
#img-07 { top:1367px; top:36.5%; left:0%; width:61.2%; position:absolute; }
#img-08 { top:1779px; top:47.5%; left:69.3%; width:16.26%; position:absolute; z-index:5; }
#img-08 > img:last-child { animation:alternates 8s 2s infinite; }
#img-09 { top:2092px; top:55.8%; left:7%; width:38.6%; position:absolute; }
#img-10 { top:2092px; top:55.8%; left:54.8%; width:45.2%; position:absolute; }
#img-11 { top:2652px; top:70.8%; left:0%; width:24.14%; position:absolute; z-index:5; }
#img-11 > img:last-child { animation:alternates 8s 6s infinite; }
#img-12 { top:2827px; top:75.5%; left:14.3%; width:71.6%; position:absolute; }

#page.backstage .title { color:#ffffff; font-weight:bold; margin-bottom:5px; }
#page.backstage p { color:#a7a6a6; line-height:1.4;  }
#page.backstage #thanks { max-width:100%; width:910px; margin:0 auto 140px; }
#page.backstage #thanks > div { margin-bottom:20px; }




/* ### 23/04/2019 ### */
/* ### CHARTE ROLEX ### */
#home-slide .slide .slide-content .btn.btn-rolex {
  padding: 13px 39px;
  border-radius: 999px;
  border-color: #127749;
  background-color: #127749;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: none;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}

#home-slide .slide .slide-content .btn.btn-rolex:hover {
  color: #127749;
  background-color: transparent;
}







/* ZENITH */
#page.zenith  { padding-top:70px; }
#page.zenith .container { width:1500px; max-width:100%; }
#zenith-content { margin:0; overflow:hidden; }
#zenith-content > .row {  margin:0; }
#zenith-content > .row > div:first-child { background:#000000; color:#fff; }
#zenith-content > .row > div:last-child { background:url(../images/instant/zenith/bg-1.jpg) repeat 0 0 #202427; background-size:cover; color:#fff; }
#zenith-content > .bg-blue { background:url(../images/instant/zenith/bg-2.jpg) repeat 0 0 #2f3a44; background-size:cover; color:#fff; }
#zenith-content .col-md-6 { padding:0; }
#zenith-content .col-md-6:last-child { background:#ededed; color:#181818; }
#zenith-content .content { font-size:16px; padding:65px; overflow:hidden; }
#zenith-content .title { font-size:16px; text-transform:uppercase; letter-spacing:1px; margin-bottom:25px; font-weight:700;  }
#zenith-content .bg-dark .content { position:relative; padding-top:120px; }
#zenith-content .bg-dark .title { font-size:34px; letter-spacing:0; line-height:1; text-transform:uppercase; margin-bottom:25px; font-weight:normal; }
#zenith-content .bg-blue { padding:75px 0 0; }
#zenith-content .content p { font-size:inherit; line-height:1.6; margin-bottom:30px; }
#zenith-content .content .desc { font-size:14px; line-height:1.4;  }
#zenith-content .content .desc p { font-size:14px; line-height:inherit; }
#zenith-content .content .desc ul { color:#9d9d9d;  }
#zenith-content .content .desc li { margin-bottom:20px; }
#zenith-content .watches  { overflow:hidden; margin:0 -10px; }
#zenith-content .watches:after  { clear:both; content:''; }
#zenith-content .watches li  { margin-bottom:85px; }
#zenith-content .watches a  { max-width:338px; margin:0 auto 20px; color:#fff; display:block; }
#zenith-content .watches a img  { margin:0 auto 20px; display:block; max-width:100%; }
#zenith-content .watches a span  { font-weight:700; display:block; text-align:center; font-size:16px; margin-bottom:20px;  }
@media (min-width:992px) {
	#zenith-content > .row { display:flex; }
	#zenith-content .bg-blue .watches li  { float:left; width:50%; }
	#zenith-content .bg-dark .watches  { margin-top:-120px; }
	#zenith-content .content .desc { position: absolute;    right: 40px;    top: calc(50% - 181px);    width: 151px; }
}
@media (max-width:768px) {
	#page.zenith .container { padding:0; }
}

#pop-in-rgpd { color: #13061a; }
#pop-in-rgpd .backdrop { background: #D1D1D1; opacity: 0.5; }

.pop-in {
    display: none;
    position: relative;
    z-index: 9999999999999;
}

.pop-in .backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #D1D1D1;
    opacity: 0.3;
    z-index: 1001;
}

.pop-in .wrapper {
    position: fixed;
    z-index: 1002;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    margin: auto;
    width: 600px;
    background: #ffffff;
    padding: 60px;
}

.pop-in .pop-in-header { margin: 0 0 20px; }
.pop-in .pop-in-header .title { font: 700 24px/1.4 'Montserrat', 'Arial', sans-serif; }

.pop-in .pop-in-content p {
    font-size: 15px;
    line-height: 1.3;
   margin: 0 0 10px;
}

.pop-in .pop-in-footer { margin: 20px 0 0; }

#accept {
	float:right;
	background: none repeat scroll 0 0 #d8151d;
	border: 0 none;
	border-radius: 0;
	color: #fff;
	padding: 16px 24px;
	text-transform: uppercase;
	font-size:13px; 
	font-weight: 600;
	letter-spacing: 1px;
}
#accept:hover {
	background: #b0141a;
}

@media screen and (max-width: 600px) {
  .pop-in .wrapper {
    width: 100%;
    background: #ffffff;
    padding: 12px;
    overflow-y: scroll;
    height: 100%;
  }
}





/*************************************/
/* INSTANT FRED */
/*************************************/
#page.fred { font-family:Montserrat; background:#efefef; }
#page.fred .big-title { margin:100px auto 30px; width:365px; }
#page.fred img { max-width:100%; }
#page.fred #video-link { border:10px solid #fff; overflow:hidden; transition:all ease-out 0.2s; height:554px; background:url(../images/instant/fred/bg-video.jpg) no-repeat center center; background-size:cover; position:relative; cursor:pointer; display:block; width:1400px; max-width:100%; margin:0 auto 45px;  }
#page.fred #video-link.active { height:800px; }
#page.fred .content { margin:0 0 30px; }
#page.fred .content .row { display:flex; margin:0; }
#page.fred .content .row > * { padding:0; background:#fff; align-items: center; justify-content: center; display: flex;}
#page.fred .text { padding:50px 130px; }
#page.fred .img-title { margin-bottom:30px; }
#page.fred p { font-size:14px; line-height:24px; }
#page.fred #share-box { margin-top:120px; }

#VisaChipCardVideo  {max-width:100%; }

#light {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width:1400px;
  max-width: 100%;
  max-height: 800px;
  transform:translateX(-50%) translateY(-50%);
  z-index: 1002;
  overflow: visible;
}

#boxclose {
  float: right;
  cursor: pointer;
  color: #fff;
  background: rgba(0,0,0,0.8);
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
  position: absolute;
  right: 2px;
  top: 10px;
  z-index: 1002;
  opacity: 0.9;
}

.boxclose:before {
  content: "×";
}

#fade:hover ~ #boxclose {
  display:none;
}

.test:hover ~ .test2 {
  display: none;
}

@media (max-width: 992px){
	#page.fred .content .row { flex-direction:column; }
}
#video-link > a {  display:none;  }
@media (max-width: 1400px){
	#light, #page.fred #video-link { width:100%; height:56.25vw; }
	#page.fred #video-link.active { height:56.25vw; }
	#page.fred .text { padding:50px; }
}
@media (max-width: 767px){
	#light, #page.fred #video-link { height:auto; }
	#video-link > a {  display:block;  }
	#video-link > a img {  display:block;  }
	#video-link > .light {  display:none;  }
}


/*************************************/
/* INSTANT MARCHLAB */
/*************************************/
#page.marchlab { padding-top:70px; font-family:Georgia; font-size:16px; line-height:24px; font-style:italic; background:#ffffff; }
#page.marchlab .container { width:1500px; max-width:100%; }
#page.marchlab #marchlab-intro { padding:70px 0 0; background:#f7f7f7; }
#page.marchlab #brand { padding:0; display:block; margin:0; background:#102313; }
#page.marchlab #brand img { width:349px; display: block; max-width: 100%; margin:0 auto; }
#page.marchlab .nopd { margin:0; display:flex; min-height:700px;}
#page.marchlab .nopd > * { padding:0; }
#page.marchlab .col-md-6 { display:flex; align-items:center; justify-content:center; background-size: cover; background-position: center;}
#page.marchlab .intro-image { height:100%; width:100%; background-size: cover; background-position: center;}
#page.marchlab .content { position:relative; overflow:hidden; }
#page.marchlab .bg-parallax { width:100%; height:130%; position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; background-size: cover; background-position: center;}
#page.marchlab .text { width:410px; max-width:100%; color:#fff; padding:120px 30px; text-align:justify; }
#page.marchlab .text.dark { color:#111111 }
#page.marchlab .picto { width:80px; display:block; margin:20px auto 0; }
#page.marchlab .watch { display:block; width:100%; }

#page.marchlab #marchlab-am2  { padding-top:100px; position:relative; overflow:hidden; background:#f7f7f7; }
#page.marchlab #marchlab-am2  > * { position:relative; background:#ffffff; margin-top:20px; padding-bottom:120px;}
#page.marchlab .texture  { position:absolute; left:50%; top:-20px; }
#page.marchlab .big-title  { font-size:60px; line-height:1; }
#page.marchlab .title  { margin-bottom:20px; font-size:24px; line-height:30px; }
#page.marchlab .text.clock  { color:#5a4b33; }
#page.marchlab #marchlab-am2 .nopd .col-md-6 { flex-direction:row-reverse; justify-content:right; align-items:start }
#page.marchlab #marchlab-am2 .nopd .text { padding:240px 30px 100px 30px; text-align:right;  }
#page.marchlab .img-fluid { display:block; max-width: 100%; }

#page.marchlab #marchlab-watches { padding:60px 0 120px 0; background:#f7f7f7; }
#page.marchlab #marchlab-watches .watch-name  { margin-left:20px; margin-bottom:15px; font-size:28px; line-height:1.3; color:#222222; min-height: 72px; display: flex; align-items: flex-end; }
#page.marchlab #marchlab-watches .watch  { display:block; width:100%; margin-bottom:60px; }


@media (max-width:992Px) {
	#page.marchlab .nopd { flex-direction:column; }
	#page.marchlab .intro-image { height:190px; background-position:center bottom; }
	#page.marchlab .texture { display:none; }
	#page.marchlab #marchlab-am2 .nopd .text { padding:30px 30px 250px; } 
}


/*************************************/
/* INSTANT POMELLATO NUDO / ORSETTO  */
/*************************************/
#page.pomellato-nudo { font-family:Montserrat, sans-serif; padding-top:135px; }
#page.pomellato-nudo .logo { max-width:80%; display:block; margin:0 auto; }
#page.pomellato-nudo #intro { text-align:center; }
#page.pomellato-nudo #intro .intro { font-size:18px; text-transform:uppercase; font-weight:400; margin:45px 0; line-height:1.5; }
#page.pomellato-nudo #intro .intro strong { font-weight:600; }
#page.pomellato-nudo #tab-link { margin:0 auto; width:555px; max-width:80%; display:flex; }
#page.pomellato-nudo #tab-link li { display:block; width:265px; min-height:265px; position:relative; }
#page.pomellato-nudo #tab-link li:first-child { margin-right:24px; }
#page.pomellato-nudo #tab-link a { box-shadow:5px 5px 10px rgba(0,0,0,0.1); position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); transition:all ease-out 0.2s; display:block; width:100%; padding-top:100%; position:relative; overflow:hidden; }
#page.pomellato-nudo #tab-link a > span { font-size:16px; text-transform:uppercase; font-weight:600;  position:absolute; left:0; right:0; top:72%; padding:10px; z-index:2; }
#page.pomellato-nudo #tab-link li:last-child a > span { color:#222; }
#page.pomellato-nudo #tab-link a > img { position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); display:block; }
#page.pomellato-nudo #tab-link li a:hover, #page.pomellato-nudo #tab-link li a:visited { box-shadow:none; color:#222; width:90%; padding-top:90%; }
#page.pomellato-nudo #tab-link li:first-child a, #page.pomellato-nudo #tab-link li:first-child a:hover, #page.pomellato-nudo #tab-link li:first-child a:visited, #page.pomellato-nudo #tab-link li:first-child a:active{ color:#fff!important; }
#page.pomellato-nudo #tab-link a.active { width:90%; padding-top:90%; border:3px solid #ffeacf; }
@media (max-width:992px) {
	#page.pomellato-nudo #tab-link a > span { font-size:3vw; }
}

#page.pomellato-nudo #tab-nudo { margin-top:-80px;margin-bottom:200px; padding:200px 0 180px; background:url(../images/instant/pomellato-nudo/bg-nudo.jpg) no-repeat calc(50% + 250px) -30px #2c292d; color:#fff; }
#page.pomellato-nudo #tab-nudo .title { font-size:24px; line-height:34px; margin-bottom:25px; }
#page.pomellato-nudo #tab-nudo p { text-align:justify; font-size:14px; line-height:26px; margin-bottom:15px; }
#page.pomellato-nudo #tab-nudo .gallery { margin-top:70px; }
#page.pomellato-nudo #tab-nudo .gallery img { margin: 0 auto 30px;  width: 100%;    display: block; }
#page.pomellato-nudo .next-tab-link { transition:all ease-out 0.2s; display: block; color: #222; margin: 200px auto -200px;font-size:16px; text-transform:uppercase; font-weight:600; box-shadow:5px 5px 10px rgba(0,0,0,0.1); margin-top:70px; background:url(../images/instant/pomellato-nudo/bg-next-orsetto.jpg) no-repeat 0 0 #fff; width:566px; padding:50px 40px 50px 200px; }
#page.pomellato-nudo #tab-nudo .next-tab-link { color: #222; background:url(../images/instant/pomellato-nudo/bg-next-orsetto.jpg) no-repeat 0 0 #fff;  }

#page.pomellato-nudo #tab-orsetto { border-top:4px solid #ececec; border-bottom:4px solid #ececec; margin-top:-80px;margin-bottom:200px; padding:200px 0 180px; background:url(../images/instant/pomellato-nudo/bg-orsetto.jpg) no-repeat calc(50% + 250px) 0 #fff; color:#222; }
#page.pomellato-nudo #tab-orsetto .title { font-size:24px; line-height:34px; margin-bottom:25px; }
#page.pomellato-nudo #tab-orsetto >.container > .row:last-child { margin-top:100px; }
#page.pomellato-nudo #tab-orsetto >.container > .row:last-child img { display:block; max-width:100%; margin:-40px auto 20px; }
#page.pomellato-nudo #tab-orsetto p { text-align:justify; font-size:14px; line-height:26px; margin-bottom:15px; }
#page.pomellato-nudo #tab-orsetto .next-tab-link { color: #fff; background:url(../images/instant/pomellato-nudo/bg-nudo.jpg) no-repeat -30px 0 #2c292d; background-size:260px;  }
#page.pomellato-nudo .next-tab-link:hover { transform: scale(0.95); }
@media (max-width:992px) {
	#page.pomellato-nudo .next-tab-link { padding: 10px 40px 10px 22%; max-width: 100%; font-size: 3vw;	}
	#page.pomellato-nudo #tab-link a > img { width:105%; }
	#page.pomellato-nudo #tab-link a > span { font-size:2vw; top: 62%; }
	#page.pomellato-nudo #tab-nudo, #page.pomellato-nudo #tab-orsetto {     padding-left: 20px;    padding-right: 20px; }
	#page.pomellato-nudo #tab-nudo{ padding-top:60%; background-size: 130%; background-position: center 0;  margin-bottom:0; }
	#page.pomellato-nudo #tab-nudo .next-tab-link { display:none;	background-size: 60%; }
	#page.pomellato-nudo #tab-orsetto{ padding-top:60%; background-size: 70%; background-position: center 0; }
	#page.pomellato-nudo #tab-orsetto .next-tab-link { 	background-size: 40%; }
}
@media (max-width:500px) {
	#page.pomellato-nudo .next-tab-link { font-size: 3vw;	}
}






/*************************************/
/* INSTANT CHANEL */
/*************************************/
#share-box { background:#fff; margin:100px auto 20px;   }
#share-box .share-link { margin:0 auto; max-width: none; }
@media (min-width:992px) { #share-box .share-link { padding:25px 50px } }
#page.chanel { text-align: center; overflow:visible; padding-top:70px; font-family:'Montserrat'; font-size:16px; line-height:24px;  background:#000000; color:#ffffff; }
#page.chanel .logo { max-width:100%; display:block; margin:0 auto 80px;  }
#page.chanel .title { font-size:34px; font-weight:600; margin-bottom:30px; }
#page.chanel .intro { margin:0 auto 20px; max-width:100%; width:750px; line-height:30px; font-size:16px; }

/* ************************************************** */
/* ************************************************** */
/* 26/06/2019 */
/* ************************************************** */
/* ************************************************** */

#brand-products {
  position: relative;
  background: none;
  height: auto;
}

#brand-products::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ececec;
  height: 420px;
}

#brand-products .owl-item > div { position: relative; }
#brand-products .owl-item > div { position: relative; }

.hover.chanel {
  padding: 0 20px 20px;
  background: #f4f2f3;
  text-align: center;
  height: 100px;
}

.hover.chanel .title {
  text-transform: capitalize;
  font: italic 22px Lora;
  margin-bottom: 6px;
  color: #222;
}

.hover.chanel > p {
  color: #666;
  font: 12px Open Sans;
  z-index: 20;
}

#forhim,
#forher { top: 45px; bottom: auto; }

.share-link li {
  display: inline-block;
  vertical-align: middle;
  color: #222;
}

@media screen and ( max-width: 992px) {
  #share-box .share-link ul { margin: 0 0 10px }
  .share-link ul { margin-bottom: 10px; }
  .share-link .nl-link { width: 100%; }  
}

@media screen and ( max-width: 768px) {
  .share-link { display: block; text-align: center; }
  .share-link .nl-link { width: auto; display: inline-block; }
  .share-link li { float: none; }
}


#home-slide .slide.simple .nslide-mobile { padding-top: 125%; }

/* ERROR 404 */
#page.error-404 .title {
  text-transform: uppercase;
  font: 42px copperplateregular;
  letter-spacing: 4px;
  text-align: center;
  margin-bottom: 10px;
}

#page.error-404 .content {
  margin: 40px 0;
  text-align: center;
}

#page.error-404 .btn {
  margin: 40px auto;
  padding: 20px;
  display: inline-block;
  background: #ffffff;
  border: solid 1px #b7b7b7;
  color: #d31a1a;
  font: 12px copperplateregular;
  letter-spacing: 2px;
  text-align: center;
  transition: all 0.15s ease-in-out;
}

#page.error-404 .btn:hover {
  background: #d31a1a;
  border-color: #d31a1a;
  color: #ffffff;
}

/*************************************/
/* INSTANT CHANEL J-12  */
/*************************************/
#page.chanel-j12 { font-family:Montserrat, sans-serif; padding-top:135px; background:#000000; color:#ffffff; text-align: center; }
#page.chanel-j12 .logo { display:block; margin:0 auto 80px; }
#page.chanel-j12 .big-title { text-transform: uppercase; font-size:34px; font-weight: 600; margin-bottom:30px; }
#page.chanel-j12 #intro p { margin:0 auto 40px; line-height:2; font-size:16px; font-weight:600; width:735px; max-width: 100%; }
/* #page.chanel-j12 #share-box { margin-top:200px; } */
#page.chanel-j12 .watch-carousel { opacity:0; transition:all ease-out 3s; filter:blur(10px); }
#page.chanel-j12 .watch-carousel.active { opacity:1; filter:inherit; }
.watch-carousel .watch .name { margin-top:-50px; font-weight:600; font-size:18Px; transition:all ease-out 1s 0.2s; margin-bottom:10px; opacity:0; filter:blur(10px); }
.watch-carousel .watch .price { display:none; color:#666666; font-size:16Px; font-weight:600; margin-bottom:10px; transition:all ease-out 1s 0.5s; opacity:0; filter:blur(10px); }
.watch-carousel .watch p { width:210px; max-width: 100%; margin:0 auto; /* transition:all ease-out 1.5s 1s;  */opacity:0;/*  filter:blur(10px);  */line-height: 1.5;  }
.watch-carousel { width:426px; max-width: 100%; margin:0 auto; }
.watch-carousel .owl-stage-outer { overflow: visible; }
.watch-carousel .owl-item { transition:all ease-out 0.3s; filter:blur(10px); transform:scale(0.8) } 
.watch-carousel .owl-item img { width:auto; max-width: 100%; display:block; margin:0 auto; }
.watch-carousel .owl-item .watch { transition:all ease-out 0.3s;  margin:0 -80% 0 0; max-width: 100%; opacity:0.6; } 
.watch-carousel .owl-item.active + .owl-item .watch { margin:0 0 0 -45%; transform:scale(1); opacity:0.8; }
.watch-carousel .owl-item.active + .owl-item + .owl-item .watch { margin:0 0 0 -110%; transform:scale(0.8); opacity:0.6; }
.watch-carousel .owl-item.active + .owl-item + .owl-item + .owl-item .watch { margin:0 0 0 -190%; transform:scale(0.6); opacity:0.4; }
.watch-carousel .owl-item.active {filter:blur(0); transform:scale(1); }
.watch-carousel .owl-item.active .watch { margin:0; transform:scale(1); opacity:1; }
.watch-carousel .owl-item.active p, .watch-carousel .owl-item.active .name, .watch-carousel .owl-item.active .price { transform:translateY(0); opacity:1; filter:blur(0); }
.watch-carousel .owl-nav > * { transition:all ease-out 0.2s; opacity:0.2; }
.watch-carousel .owl-nav > *:hover { opacity:1; }
.watch-carousel .owl-nav > *.disabled { opacity:0; }
.watch-carousel .owl-nav button.owl-next { outline:0; position: absolute; height: 500px;  width: 100px;  right: auto;  left: 100%;  bottom: 0;  padding-top: 220px!important; }
.watch-carousel .owl-nav button.owl-prev { outline:0; position: absolute; height: 500px;  width: 100px;  left: auto;  right: 100%;  bottom: 0;  padding-top: 220px!important;}
@media (max-width:992px) {
  .watch-carousel .owl-nav button.owl-next { left:80%;}
  .watch-carousel .owl-nav button.owl-prev { right: 80%; }
}
#page.chanel-j12::after { width:100%; height:200px; position: absolute; display: block; content: ''; left:0; right:0; bottom:0; background: #ffffff;}
#page.chanel-j12 #share-box .share-link { box-shadow:5px 10px 10px rgba(0,0,0,0.1); }

.aw { line-height:0.7; }
.aw span  { line-height:1.23;  }
.aw > span, .aw > strong > span  { display:inline-block; }
.aw > span > span, .aw > strong > span > span { opacity:0; transition: width cubic-bezier(.15,.11,0,1) 0.5s, opacity ease-out 2s; display:block; overflow:hidden; line-height:1.1. }
.aw > span > span.active, .aw > strong > span > span.active { opacity:1; transform:translate(0); transition:opacity ease-out 0s, }