@import url("symcss.css");


@keyframes zoomAndPan {
    0% {
      background-position: center;
    }
    50% {
      background-position: top right;
    }
    100% {
      background-position: center;
    }
  }


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


@keyframes flip {
    0% {
      -webkit-transform: rotateX(0);
              transform: rotateX(0);
    }
    50% {
        -webkit-transform: rotateX(0);
                transform: rotateX(0);
      }    
    55% {
      -webkit-transform: rotateX(-180deg);
              transform: rotateX(-180deg);
    }
    60% {
        -webkit-transform: rotateX(0);
                transform: rotateX(0);
      }          
    100% {
        -webkit-transform: rotateX(0);
                transform: rotateX(0);
      }    
  }

  @keyframes slideUpDown {
    0% {
      background-position: right top;
    }
    50% {
      background-position: right bottom;
    }
    100% {
      background-position: right top;
    }
  }

  @keyframes slideLeftRight {
    0% {
      background-position: right center;
    }
    50% {
      background-position: left center;
    }
    100% {
      background-position: right center;
    }
  }  
  
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}


* { font-family: "Poppins", sans-serif; }

a:hover {opacity: 0.5; transition: 1s;}


.share {
    background: url(/images/fb.svg) no-repeat 1rem center;
      background-size: auto;
    background-size: auto;
    background-size: 1.3rem auto;
    background-color: #000;
    color: #fff !important;
    text-decoration: none;
    margin: 0.5rem 0.5rem 0.5rem 0;
    display: table;
    text-transform: uppercase;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 2rem 0.5rem 3rem;
     }


