@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'AvalonNormal';
src: url('fonts/avalonn-webfont.eot');
src: url('fonts/avalonn-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/avalonn-webfont.woff') format('woff'),
url('fonts/avalonn-webfont.ttf') format('truetype'),
url('fonts/avalonn-webfont.svg#AvalonNormal') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AvalonBold';
src: url('fonts/avalonb-webfont.eot');
src: url('fonts/avalonb-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/avalonb-webfont.woff') format('woff'),
url('fonts/avalonb-webfont.ttf') format('truetype'),
url('fonts/avalonb-webfont.svg#AvalonBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AvalonBoldItalic';
src: url('fonts/avalont-webfont.eot');
src: url('fonts/avalont-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/avalont-webfont.woff') format('woff'),
url('fonts/avalont-webfont.ttf') format('truetype'),
url('fonts/avalont-webfont.svg#AvalonBoldItalic') format('svg');
font-weight: normal;
font-style: normal;
}
:root {
--yellow:#ffc900;
--gray:#5f5f5f;
--black:#000000;
--hdr-gradient: radial-gradient(
farthest-corner circle at bottom in oklab,
oklch(25% 0 340),
oklch(0% 0.00 0));
/*ZMIENNE mobilne menu*/
--menu_mob_bg:rgba(0, 0, 0, 0.9);
  
/*ZMIENNE DYNAMICZNE MEDIA QUERIES*/
--wrapper_width:80%;
--wrapper_margin:4% auto 2% auto;
--wrapper_border_line:8px solid var(--yellow);
--wrapper_border-radius:40px;
--mini_wrapper_border-radius:33px;
--wrapper_box_shadow:0 0 10px 10px #000000;
--menu_position: initial;
--menu_left_30_70:30%;
--menu_right_70_30:70%;
--logo_container_30_100:30%;
--logo_border_pion: 2px solid var(--yellow);
--logo_background:var(--hdr-gradient);
--logo_size:70%;
--content_left_30_100:30%;
--content_right_70_100:70%;
/*ZMIENNE DYNAMICZNE MEDIA QUERIES*/
}


::-webkit-scrollbar {
width:  12px;
height: 12px;
background-color:#000000;
}
::-webkit-scrollbar-track {
background-color:#000000;
width: 12px;
}
::-webkit-scrollbar-track-piece  {
background-color:#000000;
}
::-webkit-scrollbar-thumb {    
background-color:var(--yellow);
width: 12px;
}
*{
box-sizing: border-box;
}
html, body {
font-family: 'AvalonNormal';
text-rendering: geometricPrecision;
font-size: 16px;
line-height:150%;
background-image: url(image_html/bg.png);
background-size: auto;
background-repeat: repeat;
background-attachment: fixed;
overflow: auto;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'AvalonBold';
font-weight: 700;
color:black
}
h1{
font-size:1rem;
}
h2{
font-size:1.2rem;
}
h3{
font-size:1.4rem;
}
h4{
font-size:1.6rem;
}
h5{
font-size:1.8rem;
}
h6{
font-size:2rem;
}
h7{
font-size:2.2rem;
}
p{
font-weight: normal;
color:black;
font-size:1rem;
}
a{
font-weight: normal;
color:black;
font-size:1rem;    
}
a:active{
color:var(--gray); 
}
a:hover{
color:var(--gray);      
}
#ciacho{
visibility: hidden;
position:fixed;
left:0;
bottom:0;
width:100%;
height:auto;
background-color:black;
text-align:center;
padding-bottom:10px;
}
#ciacho p {
font-size:1rem;
color:yellow;
margin:10px;
padding:6px;
background-color:black;
}
#ciacho a{
display:inline-block;
text-decoration:none;
color:black;
background-color:yellow;
padding:5px 10px 5px 10px;
font-weight:bolder;
margin:5px 0 10px 0;
  animation-name: signal_ciacho;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
@keyframes signal_ciacho {
  0%   {background-color:yellow; color:black;}
  50%  {background-color:black;; color:yellow;}
  100% {background-color:yellow; color:black;}
}
#ciacho a:hover{
 animation-play-state: paused;
