/*!
 * ImageHover.css - http://www.imagehover.io
 * Version 1.0
 * Author: Ciarn Walsh

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 */
@import url("https://fonts.googleapis.com/css?family=Nunito:300|Open+Sans");
[class^='imghvr-'], [class*=' imghvr-'] {
  position: relative;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  background-color: rgba(6, 1, 5, 0.5);
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }
  [class^='imghvr-'] > img, [class*=' imghvr-'] > img {
    vertical-align: top;
    max-width: 100%; }
  [class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption {
    background-color: rgba(6, 1, 5, 0.5);
    padding: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #ffffff; }
    [class^='imghvr-'] figcaption h1, [class^='imghvr-'] figcaption h2, [class^='imghvr-'] figcaption h3, [class^='imghvr-'] figcaption h4, [class^='imghvr-'] figcaption h5, [class^='imghvr-'] figcaption h6, [class*=' imghvr-'] figcaption h1, [class*=' imghvr-'] figcaption h2, [class*=' imghvr-'] figcaption h3, [class*=' imghvr-'] figcaption h4, [class*=' imghvr-'] figcaption h5, [class*=' imghvr-'] figcaption h6 {
      color: #ffffff; }
  [class^='imghvr-'] a, [class*=' imghvr-'] a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1; }

[class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before,
[class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after,
[class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before,
[class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after {
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  transition: all 0.35s ease; }

/* imghvr-fade-*
  ----------------------------- */
[class^='imghvr-fade'] figcaption, [class*=' imghvr-fade'] figcaption {
  opacity: 0; }
[class^='imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover > img {
  opacity: 0; }
[class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover figcaption {
  opacity: 1; }
[class^='imghvr-fade']:hover > img, [class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover figcaption {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

/* imghvr-fade
  ----------------------------- */
/* imghvr-fade-in-up
  ----------------------------- */
.imghvr-fade-in-up figcaption {
  -webkit-transform: translate(0, 15%);
  -moz-transform: translate(0, 15%);
  -ms-transform: translate(0, 15%);
  -o-transform: translate(0, 15%);
  transform: translate(0, 15%); }

/* imghvr-fade-in-down
  ----------------------------- */
.imghvr-fade-in-down figcaption {
  -webkit-transform: translate(0, -15%);
  -moz-transform: translate(0, -15%);
  -ms-transform: translate(0, -15%);
  -o-transform: translate(0, -15%);
  transform: translate(0, -15%); }

/* imghvr-fade-in-left
  ----------------------------- */
.imghvr-fade-in-left figcaption {
  -webkit-transform: translate(-15%, 0);
  -moz-transform: translate(-15%, 0);
  -ms-transform: translate(-15%, 0);
  -o-transform: translate(-15%, 0);
  transform: translate(-15%, 0); }

/* imghvr-fade-in-right
  ----------------------------- */
.imghvr-fade-in-right figcaption {
  -webkit-transform: translate(15%, 0);
  -moz-transform: translate(15%, 0);
  -ms-transform: translate(15%, 0);
  -o-transform: translate(15%, 0);
  transform: translate(15%, 0); }

/* imghvr-push-*
   ----------------------------- */
[class^='imghvr-push-']:hover figcaption, [class*=' imghvr-push-']:hover figcaption {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

/* imghvr-push-up
  ----------------------------- */
.imghvr-push-up figcaption {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }
.imghvr-push-up:hover > img {
  opacity: 0.6; }

/* imghvr-push-down
  ----------------------------- */
.imghvr-push-down figcaption {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }
.imghvr-push-down:hover > img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

/* imghvr-push-left
  ----------------------------- */
.imghvr-push-left figcaption {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }
.imghvr-push-left:hover > img {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

/* imghvr-push--right
  ----------------------------- */
.imghvr-push-right figcaption {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }
.imghvr-push-right:hover > img {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

/* imghvr-slide-*
  ----------------------------- */
[class^='imghvr-slide-']:hover figcaption, [class*=' imghvr-slide-']:hover figcaption {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

/* imghvr-slide-up
  ----------------------------- */
.imghvr-slide-up figcaption {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

/* imghvr-slide-down
  ----------------------------- */
.imghvr-slide-down figcaption {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

/* imghvr-slide-left
  ----------------------------- */
.imghvr-slide-left figcaption {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

/* imghvr-slide-right
  ----------------------------- */
.imghvr-slide-right figcaption {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

/* imghvr-slide-top-left
  ----------------------------- */
.imghvr-slide-top-left figcaption {
  -webkit-transform: translate(-100%, -100%);
  -moz-transform: translate(-100%, -100%);
  -ms-transform: translate(-100%, -100%);
  -o-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%); }

/* imghvr-slide-top-right
  ----------------------------- */
.imghvr-slide-top-right figcaption {
  -webkit-transform: translate(100%, -100%);
  -moz-transform: translate(100%, -100%);
  -ms-transform: translate(100%, -100%);
  -o-transform: translate(100%, -100%);
  transform: translate(100%, -100%); }

/* imghvr-slide-bottom-left
  ----------------------------- */
.imghvr-slide-bottom-left figcaption {
  -webkit-transform: translate(-100%, 100%);
  -moz-transform: translate(-100%, 100%);
  -ms-transform: translate(-100%, 100%);
  -o-transform: translate(-100%, 100%);
  transform: translate(-100%, 100%); }

/* imghvr-slide-bottom-right
  ----------------------------- */
.imghvr-slide-bottom-right figcaption {
  -webkit-transform: translate(100%, 100%);
  -moz-transform: translate(100%, 100%);
  -ms-transform: translate(100%, 100%);
  -o-transform: translate(100%, 100%);
  transform: translate(100%, 100%); }

/* imghvr-reveal-*
  ----------------------------- */
[class^='imghvr-reveal-']:before, [class*=' imghvr-reveal-']:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background-color: rgba(6, 1, 5, 0.5); }
[class^='imghvr-reveal-'] figcaption, [class*=' imghvr-reveal-'] figcaption {
  opacity: 0; }
[class^='imghvr-reveal-']:hover:before, [class*=' imghvr-reveal-']:hover:before {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }
[class^='imghvr-reveal-']:hover figcaption, [class*=' imghvr-reveal-']:hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.21s;
  -moz-transition-delay: 0.21s;
  transition-delay: 0.21s; }

/* imghvr-reveal-up
  ----------------------------- */
.imghvr-reveal-up:before {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

/* imghvr-reveal-down
  ----------------------------- */
.imghvr-reveal-down:before {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

/* imghvr-reveal-left
  ----------------------------- */
.imghvr-reveal-left:before {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

/* imghvr-reveal-right
  ----------------------------- */
.imghvr-reveal-right:before {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

/* imghvr-reveal-top-left
  ----------------------------- */
.imghvr-reveal-top-left:before {
  -webkit-transform: translate(-100%, -100%);
  -moz-transform: translate(-100%, -100%);
  -ms-transform: translate(-100%, -100%);
  -o-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%); }

/* imghvr-reveal-top-right
  ----------------------------- */
.imghvr-reveal-top-right:before {
  -webkit-transform: translate(100%, -100%);
  -moz-transform: translate(100%, -100%);
  -ms-transform: translate(100%, -100%);
  -o-transform: translate(100%, -100%);
  transform: translate(100%, -100%); }

/* imghvr-reveal-bottom-left
  ----------------------------- */
.imghvr-reveal-bottom-left:before {
  -webkit-transform: translate(-100%, 100%);
  -moz-transform: translate(-100%, 100%);
  -ms-transform: translate(-100%, 100%);
  -o-transform: translate(-100%, 100%);
  transform: translate(-100%, 100%); }

/* imghvr-reveal-bottom-right
  ----------------------------- */
.imghvr-reveal-bottom-right:before {
  -webkit-transform: translate(100%, 100%);
  -moz-transform: translate(100%, 100%);
  -ms-transform: translate(100%, 100%);
  -o-transform: translate(100%, 100%);
  transform: translate(100%, 100%); }

/* imghvr-hinge-*
  ----------------------------- */
[class^='imghvr-hinge-'], [class*=' imghvr-hinge-'] {
  -webkit-perspective: 50em;
  -moz-perspective: 50em;
  perspective: 50em; }
  [class^='imghvr-hinge-'] figcaption, [class*=' imghvr-hinge-'] figcaption {
    opacity: 0;
    z-index: 1; }
  [class^='imghvr-hinge-']:hover img, [class*=' imghvr-hinge-']:hover img {
    opacity: 0; }
  [class^='imghvr-hinge-']:hover figcaption, [class*=' imghvr-hinge-']:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.21s;
    -moz-transition-delay: 0.21s;
    transition-delay: 0.21s; }

/* imghvr-hinge-up
  ----------------------------- */
.imghvr-hinge-up img {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%; }
.imghvr-hinge-up figcaption {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }
.imghvr-hinge-up:hover > img {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg); }
.imghvr-hinge-up:hover figcaption {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0); }

/* imghvr-hinge-down
  ----------------------------- */
.imghvr-hinge-down img {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }
.imghvr-hinge-down figcaption {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% -50%;
  -moz-transform-origin: 50% -50%;
  -ms-transform-origin: 50% -50%;
  -o-transform-origin: 50% -50%;
  transform-origin: 50% -50%; }
.imghvr-hinge-down:hover > img {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  opacity: 0; }
.imghvr-hinge-down:hover figcaption {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0); }

/* imghvr-hinge-left
  ----------------------------- */
.imghvr-hinge-left img {
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%; }
.imghvr-hinge-left figcaption {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }
.imghvr-hinge-left:hover > img {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg); }
.imghvr-hinge-left:hover figcaption {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0); }

/* imghvr-hinge-right
  ----------------------------- */
.imghvr-hinge-right img {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }
.imghvr-hinge-right figcaption {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%; }
.imghvr-hinge-right:hover > img {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg); }
.imghvr-hinge-right:hover figcaption {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0); }

/* imghvr-flip-*
  ----------------------------- */
[class^='imghvr-flip-'], [class*=' imghvr-flip-'] {
  -webkit-perspective: 50em;
  -moz-perspective: 50em;
  perspective: 50em; }
  [class^='imghvr-flip-'] img, [class*=' imghvr-flip-'] img {
    backface-visibility: hidden; }
  [class^='imghvr-flip-'] figcaption, [class*=' imghvr-flip-'] figcaption {
    opacity: 0; }
  [class^='imghvr-flip-']:hover > img, [class*=' imghvr-flip-']:hover > img {
    opacity: 0; }
  [class^='imghvr-flip-']:hover figcaption, [class*=' imghvr-flip-']:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.14s;
    -moz-transition-delay: 0.14s;
    transition-delay: 0.14s; }

/* imghvr-flip-horiz
  ----------------------------- */
.imghvr-flip-horiz figcaption {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%; }
.imghvr-flip-horiz:hover img {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg); }
.imghvr-flip-horiz:hover figcaption {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg); }

/* imghvr-flip-vert
  ----------------------------- */
.imghvr-flip-vert figcaption {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%; }
.imghvr-flip-vert:hover > img {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }
.imghvr-flip-vert:hover figcaption {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg); }

/* imghvr-flip-diag-1
  ----------------------------- */
.imghvr-flip-diag-1 figcaption {
  -webkit-transform: rotate3d(1, -1, 0, 100deg);
  -moz-transform: rotate3d(1, -1, 0, 100deg);
  -ms-transform: rotate3d(1, -1, 0, 100deg);
  -o-transform: rotate3d(1, -1, 0, 100deg);
  transform: rotate3d(1, -1, 0, 100deg); }
.imghvr-flip-diag-1:hover > img {
  -webkit-transform: rotate3d(-1, 1, 0, 100deg);
  -moz-transform: rotate3d(-1, 1, 0, 100deg);
  -ms-transform: rotate3d(-1, 1, 0, 100deg);
  -o-transform: rotate3d(-1, 1, 0, 100deg);
  transform: rotate3d(-1, 1, 0, 100deg); }
.imghvr-flip-diag-1:hover figcaption {
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
  -moz-transform: rotate3d(0, 0, 0, 0deg);
  -ms-transform: rotate3d(0, 0, 0, 0deg);
  -o-transform: rotate3d(0, 0, 0, 0deg);
  transform: rotate3d(0, 0, 0, 0deg); }

/* imghvr-flip-diag-2
  ----------------------------- */
.imghvr-flip-diag-2 figcaption {
  -webkit-transform: rotate3d(1, 1, 0, 100deg);
  -moz-transform: rotate3d(1, 1, 0, 100deg);
  -ms-transform: rotate3d(1, 1, 0, 100deg);
  -o-transform: rotate3d(1, 1, 0, 100deg);
  transform: rotate3d(1, 1, 0, 100deg); }
.imghvr-flip-diag-2:hover > img {
  -webkit-transform: rotate3d(-1, -1, 0, 100deg);
  -moz-transform: rotate3d(-1, -1, 0, 100deg);
  -ms-transform: rotate3d(-1, -1, 0, 100deg);
  -o-transform: rotate3d(-1, -1, 0, 100deg);
  transform: rotate3d(-1, -1, 0, 100deg); }
.imghvr-flip-diag-2:hover figcaption {
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
  -moz-transform: rotate3d(0, 0, 0, 0deg);
  -ms-transform: rotate3d(0, 0, 0, 0deg);
  -o-transform: rotate3d(0, 0, 0, 0deg);
  transform: rotate3d(0, 0, 0, 0deg); }

/* imghvr-shutter-out-*
  ----------------------------- */
[class^='imghvr-shutter-out-']:before, [class*=' imghvr-shutter-out-']:before {
  background: rgba(6, 1, 5, 0.5);
  position: absolute;
  content: '';
  -webkit-transition-delay: 0.105s;
  -moz-transition-delay: 0.105s;
  transition-delay: 0.105s; }
[class^='imghvr-shutter-out-'] figcaption, [class*=' imghvr-shutter-out-'] figcaption {
  opacity: 0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s; }
[class^='imghvr-shutter-out-']:hover:before, [class*=' imghvr-shutter-out-']:hover:before {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s; }
[class^='imghvr-shutter-out-']:hover figcaption, [class*=' imghvr-shutter-out-']:hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.105s;
  -moz-transition-delay: 0.105s;
  transition-delay: 0.105s; }

/* imghvr-shutter-out-horiz
  ----------------------------- */
.imghvr-shutter-out-horiz:before {
  left: 50%;
  right: 50%;
  top: 0;
  bottom: 0; }
.imghvr-shutter-out-horiz:hover:before {
  left: 0;
  right: 0; }

/* imghvr-shutter-out-vert
  ----------------------------- */
.imghvr-shutter-out-vert:before {
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0; }
.imghvr-shutter-out-vert:hover:before {
  top: 0;
  bottom: 0; }

/* imghvr-shutter-out-diag-1
  ----------------------------- */
.imghvr-shutter-out-diag-1:before {
  top: 50%;
  bottom: 50%;
  left: -35%;
  right: -35%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.imghvr-shutter-out-diag-1:hover:before {
  top: -35%;
  bottom: -35%; }

/* imghvr-shutter-out-diag-2
  ----------------------------- */
.imghvr-shutter-out-diag-2:before {
  top: 50%;
  bottom: 50%;
  left: -35%;
  right: -35%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }
.imghvr-shutter-out-diag-2:hover:before {
  top: -35%;
  bottom: -35%; }

/* imghvr-shutter-in-*
  ----------------------------- */
[class^='imghvr-shutter-in-']:after, [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:before {
  background: rgba(6, 1, 5, 0.5);
  position: absolute;
  content: ''; }
[class^='imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:after {
  top: 0;
  left: 0; }
[class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:before {
  right: 0;
  bottom: 0; }
[class^='imghvr-shutter-in-'] figcaption, [class*=' imghvr-shutter-in-'] figcaption {
  opacity: 0;
  z-index: 1; }
[class^='imghvr-shutter-in-']:hover figcaption, [class*=' imghvr-shutter-in-']:hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.21s;
  -moz-transition-delay: 0.21s;
  transition-delay: 0.21s; }

/* imghvr-shutter-in-horiz
  ----------------------------- */
.imghvr-shutter-in-horiz:after, .imghvr-shutter-in-horiz:before {
  width: 0;
  height: 100%; }
.imghvr-shutter-in-horiz:hover:after, .imghvr-shutter-in-horiz:hover:before {
  width: 50%; }

/* imghvr-shutter-in-vert
  ----------------------------- */
.imghvr-shutter-in-vert:after, .imghvr-shutter-in-vert:before {
  height: 0;
  width: 100%; }
.imghvr-shutter-in-vert:hover:after, .imghvr-shutter-in-vert:hover:before {
  height: 50%; }

/* imghvr-shutter-in-out-horiz
  ----------------------------- */
.imghvr-shutter-in-out-horiz:after, .imghvr-shutter-in-out-horiz:before {
  width: 0;
  height: 100%;
  opacity: 0.75; }
.imghvr-shutter-in-out-horiz:hover:after, .imghvr-shutter-in-out-horiz:hover:before {
  width: 100%; }

/* imghvr-shutter-in-out-vert
  ----------------------------- */
.imghvr-shutter-in-out-vert:after, .imghvr-shutter-in-out-vert:before {
  height: 0;
  width: 100%;
  opacity: 0.75; }
.imghvr-shutter-in-out-vert:hover:after, .imghvr-shutter-in-out-vert:hover:before {
  height: 100%; }

/* imghvr-shutter-in-out-diag-1
  ----------------------------- */
.imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before {
  width: 200%;
  height: 200%;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
  opacity: 0.75; }
.imghvr-shutter-in-out-diag-1:after {
  -webkit-transform: skew(-45deg) translateX(-150%);
  -moz-transform: skew(-45deg) translateX(-150%);
  -ms-transform: skew(-45deg) translateX(-150%);
  -o-transform: skew(-45deg) translateX(-150%);
  transform: skew(-45deg) translateX(-150%); }
.imghvr-shutter-in-out-diag-1:before {
  -webkit-transform: skew(-45deg) translateX(150%);
  -moz-transform: skew(-45deg) translateX(150%);
  -ms-transform: skew(-45deg) translateX(150%);
  -o-transform: skew(-45deg) translateX(150%);
  transform: skew(-45deg) translateX(150%); }
.imghvr-shutter-in-out-diag-1:hover:after {
  -webkit-transform: skew(-45deg) translateX(-50%);
  -moz-transform: skew(-45deg) translateX(-50%);
  -ms-transform: skew(-45deg) translateX(-50%);
  -o-transform: skew(-45deg) translateX(-50%);
  transform: skew(-45deg) translateX(-50%); }
.imghvr-shutter-in-out-diag-1:hover:before {
  -webkit-transform: skew(-45deg) translateX(50%);
  -moz-transform: skew(-45deg) translateX(50%);
  -ms-transform: skew(-45deg) translateX(50%);
  -o-transform: skew(-45deg) translateX(50%);
  transform: skew(-45deg) translateX(50%); }

/* imghvr-shutter-in-out-diag-2
  ----------------------------- */
.imghvr-shutter-in-out-diag-2:after, .imghvr-shutter-in-out-diag-2:before {
  width: 200%;
  height: 200%;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
  opacity: 0.75; }
.imghvr-shutter-in-out-diag-2:after {
  -webkit-transform: skew(45deg) translateX(-100%);
  -moz-transform: skew(45deg) translateX(-100%);
  -ms-transform: skew(45deg) translateX(-100%);
  -o-transform: skew(45deg) translateX(-100%);
  transform: skew(45deg) translateX(-100%); }
.imghvr-shutter-in-out-diag-2:before {
  -webkit-transform: skew(45deg) translateX(100%);
  -moz-transform: skew(45deg) translateX(100%);
  -ms-transform: skew(45deg) translateX(100%);
  -o-transform: skew(45deg) translateX(100%);
  transform: skew(45deg) translateX(100%); }
.imghvr-shutter-in-out-diag-2:hover:after {
  -webkit-transform: skew(45deg) translateX(0%);
  -moz-transform: skew(45deg) translateX(0%);
  -ms-transform: skew(45deg) translateX(0%);
  -o-transform: skew(45deg) translateX(0%);
  transform: skew(45deg) translateX(0%); }
.imghvr-shutter-in-out-diag-2:hover:before {
  -webkit-transform: skew(45deg) translateX(0%);
  -moz-transform: skew(45deg) translateX(0%);
  -ms-transform: skew(45deg) translateX(0%);
  -o-transform: skew(45deg) translateX(0%);
  transform: skew(45deg) translateX(0%); }

/* imghvr-fold*
  ----------------------------- */
[class^='imghvr-fold'], [class*=' imghvr-fold'] {
  -webkit-perspective: 50em;
  -moz-perspective: 50em;
  perspective: 50em; }
  [class^='imghvr-fold'] img, [class*=' imghvr-fold'] img {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%; }
  [class^='imghvr-fold'] figcaption, [class*=' imghvr-fold'] figcaption {
    z-index: 1;
    opacity: 0; }
  [class^='imghvr-fold']:hover > img, [class*=' imghvr-fold']:hover > img {
    opacity: 0;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0; }
  [class^='imghvr-fold']:hover figcaption, [class*=' imghvr-fold']:hover figcaption {
    -webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
    -moz-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
    -ms-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
    -o-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
    transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
    opacity: 1;
    -webkit-transition-delay: 0.21s;
    -moz-transition-delay: 0.21s;
    transition-delay: 0.21s; }

/* imghvr-fold-up
  ----------------------------- */
.imghvr-fold-up > img {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%; }
.imghvr-fold-up figcaption {
  -webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  -moz-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  -ms-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  -o-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }
.imghvr-fold-up:hover > img {
  -webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
  -moz-transform: rotateX(90deg) scale(0.6) translateY(50%);
  -ms-transform: rotateX(90deg) scale(0.6) translateY(50%);
  -o-transform: rotateX(90deg) scale(0.6) translateY(50%);
  transform: rotateX(90deg) scale(0.6) translateY(50%); }

/* imghvr-fold-down
  ----------------------------- */
.imghvr-fold-down > img {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }
.imghvr-fold-down figcaption {
  -webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
  -moz-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
  -ms-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
  -o-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
  transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%; }
.imghvr-fold-down:hover > img {
  -webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
  -moz-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
  -ms-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
  -o-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
  transform: rotateX(-90deg) scale(0.6) translateY(-50%); }

/* imghvr-fold-left
  ----------------------------- */
.imghvr-fold-left > img {
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%; }
.imghvr-fold-left figcaption {
  -webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
  -moz-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
  -ms-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
  -o-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
  transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }
.imghvr-fold-left:hover > img {
  -webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
  -moz-transform: rotateY(-90deg) scale(0.6) translateX(50%);
  -ms-transform: rotateY(-90deg) scale(0.6) translateX(50%);
  -o-transform: rotateY(-90deg) scale(0.6) translateX(50%);
  transform: rotateY(-90deg) scale(0.6) translateX(50%); }

/* imghvr-fold-right
  ----------------------------- */
.imghvr-fold-right > img {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }
.imghvr-fold-right figcaption {
  -webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
  -moz-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
  -ms-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
  -o-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
  transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%; }
.imghvr-fold-right:hover > img {
  -webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
  -moz-transform: rotateY(90deg) scale(0.6) translateX(-50%);
  -ms-transform: rotateY(90deg) scale(0.6) translateX(-50%);
  -o-transform: rotateY(90deg) scale(0.6) translateX(-50%);
  transform: rotateY(90deg) scale(0.6) translateX(-50%); }

/* imghvr-zoom-in
  ----------------------------- */
.imghvr-zoom-in figcaption {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5); }
.imghvr-zoom-in:hover figcaption {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

/* imghvr-zoom-out*
  ----------------------------- */
[class^='imghvr-zoom-out'] figcaption, [class*=' imghvr-zoom-out'] figcaption {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0; }
[class^='imghvr-zoom-out']:hover figcaption, [class^='imghvr-zoom-out'].hover figcaption, [class*=' imghvr-zoom-out']:hover figcaption, [class*=' imghvr-zoom-out'].hover figcaption {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  -moz-transition-delay: 0.35s;
  transition-delay: 0.35s; }

/* imghvr-zoom-out
  ----------------------------- */
.imghvr-zoom-out:hover > img {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0; }

/* imghvr-zoom-out-up
  ----------------------------- */
.imghvr-zoom-out-up:hover > img, .imghvr-zoom-out-up.hover > img {
  -webkit-animation: imghvr-zoom-out-up 0.4025s linear;
  -moz-animation: imghvr-zoom-out-up 0.4025s linear;
  animation: imghvr-zoom-out-up 0.4025s linear;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes imghvr-zoom-out-up {
  50% {
    -webkit-transform: scale(0.8) translateY(0%);
    -moz-transform: scale(0.8) translateY(0%);
    -ms-transform: scale(0.8) translateY(0%);
    -o-transform: scale(0.8) translateY(0%);
    transform: scale(0.8) translateY(0%);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(0.8) translateY(-150%);
    -moz-transform: scale(0.8) translateY(-150%);
    -ms-transform: scale(0.8) translateY(-150%);
    -o-transform: scale(0.8) translateY(-150%);
    transform: scale(0.8) translateY(-150%);
    opacity: 0.5; } }
@keyframes imghvr-zoom-out-up {
  50% {
    -webkit-transform: scale(0.8) translateY(0%);
    -moz-transform: scale(0.8) translateY(0%);
    -ms-transform: scale(0.8) translateY(0%);
    -o-transform: scale(0.8) translateY(0%);
    transform: scale(0.8) translateY(0%);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(0.8) translateY(-150%);
    -moz-transform: scale(0.8) translateY(-150%);
    -ms-transform: scale(0.8) translateY(-150%);
    -o-transform: scale(0.8) translateY(-150%);
    transform: scale(0.8) translateY(-150%);
    opacity: 0.5; } }
/* imghvr-zoom-out-down
  ----------------------------- */
.imghvr-zoom-out-down:hover > img, .imghvr-zoom-out-down.hover > img {
  -webkit-animation: imghvr-zoom-out-down 0.4025s linear;
  -moz-animation: imghvr-zoom-out-down 0.4025s linear;
  animation: imghvr-zoom-out-down 0.4025s linear;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes imghvr-zoom-out-down {
  50% {
    -webkit-transform: scale(0.8) translateY(0%);
    -moz-transform: scale(0.8) translateY(0%);
    -ms-transform: scale(0.8) translateY(0%);
    -o-transform: scale(0.8) translateY(0%);
    transform: scale(0.8) translateY(0%);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(0.8) translateY(150%);
    -moz-transform: scale(0.8) translateY(150%);
    -ms-transform: scale(0.8) translateY(150%);
    -o-transform: scale(0.8) translateY(150%);
    transform: scale(0.8) translateY(150%);
    opacity: 0.5; } }
@keyframes imghvr-zoom-out-down {
  50% {
    -webkit-transform: scale(0.8) translateY(0%);
    -moz-transform: scale(0.8) translateY(0%);
    -ms-transform: scale(0.8) translateY(0%);
    -o-transform: scale(0.8) translateY(0%);
    transform: scale(0.8) translateY(0%);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(0.8) translateY(150%);
    -moz-transform: scale(0.8) translateY(150%);
    -ms-transform: scale(0.8) translateY(150%);
    -o-transform: scale(0.8) translateY(150%);
    transform: scale(0.8) translateY(150%);
    opacity: 0.5; } }
/* imghvr-zoom-out-left
  ----------------------------- */
.imghvr-zoom-out-left:hover > img, .imghvr-zoom-out-left.hover > img {
  -webkit-animation: imghvr-zoom-out-left 0.4025s linear;
  -moz-animation: imghvr-zoom-out-left 0.4025s linear;
  animation: imghvr-zoom-out-left 0.4025s linear;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes imghvr-zoom-out-left {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    -moz-transform: scale(0.8) translateX(0%);
    -ms-transform: scale(0.8) translateX(0%);
    -o-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(0.8) translateX(-150%);
    -moz-transform: scale(0.8) translateX(-150%);
    -ms-transform: scale(0.8) translateX(-150%);
    -o-transform: scale(0.8) translateX(-150%);
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5; } }
@keyframes imghvr-zoom-out-left {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    -moz-transform: scale(0.8) translateX(0%);
    -ms-transform: scale(0.8) translateX(0%);
    -o-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(0.8) translateX(-150%);
    -moz-transform: scale(0.8) translateX(-150%);
    -ms-transform: scale(0.8) translateX(-150%);
    -o-transform: scale(0.8) translateX(-150%);
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5; } }
/* imghvr-zoom-out-right
  ----------------------------- */
.imghvr-zoom-out-right:hover > img, .imghvr-zoom-out-right.hover > img {
  -webkit-animation: imghvr-zoom-out-right 0.4025s linear;
  -moz-animation: imghvr-zoom-out-right 0.4025s linear;
  animation: imghvr-zoom-out-right 0.4025s linear;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes imghvr-zoom-out-right {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    -moz-transform: scale(0.8) translateX(0%);
    -ms-transform: scale(0.8) translateX(0%);
    -o-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(0.8) translateX(150%);
    -moz-transform: scale(0.8) translateX(150%);
    -ms-transform: scale(0.8) translateX(150%);
    -o-transform: scale(0.8) translateX(150%);
    transform: scale(0.8) translateX(150%);
    opacity: 0.5; } }
@keyframes imghvr-zoom-out-right {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    -moz-transform: scale(0.8) translateX(0%);
    -ms-transform: scale(0.8) translateX(0%);
    -o-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(0.8) translateX(150%);
    -moz-transform: scale(0.8) translateX(150%);
    -ms-transform: scale(0.8) translateX(150%);
    -o-transform: scale(0.8) translateX(150%);
    transform: scale(0.8) translateX(150%);
    opacity: 0.5; } }
/* imghvr-zoom-out-flip-horiz
  ----------------------------- */
.imghvr-zoom-out-flip-horiz {
  -webkit-perspective: 50em;
  -moz-perspective: 50em;
  perspective: 50em; }
  .imghvr-zoom-out-flip-horiz figcaption {
    opacity: 0;
    -webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
    -moz-transform: rotateX(90deg) translateY(-100%) scale(0.5);
    -ms-transform: rotateX(90deg) translateY(-100%) scale(0.5);
    -o-transform: rotateX(90deg) translateY(-100%) scale(0.5);
    transform: rotateX(90deg) translateY(-100%) scale(0.5); }
  .imghvr-zoom-out-flip-horiz:hover > img, .imghvr-zoom-out-flip-horiz.hover > img {
    -webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
    -moz-transform: rotateX(-100deg) translateY(50%) scale(0.5);
    -ms-transform: rotateX(-100deg) translateY(50%) scale(0.5);
    -o-transform: rotateX(-100deg) translateY(50%) scale(0.5);
    transform: rotateX(-100deg) translateY(50%) scale(0.5);
    opacity: 0;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0; }
  .imghvr-zoom-out-flip-horiz:hover figcaption, .imghvr-zoom-out-flip-horiz.hover figcaption {
    -webkit-transform: rotateX(0) translateY(0%) scale(1);
    -moz-transform: rotateX(0) translateY(0%) scale(1);
    -ms-transform: rotateX(0) translateY(0%) scale(1);
    -o-transform: rotateX(0) translateY(0%) scale(1);
    transform: rotateX(0) translateY(0%) scale(1);
    opacity: 1;
    -webkit-transition-delay: 0.35s;
    -moz-transition-delay: 0.35s;
    transition-delay: 0.35s; }

/* imghvr-zoom-out-flip-vert
  ----------------------------- */
.imghvr-zoom-out-flip-vert {
  -webkit-perspective: 50em;
  -moz-perspective: 50em;
  perspective: 50em; }
  .imghvr-zoom-out-flip-vert figcaption {
    opacity: 0;
    -webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
    -moz-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
    -ms-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
    -o-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
    transform: rotateY(90deg) translate(50%, 0) scale(0.5); }
  .imghvr-zoom-out-flip-vert:hover > img, .imghvr-zoom-out-flip-vert.hover > img {
    -webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
    -moz-transform: rotateY(-100deg) translateX(50%) scale(0.5);
    -ms-transform: rotateY(-100deg) translateX(50%) scale(0.5);
    -o-transform: rotateY(-100deg) translateX(50%) scale(0.5);
    transform: rotateY(-100deg) translateX(50%) scale(0.5);
    opacity: 0;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0; }
  .imghvr-zoom-out-flip-vert:hover figcaption, .imghvr-zoom-out-flip-vert.hover figcaption {
    -webkit-transform: rotateY(0) translate(0, 0) scale(1);
    -moz-transform: rotateY(0) translate(0, 0) scale(1);
    -ms-transform: rotateY(0) translate(0, 0) scale(1);
    -o-transform: rotateY(0) translate(0, 0) scale(1);
    transform: rotateY(0) translate(0, 0) scale(1);
    opacity: 1;
    -webkit-transition-delay: 0.35s;
    -moz-transition-delay: 0.35s;
    transition-delay: 0.35s; }

/* imghvr-blur
  ----------------------------- */
.imghvr-blur figcaption {
  opacity: 0; }
.imghvr-blur:hover > img {
  -webkit-filter: blur(30px);
  filter: blur(30px);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0; }
.imghvr-blur:hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.21s;
  -moz-transition-delay: 0.21s;
  transition-delay: 0.21s; }

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

img {
  image-rendering: -webkit-optimize-contrast; }

a {
  color: #0000ee;
  text-decoration: none; }
  a :hover {
    text-decoration: underline; }
  a :visited {
    color: #0000ee; }

/* Tamanos de Fuente */
/*Colores usados*/
body {
  color: #313233; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #2B2C2C; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
    color: #2B2C2C; }

h2 {
  font-size: 1.2rem; }

h3 {
  font-size: 1.15rem; }

.hideText {
  position: absolute;
  left: -10000px; }

.whiteLink, .moreVideos a, .messengerLink, .categoryTitle a {
  color: #FFF; }
  .whiteLink :visited, .moreVideos a :visited, .messengerLink :visited, .categoryTitle a :visited {
    color: #FFF; }
  .whiteLink :hover, .moreVideos a :hover, .messengerLink :hover, .categoryTitle a :hover {
    text-decoration: underline; }

.facebook, .rshorizontal .fb:hover {
  background-color: #3b5998; }

.twitter, .rshorizontal .tw:hover {
  background-color: #1DA1F2; }

.pinterest {
  background-color: #cd1c1f; }

.whatsapp {
  background-color: #25D366; }

.semail {
  background-color: #bd2a32; }

.messenger, .rshorizontal .ms:hover {
  background-color: #0583ff; }

.instagram, .rshorizontal .ig:hover {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }

.snapchat, .rshorizontal .sn:hover {
  background-color: #ff0; }

.printer {
  background-color: #572b88; }

img {
  image-rendering: -webkit-optimize-contrast; }

a {
  color: #0000ee;
  text-decoration: none; }
  a :hover {
    text-decoration: underline; }
  a :visited {
    color: #0000ee; }

@media only screen and (min-width: 1025px) {
  #wrap, .wrap, #conocimientobg {
    background: #F7F7F7;
    display: grid;
    grid-template-columns: [full-start] minmax(1em, 1fr) [main-start] minmax(901px, 1200px) [main-end] minmax(1em, 1fr) [full-end]; }
    #wrap > *, .wrap > *, #conocimientobg > * {
      grid-column: main; } }

#wrap.dark-mode {
  background-color: #171717;
  color: #FDFDFD; }
  #wrap.dark-mode h1, #wrap.dark-mode h2, #wrap.dark-mode h3 {
    color: #e3e3e3; }

.splash {
  grid-column: full; }

.containter-desktop, #pageHeader, .container,
.container-full {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 30px;
  grid-auto-flow: row;
  margin: auto;
  max-width: 1200px; }

#pageHeader {
  grid-template-areas: 'logo' 'busqueda' 'menu';
  padding: 7px 0px; }

.container,
.container-full {
  grid-template-columns: repeat(12, 1fr);
  /*grid-template-rows: 100px 40px 300px 100px 20px 400px 200px 300px 30px 150px;*/ }

#logo {
  grid-column: 1 /  8;
  grid-row: 1; }

#busqueda {
  grid-column: 8 / 13;
  grid-row: 1; }

#menu {
  grid-column: 1 / 13;
  grid-row: 2;
  background: #75ab39;
  margin: 0 0 -3px 0;
  /*margin: 0 0 5px 0;*/ }

#banner {
  grid-column: 1 / 13;
  grid-row: 3; }

#breadcrums {
  grid-column: 1 / 13;
  grid-row: 5; }

.titulo {
  grid-column: 1 / 13;
  grid-row: 4; }

#contenido {
  grid-column: 1 / 9;
  grid-row: 6 / 9; }

#contenido-full {
  grid-column: 1/13;
  grid-row: 6/9; }

#derecha1 {
  grid-column: 9 / 13;
  grid-row: 6; }

#derecha2 {
  grid-column: 9 / 13;
  grid-row: 8; }

#historiaNatural {
  grid-column: 1 / 13;
  grid-row: 9;
  max-width: 100%; }

#relacionados {
  grid-column: 1 / 13;
  grid-row: 10;
  max-width: 100%; }

#barraContacto {
  grid-column: 1 / 13;
  grid-row: 11; }

#footer {
  grid-column: 1 / 13;
  grid-row: 12; }

#headerNoticias {
  grid-column: 1 / 13;
  grid-row: 6; }

#noticiasPi {
  grid-column: 1 / 10;
  grid-row: 7 / 9; }

