/*CHANGEME*/
      @font-face { font-family: TexGyreA; src: url('../../res/texgyreadventor-regular.otf'); }
      @font-face { font-family: UniSans; src: url('../../res/unisans.otf'); } 
      @font-face { font-family: Minecraft; src: url('../../res/minecraft.ttf'); } 
/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
* {
}
.navbar {
     transition: all 0.4s ease, backdrop-filter 1ms;

}
.navbar > * {
   font-weight: 900;
}

.navbar .nav-link {
    color: #fff;
    z-index: 999;
}

.navbar .nav-link:hover,
 {
    color: #fff;
    text-decoration: none;
}
.navbar .nav-link:focus {
   color: #4f4f4f;
}

.navbar .navbar-brand {
   padding: 2px;
    color: #fff;
}


/* Change navbar styling on scroll */
.navbar.active {
   background: rgba(255, 255, 255, 0.65);
   backdrop-filter: blur(40px);
   box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar.active .nav-link {
    color: #555;
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
    color: #555;
    text-decoration: none;
}

.navbar.active .navbar-brand {
    color: #555;
}


/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {
  .navbar {
        background: #fff;
    }

    .navbar .navbar-brand, .navbar .nav-link {
        color: #555;
    }
}



 @-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-ripple-in:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  border-radius: 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in;
}

.white {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.white:before {
  content: '';
  position: absolute;
  border: rgba(0, 0, 0, 0.32) solid 4px;
  border-radius: 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.white:hover:before, .white:focus:before, .white:active:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in;
}

.smok {
transition: transform .2s ease-out, filter .3s ease-out;
}

.smok:hover {
transform: scale(1.2);
filter: brightness(1.4);
}
 
.tutaj {
    text-decoration: none;
  transition: color .2s ease-out;
  } 
  .smok-txt:hover > a {
  color: white;
}
  .smok-txt {
transition: transform .2s ease-out, filter .3s ease-out;
  }
.smok-txt:hover {
transform: scale(1.2);
filter: brightness(1.4);
}  

@media (min-width: 991.98px) {
.nav-item, .navbar-brand {
height: 100%;
text-shadow: 0px 0px 7px #000;
    }
}

.navbar.active * {
text-shadow: 0px 0px 0px #fff;
}
@media (min-width: 991.98px) {
    .nav-item:hover {
background: rgba(255, 255, 255, 0.47);
border-radius: 7px;
    }
}
@media (min-width: 991.98px) {
    .nav-item:focus {
background: rgba(0, 0, 0, 1);
border-radius: 0px;
    }
}


@media (min-width: 991.98px) {
    .navbar-brand:active {
      transition: transform .2s ease-out;
      transform: rotate(360deg) scale(1.2);
      filter: brightness(1.4);
    }
}
@media (min-width: 991.98px) {
.nav-item.white:hover {
background: rgba(0, 0, 0, 0.17) !important;
border-radius: 7px;
}
}
.pulse{
  animation: shrink 1s infinite;
}
@keyframes shrink {
  0% {
    transform: scale(1)
  }
  75% {
    transform: scale(1.3)
  }
  100% {
    transform: scale(1)
  }
}
.p-5.text-center.bg-image {
background-position: center center;
animation-name: scale-in;
animation-duration: .4s;
}
html {
    scroll-behavior: smooth;
}

:target:before {
    content: "";
    display: block;
    height: 142px;
    margin: -142px 0 0;
}

    
}
@keyframes scale-in {
  0% {
    background-size: 0%;
  }
  100% {
    background-size: 100%;
  }
}
footer {
background-color: #4f4f4f !important;
}
.text-muted{
   margin-top: 0;
    margin-bottom: 1rem;
color: #fff !important;
}
.zdjecie > img {
    width: 130% !important;
}
.copy-success {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    display: inline-block;
    transition: visibility 0s linear 0s, opacity 250ms;
    color: white;
}
  
  p {
  margin-bottom: 0;
  }



.head {                        
  padding: 40px;
}
                             
