/* -------------------------------------------------- generic ---------- */

*{-webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;} ul, li, a, h1, h2, h3, p{position: relative; display: inline-block;} ul, li, a, img, p, h1, h2, h3{vertical-align: middle;} :focus{outline: none;} a{line-height: 0; text-decoration: none;} 



/* -------------------------------------------------- fonts ---------- */

@font-face{font-family: "Hind"; src: url("Fonts/Hind.woff2") format("woff2 supports variations"), url("Fonts/Hind.woff2") format("woff2-variations"), url("Fonts/Hind.woff") format("woff supports variations"), url("Fonts/Hind.woff") format("woff-variations"), url("Fonts/Hind.ttf") format("truetype supports variations"), url("Fonts/Hind.ttf") format("truetype-variations"); font-weight: 100 900;}

@font-face{font-family: "Bangla-MN_Regular"; src: url("Fonts/Bangla-MN_Regular.woff2") format("woff2 supports variations"), url("Fonts/Bangla-MN_Regular.woff2") format("woff2-variations"), url("Fonts/Bangla-MN_Regular.woff") format("woff supports variations"), url("Fonts/Bangla-MN_Regular.woff") format("woff-variations"), url("Fonts/Bangla-MN_Regular.ttf") format("truetype supports variations"), url("Fonts/Bangla-MN_Regular.ttf") format("truetype-variations"); font-weight: 400;}

@font-face{font-family: "Bangla-MN_Bold"; src: url("Fonts/Bangla-MN_Bold.woff2") format("woff2 supports variations"), url("Fonts/Bangla-MN_Bold.woff2") format("woff2-variations"), url("Fonts/Bangla-MN_Bold.woff") format("woff supports variations"), url("Fonts/Bangla-MN_Bold.woff") format("woff-variations"), url("Fonts/Bangla-MN_Bold.ttf") format("truetype supports variations"), url("Fonts/Bangla-MN_Bold.ttf") format("truetype-variations"); font-weight: 400;}

*{font-family: 'Hind', sans-serif;} [class*="link-"] p, #main-offer .h2, label, h2, .h2{font-family: 'Bangla-MN_Bold', sans-serif;} .h0, h1, .h1/*, h3, .h3, [class*="link-"] .h3*/{display: block; font-family: 'Bangla-MN_Regular', sans-serif;}
.h0, h1, .h1, h2, .h2, [class*="link-"] p{transform: translate(0,15%);} .written-bold{font-weight: 900;} 

p{word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto;} .h1, .h2{word-break: normal; -webkit-hyphens: manual; -ms-hyphens: manual; -o-hyphens: manual; hyphens: manual;}



/* -------------------------------------------------- color / hover ---------- */

#body-main.toggle, #body-footer.toggle{opacity: .27;} .opacity-low{opacity: .24;} .opacity-middle{opacity: .44;} .opacity-high{opacity: .72;} 

:root{--color-ci-lighter: #1D4F59; --color-ci-darker: #12262E; --color-deep: hsla(192,50%,15%,.71); --color-light: hsla(192,50%,100%,.05); --color-dark: hsla(192,50%,1%,.29);} .color-set-light:root{--color-back: #FFFFFF; --color-front: #163942;} .color-set-dark:root{--color-back: #163942; --color-front: #FFFFFF;}

#html-body, .back-back{background-color: var(--color-back);} [class*="symbol-"] [class*="shape-"], .js-cursor-outer, .js-cursor-inner{background-color: var(--color-front);} h1, h2, p, a, label, input, textarea{color: var(--color-front);}

.link-button, .link-form{background-color: rgba(255,255,255,0.14);} .link-button:hover, .link-form:hover{background-color: rgba(255,255,255,0.1);} .back-popup{background-color: rgba(255,255,255,0.05);} 

.back-deep{background-color: var(--color-deep);} .back-light{background-color: var(--color-light);} 

.back-blur{-webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);}  



/* -------------------------------------------------- gradient ---------- */

[class*="gradient-"]{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%); width: calc(100% + 4px); height: calc(100% + 4px); pointer-events: none;} 

.gradient-left{background-image: linear-gradient(90deg, var(--color-back) 0%, transparent 80%, transparent 100%);} .gradient-bottom{background-image: linear-gradient(0deg, var(--color-back) 0%, transparent 25%, transparent 100%);} .gradient-horizontal{background-image: linear-gradient(90deg, var(--color-back) 0%, transparent 20%, transparent 80%, var(--color-back) 100%);} .gradient-center{background-image: radial-gradient(var(--color-dark) 0%, transparent 66%, transparent 100%);}



