/***********************/
/*** ICONES ANIMÉES ***/
/*********************/

/*** Menu, Grid, Add/Rm, Scroll - SVG et CSS ***/

.tcon {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 60px; transition: 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 60px; background: transparent; outline: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;}
.tcon > * {display: block;}
.tcon:hover, .tcon:focus {outline: none;}
.tcon::-moz-focus-inner {border: 0;}

/* SCROLL */

.tcon-svgchevron {height: 60px; width: 60px;}
.tcon-svgchevron path {-webkit-animation: chevron-pulse 3s infinite cubic-bezier(0.4, 0, 0.2, 1); animation: chevron-pulse 3s infinite cubic-bezier(0.4, 0, 0.2, 1); fill: transparent; stroke: #ffffff; stroke-width: 1px;}
.tcon-svgchevron path.a1 {-webkit-animation-delay: 0s; animation-delay: 0s;}
.tcon-svgchevron path.a2 {-webkit-animation-delay: -0.5s; animation-delay: -0.5s;}
.tcon-svgchevron path.a3 {-webkit-animation-delay: -1s; animation-delay: -1s;}

@-webkit-keyframes chevron-pulse {
  0% {opacity: 0;}
  40% {opacity: 1;}
  80% {opacity: 0;}
  100% {opacity: 0;}
}

@keyframes chevron-pulse {
  0% {opacity: 0;}
  40% {opacity: 1;}
  80% {opacity: 0;}
  100% {opacity: 0;}
}