.loupe-wrapper{position:relative}.loupe-wrapper.loupe-active:not(.loupe-draggable):not(.loupe-fill){cursor:none}.loupe-wrapper img{display:block;-webkit-touch-callout:none;-webkit-user-select:none}.loupe-image{width:auto;max-width:none}.loupe{position:absolute;overflow:hidden;border:8px solid rgba(255,255,255,0.5);border-radius:50%;-webkit-box-shadow:0 0 24px 0 rgba(192,192,192,0.5);box-shadow:0 0 24px 0 rgba(192,192,192,0.5);opacity:0;pointer-events:none;z-index:1}.loupe-wrapper.loupe-fill{cursor:-webkit-zoom-in;cursor:zoom-in;overflow:hidden}.loupe-fill .loupe{border-radius:0px;-webkit-box-shadow:none;box-shadow:none;top:0;bottom:0;left:0;right:0;width:100% !important;height:100% !important}.loupe-draggable .loupe{cursor:-webkit-grab;cursor:grab;pointer-events:auto}.loupe-draggable .loupe.dragging{cursor:none !important}.loupe-glare{position:absolute;border-radius:50%;top:0;bottom:0;left:0;right:0;z-index:2;-webkit-box-shadow:inset 10px -20px 30px 5px rgba(255,255,255,0.3);box-shadow:inset 10px -20px 30px 5px rgba(255,255,255,0.3)} .agent-hide{display:none !important} .animate{--animation-name:shake;--animation-duration:2s;--animation-delay:0s;--animation-count:1}.animate.on-load,.animate.on-hover:hover{animation-name:var(--animation-name);animation-duration:var(--animation-duration);animation-delay:var(--animation-delay);animation-iteration-count:var(--animation-count)} .mb-cloned .stacks_left{float:left;width:49%}.mb-cloned .stacks_right{float:right;width:49%}.movingbox{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;--caption-bg-color:rgba(0,0,0,0.5);--caption-color:#fff;--caption-size:1rem}.movingbox .caption{position:relative;margin:0;padding:0}.movingbox .caption .slide-caption{position:absolute;z-index:10;background-color:var(--caption-bg-color);color:var(--caption-color);font-size:var(--caption-size);padding:1rem;margin:0;transition:opacity 500ms ease 0s}.movingbox .caption.caption-static .slide-caption{position:relative}.movingbox .caption.caption-bottom .slide-caption{bottom:0;left:0;right:0}.movingbox .caption.caption-full .slide-caption{top:50%;left:0;right:0;text-align:center;translate:0 -50%;background:none}.movingbox .caption.caption-full::before{content:" ";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--caption-bg-color)}.movingbox .caption.caption-centered .slide-caption{top:50%;left:50%;text-align:center;translate:-50% -50%}.movingbox .caption.caption-hover .slide-caption{opacity:0}.mb-slide:not(.mb-active) .slide-caption{opacity:0}.mb-slide.mb-active:hover .caption.caption-hover .slide-caption{opacity:1}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list.dragging{cursor:pointer;cursor:hand;cursor:grabbing}.slick-track{position:relative;left:0;top:0;display:block;zoom:1}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.mb-center{z-index:11;position:relative}.mb-slide{float:left;min-height:1px;display:none}.mb-slide .slick-loading img,.mb-slide .slick-loading video{display:none}.mb-slide .dragging img{pointer-events:none;-webkit-user-select:none;user-select:none}.mb-slide > div{overflow:hidden}.mb-slide:not(.mb-active) a{pointer-events:none}.centermode .mb-slide:not(.mb-current) a{pointer-events:none}.slick-initialized .mb-slide{display:block}.slick-loading .mb-slide{visibility:hidden}.slick-vertical .mb-slide{display:block;height:auto}.movingbox{position:relative}.movingbox.stretch-media .mb-slide img,.movingbox.stretch-media .mb-slide video{height:auto;width:100%;max-width:100%;display:block}.movingbox > .mb-slide{opacity:0}.movingbox > .mb-slide:first-child{opacity:1}.movingbox .image-slide img,.movingbox .video-slide video{display:block}.movingbox[dir=rtl]{text-align:end}.movingbox .mb-tap-target{position:absolute;display:block;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;margin:0;border:none;outline:none;z-index:1001;top:0;height:100%;width:50%}.movingbox .mb-tap-target.next{right:0}.movingbox .mb-tap-target.hide{display:none}.movingbox.slide-vert .mb-tap-target{height:50%;width:100%}.movingbox.slide-vert .mb-tap-target.next{bottom:0;right:auto;top:auto}.mb-animate.hide-on-load{opacity:0} .com_joeworkman_stacks_link_stack a{display:block;text-decoration:none !important;padding:0;margin:0} @font-face { font-family: 'FlatButtonLato'; src: url('../files/font/lato-light-webfont.eot'); src: url('../files/font/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../files/font/lato-light-webfont.woff') format('woff'), url('../files/font/lato-light-webfont.ttf') format('truetype'), url('../files/font/lato-light-webfont.svg#latolight') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'FlatButtonOpenSans'; src: url('../files/font/opensans-regular-webfont.eot'); src: url('../files/font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/font/opensans-regular-webfont.woff') format('woff'), url('../files/font/opensans-regular-webfont.ttf') format('truetype'), url('../files/font/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FlatButtonNoto'; src: url('../files/font/notoserif-regular-webfont.eot'); src: url('../files/font/notoserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/font/notoserif-regular-webfont.woff') format('woff'), url('../files/font/notoserif-regular-webfont.ttf') format('truetype'), url('../files/font/notoserif-regular-webfont.svg#noto_serifregular') format('svg'); font-weight: normal; font-style: normal; } #stacks_in_1 { background-color: rgba(0, 0, 0, 1.00); } :root{--light-gray:rgba(245, 245, 245, 1.00);--medium-gray:rgba(223, 223, 223, 1.00);--dark-gray:rgba(40, 40, 40, 1.00);--black:rgba(15, 15, 15, 1.00);--black-color:var(--black);--white:rgba(255, 255, 255, 1.00);--white-color:var(--white);--primary:rgba(50, 131, 76, 1.00);--secondary:rgba(255, 255, 255, 1.00);--success:rgba(39, 145, 117, 1.00);--warning:rgba(210, 169, 8, 1.00);--alert:rgba(199, 56, 42, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(225, 50, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(50, 50, 50, 1.00);--alert-contrast:rgba(255, 255, 255, 1.00);--primary-dark:rgba(20, 101, 46, 1.00);--secondary-dark:rgba(225, 225, 225, 1.00);--success-dark:rgba(9, 115, 87, 1.00);--warning-dark:rgba(180, 139, 0, 1.00);--alert-dark:rgba(169, 26, 12, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(14, 6, 6, 1.00);--link-color-hover:rgba(186, 41, 44, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(255, 255, 255, 0.15);--radius:5px;--small-gutter:1.25rem;--medium-gutter:1.5rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(255, 255, 255, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(36rem/16)}h2,.h2{font-size:calc(36rem/16)}h3,.h3{font-size:calc(26rem/16)}h4,.h4{font-size:calc(22rem/16)}h5,.h5{font-size:calc(19rem/16)}h6,.h6{font-size:calc(17rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(19rem/16)}h1,.h1{font-size:calc(46rem/16)}h2,.h2{font-size:calc(46rem/16)}h3,.h3{font-size:calc(32rem/16)}h4,.h4{font-size:calc(26rem/16)}h5,.h5{font-size:calc(24rem/16)}h6,.h6{font-size:calc(19rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(20rem/16)}h1,.h1{font-size:calc(58rem/16)}h2,.h2{font-size:calc(58rem/16)}h3,.h3{font-size:calc(38rem/16)}h4,.h4{font-size:calc(32rem/16)}h5,.h5{font-size:calc(26rem/16)}h6,.h6{font-size:calc(22rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(5rem/16)}body{background-color:rgba(255, 255, 255, 1.00);} /*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:400}@font-face{font-family:'Font Awesome 5 Duotone';font-style:normal;font-weight:900;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.svg#fontawesome") format("svg")}.fad{position:relative;font-family:'Font Awesome 5 Duotone';font-weight:900}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:300;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.svg#fontawesome") format("svg")}.fal{font-family:'Font Awesome 5 Pro';font-weight:300}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:400;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.svg#fontawesome") format("svg")}.far{font-family:'Font Awesome 5 Pro';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} .fullscreen-icon:before{font-family:'Font Awesome 5 Pro' !important;font-weight:900} h1,.h1, .title h1.title, h2.title.bigger{font-family:"Poppins",sans-serif !important} h2.title, h3.title, h4.title, h5.title, h6.title, .above-title, .description, .credits{font-family:"Poppins",sans-serif !important} h1.title{font-size:calc(36rem/16) ;font-weight:700 ;line-height:1.20 ;}@media only screen and (min-width:40em) { h1.title{font-size:calc(54rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) { h1.title{font-size:calc(68rem/16) ;line-height:1.20 }} h1.title.smaller{font-size:calc(30rem/16) ;font-weight:700 ;line-height:1.20 ;}@media only screen and (min-width:40em) { h1.title.smaller{font-size:calc(42rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) { h1.title.smaller{font-size:calc(54rem/16) ;line-height:1.20 }} h2.title{font-size:calc(30rem/16) ;font-weight:400 ;line-height:1.20 ;}@media only screen and (min-width:40em) { h2.title{font-size:calc(42rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) { h2.title{font-size:calc(54rem/16) ;line-height:1.20 }} h2.title.bigger{font-size:calc(30rem/16) ;font-weight:700 ;line-height:1.20 ;}@media only screen and (min-width:40em) { h2.title.bigger{font-size:calc(42rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) { h2.title.bigger{font-size:calc(54rem/16) ;line-height:1.20 }} h3.title{font-size:calc(26rem/16) ;font-weight:400 ;line-height:1.20 ;}@media only screen and (min-width:40em) { h3.title{font-size:calc(30rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) { h3.title{font-size:calc(36rem/16) ;line-height:1.20 }} h4.title{font-size:calc(22rem/16) ;font-weight:400 ;line-height:1.20 ;}@media only screen and (min-width:40em) { h4.title{font-size:calc(26rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) { h4.title{font-size:calc(32rem/16) ;line-height:1.20 }} h5.title{font-size:calc(19rem/16) ;font-weight:400 ;line-height:1.20 ;}@media only screen and (min-width:40em) { h5.title{font-size:calc(24rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) { h5.title{font-size:calc(26rem/16) ;line-height:1.20 }} h6.title{font-size:calc(16rem/16) ;font-weight:600 ;line-height:1.20 ;}@media only screen and (min-width:40em) { h6.title{font-size:calc(18rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) { h6.title{font-size:calc(20rem/16) ;line-height:1.20 }} h6.title.smaller{font-size:calc(14rem/16) ;font-weight:600 ;line-height:1.20 ;}@media only screen and (min-width:40em) { h6.title.smaller{font-size:calc(16rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) { h6.title.smaller{font-size:calc(18rem/16) ;line-height:1.20 }} .above-title{font-size:calc(12rem/16) ;font-weight:600 ;line-height:1.20 ;}@media only screen and (min-width:40em) { .above-title{font-size:calc(14rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) { .above-title{font-size:calc(16rem/16) ;line-height:1.20 }} .description{font-size:calc(18rem/16) ;line-height:1.20 ;}@media only screen and (min-width:40em) { .description{font-size:calc(18rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) { .description{font-size:calc(18rem/16) ;line-height:1.20 }} .description.smaller{font-size:calc(15rem/16) ;line-height:1.20 ;}@media only screen and (min-width:40em) { .description.smaller{font-size:calc(15rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) { .description.smaller{font-size:calc(15rem/16) ;line-height:1.20 }} .description.bigger{font-size:calc(20rem/16) ;line-height:1.20 ;}@media only screen and (min-width:40em) { .description.bigger{font-size:calc(22rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) { .description.bigger{font-size:calc(22rem/16) ;line-height:1.20 }} :root{--dummy:rgba(135, 135, 135, 1.00)} .dummy .title{color:var(--dummy) ;} h1.title, h2.title.bigger, h2.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:16.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){h1.title, h2.title.bigger, h2.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:20.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){h1.title, h2.title.bigger, h2.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:24.00px ;margin-left:0.00px }} h3.title, h4.title, h5.title, h6.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:10.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){h3.title, h4.title, h5.title, h6.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:12.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){h3.title, h4.title, h5.title, h6.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:16.00px ;margin-left:0.00px }} .above-title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:16.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){.above-title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:20.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){.above-title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:24.00px ;margin-left:0.00px }} .description{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:20.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){.description{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:24.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){.description{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:32.00px ;margin-left:0.00px }} .button,.btn-main{font-family:"Poppins",sans-serif } .btn-main{font-size:calc(12rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) { .btn-main{font-size:calc(14rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) { .btn-main{font-size:calc(14rem/16) ;line-height:1.20 }} .btn-main{padding-top:12.00px ;padding-right:12.00px ;padding-bottom:12.00px ;padding-left:12.00px ;}@media only screen and (min-width:40em){.btn-main{padding-top:16.00px ;padding-right:16.00px ;padding-bottom:16.00px ;padding-left:16.00px }}@media only screen and (min-width:64em){.btn-main{padding-top:16.00px ;padding-right:16.00px ;padding-bottom:16.00px ;padding-left:16.00px }} .btn-main{position:relative;z-index:0}.btn-main:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.30 !important;background-color:var(--black) !important;} .btn-main:before { transform-origin: 50% 0% ; transform-style: flat ; transform : translateZ(0) scale3d(1.00, 0.00, 1.00) ; } .btn-main:hover:before { transform-origin: 50% 100% ; transform-style: flat ; transform : translateZ(0) scale3d(1.00, 1.00, 1.00) ; } .btn-main:before{transition:transform 250ms ease 0ms } .pad-y-first{padding-top:64.00px ;padding-right:0.00px ;padding-bottom:32.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.pad-y-first{padding-top:96.00px ;padding-right:0.00px ;padding-bottom:48.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.pad-y-first{padding-top:128.00px ;padding-right:0.00px ;padding-bottom:64.00px ;padding-left:0.00px }} .pad-y{padding-top:32.00px ;padding-right:0.00px ;padding-bottom:32.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.pad-y{padding-top:48.00px ;padding-right:0.00px ;padding-bottom:48.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.pad-y{padding-top:64.00px ;padding-right:0.00px ;padding-bottom:64.00px ;padding-left:0.00px }} .pad-y-last{padding-top:32.00px ;padding-right:0.00px ;padding-bottom:64.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.pad-y-last{padding-top:48.00px ;padding-right:0.00px ;padding-bottom:96.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.pad-y-last{padding-top:64.00px ;padding-right:0.00px ;padding-bottom:128.00px ;padding-left:0.00px }} .pad-y-single{padding-top:64.00px ;padding-right:0.00px ;padding-bottom:64.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.pad-y-single{padding-top:96.00px ;padding-right:0.00px ;padding-bottom:96.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.pad-y-single{padding-top:128.00px ;padding-right:0.00px ;padding-bottom:128.00px ;padding-left:0.00px }} .pad-t{padding-top:32.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.pad-t{padding-top:48.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.pad-t{padding-top:64.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }} .pad-t-single{padding-top:64.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.pad-t-single{padding-top:96.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.pad-t-single{padding-top:128.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }} .item { transform-origin: 50% 50% ; transform-style: flat ; transform : translateZ(0) ; } .item:hover { transform-origin: 50% 50% ; transform-style: flat ; transform : translate3d(0px, -10px, 0px) ; } .item{box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10);} .item:hover{box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);} .item{transition:transform 300ms ease 0ms,box-shadow 300ms ease 0ms} .loupe-thumb-filter{border-color:rgba(51, 51, 51, 1.00) ;border-width:8px ;border-style:solid ;} .filter-image-wrapper{overflow :visible } .control path{transition:all 300ms ease 0ms } .controls-demo .control:hover path{fill:rgba(0, 172, 234, 1.00) ;} .stamp-grid{--small-gutter:0.0625rem;--medium-gutter:1.25rem;--large-gutter:2rem;} .centrado{margin:auto ;} .cursorlupa:hover{cursor:zoom-in } .banner{background-image:url('../files/bgimage-12344.jpg') ;background-repeat:no-repeat ;background-size: cover ;} .banner-content{height:100vh ;} .banner{position:relative}.banner > *{position:relative}.banner:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:0.25 ;background-color:var(--black-color) ;} .banner{position:relative}.banner > *{position:relative}.banner:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:0.30 ;background-color:var(--black-color) ;} .banner-title{text-shadow:2px 2px 5px rgba(0, 0, 0, 0.60);} .banner{height:16rem ;} .red *{color:rgba(208, 0, 81, 1.00) ;} .stacks_in_12413 > *{display:inline-block;white-space:nowrap} .stacks_in_12418 > *{display:inline-block;white-space:nowrap} .stacks_in_12427 > *{display:inline-block;white-space:nowrap} .stacks_in_12432 > *{display:inline-block;white-space:nowrap} /* 1.5.3.8 - fixes a bug that could prevent Notice from being able to re-trigger when set to center alignment - iconic framework is now loaded over https - added support for vertical center animations - cookie now expires after 7 days instead of when browser is closed - prevents content scrolling from also scrolling the webpage body - added "hide this stack" to the responsive settings - Cookies now allow you to define "show once per" - new option to close a notification by clicking anywhere on the notification or by clickign away from it TODO: Simplify how the trigger links to its notice TODO: Other notices should close when a new one is opened */ @important "partials/maps"; .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } #noticeContainer_stacks_in_14735 { /* */ display: block; position: relative; } #noticeContainer_stacks_in_14735 .clearfix:before { content: " "; display: table; } #noticeContainer_stacks_in_14735 .clearfix:after { content: " "; display: table; clear: both; } #notice_stacks_in_14735 { /* */ /* */ opacity: 0; left: 0px; right: 0px; max-height: 70%; /* */ position: fixed; /* */ overflow-y: auto !important; overscroll-behavior: none; visibility: hidden; /* */ z-index: 999999; /* */ max-width: 100%; /* */ /* */ /* */ /* */ top: 0px; /* */ /* */ /* */ /* */ margin-right: auto; /* */ /* */ /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); border-radius: 0px 0px 0px 0px; } #notice_stacks_in_14735.show { opacity: 1; visibility: visible; } #notice_stacks_in_14735.hide { opacity: 0; visibility: hidden; } #notice_stacks_in_14735.cookie-hide { display: none; } #notice_stacks_in_14735 .notice-inner-stacks { clear: both; margin: 0 auto; max-width: 4000px; padding: 4px 10px 4px 10px; } #notice_stacks_in_14735 .notice-inner { clear: both; margin: 0 auto; max-width: 4000px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 4px 10px 4px 10px; /* */ /* */ text-align: center; /* */ /* */ /* */ display: -ms-flexbox; display: flex; /* */ /* */ } #notice_stacks_in_14735 .notice-inner-text { -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; font-size: 16px; line-height: 22px; } #notice_stacks_in_14735 .notice-inner-icon { /* */ /* */ /* */ -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; /* */ /* */ -ms-flex: 0 1 auto; flex: 0 1 auto; color: rgba(255, 255, 255, 1.00); padding: 5px 20px 5px 10px; } #notice_stacks_in_14735 .notice-inner-icon i { font-size: 32px; vertical-align: middle; } #notice_stacks_in_14735 .notice-close-btn { float: right; cursor: pointer; color: rgba(255, 255, 255, 1.00); padding: 10px 10px 0px 10px; } #notice_stacks_in_14735 .notice-close-btn i { cursor: pointer; vertical-align: middle; } #notice_stacks_in_14735 .notice-action { height: 40px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; /* */ color: inherit; background: none; /* */ } #notice_stacks_in_14735 .notice-action i { vertical-align: middle; } #notice_stacks_in_14735 .notice-action-close { border-style: solid; border-width: 1px 0 0 0; border-color: rgba(255, 255, 255, 0.30); } #notice_stacks_in_14735 .notice-action-close:hover { /* */ } #notice_stacks_in_14735 .notice-action-custom { border-style: solid; border-width: 1px 0 0 1px; border-color: rgba(255, 255, 255, 0.30); } #notice_stacks_in_14735 .notice-action-custom:hover { /* */ } #notice_stacks_in_14735 .notice-action-custom a { color: inherit; width: 100%; height: 100%; /* */ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; -ms-flex-pack: center; justify-content: center; /* */ } #notice_stacks_in_14735 .notice-action-btn { height: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -ms-flex-pack: center; justify-content: center; } #notice_stacks_in_14735 .notice-action-btn:hover { cursor: pointer; } @media (max-width: 480px) { #notice_stacks_in_14735 .notice-action { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 90px; } #notice_stacks_in_14735 .notice-action-custom { border-width: 1px 0 0 0; } #notice_stacks_in_14735 .notice-action div { height: 50%; width: 100%; } } /* */ @media all and (min-width: 771px) { #notice_stacks_in_14735.hide-desktop { display: none; } } @media all and (max-width: 770px) and (min-width: 501px) { #notice_stacks_in_14735.hide-tablet { display: none; } } @media all and (max-width: 500px) { #notice_stacks_in_14735.hide-mobile { display: none; } } #stacks_in_14742 .stacks_in_14742-button { text-shadow: none; border: none; outline: none; word-wrap: normal; white-space: nowrap; overflow: hidden; position: relative; font-family: FlatButtonLato, sans-serif; font-size: 17px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizeLegibility; text-align: center; } #stacks_in_14742 .button_text { padding: 0 20px 0 20px; display: inline-block; } #stacks_in_14742 .button_icon { display: inline-block; font-size: 17px !important; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; float: left; width: 40px; } #stacks_in_14742 .stacks_in_14742-button, #stacks_in_14742 .button_icon { height: 40px; line-height: 40px; } #stacks_in_14742 { text-align: left; } #stacks_in_14742 a.stacks_in_14742-button, #stacks_in_14742 a.stacks_in_14742-button:visited, #stacks_in_14742 a.stacks_in_14742-button:hover, #stacks_in_14742 a.stacks_in_14742-button:active { text-decoration: none; } /* Color picker options */ #stacks_in_14742 .stacks_in_14742-button { background-color: #D2A908; } #stacks_in_14742 a.stacks_in_14742-button, #stacks_in_14742 a.stacks_in_14742-button:visited { color: #FFFFFF !important; } #stacks_in_14742 a.stacks_in_14742-button:hover, #stacks_in_14742 a.stacks_in_14742-button:active { text-decoration: none; color: #FFFFFF !important; background-color: #E6BD1C; } #stacks_in_14742 .button_icon { background-color: #D2D2D2; } #stacks_in_14742 a.stacks_in_14742-button:hover .button_icon, #stacks_in_14742 a.stacks_in_14742-button:active .button_icon { background-color: #E6E6E6; } #stacks_in_14742 { margin: 4px 0px 0px 0px; } /* -- Start EACH CSS Template -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_14702 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_14702 .HYPE_document { overflow: auto; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_14702 .card-shad { } #stacks_in_14702 .card-all { overflow: hidden; padding: 0; margin: 0; } /* main */ #stacks_in_14702_default21_hype_container { margin:auto; position:relative; overflow: auto; } #stacks_in_14702 .wrapper-21 { margin-right: auto; margin-left: auto; max-width: 320px; overflow: hidden; } /* corners */ #stacks_in_14702 .HYPE_document, #stacks_in_14702 .card-base, #stacks_in_14702 .card-base-wrapper, #stacks_in_14702 .card-base-gif, #stacks_in_14702 .card-base-v, #stacks_in_14702 .wrapper-21, #stacks_in_14702 .vertical-21, #stacks_in_14702 .hype-card-box { border-radius: 26px !important; -webkit-border-radius: 26px !important; } @media (max-width: 630px) { #stacks_in_14702 .HYPE_document, #stacks_in_14702 .card-base, #stacks_in_14702 .card-base-wrapper, #stacks_in_14702 .card-base-gif, #stacks_in_14702 .card-base-v, #stacks_in_14702 .wrapper-21, #stacks_in_14702 .vertical-21, #stacks_in_14702 .hype-card-box { } } /* beta rev here */ /* card tools */ #stacks_in_14702 .card-base, #stacks_in_14702 .card-base-v, #stacks_in_14702 .card-base-gif, #stacks_in_14702 .card-base-wrapper, #stacks_in_14702 .card-shad { position: absolute; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 320px; } #stacks_in_14702 .card-base { position: relative; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 320px; } #stacks_in_14702 .hype-card-base { max-width: 320px; } #stacks_in_14702 .card-base-v, #stacks_in_14702 .hype-card-base-v { display: none !important; display: block !important; background: linear-gradient(0deg, rgba(80, 117, 137, 1.00) 7%, rgba(232, 237, 255, 0.10) 100%) !important; } #stacks_in_14702 .card-base-gif { mix-blend-mode: lighten; background-image: url(../files/motion1.gif); filter: blur(4px); background-size: cover; opacity: 0.4; filter: blur(2px); } #stacks_in_14702 .hype-card-base, #stacks_in_14702 .card-base { background-image: url() !important; background-size: cover !important; background-position: 50% 50% !important; } #stacks_in_14702 .card-base, #stacks_in_14702 .card-base-wrapper, #stacks_in_14702 .vertical-21 { overflow: hidden !important; } #stacks_in_14702 .card-base { overflow: hidden !important; } #stacks_in_14702 .card-base { filter: blur(0); } #stacks_in_14702 .hype-card-bg { background-position: 50% 0% !important; background-image: url(../files/stack_card_image-14702.jpg) !important; background-size: cover !important; } /* smart fade */ #stacks_in_14702 .card-base-wrapper, #stacks_in_14702 .card-base-v { -webkit-animation: fade-21-csss 0.5s fade-21-css both; animation: fade-21-main-css 0.5s ease-in-out both; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #stacks_in_14702 .card-all { -webkit-animation: fade-21-main-css 0.4s ease-in-out both; animation: fade-21-main-css 0.4s ease-in-out both; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #stacks_in_14702 .card-base-wrapper, #stacks_in_14702 .card-base-v, #stacks_in_14702 .card-all { } #stacks_in_14702 .inner_slice_content { -webkit-animation: fade-21-css 0.52s ease-in-out both; animation: fade-21-css 0.52s ease-in-out both !important; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } @keyframes fade-21-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-21-css { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fade-21-main-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-21-main-css { 0% {opacity: 0;} 100% {opacity: 1;} } @media screen and (max-width: 770px) { #stacks_in_14702 .hype-card-base, #stacks_in_14702 .card-base { } } @media screen and (max-width: 770px) { #stacks_in_14702 .hype-card-bg { } } /* slice */ #stacks_in_14702 .inner_slice_wrapper { margin: 0 auto; pointer-events: auto; } #stacks_in_14702 .inner_slice_content { padding: 30px; pointer-events: auto; margin: 0 auto; max-width: 800px; } @media (max-width: 768px) { #stacks_in_14702 .inner_slice_content { padding: 20px; } } #stacks_in_14702 .inner_slice_content, #stacks_in_14702 .inner_slice_content p, #stacks_in_14702 .inner_slice_content span, #stacks_in_14702 .inner_slice_content [class*="fa fa-"], #stacks_in_14702 .inner_slice_content h1, #stacks_in_14702 .inner_slice_content h2, #stacks_in_14702 .inner_slice_content h3, #stacks_in_14702 .inner_slice_content h4, #stacks_in_14702 .inner_slice_content h5, #stacks_in_14702 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #FFFFFF !important; } #stacks_in_14702 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_14702 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_14702 .inner_slice_content a:link, #stacks_in_14702 .inner_slice_content a { color: #FFFFFF !important; } #stacks_in_14702 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_14702 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_14702 .inner_slice_content a:hover { color: #2C6095 !important; } #stacks_in_14702 .inner_slice_content, #stacks_in_14702 .inner_slice_content p, #stacks_in_14702 .inner_slice_content span, #stacks_in_14702 .inner_slice_content [class*="fa fa-"], #stacks_in_14702 .inner_slice_content h1, #stacks_in_14702 .inner_slice_content h2, #stacks_in_14702 .inner_slice_content h3, #stacks_in_14702 .inner_slice_content h4, #stacks_in_14702 .inner_slice_content h5, #stacks_in_14702 .inner_slice_content h6 { } #stacks_in_14702 .inner_slice_content { margin-top: 90px; } /* manin and resp */ #stacks_in_14702 .vertical-21 { min-height: 90px; overflow: auto; } #stacks_in_14702 .hype-card-box { } @media (max-width: 768px) { #stacks_in_14702 .hype-card-box { } #stacks_in_14702 .vertical-21 { } #stacks_in_14702 .inner_slice_content { } } @media (max-width: 568px) { #stacks_in_14702 .hype-card-box { } #stacks_in_14702 .vertical-21 { } #stacks_in_14702 .inner_slice_content { } } /* button */ #stacks_in_14702 .hype-21-button { display: block !important; font-style: none !important; background-color: rgba(27, 47, 76, 0.60) !important; color: rgba(225, 225, 225, 1.00) !important; border-radius: 7px !important; -webkit-border-radius: 7px !important; overflow: auto !important; font-size: 19px !important; line-height: 19px !important; height: auto !important; padding: 11px 2px 12px !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 700 !important; margin-top: -71px !important; } #stacks_in_14702 .hype-21-button:hover { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_14702 .hype-21-button-x { display: none !important; display: block !important; } #stacks_in_14702 .hype-21-button-x:hover { opacity: 0.8 !important; } /* caption card */ #stacks_in_14702 .hype-text-card { color: rgba(255, 255, 255, 1.00) !important; pointer-events: none; margin-top: -52px !important; } #stacks_in_14702 .hype-text-card-top { color: rgba(255, 255, 255, 1.00) !important; pointer-events: none; margin-top: 20px !important; } #stacks_in_14702 .hype-text-card, #stacks_in_14702 .hype-text-card-top { -webkit-font-smoothing: antialiased !important; text-align: center; font-style: none; text-transform: none; font-size: 80px !important; line-height: 80px !important; letter-spacing: 0px !important; -webkit-font-smoothing: antialiased !important; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.35) !important; } #stacks_in_14702 .hype-text-card, #stacks_in_14702 .hype-text-card-top, #stacks_in_14702 p .hype-text-card { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Homemade Apple', sans-serif !important; font-weight: 400 !important; } #stacks_in_14702 .hype-text-card, #stacks_in_14702 .hype-text-card-top { } #stacks_in_14702 .trigger-in-view { opacity: 0 !important; margin-top: 90px !important; } #stacks_in_14702 .preview_only { display: none; } /* -- End EACH CSS Template -- */ #stacks_in_14702 { margin: 30px 0px 10px 0px; } #stacks_in_14703 { padding: 0px 0px 10px 3px; } #stacks_in_14705 { font-size: 80%; } /* -- Start EACH CSS Template -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_15233 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_15233 .HYPE_document { overflow: auto; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_15233 .card-shad { } #stacks_in_15233 .card-all { overflow: hidden; padding: 0; margin: 0; } /* main */ #stacks_in_15233_default21_hype_container { margin:auto; position:relative; overflow: auto; } #stacks_in_15233 .wrapper-21 { margin-right: auto; margin-left: auto; max-width: 320px; overflow: hidden; } /* corners */ #stacks_in_15233 .HYPE_document, #stacks_in_15233 .card-base, #stacks_in_15233 .card-base-wrapper, #stacks_in_15233 .card-base-gif, #stacks_in_15233 .card-base-v, #stacks_in_15233 .wrapper-21, #stacks_in_15233 .vertical-21, #stacks_in_15233 .hype-card-box { border-radius: 26px !important; -webkit-border-radius: 26px !important; } @media (max-width: 630px) { #stacks_in_15233 .HYPE_document, #stacks_in_15233 .card-base, #stacks_in_15233 .card-base-wrapper, #stacks_in_15233 .card-base-gif, #stacks_in_15233 .card-base-v, #stacks_in_15233 .wrapper-21, #stacks_in_15233 .vertical-21, #stacks_in_15233 .hype-card-box { } } /* beta rev here */ /* card tools */ #stacks_in_15233 .card-base, #stacks_in_15233 .card-base-v, #stacks_in_15233 .card-base-gif, #stacks_in_15233 .card-base-wrapper, #stacks_in_15233 .card-shad { position: absolute; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 320px; } #stacks_in_15233 .card-base { position: relative; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 320px; } #stacks_in_15233 .hype-card-base { max-width: 320px; } #stacks_in_15233 .card-base-v, #stacks_in_15233 .hype-card-base-v { display: none !important; display: block !important; background: linear-gradient(0deg, rgba(80, 117, 137, 1.00) 7%, rgba(232, 237, 255, 0.10) 100%) !important; } #stacks_in_15233 .card-base-gif { mix-blend-mode: lighten; background-image: url(../files/motion1.gif); filter: blur(4px); background-size: cover; opacity: 0.4; filter: blur(2px); } #stacks_in_15233 .hype-card-base, #stacks_in_15233 .card-base { background-image: url() !important; background-size: cover !important; background-position: 50% 50% !important; } #stacks_in_15233 .card-base, #stacks_in_15233 .card-base-wrapper, #stacks_in_15233 .vertical-21 { overflow: hidden !important; } #stacks_in_15233 .card-base { overflow: hidden !important; } #stacks_in_15233 .card-base { filter: blur(0); } #stacks_in_15233 .hype-card-bg { background-position: 50% 0% !important; background-image: url(../files/stack_card_image-15233.jpg) !important; background-size: cover !important; } /* smart fade */ #stacks_in_15233 .card-base-wrapper, #stacks_in_15233 .card-base-v { -webkit-animation: fade-21-csss 0.5s fade-21-css both; animation: fade-21-main-css 0.5s ease-in-out both; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #stacks_in_15233 .card-all { -webkit-animation: fade-21-main-css 0.4s ease-in-out both; animation: fade-21-main-css 0.4s ease-in-out both; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #stacks_in_15233 .card-base-wrapper, #stacks_in_15233 .card-base-v, #stacks_in_15233 .card-all { } #stacks_in_15233 .inner_slice_content { -webkit-animation: fade-21-css 0.52s ease-in-out both; animation: fade-21-css 0.52s ease-in-out both !important; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } @keyframes fade-21-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-21-css { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fade-21-main-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-21-main-css { 0% {opacity: 0;} 100% {opacity: 1;} } @media screen and (max-width: 770px) { #stacks_in_15233 .hype-card-base, #stacks_in_15233 .card-base { } } @media screen and (max-width: 770px) { #stacks_in_15233 .hype-card-bg { } } /* slice */ #stacks_in_15233 .inner_slice_wrapper { margin: 0 auto; pointer-events: auto; } #stacks_in_15233 .inner_slice_content { padding: 30px; pointer-events: auto; margin: 0 auto; max-width: 800px; } @media (max-width: 768px) { #stacks_in_15233 .inner_slice_content { padding: 20px; } } #stacks_in_15233 .inner_slice_content, #stacks_in_15233 .inner_slice_content p, #stacks_in_15233 .inner_slice_content span, #stacks_in_15233 .inner_slice_content [class*="fa fa-"], #stacks_in_15233 .inner_slice_content h1, #stacks_in_15233 .inner_slice_content h2, #stacks_in_15233 .inner_slice_content h3, #stacks_in_15233 .inner_slice_content h4, #stacks_in_15233 .inner_slice_content h5, #stacks_in_15233 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #FFFFFF !important; } #stacks_in_15233 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_15233 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_15233 .inner_slice_content a:link, #stacks_in_15233 .inner_slice_content a { color: #FFFFFF !important; } #stacks_in_15233 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_15233 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_15233 .inner_slice_content a:hover { color: #2C6095 !important; } #stacks_in_15233 .inner_slice_content, #stacks_in_15233 .inner_slice_content p, #stacks_in_15233 .inner_slice_content span, #stacks_in_15233 .inner_slice_content [class*="fa fa-"], #stacks_in_15233 .inner_slice_content h1, #stacks_in_15233 .inner_slice_content h2, #stacks_in_15233 .inner_slice_content h3, #stacks_in_15233 .inner_slice_content h4, #stacks_in_15233 .inner_slice_content h5, #stacks_in_15233 .inner_slice_content h6 { } #stacks_in_15233 .inner_slice_content { margin-top: 90px; } /* manin and resp */ #stacks_in_15233 .vertical-21 { min-height: 90px; overflow: auto; } #stacks_in_15233 .hype-card-box { } @media (max-width: 768px) { #stacks_in_15233 .hype-card-box { } #stacks_in_15233 .vertical-21 { } #stacks_in_15233 .inner_slice_content { } } @media (max-width: 568px) { #stacks_in_15233 .hype-card-box { } #stacks_in_15233 .vertical-21 { } #stacks_in_15233 .inner_slice_content { } } /* button */ #stacks_in_15233 .hype-21-button { display: block !important; font-style: none !important; background-color: rgba(27, 47, 76, 0.60) !important; color: rgba(225, 225, 225, 1.00) !important; border-radius: 7px !important; -webkit-border-radius: 7px !important; overflow: auto !important; font-size: 19px !important; line-height: 19px !important; height: auto !important; padding: 11px 2px 12px !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 700 !important; margin-top: -71px !important; } #stacks_in_15233 .hype-21-button:hover { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_15233 .hype-21-button-x { display: none !important; display: block !important; } #stacks_in_15233 .hype-21-button-x:hover { opacity: 0.8 !important; } /* caption card */ #stacks_in_15233 .hype-text-card { color: rgba(255, 255, 255, 1.00) !important; pointer-events: none; margin-top: -52px !important; } #stacks_in_15233 .hype-text-card-top { color: rgba(255, 255, 255, 1.00) !important; pointer-events: none; margin-top: 20px !important; } #stacks_in_15233 .hype-text-card, #stacks_in_15233 .hype-text-card-top { -webkit-font-smoothing: antialiased !important; text-align: center; font-style: none; text-transform: none; font-size: 80px !important; line-height: 80px !important; letter-spacing: 0px !important; -webkit-font-smoothing: antialiased !important; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.35) !important; } #stacks_in_15233 .hype-text-card, #stacks_in_15233 .hype-text-card-top, #stacks_in_15233 p .hype-text-card { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Homemade Apple', sans-serif !important; font-weight: 400 !important; } #stacks_in_15233 .hype-text-card, #stacks_in_15233 .hype-text-card-top { } #stacks_in_15233 .trigger-in-view { opacity: 0 !important; margin-top: 90px !important; } #stacks_in_15233 .preview_only { display: none; } /* -- End EACH CSS Template -- */ #stacks_in_15233 { margin: 30px 0px 10px 0px; } #stacks_in_15243 { padding: 0px 0px 10px 3px; } #stacks_in_15245 { font-size: 80%; } /* -- Start EACH CSS Template -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_15234 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_15234 .HYPE_document { overflow: auto; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_15234 .card-shad { } #stacks_in_15234 .card-all { overflow: hidden; padding: 0; margin: 0; } /* main */ #stacks_in_15234_default21_hype_container { margin:auto; position:relative; overflow: auto; } #stacks_in_15234 .wrapper-21 { margin-right: auto; margin-left: auto; max-width: 320px; overflow: hidden; } /* corners */ #stacks_in_15234 .HYPE_document, #stacks_in_15234 .card-base, #stacks_in_15234 .card-base-wrapper, #stacks_in_15234 .card-base-gif, #stacks_in_15234 .card-base-v, #stacks_in_15234 .wrapper-21, #stacks_in_15234 .vertical-21, #stacks_in_15234 .hype-card-box { border-radius: 26px !important; -webkit-border-radius: 26px !important; } @media (max-width: 630px) { #stacks_in_15234 .HYPE_document, #stacks_in_15234 .card-base, #stacks_in_15234 .card-base-wrapper, #stacks_in_15234 .card-base-gif, #stacks_in_15234 .card-base-v, #stacks_in_15234 .wrapper-21, #stacks_in_15234 .vertical-21, #stacks_in_15234 .hype-card-box { } } /* beta rev here */ /* card tools */ #stacks_in_15234 .card-base, #stacks_in_15234 .card-base-v, #stacks_in_15234 .card-base-gif, #stacks_in_15234 .card-base-wrapper, #stacks_in_15234 .card-shad { position: absolute; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 320px; } #stacks_in_15234 .card-base { position: relative; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 320px; } #stacks_in_15234 .hype-card-base { max-width: 320px; } #stacks_in_15234 .card-base-v, #stacks_in_15234 .hype-card-base-v { display: none !important; display: block !important; background: linear-gradient(0deg, rgba(80, 117, 137, 1.00) 7%, rgba(232, 237, 255, 0.10) 100%) !important; } #stacks_in_15234 .card-base-gif { mix-blend-mode: lighten; background-image: url(../files/motion1.gif); filter: blur(4px); background-size: cover; opacity: 0.4; filter: blur(2px); } #stacks_in_15234 .hype-card-base, #stacks_in_15234 .card-base { background-image: url() !important; background-size: cover !important; background-position: 50% 50% !important; } #stacks_in_15234 .card-base, #stacks_in_15234 .card-base-wrapper, #stacks_in_15234 .vertical-21 { overflow: hidden !important; } #stacks_in_15234 .card-base { overflow: hidden !important; } #stacks_in_15234 .card-base { filter: blur(0); } #stacks_in_15234 .hype-card-bg { background-position: 50% 0% !important; background-image: url(../files/stack_card_image-15234.jpg) !important; background-size: cover !important; } /* smart fade */ #stacks_in_15234 .card-base-wrapper, #stacks_in_15234 .card-base-v { -webkit-animation: fade-21-csss 0.5s fade-21-css both; animation: fade-21-main-css 0.5s ease-in-out both; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #stacks_in_15234 .card-all { -webkit-animation: fade-21-main-css 0.4s ease-in-out both; animation: fade-21-main-css 0.4s ease-in-out both; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #stacks_in_15234 .card-base-wrapper, #stacks_in_15234 .card-base-v, #stacks_in_15234 .card-all { } #stacks_in_15234 .inner_slice_content { -webkit-animation: fade-21-css 0.52s ease-in-out both; animation: fade-21-css 0.52s ease-in-out both !important; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } @keyframes fade-21-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-21-css { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fade-21-main-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-21-main-css { 0% {opacity: 0;} 100% {opacity: 1;} } @media screen and (max-width: 770px) { #stacks_in_15234 .hype-card-base, #stacks_in_15234 .card-base { } } @media screen and (max-width: 770px) { #stacks_in_15234 .hype-card-bg { } } /* slice */ #stacks_in_15234 .inner_slice_wrapper { margin: 0 auto; pointer-events: auto; } #stacks_in_15234 .inner_slice_content { padding: 30px; pointer-events: auto; margin: 0 auto; max-width: 800px; } @media (max-width: 768px) { #stacks_in_15234 .inner_slice_content { padding: 20px; } } #stacks_in_15234 .inner_slice_content, #stacks_in_15234 .inner_slice_content p, #stacks_in_15234 .inner_slice_content span, #stacks_in_15234 .inner_slice_content [class*="fa fa-"], #stacks_in_15234 .inner_slice_content h1, #stacks_in_15234 .inner_slice_content h2, #stacks_in_15234 .inner_slice_content h3, #stacks_in_15234 .inner_slice_content h4, #stacks_in_15234 .inner_slice_content h5, #stacks_in_15234 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #FFFFFF !important; } #stacks_in_15234 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_15234 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_15234 .inner_slice_content a:link, #stacks_in_15234 .inner_slice_content a { color: #FFFFFF !important; } #stacks_in_15234 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_15234 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_15234 .inner_slice_content a:hover { color: #2C6095 !important; } #stacks_in_15234 .inner_slice_content, #stacks_in_15234 .inner_slice_content p, #stacks_in_15234 .inner_slice_content span, #stacks_in_15234 .inner_slice_content [class*="fa fa-"], #stacks_in_15234 .inner_slice_content h1, #stacks_in_15234 .inner_slice_content h2, #stacks_in_15234 .inner_slice_content h3, #stacks_in_15234 .inner_slice_content h4, #stacks_in_15234 .inner_slice_content h5, #stacks_in_15234 .inner_slice_content h6 { } #stacks_in_15234 .inner_slice_content { margin-top: 90px; } /* manin and resp */ #stacks_in_15234 .vertical-21 { min-height: 90px; overflow: auto; } #stacks_in_15234 .hype-card-box { } @media (max-width: 768px) { #stacks_in_15234 .hype-card-box { } #stacks_in_15234 .vertical-21 { } #stacks_in_15234 .inner_slice_content { } } @media (max-width: 568px) { #stacks_in_15234 .hype-card-box { } #stacks_in_15234 .vertical-21 { } #stacks_in_15234 .inner_slice_content { } } /* button */ #stacks_in_15234 .hype-21-button { display: block !important; font-style: none !important; background-color: rgba(27, 47, 76, 0.60) !important; color: rgba(225, 225, 225, 1.00) !important; border-radius: 7px !important; -webkit-border-radius: 7px !important; overflow: auto !important; font-size: 19px !important; line-height: 19px !important; height: auto !important; padding: 11px 2px 12px !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 700 !important; margin-top: -71px !important; } #stacks_in_15234 .hype-21-button:hover { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_15234 .hype-21-button-x { display: none !important; display: block !important; } #stacks_in_15234 .hype-21-button-x:hover { opacity: 0.8 !important; } /* caption card */ #stacks_in_15234 .hype-text-card { color: rgba(255, 255, 255, 1.00) !important; pointer-events: none; margin-top: -52px !important; } #stacks_in_15234 .hype-text-card-top { color: rgba(255, 255, 255, 1.00) !important; pointer-events: none; margin-top: 20px !important; } #stacks_in_15234 .hype-text-card, #stacks_in_15234 .hype-text-card-top { -webkit-font-smoothing: antialiased !important; text-align: center; font-style: none; text-transform: none; font-size: 80px !important; line-height: 80px !important; letter-spacing: 0px !important; -webkit-font-smoothing: antialiased !important; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.35) !important; } #stacks_in_15234 .hype-text-card, #stacks_in_15234 .hype-text-card-top, #stacks_in_15234 p .hype-text-card { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Homemade Apple', sans-serif !important; font-weight: 400 !important; } #stacks_in_15234 .hype-text-card, #stacks_in_15234 .hype-text-card-top { } #stacks_in_15234 .trigger-in-view { opacity: 0 !important; margin-top: 90px !important; } #stacks_in_15234 .preview_only { display: none; } /* -- End EACH CSS Template -- */ #stacks_in_15234 { margin: 30px 0px 10px 0px; } #stacks_in_15237 { padding: 0px 0px 10px 3px; } #stacks_in_15239 { font-size: 80%; } /* -- Start EACH CSS Template -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_15232 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_15232 .HYPE_document { overflow: auto; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_15232 .card-shad { } #stacks_in_15232 .card-all { overflow: hidden; padding: 0; margin: 0; } /* main */ #stacks_in_15232_default21_hype_container { margin:auto; position:relative; overflow: auto; } #stacks_in_15232 .wrapper-21 { margin-right: auto; margin-left: auto; max-width: 320px; overflow: hidden; } /* corners */ #stacks_in_15232 .HYPE_document, #stacks_in_15232 .card-base, #stacks_in_15232 .card-base-wrapper, #stacks_in_15232 .card-base-gif, #stacks_in_15232 .card-base-v, #stacks_in_15232 .wrapper-21, #stacks_in_15232 .vertical-21, #stacks_in_15232 .hype-card-box { border-radius: 26px !important; -webkit-border-radius: 26px !important; } @media (max-width: 630px) { #stacks_in_15232 .HYPE_document, #stacks_in_15232 .card-base, #stacks_in_15232 .card-base-wrapper, #stacks_in_15232 .card-base-gif, #stacks_in_15232 .card-base-v, #stacks_in_15232 .wrapper-21, #stacks_in_15232 .vertical-21, #stacks_in_15232 .hype-card-box { } } /* beta rev here */ /* card tools */ #stacks_in_15232 .card-base, #stacks_in_15232 .card-base-v, #stacks_in_15232 .card-base-gif, #stacks_in_15232 .card-base-wrapper, #stacks_in_15232 .card-shad { position: absolute; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 320px; } #stacks_in_15232 .card-base { position: relative; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 320px; } #stacks_in_15232 .hype-card-base { max-width: 320px; } #stacks_in_15232 .card-base-v, #stacks_in_15232 .hype-card-base-v { display: none !important; display: block !important; background: linear-gradient(0deg, rgba(80, 117, 137, 1.00) 7%, rgba(232, 237, 255, 0.10) 100%) !important; } #stacks_in_15232 .card-base-gif { mix-blend-mode: lighten; background-image: url(../files/motion1.gif); filter: blur(4px); background-size: cover; opacity: 0.4; filter: blur(2px); } #stacks_in_15232 .hype-card-base, #stacks_in_15232 .card-base { background-image: url() !important; background-size: cover !important; background-position: 50% 50% !important; } #stacks_in_15232 .card-base, #stacks_in_15232 .card-base-wrapper, #stacks_in_15232 .vertical-21 { overflow: hidden !important; } #stacks_in_15232 .card-base { overflow: hidden !important; } #stacks_in_15232 .card-base { filter: blur(0); } #stacks_in_15232 .hype-card-bg { background-position: 50% 0% !important; background-image: url(../files/stack_card_image-15232.jpg) !important; background-size: cover !important; } /* smart fade */ #stacks_in_15232 .card-base-wrapper, #stacks_in_15232 .card-base-v { -webkit-animation: fade-21-csss 0.5s fade-21-css both; animation: fade-21-main-css 0.5s ease-in-out both; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #stacks_in_15232 .card-all { -webkit-animation: fade-21-main-css 0.4s ease-in-out both; animation: fade-21-main-css 0.4s ease-in-out both; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #stacks_in_15232 .card-base-wrapper, #stacks_in_15232 .card-base-v, #stacks_in_15232 .card-all { } #stacks_in_15232 .inner_slice_content { -webkit-animation: fade-21-css 0.52s ease-in-out both; animation: fade-21-css 0.52s ease-in-out both !important; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } @keyframes fade-21-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-21-css { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fade-21-main-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-21-main-css { 0% {opacity: 0;} 100% {opacity: 1;} } @media screen and (max-width: 770px) { #stacks_in_15232 .hype-card-base, #stacks_in_15232 .card-base { } } @media screen and (max-width: 770px) { #stacks_in_15232 .hype-card-bg { } } /* slice */ #stacks_in_15232 .inner_slice_wrapper { margin: 0 auto; pointer-events: auto; } #stacks_in_15232 .inner_slice_content { padding: 30px; pointer-events: auto; margin: 0 auto; max-width: 800px; } @media (max-width: 768px) { #stacks_in_15232 .inner_slice_content { padding: 20px; } } #stacks_in_15232 .inner_slice_content, #stacks_in_15232 .inner_slice_content p, #stacks_in_15232 .inner_slice_content span, #stacks_in_15232 .inner_slice_content [class*="fa fa-"], #stacks_in_15232 .inner_slice_content h1, #stacks_in_15232 .inner_slice_content h2, #stacks_in_15232 .inner_slice_content h3, #stacks_in_15232 .inner_slice_content h4, #stacks_in_15232 .inner_slice_content h5, #stacks_in_15232 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #FFFFFF !important; } #stacks_in_15232 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_15232 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_15232 .inner_slice_content a:link, #stacks_in_15232 .inner_slice_content a { color: #FFFFFF !important; } #stacks_in_15232 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_15232 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_15232 .inner_slice_content a:hover { color: #2C6095 !important; } #stacks_in_15232 .inner_slice_content, #stacks_in_15232 .inner_slice_content p, #stacks_in_15232 .inner_slice_content span, #stacks_in_15232 .inner_slice_content [class*="fa fa-"], #stacks_in_15232 .inner_slice_content h1, #stacks_in_15232 .inner_slice_content h2, #stacks_in_15232 .inner_slice_content h3, #stacks_in_15232 .inner_slice_content h4, #stacks_in_15232 .inner_slice_content h5, #stacks_in_15232 .inner_slice_content h6 { } #stacks_in_15232 .inner_slice_content { margin-top: 90px; } /* manin and resp */ #stacks_in_15232 .vertical-21 { min-height: 90px; overflow: auto; } #stacks_in_15232 .hype-card-box { } @media (max-width: 768px) { #stacks_in_15232 .hype-card-box { } #stacks_in_15232 .vertical-21 { } #stacks_in_15232 .inner_slice_content { } } @media (max-width: 568px) { #stacks_in_15232 .hype-card-box { } #stacks_in_15232 .vertical-21 { } #stacks_in_15232 .inner_slice_content { } } /* button */ #stacks_in_15232 .hype-21-button { display: block !important; font-style: none !important; background-color: rgba(27, 47, 76, 0.60) !important; color: rgba(225, 225, 225, 1.00) !important; border-radius: 7px !important; -webkit-border-radius: 7px !important; overflow: auto !important; font-size: 19px !important; line-height: 19px !important; height: auto !important; padding: 11px 2px 12px !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 700 !important; margin-top: -71px !important; } #stacks_in_15232 .hype-21-button:hover { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_15232 .hype-21-button-x { display: none !important; display: block !important; } #stacks_in_15232 .hype-21-button-x:hover { opacity: 0.8 !important; } /* caption card */ #stacks_in_15232 .hype-text-card { color: rgba(255, 255, 255, 1.00) !important; pointer-events: none; margin-top: -52px !important; } #stacks_in_15232 .hype-text-card-top { color: rgba(255, 255, 255, 1.00) !important; pointer-events: none; margin-top: 20px !important; } #stacks_in_15232 .hype-text-card, #stacks_in_15232 .hype-text-card-top { -webkit-font-smoothing: antialiased !important; text-align: center; font-style: none; text-transform: none; font-size: 80px !important; line-height: 80px !important; letter-spacing: 0px !important; -webkit-font-smoothing: antialiased !important; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.35) !important; } #stacks_in_15232 .hype-text-card, #stacks_in_15232 .hype-text-card-top, #stacks_in_15232 p .hype-text-card { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Homemade Apple', sans-serif !important; font-weight: 400 !important; } #stacks_in_15232 .hype-text-card, #stacks_in_15232 .hype-text-card-top { } #stacks_in_15232 .trigger-in-view { opacity: 0 !important; margin-top: 90px !important; } #stacks_in_15232 .preview_only { display: none; } /* -- End EACH CSS Template -- */ #stacks_in_15232 { margin: 30px 0px 10px 0px; } #stacks_in_15249 { padding: 0px 0px 10px 3px; } #stacks_in_15251 { font-size: 80%; } /* -- Start EACH CSS Template -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_14759 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_14759 .HYPE_document { overflow: auto; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_14759 .card-shad { } #stacks_in_14759 .card-all { overflow: hidden; padding: 0; margin: 0; } /* main */ #stacks_in_14759_default21_hype_container { margin:auto; position:relative; overflow: auto; } #stacks_in_14759 .wrapper-21 { margin-right: auto; margin-left: auto; max-width: 320px; overflow: hidden; } /* corners */ #stacks_in_14759 .HYPE_document, #stacks_in_14759 .card-base, #stacks_in_14759 .card-base-wrapper, #stacks_in_14759 .card-base-gif, #stacks_in_14759 .card-base-v, #stacks_in_14759 .wrapper-21, #stacks_in_14759 .vertical-21, #stacks_in_14759 .hype-card-box { border-radius: 26px !important; -webkit-border-radius: 26px !important; } @media (max-width: 630px) { #stacks_in_14759 .HYPE_document, #stacks_in_14759 .card-base, #stacks_in_14759 .card-base-wrapper, #stacks_in_14759 .card-base-gif, #stacks_in_14759 .card-base-v, #stacks_in_14759 .wrapper-21, #stacks_in_14759 .vertical-21, #stacks_in_14759 .hype-card-box { } } /* beta rev here */ /* card tools */ #stacks_in_14759 .card-base, #stacks_in_14759 .card-base-v, #stacks_in_14759 .card-base-gif, #stacks_in_14759 .card-base-wrapper, #stacks_in_14759 .card-shad { position: absolute; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 320px; } #stacks_in_14759 .card-base { position: relative; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 320px; } #stacks_in_14759 .hype-card-base { max-width: 320px; } #stacks_in_14759 .card-base-v, #stacks_in_14759 .hype-card-base-v { display: none !important; display: block !important; background: linear-gradient(0deg, rgba(80, 117, 137, 1.00) 7%, rgba(232, 237, 255, 0.10) 100%) !important; } #stacks_in_14759 .card-base-gif { mix-blend-mode: lighten; background-image: url(../files/motion1.gif); filter: blur(4px); background-size: cover; opacity: 0.4; filter: blur(2px); } #stacks_in_14759 .hype-card-base, #stacks_in_14759 .card-base { background-image: url() !important; background-size: cover !important; background-position: 50% 50% !important; } #stacks_in_14759 .card-base, #stacks_in_14759 .card-base-wrapper, #stacks_in_14759 .vertical-21 { overflow: hidden !important; } #stacks_in_14759 .card-base { overflow: hidden !important; } #stacks_in_14759 .card-base { filter: blur(0); } #stacks_in_14759 .hype-card-bg { background-position: 50% 0% !important; background-image: url(../files/stack_card_image-14759.jpg) !important; background-size: cover !important; } /* smart fade */ #stacks_in_14759 .card-base-wrapper, #stacks_in_14759 .card-base-v { -webkit-animation: fade-21-csss 0.5s fade-21-css both; animation: fade-21-main-css 0.5s ease-in-out both; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #stacks_in_14759 .card-all { -webkit-animation: fade-21-main-css 0.4s ease-in-out both; animation: fade-21-main-css 0.4s ease-in-out both; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #stacks_in_14759 .card-base-wrapper, #stacks_in_14759 .card-base-v, #stacks_in_14759 .card-all { } #stacks_in_14759 .inner_slice_content { -webkit-animation: fade-21-css 0.52s ease-in-out both; animation: fade-21-css 0.52s ease-in-out both !important; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } @keyframes fade-21-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-21-css { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fade-21-main-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-21-main-css { 0% {opacity: 0;} 100% {opacity: 1;} } @media screen and (max-width: 770px) { #stacks_in_14759 .hype-card-base, #stacks_in_14759 .card-base { } } @media screen and (max-width: 770px) { #stacks_in_14759 .hype-card-bg { } } /* slice */ #stacks_in_14759 .inner_slice_wrapper { margin: 0 auto; pointer-events: auto; } #stacks_in_14759 .inner_slice_content { padding: 30px; pointer-events: auto; margin: 0 auto; max-width: 800px; } @media (max-width: 768px) { #stacks_in_14759 .inner_slice_content { padding: 20px; } } #stacks_in_14759 .inner_slice_content, #stacks_in_14759 .inner_slice_content p, #stacks_in_14759 .inner_slice_content span, #stacks_in_14759 .inner_slice_content [class*="fa fa-"], #stacks_in_14759 .inner_slice_content h1, #stacks_in_14759 .inner_slice_content h2, #stacks_in_14759 .inner_slice_content h3, #stacks_in_14759 .inner_slice_content h4, #stacks_in_14759 .inner_slice_content h5, #stacks_in_14759 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #FFFFFF !important; } #stacks_in_14759 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_14759 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_14759 .inner_slice_content a:link, #stacks_in_14759 .inner_slice_content a { color: #FFFFFF !important; } #stacks_in_14759 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_14759 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_14759 .inner_slice_content a:hover { color: #2C6095 !important; } #stacks_in_14759 .inner_slice_content, #stacks_in_14759 .inner_slice_content p, #stacks_in_14759 .inner_slice_content span, #stacks_in_14759 .inner_slice_content [class*="fa fa-"], #stacks_in_14759 .inner_slice_content h1, #stacks_in_14759 .inner_slice_content h2, #stacks_in_14759 .inner_slice_content h3, #stacks_in_14759 .inner_slice_content h4, #stacks_in_14759 .inner_slice_content h5, #stacks_in_14759 .inner_slice_content h6 { } #stacks_in_14759 .inner_slice_content { margin-top: 90px; } /* manin and resp */ #stacks_in_14759 .vertical-21 { min-height: 90px; overflow: auto; } #stacks_in_14759 .hype-card-box { } @media (max-width: 768px) { #stacks_in_14759 .hype-card-box { } #stacks_in_14759 .vertical-21 { } #stacks_in_14759 .inner_slice_content { } } @media (max-width: 568px) { #stacks_in_14759 .hype-card-box { } #stacks_in_14759 .vertical-21 { } #stacks_in_14759 .inner_slice_content { } } /* button */ #stacks_in_14759 .hype-21-button { display: block !important; font-style: none !important; background-color: rgba(27, 47, 76, 0.60) !important; color: rgba(225, 225, 225, 1.00) !important; border-radius: 7px !important; -webkit-border-radius: 7px !important; overflow: auto !important; font-size: 19px !important; line-height: 19px !important; height: auto !important; padding: 11px 2px 12px !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 700 !important; margin-top: -71px !important; } #stacks_in_14759 .hype-21-button:hover { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_14759 .hype-21-button-x { display: none !important; display: block !important; } #stacks_in_14759 .hype-21-button-x:hover { opacity: 0.8 !important; } /* caption card */ #stacks_in_14759 .hype-text-card { color: rgba(255, 255, 255, 1.00) !important; pointer-events: none; margin-top: -52px !important; } #stacks_in_14759 .hype-text-card-top { color: rgba(255, 255, 255, 1.00) !important; pointer-events: none; margin-top: 20px !important; } #stacks_in_14759 .hype-text-card, #stacks_in_14759 .hype-text-card-top { -webkit-font-smoothing: antialiased !important; text-align: center; font-style: none; text-transform: none; font-size: 80px !important; line-height: 80px !important; letter-spacing: 0px !important; -webkit-font-smoothing: antialiased !important; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.35) !important; } #stacks_in_14759 .hype-text-card, #stacks_in_14759 .hype-text-card-top, #stacks_in_14759 p .hype-text-card { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Homemade Apple', sans-serif !important; font-weight: 400 !important; } #stacks_in_14759 .hype-text-card, #stacks_in_14759 .hype-text-card-top { } #stacks_in_14759 .trigger-in-view { opacity: 0 !important; margin-top: 90px !important; } #stacks_in_14759 .preview_only { display: none; } /* -- End EACH CSS Template -- */ #stacks_in_14759 { margin: 30px 0px 10px 0px; } #stacks_in_14760 { padding: 0px 0px 10px 3px; } #stacks_in_14762 { font-size: 80%; } /* -- Start EACH CSS Template -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_14765 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_14765 .HYPE_document { overflow: auto; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_14765 .card-shad { } #stacks_in_14765 .card-all { overflow: hidden; padding: 0; margin: 0; } /* main */ #stacks_in_14765_default21_hype_container { margin:auto; position:relative; overflow: auto; } #stacks_in_14765 .wrapper-21 { margin-right: auto; margin-left: auto; max-width: 320px; overflow: hidden; } /* corners */ #stacks_in_14765 .HYPE_document, #stacks_in_14765 .card-base, #stacks_in_14765 .card-base-wrapper, #stacks_in_14765 .card-base-gif, #stacks_in_14765 .card-base-v, #stacks_in_14765 .wrapper-21, #stacks_in_14765 .vertical-21, #stacks_in_14765 .hype-card-box { border-radius: 26px !important; -webkit-border-radius: 26px !important; } @media (max-width: 630px) { #stacks_in_14765 .HYPE_document, #stacks_in_14765 .card-base, #stacks_in_14765 .card-base-wrapper, #stacks_in_14765 .card-base-gif, #stacks_in_14765 .card-base-v, #stacks_in_14765 .wrapper-21, #stacks_in_14765 .vertical-21, #stacks_in_14765 .hype-card-box { } } /* beta rev here */ /* card tools */ #stacks_in_14765 .card-base, #stacks_in_14765 .card-base-v, #stacks_in_14765 .card-base-gif, #stacks_in_14765 .card-base-wrapper, #stacks_in_14765 .card-shad { position: absolute; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 320px; } #stacks_in_14765 .card-base { position: relative; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 320px; } #stacks_in_14765 .hype-card-base { max-width: 320px; } #stacks_in_14765 .card-base-v, #stacks_in_14765 .hype-card-base-v { display: none !important; display: block !important; background: linear-gradient(0deg, rgba(80, 117, 137, 1.00) 7%, rgba(232, 237, 255, 0.10) 100%) !important; } #stacks_in_14765 .card-base-gif { mix-blend-mode: lighten; background-image: url(../files/motion1.gif); filter: blur(4px); background-size: cover; opacity: 0.4; filter: blur(2px); } #stacks_in_14765 .hype-card-base, #stacks_in_14765 .card-base { background-image: url() !important; background-size: cover !important; background-position: 50% 50% !important; } #stacks_in_14765 .card-base, #stacks_in_14765 .card-base-wrapper, #stacks_in_14765 .vertical-21 { overflow: hidden !important; } #stacks_in_14765 .card-base { overflow: hidden !important; } #stacks_in_14765 .card-base { filter: blur(0); } #stacks_in_14765 .hype-card-bg { background-position: 50% 0% !important; background-image: url(../files/stack_card_image-14765.jpg) !important; background-size: cover !important; } /* smart fade */ #stacks_in_14765 .card-base-wrapper, #stacks_in_14765 .card-base-v { -webkit-animation: fade-21-csss 0.5s fade-21-css both; animation: fade-21-main-css 0.5s ease-in-out both; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #stacks_in_14765 .card-all { -webkit-animation: fade-21-main-css 0.4s ease-in-out both; animation: fade-21-main-css 0.4s ease-in-out both; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #stacks_in_14765 .card-base-wrapper, #stacks_in_14765 .card-base-v, #stacks_in_14765 .card-all { } #stacks_in_14765 .inner_slice_content { -webkit-animation: fade-21-css 0.52s ease-in-out both; animation: fade-21-css 0.52s ease-in-out both !important; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } @keyframes fade-21-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-21-css { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fade-21-main-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-21-main-css { 0% {opacity: 0;} 100% {opacity: 1;} } @media screen and (max-width: 770px) { #stacks_in_14765 .hype-card-base, #stacks_in_14765 .card-base { } } @media screen and (max-width: 770px) { #stacks_in_14765 .hype-card-bg { } } /* slice */ #stacks_in_14765 .inner_slice_wrapper { margin: 0 auto; pointer-events: auto; } #stacks_in_14765 .inner_slice_content { padding: 30px; pointer-events: auto; margin: 0 auto; max-width: 800px; } @media (max-width: 768px) { #stacks_in_14765 .inner_slice_content { padding: 20px; } } #stacks_in_14765 .inner_slice_content, #stacks_in_14765 .inner_slice_content p, #stacks_in_14765 .inner_slice_content span, #stacks_in_14765 .inner_slice_content [class*="fa fa-"], #stacks_in_14765 .inner_slice_content h1, #stacks_in_14765 .inner_slice_content h2, #stacks_in_14765 .inner_slice_content h3, #stacks_in_14765 .inner_slice_content h4, #stacks_in_14765 .inner_slice_content h5, #stacks_in_14765 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #FFFFFF !important; } #stacks_in_14765 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_14765 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_14765 .inner_slice_content a:link, #stacks_in_14765 .inner_slice_content a { color: #FFFFFF !important; } #stacks_in_14765 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_14765 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_14765 .inner_slice_content a:hover { color: #2C6095 !important; } #stacks_in_14765 .inner_slice_content, #stacks_in_14765 .inner_slice_content p, #stacks_in_14765 .inner_slice_content span, #stacks_in_14765 .inner_slice_content [class*="fa fa-"], #stacks_in_14765 .inner_slice_content h1, #stacks_in_14765 .inner_slice_content h2, #stacks_in_14765 .inner_slice_content h3, #stacks_in_14765 .inner_slice_content h4, #stacks_in_14765 .inner_slice_content h5, #stacks_in_14765 .inner_slice_content h6 { } #stacks_in_14765 .inner_slice_content { margin-top: 90px; } /* manin and resp */ #stacks_in_14765 .vertical-21 { min-height: 90px; overflow: auto; } #stacks_in_14765 .hype-card-box { } @media (max-width: 768px) { #stacks_in_14765 .hype-card-box { } #stacks_in_14765 .vertical-21 { } #stacks_in_14765 .inner_slice_content { } } @media (max-width: 568px) { #stacks_in_14765 .hype-card-box { } #stacks_in_14765 .vertical-21 { } #stacks_in_14765 .inner_slice_content { } } /* button */ #stacks_in_14765 .hype-21-button { display: block !important; font-style: none !important; background-color: rgba(27, 47, 76, 0.60) !important; color: rgba(225, 225, 225, 1.00) !important; border-radius: 7px !important; -webkit-border-radius: 7px !important; overflow: auto !important; font-size: 19px !important; line-height: 19px !important; height: auto !important; padding: 11px 2px 12px !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 700 !important; margin-top: -71px !important; } #stacks_in_14765 .hype-21-button:hover { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_14765 .hype-21-button-x { display: none !important; display: block !important; } #stacks_in_14765 .hype-21-button-x:hover { opacity: 0.8 !important; } /* caption card */ #stacks_in_14765 .hype-text-card { color: rgba(255, 255, 255, 1.00) !important; pointer-events: none; margin-top: -52px !important; } #stacks_in_14765 .hype-text-card-top { color: rgba(255, 255, 255, 1.00) !important; pointer-events: none; margin-top: 20px !important; } #stacks_in_14765 .hype-text-card, #stacks_in_14765 .hype-text-card-top { -webkit-font-smoothing: antialiased !important; text-align: center; font-style: none; text-transform: none; font-size: 80px !important; line-height: 80px !important; letter-spacing: 0px !important; -webkit-font-smoothing: antialiased !important; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.35) !important; } #stacks_in_14765 .hype-text-card, #stacks_in_14765 .hype-text-card-top, #stacks_in_14765 p .hype-text-card { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Homemade Apple', sans-serif !important; font-weight: 400 !important; } #stacks_in_14765 .hype-text-card, #stacks_in_14765 .hype-text-card-top { } #stacks_in_14765 .trigger-in-view { opacity: 0 !important; margin-top: 90px !important; } #stacks_in_14765 .preview_only { display: none; } /* -- End EACH CSS Template -- */ #stacks_in_14765 { margin: 30px 0px 10px 0px; } #stacks_in_14766 { padding: 0px 0px 10px 3px; } #stacks_in_14768 { font-size: 80%; } /* -- Start EACH CSS Template -- */ /* ----------------- edit END -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_15206 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_15206 .HYPE_document { overflow: auto; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_15206 .card-shad { } #stacks_in_15206 .card-all { overflow: hidden; padding: 0; margin: 0; } /* main */ #stacks_in_15206_default21_hype_container { margin:auto; position:relative; overflow: auto; } #stacks_in_15206 .wrapper-21 { margin-right: auto; margin-left: auto; max-width: 320px; overflow: hidden; } /* corners */ #stacks_in_15206 .HYPE_document, #stacks_in_15206 .card-base, #stacks_in_15206 .card-base-wrapper, #stacks_in_15206 .card-base-gif, #stacks_in_15206 .card-base-v, #stacks_in_15206 .wrapper-21, #stacks_in_15206 .vertical-21, #stacks_in_15206 .hype-card-box { border-radius: 26px !important; -webkit-border-radius: 26px !important; } @media (max-width: 630px) { #stacks_in_15206 .HYPE_document, #stacks_in_15206 .card-base, #stacks_in_15206 .card-base-wrapper, #stacks_in_15206 .card-base-gif, #stacks_in_15206 .card-base-v, #stacks_in_15206 .wrapper-21, #stacks_in_15206 .vertical-21, #stacks_in_15206 .hype-card-box { } } /* beta rev here */ /* card tools */ #stacks_in_15206 .card-base, #stacks_in_15206 .card-base-v, #stacks_in_15206 .card-base-gif, #stacks_in_15206 .card-base-wrapper, #stacks_in_15206 .card-shad { position: absolute; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 320px; } #stacks_in_15206 .card-base { position: relative; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 320px; } #stacks_in_15206 .hype-card-base { max-width: 320px; } #stacks_in_15206 .card-base-v, #stacks_in_15206 .hype-card-base-v { display: none !important; display: block !important; background: linear-gradient(0deg, rgba(80, 117, 137, 1.00) 7%, rgba(232, 237, 255, 0.10) 100%) !important; } #stacks_in_15206 .card-base-gif { mix-blend-mode: lighten; background-image: url(../files/motion1.gif); filter: blur(4px); background-size: cover; opacity: 0.4; filter: blur(2px); } #stacks_in_15206 .hype-card-base, #stacks_in_15206 .card-base { background-image: url() !important; background-size: cover !important; background-position: 50% 50% !important; } #stacks_in_15206 .card-base, #stacks_in_15206 .card-base-wrapper, #stacks_in_15206 .vertical-21 { overflow: hidden !important; } #stacks_in_15206 .card-base { overflow: hidden !important; } #stacks_in_15206 .card-base { filter: blur(0); } #stacks_in_15206 .hype-card-bg { background-position: 50% 0% !important; background-image: url(../files/stack_card_image-15206.jpg) !important; background-size: cover !important; } /* smart fade */ #stacks_in_15206 .card-base-wrapper, #stacks_in_15206 .card-base-v { -webkit-animation: fade-21-csss 0.5s fade-21-css both; animation: fade-21-main-css 0.5s ease-in-out both; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #stacks_in_15206 .card-all { -webkit-animation: fade-21-main-css 0.4s ease-in-out both; animation: fade-21-main-css 0.4s ease-in-out both; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #stacks_in_15206 .card-base-wrapper, #stacks_in_15206 .card-base-v, #stacks_in_15206 .card-all { } #stacks_in_15206 .inner_slice_content { -webkit-animation: fade-21-css 0.52s ease-in-out both; animation: fade-21-css 0.52s ease-in-out both !important; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } @keyframes fade-21-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-21-css { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fade-21-main-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-21-main-css { 0% {opacity: 0;} 100% {opacity: 1;} } @media screen and (max-width: 770px) { #stacks_in_15206 .hype-card-base, #stacks_in_15206 .card-base { } } @media screen and (max-width: 770px) { #stacks_in_15206 .hype-card-bg { } } /* slice */ #stacks_in_15206 .inner_slice_wrapper { margin: 0 auto; pointer-events: auto; } #stacks_in_15206 .inner_slice_content { padding: 30px; pointer-events: auto; margin: 0 auto; max-width: 800px; } @media (max-width: 768px) { #stacks_in_15206 .inner_slice_content { padding: 20px; } } #stacks_in_15206 .inner_slice_content, #stacks_in_15206 .inner_slice_content p, #stacks_in_15206 .inner_slice_content span, #stacks_in_15206 .inner_slice_content [class*="fa fa-"], #stacks_in_15206 .inner_slice_content h1, #stacks_in_15206 .inner_slice_content h2, #stacks_in_15206 .inner_slice_content h3, #stacks_in_15206 .inner_slice_content h4, #stacks_in_15206 .inner_slice_content h5, #stacks_in_15206 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #FFFFFF !important; } #stacks_in_15206 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_15206 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_15206 .inner_slice_content a:link, #stacks_in_15206 .inner_slice_content a { color: #FFFFFF !important; } #stacks_in_15206 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_15206 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_15206 .inner_slice_content a:hover { color: #2C6095 !important; } #stacks_in_15206 .inner_slice_content, #stacks_in_15206 .inner_slice_content p, #stacks_in_15206 .inner_slice_content span, #stacks_in_15206 .inner_slice_content [class*="fa fa-"], #stacks_in_15206 .inner_slice_content h1, #stacks_in_15206 .inner_slice_content h2, #stacks_in_15206 .inner_slice_content h3, #stacks_in_15206 .inner_slice_content h4, #stacks_in_15206 .inner_slice_content h5, #stacks_in_15206 .inner_slice_content h6 { } #stacks_in_15206 .inner_slice_content { margin-top: 90px; } /* manin and resp */ #stacks_in_15206 .vertical-21 { min-height: 90px; overflow: auto; } #stacks_in_15206 .hype-card-box { } @media (max-width: 768px) { #stacks_in_15206 .hype-card-box { } #stacks_in_15206 .vertical-21 { } #stacks_in_15206 .inner_slice_content { } } @media (max-width: 568px) { #stacks_in_15206 .hype-card-box { } #stacks_in_15206 .vertical-21 { } #stacks_in_15206 .inner_slice_content { } } /* button */ #stacks_in_15206 .hype-21-button { display: block !important; font-style: none !important; background-color: rgba(27, 47, 76, 0.60) !important; color: rgba(225, 225, 225, 1.00) !important; border-radius: 7px !important; -webkit-border-radius: 7px !important; overflow: auto !important; font-size: 19px !important; line-height: 19px !important; height: auto !important; padding: 11px 2px 12px !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 700 !important; margin-top: -71px !important; } #stacks_in_15206 .hype-21-button:hover { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_15206 .hype-21-button-x { display: none !important; display: block !important; } #stacks_in_15206 .hype-21-button-x:hover { opacity: 0.8 !important; } /* caption card */ #stacks_in_15206 .hype-text-card { color: rgba(255, 255, 255, 1.00) !important; pointer-events: none; margin-top: -52px !important; } #stacks_in_15206 .hype-text-card-top { color: rgba(255, 255, 255, 1.00) !important; pointer-events: none; margin-top: 20px !important; } #stacks_in_15206 .hype-text-card, #stacks_in_15206 .hype-text-card-top { -webkit-font-smoothing: antialiased !important; text-align: center; font-style: none; text-transform: none; font-size: 80px !important; line-height: 80px !important; letter-spacing: 0px !important; -webkit-font-smoothing: antialiased !important; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.35) !important; } #stacks_in_15206 .hype-text-card, #stacks_in_15206 .hype-text-card-top, #stacks_in_15206 p .hype-text-card { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Homemade Apple', sans-serif !important; font-weight: 400 !important; } #stacks_in_15206 .hype-text-card, #stacks_in_15206 .hype-text-card-top { } #stacks_in_15206 .trigger-in-view { opacity: 0 !important; margin-top: 90px !important; } #stacks_in_15206 .preview_only { display: none; } /* -- End EACH CSS Template -- */ #stacks_in_15206 { margin: 30px 0px 30px 0px; } #stacks_in_15213 { padding: 0px 0px 10px 3px; } #stacks_in_15215 { font-size: 80%; } .stacks_in_14858 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_14884 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} @charset "UTF-8";.movingbox.stacks_in_14987{--wait-time:1000ms;--animation-speed:1.00s} #stacks_in_15086 { font-size: 70%; } .stacks_in_15008 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_15088 { font-size: 70%; } .stacks_in_14896 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_15095 { font-size: 70%; } .stacks_in_15026 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_15097 { font-size: 70%; } .stacks_in_15072 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_15084 { font-size: 70%; } .stacks_in_14931 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_15052 { font-size: 70%; } .stacks_in_14943 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_15068 { font-size: 70%; } .stacks_in_15054 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_15038 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_15129 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_15168 img{width:100%;max-width:80px} #stacks_in_15175 { font-size: 130%; } .stacks_in_15166 img{width:100%;max-width:180px} #stacks_in_15173 { font-size: 130%; } .stacks_in_15170 img{width:100%;max-width:180px} #stacks_in_15177 { font-size: 130%; } .bg-color-2{background-color:rgba(217, 170, 40, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bg-color-2{background-attachment:scroll!important}} .stacks_in_14611_8 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_14611_48 > *{display:inline-block;white-space:nowrap} .stacks_in_14611_52 > *{display:inline-block;white-space:nowrap} .stacks_in_14611_56 > *{display:inline-block;white-space:nowrap} .stacks_in_14611_60 > *{display:inline-block;white-space:nowrap} .stacks_in_14611_129 > *{display:inline-block;white-space:nowrap}