/* Color Roots */
:root { --col-white:#ffffff; }
:root { --col-black:#000000; }
:root { --col-dgrey:#808080; }
:root { --col-lgrey:#F2F2F2; }
:root { --col-blue:#003A70; }
:root { --col-font:#4d4d4d; }

:root { --col-white-alpha:rgba(255,255,255,0.8); }

:root { --max-view:1400; }
:root { --min-view:380; }
:root { --max-view-px:1400px; }
:root { --min-view-px:380px; }

:root { --break-l:980px; }
:root { --break-m:680px; }
:root { --break-s:480px; }

:root { --font-prime:'Montserrat', sans-serif; }
:root { --font-second:'Dancing Script', cursive; }

:root { --gradient-red:linear-gradient(0deg, rgba(189,9,38,1) 0%, rgba(114,0,33,1) 100%); }
:root { --gradient-white:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); }

/* Resets */
* { margin:0; padding:0; }
img { border:0; display:block; }
ul { list-style:none; padding:0px; margin:0px; }
body { font-family:var(--font-prime); }


/* Grid Base */

.container.wrap { padding:80px 0px 80px 0px; }
.container.wrap > .container.wrap { padding:0px 0px 0px 0px; }
.container.wrap.noPadding { padding:0px 0px 0px 0px; }
.container.content { flex-basis:1400px; }

.container.wrap.leftWhiteBg { overflow:hidden; }
.container.wrap.leftWhiteBg > .container.content { z-index:10; }
.container.wrap.leftWhiteBg:before { content:""; display:block; position:absolute; left:0px; top:0px; width:55%; height:100%; background:var(--col-white);  z-index:5; }

.container.wrap.rightWhiteBg > .container.content { z-index:10; }
.container.wrap.rightWhiteBg:before { content:""; display:block; position:absolute; right:0px; top:0px; width:55%; height:100%; background:var(--col-white);  z-index:5; }

@media screen and (min-width:280px) and (max-width:980px) {
	.container.wrap.leftWhiteBg:before { width:100%; }
	.container.wrap.rightWhiteBg:before { width:100%; }
}


/* Structure */
.header-wrap { position:fixed; top:0px; left:0px; width:100%; z-index:500; background:rgb(0,58,112);	background:linear-gradient(180deg, rgba(0,58,112,1) 40%, rgba(0,58,112,0) 100%); }
.company-logo {position:absolute; left:10px; top:20px; width:140px; }
.company-logo img { width:100%; height:auto; display:block; }

.footer-wrap { padding:20px 0px 20px 0px; }
.footer-logo {position:absolute; right:10px; top:-120px; width:140px; }
.footer-logo img { width:100%; height:auto; display:block; }

.copyright { font-size:12px; }

@media screen and (min-width:280px) and (max-width:980px) {
	.copyright { text-align:center; padding-bottom:10px; }
}

/* Navigation */

.language-menu { display:flex; justify-content:flex-end; padding:60px 0px 20px 0px; position:absolute; top:0px; right:0px; }
.language-menu a { text-decoration:none; text-transform:uppercase; font-size:14px; color:var(--col-white); }
.language-menu li .spacer { display:inline-block; padding:0px 5px 0px 5px; }
.language-menu li:last-child .spacer { display:none; }

.language-menu li.active a { font-weight:600; }

.footerMenu .frame-type-menu_section > ul { padding:80px 0px 30px 0px; border-bottom:solid 1px var(--col-blue); }
.footerMenu .frame-type-menu_section > ul > li > a { display:none; }

.footerMenu .frame-type-menu_section > ul > li > ul { display:flex; justify-content:flex-start; }
.footerMenu .frame-type-menu_section > ul > li > ul > li { padding:0px 40px 0px 0px; }
.footerMenu .frame-type-menu_section > ul > li > ul > li > a { text-decoration:none; text-transform:uppercase; font-size:14px; color:var(--col-dgrey); }


@media screen and (min-width:280px) and (max-width:980px) {
	.language-menu { position:absolute; right:60px; top:30px; padding:0px 0px 0px 0px; }
	.footerMenu { display:none; }
}

@media screen and (min-width:980px) {
	.main-menu { padding:60px 120px 20px 0px; position:relative; min-height:20px; }
	.main-menu > div > ul > li > a { display:none; }

	.main-menu > div > ul > li > ul { display:flex; justify-content:flex-end; }
	.main-menu > div > ul > li > ul > li { padding:0px 0px 0px 40px; }
	.main-menu > div > ul > li > ul > li > a { text-decoration:none; text-transform:uppercase; font-size:14px; color:var(--col-white); }

	.menu-toggler { display:none; }

	.meta-menu {}
	.meta-menu .level-1 { display:flex; justify-content:flex-end; }
	.meta-menu .level-1 > li { margin-left:20px; }
	.meta-menu .level-1 > li > a { display:block; color:var(--col-dgrey); text-decoration:none; text-transform:uppercase; font-size:14px; }
	.meta-menu .level-1 > li > a:hover { text-decoration:underline; }

}

@media screen and (min-width:280px) and (max-width:980px){
	.company-logo { width:100px; }

	.main-menu { padding:80px 0px 0px 0px; position:relative; height:0px; overflow:hidden; min-height:auto; }
	.main-menu > div > ul > li > a { display:none; }

	.main-menu > div > ul > li > ul { display:flex; justify-content:center; flex-direction:column; }
	.main-menu > div > ul > li > ul > li { padding:0px 0px 0px 0px; text-align:center; }
	.main-menu > div > ul > li > ul > li:last-child { padding:0px 0px 20px 0px; text-align:center; }
	.main-menu > div > ul > li > ul > li > a { text-decoration:none; text-transform:uppercase; font-size:14px; color:var(--col-white); text-align:center; display:block; padding:5px 0px 5px 0px; }

	.main-menu.open { height:auto; }

	.menu-toggler { width:30px; height:30px; display:block; position:absolute; right:10px;	top:23px; border:solid 1px #fff;	background:none; cursor:pointer; }
	.menu-toggler i { width:100%; height:auto; color:#ffffff; }

	.meta-menu {}
	.meta-menu .level-1 { display:flex; justify-content:center; flex-direction:column; }
	.meta-menu .level-1 > li { margin-left:0px; }
	.meta-menu .level-1 > li > a { display:block; color:var(--col-dgrey); text-decoration:none; text-transform:uppercase; font-size:14px; text-align:center; padding:5px 0px 5px 0px; }
	.meta-menu .level-1 > li > a:hover { text-decoration:underline; }
}





	/* Typo Base */
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-justify { text-align:justify; }

h1, h2, h3, h4, h5, h6, p {	-webkit-text-size-adjust:none; }

@media screen and (min-width:280px) and (max-width:1400px) {
	h1 { font-size:calc(26px + (36 - 26) * ((100vw - var(--min-view-px)) / (var(--max-view) - var(--min-view)))); }
	h2 { font-size:calc(26px + (36 - 26) * ((100vw - var(--min-view-px)) / (var(--max-view) - var(--min-view)))); }
	h3 { font-size:calc(22px + (26 - 22) * ((100vw - var(--min-view-px)) / (var(--max-view) - var(--min-view)))); }
	h4 { font-size:calc(22px + (24 - 22) * ((100vw - var(--min-view-px)) / (var(--max-view) - var(--min-view)))); }
	h5 { font-size:calc(18px + (20 - 18) * ((100vw - var(--min-view-px)) / (var(--max-view) - var(--min-view)))); }
	h6 { font-size:calc(18px + (20 - 18) * ((100vw - var(--min-view-px)) / (var(--max-view) - var(--min-view)))); }
	p { font-size:calc(14px + (18 - 14) * ((100vw - var(--min-view-px)) / (var(--max-view) - var(--min-view)))); }
	li { font-size:calc(14px + (18 - 14) * ((100vw - var(--min-view-px)) / (var(--max-view) - var(--min-view)))); }
}

@media screen and (min-width:1400px) {
	h1 { font-size:36px; }
	h2 { font-size:36px; }
	h3 { font-size:26px; }
	h4 { font-size:24px; }
	h5 { font-size:20px; }
	h6 { font-size:20px; }
	p { font-size:18px; line-height:1.4em; }
	li { font-size:18px; line-height:1.4em; }
}

/* Typo custom */
h1 { color:var(--col-blue); margin:0px 0px 0px 0px; font-weight:300; }
h2 { color:var(--col-blue); margin:0px 0px 30px 0px; font-weight:300; }
h3 { color:var(--col-blue); margin:20px 0px 20px 0px; font-weight:300; }
h4 { color:var(--col-blue); margin:20px 0px 20px 0px; }
h5 { color:var(--col-blue); margin:20px 0px 20px 0px; }
h6 { color:var(--col-blue); margin:20px 0px 20px 0px; }
p { color:var(--col-font); margin:0px 0px 15px 0px; }
li { color:var(--col-font); }

.videowrap { width:100%; min-height:400px; overflow:hidden; position:relative; }

.videowrap video { position:absolute; left:0px; top:0px; opacity:1; width:100%; height:auto;	visibility:visible; }
.fakehd { width:100%; height:auto; }