#biodiversidadPI, .biodiversidadPI {
  grid-column: 10 / 13;
  grid-row: 7 /9;
  border-left: 1px solid #c2c2c2; }
  @media only screen and (min-width: 900px) {
    #biodiversidadPI, .biodiversidadPI {
      margin-top: 13px;
      padding-left: 7px; } }

#pi41 {
  grid-column: 1 / 4;
  grid-row: 6 / 8; }

#pi42 {
  grid-column: 4 / 7;
  grid-row: 6 / 8; }

#pi43 {
  grid-column: 7 / 10;
  grid-row: 6 / 8; }

#pi44 {
  grid-column: 10 / 13;
  grid-row: 6 / 8; }

#contenidoFull {
  grid-column: 1 / 13;
  grid-row: 6 / 9; }

#copyright {
  grid-column: 1 / 13;
  grid-row: 12; }

@media only screen and (max-width: 900px) {
  #wrap {
    display: block;
    margin: 1vw;
    background: #F7F7F7; }

  .containter-tablet, #pageHeader, .container, .container-full {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 10px; }

  #pageHeader {
    grid-template-areas: 'logo' 'busqueda'; }

  #logo {
    grid-column: 1 /  8;
    grid-row: 1; }

  #busqueda {
    grid-column: 8 / 13;
    grid-row: 1; }

  #menu {
    grid-column: 1 / 13;
    grid-row: 2;
    margin: 0 0 5px 0;
    background-color: #75ab39; }

  #banner {
    grid-column: 1 / 13;
    grid-row: 3; }

  #breadcrums {
    grid-column: 1 / 13;
    grid-row: 5; }

  .titulo {
    grid-column: 1 / 13;
    grid-row: 4; }

  #contenido {
    grid-column: 1 / 13;
    grid-row: 6; }

  #contenido-full {
    grid-column: 1/13;
    grid-row: 6; }

  #headerNoticias {
    grid-column: 1 / 13;
    grid-row: 6; }

  #noticiasPi {
    grid-column: 1 / 13;
    grid-row: 7; }

  #biodiversidadPI, .biodiversidadPI {
    grid-column: 1 / 13;
    grid-row: 8; }

  #derecha1 {
    grid-column: 1 / 6;
    grid-row: 7; }

  #derecha2 {
    grid-column: 7 / 13;
    grid-row: 8; }

  #historiaNatural {
    grid-column: 1 / 13;
    grid-row: 9;
    max-width: 100%; }

  #relacionados {
    grid-column: 1 / 13;
    grid-row: 10;
    max-width: 100%; }

  #barraContacto {
    grid-column: 1 / 13;
    grid-row: 11; }

  #footer {
    grid-column: 1 / 13;
    grid-row: 12; }

  #copyright {
    grid-column: 1 / 13;
    grid-row: 13; } }
