/* --- 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 > *{width:100%}

.iframeBox{width:100vw;height:100vh}
.iframeBox iframe{width:100%!important;height:100%!important}


/* --- 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}
.scrolled:not(.navExpd) #page > header{height:60px}
.scrolled:not(.navExpd) #page > header > *:nth-child(3),.scrolled:not(.navExpd) #page > header > *:nth-child(4){max-height:0;overflow:hidden}
.scrolled:not(.navExpd) #page > header > *:nth-child(3) > *,.scrolled:not(.navExpd) #page > header > *:nth-child(4) > *{-webkit-opacity:0;opacity:0}

#page > header > *:nth-child(1),#page header > *:nth-child(2){margin:0;height:60px}
#page > header > *:nth-child(1)::after{content:'';position:fixed;top:60px;left:0;width:100%;height:1px;background-color:#d2d2d2}
.scrolled #page > header > *:nth-child(1)::after{background-color:transparent}
#page > header > *:nth-child(1){width:65%!important}
#page > header > *:nth-child(2){width:35%!important}
#page > header > *:nth-child(3),#page header > *:nth-child(4){height:100px}
#page > header > *:nth-child(3){width:15%!important}
#page > header > *:nth-child(4){width:85%!important}

#page > header > section{display:inline-block;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}

.menu.main .subContainer,#page::after{top:160px}
.scrolled .menu.main .subContainer{top:100px}

#page > header + *{margin-top:160px}

#page.fancyPage > header{height:60px}
#page.fancyPage > header section.flipLogo.noFlip picture img{width:100% !important}
.fancyPage article > section:not(.widthVar):first-child{margin:0 !important}
#page.fancyPage > header + *{margin-top:60px}
.fancyPage > header > *:nth-child(1),.fancyPage > header > *:nth-child(2) .topMenu,.fancyPage > header > *:nth-child(4){display:none!important}
#page.fancyPage > header > *:nth-child(2),#page.fancyPage > header > *:nth-child(3){margin:0!important}
#page.fancyPage > header > *:nth-child(3){order:1;width:15%!important;height:auto}
#page.fancyPage > header > *:nth-child(2){order:2;width:85%!important}

/* logobox */

#page > header .logoBox{position:relative;width:15%;height:100%}
.scrolled #page > header .logoBox{padding-bottom:0}

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}
/* .scrolled header section.flipLogo.noFlip picture img{-webkit-transform:scale(.8);transform:scale(.8)} */
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%}

footer section.flipLogo.noFlip picture img{height:auto!important}

@media only screen and (min-width:800px) and (max-width:1399px) {
	#page > header section.flipLogo.noFlip picture img{width:60%!important;max-height:80%!important}
}

/* rootline */

.contPage #page > header .rootLine{display:none}


/* --- MEDIA --- */

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

#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}


/* --- MAIN --- */

main{position:relative}
#page.iframePage main{background-color:#fff}
#mediaBox ~ main{margin-top:0}

main > article{width:100%!important;height:auto!important}
main > article.main2ColWrap{margin-top:40px}

.standPage main > article p > a{padding:0!important}
.standPage main > article p > a.btnInTxt{padding:10px 15px!important}

aside.col2right{width:72%!important}
aside.coBox{width:24%}

#page.coRight aside.col2right{width:61%!important}
#page.coRight aside.coBox{width:35%}

/* --- SUBBOXES --- */

aside#subBox1{position:relative;width:100%}
aside#subBox1 .ceItem.hasBg{padding:60px 0}
aside#subBox1 .ceItem.hasBg .itemWrap{margin:0}
aside#subBox1 .ceItem.hasBg .itemWrap .txtWrap{margin:0;max-width:100%;width:100%}

.ceItem.widthVar.w-1-2.radRound{border-radius: 50px;}

aside#subBox2{position:relative}
aside#subBox2 .ceItem.hasBg{padding-top:60px;padding-bottom:60px}

aside#subBox2 section.menu_subpages .itemWrap > .hGroup *,aside#subBox2 section.menu_sitemap_pages .itemWrap > .hGroup *,
aside#subBox3 section.menu_subpages .itemWrap > .hGroup *,aside#subBox3 section.menu_sitemap_pages .itemWrap > .hGroup *{color:#cc1e1c}

