@charset "UTF-8";

/* --- TOKENS --- */

:root{
	--color-primary:#333333; --color-secondary:#d21319; --color-white:#fff; --color-black:rgb(33, 33, 33);
	--spacing-xxs: 0.118rem; --spacing-xs: 0.191rem; --spacing-s: 0.45rem; --spacing-m: 0.7rem; --spacing-l: 2.2872rem; --spacing-xl: 1.309rem;
	--font-weight-regular:400; --font-weight-bold:700;
	--font-family-display:"Titillium Web",sans-serif; --font-family-copy:"Open Sans","Helvetica","Arial",sans-serif;
	--font-size-r: clamp(0.95rem, 0.15vw + 0.85rem, 0.98rem); --font-size-xs: clamp(0.64rem, -0.01vw + 0.64rem, 0.63rem); --font-size-s: clamp(0.8rem, 0.09vw + 0.78rem, 0.84rem); --font-size-m:clamp(1rem, 0.25vw + 0.94rem, 1.13rem); --font-size-l: clamp(1.25rem, 0.5vw + 1.13rem, 1.5rem); --font-size-xl: clamp(1.56rem, 0.87vw + 1.34rem, 2rem); --font-size-xxl: clamp(1.95rem, 1.42vw + 1.6rem, 2.66rem); --font-size-xxxl: clamp(2.44rem, 2.22vw + 1.89rem, 3.55rem);
	--line-height-m: calc(var(--font-size-m) + (10px * var(--line-height-factor)));
	}


/* --- INITIAL ANIMATIONS --- */

#page > header > *:nth-child(1) > *{animation:getVisible .4s linear;animation-delay:1s;animation-fill-mode:forwards;-webkit-opacity:0;opacity:0}
#page header > *:nth-child(2) > *{animation:getVisible .4s linear;animation-delay:1s;animation-fill-mode:forwards;-webkit-opacity:0;opacity:0}
section.flipLogo{animation:getVisible .4s linear;animation-delay:.4s;animation-fill-mode:forwards;-webkit-opacity:0;opacity:0}
.menu.main{animation:getVisible .4s linear;animation-delay:1s;animation-fill-mode:forwards;-webkit-opacity:0;opacity:0}
#mediaBox{animation:getVisible .4s linear;animation-delay:.5s;animation-fill-mode:forwards;-webkit-opacity:0;opacity:0}
main,main ~ *{animation:getVisible .4s linear;animation-delay:1s;animation-fill-mode:forwards;-webkit-opacity:0;opacity:0}


/* --- MISC --- */

html,body{box-sizing:border-box;margin:0;padding:0;width:100%;height:100%;}
body{overflow-x:hidden}

*{box-sizing:border-box;border-width:0;border-style:solid;border-color:#d2d2d2;background-repeat:no-repeat}

h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h2.patch{display:inline-block;position:relative;width:auto}

ul,ol{list-style:none;margin:0;padding:0}
ul li{list-style:none;line-height:1.5}
ol li{line-height:1.5}

::marker{display:none}

button{line-height:1.4;background:none transparent;border:none}
.btn,.lnk,.btnInTxt{display:inline-block;position:relative;width:auto}

body{font:400 var(--font-size-r)/var(--line-height-m) var(--font-family-copy);color:var(--color-black)}
a{color:var(--color-primary)}


/* --- BASIC Z-INDICES --- */

header{z-index:302}
#mediaBox{z-index:3}


/* --- PAGE --- */

#page{margin:0;padding:0;min-height:100vh;justify-content:space-between}
#page.iframePage{padding-top:30px;min-height:unset}

.navExpd main::after{content:'';display:block;position:fixed;z-index:301;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)}

#page > *,.ceItem,.ceItem *{width:100%}


/* --- BOXES ORDER --- */

header{order:1}nav.accesNav{order:2}#portalBox{order:3}#mediaBox{order:4}main{order:4}#newsBox{order:6}#subBox1{order:7}#subBox2{order:8}#subBox3{order:9}footer{order:10}#stickyBox{order:11}


