html {
  font-size: 10px;
  font-size: calc(10px + 0.5vmax);
  background-color: #002e41; }

* {
  font-family: 'Open Sans', sans-serif; }

.coop {
  margin: 10px 5px 0 15px;
  border-top-color: #a60b55;
  border-right-color: #76cd9c;
  border-left-color: #e8ae1a; }

.slidesjs-navigation {
  position: absolute;
  /*margin-top: -1rem;*/
  /*top: 20px;*/
  z-index: 310;
  color: #54b948;
  text-decoration: none !important;
  right: 1rem;
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
  font-weight: 400;
  font-size: 1.8rem !important;
  line-height: normal;
  bottom: -3.1rem;
  outline: none; }

.slidesjs-navigation:hover {
  /*color: #50b748 !important;*/
  color: white;
  /*color: rgba(0, 0, 0, 0.6) !important;*/
  /*text-shadow:-0.04rem -0.04rem 0 white,   0.04rem -0.04rem 0 white,    -0.04rem 0.04rem 0 white,     0.04rem 0.04rem 0 white;*/
  /*-webkit-text-stroke: 1px white;*/ }

.slidesjs-previous {
  /*margin-left: 5px;*/
  float: left;
  right: 3.2rem; }

.slidesjs-next {
  /*margin-left: 20px;*/
  float: left; }

.slidesjs-pagination {
  margin: 6px 0 0;
  /*float: right;*/
  list-style: none;
  position: absolute;
  /*margin-top: -30px;*/
  right: 50%;
  z-index: 200;
  bottom: 20px;
  display: none; }

.slidesjs-pagination li {
  float: left;
  margin: 0 1px; }

.slidesjs-pagination li a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  background-position: 0 0;
  background-image: url(../img/pagination.png);
  float: left;
  overflow: hidden; }

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background-position: 0 -13px; }

.slidesjs-pagination li a:hover {
  background-position: 0 -26px; }

#slides a:link,
#slides a:visited {
  color: #333; }

#slides a:hover,
#slides a:active {
  color: #9e2020; }

.container.slidess {
  padding: 0 !important;
  margin: 0 !important;
  /*min-width: 100%;*/
  /*max-width: 33.3333333%;*/
  /*overflow: hidden*/
  /*filter: grayscale(100%)*/
  /*max-height: 100% !important;*/ }

.container.slidess .fdiv::after {
  position: absolute;
  /*background-color: #091418;*/
  background-color: #002e41;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: '';
  /*mix-blend-mode: color;*/
  opacity: 0.8;
  transition: 0.3s;
  z-index: 100; }

.slideTextHover {
  position: absolute;
  z-index: 300;
  height: 0;
  max-height: 0;
  min-width: 100%;
  color: white;
  background-color: rgba(84, 185, 72, 0.3);
  /*background-color: rgba(24,52,61,0.00);*/
  overflow: hidden !important;
  /*bottom: 0;*/
  padding: 0 0.8rem;
  opacity: 0;
  /*bottom: 20px;*/
  transition: 0.3s; }

h1 {
  font-size: 2rem;
  line-height: 1.2;
  margin: 0;
  margin-bottom: 0.5rem;
  font-weight: 600 !important;
  font-family: 'Encode Sans Condensed', sans-serif;
  /*border-bottom: 1px dotted white;*/
  color: #54b948; }

h2 {
  font-size: 1rem;
  line-height: 1.3;
  margin: 0 !important;
  font-weight: 100;
  font-family: 'Encode Sans Condensed', sans-serif;
  border-left: solid 2px #54b948;
  margin-left: 0.5rem !important;
  max-width: 80%;
  color: #eeeeee;
  padding-top: 0.1rem;
  padding-bottom: 0.2rem;
  padding-left: 0.3rem; }

p {
  font-size: 0.8rem;
  line-height: 1.2;
  margin: 0;
  margin-top: 1rem;
  font-weight: 300;
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  vertical-align: middle;
  color: #ccc; }

.det-icon {
  padding: 0rem;
  /*background-color: #ccc;*/
  /*color: rgba(0,46,65,1);*/
  color: #ccc;
  /*border: solid 1px #ccc;*/
  font-size: 1rem;
  border-radius: 50%;
  margin-left: 0.8rem;
  margin-right: 0.25rem; }
  .det-icon.det-link {
    color: #54b948;
    font-size: 1rem;
    margin-left: 0 !important; }
    .det-icon.det-link:hover {
      color: white; }

.slidess {
  /*   overflow: hidden;*/ }

/*
.fdiv {
    height: 100%;
    transition: 0.2;
}

.container.slidess:hover .fdiv{
    box-shadow: 2px 2px 10px black;
    z-index: 3000;
    overflow: visible;
    height: calc(100% + 8rem);
    width: 100%;




}
*/
.container.slidess:hover .slideTextHover {
  height: auto;
  transition: 0.3s;
  max-height: 80%;
  padding: 0.5rem 0.8rem 0.9rem 0.8rem;
  /*background-color: rgba(24,52,61,0.8);*/
  border-bottom: 2px solid #54b948;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  /*opacity: 0.1;*/
  /*padding: 10px;*/ }

.slideTextHover.hover {
  opacity: 1 !important;
  background-color: rgba(0, 46, 65, 0.75);
  /*border-top: dotted white 1px;*/
  /*margin-top: 1px;*/
  display: block; }

/*.slideTextHover p,
.slideTextHover h1,
.slideTextHover h2 {
   opacity: 0;
   transition: opacity 0.3s, transform 0.5s ;
   transform: translateX(-20px);
   padding: 0.5rem;
}

.slideTextHover h1 {
   width: 101%;

   overflow: hidden;
   background-color: white;
   color: rgba(84,185,72,1);
   transform: translateX(100%);
}

.container.slidess:hover .slideTextHover h1 {


   transition-delay: 0.3s;
   transform: translate(0px, 0px);
   opacity: 1;
   transform: translateX(0);
}

 .container.slidess:hover .slideTextHover h2 {

   transition-delay: 0.6s;
   transform: translate(0px, 0px);
   opacity: 1;
}

  .container.slidess:hover .slideTextHover p {

   transition-delay: 0.9s;
   transform: translate(0px, 0px);
   opacity: 1;
}*/
.container.slidess:hover .slidesjs-navigation {
  /*margin-top: 0.7rem;*/
  opacity: 0.7;
  pointer-events: auto; }

.container.slidess:hover .slidesjs-navigation:hover {
  /*margin-top: 0.7rem;*/
  opacity: 1; }

.container.slidess:hover .fdiv::after {
  opacity: 0;
  pointer-events: none; }

.container.slidess img {
  min-width: 33vw !important;
  min-height: 100% !important;
  width: 100% !important;
  height: auto !important; }

.slidesss {
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important; }

.no-gutters .container {
  padding: 0.5px 0.5px 0.5px 0.5px !important;
  background-color: #18343d; }

.slidesjs-container {
  /* max-height: 33.3vh;*/ }

@media (max-width: 640px) {
  .no-gutters .container {
    padding: 0 !important;
    padding-top: 1px !important;
    background-color: #18343d; } }

/*# sourceMappingURL=styles.css.map */