/* -------------------------------------------------- variables ---------- */

#html-body{--padding-horizontal: 0.015; --padding-vertical: calc(0.7vw + 0.7vh + 7px); --padding-link: 4px; --padding-button: calc(0.9vw + 0.9vh + 9px); --padding-form: calc(0.2vw + 0.2vh + 2px); --overlay-factor: 3;} 



/* -------------------------------------------------- space ---------- */

[class*="space-"]{position: relative; display: block; width: 100%;} .section-layer-full{width: 100%; max-width: var(--layer-max);} .section-layer-default{width: calc(100% - var(--layer-diff) * 100% + 2 * var(--padding-horizontal) * 100%); max-width: calc((1 - var(--layer-diff)) * var(--layer-max));} .section-layer-thin{width: calc(100% - 2 * var(--layer-diff) * 100% + 2 * var(--padding-horizontal) * 100%); max-width: calc((1 - 2 * var(--layer-diff)) * var(--layer-max));} 

.space-high{height: calc(12 * var(--padding-vertical));} .space-default{height: calc(4 * var(--padding-vertical));} .space-flat{height: var(--padding-vertical);} .space-mini{height: calc(var(--padding-vertical) / 3);} .space-negative{margin: calc(-2.1px - 0.07vw) 0;} .padding-flat{padding: calc(var(--padding-vertical) / 2) calc(var(--padding-horizontal) * 100%);} .padding-default{padding: var(--padding-vertical) calc(var(--padding-horizontal) * 100%);} .padding-wide{padding: var(--padding-vertical) calc(4 * var(--padding-horizontal) * 100%);} .padding-side{padding: 0 calc(var(--padding-horizontal) * 100%);} .padding-left{padding-left: calc(2.9 * var(--padding-horizontal) * 100%);}



/* -------------------------------------------------- global ---------- */

#body-header, #body-main, #body-footer{width: 100%;} #body-header{z-index: 7;} #body-main{z-index: 1;} #body-footer{z-index: 4;} hr{border: none; height: 0;} [class*="-section"]{position: relative; display: block; width: 100%; margin: 0 auto; text-align: center; overflow: hidden;} [class*="layer-"]{position: relative; display: block; margin: 0 auto;} [class*="grid-"], [class*="inline-"]{position: relative; display: inline-block; vertical-align: middle;} [class*="grid-"], [class*="inline-"]{text-align: left;} 

.grid-100, .inline-100{width: 100%;} .inline-85{width: 85%;} .inline-75{width: 75%;} .inline-67{width: 66.67%;} .inline-50{width: 50%;} .inline-33{width: 33.33%;} .inline-25{width: 25%;} .inline-fix{width: calc(5 * var(--padding-horizontal) * 100% + 158px);} .inline-flex{width: calc((1 - 5 * var(--padding-horizontal)) * 100% - 158px);} .grid-0, .inline-0{display: none; visibility: hidden;} .text-left{text-align: left;} .text-center{text-align: center;} .text-right{text-align: right;} .vertical-bottom{vertical-align: bottom;} .vertical-top{vertical-align: top;} .overflow-hidden{overflow: hidden;} .overflow-visible{overflow: visible;} [class*="overlay-"]{position: relative; display: block;} .overlay-left{margin-left: calc(-3 * var(--overlay-factor) * 100%);} .overlay-horizontal{margin: 0 calc(-3 * var(--overlay-factor) * 100%);} .overlay-right{margin-right: calc(3 * var(--overlay-factor) * 100%);} 



/* -------------------------------------------------- images ---------- */

.image-relative, .image-cover, .image-contain, .image-icon{position: relative; display: block;} .image-relative{height: auto;} .image-cover, .image-contain{width: 100%; height: 100%;} .image-cover{object-fit: cover; object-position: center center;} .image-contain{object-fit: contain;} .image-icon{width: calc(1.5 * var(--padding-vertical)); height: calc(1.5 * var(--padding-vertical));} .image-absolute{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%); width: 100%; height: auto;} 



/* -------------------------------------------------- table, lists, links ---------- */