/* --- HEADER --- */

#page > header{position:fixed;top:0;left:0;padding:0 calc(50% - 35rem) 0;width:100%;height:160px;max-height:160px;overflow:visible;-webkit-transition:all .4s;transition:all .4s;-webkit-transition-delay:max-height .2s;transition-delay:max-height .2s}
#page > header > *{position:relative}
#page > header + *{margin-top:160px}

#page > header > *:nth-child(1),#page header > *:nth-child(2){z-index:2;margin:0;height:60px}
#page > header > *:nth-child(1){width:65%!important} /* support */
#page > header > *:nth-child(2){width:35%!important} /* langmenu */
#page > header > *:nth-child(3),#page header > *:nth-child(4){height:100px}
#page > header > *:nth-child(3){width:15%!important} /* logo */
#page > header > *:nth-child(4){width:85%!important} /* mainmenu */

#page > header > *:nth-child(1)::after{content:'';position:fixed;top:60px;left:0;width:100%;height:1px;background-color:#d2d2d2}

#page > header > section{width:auto}
#page > header > section .bodyWrap *{color:var(--color-black)}
#page > header > section .bodyWrap a{text-decoration:none;-webkit-transition:all .4s;transition:all .4s}
#page > header > section .bodyWrap a:hover{filter:brightness(60%)}
#page > header > section .bodyWrap i{margin:0 0 0 20px}
#page > header > section .bodyWrap i:first-child{margin:0 5px 0 0;font-style:normal}
#page > header > section .bodyWrap a i,#page > header > section .bodyWrap a i:first-child{margin:0 5px 0 20px}

/* topmenu and langmenu */

header ul.topMenu > li > .title > a *,header ul.langMenu,header ul.langMenu li a{font-size:var(--font-size-s)}

