@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700'); .bp3-phos { width : 100%; min-width : 320px; height : 100vh; min-height : 2113px; 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-phos .bp3-rectangle { background-color : rgba(255,255,255,0.0); top : 1432px; height : 218px; width : 218px; position : absolute; margin : 0; left : 150px; transform : rotate(0deg); opacity : 1.0; } .bp3-phos .bp3-oval { background-color : rgba(255,255,255,0.0); top : 606px; height : 265px; width : 264px; position : absolute; margin : 0; left : -171px; transform : rotate(0deg); opacity : 1.0; } .bp3-phos .bp3-ovalcopy { background-color : rgba(255,255,255,0.0); top : 1025px; height : 265px; width : 265px; position : absolute; margin : 0; left : 235px; transform : rotate(0deg); opacity : 1.0; } .bp3-phos .bp3-phosieu2018lightu2019icopy { 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-phos .bp3-group6 { background-color : rgba(255,255,255,0.0); top : 805px; height : 269px; width : 320px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp3-phos .bp3-group6 .bp3-image2 { background-color : rgba(255,255,255,0.0); top : 137px; height : 76px; width : 116px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp3-phos .bp3-group6 .bp3-image3 { background-color : rgba(255,255,255,0.0); top : 0px; height : 149px; width : 200px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp3-phos .bp3-group6 .bp3-image4 { background-color : rgba(255,255,255,0.0); top : 132px; height : 137px; width : 204px; position : absolute; margin : 0; left : 116px; transform : rotate(0deg); opacity : 1.0; } .bp3-phos .bp3-group6 .bp3-image5 { background-color : rgba(255,255,255,0.0); top : 58px; height : 78px; width : 104px; position : absolute; margin : 0; left : 194px; transform : rotate(0deg); opacity : 1.0; } .bp3-phos .bp3-image1 { background-color : rgba(255,255,255,0.0); top : 51px; height : 180px; width : 320px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp3-phos .bp3-image11 { background-color : rgba(255,255,255,0.0); top : 388px; height : 266px; width : 288px; position : absolute; margin : 0; left : 16px; transform : rotate(0deg); opacity : 1.0; } .bp3-phos .bp3-fromcomplexitytoo { background-color : rgba(255,255,255,0.0); top : 306px; 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-phos .bp3-fromcomplexitytoo .bp3-span1 { line-height : 10.0px; } .bp3-phos .bp3-fromcomplexitytoo .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-phos .bp3-fromcomplexitytoo .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-phos .bp3-theevolutionittoo { background-color : rgba(255,255,255,0.0); top : 690px; height : auto; width : 172px; position : absolute; margin : 0; left : 116px; 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-phos .bp3-theevolutionittoo .bp3-span1 { line-height : 10.0px; } .bp3-phos .bp3-theevolutionittoo .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-phos .bp3-theevolutionittoo .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-phos .bp3-techbackeduserjou { background-color : rgba(255,255,255,0.0); top : 1126px; height : auto; width : 179px; 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-phos .bp3-techbackeduserjou .bp3-span1 { line-height : 10.0px; } .bp3-phos .bp3-techbackeduserjou .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-phos .bp3-techbackeduserjou .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-phos .bp3-theultimateportabi { background-color : rgba(255,255,255,0.0); top : 1726px; height : auto; width : 179px; position : absolute; margin : 0; left : 116px; 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-phos .bp3-theultimateportabi .bp3-span1 { line-height : 10.0px; } .bp3-phos .bp3-theultimateportabi .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-phos .bp3-theultimateportabi .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-phos .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-phos .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-phos .bp3-links .bp3-projectw { 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-phos .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-phos .bp3-links .bp3-phos1 { 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-phos .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-phos .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-phos .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-phos .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-phos .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-phos .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-phos .bp3-image12 { background-color : rgba(255,255,255,0.0); top : 1262px; height : 228px; width : 404px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp3-phos .bp3-image13 { background-color : rgba(255,255,255,0.0); top : 1527px; height : 162px; width : 288px; position : absolute; margin : 0; left : -66px; transform : rotate(0deg); opacity : 1.0; } .bp3-phos .bp3-phoswall { background-color : rgba(255,255,255,0.0); top : 1883px; height : 180px; width : 320px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp3-phos .bp3-linkscopy { background-color : rgba(255,255,255,0.0); top : 2062px; height : 51px; width : 320px; position : absolute; margin : 0; left : 0px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp3-phos .bp3-linkscopy .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-phos .bp3-linkscopy .bp3-projectw { 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-phos .bp3-linkscopy .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-phos .bp3-linkscopy .bp3-phos1 { 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-phos .bp3-linkscopy .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-phos .bp3-linkscopy .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-phos .bp3-linkscopy .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-phos .bp3-linkscopy .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-phos .bp3-linkscopy .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-phos .bp3-linkscopy .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-phos1 { width : 100%; min-width : 600px; height : 100vh; min-height : 3962px; 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-phos1 .bp2-rectangle { background-color : rgba(255,255,255,0.0); top : 2686px; height : 407px; width : 407px; position : absolute; margin : 0; left : 283px; transform : rotate(0deg); opacity : 1.0; } .bp2-phos1 .bp2-oval { background-color : rgba(255,255,255,0.0); top : 1138px; height : 494px; width : 494px; position : absolute; margin : 0; left : -320px; transform : rotate(0deg); opacity : 1.0; } .bp2-phos1 .bp2-ovalcopy { background-color : rgba(255,255,255,0.0); top : 1923px; height : 494px; width : 494px; position : absolute; margin : 0; left : 442px; transform : rotate(0deg); opacity : 1.0; } .bp2-phos1 .bp2-phosieu2018lightu2019icopy { 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-phos1 .bp2-group6 { background-color : rgba(255,255,255,0.0); top : 1510px; height : 504px; width : 600px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp2-phos1 .bp2-group6 .bp2-image2 { background-color : rgba(255,255,255,0.0); top : 256px; height : 142px; width : 218px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp2-phos1 .bp2-group6 .bp2-image3 { background-color : rgba(255,255,255,0.0); top : 0px; height : 280px; width : 374px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp2-phos1 .bp2-group6 .bp2-image4 { background-color : rgba(255,255,255,0.0); top : 247px; height : 257px; width : 383px; position : absolute; margin : 0; left : 217px; transform : rotate(0deg); opacity : 1.0; } .bp2-phos1 .bp2-group6 .bp2-image5 { background-color : rgba(255,255,255,0.0); top : 108px; height : 147px; width : 194px; position : absolute; margin : 0; left : 363px; transform : rotate(0deg); opacity : 1.0; } .bp2-phos1 .bp2-image1 { background-color : rgba(255,255,255,0.0); top : 95px; height : 338px; width : 600px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp2-phos1 .bp2-image11 { background-color : rgba(255,255,255,0.0); top : 727px; height : 498px; width : 540px; position : absolute; margin : 0; left : 30px; transform : rotate(0deg); opacity : 1.0; } .bp2-phos1 .bp2-fromcomplexitytoo { background-color : rgba(255,255,255,0.0); top : 574px; 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-phos1 .bp2-fromcomplexitytoo .bp2-span1 { line-height : 19.0px; } .bp2-phos1 .bp2-fromcomplexitytoo .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-phos1 .bp2-fromcomplexitytoo .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-phos1 .bp2-theevolutionittoo { background-color : rgba(255,255,255,0.0); top : 1294px; height : auto; width : 321px; position : absolute; margin : 0; left : 218px; 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-phos1 .bp2-theevolutionittoo .bp2-span1 { line-height : 19.0px; } .bp2-phos1 .bp2-theevolutionittoo .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-phos1 .bp2-theevolutionittoo .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-phos1 .bp2-techbackeduserjou { background-color : rgba(255,255,255,0.0); top : 2111px; height : auto; width : 333px; 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-phos1 .bp2-techbackeduserjou .bp2-span1 { line-height : 19.0px; } .bp2-phos1 .bp2-techbackeduserjou .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-phos1 .bp2-techbackeduserjou .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-phos1 .bp2-theultimateportabi { background-color : rgba(255,255,255,0.0); top : 3237px; height : auto; width : 333px; position : absolute; margin : 0; left : 218px; 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-phos1 .bp2-theultimateportabi .bp2-span1 { line-height : 19.0px; } .bp2-phos1 .bp2-theultimateportabi .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-phos1 .bp2-theultimateportabi .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-phos1 .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-phos1 .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-phos1 .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-phos1 .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-phos1 .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-phos1 .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-phos1 .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-phos1 .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-phos1 .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-phos1 .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-phos1 .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-phos1 .bp2-image12 { background-color : rgba(255,255,255,0.0); top : 2367px; height : 427px; width : 758px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp2-phos1 .bp2-image13 { background-color : rgba(255,255,255,0.0); top : 2864px; height : 303px; width : 540px; position : absolute; margin : 0; left : -124px; transform : rotate(0deg); opacity : 1.0; } .bp2-phos1 .bp2-phoswall { background-color : rgba(255,255,255,0.0); top : 3530px; height : 337px; width : 600px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp2-phos1 .bp2-linkscopy { background-color : rgba(255,255,255,0.0); top : 3867px; height : 95px; width : 600px; position : absolute; margin : 0; left : 0px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp2-phos1 .bp2-linkscopy .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-phos1 .bp2-linkscopy .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-phos1 .bp2-linkscopy .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-phos1 .bp2-linkscopy .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-phos1 .bp2-linkscopy .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-phos1 .bp2-linkscopy .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-phos1 .bp2-linkscopy .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-phos1 .bp2-linkscopy .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-phos1 .bp2-linkscopy .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-phos1 .bp2-linkscopy .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-phos2 { width : 100%; min-width : 1080px; height : 100vh; min-height : 4362px; 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-phos2 .bp1-rectangle { background-color : rgba(255,255,255,0.0); top : 2781px; height : 407px; width : 407px; position : absolute; margin : 0; left : 221px; transform : rotate(0deg); opacity : 1.0; } .bp1-phos2 .bp1-oval { background-color : rgba(255,255,255,0.0); top : 1260px; height : 494px; width : 494px; position : absolute; margin : 0; left : -247px; transform : rotate(0deg); opacity : 1.0; } .bp1-phos2 .bp1-ovalcopy2 { background-color : rgba(255,255,255,0.0); top : 427px; height : 494px; width : 494px; position : absolute; margin : 0; left : 873px; transform : rotate(0deg); opacity : 1.0; } .bp1-phos2 .bp1-ovalcopy { background-color : rgba(255,255,255,0.0); top : 1999px; height : 494px; width : 494px; position : absolute; margin : 0; left : 587px; transform : rotate(0deg); opacity : 1.0; } .bp1-phos2 .bp1-phosieu2018lightu2019icopy { 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-phos2 .bp1-group6 { background-color : rgba(255,255,255,0.0); top : 1623px; height : 604px; width : 720px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp1-phos2 .bp1-group6 .bp1-image2 { background-color : rgba(255,255,255,0.0); top : 307px; height : 170px; width : 261px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp1-phos2 .bp1-group6 .bp1-image3 { background-color : rgba(255,255,255,0.0); top : 0px; height : 336px; width : 449px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp1-phos2 .bp1-group6 .bp1-image4 { background-color : rgba(255,255,255,0.0); top : 296px; height : 308px; width : 460px; position : absolute; margin : 0; left : 260px; transform : rotate(0deg); opacity : 1.0; } .bp1-phos2 .bp1-group6 .bp1-image5 { background-color : rgba(255,255,255,0.0); top : 130px; height : 176px; width : 233px; position : absolute; margin : 0; left : 436px; transform : rotate(0deg); opacity : 1.0; } .bp1-phos2 .bp1-image1 { background-color : rgba(255,255,255,0.0); top : 124px; height : 608px; width : 1081px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp1-phos2 .bp1-image11 { background-color : rgba(255,255,255,0.0); top : 902px; height : 498px; width : 540px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp1-phos2 .bp1-fromcomplexitytoo { background-color : rgba(255,255,255,0.0); top : 1067px; 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-phos2 .bp1-fromcomplexitytoo .bp1-span1 { line-height : 27.0px; } .bp1-phos2 .bp1-fromcomplexitytoo .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-phos2 .bp1-fromcomplexitytoo .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-phos2 .bp1-theevolutionittoo { background-color : rgba(255,255,255,0.0); top : 1460px; 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-phos2 .bp1-theevolutionittoo .bp1-span1 { line-height : 27.0px; } .bp1-phos2 .bp1-theevolutionittoo .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-phos2 .bp1-theevolutionittoo .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-phos2 .bp1-techbackeduserjou { background-color : rgba(255,255,255,0.0); top : 2309px; height : auto; width : 443px; position : absolute; margin : 0; left : 50px; 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-phos2 .bp1-techbackeduserjou .bp1-span1 { line-height : 27.0px; } .bp1-phos2 .bp1-techbackeduserjou .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-phos2 .bp1-techbackeduserjou .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-phos2 .bp1-theultimateportabi { background-color : rgba(255,255,255,0.0); top : 3267px; height : auto; width : 443px; 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-phos2 .bp1-theultimateportabi .bp1-span1 { line-height : 27.0px; } .bp1-phos2 .bp1-theultimateportabi .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-phos2 .bp1-theultimateportabi .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-phos2 .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-phos2 .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-phos2 .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-phos2 .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-phos2 .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-phos2 .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-phos2 .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-phos2 .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-phos2 .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-phos2 .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-phos2 .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-phos2 .bp1-image12 { background-color : rgba(255,255,255,0.0); top : 2594px; height : 427px; width : 758px; position : absolute; margin : 0; left : 323px; transform : rotate(0deg); opacity : 1.0; } .bp1-phos2 .bp1-image13 { background-color : rgba(255,255,255,0.0); top : 3091px; height : 303px; width : 540px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp1-phos2 .bp1-phoswall { background-color : rgba(255,255,255,0.0); top : 3621px; height : 608px; width : 1081px; position : absolute; margin : 0; left : 0px; transform : rotate(0deg); opacity : 1.0; } .bp1-phos2 .bp1-linkscopy { background-color : rgba(255,255,255,0.0); top : 4267px; height : 95px; width : 985px; position : absolute; margin : 0; left : 48px; overflow : hidden; transform : rotate(0deg); opacity : 1.0; } .bp1-phos2 .bp1-linkscopy .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-phos2 .bp1-linkscopy .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-phos2 .bp1-linkscopy .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-phos2 .bp1-linkscopy .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-phos2 .bp1-linkscopy .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-phos2 .bp1-linkscopy .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-phos2 .bp1-linkscopy .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-phos2 .bp1-linkscopy .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-phos2 .bp1-linkscopy .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-phos2 .bp1-linkscopy .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-phos { display : block; } .bp2-phos1 { display : none; } .bp1-phos2 { display : none; } } @media screen and (min-width: 600px) and (max-width: 1079px) { .bp3-phos { display : none; } .bp2-phos1 { display : block; } .bp1-phos2 { display : none; } } @media screen and (min-width: 1080px) { .bp3-phos { display : none; } .bp2-phos1 { display : none; } .bp1-phos2 { display : block; } }