[class*="list-"]{position: relative; display: block;} [class*="list-"] .list-item, [class*="link-"]{position: relative; display: inline-block; list-style: none; vertical-align: middle;} [class*="link-"]{z-index: 7; overflow: hidden;} [class*="link-"] p{text-decoration: none; letter-spacing: 2px;} .link-text{display: inherit !important; text-decoration: underline; opacity: 1;} 

.list-link{display: block; margin: 0 -12px;} .list-link .list-item{margin: 3px 8px;} .list-link [class*="link-"] p{padding: 4px 4px;} .list-link .link-image{margin: 9px 4px;}

.list-symbol{display: block;} .list-symbol .list-item{display: block; padding-left: 29px;} .list-symbol .symbol-dot{position: absolute; left: 5px; top: 0px;} 

.link-share{width: 44px; height: auto; padding: 0 4px; overflow: visible;} 
.link-brand{width: 100%; height: auto; padding: var(--padding-link) 0;} 
.link-button{margin-right: 15%; padding: calc(14px + 1.4vw) calc(28px + 2.8vw);}
.link-form{display: block; margin-top: 7px;/*padding: calc(14px + 1.4vw) calc(6px + 0.6vw);*/} 

.link-latest{width: calc(210px + 7vw); max-width: 100%;}
.link-event{display: block; outline: solid 7px var(--color-back);} 
.link-event .image-cover, .link-latest .image-contain{transition-duration: .29s;} .link-event:hover .image-cover, .link-latest .image-contain{transform: scale(0.81);} .link-latest:hover .image-contain{transform: scale(0.74);} 

.hover-invers [class*="link-"]{opacity: .29;} .hover-invers [class*="link-"]:hover{opacity: 1;} 

.list-symbol .list-item{margin-top: calc(0.25vw + 0.25vh + 2.5px);}



/* -------------------------------------------------- symbols ---------- */

[class*="symbol-"]{position: relative; display: inline-block; vertical-align: middle;}
[class*="symbol-"] [class*="shape-"], [class*="symbol-"] [class*="text-"]{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%); transition-duration: .27s;}

.symbol-navigation{display: block; width: 54px; height: 54px;} .symbol-navigation [class*="shape-"]{transform: translate(50%,50%)rotate(0deg); width: 38px; height: 2.5px;} .symbol-navigation .shape-0{bottom: 30.5px;} .symbol-navigation .shape-1{bottom: 23.5px;} 

#body-header.toggle .symbol-navigation [class*="shape-"]{bottom: 27px;} #body-header.toggle .symbol-navigation .shape-0{transform: translate(50%,50%)rotate(-45deg);} #body-header.toggle .symbol-navigation .shape-1{transform: translate(50%,50%)rotate(45deg);}

.symbol-cross{display: inline-block; width: calc(2 * var(--padding-vertical)); height: calc(2 * var(--padding-vertical)); bottom: 50%;} .symbol-cross [class*="shape-"]{-webkit-transform: translate(50%,50%)rotate(0deg);-ms-transform: translate(50%,50%)rotate(0deg);transform: translate(50%,50%)rotate(0deg); width: 100%; height: 3px;} .symbol-cross .shape-0{-webkit-transform: translate(50%,50%)rotate(-45deg);-ms-transform: translate(50%,50%)rotate(-45deg);transform: translate(50%,50%)rotate(-45deg);} .symbol-cross .shape-1{-webkit-transform: translate(50%,50%)rotate(45deg);-ms-transform: translate(50%,50%)rotate(45deg);transform: translate(50%,50%)rotate(45deg);} 

.symbol-dot{position: relative; display: block;} .symbol-dot [class*="shape-"]{bottom: 47%; width: 24%; height: 24%; border-radius: 50%;}

.symbol-information{display: inline-block; width: calc(18px + 0.9vw); height: calc(18px + 0.9vw);} .symbol-information [class*="shape-"]{width: 15px; height: 2px;} .symbol-information .shape-1{-webkit-transform: translate(50%,50%)rotate(90deg);-ms-transform: translate(50%,50%)rotate(90deg);transform: translate(50%,50%)rotate(90deg);} .js-information-item.on .symbol-information .shape-1, .js-information-item.on:hover .symbol-information  .shape-1{width: 2px;}



/* -------------------------------------------------- pattern ---------- */

