/* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_9 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_9 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_9 .wrapper_link { display: block !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_9 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 20vh; min-height: 100px !important; padding: 0; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_9 .back_wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_9 .back_wrapper_8573 { } } #stacks_in_9 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 20vh; min-height: 100px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_9 .wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_9 .wrapper_8573 { } } /* Hype internal elements - rotation */ #stacks_in_9 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* --------------- */ #stacks_in_9 .wrapper_working_area { background: url(../index_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.7; 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; } /* --------------- */ /* ---TITLE AND SLOGAN ----- active only with "STATIC" titles */ .hype-title-static { } .hype-title-scale{ } @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 { } @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;} } /* active only with STATIC titles END */ /* Title style A */ #stacks_in_9 .theme_title { color: #99CC33 !important; } /* Title style B */ #stacks_in_9 .theme_title_b { color: #99CC33 !important; } /* Title style A-B styles */ #stacks_in_9 .theme_slogan { color: #993399 !important; font-size: 64px !important; font-family: "ralewaylight", sans-serif !important; font-style: none; text-transform: none; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; -moz-transform: rotate( 0deg ) !important; margin-top: 20px !important; margin-left: 0px !important; display: block !important; letter-spacing: 0px !important; line-height: 70px !important; } /* TITLE CSS */ #stacks_in_9 .theme_title, #stacks_in_9 .theme_title_b { font-size: 134px !important; font-style: none; text-transform: none; text-decoration: None; margin-top: -50px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: "ralewaylight", sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_9 .back_wrapper_8573 { background: url(../index_files/dots1.png) center center repeat !important; } #stacks_in_9 .back_wrapper_8573bg { text-align: center; display: block; position: relative; max-width: 1300vh; height: 20vh; min-height: 100px !important; padding: 0; margin: 0; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_9 .back_wrapper_8573bg { } } @media (max-width: 600px) { #stacks_in_9 .back_wrapper_8573bg { } } #stacks_in_9 .theme_title, #stacks_in_9 .theme_title_b { /* shadow set */ } /* Title shadow END */ #stacks_in_9 .theme_title, #stacks_in_9 .theme_title_b { } /* --------------- */ /* @group Built-in Webfonts */ /* Orignal font CORDIAL by Riccardo Olocco - read license */ @font-face { font-family: 'cordial_proregregular'; src: url('../index_files/webfonts/cordial_web/cordial_regular_39-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_regular_39-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_regular_39-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_regular_39-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_semibold_38-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_semibold_38-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_semibold_38-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_semibold_38-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_medium_38-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_medium_38-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_medium_38-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_medium_38-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_light_59-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_light_59-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_light_59-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_light_59-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_bold_69-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_bold_69-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_bold_69-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_bold_69-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.ttf') format('truetype'), url('../index_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.svg#cordial_pro_cherryBdrounded') format('svg'); font-weight: normal; font-style: normal; } /* cordial end */ @font-face { font-family: 'rubik_mono_oneregular'; src: url('../index_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot'); src: url('../index_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'), url('../index_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/montserrat/montserrat-bold-webfont.eot'); src: url('../index_files/webfonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../index_files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'), url('../index_files/webfonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'), url('../index_files/webfonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'abelregular'; src: url('../index_files/webfonts/abel/abel-regular-webfont.eot'); src: url('../index_files/webfonts/abel/abel-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/abel/abel-regular-webfont.woff') format('woff'), url('../index_files/webfonts/abel/abel-regular-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/open-sans-condensed/opensans-condlight-webfont.eot'); src: url('../index_files/webfonts/open-sans-condensed/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../index_files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'), url('../index_files/webfonts/open-sans-condensed/opensans-condlight-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/breeserif/breeserif-regular-webfont.eot'); src: url('../index_files/webfonts/breeserif/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'), url('../index_files/webfonts/breeserif/breeserif-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/breeserif/breeserif-regular-webfont.svg#bree_serifregular')format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('../index_files/webfonts/pacifico/pacifico-regular-webfont.eot'); src: url('../index_files/webfonts/pacifico/pacifico-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/pacifico/pacifico-regular-webfont.woff') format('woff'), url('../index_files/webfonts/pacifico/pacifico-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/pacifico/pacifico-regular-webfont.svg#pacificoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'signikaregular'; src: url('../index_files/webfonts/signika/signika-regular-webfont.eot'); src: url('../index_files/webfonts/signika/signika-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/signika/signika-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/signika/signika-regular-webfont.woff') format('woff'), url('../index_files/webfonts/signika/signika-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/signika/signika-regular-webfont.svg#signikaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rochesterregular'; src: url('../index_files/webfonts/rochester/rochester-regular-webfont.eot'); src: url('../index_files/webfonts/rochester/rochester-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/rochester/rochester-regular-webfont.woff') format('woff'), url('../index_files/webfonts/rochester/rochester-regular-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot'); src: url('../index_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'), url('../index_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.svg#playfair_display_scregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight'; src: url('../index_files/webfonts/raleway/raleway-light-webfont.eot'); src: url('../index_files/webfonts/raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../index_files/webfonts/raleway/raleway-light-webfont.woff') format('woff'), url('../index_files/webfonts/raleway/raleway-light-webfont.ttf') format('truetype'), url('../index_files/webfonts/raleway/raleway-light-webfont.svg#ralewaylight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fjalla_oneregular'; src: url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.eot'); src: url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'), url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vigaregular'; src: url('../index_files/webfonts/viga/viga-regular-webfont.eot'); src: url('../index_files/webfonts/viga/viga-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/viga/viga-regular-webfont.woff') format('woff'), url('../index_files/webfonts/viga/viga-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/viga/viga-regular-webfont.svg#vigaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.eot'); src: url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'), url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.ttf') format('truetype'), url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.svg#ubunturegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_blackregular'; src: url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.eot'); src: url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'), url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.svg#archivo_blackregular') format('svg'); font-weight: normal; font-style: normal; } /* @end */ /* DECORATION */ /* line */ #stacks_in_9 .decoration_color_1 { background-color: #993399 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } /* back glow */ #stacks_in_9 .flash-color { background-color: rgba(0, 0, 0, 0.35) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; display: none !important; } /* DECORATION and GLOW END */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXX DEMO AREA - CSS STYLES XXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* -- End EACH CSS Template -- */#stacks_in_9 .scrollButton-hypetitles { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 8%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; 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: 2; 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_9 .scrollButton-hypetitles a { font-size: 50px !important; line-height: 1em; transition: 0.05s linear; -webkit-transition: 0.05s linear; -moz-transition: 0.05s 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: #D5D5D5 !important; } #stacks_in_9 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_9 .scrollButton-hypetitles #stacks_in_9 [class*="fa fa-"] { color: #D5D5D5 !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_9 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-hypetitles { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_9 .scrollButton-hypetitles { display: none !important; } #stacks_in_9 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } } /* ------------------ edit -- */ /* ------------------ edit END -- */ /* ------------------ 2 columns -- */ #stacks_in_6 .wrapper-link:hover { -webkit-animation: wrapper-link 1.5s linear forwards !important; -moz-animation: wrapper-link 1.5s linear forwards !important; animation: wrapper-link 1.5s 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_6 .element-link, #stacks_in_6 .wrapper-link { display: block !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2 !important; width: 100%; height: 100%; } /* ------- global ------ */ #stacks_in_6 *{ box-sizing: border-box !important; } /* ------- BG main ------ */ #stacks_in_6 .extend_image_main { background-image: none !important; background-size: cover !important; background-position: 50% 50% !important; opacity: 0.1 !important; } #stacks_in_6 .extend_image_main_colour { } #stacks_in_6 .extend_image_main_colour_border { } /* ------- Text BG left ------ */ #stacks_in_6 .left-box-over-bg-0 path, #stacks_in_6 .left-box-over-bg-1 path, #stacks_in_6 .left-box-over-bg-2 path, #stacks_in_6 .left-box-over-bg-3 path, #stacks_in_6 .left-box-over-bg-4 path, #stacks_in_6 .left-box-over-bg-5 path, #stacks_in_6 .left-box-over-bg-6 path, #stacks_in_6 .left-box-over-bg-7 path, #stacks_in_6 .left-box-over-bg-8 path, #stacks_in_6 .left-box-over-bg-9 path, #stacks_in_6 .left-box-over-bg-10 path { fill: rgba(255, 255, 255, 0.00) !important; stroke-style: solid !important; stroke-width: 30px !important; stroke: rgba(255, 255, 255, 1.00) !important; } #stacks_in_6 .left-box-over-bg-7 { display: block !important; } /* ------- BG back shape ------ */ #stacks_in_6 .morph-shape-1, #stacks_in_6 .morph-shape-1 path, #stacks_in_6 .morph-shape-2, #stacks_in_6 .morph-shape-2 path, #stacks_in_6 .morph-shape-3, #stacks_in_6 .morph-shape-3 path { fill: rgba(255, 255, 255, 0.00) !important; } /* NOTE use the order 2 and 1 and 3 to fix consolid. css */ #stacks_in_6 .morph-shape-2, #stacks_in_6 .morph-shape-2 path { } #stacks_in_6 .morph-shape-1, #stacks_in_6 .morph-shape-1 path { } #stacks_in_6 .morph-shape-3, #stacks_in_6 .morph-shape-3 path { } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_6 .HYPE_document { direction:ltr !important; margin:auto; position:relative; display: block; overflow: hidden; width: 100%; min-height: 400px; max-width: 1800px; } /* was important - fox edit mode UP */ /* ------- IMG LINE ------ */ #stacks_in_6 .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: 400px !important; height: 400px !important; } #stacks_in_6 .anim-line path { stroke-width: 5px !important; stroke: rgba(153, 51, 153, 1.00) !important; } /* ------- IMG ------ */ /* removed below width: auto !important; bwlow to fix in IE11 */ #stacks_in_6 .extend_image { left: 0 !important; right: 0 !important; text-align: center !important; margin: auto !important; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; border: solid !important; border-width: 10px !important; border-color: rgba(255, 255, 255, 1.00) !important; background-image: url(../index_files/pop_image-6.jpg) !important; max-width: 70% !important; height: 90% !important; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; background-size: cover !important; } #stacks_in_6 .extend_image_main_overlay { background-color: transparent !important; } #stacks_in_6 .extend_image_main_grid { background: url(../index_files/dots1.png) center center repeat !important; display: block !important; } #stacks_in_6 .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; } /* fade-css to slice */ #stacks_in_6 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; max-width: 40% !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_6 .inner_slice_content, #stacks_in_6 .inner_slice_content p, #stacks_in_6 .inner_slice_content span, #stacks_in_6 .inner_slice_content [class*="fa fa-"], #stacks_in_6 .inner_slice_content h1, #stacks_in_6 .inner_slice_content h2, #stacks_in_6 .inner_slice_content h3, #stacks_in_6 .inner_slice_content h4, #stacks_in_6 .inner_slice_content h5, #stacks_in_6 .inner_slice_content h6 {-webkit-font-smoothing: antialiased; } #stacks_in_6 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_6 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_6 .inner_slice_content a:link, #stacks_in_6 .inner_slice_content a { } #stacks_in_6 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_6 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_6 .inner_slice_content a:hover { } /* hype elements */ #stacks_in_6 .viewport-morph-trigger { opacity: 0.45; margin-top: 150px !important; opacity: 1.0; } #stacks_in_6 .viewport-rotscal-trigger { opacity: 0.45; } #stacks_in_6 .viewport-line-trigger { opacity: 0.45; } #stacks_in_6 .setting_panel_slide { } /* ------------------ 2 columns -- END */ /* ------------------------------- breakpoint min -------------------------------------- */ @media screen and (min-width: 780px ) { #stacks_in_6 .anim-line { } #stacks_in_6 .inner_slice {max-width: 40% !important;} #stacks_in_6 .hype_box, #stacks_in_6 .wrapper-link { width: 60% !important; left: 40% !important; margin-top: 0 !important; margin-bottom: 10% !important; max-height: 400px; } #stacks_in_6 .left-box-over-bg-7 { margin-left: -10% !important; } #stacks_in_6 .extend_image { top: 5% !important; background-position: 50% 50% !important; /* below for desktop - 2 columns only- to use in one */ } #stacks_in_6 .setting_panel_slide { position: absolute !important; margin-left: -5% !important; } #stacks_in_6 .inner_slice_content { padding-top: 20px; } } /* -------------------- breakpoint min -------------- END ---------- */ /* Hype element simulator centering in MAX */ #stacks_in_6 .setting_panel_slide { position: absolute !important; margin-left: -25%; } /* -------------------- breakpoint MAX ----------------------- */ @media screen and (max-width: 780px ) { /* line 2 col */ #stacks_in_6 .inner_slice { max-width: 100% !important; margin-top: 350px; top: 0px !important; } #stacks_in_6 .inner_slice_content { background-color: rgba(255, 255, 255, 0.00); border-top-style: solid !important; border-top-width: 30px !important; border-top-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_6 .hype_box, #stacks_in_6 .wrapper-link {max-width: 100% !important; left: 0% !important; position: absolute !important; top: 0 !important; max-height: 350px; } #stacks_in_6 .hype_box { display: block !important; margin-top: 20px !important; } #stacks_in_6 .extend_image { top: 5% !important; max-width: 90% !important; height: 90% !important; background-position: 50% 50% !important; } #stacks_in_6 .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; min-width: 300px !important; min-height: 300px !important; max-width: 390px !important; max-height: 390px !important; } #stacks_in_6 .HYPE_document { overflow: hidden !important; padding-top: 20px !important; margin-bottom: 0px !important; } /* link area */ #stacks_in_6 .element-link, #stacks_in_6 .wrapper-link, #stacks_in_6 .wrapper-link:hover { display: block !important; } /* hide show text background */ #stacks_in_6 .left-box-over-bg-7 { display: none !important; } /* preview simulator centering in MAX */ #stacks_in_6 .setting_panel_slide { position: absolute !important; margin-left: -25%; } } /* -------------------- breakpoint MAX ----------- END ------------ */ /* -------------------- breakpoint small devices ---- */ @media screen and (max-width: 560px) { #stacks_in_6 .extend_image { } } /* -------------------- breakpoint internal ---- */ @media screen and (max-width: 420px ) { #stacks_in_6 .anim-line { max-width: 300px !important; max-height: 300px !important; } } /* -------------- if edit mode list -------------- */ #stacks_in_6 .HYPE_document { } #stacks_in_6 .inner_slice_content { } #stacks_in_6 .inner_slice { } /* -- End EACH CSS Template -- */ #stacks_in_6 { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_63 { margin: 10px; } #stacks_in_63 .stacks_in, #stacks_in_63 .stacks_out, #stacks_out_43 .stacks_in, #stacks_out_43.stacks_out { /* */ overflow: visible !important; /* */ } /* */ #ultra-list-stacks_in_43-main { z-index: 500; max-width: 700px; padding: 10px; margin: 0 auto; position: relative; box-sizing: border-box; } #ultra-list-stacks_in_43-main mark { padding: 2px; display: inline; color: rgba(255, 255, 255, 1.00); background: rgba(207, 94, 88, 1.00); } #ultra-list-stacks_in_43-main .search-result-info { display: none; text-align: center; padding: 20px 10px; } #ultra-list-stacks_in_43-main.tags-created .ultra-li-tags::before { display: none; } #ultra-list-stacks_in_43-main.no-results { /* */ font-family: "Raleway"; /* */ } #ultra-list-stacks_in_43-main.no-results .search-result-info { display: block; } #ultra-list-stacks_in_43-main.no-results .ultra-list-search { color: rgba(186, 58, 56, 1.00); } #ultra-list-stacks_in_43-main.no-results .ultra-list-search::after { height: 3px; background: rgba(186, 58, 56, 1.00); } #ultra-list-stacks_in_43-main.no-results .ultra-list-search button i::after { content: 'error_outline'; } #ultra-list-stacks_in_43-main.yes-results .ultra-list-search { color: rgba(76, 175, 80, 1.00); } #ultra-list-stacks_in_43-main.yes-results .ultra-list-search::after { height: 3px; background: rgba(76, 175, 80, 1.00); } #ultra-list-stacks_in_43-main.yes-results .ultra-list-search button i::after { content: 'check_circle'; } #ultra-list-stacks_in_43-options { /* */ font-family: "Raleway"; /* */ margin-bottom: 20px; z-index: 100; display: flex; position: relative; box-sizing: border-box; justify-content: flex-end; } #ultra-list-stacks_in_43-options .ultra-list-search { color: #343B48; width: 100%; display: flex; overflow: hidden; position: relative; margin-right: 10px; box-sizing: border-box; -ms-input-placeholder-color: #343B48; -moz-placeholder-color: #343B48; } #ultra-list-stacks_in_43-options .ultra-list-search ::-webkit-input-placeholder { color: #343B48; } #ultra-list-stacks_in_43-options .ultra-list-search ::-moz-placeholder { color: #343B48; } #ultra-list-stacks_in_43-options .ultra-list-search::after { content: ''; left: 0; bottom: 0; height: 1px; width: 100%; opacity: 0.4; display: block; position: absolute; background: #343B48; } #ultra-list-stacks_in_43-options .ultra-list-search button { margin: 0; padding: 0; border: none; line-height: 1; color: inherit; flex: 0 1 auto; background: none; } #ultra-list-stacks_in_43-options .ultra-list-search button i::after { display: inline; content: 'search'; font-size: 24px; } #ultra-list-stacks_in_43-options .ultra-list-search input { color: #343B48; font-size: 16px; padding: 10px 10px; margin: 0; width: 100%; border: none; outline: none; flex: 0 1 auto; box-shadow: none; background: none; box-sizing: border-box; } #ultra-list-stacks_in_43-options .ultra-list-sort { color: rgba(255, 255, 255, 1.00); background: rgba(70, 76, 89, 1.00); border-radius: 3px; z-index: 20; flex: 0 1 auto; cursor: pointer; align-items: center; display: inline-flex; justify-content: center; } #ultra-list-stacks_in_43-options .ultra-list-sort.sorting, #ultra-list-stacks_in_43-options .ultra-list-sort.filter { color: rgba(255, 255, 255, 1.00); background: rgba(207, 94, 88, 1.00); } #ultra-list-stacks_in_43-options .ultra-list-sort.sorting .sort-count { display: flex; } #ultra-list-stacks_in_43-options .ultra-list-sort.filter .sort-overlay { display: block; } #ultra-list-stacks_in_43-options .ultra-list-sort.filter ul.sort-list { opacity: 1; pointer-events: auto; transform: translateX(0); } #ultra-list-stacks_in_43-options .ultra-list-sort i { width: 40px; height: 40px; font-size: 24px; display: flex; align-items: center; justify-content: center; } #ultra-list-stacks_in_43-options .ultra-list-sort .sort-count { width: 40px; height: 40px; display: none; align-items: center; justify-content: center; } #ultra-list-stacks_in_43-options .ultra-list-sort .sort-count span { font-size: 16px; display: inline-block; } #ultra-list-stacks_in_43-options .ultra-list-sort .sort-overlay { z-index: -1; top: 0; left: 0; right: 0; bottom: 0; display: none; position: fixed; cursor: auto; } #ultra-list-stacks_in_43-options .ultra-list-sort ul.sort-list { /* */ background: rgba(52, 59, 72, 1.00); /* */ /* */ max-width: 180px; padding: 10px 15px; max-height: 450px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.30); right: 0; margin: 0; opacity: 0; z-index: 20; width: 100%; list-style: none; position: absolute; pointer-events: none; text-align-last: left; border-radius: 4px; transition: all 0.3s; top: calc(100% + 5px); box-sizing: border-box; transform: translateX(100%); } #ultra-list-stacks_in_43-options .ultra-list-sort ul.sort-list li { color: rgba(255, 255, 255, 1.00); border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: flex; cursor: pointer; font-size: 15px; padding: 8px 0; align-items: center; } #ultra-list-stacks_in_43-options .ultra-list-sort ul.sort-list li:last-child { border-bottom: none; } #ultra-list-stacks_in_43-options .ultra-list-sort ul.sort-list li::before { color: rgba(207, 94, 88, 1.00); font-size: 20px; margin-right: 10px; content: 'check_box_outline_blank'; font-family: "Material Icons"; transition: all 0.3s; } #ultra-list-stacks_in_43-options .ultra-list-sort ul.sort-list li:hover::before { transform: scale(1.1); } #ultra-list-stacks_in_43-options .ultra-list-sort ul.sort-list li.filter-on:hover::before { content: 'indeterminate_check_box'; } #ultra-list-stacks_in_43-options .ultra-list-sort ul.sort-list li.filter-on::before { content: 'check_box'; } #ultra-list-stacks_in_43 { margin: 0; padding: 0; list-style: none; box-sizing: border-box; } #ultra-list-stacks_in_43 .ultra-li { overflow: hidden; transition: all 0.3s; } #ultra-list-stacks_in_43 .ultra-li-top { display: flex; /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ padding: 10px 25px; } #ultra-list-stacks_in_43 .ultra-li-top * { box-sizing: border-box; } #ultra-list-stacks_in_43 .ultra-li-details { /* */ font-family: "Raleway"; /* */ /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ overflow: hidden; color: rgba(102, 102, 102, 1.00); /* */ height: 0; /* */ /* */ } #ultra-list-stacks_in_43 .ultra-li-details-inner { padding: 15px; /* */ transform: scale(0); transition: all 0.5s 0.5s; /* */ } #ultra-list-stacks_in_43 .ultra-li-col-icon { display: flex; flex: 0 1 auto; align-self: flex-start; } #ultra-list-stacks_in_43 .ultra-li-icon { color: rgba(186, 58, 56, 1.00); width: 0px; height: 0px; border-radius: 40px; background: rgba(207, 94, 88, 1.00); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05); } #ultra-list-stacks_in_43 .ultra-li-icon i { font-size: 0px; } #ultra-list-stacks_in_43 .ultra-li-col-header { padding: 0 12px; flex: 0 1 auto; overflow: hidden; align-self: center; } #ultra-list-stacks_in_43 .ultra-li-title { /* */ font-family: "Raleway"; /* */ color: rgba(153, 204, 51, 1.00); font-size: 24px; line-height: 33.599998px; margin-bottom: 5px; } #ultra-list-stacks_in_43 .ultra-li-description { /* */ font-family: "Raleway"; /* */ color: rgba(255, 255, 255, 0.50); font-size: 16px; line-height: 22.400000px; } #ultra-list-stacks_in_43 .ultra-li-tags { /* */ font-family: "Raleway"; /* */ padding: 0; margin: 0; display: flex; flex-wrap: wrap; list-style: none; align-items: flex-start; justify-content: flex-start; } #ultra-list-stacks_in_43 .ultra-li-tags::before { content: ' ... '; align-items: center; } #ultra-list-stacks_in_43 .ultra-li-tags li, #ultra-list-stacks_in_43 .ultra-li-tags::before { margin-top: 12px; flex: 0 1 auto; margin-right: 4px; color: rgba(255, 255, 255, 1.00); background: rgba(52, 59, 72, 1.00); font-size: 13px; padding: 3px 10px; border-radius: 20px; } #ultra-list-stacks_in_43 .ultra-li-col-toggle { flex: 0 1 auto; margin-left: auto; align-self: center; } #ultra-list-stacks_in_43 .ultra-li-toggle { /* */ font-family: "Raleway"; /* */ color: rgba(153, 51, 153, 1.00); height: 30px; background: rgba(255, 255, 255, 1.00); font-size: 30px; border-radius: 0px; width: 100%; display: flex; line-height: 0; cursor: pointer; margin-left: auto; overflow: hidden; position: relative; text-align: center; align-items: center; justify-content: center; transition: all 0.3s; } #ultra-list-stacks_in_43 .ultra-li-toggle::after { padding: 0 0px; content: "..."; z-index: 2; width: 100%; height: 100%; color: inherit; overflow: hidden; user-select: none; position: relative; align-items: center; white-space: nowrap; display: inline-flex; transition: width 0.3s; justify-content: center; } #ultra-list-stacks_in_43 .ultra-li-toggle i { font-size: 24px; opacity: 0; z-index: 1; user-select: none; position: absolute; pointer-events: none; transition: all 0.3s; } #ultra-list-stacks_in_43-main.no-search .ultra-list-search { display: none; } #ultra-list-stacks_in_43-main.no-sort .ultra-list-search { margin-right: 0; } #ultra-list-stacks_in_43-main.no-sort .ultra-list-sort { display: none; } #ultra-list-stacks_in_43-main.no-description .ultra-li-title { margin-bottom: 0; } #ultra-list-stacks_in_43-main.no-description .ultra-li-description { display: none; } #ultra-list-stacks_in_43-main.no-tags .ultra-list-search { margin-right: 0; } #ultra-list-stacks_in_43-main.no-tags .ultra-list-sort { display: none; } #ultra-list-stacks_in_43-main.no-tags .ultra-li-tags { display: none; } #ultra-list-stacks_in_43-main.no-toggle-text .ultra-li-toggle { padding: 0; width: 30px; } #ultra-list-stacks_in_43-main.no-toggle-text .ultra-li-toggle::after { font-family: "Material Icons"; content: 'more_vert'; } #ultra-list-stacks_in_43 .ultra-li.expanded .ultra-li-details-inner { transform: scale(1); transition: all 0.3s 0s; } #ultra-list-stacks_in_43 .ultra-li.expanded .ultra-li-description { overflow: visible; white-space: normal; } #ultra-list-stacks_in_43 .ultra-li.expanded .ultra-li-toggle { width: 30px; transition: all 0.3s; } #ultra-list-stacks_in_43 .ultra-li.expanded .ultra-li-toggle::after { opacity: 0; padding: 0; pointer-events: none; } #ultra-list-stacks_in_43 .ultra-li.expanded .ultra-li-toggle i { opacity: 1; pointer-events: auto; } #ultra-list-stacks_in_43.separated .ultra-li { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); border-radius: 20px; margin-bottom: 20px; } #ultra-list-stacks_in_43.separated .ultra-li:hover { transform: translateY(-3px); } #ultra-list-stacks_in_43.connected { overflow: hidden; border-radius: 20px; } #ultra-list-stacks_in_43.connected .ultra-li { margin-bottom: 0; box-shadow: none; } #ultra-list-stacks_in_43.connected .ultra-li .ultra-li-details { min-height: 1px; position: relative; } #ultra-list-stacks_in_43.connected .ultra-li .ultra-li-details::after { content: ''; left: 0; bottom: 0; width: 100%; height: 1px; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #ultra-list-stacks_in_43.connected .ultra-li:first-of-type { border-top-left-radius: 20px; border-top-right-radius: 20px; } #ultra-list-stacks_in_43.connected .ultra-li:last-of-type, #ultra-list-stacks_in_43.connected .ultra-li.last { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } #ultra-list-stacks_in_43.connected .ultra-li:last-of-type .ultra-li-details, #ultra-list-stacks_in_43.connected .ultra-li.last .ultra-li-details { min-height: 0; } #ultra-list-stacks_in_43.connected .ultra-li:last-of-type .ultra-li-details::after, #ultra-list-stacks_in_43.connected .ultra-li.last .ultra-li-details::after { display: none; } #ultra-list-stacks_in_43.truncate .ultra-li-description { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media (max-width: 600px) { #ultra-list-stacks_in_43 .ultra-li-top { flex-wrap: wrap; } #ultra-list-stacks_in_43 .ultra-li-col-header { width: 100%; padding: 12px 0; } } /* */ #stacks_in_43 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #ultra-li-stacks_in_44.image-icon .ultra-li-icon { background: url("") no-repeat center center; background-size: cover; } #ultra-li-stacks_in_44.image-icon .ultra-li-icon i { display: none; } #ultra-li-stacks_in_47.image-icon .ultra-li-icon { background: url("") no-repeat center center; background-size: cover; } #ultra-li-stacks_in_47.image-icon .ultra-li-icon i { display: none; } #ultra-li-stacks_in_57.image-icon .ultra-li-icon { background: url("") no-repeat center center; background-size: cover; } #ultra-li-stacks_in_57.image-icon .ultra-li-icon i { display: none; }