@-webkit-keyframes animatedJackBackgroundtoTop{from{background-position:0 0}to{background-position:0 -500%}}@-moz-keyframes animatedJackBackgroundtoTop{from{background-position:0 0}to{background-position:0 -500%}}@keyframes animatedJackBackgroundtoTop{from{background-position:0 0}to{background-position:0 -500%}}@-webkit-keyframes animatedJackBackgroundtoBottom{from{background-position:0 0}to{background-position:0 500%}}@-moz-keyframes animatedJackBackgroundtoBottom{from{background-position:0 0}to{background-position:0 500%}}@keyframes animatedJackBackgroundtoBottom{from{background-position:0 0}to{background-position:0 500%}}@-webkit-keyframes animatedJackBackgroundtoRight{from{background-position:0 0}to{background-position:500% 0}}@-moz-keyframes animatedJackBackgroundtoRight{from{background-position:0 0}to{background-position:500% 0}}@keyframes animatedJackBackgroundtoRight{from{background-position:0 0}to{background-position:500% 0}}@-webkit-keyframes animatedJackBackgroundtoLeft{from{background-position:0 0}to{background-position:-500% 0}}@-moz-keyframes animatedJackBackgroundtoLeft{from{background-position:0 0}to{background-position:-500% 0}}@keyframes animatedJackBackgroundtoLeft{from{background-position:0 0}to{background-position:-500% 0}}@-webkit-keyframes animatedJackBackgroundtoBottomRight{from{background-position:0 0}to{background-position:500% 500%}}@-moz-keyframes animatedJackBackgroundtoBottomRight{from{background-position:0 0}to{background-position:500% 500%}}@keyframes animatedJackBackgroundtoBottomRight{from{background-position:0 0}to{background-position:500% 500%}}@-webkit-keyframes animatedJackBackgroundtoTopRight{from{background-position:0 0}to{background-position:500% -500%}}@-moz-keyframes animatedJackBackgroundtoTopRight{from{background-position:0 0}to{background-position:500% -500%}}@keyframes animatedJackBackgroundtoTopRight{from{background-position:0 0}to{background-position:500% -500%}}@-webkit-keyframes animatedJackBackgroundtoTopLeft{from{background-position:0 0}to{background-position:-500% -500%}}@-moz-keyframes animatedJackBackgroundtoTopLeft{from{background-position:0 0}to{background-position:-500% -500%}}@keyframes animatedJackBackgroundtoTopLeft{from{background-position:0 0}to{background-position:-500% -500%}}@-webkit-keyframes animatedJackBackgroundtoBottomLeft{from{background-position:0 0}to{background-position:-500% 500%}}@-moz-keyframes animatedJackBackgroundtoBottomLeft{from{background-position:0 0}to{background-position:-500% 500%}}@keyframes animatedJackBackgroundtoBottomLeft{from{background-position:0 0}to{background-position:-500% 500%}}.com_joeworkman_stacks_jack4_stack>.jack{margin:0;padding:0;border:0;background:0;background-color:transparent;position:relative;display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.com_joeworkman_stacks_jack4_stack>.jack.align-center{margin-left:auto!important;margin-right:auto!important}.com_joeworkman_stacks_jack4_stack>.jack.align-right{margin-left:auto!important}.com_joeworkman_stacks_jack4_stack>.jack.align-left{margin-right:auto!important}.com_joeworkman_stacks_jack4_stack>.jack.touch-device{background-attachment:scroll!important}.com_joeworkman_stacks_jack4_stack>.jack.bg-image{background-size:auto}.com_joeworkman_stacks_jack4_stack>.jack.bg-image.glass{z-index:1}.com_joeworkman_stacks_jack4_stack>.jack.bg-image.glass::after{background-size:auto;content:"";top:0;left:0;bottom:0;right:0;height:100%;position:absolute;z-index:-1}.com_joeworkman_stacks_jack4_stack>.jack.bg-image.bg-size-cover,.com_joeworkman_stacks_jack4_stack>.jack.bg-image.bg-size-cover.glass::after{background-size:cover}.com_joeworkman_stacks_jack4_stack>.jack.bg-image.bg-size-contain,.com_joeworkman_stacks_jack4_stack>.jack.bg-image.bg-size-contain.glass::after{background-size:contain}.com_joeworkman_stacks_jack4_stack>.jack.bg-image.bg-size-fill,.com_joeworkman_stacks_jack4_stack>.jack.bg-image.bg-size-fill.glass::after{background-size:100% 100%}.com_joeworkman_stacks_jack4_stack>.jack.corner-shadow::before,.com_joeworkman_stacks_jack4_stack>.jack.corner-shadow::after,.com_joeworkman_stacks_jack4_stack>.jack.peek-shadow::before,.com_joeworkman_stacks_jack4_stack>.jack.peek-shadow::after{z-index:-1;position:absolute;content:"";height:auto;background-color:transparent}.com_joeworkman_stacks_jack4_stack>.jack.corner-shadow::before,.com_joeworkman_stacks_jack4_stack>.jack.corner-shadow::after{width:50%;top:50%} .com_joeworkman_stacks_jack4_stack>.jack.scroll-x{overflow-x:auto!important;white-space:nowrap;-webkit-overflow-scrolling:touch}.com_joeworkman_stacks_jack4_stack>.jack.scroll-x>.stacks_out{display:inline-block;white-space:nowrap}.com_joeworkman_stacks_jack4_stack>.jack.scroll-y{overflow-y:auto!important;-webkit-overflow-scrolling:touch} /* Styling for Preview Mode & Publishing */ /** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ #stacks_in_15368 .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; } #stacks_in_15368 .bx-wrapper img { max-width: 100%; height: auto; display: block; } /** THEME ===================================*/ #stacks_in_15368 .bx-wrapper .bx-viewport { } #stacks_in_15368 .bx-wrapper .bx-pager, #stacks_in_15368 .bx-wrapper .bx-controls-auto { position: absolute; bottom: 20px; width: 100%; z-index: 200; } /* LOADER */ #stacks_in_15368 .bx-wrapper .bx-loading { min-height: 50px; background: url(../files/orbit-images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 200; } /* Only add pagination CSS if toggled on in settings. */ /* PAGER */ #stacks_in_15368 .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } #stacks_in_15368 .bx-wrapper .bx-pager .bx-pager-item, #stacks_in_15368 .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } #stacks_in_15368 .bx-wrapper .bx-pager.bx-default-pager a { background: #E0E0E0; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #stacks_in_15368 .bx-wrapper .bx-pager.bx-default-pager a:hover, #stacks_in_15368 .bx-wrapper .bx-pager.bx-default-pager a.active { background: #C3C3C3; } /* Only add arrow CSS if toggled on in settings. */ /* DIRECTION CONTROLS (NEXT / PREV) */ #stacks_in_15368 .bx-wrapper .bx-prev, #stacks_in_15368 .bx-wrapper .bx-next, #stacks_in_15368 .bx-wrapper .bx-pager, #stacks_in_15368 .bx-wrapper .bx-pager-item, #stacks_in_15368 .bx-wrapper .bx-pager-item a { border: none; } #stacks_in_15368 .bx-wrapper .bx-prev { left: 10px; background: url(../files/orbit-images/controls.png) no-repeat 0 -32px; } #stacks_in_15368 .bx-wrapper .bx-next { right: 10px; background: url(../files/orbit-images/controls.png) no-repeat -43px -32px; } #stacks_in_15368 .bx-wrapper .bx-prev:hover { background-position: 0 0; } #stacks_in_15368 .bx-wrapper .bx-next:hover { background-position: -43px 0; } #stacks_in_15368 .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 301; } #stacks_in_15368 .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* Hide navigation arrows if toggled off in settings. */ /* AUTO CONTROLS (START / STOP) */ #stacks_in_15368 .bx-wrapper .bx-controls-auto { text-align: center; } #stacks_in_15368 .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../files/orbit-images/controls.png) -86px -11px no-repeat; margin: 0 3px; } #stacks_in_15368 .bx-wrapper .bx-controls-auto .bx-start:hover, #stacks_in_15368 .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } #stacks_in_15368 .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../files/orbit-images/controls.png) -86px -44px no-repeat; margin: 0 3px; } #stacks_in_15368 .bx-wrapper .bx-controls-auto .bx-stop:hover, #stacks_in_15368 .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ #stacks_in_15368 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } #stacks_in_15368 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ #stacks_in_15368 .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } #stacks_in_15368 .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } #stacks_in_15368 ul.bxslider, #stacks_in_15368 ul.bxslider li { list-style: none !important; padding: 0 !important; margin: 0 !important; } /* Styling for Edit Mode within Stacks */ #stacks_in_246 .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_246 .fluid-image img:hover{-webkit-box-shadow:0px 0px 0px #999999;box-shadow:0px 0px 0px #999999}#stacks_in_246 .fluid-image.unlimited img{width:100% !important}#stacks_in_246 .fluid-image.define_max img{width:100% !important;max-width:180px !important}#stacks_in_246 .fluid-image.align-left img{float:left}#stacks_in_246 .fluid-image.align-right img{float:right} #stacks_in_246 { margin: 0px 0px 10px 0px; } /* Start dooHeader X stack CSS code */ .stacks_in_8x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_8x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_8x{ text-align: center !important; } } /* End dooHeader X stack CSS code */ #stacks_in_8 { margin: 0px 0px 20px 0px; } /* Start dooText X stack CSS code */ .stacks_in_365x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_365x{ text-align: left !important; } } @media (max-width:480px) { .stacks_in_365x{ text-align: center !important; } } /* End dooText X stack CSS code */ #stacks_in_365 { margin: 0px 0px 40px 0px; } /* Start dooHeader X stack CSS code */ .stacks_in_285783x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_285783x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_285783x{ text-align: center !important; } } /* End dooHeader X stack CSS code */ #stacks_in_285783 { margin: 0px 0px 20px 0px; } /* Start dooText X stack CSS code */ .stacks_in_285785x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_285785x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_285785x{ text-align: center !important; } } /* End dooText X stack CSS code */#stacks_in_285770{ padding-right:10.00%;padding-left:10.00%; }#stacks_in_285770>.jack{margin:0px;padding:0px;border-color:#C11520;border-width:4px;border-style:solid;border-radius:5px;background-attachment:scroll;background-clip:padding-box!important;background-origin:padding-box!important}#stacks_in_285770>.jack.width-minmax{min-width:100px;max-width:800px}#stacks_in_285770>.jack.width-static{width:500px}#stacks_in_285770>.jack.width-flexible{width:100%}#stacks_in_285770>.jack.margin-detailed{margin:20.00% 10.00% 20.00% 10.00%}#stacks_in_285770>.jack.padding-detailed{padding:5.00px 15.00px 5.00px 15.00px}#stacks_in_285770>.jack.rotate{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);transform:rotate(5deg)}#stacks_in_285770>.jack.border-detailed-width{border-width:0.00px 0.00px 0.00px 0.00px}#stacks_in_285770>.jack.border-detailed-style{border-style:solid solid solid solid}#stacks_in_285770>.jack.border-image{-webkit-border-image:url() 70 repeat;border-image:url() 70 repeat;border-style:solid}#stacks_in_285770>.jack::after{border-radius:5px}#stacks_in_285770>.jack.border-detailed-radius,#stacks_in_285770>.jack.border-detailed-radius::after{border-radius:0.00px 0.00px 0.00px 0.00px}#stacks_in_285770>.jack.bg-animate{-webkit-animation:animatedJackBackgroundtoRight 200s linear infinite;-moz-animation:animatedJackBackgroundtoRight 200s linear infinite;animation:animatedJackBackgroundtoRight 200s linear infinite}#stacks_in_285770>.jack.bg-color{background-color:#FFFFFF}#stacks_in_285770>.jack.bg-gradient{background-color:#89C5FF}#stacks_in_285770>.jack.bg-image:not(.glass){background-image:url();background-repeat:repeat; background-position:left top;}#stacks_in_285770>.jack.bg-image:not(.glass).bg-size-static{background-size:300px}#stacks_in_285770>.jack.bg-image:not(.glass).bg-size-fluid{background-size:100%}#stacks_in_285770>.jack.bg-image:not(.glass).bg-warehouse{background-image:url()}#stacks_in_285770>.jack.bg-image:not(.glass).bg-fallback{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_285770>.jack.bg-image:not(.glass){}#stacks_in_285770>.jack.bg-image:not(.glass).bg-warehouse{}}#stacks_in_285770>.jack.bg-image.glass.after,#stacks_in_285770>.jack.bg-image.glass::after{opacity:0.70;background-attachment:scroll;background-clip:padding-box!important;background-origin:padding-box!important;padding:0px;background-image:url();background-repeat:repeat; background-position:left top;}#stacks_in_285770>.jack.bg-image.glass.after.padding-detailed,#stacks_in_285770>.jack.bg-image.padding-detailed.glass::after{padding:5.00px 15.00px 5.00px 15.00px}#stacks_in_285770>.jack.bg-image.glass.after.bg-size-static,#stacks_in_285770>.jack.bg-image.bg-size-static.glass::after{background-size:300px}#stacks_in_285770>.jack.bg-image.glass.after.bg-size-fluid,#stacks_in_285770>.jack.bg-image.bg-size-fluid.glass::after{background-size:100%}#stacks_in_285770>.jack.bg-image.glass.after.bg-warehouse,#stacks_in_285770>.jack.bg-image.bg-warehouse.glass::after{background-image:url()} #stacks_in_285770>.jack.bg-image.glass.after.bg-fallback,#stacks_in_285770>.jack.bg-image.bg-fallback.glass::after{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_285770>.jack.bg-image.glass.after,#stacks_in_285770>.jack.bg-image.glass::after{}#stacks_in_285770>.jack.bg-image.glass.after.bg-warehouse,#stacks_in_285770>.jack.bg-image.bg-warehouse.glass::after{}}#stacks_in_285770>.jack.drop-shadow{box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50)}#stacks_in_285770>.jack.inset-shadow{box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_285770>.jack.drop-shadow.inset-shadow{box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_285770>.jack.corner-shadow.corner-shadow-left::before{max-width:300px;bottom:15px;box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);left:10px;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}#stacks_in_285770>.jack.corner-shadow.corner-shadow-right::after{max-width:300px;bottom:15px;box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);right:10px;left:auto;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}#stacks_in_285770>.jack.peek-shadow::before,#stacks_in_285770>.jack.peek-shadow::after{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);top:0%;bottom:0%;left:5px;right:5px;border-radius:100px/10px}#stacks_in_285770>.jack.peek-shadow::after{right:5px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)} #stacks_in_285770>.jack{overflow:visible;}#stacks_in_285770>.jack.height-static{height:100px}#stacks_in_285770>.jack.height-minmax{min-height:100px;max-height:800px} /* Start dooHeader X stack CSS code */ .stacks_in_285772x{ display: block !important; text-align: center !important; color: #191919 !important; } .stacks_in_285772x a,.stacks_in_285772x a:visited,.stacks_in_285772x a:active{ color: #191919 !important; } .stacks_in_285772x a:hover{ color: #323232 !important; } @media (max-width:768px) { .stacks_in_285772x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_285772x{ text-align: center !important; } } /* End dooHeader X stack CSS code */ #stacks_in_285772 { margin: 0px 0px 20px 0px; } /* Start dooHeader X stack CSS code */ .stacks_in_8745x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_8745x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_8745x{ text-align: center !important; } } /* End dooHeader X stack CSS code */ #stacks_in_8745 { margin: 30px 0px 20px 0px; } /* Start dooText X stack CSS code */ .stacks_in_8750x{ display: block !important; text-align: left !important; } @media (max-width:768px) { .stacks_in_8750x{ text-align: left !important; } } @media (max-width:480px) { .stacks_in_8750x{ text-align: center !important; } } /* End dooText X stack CSS code */ #stacks_in_8750 { margin: 0px 0px 20px 0px; } /* Start Button Press stack CSS code */ #stacks_in_285768{ text-align: center !important; } .stacks_in_285768dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:inherit; border: 2px solid #555555; color:#555555; font-size:100% !important; font-weight:bold !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; padding: 10px 20px 10px 20px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_285768dooabutton:hover { color:; border-color: #414141; color:#414141; } /* End Button Press stack CSS code */ #stacks_in_285768 { margin: 0px 0px 30px 0px; } /* Start dooHeader X stack CSS code */ .stacks_in_285775x{ display: block !important; text-align: center !important; color: #FFFFFF !important; } .stacks_in_285775x a,.stacks_in_285775x a:visited,.stacks_in_285775x a:active{ color: #FFFFFF !important; } .stacks_in_285775x a:hover{ color: #FFFFFF !important; } @media (max-width:768px) { .stacks_in_285775x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_285775x{ text-align: center !important; } } /* End dooHeader X stack CSS code */ #stacks_in_285775 { margin: 20px 0px 10px 0px; } /* Start Launcher stack CSS code */ #stacks_in_285777 img{ max-width: 100%; height: auto; } .stacks_in_285777lightbox{ cursor: pointer; } .stacks_in_285777lightboxContents{ display: none; } .stacks_in_285777launcherWrapper{ border: 6px solid #E24159; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .stacks_in_285777launcherWrapper a{ text-decoration: none; } .stacks_in_285777help{ display: none; border-left: 6px solid #E24159; border-right: 6px solid #E24159; background: #3398DB; color: #fff; padding: 20px; font-size: 14px; padding-left: 50px; } .stacks_in_285777helpTitle{ font-size: 1.4em; font-weight: bold; } .stacks_in_285777launcherLabel{ display: block; position: absolute; top:0; left: 0; z-index: 1000001; } .stacks_in_285777galleryLabel{ display: block; position: absolute; top:0; left: 0; z-index: 1000001; } .stacks_in_285777helpLabel{ display: block; position: absolute; top:3px; left: 0; z-index: 1000001; } /* ------ venobox.css --------*/ .vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{ -webkit-backface-visibility: hidden; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} body{ -webkit-overflow-scrolling:touch; } /* ------- overlay: change here background color and opacity ----- */ .vbox-overlay{ background: rgba(0,0,0,0.85); width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 1000002; overflow: hidden; opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .relativo{ float: left; width: 100%; height: 100%; display: block; position: relative; } /* ----- preloader ----- */ .vbox-preloader{ position:fixed; width:36px; height:36px; left:50%; top:50%; margin-left:-18px; margin-top:-18px; background: url(../files/launcherAssets/preload.gif) center center no-repeat; text-indent: -100px; overflow: hidden; } /* ----- navigation ----- */ .vbox-close{ cursor: pointer; position: fixed; top: -1px; right: 0; width: 46px; height: 40px; padding: 10px 20px 10px 0; display: block; background: url(../files/launcherAssets/close.gif) no-repeat #161617; background-position:10px center; color: #fff; text-indent: -100px; overflow: hidden; } .vbox-next, .vbox-prev{ cursor: pointer; position: fixed; top: 50%; color: #fff; width: 30px; height: 30px; margin-top: -15px; text-indent: -100px; overflow: hidden; } .vbox-prev{ left: 10px; background: url(../files/launcherAssets/prev.gif) center center no-repeat; } .vbox-next{ right: 10px; background: url(../files/launcherAssets/next.gif) center center no-repeat; } .vbox-title{ width: 100%; height: 40px; float: left; text-align: center; line-height: 28px; font-size: 12px; color: #fff; padding: 6px 40px; overflow: hidden; background: #161617; position: fixed; display: none; top: -1px; left: 0; } .vbox-num{ cursor: pointer; position: fixed; top: -1px; left: 0; height: 40px; display: block; color: #fff; overflow: hidden; line-height: 28px; font-size: 12px; padding: 6px 10px; background: #161617; display: none; } /* ------- inline window ------ */ .vbox-inline{ display: inline-block; padding: 10px; background: #fff; text-align: left; margin: 0 auto; overflow: scroll; } /* ------- Video window ------ */ .videoframe{ width: 420px; padding: 10px; background: #fff; text-align: left; margin: 0 auto; overflow: scroll; } /* ------- Video & iFrames window ------ */ .venoframe{ border: none; width: 960px; height: 720px; overflow: scroll; } @media (max-width: 992px) { .venoframe{ width: 640px; height: 480px; } } @media (max-width: 767px) { .venoframe{ width: 420px; height: 315px; } } @media (max-width: 460px) { .vbox-inline{ width: 100%; } .venoframe{ width: 100%; height: 260px; } } /* ------- PLease do NOT edit this! (or do it at your own risk) ------ */ .vbox-container{ position: relative; background: #000; width: 98%; max-width: 1024px; margin: 0 auto; } .stacks_in_285777vbox-content{ text-align: center; float: left; width: 100%; position: relative; overflow: hidden; } .vbox-container img{ max-width: 100%; height: auto; } .vwrap{ opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; width: 100%; float: left; position: relative; margin: 0; padding: 0; left: 0; height: auto; overflow: hidden; z-index: 1000001; } /* End Launcher stack CSS code */ #stacks_in_285777 { margin: 0px 0px 20px 0px; } /* Start Button Press stack CSS code */ #stacks_in_285778{ text-align: center !important; } .stacks_in_285778dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:inherit; border: 3px solid #FFFFFF; color:#FFFFFF; font-size:100% !important; font-weight:bold !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; padding: 10px 20px 10px 20px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_285778dooabutton:hover { color:; border-color: #EBEBEB; color:#EBEBEB; } /* End Button Press stack CSS code */ #stacks_in_285778 { margin: 0px 0px 30px 0px; } /* Start Launcher Video stack CSS code */ .stacks_in_285780center{ display: block; margin: 0 auto 0 auto; } .stacks_in_285780editWrapper{ border: 6px solid #95A5A5; padding: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: url("../files/geometry.png"); margin: 10px; } #stacks_in_285780 img{ max-width: 100%; height: auto; } .stacks_in_285780iframeLabel{ display: block; position: absolute; top:0; left: 0; z-index: 1000001; } .stacks_in_285780pathLabel{ display: block; position: absolute; top:10px; right: 10px; z-index: 1000001; font-size: 12px; } .stacks_in_285780pathLabel:not(:empty){ padding: 3px 10px 3px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #95A5A5; color: #fff; max-width: 50%; text-align: right; overflow: hidden; } .stacks_in_285780pathLabel:empty:before{ content:"Add a URL"; padding: 3px 10px 3px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #E0415A; color: #fff; max-width: 50%; text-align: right; overflow: hidden; } /* End Launcher Video stack CSS code */#stacks_in_13624_14378 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_13624_14378 .jwresp_col{float:none} #stacks_in_13624_14378 #jwresp_col2_stacks_in_13624_14378{position:relative;margin:0 auto;width:34%;float:none}#stacks_in_13624_14378 #jwresp_col1_stacks_in_13624_14378,#stacks_in_13624_14378 #jwresp_col3_stacks_in_13624_14378{width:31%}#stacks_in_13624_14378 #jwresp_col1_stacks_in_13624_14378{float:left}#stacks_in_13624_14378 #jwresp_col3_stacks_in_13624_14378{float:right} @media screen and (max-width:500px){#stacks_in_13624_14378 #jwresp_col1_stacks_in_13624_14378,#stacks_in_13624_14378 #jwresp_col3_stacks_in_13624_14378,#stacks_in_13624_14378 #jwresp_col2_stacks_in_13624_14378{float:none;width:100%;display:block}#stacks_in_13624_14378 #jwresp_col1_stacks_in_13624_14378,#stacks_in_13624_14378 #jwresp_col3_stacks_in_13624_14378{margin-bottom:30px}} /* Start dooHeader X stack CSS code */ .stacks_in_13624_13580x{ display: block !important; text-align: center !important; font-weight:200 !important; } @media (max-width:768px) { .stacks_in_13624_13580x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_13624_13580x{ text-align: center !important; } } /* End dooHeader X stack CSS code */ #stacks_in_13624_13580 { margin: 0px 0px 5px 0px; } #stacks_in_13624_13581 { letter-spacing: 2px; } /* start image list from doobox css */ #stacks_in_13624_1679 .stacks_in_13624_1679imagelist { position: relative; list-style: none; list-style-type: none; margin:12px 0; z-index:1; } #stacks_in_13624_1679 .stacks_in_13624_1679listIcon { position: relative; float:left; z-index: 2; } #stacks_in_13624_1679 .stacks_in_13624_1679listIcon img{ width:43px; height: auto; } #stacks_in_13624_1679 .stacks_in_13624_1679listTitle { margin-left:59px; padding-bottom: 10px; font-weight: bold; font-size: 100%; } #stacks_in_13624_1679 .stacks_in_13624_1679listContent { display: none; margin-left:59px; padding-top: 0px; padding-bottom: 18px; } .stacks_in_13624_1679breaker{ margin: 0; padding: 0; height: 1px; clear: both; } /* end image list from doobox css */ /* Start dooHeader X stack CSS code */ .stacks_in_13624_13610x{ display: block !important; text-align: center !important; font-weight:200 !important; } @media (max-width:768px) { .stacks_in_13624_13610x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_13624_13610x{ text-align: center !important; } } /* End dooHeader X stack CSS code */ #stacks_in_13624_13610 { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 20px; } #stacks_in_13624_13611 { letter-spacing: 2px; } /* start image list from doobox css */ #stacks_in_13624_20738 .stacks_in_13624_20738imagelist { position: relative; list-style: none; list-style-type: none; margin:12px 0; z-index:1; } #stacks_in_13624_20738 .stacks_in_13624_20738listIcon { position: relative; float:left; z-index: 2; } #stacks_in_13624_20738 .stacks_in_13624_20738listIcon img{ width:43px; height: auto; } #stacks_in_13624_20738 .stacks_in_13624_20738listTitle { margin-left:59px; padding-bottom: 10px; font-weight: bold; font-size: 100%; } #stacks_in_13624_20738 .stacks_in_13624_20738listContent { display: none; margin-left:59px; padding-top: 0px; padding-bottom: 18px; } .stacks_in_13624_20738breaker{ margin: 0; padding: 0; height: 1px; clear: both; } /* end image list from doobox css */ /* START ICONZ CSS */ #stacks_in_13624_9552 i { font-size: 2em; line-height: normal !important; color: #434343 !important; text-align:center; } #stacks_in_13624_9552 { text-align: center; } #stacks_in_13624_9552 a{ text-decoration: none; } #stacks_in_13624_9552 a i:hover{ color: #525252 !important; } #stacks_in_13624_9552 .stacks_in_13624_9552quicklook{ display: none; text-align: left; background: #F1F9F7; padding: 10px; border: 1px solid #D8E2E0; margin-top: 10px; color: #1D9D74 !important; } #stacks_in_13624_9552 .stacks_in_13624_9552quicklook i{ font-size: 1em !important; line-height: normal !important; color: #1D9D74 !important; background: none !important; } #stacks_in_13624_9552 .stacks_in_13624_9552quicklook i:before{ background: none !important; } /* END ICONS CSS */ #stacks_in_13624_9552 { margin: 0px 0px 10px 0px; } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_13624_9553Calligrapher{ font-size: 200% !important; color: #434343 !important; font-weight: normal !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0px !important; word-spacing: 0 !important; text-indent:none; text-align: center !important; } .stacks_in_13624_9553Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold !important; } .stacks_in_13624_9553Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold !important; } .stacks_in_13624_9553Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold !important; } .stacks_in_13624_9553Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold !important; } .stacks_in_13624_9553Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold !important; } .stacks_in_13624_9553Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold !important; } .stacks_in_13624_9553Calligrapher h6, .stacks_in_13624_9553Calligrapher h5, .stacks_in_13624_9553Calligrapher h4, .stacks_in_13624_9553Calligrapher h3, .stacks_in_13624_9553Calligrapher h2, .stacks_in_13624_9553Calligrapher h1{ color: #333333 !important; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ .stacks_in_13624_9553Calligrapher, .stacks_in_13624_9553Calligrapher h1, .stacks_in_13624_9553Calligrapher h2, .stacks_in_13624_9553Calligrapher h3, .stacks_in_13624_9553Calligrapher h4, .stacks_in_13624_9553Calligrapher h5, .stacks_in_13624_9553Calligrapher h6{ font-family: "Just Another Hand" !important; } /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_13624_9553targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_13624_9553Calligrapher a:link{ color: #124A7A !important; text-decoration: none !important; } .stacks_in_13624_9553Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_13624_9553Calligrapher a:active{ color: #124A7A !important; } .stacks_in_13624_9553Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline !important; } /* End Calligrapher stack CSS code *//* Start dooText X stack CSS code */ .stacks_in_13624_9555x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_13624_9555x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_13624_9555x{ text-align: center !important; } } /* End dooText X stack CSS code */#stacks_in_13624_14382 .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_13624_14382 .fluid-image img:hover{-webkit-box-shadow:0px 0px 0px #999999;box-shadow:0px 0px 0px #999999}#stacks_in_13624_14382 .fluid-image.unlimited img{width:100% !important}#stacks_in_13624_14382 .fluid-image.define_max img{width:100% !important;max-width:200px !important}#stacks_in_13624_14382 .fluid-image.align-left img{float:left}#stacks_in_13624_14382 .fluid-image.align-right img{float:right} #stacks_in_13624_14382 { margin: 0px 0px 10px 0px; } /* Start dooText X stack CSS code */ .stacks_in_13624_19136x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_13624_19136x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_13624_19136x{ text-align: center !important; } } /* End dooText X stack CSS code *//* Start dooText X stack CSS code */ .stacks_in_13624_19146x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_13624_19146x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_13624_19146x{ text-align: center !important; } } /* End dooText X stack CSS code *//* Start dooText X stack CSS code */ .stacks_in_13624_19154x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_13624_19154x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_13624_19154x{ text-align: center !important; } } /* End dooText X stack CSS code *//* Start dooText X stack CSS code */ .stacks_in_13624_19170x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_13624_19170x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_13624_19170x{ text-align: center !important; } } /* End dooText X stack CSS code *//* @group Page */ /* Stop the background page scrolling when the modal is open */ body.sociableOpen { overflow: hidden !important; } /* @end */ /* @group Share Button */ #socialPopupTriggerButtonstacks_in_143999_143990 *, #socialPopupTriggerButtonstacks_in_143999_143990 *::after, #socialPopupTriggerButtonstacks_in_143999_143990 *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #socialPopupTriggerButtonstacks_in_143999_143990 { position: fixed; top: 43.00%; left: 2.00%; cursor: pointer; z-index: 999; } #socialPopupTriggerButtonstacks_in_143999_143990 a { background: none; border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; outline: none; } #socialPopupTriggerButtonstacks_in_143999_143990 a:focus { outline: none; border: none; } #socialPopupTriggerButtonstacks_in_143999_143990 #socialPopupTriggerButtonBorderstacks_in_143999_143990 { border: 2px solid #C11520; background: #FFFFFF; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; height: 50px; 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_143999_143990:hover #socialPopupTriggerButtonBorderstacks_in_143999_143990 { border: 2px solid #C11520; background: #FFFFFF; } #socialPopupTriggerButtonstacks_in_143999_143990:hover #socialPopupTriggerButtonBorderstacks_in_143999_143990 { padding-right: 15px; } #socialPopupTriggerButtonstacks_in_143999_143990 #socialPopupTriggerButtonIconstacks_in_143999_143990 [class^="fa fa-"] { color: #C11520; font-size: 24px; line-height: 50px; width: 50px; 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_143999_143990:hover #socialPopupTriggerButtonBorderstacks_in_143999_143990 [class^="fa fa-"] { color: #333333; } #socialPopupTriggerButtonstacks_in_143999_143990 #socialPopupTriggerButtonTextstacks_in_143999_143990 { color: #333333; font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: right; max-width: 0px; overflow: hidden; line-height: 50px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_143999_143990:hover #socialPopupTriggerButtonTextstacks_in_143999_143990 { 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: #363636; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow ~ .socialPopupModalOverlay { opacity: 0.90; visibility: visible; } /* Content styles */ #socialPopupModalContentstacks_in_143999_143990 { 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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-4 #socialPopupModalContentstacks_in_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 h3, .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_143999_143990 { background: transparent; } .socialPopupModalShow.socialPopupModalEffect-12 #socialPopupModalContentstacks_in_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { -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_143999_143990 { 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_143999_143990 [class^="fa fa-"] { color: #FFFFFF; transition: all ease-in-out 300ms; } #sociableCloseButtonstacks_in_143999_143990:hover, #sociableCloseButtonstacks_in_143999_143990: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_143999_143990 { -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_143999_143990 { display: block; } .modalScrolled #radioactiveScrollIndicatorstacks_in_143999_143990 { 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_143999_143990, #socialPopupModalOverlaystacks_in_143999_143990, #socialPopupTriggerButtonstacks_in_143999_143990 { display: none !important; } } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */