.com_joeworkman_stacks_glider_stack .glider-wrapper,.com_joeworkman_stacks_glider_stack .glider-button{position:fixed;z-index:99999;border:none}.com_joeworkman_stacks_glider_stack .glider-toggle{padding:1rem;cursor:pointer;font-size:1rem;outline:none;height:auto}.com_joeworkman_stacks_glider_stack .glider-toggle.opened{z-index:999999}.com_joeworkman_stacks_glider_stack .glider-toggle i.fa{display:none;line-height:1.28571429em}.com_joeworkman_stacks_glider_stack .glider-toggle.round.custom-style{border-radius:1000px}.com_joeworkman_stacks_glider_stack .glider-toggle.radius.custom-style{border-radius:3px}.com_joeworkman_stacks_glider_stack .glider-toggle.opened i.fa.close-icon{display:inline-block}.com_joeworkman_stacks_glider_stack .glider-toggle:not(.opened) i.fa.open{display:inline-block}.com_joeworkman_stacks_glider_stack .glider-wrapper{width:0;overflow:auto;-webkit-overflow-scrolling:touch}.com_joeworkman_stacks_glider_stack .glider-wrapper.opened{width:100%;z-index:199999}.com_joeworkman_stacks_glider_stack .glider-wrapper .glider-content.centerContent{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}.com_joeworkman_stacks_glider_stack .glider-wrapper > .glider-toggle{position:absolute;top:0;right:0;background:transparent;margin:0;z-index:999999;display:block}@media only screen and (min-width:40.063em){.com_joeworkman_stacks_glider_stack .glider-wrapper > .glider-toggle{display:none}}.com_joeworkman_stacks_glider_stack .glider-wrapper > .glider-toggle i.fa{display:block}.com_joeworkman_stacks_glider_stack .glider-wrapper.size-100 > .glider-toggle{display:block !important}.com_joeworkman_stacks_glider_stack .headless .glider-button{display:none}.com_joeworkman_stacks_glider_stack .headless .glider-wrapper .glider-toggle{display:block}.com_joeworkman_stacks_glider_stack .launcher-bar .glider-button{width:100%}.com_joeworkman_stacks_glider_stack .location-left .glider-wrapper{height:100%;top:0;left:0}.com_joeworkman_stacks_glider_stack .location-left .glider-wrapper.opened.accent{-webkit-box-shadow:inset -1px 0 15px rgba(255,255,255,0.2),1px 0 2px rgba(0,0,0,0.3);box-shadow:inset -1px 0 15px rgba(255,255,255,0.2),1px 0 2px rgba(0,0,0,0.3)}.com_joeworkman_stacks_glider_stack .location-left .glider-button{left:0}.com_joeworkman_stacks_glider_stack .location-left .glider-button.flush.radius{border-top-left-radius:0;border-bottom-left-radius:0}.com_joeworkman_stacks_glider_stack .location-left .glider-button.opened{left:100%}.com_joeworkman_stacks_glider_stack .location-left.slideout .glider-wrapper{width:100%;margin-left:-100%}.com_joeworkman_stacks_glider_stack .location-left.slideout .glider-wrapper.opened{margin-left:0 !important}.com_joeworkman_stacks_glider_stack .location-right .glider-wrapper{height:100%;top:0;right:0}.com_joeworkman_stacks_glider_stack .location-right .glider-wrapper.opened.accent{-webkit-box-shadow:inset 1px 0 15px rgba(255,255,255,0.2),-1px 0 2px rgba(0,0,0,0.3);box-shadow:inset 1px 0 15px rgba(255,255,255,0.2),-1px 0 2px rgba(0,0,0,0.3)}.com_joeworkman_stacks_glider_stack .location-right .glider-wrapper .glider-toggle{right:auto;left:0}.com_joeworkman_stacks_glider_stack .location-right .glider-button{right:0}.com_joeworkman_stacks_glider_stack .location-right .glider-button.flush.radius{border-top-right-radius:0;border-bottom-right-radius:0}.com_joeworkman_stacks_glider_stack .location-right .glider-button.opened{right:100%}.com_joeworkman_stacks_glider_stack .location-right.slideout .glider-wrapper{width:100%;margin-right:-100%}.com_joeworkman_stacks_glider_stack .location-right.slideout .glider-wrapper.opened{margin-right:0 !important}.com_joeworkman_stacks_glider_stack .location-top .glider-wrapper{top:0;left:0;width:100%;height:0}.com_joeworkman_stacks_glider_stack .location-top .glider-wrapper.opened{height:100%}.com_joeworkman_stacks_glider_stack .location-top .glider-wrapper.opened.accent{-webkit-box-shadow:inset 0 -1px 15px rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.3);box-shadow:inset 0 -1px 15px rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.3)}.com_joeworkman_stacks_glider_stack .location-top .glider-button{top:0}.com_joeworkman_stacks_glider_stack .location-top .glider-button.flush.radius{border-top-right-radius:0;border-top-left-radius:0}.com_joeworkman_stacks_glider_stack .location-top .glider-button.opened{top:100%}.com_joeworkman_stacks_glider_stack .location-bottom .glider-wrapper{bottom:0;left:0;width:100%;height:0}.com_joeworkman_stacks_glider_stack .location-bottom .glider-wrapper.opened{height:100%}.com_joeworkman_stacks_glider_stack .location-bottom .glider-wrapper.opened.accent{-webkit-box-shadow:inset 0 1px 15px rgba(255,255,255,0.2),0 -1px 2px rgba(0,0,0,0.3);box-shadow:inset 0 1px 15px rgba(255,255,255,0.2),0 -1px 2px rgba(0,0,0,0.3)}.com_joeworkman_stacks_glider_stack .location-bottom .glider-button{bottom:0}.com_joeworkman_stacks_glider_stack .location-bottom .glider-button.flush.radius{border-bottom-right-radius:0;border-bottom-left-radius:0}.com_joeworkman_stacks_glider_stack .location-bottom .glider-button.opened{bottom:100%} .seam{background-color:transparent;width:100%;overflow:hidden}.seam svg{display:block;-webkit-transform:scale(1.05);transform:scale(1.05)}.seam-top{z-index:1;position:absolute;top:0}.seam-bottom{z-index:1;position:absolute;bottom:0}.seam-content-wrapper{position:relative;overflow:hidden}.seam-content-wrapper .seam,.seam-content-wrapper .seam-filler{position:absolute;width:100%;top:60%}.seam-content-wrapper .seam{-webkit-transform:translateY(-100%) scale(1.01);transform:translateY(-100%) scale(1.01)}.seam-content-wrapper .seam-filler{height:100%}.seam-animate-end{visibility:hidden} #stacks_in_3081 { background-color: rgba(224, 4, 30, 1.00); border: solid rgba(84, 0, 11, 1.00); border-width: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } :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(8, 69, 149, 1.00);--secondary:rgba(254, 0, 0, 0.75);--success:rgba(115, 123, 170, 1.00);--warning:rgba(240, 130, 173, 1.00);--alert:rgba(97, 189, 225, 0.75);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(254, 254, 254, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);/* --primary-light:rgba(218, 255, 255, 1.00);--secondary-light:rgba(255, 210, 210, 0.75);--success-light:rgba(255, 255, 255, 1.00);--warning-light:rgba(255, 255, 255, 1.00);--alert-light:rgba(255, 255, 255, 0.75);*/--primary-dark:rgba(0, 39, 119, 1.00);--secondary-dark:rgba(224, 0, 0, 0.75);--success-dark:rgba(85, 93, 140, 1.00);--warning-dark:rgba(210, 100, 143, 1.00);--alert-dark:rgba(67, 159, 195, 0.75);--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(0, 140, 186, 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:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem}::-moz-selection{background:var(--selection-background);color:var(--selection-text)}::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(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:calc(1200rem/16);}.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(16rem/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(16rem/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);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-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(3rem/16)}body{} .myclass{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em){ .myclass{font-size:calc(16rem/16) }}@media only screen and (min-width:64em){ .myclass{font-size:calc(16rem/16) }} .MH{height:5rem ;} .BH{background-color:rgba(6, 70, 152, 1.00) ;background-image:url('') ;background-repeat:no-repeat ;background-size: cover ;} .HH{height:1.5rem ;} .HP{padding-top:6rem ;padding-right:0 ;padding-bottom:2rem ;padding-left:0 ;} .PM{position:fixed ;z-index:1 ;top:2% ;bottom:unset ;left:unset ;right:5% ;transform:translateY(-50%) translateX(-50%) ;} .LPB{position:fixed ;z-index:1 ;top:unset ;bottom:0px ;left:unset ;right:unset ;} .CloseP{position:fixed ;z-index:1 ;top:unset ;bottom:unset ;left:0px ;right:unset ;} .stacks_in_2958 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_2750 { font-size: 65%; } #stacks_in_2810 { font-size: 90%; } #stacks_in_2468 { text-transform: uppercase; font-size: 50%; font-weight: bold; } .facebook, .facebook:hover{background-color:rgba(59, 89, 153, 1.00) ;} .twitter, .twitter:hover{background-color:rgba(85, 172, 238, 1.00) ;} .instagram, .instagram:hover{background-color:rgba(228, 64, 95, 1.00) ;} .youtube, .youtube:hover{background-color:rgba(205, 32, 31, 1.00) ;} .social-button{width:4rem ;} #stacks_in_2506 .velvet-icon{ font-size: 8vw; color: rgba(89, 172, 248, 1.00); top: 50%; left: 50%; transform: translate(-50%, -50%);; padding:15px; text-shadow: rgba(0, 0, 0, 0.00) 0 0 10px,rgba(0, 0, 0, 0.00) 0 0 30px,rgba(0, 0, 0, 0.00) 0 0 50px; } #stacks_in_2506:hover .velvet-icon{ text-shadow: rgba(0, 0, 0, 0.00) 0 0 10px,rgba(0, 0, 0, 0.00) 0 0 30px,rgba(0, 0, 0, 0.00) 0 0 50px; } #stacks_in_2506 .vzoom-img-in:hover .velvet-icon{color: rgba(255, 255, 255, 1.00);} #stacks_in_2506 .vzoom-img-in:before{background: rgba(0, 0, 0, 0.05);border-radius:6px;} #stacks_in_2506 .vzoom-img-in:hover:before{background: rgba(0, 0, 0, 0.10);} #stacks_in_2506 .vzoom-img-in img{border-radius:6px;} @important "partials/mixins"; .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_2282 { overflow: visible !important; } #feature-cards-stacks_in_2282 { margin: 0 auto; max-width: 1000px; } #feature-cards-stacks_in_2282 * { box-sizing: border-box; } #feature-cards-stacks_in_2282 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } #feature-cards-stacks_in_2282 .feature-grid.hide-content-icon .feature-card-icon { display: none; } #feature-cards-stacks_in_2282 .feature-grid.hide-content-text .feature-card-content { display: none; } #feature-cards-stacks_in_2282 .feature-grid.show-content-stacks .feature-card-stacks { display: block; } #feature-cards-stacks_in_2282 .feature-grid.no-icons .feature-card-icon i { display: none; } #feature-cards-stacks_in_2282 .feature-outer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 10px; } #feature-cards-stacks_in_2282 .feature-outer > a { text-decoration: none; } #feature-cards-stacks_in_2282 .feature-card { /* */ /* */ /* */ /* */ /* */ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50); /* */ /* */ height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.40s ease; padding: 10px; border-radius: 4px; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #feature-cards-stacks_in_2282 .feature-card-stacks { display: none; } #feature-cards-stacks_in_2282 .feature-card-icon { /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; width: 70px; height: 70px; margin: 20px 0px 20px 20px; padding: 0px 0px 0px 0px; border-radius: 50px 50px 50px 50px; transition: all 0.40s ease; } #feature-cards-stacks_in_2282 .feature-card-icon i { font-size: 50px; color: #00B0FF; transition: all 0.6s ease-out; -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_2282 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px; text-align: center; } #feature-cards-stacks_in_2282 .feature-card-header { /* */ font-family: "Nunito"; /* */ margin: 0; color: #606C88; font-size: 18px; line-height: 24px; font-weight: ; } #feature-cards-stacks_in_2282 .feature-card-description { /* */ font-family: "Open Sans"; /* */ /* */ margin: 10px 0; display: block; color: #B0BEC5; font-size: 14px; line-height: 24px; } /* */ #feature-cards-stacks_in_2282 .feature-card:hover { /* */ z-index: 30; position: relative; -webkit-transform: scale(1.00) rotate(0deg) translateY(-10px); transform: scale(1.00) rotate(0deg) translateY(-10px); } #feature-cards-stacks_in_2282 .feature-card:hover .feature-card-icon { /**/ } #feature-cards-stacks_in_2282 .feature-card:hover .feature-card-icon i { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); /**/ } #feature-cards-stacks_in_2282 .feature-card:hover .feature-card-header { /**/ } #feature-cards-stacks_in_2282 .feature-card:hover .feature-card-description { /**/ } #feature-cards-stacks_in_2282 .feature-grid.ripple .feature-card { position: relative; } #feature-cards-stacks_in_2282 .feature-grid.ripple .feature-card::before { background: #34395D; content: ''; z-index: -1; width: 30px; height: 30px; display: block; position: absolute; transition: all 0.4s ease-out; border-radius: 50%; -webkit-transform: translate(-30px, -30px); transform: translate(-30px, -30px); } #feature-cards-stacks_in_2282 .feature-grid.ripple.center .feature-card::before { top: 50%; left: 50%; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); } #feature-cards-stacks_in_2282 .feature-grid.ripple.center .feature-card:hover::before { width: 150%; height: 150%; border-radius: 4; transition: all 0.4s ease-out; -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } #feature-cards-stacks_in_2282 .feature-grid.ripple.top-left .feature-card::before { top: -30px; left: -30px; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0 50% 50% 50%; } #feature-cards-stacks_in_2282 .feature-grid.ripple.top-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 20px #34395D; } #feature-cards-stacks_in_2282 .feature-grid.ripple.top-right .feature-card::before { top: -30px; right: -30px; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_2282 .feature-grid.ripple.top-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); border-radius: 50% 0 50% 50%; } #feature-cards-stacks_in_2282 .feature-grid.ripple.bottom-left .feature-card::before { left: -30px; bottom: -30px; border-radius: 4px; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_2282 .feature-grid.ripple.bottom-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_2282 .feature-grid.ripple.bottom-right .feature-card::before { bottom: -30px; right: -30px; border-radius: 50% 50% 0 50%; -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_2282 .feature-grid.ripple.bottom-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 767px) { #feature-cards-stacks_in_2282 .feature-outer { /**/ max-width: 25.000000%; /**/ width: 25.000000%; } } @media (min-width: 468px) and (max-width: 767px) { #feature-cards-stacks_in_2282 .feature-outer { /**/ max-width: 100.000000%; /**/ width: 100.000000%; } } @media (min-width: 0px) and (max-width: 468px) { #feature-cards-stacks_in_2282 .feature-outer { /**/ max-width: 100.000000%; /**/ width: 100.000000%; } } /* */ #feature-section-card-stacks_in_2284 img { width: 120px; height: 120px; margin: 20px 0px 20px 0px; } #stacks_in_2285 { text-transform: uppercase; font-size: 150%; } #stacks_in_2286 { text-transform: uppercase; } #feature-section-card-stacks_in_2288 img { width: 120px; height: 120px; margin: 20px 0px 20px 0px; } #stacks_in_2289 { text-transform: uppercase; font-size: 150%; } #stacks_in_2290 { text-transform: uppercase; } #feature-section-card-stacks_in_2292 img { width: 120px; height: 120px; margin: 20px 0px 20px 0px; } #stacks_in_2293 { text-transform: uppercase; font-size: 150%; } #stacks_in_2294 { text-transform: uppercase; } #feature-section-card-stacks_in_2296 img { width: 150px; height: 150px; margin: 0px 0px 0px 0px; } #stacks_in_2298 { text-transform: uppercase; font-size: 150%; } #stacks_in_2299 { text-transform: uppercase; } /* 2 col */ #stacks_in_2916 .wrapper-link:hover { -webkit-animation: wrapper-link 1.4s linear forwards !important; -moz-animation: wrapper-link 1.4s linear forwards !important; animation: wrapper-link 1.4s linear forwards !important; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 0.15))); background-image: -webkit-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00));background-image: -moz-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); } @-webkit-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @-moz-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} #stacks_in_2916 .element-link, #stacks_in_2916 .wrapper-link { display: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2 !important; width: 100%; height: 100%; } #stacks_in_2916 * { box-sizing: border-box !important; } #stacks_in_2916 .extend_image_main { background-image: none !important; background-size: cover !important; background-position: 50% 50% !important; opacity: 1 !important; } #stacks_in_2916 .extend_image_main_colour { } #stacks_in_2916 .extend_image_main_colour_border { } /* Text BG left */ #stacks_in_2916 .left-box-over-bg-0 path, #stacks_in_2916 .left-box-over-bg-1 path, #stacks_in_2916 .left-box-over-bg-2 path, #stacks_in_2916 .left-box-over-bg-3 path, #stacks_in_2916 .left-box-over-bg-4 path, #stacks_in_2916 .left-box-over-bg-5 path, #stacks_in_2916 .left-box-over-bg-6 path, #stacks_in_2916 .left-box-over-bg-7 path, #stacks_in_2916 .left-box-over-bg-8 path, #stacks_in_2916 .left-box-over-bg-9 path, #stacks_in_2916 .left-box-over-bg-10 path { fill: rgba(11, 49, 131, 1.00) !important; } #stacks_in_2916 .left-box-over-bg-7 { display: block !important; } /* BG back shape */ #stacks_in_2916 .morph-shape-1, #stacks_in_2916 .morph-shape-1 path, #stacks_in_2916 .morph-shape-2, #stacks_in_2916 .morph-shape-2 path, #stacks_in_2916 .morph-shape-3, #stacks_in_2916 .morph-shape-3 path { fill: rgba(9, 49, 125, 1.00) !important; } /* NOTE use the order 2 and 1 and 3 to fix consolid. css */ #stacks_in_2916 .morph-shape-2, #stacks_in_2916 .morph-shape-2 path { display: block !important; } #stacks_in_2916 .morph-shape-1, #stacks_in_2916 .morph-shape-1 path { } #stacks_in_2916 .morph-shape-3, #stacks_in_2916 .morph-shape-3 path { } /* foundation RTL theme fix direction:ltr */ #stacks_in_2916 .HYPE_document { direction:ltr !important; margin:auto; position:relative; display: block; overflow: hidden; width: 100%; min-height: 600px; max-width: 1800px !important; } /* IMG LINE */ #stacks_in_2916 .anim-line { text-align: left !important; position: absolute !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: auto !important; important; margin-top: auto !important; width: 350px !important; height: 350px !important; } #stacks_in_2916 .anim-line path { stroke-width: 4px !important; stroke: rgba(242, 40, 61, 1.00) !important; } /* IMG */ /* removed below width: auto !important; fix in Edge */ #stacks_in_2916 .extend_image { left: 0 !important; right: 0 !important; text-align: center !important; margin: auto !important; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-image: url(../files/pop_image-2916.png) !important; max-width: 65% !important; height: 50% !important; filter: drop-shadow(5px 5px 4px rgba(0, 0, 0, 0.20)) !important; background-size: cover !important; } #stacks_in_2916 .extend_image_main_overlay { background-color: transparent !important; position: relative; } #stacks_in_2916 .extend_image_main_grid { } #stacks_in_2916 .hype_box { box-sizing: border-box !important; text-align: center !important; max-height: 95vh; margin: auto !important; width: auto; display: inline-table !important; right: 0 !important; left: 0 !important; border-style: none !important; top: 0; } #stacks_in_2916 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; max-width: 30% !important; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_2916 .inner_slice_content, #stacks_in_2916 .inner_slice_content p, #stacks_in_2916 .inner_slice_content span, #stacks_in_2916 .inner_slice_content [class*="fa fa-"], #stacks_in_2916 .inner_slice_content h1, #stacks_in_2916 .inner_slice_content h2, #stacks_in_2916 .inner_slice_content h3, #stacks_in_2916 .inner_slice_content h4, #stacks_in_2916 .inner_slice_content h5, #stacks_in_2916 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color:#FFF3A3 !important; } #stacks_in_2916 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_2916 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_2916 .inner_slice_content a:link, #stacks_in_2916 .inner_slice_content a { color:#FFFFFF !important; } #stacks_in_2916 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_2916 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_2916 .inner_slice_content a:hover { color:#FF0029 !important; } /* hype */ #stacks_in_2916 .viewport-morph-trigger { opacity: 0.45; margin-top: 400px !important; opacity: 1.0; } #stacks_in_2916 .viewport-rotscal-trigger { opacity: 0.45; margin-top: 200px !important; opacity: 1.0; } #stacks_in_2916 .viewport-line-trigger { opacity: 0.45; } #stacks_in_2916 .setting_panel_slide { } /* BP min */ @media screen and (min-width: 1000px ) { #stacks_in_2916 .anim-line { } #stacks_in_2916 .inner_slice {max-width: 30% !important;} #stacks_in_2916 .hype_box, #stacks_in_2916 .wrapper-link { width: 70% !important; left: 30% !important; margin-top: 0 !important; margin-bottom: 10% !important; max-height: 600px; } #stacks_in_2916 .left-box-over-bg-7 { margin-left: -20% !important; } #stacks_in_2916 .extend_image { top: 25% !important; background-position: 50% 90% !important; /* below desktop - 2 col only- to use in one */ } #stacks_in_2916 .setting_panel_slide { position: absolute !important; margin-left: -10% !important; } #stacks_in_2916 .inner_slice_content { padding-top: 0px; } } /* Hype element center in MAX */ #stacks_in_2916 .setting_panel_slide { position: absolute !important; margin-left: -25%; } /* breakpoint MAX */ @media screen and (max-width: 1000px ) { /* 2 col */ #stacks_in_2916 .inner_slice { max-width: 100% !important; margin-top: 340px; %%[[if !edit]]%% top: 0px !important; %%[[endif]]%% } #stacks_in_2916 .inner_slice_content { background-color: rgba(11, 49, 131, 1.00); } #stacks_in_2916 .hype_box, #stacks_in_2916 .wrapper-link { max-width: 100% !important; left: 0% !important; position: absolute !important; top: 0 !important; max-height: 340px; } #stacks_in_2916 .hype_box { display: block !important; margin-top: 0px !important; } #stacks_in_2916 .extend_image { top: 17% !important; max-width: 85% !important; height: 65% !important; background-position: 75% 50% !important; } #stacks_in_2916 .anim-line { bottom: 0 !important; top: 0 !important; right: 0 !important; left: 0 !important; margin-right: auto !important; margin-left: auto !important; margin-bottom: auto !important; margin-top: auto !important; width: 300px !important; height: 300px !important; margin-top: 4px !important; } #stacks_in_2916 .HYPE_document { overflow: hidden !important; padding-top: 0px !important; margin-bottom: 0px !important; } #stacks_in_2916 .element-link, #stacks_in_2916 .wrapper-link, #stacks_in_2916 .wrapper-link:hover { display: none !important; } #stacks_in_2916 .left-box-over-bg-7 { display: none !important; } #stacks_in_2916 .setting_panel_slide { position: absolute !important; margin-left: -25%; } } /* BP small dev */ @media screen and (max-width: 560px) { #stacks_in_2916 .extend_image { max-width: 100% !important; border-top-left-radius:0px; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-right-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-bottom-left-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-right-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; } } /* BP internal */ @media screen and (max-width: 420px ) { #stacks_in_2916 .anim-line { } } /* -- End EACH CSS Template -- */ #stacks_in_2918 { padding: 25px; } #stacks_in_550 { font-size: 70%; font-weight: bold; } #stacks_in_1956 .glider-wrapper,#stacks_in_1956 .glider-button{-webkit-transition:all 400ms ease;transition:all 400ms ease}#stacks_in_1956 .glider-wrapper.custom-style{background-color:#0B3183;color:rgba(255, 255, 255, 1.00)}#stacks_in_1956 .glider-wrapper.custom-style div,#stacks_in_1956 .glider-wrapper.custom-style p{color:rgba(255, 255, 255, 1.00)}#stacks_in_1956 .glider-wrapper.custom-style .glider-toggle{color:rgba(255, 255, 255, 1.00)}#stacks_in_1956 .glider-wrapper .glider-content{padding:3.25rem 1rem}@media only screen and (min-width:40.063em){#stacks_in_1956 .glider-wrapper .glider-content{padding:3.25rem 2.00rem}}#stacks_in_1956 .glider-button{margin:0px}#stacks_in_1956 .glider-button.custom-style{background-color:#FB0207;color:#FFFFFF}#stacks_in_1956 .glider-button.static-width{width:100px}#stacks_in_1956 .launcher-bar .glider-button{text-align:left}#stacks_in_1956 .location-left .glider-button,#stacks_in_1956 .location-right .glider-button{top:0%}#stacks_in_1956 .location-left .glider-button.flipPosition,#stacks_in_1956 .location-right .glider-button.flipPosition{top:auto;bottom:0%}#stacks_in_1956 .location-top .glider-button,#stacks_in_1956 .location-bottom .glider-button{left:0%}#stacks_in_1956 .location-top .glider-button.flipPosition,#stacks_in_1956 .location-bottom .glider-button.flipPosition{left:auto;right:0%}@media only screen and (min-width:40.063em){#stacks_in_1956 .location-left .glider-wrapper.opened,#stacks_in_1956 .location-right .glider-wrapper.opened{width:30%}#stacks_in_1956 .location-left.slideout .glider-wrapper,#stacks_in_1956 .location-right.slideout .glider-wrapper{width:30%}#stacks_in_1956 .location-left .glider-button.opened{left:30%}#stacks_in_1956 .location-left.slideout .glider-wrapper{margin-left:-30%}#stacks_in_1956 .location-right .glider-button.opened{right:30%}#stacks_in_1956 .location-right.slideout .glider-wrapper{margin-right:-30%}#stacks_in_1956 .location-top .glider-wrapper.opened,#stacks_in_1956 .location-bottom .glider-wrapper.opened{height:30%}#stacks_in_1956 .location-top .glider-button.opened{top:30%}#stacks_in_1956 .location-bottom .glider-button.opened{bottom:30%}} /* 1.9.0 */ #stacks_in_2833 * { box-sizing: border-box; } #stacks_in_2833 *:focus {outline:none;} .searchingstacks_in_2833 .stacks_top, .searchingstacks_in_2833 .stacks_in, .searchingstacks_in_2833 .stacks_out { overflow: visible; } #stacks_in_2833 .jQueryNote { background: rgba(0,0,0,0.3); color: #fff; padding: 20px; } .stacks_in_2833_pages { display: none;} #stacks_in_2833_tipue_search_input, .live-search-input { font-size: 16px; width: 100%; height: 30px; line-height: 28px; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; border-style: solid; border-width: 1px; border-color: rgba(0,0,0,0.3); background-color: #fff; padding: 0px 15px 0px 15px;/* leaving room for search icon */ position: relative; z-index: 9998; } #stacks_in_2833_tipue_search_content, .live-search-content { display: none; padding: 20px; min-height: 80px; position: absolute; margin: 20px 0px; z-index: 9997; width: 100%; box-sizing: border-box; } #stacks_in_2833_tipue_search_input, .live-search-input { padding: 0px 15px 0px 35px; } #stacks_in_2833 form > svg, .live-search-form > svg { width: 14px; height: 30px; fill: #999; position: absolute; left: 18px; text-align: right; top: 0px; z-index: 9999; } /**/ /**/ .tipue_search_content_title { font-size: 120%; } /**/ /**/ #stacks_in_2833_tipue_search_content, .live-search-content { background: #fff; border-radius: 4px; box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.3); border-top: 1px solid rgba(0,0,0,0.25); -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); transition: all 150ms linear; opacity: 0; } .searchingstacks_in_2833 #stacks_in_2833_tipue_search_content, .searchingstacks_in_2833.live-search-content { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); transition: all 150ms linear; opacity: 1; } #stacks_in_2833_tipue_search_content:after, .live-search-content:after { content: " "; position: absolute; top: -10px; left: 15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } #stacks_in_2833_tipue_search_content:before, .live-search-content:before { content: " "; position: absolute; top: -11px; left: 14px; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid rgba(0,0,0,0.3); } /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /* Tipue Search 5.0 Copyright (c) 2015 Tipue Tipue Search is released under the MIT License http://www.tipue.com/search */ #stacks_in_2833_tipue_search_content .h01, mark, .live-search-content .h01 { background: yellow; } .searchingstacks_in_2833 #stacks_in_2833_tipue_search_content, .searchingstacks_in_2833.live-search-content { display: block !important; } #stacks_in_2833_tipue_search_warning { margin: 7px 0; display: none; } .showWarning #stacks_in_2833_tipue_search_warning { display: block; } .tipue_search_content_title { margin-top: 23px; } .tipue_search_content_title a { text-decoration: none; } .tipue_search_content_title a:hover { } .tipue_search_content_url{ word-wrap: break-word; hyphens: auto; } .tipue_search_content_url a{ text-decoration: none; } .tipue_search_content_url a:hover{ } .tipue_search_content_text{ word-wrap: break-word; hyphens: auto; margin-top: 3px; } .tipue_search_content_debug{ margin: 5px 0; } .h01{ font-weight: 400; } #stacks_in_2833_tipue_search_foot{ margin: 51px 0 21px 0; } #stacks_in_2833_tipue_search_foot_boxes{ padding: 0; margin: 0; } #stacks_in_2833_tipue_search_foot_boxes li { list-style: none; margin: 0; padding: 0; display: inline; cursor:pointer; } #stacks_in_2833_tipue_search_foot_boxes li a{ padding: 10px 17px 11px 17px; background-color: #fff; border: 1px solid #e2e2e2; border-radius: 1px; color: #333; margin-right: 7px; text-decoration: none; text-align: center; } #stacks_in_2833_tipue_search_foot_boxes li.current{ padding: 10px 17px 11px 17px; background: #f6f6f6; border: 1px solid #e2e2e2; border-radius: 1px; color: #333; margin-right: 7px; text-align: center; } #stacks_in_2833_tipue_search_foot_boxes li a:hover{ background: #f6f6f6; } /* spinner */ .tipue_search_spinner svg polyline, .tipue_search_spinner svg path { stroke: #555555; } .tipue_search_spinner { width: 110px; position: absolute; color: #555555; top: 0px; right: 0px; left: auto; display: grid; text-align: right; grid-template-columns: 30px 1fr; justify-content: space-between; } .tipue_search_spinner .ts-count-wrap { padding: 20px 20px 20px 0px; } .tipue_search_spinner svg { align-self: center; height: 30px; width: 30px; padding: 0px; animation-name: ts-spin; animation-duration: 3000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes ts-spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } #stacks_in_2833_tipue_search_content .tipue_search_content_url, .live-search-content .tipue_search_content_url { margin-top: 3px; } #stacks_in_2833_tipue_search_content .tipue_search_content_text, .live-search-content .tipue_search_content_text { margin-top: 8px; } /**/ @-webkit-keyframes stretchdelay{ from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes stretchdelay{ from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media all and (max-width: 1280px) { .menu-loaded.menu-active main { padding-left: 80px; } .sidebar-mobile-active.menu-loaded main { padding-left: 80px; } } #stacks_in_2833 .additional-pages, #stacks_in_2833 .excluded-pages { display: none; } #slice_mez_2903 { padding: 2px !important; margin: 4px !important; display: inline-block !important; width: 50% !important; box-sizing: border-box !important; border: 1px solid rgba(0,0,0,0.2); background: transparent !important; } #slice_mez_2903.selected { border-color: #2680fc !important; } #slice_mez_2903 .stacks-button-DB.info { right: 0px !important; top: -14px !important; z-index: 1; } #slice_mez_2903 .stacks-button-DB.close { left: 0px !important; top: -14px !important; z-index: 1; } #slice_mez_2903 > div:nth-child(2) { display: none !important; } #slice_mez_2903.hidden > #stacks_in_2903 { opacity: 1; height: 0px; min-height: 0px; overflow: hidden; } #stacks_in_2832 { text-transform: uppercase; font-size: 50%; } #stacks_in_3025_2 { text-transform: uppercase; font-size: 50%; } /* 1.9.0 */ #stacks_in_3025_97 * { box-sizing: border-box; } #stacks_in_3025_97 *:focus {outline:none;} .searchingstacks_in_3025_97 .stacks_top, .searchingstacks_in_3025_97 .stacks_in, .searchingstacks_in_3025_97 .stacks_out { overflow: visible; } #stacks_in_3025_97 .jQueryNote { background: rgba(0,0,0,0.3); color: #fff; padding: 20px; } .stacks_in_3025_97_pages { display: none;} #stacks_in_3025_97_tipue_search_input, .live-search-input { font-size: 16px; width: 100%; height: 30px; line-height: 28px; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; border-style: solid; border-width: 1px; border-color: rgba(0,0,0,0.3); background-color: #fff; padding: 0px 15px 0px 15px;/* leaving room for search icon */ position: relative; z-index: 9998; } #stacks_in_3025_97_tipue_search_content, .live-search-content { display: none; padding: 20px; min-height: 80px; position: absolute; margin: 20px 0px; z-index: 9997; width: 100%; box-sizing: border-box; } #stacks_in_3025_97_tipue_search_input, .live-search-input { padding: 0px 15px 0px 35px; } #stacks_in_3025_97 form > svg, .live-search-form > svg { width: 14px; height: 30px; fill: #999; position: absolute; left: 18px; text-align: right; top: 0px; z-index: 9999; } /**/ #stacks_in_3025_97 form > svg, .live-search-form > svg { width: 16px; width: calc(16px - 2px); left: calc(34px - 16px); fill: #888888; } #stacks_in_3025_97 form .live-search-submit { position: absolute; z-index: 9999; right: 0px; top: 0px; font-size: 16px; line-height: 30px; padding: 0px 12px; margin: 0; font-family: inherit; border-radius: 0 4px 4px 0; border-width: 0; background: #3795CF; color: #FFFFFF; /**/ display: none; /**/ } #stacks_in_3025_97 form .live-search-submit:hover { background: #46A4DE; color: #FFFFFF; } #stacks_in_3025_97 form .live-search-submit:active { background: #2886C0; color: #F0F0F0; } #stacks_in_3025_97_tipue_search_input, .live-search-input { font-size: 16px; font-family: inherit; border-radius: 4px; border-color: #CCCCCC; color: #888888; background-color: #FFFFFF; } #stacks_in_3025_97 ::-webkit-input-placeholder, .live-search-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #888888; } #stacks_in_3025_97 :-moz-placeholder, .live-search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #888888; opacity: 1; } #stacks_in_3025_97 ::-moz-placeholder, .live-search-input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #888888; opacity: 1; } #stacks_in_3025_97 :-ms-input-placeholder, .live-search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #888888; } #stacks_in_3025_97 :placeholder-shown, .live-search-input:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: #888888; } /**/ /**/ /**/ /**/ #stacks_in_3025_97_tipue_search_content, .live-search-content { background: #fff; border-radius: 4px; box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.3); border-top: 1px solid rgba(0,0,0,0.25); -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); transition: all 150ms linear; opacity: 0; } .searchingstacks_in_3025_97 #stacks_in_3025_97_tipue_search_content, .searchingstacks_in_3025_97.live-search-content { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); transition: all 150ms linear; opacity: 1; } #stacks_in_3025_97_tipue_search_content:after, .live-search-content:after { content: " "; position: absolute; top: -10px; left: 15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } #stacks_in_3025_97_tipue_search_content:before, .live-search-content:before { content: " "; position: absolute; top: -11px; left: 14px; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid rgba(0,0,0,0.3); } /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /* Tipue Search 5.0 Copyright (c) 2015 Tipue Tipue Search is released under the MIT License http://www.tipue.com/search */ #stacks_in_3025_97_tipue_search_content .h01, mark, .live-search-content .h01 { background: yellow; } .searchingstacks_in_3025_97 #stacks_in_3025_97_tipue_search_content, .searchingstacks_in_3025_97.live-search-content { display: block !important; } #stacks_in_3025_97_tipue_search_warning { margin: 7px 0; display: none; } .showWarning #stacks_in_3025_97_tipue_search_warning { display: block; } .tipue_search_content_title { margin-top: 23px; } .tipue_search_content_title a { text-decoration: none; } .tipue_search_content_title a:hover { } .tipue_search_content_url{ word-wrap: break-word; hyphens: auto; } .tipue_search_content_url a{ text-decoration: none; } .tipue_search_content_url a:hover{ } .tipue_search_content_text{ word-wrap: break-word; hyphens: auto; margin-top: 3px; } .tipue_search_content_debug{ margin: 5px 0; } .h01{ font-weight: 400; } #stacks_in_3025_97_tipue_search_foot{ margin: 51px 0 21px 0; } #stacks_in_3025_97_tipue_search_foot_boxes{ padding: 0; margin: 0; } #stacks_in_3025_97_tipue_search_foot_boxes li { list-style: none; margin: 0; padding: 0; display: inline; cursor:pointer; } #stacks_in_3025_97_tipue_search_foot_boxes li a{ padding: 10px 17px 11px 17px; background-color: #fff; border: 1px solid #e2e2e2; border-radius: 1px; color: #333; margin-right: 7px; text-decoration: none; text-align: center; } #stacks_in_3025_97_tipue_search_foot_boxes li.current{ padding: 10px 17px 11px 17px; background: #f6f6f6; border: 1px solid #e2e2e2; border-radius: 1px; color: #333; margin-right: 7px; text-align: center; } #stacks_in_3025_97_tipue_search_foot_boxes li a:hover{ background: #f6f6f6; } /* spinner */ .tipue_search_spinner svg polyline, .tipue_search_spinner svg path { stroke: #555555; } .tipue_search_spinner { width: 110px; position: absolute; color: #555555; top: 0px; right: 0px; left: auto; display: grid; text-align: right; grid-template-columns: 30px 1fr; justify-content: space-between; } .tipue_search_spinner .ts-count-wrap { padding: 20px 20px 20px 0px; } .tipue_search_spinner svg { align-self: center; height: 30px; width: 30px; padding: 0px; animation-name: ts-spin; animation-duration: 3000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes ts-spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } #stacks_in_3025_97_tipue_search_content .tipue_search_content_url, .live-search-content .tipue_search_content_url { margin-top: 3px; } #stacks_in_3025_97_tipue_search_content .tipue_search_content_text, .live-search-content .tipue_search_content_text { margin-top: 8px; } /**/ #stacks_in_3025_97_tipue_search_content, .live-search-content { color: #555555; background-color: #FFFFFF; font-family: inherit; } #stacks_in_3025_97_tipue_search_content:after, .live-search-content:after { border-color: transparent transparent #FFFFFF transparent; } #stacks_in_3025_97_tipue_search_content .tipue_search_content_title a, .live-search-content .tipue_search_content_title a { color: #3795CF; font-size: 18px; font-weight: 400; line-height: 18px; font-family: inherit; } #stacks_in_3025_97_tipue_search_content .tipue_search_content_title a:hover, .live-search-content .tipue_search_content_title a:hover { color: #67C5FF; } #stacks_in_3025_97_tipue_search_content .tipue_search_content_url, .live-search-content .tipue_search_content_url { font-size: 14px; font-weight: 400; line-height: 14px; } #stacks_in_3025_97_tipue_search_content .tipue_search_content_url a, .live-search-content .tipue_search_content_url a { color: #3795CF; } #stacks_in_3025_97_tipue_search_content .tipue_search_content_url a:hover, .live-search-content .tipue_search_content_url a:hover { color: #67C5FF; } #stacks_in_3025_97_tipue_search_content .tipue_search_content_text, .live-search-content .tipue_search_content_text { font-size: 14px; font-weight: 400; line-height: 18px; } .tipue_search_content_debug{ } #stacks_in_3025_97_tipue_search_content .h01, .live-search-content .h01 { background: #FFFF00; } #stacks_in_3025_97_tipue_search_foot_boxes li a { background-color: #FFFFFF; border: 1px solid rgba(0,0,0,0.15); border-radius: 1px; color: #555555; } #stacks_in_3025_97_tipue_search_foot_boxes li.current{ background: #FFFFFF; border: 1px solid rgba(0,0,0,0.3); border-radius: 1px; color: #3795CF; } #stacks_in_3025_97_tipue_search_foot_boxes li a:hover{ background: rgba(0,0,0,0.05); } #stacks_in_3025_97_tipue_search_warning a{ } #stacks_in_3025_97_tipue_search_warning a:hover{ } #stacks_in_3025_97_tipue_search_results_count{ } /**/ @-webkit-keyframes stretchdelay{ from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes stretchdelay{ from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media all and (max-width: 1280px) { .menu-loaded.menu-active main { padding-left: 80px; } .sidebar-mobile-active.menu-loaded main { padding-left: 80px; } } #stacks_in_3025_97 .additional-pages, #stacks_in_3025_97 .excluded-pages { display: none; } #slice_mez_3025_100 { padding: 2px !important; margin: 4px !important; display: inline-block !important; width: 50% !important; box-sizing: border-box !important; border: 1px solid rgba(0,0,0,0.2); background: transparent !important; } #slice_mez_3025_100.selected { border-color: #2680fc !important; } #slice_mez_3025_100 .stacks-button-DB.info { right: 0px !important; top: -14px !important; z-index: 1; } #slice_mez_3025_100 .stacks-button-DB.close { left: 0px !important; top: -14px !important; z-index: 1; } #slice_mez_3025_100 > div:nth-child(2) { display: none !important; } #slice_mez_3025_100.hidden > #stacks_in_3025_100 { opacity: 1; height: 0px; min-height: 0px; overflow: hidden; } #slice_mez_3025_102 { padding: 2px !important; margin: 4px !important; display: inline-block !important; width: 50% !important; box-sizing: border-box !important; border: 1px solid rgba(0,0,0,0.2); background: transparent !important; } #slice_mez_3025_102.selected { border-color: #2680fc !important; } #slice_mez_3025_102 .stacks-button-DB.info { right: 0px !important; top: -14px !important; z-index: 1; } #slice_mez_3025_102 .stacks-button-DB.close { left: 0px !important; top: -14px !important; z-index: 1; } #slice_mez_3025_102 > div:nth-child(2) { display: none !important; } #slice_mez_3025_102.hidden > #stacks_in_3025_102 { opacity: 1; height: 0px; min-height: 0px; overflow: hidden; } /* -- EACH CSS Template -- */ #stacks_in_581 * { box-sizing: border-box !important; } #stacks_in_581 .perspective-1-up .HYPE_element_container, #stacks_in_581 .perspective-1-down .HYPE_element_container, #stacks_in_581 .perspective-2-left .HYPE_element_container, #stacks_in_581 .perspective-2-right .HYPE_element_container, #stacks_in_581 .perspective-3-left .HYPE_element_container, #stacks_in_581 .perspective-3-right .HYPE_element_container, #stacks_in_581 .perspective-1 .HYPE_element_container { -webkit-perspective: 2000px !important; -moz-perspective: 2000px !important; perspective: 2000px !important; perspective-origin: 50% 50% !important; } /* 1 - horiz solid */ #stacks_in_581 .perspective-1-down { } #stacks_in_581 .perspective-1-up { } /* 2 - verical solid */ #stacks_in_581 .perspective-2-right { display: block !important; } #stacks_in_581 .perspective-2-left { display: none !important; } /* 3 - fluid cube max 800 */ #stacks_in_581 .perspective-3-right { } #stacks_in_581 .perspective-3-left { } /* 4 - fluid box max 800 */ #stacks_in_581 .perspective-4-right { } #stacks_in_581 .perspective-4-left { } /* 5 - fluid box max 800 */ #stacks_in_581 .perspective-5-right { } #stacks_in_581 .perspective-5-left { } /* 6 - fluid box max 1000 */ #stacks_in_581 .perspective-6-right { } #stacks_in_581 .perspective-6-left { } /* 7 - fluid box max 1000 */ #stacks_in_581 .perspective-7-right { } #stacks_in_581 .perspective-7-left { } #stacks_in_581 .anim-wrapper, stacks_in_581_default5_hype_container { margin:auto;position:relative; overflow: auto; width: auto; max-width: 550px; min-height: 550px; max-height: 800px; } /* 3 BP */ @media (max-width: 1000px) { #stacks_in_581 .anim-wrapper, stacks_in_581_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_581 .anim-wrapper, stacks_in_581_default5_hype_container { } } /* 4 BP */ @media (max-width: 800px) { #stacks_in_581 .anim-wrapper, stacks_in_581_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_581 .anim-wrapper, stacks_in_581_default5_hype_container { } } /* 5 BP */ @media (max-width: 900px) { #stacks_in_581 .anim-wrapper, stacks_in_581_default5_hype_container { max-width: 350px; min-height: 350px; } } @media (max-width: 600px) { #stacks_in_581 .anim-wrapper, stacks_in_581_default5_hype_container { max-width: 270px; min-height: 270px; } } /* 6 BP */ @media (max-width: 800px) { #stacks_in_581 .anim-wrapper, stacks_in_581_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_581 .anim-wrapper, stacks_in_581_default5_hype_container { } } /* 7 BP */ @media (max-width: 800px) { #stacks_in_581 .anim-wrapper, stacks_in_581_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_581 .anim-wrapper, stacks_in_581_default5_hype_container { } } /* ------------ required for Chrome ----------- */ #stacks_in_581 .text-front, #stacks_in_581 .text-bottom { -webkit-backface-visibility: hidden !important; -webkit-font-smoothing: antialiased !important; color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_581 .text-front { } /* ---- */ #stacks_in_581 .text-bottom { } /* img 1 */ #stacks_in_581 .surface-1, #stacks_in_581 .surface-2 { background-size: cover !important; background-image: url(../files/1_image-581.png) !important; } #stacks_in_581 .surface-1 { background-blend-mode: ; } /* img 2 */ #stacks_in_581 .surface-2 { background-blend-mode: !important; } #stacks_in_581 .surface-1, #stacks_in_581 .surface-2 { background-position: 65% 65% !important; background-color: #38251C !important; } #stacks_in_581 .hype-solid-border { border: 40px solid rgba(237, 237, 237, 1.00) !important; display: block !important; } #stacks_in_581 .share-gradient { background: linear-gradient(20deg, rgba(62, 60, 102, 0.23) 6%, rgba(31, 44, 199, 0.00) 58%) !important; } #stacks_in_581 .share-gradient-2 { background: linear-gradient(135deg, rgba(0, 0, 0, 0.00) 36%, rgba(255, 255, 255, 1.00) 100%) !important; } #stacks_in_581 .hype-element-trigger { opacity: 0.7; margin-top: 58% !important; } #stacks_in_581 .hype-hover-repeat-off { } #stacks_in_581 .text-front, #stacks_in_581 .text-front p, #stacks_in_581 .text-bottom, #stacks_in_581 .text-bottom p { text-align: left !important; } #stacks_in_581 .text-front, #stacks_in_581 .text-bottom { font-size: 130px !important; font-style: none !important; text-transform: uppercase !important; text-decoration: None; letter-spacing: 0px !important; line-height: 120px !important; font-family: "title_safe_font_selector", serif !important; margin-top: -280px; margin-left: 75px; font-family: "Trebuchet MS", serif !important; font-weight: 700 !important; } #stacks_in_581 .icon-aw, #stacks_in_581 .icon-aw [class*="fa fa-"], #stacks_in_581 .icon-aw [class^="fa fa-"] { font-size: 109px !important; color: rgba(255, 255, 255, 0.66) !important; margin-top: 128px; margin-left: 170px; display: block !important; } #stacks_in_581 .icon-svg, #stacks_in_581 .icon-svg-1 { background-position: center center !important; background-repeat: no-repeat; background-size: contain; transform-origin: center center !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; } #stacks_in_581 .icon-svg { width: 280px !important; height: auto !important; } #stacks_in_581 .icon-svg-1 { width: 280px !important; height: 280px !important; } #stacks_in_581 .text-front, #stacks_in_581 .text-bottom { } #stacks_in_581 .hype-link-simple-group, #stacks_in_581 .hype-link-simple, #stacks_in_581 .hype-link-simple-blank { display: block !important; } #stacks_in_581 .hype-link-hover-group, #stacks_in_581 .hype-link-hover, #stacks_in_581 .hype-link-hover-blank { } #stacks_in_581 .hype-link-simple, #stacks_in_581 .hype-link-hover { display: none !important; } #stacks_in_581 .hype-drag-rotate { display: block !important; display: block !important; } #stacks_in_581 .hype-drag-rotate-slide { } @media only screen and (max-width: 600px) { #stacks_in_581 .text-front, #stacks_in_581 .text-bottom { } } /* -- End EACH CSS Template end -- *//* -- EACH CSS Template -- */ #stacks_in_582 * { box-sizing: border-box !important; } #stacks_in_582 .perspective-1-up .HYPE_element_container, #stacks_in_582 .perspective-1-down .HYPE_element_container, #stacks_in_582 .perspective-2-left .HYPE_element_container, #stacks_in_582 .perspective-2-right .HYPE_element_container, #stacks_in_582 .perspective-3-left .HYPE_element_container, #stacks_in_582 .perspective-3-right .HYPE_element_container, #stacks_in_582 .perspective-1 .HYPE_element_container { -webkit-perspective: 2000px !important; -moz-perspective: 2000px !important; perspective: 2000px !important; perspective-origin: 50% 50% !important; } /* 1 - horiz solid */ #stacks_in_582 .perspective-1-down { } #stacks_in_582 .perspective-1-up { } /* 2 - verical solid */ #stacks_in_582 .perspective-2-right { display: block !important; } #stacks_in_582 .perspective-2-left { display: none !important; } /* 3 - fluid cube max 800 */ #stacks_in_582 .perspective-3-right { } #stacks_in_582 .perspective-3-left { } /* 4 - fluid box max 800 */ #stacks_in_582 .perspective-4-right { } #stacks_in_582 .perspective-4-left { } /* 5 - fluid box max 800 */ #stacks_in_582 .perspective-5-right { display: block !important; } #stacks_in_582 .perspective-5-left { display: none !important; } /* 6 - fluid box max 1000 */ #stacks_in_582 .perspective-6-right { } #stacks_in_582 .perspective-6-left { } /* 7 - fluid box max 1000 */ #stacks_in_582 .perspective-7-right { } #stacks_in_582 .perspective-7-left { } #stacks_in_582 .anim-wrapper, stacks_in_582_default5_hype_container { margin:auto;position:relative; overflow: auto; width: auto; max-width: 550px; min-height: 550px; max-height: 800px; } /* 3 BP */ @media (max-width: 1000px) { #stacks_in_582 .anim-wrapper, stacks_in_582_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_582 .anim-wrapper, stacks_in_582_default5_hype_container { } } /* 4 BP */ @media (max-width: 800px) { #stacks_in_582 .anim-wrapper, stacks_in_582_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_582 .anim-wrapper, stacks_in_582_default5_hype_container { } } /* 5 BP */ @media (max-width: 900px) { #stacks_in_582 .anim-wrapper, stacks_in_582_default5_hype_container { max-width: 350px; min-height: 350px; } } @media (max-width: 600px) { #stacks_in_582 .anim-wrapper, stacks_in_582_default5_hype_container { max-width: 270px; min-height: 270px; } } /* 6 BP */ @media (max-width: 800px) { #stacks_in_582 .anim-wrapper, stacks_in_582_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_582 .anim-wrapper, stacks_in_582_default5_hype_container { } } /* 7 BP */ @media (max-width: 800px) { #stacks_in_582 .anim-wrapper, stacks_in_582_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_582 .anim-wrapper, stacks_in_582_default5_hype_container { } } /* ------------ required for Chrome ----------- */ #stacks_in_582 .text-front, #stacks_in_582 .text-bottom { -webkit-backface-visibility: hidden !important; -webkit-font-smoothing: antialiased !important; color: rgba(22, 20, 27, 1.00) !important; } #stacks_in_582 .text-front { } /* ---- */ #stacks_in_582 .text-bottom { } /* img 1 */ #stacks_in_582 .surface-1, #stacks_in_582 .surface-2 { background-size: cover !important; background-image: url(../files/1_image-582.png) !important; } #stacks_in_582 .surface-1 { background-blend-mode: hard-light; } /* img 2 */ #stacks_in_582 .surface-2 { background-blend-mode: !important; } #stacks_in_582 .surface-1, #stacks_in_582 .surface-2 { background-position: 75% 100% !important; background-color: #38251C !important; } #stacks_in_582 .hype-solid-border { border: 130px solid rgba(255, 255, 255, 1.00) !important; display: block !important; } #stacks_in_582 .share-gradient { background: linear-gradient(20deg, rgba(62, 60, 102, 0.23) 6%, rgba(31, 44, 199, 0.00) 58%) !important; } #stacks_in_582 .share-gradient-2 { } #stacks_in_582 .hype-element-trigger { opacity: 0.7; margin-top: 58% !important; } #stacks_in_582 .hype-hover-repeat-off { } #stacks_in_582 .text-front, #stacks_in_582 .text-front p, #stacks_in_582 .text-bottom, #stacks_in_582 .text-bottom p { text-align: center !important; } #stacks_in_582 .text-front, #stacks_in_582 .text-bottom { font-size: 57px !important; font-style: none !important; text-transform: uppercase !important; text-decoration: None; letter-spacing: 13px !important; line-height: 69px !important; font-family: "title_safe_font_selector", serif !important; margin-top: -298px; margin-left: 0px; font-family: "Georgia", serif !important; font-weight: normal !important; } #stacks_in_582 .icon-aw, #stacks_in_582 .icon-aw [class*="fa fa-"], #stacks_in_582 .icon-aw [class^="fa fa-"] { font-size: 93px !important; color: rgba(175, 173, 186, 1.00) !important; margin-top: 155px; margin-left: 0px; display: block !important; } #stacks_in_582 .icon-svg, #stacks_in_582 .icon-svg-1 { background-position: center center !important; background-repeat: no-repeat; background-size: contain; transform-origin: center center !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; } #stacks_in_582 .icon-svg { width: 280px !important; height: auto !important; } #stacks_in_582 .icon-svg-1 { width: 280px !important; height: 280px !important; } #stacks_in_582 .text-front, #stacks_in_582 .text-bottom { } #stacks_in_582 .hype-link-simple-group, #stacks_in_582 .hype-link-simple, #stacks_in_582 .hype-link-simple-blank { } #stacks_in_582 .hype-link-hover-group, #stacks_in_582 .hype-link-hover, #stacks_in_582 .hype-link-hover-blank { display: block !important; } #stacks_in_582 .hype-link-simple, #stacks_in_582 .hype-link-hover { display: none !important; } #stacks_in_582 .hype-drag-rotate { display: block !important; display: block !important; } #stacks_in_582 .hype-drag-rotate-slide { } @media only screen and (max-width: 600px) { #stacks_in_582 .text-front, #stacks_in_582 .text-bottom { } } /* -- End EACH CSS Template end -- *//* -- EACH CSS Template -- */ #stacks_in_584 * { box-sizing: border-box !important; } #stacks_in_584 .perspective-1-up .HYPE_element_container, #stacks_in_584 .perspective-1-down .HYPE_element_container, #stacks_in_584 .perspective-2-left .HYPE_element_container, #stacks_in_584 .perspective-2-right .HYPE_element_container, #stacks_in_584 .perspective-3-left .HYPE_element_container, #stacks_in_584 .perspective-3-right .HYPE_element_container, #stacks_in_584 .perspective-1 .HYPE_element_container { -webkit-perspective: 2000px !important; -moz-perspective: 2000px !important; perspective: 2000px !important; perspective-origin: 50% 50% !important; } /* 1 - horiz solid */ #stacks_in_584 .perspective-1-down { } #stacks_in_584 .perspective-1-up { } /* 2 - verical solid */ #stacks_in_584 .perspective-2-right { display: block !important; } #stacks_in_584 .perspective-2-left { display: none !important; } /* 3 - fluid cube max 800 */ #stacks_in_584 .perspective-3-right { } #stacks_in_584 .perspective-3-left { } /* 4 - fluid box max 800 */ #stacks_in_584 .perspective-4-right { } #stacks_in_584 .perspective-4-left { } /* 5 - fluid box max 800 */ #stacks_in_584 .perspective-5-right { } #stacks_in_584 .perspective-5-left { } /* 6 - fluid box max 1000 */ #stacks_in_584 .perspective-6-right { } #stacks_in_584 .perspective-6-left { } /* 7 - fluid box max 1000 */ #stacks_in_584 .perspective-7-right { } #stacks_in_584 .perspective-7-left { } #stacks_in_584 .anim-wrapper, stacks_in_584_default5_hype_container { margin:auto;position:relative; overflow: auto; width: auto; max-width: 550px; min-height: 550px; max-height: 800px; } /* 3 BP */ @media (max-width: 1000px) { #stacks_in_584 .anim-wrapper, stacks_in_584_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_584 .anim-wrapper, stacks_in_584_default5_hype_container { } } /* 4 BP */ @media (max-width: 800px) { #stacks_in_584 .anim-wrapper, stacks_in_584_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_584 .anim-wrapper, stacks_in_584_default5_hype_container { } } /* 5 BP */ @media (max-width: 900px) { #stacks_in_584 .anim-wrapper, stacks_in_584_default5_hype_container { max-width: 350px; min-height: 350px; } } @media (max-width: 600px) { #stacks_in_584 .anim-wrapper, stacks_in_584_default5_hype_container { max-width: 270px; min-height: 270px; } } /* 6 BP */ @media (max-width: 800px) { #stacks_in_584 .anim-wrapper, stacks_in_584_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_584 .anim-wrapper, stacks_in_584_default5_hype_container { } } /* 7 BP */ @media (max-width: 800px) { #stacks_in_584 .anim-wrapper, stacks_in_584_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_584 .anim-wrapper, stacks_in_584_default5_hype_container { } } /* ------------ required for Chrome ----------- */ #stacks_in_584 .text-front, #stacks_in_584 .text-bottom { -webkit-backface-visibility: hidden !important; -webkit-font-smoothing: antialiased !important; color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_584 .text-front { } /* ---- */ #stacks_in_584 .text-bottom { } /* img 1 */ #stacks_in_584 .surface-1, #stacks_in_584 .surface-2 { background-size: cover !important; background-image: url(../files/1_image-584.png) !important; } #stacks_in_584 .surface-1 { background-blend-mode: ; } /* img 2 */ #stacks_in_584 .surface-2 { background-blend-mode: !important; } #stacks_in_584 .surface-1, #stacks_in_584 .surface-2 { background-position: 50% 50% !important; background-color: #38251C !important; } #stacks_in_584 .hype-solid-border { border: 40px solid rgba(237, 237, 237, 1.00) !important; display: block !important; } #stacks_in_584 .share-gradient { background: linear-gradient(20deg, rgba(62, 60, 102, 0.23) 6%, rgba(31, 44, 199, 0.00) 58%) !important; } #stacks_in_584 .share-gradient-2 { background: linear-gradient(135deg, rgba(0, 0, 0, 0.00) 36%, rgba(255, 255, 255, 1.00) 100%) !important; } #stacks_in_584 .hype-element-trigger { opacity: 0.7; margin-top: 58% !important; } #stacks_in_584 .hype-hover-repeat-off { } #stacks_in_584 .text-front, #stacks_in_584 .text-front p, #stacks_in_584 .text-bottom, #stacks_in_584 .text-bottom p { text-align: left !important; } #stacks_in_584 .text-front, #stacks_in_584 .text-bottom { font-size: 130px !important; font-style: none !important; text-transform: uppercase !important; text-decoration: None; letter-spacing: 0px !important; line-height: 120px !important; font-family: "title_safe_font_selector", serif !important; margin-top: -280px; margin-left: 75px; font-family: "Trebuchet MS", serif !important; font-weight: 700 !important; } #stacks_in_584 .icon-aw, #stacks_in_584 .icon-aw [class*="fa fa-"], #stacks_in_584 .icon-aw [class^="fa fa-"] { font-size: 109px !important; color: rgba(255, 255, 255, 0.66) !important; margin-top: 128px; margin-left: 170px; display: block !important; } #stacks_in_584 .icon-svg, #stacks_in_584 .icon-svg-1 { background-position: center center !important; background-repeat: no-repeat; background-size: contain; transform-origin: center center !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; } #stacks_in_584 .icon-svg { width: 280px !important; height: auto !important; } #stacks_in_584 .icon-svg-1 { width: 280px !important; height: 280px !important; } #stacks_in_584 .text-front, #stacks_in_584 .text-bottom { } #stacks_in_584 .hype-link-simple-group, #stacks_in_584 .hype-link-simple, #stacks_in_584 .hype-link-simple-blank { } #stacks_in_584 .hype-link-hover-group, #stacks_in_584 .hype-link-hover, #stacks_in_584 .hype-link-hover-blank { display: block !important; } #stacks_in_584 .hype-link-simple, #stacks_in_584 .hype-link-hover { } #stacks_in_584 .hype-drag-rotate { display: block !important; display: block !important; } #stacks_in_584 .hype-drag-rotate-slide { } @media only screen and (max-width: 600px) { #stacks_in_584 .text-front, #stacks_in_584 .text-bottom { } } /* -- End EACH CSS Template end -- */ .stacks_in_2108 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_2113 { text-transform: uppercase; font-size: 70%; } .stacks_in_2063 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_2065 { text-transform: uppercase; font-size: 60%; } #stacks_in_2066 { font-size: 80%; } #stacks_in_2068 .velvet-icon{ font-size: 6vw; color: rgba(255, 0, 0, 1.00); top: 50%; left: 50%; transform: translate(-50%, -50%);; padding:15px; text-shadow: rgba(0, 0, 0, 0.00) 0 0 10px,rgba(0, 0, 0, 0.00) 0 0 30px,rgba(0, 0, 0, 0.00) 0 0 50px; } #stacks_in_2068:hover .velvet-icon{ text-shadow: rgba(0, 0, 0, 0.00) 0 0 10px,rgba(0, 0, 0, 0.00) 0 0 30px,rgba(0, 0, 0, 0.00) 0 0 50px; } #stacks_in_2068 .vzoom-img-in:hover .velvet-icon{color: rgba(255, 255, 255, 1.00);} #stacks_in_2068 .vzoom-img-in:before{background: rgba(0, 0, 0, 0.05);border-radius:4px;} #stacks_in_2068 .vzoom-img-in:hover:before{background: rgba(0, 0, 0, 0.10);} #stacks_in_2068 .vzoom-img-in img{border-radius:4px;} #stacks_in_2068 .velvet-icon:after { content: "PLAY"; display: block; font-size: 16px; font-weight: bold; padding-top: 15px; } #stacks_in_2572 { text-transform: uppercase; font-size: 75%; } #stacks_in_2574 { text-transform: lowercase; } /* -- End EACH CSS Template -- */ #stacks_in_2558 *{ box-sizing: border-box !important; } #stacks_in_2558 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 2800px !important; } #stacks_in_2558 .bg-hype-color-css { } #stacks_in_2558 .bg-hype-css, #stacks_in_2558 .bg-hype-css path { background-size: cover !important; background-image: url(../files/bg_image-2558.png) !important; background-position: 50% 50% !important; filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important; -webkit-filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important; opacity: 100; } @media screen and (min-width: 800px) { #stacks_in_2558 .bg-hype-css, #stacks_in_2558 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg on mobile */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_2558 .bg-hype-css, #stacks_in_2558 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_2558 .bg-hype-css, #stacks_in_2558 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_2558 .bg-hype-css, #stacks_in_2558 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_2558 .bg-hype-css, #stacks_in_2558 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_2558 .bg-hype-css, #stacks_in_2558 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_2558 .bg-hype-css, #stacks_in_2558 .bg-hype-css path { background-attachment: scroll; } } /* source 2 */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_2558 .bg-hype-css, #stacks_in_2558 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_2558 .bg-hype-css, #stacks_in_2558 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {#stacks_in_2558 .bg-hype-css, #stacks_in_2558 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_2558 .bg-hype-css, #stacks_in_2558 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_2558 .bg-hype-css, #stacks_in_2558 .bg-hype-css path, #stacks_in_2558 .bg-hype-move-img { } #stacks_in_2558 .shape-top { } #stacks_in_2558 .shape-bottom { } /* shift stripes */ #stacks_in_2558 .shape-top-wrapper { margin-top: -30px !important; } #stacks_in_2558 .shape-bottom-wrapper { margin-top: 30px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_2558 .shape-top-wrapper { margin-top: -30px !important; } #stacks_in_2558 .shape-bottom-wrapper { margin-top: 30px !important; } } /* stripe style */ #stacks_in_2558 .shape-top path, #stacks_in_2558 .shape-bottom path { stroke-style: solid !important; fill: rgba(255, 255, 255, 1.00) !important; stroke-width: 11px !important; stroke: rgba(15, 93, 139, 1.00) !important; stroke-dasharray: 6000, 0; stroke-linecap: butt; stroke-dashoffset: 25%; } #stacks_in_2558 .shape-bottom path { stroke-dasharray: 6000, 0; stroke-linecap: butt; stroke-dashoffset: 25%; } /* slice */ #stacks_in_2558 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_2558 .inner-slice-vertical-main { display:table; width: 100%; height: 95vh; min-height: 410px; } @media (max-width: 800px) { #stacks_in_2558 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_2558 .inner-slice-vertical-main { } } #stacks_in_2558 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; below to fix in Edge */ #stacks_in_2558 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 100px; max-width: 700px; padding: 0px !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_2558 .inner-slice-content, #stacks_in_2558 .inner-slice-content p, #stacks_in_2558 .inner-slice-content span, #stacks_in_2558 .inner-slice-content [class*="fa fa-"], #stacks_in_2558 .inner-slice-content h1, #stacks_in_2558 .inner-slice-content h2, #stacks_in_2558 .inner-slice-content h3, #stacks_in_2558 .inner-slice-content h4, #stacks_in_2558 .inner-slice-content h5, #stacks_in_2558 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; } #stacks_in_2558 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_2558 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_2558 .inner-slice-content a:link, #stacks_in_2558 .inner-slice-content a { } #stacks_in_2558 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_2558 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_2558 .inner-slice-content a:hover { } #stacks_in_2558 .inner-slice-content { } /* button */ #stacks_in_2558 .scrollButton-element { display: block !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 26%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 2; animation-delay: 0.1s; text-align: center !important; } @keyframes element-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px);} 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} } @-webkit-keyframes element-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_2558 .scrollButton-element a { font-size: 90px !important; line-height: 1em; transition: 0.06s linear; -webkit-transition: 0.06s linear; -moz-transition: 0.06s linear; -webkit-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.4s; color: #0F5D8B !important; } #stacks_in_2558 .scrollButton-element [class^="fa fa-"], #stacks_in_2558 .scrollButton-element #stacks_in_2558 [class*="fa fa-"] { color: #0F5D8B !important; } @keyframes element-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes element-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_2558 .scrollButton-element a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-popbands { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_2558 .scrollButton-element { display: none !important; } #stacks_in_2558 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG anim on mouse over */ #stacks_in_2558 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_2558 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* hype */ #stacks_in_2558 .bg-grid { } #stacks_in_2558 .bg-grad { background: linear-gradient(180deg, rgba(133, 158, 166, 0.69) 0%, rgba(133, 158, 166, 0.27) 100%); } #stacks_in_2558 .bg-hype-shading-box { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(133, 158, 166, 0.36)), to(rgba(133, 158, 166, 1.00))); background-image: -webkit-radial-gradient(50% 50%, rgba(133, 158, 166, 0.36), rgba(133, 158, 166, 1.00)); background-image: -moz-radial-gradient(50% 50%, rgba(133, 158, 166, 0.36), rgba(133, 158, 166, 1.00)); background-image: radial-gradient(50% 50%, rgba(133, 158, 166, 0.36), rgba(133, 158, 166, 1.00)); } #stacks_in_2558 .bgscale-trigger { opacity: 0.7; top: 25vh !important; } #stacks_in_2558 .shading-trigger { opacity: 0.7; top: 30vh !important; } #stacks_in_2558 .top-trigger { opacity: 0.7; top: 28vh !important; } /* -- End EACH CSS Template end -- */ #stacks_in_2563 { text-transform: uppercase; } /* Issue: Strata, remove z-index from #t-band Writer, remove z-index from .wrapper.main */ @font-face { font-family: 'velvet'; src: url('../files/icons/velvet.eot?ddr21z'); src: url('../files/icons/velvet.eot?ddr21z#iefix') format('embedded-opentype'), url('../files/icons/velvet.woff2?ddr21z') format('woff2'), url('../files/icons/velvet.ttf?ddr21z') format('truetype'), url('../files/icons/velvet.woff?ddr21z') format('woff'), url('../files/icons/velvet.svg?ddr21z#velvet') format('svg'); font-weight: normal; font-style: normal; } [class^="velvet-"], [class*=" velvet-"] { font-family: 'velvet' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .velvet_alert{ position: absolute; color: #fff; top: 50%; left: 50%; font-size: 13px; transform: translate(-50%,-50%); padding: 6px 10px; line-height: 1.5; background: rgba(0,0,0,0.8); border-radius: 5px; text-align: center; font-family: arial; } .velvet-play-1:before { content: "\e903"; } .velvet-play-2:before { content: "\e904"; } .velvet-play-6:before { content: "\e905"; } .velvet-play-3:before { content: "\e901"; } .velvet-play-4:before { content: "\e902"; } .velvet-play-5:before { content: "\e900"; } .velvet-icon{ position: absolute; z-index: 2; pointer-events:none; text-align: center; text-shadow: none; transition: color 300ms; } .velvet-icon:after { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; } .vzoom-img-op .velvet-icon{ opacity: 0; } .cf:after{ content: ""; display: table; clear: both; } .velvet_active{ overflow: visible !important; } .velvet_active:after{ content: ""; display: table; clear: both; } .vzoom-img-in[data-preventzoom="True"]{ z-index: 0 !important; } .vzoom-img-in[data-preventzoom="True"] img, .vzoom-img-in[data-preventzoom="True"] .vzoom-img-wrap{ transform: none !important; } .vzoom-player table{ background: transparent !important; } .vzoom-player .embed-center{ max-width: 150vh; margin: 0 auto; } .vzoom-player .embed-container{ position: relative; padding-bottom: 56.25%; height: 0; background: #000; overflow: hidden !important; max-width: 100%; margin-bottom: 0 !important; line-height: 0; box-shadow: 0 10px 40px rgba(0,0,0,0.4); } body.velvet_scaleIn .vzoom-player .embed-container{ animation: ncdVideoScaleIn .5s .2s backwards; } .vzoom-player .embed-container:before{ height: 100%; width: 100%; background: #000; content: ''; display: block; position: absolute; z-index: 0; opacity: 0; transition: opacity 150ms; } .vzoom-player .embed-container:after{ padding-top: 100%; content: ''; display: block; } .vzoom-player.close .embed-container:before{ z-index: 1; opacity: 1; } .vzoom-player .embed-container iframe, .vzoom-player .embed-container object, .vzoom-player .embed-container embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vzoom-player .embed-container video{ position: relative; z-index: 1000; } .vzoom-img, .vzoom-img-wrap { position: relative; z-index: 66669999; -webkit-transition: all 300ms 100ms; -o-transition: all 300ms 100ms; transition: all 300ms 100ms; } .vzoom-overlay-open .vzoom-img, .vzoom-overlay-open .vzoom-img-wrap { -webkit-transition: all 325ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 325ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 325ms cubic-bezier(0.165, 0.840, 0.440, 1.000); } img[data-action="vzoom"] { cursor: pointer; width: 100%; max-width: none; float: left; position: relative; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } img.vzoom-img { cursor: pointer; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; } .velvet_placeholder{ text-align: center; } @media screen and (min-width: 600px) { .velvet_placeholder{ height: 0; padding-top: 50%; } } .velvet_placeholder img{ float: none; position: absolute; left: 0; top: 0; height: 100%; } .velvet_placeholder .velvet-icon{ display: none; } .no_image + .velvet-icon{ display: block; } .vzoom-img-in{ transition: opacity .4s .1s; position: relative; } .vzoom-img-in img{ margin: 0; } .vzoom-img-in:before{ position: absolute; pointer-events:none; top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: 1; transition: background 300ms; } .vzoom-img-in:hover:before{ background: ; } .vzoom-img-in.velvet_active{ z-index: 77779999; } .vzoom-img-in:after { content: ""; display: table; clear: both; } .vzoom-img-in.vzoom-img-op{ transition: opacity .35s; opacity: 0; pointer-events: none; } .vzoom-img-in.vzoom-img-op[data-preventzoom="True"]{ opacity: 1; } .vzoom-overlay, .vzoom-player { z-index: 1000; background: #000000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; filter: "alpha(opacity=0)"; opacity: 0; -webkit-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; } .vzoom-overlay-open .vzoom-overlay { filter: "alpha(opacity=80)"; opacity: .80; } .vzoom-overlay{ -webkit-transition: opacity 300ms 300ms; -o-transition: opacity 300ms 300ms; transition: opacity 300ms 300ms; } .vzoom-overlay-open .vzoom-overlay{ -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .vzoom-player { z-index: 1001; background: none; margin: 40px; opacity: 1; filter: none; pointer-events: auto; animation: ncdVideoOpacityIn .6s .25s backwards; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .vzoom-player table{ height: 100%; width: 100%; border-collapse: collapse; } .vzoom-player table td{ vertical-align: middle; } .vzoom-player *{ box-sizing: content-box; } .vzoom-player.close .embed-container{ transition: opacity 300ms; opacity: 0; } .vzoom-overlay-open, .vzoom-overlay-transitioning { cursor: default; } @keyframes ncdVideoOpacityIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes ncdVideoScaleIn { 0% { transform: scale(0.96); } 100% { transform: scale(1); } } .vzoom-img-in .embed-container{ position: relative; padding-bottom: 56.25%; height: 0; background: #000; overflow: hidden !important; max-width: 100%; line-height: 0; } .vzoom-img-in .embed-container iframe, .vzoom-img-in .embed-container object, .vzoom-img-in .embed-container embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (min-width: 600px) { .vzoom-img-in .embed-container{ display: none; } } @media screen and (max-width: 600px) { .vzoom-img-in img, .vzoom-img-in:before, .vzoom-img-in .velvet-icon{ display: none !important; } .vzoom-img-in .embed-container, .vzoom-img-in .embed-container iframe, .vzoom-img-in .embed-container object, .vzoom-img-in .embed-container embed{ display: block; } } /* Edit Mode */ .stacks_in_2139 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_2147 { text-transform: uppercase; } #stacks_in_2149 { font-size: 75%; } #stacks_in_2155 .velvet-icon{ font-size: 6vw; color: rgba(255, 0, 0, 0.90); top: 50%; left: 50%; transform: translate(-50%, -50%);; padding:15px; text-shadow: rgba(0, 0, 0, 0.00) 0 0 10px,rgba(0, 0, 0, 0.00) 0 0 30px,rgba(0, 0, 0, 0.00) 0 0 50px; } #stacks_in_2155:hover .velvet-icon{ text-shadow: rgba(0, 0, 0, 0.00) 0 0 10px,rgba(0, 0, 0, 0.00) 0 0 30px,rgba(0, 0, 0, 0.00) 0 0 50px; } #stacks_in_2155 .vzoom-img-in:hover .velvet-icon{color: rgba(255, 255, 255, 1.00);} #stacks_in_2155 .vzoom-img-in:before{background: rgba(0, 0, 0, 0.10);border-radius:4px;} #stacks_in_2155 .vzoom-img-in:hover:before{background: rgba(0, 0, 0, 0.20);} #stacks_in_2155 .vzoom-img-in img{border-radius:4px;} #stacks_in_2155 .velvet-icon:after { content: "PLAY"; display: block; font-size: 16px; font-weight: bold; padding-top: 15px; } .stacks_in_2164 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_2169 { text-transform: uppercase; font-size: 60%; } #stacks_in_2171 { font-size: 80%; } #stacks_in_2175 .velvet-icon{ font-size: 6vw; color: rgba(255, 0, 0, 1.00); top: 50%; left: 50%; transform: translate(-50%, -50%);; padding:15px; text-shadow: rgba(0, 0, 0, 0.00) 0 0 10px,rgba(0, 0, 0, 0.00) 0 0 30px,rgba(0, 0, 0, 0.00) 0 0 50px; } #stacks_in_2175:hover .velvet-icon{ text-shadow: rgba(0, 0, 0, 0.00) 0 0 10px,rgba(0, 0, 0, 0.00) 0 0 30px,rgba(0, 0, 0, 0.00) 0 0 50px; } #stacks_in_2175 .vzoom-img-in:hover .velvet-icon{color: rgba(255, 255, 255, 1.00);} #stacks_in_2175 .vzoom-img-in:before{background: rgba(0, 0, 0, 0.05);border-radius:4px;} #stacks_in_2175 .vzoom-img-in:hover:before{background: rgba(0, 0, 0, 0.10);} #stacks_in_2175 .vzoom-img-in img{border-radius:4px;} #stacks_in_2175 .velvet-icon:after { content: "PLAY"; display: block; font-size: 16px; font-weight: bold; padding-top: 15px; } #stacks_in_2617 { text-transform: uppercase; } /* -- End EACH CSS Template -- */ #stacks_in_930 *{ box-sizing: border-box !important; } #stacks_in_930 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 2800px !important; } #stacks_in_930 .bg-hype-color-css { } #stacks_in_930 .bg-hype-css, #stacks_in_930 .bg-hype-css path { background-size: cover !important; background-image: url(../files/bg_image-930.png) !important; background-position: 50% 30% !important; filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important; -webkit-filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important; opacity: 100; } @media screen and (min-width: 800px) { #stacks_in_930 .bg-hype-css, #stacks_in_930 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg on mobile */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_930 .bg-hype-css, #stacks_in_930 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_930 .bg-hype-css, #stacks_in_930 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_930 .bg-hype-css, #stacks_in_930 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_930 .bg-hype-css, #stacks_in_930 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_930 .bg-hype-css, #stacks_in_930 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_930 .bg-hype-css, #stacks_in_930 .bg-hype-css path { background-attachment: scroll; } } /* source 2 */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_930 .bg-hype-css, #stacks_in_930 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_930 .bg-hype-css, #stacks_in_930 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {#stacks_in_930 .bg-hype-css, #stacks_in_930 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_930 .bg-hype-css, #stacks_in_930 .bg-hype-css path { background-position: 50% 50% !important; } } /* reset 3d with BG fixed */ #stacks_in_930 .bg-hype-css, #stacks_in_930 .bg-hype-css path, #stacks_in_930 .bg-hype-move-img { } #stacks_in_930 .shape-top { } #stacks_in_930 .shape-bottom { } /* shift stripes */ #stacks_in_930 .shape-top-wrapper { margin-top: -30px !important; } #stacks_in_930 .shape-bottom-wrapper { margin-top: 30px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_930 .shape-top-wrapper { margin-top: -30px !important; } #stacks_in_930 .shape-bottom-wrapper { margin-top: 30px !important; } } /* stripe style */ #stacks_in_930 .shape-top path, #stacks_in_930 .shape-bottom path { stroke-style: solid !important; fill: rgba(255, 255, 255, 1.00) !important; stroke-width: 11px !important; stroke: rgba(15, 93, 139, 1.00) !important; stroke-dasharray: 6000, 0; stroke-linecap: butt; stroke-dashoffset: 25%; } #stacks_in_930 .shape-bottom path { stroke-dasharray: 6000, 0; stroke-linecap: butt; stroke-dashoffset: 25%; } /* slice */ #stacks_in_930 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_930 .inner-slice-vertical-main { display:table; width: 100%; height: 95vh; min-height: 410px; } @media (max-width: 800px) { #stacks_in_930 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_930 .inner-slice-vertical-main { } } #stacks_in_930 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; below to fix in Edge */ #stacks_in_930 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 100px; max-width: 700px; padding: 0px !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_930 .inner-slice-content, #stacks_in_930 .inner-slice-content p, #stacks_in_930 .inner-slice-content span, #stacks_in_930 .inner-slice-content [class*="fa fa-"], #stacks_in_930 .inner-slice-content h1, #stacks_in_930 .inner-slice-content h2, #stacks_in_930 .inner-slice-content h3, #stacks_in_930 .inner-slice-content h4, #stacks_in_930 .inner-slice-content h5, #stacks_in_930 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; } #stacks_in_930 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_930 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_930 .inner-slice-content a:link, #stacks_in_930 .inner-slice-content a { } #stacks_in_930 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_930 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_930 .inner-slice-content a:hover { } #stacks_in_930 .inner-slice-content { } /* button */ #stacks_in_930 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 26%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 2; animation-delay: 0.1s; text-align: center !important; } @keyframes element-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px);} 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} } @-webkit-keyframes element-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_930 .scrollButton-element a { font-size: 90px !important; line-height: 1em; transition: 0.06s linear; -webkit-transition: 0.06s linear; -moz-transition: 0.06s linear; -webkit-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.4s; color: #0F5D8B !important; } #stacks_in_930 .scrollButton-element [class^="fa fa-"], #stacks_in_930 .scrollButton-element #stacks_in_930 [class*="fa fa-"] { color: #0F5D8B !important; } @keyframes element-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes element-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_930 .scrollButton-element a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-popbands { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_930 .scrollButton-element { display: none !important; } #stacks_in_930 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG anim on mouse over */ #stacks_in_930 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_930 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* hype */ #stacks_in_930 .bg-grid { } #stacks_in_930 .bg-grad { background: linear-gradient(180deg, rgba(133, 158, 166, 0.69) 0%, rgba(133, 158, 166, 0.27) 100%); } #stacks_in_930 .bg-hype-shading-box { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(133, 158, 166, 0.36)), to(rgba(133, 158, 166, 1.00))); background-image: -webkit-radial-gradient(50% 50%, rgba(133, 158, 166, 0.36), rgba(133, 158, 166, 1.00)); background-image: -moz-radial-gradient(50% 50%, rgba(133, 158, 166, 0.36), rgba(133, 158, 166, 1.00)); background-image: radial-gradient(50% 50%, rgba(133, 158, 166, 0.36), rgba(133, 158, 166, 1.00)); } #stacks_in_930 .bgscale-trigger { opacity: 0.7; top: 25vh !important; } #stacks_in_930 .shading-trigger { opacity: 0.7; top: 30vh !important; } #stacks_in_930 .top-trigger { opacity: 0.7; top: 28vh !important; } /* -- End EACH CSS Template end -- */ #stacks_in_935 { text-transform: uppercase; } #stacks_in_2593 { text-transform: uppercase; } /* LEGACY STACK - DO NOT EDIT */ #stacks_in_1525 { padding: 0; margin: 0; position: relative; } #stacks_in_1525.btr-bg-gradient, #stacks_in_1525.btr-bg-animated, #stacks_in_1525.btr-bg-blur, #stacks_in_1525.btr-bg-mouse, #stacks_in_1525.btr-bg-pan, #stacks_in_1525.btr-bg-parallax, #stacks_in_1525.btr-bg-transition, #stacks_in_1525.btr-bg-none { box-sizing: border-box; overflow: hidden; min-height: 0px; transition: min-height 600ms ease-in; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #stacks_in_1525.btr-bg-none { } #stacks_in_1525.btr-bg-3d .btr-bg-3d-wrap { box-sizing: border-box; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* GRADIENT */ #stacks_in_1525.btr-bg-outer { background-image : url(../files/backgroundImageBlur-1525.png); background-position: center center; background-size: 100% auto; } #stacks_in_1525.btr-bg-outer:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 1.00)0%, rgba(0, 0, 0, 0.00) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0, 0, 0, 1.00)), color-stop(100%,rgba(0, 0, 0, 0.00))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1.00)0%,rgba(0, 0, 0, 0.00) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 1.00)0%,rgba(0, 0, 0, 0.00) 100%); background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 1.00)0%,rgba(0, 0, 0, 0.00) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 1.00)0%,rgba(0, 0, 0, 0.00) 100%); background-size: 400%; -webkit-animation: gradAnimate 13s ease infinite; -moz-animation: gradAnimate 13s ease infinite; -o-animation: gradAnimate 13s ease infinite; animation: gradAnimate 13s ease infinite; } .scrollstacks_in_1525 { font-size: 16px; position: absolute; left: 50%; bottom: 0px; margin-left: -50px; text-align: center; width: 100px; padding: 25px 0px 40px; cursor: pointer; color: rgba(255, 255, 255, 0.80); } .scrollstacks_in_1525 .down-arrow { position: absolute; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; margin-left: 30px; margin-top: 5px; border-top: 20px solid rgba(255, 255, 255, 0.80); } .scrollstacks_in_1525.btr-bg-md { width: 140px; margin-left: -70px; font-size: 20px; padding: 25px 0px 60px; } .scrollstacks_in_1525.btr-bg-md .down-arrow { border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid rgba(255, 255, 255, 0.80); margin-left: 40px; } .scrollstacks_in_1525.btr-bg-lg { width: 200px; margin-left: -100px; font-size: 24px; padding: 25px 0px 80px; } .scrollstacks_in_1525.btr-bg-lg .down-arrow { border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 40px solid rgba(255, 255, 255, 0.80); margin-left: 60px; } @-ms-keyframes bounce { 0% { margin-top:5px; } 25%, 75% { margin-top:15px; } 50% { margin-top:20px; } 100% {margin-top:5px;} } @-webkit-keyframes bounce { 0% { margin-top:5px; } 25%, 75% { margin-top:15px; } 50% { margin-top:20px; } 100% {margin-top:5px;} } @-moz-keyframes bounce { 0% { margin-top:5px; } 25%, 75% { margin-top:15px; } 50% { margin-top:20px; } 100% {margin-top:5px;} } @keyframes bounce { 0% { margin-top:5px; } 25%, 75% { margin-top:15px; } 50% { margin-top:20px; } 100% {margin-top:5px;} } #stacks_in_1525 { background-image : url(../files/backgroundImageBlur-1525.png); background-position: center center; background-size: 100% auto; } #stacks_in_1525 .btr-bg-inner { position: relative; background-color : rgba(0, 0, 0, 0.00); overflow: hidden; padding: 30px 0px 30px 0px; margin: 0 auto; max-width: 800px; } #stacks_in_1525.btr-bg-blur { background-image : url(../files/backgroundImageBlur-1525.png); background-position: center center; background-size: 100% auto; background-attachment: fixed; } #stacks_in_1525.btr-bg-blur .btr-bg-inner:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background-image : url(../files/backgroundImageBlur-1525.png); background-position: center center; background-size: 100% auto; background-attachment: fixed; display: block; -webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px); margin: -15px; border: 15px solid transparent; } #stacks_in_1525.btr-bg-pan:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background-image : url(../files/backgroundImageBlur-1525.png); background-position: center center; background-size: 100% auto; width: calc(100% + 600px); -moz-animation-duration: 275s; -webkit-animation-duration: 275s; -webkit-animation-name: slidein; -moz-animation-name: slidein; -ms-animation-name: slidein; -o-animation-name: slidein; animation-name: slidein; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; } #stacks_in_1525.btr-bg-parallax { transform: translate3d(0, 0, 0); background-size: 100% auto; background-position: center center; background-image : url(../files/backgroundImageBlur-1525.png); background-attachment: fixed; } #stacks_in_1525.btr-bg-parallax.isMobile { background-attachment: scroll !important; background-size: auto 100vh !important; } #stacks_in_1525.btr-bg-blur.isMobile, #stacks_in_1525.btr-bg-blur.isMobile .btr-bg-inner:before { background-attachment: scroll !important; background-size: auto 100vh !important; } #stacks_in_1525.btr-bg-blur.isMobile { padding: 0.000000px 0px 0.000000px 0px; } #stacks_in_1525.btr-bg-mouse { transform: translate3d(0, 0, 0); /* background-size: 100%;*/ background-size: 100% auto; background-position: center center; transition: background-position 300ms linear; } #stacks_in_1525.btr-bg-3d { position: relative; overflow: hidden; -webkit-perspective: 4000px; perspective: 4000px; background: none; } #stacks_in_1525.btr-bg-3d .scrollstacks_in_1525 { -webkit-transform: translate3d(0, 0, 200px); transform: translate3d(0, 0, 200px); } #stacks_in_1525.btr-bg-3d .btr-bg-3d-wrap { top: 0; left: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); transition: transform 100ms linear; } #stacks_in_1525.btr-bg-3d .btr-bg-bg { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image : url(../files/backgroundImageBlur-1525.png); background-position: center center; background-size: 100% auto; -webkit-transform: translateZ(150px); -ms-transform: translateZ(150px); transform: translateZ(150px); } #stacks_in_1525.btr-bg-3d .btr-bg-bg { top: -100px; left: -100px; bottom: -100px; right: -100px; } #stacks_in_1525.btr-bg-3d .btr-bg-inner { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(290px); -ms-transform: translateZ(290px); transform: translateZ(290px); } #stacks_in_1525.btr-bg-transition:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background-image : url(); background-position: center center; background-size: 100% auto; opacity: 0; transition: opacity 1000ms ease-in; } #stacks_in_1525.btr-bg-transition.btr-bg-changed:before { opacity: 1; } #stacks_in_1525.btr-bg-animated { transform: translate3d(0, 0, 0); background-position: 0px 0px; background-size: 100% auto; background-repeat: repeat; } .no-transition { transition: all 0s linear !important; } /* .force-widthstacks_in_1525 { position: relative; padding-left: 3000px; margin-left: -3000px; padding-right: 3000px; margin-right: -3000px; position: relative; } .force-widthstacks_in_1525 #stacks_in_1525 { width: 100%; position:absolute; left:0; } .stacks_top { overflow: visible !important; } body { overflow-x: hidden; } */ @-webkit-keyframes rotate { 0%{ -webkit-transform:rotate(0deg); -webkit-transform-origin:50% 50%; } 100%{ -webkit-transform:rotate(360deg); } } @-moz-keyframes rotate { 0%{ -moz-transform:rotate(0deg); -moz-transform-origin:50% 50%; } 100%{ -moz-transform:rotate(360deg)); } } @-o-keyframes rotate { 0%{ -o-transform:rotate(0deg); -o-transform-origin:50% 50%; } 100%{ -o-transform:rotate(360deg); } } @keyframes rotate { 0%{ transform:rotate(0deg); transform-origin:50% 50%; } 100%{ transform:rotate(360deg); } } @-webkit-keyframes rotateCC { 0%{ -webkit-transform:rotate(0deg); -webkit-transform-origin:50% 50%; } 100%{ -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotateCC { 0%{ -moz-transform:rotate(0deg); -moz-transform-origin:50% 50%; } 100%{ -moz-transform:rotate(-360deg); } } @-o-keyframes rotateCC { 0%{ -o-transform:rotate(0deg); -o-transform-origin:50% 50%; } 100%{ -o-transform:rotate(-360deg); } } @keyframes rotateCC { 0%{ transform:rotate(0deg); transform-origin:50% 50%; } 100%{ transform:rotate(-360deg); } } @-webkit-keyframes gradAnimate { 0%{background-position:0% 0%} 50%{background-position:100% 100%} 100%{background-position:0% 0%} } @-moz-keyframes gradAnimate { 0%{background-position:0% 0%} 50%{background-position:100% 100%} 100%{background-position:0% 0%} } @-o-keyframes gradAnimate { 0%{background-position:0% 0%} 50%{background-position:100% 100%} 100%{background-position:0% 0%} } @keyframes gradAnimate { 0%{background-position:0% 0%} 50%{background-position:100% 100%} 100%{background-position:0% 0%} } @keyframes "slidein" { 25% { -webkit-transform: scale(1.6) translate3d(-400px, 0px, 0px); -moz-transform: scale(1.6) translate3d(-400px, 0px, 0px); -o-transform: scale(1.6) translate3d(-400px, 0px, 0px); -ms-transform: scale(1.6) translate3d(-400px, 0px, 0px); transform: scale(1.6) translate3d(-400px, 0px, 0px); } 50% { -webkit-transform: scale(1) translate3d(0px, 0px, 0px); -moz-transform: scale(1) translate3d(0px, 0px, 0px); -o-transform: scale(1) translate3d(0px, 0px, 0px); -ms-transform: scale(1) translate3d(0px, 0px, 0px); transform: scale(1) translate3d(0px, 0px, 0px); } 75% { -webkit-transform: scale(1.6) translate3d(+200px, 0px, 0px); -moz-transform: scale(1.6) translate3d(+200px, 0px, 0px); -o-transform: scale(1.6) translate3d(+200px, 0px, 0px); -ms-transform: scale(1.6) translate3d(+200px, 0px, 0px); transform: scale(1.6) translate3d(+200px, 0px, 0px); } } @-moz-keyframes slidein { 25% { -moz-transform: scale(1.6) translate3d(-400px, 0px, 0px); transform: scale(1.6) translate3d(-400px, 0px, 0px); } 50% { -moz-transform: scale(1) translate3d(0px, 0px, 0px); transform: scale(1) translate3d(0px, 0px, 0px); } 75% { -moz-transform: scale(1.6) translate3d(+200px, 0px, 0px); transform: scale(1.6) translate3d(+200px, 0px, 0px); } } @-webkit-keyframes "slidein" { 25% { -webkit-transform: scale(1.6) translate3d(-400px, 0px, 0px); transform: scale(1.6) translate3d(-400px, 0px, 0px); } 50% { -webkit-transform: scale(1) translate3d(0px, 0px, 0px); transform: scale(1) translate3d(0px, 0px, 0px); } 75% { -webkit-transform: scale(1.6) translate3d(+200px, 0px, 0px); transform: scale(1.6) translate3d(+200px, 0px, 0px); } } @-ms-keyframes "slidein" { 25% { -ms-transform: scale(1.6) translate3d(-400px, 0px, 0px); transform: scale(1.6) translate3d(-400px, 0px, 0px); } 50% { -ms-transform: scale(1) translate3d(0px, 0px, 0px); transform: scale(1) translate3d(0px, 0px, 0px); } 75% { -ms-transform: scale(1.6) translate3d(+200px, 0px, 0px); transform: scale(1.6) translate3d(+200px, 0px, 0px); } } @-o-keyframes "slidein" { 25% { -o-transform: scale(1.6) translate3d(-400px, 0px, 0px); transform: scale(1.6) translate3d(-400px, 0px, 0px); } 50% { -o-transform: scale(1) translate3d(0px, 0px, 0px); transform: scale(1) translate3d(0px, 0px, 0px); } 75% { -o-transform: scale(1.6) translate3d(+200px, 0px, 0px); transform: scale(1.6) translate3d(+200px, 0px, 0px); } } #stacks_in_2440 { text-transform: uppercase; } #stacks_in_2329 .velvet-icon{ font-size: 6vw; color: rgba(255, 0, 0, 0.90); top: 50%; left: 50%; transform: translate(-50%, -50%);; padding:15px; text-shadow: rgba(0, 0, 0, 0.00) 0 0 10px,rgba(0, 0, 0, 0.00) 0 0 30px,rgba(0, 0, 0, 0.00) 0 0 50px; } #stacks_in_2329:hover .velvet-icon{ text-shadow: rgba(0, 0, 0, 0.00) 0 0 10px,rgba(0, 0, 0, 0.00) 0 0 30px,rgba(0, 0, 0, 0.00) 0 0 50px; } #stacks_in_2329 .vzoom-img-in:hover .velvet-icon{color: rgba(255, 255, 255, 1.00);} #stacks_in_2329 .vzoom-img-in:before{background: rgba(0, 0, 0, 0.10);border-radius:4px;} #stacks_in_2329 .vzoom-img-in:hover:before{background: rgba(0, 0, 0, 0.20);} #stacks_in_2329 .vzoom-img-in img{border-radius:4px;} #stacks_in_2329 .velvet-icon:after { content: "PLAY"; display: block; font-size: 16px; font-weight: bold; padding-top: 15px; } #stacks_in_2335 { text-transform: uppercase; } #stacks_in_2337 { font-size: 75%; } #stacks_in_2607 { text-transform: uppercase; } /* LEGACY STACK - DO NOT EDIT */ #stacks_in_1644 { padding: 0; margin: 0; position: relative; } #stacks_in_1644.btr-bg-gradient, #stacks_in_1644.btr-bg-animated, #stacks_in_1644.btr-bg-blur, #stacks_in_1644.btr-bg-mouse, #stacks_in_1644.btr-bg-pan, #stacks_in_1644.btr-bg-parallax, #stacks_in_1644.btr-bg-transition, #stacks_in_1644.btr-bg-none { box-sizing: border-box; overflow: hidden; min-height: 0px; transition: min-height 600ms ease-in; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); margin: 0px 0px 0px 0px; padding: 150px 30px 150px 30px; } #stacks_in_1644.btr-bg-none { } #stacks_in_1644.btr-bg-3d .btr-bg-3d-wrap { box-sizing: border-box; margin: 0px 0px 0px 0px; padding: 150px 30px 150px 30px; } .scrollstacks_in_1644 { font-size: 16px; position: absolute; left: 50%; bottom: 0px; margin-left: -50px; text-align: center; width: 100px; padding: 25px 0px 40px; cursor: pointer; color: rgba(255, 255, 255, 0.80); } .scrollstacks_in_1644 .down-arrow { position: absolute; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; margin-left: 30px; margin-top: 5px; border-top: 20px solid rgba(255, 255, 255, 0.80); } .scrollstacks_in_1644.btr-bg-md { width: 140px; margin-left: -70px; font-size: 20px; padding: 25px 0px 60px; } .scrollstacks_in_1644.btr-bg-md .down-arrow { border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid rgba(255, 255, 255, 0.80); margin-left: 40px; } .scrollstacks_in_1644.btr-bg-lg { width: 200px; margin-left: -100px; font-size: 24px; padding: 25px 0px 80px; } .scrollstacks_in_1644.btr-bg-lg .down-arrow { border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 40px solid rgba(255, 255, 255, 0.80); margin-left: 60px; } @-ms-keyframes bounce { 0% { margin-top:5px; } 25%, 75% { margin-top:15px; } 50% { margin-top:20px; } 100% {margin-top:5px;} } @-webkit-keyframes bounce { 0% { margin-top:5px; } 25%, 75% { margin-top:15px; } 50% { margin-top:20px; } 100% {margin-top:5px;} } @-moz-keyframes bounce { 0% { margin-top:5px; } 25%, 75% { margin-top:15px; } 50% { margin-top:20px; } 100% {margin-top:5px;} } @keyframes bounce { 0% { margin-top:5px; } 25%, 75% { margin-top:15px; } 50% { margin-top:20px; } 100% {margin-top:5px;} } #stacks_in_1644 { background-image : url(../files/backgroundImageBlur-1644.png); background-position: center center; background-size: 100% auto; } #stacks_in_1644 .btr-bg-inner { position: relative; background-color : rgba(0, 0, 0, 0.29); overflow: hidden; padding: 30px 30px 30px 30px; margin: 0 auto; max-width: 350px; } #stacks_in_1644.btr-bg-blur { background-image : url(../files/backgroundImageBlur-1644.png); background-position: center center; background-size: 100% auto; background-attachment: fixed; } #stacks_in_1644.btr-bg-blur .btr-bg-inner:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background-image : url(../files/backgroundImageBlur-1644.png); background-position: center center; background-size: 100% auto; background-attachment: fixed; display: block; -webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px); margin: -15px; border: 15px solid transparent; } #stacks_in_1644.btr-bg-pan:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background-image : url(../files/backgroundImageBlur-1644.png); background-position: center center; background-size: 100% auto; width: calc(100% + 600px); -moz-animation-duration: 275s; -webkit-animation-duration: 275s; -webkit-animation-name: slidein; -moz-animation-name: slidein; -ms-animation-name: slidein; -o-animation-name: slidein; animation-name: slidein; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; } #stacks_in_1644.btr-bg-parallax { transform: translate3d(0, 0, 0); background-size: 100% auto; background-position: center center; background-image : url(../files/backgroundImageBlur-1644.png); background-attachment: fixed; } #stacks_in_1644.btr-bg-parallax.isMobile { background-attachment: scroll !important; background-size: auto 100vh !important; } #stacks_in_1644.btr-bg-blur.isMobile, #stacks_in_1644.btr-bg-blur.isMobile .btr-bg-inner:before { background-attachment: scroll !important; background-size: auto 100vh !important; } #stacks_in_1644.btr-bg-blur.isMobile { padding: 75.000000px 30px 75.000000px 30px; } #stacks_in_1644.btr-bg-mouse { transform: translate3d(0, 0, 0); /* background-size: 100%;*/ background-size: 100% auto; background-position: center center; transition: background-position 300ms linear; } #stacks_in_1644.btr-bg-3d { position: relative; overflow: hidden; -webkit-perspective: 4000px; perspective: 4000px; background: none; } #stacks_in_1644.btr-bg-3d .scrollstacks_in_1644 { -webkit-transform: translate3d(0, 0, 200px); transform: translate3d(0, 0, 200px); } #stacks_in_1644.btr-bg-3d .btr-bg-3d-wrap { top: 0; left: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); transition: transform 100ms linear; } #stacks_in_1644.btr-bg-3d .btr-bg-bg { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image : url(../files/backgroundImageBlur-1644.png); background-position: center center; background-size: 100% auto; -webkit-transform: translateZ(150px); -ms-transform: translateZ(150px); transform: translateZ(150px); } #stacks_in_1644.btr-bg-3d .btr-bg-bg { top: -100px; left: -100px; bottom: -100px; right: -100px; } #stacks_in_1644.btr-bg-3d .btr-bg-inner { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(230px); -ms-transform: translateZ(230px); transform: translateZ(230px); } #stacks_in_1644.btr-bg-transition:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background-image : url(); background-position: center center; background-size: 100% auto; opacity: 0; transition: opacity 1000ms ease-in; } #stacks_in_1644.btr-bg-transition.btr-bg-changed:before { opacity: 1; } #stacks_in_1644.btr-bg-animated { transform: translate3d(0, 0, 0); background-position: 0px 0px; background-size: 100% auto; background-repeat: repeat; } .no-transition { transition: all 0s linear !important; } /* .force-widthstacks_in_1644 { position: relative; padding-left: 3000px; margin-left: -3000px; padding-right: 3000px; margin-right: -3000px; position: relative; } .force-widthstacks_in_1644 #stacks_in_1644 { width: 100%; position:absolute; left:0; } .stacks_top { overflow: visible !important; } body { overflow-x: hidden; } */ @-webkit-keyframes rotate { 0%{ -webkit-transform:rotate(0deg); -webkit-transform-origin:50% 50%; } 100%{ -webkit-transform:rotate(360deg); } } @-moz-keyframes rotate { 0%{ -moz-transform:rotate(0deg); -moz-transform-origin:50% 50%; } 100%{ -moz-transform:rotate(360deg)); } } @-o-keyframes rotate { 0%{ -o-transform:rotate(0deg); -o-transform-origin:50% 50%; } 100%{ -o-transform:rotate(360deg); } } @keyframes rotate { 0%{ transform:rotate(0deg); transform-origin:50% 50%; } 100%{ transform:rotate(360deg); } } @-webkit-keyframes rotateCC { 0%{ -webkit-transform:rotate(0deg); -webkit-transform-origin:50% 50%; } 100%{ -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotateCC { 0%{ -moz-transform:rotate(0deg); -moz-transform-origin:50% 50%; } 100%{ -moz-transform:rotate(-360deg); } } @-o-keyframes rotateCC { 0%{ -o-transform:rotate(0deg); -o-transform-origin:50% 50%; } 100%{ -o-transform:rotate(-360deg); } } @keyframes rotateCC { 0%{ transform:rotate(0deg); transform-origin:50% 50%; } 100%{ transform:rotate(-360deg); } } @-webkit-keyframes gradAnimate { 0%{background-position:0% 0%} 50%{background-position:100% 100%} 100%{background-position:0% 0%} } @-moz-keyframes gradAnimate { 0%{background-position:0% 0%} 50%{background-position:100% 100%} 100%{background-position:0% 0%} } @-o-keyframes gradAnimate { 0%{background-position:0% 0%} 50%{background-position:100% 100%} 100%{background-position:0% 0%} } @keyframes gradAnimate { 0%{background-position:0% 0%} 50%{background-position:100% 100%} 100%{background-position:0% 0%} } @keyframes "slidein" { 25% { -webkit-transform: scale(1.6) translate3d(-400px, 0px, 0px); -moz-transform: scale(1.6) translate3d(-400px, 0px, 0px); -o-transform: scale(1.6) translate3d(-400px, 0px, 0px); -ms-transform: scale(1.6) translate3d(-400px, 0px, 0px); transform: scale(1.6) translate3d(-400px, 0px, 0px); } 50% { -webkit-transform: scale(1) translate3d(0px, 0px, 0px); -moz-transform: scale(1) translate3d(0px, 0px, 0px); -o-transform: scale(1) translate3d(0px, 0px, 0px); -ms-transform: scale(1) translate3d(0px, 0px, 0px); transform: scale(1) translate3d(0px, 0px, 0px); } 75% { -webkit-transform: scale(1.6) translate3d(+200px, 0px, 0px); -moz-transform: scale(1.6) translate3d(+200px, 0px, 0px); -o-transform: scale(1.6) translate3d(+200px, 0px, 0px); -ms-transform: scale(1.6) translate3d(+200px, 0px, 0px); transform: scale(1.6) translate3d(+200px, 0px, 0px); } } @-moz-keyframes slidein { 25% { -moz-transform: scale(1.6) translate3d(-400px, 0px, 0px); transform: scale(1.6) translate3d(-400px, 0px, 0px); } 50% { -moz-transform: scale(1) translate3d(0px, 0px, 0px); transform: scale(1) translate3d(0px, 0px, 0px); } 75% { -moz-transform: scale(1.6) translate3d(+200px, 0px, 0px); transform: scale(1.6) translate3d(+200px, 0px, 0px); } } @-webkit-keyframes "slidein" { 25% { -webkit-transform: scale(1.6) translate3d(-400px, 0px, 0px); transform: scale(1.6) translate3d(-400px, 0px, 0px); } 50% { -webkit-transform: scale(1) translate3d(0px, 0px, 0px); transform: scale(1) translate3d(0px, 0px, 0px); } 75% { -webkit-transform: scale(1.6) translate3d(+200px, 0px, 0px); transform: scale(1.6) translate3d(+200px, 0px, 0px); } } @-ms-keyframes "slidein" { 25% { -ms-transform: scale(1.6) translate3d(-400px, 0px, 0px); transform: scale(1.6) translate3d(-400px, 0px, 0px); } 50% { -ms-transform: scale(1) translate3d(0px, 0px, 0px); transform: scale(1) translate3d(0px, 0px, 0px); } 75% { -ms-transform: scale(1.6) translate3d(+200px, 0px, 0px); transform: scale(1.6) translate3d(+200px, 0px, 0px); } } @-o-keyframes "slidein" { 25% { -o-transform: scale(1.6) translate3d(-400px, 0px, 0px); transform: scale(1.6) translate3d(-400px, 0px, 0px); } 50% { -o-transform: scale(1) translate3d(0px, 0px, 0px); transform: scale(1) translate3d(0px, 0px, 0px); } 75% { -o-transform: scale(1.6) translate3d(+200px, 0px, 0px); transform: scale(1.6) translate3d(+200px, 0px, 0px); } } #stacks_in_1653 { text-transform: uppercase; } #stacks_in_1665 .velvet-icon{ font-size: 5vw; color: rgba(255, 0, 0, 0.90); top: 50%; left: 50%; transform: translate(-50%, -50%);; padding:15px; text-shadow: rgba(0, 0, 0, 0.00) 0 0 10px,rgba(0, 0, 0, 0.00) 0 0 30px,rgba(0, 0, 0, 0.00) 0 0 50px; } #stacks_in_1665:hover .velvet-icon{ text-shadow: rgba(0, 0, 0, 0.00) 0 0 10px,rgba(0, 0, 0, 0.00) 0 0 30px,rgba(0, 0, 0, 0.00) 0 0 50px; } #stacks_in_1665 .vzoom-img-in:hover .velvet-icon{color: rgba(255, 255, 255, 1.00);} #stacks_in_1665 .vzoom-img-in:before{background: rgba(0, 0, 0, 0.10);border-radius:4px;} #stacks_in_1665 .vzoom-img-in:hover:before{background: rgba(0, 0, 0, 0.20);} #stacks_in_1665 .vzoom-img-in img{border-radius:4px;} #stacks_in_1665 .velvet-icon:after { content: "PLAY"; display: block; font-size: 16px; font-weight: bold; padding-top: 15px; } .stacks_in_2184 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_2189 { text-transform: uppercase; font-size: 80%; } #stacks_in_2191 { font-size: 80%; } /* */ #article-list-stacks_in_816 { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ font-family: "Nunito"; /* */ padding: 10px 10px; max-width: 700px; border-radius: 4px; margin: 0 auto; box-sizing: border-box; } #article-list-stacks_in_816 * { box-sizing: border-box; } #article-list-stacks_in_816 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_816 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_816 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_816 .article-outer { padding: 15px 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.10); overflow: hidden; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } #article-list-stacks_in_816 .article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s ease; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #article-list-stacks_in_816 .article .article-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #article-list-stacks_in_816 .article-title { /* */ font-family: "Nunito"; /* */ color: rgba(0, 0, 0, 1.00); font-weight: bold; font-size: 18px; line-height: 29.124001px; } #article-list-stacks_in_816 .article-description { color: rgba(153, 153, 153, 1.00); /* */ font-family: "Nunito"; /* */ font-size: 14px; line-height: 22.652000px; } #article-list-stacks_in_816 .article-info { margin-top: 5px; display: inline-block; color: rgba(153, 153, 153, 1.00); /* */ font-family: "Nunito"; /* */ font-size: 13px; line-height: 21.034000px; } #article-list-stacks_in_816 .article-info .info-highlight { color: rgba(254, 100, 178, 1.00); } #article-list-stacks_in_816 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_816 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_816 .article-info span { margin-left: 3px; } #article-list-stacks_in_816 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 10px; max-width: calc(100% - 80px); } #article-list-stacks_in_816 .article-thumbnail { /* */ background: rgba(52, 52, 52, 1.00); /* */ /* */ width: 80px; height: 80px; border-radius: 40px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; position: relative; } #article-list-stacks_in_816 .article-thumbnail::before, #article-list-stacks_in_816 .article-thumbnail::after { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; } #article-list-stacks_in_816 .article-thumbnail::before { z-index: 4; opacity: 0.5; transition: all 0.3s ease; } #article-list-stacks_in_816 .article-thumbnail::after { opacity: 1; color: rgba(255, 255, 255, 0.50); display: -webkit-box; display: -ms-flexbox; display: flex; content: '\f472'; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: "Ionicons"; font-size: 40.000000px; } #article-list-stacks_in_816 .article-thumbnail img { width: 100%; z-index: 3; height: auto; position: relative; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; border-radius: 40px; } #article-list-stacks_in_816 .article-content { /* */ font-family: "Nunito"; /* */ font-size: 16px; line-height: 25.888000px; margin-top: 40px; padding: 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); color: rgba(153, 153, 153, 1.00); display: none; } #article-list-stacks_in_816 .article-content h1, #article-list-stacks_in_816 .article-content h2, #article-list-stacks_in_816 .article-content h3, #article-list-stacks_in_816 .article-content h4, #article-list-stacks_in_816 .article-content h5, #article-list-stacks_in_816 .article-content h6 { color: rgba(254, 100, 178, 1.00); } #article-list-stacks_in_816 .article-content a, #article-list-stacks_in_816 .article-content a:visited { color: rgba(254, 100, 178, 1.00); } #article-list-stacks_in_816 .article-close { color: rgba(254, 100, 178, 1.00); padding-bottom: 20px; width: 100%; display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #article-list-stacks_in_816 .article-close i { margin-right: 10px; font-size: 28px; } #article-list-stacks_in_816 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_816 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_816 .article-list-grid-item:not(.active):hover .article-description { /* */ text-decoration: underline; /* */ } #article-list-stacks_in_816 .article-list-grid-item:not(.active):hover .article-thumbnail { overflow: hidden; } #article-list-stacks_in_816 .article-list-grid-item:not(.active):hover .article-thumbnail::before { opacity: 0.5; /* */ background: rgba(52, 52, 52, 1.00); /* */ /* */ } #article-list-stacks_in_816 .article-list-grid-item:not(.active):hover .article-thumbnail::after { opacity: 1; z-index: 4; color: rgba(255, 255, 255, 1.00); content: '\f10b'; } #article-list-stacks_in_816 .article-list-grid-item.active .article-outer::before { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: -1; display: block; position: fixed; transition: all 0.3s ease; -webkit-transform: translateY(100%); transform: translateY(100%); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -webkit-animation: article-bg-expand 0.5s 0.5s; animation: article-bg-expand 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #article-list-stacks_in_816 .article-list-grid-item.active .article { -webkit-animation: article-active 0.3s, article-open 0.5s 0.6s; animation: article-active 0.3s, article-open 0.5s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #article-list-stacks_in_816 .article-list-grid-item.active-expand .article-outer { width: 100%; top: 0; left: 0; right: 0; bottom: 0; position: fixed; overflow-y: scroll; z-index: 999999; padding: 20px 20px; } #article-list-stacks_in_816 .article-list-grid-item.active-expand .article { z-index: 3; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; max-width: 700px; } #article-list-stacks_in_816 .article-list-grid-item.active-expand .article .article-top { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #article-list-stacks_in_816 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_816 .article-list-grid-item.active-expand .article-title { font-size: 20px; line-height: 32.360001px; } #article-list-stacks_in_816 .article-list-grid-item.active-expand .article-description { font-size: 16px; line-height: 25.888000px; overflow: hidden; white-space: normal; text-overflow: clip; } #article-list-stacks_in_816 .article-list-grid-item.active-expand .article-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 20px; max-width: calc(100% - 200px); } #article-list-stacks_in_816 .article-list-grid-item.active-expand .article-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_816 .article-list-grid-item.active-expand .article-thumbnail { width: 200px; height: 200px; border-radius: 100px; } #article-list-stacks_in_816 .article-list-grid-item.active-expand .article-thumbnail img { transition: none; } #article-list-stacks_in_816 .article-list-grid-item.active-expand .article-thumbnail::after { font-size: 100.000000px; } #article-list-stacks_in_816 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_816 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_816.ellipsed .article-description { /* */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /* */ } #article-list-stacks_in_816.info-1-hide .article-info.info-1 { display: none !important; } #article-list-stacks_in_816.info-2-hide .article-info.info-2 { display: none !important; } @media (max-width: 600px) { #article-list-stacks_in_816 .article-list-grid-item.active-expand .article .article-top { -ms-flex-wrap: wrap; flex-wrap: wrap; } #article-list-stacks_in_816 .article-list-grid-item.active-expand .article-thumbnail { width: 100%; margin: 0 auto; max-width: 200px; max-height: 200px; margin-bottom: 20px; } #article-list-stacks_in_816 .article-list-grid-item.active-expand .article-header { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-left: 0; max-width: 100%; } } @-webkit-keyframes article-active { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes article-active { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes article-open { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes article-open { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes article-bg-expand { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes article-bg-expand { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @media (max-width: 600px) { /* */ /* */ } #stacks_in_819 { font-size: 60%; } #stacks_in_820 { font-size: 60%; } #stacks_in_2644 { padding: 25px; } /* 2 col */ #stacks_in_2220 .wrapper-link:hover { -webkit-animation: wrapper-link 1.4s linear forwards !important; -moz-animation: wrapper-link 1.4s linear forwards !important; animation: wrapper-link 1.4s linear forwards !important; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 0.15))); background-image: -webkit-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00));background-image: -moz-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); } @-webkit-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @-moz-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} #stacks_in_2220 .element-link, #stacks_in_2220 .wrapper-link { display: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2 !important; width: 100%; height: 100%; } #stacks_in_2220 * { box-sizing: border-box !important; } #stacks_in_2220 .extend_image_main { background-image: url(../files/bg_image-2220.png) !important; background-size: cover !important; background-position: 50% 50% !important; opacity: 1 !important; } #stacks_in_2220 .extend_image_main_colour { background-color: rgba(233, 232, 232, 1.00); } #stacks_in_2220 .extend_image_main_colour_border { border: 0px solid rgba(249, 249, 249, 1.00) !important; } /* Text BG left */ #stacks_in_2220 .left-box-over-bg-0 path, #stacks_in_2220 .left-box-over-bg-1 path, #stacks_in_2220 .left-box-over-bg-2 path, #stacks_in_2220 .left-box-over-bg-3 path, #stacks_in_2220 .left-box-over-bg-4 path, #stacks_in_2220 .left-box-over-bg-5 path, #stacks_in_2220 .left-box-over-bg-6 path, #stacks_in_2220 .left-box-over-bg-7 path, #stacks_in_2220 .left-box-over-bg-8 path, #stacks_in_2220 .left-box-over-bg-9 path, #stacks_in_2220 .left-box-over-bg-10 path { fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_2220 .left-box-over-bg-4 { display: block !important; } /* BG back shape */ #stacks_in_2220 .morph-shape-1, #stacks_in_2220 .morph-shape-1 path, #stacks_in_2220 .morph-shape-2, #stacks_in_2220 .morph-shape-2 path, #stacks_in_2220 .morph-shape-3, #stacks_in_2220 .morph-shape-3 path { fill: rgba(255, 255, 255, 0.00) !important; stroke-style: solid !important; stroke-width: 2px !important; stroke: rgba(255, 255, 255, 1.00) !important; } /* NOTE use the order 2 and 1 and 3 to fix consolid. css */ #stacks_in_2220 .morph-shape-2, #stacks_in_2220 .morph-shape-2 path { } #stacks_in_2220 .morph-shape-1, #stacks_in_2220 .morph-shape-1 path { } #stacks_in_2220 .morph-shape-3, #stacks_in_2220 .morph-shape-3 path { display: block !important; } /* foundation RTL theme fix direction:ltr */ #stacks_in_2220 .HYPE_document { direction:ltr !important; margin:auto; position:relative; display: block; overflow: hidden; width: 100%; min-height: 700px; max-width: 1800px !important; } /* IMG LINE */ #stacks_in_2220 .anim-line { text-align: left !important; position: absolute !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: auto !important; important; margin-top: auto !important; width: 450px !important; height: 450px !important; } #stacks_in_2220 .anim-line path { stroke-width: 3px !important; stroke: rgba(255, 255, 255, 1.00) !important; } /* IMG */ /* removed below width: auto !important; fix in Edge */ #stacks_in_2220 .extend_image { left: 0 !important; right: 0 !important; text-align: center !important; margin: auto !important; border-radius:400px; -webkit-border-radius:400px; -moz-border-radius:400px; border: solid !important; border-width: 2px !important; border-color: rgba(255, 255, 255, 1.00) !important; background-image: url(../files/pop_image-2220.png) !important; max-width: 490px !important; height: 490px !important; border-radius:400px; -webkit-border-radius:400px; -moz-border-radius:400px; background-size: cover !important; } #stacks_in_2220 .extend_image_main_overlay { background-color: transparent !important; position: relative; } #stacks_in_2220 .extend_image_main_grid { } #stacks_in_2220 .hype_box { box-sizing: border-box !important; text-align: center !important; max-height: 95vh; margin: auto !important; width: auto; display: inline-table !important; right: 0 !important; left: 0 !important; border-style: none !important; top: 0; } #stacks_in_2220 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; max-width: 35% !important; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_2220 .inner_slice_content, #stacks_in_2220 .inner_slice_content p, #stacks_in_2220 .inner_slice_content span, #stacks_in_2220 .inner_slice_content [class*="fa fa-"], #stacks_in_2220 .inner_slice_content h1, #stacks_in_2220 .inner_slice_content h2, #stacks_in_2220 .inner_slice_content h3, #stacks_in_2220 .inner_slice_content h4, #stacks_in_2220 .inner_slice_content h5, #stacks_in_2220 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color:#292929 !important; } #stacks_in_2220 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_2220 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_2220 .inner_slice_content a:link, #stacks_in_2220 .inner_slice_content a { color:#CB0001 !important; } #stacks_in_2220 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_2220 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_2220 .inner_slice_content a:hover { color:#FFFFFF !important; } /* hype */ #stacks_in_2220 .viewport-morph-trigger { opacity: 0.45; } #stacks_in_2220 .viewport-rotscal-trigger { opacity: 0.45; } #stacks_in_2220 .viewport-line-trigger { opacity: 0.45; } #stacks_in_2220 .setting_panel_slide { } /* BP min */ @media screen and (min-width: 1100px ) { #stacks_in_2220 .anim-line { } #stacks_in_2220 .inner_slice {max-width: 35% !important;} #stacks_in_2220 .hype_box, #stacks_in_2220 .wrapper-link { width: 65% !important; left: 35% !important; margin-top: 0 !important; margin-bottom: 10% !important; max-height: 700px; } #stacks_in_2220 .left-box-over-bg-4 { margin-left: -15% !important; } #stacks_in_2220 .extend_image { top: 25% !important; background-position: 50% 80% !important; /* below desktop - 2 col only- to use in one */ top: 15% !important; } #stacks_in_2220 .setting_panel_slide { position: absolute !important; margin-left: -8% !important; } #stacks_in_2220 .inner_slice_content { padding-top: 0px; } } /* Hype element center in MAX */ #stacks_in_2220 .setting_panel_slide { position: absolute !important; margin-left: -25%; } /* breakpoint MAX */ @media screen and (max-width: 1100px ) { /* 2 col */ #stacks_in_2220 .inner_slice { max-width: 100% !important; margin-top: 380px; %%[[if !edit]]%% top: 0px !important; %%[[endif]]%% } #stacks_in_2220 .inner_slice_content { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_2220 .hype_box, #stacks_in_2220 .wrapper-link { max-width: 100% !important; left: 0% !important; position: absolute !important; top: 0 !important; max-height: 380px; } #stacks_in_2220 .hype_box { display: block !important; margin-top: 10px !important; } #stacks_in_2220 .extend_image { top: 10% !important; max-width: 300px !important; height: 300px !important; background-position: 50% 30% !important; } #stacks_in_2220 .anim-line { bottom: 0 !important; top: 0 !important; right: 0 !important; left: 0 !important; margin-right: auto !important; margin-left: auto !important; margin-bottom: auto !important; margin-top: auto !important; width: 270px !important; height: 270px !important; margin-top: 54px !important; } #stacks_in_2220 .HYPE_document { overflow: hidden !important; padding-top: 10px !important; margin-bottom: 0px !important; } #stacks_in_2220 .element-link, #stacks_in_2220 .wrapper-link, #stacks_in_2220 .wrapper-link:hover { display: none !important; } #stacks_in_2220 .left-box-over-bg-4 { display: none !important; } #stacks_in_2220 .setting_panel_slide { position: absolute !important; margin-left: -25%; } } /* BP small dev */ @media screen and (max-width: 560px) { #stacks_in_2220 .extend_image { } } /* BP internal */ @media screen and (max-width: 420px ) { #stacks_in_2220 .anim-line { } } /* -- End EACH CSS Template -- */ #stacks_in_2220 { margin: 0px 0px 10px 0px; } #stacks_in_2222 { padding: 25px; } #stacks_in_2641 { text-transform: uppercase; font-size: 120%; } /* -- End EACH CSS Template -- */ #stacks_in_2508 *{ box-sizing: border-box !important; } #stacks_in_2508 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 1800px !important; } #stacks_in_2508 .bg-hype-color-css { } #stacks_in_2508 .bg-hype-css, #stacks_in_2508 .bg-hype-css path { background-size: cover !important; background-image: url(../files/bg_image-2508.png) !important; background-position: 50% 50% !important; opacity: 100; } @media screen and (min-width: 800px) { #stacks_in_2508 .bg-hype-css, #stacks_in_2508 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg on mobile */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_2508 .bg-hype-css, #stacks_in_2508 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_2508 .bg-hype-css, #stacks_in_2508 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_2508 .bg-hype-css, #stacks_in_2508 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_2508 .bg-hype-css, #stacks_in_2508 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_2508 .bg-hype-css, #stacks_in_2508 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_2508 .bg-hype-css, #stacks_in_2508 .bg-hype-css path { background-attachment: scroll; } } /* source 2 */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_2508 .bg-hype-css, #stacks_in_2508 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_2508 .bg-hype-css, #stacks_in_2508 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {#stacks_in_2508 .bg-hype-css, #stacks_in_2508 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_2508 .bg-hype-css, #stacks_in_2508 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_2508 .bg-hype-css, #stacks_in_2508 .bg-hype-css path, #stacks_in_2508 .bg-hype-move-img { } #stacks_in_2508 .shape-top { } #stacks_in_2508 .shape-bottom { } /* shift stripes */ #stacks_in_2508 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_2508 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_2508 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_2508 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_2508 .shape-top path, #stacks_in_2508 .shape-bottom path { stroke-style: solid !important; fill: rgba(255, 255, 255, 1.00) !important; stroke-width: 0px !important; stroke: rgba(202, 202, 202, 1.00) !important; stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 0%; } #stacks_in_2508 .shape-bottom path { stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 0%; } /* slice */ #stacks_in_2508 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_2508 .inner-slice-vertical-main { display:table; width: 100%; height: 50vh; min-height: 320px; } @media (max-width: 800px) { #stacks_in_2508 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_2508 .inner-slice-vertical-main { } } #stacks_in_2508 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; below to fix in Edge */ #stacks_in_2508 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 100px; max-width: 600px; padding: 0px !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_2508 .inner-slice-content, #stacks_in_2508 .inner-slice-content p, #stacks_in_2508 .inner-slice-content span, #stacks_in_2508 .inner-slice-content [class*="fa fa-"], #stacks_in_2508 .inner-slice-content h1, #stacks_in_2508 .inner-slice-content h2, #stacks_in_2508 .inner-slice-content h3, #stacks_in_2508 .inner-slice-content h4, #stacks_in_2508 .inner-slice-content h5, #stacks_in_2508 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; } #stacks_in_2508 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_2508 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_2508 .inner-slice-content a:link, #stacks_in_2508 .inner-slice-content a { } #stacks_in_2508 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_2508 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_2508 .inner-slice-content a:hover { } #stacks_in_2508 .inner-slice-content { } /* button */ #stacks_in_2508 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 10%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 2; animation-delay: 0.1s; text-align: center !important; } @keyframes element-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px);} 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} } @-webkit-keyframes element-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_2508 .scrollButton-element a { font-size: 50px !important; line-height: 1em; transition: 0.06s linear; -webkit-transition: 0.06s linear; -moz-transition: 0.06s linear; -webkit-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.4s; color: #F4F4F4 !important; } #stacks_in_2508 .scrollButton-element [class^="fa fa-"], #stacks_in_2508 .scrollButton-element #stacks_in_2508 [class*="fa fa-"] { color: #F4F4F4 !important; } @keyframes element-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes element-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_2508 .scrollButton-element a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-popbands { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_2508 .scrollButton-element { display: none !important; } #stacks_in_2508 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG anim on mouse over */ #stacks_in_2508 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_2508 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* hype */ #stacks_in_2508 .bg-grid { } #stacks_in_2508 .bg-grad { } #stacks_in_2508 .bg-hype-shading-box { background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.40) 100%) !important; background-image: none !important; background: none !important; } #stacks_in_2508 .bgscale-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_2508 .shading-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_2508 .top-trigger { opacity: 0.7; top: 10vh !important; } /* -- End EACH CSS Template end -- */ #stacks_in_1732 { text-transform: uppercase; font-size: 120%; } /* */ #article-list-stacks_in_845 { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ font-family: "Nunito"; /* */ padding: 10px 10px; max-width: 700px; border-radius: 4px; margin: 0 auto; box-sizing: border-box; } #article-list-stacks_in_845 * { box-sizing: border-box; } #article-list-stacks_in_845 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_845 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_845 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_845 .article-outer { padding: 15px 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.10); overflow: hidden; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } #article-list-stacks_in_845 .article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s ease; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #article-list-stacks_in_845 .article .article-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #article-list-stacks_in_845 .article-title { /* */ font-family: "Nunito"; /* */ color: rgba(0, 0, 0, 1.00); font-weight: bold; font-size: 18px; line-height: 29.124001px; } #article-list-stacks_in_845 .article-description { color: rgba(153, 153, 153, 1.00); /* */ font-family: "Nunito"; /* */ font-size: 14px; line-height: 22.652000px; } #article-list-stacks_in_845 .article-info { margin-top: 5px; display: inline-block; color: rgba(153, 153, 153, 1.00); /* */ font-family: "Nunito"; /* */ font-size: 13px; line-height: 21.034000px; } #article-list-stacks_in_845 .article-info .info-highlight { color: rgba(254, 100, 178, 1.00); } #article-list-stacks_in_845 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_845 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_845 .article-info span { margin-left: 3px; } #article-list-stacks_in_845 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 10px; max-width: calc(100% - 80px); } #article-list-stacks_in_845 .article-thumbnail { /* */ background: rgba(52, 52, 52, 1.00); /* */ /* */ width: 80px; height: 80px; border-radius: 40px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; position: relative; } #article-list-stacks_in_845 .article-thumbnail::before, #article-list-stacks_in_845 .article-thumbnail::after { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; } #article-list-stacks_in_845 .article-thumbnail::before { z-index: 4; opacity: 0.5; transition: all 0.3s ease; } #article-list-stacks_in_845 .article-thumbnail::after { opacity: 1; color: rgba(255, 255, 255, 0.50); display: -webkit-box; display: -ms-flexbox; display: flex; content: '\f472'; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: "Ionicons"; font-size: 40.000000px; } #article-list-stacks_in_845 .article-thumbnail img { width: 100%; z-index: 3; height: auto; position: relative; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; border-radius: 40px; } #article-list-stacks_in_845 .article-content { /* */ font-family: "Nunito"; /* */ font-size: 16px; line-height: 25.888000px; margin-top: 40px; padding: 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); color: rgba(153, 153, 153, 1.00); display: none; } #article-list-stacks_in_845 .article-content h1, #article-list-stacks_in_845 .article-content h2, #article-list-stacks_in_845 .article-content h3, #article-list-stacks_in_845 .article-content h4, #article-list-stacks_in_845 .article-content h5, #article-list-stacks_in_845 .article-content h6 { color: rgba(254, 100, 178, 1.00); } #article-list-stacks_in_845 .article-content a, #article-list-stacks_in_845 .article-content a:visited { color: rgba(254, 100, 178, 1.00); } #article-list-stacks_in_845 .article-close { color: rgba(254, 100, 178, 1.00); padding-bottom: 20px; width: 100%; display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #article-list-stacks_in_845 .article-close i { margin-right: 10px; font-size: 28px; } #article-list-stacks_in_845 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_845 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_845 .article-list-grid-item:not(.active):hover .article-description { /* */ text-decoration: underline; /* */ } #article-list-stacks_in_845 .article-list-grid-item:not(.active):hover .article-thumbnail { overflow: hidden; } #article-list-stacks_in_845 .article-list-grid-item:not(.active):hover .article-thumbnail::before { opacity: 0.5; /* */ background: rgba(52, 52, 52, 1.00); /* */ /* */ } #article-list-stacks_in_845 .article-list-grid-item:not(.active):hover .article-thumbnail::after { opacity: 1; z-index: 4; color: rgba(255, 255, 255, 1.00); content: '\f10b'; } #article-list-stacks_in_845 .article-list-grid-item.active .article-outer::before { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: -1; display: block; position: fixed; transition: all 0.3s ease; -webkit-transform: translateY(100%); transform: translateY(100%); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -webkit-animation: article-bg-expand 0.5s 0.5s; animation: article-bg-expand 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #article-list-stacks_in_845 .article-list-grid-item.active .article { -webkit-animation: article-active 0.3s, article-open 0.5s 0.6s; animation: article-active 0.3s, article-open 0.5s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #article-list-stacks_in_845 .article-list-grid-item.active-expand .article-outer { width: 100%; top: 0; left: 0; right: 0; bottom: 0; position: fixed; overflow-y: scroll; z-index: 999999; padding: 20px 20px; } #article-list-stacks_in_845 .article-list-grid-item.active-expand .article { z-index: 3; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; max-width: 700px; } #article-list-stacks_in_845 .article-list-grid-item.active-expand .article .article-top { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #article-list-stacks_in_845 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_845 .article-list-grid-item.active-expand .article-title { font-size: 20px; line-height: 32.360001px; } #article-list-stacks_in_845 .article-list-grid-item.active-expand .article-description { font-size: 16px; line-height: 25.888000px; overflow: hidden; white-space: normal; text-overflow: clip; } #article-list-stacks_in_845 .article-list-grid-item.active-expand .article-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 20px; max-width: calc(100% - 200px); } #article-list-stacks_in_845 .article-list-grid-item.active-expand .article-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_845 .article-list-grid-item.active-expand .article-thumbnail { width: 200px; height: 200px; border-radius: 100px; } #article-list-stacks_in_845 .article-list-grid-item.active-expand .article-thumbnail img { transition: none; } #article-list-stacks_in_845 .article-list-grid-item.active-expand .article-thumbnail::after { font-size: 100.000000px; } #article-list-stacks_in_845 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_845 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_845.ellipsed .article-description { /* */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /* */ } #article-list-stacks_in_845.info-1-hide .article-info.info-1 { display: none !important; } #article-list-stacks_in_845.info-2-hide .article-info.info-2 { display: none !important; } @media (max-width: 600px) { #article-list-stacks_in_845 .article-list-grid-item.active-expand .article .article-top { -ms-flex-wrap: wrap; flex-wrap: wrap; } #article-list-stacks_in_845 .article-list-grid-item.active-expand .article-thumbnail { width: 100%; margin: 0 auto; max-width: 200px; max-height: 200px; margin-bottom: 20px; } #article-list-stacks_in_845 .article-list-grid-item.active-expand .article-header { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-left: 0; max-width: 100%; } } @-webkit-keyframes article-active { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes article-active { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes article-open { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes article-open { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes article-bg-expand { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes article-bg-expand { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @media (max-width: 600px) { /* */ /* */ } #stacks_in_856 { font-size: 60%; } #stacks_in_857 { font-size: 60%; } .stacks_in_3035 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_3041{text-align:center}#stacks_in_3041 img{max-width:50px;width:100%;height:auto}@media only screen and (min-width:641px){#stacks_in_3041 img{max-width:100px}}@media only screen and (min-width:1024px){#stacks_in_3041 img{max-width:150px}} #stacks_in_3044 { font-size: 70%; } #stacks_in_3048 { text-transform: uppercase; } #stacks_in_3055 { text-transform: uppercase; } #stacks_in_3060 { text-transform: uppercase; } #stacks_in_3068 { font-size: 50%; } #stacks_in_3070 { text-transform: uppercase; font-size: 80%; font-weight: lighter; }