
@media all and (max-width: 739px) {

.button_max { font-size: 1.2rem; font-weight: 400; padding: 11px 28px 11px 28px; border-radius: 2px !important; }
.button_mid { font-size: 1rem; font-weight: 400; padding: 10px 26px 10px 26px; border-radius: 24px !important; }
.button_min {  font-size: 0.85rem; font-weight: 300; padding: 4px 16px 4px 16px; border-radius: 14px !important; }


#searchdiv { position: fixed; width: 96%; max-width: 820px; height: 200px; transition: all 0.2s ease-in-out; border-radius: 36px; background-color: var(--cl3); opacity:0; top: -220px; z-index: 10000; left: 50%; transform: translateX(-50%); }
#searchdiv.sinact { top: -520px; opacity: 0; }
#searchdiv.sact { top: 180px; opacity: 1; }
#searchdiv .a { position: absolute; right: 10px; top: 10px; transition: all 0.15s; padding: 7px; border-radius: 26px; display: block; cursor: pointer; color: #a11e25; font-size: 1.55rem; background: #transparent; }
#searchdiv .a:hover  { color: var(--cl-f); background-color: #a11e25; }
#searchdiv .k  { margin: 3rem 0 0 0; }
#searchdiv .k > * { display: block; }
#searchdiv .k input { width: 80%; height: 42px; font-size: 1.1rem; border: 0 none; line-height: 42px; border-radius: 12px;   text-indent: 14px; font-weight: 200;  margin-left: 31px; }
#searchdiv .k button { font-weight: 300;  padding: 0 46px; border-radius: 16px;  border: 0 none; cursor: pointer;  font-size: 1.1rem; line-height: 38px; height: 38px; margin-left: 31px; margin-top: 1rem; }
 
.ajax_window_outer { border-radius: 6px; box-shadow: 0 0 10px 5px rgba(0,0,0,0.15); background: #bdbdbd; background: rgba(255,255,255,0.15); }
.ajax_window_inner { border-radius: 5px; background: #fafafa; margin: 6px; float: left; }
.ajax_window_content { text-align: left; padding: 30px; clear: both; float: none; }
#fadclose {  position: absolute; right: 0px; top:0px; width: 46px; height: 46px; }
#fadclose i { color:#e17070; transition: color 0.12s; font-size: 24px; margin-top: 10px; display: inline-block; }
#fadclose:hover i { color:#c43d3d; }

#tartalom { text-align: center; }
.content { width: 94%;   margin: auto; text-align: left; }
.content2 { width: 94%;   margin: auto; text-align: left; }
.description { text-align: left; font-size: 1.1rem; font-weight: 300; color: var(--cl-text); line-height: 1.4rem; }
.description img , .description_textimage img , .news-descr img { max-width: 100%; height: auto; }
.description b , .description strong { font-weight: 600 !important }

.cim { font-size: 1.875rem; color: var(--cl); font-weight: 500; }
#pagetitle { font-family: var(--ft2); font-size: 2.2rem; font-weight: 100; line-height: 2.6rem; color: #222222; max-width: 80%; margin-top: 1.5rem; margin-bottom: 2rem; }

#navig { margin: 2rem 0; font-size: 0.9rem; }
#navig.navig_lowbottom { margin-bottom: 1.4rem !important; }
#navig * { display: inline-block; vertical-align: middle; }
#navig .navigsym { margin: 0 0.3rem; }
#navig a { color: var(--cl-text); text-decoration: none; }
#navig a:hover { color: var(--cl-text); text-decoration: underline; }

#subcatprev { overflow: scroll; }
#subcatprev div { white-space: nowrap; }
#subcatprev div a { display: inline-block; margin-right: 0.55rem; margin-top: 0.6rem; margin-bottom: 0.6rem; border-radius: 8px; background-color: var(--cl2); color: var(--cl-text); padding: 2px 8px; font-weight: 400; transition: all 0.2s; }
#subcatprev div a.akt, #subcatprev a.akt:hover , #subcatprev a:hover { background-color: var(--cl-b); color: var(--cl); }

.mobile_only { display: none !important; }

#admin_insert_link , #admin_insert_link1 { display: none; }
 
#top { display: none; }

#top_spacer { height: 4rem; }

#top_m { background-color: var(--cl-b); height: 4rem; font-size: 0; position: fixed; top: 0; left: 0; right: 0; z-index: 10; } 
#top_m > div { display: inline-block; vertical-align: middle; height: 100%; } 
#top_m > div.a { width: 33%; text-align: left; padding-top: 1rem; } 
#top_m > div.b { width: 34%; } 
#top_m > div.b a  { height: 100%; display: block; position: relative; } 
#top_m > div.b a img { height: 88%; width: auto; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
#top_m > div.c { width: 33%; } 

#menu_icon { text-align: left; padding-left: 1rem; }
#menu_icon span { display: inline-block;   }
#menu_icon i { display: inline-block; font-size: 1.85rem; color: var(--cl-f);  }
#menu_icon.closed i.fa-ellipsis { display: inline-block; }
#menu_icon.opened i.fa-ellipsis { display: none; }
#menu_icon.opened i.fa-xmark { display: inline-block; }
#menu_icon.closed i.fa-xmark { display: none; }

#menu_logo { margin: 0;  }
#menu_logo img { width: auto; height: 110px; display: block; }
 
#langs_m { position: relative; text-align: right; padding-top: 0.5rem; }
#langs_m > a > * {  }
#langs_m > a { display: inline-block; border-radius: 18px; padding: 0.5rem 1rem;  }
#langs_m a > * { display: inline-block; vertical-align: middle;  }
#langs_m > a span { display: none; font-weight: 400; color: var(--cl-text); margin-right: 0.75rem; font-size: 1.125rem; text-transform: uppercase; }
#langs_m > a img { width: 28px; height: 28px; }
#langs_choise_m { display: none;  position: absolute; z-index: 5; right: 3px; top: 100%; background-color: var(--cl3); border-radius: 18px;   }
#langs_choise_m > a { display: block; transition: all 0.4s; border-radius: 18px; margin: 0rem 0; padding: 0.3rem 1.3rem; white-space: nowrap; }
#langs_choise_m > a:hover { background-color: var(--cl3-hover); }
#langs_choise_m > a span { font-weight: 600; color: var(--cl-f); margin-right: 0.75rem; font-size: 1.05rem; text-transform: uppercase; }
#langs_choise_m > a img { width: 22px; height: 22px; }

#menu { background-color: rgba(0,0,0,0.88);  position: fixed; padding: 21px 24px 21px 24px; z-index: 1000; bottom: 0; top: 4rem; width: 100%; overflow: auto; transition: all 0.25s; }
#menu.closed { right: -100%; }
#menu.opened { right: 0; }
#menu ul { margin: 2rem 0; padding: 0; list-style: none; text-align: left; font-size: 0;  }
#menu ul li { display: margin: 0; padding: 0; font-size: 0;  }
#menu ul li div span { display: block; padding-left: 1rem }
#menu ul li div span a { font-size: 1rem; }
#menu ul li a.active , #menu ul li a.active:hover , #menu ul li a:hover { color: white; }
#menu ul li a { display: inline-block; color: var(--cl); transition: color 0.2s; }
#menu ul li a:hover , #menu ul li.menu_active a:hover , #menu ul li.menu_active a { color: var(--cl-hover); }

#menu li.closed > ul { display: none }
#menu li.opened > ul { display: block; }
#menu > ul > li > a { font-size: 1.3rem; font-weight: 500;  margin: 0.2rem 0rem; text-transform: uppercase; }
#menu > ul ul li > a { font-size: 1.0rem; font-weight: 400; margin: 0.1rem 0rem 0.1rem 3.5rem; }
#menu > ul ul ul > li > a { font-size: 1.0rem; font-weight: 400; margin: 0rem 0rem 0rem 5.5rem; }
#menu > ul ul ul ul > li > a { font-size: 1.0rem; font-weight: 300; margin: 0rem 0rem 0rem 6.5rem;  }

#menu li a { position: relative; }
#menu li.is_parent > a::after { position: absolute; color: white; right: -1.8rem; top: 50%; transform: translateY(-50%); display: block; font-family: 'Font Awesome 6 Pro'; font-size: 1rem; font-weight: 300; }
#menu li.is_parent.closed > a::after { content:'\f054';  }
#menu li.is_parent.closed div { display: none;  }
#menu li.is_parent.opened > a::after { content:'\f078';  }
#menu li.is_parent.opened div { display: block;  }

#menu > ul > li { margin-top: 0.4rem;}



#videobanner { position: relative; z-index: -1; }
#videobanner #video_text { position: absolute; z-index: 5; top: 50%; left: 4%; right: 4%; transform: translateY(-40%); padding: 4rem 0 ; text-align: left;   }
#videobanner #video_text div { width: 97%; font-size: 2.8rem; color: #ffffff; opacity: 1; text-transform: uppercase; line-height: 3.3rem; font-weight: 800;  }
#videobanner video.desktop { display: none; }
#videobanner video.mobile { width: 100%; aspect-ratio: 0.57; object-fit: cover; display: block; }

#pagebanner { width: 100%; aspect-ratio: 1.15; overflow: hidden; }
#pagebanner img { width: 100%; height: 100%; object-fit: cover; }

#intro { background-color: var(--cl-b); padding: 2rem 0; text-align: center; }
#intro .a { font-family: var(--ft2); color: var(--cl-f); font-size: 2.4rem; line-height: 3rem; font-weight: 100; padding: 1rem 2rem 2rem 2rem;  margin: auto; }
#intro .b { color: var(--cl); font-size: 1.175rem; font-weight: 700; padding: 0.7rem 0 1rem 0;   margin: auto; }
#intro .c { color: var(--cl-gray); font-size: 1.1rem; font-weight: 300; padding: 0.5rem 1rem 1rem 1rem;  margin: auto; line-height: 1.7rem; }

.it { font-size: 0; display: flex; flex-direction: column; }
.it.it0 { background-color: var(--cl-b); }
.it.it0 .a { color: var(--cl-f); }
.it.it1 .a { color: #222222; }
.it.it0 .b { color: #b0b0b0; }
.it.it1 .b { color: #494949; }

.it.it0 .c a { color: #ffffff; }
.it.it0 .c a:hover { background-color: #a57e41; }
.it.it1 .c a { color: #000000; }
.it.it1 .c a:hover { background-color: #c3a370; }

.it.it1 { background-color: var(--cl-f); }
.it > div { display: block; width: 100%;  }
.it .itleft { order:2; padding-bottom: 5rem; }
.it .itleft .a { font-family: var(--ft2); font-size: 2.4rem; font-weight: 100; padding: 2.4rem 1rem 1.3rem 1rem; line-height: 3rem;  }
.it .itleft .b { font-size: 1.1rem; font-weight: 300; width: 92%; text-align: justify; margin: auto; line-height: 1.7rem;  }
.it .itleft .c { margin-top: 3rem;  }
.it .itleft .c a { border-radius: 1px; border: 1px solid #c3a370; padding: 11px 36px; font-size: 1.255rem; transition: background-color 0.3s; }
.it .itright { order: 1;  }
.it .itright img { width: 100%; height: auto; display: block; }

#rolunk { display: none; }

#bannerswipe_rolunk { background-color: var(--cl-b); padding: 30px 0; text-align: center; padding-bottom: 6rem; }
#bannerswipe_rolunk > .a { font-family: var(--ft2); font-size: 2.4rem; font-weight: 100; padding: 1rem 1rem 1.3rem 1rem; line-height: 3rem; color: white;  }
#bannerswipe_rolunk > .b { color: var(--cl); font-size: 1.175rem; font-weight: 700; padding: 0.7rem 0 1rem 0;   margin: auto; }
#bannerswipe_rolunk > .c { color: var(--cl-gray); font-size: 1.1rem; font-weight: 300; padding: 0.5rem 1rem 1rem 1rem;  margin: auto; line-height: 1.7rem; }
#bannerswipe_rolunk .swiper-slide > div { text-align: center; margin-top: 2rem; }
#bannerswipe_rolunk .swiper-slide > div a { display: block; border-radius: 50%; overflow: hidden; transition: all 0.22s; }
#bannerswipe_rolunk .swiper-slide > div a img { width: 100%; height: auto; display: block; }
#bannerswipe_rolunk .swiper-slide > div b { font-size: 1.25rem;  display: block; font-weight: 400; color: #b0b0b0; padding: 1.75rem 0 1.2rem 0;  }
.rolunkdetm { display: inline-block; margin-top: 1rem;  border-radius: 1px; border: 1px solid #c3a370; padding: 11px 36px; font-size: 1.255rem; transition: background-color 0.3s; }

.promobanner { display: block; width: 100%;   font-size: 0; position: relative; padding: 3rem 0 1px 0; background-color: var(--cl-b); }
.promobanner .a { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: var(--cl-f); text-align: center; width: 100%; }
.promobanner .ab { width: 80%; margin: auto; font-weight: 300; font-size: 3rem; line-height: 3.4rem; font-family: var(--ft2); }
.promobanner .ac { width: 66%; margin: auto; font-size: 1.25rem; padding-top: 1rem; font-weight: 300; line-height: 1.75rem; }
.promobanner .b { }
.promobanner .b img { display: block; width: 100%; height: 100%; object-fit: cover; }
.promobanner .pb_desk_tablet { display: none !important; }

#programalas { padding: 130px 0; background-color: var(--cl-b); }
#programalas .a {  }
#programalas .a i { color: var(--cl); font-size: 5rem; }
#programalas .b { color: var(--cl); font-size: 1.375rem; font-weight: 700; padding: 1.7rem 0 1rem 0; max-width: 1000px; margin: auto;  }
#programalas .c { font-family: var(--ft2); color: var(--cl-f); font-size: 2.25rem; font-weight: 100; padding-top: 1rem; color: #b0b0b0; }
#programalas .d { color: var(--cl-gray); font-size: 1.175rem; font-weight: 300; padding: 1.5rem 1.2rem 0 1.2rem;   margin: auto; line-height: 1.75rem; }

#bannerbottom { aspect-ratio: 0.81; }
#bannerbottom img { width: 100%; height: 100%; object-fit: cover; display: block; }

#prod_grid { padding: 0 0 270px 0;  }
#prod_grid div {  }
#prod_grid div .a:hover img { filter: brightness(0.7); }
#prod_grid div .a img { width: 100%; height: 100%; object-fit: cover; transition: all 0.2s; }
#prod_grid div .b { padding: 0.5rem 0; }
#prod_grid div .b a { font-family: var(--ft2); font-size: 1.5rem; color: var(--cl-text); font-weight: 200; line-height: 1.8rem; }
#prod_grid div .c   { font-size: 1.05rem; font-weight: 300; line-height: 1.35rem;  }
#prod_grid div .d   { padding-top: 1.5rem; margin-bottom: 5rem; }

.before_after { }
.before_after > div.ba { background-color: var(--cl-brown); padding: 70px 0; }
.before_after .bt { color: var(--cl-text); font-size: 1.1rem;  padding: 15px 0; font-weight: 300; line-height: 1.4rem; }
.before_after img {  width:100%; display:block; }

#before-after-slider1 { width: 100%; margin: auto; position:relative; overflow:hidden; border: 3px solid white; }
#before-image1 { position:absolute; height:100%; width:50%; top:0; left:0; overflow:hidden; z-index:2; }
#resizer1 { position:absolute; display:flex; align-items:center; z-index:5; top:0; left:50%; height:100%; width:4px; background:white; -ms-touch-action: pan-y; touch-action: pan-y; }
#resizer1:after { background: var(--cl); font-family: "Font Awesome 6 Pro"; content:'\f337'; font-weight:900; font-size: 24px; display:flex; justify-content:center; align-items:center; color:white; position:absolute; margin: 0 0 0 -22px; width:40px; height:40px; border-radius:50%; border:3px solid white; }

#before-after-slider2 { width: 100%; margin: auto; position:relative; overflow:hidden; border: 3px solid white; }
#before-image2 { position:absolute; height:100%; width:50%; top:0; left:0; overflow:hidden; z-index:2; }
#resizer2 { position:absolute; display:flex; align-items:center; z-index:5; top:0; left:50%; height:100%; width:4px; background:white; -ms-touch-action: pan-y; touch-action: pan-y; }
#resizer2:after { background: var(--cl); font-family: "Font Awesome 6 Pro"; content:'\f337'; font-weight:900; font-size: 24px; display:flex; justify-content:center; align-items:center; color:white; position:absolute; margin: 0 0 0 -22px; width:40px; height:40px; border-radius:50%; border:3px solid white; }
 

#rolunk_ext { margin: auto; text-align: center; padding-top: 2rem; }
#rolunk_ext div  { margin-bottom: 6rem; }
#rolunk_ext div a {  width: 75%; max-width: 450px; aspect-ratio: 1; display: block; overflow: hidden; margin: auto; }
#rolunk_ext div a img { width: 100%; border-radius: 500px; overflow: hidden; display: block; aspect-ratio: 1; object-fit: cover; }
#rolunk_ext div b { font-family: var(--ft2); color: #222222; font-size: 1.8rem; font-weight: 300; padding-top: 3rem; display: block; }
#rolunk_ext div div { padding-top: 0.7rem; line-height: 1.4rem; font-size: 1.1rem; font-weight: 200; width: 80%; margin: auto; }


.acat { font-family: var(--ft2); font-size: 1.5rem; font-weight: 300; color: var(--cl); margin-top: 4rem; margin-bottom: 1rem; }
.aprod { padding: 7px 0 7px 3px; border-radius: 4px; }
.aprod.bg1 { background-color: var(--cl-brown2);  }
.aprod.bg2 {  }
.aprod .a {  padding: 0 5px; float: left; max-width: 75%;  }
.aprod .b {   padding: 0 5px; float: right }

#kezelsubcathead { font-size: 1rem; font-weight: 300;  text-align: justify; margin: auto; line-height: 1.4rem;  } 

.galeria { margin: 0 0 2rem 0; }
.galeria-tit { font-family: var(--ft2); font-size: 1.5rem; font-weight: 200; color: var(--cl2); line-height: 1.75rem; }
.galeria-subtit { margin-top: 0.75rem; margin-bottom: 1.88rem; }
.galeria-grid { display: grid; gap: 0.3rem; grid-template-columns: repeat(4, 1fr);  }
.galeria-grid > div img { transition: all 0.2s;  }
.galeria-grid > div.standard:hover img { filter: brightness(70%); }
.galeria-grid > div.more:hover b { background-color: rgba(0,0,0,0.65); }
.galeria-grid > div:first-child { grid-area: 1/1/3/3; }
.galeria-grid > div.more { position: relative; }
.galeria-grid > div.more b { position: absolute; background-color: rgba(0,0,0,0.45); border-radius: 1rem; transition: all 0.2s; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; }
.galeria-grid > div.more b u { font-size: 1.5rem; color: var(--cl-f); font-family: var(--ft2); font-weight: 200; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-decoration:none; }
.galeria-grid > div { aspect-ratio: 1/1; }
.galeria-grid > div > a { width: 100%; height: 100%; display: block; border-radius: 1rem; overflow: hidden;  }
.galeria-grid > div > a > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.galeria-grid .hidden_more { display: inline; height: 0; width: 0;  }
.galeria-grid .hidden_more img { width: 0; height: 0; }



#bottom { padding: 4rem 0 7rem 0; background-color: #FFFFFF; }

#bottom-c { font-size: 0; width: 92%;  margin: auto;  }
#bottom-c > * { text-align: left; }

.bottom-1 { text-align: center;   }
.bottom-1 > * { margin: auto; }
.bottom-1 .a { width: 60%; text-align: center; }
.bottom-1 .a img { width: 50%; height: auto; }
.bottom-1 .b { width: 70%;  text-align: justify; color: #494949; font-weight: 300; font-size: 1.2rem; line-height: 1.4rem; margin-top: 1.2rem; }
 
.bottom-2 {  padding-top: 4rem;  }
.bottom-2 .a { margin-left: 3rem; }
.bottom-2 .a .aa { font-family: var(--ft2); font-size: 2.125rem;   }
.bottom-2 .a .bb { margin-top: 3rem; }
.bottom-2 .a .bb > div { margin-bottom: 0.75rem; }
.bottom-2 .a .bb > div a { font-size: 1.20rem; font-weight: 300; color: var(--cl-text); }
.bottom-2 .a .bb > div a:hover { color: var(--cl); }

.bottom-3 {  padding-top: 4rem; }
.bottom-3 .a { margin-left: 3rem;  }
.bottom-3 .a .aa { font-family: var(--ft2); font-size: 2.125rem;  }
.bottom-3 .a .bb { margin-top: 2rem; }
.bottom-3 .a .bb div { margin-bottom: 1.25rem; }
.bottom-3 .a .bb div i { color: var(--cl-text); font-size: 1.5rem; width: 2rem; text-align: center; }
.bottom-3 .a .bb div span { width: 80%; margin-left: 0.5em; font-size: 1.20rem; font-weight: 300; color: var(--cl-text); }
.bottom-3 .a .cc { font-family: var(--ft2); font-size: 2.125rem; font-size: 2.125rem;   margin-top: 8rem; margin-bottom: 2rem; }
.bottom-3 .a .dd a { display: inline-block; margin-right: 0.75rem; }
.bottom-3 .a .dd a i { font-size: 2.2rem;   }
.bottom-3 .a .dd a:hover i {  }

#copy { margin-top: 6rem;  font-weight: 300; color: #555; font-size: 0.92rem; line-height: 1.1rem; }

#btz { padding-top: 2rem; }
#btz img { width: 70px; height: auto; }

#contact_boxes { background-color: var(--cl2); padding: 5rem 0; text-align: center;  }
#contact_boxes > div { margin: auto;  max-width: 1600px; display: grid; gap: 2.5rem; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.contact_box {    }
.contact_box i { color: var(--cl); }
.contact_box .cbxsym { height: 50px; }
.contact_box .sboxtxt { color: var(--cl-text); margin-top: 30px; font-weight: 600; font-size: 1.25rem; width: 70%; margin-left: auto; margin-right: auto; line-height: 1.8rem; }
#contact_box_1 i { font-size: 48px; }
#contact_box_2 i { font-size: 38px; padding-top:5px; }
#contact_box_3 i { font-size: 46px; }
#c_vizit { text-align: center; font-size: 24px; margin-top: 50px; }
.form_mandatory_alert { background-color: #FFE0E0; }

#contact_form { margin: 6rem auto 6rem auto; text-align: center; width: 90%; max-width: 916px; }
#contact_form label { font-size: 16px;   }
.ctitle1 { font-family: var(--ft2); font-weight: 100; font-size: 2.2rem; line-height: 2.8rem; text-align: center; margin: 0 auto; color: #222222;  }
.ctitle2 { font-size: 1.05rem;  font-weight: 300; margin: 0.25rem 0 2.5rem 0; }
.fsel { display: block; width: 100%; height: 3.875rem; border-radius: 3px; background-color: var(--cl-brown); border-style: none; margin-bottom: 1rem; font-size: 1.15rem; font-weight: 200; color: var(--cl-text); text-indent: 1rem;   }
.finp { display: block; width: 100%; height: 3.875rem; border-radius: 3px; background-color: var(--cl-brown); border-style: none; margin-bottom: 1rem; font-size: 1.15rem; font-weight: 400; color: var(--cl-text); text-indent: 1rem; }
.finp::placeholder {  font-weight: 200; color: #666666  }
#txt { display: block; padding-top: 1rem; width: 100%; height: 12rem; border-radius: 3px; background-color: var(--cl-brown); border-style: none; margin-bottom: 1rem; font-size: 1.15rem; font-weight: 400; color: var(--cl-text); text-indent: 1rem; }
#txt::placeholder {  font-weight: 200; color: #666666  }
.hov_border { transition: border-color 0.05s;  }
.hov_border:focus { background-color: var(--cl-brown-hover); }
#csmb {  cursor: pointer;  }
#prlcont { display: none;  text-align: center;  margin: 0 auto;}
#prlcont i { color: var(--cl); font-size: 25px; }
#zoom_mobile { display: none; }
#zoom_desktop { }
#form_send_ok { display: none; border-radius: 1.5rem; background: #73dda4; margin-bottom: 10px;  font-weight: 500; padding: 2rem; width: 98%;  }
#form_send_err { display: none; border-radius: 1.5rem; background: #ffc0c0; margin-bottom: 10px; font-weight: 500; padding: 2rem; width: 98%;  }
#contfchk { margin: 2rem auto; font-size: 1rem; font-weight: 200; }
#contfchk label { margin-left: 0.5rem; cursor: pointer; font-size: 1.25rem; }
#contfchk label i { margin-right: 0.5rem; }
#chkt { display: none; }
#fchkt.nochk i.fa-square { display: inline-block; }
#fchkt.nochk i.fa-square-check { display: none; }
#fchkt.chk i.fa-square-check { display: inline-block; }
#fchkt.chk i.fa-square { display: none; }
#cchkt { display: none; }
#cfchkt.nochk i.fa-square { display: inline-block; }
#cfchkt.nochk i.fa-square-check { display: none; }
#cfchkt.chk i.fa-square-check { display: inline-block; }
#cfchkt.chk i.fa-square { display: none; }

#contactpage .b { color: var(--cl); font-size: 1.375rem; font-weight: 700; padding: 1rem 0 1rem 0; max-width: 1000px; margin: auto; }
#contactpage .c { color: var(--cl-text); font-size: 1.1rem; font-weight: 300; padding: 0.5rem 0rem 1rem 0rem;  margin: auto; line-height: 1.7rem; }


#map { height: 555px; overflow: hidden; }
#map a { width: 100%; height: 100%; overflow: hidden; display: block; }
#map a img { width: 100%; height: 100%; object-fit: cover; display: block; object-position: center center; }

#programare { background-color: var(--cl-b); padding: 7rem 0; }
#programare .a {  }
#programare .a i { color: var(--cl); font-size: 4rem; }

#gdpr5 { background-color: #f0f0f0; position: fixed;  box-shadow: 1px 0 4px 1px rgba(0,0,0,0.4); line-height: 1.2rem;  left: 0; right: 0; bottom: -200px; z-index: 160000; text-align: center; }
#gdpr5_bar { font-weight: 400; padding: 16px 3px 10px 3px; text-align: left;  margin: auto; width: 93%; max-width: 1560px; }
#gdpr5_bar .a { display: inline-block; vertical-align: middle;  color: #333333; font-size: 0.9rem; line-height: 1.2rem; width: 70%; }
#gdpr5_bar .a span { color: var(--cl); font-size: 1.2rem; font-weight: 500; line-height: 1.4rem;  padding-bottom: 6px;  display: block; }
#gdpr5_bar .a a { color: #565656; text-decoration: underline; }
#gdpr5_bar .a a:hover { color: #565656; text-decoration: underline; }
#gdpr5_bar .b { display: inline-block; vertical-align: middle; width: 29%; text-align: center; }
#gdpr5_bar .b a { padding: 8px 24px 8px 24px; font-size: 1rem; border-radius: 24px; transition: all 0.14s; padding-left: 50px; background-color: var(--cl); color: var(--cl-f); cursor : pointer; position: relative; }
#gdpr5_bar .b a::before { position: absolute; display: block; content: '\f00c'; top: 50%; transform: translateY(-50%); left: 20px; font-family: 'Font Awesome 5 Pro'; }
#gdpr5_bar .b a:hover { background-color: var(--cl); color: var(--cl-f); }




}


