html , body { width: 100%; box-sizing: border-box;  }

body { font-size: 16px; position: relative; }
body { margin: 0; padding: 0; text-align: center; line-height: 23px; }
body, td , input , select, textarea , button { font-family: var(--ft1), sans-serif; font-weight: 400; color: var(--cl-text); }

div, span, a , i , b , input , textarea , button , select , table, td { box-sizing: border-box; touch-action: manipulation; outline: none; }

:root { 
   
	--cl: #023569;
 --cl-hover: #0a5aab;
 --cl2: #32aaa2;
 --cl2-hover: #1f857e;
	
 --cl-f: #ffffff;
 --cl-b: #000000;
 --cl-gray: #b0b0b0;
 --cl-orange: #ff6908;
 --cl3: #fdbe02;
 --cl4: #a168c5;

 --cl-text: #3e3e3e;

 --ft1: 'Baloo 2', sans-serif;
	--ft2: 'Baloo 2', sans-serif;

 --fancybox-accent-color: #51b5ad;
}


#test { font-size: 2rem; height: 10rem; line-height: 4rem; }

.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content { height: 100% !important; }

i.fa-spin { animation-duration: 600ms; font-size: 2rem; color: var(--cl); }

a { color: var(--cl); text-decoration: none; transition: color 0.3s }
a:hover  {  color: var(--cl-dark-orange); text-decoration: none; }
a img { border-width: 0; border-style: none; }
td { vertical-align: top; }
form { margin: 0; }
input { -webkit-border-radius:0; border-radius:0; }
input::-ms-clear { display: none; }
.button { -webkit-appearance: none; }
textarea { resize: none; }
.spacer { overflow: hidden; clear: both; height: 1px; }
.clear-after::after { content: ""; clear: both; display: table; }
.clear-before::before { content: ""; clear: both; display: table; }

