.com_joeworkman_stacks_glider_stack .glider-wrapper,.com_joeworkman_stacks_glider_stack .glider-button{position:fixed;z-index:99999;border:0}.com_joeworkman_stacks_glider_stack .glider-toggle{padding:1rem;cursor:pointer;font-size:1rem;outline:0;height:auto}.com_joeworkman_stacks_glider_stack .glider-toggle.opened{z-index:999999}.com_joeworkman_stacks_glider_stack .glider-toggle i.fa{display:none;line-height:1.28571429em}.com_joeworkman_stacks_glider_stack .glider-toggle.round.custom-style{border-radius:1000px}.com_joeworkman_stacks_glider_stack .glider-toggle.radius.custom-style{border-radius:3px}.com_joeworkman_stacks_glider_stack .glider-toggle.opened i.fa.close-icon{display:inline-block}.com_joeworkman_stacks_glider_stack .glider-toggle:not(.opened) i.fa.open{display:inline-block}.com_joeworkman_stacks_glider_stack .glider-wrapper{width:0;overflow:auto;-webkit-overflow-scrolling:touch}.com_joeworkman_stacks_glider_stack .glider-wrapper.opened{width:100%;z-index:199999}.com_joeworkman_stacks_glider_stack .glider-wrapper .glider-content.centerContent{ position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}.com_joeworkman_stacks_glider_stack .glider-wrapper>.glider-toggle{position:absolute;top:0;right:0;background:transparent;margin:0;z-index:999999;display:block}@media only screen and (min-width:40.063em){.com_joeworkman_stacks_glider_stack .glider-wrapper>.glider-toggle{display:none}}.com_joeworkman_stacks_glider_stack .glider-wrapper>.glider-toggle i.fa{display:block}.com_joeworkman_stacks_glider_stack .glider-wrapper.size-100>.glider-toggle{display:block!important}.com_joeworkman_stacks_glider_stack .headless .glider-button{display:none}.com_joeworkman_stacks_glider_stack .headless .glider-wrapper .glider-toggle{display:block}.com_joeworkman_stacks_glider_stack .launcher-bar .glider-button{width:100%}.com_joeworkman_stacks_glider_stack .location-left .glider-wrapper{height:100%;top:0;left:0}.com_joeworkman_stacks_glider_stack .location-left .glider-wrapper.opened.accent{-webkit-box-shadow:inset -1px 0 15px rgba(255,255,255,0.2),1px 0 2px rgba(0,0,0,0.3);box-shadow:inset -1px 0 15px rgba(255,255,255,0.2),1px 0 2px rgba(0,0,0,0.3)}.com_joeworkman_stacks_glider_stack .location-left .glider-button{left:0}.com_joeworkman_stacks_glider_stack .location-left .glider-button.flush.radius{border-top-left-radius:0;border-bottom-left-radius:0}.com_joeworkman_stacks_glider_stack .location-left .glider-button.opened{left:100%}.com_joeworkman_stacks_glider_stack .location-left.slideout .glider-wrapper{width:100%;margin-left:-100%}.com_joeworkman_stacks_glider_stack .location-left.slideout .glider-wrapper.opened{margin-left:0!important}.com_joeworkman_stacks_glider_stack .location-right .glider-wrapper{height:100%;top:0;right:0}.com_joeworkman_stacks_glider_stack .location-right .glider-wrapper.opened.accent{-webkit-box-shadow:inset 1px 0 15px rgba(255,255,255,0.2),-1px 0 2px rgba(0,0,0,0.3);box-shadow:inset 1px 0 15px rgba(255,255,255,0.2),-1px 0 2px rgba(0,0,0,0.3)}.com_joeworkman_stacks_glider_stack .location-right .glider-wrapper .glider-toggle{right:auto;left:0}.com_joeworkman_stacks_glider_stack .location-right .glider-button{right:0}.com_joeworkman_stacks_glider_stack .location-right .glider-button.flush.radius{border-top-right-radius:0;border-bottom-right-radius:0}.com_joeworkman_stacks_glider_stack .location-right .glider-button.opened{right:100%}.com_joeworkman_stacks_glider_stack .location-right.slideout .glider-wrapper{width:100%;margin-right:-100%}.com_joeworkman_stacks_glider_stack .location-right.slideout .glider-wrapper.opened{margin-right:0!important}.com_joeworkman_stacks_glider_stack .location-top .glider-wrapper{top:0;left:0;width:100%;height:0}.com_joeworkman_stacks_glider_stack .location-top .glider-wrapper.opened{height:100%}.com_joeworkman_stacks_glider_stack .location-top .glider-wrapper.opened.accent{-webkit-box-shadow:inset 0 -1px 15px rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.3);box-shadow:inset 0 -1px 15px rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.3)}.com_joeworkman_stacks_glider_stack .location-top .glider-button{top:0}.com_joeworkman_stacks_glider_stack .location-top .glider-button.flush.radius{border-top-right-radius:0;border-top-left-radius:0}.com_joeworkman_stacks_glider_stack .location-top .glider-button.opened{top:100%}.com_joeworkman_stacks_glider_stack .location-bottom .glider-wrapper{bottom:0;left:0;width:100%;height:0}.com_joeworkman_stacks_glider_stack .location-bottom .glider-wrapper.opened{height:100%}.com_joeworkman_stacks_glider_stack .location-bottom .glider-wrapper.opened.accent{-webkit-box-shadow:inset 0 1px 15px rgba(255,255,255,0.2),0 -1px 2px rgba(0,0,0,0.3);box-shadow:inset 0 1px 15px rgba(255,255,255,0.2),0 -1px 2px rgba(0,0,0,0.3)}.com_joeworkman_stacks_glider_stack .location-bottom .glider-button{bottom:0}.com_joeworkman_stacks_glider_stack .location-bottom .glider-button.flush.radius{border-bottom-right-radius:0;border-bottom-left-radius:0} .com_joeworkman_stacks_glider_stack .location-bottom .glider-button.opened{bottom:100%} /* Start Agent-X stack CSS code */ .stacks_in_4541label{ display: block; background: #83c681; padding: 4px 10px 4px 10px; -webkit-border-radius: 10px; color: #ffffff; text-align: center; margin-top: 10px; } .stacks_in_4541iPhoneContent, .stacks_in_4541iPadContent, .stacks_in_4541AndroidContent, .stacks_in_4541BlackberryContent, .stacks_in_4541DesktopContent { display: none; } .stacks_in_4541label{ display: none; } /* End Agent-X stack CSS code *//* * Full Screen * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Simple, Elegant Full-Screen mode for Rapidweaver Stacks */ html { height: 100%; } #fullscreen_stacks_in_4547 { position: fixed; bottom: 70px; right: 70px; width: 50px; height: 50px; cursor: pointer; -webkit-transform: translateZ(0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; z-index: 9999; } .fullscreen_stacks_in_4547 { display: block; } .smallscreen_stacks_in_4547 { display: none; } .fullscreen_stacks_in_4547, .smallscreen_stacks_in_4547 { width: 50px; height: 50px; } .fullscreen_stacks_in_4547 *, .smallscreen_stacks_in_4547 * { position: relative; width: 100%; height: 100%; } /* Start doobox Chauffeur css */ .stacks_in_1056549_1054915wrapper{ width: 50px; margin: 0 auto; display : none; opacity:0.7; } .stacks_in_1056549_1054915bulter{ cursor: pointer; border: 1px solid #1F1F1F; background: #333333; width: 50px; height: 50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #EEEEEE; text-align: center; line-height: 50px; margin: 5px; z-index: 1000001; background: #333333; } .stacks_in_1056549_1054915bulter i { display: block; margin: 0 auto 0 auto; font-size: 20px; line-height: 48px; vertical-align: middle; } .stacks_in_1056549_1054915bulter:hover{ color: #DADADA; background: #424242; /* Old browsers */ } /* end doobox Chauffeur css */ /* @group Page */ /* Stop the background page scrolling when the modal is open */ body.sociableOpen { overflow: hidden !important; } /* @end */ /* @group Share Button */ #socialPopupTriggerButtonstacks_in_1056549_1054916 *, #socialPopupTriggerButtonstacks_in_1056549_1054916 *::after, #socialPopupTriggerButtonstacks_in_1056549_1054916 *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #socialPopupTriggerButtonstacks_in_1056549_1054916 { position: fixed; bottom: 5.00%; left: 0.00%; cursor: pointer; z-index: 999; } #socialPopupTriggerButtonstacks_in_1056549_1054916 { display: none; } #socialPopupTriggerButtonstacks_in_1056549_1054916 a { background: none; border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; outline: none; } #socialPopupTriggerButtonstacks_in_1056549_1054916 a:focus { outline: none; border: none; } #socialPopupTriggerButtonstacks_in_1056549_1054916 #socialPopupTriggerButtonBorderstacks_in_1056549_1054916 { border: 2px solid #CDCDCD; background: #191919; border-radius: 27px; -webkit-border-radius: 27px; -moz-border-radius: 27px; height: 40px; overflow: hidden; z-index: 5; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_1056549_1054916:hover #socialPopupTriggerButtonBorderstacks_in_1056549_1054916 { border: 2px solid #999999; background: #FFFFFF; } #socialPopupTriggerButtonstacks_in_1056549_1054916:hover #socialPopupTriggerButtonBorderstacks_in_1056549_1054916 { padding-right: 15px; } #socialPopupTriggerButtonstacks_in_1056549_1054916 #socialPopupTriggerButtonIconstacks_in_1056549_1054916 [class^="fa fa-"] { color: #FFFFFF; font-size: 24px; line-height: 40px; width: 40px; text-align: center; display: block; float: left; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_1056549_1054916:hover #socialPopupTriggerButtonBorderstacks_in_1056549_1054916 [class^="fa fa-"] { color: #333333; } #socialPopupTriggerButtonstacks_in_1056549_1054916 #socialPopupTriggerButtonTextstacks_in_1056549_1054916 { color: #333333; font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: right; max-width: 0px; overflow: hidden; line-height: 40px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_1056549_1054916:hover #socialPopupTriggerButtonTextstacks_in_1056549_1054916 { max-width: 300px; color: #333333; } /* @end */ /* @group Content Block (top of modal) */ #sociableContentBlock { max-width: 1200px; margin: 0 auto; text-align: center; } #adBlockMessage { display: none; } #adBlockMessage.adBlockTrue { display: block; color: #ffffff; text-align: center; font-size: 16px; } /* @end */ /* @group Modal Window */ /* General styles for the modal */ /* Styles for the html/body for special modal where we want 3d effects Note that we need a container wrapping all content on the page for the perspective effects (not including the modals and the overlay). */ .socialPopupModalPerspective, .socialPopupModalPerspective body { height: 100%; overflow: hidden; } .socialPopupModalPerspective body { background: #222; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } .socialPopupModal-1 { position: fixed; top: 0%; left: 0%; width: 100%; overflow: auto; height: 100%; z-index: 19991; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .socialPopupModalShow { visibility: visible; } .socialPopupModalOverlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1999; opacity: 0; background: #000000; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow ~ .socialPopupModalOverlay { opacity: 0.90; visibility: visible; } /* Content styles */ #socialPopupModalContentstacks_in_1056549_1054916 { position: relative; border-radius: 3px; margin: 0 auto; } /* Individual modal styles with animations/transitions */ /* */ /* @group Effect 1 */ /* Effect 1: Fade in and scale up */ .socialPopupModalEffect-1 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-1 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 2 */ /* Effect 2: Slide from the right */ .socialPopupModalEffect-2 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); } .socialPopupModalShow.socialPopupModalEffect-2 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } /* @end */ /* @group Effect 3 */ /* Effect 3: Slide from the bottom */ .socialPopupModalEffect-3 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-3 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* @end */ /* @group Effect 4 */ /* Effect 4: Newspaper */ .socialPopupModalEffect-4 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-4 ~ .socialPopupModalOverlay, .socialPopupModalEffect-4 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-4 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } /* @end */ /* @group Effect 5 */ /* Effect 5: fall */ .socialPopupModalEffect-5.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-5 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -moz-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-5 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transition: all 1000ms ease-in; -moz-transition: all 1000ms ease-in; transition: all 1000ms ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 6 */ /* Effect 6: side fall */ .socialPopupModalEffect-6.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-6 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-6 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transition: all 1000ms ease-in; -moz-transition: all 1000ms ease-in; transition: all 1000ms ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1; } /* @end */ /* @group Effect 7 */ /* Effect 7: slide and stick to top */ .socialPopupModalEffect-7{ top: 0; -webkit-transform: translateX(-0%); -moz-transform: translateX(-0%); -ms-transform: translateX(-0%); transform: translateX(-0%); } .socialPopupModalEffect-7 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-7 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1; } /* @end */ /* @group Effect 8 */ /* Effect 8: 3D flip horizontal */ .socialPopupModalEffect-8.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-8 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-8 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } /* @end */ /* @group Effect 9 */ /* Effect 9: 3D flip vertical */ .socialPopupModalEffect-9.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-9 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-9 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 10 */ /* Effect 10: 3D sign */ .socialPopupModalEffect-10.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-10 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-10 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 11 */ /* Effect 11: Super scaled */ .socialPopupModalEffect-11 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-11 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 12 */ /* Effect 12: Just me */ .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-12 ~ .socialPopupModalOverlay { background: #000000; } .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_1056549_1054916 h3, .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_1056549_1054916 { background: transparent; } .socialPopupModalShow.socialPopupModalEffect-12 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 13 */ /* Effect 13: 3D slit */ .socialPopupModalEffect-13.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-13 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-13 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;} 100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @-moz-keyframes slit { 50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;} 100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;} 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* @end */ /* @group Effect 14 */ /* Effect 14: 3D Rotate from bottom */ .socialPopupModalEffect-14.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-14 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 1000ms ease-out; -moz-transition: all 1000ms ease-out; transition: all 1000ms ease-out; } .socialPopupModalShow.socialPopupModalEffect-14 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 15 */ /* Effect 15: 3D Rotate in from left */ .socialPopupModalEffect-15.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-15 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-15 #socialPopupModalContentstacks_in_1056549_1054916 { -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg); -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg); transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; } /* @end */ /* */ /* @end */ /* @group Close button */ #sociableCloseButtonstacks_in_1056549_1054916 { position: absolute; top: 0; right: 0; padding: 0; margin: 0; color: #FFFFFF; font-size: 40px; line-height: 80px; width: 80px; text-align: center; text-decoration: none; background: none; border: none; outline: none; transition: all ease-in-out 300ms; } #sociableCloseButtonstacks_in_1056549_1054916 [class^="fa fa-"] { color: #FFFFFF; transition: all ease-in-out 300ms; } #sociableCloseButtonstacks_in_1056549_1054916:hover, #sociableCloseButtonstacks_in_1056549_1054916:hover [class^="fa fa-"] { color: #CDCDCD; } /* @end */ /* @group Radioactive Scroll Indicator */ @-webkit-keyframes radioactiveGlow { from { -webkit-box-shadow: 0 0 50px #FFFFFF; } 50% { -webkit-box-shadow: 0 0 0px #000000; } to { -webkit-box-shadow: 0 0 50px #FFFFFF; } } @-moz-keyframes radioactiveGlow { from { -moz-box-shadow: 0 0 50px #FFFFFF; } 50% { -moz-box-shadow: 0 0 0px #000000; } to { -moz-box-shadow: 0 0 50px #FFFFFF; } } @-ms-keyframes radioactiveGlow { from { -ms-box-shadow: 0 0 50px #FFFFFF; } 50% { -ms-box-shadow: 0 0 0px #000000; } to { -ms-box-shadow: 0 0 50px #FFFFFF; } } @keyframes radioactiveGlow { from { box-shadow: 0 0 50px #FFFFFF; } 50% { box-shadow: 0 0 0px #000000; } to { box-shadow: 0 0 50px #FFFFFF; } } #radioactiveScrollIndicatorstacks_in_1056549_1054916 { -webkit-animation-name: radioactiveGlow; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-name: radioactiveGlow; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -ms-animation-name: radioactiveGlow; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; animation-name: radioactiveGlow; animation-duration: 2s; animation-iteration-count: infinite; position: fixed; bottom: -50px; left: 0px; width: 100%; height: 50px; background: #ffffff; display: none; } .socialPopupScrollable #radioactiveScrollIndicatorstacks_in_1056549_1054916 { display: block; } .modalScrolled #radioactiveScrollIndicatorstacks_in_1056549_1054916 { display: none; } /* @end */ /* @group Social Icon List */ #sociableIconWrapper *, #sociableIconWrapper *::after, #sociableIconWrapper *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #sociableIconWrapper { max-width: 1200px; margin: 60px auto; z-index: 1999; position: relative; } .socialIconArray { display: block; text-align: center; } .socialIconArray div { display: inline-block; width: auto; height: auto; line-height: 100px; text-align: center; position: relative; margin-bottom: 15px; text-align: center; line-height: 1.50em; font-size: 14px; z-index: 5; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; color: #FFFFFF; } .socialIconArray div:hover { color: #FFFFFF; } .socialIconArray div a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; } .socialIconArray div [class^="fa fa-"] { font-size: 60px; height: 100px; width: 100px; line-height: 100px; border-radius: 50px; position: relative; z-index: 5; border: 2px solid #FFFFFF; transition: all 300ms ease-in-out; overflow: hidden; display: block; margin: 15px; } .socialIconArray div:hover [class^="fa fa-"] { -webkit-box-shadow: 0px 0px 30px #FFFFFF; -moz-box-shadow: 0px 0px 30px #FFFFFF; box-shadow: 0px 0px 30px #FFFFFF; border: 2px solid #FFFFFF; } /* Sub headings */ .socialIconArray .subheading { margin-top: 15px; padding-top: 15px; font-size: 14px; display: block; float: none; color: #FFFFFF; } .socialIconArray .subheading a, .socialIconArray .subheading a:visited { color: #FFFFFF; text-decoration: underline; position: relative; top: auto; left: auto; width: auto; height: auto; display: inline; } .socialIconArray .subheading a:hover, .socialIconArray .subheading a:active { color: #FFFFFF; text-decoration: underline; } /* Utility icons */ #sociableUtilityIcons *, #sociableUtilityIcons *::after, #sociableUtilityIcons *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #sociableUtilityIcons { border-top: 1px solid #CDCDCD; margin-top: 20px; padding-top: 30px; display: block; } /* @end */ /* @group Print Styling */ @media print { #socialPopupstacks_in_1056549_1054916, #socialPopupModalOverlaystacks_in_1056549_1054916, #socialPopupTriggerButtonstacks_in_1056549_1054916 { display: none !important; } } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */#stacks_in_1056549_1054920 .glider-wrapper,#stacks_in_1056549_1054920 .glider-button{-webkit-transition:all 764ms ease;transition:all 764ms ease}#stacks_in_1056549_1054920 .glider-wrapper.custom-style{background-color:#222222;color:rgba(255, 255, 255, 1.00)}#stacks_in_1056549_1054920 .glider-wrapper.custom-style div,#stacks_in_1056549_1054920 .glider-wrapper.custom-style p{color:rgba(255, 255, 255, 1.00)}#stacks_in_1056549_1054920 .glider-wrapper.custom-style .glider-toggle{color:rgba(255, 255, 255, 1.00)}#stacks_in_1056549_1054920 .glider-wrapper .glider-content{padding:3.25rem 1rem}@media only screen and (min-width:40.063em){#stacks_in_1056549_1054920 .glider-wrapper .glider-content{padding:3.25rem 2.00rem}}#stacks_in_1056549_1054920 .glider-button{margin:0px}#stacks_in_1056549_1054920 .glider-button.custom-style{background-color:#222222;color:#FFFFFF}#stacks_in_1056549_1054920 .glider-button.static-width{width:100px}#stacks_in_1056549_1054920 .launcher-bar .glider-button{text-align:left}#stacks_in_1056549_1054920 .location-left .glider-button,#stacks_in_1056549_1054920 .location-right .glider-button{top:10%}#stacks_in_1056549_1054920 .location-left .glider-button.flipPosition,#stacks_in_1056549_1054920 .location-right .glider-button.flipPosition{top:auto;bottom:10%}#stacks_in_1056549_1054920 .location-top .glider-button,#stacks_in_1056549_1054920 .location-bottom .glider-button{left:10%}#stacks_in_1056549_1054920 .location-top .glider-button.flipPosition,#stacks_in_1056549_1054920 .location-bottom .glider-button.flipPosition{left:auto;right:10%}@media only screen and (min-width:40.063em){#stacks_in_1056549_1054920 .location-left .glider-wrapper.opened,#stacks_in_1056549_1054920 .location-right .glider-wrapper.opened{width:30%}#stacks_in_1056549_1054920 .location-left.slideout .glider-wrapper,#stacks_in_1056549_1054920 .location-right.slideout .glider-wrapper{width:30%}#stacks_in_1056549_1054920 .location-left .glider-button.opened{left:30%}#stacks_in_1056549_1054920 .location-left.slideout .glider-wrapper{margin-left:-30%}#stacks_in_1056549_1054920 .location-right .glider-button.opened{right:30%}#stacks_in_1056549_1054920 .location-right.slideout .glider-wrapper{margin-right:-30%}#stacks_in_1056549_1054920 .location-top .glider-wrapper.opened,#stacks_in_1056549_1054920 .location-bottom .glider-wrapper.opened{height:30%}#stacks_in_1056549_1054920 .location-top .glider-button.opened{top:30%}#stacks_in_1056549_1054920 .location-bottom .glider-button.opened{bottom:30%}} /* Font Awesome Pro * Author: Jeremy Hawes * Website: http://onelittledesigner.com * URL: http://onelittledesigner.com/rapidweaver-stack/font-awesome/ * Support: http://forum.onelittledesigner.com * Version: 2.0.0 * Description: Font Awesome Pro uses the MIT Licensed Font Awesome icon fonts and adds custom controls for RadidWeaver users with Stacks 2.0+ */ #fontAwesome_stacks_in_1056549_1054923 * {margin: 0; padding: 0;} #fontAwesome_stacks_in_1056549_1054923 .iconExtraBorder { overflow: visible; float: none !important; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: inline-block; line-height: 0 !important; } #fontAwesome_stacks_in_1056549_1054923.secondBorderOn .iconExtraBorder { border-width: 1px; border-style: solid; border-color: #000000; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } #fontAwesome_stacks_in_1056549_1054923 .fa { font-size: 50px; line-height: 50px !important; color: #CCCCCC !important; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; overflow: hidden; transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } #fontAwesome_stacks_in_1056549_1054923 .iconExtraBorder:hover .fa { font-size: 50px; line-height: 50px !important; transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } #fontAwesome_stacks_in_1056549_1054923 .iconExtraBorder { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } #fontAwesome_stacks_in_1056549_1054923 .iconExtraBorder:hover { transform: rotate(0deg ); -webkit-transform: rotate(0deg ); -moz-transform: rotate(0deg ); -ms-transform: rotate(0deg ); -o-transform: rotate(0deg ); transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } #fontAwesome_stacks_in_1056549_1054923 .fa.iconBorderOn { border-width: 1px; border-style: solid; border-color: #000000; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } #fontAwesome_stacks_in_1056549_1054923 .fa.iconSpinOn { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } #fontAwesome_stacks_in_1056549_1054923 .fa.iconShadowOn { text-shadow: 0 1px 0 #FFFFFF; } #fontAwesome_stacks_in_1056549_1054923 .fa.iconBgOn { background: #EEEEEE; } #fontAwesome_stacks_in_1056549_1054923 .textOptionOff { display: none; } #fontAwesome_stacks_in_1056549_1054923 .sliceOptionOff { display: none; } #fontAwesome_stacks_in_1056549_1054923.iconCenterOn .iconExtraBorder .fa { width: 50px; } #fontAwesome_stacks_in_1056549_1054923.iconCenterOn .iconExtraBorder { display: block !important; margin: 0 auto !important; width: 56px; } /* Hover Colors */ #fontAwesome_stacks_in_1056549_1054923.iconHoverColorsOn .iconExtraBorder:hover .fa { color: #000000 !important; } #fontAwesome_stacks_in_1056549_1054923.iconHoverColorsOn .iconExtraBorder:hover .fa.iconShadowOn { text-shadow: 0 1px 0 #FFFFFF; } #fontAwesome_stacks_in_1056549_1054923.iconHoverColorsOn .iconExtraBorder:hover .fa.iconBgOn { background: #EEEEEE; } #fontAwesome_stacks_in_1056549_1054923.iconHoverColorsOn .iconExtraBorder:hover .fa.iconBorderOn { border-color: #000000; } #fontAwesome_stacks_in_1056549_1054923.secondBorderOn.iconHoverColorsOn .iconExtraBorder:hover { border-color: #000000; } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_1056549_1054928_1054855Calligrapher{ font-size: 110% !important; color: #333333 !important; font-weight: normal !important; font-style: normal !important; line-height: 1.4em !important; font-variant: normal !important; letter-spacing: 0px !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_1056549_1054928_1054855Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold !important; } .stacks_in_1056549_1054928_1054855Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold !important; } .stacks_in_1056549_1054928_1054855Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold !important; } .stacks_in_1056549_1054928_1054855Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold !important; } .stacks_in_1056549_1054928_1054855Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold !important; } .stacks_in_1056549_1054928_1054855Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold !important; } .stacks_in_1056549_1054928_1054855Calligrapher h6, .stacks_in_1056549_1054928_1054855Calligrapher h5, .stacks_in_1056549_1054928_1054855Calligrapher h4, .stacks_in_1056549_1054928_1054855Calligrapher h3, .stacks_in_1056549_1054928_1054855Calligrapher h2, .stacks_in_1056549_1054928_1054855Calligrapher h1{ color: #333333 !important; } /* ----------------------------------------- Google ----------------------------------------- */ .stacks_in_1056549_1054928_1054855Calligrapher, .stacks_in_1056549_1054928_1054855Calligrapher h1, .stacks_in_1056549_1054928_1054855Calligrapher h2, .stacks_in_1056549_1054928_1054855Calligrapher h3, .stacks_in_1056549_1054928_1054855Calligrapher h4, .stacks_in_1056549_1054928_1054855Calligrapher h5, .stacks_in_1056549_1054928_1054855Calligrapher h6{ font-family: "Oswald" !important; } /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_1056549_1054928_1054855targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_1056549_1054928_1054855Calligrapher a:link{ color: #FFFFFF !important; text-decoration: none !important; } .stacks_in_1056549_1054928_1054855Calligrapher a:visited{ color: #FFFFFF !important; } .stacks_in_1056549_1054928_1054855Calligrapher a:active{ color: #FFFFFF !important; } .stacks_in_1056549_1054928_1054855Calligrapher a:hover{ color: #FFFF00 !important; text-decoration: underline !important; } /* End Calligrapher stack CSS code */ #stacks_in_1056549_1054928_1054858 { line-height: 2em; } #stacks_in_1056549_1054931 { padding: 19px; } /* * Facebook Connect * Author: Jeremy Hawes * Version: 2.0.2 * Support: 1littledesigner.com * Description: Facebook buttons (like, send, follow), page comments, embedded posts & embedded pages */ .fb-like { top: 4px; margin-bottom: 5px; } #wrapper_facebookConnect_stacks_in_1056549_1054933 { min-height: 10px; margin-bottom: -12px; padding-bottom: 15px; } #stacks_in_1056549_1054934 .glider-wrapper,#stacks_in_1056549_1054934 .glider-button{-webkit-transition:all 764ms ease;transition:all 764ms ease}#stacks_in_1056549_1054934 .glider-wrapper.custom-style{background-color:#222222;color:rgba(255, 255, 255, 1.00)}#stacks_in_1056549_1054934 .glider-wrapper.custom-style div,#stacks_in_1056549_1054934 .glider-wrapper.custom-style p{color:rgba(255, 255, 255, 1.00)}#stacks_in_1056549_1054934 .glider-wrapper.custom-style .glider-toggle{color:rgba(255, 255, 255, 1.00)}#stacks_in_1056549_1054934 .glider-wrapper .glider-content{padding:3.25rem 1rem}@media only screen and (min-width:40.063em){#stacks_in_1056549_1054934 .glider-wrapper .glider-content{padding:3.25rem 2.00rem}}#stacks_in_1056549_1054934 .glider-button{margin:0px}#stacks_in_1056549_1054934 .glider-button.custom-style{background-color:#222222;color:#FFFFFF}#stacks_in_1056549_1054934 .glider-button.static-width{width:100px}#stacks_in_1056549_1054934 .launcher-bar .glider-button{text-align:left}#stacks_in_1056549_1054934 .location-left .glider-button,#stacks_in_1056549_1054934 .location-right .glider-button{top:20%}#stacks_in_1056549_1054934 .location-left .glider-button.flipPosition,#stacks_in_1056549_1054934 .location-right .glider-button.flipPosition{top:auto;bottom:20%}#stacks_in_1056549_1054934 .location-top .glider-button,#stacks_in_1056549_1054934 .location-bottom .glider-button{left:20%}#stacks_in_1056549_1054934 .location-top .glider-button.flipPosition,#stacks_in_1056549_1054934 .location-bottom .glider-button.flipPosition{left:auto;right:20%}@media only screen and (min-width:40.063em){#stacks_in_1056549_1054934 .location-left .glider-wrapper.opened,#stacks_in_1056549_1054934 .location-right .glider-wrapper.opened{width:30%}#stacks_in_1056549_1054934 .location-left.slideout .glider-wrapper,#stacks_in_1056549_1054934 .location-right.slideout .glider-wrapper{width:30%}#stacks_in_1056549_1054934 .location-left .glider-button.opened{left:30%}#stacks_in_1056549_1054934 .location-left.slideout .glider-wrapper{margin-left:-30%}#stacks_in_1056549_1054934 .location-right .glider-button.opened{right:30%}#stacks_in_1056549_1054934 .location-right.slideout .glider-wrapper{margin-right:-30%}#stacks_in_1056549_1054934 .location-top .glider-wrapper.opened,#stacks_in_1056549_1054934 .location-bottom .glider-wrapper.opened{height:30%}#stacks_in_1056549_1054934 .location-top .glider-button.opened{top:30%}#stacks_in_1056549_1054934 .location-bottom .glider-button.opened{bottom:30%}} /* Font Awesome Pro * Author: Jeremy Hawes * Website: http://onelittledesigner.com * URL: http://onelittledesigner.com/rapidweaver-stack/font-awesome/ * Support: http://forum.onelittledesigner.com * Version: 2.0.0 * Description: Font Awesome Pro uses the MIT Licensed Font Awesome icon fonts and adds custom controls for RadidWeaver users with Stacks 2.0+ */ #fontAwesome_stacks_in_1056549_1054937 * {margin: 0; padding: 0;} #fontAwesome_stacks_in_1056549_1054937 .iconExtraBorder { overflow: visible; float: none !important; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: inline-block; line-height: 0 !important; } #fontAwesome_stacks_in_1056549_1054937.secondBorderOn .iconExtraBorder { border-width: 1px; border-style: solid; border-color: #000000; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } #fontAwesome_stacks_in_1056549_1054937 .fa { font-size: 50px; line-height: 50px !important; color: #CCCCCC !important; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; overflow: hidden; transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } #fontAwesome_stacks_in_1056549_1054937 .iconExtraBorder:hover .fa { font-size: 50px; line-height: 50px !important; transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } #fontAwesome_stacks_in_1056549_1054937 .iconExtraBorder { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } #fontAwesome_stacks_in_1056549_1054937 .iconExtraBorder:hover { transform: rotate(0deg ); -webkit-transform: rotate(0deg ); -moz-transform: rotate(0deg ); -ms-transform: rotate(0deg ); -o-transform: rotate(0deg ); transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } #fontAwesome_stacks_in_1056549_1054937 .fa.iconBorderOn { border-width: 1px; border-style: solid; border-color: #000000; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } #fontAwesome_stacks_in_1056549_1054937 .fa.iconSpinOn { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } #fontAwesome_stacks_in_1056549_1054937 .fa.iconShadowOn { text-shadow: 0 1px 0 #FFFFFF; } #fontAwesome_stacks_in_1056549_1054937 .fa.iconBgOn { background: #EEEEEE; } #fontAwesome_stacks_in_1056549_1054937 .textOptionOff { display: none; } #fontAwesome_stacks_in_1056549_1054937 .sliceOptionOff { display: none; } #fontAwesome_stacks_in_1056549_1054937.iconCenterOn .iconExtraBorder .fa { width: 50px; } #fontAwesome_stacks_in_1056549_1054937.iconCenterOn .iconExtraBorder { display: block !important; margin: 0 auto !important; width: 56px; } /* Hover Colors */ #fontAwesome_stacks_in_1056549_1054937.iconHoverColorsOn .iconExtraBorder:hover .fa { color: #000000 !important; } #fontAwesome_stacks_in_1056549_1054937.iconHoverColorsOn .iconExtraBorder:hover .fa.iconShadowOn { text-shadow: 0 1px 0 #FFFFFF; } #fontAwesome_stacks_in_1056549_1054937.iconHoverColorsOn .iconExtraBorder:hover .fa.iconBgOn { background: #EEEEEE; } #fontAwesome_stacks_in_1056549_1054937.iconHoverColorsOn .iconExtraBorder:hover .fa.iconBorderOn { border-color: #000000; } #fontAwesome_stacks_in_1056549_1054937.secondBorderOn.iconHoverColorsOn .iconExtraBorder:hover { border-color: #000000; } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_1056549_1054940Calligrapher{ font-size: 114% !important; color: #FFFFFF !important; font-weight: lighter !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 2px !important; word-spacing: 2 !important; text-indent:none; text-align: left !important; } .stacks_in_1056549_1054940Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold !important; } .stacks_in_1056549_1054940Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold !important; } .stacks_in_1056549_1054940Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold !important; } .stacks_in_1056549_1054940Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold !important; } .stacks_in_1056549_1054940Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold !important; } .stacks_in_1056549_1054940Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold !important; } .stacks_in_1056549_1054940Calligrapher h6, .stacks_in_1056549_1054940Calligrapher h5, .stacks_in_1056549_1054940Calligrapher h4, .stacks_in_1056549_1054940Calligrapher h3, .stacks_in_1056549_1054940Calligrapher h2, .stacks_in_1056549_1054940Calligrapher h1{ color: #333333 !important; } /* ----------------------------------------- Google ----------------------------------------- */ .stacks_in_1056549_1054940Calligrapher, .stacks_in_1056549_1054940Calligrapher h1, .stacks_in_1056549_1054940Calligrapher h2, .stacks_in_1056549_1054940Calligrapher h3, .stacks_in_1056549_1054940Calligrapher h4, .stacks_in_1056549_1054940Calligrapher h5, .stacks_in_1056549_1054940Calligrapher h6{ font-family: "Oswald" !important; } /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_1056549_1054940targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_1056549_1054940Calligrapher a:link{ color: #FFFF00 !important; text-decoration: none !important; } .stacks_in_1056549_1054940Calligrapher a:visited{ color: #FFFF00 !important; } .stacks_in_1056549_1054940Calligrapher a:active{ color: #FFFF00 !important; } .stacks_in_1056549_1054940Calligrapher a:hover{ color: #FFFFFF !important; text-decoration: underline !important; } /* End Calligrapher stack CSS code *//* Start Agent-X stack CSS code */ .stacks_in_1056549_1054944label{ display: block; background: #83c681; padding: 4px 10px 4px 10px; -webkit-border-radius: 10px; color: #ffffff; text-align: center; margin-top: 10px; } .stacks_in_1056549_1054944iPhoneContent, .stacks_in_1056549_1054944iPadContent, .stacks_in_1056549_1054944AndroidContent, .stacks_in_1056549_1054944BlackberryContent, .stacks_in_1056549_1054944DesktopContent { display: none; } .stacks_in_1056549_1054944label{ display: none; } /* End Agent-X stack CSS code */#stacks_in_1056549_1054950 .glider-wrapper,#stacks_in_1056549_1054950 .glider-button{-webkit-transition:all 764ms ease;transition:all 764ms ease}#stacks_in_1056549_1054950 .glider-wrapper.custom-style{background-color:#222222;color:rgba(255, 255, 255, 1.00)}#stacks_in_1056549_1054950 .glider-wrapper.custom-style div,#stacks_in_1056549_1054950 .glider-wrapper.custom-style p{color:rgba(255, 255, 255, 1.00)}#stacks_in_1056549_1054950 .glider-wrapper.custom-style .glider-toggle{color:rgba(255, 255, 255, 1.00)}#stacks_in_1056549_1054950 .glider-wrapper .glider-content{padding:3.25rem 1rem}@media only screen and (min-width:40.063em){#stacks_in_1056549_1054950 .glider-wrapper .glider-content{padding:3.25rem 2.00rem}}#stacks_in_1056549_1054950 .glider-button{margin:0px}#stacks_in_1056549_1054950 .glider-button.custom-style{background-color:#222222;color:#FFFFFF}#stacks_in_1056549_1054950 .glider-button.static-width{width:100px}#stacks_in_1056549_1054950 .launcher-bar .glider-button{text-align:left}#stacks_in_1056549_1054950 .location-left .glider-button,#stacks_in_1056549_1054950 .location-right .glider-button{top:30%}#stacks_in_1056549_1054950 .location-left .glider-button.flipPosition,#stacks_in_1056549_1054950 .location-right .glider-button.flipPosition{top:auto;bottom:30%}#stacks_in_1056549_1054950 .location-top .glider-button,#stacks_in_1056549_1054950 .location-bottom .glider-button{left:30%}#stacks_in_1056549_1054950 .location-top .glider-button.flipPosition,#stacks_in_1056549_1054950 .location-bottom .glider-button.flipPosition{left:auto;right:30%}@media only screen and (min-width:40.063em){#stacks_in_1056549_1054950 .location-left .glider-wrapper.opened,#stacks_in_1056549_1054950 .location-right .glider-wrapper.opened{width:40%}#stacks_in_1056549_1054950 .location-left.slideout .glider-wrapper,#stacks_in_1056549_1054950 .location-right.slideout .glider-wrapper{width:40%}#stacks_in_1056549_1054950 .location-left .glider-button.opened{left:40%}#stacks_in_1056549_1054950 .location-left.slideout .glider-wrapper{margin-left:-40%}#stacks_in_1056549_1054950 .location-right .glider-button.opened{right:40%}#stacks_in_1056549_1054950 .location-right.slideout .glider-wrapper{margin-right:-40%}#stacks_in_1056549_1054950 .location-top .glider-wrapper.opened,#stacks_in_1056549_1054950 .location-bottom .glider-wrapper.opened{height:40%}#stacks_in_1056549_1054950 .location-top .glider-button.opened{top:40%}#stacks_in_1056549_1054950 .location-bottom .glider-button.opened{bottom:40%}} /* Font Awesome Pro * Author: Jeremy Hawes * Website: http://onelittledesigner.com * URL: http://onelittledesigner.com/rapidweaver-stack/font-awesome/ * Support: http://forum.onelittledesigner.com * Version: 2.0.0 * Description: Font Awesome Pro uses the MIT Licensed Font Awesome icon fonts and adds custom controls for RadidWeaver users with Stacks 2.0+ */ #fontAwesome_stacks_in_1056549_1054953 * {margin: 0; padding: 0;} #fontAwesome_stacks_in_1056549_1054953 .iconExtraBorder { overflow: visible; float: none !important; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: inline-block; line-height: 0 !important; } #fontAwesome_stacks_in_1056549_1054953.secondBorderOn .iconExtraBorder { border-width: 1px; border-style: solid; border-color: #000000; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } #fontAwesome_stacks_in_1056549_1054953 .fa { font-size: 50px; line-height: 50px !important; color: #CCCCCC !important; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; overflow: hidden; transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } #fontAwesome_stacks_in_1056549_1054953 .iconExtraBorder:hover .fa { font-size: 50px; line-height: 50px !important; transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } #fontAwesome_stacks_in_1056549_1054953 .iconExtraBorder { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } #fontAwesome_stacks_in_1056549_1054953 .iconExtraBorder:hover { transform: rotate(0deg ); -webkit-transform: rotate(0deg ); -moz-transform: rotate(0deg ); -ms-transform: rotate(0deg ); -o-transform: rotate(0deg ); transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } #fontAwesome_stacks_in_1056549_1054953 .fa.iconBorderOn { border-width: 1px; border-style: solid; border-color: #000000; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } #fontAwesome_stacks_in_1056549_1054953 .fa.iconSpinOn { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } #fontAwesome_stacks_in_1056549_1054953 .fa.iconShadowOn { text-shadow: 0 1px 0 #FFFFFF; } #fontAwesome_stacks_in_1056549_1054953 .fa.iconBgOn { background: #EEEEEE; } #fontAwesome_stacks_in_1056549_1054953 .textOptionOff { display: none; } #fontAwesome_stacks_in_1056549_1054953 .sliceOptionOff { display: none; } #fontAwesome_stacks_in_1056549_1054953.iconCenterOn .iconExtraBorder .fa { width: 50px; } #fontAwesome_stacks_in_1056549_1054953.iconCenterOn .iconExtraBorder { display: block !important; margin: 0 auto !important; width: 56px; } /* Hover Colors */ #fontAwesome_stacks_in_1056549_1054953.iconHoverColorsOn .iconExtraBorder:hover .fa { color: #000000 !important; } #fontAwesome_stacks_in_1056549_1054953.iconHoverColorsOn .iconExtraBorder:hover .fa.iconShadowOn { text-shadow: 0 1px 0 #FFFFFF; } #fontAwesome_stacks_in_1056549_1054953.iconHoverColorsOn .iconExtraBorder:hover .fa.iconBgOn { background: #EEEEEE; } #fontAwesome_stacks_in_1056549_1054953.iconHoverColorsOn .iconExtraBorder:hover .fa.iconBorderOn { border-color: #000000; } #fontAwesome_stacks_in_1056549_1054953.secondBorderOn.iconHoverColorsOn .iconExtraBorder:hover { border-color: #000000; } #stacks_in_1056557 { background-color: rgba(51, 51, 51, 1.00); } #stacks_in_6943 { padding: 12px; } #stacks_in_10552 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_10552 .jwresp_col{float:none} #stacks_in_10552 #jwresp_col2_stacks_in_10552{position:relative;margin:0 auto;width:60%;float:none}#stacks_in_10552 #jwresp_col1_stacks_in_10552,#stacks_in_10552 #jwresp_col3_stacks_in_10552{width:18%}#stacks_in_10552 #jwresp_col1_stacks_in_10552{float:left}#stacks_in_10552 #jwresp_col3_stacks_in_10552{float:right} @media screen and (max-width:770px){#stacks_in_10552 #jwresp_col1_stacks_in_10552,#stacks_in_10552 #jwresp_col3_stacks_in_10552{margin-bottom:20px}#stacks_in_10552 #jwresp_col1_stacks_in_10552{width:49%}#stacks_in_10552 #jwresp_col3_stacks_in_10552{width:49%}#stacks_in_10552 #jwresp_col2_stacks_in_10552{clear:both;width:100%;display:block}} @media screen and (max-width:500px){#stacks_in_10552 #jwresp_col1_stacks_in_10552,#stacks_in_10552 #jwresp_col3_stacks_in_10552,#stacks_in_10552 #jwresp_col2_stacks_in_10552{float:none;width:100%;display:block}#stacks_in_10552 #jwresp_col1_stacks_in_10552,#stacks_in_10552 #jwresp_col3_stacks_in_10552{margin-bottom:20px}} /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_1804Calligrapher{ line-height: normal !important; } /* ----------------------------------------- Google ----------------------------------------- */ .stacks_in_1804Calligrapher, .stacks_in_1804Calligrapher h1, .stacks_in_1804Calligrapher h2, .stacks_in_1804Calligrapher h3, .stacks_in_1804Calligrapher h4, .stacks_in_1804Calligrapher h5, .stacks_in_1804Calligrapher h6{ font-family: "Oswald" !important; } /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_1804targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ /* End Calligrapher stack CSS code */ #stacks_in_1804 { padding: 20px; } #stacks_in_1056559 { 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_1056559 { height: px; } /* .CP_stacks_in_1056559 .custom, .CP_stacks_in_1056559 .customB{ display:none; } */ .CP_stacks_in_1056559 .customTF, .CP_stacks_in_1056559 .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_1056559 { background-color: #FFFFFF ; background: ; } .BA_stacks_in_1056559 { background-color: #FFFFFF ; background: ; } .f_stacks_in_1056559 { color: #EEEEEE !important; } .b_stacks_in_1056559 { 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 .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_1056559 .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_1056559 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_1056559 .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_1056559 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_1056559 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_1056559 .augmentFlipVertical .augmentFlipWrap, #stacks_in_1056559 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_1056559 .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_1056559 .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_1056559 .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_1056559 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_1056559 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_1056559 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_1056559 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_1056559 .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_1056559 .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_1056559 .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_1056559 .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_1056559 .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_1056559 .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_1056559 .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_1056559 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_1056559 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 600ms linear 1; animation: coinFlip 600ms linear 1; } #stacks_in_1056559 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 600ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 600ms linear 1; animation-direction: reverse; } #stacks_in_1056559 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_1056559 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_1056559 .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_1056559 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 600ms linear 1; animation: flipCard 600ms linear 1; } #stacks_in_1056559 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 600ms linear 1; animation: flipCardBack 600ms linear 1; } #stacks_in_1056559 .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_1056559 .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_1056559 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_1056559 .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_1056559 .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_1056559 .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_1056559 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_1056559 .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_1056559 { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .F_Shape_stacks_in_1056559 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } .z_stacks_in_1056559.augmentFlipped { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .B_Shape_stacks_in_1056559 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } @media screen and (max-width: 800px) { .CP_stacks_in_1056559 { 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{ } } #stacks_in_7015 .stacks_left { float:left; width:50%; } #stacks_in_7015 .stacks_right { float:right; width:48%; } #stacks_in_7017 .stacks_left { float:left; width:42%; } #stacks_in_7017 .stacks_right { float:right; width:56%; }#stacks_in_7024 .fluid-image img{width:auto;max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto;display:block;-webkit-transition:all 1s none;transition:all 1s none;border-radius:0px;}#stacks_in_7024 .fluid-image img:hover{-webkit-box-shadow:0px 0px 0px #999999;box-shadow:0px 0px 0px #999999}#stacks_in_7024 .fluid-image.unlimited img{width:100% !important}#stacks_in_7024 .fluid-image.define_max img{width:100% !important;max-width:800px !important}#stacks_in_7024 .fluid-image.align-left img{float:left}#stacks_in_7024 .fluid-image.align-right img{float:right} /* Start Fit My Video stack CSS code */ .stacks_in_7036myvideo{ position: relative; text-align: center; max-width: 5000px; margin: 0 auto 0 auto; } .stacks_in_7036dummy{ display: none; height: 0; margin: 0; padding: 0; } .alert-danger{ background-color: #f2dede; border-color: #ebcccc; color: #a94442; padding: 15px; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 4px; text-align: left; } /* End Fit My Video stack CSS code *//* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_10530Calligrapher{ line-height: normal !important; } /* ----------------------------------------- Google ----------------------------------------- */ .stacks_in_10530Calligrapher, .stacks_in_10530Calligrapher h1, .stacks_in_10530Calligrapher h2, .stacks_in_10530Calligrapher h3, .stacks_in_10530Calligrapher h4, .stacks_in_10530Calligrapher h5, .stacks_in_10530Calligrapher h6{ font-family: "Oswald" !important; } /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_10530targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ /* End Calligrapher stack CSS code */ #stacks_in_10530 { padding: 20px; } #stacks_in_10433 .stacks_left { float:left; width:49%; } #stacks_in_10433 .stacks_right { float:right; width:49%; }#stacks_in_1056562 { 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_1056562 { height: px; } /* .CP_stacks_in_1056562 .custom, .CP_stacks_in_1056562 .customB{ display:none; } */ .CP_stacks_in_1056562 .customTF, .CP_stacks_in_1056562 .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_1056562 { background-color: #FFFFFF ; background: ; } .BA_stacks_in_1056562 { background-color: #FFFFFF ; background: ; } .f_stacks_in_1056562 { color: #EEEEEE !important; } .b_stacks_in_1056562 { 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 .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_1056562 .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_1056562 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_1056562 .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_1056562 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_1056562 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_1056562 .augmentFlipVertical .augmentFlipWrap, #stacks_in_1056562 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_1056562 .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_1056562 .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_1056562 .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_1056562 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_1056562 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_1056562 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_1056562 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_1056562 .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_1056562 .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_1056562 .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_1056562 .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_1056562 .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_1056562 .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_1056562 .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_1056562 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_1056562 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 600ms linear 1; animation: coinFlip 600ms linear 1; } #stacks_in_1056562 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 600ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 600ms linear 1; animation-direction: reverse; } #stacks_in_1056562 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_1056562 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_1056562 .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_1056562 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 600ms linear 1; animation: flipCard 600ms linear 1; } #stacks_in_1056562 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 600ms linear 1; animation: flipCardBack 600ms linear 1; } #stacks_in_1056562 .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_1056562 .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_1056562 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_1056562 .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_1056562 .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_1056562 .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_1056562 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_1056562 .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_1056562 { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .F_Shape_stacks_in_1056562 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } .z_stacks_in_1056562.augmentFlipped { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .B_Shape_stacks_in_1056562 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } @media screen and (max-width: 800px) { .CP_stacks_in_1056562 { 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{ } } #stacks_in_1056565 { 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_1056565 { height: px; } /* .CP_stacks_in_1056565 .custom, .CP_stacks_in_1056565 .customB{ display:none; } */ .CP_stacks_in_1056565 .customTF, .CP_stacks_in_1056565 .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_1056565 { background-color: #FFFFFF ; background: ; } .BA_stacks_in_1056565 { background-color: #FFFFFF ; background: ; } .f_stacks_in_1056565 { color: #EEEEEE !important; } .b_stacks_in_1056565 { 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 .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_1056565 .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_1056565 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_1056565 .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_1056565 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_1056565 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_1056565 .augmentFlipVertical .augmentFlipWrap, #stacks_in_1056565 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_1056565 .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_1056565 .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_1056565 .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_1056565 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_1056565 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_1056565 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_1056565 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_1056565 .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_1056565 .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_1056565 .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_1056565 .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_1056565 .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_1056565 .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_1056565 .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_1056565 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_1056565 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 600ms linear 1; animation: coinFlip 600ms linear 1; } #stacks_in_1056565 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 600ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 600ms linear 1; animation-direction: reverse; } #stacks_in_1056565 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_1056565 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_1056565 .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_1056565 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 600ms linear 1; animation: flipCard 600ms linear 1; } #stacks_in_1056565 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 600ms linear 1; animation: flipCardBack 600ms linear 1; } #stacks_in_1056565 .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_1056565 .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_1056565 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_1056565 .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_1056565 .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_1056565 .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_1056565 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_1056565 .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_1056565 { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .F_Shape_stacks_in_1056565 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } .z_stacks_in_1056565.augmentFlipped { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .B_Shape_stacks_in_1056565 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } @media screen and (max-width: 800px) { .CP_stacks_in_1056565 { 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{ } } #stacks_in_10451 .fluid-image img{width:auto;max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto;display:block;-webkit-transition:all 1s none;transition:all 1s none;border-radius:0px;}#stacks_in_10451 .fluid-image img:hover{-webkit-box-shadow:0px 0px 0px #999999;box-shadow:0px 0px 0px #999999}#stacks_in_10451 .fluid-image.unlimited img{width:100% !important}#stacks_in_10451 .fluid-image.define_max img{width:100% !important;max-width:800px !important}#stacks_in_10451 .fluid-image.align-left img{float:left}#stacks_in_10451 .fluid-image.align-right img{float:right} #stacks_in_1056568_1 { background-color: rgba(51, 51, 51, 1.00); } #stacks_in_1056568_2 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_1056568_2 .jwresp_col{float:none} #stacks_in_1056568_2 #jwresp_col2_stacks_in_1056568_2{position:relative;margin:0 auto;width:34%;float:none}#stacks_in_1056568_2 #jwresp_col1_stacks_in_1056568_2,#stacks_in_1056568_2 #jwresp_col3_stacks_in_1056568_2{width:33%}#stacks_in_1056568_2 #jwresp_col1_stacks_in_1056568_2{float:left}#stacks_in_1056568_2 #jwresp_col3_stacks_in_1056568_2{float:right} @media screen and (max-width:770px){#stacks_in_1056568_2 #jwresp_col1_stacks_in_1056568_2,#stacks_in_1056568_2 #jwresp_col3_stacks_in_1056568_2{margin-bottom:20px}#stacks_in_1056568_2 #jwresp_col1_stacks_in_1056568_2{width:50%}#stacks_in_1056568_2 #jwresp_col3_stacks_in_1056568_2{width:50%}#stacks_in_1056568_2 #jwresp_col2_stacks_in_1056568_2{clear:both;width:100%;display:block}} @media screen and (max-width:500px){#stacks_in_1056568_2 #jwresp_col1_stacks_in_1056568_2,#stacks_in_1056568_2 #jwresp_col3_stacks_in_1056568_2,#stacks_in_1056568_2 #jwresp_col2_stacks_in_1056568_2{float:none;width:100%;display:block}#stacks_in_1056568_2 #jwresp_col1_stacks_in_1056568_2,#stacks_in_1056568_2 #jwresp_col3_stacks_in_1056568_2{margin-bottom:20px}} .ace_tableeditclass { vertical-align: top; border: 1px dashed red; padding: 5px; width: 95%; border-radius: 6px; } .ace_tableclass { vertical-align: top; } .ace_blockeditclass { vertical-align: top; border: 1px dashed red; padding: 5px; border-radius: 6px; } .ace_blockclass { vertical-align: top; border: none; padding: 5px; } .message { padding: 5px; color: green; } .error { padding: 5px; color: red; } .datatypeprompt { font-size: x-small; } ./* Start Smart Image stack CSS code */ #stacks_in_1056568_6{ text-align: center; } #stacks_in_1056568_6 figure a img{ cursor: pointer !important; } .stacks_in_1056568_6responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_1056568_6responsive img, .stacks_in_1056568_6warehouseImage img { max-width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_1056568_6hiddenimage{ display: none; } .stacks_in_1056568_6warehouseImage{ display: none; } /* End Smart Image stack CSS code */ #stacks_in_1056568_6 { padding: 20px; } #stacks_in_1056568_38 iframe { -webkit-transition: height 0.1s; /* Safari */ transition: height 0.1s; } .yd-modal{position:fixed;top:50%;left:50%;width:50%;max-width:630px;min-width:320px;height:auto;z-index:2000;opacity:0;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.yd-modal-show{opacity:1;visibility:visible}.yd-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background:rgba(0,0,0,0.8);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.yd-modal-show ~ .yd-overlay{opacity:1;visibility:visible}.yd-content{color:#777;background:#fff;position:relative;border-radius:3px;margin:0 auto;text-align:center}.yd-content h3{margin:0;padding:0.4em;text-align:center;font-size:24px;font-weight:500;border-bottom:1px solid #f2f2f2;border-radius:3px 3px 0 0}.yd-modal.error .yd-content h3{color:red}.yd-modal.success .yd-content h3{color:green}.yd-content>div{padding:15px 40px 30px;margin:0;font-weight:300}.yd-content>div p{margin:0;padding:10px 0}.yd-content>div ul{margin:0;padding:0 0 30px 20px}.yd-content>div ul li{padding:5px 0}.yd-content button{display:block;margin:10px auto !important;min-width:200px}.yd-effect-1 .yd-content{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.yd-modal-show.yd-effect-1 .yd-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.yd-effect-2 .yd-content{-webkit-transform:translateX(20%);-moz-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);opacity:0;-webkit-transition:all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);-moz-transition:all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);transition:all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9)}.yd-modal-show.yd-effect-2 .yd-content{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}.yd-effect-3 .yd-content{-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);transform:translateY(20%);opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.yd-modal-show.yd-effect-3 .yd-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.yd-effect-4 .yd-content{-webkit-transform:scale(0) rotate(720deg);-moz-transform:scale(0) rotate(720deg);-ms-transform:scale(0) rotate(720deg);transform:scale(0) rotate(720deg);opacity:0}.yd-modal-show.yd-effect-4 ~ .yd-overlay,.yd-effect-4 .yd-content{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.yd-modal-show.yd-effect-4 .yd-content{-webkit-transform:scale(1) rotate(0deg);-moz-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);opacity:1}.yd-effect-7{top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.yd-effect-7 .yd-content{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;opacity:0}.yd-modal-show.yd-effect-7 .yd-content{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);border-radius:0 0 3px 3px;opacity:1}.yd-effect-11 .yd-content{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.yd-modal-show.yd-effect-11 .yd-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.yd-effect-12 .yd-content{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.yd-modal-show.yd-effect-12 ~ .yd-overlay{background:#e74c3c}.yd-effect-12 .yd-content h3,.yd-effect-12 .yd-content{background:transparent}.yd-modal-show.yd-effect-12 .yd-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.yd-modal-show.yd-effect-16 ~ .yd-overlay{background:rgba(180,46,32,0.5)}.yd-modal-show.yd-effect-16 ~ .container{-webkit-filter:blur(3px);-moz-filter:blur(3px);filter:blur(3px)}.yd-effect-16 .yd-content{-webkit-transform:translateY(-5%);-moz-transform:translateY(-5%);-ms-transform:translateY(-5%);transform:translateY(-5%);opacity:0}.yd-modal-show.yd-effect-16 ~ .container,.yd-effect-16 .yd-content{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.yd-modal-show.yd-effect-16 .yd-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1} button.yd-btn,button[data-action="clear"],button[data-action="undo"]{border:1px solid rgba(0,0,0,0.2);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.04);background:#fff;padding:10px;border-radius:4px;margin-right:5px;font-size:15px;cursor:pointer}button.yd-btn i,button[data-action="clear"] i,button[data-action="undo"] i{font-size:15px}button.yd-btn:focus,button[data-action="clear"]:focus,button[data-action="undo"]:focus{outline:none;box-shadow:none} #stacks_in_1056568_35 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_1056568_35 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_1056568_35 #jwresp_col2_stacks_in_1056568_35{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_1056568_35 #jwresp_col1_stacks_in_1056568_35,#stacks_in_1056568_35 #jwresp_col2_stacks_in_1056568_35{width:100%;float:none;display:block}#stacks_in_1056568_35 #jwresp_col1_stacks_in_1056568_35{margin-bottom:15px}} #stacks_in_1056568_28 .flat_button_2_alignment { font-size: 18px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } #stacks_in_1056568_28 a, #stacks_in_1056568_28 a:visited { /* Button text alignment fix v2.0.1 */ text-align: center; display: inline-block; border-radius: 4px; overflow: hidden; height: 40px; line-height: 40px; text-decoration: none; border-width: 0px; border-style: solid; border-color: rgba(0, 84, 123, 1.00); } #stacks_in_1056568_28 a .flat_button_2_text { padding-left: 20px; padding-right: 20px; text-align: center !important; } #stacks_in_1056568_28 a i, #stacks_in_1056568_28 a:visited i { font-size: 20px; display: inline-block; text-align: center; width: 40px; height: 40px; line-height: 40px; float: left; } /* Flat Color Mode */ #stacks_in_1056568_28 a, #stacks_in_1056568_28 a:visited { background-color: rgba(76, 76, 76, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1056568_28 a:hover, #stacks_in_1056568_28 a:active { background-color: rgba(2, 90, 165, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1056568_28 a i, #stacks_in_1056568_28 a:visited i { background-color: rgba(2, 90, 165, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_1056568_28 a:hover i, #stacks_in_1056568_28 a:active i { background-color: rgba(0, 71, 132, 1.00); color: rgba(255, 255, 255, 1.00); } /* Responsive Width Mode */ @media (max-width: 47.9em) { #stacks_in_1056568_28 a, #stacks_in_1056568_28 a:visited { width: 100%; } } #stacks_in_1056568_29 .flat_button_2_alignment { font-size: 18px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } #stacks_in_1056568_29 a, #stacks_in_1056568_29 a:visited { /* Button text alignment fix v2.0.1 */ text-align: center; display: inline-block; border-radius: 4px; overflow: hidden; height: 40px; line-height: 40px; text-decoration: none; border-width: 0px; border-style: solid; border-color: rgba(0, 84, 123, 1.00); } #stacks_in_1056568_29 a .flat_button_2_text { padding-left: 20px; padding-right: 20px; text-align: center !important; } #stacks_in_1056568_29 a i, #stacks_in_1056568_29 a:visited i { font-size: 20px; display: inline-block; text-align: center; width: 40px; height: 40px; line-height: 40px; float: left; } /* Flat Color Mode */ #stacks_in_1056568_29 a, #stacks_in_1056568_29 a:visited { background-color: rgba(76, 76, 76, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1056568_29 a:hover, #stacks_in_1056568_29 a:active { background-color: rgba(2, 90, 165, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1056568_29 a i, #stacks_in_1056568_29 a:visited i { background-color: rgba(2, 90, 165, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_1056568_29 a:hover i, #stacks_in_1056568_29 a:active i { background-color: rgba(0, 71, 132, 1.00); color: rgba(255, 255, 255, 1.00); } /* Responsive Width Mode */ @media (max-width: 47.9em) { #stacks_in_1056568_29 a, #stacks_in_1056568_29 a:visited { width: 100%; } } /* Start doobox Chauffeur css */ .stacks_in_4656wrapper{ width: 50px; margin: 0 auto; display : none; opacity:0.7; } .stacks_in_4656bulter{ cursor: pointer; border: 1px solid #1F1F1F; background: #333333; width: 50px; height: 50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #EEEEEE; text-align: center; line-height: 50px; margin: 5px; z-index: 1000001; background: #333333; } .stacks_in_4656bulter i { display: block; margin: 0 auto 0 auto; font-size: 20px; line-height: 48px; vertical-align: middle; } .stacks_in_4656bulter:hover{ color: #DADADA; background: #424242; /* Old browsers */ } /* end doobox Chauffeur css */