/* */ #fifty-fifty-slider-stacks_in_2988 { border-radius: 10px; max-width: 800px; min-height: 450px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; text-align: left; list-style: none; margin: 0 auto; position: relative; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; font-family: "Nunito"; transition: all 0s ease-in-out; } #fifty-fifty-slider-stacks_in_2988 .ffs-slide { top: 0; left: 0; position: absolute; z-index: 1; width: 100%; bottom: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-sizing: border-box; -webkit-transform: all 0.3s ease-in-out; transform: all 0.3s ease-in-out; } #fifty-fifty-slider-stacks_in_2988 .ffs-slide.active .ffs-slide-content { -webkit-transform: translateX(0%); transform: translateX(0%); } #fifty-fifty-slider-stacks_in_2988 .ffs-slide.active .ffs-slide-image { -webkit-transform: translateX(0%); transform: translateX(0%); } #fifty-fifty-slider-stacks_in_2988 .ffs-slide-content, #fifty-fifty-slider-stacks_in_2988 .ffs-slide-image { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; position: relative; pointer-events: auto; box-sizing: border-box; } #fifty-fifty-slider-stacks_in_2988 .ffs-slide-content { z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-transform: translateX(200%); transform: translateX(200%); padding-bottom: 50px; transition: -webkit-transform 0.6s 0s ease-in-out; transition: transform 0.6s 0s ease-in-out; transition: transform 0.6s 0s ease-in-out, -webkit-transform 0.6s 0s ease-in-out; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #fifty-fifty-slider-stacks_in_2988 .ffs-slide-content-inner { z-index: 2; position: relative; padding: 20px 20px; box-sizing: border-box; } #fifty-fifty-slider-stacks_in_2988 .ffs-slide-content .ffs-slide-title { /* */ font-family: "Raleway"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 28px; line-height: 44.799999px; margin-bottom: 10px; } #fifty-fifty-slider-stacks_in_2988 .ffs-slide-content .ffs-slide-text { /* */ font-family: "Raleway"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 14px; line-height: 22.400000px; margin-bottom: 20px; } #fifty-fifty-slider-stacks_in_2988 .ffs-slide-content .ffs-slide-action { /* */ font-family: "Raleway"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 16px; padding: 8px 20px; border: 2px solid; background: rgba(33, 33, 33, 1.00); border-radius: 30px; border-color: rgba(77, 77, 77, 1.00); display: inline-block; box-sizing: border-box; text-decoration: none; transition: all 0.3s ease; } #fifty-fifty-slider-stacks_in_2988 .ffs-slide-content .ffs-slide-action::before { display: inline-block; content: 'Learn More'; } #fifty-fifty-slider-stacks_in_2988 .ffs-slide-content .ffs-slide-action:hover { color: rgba(255, 255, 255, 1.00); background: rgba(33, 33, 33, 1.00); border-color: rgba(255, 255, 255, 1.00); } #fifty-fifty-slider-stacks_in_2988 .ffs-slide-image { -webkit-transform: translateX(100%); transform: translateX(100%); z-index: 1; transition: -webkit-transform 0s 0.3s ease-in-out; transition: transform 0s 0.3s ease-in-out; transition: transform 0s 0.3s ease-in-out, -webkit-transform 0s 0.3s ease-in-out; } #fifty-fifty-slider-stacks_in_2988 .ffs-nav { left: 0; bottom: 0; width: 50%; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 20px; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #fifty-fifty-slider-stacks_in_2988 .ffs-nav-count { margin-right: auto; color: rgba(255, 255, 255, 1.00); font-size: 14px; } #fifty-fifty-slider-stacks_in_2988 .ffs-nav a { color: rgba(255, 255, 255, 1.00); width: 30px; height: 30px; border-radius: 30px; border: 2px solid rgba(255, 255, 255, 1.00); opacity: 0.5; display: -webkit-box; display: -ms-flexbox; display: flex; color: inherit; line-height: 0; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateY(0%); transform: translateY(0%); transition: all 0.3s ease-in-out; } #fifty-fifty-slider-stacks_in_2988 .ffs-nav a i { line-height: 0; color: rgba(255, 255, 255, 1.00); font-size: 20px; } #fifty-fifty-slider-stacks_in_2988 .ffs-nav a:hover { opacity: 1; } #fifty-fifty-slider-stacks_in_2988 .ffs-nav a:first-of-type { margin-right: 10px; } #fifty-fifty-slider-stacks_in_2988.slide-end .ffs-nav a.next { opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translateY(100%); transform: translateY(100%); } #fifty-fifty-slider-stacks_in_2988.slide-start .ffs-nav a.prev { opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translateY(100%); transform: translateY(100%); } #fifty-fifty-slider-stacks_in_2988.height-set .ffs-slide { bottom: 0; } #fifty-fifty-slider-stacks_in_2988.hide-titles .ffs-slide-title { display: none; } #fifty-fifty-slider-stacks_in_2988.hide-text .ffs-slide-text { display: none; } #fifty-fifty-slider-stacks_in_2988.hide-actions .ffs-slide-action { display: none; } #fifty-fifty-slider-stacks_in_2988.hide-actions .ffs-slide-text { margin-bottom: 0; } #fifty-fifty-slider-stacks_in_2988.content-top .ffs-slide-content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #fifty-fifty-slider-stacks_in_2988.content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #fifty-fifty-slider-stacks_in_2988.content-bottom { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #fifty-fifty-slider-stacks_in_2988 .ffs-slide .ffs-slide-content { /* */ background: rgba(33, 33, 33, 1.00); /* */ /* */ /* */ /* */ } #fifty-fifty-slider-stacks_in_2988 .ffs-slide .ffs-slide-content::before { /* */ display: none; /* */ top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ''; position: absolute; background: rgba(0, 0, 0, 0.20); } @media (max-width: 700px) { #fifty-fifty-slider-stacks_in_2988 { min-height: 450px; } #fifty-fifty-slider-stacks_in_2988 .ffs-nav { width: 100%; } #fifty-fifty-slider-stacks_in_2988 .ffs-slide { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #fifty-fifty-slider-stacks_in_2988 .ffs-slide-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-transform: translateX(100%); transform: translateX(100%); } #fifty-fifty-slider-stacks_in_2988 .ffs-slide-image { width: 100%; height: 300px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-transform: translateX(100%); transform: translateX(100%); transition: -webkit-transform 0.6s 0s ease-in-out; transition: transform 0.6s 0s ease-in-out; transition: transform 0.6s 0s ease-in-out, -webkit-transform 0.6s 0s ease-in-out; } #fifty-fifty-slider-stacks_in_2988.mobile-nav-top .ffs-slide-content { padding-bottom: 0; padding-top: 50px; } #fifty-fifty-slider-stacks_in_2988.mobile-nav-top .ffs-nav { top: 300px; bottom: auto; } #fifty-fifty-slider-stacks_in_2988.mobile-nav-top.slide-start .ffs-nav a.prev { -webkit-transform: translateY(-100%); transform: translateY(-100%); } #fifty-fifty-slider-stacks_in_2988.mobile-nav-top.slide-end .ffs-nav a.next { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } #ffs-slide-stacks_in_2989 .ffs-slide-image { background: url(../files/slide_image-2989.jpg) no-repeat center center; background-size: cover; } #ffs-slide-stacks_in_2989.custom-title .ffs-slide-title { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_2989.custom-text .ffs-slide-text { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_2989.custom-button .ffs-slide-action { color: rgba(255, 255, 255, 1.00); background: rgba(33, 33, 33, 0.00); border-color: rgba(255, 255, 255, 0.20); } #ffs-slide-stacks_in_2989.custom-button .ffs-slide-action:hover { color: rgba(255, 255, 255, 1.00); background: rgba(33, 33, 33, 0.00); border-color: rgba(255, 255, 255, 0.00); } #ffs-slide-stacks_in_2989 .ffs-nav-count { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_2989 .ffs-nav a { color: rgba(255, 255, 255, 1.00); border-radius: px; border: px solid rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_2989.custom-background .ffs-slide-content { /* */ background: rgba(51, 51, 51, 1.00); /* */ /* */ /* */ /* */ } #ffs-slide-stacks_in_2989.custom-background .ffs-slide-content::before { /* */ } #ffs-slide-stacks_in_2989.custom-background .ffs-slide-content::before { /* */ display: none; /* */ top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ''; position: absolute; background: rgba(0, 0, 0, 0.20); } #ffs-slide-stacks_in_2992 .ffs-slide-image { background: url(../files/slide_image-2992.jpg) no-repeat center center; background-size: cover; } #ffs-slide-stacks_in_2992.custom-title .ffs-slide-title { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_2992.custom-text .ffs-slide-text { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_2992.custom-button .ffs-slide-action { color: rgba(255, 255, 255, 1.00); background: rgba(33, 33, 33, 0.00); border-color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_2992.custom-button .ffs-slide-action:hover { color: rgba(255, 255, 255, 1.00); background: rgba(33, 33, 33, 0.00); border-color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_2992 .ffs-nav-count { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_2992 .ffs-nav a { color: rgba(255, 255, 255, 1.00); border-radius: px; border: px solid rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_2992.custom-background .ffs-slide-content { /* */ background: rgba(51, 51, 51, 1.00); /* */ /* */ /* */ /* */ } #ffs-slide-stacks_in_2992.custom-background .ffs-slide-content::before { /* */ } #ffs-slide-stacks_in_2992.custom-background .ffs-slide-content::before { /* */ display: none; /* */ top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ''; position: absolute; background: rgba(0, 0, 0, 0.20); } #ffs-slide-stacks_in_2995 .ffs-slide-image { background: url(../files/slide_image-2995.jpg) no-repeat center center; background-size: cover; } #ffs-slide-stacks_in_2995.custom-title .ffs-slide-title { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_2995.custom-text .ffs-slide-text { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_2995.custom-button .ffs-slide-action { color: rgba(255, 255, 255, 1.00); background: rgba(33, 33, 33, 0.00); border-color: rgba(255, 255, 255, 0.50); } #ffs-slide-stacks_in_2995.custom-button .ffs-slide-action:hover { color: rgba(255, 255, 255, 1.00); background: rgba(33, 33, 33, 0.00); border-color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_2995 .ffs-nav-count { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_2995 .ffs-nav a { color: rgba(255, 255, 255, 1.00); border-radius: px; border: px solid rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_2995.custom-background .ffs-slide-content { /* */ background: rgba(51, 51, 51, 1.00); /* */ /* */ /* */ /* */ } #ffs-slide-stacks_in_2995.custom-background .ffs-slide-content::before { /* */ } #ffs-slide-stacks_in_2995.custom-background .ffs-slide-content::before { /* */ display: none; /* */ top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ''; position: absolute; background: rgba(0, 0, 0, 0.20); } #stacks_in_2986_2>.s3_row { margin: 0 -0px; } #stacks_in_2986_2>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_2986_2>.s3_row { margin: -0px -0px; } #stacks_in_2986_2>.s3_row>.s3_column { padding: 0px 0px; width:50%; } } @media only screen and (max-width: 400px) { #stacks_in_2986_2>.s3_row { margin: -0px 0; } #stacks_in_2986_2>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_2986_2 { padding: 20px 0px 20px 0px; } #stacks_in_2986_3 { padding: 20px; } #stacks_in_2986_6 { border: solid rgba(191, 191, 191, 1.00); border-width: 0px 0px 0px 1px; padding: 20px 20px 20px 20px; } #stacks_in_2986_29 { border: solid rgba(191, 191, 191, 1.00); border-width: 0px 0px 0px 1px; padding: 20px 0px 0px 0px; } #stacks_in_2986_30 { padding: 0px 0px 0px 15px; } /* * Pure Buttons * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.3 */ #stacks_in_2986_25 { overflow: visible; } /* --------------------------------------------------------------STYLES*/ #stacks_in_2986_25 .pure-button { background-color: #3366CC; color: #FFFFFF; white-space: normal; } #stacks_in_2986_25 a { text-decoration: none; } #stacks_in_2986_25 .pure-button a { color: #FFFFFF; } /* --------------------------------------------------------------SIZE*/ #stacks_in_2986_25 .button-xsmall { font-size: 70%; } #stacks_in_2986_25 .button-small { font-size: 85%; padding: 5px; } #stacks_in_2986_25 .button-default { padding: 15px; } #stacks_in_2986_25 .button-large { font-size: 110%; padding: 25px; } #stacks_in_2986_25 .button-xlarge { font-size: 125%; padding: 35px; } /* --------------------------------------------------------------BORDER RADIUS*/ #stacks_in_2986_25 .pure-button, #stacks_in_2986_25 .pure-button:after, #stacks_in_2986_25 .pure-button:before { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* --------------------------------------------------------------STYLE SELECT*/ #stacks_in_2986_25 { padding: 0px 20px 80px 20px; } /* START QUARENTINE CSS */ /* END QUARENTINE CSS */ #stacks_in_2986_12 { border: solid rgba(191, 191, 191, 1.00); border-width: 0px 0px 0px 1px; padding: 20px 0px 0px 0px; } #stacks_in_2986_13 { padding: 0px 0px 0px 15px; } /* -- Start Anchor Each css Template -- */ .stacks_in_2986_45anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_2986_45editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_2986_45editInfo i{ vertical-align: middle; } .stacks_in_2986_45editInfo:before{ content:"#da1"; float: right; } .stacks_in_2986_45editInfo:after{ content:""; display: table; clear: both; } .stacks_in_2986_45topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_2986_45topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- *//* 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_2986_49.sf-styles,#stacks_in_2986_49.sf-styles * {box-sizing: border-box;} #stacks_in_2986_49.sf-styles .age-field, #stacks_in_2986_49.sf-styles .agree-to-terms-field { overflow: hidden; height: 0; margin: 0 !important; } #stacks_in_2986_49.sf-styles label.keepIt{text-align:left;display:inline-block;width:100%;padding-left:5px} #stacks_in_2986_49.sf-styles select{color:#aaa}.php{display:none} #stacks_in_2986_49.sf-styles .info{color:#00529B;background-color:#BDE5F8} #stacks_in_2986_49.sf-styles .success{color:#4F8A10;background-color:rgba(47, 134, 56, 1.00)} #stacks_in_2986_49.sf-styles .warning{color:#9F6000;background-color:#FEEFB3} #stacks_in_2986_49.sf-styles .error{color:#D8000C;background-color:rgba(216, 0, 12, 1.00)} #stacks_in_2986_49.sf-styles .sf-message { position: absolute; left: 0; right: 0; top: 0; width: 100%; } #stacks_in_2986_49.sf-styles .submitMessage, #stacks_in_2986_49.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_2986_49.sf-styles.sf-no-help-text .submitMessage { margin-right: 0px; } #stacks_in_2986_49.sf-styles.sf-no-help-text .sf-help-column { display: none; } #stacks_in_2986_49.sf-styles .sf-help-column { transform: none !important; } #stacks_in_2986_49.sf-styles .info { background-color: #61b832; border-color: #3b8eb5; } #stacks_in_2986_49.sf-styles .error, #stacks_in_2986_49.sf-styles .errorMessage { background-color: rgba(216, 0, 12, 1.00); border-color: rgba(0,0,0,0.25); } #stacks_in_2986_49.sf-styles .warning { background-color: #eaaf51; border-color: #d99a36; } #stacks_in_2986_49.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_2986_49.sf-styles .submitMessage h3 { font-size: 16px; line-height: 1.4; color: #fff; font-weight: bold; } #stacks_in_2986_49.sf-styles .submitMessage h3:not(:last-child) { margin: 0 0 5px 0 !important; } #stacks_in_2986_49.sf-styles .submitMessage h3:last-child { margin: 0 !important; } #stacks_in_2986_49.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_2986_49.sf-styles .g-recaptcha { min-width: 0; margin: 0; } /* ---------------------------------------- */ #stacks_in_2986_49.sf-styles form { background: rgba(243, 243, 243, 1.00); 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_2986_49.sf-styles form .note { display: block; font-size: 75%; line-height: 1.2; color: rgba(0, 0, 0, 0.80); margin: 0px 8px; opacity: .75; } #stacks_in_2986_49.sf-styles form .note p { margin: 0; } #stacks_in_2986_49.sf-styles .controls { position: relative; margin-bottom: 16px; width: 250px; max-width: 100%; display: grid; grid-template-columns: 80px 1fr 20px; align-items: center; align-content: flex-start; grid-gap: 4px 8px; } #stacks_in_2986_49.sf-styles .controls.sf-radio { margin-bottom: 0px; } #stacks_in_2986_49.sf-styles .controls.sf-radio + .controls:not(.sf-radio) { margin-top: 16px; } #stacks_in_2986_49.sf-styles .sf-radio-group .controls.sf-button-group.hidden, #stacks_in_2986_49.sf-styles .controls.hidden { display: none !important; pointer-events: none; } #stacks_in_2986_49.sf-styles .controls.sf-disabled.sf-input { cursor: not-allowed; } #stacks_in_2986_49.sf-styles .controls.sf-disabled.sf-checkbox label, #stacks_in_2986_49.sf-styles .controls.sf-disabled.sf-checkbox input, #stacks_in_2986_49.sf-styles .controls.sf-disabled.sf-input label, #stacks_in_2986_49.sf-styles .controls.sf-disabled.sf-input input { opacity: .5; pointer-events: none; } #stacks_in_2986_49.sf-styles.sf-no-help-text .controls { grid-template-columns: 80px 1fr; } #stacks_in_2986_49.sf-styles .deluxe-columns > div { min-width: 0; } #stacks_in_2986_49.sf-styles .form-group > div:nth-child(2) { margin-top: 16px; } #stacks_in_2986_49.sf-styles .controls.sf-checkbox { grid-template-columns: 80px 22px 1fr 20px; } #stacks_in_2986_49.sf-styles.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 80px 22px 1fr; } #stacks_in_2986_49.sf-styles .controls.sf-checkbox label { cursor: pointer; } #stacks_in_2986_49.sf-styles .controls.sf-submit { grid-template-columns: 80px min-content 20px; grid-gap: 0px 8px; } #stacks_in_2986_49.sf-styles .controls.sf-submit .sf-message:empty { display: none; } #stacks_in_2986_49.sf-styles.sf-no-help-text .controls.sf-submit { grid-template-columns: 80px min-content; } #stacks_in_2986_49.sf-styles .controls.sf-file { grid-template-columns: 80px 1fr min-content 20px; } #stacks_in_2986_49.sf-styles.sf-no-help-text .controls.sf-file { grid-template-columns: 80px 1fr min-content; } #stacks_in_2986_49.sf-styles .hiddenFormSubmit { display: none; } #stacks_in_2986_49.sf-styles .steps .step .controls label, #stacks_in_2986_49.sf-styles .controls label { font-size: 16px; line-height: 1; } #stacks_in_2986_49.sf-styles .controls label { color: rgba(0, 0, 0, 0.80); margin: 0; } #stacks_in_2986_49.sf-styles .controls label img { display: inline; } #stacks_in_2986_49.sf-styles .controls:not(.sf-checkbox) label { pointer-events: none; } #stacks_in_2986_49.sf-styles .controls .field-icon { position: absolute; right: 8px; top: 50%; fill: rgba(0, 0, 0, 0.65); margin: 0; width: 16px; height: 16px; pointer-events: none; transform: translate(0,-50%); } #stacks_in_2986_49.sf-styles .sf-multi-select .field-icon { opacity: 0; } #stacks_in_2986_49.sf-styles .controls { font-size: 16px; } #stacks_in_2986_49.sf-styles form .controls .step-input-wrap { position: relative; } #stacks_in_2986_49.sf-styles .controls input, #stacks_in_2986_49.sf-styles .controls > button, #stacks_in_2986_49.sf-styles .controls select, #stacks_in_2986_49.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_2986_49.sf-styles .controls .fileUpload, #stacks_in_2986_49.sf-styles .controls .fileUpload span { font-size: 16px; line-height: 16px; height: 34px; color: rgba(0, 0, 0, 0.65); } #stacks_in_2986_49.sf-styles .controls select + .sf-multi-select-mobile { height: auto; } #stacks_in_2986_49.sf-styles .controls input::-webkit-calendar-picker-indicator { opacity: 0; } #stacks_in_2986_49.sf-styles .controls input:focus, #stacks_in_2986_49.sf-styles .controls select:focus, #stacks_in_2986_49.sf-styles .controls textarea:focus, #stacks_in_2986_49.sf-styles .controls button:focus { outline: none; } #stacks_in_2986_49.sf-styles .controls.sf-checkbox label { font-size: 16px; line-height: 16px; } #stacks_in_2986_49.sf-styles .controls textarea { font-size: 16px; line-height: 16px; color: rgba(0, 0, 0, 0.65); } #stacks_in_2986_49.sf-styles .controls select.is-placeholder option, #stacks_in_2986_49.sf-styles .controls select.is-placeholder + .sf-multi-select-mobile .sf-option { color: rgba(0, 0, 0, 0.65); } #stacks_in_2986_49.sf-styles .controls input::placeholder, #stacks_in_2986_49.sf-styles .controls textarea::placeholder, #stacks_in_2986_49.sf-styles .controls select.is-placeholder option[disabled] { color: rgba(0, 0, 0, 0.35); color: #000000; opacity: 1; } #stacks_in_2986_49.sf-placeholder .controls input::placeholder, #stacks_in_2986_49.sf-placeholder .controls textarea::placeholder, #stacks_in_2986_49.sf-placeholder .controls select:invalid, #stacks_in_2986_49.sf-classic .controls input::placeholder, #stacks_in_2986_49.sf-classic .controls textarea::placeholder, #stacks_in_2986_49.sf-classic .controls select.is-placeholder { color: transparent; } #stacks_in_2986_49.sf-styles .controls .sf-number-wrap, #stacks_in_2986_49.sf-styles .controls input, #stacks_in_2986_49.sf-styles .controls textarea, #stacks_in_2986_49.sf-styles .controls > button, #stacks_in_2986_49.sf-styles .controls select, #stacks_in_2986_49.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_2986_49.sf-styles .controls .fileUpload { padding: 8px 8px; border: 1px solid rgba(0, 0, 0, 0.15); width: 100%; margin: 0px; color: rgba(0, 0, 0, 0.65); background-color: rgba(0, 0, 0, 0.00); border-radius: 2px; transition: all 0.3s; } #stacks_in_2986_49.sf-styles .controls select + .sf-multi-select-mobile { padding: 8px 0px; } #stacks_in_2986_49.sf-styles .controls .sf-number-wrap { padding: 0; color: rgba(0, 0, 0, 0.65); } #stacks_in_2986_49.sf-styles .controls input[type="number"] { border-color: transparent !important; background-color: transparent !important; } #stacks_in_2986_49.sf-styles .controls .sf-number-wrap { display: grid; grid-template-columns: 1fr min-content; align-items: center; grid-gap: 0px; position: relative; } #stacks_in_2986_49.sf-styles .controls input::-webkit-outer-spin-button, #stacks_in_2986_49.sf-styles .controls input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #stacks_in_2986_49.sf-styles .controls input[type=number] { -moz-appearance: textfield; } #stacks_in_2986_49.sf-styles .quantity-nav { height: 24px; display: grid; grid-gap: 2px; margin-left: 8px; margin-right: 4px; grid-template-columns: 1fr 1fr; } #stacks_in_2986_49.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_2986_49.sf-styles .quantity-button.quantity-up:before { content: "+"; } #stacks_in_2986_49.sf-styles .quantity-button.quantity-down:before { content: "-"; } #stacks_in_2986_49.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_2986_49.sf-styles .controls input[type="checkbox"], #stacks_in_2986_49.sf-styles .controls input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; } #stacks_in_2986_49.sf-styles .controls select, #stacks_in_2986_49.sf-styles .controls select + .sf-multi-select-mobile { line-height: 20px; padding: 6px 8px; } #stacks_in_2986_49.sf-styles .controls select + .sf-multi-select-mobile { padding: 6px 0; } #stacks_in_2986_49.sf-styles .controls > button { position: relative; white-space: nowrap; } #stacks_in_2986_49.sf-styles .controls > button.sf-submitting { color: transparent; } #stacks_in_2986_49.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_2986_49.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_2986_49.sf-styles .controls > button svg path { stroke: #fff; } #stacks_in_2986_49.sf-styles .controls > button, #stacks_in_2986_49.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_2986_49.sf-styles .controls .fileUpload { border-color: transparent; } #stacks_in_2986_49.sf-styles form .hint, #stacks_in_2986_49.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_2986_49.sf-styles form .hint:before, #stacks_in_2986_49.sf-styles form .hint:after, #stacks_in_2986_49.sf-styles form .message:before, #stacks_in_2986_49.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_2986_49.sf-styles form .hint:after, #stacks_in_2986_49.sf-styles form .message:after { z-index: 1; bottom: -15px; } #stacks_in_2986_49.sf-styles form .hint { opacity: 0; position: absolute; left: calc(80px + 8px); right: 28px; bottom: 0%; top: auto; } #stacks_in_2986_49.sf-styles.sf-no-help-text form .hint { right: 0px; } #stacks_in_2986_49.sf-styles form .message ~ .hint { display: none; } #stacks_in_2986_49.sf-styles form .controls .sf-focused ~ .hint { transition: all 300ms ease; opacity: 1; bottom: calc(100% + 8px); } #stacks_in_2986_49.sf-styles form .help { height: 20px; } #stacks_in_2986_49.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_2986_49.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_2986_49.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_2986_49.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_2986_49.sf-styles form .help i:hover:after { display: block; } #stacks_in_2986_49.sf-styles form .help i:hover ~ span { display: block; white-space: normal; } #stacks_in_2986_49.sf-styles .controls.sf-checkbox .note, #stacks_in_2986_49.sf-styles .controls.sf-file .note { grid-column: span 2; } #stacks_in_2986_49.sf-styles .controls.sf-textarea, #stacks_in_2986_49.sf-styles .controls.sf-multi-select { align-items: flex-start; } #stacks_in_2986_49.sf-styles form .controls.sf-textarea .help, #stacks_in_2986_49.sf-styles form .controls.sf-multi-select .help { margin-top: 8px; } /* left */ #stacks_in_2986_49.sf-left .controls { width: calc(80px + 250px); } #stacks_in_2986_49.sf-left .controls:not(.sf-checkbox) label { font-weight: 600; } #stacks_in_2986_49.sf-left .controls.sf-textarea label, #stacks_in_2986_49.sf-left .controls.sf-multi-select label { margin-top: 8px; } @media all and (max-width: 500px) { #stacks_in_2986_49.sf-left .controls { width: 250px; } #stacks_in_2986_49.sf-left form .controls .sf-focused ~ .hint { margin-top: 16px; } #stacks_in_2986_49.sf-left form .controls:not(.sf-checkbox) .help > span { margin-top: 22px; } #stacks_in_2986_49.sf-left form .hint, #stacks_in_2986_49.sf-left form .help > span { left: 0px; } #stacks_in_2986_49.sf-left .controls.sf-textarea label, #stacks_in_2986_49.sf-left .controls.sf-multi-select label { margin-top: 0px; } #stacks_in_2986_49.sf-left .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_2986_49.sf-left.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_2986_49.sf-left .dropdown-menu { margin-left: 0px; } #stacks_in_2986_49.sf-left .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_2986_49.sf-left.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_2986_49.sf-left .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_2986_49.sf-left.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_2986_49.sf-left .controls .sf-empty-column { display: none; } #stacks_in_2986_49.sf-left .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_2986_49.sf-left.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_2986_49.sf-left .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; font-weight: 600; } } /* end left */ /* top */ #stacks_in_2986_49.sf-top form .controls .sf-focused ~ .hint { margin-top: 16px; } #stacks_in_2986_49.sf-top .controls .note, #stacks_in_2986_49.sf-top .controls.sf-checkbox .note, #stacks_in_2986_49.sf-top .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_2986_49.sf-top form .controls:not(.sf-checkbox) .help > span { margin-top: 22px; } #stacks_in_2986_49.sf-top form .hint, #stacks_in_2986_49.sf-top form .help > span { left: 0px; } #stacks_in_2986_49.sf-top .controls.sf-textarea label, #stacks_in_2986_49.sf-top .controls.sf-multi-select label { margin-top: 0px; } #stacks_in_2986_49.sf-top .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_2986_49.sf-top.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_2986_49.sf-top .dropdown-menu { margin-left: 0px; } #stacks_in_2986_49.sf-top .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_2986_49.sf-top.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_2986_49.sf-top .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_2986_49.sf-top.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_2986_49.sf-top .controls .sf-empty-column { display: none; } #stacks_in_2986_49.sf-top .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_2986_49.sf-top.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_2986_49.sf-top .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; font-weight: 600; } /* end top */ /* placeholder */ #stacks_in_2986_49.sf-placeholder form .hint, #stacks_in_2986_49.sf-placeholder form .help > span { left: 0px; } #stacks_in_2986_49.sf-placeholder .controls .note, #stacks_in_2986_49.sf-placeholder .controls.sf-checkbox .note, #stacks_in_2986_49.sf-placeholder .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_2986_49.sf-placeholder .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_2986_49.sf-placeholder.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_2986_49.sf-placeholder .dropdown-menu { margin-left: 0px; } #stacks_in_2986_49.sf-placeholder .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_2986_49.sf-placeholder.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_2986_49.sf-placeholder .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_2986_49.sf-placeholder.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_2986_49.sf-placeholder .controls .sf-empty-column { display: none; } #stacks_in_2986_49.sf-placeholder .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_2986_49.sf-placeholder.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_2986_49.sf-placeholder .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; } #stacks_in_2986_49.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_2986_49.sf-placeholder .controls.sf-checkbox label { display: block; } #stacks_in_2986_49.sf-placeholder .controls:not(.sf-checkbox) label.sf-active { opacity: 0; } #stacks_in_2986_49.sf-placeholder .controls:not(.sf-checkbox) label:not(.sf-active) + div input { color: transparent; } /* end placeholder */ /* classic */ #stacks_in_2986_49.sf-classic form .controls .sf-focused ~ .hint { bottom: calc(100% + 16px); } #stacks_in_2986_49.sf-classic .controls .note, #stacks_in_2986_49.sf-classic .controls.sf-checkbox .note, #stacks_in_2986_49.sf-classic .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_2986_49.sf-classic form .hint, #stacks_in_2986_49.sf-classic form .help > span { left: 0px; } #stacks_in_2986_49.sf-classic form .controls:not(.sf-checkbox) .help > span { margin-top: 4px; } #stacks_in_2986_49.sf-classic .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_2986_49.sf-classic.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_2986_49.sf-classic .dropdown-menu { margin-left: 0px; } #stacks_in_2986_49.sf-classic .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_2986_49.sf-classic.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_2986_49.sf-classic .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_2986_49.sf-classic.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_2986_49.sf-classic .controls .sf-empty-column { display: none; } #stacks_in_2986_49.sf-classic .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_2986_49.sf-classic.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_2986_49.sf-classic .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; } #stacks_in_2986_49.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_2986_49.sf-classic .controls.sf-checkbox label { display: block; } #stacks_in_2986_49.sf-classic .controls:not(.sf-checkbox) label.sf-active { top: -8px; z-index: 2; background-color: rgba(243, 243, 243, 1.00); } #stacks_in_2986_49.sf-classic .controls:not(.sf-checkbox) label:not(.sf-active) + div input { color: transparent; } #stacks_in_2986_49.sf-classic .controls input, #stacks_in_2986_49.sf-classic .controls > button, #stacks_in_2986_49.sf-classic .controls select, #stacks_in_2986_49.sf-classic .controls select + .sf-multi-select-mobile, #stacks_in_2986_49.sf-classic .controls .fileUpload, #stacks_in_2986_49.sf-classic .controls .fileUpload span { padding: 12px; height: 42px; } #stacks_in_2986_49.sf-classic .controls select + .sf-multi-select-mobile { padding: 12px 0; } #stacks_in_2986_49.sf-classic .controls select + .sf-multi-select-mobile { height: auto; } #stacks_in_2986_49.sf-classic .controls input[type="checkbox"], #stacks_in_2986_49.sf-classic .controls input[type="radio"] { padding: 0; } #stacks_in_2986_49.sf-classic .controls textarea { padding: 12px; } #stacks_in_2986_49.sf-classic .controls > button { padding: 12px 24px; } /* end classic */ #stacks_in_2986_49.sf-styles .controls input, #stacks_in_2986_49.sf-styles .controls textarea, #stacks_in_2986_49.sf-styles .controls button, #stacks_in_2986_49.sf-styles .controls select, #stacks_in_2986_49.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_2986_49.sf-styles .controls input[type="checkbox"]:after, #stacks_in_2986_49.sf-styles .controls input[type="radio"]:after, #stacks_in_2986_49.sf-styles input[type="checkbox"] + .sf-captcha > .g-recaptcha iframe { box-shadow: none; } #stacks_in_2986_49.sf-styles .controls input[type="number"].hasError + input, #stacks_in_2986_49.sf-styles .controls input:not([type="radio"]):not([type="checkbox"]):not([type="number"]).hasError, #stacks_in_2986_49.sf-styles .controls input.sf-upload + label, #stacks_in_2986_49.sf-styles .controls textarea.hasError, #stacks_in_2986_49.sf-styles .controls button.hasError, #stacks_in_2986_49.sf-styles .controls select.hasError, #stacks_in_2986_49.sf-styles .controls select.hasError + .sf-multi-select-mobile, #stacks_in_2986_49.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_2986_49.sf-styles .controls input[type="checkbox"]:not(:checked).hasError:after, #stacks_in_2986_49.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_2986_49.sf-styles .controls input[type="checkbox"]:not(:checked).hasError:after { border-radius: 0px; } #stacks_in_2986_49.sf-styles .controls select, #stacks_in_2986_49.sf-styles .controls select + .sf-multi-select-mobile .sf-option, #stacks_in_2986_49.sf-styles .controls.sf-date input { cursor: pointer; -moz-appearance: none; -webkit-appearance: none; } #stacks_in_2986_49.sf-styles .controls textarea { white-space: pre-line; line-height: 1.2; } #stacks_in_2986_49.sf-styles .controls input[type=checkbox], #stacks_in_2986_49.sf-styles .controls input[type=radio] { position: relative; left: 0px; width: 22px; height: 22px; margin: 4px 0px; background: transparent; border-color: transparent; } #stacks_in_2986_49.sf-styles .controls input[type=checkbox]:after, #stacks_in_2986_49.sf-styles .controls input[type=radio]:before { cursor: pointer; content: " "; display: inline-block; width: 20px; height: 20px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); line-height: 20px; text-align: center; position: relative; left: 0px; background-image: linear-gradient(rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.00)); } #stacks_in_2986_49.sf-styles .controls input[type=radio]:before { border-radius: 50%; } #stacks_in_2986_49.sf-styles .controls input[type=checkbox]:checked:after { content: "\2714"; /*#000000*/ color: rgba(31, 125, 193, 1.00); color: rgba(0, 0, 0, 0.65); } #stacks_in_2986_49.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); background-color: rgba(0, 0, 0, 0.65); } #stacks_in_2986_49.sf-styles .controls .fileUpload, #stacks_in_2986_49.sf-styles .controls button { overflow: hidden; background-color: rgba(31, 125, 193, 1.00); border: 1px solid rgba(31, 125, 193, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_2986_49.sf-styles .controls .fileUpload:active, #stacks_in_2986_49.sf-styles .controls button:active { box-shadow: 0 0 0 2000px rgba(0,0,0,0.22) inset; } #stacks_in_2986_49.sf-styles .controls .fileUpload span { white-space: nowrap; color: rgba(255, 255, 255, 1.00); } #stacks_in_2986_49.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_2986_49.sf-styles form, #stacks_in_2986_49.sf-styles .controls input, #stacks_in_2986_49.sf-styles .controls textarea { font-family: inherit; } /* */ /* */ /* */ #stacks_in_2986_49.sf-styles .controls.sf-submit.sf-full-button-True { grid-template-columns: 1fr 20px; } #stacks_in_2986_49.sf-styles.sf-no-help-text .controls.sf-submit.sf-full-button-True { grid-template-columns: 1fr; } #stacks_in_2986_49.sf-left .controls.sf-submit.sf-full-button-True { grid-template-columns: 80px 1fr 20px; } #stacks_in_2986_49.sf-left.sf-no-help-text .controls.sf-submit.sf-full-button-True { grid-template-columns: 80px 1fr; } #stacks_in_2986_49.sf-styles .controls select[multiple] { height: auto; } #stacks_in_2986_49.sf-styles .controls select[multiple] option, #stacks_in_2986_49.sf-styles .controls select[multiple] + .sf-multi-select-mobile .sf-option { padding: 2px 0px; } #stacks_in_2986_49.sf-styles .controls select[multiple] + .sf-multi-select-mobile .sf-option { padding: 2px 8px; } #stacks_in_2986_49.sf-styles form .controls select + .sf-multi-select-mobile .sf-option.sf-msm-active { background: rgba(31, 125, 193, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_2986_49.sf-styles .form-group .controls select[multiple] option:empty[disabled], #stacks_in_2986_49.sf-styles .form-group .controls.sf-multi-select svg { display: none; } #stacks_in_2986_49.sf-placeholder .form-group .controls.sf-multi-select label, #stacks_in_2986_49.sf-classic .form-group .controls.sf-multi-select label { position: static; } #stacks_in_2986_49.sf-styles .sf-radio-group { display: flex; flex-wrap: wrap; align-items: stretch; grid-gap: 4px; margin-bottom: 16px; } #stacks_in_2986_49.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_2986_49.sf-styles .sf-radio-group .controls.sf-button-group.sf-help-text { grid-template-columns: 1fr 20px; } #stacks_in_2986_49.sf-styles form .controls.sf-button-group.sf-help-text .help > span { transform: translate(0,-50%); top: calc(50% + 52px); } #stacks_in_2986_49.sf-styles .sf-radio-group .controls input[type]:after, #stacks_in_2986_49.sf-styles .sf-radio-group .controls input[type]:before, #stacks_in_2986_49.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_2986_49.sf-styles .sf-radio-group .controls input[type]:after, #stacks_in_2986_49.sf-styles .sf-radio-group .controls input[type]:before { pointer-events: none; } #stacks_in_2986_49.sf-styles .sf-radio-group .controls input:checked:after { content: ""; background: transparent; border: 2px solid rgba(31, 125, 193, 1.00); } #stacks_in_2986_49.sf-styles .sf-radio-group .controls input[type]:checked:after, #stacks_in_2986_49.sf-styles .sf-radio-group .controls input[type]:before, #stacks_in_2986_49 .step .sf-radio-group .controls input.hasError[type]:after { border-radius: 4px; } #stacks_in_2986_49.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_2986_49.sf-styles .sf-radio-group .controls.sf-button-group label > div img { display: block; } #stacks_in_2986_49.sf-styles .sf-radio-group .controls.sf-button-group label div:empty, #stacks_in_2986_49.sf-styles .sf-radio-group .controls.sf-button-group label div.empty { display: none; } #stacks_in_2986_49.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_2986_49.sf-styles .dropdown-menu { position: absolute; top: 100%; z-index: 1000; display: none; float: none; width: 250px; 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_2986_49.sf-styles .bootstrap-datetimepicker-widget:before, #stacks_in_2986_49.sf-styles .bootstrap-datetimepicker-widget:after { display: none; } #stacks_in_2986_49.sf-styles .bootstrap-datetimepicker-widget ul { padding: 0px 8px; } #stacks_in_2986_49.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_2986_49.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_2986_49.sf-styles .bootstrap-datetimepicker-widget .datepicker { margin-top: 8px; } #stacks_in_2986_49.sf-styles .bootstrap-datetimepicker-widget .timepicker { margin-bottom: 8px; } #stacks_in_2986_49.sf-styles table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } #stacks_in_2986_49.sf-styles .bootstrap-datetimepicker-widget .collapse.in { display: block; } #stacks_in_2986_49.sf-styles .bootstrap-datetimepicker-widget .collapse { position: relative; display: none; overflow: visible; } #stacks_in_2986_49.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_2986_49.sf-styles .hiddenFormSubmit { display: none; } #stacks_in_2986_49.sf-styles .hideSlice { display: none !important; } #stacks_in_2986_49 .autoreply {display: none;} #stacks_in_2986_49 .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_2986_49 .sf-debug-output.has-output h2, #stacks_in_2986_49 .sf-debug-output.has-output h3 { margin: 16px 0px 24px 0px; font-size: 20px; font-weight: bold; color: #333 !important; } #stacks_in_2986_49 .sf-debug-output.has-output h3 { font-size: 18px; } #stacks_in_2986_49 .sf-debug-output.has-output p { margin: 16px 0px; } #stacks_in_2986_49.sf-styles .step-stack-wrap .controls .sf-number-wrap { border-width: 0px; } #stacks_in_2986_49 .step-stack-wrap .controls.sf-input { display: grid; } #stacks_in_2986_49.sf-styles form .step-stack-wrap .note { color: inherit; } #stacks_in_2986_49.sf-styles .step-stack-wrap .steps .step-content { z-index: 3; } /* */ #stacks_in_2986_49 .step-stack-wrap .step-slice { display: none; } #stacks_in_2986_49 .step-stack-wrap .step-submit ~ .step .step-slice { display: block; } /* */ /* */ /* */ textarea#input-stacks_in_2986_50 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_2986_50.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_2986_50.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_2986_52 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_2986_52.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_2986_52.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_2986_53 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_2986_53.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_2986_53.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_2986_54 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_2986_54.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_2986_54.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_2986_55 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_2986_55.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_2986_55.controls.sf-button-group.sf-help-text { width: inherit; } /* */ #stacks_in_2987_5 { margin: 5px; } #stacks_in_2987_6 { font-size: 150%; } #stacks_in_2987_7 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_2987_7 hr.gradient{height:1px;background:#333;background-image:-webkit-linear-gradient(left,#FFFFFF,#CCCCCC,#FFFFFF);background-image:-moz-linear-gradient(left,#FFFFFF,#CCCCCC,#FFFFFF);background-image:-ms-linear-gradient(left,#FFFFFF,#CCCCCC,#FFFFFF);background-image:-o-linear-gradient(left,#FFFFFF,#CCCCCC,#FFFFFF);background-image:linear-gradient(left,#FFFFFF,#CCCCCC,#FFFFFF)}#stacks_in_2987_7 hr.faded{height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_2987_7 hr.dashed_fade{border-bottom:1px dashed #FFFFFF;background:#CCCCCC}#stacks_in_2987_7 hr.dotted_fade{border-bottom:1px dotted #FFFFFF;background:#CCCCCC}#stacks_in_2987_7 hr.dashed{border-bottom:1px dashed #CCCCCC}#stacks_in_2987_7 hr.dotted{border-bottom:1px dotted #FFFFFF}#stacks_in_2987_7 hr.shadow{height:1px;box-shadow:inset 0 1px 1px -1px rgba(0,0,0,0.5)}#stacks_in_2987_7 hr.cloudy{margin:1px 0;box-shadow:0 0 1px 1px #CCCCCC}#stacks_in_2987_7 hr.cloudy:after{content:"\00a0"}#stacks_in_2987_7 hr.inset{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3)}#stacks_in_2987_7 hr.inset_two{border-top:1px solid #FFFFFF;border-bottom:1px solid #CCCCCC}#stacks_in_2987_7 hr.inset_three{border-top:1px solid #CCCCCC;border-bottom:1px solid #FFFFFF}#stacks_in_2987_7 hr.inset_four{border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC}#stacks_in_2987_7 hr.flared{height:30px;border-style:solid;border-color:#CCCCCC;border-width:1px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_2987_7 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#CCCCCC;border-width:0 0 1px 0;border-radius:20px}#stacks_in_2987_7 hr.glyph{padding:0;border:0;border-top:1px double #CCCCCC;color:#CCCCCC;text-align:center;margin:1em 0}#stacks_in_2987_7 hr.glyph:after{content:"ยง";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} #stacks_in_2987_19 { margin: 5px; } #stacks_in_2987_20 { font-size: 150%; } @important "partials/maps"; .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } #noticeContainer_stacks_in_3015_1 { /* */ display: block; position: relative; } #noticeContainer_stacks_in_3015_1 .clearfix:before { content: " "; display: table; } #noticeContainer_stacks_in_3015_1 .clearfix:after { content: " "; display: table; clear: both; } #notice_stacks_in_3015_1 { /* */ /* */ opacity: 0; left: 10px; right: 10px; max-height: 70%; /* */ position: fixed; /* */ overflow-y: auto; visibility: hidden; /* */ z-index: 9000; /* */ /* */ max-width: 800px; /* */ /* */ /* */ /* */ bottom: 10px; /* */ /* */ /* */ /* */ margin-left: auto; margin-right: auto; /* */ /* */ /* */ /* */ background: rgba(43, 50, 73, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); border-radius: 5px 5px 5px 5px; } #notice_stacks_in_3015_1.show { opacity: 1; visibility: visible; } #notice_stacks_in_3015_1.hide { opacity: 0; visibility: hidden; } #notice_stacks_in_3015_1.cookie-hide { display: none; } #notice_stacks_in_3015_1 .notice-inner-stacks { clear: both; margin: 0 auto; max-width: 960px; padding: 10px 30px 10px 30px; } #notice_stacks_in_3015_1 .notice-inner { clear: both; margin: 0 auto; max-width: 960px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 10px 30px 10px 30px; /* */ /* */ text-align: center; /* */ /* */ /* */ } #notice_stacks_in_3015_1 .notice-inner-text { -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; font-size: 16px; line-height: 22px; } #notice_stacks_in_3015_1 .notice-inner-icon { /* */ /* */ /* */ text-align: center; /* */ /* */ /* */ /* */ /* */ -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; /* */ /* */ -ms-flex: 0 1 auto; flex: 0 1 auto; color: rgba(255, 193, 7, 1.00); padding: 0px 10px 30px 10px; } #notice_stacks_in_3015_1 .notice-inner-icon i { font-size: 50px; vertical-align: middle; } #notice_stacks_in_3015_1 .notice-close-btn { float: right; cursor: pointer; color: rgba(255, 255, 255, 1.00); padding: 10px 10px 0px 10px; } #notice_stacks_in_3015_1 .notice-close-btn i { cursor: pointer; vertical-align: middle; } #notice_stacks_in_3015_1 .notice-action { height: 40px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; /* */ color: rgba(255, 255, 255, 0.50); background: rgba(30, 31, 41, 0.00); /* */ } #notice_stacks_in_3015_1 .notice-action i { vertical-align: middle; } #notice_stacks_in_3015_1 .notice-action-close { border-style: solid; border-width: 1px 0 0 0; border-color: rgba(255, 255, 255, 0.20); } #notice_stacks_in_3015_1 .notice-action-close:hover { /* */ color: rgba(229, 57, 53, 1.00); background: rgba(30, 31, 41, 1.00); /* */ } #notice_stacks_in_3015_1 .notice-action-custom { border-style: solid; border-width: 1px 0 0 1px; border-color: rgba(255, 255, 255, 0.20); } #notice_stacks_in_3015_1 .notice-action-custom:hover { /* */ color: rgba(255, 255, 255, 1.00); background: rgba(33, 150, 243, 1.00); /* */ } #notice_stacks_in_3015_1 .notice-action-custom a { color: inherit; width: 100%; height: 100%; /* */ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; -ms-flex-pack: center; justify-content: center; /* */ } #notice_stacks_in_3015_1 .notice-action-btn { height: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -ms-flex-pack: center; justify-content: center; } #notice_stacks_in_3015_1 .notice-action-btn:hover { cursor: pointer; } @media (max-width: 480px) { #notice_stacks_in_3015_1 .notice-action { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 90px; } #notice_stacks_in_3015_1 .notice-action-custom { border-width: 1px 0 0 0; } #notice_stacks_in_3015_1 .notice-action div { height: 50%; width: 100%; } } /* */ @media all and (-ms-high-contrast: none) { #notice_stacks_in_3015_1 { width: 100%; } #notice_stacks_in_3015_1 *::-ms-backdrop, #notice_stacks_in_3015_1 #notice_stacks_in_3015_1 { width: 100%; } } /* */ #stacks_in_3015_2 { border: solid rgba(0, 0, 0, 1.00); border-width: 1px; padding: 10px; }