.oembed.video,.oembed.codepen,.fr-video{display:block;width:100%;margin-bottom:0;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.oembed.video video,.oembed.codepen video,.fr-video video{width:100%}.oembed.video iframe,.oembed.codepen iframe,.fr-video iframe{border:none;height:100%;position:absolute;top:0;width:100%;left:0}img.fr-full-width{min-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw !important;margin-right:-50vw !important} .hamburger{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 400ms;-webkit-user-select:none;user-select:none;max-width:100px}.hamburger.reverse{transform:rotate(180deg)}.hamburger.burger-left{display:block;margin-right:auto}.hamburger.burger-right{display:block;margin-left:auto}.hamburger.burger-center{display:block;margin-right:auto;margin-left:auto}.burger-line{fill:none;transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;stroke:currentColor;stroke-width:5;stroke-linecap:round}.burger1 .burger-top{stroke-dasharray:40 139}.burger1 .burger-bottom{stroke-dasharray:40 180}.burger1.is-active{transform:rotate(45deg)}.burger1.is-active.reverse{transform:rotate(225deg)}.burger1.is-active .burger-top{stroke-dashoffset:-98px}.burger1.is-active .burger-bottom{stroke-dashoffset:-138px}.burger2 .burger-top{stroke-dasharray:40 121}.burger2 .burger-bottom{stroke-dasharray:40 121}.burger2.is-active .burger-top{stroke-dashoffset:-102px}.burger2.is-active .burger-bottom{stroke-dashoffset:-102px}.burger3 .burger-top{stroke-dasharray:40 130}.burger3 .burger-middle{stroke-dasharray:40 140}.burger3 .burger-bottom{stroke-dasharray:40 205}.burger3.is-active .burger-top{stroke-dasharray:75 130;stroke-dashoffset:-63px}.burger3.is-active .burger-middle{stroke-dashoffset:-102px}.burger3.is-active .burger-bottom{stroke-dasharray:110 205;stroke-dashoffset:-86px}.burger4 .burger-top{stroke-dasharray:40 121}.burger4 .burger-bottom{stroke-dasharray:40 121}.burger4.is-active{transform:rotate(45deg)}.burger4.is-active.reverse{transform:rotate(225deg)}.burger4.is-active .burger-top{stroke-dashoffset:-68px}.burger4.is-active .burger-bottom{stroke-dashoffset:-68px}.burger5 .burger-top{stroke-dasharray:40 82}.burger5 .burger-bottom{stroke-dasharray:40 82}.burger5.is-active{transform:rotate(180deg)}.burger5.is-active.reverse{transform:rotate(360deg)}.burger5.is-active .burger-top{stroke-dasharray:14 82;stroke-dashoffset:-69px}.burger5.is-active .burger-bottom{stroke-dasharray:14 82;stroke-dashoffset:-69px}.burger6 .burger-top{stroke-dasharray:40 172}.burger6 .burger-middle{stroke-dasharray:40 111}.burger6 .burger-bottom{stroke-dasharray:40 172}.burger6.is-active .burger-top{stroke-dashoffset:-132px}.burger6.is-active .burger-middle{stroke-dashoffset:-71px}.burger6.is-active .burger-bottom{stroke-dashoffset:-132px}.burger7 .burger-top{stroke-dasharray:40 82}.burger7 .burger-middle{stroke-dasharray:40 111}.burger7 .burger-bottom{stroke-dasharray:40 161}.burger7.is-active{transform:rotate(45deg)}.burger7.is-active.reverse{transform:rotate(225deg)}.burger7.is-active .burger-top{stroke-dasharray:17 82;stroke-dashoffset:-62px}.burger7.is-active .burger-middle{stroke-dashoffset:23px}.burger7.is-active .burger-bottom{stroke-dashoffset:-83px}.burger8 .burger-top{stroke-dasharray:40 160}.burger8 .burger-middle{stroke-dasharray:40 142;transform-origin:50%;transition:transform 400ms}.burger8 .burger-bottom{stroke-dasharray:40 85;transform-origin:50%;transition:transform 400ms,stroke-dashoffset 400ms}.burger8.is-active{transform:rotate(45deg)}.burger8.is-active.reverse{transform:rotate(225deg)}.burger8.is-active .burger-top{stroke-dashoffset:-64px}.burger8.is-active .burger-middle{transform:rotate(90deg)}.burger8.is-active .burger-middle.reverse{transform:rotate(270deg)}.burger8.is-active .burger-bottom{stroke-dashoffset:-64px} .lines{border:0;height:0;width:100%;margin:0;padding:0;opacity:1}.lines-wrapper{position:relative}.lines-wrapper.vertical{height:100%} @property --glass-border-one{syntax:"";inherits:true;initial-value:rgba(255,255,255,0)}@property --glass-border-two{syntax:"";inherits:true;initial-value:rgba(255,255,255,0.5)}@property --glass-border-deg{syntax:"";inherits:true;initial-value:0deg}@property --glass-shimmer-width{syntax:"";inherits:true;initial-value:10%}@keyframes glass-border-bounce{50%{scale:var(--glass-border-scale,0.995)}100%{scale:1;--glass-border-deg:var(--glass-hover-deg,360deg)}}@keyframes glass-border-rotate{100%{--glass-border-deg:var(--glass-hover-deg,360deg)}} #stacks_in_16 { background-color: rgba(92, 184, 92, 1.00); } /* PMBeautifier stack v1.0.7 */ body #rapidweaver_privacy_message { display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; background-color: rgba(0, 79, 45, 1.00); } body #rapidweaver_privacy_message p:not(button) { width: 100%; color: #FFFFFF !important; text-align:center; margin: 20px 20px 20px 20px; } body #rapidweaver_privacy_message p:not(button) span { color: #FFFFFF !important; } body #rapidweaver_privacy_message p a:link { } body #rapidweaver_privacy_message p a:visited { } body #rapidweaver_privacy_message p a:hover { } body #rapidweaver_privacy_message p a:active { } body #rapidweaver_privacy_message button { color: #FFFFFF; margin: 20px 20px 20px 20px; border-radius: 8px; background-color: rgba(64, 160, 58, 1.00); font-weight: bold; } body #rapidweaver_privacy_message button:hover { filter: saturate(100%); color: #FFFFFF; background-color: rgba(64, 160, 58, 1.00); } body #rapidweaver_privacy_message button:active { color: #FFFFFF; background-color: rgba(64, 160, 58, 1.00); } /* End of PMBeautifier stack */ :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(22, 61, 47, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(17, 128, 64, 1.00);--secondary:rgba(92, 184, 92, 1.00);--success:rgba(64, 160, 58, 1.00);--warning:rgba(240, 173, 78, 1.00);--alert:rgba(217, 83, 79, 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, 98, 34, 1.00);--secondary-dark:rgba(62, 154, 62, 1.00);--success-dark:rgba(34, 130, 28, 1.00);--warning-dark:rgba(210, 143, 48, 1.00);--alert-dark:rgba(187, 53, 49, 1.00);--header-color:rgba(22, 61, 47, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(22, 61, 47, 1.00);--link-color:rgba(79, 196, 6, 1.00);--link-color-hover:rgba(22, 61, 47, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(22, 61, 47, 1.00);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:100%;}::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(253, 128, 8, 1.00);--link-color-hover:rgba(102, 255, 102, 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(26rem/16)}h2,.h2{font-size:calc(24rem/16)}h3,.h3{font-size:calc(22rem/16)}h4,.h4{font-size:calc(20rem/16)}h5,.h5{font-size:calc(18rem/16)}h6,.h6{font-size:calc(18rem/16)}small{font-size:40%}.button{font-size:calc(18rem/16)}.button.tiny{font-size:calc(14rem/16)}.button.small{font-size:calc(16rem/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(20rem/16)}h6,.h6{font-size:calc(18rem/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(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{} form.blog-filter-form input,form.blog-filter-form select,form.blog-filter-form textarea,form.datastore-form input,form.datastore-form select,form.datastore-form textarea{padding:0.50rem;border-width:1px;border-radius:0px;margin-bottom:1.00rem;font-size:0.90rem;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(204, 204, 204, 1.00);color:rgba(34, 34, 34, 1.00)}form.blog-filter-form select,form.datastore-form select{padding-right:1.5rem}form.blog-filter-form input,form.blog-filter-form select,form.datastore-form input,form.datastore-form select{height:2.30rem}form.blog-filter-form::placeholder,form.datastore-form::placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form:-ms-input-placeholder,form.datastore-form:-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form::-ms-input-placeholder,form.datastore-form::-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)} @font-face{font-family:font-family;font-style:normal;font-weight:normal;src:url("https://nextlevel.uk.com/resources/HammersmithOne-Regular.woff2") format("woff2");} 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_228_7{font-family:"font-family",sans-serif }p:not(.custom-font),p.font-family-text:not(.custom-font),.text_stack:not(.custom-font){font-family:"font-family",sans-serif } @font-face{font-family:font-family;font-style:normal;font-weight:normal;src:url("https://nextlevel.uk.com/resources/Montserrat-Regular.woff2") format("woff2");}@font-face{font-family:font-family;font-style:normal;font-weight:bold;src:url("https://nextlevel.uk.com/resources/Montserrat-Bold.woff2") format("woff2");}@font-face{font-family:font-family;font-style:italic;font-weight:normal;src:url("https://nextlevel.uk.com/resources/Montserrat-Italic.woff2") format("woff2");} 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,.fontpro-stacks_in_228_8{font-family:"font-family",sans-serif } .mymenu{font-size:calc(16rem/16) ;font-weight:800 ;}@media only screen and (min-width:40em) { .mymenu{font-size:calc(18rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .mymenu{font-size:calc(18rem/16) ;line-height:1.50 }} .pad1{padding-top:2.5rem ;padding-right:1.25rem ;padding-bottom:1.25rem ;padding-left:1.25rem ;} .pad2{padding:0.75rem ;} .back1{background-image:url('../files/bgimage-13-5F8.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}} .back1{position:relative;z-index:0}.back1:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.40 ;background-color:rgba(0, 0, 0, 1.00) ;} .notif-badge{transition:all 1000ms ease-in-out 0ms } .notif-badge { transform-origin: 50% 50% ; transform-style: flat ; transform : translate3d(-150%, 0px, 0px) ; } .notif-badge.show-badge { transform-origin: 50% 50% ; transform-style: flat ; transform : translate3d(0%, 0px, 0px) ; } .notif-badge .close-button{position: absolute ;z-index:1 ;top:-24px ;bottom:unset ;left:unset ;right:0px ;} .notif-badge .close-button{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em) { .notif-badge .close-button{font-size:calc(18rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .notif-badge .close-button{font-size:calc(18rem/16) ;line-height:1.50 }} .showup{z-index:20 } .notif-badge{background-color:rgba(92, 184, 92, 0.14) ;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){.notif-badge{background-attachment:scroll!important}} .notif-badge{border-radius:10px ;} .notif-badge{box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.22);} .notif-badge{padding-top:0.5rem ;padding-right:0.75rem ;padding-bottom:0.5rem ;padding-left:0.75rem ;} .notif-badge{display:inline-block } .notif-badge h3{margin-top:0.25rem ;} .notif-badge{position:fixed ;z-index:1 ;top:unset ;bottom:24px ;left:15px ;right:unset ;} .notif-badge h3{font-size:calc(20rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { .notif-badge h3{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .notif-badge h3{font-size:calc(20rem/16) ;line-height:1.50 }} .notif-badge h4{font-size:calc(16rem/16) ;font-weight:400 ;}@media only screen and (min-width:40em) { .notif-badge h4{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .notif-badge h4{font-size:calc(16rem/16) ;line-height:1.50 }} .back1{position:relative;z-index:0}.back1:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.40 ;background-color:rgba(0, 0, 0, 1.00) ;} .showup{margin-bottom:-10rem ;} .back3{background-color:rgba(22, 61, 47, 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}} .back2{background-color:rgba(64, 160, 58, 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}} .rond{border-radius:10px ;} .rond{margin-top:1.5rem !important;margin-bottom:1.5rem !important;} .rond{box-shadow: 2px 2px 5px 0px rgba(22, 61, 47, 0.50);} .colon{-webkit-columns:calc(200rem/16) 3;-moz-columns:calc(200rem/16) 3;columns:calc(200rem/16) 3;-webkit-column-gap:calc(24rem/16);-moz-column-gap:calc(24rem/16);column-gap:calc(24rem/16);-webkit-column-rule:1px dotted rgba(153, 153, 153, 1.00);-moz-column-rule:1px dotted rgba(153, 153, 153, 1.00);column-rule:1px dotted rgba(153, 153, 153, 1.00)} .fitter{display:inline-block;white-space:nowrap} .mymenu>.dropdown a, .dropdown.mymenu a{--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(33, 255, 6, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mymenu>.dropdown .menu-text, .dropdown.mymenu .menu-text{--menu-text-color:rgba(255, 255, 255, 1.00)} .mymenu>.dropdown>li>a, .dropdown.mymenu>li>a{padding-top:1rem;padding-bottom:1rem} .mymenu>.dropdown .submenu>li>a, .dropdown.mymenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mymenu>.dropdown li.active>a, .mymenu>.dropdown li.is-active>a, .mymenu>.dropdown a.is-active, .dropdown.mymenu li.active>a, .dropdown.mymenu li.is-active>a, .dropdown.mymenu a.is-active{--menu-bg-color:rgba(255, 255, 255, 1.00);--menu-link-color:rgba(255, 255, 255, 1.00);--menu-caret-color:rgba(33, 255, 6, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00)} .mymenu>.dropdown .submenu li.active>a, .mymenu>.dropdown .submenu li.is-active>a, .mymenu>.dropdown .submenu a.is-active, .dropdown.mymenu .submenu li.active>a, .dropdown.mymenu .submenu li.is-active>a, .dropdown.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .mymenu>.dropdown .submenu a, .dropdown.mymenu .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .mymenu>.dropdown .submenu, .dropdown.mymenu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mymenu>.dropdown .submenu a, .dropdown.mymenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .mymenu>.dropdown .submenu .menu-text, .dropdown.mymenu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.dropdown .submenu li.active>a, .mymenu>.dropdown .submenu li.is-active>a, .mymenu>.dropdown .submenu a.is-active, .dropdown.mymenu .submenu li.active>a, .dropdown.mymenu .submenu li.is-active>a, .dropdown.mymenu .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)} @charset "UTF-8"; .glass-button{--glass-bg:hsl(from #20E10D h s l / 0.10);--glass-blur:20px;--glass-border-size:2px;--glass-radius:50px;--glass-border-one:rgba(255, 255, 255, 1.00);--glass-border-two:rgba(255, 255, 255, 0.11);--glass-border-deg:0deg;--glass-hover-deg:360deg;--glass-shine-duration:350ms;--glass-shine-scale:0.995;--glass-iteration:glass-border-bounce;--glass-spotlight-color:rgba(255, 255, 255, 0.20);--glass-spotlight-size:50%;--glass-shimmer-angle:60deg;--glass-shimmer-color:rgba(255, 255, 255, 0.50);--glass-shimmer-width:16%;--glass-shimmer-speed:650ms;--glass-shimmer-delay:200ms;--glass-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.25);position:relative;overflow:hidden;border-radius:var(--glass-radius,0);background:var(--glass-bg,hsl(0 0% 100% / 0.1));backdrop-filter:blur(var(--glass-blur,3px));box-shadow:var(--glass-shadow,none);isolation:isolate;contain:paint;clip-path:inset(0 round var(--glass-radius));&:is(:hover,:focus){--glass-border-one:rgba(255, 255, 255, 0.20);--glass-border-two:rgba(0, 146, 0, 1.00);--glass-bg:hsl(from #009200 h s l / 0.10);background:var(--glass-bg,hsl(0 0% 100% / 0.1));@media (prefers-reduced-motion:reduce){animation:none}}&::after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;transition:--glass-border-one 200ms linear,--glass-border-two 200ms linear;border:var(--glass-border-size,2px) solid transparent;background:linear-gradient(var(--glass-border-deg),var(--glass-border-two),var(--glass-border-one)) border-box;mask:linear-gradient(black,black) border-box,linear-gradient(black,black) padding-box;mask-composite:subtract}.glass-spotlight{pointer-events:none;position:absolute;border-radius:inherit;inset:0;z-index:0;opacity:0;transition:opacity 250ms linear;background:radial-gradient(circle at var(--glass-spotlight-x,0px) var(--glass-spotlight-y,0px),var(--glass-spotlight-color,rgba(255,255,255,0.2)),transparent var(--glass-spotlight-size,40%));mix-blend-mode:screen}&:hover .glass-spotlight{opacity:1}&::before{content:"";position:absolute;inset:-18%;pointer-events:none;mix-blend-mode:screen;border-radius:inherit;background:linear-gradient(var(--glass-shimmer-angle,60deg),transparent calc(50% - (var(--glass-shimmer-width,10%) / 2)),var(--glass-shimmer-color,rgba(255,255,255,.5)) 50%,transparent calc(50% + (var(--glass-shimmer-width,10%) / 2)));transform:translateX(-130%);will-change:transform;transition:transform var(--glass-shimmer-speed,650ms) var(--glass-shimmer-ease,cubic-bezier(.2,.7,.2,1)) var(--glass-shimmer-delay,0ms);@media (prefers-reduced-motion:reduce){transition:none;transform:none}}&:hover::before{transform:translateX(130%)}} .glass-button{font-size:calc(16rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { .glass-button{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .glass-button{font-size:calc(16rem/16) ;line-height:1.50 }} .glass-button{padding-top:0.5rem !important;padding-right:1.5rem !important;padding-bottom:0.5rem !important;padding-left:1.5rem !important;} .glass-button{color:rgba(0, 0, 0, 1.00) ;} .stacks_in_44{--offcanvas-size-small:250px;--offcanvas-size-medium:250px;--offcanvas-size-large:250px;} .hamburger.stacks_in_61{width:100px}.hamburger.stacks_in_61:hover{opacity:0.90}.hamburger.stacks_in_61 .burger-line{stroke:#FFFFFF;stroke-width:5.00}.hamburger.stacks_in_61.is-active .burger-line{stroke:#FFFFFF} .stacks_in_42 img{width:100%;max-width:300px} /* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_33 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_33 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_33 .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; -moz-border-radius: 100px; min-height: 100px !important; max-height: 200px !important; width: auto; max-width: 75vw; } #stacks_in_33 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 70vh; min-height: 300px !important; padding: 0; %%[[if edit]]%% display:none; %%[[endif]]%% } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_33 .back_wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_33 .back_wrapper_8573 { } } #stacks_in_33 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 70vh; min-height: 300px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_33 .wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_33 .wrapper_8573 { } } /* Hype internal elements - rotation */ #stacks_in_33 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* --------------- */ #stacks_in_33 .wrapper_working_area { background: url(../files/edit_mode_titles_guide_border.gif) center center no-repeat !important; max-width: 1300px; height: 70vh; background-size: contain !important; -webkit-background-size: contain !important; -moz-background-size: contain !important; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; opacity: 0.65; display: none !important; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; margin-right: auto; margin-left: auto; text-align: center; } /* ---TITLE active only with "STATIC" titles */ .hype-title-static { } .hype-title-scale{ %%[[if !edit]]%% } @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 */ #stacks_in_33 .theme_title { color: #FFFFFF !important; } /* B */ #stacks_in_33 .theme_title_b { color: #FFFFFF !important; } /* Tit A-B styles */ #stacks_in_33 .theme_slogan { color: #21FF06 !important; font-size: 54px !important; font-family: "montserratbold", sans-serif !important; font-style: none; text-transform: none; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; -moz-transform: rotate( 0deg ) !important; margin-top: -180px !important; margin-left: 0px !important; display: block !important; letter-spacing: 0px !important; line-height: 70px !important; } /* TITLE CSS */ #stacks_in_33 .theme_title, #stacks_in_33 .theme_title_b { font-size: 130px !important; font-style: none; text-transform: none;text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: "montserratbold", sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; } /* upg 1.1.3 - 113 */ #stacks_in_33 .theme_title, #stacks_in_33 .theme_title_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_33 .back_wrapper_8573 { /* upg 1.1.4 - 114 */ /* beta */ /* */ } #stacks_in_33 .back_wrapper_8573bg { text-align: center; display: block; position: relative; max-width: 1300vh; height: 70vh; min-height: 300px !important; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_33 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_33 .back_wrapper_8573bg { 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_33 .back_wrapper_8573bg { 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_33 .back_wrapper_8573bg { 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_33 .back_wrapper_8573bg#stacks_in_33 .back_wrapper_8573bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_33 .back_wrapper_8573bg { } } @media (max-width: 600px) { #stacks_in_33 .back_wrapper_8573bg { } } #stacks_in_33 .theme_title, #stacks_in_33 .theme_title_b { text-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) !important; } #stacks_in_33 .theme_title, #stacks_in_33 .theme_title_b { } /* --------------- */ /* @group Built-in Webfonts */ @font-face { font-family: 'cordial_proregregular'; src: url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prosemibold'; src: url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_promedium'; src: url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prolight'; src: url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_probold'; src: url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_inlineBdrounded'; src: url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_cherryBdrounded'; src: url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* cordial end */ @font-face { font-family: 'rubik_mono_oneregular'; src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'abelregular'; src: url('../files/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts/abel/abel-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanscondensed_light'; src: url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bree_serifregular'; src: url('../files/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('../files/webfonts/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts/pacifico/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'signikaregular'; src: url('../files/webfonts/signika/signika-regular-webfont.woff2') format('woff2'), url('../files/webfonts/signika/signika-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rochesterregular'; src: url('../files/webfonts/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rochester/rochester-regular-webfont.woff') format('woff') font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_display_scregular'; src: url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight'; src: url('../files/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../files/webfonts/raleway/raleway-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fjalla_oneregular'; src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vigaregular'; src: url('../files/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts/viga/viga-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_blackregular'; src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* @end */ #stacks_in_33 .decoration_color_1 { background-color: #21FF06 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_33 .flash-color { 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; display: none !important; } /* end style */ /* EDIT mode */ /* -- End EACH CSS Template -- */#stacks_in_33 .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_33 .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_33 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_33 .scrollButton-hypetitles #stacks_in_33 [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_33 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_33 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_33 .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_33 .scrollButton-hypetitles { display: none !important; } #stacks_in_33 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } } #stacks_in_282 { padding: 10px; } #stacks_in_280 { padding: 10px; } #stacks_in_281 { padding: 10px; } #stacks_out_202 { padding: 0px; } #stacks_in_202 .circliful { position: relative; margin: 0 auto; color: rgba(23, 61, 47, 1.00); font-family: inherit; } #stacks_in_202 .centerMe:before { content: ""; position: absolute; width: 180px; height: 180px; max-width: 100%; left: 50%; top: 50%; z-index: 0; -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 0; background-image: url(); background-size: cover; background-position: center center; width: 160.000000px; height: 160.000000px; border-radius: 50%; padding: 0px; } #stacks_in_202 .circliful.halfCircle .centerMe:before { top: 75%; } #stacks_in_202 .circliful.halfCircle { margin: 0 auto -105.000000px auto; } #stacks_in_202 .circliful .centerMe { display: flex; align-items: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; position: absolute; height: 100%; /**/ width: 100%; } #stacks_in_202 .circliful.halfCircle .centerMe { height: 65%; } #stacks_in_202 .circliful .centerMe div { padding: 0px 30px; z-index: 2; position: relative; } #stacks_in_202 canvas { z-index: 1; position: relative; } #stacks_in_202 .circle-text, #stacks_in_202 .circle-info, #stacks_in_202 .circle-text-half, #stacks_in_202 .circle-info-half { width: 100%; text-align: center; display: inline-block; font-family: inherit; } #stacks_in_202 .circle-info, #stacks_in_202 .circle-info-half { font-size: 15px; color: rgba(23, 61, 47, 1.00); margin-top: 0px; } #stacks_in_202 .os-icon-wrap { margin-bottom: 0px; } #stacks_in_202 .circliful .fa { margin: -6px 3px 0 3px; position: relative; vertical-align: middle; font-size: 26px; color: rgba(51, 51, 51, 1.00); } #stacks_in_202 .circliful .customIcon { margin: -6px 3px 0 3px; position: relative; vertical-align: middle; width: 26px; height: 26px; } /**/ #stacks_out_203 { padding: 0px; } #stacks_in_203 .circliful { position: relative; margin: 0 auto; color: rgba(23, 61, 47, 1.00); font-family: inherit; } #stacks_in_203 .centerMe:before { content: ""; position: absolute; width: 180px; height: 180px; max-width: 100%; left: 50%; top: 50%; z-index: 0; -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 0; background-image: url(); background-size: cover; background-position: center center; width: 160.000000px; height: 160.000000px; border-radius: 50%; padding: 0px; } #stacks_in_203 .circliful.halfCircle .centerMe:before { top: 75%; } #stacks_in_203 .circliful.halfCircle { margin: 0 auto -105.000000px auto; } #stacks_in_203 .circliful .centerMe { display: flex; align-items: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; position: absolute; height: 100%; /**/ width: 100%; } #stacks_in_203 .circliful.halfCircle .centerMe { height: 65%; } #stacks_in_203 .circliful .centerMe div { padding: 0px 30px; z-index: 2; position: relative; } #stacks_in_203 canvas { z-index: 1; position: relative; } #stacks_in_203 .circle-text, #stacks_in_203 .circle-info, #stacks_in_203 .circle-text-half, #stacks_in_203 .circle-info-half { width: 100%; text-align: center; display: inline-block; font-family: inherit; } #stacks_in_203 .circle-info, #stacks_in_203 .circle-info-half { font-size: 15px; color: rgba(23, 61, 47, 1.00); margin-top: 0px; } #stacks_in_203 .os-icon-wrap { margin-bottom: 0px; } #stacks_in_203 .circliful .fa { margin: -6px 3px 0 3px; position: relative; vertical-align: middle; font-size: 26px; color: rgba(51, 51, 51, 1.00); } #stacks_in_203 .circliful .customIcon { margin: -6px 3px 0 3px; position: relative; vertical-align: middle; width: 26px; height: 26px; } /**/ #stacks_out_204 { padding: 0px; } #stacks_in_204 .circliful { position: relative; margin: 0 auto; color: rgba(23, 61, 47, 1.00); font-family: inherit; } #stacks_in_204 .centerMe:before { content: ""; position: absolute; width: 180px; height: 180px; max-width: 100%; left: 50%; top: 50%; z-index: 0; -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 0; background-image: url(); background-size: cover; background-position: center center; width: 160.000000px; height: 160.000000px; border-radius: 50%; padding: 0px; } #stacks_in_204 .circliful.halfCircle .centerMe:before { top: 75%; } #stacks_in_204 .circliful.halfCircle { margin: 0 auto -105.000000px auto; } #stacks_in_204 .circliful .centerMe { display: flex; align-items: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; position: absolute; height: 100%; /**/ width: 100%; } #stacks_in_204 .circliful.halfCircle .centerMe { height: 65%; } #stacks_in_204 .circliful .centerMe div { padding: 0px 30px; z-index: 2; position: relative; } #stacks_in_204 canvas { z-index: 1; position: relative; } #stacks_in_204 .circle-text, #stacks_in_204 .circle-info, #stacks_in_204 .circle-text-half, #stacks_in_204 .circle-info-half { width: 100%; text-align: center; display: inline-block; font-family: inherit; } #stacks_in_204 .circle-info, #stacks_in_204 .circle-info-half { font-size: 15px; color: rgba(23, 61, 47, 1.00); margin-top: 0px; } #stacks_in_204 .os-icon-wrap { margin-bottom: 0px; } #stacks_in_204 .circliful .fa { margin: -6px 3px 0 3px; position: relative; vertical-align: middle; font-size: 26px; color: rgba(51, 51, 51, 1.00); } #stacks_in_204 .circliful .customIcon { margin: -6px 3px 0 3px; position: relative; vertical-align: middle; width: 26px; height: 26px; } /**/ #stacks_out_205 { padding: 0px; } #stacks_in_205 .circliful { position: relative; margin: 0 auto; color: rgba(23, 61, 47, 1.00); font-family: inherit; } #stacks_in_205 .centerMe:before { content: ""; position: absolute; width: 180px; height: 180px; max-width: 100%; left: 50%; top: 50%; z-index: 0; -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 0; background-image: url(); background-size: cover; background-position: center center; width: 160.000000px; height: 160.000000px; border-radius: 50%; padding: 0px; } #stacks_in_205 .circliful.halfCircle .centerMe:before { top: 75%; } #stacks_in_205 .circliful.halfCircle { margin: 0 auto -105.000000px auto; } #stacks_in_205 .circliful .centerMe { display: flex; align-items: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; position: absolute; height: 100%; /**/ width: 100%; } #stacks_in_205 .circliful.halfCircle .centerMe { height: 65%; } #stacks_in_205 .circliful .centerMe div { padding: 0px 30px; z-index: 2; position: relative; } #stacks_in_205 canvas { z-index: 1; position: relative; } #stacks_in_205 .circle-text, #stacks_in_205 .circle-info, #stacks_in_205 .circle-text-half, #stacks_in_205 .circle-info-half { width: 100%; text-align: center; display: inline-block; font-family: inherit; } #stacks_in_205 .circle-info, #stacks_in_205 .circle-info-half { font-size: 15px; color: rgba(23, 61, 47, 1.00); margin-top: 0px; } #stacks_in_205 .os-icon-wrap { margin-bottom: 0px; } #stacks_in_205 .circliful .fa { margin: -6px 3px 0 3px; position: relative; vertical-align: middle; font-size: 26px; color: rgba(51, 51, 51, 1.00); } #stacks_in_205 .circliful .customIcon { margin: -6px 3px 0 3px; position: relative; vertical-align: middle; width: 26px; height: 26px; } /**/ .stacks_in_251 img{width:100%;max-width:80px} .stacks_in_170header { position: relative; text-align: center; background-color: rgba(22, 61, 47, 1.00); } .stacks_in_170inner-header { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0px; margin-bottom: 0px; padding: 0px; } .stacks_in_170waves { position: relative; width: 100%; margin-bottom: -10px; /* Fix */ height: 15vh; min-height: 100px; max-height: 150px; z-index: 1; } /* Animation */ .stacks_in_170parallax > use { animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite; } .stacks_in_170parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; } .stacks_in_170parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; } .stacks_in_170parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; } .stacks_in_170parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; } @keyframes move-forever { 0% { transform: translate3d(-90px,0,0); } 100% { transform: translate3d(85px,0,0); } } /* For mobile */ @media (max-width: 768px) { .stacks_in_170waves { height: 40px; min-height: 40px; } } /* For tablet */ @media (max-width: 1100px) { .stacks_in_170waves { height: 60px; min-height: 60px; } } /* Based on pen by Goodkatz - https://codepen.io/goodkatz/pen/LYPGxQz */.wallpaper_stacks_in_134 { position: relative; overflow: hidden; margin: 0px; padding: 0px; border-color: #9c92ac; border-style: solid; border-width: 0px; border-radius: 0px; background-color: #163d2f; box-shadow: inset 0 0 0vw rgba(22, 61, 47, 1.00); background-attachment: scroll; } .wallpaper_stacks_in_134:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; background-attachment: scroll; overflow: hidden; } .wallpaper_stacks_in_134.full-height, .wallpaper_stacks_in_134.variable-height { height: 100%; display: grid; align-content: center; } .wallpaper_stacks_in_134.variable-height { height: 40vh; min-height: 200px; max-height: 500px; } .wallpaper_stacks_in_134 > .content { position: relative; } #stacks_in_303 .button_icon,#stacks_in_303 .button_icon i { margin:0; padding:0; display:inline-block; font-weight:normal; height:32px; line-height:32px; font-size:19px; } #stacks_in_303 .button_icon{ height:16px; min-width:16px; padding:14px; box-sizing: content-box; } #stacks_in_303 .button_icon,#stacks_in_303 .button_icon i { line-height:1em; } #stacks_in_303 .button_label { font: 500 16px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; height:2em; line-height:2em; display: inline-block; } #stacks_in_303 .sweet_button_wrapper { text-align:center; height:60px; } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_303 .sweet_button_wrapper { height:56px; } #stacks_in_303 .button_icon,#stacks_in_303 .button_icon i { height:28px; line-height:2em; font-size:17px; } #stacks_in_303 .button_icon{ height:14px; min-width:14px; } #stacks_in_303 .button_icon,#stacks_in_303 .button_icon i { line-height:1.5em; } #stacks_in_303 .button_label { font: 500 14px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height:2em; } } #stacks_in_303 .sweet_button { cursor: crosshair; display:inline-block; margin:0; padding:0px 14px; text-decoration:none; text-align:center; color:rgba(255, 255, 255, 1.00); border-style:solid; border-width:1px; border-color:rgba(22, 61, 47, 1.00); border-radius:5px; background:rgba(22, 61, 47, 1.00); } #stacks_in_303 .sweet_button:visited { color:rgba(255, 255, 255, 1.00); } #stacks_in_303 .sweet_button:hover { border-color:rgba(255, 255, 255, 1.00); } #stacks_in_303 .sweet_button:hover { color:rgba(255, 255, 255, 1.00); background: rgba(42, 81, 67, 1.00); } #stacks_in_303 .sweet_button:active{ background: rgba(2, 41, 27, 1.00); } #stacks_in_303 .sweet_button.clicked { background: rgba(255, 255, 255, 1.00); border-color:rgba(22, 61, 47, 1.00); } #stacks_in_303 .sweet_button.clicked:hover { background: rgba(255, 255, 255, 1.00); border-color:rgba(255, 255, 255, 1.00); } #stacks_in_303 .sweet_button.clicked:active{ background: rgba(235, 235, 235, 1.00); } .stacks_in_293{line-height:0}.stacks_in_293 svg{display:inline-block;max-width:50px;height:auto;}.stacks_in_293.full-width svg{width:100%;height:auto}.stacks_in_293 svg *{fill:rgba(255, 255, 255, 1.00)} .lines.stacks_in_167{width:40%;margin:calc(16rem/16) auto calc(16rem/16) auto;border-bottom:1px solid rgba(255, 255, 255, 1.00);background:rgba(204, 204, 204, 1.00);transform:rotate(0deg)}.lines.stacks_in_167.vertical{border-left:1px solid rgba(255, 255, 255, 1.00);border-bottom:none;width:0;height:40%;margin:0 auto;margin-top:calc((40% - 100%)/-2)}