header ul.topMenu{text-align:right}
header ul.topMenu li{display:inline-block;margin-left:15px;width:auto;height:auto!important}
header ul.topMenu li:nth-child(3){display:none}
header ul.topMenu li > span{display:block;border:1px solid transparent;-webkit-border-radius:2px;border-radius:2px;-webkit-transition:all .4s;transition:all .4s}
header ul.topMenu li > span:not(.hasColor){border-color:#212121}
header ul.topMenu li > span.hasColor:hover{filter:brightness(1.5)}
header ul.topMenu li > span:not(.hasColor):hover{border-color:var(--main-color)}
header ul.topMenu li a{display:block;padding:8px 20px 12px;line-height:1;color:inherit;background-color:transparent}
header ul.topMenu li a:hover,header ul.topMenu li.act a{text-decoration:none}
header ul.topMenu li > span:not(.hasColor):hover *{color:var(--main-color)}

header ul.langMenu{text-align:right}
header ul.langMenu li{display:inline-block;width:auto;height:auto!important}
header ul.langMenu li:last-child{margin-left:-1px}
header ul.langMenu li span{display:block}
header ul.langMenu li a{display:block;padding:12px 20px;font-family:regular,arial,helvetica,sans-serif,awesome;font-weight:normal;line-height:1;color:#212121;background-color:#fff;border:1px solid #a2a2a2;-webkit-border-radius:2px;border-radius:2px;-webkit-transition:all .4s;transition:all .4s}
header ul.langMenu li.act a{font-weight:bold;font-family:medium,arial,helvetica,sans-serif;background-color:#eaeaea}
header ul.langMenu li a:hover{text-decoration:none;color:var(--main-color);border-color:var(--main-color)}

header ul.langMenu li.disabled{display:block;padding:12px 20px 12px;font-family:regular,arial,helvetica,sans-serif,awesome;font-weight:normal;line-height:1;border:1px solid #a2a2a2;-webkit-border-radius:2px;border-radius:2px;-webkit-opacity:.4;opacity:.4;-webkit-transition:all .4s;transition:all .4s}

/* logobox */

section.flipLogo{display:inline-block;width:100%;height:auto}
section.flipLogo picture{width:100%;height:100%}
section.flipLogo picture a{width:100%;height:100%;text-align:left}
section.flipLogo picture .flipBox img{width:auto!important;max-width:100%;height:100%!important;max-height:100%;object-fit:scale-down}

section.flipLogo picture .flipBox{display:inline-block;position:relative;width:100%;height:100%;-webkit-transition:6s;transition:6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
section.flipLogo picture .flipBox > span.flip{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
section.flipLogo picture .flipBox > span.front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}
section.flipLogo picture .flipBox > span.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.contPage section.flipLogo picture .flipBox > span.back img{height:70%!important;max-height:70%}

section.flipLogo.hasFlip picture .flip.back img{display:inline-block}

section.flipLogo.noFlip picture,section.flipLogo.hasAddlogo picture{-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}
section.flipLogo.noFlip picture .flipBox > span.flip{display:inline-block}
section.flipLogo.noFlip picture a{margin-right:0!important;width:100%}
section.flipLogo.noFlip picture a:first-child{margin-right:20px}
section.flipLogo.noFlip picture img{height:100%!important;-webkit-transition:all .4s;transition:all .4s}
section.flipLogo.noFlip a + img{margin-left:5%;width:35%!important;height:auto!important;max-height:unset}

section.flipLogo.hasAddlogo *{height:100%}
section.flipLogo.hasAddlogo picture .flipBox{width:45%}
section.flipLogo.hasAddlogo picture .addLogo{width:45%;margin:0 0 0 10%}
section.flipLogo.hasAddlogo picture .addLogo img{height:100%!important;object-fit:scale-down}

section.flipLogo.hasFlip.hasAddlogo picture .flipBox img,section.flipLogo.hasFlip.hasAddlogo picture .addLogo img{height:auto!important;max-height:100%}


/* --- MAINMENU --- */

.menu.main{margin:0;width:100%}
header nav .menu.main{padding-top:10px;width:95%}

nav a,nav a:hover{text-decoration:none;color:inherit}
header nav > section + *{display:inline-block}

.noteBox .hGroup .h2,.noteBox .hGroup .h2 *,.menu.main .fixBtn span::before,.menu.main .level-1 > li > span.title > a,.menu.main .level-1 > li > span.title > span#expdLevel-2,.siteMap .level-1 > li > a,.siteMap .level-2 > li > span.title > a{font-family:bold,arial,helvetica,awesome,sans-serif;font-weight:bold}

.noteBox .hGroup .h2,.noteBox .hGroup .h2 *,.siteMap .level-1 > div > a{font-weight:600}
.levels-all .menu.main:not(.subClosed) .level-3 > div > .title > *{font-weight:bold}

.menu .li a i{font-style:normal;-webkit-transition:all .4s;transition:all .4s}

.menu.main .level-1{width:100%}
.menu.main .level-1 > .li{position:relative;width:auto}
.menu.main .level-1 > .li > span.title{display:block;position:relative}
.menu.main .level-1 > .li > span.title::after{content:'';display:block;margin-top:5px;width:100%;height:3px;background-color:var(--main-color);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}
.menu.main .level-1 > .li > span.title:hover::after,.menu.main .level-1 > .li > span.title.act::after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:all .4s;transition:all .4s}
.menu.main .level-1 > .li > span.title > *{width:100%;font-size:20px;font-family:bold,helvetica,sans-serif;font-weight:bold;line-height:1.3;cursor:pointer;-webkit-transition:all .6s;transition:all .6s}
.menu.main .level-1 > .li > span.title > .expdLevel > *::after{position:relative;top:2px;margin-left:10px}
.menu.main .level-1 > .li.cur > span.title *,.menu.main .level-1 > .li > span.title:hover > .expdLevel > *{color:var(--main-color)}
.menu.main .level-2 .headline,.menu.main .level-1 .handler,.menu.main .level-1 > .li > .titleGroup > .subtitle{display:none}
.menu.main .level-1 > .li > .titleGroup{display:block;width:100%}
.menu.main .level-1 > .li > span.title > a > span{text-align:center}

.menu.main .subContainer{display:none;position:fixed;z-index:292;left:0;width:100%;max-height:calc(100% - 160px);overflow-y:auto;background-color:#fff;border-top:1px solid #d2d2d2}
.menu.main .subContainer{scrollbar-width:thin;scrollbar-color:Transparent transparent}
.menu.main .subContainer::-webkit-scrollbar{width:8px}
.menu.main .subContainer::-webkit-scrollbar-track{background:transparent}
.menu.main .subContainer::-webkit-scrollbar-thumb{background-color:#f2f2f2;border-radius:4px;border:2px solid transparent;background-clip:content-box}
.menu.main .subContainer::-webkit-scrollbar-thumb:hover{background-color:var(--main-color)}


/* --- MEDIABOX --- */

#mediaBox *,main .slick-slider,main .slick-list,main .slick-track{height:100%}
#mediaBox > *,main .picSlider > *{height:calc(100vh - 160px)}

#mediaBox .galWrap{position:relative}
#mediaBox .galWrap::after{content:'';display:block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}

.videoBox figure{overflow:hidden}
.videoBox video{height:auto!important;cursor:pointer}
#mediaBox form,#mediaBox .slick-dots,#mediaBox .slick-dots *,#mediaBox .hGroup,#mediaBox .txtWrap,#mediaBox .txtWrap *{height:auto}


/* --- BASIC HORIZONTAL SPACES --- */

#mediaBox > .extContent > *,main > article:not(.main2ColWrap) > * > *,.main2ColWrap,.subBox1,footer > *,#mediaBox .sliderItem .txtWrap{width:70rem!important}
main > article > .boxIndent > *,main > article > section.news_categorylist > .news,.tableAcc .txtWrap{width:57rem!important}
.newsSearch.boxIndent{width:40rem!important}

#topBox > *,header > *,#mediaBox > .extContent > *,main > article:not(.main2ColWrap) > * > *,.main2ColWrap,.subBox1,footer > *,#mediaBox .sliderItem .txtWrap,.newsSearch.boxIndent,.tableAcc .txtWrap{margin-right:auto;margin-left:auto}


/* --- FLEXBOXES --- */

.flexRow,.flexCol,.row,.flex{display:-moz-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.flexRow.inline,.flexCol.inline{display:-moz-inline-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}
.flexRow,.flexCol,.row{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flexRow.nowrap,.flexCol.nowrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.flexRow,.colrow,.row{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.flexRow.rev{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.flexCol{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.flexCol.rev{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}

.flexRow.jCenter,.flexCol.jCenter{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.flexRow.jBetween,.flexCol.jBetween{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.flexRow.jAround,.flexCol.jAround{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
.flexRow.jEnd,.flexCol.jEnd{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.flexRow.jStart,.flexCol.jStart{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.flexRow.jStretch,.flexCol.jStretch{-webkit-justify-content:stretch;-ms-flex-pack:stretch;justify-content:stretch}

.flexRow.aCenter,.flexCol.aCenter{-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flexRow.aStart,.flexCol.aStart{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.flexRow.aEnd,.flexCol.aEnd{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
.flexRow.aStretch,.flexCol.aStretch{-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}
.flexRow.aBase,.flexCol.aBase{-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}

.flexRow.cCenter,.flexCol.cCenter{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}
.flexRow.cBetween,.flexCol.cBetween{-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}
.flexRow.cAround,.flexCol.cAround{-webkit-align-content:space-around;-ms-flex-line-pack:distribute;align-content:space-around}
.flexRow.cStart,.flexCol.cStart{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}
.flexRow.cEnd,.flexCol.cEnd{-webkit-align-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end}
.flexRow.cStretch,.flexCol.cStretch{-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch}

.displayBlock{display:block}


/* --- KEYFRAMES --- */

@keyframes getVisible{
    0% {-webkit-opacity:0;opacity:0}
    100% {-webkit-opacity:1;opacity:1}
	}