#main__info {
  position: relative;
  color: #231c19;
}

.text-justify {
  text-align: justify;
}

#main__info .main-feature-image img, #main__about img {
  border-radius: 8px;
}

#main__info .main__info--background {
  background: rgba(255, 255, 255, .9);
}

#main__info .text-desc {
  color: rgba(0, 0, 0, 0.8);
}

#main__buttons .card-img-wrap {
  position: relative;
}

#main__buttons .card-img-wrap::before {
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 0;
}

#main__buttons .card-pokoje .card-img-wrap::before {
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  z-index: 0;
}

#main__about .main__about--decoration {
  position: relative;
  background-image: url('images/decoration.svg');
  background-position: center bottom;
  height: 32px;
}

#main__about .text-desc {
  color: rgba(0,0,0,.7);
}

#main__about .info-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75px;
  height: 75px;
  padding: .5rem;
  border-radius: 50%;
  background: #fff;
  background-image: url('images/border.svg');
}

#main__about .info-item--icon {
  padding: .9rem;
  border-radius: 50%;
  border: 1px solid #e02424;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

#main__about .info-item--icon img {
  /*filter: brightness(0) saturate(100%) invert(8%) sepia(7%) saturate(2737%) hue-rotate(338deg) brightness(94%) contrast(86%);*/
  /*filter: brightness(0) saturate(100%) invert(46%) sepia(65%) saturate(5487%) hue-rotate(107deg) brightness(101%) contrast(65%);*/
  /*filter: brightness(0) saturate(100%) invert(26%) sepia(59%) saturate(1400%) hue-rotate(194deg) brightness(96%) contrast(88%);*/
  filter: brightness(0) saturate(100%) invert(21%) sepia(85%) saturate(4187%) hue-rotate(350deg) brightness(90%) contrast(94%);
}

.image-decoration {
  position: relative;
}

.image-decoration::before {
  background-image: url('images/ornament-circle-4.svg');
  z-index: -1;
  background-repeat: no-repeat;
  position: absolute;
  width:5rem;
  height: 100%;
  right: -36px;
  top: -38px;
  content: '';
}

.image-decoration.image-decoration-1::before {
  background-image: url('images/ornament-circle-1.svg');
  z-index: -1;
  opacity: 1;
}

.image-decoration.image-decoration-2::before {
  background-image: url('images/ornament-circle-2.svg');
  z-index: -1;
  opacity: 1;
}

.image-decoration.image-decoration-3::before {
  background-image: url('images/ornament-circle-3.svg');
  z-index: -1;
  opacity: 1;
}

.image-decoration.back-left::before {
  left: -36px;
}

.image-decoration.back-right::before {
  right: -36px;
}

#footer__main {
  /* background-color: #634d37; */
  background-color: #e02424;
}

#footer__copyright {
  /*background-color: #53402e;*/
  background-color: #b1221b;
  color: #ebebeb;
  font-size: .8rem;
}

#footer__copyright a {
  text-decoration: none;
  color: #d3d3d3;
}

footer ul {
  list-style-type: none;
  padding-left: 0;
}

footer ul li:not(:first-child) {
  margin-top: 12px;
}

#footer__main, #footer__main a {
  font-size: 1.05rem;
  color: #eaeaea;
  text-decoration: none;
  transition: .2s ease-in-out;
}

#footer__main a:hover {
  color: #fff;
  transition: .2s ease-in-out;
}

.page-title {
  min-height: 250px;
}

.container-fluid-image {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  height: 250px;
  width: 100%;
}

.container-fluid-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 20;
}

.container-fluid-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  animation: pulse 20s linear infinite;
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.page-title .container {
  position: absolute;
  display: flex;
  color: #fff;
  justify-content: start;
  flex-direction: column;
  align-items: start;
  left: 0;
  right: 0;
  bottom: 55px;
  z-index: 50;
}

.page-content a {
  color: #e02424;
  text-decoration: none;
}

.page-gallery .image-item {
  cursor: pointer;
  position: relative;
  height: 250px;
  width: 100%;
}

.page-gallery .image-item::before {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  transition: .2s ease-in-out;
}

.page-gallery .image-item:hover::before {
  transition: .2s ease-in-out;
  background-color: rgba(0, 0, 0, 0.5);
}

.page-gallery .image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.page-gallery .image-item .image-item-title {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 5rem;
  opacity: 0;
  transition: .2s ease-in-out;
  z-index: 5;
}

.page-gallery .image-item:hover .image-item-title {
  opacity: 1;
  transition: .2s ease-in-out;
}

.page-gallery .nav-link.active {
  background-color: #e02424!important;
  border-color: #e02424!important;
}

.page-gallery .nav-link {
  padding: .5rem 1.5rem;
  color: #898989;
}

.page-template-template-menu, .page-template-template-menu-2, .page-template-template-menu-okolicznosciowe {
  background-color: #f9f6f5;
}

.btn-action {
  background-color: #e02424!important;
  border-color: #e02424!important;
  color: #fff!important;
  transition: .2s ease-in-out;
}

.btn-action:hover {
  background-color: #c11e1e!important;
  border-color: #c11e1e!important;
  color: #fff!important;
  transition: .2s ease-in-out;
}

.fixed-hat {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 60;
  -webkit-animation: ring-anim 3s infinite ease-in-out;
  -moz-animation: ring-anim 3s infinite ease-in-out;
  -ms-animation: ring-anim 3s infinite ease-in-out;
  -o-animation: ring-anim 3s infinite ease-in-out;
  animation: ring-anim 3s infinite ease-in-out;
  cursor: pointer;
}

@keyframes ring-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

.fixed-goral {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 61;
  transform: translateX(300px);
}

.text-action {
  color: #e02424;
}

.footer-img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.footer-img::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 38%);
  content: '';
}