@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Roboto+Slab:wght@100..900&display=swap');
.alt-font, .alt-font > * {  font-family: "Roboto Slab", serif;font-weight: 200;font-optical-sizing: auto;}
html{scroll-padding-top:12rem}
body{font-family: "Instrument Sans", sans-serif;font-weight: 200; font-style: normal;color:var(--color-1);font-size:1rem;}
a{transition:all ease-out .3s;color:var(--color-2);text-decoration:none;position:relative;}
a:hover,a:active{text-decoration:none;color:inherit;opacity: 1;}
h1,h2,h3,h4{font-family: "Roboto Slab", serif;font-weight: 100;}


/*img, bg img*/
img {max-width: 100%;height: auto!important;}
.img-fluid img {min-width: 100%;}
.bg-image {background-repeat: no-repeat;}
.bg-cover {background-size: cover;}
.bg-contain {background-size: contain;}
.bg-100 {background-size: 100%;}
.bg-center {background-position: center;}
.bg-top {background-position: top;}
.img-fit img {object-fit: cover!important;width: 100%!important;height: 100%!important;object-position: center top;}
.img-contain img {object-fit: contain!important;width: 100%!important;height: 100%!important;}
.img-right img {object-position: right;}
.img-left img {object-position: left;}
.img-blur img {filter: blur(10px);}
.img-brad-1 img {border-radius: 2rem;}
img[src="/img/"] {
  display: none;
}
/*colors:*/
:root {
    --color-0: #fff;
    --color-1: #4F4D4B;
    --color-2: rgb(112,130,112);
    --color-3: #4F4D4B;
    --color-4: #4F4D4B;
    --color-5: #4F4D4B;
    --color-6: rgb(255,255,255);
    --color-7: #DFDBD0;
    --color-8: #4F4D4B;
    --color-9: #FBF7EC;
    /*--color-10: #8E8C8A;*/
    --color-10: #222;
    --color-11: rgb(214,199,184);
    --color-12: rgb(214,199,184);
    --color-13: rgb(214,199,184);
    --color-14: rgb(214,199,184);
  }