/*[class*="pattern-"]{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%); width: 100%; height: 100%;}
.pattern-pixel{background-color: rgba(87,152,152,0.29); background-size: 4px 4px; background-image: linear-gradient(var(--color-back) 0.4px, transparent 0.4px), linear-gradient(to right, var(--color-back) 0.4px, transparent 0.4px); opacity: 0.7;}*/



/* -------------------------------------------------- cursor ---------- */

.js-cursor-outer, .js-cursor-inner{position: fixed; display: block; left: -100px; top: 0; transform: translate(-50%,-50%); border: none; border-radius: 50%; z-index: 999; pointer-events: none;} .js-cursor-outer{transition: left .07s ease-out, top .07s ease-out, width .29s ease-in-out, height .29s ease-in-out, background-color .29s, opacity .29s ease-in-out;} .js-cursor-inner{transition: left .19s ease-out, top .19s ease-out, width .29s ease-in-out, height .29s ease-in-out, background-color .29s, opacity .29s ease-in-out;}

.js-cursor-outer{width: 47px; height: 47px; opacity: 0.05;} .js-cursor-inner{width: 5px; height: 5px; opacity: 1;} .js-cursor-outer.hover{width: 171px; height: 171px; opacity: 0.05;} .js-cursor-inner.hover{width: 147px; height: 147px; opacity: 0;} .js-cursor-hover{cursor: pointer;}



/* -------------------------------------------------- frames ---------- */

[class*="frame-relative-"], [class*="frame-absolute-"], [class*="frame-fixed-"]{display: block; width: 100%;} [class*="frame-relative-"]{position: relative; display: block; height: auto;} [class*="frame-absolute-"], [class*="frame-fixed-"]{right: 50%; bottom: 50%; transform: translate(50%,50%);} [class*="frame-absolute-"]{position: absolute;} [class*="frame-fixed-"]{position: fixed;}

.frame-relative-1to1{padding-top: 100%;} .frame-relative-4to3{padding-top: 75%;} .frame-relative-3to4{padding-top: 133.33%;} .frame-relative-3to2{padding-top: 66.66%;} .frame-relative-16to9{padding-top: 56.25%;} .frame-relative-2to1{padding-top: 50%;} .frame-absolute-cover, .frame-fixed-cover{height: 100%;} .frame-relative-auto, .frame-absolute-auto, .frame-fixed-auto{height: auto;} 

.frame-relative-brand{padding-top: 30%;} .frame-relative-logo{padding-top: 40%;} .frame-relative-100vh{padding-top: 110vh;} .frame-absolute-wide, .frame-absolute-small{right: auto; bottom: auto; transform: translate(0,0);} .frame-absolute-wide{width: 72%; z-index: 7;} .frame-absolute-small{width: 48%; z-index: 8;} .bottom-right{right: 0; bottom: -29%;} .top-right{right: 0; top: -14%;} .bottom-left{left: 0; bottom: -14%;} .top-left{left: 0; top: 2%;} .frame-fixed-mask{right: 0; bottom: 0; width: calc(94% + 94vh); z-index: 11; pointer-events: none;} .frame-fixed-unlock{height: 100%; z-index: 11; display: none;} .frame-fixed-unlock .frame-absolute-auto{max-width: calc(4 * var(--padding-horizontal) * 100% + 24% + 240px);} .frame-fixed-unlock.toggle{display: block;} .zindex-front{z-index: 9;} 



/* -------------------------------------------------- slide ---------- */

.slide-logo-03{--slide-count: 3;} .slide-logo-04{--slide-count: 4;} .slide-logo-05{--slide-count: 5;} .slide-logo-06{--slide-count: 6;} .slide-logo-07{--slide-count: 7;} .slide-logo-08{--slide-count: 8;} .slide-logo-09{--slide-count: 9;} .slide-logo-10{--slide-count: 10;} 

[class*="slide-logo-"], .slide-wrapper{position: relative; display: block;} [class*="slide-logo-"]{width: 100%; height: auto; padding: 0; overflow: hidden;} .slide-wrapper{transform: translate(0px,0px); width: calc(100% * var(--slide-count) * 0.5 / var(--slide-width)); animation: animation-slide-infinity calc(4.5s * var(--slide-count)) linear infinite;} [class*="slide-logo-"] .list-item{position: relative; display: inline-block; width: calc(0.5 * 100% / var(--slide-count)); height: auto; vertical-align: middle;} [class*="slide-logo-"] [class*="link-"]:hover{opacity: .41;} .slide-item{display: block; padding: 0 21%;}

