.target-wrapper{position:relative}.target-show-on-hover{opacity:0;transition:opacity 750ms ease}.target-show-on-hover:hover{opacity:1}.target{position:absolute;width:100%;height:auto}.target.width-auto{width:auto}.target.height-fill,.target.height-fixed,.target.height-flexible{display:flex;align-items:center}.target.height-fill{height:100%}.target[class*="float-"],.target[class*="shift-"]{position:relative}.target[class*="pin-"],.target.relative-browser{position:fixed}.target.float-right{float:right}.target.float-left{float:left}.target.vcenter[class*="relative-"]{top:50%;transform:translateY(-50%)}.target.hcenter[class*="relative-"]{left:50%;transform:translateX(-50%)}.target.hcenter.vcenter[class*="relative-"]{transform:translateX(-50%) translateY(-50%)}.target.shift-up,.target.shift-down{margin-left:auto;margin-right:auto}.target.target-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.target.pin-top{top:0}.target.pin-bottom{bottom:0}.target.pin-left{left:0}.target.pin-right{right:0}.target.target-disable{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}@media only screen and (min-width:40em){.target.target-mobile-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:39.9375em){.target.target-disable-mobile{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:62.5em){.target.target-desktop-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}
.com_bigwhiteduck_stacks_FoundationButtonPlus2_stack{position:relative}.b-p.icon-only{-webkit-box-sizing:content-box!important;box-sizing:content-box!important}.bp-wrap.bp-txt-left>.b-p:not(.icon-only){text-align:left!important}.bp-wrap.bp-txt-center>.b-p:not(.icon-only){text-align:center!important}.bp-wrap.bp-txt-right>.b-p:not(.icon-only){text-align:right!important}.bp-wrap.noclick-active>.b-p.active{pointer-events:none!important} .bp-wrap.inline-wrap{display:inline-block}
.infix{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;outline:none !important;overflow:hidden}.infix.infix-section{z-index:999}.infix *{-webkit-box-sizing:border-box;box-sizing:border-box}.infix-wrap{z-index:9990;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.infix.infix-body{position:fixed}.infix.no-nav > .infix-wrap > .infix-nav{display:none}.infix.infix-body .infix-wrap{position:fixed}.infix.infix-section{position:absolute}.infix.infix-section .infix-wrap{position:absolute}.infix-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle}.splb-loader{z-index:99999;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .6s ease;transition:opacity .6s ease}.infix-loading .splb-loader{opacity:1}.infix-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.infix.stacks-v-top .infix-container{vertical-align:top}.infix.stacks-v-bottom .infix-container{vertical-align:bottom}.infix.infix-section .infix-container{position:static}.infix.infix-section.infix-inline .infix-container{position:static}.infix-content{z-index:9993;width:100%}.infix-content::after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;z-index:-1}.infix-body .infix-close{position:fixed}.infix-body.infix-inline .infix-container{width:96%;max-width:1000px}.infix-body.cross-overlay .infix-close{position:fixed}.infix-body.cross-inside .infix-close{position:absolute}.infix-section .infix-close{position:absolute}.infix-closed:not(.infix-closing){z-index:-99 !important;height:0 !important}.infix-close{display:none;cursor:pointer;text-decoration:none;text-align:center;font-style:normal;border:0;-webkit-appearance:none;outline:none;background:none;-webkit-box-shadow:none;box-shadow:none}.infix-close,[data-infix-next],[data-infix-prev]{cursor:pointer}.infix-close.icon-tr{right:0;top:0}.infix-close.icon-tl{left:0;top:0}.infix-close.icon-br{right:0;bottom:0}.infix-close.icon-bl{left:0;bottom:0}.infix-close::-moz-focus-inner{border:0;padding:0}.infix-img{max-width:100%;margin:0 auto;display:block;line-height:0;border:0}.infix-section.size-target.infix-image .infix-img[style],.infix-section.size-native.infix-image .infix-img[style]{max-height:none !important}.infix.infix-section.size-native{overflow:visible}.infix.infix-section.size-native,.infix.infix-section.size-native > .infix-wrap,.infix.infix-section.size-native > .infix-wrap > .infix-container{position:relative;width:100%}.infix.infix-section.size-native.infix-closing{display:none !important}.infix.size-native > .infix-wrap > .infix-container > .infix-content > .splb{max-height:none !important}.infix-iframe .infix-container{width:100%}.infix-body.infix-iframe .infix-container{max-width:1000px}.infix-section.infix-iframe.full-frame .infix-container{max-width:100%}.infix-section.infix-iframe.auto-size-section .infix-iframe-container{max-height:none !important}.size-target:not(.lightbox-open)[style]{max-height:initial !important;min-height:initial !important}.infix-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.infix-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%}.infix-htmlvideo video{position:absolute;top:0px;width:100%}.infix-instagram .infix-content{margin:0 auto;width:100%}.infix-instagram .infix-content .infix-iframe-container{padding-top:113.0719%}.infix-error{text-align:center}.infix-err-txt{color:black;background-color:rgba(255,255,255,0.4);padding:3px 6px}.spl-lightbox,.spl-lightbox::before,.spl-lightbox::after{display:none}.limelight-launcher{cursor:pointer}.limelight-launcher:not(.allowclicks) *{pointer-events:none}[data-cms-launch][data-cms-id=""].ll-empty-noclick{pointer-events:none !important}[data-cms-launch][data-cms-id=""].ll-empty-hide{display:none !important}.ll-count{display:none}.ll-overlay[class*="s-"][class*="-bg"]::before{display:none}
@keyframes pointpulse{0%{transform:scale(0.75);opacity:1}30%{transform:scale(0.75);opacity:1}100%{transform:scale(2);opacity:0}}.com_joeworkman_stacks_points2_stack{margin:0 auto}.com_joeworkman_stacks_points2_stack .points-wrapper{position:relative;width:100%;margin:0 auto;-webkit-touch-callout:none;user-select:none}.com_joeworkman_stacks_points2_stack .points-wrapper img{display:block;width:100%;height:auto;position:absolute;top:0;left:0;margin:0;padding:0;}.com_joeworkman_stacks_points2_stack .point{opacity:0;position:absolute;transition:opacity 500ms ease-in-out;translate:-50% -50%;padding:0;margin:0;background:none;border:none;-webkit-appearance:none;appearance:none}.com_joeworkman_stacks_points2_stack .point.active{z-index:51}.com_joeworkman_stacks_points2_stack .point a{display:block;height:100%;width:100%}.com_joeworkman_stacks_points2_stack .on-hover:hover .point{opacity:1}@media only screen and (max-width:40em){.com_joeworkman_stacks_points2_stack .hide-mobile .point{display:none}}.com_joeworkman_stacks_points2_stack abbr{height:100%;width:100%;background-color:transparent;position:relative;border:none;display:block;text-align:center;text-decoration:none}.com_joeworkman_stacks_points2_stack .mode-circle abbr{border-radius:50%}.com_joeworkman_stacks_points2_stack .mode-circle.point-pulse .ring{top:0;position:absolute;border-radius:50%;border:none;width:100%;height:100%;backface-visibility:hidden;animation:pointpulse 1.5s ease-out infinite}.com_joeworkman_stacks_points2_stack .mode-image abbr{background-size:100%}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip{text-align:center;line-height:1.5;position:fixed;z-index:50;padding:10px 15px;max-width:340px}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h1,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h2,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h3,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h4,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h5,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h6{margin-top:0;margin-bottom:.5em}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip:after{width:0;height:0;border-left:10px solid transparent !important;border-right:10px solid transparent !important;border-top-width:10px;border-top-style:solid;content:'';position:absolute;left:50%;bottom:-10px;margin-left:-10px}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip.top:after{border-top-color:transparent !important;border-bottom-width:10px;border-bottom-style:solid;top:-20px;bottom:auto}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip.left:after{left:10px;margin:0}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip.right:after{right:10px;left:auto;margin:0}.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip{text-align:left;line-height:1.5;position:absolute;width:100%;max-width:100% !important;bottom:0;left:0 !important;top:auto !important;z-index:52;padding:10px 15px;border-radius:0 !important}.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h1,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h2,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h3,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h4,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h5,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h6{margin-top:0;margin-bottom:.5em}
[data-pab]:not(.open){cursor:pointer}.pab-wrapper,.pab{overflow:hidden}.pab-launcher a{pointer-events:none}
:root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(25, 25, 25, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(231, 219, 177, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(0, 0, 0, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 0, 0, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(201, 189, 147, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(102, 221, 26, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:10px;--small-gutter:0.25rem;--medium-gutter:0.5rem;--large-gutter:0.75rem;--site-width:calc(1440rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(101, 192, 28, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(10rem/16)}body{background-color:rgba(0, 0, 0, 1.00);}
/*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900}
.bigText{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) { .bigText{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .bigText{font-size:calc(20rem/16) ;line-height:1.50 }}
.greenText{--header-color:rgba(0, 255, 0, 1.00);--subheader-color:rgba(0, 255, 0, 1.00);--small-color:rgba(0, 255, 0, 1.00);--text-color:rgba(30, 242, 53, 1.00);--link-color:rgba(30, 242, 53, 1.00);--link-color-hover:rgba(30, 198, 53, 1.00);--link-decoration:underline;--link-decoration-hover:none}
.compFont{font-family:"Share Tech Mono",sans-serif }
.bigText{font-size:calc(20rem/16) ;}@media only screen and (min-width:40em) { .bigText{font-size:calc(24rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .bigText{font-size:calc(24rem/16) ;line-height:1.50 }}
.goldText{--header-color:rgba(255, 176, 0, 1.00);--subheader-color:rgba(255, 176, 0, 1.00);--small-color:rgba(255, 176, 0, 1.00);--text-color:rgba(255, 176, 0, 1.00);--link-color:rgba(247, 228, 89, 1.00);--link-color-hover:rgba(26, 200, 5, 1.00);--link-decoration:none;--link-decoration-hover:none}
.p10{padding-top:10.00% ;padding-right:10.00% ;padding-bottom:10.00% ;padding-left:10.00% ;}@media only screen and (min-width:40em){.p10{padding-top:10.00% ;padding-right:10.00% ;padding-bottom:10.00% ;padding-left:10.00% }}@media only screen and (min-width:64em){.p10{padding-top:10.00% ;padding-right:10.00% ;padding-bottom:10.00% ;padding-left:10.00% }}
.minH80{min-height:80vh ;max-height:10000px ;}
.minH60{min-height:60vh ;max-height:10000px ;}
.darkBG{background-color:rgba(31, 27, 24, 1.00) ;background-image:url('') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.darkBG{background-attachment:scroll!important}}
.goldTopBorder{border-color:rgba(121, 93, 59, 1.00) ;border-width:3px ;border-style:solid solid solid solid ;border-radius:10px 10px 0px 0px ;}
.textShadow{text-shadow:1px 1px 3px rgba(0, 0, 0, 0.60);}
.inset{box-shadow:inset 2px 2px 5px 0px rgba(0, 0, 0, 0.60);}
.goldBBorder{border-color:rgba(121, 93, 59, 1.00) ;border-width:2px ;border-style:none solid solid solid ;border-radius:0px 0px 10px 10px ;}
.goldBorder{border-color:rgba(121, 93, 59, 1.00) ;border-width:2px ;border-style:solid solid solid solid ;border-radius:10px 10px 10px 10px ;}
.contrastBG{background-color:rgba(73, 74, 56, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.contrastBG{background-attachment:scroll!important}}
.topRound{border-radius:10px 10px 0px 0px ;}
.bRound{border-radius:0px 0px 10px 10px ;}
.folderBG{background-image:url('../files/bgimage-19-C86.png') ;background-repeat: repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.folderBG{background-attachment:scroll!important}}
.w700{min-width:400.00px ;max-width:700.00px ;}
.border{border-color:rgba(226, 220, 197, 1.00) ;border-width:3px ;border-style:solid ;border-radius:10px ;}
.medBG{background-color:rgba(34, 39, 38, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.medBG{background-attachment:scroll!important}}
.lightBG{background-color:rgba(232, 226, 208, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.lightBG{background-attachment:scroll!important}}
.transBG{background-color:rgba(0, 0, 0, 0.49) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.transBG{background-attachment:scroll!important}}
.round{border-radius:10px ;}
.bp-vault-1.b-p:not(.not-vault){border:0px solid rgba(0, 0, 0, 1.00)}.bp-vault-1.b-p:not(.not-vault):hover{border:0px solid rgba(51, 51, 51, 1.00)} .bp-vault-1.b-p:not(.not-vault){color:rgba(0, 0, 0, 1.00);background-color:rgba(231, 219, 177, 1.00)}.bp-vault-1.b-p:not(.not-vault):not(.d-hov){-webkit-transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease;-webkit-transition:color 200ms ease,background-color 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,-webkit-box-shadow 200ms ease} .bp-vault-1.b-p:not(.not-vault){background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(231, 219, 177, 1.00)),color-stop(-,%id=buttonColors[0]));background-image:linear-gradient(to bottom,rgba(231, 219, 177, 1.00),rgba(191, 179, 137, 1.00))}.bp-vault-1.b-p:not(.not-vault).split-icon>.bp-icon:not(.not-vault){background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(27, 96, 201, 1.00)),color-stop(-,%id=iconBgColor[0]))!important;background-image:linear-gradient(to bottom,rgba(27, 96, 201, 1.00),rgba(0, 56, 161, 1.00))!important} .bp-vault-1.b-p:not(.not-vault):not(.bp-hover):hover{color:rgba(64, 128, 2, 1.00)!important; background-color:rgba(231, 219, 177, 0.81);} .bp-vault-1.b-p:not(.not-vault):not(.bp-hover):hover{ background-color:rgba(231, 219, 177, 0.81);background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(231, 219, 177, 0.81)),color-stop(-40%,%id=buttonColors[1]));background-image:linear-gradient(to bottom,rgba(231, 219, 177, 0.81),rgba(191, 179, 137, 0.81));}
.bp-vault-1.b-p:not(.not-vault):not(.bp-hover).split-icon>.bp-icon:hover{ background-color:rgba(231, 219, 177, 0.81);background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(23, 97, 213, 1.00)),color-stop(-40%,%id=iconBgColor[1]))!important;background-image:linear-gradient(to bottom,rgba(23, 97, 213, 1.00),rgba(0, 57, 173, 1.00))!important;} .bp-vault-1.b-p:not(.not-vault)>.bp-icon>.bp-glyph{color:rgba(204, 204, 204, 1.00)!important}.bp-vault-1.b-p:not(.not-vault):not(.d-hov)>.bp-icon>.bp-glyph{-webkit-transition:color 200ms ease;transition:color 200ms ease}.bp-vault-1.b-p:not(.not-vault).split-icon:not(.icon-only)>.bp-icon{background-color:rgba(27, 96, 201, 1.00)!important}.bp-vault-1.b-p:not(.not-vault).split-icon:not(.icon-only)>.bp-icon.icon-left{border-right:1px solid rgba(255, 255, 255, 0.00)!important}.bp-vault-1.b-p:not(.not-vault).split-icon:not(.icon-only)>.bp-icon.icon-right{border-left:1px solid rgba(255, 255, 255, 0.00)!important} .bp-vault-1.b-p:not(.not-vault):hover>.bp-icon>.bp-glyph{color:rgba(186, 186, 186, 1.00)!important}.bp-vault-1.b-p:not(.not-vault):not(.d-hov):hover>.bp-icon>.bp-glyph{-webkit-transition:color 200ms ease;transition:color 200ms ease}.bp-vault-1.b-p:not(.not-vault).split-icon:not(.icon-only):hover>.bp-icon{background:rgba(23, 97, 213, 1.00);background-color:rgba(23, 97, 213, 1.00)!important}.bp-vault-1.b-p:not(.not-vault).split-icon:not(.icon-only):hover>.bp-icon.icon-left{border-right:1px solid rgba(255, 255, 255, 0.00)!important}.bp-vault-1.b-p:not(.not-vault).split-icon:not(.icon-only):hover>.bp-icon.icon-right{border-left:1px solid rgba(255, 255, 255, 0.00)!important} .bp-vault-1.b-p:not(.custom-shape){border-radius:10px}.bp-vault-1.b-p:not(.custom-shape).split-icon:not(.icon-only)>.bp-icon.icon-left{border-top-left-radius:10px!important;border-bottom-left-radius:10px!important}.bp-vault-1.b-p:not(.custom-shape).split-icon:not(.icon-only)>.bp-icon.icon-right{border-top-right-radius:10px!important;border-bottom-right-radius:10px!important} .bp-vault-1:not(.not-vault) .code-finder{content:"bp-fonts"}.bp-vault-1.icon-only{padding:0!important;border-radius:50%!important; width:51px;height:51px;}.bp-vault-1.icon-only>.bp-icon>.bp-glyph{font-size:100%!important;margin-left:0.00%!important}.bp-vault-1.icon-only .fa:before{line-height:51px}.bp-vault-1.icon-only.tiny{width:33px;height:33px}.bp-vault-1.icon-only.tiny .fa:before{line-height:33px}.bp-vault-1.icon-only.small{width:44px;height:44px}.bp-vault-1.icon-only.small .fa:before{line-height:44px}.bp-vault-1.icon-only.large{width:61px;height:61px}.bp-vault-1.icon-only.large .fa:before{line-height:61px}
.lb-master_stacks_in_726.bg-vault.bg-color.style-pro-stacks_in_726{background-color:rgba(0, 0, 0, 0.78)}.lb-master_stacks_in_726.close-vis-never .infix-close{display:none !important}.ll-overlay#ovl_stacks_in_726.bg-color{background-color:rgba(0, 0, 0, 0.78)}@media screen and (max-width:640px){.ll-overlay#ovl_stacks_in_726.small-bg-color{background-color:rgba(0, 0, 0, 0.78)}.ll-overlay#ovl_stacks_in_726.small-bg-color::before{background-color:transparent !important;background-image:none !important}}body > .ll-overlay#ovl_stacks_in_726{position:fixed}.ll-open-stacks_in_726 > .ll-overlay#ovl_stacks_in_726{z-index:9989}.ll-open-stacks_in_726.sectionsPro1 > .ll-overlay#ovl_stacks_in_726{z-index:998}@media screen and (min-width:640px){.lb-master_stacks_in_726.close-vis-small-only .infix-close{display:none !important}}@media screen and (max-width:640px){.lb-master_stacks_in_726.close-vis-large-only .infix-close{display:none !important}}#stacks_in_726 .infix-close.lb-close-master{display:none !important}@media screen and (min-width:640px){#ovl_stacks_in_726.large-hide-overlay{background-color:transparent !important}}@media screen and (min-width:640px){.lb-master_stacks_in_726.infix-section.large-hide-overlay{background-color:transparent !important}}@media screen and (max-width:640px){.lb-master_stacks_in_726.infix-section.sm-hide-borders .infix-content{border-radius:0 !important;border:none !important}}[data-ll-target="videoLL"].sectionsPro1.size-target.lightbox-open.ll-open-stacks_in_726 > .shear-wrapper{position:absolute}.lb-master_stacks_in_726.maxw-frame:not(.infix-image):not(.custom-size) .infix-container{width:100%}@media screen and (max-width:640px){.lb-master_stacks_in_726.maxw-frame:not(.infix-image):not(.custom-size) .infix-container{width:100%}}.lb-master_stacks_in_726.maxw-frame.infix-image:not(.custom-size) .infix-container > .infix-content{margin:0 auto;width:100%}@media screen and (max-width:640px){.lb-master_stacks_in_726.maxw-frame.infix-image:not(.custom-size) .infix-container > .infix-content{width:100%}}.lb-master_stacks_in_726.maxw-frame:not(.custom-size) .infix-container{max-width:1000px}@media screen and (max-width:640px){.lb-master_stacks_in_726.maxw-frame:not(.custom-size) .infix-container{max-width:1000px}}.lb-master_stacks_in_726.prop-height.infix-body:not(.vid-letterbox):not(.infix-image) .infix-iframe-container{padding-top:85vh}@media screen and (min-width:640px){.lb-master_stacks_in_726.prop-height.infix-body:not(.vid-letterbox):not(.infix-image) .infix-iframe-container{padding-top:85vh}}.lb-master_stacks_in_726.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container,.lb-master_stacks_in_726.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_726.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:85vh !important;max-height:85vh !important}@media screen and (min-width:640px){.lb-master_stacks_in_726.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container,.lb-master_stacks_in_726.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_726.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:85vh !important;max-height:85vh !important}}.lb-master_stacks_in_726.prop-height.infix-section:not(.vid-letterbox):not(.infix-image) .infix-container{top:calc((100% - 85%) / 2) !important;height:85% !important}@media screen and (min-width:640px){.lb-master_stacks_in_726.prop-height.infix-section:not(.vid-letterbox):not(.infix-image) .infix-container{top:calc((100% - 85%) / 2) !important;height:85% !important}}.lb-master_stacks_in_726.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container{height:85% !important;max-height:85% !important}@media screen and (min-width:640px){.lb-master_stacks_in_726.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container{height:85% !important;max-height:85% !important}}.lb-master_stacks_in_726.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_726.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:100% !important;max-height:100% !important}.lb-master_stacks_in_726.infix-iframe.infix-section .infix-container,.lb-master_stacks_in_726.infix-iframe.infix-section .infix-content,.lb-master_stacks_in_726.infix-iframe.infix-section .infix-iframe-container{position:static;top:0;left:0;height:100%;width:100%}.lb-master_stacks_in_726.infix-iframe.infix-section.size-float .infix-iframe-container{padding-top:0}.lb-master_stacks_in_726 .infix-content::after{-webkit-box-shadow:0 0 36px 0px rgba(0, 0, 0, 0.30);box-shadow:0 0 36px 0px rgba(0, 0, 0, 0.30)}.lb-master_stacks_in_726 .infix-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;z-index:9999;padding:20px;border-radius:0% 0% 0% 0%;background:rgba(0, 0, 0, 0.00)}html.bwd-touch .lb-master_stacks_in_726 .infix-close{opacity:1 !important}.lb-master_stacks_in_726 .infix-close > .close-wrap{position:relative;width:40px;height:40px;opacity:0.94}.lb-master_stacks_in_726 .infix-close > .close-wrap:hover,html.bwd-touch .lb-master_stacks_in_726 .infix-close > .close-wrap{opacity:1 !important}.lb-master_stacks_in_726 .infix-close > .close-wrap.close-text-only{width:auto;height:auto;color:rgba(255, 255, 255, 0.96);font-size:12px;line-height:1}.lb-master_stacks_in_726 .infix-close > .close-wrap.close-text-only .text-border{padding:8px;border:1px solid rgba(255, 255, 255, 1.00);border-radius:8px;background-color:rgba(255, 255, 255, 0.00);text-align:center}.lb-master_stacks_in_726 .infix-close > .close-wrap > svg{width:40px;height:40px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.lb-master_stacks_in_726 .infix-close > .close-wrap > svg circle.bg{fill:rgba(255, 255, 255, 0.00)}.lb-master_stacks_in_726 .infix-close > .close-wrap > svg .ring{stroke:rgba(255, 255, 255, 1.00);stroke-width:5px}.lb-master_stacks_in_726 .infix-close > .close-wrap > svg .action-icon path{stroke:rgba(255, 255, 255, 0.96);stroke-width:5px;fill:none}.lb-master_stacks_in_726 .infix-close > .close-wrap > svg .ring,.lb-master_stacks_in_726 .infix-close > .close-wrap > svg .action-icon path{-webkit-transition:stroke 200ms ease-out;transition:stroke 200ms ease-out}.lb-master_stacks_in_726 .infix-close > .close-wrap > svg circle.bg{-webkit-transition:fill 220ms ease-out;transition:fill 220ms ease-out}.lb-master_stacks_in_726 .infix-close:hover,html.bwd-touch .lb-master_stacks_in_726 .infix-close{background:rgba(0, 0, 0, 0.00)}.lb-master_stacks_in_726 .infix-close:hover > .close-wrap > svg circle.bg,html.bwd-touch .lb-master_stacks_in_726 .infix-close > .close-wrap > svg circle.bg{fill:rgba(255, 255, 255, 0.00)}.lb-master_stacks_in_726 .infix-close:hover > .close-wrap > svg .ring,html.bwd-touch .lb-master_stacks_in_726 .infix-close > .close-wrap > svg .ring{stroke:rgba(255, 255, 255, 1.00)}.lb-master_stacks_in_726 .infix-close:hover > .close-wrap > svg .action-icon path,html.bwd-touch .lb-master_stacks_in_726 .infix-close > .close-wrap > svg .action-icon path{stroke:rgba(255, 255, 255, 1.00);fill:none}.lb-master_stacks_in_726 .infix-close:hover > .close-wrap.close-text-only,html.bwd-touch .lb-master_stacks_in_726 .infix-close > .close-wrap.close-text-only{color:rgba(255, 255, 255, 1.00)}.lb-master_stacks_in_726 .infix-close i.fa,.lb-master_stacks_in_726 .infix-close svg,.lb-master_stacks_in_726 .infix-close .simple-icon,.lb-master_stacks_in_726 .infix-close .close-wrap,.lb-master_stacks_in_726 .infix-close .text-border{pointer-events:none}@media screen and (min-width:640px){.lb-master_stacks_in_726 .infix-close .close-wrap,.lb-master_stacks_in_726 .infix-close .close-wrap > svg{width:40px;height:40px}.lb-master_stacks_in_726 .infix-close .close-wrap.close-text-only{font-size:16px}}.lb-master_stacks_in_726 .infix-close .action-icon > g{display:none}.lb-master_stacks_in_726 .infix-close.close-cross .action-icon > g#cross{display:block}.lb-master_stacks_in_726 .infix-close.close-small-cross .action-icon > g#smallcross{display:block}.lb-master_stacks_in_726 .infix-close.close-left-arrow .action-icon > g#arrow{display:block}.lb-master_stacks_in_726 .infix-close.close-hamburger .action-icon > g#burger{display:block}@media screen and (min-width:640px){.lb-master_stacks_in_726.close-bg-small-only .infix-close{background:none}}.lb-master_stacks_in_726 .splb-loader .loader-message{display:none}.lb-master_stacks_in_726 .splb-loader svg{display:none}.lb-master_stacks_in_726 .splb-loader > .loader-message{margin-top:0}
.infix-content.bg-vault.bg-color.style-pro-stacks_in_729{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_729.splb{padding:0px}#splb_stacks_in_729 .infix-iframe-container{background-color:}#splb_stacks_in_729.lb-master_stacks_in_726.custom-size.maxw-frame .infix-container{width:100%;max-width:1000px}#splb_stacks_in_729.lb-master_stacks_in_726.custom-size.custom-fill .infix-container{width:100%;max-width:9999px}#stacks_in_729{display:none}.infix-opened #stacks_in_729,.infix-closed #stacks_in_729{display:block}.videoBox{cursor:pointer}#stacks_in_729.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_729.splb.ll-overflow{overflow:visible !important}
#bunny-player-stacks_in_736 {
display: block;
}.target.stacks_in_737{ margin:0px;}.target.stacks_in_737{z-index:99;}.target.stacks_in_737.width-fill{width:calc(100% - 0px)}.target.stacks_in_737.width-flexible{width:100%}.target.stacks_in_737.width-fixed{width:250px}.target.stacks_in_737.height-fill{height:calc(100% - 0px)}.target.stacks_in_737.height-flexible{height:100%}.target.stacks_in_737.height-fixed{height:250px}.target.stacks_in_737[class*="relative-"].top-pt{top:1%}.target.stacks_in_737[class*="relative-"].top-px{top:1px}.target.stacks_in_737[class*="relative-"].bottom-pt{bottom:1%}.target.stacks_in_737[class*="relative-"].bottom-px{bottom:1px}.target.stacks_in_737[class*="relative-"].right-pt{right:400%}.target.stacks_in_737[class*="relative-"].right-px{right:400px}.target.stacks_in_737[class*="relative-"].left-pt{left:400%}.target.stacks_in_737[class*="relative-"].left-px{left:400px}.target.stacks_in_737.shift-up{margin-top:-0px}.target.stacks_in_737.shift-down{margin-bottom:-0px}.target.stacks_in_737.shift-left{right:0px}.target.stacks_in_737.shift-right{left:0px}.target.stacks_in_737.pin-top,.target.stacks_in_737.pin-bottom{left:0px}.target.stacks_in_737.pin-left,.target.stacks_in_737.pin-right{top:0px}
.style-pro-stacks_in_726::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1}.style-pro-stacks_in_726:not(.bg-vault):not(.bg-featured)::before{background-color:rgba(126, 167, 227, 1.00)}
#ovl_stacks_in_726.ll-overlay {
z-index: -99;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
transition: opacity 600ms ease, z-index 0ms 600ms, visibility 0ms 600ms ease; }
.ll-open-stacks_in_726 > #ovl_stacks_in_726.ll-overlay {
transition: opacity 300ms ease;
opacity: 1;
visibility: visible; }
.lb-master_stacks_in_726, .lb-master_stacks_in_726.infix-closed {
opacity: 0;
visibility: hidden; }
.lb-master_stacks_in_726.infix-opened {
opacity: 1;
visibility: visible; }
.lb-master_stacks_in_726 [data-infix-close]:not(.infix-wrap), .lb-master_stacks_in_726.infix-closed [data-infix-close]:not(.infix-wrap) {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: opacity 40ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0ms 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94) transform 40ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.lb-master_stacks_in_726.infix-opened [data-infix-close]:not(.infix-wrap) {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: opacity 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0ms, transform 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.lb-master_stacks_in_726.close-on-hover.infix-opened [data-infix-close]:not(.infix-wrap) {
opacity: 0;
transition: all 200ms ease-out; }
.lb-master_stacks_in_726.close-on-hover.infix-opened:hover [data-infix-close]:not(.infix-wrap) {
opacity: 1; }
.lb-master_stacks_in_726.infix-closed .infix-container::after, .lb-master_stacks_in_726.infix-loading .infix-container::after {
opacity: 0;
transition: opacity 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 680ms; }
.lb-master_stacks_in_726.infix-opened .infix-container::after {
opacity: 1;
transition: opacity 80ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s; }
.lb-master_stacks_in_726, .lb-master_stacks_in_726.infix-closed {
transition: opacity 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.lb-master_stacks_in_726.infix-opened {
transition: opacity 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 0s; }
.lb-master_stacks_in_726.infix-loading .infix-content, .lb-master_stacks_in_726.infix-closed .infix-content {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
opacity: 0;
transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.lb-master_stacks_in_726.infix-opened .infix-content {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
transition: opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.lb-master_stacks_in_726.infix.hide-nav .infix-nav {
display: none; }
.lb-master_stacks_in_726.infix.no-loop.ll-first [data-infix-prev] {
display: none; }
.lb-master_stacks_in_726.infix.no-loop.ll-last [data-infix-next] {
display: none; }
.lb-master_stacks_in_726 [data-infix-next], .lb-master_stacks_in_726 [data-infix-prev] {
position: absolute;
z-index: 9999;
width: 50px;
height: 50px;
border-radius: 50%;
top: calc(50% + 25px);
margin-top: -25px;
border: 2px solid rgba(255, 255, 255, 0.00);
opacity: 1;
background: rgba(255, 255, 255, 0.00);
transition: opacity 200ms ease-out, background 200ms ease-out, transform 0.8s cubic-bezier(0, 1.01, 0.22, 1), border 0.3s ease-out; }
.lb-master_stacks_in_726 html:not(.bwd-touch) [data-infix-next], .lb-master_stacks_in_726 html:not(.bwd-touch) [data-infix-prev] {
opacity: 0; }
.lb-master_stacks_in_726 html:not(.bwd-touch) [data-infix-next] {
transform: translate(-15px, -50%) scale(0.6); }
.lb-master_stacks_in_726 html:not(.bwd-touch) [data-infix-prev] {
transform: translate(15px, -50%) scale(0.6); }
.lb-master_stacks_in_726 html.infix:not(.bwd-touch):hover [data-infix-next], .lb-master_stacks_in_726 html.infix:not(.bwd-touch):hover [data-infix-prev] {
transform: translate(0, -50%) rotate(0deg) scale(1);
opacity: 1; }
.lb-master_stacks_in_726 [data-infix-next] {
right: 12px; }
.lb-master_stacks_in_726 [data-infix-prev] {
left: 12px; }
.lb-master_stacks_in_726 [data-infix-next]::before,
.lb-master_stacks_in_726 [data-infix-next]::after,
.lb-master_stacks_in_726 [data-infix-prev]::before,
.lb-master_stacks_in_726 [data-infix-prev]::after {
background: rgba(255, 255, 255, 0.96);
top: 50%;
left: 0;
width: 2px;
height: 17px;
content: '';
position: absolute;
margin: -14px 23px; }
.lb-master_stacks_in_726 html.bwd-touch [data-infix-next], .lb-master_stacks_in_726 [data-infix-next]:hover,
.lb-master_stacks_in_726 html.bwd-touch [data-infix-prev], .lb-master_stacks_in_726 [data-infix-prev]:hover {
border: 2px solid rgba(255, 255, 255, 1.00);
background: rgba(255, 255, 255, 0.00); }
.lb-master_stacks_in_726 html.bwd-touch [data-infix-next]::before, .lb-master_stacks_in_726 html.bwd-touch [data-infix-next]::after, .lb-master_stacks_in_726 [data-infix-next]:hover::before, .lb-master_stacks_in_726 [data-infix-next]:hover::after,
.lb-master_stacks_in_726 html.bwd-touch [data-infix-prev]::before,
.lb-master_stacks_in_726 html.bwd-touch [data-infix-prev]::after, .lb-master_stacks_in_726 [data-infix-prev]:hover::before, .lb-master_stacks_in_726 [data-infix-prev]:hover::after {
background: rgba(255, 255, 255, 1.00); }
.lb-master_stacks_in_726 [data-infix-next]::after,
.lb-master_stacks_in_726 [data-infix-prev]::after {
margin-top: -3px; }
.lb-master_stacks_in_726 [data-infix-prev]::after, .lb-master_stacks_in_726 [data-infix-prev]::before {
left: -3px; }
.lb-master_stacks_in_726 [data-infix-next]::after {
transform: rotate(45deg); }
.lb-master_stacks_in_726 [data-infix-next]::before {
transform: rotate(-45deg); }
.lb-master_stacks_in_726 [data-infix-prev]::after {
transform: rotate(315deg); }
.lb-master_stacks_in_726 [data-infix-prev]::before {
transform: rotate(-315deg); }
@important "partials/maps";
.animated {
animation-duration: 1s;
animation-fill-mode: both; }
.animated.infinite {
animation-iteration-count: infinite; }
.animated.hinge {
animation-duration: 2s; }
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
animation-duration: .75s; }
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0); }
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0); }
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0); }
90% {
transform: translate3d(0, -4px, 0); } }
.bounce {
animation-name: bounce;
transform-origin: center bottom; }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
animation-name: flash; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
from {
transform: scale3d(1, 1, 1); }
50% {
transform: scale3d(1.05, 1.05, 1.05); }
to {
transform: scale3d(1, 1, 1); } }
.pulse {
animation-name: pulse; }
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1); }
30% {
transform: scale3d(1.25, 0.75, 1); }
40% {
transform: scale3d(0.75, 1.25, 1); }
50% {
transform: scale3d(1.15, 0.85, 1); }
65% {
transform: scale3d(0.95, 1.05, 1); }
75% {
transform: scale3d(1.05, 0.95, 1); }
to {
transform: scale3d(1, 1, 1); } }
.rubberBand {
animation-name: rubberBand; }
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0); } }
.shake {
animation-name: shake; }
@keyframes headShake {
0% {
transform: translateX(0); }
6.5% {
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
transform: translateX(5px) rotateY(7deg); }
31.5% {
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
transform: translateX(2px) rotateY(3deg); }
50% {
transform: translateX(0); } }
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake; }
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg); }
40% {
transform: rotate3d(0, 0, 1, -10deg); }
60% {
transform: rotate3d(0, 0, 1, 5deg); }
80% {
transform: rotate3d(0, 0, 1, -5deg); }
to {
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
transform-origin: top center;
animation-name: swing; }
@keyframes tada {
from {
transform: scale3d(1, 1, 1); }
10%, 20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
transform: scale3d(1, 1, 1); } }
.tada {
animation-name: tada; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
from {
transform: none; }
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
transform: none; } }
.wobble {
animation-name: wobble; }
@keyframes jello {
from, 11.1%, to {
transform: none; }
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
animation-name: jello;
transform-origin: center; }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
20% {
transform: scale3d(1.1, 1.1, 1.1); }
40% {
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03); }
80% {
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
transform: scale3d(1, 1, 1); } }
.bounceIn {
animation-name: bounceIn; }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, 25px, 0); }
75% {
transform: translate3d(0, -10px, 0); }
90% {
transform: translate3d(0, 5px, 0); }
to {
transform: none; } }
.bounceInDown {
animation-name: bounceInDown; }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(25px, 0, 0); }
75% {
transform: translate3d(-10px, 0, 0); }
90% {
transform: translate3d(5px, 0, 0); }
to {
transform: none; } }
.bounceInLeft {
animation-name: bounceInLeft; }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0); }
75% {
transform: translate3d(10px, 0, 0); }
90% {
transform: translate3d(-5px, 0, 0); }
to {
transform: none; } }
.bounceInRight {
animation-name: bounceInRight; }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
75% {
transform: translate3d(0, 10px, 0); }
90% {
transform: translate3d(0, -5px, 0); }
to {
transform: translate3d(0, 0, 0); } }
.bounceInUp {
animation-name: bounceInUp; }
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
animation-name: bounceOut; }
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
animation-name: bounceOutDown; }
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
animation-name: bounceOutLeft; }
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
animation-name: bounceOutRight; }
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
animation-name: bounceOutUp; }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
animation-name: fadeIn; }
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInDown {
animation-name: fadeInDown; }
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInDownBig {
animation-name: fadeInDownBig; }
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInLeft {
animation-name: fadeInLeft; }
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInLeftBig {
animation-name: fadeInLeftBig; }
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInRight {
animation-name: fadeInRight; }
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInRightBig {
animation-name: fadeInRightBig; }
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInUp {
animation-name: fadeInUp; }
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInUpBig {
animation-name: fadeInUpBig; }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
animation-name: fadeOut; }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
animation-name: fadeOutDown; }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
animation-name: fadeOutDownBig; }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
animation-name: fadeOutLeft; }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
animation-name: fadeOutLeftBig; }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
animation-name: fadeOutRight; }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
animation-name: fadeOutRightBig; }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
animation-name: fadeOutUp; }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
animation-name: fadeOutUpBig; }
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out; }
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out; }
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in; }
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
animation-timing-function: ease-in; }
to {
transform: perspective(400px);
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip; }
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX; }
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY; }
@keyframes flipOutX {
from {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@keyframes flipOutY {
from {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY; }
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
transform: skewX(20deg);
opacity: 1; }
80% {
transform: skewX(-5deg);
opacity: 1; }
to {
transform: none;
opacity: 1; } }
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out; }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in; }
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
transform-origin: center;
transform: none;
opacity: 1; } }
.rotateIn {
animation-name: rotateIn; }
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
transform-origin: left bottom;
transform: none;
opacity: 1; } }
.rotateInDownLeft {
animation-name: rotateInDownLeft; }
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
transform-origin: right bottom;
transform: none;
opacity: 1; } }
.rotateInDownRight {
animation-name: rotateInDownRight; }
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
transform-origin: left bottom;
transform: none;
opacity: 1; } }
.rotateInUpLeft {
animation-name: rotateInUpLeft; }
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
transform-origin: right bottom;
transform: none;
opacity: 1; } }
.rotateInUpRight {
animation-name: rotateInUpRight; }
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1; }
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
animation-name: rotateOut; }
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1; }
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
animation-name: rotateOutDownLeft; }
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1; }
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
animation-name: rotateOutDownRight; }
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1; }
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
animation-name: rotateOutUpLeft; }
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1; }
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
animation-name: rotateOutUpRight; }
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out; }
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out; }
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
animation-name: hinge; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
transform: none; } }
.rollIn {
animation-name: rollIn; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
animation-name: rollOut; }
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
animation-name: zoomIn; }
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
animation-name: zoomInDown; }
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
animation-name: zoomInLeft; }
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
animation-name: zoomInRight; }
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
animation-name: zoomInUp; }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
animation-name: zoomOut; }
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
animation-name: zoomOutDown; }
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center; } }
.zoomOutLeft {
animation-name: zoomOutLeft; }
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center; } }
.zoomOutRight {
animation-name: zoomOutRight; }
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
animation-name: zoomOutUp; }
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
.slideInDown {
animation-name: slideInDown; }
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
.slideInLeft {
animation-name: slideInLeft; }
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
.slideInRight {
animation-name: slideInRight; }
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
.slideInUp {
animation-name: slideInUp; }
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
animation-name: slideOutDown; }
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
animation-name: slideOutLeft; }
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
animation-name: slideOutRight; }
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
animation-name: slideOutUp; }
#noticeContainer_stacks_in_601 {
/* */
display: block;
position: relative; }
#noticeContainer_stacks_in_601 .clearfix:before {
content: " ";
display: table; }
#noticeContainer_stacks_in_601 .clearfix:after {
content: " ";
display: table;
clear: both; }
#notice_stacks_in_601 {
/* */
/* */
opacity: 0;
left: 20px;
right: 0px;
max-height: 70%;
/* */
position: fixed;
/* */
overflow-y: auto;
visibility: hidden;
/* */
z-index: 998;
/* */
/* */
max-width: 400px;
/* */
/* */
/* */
/* */
bottom: 0px;
/* */
/* */
/* */
margin-right: auto;
/* */
/* */
/* */
/* */
/* */
background: rgba(226, 220, 197, 1.00);
/* */
/* */
/* */
/* */
border-width: 3px 3px 3px 3px;
border-style: solid;
border-color: rgba(78, 41, 1, 1.00);
/* */
/* */
box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.50);
/* */
font-family: inherit !important;
color: rgba(51, 51, 51, 1.00);
border-radius: 10px 10px 10px 10px; }
#notice_stacks_in_601.show {
opacity: 1;
visibility: visible; }
#notice_stacks_in_601.hide {
opacity: 0;
visibility: hidden; }
#notice_stacks_in_601.cookie-hide {
display: none; }
#notice_stacks_in_601 .notice-inner-stacks {
clear: both;
margin: 0 auto;
max-width: 400px;
padding: 0px 10px 0px 10px; }
#notice_stacks_in_601 .notice-inner {
clear: both;
margin: 0 auto;
max-width: 400px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0px 10px 0px 10px;
/* */
text-align: left;
/* */
/* */
/* */
/* */
display: -ms-flexbox;
display: flex;
/* */
/* */ }
#notice_stacks_in_601 .notice-inner-text {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
max-width: 100%;
font-size: 18px;
line-height: 22px; }
#notice_stacks_in_601 .notice-inner-icon {
/* */
/* */
/* */
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
/* */
/* */
-ms-flex: 0 1 auto;
flex: 0 1 auto;
color: rgba(255, 255, 255, 1.00);
padding: 5px 20px 5px 10px; }
#notice_stacks_in_601 .notice-inner-icon i {
font-size: 32px;
vertical-align: middle; }
#notice_stacks_in_601 .notice-close-btn {
float: right;
cursor: pointer;
color: rgba(51, 51, 51, 1.00);
padding: 10px 10px 0px 10px; }
#notice_stacks_in_601 .notice-close-btn i {
cursor: pointer;
vertical-align: middle; }
#notice_stacks_in_601 .notice-action {
height: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
/* */
color: inherit;
background: none;
/* */ }
#notice_stacks_in_601 .notice-action i {
vertical-align: middle; }
#notice_stacks_in_601 .notice-action-close {
border-style: solid;
border-width: 1px 0 0 0;
border-color: rgba(255, 255, 255, 0.30); }
#notice_stacks_in_601 .notice-action-close:hover {
/* */ }
#notice_stacks_in_601 .notice-action-custom {
border-style: solid;
border-width: 1px 0 0 1px;
border-color: rgba(255, 255, 255, 0.30); }
#notice_stacks_in_601 .notice-action-custom:hover {
/* */ }
#notice_stacks_in_601 .notice-action-custom a {
color: inherit;
width: 100%;
height: 100%;
/* */
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
-ms-flex-pack: center;
justify-content: center;
/* */ }
#notice_stacks_in_601 .notice-action-btn {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
text-align: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
-ms-flex-pack: center;
justify-content: center; }
#notice_stacks_in_601 .notice-action-btn:hover {
cursor: pointer; }
@media (max-width: 480px) {
#notice_stacks_in_601 .notice-action {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 90px; }
#notice_stacks_in_601 .notice-action-custom {
border-width: 1px 0 0 0; }
#notice_stacks_in_601 .notice-action div {
height: 50%;
width: 100%; } }
/* */
:where(#cover_up_stacks_in_774) {
background: rgba(0, 0, 0, 0.99);
}
#cover_up_stacks_in_774 {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 999;
display: flex;
justify-content: center;
}
#cover_up_stacks_in_774[data-overflow="hidden"] {
overflow: hidden;
align-items: center;
}
#cover_up_stacks_in_774[data-overflow="scroll"] {
overflow-y: auto;
}
#cover_up_content_stacks_in_774 {
text-align: center;
width: 100%;
height: 100%;
}
/* Inspector/Edit Mode Styling */
/*
* Moving Pictures
* URL: https://www.andersonux.com/stacks
* Version 1.2.0
* Description: Pan & Zoom Background Image with Content Overlay
*/
#mpImage_stacks_in_826 {
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.mp-bg-stacks_in_826 {
opacity: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.mp-bg-stacks_in_826.mp-animate {
animation: mpAnim_stacks_in_826 20s ease-in-out forwards;
}
@keyframes mpAnim_stacks_in_826 {
from {
transform: scale(1.20) translate(0.00%, 8.00%);
transform-origin: center center;
}
to {
transform: scale(1.00) translate(0.00%, 0.00%);
transform-origin: center center;
}
}
@media screen and (max-width:641px){#stacks_in_764>.button.b-p.expand-mob:not(.icon-only),#stacks_in_764>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_764 .button.b-p.expand-large:not(.icon-only),#stacks_in_764>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}}
.bi-stage-stacks_in_851 {
width: 100%;
height: 100svh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.bi-stage-stacks_in_851[data-bi-height-basis="parent"] {
height: 100%;
}
.bi-edit-stacks_in_851 {
height: auto;
}
.bi-edit-stacks_in_851 .bi-content-stacks_in_851 {
width: 100%;
height: auto;
min-height: 120px;
max-height: none;
aspect-ratio: auto;
overflow: visible;
}
.bi-content-stacks_in_851 {
height: 100%;
aspect-ratio: 16 / 9;
max-width: 100%;
max-height: 100%;
min-height: 0;
min-width: 0;
overflow: hidden;
position: relative;
}.target.stacks_in_5{ margin:0px;}.target.stacks_in_5{}.target.stacks_in_5.width-fill{width:calc(100% - 0px)}.target.stacks_in_5.width-flexible{width:100%}.target.stacks_in_5.width-fixed{width:250px}.target.stacks_in_5.height-fill{height:calc(100% - 0px)}.target.stacks_in_5.height-flexible{height:100%}.target.stacks_in_5.height-fixed{height:250px}.target.stacks_in_5[class*="relative-"].top-pt{top:0%}.target.stacks_in_5[class*="relative-"].top-px{top:0px}.target.stacks_in_5[class*="relative-"].bottom-pt{bottom:0%}.target.stacks_in_5[class*="relative-"].bottom-px{bottom:0px}.target.stacks_in_5[class*="relative-"].right-pt{right:0%}.target.stacks_in_5[class*="relative-"].right-px{right:0px}.target.stacks_in_5[class*="relative-"].left-pt{left:0%}.target.stacks_in_5[class*="relative-"].left-px{left:0px}.target.stacks_in_5.shift-up{margin-top:-0px}.target.stacks_in_5.shift-down{margin-bottom:-0px}.target.stacks_in_5.shift-left{right:0px}.target.stacks_in_5.shift-right{left:0px}.target.stacks_in_5.pin-top,.target.stacks_in_5.pin-bottom{left:0px}.target.stacks_in_5.pin-left,.target.stacks_in_5.pin-right{top:0px}
#stacks_in_23{max-width:2560px}#stacks_in_23 .points-wrapper{max-width:2560px;padding-bottom:56.25%;}#stacks_in_23 .point{width:1.50rem;height:1.50rem}@media screen and (min-width:40em){#stacks_in_23 .point{width:2.40rem;height:2.40rem}}@media screen and (min-width:62.5em){#stacks_in_23 .point{width:2.60rem;height:2.60rem}}#stacks_in_23 .point a,#stacks_in_23 .point abbr{cursor:pointer}#stacks_in_23 .mode-circle abbr{background:rgba(252, 111, 207, 1.00)}#stacks_in_23 .mode-circle.point-ring abbr{background-color:transparent;border:2px solid rgba(252, 111, 207, 1.00)}@media screen and (min-width:40em){#stacks_in_23 .mode-circle.point-ring abbr{border-width:2px}}@media screen and (min-width:62.5em){#stacks_in_23 .mode-circle.point-ring abbr{border-width:5px}}#stacks_in_23 .mode-circle.point-saturn abbr{border:2px solid rgba(255, 255, 255, 1.00)}@media screen and (min-width:40em){#stacks_in_23 .mode-circle.point-saturn abbr{border-width:2px}}@media screen and (min-width:62.5em){#stacks_in_23 .mode-circle.point-saturn abbr{border-width:5px}}#stacks_in_23 .mode-circle.point-pulse .ring{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_23 .mode-image abbr{background:url(0.75) no-repeat center center}#stacks_in_23 .point abbr,#stacks_in_23 .point i.fa{line-height:1.50rem;font-size:0.75rem;color:rgba(0, 0, 0, 1.00)}@media screen and (min-width:40em){#stacks_in_23 .point abbr,#stacks_in_23 .point i.fa{line-height:2.40rem;font-size:0.90rem}}@media screen and (min-width:62.5em){#stacks_in_23 .point abbr,#stacks_in_23 .point i.fa{line-height:2.60rem;font-size:1.00rem}}#stacks_in_23 .points-tooltip{font-size:0.80rem;border-radius:5px;color:rgba(255, 255, 255, 0.00);background:rgba(0, 0, 0, 0.00)}@media screen and (min-width:40em){#stacks_in_23 .points-tooltip{font-size:0.90rem}}@media screen and (min-width:62.5em){#stacks_in_23 .points-tooltip{font-size:1.00rem}}#stacks_in_23 .points-tooltip:after{border-color:rgba(0, 0, 0, 0.00)}#stacks_in_23 .info-tooltip .points-tooltip{}#stacks_in_23 .info-overlay .points-tooltip{text-align:left}
.target.stacks_in_71{ margin:0px;}.target.stacks_in_71{}.target.stacks_in_71.width-fill{width:calc(100% - 0px)}.target.stacks_in_71.width-flexible{width:100%}.target.stacks_in_71.width-fixed{width:250px}.target.stacks_in_71.height-fill{height:calc(100% - 0px)}.target.stacks_in_71.height-flexible{height:100%}.target.stacks_in_71.height-fixed{height:250px}.target.stacks_in_71[class*="relative-"].top-pt{top:0%}.target.stacks_in_71[class*="relative-"].top-px{top:0px}.target.stacks_in_71[class*="relative-"].bottom-pt{bottom:0%}.target.stacks_in_71[class*="relative-"].bottom-px{bottom:0px}.target.stacks_in_71[class*="relative-"].right-pt{right:0%}.target.stacks_in_71[class*="relative-"].right-px{right:0px}.target.stacks_in_71[class*="relative-"].left-pt{left:0%}.target.stacks_in_71[class*="relative-"].left-px{left:0px}.target.stacks_in_71.shift-up{margin-top:-0px}.target.stacks_in_71.shift-down{margin-bottom:-0px}.target.stacks_in_71.shift-left{right:0px}.target.stacks_in_71.shift-right{left:0px}.target.stacks_in_71.pin-top,.target.stacks_in_71.pin-bottom{left:0px}.target.stacks_in_71.pin-left,.target.stacks_in_71.pin-right{top:0px}
.target.stacks_in_74{ margin:0px;}.target.stacks_in_74{}.target.stacks_in_74.width-fill{width:calc(100% - 0px)}.target.stacks_in_74.width-flexible{width:100%}.target.stacks_in_74.width-fixed{width:250px}.target.stacks_in_74.height-fill{height:calc(100% - 0px)}.target.stacks_in_74.height-flexible{height:100%}.target.stacks_in_74.height-fixed{height:250px}.target.stacks_in_74[class*="relative-"].top-pt{top:0%}.target.stacks_in_74[class*="relative-"].top-px{top:0px}.target.stacks_in_74[class*="relative-"].bottom-pt{bottom:0%}.target.stacks_in_74[class*="relative-"].bottom-px{bottom:0px}.target.stacks_in_74[class*="relative-"].right-pt{right:10%}.target.stacks_in_74[class*="relative-"].right-px{right:10px}.target.stacks_in_74[class*="relative-"].left-pt{left:10%}.target.stacks_in_74[class*="relative-"].left-px{left:10px}.target.stacks_in_74.shift-up{margin-top:-0px}.target.stacks_in_74.shift-down{margin-bottom:-0px}.target.stacks_in_74.shift-left{right:0px}.target.stacks_in_74.shift-right{left:0px}.target.stacks_in_74.pin-top,.target.stacks_in_74.pin-bottom{left:0px}.target.stacks_in_74.pin-left,.target.stacks_in_74.pin-right{top:0px}
.target.stacks_in_77{ margin:0px;}.target.stacks_in_77{}.target.stacks_in_77.width-fill{width:calc(100% - 0px)}.target.stacks_in_77.width-flexible{width:100%}.target.stacks_in_77.width-fixed{width:250px}.target.stacks_in_77.height-fill{height:calc(100% - 0px)}.target.stacks_in_77.height-flexible{height:100%}.target.stacks_in_77.height-fixed{height:250px}.target.stacks_in_77[class*="relative-"].top-pt{top:0%}.target.stacks_in_77[class*="relative-"].top-px{top:0px}.target.stacks_in_77[class*="relative-"].bottom-pt{bottom:0%}.target.stacks_in_77[class*="relative-"].bottom-px{bottom:0px}.target.stacks_in_77[class*="relative-"].right-pt{right:10%}.target.stacks_in_77[class*="relative-"].right-px{right:10px}.target.stacks_in_77[class*="relative-"].left-pt{left:10%}.target.stacks_in_77[class*="relative-"].left-px{left:10px}.target.stacks_in_77.shift-up{margin-top:-0px}.target.stacks_in_77.shift-down{margin-bottom:-0px}.target.stacks_in_77.shift-left{right:0px}.target.stacks_in_77.shift-right{left:0px}.target.stacks_in_77.pin-top,.target.stacks_in_77.pin-bottom{left:0px}.target.stacks_in_77.pin-left,.target.stacks_in_77.pin-right{top:0px}
.pab.stacks_in_43{max-height:0px;transition:max-height 500ms ease 0ms}.pab.stacks_in_43.open{max-height:500px}@media screen and (min-width:40em){.pab.stacks_in_43.open{max-height:500px}}@media screen and (min-width:64em){.pab.stacks_in_43.open{max-height:500px}}.wrapper-stacks_in_43{height:500px}@media screen and (min-width:40em){.wrapper-stacks_in_43{height:500px}}@media screen and (min-width:64em){.wrapper-stacks_in_43{height:500px}}
/*
2.3.0
* fixes a bug that could cause html elements to display as plain text in the autoreply subject
* fixes a bug that prevented shortcodes used in element attributes from updating correctly
adds new experimental feature: use smtp
* fixes a bug that could cause formatting issues in custom formatted message bodies
* fixes custom email format line break issues with certain themes and frameworks that remove br tags indiscriminately
* adds "\r\n" to br tags in custom formatted messages to prevent "lines too long for transport error"
* data was replaced with attr
* Radio fields can now be used to create branching slides
* input field confirm buttons now have a minimum width
2.3.0.4
you can now ignore case when comparing string values
fixes bug that would show the last input field if a "if" stack even if the condition was false
textarea is now 100% width
triggers an input event on configure input fields so that the if statements are properly updated on load, previously they required at lest one form of interaction with a configure field
fixes a bug that prevented shortcodes from working in Configure Hybrid mode with a custom email format (possibly introduced by the fix to Siphon's custom format in last update)
*/
#stacks_in_44.siphon-stack {
box-sizing: content-box;
overflow: hidden;
position: relative;
}
#stacks_in_44.siphon-stack
{
margin: 0px 0px 0px 0px;
transition: height 600ms ease;
}
@-webkit-keyframes gradAnimate {
0%{background-position:20% 0%}
50%{background-position:81% 100%}
100%{background-position:20% 0%}
}
@-moz-keyframes gradAnimate {
0%{background-position:20% 0%}
50%{background-position:81% 100%}
100%{background-position:20% 0%}
}
@-o-keyframes gradAnimate {
0%{background-position:20% 0%}
50%{background-position:81% 100%}
100%{background-position:20% 0%}
}
@keyframes gradAnimate {
0%{background-position:20% 0%}
50%{background-position:81% 100%}
100%{background-position:20% 0%}
}
.siphon-pagstacks_in_44 {
z-index: 100;
width: 100%;
display: none;
}
.siphon-pagstacks_in_44 div {
max-width: 600px;
margin: 0 auto;
padding: 0px;
box-sizing: border-box;
text-align: center;
}
.siphon-pagstacks_in_44 span {
width: 20px;
height: 20px;
box-sizing: border-box;
border: 2px solid rgba(25, 25, 25, 1.00);;
border-radius: 50%;
display: inline-block;
cursor: pointer;
margin-right: 5px;
position: relative;
}
.siphon-pagstacks_in_44 span:hover {
background: rgba(25, 25, 25, 1.00);;
}
.siphon-pagstacks_in_44 span:after{
width: 5px;
height: 2px;
background: rgba(25, 25, 25, 1.00);;
position: absolute;
content: " ";
right: -7px;
top: 6px;
}
.siphon-pagstacks_in_44 span:last-child:after{
display: none;
}
.siphon-pagstacks_in_44 span.active {
background: rgba(102, 102, 102, 1.00);
border-color: rgba(102, 102, 102, 1.00);;
cursor: default;
}
.siphon-pagstacks_in_44 .siphon-pag-back {
height: 20px;
width: 20px;
display: inline-block;
vertical-align: top;
margin-right: 5px;
color: rgba(25, 25, 25, 1.00);
}
.siphon-pagstacks_in_44 .siphon-pag-back.disable-back {
opacity: .5;
pointer-events: none;
cursor: default;
}
.siphon-pagstacks_in_44 .siphon-pag-back svg {
fill: rgba(25, 25, 25, 1.00);
}
.siphon-pagstacks_in_44 .siphon-pag-back svg:hover {
fill: rgba(102, 102, 102, 1.00);
cursor: pointer;
}
#stacks_in_44 .siphon-hide {
display: none;
}
#stacks_in_44 .siphon-section .siphon-input-wrap.checkbox { margin: 16px 0px 0px 0px; }
#stacks_in_44 .siphon-section .siphon-input-wrap.checkbox ~ .checkbox { margin: 0px; }
#stacks_in_44 .siphon-section .siphon-input-wrap.checkbox input {
-webkit-appearance: none;
appearance: none;
opacity: 0 !important;
padding: 0px 5px 0px 0px;
margin: 0;
width: 100%;
height: 14px;
position: absolute;
left: 0;
cursor: pointer;
z-index: 100;
left: 50%;
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
transform: translate(-50%,0);
}
#stacks_in_44 .siphon-section .siphon-input-wrap.checkbox label {
padding-left: 19px;
position: relative;
z-index: 1;
}
#stacks_in_44 .siphon-section .siphon-input-wrap.checkbox label:before {
content: "\f096";
display: inline-block;
box-sizing: content-box;
font-family: fontawesome;
vertical-align: bottom;
position:absolute;
left: 0;
text-align: left;
}
#stacks_in_44 .siphon-section .siphon-input-wrap.checkbox input:disabled {
cursor: not-allowed;
}
#stacks_in_44 .siphon-section .siphon-input-wrap.checkbox input:disabled + label {
opacity: .6;
}
#stacks_in_44 .siphon-section .siphon-input-wrap.checkbox input:checked +label:before {
content: "\f046";
}
#stacks_in_44 .siphon-section .siphon-input-wrap.checkbox input[type="radio"] + label:before {
content: "\f10c";
}
#stacks_in_44 .siphon-section .siphon-input-wrap.checkbox input[type="radio"]:checked + label:before {
content: "\f192";
}
#stacks_in_44.siphon-stack .siphon-section {
position: absolute;
opacity: 0;
top: 0;
left: 100%;
box-sizing: border-box;
width: 100%;
margin: 0 auto;
padding: 20px 20px 20px 20px;
max-width: 600px;
visibility: hidden;
text-align: center;
transition: opacity 300ms ease;
}
#stacks_in_44.siphon-stack .siphon-section .siphon-back {
color: rgba(25, 25, 25, 1.00);
margin-top: 32px;
}
#stacks_in_44.siphon-stack .siphon-section.back-at-top {
border-top: 50px solid transparent;
}
#stacks_in_44.siphon-stack .siphon-section.back-at-top .siphon-back {
margin: 0px;
position: absolute;
top: 10px;
top: -40px;
left: 20px;
}
#stacks_in_44.siphon-stack .siphon-section .siphon-back svg {
fill: rgba(25, 25, 25, 1.00);
width: 40px;
height: 40px;
}
#stacks_in_44.siphon-stack .siphon-section .siphon-back svg:hover {
fill: rgba(102, 102, 102, 1.00);
cursor: pointer;
}
#stacks_in_44.siphon-stack > .siphon-section:first-child .siphon-back {
display: none;
}
#stacks_in_44.siphon-stack .siphon-section.siphon-active {
position: relative;
opacity: 1;
left: 0;
height: auto;
visibility: visible;
}
#stacks_in_44 .siphon-section h1,
#stacks_in_44 .siphon-section h2,
#stacks_in_44 .siphon-section h3,
#stacks_in_44 .siphon-section h4,
#stacks_in_44 .siphon-section h5,
#stacks_in_44 .siphon-section h6,
#stacks_in_44 .siphon-section h1 span,
#stacks_in_44 .siphon-section h2 span,
#stacks_in_44 .siphon-section h3 span,
#stacks_in_44 .siphon-section h4 span,
#stacks_in_44 .siphon-section h5 span,
#stacks_in_44 .siphon-section h6 span {
color: rgba(0, 0, 0, 1.00);
line-height: 1.000000;
font-family: inherit;
text-align: center;
}
#stacks_in_44 .siphon-section .siphon-question {
position: relative;
display: inline-block;
width: 100%;
opacity: 1;
margin: 0;
color: rgba(0, 0, 0, 1.00);
font-size: 16px;
line-height: 16px;
font-family: inherit;
text-align: center;
}
#stacks_in_44 .siphon-section .siphon-pagination + .siphon-question {
margin: 32px 0 0 0;
}
#stacks_in_44 .siphon-section {
font-size: 16px;
line-height: 16px;
color: rgba(25, 25, 25, 1.00);
}
#stacks_in_44 .siphon-section .siphon-answer {
margin-top: 8px;
}
#stacks_in_44 .siphon-section .siphon-answer,
#stacks_in_44 .siphon-section .siphon-answer p,
#stacks_in_44 .siphon-section .siphon-answer span,
#stacks_in_44 .siphon-section .siphon-input-wrap.checkbox input,
#stacks_in_44 .siphon-section .siphon-input-wrap.checkbox input + label,
#stacks_in_44 .siphon-section .siphon-input-wrap.checkbox input + label span {
color: rgba(25, 25, 25, 1.00);
font-size: 14px;
line-height: 14px;
font-family: inherit;
text-align: center;
}
#stacks_in_44 .siphon-section .siphon-answer p {
margin: 0;
}
#stacks_in_44 .siphon-section .siphon-answer:hover p,
#stacks_in_44 .siphon-section .siphon-answer:hover span,
#stacks_in_44 .siphon-section .siphon-answer:hover .text_stack,
#stacks_in_44 .siphon-section .siphon-answer:hover,
#stacks_in_44 .siphon-section .siphon-input-wrap.checkbox input:hover,
#stacks_in_44 .siphon-section .siphon-input-wrap.checkbox input:hover + label {
color: rgba(102, 102, 102, 1.00);
}
#stacks_in_44 .siphon-section .siphon-answer a span,
#stacks_in_44 .siphon-section .siphon-answer:hover a span {
color: inherit;
font-size: inherit;
line-height: inherit;
text-align: inherit;
font-family: inherit;
}
#stacks_in_44 .siphon-section .siphon-answer {
cursor: pointer;
}
/* Answer Styles */
#stacks_in_44.siphon-stack .siphon-input-wrap,
#stacks_in_44.siphon-stack .siphon-input-wrap * {
box-sizing: border-box;
}
#stacks_in_44.siphon-stack .siphon-input-wrap {
position: relative;
z-index: 1;
display: inline-block;
margin: 16px 0px 0px 0px;
width: 100%;
vertical-align: top;
text-align: center;
}
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox) input {
position: relative;
display: block;
float: left;
padding: 0px 16px;
margin: 0;
height: 45px;
line-height: 45px;
font-size: 18px;
font-family: inherit;
border: none;
border-radius: 0;
-webkit-appearance: none; /* for box shadows to show on iOS */
z-index: 10;
max-width: 250px;
width: 80%;
background: transparent;
color: rgba(255, 255, 245, 1.00);
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
float: none;
margin: 0 auto;
}
#stacks_in_44.siphon-stack .siphon-input-wrap button {
background: transparent;
border: 3px solid rgba(0, 0, 0, 1.00);
border-radius: 2px;
padding: 0px 16px;
height: 45px;
max-width: 100px;
width: 20%;
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: rgba(0, 0, 0, 1.00);
font-size: 16px;
font-family: inherit;
}
#stacks_in_44.siphon-stack .siphon-input-wrap.siphon-visible-button button,
#stacks_in_44.siphon-stack .siphon-input-wrap.siphon-file button,
#stacks_in_44.siphon-stack .siphon-input-wrap.checkbox button{
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
opacity: 1;
width: 100px;
float: left;
clear: left;
margin-top: 16px;
width: 100%;
max-width: 250px;
position: relative;
float: none;
display: block;
margin: 20px auto 0px ;
}
#stacks_in_44.siphon-stack .siphon-input-wrap.checkbox button{
float: none;
display: block;
}
#stacks_in_44.siphon-stack .siphon-input-wrap button .checkmark {
height: 39px;
stroke-width: 4;
stroke: rgba(0, 0, 0, 1.00);
stroke-miterlimit: 10;
}
#stacks_in_44.siphon-stack .siphon-input-wrap button .checkmark-check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 0;
}
#stacks_in_44.siphon-stack .siphon-input-wrap button:hover {
background: rgba(255,255,255,0.2);
cursor: pointer;
}
#stacks_in_44.siphon-stack .siphon-input-wrap button:active {
background: rgba(255,255,255,0.2);
}
#stacks_in_44.siphon-stack .siphon-input-wrap input:focus,
#stacks_in_44.siphon-stack .siphon-input-wrap textarea:focus,
#stacks_in_44.siphon-stack .siphon-input-wrap button:focus {
outline: none;
}
#stacks_in_44.siphon-stack .siphon-input-wrap.input-focused button {
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
opacity: 1;
}
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label {
display: block;
float: left;
clear: left;
padding: 0 16px;
border-radius: 2px;
color: rgba(51, 51, 51, 1.00);
font-size: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
width: 80%;
max-width: 250px;
text-align: left;
margin: 0px;
}
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label span {
position: relative;
display: block;
padding: 5px 0px;
width: 100%;
font-family: inherit;
}
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label span:empty {
display: none;
}
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before {
content: '';
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
max-width: 250px;
height: 45px;
background: rgba(51, 51, 51, 1.00);
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 250px;
height: 3px;
background: rgba(51, 51, 51, 1.00);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
pointer-events: none;
}
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) textarea + label::before,
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) textarea + label::after {
display: none;
}
@media all and (max-width: 350px) {
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label,
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox) input {
width: calc(100% - 60px);
}
#stacks_in_44.siphon-stack .siphon-input-wrap button {
width: 60px;
}
}
#stacks_in_44.siphon-stack .siphon-input-wrap textarea {
resize: none;
display: block;
background: rgba(51, 51, 51, 1.00);
border-radius: 2px;
border: 0px solid white;
padding: 16px;
margin: 0;
height: 200px;
opacity: 1;
z-index: 10;
width: 100%;
max-width: 250px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: rgba(255, 255, 245, 1.00);
font-size: 18px;
font-family: inherit;
}
#stacks_in_44.siphon-stack .siphon-input-wrap {
max-width: 250px;
width: 100%;
display: block;
margin: 16px auto 0 auto;
}
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox) input {
width: 100%;
padding-right: 88px;
/* z-index: 0; */
}
#stacks_in_44.siphon-stack .siphon-input-wrap.siphon-input-has-button:not(.checkbox):not(.siphon-file) label::before {
width: calc(100% - 80px);
}
#stacks_in_44.siphon-stack .siphon-input-wrap textarea {
width: 100%;
}
#stacks_in_44.siphon-stack .siphon-input-wrap button {
float: none;
position: absolute;
top: 0;
right: 0;
width: 80px;
z-index: 11;
transform-origin: bottom left;
}
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label {
width: 100%;
float: none;
margin: 0 auto;
text-align: center;
}
#stacks_in_44.siphon-stack .deluxe-columns .siphon-input-wrap {
margin: 16px auto 0 auto;
}
#stacks_in_44.siphon-stack .deluxe-columns .siphon-input-wrap:not(.checkbox):not(.siphon-file) label {
margin: 0 auto;
}
#stacks_in_44.siphon-stack .deluxe-columns .siphon-input-wrap {
max-width: 250px;
width: 100%;
display: block;
margin: 16px 0 0 0;
}
#stacks_in_44.siphon-stack .deluxe-columns .siphon-input-wrap:not(.checkbox) input {
width: 100%;
padding-right: 88px;
z-index: 0;
}
#stacks_in_44.siphon-stack .deluxe-columns .siphon-input-wrap.siphon-input-has-button:not(.checkbox):not(.siphon-file) label::before {
width: calc(100% - 80px);
}
#stacks_in_44.siphon-stack .deluxe-columns .siphon-input-wrap textarea {
width: 100%;
}
#stacks_in_44.siphon-stack .deluxe-columns .siphon-input-wrap button {
float: none;
position: absolute;
top: 0;
right: 0;
width: 80px;
z-index: 1;
transform-origin: bottom left;
margin: 0;
}
#stacks_in_44.siphon-stack .deluxe-columns .siphon-input-wrap:not(.checkbox):not(.siphon-file) label {
width: 100%;
float: none;
}
#stacks_in_44.siphon-stack .deluxe-columns .siphon-input-wrap {
margin: 16px auto 0 auto;
}
#stacks_in_44.siphon-stack .deluxe-columns .siphon-input-wrap:not(.checkbox):not(.siphon-file) label {
margin: 0 auto;
}
#stacks_in_44.siphon-stack .siphon-input-wrap.is-required input,
#stacks_in_44.siphon-stack .siphon-input-wrap.is-required textarea {
outline: thin solid red;
}
#stacks_in_44.siphon-stack .siphon-input-wrap input.is-required + label {
color: red !important;
}
#stacks_in_44.siphon-stack .siphon-input-wrap input:focus,
#stacks_in_44.siphon-stack .siphon-input-wrap.input-focused input,
#stacks_in_44.siphon-stack .siphon-input-wrap.is-required input {
opacity: 1;
/* -webkit-transition-delay: 0.3s;
transition-delay: 0.3s; */
}
#stacks_in_44.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap input::before,
#stacks_in_44.siphon-stack .siphon-input-wrap.input-focused:not(.checkbox):not(.siphon-file) label::before,
#stacks_in_44.siphon-stack .siphon-input-wrap.input-focused label::before,
#stacks_in_44.siphon-stack .siphon-input-wrap.is-required label::before {
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}
#stacks_in_44.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap label,
#stacks_in_44.siphon-stack .siphon-input-wrap.input-focused label,
#stacks_in_44.siphon-stack .siphon-input-wrap.is-required label {
pointer-events: none;
}
#stacks_in_44.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap label::after,
#stacks_in_44.siphon-stack .siphon-input-wrap.input-focused label::after,
#stacks_in_44.siphon-stack .siphon-input-wrap.is-required label::after {
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
}
#stacks_in_44 .siphon-section .siphon-input-wrap input[type='file'] {
margin: 16px 0px;
opacity: 0;
}
/* Submit slide styles */
#stacks_in_44.siphon-stack .siphon-submit button,
#stacks_in_44 .siphon-section .siphon-input-wrap.siphon-file label {
background: transparent;
border: 3px solid rgba(0, 0, 0, 1.00);
border-radius: 2px;
padding: 0px 16px;
height: 45px;
margin: 16px 0px;
color: rgba(0, 0, 0, 1.00);
font-size: 18px;
font-family: inherit;
position: relative;
z-index: 1;
overflow: hidden;
}
#stacks_in_44.siphon-stack .siphon-submit button:hover,
#stacks_in_44 .siphon-section .siphon-input-wrap.siphon-file label:hover {
background: rgba(255,255,255,0.2);
cursor: pointer;
}
#stacks_in_44.siphon-stack .siphon-submit button:active,
#stacks_in_44 .siphon-section .siphon-input-wrap.siphon-file label:active {
background: rgba(255,255,255,0.2);
}
#stacks_in_44.siphon-stack .siphon-submit button:focus {
outline: none;
}
#stacks_in_44.siphon-stack .siphon-input-wrap.siphon-textarea button {
width: 100%;
max-width: 250px;
position: relative;
float: none;
display: block;
margin: 0 auto;
}
#stacks_in_44.siphon-stack .siphon-mail-error {
color: white;
background: #FF4444;
border: 1px solid #FF2222;
padding: 10px;
border-radius: 4px;
margin: 32px 0px 0px 0px;
box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}
#stacks_in_44 .siphon-loader {
height: 40px;
width: 40px;
text-align: center;
padding: 0;
margin: 32px auto 0 auto;
display: block;
position: absolute;
opacity: 0;
transition: opacity 0ms linear;
pointer-events: none;
z-index: 0;
}
#stacks_in_44 .siphon-loader svg path {
fill: rgba(0, 0, 0, 1.00);
}
#stacks_in_44.siphon-email-submited .siphon-loader {
position: relative;
opacity: 1;
transition: opacity 300ms ease;
-webkit-animation: load3 1.4s infinite linear;
animation: load3 1.4s infinite linear;
}
@-webkit-keyframes load3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#stacks_in_44.siphon-email-submited .siphon-submit button,
#stacks_in_44.siphon-email-submited .siphon-back,
#stacks_in_44.siphon-email-submited .configure-submit {
display: none;
}
#stacks_in_44.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) input,
#stacks_in_44.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) input,
#stacks_in_44.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) label,
#stacks_in_44.siphon-stack .s3_column .siphon-input-wrap textarea,
#stacks_in_44.siphon-stack .s3_column .siphon-input-wrap button,
#stacks_in_44.siphon-email-submited .s3_column .siphon-submit button,
#stacks_in_44 .siphon-section .s3_column .siphon-input-wrap.siphon-file label,
#stacks_in_44.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label {
width: 100%;
max-width: 100%;
position: relative;
float: none;
}
#stacks_in_44.siphon-stack .s3_column .siphon-input-wrap label::after,
#stacks_in_44.siphon-stack .s3_column .siphon-input-wrap label::before,
#stacks_in_44.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after,
#stacks_in_44.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before {
width: 100%;
max-width: 100%;
float: none;
}
@media all and (max-width: 640px) {
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox) input,
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox) input,
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox) label,
#stacks_in_44.siphon-stack .siphon-input-wrap textarea,
/* #stacks_in_44.siphon-stack .siphon-input-wrap button, */
#stacks_in_44.siphon-email-submited .siphon-submit button,
#stacks_in_44 .siphon-section .siphon-input-wrap.siphon-file label,
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label {
/* width: 100%;
position: relative;
float: none; */
}
#stacks_in_44.siphon-stack .siphon-input-wrap button {
padding: 0 6px;
}
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after,
#stacks_in_44.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before {
/* width: 100%;
float: none; */
}
}
#stacks_in_44 .siphon-section .siphon-input-wrap.checkbox label:before {
}
/* Edit mode styles */
#stacks_in_44 .autoreply {display: none;}
/*
=======================================
File
=======================================
*/
#stacks_in_44 .siphon-section .siphon-input-wrap.siphon-file label {
display: inline-block;
line-height: 40px;
position: absolute !important;
z-index: 100;
left:0;
top: 0;
}
#stacks_in_44 .siphon-section .siphon-input-wrap.siphon-file label {
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#stacks_in_44 .siphon-section .siphon-input-wrap.siphon-file input:before {
content: "\f192";
}
/*
=======================================
Range / Slider
=======================================
*/
#stacks_in_44.siphon-stack .siphon-range-wrap {
display: grid;
grid-template-columns: min-content 1fr min-content;
max-width: 250px;
width: 100%;
align-items: center;
grid-gap: 4px;
float: none;
margin: 0 auto;
}
#stacks_in_44.siphon-stack .siphon-range-wrap > span {
color: rgba(51, 51, 51, 1.00);
font-size: 14px;
line-height: 14px;
font-family: inherit;
white-space: nowrap;
}
#stacks_in_44.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) > label > span {
font-size: 14px;
line-height: 16px;
margin-top: 12px;
}
#stacks_in_44.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) input {
opacity: 1;
width: 100%;
height: 4px;
padding: 0px;
background: rgba(51, 51, 51, 1.00);
}
#stacks_in_44.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) label {
transform: translateY(-7.000000px);
}
#stacks_in_44.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border-radius: 10px;
background: rgba(0, 0, 0, 1.00);
cursor: pointer;
}
#stacks_in_44.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) input::-moz-range-thumb {
background: rgba(0, 0, 0, 1.00);
width: 20px;
height: 20px;
border-radius: 10px;
cursor: pointer;
}
#stacks_in_44.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) label:before,
#stacks_in_44.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) label:after {
display: none;
}
.siphon-stack .siphon-section .stacks_in,
.siphon-stack .siphon-section .stacks_out {
overflow: hidden;
}
/* #stacks_in_44 .siphon-hide.has-button {
display: block;
}
#stacks_in_44 .siphon-hide.has-button .siphon-input-wrap {
display: block;
}
#stacks_in_44 .siphon-hide.has-button .siphon-input-wrap:not(svg):not(path) input.siphon-input + label,
#stacks_in_44 .siphon-hide.has-button .siphon-input-wrap:not(svg):not(path) input.siphon-input,
#stacks_in_44 .siphon-hide.has-button .siphon-input-wrap:not(svg):not(path) textarea.siphon-input,
#stacks_in_44 .siphon-hide.has-button *:not(svg):not(path) {
display: none;
}
#stacks_in_44 .siphon-hide.has-button button:not(svg):not(path) {
display: block;
} */
.autoreplyBody, .autoreplySubject {display: none !important;}
.custom-format {display: none;}
.siphon-stack.bg-stacks_in_46:before {
position: relative;
transition: height 600ms ease-in;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#stacks_in_48 textarea {
height: 200px !important;
}
.autoreplyBody, .autoreplySubject {display: none !important;}
.custom-format {display: none;}
.siphon-stack.bg-stacks_in_51:before {
position: relative;
transition: height 600ms ease-in;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#stacks_in_61{text-align:center} #stacks_in_61 .button.b-p,#stacks_in_61 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_61>.button.b-p.expand-mob:not(.icon-only),#stacks_in_61>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_61 .button.b-p.expand-large:not(.icon-only),#stacks_in_61>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}}
/*
-------------------------------------------
Stack: Blueball FreeStacks Responsive Max Width Stack
Style Sheet: fsrmaxwidth.css
Created: 23, October 2012
Last Modified: 06, December 2012
Author: Charlie Lockhart, Blueball Design
www.blueballdesign.com
Copyright 2010-2012 Blueball Design LLC USA/Charlie Lockhart
All Rights Reserved
-------------------------------------------
*/
#stacks_in_63 {
max-width: 160px;
margin: 0px auto !important;
}
.autoreplyBody, .autoreplySubject {display: none !important;}
.custom-format {display: none;}
.siphon-stack.bg-stacks_in_184:before {
position: relative;
transition: height 600ms ease-in;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.siphon-configure #section_stacks_in_184 .configure-submit button.siphon-configure-next,
.siphon-configure #section_stacks_in_184 .configure-submit button.siphon-configure-send-email {
background: rgba(16, 55, 145, 1.00);
border-color: rgba(16, 55, 145, 1.00);
color: rgba(255, 255, 255, 1.00);
}
.siphon-configure #section_stacks_in_184 .configure-submit button.siphon-configure-back {
background: rgba(0, 0, 0, 0.00);
border-color: rgba(16, 55, 145, 1.00);
color: rgba(16, 55, 145, 1.00);
}
#wrap_stacks_in_186 .prefix {
margin-right: 0;
}
#wrap_stacks_in_186 .postfix {
margin-left: 0;
}
#wrap_stacks_in_186 .configure-inner-wrap {
width: 100%;
max-width: 320px;
}
#wrap_stacks_in_186 .configure-group-wrap label {
background-color: rgba(0, 0, 0, 0.00);
border-color: rgba(0, 0, 0, 0.20);
transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease;
}
#wrap_stacks_in_186 .configure-group-wrap input:checked + label {
background-color: rgba(0, 0, 0, 0.00);
border-color: rgba(60, 100, 250, 0.80);
box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20);
}
#wrap_stacks_in_186 .configure-group-wrap input:not(:checked) + label:hover {
border-color: rgba(60, 100, 250, 0.80);
box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20);
}
#wrap_stacks_in_186 .configure-group-wrap label {
padding: 6px 16px;
}
.configure-group-wrap[data-name="stacks_in_186"],
.configure-group-wrap[data-name="stacks_in_186"] > div[tag="node"] {
grid-template-columns: repeat(auto-fit,156px);
}
#wrap_stacks_in_188 .prefix {
margin-right: 0;
}
#wrap_stacks_in_188 .postfix {
margin-left: 0;
}
#wrap_stacks_in_188 .configure-inner-wrap {
width: 100%;
max-width: 320px;
}
#wrap_stacks_in_188 .configure-group-wrap label {
background-color: rgba(0, 0, 0, 0.00);
border-color: rgba(0, 0, 0, 0.20);
transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease;
}
#wrap_stacks_in_188 .configure-group-wrap input:checked + label {
background-color: rgba(0, 0, 0, 0.00);
border-color: rgba(60, 100, 250, 0.80);
box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20);
}
#wrap_stacks_in_188 .configure-group-wrap input:not(:checked) + label:hover {
border-color: rgba(60, 100, 250, 0.80);
box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20);
}
#wrap_stacks_in_188 .configure-group-wrap label {
padding: 6px 16px;
}
.configure-group-wrap[data-name="stacks_in_188"],
.configure-group-wrap[data-name="stacks_in_188"] > div[tag="node"] {
grid-template-columns: repeat(auto-fit,156px);
}
#wrap_stacks_in_190 .prefix {
margin-right: 0;
}
#wrap_stacks_in_190 .postfix {
margin-left: 0;
}
#wrap_stacks_in_190 .configure-inner-wrap {
width: 100%;
max-width: 320px;
}
#wrap_stacks_in_190 .configure-group-wrap label {
background-color: rgba(0, 0, 0, 0.00);
border-color: rgba(0, 0, 0, 0.20);
transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease;
}
#wrap_stacks_in_190 .configure-group-wrap input:checked + label {
background-color: rgba(0, 0, 0, 0.00);
border-color: rgba(60, 100, 250, 0.80);
box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20);
}
#wrap_stacks_in_190 .configure-group-wrap input:not(:checked) + label:hover {
border-color: rgba(60, 100, 250, 0.80);
box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20);
}
#wrap_stacks_in_190 .configure-group-wrap label {
padding: 6px 16px;
}
.configure-group-wrap[data-name="stacks_in_190"],
.configure-group-wrap[data-name="stacks_in_190"] > div[tag="node"] {
grid-template-columns: repeat(auto-fit,156px);
}
.stacks_in_6{--offcanvas-size-small:80%;--offcanvas-size-medium:80%;--offcanvas-size-large:80%;}
.stacks_in_83 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}
/*
1.2.0.1
- improved pill active style load time
*/
/* */
#simple-tabs-stacks_in_634 {
/* */
font-family: "Nunito";
/* */
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 1200px; }
#simple-tabs-stacks_in_634.tabs-bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
#simple-tabs-stacks_in_634.tabs-left ul.tab-list .tab:first-of-type {
padding-left: 0; }
#simple-tabs-stacks_in_634.tabs-right ul.tab-list {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
#simple-tabs-stacks_in_634.tabs-right ul.tab-list .tab:last-of-type {
padding-right: 0; }
#simple-tabs-stacks_in_634.tabs-center ul.tab-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
#simple-tabs-stacks_in_634.tabs-center ul.tab-list .tab:first-of-type {
padding-left: 0; }
#simple-tabs-stacks_in_634.tabs-center ul.tab-list .tab:last-of-type {
padding-right: 0; }
#simple-tabs-stacks_in_634.tabs-fill > ul.tab-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(10px,1fr));
grid-gap: 0px 2px;
padding: 0px 0px;
}
#simple-tabs-stacks_in_634.tabs-fill > ul.tab-list > .tab > .tab-inner {
justify-content: center;
}
#simple-tabs-stacks_in_634.tabs-right ul.tab-list .tab:first-of-type {
padding-left: 0; }
#simple-tabs-stacks_in_634.tabs-right ul.tab-list .tab:last-of-type {
padding-right: 0; }
#simple-tabs-stacks_in_634.use-tab-pill ul.tab-list .tab-pill {
display: block; }
#simple-tabs-stacks_in_634.use-tab-pill ul.tab-list .tab.selected .tab-inner {
/* */
/* */
background: rgba(230, 230, 230, 1.00);
/* */
/* */
/* */
border-style: solid;
border-color: rgba(128, 128, 128, 1.00);
/* */
border-width: 0px;
/* */
transition: color 0.3s ease;
transition-delay: 0.2s; }
#simple-tabs-stacks_in_634 ul.tab-list {
margin: 0;
padding: 0;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
box-sizing: border-box; }
#simple-tabs-stacks_in_634 ul.tab-list .tab-pill {
/* */
/* */
background: rgba(255, 255, 255, 1.00);
/* */
/* */
/* */
border-style: solid;
border-color: rgba(0, 0, 0, 1.00);
/* */
border-width: 0px;
/* */
top: 0;
left: 0;
opacity: 0;
z-index: 5;
display: none;
position: absolute;
box-sizing: border-box;
border-radius: 4px; }
#simple-tabs-stacks_in_634 ul.tab-list .tab-pill-show {
opacity: 1; }
#simple-tabs-stacks_in_634 ul.tab-list .tab {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
padding: 0px 2px;
box-sizing: border-box; }
#simple-tabs-stacks_in_634 ul.tab-list .tab.selected .tab-inner {
/* */
/* */
background: rgba(255, 255, 255, 1.00);
/* */
/* */
/* */
border-style: solid;
border-color: rgba(0, 0, 0, 1.00);
/* */
border-width: 0px;
/* */
color: rgba(0, 0, 0, 1.00); }
#simple-tabs-stacks_in_634 ul.tab-list .tab-inner {
/* */
/* */
background: rgba(230, 230, 230, 1.00);
/* */
/* */
/* */
border-style: solid;
border-color: rgba(128, 128, 128, 1.00);
/* */
border-width: 0px;
/* */
/* */
height: 100%;
/* */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
color: rgba(55, 71, 79, 1.00);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 8px;
font-size: 16px;
border-radius: 4px;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
#simple-tabs-stacks_in_634 ul.tab-list .tab-inner i, #simple-tabs-stacks_in_634 ul.tab-list .tab-inner svg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-right: 5px;
position: relative;
pointer-events: none;
font-size: 18px;
max-width: 18px;
max-height: 18px; }
#simple-tabs-stacks_in_634 ul.tab-list .tab-inner span {
/* */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
position: relative;
/* */ }
#simple-tabs-stacks_in_634 ul.tab-list .tab-inner i, #simple-tabs-stacks_in_634 ul.tab-list .tab-inner span, #simple-tabs-stacks_in_634 ul.tab-list .tab-inner svg {
z-index: 10; }
#simple-tabs-stacks_in_634 .tab-content {
/* */
/* */
background: rgba(255, 255, 255, 1.00);
/* */
/* */
/* */
border-style: solid;
border-color: rgba(0, 0, 0, 1.00);
/* */
border-width: 0px;
/* */
color: rgba(55, 71, 79, 1.00);
padding: 8px 8px;
box-shadow: 0 0 2px rgba(112, 128, 144, 0);
border-radius: 3px;
z-index: 1;
position: relative;
box-sizing: border-box; }
#simple-tabs-stacks_in_634 ul.tab-list .tab.selected .tab-inner {
/* */
box-shadow: 0px 0px 0px -0px rgba(255, 255, 255, 1.00);
/* */
}
#simple-tabs-stacks_in_634 .tab-content-inner {
display: none; }
#simple-tabs-stacks_in_634 .tab-content-inner.active {
display: block; }
@media (min-width: 700px) {
#simple-tabs-stacks_in_634.tabs-connected ul.tab-list .tab-pill {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; }
#simple-tabs-stacks_in_634.tabs-connected ul.tab-list .tab {
padding-bottom: 0;
margin-bottom: 0px; }
#simple-tabs-stacks_in_634.tabs-connected ul.tab-list .tab-inner {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; }
#simple-tabs-stacks_in_634.tabs-connected.tabs-left .tab-content {
border-top-left-radius: 0; }
#simple-tabs-stacks_in_634.tabs-connected.tabs-right .tab-content {
border-top-right-radius: 0; }
#simple-tabs-stacks_in_634.hide-text-d ul.tab-list .tab-inner span {
/* */
display: none;
/* */ }
#simple-tabs-stacks_in_634.hide-text-d ul.tab-list .tab-inner i {
/* */
margin-right: 0;
/* */ }
#simple-tabs-stacks_in_634.hide-icon-d .tab-inner i,
#simple-tabs-stacks_in_634.hide-icon-d .tab-inner svg,
#simple-tabs-stacks_in_634.hide-icon-d ul.tab-list .tab-inner svg {
/* */
display: none;
/* */ } }
@media (min-width: 400px) and (max-width: 700px) {
#simple-tabs-stacks_in_634.hide-text-t ul.tab-list .tab-inner span {
/* */
display: none;
/* */ }
#simple-tabs-stacks_in_634.hide-text-t ul.tab-list .tab-inner i,
#simple-tabs-stacks_in_634.hide-text-t ul.tab-list .tab-inner svg,
#simple-tabs-stacks_in_634.hide-text-t ul.tab-list .tab-inner svg {
/* */
margin-right: 0;
/* */ }
#simple-tabs-stacks_in_634.hide-icon-t ul.tab-list .tab-inner i,
#simple-tabs-stacks_in_634.hide-icon-t ul.tab-list .tab-inner svg {
/* */
display: none;
/* */ } }
@media (max-width: 700px) {
#simple-tabs-stacks_in_634 ul.tab-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
#simple-tabs-stacks_in_634 ul.tab-list .tab {
width: 50.000000%; }
#simple-tabs-stacks_in_634.tabs-fill > ul.tab-list {
grid-template-columns: repeat(1,1fr);
}
#simple-tabs-stacks_in_634.tabs-fill > ul.tab-list .tab {
width: auto;
}
#simple-tabs-stacks_in_634.tabs-left ul.tab-list, #simple-tabs-stacks_in_634.tabs-right ul.tab-list, #simple-tabs-stacks_in_634.tabs-center ul.tab-list {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
#simple-tabs-stacks_in_634.tabs-left ul.tab-list .tab:first-of-type, #simple-tabs-stacks_in_634.tabs-right ul.tab-list .tab:first-of-type, #simple-tabs-stacks_in_634.tabs-center ul.tab-list .tab:first-of-type {
padding-left: 2px; }
#simple-tabs-stacks_in_634.tabs-left ul.tab-list .tab:last-of-type, #simple-tabs-stacks_in_634.tabs-right ul.tab-list .tab:last-of-type, #simple-tabs-stacks_in_634.tabs-center ul.tab-list .tab:last-of-type {
padding-right: 2px; }
#simple-tabs-stacks_in_634.tabs-inner-left ul.tab-list .tab .tab-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
#simple-tabs-stacks_in_634.tabs-inner-right ul.tab-list .tab .tab-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
#simple-tabs-stacks_in_634.tabs-inner-center ul.tab-list .tab .tab-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
#simple-tabs-stacks_in_634.tabs-connected ul.tab-list .tab-pill {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
#simple-tabs-stacks_in_634.tabs-connected ul.tab-list .tab {
margin-bottom: 0;
padding-bottom: 5px; }
#simple-tabs-stacks_in_634.tabs-connected.tabs-fill ul.tab-list .tab {
padding-bottom: 0px; }
#simple-tabs-stacks_in_634.tabs-connected ul.tab-list .tab-inner {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; } }
@media (max-width: 400px) {
#simple-tabs-stacks_in_634 ul.tab-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#simple-tabs-stacks_in_634 ul.tab-list .tab {
width: 100.000000%; }
#simple-tabs-stacks_in_634.tabs-fill > ul.tab-list {
grid-template-columns: repeat(1,1fr);
}
#simple-tabs-stacks_in_634.tabs-fill > ul.tab-list .tab {
width: auto;
}
#simple-tabs-stacks_in_634.hide-text-m ul.tab-list .tab-inner span {
/* */
display: none;
/* */ }
#simple-tabs-stacks_in_634.hide-text-m ul.tab-list .tab-inner i {
/* */
margin-right: 0;
/* */ }
#simple-tabs-stacks_in_634.hide-icon-m .tab-inner i,
#simple-tabs-stacks_in_634.hide-icon-m .tab-inner svg,
#simple-tabs-stacks_in_634.hide-icon-m ul.tab-list .tab-inner svg {
/* %%[[if !edit]]%% */
display: none; } }
/* */
/* */
/* PopupWindow stack v1.2.2 */
/* End of PopupWindow stack */
.bi-stage-stacks_in_853 {
width: 100%;
height: 70svh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.bi-stage-stacks_in_853[data-bi-height-basis="parent"] {
height: 100%;
}
.bi-edit-stacks_in_853 {
height: auto;
}
.bi-edit-stacks_in_853 .bi-content-stacks_in_853 {
width: 100%;
height: auto;
min-height: 120px;
max-height: none;
aspect-ratio: auto;
overflow: visible;
}
.bi-content-stacks_in_853 {
height: 100%;
aspect-ratio: 17 / 9;
max-width: 100%;
max-height: 100%;
min-height: 0;
min-width: 0;
overflow: hidden;
position: relative;
}/* ---------- shared ---------- */
.c2c_cover2cover {
position: relative; /* .c2c-edge-nav and .c2c-book-outline are position:absolute
children of THIS element, not of .c2c-live-stage - without
an explicit position here they position relative to
whatever ancestor further up the page happens to be
positioned, escaping the widget's own box and getting
cut off at the page edges instead of the container edges */
box-sizing: border-box;
max-width: 100%;
/* Buttons sit HALF on the page edge (centered exactly on it, not pushed
fully outside) - deliberate, to read as different from a lightbox's
nav arrows. This still needs to reserve the OUTER half of the button
(17px = half of the 34px button) on each side so that half doesn't
get clipped - matters most in Fill Parent mode, where whatever wraps
this (e.g. Boxed In) clips exactly at the box it computes, with no
slack to spare. */
padding: 0 17px;
}
.c2c_cover2cover * { box-sizing: border-box; }
.c2c_cover2cover:has(> .c2c-fill-wrap) {
min-width: 0; /* Live mode only: without this, a flex/grid host can
refuse to shrink the stack below its natural content
width, overflowing the viewport when the spread opens
to full stage width - the same flex/grid shrink issue
this build hit twice before. */
}
.c2c_cover2cover:has(> .c2c-editor-grid) {
/* Editor mode only, and the opposite problem: with no min-width, a
flex/grid host (confirmed - a real project's own "Page Turner Bed"
layout, not just our test project) can shrink an EMPTY dropzone
(no image assigned yet, so no intrinsic content to hold it open) all
the way down to a sliver a few pixels wide. This guarantees the
editor grid always has a usable minimum footprint regardless of
whatever stack it's dropped into. */
min-width: 300px;
}
/* data-height-mode is a live/Preview-only concept - the editor canvas uses
.c2c-editor-grid, an entirely different branch of the template, and should
never be affected by which sizing mode is selected. These are scoped with
:has(> .c2c-fill-wrap) so they only match when the live-mode wrapper is
actually in the DOM (i.e. never in the editor), rather than matching
.c2c_cover2cover directly regardless of which branch rendered. */
.c2c_cover2cover:has(> .c2c-editor-grid) {
/* Always centered in the editor, regardless of Sizing Mode - Fixed mode
happened to center things as an accidental side effect of its own
width:fit-content rule below; Fill Width/Fill Parent had no such rule
and fell back to default left-aligned block behavior instead. */
width: fit-content;
margin: 0 auto;
}
.c2c_cover2cover[data-height-mode="fill"]:has(> .c2c-fill-wrap) {
/* Defers entirely to whatever box the parent provides (e.g. Boxed In's
flex-item + aspect-ratio + max-width/max-height box) instead of
computing its own height from its own width like Fill Width mode
does. No aspect-ratio math happens at this level at all. */
height: 100%;
width: 100%;
}
.c2c-fill-wrap {
/* Plain, unstyled block in Fill Width mode - transparent, no effect on
today's layout. Only becomes meaningful in Fill Parent mode below. */
width: 100%;
}
.c2c_cover2cover[id="stacks_in_833"][data-height-mode="fill"] .c2c-fill-wrap {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
/* Seed value only - breaks a real circular-measurement deadlock with
hosts like Boxed In set to ratio-source:"content". Those hosts
determine THEIR OWN height by measuring this element's intrinsic
size; without this, .c2c-fill-wrap has none (height:100% of a host
that's still trying to derive its height FROM this element resolves
to 0, and every descendant is position:absolute/out of flow), so the
host computes 0 height, fitStage() then measures 0 and bails out
entirely (confirmed via console: "ResizeObserver loop completed with
undelivered notifications" - two elements each waiting on the
other's size, neither ever contributing a real number). This gives
the host something real and page-shaped to measure on first paint.
Once fitStage() sets explicit inline px width/height on
.c2c-live-stage below, those inline values win over this regardless -
this only matters before JS has run. Must match what fitStage()
actually sizes to, not a single page - fitStage's bookRatio is the
FULL two-page-spread ratio (pageWidth*2 / pageHeight) for any
multi-leaf book, since the stage always reserves room for a full
spread even when only one leaf (half of it) is showing at rest. Using
the single-page ratio here made this seed box roughly 2x taller than
the real stage, and centering the correctly-sized book inside a box
twice as tall pushed it visibly downward - confirmed live. The
data-single-leaf override below corrects this one case where the
stage genuinely is single-page width.
Scoped with [id="stacks_in_833"] (this rule used to be a bare .c2c_cover2cover
selector) - confirmed live that without instance scoping, every
Cover2Cover instance on a page emits this exact same selector text
with its OWN pageWidth/pageHeight baked into the aspect-ratio value,
and because the selectors are identical, whichever instance compiles
last in the page's stylesheet wins this property for EVERY
instance's .c2c-fill-wrap, not just its own - one book's seed ratio
silently overriding every other book on the same page. Using the
[id="..."] attribute-selector form instead of a bare #id selector
deliberately - #id jumps to the ID specificity tier, which outranks
the .c2c-live-stage/.c2c-editor-grid override rules below it and
broke them the first time this was tried (confirmed live: pages fell
out of their absolute-positioned stack into normal flow). [id="..."]
matches the same single element but stays in the class-level
specificity tier, so it doesn't disturb any existing cascade order. */
aspect-ratio: calc(580 * 2) / 580;
}
/* Single-leaf books (front/back only, no interior spread) size their stage
to ONE page, not a spread - see cover2cover.js stageRatio/stageWidthUnits.
data-single-leaf is set synchronously by JS before first paint, same
timing as data-height-mode, so this resolves correctly even on the very
first style pass. Scoped with [id="stacks_in_833"] for the same cross-instance
leak reason as the rule above (see that comment for why the
attribute-selector form and not #id). */
.c2c_cover2cover[id="stacks_in_833"][data-single-leaf="true"][data-height-mode="fill"] .c2c-fill-wrap {
aspect-ratio: 580 / 580;
}
.c2c_cover2cover[data-height-mode="fill"] .c2c-live-stage {
/* width/height are computed and set inline in px by cover2cover.js's
fitStage(), not derived here via aspect-ratio. Confirmed via direct
measurement that the CSS-only flex+aspect-ratio+max-width technique
(matching Boxed In's own approach) only ties width and height
together correctly when max-height is the binding constraint - when
a container is proportionally WIDER than the book (max-width binds
instead), the two dimensions stop tracking each other and the book
gets cropped rather than letterboxed. JS measurement doesn't have
that failure mode. This rule just prevents the base .c2c-live-stage
{width:100%} rule from flashing before fitStage() runs on first paint. */
width: auto;
}
.c2c_cover2cover[data-height-mode="fixed"]:has(> .c2c-fill-wrap) {
/* Non-responsive: hug the fixed-pixel stage (set inline by JS) instead
of stretching to whatever width the parent offers. max-width:100% is
intentionally NOT set here - "fixed" means genuinely fixed, even if
that means horizontal scroll on a narrow viewport, rather than
quietly becoming responsive again. */
width: fit-content;
margin: 0 auto;
}
.c2c_cover2cover[data-height-mode="fixed"] .c2c-fill-wrap {
width: fit-content;
}
.c2c_cover2cover[data-height-mode="fixed"] .c2c-live-stage {
/* width/height are set inline in px by cover2cover.js - this just
prevents the base .c2c-live-stage{width:100%} rule from fighting it
before JS runs on first paint. */
width: auto;
}
/* ---------- editor grid (side-by-side dropzones per pair, one pair per row) ---------- */
/* Restructured: c2c_page now owns BOTH faces of a leaf directly (frontImage +
backImage, two named image controls in its own plist/template), instead of
being one flat dropzone that had to be paired with a sibling instance from
outside. That eliminates the entire problem this file used to fight -
guessing how deep Stacks nests its own per-instance wrapper chrome. Front
and back are now just two divs inside markup we wrote ourselves
(c2c_page.html), so this is plain, ordinary CSS with no dependency on
Stacks' internal structure at all. */
.c2c-editor-grid .c2c-leaf {
display: flex;
width: 280px;
max-width: 100%;
min-width: 240px; /* defense in depth alongside .c2c_cover2cover's own
min-width above - this sits several DOM levels
further down (past Stacks' own repeater wrapper),
so protecting here too covers a host layout that
shrinks something in between rather than
.c2c_cover2cover itself. */
border: 2px solid #999;
border-radius: 4px;
overflow: visible; /* was hidden - clipped Stacks' own native empty-%image%
placeholder (icon + two lines of text), which needs
more vertical room than a thumbnail does. Safe to
open up: actual thumbnails are still bounded by
object-fit:contain on the img below, so nothing
populated can spill past this box regardless. */
margin: 0 0 16px;
}
/* c2c-leaf-inner exists for the live-stage 3D split below (position:absolute
and transform-style:preserve-3d must live on separate elements - confirmed
via live devtools toggling, a real WebKit collision, not a styling choice).
In the editor grid there's no 3D anything, so this wrapper should behave
as if it isn't there at all, leaving the existing flex layout untouched. */
.c2c-editor-grid .c2c-leaf-inner {
display: contents;
}
[id="stacks_in_833"] .c2c-editor-grid .c2c-face-slot {
/* Scoped with [id="stacks_in_833"] purely to keep this rule's specificity ahead
of the also-now-scoped base .c2c-face-slot rule below - this override
has no %id=-templated value of its own, so it wasn't part of the
cross-instance leak, but it still needs to keep winning the cascade
against the base rule now that the base rule picked up a scope. */
flex: 1 1 50%;
min-width: 0;
aspect-ratio: auto; /* override the shared square aspect-ratio, which was fighting the flex centering below */
min-height: 160px; /* was a fixed height:120px with overflow:hidden - too
short for Stacks' native "Drop an image here" empty
state (icon + two lines of text), which was getting
clipped top and bottom. min-height instead of height
lets it grow to fit that content; thumbnails once
assigned still render at a consistent size via
object-fit:contain below, not by this box shrinking. */
overflow: visible; /* was hidden, same reason as .c2c-leaf above */
display: flex;
align-items: center;
justify-content: center;
}
.c2c-editor-grid .c2c-face-front {
border-right: 1px solid #ccc;
}
.c2c-editor-grid .c2c-face-slot img {
max-width: 100%;
max-height: 160px;
object-fit: contain;
display: block;
margin: auto;
}
/* .c2c-dropzone-placeholder removed - that div doesn't exist anymore. It was
c2c_page's own %[if "" == ""]% conditional label, tied to
the named image controls. c2c_face has no named control to check emptiness
against, so the empty state you see now is entirely Stacks' own built-in
%image% placeholder UI, not something this stylesheet generates or
controls the markup of. */
[id="stacks_in_833"] .c2c-face-slot {
/* Scoped with [id="stacks_in_833"] (this rule used to be a bare .c2c-face-slot
selector) - same cross-instance aspect-ratio leak as the fill-wrap
rules above: c2c-face-slot elements belong to the nested c2c_page
stack, not this file, but this rule's aspect-ratio is templated with
THIS Cover2Cover instance's own pageWidth/pageHeight, so it has to be
scoped to only this instance's own descendants or it leaks its ratio
onto every other book's pages on the same page. Using the
attribute-selector form [id="..."] rather than #id - #id jumps to a
higher specificity tier that outranks the .c2c-live-stage/
.c2c-editor-grid overrides just below, which broke live rendering
(pages fell out of their absolute-positioned stack into normal flow)
the first time this was scoped with #id. [id="..."] matches the same
element but stays at class-level specificity, so those overrides keep
winning exactly as before. */
position: relative;
width: 100%;
aspect-ratio: 580 / 580;
/* c2c-face-slot is the OUTER of two nested boxes now (.centered_image
below is the inner one) - sized to the full page dimensions the designer entered
(pageWidth/pageHeight), always, regardless of Page Inset. It's the
"case" - Cover color shows here whenever a face's own art has
transparency, AND in the margin left visible around the smaller inner
page box when Page Inset is greater than 0. Renamed from
--c2c-empty-bg (which only ever meant "mask transparency") now that
this same variable does double duty as the simulated case color. */
background: var(--c2c-cover-color, #ddd);
}
/* frontImage/backImage are gone - front/back are now c2c_face child stacks
whose entire content is the native %image% variable, which wraps its
![]()
in a .centered_image div (confirmed via live DOM inspection -
different from the old named image control's bare ![]()
). Making the
![]()
below position:absolute pulls it out of flow, so .centered_image
is left with no content to size against and collapses to 0x0 - if it
clips overflow (it's Stacks' own default wrapper, not ours), that
zero-size box clips the correctly-positioned image to nothing even
though DOM inspection shows a valid src and correct inline visibility.
Confirmed as the live-stage blank-render cause this session. Fix:
give .centered_image the same absolute-fill box as the image itself,
so there's a real, non-zero box before overflow can clip anything. */
/* .centered_image doubles as the "page" box for Page Inset now, instead of
a dedicated new wrapper div. An earlier version of this added
.c2c-page-inner directly into c2c_page.html around the %slice% calls -
confirmed live that this broke Stacks' own recognition of the repeater
structure: the editor lost its two-column grid and fell back to Stacks'
native stacked-list chrome, and (very likely the same root cause) leaves
could come out empty in some live/lightbox init paths, which makes
startC2C_stacks_in_833 bail out on its very first check - explaining the missing
nav buttons and book-outline too. .centered_image needs none of that
risk: it's already Stacks' own wrapper around %image%, already targeted
by the rule below it, already present with zero template changes. Giving
IT the inset/background/shadow that were briefly on .c2c-page-inner gets
the same visual result without touching c2c_page.html at all - the
effect lives entirely in this stylesheet (plus the small, structure-
independent JS class marking below). */
.c2c-live-stage .c2c-face-slot .centered_image {
position: absolute;
/* No explicit width/height here on purpose - the face-front/face-back/
outer-cover rules below set all four inset sides, and that alone
already determines the box's size (width = container width - left -
right, height similarly). Confirmed live this was the actual cause of
the right/bottom margins never showing: with width:100%/height:100%
ALSO set here, the box became over-constrained (left+right+width all
non-auto), and per the CSS abspos sizing algorithm the browser
resolves that by ignoring `right` and computing it FROM left+width
instead (same for bottom, from top+height) - so `top`/`left` visibly
took effect while `right`/`bottom` were silently discarded and the
box just kept stretching to 100% of its container regardless of what
those two properties said. Removing the explicit size entirely and
trusting inset's own four sides to do the sizing avoids the
over-constraint altogether. */
background: var(--c2c-page-color, transparent);
overflow: hidden;
border-radius: inherit;
/* Outward, not inset - an inset shadow here would be painted directly
under the opaque ![]()
(same size, same box, no gap to be visible
in) and never show at all. Outward spills into the Cover-color
margin instead, where there's actual room, and reads correctly as a
recessed page casting a small shadow onto its surrounding case -
the outer .c2c-face-slot box already clips overflow, so it can't
leak past the true cover edge either. */
box-shadow: 0 0 4px rgba(0,0,0,0.45);
}
.c2c-live-stage .c2c-face-front .centered_image {
/* top right bottom left - spine on the left (flush, 0), Cover color
margin on the other three sides. Front-showing faces read correctly
as recto-like (spine on their own left) purely because
.c2c-face-front is permanently rotateY(0deg), fixed in the
stylesheet and never touched by JS - see the fuller explanation on
.c2c-face-front/.c2c-face-back above. No per-state or per-frame
logic needed; this is static and correct through every transition. */
inset: var(--c2c-page-inset, 0px) var(--c2c-page-inset, 0px) var(--c2c-page-inset, 0px) 0;
}
.c2c-live-stage .c2c-face-back .centered_image {
/* Mirrored: spine on the right. */
inset: var(--c2c-page-inset, 0px) 0 var(--c2c-page-inset, 0px) var(--c2c-page-inset, 0px);
}
/* The two true outer covers - front face of the very first leaf, back face
of the very last leaf (same leaf, both faces, for a single-leaf card) -
never show the Page Inset margin, regardless of the slider. Marked once
at init by cover2cover.js (leaf position is a fixed structural fact, not
something that changes per state/transition) with .c2c-outer-cover on
the .c2c-face-front/.c2c-face-back element itself - JS didn't need to
change when this moved off .c2c-page-inner onto .centered_image, since
it was always marking the ANCESTOR face, not the inner box directly.
Compound ancestor selector (.c2c-face-front.c2c-outer-cover, not just
.c2c-outer-cover alone) outranks the two rules above regardless of
stylesheet order. background overridden to Cover color here too, not
left at Page color - with inset:0 this box sits perfectly flush over
its own face-slot, completely hiding face-slot's own Cover-colored
background, so whichever color THIS box carries is the only one that
can show through the cover image's own transparency. */
.c2c-face-front.c2c-outer-cover .centered_image,
.c2c-face-back.c2c-outer-cover .centered_image {
inset: 0;
background: var(--c2c-cover-color, transparent);
box-shadow: none;
}
.c2c-live-stage .c2c-face-slot img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: var(--c2c-cover-radius, 4px);
/* Matches Pagelit's actual split exactly: overflow:hidden lives on the
rotating container (.page there, .c2c-face-slot here), backface-
visibility:hidden lives on the descendant image (.pglt-image there,
this ![]()
here) - never both on the same element. */
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
/* ---------- live stage ---------- */
.c2c-live-stage {
position: relative;
width: 100%;
margin: 0 auto;
}
/* Confirmed via live devtools toggling: position:absolute and 3D transform
properties (transform-style:preserve-3d, and by extension the rotation
that goes with it) colliding on the SAME element is what was causing
nothing to paint at rest - toggling either one off made the image appear
immediately. The fix is splitting them across two elements: .c2c-leaf does
ONLY absolute positioning (no 3D properties at all), .c2c-leaf-inner does
ONLY the 3D rotation (no absolute positioning), sized to fill its parent. */
[id="stacks_in_833"] .c2c-live-stage .c2c-leaf {
/* Scoped with [id="stacks_in_833"] (this rule used to be a bare .c2c-live-stage
.c2c-leaf selector) - same cross-instance aspect-ratio leak as above,
and the attribute-selector form for the same reason: #id would
outrank .c2c_cover2cover[data-single-leaf="true"] .c2c-live-stage
.c2c-leaf below, which needs to keep overriding this rule's width
for single-leaf books. */
position: absolute;
top: 0;
width: 50%;
height: 100%;
aspect-ratio: 580 / 580;
z-index: 5;
/* Matches Pagelit's actual working structure exactly (their .anim rule):
position:absolute AND transform-style:preserve-3d on the SAME element
is fine - that combination was never the real bug. The real fix,
confirmed by reading Pagelit's shipped CSS, is that perspective must
live on the DIRECT parent of the element that actually gets the
rotate transform (their .anim-inner.pglt-move, one level above
.page) - not two levels up on the stage. See perspective below. */
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
perspective: 1800px;
-webkit-perspective: 1800px;
}
/* Single-leaf book (front/back only, no interior spread possible): the
stage itself is already sized to one page's width (see cover2cover.js
stageRatio/stageWidthUnits), so the leaf must fill 100% of it instead of
the 50% that's correct when the stage is a full two-page spread. */
.c2c_cover2cover[data-single-leaf="true"] .c2c-live-stage .c2c-leaf {
width: 100%;
}
.c2c-live-stage .c2c-leaf-inner {
position: relative;
width: 100%;
height: 100%;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
[id="stacks_in_833"] .c2c-live-stage .c2c-face-slot {
/* Scoped with [id="stacks_in_833"] for the same reason as .c2c-editor-grid
.c2c-face-slot above - keeps this override ahead of the now-scoped
base .c2c-face-slot rule. This is the rule that actually stacks each
page absolutely and rotates it into view; losing this cascade fight
is what broke live rendering last time. */
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
padding-top: 0;
max-width: none;
min-width: 0;
border: none;
border-radius: var(--c2c-cover-radius, 4px);
/* This is now the OUTER "cover" box (see the general .c2c-face-slot rule
above for the fuller explanation) - always the full page size, never
affected by Page Inset. */
background: var(--c2c-cover-color, #ddd);
overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
will-change: transform;
}
/* Faces get permanent, fixed rotations here and are never touched by JS
again - matching Flipper's actual working CSS exactly (its
.augmentFlipFace.augmentFlipFront/.augmentFlipBack rules do the same:
fixed rotateY per face, always, in the stylesheet). JS only ever rotates
the LEAF itself between 0deg/180deg to decide which fixed-rotation face
nets forward. translateZ(0) forces a real GPU layer per face. */
.c2c-live-stage .c2c-face-front {
transform: rotateY(0deg) translateZ(0);
}
.c2c-live-stage .c2c-face-back {
transform: rotateY(180deg) translateZ(0);
}
.c2c-live-stage .c2c-face-slot::before { content: none; }
.c2c-book-outline {
position: absolute;
top: 0;
bottom: 0; /* was height:100% - percentage height on an absolutely
positioned child of an auto-height parent is genuinely
ambiguous in the CSS spec and gets resolved inconsistently
(confirmed: measured 914px against a 782px parent). top+
bottom stretch is unambiguous in every browser, no
percentage resolution involved. */
/* This is where the original white-showing-through-transparent-webp bug
traced back to - a hardcoded #fff with no control tied to it, sitting
directly behind every leaf. Now that Cover color is a real,
designer-set variable (see .c2c-face-slot above), tying it here too
means this shadow/backdrop element and the cover-art masking use the
same intentional case color instead of an unrelated hardcoded white -
fixes the original bug and stays consistent with Page Inset's
overhang color. */
background: var(--c2c-cover-color, #fff);
box-shadow: 0 4px 18px rgba(0,0,0,0.2);
border-radius: var(--c2c-cover-radius, 4px);
pointer-events: none;
z-index: 1;
}
.c2c-edge-nav {
position: absolute;
top: 50%;
width: 34px;
height: 34px;
margin-top: -17px;
border-radius: 50%;
background: var(--c2c-nav-color, rgba(20,20,20,0.55));
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 20;
transition: opacity 0.15s ease, filter 0.15s ease;
user-select: none;
}
.c2c-edge-nav svg { width: 14px; height: 14px; fill: #fff; }
/* brightness filter instead of a second hardcoded color - works regardless
of whichever color the Nav Button Color picker is set to */
.c2c-edge-nav:hover { filter: brightness(1.3); }
.c2c-edge-nav.c2c-hidden { opacity: 0; pointer-events: none; }
#stacks_in_642 {
display:inline-block; width:100%; line-height: 0.920000em;
}
/* */
/* */
/* PopupWindow stack v1.2.2 */
/* End of PopupWindow stack */
/* */
/* */
/* PopupWindow stack v1.2.2 */
/* End of PopupWindow stack */
/* */
/* */
/* PopupWindow stack v1.2.2 */
/* End of PopupWindow stack */
/* */
/* */
/* PopupWindow stack v1.2.2 */
/* End of PopupWindow stack */
/* */
/* */
/* PopupWindow stack v1.2.2 */
/* End of PopupWindow stack */
/* */
/* */
/* PopupWindow stack v1.2.2 */
/* End of PopupWindow stack */
/* */
/* */
/* PopupWindow stack v1.2.2 */
/* End of PopupWindow stack */
.stacks_in_96 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}
#toggleWrapper_stacks_in_28 {
display: block;
position: relative;
z-index: 1;
}
#Hint1 {
padding: 0px;
margin: 0;
font-weight: normal;
display: block;
color: rgba(102, 102, 102, 1.00);
text-decoration: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 120%;
line-height: 30px;
}
#Hint1 {
background: transparent;
}
#Hint1:hover {
color: rgba(153, 153, 153, 1.00);
cursor: pointer;
}
/* Toggle Button */
#Hint1 .normalContent {
display: inherit;
}
#Hint1 .hoveredContent {
display: none;
}
#Hint1:hover .normalContent {
display: none;
}
#Hint1:hover .hoveredContent {
display: inherit;
}
/* Local Image Buttons */
/* Warehoused Image Buttons */
/* Font Awesone Icon Buttons */
#toggleContainer_stacks_in_28 {
display: none;
margin-top: 0px;
padding: 0px;
overflow: hidden;
color: rgba(102, 102, 102, 1.00);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#toggleContainer_stacks_in_28 {
background: transparent;
}
@media print {
#toggleButtonstacks_in_28,
#toggleButtonstacks_in_28.toggleOpenIcon,
#toggleButtonstacks_in_28.toggleCloseIcon,
#Hint1 a:link:after,
#Hint1 a:visited:after {
display: none !important;
}
#toggleContainer_stacks_in_28 {
display: block !important;
}
}
#toggleWrapper_stacks_in_29 {
display: block;
position: relative;
z-index: 1;
}
#Hint2 {
padding: 0px;
margin: 0;
font-weight: normal;
display: block;
color: rgba(102, 102, 102, 1.00);
text-decoration: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 120%;
line-height: 30px;
}
#Hint2 {
background: transparent;
}
#Hint2:hover {
color: rgba(153, 153, 153, 1.00);
cursor: pointer;
}
/* Toggle Button */
#Hint2 .normalContent {
display: inherit;
}
#Hint2 .hoveredContent {
display: none;
}
#Hint2:hover .normalContent {
display: none;
}
#Hint2:hover .hoveredContent {
display: inherit;
}
/* Local Image Buttons */
/* Warehoused Image Buttons */
/* Font Awesone Icon Buttons */
#toggleContainer_stacks_in_29 {
display: none;
margin-top: 0px;
padding: 0px;
overflow: hidden;
color: rgba(102, 102, 102, 1.00);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#toggleContainer_stacks_in_29 {
background: transparent;
}
@media print {
#toggleButtonstacks_in_29,
#toggleButtonstacks_in_29.toggleOpenIcon,
#toggleButtonstacks_in_29.toggleCloseIcon,
#Hint2 a:link:after,
#Hint2 a:visited:after {
display: none !important;
}
#toggleContainer_stacks_in_29 {
display: block !important;
}
}
#toggleWrapper_stacks_in_30 {
display: block;
position: relative;
z-index: 1;
}
#Hint3 {
padding: 0px;
margin: 0;
font-weight: normal;
display: block;
color: rgba(102, 102, 102, 1.00);
text-decoration: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 120%;
line-height: 30px;
}
#Hint3 {
background: transparent;
}
#Hint3:hover {
color: rgba(153, 153, 153, 1.00);
cursor: pointer;
}
/* Toggle Button */
#Hint3 .normalContent {
display: inherit;
}
#Hint3 .hoveredContent {
display: none;
}
#Hint3:hover .normalContent {
display: none;
}
#Hint3:hover .hoveredContent {
display: inherit;
}
/* Local Image Buttons */
/* Warehoused Image Buttons */
/* Font Awesone Icon Buttons */
#toggleContainer_stacks_in_30 {
display: none;
margin-top: 0px;
padding: 0px;
overflow: hidden;
color: rgba(102, 102, 102, 1.00);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#toggleContainer_stacks_in_30 {
background: transparent;
}
@media print {
#toggleButtonstacks_in_30,
#toggleButtonstacks_in_30.toggleOpenIcon,
#toggleButtonstacks_in_30.toggleCloseIcon,
#Hint3 a:link:after,
#Hint3 a:visited:after {
display: none !important;
}
#toggleContainer_stacks_in_30 {
display: block !important;
}
}
#toggleWrapper_stacks_in_31 {
display: block;
position: relative;
z-index: 1;
}
#Hint4 {
padding: 0px;
margin: 0;
font-weight: normal;
display: block;
color: rgba(102, 102, 102, 1.00);
text-decoration: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 120%;
line-height: 30px;
}
#Hint4 {
background: transparent;
}
#Hint4:hover {
color: rgba(153, 153, 153, 1.00);
cursor: pointer;
}
/* Toggle Button */
#Hint4 .normalContent {
display: inherit;
}
#Hint4 .hoveredContent {
display: none;
}
#Hint4:hover .normalContent {
display: none;
}
#Hint4:hover .hoveredContent {
display: inherit;
}
/* Local Image Buttons */
/* Warehoused Image Buttons */
/* Font Awesone Icon Buttons */
#toggleContainer_stacks_in_31 {
display: none;
margin-top: 0px;
padding: 0px;
overflow: hidden;
color: rgba(102, 102, 102, 1.00);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#toggleContainer_stacks_in_31 {
background: transparent;
}
@media print {
#toggleButtonstacks_in_31,
#toggleButtonstacks_in_31.toggleOpenIcon,
#toggleButtonstacks_in_31.toggleCloseIcon,
#Hint4 a:link:after,
#Hint4 a:visited:after {
display: none !important;
}
#toggleContainer_stacks_in_31 {
display: block !important;
}
}
#toggleWrapper_stacks_in_32 {
display: block;
position: relative;
z-index: 1;
}
#Hint5 {
padding: 0px;
margin: 0;
font-weight: normal;
display: block;
color: rgba(102, 102, 102, 1.00);
text-decoration: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 120%;
line-height: 30px;
}
#Hint5 {
background: transparent;
}
#Hint5:hover {
color: rgba(153, 153, 153, 1.00);
cursor: pointer;
}
/* Toggle Button */
#Hint5 .normalContent {
display: inherit;
}
#Hint5 .hoveredContent {
display: none;
}
#Hint5:hover .normalContent {
display: none;
}
#Hint5:hover .hoveredContent {
display: inherit;
}
/* Local Image Buttons */
/* Warehoused Image Buttons */
/* Font Awesone Icon Buttons */
#toggleContainer_stacks_in_32 {
display: none;
margin-top: 0px;
padding: 0px;
overflow: hidden;
color: rgba(102, 102, 102, 1.00);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#toggleContainer_stacks_in_32 {
background: transparent;
}
@media print {
#toggleButtonstacks_in_32,
#toggleButtonstacks_in_32.toggleOpenIcon,
#toggleButtonstacks_in_32.toggleCloseIcon,
#Hint5 a:link:after,
#Hint5 a:visited:after {
display: none !important;
}
#toggleContainer_stacks_in_32 {
display: block !important;
}
}
#toggleWrapper_stacks_in_33 {
display: block;
position: relative;
z-index: 1;
}
#Hint6 {
padding: 0px;
margin: 0;
font-weight: normal;
display: block;
color: rgba(102, 102, 102, 1.00);
text-decoration: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 120%;
line-height: 30px;
}
#Hint6 {
background: transparent;
}
#Hint6:hover {
color: rgba(153, 153, 153, 1.00);
cursor: pointer;
}
/* Toggle Button */
#Hint6 .normalContent {
display: inherit;
}
#Hint6 .hoveredContent {
display: none;
}
#Hint6:hover .normalContent {
display: none;
}
#Hint6:hover .hoveredContent {
display: inherit;
}
/* Local Image Buttons */
/* Warehoused Image Buttons */
/* Font Awesone Icon Buttons */
#toggleContainer_stacks_in_33 {
display: none;
margin-top: 0px;
padding: 0px;
overflow: hidden;
color: rgba(102, 102, 102, 1.00);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#toggleContainer_stacks_in_33 {
background: transparent;
}
@media print {
#toggleButtonstacks_in_33,
#toggleButtonstacks_in_33.toggleOpenIcon,
#toggleButtonstacks_in_33.toggleCloseIcon,
#Hint6 a:link:after,
#Hint6 a:visited:after {
display: none !important;
}
#toggleContainer_stacks_in_33 {
display: block !important;
}
}
#toggleWrapper_stacks_in_481 {
display: block;
position: relative;
z-index: 1;
}
#Hint7 {
padding: 0px;
margin: 0;
font-weight: normal;
display: block;
color: rgba(102, 102, 102, 1.00);
text-decoration: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 120%;
line-height: 30px;
}
#Hint7 {
background: transparent;
}
#Hint7:hover {
color: rgba(153, 153, 153, 1.00);
cursor: pointer;
}
/* Toggle Button */
#Hint7 .normalContent {
display: inherit;
}
#Hint7 .hoveredContent {
display: none;
}
#Hint7:hover .normalContent {
display: none;
}
#Hint7:hover .hoveredContent {
display: inherit;
}
/* Local Image Buttons */
/* Warehoused Image Buttons */
/* Font Awesone Icon Buttons */
#toggleContainer_stacks_in_481 {
display: none;
margin-top: 0px;
padding: 0px;
overflow: hidden;
color: rgba(102, 102, 102, 1.00);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#toggleContainer_stacks_in_481 {
background: transparent;
}
@media print {
#toggleButtonstacks_in_481,
#toggleButtonstacks_in_481.toggleOpenIcon,
#toggleButtonstacks_in_481.toggleCloseIcon,
#Hint7 a:link:after,
#Hint7 a:visited:after {
display: none !important;
}
#toggleContainer_stacks_in_481 {
display: block !important;
}
}
#toggleWrapper_stacks_in_491 {
display: block;
position: relative;
z-index: 1;
}
#Hint8 {
padding: 0px;
margin: 0;
font-weight: normal;
display: block;
color: rgba(102, 102, 102, 1.00);
text-decoration: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 120%;
line-height: 30px;
}
#Hint8 {
background: transparent;
}
#Hint8:hover {
color: rgba(153, 153, 153, 1.00);
cursor: pointer;
}
/* Toggle Button */
#Hint8 .normalContent {
display: inherit;
}
#Hint8 .hoveredContent {
display: none;
}
#Hint8:hover .normalContent {
display: none;
}
#Hint8:hover .hoveredContent {
display: inherit;
}
/* Local Image Buttons */
/* Warehoused Image Buttons */
/* Font Awesone Icon Buttons */
#toggleContainer_stacks_in_491 {
display: none;
margin-top: 0px;
padding: 0px;
overflow: hidden;
color: rgba(102, 102, 102, 1.00);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#toggleContainer_stacks_in_491 {
background: transparent;
}
@media print {
#toggleButtonstacks_in_491,
#toggleButtonstacks_in_491.toggleOpenIcon,
#toggleButtonstacks_in_491.toggleCloseIcon,
#Hint8 a:link:after,
#Hint8 a:visited:after {
display: none !important;
}
#toggleContainer_stacks_in_491 {
display: block !important;
}
}
#toggleWrapper_stacks_in_607 {
display: block;
position: relative;
z-index: 1;
}
#Hint9 {
padding: 0px;
margin: 0;
font-weight: normal;
display: block;
color: rgba(102, 102, 102, 1.00);
text-decoration: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 120%;
line-height: 30px;
}
#Hint9 {
background: transparent;
}
#Hint9:hover {
color: rgba(153, 153, 153, 1.00);
cursor: pointer;
}
/* Toggle Button */
#Hint9 .normalContent {
display: inherit;
}
#Hint9 .hoveredContent {
display: none;
}
#Hint9:hover .normalContent {
display: none;
}
#Hint9:hover .hoveredContent {
display: inherit;
}
/* Local Image Buttons */
/* Warehoused Image Buttons */
/* Font Awesone Icon Buttons */
#toggleContainer_stacks_in_607 {
display: none;
margin-top: 0px;
padding: 0px;
overflow: hidden;
color: rgba(102, 102, 102, 1.00);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#toggleContainer_stacks_in_607 {
background: transparent;
}
@media print {
#toggleButtonstacks_in_607,
#toggleButtonstacks_in_607.toggleOpenIcon,
#toggleButtonstacks_in_607.toggleCloseIcon,
#Hint9 a:link:after,
#Hint9 a:visited:after {
display: none !important;
}
#toggleContainer_stacks_in_607 {
display: block !important;
}
}
#toggleWrapper_stacks_in_617 {
display: block;
position: relative;
z-index: 1;
}
#Hint10 {
padding: 0px;
margin: 0;
font-weight: normal;
display: block;
color: rgba(102, 102, 102, 1.00);
text-decoration: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 120%;
line-height: 30px;
}
#Hint10 {
background: transparent;
}
#Hint10:hover {
color: rgba(153, 153, 153, 1.00);
cursor: pointer;
}
/* Toggle Button */
#Hint10 .normalContent {
display: inherit;
}
#Hint10 .hoveredContent {
display: none;
}
#Hint10:hover .normalContent {
display: none;
}
#Hint10:hover .hoveredContent {
display: inherit;
}
/* Local Image Buttons */
/* Warehoused Image Buttons */
/* Font Awesone Icon Buttons */
#toggleContainer_stacks_in_617 {
display: none;
margin-top: 0px;
padding: 0px;
overflow: hidden;
color: rgba(102, 102, 102, 1.00);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#toggleContainer_stacks_in_617 {
background: transparent;
}
@media print {
#toggleButtonstacks_in_617,
#toggleButtonstacks_in_617.toggleOpenIcon,
#toggleButtonstacks_in_617.toggleCloseIcon,
#Hint10 a:link:after,
#Hint10 a:visited:after {
display: none !important;
}
#toggleContainer_stacks_in_617 {
display: block !important;
}
}
#toggleWrapper_stacks_in_626 {
display: block;
position: relative;
z-index: 1;
}
#Hint11 {
padding: 0px;
margin: 0;
font-weight: normal;
display: block;
color: rgba(102, 102, 102, 1.00);
text-decoration: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 120%;
line-height: 30px;
}
#Hint11 {
background: transparent;
}
#Hint11:hover {
color: rgba(153, 153, 153, 1.00);
cursor: pointer;
}
/* Toggle Button */
#Hint11 .normalContent {
display: inherit;
}
#Hint11 .hoveredContent {
display: none;
}
#Hint11:hover .normalContent {
display: none;
}
#Hint11:hover .hoveredContent {
display: inherit;
}
/* Local Image Buttons */
/* Warehoused Image Buttons */
/* Font Awesone Icon Buttons */
#toggleContainer_stacks_in_626 {
display: none;
margin-top: 0px;
padding: 0px;
overflow: hidden;
color: rgba(102, 102, 102, 1.00);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#toggleContainer_stacks_in_626 {
background: transparent;
}
@media print {
#toggleButtonstacks_in_626,
#toggleButtonstacks_in_626.toggleOpenIcon,
#toggleButtonstacks_in_626.toggleCloseIcon,
#Hint11 a:link:after,
#Hint11 a:visited:after {
display: none !important;
}
#toggleContainer_stacks_in_626 {
display: block !important;
}
}
#toggleWrapper_stacks_in_36 {
display: block;
position: relative;
z-index: 1;
}
#Hint12 {
padding: 0px;
margin: 0;
font-weight: normal;
display: block;
color: rgba(102, 102, 102, 1.00);
text-decoration: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 120%;
line-height: 30px;
}
#Hint12 {
background: transparent;
}
#Hint12:hover {
color: rgba(153, 153, 153, 1.00);
cursor: pointer;
}
/* Toggle Button */
#Hint12 .normalContent {
display: inherit;
}
#Hint12 .hoveredContent {
display: none;
}
#Hint12:hover .normalContent {
display: none;
}
#Hint12:hover .hoveredContent {
display: inherit;
}
/* Local Image Buttons */
/* Warehoused Image Buttons */
/* Font Awesone Icon Buttons */
#toggleContainer_stacks_in_36 {
display: none;
margin-top: 0px;
padding: 0px;
overflow: hidden;
color: rgba(102, 102, 102, 1.00);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#toggleContainer_stacks_in_36 {
background: transparent;
}
@media print {
#toggleButtonstacks_in_36,
#toggleButtonstacks_in_36.toggleOpenIcon,
#toggleButtonstacks_in_36.toggleCloseIcon,
#Hint12 a:link:after,
#Hint12 a:visited:after {
display: none !important;
}
#toggleContainer_stacks_in_36 {
display: block !important;
}
}
#toggleWrapper_stacks_in_818 {
display: block;
position: relative;
z-index: 1;
}
#Answer4 {
padding: 0px;
margin: 0;
font-weight: normal;
display: block;
color: rgba(102, 102, 102, 1.00);
text-decoration: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 120%;
line-height: 30px;
}
#Answer4 {
background: transparent;
}
#Answer4:hover {
color: rgba(153, 153, 153, 1.00);
cursor: pointer;
}
/* Toggle Button */
#Answer4 .normalContent {
display: inherit;
}
#Answer4 .hoveredContent {
display: none;
}
#Answer4:hover .normalContent {
display: none;
}
#Answer4:hover .hoveredContent {
display: inherit;
}
/* Local Image Buttons */
/* Warehoused Image Buttons */
/* Font Awesone Icon Buttons */
#toggleContainer_stacks_in_818 {
display: none;
margin-top: 0px;
padding: 0px;
overflow: hidden;
color: rgba(102, 102, 102, 1.00);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#toggleContainer_stacks_in_818 {
background: transparent;
}
@media print {
#toggleButtonstacks_in_818,
#toggleButtonstacks_in_818.toggleOpenIcon,
#toggleButtonstacks_in_818.toggleCloseIcon,
#Answer4 a:link:after,
#Answer4 a:visited:after {
display: none !important;
}
#toggleContainer_stacks_in_818 {
display: block !important;
}
}
.pagelit_style #stacks_out_780_4 #stacks_in_780_4 .pglt-stacks_in_780_4 .pglt-image,
.pagelit_style + .anim .pglt-stacks_in_780_4 .pglt-image,
.pagelit_style .pglt-stacks_in_780_4 .pglt-image {
background-image: url();
}
.pagelit_style #stacks_out_780_4 #stacks_in_780_4 .pglt-stacks_in_780_4 .pglt-image,
.pagelit_style + .anim .pglt-stacks_in_780_4 .pglt-image,
.pagelit_style .pglt-stacks_in_780_4 .pglt-image,
.pagelit_style .pglt-stacks_in_780_4:before {
}
.anim .pglt-stacks_in_780_4,
.pagelit_style .pglt-stacks_in_780_4,
[tag="slice"] .pagelit_style .pglt-stacks_in_780_4 .pglt-content {
align-items: flex-start;
}
.pagelit_style #stacks_out_780_6 #stacks_in_780_6 .pglt-stacks_in_780_6 .pglt-image,
.pagelit_style + .anim .pglt-stacks_in_780_6 .pglt-image,
.pagelit_style .pglt-stacks_in_780_6 .pglt-image {
background-image: url();
}
.pagelit_style #stacks_out_780_6 #stacks_in_780_6 .pglt-stacks_in_780_6 .pglt-image,
.pagelit_style + .anim .pglt-stacks_in_780_6 .pglt-image,
.pagelit_style .pglt-stacks_in_780_6 .pglt-image,
.pagelit_style .pglt-stacks_in_780_6:before {
}
.anim .pglt-stacks_in_780_6,
.pagelit_style .pglt-stacks_in_780_6,
[tag="slice"] .pagelit_style .pglt-stacks_in_780_6 .pglt-content {
align-items: flex-start;
}
.pagelit_style #stacks_out_780_8 #stacks_in_780_8 .pglt-stacks_in_780_8 .pglt-image,
.pagelit_style + .anim .pglt-stacks_in_780_8 .pglt-image,
.pagelit_style .pglt-stacks_in_780_8 .pglt-image {
background-image: url();
}
.pagelit_style #stacks_out_780_8 #stacks_in_780_8 .pglt-stacks_in_780_8 .pglt-image,
.pagelit_style + .anim .pglt-stacks_in_780_8 .pglt-image,
.pagelit_style .pglt-stacks_in_780_8 .pglt-image,
.pagelit_style .pglt-stacks_in_780_8:before {
}
.anim .pglt-stacks_in_780_8,
.pagelit_style .pglt-stacks_in_780_8,
[tag="slice"] .pagelit_style .pglt-stacks_in_780_8 .pglt-content {
align-items: flex-start;
}
.pagelit_style #stacks_out_780_10 #stacks_in_780_10 .pglt-stacks_in_780_10 .pglt-image,
.pagelit_style + .anim .pglt-stacks_in_780_10 .pglt-image,
.pagelit_style .pglt-stacks_in_780_10 .pglt-image {
background-image: url();
}
.pagelit_style #stacks_out_780_10 #stacks_in_780_10 .pglt-stacks_in_780_10 .pglt-image,
.pagelit_style + .anim .pglt-stacks_in_780_10 .pglt-image,
.pagelit_style .pglt-stacks_in_780_10 .pglt-image,
.pagelit_style .pglt-stacks_in_780_10:before {
}
.anim .pglt-stacks_in_780_10,
.pagelit_style .pglt-stacks_in_780_10,
[tag="slice"] .pagelit_style .pglt-stacks_in_780_10 .pglt-content {
align-items: flex-start;
}
.pagelit_style #stacks_out_780_14 #stacks_in_780_14 .pglt-frstacks_in_780_14 > .pglt-image,
.pagelit_style + .anim .pglt-frstacks_in_780_14 > .pglt-image,
.pagelit_style .pglt-frstacks_in_780_14 > .pglt-image {
}
.pagelit_style #stacks_out_780_14 #stacks_in_780_14 .pglt-bkstacks_in_780_14 > .pglt-image,
.pagelit_style + .anim .pglt-bkstacks_in_780_14 > .pglt-image,
.pagelit_style .pglt-bkstacks_in_780_14 > .pglt-image {
}
.pagelit_style #stacks_out_780_14 #stacks_in_780_14 .pglt-frstacks_in_780_14,
.pagelit_style + .anim .pglt-frstacks_in_780_14,
.pagelit_style .pglt-frstacks_in_780_14 {
}
.pagelit_style #stacks_out_780_14 #stacks_in_780_14 .pglt-bkstacks_in_780_14,
.pagelit_style + .anim .pglt-bkstacks_in_780_14,
.pagelit_style .pglt-bkstacks_in_780_14 {
}
.pagelit_style #stacks_out_780_16 #stacks_in_780_16 .pglt-frstacks_in_780_16 > .pglt-image,
.pagelit_style + .anim .pglt-frstacks_in_780_16 > .pglt-image,
.pagelit_style .pglt-frstacks_in_780_16 > .pglt-image {
}
.pagelit_style #stacks_out_780_16 #stacks_in_780_16 .pglt-bkstacks_in_780_16 > .pglt-image,
.pagelit_style + .anim .pglt-bkstacks_in_780_16 > .pglt-image,
.pagelit_style .pglt-bkstacks_in_780_16 > .pglt-image {
}
.pagelit_style #stacks_out_780_16 #stacks_in_780_16 .pglt-frstacks_in_780_16,
.pagelit_style + .anim .pglt-frstacks_in_780_16,
.pagelit_style .pglt-frstacks_in_780_16 {
}
.pagelit_style #stacks_out_780_16 #stacks_in_780_16 .pglt-bkstacks_in_780_16,
.pagelit_style + .anim .pglt-bkstacks_in_780_16,
.pagelit_style .pglt-bkstacks_in_780_16 {
}
.pagelit_style #stacks_out_780_18 #stacks_in_780_18 .pglt-frstacks_in_780_18 > .pglt-image,
.pagelit_style + .anim .pglt-frstacks_in_780_18 > .pglt-image,
.pagelit_style .pglt-frstacks_in_780_18 > .pglt-image {
}
.pagelit_style #stacks_out_780_18 #stacks_in_780_18 .pglt-bkstacks_in_780_18 > .pglt-image,
.pagelit_style + .anim .pglt-bkstacks_in_780_18 > .pglt-image,
.pagelit_style .pglt-bkstacks_in_780_18 > .pglt-image {
}
.pagelit_style #stacks_out_780_18 #stacks_in_780_18 .pglt-frstacks_in_780_18,
.pagelit_style + .anim .pglt-frstacks_in_780_18,
.pagelit_style .pglt-frstacks_in_780_18 {
}
.pagelit_style #stacks_out_780_18 #stacks_in_780_18 .pglt-bkstacks_in_780_18,
.pagelit_style + .anim .pglt-bkstacks_in_780_18,
.pagelit_style .pglt-bkstacks_in_780_18 {
}
.pagelit_style #stacks_out_780_20 #stacks_in_780_20 .pglt-frstacks_in_780_20 > .pglt-image,
.pagelit_style + .anim .pglt-frstacks_in_780_20 > .pglt-image,
.pagelit_style .pglt-frstacks_in_780_20 > .pglt-image {
}
.pagelit_style #stacks_out_780_20 #stacks_in_780_20 .pglt-bkstacks_in_780_20 > .pglt-image,
.pagelit_style + .anim .pglt-bkstacks_in_780_20 > .pglt-image,
.pagelit_style .pglt-bkstacks_in_780_20 > .pglt-image {
}
.pagelit_style #stacks_out_780_20 #stacks_in_780_20 .pglt-frstacks_in_780_20,
.pagelit_style + .anim .pglt-frstacks_in_780_20,
.pagelit_style .pglt-frstacks_in_780_20 {
}
.pagelit_style #stacks_out_780_20 #stacks_in_780_20 .pglt-bkstacks_in_780_20,
.pagelit_style + .anim .pglt-bkstacks_in_780_20,
.pagelit_style .pglt-bkstacks_in_780_20 {
}
.lb-master_stacks_in_254.bg-vault.bg-color.style-pro-stacks_in_254{background-color:rgba(0, 0, 0, 0.78)}.lb-master_stacks_in_254.close-vis-never .infix-close{display:none !important}.ll-overlay#ovl_stacks_in_254.bg-color{background-color:rgba(0, 0, 0, 0.78)}@media screen and (max-width:640px){.ll-overlay#ovl_stacks_in_254.small-bg-color{background-color:rgba(0, 0, 0, 0.78)}.ll-overlay#ovl_stacks_in_254.small-bg-color::before{background-color:transparent !important;background-image:none !important}}body > .ll-overlay#ovl_stacks_in_254{position:fixed}.ll-open-stacks_in_254 > .ll-overlay#ovl_stacks_in_254{z-index:9989}.ll-open-stacks_in_254.sectionsPro1 > .ll-overlay#ovl_stacks_in_254{z-index:998}@media screen and (min-width:640px){.lb-master_stacks_in_254.close-vis-small-only .infix-close{display:none !important}}@media screen and (max-width:640px){.lb-master_stacks_in_254.close-vis-large-only .infix-close{display:none !important}}#stacks_in_254 .infix-close.lb-close-master{display:none !important}@media screen and (min-width:640px){#ovl_stacks_in_254.large-hide-overlay{background-color:transparent !important}}@media screen and (min-width:640px){.lb-master_stacks_in_254.infix-section.large-hide-overlay{background-color:transparent !important}}@media screen and (max-width:640px){.lb-master_stacks_in_254.infix-section.sm-hide-borders .infix-content{border-radius:0 !important;border:none !important}}[data-ll-target="maillLL"].sectionsPro1.size-target.lightbox-open.ll-open-stacks_in_254 > .shear-wrapper{position:absolute}.lb-master_stacks_in_254.maxw-frame:not(.infix-image):not(.custom-size) .infix-container{width:100%}@media screen and (max-width:640px){.lb-master_stacks_in_254.maxw-frame:not(.infix-image):not(.custom-size) .infix-container{width:100%}}.lb-master_stacks_in_254.maxw-frame.infix-image:not(.custom-size) .infix-container > .infix-content{margin:0 auto;width:100%}@media screen and (max-width:640px){.lb-master_stacks_in_254.maxw-frame.infix-image:not(.custom-size) .infix-container > .infix-content{width:100%}}.lb-master_stacks_in_254.maxw-frame:not(.custom-size) .infix-container{max-width:1000px}@media screen and (max-width:640px){.lb-master_stacks_in_254.maxw-frame:not(.custom-size) .infix-container{max-width:1000px}}.lb-master_stacks_in_254.prop-height.infix-body:not(.vid-letterbox):not(.infix-image) .infix-iframe-container{padding-top:85vh}@media screen and (min-width:640px){.lb-master_stacks_in_254.prop-height.infix-body:not(.vid-letterbox):not(.infix-image) .infix-iframe-container{padding-top:85vh}}.lb-master_stacks_in_254.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container,.lb-master_stacks_in_254.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_254.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:85vh !important;max-height:85vh !important}@media screen and (min-width:640px){.lb-master_stacks_in_254.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container,.lb-master_stacks_in_254.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_254.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:85vh !important;max-height:85vh !important}}.lb-master_stacks_in_254.prop-height.infix-section:not(.vid-letterbox):not(.infix-image) .infix-container{top:calc((100% - 85%) / 2) !important;height:85% !important}@media screen and (min-width:640px){.lb-master_stacks_in_254.prop-height.infix-section:not(.vid-letterbox):not(.infix-image) .infix-container{top:calc((100% - 85%) / 2) !important;height:85% !important}}.lb-master_stacks_in_254.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container{height:85% !important;max-height:85% !important}@media screen and (min-width:640px){.lb-master_stacks_in_254.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container{height:85% !important;max-height:85% !important}}.lb-master_stacks_in_254.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_254.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:100% !important;max-height:100% !important}.lb-master_stacks_in_254.infix-iframe.infix-section .infix-container,.lb-master_stacks_in_254.infix-iframe.infix-section .infix-content,.lb-master_stacks_in_254.infix-iframe.infix-section .infix-iframe-container{position:static;top:0;left:0;height:100%;width:100%}.lb-master_stacks_in_254.infix-iframe.infix-section.size-float .infix-iframe-container{padding-top:0}.lb-master_stacks_in_254 .infix-content::after{-webkit-box-shadow:0 0 36px 0px rgba(0, 0, 0, 0.30);box-shadow:0 0 36px 0px rgba(0, 0, 0, 0.30)}.lb-master_stacks_in_254 .infix-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;z-index:9999;padding:20px;border-radius:0% 0% 0% 0%;background:rgba(0, 0, 0, 0.00)}html.bwd-touch .lb-master_stacks_in_254 .infix-close{opacity:1 !important}.lb-master_stacks_in_254 .infix-close > .close-wrap{position:relative;width:40px;height:40px;opacity:0.94}.lb-master_stacks_in_254 .infix-close > .close-wrap:hover,html.bwd-touch .lb-master_stacks_in_254 .infix-close > .close-wrap{opacity:1 !important}.lb-master_stacks_in_254 .infix-close > .close-wrap.close-text-only{width:auto;height:auto;color:rgba(255, 255, 255, 0.96);font-size:12px;line-height:1}.lb-master_stacks_in_254 .infix-close > .close-wrap.close-text-only .text-border{padding:8px;border:1px solid rgba(255, 255, 255, 1.00);border-radius:8px;background-color:rgba(255, 255, 255, 0.00);text-align:center}.lb-master_stacks_in_254 .infix-close > .close-wrap > svg{width:40px;height:40px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.lb-master_stacks_in_254 .infix-close > .close-wrap > svg circle.bg{fill:rgba(255, 255, 255, 0.00)}.lb-master_stacks_in_254 .infix-close > .close-wrap > svg .ring{stroke:rgba(255, 255, 255, 1.00);stroke-width:5px}.lb-master_stacks_in_254 .infix-close > .close-wrap > svg .action-icon path{stroke:rgba(255, 255, 255, 0.96);stroke-width:5px;fill:none}.lb-master_stacks_in_254 .infix-close > .close-wrap > svg .ring,.lb-master_stacks_in_254 .infix-close > .close-wrap > svg .action-icon path{-webkit-transition:stroke 200ms ease-out;transition:stroke 200ms ease-out}.lb-master_stacks_in_254 .infix-close > .close-wrap > svg circle.bg{-webkit-transition:fill 220ms ease-out;transition:fill 220ms ease-out}.lb-master_stacks_in_254 .infix-close:hover,html.bwd-touch .lb-master_stacks_in_254 .infix-close{background:rgba(0, 0, 0, 0.00)}.lb-master_stacks_in_254 .infix-close:hover > .close-wrap > svg circle.bg,html.bwd-touch .lb-master_stacks_in_254 .infix-close > .close-wrap > svg circle.bg{fill:rgba(255, 255, 255, 0.00)}.lb-master_stacks_in_254 .infix-close:hover > .close-wrap > svg .ring,html.bwd-touch .lb-master_stacks_in_254 .infix-close > .close-wrap > svg .ring{stroke:rgba(255, 255, 255, 1.00)}.lb-master_stacks_in_254 .infix-close:hover > .close-wrap > svg .action-icon path,html.bwd-touch .lb-master_stacks_in_254 .infix-close > .close-wrap > svg .action-icon path{stroke:rgba(255, 255, 255, 1.00);fill:none}.lb-master_stacks_in_254 .infix-close:hover > .close-wrap.close-text-only,html.bwd-touch .lb-master_stacks_in_254 .infix-close > .close-wrap.close-text-only{color:rgba(255, 255, 255, 1.00)}.lb-master_stacks_in_254 .infix-close i.fa,.lb-master_stacks_in_254 .infix-close svg,.lb-master_stacks_in_254 .infix-close .simple-icon,.lb-master_stacks_in_254 .infix-close .close-wrap,.lb-master_stacks_in_254 .infix-close .text-border{pointer-events:none}@media screen and (min-width:640px){.lb-master_stacks_in_254 .infix-close .close-wrap,.lb-master_stacks_in_254 .infix-close .close-wrap > svg{width:40px;height:40px}.lb-master_stacks_in_254 .infix-close .close-wrap.close-text-only{font-size:16px}}.lb-master_stacks_in_254 .infix-close .action-icon > g{display:none}.lb-master_stacks_in_254 .infix-close.close-cross .action-icon > g#cross{display:block}.lb-master_stacks_in_254 .infix-close.close-small-cross .action-icon > g#smallcross{display:block}.lb-master_stacks_in_254 .infix-close.close-left-arrow .action-icon > g#arrow{display:block}.lb-master_stacks_in_254 .infix-close.close-hamburger .action-icon > g#burger{display:block}@media screen and (min-width:640px){.lb-master_stacks_in_254.close-bg-small-only .infix-close{background:none}}.lb-master_stacks_in_254 .splb-loader .loader-message{display:none}.lb-master_stacks_in_254 .splb-loader svg{display:none}.lb-master_stacks_in_254 .splb-loader > .loader-message{margin-top:0}
.infix-content.bg-vault.bg-color.style-pro-stacks_in_502{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_502.splb{padding:0px}#splb_stacks_in_502 .infix-iframe-container{background-color:}#splb_stacks_in_502.lb-master_stacks_in_254.custom-size.maxw-frame .infix-container{width:100%;max-width:1000px}#splb_stacks_in_502.lb-master_stacks_in_254.custom-size.custom-fill .infix-container{width:100%;max-width:9999px}#stacks_in_502{display:none}.infix-opened #stacks_in_502,.infix-closed #stacks_in_502{display:block}.lockBox{cursor:pointer}#stacks_in_502.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_502.splb.ll-overflow{overflow:visible !important}
/* PopupWindow stack v1.2.2 */
/* End of PopupWindow stack */
.fr-stage-stacks_in_855 {
height: 90svh;
display: flex;
align-items: center;
justify-content: center;
}
.fr-content-stacks_in_855 {
height: 100%;
aspect-ratio: 800 / 600;
max-width: 100%;
max-height: 100%;
min-height: 0;
min-width: 0;
overflow: hidden;
position: relative;
}
.fr-frame-stacks_in_855 {
position: absolute;
top: 0;
left: 0;
border: none;
transform-origin: top left;
}
.fr-edit-stacks_in_855 {
height: auto;
min-height: 44px;
}
.fr-editnotice-stacks_in_855 {
width: 100%;
padding: 12px 16px;
box-sizing: border-box;
border: 1px dashed currentColor;
background-color: #f0f0f0;
color: #333;
font-family: monospace;
font-size: 13px;
overflow-wrap: break-word;
}
.style-pro-stacks_in_254::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1}.style-pro-stacks_in_254:not(.bg-vault):not(.bg-featured)::before{background-color:rgba(126, 167, 227, 1.00)}
#ovl_stacks_in_254.ll-overlay {
z-index: -99;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
transition: opacity 600ms ease, z-index 0ms 600ms, visibility 0ms 600ms ease; }
.ll-open-stacks_in_254 > #ovl_stacks_in_254.ll-overlay {
transition: opacity 300ms ease;
opacity: 1;
visibility: visible; }
.lb-master_stacks_in_254, .lb-master_stacks_in_254.infix-closed {
opacity: 0;
visibility: hidden; }
.lb-master_stacks_in_254.infix-opened {
opacity: 1;
visibility: visible; }
.lb-master_stacks_in_254 [data-infix-close]:not(.infix-wrap), .lb-master_stacks_in_254.infix-closed [data-infix-close]:not(.infix-wrap) {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: opacity 40ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0ms 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94) transform 40ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.lb-master_stacks_in_254.infix-opened [data-infix-close]:not(.infix-wrap) {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: opacity 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0ms, transform 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.lb-master_stacks_in_254.close-on-hover.infix-opened [data-infix-close]:not(.infix-wrap) {
opacity: 0;
transition: all 200ms ease-out; }
.lb-master_stacks_in_254.close-on-hover.infix-opened:hover [data-infix-close]:not(.infix-wrap) {
opacity: 1; }
.lb-master_stacks_in_254.infix-closed .infix-container::after, .lb-master_stacks_in_254.infix-loading .infix-container::after {
opacity: 0;
transition: opacity 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 680ms; }
.lb-master_stacks_in_254.infix-opened .infix-container::after {
opacity: 1;
transition: opacity 80ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s; }
.lb-master_stacks_in_254, .lb-master_stacks_in_254.infix-closed {
transition: opacity 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.lb-master_stacks_in_254.infix-opened {
transition: opacity 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 0s; }
.lb-master_stacks_in_254.infix-loading .infix-content, .lb-master_stacks_in_254.infix-closed .infix-content {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
opacity: 0;
transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.lb-master_stacks_in_254.infix-opened .infix-content {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
transition: opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.lb-master_stacks_in_254.infix.hide-nav .infix-nav {
display: none; }
.lb-master_stacks_in_254.infix.no-loop.ll-first [data-infix-prev] {
display: none; }
.lb-master_stacks_in_254.infix.no-loop.ll-last [data-infix-next] {
display: none; }
.lb-master_stacks_in_254 [data-infix-next], .lb-master_stacks_in_254 [data-infix-prev] {
position: absolute;
z-index: 9999;
width: 50px;
height: 50px;
border-radius: 50%;
top: calc(50% + 25px);
margin-top: -25px;
border: 2px solid rgba(255, 255, 255, 1.00);
opacity: 1;
background: rgba(255, 255, 255, 0.00);
transition: opacity 200ms ease-out, background 200ms ease-out, transform 0.8s cubic-bezier(0, 1.01, 0.22, 1), border 0.3s ease-out; }
.lb-master_stacks_in_254 html:not(.bwd-touch) [data-infix-next], .lb-master_stacks_in_254 html:not(.bwd-touch) [data-infix-prev] {
opacity: 0; }
.lb-master_stacks_in_254 html:not(.bwd-touch) [data-infix-next] {
transform: translate(-15px, -50%) scale(0.6); }
.lb-master_stacks_in_254 html:not(.bwd-touch) [data-infix-prev] {
transform: translate(15px, -50%) scale(0.6); }
.lb-master_stacks_in_254 html.infix:not(.bwd-touch):hover [data-infix-next], .lb-master_stacks_in_254 html.infix:not(.bwd-touch):hover [data-infix-prev] {
transform: translate(0, -50%) rotate(0deg) scale(1);
opacity: 1; }
.lb-master_stacks_in_254 [data-infix-next] {
right: 30px; }
.lb-master_stacks_in_254 [data-infix-prev] {
left: 30px; }
.lb-master_stacks_in_254 [data-infix-next]::before,
.lb-master_stacks_in_254 [data-infix-next]::after,
.lb-master_stacks_in_254 [data-infix-prev]::before,
.lb-master_stacks_in_254 [data-infix-prev]::after {
background: rgba(255, 255, 255, 0.96);
top: 50%;
left: 0;
width: 2px;
height: 17px;
content: '';
position: absolute;
margin: -14px 23px; }
.lb-master_stacks_in_254 html.bwd-touch [data-infix-next], .lb-master_stacks_in_254 [data-infix-next]:hover,
.lb-master_stacks_in_254 html.bwd-touch [data-infix-prev], .lb-master_stacks_in_254 [data-infix-prev]:hover {
border: 2px solid rgba(255, 255, 255, 1.00);
background: rgba(255, 255, 255, 0.00); }
.lb-master_stacks_in_254 html.bwd-touch [data-infix-next]::before, .lb-master_stacks_in_254 html.bwd-touch [data-infix-next]::after, .lb-master_stacks_in_254 [data-infix-next]:hover::before, .lb-master_stacks_in_254 [data-infix-next]:hover::after,
.lb-master_stacks_in_254 html.bwd-touch [data-infix-prev]::before,
.lb-master_stacks_in_254 html.bwd-touch [data-infix-prev]::after, .lb-master_stacks_in_254 [data-infix-prev]:hover::before, .lb-master_stacks_in_254 [data-infix-prev]:hover::after {
background: rgba(255, 255, 255, 1.00); }
.lb-master_stacks_in_254 [data-infix-next]::after,
.lb-master_stacks_in_254 [data-infix-prev]::after {
margin-top: -3px; }
.lb-master_stacks_in_254 [data-infix-prev]::after, .lb-master_stacks_in_254 [data-infix-prev]::before {
left: -3px; }
.lb-master_stacks_in_254 [data-infix-next]::after {
transform: rotate(45deg); }
.lb-master_stacks_in_254 [data-infix-next]::before {
transform: rotate(-45deg); }
.lb-master_stacks_in_254 [data-infix-prev]::after {
transform: rotate(315deg); }
.lb-master_stacks_in_254 [data-infix-prev]::before {
transform: rotate(-315deg); }
.lb-master_stacks_in_242.bg-vault.bg-color.style-pro-stacks_in_242{background-color:rgba(0, 0, 0, 0.00)}.lb-master_stacks_in_242.close-vis-never .infix-close{display:none !important}.ll-overlay#ovl_stacks_in_242.bg-color{background-color:rgba(0, 0, 0, 0.00)}@media screen and (max-width:640px){.ll-overlay#ovl_stacks_in_242.small-bg-color{background-color:rgba(0, 0, 0, 0.78)}.ll-overlay#ovl_stacks_in_242.small-bg-color::before{background-color:transparent !important;background-image:none !important}}body > .ll-overlay#ovl_stacks_in_242{position:fixed}.ll-open-stacks_in_242 > .ll-overlay#ovl_stacks_in_242{z-index:9989}.ll-open-stacks_in_242.sectionsPro1 > .ll-overlay#ovl_stacks_in_242{z-index:998}@media screen and (min-width:640px){.lb-master_stacks_in_242.close-vis-small-only .infix-close{display:none !important}}@media screen and (max-width:640px){.lb-master_stacks_in_242.close-vis-large-only .infix-close{display:none !important}}#stacks_in_242 .infix-close.lb-close-master{display:none !important}@media screen and (min-width:640px){#ovl_stacks_in_242.large-hide-overlay{background-color:transparent !important}}@media screen and (min-width:640px){.lb-master_stacks_in_242.infix-section.large-hide-overlay{background-color:transparent !important}}@media screen and (max-width:640px){.lb-master_stacks_in_242.infix-section.sm-hide-borders .infix-content{border-radius:0 !important;border:none !important}}[data-ll-target="limelightTutorial"].sectionsPro1.size-target.lightbox-open.ll-open-stacks_in_242 > .shear-wrapper{position:absolute}.lb-master_stacks_in_242.maxw-frame:not(.infix-image):not(.custom-size) .infix-container{width:75%}@media screen and (max-width:640px){.lb-master_stacks_in_242.maxw-frame:not(.infix-image):not(.custom-size) .infix-container{width:75%}}.lb-master_stacks_in_242.maxw-frame.infix-image:not(.custom-size) .infix-container > .infix-content{margin:0 auto;width:75%}@media screen and (max-width:640px){.lb-master_stacks_in_242.maxw-frame.infix-image:not(.custom-size) .infix-container > .infix-content{width:75%}}.lb-master_stacks_in_242.maxw-frame:not(.custom-size) .infix-container{max-width:1600px}@media screen and (max-width:640px){.lb-master_stacks_in_242.maxw-frame:not(.custom-size) .infix-container{max-width:1600px}}.lb-master_stacks_in_242.prop-height.infix-body:not(.vid-letterbox):not(.infix-image) .infix-iframe-container{padding-top:80vh}@media screen and (min-width:640px){.lb-master_stacks_in_242.prop-height.infix-body:not(.vid-letterbox):not(.infix-image) .infix-iframe-container{padding-top:80vh}}.lb-master_stacks_in_242.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container,.lb-master_stacks_in_242.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_242.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:80vh !important;max-height:80vh !important}@media screen and (min-width:640px){.lb-master_stacks_in_242.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container,.lb-master_stacks_in_242.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_242.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:80vh !important;max-height:80vh !important}}.lb-master_stacks_in_242.prop-height.infix-section:not(.vid-letterbox):not(.infix-image) .infix-container{top:calc((100% - 80%) / 2) !important;height:80% !important}@media screen and (min-width:640px){.lb-master_stacks_in_242.prop-height.infix-section:not(.vid-letterbox):not(.infix-image) .infix-container{top:calc((100% - 80%) / 2) !important;height:80% !important}}.lb-master_stacks_in_242.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container{height:80% !important;max-height:80% !important}@media screen and (min-width:640px){.lb-master_stacks_in_242.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container{height:80% !important;max-height:80% !important}}.lb-master_stacks_in_242.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_242.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:100% !important;max-height:100% !important}.lb-master_stacks_in_242.infix-iframe.infix-section .infix-container,.lb-master_stacks_in_242.infix-iframe.infix-section .infix-content,.lb-master_stacks_in_242.infix-iframe.infix-section .infix-iframe-container{position:static;top:0;left:0;height:100%;width:100%}.lb-master_stacks_in_242.infix-iframe.infix-section.size-float .infix-iframe-container{padding-top:0}.lb-master_stacks_in_242 .infix-content::after{-webkit-box-shadow:0 0 0px 0px rgba(0, 0, 0, 0.30);box-shadow:0 0 0px 0px rgba(0, 0, 0, 0.30)}.lb-master_stacks_in_242 .infix-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;z-index:9999;padding:20px;border-radius:0% 0% 0% 0%;background:rgba(0, 0, 0, 0.00)}html.bwd-touch .lb-master_stacks_in_242 .infix-close{opacity:1 !important}.lb-master_stacks_in_242 .infix-close > .close-wrap{position:relative;width:40px;height:40px;opacity:0.94}.lb-master_stacks_in_242 .infix-close > .close-wrap:hover,html.bwd-touch .lb-master_stacks_in_242 .infix-close > .close-wrap{opacity:1 !important}.lb-master_stacks_in_242 .infix-close > .close-wrap.close-text-only{width:auto;height:auto;color:rgba(255, 255, 255, 0.96);font-size:12px;line-height:1}.lb-master_stacks_in_242 .infix-close > .close-wrap.close-text-only .text-border{padding:8px;border:1px solid rgba(255, 255, 255, 1.00);border-radius:8px;background-color:rgba(255, 255, 255, 0.00);text-align:center}.lb-master_stacks_in_242 .infix-close > .close-wrap > svg{width:40px;height:40px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.lb-master_stacks_in_242 .infix-close > .close-wrap > svg circle.bg{fill:rgba(255, 255, 255, 0.00)}.lb-master_stacks_in_242 .infix-close > .close-wrap > svg .ring{stroke:rgba(255, 255, 255, 1.00);stroke-width:6px}.lb-master_stacks_in_242 .infix-close > .close-wrap > svg .action-icon path{stroke:rgba(255, 255, 255, 0.96);stroke-width:6px;fill:none}.lb-master_stacks_in_242 .infix-close > .close-wrap > svg .ring,.lb-master_stacks_in_242 .infix-close > .close-wrap > svg .action-icon path{-webkit-transition:stroke 200ms ease-out;transition:stroke 200ms ease-out}.lb-master_stacks_in_242 .infix-close > .close-wrap > svg circle.bg{-webkit-transition:fill 220ms ease-out;transition:fill 220ms ease-out}.lb-master_stacks_in_242 .infix-close:hover,html.bwd-touch .lb-master_stacks_in_242 .infix-close{background:rgba(0, 0, 0, 0.00)}.lb-master_stacks_in_242 .infix-close:hover > .close-wrap > svg circle.bg,html.bwd-touch .lb-master_stacks_in_242 .infix-close > .close-wrap > svg circle.bg{fill:rgba(255, 255, 255, 0.00)}.lb-master_stacks_in_242 .infix-close:hover > .close-wrap > svg .ring,html.bwd-touch .lb-master_stacks_in_242 .infix-close > .close-wrap > svg .ring{stroke:rgba(255, 255, 255, 1.00)}.lb-master_stacks_in_242 .infix-close:hover > .close-wrap > svg .action-icon path,html.bwd-touch .lb-master_stacks_in_242 .infix-close > .close-wrap > svg .action-icon path{stroke:rgba(255, 255, 255, 1.00);fill:none}.lb-master_stacks_in_242 .infix-close:hover > .close-wrap.close-text-only,html.bwd-touch .lb-master_stacks_in_242 .infix-close > .close-wrap.close-text-only{color:rgba(255, 255, 255, 1.00)}.lb-master_stacks_in_242 .infix-close i.fa,.lb-master_stacks_in_242 .infix-close svg,.lb-master_stacks_in_242 .infix-close .simple-icon,.lb-master_stacks_in_242 .infix-close .close-wrap,.lb-master_stacks_in_242 .infix-close .text-border{pointer-events:none}@media screen and (min-width:640px){.lb-master_stacks_in_242 .infix-close .close-wrap,.lb-master_stacks_in_242 .infix-close .close-wrap > svg{width:40px;height:40px}.lb-master_stacks_in_242 .infix-close .close-wrap.close-text-only{font-size:16px}}.lb-master_stacks_in_242 .infix-close .action-icon > g{display:none}.lb-master_stacks_in_242 .infix-close.close-cross .action-icon > g#cross{display:block}.lb-master_stacks_in_242 .infix-close.close-small-cross .action-icon > g#smallcross{display:block}.lb-master_stacks_in_242 .infix-close.close-left-arrow .action-icon > g#arrow{display:block}.lb-master_stacks_in_242 .infix-close.close-hamburger .action-icon > g#burger{display:block}@media screen and (min-width:640px){.lb-master_stacks_in_242.close-bg-small-only .infix-close{background:none}}.lb-master_stacks_in_242 .splb-loader .loader-message{display:none}.lb-master_stacks_in_242 .splb-loader svg{display:none}.lb-master_stacks_in_242 .splb-loader > .loader-message{margin-top:0}
.infix-content.bg-vault.bg-color.style-pro-stacks_in_245{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_245.splb{padding:0px}#splb_stacks_in_245 .infix-iframe-container{background-color:}#splb_stacks_in_245.lb-master_stacks_in_242.custom-size.maxw-frame .infix-container{width:85%;max-width:1920px}#splb_stacks_in_245.lb-master_stacks_in_242.custom-size.custom-fill .infix-container{width:100%;max-width:9999px}#stacks_in_245{display:none}.infix-opened #stacks_in_245,.infix-closed #stacks_in_245{display:block}.tutorialBox{cursor:pointer}#stacks_in_245.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_245.splb.ll-overflow{overflow:visible !important}
.style-pro-stacks_in_242::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1}.style-pro-stacks_in_242:not(.bg-vault):not(.bg-featured)::before{background-color:rgba(126, 167, 227, 1.00)}
#ovl_stacks_in_242.ll-overlay {
z-index: -99;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
transition: opacity 600ms ease, z-index 0ms 600ms, visibility 0ms 600ms ease; }
.ll-open-stacks_in_242 > #ovl_stacks_in_242.ll-overlay {
transition: opacity 300ms ease;
opacity: 1;
visibility: visible; }
.lb-master_stacks_in_242, .lb-master_stacks_in_242.infix-closed {
opacity: 0;
visibility: hidden; }
.lb-master_stacks_in_242.infix-opened {
opacity: 1;
visibility: visible; }
.lb-master_stacks_in_242 [data-infix-close]:not(.infix-wrap), .lb-master_stacks_in_242.infix-closed [data-infix-close]:not(.infix-wrap) {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: opacity 40ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0ms 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94) transform 40ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.lb-master_stacks_in_242.infix-opened [data-infix-close]:not(.infix-wrap) {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: opacity 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0ms, transform 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.lb-master_stacks_in_242.close-on-hover.infix-opened [data-infix-close]:not(.infix-wrap) {
opacity: 0;
transition: all 200ms ease-out; }
.lb-master_stacks_in_242.close-on-hover.infix-opened:hover [data-infix-close]:not(.infix-wrap) {
opacity: 1; }
.lb-master_stacks_in_242.infix-closed .infix-container::after, .lb-master_stacks_in_242.infix-loading .infix-container::after {
opacity: 0;
transition: opacity 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 680ms; }
.lb-master_stacks_in_242.infix-opened .infix-container::after {
opacity: 1;
transition: opacity 80ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s; }
.lb-master_stacks_in_242, .lb-master_stacks_in_242.infix-closed {
transition: opacity 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.lb-master_stacks_in_242.infix-opened {
transition: opacity 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 0s; }
.lb-master_stacks_in_242.infix-loading .infix-content, .lb-master_stacks_in_242.infix-closed .infix-content {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
opacity: 0;
transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.lb-master_stacks_in_242.infix-opened .infix-content {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
transition: opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.lb-master_stacks_in_242.infix.hide-nav .infix-nav {
display: none; }
.lb-master_stacks_in_242.infix.no-loop.ll-first [data-infix-prev] {
display: none; }
.lb-master_stacks_in_242.infix.no-loop.ll-last [data-infix-next] {
display: none; }
.lb-master_stacks_in_242 [data-infix-next], .lb-master_stacks_in_242 [data-infix-prev] {
position: absolute;
z-index: 9999;
width: 50px;
height: 50px;
border-radius: 50%;
top: calc(50% + 25px);
margin-top: -25px;
border: 2px solid rgba(255, 255, 255, 0.00);
opacity: 1;
background: rgba(255, 255, 255, 0.00);
transition: opacity 200ms ease-out, background 200ms ease-out, transform 0.8s cubic-bezier(0, 1.01, 0.22, 1), border 0.3s ease-out; }
.lb-master_stacks_in_242 html:not(.bwd-touch) [data-infix-next], .lb-master_stacks_in_242 html:not(.bwd-touch) [data-infix-prev] {
opacity: 0; }
.lb-master_stacks_in_242 html:not(.bwd-touch) [data-infix-next] {
transform: translate(-15px, -50%) scale(0.6); }
.lb-master_stacks_in_242 html:not(.bwd-touch) [data-infix-prev] {
transform: translate(15px, -50%) scale(0.6); }
.lb-master_stacks_in_242 html.infix:not(.bwd-touch):hover [data-infix-next], .lb-master_stacks_in_242 html.infix:not(.bwd-touch):hover [data-infix-prev] {
transform: translate(0, -50%) rotate(0deg) scale(1);
opacity: 1; }
.lb-master_stacks_in_242 [data-infix-next] {
right: 12px; }
.lb-master_stacks_in_242 [data-infix-prev] {
left: 12px; }
.lb-master_stacks_in_242 [data-infix-next]::before,
.lb-master_stacks_in_242 [data-infix-next]::after,
.lb-master_stacks_in_242 [data-infix-prev]::before,
.lb-master_stacks_in_242 [data-infix-prev]::after {
background: rgba(255, 255, 255, 0.96);
top: 50%;
left: 0;
width: 2px;
height: 17px;
content: '';
position: absolute;
margin: -14px 23px; }
.lb-master_stacks_in_242 html.bwd-touch [data-infix-next], .lb-master_stacks_in_242 [data-infix-next]:hover,
.lb-master_stacks_in_242 html.bwd-touch [data-infix-prev], .lb-master_stacks_in_242 [data-infix-prev]:hover {
border: 2px solid rgba(255, 255, 255, 1.00);
background: rgba(255, 255, 255, 0.00); }
.lb-master_stacks_in_242 html.bwd-touch [data-infix-next]::before, .lb-master_stacks_in_242 html.bwd-touch [data-infix-next]::after, .lb-master_stacks_in_242 [data-infix-next]:hover::before, .lb-master_stacks_in_242 [data-infix-next]:hover::after,
.lb-master_stacks_in_242 html.bwd-touch [data-infix-prev]::before,
.lb-master_stacks_in_242 html.bwd-touch [data-infix-prev]::after, .lb-master_stacks_in_242 [data-infix-prev]:hover::before, .lb-master_stacks_in_242 [data-infix-prev]:hover::after {
background: rgba(255, 255, 255, 1.00); }
.lb-master_stacks_in_242 [data-infix-next]::after,
.lb-master_stacks_in_242 [data-infix-prev]::after {
margin-top: -3px; }
.lb-master_stacks_in_242 [data-infix-prev]::after, .lb-master_stacks_in_242 [data-infix-prev]::before {
left: -3px; }
.lb-master_stacks_in_242 [data-infix-next]::after {
transform: rotate(45deg); }
.lb-master_stacks_in_242 [data-infix-next]::before {
transform: rotate(-45deg); }
.lb-master_stacks_in_242 [data-infix-prev]::after {
transform: rotate(315deg); }
.lb-master_stacks_in_242 [data-infix-prev]::before {
transform: rotate(-315deg); }