@media only screen and (max-width: 600px) {
  #wrap {
    display: block;
    /*  margin: 1.5vw;*/
    margin: 0; }

  .containter-phone, #pageHeader, .container {
    grid-template-columns: 1fr;
    grid-column-gap: 0;
    max-width: 100vw; }

  #pageHeader {
    grid-template-areas: 'logo' 'busqueda'; }

  .container {
    grid-template-areas: 'menu' 'banner' 'breadcrums' 'titulo'  'col1' 'col2' 'col3' 'contenido' 'derecha1' 'derecha2' 'historiaNatural' 'relacionados' 'topfooter' 'barraContacto' 'footer' 'copyright'; }

  .container-full {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 0; }

  #logo {
    grid-column: 1 /  8;
    grid-row: 1; }

  #busqueda {
    grid-column: 8 / 13;
    grid-row: 1; }

  #menu {
    grid-column: 1 / 13;
    grid-row: 2;
    margin: 0 0 5px 0; }

  #banner {
    grid-column: 1 / 13;
    grid-row: 3; }

  #breadcrums {
    grid-column: 1 / 13;
    grid-row: 5; }

  .titulo {
    grid-column: 1 / 13;
    grid-row: 4; }

  #contenido {
    grid-column: 1 / 13;
    grid-row: 6; }

  #contenido-full {
    grid-column: 1/13;
    grid-row: 6; }

  #headerNoticias {
    grid-column: 1 / 13;
    grid-row: 6; }

  #derecha1 {
    grid-column: 9 / 13;
    grid-row: 8; }

  #derecha2 {
    grid-column: 9 / 13;
    grid-row: 9; }

  #historiaNatural {
    grid-column: 1 / 13;
    grid-row: 9;
    max-width: 100%; }

  #relacionados {
    grid-column: 1 / 13;
    grid-row: 10;
    max-width: 100%; }

  #barraContacto {
    grid-column: 1 / 13;
    grid-row: 11; }

  #footer {
    grid-column: 1 / 13;
    grid-row: 12; }

  #noticiasPi {
    grid-column: 1 / 13;
    grid-row: 7; }

  #biodiversidadPI, .biodiversidadPI {
    grid-column: 1 / 13;
    grid-row: 8; }

  #pi1 {
    grid-column: 1 / 6;
    grid-row: 6 / 8; }

  #pi2 {
    grid-column: 7 / 13;
    grid-row: 6 / 8; }

  #contenidoFull {
    grid-column: 1 / 13;
    grid-row: 6;
    background-color: rgba(110, 99, 4, 0.51); }

  #copyright {
    grid-column: 1 / 13;
    grid-row: 12; } }
