
@media all and (min-width: 740px) and (max-width: 1360px) {

#bottom_copy { display: none; }
#pagetitle_m { display: none;}
#top_spacer { display: none; }
#top_m { display: none; }
#sobj { display: none !important; z-index: -100; }

 

.button_max { font-size: 1.125rem; font-weight: 400; padding: 11px 26px 9px 26px; 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: 95%; max-width: 880px; height: 300px; transition: all 0.2s ease-in-out; border-radius: 18px; 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: 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 .k  { margin: 110px 0 0 0 ; }
#searchdiv .k input { width: 500px; height: 62px; border: 0 none; line-height: 72px; border-radius: 16px; font-size: 18px; text-indent: 12px; font-weight: 300; display: inline-block; vertical-align: middle; }
#searchdiv .k button { display: inline-block !important; font-weight: 300; vertical-align: middle; padding: 0 30px; border-radius: 16px;  border: 0 none; cursor: pointer;  font-size: 18px; line-height: 62px; height: 62px; margin-left: 11px; }
#searchdiv .k button:hover { display: inline-block !important; vertical-align: middle;  }

#navig { display: flex; align-items: center; height: 133px; background-color: #f7fbfc; }
#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;  }

#tartalom { text-align: center; }
.content { width: 92%; margin: auto; text-align: left;  }
.content.servinnercontent { width: 98% !important }
.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 { max-width: 100%; height: auto; }
.description b , .description strong { font-weight: 600 !important }

img.image-max  { border-radius: 1rem; 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; }

#top { height: 132px; text-align: center; }
#top_c { height: 100%; margin: auto; text-align: left; font-size: 0; }

#logo { width: 20%; height: 100%; display: inline-block; vertical-align: middle; }
#logo a { display: block; height: 100%; padding: 1.2rem 0; }
#logo a img { display: block; margin: auto; width: 86%; max-width: 160px; }

#menu_m { display: none; } 
#menu { width: 65%; display : inline-block; vertical-align: middle; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu ul li { display: inline-block; margin: 0 0.1rem; }
#menu ul li a { font-size: 1.2rem; font-weight: 600; color: var(--cl); display: block; padding: 0.3rem 0.85rem; transition: color 0.3s; position: relative; }
#menu ul li a:hover { color: var(--cl2);  }
#menu ul li a::after { position: absolute; display: block; content: ""; background-color: var(--cl2); border-radius: 999px; height: 4px; font-size: 1px; overflow: hidden; left: 0.81rem; right: 0.81rem; top: 2.5rem; transform: scaleX(0); transform-origin: left center; transition: transform 0.3s ease; }
#menu ul li a:hover::after , #menu ul li a.active::after  , #menu ul li a.active:hover::after { transform: scaleX(1); }

#top_right { width: 15%; display : inline-block; vertical-align: middle; text-align: right; }

#searchd  { display : inline-block; vertical-align: middle; margin-right: 2.5rem; }
#searchd i { font-size: 1.5rem; font-weight: 500; color: var(--cl); }

#langs { position: relative; text-align: right; padding-right: 16px; display : inline-block; vertical-align: middle;  }
#langs > a span { display: none; font-weight: 400; color: var(--cl-text); margin-right: 0.75rem; font-size: 1.125rem; text-transform: uppercase; }
#langs > a img { width: 28px; height: 28px; }
#langs_choise { display: none;  position: absolute; z-index: 5; right: 3px; top: 100%; background-color: #f5f9fa; border-radius: 18px; padding: 0.3rem; }
#langs_choise > a > * { display: inline-block; vertical-align: middle; }
#langs_choise > a { display: block; transition: all 0.4s; border-radius: 18px; margin: 0rem 0; padding: 0.3rem 1.3rem; white-space: nowrap; }
#langs_choise > a:hover { background-color: #b7cdd3; }
#langs_choise > a span { font-weight: 600; color: var(--cl); margin-right: 0.75rem; font-size: 1.05rem; text-transform: uppercase; }
#langs_choise > a img { width: 22px; height: 22px; }

.underl {  }
.underl span , .underl2 span { position: relative; }
.underl span::after {  position: absolute; display: block; content: ""; background: url(img/underl.png) no-repeat; bottom: 3px; right: 0; 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_m { display: none !important; }
#mainbanner { height: 465px; background-position: 44% center; background-repeat: no-repeat; text-align: center;  }
#mainbanner .mac { display: flex; align-items: center;  height: 100%; margin: auto; text-align: left; position: relative; overflow: visible; }
#mainbanner .ma { opacity: 0; margin-bottom: 400px; width: 60%; margin-left: 2rem; }
#mainbanner .ma .a1 { font-size: 2.8rem; line-height: 3.2rem; font-weight: 500; color: var(--cl); }
#mainbanner .ma .a2 { font-size: 2.7rem; line-height: 3.2rem; font-weight: 500; color: var(--cl2); }
#mainbanner .ma .a3 { font-size: 1.25rem; line-height: 1.8rem; margin-top: 0.7rem; color: var(--cl);  }
#mainbanner .g { margin-top: 1.5rem;  }
#mainbanner .g .button { margin-right: 1rem; }
#mainbanner .g .button i { display: inline-block; transition: none; }
#mainbanner .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 { position: relative; height: 182px; background-repeat: no-repeat; background-position: center center; display: flex; align-items: center; }
#pagebanner_m { display: none; }
#pagetitle { font-weight: 600; font-size: 3.125rem; color: var(--cl);    }  

#card { display: block;  z-index: 10; position: absolute; right: 1rem; top: 100%; opacity: 0; 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; }
.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: 360px; position: relative; margin: 5rem auto 3.3rem auto; text-align: left; }
#main_programal .i { position: absolute; border: 42px solid #e3f1f0; border-radius: 50%; font-size: 3rem; background: #e3f1f0; color: var(--cl); z-index: -1; left: -113px; top: -40px; }
#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: -35px;  }
#main_programal .d { margin-top: 1rem; margin-left: 108px; }
#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: 40px; }
.swiper-pagination-bullet { width: 14px !important; height: 14px !important;  }
.swiper-pagination-bullet-active { background: var(--cl) !important; width: 30px !important; border-radius: 12px !important; }

#ajuta {  padding: 5rem 0 6rem 0; background-color: #f7fbfc; }
#ajuta > *  {  }
#ajuta .at { text-align: center; font-size: 3.125rem; color: var(--cl); margin-bottom: 3rem; font-weight: 500; }
#home_ajuta {  }
#home_ajuta .swiper-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0rem; }
#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 { max-width: 194px;  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: 5rem 0 4rem 0; background-color: #fcf8f2; }
#promotii > *  {  }
#promotii .at { text-align: center; font-size: 3.125rem; 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 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.8rem; }
#home_promotii .swiper-slide { height: 230px; 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: 63%; 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: 5rem 0 14rem 0; }
#servicii.inner { padding: 2rem 0 6rem 0 !important; }
#servicii > *  {  }
#servicii .at { text-align: center; font-size: 3.125rem; color: var(--cl); margin-bottom: 3rem; 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 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.8rem; }
#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 { 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 { 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(3, 1fr); gap: 1.8rem; }
#servinn .swiper-slide { height: 370px;  overflow: hidden; display: flex; align-items: center; }
#servinn .swiper-slide:hover {  }
#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: 20px; 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: 4.5rem 0 4rem 0;   }
#stiri.inner { padding: 2rem 0 0 0 !important;   }
#ghiduri { padding: 2rem 0 4rem 0;   }
#ghiduri.inner {  padding: 2rem 0 0 0 !important;  }
#stiri , #ghiduri > *  {  }
#stiri .at , #ghiduri .at { text-align: center; font-size: 3.125rem; color: var(--cl); margin-bottom: 3rem; font-weight: 500; }
#stiri .tovabb , #ghiduri .tovabb { margin-top: 4rem; text-align: right; }
#stiri .tovabb a ,#ghiduri .tovabb a { color: var(--cl2); }
#stiri .tovabb a * ,#ghiduri .tovabb a * { display: inline-block; vertical-align: middle; }
#stiri .tovabb a span ,#ghiduri .tovabb a span { font-size: 1rem; font-weight: 600; margin-right: 1rem; }
#stiri .tovabb a i ,#ghiduri .tovabb a i { color: var(--cl2); font-size: 1.5rem; transition: none; }
#stiri .tovabb a:hover i, #ghiduri .tovabb a:hover i { animation: arrowSlide 1.45s ease infinite; }
#home_stiri ,#home_ghiduri { }
#home_stiri .swiper-wrapper ,#home_ghiduri .swiper-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6rem 1.5rem; }
#home_stiri .swiper-slide ,#home_ghiduri .swiper-slide { overflow: hidden; align-items: center; }
#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 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
#home_testimon .swiper-slide {   overflow: hidden; display: flex;  }
#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: 2rem; 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: 3.125rem; color: var(--cl-f); font-weight: 600; margin: 4.2rem auto 1.25rem auto; }
#newsletter .b { font-size: 1.125rem; color: var(--cl-f);  }
#newsletter .c { margin: 3rem auto 3rem auto; font-size: 0; }
#newsletter .c > * { vertical-align: middle; display: inline-block; }
#newsletter .c input { margin-right: 10px; border: none; background-color: var(--cl-f); color: #404040; font-size: 1.125rem; font-weight: 600; text-indent: 1rem; height: 49px; width: 306px; border-radius: 22px; }
#newsletter .c input::placeholder { color: #404040; font-size: 1.125rem; font-weight: 400;  }
#newsletter .d { width: 800px; color: #778495; font-size: 1rem; font-weight: 400; margin: auto; line-height: 1.25rem;  }
#newsletter .d a { color: var(--cl2); text-decoration: underline; }

 
#serv_inner { font-size: 0; padding-bottom: 5rem; padding-top: 1.6rem; }
#serv_inner > * { display: inline-block; vertical-align: top; text-align: left; font-size: 1rem; }
#serv_left { width: 45%;  padding-right: 1.5rem;   }
#serv_left .at { width: 90%; font-size: 2.25rem; color: var(--cl); margin-bottom: 2rem; line-height: 2.7rem; 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 .p1 , #serv_left .serv-pret .serv-pret-pret .p2   { display: inline-block; vertical-align: middle; }
#serv_left .serv-pret .serv-pret-pret .p1 span { margin-right: 2rem;  color: #7b8a9d; text-decoration: line-through; font-weight: 300; font-size: 2.15rem; }
#serv_left .serv-pret .serv-pret-pret .p1 b { font-weight: 200; font-size: 0.88rem; display: block; }
#serv_left .serv-pret .serv-pret-pret .p2 span {   color: var(--cl); font-weight: 600; font-size: 2.25rem; }
#serv_left .serv-pret .serv-pret-pret .p2 b { font-weight: 200; font-size: 0.88rem; display: block;}

#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 { width: 55%; max-width: 540px; position: sticky;   top: 0; text-align: right;   }
#serv_right #serv_cont { background-color: var(--cl-f); box-shadow: 0 0 16px 3px rgba(0,0,0,0.15);   border-radius: 16px; padding: 2rem 0.8rem; margin-left: auto; text-align: left; }

#serv_right #serv_cont .pp { position: absolute; top: -1rem; 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 { color: var(--cl); font-size: 1.625rem; font-weight: 600; margin-left: 1.4rem; width: 75%; }
#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; margin-left: 190px; }
#sendprogramal .d > * { display: inline-block; vertical-align: top; color: #838383; line-height: 2rem; }
#sendprogramal .d i { margin-right: 6px; }
#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; width: 290px; }
#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: 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_m { display: none; }
#stiribanner { margin-top: 2rem; position: relative; border-radius: 20px; background-repeat: no-repeat; background-size: cover; aspect-ratio: 2.33; width: 100%; }
#stiribanner .a { position: absolute; left: 3rem; right: 3rem; bottom: 1rem; font-size: 40px; color: var(--cl-f); font-weight: 500; line-height: 48px; }

#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; }




#contact_form { margin-top: 5rem; text-align: center; margin-bottom: 9rem; }
#contact_form label { font-size: 1rem; }
.ctitle1 { font-size: 3.125rem;  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: 70%; 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; }

#contact_boxes { text-align: center; max-width: 1000px; margin: 3rem auto 0 auto; display: flex; justify-content: space-between; flex-wrap: nowrap; }
.contact_box { width: 32%;  border-radius: 4px; padding: 4rem 0; }
.contact_box i { color: var(--cl2); }
.contact_box .cbxsym { height: 7rem;  }
.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: 3rem;  }
#contact_box_2 i { font-size: 3rem;   }
#contact_box_3 i { font-size: 3rem;  }
#c_vizit { text-align: center; font-size: 24px; margin-top: 50px; }

#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%); }



#bottom { padding-top: 2rem; }
#bottom_grid { display: grid; grid-template-columns: 0.7fr 1.0fr 1.5fr 1.1fr; gap: 10px; }
#bottom_grid .a { width: 90%; padding-top: 1rem; }
#bottom_grid .a img { width: 100%; height: auto; }

#bottom_grid .b  {   }
#bottom_grid .b .b1 { font-size: 1.25rem; color: var(--cl); font-weight: 600; }
#bottom_grid .b .b2 { padding-top: 2rem; }
#bottom_grid .b .b2 a { margin-right: 6px; }
#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  { border-right: 3px solid #e9ecef;  }
#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); width: 60%; }
 
#bottom_grid .d  { padding-left: 1rem;  }
#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 { display: grid; grid-template-columns: 3.3fr 1fr; gap: 10px; margin-top: 2rem; padding-bottom: 3rem; }
#bottom_low .l { color: #a2a2a2; }
#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 img { width: 100%; height: auto;  max-width: 240px;}

.bottom_copy { display: none; }
#bottom_grid .ld { display: none; }

#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); }




 

}

