/**
 * Editor
 **/
 
.ct-widget.ct-ignition { position:fixed; left:auto; top:auto; right:20px; bottom:20px; z-index:10000; transition:all 0.5s ease 0s; }
.ct-widget.ct-ignition .ct-ignition__button { position:static; margin-top:10px;}

.ce-element { outline:2px dashed rgba(243, 156, 18, 0.5); }
.ce-element--focused, .ce-element:focus { outline:2px dashed rgba(243, 156, 18, 1); }

/**
 * Pagination
 **/
 
.pagination { margin:30px 0; padding:0; list-style:none; }
.pagination ul { margin:0; padding:0; list-style:none; }
.pagination li { display:inline-block; margin:0 2px; }
.pagination li a { display:block; width:30px; height:30px; line-height:30px; border:1px solid #ccc; color:#777; }
.pagination li.active a { background:rgba(0,0,0,0.1); }

/**
 * Responsive Menus
 **/
#header .hamburger { display:none; position:relative; padding:0; }
#header .hamburger:hover { opacity:1; }
#header .hamburger:focus { outline:none; }

@media (max-width: 992px) {
  #header .hamburger { display:inline-block; }
  #header .menu { z-index:5; transition:all 0.5s ease 0s; overflow:hidden; background:rgba(0,0,0,0.5); display:flex; flex-direction:column; align-items:center; justify-content:center; list-style:none; margin:0; padding:0; }
  
  /* Fullscreen */
  body.fullscreen #header .menu { position:fixed; left:0; top:0; width:100%; height:100%; }
  body.fullscreen #header .hamburger { z-index: 10; }
  
  body.fullscreen.fade #header .menu { opacity:0; visibility:hidden; }
  body.fullscreen.fade.open #header .menu { opacity:1; visibility:visible; }
  
  body.fullscreen.top #header .menu { transform:translateY(-100%); }
  body.fullscreen.top.open #header .menu { transform:translateY(0); }
  
  body.fullscreen.right #header .menu { transform:translateX(100%); }
  body.fullscreen.right.open #header .menu { transform:translateX(0); }
  
  body.fullscreen.bottom #header .menu { transform:translateY(100%); }
  body.fullscreen.bottom.open #header .menu { transform:translateY(0); }
  
  body.fullscreen.left #header .menu { transform:translateX(-100%); }
  body.fullscreen.left.open #header .menu { transform:translateX(0); }
  
  /* Over */
  body.over #header .menu { position:fixed; }
  body.over #header .hamburger { z-index: 10; }
  
  body.over.top #header .menu { left:0; top:0; width:100%; height:auto; transform:translateY(-100%); }
  body.over.top.open #header .menu { transform:translateY(0); }
  
  body.over.right #header .menu { right:0; top:0; width:300px; height:100%; transform:translateX(100%); }
  body.over.right.open #header .menu { transform:translateX(0); }
  
  body.over.bottom #header .menu { left:0; bottom:0; width:100%; height:auto; transform:translateY(100%); }
  body.over.bottom.open #header .menu { transform:translateY(0); }
  
  body.over.left #header .menu { left:0; top:0; width:300px; height:100%; transform:translateX(-100%); }
  body.over.left.open #header .menu { transform:translateX(0); }
  
  /* Push */
  body.push { transition:all 0.5s ease 0s; overflow-x:hidden; }
  body.push #header .menu { position:fixed; }
  
  body.push.top #header .menu { left:0; top:0; height:300px; width:100%; transform:translateY(-100%); overflow-y:hidden; }
  body.push.top.open { transform:translateY(300px); }
  
  body.push.right #header .menu { right:0; top:0; height:100vh; width:300px; transform:translateX(100%); overflow-x:hidden; }
  body.push.right.open { transform:translateX(-300px); }
  
  body.push.bottom #header .menu { left:0;margin-top:100vh; height:300px; width:100%; overflow-y:hidden; }
  body.push.bottom.open { transform:translateY(-300px); }
  
  body.push.left #header .menu { left:0; top:0; height:100vh; width:300px; transform:translateX(-100%); overflow-x:hidden; }
  body.push.left.open { transform:translateX(300px); }
}

/**
 * All elements
 */

.field { margin-bottom: 15px; position:relative; }
.field label { display: inline-block; margin:0; z-index:2; }

.field [data-validate-for] { display:none; font-size:10px; line-height:10px; position:absolute; right:0; bottom:-1.2em; }
.field [data-validate-for].visible { display:block; }

/**
 * Textfields & Textarea
 */

.field.textfield input,
.field.textarea textarea { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; }

/**
 * Checkbox & Radio
 */

.field.checkbox,
.field.radio { line-height: 20px; }
.field.checkbox input,
.field.radio input { width:20px; height:20px; float:left; margin-right:10px; }
.field.checkbox label,
.field.radio label { position:relative; margin-bottom: 0; cursor: pointer; }

.field.checkbox span:before,
.field.radio span:before { content:''; position:absolute; left:0; top:0; width:20px; height:20px; border:1px solid #ccc; background:#fff; }

.field.checkbox span:after,
.field.radio span:after { content:''; position:absolute; left:3px; top:3px; width: 14px; height:14px; background:#ccc; opacity:0; transition:all 0.5s ease 0s; }

.field.checkbox input:checked+span:after,
.field.radio input:checked+span:after { opacity: 1; }

.field.checkbox .message:before,
.field.checkbox .message:after,
.field.radio .message:before,
.field.radio .message:after { content:none; }

/* checkbox */

.field.checkbox span:before,
.field.checkbox span:after { border-radius: 0; }

/* Radio */

.field.radio span:before,
.field.radio span:after { border-radius: 50%; }

/**
 * Select
 */

/* Standard select */
.field.select select { display:block; width:100%; padding:10px; border:1px solid #ccc; }

/* Select2 */
.field.select2 .select2-selection { border-radius:0; border:1px solid #ccc; height:46px; }
.field.select2 .select2-selection__rendered { line-height:46px; }
.field.select2 .select2-selection__arrow { height:46px; }

/**
 * Addresses
 */

.field.address .ap-input { height:auto; line-height:auto; border-radius:0; }
.field.address .ap-dropdown-menu { color:#000; }

/**
 * Captcha
 **/

.field.captcha { display:flex; justify-content:center; }
/**
 * General Elements
 **/

body { font-family:'Santral'; }
:focus { outline:none; }

/* Images */
img { max-width:100%; height:auto; }
img[data-sizes] { display: block; width: 100%; }


#footer { background:#1e213a; color:#fff; padding-top:100px; }
#footer .row { justify-content: space-between; align-items:center; }
#footer .right { text-align:right; display:flex; flex-direction:row; align-items:center; justify-content:flex-end; }
#footer .right a { color:#fff; }
#footer .right .separator { color:#946568; display:inline-block; margin:0 20px; }
#footer .linkedin { font-size:30px; }
#footer .instagram { font-size:30px; }

#footer, #contact, .mif { display:none; }
#footer.show, #contact.show, .mif.show { display:block; }

#footer .legales {padding: 5vh 0; font-size: 14px; justify-content: center; }
#footer a {color: #fff;}


.field { margin-bottom:30px; }
[data-validate-for] { color:#77545c; }
/**
 * Layout
 **/
 
#main { position:relative; width:100%; overflow:hidden; }
 
#fss { position:absolute; width:100%; height:100%; z-index:1; pointer-events:none; }

.nouveau { width:221px; height:96px; color:#fff; text-align:center; background:url(../themes/creationluxe/assets/img/banniere.jpg) no-repeat center center; display:block; margin:30px auto; display:flex; align-items:center; justify-content:center; font-family:'Mirador'; font-size:24px; line-height:1.2em; }
.nouveau:hover { color:#fff; text-decoration:underline; }

.slider { position:relative; z-index:2; width:100%; }
.slider .swiper-wrapper { box-sizing:border-box; }
.slider .swiper-slide { display:flex; flex-direction:column; align-items: center; justify-content: center; width:100% !important; height:100vh;  }

.slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#77545c; }
.slider .swiper-pagination { bottom:40px; }
.slider .swiper-pagination-bullet { width:14px; height:14px; }
.slider .swiper-pagination-bullet-active { background:#77545c; }

.slider .swiper-button-next,
.slider .swiper-button-prev { width:75px; height:100px; background-size:75px 100px; margin-top:-50px; }
.slider .swiper-button-prev { left:10%; }
.slider .swiper-button-next { right:10%; }

.slider .caption { color:#fff; position:relative; }
.slider .caption .title { color:#fff; text-transform:uppercase; font-size:40px; letter-spacing:4px; text-align:center; transition:all 1s ease 0.8s; opacity:0; }
.slider .caption .title span { color:#946469; }
.slider .swiper-slide-active .caption .title { opacity:1; margin-bottom:0; }

.slider .slide1 { text-align:center;  }
.slider .slide1 .logo { opacity:0; transition:all 1s ease 0.5s; }
.slider .slide1 h1 { opacity:0; transition:all 1s ease 1.2s; }
.slider .slide1 .title { opacity:0; transition:all 2s ease 2s; font-size:22px; }

.slider .slide1.swiper-slide-active .logo { opacity:1; }
.slider .slide1.swiper-slide-active h1 { opacity:1;  margin-top:30px; }
.slider .slide1.swiper-slide-active .title { opacity:1; }

.slider .slide3 .caption { margin-top:100px; }
.slider .slide3 .metaux { list-style:none; margin:0; padding:0; text-align:center; font-size:18px; color:#946469; font-family:Mirador; color:#fff; margin-top:150px; }
.slider .slide3 .metaux span { color:#946469; }


.slider .slide4 ul { margin:0; padding:0; list-style:none; font-size:26px; text-transform:uppercase; text-align:center; font-family:'Mirador'; font-weight:bold; letter-spacing:2px;}
.slider .slide4 li { opacity:0; transition:all 1s ease 0s; }
.slider .slide4 li:after { content:''; display:block; width:1px; height:20px; margin:10px auto; background:#946469; }
.slider .slide4 li:last-child:after { content:none; }

.slider .slide4 li.laiton { transition-delay:0.5s; }
.slider .slide4 li.inox { transition-delay:1s; }
.slider .slide4 li.aluminium { transition-delay:1.5s; }
.slider .slide4 li.titane { transition-delay:2s; }
.slider .slide4 li.platine { transition-delay:2.5s; }
.slider .slide4 li.argent { transition-delay:3s; }
.slider .slide4 li.or { transition-delay:3.5s; }
.slider .slide4.swiper-slide-active li { opacity:1; }

.slider .slide5 svg { width:400px; height:400px; }
.slider .slide5 .caption svg { width:400px; height:400px; }
.slider .slide5 ul { margin:0; padding:0; list-style:none; font-size:24px; color:#fff; text-transform:uppercase; text-align:left;  }
.slider .slide5 li { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); white-space:nowrap; opacity:0; transition:opacity 0.5s ease 0s; letter-spacing:2px; }
.slider .slide5 .center a { color:#fff; display:block; text-decoration:none; height:100%; width:100%; display:flex; align-items:center; justify-content:center; }

.slider .slide5 .usinage { margin-top:-300px; }
.slider .slide5 .usinage:before { width:1px; height:30px; left:50%; bottom:-50px; }
.slider .slide5 .polissage { margin-top:-200px; margin-left:290px; }
.slider .slide5 .polissage:before { width:30px; height:1px; left:-50px; bottom:-15px; transform:rotate(-35deg); }
.slider .slide5 .galvanoplastie { margin-left:420px; }
.slider .slide5 .galvanoplastie:before { width:30px; height:1px; left:-60px; top:50%; }
.slider .slide5 .gravage { margin-top:200px; margin-left:330px; }
.slider .slide5 .gravage:before { width:30px; height:1px; left:-50px; top:-15px; transform:rotate(35deg); }
.slider .slide5 .bijouterie { margin-top:300px;}
.slider .slide5 .bijouterie:before { width:1px; height:30px; left:50%; top:-50px; }
.slider .slide5 .finis { margin-left:-410px; color:#946469; cursor:pointer; }
.slider .slide5 .finis:before { width:30px; height:1px; right:-60px; top:50%; background-color:#946469; }
.slider .slide5 .caption li a { background:rgba(148,101,104,0.2); border-radius:50%; color:#77545c; display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; }
.slider .slide5 .caption li a:hover { text-decoration:none; }
.slider .slide5 .center { position:absolute; left:50%; top:50%; text-align:center; width:185px; height:185px; padding:10px; text-transform:uppercase; transform:translate(-50%, -50%); margin:0; display:flex; align-items:center; justify-content:center; }
.slider .slide5 .c1 { opacity:0; transition:all 0.5s 5.5s; }
.slider .slide5 .c2 { opacity:0; transition:all 0.5s 5.5s; }
.slider .slide5 .cl { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); opacity:0; transition:all 0.5s ease 0s; }

.slider .slide5.animate li { opacity:1; }
.slider .slide5.animate li.usinage { transition-delay:0.5s; }
.slider .slide5.animate li.polissage { transition-delay:1s; }
.slider .slide5.animate li.galvanoplastie { transition-delay:1.5s; }
.slider .slide5.animate li.gravage { transition-delay:2s; }
.slider .slide5.animate li.bijouterie { transition-delay:2.5s; }
.slider .slide5.animate li.finis { transition-delay:3s; }
.slider .slide5.animate .c1 { opacity:1; transition-delay:0s; }
.slider .slide5.animate .c2 { opacity:0; transition-delay:0s; }
.slider .slide5.animate .cl { opacity:0; transition-delay:2.5s; }

.slider .slide5.hover li { opacity:0; }
.slider .slide5.hover li.finis { opacity:1; transition-delay:0s; }
.slider .slide5.hover li.bijouterie { transition-delay:0s; }
.slider .slide5.hover li.gravage { transition-delay:0.2s; }
.slider .slide5.hover li.galvanoplastie { transition-delay:0.4s; }
.slider .slide5.hover li.polissage { transition-delay:0.6s; }
.slider .slide5.hover li.usinage { transition-delay:0.8s; }
.slider .slide5.hover .c1 { opacity:0; transition-delay:1s; }
.slider .slide5.hover .c2 { opacity:1; transition-delay:1s; }
/*.slider .slide5.hover .cl { opacity:1; transition-delay:1.2s; }*/

.slider .slide6 .caption { text-align:center; }
.slider .slide6 .caption img {  opacity:0; transform:scale(0.9); transition:all 0.5s ease 0.8s; }
.slider .slide6 .caption .title { font-size:24px; text-transform:none; margin:80px 0; }
.slider .slide6 .caption .btn { padding:15px 30px; color:#fff !important; background:#946469; color:#946469; display:inline-block; text-transform:uppercase; }
.slider .slide6 .caption .btn:hover { text-decoration:none; background:#ab7479; }

.slider .slide6.swiper-slide-active .caption img { opacity:1; transform:scale(1); }
.slider .slide6.swiper-slide-active .bottom span { opacity:1; transform:scale(1); }
.slider .slide6.swiper-slide-active .bottom:before { height:80px; }

.fancybox-content { background:rgba(24, 28, 54, 1); color:#fff; min-width:1170px; text-align:center; padding:150px; }
.fancybox-content .fancybox-close-small { background:rgba(148,101,104,0.2); border-radius:50%; color:#77545c; display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; top:100px; right:100px; }
.fancybox-content .bg { text-transform:uppercase; color:#98a2ab; background:url(../themes/creationluxe/assets/img/logo-popup.png) no-repeat center center; width:400px; height:400px; margin:auto; background-size:contain; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:20px; }
.fancybox-content h2 { text-transform:uppercase; font-size:26px; font-weight:normal; position:relative; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); letter-spacing:2px; }
.fancybox-content h2:before { content:''; display:block; background:#98a2ab; position:absolute; }
.fancybox-content h3 { font-weight:normal; margin-bottom:0; }
.fancybox-content ul { list-style:none; margin:0; padding:0; }
.fancybox-content li { margin:5px 0; }
.fancybox-content p { font-size:14px; text-transform:uppercase; }

.fancybox-content#usinage h2 { margin-top:-300px; }
.fancybox-content#usinage h2:before { width:1px; height:30px; left:50%; bottom:-50px; left:50%; bottom:-50px; }
.fancybox-content#polissage h2 { margin-top:-200px; margin-left:290px; }
.fancybox-content#polissage h2:before { width:30px; height:1px; left:-50px; bottom:-15px; transform:rotate(-35deg); }
.fancybox-content#galvanoplastie h2 { margin-left:410px; }
.fancybox-content#galvanoplastie h2:before { width:30px; height:1px; left:-60px; top:50%; }
.fancybox-content#galvanoplastie li:after { content:''; display:block; position:static; margin: 20px auto; height:2px; width:6px; background:#98a2ab; }
.fancybox-content#galvanoplastie li:last-child:after { content:none; }
.fancybox-content#bijouterie h2 { margin-top:300px; }
.fancybox-content#bijouterie h2:before { width:1px; height:30px; left:50%; top:-50px; }
.fancybox-content#finis h2 { margin-left:-410px; color:#946469; }
.fancybox-content#finis h2:before { width:30px; height:1px; right:-60px; top:50%; background-color:#946469; }

.mif { background:#1e213a; color:#fff; text-align:center; padding:150px 0; }
.mif h2 { text-transform:uppercase; margin-top:80px; }
.mif h2:after { content:''; display:block; width:1px; height:30px; background:#fff; margin:50px auto; background:#946469; }
.mif .carte { position:relative; display:inline-block; }
.mif .carte .point { position:absolute; right:132px; top:332px; width:25px; height:25px; background:#946568; border-radius:50%; animation: pulse 2s infinite; }

@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(148,101,104, 0.4); } 70% { box-shadow: 0 0 0 40px rgba(148,101,104, 0); } 100% { box-shadow: 0 0 0 0 rgba(148,101,104, 0); } }

.contact { background:#252841; color:#fff; padding:100px 0; }
.contact .container { max-width:540px; }
.contact h2 { text-align:center; text-transform:uppercase; margin-bottom:80px; font-weight:normal; }
.contact h3 { color:#946469; }
.contact h4 { padding-bottom:25px; border-bottom:1px solid #575a6d; margin-top:80px; margin-bottom:40px; font-weight:normal; font-size:20px; }
.contact h4 span { color:#946469; }

.field.checkbox input { width:0; height:0; display:none; }
.contact .checkbox label { display:block; margin:10px 0; padding-left:30px; }
.field.checkbox span:before { border-radius:50%; background:rgba(148,100,105,0.2); border:1px solid transparent; }
.field.checkbox span:after { background:url(../themes/creationluxe/assets/img/tick.png) no-repeat center center; }

.field.textfield { position:relative; }
.field.textfield label { position:absolute; left:15px; top:50%; transform:translateY(-50%); color:#99a2ac; font-size:14px;}
.field.textfield input { padding:15px; }
.field.textfield.active label { display:none; }

.field.captcha { justify-content: flex-start; }

.field.textfield.required:after { content:'*'; position:absolute; right:15px; top:50%; transform:translateY(-50%); color:#946469; }
.contact .ap-icon-pin { display:none; }

.field.submit { margin-top:60px; }
.field.submit button { background:#946469; color:#fff; font-size:22px; text-transform:uppercase; border:none; padding:15px; 30px; cursor:pointer; }
.field.submit button i { margin-left:50px; }
.field.submit button:hover { background:#98a2ab; }

.fancybox-is-open .fancybox-bg { opacity:0 !important; }




/**
 * Large devices (desktops, less than 1200px)
 **/
@media (max-width: 1199px) {
  .slider .caption .title { font-size:30px; }
  .slider .slide5 .caption svg { width:300px; height:300px; }
  .slider .slide5 ul { font-size:20px; }
  .slider .slide5 .usinage { margin-top:-250px; }
  .slider .slide5 .polissage { margin-top: -160px; margin-left: 280px; }
  .slider .slide5 .galvanoplastie { margin-left:360px; }
  .slider .slide5 .gravage { margin-top: 160px; margin-left: 290px; }
  .slider .slide5 .bijouterie { margin-top:250px; }
  .slider .slide5 .finis { margin-left:-350px; }
  .slider .slide5 .center { width:145px; height:145px; }
  .fancybox-slide:before { content:none !important; }
  .fancybox-content { min-width:0 !important; padding:100px; }
  .fancybox-content .fancybox-close-small { top:50px; right:50px; }
}

/**
 * Medium devices (tablets, less than 992px)
 **/
@media (max-width: 991px) {
  .slider .slide5 { justify-content:flex-start; }
  .slider .slide5 .diamant { margin:30px auto 30px auto; text-align:center; position:relative; }
  .slider .slide5 ul { display:flex; flex-direction:column; align-items:center; }
  .slider .slide5 li { position:static; margin:0 !important; left:auto !important; top:auto !important; transform:none !important; font-size:18px; line-height:40px; }
  .slider .slide5 li:before { content:none !important;  }
  .slider .slide5 .center { position:static; left:auto; top:auto; transform:none; display:block; width:auto; height:auto; padding:0; text-align:center; margin-bottom:30px; }
  .slider .slide5 .c1 br { display:none; }
  .slider .slide5 .finis { display:flex; font-size:18px; font-weight:bold; }
  .slider .slide5 .finis a { order:2; margin-left:10px;}
  .slider .slide5 .cl { opacity:1 !important; max-width:110px; transition-delay:0s; }
  .slider .slide5 .c2 { margin-top:20px; opacity:0; }
  .slider .slide5.animate .c2 { opacity:1; transition-delay:3s; padding:0 30px; }
  .fancybox-content { padding:50px; }
  .fancybox-content .fancybox-close-small { top:20px; right:20px; }
  .mif .carte .point { top:297; right:116px; }
  
  #footer .right {flex-direction: column; padding-top: 3vh;}
}

/**
 * Small devices (landscape phones, less than 768px)
 **/
@media (max-width: 767px) {
  .mif .carte .point { right:83px; top:217px; }
  .swiper-button-prev,
  .swiper-button-next { display:none; }
}

/**
 * Extra small devices (portrait phones, less than 544px)
 **/
@media (max-width: 575px) {
  .tagcloud { margin-left:50px !important; }
  .slider .slide5 .caption svg { width:200px; height:200px; }
  .slider .slide5 .cl { max-width:60px; }
  .slider .slide5 li { font-size:15px; }
  .fancybox-content { padding:10px; position:absolute; top:50%; transform:translate(-50%, -50%); }
  .fancybox-content .fancybox-close-small { top:10px; right:10px; }
  .mif .carte .point { display:none; }
  .slider .slide4 li:after { content:none; }

}