#topWrap {
  background: #858771;
  background: #374300;
  background: #675632;
  color: #fff; }
  #topWrap > table {
    margin: 0; }

#logo {
  display: flex;
  align-items: center; }
  #logo .logo {
    padding-top: 5px; }
    #logo .logo img {
      width: 95px; }
      @media only screen and (max-width: 600px) {
        #logo .logo img {
          width: 50px; } }
      @media only screen and (max-width: 900px) {
        #logo .logo img {
          width: 70px;
          margin-left: 10px; } }
  #logo .logosExt {
    margin-top: 0.5rem; }
  #logo .titulos-pagina {
    padding-left: 1em; }
    #logo .titulos-pagina h1.site-name {
      padding: 0;
      margin: 0;
      font-size: 32px;
      line-height: 30px; }
    #logo .titulos-pagina h2.slogan {
      padding: 0;
      margin: 0;
      line-height: 30px;
      font-size: 24px; }
      @media only screen and (max-width: 900px) {
        #logo .titulos-pagina h2.slogan {
          line-height: 22px;
          font-size: 24px; } }
    #logo .titulos-pagina h1.site-name a {
      color: #FDFDFD;
      font-family: "Nunito", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 0.85em; }
      @media only screen and (max-width: 900px) {
        #logo .titulos-pagina h1.site-name a {
          font-size: 0.6em; } }
      @media only screen and (max-width: 600px) {
        #logo .titulos-pagina h1.site-name a {
          display: none; } }
    #logo .titulos-pagina h2.slogan a {
      color: #FDFDFD;
      font-family: "Nunito", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 0.8em; }
      @media only screen and (max-width: 900px) {
        #logo .titulos-pagina h2.slogan a {
          font-size: 0.6em; } }
      @media only screen and (max-width: 600px) {
        #logo .titulos-pagina h2.slogan a {
          display: none; } }

.inlineList, #busqueda ul, .breadcrumb, .shareSM, .article-info {
  list-style: none; }
  .inlineList li, #busqueda ul li, .breadcrumb li, .shareSM li, .article-info li, .inlineList dt, #busqueda ul dt, .breadcrumb dt, .shareSM dt, .article-info dt, .inlineList dd, #busqueda ul dd, .breadcrumb dd, .shareSM dd, .article-info dd {
    display: inline; }

#busqueda {
  display: flex;
  flex-direction: column;
  justify-content: space-around; }
  #busqueda > div {
    align-self: flex-end; }
  #busqueda ul {
    margin: 0 0 0.4em 0; }
  #busqueda table {
    margin: 0;
    border: 0; }
    #busqueda table tr, #busqueda table td, #busqueda table th {
      border: 0; }
      #busqueda table tr :hover, #busqueda table td :hover, #busqueda table th :hover {
        background-color: initial; }

/******************Cabmbio de Lengiaje**************/
div.mod-languages ul {
  margin: 0;
  padding: 0;
  list-style: none; }

div.mod-languages li {
  margin-left: 5px;
  margin-right: 5px; }

div.mod-languages ul.lang-inline li {
  display: inline; }

div.mod-languages ul.lang-block li {
  display: block; }

div.mod-languages img {
  border: none; }

div.mod-languages a {
  text-decoration: none; }

.langSwitch {
  padding-top: 5px; }
  .langSwitch * {
    color: #FDFDFD;
    font-size: 14px;
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif; }
  .langSwitch a:hover {
    text-decoration: underline; }

.lang-active .langName {
  color: #cccccc;
  font-weight: bold; }

.langFlag {
  display: none; }

.googleSearchM {
  width: 79%; }

.nav-link {
  font-size: 15px;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #373738;
  padding: 0.5rem; }

.border-bottom {
  border-bottom: 1px solid #c2c2c2; }

.moduletablegoogleSearchMobile, .mobileSearch {
  display: none; }

#busquedaM .mobileSearch table, #busquedaM .mobileSearch .gsc-search-box,
#busqueda .mobileSearch table,
#busqueda .mobileSearch .gsc-search-box {
  margin: 0; }
#busquedaM .mobileSearch table, #busquedaM .mobileSearch tbody, #busquedaM .mobileSearch tr:hover,
#busqueda .mobileSearch table,
#busqueda .mobileSearch tbody,
#busqueda .mobileSearch tr:hover {
  background-color: initial; }
#busquedaM .mobileSearch table table tr,
#busqueda .mobileSearch table table tr {
  display: table-row;
  border: none;
  margin: 0;
  padding: 0; }

/*******Tablet***********/
@media only screen and (max-width: 900px) {
  .googleSearchM {
    width: 100%; } }
/*******Telefono***********/
@media only screen and (max-width: 600px) {
  .googleSearchM {
    display: none; }

  .mobileSearch {
    display: block; }

  .langFlag {
    display: inline-block; }

  .langName {
    display: none; } }
#dj-megamenu340 {
  border-bottom: 1px solid #c2c2c2; }

/****************/
.menuInnerContainer {
  max-width: 1200px;
  margin: auto; }

