body {
  background: url("../../images/background/background2a.png") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  font-family: 'Lato', sans-serif;
}

.fx-feniks {
  position: fixed;
  bottom: 30vh;          /* wysokość lotu */
  left: -250px;          /* start poza ekranem */
  width: 200px;          /* rozmiar feniksa */
  pointer-events: none;
  opacity: 0;
  z-index: 10;           /* nad tłem */
}

.fx-feniks img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 0 12px orange);
}

/* animacja lotu */
@keyframes fly-feniks {
  0%   { transform: translateX(0) scaleX(1); opacity: 0; }
  5%   { opacity: 1; }
  50%  { transform: translateX(120vw) scaleX(1); opacity: 1; }
  51%  { transform: translateX(120vw) scaleX(-1); opacity: 1; } /* zawrotka */
  95%  { opacity: 1; }
  100% { transform: translateX(0) scaleX(-1); opacity: 0; }
}

.img-responsive {
	width: 100%;
}

.container {
	/*background-color: #ffffff !important;*/
	width: 80% !important;
}

/* #7D1935 / bordowy
   #e4e4e4 / szary
   #f9780e  / pomarancz
   #37b7ce // jasny niebieski
   #004159 // ciemno niebieski
 */

.carousel {
	margin-top: 20px !important;
	/*width: 750px !important;*/
	width: 90%;
}

.carousel-item  img {
	border-radius: 10px;
	/*border: 2px solid #e4e4e4;*/
	
	
	border: 20px solid transparent;
    padding: 5px;
    -webkit-border-image: url("../../images/background/carousel border.jpg") 60 round; /* Safari 3.1-5 */
    -o-border-image: url("../../images/background/carousel border.jpg") 60 round; /* Opera 11-12.1 */
    border-image: url("../../images/background/carousel border.jpg") 60 round;
	
	
	box-shadow:0 0 6px 2px black inset;
}

/* overlay */
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5); /* wyszarzenie */
  z-index: 9999; /* na wierzchu */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* spinner */
.spinner {
  width: 60px;
  height: 60px;
  border: 6px solid #f3f3f3; /* szare tło */
  border-top: 6px solid #f00712; /* niebieski pasek */
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.item-shop {
	border-radius: 5px;
	border: 1px solid #7D1935;
	width: auto;
	height: auto;
	background-color: #e2e2e2;
	text-align: center;
	padding: 15px;
}

.item-shop .opis {
	border-radius: 5px;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 5px;
	text-align: center;
}

.centred {
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

#topmenu {
	background-color: #e4e4e4;
}

#stopka {
	color: #ffffff !important;
}

.trhover:hover {
	background-color: #FFD700;
}

.trgold {
	background-color: #FFD700 !important;
}

.scrollToTop{
	width:100px; 
	height:130px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:75px;
	right:-10px;
	display: none;
	background: url('../../images/icons/up-arrow.png') no-repeat 0px 20px;
		z-index: 999;
}

@media screen and (max-width: 1024px) {
    .scrollToTop {
        display: none !important;
    }
}

@media screen and (max-width: 1024px) {
    #scrollToTop {
        display: none !important;
    }
}

.scrollToTop:hover{
	text-decoration:none;
}

#lastnews {
	background-color: #eff1f4;
	padding: 10px;
}
#lastnewcontent {
	background-color: #ffffff;
	padding: 10px;
}

 
 #tableindex  {
	background: #ffffff !important;
	border-radius: 5px;
 }
 
 
 .tableindex {
	 background: #ffffff !important;
	 border-radius: 5px;
 }
 
 .promoted-guild {
	 background-color: #FFD700 !important;
 }
 .card-header-white {
	 background-color: #ffffff !important;
 }
 
 .rozwijane {
	 text-decoration: none !important;
	 color: #000000 !important;
 }

.navbar {
    background-color: #111 !important;
    border: 2px solid #F9780E;
    border-radius: 12px;
    padding: 10px 20px;
    box-shadow: 0 0 20px rgba(249, 120, 14, 0.3);
    transition: all 0.3s ease;
}

.navbar-brand {
    color: #f9780e !important;
    font-size: 1.5rem;
    font-family: 'Metamorphous', cursive;
    transition: color 0.3s ease;
}

.navbar-brand:hover {
    color: #fff !important;
}

.navbar-nav .nav-link {
    color: #fff !important;
    padding: 8px 16px;
    font-weight: bold;
    transition: all 0.2s ease;
    border-radius: 6px;
}

.navbar-nav .nav-link:hover {
    color: #F9780E !important;
    background-color: rgba(255, 255, 255, 0.05);
}

.navbar-nav .active > .nav-link,
.navbar-nav .show > .nav-link {
    color: #F9780E !important;
}

.navbar-toggler {
    background-color: #F9780E;
    border: none;
    border-radius: 6px;
}

.dropdown-menu {
    background-color: #1a1a1a;
    border: 1px solid #f9780e;
    border-radius: 10px;
    padding: 5px 0;
    min-width: 220px;
    box-shadow: 0 0 15px rgba(249, 120, 14, 0.2);
}

.dropdown-item {
    color: #ffffff;
    padding: 8px 16px;
    transition: background-color 0.2s ease;
}

.dropdown-item:hover {
    background-color: #F9780E;
    color: #000;
    font-weight: bold;
}

.bottomenu {
    color: #FFFFFF;
    text-decoration: none;
    transition: color 0.3s ease;
}

.bottomenu:hover {
    color: #37b7ce;
}

.navbar img {
    margin-right: 8px;
    transition: transform 0.2s ease;
}

.navbar img:hover {
    transform: scale(1.1);
}



.rama {
	border: 1px solid #e4e4e4;
	background-color: #ffffff;
	padding: 20px;
	border-radius: 5px;
}

.blink_me {
  animation: blinker 5s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

#wartograc {
	/* background-color: #e4e4e4; */
	
	/* background: url("../../images/background/minibackground.jpg") no-repeat center center fixed; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
		
	


	padding: 5px 5px 40px 5px;
}
.nav-item {
	cursor: pointer;
}

.btn-primary {
	background-color: #000000;
	border: 2px solid #f9780e;
	
}


.btn-primary:hover {
	background-color: #F9780E;
	color: #000000;
	border: 2px solid #000000;
}

.page-item.active .page-link {
	background-color: #004159 !important;
	border: 1px solid #37b7ce !important;
	color: #ffffff;
}

.page-link {
	color: #37b7ce !important;
}



#cookieinfo * {
    margin: 0px;
    padding: 0px;
}

#cookieinfo {
    position: fixed;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #323334;
    padding: 20px;
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

#cookieinfo h6 {
    font-size: 16px;
    font-weight: bold;
    color: #cdd7da;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    margin-bottom: 7px;
}

#cookieinfo p {
    font-size: 12px;
    color: #afb4bc;
    line-height: 1.5em;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

#cookieinfo a {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    line-height: 22px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #ff6000;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

#cookieinfo a:hover {
    background-color: #ff7925;
}