/* -- Start Vegas Page css Template -- */ .vegas-overlay,.vegas-slide,.vegas-slide-inner,.vegas-timer,.vegas-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;border:none;padding:0;margin:0}.vegas-overlay{opacity:.5;background:url(overlays/02.png) center center}.vegas-timer{top:auto;bottom:0;height:2px}.vegas-timer-progress{width:0;height:100%;background:#fff;-webkit-transition:width ease-out;transition:width ease-out}.vegas-timer-running .vegas-timer-progress{width:100%}.vegas-slide,.vegas-slide-inner{margin:0;padding:0;background:center center no-repeat;-webkit-transform:translateZ(0);transform:translateZ(0)}body .vegas-container{overflow:hidden!important;position:relative}.vegas-video{min-width:100%;min-height:100%;width:auto;height:auto}body.vegas-container{overflow:auto;position:static;z-index:-2}body.vegas-container>.vegas-overlay,body.vegas-container>.vegas-slide,body.vegas-container>.vegas-timer{position:fixed;z-index:-1}:root body.vegas-container>.vegas-overlay,:root body.vegas-container>.vegas-slide,_::full-page-media,_:future{bottom:-76px}.vegas-transition-fade,.vegas-transition-fade2{opacity:0}.vegas-transition-fade-in,.vegas-transition-fade2-in{opacity:1}.vegas-transition-fade2-out{opacity:0}.vegas-transition-blur,.vegas-transition-blur2{opacity:0;-webkit-filter:blur(32px);filter:blur(32px)}.vegas-transition-blur-in,.vegas-transition-blur2-in{opacity:1;-webkit-filter:blur(0);filter:blur(0)}.vegas-transition-blur2-out{opacity:0}.vegas-transition-flash,.vegas-transition-flash2{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-flash-in,.vegas-transition-flash2-in{opacity:1;-webkit-filter:brightness(1);filter:brightness(1)}.vegas-transition-flash2-out{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-negative,.vegas-transition-negative2{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-negative-in,.vegas-transition-negative2-in{opacity:1;-webkit-filter:invert(0);filter:invert(0)}.vegas-transition-negative2-out{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-burn,.vegas-transition-burn2{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-burn-in,.vegas-transition-burn2-in{opacity:1;-webkit-filter:contrast(100%) saturate(100%);filter:contrast(100%) saturate(100%)}.vegas-transition-burn2-out{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-slideLeft,.vegas-transition-slideLeft2{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideLeft-in,.vegas-transition-slideLeft2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideLeft2-out,.vegas-transition-slideRight,.vegas-transition-slideRight2{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.vegas-transition-slideRight-in,.vegas-transition-slideRight2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideRight2-out{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideUp,.vegas-transition-slideUp2{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-slideUp-in,.vegas-transition-slideUp2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown,.vegas-transition-slideDown2,.vegas-transition-slideUp2-out{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.vegas-transition-slideDown-in,.vegas-transition-slideDown2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown2-out{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-zoomIn,.vegas-transition-zoomIn2{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-zoomIn-in,.vegas-transition-zoomIn2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomIn2-out,.vegas-transition-zoomOut,.vegas-transition-zoomOut2{-webkit-transform:scale(2);transform:scale(2);opacity:0}.vegas-transition-zoomOut-in,.vegas-transition-zoomOut2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomOut2-out{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-swirlLeft,.vegas-transition-swirlLeft2{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-transition-swirlLeft-in,.vegas-transition-swirlLeft2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlLeft2-out,.vegas-transition-swirlRight,.vegas-transition-swirlRight2{-webkit-transform:scale(2) rotate(-35deg);transform:scale(2) rotate(-35deg);opacity:0}.vegas-transition-swirlRight-in,.vegas-transition-swirlRight2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlRight2-out{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-animation-kenburns{-webkit-animation:kenburns ease-out;animation:kenburns ease-out}@-webkit-keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.vegas-animation-kenburnsUp{-webkit-animation:kenburnsUp ease-out;animation:kenburnsUp ease-out}@-webkit-keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDown{-webkit-animation:kenburnsDown ease-out;animation:kenburnsDown ease-out}@-webkit-keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsLeft{-webkit-animation:kenburnsLeft ease-out;animation:kenburnsLeft ease-out}@-webkit-keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsRight{-webkit-animation:kenburnsRight ease-out;animation:kenburnsRight ease-out}@-webkit-keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpLeft{-webkit-animation:kenburnsUpLeft ease-out;animation:kenburnsUpLeft ease-out}@-webkit-keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpRight{-webkit-animation:kenburnsUpRight ease-out;animation:kenburnsUpRight ease-out}@-webkit-keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownLeft{-webkit-animation:kenburnsDownLeft ease-out;animation:kenburnsDownLeft ease-out}@-webkit-keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownRight{-webkit-animation:kenburnsDownRight ease-out;animation:kenburnsDownRight ease-out}@-webkit-keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}} /* -- End Vegas Page css Template -- *//* 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, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(87, 84, 76, 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, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(57, 54, 46, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(128, 123, 112, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(128, 123, 112, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 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:calc(1200rem/16);}::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(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 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);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-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 Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} html,body, .myclass{font-family:"Roboto",sans-serif } .white_font{color:rgba(230, 230, 230, 1.00) ;} .white_fontt{--header-color:rgba(230, 230, 230, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(230, 230, 230, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none} .brown_fontt{--header-color:rgba(87, 84, 76, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(87, 84, 76, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none} .font_size{font-size:calc(10rem/16) ;}@media only screen and (min-width:40em) { .font_size{font-size:calc(12rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .font_size{font-size:calc(14rem/16) ;line-height:1.50 }} .font_size2{font-size:calc(10rem/16) ;}@media only screen and (min-width:40em) { .font_size2{font-size:calc(13rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .font_size2{font-size:calc(15rem/16) ;line-height:1.50 }} .tan_bg{background-color:rgba(146, 141, 126, 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){.tan_bg{background-attachment:scroll!important}} .lttan_bg{background-color:rgba(250, 242, 220, 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){.lttan_bg{background-attachment:scroll!important}} .mid_bg{background-color:rgba(128, 123, 112, 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){.mid_bg{background-attachment:scroll!important}} .shadow{box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.60);} .tan3_bg{background-color:rgba(209, 202, 184, 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){.tan3_bg{background-attachment:scroll!important}} .cream_bg{background-color:rgba(250, 242, 220, 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){.cream_bg{background-attachment:scroll!important}} .tan5_bg{background-color:rgba(209, 202, 184, 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){.tan5_bg{background-attachment:scroll!important}} .rounding{border-radius:10px ;} .mb1{background-image:url('../files/bgimage-23-693.png') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:darken ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.mb1{background-attachment:scroll!important}} .mb2{background-image:url('../files/bgimage-24-693.png') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.mb2{background-attachment:scroll!important}} .mb3{background-image:url('../files/bgimage-25-693.png') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.mb3{background-attachment:scroll!important}} .rainbow_bg{background-image:url('../files/bgimage-26-693.png') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.rainbow_bg{background-attachment:scroll!important}} .overlay_bg{position:relative;z-index:0}.overlay_bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.43 ;background-color:rgba(0, 0, 0, 1.00) ;} .rounding{border-radius:10px ;} .font_size{font-size:calc(7rem/16) ;}@media only screen and (min-width:40em) { .font_size{font-size:calc(9rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .font_size{font-size:calc(11rem/16) ;line-height:1.50 }} /* custom stuff */ #corner-stacks_in_22_2 .corner-modal { z-index: 9999; max-width:400px; max-height:400px; } #corner-stacks_in_22_2 .corner-content { border:1px solid rgba(0, 0, 0, 0.40); border-radius:2px; background-color:rgba(255, 255, 255, 1.00); color: rgba(102, 102, 102, 1.00); overflow:auto; } #corner-stacks_in_22_2 .corner-button { font-family: Helvetica; font-size: 14px; font-weight: 700; border:2px solid rgba(250, 239, 213, 1.00); border-radius:22px; background-color:rgba(71, 68, 61, 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: 20px; margin-left: 20px; z-index: 9998; } #corner-stacks_in_22_2 .corner-button.corner-tl, #corner-stacks_in_22_2 .corner-button.corner-tr { margin-top: -60px; } #corner-stacks_in_22_2 .corner-button.corner-bl, #corner-stacks_in_22_2 .corner-button.corner-br { margin-bottom: -60px; } #corner-stacks_in_22_2 .corner-content { padding-top: 30px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } #corner-stacks_in_22_2 .corner-button.corner-tl.corner-show, #corner-stacks_in_22_2 .corner-button.corner-tr.corner-show { margin-top: 20px; } #corner-stacks_in_22_2 .corner-button.corner-bl.corner-show, #corner-stacks_in_22_2 .corner-button.corner-br.corner-show { margin-bottom: 20px; } /* hide the text in button on smaller screens */ @media only screen and (max-width: 770px) { #corner-stacks_in_22_2 .corner-modal { width:100%; max-width:100%; max-height:100%; margin:0; } #corner-stacks_in_22_2 .corner-content { margin:4px; } #corner-stacks_in_22_2 span.corner-label { display:none; } } /* 1.5.0.1 - hotfix: display bug with dropdown items in edit mode */ #stacks_in_4_2 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_4_2 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_4_2 .clean-menu-extra { display: none; } #clean-menu_stacks_in_4_2 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_4_2 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_4_2.cm-full-menu li > a:hover, #clean-menu_stacks_in_4_2 li > a:hover { text-decoration: none; } #stacks_in_4_2 nav { border: 0px solid transparent; } #clean-menu_stacks_in_4_2 { max-width: 1320px; box-sizing: border-box; padding: 0px 20px; margin: 0 auto; } /* compatability fixes */ #clean-menu_stacks_in_4_2 ul { margin: 0; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_4_2 ul li > a:after, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li > a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_4_2.cm-full-menu, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul { text-decoration: none; list-style: none; margin: 0; display: block; padding: 0px 0px; background: transparent; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul li, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li > a { padding: 5px 20px; margin: 0; line-height: 1; background: transparent; display: inline-block; } #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li > a { padding: 6px 20px; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul > li > .cm-custom-content { padding: 4px 20px 4px 20px; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 20px 4px 30px; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 20px 4px 0px; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: 1; height: auto; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul > div, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul > div a, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul ul, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_4_2.cm-full-menu, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul { position: absolute; z-index: 9999; pointer-events: none; opacity: 0; -webkit-transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease, opacity 300ms ease; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); min-width: 250px; border-radius: 4px; box-shadow: 0px 10px 20px rgba(0,0,0,0.4); } #clean-menu-full_stacks_in_4_2.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_4_2.cm-full-menu { height: 0; overflow: hidden; } #clean-menu-full_stacks_in_4_2.cm-full-menu.clean-menu-active { height: auto; } #clean-menu-full_stacks_in_4_2.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_4_2 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_4_2.clean-menu-active ul { opacity: 1; pointer-events: all; } .cm-toggle { width: 30px; height: 28px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .cm-toggle span { display: block; position: absolute; height: 5px; width: 100%; background: #333; border-radius: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .cm-toggle span:nth-child(1) { top: 0px; } .cm-toggle span:nth-child(2),.cm-toggle span:nth-child(3) { top: 10px; } .cm-toggle span:nth-child(4) { top: 20px; } .cm-toggle.open span:nth-child(1) { opacity: 0; } .cm-toggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cm-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .cm-toggle.open span:nth-child(4) { opacity: 0; } #clean-menu_stacks_in_4_2 .cm-toggle span { height: 6px; width: 6px; border-radius: 50%; } #clean-menu_stacks_in_4_2 .cm-toggle span:nth-child(1) { top: 10px; left: 1px; } #clean-menu_stacks_in_4_2 .cm-toggle span:nth-child(2),#clean-menu_stacks_in_4_2 .cm-toggle span:nth-child(3) { top: 10px; left: 12px; } #clean-menu_stacks_in_4_2 .cm-toggle span:nth-child(4) { top: 10px; left: 23px; } #clean-menu_stacks_in_4_2 .cm-toggle.open span:nth-child(2) { width: 100%; left: 0; top: 11px; border-radius: 2px; height: 4px; } #clean-menu_stacks_in_4_2 .cm-toggle.open span:nth-child(3) { width: 100%; left: 0; top: 11px; border-radius: 2px; height: 4px; } #clean-menu_stacks_in_4_2 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } #clean-menu_stacks_in_4_2 > div { align-self: center; } #clean-menu_stacks_in_4_2 .clean-menu-full .cm-menu-toggle { width: 30px; height: 25px; box-sizing: border-box; padding: 0; /* border: 1px solid #000;*/ border-radius: 3px; cursor: pointer; } #clean-menu_stacks_in_4_2 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_4_2 .clean-menu-logo { max-width: 250px; min-width: 250px; margin: 0; } #clean-menu_stacks_in_4_2 .clean-menu-logo .cm-logo-wrap { max-width: 250px; min-width: 250px; -webkit-box-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; } #clean-menu_stacks_in_4_2 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_4_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_4_2 .clean-menu-logo > div > div { align-self: center; } #clean-menu_stacks_in_4_2 .clean-menu-logo .cm-logo-left { max-width: 73px; max-width: 9999px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_4_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; max-width: 9999px; } #clean-menu_stacks_in_4_2 .clean-menu-logo .cm-logo-right { display: none; margin: 10px 0; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-end; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; padding: 0; text-decoration: none; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li { margin: 0 15px; align-self: center; line-height: 1; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } #clean-menu_stacks_in_4_2 > div:nth-child(1), #clean-menu_stacks_in_4_2 > div:nth-child(2) { -webkit-box-flex: initial; -ms-flex: none; flex: none; width: auto; } #clean-menu_stacks_in_4_2 > div:nth-child(1) { margin-right: 10px; } #clean-menu_stacks_in_4_2 > div:nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; max-width: 100%; } #clean-menu_stacks_in_4_2 > div.clean-menu-top-level:nth-child(2) ul li:first-child, #clean-menu_stacks_in_4_2 > div.clean-menu-top-level:nth-child(1) ul li:last-child { margin: 0 15px; } #clean-menu_stacks_in_4_2 > div.clean-menu-top-level:nth-child(2) > ul > li > ul li:first-child, #clean-menu_stacks_in_4_2 > div.clean-menu-top-level:nth-child(1) > ul > li > ul li:last-child { margin: 0; } div[tag="slice"] > .mez > #stacks_in_4_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li > a:visited { transition: color 150ms ease; text-decoration: none; color: rgba(230, 230, 230, 1.00); font-size: 20px; line-height: 25px; align-items: center; padding: 0; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a { font-size: 20px; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li > a, #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a { font-family: inherit; } #clean-menu-full_stacks_in_4_2.cm-full-menu > ul > li > a { } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a svg, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li > a svg { fill: rgba(230, 230, 230, 1.00); align-self: center; vertical-align: middle; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li > a{ transition: color 150ms ease; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_4_2.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; display: flex; align-items: center; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li.cm-grouped-item > a, #clean-menu-full_stacks_in_4_2.cm-full-menu ul li.cm-grouped-item > a { display: inline-block; margin-left: 8px; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li.cm-grouped-item > a { padding: 0; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li.cm-grouped-item > a:first-child, #clean-menu-full_stacks_in_4_2.cm-full-menu ul li.cm-grouped-item > a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul li.cm-grouped-item > a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li > a ion-icon, #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li > a i, #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a ion-icon, #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a i { font-size: 25px; line-height: 25px; font-size: 20px; line-height: 20px; } #stacks_in_4_2 li > a svg, #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a svg, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li > a svg { width: 20px; height: 20px; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li > a:hover { transition: color 150ms ease; text-decoration: none; color: rgba(204, 204, 204, 1.00); } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li > a:hover svg, #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a:hover svg { fill: rgba(204, 204, 204, 1.00); } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li > a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li.cm-current > a { transition: color 150ms ease; text-decoration: none; color: rgba(255, 255, 255, 1.00); } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_4_2.cm-full-menu ul li.cm-current > a svg { fill: rgba(255, 255, 255, 1.00); } #clean-menu_stacks_in_4_2 .cm-toggle span { background: #000000; } #clean-menu_stacks_in_4_2 h1, #clean-menu_stacks_in_4_2 h2, #clean-menu_stacks_in_4_2 h3, #clean-menu_stacks_in_4_2 h4, #clean-menu_stacks_in_4_2 h5, #clean-menu_stacks_in_4_2 h6, #clean-menu_stacks_in_4_2 .layouts-text, #clean-menu_stacks_in_4_2 p { color: rgba(0, 0, 0, 0.60); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_4_2.cm-full-menu, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul { background: rgba(255, 255, 255, 1.00); } #clean-menu-full_stacks_in_4_2.cm-full-menu > ul > li, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_4_2.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a, #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a:visited, #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a svg, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li > a, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li > a:visited, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li > a svg, #clean-menu-full_stacks_in_4_2.cm-full-menu ul ul li:before { color: rgba(0, 0, 0, 0.40); fill: rgba(0, 0, 0, 0.40); } #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a:hover, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li > a:hover, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li > a:hover svg { color: rgba(0, 0, 0, 0.20); fill: rgba(0, 0, 0, 0.20); } /* #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a.cm-heading:hover, #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a.cm-heading:hover svg, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li > a.cm-heading:hover { color: rgba(0, 0, 0, 0.40); cursor: default; } */ #clean-menu-full_stacks_in_4_2.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li.cm-current > a svg { color: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(230, 230, 230, 1.00); } #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(204, 204, 204, 1.00); } /* #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(230, 230, 230, 1.00); } */ #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(255, 255, 255, 1.00); } .disable-parents #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li > a.parent:hover:after, .disable-parents #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul li > a.parent:hover, #clean-menu-full_stacks_in_4_2.cm-full-menu.disable-parents ul li > a.parent:hover { color: rgba(0, 0, 0, 0.40); border-color: rgba(0, 0, 0, 0.40); } .disable-parents #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li > a.parent:hover, .disable-parents #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li > a.parent:hover:after { color: rgba(230, 230, 230, 1.00); border-color: rgba(230, 230, 230, 1.00); } #clean-menu_stacks_in_4_2 .clean-menu-logo { margin: 0; width: auto; max-width: 250px; } #clean-menu_stacks_in_4_2 .clean-menu-logo .cm-logo-wrap { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; max-width: 250px; width: 100%; float: right; } #clean-menu_stacks_in_4_2 .clean-menu-full { width: 250px; -webkit-box-flex: none; -ms-flex: none; flex: none; } /* div[tag="slice"] > .mez > #stacks_in_4_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-full { width: auto; max-width: 300px; } */ #clean-menu_stacks_in_4_2 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } div[tag="slice"] > .mez > #stacks_in_4_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 7px; } #clean-menu_stacks_in_4_2 .clean-menu-full { margin: 0; } #clean-menu_stacks_in_4_2 .clean-menu-full .cm-menu-toggle { display: none; } #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul { display: block; position: fixed; pointer-events: none; opacity: 0; top: 100%; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li { position: relative; } #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); pointer-events: all; opacity: 1; } #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > a.parent:after { content: ""; border-style: solid; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: -3px 0 0 8px; } #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > a.parent a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > a.parent a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > a.parent a.cm-heading.parent:hover:after { border-color: rgba(0, 0, 0, 0.40); } */ #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > a.parent a.parent.cm-current:after { border-color: rgba(0, 0, 0, 0.60); } @media all and (min-width: 771px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_4_2.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_4_2 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_4_2.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_4_2 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_4_2 .clean-menu-top-level > ul > li > ul.cm-wide > li { text-align: left; align-self: flex-start; } } @media all and (max-width: 770px) { #clean-menu_stacks_in_4_2.clean-menu { flex-wrap: wrap-reverse; } #clean-menu_stacks_in_4_2 > div { } #clean-menu_stacks_in_4_2.clean-menu { gap: 0 16px; } #clean-menu-full_stacks_in_4_2 { min-width: 300px; } #clean-menu_stacks_in_4_2 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_4_2 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_4_2 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_4_2 .clean-menu-top-level { display: none; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul > li > .cm-custom-content { padding: 4px 24px 4px 24px; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 24px 4px 34px; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 24px 4px 0px; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul li.cm-grouped-item{ padding: 4px 24px; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a { font-size: calc(20px + 2 ); line-height: calc(20px + 2 ); padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_4_2.cm-full-menu ul li.cm-grouped-item > a { width: auto; } #clean-menu-full_stacks_in_4_2.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_4_2.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_4_2.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } } .cm-mobile-example #clean-menu-full_stacks_in_4_2 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_4_2 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_4_2 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_4_2 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_4_2 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_4_2.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_4_2.cm-full-menu ul li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_4_2.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_4_2.cm-full-menu ul li.cm-grouped-item > a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_4_2.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_4_2.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_4_2.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } .cm-mobile-example #clean-menu_stacks_in_4_2 .clean-menu-logo { } #clean-menu_stacks_in_4_2 .clean-menu-top-level ul li.cm-current > a { } #stacks_in_4_2 { background-color: rgba(163, 158, 144, 1.00); padding: 10px 0px 5px 0px; } .stacks_in_4_11 img{width:100%;max-width:175px} /* -- Start Vegas Each css Template -- */ #stacks_in_5VegasSlideshow{ position: relative; min-height: 500px; } #stacks_in_5VegasInput{ position: relative; display: none; } #stacks_in_5 .vegas-overlay{ background:url("../files/vegasAssets/04.png") !important; } #stacks_in_5 .vegasalert{ background: #FAC5CE; border: 2px solid #B4284F; border-radius: 4px; color: #B4284F !important; padding: 15px; } #stacks_in_5 .vegasalert span{ font-size: 2em; font-weight: bold; } .stacks_in_5vegasContentBox{ position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } /* -- Unified -- */ .stacks_in_5vegasContent,.stacks_in_5vegasContent h1,.stacks_in_5vegasContent h2,.stacks_in_5vegasContent h3,.stacks_in_5vegasContent h4,.stacks_in_5vegasContent h5,.stacks_in_5vegasContent h6{ color: #FFFFFF !important; } .stacks_in_5vegasContent a,.stacks_in_5vegasContent a:active,.stacks_in_5vegasContent a:visited{ color: #3B94D9 !important; text-decoration: none !important; } .stacks_in_5vegasContent a:hover{ color: #DDDDDD !important; text-decoration: none !important; } .stacks_in_5vegasScrollButton i{ color: #FFFFFF !important; } .stacks_in_5vegasContentBox{ text-align: center !important; } .stacks_in_5vegasContentBox h1,.stacks_in_5vegasContentBox h2,.stacks_in_5vegasContentBox h3,.stacks_in_5vegasContentBox h4,.stacks_in_5vegasContentBox h5,.stacks_in_5vegasContentBox h6,.stacks_in_5vegasContentBox p{ margin: 0 !important; padding: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; line-height: normal !important; } .stacks_in_5vegasContent{ position: relative !important; margin: 0 auto; padding: 20px; max-width: 800px; } .stacks_in_5vegasScrollButton{ position: absolute; width: 100%; bottom: 0; color: #fff !important; font-size: 36px; text-align: center; padding-top: 30px; padding-bottom: 30px; display: none; cursor: pointer; } .stacks_in_5vegasScrollButton{ display: block; } /* -- End Unified -- */ @keyframes vegasanimation { 43% { transform: translate(0,0);} 0% { transform: translate(0,0);} 30% { transform: translate(0,11px);} 17% { transform: translate(0,-5px);} 11% { transform: translate(0,0);} } @-webkit-keyframes vegasanimation { 43% { transform: translate(0,0);} 0% { transform: translate(0,0);} 30% { transform: translate(0,11px);} 17% { transform: translate(0,-5px);} 11% { transform: translate(0,0);} } /* apply the .animation class to the element you want to animate */ .vegasanimation { animation: vegasanimation 3s ease-in-out 0s infinite normal none; -webkit-animation: vegasanimation 3s ease-in-out 0s infinite normal none; } /* -- End Vegas Each css Template -- *//* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_6 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_6 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_6 .wrapper_link { display: none !important; position: absolute; padding: 0; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; min-height: 100px !important; max-height: 200px !important; width: auto; max-width: 75vw; } #stacks_in_6 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 50vh; min-height: 200px !important; padding: 0; %%[[if edit]]%% display:none; %%[[endif]]%% } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_6 .back_wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_6 .back_wrapper_8573 { } } #stacks_in_6 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 50vh; min-height: 200px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_6 .wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_6 .wrapper_8573 { } } /* Hype internal elements - rotation */ #stacks_in_6 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* --------------- */ #stacks_in_6 .wrapper_working_area { background: url(../files/edit_mode_titles_guide_border.gif) center center no-repeat !important; max-width: 1300px; height: 50vh; background-size: contain !important; -webkit-background-size: contain !important; -moz-background-size: contain !important; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; opacity: 0.65; display: none !important; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; margin-right: auto; margin-left: auto; text-align: center; } /* ---TITLE active only with "STATIC" titles */ .hype-title-static { } .hype-title-scale{ %%[[if !edit]]%% } @keyframes hype-title-scale { 0% {transform: scale(0.8); opacity: 0;} 40% {transform: scale(0.8);} 45% {opacity: 0;} 100% {transform: scale(1); opacity: 1;} } @-webkit-keyframes hype-title-scale { 0% {-webkit-transform: scale(0.8); opacity: 0;} 40% {-webkit-transform: scale(0.8);} 45% {opacity: 0;} 100% {-webkit-transform: scale(1); opacity: 1;} } .hype-title-fade { } @keyframes hype-title-fade { 0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes hype-title-fade { 0% { opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } /* A */ #stacks_in_6 .theme_title { color: #FBF0D5 !important; } /* B */ #stacks_in_6 .theme_title_b { color: #C8C1AB !important; } /* Tit A-B styles */ #stacks_in_6 .theme_slogan { color: #CCCCCC !important; font-size: 54px !important; font-family: "ralewaylight", sans-serif !important; font-style: none; text-transform: none; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; -moz-transform: rotate( 0deg ) !important; margin-top: 20px !important; margin-left: 0px !important; display: block !important; letter-spacing: 0px !important; line-height: 70px !important; } /* TITLE CSS */ #stacks_in_6 .theme_title, #stacks_in_6 .theme_title_b { font-size: 150px !important; font-style: none; text-transform: none;text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: "ralewaylight", sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; } /* upg 1.1.3 - 113 */ #stacks_in_6 .theme_title, #stacks_in_6 .theme_title_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_6 .back_wrapper_8573 { /* upg 1.1.4 - 114 */ /* beta */ /* */ } #stacks_in_6 .back_wrapper_8573bg { text-align: center; display: block; position: relative; max-width: 1300vh; height: 50vh; min-height: 200px !important; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_6 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_6 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_6 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_6 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_6 .back_wrapper_8573bg#stacks_in_6 .back_wrapper_8573bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_6 .back_wrapper_8573bg { } } @media (max-width: 600px) { #stacks_in_6 .back_wrapper_8573bg { } } #stacks_in_6 .theme_title, #stacks_in_6 .theme_title_b { text-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) !important; } #stacks_in_6 .theme_title, #stacks_in_6 .theme_title_b { } /* --------------- */ /* @group Built-in Webfonts */ @font-face { font-family: 'cordial_proregregular'; src: url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prosemibold'; src: url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_promedium'; src: url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prolight'; src: url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_probold'; src: url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_inlineBdrounded'; src: url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_cherryBdrounded'; src: url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* cordial end */ @font-face { font-family: 'rubik_mono_oneregular'; src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'abelregular'; src: url('../files/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts/abel/abel-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanscondensed_light'; src: url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bree_serifregular'; src: url('../files/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('../files/webfonts/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts/pacifico/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'signikaregular'; src: url('../files/webfonts/signika/signika-regular-webfont.woff2') format('woff2'), url('../files/webfonts/signika/signika-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rochesterregular'; src: url('../files/webfonts/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rochester/rochester-regular-webfont.woff') format('woff') font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_display_scregular'; src: url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight'; src: url('../files/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../files/webfonts/raleway/raleway-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fjalla_oneregular'; src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vigaregular'; src: url('../files/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts/viga/viga-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_blackregular'; src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* @end */ #stacks_in_6 .decoration_color_1 { background-color: #6F6A5F !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_6 .flash-color { background-color: rgba(0, 0, 0, 0.35) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; display: block !important; } /* end style */ /* EDIT mode */ /* -- End EACH CSS Template -- */#stacks_in_6 .scrollButton-hypetitles { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 8%; border-radius: 56px; -webkit-border-radius: 56px; -moz-border-radius: 56px; padding: 0; width: 92px; display: block; -webkit-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;-moz-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 2; animation-delay: 0.15s; } @keyframes hypetitles-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px); } 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } } @-webkit-keyframes hypetitles-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_6 .scrollButton-hypetitles a { font-size: 50px !important; line-height: 1em; transition: 0.05s linear; -webkit-transition: 0.04s linear; -moz-transition: 0.04s linear; -webkit-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.3s; color: #D5D5D5 !important; } #stacks_in_6 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_6 .scrollButton-hypetitles #stacks_in_6 [class*="fa fa-"] { color: #D5D5D5 !important; } @keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_6 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_6 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_6 .scrollButton-hypetitles [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } #target-hypetitles { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_6 .scrollButton-hypetitles { display: none !important; } #stacks_in_6 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } } .stacks_in_24_4 img{width:100%;max-width:175px}