@-webkit-keyframes animation-slide-infinity{0%{transform: translate(0px,0px);} 100%{transform: translate(-50%,0px);}} .slide-wrapper:hover{-webkit-animation-play-state:paused; -moz-animation-play-state:paused; -o-animation-play-state:paused; animation-play-state:paused;} 



/* -------------------------------------------------- sidebar ---------- */

.frame-fixed-sidebar{height: 100vh; z-index: 15;} .sidebar-content{width: calc(80% + 40px); max-width: 125vh;} .sidebar-close{right: 0%; bottom: 100%; width: auto;} 

.js-sidebar-item{pointer-events: none;} .js-sidebar-item.toggle{pointer-events: all;} .js-sidebar-item .back-blur{opacity: 0;} .js-sidebar-item.toggle .back-blur{opacity: 1;} .js-sidebar-item .sidebar-content{transform: translate(50%,59%); opacity: 0;} .js-sidebar-item.toggle .sidebar-content{transform: translate(50%,50%); opacity: 1;} 



/* -------------------------------------------------- informations ---------- */

.js-information-item{position: relative; display: block; padding: calc(0.35vw + 0.35vh + 3.5px) 7px calc(0.35vw + 0.35vh + 3.5px) calc(16px + 0.6vw + 17px);} 

.symbol-information{position: absolute; left: 7px; top: calc(0.35vw + 0.35vh + 4.5px);}
.information-title{position: relative; display: inline-block; width: 100%; height: auto; padding: calc(0.15vw + 0.15vh + 1.5px) 0;}
.information-description{max-height: 0; padding: 0 0; overflow: hidden; opacity: 0;} .information-description p{display: block;} 

.js-information-item.on .information-description{max-height: 350px; padding: calc(0.15vw + 0.15vh + 1.5px) 0; opacity: 1;}

.js-information-item, .information-description{-webkit-transition-duration: .47s;-o-transition-duration: .47s;transition-duration: .47s;}



/* -------------------------------------------------- multistep form ---------- */

[class*="multistep-"] .label-checkbox .input-checkbox:after{border: solid var(--color-front);} fieldset label input:checked ~ .initial-invest-dot{background-color: var(--color-front);}

.slide-multistep{width: 100%; height: auto; padding: 0; vertical-align: middle; overflow: hidden;} .slide-multistep-wrapper{transform: translate(0px,0px);} .slide-multistep li{height: auto; vertical-align: top;}

/*#form-initial .slide-multistep-wrapper{width: 500%;} #form-initial .slide-multistep li{width: 20%;}*/
#form-initial .slide-multistep-wrapper{width: 300%;} #form-initial .slide-multistep li{width: 33.33%;}
#form-initial .slide-multistep{margin: 7px 0;}
#form-unlock .slide-multistep-wrapper{width: 100%;} #form-unlock .slide-multistep li{width: 100%;} 


.form-report{position: relative; display: block; width: 100%; overflow: hidden;} 

.multistep-tab{padding-bottom: 7px;} #form-unlock .multistep-tab{padding-bottom: 0px;}

