/* ===================================================================== */ /* ======================== DESKTOP VERSION ============================ */ /* ===================================================================== */ /* Universal */ body{ background: #F9F7F6; } /* End Universal */ /* Font Link */ @font-face{font-family:"SchibstedGrotesk-Black";src: url(../fonts/SchibstedGrotesk/SchibstedGrotesk-Black.otf) format("opentype");} @font-face{font-family:"SchibstedGrotesk-BlackItalic";src: url(../fonts/SchibstedGrotesk/SchibstedGrotesk-BlackItalic.otf) format("opentype");} @font-face{font-family:"SchibstedGrotesk-Bold";src: url(../fonts/SchibstedGrotesk/SchibstedGrotesk-Bold.otf) format("opentype");} @font-face{font-family:"SchibstedGrotesk-BoldItalic";src: url(../fonts/SchibstedGrotesk/SchibstedGrotesk-BoldItalic.otf) format("opentype");} @font-face{font-family:"SchibstedGrotesk-ExtraBold";src: url(../fonts/SchibstedGrotesk/SchibstedGrotesk-ExtraBold.otf) format("opentype");} @font-face{font-family:"SchibstedGrotesk-ExtraBoldItalic";src: url(../fonts/SchibstedGrotesk/SchibstedGrotesk-ExtraBoldItalic.otf) format("opentype");} @font-face{font-family:"SchibstedGrotesk-Italic";src: url(../fonts/SchibstedGrotesk/SchibstedGrotesk-Italic.otf) format("opentype");} @font-face{font-family:"SchibstedGrotesk-Medium";src: url(../fonts/SchibstedGrotesk/SchibstedGrotesk-Medium.otf) format("opentype");} @font-face{font-family:"SchibstedGrotesk-MediumItalic";src: url(../fonts/SchibstedGrotesk/SchibstedGrotesk-MediumItalic.otf) format("opentype");} @font-face{font-family:"SchibstedGrotesk-Regular";src: url(../fonts/SchibstedGrotesk/SchibstedGrotesk-Regular.otf) format("opentype");} @font-face{font-family:"SchibstedGrotesk-SemiBold";src: url(../fonts/SchibstedGrotesk/SchibstedGrotesk-SemiBold.otf) format("opentype");} @font-face{font-family:"SchibstedGrotesk-SemiBoldItalic";src: url(../fonts/SchibstedGrotesk/SchibstedGrotesk-SemiBoldItalic.otf) format("opentype");} @font-face{font-family:"SFProText-Light";src: url(../fonts/SFProText/SFProText-Light.otf) format("opentype");} @font-face{font-family:"Namian-Black";src: url(../fonts/Namian/Namian-Black.ttf) format("truetype");} @font-face{font-family:"Namian-BlackItalic";src: url(../fonts/Namian/Namian-BlackItalic.ttf) format("truetype");} @font-face{font-family:"Namian-Bold";src: url(../fonts/Namian/Namian-Bold.ttf) format("truetype");} @font-face{font-family:"Namian-BoldItalic";src: url(../fonts/Namian/Namian-BoldItalic.ttf) format("truetype");} @font-face{font-family:"Namian-ExtraBold";src: url(../fonts/Namian/Namian-ExtraBold.ttf) format("truetype");} @font-face{font-family:"Namian-ExtraBoldItalic";src: url(../fonts/Namian/Namian-ExtraBoldItalic.ttf) format("truetype");} @font-face{font-family:"Namian-Light";src: url(../fonts/Namian/Namian-Light.ttf) format("truetype");} @font-face{font-family:"Namian-LightItalic";src: url(../fonts/Namian/Namian-LightItalic.ttf) format("truetype");} @font-face{font-family:"Namian-Medium";src: url(../fonts/Namian/Namian-Medium.ttf) format("truetype");} @font-face{font-family:"Namian-MediumItalic";src: url(../fonts/Namian/Namian-MediumItalic.ttf) format("truetype");} @font-face{font-family:"Namian-Regular";src: url(../fonts/Namian/Namian-Regular.ttf) format("truetype");} @font-face{font-family:"Namian-RegularItalic";src: url(../fonts/Namian/Namian-RegularItalic.ttf) format("truetype");} @font-face{font-family:"Namian-SemiBold";src: url(../fonts/Namian/Namian-SemiBold.ttf) format("truetype");} @font-face{font-family:"Namian-SemiBoldItalic";src: url(../fonts/Namian/Namian-SemiBoldItalic.ttf) format("truetype");} .csfontsize-lg-196px{font-size:11vw !important;line-height:22vh !important;letter-spacing:0 !important;} .csfontsize-lg-64px{font-size:4.16vw !important;line-height:8.5vh !important;letter-spacing:0 !important;} .csfontsize-lg-50px{font-size:3.3vw !important;line-height:7vh !important;letter-spacing:0 !important;} .csfontsize-lg-40px{font-size:2.61vw !important;line-height:6vh !important;letter-spacing:0 !important;} .csfontsize-lg-32px{font-size:2.09vw !important;line-height:4.8vh !important;letter-spacing:0 !important;} .csfontsize-lg-24px{font-size:1.56vw !important;line-height:3.8vh !important;letter-spacing:0 !important;} .csfontsize-lg-20px{font-size:1.3vw !important;line-height:4vh !important;letter-spacing:0 !important;} .csfontsize-lg-16px{font-size:1.05vw !important;line-height:3.8vh !important;letter-spacing:0 !important;} .csfontsize-lg-14px{font-size:0.91vw !important;line-height:1.9vh !important;letter-spacing:0 !important;} .csfontsize-lg-12px{font-size:0.75vw !important;line-height:1.7vh !important;letter-spacing:0 !important;} .csfontsize-lg-10px{font-size:0.65vw !important;line-height:1.5vh !important;letter-spacing:0 !important;} .cslineheight-lg-3vh{line-height:3vh !important;} .cslineheight-lg-3p5vh{line-height:3.5vh !important;} .cslineheight-lg-4vh{line-height:4vh !important;} .csletterspacing-lg-0p05vw{letter-spacing:0.05vw !important;} .csfontfamiliy-SchibstedGrotesk-Black{font-family:"SchibstedGrotesk-Black" !important;} .csfontfamiliy-SchibstedGrotesk-BlackItalic{font-family:"SchibstedGrotesk-BlackItalic" !important;} .csfontfamiliy-SchibstedGrotesk-Bold{font-family:"SchibstedGrotesk-Bold" !important;} .csfontfamiliy-SchibstedGrotesk-BoldItalic{font-family:"SchibstedGrotesk-BoldItalic" !important;} .csfontfamiliy-SchibstedGrotesk-ExtraBold{font-family:"SchibstedGrotesk-ExtraBold" !important;} .csfontfamiliy-SchibstedGrotesk-ExtraBoldItalic{font-family:"SchibstedGrotesk-ExtraBoldItalic" !important;} .csfontfamiliy-SchibstedGrotesk-Italic{font-family:"SchibstedGrotesk-Italic" !important;} .csfontfamiliy-SchibstedGrotesk-Medium{font-family:"SchibstedGrotesk-Medium" !important;} .csfontfamiliy-SchibstedGrotesk-MediumItalic{font-family:"SchibstedGrotesk-MediumItalic" !important;} .csfontfamiliy-SchibstedGrotesk-Regular{font-family:"SchibstedGrotesk-Regular" !important;} .csfontfamiliy-SchibstedGrotesk-SemiBold{font-family:"SchibstedGrotesk-SemiBold" !important;} .csfontfamiliy-SchibstedGrotesk-SemiBoldItalic{font-family:"SchibstedGrotesk-SemiBoldItalic" !important;} .csfontfamiliy-SFProText-Light{font-family:"SFProText-Light" !important;} .csfontfamiliy-Namian-Black{font-family:"Namian-Black" !important;} .csfontfamiliy-Namian-BlackItalic{font-family:"Namian-BlackItalic" !important;} .csfontfamiliy-Namian-Bold{font-family:"Namian-Bold" !important;} .csfontfamiliy-Namian-BoldItalic{font-family:"Namian-BoldItalic" !important;} .csfontfamiliy-Namian-ExtraBold{font-family:"Namian-ExtraBold" !important;} .csfontfamiliy-Namian-ExtraBoldItalic{font-family:"Namian-ExtraBoldItalic" !important;} .csfontfamiliy-Namian-Light{font-family:"Namian-Light" !important;} .csfontfamiliy-Namian-LightItalic{font-family:"Namian-LightItalic" !important;} .csfontfamiliy-Namian-Medium{font-family:"Namian-Medium" !important;} .csfontfamiliy-Namian-MediumItalic{font-family:"Namian-MediumItalic" !important;} .csfontfamiliy-Namian-Regular{font-family:"Namian-Regular" !important;} .csfontfamiliy-Namian-RegularItalic{font-family:"Namian-RegularItalic" !important;} .csfontfamiliy-Namian-SemiBold{font-family:"Namian-SemiBold" !important;} .csfontfamiliy-Namian-SemiBoldItalic{font-family:"Namian-SemiBoldItalic" !important;} /* End Font Link */ /* Text, Color, Background, Shadow, Image */ h1,.csheadings-lg-h1,.csheadings-lg-h1 h1,.csheadings-lg-h1 h2,.csheadings-lg-h1 h3,.csheadings-lg-h1 h4,.csheadings-lg-h1 h5,.csheadings-lg-h1 h6,.csheadings-lg-h1 p,.csheadings-lg-h1 a,.csheadings-lg-h1 label,.csheadings-lg-h1 th,.csheadings-lg-h1 td,.csheadings-lg-h1 span,.csheadings-lg-h1 li,.csheadings-lg-h1 input,.csheadings-lg-h1 textarea{font-family:"Namian-Regular" !important;font-size:3.8vw !important;line-height:8vh !important;letter-spacing:0 !important;} h2,.csheadings-lg-h2,.csheadings-lg-h2 h1,.csheadings-lg-h2 h2,.csheadings-lg-h2 h3,.csheadings-lg-h2 h4,.csheadings-lg-h2 h5,.csheadings-lg-h2 h6,.csheadings-lg-h2 p,.csheadings-lg-h2 a,.csheadings-lg-h2 label,.csheadings-lg-h2 th,.csheadings-lg-h2 td,.csheadings-lg-h2 span,.csheadings-lg-h2 li,.csheadings-lg-h2 input,.csheadings-lg-h2 textarea{font-family:"Namian-Regular" !important;font-size:2.61vw !important;line-height:6vh !important;letter-spacing:0 !important;} h2,.csheadings-lg-h2new,.csheadings-lg-h2new h1,.csheadings-lg-h2new h2,.csheadings-lg-h2new h3,.csheadings-lg-h2new h4,.csheadings-lg-h2new h5,.csheadings-lg-h2new h6,.csheadings-lg-h2new p,.csheadings-lg-h2new a,.csheadings-lg-h2new label,.csheadings-lg-h2new th,.csheadings-lg-h2new td,.csheadings-lg-h2new span,.csheadings-lg-h2new li,.csheadings-lg-h2new input,.csheadings-lg-h2new textarea{font-family:"Namian-Regular" !important;font-size:2.09vw !important;line-height:4.8vh !important;letter-spacing:0 !important;} h3,.cssubhead-lg-s1,.cssubhead-lg-s1 h1,.cssubhead-lg-s1 h2,.cssubhead-lg-s1 h3,.cssubhead-lg-s1 h4,.cssubhead-lg-s1 h5,.cssubhead-lg-s1 h6,.cssubhead-lg-s1 p,.cssubhead-lg-s1 a,.cssubhead-lg-s1 label,.cssubhead-lg-s1 th,.cssubhead-lg-s1 td,.cssubhead-lg-s1 span,.cssubhead-lg-s1 li,.cssubhead-lg-s1 input,.cssubhead-lg-s1 textarea{font-family:"SchibstedGrotesk-Regular" !important;font-size:2.09vw !important;line-height:4.8vh !important;letter-spacing:0 !important;} h3,.cssubhead-lg-s1new,.cssubhead-lg-s1new h1,.cssubhead-lg-s1new h2,.cssubhead-lg-s1new h3,.cssubhead-lg-s1new h4,.cssubhead-lg-s1new h5,.cssubhead-lg-s1new h6,.cssubhead-lg-s1new p,.cssubhead-lg-s1new a,.cssubhead-lg-s1new label,.cssubhead-lg-s1new th,.cssubhead-lg-s1new td,.cssubhead-lg-s1new span,.cssubhead-lg-s1new li,.cssubhead-lg-s1new input,.cssubhead-lg-s1new textarea{font-family:"SchibstedGrotesk-Regular" !important;font-size:1.56vw !important;line-height:3.8vh !important;letter-spacing:0 !important;} h4,.cssubhead-lg-s2,.cssubhead-lg-s2 h1,.cssubhead-lg-s2 h2,.cssubhead-lg-s2 h3,.cssubhead-lg-s2 h4,.cssubhead-lg-s2 h5,.cssubhead-lg-s2 h6,.cssubhead-lg-s2 p,.cssubhead-lg-s2 a,.cssubhead-lg-s2 label,.cssubhead-lg-s2 th,.cssubhead-lg-s2 td,.cssubhead-lg-s2 span,.cssubhead-lg-s2 li,.cssubhead-lg-s2 input,.cssubhead-lg-s2 textarea{font-family:"SchibstedGrotesk-Regular" !important;font-size:1.56vw !important;line-height:3.8vh !important;letter-spacing:0 !important;} h4,.cssubhead-lg-s2new,.cssubhead-lg-s2new h1,.cssubhead-lg-s2new h2,.cssubhead-lg-s2new h3,.cssubhead-lg-s2new h4,.cssubhead-lg-s2new h5,.cssubhead-lg-s2new h6,.cssubhead-lg-s2new p,.cssubhead-lg-s2new a,.cssubhead-lg-s2new label,.cssubhead-lg-s2new th,.cssubhead-lg-s2new td,.cssubhead-lg-s2new span,.cssubhead-lg-s2new li,.cssubhead-lg-s2new input,.cssubhead-lg-s2new textarea{font-family:"SchibstedGrotesk-Regular" !important;font-size:1.3vw !important;line-height:2.7vh !important;letter-spacing:0 !important;} p,a,label,th,td,span,li,input,textarea,.csbody-lg-regular,.csbody-lg-regular h1,.csbody-lg-regular h2,.csbody-lg-regular h3,.csbody-lg-regular h4,.csbody-lg-regular h5,.csbody-lg-regular h6,.csbody-lg-regular p,.csbody-lg-regular a,.csbody-lg-regular label,.csbody-lg-regular th,.csbody-lg-regular td,.csbody-lg-regular span,.csbody-lg-regular li,.csbody-lg-regular input,.csbody-lg-regular textarea{font-family:"SchibstedGrotesk-Regular" !important;font-size:1.3vw !important;line-height:2.7vh !important;letter-spacing:0 !important;} .csbody-lg-regularnew,.csbody-lg-regularnew h1,.csbody-lg-regularnew h2,.csbody-lg-regularnew h3,.csbody-lg-regularnew h4,.csbody-lg-regularnew h5,.csbody-lg-regularnew h6,.csbody-lg-regularnew p,.csbody-lg-regularnew a,.csbody-lg-regularnew label,.csbody-lg-regularnew th,.csbody-lg-regularnew td,.csbody-lg-regularnew span,.csbody-lg-regularnew li,.csbody-lg-regularnew input,.csbody-lg-regularnew textarea{font-family:"SchibstedGrotesk-Regular" !important;font-size:1.05vw !important;line-height:3.8vh !important;letter-spacing:0 !important;} .csbutton-lg-regular,.csbutton-lg-regular h1,.csbutton-lg-regular h2,.csbutton-lg-regular h3,.csbutton-lg-regular h4,.csbutton-lg-regular h5,.csbutton-lg-regular h6,.csbutton-lg-regular p,.csbutton-lg-regular a,.csbutton-lg-regular label,.csbutton-lg-regular th,.csbutton-lg-regular td,.csbutton-lg-regular span,.csbutton-lg-regular li,.csbutton-lg-regular input,.csbutton-lg-regular textarea{font-family:"Namian-Regular" !important;font-size:1.3vw !important;line-height:2.7vh !important;letter-spacing:0 !important;} .csbutton-lg-regularnew,.csbutton-lg-regularnew h1,.csbutton-lg-regularnew h2,.csbutton-lg-regularnew h3,.csbutton-lg-regularnew h4,.csbutton-lg-regularnew h5,.csbutton-lg-regularnew h6,.csbutton-lg-regularnew p,.csbutton-lg-regularnew a,.csbutton-lg-regularnew label,.csbutton-lg-regularnew th,.csbutton-lg-regularnew td,.csbutton-lg-regularnew span,.csbutton-lg-regularnew li,.csbutton-lg-regularnew input,.csbutton-lg-regularnew textarea{font-family:"Namian-Regular" !important;font-size:1.05vw !important;line-height:3.8vh !important;letter-spacing:0 !important;} .cscaption-lg-footnote,.cscaption-lg-footnote h1,.cscaption-lg-footnote h2,.cscaption-lg-footnote h3,.cscaption-lg-footnote h4,.cscaption-lg-footnote h5,.cscaption-lg-footnote h6,.cscaption-lg-footnote p,.cscaption-lg-footnote a,.cscaption-lg-footnote label,.cscaption-lg-footnote th,.cscaption-lg-footnote td,.cscaption-lg-footnote span,.cscaption-lg-footnote li,.cscaption-lg-footnote input,.cscaption-lg-footnote textarea{font-family:"SchibstedGrotesk-Medium" !important;font-size:1.05vw !important;line-height:3.8vh !important;letter-spacing:0 !important;} .cscaption-lg-small,.cscaption-lg-small h1,.cscaption-lg-small h2,.cscaption-lg-small h3,.cscaption-lg-small h4,.cscaption-lg-small h5,.cscaption-lg-small h6,.cscaption-lg-small p,.cscaption-lg-small a,.cscaption-lg-small label,.cscaption-lg-small th,.cscaption-lg-small td,.cscaption-lg-small span,.cscaption-lg-small li,.cscaption-lg-small input,.cscaption-lg-small textarea{font-family:"SchibstedGrotesk-Regular" !important;font-size:1.05vw !important;line-height:3.8vh !important;letter-spacing:0 !important;} .csbutton-lg-bold,.csbutton-lg-bold h1,.csbutton-lg-bold h2,.csbutton-lg-bold h3,.csbutton-lg-bold h4,.csbutton-lg-bold h5,.csbutton-lg-bold h6,.csbutton-lg-bold p,.csbutton-lg-bold a,.csbutton-lg-bold label,.csbutton-lg-bold th,.csbutton-lg-bold td,.csbutton-lg-bold span,.csbutton-lg-bold li,.csbutton-lg-bold input,.csbutton-lg-bold textarea{font-family:"Namian-Bold" !important;font-size:1.3vw !important;line-height:2.7vh !important;letter-spacing:0 !important;} h1, h2, h3, h4, h5, h6{color: #000000;} h5, h6{font-family: "SchibstedGrotesk-Regular" !important;} p,a,label,th,td,span,li,input,textarea{color: #000000;} p,main.detail-page p,main.detail-page a,main.detail-page label,main.detail-page th,main.detail-page td,main.detail-page span,main.detail-page li,main.detail-page input,main.detail-page textarea{text-align: justify;} a,a:hover,a[data-toggle="collapse"]{color: #000000;} a:hover{color: #EB522C !important;} .csfontweight-lg-unset{font-weight: unset !important;} .business-introduction-section, .business-specification-section, .business-range-size-section, .business-success-stories-section{min-height: 70vh;} article h3{font-family:"SchibstedGrotesk-bold" !important;font-size:1.05vw !important;line-height:3.5vh !important;letter-spacing:0 !important;text-align: justify !important;} article p,article a,article li{font-family:"SchibstedGrotesk-Regular" !important;font-size:1.05vw !important;line-height:3.5vh !important;letter-spacing:0 !important;} article a{text-decoration: underline !important;} article ul{margin:0;padding-left:15px;} article ol{margin:0;padding-left:25px;} article img{margin: 0 auto;width: 100%;max-width: 100%;height: auto; /* max-height: 50vh;object-fit: cover;object-position: center; */ } iframe{width: 100%;height: 100%;} .cscolor-lg-white,.cscolor-lg-white p,.cscolor-lg-white a,.cscolor-lg-white label,.cscolor-lg-white th,.cscolor-lg-white td,.cscolor-lg-white span,.cscolor-lg-white li,.cscolor-lg-white input,.cscolor-lg-white textarea{color:#F9F7F6 !important;} .cscolor-lg-black,.cscolor-lg-black p,.cscolor-lg-black a,.cscolor-lg-black label,.cscolor-lg-black th,.cscolor-lg-black td,.cscolor-lg-black span,.cscolor-lg-black li,.cscolor-lg-black input,.cscolor-lg-black textarea{color:#000000 !important;} .cscolor-lg-mono-white,.cscolor-lg-mono-white p,.cscolor-lg-mono-white a,.cscolor-lg-mono-white label,.cscolor-lg-mono-white th,.cscolor-lg-mono-white td,.cscolor-lg-mono-white span,.cscolor-lg-mono-white li,.cscolor-lg-mono-white input,.cscolor-lg-mono-white textarea{color:#FCFBFB !important;} .cscolor-lg-mono-black,.cscolor-lg-mono-black p,.cscolor-lg-mono-black a,.cscolor-lg-mono-black label,.cscolor-lg-mono-black th,.cscolor-lg-mono-black td,.cscolor-lg-mono-black span,.cscolor-lg-mono-black li,.cscolor-lg-mono-black input,.cscolor-lg-mono-black textarea{color:#2C303C !important;} .cscolor-lg-mono-gray,.cscolor-lg-mono-gray p,.cscolor-lg-mono-gray a,.cscolor-lg-mono-gray label,.cscolor-lg-mono-gray th,.cscolor-lg-mono-gray td,.cscolor-lg-mono-gray span,.cscolor-lg-mono-gray li,.cscolor-lg-mono-gray input,.cscolor-lg-mono-gray textarea{color:#C6C6C6 !important;} .cscolor-lg-davy-gray,.cscolor-lg-davy-gray p,.cscolor-lg-davy-gray a,.cscolor-lg-davy-gray label,.cscolor-lg-davy-gray th,.cscolor-lg-davy-gray td,.cscolor-lg-davy-gray span,.cscolor-lg-davy-gray li,.cscolor-lg-davy-gray input,.cscolor-lg-davy-gray textarea{color:#78787A !important;} .cscolor-lg-dark-grey,.cscolor-lg-dark-grey p,.cscolor-lg-dark-grey a,.cscolor-lg-dark-grey label,.cscolor-lg-dark-grey th,.cscolor-lg-dark-grey td,.cscolor-lg-dark-grey span,.cscolor-lg-dark-grey li,.cscolor-lg-dark-grey input,.cscolor-lg-dark-grey textarea{color:#58595B !important;} .cscolor-lg-orange-10,.cscolor-lg-orange-10 p,.cscolor-lg-orange-10 a,.cscolor-lg-orange-10 label,.cscolor-lg-orange-10 th,.cscolor-lg-orange-10 td,.cscolor-lg-orange-10 span,.cscolor-lg-orange-10 li,.cscolor-lg-orange-10 input,.cscolor-lg-orange-10 textarea{color:#FFF0E6 !important;} .cscolor-lg-orange-40,.cscolor-lg-orange-40 p,.cscolor-lg-orange-40 a,.cscolor-lg-orange-40 label,.cscolor-lg-orange-40 th,.cscolor-lg-orange-40 td,.cscolor-lg-orange-40 span,.cscolor-lg-orange-40 li,.cscolor-lg-orange-40 input,.cscolor-lg-orange-40 textarea{color:#FFC299 !important;} .cscolor-lg-orange-mid,.cscolor-lg-orange-mid p,.cscolor-lg-orange-mid a,.cscolor-lg-orange-mid label,.cscolor-lg-orange-mid th,.cscolor-lg-orange-mid td,.cscolor-lg-orange-mid span,.cscolor-lg-orange-mid li,.cscolor-lg-orange-mid input,.cscolor-lg-orange-mid textarea{color:#EB522C !important;} .cscolor-lg-orange-75,.cscolor-lg-orange-75 p,.cscolor-lg-orange-75 a,.cscolor-lg-orange-75 label,.cscolor-lg-orange-75 th,.cscolor-lg-orange-75 td,.cscolor-lg-orange-75 span,.cscolor-lg-orange-75 li,.cscolor-lg-orange-75 input,.cscolor-lg-orange-75 textarea{color:#AA2B27 !important;} .cscolor-lg-orange-90,.cscolor-lg-orange-90 p,.cscolor-lg-orange-90 a,.cscolor-lg-orange-90 label,.cscolor-lg-orange-90 th,.cscolor-lg-orange-90 td,.cscolor-lg-orange-90 span,.cscolor-lg-orange-90 li,.cscolor-lg-orange-90 input,.cscolor-lg-orange-90 textarea{color:#1A0A00 !important;} .cscolor-lg-green-10,.cscolor-lg-green-10 p,.cscolor-lg-green-10 a,.cscolor-lg-green-10 label,.cscolor-lg-green-10 th,.cscolor-lg-green-10 td,.cscolor-lg-green-10 span,.cscolor-lg-green-10 li,.cscolor-lg-green-10 input,.cscolor-lg-green-10 textarea{color:#E5F7ED !important;} .cscolor-lg-green-40,.cscolor-lg-green-40 p,.cscolor-lg-green-40 a,.cscolor-lg-green-40 label,.cscolor-lg-green-40 th,.cscolor-lg-green-40 td,.cscolor-lg-green-40 span,.cscolor-lg-green-40 li,.cscolor-lg-green-40 input,.cscolor-lg-green-40 textarea{color:#99DEB6 !important;} .cscolor-lg-green-mid,.cscolor-lg-green-mid p,.cscolor-lg-green-mid a,.cscolor-lg-green-mid label,.cscolor-lg-green-mid th,.cscolor-lg-green-mid td,.cscolor-lg-green-mid span,.cscolor-lg-green-mid li,.cscolor-lg-green-mid input,.cscolor-lg-green-mid textarea{color:#00AD49 !important;} .cscolor-lg-green-75,.cscolor-lg-green-75 p,.cscolor-lg-green-75 a,.cscolor-lg-green-75 label,.cscolor-lg-green-75 th,.cscolor-lg-green-75 td,.cscolor-lg-green-75 span,.cscolor-lg-green-75 li,.cscolor-lg-green-75 input,.cscolor-lg-green-75 textarea{color:#00451D !important;} .cscolor-lg-green-90,.cscolor-lg-green-90 p,.cscolor-lg-green-90 a,.cscolor-lg-green-90 label,.cscolor-lg-green-90 th,.cscolor-lg-green-90 td,.cscolor-lg-green-90 span,.cscolor-lg-green-90 li,.cscolor-lg-green-90 input,.cscolor-lg-green-90 textarea{color:#001107 !important;} .cscolor-lg-blue-10,.cscolor-lg-blue-10 p,.cscolor-lg-blue-10 a,.cscolor-lg-blue-10 label,.cscolor-lg-blue-10 th,.cscolor-lg-blue-10 td,.cscolor-lg-blue-10 span,.cscolor-lg-blue-10 li,.cscolor-lg-blue-10 input,.cscolor-lg-blue-10 textarea{color:#E9F2F9 !important;} .cscolor-lg-blue-40,.cscolor-lg-blue-40 p,.cscolor-lg-blue-40 a,.cscolor-lg-blue-40 label,.cscolor-lg-blue-40 th,.cscolor-lg-blue-40 td,.cscolor-lg-blue-40 span,.cscolor-lg-blue-40 li,.cscolor-lg-blue-40 input,.cscolor-lg-blue-40 textarea{color:#A8CBE7 !important;} .cscolor-lg-blue-mid,.cscolor-lg-blue-mid p,.cscolor-lg-blue-mid a,.cscolor-lg-blue-mid label,.cscolor-lg-blue-mid th,.cscolor-lg-blue-mid td,.cscolor-lg-blue-mid span,.cscolor-lg-blue-mid li,.cscolor-lg-blue-mid input,.cscolor-lg-blue-mid textarea{color:#4094A4 !important;} .cscolor-lg-blue-75,.cscolor-lg-blue-75 p,.cscolor-lg-blue-75 a,.cscolor-lg-blue-75 label,.cscolor-lg-blue-75 th,.cscolor-lg-blue-75 td,.cscolor-lg-blue-75 span,.cscolor-lg-blue-75 li,.cscolor-lg-blue-75 input,.cscolor-lg-blue-75 textarea{color:#0E4858 !important;} .cscolor-lg-blue-90,.cscolor-lg-blue-90 p,.cscolor-lg-blue-90 a,.cscolor-lg-blue-90 label,.cscolor-lg-blue-90 th,.cscolor-lg-blue-90 td,.cscolor-lg-blue-90 span,.cscolor-lg-blue-90 li,.cscolor-lg-blue-90 input,.cscolor-lg-blue-90 textarea{color:#040D13 !important;} .cscolor-lg-blue-mid50p,.cscolor-lg-blue-mid50p p,.cscolor-lg-blue-mid50p a,.cscolor-lg-blue-mid50p label,.cscolor-lg-blue-mid50p th,.cscolor-lg-blue-mid50p td,.cscolor-lg-blue-mid50p span,.cscolor-lg-blue-mid50p li,.cscolor-lg-blue-mid50p input,.cscolor-lg-blue-mid50p textarea{color:#4094A4 !important;opacity:.5 !important;} .cscolor-lg-blue-80,.cscolor-lg-blue-80 p,.cscolor-lg-blue-80 a,.cscolor-lg-blue-80 label,.cscolor-lg-blue-80 th,.cscolor-lg-blue-80 td,.cscolor-lg-blue-80 span,.cscolor-lg-blue-80 li,.cscolor-lg-blue-80 input,.cscolor-lg-blue-80 textarea{color:#0E4858 !important;} .cscolor-lg-blue-40w30p,.cscolor-lg-blue-40w30p p,.cscolor-lg-blue-40w30p a,.cscolor-lg-blue-40w30p label,.cscolor-lg-blue-40w30p th,.cscolor-lg-blue-40w30p td,.cscolor-lg-blue-40w30p span,.cscolor-lg-blue-40w30p li,.cscolor-lg-blue-40w30p input,.cscolor-lg-blue-40w30p textarea{color:#A8CBE7 !important;opacity:.3 !important;} .cscolor-lg-blue-60,.cscolor-lg-blue-60 p,.cscolor-lg-blue-60 a,.cscolor-lg-blue-60 label,.cscolor-lg-blue-60 th,.cscolor-lg-blue-60 td,.cscolor-lg-blue-60 span,.cscolor-lg-blue-60 li,.cscolor-lg-blue-60 input,.cscolor-lg-blue-60 textarea{color:#2A7B8A !important;} .cscolor-lg-surface-white,.cscolor-lg-surface-white p,.cscolor-lg-surface-white a,.cscolor-lg-surface-white label,.cscolor-lg-surface-white th,.cscolor-lg-surface-white td,.cscolor-lg-surface-white span,.cscolor-lg-surface-white li,.cscolor-lg-surface-white input,.cscolor-lg-surface-white textarea{color:#F9F7F6 !important;} .csbg-lg-white-def{background:#FFFFFF !important;} .csbg-lg-white{background:#F9F7F6 !important;} .csbg-lg-black{background:#000000 !important;} .csbg-lg-mono-white{background:#FCFBFB !important;} .csbg-lg-mono-black{background:#2C303C !important;} .csbg-lg-mono-gray{background:#C6C6C6 !important;} .csbg-lg-davy-gray{background:#78787A !important;} .csbg-lg-dark-grey{background:#58595B !important;} .csbg-lg-orange-10{background:#FFF0E6 !important;} .csbg-lg-orange-40{background:#FFC299 !important;} .csbg-lg-orange-mid{background:#EB522C !important;} .csbg-lg-orange-75{background:#AA2B27 !important;} .csbg-lg-orange-90{background:#1A0A00 !important;} .csbg-lg-green-10{background:#E5F7ED !important;} .csbg-lg-green-40{background:#99DEB6 !important;} .csbg-lg-green-mid{background:#00AD49 !important;} .csbg-lg-green-75{background:#00451D !important;} .csbg-lg-green-90{background:#001107 !important;} .csbg-lg-blue-10{background:#E9F2F9 !important;} .csbg-lg-blue-40{background:#A8CBE7 !important;} .csbg-lg-blue-mid{background:#4094A4 !important;} .csbg-lg-blue-75{background:#0E4858 !important;} .csbg-lg-blue-90{background:#040D13 !important;} .csbg-lg-blue-mid50p{background:#4094A4 !important;opacity:.5 !important;} .csbg-lg-blue-80{background:#0E4858 !important;} .csbg-lg-blue-40w30p{background:#A8CBE7 !important;opacity:.3 !important;} .csbg-lg-blue-60{background:#2A7B8A !important;} .csbg-lg-surface-white{background:#F9F7F6 !important;} .csbdr-lg-blue-40{border: 0.1vh solid #A8CBE7;} .csbdr-lg-mono-gray{border: 0.1vh solid #C6C6C6;} .csbdrs-lg-blue-40{border-left: 0.05vw solid #A8CBE7;} .csbdrb-lg-blue-40{border-bottom: 0.1vh solid #A8CBE7;} .csbdrb-lg-sectiontitle{border-bottom: 0.1vh solid #A8CBE7;} .csbdrb-lg-mono-gray{border-bottom: 0.1vh solid #C6C6C6;} /* End Text, Color, Background, Shadow, Image */ /* Button */ .backtop{ opacity: 0; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); transition: all 100ms cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } .backtop.active{ opacity: 1; transition: all 100ms cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } .backtop:hover{ transition: all 100ms cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } .csbtn-outline-white{ font-family:"Namian-Regular" !important; font-size:1.05vw !important;line-height:2.1vh !important; color: #FCFBFB; background-color: transparent; border: 0.12vw solid #FCFBFB; } .csbtn-outline-black{ font-family:"Namian-Regular" !important; font-size:1.05vw !important;line-height:2.1vh !important; color: #2C303C; background-color: transparent; border: 0.12vw solid #2C303C; } .csbtn-orange-mid{ font-family:"Namian-Regular" !important; font-size:1.05vw !important;line-height:2.1vh !important; color: #FCFBFB; background:#EB522C !important; background: linear-gradient(90deg, rgba(235, 82, 44, 1) 0%, rgba(235, 82, 44, 1) 50%, rgba(235, 82, 44, 1) 100%) !important; border: 0.12vw solid #EB522C; transition: all 5s cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } .csbtn-orange-mid:hover{ background: #EB522C !important; background: linear-gradient(90deg, rgba(235, 82, 44, 1) 0%, rgba(238, 103, 42, 1) 50%, rgba(189, 53, 41, 1) 100%) !important; -webkit-box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.05);-moz-box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.05);box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.15); transition: all 5s cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } .csbtn.csbtn-orange-mid:hover p, .csbtn.csbtn-orange-mid p:hover{ color: #FCFBFB !important; } .csbtn-green-mid{ font-family:"Namian-Regular" !important; font-size:1.05vw !important;line-height:2.1vh !important; color: #FCFBFB; background:#00AD49 !important; border: 0.12vw solid #00AD49; } .csbtn-outline-mono-gray{ font-family:"Namian-Regular" !important; font-size:1.05vw !important;line-height:2.1vh !important; color: #2C303C !important; background: transparent !important; border: 0.12vw solid #C6C6C6 !important; transition: all .5s cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } .csbtn-outline-mono-gray:hover{ background: #FFF0E6 !important; -webkit-box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.05);-moz-box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.05);box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.15); transition: all .5s cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } .csbtn-outline-mono-gray:hover p{ color: #2C303C !important; transition: all .5s cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } .csbtn-white{ font-family:"Namian-Regular" !important; font-size:1.05vw !important;line-height:2.1vh !important; color: #2C303C; background: #FCFBFB !important; border: 0.12vw solid #FCFBFB !important; transition: all .5s cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } .csbtn-white:hover{ background: #FFF0E6 !important; -webkit-box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.05);-moz-box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.05);box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.15); transition: all .5s cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } .csbtn-outline-mono-black{ font-family:"Namian-Regular" !important; font-size:1.05vw !important;line-height:2.1vh !important; color: #2C303C; background: #FCFBFB !important; border: 0.12vw solid #2C303C !important; transition: all .5s cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } .csbtn-outline-mono-black:hover{ border: 0.12vw solid #EB522C !important; -webkit-box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.05);-moz-box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.05);box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.15); transition: all .5s cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } .csbtn-outline-mono-black:hover p{ color: #EB522C !important; transition: all .5s cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } .csbtn-burger{ width: 6.5vw; font-family:"Namian-Regular" !important; font-size:1.05vw !important;line-height:2.1vh !important; color: #FCFBFB; background:#EB522C !important; background: linear-gradient(90deg, rgba(235, 82, 44, 1) 0%, rgba(235, 82, 44, 1) 50%, rgba(235, 82, 44, 1) 100%) !important; transition: all 5s cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } .csbtn-burger:hover{ background: #EB522C !important; background: linear-gradient(90deg, rgba(235, 82, 44, 1) 0%, rgba(238, 103, 42, 1) 50%, rgba(189, 53, 41, 1) 100%) !important; transition: all 5s cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } /* End Button */ /* Carousel */ .owl-dots .owl-dot span{background: #FCFBFB !important;} .owl-dots .owl-dot.active span{background: #EB522C !important;} .owl-dots .owl-dot:hover span{background: #EB522C !important;} .owl-nav button,.owl-nav button:focus,.nav-slider-left,.nav-slider-right{background: #EB522C !important;transition: all .5s !important;} .owl-nav button:hover,.nav-slider-left:hover,.nav-slider-right:hover{background: #A8CBE7 !important;transition: all .5s !important;} .owl-nav-def .owl-dots{display: none;} .owl-nav-def .owl-nav{top: unset;bottom: 4vh;transform: unset;left: unset;right: 2vw;width: 9vw;} /* End Carousel */ /* Position */ .dflex-lg-unset{display: unset !important;} .csposrel-lg-unset{position: unset !important;} .cspdt-lg-1p5vh{padding-top: 1.5vh !important;} .cspost-lg-3p6vh{top: 3.6vh !important;} .cspdt-lg-2p5vh{padding-top: 2.5vh !important;} .cspdb-lg-2p5vh{padding-bottom: 2.5vh !important;} .cspdb-lg-1p5vh{padding-bottom: 1.5vh !important;} /* End Position */ /* Margin */ .csmgt-lg-m8vh{margin-top: -8vh !important;} .csmgt-lg-m10vh{margin-top: -10vh !important;} .csmgt-lg-m30vh{margin-top: -30vh !important;} .csmgt-lg-m63vh{margin-top: -63vh !important;} /* End Margin */ /* Width */ .cswd-lg-1p3vw{width: 1.3vw !important;} .cswd-lg-1p5vw{width: 1.5vw !important;} .cswd-lg-16p5vw{width: 16.5vw !important;} .cswd-lg-49p2vw{width: 49.2vw !important;} .cswd-lg-7p{width: 7% !important;} .cswd-lg-9p{width: 9% !important;} .cswd-lg-12p{width: 12% !important;} .cswd-lg-13p{width: 13% !important;} .cswd-lg-14p{width: 14% !important;} .cswd-lg-16p{width: 16% !important;} .cswd-lg-18p{width: 18% !important;} .cswd-lg-21p{width: 21% !important;} .cswd-lg-24p{width: 24% !important;} .cswd-lg-53p{width: 53% !important;} .cswd-lg-57p{width: 57% !important;} .cswd-lg-59p{width: 59% !important;} .cswd-lg-69p{width: 69% !important;} .cswdmaxwidth-lg-unset{max-width: unset !important;} /* End Width */ /* Height */ .cshg-lg-2vw{height: 2vw !important;} .cshg-lg-3vw{height: 3vw !important;} .cshg-lg-4vw{height: 4vw !important;} .cshg-lg-17vw{height: 17vw !important;} .cshgmin-lg-60vh{min-height: 60vh !important;} .cshgmin-lg-100vh{min-height: 100vh !important;} .cshgmin-lg-465vh{min-height: 465vh !important;} .cshgmin-lg-560vh{min-height: 560vh !important;} /* End Height */ /* Form */ form input, form textarea{ padding: 2vh 0 !important; font-family:"SchibstedGrotesk-Regular" !important;font-size:1.05vw !important;line-height:2.1vh !important;letter-spacing:0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; border-bottom: 0.1vh solid #C4C4C4 !important; outline: none !important; resize: none; } form input[type="text"]::placeholder, form input[type="email"]::placeholder, form textarea::placeholder{color: #C4C4C4;opacity: 1;} form input[type="text"]::-webkit-input-placeholder, form input[type="email"]::-webkit-input-placeholder, form textarea::-webkit-input-placeholder{color: #C4C4C4;} form input[type="text"]:-ms-input-placeholder, form input[type="email"]:-ms-input-placeholder, form textarea:-ms-input-placeholder{color: #C4C4C4;} form input[type="file"]::file-selector-button{ padding: 1vh 1vw 1vh 1.5vw !important; } form input[type="file"]::file-selector-button:hover{ background: #FF6A0D; color: #FCFBFB; box-shadow: 0 4px 12px rgba(235, 82, 44, 0.3); } #form-report-submission input, #form-report-submission textarea{ padding: 1.5vh 0 !important; font-family: "SchibstedGrotesk-Regular" !important; font-size: 0.75vw !important; line-height: 1.7vh !important; letter-spacing: 0.05vw !important; } #form-report-submission .radio-group{ display: flex; flex-direction: column; gap: 1rem; } #form-report-submission .radio-card{ display: flex; align-items: center; gap: 1rem; padding: 1.5vh 1vw; border-radius: 1vw; background: #F8F8F8; border: 1px solid transparent; transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; cursor: pointer; } #form-report-submission .radio-card:hover{ transform: translateX(3px); background: rgba(255, 109, 47, 0.08); border-color: rgba(255, 109, 47, 0.25); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); } #form-report-submission .radio-card input{ position: absolute; opacity: 0; pointer-events: none; } #form-report-submission .radio-dot{ width: 1.2rem; height: 1.2rem; min-width: 1.2rem; border-radius: 50%; border: 2px solid #C4C4C4; background: #fff; display: inline-flex; align-items: center; justify-content: center; transition: border-color 0.25s ease, background-color 0.25s ease; } #form-report-submission .radio-dot::after{ content: ""; width: 0.55rem; height: 0.55rem; border-radius: 50%; background: #FF6A0D; opacity: 0; transform: scale(0.6); transition: opacity 0.25s ease, transform 0.25s ease; } #form-report-submission .radio-card input:checked + .radio-dot{ border-color: #FF6A0D; background: rgba(255, 106, 13, 0.1); } #form-report-submission .radio-card input:checked + .radio-dot::after{ opacity: 1; transform: scale(1); } /* End Form */ /* Component Logo */ .compLogo .item{ margin: 0; width: 75%; } .compLogo .item .logoImage{ opacity: .6; transform: scale(1); transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .compLogo .item:hover .logoImage{ opacity: 1; transform: scale(1.15); transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .compLogo .item .info{ top: 100%; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .compLogo .item::before, .compLogo .item::after{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F7F7F7; transform: scale(1); transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .compLogo .item::before{ z-index: 1; mix-blend-mode: darken; } .compLogo .item:hover::before{ transform: scale(1.15); mix-blend-mode: darken; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .compLogo .item::after{ z-index: 2; transform: scale(1); /* mix-blend-mode: hue; */ mix-blend-mode: color; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .compLogo .item:hover::after{ transform: scale(1.15); mix-blend-mode: darken; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } /* End Component Logo */ /* Component Menu Sticky */ .menuSticky ul li:hover a, .menuSticky ul li.active a{ padding-left: 1vw; font-family:"SchibstedGrotesk-Bold" !important; font-size:1.05vw !important;line-height:3vh !important;letter-spacing:0 !important; color:#EB522C !important; } /* End Component Menu Sticky */ /* Component Accordion */ .cscomp-accordion-card{ border: 0.1vh solid #A8CBE7; } .cscomp-accordion-card.active{ border: 0.1vh solid #EB522C; } .cscomp-accordion-card .cscomp-accordion-sign{ background: #EB522C; } .cscomp-accordion-card.active .cscomp-accordion-sign{ background: #C6C6C6; } .cscomp-accordion-text{ max-height: 0; opacity: 0; overflow: hidden; transform: translateY(-6px); transition: max-height 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease, transform 0.3s ease; will-change: max-height, opacity, transform; } .cscomp-accordion-card.active .cscomp-accordion-text{ max-height: unset; opacity: 1; transform: translateY(0); } .cscomp-accordion-text p, .cscomp-accordion-text li{ font-size:1.05vw !important;line-height:3.8vh !important;letter-spacing:0 !important; } /* End Component Accordion */ /* Component Tab */ .cscomp-tab-item{ position: relative; opacity: .5; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cscomp-tab-item.active, .cscomp-tab-item:hover{ opacity: 1; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cscomp-tab-item::after{ content:''; position: absolute; bottom: 0; left: 0; width: 4vw; height: 0.3vh; background: transparent; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cscomp-tab-item.active::after, .cscomp-tab-item:hover::after{ background: #EB522C; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cscomp-tab-imageitem{ display: none; max-height: 85vh; object-fit: contain; } .cscomp-tab-imageitem.active{ display: block; } .award-gallery-trigger{ cursor: zoom-in; } .award-gallery-modal{ position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; padding: 4vh 4vw; } .award-gallery-modal.active{ display: flex; } .award-gallery-backdrop{ position: absolute; inset: 0; border: 0; background: rgba(4, 13, 19, .88); cursor: zoom-out; } .award-gallery-panel{ position: relative; z-index: 1; width: 100%; height: 100%; display: grid; grid-template-rows: auto minmax(0, 1fr); background: #FCFBFB; border-radius: .5vw; overflow: hidden; box-shadow: 0 4vh 8vh rgba(0, 0, 0, .28); } .award-gallery-toolbar{ display: flex; align-items: center; justify-content: space-between; gap: 2vw; padding: 2vh 2vw; border-bottom: 1px solid #E9F2F9; } .award-gallery-toolbar h2{ margin: 0; font-family: "SchibstedGrotesk-Regular" !important; font-size: 1.05vw !important; line-height: 3vh !important; letter-spacing: 0 !important; color: #2C303C !important; } .award-gallery-actions{ display: flex; align-items: center; gap: .6vw; } .award-gallery-btn, .award-gallery-nav{ border: 1px solid #C6C6C6; background: #FCFBFB; color: #2C303C; font-family: "SchibstedGrotesk-Regular" !important; line-height: 1 !important; cursor: pointer; transition: background 200ms ease, border-color 200ms ease, color 200ms ease; } .award-gallery-btn{ width: 2.6vw; height: 2.6vw; border-radius: 50%; font-size: .9vw !important; } .award-gallery-btn:hover, .award-gallery-nav:hover{ background: #EB522C; border-color: #EB522C; color: #FCFBFB; } .award-gallery-stage{ position: relative; display: flex; align-items: center; justify-content: center; padding: 4vh 6vw; overflow: auto; background: #F9F7F6; } .award-gallery-stage.is-zoomed{ align-items: flex-start; justify-content: flex-start; } .award-gallery-stage img{ display: block; max-width: none; max-height: none; width: auto; height: auto; transition: width 180ms ease, height 180ms ease; user-select: none; } .award-gallery-nav{ position: absolute; top: 50%; z-index: 2; width: 3.2vw; height: 3.2vw; border-radius: 50%; font-size: 2vw !important; transform: translateY(-50%); } .award-gallery-prev{ left: 2vw; } .award-gallery-next{ right: 2vw; } body.award-gallery-open{ overflow: hidden; } /* End Component Tab */ /* Component Table */ .cscomp-table tbody{overflow: hidden;} .cscomp-table tbody tr:hover, .cscomp-newsroom-list .year-item:hover{background: #FFF0E6 !important;} .cscomp-table tbody tr:last-child{border-bottom: 0.1vh solid transparent !important;} /* End Component Table */ /* Component Submenu */ .cscomp-submenu{ position: absolute; top: 20vh; padding-left: 5vw !important; padding-right: 5vw !important; transition: all 0s ease-in-out; } .cscomp-submenu.scrolled.show{ position: fixed; top: 20vh; transition: all 0s ease-in-out; } .cscomp-submenu.scrolled.hide{ position: fixed; top: 0; transition: all 0s ease-in-out; } .cscomp-submenu-arrow{ width: 1vw; height: 1vw; background: url(../images/icon/orange-down-arrow.svg); background-repeat: no-repeat !important; background-position: center !important; background-size: 100% !important; transform: rotate(0deg); transition: transform 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89), all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cscomp-submenu-arrow.active{ transform: rotate(180deg); transition: transform 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89), all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cscomp-submenu-nav{ width: auto !important; } .cscomp-submenu .menu li a{ color: #9C9C9C !important; } .cscomp-submenu .menu li a::after{ content: ''; position: absolute; top: -3.8vh; /* bottom: -3.2vh; */ left: 0; width: 100%; height: 0.3vh; background: transparent; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cscomp-submenu .menu li.active a, .cscomp-submenu .menu li:hover a{ color: #2C303C !important; } .cscomp-submenu .menu li.active a::after, .cscomp-submenu .menu li:hover a::after{ background: #EB522C; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } /* End Component Submenu */ /* Component Path */ .path a, .path p{text-transform: uppercase !important;} /* End Component Path */ /* Component Card */ .comp-card-hover .background{ transform: scale(1); transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-card-hover:hover .background{ transform: scale(1.5); transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-card-hover .icon{ top: 30%; transform: scale(1); transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-card-hover:hover .icon{ top: 10%; transform: scale(0.6); transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-card-hover .text{ top: 100%; opacity: 0; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-card-hover:hover .text{ top: 55%; opacity: 1; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } /* End Component Card */ /* Component Board */ .comp-board .background{ opacity:0; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-board:hover .background{ opacity:1; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-board .text{ opacity: 0; transform: translateY(20vh) scale(0.95); transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-board:hover .text{ opacity: 1; transform: translateY(7vh) scale(1); transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-board .image{ transform-origin: bottom center; transform: scale(1.52); transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-board:hover .image{ transform-origin: bottom center; transform: scale(1.7); transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } /* End Component Board */ /* Component Card Slide */ .comp-card-slide .background{ top: 100%; transition: all 700ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-card-slide:hover .background{ top: 0; transition: all 700ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-card-slide h2{ top: 82%; color: #2C303C !important; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-card-slide:hover h2{ top: 15%; color: #FCFBFB !important; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-card-slide h4{ opacity: 0; top: 92%; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-card-slide:hover h4{ opacity: 1; top: 25%; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-card-slide .cta{ opacity: 0; top: 100%; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .comp-card-slide:hover .cta{ opacity: 1; top: 82%; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cnc-new::after{display: none !important;} .cnc-new:hover{ transform: scale(1) !important; } .cnc-new .image{ transform: scale(1); transition: all 500ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cnc-new:hover .image{ transform: scale(1.1); transition: all 500ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cnc-new .overlay{ top: 0; left: 0; height: 100vh; transition: all 500ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cnc-new:hover .overlay{ top: 0; height: 100%; transition: all 500ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cnc-new .article, .cnc-new .date{ top: 88%; transform: scale(1.3); transition: all 500ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cnc-new:hover .article, .cnc-new:hover .date{ top: 65%; transform: scale(1); transition: all 500ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cnc-new .text{ top: 100%; transition: all 500ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cnc-new:hover .text{ top: 75%; transition: all 500ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } /* End Component Card Slide */ /* Component Poster */ .cscomp-poster{ position: fixed; z-index: -100; top: 0; left: 0; width: 100vw; height: 100vh; text-align: center; opacity: 0; transition: all .3s; } .cscomp-poster.active{ z-index: 1055; opacity: 1; transition: all .3s; } .cscomp-poster .overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; background: #000000; opacity: 0; transition: all .3s; } .cscomp-poster.active .overlay{ opacity: 0.55; transition: all .3s; } .cscomp-poster .wrapper{ position: absolute; top: 50%; left: 50%; z-index: 1; margin: 0; width: max-content; max-width: 92vw; transform: translate(-50%, -50%); } .cscomp-poster .close{ top: -2vh; right: -2vw; } .cscomp-poster .image{ display: block; max-width: 80vw; width: auto; max-height: 80vh; height: auto; object-fit: cover; } /* End Component Poster */ /* Navigation */ #main-navigation{ position: absolute !important; top: 0 !important; transition: all 0s ease-in-out; border-bottom:0.1vh solid #A8CBE7; } #main-navigation.scrolled.show{ position: fixed !important; top: 0 !important; transition: all 0s ease-in-out; background: #FCFBFB !important; } #main-navigation.scrolled.show .nav-menuhighlight li a p, #main-navigation.scrolled.show .nav-lang p{ color: #2C303C !important; } #main-navigation.scrolled.show .nav-search input[type="text"]::placeholder{color: #2C303C !important;opacity: 1;} #main-navigation.scrolled.show .nav-search input[type="text"]::-webkit-input-placeholder{color: #2C303C !important;} #main-navigation.scrolled.show .nav-search input[type="text"]:-ms-input-placeholder{color: #2C303C !important;} #main-navigation.scrolled.show .csbtn-outline-white{ color: #2C303C !important; background-color: transparent !important; border: 0.12vw solid #2C303C !important; } #main-navigation.scrolled.show .nav-search button { background: url('../images/icon/black-search.svg'); background-repeat: no-repeat !important; background-position: center !important; background-size: 100% !important; } #main-navigation.scrolled.show .nav-menuhighlight li a p::after{ background: url('../images/icon/black-down-arrow.svg'); background-repeat: no-repeat !important; background-position: center !important; background-size: 100% !important; } #main-navigation.scrolled.show .nav-lang p::after{ display: none; content: ''; position: absolute; top: 50%; right: 1.5vw; transform: translateY(-50%); width: 1vw; height: 1vw; background: url('../images/icon/black-down-arrow.svg'); background-repeat: no-repeat !important; background-position: center !important; background-size: 100% !important; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } #main-navigation.scrolled.hide{ position: fixed !important; top: -20vh !important; transition: all 0s ease-in-out; } #main-navigation .iconwhite, #main-navigation.scrolled.show .iconblack{display: inline-block !important;} #main-navigation.scrolled.show .iconwhite, #main-navigation .iconblack{display: none !important;} .nav-menuhighlight{right:30vw;transition: right 0.7s ease;} .nav-menuhighlight.active{right:35vw;transition: right 0.7s ease;} .nav-menuhighlight li a p{ position: relative; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); font-family:"Namian-Regular" !important; font-size:1.05vw !important;line-height:2.1vh !important; text-align: left; } .nav-menuhighlight li:first-child a p::after, .nav-menuhighlight li ul li a p::after{ display: none; } .nav-menuhighlight li a p::after{ content: ''; position: absolute; top: 50%; right: 0.5vw; transform: translateY(-50%); width: 1vw; height: 1vw; background: url('../images/icon/white-down-arrow.svg'); background-repeat: no-repeat !important; background-position: center !important; background-size: 100% !important; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .navigation-bw .nav-menuhighlight li a p::after{ background: url('../images/icon/black-down-arrow.svg'); background-repeat: no-repeat !important; background-position: center !important; background-size: 100% !important; } .nav-menuhighlight li.active a p{ font-family:"Namian-Bold" !important; } .nav-menuhighlight li:hover a p, .nav-menuhighlight li:hover ul li:hover a p{color:#EB522C !important; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);} .nav-menuhighlight li:hover a p::after{ background: url('../images/icon/orange-down-arrow.svg'); background-repeat: no-repeat !important; background-position: center !important; background-size: 100% !important; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .nav-menuhighlight li ul, .nav-lang ul, .cscomp-submenu-nav, .year-selector ul{ display: none; position: absolute; padding: 1.5vh 1.5vw; top: 130%; left: 0; width: 17.5vw; height: auto; background-color: #FCFBFB; border-radius: 1vw; -webkit-box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.05);-moz-box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.05);box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.15); } .nav-menuhighlight li:last-child ul{ width: 11vw; } .nav-menuhighlight li ul.active, .nav-lang ul.active, .cscomp-submenu-nav.active, .year-selector ul.active{ display: block; } .nav-menuhighlight li:hover ul li a p{color:#2C303C !important;} .search-input{width: 12vw;transition: width 0.35s ease;background-color: transparent !important;border: 0.12vw solid #2C303C !important;padding: 2vh 1vw !important;border-radius: 50vw !important;} .search-input:focus{width: 17vw;outline: none;} input[type="search"].search-input::-webkit-search-cancel-button{display:none;-webkit-appearance:none;appearance:none;} input[type="search"].search-input::-ms-clear{display:none;width:0;height:0;} .nav-search input[type="text"]::placeholder{color: #FCFBFB;opacity: 1;} .nav-search input[type="text"]::-webkit-input-placeholder{color: #FCFBFB;} .nav-search input[type="text"]:-ms-input-placeholder{color: #FCFBFB;} .navigation-bw .nav-search input[type="text"]::placeholder{color: #2C303C;opacity: 1;} .navigation-bw .nav-search input[type="text"]::-webkit-input-placeholder{color: #2C303C;} .navigation-bw .nav-search input[type="text"]:-ms-input-placeholder{color: #2C303C;} .nav-search input[type="text"]:focus-visible{outline: transparent;outline-offset: 0;} .nav-search button{ width: 1.3vw; height: 1.3vw; border: none; background: url('../images/icon/white-search.svg'); background-repeat: no-repeat !important; background-position: center !important; background-size: 100% !important; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .navigation-bw .nav-search button{ background: url('../images/icon/black-search.svg'); background-repeat: no-repeat !important; background-position: center !important; background-size: 100% !important; } .nav-lang{ right: 10.2vw; } .nav-lang .csbtn-outline-white, .nav-lang .csbtn-outline-black{ padding: 2vh 1vw; width: 5.8vw; } .nav-lang p{ font-family:"Namian-Regular" !important; font-size:1.05vw !important;line-height:2.1vh !important; color: #FCFBFB; } .navigation-bw .nav-lang p{ color: #2C303C; } .nav-lang ul{ top: 105%; width: 100%; } .csbtn-burger{ padding: 2vh 1vw; } .csbtn-burger p{ font-family:"Namian-Regular" !important; font-size:1.05vw !important;line-height:2.1vh !important; color: #FCFBFB; } .nav-menu{ top: -100vh; border-bottom-left-radius: 1vw; border-bottom-right-radius: 1vw; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .nav-menu.active{ top: 0; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .nav-menu::before{ content: ''; display: block; position: absolute; top: 20vh; left: 0; width: 100%; border-bottom:0.1vh solid #A8CBE7; } .nav-menu .search-input{color: #2C303C;border: 0.12vw solid #2C303C;} .nav-menu .nav-search input[type="text"]::placeholder{color: #2C303C;opacity: 1;} .nav-menu .nav-search input[type="text"]::-webkit-input-placeholder{color: #2C303C;} .nav-menu .nav-search input[type="text"]:-ms-input-placeholder{color: #2C303C;} .nav-menu .nav-search button{ background: url('../images/icon/black-search.svg'); background-repeat: no-repeat !important; background-position: center !important; background-size: 100% !important; transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .nav-menu .nav-menuhighlight li a{ font-family:"SchibstedGrotesk-SemiBold" !important; font-size:0.91vw !important;line-height:1.9vh !important; } .nav-menu .nav-menuhighlight li p{ margin-top:0.5vh;font-family:"SchibstedGrotesk-Regular" !important; font-size:0.65vw !important;line-height:1.5vh !important; color:#C6C6C6 !important; } .nav-menu .nav-lang .csbtn-outline-white, .nav-menu .nav-lang .csbtn-outline-black{ color: #2C303C;border: 0.12vw solid #2C303C; } .nav-menu .nav-lang p{ font-family:"Namian-Regular" !important; font-size:1.05vw !important;line-height:2.1vh !important; color: #2C303C; } .nav-menu .mainmenu .parent li a, .nav-menu .mainmenu .child-0 li a, .nav-menu .mainmenu .child-1 li a{ padding: 2vh 0 !important; } .nav-menu .mainmenu .parent li a::after, .nav-menu .mainmenu .child-0 li a::after, .nav-menu .mainmenu .child-1 li a::after{ content: ''; position: absolute; z-index: 2 !important; top: 25%; right: 0.5vw; transform: translateY(-50%); width: 1vw; height: 2vw; background: url('../images/icon/black-right-arrow.svg'); background-repeat: no-repeat !important; background-position: center !important; background-size: 100% !important; transform-origin: 50% 50%; transition: transform 0.35s ease; transform: rotate(0deg); } .nav-menu .mainmenu .parent li.active a::after, .nav-menu .mainmenu .child-0 li.active a::after, .nav-menu .mainmenu .child-1 li.active a::after{ transform: rotate(180deg); } .nav-menu .mainmenu .parent li:nth-child(1) a::after, .nav-menu .mainmenu .parent li:nth-child(3) a::after, .nav-menu .mainmenu .parent li:nth-child(6) a::after, .nav-menu .mainmenu .parent li:nth-child(7) a::after, .nav-menu .mainmenu .parent li:nth-child(8) a::after, .nav-menu .mainmenu .parent li:nth-child(9) a::after{ display: none; } .nav-menu .mainmenu .parent li a p, .nav-menu .mainmenu .child-0 li a p, .nav-menu .mainmenu .child-1 li a p{ position: relative !important; z-index: 1 !important; font-family:"Namian-Regular" !important; font-size:1.56vw !important;line-height:3vh !important; } .nav-menu .mainmenu .parent li.active a p, .nav-menu .mainmenu .child-0 li.active a p, .nav-menu .mainmenu .child-1 li.active a p{ font-family:"Namian-Bold" !important; font-size:1.42vw !important;line-height:3vh !important; } .nav-menu .mainmenu .parent li:hover a p, .nav-menu .mainmenu .child-0 li:hover a p, .nav-menu .mainmenu .child-1 li:hover a p{ color:#EB522C !important; } .nav-menu .mainmenu .child-0::before, .nav-menu .mainmenu .child-1::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 0.05vw; height: 100%; background: #A8CBE7; } .nav-menu .mainmenu .child-0{display: none;} .nav-menu .mainmenu .child-0.active{display: block;} .nav-menu .mainmenu .child-company li a::after{ display: none; } .nav-menu .mainmenu .child-business li:nth-child(1) a::after, .nav-menu .mainmenu .child-business li:nth-child(4) a::after, .nav-menu .mainmenu .child-business li:nth-child(5) a::after{ display: none; } .nav-menu .mainmenu .child-1 li a::after{ display: none; } /* End Navigation */ /* Footer */ .ft-menu ul{ display: grid; grid-template-rows: repeat(5, auto); grid-auto-flow: column; column-gap: 2vw; row-gap: 0; width: max-content; } .ft-menu ul li a{ font-family: "Namian-Regular" !important; font-size: 1.56vw !important; line-height: 3vh !important; } /* End Footer */ /* Home Page */ .cscomp-clients-list{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1vw; width: 100%; } .cscomp-clients-card{ box-sizing: border-box; } /* End Home Page */ /* About Page */ /* .about-milestone-section .stcnum{height:40vh;} .about-milestone-section .number-stop{ height: 833px !important; } @media screen and (min-width: 2560px) { .about-milestone-section .stcnum{height:57.1vh;} } */ #milestone .milestone-content h4, #milestone .milestone-content li{ font-family: "SchibstedGrotesk-SemiBold" !important; font-size: 1.3vw !important; line-height: 4vh !important; letter-spacing: 0 !important; } #milestone .milestone-content h4.csfontfamiliy-Namian-Medium.csfontsize-lg-196px{ font-family: "Namian-Medium" !important; font-size: 11vw !important; line-height: 22vh !important; letter-spacing: 0 !important; } #milestone .milestone-content .date{display: none !important;} .about-milestone-section.js-milestone-sticky{ position: relative; } @media screen and (min-width: 992px){ .about-milestone-section.js-milestone-sticky .js-milestone-sticky-col{ position: relative !important; } .about-milestone-section.js-milestone-sticky .js-milestone-sticky-panel{ top: 0 !important; will-change: top, left, width; transform: translateZ(0); } .about-milestone-section.js-milestone-sticky .js-milestone-sticky-panel.is-before{ position: absolute !important; top: 0 !important; left: 0 !important; width: var(--ms-width) !important; } .about-milestone-section.js-milestone-sticky .js-milestone-sticky-panel.is-fixed{ position: fixed !important; top: var(--ms-top) !important; left: var(--ms-left) !important; width: var(--ms-width) !important; z-index: 2; } .about-milestone-section.js-milestone-sticky .js-milestone-sticky-panel.is-after{ position: absolute !important; top: var(--ms-lock-y) !important; left: 0 !important; width: var(--ms-width) !important; } .about-milestone-section.js-milestone-sticky .stcnum{ display: none !important; height: 0 !important; } .about-milestone-section.js-milestone-sticky .js-milestone-item{ transition: opacity 240ms ease; padding-bottom: 20vh !important; } .about-milestone-section.js-milestone-sticky .js-milestone-item:not(.is-active){ opacity: 0.62; } .about-milestone-section.js-milestone-sticky .js-milestone-item.is-active{ opacity: 1; } } @media screen and (max-width: 991.98px){ .about-milestone-section .js-milestone-sticky-panel, .about-milestone-section.js-milestone-sticky .js-milestone-sticky-panel, .about-milestone-section.js-milestone-sticky .js-milestone-sticky-panel.is-before, .about-milestone-section.js-milestone-sticky .js-milestone-sticky-panel.is-fixed, .about-milestone-section.js-milestone-sticky .js-milestone-sticky-panel.is-after{ position: relative !important; top: auto !important; left: auto !important; width: auto !important; transform: none !important; } .about-milestone-section.js-milestone-sticky .stcnum{ display: none !important; } } /* End About Page */ /* End Business Page */ .business-slider-section .owloneslider .item img{ height: 70vh; object-fit: cover; } /* End Business Page */ /* Investor Page */ #invest-with-us p b{ font-family:"SchibstedGrotesk-Bold"; } .year-selector ul{ top: 100%; width: 100%; } .year-selector ul li:hover a p{ color: #EB522C !important; } /* End Investor Page */ /* Newsroom Page */ .cscomp-newsroom-list{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2vw; width: 100%; } .newsroomstagepadding .csbutton-lg-regularnew:hover, .cscomp-newsroom-list .csbutton-lg-regularnew:hover{ color: #EB522C !important; } .cscomp-newsroom-card{ box-sizing: border-box; transition: all 0.5s cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } .cscomp-newsroom-card:hover{ transform: scale(1.02); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); transition: all 0.5s cubic-bezier(0.17, 0.56, 0.34, 0.89) !important; } .about-awards-section .cscomp-newsroom-card:hover{ transform: unset !important; -webkit-box-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; transition: unset !important; } .cscomp-newsroom-card::after{ content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.8vh; background: #EB522C; } .cscomp-newsroom-card h2{ height: 11vh; overflow: hidden; } .newsroom-pagination-wrap{ margin-top: 4vh; display: flex; justify-content: center; align-items: center; gap: 1vw; } .newsroom-pagination-wrap .newsroom-pagination-value{ display: flex; align-items: center; gap: .6vw; } .newsroom-pagination-wrap .newsroom-pagination-value .page-number{ cursor: pointer; min-width: 2.2vw; height: 2.2vw; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-family: "SchibstedGrotesk-Regular" !important;font-size:1.3vw !important;line-height:2.7vh !important;letter-spacing:0 !important;color:#58595B !important; } .newsroom-pagination-wrap .newsroom-pagination-value .page-number.active{ font-family:"SchibstedGrotesk-SemiBold" !important; color: #FF6A0D !important; } .detail-page .article-newsroom article p{ font-family: "SchibstedGrotesk-Regular" !important; font-size: 1.05vw !important; line-height: 3.8vh !important; letter-spacing: 0 !important; } /* End Newsroom Page */ /* Whistleblowing Page */ .whistleblowing-mechanism-section ul li{ text-align: justify; } /* End Whistleblowing Page */ /* Report Submission Page */ .identity-content.row, .personaldata-content.row{ height: 0; opacity: 0; overflow: hidden; } .identity-content.row.active, .personaldata-content.row.active{ height: auto; opacity: 1; } /* End Report Submission Page */ /* Career Page */ .career-content-section.dscareeropen .wrapCareerClose, .career-content-section.dscareerclose .wrapCareerOpen{display: none;} .career-content-section.dscareerclose .wrapCareerClose, .career-content-section.dscareeropen .wrapCareerOpen{display: block;} /* End Career Page */ /* Service Frame */ .serviceframe-content-section .cscomp-newsroom-list, .business-products-section .cscomp-newsroom-list, .business-services-section .cscomp-newsroom-list, .investordetail1-article-of-association-section .cscomp-newsroom-list, .investordetail1-responsibility-of-the-boards-section .cscomp-newsroom-list, .csgridcolumn-lg-2 .cscomp-newsroom-list{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-companyprofile-section .cscomp-newsroom-card::after, .home-business-section .cscomp-newsroom-card::after, .serviceframe-content-section .cscomp-newsroom-card::after, .business-products-section .cscomp-newsroom-card::after, .business-services-section .cscomp-newsroom-card::after, .csafter-lg-remove .cscomp-newsroom-card::after{ display: none; } /* End Service Frame */ /* ===================================================================== */ /* ====================== END DESKTOP VERSION ========================== */ /* ===================================================================== */ /* ===================================================================== */ /* ======================== MOBILE VERSION ============================= */ /* ===================================================================== */ @media screen and (max-width: 846px){ /* Universal */ /* End Universal */ /* Font Link */ /* End Font Link */ /* Text, Color, Background, Shadow, Image */ .csfontsize-lg-196px{font-size:11vw !important;line-height:22vh !important;letter-spacing:0 !important;} .csfontsize-lg-50px { /* font-size:3.3vw !important;line-height:7vh !important;letter-spacing:0 !important; */ font-size:28px !important;line-height:35px !important;letter-spacing:0px !important; } .csfontsize-lg-64px, h1,.csheadings-lg-h1,.csheadings-lg-h1 h1,.csheadings-lg-h1 h2,.csheadings-lg-h1 h3,.csheadings-lg-h1 h4,.csheadings-lg-h1 h5,.csheadings-lg-h1 h6,.csheadings-lg-h1 p,.csheadings-lg-h1 a,.csheadings-lg-h1 label,.csheadings-lg-h1 th,.csheadings-lg-h1 td,.csheadings-lg-h1 span,.csheadings-lg-h1 li,.csheadings-lg-h1 input,.csheadings-lg-h1 textarea {font-size:32px !important;line-height:38px !important;letter-spacing:0px !important;} .csfontsize-lg-40px, h2,.csheadings-lg-h2,.csheadings-lg-h2 h1,.csheadings-lg-h2 h2,.csheadings-lg-h2 h3,.csheadings-lg-h2 h4,.csheadings-lg-h2 h5,.csheadings-lg-h2 h6,.csheadings-lg-h2 p,.csheadings-lg-h2 a,.csheadings-lg-h2 label,.csheadings-lg-h2 th,.csheadings-lg-h2 td,.csheadings-lg-h2 span,.csheadings-lg-h2 li,.csheadings-lg-h2 input,.csheadings-lg-h2 textarea {font-size:28px !important;line-height:35px !important;letter-spacing:0px !important;} .csfontsize-lg-32px, h2,.csheadings-lg-h2new,.csheadings-lg-h2new h1,.csheadings-lg-h2new h2,.csheadings-lg-h2new h3,.csheadings-lg-h2new h4,.csheadings-lg-h2new h5,.csheadings-lg-h2new h6,.csheadings-lg-h2new p,.csheadings-lg-h2new a,.csheadings-lg-h2new label,.csheadings-lg-h2new th,.csheadings-lg-h2new td,.csheadings-lg-h2new span,.csheadings-lg-h2new li,.csheadings-lg-h2new input,.csheadings-lg-h2new textarea, h3,.cssubhead-lg-s1,.cssubhead-lg-s1 h1,.cssubhead-lg-s1 h2,.cssubhead-lg-s1 h3,.cssubhead-lg-s1 h4,.cssubhead-lg-s1 h5,.cssubhead-lg-s1 h6,.cssubhead-lg-s1 p,.cssubhead-lg-s1 a,.cssubhead-lg-s1 label,.cssubhead-lg-s1 th,.cssubhead-lg-s1 td,.cssubhead-lg-s1 span,.cssubhead-lg-s1 li,.cssubhead-lg-s1 input,.cssubhead-lg-s1 textarea {font-size:24px !important;line-height:30px !important;letter-spacing:0px !important;} .csfontsize-lg-24px, h3,.cssubhead-lg-s1new,.cssubhead-lg-s1new h1,.cssubhead-lg-s1new h2,.cssubhead-lg-s1new h3,.cssubhead-lg-s1new h4,.cssubhead-lg-s1new h5,.cssubhead-lg-s1new h6,.cssubhead-lg-s1new p,.cssubhead-lg-s1new a,.cssubhead-lg-s1new label,.cssubhead-lg-s1new th,.cssubhead-lg-s1new td,.cssubhead-lg-s1new span,.cssubhead-lg-s1new li,.cssubhead-lg-s1new input,.cssubhead-lg-s1new textarea, h4,.cssubhead-lg-s2,.cssubhead-lg-s2 h1,.cssubhead-lg-s2 h2,.cssubhead-lg-s2 h3,.cssubhead-lg-s2 h4,.cssubhead-lg-s2 h5,.cssubhead-lg-s2 h6,.cssubhead-lg-s2 p,.cssubhead-lg-s2 a,.cssubhead-lg-s2 label,.cssubhead-lg-s2 th,.cssubhead-lg-s2 td,.cssubhead-lg-s2 span,.cssubhead-lg-s2 li,.cssubhead-lg-s2 input,.cssubhead-lg-s2 textarea {font-size:20px !important;line-height:24px !important;letter-spacing:0px !important;} .csfontsize-lg-20px, h4,.cssubhead-lg-s2new,.cssubhead-lg-s2new h1,.cssubhead-lg-s2new h2,.cssubhead-lg-s2new h3,.cssubhead-lg-s2new h4,.cssubhead-lg-s2new h5,.cssubhead-lg-s2new h6,.cssubhead-lg-s2new p,.cssubhead-lg-s2new a,.cssubhead-lg-s2new label,.cssubhead-lg-s2new th,.cssubhead-lg-s2new td,.cssubhead-lg-s2new span,.cssubhead-lg-s2new li,.cssubhead-lg-s2new input,.cssubhead-lg-s2new textarea, p,a,label,th,td,span,li,input,textarea,.csbody-lg-regular,.csbody-lg-regular h1,.csbody-lg-regular h2,.csbody-lg-regular h3,.csbody-lg-regular h4,.csbody-lg-regular h5,.csbody-lg-regular h6,.csbody-lg-regular p,.csbody-lg-regular a,.csbody-lg-regular label,.csbody-lg-regular th,.csbody-lg-regular td,.csbody-lg-regular span,.csbody-lg-regular li,.csbody-lg-regular input,.csbody-lg-regular textarea, .csbutton-lg-regular,.csbutton-lg-regular h1,.csbutton-lg-regular h2,.csbutton-lg-regular h3,.csbutton-lg-regular h4,.csbutton-lg-regular h5,.csbutton-lg-regular h6,.csbutton-lg-regular p,.csbutton-lg-regular a,.csbutton-lg-regular label,.csbutton-lg-regular th,.csbutton-lg-regular td,.csbutton-lg-regular span,.csbutton-lg-regular li,.csbutton-lg-regular input,.csbutton-lg-regular textarea, .csbutton-lg-bold,.csbutton-lg-bold h1,.csbutton-lg-bold h2,.csbutton-lg-bold h3,.csbutton-lg-bold h4,.csbutton-lg-bold h5,.csbutton-lg-bold h6,.csbutton-lg-bold p,.csbutton-lg-bold a,.csbutton-lg-bold label,.csbutton-lg-bold th,.csbutton-lg-bold td,.csbutton-lg-bold span,.csbutton-lg-bold li,.csbutton-lg-bold input,.csbutton-lg-bold textarea {font-size:18px !important;line-height:24px !important;letter-spacing:0px !important;} .csfontsize-lg-16px, .csbody-lg-regularnew,.csbody-lg-regularnew h1,.csbody-lg-regularnew h2,.csbody-lg-regularnew h3,.csbody-lg-regularnew h4,.csbody-lg-regularnew h5,.csbody-lg-regularnew h6,.csbody-lg-regularnew p,.csbody-lg-regularnew a,.csbody-lg-regularnew label,.csbody-lg-regularnew th,.csbody-lg-regularnew td,.csbody-lg-regularnew span,.csbody-lg-regularnew li,.csbody-lg-regularnew input,.csbody-lg-regularnew textarea, .csbutton-lg-regularnew,.csbutton-lg-regularnew h1,.csbutton-lg-regularnew h2,.csbutton-lg-regularnew h3,.csbutton-lg-regularnew h4,.csbutton-lg-regularnew h5,.csbutton-lg-regularnew h6,.csbutton-lg-regularnew p,.csbutton-lg-regularnew a,.csbutton-lg-regularnew label,.csbutton-lg-regularnew th,.csbutton-lg-regularnew td,.csbutton-lg-regularnew span,.csbutton-lg-regularnew li,.csbutton-lg-regularnew input,.csbutton-lg-regularnew textarea, .cscaption-lg-footnote,.cscaption-lg-footnote h1,.cscaption-lg-footnote h2,.cscaption-lg-footnote h3,.cscaption-lg-footnote h4,.cscaption-lg-footnote h5,.cscaption-lg-footnote h6,.cscaption-lg-footnote p,.cscaption-lg-footnote a,.cscaption-lg-footnote label,.cscaption-lg-footnote th,.cscaption-lg-footnote td,.cscaption-lg-footnote span,.cscaption-lg-footnote li,.cscaption-lg-footnote input,.cscaption-lg-footnote textarea, .cscaption-lg-small,.cscaption-lg-small h1,.cscaption-lg-small h2,.cscaption-lg-small h3,.cscaption-lg-small h4,.cscaption-lg-small h5,.cscaption-lg-small h6,.cscaption-lg-small p,.cscaption-lg-small a,.cscaption-lg-small label,.cscaption-lg-small th,.cscaption-lg-small td,.cscaption-lg-small span,.cscaption-lg-small li,.cscaption-lg-small input,.cscaption-lg-small textarea, .csfontsize-lg-14px, .csfontsize-lg-12px, .csfontsize-lg-10px, article h3, article p,article a,article li {font-size:16px !important;line-height:24px !important;letter-spacing:0 !important;} .cslineheight-lg-3vh{line-height:normal !important;} .cslineheight-lg-3p5vh{line-height:normal !important;} .cslineheight-lg-4vh{line-height:normal !important;} .csletterspacing-lg-0p05vw{letter-spacing:normal !important;} .cscolor-m-white,.cscolor-m-white p,.cscolor-m-white a,.cscolor-m-white label,.cscolor-m-white th,.cscolor-m-white td,.cscolor-m-white span,.cscolor-m-white li,.cscolor-m-white input,.cscolor-m-white textarea{color:#F9F7F6 !important;} .cscolor-m-black,.cscolor-m-black p,.cscolor-m-black a,.cscolor-m-black label,.cscolor-m-black th,.cscolor-m-black td,.cscolor-m-black span,.cscolor-m-black li,.cscolor-m-black input,.cscolor-m-black textarea{color:#000000 !important;} .cscolor-m-mono-white,.cscolor-m-mono-white p,.cscolor-m-mono-white a,.cscolor-m-mono-white label,.cscolor-m-mono-white th,.cscolor-m-mono-white td,.cscolor-m-mono-white span,.cscolor-m-mono-white li,.cscolor-m-mono-white input,.cscolor-m-mono-white textarea{color:#FCFBFB !important;} .cscolor-m-mono-black,.cscolor-m-mono-black p,.cscolor-m-mono-black a,.cscolor-m-mono-black label,.cscolor-m-mono-black th,.cscolor-m-mono-black td,.cscolor-m-mono-black span,.cscolor-m-mono-black li,.cscolor-m-mono-black input,.cscolor-m-mono-black textarea{color:#2C303C !important;} .cscolor-m-mono-gray,.cscolor-m-mono-gray p,.cscolor-m-mono-gray a,.cscolor-m-mono-gray label,.cscolor-m-mono-gray th,.cscolor-m-mono-gray td,.cscolor-m-mono-gray span,.cscolor-m-mono-gray li,.cscolor-m-mono-gray input,.cscolor-m-mono-gray textarea{color:#C6C6C6 !important;} .cscolor-m-davy-gray,.cscolor-m-davy-gray p,.cscolor-m-davy-gray a,.cscolor-m-davy-gray label,.cscolor-m-davy-gray th,.cscolor-m-davy-gray td,.cscolor-m-davy-gray span,.cscolor-m-davy-gray li,.cscolor-m-davy-gray input,.cscolor-m-davy-gray textarea{color:#78787A !important;} .cscolor-m-dark-grey,.cscolor-m-dark-grey p,.cscolor-m-dark-grey a,.cscolor-m-dark-grey label,.cscolor-m-dark-grey th,.cscolor-m-dark-grey td,.cscolor-m-dark-grey span,.cscolor-m-dark-grey li,.cscolor-m-dark-grey input,.cscolor-m-dark-grey textarea{color:#58595B !important;} .cscolor-m-orange-10,.cscolor-m-orange-10 p,.cscolor-m-orange-10 a,.cscolor-m-orange-10 label,.cscolor-m-orange-10 th,.cscolor-m-orange-10 td,.cscolor-m-orange-10 span,.cscolor-m-orange-10 li,.cscolor-m-orange-10 input,.cscolor-m-orange-10 textarea{color:#FFF0E6 !important;} .cscolor-m-orange-40,.cscolor-m-orange-40 p,.cscolor-m-orange-40 a,.cscolor-m-orange-40 label,.cscolor-m-orange-40 th,.cscolor-m-orange-40 td,.cscolor-m-orange-40 span,.cscolor-m-orange-40 li,.cscolor-m-orange-40 input,.cscolor-m-orange-40 textarea{color:#FFC299 !important;} .cscolor-m-orange-mid,.cscolor-m-orange-mid p,.cscolor-m-orange-mid a,.cscolor-m-orange-mid label,.cscolor-m-orange-mid th,.cscolor-m-orange-mid td,.cscolor-m-orange-mid span,.cscolor-m-orange-mid li,.cscolor-m-orange-mid input,.cscolor-m-orange-mid textarea{color:#EB522C !important;} .cscolor-m-orange-75,.cscolor-m-orange-75 p,.cscolor-m-orange-75 a,.cscolor-m-orange-75 label,.cscolor-m-orange-75 th,.cscolor-m-orange-75 td,.cscolor-m-orange-75 span,.cscolor-m-orange-75 li,.cscolor-m-orange-75 input,.cscolor-m-orange-75 textarea{color:#AA2B27 !important;} .cscolor-m-orange-90,.cscolor-m-orange-90 p,.cscolor-m-orange-90 a,.cscolor-m-orange-90 label,.cscolor-m-orange-90 th,.cscolor-m-orange-90 td,.cscolor-m-orange-90 span,.cscolor-m-orange-90 li,.cscolor-m-orange-90 input,.cscolor-m-orange-90 textarea{color:#1A0A00 !important;} .cscolor-m-green-10,.cscolor-m-green-10 p,.cscolor-m-green-10 a,.cscolor-m-green-10 label,.cscolor-m-green-10 th,.cscolor-m-green-10 td,.cscolor-m-green-10 span,.cscolor-m-green-10 li,.cscolor-m-green-10 input,.cscolor-m-green-10 textarea{color:#E5F7ED !important;} .cscolor-m-green-40,.cscolor-m-green-40 p,.cscolor-m-green-40 a,.cscolor-m-green-40 label,.cscolor-m-green-40 th,.cscolor-m-green-40 td,.cscolor-m-green-40 span,.cscolor-m-green-40 li,.cscolor-m-green-40 input,.cscolor-m-green-40 textarea{color:#99DEB6 !important;} .cscolor-m-green-mid,.cscolor-m-green-mid p,.cscolor-m-green-mid a,.cscolor-m-green-mid label,.cscolor-m-green-mid th,.cscolor-m-green-mid td,.cscolor-m-green-mid span,.cscolor-m-green-mid li,.cscolor-m-green-mid input,.cscolor-m-green-mid textarea{color:#00AD49 !important;} .cscolor-m-green-75,.cscolor-m-green-75 p,.cscolor-m-green-75 a,.cscolor-m-green-75 label,.cscolor-m-green-75 th,.cscolor-m-green-75 td,.cscolor-m-green-75 span,.cscolor-m-green-75 li,.cscolor-m-green-75 input,.cscolor-m-green-75 textarea{color:#00451D !important;} .cscolor-m-green-90,.cscolor-m-green-90 p,.cscolor-m-green-90 a,.cscolor-m-green-90 label,.cscolor-m-green-90 th,.cscolor-m-green-90 td,.cscolor-m-green-90 span,.cscolor-m-green-90 li,.cscolor-m-green-90 input,.cscolor-m-green-90 textarea{color:#001107 !important;} .cscolor-m-blue-10,.cscolor-m-blue-10 p,.cscolor-m-blue-10 a,.cscolor-m-blue-10 label,.cscolor-m-blue-10 th,.cscolor-m-blue-10 td,.cscolor-m-blue-10 span,.cscolor-m-blue-10 li,.cscolor-m-blue-10 input,.cscolor-m-blue-10 textarea{color:#E9F2F9 !important;} .cscolor-m-blue-40,.cscolor-m-blue-40 p,.cscolor-m-blue-40 a,.cscolor-m-blue-40 label,.cscolor-m-blue-40 th,.cscolor-m-blue-40 td,.cscolor-m-blue-40 span,.cscolor-m-blue-40 li,.cscolor-m-blue-40 input,.cscolor-m-blue-40 textarea{color:#A8CBE7 !important;} .cscolor-m-blue-mid,.cscolor-m-blue-mid p,.cscolor-m-blue-mid a,.cscolor-m-blue-mid label,.cscolor-m-blue-mid th,.cscolor-m-blue-mid td,.cscolor-m-blue-mid span,.cscolor-m-blue-mid li,.cscolor-m-blue-mid input,.cscolor-m-blue-mid textarea{color:#4094A4 !important;} .cscolor-m-blue-75,.cscolor-m-blue-75 p,.cscolor-m-blue-75 a,.cscolor-m-blue-75 label,.cscolor-m-blue-75 th,.cscolor-m-blue-75 td,.cscolor-m-blue-75 span,.cscolor-m-blue-75 li,.cscolor-m-blue-75 input,.cscolor-m-blue-75 textarea{color:#0E4858 !important;} .cscolor-m-blue-90,.cscolor-m-blue-90 p,.cscolor-m-blue-90 a,.cscolor-m-blue-90 label,.cscolor-m-blue-90 th,.cscolor-m-blue-90 td,.cscolor-m-blue-90 span,.cscolor-m-blue-90 li,.cscolor-m-blue-90 input,.cscolor-m-blue-90 textarea{color:#040D13 !important;} .cscolor-m-blue-mid50p,.cscolor-m-blue-mid50p p,.cscolor-m-blue-mid50p a,.cscolor-m-blue-mid50p label,.cscolor-m-blue-mid50p th,.cscolor-m-blue-mid50p td,.cscolor-m-blue-mid50p span,.cscolor-m-blue-mid50p li,.cscolor-m-blue-mid50p input,.cscolor-m-blue-mid50p textarea{color:#4094A4 !important;opacity:.5 !important;} .cscolor-m-blue-80,.cscolor-m-blue-80 p,.cscolor-m-blue-80 a,.cscolor-m-blue-80 label,.cscolor-m-blue-80 th,.cscolor-m-blue-80 td,.cscolor-m-blue-80 span,.cscolor-m-blue-80 li,.cscolor-m-blue-80 input,.cscolor-m-blue-80 textarea{color:#0E4858 !important;} .cscolor-m-blue-40w30p,.cscolor-m-blue-40w30p p,.cscolor-m-blue-40w30p a,.cscolor-m-blue-40w30p label,.cscolor-m-blue-40w30p th,.cscolor-m-blue-40w30p td,.cscolor-m-blue-40w30p span,.cscolor-m-blue-40w30p li,.cscolor-m-blue-40w30p input,.cscolor-m-blue-40w30p textarea{color:#A8CBE7 !important;opacity:.3 !important;} .cscolor-m-blue-60,.cscolor-m-blue-60 p,.cscolor-m-blue-60 a,.cscolor-m-blue-60 label,.cscolor-m-blue-60 th,.cscolor-m-blue-60 td,.cscolor-m-blue-60 span,.cscolor-m-blue-60 li,.cscolor-m-blue-60 input,.cscolor-m-blue-60 textarea{color:#2A7B8A !important;} .cscolor-m-surface-white,.cscolor-m-surface-white p,.cscolor-m-surface-white a,.cscolor-m-surface-white label,.cscolor-m-surface-white th,.cscolor-m-surface-white td,.cscolor-m-surface-white span,.cscolor-m-surface-white li,.cscolor-m-surface-white input,.cscolor-m-surface-white textarea{color:#F9F7F6 !important;} .csbg-m-transparent{background:transparent !important;} .csbg-m-white{background:#F9F7F6 !important;} .csbg-m-black{background:#000000 !important;} .csbg-m-mono-white{background:#FCFBFB !important;} .csbg-m-mono-black{background:#2C303C !important;} .csbg-m-mono-gray{background:#C6C6C6 !important;} .csbg-m-davy-gray{background:#78787A !important;} .csbg-m-dark-grey{background:#58595B !important;} .csbg-m-orange-10{background:#FFF0E6 !important;} .csbg-m-orange-40{background:#FFC299 !important;} .csbg-m-orange-mid{background:#EB522C !important;} .csbg-m-orange-75{background:#AA2B27 !important;} .csbg-m-orange-90{background:#1A0A00 !important;} .csbg-m-green-10{background:#E5F7ED !important;} .csbg-m-green-40{background:#99DEB6 !important;} .csbg-m-green-mid{background:#00AD49 !important;} .csbg-m-green-75{background:#00451D !important;} .csbg-m-green-90{background:#001107 !important;} .csbg-m-blue-10{background:#E9F2F9 !important;} .csbg-m-blue-40{background:#A8CBE7 !important;} .csbg-m-blue-mid{background:#4094A4 !important;} .csbg-m-blue-75{background:#0E4858 !important;} .csbg-m-blue-90{background:#040D13 !important;} .csbg-m-blue-mid50p{background:#4094A4 !important;opacity:.5 !important;} .csbg-m-blue-80{background:#0E4858 !important;} .csbg-m-blue-40w30p{background:#A8CBE7 !important;opacity:.3 !important;} .csbg-m-blue-60{background:#2A7B8A !important;} .csbg-m-surface-white{background:#F9F7F6 !important;} .csbdr-m-unset{border-radius: unset !important;} .csbdr-lg-1vw{border-radius: 5vw !important;} .csbdr-m-unset,.csbdr-lg-1vw.csbdr-m-unset{border-radius: unset !important;} .csbdr-m-3vw,.csbdr-lg-1vw.csbdr-m-3vw{border-radius: 3vw !important;} .csbdr-m-blue-40{border: 0.1vh solid #A8CBE7;} .csbdr-m-mono-gray{border: 0.1vh solid #C6C6C6;} .csbdrs-m-blue-40{border-left: 0.05vw solid #A8CBE7;} .csbdrb-lg-blue-40.csbdrb-m-unset{border-bottom: unset !important;} .csbdrb-m-blue-40{border-bottom: 0.1vh solid #A8CBE7;} .csbdrb-m-sectiontitle{border-bottom: 0.1vh solid #A8CBE7;} .csbdrb-m-mono-gray{border-bottom: 0.1vh solid #C6C6C6;} /* End Text, Color, Background, Shadow, Image */ /* Button */ .backtop{ left: unset !important; right: 6vw !important; } .csbtn-outline-white{ font-size:16px !important;line-height:24px !important;letter-spacing:0 !important; } .csbtn-outline-black{ font-size:16px !important;line-height:24px !important;letter-spacing:0 !important; } .csbtn-orange-mid{ font-size:16px !important;line-height:24px !important;letter-spacing:0 !important; } .csbtn-green-mid{ font-size:16px !important;line-height:24px !important;letter-spacing:0 !important; } .csbtn-outline-mono-gray{ font-size:16px !important;line-height:24px !important;letter-spacing:0 !important; } .csbtn-white{ font-size:16px !important;line-height:24px !important;letter-spacing:0 !important; } .csbtn-outline-mono-black{ font-size:16px !important;line-height:24px !important;letter-spacing:0 !important; } .csbtn-burger{ font-size:16px !important;line-height:24px !important;letter-spacing:0 !important; } /* End Button */ /* Carousel */ .owloneslider .owl-nav{ top: unset; transform: unset; bottom: 33vh; width: 84vw; } .owloneslider .owl-dots{ display: none; } .owl-nav-def .owl-nav{ bottom: 3vh; left: 0; right: 0; width: 70%; } /* End Carousel */ /* Position */ .cspost-m-2vh{top: 2vh !important;} .cspos-m-unset{ position: relative !important; top: unset !important; bottom: unset !important; transform: unset !important; left: unset !important; right: unset !important; } .csposb-m-m3vh{bottom: -3vh !important;} /* End Position */ /* Margin */ .csmgt-m-0{margin-top: 0 !important;} .csmgt-m-m8vh{margin-top: -8vh !important;} .csmgt-m-m10vh{margin-top: -10vh !important;} .csmgt-m-m30vh{margin-top: -30vh !important;} .csmgt-m-m63vh{margin-top: -63vh !important;} /* End Margin */ /* Width */ .cswd-m-5vw{width: 5vw !important;} .cswd-m-7vw{width: 7vw !important;} .cswd-m-14p{width: 14% !important;} .cswd-m-22p{width: 22% !important;} .cswd-m-23p{width: 23% !important;} .cswd-m-24p{width: 24% !important;} .cswd-m-26p{width: 26% !important;} .cswd-m-27p{width: 27% !important;} .cswd-m-28p{width: 28% !important;} .cswd-m-30p{width: 30% !important;} .cswd-m-32p{width: 32% !important;} .cswd-m-38p{width: 38% !important;} .cswd-m-40p{width: 40% !important;} .cswd-m-43p{width: 43% !important;} .cswd-m-48p{width: 48% !important;} .cswd-m-50p{width: 50% !important;} /* End Width */ /* Height */ .cshg-m-4p5vh{height: 4.5vh !important;} .cshg-m-5vh{height: 5vh !important;} .cshg-m-10vw{height: 10vw !important;} .cshg-m-13vw{height: 13vw !important;} .cshg-m-40vh{height: 40vh !important;} /* End Height */ /* Form */ form input, form textarea{ font-size:16px !important;line-height:24px !important;letter-spacing:0 !important; } #form-report-submission input, #form-report-submission textarea{ font-size:12px !important;line-height:normal !important;letter-spacing:0 !important; } /* End Form */ /* Component Logo */ .compLogo .item{ width: 100%; } /* End Component Logo */ /* Component Menu Sticky */ .menuSticky ul li:hover a, .menuSticky ul li.active a{ font-size:16px !important;line-height:24px !important;letter-spacing:0 !important; } /* End Component Menu Sticky */ /* Component Accordion */ .cscomp-accordion-text p, .cscomp-accordion-text li{ font-size:16px !important;line-height:24px !important;letter-spacing:0 !important; } /* End Component Accordion */ /* Component Tab */ /* End Component Tab */ /* Component Table */ .cscomp-table thead{ padding: 3vh 2vw !important; } .cscomp-table tbody{ padding: 0 2vw !important; } .cscomp-table th{ font-size:14px !important;line-height:24px !important;letter-spacing:0 !important; } .cscomp-table td{ font-size:12px !important;line-height:18px !important;letter-spacing:0 !important; } .long-table{ width: 100%; height: auto; overflow-y: auto; } /* End Component Table */ /* Component Submenu */ .cscomp-submenu{display: none !important;} /* End Component Submenu */ /* Component Path */ .path a, .path p{font-size:12px !important;line-height:normal !important;letter-spacing:0 !important;} /* End Component Path */ /* Component Card */ .comp-card-hover .background, .comp-card-hover:hover .background{ transform: scale(1); height: 50vh; } .comp-card-hover .icon, .comp-card-hover:hover .icon{ top: 30%; transform: scale(2.5); } .comp-card-hover .text, .comp-card-hover:hover .text{ top: 55%; opacity: 1; } /* End Component Card */ /* Component Board */ /* End Component Board */ /* Component Card Slide */ .cnc-new{ border-radius: 5vw !important; } .cnc-new:hover .image{ transform: scale(1); } .cnc-new .overlay{ top: 0; height: 100%; transition: all 500ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cnc-new .article, .cnc-new .date{ top: 65%; transform: scale(1); transition: all 500ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cnc-new .article{ left: 4vw !important; } .cnc-new .date{ right: 4vw !important; } .cnc-new .text{ top: 75%; padding: 0 4vw !important; transition: all 500ms cubic-bezier(0.17, 0.56, 0.34, 0.89); } .cnc-new .text h2{ margin-bottom: 2vh !important; } /* End Component Card Slide */ /* Navigation */ #main-navigation{ position: fixed !important; top: 0 !important; transition-duration: 0.8s; transition-delay: 0.3s; transition-timing-function: ease; border-bottom:0.1vh solid transparent; } #main-navigation.hide{ top: -20vh !important; transition-duration: 0.8s; transition-delay: 0.3s; transition-timing-function: ease; } #main-navigation.navigation-bw{ background: #FCFBFB !important; } .nav-menuhighlight li a p{ font-size:16px !important;line-height:24px !important;letter-spacing:0 !important; } .nav-lang p{ font-size:16px !important;line-height:24px !important;letter-spacing:0 !important; } .nav-lang .csbtn-outline-white, .nav-lang .csbtn-outline-black{ padding: 1vh 1vw; width: 100%; } #main-navigation .csbtn-burger, .nav-menu .csbtn-burger{ padding: 1vh 5.5vw; transition: unset !important; } #main-navigation .csbtn-burger p, .nav-menu .csbtn-burger p{ font-size:16px !important;line-height:24px !important;letter-spacing:0 !important; } .nav-menu::before{ top: 16vh; } .search-input, .search-input:focus{ padding: 1vh 4vw; width: 84vw; } .nav-search button{ width: 6vw; height: 6vw; } .nav-menu .nav-menuhighlight li a{ font-size:14px !important;line-height:normal !important;letter-spacing:0 !important; } .nav-menu .nav-menuhighlight li p{ margin-top:-3px; font-size:10px !important;line-height:normal !important;letter-spacing:0 !important; color: #78787A !important; } .nav-menu .nav-lang p{ font-size:16px !important;line-height:24px !important;letter-spacing:0 !important; } .nav-menu .mainmenu .parent, .nav-menu .mainmenu .child-0, .nav-menu .mainmenu .child-1{ height: 45vh !important; overflow: hidden; } .nav-menu .mainmenu .child-0, .nav-menu .mainmenu .child-1{ z-index: 2; padding: 0 !important; top: 0; left: 8vw !important; background: #FCFBFB !important; } .nav-menu .mainmenu .child-0::before, .nav-menu .mainmenu .child-1::before{display: none;} .nav-menu .mainmenu .parent li a, .nav-menu .mainmenu .child-0 li a, .nav-menu .mainmenu .child-1 li a{ padding: 1vh 0 !important; width: 84vw !important; } .nav-menu .mainmenu .parent li a::after, .nav-menu .mainmenu .child-0 li a::after, .nav-menu .mainmenu .child-1 li a::after{ width: 3vw; height: 5vw; } .nav-menu .mainmenu .parent li.active a::after, .nav-menu .mainmenu .child-0 li.active a::after, .nav-menu .mainmenu .child-1 li.active a::after{ transform: rotate(0deg) !important; } .nav-menu .mainmenu .parent li a p, .nav-menu .mainmenu .child-0 li a p, .nav-menu .mainmenu .child-1 li a p{ font-size: 14px !important;line-height: 17px !important;letter-spacing:0 !important; } .nav-menu .mainmenu .parent li.active a p, .nav-menu .mainmenu .child-0 li.active a p, .nav-menu .mainmenu .child-1 li.active a p{ font-family: "Namian-Regular" !important; font-size: 14px !important;line-height: 17px !important;letter-spacing:0 !important; } .nav-menu .mainmenu .btn-back::after{ display: none !important; } /* End Navigation */ /* Footer */ .ft-logo p{ font-size:20px !important;line-height:normal !important;letter-spacing:0 !important; } .ft-information p, .ft-information li{ font-size:16px !important;line-height:24px !important;letter-spacing:0 !important; } .ft-menu ul{ display: block; grid-template-rows: unset; grid-auto-flow: unset; column-gap: unset; row-gap: unset; width: auto; } .ft-menu ul li a{ font-size:24px !important;line-height:normal !important;letter-spacing:0 !important; } .ft-copyright p{ font-size:12px !important;line-height:normal !important;letter-spacing:0 !important; } /* End Footer */ /* Home Page */ .cscomp-clients-list{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1vw; } .award-gallery-modal{ padding: 2vh 4vw; } .award-gallery-panel{ border-radius: 3vw; } .award-gallery-toolbar{ align-items: flex-start; gap: 4vw; padding: 2vh 4vw; } .award-gallery-toolbar h2{ font-size: 16px !important; line-height: 24px !important; } .award-gallery-actions{ gap: 2vw; } .award-gallery-btn{ width: 10vw; height: 10vw; font-size: 14px !important; } .award-gallery-stage{ padding: 8vh 4vw; align-items: flex-start; } .award-gallery-nav{ top: auto; bottom: 2vh; width: 12vw; height: 12vw; font-size: 32px !important; transform: none; } .award-gallery-prev{ left: 4vw; } .award-gallery-next{ right: 4vw; } /* End Home Page */ /* About Page */ #milestone .date{display: none !important;} .milestoneslider h4.csfontsize-lg-64px{ font-size: 130px !important; line-height: 130px !important; } .cscomp-poster .wrapper{ max-width: 88vw; } .cscomp-poster .image{ max-width: 88vw; max-height: 70vh; } #orgstructure .modal-content, #prdcat .modal-content{ overflow: unset !important; } #orgstructure .close, #prdcat .close{ top: -4vh !important; right: -4vw !important; } /* End About Page */ /* Investor Page */ /* End Investor Page */ /* Newsroom Page */ .cscomp-newsroom-list{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .newsroom-pagination-wrap{ gap: 8vw; } .cscomp-newsroom-card h2{ margin-bottom: 5vh !important; height: auto; overflow: unset; } .newsroom-pagination-wrap .newsroom-pagination-value .page-number{ min-width: 6vw; height: 10vw; font-size:20px !important;line-height:normal !important;letter-spacing:0 !important; } .detail-page .article-newsroom article p{font-size:16px !important;line-height:24px !important;letter-spacing:0 !important;} /* End Newsroom Page */ /* Report Submission Page */ /* End Report Submission Page */ /* Service Frame */ .serviceframe-content-section .cscomp-newsroom-list, .business-products-section .cscomp-newsroom-list, .business-services-section .cscomp-newsroom-list, .investordetail1-article-of-association-section .cscomp-newsroom-list, .investordetail1-responsibility-of-the-boards-section .cscomp-newsroom-list, .csgridcolumn-lg-2 .cscomp-newsroom-list{ grid-template-columns: repeat(1, minmax(0, 1fr)); } /* End Service Frame */ } /* ===================================================================== */ /* ====================== END MOBILE VERSION =========================== */ /* ===================================================================== */