.com_bigwhiteduck_stacks_FoundationButtonPlus2_stack{position:relative}.b-p.icon-only{-webkit-box-sizing:content-box!important;box-sizing:content-box!important}.bp-wrap.bp-txt-left>.b-p:not(.icon-only){text-align:left!important}.bp-wrap.bp-txt-center>.b-p:not(.icon-only){text-align:center!important}.bp-wrap.bp-txt-right>.b-p:not(.icon-only){text-align:right!important}.bp-wrap.noclick-active>.b-p.active{pointer-events:none!important} .bp-wrap.inline-wrap{display:inline-block} .com_bigwhiteduck_stacks_headerpro_stack .text-center{text-align:center}.com_bigwhiteduck_stacks_headerpro_stack .text-left{text-align:left}.com_bigwhiteduck_stacks_headerpro_stack .text-right{text-align:right}.com_bigwhiteduck_stacks_headerpro_stack .text-justify{text-align:justify}.com_bigwhiteduck_stacks_headerpro_stack .text-inherit{text-align:inherit} .com_bigwhiteduck_stacks_paragraphpro_stack p.text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-left{text-align:left}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-right{text-align:right}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify{text-align:justify}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-inherit{text-align:inherit}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center + ul{display:table;margin:0 auto;text-align:left}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify.small-only-just-left{text-align:left !important}} .seam{background-color:transparent;width:100%;overflow:hidden}.seam svg{display:block;transform:scale(1.05)}.seam-top{z-index:1;position:absolute;top:0}.seam-bottom{z-index:1;position:absolute;bottom:0}.seam-content-wrapper{position:relative;overflow:hidden}.seam-content-wrapper .seam,.seam-content-wrapper .seam-filler{position:absolute;width:100%;top:60%}.seam-content-wrapper .seam{transform:translateY(-100%) scale(1.01)}.seam-content-wrapper .seam-filler{height:100%}.seam-animate-end{visibility:hidden} .columnist li{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.columnist .break{-webkit-column-span:all;-moz-column-span:all;column-span:all}.columnist.list-cards ul{margin:0;list-style:none}.columnist.list-cards li{display:inline-block} :root{--light-gray:rgba(230, 230, 230, 0.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, 0, 0, 1.00);--secondary:rgba(164, 204, 183, 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(0, 0, 0, 1.00);--secondary-dark:rgba(134, 174, 153, 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(60, 60, 60, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(60, 60, 60, 1.00);--link-color:rgba(0, 139, 101, 1.00);--link-color-hover:rgba(0, 139, 101, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:underline;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:100%;}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(164, 204, 183, 1.00);--link-color-hover:rgba(164, 204, 183, 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(16rem/16)}h1,.h1{font-size:calc(26rem/16)}h2,.h2{font-size:calc(24rem/16)}h3,.h3{font-size:calc(22rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(40rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(28rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(40rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(28rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{background-color:rgba(251, 251, 251, 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: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} p,.p, h3,.h3, h4,.h4, h5,.h5, h6,.h6, blockquote, .menu li, li, form, .button,.myclass{font-family:"Open Sans",sans-serif } h1,.h1, .cedarville{font-family:"Cedarville Cursive",cursive } h2,.h2, .sriracha{font-family:"Sriracha",cursive } .accordion-title{font-size:calc(20rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { .accordion-title{font-size:calc(20rem/16) }}@media only screen and (min-width:64em) { .accordion-title{font-size:calc(20rem/16) }} .accordion-title{color:rgba(255, 255, 255, 1.00) ;} .accordion-item.is-active>.accordion-title{color:rgba(164, 204, 183, 1.00) ;} .hm_menustyle>.menu a, .menu.hm_menustyle a{--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .hm_menustyle>.menu .menu-text, .menu.hm_menustyle .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .hm_menustyle>.menu>li>a, .menu.hm_menustyle>li>a{padding-top:1rem;padding-bottom:1rem} .hm_menustyle>.menu .submenu>li>a, .menu.hm_menustyle .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .hm_menustyle>.menu li.active>a, .hm_menustyle>.menu li.is-active>a, .hm_menustyle>.menu a.is-active, .menu.hm_menustyle li.active>a, .menu.hm_menustyle li.is-active>a, .menu.hm_menustyle a.is-active{--menu-bg-color:rgba(97, 103, 173, 0.00);--menu-link-color:rgba(255, 255, 255, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00)} .hm_menustyle>.menu .submenu li.active>a, .hm_menustyle>.menu .submenu li.is-active>a, .hm_menustyle>.menu .submenu a.is-active, .menu.hm_menustyle .submenu li.active>a, .menu.hm_menustyle .submenu li.is-active>a, .menu.hm_menustyle .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .hm_menustyle>.menu .submenu a, .menu.hm_menustyle .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .hm_menustyle>.menu .submenu, .menu.hm_menustyle .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .hm_menustyle>.menu .submenu a, .menu.hm_menustyle .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(96, 96, 96, 1.00)} .hm_menustyle>.menu .submenu .menu-text, .menu.hm_menustyle .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .hm_menustyle>.menu .submenu li.active>a, .hm_menustyle>.menu .submenu li.is-active>a, .hm_menustyle>.menu .submenu a.is-active, .menu.hm_menustyle .submenu li.active>a, .menu.hm_menustyle .submenu li.is-active>a, .menu.hm_menustyle .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .hm_yellowtext{color:rgba(255, 199, 16, 1.00) ;} .hm_lilatext{color:rgba(164, 204, 183, 1.00) ;} .hm_greentext{color:rgba(0, 139, 101, 1.00) ;} .left_40px{margin-left:2.5rem ;} .right_40px{margin-right:2.5rem ;} .top_40px{margin-top:2.5rem ;} .bottom_40px{margin-bottom:2.5rem ;} .bottom_96px{margin-bottom:6rem ;} .top_32px{margin-top:2rem ;} .top_and_bottom_32px{margin-top:2rem ;margin-bottom:2rem ;} .top_and_bottom_40px{margin-top:2.5rem ;margin-bottom:2.5rem ;} .top_and_bottom_96px{margin-top:6rem ;margin-bottom:6rem ;} .bottom_96px{margin-bottom:6rem ;} .hm_right_8px{margin-right:0.5rem ;} .hm_underline_back:hover{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 91%,rgba(255,255,255,0.7) 92%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }@media (hover:none) and (pointer:coarse){.hm_underline_back{background-attachment:scroll!important}} .menu>li.is-active>a, .menu>li.active>a, .menu>li>a.is_active{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 91%,rgba(255,255,255,1) 92%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }@media (hover:none) and (pointer:coarse){.menu>li.is-active>a, .menu>li.active>a, .menu>li>a.is_active{background-attachment:scroll!important}} .padding_right_20px{padding-right:1.25rem ;padding-bottom:0 ;} .padding_top_20px{padding-top:0.25rem ;} .padding_top_20px_v2{padding-top:1.25rem ;} .padding_top_40px{padding-top:2.5rem ;} .padding_top_bottom96px{padding-top:6rem ;padding-bottom:6rem ;} .padding_top40_bottom96px{padding-top:2.5rem ;padding-bottom:6rem ;} .padding_bottom48px{padding-bottom:3rem ;} .hm_lilaback{background-color:rgba(164, 204, 183, 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){.hm_lilaback{background-attachment:scroll!important}} .hm_greenback_fingerprint{background-color:rgba(0, 139, 101, 1.00) ;background-image:url('../files/bgimage-21-CAC.gif') ;background-repeat:no-repeat ;background-size: cover ;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){.hm_greenback_fingerprint{background-attachment:scroll!important}} .hm_greenback2_fingerprint{background-color:rgba(0, 139, 101, 1.00) ;background-image:url('../files/bgimage-57-CAC.gif') ;background-repeat:no-repeat ;background-size: cover ;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){.hm_greenback2_fingerprint{background-attachment:scroll!important}} .hm_yellowback_fingerprint{background-color:rgba(255, 199, 16, 1.00) ;background-image:url('../files/bgimage-47-CAC.gif') ;background-repeat:no-repeat ;background-size: cover ;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){.hm_yellowback_fingerprint{background-attachment:scroll!important}} .hm_lilaback_fingerprint{background-color:rgba(164, 204, 183, 1.00) ;background-image:url('../files/bgimage-45-CAC.gif') ;background-repeat:no-repeat ;background-size: cover ;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){.hm_lilaback_fingerprint{background-attachment:scroll!important}} .hm_whiteback_fingerprint{background-color:rgba(246, 239, 236, 1.00) ;background-image:url('../files/bgimage-22-CAC.gif') ;background-repeat:no-repeat ;background-size: contain ;background-position:right 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){.hm_whiteback_fingerprint{background-attachment:scroll!important}} .button_hover_50p:hover{background-color:rgba(111, 112, 112, 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){.button_hover_50p{background-attachment:scroll!important}} .hm_yellowback{background-color:rgba(255, 199, 16, 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){.hm_yellowback{background-attachment:scroll!important}} .hm_greenback{background-color:rgba(0, 139, 101, 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){.hm_greenback{background-attachment:scroll!important}} .hm_textcolors{--header-color:rgba(60, 60, 60, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 199, 16, 1.00);--link-color-hover:rgba(138, 138, 138, 1.00);--link-decoration:none;--link-decoration-hover:underline} .hm_textcolors2{--header-color:rgba(60, 60, 60, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(60, 60, 60, 1.00);--link-color:rgba(60, 60, 60, 1.00);--link-color-hover:rgba(0, 139, 101, 1.00);--link-decoration:underline;--link-decoration-hover:underline} .hm_textcolors3{--header-color:rgba(60, 60, 60, 1.00);--subheader-color:rgba(138, 138, 138, 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(138, 138, 138, 1.00);--link-decoration:underline;--link-decoration-hover:underline} .hm_textcolors-topbar{--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, 255, 255, 1.00);--link-color-hover:rgba(255, 255, 255, 1.00);--link-decoration:none;--link-decoration-hover:none} .hm_textcolors-footer{--header-color:rgba(60, 60, 60, 1.00);--subheader-color:rgba(60, 60, 60, 1.00);--small-color:rgba(60, 60, 60, 1.00);--text-color:rgba(60, 60, 60, 1.00);--link-color:rgba(60, 60, 60, 1.00);--link-color-hover:rgba(0, 139, 101, 1.00);--link-decoration:none;--link-decoration-hover:underline} .submitbutton_hover:hover{background-color:rgba(0, 211, 153, 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){.submitbutton_hover{background-attachment:scroll!important}} .text_yellow_hover:hover{color:rgba(255, 199, 16, 1.00) ;} .max_with1400{min-width:0.00px ;max-width:1400.00px ;} .rounding0{border-radius:0px ;} .hm_shadow{filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.30));} .accordion-title{border-radius:8px !important;} .accordion-title{background-color:rgba(0, 139, 101, 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){.accordion-title{background-attachment:scroll!important}} .accordion-title:hover{background-color:rgba(255, 199, 16, 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){.accordion-title{background-attachment:scroll!important}} .bigwave2_back{background-image:url('../files/bgimage-59-CAC.gif') ;background-repeat:no-repeat ;background-size: cover ;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){.bigwave2_back{background-attachment:scroll!important}} .myclass{transition:all 1000ms ease 0ms } .siteborder_hm{border-color:rgba(245, 245, 245, 1.00) ;border-width:0px 1px 2px 1px ;border-style:none solid solid solid ;} .whiteback{background-color:rgba(246, 239, 234, 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){.whiteback{background-attachment:scroll!important}} .rounding_8px{border-radius:8px ;} .reveal{box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.60);} .hm_menuback{background-color:rgba(0, 139, 101, 1.00) ;background-image:url('../files/bgimage-73-CAC.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.hm_menuback{background-attachment:scroll!important}} .menubox_back{background-color:transparent ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background: rgb(0,139,101); background: linear-gradient(90deg, rgba(0,139,101,0.829551889115021) 0%, rgba(164,204,183,0.8379552504595589) 50%, rgba(255,199,16,0.8323530095632002) 100%); }@media (hover:none) and (pointer:coarse){.menubox_back{background-attachment:scroll!important}} .button.b-p { box-sizing: border-box; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; } .button.b-p { overflow: visible; -webkit-appearance: button; cursor: pointer; } .button.b-p[disabled] { cursor: default; } .button.b-p::-moz-focus-inner { border: 0; padding: 0; } .button.b-p { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer; font-family: inherit; font-weight: inherit; line-height: normal; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; padding: 1rem 2rem 1.0625rem 2rem; font-size: 1rem; transition: all 300ms ease-out; } .button.b-p.large { padding: 1.125rem 2.25rem 1.1875rem 2.25rem; font-size: 1.25rem; } .button.b-p.small { padding: .875rem 1.75rem .9375rem 1.75rem; font-size: .8125rem; } .button.b-p.tiny { padding: .625rem 1.25rem .6875rem 1.25rem; font-size: .6875rem; } .button.b-p.expand { padding-left: 1rem; padding-right: 1rem; width: 100%; } .button.b-p.left-align { text-align: left; text-indent: .75rem; } .button.b-p.right-align { text-align: right; padding-right: .75rem; } .button.b-p.radius, .button.b-p.radius::before, .button.b-p.radius::after { border-radius: 3px; } .button.b-p.round, .button.b-p.radius::before, .button.b-p.round::after { border-radius: 1000px; } .button.b-p.disabled, .button.b-p[disabled] { background-color: #008CBA; border-color: #007095; color: #fff; box-shadow: none; cursor: default; opacity: .7; } .button.b-p.right { float: right !important; } .button.b-p::-moz-focus-inner { border: 0; padding: 0; } @media only screen and (min-width: 40.063em) { .button.b-p { display: inline-block; } } .bp-styles-warning { display: none; } .button.b-p:not(.custom) { background-color: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); } .button.b-p:not(.custom):hover { color: rgba(255, 255, 255, 1.00); background-color: #014c8c; } .button.b-p.secondary:not(.custom) { background-color: rgba(231, 231, 231, 1.00); color: rgba(51, 51, 51, 1.00); } .button.b-p.secondary:not(.custom):hover { color: rgba(51, 51, 51, 1.00); background-color: #c1c1c1; } .button.b-p.alert:not(.custom) { background-color: rgba(217, 83, 79, 1.00); } .button.b-p.alert:not(.custom):hover { background-color: #b52b27; } .button.b-p.success:not(.custom) { background-color: rgba(92, 184, 92, 1.00); } .button.b-p.success:not(.custom):hover { background-color: #3d8b3d; } .button.b-p.radius:not(.custom) { border-radius: 4px; } .button.b-p.ghost:not(.custom) { background-color: transparent; border-width: 1px; border-color: rgba(2, 117, 216, 1.00); color: rgba(2, 117, 216, 1.00); } .button.b-p.ghost:not(.custom):hover { color: rgba(255, 255, 255, 1.00); border-color: #014c8c; background-color: #014c8c; } .button.b-p.ghost.secondary:not(.custom) { border-color: rgba(231, 231, 231, 1.00); color: rgba(231, 231, 231, 1.00); } .button.b-p.ghost.secondary:not(.custom):hover { color: rgba(51, 51, 51, 1.00); border-color: #c1c1c1; background-color: #c1c1c1; } .button.b-p.ghost.alert:not(.custom) { border-color: rgba(217, 83, 79, 1.00); color: rgba(217, 83, 79, 1.00); } .button.b-p.ghost.alert:not(.custom):hover { color: rgba(255, 255, 255, 1.00); border-color: #b52b27; background-color: #b52b27; } .button.b-p.ghost.success:not(.custom) { border-color: rgba(92, 184, 92, 1.00); color: rgba(92, 184, 92, 1.00); } .button.b-p.ghost.success:not(.custom):hover { color: rgba(255, 255, 255, 1.00); border-color: #3d8b3d; background-color: #3d8b3d; } .button.b-p.outline-ghost:not(.custom) { border-color: rgba(204, 204, 204, 1.00); border-width: 1px; color: rgba(55, 58, 60, 1.00); background-color: transparent; } .button.b-p.outline-ghost:not(.custom):hover { color: #121314; border-color: #a6a6a6; background-color: rgba(212, 212, 212, 0.00); } #stacks_in_1229 > .chroma-scroll > .slide-head{display:none}#stacks_in_1229 > .chroma-scroll > .slide-head.is-active{display:block}#stacks_in_1229 > .chroma-scroll > .slide-head .top-bar{z-index:6000}#stacks_in_1229 > .chroma-scroll.slide-fresh{-webkit-animation-duration:1ms !important;animation-duration:1ms !important}#stacks_in_1229 > .chroma-scroll.slide-fresh > .su-content::after{-webkit-transition-duration:1ms !important;transition-duration:1ms !important}#stacks_in_1229 > .chroma-scroll.pre-load{-webkit-animation-duration:1ms !important;animation-duration:1ms !important}#stacks_in_1229 > .chroma-scroll.pre-load > .su-content::after{-webkit-transition-duration:1ms !important;transition-duration:1ms !important}#stacks_in_1229 > .chroma-scroll.pre-load .su-content{height:0px !important;padding:0px !important}@media screen and (max-width:640px){#stacks_in_1229 > .chroma-scroll > .slide-head.is-active.small-head-hide{display:none}#stacks_in_1229 > .chroma-scroll > .slide-head.is-active.small-head-show{display:block}#stacks_in_1229 > .chroma-scroll.mob-no-bg[data-style] > .su-content::after{background-color:transparent}#stacks_in_1229 > .chroma-scroll.mob-no-bg.is-fixed.fixed-shadow{-webkit-box-shadow:none;box-shadow:none}#stacks_in_1229.mob-static > .chroma-scroll.is-fixed{position:static}#stacks_in_1229.mob-static > .su-pad[style]{height:0px !important}.su-pad.mob-static.spacer-stacks_in_1229[style]{height:0px !important}}@media screen and (min-width:640px){#stacks_in_1229.large-static > .chroma-scroll.is-fixed{position:static}#stacks_in_1229.large-static > .su-pad[style]{height:0px !important}}#stacks_in_1229{overflow:hidden}#stacks_in_1229 > .chroma-scroll > .su-content > .stacks_out{overflow:hidden !important}.su-pad.spacer-stacks_in_1229{width:100%;min-width:100%}.su-pad.spacer-stacks_in_1229.posFixed.allow-overlay,.su-pad.spacer-stacks_in_1229.posFixed.fix-bot{height:0px !important;visibility:hidden !important}@media screen and (max-width:640px){.su-pad.spacer-stacks_in_1229.hide-below-bp{display:none}}@media screen and (min-width:640px){.su-pad.spacer-stacks_in_1229.hide-above-bp{display:none}}#stacks_in_1229.width-contain{width:auto;display:inline-block}#stacks_in_1229.width-contain > .chroma-scroll.is-fixed{border-radius:none}#stacks_in_1229.width-contain > .chroma-scroll.is-fixed.fixed-shadow{-webkit-box-shadow:none;box-shadow:none}#stacks_in_1229.width-contain > .chroma-scroll.is-fixed > .su-content::after{border-radius:0px 0px 0px 0px}#stacks_in_1229.width-contain > .chroma-scroll.is-fixed.su-right{right:0}#stacks_in_1229.width-contain > .chroma-scroll.is-fixed.su-left{left:0}#stacks_in_1229.width-contain > .chroma-scroll.is-fixed.su-center{left:0;right:0;text-align:center}#stacks_in_1229.width-contain > .chroma-scroll.is-fixed.su-center > .su-content{display:inline-block;margin:0;vertical-align:top}#stacks_in_1229 > .chroma-scroll{-webkit-overflow-scrolling:touch}#stacks_in_1229 > .chroma-scroll > .su-content::after{border-radius:0px 0px 0px 0px}#stacks_in_1229 > .chroma-scroll.is-fixed .su-content.oc-toggle{-webkit-backface-visibility:hidden;z-index:3030}#stacks_in_1229 > .chroma-scroll.is-fixed:not(.width-contain).abs-left{left:0px}#stacks_in_1229 > .chroma-scroll.header-slide.is-static{position:relative;-webkit-transition:-webkit-transform 1ms !important;transition:-webkit-transform 1ms !important;transition:transform 1ms !important;transition:transform 1ms,-webkit-transform 1ms !important}#stacks_in_1229 > .chroma-scroll.header-slide.slide-fresh{-webkit-transition:-webkit-transform 1ms !important;transition:-webkit-transform 1ms !important;transition:transform 1ms !important;transition:transform 1ms,-webkit-transform 1ms !important;-webkit-animation-duration:1ms !important;animation-duration:1ms !important;visibility:hidden;height:0 !important}#stacks_in_1229.width-contain > .chroma-scroll.su-center{border-radius:none}#stacks_in_1229.width-contain > .chroma-scroll.su-center.fixed-shadow{-webkit-box-shadow:none;box-shadow:none}#stacks_in_1229.width-contain > .chroma-scroll.su-center > .su-content::after{border-radius:0px 0px 0px 0px}#stacks_in_1229 .style-defs{display:none}#stacks_in_1229 > .chroma-scroll{-webkit-transition:padding 200ms ease-in-out,visibility 0s linear 0s,opacity 200ms,box-shadow 200ms ease,-webkit-transform 300ms;-webkit-transition:padding 200ms ease-in-out,visibility 0s linear 0s,opacity 200ms,-webkit-box-shadow 200ms ease,-webkit-transform 300ms;transition:padding 200ms ease-in-out,visibility 0s linear 0s,opacity 200ms,-webkit-box-shadow 200ms ease,-webkit-transform 300ms;transition:padding 200ms ease-in-out,visibility 0s linear 0s,opacity 200ms,box-shadow 200ms ease,transform 300ms;transition:padding 200ms ease-in-out,visibility 0s linear 0s,opacity 200ms,box-shadow 200ms ease,transform 300ms,-webkit-box-shadow 200ms ease,-webkit-transform 300ms}#stacks_in_1229 > .chroma-scroll > .su-content{-webkit-transition:padding 200ms ease-in-out;transition:padding 200ms ease-in-out}#stacks_in_1229 > .chroma-scroll > .su-content::after{z-index:-1;position:absolute;top:0;left:0;bottom:0;right:0;content:"";-webkit-transition:background 200ms linear,opacity 200ms linear;transition:background 200ms linear,opacity 200ms linear}#stacks_in_1229 > .chroma-scroll > .su-content{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px}#stacks_in_1229 > .chroma-scroll > .su-content::after{background:rgba(255, 255, 255, 1.00)}@media screen and (max-width:640px){#stacks_in_1229 > .chroma-scroll > .su-content{padding:0 !important}}.chroma-scroll-pro .top-bar .title-area .title-area li.name,.chroma-scroll-pro .toggle-contents .main-title,.chroma-scroll-pro .mag-title-area,.chroma-scroll-pro .navigation_branding,.chroma-scroll-pro .bb-site-title{-webkit-transition:opacity 200ms !important;transition:opacity 200ms !important}#stacks_in_1229 > .chroma-scroll{-webkit-transition:visibility 0s 300ms linear,opacity 300ms linear;transition:visibility 0s 300ms linear,opacity 300ms linear;visibility:hidden;opacity:0}#stacks_in_1229 > .chroma-scroll.is-fixed.is-scrolled > .su-content{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px}#stacks_in_1229 > .chroma-scroll.is-fixed.is-scrolled > .su-content::after{background:rgba(255, 255, 255, 1.00)}#stacks_in_1229 > .chroma-scroll.is-fixed.is-scrolled{-webkit-transition:visibility 0s linear,opacity 300ms linear;transition:visibility 0s linear,opacity 300ms linear;visibility:visible;opacity:1}#stacks_in_1229 > .chroma-scroll.is-fixed{z-index:1001;}#stacks_in_1229 > .chroma-scroll.is-fixed.foc{z-index:3001}#stacks_in_1229 > .chroma-scroll .oc-toggle.facet-mb.oc-left{left:0 !important}#stacks_in_1229 > .chroma-scroll .oc-toggle.facet-mb.oc-right{right:0 !important}#stacks_in_1229 > .chroma-scroll .oc-toggle.facet-mb.oc-right:not(.toggle-button){left:0 !important}#stacks_in_1229 > .chroma-scroll.is-static{position:relative;z-index:999}#stacks_in_1229 > .chroma-scroll.is-fixed .oc-toggle{position:relative}#stacks_in_1229 > .chroma-scroll.content-right{text-align:right}@media screen and (max-width:640px){#stacks_in_1229 > .chroma-scroll.hide-below-bp{display:none}}@media screen and (min-width:640px){#stacks_in_1229 > .chroma-scroll.hide-above-bp{display:none}}#stacks_in_1229 > .chroma-scroll.is-fixed{position:fixed}#stacks_in_1229 > .chroma-scroll.is-fixed.fix-top,#stacks_in_1229 > .chroma-scroll.is-fixed:not(.fix-bot){top: 0px }#stacks_in_1229 > .chroma-scroll.is-fixed.fix-bot{bottom: 0px }#stacks_in_1229 > .chroma-scroll.is-fixed.fix-full-width{left:0;width:100% !important}@media screen and (max-width:640px){#stacks_in_1229 > .chroma-scroll.is-fixed.mob-full-width{left:0;width:100% !important}}@media screen and (min-width:640px){#stacks_in_1229 > .chroma-scroll.is-fixed.fix-top,#stacks_in_1229 > .chroma-scroll.is-fixed:not(.fix-bot){top:0px}#stacks_in_1229 > .chroma-scroll.is-fixed.fix-bot{bottom:0px}} #stacks_in_1229>.chroma-scroll.is-fixed.fixed-shadow {-webkit-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.00);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.00)}#stacks_in_1229.width-contain>.chroma-scroll.is-fixed.fixed-shadow>.su-content::after {-webkit-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.00);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.00)} #stacks_in_1507 { background-color: rgba(252, 252, 252, 1.00); } .menu li, .myclass{font-size:calc(11rem/16) ;}@media only screen and (min-width:40em) { .menu li, .myclass{font-size:calc(11rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .menu li, .myclass{font-size:calc(18rem/16) ;line-height:1.50 }} .menu{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){.menu{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){.menu{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px }} .logowith{width:180.00px ;}@media only screen and (min-width:40em){.logowith{width:250.00px }}@media only screen and (min-width:64em){.logowith{width:400.00px }} .logomargin{margin-top:5.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:20.00px ;}@media only screen and (min-width:40em){.logomargin{margin-top:8.00px ;margin-right:0.00px ;margin-bottom:8.00px ;margin-left:20.00px }}@media only screen and (min-width:64em){.logomargin{margin-top:15.00px ;margin-right:0.00px ;margin-bottom:15.00px ;margin-left:30.00px }} .menu{padding-right:2rem ;} /* -- Start Svg Each css Template -- */ #stacks_in_1507_87 img { position: relative; max-width: 100%; height: auto; } .stacks_in_1507_87svgwrapper{ position: relative; } #stacks_in_1507_87 img { max-width: 330px; } @media (max-width: 61.9em) { #stacks_in_1507_87 img { max-width: 330px; } } @media (max-width: 47.9em) { #stacks_in_1507_87 img { max-width: 330px; } } #stacks_in_1507_87 { text-align: left !important; } @media (max-width: 61.9em) { #stacks_in_1507_87 { text-align: left !important; } } @media (max-width: 47.9em) { #stacks_in_1507_87 { text-align: left !important; } } /* -- End Svg Each css Template -- */ #stacks_in_1507_87 { margin: 12px 0px 12px 20px; } #stacks_in_1507_45 { font-weight: bold; } #stacks_in_1507_51 { font-weight: bold; } #stacks_in_1507_76 { font-weight: bold; } #stacks_in_1507_56 { font-weight: bold; } #stacks_in_1507_66 { font-weight: bold; } #stacks_in_1507_71 { font-weight: bold; } /* -- Start Svg Each css Template -- */ #stacks_in_1700_57 img { position: relative; max-width: 100%; height: auto; } .stacks_in_1700_57svgwrapper{ position: relative; } #stacks_in_1700_57 img { max-width: 200px; } @media (max-width: 61.9em) { #stacks_in_1700_57 img { max-width: 200px; } } @media (max-width: 47.9em) { #stacks_in_1700_57 img { max-width: 200px; } } #stacks_in_1700_57 { text-align: left !important; } @media (max-width: 61.9em) { #stacks_in_1700_57 { text-align: left !important; } } @media (max-width: 47.9em) { #stacks_in_1700_57 { text-align: left !important; } } /* -- End Svg Each css Template -- */ #stacks_in_1700_57 { margin: 4px 0px 0px 10px; } .stacks_in_1700_9{line-height:0}.stacks_in_1700_9 svg{display:inline-block;max-width:28px;height:auto;}.stacks_in_1700_9.full-width svg{width:100%;height:auto} /* -- Start Svg Each css Template -- */ #stacks_in_1700_58 img { position: relative; max-width: 100%; height: auto; } .stacks_in_1700_58svgwrapper{ position: relative; } #stacks_in_1700_58 img { max-width: 200px; } @media (max-width: 61.9em) { #stacks_in_1700_58 img { max-width: 200px; } } @media (max-width: 47.9em) { #stacks_in_1700_58 img { max-width: 200px; } } #stacks_in_1700_58 { text-align: left !important; } @media (max-width: 61.9em) { #stacks_in_1700_58 { text-align: left !important; } } @media (max-width: 47.9em) { #stacks_in_1700_58 { text-align: left !important; } } /* -- End Svg Each css Template -- */ #stacks_in_1700_58 { margin: 4px 0px 0px 10px; } .stacks_in_1700_19 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_1700_32 { font-size: 140%; font-weight: bold; } #stacks_in_1700_34 { font-size: 140%; font-weight: bold; } #stacks_in_1700_36 { font-size: 140%; font-weight: bold; } #stacks_in_1700_38 { font-size: 140%; font-weight: bold; } #stacks_in_1700_40 { font-size: 140%; font-weight: bold; } #stacks_in_1700_42 { font-size: 140%; font-weight: bold; } .chroma-mark{position:relative}#stacks_in_1232.chroma-marker{position:absolute;top:50.00px} /*START OF MultiLayer STACK*/ #stacks_in_1628 .multilayer * { transition: all 2s ease;} /*THE WRAPPER*/ #stacks_in_1628 .multilayer { margin-left: auto; margin-right: auto; text-align: center; display: block; overflow: hidden; } /*THE LAYERS*/ #stacks_in_1628 .multilayer_a { position: absolute; z-index: 2; margin: 0px; top: 77%; left: -1%; right:-1%; max-width: 110%; } #stacks_in_1628 .multilayer_b { position: absolute; z-index: 0; margin: 0px; top: 75%; left: -1%; right:-1%; max-width: 110%; } #stacks_in_1628 .multilayer_c { position: absolute; z-index: 0; margin: 0px; left: 5%; right:5%; max-width: 30%; } #stacks_in_1628 .multilayer_d { position: absolute; z-index: 0; margin: 0px; bottom:5%; right:5%; max-width: 120px; } /*THE SPECIAL LAYERS*/ #stacks_in_1628 .multilayer_e { position: absolute; z-index: 0; margin: 0px; left:50%; top:50%; animation: fadeIn ease 5s; width: 120px; } #stacks_in_1628 .multilayer_e img { } #stacks_in_1628 .mulitlayer_center { position: relative; left: -50%; top: 50%; transform: translateY(-50%); %text-align: center; } /*THE DropZone*/ #stacks_in_1628 .multilayer_base {/*customcss*/} /*THE DZ IMAGE*/ #stacks_in_1628 .multilayer_base img { width: 100%; object-fit: cover; object-position: 50% 0%; /*customcss*/ } /*THE HEADLINES*/ /*THE BREAKPOINT*/ /*THE KEYFRAMES*/ @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes slide-in-blurred-top { 0% { -webkit-transform: translateY(-900px) scaleY(2.5) scaleX(0.25); transform: translateY(-900px) scaleY(2.5) scaleX(0.25); -webkit-transform-origin: 45% 0%; transform-origin: 45% 0%; -webkit-filter: blur(45px); filter: blur(45px); opacity: 0; } 100% { -webkit-transform: translateY(0) scaleY(1) scaleX(1); transform: translateY(0) scaleY(1) scaleX(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } } @keyframes swing-in-top-fwd { 0% { -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); -webkit-transform-origin: top; transform-origin: top; opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1; } } @keyframes pulse { 0% { transform: scale(0.75); } 50% { transform: scale(1.0); } 100% { transform: scale(0.75); } } /*END OF MultiLayer STACK*/.stacks_in_1635{line-height:0}.stacks_in_1635 svg{display:inline-block;}.stacks_in_1635.full-width svg{width:100%;height:auto} /*START OF MultiLayer STACK*/ #stacks_in_1704 .multilayer * { transition: all 2s ease;} /*THE WRAPPER*/ #stacks_in_1704 .multilayer { margin-left: auto; margin-right: auto; text-align: center; display: block; overflow: hidden; } /*THE LAYERS*/ #stacks_in_1704 .multilayer_a { position: absolute; z-index: 2; margin: 0px; top: 77%; left: -1%; right:-1%; max-width: 110%; } #stacks_in_1704 .multilayer_b { position: absolute; z-index: 0; margin: 0px; top: 75%; left: -1%; right:-1%; max-width: 110%; } #stacks_in_1704 .multilayer_c { position: absolute; z-index: 0; margin: 0px; left: 5%; right:5%; max-width: 30%; } #stacks_in_1704 .multilayer_d { position: absolute; z-index: 0; margin: 0px; bottom:5%; right:5%; max-width: 120px; } /*THE SPECIAL LAYERS*/ #stacks_in_1704 .multilayer_e { position: absolute; z-index: 0; margin: 0px; left:50%; top:50%; animation: fadeIn ease 5s; width: 120px; } #stacks_in_1704 .multilayer_e img { } #stacks_in_1704 .mulitlayer_center { position: relative; left: -50%; top: 50%; transform: translateY(-50%); %text-align: center; } /*THE DropZone*/ #stacks_in_1704 .multilayer_base {/*customcss*/} /*THE DZ IMAGE*/ #stacks_in_1704 .multilayer_base img { width: 100%; object-fit: cover; object-position: 50% 0%; /*customcss*/ } /*THE HEADLINES*/ /*THE BREAKPOINT*/ /*THE KEYFRAMES*/ @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes slide-in-blurred-top { 0% { -webkit-transform: translateY(-900px) scaleY(2.5) scaleX(0.25); transform: translateY(-900px) scaleY(2.5) scaleX(0.25); -webkit-transform-origin: 45% 0%; transform-origin: 45% 0%; -webkit-filter: blur(45px); filter: blur(45px); opacity: 0; } 100% { -webkit-transform: translateY(0) scaleY(1) scaleX(1); transform: translateY(0) scaleY(1) scaleX(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } } @keyframes swing-in-top-fwd { 0% { -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); -webkit-transform-origin: top; transform-origin: top; opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1; } } @keyframes pulse { 0% { transform: scale(0.75); } 50% { transform: scale(1.0); } 100% { transform: scale(0.75); } } /*END OF MultiLayer STACK*/.stacks_in_1708{line-height:0}.stacks_in_1708 svg{display:inline-block;}.stacks_in_1708.full-width svg{width:100%;height:auto} #stacks_in_1686 .button_icon,#stacks_in_1686 .button_icon i { margin:0; padding:0; display:inline-block; font-weight:normal; height:24px; line-height:24px; font-size:15px; } #stacks_in_1686 .button_label { font: 500 12px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; height:2em; line-height:2em; display: inline-block; } #stacks_in_1686 .button_icon { border-right: 1px solid rgba(0,0,0,0.2); float:left; padding-right:14px; } #stacks_in_1686 .button_label { border-left: 1px solid rgba(255,255,255, 0.2); float:left; padding: 0px 7px 0px 14px; } #stacks_in_1686 .sweet_button_wrapper { text-align:left; height:24px; } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1686 .sweet_button_wrapper { height:24px; } #stacks_in_1686 .button_icon,#stacks_in_1686 .button_icon i { height:24px; line-height:2em; font-size:15px; } #stacks_in_1686 .button_label { font: 500 12px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height:2em; } } #stacks_in_1686 a.sweet_button { cursor: pointer; display:inline-block; margin:0; padding:0px 14px; text-decoration:none; text-align:center; color:rgba(77, 77, 77, 1.00); border-style:solid; border-width:1px; border-color:rgba(255, 255, 255, 1.00); border-radius:5px; background:rgba(255, 255, 255, 1.00); } #stacks_in_1686 a.sweet_button:visited { color:rgba(77, 77, 77, 1.00); } #stacks_in_1686 a.sweet_button:hover { border-color:rgba(178, 178, 178, 1.00); } #stacks_in_1686 .sweet_button:hover { color:rgba(77, 77, 77, 1.00); background: rgba(255, 255, 255, 1.00); } #stacks_in_1686 .sweet_button:active{ background: rgba(235, 235, 235, 1.00); } #stacks_in_1686 .sweet_button.clicked { background: rgba(255, 255, 255, 1.00); border-color:rgba(255, 255, 255, 1.00); } #stacks_in_1686 .sweet_button.clicked:hover { background: rgba(255, 255, 255, 1.00); border-color:rgba(178, 178, 178, 1.00); } #stacks_in_1686 .sweet_button.clicked:active{ background: rgba(235, 235, 235, 1.00); } #stacks_in_1610 { margin: 40px 0px 40px 0px; } #stacks_in_1613 { font-size: 140%; } @media only screen and (min-width:0px){#stacks_in_1616{}} #stacks_in_1616 { margin: 0px 0px 40px 0px; } #stacks_in_1618 { font-size: 120%; font-weight: bold; } #stacks_in_1619 h4,#stacks_in_1619 div{color:rgba(0, 139, 101, 1.00)}#stacks_in_1619 h4 a,#stacks_in_1619 div a{color:rgba(0, 139, 101, 1.00)}#stacks_in_1619 h4 a:hover,#stacks_in_1619 div a:hover{color:rgba(0, 104, 75, 1.00)}#stacks_in_1619 small,#stacks_in_1619 small div{color:rgba(111, 111, 111, 1.00)} #stacks_in_1621 { font-weight: bold; } @media only screen and (min-width:0px){#stacks_in_1624{}} #stacks_in_1626 { font-size: 120%; font-weight: bold; } #stacks_in_1872 { font-weight: bold; } #stacks_in_1874 { font-size: 110%; } .stacks_in_1584 .break{margin-top:calc(24rem/16)}.stacks_in_1584.list-cards li{background:rgba(202, 202, 202, 1.00);padding:calc(16rem/16);margin:calc(18rem/16)}.stacks_in_1584{-webkit-columns:calc(200rem/16) 2;-moz-columns:calc(200rem/16) 2;columns:calc(200rem/16) 2;-webkit-column-gap:calc(36rem/16);-moz-column-gap:calc(36rem/16);column-gap:calc(36rem/16);-webkit-column-rule:1px solid rgba(255, 199, 16, 1.00);-moz-column-rule:1px solid rgba(255, 199, 16, 1.00);column-rule:1px solid rgba(255, 199, 16, 1.00)} /* Start dooGrid stack each CSS code */ .stacks_in_1567gridWrapper > div{ display: inline-block !important; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; margin-top: 40px; padding-right: 20.000000px; padding-left: 20.000000px; } .stacks_in_1567gridWrapper{ margin-right: -20.000000px; margin-left: -20.000000px; margin-top: -40px; } @media all and (max-width: 1024px) { .stacks_in_1567gridWrapper > div{ width: 50%; } } @media all and (max-width: 768px) { .stacks_in_1567gridWrapper > div{ width: 50%; } } @media all and (max-width: 480px) { .stacks_in_1567gridWrapper > div{ width: 100%; } } /* End dooGrid stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ @media only screen and (min-width:0px){#stacks_in_1578{}} #stacks_in_1578 { margin: 40px 0px 40px 0px; } #stacks_in_1580 { font-size: 120%; } #stacks_in_1556 { font-size: 120%; } #stacks_in_1558 { font-size: 90%; } #stacks_in_1561 { font-size: 120%; } #stacks_in_1563 { font-size: 90%; } /* Start dooGrid stack each CSS code */ .stacks_in_1524gridWrapper > div{ display: inline-block !important; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; margin-top: 40px; padding-right: 20.000000px; padding-left: 20.000000px; } .stacks_in_1524gridWrapper{ margin-right: -20.000000px; margin-left: -20.000000px; margin-top: -40px; } @media all and (max-width: 1024px) { .stacks_in_1524gridWrapper > div{ width: 50%; } } @media all and (max-width: 768px) { .stacks_in_1524gridWrapper > div{ width: 50%; } } @media all and (max-width: 480px) { .stacks_in_1524gridWrapper > div{ width: 100%; } } #stacks_in_1524 .dooGridItem{ position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.00); border:0px solid rgba(204, 204, 204, 0.00); border-radius: 0px; padding: 0px; } /* End dooGrid stack each CSS code */ #stacks_in_1524 { margin: 0px 0px 60px 0px; } /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_1525 { border: solid rgba(77, 77, 77, 1.00); border-width: 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } @media only screen and (min-width:0px){#stacks_in_1526{}} #stacks_in_1526 { padding: 30px 30px 30px 30px; } #stacks_in_1529 { font-size: 120%; } /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_1530 { border: solid rgba(77, 77, 77, 1.00); border-width: 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } @media only screen and (min-width:0px){#stacks_in_1531{}} #stacks_in_1531 { padding: 30px 30px 30px 30px; } #stacks_in_1534 { font-size: 120%; } /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_1535 { border: solid rgba(77, 77, 77, 1.00); border-width: 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } @media only screen and (min-width:0px){#stacks_in_1536{}} #stacks_in_1536 { padding: 30px 30px 30px 30px; } #stacks_in_1539 { font-size: 120%; } /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_1540 { border: solid rgba(77, 77, 77, 1.00); border-width: 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } @media only screen and (min-width:0px){#stacks_in_1541{}} #stacks_in_1541 { padding: 30px 30px 30px 30px; } #stacks_in_1544 { font-size: 120%; } #stacks_in_1546{text-align:center} #stacks_in_1546 .button.b-p,#stacks_in_1546 .button.b-p::before{border-radius:6px} @media screen and (max-width:641px){#stacks_in_1546>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1546>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important} #stacks_in_1546.inline-wrap{display:block!important}}@media screen and (min-width:641px){#stacks_in_1546 .button.b-p.expand-large:not(.icon-only),#stacks_in_1546>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1546 .button.b-p:not(.icon-only){width:50.00%}@media screen and (min-width:641px){#stacks_in_1546 .button.b-p:not(.icon-only){width:50.00%}} #stacks_in_1546 .button.b-p.custom{border:2px solid rgba(0, 139, 101, 1.00)}#stacks_in_1546 .button.b-p.custom:hover{border:2px solid rgba(0, 139, 101, 1.00)} #stacks_in_1546 .button.b-p{color:rgba(0, 139, 101, 1.00);background-color:rgba(6, 105, 209, 0.00)}#stacks_in_1546 .button.b-p:not(.d-hov){-webkit-transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;-webkit-transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease} #stacks_in_1546 .button.b-p:not(.bp-hover):hover{color:rgba(0, 139, 101, 1.00)!important; background-color:rgba(0, 139, 101, 0.30);} /* Start dooGrid stack each CSS code */ .stacks_in_1720gridWrapper > div{ display: inline-block !important; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; margin-top: 40px; padding-right: 20.000000px; padding-left: 20.000000px; } .stacks_in_1720gridWrapper{ margin-right: -20.000000px; margin-left: -20.000000px; margin-top: -40px; } @media all and (max-width: 1024px) { .stacks_in_1720gridWrapper > div{ width: 50%; } } @media all and (max-width: 768px) { .stacks_in_1720gridWrapper > div{ width: 50%; } } @media all and (max-width: 480px) { .stacks_in_1720gridWrapper > div{ width: 100%; } } /* End dooGrid stack each CSS code */ #stacks_in_1720 { margin: 0px 0px 60px 0px; } /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_1721 { border: solid rgba(77, 77, 77, 1.00); border-width: 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } @media only screen and (min-width:0px){#stacks_in_1722{}} #stacks_in_1722 { padding: 30px 30px 30px 30px; } #stacks_in_1725 { font-size: 120%; } /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_1726 { border: solid rgba(77, 77, 77, 1.00); border-width: 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } @media only screen and (min-width:0px){#stacks_in_1727{}} #stacks_in_1727 { padding: 30px 30px 30px 30px; } #stacks_in_1730 { font-size: 120%; } /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_1731 { border: solid rgba(77, 77, 77, 1.00); border-width: 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } @media only screen and (min-width:0px){#stacks_in_1732{}} #stacks_in_1732 { padding: 30px 30px 30px 30px; } #stacks_in_1735 { font-size: 120%; } /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_1736 { border: solid rgba(77, 77, 77, 1.00); border-width: 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } @media only screen and (min-width:0px){#stacks_in_1737{}} #stacks_in_1737 { padding: 30px 30px 30px 30px; } #stacks_in_1740 { font-size: 120%; } #stacks_in_1742{text-align:center} #stacks_in_1742 .button.b-p,#stacks_in_1742 .button.b-p::before{border-radius:6px} @media screen and (max-width:641px){#stacks_in_1742>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1742>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important} #stacks_in_1742.inline-wrap{display:block!important}}@media screen and (min-width:641px){#stacks_in_1742 .button.b-p.expand-large:not(.icon-only),#stacks_in_1742>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1742 .button.b-p:not(.icon-only){width:50.00%}@media screen and (min-width:641px){#stacks_in_1742 .button.b-p:not(.icon-only){width:50.00%}} #stacks_in_1742 .button.b-p.custom{border:2px solid rgba(0, 139, 101, 1.00)}#stacks_in_1742 .button.b-p.custom:hover{border:2px solid rgba(0, 139, 101, 1.00)} #stacks_in_1742 .button.b-p{color:rgba(0, 139, 101, 1.00);background-color:rgba(6, 105, 209, 0.00)}#stacks_in_1742 .button.b-p:not(.d-hov){-webkit-transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;-webkit-transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease} #stacks_in_1742 .button.b-p:not(.bp-hover):hover{color:rgba(0, 139, 101, 1.00)!important; background-color:rgba(0, 139, 101, 0.30);} /*START OF MultiLayer STACK*/ #stacks_in_1426 .multilayer * { transition: all 2s ease;} /*THE WRAPPER*/ #stacks_in_1426 .multilayer { margin-left: auto; margin-right: auto; text-align: center; display: block; overflow: hidden; } /*THE LAYERS*/ #stacks_in_1426 .multilayer_a { position: absolute; z-index: 0; margin: 0px; top: 1%; bottom:5%; left: 5%; right:5%; max-width: 100%; } #stacks_in_1426 .multilayer_b { position: absolute; z-index: 0; margin: 0px; top: 5%; right:5%; max-width: 120px; } #stacks_in_1426 .multilayer_c { position: absolute; z-index: 0; margin: 0px; bottom:5%; left: 5%; max-width: 120px; } #stacks_in_1426 .multilayer_d { position: absolute; z-index: 0; margin: 0px; bottom:5%; right:5%; max-width: 120px; } /*THE SPECIAL LAYERS*/ #stacks_in_1426 .multilayer_e { position: absolute; z-index: 0; margin: 0px; left:50%; top:50%; animation: fadeIn ease 5s; width: 120px; } #stacks_in_1426 .multilayer_e img { } #stacks_in_1426 .mulitlayer_center { position: relative; left: -50%; top: 50%; transform: translateY(-50%); %text-align: center; } /*THE DropZone*/ #stacks_in_1426 .multilayer_base {/*customcss*/} /*THE DZ IMAGE*/ #stacks_in_1426 .multilayer_base img { width: 100%; object-fit: cover; object-position: 50% 0%; /*customcss*/ } /*THE HEADLINES*/ /*THE BREAKPOINT*/ /*THE KEYFRAMES*/ @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes slide-in-blurred-top { 0% { -webkit-transform: translateY(-900px) scaleY(2.5) scaleX(0.25); transform: translateY(-900px) scaleY(2.5) scaleX(0.25); -webkit-transform-origin: 45% 0%; transform-origin: 45% 0%; -webkit-filter: blur(45px); filter: blur(45px); opacity: 0; } 100% { -webkit-transform: translateY(0) scaleY(1) scaleX(1); transform: translateY(0) scaleY(1) scaleX(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } } @keyframes swing-in-top-fwd { 0% { -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); -webkit-transform-origin: top; transform-origin: top; opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1; } } @keyframes pulse { 0% { transform: scale(0.75); } 50% { transform: scale(1.0); } 100% { transform: scale(0.75); } } /*END OF MultiLayer STACK*/ #stacks_in_1426 { margin: 0px 0px 80px 0px; } #stacks_in_1433 { font-weight: bold; } #stacks_in_1435 { font-size: 105%; } #stacks_in_1756 { font-weight: bold; } #stacks_in_1758 { font-size: 105%; } #stacks_in_1885 { font-weight: bold; } #stacks_in_1887 { font-size: 110%; } /*START OF MultiLayer STACK*/ #stacks_in_1498_5 .multilayer * { transition: all 2s ease;} /*THE WRAPPER*/ #stacks_in_1498_5 .multilayer { margin-left: auto; margin-right: auto; text-align: center; display: block; overflow: hidden; } /*THE LAYERS*/ #stacks_in_1498_5 .multilayer_a { position: absolute; z-index: 0; margin: 0px; top: 5%; left: 5%; right:5%; max-width: 100%; } #stacks_in_1498_5 .multilayer_b { position: absolute; z-index: 0; margin: 0px; top: 5%; right:5%; max-width: 120px; } #stacks_in_1498_5 .multilayer_c { position: absolute; z-index: 0; margin: 0px; bottom:5%; left: 5%; max-width: 120px; } #stacks_in_1498_5 .multilayer_d { position: absolute; z-index: 0; margin: 0px; bottom:5%; right:5%; max-width: 120px; } /*THE SPECIAL LAYERS*/ #stacks_in_1498_5 .multilayer_e { position: absolute; z-index: 0; margin: 0px; left:50%; top:50%; animation: fadeIn ease 5s; width: 120px; } #stacks_in_1498_5 .multilayer_e img { } #stacks_in_1498_5 .mulitlayer_center { position: relative; left: -50%; top: 50%; transform: translateY(-50%); %text-align: center; } /*THE DropZone*/ #stacks_in_1498_5 .multilayer_base {/*customcss*/} /*THE DZ IMAGE*/ #stacks_in_1498_5 .multilayer_base img { width: 100%; object-fit: cover; object-position: 50% 0%; /*customcss*/ } /*THE HEADLINES*/ /*THE BREAKPOINT*/ /*THE KEYFRAMES*/ @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes slide-in-blurred-top { 0% { -webkit-transform: translateY(-900px) scaleY(2.5) scaleX(0.25); transform: translateY(-900px) scaleY(2.5) scaleX(0.25); -webkit-transform-origin: 45% 0%; transform-origin: 45% 0%; -webkit-filter: blur(45px); filter: blur(45px); opacity: 0; } 100% { -webkit-transform: translateY(0) scaleY(1) scaleX(1); transform: translateY(0) scaleY(1) scaleX(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } } @keyframes swing-in-top-fwd { 0% { -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); -webkit-transform-origin: top; transform-origin: top; opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1; } } @keyframes pulse { 0% { transform: scale(0.75); } 50% { transform: scale(1.0); } 100% { transform: scale(0.75); } } /*END OF MultiLayer STACK*/ #stacks_in_1498_5 { margin: 0px 0px 80px 0px; } .stacks_in_1498_6{line-height:0}.stacks_in_1498_6 svg{display:inline-block;max-width:450px;height:auto;}.stacks_in_1498_6.full-width svg{width:100%;height:auto} /* -- Start Svg Each css Template -- */ #stacks_in_1498_128 img { position: relative; max-width: 100%; height: auto; } .stacks_in_1498_128svgwrapper{ position: relative; } #stacks_in_1498_128 img { max-width: 330px; } @media (max-width: 61.9em) { #stacks_in_1498_128 img { max-width: 300px; } } @media (max-width: 47.9em) { #stacks_in_1498_128 img { max-width: 300px; } } #stacks_in_1498_128 { text-align: center !important; } @media (max-width: 61.9em) { #stacks_in_1498_128 { text-align: center !important; } } @media (max-width: 47.9em) { #stacks_in_1498_128 { text-align: center !important; } } /* -- End Svg Each css Template -- */ #stacks_in_1498_27 { font-weight: bold; } #stacks_in_1498_29 { font-size: 90%; } #stacks_in_1498_22 { font-weight: bold; } #stacks_in_1498_24 { font-size: 90%; } #stacks_in_1498_49 { font-weight: bold; } #stacks_in_1498_52 { font-size: 90%; } .stacks_in_1498_130 img{width:100%;max-width:160px} /* -- Start Svg Each css Template -- */ #stacks_in_1498_137 img { position: relative; max-width: 100%; height: auto; } .stacks_in_1498_137svgwrapper{ position: relative; } #stacks_in_1498_137 img { max-width: 160px; } @media (max-width: 61.9em) { #stacks_in_1498_137 img { max-width: 160px; } } @media (max-width: 47.9em) { #stacks_in_1498_137 img { max-width: 160px; } } #stacks_in_1498_137 { text-align: left !important; } @media (max-width: 61.9em) { #stacks_in_1498_137 { text-align: left !important; } } @media (max-width: 47.9em) { #stacks_in_1498_137 { text-align: left !important; } } /* -- End Svg Each css Template -- */ #stacks_in_1498_137 { margin: 20px 0px 0px 0px; } /* -- Start Svg Each css Template -- */ #stacks_in_1498_157 img { position: relative; max-width: 100%; height: auto; } .stacks_in_1498_157svgwrapper{ position: relative; } #stacks_in_1498_157 img { max-width: 50px; } @media (max-width: 61.9em) { #stacks_in_1498_157 img { max-width: 300px; } } @media (max-width: 47.9em) { #stacks_in_1498_157 img { max-width: 300px; } } #stacks_in_1498_157 { text-align: left !important; } @media (max-width: 61.9em) { #stacks_in_1498_157 { text-align: left !important; } } @media (max-width: 47.9em) { #stacks_in_1498_157 { text-align: left !important; } } /* -- End Svg Each css Template -- */ #stacks_in_1498_157 { margin: 40px 0px 0px 0px; } /* -- Start Svg Each css Template -- */ #stacks_in_1498_155 img { position: relative; max-width: 100%; height: auto; } .stacks_in_1498_155svgwrapper{ position: relative; } #stacks_in_1498_155 img { max-width: 50px; } @media (max-width: 61.9em) { #stacks_in_1498_155 img { max-width: 300px; } } @media (max-width: 47.9em) { #stacks_in_1498_155 img { max-width: 300px; } } #stacks_in_1498_155 { text-align: left !important; } @media (max-width: 61.9em) { #stacks_in_1498_155 { text-align: left !important; } } @media (max-width: 47.9em) { #stacks_in_1498_155 { text-align: left !important; } } /* -- End Svg Each css Template -- */ #stacks_in_1498_155 { margin: 40px 0px 0px 0px; } /* -- Start Svg Each css Template -- */ #stacks_in_1498_153 img { position: relative; max-width: 100%; height: auto; } .stacks_in_1498_153svgwrapper{ position: relative; } #stacks_in_1498_153 img { max-width: 50px; } @media (max-width: 61.9em) { #stacks_in_1498_153 img { max-width: 300px; } } @media (max-width: 47.9em) { #stacks_in_1498_153 img { max-width: 300px; } } #stacks_in_1498_153 { text-align: left !important; } @media (max-width: 61.9em) { #stacks_in_1498_153 { text-align: left !important; } } @media (max-width: 47.9em) { #stacks_in_1498_153 { text-align: left !important; } } /* -- End Svg Each css Template -- */ #stacks_in_1498_153 { margin: 40px 0px 0px 0px; } #stacks_in_1498_17 { font-weight: bold; } #stacks_in_1498_19 { font-size: 90%; } /* -- Start Svg Each css Template -- */ #stacks_in_1498_129 img { position: relative; max-width: 100%; height: auto; } .stacks_in_1498_129svgwrapper{ position: relative; } #stacks_in_1498_129 img { max-width: 330px; } @media (max-width: 61.9em) { #stacks_in_1498_129 img { max-width: 300px; } } @media (max-width: 47.9em) { #stacks_in_1498_129 img { max-width: 300px; } } #stacks_in_1498_129 { text-align: center !important; } @media (max-width: 61.9em) { #stacks_in_1498_129 { text-align: center !important; } } @media (max-width: 47.9em) { #stacks_in_1498_129 { text-align: center !important; } } /* -- End Svg Each css Template -- */ #stacks_in_1498_129 { margin: 0px 0px 40px 0px; } #stacks_in_1498_111 { font-weight: bold; } #stacks_in_1498_113 { font-size: 90%; } #stacks_in_1498_106 { font-weight: bold; } #stacks_in_1498_108 { font-size: 90%; } #stacks_in_1498_101 { font-weight: bold; } #stacks_in_1498_103 { font-size: 90%; } .stacks_in_1498_132 img{width:100%;max-width:160px} /* -- Start Svg Each css Template -- */ #stacks_in_1498_138 img { position: relative; max-width: 100%; height: auto; } .stacks_in_1498_138svgwrapper{ position: relative; } #stacks_in_1498_138 img { max-width: 160px; } @media (max-width: 61.9em) { #stacks_in_1498_138 img { max-width: 160px; } } @media (max-width: 47.9em) { #stacks_in_1498_138 img { max-width: 160px; } } #stacks_in_1498_138 { text-align: left !important; } @media (max-width: 61.9em) { #stacks_in_1498_138 { text-align: left !important; } } @media (max-width: 47.9em) { #stacks_in_1498_138 { text-align: left !important; } } /* -- End Svg Each css Template -- */ #stacks_in_1498_138 { margin: 0px 0px 20px 0px; } /* -- Start Svg Each css Template -- */ #stacks_in_1498_166 img { position: relative; max-width: 100%; height: auto; } .stacks_in_1498_166svgwrapper{ position: relative; } #stacks_in_1498_166 img { max-width: 50px; } @media (max-width: 61.9em) { #stacks_in_1498_166 img { max-width: 300px; } } @media (max-width: 47.9em) { #stacks_in_1498_166 img { max-width: 300px; } } #stacks_in_1498_166 { text-align: left !important; } @media (max-width: 61.9em) { #stacks_in_1498_166 { text-align: left !important; } } @media (max-width: 47.9em) { #stacks_in_1498_166 { text-align: left !important; } } /* -- End Svg Each css Template -- */ #stacks_in_1498_166 { margin: 0px 0px 20px 0px; } /* -- Start Svg Each css Template -- */ #stacks_in_1498_164 img { position: relative; max-width: 100%; height: auto; } .stacks_in_1498_164svgwrapper{ position: relative; } #stacks_in_1498_164 img { max-width: 50px; } @media (max-width: 61.9em) { #stacks_in_1498_164 img { max-width: 300px; } } @media (max-width: 47.9em) { #stacks_in_1498_164 img { max-width: 300px; } } #stacks_in_1498_164 { text-align: left !important; } @media (max-width: 61.9em) { #stacks_in_1498_164 { text-align: left !important; } } @media (max-width: 47.9em) { #stacks_in_1498_164 { text-align: left !important; } } /* -- End Svg Each css Template -- */ #stacks_in_1498_164 { margin: 0px 0px 20px 0px; } /* -- Start Svg Each css Template -- */ #stacks_in_1498_162 img { position: relative; max-width: 100%; height: auto; } .stacks_in_1498_162svgwrapper{ position: relative; } #stacks_in_1498_162 img { max-width: 50px; } @media (max-width: 61.9em) { #stacks_in_1498_162 img { max-width: 300px; } } @media (max-width: 47.9em) { #stacks_in_1498_162 img { max-width: 300px; } } #stacks_in_1498_162 { text-align: left !important; } @media (max-width: 61.9em) { #stacks_in_1498_162 { text-align: left !important; } } @media (max-width: 47.9em) { #stacks_in_1498_162 { text-align: left !important; } } /* -- End Svg Each css Template -- */ #stacks_in_1498_162 { margin: 0px 0px 20px 0px; } #stacks_in_1498_90 { font-weight: bold; } #stacks_in_1498_94 { font-size: 90%; } .bottom20px{margin-bottom:1.25rem ;} /* Start Obscure Email stack CSS code */ .stacks_in_1498_56topbar { background-color: #3D82EA; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-bottom: none; padding: 6px 3px 2px 10px; min-height: 40px; font-weight: bold; font-size: 16px; color: #ffffff; } .stacks_in_1498_56mainarea { background-color: #ffffff; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-top: none; padding: 10px; } .stacks_in_1498_56small{ font-weight: normal; font-size: 12px; } .stacks_in_1498_56centerbox { background-color: #ffffff; border: 1px solid #CDDACF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; color: #333; } .stacks_in_1498_56centerbox b { color: #DA0140; } /* End Obscure Email stack CSS code */ /* Start Obscure Email stack CSS code */ .stacks_in_1498_121topbar { background-color: #3D82EA; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-bottom: none; padding: 6px 3px 2px 10px; min-height: 40px; font-weight: bold; font-size: 16px; color: #ffffff; } .stacks_in_1498_121mainarea { background-color: #ffffff; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-top: none; padding: 10px; } .stacks_in_1498_121small{ font-weight: normal; font-size: 12px; } .stacks_in_1498_121centerbox { background-color: #ffffff; border: 1px solid #CDDACF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; color: #333; } .stacks_in_1498_121centerbox b { color: #DA0140; } /* End Obscure Email stack CSS code */ /* 1.5.3.7 - 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" TODO: Simplify how the trigger links to its notice TODO: Other notices should close when a new one is opened TODO: More close options, click anywhere to close, click x (already exists), and close button action (exists) */ @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_1796 { /* */ display: block; position: relative; } #noticeContainer_stacks_in_1796 .clearfix:before { content: " "; display: table; } #noticeContainer_stacks_in_1796 .clearfix:after { content: " "; display: table; clear: both; } #notice_stacks_in_1796 { /* */ /* */ opacity: 0; left: 0px; right: 0px; max-height: 50%; /* */ position: fixed; /* */ overflow-y: auto !important; overscroll-behavior: none; visibility: hidden; /* */ z-index: 999999; /* */ max-width: 100%; /* */ /* */ /* */ /* */ /* */ bottom: 0px; /* */ /* */ /* */ /* */ margin-left: auto; margin-right: auto; /* */ /* */ /* */ /* */ background: rgba(30, 31, 41, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); border-radius: 0px 0px 0px 0px; } #notice_stacks_in_1796.show { opacity: 1; visibility: visible; } #notice_stacks_in_1796.hide { opacity: 0; visibility: hidden; } #notice_stacks_in_1796.cookie-hide { display: none; } #notice_stacks_in_1796 .notice-inner-stacks { clear: both; margin: 0 auto; max-width: 960px; padding: 5px 5px 10px 5px; } #notice_stacks_in_1796 .notice-inner { clear: both; margin: 0 auto; max-width: 960px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 5px 5px 10px 5px; /* */ /* */ text-align: center; /* */ /* */ /* */ display: -ms-flexbox; display: flex; /* */ /* */ } #notice_stacks_in_1796 .notice-inner-text { -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; font-size: 16px; line-height: 18px; } #notice_stacks_in_1796 .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: 0px 0px 0px 0px; } #notice_stacks_in_1796 .notice-inner-icon i { font-size: 32px; vertical-align: middle; } #notice_stacks_in_1796 .notice-close-btn { float: right; cursor: pointer; color: rgba(255, 255, 255, 1.00); padding: 10px 10px 0px 10px; } #notice_stacks_in_1796 .notice-close-btn i { cursor: pointer; vertical-align: middle; } #notice_stacks_in_1796 .notice-action { height: 40px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; /* */ color: inherit; background: none; /* */ } #notice_stacks_in_1796 .notice-action i { vertical-align: middle; } #notice_stacks_in_1796 .notice-action-close { border-style: solid; border-width: 1px 0 0 0; border-color: rgba(255, 255, 255, 0.30); } #notice_stacks_in_1796 .notice-action-close:hover { /* */ } #notice_stacks_in_1796 .notice-action-custom { border-style: solid; border-width: 1px 0 0 1px; border-color: rgba(255, 255, 255, 0.30); } #notice_stacks_in_1796 .notice-action-custom:hover { /* */ } #notice_stacks_in_1796 .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_1796 .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_1796 .notice-action-btn:hover { cursor: pointer; } @media (max-width: 480px) { #notice_stacks_in_1796 .notice-action { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 90px; } #notice_stacks_in_1796 .notice-action-custom { border-width: 1px 0 0 0; } #notice_stacks_in_1796 .notice-action div { height: 50%; width: 100%; } } /* */ @media all and (-ms-high-contrast: none) { #notice_stacks_in_1796 { width: 100%; } #notice_stacks_in_1796 *::-ms-backdrop, #notice_stacks_in_1796 #notice_stacks_in_1796 { width: 100%; } } /* */ @media all and (min-width: 771px) { #notice_stacks_in_1796.hide-desktop { display: none; } } @media all and (max-width: 770px) and (min-width: 501px) { #notice_stacks_in_1796.hide-tablet { display: none; } } @media all and (max-width: 500px) { #notice_stacks_in_1796.hide-mobile { display: none; } } #stacks_in_1801 { font-size: 90%; }