/*:root {
    --color-0: #fff;
    --color-1: #000;
    --color-2: rgb(112,130,112);
    --color-3: rgb(173,161,148);
    --color-4: rgba(112,130,112,.8);
    --color-5: rgba(112,255,255,.33);
    --color-6: rgb(255,255,255);
    --color-7: rgb(214,199,184);
    --color-8: rgb(107,92,79);
    --color-9: rgba(214,199,184,.2);
    --color-10: rgb(211,214,200);
    --color-11: rgb(214,199,184);
    --color-12: rgb(214,199,184);
    --color-13: rgb(214,199,184);
    --color-14: rgb(214,199,184);
  }*/
  /*-> bg-colors, text-colors*/
  .bg-grad-1 {background-image: linear-gradient(90deg, var(--color-1), rgba(255,255,255,0));}
  .bg-grad-2 {background-image: linear-gradient(0deg, var(--color-7),var(--color-7) 40%, rgba(0,0,0,0));}
  .bg-grad-3 {background-image: linear-gradient(90deg, var(--color-7), rgba(255,255,255,0));transition: all ease-out .2s;}
  .bg-grad-3:hover {background-image: linear-gradient(90deg, var(--color-0), rgba(255,255,255,0));}
  .bg-overlay-1 {background-color: rgba(107,92,79,.5);}
  .bg-overlay-2 {background-color: rgba(0,0,0,.6);}
  .bg-overlay-3 {background-color: rgba(255,255,255,.7);}
  .bg-0 {background-color: #fff;transition: all ease-in .1s;}
  .bg-1 {background-color: var(--color-1);transition: all ease-in .1s;}
  .bg-2 {background-color: var(--color-2);transition: all ease-in .1s;}
  .bg-3 {background-color: var(--color-3);transition: all ease-in .1s;}
  .bg-4 {background-color: var(--color-4);}
  .bg-5 {background-color: var(--color-5);}
  .bg-6 {background-color: var(--color-6);}
  .bg-7 {background-color: var(--color-7);}
  .bg-8 {background-color: var(--color-8);}
  .bg-9 {background-color: var(--color-9);}
  .bg-10 {background-color: var(--color-10);}
  .bg-11 {background-color: var(--color-11);}
  .bg-12 {background-color: var(--color-12);}
  .bg-13 {background-color: var(--color-13);}
  .color-0:not(.btn), .color-0 a:not(.btn), a.color-0 {color: #fff!important;}
  .color-0 a:hover:not(.btn), a.color-0:hover {color: #fff!important;}
  .color-1:not(.btn):not(.btn), .color-1 a:not(.btn), a.color-1, .color-1 svg path {color:  var(--color-1)!important;}
  .color-1 a:hover, a.color-1:hover, a:hover .color-1 svg path {color:var(--color-1)!important;}
  .color-2:not(.btn):not(.btn), .color-2 a:not(.btn), a.color-2, .color-2 svg path {color:var(--color-2)!important;}
  .color-2 a:hover, a.color-2:hover {color:var(--color-2)!important;}
  .color-3:not(.btn), .color-3 a:not(.btn), a.color-3, .color-3 svg path {color: var(--color-3)!important;}
  .color-3 a:hover:not(.btn), a.color-3:hover {color: var(--color-3)!important;}
  .color-4:not(.btn), .color-4 a:not(.btn), a.color-4 {color: var(--color-4)!important;}
  .color-4 a:hover:not(.btn), a.color-4:hover {color: var(--color-4)!important;}
  .color-5:not(.btn), .color-5 a:not(.btn), a.color-5 {color: var(--color-5)!important;}
  .color-5 a:hover:not(.btn), a.color-4:hover {color: var(--color-5)!important;}
  .color-6:not(.btn), .color-6 a:not(.btn), a.color-6 {color: var(--color-6)!important;}
  .color-6 a:hover:not(.btn), a.color-6:hover {color:var(--color-2)!important;}
  .color-7:not(.btn), .color-7 a:not(.btn), a.color-7, .color-7 svg path {color: var(--color-7)!important;}
  .color-7 a:hover:not(.btn), a.color-7:hover {color: var(--color-0)!important;}
  .color-8:not(.btn), .color-8 a:not(.btn), a.color-8 {color: var(--color-8)!important;}
  .color-8 a:hover:not(.btn), a.color-4:hover {color: var(--color-8)!important;}
  .color-9:not(.btn), .color-9 a:not(.btn), a.color-9 {color: var(--color-9)!important;}
  .color-9 a:hover:not(.btn), a.color-9:hover {color: var(--color-9)!important;}
  .color-10:not(.btn), .color-10 a:not(.btn), a.color-10 {color: var(--color-10)!important;}
  .color-10 a:hover:not(.btn), a.color-10:hover {color:var(--color-10)!important;}
  .color-11:not(.btn), .color-11 a:not(.btn), a.color-11, .color-11 svg path {color: var(--color-11)!important;}
  .color-11 a:hover:not(.btn), a.color-11:hover {color: var(--color-11)!important;}
  .color-12:not(.btn), .color-12 a:not(.btn), a.color-12 {color: var(--color-12)!important;}
  .color-12 a:hover:not(.btn), a.color-12:hover {color: var(--color-12)!important;}
  .color-13:not(.btn), .color-13 a:not(.btn), a.color-13 {color: var(--color-13)!important;}
  .color-13 a:hover:not(.btn), a.color-13:hover {color: var(--color-13)!important;}
/* h1 - h6 - p settings */
/*h1,h2,h3,h4,h5,h6,p {margin-bottom:0}*/
h1{font-size:3rem;line-height:120%;}
h2{font-size:2rem;line-height:120%}
h3{font-size:2rem;line-height:130%}
h4{font-size:1rem;line-height:130%}
h5{font-size:1rem;line-height:140%}
/*p{line-height: 150%;margin-bottom: 0;}*/
p:last-child {margin-bottom: 0;}
b, strong {font-weight: 500;}
small {font-weight: 500;}
/* link color settings */
.dropdown-item.active, .dropdown-item:active {background-color: var(--color-3);}
a {color:var(--color-1);}
a:hover {color:var(--color-0);}
.link-primary {}
.link-secondary {}
.link-success {}
.link-danger {}
.link-warning {}
.link-info {}
.link-light {}
.link-dark {}
/* backgrounds */
.bg-primary {}
.bg-secondary {}
.bg-success {}
.bg-danger {}
.bg-warning {}
.bg-info {}
.bg-light {}
.bg-dark {}
.bg-body {}
/* button settings */
.btn{font-size:.9rem;outline:none;box-shadow:none;position:relative;transition:all ease-out .1s;border-radius:1rem;font-weight:500;padding:.97rem 1.25rem .97rem;text-transform:uppercase;box-shadow: 0 1px 2px rgba(0,0,0,0);}
.btn-sm {padding: .2rem 1rem;box-shadow: none;border: none;text-transform: none;}
.btn.hover-end:hover svg {transform: translateX(5px);transition: all ease-in .1s;}
.btn.hover-down:hover svg {transform: translateY(5px);transition: all ease-in .1s;}
.btn-primary{color:var(--color-1);background-color:transparent;border-color:var(--color-7);box-shadow:0 3px 0 rgba(0,0,0,0);border-width: 1px;}
.btn-primary:hover, .btn-check:focus+.btn-primary, .btn-primary:focus{color:#fff;background-color:var(--color-2);border-color:var(--color-2);box-shadow:0 1px 0 rgba(0,0,0,0)}
.btn-primary:hover svg path, .btn-primary:focus svg path {fill: var(--color-0)!important;}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,0)}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#000}
.btn-secondary{color:var(--color-0);background-color:var(--color-2);border-color: var(--color-2);}
.btn-secondary:hover, .btn-check:focus+.btn-secondary, .btn-secondary:focus{color:#fff;background-color:var(--color-1);border-color:var(--color-0);}
.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,0)}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333}
.btn-info{background-color:transparent;border:1px solid var(--color-1);color:var(--color-1);}
.btn-info:hover{color:var(--color-0);background-color:var(--color-1);border-color:var(--color-1)}
.btn-success{color:var(--color-0);background-color:var(--color-2);border:0 solid var(--color-2);}
/* .btn-success{color:var(--color-0);background-color:#4E5A4E;border:0 solid #4E5A4E;} */
.btn-success:hover, .btn-check:focus+.btn-success, .btn-success:focus, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle{color:#fff;background-color:var(--color-1);border-color:var(--color-2);}
.btn-outline-success{color:var(--color-0);background-color:transparent;border:1px solid var(--color-0);}
.btn-outline-success:hover, .btn-check:focus+.btn-outline-success, .btn-outline-success:focus, .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle{color:var(--color-0);background-color:var(--color-3);border-color:var(--color-3);}
.btn.focus,.btn:focus{box-shadow:none;border-color: none;}
/*border-radius*/
.b-rad-0 {border-radius: 0;}
.b-rad-1 {border-radius: .25rem;}
.b-rad-2 {border-radius: 1rem;}
.b-rad-3 {border-radius: 3rem;}
.b-rad-50 {border-radius: 50%;}
.b-rad-img img {border-radius: 3rem;}
/*shadows*/
.shadow-ext{box-shadow:0 10px 0 rgba(0,0,0,.1)}
.shadow-ext-2{box-shadow:0 10px 33px rgba(0,0,0,.2)}
.shadow-ext-3{box-shadow:-4px 4px 0 rgba(0,0,0,.33)}
.text-shadow{text-shadow: 1px 1px 0 rgba(0,0,0,.25);}
/* card */
.card {}
.card-header {}
.card-header h1 {}
.card-header h2 {}
.card-img-top {}
.card-body {}
.card-title {}
.card-text {}
.card-footer {}
/* home */
body.home {}
/* category page */
body.rv {}
body.rv .card {}
body.rv .card-header {}
body.rv .card-header h1 {}
body.rv .card-header h2 {}
body.rv .card-img-top {}
body.rv .card-body {}
body.rv .card-title {}
body.rv .card-text {}
body.rv .card-footer {}
/* page */
.article-text strong {font-weight: 800;}
.article-text a {color: var(--color-2);box-shadow: 0 1px 0 var(--color-2);}
.article-text p {margin-bottom:1rem;font-weight: 100;opacity:1}
.article-text h1 {margin-bottom: 2.5rem;font-weight: 400;color: var(--color-8);}
.article-text h2 {margin-bottom: 2.5rem;font-weight: 400;color: var(--color-8);}
.article-text h3 {margin-bottom: 2rem;font-weight: 400;color: var(--color-8);}
.article-text h4 {margin-bottom: 2rem;}
.article-text h5 {margin-bottom: 2rem;}
.article-text h6 {margin-bottom: 2rem;}
.article-text .row {padding-top: 2rem;}
.article-text ol {padding-left: 3rem;}
.article-text ol li::marker {font-size:1.2rem;color:var(--color-3);font-family:"Roboto Slab", serif;font-weight:500}
.article-text img {border-radius: 3rem;}
.article-text iframe {max-width: 100%;border-radius: 3rem;margin-top: 1rem;}
.article-text-2 p {margin-bottom: 1rem;font-weight: 100;line-height: 1.8; }
body.ck .article-content {}
body.ck .article-content h1 {}
body.ck .article-content h2 {}
body.ck .article-content p {}
body.ck .article-content a {}
body.ck .article-content a:hover {}
body.ck .article-content iframe {}
body.ck .article-content img { max-width:100%; height:auto !important; }
/* bs5 carousel settins */
.carousel.slide {}
.carousel-indicators {}
.carousel-indicators.active {}
.carousel-inner {}
.carousel-item {}
.carousel-item.active {}
.carousel-caption {}
.carousel-control-prev {}
.carousel-control-prev-icon {}
.carousel-control-next {}
.carousel-control-next-icon {}
/* cms collapsible element */
.panel-group {}
.panel.panel-default {}
.panel-heading {}
.panel-title {}
.panel-title a {font-size:1.2rem;font-weight: 500;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-bottom: 1rem;padding-bottom: 1rem;padding-right: 78px; position: relative;min-height:64px}
.panel-title a:after {content: ''; background-image: url('art/accordion-closed.svg');width:48px;height:48px;background-size: 100%;display: block;border: 1px solid var(--color-3);border-radius:.6rem;position:absolute;top:0;right:0}
.panel-title a:not(.collapsed) {background-color: transparent;box-shadow: none;color: var(--color-1);}
.panel-title a:not(.collapsed)::after {background-image: url('art/accordion-open.svg');transform: none;}
.panel-collapse.collapse.show {}
.panel-collapse.collapse {}
.panel-body {}
.panel-body p {}
.panel-body a {}
.panel-body a:hover {}
/* cms tab element */
.tabpanel {}
.tabpanel .nav.nav-tabs {}
.tabpanel .nav.nav-tabs li {}
.tabpanel .nav.nav-tabs li.active {}
.tab-content {}
.tab-content .tab-pane {}
.tab-content .tab-pane.active {}
.tab-content p {}
.tab-content a {}
.tab-content a:hover {}
/* cms special elements ! optional */
.cta-button1 {}
.specialContainer1 {}
.specialContainer2 {}
.specialContainer3 {}
/*modals*/
.modal-dialog, .modal-content {height: auto;}
/* font settings */
.f-11 {font-size: 11px;}
.f-12 {font-size: 12px;}
.f-13 {font-size: 13px;}
.f-14 {font-size: 14px;}
.f-15 {font-size: 15px;}
.f-16 {font-size: 16px !important;}
.f-18 {font-size: 18px;}
.f-20, .f-20 * {font-size: 20px;}
.f-22, .f-22 * {font-size: 22px;}
.f-24, .f-24 * {font-size: 24px;}
.f-26, .f-26 * {font-size: 26px;}
.f-28, .f-28 * {font-size:28px;}
.f-30, .f-30 * {font-size:30px}
.f-32, .f-32 * {font-size:32px;}
.f-34, .f-34 * {font-size:34px;}
.f-36, .f-36 * {font-size:36px;}
.f-38, .f-38 * {font-size:38px;}
.f-40, .f-40 * {font-size:40px;}
.f-42, .f-42 * {font-size:42px;}
.f-44, .f-44 * {font-size:44px;}
.f-46, .f-46 * {font-size:46px;}
.f-48, .f-48 * {font-size:48px;}
.fw-regular * { font-weight: 100; }
.fw-400, .fw-400 * {font-weight:400;}
.fw-500, .fw-500 * {font-weight:500;}
.fw-600, .fw-600 * {font-weight:600;}
.fw-700, .fw-700 * {font-weight:700;}
.lh-n, .lh-n h1, .lh-n h2 {line-height: normal;}
.lh-0 {line-height:0;}
.lh-15 {line-height:1.5rem;}
.lh-18 {line-height:1.8rem;}
.lh-50, .lh-50 * {line-height:5rem;}
.lh-100 {line-height:100%;}
/*font-weight + sizes*/
.font-weight-100 > * {font-weight: 100;}
.font-weight-200 > * {font-weight: 200;}
.font-weight-300 > * {font-weight: 300;}
.font-weight-400 > * {font-weight: 400;}
.font-weight-500 > * {font-weight: 500;}
.font-weight-600 > * {font-weight: 600;}
.font-weight-700 > * {font-weight: 700;}
.font-weight-800 > * {font-weight: 800;}
.font-weight-100 {font-weight: 100;}
.font-weight-200 {font-weight: 200;}
.font-weight-300 {font-weight: 300;}
.font-weight-400 {font-weight: 400;}
.font-weight-500 {font-weight: 500;}
.font-weight-600 {font-weight: 600;}
.font-weight-700 {font-weight: 700;}
.font-weight-800 {font-weight: 800;}
.lh-150 {line-height: 150%;}
.xs-font,.xs-font h1,.xs-font h2,.xs-font h3,.xs-font h4,.xs-font h5,.xs-font p{font-size:.9rem!important;}
.s-font,.s-font h1,.s-font h2,.s-font h3,.s-font h4,.s-font h5,.s-font p{font-size:1.1rem!important;}
.m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:1.06rem!important;}
.l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:1.35rem!important;}
.xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:1.9rem!important;line-height: 120%!important;}
.xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:3rem!important;line-height: 130%;}
.xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:3.8rem!important;line-height: 120%;}
/* commons settings */
.empty:empty { display: none; } /* add this class to elements if you want them hidden if their contents is empty! */