.form_mandatory_alert { background-color: #FFE0E0 !important; }

.dib { font-size:0; }
.dib > * { font-size: 1rem; vertical-align: middle; display: inline-block; }

/* ============================================================================================================================================================================== */
h1  { display: none; }
 
.thin { font-weight: 300; }
.light { font-weight: 400; }
.normal { font-weight: 500; }
.bold { font-weight: 600; }
.heavy { font-weight: 700; }

#subject , .subject { display: none; } /* honey pot */
.lowercase { text-transform: lowercase !important; }
.tzoom { transition: transform 0.25s ease-in-out; }
.tzoom:hover { transform: scale(1.04); display: block; }

.button { display: inline-block; cursor: pointer; transition: background-color 0.14s ease-in; -webkit-transition: background-color 0.14s ease-in; cursor: pointer; border-color: transparent; border-width: 2px; border-style: solid; }
.button:hover { text-decoration: none !important; }
.button_color { background: var(--cl-f); color: #222222; border: 1px solid var(--cl); }
.button_color:hover { background: var(--cl); color: var(--cl-f); }
.button_promo_blue { background: var(--cl); color: var(--cl-f);  }
.button_promo_blue:hover { background: var(--cl); color: var(--cl-f); }
.button_promo_green { border: 2px solid var(--cl2); background-color: var(--cl-f); color: var(--cl2); }
.button_promo_green:hover { background-color: var(--cl-f); color: var(--cl2); }
.button_promo_brown {  background-color: var(--cl3); color: var(--cl); }
.button_promo_brown:hover {  background-color: var(--cl3); color: var(--cl); }
.button_color2 { background: var(--cl2); color: var(--cl-f); border: 1px solid var(--cl2); }
.button_color2:hover { color: var(--cl-f); background: var(--cl2-hover); border: 1px solid var(--cl2-hover);  }
.button.sym_left i { margin-right: 20px; }
.button.sym_right i { margin-left: 20px; }

.image-left { float: left; margin: 1rem 1rem 1rem 0; border-radius: 1rem; max-width: 55%; height: auto; }
.image-right { float: right; margin: 10px 0 10px 10px; border-radius: 1rem; max-width: 55%; height: auto; }
.image-border { margin: 10px; border: 5px solid #c0c0c0; }
.thumbn { border: 4px solid var(--cl-brown); border-radius: 20px; transition: all 0.3s; }
.thumbn:hover { filter: brightness(80%); }

.details { font-size: 1rem; font-weight: 400; padding: 10px 26px 10px 26px; border-radius: 20px !important;  background: var(--cl); color: #FFFFFF; transition: all 0.2s; text-decoration: none !important; display: inline-block;  }
.details:hover { color: #FFFFFF; background: #000000; }
 
.download-document { display: inline-block; margin-left: 36px; font-size: 0.9rem; line-height: 0.9rem; position: relative; }
.download-document::before { position: absolute; z-index: 5; font-size: 1.5rem; display: block; content: '\f381'; font-family: 'Font Awesome 6 Pro'; font-weight: 300; width: 28px; height: 28px; top: 10%;  left: -34px; }

.view-video { display: inline-block; margin-left: 36px; font-size: 0.9rem; line-height: 0.9rem; position: relative; }
.view-video::before { position: absolute; z-index: 5; font-size: 1.5rem; display: block; content: '\f167'; font-family: 'Font Awesome 6 Brands'; font-weight: 300; width: 28px; height: 28px; top: 10%;  left: -34px; }

	
/* dialog */
.malert-main { position: fixed; display: none; cursor: default; top: 0; bottom: 0; left: 0; right: 0; background-color: #000000; background-color: rgba(0,0,0,0.5); z-index: 999990; }
.malert-dialog-box { cursor: default; position: fixed; border-radius: 1rem; overflow: hidden; box-shadow: 0 0 4px 1px rgba(0,0,0,0.3); background-color: #ffffff; transform: translate(-50%,-50%); top: -500px; left: 50%; width: 96%; height: 96%; max-width: 480px; max-height: 320px; min-width: 180px; min-height: 100px; }
.malert-type-info .malert-dialog-box-title { background-color: var(--cl); }
.malert-type-warn .malert-dialog-box-title { background-color: #9f5555; }
.malert-dialog-box-close { position: absolute; display: block; transition: background-color 0.14s; box-shadow: 0 0 3px 1px rgba(0,0,0,0.3); width: 24px; height: 24px; line-height: 22px; right: 9px; top: 15px;  text-align: center; cursor: pointer; background-color: #FFFFFF; border-radius: 20px;  }
.malert-dialog-box-close i { font-size: 0.85rem;  }
.malert-dialog-box-close:hover { background-color: #FF5555; color: #FFFFFF;  }
.malert-dialog-box-title { font-size: 1.325rem; padding: 1rem; color: #FFFFFF; font-weight: 200;   }
.malert-dialog-box-content { font-size: 1.1rem; padding: 3rem 2rem 0 2rem ; color: #333333; font-weight: 300; line-height: 1.125rem; }
.malert-dialog-box-buttons { position: absolute;  left: 10px; right: 10px; bottom: 10px; padding: 1rem 0; }
.malert-dialog-box-buttons a { padding: 9px 31px 8px 31px; margin: 0 1rem;  border-radius: 24px; color: var(--cl-f); font-size: 0.92rem; transition: background-color 0.14s; }
.malert-type-info .malert-dialog-box-buttons a { background-color: var(--cl);  }
.malert-type-info .malert-dialog-box-buttons a:hover { background-color: var(--cl); }
.malert-type-warn .malert-dialog-box-buttons a { background-color: #9f5555; }
.malert-type-warn .malert-dialog-box-buttons a:hover { background-color: #d15555; }
 	
#toTop { width: 37px;	height: 37px; background-color: var(--cl); text-align: center; transition: opacity 0.25s;  opacity: 0.8; border-radius: 25px; line-height: 38px; font-size: 1.2em; color: var(--cl-f); position: fixed; bottom: 20px;	cursor: pointer; right: 12px; display: none; z-index: 999; }
#toTop:hover { opacity: 1; }

#videowin { position: fixed; display: none; z-index: 99990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; background: #000000; }
#videowin .a { position: fixed; z-index: 99994; top: 5%; left: 0; right: 0; bottom: 5%; width: 100%;  overflow: hidden; }
#videowin .b { position: fixed; z-index: 99997; top: 2%; right: 2%; }
#videowin .b i.fa-times { font-size: 2rem; color: #FFFFFF }
#videowin .b i.fa-times:hover {  color: var(--cl); }
#fullVideoHTMLLoader { position: fixed; z-index: 99998; width: 160px; height: auto; left: 50%; top: 50%; transform: translate(-50%,-50%); display: block; } 
 
.search_res { margin-bottom: 4rem; display: block; }
.search_res .big { font-weight: 500; color: var(--cl2); font-size: 1.5rem; }
.search_res .navtag { color: var(--cl-f); display: inline-block; font-size: 0.88rem; padding: 1px 8px; margin: 0.4rem 0; border-radius: 4px; }
.search_res .tov { margin-top: 1rem;  }
.search_res .tov > * { vertical-align: middle; display: inline-block; }
.search_res .tov > i { margin-right: 0.6rem; }
.search_res .tov a:hover { text-decoration: underline; }
.search-sep { margin-top: 5rem; }
.search-res-tit { margin: 4rem 0 4rem 0; font-size: 1.5rem; }


.cim { font-size: 2.2rem; font-weight: 600; color: var(--cl); }
.color1 { color: var(--cl); }
.color2 { color: var(--cl2); }




@media all and (min-width: 1361px) {

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

#bottom_copy { display: none; }
#pagetitle_m { display: none;}
#top_spacer { display: none; }
#top_m { display: none; }

.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: 960px; height: 300px; 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: 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: 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;  }

#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: 90%; max-width: 1200px; 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 { 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; }

.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: 60px; }
#admin_insert_link1 { top: 15px; }
#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;}

#top { height: 132px; text-align: center; }
#top_c { height: 100%; margin: auto; text-align: left; width: 92%; max-width: 1800px; font-size: 0; }

#logo { width: 19%; height: 100%; display: inline-block; vertical-align: middle; }
#logo a { display: block; height: 100%; padding: 1.2rem 0; }
#logo a img { display: block; height: 100%; width: auto; }

#menu_m { display: none; } 
#menu { width: 73.1%; 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: 7.6%; 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; 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: center center; background-repeat: no-repeat; text-align: center;  }
#mainbanner .mac { display: flex; align-items: center; width: 1200px; height: 100%; margin: auto; text-align: left; position: relative; overflow: visible; }
#mainbanner .ma { width: 50%; opacity: 0; margin-bottom: 400px; }
#mainbanner .ma .a1 { font-size: 3.125rem; line-height: 3.6rem; font-weight: 500; color: var(--cl); }
#mainbanner .ma .a2 { font-size: 3.125rem; line-height: 3.6rem; 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; }

.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 { position: absolute; right: 0; top: 100%; opacity: 0; box-shadow: 0 0 10px 5px rgba(0,0,0,0.1); z-index: 10;  min-width: 240px;  background-color: var(--cl-f); border-radius: 14px; padding: 2rem 1.55rem ; display: block; }
.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: 20px; 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: 2.5rem; width: 84px; height: 84px; text-align: center; line-height: 84px; 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: 1.2rem; 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:hover {  }

#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 { margin-left: 0.4rem;  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: 1.25rem; 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 4rem 0; }
#servicii.inner { padding: 2rem 0 4rem 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: 0rem; 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(5, 1fr); gap: 0.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: 50%;  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 { 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 , #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 { margin-left: 2rem;  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: 50%; 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); width: 93%; border-radius: 16px; padding: 2rem 1.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: 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; aspect-ratio: 2.33; width: 100%; }
#stiribanner .a { position: absolute; bottom: 2rem; right: 2rem; width: 55%; font-size: 50px; color: var(--cl-f); font-weight: 500; line-height: 58px; }

#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: 1.1fr 1.1fr 1.1fr 1fr; gap: 10px; }
#bottom_grid .a { width: 50%; 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: 3rem;  }
#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); }


}

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

#sobj { display: none !important; z-index: -100; }

}


:root  { 
  --swiper-scrollbar-border-radius: 19px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 6px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 2%;
  --swiper-scrollbar-bg-color: var(--cl-light-gray);
  --swiper-scrollbar-drag-bg-color: var(--cl);
  --swiper-scrollbar-size: 4px;
}
.swiper-scrollbar-drag::after { content: ''; position: absolute; display: block; top: -75%; left: 0; right: 0; bottom: 0; border-radius: var(--swiper-scrollbar-border-radius); border: 5px solid var(--cl); }	
.swiper-scrollbar-drag { cursor: grab; }	


.noselect , .noselect * {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}


::-moz-selection {  background-color: rgba(243, 241, 227, 1); }
::selection { background-color: rgba(243, 241, 227, 1); }

@keyframes arrowSlide {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    12.4% {
        transform: translateX(12px);
        opacity: 0;
    }

    12.5% {
        transform: translateX(-12px);
        opacity: 0;
    }

    31% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}




.arrow { position: fixed; bottom: 8%; left: 50%; transform: translate(-50%,-50%); }
.arrow span {
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid var(--cl2);
    border-right: 2px solid var(--cl2);
    transform: rotate(45deg);
    margin: -14px;
    animation: arranimate 2s infinite;
}

.arrow span:nth-child(2) {
    animation-delay: -0.2s;
}

.arrow span:nth-child(3) {
    animation-delay: -0.4s;
}

@keyframes arranimate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}