@media all and (max-width: 739px) {

.button_max { font-size: 1.0rem; font-weight: 400; padding: 7px 16px 6px 16px; border-radius: 22px !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%;  height: 200px; transition: all 0.2s ease-in-out; border-radius: 20px; box-shadow: 0 0 16px 3px rgba(0,0,0,0.2);  background-color: #e3f1f0; 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; }
.description { text-align: left; font-size: 1.25rem; font-weight: 400; color: var(--cl-text); line-height: 2rem; padding: 1rem 0 8rem 0;  }
.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 { display: none;}
#pagetitle_m { font-family: var(--ft2); font-size: 2.52rem; font-weight: 600; line-height: 2.6rem; text-align: center; color: var(--cl); width: 90%; margin: 0 auto 0rem auto;  }

/*
#navig { margin: 1rem 0; font-size: 1.1rem;  text-align: center }
#navig .content { width: auto !important; margin: auto !important; padding: 0 !important; }
#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; }
#pagenav_m { background-color: #f7fbfc; padding: 2rem 0; margin-bottom: 2rem; }
*/

#navig { margin: 1rem auto; font-size: 1.1rem;  text-align: center  }
#navig .content { width: auto !important; margin: auto !important; padding: 0 !important;  text-align: center  }
#navig .navigsym { font-size: 0.9rem; color: var(--cl); margin: 0 0.9rem; }
#navig a { color: #646464;  }
#navig a.nlast { color: var(--cl) !important; font-weight: 600; }
#pagenav_m { background-color: #f7fbfc; padding: 2rem 0 0 0 ; margin-bottom: 2rem; }

#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-f); height: 3.6rem; 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: 17%; text-align: left;   } 
#top_m > div.a a { display: inline-block ; padding: 1rem; } 
#top_m > div.b { width: 45%; } 
#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: 10%; transform: translateY(-50%); } 
#top_m > div.c { width: 38%; text-align: right; } 
#top_m > div.c > * { display: inline-block; vertical-align: top; } 

#search_m { margin-top: 7px; }
#search_m a { display: block;  padding: 8px 10px 0 10px; }
#search_m a i { font-size: 1.75rem; }

#menu_icon { text-align: left; }
#menu_icon span { display: inline-block;   }
#menu_icon i { display: inline-block; font-size: 1.55rem; color: var(--cl);  }
#menu_icon.closed i.fa-bars { display: inline-block; }
#menu_icon.opened i.fa-bars { display: none; }
#menu_icon.opened i.fa-xmark { display: inline-block; }
#menu_icon.closed i.fa-xmark { display: none; }
 
#langs_m { margin-top: 7px; }
#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: #f5f9fa; 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 span { font-weight: 600; color: var(--cl); margin-right: 0.75rem; font-size: 1.05rem; text-transform: uppercase; }
#langs_choise_m > a img { width: 22px; height: 22px; }

#menu { display: none !important;  }
.dontscroll { overflow: hidden !important; }
#menumscrl { overflow: auto; -webkit-overflow-scrolling: touch; height: 100%; width: 100%; }
#menu_m.opened { left: 0 !important; right: 0 !important; }
#menu_m { position: fixed; display: block; z-index: 500; padding-top: 1.2rem; text-align: left; top: 3.95rem; bottom: 0; left: -200%; right: 101%; background-color: var(--cl2); -webkit-transition: .3s ease-in-out;  -moz-transition: .2s ease-in-out;  -o-transition: .2s ease-in-out;  transition: .2s ease-in-out;  }
#menu_m ul { margin: 0; padding: 0; list-style-type: none; }
#menu_m li { display: block; position: relative; }
#menu_m li a { display: block; margin: 0.5rem; padding: 0.5rem 0.5rem 0.5rem 1.2rem; font-size: 1.25rem; font-weight: 600; color: var(--cl-f); }

#sobj { position: absolute; z-index: 10; display: block;  left: -220px; top: 520px; width: 100px; height: 238px; background-image: url(img/sobj.png); background-repeat: no-repeat; background-size: cover; overflow: hidden; font-size: 0; }


.underl {  }
.underl span , .underl2 span { position: relative; }
.underl span::after {  position: absolute; display: block; content: ""; background: url(img/underl.png) no-repeat; bottom: -10px; right: -11px; width: 72px; height: 12px; }
.underl2 span::after { position: absolute; display: block; content: ""; background: url(img/underl.png) no-repeat; right: 0; width: 72px; height: 12px; }

#mainbanner { display: none !important; }
#mainbanner_m { height: 1000px; background-repeat: no-repeat; background-size: 100%; text-align: center; position: relative; }
#mainbanner_m .mac { display: flex; align-items: flex-end;  height: 100%; margin: auto; text-align: center; position: relative; overflow: visible; }
#mainbanner_m .ma {  width: 92%; margin: 0 auto 0rem auto; }
#mainbanner_m .ma .a1 { font-size: 2rem; line-height: 2.2rem; font-weight: 500; color: var(--cl); }
#mainbanner_m .ma .a2 { font-size: 1.9rem; line-height: 2.2rem; font-weight: 500; color: var(--cl2); margin-top: 10px; }
#mainbanner_m .ma .a3 { font-size: 1.125rem; line-height: 1.4rem; margin-top: 1rem; color: var(--cl);  }
#mainbanner_m .g { margin-top: 1.5rem;  }
#mainbanner_m .g .button { margin-right: 0.4rem; }
#mainbanner_m .g .button i { display: inline-block; transition: none; }
#mainbanner_m .g .button:hover i { animation: arrowSlide 1.45s ease infinite; }
#fgas2 { margin-bottom: 18px; }

.sym_right i { display: inline-block; transition: none;  }
.sym_right:hover i {  animation: arrowSlide 1.45s ease infinite;  }

#pagebanner { display: none }
#pagebanner_m { position: relative; height: 182px; background-repeat: no-repeat; background-size: cover;   }

#card { displau:none; }
#card_m { display: block;  z-index: 10; position: absolute; right: -100%; top: 36%; box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);  min-width: 240px;  background-color: var(--cl-f); border-radius: 14px; padding: 2rem 1.55rem ; }
.card-item { margin-bottom: 1.5rem; text-align: left; }
.card-item:last-child { margin-bottom: 0; }
.card-item .ca { display: inline-block; vertical-align: top; }
.card-item .ca i { font-size: 1.88rem; color: var(--cl2); }
.card-item .cb { display: inline-block; vertical-align: top; margin-left: 18px; color: var(--cl); line-height: 1.225rem;  }
.card-item .cb .cb1 { font-weight: 600; }


#main_programal { width: 80%; position: relative; margin: 9rem auto 3.3rem auto; text-align: center; }
#main_programal .i { position: absolute; border: 42px solid #e3f1f0; border-radius: 50%; font-size: 3rem; background: #e3f1f0; color: var(--cl); z-index: -1; left: 50%; transform: translateX(-50%); top: -104px; }
#main_programal .a { font-size: 1.625rem; color: var(--cl); font-weight: 600; line-height: 1.9rem; }
#main_programal .b { font-size: 1.25rem; color: var(--cl); font-weight: 400; margin-top: 1rem; line-height: 1.6rem; }
#main_programal .c { padding: 4rem 0 0 100px; position: relative; }
#main_programal .c .button i { display: inline-block; transition: none; }
#main_programal .c .button:hover i { animation: arrowSlide 1.45s ease infinite;}
#main_programal .c span { display: block; position: absolute; width: 110px; height: 101px; background-image: url(img/arr1.png); top: 10px; left: -10px;  }
#main_programal .d { margin-top: 1rem;  }
#main_programal .d > * { display: inline-block; vertical-align: top; color: #838383; line-height: 2rem; }
#main_programal .d i { margin-right: 6px; }
#main_programal .d span { font-size: 0.875rem; margin-top: 2px; }


.swiper-slide { margin-bottom: 50px; }
.swiper-pagination-bullet { width: 12px !important; height: 12px !important;  }
.swiper-pagination-bullet-active { background: var(--cl) !important; width: 26px !important; border-radius: 12px !important; }

#ajuta {  padding: 3rem 0 2rem 0; background-color: #f7fbfc; }
#ajuta > *  {  }
#ajuta .at { text-align: center; font-size: 1.8rem; line-height: 2rem; color: var(--cl); margin-bottom: 3rem; font-weight: 500; }
#home_ajuta {  }
#home_ajuta .swiper-wrapper {  }
#home_ajuta .swiper-slide { height: 150px; overflow: hidden; display: flex; align-items: center;  }
#home_ajuta .swiper-slide:hover {  }
#home_ajuta .swiper-slide > a { display: block; color: var(--cl); padding: 18px; border-radius: 26px;  margin: auto; width: 96%; height: 86%; border: 2px solid #e9e9e9; background-color: var(--cl-f); transition: all 0.3s ease; text-align: left; position: relative; }
#home_ajuta .swiper-slide > a:hover {  color: var(--cl); border: 2px solid transparent; background-color: var(--cl-f); box-shadow: 0 0 12px 2px rgba(0,0,0,0.1); }
#home_ajuta .swiper-slide > a .ia { display: inline-block; vertical-align: top; }
#home_ajuta .swiper-slide > a .ia i { font-size: 1.6rem; width: 64px; height: 64px; text-align: center; line-height: 64px; color: var(--cl-f); border-radius: 50%; display: block; }
#home_ajuta .swiper-slide > a .ic { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); }
#home_ajuta .swiper-slide > a .ic i { color: var(--cl); font-size: 1.3rem; }
#home_ajuta .swiper-slide > a .ib { width: 200px;  display: inline-block; vertical-align: top; margin-left: 0.7rem; padding-top: 0.5rem; }
#home_ajuta .swiper-slide > a .ib .iba { font-weight: 600; font-size: 1.125rem; }
#home_ajuta .swiper-slide > a .ib .ibb { padding-top: 0.4rem; line-height: 1.2rem;  }

#promotii { padding: 3rem 0 2rem 0; background-color: #fcf8f2; }
#promotii > *  {  }
#promotii .at { text-align: center; font-size: 1.8rem; line-height: 2rem; color: var(--cl); margin-bottom: 3rem; font-weight: 500; }
#promotii .tovabb   { margin-top: 2rem; text-align: center; }
#promotii .tovabb a   { color: var(--cl2); }
#promotii .tovabb a *   { display: inline-block; vertical-align: middle; }
#promotii .tovabb a span   { font-size: 1rem; font-weight: 600; margin-right: 1rem; }
#promotii .tovabb a i   { color: var(--cl2); font-size: 1.5rem; transition: none; }
#promotii .tovabb a:hover i  { animation: arrowSlide 1.45s ease infinite; }
#home_promotii {   }
#home_promotii .swiper-wrapper {   }
#home_promotii .swiper-slide { height: 270px; overflow: hidden; display: flex; align-items: center; }

#home_promotii .swiper-slide.lejart { position: relative; }
#home_promotii .swiper-slide.lejart .lej { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(img/strp.png); background-position: center; background-repeat: no-repeat; background-size: 100%; }
#home_promotii .swiper-slide.lejart > a { opacity: 0.5; }
#home_promotii .swiper-slide > a .exp { display: none; }
#home_promotii .swiper-slide .lej { display: none; }
#home_promotii .swiper-slide.lejart > a .exp { display: inline-block; color: #a30000;  }

#home_promotii .swiper-slide > a { display: block; color: var(--cl); padding: 20px; border-radius: 26px;  margin: auto; width: 96%; height: 86%; background-color: var(--cl-f); transition: all 0.3s ease; text-align: left; position: relative; }
#home_promotii .swiper-slide > a:hover {  color: var(--cl);  background-color: var(--cl-f); box-shadow: 0 0 12px 2px rgba(0,0,0,0.1); }
#home_promotii .swiper-slide > a > .pr-af {   }
#home_promotii .swiper-slide > a > .pr-af > * { display: inline-block; vertical-align: middle; }
#home_promotii .swiper-slide > a > .pr-af .pr-af-1 { padding: 0.65rem 0.8rem 0.55rem 0.8rem; color: var(--cl-f); text-align: center; border-radius: 20px; }
#home_promotii .swiper-slide > a > .pr-af .pr-af-1.nem-ingyenes { background-color: var(--cl-orange); font-weight: 700; font-size: 1.375rem; }
#home_promotii .swiper-slide > a > .pr-af .pr-af-1.ingyenes { background-color: var(--cl2); font-weight: 600; font-size: 1.125rem; text-transform: uppercase; }
#home_promotii .swiper-slide > a > .pr-af .pr-af-2 { font-size: 1.1875rem; max-width: 58%; font-weight: 600; color: var(--cl); margin-left: 1rem; line-height: 1.35rem; }
#home_promotii .swiper-slide > a > .pr-bh { text-align: center; margin-top: 1.3rem; }
#home_promotii .swiper-slide > a > .pr-bh .pr-bh-1 span { margin-right: 0.8rem; color: #66768c; font-weight: 200; text-decoration: line-through; font-size: 1.1875rem; }
#home_promotii .swiper-slide > a > .pr-bh .pr-bh-1 b { text-decoration: none; margin-right: 0.5rem;  font-weight: 200; font-size: 0.88rem; }
#home_promotii .swiper-slide > a > .pr-bh .pr-bh-2 span { margin-left: 0.8rem; color: var(--cl-orange); font-weight: 600; font-size: 1.375rem; }
#home_promotii .swiper-slide > a > .pr-bh .pr-bh-2 b { text-decoration: none; margin-right: 0.5rem;  font-weight: 200; font-size: 0.88rem; }
#home_promotii .swiper-slide > a > .pr-bh .pr-bh-all {  color: var(--cl2); font-weight: 600; font-size: 1.375rem; }
#home_promotii .swiper-slide > a > .pr-cv { margin-top: 2.5rem; text-align: center; color: #838383;  }
#home_promotii .swiper-slide > a > .pr-pk { text-align: center; color: #838383;   }
#home_promotii .swiper-slide > a > .pr-pk i { font-size: 1.2rem; margin-right: 10px;  }


#servicii { padding: 2rem 0 2rem 0; }
#servicii .content { width: 96%; }
#servicii.inner { padding: 0 !important; }
#servicii > *  {  }
#servicii .at { text-align: center; padding: 0 1.5rem; font-size: 1.8rem; line-height: 2rem; color: var(--cl); margin-bottom: 1.6rem; font-weight: 500; }
#servicii .tovabb   { margin-top: 2rem; text-align: center; }
#servicii .tovabb a   { color: var(--cl2); }
#servicii .tovabb a *   { display: inline-block; vertical-align: middle; }
#servicii .tovabb a span   { font-size: 1rem; font-weight: 600; margin-right: 1rem; }
#servicii .tovabb a i   { color: var(--cl2); font-size: 1.5rem; transition: none; }
#servicii .tovabb a:hover i  { animation: arrowSlide 1.45s ease infinite; }
#home_servmain {   }
#home_servmain .swiper-wrapper { }
#home_servmain .swiper-slide { height: 370px;  overflow: hidden; display: flex; align-items: center; }
#home_servmain .swiper-slide:hover {  }
#home_servmain .swiper-slide > a { line-height: 1rem; text-align: center; display: block; color: var(--cl); padding: 20px; border-radius: 26px; border: 2px solid #e9e9e9; margin: auto; width: 96%; height: 86%; background-color: var(--cl-f); transition: all 0.3s ease; text-align: left; position: relative; }
#home_servmain .swiper-slide > a:hover { border: 2px solid transparent; color: var(--cl);  background-color: var(--cl-f); box-shadow: 0 0 12px 2px rgba(0,0,0,0.1); }
#home_servmain .swiper-slide > a > .i { margin-top: 22px; text-align: center; }
#home_servmain .swiper-slide > a > .i i {  font-size: 2.5rem; color: var(--cl2); }
#home_servmain .swiper-slide > a > .a { height: 140px; margin-top: 1.25rem;  text-align: center; font-size: 1.125rem; font-weight: 600; line-height: 1.45rem; color: var(--cl); }
#home_servmain .swiper-slide > a > .p { height: 52px; text-align: center; }
#home_servmain .swiper-slide > a > .p .p1 span { font-weight: 700; font-size: 1.375rem; }
#home_servmain .swiper-slide > a > .p .p1 b { text-decoration: none; margin-right: 0.5rem;  font-weight: 200; font-size: 0.88rem; display: block; }
#home_servmain .swiper-slide > a > .p .p1.st { padding-top: 11px; }
#home_servmain .swiper-slide > a > .p .p2 span { font-weight: 200; font-size: 1.1875rem; color: #7b8a9d; text-decoration: line-through; margin-top: 10px; }
#home_servmain .swiper-slide > a > .p .p2 b { text-decoration: none; margin-right: 0.5rem;  font-weight: 200; font-size: 0.88rem;  display: block; }
#home_servmain .swiper-slide > a > .pp { position: absolute; top: -1rem; left: 1.2rem;  text-align: center; line-height: 32px; height: 32px; display: block;  }
#home_servmain .swiper-slide > a > .pp .ingyenes { background-color: var(--cl2); color: #FFFFFF; font-weight: 700; font-size: 1rem; text-transform: uppercase; padding: 0 10px; border-radius: 10px;}
#home_servmain .swiper-slide > a > .pp .nem-ingyenes-1 { background-color: var(--cl-orange); color: #FFFFFF; font-weight: 700; font-size: 1rem; text-transform: uppercase; padding: 0 10px; border-radius: 10px;}
#home_servmain .swiper-slide > a > .pp .nem-ingyenes-2 { background-color: var(--cl3); color: #FFFFFF; font-weight: 700; font-size: 1rem; text-transform: uppercase; padding: 0 10px; border-radius: 10px;}
 
#servinn {  }
#servinn .swiper-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.8rem; }
#servinn .swiper-slide { padding-top: 1rem;   }
#servinn .swiper-slide > a { line-height: 1rem; text-align: center; display: block; color: var(--cl); padding: 20px; border-radius: 26px; border: 2px solid #e9e9e9; margin: auto; width: 96%; height: 86%; background-color: var(--cl-f); transition: all 0.3s ease; text-align: left; position: relative; }
#servinn .swiper-slide > a:hover { border: 2px solid transparent; color: var(--cl);  background-color: var(--cl-f); box-shadow: 0 0 12px 2px rgba(0,0,0,0.1); }
#servinn .swiper-slide > a > .i { margin-top: 12px; text-align: center; }
#servinn .swiper-slide > a > .i i {  font-size: 2.5rem; color: var(--cl2); }
#servinn .swiper-slide > a > .a { height: 140px; margin-top: 1.25rem;  text-align: center; font-size: 1.125rem; font-weight: 600; line-height: 1.45rem; color: var(--cl); }
#servinn .swiper-slide > a > .p { height: 52px; text-align: center; }
#servinn .swiper-slide > a > .p .p1 span { font-weight: 700; font-size: 1.375rem; }
#servinn .swiper-slide > a > .p .p1 b {  font-weight: 200; font-size: 0.88rem; display: block; }
#servinn .swiper-slide > a > .p .p1.st { padding-top: 11px; }
#servinn .swiper-slide > a > .p .p2 span { font-weight: 200; font-size: 1.1875rem; color: #7b8a9d; text-decoration: line-through; margin-top: 10px; }
#servinn .swiper-slide > a > .p .p2 b { font-weight: 200; font-size: 0.88rem; display: block; }
#servinn .swiper-slide > a > .pp { position: absolute; top: -1rem; left: 1.2rem;  text-align: center; line-height: 32px; height: 32px; display: block;  }
#servinn .swiper-slide > a > .pp .ingyenes { background-color: var(--cl2); color: #FFFFFF; font-weight: 700; font-size: 1rem; text-transform: uppercase; padding: 0 10px; border-radius: 10px;}
#servinn .swiper-slide > a > .pp .nem-ingyenes-1 { background-color: var(--cl-orange); color: #FFFFFF; font-weight: 700; font-size: 1rem; text-transform: uppercase; padding: 0 10px; border-radius: 10px;}
#servinn .swiper-slide > a > .pp .nem-ingyenes-2 { background-color: var(--cl3); color: #FFFFFF; font-weight: 700; font-size: 1rem; text-transform: uppercase; padding: 0 10px; border-radius: 10px;}
 

#stiri { padding: 2.5rem 0 2rem 0;   }
#stiri.inner { padding: 2rem 0 0 0 !important;   }
#ghiduri { padding: 2.5rem 0 4rem 0;   }
#ghiduri.inner {  padding: 2rem 0 0 0 !important;  }
#stiri , #ghiduri > *  {  }
#stiri .at , #ghiduri .at { text-align: center; font-size: 1.8rem; line-height: 2rem; color: var(--cl); margin-bottom: 2rem; font-weight: 500; }
#stiri .tovabb , #ghiduri .tovabb { display: none; }
#home_stiri ,#home_ghiduri { }
#home_stiri .swiper-wrapper ,#home_ghiduri .swiper-wrapper {  }
#home_stiri .swiper-slide ,#home_ghiduri .swiper-slide { overflow: hidden;  }
#home_stiri .swiper-slide > a ,#home_ghiduri .swiper-slide > a { display: block; color: var(--cl); margin: auto; text-align: left; }
#home_stiri .swiper-slide > a .d ,#home_ghiduri .swiper-slide > a .d { text-transform: uppercase; margin-top: 1.6rem; margin-left: 6px; font-size: 1rem }
#home_stiri .swiper-slide > a .i ,#home_ghiduri .swiper-slide > a .i { aspect-ratio: 1.42; overflow: hidden; border-radius: 24px; }
#home_stiri .swiper-slide > a .i img ,#home_ghiduri .swiper-slide > a .i img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.15s ease-in-out; }
#home_stiri .swiper-slide > a:hover .i img ,#home_ghiduri .swiper-slide > a:hover .i img { transform: scale(1.04); display: block; }
#home_stiri .swiper-slide > a .t  ,#home_ghiduri .swiper-slide > a .t  { margin-top: 0.5rem; width: 77%; line-height: 1.3rem; font-size: 1.1875rem; margin-left: 6px; font-weight: 600; }
 
 
#testimon { padding: 3rem 0 6rem 0; background-color: #f5f9fa; }
#testimon > *  {  }
#testimon .at { text-align: center; font-size: 3.125rem; color: var(--cl); margin-bottom: 3rem; font-weight: 500; }
#home_testimon {   }
#home_testimon .swiper-wrapper {  }
#home_testimon .swiper-slide { overflow: hidden;  }
#home_testimon .swiper-slide:hover {  }
#home_testimon .swiper-slide > a { line-height: 1rem; text-align: center; display: block; color: var(--cl);  text-align: left;   font-size: 0; }
#home_testimon .swiper-slide > a > * { vertical-align: top; display: inline-block; font-size: 1rem; }
#home_testimon .swiper-slide > a .l { width: 33%; text-align: center; }
#home_testimon .swiper-slide > a .l i { width: 94px; height: 94px; text-align: center; line-height: 92px; color: var(--cl2); font-size: 2.5rem; border-radius: 50%; background-color: var(--cl-f); }
#home_testimon .swiper-slide > a .r { width: 67%; padding-left: 0.5rem; }
#home_testimon .swiper-slide > a .r .rcs { height: 20px; width: 110px; background: url(img/stars.png) no-repeat; }
#home_testimon .swiper-slide > a .r .rsr { margin-top: 0.9rem; color: #183346; font-size: 1.125rem; line-height: 1.25rem; }
#home_testimon .swiper-slide > a .r .rsn { margin-top: 0.9rem; color: #183346; font-size: 1rem; font-weight: 600;}
#home_testimon .swiper-slide > a .r .rsf {  margin-top: 0.2rem;  color: #183346; font-size: 1rem; }

 
#newsletter { position: relative; background-color: #012049; padding: 1rem; min-height: 300px; text-align: center; }
#newsletter .n { position: absolute; left: 50%; top: -45px; background-color: var(--cl2); transform: translateX(-50%); width: 90px; height: 90px; border-radius: 50%; overflow: hidden; display: flex; align-items: center;   line-height: 90px; }
#newsletter .n i { color: var(--cl-f); font-size: 2.5rem; margin: 0 auto 0 auto; }
#newsletter .a { font-size: 1.85rem; color: var(--cl-f); font-weight: 600; margin: 3.2rem auto 1rem auto; padding: 0 3rem; line-height: 2.2rem }
#newsletter .b { font-size: 1rem; color: #e0e0e0; font-weight: 300; }
#newsletter .c { margin: 3rem auto 3rem auto;  }
#newsletter .c .cb { margin-top: 1rem; display: block;  }
 
#newsletter .c input { margin-right: 10px; border: none; background-color: var(--cl-f); color: #404040; font-size: 1rem; font-weight: 600; text-indent: 1rem; height: 38px; width: 99%; border-radius: 16px; }
#newsletter .c input::placeholder { color: #404040; font-size: 1.125rem; font-weight: 400;  }
#newsletter .d { color: #778495; font-size: 0.88rem; font-weight: 400; margin: auto; line-height: 1rem;  }
#newsletter .d a { color: var(--cl2); text-decoration: underline; }

#bottom { padding-top: 2rem; padding-bottom: 3rem; }
#bottom_grid { text-align: center; }
#bottom_grid .a { width: 42%; padding-top: 1rem; margin: auto; }
#bottom_grid .a img { width: 100%; height: auto; }
#bottom_grid .ld { text-align: justify; font-size: 0.88rem; line-height: 1rem; color: #888; padding-top: 1rem; }

#bottom_grid .b  { margin-top: 4rem; }
#bottom_grid .b .b1 { font-size: 1.25rem; color: var(--cl); font-weight: 600; }
#bottom_grid .b .b2 { padding-top: 1rem; }
#bottom_grid .b .b2 a { margin: 0 1rem; }
#bottom_grid .b .b2 a:hover i { background-color: var(--cl2-hover); }
#bottom_grid .b .b2 i { height: 36px; transition: all 0.3s ease; width: 36px; background: var(--cl2); line-height: 36px; text-align: center; border-radius: 50%; color: var(--cl-f); font-size: 1.25rem; }

#bottom_grid .c  { margin-top: 4rem; }
#bottom_grid .c .c1 { font-size: 1.25rem; color: var(--cl); font-weight: 600; }
#bottom_grid .c .c2 { padding-top: 1rem; }
#bottom_grid .c .c2 div { margin-bottom: 0.6rem; font-size: 0; margin-left: -10px;}
#bottom_grid .c .c2 div * { display: inline-block; vertical-align: middle; }
#bottom_grid .c .c2 div i { font-size: 1.25rem; color: var(--cl2); width: 48px; text-align: center }
#bottom_grid .c .c2 div span { font-size: 1rem; font-weight: 600; color: var(--cl);  }
 
#bottom_grid .d  { margin-top: 4rem;  }
#bottom_grid .d .d1 { font-size: 1.25rem; color: var(--cl); font-weight: 600; }
#bottom_grid .d .d2 { padding-top: 1rem; line-height: 2rem; }
#bottom_grid .d .d2 a { font-size: 1rem; font-weight: 600; color: var(--cl); }
#bottom_grid .d .d2 a:hover { text-decoration: underline; color: var(--cl); }
 
#bottom_low {   }
#bottom_low .l { display: none; }
#bottom_low .l b { font-weight: 400; color: var(--cl); }
#bottom_low .copy  { margin: 1.3rem 0; color: var(--cl); }
#bottom_low .btz  {  }
#bottom_low .btz img { width: 57px; height: auto; }
#bottom_low #anpc { margin-top: 4rem; }
#bottom_low #anpc > div { display: block; margin: auto; width: 50%; height: auto; max-width: 240px; text-align: center; }
#bottom_low #anpc img { width: 100%; }

.bottom_copy { margin-top: 3rem; text-align: center; }
.bottom_copy .btz { margin-top: 2rem; text-align: center; }
.bottom_copy .btz img { width: 90px; }

 
#serv_inner { font-size: 0; padding-bottom: 5rem;  }
#serv_inner > * {   }
#serv_left {  padding-right: 1.5rem;   }
#serv_left .at {  font-size: 2.0rem; color: var(--cl); margin-bottom: 2rem; line-height: 2.35rem; font-weight: 500; }
#serv_left .serv-descr { line-height: 1.55rem; font-size: 1.25rem; margin-top: 1rem; color: #828282; font-weight: 300; }
#serv_left .serv-items { margin-top: 2.6rem; }
#serv_left .serv-items .serv-items-title { margin-top: 2.6rem;  }
#serv_left .serv-items .serv-items-title span { color: var(--cl); font-size: 1.625rem; font-weight: 600;  }
#serv_left .serv-items .serv-items-title i { margin-left: 2rem; font-size: 1.125rem; color: #c6a067; }
#serv_left .serv-items.closed .serv-items-title i.fa-chevron-up { display: none; }
#serv_left .serv-items.closed .serv-items-title i.fa-chevron-down { display: inline-block; }
#serv_left .serv-items.opened .serv-items-title i.fa-chevron-down { display: none; }
#serv_left .serv-items.opened .serv-items-title i.fa-chevron-up { display: inline-block; }
#serv_left .serv-items .serv-items-items { margin-top: 0.6rem; margin-bottom: 3rem; }
#serv_left .serv-items .serv-items-items > div  { margin-bottom: 0.6rem; }
#serv_left .serv-items .serv-items-items > div > * { display: inline-block; vertical-align: middle; line-height: 1.3rem; }
#serv_left .serv-items .serv-items-items > div > i { margin-left: 0.8rem; margin-right: 1.2rem; font-size: 1.5rem; color: var(--cl2); }
#serv_left .serv-items .serv-items-items > div > span { font-size: 1.25rem; width: 80%; }

#serv_left .serv-pret  { padding-top: 1rem; }
#serv_left .serv-pret .serv-pret-title { font-size: 26px; color: var(--cl); font-weight: 600;  }
#serv_left .serv-pret .serv-pret-pret { text-align: center; padding: 2.5rem 0rem; background-color: #f7fbfc; margin-top: 1.5rem; border-radius: 20px; }
#serv_left .serv-pret .serv-pret-pret .p1 span { margin-right: 1.3rem; display: inline-block; color: #7b8a9d; text-decoration: line-through; font-weight: 300; font-size: 1.88rem; }

#serv_left .serv-pret .serv-pret-pret .p2 span { display: inline-block; color: var(--cl); font-weight: 600; font-size: 2rem; }
#serv_left .serv-pret .serv-pret-pret .p2 b { font-weight: 200; font-size: 0.88rem; margin-right: 0.4rem; margin-left: 0.4rem; }

#serv_left .serv-ajut { text-align: left; padding: 1.25rem 2rem; background-color: #fcf8f2; margin-top: 2.5rem; border-radius: 14px; font-size: 0; }
#serv_left .serv-ajut > * { vertical-align: middle; display: inline-block; font-size: 1rem; }
#serv_left .serv-ajut i { color: #fdbe02; font-size: 2rem; margin-right: 2rem; }

#serv_right {  }
#serv_right #serv_cont { background-color: var(--cl-f); padding: 2rem 0rem; margin: auto; text-align: left; position: relative; }

#serv_right #serv_cont .pp { position: absolute; top: 0.3rem; right: 3rem; text-align: center; display: block; }
#serv_right #serv_cont .pp > span  { padding: 3px 12px; }
#serv_right #serv_cont .pp .ingyenes { background-color: var(--cl2); color: #FFFFFF; font-weight: 700; font-size: 1rem; text-transform: uppercase; border-radius: 10px; }
#serv_right #serv_cont .pp .nem-ingyenes-1 { background-color: var(--cl-orange); color: #FFFFFF; font-weight: 700; font-size: 1rem; text-transform: uppercase; border-radius: 10px; }
#serv_right #serv_cont .pp .nem-ingyenes-2 { background-color: var(--cl3); color: #FFFFFF; font-weight: 700; font-size: 1rem; text-transform: uppercase; border-radius: 10px; }
#serv_right #serv_cont .servi-tit { font-size: 0; }
#serv_right #serv_cont .servi-tit > * { vertical-align: middle; display: inline-block; font-size: 1rem; }
#serv_right #serv_cont .servi-tit > i { width: 70px; height: 70px; background-color: #fee9d9; color: var(--cl); font-size: 2.2rem; text-align: center; line-height: 70px; border-radius: 50%; }
#serv_right #serv_cont .servi-tit > span { width: 66%; color: var(--cl); font-size: 1.625rem; font-weight: 600; margin-left: 1.4rem; }
#serv_right #serv_cont .servi-frm { padding-bottom: 1rem; }
#serv_right #serv_cont .servi-frm .t { font-size: 1.25rem; color: var(--cl); font-weight: 600; margin-top: 2.5rem; }
#serv_right #serv_cont .prog-title { font-size: 1.25rem; color: var(--cl); font-weight: 600; margin-top: 2.5rem; }
#serv_right #serv_cont .servi-frm .lbl { font-size: 1.125rem; color: var(--cl); margin-top: 1rem;  }
#serv_right #serv_cont .servi-frm .inp   {  margin-top: 0.2rem; }
#serv_right #serv_cont .servi-frm .inp input { height: 48px; width: 100%; border-radius: 16px; background: white; color: var(--cl); text-indent: 1rem; font-size: 1.25rem; border: 2px solid #e9e9e9; transition: all 0.3s ease-in; }
#serv_right #serv_cont .servi-frm .inp textarea { height: 177px; width: 100%; border-radius: 16px; background: white; color: var(--cl); padding: 8px; font-size: 1.125rem; border: 2px solid #e9e9e9; transition: all 0.3s ease-in; }
#serv_right #serv_cont .servi-frm .inp input:hover , #serv_right #serv_cont .servi-frm .inp input:focus { background: var(--cl2); color: white; border: 2px solid var(--cl2); }

#serv_right #serv_cont .pform-progr {  font-size: 0; }
#serv_right #serv_cont .pform-progr > * { font-size: 1rem; display: inline-block; vertical-align: top; }
#serv_right #serv_cont .pform-left { width: 66%; overflow: hidden; }
#serv_right #serv_cont .pform-right { width: 34%; overflow: hidden; padding-top: 1.5rem; text-align: center; }
#serv_right #serv_cont .pform-right .a { font-size: 1.125rem; color: var(--cl); margin-bottom: 0.6rem; }
#serv_right #serv_cont .pform-right .p { display: grid; gap: 0.8rem 1rem; grid-template-columns: 1fr 1fr; }
#serv_right #serv_cont .pform-right .p a { border-radius: 4px; border: 1px solid #e9e9e9; height: 28px; line-height: 28px; text-align: center; width: 100%; color: var(--cl);  transition: all 0.3 ease-in; }
#serv_right #serv_cont .pform-right .p a:hover , #serv_right #serv_cont .pform-right .p a.selec:hover , #serv_right #serv_cont .pform-right .p a.selec { color: var(--cl-f); background-color: var(--cl2); }
#serv_right #serv_cont .pform-right .p a.disab { pointer-events: none !important; color: #cccccc !important; }

#serv_right #serv_cont .chk { margin: 1rem 0 1rem 0; font-size: 0; }
#serv_right #serv_cont .chk * { display: inline-block; vertical-align: top; font-size: 0.8rem; }
#serv_right #serv_cont .chk .c { cursor: pointer; margin-top: 5px; width: 24px; height: 24px; line-height: 24px; text-align: center; margin-right: 18px; background-color: #eeeeee; border-radius: 3px; }
#serv_right #serv_cont .chk .c.selec i , #serv_right #serv_cont .chk .c:hover i , #serv_right #serv_cont .chk .c.selec:hover i { visibility: visible; }
#serv_right #serv_cont .chk .c i { visibility: hidden; font-size: 1.15rem; color: var(--cl2); line-height: 24px; }
#serv_right #serv_cont .chk .d { width: 80%; line-height: 1.2rem; font-size: 1rem; color: var(--cl); }
#serv_right #serv_cont .chk .d a {  line-height: 1.2rem; font-size: 1rem; color: var(--cl);  font-weight: 600; }
#serv_right #serv_cont .chk .d a:hover {  line-height: 1.2rem; font-size: 1rem; color: var(--cl);  font-weight: 600; text-decoration: underline; }

#sendprogramal .c { margin-left: 85px; padding: 4rem 0 0 100px; position: relative; }
#sendprogramal .c .button i { display: inline-block; transition: none; }
#sendprogramal .c .button:hover i { animation: arrowSlide 1.45s ease infinite;}
#sendprogramal .c span { display: block; position: absolute; width: 110px; height: 101px; background-image: url(img/arr1.png); top: 10px; left: -35px;  }
#sendprogramal .d { margin-top: 1rem; text-align: center; }
#sendprogramal .d > * { display: inline-block; vertical-align: top; color: #838383; line-height: 2rem; }
#sendprogramal .d i { margin-right: 6px; font-size: 1rem; }
#sendprogramal .d span { font-size: 0.875rem; margin-top: 2px; }

#form_loader { display: none; text-align: center; height: 200px; padding-top: 70px; }

#cale {  position: relative;  margin: 1rem 0 1rem 0; max-width: 270px; }
#cale.loadcale:after { position: absolute; left: 45%; top: 45%; transform: translate(-50%,-50%); content: '\e1d4'; font-family: 'Font Awesome 6 Pro'; display: block; font-size: 3rem; font-weight: 200; color: var(--cl2); -webkit-animation: fa-spin 2.5s infinite linear;  animation: fa-spin 2.5s infinite linear; }
#cale.loadcale .cale-inner { opacity: 0.1; }
#cale-left { position: absolute; left:0; top:0; bottom:0; width: 52px;   border-top-left-radius: 20px;  }
#cale-left a { display: block;   }
#cale-left a i { color: color: var(--cl); font-size: 1.1rem  }
#cale-left a:hover i { color: var(--cl2);   }
#cale-right {  position: absolute; right:0; top:0; bottom:0; width: 52px;   border-top-right-radius: 20px;  }
#cale-right a { display: block;   }
#cale-right a:hover i { color: var(--cl2);   }
#cale-right a i { color: var(--cl); font-size: 1.1rem  }
.cale-month-name { text-align: center; font-size: 1.125rem; height: 44px; color: var(--cl); line-height: 49px; font-weight: 200; position: relative; border-top-right-radius: 20px; border-top-left-radius: 20px;  }
.cale-month-days-container {  position: relative;   }
.cale-month-margin-left { margin-left: 52px; }
.cale-month-inner { display: flex; flex-wrap: wrap; justify-content: space-evenly; padding-bottom: 1rem;}
.cale-month-inner a { display: block; text-align: center; width: 13%; font-size: 1.25rem; }

.cale-month-inner a.a_week { margin-top: 0.5rem; margin-bottom: 0.1rem; font-weight: 600; color: #2c2c2c; }
.cale-month-inner a.a_week.sn6, .cale-month-inner a.a_week.sn7   { color: #952a2a; }

.cale-month-inner a.a_day {  padding: 0.1rem 0; border-radius: 6px;  }

.cale-month-inner a.mainap { font-weight: 700; color: var(--cl); font-size: 1.25rem;  }
.cale-month-inner a.esem { color: var(--cl); border-radius: 50%; }
.cale-month-inner a.esem:hover, .cale-month-inner a.esem.selec:hover , .cale-month-inner a.esem.selec  { color: var(--cl-f); background-color: var(--cl2); }
.cale-month-inner a.day {  color: #cccccc; cursor: not-allowed;   }
.cale-month-inner a.masho { color: transparent !important; pointer-events: none !important; background-color: transparent !important; }

#cale_events_details { position: absolute; top: 15px ; left: 15px; right: 15px; max-height: 92%; overflow: auto;}
#cale_events_details a.mdev { margin-bottom: 2rem; display: block; }
#cale_events_details a.mdev:hover span { text-decoration: underline }
#cale_events_details i.fa {  }
#cale_events_details span {display: block;  color: #333; }
 

#stiribanner { display: none; }
#stiribanner_m { margin-top: 2rem; position: relative; background-repeat: no-repeat; background-position: 0 0 ; background-size: cover; aspect-ratio: 0.50; width: 100%; }
#stiribanner_m .a { position: absolute; left: 0rem; right: 0rem; bottom: 7rem; padding: 0 3.6rem; font-size: 1.8rem; color: var(--cl-f); font-weight: 600; line-height: 2.4rem; }

#stiriarrow { text-align: right; margin-top: 20px; position: relative; }
#stiriarrow span { display: block; transform: scaleX(-1) rotate(30deg); position: absolute; width: 110px; height: 101px; background-image: url(img/arr1.png); top: -43px; right: 20px; }


#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 { text-align: center;   }
.contact_box {   padding: 2.5rem 0;  }
.contact_box i { color: var(--cl2); }
.contact_box .cbxsym { height: 4rem;  }
.contact_box .sboxtxt { max-width: 75%; margin: auto; color: var(--cl-text); font-weight: 600; font-size: 1.3rem }
#contact_box_1 i { font-size: 2rem;  }
#contact_box_2 i { font-size: 2rem;   }
#contact_box_3 i { font-size: 2rem;  }
 

#contact_form { margin-top: 5rem; text-align: center; margin-bottom: 9rem; }
#contact_form label { font-size: 1rem; }
.ctitle1 { font-size: 2.225rem; line-height: 2.325rem;  font-weight: 500; margin: 0 auto; color: var(--cl2); font-family: var(--ft2); }
.ctitle2 { font-size: 1rem;  font-weight: 400; margin: 2rem auto 3.5rem auto; color: #494949; }
.finp , #txt { display: block; border:1px solid var(--cl-light-gray); font-weight: 600; margin: 25px auto 0 auto;  width: 90%; color: var(--cl-text); border-radius: 18px; font-size: 16px; height: 56px; line-height: 56px; text-indent: 16px;   }
#txt { resize: none; display: block; height: 160px; text-indent:0;  padding: 16px; line-height: 19px; overflow: auto;   }
.finp::placeholder , #txt::placeholder {  font-weight: 400;   }
.hov_border { transition: background-color 0.5s; background-color: #ebf3f5; }
.hov_border:focus { background-color: #ccdee3; }
#csmb{  cursor: pointer;  margin-top: 10px; font-size: 14px !important; font-weight: 500 !important; text-transform: uppercase; }
#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; background: #eaffef; margin-bottom: 10px;  border:1px solid #ccf0d4; padding: 20px; width: 98%;  }
#form_send_err { display: none; background: #ffe7e7; margin-bottom: 10px; border:1px solid #f6cdcd; padding: 20px; width: 98%;  }
#contfchk { margin: 1rem auto; }
#contfchk a { color: var(--cl-brown); }
.form_mandatory_alert { border-color: #b75f5f !important; }


#map  { width: 100%; height: 800px; display: block; background-position: center center; background-color: #000000; position: relative; background-repeat: no-repeat; background-size: cover; }
#map:hover .imgcover { opacity: 1;  }
#map .imgcover { position: absolute; z-index: 2; width: 100%; height: 100%; top:0; left:0; right: 0; bottom: 0;  background-color: rgba(126,130,220,0.22); opacity:0; transition: all 0.2s; display: block; border-radius: 7px; }
#map .imgcover i.fa { position: absolute; left: 50%; top: 50%; font-size: 40px; color: #FFFFFF; transform: translate(-50%,-50%); }

 

#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 {  color: #333333; font-size: 0.9rem; line-height: 1.2rem;   }
#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 {  margin-top: 1rem;  text-align: left; }
#gdpr5_bar .b a { padding: 5px 24px 5px 24px; font-size: 1rem; border-radius: 14px; 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); }




}