.dj-megamenu-acg {
  background-color: #75ab39; }

.dj-megamenu-acg li a.dj-up_a {
  color: #FFF;
  text-shadow: 0 1.3px 0 rgba(0, 0, 0, 0.5); }

.dj-megamenu-acg li a.dj-up_a:hover,
.dj-megamenu-acg li.hover a.dj-up_a {
  color: #313233;
  text-shadow: none; }

.dj-megamenu-acg li.active a.dj-up_a {
  font-weight: bold;
  color: #2B2C2C;
  text-shadow: none; }

.dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn {
  background-color: #675632;
  color: #FFF; }

.dj-megamenu-select-light .dj-mobile-open-btn:focus, .dj-megamenu-select-light:hover .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:focus, .dj-megamenu-accordion-light .dj-mobile-open-btn:hover, .dj-megamenu-accordion-light .dj-mobile-open-btn:focus {
  background: #FDFDFD;
  color: #675632; }

/*********redes sociesl***********/
.rshorizontal .headIcon {
  background: #d2c496;
  color: #675632;
  font-size: 21px;
  padding: 3px;
  border-radius: 3px;
  width: 23px;
  text-align: center; }
.rshorizontal .yt:hover {
  background-color: #cc181e;
  color: #FFF; }
.rshorizontal .fb:hover {
  color: #FFF; }
.rshorizontal .tw:hover {
  color: #FFF; }
.rshorizontal .ig:hover {
  color: #FFF; }
.rshorizontal .ms:hover {
  color: #FFF; }
.rshorizontal .sn:hover {
  color: #675632; }

.breadcrumb {
  margin: 0;
  padding: 0 0; }
  .breadcrumb a {
    color: #3B765A;
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px; }

.divider {
  font-size: 11px;
  color: #bc6428; }

/**********************Thubmnails de video*/
.vidCard, .vid-item, .accesosPi ul li,
.footLinks ul li,
.paginasEspesciesPI ul li {
  /*width: auto;
  max-width: 260px;*/
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }

.vidCard:hover, .vid-item:hover, .accesosPi ul li:hover,
.footLinks ul li:hover,
.paginasEspesciesPI ul li:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.video-thumbnails {
  display: flex;
  background-color: #F0F0F0;
  justify-content: space-between;
  flex-wrap: nowrap;
  overflow: auto !important;
  overflow-y: hidden; }

.noWrap {
  flex-wrap: wrap; }

.vid-item {
  /*width: auto;
  max-width: 260px;*/
  background-color: #ffffff;
  padding: 10px;
  margin: 10px;
  /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);*/
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.thumb .videoThumb, .desc {
  max-width: 220px; }

.desc a {
  color: #2B2C2C; }

.desc a:hover {
  color: #373738; }

.pprincipal .thumb .videoThumb, .pprincipal .desc {
  max-width: 240px; }

.thumb {
  position: relative; }

.playThumb {
  position: absolute;
  max-width: 30px;
  opacity: 20;
  left: 45%;
  top: 40%;
  filter: grayscale(100%); }

.vid-item:hover .playThumb {
  filter: grayscale(0%); }

.moreVideos {
  padding: 15px; }
  .moreVideos .fa {
    font-size: 7em; }
  .moreVideos a {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 20px;
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif; }

/*******Redes Sociales*/
.shareSM {
  padding: 0;
  margin: 0;
  display: flex; }

.shareSM li {
  flex: 1 100%; }

.smButton, .shareEmail, .shareTwitter, .shareCopy, .shareFacebook, .shareYoutube {
  display: inline-block;
  margin: 3px 5px;
  font-size: 18px;
  width: 100%;
  text-align: center;
  margin-top: auto; }

.smButton:hover, .shareEmail:hover, .shareTwitter:hover, .shareCopy:hover, .shareFacebook:hover, .shareYoutube:hover {
  background: #eee; }

.fa:hover, .smButton:hover, .shareEmail:hover, .shareTwitter:hover, .shareCopy:hover, .shareFacebook:hover, .shareYoutube:hover, .smButton:hover a, .shareEmail:hover a, .shareTwitter:hover a, .shareCopy:hover a, .shareFacebook:hover a, .shareYoutube:hover a {
  text-decoration: none;
  opacity: 50; }

.links-redes-sociales img {
  margin: 0 3px;
  width: 25px; }

#sideSocial {
  left: 0;
  position: fixed;
  top: 90%;
  z-index: 999999;
  transition: top 500ms;
  display: flex;
  flex-direction: row; }

.shareIcon {
  display: block;
  background-color: #95989A; }

#sideSocial {
  animation: fadeInRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); }
  #sideSocial dl, #sideSocial ul {
    padding: 0;
    margin: 0; }

.home {
  background-color: #675632; }

.socialV {
  list-style: none;
  width: 50px;
  height: 40px;
  padding: 7px 8px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 24px;
  text-align: center;
  vertical-align: middle; }

.socialShareList li {
  display: inline-block; }

.close {
  background-color: #95989A; }
  .close a {
    color: #fff; }
  .close a:hover {
    opacity: 0.8; }

.socialShareList {
  display: none; }

.socialShareList.hidden {
  display: none; }

@media only screen and (min-width: 1280px) {
  .shareIcon {
    display: none; }

  #sideSocial {
    top: 30%;
    display: flex;
    flex-direction: column; }

  .socialShareList {
    display: block; }

  .socialShareList.hidden {
    display: block; }

  .socialShareList li {
    display: block; }

  .socialShareList li.close {
    display: none; }

  .socialV:hover {
    width: 44px;
    border-left: 6px solid rgba(0, 0, 0, 0.3);
    padding: 7px 4px; } }
.socialV a {
  color: #fff; }

.socialV a:hover {
  opacity: 0.8; }

.shareEmail {
  color: #bd2a32; }

.shareTwitter {
  color: #1DA1F2; }

.shareFacebook {
  color: #3b5998; }

.shareYoutube {
  color: #cc181e;
  font-size: 19px; }

/******************************Logos*/
#logos {
  display: flex;
  justify-content: space-around;
  margin: 25px 0; }
  #logos img {
    max-height: 90px;
    margin: 0 3px; }
    #logos img :hover {
      border: 2px solid; }

@media only screen and (max-width: 900px) {
  #logos {
    flex-wrap: wrap;
    justify-content: space-evenly; }
    #logos img {
      max-height: 70px; } }
@media only screen and (max-width: 600px) {
  #logos {
    flex-wrap: wrap;
    justify-content: space-evenly; }
    #logos img {
      max-height: 50px; } }
/*******************/
.categoryBg .categoryTitle {
  background: none; }

/*************Derechas****************/
#derecha1 .moduletable,
#derecha2 .moduletable {
  margin-bottom: 20px; }

/********************Menu Derecha************/
.menuderecha, .menuderecha ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.menuderecha > li > a.active {
  background-color: #675632;
  color: #fff;
  border-left: 2px solid #8c9416; }

.menuderecha > li > ul > li.active a {
  background-color: #d2c496;
  color: #fff;
  border-left: 2px solid #8c9416; }

.menuderecha {
  font-size: 14px; }
  .menuderecha > li > a {
    line-height: 2.75em;
    padding-left: 1em;
    color: #313233;
    overflow: hidden; }
  .menuderecha ul li a {
    margin-left: 2.5em;
    font-size: .923em;
    color: #95989A; }
  .menuderecha li a {
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 2.75em;
    display: block;
    position: relative;
    border-bottom: 1px dashed #d6d8d9;
    transition: all 0.6s ease 0s; }
    .menuderecha li a :before {
      content: '';
      background-repeat: no-repeat;
      font-size: 36px;
      height: 1em;
      width: 1em;
      position: absolute;
      left: 0;
      top: 50%;
      margin: -0.5em 0 0 0; }
  .menuderecha li a:hover {
    border-bottom: 1px dashed #33373d;
    background-color: rgba(182, 219, 182, 0.36); }
  .menuderecha .current.active {
    /* background-color: #d6d8d9;*/ }

.shutter-out-horizontal {
  -webkit-transition: color 300ms;
  transition: color 300ms;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }
  .shutter-out-horizontal :before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out; }

.menuderecha > li > a span {
  font-size: .857em;
  display: inline-block;
  position: absolute;
  right: 1em;
  top: 50%;
  background: #48515c;
  line-height: 1em;
  height: 1em;
  padding: .4em .6em;
  margin: -.8em 0 0 0;
  color: #fff;
  text-indent: 0;
  text-align: center;
  -webkit-border-radius: .769em;
  -moz-border-radius: .769em;
  border-radius: .769em;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.26), 0 1px 0 0 rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.26), 0 1px 0 0 rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.26), 0 1px 0 0 rgba(255, 255, 255, 0.15);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-weight: 500; }

.menuderecha > li > a:hover span, .menuderecha > li a.active span {
  background: #2173a1; }

.menuderecha > li > ul li a:before {
  /*content: '>';*/
  font-size: 8px;
  color: #4d4430;
  text-decoration: none;
  position: absolute;
  width: 1em;
  height: 1em;
  top: 0;
  left: -1.7em; }

.menuderecha > li > ul li:hover a, .menuderecha > li > ul li:hover a span, .menuderecha > li > ul li:hover a:before {
  color: #32373d; }

.menuderecha ul > li > a span {
  font-size: .857em;
  display: inline-block;
  position: absolute;
  right: 1em;
  top: 50%;
  background: #fff;
  border: 1px solid #d0d0d3;
  line-height: 1em;
  height: 1em;
  padding: .4em .7em;
  margin: -.9em 0 0 0;
  color: #95989A;
  text-indent: 0;
  text-align: center;
  -webkit-border-radius: .769em;
  -moz-border-radius: 769em;
  border-radius: 769em; }

/************************Noticias Derecha*****************************/
.bordeNoticias, .contactbox, .sideTable {
  border: 1px solid #e9e9e9;
  border-bottom-color: #d5d5d5;
  border-bottom-width: 2px;
  border-radius: 4px; }

.whiteBg {
  background-color: #FFF; }

.noticiasDerecha, .inArticle, #lnee_357, #lnee_358, #lnee_359
, #lnee_360, #lnee_361, #lnee_362, #lnee_363, #lnee_364,
#lnee_370, #lnee_380, #lnee_383, #lnee_386, #lnee_387, #lnee_390 {
  background-color: #FFF;
  border: 1px solid #e9e9e9;
  border-bottom-color: #d5d5d5;
  border-bottom-width: 2px;
  border-radius: 4px; }
  .noticiasDerecha ul.latestnews-items, .inArticle ul.latestnews-items, #lnee_357 ul.latestnews-items, #lnee_358 ul.latestnews-items, #lnee_359
  ul.latestnews-items, #lnee_360 ul.latestnews-items, #lnee_361 ul.latestnews-items, #lnee_362 ul.latestnews-items, #lnee_363 ul.latestnews-items, #lnee_364 ul.latestnews-items,
  #lnee_370 ul.latestnews-items, #lnee_380 ul.latestnews-items, #lnee_383 ul.latestnews-items, #lnee_386 ul.latestnews-items, #lnee_387 ul.latestnews-items, #lnee_390 ul.latestnews-items {
    padding: 15px; }
  .noticiasDerecha .latestnews-items, .inArticle .latestnews-items, #lnee_357 .latestnews-items, #lnee_358 .latestnews-items, #lnee_359
  .latestnews-items, #lnee_360 .latestnews-items, #lnee_361 .latestnews-items, #lnee_362 .latestnews-items, #lnee_363 .latestnews-items, #lnee_364 .latestnews-items,
  #lnee_370 .latestnews-items, #lnee_380 .latestnews-items, #lnee_383 .latestnews-items, #lnee_386 .latestnews-items, #lnee_387 .latestnews-items, #lnee_390 .latestnews-items {
    padding: 0; }
  .noticiasDerecha ul.latestnews-items li, .inArticle ul.latestnews-items li, #lnee_357 ul.latestnews-items li, #lnee_358 ul.latestnews-items li, #lnee_359
  ul.latestnews-items li, #lnee_360 ul.latestnews-items li, #lnee_361 ul.latestnews-items li, #lnee_362 ul.latestnews-items li, #lnee_363 ul.latestnews-items li, #lnee_364 ul.latestnews-items li,
  #lnee_370 ul.latestnews-items li, #lnee_380 ul.latestnews-items li, #lnee_383 ul.latestnews-items li, #lnee_386 ul.latestnews-items li, #lnee_387 ul.latestnews-items li, #lnee_390 ul.latestnews-items li {
    border-bottom: 1px dotted #c2c2c2;
    margin-bottom: 10px;
    padding-bottom: 10px; }
  .noticiasDerecha ul.latestnews-items li:last-child, .inArticle ul.latestnews-items li:last-child, #lnee_357 ul.latestnews-items li:last-child, #lnee_358 ul.latestnews-items li:last-child, #lnee_359
  ul.latestnews-items li:last-child, #lnee_360 ul.latestnews-items li:last-child, #lnee_361 ul.latestnews-items li:last-child, #lnee_362 ul.latestnews-items li:last-child, #lnee_363 ul.latestnews-items li:last-child, #lnee_364 ul.latestnews-items li:last-child,
  #lnee_370 ul.latestnews-items li:last-child, #lnee_380 ul.latestnews-items li:last-child, #lnee_383 ul.latestnews-items li:last-child, #lnee_386 ul.latestnews-items li:last-child, #lnee_387 ul.latestnews-items li:last-child, #lnee_390 ul.latestnews-items li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0; }
  .noticiasDerecha .innernews, .inArticle .innernews, #lnee_357 .innernews, #lnee_358 .innernews, #lnee_359
  .innernews, #lnee_360 .innernews, #lnee_361 .innernews, #lnee_362 .innernews, #lnee_363 .innernews, #lnee_364 .innernews,
  #lnee_370 .innernews, #lnee_380 .innernews, #lnee_383 .innernews, #lnee_386 .innernews, #lnee_387 .innernews, #lnee_390 .innernews {
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding: 0; }
  .noticiasDerecha a:hover, .inArticle a:hover, #lnee_357 a:hover, #lnee_358 a:hover, #lnee_359
  a:hover, #lnee_360 a:hover, #lnee_361 a:hover, #lnee_362 a:hover, #lnee_363 a:hover, #lnee_364 a:hover,
  #lnee_370 a:hover, #lnee_380 a:hover, #lnee_383 a:hover, #lnee_386 a:hover, #lnee_387 a:hover, #lnee_390 a:hover {
    text-decoration: none; }
  .noticiasDerecha .newsinfo, .inArticle .newsinfo, #lnee_357 .newsinfo, #lnee_358 .newsinfo, #lnee_359
  .newsinfo, #lnee_360 .newsinfo, #lnee_361 .newsinfo, #lnee_362 .newsinfo, #lnee_363 .newsinfo, #lnee_364 .newsinfo,
  #lnee_370 .newsinfo, #lnee_380 .newsinfo, #lnee_383 .newsinfo, #lnee_386 .newsinfo, #lnee_387 .newsinfo, #lnee_390 .newsinfo {
    padding: 0 10px; }
  .noticiasDerecha .head_right .newstitle, .inArticle .head_right .newstitle,
  .noticiasDerecha .head_right .newsextra,
  .inArticle .head_right .newsextra, #lnee_357 .head_right .newstitle,
  #lnee_357 .head_right .newsextra, #lnee_358 .head_right .newstitle,
  #lnee_358 .head_right .newsextra, #lnee_359
  .head_right .newstitle,
  #lnee_359
  .head_right .newsextra, #lnee_360 .head_right .newstitle,
  #lnee_360 .head_right .newsextra, #lnee_361 .head_right .newstitle,
  #lnee_361 .head_right .newsextra, #lnee_362 .head_right .newstitle,
  #lnee_362 .head_right .newsextra, #lnee_363 .head_right .newstitle,
  #lnee_363 .head_right .newsextra, #lnee_364 .head_right .newstitle,
  #lnee_364 .head_right .newsextra,
  #lnee_370 .head_right .newstitle,
  #lnee_370 .head_right .newsextra, #lnee_380 .head_right .newstitle,
  #lnee_380 .head_right .newsextra, #lnee_383 .head_right .newstitle,
  #lnee_383 .head_right .newsextra, #lnee_386 .head_right .newstitle,
  #lnee_386 .head_right .newsextra, #lnee_387 .head_right .newstitle,
  #lnee_387 .head_right .newsextra, #lnee_390 .head_right .newstitle,
  #lnee_390 .head_right .newsextra {
    text-align: left; }

#lnee_380 .innernews {
  box-shadow: none; }

/*********Caja de Contacto*******/
.contactbox {
  background-color: #fff; }
  .contactbox h3 {
    font-size: 1em;
    padding: 5px;
    padding-right: 0; }

.ccard {
  display: flex;
  justify-content: space-between; }
  .ccard .vcard {
    font-size: .9em;
    margin: 7px 0 7px 7px; }
  .ccard img {
    position: relative;
    bottom: 30px;
    width: 55px;
    height: 55px;
    margin-right: 5px; }

/******tarifas ****/
.sideTable {
  width: 100%;
  background-color: #FFF;
  margin: 20px 0; }
  .sideTable .categoryTitle {
    background: none; }

.tituloSide, .tituloSide a {
  background: none;
  margin: 0;
  padding: 0; }

.footnote {
  background-color: #f6f9f8; }

/*****************/
#conocimientobg {
  background: #F7F7F7;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 20px;
  margin-bottom: 20px;
  background-size: cover; }
  @media only screen and (max-width: 600px) {
    #conocimientobg {
      background: inherit; } }
  @media only screen and (max-width: 900px) {
    #conocimientobg {
      background: url("/images/img3/titulos/bosque-pitilla-900.jpg") repeat fixed center; } }
  @media only screen and (min-width: 900px) {
    #conocimientobg {
      background: url("/images/img3/titulos/bosque-pitilla.jpg") repeat fixed center; } }

