/* 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; } /*! * Font Awesome 3.2.1 * the iconic font designed for Bootstrap * ------------------------------------------------------------------------------ * The full suite of pictographic icons, examples, and documentation can be * found at http://fontawesome.io. Stay up to date on Twitter at * http://twitter.com/fontawesome. * * License * ------------------------------------------------------------------------------ * - The Font Awesome font is licensed under SIL OFL 1.1 - * http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - * http://opensource.org/licenses/mit-license.html * - Font Awesome documentation licensed under CC BY 3.0 - * http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fontawesome.io" * * Author - Dave Gandy * ------------------------------------------------------------------------------ * Email: dave@fontawesome.io * Twitter: http://twitter.com/byscuits * Work: Lead Product Designer @ Kyruus - http://kyruus.com */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('http://netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.eot?v=3.2.1'); src: url('http://netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('http://netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('http://netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('http://netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); font-weight: normal; font-style: normal; } /* FONT AWESOME CORE * -------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } /* makes sure icons active on rollover in links */ a [class^="icon-"], a [class*=" icon-"] { display: inline; } /* increased font size for icon-large */ [class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width { display: inline-block; width: 1.1428571428571428em; text-align: right; padding-right: 0.2857142857142857em; } [class^="icon-"].icon-fixed-width.icon-large, [class*=" icon-"].icon-fixed-width.icon-large { width: 1.4285714285714286em; } .icons-ul { margin-left: 2.142857142857143em; list-style-type: none; } .icons-ul > li { position: relative; } .icons-ul .icon-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; text-align: center; line-height: inherit; } [class^="icon-"].hide, [class*=" icon-"].hide { display: none; } .icon-muted { color: #eeeeee; } .icon-light { color: #ffffff; } .icon-dark { color: #333333; } .icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .icon-5x { font-size: 5em; } .icon-5x.icon-border { border-width: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } /* BOOTSTRAP SPECIFIC CLASSES * -------------------------- */ /* Bootstrap 2.0 sprites.less reset */ [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } /* more sprites.less reset */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; } /* keeps Bootstrap styles with and without icons the same */ .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } /* Fixes alignment in nav lists */ .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { line-height: inherit; } /* EXTRAS * -------------------------- */ /* Stacked and layered icon */ .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35%; } .icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] { display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; *line-height: 2em; } .icon-stack .icon-stack-base { font-size: 2em; *line-height: 1em; } /* Animated rotating icon */ .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } /* Prevent stack and spinners from being taken inline when inside a link */ a .icon-stack, a .icon-spin { display: inline-block; text-decoration: none; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /* Icon rotations and mirroring */ .icon-rotate-90:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .icon-rotate-180:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .icon-rotate-270:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .icon-flip-horizontal:before { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .icon-flip-vertical:before { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } /* ensure rotation occurs inside anchor tags */ a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before { display: inline-block; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope-alt:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-power-off:before, .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-gear:before, .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file-alt:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; } .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-mail-forward:before, .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-gears:before, .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up-alt:before { content: "\f087"; } .icon-thumbs-down-alt:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-unchecked:before, .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paperclip:before, .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-text-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-mail-reply:before, .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .icon-expand-alt:before { content: "\f116"; } .icon-collapse-alt:before { content: "\f117"; } .icon-smile:before { content: "\f118"; } .icon-frown:before { content: "\f119"; } .icon-meh:before { content: "\f11a"; } .icon-gamepad:before { content: "\f11b"; } .icon-keyboard:before { content: "\f11c"; } .icon-flag-alt:before { content: "\f11d"; } .icon-flag-checkered:before { content: "\f11e"; } .icon-terminal:before { content: "\f120"; } .icon-code:before { content: "\f121"; } .icon-reply-all:before { content: "\f122"; } .icon-mail-reply-all:before { content: "\f122"; } .icon-star-half-full:before, .icon-star-half-empty:before { content: "\f123"; } .icon-location-arrow:before { content: "\f124"; } .icon-crop:before { content: "\f125"; } .icon-code-fork:before { content: "\f126"; } .icon-unlink:before { content: "\f127"; } .icon-question:before { content: "\f128"; } .icon-info:before { content: "\f129"; } .icon-exclamation:before { content: "\f12a"; } .icon-superscript:before { content: "\f12b"; } .icon-subscript:before { content: "\f12c"; } .icon-eraser:before { content: "\f12d"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-microphone:before { content: "\f130"; } .icon-microphone-off:before { content: "\f131"; } .icon-shield:before { content: "\f132"; } .icon-calendar-empty:before { content: "\f133"; } .icon-fire-extinguisher:before { content: "\f134"; } .icon-rocket:before { content: "\f135"; } .icon-maxcdn:before { content: "\f136"; } .icon-chevron-sign-left:before { content: "\f137"; } .icon-chevron-sign-right:before { content: "\f138"; } .icon-chevron-sign-up:before { content: "\f139"; } .icon-chevron-sign-down:before { content: "\f13a"; } .icon-html5:before { content: "\f13b"; } .icon-css3:before { content: "\f13c"; } .icon-anchor:before { content: "\f13d"; } .icon-unlock-alt:before { content: "\f13e"; } .icon-bullseye:before { content: "\f140"; } .icon-ellipsis-horizontal:before { content: "\f141"; } .icon-ellipsis-vertical:before { content: "\f142"; } .icon-rss-sign:before { content: "\f143"; } .icon-play-sign:before { content: "\f144"; } .icon-ticket:before { content: "\f145"; } .icon-minus-sign-alt:before { content: "\f146"; } .icon-check-minus:before { content: "\f147"; } .icon-level-up:before { content: "\f148"; } .icon-level-down:before { content: "\f149"; } .icon-check-sign:before { content: "\f14a"; } .icon-edit-sign:before { content: "\f14b"; } .icon-external-link-sign:before { content: "\f14c"; } .icon-share-sign:before { content: "\f14d"; } .icon-compass:before { content: "\f14e"; } .icon-collapse:before { content: "\f150"; } .icon-collapse-top:before { content: "\f151"; } .icon-expand:before { content: "\f152"; } .icon-euro:before, .icon-eur:before { content: "\f153"; } .icon-gbp:before { content: "\f154"; } .icon-dollar:before, .icon-usd:before { content: "\f155"; } .icon-rupee:before, .icon-inr:before { content: "\f156"; } .icon-yen:before, .icon-jpy:before { content: "\f157"; } .icon-renminbi:before, .icon-cny:before { content: "\f158"; } .icon-won:before, .icon-krw:before { content: "\f159"; } .icon-bitcoin:before, .icon-btc:before { content: "\f15a"; } .icon-file:before { content: "\f15b"; } .icon-file-text:before { content: "\f15c"; } .icon-sort-by-alphabet:before { content: "\f15d"; } .icon-sort-by-alphabet-alt:before { content: "\f15e"; } .icon-sort-by-attributes:before { content: "\f160"; } .icon-sort-by-attributes-alt:before { content: "\f161"; } .icon-sort-by-order:before { content: "\f162"; } .icon-sort-by-order-alt:before { content: "\f163"; } .icon-thumbs-up:before { content: "\f164"; } .icon-thumbs-down:before { content: "\f165"; } .icon-youtube-sign:before { content: "\f166"; } .icon-youtube:before { content: "\f167"; } .icon-xing:before { content: "\f168"; } .icon-xing-sign:before { content: "\f169"; } .icon-youtube-play:before { content: "\f16a"; } .icon-dropbox:before { content: "\f16b"; } .icon-stackexchange:before { content: "\f16c"; } .icon-instagram:before { content: "\f16d"; } .icon-flickr:before { content: "\f16e"; } .icon-adn:before { content: "\f170"; } .icon-bitbucket:before { content: "\f171"; } .icon-bitbucket-sign:before { content: "\f172"; } .icon-tumblr:before { content: "\f173"; } .icon-tumblr-sign:before { content: "\f174"; } .icon-long-arrow-down:before { content: "\f175"; } .icon-long-arrow-up:before { content: "\f176"; } .icon-long-arrow-left:before { content: "\f177"; } .icon-long-arrow-right:before { content: "\f178"; } .icon-apple:before { content: "\f179"; } .icon-windows:before { content: "\f17a"; } .icon-android:before { content: "\f17b"; } .icon-linux:before { content: "\f17c"; } .icon-dribbble:before { content: "\f17d"; } .icon-skype:before { content: "\f17e"; } .icon-foursquare:before { content: "\f180"; } .icon-trello:before { content: "\f181"; } .icon-female:before { content: "\f182"; } .icon-male:before { content: "\f183"; } .icon-gittip:before { content: "\f184"; } .icon-sun:before { content: "\f185"; } .icon-moon:before { content: "\f186"; } .icon-archive:before { content: "\f187"; } .icon-bug:before { content: "\f188"; } .icon-vk:before { content: "\f189"; } .icon-weibo:before { content: "\f18a"; } .icon-renren:before { content: "\f18b"; } /* Back To Top */ #easy_scroller_stacks_in_75215 { position: fixed; : ; : ; text-decoration: none; color: ; background-color: ; opacity: ; font-size: ; padding: 0.1em 0.3em 0.1em; display: none; border-radius: 3px; z-index: ; } #easy_scroller_stacks_in_75215:hover { color: ; background-color: ; opacity: ; } #edit-mode-icon { margin-top: 12px; margin-bottom: 12px; } #drawer-topper { text-align: center; } html { position: relative; } /* Added to fix formatting issues is some themes and provide more consistent font sizes (v1.1) */ #stacks_in_75896 { font-size: 14px; line-height: 21px; } #drawer-opener { width: 40px; height: 40px; line-height: 40px; z-index: 99999; position: absolute; left: 50%; margin-left: -20px; cursor: pointer; text-align: center; font-size: 18px; font-style: normal; font-weight: normal; vertical-align: baseline; white-space: nowrap; color: #fff; text-decoration: none; } #drawer-opener { -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin-top: 0px; } #stacks_in_75896 #drawer-opener { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.55), 0 1px 15px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.55), 0 1px 15px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.55), 0 1px 15px 0 rgba(0, 0, 0, 0.3); } #stacks_in_75896 { z-index: 99998; overflow: visible; position: absolute; } #stacks_in_75896 { position: absolute; width: 100%; } #stacks_in_75896 .drawer-closer { width: 40px; height: 40px; position: absolute; display: block; cursor: pointer; background: url(../freeextras_files/drawer-images/close-x-trans-black.png) no-repeat; z-index: 99999; } #stacks_in_75896 .drawer-wrapper, #stacks_in_75896 .drawer-outer { display: block; width: 700px; margin-left: auto; margin-right: auto; position: relative; } #stacks_in_75896 .drawer-padding { padding-top: 21px; padding-bottom: 21px; } #stacks_in_75896 .drawer-content { margin: 0 21px; } #stacks_in_75896 { top: 0; left: 0; } #stacks_in_75896 .drawer-wrapper { -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } #stacks_in_75896 .drawer-closer { bottom: 0; right: 0; margin-right: -15px; margin-bottom: -15px; } #stacks_in_75896 .drawer-wrapper, #stacks_in_75896 .drawer-outer { width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #stacks_in_75896 .drawer-closer { margin-right: 0px; } #stacks_in_75896 .drawer-wrapper { -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.75), 0 1px 15px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.75), 0 1px 15px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.75), 0 1px 15px 0 rgba(0, 0, 0, 0.4); } /* Styles Section */ #stacks_in_75896 .drawer-wrapper { background-color: #FD940A; } #stacks_in_75896 .drawer-content * { color: #FFFFFF; } #drawer-opener { background-color: #FD940A; color: #FFFFFF; } /* Adds link color picker override to the Drawer stack (v1.1) */ #stacks_in_75896 .drawer-content a, #stacks_in_75896 .drawer-content a:visited { color: #FD940A; } #stacks_in_75896 .drawer-content a:hover, #stacks_in_75896 .drawer-content a:active { color: #BD6F07; } #stacks_in_75896 { background-color: rgba(253, 148, 10, 1.00); } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75897{behavior:url(/PIE/PIE.htc); border-style:solid!important; } /* custom stuff */ #corner-stacks_in_75898 .corner-modal { z-index: 100000000; max-width:320px; max-height:1000px; } #corner-stacks_in_75898 .corner-content { border:2px solid rgba(75, 75, 75, 1.00); border-radius:5px; background-color:rgba(55, 55, 55, 1.00); color: rgba(254, 252, 255, 1.00); overflow:auto; } #corner-stacks_in_75898 .corner-button { font-family: Helvetica; font-size: 27px; font-weight: 400; border:1px solid rgba(254, 252, 255, 1.00); border-radius:8px; background-color:rgba(55, 55, 55, 1.00); color: rgba(255, 255, 255, 1.00); padding-top: 11px; padding-right: 15px; padding-bottom: 11px; padding-left: 15px; margin-top: 40px; margin-right: 10px; margin-bottom: 20px; margin-left: 20px; z-index: 999999808; } #corner-stacks_in_75898 .corner-button.corner-tl, #corner-stacks_in_75898 .corner-button.corner-tr { margin-top: -60px; } #corner-stacks_in_75898 .corner-button.corner-bl, #corner-stacks_in_75898 .corner-button.corner-br { margin-bottom: -60px; } #corner-stacks_in_75898 .corner-content { padding-top: 30px; padding-right: 3px; padding-bottom: 20px; padding-left: 3px; margin-top: 20px; margin-right: 2px; margin-bottom: 20px; margin-left: 2px; } #corner-stacks_in_75898 .corner-button.corner-tl.corner-show, #corner-stacks_in_75898 .corner-button.corner-tr.corner-show { margin-top: 40px; } #corner-stacks_in_75898 .corner-button.corner-bl.corner-show, #corner-stacks_in_75898 .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_75898 .corner-modal { width:100%; max-width:100%; max-height:100%; margin:0; } #corner-stacks_in_75898 .corner-content { margin:4px; } #corner-stacks_in_75898 span.corner-label { display:none; } } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75899{behavior:url(/PIE/PIE.htc); border-style:solid!important; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75900{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75900 { background-color: rgba(45, 45, 45, 1.00); } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75902{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75902 { padding: 20px 15px 20px 15px; } /* * Simple Text Pro * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-text/ * Support: http://forum.onelittledesigner.com * Verson: 2.0.3 */ #simpleText_stacks_in_75903 { position: relative; color: #FEFCFF; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_75903.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_75903.fontSizeInheritOff { font-size: 26px; line-height: 26px; } #simpleText_stacks_in_75903.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_75903.lineHeightOn { line-height: 45px; } #simpleText_stacks_in_75903.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_75903.inheritOff a, #simpleText_stacks_in_75903.inheritOff a:link { color: #FEFCFF; text-decoration: inherit; font-style: inherit; font-weight: normal; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75903.inheritOff a:visited { color: #FEFCFF; } #simpleText_stacks_in_75903.inheritOff a:hover { color: #FD940A; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75903.inheritOff a:active { color: #FEFCFF; } #simpleText_stacks_in_75903.inheritOff a:focus { color: #FEFCFF; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_75903.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_75903.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_75903.reFontSizeOn { font-size: 18px; line-height: 18px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_75903.reFontSizeOn { font-size: 18px; line-height: 18px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_75903.reFontSizeOn { font-size: 18px; line-height: 18px; } } /* ===================== * PRO FEATURES ======================= */ #simpleText_stacks_in_75903 .fontFamilyOff, #simpleText_stacks_in_75903 .fontFamilyOff *, #simpleText_stacks_in_75903 .fontFamilyOff a { font-family: Arial; } #stacks_in_75903 { padding: 10px 0px 0px 0px; } #stacks_in_75904 { display:inline-block; width:100%; line-height: 1.510000em; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75906{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75906 { background-color: rgba(45, 45, 45, 1.00); } /* * Simple Text Pro * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-text/ * Support: http://forum.onelittledesigner.com * Verson: 2.0.3 */ #simpleText_stacks_in_75907 { position: relative; color: #FEFCFF; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_75907.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_75907.fontSizeInheritOff { font-size: 26px; line-height: 26px; } #simpleText_stacks_in_75907.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_75907.lineHeightOn { line-height: 45px; } #simpleText_stacks_in_75907.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_75907.inheritOff a, #simpleText_stacks_in_75907.inheritOff a:link { color: #FEFCFF; text-decoration: inherit; font-style: inherit; font-weight: normal; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75907.inheritOff a:visited { color: #FEFCFF; } #simpleText_stacks_in_75907.inheritOff a:hover { color: #FD940A; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75907.inheritOff a:active { color: #FEFCFF; } #simpleText_stacks_in_75907.inheritOff a:focus { color: #FEFCFF; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_75907.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_75907.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_75907.reFontSizeOn { font-size: 18px; line-height: 18px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_75907.reFontSizeOn { font-size: 18px; line-height: 18px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_75907.reFontSizeOn { font-size: 18px; line-height: 18px; } } /* ===================== * PRO FEATURES ======================= */ #simpleText_stacks_in_75907 .fontFamilyOff, #simpleText_stacks_in_75907 .fontFamilyOff *, #simpleText_stacks_in_75907 .fontFamilyOff a { font-family: Arial; } #stacks_in_75907 { padding: 10px 0px 0px 10px; } #stacks_in_75908 { display:inline-block; width:100%; line-height: 1.510000em; } #stacks_in_75910>.s3_row { margin: 0 -0px; } #stacks_in_75910>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_75910 { padding: 15px 0px 30px 0px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75932{behavior:url(/PIE/PIE.htc); border-style:solid!important; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75927{behavior:url(/PIE/PIE.htc); border-style:solid!important; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75922{behavior:url(/PIE/PIE.htc); border-style:solid!important; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75917{behavior:url(/PIE/PIE.htc); border-style:solid!important; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75912{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75939>.s3_row { margin: 0 -0px; } #stacks_in_75939>.s3_row>.s3_column_left { width: 52.45%; } #stacks_in_75939>.s3_row>.s3_column_right { width: 47.549999%; } #stacks_in_75939>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_75939 { padding: 10px 50px 0px 0px; } #stacks_out_75939 { margin-left:0; } #stacks_out_75942 { margin-left:0; } #stacks_in_75947>.s3_row { margin: 0 -0px; } #stacks_in_75947>.s3_row>.s3_column_left { width: 80.00%; } #stacks_in_75947>.s3_row>.s3_column_right { width: 20.000000%; } #stacks_in_75947>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_75947 { padding: 20px 2px 30px 2px; } #stacks_out_75947 { width: 98%; } #stacks_in_75949 { padding: 5px 0px 5px 0px; } #stacks_out_75949 { margin-left:0; } /* -- Start Eternity2 Each css Template -- */ .stacks_in_75229eternityContainer { overflow: hidden; position: relative; } .stacks_in_75229eternityContainer { background-image: url("../freeextras_files/background_image-75229.jpg") !important; background-position: 50% 50% !important; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .stacks_in_75229overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background:url("../freeextras_files/eternity2Assets/01.png") !important; } .stacks_in_75229contentBox{ text-align: center; opacity: 1; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .stacks_in_75229content{ max-width: 2000px; margin: 0 auto 0 auto; text-align: center !important; } .stacks_in_75229content,.stacks_in_75229content h1,.stacks_in_75229content h2,.stacks_in_75229content h3,.stacks_in_75229content h4,.stacks_in_75229content h5,.stacks_in_75229content h6{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_75229content a,.stacks_in_75229content a:active,.stacks_in_75229content a:visited{ color: rgba(59, 148, 217, 1.00) !important; text-decoration: none !important; } .stacks_in_75229content a:hover{ color: rgba(221, 221, 221, 1.00) !important; text-decoration: none !important; } .stacks_in_75229eternityScrollButton i{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_75229eternityScrollButton{ 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_75229eternityScrollButton{ display: block; } /* -- End Unified -- */ .stacks_in_75229eternityContainer { min-height: 500px; } .stacks_in_75229contentBox{ 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%); } /* -- End Preview/Published -- */ @keyframes eternityanimation { 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 eternityanimation { 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 */ .eternityanimation { animation: eternityanimation 3s ease-in-out 0s infinite normal none; -webkit-animation: eternityanimation 3s ease-in-out 0s infinite normal none; } /* -- End Eternity2 Each css Template -- *//* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75230{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75230 { padding: 150px 0px 10px 0px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75232{behavior:url(/PIE/PIE.htc); border-style:solid!important; } .stacks_in_75233 > *{display:inline-block;white-space:nowrap} #stacks_in_75231 { margin: 25px 0px 25px 0px; padding: 40px 0px 40px 0px; } #stacks_in_75236 { text-transform: capitalize; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75238{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75238 { padding: 20px 0px 10px 0px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75239{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75239{behavior:url(/PIE/PIE.htc);-moz-box-shadow:inset 0px 0px 1px #999999;-webkit-box-shadow:inset 0px 0px 1px #999999;box-shadow:inset 0px 0px 1px #999999} #stacks_in_75239 { border: solid rgba(254, 252, 255, 1.00); border-width: 1px; padding: 15px; } #stacks_out_75239 { width: 58%; } /* * Simple Text Pro * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-text/ * Support: http://forum.onelittledesigner.com * Verson: 2.0.3 */ #simpleText_stacks_in_75240 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_75240.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_75240.fontSizeInheritOff { font-size: 22px; line-height: 22px; } #simpleText_stacks_in_75240.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_75240.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_75240.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_75240.inheritOff a, #simpleText_stacks_in_75240.inheritOff a:link { color: #169EE6; text-decoration: inherit; font-style: inherit; font-weight: normal; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75240.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_75240.inheritOff a:hover { color: #FF6600; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75240.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_75240.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_75240.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_75240.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_75240.reFontSizeOn { font-size: 22px; line-height: 22px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_75240.reFontSizeOn { font-size: 22px; line-height: 22px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_75240.reFontSizeOn { font-size: 22px; line-height: 22px; } } /* ===================== * PRO FEATURES ======================= */ #simpleText_stacks_in_75240 .fontFamilyOff, #simpleText_stacks_in_75240 .fontFamilyOff *, #simpleText_stacks_in_75240 .fontFamilyOff a { font-family: Arial; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75244{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75244 { padding: 80px 0px 10px 0px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75245{behavior:url(/PIE/PIE.htc); border-style:solid!important; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75189{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75189 { padding: 30px 0px 30px 0px; } #stacks_in_75286>.s3_row { margin: 0 -0px; } #stacks_in_75286>.s3_row>.s3_column_left { width: 56.00%; } #stacks_in_75286>.s3_row>.s3_column_right { width: 44.000000%; } #stacks_in_75286>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_75286>.s3_row { margin: -0px 0; } #stacks_in_75286>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_out_75286 { width: 95%; } #stacks_in_9882 { padding: 30px 0px 0px 0px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75289{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75289 { padding: 30px 0px 0px 0px; } .stacks_in_75290 > *{display:inline-block;white-space:nowrap} #stacks_in_75292 { margin: 25px 0px 25px 0px; padding: 40px 0px 40px 0px; } #stacks_in_75294 { text-transform: capitalize; } /* * Simple Text Pro * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-text/ * Support: http://forum.onelittledesigner.com * Verson: 2.0.3 */ #simpleText_stacks_in_75295 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_75295.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_75295.fontSizeInheritOff { font-size: 21px; line-height: 21px; } #simpleText_stacks_in_75295.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_75295.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_75295.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_75295.inheritOff a, #simpleText_stacks_in_75295.inheritOff a:link { color: #169EE6; text-decoration: inherit; font-style: inherit; font-weight: normal; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75295.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_75295.inheritOff a:hover { color: #FF6600; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75295.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_75295.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_75295.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_75295.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_75295.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_75295.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_75295.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* ===================== * PRO FEATURES ======================= */ #simpleText_stacks_in_75295 .fontFamilyOff, #simpleText_stacks_in_75295 .fontFamilyOff *, #simpleText_stacks_in_75295 .fontFamilyOff a { font-family: Arial; } #stacks_in_75685 .flat_button_2_alignment { font-size: 15px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } #stacks_in_75685 a, #stacks_in_75685 a:visited { /* Button text alignment fix v2.0.1 */ text-align: center; display: inline-block; border-radius: 4px; overflow: hidden; height: 65px; line-height: 65px; text-decoration: none; border-width: 0px; border-style: solid; border-color: rgba(0, 84, 123, 1.00); } #stacks_in_75685 a .flat_button_2_text { padding-left: 15px; padding-right: 15px; text-align: center !important; } #stacks_in_75685 a i, #stacks_in_75685 a:visited i { font-size: 20px; display: inline-block; text-align: center; width: 65px; height: 65px; line-height: 65px; float: left; } /* Flat Color Mode */ #stacks_in_75685 a, #stacks_in_75685 a:visited { background-color: rgba(253, 148, 10, 1.00); color: rgba(254, 252, 255, 1.00) !important; } #stacks_in_75685 a:hover, #stacks_in_75685 a:active { background-color: rgba(205, 121, 14, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_75685 a i, #stacks_in_75685 a:visited i { background-color: rgba(202, 0, 0, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_75685 a:hover i, #stacks_in_75685 a:active i { background-color: rgba(0, 71, 132, 1.00); color: rgba(255, 255, 255, 1.00); } /* Flexible Width Mode */ #stacks_in_75685 a, #stacks_in_75685 a:visited { width: 100%; } #stacks_in_75685 { padding: 30px 0px 5px 0px; } #stacks_in_3068 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_3068 .jwresp_col{overflow:hidden;margin:0;width:40%; float:left;}#stacks_in_3068 #jwresp_col2_stacks_in_3068{ float:right; width:60%}@media screen and (max-width:500px){#stacks_in_3068 #jwresp_col1_stacks_in_3068,#stacks_in_3068 #jwresp_col2_stacks_in_3068{width:100%;float:none;display:block}#stacks_in_3068 #jwresp_col1_stacks_in_3068{margin-bottom:15px}} #stacks_in_3068 { margin: 20px; padding: 20px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75187{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75187 { padding: 30px 0px 30px 0px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75352{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75352 { padding: 30px 0px 30px 0px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75191{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75191 { padding: 30px 0px 30px 0px; } #stacks_in_75303>.s3_row { margin: 0 -4px; } #stacks_in_75303>.s3_row>.s3_column_left { width: 56.00%; } #stacks_in_75303>.s3_row>.s3_column_right { width: 44.000000%; } #stacks_in_75303>.s3_row>.s3_column { padding: 0 4px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_75303>.s3_row { margin: -4px 0; } #stacks_in_75303>.s3_row>.s3_column { padding: 4px 0; width:100%; } } #stacks_out_75303 { width: 95%; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75297{behavior:url(/PIE/PIE.htc); border-style:solid!important; } .stacks_in_75298 > *{display:inline-block;white-space:nowrap} #stacks_in_75300 { margin: 25px 0px 25px 0px; padding: 40px 0px 40px 0px; } #stacks_in_75302 { text-transform: capitalize; } /* * Simple Text Pro * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-text/ * Support: http://forum.onelittledesigner.com * Verson: 2.0.3 */ #simpleText_stacks_in_75218 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_75218.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_75218.fontSizeInheritOff { font-size: 21px; line-height: 21px; } #simpleText_stacks_in_75218.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_75218.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_75218.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_75218.inheritOff a, #simpleText_stacks_in_75218.inheritOff a:link { color: #169EE6; text-decoration: inherit; font-style: inherit; font-weight: normal; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75218.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_75218.inheritOff a:hover { color: #FF6600; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75218.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_75218.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_75218.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_75218.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_75218.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_75218.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_75218.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* ===================== * PRO FEATURES ======================= */ #simpleText_stacks_in_75218 .fontFamilyOff, #simpleText_stacks_in_75218 .fontFamilyOff *, #simpleText_stacks_in_75218 .fontFamilyOff a { font-family: Arial; } #stacks_in_75687 .flat_button_2_alignment { font-size: 15px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } #stacks_in_75687 a, #stacks_in_75687 a:visited { /* Button text alignment fix v2.0.1 */ text-align: center; display: inline-block; border-radius: 4px; overflow: hidden; height: 65px; line-height: 65px; text-decoration: none; border-width: 0px; border-style: solid; border-color: rgba(0, 84, 123, 1.00); } #stacks_in_75687 a .flat_button_2_text { padding-left: 15px; padding-right: 15px; text-align: center !important; } #stacks_in_75687 a i, #stacks_in_75687 a:visited i { font-size: 20px; display: inline-block; text-align: center; width: 65px; height: 65px; line-height: 65px; float: left; } /* Flat Color Mode */ #stacks_in_75687 a, #stacks_in_75687 a:visited { background-color: rgba(253, 148, 10, 1.00); color: rgba(254, 252, 255, 1.00) !important; } #stacks_in_75687 a:hover, #stacks_in_75687 a:active { background-color: rgba(205, 121, 14, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_75687 a i, #stacks_in_75687 a:visited i { background-color: rgba(202, 0, 0, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_75687 a:hover i, #stacks_in_75687 a:active i { background-color: rgba(0, 71, 132, 1.00); color: rgba(255, 255, 255, 1.00); } /* Flexible Width Mode */ #stacks_in_75687 a, #stacks_in_75687 a:visited { width: 100%; } #stacks_in_75687 { padding: 30px 0px 5px 0px; } #stacks_in_1085 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_1085 .jwresp_col{overflow:hidden;margin:0;width:37%; float:right;}#stacks_in_1085 #jwresp_col2_stacks_in_1085{ float:left; width:57%}@media screen and (max-width:500px){#stacks_in_1085 #jwresp_col1_stacks_in_1085,#stacks_in_1085 #jwresp_col2_stacks_in_1085{width:100%;float:none;display:block}#stacks_in_1085 #jwresp_col1_stacks_in_1085{margin-bottom:15px}} #stacks_in_1085 { margin: 20px; padding: 20px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75193{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75193 { padding: 30px 0px 30px 0px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75195{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75195 { padding: 30px 0px 30px 0px; } #stacks_in_2984 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_2984 .jwresp_col{overflow:hidden;margin:0;width:37%; float:left;}#stacks_in_2984 #jwresp_col2_stacks_in_2984{ float:right; width:57%}@media screen and (max-width:500px){#stacks_in_2984 #jwresp_col1_stacks_in_2984,#stacks_in_2984 #jwresp_col2_stacks_in_2984{width:100%;float:none;display:block}#stacks_in_2984 #jwresp_col1_stacks_in_2984{margin-bottom:15px}} #stacks_in_2984 { margin: 20px; padding: 20px; } #stacks_in_2991 { padding: 10px; } .stacks_in_75306 > *{display:inline-block;white-space:nowrap} #stacks_in_75307 { margin: 25px 0px 25px 0px; padding: 40px 0px 40px 0px; } #stacks_in_75309 { text-transform: capitalize; } /* * Simple Text Pro * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-text/ * Support: http://forum.onelittledesigner.com * Verson: 2.0.3 */ #simpleText_stacks_in_75216 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_75216.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_75216.fontSizeInheritOff { font-size: 21px; line-height: 21px; } #simpleText_stacks_in_75216.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_75216.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_75216.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_75216.inheritOff a, #simpleText_stacks_in_75216.inheritOff a:link { color: #169EE6; text-decoration: inherit; font-style: inherit; font-weight: normal; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75216.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_75216.inheritOff a:hover { color: #FF6600; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75216.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_75216.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_75216.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_75216.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_75216.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_75216.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_75216.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* ===================== * PRO FEATURES ======================= */ #simpleText_stacks_in_75216 .fontFamilyOff, #simpleText_stacks_in_75216 .fontFamilyOff *, #simpleText_stacks_in_75216 .fontFamilyOff a { font-family: Arial; } #stacks_in_75688 .flat_button_2_alignment { font-size: 15px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } #stacks_in_75688 a, #stacks_in_75688 a:visited { /* Button text alignment fix v2.0.1 */ text-align: center; display: inline-block; border-radius: 4px; overflow: hidden; height: 65px; line-height: 65px; text-decoration: none; border-width: 0px; border-style: solid; border-color: rgba(0, 84, 123, 1.00); } #stacks_in_75688 a .flat_button_2_text { padding-left: 15px; padding-right: 15px; text-align: center !important; } #stacks_in_75688 a i, #stacks_in_75688 a:visited i { font-size: 20px; display: inline-block; text-align: center; width: 65px; height: 65px; line-height: 65px; float: left; } /* Flat Color Mode */ #stacks_in_75688 a, #stacks_in_75688 a:visited { background-color: rgba(253, 148, 10, 1.00); color: rgba(254, 252, 255, 1.00) !important; } #stacks_in_75688 a:hover, #stacks_in_75688 a:active { background-color: rgba(205, 121, 14, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_75688 a i, #stacks_in_75688 a:visited i { background-color: rgba(202, 0, 0, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_75688 a:hover i, #stacks_in_75688 a:active i { background-color: rgba(0, 71, 132, 1.00); color: rgba(255, 255, 255, 1.00); } /* Flexible Width Mode */ #stacks_in_75688 a, #stacks_in_75688 a:visited { width: 100%; } #stacks_in_75688 { padding: 30px 0px 5px 0px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75197{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75197 { padding: 30px 0px 30px 0px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75349{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75349 { padding: 30px 0px 30px 0px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75199{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75199 { padding: 30px 0px 30px 0px; } #stacks_in_75314>.s3_row { margin: 0 -6px; } #stacks_in_75314>.s3_row>.s3_column_left { width: 41.99%; } #stacks_in_75314>.s3_row>.s3_column_right { width: 58.009998%; } #stacks_in_75314>.s3_row>.s3_column { padding: 0 6px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_75314>.s3_row { margin: -6px 0; } #stacks_in_75314>.s3_row>.s3_column { padding: 6px 0; width:100%; } } #stacks_out_75314 { width: 95%; } #stacks_in_53356 { padding: 10px; } .stacks_in_75310 > *{display:inline-block;white-space:nowrap} #stacks_in_75311 { margin: 25px 0px 25px 0px; padding: 40px 0px 40px 0px; } #stacks_in_75313 { text-transform: capitalize; } /* * Simple Text Pro * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-text/ * Support: http://forum.onelittledesigner.com * Verson: 2.0.3 */ #simpleText_stacks_in_75222 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_75222.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_75222.fontSizeInheritOff { font-size: 21px; line-height: 21px; } #simpleText_stacks_in_75222.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_75222.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_75222.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_75222.inheritOff a, #simpleText_stacks_in_75222.inheritOff a:link { color: #169EE6; text-decoration: inherit; font-style: inherit; font-weight: normal; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75222.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_75222.inheritOff a:hover { color: #FF6600; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75222.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_75222.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_75222.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_75222.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_75222.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_75222.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_75222.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* ===================== * PRO FEATURES ======================= */ #simpleText_stacks_in_75222 .fontFamilyOff, #simpleText_stacks_in_75222 .fontFamilyOff *, #simpleText_stacks_in_75222 .fontFamilyOff a { font-family: Arial; } #stacks_in_75689 .flat_button_2_alignment { font-size: 15px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } #stacks_in_75689 a, #stacks_in_75689 a:visited { /* Button text alignment fix v2.0.1 */ text-align: center; display: inline-block; border-radius: 4px; overflow: hidden; height: 65px; line-height: 65px; text-decoration: none; border-width: 0px; border-style: solid; border-color: rgba(0, 84, 123, 1.00); } #stacks_in_75689 a .flat_button_2_text { padding-left: 15px; padding-right: 15px; text-align: center !important; } #stacks_in_75689 a i, #stacks_in_75689 a:visited i { font-size: 20px; display: inline-block; text-align: center; width: 65px; height: 65px; line-height: 65px; float: left; } /* Flat Color Mode */ #stacks_in_75689 a, #stacks_in_75689 a:visited { background-color: rgba(253, 148, 10, 1.00); color: rgba(254, 252, 255, 1.00) !important; } #stacks_in_75689 a:hover, #stacks_in_75689 a:active { background-color: rgba(205, 121, 14, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_75689 a i, #stacks_in_75689 a:visited i { background-color: rgba(202, 0, 0, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_75689 a:hover i, #stacks_in_75689 a:active i { background-color: rgba(0, 71, 132, 1.00); color: rgba(255, 255, 255, 1.00); } /* Flexible Width Mode */ #stacks_in_75689 a, #stacks_in_75689 a:visited { width: 100%; } #stacks_in_75689 { padding: 30px 0px 5px 0px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75201{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75201 { padding: 30px 0px 30px 0px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75347{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75347 { padding: 30px 0px 30px 0px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75203{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75203 { padding: 30px 0px 30px 0px; } #stacks_in_75321>.s3_row { margin: 0 -10px; } #stacks_in_75321>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_75321>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_75321>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_75321>.s3_row { margin: -10px 0; } #stacks_in_75321>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_out_75321 { width: 95%; } #stacks_in_9794 { padding: 40px 0px 0px 0px; } .stacks_in_75317 > *{display:inline-block;white-space:nowrap} #stacks_in_75318 { margin: 25px 0px 25px 0px; padding: 40px 0px 40px 0px; } #stacks_in_75320 { text-transform: capitalize; } /* * Simple Text Pro * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-text/ * Support: http://forum.onelittledesigner.com * Verson: 2.0.3 */ #simpleText_stacks_in_75224 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_75224.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_75224.fontSizeInheritOff { font-size: 21px; line-height: 21px; } #simpleText_stacks_in_75224.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_75224.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_75224.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_75224.inheritOff a, #simpleText_stacks_in_75224.inheritOff a:link { color: #169EE6; text-decoration: inherit; font-style: inherit; font-weight: normal; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75224.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_75224.inheritOff a:hover { color: #FF6600; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75224.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_75224.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_75224.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_75224.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_75224.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_75224.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_75224.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* ===================== * PRO FEATURES ======================= */ #simpleText_stacks_in_75224 .fontFamilyOff, #simpleText_stacks_in_75224 .fontFamilyOff *, #simpleText_stacks_in_75224 .fontFamilyOff a { font-family: Arial; } #stacks_in_75690 .flat_button_2_alignment { font-size: 15px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } #stacks_in_75690 a, #stacks_in_75690 a:visited { /* Button text alignment fix v2.0.1 */ text-align: center; display: inline-block; border-radius: 4px; overflow: hidden; height: 65px; line-height: 65px; text-decoration: none; border-width: 0px; border-style: solid; border-color: rgba(0, 84, 123, 1.00); } #stacks_in_75690 a .flat_button_2_text { padding-left: 15px; padding-right: 15px; text-align: center !important; } #stacks_in_75690 a i, #stacks_in_75690 a:visited i { font-size: 20px; display: inline-block; text-align: center; width: 65px; height: 65px; line-height: 65px; float: left; } /* Flat Color Mode */ #stacks_in_75690 a, #stacks_in_75690 a:visited { background-color: rgba(253, 148, 10, 1.00); color: rgba(254, 252, 255, 1.00) !important; } #stacks_in_75690 a:hover, #stacks_in_75690 a:active { background-color: rgba(205, 121, 14, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_75690 a i, #stacks_in_75690 a:visited i { background-color: rgba(202, 0, 0, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_75690 a:hover i, #stacks_in_75690 a:active i { background-color: rgba(0, 71, 132, 1.00); color: rgba(255, 255, 255, 1.00); } /* Flexible Width Mode */ #stacks_in_75690 a, #stacks_in_75690 a:visited { width: 100%; } #stacks_in_75690 { padding: 30px 0px 5px 0px; } #stacks_in_9790 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_9790 .jwresp_col{overflow:hidden;margin:0;width:37%; float:left;}#stacks_in_9790 #jwresp_col2_stacks_in_9790{ float:right; width:57%}@media screen and (max-width:500px){#stacks_in_9790 #jwresp_col1_stacks_in_9790,#stacks_in_9790 #jwresp_col2_stacks_in_9790{width:100%;float:none;display:block}#stacks_in_9790 #jwresp_col1_stacks_in_9790{margin-bottom:15px}} #stacks_in_9790 { margin: 20px; padding: 20px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75205{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75205 { padding: 30px 0px 30px 0px; } #stacks_in_75328>.s3_row { margin: 0 -0px; } #stacks_in_75328>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_75328>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_75328>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_75328>.s3_row { margin: -0px 0; } #stacks_in_75328>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_75328 { padding: 80px 0px 80px 0px; } #stacks_out_75328 { width: 95%; } #stacks_in_3007 { padding: 40px 10px 10px 10px; } .stacks_in_75324 > *{display:inline-block;white-space:nowrap} #stacks_in_75325 { margin: 25px 0px 25px 0px; padding: 40px 0px 40px 0px; } #stacks_in_75327 { text-transform: capitalize; } /* * Simple Text Pro * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-text/ * Support: http://forum.onelittledesigner.com * Verson: 2.0.3 */ #simpleText_stacks_in_75226 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_75226.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_75226.fontSizeInheritOff { font-size: 21px; line-height: 21px; } #simpleText_stacks_in_75226.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_75226.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_75226.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_75226.inheritOff a, #simpleText_stacks_in_75226.inheritOff a:link { color: #169EE6; text-decoration: inherit; font-style: inherit; font-weight: normal; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75226.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_75226.inheritOff a:hover { color: #FF6600; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75226.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_75226.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_75226.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_75226.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_75226.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_75226.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_75226.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* ===================== * PRO FEATURES ======================= */ #simpleText_stacks_in_75226 .fontFamilyOff, #simpleText_stacks_in_75226 .fontFamilyOff *, #simpleText_stacks_in_75226 .fontFamilyOff a { font-family: Arial; } #stacks_in_75691 .flat_button_2_alignment { font-size: 15px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } #stacks_in_75691 a, #stacks_in_75691 a:visited { /* Button text alignment fix v2.0.1 */ text-align: center; display: inline-block; border-radius: 4px; overflow: hidden; height: 65px; line-height: 65px; text-decoration: none; border-width: 0px; border-style: solid; border-color: rgba(0, 84, 123, 1.00); } #stacks_in_75691 a .flat_button_2_text { padding-left: 15px; padding-right: 15px; text-align: center !important; } #stacks_in_75691 a i, #stacks_in_75691 a:visited i { font-size: 20px; display: inline-block; text-align: center; width: 65px; height: 65px; line-height: 65px; float: left; } /* Flat Color Mode */ #stacks_in_75691 a, #stacks_in_75691 a:visited { background-color: rgba(253, 148, 10, 1.00); color: rgba(254, 252, 255, 1.00) !important; } #stacks_in_75691 a:hover, #stacks_in_75691 a:active { background-color: rgba(205, 121, 14, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_75691 a i, #stacks_in_75691 a:visited i { background-color: rgba(202, 0, 0, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_75691 a:hover i, #stacks_in_75691 a:active i { background-color: rgba(0, 71, 132, 1.00); color: rgba(255, 255, 255, 1.00); } /* Flexible Width Mode */ #stacks_in_75691 a, #stacks_in_75691 a:visited { width: 100%; } #stacks_in_75691 { padding: 30px 0px 5px 0px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75209{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75209 { padding: 30px 0px 30px 0px; } /* Styled Stack v2.3.1 Copyright 2013 Joe Workman */ #stacks_in_75358{behavior:url(/PIE/PIE.htc); border-style:solid!important; } #stacks_in_75358 { padding: 30px 0px 30px 0px; } /* -- Start Eternity2 Each css Template -- */ .stacks_in_75155eternityContainer { overflow: hidden; position: relative; } .stacks_in_75155eternityContainer { background-image: url("../freeextras_files/background_image-75155.jpg") !important; background-position: 50% 50% !important; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .stacks_in_75155overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background:url("../freeextras_files/eternity2Assets/01.png") !important; } .stacks_in_75155contentBox{ text-align: center; opacity: 1; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .stacks_in_75155content{ max-width: 2000px; margin: 0 auto 0 auto; padding: 80px 20px 80px 20px; text-align: center !important; } .stacks_in_75155content,.stacks_in_75155content h1,.stacks_in_75155content h2,.stacks_in_75155content h3,.stacks_in_75155content h4,.stacks_in_75155content h5,.stacks_in_75155content h6{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_75155content a,.stacks_in_75155content a:active,.stacks_in_75155content a:visited{ color: rgba(255, 255, 255, 1.00) !important; text-decoration: none !important; } .stacks_in_75155content a:hover{ color: rgba(221, 221, 221, 1.00) !important; text-decoration: none !important; } .stacks_in_75155eternityScrollButton i{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_75155eternityScrollButton{ 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_75155eternityScrollButton{ display: block; } /* -- End Unified -- */ .stacks_in_75155eternityContainer { min-height: 700px; } .stacks_in_75155contentBox{ 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%); } /* -- End Preview/Published -- */ @keyframes eternityanimation { 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 eternityanimation { 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 */ .eternityanimation { animation: eternityanimation 3s ease-in-out 0s infinite normal none; -webkit-animation: eternityanimation 3s ease-in-out 0s infinite normal none; } /* -- End Eternity2 Each css Template -- */#stacks_in_75335>.s3_row { margin: 0 -0px; } #stacks_in_75335>.s3_row>.s3_column_left { width: 57.18%; } #stacks_in_75335>.s3_row>.s3_column_right { width: 42.820000%; } #stacks_in_75335>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_75335>.s3_row { margin: -0px 0; } #stacks_in_75335>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_75335 { padding: 80px 0px 80px 0px; } #stacks_out_75335 { width: 95%; } #stacks_in_75160 { padding: 50px 0px 0px 0px; } .stacks_in_75331 > *{display:inline-block;white-space:nowrap} #stacks_in_75332 { margin: 25px 0px 25px 0px; padding: 40px 0px 40px 0px; } #stacks_in_75334 { text-transform: capitalize; } /* * Simple Text * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-text/ * Support: http://forum.onelittledesigner.com * Verson: 1.8.2 */ #simpleText_stacks_in_75166 { position: relative; color: #FFFFFF; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_75166.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_75166.fontSizeInheritOff { font-size: 21px; line-height: 21px; } #simpleText_stacks_in_75166.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_75166.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_75166.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_75166.inheritOff a, #simpleText_stacks_in_75166.inheritOff a:link { color: #169EE6; text-decoration: inherit; font-style: inherit; font-weight: normal; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75166.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_75166.inheritOff a:hover { color: #FF6600; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_75166.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_75166.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_75166.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_75166.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_75166.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_75166.reFontSizeOn { font-size: 21px; line-height: 21px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_75166.reFontSizeOn { font-size: 21px; line-height: 21px; } } #stacks_in_75166 { padding: 10px; } #stacks_in_75692 .flat_button_2_alignment { font-size: 15px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } #stacks_in_75692 a, #stacks_in_75692 a:visited { /* Button text alignment fix v2.0.1 */ text-align: center; display: inline-block; border-radius: 4px; overflow: hidden; height: 65px; line-height: 65px; text-decoration: none; border-width: 0px; border-style: solid; border-color: rgba(0, 84, 123, 1.00); } #stacks_in_75692 a .flat_button_2_text { padding-left: 15px; padding-right: 15px; text-align: center !important; } #stacks_in_75692 a i, #stacks_in_75692 a:visited i { font-size: 20px; display: inline-block; text-align: center; width: 65px; height: 65px; line-height: 65px; float: left; } /* Flat Color Mode */ #stacks_in_75692 a, #stacks_in_75692 a:visited { background-color: rgba(253, 148, 10, 1.00); color: rgba(254, 252, 255, 1.00) !important; } #stacks_in_75692 a:hover, #stacks_in_75692 a:active { background-color: rgba(205, 121, 14, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_75692 a i, #stacks_in_75692 a:visited i { background-color: rgba(202, 0, 0, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_75692 a:hover i, #stacks_in_75692 a:active i { background-color: rgba(0, 71, 132, 1.00); color: rgba(255, 255, 255, 1.00); } /* Flexible Width Mode */ #stacks_in_75692 a, #stacks_in_75692 a:visited { width: 100%; } #stacks_in_75692 { padding: 30px 0px 5px 0px; } #stacks_in_53389 { padding: 30px 0px 0px 0px; } #stacks_in_53390 { font-size: 160%; } @media screen and (max-width:100px){#stacks_in_53400_52630{display:none}} #stacks_in_53400_52632 .fluid-image img{width:auto;max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto;display:block;-webkit-transition:all 1s none;transition:all 1s none;border-radius:0px;}#stacks_in_53400_52632 .fluid-image img:hover{-webkit-box-shadow:0px 0px 0px #999999;box-shadow:0px 0px 0px #999999}#stacks_in_53400_52632 .fluid-image.unlimited img{width:100% !important}#stacks_in_53400_52632 .fluid-image.define_max img{width:100% !important;max-width:800px !important}#stacks_in_53400_52632 .fluid-image.align-left img{float:left}#stacks_in_53400_52632 .fluid-image.align-right img{float:right} #stacks_in_53400_52632 { background-color: rgba(206, 206, 206, 1.00); margin: 11px; padding: 11px; } #stacks_in_53400_52634 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52634 .pullquote:before, #stacks_in_53400_52634 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52634 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52634 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52634 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52634 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_53400_52634 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(209, 209, 209, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 16px; } #stacks_in_53400_52637 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_53400_52637 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_53400_52637 #jwresp_col2_stacks_in_53400_52637{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_53400_52637 #jwresp_col1_stacks_in_53400_52637,#stacks_in_53400_52637 #jwresp_col2_stacks_in_53400_52637{width:100%;float:none;display:block}#stacks_in_53400_52637 #jwresp_col1_stacks_in_53400_52637{margin-bottom:15px}} #stacks_in_53400_52639 .fluid-image img{width:auto;max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto;display:block;-webkit-transition:all 1s none;transition:all 1s none;border-radius:0px;}#stacks_in_53400_52639 .fluid-image img:hover{-webkit-box-shadow:0px 0px 0px #999999;box-shadow:0px 0px 0px #999999}#stacks_in_53400_52639 .fluid-image.unlimited img{width:100% !important}#stacks_in_53400_52639 .fluid-image.define_max img{width:100% !important;max-width:800px !important}#stacks_in_53400_52639 .fluid-image.align-left img{float:left}#stacks_in_53400_52639 .fluid-image.align-right img{float:right} #stacks_in_53400_52639 { background-color: rgba(206, 206, 206, 1.00); margin: 11px; padding: 11px; } #stacks_in_53400_52641 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52641 .pullquote:before, #stacks_in_53400_52641 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52641 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52641 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52641 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52641 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_53400_52641 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(209, 209, 209, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 16px; } #stacks_in_53400_52644 { background-color: rgba(242, 242, 242, 1.00); border: solid rgba(181, 181, 181, 1.00); border-width: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #stacks_in_53400_52647 .fluid-image img{width:auto;max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto;display:block;-webkit-transition:all 1s none;transition:all 1s none;border-radius:0px;}#stacks_in_53400_52647 .fluid-image img:hover{-webkit-box-shadow:0px 0px 0px #999999;box-shadow:0px 0px 0px #999999}#stacks_in_53400_52647 .fluid-image.unlimited img{width:100% !important}#stacks_in_53400_52647 .fluid-image.define_max img{width:100% !important;max-width:800px !important}#stacks_in_53400_52647 .fluid-image.align-left img{float:left}#stacks_in_53400_52647 .fluid-image.align-right img{float:right} #stacks_in_53400_52647 { background-color: rgba(206, 206, 206, 1.00); margin: 11px; padding: 11px; } #stacks_in_53400_52649 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52649 .pullquote:before, #stacks_in_53400_52649 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52649 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52649 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52649 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52649 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_53400_52649 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(209, 209, 209, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 16px; } #stacks_in_53400_52652 { background-color: rgba(242, 242, 242, 1.00); border: solid rgba(181, 181, 181, 1.00); border-width: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_53400_52654 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_53400_52654 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 80% 100%; -moz-transform-origin: 80% 100%; -ms-transform-origin: 80% 100%; -o-transform-origin: 80% 100%; transform-origin: 80% 100%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_53400_52654 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_53400_52654 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_53400_52654 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_53400_52654 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_53400_52654 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_53400_52654 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_53400_52654 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_53400_52654 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_53400_52654 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_53400_52654 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_53400_52654 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_53400_52654 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_53400_52654 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_53400_52654 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_53400_52654 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_53400_52654.seen_stacks_in_53400_52654 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_53400_52656 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_53400_52656 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_53400_52656 #jwresp_col2_stacks_in_53400_52656{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_53400_52656 #jwresp_col1_stacks_in_53400_52656,#stacks_in_53400_52656 #jwresp_col2_stacks_in_53400_52656{width:100%;float:none;display:block}#stacks_in_53400_52656 #jwresp_col1_stacks_in_53400_52656{margin-bottom:15px}} #stacks_in_53400_52658 .fluid-image img{width:auto;max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto;display:block;-webkit-transition:all 1s none;transition:all 1s none;border-radius:0px;}#stacks_in_53400_52658 .fluid-image img:hover{-webkit-box-shadow:0px 0px 0px #999999;box-shadow:0px 0px 0px #999999}#stacks_in_53400_52658 .fluid-image.unlimited img{width:100% !important}#stacks_in_53400_52658 .fluid-image.define_max img{width:100% !important;max-width:800px !important}#stacks_in_53400_52658 .fluid-image.align-left img{float:left}#stacks_in_53400_52658 .fluid-image.align-right img{float:right} #stacks_in_53400_52658 { background-color: rgba(206, 206, 206, 1.00); margin: 11px; padding: 11px; } #stacks_in_53400_52660 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52660 .pullquote:before, #stacks_in_53400_52660 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52660 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52660 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52660 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52660 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_53400_52660 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(209, 209, 209, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 16px; } /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_53400_52663 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_53400_52663 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 80% 100%; -moz-transform-origin: 80% 100%; -ms-transform-origin: 80% 100%; -o-transform-origin: 80% 100%; transform-origin: 80% 100%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_53400_52663 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_53400_52663 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_53400_52663 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_53400_52663 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_53400_52663 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_53400_52663 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_53400_52663 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_53400_52663 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_53400_52663 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_53400_52663 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_53400_52663 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_53400_52663 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_53400_52663 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_53400_52663 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_53400_52663 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_53400_52663.seen_stacks_in_53400_52663 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_53400_52665 { background-color: rgba(242, 242, 242, 1.00); border: solid rgba(181, 181, 181, 1.00); border-width: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #stacks_in_53400_52668 .fluid-image img{width:auto;max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto;display:block;-webkit-transition:all 1s none;transition:all 1s none;border-radius:0px;}#stacks_in_53400_52668 .fluid-image img:hover{-webkit-box-shadow:0px 0px 0px #999999;box-shadow:0px 0px 0px #999999}#stacks_in_53400_52668 .fluid-image.unlimited img{width:100% !important}#stacks_in_53400_52668 .fluid-image.define_max img{width:100% !important;max-width:800px !important}#stacks_in_53400_52668 .fluid-image.align-left img{float:left}#stacks_in_53400_52668 .fluid-image.align-right img{float:right} #stacks_in_53400_52668 { background-color: rgba(206, 206, 206, 1.00); margin: 11px; padding: 11px; } #stacks_in_53400_52670 .fluid-image img{width:auto;max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto;display:block;-webkit-transition:all 1s none;transition:all 1s none;border-radius:0px;}#stacks_in_53400_52670 .fluid-image img:hover{-webkit-box-shadow:0px 0px 0px #999999;box-shadow:0px 0px 0px #999999}#stacks_in_53400_52670 .fluid-image.unlimited img{width:100% !important}#stacks_in_53400_52670 .fluid-image.define_max img{width:100% !important;max-width:800px !important}#stacks_in_53400_52670 .fluid-image.align-left img{float:left}#stacks_in_53400_52670 .fluid-image.align-right img{float:right} #stacks_in_53400_52670 { background-color: rgba(206, 206, 206, 1.00); margin: 11px; padding: 11px; } #stacks_in_53400_52672 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52672 .pullquote:before, #stacks_in_53400_52672 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52672 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52672 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52672 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52672 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_53400_52672 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(209, 209, 209, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 16px; } /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_53400_52675 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_53400_52675 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 50% 10%; -moz-transform-origin: 50% 10%; -ms-transform-origin: 50% 10%; -o-transform-origin: 50% 10%; transform-origin: 50% 10%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_53400_52675 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_53400_52675 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_53400_52675 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_53400_52675 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_53400_52675 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_53400_52675 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_53400_52675 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_53400_52675 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_53400_52675 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_53400_52675 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_53400_52675 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_53400_52675 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_53400_52675 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_53400_52675 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_53400_52675 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_53400_52675.seen_stacks_in_53400_52675 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_53400_52677 { background-color: rgba(242, 242, 242, 1.00); border: solid rgba(181, 181, 181, 1.00); border-width: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #stacks_in_53400_52679 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_53400_52679 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_53400_52679 #jwresp_col2_stacks_in_53400_52679{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_53400_52679 #jwresp_col1_stacks_in_53400_52679,#stacks_in_53400_52679 #jwresp_col2_stacks_in_53400_52679{width:100%;float:none;display:block}#stacks_in_53400_52679 #jwresp_col1_stacks_in_53400_52679{margin-bottom:15px}} #stacks_in_53400_52681 .fluid-image img{width:auto;max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto;display:block;-webkit-transition:all 1s none;transition:all 1s none;border-radius:0px;}#stacks_in_53400_52681 .fluid-image img:hover{-webkit-box-shadow:0px 0px 0px #999999;box-shadow:0px 0px 0px #999999}#stacks_in_53400_52681 .fluid-image.unlimited img{width:100% !important}#stacks_in_53400_52681 .fluid-image.define_max img{width:100% !important;max-width:800px !important}#stacks_in_53400_52681 .fluid-image.align-left img{float:left}#stacks_in_53400_52681 .fluid-image.align-right img{float:right} #stacks_in_53400_52681 { background-color: rgba(206, 206, 206, 1.00); margin: 11px; padding: 11px; } #stacks_in_53400_52683 .fluid-image img{width:auto;max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto;display:block;-webkit-transition:all 1s none;transition:all 1s none;border-radius:0px;}#stacks_in_53400_52683 .fluid-image img:hover{-webkit-box-shadow:0px 0px 0px #999999;box-shadow:0px 0px 0px #999999}#stacks_in_53400_52683 .fluid-image.unlimited img{width:100% !important}#stacks_in_53400_52683 .fluid-image.define_max img{width:100% !important;max-width:800px !important}#stacks_in_53400_52683 .fluid-image.align-left img{float:left}#stacks_in_53400_52683 .fluid-image.align-right img{float:right} #stacks_in_53400_52683 { background-color: rgba(206, 206, 206, 1.00); margin: 11px; padding: 11px; } #stacks_in_53400_52685 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52685 .pullquote:before, #stacks_in_53400_52685 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52685 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52685 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52685 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52685 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_53400_52685 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(209, 209, 209, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 16px; } /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_53400_52688 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_53400_52688 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 50% 20%; -moz-transform-origin: 50% 20%; -ms-transform-origin: 50% 20%; -o-transform-origin: 50% 20%; transform-origin: 50% 20%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_53400_52688 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_53400_52688 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_53400_52688 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_53400_52688 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_53400_52688 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_53400_52688 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_53400_52688 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_53400_52688 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_53400_52688 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_53400_52688 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_53400_52688 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_53400_52688 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_53400_52688 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_53400_52688 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_53400_52688 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_53400_52688.seen_stacks_in_53400_52688 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_53400_52690 { background-color: rgba(242, 242, 242, 1.00); border: solid rgba(181, 181, 181, 1.00); border-width: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_53400_52693 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_53400_52693 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 50% 20%; -moz-transform-origin: 50% 20%; -ms-transform-origin: 50% 20%; -o-transform-origin: 50% 20%; transform-origin: 50% 20%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_53400_52693 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_53400_52693 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_53400_52693 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_53400_52693 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_53400_52693 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_53400_52693 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_53400_52693 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_53400_52693 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_53400_52693 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_53400_52693 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_53400_52693 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_53400_52693 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_53400_52693 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_53400_52693 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_53400_52693 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_53400_52693.seen_stacks_in_53400_52693 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_53400_52695 { border: solid rgba(164, 164, 164, 1.00); border-width: 0px 0px 1px 0px; padding: 0px 0px 10px 0px; } #stacks_in_53400_52697 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52697 .pullquote:before, #stacks_in_53400_52697 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52697 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52697 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52697 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52697 .pullquote-source:before { content:"\2014\200A"; font-style:normal; }/* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_53400_52700 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_53400_52700 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 80% 50%; -moz-transform-origin: 80% 50%; -ms-transform-origin: 80% 50%; -o-transform-origin: 80% 50%; transform-origin: 80% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_53400_52700 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_53400_52700 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_53400_52700 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_53400_52700 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_53400_52700 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_53400_52700 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_53400_52700 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_53400_52700 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_53400_52700 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_53400_52700 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_53400_52700 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_53400_52700 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_53400_52700 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_53400_52700 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_53400_52700 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_53400_52700.seen_stacks_in_53400_52700 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_53400_52702 { border: solid rgba(164, 164, 164, 1.00); border-width: 0px 0px 1px 0px; padding: 0px 0px 10px 0px; } #stacks_in_53400_52704 .stacks_left { float:left; width:34%; } #stacks_in_53400_52704 .stacks_right { float:right; width:64%; } #stacks_in_53400_52706 { padding: 25px 0px 0px 0px; } #stacks_in_53400_52709 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52709 .pullquote:before, #stacks_in_53400_52709 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52709 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52709 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52709 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52709 .pullquote-source:before { content:"\2014\200A"; font-style:normal; }/* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_53400_52712 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_53400_52712 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 80% 50%; -moz-transform-origin: 80% 50%; -ms-transform-origin: 80% 50%; -o-transform-origin: 80% 50%; transform-origin: 80% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_53400_52712 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_53400_52712 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_53400_52712 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_53400_52712 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_53400_52712 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_53400_52712 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_53400_52712 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_53400_52712 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_53400_52712 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_53400_52712 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_53400_52712 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_53400_52712 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_53400_52712 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_53400_52712 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_53400_52712 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_53400_52712.seen_stacks_in_53400_52712 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_53400_52714 { border: solid rgba(214, 214, 214, 1.00); border-width: 0px 0px 1px 0px; padding: 0px 0px 10px 0px; } #stacks_in_53400_52716 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52716 .pullquote:before, #stacks_in_53400_52716 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52716 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52716 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52716 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52716 .pullquote-source:before { content:"\2014\200A"; font-style:normal; }/* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_53400_52719 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_53400_52719 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 80% 50%; -moz-transform-origin: 80% 50%; -ms-transform-origin: 80% 50%; -o-transform-origin: 80% 50%; transform-origin: 80% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_53400_52719 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_53400_52719 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_53400_52719 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_53400_52719 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_53400_52719 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_53400_52719 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_53400_52719 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_53400_52719 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_53400_52719 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_53400_52719 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_53400_52719 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_53400_52719 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_53400_52719 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_53400_52719 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_53400_52719 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_53400_52719.seen_stacks_in_53400_52719 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_53400_52721 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52721 .pullquote:before, #stacks_in_53400_52721 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52721 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52721 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52721 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52721 .pullquote-source:before { content:"\2014\200A"; font-style:normal; }/* -- BubbleThing Stack v1 by RapidWeaver Central -- */ /* Containers */ #stacks_in_53400_52724 wrap { display: block; overflow: hidden; } #stacks_in_53400_52724 .round { -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } /* Background */ #stacks_in_53400_52724 .static-bgstacks_in_53400_52724 { background: #F7F7F7; } /* Bubble Left */ #stacks_in_53400_52724 .pointer-position1stacks_in_53400_52724 { position: relative; width: auto; height: auto; border: 0px solid #F7F7F7; margin-left: 12px; } .pointer-position1stacks_in_53400_52724:after { content: ""; position: absolute; top: 30%; left: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #F7F7F7; display: block; width: 0; z-index: 1; transform: rotate(360deg); } /* Bubble Right */ #stacks_in_53400_52724 .pointer-position2stacks_in_53400_52724 { position: relative; width: auto; height: auto; border: 0px solid #F7F7F7; margin-right: 12px; } .pointer-position2stacks_in_53400_52724:after { content: ""; position: absolute; top: 30%; right: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #F7F7F7; display: block; width: 0; z-index: 1; transform: rotate(360deg); } /* Bubble Top */ #stacks_in_53400_52724 .pointer-position3stacks_in_53400_52724 { position: relative; width: auto; height: auto; border: 0px solid #F7F7F7; margin-top: 12px; } .pointer-position3stacks_in_53400_52724:after { content: ""; position: absolute; left: 31%; top: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #F7F7F7; display: block; width: 0; z-index: 1; transform: rotate(360deg); } /* Bubble Bottom */ #stacks_in_53400_52724 .pointer-position4stacks_in_53400_52724 { position: relative; width: auto; height: auto; border: 0px solid #F7F7F7; margin-bottom:12px; } .pointer-position4stacks_in_53400_52724:after { content: ""; position: absolute; left: 31%; bottom: -30px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #F7F7F7; margin-bottom:20px; display: block; width: 0; z-index: 1; transform: rotate(360deg); } .shadow-style0stacks_in_53400_52724 { -moz-box-shadow: none; -webkit-shadow: none; box-shadow: none; } #stacks_in_53400_52724 .shadow-style1stacks_in_53400_52724 { -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.50) ; -webkit-shadow: 0px 0px 5px rgba(0,0,0,0.50); box-shadow: 0px 0px 5px rgba(0,0,0,0.50); } #stacks_in_53400_52724 .shadow-style1stacks_in_53400_52724 { margin:14px; } #stacks_in_53400_52724 { margin: 20px; padding: 9px; } #stacks_in_53400_52726 { margin: 12px; padding: 12px; } #stacks_in_53400_52727 { font-size: 134%; } #stacks_in_53400_52728 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52728 .pullquote:before, #stacks_in_53400_52728 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52728 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52728 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52728 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52728 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_53400_52728 { margin: 13px; } #stacks_in_53400_52731 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_53400_52731 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_53400_52731 #jwresp_col2_stacks_in_53400_52731{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_53400_52731 #jwresp_col1_stacks_in_53400_52731,#stacks_in_53400_52731 #jwresp_col2_stacks_in_53400_52731{width:100%;float:none;display:block}#stacks_in_53400_52731 #jwresp_col1_stacks_in_53400_52731{margin-bottom:15px}} #stacks_in_53400_52733 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52733 .pullquote:before, #stacks_in_53400_52733 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52733 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52733 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52733 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52733 .pullquote-source:before { content:"\2014\200A"; font-style:normal; }/* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_53400_52737 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_53400_52737 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 80% 50%; -moz-transform-origin: 80% 50%; -ms-transform-origin: 80% 50%; -o-transform-origin: 80% 50%; transform-origin: 80% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_53400_52737 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_53400_52737 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_53400_52737 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_53400_52737 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_53400_52737 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_53400_52737 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_53400_52737 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_53400_52737 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_53400_52737 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_53400_52737 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_53400_52737 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_53400_52737 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_53400_52737 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_53400_52737 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_53400_52737 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_53400_52737.seen_stacks_in_53400_52737 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_53400_52739 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52739 .pullquote:before, #stacks_in_53400_52739 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52739 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52739 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52739 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52739 .pullquote-source:before { content:"\2014\200A"; font-style:normal; }#stacks_in_53400_52742 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_53400_52742 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_53400_52742 #jwresp_col2_stacks_in_53400_52742{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_53400_52742 #jwresp_col1_stacks_in_53400_52742,#stacks_in_53400_52742 #jwresp_col2_stacks_in_53400_52742{width:100%;float:none;display:block}#stacks_in_53400_52742 #jwresp_col1_stacks_in_53400_52742{margin-bottom:15px}} /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_53400_52744 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_53400_52744 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 80% 50%; -moz-transform-origin: 80% 50%; -ms-transform-origin: 80% 50%; -o-transform-origin: 80% 50%; transform-origin: 80% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_53400_52744 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_53400_52744 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_53400_52744 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_53400_52744 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_53400_52744 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_53400_52744 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_53400_52744 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_53400_52744 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_53400_52744 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_53400_52744 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_53400_52744 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_53400_52744 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_53400_52744 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_53400_52744 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_53400_52744 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_53400_52744.seen_stacks_in_53400_52744 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_53400_52746 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52746 .pullquote:before, #stacks_in_53400_52746 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52746 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52746 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52746 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52746 .pullquote-source:before { content:"\2014\200A"; font-style:normal; }/* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_53400_52750 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_53400_52750 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 80% 50%; -moz-transform-origin: 80% 50%; -ms-transform-origin: 80% 50%; -o-transform-origin: 80% 50%; transform-origin: 80% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_53400_52750 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_53400_52750 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_53400_52750 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_53400_52750 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_53400_52750 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_53400_52750 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_53400_52750 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_53400_52750 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_53400_52750 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_53400_52750 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_53400_52750 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_53400_52750 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_53400_52750 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_53400_52750 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_53400_52750 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_53400_52750.seen_stacks_in_53400_52750 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_53400_52752 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52752 .pullquote:before, #stacks_in_53400_52752 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52752 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52752 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52752 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52752 .pullquote-source:before { content:"\2014\200A"; font-style:normal; }#stacks_in_53400_52755 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_53400_52755 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_53400_52755 #jwresp_col2_stacks_in_53400_52755{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_53400_52755 #jwresp_col1_stacks_in_53400_52755,#stacks_in_53400_52755 #jwresp_col2_stacks_in_53400_52755{width:100%;float:none;display:block}#stacks_in_53400_52755 #jwresp_col1_stacks_in_53400_52755{margin-bottom:15px}} /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_53400_52757 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_53400_52757 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 80% 50%; -moz-transform-origin: 80% 50%; -ms-transform-origin: 80% 50%; -o-transform-origin: 80% 50%; transform-origin: 80% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_53400_52757 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_53400_52757 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_53400_52757 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_53400_52757 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_53400_52757 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_53400_52757 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_53400_52757 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_53400_52757 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_53400_52757 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_53400_52757 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_53400_52757 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_53400_52757 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_53400_52757 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_53400_52757 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_53400_52757 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_53400_52757.seen_stacks_in_53400_52757 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_53400_52759 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52759 .pullquote:before, #stacks_in_53400_52759 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52759 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52759 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52759 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52759 .pullquote-source:before { content:"\2014\200A"; font-style:normal; }/* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_53400_52763 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_53400_52763 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 80% 50%; -moz-transform-origin: 80% 50%; -ms-transform-origin: 80% 50%; -o-transform-origin: 80% 50%; transform-origin: 80% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_53400_52763 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_53400_52763 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_53400_52763 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_53400_52763 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_53400_52763 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_53400_52763 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_53400_52763 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_53400_52763 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_53400_52763 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_53400_52763 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_53400_52763 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_53400_52763 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_53400_52763 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_53400_52763 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_53400_52763 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_53400_52763.seen_stacks_in_53400_52763 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_53400_52765 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52765 .pullquote:before, #stacks_in_53400_52765 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52765 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52765 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52765 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52765 .pullquote-source:before { content:"\2014\200A"; font-style:normal; }#stacks_in_53400_52768 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_53400_52768 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_53400_52768 #jwresp_col2_stacks_in_53400_52768{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_53400_52768 #jwresp_col1_stacks_in_53400_52768,#stacks_in_53400_52768 #jwresp_col2_stacks_in_53400_52768{width:100%;float:none;display:block}#stacks_in_53400_52768 #jwresp_col1_stacks_in_53400_52768{margin-bottom:15px}} /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_53400_52771 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_53400_52771 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 80% 50%; -moz-transform-origin: 80% 50%; -ms-transform-origin: 80% 50%; -o-transform-origin: 80% 50%; transform-origin: 80% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_53400_52771 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_53400_52771 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_53400_52771 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_53400_52771 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_53400_52771 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_53400_52771 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_53400_52771 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_53400_52771 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_53400_52771 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_53400_52771 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_53400_52771 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_53400_52771 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_53400_52771 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_53400_52771 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_53400_52771 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_53400_52771.seen_stacks_in_53400_52771 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_53400_52773 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_53400_52773 .pullquote:before, #stacks_in_53400_52773 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_53400_52773 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_53400_52773 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_53400_52773 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_53400_52773 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } /* -- === Start of Hauler 1.5.0 [stacks_in_53321_52797] === */ /* -- === End of Hauler 1.5.0 [stacks_in_53321_52797] === */ #stacks_in_53321_52799_54243 { padding: 20px; } #stacks_in_53321_52799_52468 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_53321_52799_52468 .jwresp_col{float:none} #stacks_in_53321_52799_52468 #jwresp_col2_stacks_in_53321_52799_52468{position:relative;margin:0 auto;width:32%;float:none}#stacks_in_53321_52799_52468 #jwresp_col1_stacks_in_53321_52799_52468,#stacks_in_53321_52799_52468 #jwresp_col3_stacks_in_53321_52799_52468{width:32%}#stacks_in_53321_52799_52468 #jwresp_col1_stacks_in_53321_52799_52468{float:left}#stacks_in_53321_52799_52468 #jwresp_col3_stacks_in_53321_52799_52468{float:right} @media screen and (max-width:770px){#stacks_in_53321_52799_52468 #jwresp_col1_stacks_in_53321_52799_52468,#stacks_in_53321_52799_52468 #jwresp_col3_stacks_in_53321_52799_52468{margin-bottom:20px}#stacks_in_53321_52799_52468 #jwresp_col1_stacks_in_53321_52799_52468{width:49%}#stacks_in_53321_52799_52468 #jwresp_col3_stacks_in_53321_52799_52468{width:49%}#stacks_in_53321_52799_52468 #jwresp_col2_stacks_in_53321_52799_52468{clear:both;width:100%;display:block}} @media screen and (max-width:500px){#stacks_in_53321_52799_52468 #jwresp_col1_stacks_in_53321_52799_52468,#stacks_in_53321_52799_52468 #jwresp_col3_stacks_in_53321_52799_52468,#stacks_in_53321_52799_52468 #jwresp_col2_stacks_in_53321_52799_52468{float:none;width:100%;display:block}#stacks_in_53321_52799_52468 #jwresp_col1_stacks_in_53321_52799_52468,#stacks_in_53321_52799_52468 #jwresp_col3_stacks_in_53321_52799_52468{margin-bottom:20px}} #stacks_in_53321_52799_52468 { padding: 12px; } #stacks_out_53321_52799_52468 { width: 90%; } #stacks_in_53321_52799_54248>.s3_row { margin: 0 -0px; } #stacks_in_53321_52799_54248>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_53321_52799_54248>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_53321_52799_54248>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_53321_52799_54248>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_53321_52799_54248>.s3_row { margin: -0px 0; } #stacks_in_53321_52799_54248>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_53321_52799_54248 { padding: 25px 0px 0px 0px; } #stacks_out_53321_52799_54248 { width: 200px; margin-left:0; } #stacks_in_53321_52799_54247 .flat_button_2_alignment { font-size: 28px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } #stacks_in_53321_52799_54247 a, #stacks_in_53321_52799_54247 a:visited { /* Button text alignment fix v2.0.1 */ text-align: center; display: inline-block; border-radius: 4px; overflow: hidden; height: 55px; line-height: 55px; text-decoration: none; border-width: 0px; border-style: solid; border-color: rgba(0, 84, 123, 1.00); } #stacks_in_53321_52799_54247 a .flat_button_2_text { padding-left: 40px; padding-right: 40px; text-align: center !important; display: none; } #stacks_in_53321_52799_54247 a i, #stacks_in_53321_52799_54247 a:visited i { font-size: 42px; display: inline-block; text-align: center; width: 55px; height: 55px; line-height: 55px; float: left; float: none; } /* Flat Color Mode */ #stacks_in_53321_52799_54247 a, #stacks_in_53321_52799_54247 a:visited { background-color: rgba(0, 0, 0, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_53321_52799_54247 a:hover, #stacks_in_53321_52799_54247 a:active { background-color: rgba(0, 0, 0, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_53321_52799_54247 a i, #stacks_in_53321_52799_54247 a:visited i { background-color: rgba(0, 0, 0, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_53321_52799_54247 a:hover i, #stacks_in_53321_52799_54247 a:active i { background-color: rgba(0, 0, 0, 1.00); color: rgba(255, 255, 255, 1.00); } /* Responsive Width Mode */ @media (max-width: 47.9em) { #stacks_in_53321_52799_54247 a, #stacks_in_53321_52799_54247 a:visited { width: 100%; } } @media (max-width: 47.9em) { #stacks_in_53321_52799_54247 a i, #stacks_in_53321_52799_54247 a:visited i { width: 100%; } } #stacks_in_53321_52799_54252 .flat_button_2_alignment { font-size: 18px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } #stacks_in_53321_52799_54252 a, #stacks_in_53321_52799_54252 a:visited { /* Button text alignment fix v2.0.1 */ text-align: center; display: inline-block; border-radius: 4px; overflow: hidden; height: 55px; line-height: 55px; text-decoration: none; border-width: 0px; border-style: solid; border-color: rgba(0, 84, 123, 1.00); } #stacks_in_53321_52799_54252 a .flat_button_2_text { padding-left: 40px; padding-right: 40px; text-align: center !important; display: none; } #stacks_in_53321_52799_54252 a i, #stacks_in_53321_52799_54252 a:visited i { font-size: 44px; display: inline-block; text-align: center; width: 55px; height: 55px; line-height: 55px; float: left; float: none; } /* Flat Color Mode */ #stacks_in_53321_52799_54252 a, #stacks_in_53321_52799_54252 a:visited { background-color: rgba(26, 26, 26, 1.00); color: rgba(0, 0, 0, 1.00) !important; } #stacks_in_53321_52799_54252 a:hover, #stacks_in_53321_52799_54252 a:active { background-color: rgba(26, 26, 26, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_53321_52799_54252 a i, #stacks_in_53321_52799_54252 a:visited i { background-color: rgba(0, 0, 0, 1.00); color: rgba(254, 252, 255, 1.00); } #stacks_in_53321_52799_54252 a:hover i, #stacks_in_53321_52799_54252 a:active i { background-color: rgba(254, 252, 255, 1.00); color: rgba(254, 252, 255, 1.00); } /* Responsive Width Mode */ @media (max-width: 47.9em) { #stacks_in_53321_52799_54252 a, #stacks_in_53321_52799_54252 a:visited { width: 100%; } } @media (max-width: 47.9em) { #stacks_in_53321_52799_54252 a i, #stacks_in_53321_52799_54252 a:visited i { width: 100%; } } #stacks_in_53321_52799_54254 .flat_button_2_alignment { font-size: 28px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } #stacks_in_53321_52799_54254 a, #stacks_in_53321_52799_54254 a:visited { /* Button text alignment fix v2.0.1 */ text-align: center; display: inline-block; border-radius: 4px; overflow: hidden; height: 55px; line-height: 55px; text-decoration: none; border-width: 0px; border-style: solid; border-color: rgba(0, 84, 123, 1.00); } #stacks_in_53321_52799_54254 a .flat_button_2_text { padding-left: 40px; padding-right: 40px; text-align: center !important; display: none; } #stacks_in_53321_52799_54254 a i, #stacks_in_53321_52799_54254 a:visited i { font-size: 42px; display: inline-block; text-align: center; width: 55px; height: 55px; line-height: 55px; float: left; float: none; } /* Flat Color Mode */ #stacks_in_53321_52799_54254 a, #stacks_in_53321_52799_54254 a:visited { background-color: rgba(0, 0, 0, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_53321_52799_54254 a:hover, #stacks_in_53321_52799_54254 a:active { background-color: rgba(0, 0, 0, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_53321_52799_54254 a i, #stacks_in_53321_52799_54254 a:visited i { background-color: rgba(0, 0, 0, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_53321_52799_54254 a:hover i, #stacks_in_53321_52799_54254 a:active i { background-color: rgba(0, 0, 0, 1.00); color: rgba(255, 255, 255, 1.00); } /* Responsive Width Mode */ @media (max-width: 47.9em) { #stacks_in_53321_52799_54254 a, #stacks_in_53321_52799_54254 a:visited { width: 100%; } } @media (max-width: 47.9em) { #stacks_in_53321_52799_54254 a i, #stacks_in_53321_52799_54254 a:visited i { width: 100%; } } #stacks_in_53321_52799_54245 { padding: 20px 20px 80px 20px; }