.com_joeworkman_stacks_impact_stack .impact-animate.pre-anim{display:none}.com_joeworkman_stacks_impact_stack .slides-navigation{margin:0 auto;position:absolute;z-index:99;width:100%}.com_joeworkman_stacks_impact_stack .slides-navigation a{position:absolute;display:block;text-decoration:none}.com_joeworkman_stacks_impact_stack .slides-navigation a::before{line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;text-rendering:auto;transform:translate(0,0)}.com_joeworkman_stacks_impact_stack .slides-pagination > a{text-decoration:none}.com_joeworkman_stacks_impact_stack .fg-content{position:absolute;top:0;width:100%}.com_joeworkman_stacks_impact_stack .slides-navigation a:before{font-family:"FontAwesome","Font Awesome 5 Pro";font-weight:900}.com_joeworkman_stacks_impact_stack .impact-scroll:hover{cursor:pointer}.com_joeworkman_stacks_impact_stack .slides-container{display:none}.com_joeworkman_stacks_impact_stack .scrollable{position:relative;top:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%}.com_joeworkman_stacks_impact_stack .scrollable::after{content:"";display:table;clear:both}.com_joeworkman_stacks_impact_stack .impact-arrow-wrap{position:absolute;z-index:1050;top:0;margin-left:-45px;width:90px;height:90px;padding:0;font-size:9px;display:block}.com_joeworkman_stacks_impact_stack .impact-arrow{float:left;position:absolute;margin-top:20px;margin-left:23px;width:40px;height:40px;border-style:solid;border-bottom-color:transparent;border-left-color:transparent;transform:rotate(135deg)}.com_joeworkman_stacks_impact_stack .impact-arrow-wrap.animates .impact-arrow{animation:impactArrows linear 1.8s 0.4s}.com_joeworkman_stacks_impact_stack .video-container{min-height:100%;min-width:100%;position:absolute;top:0;left:0}.com_joeworkman_stacks_impact_stack .video-container > img{width:100%;height:100%}.com_joeworkman_stacks_impact_stack video{max-width:none}.com_joeworkman_stacks_impact_stack .impact-container{position:absolute}.com_joeworkman_stacks_impact_stack .impact-container.v-full{height:100%}.com_joeworkman_stacks_impact_stack .impact-container.v-full .slide-content{height:100%}.com_joeworkman_stacks_impact_stack .impact-container.v-center{top:50%;transform:translateY(-50%)}.com_joeworkman_stacks_impact_stack .impact-container.h-center{left:50%;transform:translateX(-50%)}.com_joeworkman_stacks_impact_stack .impact-container.h-center.v-center{top:50%;left:50%;transform:translate(-50%,-50%)}.com_joeworkman_stacks_impact_stack .impact-container:not(.h-center):not(.h-left):not(.h-right){width:100%}@keyframes impactArrows{0%{transform:translate(0px,0px) rotate(135deg) scale(1)}15%{transform:translate(0px,22px) rotate(135deg) scale(0.8)}30%{transform:translate(0px,13px) rotate(135deg) scale(0.9)}45%{transform:translate(0px,27px) rotate(135deg) scale(0.8)}60%{transform:translate(0px,13px) rotate(135deg) scale(0.8)}75%{transform:translate(0px,4px) rotate(135deg) scale(0.9)}100%{transform:translate(0px,0px) rotate(135deg) scale(1)}} .rwmenu{list-style:none}.rwmenu.dropdown,.rwmenu.accordion-menu{display:none}.rwmenu-wrapper>.rwmenu{display:flex} /* Corner Stack v.1.0.1 */ /* General styles for the modal */ .corner-modal { position: fixed; z-index: 9999; transform: translateZ(0px); right: 0px; bottom: 0px; max-width: 320px; /*max-height:100%;*/ visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; margin:20px; } .corner-modal.corner-show{ visibility: visible; } .corner-button { visibility: hidden; opacity: 0; z-index: 9998; transform: translateZ(0px); position: fixed; right:0px; bottom:0px; padding:10px 20px; margin: 20px; background: rgba(143,27,15,0.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; cursor:pointer; } .corner-button.corner-tl, .corner-button.corner-tr { margin-top: -60px; } .corner-button.corner-bl, .corner-button.corner-br { margin-bottom: -60px; } .corner-button.corner-show { visibility: visible; opacity: 1; } .corner-button.corner-tl.corner-show, .corner-button.corner-tr.corner-show { margin-top: 20px; } .corner-button.corner-bl.corner-show, .corner-button.corner-br.corner-show { margin-bottom: 20px; } .corner-close { position:absolute; top:10px; right:10px; cursor:pointer; } .corner-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: rgba(143,27,15,0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-overlay.corner-show { opacity: 1; visibility: visible; } /* Content styles */ .corner-content { position: relative; margin: 0 auto; padding:30px 20px 20px 20px; } /*.corner-content > div { padding: 15px 40px 30px; margin: 0; font-weight: 300; font-size: 1.15em; }*/ .corner-tl { left: 0px; top: 0px; bottom: auto !important; right:auto !important; } .corner-tr { left: auto !important; top: 0px; bottom: auto !important; right:0px; } .corner-br { left: auto !important; top: auto !important; bottom: 0px; right:0px; } .corner-bl { left: 0px; top: auto !important; bottom: 0px; right:auto !important; } /* Individual modal styles with animations/transitions */ /* Effect 1: Fade in and scale up */ .corner-effect-1 .corner-content { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-1 .corner-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 2: Slide from the right */ .corner-effect-2 .corner-content { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .corner-show.corner-effect-2 .corner-content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } /* Effect 3: Slide from the bottom */ .corner-effect-3 .corner-content { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-3 .corner-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* Effect 4: Newspaper */ .corner-effect-4 .corner-content { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; } .corner-show.corner-effect-4 ~ .corner-overlay, .corner-effect-4 .corner-content { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .corner-show.corner-effect-4 .corner-content { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } /* Effect 5: fall */ .corner-effect-5.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-5 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -moz-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; } .corner-show.corner-effect-5 .corner-content { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; } /* Effect 6: side fall */ .corner-effect-6.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-6 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .corner-show.corner-effect-6 .corner-content { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1; } /* Effect 7: slide and stick to top */ .corner-effect-7{ top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .corner-effect-7 .corner-content { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; opacity: 0; } .corner-show.corner-effect-7 .corner-content { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1; } /* Effect 8: 3D flip horizontal */ .corner-effect-8.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-8 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .corner-show.corner-effect-8 .corner-content { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } /* Effect 9: 3D flip vertical */ .corner-effect-9.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-9 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .corner-show.corner-effect-9 .corner-content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* Effect 10: 3D sign */ .corner-effect-10.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-10 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-10 .corner-content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* Effect 11: Super scaled */ .corner-effect-11 .corner-content { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-11 .corner-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 12: Just me */ .corner-effect-12 .corner-content { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-12 ~ .corner-overlay { background: #e74c3c; } .corner-effect-12 .corner-content h3, .corner-effect-12 .corner-content { background: transparent; } .corner-show.corner-effect-12 .corner-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 13: 3D slit */ .corner-effect-13.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-13 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .corner-show.corner-effect-13 .corner-content { -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;} 100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @-moz-keyframes slit { 50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;} 100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;} 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* Effect 14: 3D Rotate from bottom */ .corner-effect-14.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-14 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .corner-show.corner-effect-14 .corner-content { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; } /* Effect 15: 3D Rotate in from left */ .corner-effect-15.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-15 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-15 .corner-content { -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg); -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg); transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; } /* Effect 16: Blur */ .corner-show.corner-effect-16 ~ .corner-overlay { background: rgba(180,46,32,0.5); } .corner-show.corner-effect-16 ~ .container { -webkit-filter: blur(3px); -moz-filter: blur(3px); filter: blur(3px); } .corner-effect-16 .corner-content { -webkit-transform: translateY(-5%); -moz-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); opacity: 0; } .corner-show.corner-effect-16 ~ .container, .corner-effect-16 .corner-content { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-16 .corner-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* Effect 17: Slide in from bottom with perspective on container */ .corner-show.corner-effect-17 ~ .container { height: 100%; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .corner-show.corner-effect-17 ~ .container, .corner-show.corner-effect-17 ~ .corner-overlay { -webkit-transform: rotateX(-2deg); -moz-transform: rotateX(-2deg); -ms-transform: rotateX(-2deg); transform: rotateX(-2deg); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .corner-effect-17 .corner-content { opacity: 0; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); } .corner-show.corner-effect-17 .corner-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.3s 0.2s; -moz-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s; } /* Effect 18: Slide from right with perspective on container */ .corner-show.corner-effect-18 ~ .container { height: 100%; overflow: hidden; } .corner-show.corner-effect-18 ~ .corner-overlay { background: rgba(143,27,15,0.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .corner-show.corner-effect-18 ~ .container, .corner-show.corner-effect-18 ~ .corner-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 0% 50%; -moz-animation: rotateRightSideFirst 0.5s forwards ease-in; transform-style: preserve-3d; transform-origin: 0% 50%; animation: rotateRightSideFirst 0.5s forwards ease-in; } @-webkit-keyframes rotateRightSideFirst { 50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: translateZ(-200px); } } @-moz-keyframes rotateRightSideFirst { 50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; } 100% { -moz-transform: translateZ(-200px); } } @keyframes rotateRightSideFirst { 50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; } 100% { transform: translateZ(-200px); } } .corner-effect-18 .corner-content { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); opacity: 0; } .corner-show.corner-effect-18 .corner-content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; } /* Effect 19: Slip in from the top with perspective on container */ .corner-show.corner-effect-19 ~ .container { height: 100%; overflow: hidden; } .corner-show.corner-effect-19 ~ .corner-overlay { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .corner-show.corner-effect-19 ~ .container, .corner-show.corner-effect-19 ~ .corner-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 100%; -webkit-animation: OpenTop 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 50% 100%; -moz-animation: OpenTop 0.5s forwards ease-in; transform-style: preserve-3d; transform-origin: 50% 100%; animation: OpenTop 0.5s forwards ease-in; } @-webkit-keyframes OpenTop { 50% { -webkit-transform: rotateX(10deg); -webkit-animation-timing-function: ease-out; } } @-moz-keyframes OpenTop { 50% { -moz-transform: rotateX(10deg); -moz-animation-timing-function: ease-out; } } @keyframes OpenTop { 50% { transform: rotateX(10deg); animation-timing-function: ease-out; } } .corner-effect-19 .corner-content { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); opacity: 0; } .corner-show.corner-effect-19 .corner-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; } :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 0, 0, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 0, 0, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(102, 102, 102, 1.00);--link-color-hover:rgba(179, 179, 179, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:100%;}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(102, 102, 102, 1.00);--link-color-hover:rgba(179, 179, 179, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} @font-face{font-family:Montserrat;font-style:normal;font-weight:normal;src:url("resources/Montserrat-ExtraLight.woff") format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-weight:bold;src:url("resources/Montserrat-Regular.woff") format("woff")} .font-vault-1 > a, html,body, h1,.font-family-h1,h1 a,.font-family-h1 a, h2,.font-family-h2,h2 a,.font-family-h2 a, h3,.font-family-h3,h3 a,.font-family-h3 a, h4,.font-family-h4,h4 a,.font-family-h4 a, h5,.font-family-h5,h5 a,.font-family-h5 a, h6,.font-family-h6,h6 a,.font-family-h6 a, blockquote, a, ul,ul li,ol,ol li,dl,dl dd, fieldset,input,textarea,form label,input + label,fieldset label,input + datalist,legend, button,.button,.btn, p:not(.custom-font),.font-family-text,.text_stack:not(.custom-font), .font-vault-1,.font-vault-1 > li, .schrift, .fontpro-stacks_in_319_5{font-family:"Montserrat",sans-serif }p:not(.custom-font),p.font-family-text:not(.custom-font),.text_stack:not(.custom-font){font-family:"Montserrat",sans-serif } .text100{font-weight:100 ;} .bg-black{background-color:rgba(0, 0, 0, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bg-black{background-attachment:scroll!important}} .bg-grey{background-color:rgba(102, 102, 102, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bg-grey{background-attachment:scroll!important}} .mt12{margin-top:0.75rem ;} .mt20{margin-top:1.25rem ;} .border{border-color:rgba(153, 153, 153, 1.00) ;border-width:1px ;border-style:solid ;} /* Start Obscure Email stack CSS code */ .stacks_in_24topbar { background-color: #3D82EA; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-bottom: none; padding: 6px 3px 2px 10px; min-height: 40px; font-weight: bold; font-size: 16px; color: #ffffff; } .stacks_in_24mainarea { background-color: #ffffff; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-top: none; padding: 10px; } .stacks_in_24small{ font-weight: normal; font-size: 12px; } .stacks_in_24centerbox { background-color: #ffffff; border: 1px solid #CDDACF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; color: #333; } .stacks_in_24centerbox b { color: #DA0140; } /* End Obscure Email stack CSS code */ /* Start Obscure Email stack CSS code */ .stacks_in_82topbar { background-color: #3D82EA; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-bottom: none; padding: 6px 3px 2px 10px; min-height: 40px; font-weight: bold; font-size: 16px; color: #ffffff; } .stacks_in_82mainarea { background-color: #ffffff; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-top: none; padding: 10px; } .stacks_in_82small{ font-weight: normal; font-size: 12px; } .stacks_in_82centerbox { background-color: #ffffff; border: 1px solid #CDDACF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; color: #333; } .stacks_in_82centerbox b { color: #DA0140; } /* End Obscure Email stack CSS code */ .spacerStack { height: 180.00px; } #spacerStackstacks_in_390 { height: 180.00px; } @media print { #spacerStackstacks_in_390 { display: none !important; } } /* Start Smart Image stack CSS code */ #stacks_in_156{ text-align: center; } #stacks_in_156 figure a img{ cursor: pointer !important; } .stacks_in_156responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_156responsive img, .stacks_in_156warehouseImage img { max-width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_156hiddenimage{ display: none; } .stacks_in_156warehouseImage{ display: none; } /* End Smart Image stack CSS code */ #stacks_in_156 { margin: 30px 0px 0px 0px; } /* Start dooMax stack CSS code */ #stacks_in_312, .stacks_in_312MaxWidthContainer{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .stacks_in_312MaxWidthContainer{ max-width: 80px; } .stacks_in_312MaxWidthContainer{ margin: 0 auto 0 auto; } @media only screen and (max-width: 1024px) { .stacks_in_312MaxWidthContainer{ max-width: 80px; } .stacks_in_312MaxWidthContainer{ margin: 0 auto 0 auto; } } @media only screen and (max-width: 480px) { .stacks_in_312MaxWidthContainer{ max-width: 80px; } .stacks_in_312MaxWidthContainer{ margin: 0 auto 0 auto; } } /* End dooMax stack CSS code */#stacks_in_464 .fg-content.fg-full-height{height:100%}#stacks_in_464 .slides-container{margin:0}#stacks_in_464 .slides-container > li{margin:0}#stacks_in_464 .slides-container > li::before,#stacks_in_464 .slides-container > li::after{content:"";top:0;left:0;bottom:0;right:0;height:100%;position:absolute;z-index:2;transition:opacity 80ms ease}#stacks_in_464 .slides-container.ovl-color li::before{background-color:rgba(89, 237, 212, 0.30)}#stacks_in_464 .slides-container.ovl-tile li::after{background-image:url();opacity:0.30;background-repeat:repeat}#stacks_in_464 .fg-per-show{position:absolute;z-index:5;width:100%;height:100%}#stacks_in_464 .impact-wrapper{z-index:0}#stacks_in_464 .impact-wrapper.fill-container{min-width:100%}#stacks_in_464 .impact-wrapper.fill-container.hero-header{height:100%;height:100vh;width:100%;width:100vw}@media only screen and (orientation:portrait){#stacks_in_464 .impact-wrapper.fill-container.hero-header{height:100% !important}}#stacks_in_464 .impact-wrapper.fixed-height{height:400px;width:100%;min-width:100%}#stacks_in_464 .impact-wrapper.flexible-height{height:100vh;min-height:300px;width:100%;min-width:100%}#stacks_in_464 .impact-wrapper.touch-device.cover-touch{background-size:cover;background-position:center center;overflow:hidden}#stacks_in_464 .impact-wrapper.touch-device.cover-touch:not(.touch-warehouse){background-image:url()}#stacks_in_464 .impact-wrapper.touch-device.cover-touch.touch-warehouse{background-image:url()}#stacks_in_464 .impact-wrapper > .pre-loader{position:absolute;text-align:center;top:0;left:0;width:100%;height:100%;opacity:1;visibility:visible;transition:opacity 80ms ease,visibility 0 0.2s}#stacks_in_464 .impact-wrapper > .pre-loader.hidden{opacity:0;visibility:hidden}#stacks_in_464 .impact-wrapper > .pre-loader > .pl-spinner{position:absolute;top:36%;margin-left:-32px;color:rgba(251, 251, 251, 0.90)}#stacks_in_464 .impact-wrapper > .pre-loader > .pl-spinner.hidden{display:none}#stacks_in_464 .impact-wrapper > .pre-loader.bg-image{background-size:cover;background-position:center center;background-repeat:no-repeat}#stacks_in_464 .impact-wrapper > .pre-loader.bg-image.custom-image:not(.bg-warehouse){background-image:url()}#stacks_in_464 .impact-wrapper > .pre-loader.bg-image.custom-image.bg-warehouse{background-image:url()}#stacks_in_464 .impact-wrapper > .pre-loader.preload-color{background-color:rgba(51, 51, 51, 0.95)}#stacks_in_464 .impact-wrapper > .pre-loader.bg-overlay{z-index:1}#stacks_in_464 .impact-wrapper > .pre-loader.bg-overlay::before,#stacks_in_464 .impact-wrapper > .pre-loader.bg-overlay::after{content:"";top:0;left:0;bottom:0;right:0;height:100%;position:absolute;z-index:0}#stacks_in_464 .impact-wrapper > .pre-loader.bg-overlay.ovl-color::before{background-color:rgba(89, 237, 212, 0.30)}#stacks_in_464 .impact-wrapper > .pre-loader.bg-overlay.ovl-tile::after{background-image:url();opacity:0.30;background-repeat:repeat}#stacks_in_464 .impact-container{z-index:5}#stacks_in_464 .scrollDown{position:absolute;cursor:pointer;z-index:100;left:50%;width:80px;height:80px;-webkit-touch-callout:none;transform:scale(0.70);transform-origin:left center;user-select:none}@media screen and (max-width:640px){#stacks_in_464 .scrollDown{transform:scale(0.70)}}#stacks_in_464 .scrollDown.button-bottom{bottom:30px}#stacks_in_464 .scrollDown.button-top{top:30px}@media screen and (max-width:640px){#stacks_in_464 .scrollDown.hide-on-mob{display:none}}#stacks_in_464 .impact-arrow-wrap{background:rgba(0, 0, 0, 0.85);border-radius:50%;border:2px solid rgba(255, 255, 255, 0.96);box-shadow:0px 0px 0px 0px rgba(51, 51, 51, 0.60);transition:all 90ms ease}#stacks_in_464 .impact-arrow-wrap:hover{background:rgba(40, 40, 40, 0.85);transition:all 90ms ease}#stacks_in_464 .impact-arrow-wrap:hover .impact-hint{opacity:1 !important}#stacks_in_464 .impact-arrow-wrap.animates .impact-arrow{animation-delay:3000ms;animation-iteration-count:3}#stacks_in_464 .impact-arrow{border-top-color:rgba(255, 255, 255, 0.85);border-right-color:rgba(255, 255, 255, 0.85);border-width:2px}#stacks_in_464 .impact-arrow:hover{border-top-color:rgba(255, 255, 255, 1.00);border-right-color:rgba(255, 255, 255, 1.00)}#stacks_in_464 .impact-hint{position:absolute;top:0.6em;width:100%;left:0;font-size:2em;font-style:italic;text-align:center;color:rgba(255, 255, 255, 0.85);opacity:0}#stacks_in_464 .slides-pagination > a{transition:all 2000ms ease}#stacks_in_464 .slides-pagination > a.current{transition:all 2000ms ease} .slide-stacks_in_465 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_465 .impact-container.h-right{right:0px}.slide-stacks_in_465 .impact-container.h-left{left:0px}.slide-stacks_in_465 .impact-container.v-top{top:0px} .slide-stacks_in_471 .impact-container.v-bottom{bottom:0px}.slide-stacks_in_471 .impact-container.h-right{right:0px}.slide-stacks_in_471 .impact-container.h-left{left:0px}.slide-stacks_in_471 .impact-container.v-top{top:0px} /* custom stuff */ #corner-stacks_in_371 .corner-modal { z-index: 9999; max-width:600px; max-height:800px; } #corner-stacks_in_371 .corner-content { border:1px solid rgba(0, 0, 0, 0.40); border-radius:10px; background-color:rgba(255, 255, 255, 1.00); color: rgba(102, 102, 102, 1.00); overflow:auto; } #corner-stacks_in_371 .corner-button { font-family: Helvetica; font-size: 16px; font-weight: 400; border:2px solid rgba(128, 128, 128, 1.00); border-radius:10px; background-color:rgba(179, 179, 179, 1.00); color: rgba(255, 255, 255, 1.00); padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; margin-top: 20px; margin-right: 20px; margin-bottom: 65px; margin-left: 20px; z-index: 9998; } #corner-stacks_in_371 .corner-button.corner-tl, #corner-stacks_in_371 .corner-button.corner-tr { margin-top: -60px; } #corner-stacks_in_371 .corner-button.corner-bl, #corner-stacks_in_371 .corner-button.corner-br { margin-bottom: -60px; } #corner-stacks_in_371 .corner-content { padding-top: 30px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-top: 20px; margin-right: 20px; margin-bottom: 70px; margin-left: 20px; } #corner-stacks_in_371 .corner-button.corner-tl.corner-show, #corner-stacks_in_371 .corner-button.corner-tr.corner-show { margin-top: 20px; } #corner-stacks_in_371 .corner-button.corner-bl.corner-show, #corner-stacks_in_371 .corner-button.corner-br.corner-show { margin-bottom: 65px; } /* hide the text in button on smaller screens */ @media only screen and (max-width: 770px) { #corner-stacks_in_371 .corner-modal { width:100%; max-width:100%; max-height:100%; margin:0; } #corner-stacks_in_371 .corner-content { margin:4px; } #corner-stacks_in_371 span.corner-label { display:none; } } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_412 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 8px; } .stacks_in_412 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.20); padding: 32px 32px; border-radius: 8px; } #stacks_in_412 .stacks_in_412 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_412 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_412 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_412 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_412 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_412 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_412 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_412 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_412 .index-nav > .index-next, #stacks_out_412 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_412 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_412 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_412 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_412 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_412 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_412 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_412 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_412 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_412, #stacks_in_412, .stacks_in_412 > .stacks_out { overflow: visible; } #stacks_out_412 { max-width: 640px; width: 100%; } .stacks_in_412 { margin-top: 8%; } .stacks_in_412 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_412 > .stacks_out, .stacks_in_412 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_412 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_412 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_412 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_412 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_412 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_412 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_412 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_412 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_412 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_412 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_412 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_412 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_412 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_412 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_412 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_412 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_412 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_412 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_412 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_412 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_412 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_412 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_412 .index-nav > .index-next, #stacks_out_412 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_412 .index-nav > .index-bullets { height: 60px; } #stacks_out_412 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ #stacks_in_373 div { box-sizing: border-box; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #stacks_in_373.ath-card { box-sizing: border-box; max-width: 550px; width: 100%; margin: 0px auto 10px auto; background: rgba(243, 243, 243, 1.00); font-size: 14px; line-height: 18px; color: rgba(137, 137, 137, 1.00); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.40); border-radius: 0px; overflow: hidden; font-family: inherit; } #stacks_in_373.ath-card .ath-content { display: inline-block; float: left; width: 100%; padding: 10px; } #stacks_in_373.ath-card .ath-content a { color: rgba(216, 0, 18, 1.00); text-decoration: none; } #stacks_in_373.ath-card .ath-content a:hover { color: rgba(216, 0, 18, 1.00); text-decoration: underline; } #stacks_in_373.ath-card .ath-content .ath-description a { color: inherit; text-decoration: none; } #stacks_in_373.ath-card .ath-content .ath-description a:hover { color: inherit; text-decoration: none; } #stacks_in_373.ath-card .ath-content .ath-portrait { position: relative; float: left; display: inline-block; width: 30%; padding-bottom: 30%; overflow: hidden; background-image: url(auth-card-img/default.png); background-image: url(../files/profileImage-373.png); background-size: cover; background-position: center; } #stacks_in_373.ath-card .ath-content .ath-portrait .ath-greeting-wrap { position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-animation-duration: 300ms; animation-duration: 300ms; text-align: center; } #stacks_in_373.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: relative; margin-top: 95%; display: inline-block; max-width: 90%; background: #fff; color: #575757; border-radius: 3px; padding: 5px 10px; text-align: center; -webkit-transition: 150ms all linear; transition: 150ms all linear; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); line-height: 14px; font-size: 12px; } #stacks_in_373.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting:after { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #fff; border-top: 0; border-left: 0; margin-left: 0; margin-top: -15px; z-index: 0; } #stacks_in_373.ath-card .ath-content .ath-portrait:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; } #stacks_in_373.ath-card .ath-content .ath-details { float: left; display: inline-block; width: 70%; padding: 0px 15px; } #stacks_in_373.ath-card .ath-content .ath-details .ath-name { margin: 4px 0px 0px 0px; font-size: 20px; line-height: 20px; color: rgba(0, 0, 0, 1.00); text-overflow: ellipsis; white-space: nowrap; font-family: inherit; } #stacks_in_373.ath-card .ath-content .ath-details .ath-subtitle { color: rgba(115, 115, 115, 1.00); text-overflow: ellipsis; white-space: nowrap; } #stacks_in_373.ath-card .ath-content .ath-details .ath-description { border-top: 1px solid rgba(0, 0, 0, 0.10); text-align: justify; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } #stacks_in_373.ath-card .ath-content .ath-details .ath-more { border-top: 1px solid rgba(0, 0, 0, 0.10); margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; text-align: left; color: rgba(137, 137, 137, 1.00); } #stacks_in_373.ath-card .ath-content .ath-details .ath-more a { color: rgba(216, 0, 18, 1.00); text-decoration: none; } #stacks_in_373.ath-card .ath-content .ath-details .ath-more a:hover { color: rgba(216, 0, 18, 1.00); text-decoration: underline; } #stacks_in_373.ath-card .ath-content .ath-details .ath-more .card-row { display: inline-block; position: relative; width: 100%; padding-top: 5px; float: left; } #stacks_in_373.ath-card .ath-content .ath-details .ath-more .card-row .title-col { float: left; display: inline-block; width: 35%; min-width: 80px; font-weight: bold; } #stacks_in_373.ath-card .ath-content .ath-details .ath-more .card-row .desc-col { float: left; display: inline-block; width: 65%; color: rgba(137, 137, 137, 1.00); } #stacks_in_373.ath-card .ath-footer { display: inline-block; float: left; background: rgba(230, 230, 230, 1.00); background: -webkit-linear-gradient(45deg, rgba(230, 230, 230, 1.00) 0%, rgba(0, 0, 0, 1.00)) 100%; background: linear-gradient(45deg, rgba(230, 230, 230, 1.00) 0%, rgba(0, 0, 0, 1.00)) 100%; width: 100%; font-size: 18px; padding: 10px; text-align: center; } #stacks_in_373.ath-card .ath-footer a { text-decoration: none; color: rgba(255,255,255,0.75); -webkit-transition: 150ms all linear; transition: 150ms all linear; height: 25px; width: 25px; text-align: center; box-sizing: border-box; display: inline-block; } #stacks_in_373.ath-card .ath-footer a i { padding: 0px; line-height: 25px; transition: 150ms all linear; } #stacks_in_373.ath-card .ath-footer a:hover { color: #fff; } #stacks_in_373.ath-card.card-hover .ath-content .ath-portrait .ath-greeting-wrap { opacity: 1; } #stacks_in_373.ath-card.card-theme-2 { max-width: 550px; position: relative; } #stacks_in_373.ath-card.card-theme-2 .ath-content { float: none; width: auto; min-width: 100%; padding: 10px 50px 10px 10px; overflow: hidden; /* height: 100%;*/ } #stacks_in_373.ath-card.card-theme-2 .ath-content .ath-portrait { position: absolute; left: 0; top: 0; width: 30%; height: 100%; } #stacks_in_373.ath-card.card-theme-2 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: absolute; bottom: 10px; margin-top: 0; width: 90%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #stacks_in_373.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 30%; padding: 0px 15px 0px 30px; } #stacks_in_373.ath-card.card-theme-2 .ath-footer { position: absolute; right: 0; top: 0; width: 40px; height: 100%; } #stacks_in_373.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #stacks_in_373.ath-card.card-theme-3 { position: relative; max-width: 550px; overflow: hidden; } #stacks_in_373.ath-card.card-theme-3 .ath-content { padding: 0; padding: 0 0 54px 0; position: relative; overflow: hidden; } #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-portrait { position: absolute; width: 40%; height: 100%; margin: 0; left: 0; top: 0; } #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { bottom: 25px; } #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-details { position: relative; margin-left: 40%; width: 60%; z-index: 1; padding: 10px 20px 10px 0px; } #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { display: block; text-align: right; } #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: right; } #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-details:before { content: ""; position: absolute; background: rgba(243, 243, 243, 1.00); width: 150px; height: 150%; left: 0; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(10deg); transform: rotate(10deg); z-index: -1; } #stacks_in_373.ath-card.card-theme-3 .ath-footer { position: absolute; width: 120%; bottom: 0px; left: -10%; z-index: 2; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); text-align: right; padding: 0px 12% 10px; } #stacks_in_373.ath-card.card-theme-3 .ath-footer .ath-link-wrap { padding-top: 15px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(2deg); transform: rotate(2deg); } #stacks_in_373.ath-card.card-theme-4 { max-width: 550px; background: rgba(230, 230, 230, 1.00); background: -webkit-linear-gradient(45deg, rgba(230, 230, 230, 1.00) 0%, rgba(0, 0, 0, 1.00)) 100%; background: linear-gradient(45deg, rgba(230, 230, 230, 1.00) 0%, rgba(0, 0, 0, 1.00)) 100%; padding: 0px; position: relative; } #stacks_in_373.ath-card.card-theme-4 .ath-content { text-align: center; background: transparent; padding: 20px; } #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-portrait { float: left; border-radius: 50%; width: 30%; padding-bottom: 30%; margin: 0px 0px 60px 0px; } #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-details { width: 70%; padding: 0 25px 0px 25px; padding: 0 25px 30px 25px; position: static; } #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { display: block; position: absolute; left: 15px; bottom: 40px; width: 30%; text-align: center; height: 25px; } #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { bottom: 18px; } #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: left; border-width: 0px; } #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-more a { } #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: left; } #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_373.ath-card.card-theme-4 .ath-footer { position: absolute; bottom: 0; right: 0; padding: 0px 20px 20px 0px; background: transparent; text-align: right; } @media screen and (max-width: 767px) { #stacks_in_373.ath-card, #stacks_in_373.ath-card.card-theme-2, #stacks_in_373.ath-card.card-theme-3, #stacks_in_373.ath-card.card-theme-4 { width: 300px; max-width: 100%; } #stacks_in_373.ath-card .ath-content, #stacks_in_373.ath-card.card-theme-2 .ath-content, #stacks_in_373.ath-card.card-theme-3 .ath-content, #stacks_in_373.ath-card.card-theme-4 .ath-content { padding: 20px 0px 20px 0px; text-align: center; } #stacks_in_373.ath-card .ath-content .ath-portrait, #stacks_in_373.ath-card.card-theme-2 .ath-content .ath-portrait, #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-portrait, #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-portrait { float: none; width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_373.ath-card .ath-content .ath-details, #stacks_in_373.ath-card.card-theme-2 .ath-content .ath-details, #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-details, #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; } #stacks_in_373.ath-card.card-theme-2 .ath-content { padding: 0px 0px 20px 0px; } #stacks_in_373.ath-card.card-theme-2 .ath-content .ath-portrait { position: relative; width: 100%; padding-bottom: 100%; margin: 0; height: 0; } #stacks_in_373.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 0%; padding: 10px 25px 10px 25px; } #stacks_in_373.ath-card.card-theme-2 .ath-footer { position: relative; width: 100%; height: auto; padding: 10px; } #stacks_in_373.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: relative; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } #stacks_in_373.ath-card.card-theme-3 { width: 300px; max-width: 100%; } #stacks_in_373.ath-card.card-theme-3 .ath-content { padding: 0px 0px 20px 0px; padding: 0 0 64px 0; } #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-portrait { margin: 0; position: relative; width: 100%; padding-bottom: 100%; height: auto; } #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting { margin-top: 90%; } #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-details { margin: 0; width: 100%; padding: 0px 20px 0px 20px; } #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { text-align: left; } #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: left; } #stacks_in_373.ath-card.card-theme-3 .ath-content .ath-details:before { width: 150%; height: 150px; left: -25%; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(6deg); transform: rotate(6deg); } #stacks_in_373.ath-card.card-theme-3 .ath-footer { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } #stacks_in_373.ath-card.card-theme-3 .ath-footer .ath-link-wrap { -webkit-transform: rotate(6deg); transform: rotate(6deg); padding: 25px 10px 5px 10px; } #stacks_in_373.ath-card.card-theme-4 { width: 300px; max-width: 100%; padding: 30px 0px; } #stacks_in_373.ath-card.card-theme-4 .ath-content { text-align: center; padding: 0px 20px; } #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-portrait { width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; padding: 0 10px; } #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { left: auto; bottom: auto; width: 100%; height: auto; position: relative; } #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: center; } #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: center; } #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_373.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_373.ath-card.card-theme-4 .ath-footer { position: relative; text-align: center; padding: 10px 20px 0px 20px; } } .footerzero{ position: fixed!important; left: 0; bottom: 0; width: 100%; background: #E6E6E6; z-index: 99999; opacity:1!important; } .footerzero{ height: auto; } .show{opacity: 1;} .hide{opacity: 0;} .fzSlideIn{ bottom: 0; opacity: 1; -webkit-transition-duration: 0.50s; -moz-transition-duration: 0.50s; transition-duration: 0.50s; } .fzSlideOut{ bottom: -100px; opacity: 0; -webkit-transition-duration: 0.50s; -moz-transition-duration: 0.50s; transition-duration: 0.50s; } .spacerStack { height: 10.00px; } #spacerStackstacks_in_389_5 { height: 10.00px; } @media print { #spacerStackstacks_in_389_5 { display: none !important; } } .spacerStack { height: 10.00px; } #spacerStackstacks_in_389_6 { height: 10.00px; } @media print { #spacerStackstacks_in_389_6 { display: none !important; } }