#optanon-minimize-wrapper{ right: auto !important; left: 0 !important; padding: 0 !important; } /******** 360 Value Wheel ********/ .tsdeg > *{ transition: transform .4s; } .tsdeg:hover > *{ opacity: 0.5 !important; } .tsdeg > *:hover{ opacity: 1 !important; } .selected{ transform: scale(1.2); } /******** One Trust Cookie Button ********/ #optanon-minimize-wrapper { font-family: Arial; -webkit-text-size-adjust: none; font-size: .63em; color: #000; margin: auto; text-decoration: none; position: relative; background-color: #d7d7d7; background-repeat: no-repeat; border: solid; border-color: #333; cursor: pointer; overflow: hidden; border-width: 1px; padding: 10px; border-radius: 8px; position: fixed; right: 0; bottom: 0; z-index: 1; } @font-face { font-family: '9RjLXya7WysdZzdQnwWquVx3oDX'; font-style: normal; font-weight: 400; src: url('https://static.storied.co/R0MgwXPJXxv3mq7a/assets/fonts/5d490ea1acac7797d0f2bcf9a18223d1.woff') format('woff'); } @font-face { font-family: ZdRdVdrOYMhan4PdA1xjCLZajMJ; font-style: normal; font-weight: 400; src: url('https://static.storied.co/R0MgwXPJXxv3mq7a/assets/fonts/f3b780c2b2566399b27eb74c4e5969ca.woff') format('woff'); } @font-face { font-family: J2LQX22eMKiJLqqjj81af7LekW4; font-style: normal; font-weight: 400; src: url('https://static.storied.co/R0MgwXPJXxv3mq7a/assets/fonts/4403a3cafcb7e6d923bd53514a0b82b5.woff') format('woff'); } @font-face { font-family: zKpKZv7L6DhaZ33Ezx1QSwweYP2; font-style: normal; font-weight: 400; src: url('https://static.storied.co/R0MgwXPJXxv3mq7a/assets/fonts/bdac63aadbd0ce47d24c6d285fdf1169.woff') format('woff'); } @font-face { font-family: ej9derYkL2HYbgnE2DbXU4knDkm; font-style: normal; font-weight: 400; src: url('https://static.storied.co/R0MgwXPJXxv3mq7a/assets/fonts/7c49fe2d26653f6ec0d09289052a92a1.woff') format('woff'); } @font-face { font-family: jVAYgMWM5qCYe7ZXG9E5S5X6Gm4; font-style: normal; font-weight: 400; src: url('https://static.storied.co/3ZXy86xdqo5ErjLY/assets/fonts/68990dc20c32d99818d020846744c3e0.woff') format('woff'); } @font-face { font-family: jzGr96OM3miL9rVyd9rAt74Mo739; font-style: normal; font-weight: 400; src: url('https://static.storied.co/3ZXy86xdqo5ErjLY/assets/fonts/7e89d6f99821a61b0079043cdaca129a.woff') format('woff'); } .svg-animator svg{ width: 100% !important; height: auto !important; } .n2-grid-container > *{ margin: 1% !important; transition: transform 0.3s ease-in-out; } .n2-grid-container > *:hover{ transform: scale(1.02); z-index: 1 !important; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.4); } .n2-grid-container .more:after{ height: 3px !important; max-width: 0; transition: max-width 0.6s; margin: 0 auto; border-bottom: solid 3px; border-color: inherit !important; } .n2-grid-container > *:hover .more:after{ width: 100% !important; max-width: 150px !important; visibility: visible !important; } .n2-grid-container{ display: flex; width: 100%; flex-wrap: wrap; align-items: flex-start; justify-content:flex-start; } .n2-grid-container > * > *{ height: 50% !important; } @media screen and (max-width: 480px) { .n2-grid-container > * > * { height: 66% !important; } } .n2-grid-container > .single, .n2-grid-container > *{ width: 23% !important; } .n2-grid-container > .double{ width: 48% !important; display: flex !important; } .n2-grid-container > .double > *{ width: 50% !important; height: 100% !important; } .n2-grid-container > .triple{ width: 73% !important; display: flex !important; } .n2-grid-container > .triple > *:first-child{ width: 66.66666% !important; height: 100% !important; } .n2-grid-container > .triple > *:last-child{ width: 33.33333% !important; height: 100% !important; } .n2-grid-container > .full{ width: 98% !important; display: flex !important; } .n2-grid-container > .full > *:first-child{ width: 75% !important; height: 100% !important; } .n2-grid-container > .full > *:last-child{ width: 25% !important; height: 100% !important; } @media only screen and (max-width: 1024px) and (min-width: 801px){ .n2-grid-container > .single, .n2-grid-container > *{ width: 23% !important; } .n2-grid-container > .double{ width: 48% !important; } .n2-grid-container > .triple{ width: 73% !important; } .n2-grid-container > .full{ width: 98% !important; } } @media only screen and (max-width: 800px){ .n2-grid-container > *{ margin-left: 0% !important; margin-right: 0% !important; } .n2-grid-container > .single, .n2-grid-container > *{ width: 100% !important; } .n2-grid-container > .double{ width: 100% !important; display: table !important; } .n2-grid-container > .double > *,.n2-grid-container > .triple > *:first-child,.n2-grid-container > .triple > *:last-child,.n2-grid-container > .full > *:first-child,.n2-grid-container > .full > *:last-child{ width: 100% !important; height: 50% !important; } .n2-grid-container > .triple{ width: 100% !important; display: table !important; } .n2-grid-container > .full{ width: 100% !important; display: table !important; } }@media only screen and (max-width: 800px) and (min-width: 481px){ .n2-grid-container > *{ margin-left: 1% !important; margin-right: 1% !important; } .n2-grid-container > .single, .n2-grid-container > *{ width: 48% !important; } .n2-grid-container > .double{ width: 48% !important; } .n2-grid-container > .triple{ width: 48% !important; } .n2-grid-container > .full{ width: 48% !important; } } .acc-horizontal-list-container .swipe-element, .acc-horizontal-list-container .n2-studio-editable[swipe]>*, .cke_editable .acc-horizontal-list-container .n2-studio-element[swipe]>*{ display:flex !important; justify-content:flex-start !important; align-items: center !important; } .acc-horizontal-list{ position: relative !important; display:flex !important; justify-content:flex-start !important; align-items: center !important; top: 0 !important; left: 0 !important; } .acc-horizontal-list > *, .acc-horizontal-list-container .swipe-element > *, .acc-vertical-tile-list > *{ position: relative !important; top: 0 !important; left: 0 !important; } .bk-before-up,.bk-before-down, .bk-before-amb, .bk-before-kb { overflow: hidden !important; } .bk-before-up::before{ background: inherit; height: 100% !important; width: 100% !important; position:absolute; top:0; left:0; transform-origin: inherit; content: " "; transition: transform 3s; transform: scale(1); } .main-content{ rxh-background-color: #000000; } .bk-before-down::before{ background: inherit; height: 100% !important; width: 100% !important; position:absolute; top:0; left:0; transform-origin: inherit; content: " "; transition: transform 3s; transform: scale(1.3); } .bk-before-kb::before{ background: inherit; height: 100% !important; width: 100% !important; position:absolute; top:0; left:0; content: " "; } .slide.bk-before-down::before{ background: inherit; height: 100% !important; width: 100% !important; position:absolute; top:0; left:0; transform-origin: 0% 50%; content: " "; transition: transform 3s; transform: scale(1.3); } @keyframes kenburns { 0% { opacity: 1; } 50% { transform: scale3d(1.3, 1.3, 1.3) translate3d(190px, -120px, 0px); animation-timing-function: ease-in; opacity: 1; } 100% { transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px); animation-timing-function: ease-in; opacity: 1; } } .float-background::before{ width: 100vw !important; height: 100% !important; background: inherit !important; content: " " !important; position: absolute !important; margin-left: calc((1200px - 100vw)/2) !important; top: 0 !important; /* z-index: 10; */ border: inherit !important; } .waypoint-opacity{ opacity:0.5; } @media only screen and (max-width: 1024px) and (min-width: 801px) { .float-background::before{ margin-left: calc((1024px - 100vw)/2) !important; } } @media only screen and (max-width: 800px) { .float-background::before{ margin-left: calc((800px - 100vw)/2) !important; } } @media only screen and (max-width: 800px) and (min-width: 481px) { .float-background::before{ margin-left: calc((480px - 100vw)/2) !important; } } .pane-state-focused .bk-before-amb::before{ } .pane-state-focused .bk-before-kb::before{ animation: kenburns 160s infinite; } .pane-state-focused .bk-before-up::before{ transform: scale(1.2); } .pane-state-focused .bk-before-down::before{ transform: scale(1); } .case-study-copy{ overflow-y: scroll !important; } .case-study-copy::-webkit-scrollbar-track { background-color: transparent; } .case-study-copy::-webkit-scrollbar { width: 12px; background-color: #9145a3; border-radius: 6px; } .case-study-copy::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #450a71; } [n2-shape='polygon(100% 0, 0 0, 100% 100%)']{ clip-path: polygon(100% 0, 0 0, 100% 100%); } /* Custom swipe scrollbar */ /* backgound scrollbar */ swipe.custom-scroll .iScrollHorizontalScrollbar{ background-color: #9145a3; border: none; height: 8px; } /* backgound scrollbar indicator */ swipe.custom-scroll .iScrollIndicator{ background-color: #450a71; } .tab-carousel tab-group .tab-group-content-wrapper .tab-group-headers { z-index: 10 !important;; top: -14px !important;; } .tab-carousel .tab-group-header .active{ background-color: silver !important; }