.head-txt {
  font-weight: bold;
  background: #ffb800;
  background: -webkit-linear-gradient(to bottom, #ffb800 0%, #ff6915 100%);
  background: -moz-linear-gradient(to bottom, #ffb800 0%, #ff6915 100%);
  background: linear-gradient(to bottom, #ffb800 0%, #ff6915 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: UniSans;
  text-align: center;
  font-size: 2rem;
}
  .hc {
    font-family: UniSans;
  }
  
  .hc-gold {
    font-family: UniSans;
    color: #ffb800;
    -webkit-text-stroke: 1.5px #512200;
  }
  
.zdjecie-galeria {
    background: rgba(51,153,204,1);
    height: 25vh;
    padding: 25px;
    border-radius: 25px;
    border: 5px solid white;
}

.bany {
  color: #fff;
  padding: 20px;
  text-align: center;
  background-color: rgba(215, 0, 0, 0.3);
  font-size: 30px;
  filter: drop-shadow(0px 0px 5px #333);
  box-shadow: 0 9px 20px -2px #000;
}

.cover {
background: #4f4f4f;
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
transition: .15s opacity;
font-size: 20px;
padding: 15px;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
}

.cover:hover {
opacity: 1;
}
.card.pomocnik, .card.moderator, .card.vice, .card.administrator, .card.wlasciciel, .card.budowniczy {
    cursor: pointer;
    display: block;
}

#morereg {display: none;}
#more {display: none;}
#myBtn {cursor: pointer; color: aqua;}

h1 {
                             margin-bottom: 0;
                             }
         
         .circle {
         display: inline-block;
    background: lime;
    width: 0.8rem;
    height: 0.8rem;
    BORDER-RADIUS: 100%;
         }
         
.button {
    background: url('../../res/button.png');
    background-repeat: no-repeat;
    image-rendering: pixelated;
    background-size: 100% 100%;
    color: white;
    font-family: Minecraft;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

                             .media > a {
                             color: white;
                             text-decoration: none;
                             transition: transform .2s ease-out;
                             }
                             
                             .media > a:hover {
                             color: white;
                             text-decoration: none;
                             transform: scale(1.2);
                             }
                             
                             .media {
                             display: flex;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
    font-size: 3rem;
                             }
                             
.mc-s {
    font-family: Minecraft;
    text-shadow: 1.5px 1.5px 1px black;
}

.copy {
    background: url(../../res/copy.png);
    background-repeat: no-repeat;
    image-rendering: pixelated;
    background-size: 100% 100%;
    font-family: Minecraft;
    color: white;
    position: absolute;
    display: flex;
    padding: 18px;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0;
}

.copy-con {
    display: flex;
    align-content: baseline;
    justify-content: center;
    align-items: center;
}

.button:hover {
  background: url('../../res/buttons.png');
  background-repeat: no-repeat;
  image-rendering: pixelated;
  background-size: 100% 100%;
  border: none !important;
  outline: none !important;
   outline: none !important;
   box-shadow: none !important;
}

.button:focus, .button:active {
  outline: none !important;
  border-style: none !important;
   outline: none !important;
   box-shadow: none !important;
}

.tabliczka {
    background: url('http://dcraftlobby.tasrv.com/uploads/60507a7abea3c2456d59f979/sign.png');
    background-size: cover;
    image-rendering: pixelated;
    font-size: 18px;
    margin: 20px;
    color: #fff;
    text-shadow: 0px 0px 5px #000;
    min-height: 180px;
    box-shadow: 4px 4px 2px #000;
    cursor: pointer;
    transition: all 0.4s;
    font-family: UniSans;
}
.col-sm.tabliczka:hover {
    filter: saturate(0);
    transform: scale(1.05);
}

.tabliczka span {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    display: inline-block;
}

.onas-tlo {
background: black;
}
.div-txt {
display: block ruby;
flex-direction: column; 
}
.div-img {
cursor: pointer;
transition: all .2s ease-out;
}

.div-img:hover {
                             transform: scale(1.1);
                             filter: brightness(1.2);
                             }
                             
@media (max-width: 991.98px) {
                             .bg-image {
                                 margin-top: 126px;
                             }
   .baner {
  display: flex;
  flex-direction: column;
  text-align: center;
  color: white;
  font-size: 30px;
                             justify-content: center;
                             align-items: center;
                             align-content: center;
  }
  .baner-rev {
  display: flex;
  flex-direction: column;
  text-align: center;
  color: white;
  font-size: 30px;
                             justify-content: center;
                             align-items: center;
                             align-content: center;
                             }
.div-img {
width: 75vw; 
margin: 2rem;
  }
}

 .baner, .baner-rev {
  display: flex;
  text-align: center;
  color: white;
  font-size: 30px;
                             justify-content: center;
                             align-items: center;
                             align-content: center;
}
 
 .baner-txt {
   font-size: 1.2rem;; 
                             font-family: TexGyreA; 
                             padding-right: 5vw; 
                             padding-left: 5vw;
                             text-align: left;
                             font-weight: bold;
                             margin: 0 0 20px 20px;
}                            
.baner-txt > span {
   color: #ff6915;
}          
                 .orange {
                             color: #ff6915;
                             }    
                             .yellow {
                             color: #ffb800;
                             }            
                                                                           
.onas {
  background-color: #002766;
}
                                                                                 
.survi {
  background: #522310;
}                                                  
.atmo {
  background-color: rgba(0,102,153,1);
}
.zespol {
  padding: 90px;
  text-align: center;
  background-color: #57b81c;
  font-size: 30px;
}

.col.card {
margin: 25px;
padding: 0;
}

.col.card > * {
font-family: UniSans;
}

.col.card img {
width: 256px;
height: 256px;
}

.kolumny {
  justify-content: center;
}
.container.faq-container > p {
color: #ffffff;
}
.container.faq-container {
padding: 25px;
}

.regulamin {
  padding: 60px;
  text-align: center;
  background-color: rgba(162, 10, 12, 1);
  font-size: 30px;
}


.kontakt {
  padding: 20px;
  text-align: center;
  background-color: #4f4f4f;
  font-size: 30px;
}                    

.card-deck{
 margin-right: 0; 
margin-left: 0;
}
.card.wlasciciel .card-text {
    border-radius: 5px;
}
.card.wlasciciel {
    transition: all 0.3s;
    background-color: rgba(204,102,51,0.8) !important;
    border-radius: 5px;
    border: 1px solid #b31307;
    color: #fff;
}

card.administrator .card-text {
    border-radius: 5px;
}
.card.administrator {
    transition: all 0.3s;
    background-color: rgba(204,102,51,0.6);
    border-radius: 5px;
    border: 1px solid #c7443a;
    color: #fff;
}

card.vice .card-text {
    border-radius: 5px;
}
.card.vice {
    transition: all 0.3s;
    background-color: rgba(210, 179, 20, 0.8);;
    border-radius: 5px;
    border: 1px solid rgba(255, 189, 25, 1);
    color: #fff;
}

card.moderator .card-text {
    border-radius: 5px;
}
.card.moderator {
    transition: all 0.3s;
    background-color: rgba(42, 98, 33, 0.8);
    border-radius: 5px;
    border: 1px solid rgba(42, 98, 33, 1);
    color: #fff;
}

card.pomocnik .card-text {
    border-radius: 5px;
}
.card.pomocnik {
    transition: all 0.3s;
    background-color: rgba(148, 255, 82, 0.3);
    border-radius: 5px;
    border: 1px solid rgba(148, 255, 82, 1);
    color: #fff;
}
card.budowniczy .card-text {
    border-radius: 5px;
}
.card.budowniczy {
    transition: all 0.3s;
    background: rgba(30, 149, 255, 0.8);
    border-radius: 5px;
    border: 1px solid rgba(82, 217, 255, 1);
    color: #fff;
}

.karta {
  position: relative;
  margin: 0 auto;
  padding: 20px;
  width: 70vw;
  min-width: 200px;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
  -webkit-animation: fadein 2s;
          animation: fadein 2s;
  overflow:hidden;
  z-index: 999;
  /*display: inline-block;*/
}

.hider {
  position: relative;
  z-index:1;
  width: 100%;
  height: 180px;
  box-shadow:0 4px 3px #0002;
  overflow: hidden;
}
.karta img{
  width:100%;
  transition: all 1s ease;
  z-index:0
}
.zdjecie {
  width: 100%;
  height: 250px;
  overflow:hidden;
}

.zdjecie:hover img{
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}

.hider h2{
  position:absolute;
  bottom:0;
  margin:0;
  width:100%;
  padding:0 10px;
  color:#fff;
  text-transform:uppercase;
  pointer-events:none;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
}
.ikona {
  position: absolute;
  background:#fff;
  right: 10px;
  top: 135px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow:hidden;
  border:3px solid #fff;
  box-shadow:0 4px 3px #0002;
  z-index:9
}
#rest{
  padding:30px 15px;
  line-height:30px;
  color:#000d42
}
    .karta {
    	font-family: UniSans;
    	background-color: rgba(255,255,255,0.4) !important;
    }
    .karta-img {
    	border-radius: 5px;
    	height: 2rem !important;
    }
    .karta > * {
    	display: inline;
    }
    
    .container.inner.card.karta {
	border: 1px white;
   	border-style: solid;
   	width: 70vw;
    }
@media (max-width: 991.98px) {
  .container.inner.card.karta {
	border: 1px white;
   	border-style: solid;
   	width: 85vw;;
    }
}  
.faq, .ogl {
  padding: 20px;
  text-align: center;
  font-size: 30px;
  height: 100%;
  width: 100%;
  padding-bottom: 60px;
}
                             
.faq-backback, .ogl-backback {
transition: all .5s ease-out;
display: none;
background-color: rgba(0,0,0,0.5);
top: 0;
position: fixed;
height: 100%;
width: 100vw;            
}
   .faq-back, .ogl-back {
   padding-top: 126px;
display: none;
overflow-y: scroll;
background-color: #66441a;
width: 100%;
height: 100%;
position: absolute;  
}     
                             
  @media (max-width: 991.98px) {
  .faq-back, .ogl-back {
 width: 100%;
}    
} 


.wlasciciel:hover, .administrator:hover, .vice:hover, .moderator:hover, .pomocnik:hover, .budowniczy:hover {
    background: rgba(255, 255, 255, 0.47) !important;
}
                             
.s20 {
    max-width: 90vw;
    }  
    
.itemshop {
  padding-top: 50px;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(391px, 0fr));
}

.item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;

}


#shopModal, .kontent-shop {
  flex-direction: row !important;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 99999999999;
  background: #002766 !important;
}

.body-shop {
  width:  100vw !important;
  height: 100vh !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 40px !important;
  justify-content: center;
}

.dialog-shop {
  max-width: none !important;
  margin: 0 !important;
  color: white;
  font-family: UniSans;
}

.item_desc {
  white-space: pre-line;
  font-size: 1.6rem;
}

.header-shop {
  display: flex;
  flex-direction: column;
  margin-right: 25px;
  justify-content: center;
  align-items: center;
}

.itemname {
  font-size: 2.5rem;
}

.item_img.zdjecie-galeria {
  height: 36vh !important;
}

.footer-shop {
  flex-direction: column !important;
  background: rgba(51,153,204,1) !important;
  padding: 25px;
  border-radius: 25px;
  border: 5px solid white;
  justify-content: space-between !important;
  height: 100%;
  display: flex;
}

.btn {
  font-size: 1.75rem !important;
  padding: 20px !important; 
}

.cena {
  font-size: 2.25rem;
  padding: 15px;
}

.summary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
}

.modal-footer {
  height: 100vh;
  border-top: 0 !important;
  max-width: 50%;
}

.btn {
  margin: 15px;
}

.topsummary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}


@media (max-width: 991.98px) {

#shopModal, .kontent-shop {
  overflow: auto !important;
}

  .footer-shop {
    flex-direction: row !important;
    width: 100%;
    margin: 0 !important;
  }

  .kontent-shop {
    flex-direction: column-reverse !important;
  }
  
  .item_desc {
    white-space: pre-line;
    font-size: 1rem;
  }
  
  .cena {
    font-size: 1.75rem;
    padding: 5px;
    margin: 0;
  }
  
  .head {
    padding: 0;
  }
  
  .itemname {
    display: none;
  }
  
  .modal-footer {
    justify-content: center !important;
    padding: 0 !important;
    flex-shrink: 1 !important;
    margin: 0 !important;
    max-width: 100% !important;
  }
  .summary {
    padding: 0;
  }
  
  .item_img.zdjecie-galeria {
    height: 25vh !important;
  }
  
  .btn {
    font-size: 1rem !important;
    padding: 15px !important;
  }
  
}