:root {
    --swiper-navigation-size: 24px;
}

/*site*/
img[src="/art/logo.svg"] {
    transform: scale(0.48); /* 80%-ra kicsinyíti a képet */
    transform-origin: center; /* Beállítja, hogy a közepétől zsugorodjon */
    border-radius: 0!important;
}
.hover-light a:hover {color: var(--color-0);}
#main-navigation .btn {border-radius: .75rem;}
#main-navigation .navbar-toggler {padding: 0;border-radius: .75rem;}
.dropdown-item {text-transform:none!important}
.blurred {backdrop-filter: blur(5.5px);border-radius:0 0 0 3rem;border: 1px solid rgba(255,255,255,.2);background-color:rgba(0,0,0,.4)}
.btn-svg-animate-left {opacity: .8;}
.btn-svg-animate-left:hover {opacity: 1;}
.btn-svg-animate-left svg {position: relative;transition: all ease-in-out .2s;}
.btn-svg-animate-left:hover svg {left: 2px;}
.dropdown-me {position: absolute;width: 100%;top: 100%;left: 0;border-radius: 0 0 3rem 3rem;transition: all ease-in .3s;}
.dropdown-me .container {}
.dropdown-me .nav-link {transition: all ease-in-out .1s;}
.dropdown-me .nav-link:hover {color: var(--color-3)!important;}
.num h3 {font-size: 5rem;color: var(--color-2);font-weight: 300;min-width: 150px; /* Adjust based on your largest number */ }
.num h3::after {content: ''; display: block;width: 120px;height: 2px;margin:0 auto 1rem;background: var(--color-7);}
.num h4 {font-size: 2rem;color: var(--color-1);font-weight: 600;}
.num p {font-size: 1.5rem;font-weight: 600;color: var(--color-1);opacity: .6;}
.counter {
  font-weight: bold;
  font-size: 2.5rem;
  color: #2c3e50; /* Adjust to your brand color */
  transition: all 0.3s ease;
}
.img-hover-sepia img {opacity: .45;transition: all ease-in-out .3s;}
a:hover .img-hover-sepia img {opacity: .9;}
.filter-sepia {filter: sepia(1);transition: all ease-in .6s;}
a:hover .filter-sepia {filter: sepia(0);}
.navbar-toggler {border-radius: 1rem;width: 44px;height: 44px;border-color: var(--color-7)!important;}
.navbar-toggler:focus {box-shadow: 0 0 0 .25rem var(--color-2);}
.d-, .d-2, .d-0 {display: none;}
.nav-me ul {display: flex;flex-direction: column;margin: 0;}
.modal-backdrop {backdrop-filter: blur(5px);background-color: rgba(0,0,0,.6);}
.modal-backdrop.show {opacity: 1;}
.modal-content {border-radius: 1rem;border: none;}
.form-control {border-radius: 1rem;}
.gallery-thumb img {
  border-radius: .5rem;
  aspect-ratio: 3/4;
    width: 100%;
    height: 100%!important;
    object-fit: cover; /* A "fit-cover" osztály szellemében */
}
.bubble {position: relative;}
.slide-content.bg-grad-2:hover .color-1 a {color: var(--color-1)!important;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {position: relative;bottom: 0;top: auto;}
.img-afta {position: relative;z-index: 1;}
.img-afta img {position: relative;z-index: 1;border-radius: 3rem;}
/*.img-afta:after {content:''; width:70%;height: 80%;background-color: var(--color-7);position: absolute;left: 15%;bottom: 0;border-radius: 3rem;z-index: 0;}*/
.nyissa svg {margin: 0 .5rem;}
.btn-lidocain {width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 0;}
.hero-height {height: 600px;}
.border-start {border-left: 1px solid var(--color-2)!important;}
.border-start-2 {border-left: 1px solid var(--color-10)!important;}
.border-start-3 {border-left: 1px solid var(--color-0)!important;}
.border-start-4 {border-left: 1px solid var(--color-2)!important;}
.border-4 {border-width: 4px!important;}
#mainNav .nav-item {margin: 0 1rem;}
.ar-35 {aspect-ratio: 3/5;}
.ar-11 {aspect-ratio: 1/1;}
/*egyedi swiper*/
.ai .swiper-slide:first-child {background-color: var(--color-2);}
.ai .swiper-slide:first-child .bg-9 {background-color: transparent!important;}
.ai .swiper-slide:first-child .bg-image {display: none;}
.ai .swiper-slide, .rolunk > .swiper-slide {border-radius: 0 3rem 3rem 3rem;overflow: hidden;box-shadow: 0 4px 10px rgba(0,0,0,0.1);transition: transform 0.3s ease;}
.ai .swiper-slide:hover {transform: translateY(-5px);}
.ai .slide-img {top:0;left:0;width:100%;height:100%!important;object-fit:contain;object-position:top}
.ai .slide-content, .rolunk .slide-content {padding: 1.5rem;position: relative;z-index: 32;height: 100%;display: flex;flex-direction: column;justify-content: end;}
.ai .slide-content h5, .rolunk .slide-content h5 {font-weight: 600;font-size: 1.2rem;margin-bottom: 0.5rem;}
.ai .slide-content a, .rolunk .slide-content a {display: flex;align-items: center;gap: 6px}
.swiper-testimonials.ai .slide-content a {display:inline-flex;text-decoration:underline;color:var(--color-2) !important}
.swiper-testimonials.ai .slide-content a:hover {color:#000}
.ai .swiper-button-next,   .ai .swiper-button-prev {color: var(--color-2);}
footer {}
    footer h6 {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 0.95rem;
      margin-bottom: 1rem;
    }
    footer ul {
      list-style: none;
      padding-left: 0;
    }
    footer ul li {
      margin-bottom: 0.3rem;
    }
    footer a {
      padding:.25rem 0;
    }
    footer a:hover {
    }
    .footer-bottom {
      font-size: 0.8rem;
    }
    .topbar {
      background-color: var(--color-1);
      font-size: 0.9rem;
      padding: 0.3rem 0;
    }
/*.topbar a:not(:last-child) {margin-right:1rem}*/
.navbar-brand {
      font-weight: bold;
      letter-spacing: 2px;
    }

/*override BS default styles*/
.rounded-bottom {border-bottom-left-radius: 3rem!important;border-bottom-right-radius: 3rem!important;}
.form-check {margin-bottom: .5rem;}
.form-check-input:checked {background-color: var(--color-2);border-color: var(--color-2);}
.nav-tabs .nav-item {position: relative;width: auto;flex: auto;}
.nav-tabs .nav-item:not(:last-child):after {content: '';height: 100%;width: 1px;position: absolute;background-color: rgba(0,0,0,.1);top: 0;right: 0;}
.nav-tabs .nav-link:hover {background-color: rgba(255,255,255,.5);}
.accordion-item {background-color: transparent;border: none;}
.accordion-button:focus {border-color: #fff;box-shadow: none;}
.accordion-button {font-size: 2rem;color: var(--color-1);background-color: transparent;}
.accordion-button::after {background-image: url('art/accordion-closed.svg');width: 64px;height: 64px;background-size: 100%;}
.accordion-button:not(.collapsed) {background-color: transparent;box-shadow: none;color: var(--color-1);}
.accordion-button:not(.collapsed)::after {background-image: url('art/accordion-open.svg');transform: none;}
.accordion-body {color: var(--color-1);background-color: transparent;}
.form-control:focus {background-color: #fff;box-shadow: none;outline: none;border-color: var(--color-3);}
.form-label {font-size: 1.25rem;}
.container-xl {max-width:1364px;}
.container-xxl {max-width:1800px;}
/* .border-bottom {border-bottom:1px solid var(--color-7)!important;} */
.navbar-toggler-expand {border: none;background-color: transparent;}
.border-bottom-light {border-bottom:1px solid #d3d3d3!important;}
.nav-link {padding: .25rem 0;}
.navbar-dark .navbar-nav .nav-item {padding: 0 1rem;text-transform: uppercase;}
.navbar-dark .navbar-nav .nav-link {padding: 1.3rem 0!important;color: var(--color-0);}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {color: var(--color-1)!important;font-weight: bold;box-shadow: 0 -5px 0 var(--color-1);}
#mainNav .navbar-nav > .nav-item > .nav-link {padding-top: 1rem;padding-bottom: 1rem;}
#mainNav .navbar-nav > .nav-item > .nav-link.active {box-shadow: 0 -1px 0 rgba(0,0,0,.32);}
/*override swiper styles*/
.swiper-pagination {}
.swiper-slide {height: auto!important;}
/* .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 0!important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: 0!important;} */
.swiper-button-next, .swiper-button-prev {width: 42px!important;height: 42px!important;border-radius: 50%;background-color:var(--color-0)!important;background-position: center;background-repeat: no-repeat;margin-top:-42px}
.hero-swiper-1 .swiper-button-next, .hero-swiper-1 .swiper-button-prev {background-color:rgba(0,0,0,.4)!important}
/* .swiper-button-next, .swiper-rtl .swiper-button-prev {background-image: url('../../art/arrow-right.svg');right: 0!important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {background-image: url('../../art/arrow-left.svg');left: 0!important;} */
/* .swiper-button-next:after, .swiper-button-prev:after {display: none;} */
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 1%!important;}
.swiper-button-next, .swiper-button-prev {color: var(--color-11)}
.hero-swiper-1 .swiper-button-next, .hero-swiper-1 .swiper-button-prev {color: var(--color-6)}
.swiper-pagination-bullet {  width: 5%!important;  max-width:86px!important;  height: 4px!important;  display: inline-block!important;  border-radius: 2px!important;  background: var(--swiper-pagination-bullet-inactive-color,var(--color-3))!important; opacity: var(--swiper-pagination-bullet-inactive-opacity, 1)!important;}
.swiper-pagination-bullet-active {background: var(--color-7)!important;opacity: 1!important;box-shadow: 0 0 0 1px var(--color-7);}
.hero-swiper-1 .swiper-pagination-bullet {background: var(--color-0)!important;opacity: .5!important;}
.hero-swiper-1 .swiper-pagination-bullet-active {background: var(--color-0)!important;opacity: .7!important;box-shadow: 0 0 0 1px var(--color-0);}
.swiper-ref-pagination .swiper-pagination-bullet {width: 100%!important;height: auto!important; background-color:var(--color-3)!important;margin: 0 0 1px!important;padding: 1rem;color: var(--color-0)!important;max-width: 100%!important;text-align: end;}
.swiper-ref-pagination .swiper-pagination-bullet-active {background-color:var(--color-1)!important;font-weight: 600;box-shadow: none!important;position: relative;}
.swiper-ref-pagination .swiper-pagination-bullet-active:after {content:'';width: 50px;height: 100%;position: absolute;left: -50px;top: 0;background-image: url('art/arrow-left.svg');background-position: center; z-index: 200;background-color: var(--color-2);} 
.services-swiper .swiper-slide:nth-child(1) > div {background-color: var(--color-11)!important;}
.services-swiper .swiper-slide:nth-child(2) > div {background-color: var(--color-12)!important;}
.services-swiper .swiper-slide:nth-child(3) > div {background-color: var(--color-13)!important;}
.services-swiper .swiper-slide:nth-child(4) > div {background-color: var(--color-14)!important;}
.services-swiper .swiper-slide {filter: blur(3px);}
.services-swiper .swiper-slide-active, .services-swiper .swiper-slide-next {filter: blur(0);}

/*UX - animations*/
.hover-move-icon svg {left:0;position: relative;transition: all ease-out .2s;}
.hover-move-icon:hover svg {left:5px;}
.hover-underline a {
  background: 
    linear-gradient(to left, rgba(0,0,0,0), var(--color-0)) /*, linear-gradient(to right, var(--color-1), var(--color-1), var(--color-3))*/;
  background-size: 0 0.01em, 100% 0.01em; /*100% 0.1em, 0 0.1em;*/
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}

.hover-underline a:hover,
.hover-underline a:focus {
  background-size: 100% 1px, 0 1px;/*0 0.1em, 100% 0.1em;*/
}
.animated-underline a {
  transition: all .2s ease-in-out;
  position: relative;
  padding-left: 0;
  padding-right: 0
}
.animated-underline a:before,.animated-underline a:after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  width: 0;
  height: 2px;
  transition: all .4s ease-out;
  background-color: #fff
}
.animated-underline a:hover:before,.animated-underline a:hover:after {
  width: 100%;
  left: 0;
}
.hover-scale-1 a {transform: scale(1,1);transition: all ease-in .2s;display: block;}
.hover-scale-1 a:hover {transform: scale(1.05,1.05);transition: all ease-out .3s;}
.hover-lift-1 a {transform: translateY(0);transition: all ease-in .2s;display:block;}
.hover-lift-1 a:hover {transform: translateY(-5px);transition: all ease-out .3s;}
.animate-1 {
  animation-name: animation-1-in;
  animation-duration: .7s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}
.animate-1:hover {
  animation-name: animation-1-out;
  animation-duration: .25s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
@keyframes animation-1-in {
  from {bottom:0;}
  to {bottom:-10px;}
}
@keyframes animation-1-out {
  from {bottom:0;}
  to {bottom:-5px}
}
.appear-from-bottom{position:relative;opacity:1;bottom:0px;transition:all .8s ease-out}
.appear-from-bottom.active{opacity:1;bottom:0}
.appear-from-void {opacity:0;transition:all 5s ease-out}
.appear-from-void.active {opacity:1;}
.scale-up {transition:all ease-in .25s;opacity:1;transform:scale(.93)}
.scale-up.animated,.scale-up:hover{transform:scale(1);opacity:1}
.from-bottom{transform:translateY(45px)}
.active .from-bottom,.active-hover:hover .from-bottom{transform:translateY(0);opacity:1}
.delay-1{transition-delay:.5s}
.animated{animation-delay:1s}
.button-animated{background:none;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 .25rem;padding:1em 2em;-webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,0);box-shadow:inset 0 0 0 2px rgba(0,0,0,0);font-size:inherit;font-weight:700;position:relative;vertical-align:middle}
.button-animated::before,.button-animated::after{-webkit-box-sizing:inherit;box-sizing:inherit;content:'';position:absolute;width:100%;height:100%}
.draw{-webkit-transition:color .45s;transition:color .45s}
.draw::before,.draw::after{border:2px solid transparent;width:0;height:0}
.draw::before{top:0;left:0}
.draw::after{bottom:0;right:0}
.draw:hover{color:inherit}
.draw:hover::before,.draw:hover::after{width:100%;height:100%}
.draw:hover::before{border-top-color:#121212;border-right-color:#121212;-webkit-transition:width .45s ease-out,height .45s ease-out .25s;transition:width .45s ease-out,height .45s ease-out .45s}
.draw:hover::after{border-bottom-color:#121212;border-left-color:#121212;-webkit-transition:border-color 0 ease-out .55s,width .25s ease-out .55s,height .25s ease-out .75s;transition:border-color 0 ease-out .55s,width .25s ease-out .55s,height .25s ease-out .75s}
.meet:hover{color:#121212}
.meet::after{top:0;left:0}
.meet:hover::before{border-top-color:#121212;border-right-color:#121212}
.meet:hover::after{border-bottom-color:#121212;border-left-color:#121212;-webkit-transition:height .55s ease-out,width .25s ease-out .45s;transition:height .2s ease-out,width .65s ease-out .15s}
.border-me-before,.border-me-after,.z-1{position:relative;z-index:1}
.border-me-before:before,.border-me-after:after{content:'';width:100%;height:100%;position:absolute;top:100%;border:1px solid #d5d6da;z-index:-1}
.border-me-before:before{height:33%;right:33%;margin-top:-120px;border-bottom-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}
.border-me-after:after{left:33%;margin-top:-120px;border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}
.pager a {font-weight:700;color:var(--color-2)}
.pager a:hover {color:#000}
/*UI*/
.text-underline {text-decoration: underline;}
.grayscale {filter: grayscale(1);}
/*range slider*/
.ui-widget-content {background: #fff;}
.ui-corner-all {border-radius: 1rem;}
.ui-slider .ui-slider-handle {width: 26px;height: 26px;}
.ui-widget.ui-widget-content {border:none;}
.ui-state-active,
.ui-state-focus,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #afa59e;
	background: #fff;
	font-weight: normal;
	color: #ddd;
  outline-width: 0;
  outline-color: #afa59e;
}
.n-1044255 #foglalosdi {display:none}
body.ck.t-11565 .hero-height, body.ck.t-11573 .hero-height, body.ck.n-1049408 .hero-height, body.n-1042332 .hero-height, body.t-11564 .hero-height {height:auto}
body.ck.t-11565 .hero .btn_more, body.ck.t-11573 .hero .btn_more {display:none}
.foglalosdi, .t-11564 #foglalosdi {display:none;margin-bottom:0 !important}
.foglalosdi a {color:#fff}
.t-11593 .foglalosdi, .t-11596 .foglalosdi {display:block}
.b-rad-3-img img {border-radius:3rem}
.goto {font-size:0}
.goto:focus {outline:none}
.goto a:focus {font-size:16px;position:absolute;top:10px;left:10px;z-index:10000;padding:2px 6px;color:#fff;background-color:#000}
:focus-visible{outline:3px solid #000 !important;outline-offset:2px}
.article-text table tr td:nth-of-type(2) {white-space:nowrap}
.hero-swiper-1 .swiper-slide {background-position:center}
.hero-swiper-1 .swiper-slide.ck1050155 {background-position:top}
.t-11565 .n-1042477 {display:none !important}
.t-11593 .szolgtovabbi, .t-11596 .szolgtovabbi {display:block !important}
.t-11593 .n-1042480 {display:none !important}
.t-11596 .n-1042481 {display:none !important}
.n-1042155 #foglalas, .rv.t-12020 #foglalas {display:none}
.n-1042155 #foglalosdi {display:none}
.n-1042155 #foglalosdi2 {display:block !important}
.allo {aspect-ratio:35/59}

/*placeholders*/
::-webkit-input-placeholder, ::placeholder {color:var(--color-2)!important;font-size:1rem!important;font-weight:200;line-height: 100%;}
::-moz-placeholder{color:var(--color-1)!important;font-size:1rem;font-weight:600;line-height: 100%;}
:-ms-input-placeholder{color:var(--color-1)!important;font-size:1rem;font-weight:600;line-height: 100%;}
:-moz-placeholder{color:var(--color-1)!important;font-size:1rem;font-weight:600;line-height: 100%;}


@media (min-width: 992px) {
  
}
@media (min-width: 1200px) {
.dropdown-menu {border-radius: 0 0 3rem 3rem;padding: 1rem .5rem 2rem .5rem;position: relative;border: none;box-shadow: 0 4px 15px rgba(0,0,0,.2);}
.dropdown-menu:before {content: '';position: absolute;top: -2px;left: 0;height: 2px;width: 100%;background-color: var(--color-2);}
.nav-me ul {flex-direction: row;}
.nav-me ul li {margin: 0 15px;}
.swiper-pagination-bullet {width: 86px!important;}
} 
@media (min-width: 1400px) {
  .bubble {position: absolute;top:100%;right:0;width:130%}
  .flex-lg-row-reverse .bubble {right: auto;left: 0;}
  .num h3 {font-size: 6rem;}
} 
@media (min-width: 767px) {
}
@media (max-width: 1199px) {
.dropdown-me {position: fixed;top: 0;width: 76%;height: 100%;overflow-y: scroll;border-radius: 0;}
.xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:2rem!important;line-height: 100%!important;}
#mit {width:auto;}
#mainNav {overflow:auto;max-height:calc(100vh - 177px)}
#megamenu {overflow:auto !important;max-height:100vh}
#mainNav .navbar-nav > .nav-item > .nav-link {padding-top:.6rem;padding-bottom:.6rem}
}
@media (max-width: 992px) {
.xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:1.42rem!important}
.hero-swiper-1 .swiper-slide {background-image:none !important}
.hero-swiper-1 .swiper-slide .img-bg {position:relative !important;height:auto !important}
.hero-swiper-1 .swiper-slide .hero-height {height:auto !important}
.hero-swiper-1 .swiper-slide .btn {background-color:var(--color-4);border-radius:.75rem}
.hero-swiper-1 .swiper-slide .color-7, .hero-swiper-1 .swiper-slide .color-0 {color:var(--color-10) !important}
.hero-swiper-1 .swiper-slide .btn svg {display:none !important}
.hero-swiper-1 .swiper-pagination {bottom:10rem !important}
body:not(.t-11565) .bg-cover {background-image: none !important}
body:not(.t-11565) .bg-cover .img-fit {position:relative !important;height:auto !important;transform:none !important}
body:not(.t-11565) .bg-cover .hero-height {height:auto !important}
.blurred {backdrop-filter:none;border-radius:0;border:none;background-color:transparent}
.szakagak .btn svg {width:36px}
.swiper-testimonials .swiper-button-next, .swiper-testimonials .swiper-button-prev {display:none}
.hero-swiper-1 .swiper-slide .img-fit img {aspect-ratio:1920/1282;object-fit:cover;object-position:center}
}
@media (max-width: 768px) {
  .l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:1rem!important;line-height: 120%!important;}
  .xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:1.2rem!important;line-height: 120%!important;}
  .xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:2rem!important;line-height: 120%;}
  .xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:2rem!important;line-height: 120%;}
#mainNav {overflow:auto;max-height:calc(100vh - 179px)}
}
@media (max-width: 414px) {
  .brand img {max-width:100px;width:100% !important}
  .ai .swiper-slide:first-child {display: none!important;}
  .xxl-font.hero-title {font-size: 1.5rem!important;}
  .m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:1rem!important;line-height: 120%!important;}
  .l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:1.4rem!important;line-height: 120%!important;}
}

@media (orientation: portrait) {
  .hero-height {height: auto;}
  .swiper-pagination-bullet {  width: 4%!important; }
  .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {box-shadow: none;}
 }

/*cookie popup css*/
.popup-cookieconsent-div-footer {background-color: transparent!important;}
.popup-cookieconsent-div {background-color: #333!important;overflow-y: auto!important;}
.popup-cookieconsent-div-content {background-color: #333!important;color:#fff!important;}
.cook.active {color: #fff!important;}
.cookies-allowed-title {color: #fff !important;}
.popup-cookieconsent-div a {color: #d3d3d3!important;}
.popup-cookieconsent-div .row, .popup-cookieconsent-down .row {max-width: 1240px;margin-left:auto!important;margin-right: auto!important;}
.popup-cookieconsent-down {background-color: #333!important;border-top:none!important;position: fixed;bottom:0;left:0;width:100%;}
.popup-cookieconsent-down a {color: #fff;}
.popup-cookieconsent-down p {color: #fff;}
.popup-cookieconsent-button a {border:solid 3px #fff!important;border-radius: 0!important;padding-left: 24px!important;padding-right:24px!important;background-color:#fff!important;}
.popup-cookieconsent-button a:hover {color:#333!important;}
.popup-cookieconsent-button.save a, .popup-cookieconsent-button.allow a {background-color: #333!important;color:#fff!important;}
.popup-cookieconsent-button.cancel a, .popup-cookieconsent-close-button a {color: #333!important;}
.popup-cookieconsent-close-button a:after {line-height: 24px;}

@media (max-width: 767px) {
  .popup-cookieconsent-button  {display: block!important;}
  .cookies-allowed-title {margin-top: 1rem!important;}
}
@media (max-width: 576px) {
header .border-start-2 {border-left:none !important}
.topbar a {display:inline-block}
	#main-navigation .btn-success {font-size:.7rem;padding:.7rem}
#mainNav {overflow:auto;max-height:calc(100vh - 267px)}
h1{font-size:2rem}
h2{font-size:1.6rem}
h3{font-size:1.6rem}
h4{font-size:.8rem}
h5{font-size:.8rem}
}