[class*="form-"] input, [class*="form-"] select, [class*="form-"] textarea, [class*="form-"] fieldset{vertical-align: top; border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
[class*="form-"]{margin: 0 -7px;}
[class*="multistep-"]{position: relative; display: inline-block;}

[class*="multistep-"] [class*="grid-"]{position: relative; display: inline-block; padding: calc(0.2vw + 0.2vh + 10px) 7px 0 7px; vertical-align: bottom;} .tab-100{width: 100%;} .tab-0{display: none; visibility: hidden;} 

[class*="multistep-"] label, [class*="multistep-"] input, [class*="multistep-"] select, [class*="multistep-"] textarea, [class*="form-"] fieldset{display: block; width: 100%;}
[class*="multistep-"] .label-default{position: absolute; padding-left: 14px; pointer-events: none;} [class*="multistep-"] label, .multistep-links li p{line-height: 10px; font-size: 10px; font-weight: 700; letter-spacing: 4px; opacity: .84; z-index: 7;} [class*="multistep-"] label a p{text-decoration: underline;} 
[class*="multistep-"] input, [class*="multistep-"] select, [class*="multistep-"] textarea, .link-multistep{position: relative;} [class*="multistep-"] input, [class*="multistep-"] select{margin-top: 2px;} [class*="multistep-"] fieldset{margin-top: -7px;} [class*="multistep-"] textarea{margin-top: 5px; resize: none;} 

[class*="multistep-"] input, #multistep-initial .input-checkbox{transition-duration: .14s;}
.form-multistep .link-button{display: block; width: 100%; margin-right: 0; text-align: center;}

.symbol-indicator{position: relative; display: block; width: 100%; height: 3px; margin: 7px 0; overflow: hidden;} 
.symbol-indicator [class*="shape-"]{height: 3px;} 
.symbol-indicator .shape-0{width: 100%; opacity: .14;} 
.symbol-indicator .shape-1{left: 0; right: auto; transform: translate(0,50%); width: 0; transition-duration: .57s;} 

::placeholder{color: var(--color-front); opacity: .27;} [class*="multistep-"] input, [class*="multistep-"] select, [class*="multistep-"] textarea{background-color: rgba(255,255,255,0.05);} [class*="multistep-"] input:hover, [class*="multistep-"] textarea:hover{background-color: rgba(255,255,255,0.08);}



/* -------------------------------------------------- marquee ---------- */

/*[class*="marquee-"]{--gap: 0px; position: relative; display: flex; width: 100%; height: auto; overflow: hidden; user-select: none;} [class*="marquee-"] p{flex-shrink: 0; display: flex; justify-content: space-around; min-width: 100%;} [class*="marquee-"], [class*="marquee-"] p{gap: var(--gap);} [class*="marquee-"] p span{position: relative; display: inline-block; width: 24px; vertical-align: middle; text-align: center;}

.marquee-left p{animation: animation-marguee-left 24s linear infinite;} .marquee-right p{animation: animation-marguee-right 24s linear infinite;} @keyframes animation-marguee-left{from{transform: translateX(calc(0% - var(--gap)));}to{transform: translateX(-100%);}} @keyframes animation-marguee-right{from{transform: translateX(calc(-100% - var(--gap)));}to{transform: translateX(0);}}*/



/* -------------------------------------------------- fade in on scroll ---------- */

[class*="js-fadein-"]{overflow-y: visible;} [class*="js-fadein-fast-"]{transition: transform 870ms ease-in-out 87ms, opacity 590ms ease-in-out 59ms;} [class*="js-fadein-slow-"]{transition: transform 1410ms ease-in-out 141ms, opacity 1170ms ease-in-out 117ms;}



/* -------------------------------------------------- transition ---------- */

.js-approach-item{transition: opacity .17s;} 
.js-parallax-item{transition: right .47s ease-out, bottom .47s ease-out;} 
#html-body, [class*="link-"]{transition-duration: .27s;}
#body-main, #body-footer, .frame-navigation{transition-duration: .54s;}

.frame-fixed-sidebar .back-blur, .js-sidebar-item .sidebar-content{transition-duration: .59s; transition-timing-function: ease-out;} 



/* -------------------------------------------------- header ---------- */

#body-header{position: absolute; display: block; z-index: 11;} .navigation-links{width: 100%; height: 100%; opacity: 0; pointer-events: none;} .navigation-links .frame-absolute-auto{bottom: 40%; width: auto;} .navigation-links .list-link{display: inline-block;} .navigation-links .list-link .list-item{display: block;} #body-header.toggle .navigation-links{opacity: 1; pointer-events: all;} #body-header.toggle .navigation-links .frame-absolute-auto{bottom: 44%;} .navigation-left, .navigation-right{bottom: 87%; transform: translate(0,50%);} .navigation-left, #body-header.toggle .navigation-left.scroll{left: calc(2 * var(--padding-horizontal) * 100%); width: calc(4 * var(--padding-horizontal) * 100% + 120px); opacity: 1;} .navigation-left.scroll{left: 0;  opacity: 0;} .navigation-right{right: calc(2 * var(--padding-horizontal) * 100%); transform: translate(0,50%); width: auto;} 

.navigation-links, .navigation-links .frame-absolute-auto, .navigation-left{transition-duration: .71s;}
.navigation-links{-webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);} 



/* -------------------------------------------------- main ---------- */

#main-offer .content-absolute{bottom: 47%;} #main-offer h1{margin-top: calc(-28px - 1.4vw);} 

#main-yacht .image-relative, #main-cta .image-relative{display: inline-block;} #main-yacht .image-relative{max-width: calc(240px + 12vw);} #main-cta .image-relative{max-width: calc(160px + 8vw);} 

