:root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 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(136, 137, 0, 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-dark:rgba(0, 110, 156, 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(106, 107, 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(0, 0, 0, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(20rem/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(20rem/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(20rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-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{} h1,.h1, .bold{font-size:calc(18rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h1,.h1, .bold{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { h1,.h1, .bold{font-size:calc(20rem/16) ;line-height:1.50 }} .background{background-color:rgba(204, 204, 204, 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){.background{background-attachment:scroll!important}} .Headerimage{background-image:url('../index_files/bgimage-5-3E0.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: local ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.Headerimage{background-attachment:scroll!important}} .BGImage{background-image:url('../index_files/bgimage-6-3E0.jpg') ;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){.BGImage{background-attachment:scroll!important}} .MenuBG{background-color:rgba(102, 102, 102, 1.00) ;background-image:url('') ;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){.MenuBG{background-attachment:scroll!important}} .AGBASSBG{background-image:url('../index_files/bgimage-8-3E0.jpg') ;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){.AGBASSBG{background-attachment:scroll!important}} .Overlay{position:relative;z-index:0}.Overlay:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.40 ;background-color:rgba(0, 0, 0, 1.00) ;} .BGImage2{background-image:url('../index_files/bgimage-10-3E0.jpg') ;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){.BGImage2{background-attachment:scroll!important}} .footerbg{background-color:rgba(136, 137, 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){.footerbg{background-attachment:scroll!important}} .library{background-image:url('../index_files/bgimage-12-3E0.jpg') ;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){.library{background-attachment:scroll!important}} .Services{background-image:url('../index_files/bgimage-13-3E0.jpg') ;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){.Services{background-attachment:scroll!important}} .compBG{background-image:url('../index_files/bgimage-14-3E0.jpg') ;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){.compBG{background-attachment:scroll!important}} #stacks_in_9_4 { margin: 20px 0px 20px 0px; } /* Start Play stack CSS code */ #stacks_in_6_4 { z-index: 4; } .stacks_in_6_4playContainer { overflow: hidden; position: relative !important; z-index: 6; } .stacks_in_6_4playContainer { background-image: url("../index_files/posterimage-4-CC2.jpg") !important; background-position: center center !important; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: cover; } .stacks_in_6_4overlay{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 7; } .stacks_in_6_4contentBox{ position: relative; text-align: center; opacity: 1; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; z-index: 8; } .stacks_in_6_4content{ position: relative; max-width: 1000px; margin: 0 auto 0 auto; padding: 80px 20px 80px 20px; text-align: center !important; z-index: 8; text-shadow: none !important; } .stacks_in_6_4content,.stacks_in_6_4content h1,.stacks_in_6_4content h2,.stacks_in_6_4content h3,.stacks_in_6_4content h4,.stacks_in_6_4content h5,.stacks_in_6_4content h6{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_6_4content a,.stacks_in_6_4content a:active,.stacks_in_6_4content a:visited{ color: rgba(59, 148, 217, 1.00) !important; text-decoration: none !important; } .stacks_in_6_4content a:hover{ color: rgba(221, 221, 221, 1.00) !important; text-decoration: none !important; } .stacks_in_6_4playScrollButton i{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_6_4playScrollButton{ position: absolute; width: 100%; bottom: 0; color: #fff !important; font-size: 36px; text-align: center; padding-top: 30px; padding-bottom: 30px; display: none; cursor: pointer; z-index: 8; } .stacks_in_6_4playScrollButton{ display: block; } .stacks_in_6_4playContainer { min-height: 500px; } .stacks_in_6_4contentBox{ position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } /* -- End Preview/Published -- */ @keyframes playanimation { 43% { transform: translate(0,0);} 0% { transform: translate(0,0);} 30% { transform: translate(0,11px);} 17% { transform: translate(0,-5px);} 11% { transform: translate(0,0);} } @-webkit-keyframes playanimation { 43% { transform: translate(0,0);} 0% { transform: translate(0,0);} 30% { transform: translate(0,11px);} 17% { transform: translate(0,-5px);} 11% { transform: translate(0,0);} } /* apply the .animation class to the element you want to animate */ .playanimation { animation: playanimation 3s ease-in-out 0s infinite normal none; -webkit-animation: playanimation 3s ease-in-out 0s infinite normal none; } .wallpaper, .wallpaper .wallpaper-container, .wallpaper .wallpaper-media { -webkit-transition: none !important; transition: none !important; } .wallpaper { overflow: hidden; position: relative;} .wallpaper .wallpaper-container { height: 100%; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 0; } .wallpaper .wallpaper-media { left: 0; opacity: 0; position: absolute; top: 0; } .wallpaper .wallpaper-media.animated { -webkit-transition: opacity 0.5s linear !important; transition: opacity 0.5s linear !important; } .wallpaper .wallpaper-media img, .wallpaper .wallpaper-media video, .wallpaper .wallpaper-media iframe { display: block; height: 100%; width: 100%; } .wallpaper .wallpaper-embed.ready:after { content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .wallpaper .wallpaper-embed.ready iframe { /* pointer-events: none; - safari doesn't like this :/ */ z-index: 0; } .wallpaper .wallpaper-media.native { background-position: center; background-size: cover; height: 100%; width: 100%; } .wallpaper .wallpaper-media.native img { display: none; } .wallpaper .wallpaper-media.fixed { background-position: center; background-attachment: fixed; height: 100%; width: 100%; } .wallpaper .wallpaper-media.fixed img { display: none; } /* End Play stack CSS code */.stacks_in_6_8 img{width:100%;max-width:512px} /* */ #icon-menu-stacks_in_10_2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #icon-menu-stacks_in_10_2 .icon-menu-toggle { /* */ background: rgba(136, 137, 0, 1.00); /* */ /* */ /* */ font-family: "Varela"; /* */ font-size: 16px; color: rgba(255, 255, 255, 1.00); margin: 10px 10px; padding: 15px 25px; line-height: 25.888000px; border-radius: 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; cursor: pointer; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none !important; } #icon-menu-stacks_in_10_2 .icon-menu-toggle i { display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; font-size: 24px; } #icon-menu-stacks_in_10_2 .icon-menu-toggle span { display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 100%; } #icon-menu-stacks_in_10_2 .icon-menu-toggle:hover { /* */ background: rgba(76, 76, 76, 1.00); /* */ /* */ color: rgba(255, 255, 255, 1.00); -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #icon-menu-stacks_in_10_2 .icon-menu-toggle.with-icon i { display: initial; } #icon-menu-stacks_in_10_2 .icon-menu-toggle.with-text span { display: initial; } #icon-menu-stacks_in_10_2 .icon-menu-toggle.with-icon.with-text i { margin-right: 10px; } #icon-menu-stacks_in_10_2 .icon-menu-toggle.toggle-inline { position: static; } #icon-menu-stacks_in_10_2 .icon-menu-toggle.toggle-fixed { position: fixed; z-index: 99999999; } #icon-menu-stacks_in_10_2 .icon-menu-toggle.toggle-fixed.v-top { top: 0; } #icon-menu-stacks_in_10_2 .icon-menu-toggle.toggle-fixed.v-bottom { bottom: 0; } #icon-menu-stacks_in_10_2 .icon-menu-toggle.toggle-fixed.h-left { left: 0; } #icon-menu-stacks_in_10_2 .icon-menu-toggle.toggle-fixed.h-right { right: 0; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav { padding: 10px 10px; display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9999999999; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav * { box-sizing: border-box; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav .icon-menu-nav-close { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 5px 10px 10px; text-align: right; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav .icon-menu-nav-close span { /* */ font-family: "Varela"; /* */ font-size: 16px; line-height: 25.888000px; color: rgba(255, 255, 255, 1.00); text-transform: none; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav .icon-menu-nav-close i { padding: 0; color: rgba(0, 0, 0, 0.50); width: 18px; height: 18px; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul { max-width: 450px; padding: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 100%; margin: 0 0 auto 0; list-style-type: none; z-index: 9999999999; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li { width: 33.333332%; padding: 10px 10px; opacity: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-transform: translateY(100%); transform: translateY(100%); } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a { color: #97969E; padding: 10px 10px; border-radius: 2px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ color: rgba(62, 60, 75, 1.00); width: 50px; height: 50px; font-size: 36px; border-radius: 50px; margin: 5px 0 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a .icon-menu-nav-icon i[class*="ion-"]::before { vertical-align: top; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 36px; height: 36px; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a .icon-menu-nav-label { /* */ font-family: "Varela"; /* */ color: rgba(151, 150, 158, 1.00); font-size: 16px; line-height: 25.888000px; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a:hover { /* */ background: rgba(136, 137, 0, 1.00); /* */ /* */ -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0px 0px 0px 7px rgba(136, 137, 0, 0.50); } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ color: rgba(136, 137, 0, 1.00); } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_10_2.openyo.close ul { -webkit-animation: menu-leave 0.3s; animation: menu-leave 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_10_2.openyo { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; left: 0; right: 0; bottom: 0; } #icon-menu-nav-stacks_in_10_2.openyo ul { -webkit-animation: menu-enter 0.4s; animation: menu-enter 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_10_2.openyo ul li { -webkit-animation: item-enter 0.4s 0.6s; animation: item-enter 0.4s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(1) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(4) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(5) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(6) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(7) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(8) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(9) { -webkit-animation-delay: 1s; animation-delay: 1s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(10) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(11) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(12) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(13) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(14) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(15) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(16) { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(17) { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(18) { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(19) { -webkit-animation-delay: 2s; animation-delay: 2s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(20) { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(21) { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(22) { -webkit-animation-delay: 2.3s; animation-delay: 2.3s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(23) { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } #icon-menu-nav-stacks_in_10_2.openyo ul li:nth-child(24) { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } #icon-menu-nav-stacks_in_10_2.full-page { opacity: 0; display: none; -webkit-transform: scale(0.5); transform: scale(0.5); padding: 10px 10px 15px 10px; } #icon-menu-nav-stacks_in_10_2.full-page .icon-menu-nav-close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #icon-menu-nav-stacks_in_10_2.full-page .icon-menu-nav-close.inner { display: none; } #icon-menu-nav-stacks_in_10_2.full-page.openyo { /* */ /* */ background: rgba(62, 60, 75, 1.00); background: linear-gradient(to bottom, rgba(62, 60, 75, 1.00), rgba(36, 36, 36, 1.00)); /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-animation: full-menu-enter 0.4s 0.1s; animation: full-menu-enter 0.4s 0.1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_10_2.full-page.openyo .list-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; padding: 10px 10px 15px 10px; background-color: rgba(0, 0, 0, 0.00); } #icon-menu-nav-stacks_in_10_2.full-page.openyo.close { -webkit-animation: full-menu-leave 0.3s; animation: full-menu-leave 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_10_2.popup ul { margin-bottom: 0; overflow: hidden; overflow-y: scroll; -webkit-transform: scale(0); transform: scale(0); padding: 10px 10px 15px 10px; border-radius: 4px; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* */ /* */ background: rgba(62, 60, 75, 1.00); background: linear-gradient(to bottom, rgba(62, 60, 75, 1.00), rgba(36, 36, 36, 1.00)); /* */ /* */ } #icon-menu-nav-stacks_in_10_2.popup ul .list-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; padding: 10px 10px 15px 10px; background-color: rgba(0, 0, 0, 0.00); } #icon-menu-nav-stacks_in_10_2.popup .list-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } #icon-menu-nav-stacks_in_10_2.popup .icon-menu-nav-close:not(.inner) { display: none; } #icon-menu-nav-stacks_in_10_2.labels-top ul li a { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #icon-menu-nav-stacks_in_10_2.labels-top ul li a .icon-menu-nav-icon { margin: 10px 0 5px 0; } @media (max-width: 700px) { #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul { max-width: 400px; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li { width: 33.333332%; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a .icon-menu-nav-icon { width: 40px; height: 40px; font-size: 28px; border-radius: 40px; margin: 5px 0 10px 0; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 28px; height: 28px; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a .icon-menu-nav-label { font-size: 14px; line-height: 22.652000px; } } @media (max-width: 400px) { #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul { max-width: 350px; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li { width: 33.333332%; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a .icon-menu-nav-icon { width: 40px; height: 40px; font-size: 28px; border-radius: 35px; margin: 5px 0 10px 0; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 28px; height: 28px; } #icon-menu-nav-stacks_in_10_2.icon-menu-nav ul li a .icon-menu-nav-label { font-size: 14px; line-height: 22.652000px; } } @-webkit-keyframes item-enter { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 80% { -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes item-enter { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 80% { -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes menu-enter { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes menu-enter { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes menu-leave { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 60% { opacity: 1; -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes menu-leave { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 60% { opacity: 1; -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes full-menu-enter { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes full-menu-enter { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes full-menu-leave { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes full-menu-leave { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_4.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-4-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_4.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_4.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_4.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_4.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_4.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_4.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_4.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_4.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_6.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-6-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_6.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_6.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_6.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_6.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_6.custom-icon a:hover .icon-menu-nav-icon { color: rgba(136, 137, 0, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_6.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_6.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_6.custom-item-bg a:hover { /* */ background: rgba(136, 137, 0, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_23.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-23-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_23.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_23.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_23.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_23.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_23.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_23.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_23.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_23.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_19.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-19-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_19.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_19.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_19.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_19.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_19.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_19.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_19.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_19.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_8.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-8-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_8.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_8.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_8.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_8.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_8.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_8.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_8.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_8.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_17.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-17-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_17.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_17.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_17.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_17.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_17.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_17.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_17.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_17.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_21.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-21-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_21.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_21.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_21.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_21.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_21.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_21.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_21.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_21.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_10.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-10-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_10.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_10.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_10.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_10.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_10.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_10.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_10.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_10.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_12.image-icon a .icon-menu-nav-icon { background: url(../index_files/icon_image_bg-12-9E0.png) no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_12.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_12.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_12.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_12.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_12.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_12.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_12.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_10_2 #icon-menu-item-stacks_in_10_12.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } /* @group Generic Styles */ #ruleStackstacks_in_90, #ruleStackstacks_in_90:before, #ruleStackstacks_in_90:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_90 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_90 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_90 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_90 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_90 { text-align: center; } #ruleStackstacks_in_90:before, #ruleStackstacks_in_90:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(204, 204, 204, 1.00); } #ruleStackstacks_in_90:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_90:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_90 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ /* 1.8.1.1 - fixed a bug that prevented custom submit buttons from working */ #stacks_in_14.sf-styles,#stacks_in_14.sf-styles * {box-sizing: border-box;} #stacks_in_14.sf-styles .age-field, #stacks_in_14.sf-styles .agree-to-terms-field { overflow: hidden; height: 0; margin: 0 !important; } #stacks_in_14.sf-styles label.keepIt{text-align:left;display:inline-block;width:100%;padding-left:5px} #stacks_in_14.sf-styles select{color:#aaa}.php{display:none} #stacks_in_14.sf-styles .info{color:#00529B;background-color:#BDE5F8} #stacks_in_14.sf-styles .success{color:#4F8A10;background-color:rgba(47, 134, 56, 1.00)} #stacks_in_14.sf-styles .warning{color:#9F6000;background-color:#FEEFB3} #stacks_in_14.sf-styles .error{color:#D8000C;background-color:rgba(216, 0, 12, 1.00)} #stacks_in_14.sf-styles .sf-message { position: absolute; left: 0; right: 0; top: 0; width: 100%; } #stacks_in_14.sf-styles .submitMessage, #stacks_in_14.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_14.sf-styles.sf-no-help-text .submitMessage { margin-right: 0px; } #stacks_in_14.sf-styles.sf-no-help-text .sf-help-column { display: none; } #stacks_in_14.sf-styles .sf-help-column { transform: none !important; } #stacks_in_14.sf-styles .info { background-color: #61b832; border-color: #3b8eb5; } #stacks_in_14.sf-styles .error, #stacks_in_14.sf-styles .errorMessage { background-color: rgba(216, 0, 12, 1.00); border-color: rgba(0,0,0,0.25); } #stacks_in_14.sf-styles .warning { background-color: #eaaf51; border-color: #d99a36; } #stacks_in_14.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_14.sf-styles .submitMessage h3 { font-size: 16px; line-height: 1.4; color: #fff; font-weight: bold; } #stacks_in_14.sf-styles .submitMessage h3:not(:last-child) { margin: 0 0 5px 0 !important; } #stacks_in_14.sf-styles .submitMessage h3:last-child { margin: 0 !important; } #stacks_in_14.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_14.sf-styles .g-recaptcha { min-width: 0; margin: 0; } /* ---------------------------------------- */ #stacks_in_14.sf-styles form { background: rgba(255, 255, 255, 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_14.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_14.sf-styles form .note p { margin: 0; } #stacks_in_14.sf-styles .controls { position: relative; margin-bottom: 16px; width: 500px; max-width: 100%; display: grid; grid-template-columns: 80px 1fr 20px; align-items: center; align-content: flex-start; grid-gap: 4px 8px; } #stacks_in_14.sf-styles .controls.sf-radio { margin-bottom: 0px; } #stacks_in_14.sf-styles .controls.sf-radio + .controls:not(.sf-radio) { margin-top: 16px; } #stacks_in_14.sf-styles .sf-radio-group .controls.sf-button-group.hidden, #stacks_in_14.sf-styles .controls.hidden { display: none !important; pointer-events: none; } #stacks_in_14.sf-styles .controls.sf-disabled.sf-input { cursor: not-allowed; } #stacks_in_14.sf-styles .controls.sf-disabled.sf-checkbox label, #stacks_in_14.sf-styles .controls.sf-disabled.sf-checkbox input, #stacks_in_14.sf-styles .controls.sf-disabled.sf-input label, #stacks_in_14.sf-styles .controls.sf-disabled.sf-input input { opacity: .5; pointer-events: none; } #stacks_in_14.sf-styles.sf-no-help-text .controls { grid-template-columns: 80px 1fr; } #stacks_in_14.sf-styles .deluxe-columns > div { min-width: 0; } #stacks_in_14.sf-styles .form-group > div:nth-child(2) { margin-top: 16px; } #stacks_in_14.sf-styles .controls.sf-checkbox { grid-template-columns: 80px 22px 1fr 20px; } #stacks_in_14.sf-styles.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 80px 22px 1fr; } #stacks_in_14.sf-styles .controls.sf-checkbox label { cursor: pointer; } #stacks_in_14.sf-styles .controls.sf-submit { grid-template-columns: 80px min-content 20px; grid-gap: 0px 8px; } #stacks_in_14.sf-styles .controls.sf-submit .sf-message:empty { display: none; } #stacks_in_14.sf-styles.sf-no-help-text .controls.sf-submit { grid-template-columns: 80px min-content; } #stacks_in_14.sf-styles .controls.sf-file { grid-template-columns: 80px 1fr min-content 20px; } #stacks_in_14.sf-styles.sf-no-help-text .controls.sf-file { grid-template-columns: 80px 1fr min-content; } #stacks_in_14.sf-styles .hiddenFormSubmit { display: none; } #stacks_in_14.sf-styles .steps .step .controls label, #stacks_in_14.sf-styles .controls label { font-size: 16px; line-height: 1; } #stacks_in_14.sf-styles .controls label { color: rgba(0, 0, 0, 0.80); margin: 0; } #stacks_in_14.sf-styles .controls label img { display: inline; } #stacks_in_14.sf-styles .controls:not(.sf-checkbox) label { pointer-events: none; } #stacks_in_14.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_14.sf-styles .sf-multi-select .field-icon { opacity: 0; } #stacks_in_14.sf-styles .controls { font-size: 16px; } #stacks_in_14.sf-styles form .controls .step-input-wrap { position: relative; } #stacks_in_14.sf-styles .controls input, #stacks_in_14.sf-styles .controls > button, #stacks_in_14.sf-styles .controls select, #stacks_in_14.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_14.sf-styles .controls .fileUpload, #stacks_in_14.sf-styles .controls .fileUpload span { font-size: 16px; line-height: 16px; height: 34px; color: rgba(0, 0, 0, 0.65); } #stacks_in_14.sf-styles .controls select + .sf-multi-select-mobile { height: auto; } #stacks_in_14.sf-styles .controls input::-webkit-calendar-picker-indicator { opacity: 0; } #stacks_in_14.sf-styles .controls input:focus, #stacks_in_14.sf-styles .controls select:focus, #stacks_in_14.sf-styles .controls textarea:focus, #stacks_in_14.sf-styles .controls button:focus { outline: none; } #stacks_in_14.sf-styles .controls.sf-checkbox label { font-size: 16px; line-height: 16px; } #stacks_in_14.sf-styles .controls textarea { font-size: 16px; line-height: 16px; color: rgba(0, 0, 0, 0.65); } #stacks_in_14.sf-styles .controls select.is-placeholder option, #stacks_in_14.sf-styles .controls select.is-placeholder + .sf-multi-select-mobile .sf-option { color: rgba(0, 0, 0, 0.65); } #stacks_in_14.sf-styles .controls input::placeholder, #stacks_in_14.sf-styles .controls textarea::placeholder, #stacks_in_14.sf-styles .controls select.is-placeholder option[disabled] { color: rgba(0, 0, 0, 0.35); color: ; opacity: 1; } #stacks_in_14.sf-placeholder .controls input::placeholder, #stacks_in_14.sf-placeholder .controls textarea::placeholder, #stacks_in_14.sf-placeholder .controls select:invalid, #stacks_in_14.sf-classic .controls input::placeholder, #stacks_in_14.sf-classic .controls textarea::placeholder, #stacks_in_14.sf-classic .controls select.is-placeholder { color: transparent; } #stacks_in_14.sf-styles .controls .sf-number-wrap, #stacks_in_14.sf-styles .controls input, #stacks_in_14.sf-styles .controls textarea, #stacks_in_14.sf-styles .controls > button, #stacks_in_14.sf-styles .controls select, #stacks_in_14.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_14.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_14.sf-styles .controls select + .sf-multi-select-mobile { padding: 8px 0px; } #stacks_in_14.sf-styles .controls .sf-number-wrap { padding: 0; color: rgba(0, 0, 0, 0.65); } #stacks_in_14.sf-styles .controls input[type="number"] { border-color: transparent !important; background-color: transparent !important; } #stacks_in_14.sf-styles .controls .sf-number-wrap { display: grid; grid-template-columns: 1fr min-content; align-items: center; grid-gap: 0px; position: relative; } #stacks_in_14.sf-styles .controls input::-webkit-outer-spin-button, #stacks_in_14.sf-styles .controls input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #stacks_in_14.sf-styles .controls input[type=number] { -moz-appearance: textfield; } #stacks_in_14.sf-styles .quantity-nav { height: 24px; display: grid; grid-gap: 2px; margin-left: 8px; margin-right: 4px; grid-template-columns: 1fr 1fr; } #stacks_in_14.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_14.sf-styles .quantity-button.quantity-up:before { content: "+"; } #stacks_in_14.sf-styles .quantity-button.quantity-down:before { content: "-"; } #stacks_in_14.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_14.sf-styles .controls input[type="checkbox"], #stacks_in_14.sf-styles .controls input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; } #stacks_in_14.sf-styles .controls select, #stacks_in_14.sf-styles .controls select + .sf-multi-select-mobile { line-height: 20px; padding: 6px 8px; } #stacks_in_14.sf-styles .controls select + .sf-multi-select-mobile { padding: 6px 0; } #stacks_in_14.sf-styles .controls > button { position: relative; white-space: nowrap; } #stacks_in_14.sf-styles .controls > button.sf-submitting { color: transparent; } #stacks_in_14.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_14.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_14.sf-styles .controls > button svg path { stroke: #fff; } #stacks_in_14.sf-styles .controls > button, #stacks_in_14.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_14.sf-styles .controls .fileUpload { border-color: transparent; } #stacks_in_14.sf-styles form .hint, #stacks_in_14.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_14.sf-styles form .hint:before, #stacks_in_14.sf-styles form .hint:after, #stacks_in_14.sf-styles form .message:before, #stacks_in_14.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_14.sf-styles form .hint:after, #stacks_in_14.sf-styles form .message:after { z-index: 1; bottom: -15px; } #stacks_in_14.sf-styles form .hint { opacity: 0; position: absolute; left: calc(80px + 8px); right: 28px; bottom: 0%; top: auto; } #stacks_in_14.sf-styles.sf-no-help-text form .hint { right: 0px; } #stacks_in_14.sf-styles form .message ~ .hint { display: none; } #stacks_in_14.sf-styles form .controls .sf-focused ~ .hint { transition: all 300ms ease; opacity: 1; bottom: calc(100% + 8px); } #stacks_in_14.sf-styles form .help { height: 20px; } #stacks_in_14.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_14.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_14.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_14.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_14.sf-styles form .help i:hover:after { display: block; } #stacks_in_14.sf-styles form .help i:hover ~ span { display: block; white-space: normal; } #stacks_in_14.sf-styles .controls.sf-checkbox .note, #stacks_in_14.sf-styles .controls.sf-file .note { grid-column: span 2; } #stacks_in_14.sf-styles .controls.sf-textarea, #stacks_in_14.sf-styles .controls.sf-multi-select { align-items: flex-start; } #stacks_in_14.sf-styles form .controls.sf-textarea .help, #stacks_in_14.sf-styles form .controls.sf-multi-select .help { margin-top: 8px; } /* left */ #stacks_in_14.sf-left .controls { width: calc(80px + 500px); } #stacks_in_14.sf-left .controls:not(.sf-checkbox) label { font-weight: 600; } #stacks_in_14.sf-left .controls.sf-textarea label, #stacks_in_14.sf-left .controls.sf-multi-select label { margin-top: 8px; } @media all and (max-width: 500px) { #stacks_in_14.sf-left .controls { width: 500px; } #stacks_in_14.sf-left form .controls .sf-focused ~ .hint { margin-top: 16px; } #stacks_in_14.sf-left form .controls:not(.sf-checkbox) .help > span { margin-top: 22px; } #stacks_in_14.sf-left form .hint, #stacks_in_14.sf-left form .help > span { left: 0px; } #stacks_in_14.sf-left .controls.sf-textarea label, #stacks_in_14.sf-left .controls.sf-multi-select label { margin-top: 0px; } #stacks_in_14.sf-left .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_14.sf-left.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_14.sf-left .dropdown-menu { margin-left: 0px; } #stacks_in_14.sf-left .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_14.sf-left.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_14.sf-left .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_14.sf-left.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_14.sf-left .controls .sf-empty-column { display: none; } #stacks_in_14.sf-left .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_14.sf-left.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_14.sf-left .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; font-weight: 600; } } /* end left */ /* top */ #stacks_in_14.sf-top form .controls .sf-focused ~ .hint { margin-top: 16px; } #stacks_in_14.sf-top .controls .note, #stacks_in_14.sf-top .controls.sf-checkbox .note, #stacks_in_14.sf-top .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_14.sf-top form .controls:not(.sf-checkbox) .help > span { margin-top: 22px; } #stacks_in_14.sf-top form .hint, #stacks_in_14.sf-top form .help > span { left: 0px; } #stacks_in_14.sf-top .controls.sf-textarea label, #stacks_in_14.sf-top .controls.sf-multi-select label { margin-top: 0px; } #stacks_in_14.sf-top .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_14.sf-top.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_14.sf-top .dropdown-menu { margin-left: 0px; } #stacks_in_14.sf-top .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_14.sf-top.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_14.sf-top .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_14.sf-top.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_14.sf-top .controls .sf-empty-column { display: none; } #stacks_in_14.sf-top .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_14.sf-top.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_14.sf-top .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; font-weight: 600; } /* end top */ /* placeholder */ #stacks_in_14.sf-placeholder form .hint, #stacks_in_14.sf-placeholder form .help > span { left: 0px; } #stacks_in_14.sf-placeholder .controls .note, #stacks_in_14.sf-placeholder .controls.sf-checkbox .note, #stacks_in_14.sf-placeholder .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_14.sf-placeholder .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_14.sf-placeholder.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_14.sf-placeholder .dropdown-menu { margin-left: 0px; } #stacks_in_14.sf-placeholder .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_14.sf-placeholder.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_14.sf-placeholder .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_14.sf-placeholder.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_14.sf-placeholder .controls .sf-empty-column { display: none; } #stacks_in_14.sf-placeholder .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_14.sf-placeholder.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_14.sf-placeholder .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; } #stacks_in_14.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_14.sf-placeholder .controls.sf-checkbox label { display: block; } #stacks_in_14.sf-placeholder .controls:not(.sf-checkbox) label.sf-active { opacity: 0; } #stacks_in_14.sf-placeholder .controls:not(.sf-checkbox) label:not(.sf-active) + div input { color: transparent; } /* end placeholder */ /* classic */ #stacks_in_14.sf-classic form .controls .sf-focused ~ .hint { bottom: calc(100% + 16px); } #stacks_in_14.sf-classic .controls .note, #stacks_in_14.sf-classic .controls.sf-checkbox .note, #stacks_in_14.sf-classic .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_14.sf-classic form .hint, #stacks_in_14.sf-classic form .help > span { left: 0px; } #stacks_in_14.sf-classic form .controls:not(.sf-checkbox) .help > span { margin-top: 4px; } #stacks_in_14.sf-classic .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_14.sf-classic.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_14.sf-classic .dropdown-menu { margin-left: 0px; } #stacks_in_14.sf-classic .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_14.sf-classic.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_14.sf-classic .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_14.sf-classic.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_14.sf-classic .controls .sf-empty-column { display: none; } #stacks_in_14.sf-classic .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_14.sf-classic.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_14.sf-classic .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; } #stacks_in_14.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_14.sf-classic .controls.sf-checkbox label { display: block; } #stacks_in_14.sf-classic .controls:not(.sf-checkbox) label.sf-active { top: -8px; z-index: 2; background-color: rgba(255, 255, 255, 1.00); } #stacks_in_14.sf-classic .controls:not(.sf-checkbox) label:not(.sf-active) + div input { color: transparent; } #stacks_in_14.sf-classic .controls input, #stacks_in_14.sf-classic .controls > button, #stacks_in_14.sf-classic .controls select, #stacks_in_14.sf-classic .controls select + .sf-multi-select-mobile, #stacks_in_14.sf-classic .controls .fileUpload, #stacks_in_14.sf-classic .controls .fileUpload span { padding: 12px; height: 42px; } #stacks_in_14.sf-classic .controls select + .sf-multi-select-mobile { padding: 12px 0; } #stacks_in_14.sf-classic .controls select + .sf-multi-select-mobile { height: auto; } #stacks_in_14.sf-classic .controls input[type="checkbox"], #stacks_in_14.sf-classic .controls input[type="radio"] { padding: 0; } #stacks_in_14.sf-classic .controls textarea { padding: 12px; } #stacks_in_14.sf-classic .controls > button { padding: 12px 24px; } /* end classic */ #stacks_in_14.sf-styles .controls input, #stacks_in_14.sf-styles .controls textarea, #stacks_in_14.sf-styles .controls button, #stacks_in_14.sf-styles .controls select, #stacks_in_14.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_14.sf-styles .controls input[type="checkbox"]:after, #stacks_in_14.sf-styles .controls input[type="radio"]:after, #stacks_in_14.sf-styles input[type="checkbox"] + .sf-captcha > .g-recaptcha iframe { box-shadow: none; } #stacks_in_14.sf-styles .controls input[type="number"].hasError + input, #stacks_in_14.sf-styles .controls input:not([type="radio"]):not([type="checkbox"]):not([type="number"]).hasError, #stacks_in_14.sf-styles .controls input.sf-upload + label, #stacks_in_14.sf-styles .controls textarea.hasError, #stacks_in_14.sf-styles .controls button.hasError, #stacks_in_14.sf-styles .controls select.hasError, #stacks_in_14.sf-styles .controls select.hasError + .sf-multi-select-mobile, #stacks_in_14.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_14.sf-styles .controls input[type="checkbox"]:not(:checked).hasError:after, #stacks_in_14.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_14.sf-styles .controls input[type="checkbox"]:not(:checked).hasError:after { border-radius: 0px; } #stacks_in_14.sf-styles .controls select, #stacks_in_14.sf-styles .controls select + .sf-multi-select-mobile .sf-option, #stacks_in_14.sf-styles .controls.sf-date input { cursor: pointer; -moz-appearance: none; -webkit-appearance: none; } #stacks_in_14.sf-styles .controls textarea { white-space: pre-line; line-height: 1.2; } #stacks_in_14.sf-styles .controls input[type=checkbox], #stacks_in_14.sf-styles .controls input[type=radio] { position: relative; left: 0px; width: 22px; height: 22px; margin: 4px 0px; background: transparent; border-color: transparent; } #stacks_in_14.sf-styles .controls input[type=checkbox]:after, #stacks_in_14.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_14.sf-styles .controls input[type=radio]:before { border-radius: 50%; } #stacks_in_14.sf-styles .controls input[type=checkbox]:checked:after { content: "\2714"; /**/ color: rgba(31, 125, 193, 1.00); } #stacks_in_14.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_14.sf-styles .controls .fileUpload, #stacks_in_14.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_14.sf-styles .controls .fileUpload:active, #stacks_in_14.sf-styles .controls button:active { box-shadow: 0 0 0 2000px rgba(0,0,0,0.22) inset; } #stacks_in_14.sf-styles .controls .fileUpload span { white-space: nowrap; color: rgba(255, 255, 255, 1.00); } #stacks_in_14.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_14.sf-styles form, #stacks_in_14.sf-styles .controls input, #stacks_in_14.sf-styles .controls textarea { font-family: inherit; } /* */ #stacks_in_14.sf-styles form { font-family: inherit; padding: 16px 32px; border-radius: 2px; border-width: 0px; } #stacks_in_14.sf-styles .controls input, #stacks_in_14.sf-styles .controls textarea { font-family: inherit; } #stacks_in_14.sf-styles { display: flex; justify-content: center; flex-direction: column; } /* */ /* */ /* */ #stacks_in_14.sf-styles .controls.sf-submit.sf-full-button-True { grid-template-columns: 1fr 20px; } #stacks_in_14.sf-styles.sf-no-help-text .controls.sf-submit.sf-full-button-True { grid-template-columns: 1fr; } #stacks_in_14.sf-left .controls.sf-submit.sf-full-button-True { grid-template-columns: 80px 1fr 20px; } #stacks_in_14.sf-left.sf-no-help-text .controls.sf-submit.sf-full-button-True { grid-template-columns: 80px 1fr; } #stacks_in_14.sf-styles .controls select[multiple] { height: auto; } #stacks_in_14.sf-styles .controls select[multiple] option, #stacks_in_14.sf-styles .controls select[multiple] + .sf-multi-select-mobile .sf-option { padding: 2px 0px; } #stacks_in_14.sf-styles .controls select[multiple] + .sf-multi-select-mobile .sf-option { padding: 2px 8px; } #stacks_in_14.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_14.sf-styles .form-group .controls select[multiple] option:empty[disabled], #stacks_in_14.sf-styles .form-group .controls.sf-multi-select svg { display: none; } #stacks_in_14.sf-placeholder .form-group .controls.sf-multi-select label, #stacks_in_14.sf-classic .form-group .controls.sf-multi-select label { position: static; } #stacks_in_14.sf-styles .sf-radio-group { display: flex; flex-wrap: wrap; align-items: stretch; grid-gap: 4px; margin-bottom: 16px; } #stacks_in_14.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_14.sf-styles .sf-radio-group .controls.sf-button-group.sf-help-text { grid-template-columns: 1fr 20px; } #stacks_in_14.sf-styles form .controls.sf-button-group.sf-help-text .help > span { transform: translate(0,-50%); top: calc(50% + 52px); } #stacks_in_14.sf-styles .sf-radio-group .controls input[type]:after, #stacks_in_14.sf-styles .sf-radio-group .controls input[type]:before, #stacks_in_14.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_14.sf-styles .sf-radio-group .controls input[type]:after, #stacks_in_14.sf-styles .sf-radio-group .controls input[type]:before { pointer-events: none; } #stacks_in_14.sf-styles .sf-radio-group .controls input:checked:after { content: ""; background: transparent; border: 2px solid rgba(31, 125, 193, 1.00); } #stacks_in_14.sf-styles .sf-radio-group .controls input[type]:checked:after, #stacks_in_14.sf-styles .sf-radio-group .controls input[type]:before, #stacks_in_14 .step .sf-radio-group .controls input.hasError[type]:after { border-radius: 4px; } #stacks_in_14.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_14.sf-styles .sf-radio-group .controls.sf-button-group label > div img { display: block; } #stacks_in_14.sf-styles .sf-radio-group .controls.sf-button-group label div:empty, #stacks_in_14.sf-styles .sf-radio-group .controls.sf-button-group label div.empty { display: none; } #stacks_in_14.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_14.sf-styles .dropdown-menu { position: absolute; top: 100%; z-index: 1000; display: none; float: none; width: 500px; 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_14.sf-styles .bootstrap-datetimepicker-widget:before, #stacks_in_14.sf-styles .bootstrap-datetimepicker-widget:after { display: none; } #stacks_in_14.sf-styles .bootstrap-datetimepicker-widget ul { padding: 0px 8px; } #stacks_in_14.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_14.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_14.sf-styles .bootstrap-datetimepicker-widget .datepicker { margin-top: 8px; } #stacks_in_14.sf-styles .bootstrap-datetimepicker-widget .timepicker { margin-bottom: 8px; } #stacks_in_14.sf-styles table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } #stacks_in_14.sf-styles .bootstrap-datetimepicker-widget .collapse.in { display: block; } #stacks_in_14.sf-styles .bootstrap-datetimepicker-widget .collapse { position: relative; display: none; overflow: visible; } #stacks_in_14.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_14.sf-styles .hiddenFormSubmit { display: none; } #stacks_in_14.sf-styles .hideSlice { display: none !important; } #stacks_in_14 .autoreply {display: none;} #stacks_in_14 .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_14 .sf-debug-output.has-output h2, #stacks_in_14 .sf-debug-output.has-output h3 { margin: 16px 0px 24px 0px; font-size: 20px; font-weight: bold; color: #333 !important; } #stacks_in_14 .sf-debug-output.has-output h3 { font-size: 18px; } #stacks_in_14 .sf-debug-output.has-output p { margin: 16px 0px; } #stacks_in_14.sf-styles .step-stack-wrap .controls .sf-number-wrap { border-width: 0px; } #stacks_in_14 .step-stack-wrap .controls.sf-input { display: grid; } #stacks_in_14.sf-styles form .step-stack-wrap .note { color: inherit; } #stacks_in_14.sf-styles .step-stack-wrap .steps .step-content { z-index: 3; } /* */ #stacks_in_14 .step-stack-wrap .step-slice { display: none; } #stacks_in_14 .step-stack-wrap .step-submit ~ .step .step-slice { display: block; } /* */ /* */ /* */ textarea#input-stacks_in_15 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_15.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_15.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_25 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_25.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_25.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_38 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_38.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_38.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_30 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_30.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_30.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_29 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_29.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_29.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_32 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_32.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_32.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* 1.0.2 */ #steps-stacks_in_17, #steps-stacks_in_17 .com_onelittledesigner_stacks_Step_2_Item_stack { max-width: 800px; width: 100%; border-radius: 2px; min-height: 450px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; position: relative; transition: all 300ms ease; } #steps-stacks_in_17 { margin: 16px auto 16px auto; } #steps-stacks_in_17 svg { color: inherit; fill: inherit; stroke: inherit; } #steps-stacks_in_17 .step-list { width: 230px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ background: rgba(14, 27, 37, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_17 .step-list::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_17 .steps { background-color: rgba(243, 243, 243, 1.00); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #steps-stacks_in_17 .steps .step { /* */ background: rgba(243, 243, 243, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_17 .steps .step::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; pointer-events: none; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_17.bold-sidebar-text .step-list ul li { font-weight: bold; } #steps-stacks_in_17.show-step-list .steps .step-top .step-list-toggle svg { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_17.show-step-list .step-list { margin-left: 0; } #steps-stacks_in_17.show-step-list .step-list ul { opacity: 1; transition: all 300ms 300ms; } #steps-stacks_in_17.complete .step-complete-page { opacity: 1; visibility: visible; pointer-events: auto; } #steps-stacks_in_17 .step-complete-page { /* */ background: rgba(14, 27, 37, 1.00); /* */ /* */ /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 20; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; text-align: center; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -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; transition: all 300ms ease; } #steps-stacks_in_17 .step-complete-icon { z-index: 10; position: relative; color: rgba(47, 205, 113, 1.00); width: 100px; height: 100px; margin-bottom: 10px; } #steps-stacks_in_17 .step-complete-title { z-index: 10; position: relative; font-family: inherit; color: rgba(255, 255, 255, 1.00); font-size: 32px; line-height: calc(32px * 1.1); margin-bottom: 10px; } #steps-stacks_in_17 .step-complete-description { z-index: 10; position: relative; font-family: inherit; font-size: 16px; line-height: calc(16px * 1.4); margin-bottom: 20px; color: rgba(255, 255, 255, 0.40); max-width: calc(800px - 230px); min-width: 300px; } #steps-stacks_in_17 .step-complete-restart { z-index: 10; position: relative; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 24px; padding: 10px 20px; border-radius: 2px; min-width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #steps-stacks_in_17 .step-complete-restart svg { height: 24px; transition: all 0.5s; } #steps-stacks_in_17 .step-complete-restart:hover svg { -webkit-transform: rotate(360deg); transform: rotate(360deg); } #steps-stacks_in_17 .step-complete-page::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_17 .step-list { margin-left: -230px; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 300ms ease; } #steps-stacks_in_17 .step-list * { box-sizing: border-box; } #steps-stacks_in_17 .step-list-nav { z-index: 10; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; display: none; font-size: 24px; padding: 15px 20px 0px 25px; position: relative; align-items: center; color: rgba(255, 255, 255, 1.00); min-height: 20px; justify-content: flex-start; } #steps-stacks_in_17 .steps .step-top .step-list-toggle, #steps-stacks_in_17 .step-list-nav .step-list-toggle { cursor: pointer; } #steps-stacks_in_17 .step-list ul { z-index: 10; opacity: 0; padding: 10px; margin: auto 0; list-style: none; position: relative; transition: all 0s 0s; } #steps-stacks_in_17 .step-list ul li { font-family: inherit; color: rgba(255, 255, 255, 0.50); font-size: 14px; line-height: 15.400001px; padding: 0; margin: 8px 16px; display: grid; cursor: pointer; grid-template-columns: min-content 1fr; align-items: center; } #steps-stacks_in_17 .step-list ul li:hover { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_17 .step-list ul li.active { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_17 .step-list ul li.step-inactive { opacity: 0.5; pointer-events: none; } #steps-stacks_in_17 .step-list ul li.step-inactive.step-complete { display: flex; } #steps-stacks_in_17 .steps .step .step-hide, #steps-stacks_in_17 .step-list ul li.step-hide, #steps-stacks_in_17 .step-list ul li.step-complete.step-hide { display: none; } #steps-stacks_in_17 .step-list ul li .step-is-inactive, #steps-stacks_in_17 .step-list ul li .step-is-complete, #steps-stacks_in_17 .step-list ul li .step-is-incomplete { display: none; height: 21.000000px; width: 21.000000px; margin-right: 4px; } #steps-stacks_in_17 .step-list ul li.is-last-step svg circle, #steps-stacks_in_17 .step-list ul li svg.step-is-inactive circle { transform: scale(0.25); transform-origin: center; fill: currentColor; } #steps-stacks_in_17 .step-list ul li .step-is-complete { color: #2FCD71; } #steps-stacks_in_17 .step-list ul li .step-is-incomplete { color: #F9D949; } #steps-stacks_in_17 .steps .step .controls input:not([type="radio"]):not([type="checkbox"]):not([type="number"]).hasError, #steps-stacks_in_17 .steps .step .controls input[type="number"].hasError+input, #steps-stacks_in_17 .steps .step .controls input.sf-upload+label, #steps-stacks_in_17 .steps .step .controls textarea.hasError, #steps-stacks_in_17 .steps .step .controls button.hasError, #steps-stacks_in_17 .steps .step .controls select.hasError, #steps-stacks_in_17 .steps .step input[type="checkbox"].hasError+.sf-captcha>.g-recaptcha iframe { box-shadow: inset 0 0 0 1000px #F9D94955; } #steps-stacks_in_17 .steps .step .controls input[type="checkbox"]:not(:checked).hasError:after, #steps-stacks_in_17 .steps .step .controls input[type="radio"]:not(:checked).hasError:after { z-index: 2; pointer-events: none; background-color: #F9D94955; } #steps-stacks_in_17 .step-list ul li:not(.step-complete):not(.step-incomplete) .step-is-inactive, #steps-stacks_in_17 .step-list ul li.step-inactive:not(.step-complete) .step-is-inactive, #steps-stacks_in_17 .step-list ul li.step-complete .step-is-complete, #steps-stacks_in_17 .step-list ul li.step-incomplete .step-is-incomplete { display: inline-block; } #steps-stacks_in_17>.step-message.sf-message { user-select: none; display: grid; grid-template-columns: 48px 1fr; grid-gap: 16px; justify-content: center; align-items: center; position: absolute; z-index: 99; top: 16px; right: 16px; left: auto; bottom: auto; cursor: pointer; padding: 0px; box-shadow: none; max-width: 360px; border-radius: 2px; /* */ background: rgba(255, 255, 255, 1.00); box-shadow: inset 0 0 0 1px rgba(218, 218, 218, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_17>.step-message.sf-message:has(.submitMessage) { animation: step-message-in-out 4s ease forwards; } @keyframes step-message-in-out { 0% { transform: translateY(-50px); opacity: 0 } 5% { transform: translateY(0); opacity: 1 } 95% { transform: translateY(0); opacity: 1 } 100% { transform: translateY(-50px); opacity: 0 } } #steps-stacks_in_17>.step-message>svg { height: 32px; width: 32px; margin: 16px 0px 16px 16px; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_17>.step-message>svg:last-child { display: none; } #steps-stacks_in_17>.step-message>.submitMessage { border: 0px solid black; box-shadow: none; background: transparent; position: static; margin: 0; animation: none; padding: 16px 16px 16px 0px; transform: translate(0, 0); } #steps-stacks_in_17>.step-message>.submitMessage h3 { color: rgba(14, 27, 37, 1.00); font-size: 17.500000px; line-height: 21.000000px; margin: 0 0 16px 0; } #steps-stacks_in_17>.step-message>.submitMessage p { color: rgba(0, 0, 0, 0.75); font-size: 14px; line-height: 21.000000px; margin: 0; } #steps-stacks_in_17 .steps { position: relative; padding-bottom: 57px; } #steps-stacks_in_17 .steps .step { min-height: 450px; top: 0; left: 0; z-index: 1; width: 100%; text-align: left; position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: transform 300ms ease; display: grid; grid-template-rows: min-content 1fr 57px; } #steps-stacks_in_17 .steps .step:after { content: ""; } #steps-stacks_in_17 .steps .step.active { -webkit-transform: translateY(0%); transform: translateY(0%); } #steps-stacks_in_17 .steps .step-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 15px 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; background-color: rgba(243, 243, 243, 1.00); z-index: 2; } #steps-stacks_in_17.has-show-count .steps .step .step-top { padding: 10px 20px; } #steps-stacks_in_17 .step-list-nav svg.step-list-toggle, #steps-stacks_in_17 .steps .step-top .step-list-toggle svg { height: 24px; cursor: pointer; display: block; margin: 8px 0px; } #steps-stacks_in_17 .steps .step-top .step-list-toggle * { pointer-events: none; } #steps-stacks_in_17 .steps .step-top .step-list-toggle svg { color: rgba(0, 0, 0, 0.50); margin-left: -2px; } #steps-stacks_in_17 .steps .step-top .step-count { font-family: inherit; color: rgba(14, 27, 37, 1.00); display: flex; flex: 0 1 auto; line-height: 1; font-weight: bold; margin-left: auto; align-items: center; box-sizing: border-box; } #steps-stacks_in_17 .steps .step-top .step-count::before { color: rgba(0, 0, 0, 0.50); margin-right: 10px; display: inline-block; } #steps-stacks_in_17 .steps .step-content { font-family: inherit; display: grid; align-content: flex-start; padding: 15px 30px 15px 30px; padding-top: calc(15px - 18px); padding-bottom: calc(15px - 10px); z-index: 1; color: rgba(0, 0, 0, 0.75); position: relative; } #steps-stacks_in_17 .steps .step-content>.empty { display: none; } #steps-stacks_in_17 .steps .step-content .step-title, #steps-stacks_in_17 .steps .step-content h1, #steps-stacks_in_17 .steps .step-content h2, #steps-stacks_in_17 .steps .step-content h3, #steps-stacks_in_17 .steps .step-content h4, #steps-stacks_in_17 .steps .step-content h5, #steps-stacks_in_17 .steps .step-content h6 { font-family: inherit; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_17 .steps:not(.custom-formatting) .step-content p { color: rgba(0, 0, 0, 0.75); } #steps-stacks_in_17 .steps:not(.custom-formatting) .step-content h2, #steps-stacks_in_17 .steps:not(.custom-formatting) .step-content .step-title { font-weight: bold; font-size: 32px; line-height: calc(32px * 1.1); margin: 10px 0 0px 0; } #steps-stacks_in_17 .steps:not(.custom-formatting) .step-content .step-slice>h2:first-child, #steps-stacks_in_17 .steps:not(.custom-formatting) .step-content .step-title { margin-top: 0px; } #steps-stacks_in_17 .steps:not(.custom-formatting) .step-content .step-slice>*:last-child { margin-bottom: 0px; } #steps-stacks_in_17 .steps:not(.custom-formatting) .step-content h3 { font-weight: bold; font-size: 14px; line-height: calc(14px * 1.1); margin: 10px 0 10px 0; } #steps-stacks_in_17 .steps:not(.custom-formatting) .step-content h2+h3 { font-weight: normal; font-size: calc(14px * 1.1); line-height: calc(14px * 1.1); color: rgba(0, 0, 0, 0.75); margin: 0px 0 10px 0; opacity: 0.66; } #steps-stacks_in_17 .steps:not(.custom-formatting) .step-content { font-size: 14px; line-height: calc(14px * 1.6); } #steps-stacks_in_17 .steps:not(.custom-formatting) .step-content p { margin: 10px 0; } #steps-stacks_in_17 .steps .step-content a, #steps-stacks_in_17 .steps .step-content a:visited { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_17 .step-nav { font-family: inherit; left: 0; right: 0; bottom: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 10px; background: rgba(243, 243, 243, 1.00); margin-top: auto; position: absolute; align-items: center; box-sizing: border-box; justify-content: space-between; transition: all 300ms ease; } #steps-stacks_in_17 .sf-file.controls .fileUpload span { font-size: inherit; line-height: inherit; height: auto; color: inherit; } #steps-stacks_in_17 .sf-file.controls .fileUpload, #steps-stacks_in_17 .step-nav-next, #steps-stacks_in_17 .step-nav-prev { user-select: none; background-color: transparent; font-size: 14px; padding: 10px 20px; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; cursor: pointer; align-items: center; justify-content: center; color: rgba(255, 255, 255, 1.00); border: 2px solid rgba(14, 27, 37, 1.00); transition: all 300ms ease; } #steps-stacks_in_17 .sf-file.controls .fileUpload:hover, #steps-stacks_in_17 .step-nav-next:hover, #steps-stacks_in_17 .step-nav-prev:hover { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_17 .sf-file.controls .fileUpload, #steps-stacks_in_17 .step-nav-next { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_17 .step-nav-next::before { content: "Next"; display: inline; } #steps-stacks_in_17 .step-nav-prev { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_17 .step-nav-prev::before { display: inline; content: "Back"; } #steps-stacks_in_17 .step-nav.last-step .step-nav-next::before { content: "Complete"; } #steps-stacks_in_17>div>div[tag="slice"]:nth-last-child(2) .step-nav-next, #steps-stacks_in_17 .step-nav.last-step .step-nav-next { opacity: 0; pointer-events: none; } #steps-stacks_in_17 .step-post-submit.active+.step-nav .step-nav-prev, #steps-stacks_in_17 .step-post-submit.active+div:not(.active)~.step-nav .step-nav-prev, #steps-stacks_in_17 .step-nav.first-step .step-nav-prev { opacity: 0; visibility: hidden; pointer-events: none !important; } #steps-stacks_in_17.sf-submitting { pointer-events: none; } #steps-stacks_in_17.sf-submitting .step-nav>div { pointer-events: none; filter: grayscale(1); opacity: 0.5; } @media (max-width: 600px) { #steps-stacks_in_17.show-step-list .step-list { margin-left: 0; -webkit-transform: translateX(0%); transform: translateX(0%); } #steps-stacks_in_17 .steps { z-index: 1; position: relative; } #steps-stacks_in_17.show-step-list .steps .step-nav-next, #steps-stacks_in_17.show-step-list .steps .step-nav-prev { pointer-events: none; } #steps-stacks_in_17 .step-list { top: 0; left: 0; bottom: 0; z-index: 2; height: auto; margin-left: -230px; position: absolute; align-items: flex-start; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #steps-stacks_in_17 .step-list ul { margin: 0; } #steps-stacks_in_17 .step-list-nav { display: flex; } } #steps-stacks_in_17 .sf-submit { margin: 0 !important; } /* Field CSS */ #steps-stacks_in_17 * { box-sizing: border-box; } #steps-stacks_in_17 .note { display: block; font-size: 75%; line-height: 1.2; color: inherit; margin: 0px 8px; opacity: 0.6; } #steps-stacks_in_17 .note p { margin: 0; } #steps-stacks_in_17 .controls { position: relative; margin: 10px 0px; width: 300px; max-width: 100%; display: grid; grid-template-columns: 1fr; align-items: center; align-content: flex-start; grid-gap: 4px 8px; } #steps-stacks_in_17 .controls.sf-checkbox { grid-template-columns: 22px 1fr; grid-gap: 0px 8px; } #steps-stacks_in_17 .controls.sf-radio { margin-top: 4px; margin-bottom: 4px; } #steps-stacks_in_17 .controls.sf-radio+.controls:not(.sf-radio) { margin-top: 16px; } #steps-stacks_in_17 .deluxe-columns>div { min-width: 0; } #steps-stacks_in_17 .form-group>div:nth-child(2) { margin-top: 16px; } #steps-stacks_in_17 .controls.sf-checkbox label { cursor: pointer; } #steps-stacks_in_17 .step .controls label { font-size: 14px; padding: 0px; line-height: 1; color: inherit; margin: 0; color: rgba(0, 0, 0, 0.75); } #steps-stacks_in_17 .step .controls:not(.sf-checkbox) label { font-weight: bold; pointer-events: none; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_17 .controls .field-icon { position: absolute; right: 8px; top: 15px; margin-top: 16px; fill: currentColor; width: 16px; height: 16px; pointer-events: none; opacity: 1; z-index: 1; } #steps-stacks_in_17.sf-no-help-text .controls .field-icon { right: 8px; } #steps-stacks_in_17 .controls { font-size: 14px; } #steps-stacks_in_17 .controls input, #steps-stacks_in_17 .controls select { font-size: 14px; line-height: 14px; height: 34px; color: inherit; } #steps-stacks_in_17 .controls input:focus, #steps-stacks_in_17 .controls select:focus { outline: none; } #steps-stacks_in_17 .controls.sf-checkbox label { font-size: 14px; line-height: 14px; } #steps-stacks_in_17 .controls select.is-placeholder option { opacity: 0.6; } #steps-stacks_in_17 .controls input::placeholder, #steps-stacks_in_17 .controls select.is-placeholder option[disabled] { opacity: 0.6; } #steps-stacks_in_17 .step .controls input, #steps-stacks_in_17 .step .controls select { padding: 8px 8px; width: 100%; margin: 0px; color: rgba(0, 0, 0, 0.75); border-radius: 2px; position: relative; border: 1px solid transparent; background: transparent; } #steps-stacks_in_17 .step .controls textarea { border: 1px solid rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.75); background: rgba(0, 0, 0, 0.00); border-radius: 2px; } #steps-stacks_in_17 .step .controls .sf-number-wrap, #steps-stacks_in_17 .step .controls .step-input-wrap { position: relative; } #steps-stacks_in_17 .step .controls .sf-number-wrap:before, #steps-stacks_in_17 .step .controls .step-input-wrap:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.00); line-height: 20px; text-align: center; left: 0px; } #steps-stacks_in_17 .step .controls input[type="checkbox"], #steps-stacks_in_17 .step .controls input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; } #steps-stacks_in_17 .step .controls select { line-height: 20px; padding: 6px 8px; } #steps-stacks_in_17 .step .controls.sf-checkbox .note, #steps-stacks_in_17 .step .controls.sf-file .note { grid-column: span 2; } #steps-stacks_in_17 .step .controls input, #steps-stacks_in_17 .step .controls select, #steps-stacks_in_17 .step .controls input[type="checkbox"]:after, #steps-stacks_in_17 .step .controls input[type="radio"]:after { box-shadow: none; } #steps-stacks_in_17 .step .controls input[type="checkbox"]:not(:checked).hasError:after, #steps-stacks_in_17 .step .controls input[type="radio"]:not(:checked).hasError:after { box-shadow: none; content: ""; bottom: 1px; right: 1px; position: absolute; left: 1px; top: 1px; width: auto; height: auto; border-radius: 50%; } #steps-stacks_in_17 .step .controls input[type="checkbox"]:not(:checked).hasError:after { border-radius: 2px; } #steps-stacks_in_17 .step .controls select { cursor: pointer; -moz-appearance: none; -webkit-appearance: none; } #steps-stacks_in_17 .step .controls input[type=checkbox], #steps-stacks_in_17 .step .controls input[type=radio] { position: relative; left: 0px; width: 22px; height: 22px; margin: 4px 0px; background: transparent; border-color: transparent; } #steps-stacks_in_17 .step .controls input[type=checkbox]:after, #steps-stacks_in_17 .step .controls input[type=checkbox]:before, #steps-stacks_in_17 .step .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); background: rgba(0, 0, 0, 0.00); line-height: 20px; text-align: center; position: relative; left: 0px; box-sizing: border-box; } #steps-stacks_in_17 .step .controls input[type=checkbox]:after { background: transparent; border: 0px solid transparent; opacity: 1; position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; color: rgba(0, 0, 0, 0.75); } #steps-stacks_in_17 .step .controls input[type=checkbox]:checked:after { content: "\2714"; color: rgba(0, 0, 0, 0.75); font-size: 14px; font-weight: normal; font-family: Arial; } #steps-stacks_in_17 .step .controls input[type="number"]+input[type="text"] { position: absolute; left: 0; top: 0; bottom: 0; right: 0; pointer-events: none; color: transparent !important; background: transparent !important; } #steps-stacks_in_17 .step .controls input[type="number"]:focus+input[type="text"] { color: transparent; pointer-events: none; } #steps-stacks_in_17 .step .controls .sf-number-wrap, #steps-stacks_in_17 .step .controls .step-number-wrap { display: grid; grid-template-columns: 1fr min-content; align-items: center; grid-gap: 0px; } #steps-stacks_in_17 .step .controls input::-webkit-outer-spin-button, #steps-stacks_in_17 .step .controls input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #steps-stacks_in_17 .step .controls input[type=number] { -moz-appearance: textfield; } #steps-stacks_in_17 .quantity-nav { height: 24px; display: grid; grid-gap: 2px; margin-left: 8px; margin-right: 4px; grid-template-columns: 1fr 1fr; } #steps-stacks_in_17 .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); color: inherit; } #steps-stacks_in_17 .quantity-button.quantity-up:before { content: "+"; } #steps-stacks_in_17 .quantity-button.quantity-down:before { content: "-"; } #steps-stacks_in_17 .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; } #steps-stacks_in_17 .form-group>div:nth-child(2) { margin-top: 16px; } #steps-stacks_in_17 .step .controls.sf-checkbox label { cursor: pointer; } #steps-stacks_in_17 .step .controls label { padding: 0px; margin: 0; color: rgba(0, 0, 0, 0.75); } #steps-stacks_in_17 .step .controls:not(.sf-checkbox) label { font-weight: bold; pointer-events: none; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_17 .step .controls .field-icon { fill: currentColor; opacity: 1; z-index: 1; } #steps-stacks_in_17 .sf-no-help-text .controls .field-icon { right: 8px; } #steps-stacks_in_17 .controls .step-input-wrap input::placeholder, .sf-placeholder #steps-stacks_in_17 .controls .step-input-wrap select:invalid, #steps-stacks_in_17 .controls .step-input-wrap input::placeholder, #steps-stacks_in_17 .controls .step-input-wrap select.is-placeholder, #steps-stacks_in_17 .controls .step-input-wrap select.is-placeholder option { color: rgba(0, 0, 0, 0.25); } #steps-stacks_in_17 .step .controls input, #steps-stacks_in_17 .step .controls select { margin: 0px; position: relative; } #steps-stacks_in_17 .step .controls .sf-number-wrap, #steps-stacks_in_17 .step .controls .step-input-wrap { position: relative; } #steps-stacks_in_17 .step .controls .sf-number-wrap:before, #steps-stacks_in_17 .step .controls .step-input-wrap:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.00); line-height: 20px; text-align: center; left: 0px; } #steps-stacks_in_17 .step .controls.sf-checkbox .note, #steps-stacks_in_17 .step .controls.sf-file .note { grid-column: span 2; } #steps-stacks_in_17 .step .controls input, #steps-stacks_in_17 .step .controls select, #steps-stacks_in_17 .step .controls input[type="checkbox"]:after, #steps-stacks_in_17 .step .controls input[type="radio"]:after { box-shadow: none; } #steps-stacks_in_17 .step .controls input[type=checkbox], #steps-stacks_in_17 .step .controls input[type=radio] { position: relative; background: transparent; border-color: transparent; } #steps-stacks_in_17 .step .controls input[type=checkbox]:after { background: transparent; border: 1px solid transparent; opacity: 1; position: absolute; top: 0; left: 0; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_17 .step .controls input[type=checkbox]:checked:after { content: "\2714"; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_17 .step .controls input[type=radio]:checked:after { background-color: rgba(14, 27, 37, 1.00); } .sf-classic #steps-stacks_in_17 .controls.sf-checkbox label { display: block; } .sf-classic #steps-stacks_in_17 .controls:not(.sf-checkbox) label.sf-active { top: -8px; z-index: 2; background-color: rgba(0, 0, 0, 0.00); } #steps-stacks_in_17 .step .controls input[type=radio]:before { border-radius: 50%; } #steps-stacks_in_17 .step .controls input[type=radio]:checked:after { content: ""; width: 12px; height: 12px; position: absolute; left: 4px; top: 4px; border-radius: 50%; background-color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_17 .sf-radio-group { display: flex; flex-wrap: wrap; align-items: stretch; grid-gap: 4px; } #steps-stacks_in_17 .sf-radio-group .controls.sf-button-group { flex: 0 0 auto; margin: 0 0 4px 0; padding: 16px 8px; display: flex; align-items: stretch; justify-content: center; } #steps-stacks_in_17 .sf-radio-group .controls input[type]:checked:after, #steps-stacks_in_17 .sf-radio-group .controls input[type]:before, #steps-stacks_in_17 .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; } #steps-stacks_in_17 .sf-radio-group .controls input[type]:checked:after { background: transparent; border: 2px solid rgba(14, 27, 37, 1.00); } #steps-stacks_in_17 .sf-radio-group .controls input[type]:checked:after, #steps-stacks_in_17 .sf-radio-group .controls input[type]:before, #steps-stacks_in_17 .step .sf-radio-group .controls input.hasError[type]:after { border-radius: 4px; } #steps-stacks_in_17 .sf-radio-group .controls.sf-button-group label { display: grid; grid-template-columns: auto; grid-template-rows: min-content; justify-items: center; align-items: center; text-align: center; line-height: 1.1; font-size: 12px; grid-gap: 8px; z-index: 1; user-select: none; } #steps-stacks_in_17 .sf-radio-group .controls.sf-button-group label div:empty, #steps-stacks_in_17 .sf-radio-group .controls.sf-button-group label div.empty { display: none; } /* */ #step-stacks_in_19[data-cond1a] .step-submit-info.error-1ld.has-cond, #step-stacks_in_19[data-cond1b] .step-submit-info.error-1ld.has-cond, #step-stacks_in_19[data-cond1c] .step-submit-info.error-1ld.has-cond, #step-stacks_in_19[data-cond2a] .step-submit-info.error-1ld.has-cond, #step-stacks_in_19[data-cond2b] .step-submit-info.error-1ld.has-cond, #step-stacks_in_19[data-cond2c] .step-submit-info.error-1ld.has-cond, #step-stacks_in_19[data-cond3a] .step-submit-info.error-1ld.has-cond, #step-stacks_in_19[data-cond3b] .step-submit-info.error-1ld.has-cond, #step-stacks_in_19[data-cond3c] .step-submit-info.error-1ld.has-cond { display: grid; } #step-stacks_in_19 .step-top .step-count { display: none; } /* */ #sf-radio-stacks_in_21.controls.sf-button-group { width: 120px; } /* */ /* @group Generic Styles */ #ruleStackstacks_in_95, #ruleStackstacks_in_95:before, #ruleStackstacks_in_95:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_95 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_95 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_95 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_95 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_95 { text-align: center; } #ruleStackstacks_in_95:before, #ruleStackstacks_in_95:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(204, 204, 204, 1.00); } #ruleStackstacks_in_95:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_95:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_95 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_11_4>.s3_row { margin: 0 -10px; } #stacks_in_11_4>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_11_4>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_11_4>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_11_4>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_11_4>.s3_row { margin: -10px 0; } #stacks_in_11_4>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_11_4>.s3_row { margin: -10px 0; } #stacks_in_11_4>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_11_4 { margin: 20px 0px 20px 0px; } #stacks_in_11_6>.s3_row { margin: 0 -0px; } #stacks_in_11_6>.s3_row>.s3_column_left { width: 20.00%; } #stacks_in_11_6>.s3_row>.s3_column_right { width: 80.000000%; } #stacks_in_11_6>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_11_6>.s3_row { margin: -0px 0; } #stacks_in_11_6>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_11_6>.s3_row { margin: -0px 0; } #stacks_in_11_6>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_11_6 { margin: 30px 0px 0px 0px; } .stacks_in_11_8 img{width:100%;max-width:50px} #stacks_in_11_11 { margin: 10px 0px 10px 0px; } #stacks_in_11_16>.s3_row { margin: 0 -0px; } #stacks_in_11_16>.s3_row>.s3_column_left { width: 20.00%; } #stacks_in_11_16>.s3_row>.s3_column_right { width: 80.000000%; } #stacks_in_11_16>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_11_16>.s3_row { margin: -0px 0; } #stacks_in_11_16>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_11_16>.s3_row { margin: -0px 0; } #stacks_in_11_16>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_11_16 { margin: 30px 0px 0px 0px; } .stacks_in_11_18 img{width:100%;max-width:50px} #stacks_in_11_21 { margin: 10px 0px 10px 0px; } .stacks_in_11_27 img{width:100%;max-width:250px} #stacks_in_11_30 { margin: 30px 0px 0px 0px; } .stacks_in_11_38 img{width:100%;max-width:50px} .stacks_in_11_44 img{width:100%;max-width:50px} .stacks_in_11_50 img{width:100%;max-width:50px} .stacks_in_11_56 img{width:100%;max-width:50px}