.oembed.video,.oembed.codepen,.fr-video{display:block;width:100%;margin-bottom:0;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.oembed.video video,.oembed.codepen video,.fr-video video{width:100%}.oembed.video iframe,.oembed.codepen iframe,.fr-video iframe{border:none;height:100%;position:absolute;top:0;width:100%;left:0}img.fr-full-width{min-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw !important;margin-right:-50vw !important} .cookie-jar{display:none;z-index:9999;position:fixed;bottom:0;width:100%}.cookie-jar.cookie-jar-top{bottom:auto;top:0}.cookie-jar-buttons > div{width:49.5%;display:inline-block} .target-wrapper{position:relative}.target-show-on-hover{opacity:0;transition:opacity 750ms ease}.target-show-on-hover:hover{opacity:1}.target{position:absolute;width:100%;height:auto}.target.width-auto{width:auto}.target.height-fill,.target.height-fixed,.target.height-flexible{display:flex;align-items:center}.target.height-fill{height:100%}.target[class*="float-"],.target[class*="shift-"]{position:relative}.target[class*="pin-"],.target.relative-browser{position:fixed}.target.float-right{float:right}.target.float-left{float:left}.target.vcenter[class*="relative-"]{top:50%;transform:translateY(-50%)}.target.hcenter[class*="relative-"]{left:50%;transform:translateX(-50%)}.target.hcenter.vcenter[class*="relative-"]{transform:translateX(-50%) translateY(-50%)}.target.shift-up,.target.shift-down{margin-left:auto;margin-right:auto}.target.target-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.target.pin-top{top:0}.target.pin-bottom{bottom:0}.target.pin-left{left:0}.target.pin-right{right:0}.target.target-disable{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}@media only screen and (min-width:40em){.target.target-mobile-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:39.9375em){.target.target-disable-mobile{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:62.5em){.target.target-desktop-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}} .com_joeworkman_stacks_easycms_image_stack img,.com_joeworkman_stacks_totalcms_image_stack img{width:auto;height:auto;max-width:100%;display:block;margin:0 auto}.com_joeworkman_stacks_easycms_image_stack img.circle,.com_joeworkman_stacks_totalcms_image_stack img.circle{border-radius:50% !important}.com_joeworkman_stacks_easycms_image_stack img.unlimited,.com_joeworkman_stacks_totalcms_image_stack img.unlimited{width:100%;}.com_joeworkman_stacks_easycms_image_stack img.auto-lightbox,.com_joeworkman_stacks_totalcms_image_stack img.auto-lightbox{cursor:pointer}.com_joeworkman_stacks_easycms_image_stack img.align-left,.com_joeworkman_stacks_totalcms_image_stack img.align-left{margin-left:0 !important}.com_joeworkman_stacks_easycms_image_stack img.align-right,.com_joeworkman_stacks_totalcms_image_stack img.align-right{margin-right:0 !important}@media only screen and (max-width:40em){.com_joeworkman_stacks_easycms_image_stack img.align-mobile-center,.com_joeworkman_stacks_totalcms_image_stack img.align-mobile-center{margin-left:auto !important;margin-right:auto !important}}#total-image-reveal{position:fixed !important;top:10% !important;left:0;right:0;cursor:pointer;height:80vh;padding:0;background:transparent;box-shadow:none;border:none}#total-image-reveal img{display:block;margin:0 auto;height:auto;max-height:100%;max-width:100%;width:auto;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,0.4)}#total-image-reveal .close-reveal-modal{position:fixed} :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(0, 0, 0, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(35, 42, 44, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(181, 0, 4, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);/* --primary-light:rgba(245, 252, 254, 1.00);--secondary-light:rgba(255, 255, 255, 1.00);--success-light:rgba(255, 255, 255, 1.00);--warning-light:rgba(255, 255, 246, 1.00);--alert-light:rgba(255, 210, 214, 1.00);*/--primary-dark:rgba(5, 12, 14, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(151, 0, 0, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(255, 188, 0, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem}::-moz-selection{background:var(--selection-background);color:var(--selection-text)}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(255, 188, 0, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:calc(1400rem/16);}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(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(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{background-color:rgba(204, 204, 204, 1.00);} form.blog-filter-form input,form.blog-filter-form select,form.blog-filter-form textarea,form.datastore-form input,form.datastore-form select,form.datastore-form textarea{padding:0.50rem;border-width:1px;border-radius:0px;margin-bottom:1.00rem;font-size:0.90rem;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(204, 204, 204, 1.00);color:rgba(34, 34, 34, 1.00)}form.blog-filter-form select,form.datastore-form select{padding-right:1.5rem}form.blog-filter-form input,form.blog-filter-form select,form.datastore-form input,form.datastore-form select{height:2.30rem}form.blog-filter-form::placeholder,form.datastore-form::placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form:-ms-input-placeholder,form.datastore-form:-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form::-ms-input-placeholder,form.datastore-form::-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)} /*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:400}@font-face{font-family:'Font Awesome 5 Duotone';font-style:normal;font-weight:900;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.svg#fontawesome") format("svg")}.fad{position:relative;font-family:'Font Awesome 5 Duotone';font-weight:900}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:300;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.svg#fontawesome") format("svg")}.fal{font-family:'Font Awesome 5 Pro';font-weight:300}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:400;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.svg#fontawesome") format("svg")}.far{font-family:'Font Awesome 5 Pro';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} h1,.h1, .head1{font-size:calc(24rem/16) ;}@media only screen and (min-width:40em) { h1,.h1, .head1{font-size:calc(32rem/16) }}@media only screen and (min-width:64em) { h1,.h1, .head1{font-size:calc(48rem/16) }} h1,.h1, h2,.h2, .myfont{font-family:"Anton",sans-serif } h3,.h3, h4,.h4, h5,.h5, h6,.h6, .myfont{font-family:"Oswald",sans-serif } .button:hover{background-color:rgba(180, 0, 0, 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{background-attachment:scroll!important}} .mfont{color:rgba(255, 255, 255, 1.00) ;} .over{position:relative;z-index:0}.over:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.20 ;background-color:rgba(0, 0, 0, 1.00) ;} .over2{position:relative;z-index:0}.over2:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.90 ;background-color:var(--primary) ;} .over3{position:relative;z-index:0}.over3:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.45 ; background-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,1)); } .over1{position:relative;z-index:0}.over1:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:1.00 ; background: rgb(212,7,7); background: linear-gradient(90deg, rgba(212,7,7,0.9640231092436975) 0%, rgba(212,7,7,0) 66%); } .pad2{padding-top:1.5rem ;padding-bottom:5rem ;} .pad4{padding-top:0.5rem ;padding-bottom:0.5rem ;} .pad1{padding-top:2.00% ;padding-right:0.00% ;padding-bottom:2.00% ;padding-left:0.00% ;}@media only screen and (min-width:40em){.pad1{padding-top:0.00% ;padding-right:0.00% ;padding-bottom:0.00% ;padding-left:0.00% }}@media only screen and (min-width:64em){.pad1{padding-top:2.00% ;padding-right:0.00% ;padding-bottom:2.00% ;padding-left:0.00% }} .pad5{padding-top:8rem ;padding-bottom:2rem ;} .pad3{padding-top:5rem ;padding-bottom:5rem ;} .higt1{height:60.00vh ;}@media only screen and (min-width:40em){.higt1{height:100.00vh }}@media only screen and (min-width:64em){.higt1{height:100.00vh }} .higt2{height:80.00vh ;}@media only screen and (min-width:40em){.higt2{height:40.00vh }}@media only screen and (min-width:64em){.higt2{height:40.00vh }} .home-bkgr1{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){.home-bkgr1{background-attachment:scroll!important}} .home-bkgr2{background-repeat:no-repeat ;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-size: cover ; }@media (hover:none) and (pointer:coarse){.home-bkgr2{background-attachment:scroll!important}} .services-bkgr1{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){.services-bkgr1{background-attachment:scroll!important}} .blog-bkgr1{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){.blog-bkgr1{background-attachment:scroll!important}} .about-bkgr1{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){.about-bkgr1{background-attachment:scroll!important}} .catalog-bkgr1{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){.catalog-bkgr1{background-attachment:scroll!important}} .post-bkgr1{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){.post-bkgr1{background-attachment:scroll!important}} .portfolio-bkgr1{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){.portfolio-bkgr1{background-attachment:scroll!important}} .faq-bkgr1{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){.faq-bkgr1{background-attachment:scroll!important}} .prices-bkgr1{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){.prices-bkgr1{background-attachment:scroll!important}} .terms-bkgr1{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){.terms-bkgr1{background-attachment:scroll!important}} .read-bkgr1{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){.read-bkgr1{background-attachment:scroll!important}} .pos1{margin-top:0.00% ;margin-right:0.00% ;margin-bottom:0.00% ;margin-left:0.00% ;}@media only screen and (min-width:40em){.pos1{margin-top:0.00% ;margin-right:-10.00% ;margin-bottom:0.00% ;margin-left:0.00% }}@media only screen and (min-width:64em){.pos1{margin-top:0.00% ;margin-right:-10.00% ;margin-bottom:0.00% ;margin-left:0.00% }} .pos1{position: absolute ;z-index:1 ;top:unset ;bottom:unset ;left:unset ;right:unset ;} .pos2{margin-top:0.00% ;margin-right:0.00% ;margin-bottom:0.00% ;margin-left:0.00% ;}@media only screen and (min-width:40em){.pos2{margin-top:0.00% ;margin-right:0.00% ;margin-bottom:0.00% ;margin-left:-10.00% }}@media only screen and (min-width:64em){.pos2{margin-top:0.00% ;margin-right:0.00% ;margin-bottom:0.00% ;margin-left:-10.00% }} .pos2{position: absolute ;z-index:1 ;top:unset ;bottom:unset ;left:unset ;right:unset ;} .mymenu1>.menu a, .menu.mymenu1 a{--menu-link-color:rgba(255, 255, 255, 0.90);--menu-link-color-hover:rgba(128, 128, 128, 1.00);--menu-bg-color:rgba(230, 230, 230, 0.00);--menu-caret-color:rgba(201, 0, 61, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mymenu1>.menu .menu-text, .menu.mymenu1 .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu1>.menu>li>a, .menu.mymenu1>li>a{padding-top:1rem;padding-bottom:1rem} .mymenu1>.menu .submenu>li>a, .menu.mymenu1 .submenu>li>a{padding-top:1rem;padding-bottom:1rem} .mymenu1>.menu li.active>a, .mymenu1>.menu li.is-active>a, .mymenu1>.menu a.is-active, .menu.mymenu1 li.active>a, .menu.mymenu1 li.is-active>a, .menu.mymenu1 a.is-active{--menu-bg-color:rgba(201, 0, 61, 1.00);--menu-link-color:rgba(204, 204, 204, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(204, 204, 204, 1.00)} .mymenu1>.menu .submenu li.active>a, .mymenu1>.menu .submenu li.is-active>a, .mymenu1>.menu .submenu a.is-active, .menu.mymenu1 .submenu li.active>a, .menu.mymenu1 .submenu li.is-active>a, .menu.mymenu1 .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .mymenu1>.menu .submenu a, .menu.mymenu1 .submenu a{--menu-caret-color:rgba(201, 0, 61, 1.00)} .mymenu1>.menu .submenu, .menu.mymenu1 .submenu{--submenu-bg-color:rgba(0, 0, 0, 0.80);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mymenu1>.menu .submenu a, .menu.mymenu1 .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .mymenu1>.menu .submenu .menu-text, .menu.mymenu1 .submenu .menu-text{--menu-text-color:rgba(255, 255, 255, 1.00)} .mymenu1>.menu .submenu li.active>a, .mymenu1>.menu .submenu li.is-active>a, .mymenu1>.menu .submenu a.is-active, .menu.mymenu1 .submenu li.active>a, .menu.mymenu1 .submenu li.is-active>a, .menu.mymenu1 .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(201, 0, 61, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} div.element > .childelement{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(255, 255, 255, 1.00);--secondary:rgba(51, 51, 51, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(251, 2, 7, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(251, 2, 7, 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-light:rgba(255, 255, 255, 1.00);--secondary-light:rgba(255, 255, 255, 1.00);--success-light:rgba(255, 255, 255, 1.00);--warning-light:rgba(255, 255, 246, 1.00);--alert-light:rgba(255, 212, 217, 1.00);*/--primary-dark:rgba(225, 225, 225, 1.00);--secondary-dark:rgba(21, 21, 21, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(221, 0, 0, 1.00);--overlay-color:rgba(0, 0, 0, 0.50)} .mymenu2 .menu>li>a{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.mymenu2 .menu>li>a{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.mymenu2 .menu>li>a{padding-top:40.00px ;padding-right:16.00px ;padding-bottom:8.00px ;padding-left:16.00px }} @media screen and (min-width: 64em){.line .menu>li.is-active>a, .menu>li.active>a, .menu>li>a.is_active{border-width:0px 0px 8px 0px ;border-style:solid ;}} .target.stacks_in_646_101{background-color:rgba(35, 42, 44, 1.00); margin:0px;}.target.stacks_in_646_101{z-index:9;}.target.stacks_in_646_101.width-fill{width:calc(100% - 0px)}.target.stacks_in_646_101.width-flexible{width:100%}.target.stacks_in_646_101.width-fixed{width:250px}.target.stacks_in_646_101.height-fill{height:calc(100% - 0px)}.target.stacks_in_646_101.height-flexible{height:100%}.target.stacks_in_646_101.height-fixed{height:96px}.target.stacks_in_646_101[class*="relative-"].top-pt{top:0%}.target.stacks_in_646_101[class*="relative-"].top-px{top:0px}.target.stacks_in_646_101[class*="relative-"].bottom-pt{bottom:0%}.target.stacks_in_646_101[class*="relative-"].bottom-px{bottom:0px}.target.stacks_in_646_101[class*="relative-"].right-pt{right:0%}.target.stacks_in_646_101[class*="relative-"].right-px{right:0px}.target.stacks_in_646_101[class*="relative-"].left-pt{left:0%}.target.stacks_in_646_101[class*="relative-"].left-px{left:0px}.target.stacks_in_646_101.shift-up{margin-top:-0px}.target.stacks_in_646_101.shift-down{margin-bottom:-0px}.target.stacks_in_646_101.shift-left{right:0px}.target.stacks_in_646_101.shift-right{left:0px}.target.stacks_in_646_101.pin-top,.target.stacks_in_646_101.pin-bottom{left:0px}.target.stacks_in_646_101.pin-left,.target.stacks_in_646_101.pin-right{top:0px} .target.stacks_in_646_104{ margin:0px;}.target.stacks_in_646_104{z-index:15;}.target.stacks_in_646_104.width-fill{width:calc(100% - 0px)}.target.stacks_in_646_104.width-flexible{width:95%}.target.stacks_in_646_104.width-fixed{width:250px}.target.stacks_in_646_104.height-fill{height:calc(100% - 0px)}.target.stacks_in_646_104.height-flexible{height:100%}.target.stacks_in_646_104.height-fixed{height:250px}.target.stacks_in_646_104[class*="relative-"].top-pt{top:0%}.target.stacks_in_646_104[class*="relative-"].top-px{top:0px}.target.stacks_in_646_104[class*="relative-"].bottom-pt{bottom:0%}.target.stacks_in_646_104[class*="relative-"].bottom-px{bottom:0px}.target.stacks_in_646_104[class*="relative-"].right-pt{right:0%}.target.stacks_in_646_104[class*="relative-"].right-px{right:0px}.target.stacks_in_646_104[class*="relative-"].left-pt{left:0%}.target.stacks_in_646_104[class*="relative-"].left-px{left:0px}.target.stacks_in_646_104.shift-up{margin-top:-0px}.target.stacks_in_646_104.shift-down{margin-bottom:-0px}.target.stacks_in_646_104.shift-left{right:0px}.target.stacks_in_646_104.shift-right{left:0px}.target.stacks_in_646_104.pin-top,.target.stacks_in_646_104.pin-bottom{left:0px}.target.stacks_in_646_104.pin-left,.target.stacks_in_646_104.pin-right{top:0px} .target.stacks_in_646_107{ margin:20px;}.target.stacks_in_646_107{z-index:3;}.target.stacks_in_646_107.width-fill{width:calc(100% - 40px)}.target.stacks_in_646_107.width-flexible{width:100%}.target.stacks_in_646_107.width-fixed{width:250px}.target.stacks_in_646_107.height-fill{height:calc(100% - 40px)}.target.stacks_in_646_107.height-flexible{height:100%}.target.stacks_in_646_107.height-fixed{height:250px}.target.stacks_in_646_107[class*="relative-"].top-pt{top:0%}.target.stacks_in_646_107[class*="relative-"].top-px{top:0px}.target.stacks_in_646_107[class*="relative-"].bottom-pt{bottom:0%}.target.stacks_in_646_107[class*="relative-"].bottom-px{bottom:0px}.target.stacks_in_646_107[class*="relative-"].right-pt{right:0%}.target.stacks_in_646_107[class*="relative-"].right-px{right:0px}.target.stacks_in_646_107[class*="relative-"].left-pt{left:0%}.target.stacks_in_646_107[class*="relative-"].left-px{left:0px}.target.stacks_in_646_107.shift-up{margin-top:-0px}.target.stacks_in_646_107.shift-down{margin-bottom:-0px}.target.stacks_in_646_107.shift-left{right:0px}.target.stacks_in_646_107.shift-right{left:0px}.target.stacks_in_646_107.pin-top,.target.stacks_in_646_107.pin-bottom{left:0px}.target.stacks_in_646_107.pin-left,.target.stacks_in_646_107.pin-right{top:0px} #stacks_in_646_109 img{border:0px solid rgba(204, 204, 204, 1.00);border-radius:0px}#stacks_in_646_109 img.maxwidth{max-width:500px}#stacks_in_646_109 img.maxheight{width:auto;max-height:500px} #stacks_out_646_109 { width: 250px; margin-left:0; } .target.stacks_in_646_112{ margin:20px;}.target.stacks_in_646_112{z-index:3;}.target.stacks_in_646_112.width-fill{width:calc(100% - 40px)}.target.stacks_in_646_112.width-flexible{width:100%}.target.stacks_in_646_112.width-fixed{width:250px}.target.stacks_in_646_112.height-fill{height:calc(100% - 40px)}.target.stacks_in_646_112.height-flexible{height:100%}.target.stacks_in_646_112.height-fixed{height:250px}.target.stacks_in_646_112[class*="relative-"].top-pt{top:0%}.target.stacks_in_646_112[class*="relative-"].top-px{top:0px}.target.stacks_in_646_112[class*="relative-"].bottom-pt{bottom:0%}.target.stacks_in_646_112[class*="relative-"].bottom-px{bottom:0px}.target.stacks_in_646_112[class*="relative-"].right-pt{right:0%}.target.stacks_in_646_112[class*="relative-"].right-px{right:0px}.target.stacks_in_646_112[class*="relative-"].left-pt{left:0%}.target.stacks_in_646_112[class*="relative-"].left-px{left:0px}.target.stacks_in_646_112.shift-up{margin-top:-0px}.target.stacks_in_646_112.shift-down{margin-bottom:-0px}.target.stacks_in_646_112.shift-left{right:0px}.target.stacks_in_646_112.shift-right{left:0px}.target.stacks_in_646_112.pin-top,.target.stacks_in_646_112.pin-bottom{left:0px}.target.stacks_in_646_112.pin-left,.target.stacks_in_646_112.pin-right{top:0px} #stacks_in_646_113 img{border:0px solid rgba(204, 204, 204, 1.00);border-radius:0px}#stacks_in_646_113 img.maxwidth{max-width:500px}#stacks_in_646_113 img.maxheight{width:auto;max-height:500px} #stacks_out_646_113 { width: 150px; margin-right:0; } #stacks_in_759 { margin: 0px !important; padding: 0px !important; display: none !important; } .AnimateItTrigger { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; -webkit-font-smoothing: antialiased; /*font-smooth: always;*/ } /* Animate.css - http://daneden.me/animate LICENSED UNDER THE MIT LICENSE (MIT) Copyright (c) 2011 Dan Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation: 1s ease; -moz-animation: 1s ease; -ms-animation: 1s ease; -o-animation: 1s ease; animation: 1s ease; } .animated.hinge { -webkit-animation: 2s ease; -moz-animation: 2s ease; -ms-animation: 2s ease; -o-animation: 2s ease; animation: 2s ease; } @-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-ms-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-ms-keyframes shake { 0%, 100% {-ms-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-ms-transform: translateX(10px);} } @-o-keyframes shake { 0%, 100% {-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -ms-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-ms-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);} 40% {-ms-transform: translateY(-30px);} 60% {-ms-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -ms-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);} } @-ms-keyframes tada { 0% {-ms-transform: scale(1);} 10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);} 100% {-ms-transform: scale(1) rotate(0);} } @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -ms-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-ms-keyframes swing { 20% { -ms-transform: rotate(15deg); } 40% { -ms-transform: rotate(-10deg); } 60% { -ms-transform: rotate(5deg); } 80% { -ms-transform: rotate(-5deg); } 100% { -ms-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -ms-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-ms-keyframes wobble { 0% { -ms-transform: translateX(0%); } 15% { -ms-transform: translateX(-25%) rotate(-5deg); } 30% { -ms-transform: translateX(20%) rotate(3deg); } 45% { -ms-transform: translateX(-15%) rotate(-3deg); } 60% { -ms-transform: translateX(10%) rotate(2deg); } 75% { -ms-transform: translateX(-5%) rotate(-1deg); } 100% { -ms-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -ms-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-ms-keyframes pulse { 0% { -ms-transform: scale(1); } 50% { -ms-transform: scale(1.1); } 100% { -ms-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -ms-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-ms-keyframes flip { 0% { -ms-transform: perspective(400px) rotateY(0); -ms-animation-timing-function: ease-out; } 40% { -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-animation-timing-function: ease-out; } 50% { -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-animation-timing-function: ease-in; } 80% { -ms-transform: perspective(400px) rotateY(360deg) scale(.95); -ms-animation-timing-function: ease-in; } 100% { -ms-transform: perspective(400px) scale(1); -ms-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -ms-backface-visibility: visible !important; -ms-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-ms-keyframes flipInX { 0% { -ms-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -ms-transform: perspective(400px) rotateX(-10deg); } 70% { -ms-transform: perspective(400px) rotateX(10deg); } 100% { -ms-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -ms-backface-visibility: visible !important; -ms-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-ms-keyframes flipOutX { 0% { -ms-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -ms-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -ms-animation-name: flipOutX; -ms-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-ms-keyframes flipInY { 0% { -ms-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -ms-transform: perspective(400px) rotateY(-10deg); } 70% { -ms-transform: perspective(400px) rotateY(10deg); } 100% { -ms-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -ms-backface-visibility: visible !important; -ms-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-ms-keyframes flipOutY { 0% { -ms-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -ms-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -ms-backface-visibility: visible !important; -ms-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-ms-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInLeft { 0% { opacity: 0; -ms-transform: translateX(-20px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInRight { 0% { opacity: 0; -ms-transform: translateX(20px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInUpBig { 0% { opacity: 0; -ms-transform: translateY(2000px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -ms-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInDownBig { 0% { opacity: 0; -ms-transform: translateY(-2000px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -ms-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInLeftBig { 0% { opacity: 0; -ms-transform: translateX(-2000px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -ms-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInRightBig { 0% { opacity: 0; -ms-transform: translateX(2000px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -ms-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-ms-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-ms-keyframes fadeOutUp { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -ms-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-ms-keyframes fadeOutDown { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -ms-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-ms-keyframes fadeOutLeft { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -ms-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-ms-keyframes fadeOutRight { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -ms-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-ms-keyframes fadeOutUpBig { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -ms-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-ms-keyframes fadeOutDownBig { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -ms-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-ms-keyframes fadeOutLeftBig { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -ms-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-ms-keyframes fadeOutRightBig { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -ms-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-ms-keyframes bounceIn { 0% { opacity: 0; -ms-transform: scale(.3); } 50% { opacity: 1; -ms-transform: scale(1.05); } 70% { -ms-transform: scale(.9); } 100% { -ms-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -ms-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-ms-keyframes bounceInUp { 0% { opacity: 0; -ms-transform: translateY(2000px); } 60% { opacity: 1; -ms-transform: translateY(-30px); } 80% { -ms-transform: translateY(10px); } 100% { -ms-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -ms-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-ms-keyframes bounceInDown { 0% { opacity: 0; -ms-transform: translateY(-2000px); } 60% { opacity: 1; -ms-transform: translateY(30px); } 80% { -ms-transform: translateY(-10px); } 100% { -ms-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -ms-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-ms-keyframes bounceInLeft { 0% { opacity: 0; -ms-transform: translateX(-2000px); } 60% { opacity: 1; -ms-transform: translateX(30px); } 80% { -ms-transform: translateX(-10px); } 100% { -ms-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -ms-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-ms-keyframes bounceInRight { 0% { opacity: 0; -ms-transform: translateX(2000px); } 60% { opacity: 1; -ms-transform: translateX(-30px); } 80% { -ms-transform: translateX(10px); } 100% { -ms-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -ms-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-ms-keyframes bounceOut { 0% { -ms-transform: scale(1); } 25% { -ms-transform: scale(.95); } 50% { opacity: 1; -ms-transform: scale(1.1); } 100% { opacity: 0; -ms-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -ms-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-ms-keyframes bounceOutUp { 0% { -ms-transform: translateY(0); } 20% { opacity: 1; -ms-transform: translateY(20px); } 100% { opacity: 0; -ms-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -ms-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-ms-keyframes bounceOutDown { 0% { -ms-transform: translateY(0); } 20% { opacity: 1; -ms-transform: translateY(-20px); } 100% { opacity: 0; -ms-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -ms-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-ms-keyframes bounceOutLeft { 0% { -ms-transform: translateX(0); } 20% { opacity: 1; -ms-transform: translateX(20px); } 100% { opacity: 0; -ms-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -ms-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-ms-keyframes bounceOutRight { 0% { -ms-transform: translateX(0); } 20% { opacity: 1; -ms-transform: translateX(-20px); } 100% { opacity: 0; -ms-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -ms-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateIn { 0% { -ms-transform-origin: center center; -ms-transform: rotate(-200deg); opacity: 0; } 100% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -ms-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInUpLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(90deg); opacity: 0; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -ms-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInDownLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(-90deg); opacity: 0; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -ms-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInUpRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(-90deg); opacity: 0; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -ms-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInDownRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(90deg); opacity: 0; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -ms-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-ms-keyframes rotateOut { 0% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: center center; -ms-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -ms-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-ms-keyframes rotateOutUpLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -ms-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-ms-keyframes rotateOutDownLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -ms-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-ms-keyframes rotateOutUpRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -ms-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-ms-keyframes rotateOutDownRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -ms-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-ms-keyframes hinge { 0% { -ms-transform: rotate(0); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 20%, 60% { -ms-transform: rotate(80deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 40% { -ms-transform: rotate(60deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 80% { -ms-transform: rotate(60deg) translateY(0); opacity: 1; -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 100% { -ms-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -ms-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-ms-keyframes rollIn { 0% { opacity: 0; -ms-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -ms-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-ms-keyframes rollOut { 0% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -ms-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -ms-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } #stacks_in_739 { margin: 0px !important; padding: 0px !important; } #atm_AnimateItstacks_in_739 { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; -webkit-font-smoothing: antialiased; /*font-smooth: always;*/ } #stacks_in_739 { margin: 40px 0px 0px 0px; } #stacks_in_25 { background-color: rgba(204, 204, 204, 0.50); margin: 20px; padding: 20px; } #stacks_in_741 { margin: 0px !important; padding: 0px !important; } #atm_AnimateItstacks_in_741 { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; -webkit-font-smoothing: antialiased; /*font-smooth: always;*/ } #stacks_in_741 { margin: 40px 0px 0px 0px; padding: 20px; } #stacks_in_732 { background-color: rgba(204, 204, 204, 0.50); margin: 20px; padding: 20px; } .target.stacks_in_654{ margin:0px;}.target.stacks_in_654{}.target.stacks_in_654.width-fill{width:calc(100% - 0px)}.target.stacks_in_654.width-flexible{width:100%}.target.stacks_in_654.width-fixed{width:250px}.target.stacks_in_654.height-fill{height:calc(100% - 0px)}.target.stacks_in_654.height-flexible{height:100%}.target.stacks_in_654.height-fixed{height:250px}.target.stacks_in_654[class*="relative-"].top-pt{top:0%}.target.stacks_in_654[class*="relative-"].top-px{top:0px}.target.stacks_in_654[class*="relative-"].bottom-pt{bottom:0%}.target.stacks_in_654[class*="relative-"].bottom-px{bottom:0px}.target.stacks_in_654[class*="relative-"].right-pt{right:0%}.target.stacks_in_654[class*="relative-"].right-px{right:0px}.target.stacks_in_654[class*="relative-"].left-pt{left:0%}.target.stacks_in_654[class*="relative-"].left-px{left:0px}.target.stacks_in_654.shift-up{margin-top:-0px}.target.stacks_in_654.shift-down{margin-bottom:-0px}.target.stacks_in_654.shift-left{right:0px}.target.stacks_in_654.shift-right{left:0px}.target.stacks_in_654.pin-top,.target.stacks_in_654.pin-bottom{left:0px}.target.stacks_in_654.pin-left,.target.stacks_in_654.pin-right{top:0px} #stacks_in_743 { margin: 0px !important; padding: 0px !important; } #atm_AnimateItstacks_in_743 { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; -webkit-font-smoothing: antialiased; /*font-smooth: always;*/ } #stacks_in_745 { margin: 0px !important; padding: 0px !important; } #atm_AnimateItstacks_in_745 { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; -webkit-font-smoothing: antialiased; /*font-smooth: always;*/ } #stacks_in_747 { margin: 0px !important; padding: 0px !important; } #atm_AnimateItstacks_in_747 { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; -webkit-font-smoothing: antialiased; /*font-smooth: always;*/ } #stacks_in_749 { margin: 0px !important; padding: 0px !important; } #atm_AnimateItstacks_in_749 { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; -webkit-font-smoothing: antialiased; /*font-smooth: always;*/ } #stacks_in_1038 { padding: 15px 0px 10px 0px; } #stacks_in_1056 img{border:0px solid rgba(204, 204, 204, 1.00);border-radius:0px}#stacks_in_1056 img.maxwidth{max-width:500px}#stacks_in_1056 img.maxheight{width:auto;max-height:500px} #stacks_in_1056 { margin: 30px 0px 20px 0px; } #stacks_in_86 { padding: 10px 0px 20px 0px; } /* 1.8.1 - fixed a bug that could the form to not submit if "Exclude Incomplete Fields" was disabled - replaced multiple select with custom mutli-select field ----- replaced option elements, they were not supported in safari ----- more of the feature is built out - you can now add a delay before redirecting on succssful submition - you can now disable radio and checkbox fields - single quotes are escaped from select fields */ #stacks_in_1106.sf-styles,#stacks_in_1106.sf-styles * {box-sizing: border-box;} #stacks_in_1106.sf-styles .age-field, #stacks_in_1106.sf-styles .agree-to-terms-field { overflow: hidden; height: 0; margin: 0 !important; } #stacks_in_1106.sf-styles label.keepIt{text-align:left;display:inline-block;width:100%;padding-left:5px} #stacks_in_1106.sf-styles select{color:#aaa}.php{display:none} #stacks_in_1106.sf-styles .info{color:#00529B;background-color:#BDE5F8} #stacks_in_1106.sf-styles .success{color:#4F8A10;background-color:rgba(47, 134, 56, 1.00)} #stacks_in_1106.sf-styles .warning{color:#9F6000;background-color:#FEEFB3} #stacks_in_1106.sf-styles .error{color:#D8000C;background-color:rgba(216, 0, 12, 1.00)} #stacks_in_1106.sf-styles .sf-message { position: absolute; left: 0; right: 0; top: 0; width: 100%; } #stacks_in_1106.sf-styles .submitMessage, #stacks_in_1106.sf-styles .errorMessage { background-size: 40px 40px; background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent); width: 100%; border: 1px solid; color: #fff !important; padding: 10px 15px; border-radius:3px; margin-right: 28px; position: absolute; top: 0; left: 0; transform: translateY(-50%); z-index: 99; box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0px 8px 16px rgba(0,0,0,0.2); animation: sf-message-in-out 5s ease-in-out forwards; cursor: pointer; } @keyframes sf-message-in-out { 0% { transform: translateY(0%); opacity: 0 } 5% { transform: translateY(-50%); opacity: 1 } 95% { transform: translateY(-50%); opacity: 1} 100% { transform: translateY(0%); opacity: 0} } #stacks_in_1106.sf-styles.sf-no-help-text .submitMessage { margin-right: 0px; } #stacks_in_1106.sf-styles.sf-no-help-text .sf-help-column { display: none; } #stacks_in_1106.sf-styles .sf-help-column { transform: none !important; } #stacks_in_1106.sf-styles .info { background-color: #61b832; border-color: #3b8eb5; } #stacks_in_1106.sf-styles .error, #stacks_in_1106.sf-styles .errorMessage { background-color: rgba(216, 0, 12, 1.00); border-color: rgba(0,0,0,0.25); } #stacks_in_1106.sf-styles .warning { background-color: #eaaf51; border-color: #d99a36; } #stacks_in_1106.sf-styles .success { background-color:rgba(47, 134, 56, 1.00); border-color: rgba(0,0,0,0.25); padding: 10px 15px 5px 15px; } #stacks_in_1106.sf-styles .submitMessage h3 { font-size: 16px; line-height: 1.4; color: #fff; font-weight: bold; } #stacks_in_1106.sf-styles .submitMessage h3:not(:last-child) { margin: 0 0 5px 0 !important; } #stacks_in_1106.sf-styles .submitMessage h3:last-child { margin: 0 !important; } #stacks_in_1106.sf-styles .submitMessage p { margin: 0; font-size: 16px; line-height: 1.4; color: #fff; } #g-captcha { position: absolute; pointer-events: none; left: 0; width: 50px; bottom: 0; opacity: 0; } #stacks_in_1106.sf-styles .g-recaptcha { min-width: 0; margin: 0; } /* ---------------------------------------- */ #stacks_in_1106.sf-styles form { background: rgba(243, 243, 243, 0.10); padding: 16px 32px; border-radius: 2px; margin: 0px auto; border: 0px solid rgba(243, 243, 243, 1.00); display: inline-block; max-width: 100%; } #stacks_in_1106.sf-styles form .note { display: block; font-size: 75%; line-height: 1.2; color: rgba(255, 255, 255, 0.80); margin: 0px 8px; opacity: .75; } #stacks_in_1106.sf-styles form .note p { margin: 0; } #stacks_in_1106.sf-styles .controls { position: relative; margin-bottom: 16px; width: 600px; max-width: 100%; display: grid; grid-template-columns: 80px 1fr 20px; align-items: center; align-content: flex-start; grid-gap: 4px 8px; } #stacks_in_1106.sf-styles .controls.sf-radio { margin-bottom: 0px; } #stacks_in_1106.sf-styles .controls.sf-radio + .controls:not(.sf-radio) { margin-top: 16px; } #stacks_in_1106.sf-styles .sf-radio-group .controls.sf-button-group.hidden, #stacks_in_1106.sf-styles .controls.hidden { display: none !important; pointer-events: none; } #stacks_in_1106.sf-styles .controls.sf-disabled.sf-input { cursor: not-allowed; } #stacks_in_1106.sf-styles .controls.sf-disabled.sf-checkbox label, #stacks_in_1106.sf-styles .controls.sf-disabled.sf-checkbox input, #stacks_in_1106.sf-styles .controls.sf-disabled.sf-input label, #stacks_in_1106.sf-styles .controls.sf-disabled.sf-input input { opacity: .5; pointer-events: none; } #stacks_in_1106.sf-styles.sf-no-help-text .controls { grid-template-columns: 80px 1fr; } #stacks_in_1106.sf-styles .deluxe-columns > div { min-width: 0; } #stacks_in_1106.sf-styles .form-group > div:nth-child(2) { margin-top: 16px; } #stacks_in_1106.sf-styles .controls.sf-checkbox { grid-template-columns: 80px 22px 1fr 20px; } #stacks_in_1106.sf-styles.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 80px 22px 1fr; } #stacks_in_1106.sf-styles .controls.sf-checkbox label { cursor: pointer; } #stacks_in_1106.sf-styles .controls.sf-submit { grid-template-columns: 80px min-content 20px; grid-gap: 0px 8px; } #stacks_in_1106.sf-styles .controls.sf-submit .sf-message:empty { display: none; } #stacks_in_1106.sf-styles.sf-no-help-text .controls.sf-submit { grid-template-columns: 80px min-content; } #stacks_in_1106.sf-styles .controls.sf-file { grid-template-columns: 80px 1fr min-content 20px; } #stacks_in_1106.sf-styles.sf-no-help-text .controls.sf-file { grid-template-columns: 80px 1fr min-content; } #stacks_in_1106.sf-styles .hiddenFormSubmit { display: none; } #stacks_in_1106.sf-styles .steps .step .controls label, #stacks_in_1106.sf-styles .controls label { font-size: 16px; line-height: 1; } #stacks_in_1106.sf-styles .controls label { color: rgba(255, 255, 255, 0.80); margin: 0; } #stacks_in_1106.sf-styles .controls label img { display: inline; } #stacks_in_1106.sf-styles .controls:not(.sf-checkbox) label { pointer-events: none; } #stacks_in_1106.sf-styles .controls .field-icon { position: absolute; right: 8px; top: 50%; fill: rgba(240, 227, 209, 1.00); margin: 0; width: 16px; height: 16px; pointer-events: none; transform: translate(0,-50%); } #stacks_in_1106.sf-styles .sf-multi-select .field-icon { opacity: 0; } #stacks_in_1106.sf-styles .controls { font-size: 16px; } #stacks_in_1106.sf-styles form .controls .step-input-wrap { position: relative; } #stacks_in_1106.sf-styles .controls input, #stacks_in_1106.sf-styles .controls > button, #stacks_in_1106.sf-styles .controls select, #stacks_in_1106.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_1106.sf-styles .controls .fileUpload, #stacks_in_1106.sf-styles .controls .fileUpload span { font-size: 16px; line-height: 16px; height: 34px; color: rgba(240, 227, 209, 1.00); } #stacks_in_1106.sf-styles .controls select + .sf-multi-select-mobile { height: auto; } #stacks_in_1106.sf-styles .controls input::-webkit-calendar-picker-indicator { opacity: 0; } #stacks_in_1106.sf-styles .controls input:focus, #stacks_in_1106.sf-styles .controls select:focus, #stacks_in_1106.sf-styles .controls textarea:focus, #stacks_in_1106.sf-styles .controls button:focus { outline: none; } #stacks_in_1106.sf-styles .controls.sf-checkbox label { font-size: 16px; line-height: 16px; } #stacks_in_1106.sf-styles .controls textarea { font-size: 16px; line-height: 16px; color: rgba(240, 227, 209, 1.00); } #stacks_in_1106.sf-styles .controls select.is-placeholder option, #stacks_in_1106.sf-styles .controls select.is-placeholder + .sf-multi-select-mobile .sf-option { color: rgba(240, 227, 209, 1.00); } #stacks_in_1106.sf-styles .controls input::placeholder, #stacks_in_1106.sf-styles .controls textarea::placeholder, #stacks_in_1106.sf-styles .controls select.is-placeholder option[disabled] { color: rgba(159, 159, 159, 1.00); opacity: 1; } #stacks_in_1106.sf-placeholder .controls input::placeholder, #stacks_in_1106.sf-placeholder .controls textarea::placeholder, #stacks_in_1106.sf-placeholder .controls select:invalid, #stacks_in_1106.sf-classic .controls input::placeholder, #stacks_in_1106.sf-classic .controls textarea::placeholder, #stacks_in_1106.sf-classic .controls select.is-placeholder { color: transparent; } #stacks_in_1106.sf-styles .controls .sf-number-wrap, #stacks_in_1106.sf-styles .controls input, #stacks_in_1106.sf-styles .controls textarea, #stacks_in_1106.sf-styles .controls > button, #stacks_in_1106.sf-styles .controls select, #stacks_in_1106.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_1106.sf-styles .controls .fileUpload { padding: 8px 8px; border: 1px solid rgba(185, 46, 30, 0.85); width: 100%; margin: 0px; color: rgba(240, 227, 209, 1.00); background-color: rgba(79, 79, 79, 0.00); border-radius: 2px; transition: all 0.3s; } #stacks_in_1106.sf-styles .controls select + .sf-multi-select-mobile { padding: 8px 0px; } #stacks_in_1106.sf-styles .controls .sf-number-wrap { padding: 0; color: rgba(240, 227, 209, 1.00); } #stacks_in_1106.sf-styles .controls input[type="number"] { border-color: transparent !important; background-color: transparent !important; } #stacks_in_1106.sf-styles .controls .sf-number-wrap { display: grid; grid-template-columns: 1fr min-content; align-items: center; grid-gap: 0px; position: relative; } #stacks_in_1106.sf-styles .controls input::-webkit-outer-spin-button, #stacks_in_1106.sf-styles .controls input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #stacks_in_1106.sf-styles .controls input[type=number] { -moz-appearance: textfield; } #stacks_in_1106.sf-styles .quantity-nav { height: 24px; display: grid; grid-gap: 2px; margin-left: 8px; margin-right: 4px; grid-template-columns: 1fr 1fr; } #stacks_in_1106.sf-styles .quantity-button { font-family: "helvetica-Neue",helvetica; font-weight: 400; position: relative; cursor: pointer; border: none; width: 24px; text-align: center; font-size: 14px; line-height: 22px; height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-color: rgba(0,0,0,0.05); } #stacks_in_1106.sf-styles .quantity-button.quantity-up:before { content: "+"; } #stacks_in_1106.sf-styles .quantity-button.quantity-down:before { content: "-"; } #stacks_in_1106.sf-styles .quantity-button:active:after { content: ""; position: absolute; left:0;top:0;right:0;bottom:0; background: rgba(0,0,0,0.05); pointer-events: none; } #stacks_in_1106.sf-styles .controls input[type="checkbox"], #stacks_in_1106.sf-styles .controls input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; } #stacks_in_1106.sf-styles .controls select, #stacks_in_1106.sf-styles .controls select + .sf-multi-select-mobile { line-height: 20px; padding: 6px 8px; } #stacks_in_1106.sf-styles .controls select + .sf-multi-select-mobile { padding: 6px 0; } #stacks_in_1106.sf-styles .controls > button { position: relative; white-space: nowrap; } #stacks_in_1106.sf-styles .controls > button.sf-submitting { color: transparent; } #stacks_in_1106.sf-styles .controls > button svg { pointer-events: none; opacity: 0; position: absolute; width: 16px; height: 16px; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; } #stacks_in_1106.sf-styles .controls > button.sf-submitting svg { opacity: 1; transition: opacity 300ms ease; animation: sf-loading 1000ms linear infinite; transform-origin: 8px 9px; } #stacks_in_1106.sf-styles .controls > button svg path { stroke: #fff; } #stacks_in_1106.sf-styles .controls > button, #stacks_in_1106.sf-styles .controls .fileUpload { padding: 8px 16px; } @-webkit-keyframes sf-loading { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes sf-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #stacks_in_1106.sf-styles .controls .fileUpload { border-color: transparent; } #stacks_in_1106.sf-styles form .hint, #stacks_in_1106.sf-styles form .message { font-size: 14px; line-height: 1.3; position: relative; left: 0; color: #6f6f6f; padding: 12px; margin: 0px; background: -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: linear-gradient(#ffffff, #f7f7f6 30%); border-radius: 3px; vertical-align: top; pointer-events: none; box-shadow: 0px 8px 16px rgba(0,0,0,0.2); } #stacks_in_1106.sf-styles form .hint:before, #stacks_in_1106.sf-styles form .hint:after, #stacks_in_1106.sf-styles form .message:before, #stacks_in_1106.sf-styles form .message:after { content: ""; display: block; height: 0; width: 0; border-style: solid; border-width: 8px 8px 8px 8px; border-color: #f7f7f6 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); position: absolute; top: auto; left: 8px; margin-top: -8px; z-index: 2; bottom: -14px; } #stacks_in_1106.sf-styles form .hint:after, #stacks_in_1106.sf-styles form .message:after { z-index: 1; bottom: -15px; } #stacks_in_1106.sf-styles form .hint { opacity: 0; position: absolute; left: calc(80px + 8px); right: 28px; bottom: 0%; top: auto; } #stacks_in_1106.sf-styles.sf-no-help-text form .hint { right: 0px; } #stacks_in_1106.sf-styles form .message ~ .hint { display: none; } #stacks_in_1106.sf-styles form .controls .sf-focused ~ .hint { transition: all 300ms ease; opacity: 1; bottom: calc(100% + 8px); } #stacks_in_1106.sf-styles form .help { height: 20px; } #stacks_in_1106.sf-styles form .help i { display: block; position: relative; height: 20px; width: 20px; line-height: 16px; font-size: 16px; padding-top: 1px; text-align: center; color: #a2a2a2; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(0,0,0,0.3); background: #f7f7f6 -moz-linear-gradient(#ffffff, #ededec); background: #f7f7f6 -webkit-linear-gradient(#ffffff, #ededec); background: #f7f7f6 linear-gradient(#ffffff, #ededec); cursor: help; font-style: normal; } #stacks_in_1106.sf-styles form .help i:hover { color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border-color: #585854; background: #585854 -moz-linear-gradient(#6d6d67, #60605b); background: #585854 -webkit-linear-gradient(#6d6d67, #60605b); background: #585854 linear-gradient(#6d6d67, #60605b); } #stacks_in_1106.sf-styles form .help i:after { display: none; opacity: 0.97; content: ""; height: 0; width: 0; border-style: solid; border-width: 0 9px 8px 9px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #6d6d67; position: absolute; bottom: -11px; left: 0px; z-index: 11; } #stacks_in_1106.sf-styles form .help > span { display: none; opacity: 0.97; position: absolute; right: -2px; left: calc(80px + 8px); top: calc(8px + 8px + 16px); z-index: 10; padding: 7px 10px 9px 10px; margin: 0; border-radius: 3px; background: -moz-linear-gradient(#6d6d67, #585854 20%); background: -webkit-linear-gradient(#6d6d67, #585854 20%); background: linear-gradient(#6d6d67, #585854 20%); color: white; border-color: #585854; text-align: left; line-height: 1.2; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); font-size: 16px; line-height: 1.4; } #stacks_in_1106.sf-styles form .help i:hover:after { display: block; } #stacks_in_1106.sf-styles form .help i:hover ~ span { display: block; white-space: normal; } #stacks_in_1106.sf-styles .controls.sf-checkbox .note, #stacks_in_1106.sf-styles .controls.sf-file .note { grid-column: span 2; } #stacks_in_1106.sf-styles .controls.sf-textarea, #stacks_in_1106.sf-styles .controls.sf-multi-select { align-items: flex-start; } #stacks_in_1106.sf-styles form .controls.sf-textarea .help, #stacks_in_1106.sf-styles form .controls.sf-multi-select .help { margin-top: 8px; } /* left */ #stacks_in_1106.sf-left .controls { width: calc(80px + 600px); } #stacks_in_1106.sf-left .controls:not(.sf-checkbox) label { font-weight: 600; } #stacks_in_1106.sf-left .controls.sf-textarea label, #stacks_in_1106.sf-left .controls.sf-multi-select label { margin-top: 8px; } @media all and (max-width: 500px) { #stacks_in_1106.sf-left .controls { width: 600px; } #stacks_in_1106.sf-left form .controls .sf-focused ~ .hint { margin-top: 16px; } #stacks_in_1106.sf-left form .controls:not(.sf-checkbox) .help > span { margin-top: 22px; } #stacks_in_1106.sf-left form .hint, #stacks_in_1106.sf-left form .help > span { left: 0px; } #stacks_in_1106.sf-left .controls.sf-textarea label, #stacks_in_1106.sf-left .controls.sf-multi-select label { margin-top: 0px; } #stacks_in_1106.sf-left .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_1106.sf-left.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_1106.sf-left .dropdown-menu { margin-left: 0px; } #stacks_in_1106.sf-left .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_1106.sf-left.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_1106.sf-left .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_1106.sf-left.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_1106.sf-left .controls .sf-empty-column { display: none; } #stacks_in_1106.sf-left .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_1106.sf-left.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_1106.sf-left .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; font-weight: 600; } } /* end left */ /* top */ #stacks_in_1106.sf-top form .controls .sf-focused ~ .hint { margin-top: 16px; } #stacks_in_1106.sf-top .controls .note, #stacks_in_1106.sf-top .controls.sf-checkbox .note, #stacks_in_1106.sf-top .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_1106.sf-top form .controls:not(.sf-checkbox) .help > span { margin-top: 22px; } #stacks_in_1106.sf-top form .hint, #stacks_in_1106.sf-top form .help > span { left: 0px; } #stacks_in_1106.sf-top .controls.sf-textarea label, #stacks_in_1106.sf-top .controls.sf-multi-select label { margin-top: 0px; } #stacks_in_1106.sf-top .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_1106.sf-top.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_1106.sf-top .dropdown-menu { margin-left: 0px; } #stacks_in_1106.sf-top .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_1106.sf-top.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_1106.sf-top .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_1106.sf-top.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_1106.sf-top .controls .sf-empty-column { display: none; } #stacks_in_1106.sf-top .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_1106.sf-top.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_1106.sf-top .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; font-weight: 600; } /* end top */ /* placeholder */ #stacks_in_1106.sf-placeholder form .hint, #stacks_in_1106.sf-placeholder form .help > span { left: 0px; } #stacks_in_1106.sf-placeholder .controls .note, #stacks_in_1106.sf-placeholder .controls.sf-checkbox .note, #stacks_in_1106.sf-placeholder .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_1106.sf-placeholder .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_1106.sf-placeholder.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_1106.sf-placeholder .dropdown-menu { margin-left: 0px; } #stacks_in_1106.sf-placeholder .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_1106.sf-placeholder.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_1106.sf-placeholder .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_1106.sf-placeholder.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_1106.sf-placeholder .controls .sf-empty-column { display: none; } #stacks_in_1106.sf-placeholder .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_1106.sf-placeholder.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_1106.sf-placeholder .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; } #stacks_in_1106.sf-placeholder .controls:not(.sf-checkbox) label { position: absolute; left: 4px; top: 8px; display: inline-block; padding: 0px 4px; transition: opacity 0.3s; pointer-events: none; opacity: 1; z-index: 1; } #stacks_in_1106.sf-placeholder .controls.sf-checkbox label { display: block; } #stacks_in_1106.sf-placeholder .controls:not(.sf-checkbox) label.sf-active { opacity: 0; } #stacks_in_1106.sf-placeholder .controls:not(.sf-checkbox) label:not(.sf-active) + div input { color: transparent; } /* end placeholder */ /* classic */ #stacks_in_1106.sf-classic form .controls .sf-focused ~ .hint { bottom: calc(100% + 16px); } #stacks_in_1106.sf-classic .controls .note, #stacks_in_1106.sf-classic .controls.sf-checkbox .note, #stacks_in_1106.sf-classic .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_1106.sf-classic form .hint, #stacks_in_1106.sf-classic form .help > span { left: 0px; } #stacks_in_1106.sf-classic form .controls:not(.sf-checkbox) .help > span { margin-top: 4px; } #stacks_in_1106.sf-classic .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_1106.sf-classic.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_1106.sf-classic .dropdown-menu { margin-left: 0px; } #stacks_in_1106.sf-classic .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_1106.sf-classic.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_1106.sf-classic .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_1106.sf-classic.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_1106.sf-classic .controls .sf-empty-column { display: none; } #stacks_in_1106.sf-classic .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_1106.sf-classic.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_1106.sf-classic .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; } #stacks_in_1106.sf-classic .controls:not(.sf-checkbox) label { position: absolute; left: 6px; top: 12px; border-radius: 2px; display: inline-block; padding: 0px 6px; background-color: rgba(255, 255, 255, 0); transition: color 0.3s, top 0.3s, background-color 0.8s; z-index: 1; } #stacks_in_1106.sf-classic .controls.sf-checkbox label { display: block; } #stacks_in_1106.sf-classic .controls:not(.sf-checkbox) label.sf-active { top: -8px; z-index: 2; background-color: rgba(243, 243, 243, 0.10); } #stacks_in_1106.sf-classic .controls:not(.sf-checkbox) label:not(.sf-active) + div input { color: transparent; } #stacks_in_1106.sf-classic .controls input, #stacks_in_1106.sf-classic .controls > button, #stacks_in_1106.sf-classic .controls select, #stacks_in_1106.sf-classic .controls select + .sf-multi-select-mobile, #stacks_in_1106.sf-classic .controls .fileUpload, #stacks_in_1106.sf-classic .controls .fileUpload span { padding: 12px; height: 42px; } #stacks_in_1106.sf-classic .controls select + .sf-multi-select-mobile { padding: 12px 0; } #stacks_in_1106.sf-classic .controls select + .sf-multi-select-mobile { height: auto; } #stacks_in_1106.sf-classic .controls input[type="checkbox"], #stacks_in_1106.sf-classic .controls input[type="radio"] { padding: 0; } #stacks_in_1106.sf-classic .controls textarea { padding: 12px; } #stacks_in_1106.sf-classic .controls > button { padding: 12px 24px; } /* end classic */ #stacks_in_1106.sf-styles .controls input, #stacks_in_1106.sf-styles .controls textarea, #stacks_in_1106.sf-styles .controls button, #stacks_in_1106.sf-styles .controls select, #stacks_in_1106.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_1106.sf-styles .controls input[type="checkbox"]:after, #stacks_in_1106.sf-styles .controls input[type="radio"]:after, #stacks_in_1106.sf-styles input[type="checkbox"] + .sf-captcha > .g-recaptcha iframe { box-shadow: none; } #stacks_in_1106.sf-styles .controls input[type="number"].hasError + input, #stacks_in_1106.sf-styles .controls input:not([type="radio"]):not([type="checkbox"]):not([type="number"]).hasError, #stacks_in_1106.sf-styles .controls input.sf-upload + label, #stacks_in_1106.sf-styles .controls textarea.hasError, #stacks_in_1106.sf-styles .controls button.hasError, #stacks_in_1106.sf-styles .controls select.hasError, #stacks_in_1106.sf-styles .controls select.hasError + .sf-multi-select-mobile, #stacks_in_1106.sf-styles input[type="checkbox"].hasError + .sf-captcha > .g-recaptcha iframe { box-shadow: inset 0 0 0 1000px rgba(249,217,73,0.33); } #stacks_in_1106.sf-styles .controls input[type="checkbox"]:not(:checked).hasError:after, #stacks_in_1106.sf-styles .controls input[type="radio"]:not(:checked).hasError:after { box-shadow: none; background-color: rgba(249,217,73,0.33); content: ""; width: 20px; height: 20px; position: absolute; left: 1px; top: 1px; border-radius: 50%; } #stacks_in_1106.sf-styles .controls input[type="checkbox"]:not(:checked).hasError:after { border-radius: 0px; } #stacks_in_1106.sf-styles .controls select, #stacks_in_1106.sf-styles .controls select + .sf-multi-select-mobile .sf-option, #stacks_in_1106.sf-styles .controls.sf-date input { cursor: pointer; -moz-appearance: none; -webkit-appearance: none; } #stacks_in_1106.sf-styles .controls textarea { white-space: pre-line; line-height: 1.2; } #stacks_in_1106.sf-styles .controls input[type=checkbox], #stacks_in_1106.sf-styles .controls input[type=radio] { position: relative; left: 0px; width: 22px; height: 22px; margin: 4px 0px; background: transparent; border-color: transparent; } #stacks_in_1106.sf-styles .controls input[type=checkbox]:after, #stacks_in_1106.sf-styles .controls input[type=radio]:before { cursor: pointer; content: " "; display: inline-block; width: 20px; height: 20px; border-radius: 2px; border: 1px solid rgba(185, 46, 30, 0.85); line-height: 20px; text-align: center; position: relative; left: 0px; background-image: linear-gradient(rgba(79, 79, 79, 0.00), rgba(79, 79, 79, 0.00)); } #stacks_in_1106.sf-styles .controls input[type=radio]:before { border-radius: 50%; } #stacks_in_1106.sf-styles .controls input[type=checkbox]:checked:after { content: "\2714"; /**/ color: rgba(31, 125, 193, 1.00); } #stacks_in_1106.sf-styles .controls input[type=radio]:checked:after { content: ""; width: 12px; height: 12px; position: absolute; left: 5px; top: 5px; border-radius: 50%; background-color: rgba(31, 125, 193, 1.00); } #stacks_in_1106.sf-styles .controls .fileUpload, #stacks_in_1106.sf-styles .controls button { overflow: hidden; background-color: rgba(185, 46, 30, 1.00); border: 1px solid rgba(185, 46, 30, 1.00); color: rgba(254, 212, 71, 1.00); } #stacks_in_1106.sf-styles .controls .fileUpload:active, #stacks_in_1106.sf-styles .controls button:active { box-shadow: 0 0 0 2000px rgba(0,0,0,0.22) inset; } #stacks_in_1106.sf-styles .controls .fileUpload span { white-space: nowrap; color: rgba(254, 212, 71, 1.00); } #stacks_in_1106.sf-styles .controls .fileUpload input.upload { position: absolute; top: 0; bottom :0; right: 0; margin: 0; padding: 0; cursor: pointer; opacity: 0; height: 100%; } #stacks_in_1106.sf-styles form, #stacks_in_1106.sf-styles .controls input, #stacks_in_1106.sf-styles .controls textarea { font-family: inherit; } /* */ /* */ /* */ #stacks_in_1106.sf-styles .controls.sf-submit.sf-full-button-True { grid-template-columns: 1fr 20px; } #stacks_in_1106.sf-styles.sf-no-help-text .controls.sf-submit.sf-full-button-True { grid-template-columns: 1fr; } #stacks_in_1106.sf-left .controls.sf-submit.sf-full-button-True { grid-template-columns: 80px 1fr 20px; } #stacks_in_1106.sf-left.sf-no-help-text .controls.sf-submit.sf-full-button-True { grid-template-columns: 80px 1fr; } #stacks_in_1106.sf-styles .controls select[multiple] { height: auto; } #stacks_in_1106.sf-styles .controls select[multiple] option, #stacks_in_1106.sf-styles .controls select[multiple] + .sf-multi-select-mobile .sf-option { padding: 2px 0px; } #stacks_in_1106.sf-styles .controls select[multiple] + .sf-multi-select-mobile .sf-option { padding: 2px 8px; } #stacks_in_1106.sf-styles form .controls select + .sf-multi-select-mobile .sf-option.sf-msm-active { background: rgba(185, 46, 30, 1.00); color: rgba(254, 212, 71, 1.00); } #stacks_in_1106.sf-styles .form-group .controls select[multiple] option:empty[disabled], #stacks_in_1106.sf-styles .form-group .controls.sf-multi-select svg { display: none; } #stacks_in_1106.sf-placeholder .form-group .controls.sf-multi-select label, #stacks_in_1106.sf-classic .form-group .controls.sf-multi-select label { position: static; } #stacks_in_1106.sf-styles .sf-radio-group { display: flex; flex-wrap: wrap; align-items: stretch; grid-gap: 4px; margin-bottom: 16px; } #stacks_in_1106.sf-styles .sf-radio-group .controls.sf-button-group { flex: 0 0 auto; margin: 0 0 4px 0; padding: 0; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; align-items: stretch; justify-content: center; } #stacks_in_1106.sf-styles .sf-radio-group .controls.sf-button-group.sf-help-text { grid-template-columns: 1fr 20px; } #stacks_in_1106.sf-styles form .controls.sf-button-group.sf-help-text .help > span { transform: translate(0,-50%); top: calc(50% + 52px); } #stacks_in_1106.sf-styles .sf-radio-group .controls input[type]:after, #stacks_in_1106.sf-styles .sf-radio-group .controls input[type]:before, #stacks_in_1106.sf-styles .sf-radio-group .controls input[type] { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; margin: 0; background: transparent; cursor: pointer; } #stacks_in_1106.sf-styles .sf-radio-group .controls input[type]:after, #stacks_in_1106.sf-styles .sf-radio-group .controls input[type]:before { pointer-events: none; } #stacks_in_1106.sf-styles .sf-radio-group .controls input:checked:after { content: ""; background: transparent; border: 2px solid rgba(31, 125, 193, 1.00); } #stacks_in_1106.sf-styles .sf-radio-group .controls input[type]:checked:after, #stacks_in_1106.sf-styles .sf-radio-group .controls input[type]:before, #stacks_in_1106 .step .sf-radio-group .controls input.hasError[type]:after { border-radius: 4px; } #stacks_in_1106.sf-styles .sf-radio-group .controls.sf-button-group label { display: grid; padding: 16px 8px; grid-template-columns: auto; grid-template-rows: min-content; justify-items: center; align-items: center; text-align: center; line-height: 1.1; font-size: 14px; z-index: 1; grid-gap: 8px; user-select: none; } #stacks_in_1106.sf-styles .sf-radio-group .controls.sf-button-group label > div img { display: block; } #stacks_in_1106.sf-styles .sf-radio-group .controls.sf-button-group label div:empty, #stacks_in_1106.sf-styles .sf-radio-group .controls.sf-button-group label div.empty { display: none; } #stacks_in_1106.sf-styles .sf-radio-group .controls.sf-button-group .sf-button-wrap { position: relative; justify-content: center; align-items: center; display: flex; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:3000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:6px}.bootstrap-datetimepicker-widget:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:100%;font-weight:bold;font-size:1.2em}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#999}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td.active:hover,.bootstrap-datetimepicker-widget td.active:hover:hover,.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active,.bootstrap-datetimepicker-widget td.active.disabled,.bootstrap-datetimepicker-widget td.active:hover.disabled,.bootstrap-datetimepicker-widget td.active[disabled],.bootstrap-datetimepicker-widget td.active:hover[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:block;width:47px;height:54px;line-height:54px;float:left;margin:2px;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td span.active:hover,.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active,.bootstrap-datetimepicker-widget td span.active.disabled,.bootstrap-datetimepicker-widget td span.active[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td span.old{color:#999}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget th.switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px} #stacks_in_1106.sf-styles .dropdown-menu { position: absolute; top: 100%; z-index: 1000; display: none; float: none; width: 600px; max-width: 100%; padding: 5px 0; list-style: none; background-color: #ffffff; color: #676767; border-radius: 3px; box-shadow: 0px 8px 16px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #stacks_in_1106.sf-styles .bootstrap-datetimepicker-widget:before, #stacks_in_1106.sf-styles .bootstrap-datetimepicker-widget:after { display: none; } #stacks_in_1106.sf-styles .bootstrap-datetimepicker-widget ul { padding: 0px 8px; } #stacks_in_1106.sf-styles .bootstrap-datetimepicker-widget td [data-action="togglePicker"] span { display: block; width: auto; height: auto; line-height: 22px; float: none; margin: 0; padding: 8px; border-radius: 0px; } #stacks_in_1106.sf-styles .bootstrap-datetimepicker-widget td [data-action="togglePicker"] { display: block; width: 100%; border: 1px solid rgba(0,0,0,0.1); padding: 0px; margin: 8px 0; } #stacks_in_1106.sf-styles .bootstrap-datetimepicker-widget .datepicker { margin-top: 8px; } #stacks_in_1106.sf-styles .bootstrap-datetimepicker-widget .timepicker { margin-bottom: 8px; } #stacks_in_1106.sf-styles table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } #stacks_in_1106.sf-styles .bootstrap-datetimepicker-widget .collapse.in { display: block; } #stacks_in_1106.sf-styles .bootstrap-datetimepicker-widget .collapse { position: relative; display: none; overflow: visible; } #stacks_in_1106.sf-styles .bootstrap-datetimepicker-widget .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 1.2; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; } #stacks_in_1106.sf-styles .hiddenFormSubmit { display: none; } #stacks_in_1106.sf-styles .hideSlice { display: none !important; } #stacks_in_1106 .autoreply {display: none;} #stacks_in_1106 .sf-debug-output.has-output > div { padding: 16px; background: #fff; color: #555 !important; font-size: 16px; line-height: 1.3 !important; max-width: 540px; margin: 16px auto; border: 1px solid rgba(0,0,0,0.15); border-radius: 2px; } #stacks_in_1106 .sf-debug-output.has-output h2, #stacks_in_1106 .sf-debug-output.has-output h3 { margin: 16px 0px 24px 0px; font-size: 20px; font-weight: bold; color: #333 !important; } #stacks_in_1106 .sf-debug-output.has-output h3 { font-size: 18px; } #stacks_in_1106 .sf-debug-output.has-output p { margin: 16px 0px; } #stacks_in_1106.sf-styles .step-stack-wrap .controls .sf-number-wrap { border-width: 0px; } #stacks_in_1106 .step-stack-wrap .controls.sf-input { display: grid; } #stacks_in_1106.sf-styles form .step-stack-wrap .note { color: inherit; } #stacks_in_1106.sf-styles .step-stack-wrap .steps .step-content { z-index: 3; } /* */ #stacks_in_1106 .step-stack-wrap .step-slice { display: none; } #stacks_in_1106 .step-stack-wrap .step-submit ~ .step .step-slice { display: block; } /* */ /* */ /* */ textarea#input-stacks_in_1107 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_1107.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_1107.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_1117 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_1117.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_1117.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_1149 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_1149.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_1149.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ #submit-stacks_in_1121 { margin-left: auto; justify-content: flex-end; } /* */ textarea#input-stacks_in_1121 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_1121.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_1121.controls.sf-button-group.sf-help-text { width: inherit; } /* */ .stacks_in_226_23 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #cookiejar_stacks_in_913{padding:10px;background-color:rgba(25, 25, 25, 0.90)} #stacks_in_942 { margin: 0px 20px 40px 20px; padding: 0px 20px 40px 20px; } #stacks_in_944>.s3_row { margin: 0 -10px; } #stacks_in_944>.s3_row>.s3_column_left { width: 67.48%; } #stacks_in_944>.s3_row>.s3_column_right { width: 32.519997%; } #stacks_in_944>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_944>.s3_row { margin: -10px 0; } #stacks_in_944>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_944 { margin: 0px 0px 30px 0px; } #stacks_in_947 { margin: 10px 0px 0px 60px; } #stacks_in_948 { font-size: 130%; } #stacks_in_959 { margin: 10px 0px 50px 60px; } #stacks_in_960 { font-size: 109%; } #stacks_in_953 { margin: 15px 0px 0px 0px; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_935 .foundry_column { margin-bottom: 20px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_935 .foundry_column { margin-bottom: 40px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_935 .foundry_column { margin-bottom: 40px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_935 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_935 .row.no-gutters > [class^="col-"], #stacks_in_935 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } /* Color picker style settings */ /* Preset White Header Style */ #stacks_in_937 p, #stacks_in_937 .paragraph { color: #fff; } #stacks_in_937 p, #stacks_in_937 { } #stacks_in_937 p, #stacks_in_937 { } #stacks_in_937 { padding: 0px 0px 0px 30px; } #stacks_in_939 .btn { background-color: rgba(56, 178, 127, 1.00); color: rgba(255, 255, 255, 0.85); } #stacks_in_939 .btn:hover { background-color: rgba(44, 142, 101, 1.00); color: rgba(255, 255, 255, 0.85); } @media (max-width: 47.9375em) { /* Mobile */ #stacks_in_939 .btn { } } @media (min-width: 48em) and (max-width: 61.9375em) { /* Tablet */ #stacks_in_939 .btn { } } @media (min-width: 62em) { /* Desktop */ #stacks_in_939 .btn { } } #stacks_in_939 .button-base-margin { margin-bottom: 0px !important; } #stacks_in_941 .btn { background-color: rgba(133, 24, 76, 1.00); color: rgba(255, 255, 255, 0.85); } #stacks_in_941 .btn:hover { background-color: rgba(106, 19, 60, 1.00); color: rgba(255, 255, 255, 0.85); } @media (max-width: 47.9375em) { /* Mobile */ #stacks_in_941 .btn { } } @media (min-width: 48em) and (max-width: 61.9375em) { /* Tablet */ #stacks_in_941 .btn { } } @media (min-width: 62em) { /* Desktop */ #stacks_in_941 .btn { } } #stacks_in_941 .button-base-margin { margin-bottom: 0px !important; } #stacks_in_941 { margin: 20px 0px 0px 0px; }