.conocimientoHeader {
  border-bottom: 1px solid #FFF;
  background-color: #9997; }
  .conocimientoHeader h2 {
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #FFF;
    text-shadow: 0 1px 2px #000d;
    font-size: 22px;
    font-weight: lighter;
    margin: 0;
    margin-top: 0px;
    margin-top: 15px;
    padding: 5px 0px; }

.accesosPi,
.footLinks,
.paginasEspesciesPI {
  /*display: flex;*/ }
  .accesosPi ul,
  .footLinks ul,
  .paginasEspesciesPI ul {
    padding: 0;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 600px) {
      .accesosPi ul,
      .footLinks ul,
      .paginasEspesciesPI ul {
        flex-direction: row;
        flex-wrap: wrap; } }
    @media only screen and (max-width: 900px) {
      .accesosPi ul,
      .footLinks ul,
      .paginasEspesciesPI ul {
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: space-evenly; } }
    .accesosPi ul li,
    .footLinks ul li,
    .paginasEspesciesPI ul li {
      list-style: none;
      max-width: 270px;
      margin-bottom: 2em; }
      .accesosPi ul li img,
      .footLinks ul li img,
      .paginasEspesciesPI ul li img {
        max-width: 100%; }
  .accesosPi .photoItems,
  .footLinks .photoItems,
  .paginasEspesciesPI .photoItems {
    grid-column-start: 1;
    grid-column-end: span 12;
    grid-row: 1; }
    .accesosPi .photoItems .accesoItem,
    .footLinks .photoItems .accesoItem,
    .paginasEspesciesPI .photoItems .accesoItem {
      background: #FFF; }
  .accesosPi .accesoItem,
  .footLinks .accesoItem,
  .paginasEspesciesPI .accesoItem {
    color: #313233;
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    display: flex;
    flex-direction: column;
    margin-right: 1rem;
    flex-basis: 100%; }
    @media only screen and (max-width: 600px) {
      .accesosPi .accesoItem,
      .footLinks .accesoItem,
      .paginasEspesciesPI .accesoItem {
        max-width: 100%;
        margin: 1rem auto; } }
    .accesosPi .accesoItem .textoC,
    .footLinks .accesoItem .textoC,
    .paginasEspesciesPI .accesoItem .textoC {
      flex-basis: 100%;
      margin: 10px;
      display: flex;
      flex-direction: column; }
    .accesosPi .accesoItem .tituloC a,
    .footLinks .accesoItem .tituloC a,
    .paginasEspesciesPI .accesoItem .tituloC a {
      color: #313233; }
      .accesosPi .accesoItem .tituloC a :hover,
      .footLinks .accesoItem .tituloC a :hover,
      .paginasEspesciesPI .accesoItem .tituloC a :hover {
        color: #0B4CB2; }
    .accesosPi .accesoItem .contenidoC,
    .footLinks .accesoItem .contenidoC,
    .paginasEspesciesPI .accesoItem .contenidoC {
      font-weight: lighter;
      font-size: 0.93em;
      margin: 0.5rem 0;
      flex-basis: 100%;
      flex-grow: 2; }
    .accesosPi .accesoItem .readalllink,
    .footLinks .accesoItem .readalllink,
    .paginasEspesciesPI .accesoItem .readalllink {
      margin-left: 0; }

.footLinks ul.textItems {
  flex-direction: row; }
  .footLinks ul.textItems li.accesoItem {
    display: flex;
    flex-wrap: nowrap;
    max-width: 18%; }
    @media only screen and (max-width: 900px) {
      .footLinks ul.textItems li.accesoItem {
        max-width: 40%; } }
    .footLinks ul.textItems li.accesoItem .m10 {
      display: inline-block;
      margin: 10px; }
    .footLinks ul.textItems li.accesoItem div {
      font-size: 15px; }
  .footLinks ul.textItems h4 {
    font-size: 17px;
    color: #FFF; }
  .footLinks ul.textItems div {
    font-size: 16px; }

.footLinks .last,
.photoItems .last {
  margin-right: 0; }
  @media only screen and (max-width: 600px) {
    .footLinks .last,
    .photoItems .last {
      margin: 10px auto; } }

#lnee_372, #lnee_374 {
  width: 100%;
  display: inline-block;
  margin-top: 20px;
  padding: 0;
  /*.portrait{
    Position:relative;
    max-height: initial;
    Height: 200px;
    width:100%;
    Overflow:hidden;
    img{
      width: 100%;
      Margin-top: -20%;
    }
  }*/ }
  #lnee_372 ul.latestnews-items, #lnee_374 ul.latestnews-items {
    text-align: left;
    display: flex;
    justify-content: space-between;
    flex-direction: row; }
    @media only screen and (max-width: 600px) {
      #lnee_372 ul.latestnews-items, #lnee_374 ul.latestnews-items {
        flex-direction: column; } }
    @media only screen and (max-width: 900px) {
      #lnee_372 ul.latestnews-items, #lnee_374 ul.latestnews-items {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly; } }
  #lnee_372 .photoItems, #lnee_374 .photoItems {
    grid-column-start: 1;
    grid-column-end: span 12;
    grid-row: 1; }
    #lnee_372 .photoItems .accesoItem, #lnee_374 .photoItems .accesoItem {
      background-color: transparent;
      margin-right: 1em;
      margin-bottom: 2rem; }
  #lnee_372 .titleMapInfoCard, #lnee_372 .accesosPi .accesoItem .tituloC h4, .accesosPi .accesoItem .tituloC #lnee_372 h4,
  #lnee_372 .footLinks .accesoItem .tituloC h4,
  .footLinks .accesoItem .tituloC #lnee_372 h4,
  #lnee_372 .paginasEspesciesPI .accesoItem .tituloC h4,
  .paginasEspesciesPI .accesoItem .tituloC #lnee_372 h4, #lnee_372 .footLinks ul.textItems h4, .footLinks ul.textItems #lnee_372 h4, #lnee_374 .titleMapInfoCard, #lnee_374 .accesosPi .accesoItem .tituloC h4, .accesosPi .accesoItem .tituloC #lnee_374 h4,
  #lnee_374 .footLinks .accesoItem .tituloC h4,
  .footLinks .accesoItem .tituloC #lnee_374 h4,
  #lnee_374 .paginasEspesciesPI .accesoItem .tituloC h4,
  .paginasEspesciesPI .accesoItem .tituloC #lnee_374 h4, #lnee_374 .footLinks ul.textItems h4, .footLinks ul.textItems #lnee_374 h4 {
    border: none; }
  #lnee_372 .newsinfo, #lnee_374 .newsinfo {
    background-color: #FFF;
    padding: 10px;
    border-bottom: 1px solid #2B2C2C; }
  #lnee_372 .newshead.picturetype, #lnee_374 .newshead.picturetype {
    margin: 0 auto; }
  #lnee_372 .landscape, #lnee_374 .landscape {
    /*width: 130%;*/
    margin-left: -20%;
    height: auto;
    margin: auto; }
  #lnee_372 .picture img, #lnee_374 .picture img {
    max-width: 100%;
    max-height: initial; }

/*********Mapa Paginai Incial***************/
#mapContainer {
  display: flex;
  border: 2px solid #c2c2c2;
  border-bottom-width: 2px; }
  @media only screen and (max-width: 600px) {
    #mapContainer {
      flex-direction: column;
      max-height: 100vh; } }
  @media only screen and (max-width: 900px) {
    #mapContainer {
      flex-direction: column;
      max-height: 100vh; } }
  @media only screen and (min-width: 900px) {
    #mapContainer {
      max-height: 70vh; } }

#mapaInicial {
  flex-grow: 3;
  /* border-left: 2px solid $borders;*/ }
  #mapaInicial .maph,
  #mapaInicial iframe {
    border-width: 0; }
    @media only screen and (min-width: 900px) {
      #mapaInicial .maph,
      #mapaInicial iframe {
        max-height: 70vh; } }
    @media only screen and (max-width: 600px) {
      #mapaInicial .maph,
      #mapaInicial iframe {
        max-height: 100vh; } }
    @media only screen and (max-width: 900px) {
      #mapaInicial .maph,
      #mapaInicial iframe {
        max-height: 100vh; } }

#mapLengend {
  display: flex;
  max-width: 25%;
  flex-direction: column;
  flex-grow: 1;
  padding: 0.5rem;
  border-left: 1px solid #c2c2c2;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 0.9rem; }
  @media only screen and (max-width: 900px) {
    #mapLengend {
      max-width: 100%; } }
  @media only screen and (max-width: 600px) {
    #mapLengend {
      max-width: 100%; }
      #mapLengend .collapsible {
        background-color: #777;
        color: white;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px; }
      #mapLengend .active, #mapLengend .collapsible:hover {
        background-color: #555; }
      #mapLengend .collapsible:after {
        content: '\002B';
        color: white;
        font-weight: bold;
        float: right;
        margin-left: 5px; }
      #mapLengend .active:after {
        content: "\2212"; }
      #mapLengend .content {
        padding: 0 18px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        background-color: #f1f1f1; } }
  #mapLengend h4 {
    margin: 0;
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 0.95rem; }
  #mapLengend h3 {
    font-size: 0.95rem; }
  #mapLengend ul {
    margin: 0;
    padding: 0; }
    #mapLengend ul li {
      list-style: none; }
  #mapLengend .mapLegendHeader {
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    margin: 10px 0;
    border-bottom: 1px solid; }
    #mapLengend .mapLegendHeader h1 {
      font-size: 0.95rem;
      margin: 0; }
    #mapLengend .mapLegendHeader span {
      font-size: 14px; }
  #mapLengend .mapLegendContent {
    flex-basis: 100%;
    display: flex;
    flex-direction: column; }
    @media only screen and (max-width: 900px) {
      #mapLengend .mapLegendContent {
        flex-direction: row;
        justify-content: space-between; } }
  #mapLengend .simmnbologia {
    flex-grow: 2; }
  #mapLengend .menuMapas {
    flex-grow: 2; }
  #mapLengend .mapLogos ul {
    display: flex;
    justify-content: space-between; }
    #mapLengend .mapLogos ul li {
      display: inline-block; }
  #mapLengend .mapLogos .logoSinac {
    max-height: 70px; }
  #mapLengend .mapLogos .logoMinae {
    max-height: 70px; }

/***********Anuncios PI***********/
@media only screen and (max-width: 900px) {
  #biodiversidadPI {
    display: flex;
    justify-content: space-between;
    border: none; } }
@media only screen and (max-width: 600px) {
  #biodiversidadPI {
    display: flex; } }

.anunciosPI {
  padding-top: 12px; }
  @media only screen and (max-width: 900px) {
    .anunciosPI {
      display: flex;
      padding-top: 25px;
      max-width: 48%; } }
  @media only screen and (max-width: 600px) {
    .anunciosPI {
      padding-top: 25px; }
      .anunciosPI .banneritem {
        max-width: 100%; } }
  .anunciosPI img {
    max-width: 100%; }
    @media only screen and (max-width: 900px) {
      .anunciosPI img {
        max-height: 360px; } }

/***********Galeria PI***************/
#albumGallery21m378 #dj-galleryGrid24m376 {
  margin: 10px 0 0 -1px; }
@media only screen and (max-width: 600px) {
  #albumGallery21m378 {
    max-width: 100%; } }
@media only screen and (max-width: 900px) {
  #albumGallery21m378 {
    max-width: 48%; } }
#albumGallery21m378 #dj-slideshowThumbs24m376 .dj-navigation {
  top: 36.111111%; }

#multimedios {
  display: flex; }
  #multimedios .sideMM {
    display: flex;
    flex-direction: column; }
  #multimedios .sonidosPI {
    max-wdith: 50%; }
  #multimedios .sideMM {
    display: flex; }

#albumGallery21m378 .diadia h3 {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  border-bottom: 1px solid #313233; }
#albumGallery21m378 .diadia h3 a {
  color: #2B2C2C; }

#dj-mslider21m378 .dj-slide-desc {
  position: initial; }
#dj-mslider21m378 .dj-slide-title {
  display: none; }
#dj-mslider21m378 .dj-slide-desc-bg {
  background-color: initial;
  position: initial; }

#dj-suggester-in {
  border-radius: 0;
  -webkit-border-radius: 0; }
  #dj-suggester-in .dj-suggester-head {
    text-transform: none; }
  #dj-suggester-in p {
    margin: 0;
    padding: 0; }

#contenido {
  word-wrap: normal;
  width: 100%;
  border-right: 1px solid #c2c2c2;
  padding-right: 5px; }
  #contenido > .header {
    display: none; }

.pprincipal #contenido {
  border: none; }

/*******encabezado**********/
#boxTitleHero {
  color: #FFF;
  text-shadow: 0 1px 2px #000d; }

.captionBg {
  background: #3030304d;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  max-width: 280px; }

.fullImageCaption {
  position: absolute;
  right: 25vw;
  top: 91vh;
  background: #f5f5f5ab;
  font-size: 14px;
  line-height: 16px;
  padding: 6px;
  color: #2f0f0f;
  text-shadow: 0px 0.2px 0px #000d;
  max-width: 250px; }

.tituloArticuloHero {
  font-weight: normal;
  color: #FFF; }

@media (min-width: 600px) {
  #titulo {
    display: grid;
    grid-template-areas: "l top top r" "l1 tituloArticulo ... r1" "l2 ... fotoCaption r2";
    grid-template-rows: 50% 30% 20%;
    /*grid-template-columns: calc(50% - 37vw) 2fr 1fr calc(50% - 37vw);*/ } }
@media (min-width: 600px) and (max-height: 500px) {
  #titulo {
    display: grid;
    grid-template-areas: "l top top r" "l1 tituloArticulo ... r1" "l2 ... fotoCaption r2";
    grid-template-rows: 20% 50% 30%; } }
@media (min-width: 600px) {
  #boxTitleHero {
    grid-area: tituloArticulo;
    max-width: 450px; }

  #captionHero {
    grid-area: fotoCaption; }

  .captionBg {
    background: #3030304d;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding: 10px;
    display: inline-block;
    max-width: 280px; }

  .fullImageCaption {
    position: absolute;
    right: 25vw;
    top: 91vh;
    background: #f5f5f5ab;
    font-size: 14px;
    line-height: 16px;
    padding: 6px;
    color: #2f0f0f;
    text-shadow: 0px 0.2px 0px #000d;
    max-width: 250px; }

  .authorDate {
    color: #b1b1b1; } }
/* max-width 600*/
.boxTitulo {
  grid-area: tituloArticulo; }

.tituloArticuloNormal {
  font-size: 30px;
  font-weight: normal;
  margin: 0.4em 0; }

/**************contenido**************/
.responsive {
  max-width: 100%;
  height: auto; }

.jcepopup {
  cursor: zoom-in; }

.article-info {
  border-bottom: 1px solid #c2c2c2;
  padding-bottom: 5px; }
  .article-info dd {
    padding: 0;
    margin: 0; }
  .article-info > .article-info-term {
    display: none; }

.caption, #dj-mslider21m378 .dj-slide-description, .article-info, .lnee .item_details, .facilidades .simbologia, .easy_img_caption_inner {
  color: #95989A;
  font-size: 14px;
  font-family: Georgia, serif;
  margin: 0;
  line-height: 1.4rem; }

.indice {
  float: right;
  width: 135px;
  padding: 5px;
  margin: 0;
  top: 7px;
  margin: 0 0 10px 5px;
  background: #05A0CE; }
  .indice > ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .indice a {
    color: #FFF;
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px; }

.component p, .component h1, .component h2, .component h3, .component h4, .component h5, .component h6, .component ul, .component ol {
  margin-left: 10.5%;
  margin-right: 10.5%; }
.component a:hover {
  color: #0B4CB2; }

.baseText, #contenido, #contenido-full {
  font-family: Georgia, serif;
  font-size: 17px;
  line-height: 26px; }

@media only screen and (max-width: 600px) {
  #contenido p, #contenido h1, #contenido h2, #contenido h3, #contenido h4, #contenido h5, #contenido h6, #contenido table, #contenido ul {
    margin-left: 0;
    margin-right: 0; } }