#main-form{max-width: calc(700px + 25%);}

.item-left{position: relative; display: block; padding-left: calc(105px + 3.5vw);} .item-left .h3{position: absolute; display: block; left: 0; top: 0; max-width: calc(90px + 3.0vw);}



/* -------------------------------------------------- logos ---------- */

.overlay-logo{margin: 0 calc((100% - var(--overlay-logo-size)) / 2); width: var(--overlay-logo-size);} .list-logo .list-item{display: inline-block; width: calc(100% / var(--overlay-logo-columns)); padding: calc(0.7vw + 0.7vh + 7px) 4vw;} 



/* -------------------------------------------------- circle ---------- */

.frame-absolute-circle{width: 70%; border-radius: 50%;} .circle-00{right: 65%; bottom: 57.5%;} .circle-01{right: 35%; bottom: 65%;} .circle-02{right: 44%; bottom: 35%;} .frame-absolute-content{width: 22%;} .content-00{right: 85%; bottom: 64%;} .content-01{right: 17%; bottom: 75%;} .content-02{right: 39%; bottom: 16%;} .content-03{right: 48%; bottom: 52%; width: 29%;} 



/* -------------------------------------------------- footer ---------- */

#backlink p, #backlink .image-relative{display: inline-block; vertical-align: middle;} #backlink .image-relative{margin-left: calc(1.5px + 0.05vw); width: calc(13.5px + 0.45vw);}



/* -------------------------------------------------- legal ---------- */

.main-section-legal p{padding: 5px 0;} .main-section-legal [class*="list-"] p{padding: 0 0;} .main-section-legal .link-default{padding: 0 7px;}

#matomo-opt-out{padding: calc(0.9vw + 0.9vh + 9px) 1.25%;} #matomo-opt-out input{margin-right: calc(0.45vw + 0.45vh + 4.5px); margin-top: calc(0.45vw + 0.45vh + 4.5px);} #matomo-opt-out label{margin: calc(0.9vw + 0.9vh + 9px) 0;} 



/* -------------------------------------------------- media query ---------- */

.h0, h1, .h1, h2, .h2, h3, .h3{text-transform: uppercase; font-weight: bold;} 

@media(max-width: 1039px){
    #html-body{--layer-max: 780px; --layer-diff: 0.05;}
    
    .grid-85, .grid-80, .grid-75, .grid-67, .grid-50, .grid-33, .grid-20, .grid-15, .grid-fix, .grid-flex{width: 100%;} .grid-25{width: 50%;} [class*="desktop-absolute-"]{position: relative; display: block; right: auto; bottom: auto; transform: translate(0,0);} .only-mobile{display: block;} .only-desktop{display: none;} 
    
    p, input, textarea, .link-text{line-height: calc(18px + 0.45vw); font-size: calc(12px + 0.3vw);} 
    [class*="link-"] p{line-height: calc(16px + 0.4vw); font-size: calc(10px + 0.25vw); letter-spacing: calc(4px + 0.1vw)} 
    h2, .h2{line-height: calc(16.5px + 0.55vw); font-size: calc(12px + 0.4vw); letter-spacing: calc(4px + 0.2vw);} 
    h1, .h1{line-height: calc(34px + 1.7vw); font-size: calc(28px + 1.4vw);} 
    .h0{line-height: calc(30px + 3.0vw); font-size: calc(27px + 2.7vw);} 
	
    .list-symbol [class*="symbol-"]{width: calc(18px + 0.45vw); height: calc(18px + 0.45vw);} .overflow-left, .overflow-right{margin-right: auto;} .grid-33 .overflow-left, .grid-80{--slide-width: 0.6;} 
    
    /*.frame-relative-event{padding-top: 110%;} .event-berlinale{right: 67.5%; bottom: 55%; width: 65%;} .event-cannes{right: 50%; bottom: 15%; width: 65%;} .event-italy{right: 32.5%; bottom: 85%; width: 65%;}*/ .frame-relative-event{padding-top: 75%;} .event-berlinale{right: 58.75%; bottom: 22.5%; width: 65%;} .event-cannes{right: 41.25%; bottom: 82.5%; width: 65%;} 
	
	.overlay-logo{--overlay-logo-columns: 4; --overlay-logo-size: calc(84% + 105px);} .sidebar-close{transform: translate(-50%,-50%);} 
    } 