color:yellow;
background-color:black;
transition: 1s all;
}
.hide_ciacho{
display:none;
transition:all 2s;
}
.mobile_menu {
z-index: 1200;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color:var(--menu_mob_bg);
backdrop-filter: blur(8px);
opacity: 1;
transition: all 1s;
}
#close_mmenu_bt{
position: fixed;
top:20px;
right:5px;
width:40px;
height:auto;
aspect-ratio:1/1;
margin:0 1rem 0 0;
background-image:url(image_html/close_mobile_menu.svg);
background-repeat:no-repeat;
background-position: center;
background-size: cover;

}
#mobile_menu_center {
width: 100%;
height: 100%;
padding: 4rem 0 0 0;
text-align: center;
overflow-x: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
#mini_nav ul{
padding:0 0 1rem 0;
}
#mini_nav ul li{
display:block;
margin:1rem 0 1rem 0;

}
#mini_nav ul li a{
font-size: 1.2rem;
text-transform: capitalize;
text-rendering: geometricPrecision;
text-decoration: none;
padding: .1rem 5rem .1rem 5rem;
transition: all .5s ease-out;
border-radius: 25px;
}
#mini_nav ul li a:hover{
color:var(--menu_button_hover_font_color);
background-color:var(--menu_button_bg_color);
transition: all .5s ease-out;
}
#mini_nav .current-menu-item  a{
	color:var(--menu_button_hover_font_color);
     transition: 0.6s all;
	 background-color:var(--menu_button_bg_color);
}
#mini_nav .current-category-ancestor a{
    font-weight: 600;
	color:var(--menu_button_hover_font_color);
     transition: 0.6s all;
	 background-color:var(--menu_button_bg_color);
}
#mini_nav .current-menu-parent a{
    font-weight: 600;
	color:var(--menu_button_hover_font_color);
     transition: 0.6s all;
	 background-color:var(--menu_button_bg_color);
}
#rsms_hamburger_open{
display: inline-block;
width:40px;
height:auto;
aspect-ratio:1/1;
margin:0 0 0 0;
background-image:url(image_html/open_mobile_menu.svg);
background-repeat:no-repeat;
background-position: center;
background-size: cover;
}
#root-wrapper {
border: var(--wrapper_border_line);
border-radius:var(--wrapper_border-radius);
margin:var(--wrapper_margin);
width:var(--wrapper_width);
max-width: 1920px;
height:auto;
background-color: white;
box-shadow:var(--wrapper_box_shadow);
}
#header{
border-top: 2px solid var(--yellow);
height:auto;
width:100%;
border-top-right-radius:var(--mini_wrapper_border-radius);
border-top-left-radius: var(--mini_wrapper_border-radius);
}
#menu_container{
  z-index: 100;
position:var(--menu_position);
top: 0;
left:0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
width:100%;
height:auto;    
border-top-right-radius:var(--mini_wrapper_border-radius);
border-top-left-radius: var(--mini_wrapper_border-radius);
border-bottom: 2px solid var(--yellow);
background: #0d0d0d;
background: linear-gradient(180deg, rgba(13, 13, 13, 1) 0%, rgba(79, 79, 79, 1) 100%);
}
#left_menu_container{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
align-content: center;
min-height:80px;   
width:var(--menu_left_30_70);
border-right:2px solid var(--yellow);
border-top-right-radius:none;
border-top-left-radius: inherit;
background: #000000;
background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(181, 181, 181, 1) 6%, rgba(115, 115, 115, 1) 29%, rgba(219, 219, 219, 1) 85%, rgba(255, 255, 255, 1) 96%, rgba(0, 0, 0, 1) 100%);
box-shadow: inset 0 0 5px 2px rgb(0, 0, 0);
}
.icon_bt {
    display: inline-block;
    width: 43px;
    height: 43px;
    margin-right: 4px;
    background-size: cover;
    transform: scale(.8);
   opacity: 1;
  filter: grayscale(1);
 
transition: all .5s;
}
.icon_bt:hover{
 filter: none; 
transform: scale(1.1);
  opacity: 1;
 transition: .5s all;
}
#icon_fb {
    background-image: url(image_html/icon_fb.png);
}
#icon_gmaps {
    background-image: url( image_html/icon_gmaps.png);
}
#icon_phone {
    background-image: url( image_html/icon_phone.png);
}
#icon_mail{
    background-image: url( image_html/icon_mail.png);
}
#right_menu_container{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
width:var(--menu_right_70_30);
min-height:80px;
border-top-left-radius:none;
border-top-right-radius: inherit;  
background: #303030;
background: linear-gradient(180deg,rgba(48, 48, 48, 1) 0%, rgba(105, 105, 105, 1) 6%, rgba(0, 0, 0, 1) 29%, rgba(13, 13, 13, 1) 85%, rgba(61, 61, 61, 1) 96%, rgba(0, 0, 0, 1) 100%);
box-shadow: inset 0 0 5px 2px rgb(0, 0, 0);
}
#big_nav,#big_nav ul {
 width:100%;
  height:auto;