table {
  width: 100%;
  margin: 0 0 20px;
  border-collapse: collapse;
  font-size: 0.85em; }
  table h1, table h2, table h3, table h4, table h5, table h6 {
    font-weight: 500;
    text-align: center;
    width: auto; }
  table tr {
    border-bottom: 1px solid #dae1e7; }
  table thead tr, table .trhead {
    background-color: #dae1e7;
    color: #2B2C2C;
    font-weight: 500;
    line-height: 30px;
    border: none; }
  table thead {
    border-bottom: 2px solid #b1b1b1;
    border-top: 2px solid #b1b1b1; }
  table tbody tr:hover {
    background-color: #dae1e7; }
  @media only screen and (max-width: 900px) {
    table table {
      border: 0; }
    table table caption {
      font-size: 1.3em; }
    table table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    table table tr {
      border-bottom: 3px solid #ddd;
      display: block;
      margin-bottom: .625em; }
    table table td {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: .8em;
      text-align: right; }
    table table td:before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase; }
    table table td:last-child {
      border-bottom: 0; } }

#contenido-full p, #contenido-full h1, #contenido-full h2, #contenido-full h3, #contenido-full h4, #contenido-full h5, #contenido-full h6, #contenido-full table, #contenido-full ul {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto; }
#contenido-full table {
  max-width: 960px; }
  #contenido-full table p, #contenido-full table h1, #contenido-full table h2, #contenido-full table h3, #contenido-full table h4, #contenido-full table h5, #contenido-full table h6, #contenido-full table table, #contenido-full table ul {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0; }

/************Articulos****************/
@media only screen and (max-width: 600px) {
  #articleBody {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
    #articleBody .easy_img_caption span {
      line-height: 1rem; } }

/*****video container*******/
.video-container {
  position: relative;
  padding-bottom: 60.25%;
  padding-top: 30px;
  height: 0; }

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*********************************Blog Noticias************************/
#articulosNoticias h1 {
  margin: 0; }

.noticias .preview-item .article-info {
  border: none;
  margin: 5px 0; }
.noticias .preview-item .published {
  display: block; }
.noticias .preview-item .article-info {
  line-height: 1.1rem;
  font-size: 0.725rem; }
.noticias .prviewInfo {
  display: flex;
  flex-direction: column; }
  .noticias .prviewInfo p {
    display: none; }
.noticias .previewTitle {
  font-size: 18px;
  padding: 0;
  margin: 0;
  line-height: 22px;
  margin: 0; }
  .noticias .previewTitle a {
    color: #2B2C2C;
    font-size: 24px;
    font-weight: normal; }
.noticias .previewText {
  font-size: 0.8125rem;
  line-height: 1.25rem; }
.noticias > .items-leading {
  display: flex;
  justify-content: space-between;
  margin: 10% 5.5%;
  border-bottom: 1px solid #c2c2c2;
  pading: 5px; }
  .noticias > .items-leading .previewImageBox {
    min-height: 200px; }
  .noticias > .items-leading .blogItemACG {
    max-width: 48%; }
  .noticias > .items-leading img {
    max-width: 98%; }
.noticias > .items-row {
  border-bottom: 1px solid #c2c2c2;
  margin: 0 5.5%; }
  .noticias > .items-row img {
    max-width: 222px; }
  .noticias > .items-row .Previewinner {
    margin: 20px 0;
    padding-right: 20px;
    display: flex; }
    .noticias > .items-row .Previewinner .previewextra {
      display: none; }
  .noticias > .items-row .previewImageBox {
    margin-right: 20px; }

.flexStart {
  justify-content: start; }

.noBg {
  background-color: transparent; }

.pagination li, .pager li {
  display: inline;
  margin: 5px; }

/*****Titulos de categorias y colores *******/
.categoryBg {
  padding: 0.2em;
  display: flex;
  justify-content: space-between; }

.categoryTitle {
  color: #FFF;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 22px;
  margin: 0;
  padding: 0;
  font-weight: lighter;
  padding: 0 20px 0 10px;
  background: url("/images/img3/flecha.png") right center no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px; }

h3.categoryTitle {
  margin: 0; }

.tsm .categoryTitle {
  font-size: 19px; }

.categorySubtitle {
  color: #FFF;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 18px;
  margin: 0;
  padding: 0;
  font-weight: lighter; }

.categorySide {
  align-self: flex-end;
  margin-bottom: 3px;
  padding-right: 10px; }
  .categorySide span {
    font-size: 18px; }
  .categorySide img {
    vertical-align: top;
    max-height: 18px;
    margin-top: 1px; }

.cbVideos, .moreVideos {
  background-color: #D3392A; }
  .cbVideos a, .moreVideos a {
    color: #FFF; }
  .cbVideos a:hover, .moreVideos a:hover {
    colort: #FFF; }

/*********Noticias Pagina inicial*******/
.noticiasPI, #noticiasPi .latestnews-items {
  display: flex;
  flex-flow: row wrap;
  /*margin-left: -8px; !* Adjustment for the gutter *!*/
  justify-content: space-between; }
  @media only screen and (max-width: 900px) {
    .noticiasPI, #noticiasPi .latestnews-items {
      flex-wrap: wrap; } }
  .noticiasPI .lnee, #noticiasPi .latestnews-items .lnee {
    margin: 0 10px 10px; }
    .noticiasPI .lnee .newshead .picture img, #noticiasPi .latestnews-items .lnee .newshead .picture img {
      max-height: 260px; }
    .noticiasPI .lnee ul.latestnews-items li, #noticiasPi .latestnews-items .lnee ul.latestnews-items li {
      display: block; }

#lnee_368, #lnee_356 {
  padding: 25px 0; }
  #lnee_368 ul.latestnews-items li.latestnews-item, #lnee_356 ul.latestnews-items li.latestnews-item {
    font-size: initial;
    max-width: 30%;
    margin: 0;
    margin-bottom: 20px; }
    @media only screen and (max-width: 900px) {
      #lnee_368 ul.latestnews-items li.latestnews-item, #lnee_356 ul.latestnews-items li.latestnews-item {
        max-width: 50%;
        width: 48%; } }
    @media only screen and (max-width: 600px) {
      #lnee_368 ul.latestnews-items li.latestnews-item, #lnee_356 ul.latestnews-items li.latestnews-item {
        max-width: 50%;
        width: 48%; } }
  #lnee_368 img:hover, #lnee_356 img:hover {
    box-shadow: inset 0px 0px 70px rgba(0, 0, 0, 0.9); }
  #lnee_368 .newstitle, #lnee_356 .newstitle {
    font-size: 17px; }
    #lnee_368 .newstitle a, #lnee_356 .newstitle a {
      color: #2B2C2C; }
      #lnee_368 .newstitle a :hover, #lnee_356 .newstitle a :hover {
        color: #0B4CB2;
        text-decoration: underline; }
  #lnee_368 .categoryBg, #lnee_356 .categoryBg {
    margin-bottom: 10px; }
  #lnee_368 .innerpicture img, #lnee_356 .innerpicture img {
    min-height: 200px; }

#lnee_356 ul.latestnews-items li {
  max-width: 100%; }

.noticiasc1 {
  flex-grow: 0;
  background-color: #ede; }

.noticiasc2 {
  flex-grow: 1;
  background-color: #e3e3e3; }

#lnee_347, #lnee_348, #lnee_349 {
  width: auto; }

#lnee_350, #lnee_351, #lnee_352, #lnee_353 {
  width: auto;
  flex-basis: 220px; }
  #lnee_350 ul.latestnews-items li, #lnee_351 ul.latestnews-items li, #lnee_352 ul.latestnews-items li, #lnee_353 ul.latestnews-items li {
    font-size: 18px;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    min-width: 260px;
    max-width: 360px; }

.lnee .onecatlink a, .lnee .onecatlink a:visited, .lnee .catlink a, .lnee .catlink a:visited {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #1E8453;
  font-size: 14px;
  font-weight: bold; }
.lnee h3.newstitle {
  margin: 0;
  font-size: 17px;
  line-height: 19px; }
  .lnee h3.newstitle a {
    color: #313233;
    text-decoration: none; }
    .lnee h3.newstitle a :hover {
      color: #0B4CB2;
      text-decoration: none; }
    .lnee h3.newstitle a :visited {
      color: #313233; }
    .lnee h3.newstitle a :active {
      text-decoration: underline; }
.lnee .articleSeparator {
  width: 100%;
  background-color: #D5D5D5;
  content: "";
  display: block;
  height: 1px;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem; }
.lnee .newsSeparator {
  height: 0.3rem; }
.lnee .latestnews-item:last-child > .articleSeparator {
  background-color: transparent;
  margin-bottom: 0; }
.lnee .categoryBg {
  /*margin-bottom: 10px;*/ }

.readalllink {
  margin-left: 10px; }

.readalllink a {
  border: 1px solid #1E8453;
  color: #1E8453;
  background-color: #FFF;
  border-radius: 2px;
  display: block;
  width: 90%;
  padding: 0.5rem;
  text-align: center;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  margin: auto; }

.readalllink a:hover {
  border: 1px solid #1E8453;
  color: #FDFDFD;
  background-color: #1E8453;
  border-radius: 2px;
  display: block;
  width: 90%;
  padding: 0.5rem;
  text-align: center;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  margin: auto; }

.readalllink a:active {
  border: 1px solid #FDFDFD;
  color: #FDFDFD;
  background-color: #1E8453;
  border-radius: 2px;
  display: block;
  width: 90%;
  padding: 0.5rem;
  text-align: center;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  margin: auto; }

.tourlink a {
  border: 1px solid #05A0CE;
  color: #05A0CE;
  background-color: #FFF;
  border-radius: 2px;
  display: block;
  width: 90%;
  padding: 0.5rem;
  text-align: center;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  margin: auto; }

.tourlink a:hover {
  border: 1px solid #05A0CE;
  color: #FDFDFD;
  background-color: #05A0CE;
  border-radius: 2px;
  display: block;
  width: 90%;
  padding: 0.5rem;
  text-align: center;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  margin: auto; }

.tourlink a:active {
  border: 1px solid #FDFDFD;
  color: #FDFDFD;
  background-color: #05A0CE;
  border-radius: 2px;
  display: block;
  width: 90%;
  padding: 0.5rem;
  text-align: center;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  margin: auto; }

.lnee {
  /*background-color:#fff;*/
  padding-bottom: 20px; }

/*********************Imagenes de Navegacion Turismo y estacionesl biologicas*************/
.imageNavigationLink:hover,
.imageNavigationLink:hover .imageNavigationHeaderCaption,
.imageNavigationLink:hover h4,
#insr:hover {
  text-decoration: none; }
  .imageNavigationLink:hover .imageNavigationHeader,
  .imageNavigationLink:hover .imageNavigationHeaderCaption .imageNavigationHeader,
  .imageNavigationLink:hover h4 .imageNavigationHeader,
  #insr:hover .imageNavigationHeader {
    display: none; }

.imageNavigationContainer {
  display: flex;
  flex-wrap: wrap; }
  .imageNavigationContainer * {
    box-sizing: border-box; }

.imageNavigation {
  max-width: 25%;
  flex-basis: 25%;
  width: 25%;
  padding: 0 10px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 900px) {
    .imageNavigation {
      max-width: 33%;
      flex-basis: 33%;
      width: 33%; } }
  @media only screen and (max-width: 600px) {
    .imageNavigation {
      max-width: 50%;
      flex-basis: 50%;
      width: 50%; } }
  .imageNavigation .imageNavigationContent {
    padding: 15px; }
  .imageNavigation p {
    margin: 5px 0; }
  .imageNavigation a:hover, .imageNavigation a:hover figcaption, .imageNavigation a:hover p, .imageNavigation a:hover h4, .imageNavigation h4:hover, .imageNavigation p:hover {
    text-decoration: none; }

.imageNavigationHeaderCaption, .imageNavigationHeader {
  color: #FDFDFD;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 18px;
  margin: 0;
  padding: 5px 0;
  text-shadow: 0 1px 2px #000d; }

.imageNavigationHeader {
  border: 0;
  bottom: 0;
  left: 5px;
  position: absolute;
  width: 100%; }

.imageNavigationHeaderCaption {
  border-bottom: 1px solid #FDFDFD; }

.imageNavigationMap {
  float: left;
  margin-right: 10px;
  margin-top: 5px; }

.imageNavigationCaption {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #FDFDFD;
  font-size: 14px;
  line-height: 16px; }

/*******Mapa Turismo ********/
#mapTurismo img[src*='kml'] {
  opacity: 0.4; }

#mapTurismo {
  height: 80vh; }

#mapwrap {
  position: relative; }

#mapInfoCard {
  width: 275px;
  background-color: #FFF;
  position: absolute;
  top: 10px;
  left: 10px; }
  @media only screen and (max-width: 600px) {
    #mapInfoCard {
      position: relative; } }

#imgMapInfoCard {
  height: 175px;
  width: 275px; }

.mapInfo {
  margin: 10px; }

#titleMapInfoCard, .titleMapInfoCard, .accesosPi .accesoItem .tituloC h4,
.footLinks .accesoItem .tituloC h4,
.paginasEspesciesPI .accesoItem .tituloC h4, .footLinks ul.textItems h4 {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #2B2C2C;
  font-size: 18px;
  border-bottom: 1px solid #2B2C2C;
  margin: 5px 0; }

.closeCard {
  position: absolute;
  right: 0;
  color: #05A0CE;
  opacity: 0.8;
  font-size: 18px; }

