@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700'); .bp3-projectw { width : 100%; min-width : 320px; height : 100vh; min-height : 1661px; position : relative; overflow : hidden; margin : 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color : rgba(240, 240, 240, 1.0); opacity : 1.0; } a { text-decoration : none; } div { -webkit-text-size-adjust: none; } .anima-full-width-a { width : 100%; } .anima-full-height-a { height : 100%; } div { -webkit-text-size-adjust: none; } .bp3-projectw .bp3-render5 { background-color : rgba(255,255,255,0.0); top : 882px; height : 171px; width : 227px; position : absolute; margin : 0; left : 118px; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-fromstandardtothe { background-color : rgba(255,255,255,0.0); top : 279px; height : auto; width : 238px; position : absolute; margin : 0; left : 42px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 700; font-style : normal; font-size : 8.4px; color : rgba(0, 0, 0, 1.0); text-align : left; letter-spacing : -0.0px; line-height : 6.4px; } .bp3-projectw .bp3-fromstandardtothe .bp3-span1 { line-height : 10.0px; } .bp3-projectw .bp3-fromstandardtothe .bp3-span2 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-fromstandardtothe .bp3-span3 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-theessenceoftime { background-color : rgba(255,255,255,0.0); top : 799px; height : auto; width : 238px; position : absolute; margin : 0; left : 42px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 700; font-style : normal; font-size : 8.4px; color : rgba(0, 0, 0, 1.0); text-align : left; letter-spacing : -0.0px; line-height : 6.4px; } .bp3-projectw .bp3-theessenceoftime .bp3-span1 { line-height : 10.0px; } .bp3-projectw .bp3-theessenceoftime .bp3-span2 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-theessenceoftime .bp3-span3 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-render903 { background-color : rgba(215, 215, 215, 1.0); top : 1430px; height : 181px; width : 320px; position : absolute; margin : 0; left : 0px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-render903 .bp3-mask { background-color : rgba(215, 215, 215, 1.0); top : 0px; height : 180px; width : 320px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-render903 .bp3-render9031 { background-color : rgba(255,255,255,0.0); top : -8px; height : 213px; width : 320px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-projectwisaself { background-color : rgba(255,255,255,0.0); top : 240px; height : auto; width : 225px; position : absolute; margin : 0; left : 47px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-render904 { background-color : rgba(215, 215, 215, 1.0); top : 51px; height : 180px; width : 320px; position : absolute; margin : 0; left : 0px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-render904 .bp3-mask { background-color : rgba(215, 215, 215, 1.0); top : 0px; height : 180px; width : 320px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-render904 .bp3-render9041 { background-color : rgba(255,255,255,0.0); top : -22px; height : 213px; width : 320px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-render1 { background-color : rgba(255,255,255,0.0); top : 436px; height : 231px; width : 308px; position : absolute; margin : 0; left : 6px; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-render7 { background-color : rgba(255,255,255,0.0); top : 1167px; height : 174px; width : 233px; position : absolute; margin : 0; left : -1px; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-group3 { background-color : rgba(255,255,255,0.0); top : 335px; height : 96px; width : 308px; position : absolute; margin : 0; left : 6px; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-group3 .bp3-img4372copy { background-color : rgba(255,255,255,0.0); top : 0px; height : 95px; width : 72px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-group3 .bp3-img4207 { background-color : rgba(255,255,255,0.0); top : 0px; height : 95px; width : 72px; position : absolute; margin : 0; left : 78px; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-group3 .bp3-img4089 { background-color : rgba(255,255,255,0.0); top : 0px; height : 96px; width : 72px; position : absolute; margin : 0; left : 157px; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-group3 .bp3-img9892 { background-color : rgba(215, 215, 215, 1.0); top : 0px; height : 96px; width : 72px; position : absolute; margin : 0; left : 236px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-group3 .bp3-img9892 .bp3-mask { background-color : rgba(215, 215, 215, 1.0); top : 0px; height : 96px; width : 72px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-group3 .bp3-img9892 .bp3-img98921 { background-color : rgba(255,255,255,0.0); top : 0px; height : 96px; width : 144px; position : absolute; margin : 0; left : -33px; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-group37copy { background-color : rgba(255,255,255,0.0); top : 695px; height : 90px; width : 177px; position : absolute; margin : 0; left : 72px; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-thenewtoolsthede { background-color : rgba(255,255,255,0.0); top : 1017px; height : auto; width : 172px; position : absolute; margin : 0; left : 21px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 700; font-style : normal; font-size : 8.4px; color : rgba(0, 0, 0, 1.0); text-align : left; letter-spacing : -0.0px; line-height : 6.4px; } .bp3-projectw .bp3-thenewtoolsthede .bp3-span1 { line-height : 10.0px; } .bp3-projectw .bp3-thenewtoolsthede .bp3-span2 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-thenewtoolsthede .bp3-span3 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-thenewmateriality { background-color : rgba(255,255,255,0.0); top : 1347px; height : auto; width : 172px; position : absolute; margin : 0; left : 123px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 700; font-style : normal; font-size : 8.4px; color : rgba(0, 0, 0, 1.0); text-align : left; letter-spacing : -0.0px; line-height : 6.4px; } .bp3-projectw .bp3-thenewmateriality .bp3-span1 { line-height : 10.0px; } .bp3-projectw .bp3-thenewmateriality .bp3-span2 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-thenewmateriality .bp3-span3 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-links { background-color : rgba(255,255,255,0.0); top : 0px; height : 51px; width : 320px; position : absolute; margin : 0; left : 0px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-links .bp3-background { background-color : rgba(255,255,255,0.0); top : 0px; height : 51px; width : 320px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-links .bp3-projectw1 { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 173px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-links .bp3-teapot { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 290px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-links .bp3-phos { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 79px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-links .bp3-zumtobel { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 213px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-links .bp3-untitled { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 136px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-links .bp3-home { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 11px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-links .bp3-camper { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 254px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-links .bp3-mini { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 108px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-links .bp3-tascana { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 43px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-linkscopy3 { background-color : rgba(255,255,255,0.0); top : 1611px; height : 51px; width : 320px; position : absolute; margin : 0; left : 0px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-linkscopy3 .bp3-background { background-color : rgba(255,255,255,0.0); top : 0px; height : 51px; width : 320px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp3-projectw .bp3-linkscopy3 .bp3-projectw1 { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 173px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-linkscopy3 .bp3-teapot { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 290px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-linkscopy3 .bp3-phos { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 79px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-linkscopy3 .bp3-zumtobel { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 213px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-linkscopy3 .bp3-untitled { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 136px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-linkscopy3 .bp3-home { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 11px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-linkscopy3 .bp3-camper { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 254px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-linkscopy3 .bp3-mini { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 108px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } .bp3-projectw .bp3-linkscopy3 .bp3-tascana { background-color : rgba(255,255,255,0.0); top : 25px; height : auto; width : auto; position : absolute; margin : 0; left : 43px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 6.4px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.15px; line-height : 8.0px; } /* .anima-animate-appear prefix for appear animations */ .anima-animate-appear { opacity : 0; display : block; -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; animation : anima-reveal 0.3s ease-in-out 1 normal forwards; } .anima-animate-disappear { opacity : 1; display : block; -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; } .anima-animate-nodelay { -webkit-animation-delay: 0; -moz-animation-delay: 0; -o-animation-delay : 0; animation-delay : 0; } @-webkit-keyframes anima-reveal { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes anima-reveal { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes anima-reveal { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes anima-reveal { 0% { opacity: 0; } 100% { opacity: 1; } } .anima-component-wrapper, .anima-component-wrapper * { pointer-events : none; } .anima-component-wrapper a *, .anima-component-wrapper a, .anima-component-wrapper input, .anima-component-wrapper video, .anima-component-wrapper iframe, .anima-listeners-active, .anima-listeners-active * { pointer-events : auto; } .anima-hidden, .anima-hidden * { visibility : hidden; pointer-events : none; } .anima-smart-layers-pointers, .anima-smart-layers-pointers * { pointer-events : auto; visibility : visible; } .anima-component-wrapper.anima-not-ready, .anima-component-wrapper.anima-not-ready * { visibility : hidden !important; } .anima-listeners-active-click, .anima-listeners-active-click * { cursor : pointer; } .anima-word-break { overflow-wrap : break-word; word-wrap : break-word; word-break : break-all; word-break : break-word; } .bp2-projectw1 { width : 100%; min-width : 600px; height : 100vh; min-height : 3115px; position : relative; overflow : hidden; margin : 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color : rgba(240, 240, 240, 1.0); opacity : 1.0; } div { -webkit-text-size-adjust: none; } .bp2-projectw1 .bp2-render5 { background-color : rgba(255,255,255,0.0); top : 1654px; height : 320px; width : 426px; position : absolute; margin : 0; left : 222px; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-fromstandardtothe { background-color : rgba(255,255,255,0.0); top : 523px; height : auto; width : 444px; position : absolute; margin : 0; left : 79px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 700; font-style : normal; font-size : 15.75px; color : rgba(0, 0, 0, 1.0); text-align : left; letter-spacing : -0.0px; line-height : 12.0px; } .bp2-projectw1 .bp2-fromstandardtothe .bp2-span1 { line-height : 19.0px; } .bp2-projectw1 .bp2-fromstandardtothe .bp2-span2 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-fromstandardtothe .bp2-span3 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-theessenceoftime { background-color : rgba(255,255,255,0.0); top : 1498px; height : auto; width : 444px; position : absolute; margin : 0; left : 79px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 700; font-style : normal; font-size : 15.75px; color : rgba(0, 0, 0, 1.0); text-align : left; letter-spacing : -0.0px; line-height : 12.0px; } .bp2-projectw1 .bp2-theessenceoftime .bp2-span1 { line-height : 19.0px; } .bp2-projectw1 .bp2-theessenceoftime .bp2-span2 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-theessenceoftime .bp2-span3 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-render903 { background-color : rgba(215, 215, 215, 1.0); top : 2682px; height : 338px; width : 600px; position : absolute; margin : 0; left : 0px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-render903 .bp2-mask { background-color : rgba(215, 215, 215, 1.0); top : 0px; height : 338px; width : 600px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-render903 .bp2-render9031 { background-color : rgba(255,255,255,0.0); top : -15px; height : 400px; width : 600px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-projectwisaself { background-color : rgba(255,255,255,0.0); top : 450px; height : auto; width : 422px; position : absolute; margin : 0; left : 89px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-render904 { background-color : rgba(215, 215, 215, 1.0); top : 95px; height : 337px; width : 600px; position : absolute; margin : 0; left : 0px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-render904 .bp2-mask { background-color : rgba(215, 215, 215, 1.0); top : 0px; height : 337px; width : 600px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-render904 .bp2-render9041 { background-color : rgba(255,255,255,0.0); top : -41px; height : 400px; width : 600px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-render1 { background-color : rgba(255,255,255,0.0); top : 818px; height : 434px; width : 578px; position : absolute; margin : 0; left : 11px; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-render7 { background-color : rgba(255,255,255,0.0); top : 2188px; height : 327px; width : 437px; position : absolute; margin : 0; left : -2px; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-group3 { background-color : rgba(255,255,255,0.0); top : 628px; height : 180px; width : 576px; position : absolute; margin : 0; left : 12px; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-group3 .bp2-img4372copy { background-color : rgba(255,255,255,0.0); top : 0px; height : 179px; width : 135px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-group3 .bp2-img4207 { background-color : rgba(255,255,255,0.0); top : 0px; height : 179px; width : 135px; position : absolute; margin : 0; left : 146px; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-group3 .bp2-img4089 { background-color : rgba(255,255,255,0.0); top : 0px; height : 180px; width : 135px; position : absolute; margin : 0; left : 294px; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-group3 .bp2-img9892 { background-color : rgba(215, 215, 215, 1.0); top : 0px; height : 180px; width : 135px; position : absolute; margin : 0; left : 441px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-group3 .bp2-img9892 .bp2-mask { background-color : rgba(215, 215, 215, 1.0); top : 0px; height : 180px; width : 135px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-group3 .bp2-img9892 .bp2-img98921 { background-color : rgba(255,255,255,0.0); top : 0px; height : 180px; width : 270px; position : absolute; margin : 0; left : -61px; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-group37copy { background-color : rgba(255,255,255,0.0); top : 1304px; height : 167px; width : 330px; position : absolute; margin : 0; left : 135px; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-thenewtoolsthede { background-color : rgba(255,255,255,0.0); top : 1906px; height : auto; width : 321px; position : absolute; margin : 0; left : 40px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 700; font-style : normal; font-size : 15.75px; color : rgba(0, 0, 0, 1.0); text-align : left; letter-spacing : -0.0px; line-height : 12.0px; } .bp2-projectw1 .bp2-thenewtoolsthede .bp2-span1 { line-height : 19.0px; } .bp2-projectw1 .bp2-thenewtoolsthede .bp2-span2 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-thenewtoolsthede .bp2-span3 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-thenewmateriality { background-color : rgba(255,255,255,0.0); top : 2526px; height : auto; width : 321px; position : absolute; margin : 0; left : 230px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 700; font-style : normal; font-size : 15.75px; color : rgba(0, 0, 0, 1.0); text-align : left; letter-spacing : -0.0px; line-height : 12.0px; } .bp2-projectw1 .bp2-thenewmateriality .bp2-span1 { line-height : 19.0px; } .bp2-projectw1 .bp2-thenewmateriality .bp2-span2 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-thenewmateriality .bp2-span3 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-links { background-color : rgba(255,255,255,0.0); top : 0px; height : 95px; width : 600px; position : absolute; margin : 0; left : 0px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-links .bp2-background { background-color : rgba(255,255,255,0.0); top : 0px; height : 95px; width : 600px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-links .bp2-projectw { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 325px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-links .bp2-teapot { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 545px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-links .bp2-phos { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 150px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-links .bp2-zumtobel { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 400px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-links .bp2-untitled { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 256px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-links .bp2-home { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 21px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-links .bp2-camper { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 477px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-links .bp2-mini { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 204px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-links .bp2-tascana { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 81px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-linkscopy3 { background-color : rgba(255,255,255,0.0); top : 3020px; height : 95px; width : 600px; position : absolute; margin : 0; left : 0px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-linkscopy3 .bp2-background { background-color : rgba(255,255,255,0.0); top : 0px; height : 95px; width : 600px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp2-projectw1 .bp2-linkscopy3 .bp2-projectw { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 325px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-linkscopy3 .bp2-teapot { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 545px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-linkscopy3 .bp2-phos { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 150px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-linkscopy3 .bp2-zumtobel { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 400px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-linkscopy3 .bp2-untitled { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 256px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-linkscopy3 .bp2-home { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 21px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-linkscopy3 .bp2-camper { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 477px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-linkscopy3 .bp2-mini { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 204px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } .bp2-projectw1 .bp2-linkscopy3 .bp2-tascana { background-color : rgba(255,255,255,0.0); top : 46px; height : auto; width : auto; position : absolute; margin : 0; left : 81px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 12.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.29px; line-height : 15.0px; } /* .anima-animate-appear prefix for appear animations */ .anima-animate-appear { opacity : 0; display : block; -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; animation : anima-reveal 0.3s ease-in-out 1 normal forwards; } .anima-animate-disappear { opacity : 1; display : block; -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; } .anima-animate-nodelay { -webkit-animation-delay: 0; -moz-animation-delay: 0; -o-animation-delay : 0; animation-delay : 0; } @-webkit-keyframes anima-reveal { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes anima-reveal { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes anima-reveal { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes anima-reveal { 0% { opacity: 0; } 100% { opacity: 1; } } .anima-component-wrapper, .anima-component-wrapper * { pointer-events : none; } .anima-component-wrapper a *, .anima-component-wrapper a, .anima-component-wrapper input, .anima-component-wrapper video, .anima-component-wrapper iframe, .anima-listeners-active, .anima-listeners-active * { pointer-events : auto; } .anima-hidden, .anima-hidden * { visibility : hidden; pointer-events : none; } .anima-smart-layers-pointers, .anima-smart-layers-pointers * { pointer-events : auto; visibility : visible; } .anima-component-wrapper.anima-not-ready, .anima-component-wrapper.anima-not-ready * { visibility : hidden !important; } .anima-listeners-active-click, .anima-listeners-active-click * { cursor : pointer; } .anima-word-break { overflow-wrap : break-word; word-wrap : break-word; word-break : break-all; word-break : break-word; } .bp1-projectw2 { width : 100%; min-width : 1080px; height : 100vh; min-height : 4793px; position : relative; overflow : hidden; margin : 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color : rgba(240, 240, 240, 1.0); opacity : 1.0; } div { -webkit-text-size-adjust: none; } .bp1-projectw2 .bp1-render5 { background-color : rgba(255,255,255,0.0); top : 2863px; height : 528px; width : 704px; position : absolute; margin : 0; left : 460px; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-fromstandardtothe { background-color : rgba(255,255,255,0.0); top : 902px; height : auto; width : 427px; position : absolute; margin : 0; left : 83px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 700; font-style : normal; font-size : 21.0px; color : rgba(0, 0, 0, 1.0); text-align : left; letter-spacing : -0.0px; line-height : 16.0px; } .bp1-projectw2 .bp1-fromstandardtothe .bp1-span1 { line-height : 27.0px; } .bp1-projectw2 .bp1-fromstandardtothe .bp1-span2 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-fromstandardtothe .bp1-span3 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-theessenceoftime { background-color : rgba(255,255,255,0.0); top : 2515px; height : auto; width : 427px; position : absolute; margin : 0; left : 587px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 700; font-style : normal; font-size : 21.0px; color : rgba(0, 0, 0, 1.0); text-align : left; letter-spacing : -0.0px; line-height : 16.0px; } .bp1-projectw2 .bp1-theessenceoftime .bp1-span1 { line-height : 27.0px; } .bp1-projectw2 .bp1-theessenceoftime .bp1-span2 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-theessenceoftime .bp1-span3 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-render903 { background-color : rgba(215, 215, 215, 1.0); top : 4049px; height : 608px; width : 1080px; position : absolute; margin : 0; left : 0px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-render903 .bp1-mask { background-color : rgba(215, 215, 215, 1.0); top : 0px; height : 608px; width : 1080px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-render903 .bp1-render9031 { background-color : rgba(255,255,255,0.0); top : -27px; height : 720px; width : 1080px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-projectwisaself { background-color : rgba(255,255,255,0.0); top : 776px; height : auto; width : 562px; position : absolute; margin : 0; left : 259px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-render904 { background-color : rgba(215, 215, 215, 1.0); top : 124px; height : 607px; width : 1080px; position : absolute; margin : 0; left : 0px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-render904 .bp1-mask { background-color : rgba(215, 215, 215, 1.0); top : 0px; height : 607px; width : 1080px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-render904 .bp1-render9041 { background-color : rgba(255,255,255,0.0); top : -73px; height : 720px; width : 1080px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-render1 { background-color : rgba(255,255,255,0.0); top : 1482px; height : 778px; width : 1038px; position : absolute; margin : 0; left : 21px; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-render7 { background-color : rgba(255,255,255,0.0); top : 3468px; height : 436px; width : 582px; position : absolute; margin : 0; left : 22px; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-group3 { background-color : rgba(255,255,255,0.0); top : 1138px; height : 323px; width : 1036px; position : absolute; margin : 0; left : 22px; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-group3 .bp1-img4372copy { background-color : rgba(255,255,255,0.0); top : 0px; height : 322px; width : 242px; position : absolute; margin : 0; left : 1px; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-group3 .bp1-img4207 { background-color : rgba(255,255,255,0.0); top : 0px; height : 322px; width : 243px; position : absolute; margin : 0; left : 264px; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-group3 .bp1-img4089 { background-color : rgba(255,255,255,0.0); top : 0px; height : 323px; width : 243px; position : absolute; margin : 0; left : 529px; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-group3 .bp1-img9892 { background-color : rgba(215, 215, 215, 1.0); top : 0px; height : 323px; width : 243px; position : absolute; margin : 0; left : 793px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-group3 .bp1-img9892 .bp1-mask { background-color : rgba(215, 215, 215, 1.0); top : 0px; height : 323px; width : 243px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-group3 .bp1-img9892 .bp1-img98921 { background-color : rgba(255,255,255,0.0); top : 0px; height : 323px; width : 485px; position : absolute; margin : 0; left : -111px; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-group37copy { background-color : rgba(255,255,255,0.0); top : 2467px; height : 222px; width : 440px; position : absolute; margin : 0; left : 73px; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-thenewtoolsthede { background-color : rgba(255,255,255,0.0); top : 2994px; height : auto; width : 427px; position : absolute; margin : 0; left : 100px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 700; font-style : normal; font-size : 21.0px; color : rgba(0, 0, 0, 1.0); text-align : left; letter-spacing : -0.0px; line-height : 16.0px; } .bp1-projectw2 .bp1-thenewtoolsthede .bp1-span1 { line-height : 27.0px; } .bp1-projectw2 .bp1-thenewtoolsthede .bp1-span2 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-thenewtoolsthede .bp1-span3 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-thenewmateriality { background-color : rgba(255,255,255,0.0); top : 3617px; height : auto; width : 427px; position : absolute; margin : 0; left : 600px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 700; font-style : normal; font-size : 21.0px; color : rgba(0, 0, 0, 1.0); text-align : left; letter-spacing : -0.0px; line-height : 16.0px; } .bp1-projectw2 .bp1-thenewmateriality .bp1-span1 { line-height : 27.0px; } .bp1-projectw2 .bp1-thenewmateriality .bp1-span2 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-thenewmateriality .bp1-span3 { font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-links { background-color : rgba(255,255,255,0.0); top : 29px; height : 95px; width : 985px; position : absolute; margin : 0; left : 48px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-links .bp1-background { background-color : rgba(255,255,255,0.0); top : 0px; height : 95px; width : 985px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-links .bp1-projectw { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 554px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-links .bp1-teapot { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 937px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-links .bp1-phos { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 231px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-links .bp1-zumtobel { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 684px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-links .bp1-untitled { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 432px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-links .bp1-home { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-links .bp1-camper { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 816px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-links .bp1-mini { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 333px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-links .bp1-tascana { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 109px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-linkscopy3 { background-color : rgba(255,255,255,0.0); top : 4698px; height : 95px; width : 985px; position : absolute; margin : 0; left : 47px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-linkscopy3 .bp1-background { background-color : rgba(255,255,255,0.0); top : 0px; height : 95px; width : 985px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp1-projectw2 .bp1-linkscopy3 .bp1-projectw { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 554px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-linkscopy3 .bp1-teapot { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 937px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-linkscopy3 .bp1-phos { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 231px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-linkscopy3 .bp1-zumtobel { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 684px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-linkscopy3 .bp1-untitled { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 432px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-linkscopy3 .bp1-home { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-linkscopy3 .bp1-camper { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 816px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-linkscopy3 .bp1-mini { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 333px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } .bp1-projectw2 .bp1-linkscopy3 .bp1-tascana { background-color : rgba(255,255,255,0.0); top : 42px; height : auto; width : auto; position : absolute; margin : 0; left : 109px; transform : rotate(0deg); opacity : 1.0; font-family : "Source Sans Pro", Helvetica, Arial, serif; font-weight : 400; font-style : normal; font-size : 16.0px; color : rgba(0, 0, 0, 1.0); text-align : center; letter-spacing : -0.38px; line-height : 20.0px; } /* .anima-animate-appear prefix for appear animations */ .anima-animate-appear { opacity : 0; display : block; -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; animation : anima-reveal 0.3s ease-in-out 1 normal forwards; } .anima-animate-disappear { opacity : 1; display : block; -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; } .anima-animate-nodelay { -webkit-animation-delay: 0; -moz-animation-delay: 0; -o-animation-delay : 0; animation-delay : 0; } @-webkit-keyframes anima-reveal { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes anima-reveal { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes anima-reveal { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes anima-reveal { 0% { opacity: 0; } 100% { opacity: 1; } } .anima-component-wrapper, .anima-component-wrapper * { pointer-events : none; } .anima-component-wrapper a *, .anima-component-wrapper a, .anima-component-wrapper input, .anima-component-wrapper video, .anima-component-wrapper iframe, .anima-listeners-active, .anima-listeners-active * { pointer-events : auto; } .anima-hidden, .anima-hidden * { visibility : hidden; pointer-events : none; } .anima-smart-layers-pointers, .anima-smart-layers-pointers * { pointer-events : auto; visibility : visible; } .anima-component-wrapper.anima-not-ready, .anima-component-wrapper.anima-not-ready * { visibility : hidden !important; } .anima-listeners-active-click, .anima-listeners-active-click * { cursor : pointer; } .anima-word-break { overflow-wrap : break-word; word-wrap : break-word; word-break : break-all; word-break : break-word; } @media screen and (max-width: 599px) { .bp3-projectw { display : block; } .bp2-projectw1 { display : none; } .bp1-projectw2 { display : none; } } @media screen and (min-width: 600px) and (max-width: 1079px) { .bp3-projectw { display : none; } .bp2-projectw1 { display : block; } .bp1-projectw2 { display : none; } } @media screen and (min-width: 1080px) { .bp3-projectw { display : none; } .bp2-projectw1 { display : none; } .bp1-projectw2 { display : block; } }