/* Apple Slider */
.gallery .control-operator:target ~ .controls .control-button {color: #ccc;color: rgba(45, 45, 45, 0.4);}
.gallery .control-button:first-of-type,
.gallery .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.gallery .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.gallery .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3),
.gallery .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4),
.gallery .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) {color: rgba(45, 45, 45, 0.8);}
.gallery .item:first-of-type {position: static;pointer-events: auto;opacity: 1;}
.gallery .item {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;opacity: 0;-webkit-transition: opacity .5s;-o-transition: opacity .5s;transition: opacity .5s;}
.gallery .control-operator {display: none;}
.gallery .control-operator:target ~ .item {pointer-events: none;opacity: 0;-webkit-animation: none;-o-animation: none;animation: none;}
.gallery .control-operator:target ~ .controls .control-button {-webkit-animation: none;-o-animation: none;animation: none;}
@-webkit-keyframes controlAnimation-2 {0% {color: #ccc;color: rgba(0,0,0,0.5)}14.3%, 50% {color: white;color: rgba(0,0,0,0.9)}64.3%, 100% {color: #ccc;color: rgba(0,0,0,0.5)}}
@-o-keyframes controlAnimation-2 {0% {color: #ccc;color: rgba(0,0,0,0.5)}14.3%, 50% {color: white;color: rgba(0,0,0,0.9)}64.3%, 100% {color: #ccc;color: rgba(0,0,0,0.5)}}
@keyframes controlAnimation-2 {0% {color: #ccc;color: rgba(0,0,0,0.5)}14.3%, 50% {color: white;color: rgba(0,0,0,0.9)}64.3%, 100% {color: #ccc;color: rgba(0,0,0,0.5)}}
@-webkit-keyframes galleryAnimation-2 {0% {opacity: 0}14.3%, 50% {opacity: 1}64.3%, 100% {opacity: 0}}
@-o-keyframes galleryAnimation-2 {0% {opacity: 0}14.3%, 50% {opacity: 1}64.3%, 100% {opacity: 0}}
@keyframes galleryAnimation-2 {0% {opacity: 0}14.3%, 50% {opacity: 1}64.3%, 100% {opacity: 0}}
.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {pointer-events: auto;opacity: 1;}
.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {pointer-events: auto;opacity: 1;}
.items-2.autoplay .control-button {-webkit-animation: controlAnimation-2 14s infinite;-o-animation: controlAnimation-2 14s infinite;animation: controlAnimation-2 14s infinite;}
.items-2.autoplay .item {-webkit-animation: galleryAnimation-2 14s infinite;-o-animation: galleryAnimation-2 14s infinite;animation: galleryAnimation-2 14s infinite;}
.items-2 .control-button:nth-of-type(1),
.items-2 .item:nth-of-type(1) {-webkit-animation-delay: -2s;-o-animation-delay: -2s;animation-delay: -2s;}
.items-2 .control-button:nth-of-type(2),
.items-2 .item:nth-of-type(2) {-webkit-animation-delay: 5s;-o-animation-delay: 5s;animation-delay: 5s;}
@-webkit-keyframes controlAnimation-3 {0% {color: #ccc;color: rgba(0,0,0,0.5)}9.5%, 33.3% {color: white;color: rgba(0,0,0,0.9)}42.9%, 100% {color: #ccc;color: rgba(0,0,0,0.5)}}
@-o-keyframes controlAnimation-3 {0% {color: #ccc;color: rgba(0,0,0,0.5)}9.5%, 33.3% {color: white;color: rgba(0,0,0,0.9)}42.9%, 100% {color: #ccc;color: rgba(0,0,0,0.5)}}
@keyframes controlAnimation-3 {0% {color: #000;color: rgba(0,0,0,0.5)}9.5%, 33.3% {color: white;color: rgba(0,0,0,0.9)}42.9%, 100% {color: #ccc;color: rgba(0,0,0,0.5)}}
@-webkit-keyframes galleryAnimation-3 {0% {opacity: 0}9.5%, 33.3% {opacity: 1}42.9%, 100% {opacity: 0}}
@-o-keyframes galleryAnimation-3 {0% {opacity: 0}9.5%, 33.3% {opacity: 1}42.9%, 100% {opacity: 0}}
@keyframes galleryAnimation-3 {0% {opacity: 0}9.5%, 33.3% {opacity: 1}42.9%, 100% {opacity: 0}}
.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {pointer-events: auto;opacity: 1;}
.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {pointer-events: auto;opacity: 1;}
.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {pointer-events: auto;opacity: 1;}
.items-3.autoplay .control-button {-webkit-animation: controlAnimation-3 21s infinite;-o-animation: controlAnimation-3 21s infinite;animation: controlAnimation-3 21s infinite;}
.items-3.autoplay .item {-webkit-animation: galleryAnimation-3 21s infinite;-o-animation: galleryAnimation-3 21s infinite;animation: galleryAnimation-3 21s infinite;}
.items-3 .control-button:nth-of-type(1),
.items-3 .item:nth-of-type(1) {-webkit-animation-delay: -2s;-o-animation-delay: -2s;animation-delay: -2s;}
.items-3 .control-button:nth-of-type(2),
.items-3 .item:nth-of-type(2) {-webkit-animation-delay: 5s;-o-animation-delay: 5s;animation-delay: 5s;}
.items-3 .control-button:nth-of-type(3),
.items-3 .item:nth-of-type(3) {-webkit-animation-delay: 12s;-o-animation-delay: 12s;animation-delay: 12s;}
@-webkit-keyframes controlAnimation-4 {0% {color: #ccc;color: rgba(0,0,0,0.5)}7.1%, 25% {color: white;color: rgba(0,0,0,0.9)}32.1%, 100% {color: #ccc;color: rgba(0,0,0,0.5)}}
@-o-keyframes controlAnimation-4 {0% {color: #ccc;color: rgba(0,0,0,0.5)}7.1%, 25% {color: white;color: rgba(0,0,0,0.9)}32.1%, 100% {color: #ccc;color: rgba(0,0,0,0.5)}}
@keyframes controlAnimation-4 {0% {color: #ccc;color: rgba(0,0,0,0.5)}7.1%, 25% {color: white;color: rgba(0,0,0,0.9)}32.1%, 100% {color: #ccc;color: rgba(0,0,0,0.5)}}
@-webkit-keyframes galleryAnimation-4 {0% {opacity: 0}7.1%, 25% {opacity: 1}32.1%, 100% {opacity: 0}}
@-o-keyframes galleryAnimation-4 {0% {opacity: 0}7.1%, 25% {opacity: 1}32.1%, 100% {opacity: 0}}
@keyframes galleryAnimation-4 {0% {opacity: 0}7.1%, 25% {opacity: 1}32.1%, 100% {opacity: 0}}
.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {pointer-events: auto;opacity: 1;}
.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {pointer-events: auto;opacity: 1;}
.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {pointer-events: auto;opacity: 1;}
.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {pointer-events: auto;opacity: 1;}
.items-4.autoplay .control-button {-webkit-animation: controlAnimation-4 28s infinite;-o-animation: controlAnimation-4 28s infinite;animation: controlAnimation-4 28s infinite;}
.items-4.autoplay .item {-webkit-animation: galleryAnimation-4 28s infinite;-o-animation: galleryAnimation-4 28s infinite;animation: galleryAnimation-4 28s infinite;}
.items-4 .control-button:nth-of-type(1),
.items-4 .item:nth-of-type(1) {-webkit-animation-delay: -2s;-o-animation-delay: -2s;animation-delay: -2s;}
.items-4 .control-button:nth-of-type(2),
.items-4 .item:nth-of-type(2) {-webkit-animation-delay: 5s;-o-animation-delay: 5s;animation-delay: 5s;}
.items-4 .control-button:nth-of-type(3),
.items-4 .item:nth-of-type(3) {-webkit-animation-delay: 12s;-o-animation-delay: 12s;animation-delay: 12s;}
.items-4 .control-button:nth-of-type(4),
.items-4 .item:nth-of-type(4) {-webkit-animation-delay: 19s;-o-animation-delay: 19s;animation-delay: 19s;}
@-webkit-keyframes controlAnimation-5 {0% {color: #ccc;color: rgba(0,0,0,0.5)}5.7%, 20% {color: white;color: rgba(0,0,0,0.9)}25.7%, 100% {color: #ccc;color: rgba(0,0,0,0.5)}}
@-o-keyframes controlAnimation-5 {0% {color: #ccc;color: rgba(0,0,0,0.5)}5.7%, 20% {color: white;color: rgba(0,0,0,0.9)}25.7%, 100% {color: #ccc;color: rgba(0,0,0,0.5)}}
@keyframes controlAnimation-5 {0% {color: #ccc;color: rgba(0,0,0,0.5)}5.7%, 20% {color: white;color: rgba(0,0,0,0.9)}25.7%, 100% {color: #ccc;color: rgba(0,0,0,0.5)}}
@-webkit-keyframes galleryAnimation-5 {0% {opacity: 0}5.7%, 20% {opacity: 1}25.7%, 100% {opacity: 0}}
@-o-keyframes galleryAnimation-5 {0% {opacity: 0}5.7%, 20% {opacity: 1}25.7%, 100% {opacity: 0}}
@keyframes galleryAnimation-5 {0% {opacity: 0}5.7%, 20% {opacity: 1}25.7%, 100% {opacity: 0}}
.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {pointer-events: auto;opacity: 1;}
.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {pointer-events: auto;opacity: 1;}
.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {pointer-events: auto;opacity: 1;}
.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {pointer-events: auto;opacity: 1;}
.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {pointer-events: auto;opacity: 1;}
.items-5.autoplay .control-button {-webkit-animation: controlAnimation-5 35s infinite;-o-animation: controlAnimation-5 35s infinite;animation: controlAnimation-5 35s infinite;}
.items-5.autoplay .item {-webkit-animation: galleryAnimation-5 35s infinite-o-animation: galleryAnimation-5 35s infinite;animation: galleryAnimation-5 35s infinite;}.items-5 .control-button:nth-of-type(1),
.items-5 .item:nth-of-type(1) {-webkit-animation-delay: -2s;-o-animation-delay: -2s;animation-delay: -2s;}
.items-5 .control-button:nth-of-type(2),
.items-5 .item:nth-of-type(2) {-webkit-animation-delay: 5s;-o-animation-delay: 5s;animation-delay: 5s;}
.items-5 .control-button:nth-of-type(3),
.items-5 .item:nth-of-type(3) {-webkit-animation-delay: 12s;-o-animation-delay: 12s;animation-delay: 12s;}
.items-5 .control-button:nth-of-type(4),
.items-5 .item:nth-of-type(4) {-webkit-animation-delay: 19s;-o-animation-delay: 19s;animation-delay: 19s;}
.items-5 .control-button:nth-of-type(5),
.items-5 .item:nth-of-type(5) {-webkit-animation-delay: 26s;-o-animation-delay: 26s;animation-delay: 26s;}
.gallery .control-button {color: #ccc;color: rgba(0, 0, 0, 0.4);}
.gallery .control-button:hover {color: white;color: rgba(0, 0, 0, 0.8);}

@media only screen and (max-width: 1240px) {
.dcg .gallery .controls {bottom:-15px;right:10px;}
.dcg .gallery .control-button {font-size:2em;}
}

/* Pulse on hover */
@-webkit-keyframes pulse {
  0% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
  25% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
  50% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
  75% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
  100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
}

@keyframes pulse {
  0% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}

  50% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}

  100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
}

@-webkit-keyframes pulse-float {
  100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
}

@keyframes pulse-float {
  100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
}

.pulse { display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.pulse:hover, .pulse:focus, .pulse:active {
  -webkit-animation-name: pulse-float, pulse;
  animation-name: pulse-float, pulse;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;}



/* Rotate */
.rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.rotate:hover, .rotate:focus, .rotate:active {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media only screen and (min-width: 1100px) {
.raise {display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
.raise:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);}
}