.launchpad-wrapper{position:relative;display:inline-block;z-index:1}.launchpad,.satellite,.tierahs,.tierahs-link{background-color:transparent;border:none;border-radius:50%;aspect-ratio:1/1;text-align:center;padding:0;margin:0;transition:all 300ms ease-out;display:inline-grid;justify-content:center;align-content:center;cursor:pointer}.launchpad:hover,.satellite:hover,.tierahs:hover,.tierahs-link:hover{background-color:transparent}.launchpad:active,.launchpad.launched:active,.satellite:active,.satellite.launched:active,.tierahs:active,.tierahs.launched:active,.tierahs-link:active,.tierahs-link.launched:active{scale:0.95}.launchpad svg,.satellite svg,.tierahs svg,.tierahs-link svg{width:100%;height:auto}button.satellite,button.tierahs{appearance:none}.satellite{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:-1;scale:0.5}.satellite.launched{scale:1} .clippath-svg{height:0}.clippath-svg svg{display:block} .agent-hide{display:none !important} .agent-hide{display:none !important} :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(7, 64, 128, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 34, 98, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(0, 0, 128, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(0, 0, 128, 1.00);--link-color:rgba(7, 64, 128, 1.00);--link-color-hover:rgba(0, 0, 128, 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;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(7, 64, 128, 1.00);--link-color-hover:rgba(15, 128, 255, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(22rem/16)}h3,.h3{font-size:calc(21rem/16)}h4,.h4{font-size:calc(20rem/16)}h5,.h5{font-size:calc(19rem/16)}h6,.h6{font-size:calc(18rem/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(20rem/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(22rem/16)}h6,.h6{font-size:calc(20rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(20rem/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(22rem/16)}h6,.h6{font-size:calc(20rem/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{} /*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:400}@font-face{font-family:'Font Awesome 5 Duotone';font-style:normal;font-weight:900;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.svg#fontawesome") format("svg")}.fad{position:relative;font-family:'Font Awesome 5 Duotone';font-weight:900}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:300;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.svg#fontawesome") format("svg")}.fal{font-family:'Font Awesome 5 Pro';font-weight:300}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:400;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.svg#fontawesome") format("svg")}.far{font-family:'Font Awesome 5 Pro';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} @font-face{font-family:Ubuntu;font-style:normal;font-weight:normal;src:url("https://dev.kenthosts.co.uk/resources/Ubuntu-Regular.woff2") format("woff2");}@font-face{font-family:Ubuntu;font-style:normal;font-weight:bold;src:url("https://dev.kenthosts.co.uk/resources/Ubuntu-Bold.woff2") format("woff2");}@font-face{font-family:Ubuntu;font-style:italic;font-weight:normal;src:url("https://dev.kenthosts.co.uk/resources/Ubuntu-Italic.woff2") format("woff2");}@font-face{font-family:Ubuntu;font-style:italic;font-weight:bold;src:url("https://dev.kenthosts.co.uk/resources/Ubuntu-BoldItalic.woff2") format("woff2");} html,body, h1,.font-family-h1,h1 a,.font-family-h1 a, h2,.font-family-h2,h2 a,.font-family-h2 a, h3,.font-family-h3,h3 a,.font-family-h3 a, h4,.font-family-h4,h4 a,.font-family-h4 a, h5,.font-family-h5,h5 a,.font-family-h5 a, h6,.font-family-h6,h6 a,.font-family-h6 a, blockquote, a, ul,ul li,ol,ol li,dl,dl dd, fieldset,input,textarea,form label,input + label,fieldset label,input + datalist,legend, button,.button,.btn, p:not(.custom-font),.font-family-text,.text_stack:not(.custom-font),.fontpro-stacks_in_299_7{font-family:"Ubuntu",sans-serif }p:not(.custom-font),p.font-family-text:not(.custom-font),.text_stack:not(.custom-font){font-family:"Ubuntu",sans-serif } .foot{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em) { .foot{font-size:calc(14rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .foot{font-size:calc(14rem/16) ;line-height:1.50 }} .back1{background-image:url('../index_files/bgimage-28-144.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.back1{background-attachment:scroll!important}} .pad1{padding-top:2.5rem ;padding-right:1.25rem ;padding-bottom:1.25rem ;padding-left:1.25rem ;} .back1b{background-image:url('../index_files/bgimage-10-144.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.back1b{background-attachment:scroll!important}} .head{margin-top:1.5rem ;} .back2{background-color:rgba(0, 0, 128, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.back2{background-attachment:scroll!important}} .back3{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.back3{background-attachment:scroll!important}} .clip{clip-path:circle(50% at 50% 50%) ;} .clip{height:5rem ;} .clip{width:5rem ;} .clip .per{position: absolute ;z-index:1 ;top:unset ;bottom:unset ;left:unset ;right:50% ;} .rond{border-radius:10px ;} .pad{padding:0.75rem ;} .back1b{height:50vh ;} .circ{clip-path:circle(50% at 50% 50%) ;} .frog{position:fixed ;z-index:1 ;top:5px ;bottom:unset ;left:unset ;right:5px ;} .frog{z-index:10000 !important} .frog1{position:fixed ;z-index:1 ;top:10px ;bottom:unset ;left:20px ;right:unset ;} .frog1{z-index:10000 !important} .hid{height:14rem ;} .rond{border-radius:10px ;} .rondl{border-radius:25px 10px 10px 25px ;} .backw{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.backw{background-attachment:scroll!important}} .rondr{border-radius:10px 25px 25px 10px ;} .head{margin-top:10rem ;} .marg6{margin-top:4rem ;} .circ{clip-path:circle(50% at 50% 50%) ;} .foto{display:flex;align-items:center;aspect-ratio:16/9;} .marg4{margin:-2.5rem ;} .marghead{margin-bottom:-3rem !important;} .top-bar.topm, .top-bar.topm ul{--topbar-background:rgba(230, 230, 230, 0.00)} .top-bar.topm{padding:0 0.5rem} .title-bar.topm{--titlebar-background:rgba(10, 10, 10, 0.00);--titlebar-color:rgba(0, 0, 128, 1.00);padding:0.75rem} .title-bar.topm .menu-icon{--hamburger-color:rgba(0, 0, 128, 1.00);--hamburger-width:1.25rem;--hamburger-height:1rem;--hamburger-weight:2px} .menum>.menu a, .menu.menum a{--menu-link-color:rgba(0, 0, 128, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .menum>.menu .menu-text, .menu.menum .menu-text{--menu-text-color:rgba(0, 0, 128, 1.00)} .menum>.menu>li>a, .menu.menum>li>a{padding-top:1rem;padding-bottom:1rem} .menum>.menu .submenu>li>a, .menu.menum .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .menum>.menu li.active>a, .menum>.menu li.is-active>a, .menum>.menu a.is-active, .menu.menum li.active>a, .menu.menum li.is-active>a, .menu.menum a.is-active{--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(0, 0, 128, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(0, 0, 128, 1.00)} .menum>.menu .submenu li.active>a, .menum>.menu .submenu li.is-active>a, .menum>.menu .submenu a.is-active, .menu.menum .submenu li.active>a, .menu.menum .submenu li.is-active>a, .menu.menum .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .menum>.menu .submenu a, .menu.menum .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .menum>.menu .submenu, .menu.menum .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .menum>.menu .submenu a, .menu.menum .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(0, 0, 128, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .menum>.menu .submenu .menu-text, .menu.menum .submenu .menu-text{--menu-text-color:rgba(0, 0, 128, 1.00)} .menum>.menu .submenu li.active>a, .menum>.menu .submenu li.is-active>a, .menum>.menu .submenu a.is-active, .menu.menum .submenu li.active>a, .menu.menum .submenu li.is-active>a, .menu.menum .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .colon{-webkit-columns:calc(200rem/16) 2;-moz-columns:calc(200rem/16) 2;columns:calc(200rem/16) 2;-webkit-column-gap:calc(24rem/16);-moz-column-gap:calc(24rem/16);column-gap:calc(24rem/16);-webkit-column-rule:1px dotted rgba(255, 255, 255, 1.00);-moz-column-rule:1px dotted rgba(255, 255, 255, 1.00);column-rule:1px dotted rgba(255, 255, 255, 1.00)} .stacks_in_624{--offcanvas-size-small:250px;--offcanvas-size-medium:250px;--offcanvas-size-large:250px;} .stacks_in_740_11 img{width:100%;max-width:60px} /* -- EACH CSS Template -- */ /* Edit */ #stacks_in_740_16 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } #stacks_in_740_16 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_740_16_default31_hype_container { } #stacks_in_740_16 .button-stats { } #stacks_in_740_16 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* Link */ #stacks_in_740_16 .wrapper_link { display: none !important; position: absolute; padding: 0; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 100px; -webkit-border-radius: 100px; min-height: 100px !important; max-height: 200px !important; width: auto; max-width: 75vw; } #stacks_in_740_16 .back_wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 20vh; min-height: 150px !important; padding: 10px 0 0; } /* padding: 10px FIX auto start above */ /* fixed height setting */ @media (max-width: 800px) { #stacks_in_740_16 .back_wrapper_31 { } } @media (max-width: 600px) { #stacks_in_740_16 .back_wrapper_31 { } } #stacks_in_740_16 .wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 20vh; min-height: 150px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_740_16 .wrapper_31 { } } @media (max-width: 600px) { #stacks_in_740_16 .wrapper_31 { } } /* Hype rot */ #stacks_in_740_16 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; } /* --- 4 Static titles */ .hype-title-static { } .hype-title-scale{ } @keyframes hype-title-scale { 0% {transform: scale(0.8); opacity: 0;} 40% {transform: scale(0.8);} 45% {opacity: 0;} 100% {transform: scale(1); opacity: 1;} } @-webkit-keyframes hype-title-scale { 0% {-webkit-transform: scale(0.8); opacity: 0;} 40% {-webkit-transform: scale(0.8);} 45% {opacity: 0;} 100% {-webkit-transform: scale(1); opacity: 1;} } .hype-title-fade { } @keyframes hype-title-fade { 0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes hype-title-fade { 0% { opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } /* A B */ #stacks_in_740_16 .hype_title_31 { color: #074080 !important; } #stacks_in_740_16 .hype_title_31_b { color: #074080 !important; } #stacks_in_740_16 .hype_slogan_31 { color: #000080 !important; font-size: 82px !important; font-family: 'slogan_custom_theme_font_selector', sans-serif !important; text-decoration: overline; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; margin-top: 80px !important; margin-left: 0px !important; display: block !important; letter-spacing: 0px !important; line-height: 70px !important; font-family: "Ubuntu", sans-serif !important; } /* Titles */ #stacks_in_740_16 .hype_title_31, #stacks_in_740_16 .hype_title_31_b { font-size: 160px !important; text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 180px !important; font-family: 'title_custom_theme_font_selector', sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; font-family: 'Ubuntu', sans-serif !important; } #stacks_in_740_16 .hype_title_31, #stacks_in_740_16 .hype_title_31_b { } #stacks_in_740_16 .hype_title_31, #stacks_in_740_16 .hype_title_31_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_740_16 .back_wrapper_31 { background-color: transparent !important; } #stacks_in_740_16 .back_wrapper_31::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../index_files/dots0.png) center center repeat !important; } #stacks_in_740_16 .back_wrapper_31bg::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; } @media (max-width: 768px) { #stacks_in_740_16 .back_wrapper_31::after, #stacks_in_740_16 .back_wrapper_31bg::before { display: none !important; width: 0%; height: 0%; } } #stacks_in_740_16 .back_wrapper_31bg { text-align: center; display: block; position: relative; max-width: 1300vh; height: 20vh; min-height: 150px !important; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_740_16 .back_wrapper_31bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_740_16 .back_wrapper_31bg { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_740_16 .back_wrapper_31bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_740_16 .back_wrapper_31bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_740_16 .back_wrapper_31bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_740_16 .back_wrapper_31bg { } } @media (max-width: 600px) { #stacks_in_740_16 .back_wrapper_31bg { } } #stacks_in_740_16 .hype_title_31, #stacks_in_740_16 .hype_title_31_b { } #stacks_in_740_16 .hype_line_31 { background-color: #000080 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_740_16 .hype-glow-31 { display: none !important; } #stacks_in_740_16 .hype-flash-color-31 { background-color: rgba(0, 0, 0, 0.35) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; backface-visibility: hidden !important; } /* @group Built-in Webfonts */ @font-face { font-family: 'Cordial Regular'; src: url('../index_files/webfonts31/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../index_files/webfonts31/cordial_web/cordial_regular_39-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Semi Bold'; src: url('../index_files/webfonts31/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../index_files/webfonts31/cordial_web/cordial_semibold_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Medium'; src: url('../index_files/webfonts31/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),url('../index_files/webfonts31/cordial_web/cordial_medium_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Light'; src: url('../index_files/webfonts31/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../index_files/webfonts31/cordial_web/cordial_light_59-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Bold'; src: url('../index_files/webfonts31/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../index_files/webfonts31/cordial_web/cordial_bold_69-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Inline Bdrounded'; src: url('../index_files/webfonts31/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../index_files/webfonts31/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Cherry Bdrounded'; src: url('../index_files/webfonts31/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../index_files/webfonts31/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Light'; src: url('../index_files/webfonts31/raleway/Raleway_Light.woff2') format('woff2'), url('../index_files/webfonts31/raleway/Raleway_Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../index_files/webfonts31/raleway/Raleway_Regular.woff2') format('woff2'), url('../index_files/webfonts31/raleway/Raleway_Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Bold'; src: url('../index_files/webfonts31/raleway/Raleway_Bold.woff2') format('woff2'), url('../index_files/webfonts31/raleway/Raleway_Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat Light'; src: url('../index_files/webfonts31/montserrat/Montserrat-Light.woff2') format('woff2'), url('../index_files/webfonts31/montserrat/Montserrat-Light.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../index_files/webfonts31/montserrat/Montserrat-Medium.woff2') format('woff2'), url('../index_files/webfonts31/montserrat/Montserrat-Medium.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Montserrat Bold'; src: url('../index_files/webfonts31/montserrat/Montserrat-Bold.woff2') format('woff2'), url('../index_files/webfonts31/montserrat/Montserrat-Bold.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Lato Light'; src: url('../index_files/webfonts31/lato/Lato-Light.woff2') format('woff2'), url('../index_files/webfonts31/lato/Lato-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato'; src: url('../index_files/webfonts31/lato/Lato-Regular.woff2') format('woff2'), url('../index_files/webfonts31/lato/Lato-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Bold'; src: url('../index_files/webfonts31/lato/Lato-Bold.woff2') format('woff2'), url('../index_files/webfonts31/lato/Lato-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Light'; src: url('../index_files/webfonts31/opensans/OpenSans-Light.woff2') format('woff2'), url('../index_files/webfonts31/opensans/OpenSans-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../index_files/webfonts31/opensans/OpenSans-Medium.woff2') format('woff2'), url('../index_files/webfonts31/opensans/OpenSans-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans Bold'; src: url('../index_files/webfonts31/opensans/OpenSans-Bold.woff2') format('woff2'), url('../index_files/webfonts31/opensans/OpenSans-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Signika Light'; src: url('../index_files/webfonts31/signika/Signika-Light.woff2') format('woff2'), url('../index_files/webfonts31/signika/Signika-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika'; src: url('../index_files/webfonts31/signika/Signika-Regular.woff2') format('woff2'), url('../index_files/webfonts31/signika/Signika-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika Bold'; src: url('../index_files/webfonts31/signika/Signika-Bold.woff2') format('woff2'), url('../index_files/webfonts31/signika/Signika-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Advent Pro Light'; src: url('../index_files/webfonts31/advent_pro/AdventPro-Light.woff2') format('woff2'), url('../index_files/webfonts31/advent_pro/AdventPro-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Advent Pro'; src: url('../index_files/webfonts31/advent_pro/AdventPro-Regular.woff2') format('woff2'), url('../index_files/webfonts31/advent_pro/AdventPro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Advent Pro Bold'; src: url('../index_files/webfonts31/advent_pro/AdventPro-Bold.woff2') format('woff2'), url('../index_files/webfonts31/advent_pro/AdventPro-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Light'; src: url('../index_files/webfonts31/roboto/Roboto-Light.woff2') format('woff2'), url('../index_files/webfonts31/roboto/Roboto-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../index_files/webfonts31/roboto/Roboto-Regular.woff2') format('woff2'), url('../index_files/webfonts31/roboto/Roboto-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Bold'; src: url('../index_files/webfonts31/roboto/Roboto-Bold.woff2') format('woff2'), url('../index_files/webfonts31/roboto/Roboto-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url('../index_files/webfonts31/playfairsc/PlayfairDisplay-Regular.woff2') format('woff2'), url('../index_files/webfonts31/playfairsc/PlayfairDisplay-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display Bold'; src: url('../index_files/webfonts31/playfairsc/PlayfairDisplay-Bold.woff2') format('woff2'), url('../index_files/webfonts31/playfairsc/PlayfairDisplay-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display ExtraBold'; src: url('../index_files/webfonts31/playfairsc/PlayfairDisplay-ExtraBold.woff2') format('woff2'), url('../index_files/webfonts31/playfairsc/PlayfairDisplay-ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rubik Mono One'; src: url('../index_files/webfonts31/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts31/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Abel'; src: url('../index_files/webfonts31/abel/abel-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts31/abel/abel-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Condensede'; src: url('../index_files/webfonts31/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../index_files/webfonts31/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bree Serif'; src: url('../index_files/webfonts31/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts31/breeserif/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Pacifico'; src: url('../index_files/webfonts31/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts31/pacifico/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rochester'; src: url('../index_files/webfonts31/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts31/rochester/rochester-regular-webfont.woff') format('woff') font-weight: normal; font-style: normal; } @font-face { font-family: 'Fjalla One'; src: url('../index_files/webfonts31/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts31/fjallaone/fjallaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Viga'; src: url('../index_files/webfonts31/viga/viga-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts31/viga/viga-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url('../index_files/webfonts31/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../index_files/webfonts31/ubuntu/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Archivo Black'; src: url('../index_files/webfonts31/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts31/archivoblack/archivoblack-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Borel'; src: url('../index_files/webfonts31/borel/Borel-Regular.woff2') format('woff2'), url('../index_files/webfonts31/borel/Borel-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } /* @end */ #stacks_in_740_16 .trigger-31 { margin-top: 80px !important; opacity: 0 !important;} /* -- End EACH CSS Template -- */#stacks_in_740_16 .scrollButton-hypetitles { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 8%; border-radius: 56px; -webkit-border-radius: 56px; -moz-border-radius: 56px; padding: 0; width: 92px; display: block; -webkit-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;-moz-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 2; animation-delay: 0.15s; } @keyframes hypetitles-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 hypetitles-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_740_16 .scrollButton-hypetitles a { font-size: 50px !important; line-height: 1em; transition: 0.05s linear; -webkit-transition: 0.04s linear; -moz-transition: 0.04s linear; -webkit-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.3s; color: #D5D5D5 !important; } #stacks_in_740_16 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_740_16 .scrollButton-hypetitles #stacks_in_740_16 [class*="fa fa-"] { color: #D5D5D5 !important; } @keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_740_16 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_740_16 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_740_16 .scrollButton-hypetitles [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } #target-hypetitles { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_740_16 .scrollButton-hypetitles { display: none !important; } #stacks_in_740_16 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } }.stacks_in_740_26 img{width:100%;max-width:60px} .stacks_in_740_31 img{width:100%;max-width:50px} .stacks_in_740_35 img{width:100%;max-width:60px} .animdiv_stacks_in_15 { position: relative; z-index: 100; } .animdiv_stacks_in_15 > .animdiv-wrap-outer { position: absolute; width: 100%; left: 0; top: 0; bottom: 0; opacity: 1.00; } .animdiv_stacks_in_15 > .animdiv-wrap-outer > .animdiv-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .animdiv_stacks_in_15 > .animdiv-wrap-outer > .animdiv-wrap svg { width: 100%; height: 100%; stroke: none; fill: white; display: block; } #mask_single_stacks_in_15 rect { transform: translate(-960px,0); } .animdiv_stacks_in_15.invertedTrue #mask_stacks_in_15 rect { transform: scale(-1,1); transform-origin: center; } .animdiv_stacks_in_15.invertedTrue #mask_single_stacks_in_15 rect { transform: scale(-1,1) translate(-960px,0);; transform-origin: center; } .animdiv_stacks_in_15 > .animdiv-wrap-outer > .animdiv-wrap svg path.animdiv-opacity { stroke: none; stroke-width: 0; } .animdiv_stacks_in_15 > .animdiv-wrap-outer > .animdiv-wrap.animdiv-wrap-defs { height: 100%; } .animdiv_stacks_in_15.anim-v-12 > .animdiv-wrap-outer > .animdiv-wrap.animdiv-wrap-defs svg { shape-rendering: optimizeSpeed; } @media (min-resolution: 2ddpx) { .animdiv_stacks_in_15 > .animdiv-wrap-outer > .animdiv-wrap.animdiv-wrap-defs svg { shape-rendering: optimizeSpeed; } } .animdiv_stacks_in_15 > .animdiv-wrap-outer > .animdiv-wrap.animdiv-wrap-top { top: 0; z-index: 1; display: flex; align-items: center; justify-content: center; clip-path: inset(0.5px 0 0 0); } .animdiv_stacks_in_15 > .animdiv-wrap-outer > .animdiv-wrap.animdiv-wrap-top .pattern-svg { position: absolute; left: 0; top: 0; } .animdiv_stacks_in_15 > .animdiv-wrap-outer > .animdiv-wrap.animdiv-wrap-center { z-index: 2; height: 100%; clip-path: inset(139px 0 0 0); } .animdiv_stacks_in_15 > .animdiv-wrap-outer > .animdiv-wrap > svg { width: 100%; overflow: visible; } .animdiv_stacks_in_15 > .animdiv-wrap-outer > .animdiv-wrap:after { background: #FFFFFF; } .animdiv_stacks_in_15 .animdiv-content-wrap { position: relative; z-index: 3; min-height: 140px; display: grid; align-items: center; } .animdiv_stacks_in_15 .animdiv-content-wrap > div { padding: 40px 0px 20px 0px; } .animdiv_stacks_in_15.anim-v-8 .animdiv-content-wrap> div, .animdiv_stacks_in_15.anim-v-15 .animdiv-content-wrap > div, .animdiv_stacks_in_15.anim-v-18 .animdiv-content-wrap > div, .animdiv_stacks_in_15.anim-v-19 .animdiv-content-wrap > div { padding: 30.000000px 0px 20px 0px; } .animdiv_stacks_in_15 .animdiv-mask, .animdiv_stacks_in_15 image:not(.animdiv-pattern):not(.animdiv-off), .animdiv_stacks_in_15 image.animdiv-off { transform-origin: center; } .svg-animdiv:not([data-category="Animated"]) #pat_r_stacks_in_15 path, .svg-animdiv:not([data-category="Animated"]) .animdiv_stacks_in_15 .animdiv-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-animdiv[data-category="Animated"][data-variation="7"] #pat_r_stacks_in_15 { transform: scale(-1,1); transform-origin: 960px 0; } .animdiv_stacks_in_15.layerTrue .animdiv-content-wrap { height: calc(140px + 10px); } .animdiv_stacks_in_15.layerTrue .animdiv-content-wrap > div { display: none; } /**/ .animdiv_stacks_in_15.overlapTrue { margin: -140px 0 0 0; } .animdiv_stacks_in_15.overlapTrue.layerTrue, .animdiv_stacks_in_15.overlapFalse.layerTrue { position: absolute; width: 100%; margin: -10px 0 0 0; } /**/ .animdiv_stacks_in_15.anim-v-17.layer1False .patternSingle > path, .animdiv_stacks_in_15.anim-v-16.layer2False .patternSingle g:nth-child(3), .animdiv_stacks_in_15.anim-v-16.layer1False .patternSingle g:nth-child(4), .animdiv_stacks_in_15.anim-v-14.layer1False .patternRepeat path:nth-child(1), .animdiv_stacks_in_15.anim-v-13.layer1False .patternSingle > path:nth-child(1), .animdiv_stacks_in_15.anim-v-20.layer2False .patternRepeat g:nth-child(1), .animdiv_stacks_in_15.anim-v-20.layer1False .patternSingle path, .animdiv_stacks_in_15.anim-v-15.layer3False .patternSingle path, .animdiv_stacks_in_15.anim-v-10.layer2False .patternRepeat path:nth-child(2), .animdiv_stacks_in_15.anim-v-10.layer3False .patternSingle path, .animdiv_stacks_in_15.anim-v-9.layer2False .patternRepeat path:nth-child(2), .animdiv_stacks_in_15.anim-v-9.layer3False .patternSingle path, .animdiv_stacks_in_15.anim-v-5.layer1False .patternRepeat path:nth-child(1), .animdiv_stacks_in_15.anim-v-5.layer2False .patternRepeat path:nth-child(2), .animdiv_stacks_in_15.anim-v-5.layer3False .patternRepeat path:nth-child(3), .animdiv_stacks_in_15.anim-v-4.layer2False .patternRepeat path:nth-child(2), .animdiv_stacks_in_15.anim-v-4.layer3False .patternRepeat path:nth-child(3), .animdiv_stacks_in_15.anim-v-3.layer1False .patternRepeat path:nth-child(1), .animdiv_stacks_in_15.anim-v-3.layer2False .patternRepeat path:nth-child(2), .animdiv_stacks_in_15.anim-v-3.layer3False .patternRepeat path:nth-child(3), .animdiv_stacks_in_15.anim-v-1.layer2False .patternRepeat path:nth-child(2), .animdiv_stacks_in_15.anim-v-1.layer3False .patternRepeat path:nth-child(3) { display: none; } .animdiv_stacks_in_15.anim-v-3.layer1False.layer2True .patternRepeat path:nth-child(2), .animdiv_stacks_in_15.anim-v-3.layer1False.layer2False.layer3True .patternRepeat path:nth-child(3), .animdiv_stacks_in_15.anim-v-5.layer1False.layer2True .patternRepeat path:nth-child(2), .animdiv_stacks_in_15.anim-v-5.layer1False.layer2False.layer3True .patternRepeat path:nth-child(3) { opacity: 1 !important; } /**/ /* -- Start EACH CSS Template -- */ #stacks_in_336 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_336 .HYPE_document { overflow: auto; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_336 .hype_bg-20, #stacks_in_336 .hype_bg-20-grad { position: absolute; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 1300px; border-radius: 0px; -webkit-border-radius: 0px; } #stacks_in_336 .hype_bg-20-grad { display: none; } #stacks_in_336 .hype_bg-20 { background-image:none; background-color: transparent; background-size: cover !important; background-position: 50% 50%; opacity: 1; } @media screen and (max-width: 770px) { #stacks_in_336 .hype_bg-20 { } } /* fixed desktop only */ @media (max-width: 480px) { #stacks_in_336 .hype_bg-20 { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_336 .hype_bg-20 { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_336 .hype_bg-20 { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_336 .hype_bg-20 { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_336 .hype_bg-20 { background-attachment: scroll !important; } } #stacks_in_336_default20_hype_container { margin:auto; position:relative; overflow: visible; pointer-events: none; } #stacks_in_336 .wrapper-20 {margin-right: auto; margin-left: auto; max-width: 1300px; } #stacks_in_336 .inner_slice_content { padding: 35px; min-height: 120px; margin: 0; pointer-events: auto; } #stacks_in_336 .hype_line_20 path, #stacks_in_336 .hype_line_corner1 path, #stacks_in_336 .hype_line_corner2 path, #stacks_in_336 .hype_line_corner3 path, #stacks_in_336 .hype_line_corner4 path, #stacks_in_336 .hype_line_corner5 path, #stacks_in_336 .hype_line_corner6 path, #stacks_in_336 .hype_line_corner7 path, #stacks_in_336 .hype_line_corner8 path, #stacks_in_336 .hype_line_corner9 path, #stacks_in_336 .hype_line_corner10 path { stroke: #FFFFFF !important; stroke-linecap: round !important; } @keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_336 .hype_line_20 path, #stacks_in_336 .hype_line_corner1 path, #stacks_in_336 .hype_line_corner2 path, #stacks_in_336 .hype_line_corner3 path, #stacks_in_336 .hype_line_corner4 path, #stacks_in_336 .hype_line_corner5 path, #stacks_in_336 .hype_line_corner6 path, #stacks_in_336 .hype_line_corner7 path, #stacks_in_336 .hype_line_corner8 path, #stacks_in_336 .hype_line_corner9 path, #stacks_in_336 .hype_line_corner10 path { stroke-width: 5px !important; } @media (min-width: 630px) { #stacks_in_336 .inner_slice_content { min-height: 320px; } } @media (max-width: 630px) { #stacks_in_336 .hype_bg-20, #stacks_in_336 .hype_bg-20-grad { border-radius: 0px; -webkit-border-radius: 0px; } #stacks_in_336 .hype_line_20 path, #stacks_in_336 .hype_line_corner1 path, #stacks_in_336 .hype_line_corner2 path, #stacks_in_336 .hype_line_corner3 path, #stacks_in_336 .hype_line_corner4 path, #stacks_in_336 .hype_line_corner5 path, #stacks_in_336 .hype_line_corner6 path, #stacks_in_336 .hype_line_corner7 path, #stacks_in_336 .hype_line_corner8 path, #stacks_in_336 .hype_line_corner9 path, #stacks_in_336 .hype_line_corner10 path { } #stacks_in_336 .hype_line_corner2, #stacks_in_336 .hype_line_corner3, #stacks_in_336 .hype_line_corner4, #stacks_in_336 .hype_line_corner5, #stacks_in_336 .hype_line_corner6, #stacks_in_336 .hype_line_corner7, #stacks_in_336 .hype_line_corner8, #stacks_in_336 .hype_line_corner9 path, #stacks_in_336 .hype_line_corner10 path { } #stacks_in_336 .hype_line_corner1 { } #stacks_in_336 .inner_slice_content { } } #stacks_in_336 .hype_line_corner1 path, #stacks_in_336 .hype_line_corner2 path, #stacks_in_336 .hype_line_corner3 path, #stacks_in_336 .hype_line_corner4 path, #stacks_in_336 .hype_line_corner5 path, #stacks_in_336 .hype_line_corner6 path, #stacks_in_336 .hype_line_corner7 path, #stacks_in_336 .hype_line_corner8 path, #stacks_in_336 .hype_line_corner9 path, #stacks_in_336 .hype_line_corner10 path { } #stacks_in_336 .hype_line_20, #stacks_in_336 .hype_line_20 path { } #stacks_in_336 .trigger-19 { opacity: 0 !important; margin-top: 0px !important; } #stacks_in_336 .preview_only { display: none; } /* -- End EACH CSS Template -- *//* 1.0.1 - only disables user selection if a link has been added - now supports links in description when a link is added to the entire card - icon alignment also works if the content is shorter than the icon - horizontal align stretch now allows text to fill open space */ .com_onelittledesigner_stacks_Feature_Section_N_stack, .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_72 { overflow: visible !important; } #feature-cards-stacks_in_72 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_72 * { box-sizing: border-box; } #feature-cards-stacks_in_72 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; } #feature-cards-stacks_in_72 .feature-outer { width: 320px; max-width: 100%; border-radius: 6px; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0 0 0 transparent; } #feature-cards-stacks_in_72 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 272px; } #feature-cards-stacks_in_72 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_72 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_72 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_72 .feature-card > a + .feature-card-content-wrap { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; /* */ pointer-events: none; /* */ } #feature-cards-stacks_in_72 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_72 .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; } #feature-cards-stacks_in_72 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_72 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; z-index: 1; } #feature-cards-stacks_in_72 .feature-card { background-color : rgba(243, 243, 243, 1.00); padding: 16px 24px 16px 24px; border: 0px solid rgba(0, 0, 0, 0.10); border-radius: 6px; } #feature-cards-stacks_in_72 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_72 .feature-card .feature-card-icon, #feature-cards-stacks_in_72 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(0, 0, 128, 0.50); } #feature-cards-stacks_in_72 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_72 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_72 .feature-card .feature-card-icon i, #feature-cards-stacks_in_72 .feature-card .feature-card-icon svg { padding: 0; margin: 0 auto; height: 64px; width: auto; font-size: 40px; line-height: 64px; color: rgba(255, 255, 255, 1.00);fill: rgba(255, 255, 255, 1.00);stroke: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_72 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_72 .feature-card, #feature-cards-stacks_in_72 .feature-card .feature-card-description { color: rgba(0, 0, 128, 1.00); } #feature-cards-stacks_in_72 .feature-card h1, #feature-cards-stacks_in_72 .feature-card h2, #feature-cards-stacks_in_72 .feature-card h3, #feature-cards-stacks_in_72 .feature-card h4, #feature-cards-stacks_in_72 .feature-card h5, #feature-cards-stacks_in_72 .feature-card h6, #feature-cards-stacks_in_72 .feature-card .feature-card-header { color: rgba(0, 0, 128, 1.00); } #feature-cards-stacks_in_72 .feature-card .feature-card-header { margin: 0; font-weight: 700; font-size: 24px; line-height: normal; margin-top: 0px; margin-bottom: 0px; } #feature-cards-stacks_in_72 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_72 .feature-card .feature-card-header, #feature-cards-stacks_in_72 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_72 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_72 .feature-card::before, #feature-cards-stacks_in_72 .feature-card, #feature-cards-stacks_in_72 .feature-outer, #feature-cards-stacks_in_72 .feature-card h1, #feature-cards-stacks_in_72 .feature-card h2, #feature-cards-stacks_in_72 .feature-card h3, #feature-cards-stacks_in_72 .feature-card h4, #feature-cards-stacks_in_72 .feature-card h5, #feature-cards-stacks_in_72 .feature-card h6, #feature-cards-stacks_in_72 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_72 .feature-card .feature-card-icon, #feature-cards-stacks_in_72 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_72 .feature-card .feature-card-header, #feature-cards-stacks_in_72 .feature-card .feature-card-description, #feature-cards-stacks_in_72 .feature-card .feature-card-content { transition-duration: 200ms; transition-timing-function: linear; } /* */ #feature-cards-stacks_in_72 .feature-card { position: relative; } #feature-cards-stacks_in_72 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 128, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-cards-stacks_in_72 .feature-card:hover::before { opacity: 1; } #feature-cards-stacks_in_72 .feature-card::before { top: 50%; left: 0; width: 100%; padding-top: 100%; height: auto; background: rgba(0, 0, 128, 1.00); content: ''; z-index: 0; display: block; position: absolute; will-change: transform; border-radius: 50%; transition-property: transform; -webkit-transform: translate(0,-50%) scale(0); transform: translate(0,-50%) scale(0); opacity: 1; } #feature-cards-stacks_in_72 .fs-loaded .feature-card::before { opacity: 1; } #feature-cards-stacks_in_72 .feature-card:hover::before { transition-timing-function: ease-in; transition-duration: 300.000000ms; } #feature-cards-stacks_in_72 .feature-card::before { -webkit-transform-origin: center; transform-origin: center; } #feature-cards-stacks_in_72 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-cards-stacks_in_72 .feature-card .feature-card-icon { transition-property: background; } #feature-cards-stacks_in_72 .feature-card .feature-card-icon i, #feature-cards-stacks_in_72 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_72 .feature-card .feature-card-description, #feature-cards-stacks_in_72 .feature-card h1, #feature-cards-stacks_in_72 .feature-card h2, #feature-cards-stacks_in_72 .feature-card h3, #feature-cards-stacks_in_72 .feature-card h4, #feature-cards-stacks_in_72 .feature-card h5, #feature-cards-stacks_in_72 .feature-card h6, #feature-cards-stacks_in_72 .feature-card .feature-card-header { transition-property: color; } #feature-cards-stacks_in_72 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-cards-stacks_in_72 .feature-card:hover h1, #feature-cards-stacks_in_72 .feature-card:hover h2, #feature-cards-stacks_in_72 .feature-card:hover h3, #feature-cards-stacks_in_72 .feature-card:hover h4, #feature-cards-stacks_in_72 .feature-card:hover h5, #feature-cards-stacks_in_72 .feature-card:hover h6, #feature-cards-stacks_in_72 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_72 .feature-card:hover .feature-card-icon { background: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_72 .feature-card:hover .feature-card-icon i, #feature-cards-stacks_in_72 .feature-card:hover .feature-card-icon svg { color: rgba(0, 0, 128, 1.00); fill: rgba(0, 0, 128, 1.00); stroke: rgba(0, 0, 128, 1.00); } #feature-cards-stacks_in_72 .feature-outer { transition-property: transform,box-shadow; transform: translate(0,0) scale(1) rotateZ(0); } #feature-cards-stacks_in_72 .feature-outer:hover { transform: translate(0,-2px) scale(1.040000) rotateZ(0deg); } #feature-cards-stacks_in_72 .feature-card .feature-card-icon > * { transform-origin: center; transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_72 .feature-card:hover .feature-card-icon > * { transform: translate(0,0) rotateZ(360deg); } /* */ /* */ #feature-section-card-stacks_in_79 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_79 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_79 .feature-card .feature-card-icon, #feature-section-card-stacks_in_79 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_79 .feature-card .feature-card-icon svg { --iconSizesstacks_in_79: 64px; } #feature-section-card-stacks_in_79 { } #feature-section-card-stacks_in_79 .feature-card { } #feature-section-card-stacks_in_79 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_79 .feature-card .feature-card-icon, #feature-section-card-stacks_in_79 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_79 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_79 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_82 { position: relative; user-select: none; } i#stacks_in_82, svg#stacks_in_82 { position: relative; display: block; text-align: center; } #stacks_in_82.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_84 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_84 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_84 .feature-card .feature-card-icon, #feature-section-card-stacks_in_84 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_84 .feature-card .feature-card-icon svg { --iconSizesstacks_in_84: 64px; } #feature-section-card-stacks_in_84 { } #feature-section-card-stacks_in_84 .feature-card { } #feature-section-card-stacks_in_84 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_84 .feature-card .feature-card-icon, #feature-section-card-stacks_in_84 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_84 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_84 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_87 { position: relative; user-select: none; } i#stacks_in_87, svg#stacks_in_87 { position: relative; display: block; text-align: center; } #stacks_in_87.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } /* 1.0.1 - only disables user selection if a link has been added - now supports links in description when a link is added to the entire card - icon alignment also works if the content is shorter than the icon - horizontal align stretch now allows text to fill open space */ .com_onelittledesigner_stacks_Feature_Section_N_stack, .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_518 { overflow: visible !important; } #feature-cards-stacks_in_518 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_518 * { box-sizing: border-box; } #feature-cards-stacks_in_518 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; } #feature-cards-stacks_in_518 .feature-outer { width: 320px; max-width: 100%; border-radius: 6px; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0 0 0 transparent; } #feature-cards-stacks_in_518 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 272px; } #feature-cards-stacks_in_518 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_518 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_518 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_518 .feature-card > a + .feature-card-content-wrap { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; /* */ pointer-events: none; /* */ } #feature-cards-stacks_in_518 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_518 .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; } #feature-cards-stacks_in_518 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_518 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; z-index: 1; } #feature-cards-stacks_in_518 .feature-card { background-color : rgba(243, 243, 243, 1.00); padding: 16px 24px 16px 24px; border: 0px solid rgba(0, 0, 0, 0.10); border-radius: 6px; } #feature-cards-stacks_in_518 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_518 .feature-card .feature-card-icon, #feature-cards-stacks_in_518 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(0, 0, 128, 0.50); } #feature-cards-stacks_in_518 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_518 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_518 .feature-card .feature-card-icon i, #feature-cards-stacks_in_518 .feature-card .feature-card-icon svg { padding: 0; margin: 0 auto; height: 64px; width: auto; font-size: 40px; line-height: 64px; color: rgba(255, 255, 255, 1.00);fill: rgba(255, 255, 255, 1.00);stroke: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_518 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_518 .feature-card, #feature-cards-stacks_in_518 .feature-card .feature-card-description { color: rgba(0, 0, 128, 1.00); } #feature-cards-stacks_in_518 .feature-card h1, #feature-cards-stacks_in_518 .feature-card h2, #feature-cards-stacks_in_518 .feature-card h3, #feature-cards-stacks_in_518 .feature-card h4, #feature-cards-stacks_in_518 .feature-card h5, #feature-cards-stacks_in_518 .feature-card h6, #feature-cards-stacks_in_518 .feature-card .feature-card-header { color: rgba(0, 0, 128, 1.00); } #feature-cards-stacks_in_518 .feature-card .feature-card-header { margin: 0; font-weight: 700; font-size: 24px; line-height: normal; margin-top: 0px; margin-bottom: 0px; } #feature-cards-stacks_in_518 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_518 .feature-card .feature-card-header, #feature-cards-stacks_in_518 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_518 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_518 .feature-card::before, #feature-cards-stacks_in_518 .feature-card, #feature-cards-stacks_in_518 .feature-outer, #feature-cards-stacks_in_518 .feature-card h1, #feature-cards-stacks_in_518 .feature-card h2, #feature-cards-stacks_in_518 .feature-card h3, #feature-cards-stacks_in_518 .feature-card h4, #feature-cards-stacks_in_518 .feature-card h5, #feature-cards-stacks_in_518 .feature-card h6, #feature-cards-stacks_in_518 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_518 .feature-card .feature-card-icon, #feature-cards-stacks_in_518 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_518 .feature-card .feature-card-header, #feature-cards-stacks_in_518 .feature-card .feature-card-description, #feature-cards-stacks_in_518 .feature-card .feature-card-content { transition-duration: 200ms; transition-timing-function: linear; } /* */ #feature-cards-stacks_in_518 .feature-card { position: relative; } #feature-cards-stacks_in_518 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 128, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-cards-stacks_in_518 .feature-card:hover::before { opacity: 1; } #feature-cards-stacks_in_518 .feature-card::before { top: 50%; left: 0; width: 100%; padding-top: 100%; height: auto; background: rgba(0, 0, 128, 1.00); content: ''; z-index: 0; display: block; position: absolute; will-change: transform; border-radius: 50%; transition-property: transform; -webkit-transform: translate(0,-50%) scale(0); transform: translate(0,-50%) scale(0); opacity: 1; } #feature-cards-stacks_in_518 .fs-loaded .feature-card::before { opacity: 1; } #feature-cards-stacks_in_518 .feature-card:hover::before { transition-timing-function: ease-in; transition-duration: 300.000000ms; } #feature-cards-stacks_in_518 .feature-card::before { -webkit-transform-origin: center; transform-origin: center; } #feature-cards-stacks_in_518 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-cards-stacks_in_518 .feature-card .feature-card-icon { transition-property: background; } #feature-cards-stacks_in_518 .feature-card .feature-card-icon i, #feature-cards-stacks_in_518 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_518 .feature-card .feature-card-description, #feature-cards-stacks_in_518 .feature-card h1, #feature-cards-stacks_in_518 .feature-card h2, #feature-cards-stacks_in_518 .feature-card h3, #feature-cards-stacks_in_518 .feature-card h4, #feature-cards-stacks_in_518 .feature-card h5, #feature-cards-stacks_in_518 .feature-card h6, #feature-cards-stacks_in_518 .feature-card .feature-card-header { transition-property: color; } #feature-cards-stacks_in_518 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-cards-stacks_in_518 .feature-card:hover h1, #feature-cards-stacks_in_518 .feature-card:hover h2, #feature-cards-stacks_in_518 .feature-card:hover h3, #feature-cards-stacks_in_518 .feature-card:hover h4, #feature-cards-stacks_in_518 .feature-card:hover h5, #feature-cards-stacks_in_518 .feature-card:hover h6, #feature-cards-stacks_in_518 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_518 .feature-card:hover .feature-card-icon { background: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_518 .feature-card:hover .feature-card-icon i, #feature-cards-stacks_in_518 .feature-card:hover .feature-card-icon svg { color: rgba(0, 0, 128, 1.00); fill: rgba(0, 0, 128, 1.00); stroke: rgba(0, 0, 128, 1.00); } #feature-cards-stacks_in_518 .feature-outer { transition-property: transform,box-shadow; transform: translate(0,0) scale(1) rotateZ(0); } #feature-cards-stacks_in_518 .feature-outer:hover { transform: translate(0,-2px) scale(1.040000) rotateZ(0deg); } #feature-cards-stacks_in_518 .feature-card .feature-card-icon > * { transform-origin: center; transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_518 .feature-card:hover .feature-card-icon > * { transform: translate(0,0) rotateZ(360deg); } /* */ /* */ #feature-section-card-stacks_in_526 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_526 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_526 .feature-card .feature-card-icon, #feature-section-card-stacks_in_526 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_526 .feature-card .feature-card-icon svg { --iconSizesstacks_in_526: 64px; } #feature-section-card-stacks_in_526 { } #feature-section-card-stacks_in_526 .feature-card { } #feature-section-card-stacks_in_526 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_526 .feature-card .feature-card-icon, #feature-section-card-stacks_in_526 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_526 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_526 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_529 { position: relative; user-select: none; } i#stacks_in_529, svg#stacks_in_529 { position: relative; display: block; text-align: center; } #stacks_in_529.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_531 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_531 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_531 .feature-card .feature-card-icon, #feature-section-card-stacks_in_531 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_531 .feature-card .feature-card-icon svg { --iconSizesstacks_in_531: 64px; } #feature-section-card-stacks_in_531 { } #feature-section-card-stacks_in_531 .feature-card { } #feature-section-card-stacks_in_531 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_531 .feature-card .feature-card-icon, #feature-section-card-stacks_in_531 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_531 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_531 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_534 { position: relative; user-select: none; } i#stacks_in_534, svg#stacks_in_534 { position: relative; display: block; text-align: center; } #stacks_in_534.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } .stacks_in_324_41 .launchpad{font-size:calc(48px / 2);background-color:rgba(254, 254, 254, 1.00);border:2px solid rgba(51, 51, 51, 0.00);box-shadow:0 0 0 rgba(51, 51, 51, 0.30);width:48px;color:rgba(51, 51, 51, 1.00)}.stacks_in_324_41 .launchpad:hover{box-shadow:0 0 20px rgba(51, 51, 51, 0.30)}.stacks_in_324_41 .launchpad svg{max-width:calc(48px / 2)}.stacks_in_324_41 .launchpad svg *{fill:rgba(51, 51, 51, 1.00)}.stacks_in_324_41 .satellite{font-size:calc(32px / 2);background-color:rgba(254, 254, 254, 1.00);border:1px solid rgba(51, 51, 51, 0.00);box-shadow:0 0 0 rgba(51, 51, 51, 0.30);width:32px;transition:all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);color:rgba(51, 51, 51, 1.00);}.stacks_in_324_41 .satellite:hover{box-shadow:0 0 20px rgba(51, 51, 51, 0.30)}.stacks_in_324_41 .satellite svg{max-width:calc(32px / 2);max-height:calc(32px / 2)}.stacks_in_324_41 .satellite svg *{fill:rgba(51, 51, 51, 1.00);}