@media all and (min-width: 740px) and (max-width: 1360px) {

#top_spacer { display: none; }

.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: 960px; height: 300px; transition: all 0.2s ease-in-out; border-radius: 46px;   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: 20px; top: 20px; transition: all 0.15s; padding: 7px; border-radius: 26px; display: block; cursor: pointer; color: #a11e25; font-size: 1.75rem; background: #transparent;   }
#searchdiv .a:hover  { color: var(--cl-f); background-color: #a11e25;}
#searchdiv .k  { margin: 110px 0 0 0 ; }
#searchdiv .k input { width: 600px; height: 72px; border: 0 none; line-height: 72px; border-radius: 26px; font-size: 24px; text-indent: 14px; font-weight: 300; display: inline-block; vertical-align: middle; }
#searchdiv .k button { display: inline-block !important; font-weight: 300; vertical-align: middle; padding: 0 40px; border-radius: 26px;  border: 0 none; cursor: pointer;  font-size: 24px; line-height: 72px; height: 72px; margin-left: 11px; }
#searchdiv .k button:hover { display: inline-block !important; vertical-align: middle;  }

#tartalom { text-align: center; }
.content { width: 90%; max-width: 1024px; margin: auto; text-align: left; }
.content2 { width: 90%; max-width: 1640px; margin: auto; text-align: left; }
.description { text-align: left; font-size: 1.25rem; font-weight: 300; color: var(--cl-text); line-height: 2rem;   }
.description img , .description_textimage img , .news-descr img { max-width: 100%; height: auto; }
.description b , .description strong { font-weight: 600 !important }

img.image-max  { border-radius: 6rem; width: 100%; height: auto !important; box-sizing: border-box; }
img.image-max.image-border { margin: 0 !important; } 

.description table { display: block !important; margin-top: 1rem; } 
.description table { max-width: 100%; width: 100%; border-spacing: 0; border-collapse: collapse; }
.description table { overflow: auto;  }
.description table td { vertical-align: middle; text-align: center; border: 1px solid #ddd; min-width: 220px;  padding: 0.85rem 1rem; font-size: 1.1rem; font-weight: 200; }
.description table tr:first-child { background-color: var(--cl-yellow); }
.description table tr:first-child td { font-weight: 300; font-size: 1.125rem; }

.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;   }

.mobile_only { display: none !important; }

#admin_insert_link , #admin_insert_link1 { position: fixed; right: -4px; width: 40px; height: 40px; text-align: center; line-height: 40px; z-index: 10000; display: block; border-radius: 5px; background-color: #e7804d; box-shadow: 0 0 5px 0px rgba(0,0,0,0.5);}
#admin_insert_link:hover , #admin_insert_link1:hover {  background-color: #ff5500; }
#admin_insert_link { top: 210px; }
#admin_insert_link1 { top: 160px; }
#admin_insert_link i , #admin_insert_link1 i { transition: color 0.15s; }
#admin_insert_link:hover i.fa-pencil , #admin_insert_link1:hover i.fa-pencil { color: #FFF; }
#admin_insert_link:hover i.fa-list-ul , #admin_insert_link1:hover i.fa-list-ul { color: #FFF; }
#admin_insert_link i.fa-pencil , #admin_insert_link1 i.fa-pencil { font-size: 20px; line-height: 40px; display: block; margin: auto; color: #ddd; }
#admin_insert_link i.fa-list-ul , #admin_insert_link1 i.fa-list-ul { font-size: 20px; line-height: 40px; display: block; margin: auto; color: #ddd;}


.cim { font-size: 1.875rem; color: var(--cl); font-weight: 500; }
#pagetitle { font-family: var(--ft2); font-weight: 100; font-size: 2.85rem; color: #222222; line-height: 4.5rem; max-width: 80%; margin-top: 2.5rem; margin-bottom: 3rem;  }  

#navig { margin: 2rem 0; }
#navig.navig_lowbottom { margin-bottom: 1.4rem !important; }
#navig * { display: inline-block; vertical-align: middle; }
#navig .navigsym { margin: 0 0.8rem; }
#navig a { color: var(--cl-text); text-decoration: none; }
#navig a:hover { color: var(--cl-text); text-decoration: underline; }

#subcatprev {   }
#subcatprev a { display: inline-block; margin-right: 0.85rem; margin-bottom: 0.5rem; border-radius: 10px; background-color: var(--cl2); color: var(--cl-text); padding: 4px 12px; font-weight: 400; transition: all 0.2s; }
#subcatprev a.akt, #subcatprev a.akt:hover , #subcatprev a:hover { background-color: var(--cl-b); color: var(--cl); }

#top { display: none; }

#top_spacer { height: 5.5rem; }

#top_m { background-color: var(--cl-b); height: 5.5rem; 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: 2rem; } 
#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; padding-right: 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: 1.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; aspect-ratio: 1.78; }
#videobanner #video_text { position: absolute; z-index: 5; top: 50%; left: 9%; right: 9%; transform: translateY(-40%); padding: 4rem 0 ; text-align: left;   }
#videobanner #video_text div { width: 80%; font-size: 68px; color: #ffffff; opacity: 1; text-transform: uppercase; line-height: 85px; font-weight: 800;  }
#videobanner video.desktop { width: 100%; display: block; }
#videobanner video.mobile { display: none; }

#pagebanner { width: 100%; height: 600px; overflow: hidden; }
#pagebanner img { width: 100%; height: 100%; object-fit: cover; }

#intro { background-color: var(--cl-b); padding: 4.875rem 0; text-align: center; }
#intro .a { font-family: var(--ft2); color: var(--cl-f); font-size: 3.25rem; line-height: 4rem; font-weight: 100; padding: 1rem 0 3rem 0; width: 92%; margin: auto; }
#intro .b { color: var(--cl); font-size: 1.375rem; font-weight: 700; padding: 1rem 0 1rem 0; max-width: 1000px; margin: auto; }
#intro .c { color: var(--cl-gray); font-size: 1.255rem; font-weight: 300; padding: 1rem 0 1rem 0;  margin: auto; width: 92%; line-height: 1.85rem; }

.it { font-size: 0; }
.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: inline-block; vertical-align: middle; }
.it .itleft { width: 44%; }
.it .itleft .a { font-family: var(--ft2); font-size: 2rem; font-weight: 100; padding: 1rem 1rem 1.5rem 1rem; line-height: 2.35rem;  }
.it .itleft .b { font-size: 1.255rem; font-weight: 400; width: 74%; text-align: justify; margin: auto; line-height: 1.5rem;  }
.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 { width: 56%; height: 100%;  }
.it .itright img { width: 100%; height: 100%; object-fit: cover; display: block; }
 
