/* reset */

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; }

:focus { outline: none; }

/* Webfonts */
@font-face { font-family: 'nexa_rust_sansblack'; src: url('../f/nexa_black-webfont.woff2') format('woff2'), url('../f/nexa_black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'nexa_lightregular'; src: url('../f/nexa_light-webfont.woff2') format('woff2'), url('../f/nexa_light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'nexa_boldregular'; src: url('../f/nexa_bold-webfont.woff2') format('woff2'), url('../f/nexa_bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

body { font-family: 'nexa_lightregular'; min-height: 100%; }
hr { height: 1px; background-color: #fff; color: transparent; border: 0; display: block; clear: both; }
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99; }



@media screen and (max-width: 767px) {
header { width: 100%; height: 220px; position: absolute; top: 0; z-index: 10; }
.slider { width: 100%; height: 215px; margin: 0; position: absolute; top: 0; }
}
@media screen and (min-width: 768px) {
header { width: 100%; height: 380px; position: absolute; top: 0; z-index: 10; }
.slider { width: 100%; height: 375px; margin: 0; position: absolute; top: 0; }
}
@media screen and (min-width: 1025px) {
header { width: 100%; height: 480px; position: absolute; top: 0; z-index: 10; }
.slider { width: 100%; height: 475px; margin: 0; position: absolute; top: 0;  }
}
/* ----------- Non-Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 1) {
header { width: 100%; height: 320px; position: absolute; top: 0; z-index: 10; }
.slider { width: 100%; height: 315px; margin: 0; position: absolute; top: 0; }
}

/* ----------- Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {
header { width: 100%; height: 320px; position: absolute; top: 0; z-index: 10; }
.slider { width: 100%; height: 315px; margin: 0; position: absolute; top: 0; }
}

.slide1,.slide2,.slide3,.slide4,.slide5 { position: absolute; width: 100%; height: 100%; z-index: 100; }

.slide1 { background-repeat: no-repeat; background-attachment: fixed; background-color: #fff; animation:fade1 15s infinite; }
.slide2 { background-repeat: no-repeat; background-attachment: fixed; background-color: #fff; animation:fade2 15s infinite; }
.slide3 { background-repeat: no-repeat; background-attachment: fixed; background-color: #fff; animation:fade3 15s infinite; }
.slide4 { background-repeat: no-repeat; background-attachment: fixed; background-color: #fff; animation:fade4 15s infinite; }
.slide5 { background-repeat: no-repeat; background-attachment: fixed; background-color: #fff; animation:fade4 15s infinite; }

.slide1.off, .slide2.off, .slide3.off, .slide4.off, .slide5.off { animation-name: none; }

@media screen and (max-width: 767px) {
.slide1,.slide2,.slide3,.slide4,.slide5 { background-position: center -2em; background-size: 100% auto; }
}
@media screen and (min-width: 768px) and (max-width: 1024px)  {
.slide1,.slide2,.slide3,.slide4,.slide5 { background-position: center -5em; background-size: 100% auto; }
}
@media screen and (min-width: 1025px) and (max-width: 1599px) {
.slide1,.slide2,.slide3,.slide4,.slide5 { background-position: center -15em; background-size: 100% auto; }
}
@media screen and (min-width: 1600px) {
.slide1,.slide2,.slide3,.slide4,.slide5 { background-position: center -26em; background-size: 1920px cover; }
}
/* ----------- Non-Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 1) {
.slide1,.slide2,.slide3,.slide4,.slide5 { background-position: center -15em; background-size: 100% auto; }
}

/* ----------- Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {
.slide1,.slide2,.slide3,.slide4,.slide5 { background-position: center -15em; background-size: 100% auto; }
}

.slide1 { background-image: url("../i/illus_cce_organisation.jpg"); }
.slide2 { background-image: url("../i/illus_bobazar.jpg"); }
.slide3 { background-image: url("../i/illus_arti.jpg"); }
.slide4 { background-image: url("../i/illus_studio_dix.jpg"); }
.slide5 { background-image: url("../i/illus_le_bo_magasin.jpg"); }

@keyframes fade1{0%{opacity:1}25% {opacity: 0}50% {opacity: 0}75% {opacity: 0}100% {opacity: 1}}
@keyframes fade2{0%{opacity:0}25% {opacity: 1}50% {opacity: 0}75% {opacity: 0}100% {opacity: 0}}
@keyframes fade3{0%{opacity:0}25% {opacity: 0}50% {opacity: 1}75% {opacity: 0}100% {opacity: 0}}
@keyframes fade4{0%{opacity:0}25% {opacity: 0}50% {opacity: 0}75% {opacity: 1}100% {opacity: 0}}
@keyframes fade5{0%{opacity:0}25% {opacity: 0}50% {opacity: 0}75% {opacity: 0}100% {opacity: 1}}

@media screen and (max-width: 767px) {
#content { display: block; height: 800px; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#content { display: block; height: 750px; }
}
@media screen and (min-width: 1025px) {
#content { display: block; height: 900px; }
}

ul { width: 100%; text-align: center; margin: 70px auto; }
ul li { display: inline; }

@media screen and (max-width: 767px) {
ul.groupe_cce { width: 220px; position: relative; top: 70px; z-index: 100; line-height: 24px; }
.svg-container { display: inline-block; position: relative; width: 111px; vertical-align: middle; overflow: hidden; }
.svg-container #circle { display: none; }
}
@media screen and (min-width: 768px) and (max-width: 1024px)  {
ul.groupe_cce {  width: 90%; position: relative; top: 230px; z-index: 100; }
.svg-container { display: inline-block; position: relative; width: 168px; vertical-align: middle; overflow: hidden; }
.svg-container #circle { display: none; }
}
@media screen and (min-width: 1025px) {
ul.groupe_cce { width: 90%; position: relative; top: 330px; z-index: 100; }
.svg-container { display: inline-block; position: relative; width: 180px; vertical-align: middle; overflow: hidden; animation: fade 0.9s ease; }
.svg-container #circle { width:55px; height:55px; position:absolute; border:5px solid transparent; border-radius:30px; top: 30px; left: 61px; }
.svg-container #pupil { width:10px; height:10px; left:20px; top:20px; border-radius:5px; background-color:#ec433d; position:relative; animation:fadepupil 2s 1;  }
.svg-container #Ellipse_6 { display: none; }
}
/* ----------- Non-Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 1) {
ul.groupe_cce {  width: 80%; position: relative; top: 180px; z-index: 100; }
.svg-container { display: inline-block; position: relative; width: 168px; vertical-align: middle; overflow: hidden; animation: fade 0.9s ease; }
.svg-container #circle { width:55px; height:55px; position:absolute; border:5px solid transparent; border-radius:30px; top: 30px; left: 61px; }
.svg-container #pupil { width:10px; height:10px; left:20px; top:20px; border-radius:5px; background-color:#ec433d; position:relative; }
.svg-container #Ellipse_6 { display: none; }
}

/* ----------- Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {
ul.groupe_cce {  width: 80%; position: relative; top: 180px; z-index: 100; }
.svg-container { display: inline-block; position: relative; width: 168px; vertical-align: middle; overflow: hidden; animation: fade 0.9s ease; }
.svg-container #circle { width:55px; height:55px; position:absolute; border:5px solid transparent; border-radius:30px; top: 30px; left: 61px; }
.svg-container #pupil { width:10px; height:10px; left:20px; top:20px; border-radius:5px; background-color:#ec433d; position:relative; }
.svg-container #Ellipse_6 { display: none; }
}

@keyframes fadepupil{0%{opacity:0}25% {opacity: 0.2}50% {opacity: 0.4}75% {opacity: 0.6}100% {opacity: 1}}

ul.groupe_cce h1 { display: none; }
@media screen and (max-width: 767px) {
ul.groupe_cce h2 { display: block; opacity: 0.65; font-family: 'nexa_lightregular'; color: #85868A; font-size: 18px; font-weight: normal; margin-top: 22px; }
ul.groupe_cce h3 { display: block; opacity: 0; font-family: 'nexa_lightregular'; color: #85868A; font-size: 18px; font-weight: normal; margin: -12px; }
}
@media screen and (min-width: 768px)  {
ul.groupe_cce h2 { display: block; opacity: 0.65; font-family: 'nexa_lightregular'; color: #85868A; font-size: 20px; font-weight: normal; margin-top: 20px; }
ul.groupe_cce h3 { display: block; opacity: 0; font-family: 'nexa_lightregular'; color: #85868A; font-size: 20px; font-weight: normal; margin: -20px; }
}
ul.groupe_cce:hover { cursor: pointer; }

@media screen and (max-width: 767px) {
ul.societes { width: 99%; margin: 0 auto; position: relative; top: 70px; }
ul.societes li { display: block; width: 100%; margin: 0 0 40px 0; text-align: center; }
ul.societes li img { width: 30%; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
ul.societes { width: 99%; margin: 0 auto; position: relative; top: 250px; }
ul.societes li { display: inline; float: left; }
ul.societes li { width: 20%; margin: 0 0 0 0; text-align: center; }
ul.societes li img { width: 45%; }
}
@media screen and (min-width: 1025px) {
ul.societes { width: 90%; margin: 0 auto; position: relative; top: 400px; }
ul.societes li { display: inline; float: left; }
ul.societes li { width: 20%; margin: 0 0 0 0; text-align: center; }
}
/* ----------- Non-Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 1) {
ul.societes { width: 99%; margin: 0 auto; position: relative; top: 220px; }
ul.societes li { display: inline; float: left; }
ul.societes li { width: 25%; margin: 0 0 0 0; text-align: center; }
}

/* ----------- Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {
ul.societes { width: 80%; margin: 0 auto; position: relative; top: 220px; }
ul.societes li { display: inline; float: left; }
ul.societes li { width: 25%; margin: 0 0 0 0; text-align: center; }
}

ul.societes li a:hover img  { -webkit-filter: grayscale(0%); -webkit-transition: .1s ease-in-out; -moz-filter: grayscale(0%); -moz-transition: .1s ease-in-out; -o-filter: grayscale(0%); -o-transition: .1s ease-in-out; filter: grayscale(0%); cursor: pointer; }
ul.societes img { -webkit-filter: grayscale(100%); -webkit-transition: .1s ease-in-out; -moz-filter: grayscale(100%); -moz-transition: .1s ease-in-out; -o-filter: grayscale(100%); -o-transition: .1s ease-in-out; filter: grayscale(100%); }
ul.societes li figure { display: inline; text-align: center; }
ul.societes li figure img { margin: 0; padding: 0; }
ul.societes li figure figcaption { display: block; width: 100%; opacity: 0; padding-top: 70px; margin: -60px 0 0 0; background: url(../i/bg_baseline.png) no-repeat center 20px; font-family: 'nexa_lightregular'; color: #85868A; font-size: 16px; line-height: 19px; font-weight: normal; }
ul.societes li a { display: inline; color: #000; text-decoration: none; }
ul.societes li a.taphover:hover, ul.societes li a.taphover.hover {  }

@media screen and (max-width: 767px) {
#presentation_groupe_cce { display: none; background-color: #fff; margin: 0;  padding: 15px 0 100px 0; position: absolute; top: 0; left: 0; z-index: 100; text-align: center; }
#presentation_groupe_cce img { width: 30%; }
#presentation_groupe_cce a { color: #85868A; text-decoration: underline; }
#presentation_groupe_cce h4 { font-family: 'nexa_lightregular'; color: #85868A; font-size: 18px; line-height: 32px; font-weight: bold; opacity: 0.64; margin: 0 0 15px 0; }
#presentation_groupe_cce p { width: 95%; font-family: 'nexa_lightregular'; color: #85868A; font-size: 16px; line-height: 26px; font-weight: normal; margin: 30px auto 10px auto; }
#presentation_groupe_cce p strong { font-family: 'nexa_boldregular'; }
#presentation_groupe_cce ul { width: 80%; display: block; clear: both; margin: 30px auto 30px auto; float: none; }
#presentation_groupe_cce ul li { width: 100%; display: block; float: none; background-color: #f5f5f5; margin-bottom: 20px; border-radius: 10px; padding: 40px 0 10px 0; }
#presentation_groupe_cce ul li span { font-size: 70px; line-height: 20px; color: #85868A;  }
#presentation_groupe_cce ul li p { line-height: 24px; }
#presentation_groupe_cce button { display: block; margin: 70px auto 30px auto; padding: 6px 20px;border: 1px solid #85868A; background-color: #fff; font-family: 'nexa_lightregular'; color: #85868A; font-size: 16px; line-height: 19px; font-weight: normal; }
#presentation_groupe_cce button:hover { background-color: #e4e6ed; cursor: pointer; }
section.presentation_societe { width: 300px;  margin: 70px auto 20px auto; display: block; clear: both; }
#presentation_groupe_cce section.presentation_societe img { display: none; }
article.societe { width: 300px; float: left; display: inline; margin: 0 0 40px 0; }
article.societe figure { display: none;}
#presentation_groupe_cce article.societe h5 { text-align: center; color: #85868A; font-size: 20px; line-height: 32px; font-weight: bold; }
#presentation_groupe_cce article.societe p { margin: 0; display: block; text-align: center; font-size: 16px; line-height: 22px; }
}
@media screen and (min-width: 768px) and (max-width: 1024px)  {
#presentation_groupe_cce { display: none; background-color: #fff; margin: 0;  padding: 25px 0 100px 0; position: absolute; top: 0; left: 0; z-index: 100; text-align: center; }
#presentation_groupe_cce a { color: #85868A; text-decoration: underline; }
#presentation_groupe_cce h4 { font-family: 'nexa_lightregular'; color: #85868A; font-size: 20px; line-height: 32px; font-weight: bold; opacity: 0.64; margin: 0 0 15px 0; }
#presentation_groupe_cce p { width: 90%; font-family: 'nexa_lightregular'; color: #85868A; font-size: 16px; line-height: 28px; font-weight: normal; margin: 30px auto 5px auto; }
#presentation_groupe_cce p strong { font-family: 'nexa_boldregular'; }
#presentation_groupe_cce ul { width: 97%; display: block; clear: both; margin: 100px auto 30px auto; height: 100px; }
#presentation_groupe_cce ul li { width: 25%; display: inline; float: left; }
#presentation_groupe_cce ul li span { font-size: 80px; line-height: 24px; color: #85868A; }
#presentation_groupe_cce ul li p { line-height: 24px; }
#presentation_groupe_cce button { display: block; margin: 70px auto 30px auto; padding: 6px 20px;border: 1px solid #85868A; background-color: #fff; font-family: 'nexa_lightregular'; color: #85868A; font-size: 16px; line-height: 19px; font-weight: normal; }
#presentation_groupe_cce button:hover { background-color: #e4e6ed; cursor: pointer; }
section.presentation_societe { width: 500px;  margin: 70px auto 20px auto; display: block; clear: both; }
article.societe { width: 500px; float: left; display: inline; margin: 0 0 70px 0; }
article.societe figure { width: 150px; float: left; display: inline; text-align: center; }
#presentation_groupe_cce article.societe h5 { text-align: left; color: #85868A; font-size: 20px; line-height: 32px; font-weight: bold; }
#presentation_groupe_cce article.societe p { margin: 0; display: inline; float: left; text-align: left; font-size: 16px; line-height: 22px; }
}
@media screen and (min-width: 1025px) {
#presentation_groupe_cce { width: 100%; display: none; background-color: #fff; margin: 0;  padding: 75px 0 100px 0; position: absolute; top: 0; left: 0; z-index: 100; text-align: center; }
#presentation_groupe_cce a { color: #85868A; text-decoration: underline; }
#presentation_groupe_cce h4 { font-family: 'nexa_lightregular'; color: #85868A; font-size: 20px; line-height: 32px; font-weight: bold; opacity: 0.64; margin: 0 0 15px 0; }
#presentation_groupe_cce p { width: 70%; font-family: 'nexa_lightregular'; color: #85868A; font-size: 16px; line-height: 28px; font-weight: normal; margin: 30px auto 5px auto; }
#presentation_groupe_cce p strong { font-family: 'nexa_boldregular'; }
#presentation_groupe_cce ul { width: 80%; display: block; clear: both; margin: 100px auto 30px auto; height: 100px; }
#presentation_groupe_cce ul li { width: 25%; display: inline; float: left; }
#presentation_groupe_cce ul li span { font-size: 80px; line-height: 24px; color: #85868A; }
#presentation_groupe_cce ul li p { line-height: 24px; }
#presentation_groupe_cce button { display: block; margin: 70px auto 30px auto; padding: 6px 20px;border: 1px solid #85868A; background-color: #fff; font-family: 'nexa_lightregular'; color: #85868A; font-size: 16px; line-height: 19px; font-weight: normal; }
#presentation_groupe_cce button:hover { background-color: #e4e6ed; cursor: pointer; }
section.presentation_societe { width: 500px;  margin: 80px auto 20px auto; display: block; clear: both; }
article.societe { width: 500px; float: left; display: inline; margin: 0 0 70px 0; }
article.societe figure { width: 150px; float: left; display: inline; text-align: center; }
#presentation_groupe_cce article.societe h5 { text-align: left; color: #85868A; font-size: 20px; line-height: 32px; font-weight: bold; }
#presentation_groupe_cce article.societe p { margin: 0; display: inline; float: left; text-align: left; font-size: 16px; line-height: 22px; }
}



@media screen and (max-width: 767px) {
#mentions_legales { display: none; background-color: #fff; margin: 0;  padding: 25px 0 100px 0; position: absolute; top: 0; left: 0; z-index: 100; text-align: center; }
#mentions_legales img { width: 30%; }
#mentions_legales h4 { font-family: 'nexa_lightregular'; color: #85868A; font-size: 20px; line-height: 32px; font-weight: bold; opacity: 0.64; margin: 0 0 15px 0; }
#mentions_legales p { width: 90%; font-family: 'nexa_lightregular'; color: #85868A; font-size: 16px; line-height: 28px; font-weight: normal; margin: 30px auto 15px auto; text-align: left; }
#mentions_legales ul { width: 90%; display: block; clear: both; margin: 0 auto; color: #85868A; text-align: left; }
#mentions_legales ul li { width: 100%; display: block; margin: 8px 0; list-style-type: circle; list-style-position: outside; }
#mentions_legales h2 { width: 90%; font-size: 1.1em; font-weight: bold; margin: 30px auto 0 auto; text-align: left; }
#mentions_legales h3 { width: 90%; font-size: 1.1em; font-weight: bold; margin: 30px auto -10px auto; text-align: left; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#mentions_legales { display: none; background-color: #fff; margin: 0;  padding: 25px 0 100px 0; position: absolute; top: 0; left: 0; z-index: 100; text-align: center; }
#mentions_legales h4 { font-family: 'nexa_lightregular'; color: #85868A; font-size: 20px; line-height: 32px; font-weight: bold; opacity: 0.64; margin: 0 0 15px 0; }
#mentions_legales p { width: 90%; font-family: 'nexa_lightregular'; color: #85868A; font-size: 16px; line-height: 28px; font-weight: normal; margin: 30px auto 15px auto; text-align: left; }
#mentions_legales ul { width: 90%; display: block; clear: both; margin: 0 auto; color: #85868A; text-align: left; }
#mentions_legales ul li { width: 100%; display: block; margin: 8px 0; list-style-type: circle; list-style-position: outside; }
#mentions_legales h2 { width: 90%; font-size: 1.1em; font-weight: bold; margin: 30px auto 0 auto; text-align: left; }
#mentions_legales h3 { width: 90%; font-size: 1.1em; font-weight: bold; margin: 30px auto -10px auto; text-align: left; }
}
@media screen and (min-width: 1025px) {
#mentions_legales { display: none; background-color: #fff; margin: 0;  padding: 75px 0 100px 0; position: absolute; top: 0; left: 0; z-index: 100; text-align: center; }
#mentions_legales h4 { font-family: 'nexa_lightregular'; color: #85868A; font-size: 20px; line-height: 32px; font-weight: bold; opacity: 0.64; margin: 0 0 15px 0; }
#mentions_legales p { width: 70%; font-family: 'nexa_lightregular'; color: #85868A; font-size: 16px; line-height: 28px; font-weight: normal; margin: 30px auto 15px auto; text-align: left; }
#mentions_legales ul { width: 70%; display: block; clear: both; margin: 0 auto; color: #85868A; text-align: left; }
#mentions_legales ul li { width: 100%; display: block; margin: 8px 0; list-style-type: circle; list-style-position: outside; }
#mentions_legales h2 { width: 70%; font-size: 1.1em; font-weight: bold; margin: 30px auto 0 auto; text-align: left; }
#mentions_legales h3 { width: 70%; font-size: 1.1em; font-weight: bold; margin: 30px auto -10px auto; text-align: left; }
}
#mentions_legales h2, #mentions_legales h3 { color: #85868A; }
#mentions_legales p a { color: #85868A; }
.fermer:hover { cursor: pointer; }
.box-1 { height: 33.33%; width: 220px;  display: flex; margin: 90px auto 0 auto; justify-content: center; align-items: center; border: 1px solid #85868A; background-color: #fff; font-family: 'nexa_lightregular'; color: #85868A; font-size: 16px; line-height: 19px; font-weight: normal; }
.btn { line-height: 30px; text-align: center; width: 220px; margin: 0 auto; cursor: pointer; }
.btn-one { color: #85868A; transition: all 0.3s; position: relative; }
.btn-one span { transition: all 0.3s; }
.btn-one::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; transition: all 0.3s; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgba(255,255,255,0.5); border-bottom-color: rgba(255,255,255,0.5); transform: scale(0.2, 1); }
.btn-one:hover span { letter-spacing: 4px; cursor: pointer; }
.btn-one:hover::before { opacity: 1; transform: scale(1, 1); }
.btn-one::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.3s; background-color: rgba(0,0,0,0.1); }
.btn-one:hover::after { opacity: 0; transform: scale(0.1, 1); }

@media screen and (max-width: 767px) {
footer { position: relative; width: 100%; height: 30px; z-index: 1000; margin: 20px 0 100px 0; font-family: 'nexa_lightregular'; color: #85868A; font-size: 14px; line-height: 17px; display: block; }
footer nav { width: 320px; margin: 600px auto 0 auto; display: block; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
footer { position: relative; right: 0; bottom: 0; left: 0; width: 100%; height: 30px; z-index: 1000; margin: -25px 0 10px 0; font-family: 'nexa_lightregular'; color: #85868A; font-size: 14px; line-height: 17px; }
footer nav { width: 400px; margin: 0 auto; }
}
@media screen and (min-width: 1025px) {
footer { position: relative; right: 0; bottom: 0; left: 0; width: 100%; height: 30px; z-index: 1000; margin: 20px 0 100px 0; font-family: 'nexa_lightregular'; color: #85868A; font-size: 14px; line-height: 17px; animation: fadefooter 1.5s ease; }
footer nav { width: 400px; margin: 0 auto; }
}

/* Cookie banner */
@media screen and (max-width: 767px) {
.cookies_banner { font-family: 'nexa_lightregular'; font-weight: normal; font-size: 13px; line-height: 30px; vertical-align: middle; width: 100%; height: 90px; position: fixed; top: 0; background-color: rgba(255,255,255,0.9); z-index: 1000; padding: 10px 20px; float: left; display: inline; text-align: right; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.cookies_banner { font-family: 'nexa_lightregular'; font-weight: normal; font-size: 13px; line-height: 35px; vertical-align: middle; width: 100%; height: 35px; position: absolute; top: 0; background-color: rgba(255,255,255,0.9); z-index: 1000; padding: 10px 20px; float: left; display: inline; text-align: right; }
}
@media screen and (min-width: 1025px) {
.cookies_banner { font-family: 'nexa_lightregular'; font-weight: normal; font-size: 13px; line-height: 35px; vertical-align: middle; width: 100%; height: 35px; position: absolute; top: 0; background-color: rgba(255,255,255,0.9); z-index: 1000; padding: 10px 20px; float: left; display: inline; text-align: right; }
}
@media screen and (max-width: 767px) {
.cookies_banner p { width: 300px; padding: 0 50px 0 0; text-align: center; margin: 0 auto; }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.cookies_banner p { width: 900px; padding: 0 50px 0 0; text-align: center; margin: 0 auto; }
}
@media screen and (min-width: 1280px) {
.cookies_banner p { width: 900px; padding: 0 50px 0 0; text-align: center; margin: 0 auto; }
}
#cookies_btn { display: none; }
#removecookie { font-weight: bold; margin-left: 10px; cursor: pointer; z-index: 1000; }
#removecookie:hover { text-decoration: underline; }

footer a { color: #000; text-decoration: none; }
footer a:hover { color: #85868A; }
footer nav ul li { }
footer nav ul li::before { content: " • "; margin: 10px; }
footer nav ul li:first-child:before { content: ""; margin: 0; }