/*********Backgrounds de Categorias **************/
.turismoBg {
  background-color: #05A0CE;
  color: #FFF;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif; }
  .turismoBg a, .turismoBg a:hover {
    color: #FFF; }

.acgBg {
  background-color: #675632;
  color: #FFF;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif; }
  .acgBg a, .acgBg a:hover {
    color: #FFF; }

.pebBg {
  background-color: #b2c32c;
  color: #FFF;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif; }
  .pebBg a, .pebBg a:hover {
    color: #FFF; }

.docsBg {
  background-color: #b07c55;
  color: #FFF;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif; }
  .docsBg a, .docsBg a:hover {
    color: #FFF; }

.biodBg {
  background-color: #0f701b;
  color: #FFF;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif; }
  .biodBg a, .biodBg a:hover {
    color: #FFF; }

.restauracionBg {
  background-color: #f06324;
  color: #FFF;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif; }
  .restauracionBg a, .restauracionBg a:hover {
    color: #FFF; }

.fuegosBg {
  background-color: #cc9e00;
  color: #FFF;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif; }
  .fuegosBg a, .fuegosBg a:hover {
    color: #FFF; }

.investigacionBg {
  background-color: #019a86;
  color: #FFF;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif; }
  .investigacionBg a, .investigacionBg a:hover {
    color: #FFF; }

.ofliberiaBg {
  background-color: #6a36b8;
  color: #FFF;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif; }
  .ofliberiaBg a, .ofliberiaBg a:hover {
    color: #FFF; }

h2.categoryBg.turismoBg {
  margin: 0;
  padding: 7px; }

.facilidades {
  margin: 20px 0; }
  .facilidades img {
    max-height: 30px; }
  .facilidades .fa-map {
    color: #313233; }
  .facilidades thead th {
    padding: 7px; }
  @media only screen and (min-width: 900px) {
    .facilidades tbody td {
      /*padding: 7px;*/
      font-size: 0.9em; } }
  @media only screen and (max-width: 900px) {
    .facilidades tbody td {
      /*padding: 7px;*/
      font-size: 0.9em; } }
  .facilidades .simbolTitle {
    color: #636567;
    font-weight: bold; }

.responsive-card-table {
  border-collapse: collapse; }
  .responsive-card-table.unstriped tbody {
    background-color: transparent; }
  .responsive-card-table.striped tbody tr:nth-child(even) {
    background: #eee; }
  .responsive-card-table th {
    background-color: #eee; }
  .responsive-card-table tr,
  .responsive-card-table th,
  .responsive-card-table td {
    border-bottom: 1px solid #c2c2c2; }
  @media only screen and (max-width: 600px) {
    .responsive-card-table {
      /* Get table cells to act like rows */ }
      .responsive-card-table thead tr {
        position: absolute;
        top: -9999em;
        left: -9999em; }
      .responsive-card-table tr {
        border: 1px solid #c2c2c2;
        display: block; }
      .responsive-card-table tr + tr {
        margin-top: 1.5rem; }
      .responsive-card-table.striped tbody tr:nth-child(even) {
        background: transparent; }
      .responsive-card-table td {
        border: none;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        border-bottom: 1px solid #c2c2c2;
        padding-left: 50%;
        position: relative; }
        .responsive-card-table td:before {
          content: attr(data-label);
          display: inline-block;
          font-weight: bold;
          line-height: 1.5;
          margin-left: -100%;
          width: 130px;
          position: relative;
          z-index: 1; }
        .responsive-card-table td:after {
          content: '';
          position: absolute;
          background: #eee;
          width: 120px;
          height: 95%;
          left: 1px;
          top: 1px;
          z-index: 0; } }

.inArticle {
  display: flex;
  margin-left: 10.5%;
  margin-right: 10.5%;
  background: #FFF; }
  .inArticle h1 a {
    color: #2B2C2C;
    font-size: 24px; }
  .inArticle .link-caja-categoria {
    max-height: 195px; }
  @media only screen and (max-width: 600px) {
    .inArticle p {
      font-size: 14px;
      line-height: 16px; }
    .inArticle h1 a {
      color: #2B2C2C;
      font-size: 18px; } }

.tarifas td {
  padding: 4px; }

/***********************Paginas de Especies****************/
.shpSwitch {
  display: none; }

.sphomep .shpSwitch {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #c2c2c2;
  margin-bottom: 10px; }

.sphomep .items-leading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.caja-especie {
  width: 128px;
  margin-bottom: 5px; }

.img-especie {
  max-width: 125px;
  max-height: 125px; }

.h-especie, .h-especie:visited {
  color: #2B2C2C; }

.h-especie:hover {
  background: none;
  text-decoration: underline; }

#component h1.titulo-especie {
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  padding: 0;
  text-align: left;
  font-weight: normal; }

.insectos .icono1 {
  background: url(/images/img/icono_adulto.png) no-repeat;
  padding-top: 22px; }

.insectos .icono2 {
  background: url(/images/img/icono_larva.png) no-repeat;
  padding: 22px 12px 0 10px; }

.plantas .icono1 {
  background: url(/images/img/icono_planta.jpg) no-repeat;
  padding: 44px 19px 0 0; }

.plantas .icono2 {
  background: url(/images/img/icono_fruto.png) no-repeat;
  padding: 44px 12px 0 10px; }

.mamiferos .icono1 {
  background: url(/images/img/icono_planta.jpg) no-repeat;
  padding: 44px 10px 0 0; }

.mamiferos .icono2 {
  background: url(/images/img/icono_larva.png) no-repeat;
  padding: 22px 12px 0 10px; }

.insectos .icono1::after {
  content: "Adultos"; }

.insectos .icono2::after {
  content: "Larvas"; }

.plantas .icono1::after {
  content: "Planta"; }

.plantas .icono2::after {
  content: "Fruto"; }

.mamiferos .icono1::after {
  content: "Adulto"; }

.mamiferos .icono2::after {
  content: "Adulto"; }

.shp-icono {
  height: 40px; }

.formatoAutorSphp {
  font-size: 0.8em; }

.fotoSwitch {
  margin-top: 8px;
  font-size: .8em;
  display: none; }

.sphomep .fotoSwitch, .sp-hone-p .fotoSwitch {
  display: flex; }

.loaderSp {
  display: none;
  position: absolute;
  left: 305px; }

.iconosSp {
  margin-left: 10px;
  text-align: center; }

.sphomep .item-image {
  display: none; }

#component .sphomep table {
  margin: auto;
  width: auto; }
  #component .sphomep table tr, #component .sphomep table th, #component .sphomep table td {
    border: none; }
    #component .sphomep table tr :hover, #component .sphomep table th :hover, #component .sphomep table td :hover {
      background-color: transparent; }
  #component .sphomep table tbody tr:hover {
    background-color: initial; }

#navEstaciones h4 {
  margin: 0 auto; }

.ofliberiaBg a {
  color: #FFF; }

#navDesignacinoes .imageNavigation {
  max-width: 30%;
  flex-basis: 30%;
  width: 30%;
  padding: 0 10px;
  margin-bottom: 20px; }

.mamiferos .shpSwitch {
  display: none; }

/********Coleoptera***********/
.biocolListas li {
  list-style: none; }

.lbEspecie {
  font-style: italic;
  margin-left: 5px; }

.biocolCheckerboard {
  display: flex;
  flex-wrap: wrap; }

.biocolListas {
  padding: 0;
  column-count: 2; }
  @media only screen and (max-width: 900px) {
    .biocolListas {
      column-count: 3; } }
  @media only screen and (min-width: 900px) {
    .biocolListas {
      column-count: 6; } }

.biocolSuperfamilia {
  font-weight: bold; }

.biocolSubfamilia {
  text-indent: 10px; }

.biocolFamilia {
  text-indent: 20px; }

h1.biocolOrden {
  padding: 5px 0;
  text-indent: 0px;
  color: #8a0868; }

h2.biocolSuborden {
  padding: 5px 0;
  text-indent: 5px;
  color: #5858fa; }

h3.biocolSuperfamilia {
  padding: 5px 0;
  text-indent: 10px;
  color: #8a0808; }

h4.biocolFamilia {
  padding: 5px 0;
  text-indent: 15px;
  color: #298a08; }

h5.biocolSubfamilia {
  padding: 5px 0;
  text-indent: 20px;
  color: #b4045f; }

#biocolOrdenAlfabetico {
  display: none; }

.biocolTabContainer {
  border-bottom: 1px solid #ccc; }

.biocolTab {
  padding: 2px;
  margin: 3px;
  cursor: pointer; }

.biocolTab.active {
  border: 1px solid #ccc;
  margin-bottom: -1px;
  border-bottom-color: transparent;
  background-color: #fff; }

.biocolCheckerboard img {
  max-width: 300px; }

ul#biocolOrdenTaxonomico {
  max-width: 100%; }

/************frases quotes*******/
.component blockquote {
  font-size: 1.1rem;
  margin: 2rem 10.5%;
  font-style: italic;
  padding: 1.2rem;
  border-left: 8px solid #78C0A8;
  line-height: 1.5;
  position: relative;
  background: #EDEDED; }
  .component blockquote p {
    margin: 0; }
  @media only screen and (max-width: 600px) {
    .component blockquote {
      width: 70%;
      margin: 2rem 0px; } }
  .component blockquote span {
    display: block;
    color: #333333;
    font-style: normal;
    font-weight: bold;
    margin-top: 1em; }

/*blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:$quoteBorder;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote::after{
  font-family:Arial;
  content: "\201D";
  color:$quoteBorder;
  font-size:4em;
  position: absolute;
  right: 1.5rem;
  bottom: -2rem;
}*/
/***************Galerias******************/
.dj-slide-title {
  font-size: 1rem; }

.dj-slide-description {
  font-size: 0.8rem;
  line-height: 0.95rem; }

#siteFooter {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#706446+0,706446+30,6a5f45+83 */
  background: #706446;
  /* Old browsers */
  background: -moz-linear-gradient(top, #8c7d59 0%, #7f714d 30%, #6a5f45 83%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #8c7d59 0%, #7f714d 30%, #6a5f45 83%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #8c7d59 0%, #7f714d 30%, #6a5f45 83%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c7d59', endColorstr='#6a5f45',GradientType=0 ); }

.footerText, #footer .innerFooter, #copyright, .contactsFooter {
  color: #cecaca;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif; }
  .footerText a, #footer .innerFooter a, #copyright a, .contactsFooter a {
    text-decoration: underline;
    color: #cecaca; }
  .footerText a:hover, #footer .innerFooter a:hover, #copyright a:hover, .contactsFooter a:hover {
    color: #FDFDFD; }

#barraContacto .innerBarraContacto,
#barraContacto .innerHechoACG {
  max-width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 5px 10px; }
  #barraContacto .innerBarraContacto .fa-phone,
  #barraContacto .innerHechoACG .fa-phone {
    font-size: 18px;
    color: #FFF;
    padding: 3px;
    border: 1.3px solid #fff;
    border-radius: 50%;
    margin: 0 3px; }
  #barraContacto .innerBarraContacto .fa-at,
  #barraContacto .innerHechoACG .fa-at {
    font-size: 18px;
    color: #FFF; }

#hechoACG {
  /* background-color: #706446;*/ }
  #hechoACG .innerHechoACG {
    max-width: 1200px;
    margin: auto; }
    #hechoACG .innerHechoACG p {
      margin: 0;
      padding: 0.5rem;
      text-align: center;
      font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
      color: #FFF;
      font-size: 0.9rem; }

.socialMediaFooter .categorySubtitle {
  position: relative;
  top: -4px; }
.socialMediaFooter .links-redes-sociales {
  display: inline-block; }
.socialMediaFooter ul {
  margin: 0;
  padding: 0; }

#footer .innerFooter {
  max-width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  font-size: 12px; }
  #footer .innerFooter > div {
    width: 40%; }

#copyright {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: lighter;
  font-size: 12px;
  /*background-color: #6A5F45;*/
  text-align: center; }
  #copyright a {
    text-decoration: underline; }
    #copyright a :hover {
      color: #FDFDFD; }
  #copyright ul {
    margin: 0px; }

.contactsFooter {
  display: flex;
  font-size: 12px;
  padding: 5px 0; }
  .contactsFooter div:first-child {
    padding-right: 25px; }

.organization-name {
  font-size: 14px; }

/* fix scrolling issues on iOS */
.wf-iframe-container {
  overflow: scroll !important;
  -webkit-overflow-scrolling: touch !important; }

/* Credits to http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php */
.wf-iframe-container,
.wf-object-container,
.wf-embed-container,
.wf-video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  width: 100%;
  height: 0;
  display: block; }

@media screen and (orientation: portrait) {
  .wf-iframe-container {
    width: 1px;
    min-width: 100%;
    height: 100%;
    padding-bottom: 100%; } }
.wf-iframe-container iframe,
.wf-object-container object,
.wf-embed-container embed,
.wf-video-container video,
.wf-video-container iframe {
  border: 0 none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box; }

.wf-audio-container {
  text-align: center;
  width: 100%;
  height: auto;
  display: block; }

@media screen {
  .printOnly {
    display: none; } }
@media print {
  .hide-from-print, #derecha1, #derecha2, #busqueda, #dj-megamenu340mobileWrap,
  #busquedaM,
  #menu, #sideSocial,
  .wf-video-container, #hechoACG,
  #barraContacto, .pager {
    display: none; }

  #derecha1, #derecha2, #busqueda {
    grid-column: 13/13; }

  .video-container {
    padding: 0; }

  #topWrap {
    background-color: #FFF; }

  #contenido {
    border: none; }

  #contenido {
    grid-column: 1/14; }

  #logo {
    grid-column: 1/13; }
    #logo .titulos-pagina h1.site-name a,
    #logo .titulos-pagina h2.slogan a {
      color: #313233; }

  #titulo {
    display: initial;
    max-height: 960px;
    width: 100%;
    position: initial;
    left: initial;
    right: initial;
    margin-right: 0;
    margin-left: 0;
    background-size: contain;
    margin-bottom: 10px; }

  #titulo {
    -webkit-print-color-adjust: exact;
    color-adjust: exact; }

  #tituloArticuloHero, #resumenArticuloHero {
    color: #373738;
    text-shadow: none; }

  .captionBg, #boxTitleHero {
    max-width: 100%;
    width: 100%;
    color: #313233; }

  #busqueda {
    height: 400px; } }
body {
  overflow-x: hidden; }

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