display: flex;
align-items: center;
justify-content: center;
}
#big_nav ul li{
width:33%;
height: auto;
}
.bt a{
display: flex;
align-items: center;
justify-content: center;
margin:auto;
width:100%;
height:80px;
color:var(--yellow);
font-family: 'AvalonBold';
font-size: 1rem;
font-weight: bold;
letter-spacing: 2px;
text-decoration: none;
text-shadow: #4f4f0a 1px 0 10px;
box-shadow: inset 0 0 5px 2px rgb(0, 0, 0);  
background-image: linear-gradient(180deg,rgba(48, 48, 48, 1) 0%, rgba(105, 105, 105, 1) 6%, rgba(0, 0, 0, 1) 29%, rgba(13, 13, 13, 1) 85%, rgba(61, 61, 61, 1) 96%, rgba(0, 0, 0, 1) 100%),url("image_html/a_but.png"); 
background-repeat: no-repeat, no-repeat;
background-position: top center -20px, top center;
background-size: auto, 10%;
transition: all 1s;
}
.bt a:hover{
color:black;
text-shadow: #392e00 1px 0 10px;
background-image:url("image_html/a_but.png"), linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgb(234, 227, 169) 6%, rgb(231, 203, 25) 29%, rgb(238, 234, 214) 85%, rgba(255, 255, 255, 1) 96%, rgba(0, 0, 0, 1) 100%); 
     
background-repeat: no-repeat, no-repeat;
background-position:top center, top center;
background-size: 10%, auto ;
box-shadow: inset 0 0 5px 2px rgb(0, 0, 0);  
transition: all 1s;
}
#big_nav ul li:last-child a{
   border-top-right-radius: var(--mini_wrapper_border-radius);
}
.active_bt a{
cursor: not-allowed;
display: flex;
align-items: center;
justify-content: center;
margin:auto;
width:100%;
height:80px;
font-family: 'AvalonBold';
font-size: 1rem;
font-weight: bold;
letter-spacing: 2px;
text-decoration: none;
color:black;
text-shadow: #392e00 1px 0 10px;
background-image:url("image_html/a_but.png"), linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgb(234, 227, 169) 6%, rgb(231, 203, 25) 29%, rgb(238, 234, 214) 85%, rgba(255, 255, 255, 1) 96%, rgba(0, 0, 0, 1) 100%);     
background-repeat: no-repeat, no-repeat;
background-position:top center, top center;
background-size: 10%, auto ;
box-shadow: inset 0 0 5px 2px rgb(0, 0, 0);  

}
.baner_container{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
align-content: flex-start;
width:100%;
height:auto;   

}
#banner_ct1{
background-image:url("image_html/ban/ban_ct1.jpeg"); 
  background-repeat: no-repeat;
background-position:center;
background-size:cover;
}
#banner_ct2{
background: url("image_html/ban/ban_ct2.jpeg");
    background-repeat: no-repeat;
background-position:center;
background-size:cover;
}
#banner_ct3{
background: url("image_html/ban/ban_ct3.jpeg"); 
    background-repeat: no-repeat;
background-position:center;
background-size:cover;
}

