.loupe-wrapper{position:relative}.loupe-wrapper.loupe-active:not(.loupe-draggable):not(.loupe-fill){cursor:none}.loupe-wrapper img{display:block;-webkit-touch-callout:none;-webkit-user-select:none}.loupe-image{width:auto;max-width:none}.loupe{position:absolute;overflow:hidden;border:8px solid rgba(255,255,255,0.5);border-radius:50%;box-shadow:0 0 24px 0 rgba(192,192,192,0.5);opacity:0;pointer-events:none;z-index:1}.loupe-wrapper.loupe-fill{cursor:zoom-in;overflow:hidden}.loupe-fill .loupe{border-radius:0px;box-shadow:none;top:0;bottom:0;left:0;right:0;width:100% !important;height:100% !important}.loupe-draggable .loupe{cursor:grab;pointer-events:auto}.loupe-draggable .loupe.dragging{cursor:none !important}.loupe-glare{position:absolute;border-radius:50%;top:0;bottom:0;left:0;right:0;z-index:2;box-shadow:inset 10px -20px 30px 5px rgba(255,255,255,0.3)} .agent-hide{display:none !important} .vimeo-wrapper{width:100%;padding-top:56.25%;position:relative}.vimeo-wrapper > .fluid-width-video-wrapper,.vimeo-wrapper > iframe{position:absolute;top:0;left:0;width:100%}.vimeo-wrapper > iframe{height:100%} .com_joeworkman_stacks_link_stack a{display:block;text-decoration:none !important;padding:0;margin:0} @font-face { font-family: 'FlatButtonLato'; src: url('../files/font/lato-light-webfont.eot'); src: url('../files/font/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../files/font/lato-light-webfont.woff') format('woff'), url('../files/font/lato-light-webfont.ttf') format('truetype'), url('../files/font/lato-light-webfont.svg#latolight') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'FlatButtonOpenSans'; src: url('../files/font/opensans-regular-webfont.eot'); src: url('../files/font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/font/opensans-regular-webfont.woff') format('woff'), url('../files/font/opensans-regular-webfont.ttf') format('truetype'), url('../files/font/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FlatButtonNoto'; src: url('../files/font/notoserif-regular-webfont.eot'); src: url('../files/font/notoserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/font/notoserif-regular-webfont.woff') format('woff'), url('../files/font/notoserif-regular-webfont.ttf') format('truetype'), url('../files/font/notoserif-regular-webfont.svg#noto_serifregular') format('svg'); font-weight: normal; font-style: normal; } #stacks_in_1 { background-color: rgba(0, 0, 0, 1.00); } :root{--light-gray:rgba(245, 245, 245, 1.00);--medium-gray:rgba(223, 223, 223, 1.00);--dark-gray:rgba(40, 40, 40, 1.00);--black:rgba(15, 15, 15, 1.00);--black-color:var(--black);--white:rgba(255, 255, 255, 1.00);--white-color:var(--white);--primary:rgba(193, 156, 9, 1.00);--secondary:rgba(255, 255, 255, 1.00);--success:rgba(39, 145, 117, 1.00);--warning:rgba(210, 169, 8, 1.00);--alert:rgba(199, 56, 42, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(225, 50, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(50, 50, 50, 1.00);--alert-contrast:rgba(255, 255, 255, 1.00);--primary-dark:rgba(163, 126, 0, 1.00);--secondary-dark:rgba(225, 225, 225, 1.00);--success-dark:rgba(9, 115, 87, 1.00);--warning-dark:rgba(180, 139, 0, 1.00);--alert-dark:rgba(169, 26, 12, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(14, 6, 6, 1.00);--link-color-hover:rgba(186, 41, 44, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(255, 255, 255, 0.15);--radius:5px;--small-gutter:1.25rem;--medium-gutter:1.5rem;--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(255, 255, 255, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(36rem/16)}h2,.h2{font-size:calc(36rem/16)}h3,.h3{font-size:calc(26rem/16)}h4,.h4{font-size:calc(22rem/16)}h5,.h5{font-size:calc(19rem/16)}h6,.h6{font-size:calc(17rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(19rem/16)}h1,.h1{font-size:calc(46rem/16)}h2,.h2{font-size:calc(46rem/16)}h3,.h3{font-size:calc(32rem/16)}h4,.h4{font-size:calc(26rem/16)}h5,.h5{font-size:calc(24rem/16)}h6,.h6{font-size:calc(19rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(20rem/16)}h1,.h1{font-size:calc(58rem/16)}h2,.h2{font-size:calc(58rem/16)}h3,.h3{font-size:calc(38rem/16)}h4,.h4{font-size:calc(32rem/16)}h5,.h5{font-size:calc(26rem/16)}h6,.h6{font-size:calc(22rem/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(5rem/16)}body{background-color:rgba(255, 255, 255, 1.00);} /*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:400}@font-face{font-family:'Font Awesome 5 Duotone';font-style:normal;font-weight:900;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.svg#fontawesome") format("svg")}.fad{position:relative;font-family:'Font Awesome 5 Duotone';font-weight:900}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:300;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.svg#fontawesome") format("svg")}.fal{font-family:'Font Awesome 5 Pro';font-weight:300}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:400;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.svg#fontawesome") format("svg")}.far{font-family:'Font Awesome 5 Pro';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} :root{--light-gray:rgba(239, 239, 239, 1.00);--medium-gray:rgba(208, 208, 208, 1.00);--dark-gray:rgba(108, 108, 108, 1.00);--black:rgba(0, 0, 0, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(124, 99, 243, 1.00);--secondary:rgba(255, 213, 102, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(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(94, 69, 213, 1.00);--secondary-dark:rgba(225, 183, 72, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(0, 0, 0, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(0, 0, 0, 1.00);--link-color:rgba(124, 99, 243, 1.00);--link-color-hover:rgba(107, 87, 211, 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.40);--radius:7px;--small-gutter:2.5rem;--medium-gutter:2.5rem;--large-gutter:2.5rem;--site-width:calc(1360rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(255, 255, 255, 1.00);--small-color:rgba(255, 255, 255, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 213, 102, 1.00);--link-color-hover:rgba(230, 192, 92, 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(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(14rem/16)}.button.small{font-size:calc(15rem/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(16rem/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(7rem/16)}body{background-color:rgba(239, 239, 239, 1.00);} /*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6, .title{font-family:"Poppins",serif } .above-title{font-family:"Poppins",sans-serif } .description{font-family:"Poppins",sans-serif } .button,.btn-main, .main-menu, .tabs, .accordion-title{font-family:"Poppins",sans-serif } .title{font-weight:600 ;} h1.title, h2.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:20.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){h1.title, h2.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:32.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){h1.title, h2.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:48.00px ;margin-left:0.00px }} h3.title, h4.title, h5.title, h6.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:16.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){h3.title, h4.title, h5.title, h6.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:18.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){h3.title, h4.title, h5.title, h6.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:20.00px ;margin-left:0.00px }} .description{font-size:calc(20rem/16) ;font-weight:400 ;}@media only screen and (min-width:40em) { .description{font-size:calc(20rem/16) ;line-height:1.30 }}@media only screen and (min-width:64em) { .description{font-size:calc(20rem/16) ;line-height:1.30 }} .description.tiniest, .description.tiniest span, .tiniest .description, .tiniest .description span{font-size:calc(12rem/16) ;}@media only screen and (min-width:40em) { .description.tiniest, .description.tiniest span, .tiniest .description, .tiniest .description span{font-size:calc(12rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { .description.tiniest, .description.tiniest span, .tiniest .description, .tiniest .description span{font-size:calc(12rem/16) ;line-height:1.10 }} .description.tiny, .description.tiny span, .tiny .description, .tiny .description span{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em) { .description.tiny, .description.tiny span, .tiny .description, .tiny .description span{font-size:calc(14rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { .description.tiny, .description.tiny span, .tiny .description, .tiny .description span{font-size:calc(14rem/16) ;line-height:1.10 }} .description.smallest, .description.smallest span, .smallest .description, .smallest .description span{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) { .description.smallest, .description.smallest span, .smallest .description, .smallest .description span{font-size:calc(16rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { .description.smallest, .description.smallest span, .smallest .description, .smallest .description span{font-size:calc(16rem/16) ;line-height:1.10 }} .description.smaller, .description.smaller span, .smaller .description, .smaller .description span{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em) { .description.smaller, .description.smaller span, .smaller .description, .smaller .description span{font-size:calc(18rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { .description.smaller, .description.smaller span, .smaller .description, .smaller .description span{font-size:calc(18rem/16) ;line-height:1.10 }} .description.bigger, .description.bigger span, .bigger .description, .bigger .description span{font-size:calc(22rem/16) !important;}@media only screen and (min-width:40em) { .description.bigger, .description.bigger span, .bigger .description, .bigger .description span{font-size:calc(22rem/16) !important;line-height:1.10 !important}}@media only screen and (min-width:64em) { .description.bigger, .description.bigger span, .bigger .description, .bigger .description span{font-size:calc(22rem/16) !important;line-height:1.10 !important}} .description.biggest, .description.biggest span, .biggest .description, .biggest .description span{font-size:calc(25rem/16) !important;}@media only screen and (min-width:40em) { .description.biggest, .description.biggest span, .biggest .description, .biggest .description span{font-size:calc(25rem/16) !important;line-height:1.10 !important}}@media only screen and (min-width:64em) { .description.biggest, .description.biggest span, .biggest .description, .biggest .description span{font-size:calc(25rem/16) !important;line-height:1.10 !important}} .description a{position:relative;white-space:normal}.description a:before{content:"";position:absolute;bottom:0px;left:0;width:calc(100% - 0rem / 8);margin:0 calc(0rem / 16);height:2px;background:currentcolor;transform:scaleX(0.00);transform-origin:left ;transition:transform 250ms ease-in;}.description a:hover:before{transform:scaleX(1.00);transform-origin:left } .description a:before{transition:all 150ms ease 0ms } .pad-y{padding-top:32.00px ;padding-right:0.00px ;padding-bottom:32.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.pad-y{padding-top:48.00px ;padding-right:0.00px ;padding-bottom:48.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.pad-y{padding-top:64.00px ;padding-right:0.00px ;padding-bottom:64.00px ;padding-left:0.00px }} .pad-y-single{padding-top:64.00px ;padding-right:0.00px ;padding-bottom:64.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.pad-y-single{padding-top:96.00px ;padding-right:0.00px ;padding-bottom:96.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.pad-y-single{padding-top:128.00px ;padding-right:0.00px ;padding-bottom:128.00px ;padding-left:0.00px }} .pad-t{padding-top:32.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.pad-t{padding-top:48.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.pad-t{padding-top:64.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }} .pad-b{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:32.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.pad-b{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:48.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.pad-b{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:64.00px ;padding-left:0.00px }} .bg-almost-white{background-color:var(--my-almost-white) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bg-almost-white{background-attachment:scroll!important}} /* 1.5.3.8 - fixes a bug that could prevent Notice from being able to re-trigger when set to center alignment - iconic framework is now loaded over https - added support for vertical center animations - cookie now expires after 7 days instead of when browser is closed - prevents content scrolling from also scrolling the webpage body - added "hide this stack" to the responsive settings - Cookies now allow you to define "show once per" - new option to close a notification by clicking anywhere on the notification or by clickign away from it TODO: Simplify how the trigger links to its notice TODO: Other notices should close when a new one is opened */ @important "partials/maps"; .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } #noticeContainer_stacks_in_14954 { /* */ display: block; position: relative; } #noticeContainer_stacks_in_14954 .clearfix:before { content: " "; display: table; } #noticeContainer_stacks_in_14954 .clearfix:after { content: " "; display: table; clear: both; } #notice_stacks_in_14954 { /* */ /* */ opacity: 0; left: 0px; right: 0px; max-height: 70%; /* */ position: fixed; /* */ overflow-y: auto !important; overscroll-behavior: none; visibility: hidden; /* */ z-index: 999999; /* */ max-width: 100%; /* */ /* */ /* */ /* */ top: 0px; /* */ /* */ /* */ /* */ margin-right: auto; /* */ /* */ /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); border-radius: 0px 0px 0px 0px; } #notice_stacks_in_14954.show { opacity: 1; visibility: visible; } #notice_stacks_in_14954.hide { opacity: 0; visibility: hidden; } #notice_stacks_in_14954.cookie-hide { display: none; } #notice_stacks_in_14954 .notice-inner-stacks { clear: both; margin: 0 auto; max-width: 4000px; padding: 4px 10px 4px 10px; } #notice_stacks_in_14954 .notice-inner { clear: both; margin: 0 auto; max-width: 4000px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 4px 10px 4px 10px; /* */ /* */ text-align: center; /* */ /* */ /* */ display: -ms-flexbox; display: flex; /* */ /* */ } #notice_stacks_in_14954 .notice-inner-text { -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; font-size: 16px; line-height: 22px; } #notice_stacks_in_14954 .notice-inner-icon { /* */ /* */ /* */ -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; /* */ /* */ -ms-flex: 0 1 auto; flex: 0 1 auto; color: rgba(255, 255, 255, 1.00); padding: 5px 20px 5px 10px; } #notice_stacks_in_14954 .notice-inner-icon i { font-size: 32px; vertical-align: middle; } #notice_stacks_in_14954 .notice-close-btn { float: right; cursor: pointer; color: rgba(255, 255, 255, 1.00); padding: 10px 10px 0px 10px; } #notice_stacks_in_14954 .notice-close-btn i { cursor: pointer; vertical-align: middle; } #notice_stacks_in_14954 .notice-action { height: 40px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; /* */ color: inherit; background: none; /* */ } #notice_stacks_in_14954 .notice-action i { vertical-align: middle; } #notice_stacks_in_14954 .notice-action-close { border-style: solid; border-width: 1px 0 0 0; border-color: rgba(255, 255, 255, 0.30); } #notice_stacks_in_14954 .notice-action-close:hover { /* */ } #notice_stacks_in_14954 .notice-action-custom { border-style: solid; border-width: 1px 0 0 1px; border-color: rgba(255, 255, 255, 0.30); } #notice_stacks_in_14954 .notice-action-custom:hover { /* */ } #notice_stacks_in_14954 .notice-action-custom a { color: inherit; width: 100%; height: 100%; /* */ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; -ms-flex-pack: center; justify-content: center; /* */ } #notice_stacks_in_14954 .notice-action-btn { height: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -ms-flex-pack: center; justify-content: center; } #notice_stacks_in_14954 .notice-action-btn:hover { cursor: pointer; } @media (max-width: 480px) { #notice_stacks_in_14954 .notice-action { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 90px; } #notice_stacks_in_14954 .notice-action-custom { border-width: 1px 0 0 0; } #notice_stacks_in_14954 .notice-action div { height: 50%; width: 100%; } } /* */ @media all and (min-width: 771px) { #notice_stacks_in_14954.hide-desktop { display: none; } } @media all and (max-width: 770px) and (min-width: 501px) { #notice_stacks_in_14954.hide-tablet { display: none; } } @media all and (max-width: 500px) { #notice_stacks_in_14954.hide-mobile { display: none; } } #stacks_in_15641 .stacks_in_15641-button { text-shadow: none; border: none; outline: none; word-wrap: normal; white-space: nowrap; overflow: hidden; position: relative; font-family: FlatButtonLato, sans-serif; font-size: 17px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizeLegibility; text-align: center; } #stacks_in_15641 .button_text { padding: 0 20px 0 20px; display: inline-block; } #stacks_in_15641 .button_icon { display: inline-block; font-size: 17px !important; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; float: left; width: 40px; } #stacks_in_15641 .stacks_in_15641-button, #stacks_in_15641 .button_icon { height: 40px; line-height: 40px; } #stacks_in_15641 { text-align: left; } #stacks_in_15641 a.stacks_in_15641-button, #stacks_in_15641 a.stacks_in_15641-button:visited, #stacks_in_15641 a.stacks_in_15641-button:hover, #stacks_in_15641 a.stacks_in_15641-button:active { text-decoration: none; } /* Color picker options */ #stacks_in_15641 .stacks_in_15641-button { background-color: #D2A908; } #stacks_in_15641 a.stacks_in_15641-button, #stacks_in_15641 a.stacks_in_15641-button:visited { color: #FFFFFF !important; } #stacks_in_15641 a.stacks_in_15641-button:hover, #stacks_in_15641 a.stacks_in_15641-button:active { text-decoration: none; color: #FFFFFF !important; background-color: #E6BD1C; } #stacks_in_15641 .button_icon { background-color: #D2D2D2; } #stacks_in_15641 a.stacks_in_15641-button:hover .button_icon, #stacks_in_15641 a.stacks_in_15641-button:active .button_icon { background-color: #E6E6E6; } #stacks_in_15641 { margin: 4px 0px 0px 0px; } .loupe-thumb-filter{border-color:rgba(51, 51, 51, 1.00) ;border-width:8px ;border-style:solid ;} .filter-image-wrapper{overflow :visible } .control path{transition:all 300ms ease 0ms } .controls-demo .control:hover path{fill:rgba(0, 172, 234, 1.00) ;} .stamp-grid{--small-gutter:0.0625rem;--medium-gutter:1.25rem;--large-gutter:2rem;} .centrado{margin:auto ;} .cursorlupa:hover{cursor:zoom-in } .banner{height:16rem ;} .color3bbg{background-color:rgba(188, 176, 146, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.color3bbg{background-attachment:scroll!important}} .banner{background-image:url('../files/bgimage-12344.jpg') ;background-repeat:no-repeat ;background-size: cover ;} .banner-content{height:100vh ;} .banner{position:relative}.banner > *{position:relative}.banner:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:0.25 ;background-color:var(--black-color) ;} .banner{position:relative}.banner > *{position:relative}.banner:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:0.30 ;background-color:var(--black-color) ;} .banner-title{text-shadow:2px 2px 5px rgba(0, 0, 0, 0.60);} .stacks_in_12413 > *{display:inline-block;white-space:nowrap} .stacks_in_12427 > *{display:inline-block;white-space:nowrap} .stacks_in_15189 img{width:100%;max-width:920px} .stacks_in_14477 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .vimeo-wrapper.stacks_in_15179{padding-top:calc((720/1280)*100%)} #stacks_in_15179 { margin: 10px 40px 60px 40px; } .stacks_in_14483 > *{display:inline-block;white-space:nowrap} .stacks_in_14488 > *{display:inline-block;white-space:nowrap} .stacks_in_15763 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .vimeo-wrapper.stacks_in_15794{padding-top:calc((720/1280)*100%)} #stacks_in_15794 { margin: 10px 40px 60px 40px; } .stacks_in_15773 > *{display:inline-block;white-space:nowrap} .stacks_in_15779 > *{display:inline-block;white-space:nowrap} .vimeo-wrapper.stacks_in_15743{padding-top:calc((720/1280)*100%)} #stacks_in_15743 { margin: 10px 40px 60px 40px; } .stacks_in_15207 > *{display:inline-block;white-space:nowrap} .stacks_in_15213 > *{display:inline-block;white-space:nowrap} .stacks_in_15201 img{width:100%;max-width:920px} .stacks_in_15467 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .vimeo-wrapper.stacks_in_15498{padding-top:calc((720/1280)*100%)} #stacks_in_15498 { margin: 10px 40px 60px 40px; } .stacks_in_15476 > *{display:inline-block;white-space:nowrap} .stacks_in_15485 > *{display:inline-block;white-space:nowrap} .stacks_in_15599 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .vimeo-wrapper.stacks_in_15604{padding-top:calc((720/1280)*100%)} #stacks_in_15604 { margin: 10px 40px 60px 40px; } .stacks_in_15609 > *{display:inline-block;white-space:nowrap} .stacks_in_15615 > *{display:inline-block;white-space:nowrap} .stacks_in_15155 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_15161 > *{display:inline-block;white-space:nowrap} .stacks_in_15166 > *{display:inline-block;white-space:nowrap} .vimeo-wrapper.stacks_in_15268{padding-top:calc((720/1280)*100%)} #stacks_in_15268 { margin: 10px 40px 60px 40px; } .stacks_in_15552 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_15536 img{width:100%;max-width:900px} .stacks_in_15558 > *{display:inline-block;white-space:nowrap} .stacks_in_15563 > *{display:inline-block;white-space:nowrap} .stacks_in_15346 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_15352 > *{display:inline-block;white-space:nowrap} .stacks_in_15357 > *{display:inline-block;white-space:nowrap} .vimeo-wrapper.stacks_in_15370{padding-top:calc((720/1280)*100%)} #stacks_in_15370 { margin: 10px 40px 60px 40px; } .vimeo-wrapper.stacks_in_15412{padding-top:calc((720/1280)*100%)} #stacks_in_15412 { margin: 10px 40px 60px 40px; } .stacks_in_15417 > *{display:inline-block;white-space:nowrap} .stacks_in_15423 > *{display:inline-block;white-space:nowrap} .stacks_in_15238 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_15247 > *{display:inline-block;white-space:nowrap} .stacks_in_15253 > *{display:inline-block;white-space:nowrap} .stacks_in_14547 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_14553 > *{display:inline-block;white-space:nowrap} .stacks_in_14558 > *{display:inline-block;white-space:nowrap} .vimeo-wrapper.stacks_in_15655{padding-top:calc((720/1280)*100%)} #stacks_in_15655 { margin: 10px 40px 60px 40px; } .home4bg{background-color:rgba(124, 101, 84, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.home4bg{background-attachment:scroll!important}} .stacks_in_14910 img{width:100%;max-width:110px} .stacks_in_14914 img{width:100%;max-width:70px} .stacks_in_14918 img{width:100%;max-width:55px} .stacks_in_14924 img{width:100%;max-width:100px} .stacks_in_14928 img{width:100%;max-width:100px} .stacks_in_14929 img{width:100%;max-width:120px} .bg-color-2{background-color:rgba(217, 170, 40, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bg-color-2{background-attachment:scroll!important}} .stacks_in_14233_8 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_14233_48 > *{display:inline-block;white-space:nowrap} .stacks_in_14233_52 > *{display:inline-block;white-space:nowrap} .stacks_in_14233_56 > *{display:inline-block;white-space:nowrap} .stacks_in_14233_60 > *{display:inline-block;white-space:nowrap} .stacks_in_14233_129 > *{display:inline-block;white-space:nowrap} /* HitCounter styles */ /* Bryn Owen Design, 2015 */ #stacks_in_13981 { text-align: right; } .stacks_in_13981_counter, .stacks_in_13981_fcounter, .stacks_in_13981_lcounter, .stacks_in_13981_xcounter { display: inline-block; line-height: 1.0em; font-family: sans-serif, sans-serif; font-size: 9px; color: #000000; padding: 0px 2px 0px 2px; border-right: solid 0px transparent; border-top: none; border-bottom: none; border-collapse: separate; border-radius: 0px; background: transparent; } .stacks_in_13981_counter:hover, .stacks_in_13981_fcounter:hover, %.id%_lcounter:hover, .stacks_in_13981_xcounter:hover { } .stacks_in_13981_fcounter { } .stacks_in_13981_lcounter { border-right: none !important; } .stacks_in_13981_xcounter { border-right: none !important; } #stacks_in_13981 { background-color: rgba(0, 0, 0, 0.00); }