.tabbedpage{.tabbed-intro{h2{text-align:center;color:#1777B4;font-size:32px;padding:60px 30px 0 30px;margin:auto;max-width:1260px;@media(max-width:640px){font-size:24px}
}
}
}
.mfp-wrap .mfp-container .mfp-content{iframe{height:100% !important;width:100% !important}
.mfp-close{font-size:1px;color:transparent}
}
//.touch-ui{// .page-header .wrapper{// height:auto;//}
// .page-header .topnavmultimenu .primary-menu-wrap{padding-top:64px}
// .page-header .topnavmultimenu .primary-menu{// position:relative;// display:block;// &:after{// clear:both;// content:'';// display:table;//}
//}
// .page-header .topnavmultimenu .topnavmultimenuitem{// position:relative;// top:auto;//}
//}
.hidden-title .title{h1,h2,h3,h4,h5,h6{display:none}
}
.sitepagecarousel{.cycle-nav{bottom:140px;display:flex;gap:30px;left:60px;position:absolute;z-index:1}
.slick-arrow{cursor:pointer;display:block;height:18px;width:18px;border-top:1px solid #fff;&.cycle-prev{border-left:1px solid #fff;transform:rotate(-45deg)}
&.cycle-next{border-right:1px solid #fff;transform:rotate(45deg)}
}
ul.carousel{display:block;margin:0;padding:0;color:#fff}
.carousel .carousel-text,.carousel .carousel-text-2{color:#fff}
.carousel .carousel-text-outer{height:100%;left:0;padding:100px 60px 0 60px;position:absolute;top:0;width:100%}
li.slide-image{min-height:625px;position:relative;.slideinner{height:100%;left:0;position:absolute;top:0;width:100%;background-position:center;background-size:cover}
h1{font-size:16px}
.carousel-text-2 h3{font-size:48px;font-weight:normal;line-height:1.2;margin:0 0 55px 0;max-width:500px}
.carousel-links a{background:#671b67;color:#fff;display:inline-block;font-family:trade gothic w01 bold;font-size:16px;font-weight:700;line-height:35px;padding:6px 30px;text-decoration:none;text-transform:uppercase;transition:all .3s}
}
.carousel-pager-wrapper{padding:0 60px 60px 60px;position:absolute;bottom:60px;width:100%;left:0;.hiddentitles{display:flex;list-style:none;margin:0 -15px 20px -15px;padding:0;position:static;left:0;width:~"calc(___YUICSSMIN_PRESERVED_TOKEN_0___)";>li{width:100%;color:#fff;padding:0 15px;display:flex;justify-content:flex-start;align-items:flex-end;font-size:14px;font-weight:700}
}
.slick-dots{list-style:none;margin:0 -15px;padding:0;display:flex;position:static;width:~"calc(___YUICSSMIN_PRESERVED_TOKEN_1___)";>li{height:auto;margin:0;padding:0 15px;width:100%;button{background-color:transparent;width:100%;height:auto;border-top:2px solid #fff;position:relative;&:before{width:0;height:2px;background-color:#671b67;left:0;opacity:1;top:-2px;transition:width 0 ease}
}
&.slick-active{button{&:before{width:100%;transition:width 5s ease}
}
}
}
}
}
@media(max-width:1024px){.carousel .carousel-text-outer{padding:100px 30px 0 30px}
.carousel-pager-wrapper{padding:0 30px 60px 30px}
}
@media(max-width:640px){li.slide-image .carousel-text-2 h3{font-size:24px;line-height:26px}
.carousel-pager-wrapper .hiddentitles{display:none}
}
}
.cc-carousel{visibility:hidden;&.cc-visible{visibility:visible}
.slick-slide{position:relative}
&-img{min-height:625px;overflow:hidden;position:relative;z-index:1;img{height:100%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}
&:after{background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(84,84,84,0) 100%);content:'';display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}
}
&-text{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;padding:100px 60px 0 60px;color:#fff;h2{font-size:16px}
&-intro{font-size:48px;font-weight:normal;line-height:1.2;margin:0 0 55px 0;&,&+p{max-width:500px}
}
a{background:#671b67;color:#fff;display:inline-block;font-family:trade gothic w01 bold;font-size:16px;font-weight:700;line-height:35px;padding:6px 30px;text-decoration:none;text-transform:uppercase;transition:all .3s}
}
.slick-arrow{top:auto;bottom:140px;width:18px;height:18px;border-top:1px solid #fff;z-index:3;&::before,&::after{display:none}
&.slick-prev{left:60px;border-left:1px solid #fff;transform:rotate(-45deg)}
&.slick-next{left:100px;right:auto;border-right:1px solid #fff;transform:rotate(45deg)}
}
dialog{background-color:transparent;border:0;max-width:800px;padding:40px;width:100%;z-index:99;&::backdrop{background-color:rgba(0,0,0,0.85)}
.cc-carousel-video{position:relative;height:0;padding-bottom:56.25%;width:100%;iframe{height:100%;width:100%;position:absolute;top:0;left:0}
&-close{background-color:transparent;border:0;cursor:pointer;height:40px;position:absolute;right:-40px;top:-40px;width:40px;&::before,&::after{background-color:#fff;content:'';display:block;height:1px;left:0;top:50%;width:100%}
&::before{transform:translate(0,-50%) rotate(-45deg)}
&::after{transform:translate(0,-50%) rotate(45deg)}
}
}
}
.slick-dots{position:absolute;display:flex;justify-content:space-between;align-items:center;margin:0 -15px;padding:0;width:~"calc(___YUICSSMIN_PRESERVED_TOKEN_2___)";bottom:60px;left:60px;li{height:auto;margin:0;padding:0 15px;width:100%;transition:width 300ms ease}
button{display:block;width:100%;text-align:left;cursor:pointer;color:#fff;background-color:transparent;font-size:16px;font-family:trade gothic w01 bold;// border-bottom:1px solid #fff;padding:0 0 16px 0;position:relative;&:before{bottom:0;content:'';display:block;height:1px;left:0;position:absolute;transition-property:width;transition-timing-function:ease;width:100%;background:#fff;z-index:1;opacity:1;line-height:normal;top:auto}
span{bottom:0;display:block;height:1px;left:0;position:absolute;transition-property:width;transition-timing-function:ease;width:0;background:#671b67;z-index:2;visibility:hidden}
}
li.slick-active{width:130px;button{background-color:transparent;color:transparent;span{visibility:visible;width:100%}
}
}
}
}
@media(max-width:1024px){.cc-carousel-text{padding:60px 30px 0 30px}
.cc-carousel .slick-arrow.slick-prev{left:30px}
.cc-carousel .slick-arrow.slick-next{left:70px}
.cc-carousel .slick-dots{left:30px;width:~"calc(___YUICSSMIN_PRESERVED_TOKEN_3___)"}
}
@media(max-width:640px){.cc-carousel-text-intro{font-size:24px;line-height:28px}
.cc-carousel .slick-dots button{color:transparent;font-size:0}
}
.investment-case .html:has(.oar-mr-wrap){flex:1;.oar-mr-wrap{padding:40px;position:relative;margin-bottom:80px;@media screen and (max-width:600px){padding:40px 10px 0}
&::before,&::after{content:"";position:absolute;top:0;background-repeat:no-repeat;height:100%;width:55px;left:-20px;background-image:url("clientlibs/styles/generated/@{imgPath}/mask-side.svg");background-repeat:no-repeat;background-size:cover;@media screen and (max-width:1200px){left:-30px;content:none}
}
&::after{right:-20px;left:auto;transform:scale(-1);@media screen and (max-width:1200px){right:-30px}
}
h2{font-family:@titleFont;.font-size(10);font-weight:normal;@media screen and (max-width:600px){.font-size(6)}
}
.content-wrapper{overflow:hidden;>h3{.widthContainer()}
}
h3{font-family:"Trade Gothic W01 Bold"}
.chart-wrapper{position:relative}
.min-wrapper{max-width:@content-width/2 - 30px;margin:0 0 0 auto;align-self:center;@media screen and (max-width:840px){max-width:none}
p{font-family:@font-family-regular;&:last-child{margin-bottom:0}
}
}
.oar-mr-chartwrap{margin:0 auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px;@media screen and (max-width:1200px){flex-direction:column}
>*{flex:1;width:100%}
@media screen and (max-width:1200px){margin-left:20px}
@media screen and (max-width:1024px){margin-left:0}
@media screen and (max-width:840px){margin:0 auto 60px}
@media screen and (max-width:600px){margin:0}
h3{font-family:"Trade Gothic W01 Bold";font-size:22px;line-height:24px;margin:0 0 40px 0;text-align:center}
}
.oar-mr-chart{height:0;padding-bottom:100%;position:relative;img{height:93%;left:50%;position:absolute;top:50%;width:100%;z-index:10;transform:translate(-50%,-50%);@media screen and (max-width:840px){height:96%;top:51%}
}
.oar-chart-info{left:50%;position:absolute;text-align:center;top:53%;transform:translate(-50%,-50%);z-index:10;h3{font-family:"Trade Gothic W01 Bold";font-size:48px;line-height:1;margin-bottom:5px;@media screen and (max-width:600px){.font-size(3.6)}
}
p{margin:0;@media screen and (max-width:600px){.font-size(1.6)}
}
}
.oar-chart-parent{height:100%;left:0;// padding:30px;position:absolute;top:0;width:100%;z-index:5;&.oar-chart-front{padding:50px;z-index:7;@media screen and (max-width:600px){padding:30px}
}
}
}
.oar-chart-legend{flex:0 0 20%;p{font-size:11px;line-height:13px;margin:0}
}
.oar-chart-legendgrid{display:flex;justify-content:space-between;margin:50px 0;flex-direction:column;@media screen and (max-width:1200px){flex-direction:row;margin-top:0}
@media screen and (max-width:600px){margin-bottom:0}
>div{font-size:14px;line-height:1;position:relative;display:flex;align-items:center;margin:10px 0;@media screen and (max-width:1024px){margin-left:0}
@media screen and (max-width:600px){font-size:12px}
span{display:block;height:32px;width:32px;flex:0 0 32px;margin-right:10px;@media screen and (max-width:600px){height:24px;width:24px;flex:0 0 24px;margin-right:5px}
}
}
}
.oar-mr-grid{display:flex;flex-wrap:wrap;gap:40px;// margin:70px -30px 0 -30px;@media screen and (max-width:840px){flex-direction:column-reverse}
>div{flex:1;&:first-child{width:38%;flex:none;align-self:center;@media screen and (max-width:840px){width:100%}
}
}
}
}
}
@media screen and (max-width:840px){.investment-case .parsys_column.column-2{flex-wrap:wrap;[class*="-c"]{width:100%;flex:none !important}
}
}