#rolunk { background-color: var(--cl-b); padding: 100px 0; text-align: center; }
#rolunk > div { width: 88%; margin: auto; }
#rolunk > div .a { font-family: var(--ft2); color: var(--cl-f); font-size: 3.25rem; font-weight: 100; padding: 1rem 0 3rem 0;  }
#rolunk > div .b { color: var(--cl); font-size: 1.375rem; font-weight: 700; padding: 1rem 0 1rem 0; max-width: 1000px; margin: auto; }
#rolunk > div .c { color: var(--cl-gray); font-size: 1.255rem; font-weight: 300; padding: 1rem 0 1rem 0; max-width: 1000px; margin: auto; line-height: 1.85rem; }
#rolunk > div .p { margin-top: 2rem; display: grid; gap: 0 4rem; grid-template-columns: 1fr 1fr 1fr; }
#rolunk > div .p a { display: block; border-radius: 50%; overflow: hidden; transition: all 0.22s; }
#rolunk > div .p a:hover { box-shadow: 0 0 25px 7px rgba(255,255,255,0.5); }
#rolunk > div .p img { width: 100%; height: auto; display: block; }
#rolunk > div .p b { display: block; color: var(--cl-gray); font-size: 1.375rem; font-weight: 300; padding: 1rem 0 1rem 0; max-width: 1000px; margin: auto; line-height: 2.5rem; }
#rolunk > div .x { margin-top: 4rem;  }
#rolunk > div .x a { color: var(--cl-f); border-radius: 1px; border: 1px solid #c3a370; padding: 12px 36px; font-size: 1.255rem; transition: background-color 0.3s; }
#rolunk > div .x a:hover { background-color: #a57e41;}

#bannerswipe_rolunk { display: none; }

.promobanner { display: block; width: 100%;   font-size: 0; position: relative; margin: 170px 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: 600; font-size: 3rem; line-height: 3.5rem; font-family: var(--ft2); }
.promobanner .ac { width: 66%; margin: auto; font-size: 1.35rem; 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_mobile { 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.375rem; font-weight: 300; padding: 0.5rem 0 0 0; max-width: 1000px; margin: auto; line-height: 2.5rem; }

#bannerbottom { }
#bannerbottom img { width: 100%; height: auto; }

#prod_grid { padding: 0 0 270px 0; display: grid; gap: 6rem 2.5rem; grid-template-columns: repeat(2, 1fr); }
#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: 1rem 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;  }

.before_after { }
.before_after > div.ba { background-color: var(--cl-brown); padding: 70px 0; }
.before_after .bt { color: var(--cl-text); font-size: 1.25rem;  padding: 70px 0; font-weight: 300; line-height: 2rem; }
.before_after img {  width:100%; display:block; }

#before-after-slider1 { width: 700px; 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: 700px; 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: 45%; 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: 3rem; font-weight: 100; padding-top: 3rem; display: block; }
#rolunk_ext div div   { padding-top: 0.7rem; line-height: 1.75rem; font-size: 1.25rem; 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 }


.galeria { margin: 4rem 0rem 2rem 0; }
.galeria-tit { font-family: var(--ft2); font-size: 2.375rem; font-weight: 200; line-height: 2.75rem; }
.galeria-subtit { margin-top: 0.75rem; margin-bottom: 1.88rem; }
.galeria-grid { display: grid; gap: 1rem; 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: 2.3rem; transition: all 0.2s; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; }
.galeria-grid > div.more b u { font-size: 3rem; 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: 2.3rem; 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: 8rem 0 7rem 0; background-color: #FFFFFF; }

#bottom-c { font-size: 0; width: 92%; max-width: 1600px; margin: auto;  }
#bottom-c > * { font-size: 1rem; display: inline-block; vertical-align: top; text-align: left; }

.bottom-1 { width: 33%; padding-left: 5px;   }
.bottom-1 .a { width: 70%;   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: 2.2rem; }
 
.bottom-2 { width: 33%; padding-top: 1.875rem;  }
.bottom-2 .a { width: 66%; min-width: 301px; }
.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 { width: 34.00%; padding-top: 1.875rem; }
.bottom-3 .a {   }
.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-size: 3.75rem; font-weight: 100; text-align: center; margin: 0 auto; color: #222222;  }
.ctitle2 { font-size: 1.25rem;  font-weight: 300; margin: 2.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.25rem; 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.25rem; 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.25rem; 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.2rem; font-weight: 300; padding: 1rem 0 1rem 0; max-width: 1000px; margin: 0 auto 2rem auto; line-height: 1.8rem; }


#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); }



}