@charset "UTF-8";
/* @include d-flex(center, center); */
.verde1 {
  color: #176732;
}

.verde2 {
  color: #b8cd30;
}

.verde3 {
  color: #7fb536;
}

.bg-verde1 {
  background-color: #176732;
}

.bg-verde2 {
  background-color: #b8cd30;
}

.bg-verde3 {
  background-color: #7fb536;
}

.bg-darkbottom {
  background: rgba(0, 0, 0, 0.5);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 80%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(80%, black));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 80%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 80%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 80%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 80%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000", GradientType=0 );
}

.bg-darkbottom-50 {
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, black 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, black));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, black 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 50%, black 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000", GradientType=0 );
}

/*
 * Bootstrap
*/
.carousel figure {
  margin: 0;
}

.carousel-control-next, .carousel-control-prev {
  min-width: 48px;
  width: 10%;
}
.carousel-control-next .carousel-control-next-icon, .carousel-control-next .carousel-control-prev-icon, .carousel-control-prev .carousel-control-next-icon, .carousel-control-prev .carousel-control-prev-icon {
  background-image: none;
  font-size: 22px;
  height: 48px;
  line-height: 48px;
  width: 48px;
  text-align: center;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
}
.carousel-control-next .carousel-control-next-icon:before, .carousel-control-next .carousel-control-prev-icon:before, .carousel-control-prev .carousel-control-next-icon:before, .carousel-control-prev .carousel-control-prev-icon:before {
  content: "";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.carousel-control-next .carousel-control-prev-icon:before, .carousel-control-prev .carousel-control-prev-icon:before {
  content: "";
}
.carousel-control-next .carousel-control-next:focus, .carousel-control-next .carousel-control-next:hover, .carousel-control-next .carousel-control-prev:focus, .carousel-control-next .carousel-control-prev:hover, .carousel-control-prev .carousel-control-next:focus, .carousel-control-prev .carousel-control-next:hover, .carousel-control-prev .carousel-control-prev:focus, .carousel-control-prev .carousel-control-prev:hover {
  opacity: 1;
}

html, body {
  background: #eee;
  color: #333;
  font-family: "Open Sans", system, sans-serif;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.75rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1rem;
}

a, a:active, a:hover {
  color: #7fb536;
}
a.ul, a:active.ul, a:hover.ul {
  text-decoration: underline;
}

b, strong, .bold {
  font-weight: bold;
}

img {
  max-width: 100%;
  height: auto;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

section {
  margin-top: 15px;
  margin-bottom: 15px;
}
section .sec-title {
  font-weight: bold;
  margin: 30px 0 15px;
  width: 100%;
  flex-basis: 100%;
}

figure {
  margin: 0;
}

.fs-10 {
  font-size: 0.625rem !important;
}

.fs-12 {
  font-size: 0.75rem !important;
}

.fs-14 {
  font-size: 0.875rem !important;
}

.fs-16 {
  font-size: 1rem !important;
}

.fs-18 {
  font-size: 1.125rem !important;
}

.fs-20 {
  font-size: 1.25rem !important;
}

.fs-22 {
  font-size: 1.375rem !important;
}

.fs-24 {
  font-size: 1.5rem !important;
}

.fs-26 {
  font-size: 1.625rem !important;
}

.fs-28 {
  font-size: 1.75rem !important;
}

.fs-30 {
  font-size: 1.875rem !important;
}

.fs-32 {
  font-size: 2rem !important;
}

.ff-narrow {
  font-family: "Oswald", "Arial Narrow", "ArialNarrow", sans-serif;
}

.tt-upcs {
  text-transform: uppercase;
}

.t-nowrap {
  white-space: nowrap;
}

.light-dark {
  -moz-osx-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
}

.dark-light {
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.transition {
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.sq {
  display: inline-block;
  height: 1em;
  width: 1em;
}

.img-circle {
  border-radius: 100%;
  height: 0;
  padding-bottom: 100%;
}

.imgLiquid, .img-liquid {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  /* img-liquid-done */
}
.imgLiquid.bg-top, .img-liquid.bg-top {
  background-position-y: top;
}
.imgLiquid.bg-bottom, .img-liquid.bg-bottom {
  background-position-y: bottom;
}
.imgLiquid.bg-left, .img-liquid.bg-left {
  background-position-x: left;
}
.imgLiquid.bg-right, .img-liquid.bg-right {
  background-position-x: right;
}
.imgLiquid.pb, .imgLiquid.pt, .img-liquid.pb, .img-liquid.pt {
  height: 0;
}
.imgLiquid.pb-100, .imgLiquid.pt-100, .imgLiquid.ratio1x1, .img-liquid.pb-100, .img-liquid.pt-100, .img-liquid.ratio1x1 {
  height: 0;
  padding-bottom: 100%;
}
.imgLiquid.ratio2x1, .img-liquid.ratio2x1 {
  height: 0;
  padding-bottom: 50%;
}
.imgLiquid.ratio4x3, .img-liquid.ratio4x3 {
  height: 0;
  padding-bottom: 75%;
}
.imgLiquid.ratio16x9, .img-liquid.ratio16x9 {
  height: 0;
  padding-bottom: 56.25%;
}
.imgLiquid.img-liquid-done img, .img-liquid.img-liquid-done img {
  visibility: hidden;
  width: 100%;
  height: auto;
}

/* img-liquid */
@media all and (min-width: 768px) {
  .imgLiquid.pb-md-100, .imgLiquid.pt-md-100, .imgLiquid.md-ratio1x1, .img-liquid.pb-md-100, .img-liquid.pt-md-100, .img-liquid.md-ratio1x1, .video-container.pb-md-100, .video-container.pt-md-100, .video-container.md-ratio1x1 {
    height: 0;
    padding-bottom: 100%;
  }
  .imgLiquid.md-ratio2x1, .img-liquid.md-ratio2x1, .video-container.md-ratio2x1 {
    height: 0;
    padding-bottom: 50%;
  }
  .imgLiquid.md-ratio4x3, .img-liquid.md-ratio4x3, .video-container.md-ratio4x3 {
    height: 0;
    padding-bottom: 75%;
  }
  .imgLiquid.md-ratio16x9, .img-liquid.md-ratio16x9, .video-container.md-ratio16x9 {
    height: 0;
    padding-bottom: 56.25%;
  }
}
@media all and (min-width: 992px) {
  .imgLiquid.pb-lg-100, .imgLiquid.pt-lg-100, .imgLiquid.lg-ratio1x1, .img-liquid.pb-lg-100, .img-liquid.pt-lg-100, .img-liquid.lg-ratio1x1, .video-container.pb-lg-100, .video-container.pt-lg-100, .video-container.lg-ratio1x1 {
    height: 0;
    padding-bottom: 100%;
  }
  .imgLiquid.lg-ratio2x1, .img-liquid.lg-ratio2x1, .video-container.lg-ratio2x1 {
    height: 0;
    padding-bottom: 50%;
  }
  .imgLiquid.lg-ratio4x3, .img-liquid.lg-ratio4x3, .video-container.lg-ratio4x3 {
    height: 0;
    padding-bottom: 75%;
  }
  .imgLiquid.lg-ratio16x9, .img-liquid.lg-ratio16x9, .video-container.lg-ratio16x9 {
    height: 0;
    padding-bottom: 56.25%;
  }
}
@media all and (min-width: 1200px) {
  .imgLiquid.pb-xl-100, .imgLiquid.pt-xl-100, .imgLiquid.xl-ratio1x1, .img-liquid.pb-xl-100, .img-liquid.pt-xl-100, .img-liquid.xl-ratio1x1, .video-container.pb-xl-100, .video-container.pt-xl-100, .video-container.xl-ratio1x1 {
    height: 0;
    padding-bottom: 100%;
  }
  .imgLiquid.xl-ratio2x1, .img-liquid.xl-ratio2x1, .video-container.xl-ratio2x1 {
    height: 0;
    padding-bottom: 50%;
  }
  .imgLiquid.xl-ratio4x3, .img-liquid.xl-ratio4x3, .video-container.xl-ratio4x3 {
    height: 0;
    padding-bottom: 75%;
  }
  .imgLiquid.xl-ratio16x9, .img-liquid.xl-ratio16x9, .video-container.xl-ratio16x9 {
    height: 0;
    padding-bottom: 56.25%;
  }
}
/* END Globals */
#MainHeader {
  border-bottom: 2px solid #7fb536;
  height: 64px;
  position: relative;
  z-index: 1030;
}
#MainHeader a {
  display: block;
  line-height: 48px;
  min-height: 48px;
  min-width: 48px;
  white-space: nowrap;
}
#MainHeader button {
  background: none;
  border: none;
  color: #176732;
  font-size: 24px;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  height: 48px;
  width: 48px;
}
#MainHeader .header-container {
  background-color: white;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#MainHeader .brand {
  display: flex;
  align-items: center;
}
#MainHeader .brand .brand-name, #MainHeader .brand .tagline {
  display: none;
}
#MainHeader .logo {
  height: 64px;
}
#MainHeader .logo img {
  height: 100%;
  width: auto;
}
#MainHeader .brand-name {
  font-size: 2rem;
  margin: 0;
}
#MainHeader #frmMainSearch {
  border: 1px solid #b8cd30;
  display: flex;
  margin: 0 10px;
}
#MainHeader #frmMainSearch input {
  border: none;
  background: none;
  height: auto;
}
#MainHeader .header-menu-wrapper {
  background: white;
  height: 0;
  overflow: hidden;
  width: 100%;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1030;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#MainHeader .header-menu {
  padding: 15px;
}
#MainHeader .brand-mobile .brand-name {
  display: block;
  font-size: 1.5rem;
}
#MainHeader .brand-mobile .tagline {
  margin: 0;
}