@media(min-width: 1040px){
    #html-body{--layer-max: 2400px; --layer-diff: 0.12;}
    
    .grid-85{width: 85%;} .grid-80{width: 80%;} .grid-75{width: 75%;} .grid-67{width: 66.67%;} .grid-50{width: 50%;} .grid-33{width: 33.33%;} .grid-25{width: 25%;} .grid-20{width: 20%;} .grid-15{width: 15%;} .grid-fix{width: calc(5% + 370px);} .grid-flex{width: calc(95% - 370px);} [class*="desktop-absolute-"]{position: absolute; display: block; bottom: 50%; transform: translate(0,50%);} .desktop-absolute-left{left: 0;} .desktop-absolute-middle{right: 50%; transform: translate(50%,50%);} .desktop-absolute-right{right: 0;} .only-mobile{display: none;} .only-desktop{display: inline-block;} 
    
	p, input, textarea, .link-text{line-height: calc(16.5px + 0.55vw); font-size: calc(10.8px + 0.36vw);} 
    [class*="link-"] p{line-height: calc(12px + 0.4vw); font-size: calc(9px + 0.3vw); letter-spacing: calc(2.1px + 0.07vw);} 
	.written-small, [class*="link-"] .written-small{line-height: calc(10.5px + 0.35vw); font-size: calc(7.5px + 0.25vw); letter-spacing: calc(1.8px + 0.06vw);} 
    h3, .h3, [class*="link-"] .h3{line-height: calc(15px + 1.5vw); font-size: calc(10px + 1.0vw); letter-spacing: calc(7px + 0.7vw);} 
    h2, .h2{line-height: calc(13.5px + 0.45vw); font-size: calc(8.4px + 0.28vw); letter-spacing: calc(3px + 0.1vw);} 
    h1, .h1{line-height: calc(27px + 2.7vw); font-size: calc(21px + 2.1vw);} 
    .h0{line-height: calc(41px + 4.1vw); font-size: calc(37px + 3.7vw);} 
    
    .list-symbol [class*="symbol-"]{width: calc(16.5px + 0.55vw); height: calc(16.5px + 0.55vw);} .overflow-left{margin-left: -50%;} .overflow-right{margin-right: -50%;} .grid-33 .overflow-left{--slide-width: calc(0.33 * 1.5);} .grid-80{--slide-width: 0.8;} 
    
    /*.frame-relative-event{padding-top: 25%;} .event-berlinale{right: 82.5%; bottom: 50%; width: 35%;} .event-cannes{right: 50%; bottom: 25%; width: 35%;} .event-italy{right: 17.5%; bottom: 75%; width: 35%;}*/ .frame-relative-event{padding-top: 25%;} .event-berlinale{right: 71.5%; bottom: 30%; width: 45%;} .event-cannes{right: 28.5%; bottom: 70%; width: 45%;} 
	
	.overlay-logo{--overlay-logo-columns: 6; --overlay-logo-size: calc(88% + 220px);} .sidebar-close{transform: translate(150%,150%);} 
    }



@media(pointer: coarse){
    .js-cursor-outer, .js-cursor-inner{display: none;}
}



@media screen {
    .js-enable [class*="js-fadein-"]{opacity: 0;} .js-enable .js-fadein-slow-left, .js-enable .js-fadein-fast-left{transform: translate(58px,0);} .js-enable .js-fadein-slow-right, .js-enable .js-fadein-fast-right{transform: translate(-58px,0);} .js-enable .js-fadein-slow-up, .js-enable .js-fadein-fast-up{transform: translate(0,29px);} /*.js-enable .js-fadein-down{transform: translate(0,-41px);}*/ .js-enable [class*="js-fadein-"].on{opacity: 1; transform: translate(0,0);} 
    }
@media print {
    .js-enable [class*="js-fadein-"]{opacity: 1;} .js-enable .js-fadein-slow-left, .js-enable .js-fadein-fast-left{transform: translate(0,0);} .js-enable .js-fadein-slow-right, .js-enable .js-fadein-fast-right{transform: translate(0,0);} .js-enable .js-fadein-slow-up, .js-enable .js-fadein-fast-up{transform: translate(0,0);} /*.js-enable .js-fadein-down{transform: translate(0,0);}*/ .js-enable [class*="js-fadein-"].on{opacity: 1; transform: translate(0,0);} 
    }