aside#newsBox{position:relative;padding:40px 0 0}
aside#newsBox > section:first-child ~ section,aside#subBox1 > section:not(.header-101):first-child ~ section{padding-top:40px}
aside#newsBox section.contentAcc .accItem > section{padding:0}


/* --- FOOTER --- */

footer{position:relative;z-index:7;padding-top:40px;padding-bottom:20px;width:100%!important}
footer .footerWrap{position:relative}

aside#subBox2{position:relative}
footer aside,footer nav{position:relative}

footer aside.fContent{display:block;margin-bottom:20px;padding-bottom:30px;width:100%;border-bottom-width:1px}
footer aside.fContent .itemWrap .textPic .txtBox .txtBody p a{text-decoration:none;transition: color 0.3s ease, transform 0.3s ease;}
footer aside.fContent .itemWrap .textPic .txtBox .txtBody p a:hover{text-decoration:none;color: var(--main-color);transform: translateY(-2px);}

footer aside.fLogo{width:20%;margin-bottom:20px;display:inline-block;vertical-align:top}
footer aside.fLogo section.flipLogo{height:80px}

footer aside.adds{width:100%}
footer aside.adds *{color:#fff}
footer aside.adds table{margin:0}
footer aside.adds table td{padding:0;text-align:right;vertical-align:top;background-color:transparent!important;border:none}
footer aside.adds table td i{padding:2px 0 0}
footer aside.adds p a{text-decoration:none}
footer aside.adds p a:hover{text-decoration:underline}
footer .multicolumn .mainText aside.adds p a:last-child{display:none}
footer aside.adds .fa,footer aside.adds .fab,footer aside.adds .fal,footer aside.adds .far,footer aside.adds .fas{margin:0 5px 0 1vw}

footer .txtWrap h3{font-family:medium,arial,helvetica,sans-serif,awesome5,awesome5b,awesome5l,awesome5s,microns,icofont!important;font-weight:bold}

footer aside.fText{order:2;width:50%}
footer aside.fText *{color:#a2a2a2}
footer aside.fText .h3,footer aside.fText .h3 *{color:#fff}

footer .social{order:1;width:45%}

footer .fFooter > section{display:inline-block;padding-top:5px;width:40%}
footer .fFooter > section *:not(span){color:#fff}
footer .fFooter > section a{text-decoration:none}
footer .fFooter > section a:hover{text-decoration:underline}
footer .fFooter > section p:first-of-type{margin:0!important}

footer .fFooter > nav{width:60%}
footer .fFooter > nav > *{display:inline-block}
footer .fFooter > nav .credits{color:rgba(255,255,255,.7)}

.fancyPage footer aside.adds .ceItem .textPic,.fancyPage footer aside.fFooter > .ceItem{display:none}
.fancyPage footer aside.social{width:100%}
.fancyPage footer aside.adds .ceItem .galWrap{width:20%}
.fancyPage footer aside.adds .ceItem .mainText{width:80%;text-align:right}
.fancyPage footer aside.adds .ceItem .mainText *{font-weight:normal}
.fancyPage footer aside.adds p a:last-child{display:inline}
.fancyPage footer aside.adds p a:last-child > span:first-child *{color:inherit}
.fancyPage footer .fFooter > nav > *{display:block;width:100%}
.fancyPage .menu.page .level-1 .li:first-child{margin-left:0!important}

#toTopBox{position:fixed;z-index:11;right:40px;bottom:40px;width:auto;height:auto;text-align:right;-webkit-transition:all .4s;transition:all .4s}
#toTopBox:hover{bottom:50px}
#toTopBox button{display:inline-block}
#toTopBox button::before{display:block;padding-top:10px;width:50px;height:40px;font-family:awesome5l;line-height:1;color:#212121;background-color:#fff;border:1px solid #eaeaea;filter:drop-shadow(0 0 10px rgba(0,0,0,.1));-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all .4s;transition:all .4s}