body {padding-bottom: 0px;color: #5a5a5a; font-size: clamp(0.9rem, 0.9vw, 0.9rem)!important;}


a{font-size:clamp(0.9rem, 0.9vw, 0.9rem) !important; color:#222; text-decoration:none}

h1{   font-family: "Staatliches", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(2rem, 2vw, 2rem) !important;
}
h2{    xxfont-family: "Italiana", sans-serif;font-weight: 600;
  font-style: normal; text-transform:uppercase}
h3{xxtext-align:center}
h4{ 
 font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;  
  }  
  
h6{ 
 font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;  
  font-size: clamp(1rem, 1vw, 1rem) !important;
  }

h4 span{  font-family: "La Belle Aurore", cursive;  font-optical-sizing: auto;
  font-style: normal;  }
.small, small {font-size: 75%;}


.container-fluid{padding-left:0; padding-right:0}
.container{ccccbackground:white; padding-top:20px}
#content {margin-top: 0px;}
.paddingzero{padding:0}


.col-xs-2{
  flex: 0 0 auto;
  width: 16.66666667%;
}

.bg-green{background:#7F8D18!important;}
.bg-lightgreen{background:#4e514d;}
.bg-grey{background: #e2dfdf;}


.table {
  --bs-table-bg: transparent;
}

/***************************NAVIGATION*********************/
/*.navbar-default .navbar-nav > li > a {color: white;text-transform: uppercase;font-weight: bold;}
.navbar-default {background-color: transparent;border-color: transparent;}
.navbar-nav > li {xxxxbackground: rgba(0,0,0,0.8);xxxmargin-right: 3px; padding: 15px 0;}
.navbar-nav .open .dropdown-menu { background-color: white;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 1000px;}
.navbar-nav > li > a {padding-top: 0px;padding-bottom: 0px;}
 */


@media (min-width:760px) {
ul.dropdown-menu {width:600px}
ul.dropdown-menu li{float:left; display:inline-block; width:190px}
}
@media (min-width:980px) {
ul.dropdown-menu {width:965px; margin-left:-300px}
ul.dropdown-menu li{float:left; display:inline-block; width:190px}
}
@media (min-width: 1200px) {
  .navmenu .dropdown ul li {
    min-width: 100%;
    margin: 5px 0px;
    border-bottom:1px solid grey
  }
}
/******************HEADER*************************/
.language{z-index:5000; position:fixed; left:0%; } 
     @media (max-width: 1170px) {.language{top:0px}}
     .language ul{padding-left: 10px;}
     .language ul li{display:inline; list-style:none;padding: 5px;background: white;text-align: center;border-radius: 30%;font-weight: bold;}
header h1{ color:white; font-size:15px
          text-align: left;
          text-shadow: 2px 2px 3px black;}

header h5{color:grey;font-family: 'Qwigley', cursive; font-size: 37px; cctext-shadow: 2px 2px 1px #3f3530;}
.fa{color:white}

.navbar-nav > li >a{xxxxcolor:white}
.nav > li > a {padding: 10px 25px 10px 10px;}

.navbar-default {
    background-color:transparent;
    border-color:transparent;}
.navbar_artis > li > a {font-weight: 600;text-transform: uppercase;} 
.fixed-theme ul.nav.navbar-nav.navbar_artis{padding-top: 20px;}
ul.nav.navbar-nav.navbar_artis{padding-top: 20px; xxxbox-shadow: 0px 1px 0px #323232; padding-left: 15px;}
.navbar-default .navbar-nav > li > a {xxxcolor: #222;}
   .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: middle;
    border-top: 10px dashed;
    border-top: 4px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    color:white}
.navbar-default .navbar-nav > li > a {color: white; border-left: 2px solid white; text-transform: uppercase;
font-weight: bold;}   
     .navbar-default .navbar-nav > li > a:first-child {border-left: 2px solid transparent;}   
.socialicons{ }
.navbar-default .navbar-nav  {padding: 10px 0;padding-top: 45px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover 
{border-bottom:2px solid black; background:transparent;border: transparent;border-bottom: 2px solid white; color:white}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: white;
    background-color: transparent;
    border-bottom: 1px solid white;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
    background: transparent;
    border-color: grey;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    width: 100%;
    padding: 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #sss;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu > li > a {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border-bottom: 1px solid lightgrey;
    margin: 0 5px;
    font-size:13px
}
.navbar-nav > li > .dropdown-menu {xxxxmargin-top: 15px;}
.dropdown-menu > li > a:hover { background:transparent; color:#8f8d8d}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #444;;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
    margin: 0px;
    padding: 8px 10px 8px 35px;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 450px;}
.navbar-toggle .icon-bar {
    display: block;
    width: 32px;
    height: 4px;
    border-radius: 1px;
    background: white;
}
.navbar-nav {
    margin: px;
}

@media (max-width: 768px) {
.nav > li {background: black;text-align: center;}
.navbar-nav .open .dropdown-menu {background: white;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {padding: 0px 15px 0px 15px;}

  .navbar-fixed-top {
 z-index: 1600!important;
}

}

/*************BUTTON*********************/

/*************LOGO*************
@media (max-width: 500px) {
.logo{position:absolute; z-index:1500; right: 0;}
}

 ****/


/************TABLE*****************/
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 1px 0;
    line-height: 1.42857143;
    vertical-align: top;
    border-bottom: 0px solid #7F8D18; border-top: 0px solid #ddd;
}
.table > tbody > tr:last-child {border-bottom: 0px solid #ddd!important;}
.table > tbody > tr > td:first-child{font-weight:200; min-width:30%}
.table {margin-bottom: 10px; }
.table tr{background: transparent !important;}

/************DATATABLE iMG*****************/
/*
@media (min-width:100px) {
.bigimg{height:185px; overflow:hidden}}

@media (min-width: 450px) {
.bigimg{height:300px; overflow:hidden}}

@media (min-width: 680px) {
.bigimg {height:380px; overflow:hidden;}}

@media (min-width: 780px) {
.bigimg{height:328px; overflow:hidden}}

@media (min-width: 998px) {
.bigimg{height:368px; overflow:hidden}}

@media (min-width: 1168px) {
.bigimg{height:449px; overflow:hidden}}

*/
.bigimg1{width:100%;position: relative;xxtop: 50%;xxxtransform: translateY(-50%)}

@media (max-width: 449px) {
.swiper-height  {height:150px; overflow:hidden;  }}  




@media (min-width: 1169px) {
.xxbigimg1_box {height:460px;}  
.swiper-height  {height:90px; overflow:hidden; }} 




 @media (min-width: 980px) {
.xxbigimg1_box {height:365px;}  
.swiper-height  {height:90px; overflow:hidden; }}


 @media (min-width: 999px) {
.xxbigimg1_box {height:465px;}  
.swiper-height  {height:104px; overflow:hidden; }}


@media (min-width: 1480px) {
.xxxbigimg1_box {height:460px;}  
.swiper-height  {height:116px; overflow:hidden; }} 

@media (min-width: 1580px) {
.xxbigimg1_box {height:450px;}  
.swiper-height  {height:123px; overflow:hidden; }} 

@media (min-width: 1720px) {
.xxbigimg1_box {height:580px;}  
.swiper-height  {height:146px; overflow:hidden; background: #ededed;}} 

           
           
@media (min-width: 1920px) {
.xxbigimg1_box {height:580px;}  
.swiper-height  {height:148px; overflow:hidden; background: #ededed;}} 

 @media (max-width: 1168px) {
.xxxbigimg1_box {height:530px;}  
.swiper-height  {height:130px; overflow:hidden; }}






@media (max-width: 998px) {
.xxbigimg1_box {height:500px; } 
.swiper-height {height:200px; overflow:hidden; }}

@media (max-width: 780px) {
.xxbigimg1_box {height:420px; } 
.swiper-height  {height:120px; overflow:hidden; }}

@media (max-width: 680px) {
.xxbigimg1_box {height:570px;} 
.swiper-height {height:120px; overflow:hidden; }}


@media (max-width: 450px) {
.xxxbigimg1_box {height:250px; } 
.swiper-height {height:80px; overflow:hidden; }}

.swiper-height{display: flex;
    justify-content: center; position:relative}
img.miniimage2 {background-size: contain; height:100%; width:auto;overflow: hidden;  }







.bigimg1_box_mobile {width:100%}   

/**************BUTTONS***************/

.btn{border:0; border-radius:8px; text-transform: uppercase; font-weight:600; padding:10px; font-size: clamp(0.9rem, 0.9vw, 0.9rem) !important;}

.btn-primary{background:#87d201;}

.btn-default{background:#B2AD82; color:white; }
    .btn-default:hover{background:grey; color:white; }
.btn-info{background:white}
    .btn-info:hover{background:grey;}
.btn-secondary {background:#233804; color:white!important; border:1px solid #7F8D18; }
    .btn-secondary:hover {background:grey; color:white!important; border:1px solid #7F8D18; }

/*******************GALLERY**************/
@media (min-width: 200px) {
.gallery{padding:2px; height:100px; overflow:hidden;border-top: 3px solid white;}}

@media (min-width: 270px) {
.gallery{padding:2px; height:110px; overflow:hidden;border-top: 3px solid white;}}
@media (min-width: 850px) {
.gallery{padding:2px; height:110px;overflow:hidden;border-top: 3px solid white;}}

@media (min-width: 1280px) {
.gallery{padding:2px; height:190px;overflow:hidden;border-top: 3px solid white;}}

.gallery img{width:100%;position: relative;top: 50%;transform: translateY(-50%);border:1px solid white;}

footer{position:relative; z-index:500}



/********************************NAVIGACIO JS RÉSZE****************************************/ 
 html,
body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
}

header{}

footer {
    xxxpadding: 30px 0;
}

/*
 * Custom styles
 */
.navbar.navbar-fixed-top {
    xxxxborder-width: 0 0 1px;
    xxxheight: 40px;
    xxxxpadding-top: 50px;
}

 
 
 
.navbar-brand {
    font-size: 24px;
}

.navbar-container {
    xxxxpadding: 20px 0 0px 0;
}

.navbar.navbar-fixed-top.fixed-theme {
    background-color: #95946b;
    border-color: #080808;
    xxxxbox-shadow: 0 0 5px rgba(0,0,0,.8);
    ccccheight:40px
   padding-top: 0px; 
}

.navbar-brand.fixed-theme {
    font-size: 18px;
}

.navbar-container.fixed-theme {
    padding: 0;
}

.navbar-brand.fixed-theme,
.navbar-container.fixed-theme,
.navbar.navbar-fixed-top.fixed-theme,
.navbar-brand,
.navbar-container{
    transition: 0.8s;
    -webkit-transition:  0.8s;}       




/*MINIICONS OVERLAY*********/
  #box    {  width: 60px;
              height: 60px;
              box-shadow: inset 0px 0px 5px 0 rgba(0,0,0,.3);
              border-bottom: 2px solid #fff;
              border-right: 2px solid #fff;
              margin: 0 auto 0 auto;
              background: url(/thumbs/uloke.gif);
                  background-size: auto auto;
              background-size: cover;
              border-radius: 5px;
              overflow: hidden;        
              display: inline-block;
               }
       
               


#overlay    {  background:rgba(0,0,0,.75);
               text-align:center;
               padding:10px 0 10px 0;
               opacity:0;
               -webkit-transition: opacity .25s ease;
}

#box:hover #overlay {
               opacity:1;}   

#plus       {  font-family:Helvetica;
               font-weight:900;
               color:rgba(255,255,255,.85);
              
               font-size:30px;}
               
               
/*SUBPAGES ACCORDION*********/
.accordion-button::after {display:none}
.accordion-button:focus {box-shadow: none;}
.accordion-button:not(.collapsed){box-shadow: none;}
.accordion-button>.plus-minus {
                position: absolute;
                width: 16px;
                height: 16px;
                top: 3px;
                right:5px; z-index:500}

         .accordion-button>.plus-minus::after {
                  content: "";
                  width: 16px;
                  height: 2px;
                  background-color: black;
                  position: absolute;
                  top: 7px;
                  left: 0;
                }
                        .accordion-button .plus-minus::before {
                  transition: all 0.3s;
                  content: "";
                  width: 2px;
                  height: 16px;
                  background-color: black;
                  position: absolute;
                  top: 0;
                  left: 7px;
                  transform: rotate(0deg) }

                  
       .accordion-button:not(.collapsed) .plus-minus::before {transform: rotate(90deg); }




.accordion-flush .accordion-item .accordion-button, .accordion-flush {background:transparent; xxxborder-radius: 12px;}
.accordion-button:not(.collapsed) {background: transparent !important; }
.accordion-flush .accordion-item {background: transparent;}
.accordion-button:not(.collapsed) {
  background: transparent; !important; border:0
}

.accordion-body p b {color:#c4964d;}


/***LIGHTBOX NYILACSKA****/
.lb-prev::after {text-align: left;  }
  
 /***SLIDER****/ 
   #hero-carousel:after{content:''; z-index:20; position:absolute; top:0;background: linear-gradient(180deg,rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0.39) 70%, rgba(0, 0, 0, 0) 100%); height:240px; width:100%}
.top_news_box{margin-top:-90px;}                                                   
h1:after,h1:before{display:none!important}

.image-height{height:350px}

 @media (max-width:980px) {  
         .top_news_box{margin-top:0px;}  

        .image-height{height:300px}
  
  }

.hero .carousel-item::before {
  content: "";
  xxbackground-color:black;    
  xxxopacity:0.4;
  position: absolute;
  inset: 0;
  z-index:1

}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
 
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition:0.8s
}


.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  xxxdisplay: block;
}



.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}


//
// Alternate transitions
//

.carousel-fade {
  .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
  }

  .carousel-item.active,
  .carousel-item-next.carousel-item-start,
  .carousel-item-prev.carousel-item-end {
    z-index: 1;
    opacity: 1;
  }

  .active.carousel-item-start,
  .active.carousel-item-end {
    z-index: 0;
    opacity: 0;

  }
}


//
// Left/right controls for nav
//

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  // Use flex for alignment (1-3)
  display: flex; // 1. allow flex styles
  align-items: center; // 2. vertically center contents
  justify-content: center; // 3. horizontally center contents
  width: $carousel-control-width;
  padding: 0;
  color: $carousel-control-color;
  text-align: center;
  background: none;
  border: 0;
  opacity: $carousel-control-opacity;
  @include transition($carousel-control-transition);

  // Hover/focus state
  &:hover,
  &:focus {
    color: $carousel-control-color;
    text-decoration: none;
    outline: 0;
    opacity: $carousel-control-hover-opacity;
  }
}
.carousel-control-prev {
  left: 0;
  background-image: if($enable-gradients, linear-gradient(90deg, rgba($black, .25), rgba($black, .001)), null);
}
.carousel-control-next {
  right: 0;
  background-image: if($enable-gradients, linear-gradient(270deg, rgba($black, .25), rgba($black, .001)), null);
}

// Icons for within
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: $carousel-control-icon-width;
  height: $carousel-control-icon-width;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: escape-svg($carousel-control-prev-icon-bg) #{"/*rtl:" + escape-svg($carousel-control-next-icon-bg) + "*/"};
}
.carousel-control-next-icon {
  background-image: escape-svg($carousel-control-next-icon-bg) #{"/*rtl:" + escape-svg($carousel-control-prev-icon-bg) + "*/"};
}

// Optional indicator pips/controls
//
// Add a container (such as a list) with the following class and add an item (ideally a focusable control,
// like a button) with data-bs-target for each slide your carousel holds.

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  // Use the .carousel-control's width as margin so we don't overlay those
  margin-right: $carousel-control-width;
  margin-bottom: 1rem;
  margin-left: $carousel-control-width;

  [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: $carousel-indicator-width;
    height: $carousel-indicator-height;
    padding: 0;
    margin-right: $carousel-indicator-spacer;
    margin-left: $carousel-indicator-spacer;
    text-indent: -999px;
    cursor: pointer;
    background-color: $carousel-indicator-active-bg;
    background-clip: padding-box;
    border: 0;
    // Use transparent borders to increase the hit area by 10px on top and bottom.
    border-top: $carousel-indicator-hit-area-height solid transparent;
    border-bottom: $carousel-indicator-hit-area-height solid transparent;
    opacity: $carousel-indicator-opacity;
    @include transition($carousel-indicator-transition);
  }

  .active {
    opacity: $carousel-indicator-active-opacity;
  }
}





/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
  width: 100%;
  overflow: hidden;
  position: relative;
  xxxbackground: linear-gradient(0deg, var(--background-color) 0%, color-mix(in srgb, var(--background-color) 90%, white 10%) 100%);
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  height:600px;margin-top:-150px
}

@media (max-width: 1200px) { 
.hero{height:450px;}
}

.hero .carousel-container {
  text-align: left;
  position: relative;
  padding-bottom:15px;     
  z-index: 80;
}

     @media (min-width:1200px) {.hero .carousel-container {min-height: 600px;padding-left:10%; padding-right:20%; top:350px; bottom:0px;}}
     @media (max-width:1200px) {.hero .carousel-container {min-height: 450px;padding-left:10%; padding-right:10%;padding-bottom:0; bottom:0px;}}
     
     

.hero p {
  animation-delay: 0.4s;
  margin: 0 auto 30px auto;
  
}

.hero .carousel-control-prev,
.hero .carousel-control-next {
  width: 10%;
}

.hero .carousel-control-next-icon,
.hero .carousel-control-prev-icon {
  background: none;
  font-size: 48px;
  line-height: 1;
  width: auto;
  height: auto;
}


@media (min-width: 1024px) {
  .hero p {

  }

  .hero .carousel-control-prev,
  .hero .carousel-control-next {
    width: 5%;
  }
}



img.hero-slider{
  position: absolute;
  inset: 0;
  display: block;
  xxxwidth: 100%;
  height:100%;
  object-fit: cover;
  z-index: 0;
  left:10%;
  top:0% ;
  bottom:90px
}

    @media (max-width: 768px) { img.hero-slider{left:-40px}}
    
.carousel-control-next, .carousel-control-prev {z-index: 50;}
.bi-chevron-right::before, .bi-chevron-left::before {color: white;}

.bi::before, [class*=" bi-"]::before, [class^="bi-"]::before {color: #b2ad82;}

.icons.py-3{padding-bottom:3rem; padding-top:0rem!important}