#cpBox { font-size:0.7rem;  margin:auto 0px 0px 0px; width:100%; bottom:0px; position: fixed; text-align:center; color:#FFFFFF; background-color:#000000; padding:5px; z-index:999999;}
#cpBox a { color:#FFFFFF; font-size:0.7rem;}
.cpBoxClose { cursor:pointer; color:#FFFFFF; text-decoration:underline;}
.cpBoxClose:hover { color:#CCCCCC;}


header button { display: none; }
header {  padding: 0; width: 100%; position: absolute; z-index: 2; background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);  margin: 0;}
header .phone {  display: flex; flex-direction: column;  justify-content: center; }
header .phone a {padding: 0.8rem 0; margin-left: -1.5rem; border-radius: 100rem; background-color: #C5BEAE; color: #282828; text-decoration: none; font-size: 1.5rem; text-align: center; }
header .phone a::before { vertical-align: middle; margin: auto 0.5rem 0.2rem auto;  display:inline-table;   content: ''; background-image: url(/images/phone.svg); background-repeat: no-repeat; background-size:100% auto; background-position: right center; width: 1.5rem; height: 1.5rem;}
header .phone a:hover { opacity: 1; background-color: #999;}

header .fb { display: flex; min-height: 150px; height: 20vh; position:absolute; width:1.5rem; height:auto; right:2rem; top:0; }
header .fb img { width: 100%; height: auto;}

header .menu { padding: 0; margin: 0; display: block;}
header .menu ul {  display: flex; padding: 0 6rem; min-height: 150px; height: 20vh; align-items: center;}
header .menu ul li { display: block; }
header .menu a {color: #fff; font-size: 1.2rem; text-decoration: none; text-transform: lowercase;}
.m76 { margin-right: 3rem;  width:30%; height: 100%; display: flex;  }
.m76 a {  display: flex; height: 100%; text-indent: -200vw; background-position: center center; background-image: url(/images/logo.png); background-repeat: no-repeat; background-size: contain;}

/*
header .logo {  display: flex; justify-content:baseline; align-items:baseline;}
header .logo img {  height: 100%; width: auto; object-fit: contain;  min-width: 190px; }
header .menu {  display: flex; flex-direction: column;  justify-content: center; align-items: end;}
header .menu ul {  height: 50%; justify-content: end; padding-left: 4rem; padding-right: 1rem; align-items: center; background-color: #282828; border-radius: 100rem 0 0 100rem; }
header .menu ul ul { min-height: auto; height: auto; background-color: rgba(0, 79, 140, 0.95); padding: 1.5rem 1.5rem;}
header .menu ul ul a { color: #fff; font-size: 1rem; text-transform:lowercase;}
header .menu ul ul li { color: #aaa; font-size: 0.9rem; padding: 0.5rem 0;}
header .menu li { display: block;  margin-right: 3rem; }
header .menu li a { color: #fff; font-size: 1.5rem; font-weight: 300; text-transform:lowercase; text-decoration: none;}
.isSub::before { content: ""; width: 1rem; height: 1rem;  display: inline-table; background-repeat: no-repeat; background-position: right  0.18rem; background-size: 100% auto; background-image: url(/images/ad.svg);   }
*/
.nonHome {  position: relative; background:#152520;}


.spin-wrap { bottom: 0; right: 0; overflow: hidden;  position: absolute; width: 40vh; height: 30vh; z-index: 9999;}
.spin { animation-direction: reverse; animation-name: spin;
    animation-duration: 10000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; position: absolute; width: 50vh; height: 50vh;  background-image: url(/images/ring.png); background-repeat: no-repeat; background-size:100% 100%; }

.swiper-pagination { bottom: 1rem !important;  text-align: center !important; position:absolute !important; width:calc(100% - 4rem) !important; margin:2rem;}

.swiper-pagination-bullet { border: 1px solid #fff !important; background: #fff !important;  border-radius: 100rem !important; width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,13px)) !important;
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,13px)) !important; }
.swiper-pagination-bullet-active { background: #fff !important;  }

.swiper-button-next,
.swiper-button-prev {

    right:4rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top:1rem;
    color: rgb(255, 255, 255) !important;
    fill: rgb(255, 255, 255) !important;
    stroke: rgb(255, 255, 255) !important;
font-size: 10px;
}
.swiper-button-prev { left:4rem; }

.btn {  text-transform: uppercase; font-size: 1.3rem; color: #282828; padding: 1rem 4rem; background-color: #DBAE41;}

.gallery { position: relative; margin: 1rem 0; display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; grid-auto-rows: calc(50vw - 10rem);}
.gallery-one { position: relative; margin: 1rem 0; display: grid; gap: 1rem; grid-template-columns: 1fr ; grid-auto-rows: calc(50vw - 10rem);}
.gallery img, .gallery-one img { width: 100%; height: 100%; object-fit: cover;}

.s56 { margin: 0; }
.s56 .swiper-slide { height: 100vh; min-height: 500px; }
.s56 .label { background-color: rgba(0, 0, 0, 0.25);  display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%;  padding: 5vh 0 0 0;}
//.s56  .label:first-child {  background-color: rgba(255, 255, 255, 0); }
.s56 .label .btn { margin: 2rem auto; background-color: #DBAE41; color: #111; -webkit-box-shadow: 4px 4px 6px -3px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 4px 4px 6px -3px rgba(0, 0, 0, 0.8);
box-shadow: 4px 4px 6px -3px rgba(0, 0, 0, 0.8);}
.s56 .label h2 {  padding:0; font-weight: 300; color: #fff; text-transform: capitalize;  font-size: 3.5rem; text-align: center; text-shadow: 4px 4px 6px rgba(0, 0, 0, 1);}
.s56 .label h2 span { font-weight: 300;  font-size: 2.8rem; text-shadow: 4px 4px 6px rgba(0, 0, 0, 1); }
.s56 .label p { font-weight: 300;  color: #fff;  font-size: 2rem; text-align: center; text-shadow: 4px 4px 6px rgba(0, 0, 0, 1); }

.s56 .swiper-slide { animation: zoomAndPan 20s infinite ease-in-out; background-size: 110%; background-position: center center;}


@keyframes pulse {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(0.8);
  }
}

.op {  animation: pulse 1.5s infinite ease-in-out; display: table;  position: absolute; z-index: 9; left: 4rem; bottom: 1rem;  background-color: #004869; color: #fff;  text-decoration: none; padding: 2.5rem 1.5rem; border-radius: 100rem; text-transform: uppercase;  font-size: 0.9rem;   text-align: center;}
.op span { font-size: 1.3rem; font-weight: 500; display: block !important;}



.choice {height: 35vh; min-height: 150px; margin-top: -1rem; margin-bottom: 0;}
.choice > div { position: relative;  background-size: cover; background-position: center center; }
.choice .osobowe { background-image: url(/images/osobowe.jpg);  }
.choice .osobowe::before { content: ''; background-color: rgb(0, 0, 0, 0.4); width: 100%; height: 100%; position: absolute; z-index: 1;}
.choice .dostawcze { background-image: url(/images/dostawcze.jpg);  }
.choice .dostawcze::before { content: ''; background-color: rgb(255, 0, 0, 0.4); width: 100%; height: 100%; position: absolute; z-index: 1;}
.choice .btn { animation: shakeCycle 11s infinite; position: absolute; z-index: 2; bottom:10%; margin-left: auto;  margin-right: auto; left: 0; right: 0;}
.choice .dostawcze .btn { background-color: #000;}


.s58 { margin: 0; height: 15vh; min-height: 100px; background-color: #233F37;}
.s58 * { font-size: 0.75rem; color: #919F9B; text-decoration: none; text-transform:lowercase;}
.s58 ul { display: flex; flex-direction: column; justify-content: center;}
.s58 ul li { display: block;}
.s58 ul li a { font-size: 1rem; padding: 0.15rem; display: block; }
.s58 .adress p {  font-size: 0.75rem;  text-align: right;  padding: 0; margin: 0 1rem 0.5rem 0; } 
.s58 .adress p:nth-child(1) { font-size: 1.2rem;  padding-top: 0.5rem;}
.s58 .adress { position: relative;  display: flex; flex-direction: column; justify-content: center; align-items: end; }
.s58 img { opacity: 0.5; width: 50%; height: auto;}


.s60 { min-height: auto; padding: 0;  position: relative; background-image: url(/images/s4.jpg); background-attachment: fixed; background-position: center top; background-size: cover;   }
.s60 * { color: #282828; font-size: 1.5rem;}
.s60 h2 { text-transform: none; font-size: 3.5rem; font-family: "Great Vibes", cursive; margin-bottom: 2rem;}
.s60 h2::before { background-image: url(/images/party.svg); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; content: ''; display: table; height: 2rem; width: 2rem;   padding-left: 1.5rem;  margin:0 auto 1rem auto;}
.s60 .wrap-section { padding: 2rem 4rem; min-height: 60vh;   background-color: rgba(255, 255, 255, 0.8); width: calc(100% - 8rem); height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.s60 .btn { margin-top: 3rem;  background: none !important; border: 1px solid #233F37;}


.s37 {
  background-color: #222222;
  min-height: auto;
}
.s37 * { color: #fff; font-size: 1rem; text-decoration: none; text-transform: lowercase;}

.s59 { margin: 0;   background-color: #000; }
.s59 * { color: #0295D9; text-transform: uppercase; font-size: 1.5rem;}
.s59 strong { display: block; font-size: 2rem; font-weight: 500;}
.s59 strong::before { animation-direction: reverse; animation-name: spin;
    animation-duration: 10000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; background-image: url(/images/ring.png); background-repeat: no-repeat; background-position: center; background-size: auto 100%; content: ''; display: block; height: 2.5rem;  margin-bottom: 1rem;}
.s59 ul li { border: 1px solid #0295D9; padding: 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.s59 ul li:nth-child(2) { background-color: #0295D9; color: #fff;}
.s59 ul li:nth-child(2) strong { filter: brightness(1000); }
.s59 ul { min-height: 50vh; }

.margin { margin: 0; padding: 1rem 4rem 4rem 4rem;}
.margin h3 { color:#666; margin: 0 0 2rem 0; padding: 0; text-transform: none; font-weight: 400; font-size: 1.8rem;}
.margin h4 { color:#666; margin: 0 0 2rem 0; padding: 0; text-transform: none; font-weight: 400; font-size: 1.3rem;}
.artImg { width: 50%; height: auto; float: right; margin: 0 0 1rem 1rem; }
.margin ul { margin: 1rem 1rem 1rem 2rem;}

.s64 { position: relative; margin: 0; padding: 0 16rem; min-height: 50vh; background: #DEDEDE; display: flex; justify-content:space-between; align-items: center;}
.s64 * { color: #233F37; font-size: 1.5rem;  font-weight: 400; text-align: center;  text-transform: uppercase;}
.s64 span { margin: 1rem;  }
.s64 span strong { display: block;}
.s64 span::before { background-position: center center; background-size: 50% auto; background-repeat: no-repeat; margin-bottom: 1rem; content: ''; display: table; width: 10rem; height: 10rem; background-color: #233F37; border-radius: 100rem; }
.s64 span:nth-child(1)::before { background-image: url(/images/p1.svg);}
.s64 span:nth-child(2)::before { background-image: url(/images/p2.svg);}
.s64 span:nth-child(3)::before { background-image: url(/images/p3.svg);}
.s64::before { bottom: 0; left: 50%; margin-left: -5%; background-color: #233F37; content: ''; display: table; position: absolute; width: 10%; height: 0.5rem;}

main {  display: table; width: 100%;}

.home { background: linear-gradient(to bottom, #fff 0%, #fff 50%, #dedede 50%, #dedede 100%); padding: 4rem 6rem 0.5rem 6rem;}
.home > div { gap: 1rem; display: grid; padding: 1rem; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 40vh 40vh; border-top: 1px solid #dedede; border-left: 1px solid #dedede; background: #fff; min-height: 50vh; height: auto; -webkit-box-shadow: 4px 4px 6px -3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 4px 4px 6px -3px rgba(0, 0, 0, 0.8);
  box-shadow: 4px 4px 6px -3px rgba(0, 0, 0, 0.8);}
.home > div > div { grid-column: 1 / 3; grid-row: 1 / 3; padding: 2rem; display: flex; justify-content: center; flex-direction: column;}
.home h1 { text-align: center; font-family: "Great Vibes", cursive; text-transform: capitalize; color: #233F37; font-size: 3.5rem; }
.home p { color: #4E4E4E; margin-bottom: 1rem;}
.home img { width: 100%; height: 100%; object-fit: cover;}
.home > div > img:nth-of-type(3) {  grid-column: 3 / 5; grid-row: 2 / 3;}

.main-text * { color: #282828;}
.main-text h1 { color: #A58A4C; text-transform: none; font-size: 3rem; margin-bottom: 2rem;}
.main-text h1 span { color: #A58A4C; font-size: 2rem; display: block;}
.main-text p { font-size: 1.2rem;}
.main-text { background-color: #fff;}
.main-text img { border-radius: 100rem; height: 80% !important;}
.main-text img:nth-of-type(1) {
  margin-top: 10vh;
}

.main-text .btn { margin-top: 3rem;}

.wrap-h1 { animation: slideUpDown  infinite ease-in-out 30s;  overflow: hidden;  margin:0 0 2rem 0;   content:"";      background-image: url(/images/s2.jpg); background-attachment: fixed; background-size: 110%;   background-position: center top; }
.wrap-h1 h1 {  color: #fff; font-family: "Great Vibes", cursive; background-color: rgba(0, 0, 0, 0.5);  height: 20vh; display: flex; font-weight: 300; text-transform:capitalize; font-size: 2.5rem; align-items: center; justify-content: center;  min-height: 100px; text-align: center; }

.wrap { margin: 0 4rem; display: table;}
.wrap .art-img { width: calc(50% - 1rem); height: 100%;  float: right; margin: 0 0 1rem 1rem;}
.wrap p { font-size: 1.2rem; line-height: 2rem; margin-bottom: 1.5rem; }
.wrap strong { font-size: 1.8rem; font-weight: 400; line-height: 2rem; margin-bottom: 1.5rem; }
.wrap .art-p { font-size: 2rem; line-height: 2.5rem; font-weight: 400;}
.wrap ul { margin: 1rem 1rem 1rem 3rem;}
.wrap ul li { margin: 0 0 1rem 0; padding: 0;}

.tiles { grid-auto-rows: minmax(auto, min-content); min-height: auto; }
.tiles a { text-transform: uppercase; padding: 1.5rem 2rem; display: flex; justify-content: center; align-items: center; font-size: 1rem;  border-radius: 100rem; text-align: center; color: #282828; background-color: #A58A4C;  text-decoration: none; }



.contact { min-height: 50vh; height: auto; margin: -1rem 4rem 1rem 4rem; padding: 0;  }
.contact .flex-center-middle { min-height: auto; margin: 0;}
.contact > div:nth-child(1) { background-color: #eee; }
.contact > div:nth-child(2) { background-color: #233F37; }
.contact > div:nth-child(2) * { color: #fff; text-decoration: none; font-size: 1.2rem;}
.contact > div:nth-child(2) i { font-size: 0.95rem; color: #999; }
.contact iframe { width: 100%; height: 100%; }

.productsSlide .swiper-button-next,
.productsSlide .swiper-button-prev
{
    top: var(--swiper-navigation-top-offset,45%) !important;
    right:0px;
    padding: 10px;
    color: rgb(255, 255, 255) !important;
    fill: rgb(255, 255, 255) !important;
    stroke: rgb(255, 255, 255) !important;

    font-size: 10px;
    background-color: #000000 !important; 
}


.s25 {   background-color: #A58A4C;  position: relative; height: auto;   width: calc(100% - 8rem);  padding: 2rem 4rem 2rem 4rem;  }
.s25 > div {  min-height: 20vh; }
.s25 a { padding: 0.5rem 2rem; height: auto; display: flex; justify-content: center; border-radius: 100rem; align-items: center; min-height: auto; text-transform: uppercase; background-color: #282828; color: #fff;  text-decoration: none;  }
.s25 a:nth-child(2), .s25 a:nth-child(4), .s25 a:nth-child(5), .s25 a:nth-child(7) { background-color: #554727; }
.s25 h2 {
  text-transform: none;
  font-size: 2.5rem;
  text-align: center;
  text-transform: uppercase;
  color: #282828;
}

.s25 h2::before {
  background-image: url(/images/saw.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  content: '';
  display: block;
  height: 4rem;
  margin-bottom: 1rem;
}


.menu-card h4 { font-size: 1.6rem; margin: 2rem; text-align: center; color: #233F37;}
.menu-card li * { font-size: 1.2rem;}
.menu-card li { border-bottom: 1px dotted #444; padding: 1rem !important;  display: flex; justify-content: space-between;}
.menu-card li:last-child { border-bottom: none; }

.dd-details { margin-top: 1rem; background-color: #233F37; color: #fff; padding: 2rem 1rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}    
.dd-details * { text-align: center; color: #fff !important;}
.dd-details h2 { display:none; margin: 1rem; text-transform: capitalize; color: #bbb !important; font-family: "Great Vibes", cursive; }
.dd-details h3 { margin: 2rem; font-size: 2.5rem; color: #DBAE41 !important; font-family: "Great Vibes", cursive; text-transform: capitalize;}
.dd-details h4 { margin: 2rem; font-size: 2rem; color: #DBAE41 !important; }
.swiper .dd {
  width: auto;
 // max-width: auto
  margin: 0 auto;
}
.dd .swiper-slide {
  width: 30% !important;
 //width: auto !important;
}
.dd .swiper-slide a { background-color: #888; color:#fff; text-decoration: none; display: flex; padding: 1rem; align-items: center; flex-direction: column;}
.dd .swiper-slide .this { background-color: #233F37; }
.dd .swiper-button-next,
.dd .swiper-button-prev
{
    top: var(--swiper-navigation-top-offset,40%) !important;
    right:0px;
    padding: 0.5rem;
    color: rgb(255, 255, 255) !important;
    fill: rgb(255, 255, 255) !important;
    stroke: rgb(255, 255, 255) !important;

    font-size: 5px;
    background-color: #000 !important; 
}
.dd .swiper-button-prev { left:0; }

    .dd-main { display: grid; gap: 1rem; grid-template-columns: 60% 40%; background-color: #233F37; margin: 0px; padding: 1rem 6rem; }
    .dd-main .details { border: 1px solid #fff; padding: 2rem;}
    .dd-main .details * { color: #fff; text-align: center;}
    .dd-main .details h2 { font-size: 3rem; font-family: "Great Vibes", cursive; text-transform: capitalize; }
    .dd-main .details h2::before { background-image: url(/images/dd.svg); background-repeat: no-repeat; background-position: center; background-size: auto 100%; content: ''; display: block; height: 3rem;  margin-bottom: 1rem;}
    .dd-main .details h3  { color: #DBAE41; font-size: 1.2rem;}
    .dd-main .details p { font-size: 0.95rem; }
    .dd-main .details .call { display: table; font-size: 1.5rem; margin:1rem auto 0 auto; background-color: #101D19; text-decoration: none; padding: 1rem 2rem;}
    .dd-main .details .call::before { vertical-align: middle; margin-right: 0.25rem; background-image: url(/images/phone.svg); background-repeat: no-repeat; background-position: center; background-size: auto 100%; content: ''; display:inline-table; height: 2rem; width: 2rem; }
    .dd-main .images { position: relative;}
    .dd-main .images img {width: 70%; height: 100%; object-fit: cover; position: absolute; z-index: 1; }
    .dd-main .images img:nth-of-type(2)   { border-left: 1rem solid #233F37; border-top: 1rem solid #233F37; width: 50%; height: 70%; z-index: 2; bottom: 0; right: 0;  }
    
    .res-logo { display: none;}

@media only screen and (max-width: 1366px) {
  * { font-size: 15px;  }
}

@media only screen and (max-width: 1280px) {
  * { font-size: 14px;  }
}

@media only screen and (max-width: 1152px) {
  * { font-size: 13px;  }   
}

@media only screen and (max-width: 1024px) {
  * { font-size: 12px;  }


  .s64 {  padding: 1rem 1rem 4rem 1rem;  flex-direction: column; }


.home {  padding: 1rem;}
.home > div { gap: 1rem; display: grid; padding: 1rem; grid-template-columns: 1fr ; grid-template-rows: auto 1fr 1fr 1fr; border-top: 1px solid #dedede; border-left: 1px solid #dedede; background: #fff; min-height: 50vh; height: auto; -webkit-box-shadow: 4px 4px 6px -3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 4px 4px 6px -3px rgba(0, 0, 0, 0.8);
  box-shadow: 4px 4px 6px -3px rgba(0, 0, 0, 0.8);}
.home > div > div {  grid-column: auto; grid-row: auto; padding: 2rem; display: flex; justify-content: center; flex-direction: column;}
.home h1 { text-align: center; font-family: "Great Vibes", cursive; text-transform: capitalize; color: #233F37; font-size: 3.5rem; }
.home p { color: #4E4E4E; margin-bottom: 1rem;}
.home img { width: 100%; height: 100%; object-fit: cover;}
.home > div > img:nth-of-type(3) {  grid-column: auto; grid-row: auto;}  

    .dd-main { display: grid; gap: 1rem; grid-template-columns: 1fr; grid-auto-rows: 1fr; background-color: #233F37; margin: 0px; padding: 1rem; }
.dd-main .images { grid-row: 2;}
.dd-main .details {grid-row: 1;}

  .op { display: none;}
  .phone, .s58 ul, .artImg { display: none !important;}
  .hamburger {  border: 0;  text-indent: -4000px; background-color: #233F37; background-repeat: no-repeat; background-position: right center; background-size: 100% auto; background-image: url(/images/hamburger.svg);  width: 3rem; cursor: pointer; display: table;  position: absolute; height: 3rem; right: 1rem; top:0; }
  .hamburger:hover { opacity: 0.6;} 
  .spin-wrap { display: none;}
  .menu * { all: unset !important; }
 
 header .menu { display: none;  background-color: #233F37; padding: 0; top:0 !important; left: 0 !important; width: 70vw; height: 100vh;  position: fixed !important; z-index: 9999 !important;}

header .fb { position:absolute; width:2rem; height:auto; right:1.5rem; top:5rem;  min-height: auto; height: 2rem;}

.menu a { color: #fff!important;  text-transform: uppercase !important; display: block !important; padding: 0.5rem !important; font-size: 1.5rem !important; cursor: pointer !important;}
.menu ul, .menu ul li { display: block !important;}
.menu ul { margin: 0.5rem 1rem !important;}
.menu ul ul a { color: #eee !important; font-size: 0.85rem !important;}
.menu > ul {  margin: 2rem 1rem 6rem 1rem  !important;} 
.menu { display: none;} 

.menu ul .m76 { display: none !important; }

.res-logo { display: table; left: 50%; transform: translateX(-50%); margin-left: -1rem; top:2rem; position: absolute; z-index: 9; }
.res-logo img {  width: 40vw; min-width: 250px; height: auto; }

.barup { bottom: -1rem; }



.s56 .swiper-slide { animation: none; background-size:cover; background-position: center center;}

.main-text {   grid-template-columns: 1fr; grid-auto-rows: auto;  min-height: 50vh; height: auto; }

.main-text  img {
display: none !important;
} 

.s56 .swiper-button-next,
.s56 .swiper-button-prev {  display: none !important;}

.choice { padding: 0; margin-top: 1rem; margin-bottom: 2rem;}



.s25 a { padding: 1rem 2rem; text-align: center;  }



.s1, .s2, .s3 { animation:none;         background-size: cover; background-position: right center;}
//.s56 .label { background-color: rgb(0, 0, 0, 0.2); align-items: center;   width: calc(100% - 2rem); height: calc(100% - 2rem);  padding: 1rem;}
//.s56 .label h2, .s56 .label p { text-align: center; color: #fff; text-shadow: 4px 4px 6px rgba(0, 0, 0, 1);}



.main-text .field-1 h1 {  font-size: 1.8rem; }

.wrap strong { font-size: 1.5rem; font-weight: 400; line-height: 2rem; margin-bottom: 1.2rem; }
.wrap .art-p { font-size: 1.5rem; line-height: 2rem; font-weight: 400;}

.wrap-h1 { animation:none;     content:"";      background-image: url(/images/s1.jpg); background-attachment: fixed; background-size: auto 100%;   background-position: right top; }
.wrap-h1 h1 {  font-size: 1.8rem; height: 10vh; min-height: 50px;}

.s58 * { font-size: 0.75rem; color: #fff; text-decoration: none; }
.s58 .adress {  align-items: center; justify-content: center;}

.margin { margin: 0; padding: 1rem 2rem 2rem 2rem;}
.margin h3 { font-size: 1.5rem; margin: 0; padding: 0;}
.margin p {  margin: 1rem 0; padding: 0;}

.gallery {
  margin: 1rem;
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr ;
  grid-auto-rows: auto;
}

.nonHome {   position: relative; background:#0d1714;}
.nonHome .res-logo { min-height: 60px; display: flex; align-items: center; justify-content: center; left: 0; padding: 2rem; transform: none; top:0; position: relative; z-index: 0; }
.nonHome .res-logo img {  width: 40vw; min-width: 250px; height: auto; margin-left: -1rem; }

.s60 * { color: #282828; font-size: 1rem;}


.menu-card h4 { font-size: 1.3rem; margin: 0rem; text-align: center; color: #233F37;}
.menu-card li * { font-size: 1rem;}
.menu-card li { border-bottom: 1px dotted #444; padding: 1rem 0 !important;  display: flex; justify-content: space-between;}
.menu-card li:last-child { border-bottom: none; }


.gallery { position: relative; margin: 1rem 0; display: grid; gap: 1rem; grid-template-columns: 1fr ; grid-auto-rows: auto; }
.gallery-one { position: relative; margin: 1rem 0; display: grid; gap: 1rem; grid-template-columns: 1fr ; grid-auto-rows: auto;}
.gallery img, .gallery-one img { width: 100%; height: 100%; object-fit: cover;}

.dd-details { margin-top: 1rem; background-color: #233F37; color: #fff; padding: 2rem 1rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }    
.dd-details * { text-align: center; color: #fff !important;}
.dd-details h2 { display:none; margin: 1rem; text-transform: capitalize; color: #bbb !important; font-family: "Great Vibes", cursive; }
.dd-details h3 { margin: 2rem; font-size: 2.5rem; color: #DBAE41 !important; font-family: "Great Vibes", cursive; text-transform: capitalize;}
.dd-details h4 { margin: 2rem; font-size: 2rem; color: #DBAE41 !important; }


.dd {
    
  width: 100%;
  margin: 0 auto;
}
.dd .swiper-slide {
  width: 30% !important;
 //width: auto !important;
}
.dd .swiper-slide a { background-color: #888; color:#fff; text-decoration: none; display: flex; padding: 1rem; align-items: center; flex-direction: column;}
.dd .swiper-slide .this { background-color: #233F37; }
.dd .swiper-button-next,
.dd .swiper-button-prev
{
    top: var(--swiper-navigation-top-offset,40%) !important;
    right:0px;
    padding: 0.5rem;
    color: rgb(255, 255, 255) !important;
    fill: rgb(255, 255, 255) !important;
    stroke: rgb(255, 255, 255) !important;

    font-size: 5px;
    background-color: #000 !important; 
}
.dd .swiper-button-prev { left:0; }

}

@media only screen and (max-width: 800px) {

    .dd {
    
  width: calc(100vw - 6rem);
  margin: 0 auto;
}

.dd .swiper-slide {
  width: 100% !important;
 //width: auto !important;
}

  .gallery { grid-template-columns: 1fr ; }

}