.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} .topyenoh{opacity:0;position:absolute;top:0;left:0;height:0;width:0;padding:0;margin:0;z-index:-1} .clippath-svg{height:0}.clippath-svg svg{display:block} .drift-animate{will-change:transform;display:inline-block} .form-submit-success,.form-submit-error{opacity:0;transition:none;overflow:hidden}form:not(.success) .form-submit-success,form:not(.error) .form-submit-error{max-height:0;padding:0;margin:0;border-width:0px}form.success .form-submit-success,form.error .form-submit-error{opacity:1;transition:opacity 500ms ease}.form-submit-processing{opacity:0;pointer-events:none;transition:opacity 500ms ease}form:not(.processing) .form-submit-processing{max-height:0}form.processing *{pointer-events:none}form.processing .form-submit-processing{opacity:1;pointer-events:auto}.processing-modal.absolute,.processing-modal.fixed{background-color:var(--overlay-color);border-radius:inherit;position:absolute;top:0;left:0;right:0;bottom:0}.processing-modal.absolute .processing-circle,.processing-modal.fixed .processing-circle{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.processing-modal.fixed{position:fixed} .processing-circle{margin:0 auto;width:40px;height:40px;border:4px solid var(--white-color);border-top:4px solid var(--primary);border-radius:50%;filter:drop-shadow(0 0 20px rgba(0,0,0,0.6))}.processing-circle.dark{border-color:var(--black-color);border-top-color:var(--primary)}.processing-circle.primary{border-top-color:var(--primary)}.processing-circle.secondary{border-top-color:var(--secondary)}.processing-circle.warning{border-top-color:var(--warning)}.processing-circle.success{border-top-color:var(--success)}.processing-circle.alert{border-top-color:var(--alert)} .com_joeworkman_stacks_easycms_image_stack img,.com_joeworkman_stacks_totalcms_image_stack img{width:auto;height:auto;max-width:100%;display:block;margin:0 auto}.com_joeworkman_stacks_easycms_image_stack img.circle,.com_joeworkman_stacks_totalcms_image_stack img.circle{border-radius:50% !important}.com_joeworkman_stacks_easycms_image_stack img.unlimited,.com_joeworkman_stacks_totalcms_image_stack img.unlimited{width:100%;}.com_joeworkman_stacks_easycms_image_stack img.auto-lightbox,.com_joeworkman_stacks_totalcms_image_stack img.auto-lightbox{cursor:pointer}.com_joeworkman_stacks_easycms_image_stack img.align-left,.com_joeworkman_stacks_totalcms_image_stack img.align-left{margin-left:0 !important}.com_joeworkman_stacks_easycms_image_stack img.align-right,.com_joeworkman_stacks_totalcms_image_stack img.align-right{margin-right:0 !important}@media only screen and (max-width:40em){.com_joeworkman_stacks_easycms_image_stack img.align-mobile-center,.com_joeworkman_stacks_totalcms_image_stack img.align-mobile-center{margin-left:auto !important;margin-right:auto !important}}#total-image-reveal{position:fixed !important;top:10% !important;left:0;right:0;cursor:pointer;height:80vh;padding:0;background:transparent;box-shadow:none;border:none}#total-image-reveal img{display:block;margin:0 auto;height:auto;max-height:100%;max-width:100%;width:auto;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,0.4)}#total-image-reveal .close-reveal-modal{position:fixed} :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(0, 1, 128, 1.00);--secondary:rgba(156, 146, 172, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(244, 106, 58, 1.00);--alert:rgba(158, 184, 215, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(255, 255, 255, 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, 0, 98, 1.00);--secondary-dark:rgba(126, 116, 142, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(214, 76, 28, 1.00);--alert-dark:rgba(128, 154, 185, 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(255, 255, 255, 1.00);--link-color-hover:rgba(156, 146, 172, 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(20rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(22rem/16)}h3,.h3{font-size:calc(20rem/16)}h4,.h4{font-size:calc(20rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(20rem/16)}small{font-size:40%}.button{font-size:calc(18rem/16)}.button.tiny{font-size:calc(12rem/16)}.button.small{font-size:calc(14rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(22rem/16)}h1,.h1{font-size:calc(54rem/16)}h2,.h2{font-size:calc(48rem/16)}h3,.h3{font-size:calc(40rem/16)}h4,.h4{font-size:calc(32rem/16)}h5,.h5{font-size:calc(28rem/16)}h6,.h6{font-size:calc(24rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(22rem/16)}h1,.h1{font-size:calc(54rem/16)}h2,.h2{font-size:calc(48rem/16)}h3,.h3{font-size:calc(40rem/16)}h4,.h4{font-size:calc(32rem/16)}h5,.h5{font-size:calc(28rem/16)}h6,.h6{font-size:calc(24rem/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 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: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} 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:Catchy Mager;font-style:normal;font-weight:normal;src:url("https://intuitivehypnotherapy.co.uk/resources/Catchy-Mager-Regular.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, 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_1325_8{font-family:"Catchy Mager",serif }p:not(.custom-font),p.font-family-text:not(.custom-font),.text_stack:not(.custom-font){font-family:"Catchy Mager",serif } @font-face{font-family:DM Sans;font-style:normal;font-weight:normal;src:url("https://intuitivehypnotherapy.co.uk/resources/DMSans-VariableFont_opsz,wght.woff2") format("woff2");src:url("https://intuitivehypnotherapy.co.uk/resources/DMSans-VariableFont_opsz,wght.woff") format("woff");} .fontpro-stacks_in_1325_9{font-family:"DM Sans",sans-serif } .hmarg{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) { .hmarg{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .hmarg{font-size:calc(16rem/16) ;line-height:1.50 }} .accordion-title{font-size:calc(18rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) { .accordion-title{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .accordion-title{font-size:calc(20rem/16) ;line-height:1.50 }} @media screen and (min-width: 40em){.back1{background-image:url('../index_files/bgimage-12-CCE.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;background-clip:border-box ; background-size: cover ; }}@media (hover:none) and (pointer:coarse){.back1{background-attachment:scroll!important}}@media only screen and (min-width:40em){.back1{background-image:url('../index_files/bgimageMedium-12-CCE.jpg') }} @media screen and (max-width: 39.9375em){.back1{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;background-clip:border-box ; background-image: radial-gradient(circle at 29% 55%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 4%,transparent 4%, transparent 44%,transparent 44%, transparent 100%),radial-gradient(circle at 85% 89%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 51%,transparent 51%, transparent 52%,transparent 52%, transparent 100%),radial-gradient(circle at 6% 90%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 53%,transparent 53%, transparent 64%,transparent 64%, transparent 100%),radial-gradient(circle at 35% 75%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 6%,transparent 6%, transparent 98%,transparent 98%, transparent 100%),radial-gradient(circle at 56% 75%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 16%,transparent 16%, transparent 23%,transparent 23%, transparent 100%),radial-gradient(circle at 42% 0%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 3%,transparent 3%, transparent 26%,transparent 26%, transparent 100%),radial-gradient(circle at 29% 28%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 51%,transparent 51%, transparent 75%,transparent 75%, transparent 100%),radial-gradient(circle at 77% 21%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 35%,transparent 35%, transparent 55%,transparent 55%, transparent 100%),radial-gradient(circle at 65% 91%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 46%,transparent 46%, transparent 76%,transparent 76%, transparent 100%),linear-gradient(45deg, rgba(83,91,235, 0.57),rgba(174,11,164, 0.2)); }}@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 ;} @media screen and (min-width: 40em){.pad2{padding-top:1.25rem ;padding-right:1.25rem ;padding-bottom:0 ;padding-left:1.25rem ;}} @media screen and (min-width: 40em){.pad3{padding-top:1.25rem ;padding-right:1.25rem ;padding-bottom:1.25rem ;padding-left:1.25rem ;}} .back1{position:relative;z-index:0}@media screen and (min-width: 40em){.back1:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.66 ;background-color:rgba(255, 255, 255, 1.00) ;}} .back4{background-color:var(--primary) ;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){.back4{background-attachment:scroll!important}} .circ{clip-path:circle(50% at 50% 50%) ;} .circ{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){.circ{background-attachment:scroll!important}} .margb{margin-bottom:2rem ;} .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}} .backw{clip-path:circle(50% at 50% 50%) ;} .tring{clip-path:polygon(50% 0%, 0% 100%, 100% 100%) ;} @media screen and (min-width: 64em){.hmarg{margin:-1.5rem !important;}} @media screen and (max-width: 63.9375em){.hmarg{margin:-1rem !important;}} .backwh{background-color:rgba(0, 0, 128, 0.51) ;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){.backwh{background-attachment:scroll!important}} .backwh{border-radius:20px 20px 20px 20px ;} .rond{border-radius:10px ;} .rond2{border-radius:0px 10px 10px 0px ;} .rond3{border-radius:10px 0px 0px 10px ;} .rond{border-radius:10px ;} .menum>.dropdown a, .dropdown.menum a{--menu-link-color:rgba(7, 64, 128, 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(7, 64, 128, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .menum>.dropdown .menu-text, .dropdown.menum .menu-text{--menu-text-color:rgba(255, 255, 255, 1.00)} .menum>.dropdown a:hover, .dropdown.menum a:hover{--menu-bg-color:rgba(7, 64, 128, 1.00)} .menum>.dropdown>li>a, .dropdown.menum>li>a{padding-top:1rem;padding-bottom:1rem} .menum>.dropdown .submenu>li>a, .dropdown.menum .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .menum>.dropdown li.active>a, .menum>.dropdown li.is-active>a, .menum>.dropdown a.is-active, .dropdown.menum li.active>a, .dropdown.menum li.is-active>a, .dropdown.menum a.is-active{--menu-bg-color:rgba(7, 64, 128, 1.00);--menu-link-color:rgba(255, 255, 255, 1.00);--menu-caret-color:rgba(7, 64, 128, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00)} .menum>.dropdown .submenu li.active>a, .menum>.dropdown .submenu li.is-active>a, .menum>.dropdown .submenu a.is-active, .dropdown.menum .submenu li.active>a, .dropdown.menum .submenu li.is-active>a, .dropdown.menum .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .menum>.dropdown .submenu a, .dropdown.menum .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .menum>.dropdown .submenu, .dropdown.menum .submenu{--submenu-bg-color:rgba(255, 255, 255, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .menum>.dropdown .submenu a, .dropdown.menum .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(0, 0, 128, 1.00);--menu-link-color-hover:rgba(7, 64, 128, 1.00)} .menum>.dropdown .submenu .menu-text, .dropdown.menum .submenu .menu-text{--menu-text-color:rgba(255, 255, 255, 1.00)} .menum>.dropdown .submenu li.active>a, .menum>.dropdown .submenu li.is-active>a, .menum>.dropdown .submenu a.is-active, .dropdown.menum .submenu li.active>a, .dropdown.menum .submenu li.is-active>a, .dropdown.menum .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(7, 64, 128, 1.00);--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00)} .top-bar.topm, .top-bar.topm ul{--topbar-background:rgba(255, 255, 255, 1.00)} .top-bar.topm{padding:0 0.5rem} .title-bar.topm{--titlebar-background:rgba(255, 255, 255, 1.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} .bigger{display:inline-block;white-space:nowrap} .colon{-webkit-columns:calc(200rem/16) 2;-moz-columns:calc(200rem/16) 2;columns:calc(200rem/16) 2;-webkit-column-gap:calc(30rem/16);-moz-column-gap:calc(30rem/16);column-gap:calc(30rem/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)} .burgess{-webkit-columns:calc(200rem/16) 3;-moz-columns:calc(200rem/16) 3;columns:calc(200rem/16) 3;-webkit-column-gap:calc(30rem/16);-moz-column-gap:calc(30rem/16);column-gap:calc(30rem/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)} .style-15 .btn{width:64.00px ;}@media only screen and (min-width:40em){.style-15 .btn{width:64.00px }}@media only screen and (min-width:64em){.style-15 .btn{width:64.00px }} .style-15 .btn{height:64.00px ;}@media only screen and (min-width:40em){.style-15 .btn{height:64.00px }}@media only screen and (min-width:64em){.style-15 .btn{height:64.00px }} @media screen and (max-width: 39.9375em){.style-15 .btn{position:fixed ;z-index:1 ;top:unset ;bottom:16px ;left:unset ;right:16px ;}} @media screen and (min-width: 40em){.style-15 .btn{position:fixed ;z-index:1 ;top:unset ;bottom:32px ;left:unset ;right:32px ;}} .style-15 .btn{background-color:rgba(0, 0, 128, 0.50) ;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){.style-15 .btn{background-attachment:scroll!important}} .style-15 .btn:hover{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){.style-15 .btn{background-attachment:scroll!important}} .style-15 .btn{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.20);} .style-15 .btn:hover{box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.20);} .style-15 .btn{border-radius:50% ;} .style-15 .btn:hover { transform-origin: 50% 50% ; transform-style: flat ; transform : translate3d(0px, -5px, 0px) ; } .style-15 .btn{z-index:999999 } .style-15 .btn{cursor:pointer } .style-15 .btn.toggled { transform-origin: 50% 50% ; transform-style: flat ; transform : translate3d(0px, 100px, 0px) ; } .style-15 .btn.toggled{opacity:0.00 } .style-15 .btn{transition:transform 300ms ease 0ms,opacity 600ms ease 600ms} @media screen and (max-width: 39.9375em){.style-15 .widget{width:100.00% ;}}@media only screen and (min-width:40em){.style-15 .widget{width:0.00% }}@media only screen and (min-width:64em){.style-15 .widget{width:0.00% }} @media screen and (min-width: 40em){.style-15 .widget{width:0.00px ;}}@media only screen and (min-width:40em){.style-15 .widget{width:360.00px }}@media only screen and (min-width:64em){.style-15 .widget{width:400.00px }} .style-15 .widget{height:auto ;} .style-15 .widget { transform-origin: 50% 50% ; transform-style: flat ; transform : perspective(800px) translate3d(0%, 120%, 0px) ; } @media screen and (max-width: 39.9375em){.style-15 .widget{position:fixed ;z-index:1 ;top:unset ;bottom:0px ;left:unset ;right:0px ;}} @media screen and (min-width: 40em){.style-15 .widget{position:fixed ;z-index:1 ;top:unset ;bottom:32px ;left:unset ;right:32px ;}} .style-15 .widget{background-color:var(--white) ;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){.style-15 .widget{background-attachment:scroll!important}} .style-15 .widget{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);} .style-15 .widget:hover{box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.20);} .style-15 .widget{border-radius:8px ;} .style-15 .widget{padding:1.5rem ;} @media only screen and (min-width:40em){.style-15 .widget{padding:2rem }}@media only screen and (min-width:64em){.style-15 .widget{padding:2rem }} .style-15 .widget{z-index:999999 } .style-15 .btn-main{--primary:rgba(252, 111, 207, 0.25) ;} .style-15 .btn-main{--primary-dark:rgba(252, 111, 207, 0.23) ;} .style-15 .btn-close:hover { transform-origin: 50% 50% ; transform-style: flat ; transform : translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(90deg) ; } .style-15 .widget.toggled { transform-origin: 50% 50% ; transform-style: flat ; transform : translate3d(0px, 0px, 0px) ; } .style-15 .widget.toggled:hover { transform-origin: 50% 50% ; transform-style: flat ; transform : translate3d(0px, -5px, 0px) ; } .style-15 .widget{transition:all 400ms ease 0ms } .style-15 .btn-close{transition:all 400ms ease 0ms } /* 1.0.1 - updated css naming scheme to prevent conflicts with themes and frameworks */ #stacks_in_1337_60 { z-index: 1000; box-sizing: border-box; pointer-events: none; --snvp1: 6.000000px; --snvp2: 12px; --snhp1: 12px; --snw: 200px; --rad: 6px; --iconSize: 24px; font-family: inherit; } #stacks_in_1337_60 .snav-list, #stacks_in_1337_60 .snav-toggle { pointer-events: all; } #stacks_in_1337_60 .snav-toggle { position: fixed; z-index: 1; top: 12px; left: 12px; background: rgba(255, 255, 255, 1.00); color: rgba(85, 100, 113, 1.00); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: var(--rad); padding: var(--snvp1); cursor: pointer; display: none; } #stacks_in_1337_60.snav-right .snav-toggle { left: auto; right: 12px; } #stacks_in_1337_60 .snav-toggle svg { width: var(--iconSize); height: var(--iconSize); display: block; } #stacks_in_1337_60 .snav-list:not(.expanded) + .snav-toggle svg:nth-child(2), #stacks_in_1337_60 .snav-list.expanded + .snav-toggle svg:nth-child(1) { display: none; } #stacks_in_1337_60 .snav-list { position: relative; z-index: 2; background: rgba(255, 255, 255, 1.00); color: rgba(85, 100, 113, 1.00); padding: calc((24px - 1px)/2) 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); transition: width 0.3s ease; list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; align-content: flex-start; } #stacks_in_1337_60 .snav-list li { position: relative; display: block; padding: 0; margin: 0; list-style: none; } #stacks_in_1337_60 .snav-item .snav-link, #stacks_in_1337_60 .snav-item .snav-container, #stacks_in_1337_60 .snav-item .snav-divider { display: flex; align-items: center; padding: var(--snvp2) var(--snhp1) var(--snvp2) calc(var(--snhp1) + 12px); font-size: 14px; line-height: var(--iconSize); text-decoration: none; } #stacks_in_1337_60 .top-tier .chevron { margin-left: auto; } #stacks_in_1337_60 .snav-item .sub-container { font-size: 14px; color: rgba(85, 100, 113, 1.00); line-height: 1.3; } #stacks_in_1337_60 .snav-item .snav-divider { padding: 0 var(--snhp1) 0 var(--snhp1); } #stacks_in_1337_60 .snav-item > .snav-container, #stacks_in_1337_60 .snav-item > .snav-link { color: rgba(85, 100, 113, 1.00); letter-spacing: 0.00em; word-spacing: 0.00em; font-weight: 400; } #stacks_in_1337_60 .snav-item:not(.custom-type):hover > .snav-container, #stacks_in_1337_60 .snav-item:hover > .snav-link { background-color: rgba(197, 228, 255, 1.00); color: rgba(85, 100, 113, 1.00); } #stacks_in_1337_60 .snav-item.top-tier > .snav-link, #stacks_in_1337_60 .snav-item.top-tier > .snav-container, #stacks_in_1337_60 .snav-item.top-tier > .snav-divider { display: grid; grid-template-columns: var(--iconSize) 1fr 12px; grid-gap: 0px; } #stacks_in_1337_60 .snav-item.top-tier > .snav-link, #stacks_in_1337_60 .snav-item.top-tier:not(.custom-type) > .snav-container, #stacks_in_1337_60.snav-collapsed .snav-item.top-tier.custom-type > .snav-container { cursor: pointer; } #stacks_in_1337_60 .snav-list:not(.expanded) .snav-item > .snav-divider, #stacks_in_1337_60 .snav-list.expanded .snav-item.no-title > .snav-divider { grid-template-columns: 1fr 0px; } #stacks_in_1337_60 .snav-list.expanded .snav-item > .snav-divider { grid-template-columns: 0px 1fr; } #stacks_in_1337_60 .snav-list .snav-item.custom-type > .snav-container { overflow: hidden; padding: 0px; } #stacks_in_1337_60 .snav-list .snav-item.custom-type > .snav-container .snav-icon, #stacks_in_1337_60 .snav-list .snav-item.custom-type > .snav-container .custom-expand { margin: 0; overflow: hidden; } #stacks_in_1337_60 .snav-list .snav-item.custom-type > .snav-container .custom-expand > div { width: 200px; } #stacks_in_1337_60 .snav-list:not(.expanded) .snav-item.custom-type > .snav-container { grid-template-columns: 1fr 0px; } #stacks_in_1337_60 .snav-list.expanded .snav-item.custom-type > .snav-container { grid-template-columns: 0px 1fr; } #stacks_in_1337_60 .snav-list.expanded .snav-item.custom-type > .snav-container .snav-icon { opacity: 0; pointer-events: none; } #stacks_in_1337_60 .snav-item svg, #stacks_in_1337_60 .snav-item .snav-icon img { width: var(--iconSize); height: var(--iconSize); display: block; margin: 0 auto; max-width: none; } #stacks_in_1337_60 .snav-item.custom-type .snav-icon svg { width: calc(var(--iconSize) + 12px + 12px + var(--snhp1) + var(--snhp1)); height: calc(var(--iconSize) + 12px + 12px + var(--snhp1) + var(--snhp1)); } #stacks_in_1337_60 .snav-item.custom-type .snav-icon img { width: calc(var(--iconSize) + 12px + 12px + var(--snhp1) + var(--snhp1)); height: auto; } #stacks_in_1337_60 .snav-icon svg { color: rgba(0, 0, 128, 1.00); } #stacks_in_1337_60 .snav-item:hover .snav-icon svg { color: rgba(0, 0, 128, 1.00); } #stacks_in_1337_60 .snav-icon svg.sn-fa, #stacks_in_1337_60 .snav-icon i.material-icons-two-tone { fill: currentColor; } #stacks_in_1337_60 .snav-icon svg { transform: translate3d(0,0,0) } #stacks_in_1337_60 .snav-icon svg:not(.sn-ii):not(.sn-fa):not(.material-icons) { fill: currentColor; stroke: currentColor; } #stacks_in_1337_60 .snav-icon i { color: rgba(0, 0, 128, 1.00); font-size: var(--iconSize); line-height: var(--iconSize); display: block; } #stacks_in_1337_60 .snav-item:hover .snav-icon i { color: rgba(0, 0, 128, 1.00); } #stacks_in_1337_60 .snav-icon i.material-icons-two-tone:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 128, 1.00); mix-blend-mode: lighten; } #stacks_in_1337_60 .snav-icon:hover i.material-icons-two-tone:after { background: rgba(0, 0, 128, 1.00); } #stacks_in_1337_60 .chevron svg { width: 12px; fill: currentColor; } #stacks_in_1337_60 .snav-icon { margin: 0; } #stacks_in_1337_60 .snav-item hr { width: 100%; border-width: 0px; height: 1px; background-color: currentColor; opacity: 0.3; } #stacks_in_1337_60 .snav-divider .snav-title { opacity: 0.66; font-weight: bold; margin-left: calc(12px - var(--snhp1)); } #stacks_in_1337_60 .sub-container { border-radius: var(--rad); background: rgba(255, 255, 255, 1.00); } #stacks_in_1337_60 .sub-container li:nth-child(2) > a { border-radius: var(--rad) var(--rad) 0px 0px; } #stacks_in_1337_60 .sub-container li:last-child > a { border-radius: 0px 0px var(--rad) var(--rad); } #stacks_in_1337_60 .sub-container li:nth-child(2):last-child > a { border-radius: var(--rad); } #stacks_in_1337_60 .submenu { list-style: none; padding: 0; margin: 0; } #stacks_in_1337_60 .submenu li .snav-link { padding-left: calc(var(--snhp1) + 12px); } #stacks_in_1337_60 .submenu > *:not(.snav-item) { padding: 12px calc(var(--snhp1) + 12px); } #stacks_in_1337_60 .submenu > .subsnav-close { cursor: pointer; background-color: rgba(0, 0, 0, 0.15); border-radius: var(--rad) var(--rad) 0 0; padding: 6px calc(var(--snhp1) + 12px); display: none; } #stacks_in_1337_60 .snav-list { display: flex; flex-direction: column; } #stacks_in_1337_60 .snav-list .snav-spacer { flex: 1; min-height: calc(var(--snvp2) + var(--iconSize) + var(--snvp2)); } #stacks_in_1337_60 { position: fixed; top: 0; bottom: 0; left: 0; } #stacks_in_1337_60 { transform: translate3d(0,0,0); overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; max-width: 100%; width: calc(200px + 200px + 36px); } #stacks_in_1337_60::-webkit-scrollbar { width: 0; height: 0; } #stacks_in_1337_60.snav-right { left: auto; right: 0; } #stacks_in_1337_60 .subsnav-close > *, #stacks_in_1337_60 .snav-item:not(.custom-type) > .snav-container > *, #stacks_in_1337_60 .snav-link > *, #stacks_in_1337_60 .snav-item a * { pointer-events: none; } #stacks_in_1337_60.snav-right .top-tier .chevron { grid-column: 1; grid-row: 1; transform: rotate(180deg); } #stacks_in_1337_60.snav-right .snav-item.top-tier:not(.custom-type) > .snav-container { grid-template-columns: 12px var(--iconSize) 1fr; padding: var(--snvp2) calc(var(--snhp1) + 12px) var(--snvp2) var(--snhp1); } #stacks_in_1337_60.snav-right .sub-container { left: auto; right: calc(100% + 8px); } #stacks_in_1337_60.snav-condensed { grid-template-rows: min-content; } #stacks_in_1337_60.snav-condensed .snav-list { padding: 0; border-radius: 0 var(--rad) var(--rad) 0; transform: translateY(0px); } #stacks_in_1337_60.snav-condensed .snav-list > li:first-child > *:not(ul) { border-radius: 0px var(--rad) 0px 0px; } #stacks_in_1337_60.snav-condensed .snav-list > li:last-child > *:not(ul) { border-radius: 0px 0px var(--rad) 0px; } #stacks_in_1337_60.snav-right .snav-list { border-radius: 0; margin-left: auto; } #stacks_in_1337_60.snav-right.snav-condensed .snav-list { border-radius: var(--rad) 0px 0px var(--rad); } #stacks_in_1337_60.snav-right.snav-condensed .snav-list > li:first-child > *:not(ul) { border-radius: var(--rad) 0px 0px 0px; } #stacks_in_1337_60.snav-right.snav-condensed .snav-list > li:last-child > *:not(ul) { border-radius: 0px 0px 0px var(--rad); } #stacks_in_1337_60.snav-condensed { align-content: center; } #stacks_in_1337_60 .snav-list { min-height: 100%; width: calc(var(--snhp1) + 12px + var(--iconSize) + 12px + var(--snhp1)); } #stacks_in_1337_60 .snav-list.expanded { width: var(--snw); } #stacks_in_1337_60.snav-condensed .snav-list { min-height: 0px; } #stacks_in_1337_60 .snav-item .snav-link { height: calc(var(--snvp2) + var(--iconSize) + var(--snvp2)); } #stacks_in_1337_60 .submenu .snav-item .snav-link { height: auto; line-height: 1.2; padding: var(--snvp2) calc(var(--snhp1) + 12px) var(--snvp2) calc(var(--snhp1) + 12px); } #stacks_in_1337_60 .snav-item .snav-divider { height: var(--iconSize); } #stacks_in_1337_60 .snav-item.custom-type .snav-icon { height: auto; max-width: calc(var(--iconSize) + 12px + 12px + var(--snhp1) + var(--snhp1)); } #stacks_in_1337_60 .snav-title { position: relative; overflow: hidden; height: 100%; white-space: nowrap; } #stacks_in_1337_60 .snav-title > div { padding-left: 8px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-overflow: ellipsis; overflow: hidden; } #stacks_in_1337_60 .snav-divider .snav-title > div { padding-left: 0; } #stacks_in_1337_60 .sub-container { display: none; position: absolute; z-index: 3; left: calc(100% + 8px); width: 200px; top: 50%; transform: translateY(-50%); box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 6px -4px, rgba(0, 0, 0, 0.08) 0px 6px 16px, rgba(0, 0, 0, 0.08) 0px 9px 28px 8px; background-color: rgba(255, 255, 255, 1.00); } #stacks_in_1337_60 .open .sub-container { display: block; } #stacks_in_1337_60 .snav-is-touch .submenu > .subsnav-close { display: block; } #stacks_in_1337_60:not(.snav-collapsed) .snav-is-touch:not(.expanded) .top-tier > a { pointer-events: none; } #stacks_in_1337_60 .snav-is-touch .sub-container li:nth-child(2) > a, #stacks_in_1337_60 .snav-is-touch .sub-container li:nth-child(2):last-child > a { border-radius: 0px; } @media all and (max-width: 800px) { #stacks_in_1337_60 .snav-list:not(.expanded) { width: 0; overflow: hidden; } #stacks_in_1337_60 .snav-toggle { display: block; transition: transform 0.3s ease; } #stacks_in_1337_60 .snav-list.expanded + .snav-toggle { transform: translateX(196px); } #stacks_in_1337_60.snav-right .snav-list.expanded + .snav-toggle { transform: translateX(-196px); } #stacks_in_1337_60 .snav-is-touch:not(.expanded) .top-tier > a { pointer-events: all; } #stacks_in_1337_60 .snav-list:not(.expanded) .snav-item > .snav-divider { grid-template-columns: 0px 1fr; } #stacks_in_1337_60 .snav-list:not(.expanded) .snav-item.custom-type > .snav-container { grid-template-columns: 0px 1fr; } #stacks_in_1337_60 .snav-list .snav-item.custom-type > .snav-container > .snav-icon { opacity: 0; } #stacks_in_1337_60 .snav-list .snav-item.custom-type > .snav-container > .snav-icon > * { display: none; } #stacks_in_1337_60 .sub-container { z-index: 3; } } #stacks_in_1337_63 { position: relative; user-select: none; } i#stacks_in_1337_63, svg#stacks_in_1337_63 { position: relative; display: block; text-align: center; } #stacks_in_1337_66 { position: relative; user-select: none; } i#stacks_in_1337_66, svg#stacks_in_1337_66 { position: relative; display: block; text-align: center; } #stacks_in_1337_69 { position: relative; user-select: none; } i#stacks_in_1337_69, svg#stacks_in_1337_69 { position: relative; display: block; text-align: center; } #stacks_in_1337_72 { position: relative; user-select: none; } i#stacks_in_1337_72, svg#stacks_in_1337_72 { position: relative; display: block; text-align: center; } #stacks_in_1337_75 { position: relative; user-select: none; } i#stacks_in_1337_75, svg#stacks_in_1337_75 { position: relative; display: block; text-align: center; } #stacks_in_1337_78 { position: relative; user-select: none; } i#stacks_in_1337_78, svg#stacks_in_1337_78 { position: relative; display: block; text-align: center; } #stacks_in_1337_81 { position: relative; user-select: none; } i#stacks_in_1337_81, svg#stacks_in_1337_81 { position: relative; display: block; text-align: center; } #stacks_in_1337_84 { position: relative; user-select: none; } i#stacks_in_1337_84, svg#stacks_in_1337_84 { position: relative; display: block; text-align: center; } #stacks_in_1337_87 { position: relative; user-select: none; } i#stacks_in_1337_87, svg#stacks_in_1337_87 { position: relative; display: block; text-align: center; } /* -- EACH CSS Template -- */ /* Edit */ #stacks_in_1485_2 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } #stacks_in_1485_2 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_1485_2_default31_hype_container { } #stacks_in_1485_2 .button-stats { } #stacks_in_1485_2 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* Link */ #stacks_in_1485_2 .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_1485_2 .back_wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 30vh; min-height: 140px !important; padding: 10px 0 0; } /* padding: 10px FIX auto start above */ /* fixed height setting */ @media (max-width: 800px) { #stacks_in_1485_2 .back_wrapper_31 { } } @media (max-width: 600px) { #stacks_in_1485_2 .back_wrapper_31 { } } #stacks_in_1485_2 .wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 30vh; min-height: 140px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_1485_2 .wrapper_31 { } } @media (max-width: 600px) { #stacks_in_1485_2 .wrapper_31 { } } /* Hype rot */ #stacks_in_1485_2 .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_1485_2 .hype_title_31 { color: #074080 !important; } #stacks_in_1485_2 .hype_title_31_b { color: #000080 !important; } #stacks_in_1485_2 .hype_slogan_31 { color: #C18C19 !important; font-size: 54px !important; font-family: 'slogan_custom_theme_font_selector', sans-serif !important; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; margin-top: 129px !important; margin-left: 0px !important; display: block !important; letter-spacing: 0px !important; line-height: 70px !important; font-family: "Catchy Mager", sans-serif !important; } /* Titles */ #stacks_in_1485_2 .hype_title_31, #stacks_in_1485_2 .hype_title_31_b { font-size: 110px !important; text-transform: uppercase; text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: 'title_custom_theme_font_selector', serif !important; -webkit-transform: translate3d(0,0,0) !important; font-family: 'Catchy Mager', serif !important; } #stacks_in_1485_2 .hype_title_31, #stacks_in_1485_2 .hype_title_31_b { } #stacks_in_1485_2 .hype_title_31, #stacks_in_1485_2 .hype_title_31_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_1485_2 .back_wrapper_31 { background-color: transparent !important; } #stacks_in_1485_2 .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_1485_2 .back_wrapper_31bg::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; } @media (max-width: 768px) { #stacks_in_1485_2 .back_wrapper_31::after, #stacks_in_1485_2 .back_wrapper_31bg::before { } } #stacks_in_1485_2 .back_wrapper_31bg { text-align: center; display: block; position: relative; max-width: 1300vh; height: 30vh; min-height: 140px !important; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_1485_2 .back_wrapper_31bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_1485_2 .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_1485_2 .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_1485_2 .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_1485_2 .back_wrapper_31bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_1485_2 .back_wrapper_31bg { } } @media (max-width: 600px) { #stacks_in_1485_2 .back_wrapper_31bg { } } #stacks_in_1485_2 .hype_title_31, #stacks_in_1485_2 .hype_title_31_b { } #stacks_in_1485_2 .hype_line_31 { background-color: #C18C19 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_1485_2 .hype-glow-31 { display: none !important; } #stacks_in_1485_2 .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_1485_2 .trigger-31 { margin-top: 80px !important; opacity: 0 !important;} /* -- End EACH CSS Template -- */#stacks_in_1485_2 .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_1485_2 .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_1485_2 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_1485_2 .scrollButton-hypetitles #stacks_in_1485_2 [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_1485_2 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_1485_2 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_1485_2 .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_1485_2 .scrollButton-hypetitles { display: none !important; } #stacks_in_1485_2 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } }/* -- EACH CSS Template -- */ /* Edit */ #stacks_in_1338 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } #stacks_in_1338 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_1338_default31_hype_container { } #stacks_in_1338 .button-stats { } #stacks_in_1338 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* Link */ #stacks_in_1338 .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_1338 .back_wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 20vh; min-height: 100px !important; padding: 10px 0 0; } /* padding: 10px FIX auto start above */ /* fixed height setting */ @media (max-width: 800px) { #stacks_in_1338 .back_wrapper_31 { } } @media (max-width: 600px) { #stacks_in_1338 .back_wrapper_31 { } } #stacks_in_1338 .wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 20vh; min-height: 100px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_1338 .wrapper_31 { } } @media (max-width: 600px) { #stacks_in_1338 .wrapper_31 { } } /* Hype rot */ #stacks_in_1338 .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_1338 .hype_title_31 { color: #074080 !important; } #stacks_in_1338 .hype_title_31_b { color: #000080 !important; } #stacks_in_1338 .hype_slogan_31 { color: #074080 !important; font-size: 54px !important; font-family: 'slogan_custom_theme_font_selector', serif !important; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; margin-top: 8px !important; margin-left: 0px !important; display: block !important; letter-spacing: 0px !important; line-height: 70px !important; font-family: "Catchy Mager", serif !important; } /* Titles */ #stacks_in_1338 .hype_title_31, #stacks_in_1338 .hype_title_31_b { font-size: 93px !important; text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: 'title_custom_theme_font_selector', serif !important; -webkit-transform: translate3d(0,0,0) !important; font-family: 'Catchy Mager', serif !important; } #stacks_in_1338 .hype_title_31, #stacks_in_1338 .hype_title_31_b { } #stacks_in_1338 .hype_title_31, #stacks_in_1338 .hype_title_31_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_1338 .back_wrapper_31 { background-color: transparent !important; } #stacks_in_1338 .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_1338 .back_wrapper_31bg::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; } @media (max-width: 768px) { #stacks_in_1338 .back_wrapper_31::after, #stacks_in_1338 .back_wrapper_31bg::before { } } #stacks_in_1338 .back_wrapper_31bg { text-align: center; display: block; position: relative; max-width: 1300vh; height: 20vh; min-height: 100px !important; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_1338 .back_wrapper_31bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_1338 .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_1338 .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_1338 .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_1338 .back_wrapper_31bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_1338 .back_wrapper_31bg { } } @media (max-width: 600px) { #stacks_in_1338 .back_wrapper_31bg { } } #stacks_in_1338 .hype_title_31, #stacks_in_1338 .hype_title_31_b { } #stacks_in_1338 .hype_line_31 { background-color: #C18C19 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_1338 .hype-glow-31 { display: none !important; } #stacks_in_1338 .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_1338 .trigger-31 { margin-top: 80px !important; opacity: 0 !important;} /* -- End EACH CSS Template -- */#stacks_in_1338 .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_1338 .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_1338 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_1338 .scrollButton-hypetitles #stacks_in_1338 [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_1338 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_1338 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_1338 .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_1338 .scrollButton-hypetitles { display: none !important; } #stacks_in_1338 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } }.stacks_in_667 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} /* -- Start EACH CSS Template -- */ /* ----------------- edit END -- */ #stacks_in_1326_29 .hype-text-22, #stacks_in_1326_29 .hype-text-22-mobile { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1326_29 .hype-divider-text-bg { background-color: rgba(193, 140, 25, 1.00) !important; border-radius:4px !important; -webkit-border-radius:4px !important; border-style: solid !important; border-top-width: 5px !important; border-bottom-width: 6px !important; border-left-width: 12px !important; border-right-width: 12px !important; border-color: rgba(193, 140, 25, 1.00) !important; margin-right: -20px; margin-left: 0% !important; } #stacks_in_1326_29 .hype-text-22, #stacks_in_1326_29 .hype-text-22-mobile { -webkit-font-smoothing: antialiased !important; text-align: center; font-style: none; text-transform: none; font-size: 15px !important; line-height: 21px !important; letter-spacing: 0px !important; -webkit-font-smoothing: antialiased !important; } #stacks_in_1326_29 .hype-text-22, #stacks_in_1326_29 .hype-text-22-mobile, #stacks_in_1326_29 p .hype-text-22, #stacks_in_1326_29 p .hype-text-22-mobile { font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 700 !important; } #stacks_in_1326_29 .vertical-22 { margin: auto; width: 100%; position: relative; min-height: 50px; } /* prevent issue in Foundation theme and some stacks */ #stacks_in_1326_29 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_1326_29 .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_1326_29_default22_hype_container { margin:auto; position:relative; overflow: visible; pointer-events: none; } #stacks_in_1326_29 .wrapper-22 { margin-right: auto; margin-left: auto; max-width: 1000px; min-height: 50px; transform: rotate( 0deg ); -webkit-transform: rotate(0deg ); } #stacks_in_1326_29 .inner_slice_content { pointer-events: auto; margin: auto; display: none; } #stacks_in_1326_29 .hype_line_22_corner7 path { } #stacks_in_1326_29 .hype_line_22 path, #stacks_in_1326_29 .hype_line_22_corner0 path, #stacks_in_1326_29 .hype_line_22_corner1 path, #stacks_in_1326_29 .hype_line_22_corner2 path, #stacks_in_1326_29 .hype_line_22_corner3 path, #stacks_in_1326_29 .hype_line_22_corner4 path, #stacks_in_1326_29 .hype_line_22_corner5 path, #stacks_in_1326_29 .hype_line_22_corner6 path, #stacks_in_1326_29 .hype_line_22_corner7 path, #stacks_in_1326_29 .hype_line_22_corner8 path, #stacks_in_1326_29 .hype_line_22_corner9 path, #stacks_in_1326_29 .hype_line_22_corner10 path { stroke: #C18C19 !important; stroke-linecap: butt !important; } @keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_1326_29 .hype_line_22 path, #stacks_in_1326_29 .hype_line_22_corner0 path, #stacks_in_1326_29 .hype_line_22_corner1 path, #stacks_in_1326_29 .hype_line_22_corner2 path, #stacks_in_1326_29 .hype_line_22_corner3 path, #stacks_in_1326_29 .hype_line_22_corner4 path, #stacks_in_1326_29 .hype_line_22_corner5 path, #stacks_in_1326_29 .hype_line_22_corner6 path, #stacks_in_1326_29 .hype_line_22_corner7 path, #stacks_in_1326_29 .hype_line_22_corner8 path, #stacks_in_1326_29 .hype_line_22_corner9 path, #stacks_in_1326_29 .hype_line_22_corner10 path { stroke-width: 2px !important; } @media (min-width: 630px) { #stacks_in_1326_29 .hype-text-22 { display: block !important; } } @media (max-width: 630px) { #stacks_in_1326_29 .wrapper-22 { } #stacks_in_1326_29 .hype-text-22 { } #stacks_in_1326_29 .hype-text-22-mobile { display: block !important; } #stacks_in_1326_29 .hype_line_22_corner1 path { } #stacks_in_1326_29 .hype_line_22_corner2 path { } #stacks_in_1326_29 .hype_line_22_corner3 path { } #stacks_in_1326_29 .hype_line_22_corner4 path { } #stacks_in_1326_29 .hype_line_22_corner5 path { } #stacks_in_1326_29 .hype_line_22_corner6 path { } #stacks_in_1326_29 .hype_line_22_corner7 path { } #stacks_in_1326_29 .inner_slice_content { } #stacks_in_1326_29 .hype-divider-text-bg { margin-left: auto !important; } #stacks_in_1326_29 .hype_line_22 path, #stacks_in_1326_29 .hype_line_22_corner0 path, #stacks_in_1326_29 .hype_line_22_corner1 path, #stacks_in_1326_29 .hype_line_22_corner2 path, #stacks_in_1326_29 .hype_line_22_corner3 path, #stacks_in_1326_29 .hype_line_22_corner4 path, #stacks_in_1326_29 .hype_line_22_corner5 path, #stacks_in_1326_29 .hype_line_22_corner6 path, #stacks_in_1326_29 .hype_line_22_corner7 path, #stacks_in_1326_29 .hype_line_22_corner8 path, #stacks_in_1326_29 .hype_line_22_corner9 path, #stacks_in_1326_29 .hype_line_22_corner10 path { } #stacks_in_1326_29 .inner_slice_content { } } #stacks_in_1326_29 .hype_line_22_corner0 path, #stacks_in_1326_29 .hype_line_22_corner1 path, #stacks_in_1326_29 .hype_line_22_corner2 path, #stacks_in_1326_29 .hype_line_22_corner3 path, #stacks_in_1326_29 .hype_line_22_corner4 path, #stacks_in_1326_29 .hype_line_22_corner5 path, #stacks_in_1326_29 .hype_line_22_corner6 path, #stacks_in_1326_29 .hype_line_22_corner7 path, #stacks_in_1326_29 .hype_line_22_corner8 path, #stacks_in_1326_29 .hype_line_22_corner9 path, #stacks_in_1326_29 .hype_line_22_corner10 path { } #stacks_in_1326_29 .trigger-22 { opacity: 0 !important; margin-top: 0px !important; } #stacks_in_1326_29 .preview_only { display: none; } /* -- End EACH CSS Template -- */ #stacks_in_1326_29 { padding: 10px; } #stacks_in_1326_37 img{border:0px solid rgba(204, 204, 204, 1.00);border-radius:0px}#stacks_in_1326_37 img.maxwidth{max-width:100px}#stacks_in_1326_37 img.maxheight{width:auto;max-height:500px} .stacks_in_1326_24{line-height:0}.stacks_in_1326_24 svg{display:inline-block;max-width:20px;height:auto;}.stacks_in_1326_24.full-width svg{width:100%;height:auto}.stacks_in_1326_24 svg *{fill:rgba(179, 179, 179, 1.00)}.stacks_in_1326_24 svg *{stroke:rgba(128, 128, 128, 1.00)} .stacks_in_1326_17{line-height:0}.stacks_in_1326_17 svg{display:inline-block;max-width:40px;height:auto;}.stacks_in_1326_17.full-width svg{width:100%;height:auto}.stacks_in_1326_17 svg *{fill:rgba(156, 146, 172, 1.00)} .stacks_in_1326_20{line-height:0}.stacks_in_1326_20 svg{display:inline-block;max-width:40px;height:auto;}.stacks_in_1326_20.full-width svg{width:100%;height:auto}.stacks_in_1326_20 svg *{fill:rgba(156, 146, 172, 1.00)}