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


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; color: var(--cl-text); }

:root { 
 --cl-text: #494949;
  
	--cl: #163b5c;
 
 --cl2: #faf5ed;
  

 --fancybox-accent-color: var(--cl);
 --cl-f: #FFFFFF;
 --cl-b: #000000;
 --cl-red: #d6221f;
 
	--ft1: 'Raleway', sans-serif;
	--ft2: 'Raleway', sans-serif;

 

}



a { color: var(--cl); text-decoration: none; }
a:hover  {  color: var(--cl-hover); 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; }

.color1 { color: var(--cl); }

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

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

/* ============================================================================================================================================================================== */
h1  { display: none; }
.news-di { display: none; } /* SEO news DO NOT TOUTCH ! */ 
 
.thin { font-weight: 300; }
.light { font-weight: 400; }
.normal { font-weight: 500; }
.bold { font-weight: 600; }
.heavy { font-weight: 700; }

.image-break { clear: both; display: table; }
.kiemelt { padding-left: 2rem; border-left: 2px solid var(--cl); font-size: 1.375rem; font-style: italic; font-weight: 400; line-height: 2rem; color: #000; }

.fast { animation-duration: 1s !important; }
.ufast { animation-duration: 0.6s !important; }
.floadspin { display: none; }
.floadspin i { font-size: 2rem; color: var(--cl); }
.floadspin u { text-decoration: none; font-weight: 100; font-size: 1.25rem; color: var(--cl-hover); }

.color { color: var(--cl2); } 

#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); color: var(--cl-f);   }
.button_color:hover { background: var(--cl-hover); color: var(--cl-f); }
.button_colorl { background: var(--cl2); color: var(--cl);  }
.button_colorl:hover { background: var(--cl-hover); color: var(--cl-f); }
.button_white { background: #FFFFFF; color: var(--cl); border-color: var(--cl2);  }
.button_white:hover { background: var(--cl2); color: var(--cl);  }
.button_red { background: #FFE4E3; color: #FF0000;   }
.button_red:hover { background: #e3a9a7; color: #FF0000;  }
.button.sym_left i { margin-right: 5px; }

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

.atsubst { color: #858585; }

.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; }
.description img , .description_textimage img , .news-descr img { max-width: 100%; height: auto; }
.description img.image-max  { border-radius: 1rem; height: auto !important; box-sizing: border-box; }
.description img.image-max.image-border { margin: 0 !important; }
.description_textimage { font-size: 0.875rem; min-height: 300px; }
.description_textimage img.image-max { border-radius: 1rem; width: 100% !important; height: auto !important; box-sizing: border-box; }
.description_textimage ul , .news-descr ul { margin-left: 0; list-style: none  }
.description_textimage ul li , .news-descr ul li { padding-left: 0; position: relative;  }
.description_textimage ul li:before , .news-descr ul li:before { content: "•"; font-size: 22px;  color: var(--cl); display: block; position: absolute; left: -22px; top:0; }	
	
.details { background: var(--cl); color: #FFFFFF; transition: all 0.2s; text-decoration: none !important; font-size: 1rem; font-weight: 400; padding: 9px 11px 9px 11px; border-radius: 8px !important; display: inline-block;  }
.details:hover { color: #FFFFFF; background: #000000; }
.details2 { background: var(--cl2); color: var(--cl); text-decoration: none !important; font-size: 1rem; font-weight: 400; padding: 9px 11px 9px 11px; border-radius: 8px !important; display: inline-block;  }
.details2:hover { background: var(--cl); color: #FFFFFF; }

.download-document { color: #5EB146; text-decoration: none; font-weight: bold; line-height: 1.125rem; display: block; margin-left: 34px; position: relative; }
.download-document::before { position: absolute; z-index: 5; display: block; content:url('img/dok.svg'); width: 28px; height: 28px; top: 50%; transform: translateY(-50%); left: -34px; }

#wssup { position: fixed; bottom: 10%; right: 0.4%; z-index: 500;  }
#wssup a { display: block;  }
#wssup a img { width: 60px; height: auto; display: block;  }

.view-person { color: #5EB146; text-decoration: none; font-weight: bold; line-height: 1.125rem; display: block; margin-left: 34px; position: relative; }
.view-person::before { position: absolute; z-index: 5; display: block; content:url('img/person.svg'); width: 28px; height: 28px; top: 50%; transform: translateY(-50%); left: -34px; }

.link-arrow { color: #5EB146; text-decoration: none; font-weight: bold; line-height: 1.125rem; display: block; margin-left: 34px; position: relative; }
.link-arrow::before { position: absolute; z-index: 5; display: block; content:url('img/link-arrow.svg'); width: 28px; height: 28px; top: 50%; transform: translateY(-50%); left: -34px; }

.big { font-size: 1.375rem; }
p.kiemelt { padding-left: 1.25rem; border-left: 2px solid var(--cl); }	
	
	
/* 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; font-family: var(--ft2); }
.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: 9px; 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: 36px; font-size: 1.2em;  position: fixed; bottom: 20px;	cursor: pointer; right: 12px; display: none; z-index: 999; }
#toTop i { color: var(--cl-f); }
#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; } 

.description_textimage table { display: block !important; margin-top: 1rem; } 
.description_textimage table { max-width: 100%; width: 100%; border-spacing: 0; border-collapse: collapse; }
.description_textimage table { overflow: auto;  }
.description_textimage table td { vertical-align: middle; text-align: center; border: 1px solid var(--cl); min-width: 220px;  padding: 1.25rem 1rem; font-size: 0.875rem;}
.description_textimage table tr:first-child { background-color: var(--cl2); }
.description_textimage table tr:first-child td { font-weight: 700; font-size: 1.125rem; }
 
#articswipe { padding-top: 93px; padding-bottom: 50px;  }
.swartic-item { position: relative; display: block; aspect-ratio: 0.645; margin-bottom: 4.5rem;   }
.swartic-item .a { display: block; aspect-ratio: 0.77; border-radius: 60px; border: 4px solid var(--cl); overflow: hidden; }
.swartic-item .a img { display: block; width: 100%; height: 100%; object-fit: cover;  }
.swartic-item .b { width: 90%; margin: 1.75rem auto 1rem auto; font-weight: 600; font-size: 1.125rem; line-height: 1.35rem; }
.swartic-item .c { width: 90%; margin: auto; font-weight: 300; font-size: 1.125rem; font-style: italic; color: var(--cl); }

#bannerswipe  .swiper-pagination , #stiriswipe .swiper-pagination , #articswipe  .swiper-pagination {    }
#bannerswipe  .swiper-pagination-bullet , #stiriswipe .swiper-pagination-bullet , #articswipe .swiper-pagination-bullet { background-color: #d3def4; opacity: 1;  width: 12px; height: 12px; margin: 0 4px; transition: all 0.5s; }
#bannerswipe  .swiper-pagination-bullet:hover , #stiriswipe .swiper-pagination-bullet:hover , #articswipe .swiper-pagination-bullet:hover { background-color: var(--cl); opacity: 1; }
#bannerswipe  .swiper-pagination-bullet-active , #stiriswipe .swiper-pagination-bullet-active , #articswipe .swiper-pagination-bullet-active { background-color: var(--cl); opacity: 1; width: 30px; border-radius: 9px; }




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

strong { font-weight: 500; }

.button_max { font-size: 1.375rem; font-weight: 500; padding: 17px 50px 17px 50px; border-radius: 25px !important; }
.button_mid { font-size: 1rem; font-weight: 400; padding: 9px 11px 9px 11px; border-radius: 12px !important; }
.button_min { font-size: 0.9rem; font-weight: 300; padding: 4px 11px 4px 11px; border-radius: 12px !important;  }

.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: 42px; text-align: center; line-height: 40px; z-index: 10000; display: block; border-radius: 12px 0 0 12px; background-color: #d6221f; box-shadow: 0 0 3px 1px rgba(0,0,0,0.8);}
#admin_insert_link:hover , #admin_insert_link1:hover {  background-color: #d6221f; }
#admin_insert_link { top: 210px; }
#admin_insert_link1 { top: 160px; }
#admin_insert_link i , #admin_insert_link1 i { transition: color 0.15s; }
#admin_insert_link:hover i.fa-pencil , #admin_insert_link1:hover i.fa-pencil { color: #FFF; }
#admin_insert_link:hover i.fa-list-ul , #admin_insert_link1:hover i.fa-list-ul { color: #FFF; }
#admin_insert_link i.fa-pencil , #admin_insert_link1 i.fa-pencil { font-size: 16px; line-height: 42px; display: block; margin: auto; color: #fff; }
#admin_insert_link i.fa-list-ul , #admin_insert_link1 i.fa-list-ul { font-size: 16px; line-height: 42px; display: block; margin: auto; color: #fff;}

.description   {  font-size: 1.250rem; font-weight: 200; color: var(--cl-text); line-height: 1.65rem; text-align: left;  }
.description a  {  color: var(--cl);  text-decoration: underline;  }
.description td { padding: 0.6rem 1rem; font-size: 1rem; font-weight: 400; color: #333; line-height: 1.3rem; text-align: left;   }
.description ul { margin-left: 10px; list-style: none  }
.description ul li { padding-left: 10px; position: relative;  }
.description ul li:before { content: "•"; font-size: 2rem;  color: var(--cl); display: block; position: absolute; left: -20px; top: -3px; }
.cim { font-size: 1.875rem; color: var(--cl); font-weight: 500; }

.content  { width: 92%; max-width: 1328px; margin: auto; }
.content2 { width: 92%; max-width: 1000px; margin: auto; }

#top { height: 266px; background-color: #151515; text-align: auto;  }
#top-c { margin: 0 auto; height: 266px; font-size: 0; width: 86%; max-width: 1610px; display: flex; align-items: center; } 
#top-c > * { display: inline-block; vertical-align: middle; }
#top-c .a { width: 37%; text-align: left; }
#top-c .b { width: 30%; text-align: left;  }
#top-c .b a { font-size: 1rem; color: #828282; text-decoration: underline; transition: all 0.2s; }
#top-c .b a:hover { color: #ccc; text-decoration: underline; }
#top-c .c { width: 33%; text-align: right; font-size: 1rem; color: #828282; }
#top-c .d { display: none; }

#banner { }
#banner_m { display: none; }
#banner img { width: 100%; height: auto; display: block; }

#alsbanner { }
#alsbanner_m { display: none; }
#alsbanner img { width: 100%; height: auto; display: block; }
 
#ftext { padding: 100px 0 100px 0; background-image: url(img/bg1.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: min(33%, 492px) auto;}
#ftext .a { font-size: 3.75rem; line-height: 4.1rem; color: var(--cl); font-weight: 700; }
#ftext .b { padding: 1.5rem 0 0 0rem; font-size: 1.125rem; width: 80%; margin: auto; line-height: 1.75rem; color: var(--cl-text); font-weight: 300; }
 
#fcontact { padding: 110px 0 90px 0; background-image: url(img/bg2.jpg); background-repeat: no-repeat; background-position: right top; background-size: min(33%, 492px) auto;}
#fcontact .a { font-size: 60px; font-weight: 700; color: var(--cl); }
#fcontact .ac { margin: 120px auto 0 auto; display: grid; gap: 2rem; grid-template-columns: 1fr 1fr 1fr; }
#fcontact .ac a:hover > * { color: #d6221f }
#fcontact .ac a:hover .atsubst { color: #d6221f }
#fcontact .ac > div > * , #fcontact .ac > a > * { display: block; text-align: center; }
#fcontact .ac > div > i , #fcontact .ac > a > i { font-size: 42px; font-weight: 400; color: var(--cl); }
#fcontact .ac > div > span , #fcontact .ac > a > span { padding-top: 44px; color: #858585; font-size: 1.5rem; font-weight: 600; line-height: 1.8rem; }
 
#flucr {  background-color: var(--cl2);  }

#brap { padding: 35px 0; background-color: #151515; text-align: auto;  }
#brap img { display: block; margin: auto; width: 122px; height: auto;  }

#bottom { padding: 34px 0; }
#bottom-logos { width: 90%; margin: auto; max-width: 846px; display: grid; gap: 0 8rem ; grid-template-columns: 2fr 1fr 2fr; align-items: center; }
#bottom-logos img { width: 100%; height: auto; display: block; }

#socializare { margin: 1.3rem auto 2rem 0; } 
#socializare > div { display: inline-block; margin: 0 1rem; } 
#socializare > div a i.fa-brands.fa-facebook { color: #0766ff; font-size: 2.3rem } 
#socializare > div a i.fa-brands.fa-instagram { color: #d731cf; font-size: 2.4rem } 
#socializare > div a i { transition: color 0.5s !important; } 
#socializare > div a:hover i { color: #656565 !important; } 


#copy { margin-top: 34px; font-size: 1rem; color: #828282; font-weight: 300; text-align: center; } 
#btz { text-align: center }
#btz img { width: 60px; padding-top: 40px; height: auto; display: block; margin: auto; }

 
 


}

 
 


: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(125, 161, 190, 0.2); }
::selection { background-color: rgba(125, 161, 190, 0.2); }