#logo_baner_container{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
width:30%;
aspect-ratio:1/1;
height:auto;
border-right:var(--logo_border_pion);
border-top-right-radius:none;
border-top-left-radius: inherit;
background: var(--logo_background);
}
#logo_baner_container img{
width:var(--logo_size);
height:auto;
margin:auto;
}
.image_baner_container{
width:70%;
min-height:80px;
border-top-left-radius:none;
border-top-right-radius: inherit;
background: #141414;
background: radial-gradient(circle, rgba(20, 20, 20, 1) 0%, rgba(26, 26, 26, 1) 100%);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#banner1{
background-image: url("image_html/ban/ban1.jpeg");  
}
#banner2{
background-image: url("image_html/ban/ban2.jpeg");  
}
#banner3{
background-image: url("image_html/ban/ban3.jpeg");  
}
#info_section_container{
overflow: hidden;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content:flex-start;
align-items:center;
align-content: flex-start;
width:100%;
height:auto;
min-height:60px; 
background: #000000;
border-top: 2px solid var(--yellow);
border-bottom: 2px solid var(--yellow);
background-image: url("image_html/a_info.png"), linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 4%, rgba(23, 23, 23, 1) 29%, rgba(0, 0, 0, 1) 100%);; 
background-repeat: no-repeat, no-repeat;
background-position: center left, left;
background-size: 10px, auto ;
}
#info_section_container h2{
color:var(--yellow);
margin-left: 30px;
letter-spacing: 2px;
text-shadow: #000000 1px 0 10px;
user-select: none;
}
#content_container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items:flex-start;
align-content: center;
width:100%;
height:auto;
padding:.5rem;
box-shadow: inset 0 0 8px -1px rgba(0, 0, 0, 1);
background-image: linear-gradient(135deg, #f7f7f7 25%, #ffffff 25%, #ffffff 50%, #f7f7f7 50%, #f7f7f7 75%, #ffffff 75%, #ffffff 100%);
background-size: 5.66px 5.66px;
}
#content_left_top{
text-align: center;
width:var(--content_left_30_100);
height:auto;
}
#content_left_top img{
max-width: 600px;
width:100%;
height:auto;
margin:auto;
}
#content_right_bottom{
width:var(--content_right_70_100);
height:auto;
}
#content_right_bottom h2,#content_right_bottom h3, #content_right_bottom h4{
padding-left:.5rem;
margin:2rem 0 2rem 0;
}
#content_right_bottom p{
padding-left:2rem;
font-size: 1.2rem;
text-align: left;
}
#content_kontakt_left_top{
text-align: center;
width:fit-content;
height:auto;
}
#content_kontakt_left_top img{
max-width: 300px;
width:100%;
height:auto;
margin:auto;
}
#content_kontakt_right_bottom{
width:fit-content;
height:auto;
}
#content_kontakt_right_bottom h2,#content_kontakt_right_bottom h3, #content_kontakt_right_bottom h4{
}
#content_kontakt_right_bottom p, #content_kontakt_right_bottom a{

font-size: 1.2rem;
text-align: left;
  text-decoration: none;
}
#fotter_container{
overflow: hidden;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content:center;
align-items:center;
align-content: center;
width:100%;
height:auto;
min-height:60px; 
border-top: 2px solid var(--yellow);
border-bottom: 2px solid var(--yellow);
border-bottom-right-radius:var(--mini_wrapper_border-radius);
border-bottom-left-radius: var(--mini_wrapper_border-radius);
background-image: linear-gradient(135deg, #000000 25%, #1a1a1a 25%, #1a1a1a 50%, #000000 50%, #000000 75%, #1a1a1a 75%, #1a1a1a 100%);
background-size: 5.66px 5.66px;
}
#fotter_container img{
  width:200px;
  height:auto;
}
#rs_logo_ct{
  width:fit-content;
  height:auto;
text-align:center;
margin:0 auto 2rem auto;
}
#rs_logo_ct img {
  display:block;
  cursor: pointer;
    opacity: .5;
    transition: all 1s;
    width: 100px;
    height: auto;
    margin: 0 auto 0 auto;
}
#rs_logo_ct img:hover {
    opacity: 1;
    transition: all 1s; 
}
/* klasy js*/
.hide{
visibility: hidden!important;
opacity:0!important;
transition: 1s all;
}
.hide_scroll{
overflow:hidden;
}


#mobi_menu {
visibility:hidden;  
}

#content_kontakt_wrapper {
 display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items:center;
align-content: center; 
margin-bottom: 2rem;
}