/* MainHeader */
.main-container {
  padding-top: 1px;
  padding-bottom: 1px;
}

#LoginModal .logo {
  text-align: center;
}
#LoginModal .logo img {
  height: 220px;
  width: auto;
}

.photos-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
  /* /item */
}
.photos-list .item {
  padding: 3px;
  width: 50%;
}
.photos-list .item .img-liquid {
  height: 0;
  padding-bottom: 75%;
}
.photos-list .item .backdrop {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.photos-list .item .item-desc {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  text-shadow: 0 0 3px black;
  padding: 10px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.photos-list .item .photo-date {
  font-size: 0.625rem;
}
.photos-list .item .photo-title {
  font-size: 0.75rem;
}
.photos-list .item .photos-num {
  background: rgba(0, 0, 0, 0.25);
  color: white;
  font-size: 0.75rem;
  padding: 5px;
  position: absolute;
  top: 0;
  right: 0;
}
.photos-list .item .photos-num i {
  font-size: 16px;
}
.photos-list .item.portrait .img-liquid {
  padding-bottom: 133.33%;
}
.photos-list .item.photos-list-row-xs-p1-l1 {
  width: 63.5%;
}
.photos-list .item.photos-list-row-xs-p1-l1.portrait {
  width: 36.5%;
}

/* /photos-list */
.tag-link {
  display: inline-block;
  line-height: 48px;
  min-width: 48px;
  padding: 0 0.25rem;
  text-align: center;
  text-decoration: underline;
}

.actions {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.actions a, .actions button {
  background-color: #7fb536;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  min-width: 48px;
  margin-left: 5px;
  padding: 0 10px;
  text-align: center;
}
.actions a:first-child, .actions button:first-child {
  margin-left: 0;
}
.actions a i, .actions button i {
  font-size: 24px;
}
.photos-list .item .actions {
  height: 0;
  margin: 0;
  overflow: hidden;
  transition: height 0.5s ease;
}
.photos-list .item .actions.show {
  height: 48px;
}
.photos-list .item .actions a {
  background-color: transparent;
  margin: 0;
  margin-left: 0;
}

.news-list .item {
  margin-bottom: 2rem;
}

.article-photo {
  display: block;
}

.pagination-nav {
  display: flex;
  align-items: center;
  margin: 15px 0;
}
.pagination-nav .pagination {
  margin-left: 10px;
}

.page-item {
  display: none;
}
.page-item.pag-prev, .page-item.pag-next, .page-item.active {
  display: block;
}
.page-item .page-link {
  color: #7fb536;
}
.page-item.active .page-link {
  background-color: #7fb536;
  border-color: #7fb536;
}

.tab-content {
  background: white;
  padding: 1px 0;
}

footer {
  background-color: gray;
  color: white;
  padding: 1em;
  text-align: center;
}
footer a {
  color: white;
}

@media screen and (min-width: 768px) {
  .fs-md-10 {
    font-size: 0.625rem !important;
  }

  .fs-md-12 {
    font-size: 0.75rem !important;
  }

  .fs-md-14 {
    font-size: 0.875rem !important;
  }

  .fs-md-16 {
    font-size: 1rem !important;
  }

  .fs-md-18 {
    font-size: 1.125rem !important;
  }

  .fs-md-20 {
    font-size: 1.25rem !important;
  }

  .fs-md-22 {
    font-size: 1.375rem !important;
  }

  .fs-md-24 {
    font-size: 1.5rem !important;
  }

  .fs-md-26 {
    font-size: 1.625rem !important;
  }

  .fs-md-28 {
    font-size: 1.75rem !important;
  }

  .fs-md-30 {
    font-size: 1.875rem !important;
  }

  .fs-md-32 {
    font-size: 2rem !important;
  }

  #LoginModal .modal-dialog {
    max-width: 700px;
  }
  #LoginModal .logo img {
    height: auto;
    width: 100%;
  }

  #MainHeader .brand .brand-name {
    display: block;
  }
  #MainHeader #frmMainSearch {
    width: 50%;
  }
  #MainHeader .brand-mobile .brand-name {
    display: none;
  }
  #MainHeader .brand-mobile .tagline {
    display: block;
  }
  #MainHeader .header-menu-wrapper {
    width: 370px;
  }

  .photos-list .item {
    padding: 5px;
    width: 50%;
  }
  .photos-list .item .photo-date {
    font-size: 0.75rem;
  }
  .photos-list .item .photo-title {
    font-size: 0.875rem;
  }
  .photos-list .item.portrait {
    width: 33.33%;
  }
  .photos-list .item.photos-list-row-md-p1-l1 {
    width: 64%;
  }
  .photos-list .item.photos-list-row-md-p1-l1.portrait {
    width: 36%;
  }
  .photos-list .item.photos-list-row-md-p2-l0.portrait {
    width: 50%;
  }

  .page-item {
    display: block;
  }

  .article-photo {
    float: left;
    margin: 0 20px 20px 0;
  }
}
@media screen and (min-width: 992px) {
  .fs-lg-10 {
    font-size: 0.625rem !important;
  }

  .fs-lg-12 {
    font-size: 0.75rem !important;
  }

  .fs-lg-14 {
    font-size: 0.875rem !important;
  }

  .fs-lg-16 {
    font-size: 1rem !important;
  }

  .fs-lg-18 {
    font-size: 1.125rem !important;
  }

  .fs-lg-20 {
    font-size: 1.25rem !important;
  }

  .fs-lg-22 {
    font-size: 1.375rem !important;
  }

  .fs-lg-24 {
    font-size: 1.5rem !important;
  }

  .fs-lg-26 {
    font-size: 1.625rem !important;
  }

  .fs-lg-28 {
    font-size: 1.75rem !important;
  }

  .fs-lg-30 {
    font-size: 1.875rem !important;
  }

  .fs-lg-32 {
    font-size: 2rem !important;
  }

  #MainHeader {
    height: auto;
  }
  #MainHeader .header-container {
    flex-wrap: wrap;
    padding: 15px 15px 0;
  }
  #MainHeader .logo {
    height: 128px;
    margin-right: 15px;
  }
  #MainHeader .brand {
    width: 50%;
  }
  #MainHeader .brand .brand-name {
    display: block;
  }
  #MainHeader .brand .tagline {
    display: block;
  }
  #MainHeader #frmMainSearch {
    margin: 0;
    width: 40%;
  }
  #MainHeader #MainMenuToggler {
    display: none;
  }
  #MainHeader .header-menu-cont {
    width: 100%;
  }
  #MainHeader .header-menu-wrapper {
    height: auto;
    position: initial;
    width: 100%;
  }
  #MainHeader .header-menu {
    padding: 0;
  }
  #MainHeader .brand-mobile {
    display: none;
  }
  #MainHeader #MainMenu .menu {
    display: flex;
    justify-content: space-around;
  }
  #MainHeader #MainMenu .menu .menu-item {
    border-bottom: 2px solid transparent;
  }
  #MainHeader #MainMenu .menu .menu-item:hover {
    border-bottom: 2px solid #7fb536;
  }
  #MainHeader #MainMenu .menu a {
    padding: 0 10px;
  }
  #MainHeader #MainMenu .menu a:hover, #MainHeader #MainMenu .menu a:active {
    text-decoration: none;
  }

  /* MainHeader */
  .photos-list .item {
    width: 33.33%;
    /* 21.96% 39% 39% */
    /* 47% 26.5% 26.5% */
  }
  .photos-list .item.portrait {
    width: 25%;
  }
  .photos-list .item.photos-list-row-lg-p1-l2 {
    width: 38.85%;
  }
  .photos-list .item.photos-list-row-lg-p1-l2.portrait {
    width: 22.3%;
  }
  .photos-list .item.photos-list-row-lg-p2-l1 {
    width: 46.7%;
  }
  .photos-list .item.photos-list-row-lg-p2-l1.portrait {
    width: 26.65%;
  }
  .photos-list .item.photos-list-row-lg-p3-l0.portrait {
    width: 33.33%;
  }
  .photos-list .item.photos-list-row-lg-p0-l2 {
    width: 50%;
  }

  .photo-figure {
    flex-grow: 0;
    flex-shrink: 0;
    width: 400px;
  }

  .photo-right {
    flex-grow: 1;
    flex-shrink: 1;
    margin-left: 20px;
  }

  .tag-link {
    line-height: 32px;
  }

  .actions a, .actions button {
    line-height: 30px;
  }
  .photos-list .item .actions {
    height: auto;
  }
  .photos-list .item .actions.show {
    height: auto;
  }

  .has-sidebar, .d-flex {
    display: flex;
    align-items: initial;
    justify-content: space-between;
  }
  .has-sidebar .content-col, .d-flex .content-col {
    flex-grow: 1;
    order: 0;
  }
  .has-sidebar .sidebar, .d-flex .sidebar {
    flex-basis: 300px;
    flex-grow: 0;
    flex-shrink: 0;
    order: 1;
    margin-left: 20px;
    width: 300px;
  }
  .has-sidebar.sidebar-left .content-col, .d-flex.sidebar-left .content-col {
    order: 1;
  }
  .has-sidebar.sidebar-left .sidebar, .d-flex.sidebar-left .sidebar {
    order: 0;
    margin-right: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .fs-xl-10 {
    font-size: 0.625rem !important;
  }

  .fs-xl-12 {
    font-size: 0.75rem !important;
  }

  .fs-xl-14 {
    font-size: 0.875rem !important;
  }

  .fs-xl-16 {
    font-size: 1rem !important;
  }

  .fs-xl-18 {
    font-size: 1.125rem !important;
  }

  .fs-xl-20 {
    font-size: 1.25rem !important;
  }

  .fs-xl-22 {
    font-size: 1.375rem !important;
  }

  .fs-xl-24 {
    font-size: 1.5rem !important;
  }

  .fs-xl-26 {
    font-size: 1.625rem !important;
  }

  .fs-xl-28 {
    font-size: 1.75rem !important;
  }

  .fs-xl-30 {
    font-size: 1.875rem !important;
  }

  .fs-xl-32 {
    font-size: 2rem !important;
  }

  #MainHeader {
    background: white;
  }
  #MainHeader .header-container {
    box-shadow: none;
    margin: 0 auto;
    max-width: 1200px;
    padding: 15px 0 0;
  }

  .photos-list .item .actions a {
    height: 32px;
  }
  .photos-list .item .actions a i {
    font-size: 22px;
  }
}

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