@charset "UTF-8";
@font-face {
  font-family: "Brandon";
  src: url("/CSS/Police/BrandonText-Regular.ttf"); }
* {
  box-sizing: border-box; }

html, body {
  color: black;
  margin: 0;
  padding: 0;
  font-family: 'Brandon', Arial;
  position: relative; }

     /****************************************\
Sert a gerer le padding de tous les bloc de la page    
     \****************************************/
/* 
* { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }
* * * * * * * { background-color: rgba(255,0,0,.2); }
* * * * * * * * { background-color: rgba(0,255,0,.2); }
* * * * * * * * * { background-color: rgba(0,0,255,.2); } 
*/
/****************************************\
          Class générique
\****************************************/
h1 {
  font-size: 50px;
  text-align: center; }

h2 {
  font-size: 35px;
  border-bottom: 5px solid #00e3a6; }

h3 {
  font-size: 25px; }

p {
  font-size: 20px; }

a {
  text-decoration: none; }

.color-black {
  color: black !important; }

.color-white {
  color: white; }

.color-red {
  color: red; }

.color-green {
  color: #00c38f; }

.visu-public {
  background-color: #e2ffe3cf !important; }

.visu-prive {
  background-color: #fe767635 !important; }

.color-modif {
  background: #FF9A24 !important; }

.color-sup {
  background: #FF6969 !important; }

.modal {
  position: absolute;
  left: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -mso-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.4);
  background-color: white;
  font-size: 20px;
  color: black;
  padding: 20px 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -mso-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-animation: fade-in;
  -khtml-animation: fade-in;
  -mso-animation: fade-in;
  -moz-animation: fade-in;
  -ms-animation: fade-in;
  -o-animation: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: 0.6s;
  -khtml-animation-duration: 0.6s;
  -mso-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -ms-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -khtml-animation-fill-mode: forwards;
  -mso-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
  -khtml-animation-delay: 0.5s;
  -mso-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  opacity: 0; }
  .modal h2 {
    color: white; }

input[type=text], .comment-modal, input[type=email], input[type=password], input[type=search] {
  padding: 10px 10px;
  font-size: 19px;
  color: #2F2F2F;
  margin: 11px 0;
  border: none;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -mso-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -khtml-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -mso-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -moz-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -ms-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -o-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5); }

input[type=checkbox] {
  -webkit-appearance: none;
  -khtml-appearance: none;
  -mso-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -mso-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid lightgrey;
  margin-right: 1px; }

input[type=checkbox]:checked {
  background-color: #00e3a6;
  background-image: url(/CSS/img/right-chevron.svg); }

input[type=submit] {
  border: none;
  -webkit-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -khtml-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -mso-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -moz-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -ms-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -o-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  background: #00c38f;
  color: white;
  margin: 5px auto;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -mso-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 22px;
  padding: 13px 25px; }

.comment-modal {
  margin: 10px;
  font-size: 18px;
  font-family: 'Brandon';
  height: 100px; }

.fade_1 {
  opacity: 0;
  -webkit-animation: fade-in;
  -khtml-animation: fade-in;
  -mso-animation: fade-in;
  -moz-animation: fade-in;
  -ms-animation: fade-in;
  -o-animation: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: 0.6s;
  -khtml-animation-duration: 0.6s;
  -mso-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -ms-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -khtml-animation-fill-mode: forwards;
  -mso-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
  -khtml-animation-delay: 0.2s;
  -mso-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.fade_2 {
  opacity: 0;
  -webkit-animation: fade-in;
  -khtml-animation: fade-in;
  -mso-animation: fade-in;
  -moz-animation: fade-in;
  -ms-animation: fade-in;
  -o-animation: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: 0.6s;
  -khtml-animation-duration: 0.6s;
  -mso-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -ms-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -khtml-animation-fill-mode: forwards;
  -mso-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
  -khtml-animation-delay: 0.5s;
  -mso-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.fade_3 {
  opacity: 0;
  -webkit-animation: fade-in;
  -khtml-animation: fade-in;
  -mso-animation: fade-in;
  -moz-animation: fade-in;
  -ms-animation: fade-in;
  -o-animation: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: 0.6s;
  -khtml-animation-duration: 0.6s;
  -mso-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -ms-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -khtml-animation-fill-mode: forwards;
  -mso-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.8s;
  -khtml-animation-delay: 0.8s;
  -mso-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -ms-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s; }

.fade_4 {
  opacity: 0;
  -webkit-animation: fade-in;
  -khtml-animation: fade-in;
  -mso-animation: fade-in;
  -moz-animation: fade-in;
  -ms-animation: fade-in;
  -o-animation: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: 0.6s;
  -khtml-animation-duration: 0.6s;
  -mso-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -ms-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -khtml-animation-fill-mode: forwards;
  -mso-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 1.1s;
  -khtml-animation-delay: 1.1s;
  -mso-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -ms-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  animation-delay: 1.1s; }

.fade_5 {
  opacity: 0;
  -webkit-animation: fade-in;
  -khtml-animation: fade-in;
  -mso-animation: fade-in;
  -moz-animation: fade-in;
  -ms-animation: fade-in;
  -o-animation: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: 0.6s;
  -khtml-animation-duration: 0.6s;
  -mso-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -ms-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -khtml-animation-fill-mode: forwards;
  -mso-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 1.4s;
  -khtml-animation-delay: 1.4s;
  -mso-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  -ms-animation-delay: 1.4s;
  -o-animation-delay: 1.4s;
  animation-delay: 1.4s; }

.fade_6 {
  opacity: 0;
  -webkit-animation: fade-in;
  -khtml-animation: fade-in;
  -mso-animation: fade-in;
  -moz-animation: fade-in;
  -ms-animation: fade-in;
  -o-animation: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: 0.6s;
  -khtml-animation-duration: 0.6s;
  -mso-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -ms-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -khtml-animation-fill-mode: forwards;
  -mso-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 1.7s;
  -khtml-animation-delay: 1.7s;
  -mso-animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  -ms-animation-delay: 1.7s;
  -o-animation-delay: 1.7s;
  animation-delay: 1.7s; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.datetime {
  font-style: italic;
  font-family: sans-serif;
  font-size: 15px;
  color: #FFF; }

.center {
  position: relative;
  text-align: center;
  margin: 0 auto; }

.content-flex {
  display: flex;
  justify-content: space-around; }

.tal {
  text-align: left !important; }

.align-self {
  align-self: center; }

.right {
  float: right;
  right: 10vh; }

.left {
  float: left;
  left: 10vh; }

/****************************************\
               NOTIFICATIONS
\****************************************/
.succes {
  position: relative;
  display: block;
  top: -100px;
  background-color: #00e3a6;
  padding: 10px;
  -webkit-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -khtml-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -mso-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -moz-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -ms-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -o-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  color: white;
  text-align: center;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 10000; }

.error {
  position: relative;
  display: block;
  top: -100px;
  background-color: #F00;
  padding: 10px;
  -webkit-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -khtml-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -mso-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -moz-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -ms-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -o-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  color: white;
  text-align: center;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 100000; }

@-webkit-keyframes fadein {
  to {
    top: 0px; }
  from {
    top: -100px; } }
@keyframes fadein {
  to {
    top: 0px; }
  from {
    top: -100px; } }
/****************************************\
        Style lié à l'APP Gallerie
\****************************************/
nav {
  width: 100%;
  color: white;
  background: #2F2F2F;
  position: relative;
  z-index: 10000;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none; }
  nav .enseigne {
    margin-left: 40px;
    width: 52%;
    font-size: 20px;
    color: white;
    text-decoration: none; }
  nav ul {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-family: 'Brandon';
    margin: 0 auto; }
    nav ul li {
      list-style: none;
      margin: 0px 10px; }
      nav ul li a {
        color: white;
        font-size: 20px;
        text-decoration: none;
        color: white;
        padding: 5px 10px;
        cursor: pointer;
        text-align: center;
        -webkit-transition: 0.3s, ease-in;
        -khtml-transition: 0.3s, ease-in;
        -mso-transition: 0.3s, ease-in;
        -moz-transition: 0.3s, ease-in;
        -ms-transition: 0.3s, ease-in;
        -o-transition: 0.3s, ease-in;
        transition: 0.3s, ease-in; }

.btn, .connexion {
  color: white;
  background: #00c38f;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -mso-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -khtml-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -mso-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -moz-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -ms-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -o-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  text-decoration: none;
  font-size: 24px;
  padding: 15px 30px;
  cursor: pointer;
  text-align: center;
  -webkit-transition: 0.3s, ease-in;
  -khtml-transition: 0.3s, ease-in;
  -mso-transition: 0.3s, ease-in;
  -moz-transition: 0.3s, ease-in;
  -ms-transition: 0.3s, ease-in;
  -o-transition: 0.3s, ease-in;
  transition: 0.3s, ease-in; }

.btn:hover, .connexion:hover {
  background: #00e3a6;
  color: black; }

.connexion {
  background: transparent;
  border: 2px solid #00e3a6;
  padding: 5px 10px;
  font-size: 20px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -mso-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.3s, ease-in;
  -khtml-transition: 0.3s, ease-in;
  -mso-transition: 0.3s, ease-in;
  -moz-transition: 0.3s, ease-in;
  -ms-transition: 0.3s, ease-in;
  -o-transition: 0.3s, ease-in;
  transition: 0.3s, ease-in;
  box-shadow: none; }

.connexion:hover {
  background: #00e3a6;
  color: black; }

.content-bg {
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  margin-bottom: calc(-100vh + 70px);
  top: 0; }
  .content-bg img {
    width: 100%; }

.wrapper {
  position: relative;
  width: 100%;
  height: 75vh;
  text-align: center;
  overflow: hidden;
  z-index: 1; }
  .wrapper h1 {
    position: absolute;
    z-index: 10;
    text-align: center;
    top: -73px;
    transform: translate(-50%);
    left: 50%;
    border-bottom: 5px solid #00e3a6;
    color: white;
    padding: 28vh 83vh;
    background: rgba(0, 0, 0, 0.7);
    margin: 0; }
  .wrapper .content-wrapper {
    position: relative;
    z-index: 2;
    opacity: 1;
    display: flex;
    width: 300%;
    height: 100%;
    right: 2;
    -webkit-animation: wrapper;
    -khtml-animation: wrapper;
    -mso-animation: wrapper;
    -moz-animation: wrapper;
    -ms-animation: wrapper;
    -o-animation: wrapper;
    animation-name: wrapper;
    -webkit-animation-duration: 40s;
    -khtml-animation-duration: 40s;
    -mso-animation-duration: 40s;
    -moz-animation-duration: 40s;
    -ms-animation-duration: 40s;
    -o-animation-duration: 40s;
    animation-duration: 40s;
    animation-iteration-count: infinite; }
    .wrapper .content-wrapper .tuile {
      width: 33.33%;
      position: relative;
      z-index: 1; }

@-webkit-keyframes wrapper {
  0% {
    right: 0; }
  16% {
    right: 0; }
  19% {
    right: 100%; }
  29% {
    right: 100%; }
  32% {
    right: 200%; }
  42% {
    right: 200%; }
  45% {
    right: 300%; }
  55% {
    right: 300%; }
  58% {
    right: 200%; }
  68% {
    right: 200%; }
  71% {
    right: 100%; }
  81% {
    right: 100%; }
  85% {
    right: 0%; } }
@-moz-keyframes wrapper {
  0% {
    right: 0; }
  16% {
    right: 0; }
  19% {
    right: 100%; }
  29% {
    right: 100%; }
  32% {
    right: 200%; }
  42% {
    right: 200%; }
  45% {
    right: 300%; }
  55% {
    right: 300%; }
  58% {
    right: 200%; }
  68% {
    right: 200%; }
  71% {
    right: 100%; }
  81% {
    right: 100%; }
  85% {
    right: 0%; } }
@-o-keyframes wrapper {
  0% {
    right: 0; }
  16% {
    right: 0; }
  19% {
    right: 100%; }
  29% {
    right: 100%; }
  32% {
    right: 200%; }
  42% {
    right: 200%; }
  45% {
    right: 300%; }
  55% {
    right: 300%; }
  58% {
    right: 200%; }
  68% {
    right: 200%; }
  71% {
    right: 100%; }
  81% {
    right: 100%; }
  85% {
    right: 0%; } }
@keyframes wrapper {
  0% {
    right: 0; }
  16% {
    right: 0; }
  19% {
    right: 100%; }
  29% {
    right: 100%; }
  32% {
    right: 200%; }
  42% {
    right: 200%; }
  45% {
    right: 300%; }
  55% {
    right: 300%; }
  58% {
    right: 200%; }
  68% {
    right: 200%; }
  71% {
    right: 100%; }
  81% {
    right: 100%; }
  85% {
    right: 0%; } }
.content {
  width: 90%;
  margin: 0 auto;
  position: relative;
  z-index: 1; }

.content-card {
  display: flex;
  align-items: center;
  vertical-align: center;
  justify-content: space-around;
  color: black;
  text-align: center; }
  .content-card .card {
    width: 25%;
    height: 52vh;
    background: #FFF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
    padding: 5px; }
    .content-card .card img {
      position: relative;
      width: 90%;
      max-height: 195px;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5); }

/****************************************\
           log.php
\****************************************/
.log {
  width: 90%;
  padding: 10px;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto; }
  .log .fig_register {
    width: 40%; }
    .log .fig_register img {
      width: 70vh; }
  .log .input_co_reg {
    width: 40%; }
    .log .input_co_reg .connect {
      width: 100%; }
      .log .input_co_reg .connect input[type=text], .log .input_co_reg .connect .comment-modal, .log .input_co_reg .connect input[type=email], .log .input_co_reg .connect input[type=password] {
        width: 400px;
        padding: 10px; }
    .log .input_co_reg .register {
      width: 100%;
      border-right: 2px solid white; }

/****************************************\
           profil.php
\****************************************/
.bloc_profil {
  width: 95%;
  height: auto;
  background-color: white;
  padding: 10px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -mso-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -khtml-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -mso-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -moz-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -ms-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -o-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  margin: 20px auto;
  overflow: hidden; }
  .bloc_profil h2 {
    text-align: center; }
  .bloc_profil form {
    display: flex;
    justify-content: center;
    align-items: center; }
    .bloc_profil form input[type=text], .bloc_profil form .comment-modal, .bloc_profil form input[type=email] {
      width: 27%; }

.bloc_thumbnails {
  height: 470px; }

.card_miniature {
  width: 445px;
  min-height: 250px;
  max-height: 250px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -mso-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -khtml-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -mso-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -moz-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -ms-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -o-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  color: #FFF;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all, 0.3s;
  -khtml-transition: all, 0.3s;
  -mso-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s; }
  .card_miniature .miniature {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .card_miniature .miniature img {
      width: 100%;
      height: 100%; }
  .card_miniature .hover_infos {
    width: 445px;
    height: 500px;
    display: flex;
    flex-direction: column;
    position: relative;
    top: -250px;
    z-index: 5; }
    .card_miniature .hover_infos .fake {
      width: 445px;
      height: 250px;
      background: transparent;
      content: " "; }
    .card_miniature .hover_infos .infos {
      background: rgba(0, 0, 0, 0.7);
      position: relative;
      z-index: 5;
      top: 0;
      width: 445px;
      height: 250px;
      -webkit-transition: all, 0.3s;
      -khtml-transition: all, 0.3s;
      -mso-transition: all, 0.3s;
      -moz-transition: all, 0.3s;
      -ms-transition: all, 0.3s;
      -o-transition: all, 0.3s;
      transition: all, 0.3s; }

.hover_infos:hover .infos {
  top: -250px !important; }

.infos {
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between; }
  .infos h4 {
    font-size: 22px;
    border: none;
    position: relative;
    top: 0;
    margin-block-start: 0.4em; }
  .infos .btn_open {
    border: 4px solid #00e3a6;
    padding: 1px 21px;
    font-size: 25px;
    position: relative;
    top: -15px; }
  .infos .bar_bottom {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    top: -10px; }

/****************************************\
                Upload
\****************************************/
.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  padding: 0 1.8em 0 .7em;
  cursor: pointer;
  color: #747474;
  border: none;
  border-radius: 5px;
  background-color: #FFF;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzIwMCcgZmlsbD0iIzAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHg9IjBweCIgeT0iMHB4Ij48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMTIgMThsLTExLjAxOS0xMWgyMi4wMzh6Ii8+PC9zdmc+);
  background-size: .8em;
  background-repeat: no-repeat;
  background-position: calc(100% - .6em) center;
  font-size: 16px;
  width: 75%;
  margin: 0 5px;
  top: 5px;
  position: relative;
  height: 51px;
  box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px; }

.comment_upload {
  padding: 15px 10px;
  font-size: 19px;
  color: #2F2F2F;
  margin: 12px 0;
  border: none;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -mso-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -khtml-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -mso-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -moz-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -ms-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -o-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  font-family: "Brandon";
  width: 400px; }

.box {
  padding: 30px 0; }

/********** File Input Style starts here ********/
.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.inputfile + label {
  max-width: 80%;
  font-size: 1.25rem;
  /* 20px */
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
  font-family: "Brandon";
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -mso-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -khtml-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -mso-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -moz-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -ms-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -o-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  /* 10px 20px */ }

.no-js .inputfile + label {
  display: none; }

.inputfile:focus + label,
.inputfile.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px; }

/* .inputfile + label * {
    // pointer-events: none; 
    // in case of FastClick lib use 
} */
.inputfile + label svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
  margin-top: -0.25em;
  /* 4px */
  margin-right: 0.25em;
  /* 4px */ }

/* style 1 */
.inputfile-1 + label {
  color: white;
  background-color: #00c38f; }

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
  background-color: #00e3a6; }

/****************************************\
           infos_user.php
\****************************************/
.info_user_box {
  width: 500px;
  margin-bottom: 50px; }
  .info_user_box input[type=text], .info_user_box .comment-modal, .info_user_box input[type=email], .info_user_box input[type=password] {
    width: 80%; }

/****************************************\
           Show_album.php
\****************************************/
.box_info_album {
  margin: 20px 0; }

.tags {
  background-color: #00e3a6;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -mso-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  padding: 3px 15px;
  -webkit-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -khtml-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -mso-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -moz-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -ms-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -o-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  margin: 0 6px;
  text-decoration: none;
  color: black; }

.diapo-mobile {
  display: none; }

#example {
  width: 80%;
  height: 40.6vw;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -khtml-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -mso-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -moz-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -ms-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -o-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5); }

@media (max-width: 640px) {
  #example .crs-bar-roll-current {
    width: 38px;
    height: 38px; }

  #example .crs-bar-roll-item {
    width: 30px;
    height: 30px; } }
.crs-wrap {
  position: relative;
  box-sizing: border-box; }

.crs-wrap * {
  box-sizing: border-box; }

.crs-screen {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }

.crs-screen-roll {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  transition: left 0.5s; }

.crs-screen-item {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover; }

.crs-screen-item-content {
  width: 100%;
  height: calc(100% - 50px);
  font-family: arial;
  padding: 50px; }

.crs-bar {
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px; }

.crs-bar-roll-current {
  width: 68px;
  height: 38px;
  border-radius: 5px;
  border: 2px solid #00c38f;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  margin: auto;
  top: 5px; }

.crs-bar-roll-wrap {
  height: 30px;
  overflow: hidden;
  border-radius: 5px;
  position: relative; }

.crs-bar-roll {
  height: 30px;
  display: inline-flex;
  flex-wrap: wrap;
  position: absolute;
  left: 47%;
  transition: left 0.2s; }

.crs-bar-roll-item {
  width: 60px;
  height: 30px;
  border-radius: 5px;
  background-color: #fff;
  background-size: cover;
  background-position: center;
  opacity: 0.85;
  cursor: pointer; }

.crs-bar-roll-item:not(:last-child) {
  margin-right: 10px; }

footer {
  width: 100%;
  background-color: #2F2F2F;
  color: #FFF;
  height: 50px;
  text-align: center;
  align-items: center; }
  footer p {
    padding: 10px; }
  footer a {
    text-decoration: none;
    color: #00e3a6; }

/****************************************\
           Gallery.php
\****************************************/
.container_filter {
  width: 100%;
  padding: 3px 5px 3px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #2F2F2F;
  color: white;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -mso-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -khtml-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -mso-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -moz-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -ms-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -o-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5); }
  .container_filter form {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .container_filter form .select {
      width: auto;
      top: 0;
      height: 43px; }
    .container_filter form .field_search {
      width: 200px; }

.question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-right: 25px;
  text-align: left;
  border-bottom: 4px solid #00e3a6;
  margin: 30px auto; }
  .question h2 {
    border: none; }
  .question img {
    width: 30px;
    position: relative;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg); }

.reponse {
  text-align: center;
  width: 100%;
  -webkit-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -khtml-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -mso-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -moz-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -ms-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -o-box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  box-shadow: 0 0 8px 0px rgba(132, 148, 165, 0.5);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -mso-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  margin: -10px auto 10px auto;
  text-align: left;
  display: none; }

.pop-up {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.9);
  -khtml-transform: translate(-50%, -50%) scale(0.9);
  -mso-transform: translate(-50%, -50%) scale(0.9);
  -moz-transform: translate(-50%, -50%) scale(0.9);
  -ms-transform: translate(-50%, -50%) scale(0.9);
  -o-transform: translate(-50%, -50%) scale(0.9);
  transform: translate(-50%, -50%) scale(0.9);
  overflow-y: auto;
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.4);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all, 0.3s;
  -khtml-transition: all, 0.3s;
  -mso-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
  z-index: 1000000;
  background-color: white;
  width: 100%;
  height: 100%; }
  @media (min-width: 768px) {
    .pop-up {
      width: calc(100% - 40px);
      height: auto;
      max-width: 900px; } }
  .pop-up .content {
    width: 100%;
    max-width: 900px;
    overflow: hidden;
    text-align: center;
    position: relative;
    min-height: 100vh; }
    @media (min-width: 768px) {
      .pop-up .content {
        min-height: inherit; } }
    .pop-up .content .container {
      padding: 0px 5px 20px; }
      @media (min-width: 568px) {
        .pop-up .content .container {
          padding: 0px 3px 15px; } }
      @media (min-width: 768px) {
        .pop-up .content .container {
          padding: 0px 4px 20px;
          max-width: 520px;
          margin: 0 auto; } }
    .pop-up .content .close {
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 1.5rem;
      letter-spacing: 0.05rem;
      color: #2F2F2F;
      -webkit-transition: all, 0.4s;
      -khtml-transition: all, 0.4s;
      -mso-transition: all, 0.4s;
      -moz-transition: all, 0.4s;
      -ms-transition: all, 0.4s;
      -o-transition: all, 0.4s;
      transition: all, 0.4s; }
      .pop-up .content .close:hover {
        cursor: pointer;
        color: #F00; }
    .pop-up .content .title h1 {
      text-align: center;
      color: #00c38f;
      text-transform: uppercase;
      font-weight: 900;
      font-size: 2.8rem;
      letter-spacing: 0.05rem; }
    .pop-up .content .subscribe form {
      overflow: hidden; }
      .pop-up .content .subscribe form input {
        width: 100%;
        float: left;
        padding: 15px 20px;
        text-align: center;
        font-family: inherit;
        font-size: 1.1rem;
        letter-spacing: 0.05rem;
        outline: 0; }
        .pop-up .content .subscribe form input[type=email] {
          margin-bottom: 15px;
          border: 1px solid #afafaf;
          -webkit-transition: all, 0.4s;
          -khtml-transition: all, 0.4s;
          -mso-transition: all, 0.4s;
          -moz-transition: all, 0.4s;
          -ms-transition: all, 0.4s;
          -o-transition: all, 0.4s;
          transition: all, 0.4s; }
          @media (min-width: 768px) {
            .pop-up .content .subscribe form input[type=email] {
              margin-bottom: 0px;
              width: 75%;
              border-right-width: 0px; } }
          .pop-up .content .subscribe form input[type=email]:focus {
            border-color: #2F2F2F; }
        .pop-up .content .subscribe form input[type=submit] {
          background-color: #00c38f;
          color: white;
          -webkit-transition: all, 0.4s;
          -khtml-transition: all, 0.4s;
          -mso-transition: all, 0.4s;
          -moz-transition: all, 0.4s;
          -ms-transition: all, 0.4s;
          -o-transition: all, 0.4s;
          transition: all, 0.4s; }
          @media (min-width: 768px) {
            .pop-up .content .subscribe form input[type=submit] {
              width: 25%; } }
          .pop-up .content .subscribe form input[type=submit]:hover {
            cursor: pointer;
            background-color: #00b081;
            border-color: #00b081;
            color: black; }
  .pop-up.open {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -khtml-transform: translate(-50%, -50%) scale(1);
    -mso-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); }
    .pop-up.open img {
      opacity: 1;
      -webkit-transition: all, 1s;
      -khtml-transition: all, 1s;
      -mso-transition: all, 1s;
      -moz-transition: all, 1s;
      -ms-transition: all, 1s;
      -o-transition: all, 1s;
      transition: all, 1s;
      -webkit-transition-delay: 0.3s;
      -moz-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      transition-delay: 0.3s;
      -webkit-transform: translateX(0px);
      -khtml-transform: translateX(0px);
      -mso-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px); }

/****************************************\
                loader
\****************************************/
.loader {
  background: rgba(0, 0, 0, 0.95);
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 999999; }
  .loader .loader h2 {
    width: 50%;
    text-align: center;
    margin: 0 auto;
    color: white;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    padding-bottom: 20px; }

.hidden {
  display: none; }

.gallery-cell {
  width: 66%;
  height: 400px;
  margin-right: 10px; }

.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border: none;
  color: #00e3a6; }

.flickity-button:hover {
  background: white;
  cursor: pointer; }

.flickity-button:focus {
  outline: none;
  box-shadow: #00e3a6; }

.flickity-button:active {
  opacity: 0.6; }

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  pointer-events: none; }

.flickity-button-icon {
  fill: currentColor; }

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transform: translateY(-50%); }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #00e3a6;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  opacity: 1; }

/*# sourceMappingURL=CSS.css.map */