.seam{background-color:transparent;width:100%;overflow:hidden}.seam svg{display:block;-webkit-transform:scale(1.05);transform:scale(1.05)}.seam-top{z-index:1;position:absolute;top:0}.seam-bottom{z-index:1;position:absolute;bottom:0}.seam-content-wrapper{position:relative;overflow:hidden}.seam-content-wrapper .seam,.seam-content-wrapper .seam-filler{position:absolute;width:100%;top:60%}.seam-content-wrapper .seam{-webkit-transform:translateY(-100%) scale(1.01);transform:translateY(-100%) scale(1.01)}.seam-content-wrapper .seam-filler{height:100%}.seam-animate-end{visibility:hidden} :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(8, 69, 149, 1.00);--secondary:rgba(254, 0, 0, 0.75);--success:rgba(115, 123, 170, 1.00);--warning:rgba(240, 130, 173, 1.00);--alert:rgba(97, 189, 225, 0.75);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(254, 254, 254, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);/* --primary-light:rgba(218, 255, 255, 1.00);--secondary-light:rgba(255, 210, 210, 0.75);--success-light:rgba(255, 255, 255, 1.00);--warning-light:rgba(255, 255, 255, 1.00);--alert-light:rgba(255, 255, 255, 0.75);*/--primary-dark:rgba(0, 39, 119, 1.00);--secondary-dark:rgba(224, 0, 0, 0.75);--success-dark:rgba(85, 93, 140, 1.00);--warning-dark:rgba(210, 100, 143, 1.00);--alert-dark:rgba(67, 159, 195, 0.75);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem}::-moz-selection{background:var(--selection-background);color:var(--selection-text)}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:calc(1200rem/16);}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} .myclass{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em){ .myclass{font-size:calc(16rem/16) }}@media only screen and (min-width:64em){ .myclass{font-size:calc(16rem/16) }} .MH{height:5rem ;} .BH{background-color:rgba(6, 70, 152, 1.00) ;background-image:url('') ;background-repeat:no-repeat ;background-size: cover ;} .HH{height:1.5rem ;} .HP{padding-top:6rem ;padding-right:0 ;padding-bottom:2rem ;padding-left:0 ;} .PM{position:fixed ;z-index:1 ;top:2% ;bottom:unset ;left:unset ;right:5% ;transform:translateY(-50%) translateX(-50%) ;} .LPB{position:fixed ;z-index:1 ;top:unset ;bottom:0px ;left:unset ;right:unset ;} .CloseP{position:fixed ;z-index:1 ;top:unset ;bottom:unset ;left:0px ;right:unset ;} .stacks_in_16_7 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} /* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_389 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_389 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_389 .wrapper_link { display: none !important; position: absolute; padding: 0; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; min-height: 100px !important; max-height: 200px !important; width: auto; max-width: 75vw; } #stacks_in_389 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 20vh; min-height: 140px !important; padding: 0; %%[[if edit]]%% display:none; %%[[endif]]%% } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_389 .back_wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_389 .back_wrapper_8573 { } } #stacks_in_389 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 20vh; min-height: 140px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_389 .wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_389 .wrapper_8573 { } } /* Hype internal elements - rotation */ #stacks_in_389 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* --------------- */ #stacks_in_389 .wrapper_working_area { background: url(../files/edit_mode_titles_guide_border.gif) center center no-repeat !important; max-width: 1300px; height: 20vh; background-size: contain !important; -webkit-background-size: contain !important; -moz-background-size: contain !important; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; opacity: 0.65; display: none !important; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; margin-right: auto; margin-left: auto; text-align: center; opacity: 0.35 !important; } /* ---TITLE active only with "STATIC" titles */ .hype-title-static { } .hype-title-scale{ -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; opacity: 1; overflow: visible; -webkit-animation: hype-title-scale 1.6s ease-out both !important; animation: hype-title-scale 1.6s ease-out both !important; %%[[if !edit]]%% } @keyframes hype-title-scale { 0% {transform: scale(0.8); opacity: 0;} 40% {transform: scale(0.8);} 45% {opacity: 0;} 100% {transform: scale(1); opacity: 1;} } @-webkit-keyframes hype-title-scale { 0% {-webkit-transform: scale(0.8); opacity: 0;} 40% {-webkit-transform: scale(0.8);} 45% {opacity: 0;} 100% {-webkit-transform: scale(1); opacity: 1;} } .hype-title-fade { -webkit-animation: hype-title-fade 1.8s ease-in-out both !important; animation: hype-title-fade 1.8s ease-in-out both !important; } @keyframes hype-title-fade { 0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes hype-title-fade { 0% { opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } /* A */ #stacks_in_389 .theme_title { color: #558198 !important; } /* B */ #stacks_in_389 .theme_title_b { color: #84ADC5 !important; } /* Tit A-B styles */ #stacks_in_389 .theme_slogan { color: #FFFFFF !important; font-size: 46px !important; font-family: "montserratbold", sans-serif !important; font-style: none; text-transform: uppercase; text-decoration: underline; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; -moz-transform: rotate( 0deg ) !important; margin-top: -75px !important; margin-left: 0px !important; display: block !important; letter-spacing: 22px !important; line-height: 70px !important; } /* TITLE CSS */ #stacks_in_389 .theme_title, #stacks_in_389 .theme_title_b { font-size: 216px !important; font-style: none; text-transform: uppercase;text-decoration: None; margin-top: 10px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: "fjalla_oneregular", sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; -webkit-transform: translate3d(0,0,0) !important; -moz-background-clip: text !important; -webkit-background-clip: text !important; text-shadow: 0 0 rgba(0, 0, 0, 0) !important; background-position: 50% 50% !important; background-size: cover !important; color: transparent !important; background: url(https://media.giphy.com/media/3oFzm7ZRPniCAsLQAM/giphy.gif); } /* upg 1.1.3 - 113 */ #stacks_in_389 .theme_title, #stacks_in_389 .theme_title_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_389 .back_wrapper_8573 { /* upg 1.1.4 - 114 */ /* beta */ /* */ } #stacks_in_389 .back_wrapper_8573bg { text-align: center; display: block; position: relative; max-width: 1300vh; height: 20vh; min-height: 140px !important; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_389 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_389 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_389 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_389 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_389 .back_wrapper_8573bg#stacks_in_389 .back_wrapper_8573bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_389 .back_wrapper_8573bg { } } @media (max-width: 600px) { #stacks_in_389 .back_wrapper_8573bg { } } #stacks_in_389 .theme_title, #stacks_in_389 .theme_title_b { text-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) !important; } #stacks_in_389 .theme_title, #stacks_in_389 .theme_title_b { } /* --------------- */ /* @group Built-in Webfonts */ @font-face { font-family: 'cordial_proregregular'; src: url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prosemibold'; src: url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_promedium'; src: url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prolight'; src: url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_probold'; src: url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_inlineBdrounded'; src: url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_cherryBdrounded'; src: url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* cordial end */ @font-face { font-family: 'rubik_mono_oneregular'; src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'abelregular'; src: url('../files/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts/abel/abel-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanscondensed_light'; src: url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bree_serifregular'; src: url('../files/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('../files/webfonts/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts/pacifico/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'signikaregular'; src: url('../files/webfonts/signika/signika-regular-webfont.woff2') format('woff2'), url('../files/webfonts/signika/signika-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rochesterregular'; src: url('../files/webfonts/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rochester/rochester-regular-webfont.woff') format('woff') font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_display_scregular'; src: url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight'; src: url('../files/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../files/webfonts/raleway/raleway-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fjalla_oneregular'; src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vigaregular'; src: url('../files/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts/viga/viga-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_blackregular'; src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* @end */ #stacks_in_389 .decoration_color_1 { background-color: #FFFFFF !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_389 .flash-color { background-color: rgba(11, 50, 134, 1.00) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; display: block !important; } /* end style */ /* EDIT mode */ /* -- End EACH CSS Template -- */#stacks_in_389 .scrollButton-hypetitles { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 16%; border-radius: 56px; -webkit-border-radius: 56px; -moz-border-radius: 56px; padding: 0; width: 92px; display: block; -webkit-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;-moz-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 3; animation-delay: 0.15s; } @keyframes hypetitles-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px); } 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } } @-webkit-keyframes hypetitles-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_389 .scrollButton-hypetitles a { font-size: 58px !important; line-height: 1em; transition: 0.05s linear; -webkit-transition: 0.04s linear; -moz-transition: 0.04s linear; -webkit-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.3s; color: #FFFFFF !important; } #stacks_in_389 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_389 .scrollButton-hypetitles #stacks_in_389 [class*="fa fa-"] { color: #FFFFFF !important; } @keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_389 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_389 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_389 .scrollButton-hypetitles [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } #target-hypetitles { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_389 .scrollButton-hypetitles { display: none !important; } #stacks_in_389 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } } .facebook, .facebook:hover{background-color:rgba(59, 89, 153, 1.00) ;} .twitter, .twitter:hover{background-color:rgba(85, 172, 238, 1.00) ;} .instagram, .instagram:hover{background-color:rgba(228, 64, 95, 1.00) ;} .youtube, .youtube:hover{background-color:rgba(205, 32, 31, 1.00) ;} .social-button{width:4rem ;} /* -- Start The hipe titles Each css Template -- */ #stacks_in_470 .clip, #stacks_in_470 .clip_no { font-size: 70px !important; font-family: title_custom_font_selector !important; font-style: none !important; text-transform: uppercase !important; letter-spacing: 10px !important; word-spacing: -8px !important; line-height: 70px !important; filter: drop-shadow(-1px -1px 0px rgba(255, 255, 255, 0.67)) !important; font-family: 'Julius Sans One', sans-serif !important; %%[[if edit]]%% } /* added style to P to fix issue in foundaiton */ #stacks_in_470 .clip p, #stacks_in_470 .clip_no p { %%[[if !edit]]%% font-family: title_custom_font_selector !important; font-family: 'Julius Sans One', sans-serif !important; %%[[if edit]]%% } /* prevent issue in Foundation theme and some stacks */ #stacks_in_470 p { font-size: 70px !important; line-height: 70px !important;} #stacks_in_470 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important;} #stacks_in_470 .clip_no, #stacks_in_470 .clip_no p { color: rgba(239, 239, 239, 1.00) !important; } #stacks_in_470 .left-side-hide { -webkit-transform: translate3d(0,0,0) !important; filter: drop-shadow(3px 0px 3px rgba(0, 0, 0, 0.25)) !important; } #stacks_in_470 .clip, #stacks_in_470 .clip p { -moz-background-clip: text !important; -webkit-background-clip: text !important; color: transparent !important; background-position: left center !important; background-size: cover !important; } #stacks_in_470 .clip p, #stacks_in_470 .clip_no p { margin: 0 !important; padding-top: 570px !important; padding-left: 0px !important; padding-right: 0px !important; } #stacks_in_470 .clip, #stacks_in_470 .clip p, #stacks_in_470 .clip_no, #stacks_in_470 .clip_no p { text-align: center; text-align: center !important; } #stacks_in_470 .clip, #stacks_in_470 .box_left { background-position: left center !important; background-size: cover !important; } #stacks_in_470 .viewport-animation-1, #stacks_in_470 .viewport-animation-2, #stacks_in_470 .viewport-animation-3, #stacks_in_470 .viewport-animation-4 { display: !important; } #stacks_in_470 .box_left, #stacks_in_470 .clip { background-position: left center !important; background-size: cover !important; background-image: url() !important; } /* Hype CSS */ #stacks_in_470 .cursor_ew-resize_style, #stacks_in_470 .cursor_ew-resize_style:hover { cursor:ew-resize !important; } #stacks_in_470 .cursor_style_fix_col, #stacks_in_470 .cursor_style_fix_col [class^="fa fa-"], #stacks_in_470 .cursor_style_fix_col [class*="fa fa-"] { color: #9e9e9e !important; } #stacks_in_470 .cursor_style_fix_col:hover, #stacks_in_470 .cursor_style_fix_col [class^="fa fa-"]:hover, #stacks_in_470 .cursor_style_fix_col [class*="fa fa-"]:hover { color: #f6f6f6 !important; } #stacks_in_470 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } #stacks_in_470 .move_slide_viewport_symbol { margin-top: 45px !important; } #stacks_in_470 .move_hide_enlarge_viewport_symbol { margin-top: -200px !important; } #stacks_in_470 .button-stats:hover, .button-stats:hover {background-color: #262626 !important; } /* hype element */ #stacks_in_470 .image_bg_hype { %%[[if !edit]]%% filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important; -webkit-filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important; opacity: 1 !important; background: url(../files/background_image_disk-470.jpg) !important; background-repeat: repeat-x !important; background-position: left center !important; %%[[if edit]]%% } #stacks_in_470 .image_bg_in_out { background-color: rgba(124, 216, 237, 0.51) !important; } #stacks_in_470 .image_bg_overlay_hype { } #stacks_in_470 .image_bg_overlay_hype { } #stacks_in_470 .wrapper_link {display: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; width: 100%; height: 100%; %%[[if edit]]%% display:none; } #stacks_in_470 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; padding: 1px 0 0 !important; } /* fix offset repeat in EX padding top */ #stacks_in_470 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; } /* @group Built-in Webfonts */ @font-face { font-family: 'cordial_proregregular'; src: url('../files/webfonts/cordial_web/cordial_regular_39-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_regular_39-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.svg#cordial_proregregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prosemibold'; src: url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.svg#cordial_prosemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_promedium'; src: url('../files/webfonts/cordial_web/cordial_medium_38-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_medium_38-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_medium_38-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_medium_38-webfont.svg#cordial_promedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prolight'; src: url('../files/webfonts/cordial_web/cordial_light_59-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_light_59-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.svg#cordial_prolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_probold'; src: url('../files/webfonts/cordial_web/cordial_bold_69-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_bold_69-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.svg#cordial_probold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_inlineBdrounded'; src: url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.svg#cordial_pro_inlineBdrounded') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_cherryBdrounded'; src: url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.svg#cordial_pro_cherryBdrounded') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rubik_mono_oneregular'; src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot'); src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.ttf') format('truetype'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.svg#rubik_mono_oneregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../files/webfonts/montserrat/montserrat-bold-webfont.eot'); src: url('../files/webfonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'), url('../files/webfonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'), url('../files/webfonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_display_scregular'; src: url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot'); src: url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.ttf') format('truetype'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.svg#playfair_display_scregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'abelregular'; src: url('../files/webfonts/abel/abel-regular-webfont.eot'); src: url('../files/webfonts/abel/abel-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts/abel/abel-regular-webfont.woff') format('woff'), url('../files/webfonts/abel/abel-regular-webfont.ttf') format('truetype'), url('../files/webfonts/abel/abel-regular-webfont.svg#abelregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanscondensed_light'; src: url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.eot'); src: url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.ttf') format('truetype'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bree_serifregular'; src: url('../files/webfonts/breeserif/breeserif-regular-webfont.eot'); src: url('../files/webfonts/breeserif/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'), url('../files/webfonts/breeserif/breeserif-regular-webfont.ttf') format('truetype'), url('../files/webfonts/breeserif/breeserif-regular-webfont.svg#bree_serifregular')format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('../files/webfonts/pacifico/pacifico-regular-webfont.eot'); src: url('../files/webfonts/pacifico/pacifico-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts/pacifico/pacifico-regular-webfont.woff') format('woff'), url('../files/webfonts/pacifico/pacifico-regular-webfont.ttf') format('truetype'), url('../files/webfonts/pacifico/pacifico-regular-webfont.svg#pacificoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'signikaregular'; src: url('../files/webfonts/signika/signika-regular-webfont.eot'); src: url('../files/webfonts/signika/signika-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/signika/signika-regular-webfont.woff2') format('woff2'), url('../files/webfonts/signika/signika-regular-webfont.woff') format('woff'), url('../files/webfonts/signika/signika-regular-webfont.ttf') format('truetype'), url('../files/webfonts/signika/signika-regular-webfont.svg#signikaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rochesterregular'; src: url('../files/webfonts/rochester/rochester-regular-webfont.eot'); src: url('../files/webfonts/rochester/rochester-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rochester/rochester-regular-webfont.woff') format('woff'), url('../files/webfonts/rochester/rochester-regular-webfont.ttf') format('truetype'), url('../files/webfonts/rochester/rochester-regular-webfont.svg#rochesterregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_display_scregular'; src: url('../files/webfonts/playfair/playfairdisplaysc-regular-webfont.eot'); src: url('../files/webfonts/playfair/playfairdisplaysc-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/playfair/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../files/webfonts/playfair/playfairdisplaysc-regular-webfont.woff') format('woff'), url('../files/webfonts/playfair/playfairdisplaysc-regular-webfont.ttf') format('truetype'), url('../files/webfonts/playfair/playfairdisplaysc-regular-webfont.svg#playfair_display_scregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight'; src: url('../files/webfonts/raleway/raleway-light-webfont.eot'); src: url('../files/webfonts/raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../files/webfonts/raleway/raleway-light-webfont.woff') format('woff'), url('../files/webfonts/raleway/raleway-light-webfont.ttf') format('truetype'), url('../files/webfonts/raleway/raleway-light-webfont.svg#ralewaylight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fjalla_oneregular'; src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.eot'); src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.ttf') format('truetype'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vigaregular'; src: url('../files/webfonts/viga/viga-regular-webfont.eot'); src: url('../files/webfonts/viga/viga-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts/viga/viga-regular-webfont.woff') format('woff'), url('../files/webfonts/viga/viga-regular-webfont.ttf') format('truetype'), url('../files/webfonts/viga/viga-regular-webfont.svg#vigaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('../files/webfonts/ubuntu/ubuntu-r-webfont.eot'); src: url('../files/webfonts/ubuntu/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.ttf') format('truetype'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.svg#ubunturegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_blackregular'; src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.eot'); src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.ttf') format('truetype'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.svg#archivo_blackregular') format('svg'); font-weight: normal;font-style: normal; } /* @end */ /* ex preview */ /* DEMO simulator */ /* UI descript COMPACT */ #stacks_in_470 .HYPE_document, #stacks_in_470 .back_wrapper_8573, #stacks_in_470 .wrapper_8573 { } /* 1A responsive - desktop and full width ____ */ #stacks_in_470 .back_wrapper_8573, #stacks_in_470 .wrapper_8573 { max-width: 1800px !important; height: 550px !important; } @media only screen and (min-width: 1400px) { #stacks_in_470 .back_wrapper_8573, #stacks_in_470 .wrapper_8573 { max-width: 1800px !important; height: 550px !important; } #stacks_in_470 .brk_info:after { content: "WIDE \f108 + 4BP"; -webkit-animation: scale-css2 0.35s ease-in-out both !important; animation: scale-css2 0.35s ease-in-out both !important; } } @media only screen and (max-width: 1400px ) { #stacks_in_470 .back_wrapper_8573, #stacks_in_470 .wrapper_8573 { height: 340px !important; } #stacks_in_470 .brk_info:after { content: "1 \f109"; -webkit-animation: scale-css 0.35s ease-in-out both !important; animation: scale-css 0.35s ease-in-out both !important; } } /* 2B */ @media only screen and (max-width: 1000px ) { #stacks_in_470 .back_wrapper_8573, #stacks_in_470 .wrapper_8573 { height: 350px !important; } #stacks_in_470 .brk_info:after { content: "2 \f2d0"; -webkit-animation: scale-css2 0.35s ease-in-out both !important; animation: scale-css2 0.35s ease-in-out both !important; } } /* 3C */ @media only screen and (max-width: 700px ) { #stacks_in_470 .back_wrapper_8573, #stacks_in_470 .wrapper_8573 { height: 250px !important; } #stacks_in_470 .brk_info:after { content: "3 \f10a"; -webkit-animation: scale-css 0.35s ease-in-out both !important; animation: scale-css 0.35s ease-in-out both !important; } } /* 4D */ @media only screen and (max-width: 410px ) { #stacks_in_470 .back_wrapper_8573, #stacks_in_470 .wrapper_8573 { height: 115px !important; } #stacks_in_470 .brk_info:after { content: "4 \f10b"; -webkit-animation: scale-css2 0.35s ease-in-out both !important; animation: scale-css2 0.35s ease-in-out both !important; } } /* -- End EACH CSS Template -- */ .stacks_in_505_10 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} /* */ body { margin: 0; } #feature-slider-stacks_in_505_6 { height: 100%; font-family: "Proxima Nova"; max-width: 350px; border-radius: 10px; width: 100%; display: block; overflow: hidden; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #feature-slider-stacks_in_505_6 .feature-slide { min-height: 400px; /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ top: 0; left: 0; right: 0; width: 100%; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; position: absolute; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; -webkit-transition: all 0.3s, background 0.5s, opacity 0s; transition: all 0.3s, background 0.5s, opacity 0s; } #feature-slider-stacks_in_505_6 .feature-slide.active { opacity: 1; z-index: 10; } #feature-slider-stacks_in_505_6 .feature-slide.active .feature-slide-action > a { opacity: 1; -webkit-animation: slide-action-pulse 1s; animation: slide-action-pulse 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_6 .feature-slide > .ssi { width: 100%; display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } #feature-slider-stacks_in_505_6 .feature-slide .feature-slide-title { /* */ font-family: "Open Sans"; /* */ opacity: 0; color: rgba(29, 23, 23, 1.00); max-width: 800px; font-size: 26px; padding: 20px 15px; line-height: 36.399998px; margin: 0 auto; margin-top: auto; font-weight: bold; } #feature-slider-stacks_in_505_6 .feature-slide .feature-slide-icon { color: rgba(255, 255, 255, 1.00); padding: 10px 10px; } #feature-slider-stacks_in_505_6 .feature-slide .feature-slide-icon .slide-icon { width: 200px; height: 200px; border-radius: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.30); } #feature-slider-stacks_in_505_6 .feature-slide .feature-slide-icon i { color: inherit; font-size: 100px; vertical-align: middle; } #feature-slider-stacks_in_505_6 .feature-slide .feature-slide-icon i[class*="ion-"] { line-height: 0; } #feature-slider-stacks_in_505_6 .feature-slide .feature-slide-description { /* */ font-family: "Open Sans"; /* */ opacity: 0; margin: 0 auto; color: rgba(39, 31, 30, 0.40); font-size: 16px; padding: 20px 15px; max-width: 800px; line-height: 22.400000px; } #feature-slider-stacks_in_505_6 .feature-slide .feature-slide-action { padding: 20px 15px; background: rgba(29, 23, 23, 0.10); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-top: auto; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #feature-slider-stacks_in_505_6 .feature-slide .feature-slide-action > a { /* */ font-family: "Open Sans"; /* */ opacity: 0; -webkit-transform: translateY(200%); transform: translateY(200%); display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(255, 255, 255, 1.00); font-size: 14px; padding: 10px 15px; border-radius: 30px; background: rgba(29, 23, 23, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s, opacity 0.3s 0.3s; transition: all 0.3s, opacity 0.3s 0.3s; } #feature-slider-stacks_in_505_6 .feature-slide .feature-slide-action > a span::before { content: 'Read Post...'; display: inline-block; } #feature-slider-stacks_in_505_6 .feature-slide .feature-slide-action > a:hover { -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); } #feature-slider-stacks_in_505_6 .feature-slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #feature-slider-stacks_in_505_6 .feature-slider-nav a { opacity: 1; z-index: 20; display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(39, 31, 30, 0.50); width: 24px; height: 24px; font-size: 24px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #feature-slider-stacks_in_505_6 .feature-slider-nav a:hover { color: rgba(39, 31, 30, 1.00); } #feature-slider-stacks_in_505_6.hide-titles .feature-slide .feature-slide-title { display: none; } #feature-slider-stacks_in_505_6.hide-titles .feature-slide .feature-slide-title .feature-slide .feature-slide-icon { margin-top: auto; } #feature-slider-stacks_in_505_6.hide-descs .feature-slide .feature-slide-description { display: none; } #feature-slider-stacks_in_505_6.hide-icons .feature-slide .feature-slide-icon { display: none; } #feature-slider-stacks_in_505_6.hide-actions .feature-slide .feature-slide-action > a { display: none; } #feature-slider-stacks_in_505_6.hide-titles.hide-icons .feature-slide .feature-slide-description { margin-top: auto; } #feature-slider-stacks_in_505_6.forwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_6.forwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_6.forwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-left 0.5s; animation: slide-out-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_6.forwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_6.forwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_6.forwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-left 0.5s; animation: slide-in-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_6.backwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_6.backwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_6.backwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-right 0.5s; animation: slide-out-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_6.backwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_6.backwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_6.backwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-right 0.5s; animation: slide-in-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @-webkit-keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @-webkit-keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } #feature-slide-stacks_in_505_4.feature-slide::before { top: 0; left: 0; content: ''; width: 100%; height: 100%; display: none; position: absolute; background: rgba(0, 0, 0, 0.00); } #feature-slide-stacks_in_505_4.feature-slide.custom-slide-action-text .feature-slide-action > a span::before { content: 'Verify Me'; } #feature-slide-stacks_in_505_4.feature-slide.image-icon .feature-slide-icon .slide-icon, #feature-slide-stacks_in_505_4.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon { background: none; background-size: cover; background-position: center center; background-image: url(../files/item_image_icon-4-B96.png); } #feature-slide-stacks_in_505_4.feature-slide.image-icon .feature-slide-icon .slide-icon i, #feature-slide-stacks_in_505_4.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon i { display: none; } #feature-slide-stacks_in_505_4.feature-slide.custom-slide-background { /* */ /* */ /* */ /* */ background: url(../files/item_bg_image_choice-4-B96.png) no-repeat center center; background-size: cover; /* */ } #feature-slide-stacks_in_505_4.feature-slide.custom-slide-background::before { /* */ display: block; /* */ } #feature-slide-stacks_in_505_4.feature-slide.custom-slide-title .feature-slide-title { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_4.feature-slide.custom-slide-icon .feature-slide-icon { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_4.feature-slide.custom-slide-icon .feature-slide-icon .slide-icon { background: rgba(255, 255, 255, 0.30); } #feature-slide-stacks_in_505_4.feature-slide.custom-slide-desc .feature-slide-description { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_4.feature-slide.custom-slide-action .feature-slide-action > a{ color: rgba(187, 187, 187, 1.00); background: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_4.feature-slide.custom-slide-nav .feature-slide-action { background: rgba(0, 0, 0, 0.30); } #feature-slide-stacks_in_505_4.feature-slide.custom-slide-nav .feature-slider-nav a { color: rgba(255, 255, 255, 0.40); } #feature-slide-stacks_in_505_4.feature-slide.custom-slide-nav .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } /* */ body { margin: 0; } #feature-slider-stacks_in_505_17 { height: 100%; font-family: "Proxima Nova"; max-width: 350px; border-radius: 10px; width: 100%; display: block; overflow: hidden; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #feature-slider-stacks_in_505_17 .feature-slide { min-height: 400px; /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ top: 0; left: 0; right: 0; width: 100%; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; position: absolute; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; -webkit-transition: all 0.3s, background 0.5s, opacity 0s; transition: all 0.3s, background 0.5s, opacity 0s; } #feature-slider-stacks_in_505_17 .feature-slide.active { opacity: 1; z-index: 10; } #feature-slider-stacks_in_505_17 .feature-slide.active .feature-slide-action > a { opacity: 1; -webkit-animation: slide-action-pulse 1s; animation: slide-action-pulse 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_17 .feature-slide > .ssi { width: 100%; display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } #feature-slider-stacks_in_505_17 .feature-slide .feature-slide-title { /* */ font-family: "Open Sans"; /* */ opacity: 0; color: rgba(255, 255, 255, 1.00); max-width: 800px; font-size: 26px; padding: 20px 15px; line-height: 36.399998px; margin: 0 auto; margin-top: auto; font-weight: bold; } #feature-slider-stacks_in_505_17 .feature-slide .feature-slide-icon { color: rgba(255, 255, 255, 1.00); padding: 10px 10px; } #feature-slider-stacks_in_505_17 .feature-slide .feature-slide-icon .slide-icon { width: 200px; height: 200px; border-radius: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.30); } #feature-slider-stacks_in_505_17 .feature-slide .feature-slide-icon i { color: inherit; font-size: 100px; vertical-align: middle; } #feature-slider-stacks_in_505_17 .feature-slide .feature-slide-icon i[class*="ion-"] { line-height: 0; } #feature-slider-stacks_in_505_17 .feature-slide .feature-slide-description { /* */ font-family: "Open Sans"; /* */ opacity: 0; margin: 0 auto; color: rgba(254, 218, 165, 0.70); font-size: 16px; padding: 20px 15px; max-width: 800px; line-height: 22.400000px; } #feature-slider-stacks_in_505_17 .feature-slide .feature-slide-action { padding: 20px 15px; background: rgba(29, 23, 23, 0.80); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-top: auto; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #feature-slider-stacks_in_505_17 .feature-slide .feature-slide-action > a { /* */ font-family: "Open Sans"; /* */ opacity: 0; -webkit-transform: translateY(200%); transform: translateY(200%); display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(254, 218, 165, 1.00); font-size: 14px; padding: 10px 15px; border-radius: 30px; background: rgba(79, 45, 32, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s, opacity 0.3s 0.3s; transition: all 0.3s, opacity 0.3s 0.3s; } #feature-slider-stacks_in_505_17 .feature-slide .feature-slide-action > a span::before { content: 'Read Post...'; display: inline-block; } #feature-slider-stacks_in_505_17 .feature-slide .feature-slide-action > a:hover { -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); } #feature-slider-stacks_in_505_17 .feature-slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #feature-slider-stacks_in_505_17 .feature-slider-nav a { opacity: 1; z-index: 20; display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(254, 218, 165, 0.50); width: 24px; height: 24px; font-size: 24px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #feature-slider-stacks_in_505_17 .feature-slider-nav a:hover { color: rgba(254, 218, 165, 1.00); } #feature-slider-stacks_in_505_17.hide-titles .feature-slide .feature-slide-title { display: none; } #feature-slider-stacks_in_505_17.hide-titles .feature-slide .feature-slide-title .feature-slide .feature-slide-icon { margin-top: auto; } #feature-slider-stacks_in_505_17.hide-descs .feature-slide .feature-slide-description { display: none; } #feature-slider-stacks_in_505_17.hide-icons .feature-slide .feature-slide-icon { display: none; } #feature-slider-stacks_in_505_17.hide-actions .feature-slide .feature-slide-action > a { display: none; } #feature-slider-stacks_in_505_17.hide-titles.hide-icons .feature-slide .feature-slide-description { margin-top: auto; } #feature-slider-stacks_in_505_17.forwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_17.forwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_17.forwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-left 0.5s; animation: slide-out-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_17.forwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_17.forwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_17.forwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-left 0.5s; animation: slide-in-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_17.backwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_17.backwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_17.backwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-right 0.5s; animation: slide-out-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_17.backwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_17.backwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_17.backwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-right 0.5s; animation: slide-in-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @-webkit-keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @-webkit-keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } #feature-slide-stacks_in_505_15.feature-slide::before { top: 0; left: 0; content: ''; width: 100%; height: 100%; display: none; position: absolute; background: rgba(0, 0, 255, 0.00); } #feature-slide-stacks_in_505_15.feature-slide.custom-slide-action-text .feature-slide-action > a span::before { content: 'Verify Me'; } #feature-slide-stacks_in_505_15.feature-slide.image-icon .feature-slide-icon .slide-icon, #feature-slide-stacks_in_505_15.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon { background: none; background-size: cover; background-position: center center; background-image: url(../files/item_image_icon-15-B96.png); } #feature-slide-stacks_in_505_15.feature-slide.image-icon .feature-slide-icon .slide-icon i, #feature-slide-stacks_in_505_15.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon i { display: none; } #feature-slide-stacks_in_505_15.feature-slide.custom-slide-background { /* */ /* */ /* */ /* */ background: url(../files/item_bg_image_choice-15-B96.png) no-repeat center center; background-size: cover; /* */ } #feature-slide-stacks_in_505_15.feature-slide.custom-slide-background::before { /* */ display: block; /* */ } #feature-slide-stacks_in_505_15.feature-slide.custom-slide-title .feature-slide-title { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_15.feature-slide.custom-slide-icon .feature-slide-icon { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_15.feature-slide.custom-slide-icon .feature-slide-icon .slide-icon { background: rgba(255, 255, 255, 0.30); } #feature-slide-stacks_in_505_15.feature-slide.custom-slide-desc .feature-slide-description { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_15.feature-slide.custom-slide-action .feature-slide-action > a{ color: rgba(187, 187, 187, 1.00); background: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_15.feature-slide.custom-slide-nav .feature-slide-action { background: rgba(0, 0, 0, 0.30); } #feature-slide-stacks_in_505_15.feature-slide.custom-slide-nav .feature-slider-nav a { color: rgba(255, 255, 255, 0.40); } #feature-slide-stacks_in_505_15.feature-slide.custom-slide-nav .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } /* */ body { margin: 0; } #feature-slider-stacks_in_505_24 { height: 100%; font-family: "Proxima Nova"; max-width: 350px; border-radius: 10px; width: 100%; display: block; overflow: hidden; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #feature-slider-stacks_in_505_24 .feature-slide { min-height: 400px; /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ top: 0; left: 0; right: 0; width: 100%; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; position: absolute; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; -webkit-transition: all 0.3s, background 0.5s, opacity 0s; transition: all 0.3s, background 0.5s, opacity 0s; } #feature-slider-stacks_in_505_24 .feature-slide.active { opacity: 1; z-index: 10; } #feature-slider-stacks_in_505_24 .feature-slide.active .feature-slide-action > a { opacity: 1; -webkit-animation: slide-action-pulse 1s; animation: slide-action-pulse 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_24 .feature-slide > .ssi { width: 100%; display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } #feature-slider-stacks_in_505_24 .feature-slide .feature-slide-title { /* */ font-family: "Open Sans"; /* */ opacity: 0; color: rgba(29, 23, 23, 1.00); max-width: 800px; font-size: 26px; padding: 20px 15px; line-height: 36.399998px; margin: 0 auto; margin-top: auto; font-weight: bold; } #feature-slider-stacks_in_505_24 .feature-slide .feature-slide-icon { color: rgba(255, 255, 255, 1.00); padding: 10px 10px; } #feature-slider-stacks_in_505_24 .feature-slide .feature-slide-icon .slide-icon { width: 200px; height: 200px; border-radius: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.30); } #feature-slider-stacks_in_505_24 .feature-slide .feature-slide-icon i { color: inherit; font-size: 100px; vertical-align: middle; } #feature-slider-stacks_in_505_24 .feature-slide .feature-slide-icon i[class*="ion-"] { line-height: 0; } #feature-slider-stacks_in_505_24 .feature-slide .feature-slide-description { /* */ font-family: "Open Sans"; /* */ opacity: 0; margin: 0 auto; color: rgba(39, 31, 30, 0.40); font-size: 16px; padding: 20px 15px; max-width: 800px; line-height: 22.400000px; } #feature-slider-stacks_in_505_24 .feature-slide .feature-slide-action { padding: 20px 15px; background: rgba(29, 23, 23, 0.10); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-top: auto; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #feature-slider-stacks_in_505_24 .feature-slide .feature-slide-action > a { /* */ font-family: "Open Sans"; /* */ opacity: 0; -webkit-transform: translateY(200%); transform: translateY(200%); display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(255, 255, 255, 1.00); font-size: 14px; padding: 10px 15px; border-radius: 30px; background: rgba(29, 23, 23, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s, opacity 0.3s 0.3s; transition: all 0.3s, opacity 0.3s 0.3s; } #feature-slider-stacks_in_505_24 .feature-slide .feature-slide-action > a span::before { content: 'Read Post...'; display: inline-block; } #feature-slider-stacks_in_505_24 .feature-slide .feature-slide-action > a:hover { -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); } #feature-slider-stacks_in_505_24 .feature-slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #feature-slider-stacks_in_505_24 .feature-slider-nav a { opacity: 1; z-index: 20; display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(39, 31, 30, 0.50); width: 24px; height: 24px; font-size: 24px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #feature-slider-stacks_in_505_24 .feature-slider-nav a:hover { color: rgba(39, 31, 30, 1.00); } #feature-slider-stacks_in_505_24.hide-titles .feature-slide .feature-slide-title { display: none; } #feature-slider-stacks_in_505_24.hide-titles .feature-slide .feature-slide-title .feature-slide .feature-slide-icon { margin-top: auto; } #feature-slider-stacks_in_505_24.hide-descs .feature-slide .feature-slide-description { display: none; } #feature-slider-stacks_in_505_24.hide-icons .feature-slide .feature-slide-icon { display: none; } #feature-slider-stacks_in_505_24.hide-actions .feature-slide .feature-slide-action > a { display: none; } #feature-slider-stacks_in_505_24.hide-titles.hide-icons .feature-slide .feature-slide-description { margin-top: auto; } #feature-slider-stacks_in_505_24.forwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_24.forwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_24.forwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-left 0.5s; animation: slide-out-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_24.forwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_24.forwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_24.forwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-left 0.5s; animation: slide-in-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_24.backwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_24.backwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_24.backwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-right 0.5s; animation: slide-out-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_24.backwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_24.backwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_24.backwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-right 0.5s; animation: slide-in-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @-webkit-keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @-webkit-keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } #feature-slide-stacks_in_505_22.feature-slide::before { top: 0; left: 0; content: ''; width: 100%; height: 100%; display: none; position: absolute; background: rgba(0, 0, 0, 0.32); } #feature-slide-stacks_in_505_22.feature-slide.custom-slide-action-text .feature-slide-action > a span::before { content: 'Verify Me'; } #feature-slide-stacks_in_505_22.feature-slide.image-icon .feature-slide-icon .slide-icon, #feature-slide-stacks_in_505_22.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon { background: none; background-size: cover; background-position: center center; background-image: url(../files/item_image_icon-22-B96.png); } #feature-slide-stacks_in_505_22.feature-slide.image-icon .feature-slide-icon .slide-icon i, #feature-slide-stacks_in_505_22.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon i { display: none; } #feature-slide-stacks_in_505_22.feature-slide.custom-slide-background { /* */ /* */ /* */ /* */ background: url(../files/item_bg_image_choice-22-B96.png) no-repeat center center; background-size: cover; /* */ } #feature-slide-stacks_in_505_22.feature-slide.custom-slide-background::before { /* */ display: block; /* */ } #feature-slide-stacks_in_505_22.feature-slide.custom-slide-title .feature-slide-title { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_22.feature-slide.custom-slide-icon .feature-slide-icon { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_22.feature-slide.custom-slide-icon .feature-slide-icon .slide-icon { background: rgba(255, 255, 255, 0.30); } #feature-slide-stacks_in_505_22.feature-slide.custom-slide-desc .feature-slide-description { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_22.feature-slide.custom-slide-action .feature-slide-action > a{ color: rgba(187, 187, 187, 1.00); background: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_22.feature-slide.custom-slide-nav .feature-slide-action { background: rgba(0, 0, 0, 0.30); } #feature-slide-stacks_in_505_22.feature-slide.custom-slide-nav .feature-slider-nav a { color: rgba(255, 255, 255, 0.40); } #feature-slide-stacks_in_505_22.feature-slide.custom-slide-nav .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } /* */ body { margin: 0; } #feature-slider-stacks_in_505_31 { height: 100%; font-family: "Proxima Nova"; max-width: 350px; border-radius: 10px; width: 100%; display: block; overflow: hidden; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #feature-slider-stacks_in_505_31 .feature-slide { min-height: 400px; /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ top: 0; left: 0; right: 0; width: 100%; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; position: absolute; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; -webkit-transition: all 0.3s, background 0.5s, opacity 0s; transition: all 0.3s, background 0.5s, opacity 0s; } #feature-slider-stacks_in_505_31 .feature-slide.active { opacity: 1; z-index: 10; } #feature-slider-stacks_in_505_31 .feature-slide.active .feature-slide-action > a { opacity: 1; -webkit-animation: slide-action-pulse 1s; animation: slide-action-pulse 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_31 .feature-slide > .ssi { width: 100%; display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } #feature-slider-stacks_in_505_31 .feature-slide .feature-slide-title { /* */ font-family: "Open Sans"; /* */ opacity: 0; color: rgba(255, 255, 255, 1.00); max-width: 800px; font-size: 26px; padding: 20px 15px; line-height: 36.399998px; margin: 0 auto; margin-top: auto; font-weight: bold; } #feature-slider-stacks_in_505_31 .feature-slide .feature-slide-icon { color: rgba(255, 255, 255, 1.00); padding: 10px 10px; } #feature-slider-stacks_in_505_31 .feature-slide .feature-slide-icon .slide-icon { width: 200px; height: 200px; border-radius: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.30); } #feature-slider-stacks_in_505_31 .feature-slide .feature-slide-icon i { color: inherit; font-size: 100px; vertical-align: middle; } #feature-slider-stacks_in_505_31 .feature-slide .feature-slide-icon i[class*="ion-"] { line-height: 0; } #feature-slider-stacks_in_505_31 .feature-slide .feature-slide-description { /* */ font-family: "Open Sans"; /* */ opacity: 0; margin: 0 auto; color: rgba(254, 218, 165, 0.70); font-size: 16px; padding: 20px 15px; max-width: 800px; line-height: 22.400000px; } #feature-slider-stacks_in_505_31 .feature-slide .feature-slide-action { padding: 20px 15px; background: rgba(29, 23, 23, 0.80); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-top: auto; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #feature-slider-stacks_in_505_31 .feature-slide .feature-slide-action > a { /* */ font-family: "Open Sans"; /* */ opacity: 0; -webkit-transform: translateY(200%); transform: translateY(200%); display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(254, 218, 165, 1.00); font-size: 14px; padding: 10px 15px; border-radius: 30px; background: rgba(79, 45, 32, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s, opacity 0.3s 0.3s; transition: all 0.3s, opacity 0.3s 0.3s; } #feature-slider-stacks_in_505_31 .feature-slide .feature-slide-action > a span::before { content: 'Read Post...'; display: inline-block; } #feature-slider-stacks_in_505_31 .feature-slide .feature-slide-action > a:hover { -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); } #feature-slider-stacks_in_505_31 .feature-slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #feature-slider-stacks_in_505_31 .feature-slider-nav a { opacity: 1; z-index: 20; display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(254, 218, 165, 0.50); width: 24px; height: 24px; font-size: 24px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #feature-slider-stacks_in_505_31 .feature-slider-nav a:hover { color: rgba(254, 218, 165, 1.00); } #feature-slider-stacks_in_505_31.hide-titles .feature-slide .feature-slide-title { display: none; } #feature-slider-stacks_in_505_31.hide-titles .feature-slide .feature-slide-title .feature-slide .feature-slide-icon { margin-top: auto; } #feature-slider-stacks_in_505_31.hide-descs .feature-slide .feature-slide-description { display: none; } #feature-slider-stacks_in_505_31.hide-icons .feature-slide .feature-slide-icon { display: none; } #feature-slider-stacks_in_505_31.hide-actions .feature-slide .feature-slide-action > a { display: none; } #feature-slider-stacks_in_505_31.hide-titles.hide-icons .feature-slide .feature-slide-description { margin-top: auto; } #feature-slider-stacks_in_505_31.forwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_31.forwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_31.forwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-left 0.5s; animation: slide-out-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_31.forwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_31.forwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_31.forwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-left 0.5s; animation: slide-in-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_31.backwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_31.backwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_31.backwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-right 0.5s; animation: slide-out-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_31.backwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_31.backwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_31.backwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-right 0.5s; animation: slide-in-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @-webkit-keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @-webkit-keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } #feature-slide-stacks_in_505_29.feature-slide::before { top: 0; left: 0; content: ''; width: 100%; height: 100%; display: none; position: absolute; background: rgba(0, 0, 0, 0.00); } #feature-slide-stacks_in_505_29.feature-slide.custom-slide-action-text .feature-slide-action > a span::before { content: 'Verify Me'; } #feature-slide-stacks_in_505_29.feature-slide.image-icon .feature-slide-icon .slide-icon, #feature-slide-stacks_in_505_29.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon { background: none; background-size: cover; background-position: center center; background-image: url(../files/item_image_icon-29-B96.png); } #feature-slide-stacks_in_505_29.feature-slide.image-icon .feature-slide-icon .slide-icon i, #feature-slide-stacks_in_505_29.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon i { display: none; } #feature-slide-stacks_in_505_29.feature-slide.custom-slide-background { /* */ /* */ /* */ /* */ background: url(../files/item_bg_image_choice-29-B96.png) no-repeat center center; background-size: cover; /* */ } #feature-slide-stacks_in_505_29.feature-slide.custom-slide-background::before { /* */ display: block; /* */ } #feature-slide-stacks_in_505_29.feature-slide.custom-slide-title .feature-slide-title { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_29.feature-slide.custom-slide-icon .feature-slide-icon { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_29.feature-slide.custom-slide-icon .feature-slide-icon .slide-icon { background: rgba(255, 255, 255, 0.30); } #feature-slide-stacks_in_505_29.feature-slide.custom-slide-desc .feature-slide-description { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_29.feature-slide.custom-slide-action .feature-slide-action > a{ color: rgba(187, 187, 187, 1.00); background: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_29.feature-slide.custom-slide-nav .feature-slide-action { background: rgba(0, 0, 0, 0.30); } #feature-slide-stacks_in_505_29.feature-slide.custom-slide-nav .feature-slider-nav a { color: rgba(255, 255, 255, 0.40); } #feature-slide-stacks_in_505_29.feature-slide.custom-slide-nav .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } /* */ body { margin: 0; } #feature-slider-stacks_in_505_38 { height: 100%; font-family: "Proxima Nova"; max-width: 350px; border-radius: 10px; width: 100%; display: block; overflow: hidden; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #feature-slider-stacks_in_505_38 .feature-slide { min-height: 400px; /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ top: 0; left: 0; right: 0; width: 100%; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; position: absolute; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; -webkit-transition: all 0.3s, background 0.5s, opacity 0s; transition: all 0.3s, background 0.5s, opacity 0s; } #feature-slider-stacks_in_505_38 .feature-slide.active { opacity: 1; z-index: 10; } #feature-slider-stacks_in_505_38 .feature-slide.active .feature-slide-action > a { opacity: 1; -webkit-animation: slide-action-pulse 1s; animation: slide-action-pulse 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_38 .feature-slide > .ssi { width: 100%; display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } #feature-slider-stacks_in_505_38 .feature-slide .feature-slide-title { /* */ font-family: "Open Sans"; /* */ opacity: 0; color: rgba(29, 23, 23, 1.00); max-width: 800px; font-size: 26px; padding: 20px 15px; line-height: 36.399998px; margin: 0 auto; margin-top: auto; font-weight: bold; } #feature-slider-stacks_in_505_38 .feature-slide .feature-slide-icon { color: rgba(255, 255, 255, 1.00); padding: 10px 10px; } #feature-slider-stacks_in_505_38 .feature-slide .feature-slide-icon .slide-icon { width: 200px; height: 200px; border-radius: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.30); } #feature-slider-stacks_in_505_38 .feature-slide .feature-slide-icon i { color: inherit; font-size: 100px; vertical-align: middle; } #feature-slider-stacks_in_505_38 .feature-slide .feature-slide-icon i[class*="ion-"] { line-height: 0; } #feature-slider-stacks_in_505_38 .feature-slide .feature-slide-description { /* */ font-family: "Open Sans"; /* */ opacity: 0; margin: 0 auto; color: rgba(39, 31, 30, 0.40); font-size: 16px; padding: 20px 15px; max-width: 800px; line-height: 22.400000px; } #feature-slider-stacks_in_505_38 .feature-slide .feature-slide-action { padding: 20px 15px; background: rgba(29, 23, 23, 0.10); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-top: auto; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #feature-slider-stacks_in_505_38 .feature-slide .feature-slide-action > a { /* */ font-family: "Open Sans"; /* */ opacity: 0; -webkit-transform: translateY(200%); transform: translateY(200%); display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(255, 255, 255, 1.00); font-size: 14px; padding: 10px 15px; border-radius: 30px; background: rgba(29, 23, 23, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s, opacity 0.3s 0.3s; transition: all 0.3s, opacity 0.3s 0.3s; } #feature-slider-stacks_in_505_38 .feature-slide .feature-slide-action > a span::before { content: 'Read Post...'; display: inline-block; } #feature-slider-stacks_in_505_38 .feature-slide .feature-slide-action > a:hover { -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); } #feature-slider-stacks_in_505_38 .feature-slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #feature-slider-stacks_in_505_38 .feature-slider-nav a { opacity: 1; z-index: 20; display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(39, 31, 30, 0.50); width: 24px; height: 24px; font-size: 24px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #feature-slider-stacks_in_505_38 .feature-slider-nav a:hover { color: rgba(39, 31, 30, 1.00); } #feature-slider-stacks_in_505_38.hide-titles .feature-slide .feature-slide-title { display: none; } #feature-slider-stacks_in_505_38.hide-titles .feature-slide .feature-slide-title .feature-slide .feature-slide-icon { margin-top: auto; } #feature-slider-stacks_in_505_38.hide-descs .feature-slide .feature-slide-description { display: none; } #feature-slider-stacks_in_505_38.hide-icons .feature-slide .feature-slide-icon { display: none; } #feature-slider-stacks_in_505_38.hide-actions .feature-slide .feature-slide-action > a { display: none; } #feature-slider-stacks_in_505_38.hide-titles.hide-icons .feature-slide .feature-slide-description { margin-top: auto; } #feature-slider-stacks_in_505_38.forwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_38.forwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_38.forwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-left 0.5s; animation: slide-out-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_38.forwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_38.forwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_38.forwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-left 0.5s; animation: slide-in-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_38.backwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_38.backwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_38.backwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-right 0.5s; animation: slide-out-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_38.backwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_38.backwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_38.backwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-right 0.5s; animation: slide-in-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @-webkit-keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @-webkit-keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } #feature-slide-stacks_in_505_36.feature-slide::before { top: 0; left: 0; content: ''; width: 100%; height: 100%; display: none; position: absolute; background: rgba(0, 0, 0, 0.31); } #feature-slide-stacks_in_505_36.feature-slide.custom-slide-action-text .feature-slide-action > a span::before { content: 'Verify Me'; } #feature-slide-stacks_in_505_36.feature-slide.image-icon .feature-slide-icon .slide-icon, #feature-slide-stacks_in_505_36.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon { background: none; background-size: cover; background-position: center center; background-image: url(../files/item_image_icon-36-B96.png); } #feature-slide-stacks_in_505_36.feature-slide.image-icon .feature-slide-icon .slide-icon i, #feature-slide-stacks_in_505_36.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon i { display: none; } #feature-slide-stacks_in_505_36.feature-slide.custom-slide-background { /* */ /* */ /* */ /* */ background: url(../files/item_bg_image_choice-36-B96.png) no-repeat center center; background-size: cover; /* */ } #feature-slide-stacks_in_505_36.feature-slide.custom-slide-background::before { /* */ display: block; /* */ } #feature-slide-stacks_in_505_36.feature-slide.custom-slide-title .feature-slide-title { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_36.feature-slide.custom-slide-icon .feature-slide-icon { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_36.feature-slide.custom-slide-icon .feature-slide-icon .slide-icon { background: rgba(255, 255, 255, 0.30); } #feature-slide-stacks_in_505_36.feature-slide.custom-slide-desc .feature-slide-description { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_36.feature-slide.custom-slide-action .feature-slide-action > a{ color: rgba(187, 187, 187, 1.00); background: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_36.feature-slide.custom-slide-nav .feature-slide-action { background: rgba(0, 0, 0, 0.30); } #feature-slide-stacks_in_505_36.feature-slide.custom-slide-nav .feature-slider-nav a { color: rgba(255, 255, 255, 0.40); } #feature-slide-stacks_in_505_36.feature-slide.custom-slide-nav .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } /* */ body { margin: 0; } #feature-slider-stacks_in_505_45 { height: 100%; font-family: "Proxima Nova"; max-width: 350px; border-radius: 10px; width: 100%; display: block; overflow: hidden; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #feature-slider-stacks_in_505_45 .feature-slide { min-height: 400px; /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ top: 0; left: 0; right: 0; width: 100%; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; position: absolute; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; -webkit-transition: all 0.3s, background 0.5s, opacity 0s; transition: all 0.3s, background 0.5s, opacity 0s; } #feature-slider-stacks_in_505_45 .feature-slide.active { opacity: 1; z-index: 10; } #feature-slider-stacks_in_505_45 .feature-slide.active .feature-slide-action > a { opacity: 1; -webkit-animation: slide-action-pulse 1s; animation: slide-action-pulse 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_45 .feature-slide > .ssi { width: 100%; display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } #feature-slider-stacks_in_505_45 .feature-slide .feature-slide-title { /* */ font-family: "Open Sans"; /* */ opacity: 0; color: rgba(29, 23, 23, 1.00); max-width: 800px; font-size: 26px; padding: 20px 15px; line-height: 36.399998px; margin: 0 auto; margin-top: auto; font-weight: bold; } #feature-slider-stacks_in_505_45 .feature-slide .feature-slide-icon { color: rgba(255, 255, 255, 1.00); padding: 10px 10px; } #feature-slider-stacks_in_505_45 .feature-slide .feature-slide-icon .slide-icon { width: 200px; height: 200px; border-radius: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.30); } #feature-slider-stacks_in_505_45 .feature-slide .feature-slide-icon i { color: inherit; font-size: 100px; vertical-align: middle; } #feature-slider-stacks_in_505_45 .feature-slide .feature-slide-icon i[class*="ion-"] { line-height: 0; } #feature-slider-stacks_in_505_45 .feature-slide .feature-slide-description { /* */ font-family: "Open Sans"; /* */ opacity: 0; margin: 0 auto; color: rgba(39, 31, 30, 0.40); font-size: 16px; padding: 20px 15px; max-width: 800px; line-height: 22.400000px; } #feature-slider-stacks_in_505_45 .feature-slide .feature-slide-action { padding: 20px 15px; background: rgba(29, 23, 23, 0.10); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-top: auto; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #feature-slider-stacks_in_505_45 .feature-slide .feature-slide-action > a { /* */ font-family: "Open Sans"; /* */ opacity: 0; -webkit-transform: translateY(200%); transform: translateY(200%); display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(255, 255, 255, 1.00); font-size: 14px; padding: 10px 15px; border-radius: 30px; background: rgba(29, 23, 23, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s, opacity 0.3s 0.3s; transition: all 0.3s, opacity 0.3s 0.3s; } #feature-slider-stacks_in_505_45 .feature-slide .feature-slide-action > a span::before { content: 'Read Post...'; display: inline-block; } #feature-slider-stacks_in_505_45 .feature-slide .feature-slide-action > a:hover { -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); } #feature-slider-stacks_in_505_45 .feature-slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #feature-slider-stacks_in_505_45 .feature-slider-nav a { opacity: 1; z-index: 20; display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(39, 31, 30, 0.50); width: 24px; height: 24px; font-size: 24px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #feature-slider-stacks_in_505_45 .feature-slider-nav a:hover { color: rgba(39, 31, 30, 1.00); } #feature-slider-stacks_in_505_45.hide-titles .feature-slide .feature-slide-title { display: none; } #feature-slider-stacks_in_505_45.hide-titles .feature-slide .feature-slide-title .feature-slide .feature-slide-icon { margin-top: auto; } #feature-slider-stacks_in_505_45.hide-descs .feature-slide .feature-slide-description { display: none; } #feature-slider-stacks_in_505_45.hide-icons .feature-slide .feature-slide-icon { display: none; } #feature-slider-stacks_in_505_45.hide-actions .feature-slide .feature-slide-action > a { display: none; } #feature-slider-stacks_in_505_45.hide-titles.hide-icons .feature-slide .feature-slide-description { margin-top: auto; } #feature-slider-stacks_in_505_45.forwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_45.forwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_45.forwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-left 0.5s; animation: slide-out-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_45.forwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_45.forwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_45.forwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-left 0.5s; animation: slide-in-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_45.backwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_45.backwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_45.backwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-right 0.5s; animation: slide-out-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_45.backwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_45.backwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_45.backwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-right 0.5s; animation: slide-in-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @-webkit-keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @-webkit-keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } #feature-slide-stacks_in_505_43.feature-slide::before { top: 0; left: 0; content: ''; width: 100%; height: 100%; display: none; position: absolute; background: rgba(0, 0, 0, 0.50); } #feature-slide-stacks_in_505_43.feature-slide.custom-slide-action-text .feature-slide-action > a span::before { content: 'More Info'; } #feature-slide-stacks_in_505_43.feature-slide.image-icon .feature-slide-icon .slide-icon, #feature-slide-stacks_in_505_43.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon { background: none; background-size: cover; background-position: center center; background-image: url(../files/item_image_icon-43-B96.png); } #feature-slide-stacks_in_505_43.feature-slide.image-icon .feature-slide-icon .slide-icon i, #feature-slide-stacks_in_505_43.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon i { display: none; } #feature-slide-stacks_in_505_43.feature-slide.custom-slide-background { /* */ /* */ /* */ /* */ background: url(../files/item_bg_image_choice-43-B96.png) no-repeat center center; background-size: cover; /* */ } #feature-slide-stacks_in_505_43.feature-slide.custom-slide-background::before { /* */ display: block; /* */ } #feature-slide-stacks_in_505_43.feature-slide.custom-slide-title .feature-slide-title { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_43.feature-slide.custom-slide-icon .feature-slide-icon { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_43.feature-slide.custom-slide-icon .feature-slide-icon .slide-icon { background: rgba(255, 255, 255, 0.30); } #feature-slide-stacks_in_505_43.feature-slide.custom-slide-desc .feature-slide-description { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_43.feature-slide.custom-slide-action .feature-slide-action > a{ color: rgba(187, 187, 187, 1.00); background: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_43.feature-slide.custom-slide-nav .feature-slide-action { background: rgba(0, 0, 0, 0.30); } #feature-slide-stacks_in_505_43.feature-slide.custom-slide-nav .feature-slider-nav a { color: rgba(255, 255, 255, 0.40); } #feature-slide-stacks_in_505_43.feature-slide.custom-slide-nav .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } /* */ body { margin: 0; } #feature-slider-stacks_in_505_52 { height: 100%; font-family: "Proxima Nova"; max-width: 350px; border-radius: 10px; width: 100%; display: block; overflow: hidden; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #feature-slider-stacks_in_505_52 .feature-slide { min-height: 400px; /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ top: 0; left: 0; right: 0; width: 100%; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; position: absolute; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; -webkit-transition: all 0.3s, background 0.5s, opacity 0s; transition: all 0.3s, background 0.5s, opacity 0s; } #feature-slider-stacks_in_505_52 .feature-slide.active { opacity: 1; z-index: 10; } #feature-slider-stacks_in_505_52 .feature-slide.active .feature-slide-action > a { opacity: 1; -webkit-animation: slide-action-pulse 1s; animation: slide-action-pulse 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_52 .feature-slide > .ssi { width: 100%; display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } #feature-slider-stacks_in_505_52 .feature-slide .feature-slide-title { /* */ font-family: "Open Sans"; /* */ opacity: 0; color: rgba(29, 23, 23, 1.00); max-width: 800px; font-size: 26px; padding: 20px 15px; line-height: 36.399998px; margin: 0 auto; margin-top: auto; font-weight: bold; } #feature-slider-stacks_in_505_52 .feature-slide .feature-slide-icon { color: rgba(255, 255, 255, 1.00); padding: 10px 10px; } #feature-slider-stacks_in_505_52 .feature-slide .feature-slide-icon .slide-icon { width: 200px; height: 200px; border-radius: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.30); } #feature-slider-stacks_in_505_52 .feature-slide .feature-slide-icon i { color: inherit; font-size: 100px; vertical-align: middle; } #feature-slider-stacks_in_505_52 .feature-slide .feature-slide-icon i[class*="ion-"] { line-height: 0; } #feature-slider-stacks_in_505_52 .feature-slide .feature-slide-description { /* */ font-family: "Open Sans"; /* */ opacity: 0; margin: 0 auto; color: rgba(39, 31, 30, 0.40); font-size: 16px; padding: 20px 15px; max-width: 800px; line-height: 22.400000px; } #feature-slider-stacks_in_505_52 .feature-slide .feature-slide-action { padding: 20px 15px; background: rgba(29, 23, 23, 0.10); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-top: auto; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #feature-slider-stacks_in_505_52 .feature-slide .feature-slide-action > a { /* */ font-family: "Open Sans"; /* */ opacity: 0; -webkit-transform: translateY(200%); transform: translateY(200%); display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(255, 255, 255, 1.00); font-size: 14px; padding: 10px 15px; border-radius: 30px; background: rgba(29, 23, 23, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s, opacity 0.3s 0.3s; transition: all 0.3s, opacity 0.3s 0.3s; } #feature-slider-stacks_in_505_52 .feature-slide .feature-slide-action > a span::before { content: 'Read Post...'; display: inline-block; } #feature-slider-stacks_in_505_52 .feature-slide .feature-slide-action > a:hover { -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); } #feature-slider-stacks_in_505_52 .feature-slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #feature-slider-stacks_in_505_52 .feature-slider-nav a { opacity: 1; z-index: 20; display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(39, 31, 30, 0.50); width: 24px; height: 24px; font-size: 24px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #feature-slider-stacks_in_505_52 .feature-slider-nav a:hover { color: rgba(39, 31, 30, 1.00); } #feature-slider-stacks_in_505_52.hide-titles .feature-slide .feature-slide-title { display: none; } #feature-slider-stacks_in_505_52.hide-titles .feature-slide .feature-slide-title .feature-slide .feature-slide-icon { margin-top: auto; } #feature-slider-stacks_in_505_52.hide-descs .feature-slide .feature-slide-description { display: none; } #feature-slider-stacks_in_505_52.hide-icons .feature-slide .feature-slide-icon { display: none; } #feature-slider-stacks_in_505_52.hide-actions .feature-slide .feature-slide-action > a { display: none; } #feature-slider-stacks_in_505_52.hide-titles.hide-icons .feature-slide .feature-slide-description { margin-top: auto; } #feature-slider-stacks_in_505_52.forwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_52.forwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_52.forwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-left 0.5s; animation: slide-out-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_52.forwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_52.forwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_52.forwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-left 0.5s; animation: slide-in-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_52.backwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_52.backwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_52.backwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-right 0.5s; animation: slide-out-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_52.backwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_52.backwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_505_52.backwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-right 0.5s; animation: slide-in-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @-webkit-keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @-webkit-keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } #feature-slide-stacks_in_505_50.feature-slide::before { top: 0; left: 0; content: ''; width: 100%; height: 100%; display: none; position: absolute; background: rgba(0, 0, 0, 0.50); } #feature-slide-stacks_in_505_50.feature-slide.custom-slide-action-text .feature-slide-action > a span::before { content: 'Verfiy Me'; } #feature-slide-stacks_in_505_50.feature-slide.image-icon .feature-slide-icon .slide-icon, #feature-slide-stacks_in_505_50.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon { background: none; background-size: cover; background-position: center center; background-image: url(../files/item_image_icon-50-B96.png); } #feature-slide-stacks_in_505_50.feature-slide.image-icon .feature-slide-icon .slide-icon i, #feature-slide-stacks_in_505_50.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon i { display: none; } #feature-slide-stacks_in_505_50.feature-slide.custom-slide-background { /* */ /* */ /* */ /* */ background: url(../files/item_bg_image_choice-50-B96.png) no-repeat center center; background-size: cover; /* */ } #feature-slide-stacks_in_505_50.feature-slide.custom-slide-background::before { /* */ display: block; /* */ } #feature-slide-stacks_in_505_50.feature-slide.custom-slide-title .feature-slide-title { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_50.feature-slide.custom-slide-icon .feature-slide-icon { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_50.feature-slide.custom-slide-icon .feature-slide-icon .slide-icon { background: rgba(255, 255, 255, 0.30); } #feature-slide-stacks_in_505_50.feature-slide.custom-slide-desc .feature-slide-description { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_50.feature-slide.custom-slide-action .feature-slide-action > a{ color: rgba(187, 187, 187, 1.00); background: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_505_50.feature-slide.custom-slide-nav .feature-slide-action { background: rgba(0, 0, 0, 0.30); } #feature-slide-stacks_in_505_50.feature-slide.custom-slide-nav .feature-slider-nav a { color: rgba(255, 255, 255, 0.40); } #feature-slide-stacks_in_505_50.feature-slide.custom-slide-nav .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } /* 2 col */ #stacks_in_104 .wrapper-link:hover { -webkit-animation: wrapper-link 1.4s linear forwards !important; -moz-animation: wrapper-link 1.4s linear forwards !important; animation: wrapper-link 1.4s linear forwards !important; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 0.15))); background-image: -webkit-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00));background-image: -moz-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); } @-webkit-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @-moz-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} #stacks_in_104 .element-link, #stacks_in_104 .wrapper-link { display: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2 !important; width: 100%; height: 100%; } #stacks_in_104 * { box-sizing: border-box !important; } #stacks_in_104 .extend_image_main { background-image: url(../files/bg_image-104.png) !important; background-size: cover !important; background-position: 50% 50% !important; opacity: 1 !important; } #stacks_in_104 .extend_image_main_colour { } #stacks_in_104 .extend_image_main_colour_border { } /* Text BG left */ #stacks_in_104 .left-box-over-bg-0 path, #stacks_in_104 .left-box-over-bg-1 path, #stacks_in_104 .left-box-over-bg-2 path, #stacks_in_104 .left-box-over-bg-3 path, #stacks_in_104 .left-box-over-bg-4 path, #stacks_in_104 .left-box-over-bg-5 path, #stacks_in_104 .left-box-over-bg-6 path, #stacks_in_104 .left-box-over-bg-7 path, #stacks_in_104 .left-box-over-bg-8 path, #stacks_in_104 .left-box-over-bg-9 path, #stacks_in_104 .left-box-over-bg-10 path { fill: rgba(255, 255, 255, 0.90) !important; } #stacks_in_104 .left-box-over-bg-7 { display: block !important; } /* BG back shape */ #stacks_in_104 .morph-shape-1, #stacks_in_104 .morph-shape-1 path, #stacks_in_104 .morph-shape-2, #stacks_in_104 .morph-shape-2 path, #stacks_in_104 .morph-shape-3, #stacks_in_104 .morph-shape-3 path { fill: rgba(251, 165, 10, 0.29) !important; } /* NOTE use the order 2 and 1 and 3 to fix consolid. css */ #stacks_in_104 .morph-shape-2, #stacks_in_104 .morph-shape-2 path { } #stacks_in_104 .morph-shape-1, #stacks_in_104 .morph-shape-1 path { } #stacks_in_104 .morph-shape-3, #stacks_in_104 .morph-shape-3 path { } /* foundation RTL theme fix direction:ltr */ #stacks_in_104 .HYPE_document { direction:ltr !important; margin:auto; position:relative; display: block; overflow: hidden; width: 100%; min-height: 560px; max-width: 1800px !important; } /* IMG LINE */ #stacks_in_104 .anim-line { text-align: left !important; position: absolute !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: auto !important; important; margin-top: auto !important; width: 350px !important; height: 350px !important; } #stacks_in_104 .anim-line path { stroke-width: 11px !important; stroke: rgba(250, 206, 35, 0.62) !important; } /* IMG */ /* removed below width: auto !important; fix in Edge */ #stacks_in_104 .extend_image { left: 0 !important; right: 0 !important; text-align: center !important; margin: auto !important; border-radius:400px; -webkit-border-radius:400px; -moz-border-radius:400px; background-image: url(../files/pop_image-104.png) !important; max-width: 470px !important; height: 470px !important; filter: drop-shadow(4px 4px 3px rgba(11, 50, 134, 1.00)) !important; border-radius:400px; -webkit-border-radius:400px; -moz-border-radius:400px; background-size: cover !important; } #stacks_in_104 .extend_image_main_overlay { background-color: rgba(255, 226, 123, 0.52); display: block !important; position: relative; } #stacks_in_104 .extend_image_main_grid { } #stacks_in_104 .hype_box { box-sizing: border-box !important; text-align: center !important; max-height: 95vh; margin: auto !important; width: auto; display: inline-table !important; right: 0 !important; left: 0 !important; border-style: none !important; top: 0; } #stacks_in_104 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; max-width: 50% !important; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_104 .inner_slice_content, #stacks_in_104 .inner_slice_content p, #stacks_in_104 .inner_slice_content span, #stacks_in_104 .inner_slice_content [class*="fa fa-"], #stacks_in_104 .inner_slice_content h1, #stacks_in_104 .inner_slice_content h2, #stacks_in_104 .inner_slice_content h3, #stacks_in_104 .inner_slice_content h4, #stacks_in_104 .inner_slice_content h5, #stacks_in_104 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color:#363636 !important; } #stacks_in_104 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_104 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_104 .inner_slice_content a:link, #stacks_in_104 .inner_slice_content a { color:#FD980E !important; } #stacks_in_104 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_104 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_104 .inner_slice_content a:hover { color:#363636 !important; } /* hype */ #stacks_in_104 .viewport-morph-trigger { opacity: 0.45; } #stacks_in_104 .viewport-rotscal-trigger { opacity: 0.45; } #stacks_in_104 .viewport-line-trigger { opacity: 0.45; } #stacks_in_104 .setting_panel_slide { } /* BP min */ @media screen and (min-width: 1100px ) { #stacks_in_104 .anim-line { } #stacks_in_104 .inner_slice {max-width: 50% !important;} #stacks_in_104 .hype_box, #stacks_in_104 .wrapper-link { width: 50% !important; left: 50% !important; margin-top: 0 !important; margin-bottom: 10% !important; max-height: 560px; } #stacks_in_104 .left-box-over-bg-7 { margin-left: 0 !important; } #stacks_in_104 .extend_image { top: 7% !important; background-position: 50% 50% !important; /* below desktop - 2 col only- to use in one */ } #stacks_in_104 .setting_panel_slide { position: absolute !important; margin-left: 0 !important; } #stacks_in_104 .inner_slice_content { padding-top: 0px; } } /* Hype element center in MAX */ #stacks_in_104 .setting_panel_slide { position: absolute !important; margin-left: -25%; } /* breakpoint MAX */ @media screen and (max-width: 1100px ) { /* 2 col */ #stacks_in_104 .inner_slice { max-width: 100% !important; margin-top: 410px; %%[[if !edit]]%% top: 0px !important; %%[[endif]]%% } #stacks_in_104 .inner_slice_content { background-color: rgba(255, 255, 255, 0.90); } #stacks_in_104 .hype_box, #stacks_in_104 .wrapper-link { max-width: 100% !important; left: 0% !important; position: absolute !important; top: 0 !important; max-height: 410px; } #stacks_in_104 .hype_box { display: block !important; margin-top: 10px !important; } #stacks_in_104 .extend_image { top: 7% !important; max-width: 350px !important; height: 350px !important; background-position: 50% 50% !important; } #stacks_in_104 .anim-line { bottom: 0 !important; top: 0 !important; right: 0 !important; left: 0 !important; margin-right: auto !important; margin-left: auto !important; margin-bottom: auto !important; margin-top: auto !important; width: 350px !important; height: 350px !important; margin-top: 30px !important; } #stacks_in_104 .HYPE_document { overflow: hidden !important; padding-top: 10px !important; margin-bottom: 0px !important; } #stacks_in_104 .element-link, #stacks_in_104 .wrapper-link, #stacks_in_104 .wrapper-link:hover { display: none !important; } #stacks_in_104 .left-box-over-bg-7 { display: none !important; } #stacks_in_104 .setting_panel_slide { position: absolute !important; margin-left: -25%; } } /* BP small dev */ @media screen and (max-width: 560px) { #stacks_in_104 .extend_image { } } /* BP internal */ @media screen and (max-width: 420px ) { #stacks_in_104 .anim-line { } } /* -- End EACH CSS Template -- */ #stacks_in_113 { padding: 25px; } /* 2 col */ #stacks_in_107 .wrapper-link:hover { -webkit-animation: wrapper-link 1.4s linear forwards !important; -moz-animation: wrapper-link 1.4s linear forwards !important; animation: wrapper-link 1.4s linear forwards !important; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 0.15))); background-image: -webkit-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00));background-image: -moz-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); } @-webkit-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @-moz-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} #stacks_in_107 .element-link, #stacks_in_107 .wrapper-link { display: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2 !important; width: 100%; height: 100%; } #stacks_in_107 * { box-sizing: border-box !important; } #stacks_in_107 .extend_image_main { background-image: url(../files/bg_image-107.png) !important; background-size: cover !important; background-position: 50% 50% !important; opacity: 1 !important; } #stacks_in_107 .extend_image_main_colour { background-color: rgba(233, 232, 232, 1.00); } #stacks_in_107 .extend_image_main_colour_border { border: 6px solid rgba(249, 249, 249, 1.00) !important; } /* Text BG left */ #stacks_in_107 .left-box-over-bg-0 path, #stacks_in_107 .left-box-over-bg-1 path, #stacks_in_107 .left-box-over-bg-2 path, #stacks_in_107 .left-box-over-bg-3 path, #stacks_in_107 .left-box-over-bg-4 path, #stacks_in_107 .left-box-over-bg-5 path, #stacks_in_107 .left-box-over-bg-6 path, #stacks_in_107 .left-box-over-bg-7 path, #stacks_in_107 .left-box-over-bg-8 path, #stacks_in_107 .left-box-over-bg-9 path, #stacks_in_107 .left-box-over-bg-10 path { fill: rgba(228, 228, 184, 1.00) !important; stroke-style: solid !important; stroke-width: 11px !important; stroke: rgba(253, 255, 254, 1.00) !important; } #stacks_in_107 .left-box-over-bg-3 { display: block !important; } /* BG back shape */ #stacks_in_107 .morph-shape-1, #stacks_in_107 .morph-shape-1 path, #stacks_in_107 .morph-shape-2, #stacks_in_107 .morph-shape-2 path, #stacks_in_107 .morph-shape-3, #stacks_in_107 .morph-shape-3 path { fill: rgba(255, 255, 255, 0.00) !important; stroke-style: solid !important; stroke-width: 1px !important; stroke: rgba(255, 255, 255, 1.00) !important; } /* NOTE use the order 2 and 1 and 3 to fix consolid. css */ #stacks_in_107 .morph-shape-2, #stacks_in_107 .morph-shape-2 path { } #stacks_in_107 .morph-shape-1, #stacks_in_107 .morph-shape-1 path { } #stacks_in_107 .morph-shape-3, #stacks_in_107 .morph-shape-3 path { } /* foundation RTL theme fix direction:ltr */ #stacks_in_107 .HYPE_document { direction:ltr !important; margin:auto; position:relative; display: block; overflow: hidden; width: 100%; min-height: 560px; max-width: 1800px !important; } /* IMG LINE */ #stacks_in_107 .anim-line { text-align: left !important; position: absolute !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: auto !important; important; margin-top: auto !important; width: 450px !important; height: 450px !important; } #stacks_in_107 .anim-line path { stroke-width: 3px !important; stroke: rgba(250, 8, 0, 0.62) !important; } /* IMG */ /* removed below width: auto !important; fix in Edge */ #stacks_in_107 .extend_image { left: 0 !important; right: 0 !important; text-align: center !important; margin: auto !important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border: solid !important; border-width: 8px !important; border-color: rgba(255, 255, 255, 1.00) !important; background-image: url(../files/pop_image-107.png) !important; max-width: 65% !important; height: 75% !important; filter: drop-shadow(3px 4px 8px rgba(0, 0, 0, 0.25)) !important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; background-size: cover !important; } #stacks_in_107 .extend_image_main_overlay { background-color: transparent !important; position: relative; } #stacks_in_107 .extend_image_main_grid { } #stacks_in_107 .hype_box { box-sizing: border-box !important; text-align: center !important; max-height: 95vh; margin: auto !important; width: auto; display: inline-table !important; right: 0 !important; left: 0 !important; border-style: none !important; top: 0; } #stacks_in_107 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; max-width: 50% !important; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_107 .inner_slice_content, #stacks_in_107 .inner_slice_content p, #stacks_in_107 .inner_slice_content span, #stacks_in_107 .inner_slice_content [class*="fa fa-"], #stacks_in_107 .inner_slice_content h1, #stacks_in_107 .inner_slice_content h2, #stacks_in_107 .inner_slice_content h3, #stacks_in_107 .inner_slice_content h4, #stacks_in_107 .inner_slice_content h5, #stacks_in_107 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color:#000000 !important; } #stacks_in_107 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_107 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_107 .inner_slice_content a:link, #stacks_in_107 .inner_slice_content a { color:#910016 !important; } #stacks_in_107 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_107 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_107 .inner_slice_content a:hover { color:#CB0001 !important; } /* hype */ #stacks_in_107 .viewport-morph-trigger { opacity: 0.45; } #stacks_in_107 .viewport-rotscal-trigger { opacity: 0.45; margin-top: 350px !important; opacity: 1.0; } #stacks_in_107 .viewport-line-trigger { opacity: 0.45; margin-top: 450px !important; opacity: 1.0; } #stacks_in_107 .setting_panel_slide { } /* BP min */ @media screen and (min-width: 1100px ) { #stacks_in_107 .anim-line { } #stacks_in_107 .inner_slice {max-width: 50% !important;} #stacks_in_107 .hype_box, #stacks_in_107 .wrapper-link { width: 50% !important; left: 50% !important; margin-top: 0 !important; margin-bottom: 10% !important; max-height: 560px; } #stacks_in_107 .left-box-over-bg-3 { margin-left: 0 !important; } #stacks_in_107 .extend_image { top: 12% !important; background-position: 45% 30% !important; /* below desktop - 2 col only- to use in one */ } #stacks_in_107 .setting_panel_slide { position: absolute !important; margin-left: 0 !important; } #stacks_in_107 .inner_slice_content { padding-top: 0px; } } /* Hype element center in MAX */ #stacks_in_107 .setting_panel_slide { position: absolute !important; margin-left: -25%; } /* breakpoint MAX */ @media screen and (max-width: 1100px ) { /* 2 col */ #stacks_in_107 .inner_slice { max-width: 100% !important; margin-top: 390px; %%[[if !edit]]%% top: 0px !important; %%[[endif]]%% } #stacks_in_107 .inner_slice_content { background-color: rgba(228, 228, 184, 1.00); border-top-style: solid !important; border-top-width: 11px !important; border-top-color: rgba(253, 255, 254, 1.00) !important; } #stacks_in_107 .hype_box, #stacks_in_107 .wrapper-link { max-width: 100% !important; left: 0% !important; position: absolute !important; top: 0 !important; max-height: 390px; } #stacks_in_107 .hype_box { display: block !important; margin-top: 10px !important; } #stacks_in_107 .extend_image { top: 7% !important; max-width: 350px !important; height: 300px !important; background-position: 50% 30% !important; } #stacks_in_107 .anim-line { bottom: 0 !important; top: 0 !important; right: 0 !important; left: 0 !important; margin-right: auto !important; margin-left: auto !important; margin-bottom: auto !important; margin-top: auto !important; width: 300px !important; height: 300px !important; margin-top: 35px !important; } #stacks_in_107 .HYPE_document { overflow: hidden !important; padding-top: 10px !important; margin-bottom: 0px !important; } #stacks_in_107 .element-link, #stacks_in_107 .wrapper-link, #stacks_in_107 .wrapper-link:hover { display: none !important; } #stacks_in_107 .left-box-over-bg-3 { display: none !important; } #stacks_in_107 .setting_panel_slide { position: absolute !important; margin-left: -25%; } } /* BP small dev */ @media screen and (max-width: 560px) { #stacks_in_107 .extend_image { } } /* BP internal */ @media screen and (max-width: 420px ) { #stacks_in_107 .anim-line { } } /* -- End EACH CSS Template -- */ #stacks_in_115 { padding: 25px; } /* 2 col */ #stacks_in_110 .wrapper-link:hover { -webkit-animation: wrapper-link 1.4s linear forwards !important; -moz-animation: wrapper-link 1.4s linear forwards !important; animation: wrapper-link 1.4s linear forwards !important; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 0.15))); background-image: -webkit-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00));background-image: -moz-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); } @-webkit-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @-moz-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} #stacks_in_110 .element-link, #stacks_in_110 .wrapper-link { display: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2 !important; width: 100%; height: 100%; } #stacks_in_110 * { box-sizing: border-box !important; } #stacks_in_110 .extend_image_main { background-image: url(https://images.unsplash.com/photo-1541754133541-1183bff921c8?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEzMjQ5fQ) !important; background-size: cover !important; background-position: 50% 50% !important; opacity: 1 !important; } #stacks_in_110 .extend_image_main_colour { background-color: rgba(0, 0, 0, 1.00); } #stacks_in_110 .extend_image_main_colour_border { border: 3px solid rgba(203, 0, 1, 1.00) !important; } /* Text BG left */ #stacks_in_110 .left-box-over-bg-0 path, #stacks_in_110 .left-box-over-bg-1 path, #stacks_in_110 .left-box-over-bg-2 path, #stacks_in_110 .left-box-over-bg-3 path, #stacks_in_110 .left-box-over-bg-4 path, #stacks_in_110 .left-box-over-bg-5 path, #stacks_in_110 .left-box-over-bg-6 path, #stacks_in_110 .left-box-over-bg-7 path, #stacks_in_110 .left-box-over-bg-8 path, #stacks_in_110 .left-box-over-bg-9 path, #stacks_in_110 .left-box-over-bg-10 path { fill: rgba(133, 135, 139, 0.94) !important; stroke-style: solid !important; stroke-width: 3px !important; stroke: rgba(203, 0, 1, 1.00) !important; } #stacks_in_110 .left-box-over-bg-2 { display: block !important; } /* BG back shape */ #stacks_in_110 .morph-shape-1, #stacks_in_110 .morph-shape-1 path, #stacks_in_110 .morph-shape-2, #stacks_in_110 .morph-shape-2 path, #stacks_in_110 .morph-shape-3, #stacks_in_110 .morph-shape-3 path { fill: rgba(117, 150, 195, 0.00) !important; stroke-style: solid !important; stroke-width: 2px !important; stroke: rgba(203, 0, 1, 1.00) !important; } /* NOTE use the order 2 and 1 and 3 to fix consolid. css */ #stacks_in_110 .morph-shape-2, #stacks_in_110 .morph-shape-2 path { } #stacks_in_110 .morph-shape-1, #stacks_in_110 .morph-shape-1 path { display: block !important; } #stacks_in_110 .morph-shape-3, #stacks_in_110 .morph-shape-3 path { } /* foundation RTL theme fix direction:ltr */ #stacks_in_110 .HYPE_document { direction:ltr !important; margin:auto; position:relative; display: block; overflow: hidden; width: 100%; min-height: 590px; max-width: 1800px !important; } /* IMG LINE */ #stacks_in_110 .anim-line { text-align: left !important; position: absolute !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: auto !important; important; margin-top: auto !important; width: 450px !important; height: 450px !important; } #stacks_in_110 .anim-line path { stroke-width: 1px !important; stroke: rgba(255, 255, 255, 1.00) !important; } /* IMG */ /* removed below width: auto !important; fix in Edge */ #stacks_in_110 .extend_image { left: 0 !important; right: 0 !important; text-align: center !important; margin: auto !important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border: solid !important; border-width: 3px !important; border-color: rgba(203, 0, 1, 1.00) !important; background-image: url(../files/pop_image-110.png) !important; max-width: 60% !important; height: 65% !important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; background-size: cover !important; } #stacks_in_110 .extend_image_main_overlay { background: linear-gradient(135deg, rgba(203, 0, 1, 0.22), rgba(145, 0, 22, 1.00)) !important; display: block !important; position: relative; } #stacks_in_110 .extend_image_main_grid { } #stacks_in_110 .hype_box { box-sizing: border-box !important; text-align: center !important; max-height: 95vh; margin: auto !important; width: auto; display: inline-table !important; right: 0 !important; left: 0 !important; border-style: none !important; top: 0; } #stacks_in_110 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; max-width: 50% !important; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_110 .inner_slice_content, #stacks_in_110 .inner_slice_content p, #stacks_in_110 .inner_slice_content span, #stacks_in_110 .inner_slice_content [class*="fa fa-"], #stacks_in_110 .inner_slice_content h1, #stacks_in_110 .inner_slice_content h2, #stacks_in_110 .inner_slice_content h3, #stacks_in_110 .inner_slice_content h4, #stacks_in_110 .inner_slice_content h5, #stacks_in_110 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color:#FFFFFF !important; } #stacks_in_110 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_110 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_110 .inner_slice_content a:link, #stacks_in_110 .inner_slice_content a { color:#CB0001 !important; } #stacks_in_110 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_110 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_110 .inner_slice_content a:hover { color:#FFFFFF !important; } /* hype */ #stacks_in_110 .viewport-morph-trigger { opacity: 0.45; margin-top: 450px !important; opacity: 1.0; } #stacks_in_110 .viewport-rotscal-trigger { opacity: 0.45; } #stacks_in_110 .viewport-line-trigger { opacity: 0.45; margin-top: 500px !important; opacity: 1.0; } #stacks_in_110 .setting_panel_slide { } /* BP min */ @media screen and (min-width: 1020px ) { #stacks_in_110 .anim-line { } #stacks_in_110 .inner_slice {max-width: 50% !important;} #stacks_in_110 .hype_box, #stacks_in_110 .wrapper-link { width: 50% !important; left: 50% !important; margin-top: 0 !important; margin-bottom: 10% !important; max-height: 590px; } #stacks_in_110 .left-box-over-bg-2 { margin-left: 0 !important; } #stacks_in_110 .extend_image { top: 17% !important; background-position: 50% 70% !important; /* below desktop - 2 col only- to use in one */ } #stacks_in_110 .setting_panel_slide { position: absolute !important; margin-left: 0 !important; } #stacks_in_110 .inner_slice_content { padding-top: 0px; } } /* Hype element center in MAX */ #stacks_in_110 .setting_panel_slide { position: absolute !important; margin-left: -25%; } /* breakpoint MAX */ @media screen and (max-width: 1020px ) { /* 2 col */ #stacks_in_110 .inner_slice { max-width: 100% !important; margin-top: 400px; %%[[if !edit]]%% top: 0px !important; %%[[endif]]%% } #stacks_in_110 .inner_slice_content { background-color: rgba(133, 135, 139, 0.94); border-top-style: solid !important; border-top-width: 3px !important; border-top-color: rgba(203, 0, 1, 1.00) !important; } #stacks_in_110 .hype_box, #stacks_in_110 .wrapper-link { max-width: 100% !important; left: 0% !important; position: absolute !important; top: 0 !important; max-height: 400px; } #stacks_in_110 .hype_box { display: block !important; margin-top: 10px !important; } #stacks_in_110 .extend_image { top: 12% !important; max-width: 60% !important; height: 75% !important; background-position: 55% 50% !important; } #stacks_in_110 .anim-line { bottom: 0 !important; top: 0 !important; right: 0 !important; left: 0 !important; margin-right: auto !important; margin-left: auto !important; margin-bottom: auto !important; margin-top: auto !important; width: 300px !important; height: 300px !important; margin-top: 45px !important; } #stacks_in_110 .HYPE_document { overflow: hidden !important; padding-top: 10px !important; margin-bottom: 0px !important; } #stacks_in_110 .element-link, #stacks_in_110 .wrapper-link, #stacks_in_110 .wrapper-link:hover { display: none !important; } #stacks_in_110 .left-box-over-bg-2 { display: none !important; } #stacks_in_110 .setting_panel_slide { position: absolute !important; margin-left: -25%; } } /* BP small dev */ @media screen and (max-width: 460px) { #stacks_in_110 .extend_image { max-width: 70% !important; border-top-left-radius:0px; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-right-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-bottom-left-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-right-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; } } /* BP internal */ @media screen and (max-width: 420px ) { #stacks_in_110 .anim-line { } } /* -- End EACH CSS Template -- */ #stacks_in_117 { padding: 25px; } /* 2 col */ #stacks_in_119 .wrapper-link:hover { -webkit-animation: wrapper-link 1.4s linear forwards !important; -moz-animation: wrapper-link 1.4s linear forwards !important; animation: wrapper-link 1.4s linear forwards !important; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 0.15))); background-image: -webkit-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00));background-image: -moz-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); } @-webkit-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @-moz-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} #stacks_in_119 .element-link, #stacks_in_119 .wrapper-link { display: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2 !important; width: 100%; height: 100%; } #stacks_in_119 * { box-sizing: border-box !important; } #stacks_in_119 .extend_image_main { background-image: url() !important; background-size: cover !important; background-position: 50% 95% !important; opacity: 1 !important; } #stacks_in_119 .extend_image_main_colour { background-color: rgba(255, 255, 10, 1.00); } #stacks_in_119 .extend_image_main_colour_border { border: 0px solid rgba(249, 249, 249, 1.00) !important; } /* Text BG left */ #stacks_in_119 .left-box-over-bg-0 path, #stacks_in_119 .left-box-over-bg-1 path, #stacks_in_119 .left-box-over-bg-2 path, #stacks_in_119 .left-box-over-bg-3 path, #stacks_in_119 .left-box-over-bg-4 path, #stacks_in_119 .left-box-over-bg-5 path, #stacks_in_119 .left-box-over-bg-6 path, #stacks_in_119 .left-box-over-bg-7 path, #stacks_in_119 .left-box-over-bg-8 path, #stacks_in_119 .left-box-over-bg-9 path, #stacks_in_119 .left-box-over-bg-10 path { fill: rgba(197, 67, 30, 1.00) !important; } #stacks_in_119 .left-box-over-bg-4 { display: block !important; } /* BG back shape */ #stacks_in_119 .morph-shape-1, #stacks_in_119 .morph-shape-1 path, #stacks_in_119 .morph-shape-2, #stacks_in_119 .morph-shape-2 path, #stacks_in_119 .morph-shape-3, #stacks_in_119 .morph-shape-3 path { fill: rgba(251, 165, 10, 0.29) !important; } /* NOTE use the order 2 and 1 and 3 to fix consolid. css */ #stacks_in_119 .morph-shape-2, #stacks_in_119 .morph-shape-2 path { } #stacks_in_119 .morph-shape-1, #stacks_in_119 .morph-shape-1 path { } #stacks_in_119 .morph-shape-3, #stacks_in_119 .morph-shape-3 path { } /* foundation RTL theme fix direction:ltr */ #stacks_in_119 .HYPE_document { direction:ltr !important; margin:auto; position:relative; display: block; overflow: hidden; width: 100%; min-height: 560px; max-width: 1800px !important; } /* IMG LINE */ #stacks_in_119 .anim-line { text-align: left !important; position: absolute !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: auto !important; important; margin-top: auto !important; width: 450px !important; height: 450px !important; } #stacks_in_119 .anim-line path { stroke-width: 5px !important; stroke: rgba(250, 206, 35, 1.00) !important; } /* IMG */ /* removed below width: auto !important; fix in Edge */ #stacks_in_119 .extend_image { left: 0 !important; right: 0 !important; text-align: center !important; margin: auto !important; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; background-image: url(../files/pop_image-119.png) !important; max-width: 550px !important; height: 390px !important; filter: drop-shadow(11px 10px 0px rgba(195, 96, 54, 1.00)) !important; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; background-size: cover !important; } #stacks_in_119 .extend_image_main_overlay { background-color: rgba(255, 255, 255, 0.41); display: block !important; position: relative; } #stacks_in_119 .extend_image_main_grid { background: url(../files/dots4.png) center center repeat !important; display: block !important; } #stacks_in_119 .hype_box { box-sizing: border-box !important; text-align: center !important; max-height: 95vh; margin: auto !important; width: auto; display: inline-table !important; right: 0 !important; left: 0 !important; border-style: none !important; top: 0; } #stacks_in_119 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; max-width: 50% !important; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_119 .inner_slice_content, #stacks_in_119 .inner_slice_content p, #stacks_in_119 .inner_slice_content span, #stacks_in_119 .inner_slice_content [class*="fa fa-"], #stacks_in_119 .inner_slice_content h1, #stacks_in_119 .inner_slice_content h2, #stacks_in_119 .inner_slice_content h3, #stacks_in_119 .inner_slice_content h4, #stacks_in_119 .inner_slice_content h5, #stacks_in_119 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color:#F5F5F5 !important; } #stacks_in_119 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_119 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_119 .inner_slice_content a:link, #stacks_in_119 .inner_slice_content a { color:#FACE23 !important; } #stacks_in_119 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_119 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_119 .inner_slice_content a:hover { color:#F5F5F5 !important; } /* hype */ #stacks_in_119 .viewport-morph-trigger { opacity: 0.45; } #stacks_in_119 .viewport-rotscal-trigger { opacity: 0.45; } #stacks_in_119 .viewport-line-trigger { opacity: 0.45; margin-top: 450px !important; opacity: 1.0; } #stacks_in_119 .setting_panel_slide { } /* BP min */ @media screen and (min-width: 1000px ) { #stacks_in_119 .anim-line { } #stacks_in_119 .inner_slice {max-width: 50% !important;} #stacks_in_119 .hype_box, #stacks_in_119 .wrapper-link { width: 50% !important; left: 50% !important; margin-top: 0 !important; margin-bottom: 10% !important; max-height: 560px; } #stacks_in_119 .left-box-over-bg-4 { margin-left: 0 !important; } #stacks_in_119 .extend_image { top: 15% !important; background-position: 50% 35% !important; /* below desktop - 2 col only- to use in one */ } #stacks_in_119 .setting_panel_slide { position: absolute !important; margin-left: 0 !important; } #stacks_in_119 .inner_slice_content { padding-top: 0px; } } /* Hype element center in MAX */ #stacks_in_119 .setting_panel_slide { position: absolute !important; margin-left: -25%; } /* breakpoint MAX */ @media screen and (max-width: 1000px ) { /* 2 col */ #stacks_in_119 .inner_slice { max-width: 100% !important; margin-top: 370px; %%[[if !edit]]%% top: 0px !important; %%[[endif]]%% } #stacks_in_119 .inner_slice_content { background-color: rgba(197, 67, 30, 1.00); } #stacks_in_119 .hype_box, #stacks_in_119 .wrapper-link { max-width: 100% !important; left: 0% !important; position: absolute !important; top: 0 !important; max-height: 370px; } #stacks_in_119 .hype_box { display: block !important; margin-top: 0px !important; } #stacks_in_119 .extend_image { top: 10% !important; max-width: 390px !important; height: 290px !important; background-position: 50% 50% !important; } #stacks_in_119 .anim-line { bottom: 0 !important; top: 0 !important; right: 0 !important; left: 0 !important; margin-right: auto !important; margin-left: auto !important; margin-bottom: auto !important; margin-top: auto !important; width: 300px !important; height: 300px !important; margin-top: 30px !important; } #stacks_in_119 .HYPE_document { overflow: hidden !important; padding-top: 0px !important; margin-bottom: 0px !important; } #stacks_in_119 .element-link, #stacks_in_119 .wrapper-link, #stacks_in_119 .wrapper-link:hover { display: none !important; } #stacks_in_119 .left-box-over-bg-4 { display: none !important; } #stacks_in_119 .setting_panel_slide { position: absolute !important; margin-left: -25%; } } /* BP small dev */ @media screen and (max-width: 465px) { #stacks_in_119 .extend_image { max-width: 90% !important; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topleft:10px; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topright:10px; border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px; } } /* BP internal */ @media screen and (max-width: 420px ) { #stacks_in_119 .anim-line { } } /* -- End EACH CSS Template -- */ #stacks_in_122 { padding: 25px; } @important "partials/mixins"; .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_563_6 { overflow: visible !important; } #feature-cards-stacks_in_563_6 { margin: 0 auto; max-width: 1000px; } #feature-cards-stacks_in_563_6 * { box-sizing: border-box; } #feature-cards-stacks_in_563_6 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } #feature-cards-stacks_in_563_6 .feature-grid.hide-content-icon .feature-card-icon { display: none; } #feature-cards-stacks_in_563_6 .feature-grid.hide-content-text .feature-card-content { display: none; } #feature-cards-stacks_in_563_6 .feature-grid.show-content-stacks .feature-card-stacks { display: block; } #feature-cards-stacks_in_563_6 .feature-grid.no-icons .feature-card-icon i { display: none; } #feature-cards-stacks_in_563_6 .feature-outer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 10px; } #feature-cards-stacks_in_563_6 .feature-outer > a { text-decoration: none; } #feature-cards-stacks_in_563_6 .feature-card { /* */ /* */ /* */ /* */ /* */ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50); /* */ /* */ height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.40s ease; padding: 10px; border-radius: 4px; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #feature-cards-stacks_in_563_6 .feature-card-stacks { display: none; } #feature-cards-stacks_in_563_6 .feature-card-icon { /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; width: 70px; height: 70px; margin: 20px 0px 20px 20px; padding: 0px 0px 0px 0px; border-radius: 50px 50px 50px 50px; transition: all 0.40s ease; } #feature-cards-stacks_in_563_6 .feature-card-icon i { font-size: 50px; color: #00B0FF; transition: all 0.6s ease-out; -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_563_6 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px; text-align: center; } #feature-cards-stacks_in_563_6 .feature-card-header { /* */ font-family: "Nunito"; /* */ margin: 0; color: #606C88; font-size: 18px; line-height: 24px; font-weight: ; } #feature-cards-stacks_in_563_6 .feature-card-description { /* */ font-family: "Open Sans"; /* */ /* */ margin: 10px 0; display: block; color: #B0BEC5; font-size: 14px; line-height: 24px; } /* */ #feature-cards-stacks_in_563_6 .feature-card:hover { /* */ z-index: 30; position: relative; -webkit-transform: scale(1.00) rotate(0deg) translateY(-10px); transform: scale(1.00) rotate(0deg) translateY(-10px); } #feature-cards-stacks_in_563_6 .feature-card:hover .feature-card-icon { /**/ } #feature-cards-stacks_in_563_6 .feature-card:hover .feature-card-icon i { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); /**/ } #feature-cards-stacks_in_563_6 .feature-card:hover .feature-card-header { /**/ } #feature-cards-stacks_in_563_6 .feature-card:hover .feature-card-description { /**/ } #feature-cards-stacks_in_563_6 .feature-grid.ripple .feature-card { position: relative; } #feature-cards-stacks_in_563_6 .feature-grid.ripple .feature-card::before { background: #34395D; content: ''; z-index: -1; width: 30px; height: 30px; display: block; position: absolute; transition: all 0.4s ease-out; border-radius: 50%; -webkit-transform: translate(-30px, -30px); transform: translate(-30px, -30px); } #feature-cards-stacks_in_563_6 .feature-grid.ripple.center .feature-card::before { top: 50%; left: 50%; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); } #feature-cards-stacks_in_563_6 .feature-grid.ripple.center .feature-card:hover::before { width: 150%; height: 150%; border-radius: 4; transition: all 0.4s ease-out; -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } #feature-cards-stacks_in_563_6 .feature-grid.ripple.top-left .feature-card::before { top: -30px; left: -30px; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0 50% 50% 50%; } #feature-cards-stacks_in_563_6 .feature-grid.ripple.top-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 20px #34395D; } #feature-cards-stacks_in_563_6 .feature-grid.ripple.top-right .feature-card::before { top: -30px; right: -30px; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_563_6 .feature-grid.ripple.top-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); border-radius: 50% 0 50% 50%; } #feature-cards-stacks_in_563_6 .feature-grid.ripple.bottom-left .feature-card::before { left: -30px; bottom: -30px; border-radius: 4px; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_563_6 .feature-grid.ripple.bottom-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_563_6 .feature-grid.ripple.bottom-right .feature-card::before { bottom: -30px; right: -30px; border-radius: 50% 50% 0 50%; -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_563_6 .feature-grid.ripple.bottom-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 767px) { #feature-cards-stacks_in_563_6 .feature-outer { /**/ max-width: 25.000000%; /**/ width: 25.000000%; } } @media (min-width: 468px) and (max-width: 767px) { #feature-cards-stacks_in_563_6 .feature-outer { /**/ max-width: 100.000000%; /**/ width: 100.000000%; } } @media (min-width: 0px) and (max-width: 468px) { #feature-cards-stacks_in_563_6 .feature-outer { /**/ max-width: 100.000000%; /**/ width: 100.000000%; } } /* */ #feature-section-card-stacks_in_563_4 img { width: 120px; height: 120px; margin: 20px 0px 20px 0px; } #stacks_in_563_3 { text-transform: uppercase; font-size: 150%; } #stacks_in_563_11 { text-transform: uppercase; } #feature-section-card-stacks_in_563_14 img { width: 120px; height: 120px; margin: 20px 0px 20px 0px; } #stacks_in_563_13 { text-transform: uppercase; font-size: 150%; } #stacks_in_563_15 { text-transform: uppercase; } #feature-section-card-stacks_in_563_18 img { width: 120px; height: 120px; margin: 20px 0px 20px 0px; } #stacks_in_563_17 { text-transform: uppercase; font-size: 150%; } #stacks_in_563_19 { text-transform: uppercase; } #feature-section-card-stacks_in_563_22 img { width: 150px; height: 150px; margin: 0px 0px 0px 0px; } #stacks_in_563_23 { text-transform: uppercase; font-size: 150%; } #stacks_in_563_24 { text-transform: uppercase; } .stacks_in_13_16 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_13_19{text-align:center}#stacks_in_13_19 img{max-width:50px;width:100%;height:auto}@media only screen and (min-width:641px){#stacks_in_13_19 img{max-width:100px}}@media only screen and (min-width:1024px){#stacks_in_13_19 img{max-width:150px}} #stacks_in_13_20 { text-transform: uppercase; } #stacks_in_13_25 { text-transform: uppercase; } #stacks_in_13_51 { text-transform: uppercase; } #stacks_in_13_36 { font-size: 50%; } #stacks_in_13_38 { text-transform: uppercase; font-size: 80%; font-weight: lighter; }