/* 2.0.1 - improves overall performance on retina devices - fixes performance issue in safari when using the Frosted Glass effect - fixes a loading bug with the parallax effect */ #stacks_in_208.btr-bg-outer .btr-bg-inner { min-height: 200px; } #stacks_in_208.btr-bg-gradient .btr-bg-inner , #stacks_in_208.btr-bg-animated .btr-bg-inner , #stacks_in_208.btr-bg-blur .btr-bg-inner , #stacks_in_208.btr-bg-mouse .btr-bg-inner , #stacks_in_208.btr-bg-pan .btr-bg-inner , #stacks_in_208.btr-bg-parallax .btr-bg-inner , #stacks_in_208.btr-bg-transition .btr-bg-inner , #stacks_in_208.btr-bg-none .btr-bg-inner { padding: 0px 0px 0px 0px; } #stacks_in_208.btr-bg-none { background-color: rgba(0, 0, 0, 0.00); } #stacks_in_208.btr-bg-outer:after { background: rgba(0, 0, 0, 0.00); } #stacks_in_208.btr-bg-outer { background-image : url(../files/backgroundImageBlur-208.jpg); background-position: center center; background-size: cover; -webkit-transform:translateZ(0); } #stacks_in_208.btr-bg-outer .btr-bg-inner .btr-bg-content { position: relative; background-color : rgba(255, 255, 255, 0.00); overflow: hidden; padding: 24px 24px 24px 24px; margin: 0 auto; max-width: 960px; width: 100%; } #stacks_in_208.btr-bg-outer .btr-bg-inner .btr-bg-header, #stacks_in_208.btr-bg-outer .btr-bg-inner .btr-bg-footer { pointer-events: none; opacity: 0; } /* GRADIENT */ #stacks_in_208.btr-bg-outer { background-image : url(../files/backgroundImageBlur-208.jpg); background-color: rgba(0, 0, 0, 0.00); background-position: center center; background-size: cover; } #stacks_in_208.btr-bg-outer:before { background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.90) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.00)), color-stop(100%,rgba(0, 0, 0, 0.90))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00) 0%,rgba(0, 0, 0, 0.90) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.00) 0%,rgba(0, 0, 0, 0.90) 100%); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.00) 0%,rgba(0, 0, 0, 0.90) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.00) 0%,rgba(0, 0, 0, 0.90) 100%); background-size: 400%; -webkit-animation: gradAnimate 15s ease infinite; -moz-animation: gradAnimate 15s ease infinite; -o-animation: gradAnimate 15s ease infinite; animation: gradAnimate 15s ease infinite; will-change: background-position; -webkit-transform:translateZ(0); background-size: 100% 400%; } #stacks_in_208.btr-bg-outer.btr-bg-disabled:before { -webkit-animation: none; animation: none; } /* Start Final Word stack CSS code */ #stacks_in_256finalword-modal { display: none; position: fixed; top:0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.90) !important; cursor: pointer; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; z-index: 101001; } .stacks_in_256table{ display: table; width: 100%; height: 100%; } .stacks_in_256cell{ display: table-cell; vertical-align: middle; padding: 10px; } #stacks_in_256finalword-modal .stacks_in_256modal { -webkit-animation: popin 0.3s; animation: popin 0.3s; } #stacks_in_256finalword-modal .stacks_in_256modal { display: block; max-width: 600px; background-color: rgba(255, 255, 255, 1.00); z-index: 1; position: relative; margin: auto; border-radius: 4px; cursor: default; -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.75); overflow: hidden; } #stacks_in_256finalword-modal .stacks_in_256modal-title { font-size: 150%; font-weight: bold; background-color: rgba(85, 85, 85, 1.00); color: rgba(255, 255, 255, 1.00); padding: 10px; margin: 0; text-align: center; } .stacks_in_256modal-body { padding: 20px 35px; } #stacks_in_256finalword-modal .stacks_in_256modal-footer { position: relative; bottom: 20px; text-align: center; width: 90%; margin: 20px auto 0 auto; cursor: pointer; display: block; color: rgba(0, 0, 255, 1.00) !important; background: rgba(255, 255, 255, 1.00); padding: 2px 10px 2px 10px; border-radius: 3px; } #stacks_in_256finalword-modal .stacks_in_256modal-footer:hover { color: rgba(0, 0, 127, 1.00) !important; } @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes popin { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 85% { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-ms-keyframes popin { 0% { -ms-transform: scale(0); transform: scale(0); opacity: 0; } 85% { -ms-transform: scale(1.05); transform: scale(1.05); opacity: 1; } 100% { -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes popin { 0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } 85% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); opacity: 1; } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } /* End Final Word stack CSS code *//* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_262 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_262 .theDivider1, #simpleDivider_stacks_in_262 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_262 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_262.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_262.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_262 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_262.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_262.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_262.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_262.bgImageOn .theDivider1 img { display: block; } #stacks_in_212 h1,#stacks_in_212 h2,#stacks_in_212 h3,#stacks_in_212 h4,#stacks_in_212 h5,#stacks_in_212 h6,#stacks_in_212 p,#stacks_in_212 div,#stacks_in_212 ul,#stacks_in_212 ol,#stacks_in_212 dl,#stacks_in_212 a{word-wrap:break-word}#stacks_in_212 .text-center{text-align:center}#stacks_in_212 .text-right{text-align:right} #stacks_in_212 .mez,#stacks_in_212 p,#stacks_in_212 div,#stacks_in_212 h1,#stacks_in_212 h2,#stacks_in_212 h3,#stacks_in_212 h4,#stacks_in_212 h5,#stacks_in_212 h6{margin:0!important} /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_264 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_264 .theDivider1, #simpleDivider_stacks_in_264 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_264 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_264.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_264.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_264 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_264.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_264.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_264.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_264.bgImageOn .theDivider1 img { display: block; } /* * 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_265 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_265.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_265.fontSizeInheritOff { font-size: 14px; line-height: 14px; } #simpleText_stacks_in_265.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_265.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_265.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_265.inheritOff a, #simpleText_stacks_in_265.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_265.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_265.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_265.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_265.inheritOff a:focus { color: #FF6600; outline: inherit; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_265.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_265.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_265.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_265.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_265.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* * 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_267 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_267.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_267.fontSizeInheritOff { font-size: 14px; line-height: 14px; } #simpleText_stacks_in_267.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_267.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_267.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_267.inheritOff a, #simpleText_stacks_in_267.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_267.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_267.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_267.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_267.inheritOff a:focus { color: #FF6600; outline: inherit; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_267.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_267.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_267.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_267.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_267.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_269 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_269 .theDivider1, #simpleDivider_stacks_in_269 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_269 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_269.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_269.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_269 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_269.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_269.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_269.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_269.bgImageOn .theDivider1 img { display: block; } /* -- EACH CSS Template -- */ #stacks_in_274 * { box-sizing: border-box !important; } #stacks_in_274 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_274 .devicewrapper, stacks_in_274_default7_hype_container, stacks_in_274 HYPE_document, #stacks_in_274 .device-trigger { pointer-events: auto !important; } #stacks_in_274 .devicewrapper { max-width: 1800px !important; margin-right: auto; margin-left: auto; } #stacks_in_274 .devicewrapper { display:table; width: 100%; height: 500px; } @media (max-width: 800px) { #stacks_in_274 .devicewrapper { height: 400px; } } @media (max-width: 600px) { #stacks_in_274 .devicewrapper { height: 320px; } } /* prevent issue in Foundation theme and some stacks - line-height: 60px !important;*/ #stacks_in_274 p { font-size: 60px !important; } #stacks_in_274 * { -moz-box-sizing: content-box !important;-webkit-box-sizing: content-box !important; box-sizing: content-box !important;} stacks_in_274_default7_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* link Hype */ #stacks_in_274 .hype-link-hover-group, #stacks_in_274 .hype-link-hover, #stacks_in_274 .hype-link-hover-blank { } #stacks_in_274 .hype-link-hover { } #stacks_in_274 .hype_videobox { width: 100% !important; height: 100% !important; } #stacks_in_274 .hype-link-hover-group { } #stacks_in_274 .hype-link-hover-group { display: none !important; } #stacks_in_274 .hype-link-hover-group { background-size: cover !important; background-position: center center; background-image: url() !important; } #stacks_in_274 .device-area { margin-top: 1% !important; } #stacks_in_274 .hype-dev-frame path, #stacks_in_274 .hype-dev-frame { stroke-style: solid !important; fill: rgba(255, 255, 255, 1.00) !important; border-radius: 10px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; stroke-width: 4px !important; stroke: #CACACA !important; -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.25)) !important; -webkit-backface-visibility: hidden !important; transform-style: preserve-3d !important; } #stacks_in_274 .hype-glass-reflect { } #stacks_in_274 .hype-glass-shading { } #stacks_in_274 .hype-bottom-shadow { background-image: url(../files/shadow.png) !important; background-size: contain !important; object-fit: contain !important; background-repeat: no-repeat; background-position: center center; opacity: 0.5 !important; display: block !important; } @media (max-width: 500px) { #stacks_in_274 .hype-bottom-shadow { width: 0px !important; height: 0px !important; } } #stacks_in_274 .hype-dev-frame-back path, #stacks_in_274 .hype-dev-frame-back { fill: rgba(220, 219, 221, 1.00) !important; } /* custom text */ #stacks_in_274 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: truefalsefalse !important; color: #7F7F7F !important; font-style: none; text-transform: none; font-size: 60px !important; line-height: 60px !important; letter-spacing: 1px !important; -webkit-font-smoothing: antialiased !important; } #stacks_in_274 .hype-device-text, #stacks_in_274 p .hype-device-text { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 400 !important; } /* sreen bottom side stand and laptop */ #stacks_in_274 .hype-dev-stand-style, #stacks_in_274 .hype-dev-stand-style path { fill: rgba(255, 255, 255, 1.00) !important; stroke-style: solid !important; stroke: #CACACA !important; stroke-width: 4px !important; } #stacks_in_274 .hype-dev-stand-group { display: none !important; } /* mug */ #stacks_in_274 .hype-mug-box { } #stacks_in_274 .hype-mug { margin-left: -600px !important; margin-top: 0px !important; } #stacks_in_274 .hype-mug-line path { stroke: #CACACA !important; stroke-width: 4px !important; } @media (max-width: 500px) {#stacks_in_274 .hype-mug-box, #stacks_in_274 .hype-mug { opacity: 0 !important; } } /* speakers */ #stacks_in_274 .hype-dev-speaker-group, #stacks_in_274 .hype-dev-speaker-group path { } @media (max-width: 500px) {#stacks_in_274 .hype-dev-speaker-group, #stacks_in_274 .hype-dev-speaker-group path { opacity: 0 !important; } } #stacks_in_274 .hype-dev-speaker-style, #stacks_in_274 .hype-dev-speaker-style path { stroke-style: solid !important; stroke: #CACACA !important; border-color: #CACACA !important; } /* top bottom bands */ #stacks_in_274 .hype-bands-reveal1, #stacks_in_274 .hype-bands-reveal2 { display: none !important; background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_274 .hype-bands-reveal1 { } #stacks_in_274 .img-dev-bg-back, #stacks_in_274 .img-dev-bg-back path { background-size: cover !important; background-image: url(../files/internal_bg_cover_1.jpg) !important; opacity: 1; } /* fixed pos desktop only */ @media (max-width: 480px) { #stacks_in_274 .img-dev-bg-back, #stacks_in_274 .img-dev-bg-back path { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_274 .img-dev-bg-back, #stacks_in_274 .img-dev-bg-back path { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_274 .img-dev-bg-back, #stacks_in_274 .img-dev-bg-back path { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_274 .img-dev-bg-back, #stacks_in_274 .img-dev-bg-back path { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_274 .img-dev-bg-back, #stacks_in_274 .img-dev-bg-back path { background-attachment: scroll !important; } } #stacks_in_274 .img-dev-bg-back, #stacks_in_274 .img-dev-bg-back path { } #stacks_in_274 .img-dev-bg-vignetting { background-image: url(../files/bg_shadow.png) !important; background-size: cover !important; background-position: center center; display: none !important; } #stacks_in_274 .img-dev-bg-vignetting-box { opacity: 0.5 !important; } #stacks_in_274 .scale-trigger { } #stacks_in_274 .device-trigger { top: 100px !important; } #stacks_in_274 .line-trigger { } #stacks_in_274 .bands-trigger { } #stacks_in_274 .bands-trigger, #stacks_in_274 .scale-trigger, #stacks_in_274 .device-trigger, #stacks_in_274 .line-trigger { opacity: 0.5 !important; } /* -- EACH CSS Template end -- *//* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_273 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_273 .theDivider1, #simpleDivider_stacks_in_273 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_273 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_273.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_273.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_273 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_273.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_273.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_273.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_273.bgImageOn .theDivider1 img { display: block; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_241 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_241 .theDivider1, #simpleDivider_stacks_in_241 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_241 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_241.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_241.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_241 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_241.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_241.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_241.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_241.bgImageOn .theDivider1 img { display: block; } #stacks_in_142 { z-index: 99; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_142 { height: px; } /* .CP_stacks_in_142 .custom, .CP_stacks_in_142 .customB{ display:none; } */ .CP_stacks_in_142 .customTF, .CP_stacks_in_142 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_142 { background-color: #FFFFFF ; background: ; } .BA_stacks_in_142 { background-color: #FFFFFF ; background: ; } .f_stacks_in_142 { color: #EEEEEE !important; } .b_stacks_in_142 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipped .augmentFlipFace.augmentFlipBack { -ms-backface-visibility: visible; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_142 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; } /* Flip Shadows */ #stacks_in_142 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_142 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 600ms linear; -moz-transition: background 600ms linear; -o-transition: background 600ms linear; transition: background 600ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_142 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_142 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_142 .augmentFlipVertical .augmentFlipWrap, #stacks_in_142 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_142 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; } #stacks_in_142 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_142 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_142 .augmentFlipCard .augmentFlipped .augmentFlipFace.augmentFlipBack { -ms-backface-visibility: visible; } #stacks_in_142 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_142 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_142 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_142 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_142 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_142 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_142 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_142 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_142 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_142 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_142 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_142 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_142 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 600ms linear 1; animation: coinFlip 600ms linear 1; } #stacks_in_142 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 600ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 600ms linear 1; animation-direction: reverse; } #stacks_in_142 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_142 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_142 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_142 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 600ms linear 1; animation: flipCard 600ms linear 1; } #stacks_in_142 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 600ms linear 1; animation: flipCardBack 600ms linear 1; } #stacks_in_142 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_142 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_142 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_142 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 600ms linear 1; animation: flipHover 600ms linear 1; } #stacks_in_142 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 600ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 600ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_142 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 600ms linear; -moz-transition: bottom 600ms linear; -o-transition: bottom 600ms linear; transition: bottom 600ms linear; } #stacks_in_142 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_142 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_142 { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .F_Shape_stacks_in_142 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } .z_stacks_in_142.augmentFlipped { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .B_Shape_stacks_in_142 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } @media screen and (max-width: 800px) { .CP_stacks_in_142 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } /* * 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_153 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_153.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_153.fontSizeInheritOff { font-size: 14px; line-height: 14px; } #simpleText_stacks_in_153.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_153.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_153.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_153.inheritOff a, #simpleText_stacks_in_153.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_153.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_153.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_153.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_153.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_153.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_153.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_153.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_153.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_153.reFontSizeOn { font-size: 14px; line-height: 14px; } } #stacks_in_151 { border: solid rgba(155, 196, 200, 1.00); border-width: 3px; } #stacks_out_151 { width: 237px; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_229 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_229 .theDivider1, #simpleDivider_stacks_in_229 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_229 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_229.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_229.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_229 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_229.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_229.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_229.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_229.bgImageOn .theDivider1 img { display: block; } /* * 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_146 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_146.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_146.fontSizeInheritOff { font-size: 14px; line-height: 14px; } #simpleText_stacks_in_146.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_146.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_146.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_146.inheritOff a, #simpleText_stacks_in_146.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_146.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_146.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_146.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_146.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_146.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_146.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_146.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_146.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_146.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_150 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_150 .theDivider1, #simpleDivider_stacks_in_150 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_150 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_150.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_150.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_150 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_150.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_150.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_150.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_150.bgImageOn .theDivider1 img { display: block; } #stacks_in_135 { z-index: 99; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_135 { height: px; } /* .CP_stacks_in_135 .custom, .CP_stacks_in_135 .customB{ display:none; } */ .CP_stacks_in_135 .customTF, .CP_stacks_in_135 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_135 { background-color: #FFFFFF ; background: ; } .BA_stacks_in_135 { background-color: #FFFFFF ; background: ; } .f_stacks_in_135 { color: #EEEEEE !important; } .b_stacks_in_135 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipped .augmentFlipFace.augmentFlipBack { -ms-backface-visibility: visible; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_135 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; } /* Flip Shadows */ #stacks_in_135 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_135 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 600ms linear; -moz-transition: background 600ms linear; -o-transition: background 600ms linear; transition: background 600ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_135 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_135 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_135 .augmentFlipVertical .augmentFlipWrap, #stacks_in_135 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_135 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; } #stacks_in_135 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_135 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_135 .augmentFlipCard .augmentFlipped .augmentFlipFace.augmentFlipBack { -ms-backface-visibility: visible; } #stacks_in_135 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_135 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_135 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_135 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_135 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_135 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_135 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_135 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_135 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_135 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_135 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_135 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_135 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 600ms linear 1; animation: coinFlip 600ms linear 1; } #stacks_in_135 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 600ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 600ms linear 1; animation-direction: reverse; } #stacks_in_135 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_135 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_135 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_135 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 600ms linear 1; animation: flipCard 600ms linear 1; } #stacks_in_135 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 600ms linear 1; animation: flipCardBack 600ms linear 1; } #stacks_in_135 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_135 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_135 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_135 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 600ms linear 1; animation: flipHover 600ms linear 1; } #stacks_in_135 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 600ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 600ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_135 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 600ms linear; -moz-transition: bottom 600ms linear; -o-transition: bottom 600ms linear; transition: bottom 600ms linear; } #stacks_in_135 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_135 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_135 { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .F_Shape_stacks_in_135 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } .z_stacks_in_135.augmentFlipped { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .B_Shape_stacks_in_135 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } @media screen and (max-width: 800px) { .CP_stacks_in_135 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } /* * 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_136 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_136.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_136.fontSizeInheritOff { font-size: 14px; line-height: 14px; } #simpleText_stacks_in_136.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_136.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_136.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_136.inheritOff a, #simpleText_stacks_in_136.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_136.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_136.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_136.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_136.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_136.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_136.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_136.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_136.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_136.reFontSizeOn { font-size: 14px; line-height: 14px; } } #stacks_in_160 { border: solid rgba(138, 185, 188, 1.00); border-width: 3px; } #stacks_out_160 { width: 237px; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_228 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_228 .theDivider1, #simpleDivider_stacks_in_228 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_228 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_228.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_228.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_228 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_228.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_228.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_228.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_228.bgImageOn .theDivider1 img { display: block; } /* * 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_139 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_139.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_139.fontSizeInheritOff { font-size: 14px; line-height: 14px; } #simpleText_stacks_in_139.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_139.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_139.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_139.inheritOff a, #simpleText_stacks_in_139.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_139.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_139.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_139.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_139.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_139.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_139.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_139.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_139.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_139.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_162 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_162 .theDivider1, #simpleDivider_stacks_in_162 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_162 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_162.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_162.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_162 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_162.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_162.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_162.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_162.bgImageOn .theDivider1 img { display: block; } #stacks_in_128 { z-index: 99; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_128 { height: px; } /* .CP_stacks_in_128 .custom, .CP_stacks_in_128 .customB{ display:none; } */ .CP_stacks_in_128 .customTF, .CP_stacks_in_128 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_128 { background-color: #FFFFFF ; background: ; } .BA_stacks_in_128 { background-color: #FFFFFF ; background: ; } .f_stacks_in_128 { color: #EEEEEE !important; } .b_stacks_in_128 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipped .augmentFlipFace.augmentFlipBack { -ms-backface-visibility: visible; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_128 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; } /* Flip Shadows */ #stacks_in_128 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_128 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 600ms linear; -moz-transition: background 600ms linear; -o-transition: background 600ms linear; transition: background 600ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_128 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_128 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_128 .augmentFlipVertical .augmentFlipWrap, #stacks_in_128 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_128 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; } #stacks_in_128 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_128 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_128 .augmentFlipCard .augmentFlipped .augmentFlipFace.augmentFlipBack { -ms-backface-visibility: visible; } #stacks_in_128 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_128 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_128 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_128 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_128 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_128 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_128 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_128 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_128 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_128 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_128 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_128 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_128 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 600ms linear 1; animation: coinFlip 600ms linear 1; } #stacks_in_128 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 600ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 600ms linear 1; animation-direction: reverse; } #stacks_in_128 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_128 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_128 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_128 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 600ms linear 1; animation: flipCard 600ms linear 1; } #stacks_in_128 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 600ms linear 1; animation: flipCardBack 600ms linear 1; } #stacks_in_128 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_128 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_128 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_128 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 600ms linear 1; animation: flipHover 600ms linear 1; } #stacks_in_128 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 600ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 600ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_128 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 600ms linear; -moz-transition: bottom 600ms linear; -o-transition: bottom 600ms linear; transition: bottom 600ms linear; } #stacks_in_128 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_128 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_128 { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .F_Shape_stacks_in_128 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } .z_stacks_in_128.augmentFlipped { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .B_Shape_stacks_in_128 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } @media screen and (max-width: 800px) { .CP_stacks_in_128 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } /* * 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_129 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_129.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_129.fontSizeInheritOff { font-size: 14px; line-height: 14px; } #simpleText_stacks_in_129.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_129.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_129.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_129.inheritOff a, #simpleText_stacks_in_129.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_129.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_129.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_129.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_129.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_129.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_129.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_129.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_129.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_129.reFontSizeOn { font-size: 14px; line-height: 14px; } } #stacks_in_163 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(121, 171, 174, 1.00); border-width: 3px; } #stacks_out_163 { width: 237px; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_227 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_227 .theDivider1, #simpleDivider_stacks_in_227 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_227 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_227.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_227.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_227 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_227.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_227.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_227.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_227.bgImageOn .theDivider1 img { display: block; } /* * 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_132 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_132.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_132.fontSizeInheritOff { font-size: 14px; line-height: 14px; } #simpleText_stacks_in_132.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_132.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_132.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_132.inheritOff a, #simpleText_stacks_in_132.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_132.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_132.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_132.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_132.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_132.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_132.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_132.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_132.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_132.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_165 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_165 .theDivider1, #simpleDivider_stacks_in_165 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_165 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_165.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_165.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_165 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_165.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_165.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_165.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_165.bgImageOn .theDivider1 img { display: block; } #stacks_in_166 { z-index: 99; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_166 { height: px; } /* .CP_stacks_in_166 .custom, .CP_stacks_in_166 .customB{ display:none; } */ .CP_stacks_in_166 .customTF, .CP_stacks_in_166 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_166 { background-color: #FFFFFF ; background: ; } .BA_stacks_in_166 { background-color: #FFFFFF ; background: ; } .f_stacks_in_166 { color: #EEEEEE !important; } .b_stacks_in_166 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipped .augmentFlipFace.augmentFlipBack { -ms-backface-visibility: visible; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_166 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; } /* Flip Shadows */ #stacks_in_166 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_166 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 600ms linear; -moz-transition: background 600ms linear; -o-transition: background 600ms linear; transition: background 600ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_166 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_166 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_166 .augmentFlipVertical .augmentFlipWrap, #stacks_in_166 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_166 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; } #stacks_in_166 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_166 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_166 .augmentFlipCard .augmentFlipped .augmentFlipFace.augmentFlipBack { -ms-backface-visibility: visible; } #stacks_in_166 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_166 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_166 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_166 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_166 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_166 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_166 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_166 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_166 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_166 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_166 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_166 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_166 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 600ms linear 1; animation: coinFlip 600ms linear 1; } #stacks_in_166 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 600ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 600ms linear 1; animation-direction: reverse; } #stacks_in_166 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_166 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_166 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_166 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 600ms linear 1; animation: flipCard 600ms linear 1; } #stacks_in_166 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 600ms linear 1; animation: flipCardBack 600ms linear 1; } #stacks_in_166 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_166 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_166 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_166 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 600ms linear 1; animation: flipHover 600ms linear 1; } #stacks_in_166 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 600ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 600ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_166 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 600ms linear; -moz-transition: bottom 600ms linear; -o-transition: bottom 600ms linear; transition: bottom 600ms linear; } #stacks_in_166 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_166 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_166 { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .F_Shape_stacks_in_166 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } .z_stacks_in_166.augmentFlipped { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .B_Shape_stacks_in_166 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } @media screen and (max-width: 800px) { .CP_stacks_in_166 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } /* * 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_167 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_167.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_167.fontSizeInheritOff { font-size: 14px; line-height: 14px; } #simpleText_stacks_in_167.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_167.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_167.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_167.inheritOff a, #simpleText_stacks_in_167.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_167.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_167.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_167.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_167.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_167.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_167.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_167.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_167.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_167.reFontSizeOn { font-size: 14px; line-height: 14px; } } #stacks_in_169 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(121, 171, 174, 1.00); border-width: 3px; } #stacks_out_169 { width: 237px; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_226 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_226 .theDivider1, #simpleDivider_stacks_in_226 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_226 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_226.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_226.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_226 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_226.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_226.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_226.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_226.bgImageOn .theDivider1 img { display: block; } /* * 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_172 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_172.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_172.fontSizeInheritOff { font-size: 14px; line-height: 14px; } #simpleText_stacks_in_172.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_172.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_172.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_172.inheritOff a, #simpleText_stacks_in_172.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_172.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_172.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_172.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_172.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_172.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_172.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_172.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_172.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_172.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_175 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_175 .theDivider1, #simpleDivider_stacks_in_175 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_175 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_175.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_175.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_175 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_175.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_175.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_175.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_175.bgImageOn .theDivider1 img { display: block; } #stacks_in_178 { z-index: 99; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_178 { height: px; } /* .CP_stacks_in_178 .custom, .CP_stacks_in_178 .customB{ display:none; } */ .CP_stacks_in_178 .customTF, .CP_stacks_in_178 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_178 { background-color: #FFFFFF ; background: ; } .BA_stacks_in_178 { background-color: #FFFFFF ; background: ; } .f_stacks_in_178 { color: #EEEEEE !important; } .b_stacks_in_178 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipped .augmentFlipFace.augmentFlipBack { -ms-backface-visibility: visible; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_178 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; } /* Flip Shadows */ #stacks_in_178 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_178 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 600ms linear; -moz-transition: background 600ms linear; -o-transition: background 600ms linear; transition: background 600ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_178 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_178 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_178 .augmentFlipVertical .augmentFlipWrap, #stacks_in_178 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_178 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; } #stacks_in_178 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_178 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_178 .augmentFlipCard .augmentFlipped .augmentFlipFace.augmentFlipBack { -ms-backface-visibility: visible; } #stacks_in_178 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_178 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_178 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_178 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_178 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_178 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_178 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_178 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_178 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_178 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_178 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_178 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_178 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 600ms linear 1; animation: coinFlip 600ms linear 1; } #stacks_in_178 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 600ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 600ms linear 1; animation-direction: reverse; } #stacks_in_178 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_178 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_178 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_178 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 600ms linear 1; animation: flipCard 600ms linear 1; } #stacks_in_178 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 600ms linear 1; animation: flipCardBack 600ms linear 1; } #stacks_in_178 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_178 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_178 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_178 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 600ms linear 1; animation: flipHover 600ms linear 1; } #stacks_in_178 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 600ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 600ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_178 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 600ms linear; -moz-transition: bottom 600ms linear; -o-transition: bottom 600ms linear; transition: bottom 600ms linear; } #stacks_in_178 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_178 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_178 { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .F_Shape_stacks_in_178 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } .z_stacks_in_178.augmentFlipped { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .B_Shape_stacks_in_178 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } @media screen and (max-width: 800px) { .CP_stacks_in_178 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } /* * 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_179 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_179.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_179.fontSizeInheritOff { font-size: 14px; line-height: 14px; } #simpleText_stacks_in_179.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_179.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_179.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_179.inheritOff a, #simpleText_stacks_in_179.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_179.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_179.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_179.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_179.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_179.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_179.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_179.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_179.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_179.reFontSizeOn { font-size: 14px; line-height: 14px; } } #stacks_in_181 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(121, 171, 174, 1.00); border-width: 3px; } #stacks_out_181 { width: 237px; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_221 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_221 .theDivider1, #simpleDivider_stacks_in_221 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_221 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_221.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_221.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_221 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_221.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_221.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_221.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_221.bgImageOn .theDivider1 img { display: block; } /* * 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_184 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_184.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_184.fontSizeInheritOff { font-size: 14px; line-height: 14px; } #simpleText_stacks_in_184.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_184.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_184.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_184.inheritOff a, #simpleText_stacks_in_184.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_184.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_184.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_184.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_184.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_184.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_184.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_184.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_184.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_184.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_188 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_188 .theDivider1, #simpleDivider_stacks_in_188 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_188 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_188.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_188.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_188 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_188.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_188.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_188.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_188.bgImageOn .theDivider1 img { display: block; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_242 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_242 .theDivider1, #simpleDivider_stacks_in_242 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_242 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_242.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_242.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_242 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_242.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_242.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_242.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_242.bgImageOn .theDivider1 img { display: block; }