@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

 
html {scroll-behavior: smooth;  }

body{ font-family: "Inter", sans-serif!important; color: #222;   font-size: 16px; font-weight: 400;  background-color: #fff; 
background-image: url("/wp-content/uploads/2026/05/tlo.jpg"); background-repeat: no-repeat; background-position: center;  background-position: center center;    background-attachment: fixed;    background-size: 100% 100%; position: relative; }

body::before {    content: "";    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;
    background: rgba(0, 0, 0, 0.3);    pointer-events: none;  }


#wrapper { background: #fff;  max-width: 1080px;  margin: 0 auto; position: relative; }


  
textarea:focus, input:focus, select:focus{   outline: 1px solid #000; box-shadow: none;  }


a{text-decoration: none!important;  }

a:link{text-decoration: none!important;  } 
 
header { position: absolute; width: 100%; z-index: 3;  padding-top: 0px; background: rgba(255, 255, 255, 0.99); position: relative; max-width: 1080px;   margin: 0 auto; }


header .logo img{ max-height: 94px;  width: auto;  max-width: 100%;   height: auto; }

header.mi { position: fixed;  padding-top: 0px; padding-bottom: 0px;  background: #fff;  top: 0; } 

header.mi .logo img{ max-height: 55px;   }

header.mi nav.navbar {padding-top: 10px; }


.facc img { width: 24px; height: auto; } 
 
.header-wrap { width: 100%; display: flex; width: 100%; justify-content: space-between; max-width: 1440px;  margin: 0 auto;  position: relative; flex-direction: column; padding: 0 20px; flex-direction: row; max-width: 1020px;   padding-top: 15px;   padding-bottom: 22px; padding-bottom: 10px; }

  
  
nav.navbar { padding-top: 27px; width: 100%; }

.navbar-toggler {  position: absolute; right: 0px; top: 25px; padding-right: 0; padding: 10px 15px; top: 16px; z-index: 1;}

 .navbar-toggler .linia { width:17px; height:3px; margin-top:0px; margin-bottom:0px; background-color:#0a1d39; display:block; margin-left: auto; margin-right: auto;   transition: all 0.2s; border-radius: 5px;  }

.navbar-toggler .linia:nth-of-type(2) { width:17px; height:3px; margin-top:3px; margin-bottom:3px; }

.navbar-toggler:focus{ outline: none;  box-shadow: none;  }

    .navbar-toggler[aria-expanded="true"]  .linia:nth-of-type(1)  { transform: rotate(-45deg);     top: 6px;    position: relative; transition: all 0.2s;  }
    .navbar-toggler[aria-expanded="true"]  .linia:nth-of-type(2)  { opacity:0; transition: all 0.2s;  }
    .navbar-toggler[aria-expanded="true"]  .linia:nth-of-type(3)  { transform: rotate(45deg);  top: -6px;  position: relative;  transition: all 0.2s; }

 

ul.navbar-nav {  }
ul.navbar-nav li a{ padding: 6px 14px;  display: inline-block;  font-weight: 400;  font-size: 16px; line-height: 22px;
  letter-spacing: 0.01em;  color: #000;  }

ul.navbar-nav li a:hover{ color:#ED1C24;   }


ul.navbar-nav li.current-menu-item > a{ color:#ED1C24;    }


ul.navbar-nav { position: relative; }

.menu-menu-glowne-container { width: 100%; }

ul.navbar-nav li.lup {  position: absolute; right: 0;  }

ul.navbar-nav li.lup a{ padding-top: 2px; padding-bottom: 0px;   }
ul.navbar-nav li.lup a:hover{ opacity: 0.6;  }

ul.navbar-nav li a.activvv{ color:#ED1C24;   } 

ul.navbar-nav li.icon a{ color:#ffdead;  position: relative; letter-spacing: 3px;  padding-right: 0; }
ul.navbar-nav li.icon a::before { color:#ED1C24; content: "\ea82"; position: absolute;  font-family: 'icomoon';  speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;  min-width: 1em;  display: inline-block;  text-align: left; left: -8px;  font-size: 16px;  vertical-align: middle;  position: relative;  top: -1px;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
  }
 

ul.navbar-nav li.dnone { display: none!important; }




.navbar-nav {  list-style: none;  margin: 0;  padding: 0;}

.navbar-nav > li { position: relative;}

.sub-menu { position: absolute;  top: 100%; left: 0; background: #fff; padding: 10px 0; min-width: 220px; opacity: 0;
    visibility: hidden; transform: translateY(10px); transition: 0.15s ease;  box-shadow: 0 10px 20px rgba(0,0,0,0.1);  z-index: 1; }



ul.navbar-nav  .sub-menu li { list-style: none;}

ul.navbar-nav  .sub-menu a { display: block;  padding: 10px 15px; color: #333; text-decoration: none; transition: 0.2s;}

ul.navbar-nav  .sub-menu a:hover { background: #f5f5f5;} 

 

ul.navbar-nav  .menu-item-has-children.open > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0);}







 

.footer-copyright{    }
 

.menu-item-has-children > a{   position: relative; }
 



.home main { max-width: 1080px;  margin: 0 auto; }


.slider-top .slider-top-wrap .splide__slide img { vertical-align: bottom;  position: relative;  left: 50%; transform: translateX(-50%);  }
.slider-top .slider-top-wrap { max-width: 1080px; margin: 0 auto; position: relative; }

.slider-top .slider-top-wrap .opis {width: 980px;overflow: hidden; margin: 0 auto; position: relative; border-bottom-left-radius: 20px;
  border-top-right-radius: 20px; max-width: 100%; }

.slider-top .slider-top-wrap .texttop { position: absolute;  width: auto;  left: 50%;  top: 50%;   background-color: rgba(0,0,0,0.6);  text-align: center;  padding: 10px 30px;  color: #fff; top:auto; bottom: 75px; right: 0; left: auto; }

.slider-top .slider-top-wrap .texttop h1 { font-size: 22px; font-weight: 600; margin-bottom: 0;  }
.slider-top .slider-top-wrap .texttop h1 b { font-size: 18px; font-weight: 400;   }

.slider-top .splide__pagination  { left: 53px;    top: 10px; bottom: auto;   right: auto;  }

.slider-top .splide__arrow { background: transparent; width: 1.5em; height: 1.5em; }  
.slider-top .splide__arrow img{ width: 100%; height: auto;  }  

.reservation-form {display: block;  position: absolute;  bottom: 0;  left: 50px; right: 50px; background: #000;     padding: 20px; background: transparent;   padding: 0;  border-bottom-left-radius: 20px; overflow: hidden; }



.slider-top  .splide__pagination__page {  background: #ccc;  border: 0;  border-radius: 50%;  display: inline-block;  height: 8px;
  margin: 3px;  opacity: .99;  padding: 0;  position: relative;  transition: transform .2s linear;  width: 8px; 
  width: 14px;  height: 7px; border-radius: 0; transform: scale(1.0); }

.slider-top  .splide__pagination__page.is-active { background: #e24225;  transform: scale(1.0); }



.section01  {width: 100%;   padding-top: 40px;  }

.section01::before{  pointer-events: none;  }

.section01 .section01-wrap { max-width: 1020px; margin: 0 auto;  position: relative; padding: 0 20px;  }

.section01 .section01-wrap .html1{font-size: 17px; line-height: 1.5; }

.section01 .section01-wrap .html1 em { color:#e24326;  font-style: normal; font-weight: 600;  }

.section01 .section01-wrap .html1 h2{ margin: 0 auto; text-align: center; font-size: 20px; font-weight: 600; margin-bottom: 10px; }

.section01 .section01-wrap .html1 h3{ margin: 0 auto; text-align: center;  font-size: 17px; line-height: 1.5; color:#e24326;  font-style: normal; font-weight: 600;  margin-bottom: 12px; letter-spacing: 0.5px;  }

.section01 .section01-wrap .html1 .btn1 { display: inline-block; padding: 6px 90px; margin:0 auto; background-color:#e24326; color:#fff;   left: 50%;  position: relative; transform: translateX(-50%); font-size: 24px;  font-weight: 600; text-align: center;  }


.section01 .section01-wrap .html1 .btn1:hover {  background-color:#c42d11;  }
 


.section01 .section01-wrap .boxy { display: flex; flex-direction: row; padding-top: 25px; flex-direction: row;  }

.section01 .section01-wrap .box { width: 31%; margin: 1%;  background: #F9F9F9; box-shadow: 0px 0px 4.5px 4px rgba(0, 0, 0, 0.09); border-radius: 4px;  }



.section-boxy { padding-top: 25px;  padding-bottom: 35px; }

.section-boxy .section-boxy-wrap {max-width: 1020px;  margin: 0 auto;  position: relative;   padding: 0 20px; }


.section-boxy  .boxy{  display: flex;  padding-top: 15px;  flex-direction: row; flex-wrap: wrap;  align-items: center; margin-left: -2%; margin-right: -2%;   justify-content: center; }



.section-boxy .box{ background-size: cover; background-position: center center; background-repeat: no-repeat; min-width: 210px; min-height: 120px;  height: auto; width: 21%; margin: 2%; position: relative; overflow: hidden; position: relative; }

.section-boxy .box:hover::before { content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.3);  z-index: 1; }

.section-boxy .box .text { position: absolute; bottom: 0; left: 0; right: 0; top: auto; background-color: rgba(0, 0, 0, 0.8); color :#fff; text-align: left; padding: 6px 20px;  font-size: 16px; font-weight: 400; }





.section-slogan { background: #eeeeee; padding-top: 23px; padding-bottom: 23px; border-top:1px solid #ccc; }
.section-slogan .section-slogan-wrap { text-align: center;   }
.section-slogan .section-slogan-wrap h2{ font-size: 26px; font-weight: 400; margin-bottom: 0;    }



.section-content .section-content-wrap{ max-width: 1020px;  margin: 0 auto;  position: relative;  padding: 0 20px; }

.section-content .section-content-wrap .page-title { padding-top: 30px; padding-bottom: 10px;    }
.section-content .section-content-wrap .page-title h2{ margin-bottom: 20px; font-size: 32px;   }

 

.gal .gal-wrap{ max-width: 1020px;   margin: 0 auto;   position: relative;   padding: 0; }


.page-id-462 .page-html a{  color: #e24225; font-weight: 600;  }
.page-id-462 .page-html h3{  color: #e24225; font-weight: 600; text-align:center; padding-top: 15px; margin-bottom: 15px; }

.gal  li{ list-style: none; }

.gal .boxall { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;   align-items: flex-start; margin-left: -1%; margin-right: -1%;  justify-content: center; }

.gal .box { width: 23%; margin: 1%; width: 23%;  }
.gal .box a{  color:#232323;   }

.gal .box-he{ padding: 10px; background-color: #fff;  cursor: pointer; border:1px solid #ddd;  }
.gal .box-he:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);   }
.gal .box-he img{ max-width: 100%; height: auto;  }
.gal .opis{ padding: 10px;  text-align: center; min-height: 45px; font-size: 18px;  font-weight: 500;  padding-top: 22px; }



.gal.pp4 .box { width: 31%;  width: 31%;  }


 
section.gallery { width: 100%; max-width: 1440px;  background-color:#F5F5F5;  position: relative;  padding: 0; margin: 0 auto;    }

section.gallery .gallery-wrap{  max-width: 990px; margin: 0 auto;   position: relative; padding: 20px 20px; padding-bottom: 100px;    }

section.gallery .gallery-wrap .boxall{ list-style: none; padding: 0; margin: 0 -1.5%; text-align: center; }

section.gallery .gallery-wrap .box { display: inline-block; width: 30%; margin:1.5%; padding: 0px; cursor: pointer; }

section.gallery .gallery-wrap .box0 { padding-bottom: 85px;  }

section.gallery .gallery-wrap #show-more{   padding: 11px 53px;  color: #91826A;    font-weight: 600;  font-size: 24px;  margin-top: 35px;  background-color: transparent; border: 1px solid #91826A;  }

section.gallery .gallery-wrap #show-more:hover { background-color: #91826A; color:#fff; }

section.gallery .gallery-wrap .box0 h2 { margin-bottom: 40px; }
section.gallery .gallery-wrap .box0 p{  font-weight: 300;font-size: 20px;line-height: 24px;text-align: center;color: #2B2A29; letter-spacing: 0.1px;  }


section.gallery .gallery-wrap ul{ margin: 0; padding: 0; position: relative; }
section.gallery .gallery-wrap ul::after{ content: ""; position: absolute;  background-repeat: no-repeat; bottom:0; left:0px; right: 0;   width: 100%; height: 200px;  pointer-events: none;  z-index: 1;    background: #FFF;
background: linear-gradient(180deg,rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 50%, rgba(245, 245, 245, 1) 100%); }

section.gallery .gallery-wrap ul.nowh::after {height: 0; }

section.gallery .gallery-wrap .box  img{ max-width: 100%; height: auto;   transition: all 0.2s;  }

section.gallery .gallery-wrap .box img:hover{ transition: all 0.2s; transform: scale(1.05);   -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);  -o-transform: scale(1.05);  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);  }

#exampleModal .image{ margin: 0 auto;  text-align: center;  width: 100%;  }
#exampleModal .image img{max-width: 100%; height: auto;   }

#exampleModal  .modal-content {border-radius: 0; background-image: url(https://www.fort.torun.pl/fortiv/wp-content/themes/wwwmotyw/assets/img/loader.gif); background-repeat: no-repeat; background-size: contain; background-position: center center; min-height: 80px; background-size: 70px;  min-height: 150px; }

#exampleModal .btn-close{ position: absolute;  right: 20px;  top: 20px; opacity: 1; cursor: pointer; padding: 6px; }


#exampleModal .btn-close {  background-color: #fff;  background-image: var(--bs-btn-close-bg);  background-position: center;
  background-size: 1em auto;  background-repeat: no-repeat;  opacity: 1;  }


.modal-arrow.prev { position: absolute; top:45%; left:0; width: 25px;  height: 70px;  background: rgba(255, 255, 255, 0.8); border:0; font-size: 20px; color: #444;}
.modal-arrow.next { position: absolute; top:45%; right:0; width: 25px;  height: 70px;  background: rgba(255, 255, 255, 0.8); border:0; font-size: 20px; color: #444;}



.gala.open .gala-wrap { display: block; }

.gala-wrap { display: none; }
 

.gala { max-width: 1020px;  margin: 0 auto;  position: relative;  padding: 0 20px; } 
.gala h2 { display: block;  background-color: #ccc;  padding: 10px 20px;  font-size: 26px; margin-bottom: 15px; cursor: pointer; }




.section-content .but1{ background-color: #E24225; padding: 10px 15px; color:#fff; margin-top: 20px; display: inline-block; }




.section02 { }
.section02  .box-a  { width: 49%;    }
.section02  .box-b  { width: 50%;    }
.section02  .box-b img{ max-width: 265px; height: auto;   }
.section02 .boxy{  display: flex;  flex-direction: row;  padding-top: 25px;  flex-direction: row; flex-wrap: wrap;  align-items: center; }


.footer { background-color: #2f120e;  }


.footer-info { background-color: #2f120e; display: none; }

.footer-info .boxy{  display: flex;  flex-direction: row;  padding-top: 25px;  flex-direction: row; flex-wrap: wrap;  align-items: center; }
.footer-info .boxy .box-a{ width: 33%;   }
.footer-info .boxy .box-b{ width: 33%;    }
.footer-info .boxy .box-c{ width: 33%;    }






.footer-copyright { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; padding-top: 10px; }

.footer-copyright-wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; padding:30px;   max-width: 1020px;   margin: 0 auto; padding-bottom: 15px; max-width: 1440px; padding: 15px 20px; max-width: 1270px; }

.footer-copyright p{ color:#fff; font-size: 13px; font-weight: 400; letter-spacing: 0.1px;  margin-bottom: 10px; }
.footer-copyright p a{ color:#fff;  padding: 0 10px; }
.footer-copyright p a:hover{ color:#fff; opacity: 0.9; text-decoration: underline !important;  }




main.pod {  position: relative; padding-top: 265px; padding-bottom:0px; padding-top: 10px;  }
main.pod::before  {   background-color: #333;  content: ""; position: absolute;  background-repeat: no-repeat; top:0; left:0px; right: 0;  width: 100%; height: 265px;   pointer-events: none;   height: 0; }


.section-title .section-title-wrap    { padding: 20px 50px;
  }
.section-title .section-title-wrap h1  {  margin-bottom: 10px;  font-size: 32px;  }
    

 
.des1 { border:1px solid #ccc; background-color: #eee; padding: 0px; margin-bottom: 20px; padding: 20px;  }

.des1 input { width: 200px;   }
.des1 b {display: inline-block;  width: 126px;  font-weight: 400;  }


.des2 { border:1px solid #ccc; background-color: #eee; padding: 0px; display: flex;  flex-direction: row;  flex-wrap: wrap; margin-bottom: 40px;  }

.des22 { padding: 20px;  padding-bottom: 0;  width: 50%;  }
.des33 { padding: 20px;  padding-bottom: 0; padding-left: 0;  width: 50%;}
.des44 { padding: 20px; padding-top: 0;  width: 100%; font-size: 14px; }
.des44 .wpcf7-list-item{ margin: 0;  }


.des2  input { padding: 4px 10px; width: 100%; font-size: 15px; }
.des2  label{ width: 100%;  }
.des2  textarea { padding: 10px 10px; width: 100%; font-size: 15px; height: 287px; }

.des2  input.wpcf7-submit { padding: 6px 20px; width: 150px; font-size: 16px; }

.des2  input.wpcf7-submit{ border: 0px solid #7e3025;    overflow: hidden;   color: #fff;     background-color: #e24326; text-align: center;  }

.des2  input.wpcf7-submit:hover{  background: #000; border:0px solid #000;  }

.des44  input { width:auto; }



#form1 { background: #2f120e;  width: 260px; padding: 20px;  width: 100%;  background: rgba(47, 18, 14, 0.8);  } 

#form1 .sel { border: 1px solid #7e3025;   overflow: hidden;  width: 216px;  background: #333333;  color: #fff;  padding: 5px 10px; width: 23%; margin-left: 1%; margin-right: 1%;  height: 35px; }

#form1 .date-a{ border: 1px solid #7e3025;    overflow: hidden;  width: 216px;  background: #333333;  color: #fff; width: 45%;  display: inline-block; padding: 5px 10px; width: 23%; margin-left: 1%; margin-right: 1%; height: 35px;}

#form1 .date-b{ border: 1px solid #7e3025;    overflow: hidden;  width: 216px;  background: #333333;  color: #fff; width: 45%; display: inline-block; padding: 5px 10px; width: 23%; margin-left: 1%; margin-right: 1%; height: 35px;}

#form1 .sub{ border: 1px solid #7e3025;    overflow: hidden;  width: 216px;  background: #333333;  color: #fff; width: 45%; display: inline-block; padding: 5px 10px; width: 20%; margin-left: 1%; margin-right: 1%;  height: 35px; background-color: #e24326; }

#form1 .sub:hover{  background: #000; border:1px solid #000;  }


button.xx1 { position: absolute;  right: 20px;  top: 20px;  opacity: 1;  cursor: pointer;  padding: 6px; }

button.xx1 { background-color: #fff;  background-image: var(--bs-btn-close-bg);  background-position: center;  background-size: 1em auto;
  background-repeat: no-repeat;  opacity: 1;  } 


.page-id-607  h2 {   font-size: 22px;  font-weight: 600;  margin-bottom: 30px; color: #e24326; }

.page-id-607  h3 {   font-size: 20px;  font-weight: 600;  margin-top: 30px;  margin-bottom: 30px; color: #333; }




.btn2 { display: inline-block; padding: 6px 30px; margin:0 auto; background-color:#e24326; color:#fff;  position: relative;  font-size: 18px;  font-weight: 600;  margin-top: 20px; margin-bottom: 30px;  max-width: 96%; text-align: center; }


 .btn2:hover {  background-color:#c42d11;  }


ol.alf { list-style: lower-alpha; }
ul.alf { list-style: lower-alpha; }

.page-id-462 li { margin-bottom: 7px; }

.page-html1 { width: 44%; display: inline-block; vertical-align: top; }
.page-html2 { width: 50%; display: inline-block;  vertical-align: top; font-size: 22px; padding: 20px;  padding-top: 35px; text-align: center; background-color: #eee; margin-left: 5%; border-bottom-left-radius: 20px; border-top-right-radius: 20px;
  overflow: hidden; }

.page-html2 a{  color:  #e24326;  }
.page-html2 a:hover{  color:  #000;  }
.page-html2 hr { width: 100px; margin: 30px;  margin-left: auto; margin-right: auto;   }


.page-html3 { width: 100%; display: inline-block;  vertical-align: top; margin-top: 30px; }


.page-html1 textarea {    height: 170px; }
.page-html1 b  { font-weight: 400;  }

.page-html1  label {  width: 100%;  } 

 

.page-html1 input{ width: 100%;   }
.page-html1 textarea{ width: 100%;   }


.page-html1 input.wpcf7-submit{  padding: 6px 20px; width: 150px; font-size: 16px;  border: 0px solid #7e3025;    overflow: hidden;   color: #fff;     background-color: #e24326; text-align: center;  }

.page-html1 input.wpcf7-submit:hover{  background: #000; border:0px solid #000;  }


.page-html1 p { margin-bottom: 10px; }

.page-html1 .wpcf7-list-item { margin-left: 0; font-size: 14px; }
.page-html1 .wpcf7-list-item input{ width: auto;  }


 .wpcf7  label > input[type="radio"].checked { accent-color: #e24326!important; }

.wpcf7  label > input[type="radio"] { accent-color: #e24326!important;}

 body .wpcf7 label > input[type="radio"].checked { accent-color: #e24326!important; }

body .wpcf7 label > input[type="checkbox"] { accent-color: #e24326!important;}



.page-html img { max-width: 100%; height: auto; }


#myModal1 .modal-content{ border-radius: 0;  background-image: url(/wp-content/themes/wwwmotyw/assets/img/loader.gif);
  background-repeat: no-repeat;  background-size: contain;  background-position: center center;  min-height: 80px;
  background-size: 70px;min-height: 150px; }







.cky-btn-reject { background: #222 !important; color: #fff !important; border: 1px solid #222 !important;}

.cky-btn-accept {background: #222!important;  color: #fff !important;  border: 1px solid #222 !important;}

.cky-btn-customize{color: #222!important;  border-color: #222!important;    background-color: transparent;}


.cky-consent-bar .cky-notice-content-wrapper {  padding: 5px 20px 0px 20px!important;}

.cky-consent-bar > div { padding-bottom: 0px!important;  }

.cky-btn-preferences  { background: #222!important;   color: #fff !important;   border: 1px solid#222 !important; }

.cky-btn-revisit-wrapper  {  background: #222!important; border:2px solid #fff!important;  }

body .cky-consent-bar .cky-notice-content-wrapper {  padding: 0px 20px 0px 20px; }



#exampleModal .modal-content {
  width: auto;
  min-width: 300px;
  margin: auto;
}



.error404 .box-html7  {padding-bottom: 100px;  text-align: center;  padding-top: 140px;}
.error404 .box-html7  .pag-link-home{ margin-top: 30px; margin-bottom: 20px;  }
.error404 .box-html7  .pag-header-title {font-size: 60px; font-weight: 700; margin-bottom: 20px;   }
.error404 .box-html7  a{  font-weight: 600;  font-size: 20px;  line-height: 33px;  text-decoration-line: underline !important;  color: #000; }
.error404 .box-html7  a:hover { color: #333; } 

.error500 .box-html7  {padding-bottom: 100px;  text-align: center; padding-top: 140px; }
.error500 .box-html7  .pag-link-home{ margin-top: 30px; margin-bottom: 20px;  }
.error500 .box-html7  .pag-header-title {font-size: 60px; font-weight: 700; margin-bottom: 20px;   }
.error500 .box-html7  a{  font-weight: 600;  font-size: 20px;  line-height: 33px;  text-decoration-line: underline !important;  color: #000; }
.error500 .box-html7  a:hover { color: #333; } 








@media (max-width: 1040px) {
    
     .slider-top .slider-top-wrap {    padding: 0 20px; }
    
    .slider-top .splide__arrow { background: #000;    border-radius: 0; border: 7px solid #000;  }
    .slider-top .splide__arrow img{ width: 100%; height: auto; }
    
    .reservation-form {  left: 20px;   right: 20px; }
        
    .slider-top .splide__pagination {  left: 0px; }
    
}




@media (min-width: 1200px) { 

    
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {  justify-content: end; padding-top: 2px;  justify-content: center; }
    
    header.mi .navbar-expand-lg .navbar-collapse {  padding-top: 4px;}
    
ul.navbar-nav .menu-item-has-children:hover > .sub-menu { opacity: 1;  visibility: visible;  transform: translateY(0);} 
    
    .submenu-toggle { display: none; }
    

    
    
  }
    


@media (max-width: 991px) {
    

        
    
    ul.navbar-nav li a{    padding: 12px 20px; } 
    
    ul.navbar-nav {  padding-top: 20px; padding-bottom: 20px;  }
    
    
 #primary-menu .menu-item-has-children { position: relative; }
    
#primary-menu .sub-menu { display: none; position: relative; top:0; background: #f5f5f5;     box-shadow: none; }
    
#primary-menu .menu-item-has-children.open > .sub-menu { display: block; }
    
#primary-menu .menu-item-has-children .submenu-toggle {  position: absolute;  right: 8px;  top: 50%;  transform: translateY(-50%);  width: 30px;  height: 30px;  display: inline-flex;  align-items: center;  justify-content: center;  cursor: pointer;  border: none;  background: transparent;  padding: 0;  color: inherit;  font-size: 16px; top: 24px; right: auto; }
    
#primary-menu .menu-item-has-children > a { }
#primary-menu .menu-item-has-children.open > .submenu-toggle svg {  transform: rotate(90deg);  transition: transform 0.18s ease;}
#primary-menu .menu-item-has-children .submenu-toggle svg {  transition: transform 0.18s ease;}
    
    
    .header-menu { width: 100%; }
  
    .logo { position: absolute; top: 10px;  left: 20px;  z-index: 1; }
    
  ul.navbar-nav { padding-top: 50px;   padding-bottom: 20px;  position: absolute;   background: #fff;     width: 100%; }
    
    .navbar-nav > li {  text-align: center; }
    
    header .logo img {   max-height: 80px; }
    
    .header-wrap { height: 100px; }
        
    
    
    
    .collapse,.collapse.show {  transition: none !important;  -webkit-transition: none !important;}
 .collapsing {  height: auto !important;  visibility: visible !important;  transition: none !important;  -webkit-transition: none !important;}
 .navbar-collapse,.navbar-collapse.collapse,.navbar-collapse.collapsing,.navbar-collapse.show {  transition: none !important;  -webkit-transition: none !important;}
    
    
    .page-id-607  .section-title .section-title-wrap {  padding: 20px 20px;}
    
 
}

@media (max-width: 768px) { 
    
    
    .slider-top .splide__arrow {    width: 2em;  height: 2em; } 
    
    #form1 .sel {  width: 48%; margin-bottom: 10px;  }
    #form1 .date-a {  width: 47%; margin-bottom: 10px; }
    #form1 .date-b {  width: 48%; }
    #form1 .sub {  width: 47%; }
    
  .slider-top   .splide__arrow--next {    right: 0; }
  .slider-top   .splide__arrow--prev {  left: 0; }
    
    
   
    .slider-top .slider-top-wrap .texttop {   left: 50%;  transform: translateX(-50%);  bottom: 120px;  width: auto;
    min-width: 300px; min-width: 100%;  } 
    
    .gal .box { width: 48%;  width: 48%; }
    
    
    .page-html1 {  width: 100%; margin-bottom: 30px; }
    .page-html2 { margin-left: 0;  width: 100%; }
    
    .gal.pp4 .box {  width: 48%;   width: 48%; }
   

} 

 @media (min-width: 577px) {
    .footer-menu-toggle { display: none; }

}

 @media (max-width: 576px) {
     
     .footer-copyright p { width: 100%; text-align: center; }
  
     
      .footer-menu-toggle {  margin: 0 auto; text-align: center; background: #fff;  border: 0; width: 36px; height: 30px; padding: 2px; }
      .footer-menu-toggle svg {  width: 20px;  }
     
     .fmenu   { text-align: center;  width: 100%; }
     .fmenu.open p { display: flex; }
     
     .fmenu p { position: absolute; bottom: 30px;  display: flex; flex-direction: column; background-color: #222; position: absolute;
    bottom: 60px;  display: flex;  flex-direction: column;  background-color: #2f120e;  left: 0;  right: 0;  padding: 20px; display: none; text-align: center; }

     .fmenu p a{ width: 100%; font-size: 16px; padding: 5px 10px; display: inline-block; }
 
     
    
     .slider-top .slider-top-wrap {   margin-bottom: 200px; }
     
     .reservation-form { bottom: -200px; }
         
     #form1 { background: rgba(47, 18, 14, 0.99); border-radius: 0;   }
     
     
     #form1 .sel {  width: 98%; margin-bottom: 10px;  }
    #form1 .date-a {  width: 98%; margin-bottom: 10px; }
    #form1 .date-b {  width: 98%; margin-bottom: 10px;}
    #form1 .sub {  width: 98%; height: 40px;  }
     
      .slider-top .slider-top-wrap .texttop {   bottom: 15px;  } 
     
     
     .section01 .section01-wrap .html1 .btn1 {  padding: 6px 30px; text-align: center;    max-width: 96%; }
     
     
     
     .des22 { padding-left: 20px ;  width: 100%; }
     .des33 { padding-left: 20px; padding-top: 0;  width: 100%; }
     
 .slider-top .slider-top-wrap .splide__slide img  { vertical-align: bottom;  position: relative; left: 50%; transform: translateX(-50%);   height: 240px; }
     
     
}
    
 
@media (max-width: 450px) {
  
    .gal .box { width: 98%;  width: 98%; margin-bottom: 20px;  }
    
      .gal.pp4 .box {  width: 98%;   width: 98%; margin-bottom: 25px;  }
    
    .des1 label { width: 100%; }
    .des1 label input { width: 100%; }
    
}
 

@media (max-width: 360px) {
    
}