@charset "UTF-8";
/* CSS Document */

.gallery-full-css .control-operator:target ~ .controls .control-button {
	background:none;
	color:#a92535 !important;
}

.gallery-full-css .control-button:first-of-type, 
.gallery-full-css .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), 
.gallery-full-css .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), 
.gallery-full-css .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3), 
.gallery-full-css .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4), 
.gallery-full-css .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) {
color: #fff !important;
/*border-bottom:3px solid #00344A;*/
background-color:#a92535;
border-radius:50px;
padding:5px 10px;
border:2px solid transparent;
font-family: 'Lato', sans-serif;
font-weight:600;
}

.gallery-full-css .carte-item:first-of-type {
position: static;
top: 0;
left: 0;
pointer-events: auto;
opacity: 1;
}

.gallery-full-css .carte-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
opacity: 0;
transition: opacity .5s;
}

.gallery-full-css .control-operator {
display: none;
}

.gallery-full-css .control-operator:target ~ .carte-item {
pointer-events: none;
opacity: 0;
animation: none;
}

.gallery-full-css .control-operator:target ~ .controls .control-button {
animation: none;
}

@keyframes controlAnimation-2 {
0% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
14.3%,
50% {
color: white;
color: rgba(255, 255, 255, 0.8);
}
64.3%,
100% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
}

@keyframes galleryAnimation-2 {
0% {
opacity: 0;
}
14.3%,
50% {
opacity: 1;
}
64.3%,
100% {
opacity: 0;
}
}

.gallery-full-css .control-operator:nth-of-type(1):target ~ .carte-item:nth-of-type(1) {
pointer-events: auto;
opacity: 1;
}

.gallery-full-css .control-operator:nth-of-type(2):target ~ .carte-item:nth-of-type(2) {
pointer-events: auto;
opacity: 1;
}

.items-2.autoplay .control-button {
animation: controlAnimation-2 14s infinite;
}

.items-2.autoplay .carte-item {
animation: galleryAnimation-2 14s infinite;
}

.items-2 .control-button:nth-of-type(1),
.items-2 .carte-item:nth-of-type(1) {
animation-delay: -2s;
}

.items-2 .control-button:nth-of-type(2),
.items-2 .carte-item:nth-of-type(2) {
animation-delay: 5s;
}

@keyframes controlAnimation-3 {
0% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
9.5%,
33.3% {
color: white;
color: rgba(255, 255, 255, 0.8);
}
42.9%,
100% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
}

@keyframes galleryAnimation-3 {
0% {
opacity: 0;
}
9.5%,
33.3% {
opacity: 1;
}
42.9%,
100% {
opacity: 0;
}
}

.gallery-full-css .control-operator:nth-of-type(1):target ~ .carte-item:nth-of-type(1) {
pointer-events: auto;
opacity: 1;
}

.gallery-full-css .control-operator:nth-of-type(2):target ~ .carte-item:nth-of-type(2) {
pointer-events: auto;
opacity: 1;
}

.gallery-full-css .control-operator:nth-of-type(3):target ~ .carte-item:nth-of-type(3) {
pointer-events: auto;
opacity: 1;
}
.gallery-full-css .control-operator:nth-of-type(4):target ~ .carte-item:nth-of-type(4) {
pointer-events: auto;
opacity: 1;
}

.gallery-full-css .control-operator:nth-of-type(5):target ~ .carte-item:nth-of-type(5) {
pointer-events: auto;
opacity: 1;
}
.items-3.autoplay .control-button {
animation: controlAnimation-3 21s infinite;
}

.items-3.autoplay .carte-item {
animation: galleryAnimation-3 21s infinite;
}

.items-3 .control-button:nth-of-type(1),
.items-3 .carte-item:nth-of-type(1) {
animation-delay: -2s;
}

.items-3 .control-button:nth-of-type(2),
.items-3 .carte-item:nth-of-type(2) {
animation-delay: 5s;
}

.items-3 .control-button:nth-of-type(3),
.items-3 .carte-item:nth-of-type(3) {
animation-delay: 12s;
}

.items-5.autoplay .control-button {
  animation: controlAnimation-5 35s infinite;
}
.items-5.autoplay .item {
  animation: galleryAnimation-5 35s infinite;
}
.items-5 .control-button:nth-of-type(1),
.items-5 .item:nth-of-type(1) {
  animation-delay: -2s;
}
.items-5 .control-button:nth-of-type(2),
.items-5 .item:nth-of-type(2) {
  animation-delay: 5s;
}
.items-5 .control-button:nth-of-type(3),
.items-5 .item:nth-of-type(3) {
  animation-delay: 12s;
}
.items-5 .control-button:nth-of-type(4),
.items-5 .item:nth-of-type(4) {
  animation-delay: 19s;
}
.items-5 .control-button:nth-of-type(5),
.items-5 .item:nth-of-type(5) {
  animation-delay: 26s;
}