/* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_314 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_314 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_314 .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_314 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 715vh; height: 390px; max-height: auto; min-height: auto; padding: 0; %%[[if edit]]%% display:none; %%[[endif]]%% } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_314 .back_wrapper_8573 { height: 300px; max-height: auto; min-height: auto; } } @media (max-width: 510px) { #stacks_in_314 .back_wrapper_8573 { height: 200px; max-height: auto; min-height: auto; } } #stacks_in_314 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 715px; height: 390px; max-height: auto; min-height: auto; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_314 .wrapper_8573 { height: 300px; max-height: auto; min-height: auto; } } @media (max-width: 510px) { #stacks_in_314 .wrapper_8573 { height: 200px; max-height: auto; min-height: auto; } } /* Hype internal elements - rotation */ #stacks_in_314 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* --------------- */ #stacks_in_314 .wrapper_working_area { background: url(../files/edit_mode_titles_guide_border.gif) center center no-repeat !important; max-width: 715px; height: 35vh; 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; } /* ---TITLE active only with "STATIC" titles */ .hype-title-static { } .hype-title-scale{ %%[[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 { } @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_314 .theme_title { color: #141D30 !important; } /* B */ #stacks_in_314 .theme_title_b { color: #4B616E !important; } /* Tit A-B styles */ #stacks_in_314 .theme_slogan { color: #111524 !important; font-size: 56px !important; font-family: "abelregular", sans-serif !important; font-style: italic; text-transform: uppercase; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; -moz-transform: rotate( 0deg ) !important; margin-top: 200px !important; margin-left: 0px !important; display: block !important; letter-spacing: 7px !important; line-height: 110px !important; } /* TITLE CSS */ #stacks_in_314 .theme_title, #stacks_in_314 .theme_title_b { font-size: 114px !important; font-style: none; text-transform: none;text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 7px !important; line-height: 125px !important; font-family: "abelregular", sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; } /* upg 1.1.3 - 113 */ #stacks_in_314 .theme_title, #stacks_in_314 .theme_title_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_314 .back_wrapper_8573 { /* upg 1.1.4 - 114 */ /* beta */ /* */ } #stacks_in_314 .back_wrapper_8573bg { text-align: center; display: block; position: relative; max-width: 715vh; height: 390px; max-height: auto; min-height: auto; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_314 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_314 .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_314 .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_314 .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_314 .back_wrapper_8573bg#stacks_in_314 .back_wrapper_8573bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_314 .back_wrapper_8573bg { height: 300px; max-height: auto; min-height: auto; } } @media (max-width: 510px) { #stacks_in_314 .back_wrapper_8573bg { height: 200px; max-height: auto; min-height: auto; } } #stacks_in_314 .theme_title, #stacks_in_314 .theme_title_b { text-shadow: 0px 1px rgba(0, 0, 0, 0.35), 0px 2px rgba(0, 0, 0, 0.35), 0px 3px rgba(0, 0, 0, 0.35), 0px 4px rgba(0, 0, 0, 0.35) !important; } #stacks_in_314 .theme_title, #stacks_in_314 .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_314 .decoration_color_1 { background-color: #897436 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_314 .flash-color { background-color: rgba(211, 178, 81, 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_314 .scrollButton-hypetitles { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 8%; 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: 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_314 .scrollButton-hypetitles a { font-size: 50px !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: #D5D5D5 !important; } #stacks_in_314 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_314 .scrollButton-hypetitles #stacks_in_314 [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_314 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_314 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_314 .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_314 .scrollButton-hypetitles { display: none !important; } #stacks_in_314 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } }/* -- Start EACH CSS Template -- */ #stacks_in_601 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_601 .HYPE_document { overflow: auto; pointer-events: none !important; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } #stacks_in_601 .hype_bg-20, #stacks_in_601 .hype_bg-20-grad { position: absolute; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0; margin-right: auto; margin-left: auto; text-align: center; max-width: 366px; border-radius: 0px; -webkit-border-radius: 0px; } #stacks_in_601 .hype_bg-20-grad { display: none; } #stacks_in_601 .hype_bg-20 { background-image:none; background-color: transparent; background-size: cover !important; background-position: 50% 50%; opacity: 1; } @media screen and (max-width: 770px) { #stacks_in_601 .hype_bg-20 { } } /* fixed desktop only */ @media (max-width: 480px) { #stacks_in_601 .hype_bg-20 { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_601 .hype_bg-20 { 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_601 .hype_bg-20 { 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_601 .hype_bg-20 { 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_601 .hype_bg-20 { background-attachment: scroll !important; } } #stacks_in_601_default20_hype_container { margin:auto; position:relative; overflow: visible; pointer-events: none; } #stacks_in_601 .wrapper-20 {margin-right: auto; margin-left: auto; max-width: 366px; } #stacks_in_601 .inner_slice_content { padding: 35px; min-height: 120px; margin: 0; pointer-events: auto; } #stacks_in_601 .hype_line_20 path, #stacks_in_601 .hype_line_corner1 path, #stacks_in_601 .hype_line_corner2 path, #stacks_in_601 .hype_line_corner3 path, #stacks_in_601 .hype_line_corner4 path, #stacks_in_601 .hype_line_corner5 path, #stacks_in_601 .hype_line_corner6 path, #stacks_in_601 .hype_line_corner7 path, #stacks_in_601 .hype_line_corner8 path, #stacks_in_601 .hype_line_corner9 path, #stacks_in_601 .hype_line_corner10 path { stroke: #9C843D !important; stroke-linecap: round !important; } @keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-border-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_601 .hype_line_20 path, #stacks_in_601 .hype_line_corner1 path, #stacks_in_601 .hype_line_corner2 path, #stacks_in_601 .hype_line_corner3 path, #stacks_in_601 .hype_line_corner4 path, #stacks_in_601 .hype_line_corner5 path, #stacks_in_601 .hype_line_corner6 path, #stacks_in_601 .hype_line_corner7 path, #stacks_in_601 .hype_line_corner8 path, #stacks_in_601 .hype_line_corner9 path, #stacks_in_601 .hype_line_corner10 path { stroke-width: 5px !important; } @media (min-width: 630px) { #stacks_in_601 .inner_slice_content { min-height: 109px; } } @media (max-width: 630px) { #stacks_in_601 .hype_bg-20, #stacks_in_601 .hype_bg-20-grad { border-radius: 0px; -webkit-border-radius: 0px; } #stacks_in_601 .hype_line_20 path, #stacks_in_601 .hype_line_corner1 path, #stacks_in_601 .hype_line_corner2 path, #stacks_in_601 .hype_line_corner3 path, #stacks_in_601 .hype_line_corner4 path, #stacks_in_601 .hype_line_corner5 path, #stacks_in_601 .hype_line_corner6 path, #stacks_in_601 .hype_line_corner7 path, #stacks_in_601 .hype_line_corner8 path, #stacks_in_601 .hype_line_corner9 path, #stacks_in_601 .hype_line_corner10 path { } #stacks_in_601 .hype_line_corner2, #stacks_in_601 .hype_line_corner3, #stacks_in_601 .hype_line_corner4, #stacks_in_601 .hype_line_corner5, #stacks_in_601 .hype_line_corner6, #stacks_in_601 .hype_line_corner7, #stacks_in_601 .hype_line_corner8, #stacks_in_601 .hype_line_corner9 path, #stacks_in_601 .hype_line_corner10 path { } #stacks_in_601 .hype_line_corner1 { } #stacks_in_601 .inner_slice_content { } } #stacks_in_601 .hype_line_corner1 path, #stacks_in_601 .hype_line_corner2 path, #stacks_in_601 .hype_line_corner3 path, #stacks_in_601 .hype_line_corner4 path, #stacks_in_601 .hype_line_corner5 path, #stacks_in_601 .hype_line_corner6 path, #stacks_in_601 .hype_line_corner7 path, #stacks_in_601 .hype_line_corner8 path, #stacks_in_601 .hype_line_corner9 path, #stacks_in_601 .hype_line_corner10 path { } #stacks_in_601 .hype_line_20, #stacks_in_601 .hype_line_20 path { } #stacks_in_601 .trigger-19 { opacity: 0 !important; margin-top: 0px !important; } #stacks_in_601 .preview_only { display: none; } /* -- End EACH CSS Template -- */#stacks_in_493>.s3_row { margin: 0 -10px; } #stacks_in_493>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_493>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_493>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_493>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_493>.s3_row { margin: -10px 0; } #stacks_in_493>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_508>.s3_row { margin: 0 -10px; } #stacks_in_508>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_508>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_508>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_508>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_508>.s3_row { margin: -10px 0; } #stacks_in_508>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* -- Start EACH CSS Template -- */ /* prevent issue in Foundation theme and some stacks */ #stacks_in_452 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_452_default11_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_452 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_452 .hype_bgs-2 { background: linear-gradient(0deg, rgba(144, 168, 202, 1.00) 0%, rgba(255, 255, 255, 0.60) 100%) !important; opacity: 1 !important; } @media screen and (max-width: 600px) { #stacks_in_452 .hype_bgs-2 { } } @media screen and (max-width: 600px) { #stacks_in_452 .hype_bgs-2 { } } /* layer 1 */ #stacks_in_452 .hype_bgs-1 , #stacks_in_452 .hype_bgs-1-blurred { text-align: center; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: none !important; background-size: cover !important; background-position: 50% 50% !important; opacity: 1 !important; } /* hide link - avoit issiues Firefox 3D */ #stacks_in_452 .hype_bgs-1-hover-link { } @media screen and (max-width: 600px) { #stacks_in_452 .hype_bgs-1 , #stacks_in_452 .hype_bgs-1-blurred { } } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_452 .hype_bgs-1 , #stacks_in_452 .hype_bgs-1-blurred { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_452 .hype_bgs-1 , #stacks_in_452 .hype_bgs-1-blurred { 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_452 .hype_bgs-1 , #stacks_in_452 .hype_bgs-1-blurred { 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_452 .hype_bgs-1 , #stacks_in_452 .hype_bgs-1-blurred { 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_452 .hype_bgs-1 , #stacks_in_452 .hype_bgs-1-blurred { background-attachment: scroll !important; } } #stacks_in_452 .hype_bgs-1 { display: none !important; } #stacks_in_452 .hype_bgs-1-blurred { display: block !important; } /* gradient layer 1 */ #stacks_in_452 .hype_bgs-1grad { } /* STRIPES */ #stacks_in_452 .hype-bg-ext-a, #stacks_in_452 .hype-bg-ext-b { background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.60) 100%) !important; } #stacks_in_452 .hype-bg-ext-b { } #stacks_in_452 .hype-bg-ext-box { } /* SLICE */ /*overflow: auto;*/ #stacks_in_452 .inner_slice_content { text-align: left; pointer-events: auto; padding: 25px; } @media (max-width: 600px) { #stacks_in_452 .inner_slice_content { } } #stacks_in_452 .inner_slice { margin: auto; pointer-events: none; width: 100%; max-width: 2500px; min-width: 200px; z-index: 2; position: relative; -webkit-animation: fade-slice-css 0.30s ease-in-out both; animation: fade-slice-css 0.30s ease-in-out both; -webkit-animation-delay: 0.30s; animation-delay: 0.30s; } @media (max-width: 600px) { } @keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_452 .inner_slice_content, #stacks_in_452 .inner_slice_content p, #stacks_in_452 .inner_slice_content span, #stacks_in_452 .inner_slice_content [class*="fa fa-"], #stacks_in_452 .inner_slice_content h1, #stacks_in_452 .inner_slice_content h2, #stacks_in_452 .inner_slice_content h3, #stacks_in_452 .inner_slice_content h4, #stacks_in_452 .inner_slice_content h5, #stacks_in_452 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #323232 !important; } #stacks_in_452 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_452 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_452 .inner_slice_content a:link, #stacks_in_452 .inner_slice_content a { color: #3B78D9 !important; } #stacks_in_452 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_452 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_452 .inner_slice_content a:hover { color: #4878A2 !important; } #stacks_in_452 .inner_slice_content, #stacks_in_452 .inner_slice_content p, #stacks_in_452 .inner_slice_content span, #stacks_in_452 .inner_slice_content [class*="fa fa-"], #stacks_in_452 .inner_slice_content h1, #stacks_in_452 .inner_slice_content h2, #stacks_in_452 .inner_slice_content h3, #stacks_in_452 .inner_slice_content h4, #stacks_in_452 .inner_slice_content h5, #stacks_in_452 .inner_slice_content h6 { text-align: truefalsefalse !important; } /* justify responsive */ @media (min-width: 600px) { #stacks_in_452 .inner_slice_content, #stacks_in_452 .inner_slice_content p, #stacks_in_452 .inner_slice_content span, #stacks_in_452 .inner_slice_content [class*="fa fa-"], #stacks_in_452 .inner_slice_content h1, #stacks_in_452 .inner_slice_content h2, #stacks_in_452 .inner_slice_content h3, #stacks_in_452 .inner_slice_content h4, #stacks_in_452 .inner_slice_content h5, #stacks_in_452 .inner_slice_content h6 { } } /* vertical flex - justify-content: center; align-items: center; */ #stacks_in_452 .slice-vertical { margin: auto; width: 100%; position: relative; display: flex; display: flex; min-height: 50vh; } @media (max-width: 800px) { #stacks_in_452 .slice-vertical { } } @media (max-width: 600px) { #stacks_in_452 .slice-vertical { } } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } /* scroll button */ #stacks_in_452 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; border-radius: 55px; -webkit-border-radius: 53px; padding: 0; width: 91px; display: block; text-align: center !important; box-sizing: border-box; bottom: 10px !important; margin-bottom: 10px; } #stacks_in_452 .scrollButton-element [class^="fa fa-"], #stacks_in_452 .scrollButton-element #stacks_in_452 [class*="fa fa-"] { left: 0; text-indent: 0px; margin-right: auto; margin-left: auto; right: 0; padding: 0; width: 91px; box-sizing: border-box; } #stacks_in_452 .scrollButton-txt { box-sizing: border-box; font-size: 15px; line-height: 1.2em; letter-spacing: 1px; text-indent: 0px !important; margin-right: auto; margin-top: 0px; z-index: 1; top: -25px; display:none; text-align: center !important; position: absolute; overflow: visible; font-family: "title_safe_font_selector", sans-serif !important; font-family: "Trebuchet MS", sans-serif !important; font-weight: 400 !important; width: 200px; right: 0; left: 0; padding: 0; margin-left: -55px; } #stacks_in_452 .scrollButton-element [class^="fa fa-"], #stacks_in_452 .scrollButton-element #stacks_in_452 [class*="fa fa-"], #stacks_in_452 .scrollButton-element:after, #stacks_in_452 .scrollButton-txt { color: #F4F4F4 !important; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } /* icon off */ #stacks_in_452 .scrollButton-element [class^="fa fa-"], #stacks_in_452 .scrollButton-element #stacks_in_452 [class*="fa fa-"] { } #stacks_in_452 .scrollButton-txt:hover, #stacks_in_452 .scrollButton-element [class^="fa fa-"]:hover {opacity: 0.8;} #stacks_in_452 .scrollButton-element a { font-size: 50px !important; line-height: 1em;color: #F4F4F4 !important; } #stacks_in_452 .scrollButton-txt:active, #stacks_in_452 .scrollButton-element [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; } #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 501px) { #stacks_in_452 .scrollButton-element { font-size: 0 !important; display: none !important; } } /* link --- in Hype */ #stacks_in_452 .hype-link-hover-group, #stacks_in_452 .hype-link-hover, #stacks_in_452 .hype-link-hover-blank { cursor: pointer !important; } #stacks_in_452 .hype-link-hover { cursor: pointer !important; } #stacks_in_452 .trigger-img-scale { opacity: 0.5 !important; margin-top: 20vh !important; opacity: 1.0 !important; } #stacks_in_452 .trigger-1grad-fade { opacity: 0.5 !important; } #stacks_in_452 .trigger-2-fade { opacity: 0.5 !important; margin-top: 35vh !important; opacity: 1.0 !important; } #stacks_in_452 .trigger-2-stripe { opacity: 0.5 !important; } /* -- End EACH CSS Template -- */ #stacks_in_452 { margin: 17px; padding: 20px; } /* * Booklit * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.4.0 */ #stacks_in_339 .imagesTypeEnabled, #stacks_in_339 .contentTypeEnabled { display: none; } #stacks_in_339 .booklitImages .imagesTypeEnabled { display: block; } #stacks_in_339 .booklitContent .contentTypeEnabled { display: block; } #stacks_in_339 .imageRatio { position: relative; padding-bottom: 100%; height: 0; width: 100%; background-size: cover; background-position: center center; } .loading > div, .loading > a, .loading > ul { display: none; } .loading { height: 300px; } .loading div.loader { display: block; } #stacks_in_339.com_onelittledesigner_stacks_Booklit_stack.fullscreenBook { position: fixed; width: 100%; left: 0; bottom: 0; margin: 0; padding: 0; height: 100%; max-width: 100%; background: rgba(0,0,0,0.75); z-index: 9999999; -webkit-perspective: 6000px; -moz-perspective: 6000px; -ms-perspective: 6000px; -o-perspective: 6000px; perspective: 6000px; } /* #stacks_in_339.com_onelittledesigner_stacks_Booklit_stack.fullscreenBook #booklit-stacks_in_339 { max-width: 900px; margin: 0 auto; display: block; } */ #stacks_in_339.com_onelittledesigner_stacks_Booklit_stack.fullscreenBook #right-stacks_in_339, #stacks_in_339.com_onelittledesigner_stacks_Booklit_stack.fullscreenBook #right-stacks_in_339 { -webkit-perspective: 6000px; -moz-perspective: 6000px; -ms-perspective: 6000px; -o-perspective: 6000px; perspective: 6000px; } #stacks_in_339.fullscreenBook .com_onelittledesigner_stacks_Booklit_Page_stack {max-width: 450.000000px;} #stacks_in_339.fullscreenBook #booklit-stacks_in_339 {max-width: 100% !important;} #stacks_in_339.com_onelittledesigner_stacks_Booklit_stack.fullscreenBook .panzoom { padding: 50px !important; height: 100%; } .fullscreenBook .stacks_in, .fullscreenBook .stacks_out, .fullscreenBook .stacks_top { overflow: visible !important; } .fullscreenBook #numberNav-stacks_in_339 { bottom: 0; } /* .fullscreenBook #stacks_in_339 .singlePage { height: auto !important; } */ #stacks_in_339 .toggleFullscreenBook { width: 30px; height: 30px; background-image: url("../files/img/fullscreen.png"); display: block; background-size: 100%; background-color: rgba(0,0,0,0.4); border-radius: 4px; position: absolute; right: 20px; top: 10px; z-index: 9999; opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } #stacks_in_339 .toggleFullscreenBook.close { background-image: url("../files/img/close.png"); background-color: transparent; opacity: 1; } #stacks_in_339:hover .toggleFullscreenBook { opacity: .75; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .fullscreenHeight { height: auto !important; } #stacks_in_339 { /* -webkit-backface-visibility: hidden;*/ -webkit-transform: translateZ(0) scale(1.0, 1.0); } #booklit-stacks_in_339 { display: inline-block; margin: 0 auto; width: 100%; /*height: 100%;*/ /* padding: 70px 0;*/ /*-webkit-perspective: 2500px; -moz-perspective: 2500px; -ms-perspective: 2500px; -o-perspective: 2500px; perspective: 2500px;*/ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; /*min-height: 500px;*/ } #right-stacks_in_339 { z-index:1; float: right; position: relative; width: 50%; height: 100%; -webkit-perspective: 2500px; -moz-perspective: 2500px; -ms-perspective: 2500px; -o-perspective: 2500px; perspective: 2500px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; /*min-height: 500px;*/ } #left-stacks_in_339 { z-index:1; /*float: left;*/ max-width: 50%; display: block; position: relative; height: 100%; -webkit-perspective: 2500px; -moz-perspective: 2500px; -ms-perspective: 2500px; -o-perspective: 2500px; perspective: 2500px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; /*min-height: 500px;*/ } #left-stacks_in_339 .page { left: 100%; left: 0 \0/; /* IE8+9 */ } /*[data-stack], [data-stack] > .com_onelittledesigner_stacks_Booklit_Page_stack { -webkit-perspective: 2500px; -moz-perspective: 2500px; -ms-perspective: 2500px; -o-perspective: 2500px; perspective: 2500px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }*/ .page { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; overflow: hidden; -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0); -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0); -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); -o-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0); transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); -webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */ transform-style: preserve-3d; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #stacks_in_339 .page { -webkit-transition: all 1065ms linear; -moz-transition: all 1065ms linear; -ms-transition: all 1065ms linear; -o-transition: all 1065ms linear; transition: all 1065ms linear; } #stacks_in_339 .page > div { -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 0px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } #stacks_in_339 #left-stacks_in_339 .page { border-top-left-radius: 7px \0/; /* IE8+9 */ border-top-right-radius: 0px \0/; /* IE8+9 */ border-bottom-right-radius: 0px \0/; /* IE8+9 */ border-bottom-left-radius: 7px \0/; /* IE8+9 */ } .corner { position: absolute !important; z-index: 10000; } .front { z-index: inherit; z-index: 1; position: relative; background: #fafafa; background-size: cover; background-position: center center; background-repeat: no-repeat; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -o-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .back { z-index: inherit; z-index: 0; position: absolute; background: #f8f8f8; background-size: cover; background-position: center center; background-repeat: no-repeat; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotateY(180deg) rotateX(0deg) rotateZ(0deg) ; -moz-transform: rotateY(180deg) rotateX(0deg) rotateZ(0deg) ; -ms-transform: rotateY(180deg) rotateX(0deg) rotateZ(0deg) ; -o-transform: rotateY(180deg) rotateX(0deg) rotateZ(0deg) ; transform: rotateY(180deg) rotateX(0deg) rotateZ(0deg) ; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible; } #right-stacks_in_339 .front { -webkit-transform: rotateY(0deg) translateZ(1px); } #left-stacks_in_339 .front { -webkit-transform: rotateY(0deg) translateZ(0px); } #right-stacks_in_339 .back { -webkit-transform: rotateY(-180deg) translateZ(0px); } #left-stacks_in_339 .back { -webkit-transform: rotateY(-180deg) translateZ(-1px); } #right-stacks_in_339 .front a { -webkit-transform: translateZ(1px); } #left-stacks_in_339 .front a { -webkit-transform: translateZ(-1px); } #right-stacks_in_339 .back a { -webkit-transform: translateZ(-1px); } #left-stacks_in_339 .back a { -webkit-transform: translateZ(1px); } .front a { display: inline-block; box-sizing: border-box; } .back a { display: inline-block; box-sizing: border-box; } .moveRight { -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -o-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; } .moveLeft { -webkit-transform: rotateY(-180deg) rotateX(0deg) rotateZ(0deg) ; -moz-transform: rotateY(-179.999deg) rotateX(0deg) rotateZ(0deg) ; -ms-transform: rotateY(-180deg) rotateX(0deg) rotateZ(0deg) ; -o-transform: rotateY(-180deg) rotateX(0deg) rotateZ(0deg) ; transform: rotateY(-180deg) rotateX(0deg) rotateZ(0deg) ; } /* Page Index On */ /*#numberNav-stacks_in_339 { width: 100%; box-sizing: border-box; float: left; }*/ /*#numberNav-stacks_in_339 li { display: inline-block; list-style: none; width: 15px; cursor: pointer; } #numberNav-stacks_in_339 li.currentPage { font-weight: bold; color: red; }*/ #numberNav-stacks_in_339 { display: block; text-align: center; position: absolute; list-style: none; margin: 0; bottom: -60px; left: 0; right: 0; } #numberNav-stacks_in_339 li { display: inline-block; margin: 10px; width: 20px; height: 20px; cursor: pointer; } #numberNav-stacks_in_339 li span {display: none;} #numberNav-stacks_in_339 li:before { background-color: #FFFFFF; content: ""; display: block; width: 10px; height: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; transition: 0.3s ease; } #numberNav-stacks_in_339 li:hover:before { width: 15px; height: 15px; margin: -2px 0 0 -2px; } #numberNav-stacks_in_339 li.currentPage:before, #numberNav-stacks_in_339 li:hover:before { background-color: #FFFFFF; } #numberNav-stacks_in_339 li.currentPage:hover:before, #numberNav-stacks_in_339 li.currentPage:before { width: 20px; height: 20px; margin: -5px 0 0 -5px; } /* Pagination On */ #booklit-stacks_in_339 {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* padding: 70px 50px; */ position:static; } #booklit-stacks_in_339 .pagination { width: 40px; height: 50px; background-color: #4E4E4E; position: absolute; z-index: 0; cursor: pointer; } #booklit-stacks_in_339.hoverOnly #pageLeft-stacks_in_339, #booklit-stacks_in_339.hoverOnly #pageRight-stacks_in_339 { filter:alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #booklit-stacks_in_339.hoverOnly:hover #pageLeft-stacks_in_339, #booklit-stacks_in_339.hoverOnly:hover #pageRight-stacks_in_339 { filter:alpha(opacity=100); opacity: 1; display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #pageLeft-stacks_in_339 { left: 10px; background-image: url('img/page-left.png'); display: none; } #pageRight-stacks_in_339 { right: 10px; background-image: url('img/page-right.png'); } #pageRight-stacks_in_339.flat, #pageLeft-stacks_in_339.flat { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*-webkit-box-shadow: 6px 0px 0px 6px rgba(255,255,255,0.2); -moz-box-shadow: 6px 0px 0px 6px rgba(255,255,255,0.2); box-shadow: 6px 0px 0px 6px rgba(255,255,255,0.2);*/ } #pageRight-stacks_in_339.flat:active, #pageLeft-stacks_in_339.flat:active { background-position: 0px 1px; } #pageRight-stacks_in_339.simple, #pageLeft-stacks_in_339.simple { background-color: transparent; } #pageRight-stacks_in_339.simple:active, #pageLeft-stacks_in_339.simple:active { background-position: 0px 1px; } #pageRight-stacks_in_339.detailed, #pageLeft-stacks_in_339.detailed { -webkit-box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2) inset, 1px 1px 3px rgba(0,0,0,0.2); overflow: hidden; } #pageRight-stacks_in_339.detailed:active, #pageLeft-stacks_in_339.detailed:active { background-position: 0px 1px; -webkit-box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2), 1px 1px 3px rgba(0,0,0,0.2) inset; -moz-box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2), 1px 1px 3px rgba(0,0,0,0.2) inset; box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2), 1px 1px 3px rgba(0,0,0,0.2) inset; } #pageRight-stacks_in_339.detailed { -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 0px; } #pageLeft-stacks_in_339.detailed { background-image: url('img/page-left.png'); -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 20px; } #stacks_in_339 .center {text-align: center;} #stacks_in_339 .center .fa {font-size: 80px;} #stacks_in_339 .center a {color: #ffffff;} #stacks_in_339 .center a:hover {color: #ffffff;} #stacks_in_339 .centered_image img {width: auto; max-width: 100%; height: auto;} #stacks_in_339 #tab-container {min-width: 0px !important; } #stacks_in_339 .chocBoxImage img {width: 100%;} @media all and (min-width: 800px) { #pageRight-stacks_in_339, #pageLeft-stacks_in_339 { position: absolute; top: 50%; margin-top: -25px; } #booklit-stacks_in_339 { /* margin-left: 0px !important; margin-right: 0px !important; */ margin: 0 auto; max-width: 910px; display: block; } #pageLeft-stacks_in_339 { left: 10px !important; right: auto !important } #pageRight-stacks_in_339 { right: 10px !important; left: auto !important; } } @media all and (max-width: 800px) { #pageRight-stacks_in_339.detailed, #pageLeft-stacks_in_339.detailed, #pageRight-stacks_in_339.detailed:active, #pageLeft-stacks_in_339.detailed:active { -webkit-box-shadow: 0px 0px 0px black; -moz-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black; } #stacks_in_339 .toggleFullscreenBook { display: none; } #booklit-stacks_in_339 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 200%; margin-left: -90%; padding-top: 60px !important; padding-left: 15% !important; padding-right: 15% !important; } #numberNav-stacks_in_339 {display: none;} /*#booklit-stacks_in_339 .front, #booklit-stacks_in_339 .back {width: 88%;}*/ #right-stacks_in_339 {width: 50%;} #left-stacks_in_339 {max-width: 50%} /* #booklit-stacks_in_339 .pagination { width: 52px; background-repeat: no-repeat; background-position: center center; } */ #pageRight-stacks_in_339 { top: 5px !important; left: 70%; right: initial; } #pageLeft-stacks_in_339 {top: 5px !important; right: 30%; left: initial;} #booklit-stacks_in_339.hoverOnly #pageLeft-stacks_in_339, #booklit-stacks_in_339.hoverOnly #pageRight-stacks_in_339 { filter:alpha(opacity=100); opacity: 1; } #booklit-stacks_in_339.hoverOnly:hover #pageLeft-stacks_in_339, #booklit-stacks_in_339.hoverOnly:hover #pageRight-stacks_in_339 { filter:alpha(opacity=100); opacity: 1; } } #stacks_in_339 .loader { position: absolute; z-index: 9999; left: 50%; top: 50%; margin-left: -75px; margin-top: -35px; width: 150px; height: 70px; text-align: center; color: #333333; } #stacks_in_339 .loader span { position: absolute; width: 100%; left: 0px; top: 45px; } #stacks_in_339 .loader .spinner { width: 30px; height: 30px; background-color: #333333; margin: 0px auto; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } #stacks_in_339 { margin: 4px; padding: 7px; } /* * Pure Grids * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.3.4 */ #stacks_in_341 .back { background-color: #F4F4F4; color: #777777; } #stacks_in_341 .front { background-color: #F4F4F4; color: #777777; } #stacks_in_341 .booklitMobile.imagesTypeEnabled, #stacks_in_341 .booklitMobile.contentTypeEnabled { display: none; } @media all and (max-width: 0px) { #stacks_in_341 .booklitMobile { display: block; } #stacks_in_341 .booklitDesktop { display: none; } } #stacks_in_341 .pageDetail { display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; background-image: url(../files/images/detail-left.png); } #stacks_in_341 .front .pageDetail { background-image: url(../files/images/detail-right.png); } #stacks_in_341 { margin: 3px; } /* * Pure Grids * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.3.4 */ #stacks_in_346 .back { background-color: #F4F4F4; color: #777777; } #stacks_in_346 .front { background-color: #F4F4F4; color: #777777; } #stacks_in_346 .booklitMobile.imagesTypeEnabled, #stacks_in_346 .booklitMobile.contentTypeEnabled { display: none; } @media all and (max-width: 0px) { #stacks_in_346 .booklitMobile { display: block; } #stacks_in_346 .booklitDesktop { display: none; } } #stacks_in_346 .pageDetail { display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; background-image: url(../files/images/detail-left.png); } #stacks_in_346 .front .pageDetail { background-image: url(../files/images/detail-right.png); } #stacks_in_346 { margin: 3px; } /* * Pure Grids * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.3.4 */ #stacks_in_368 .back { background-color: #F4F4F4; color: #777777; } #stacks_in_368 .front { background-color: #F4F4F4; color: #777777; } #stacks_in_368 .booklitMobile.imagesTypeEnabled, #stacks_in_368 .booklitMobile.contentTypeEnabled { display: none; } @media all and (max-width: 0px) { #stacks_in_368 .booklitMobile { display: block; } #stacks_in_368 .booklitDesktop { display: none; } } #stacks_in_368 .pageDetail { display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; background-image: url(../files/images/detail-left.png); } #stacks_in_368 .front .pageDetail { background-image: url(../files/images/detail-right.png); } #stacks_in_368 { margin: 3px; } /* * Pure Grids * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.3.4 */ #stacks_in_415 .back { background-color: #F4F4F4; color: #777777; } #stacks_in_415 .front { background-color: #F4F4F4; color: #777777; } #stacks_in_415 .booklitMobile.imagesTypeEnabled, #stacks_in_415 .booklitMobile.contentTypeEnabled { display: none; } @media all and (max-width: 0px) { #stacks_in_415 .booklitMobile { display: block; } #stacks_in_415 .booklitDesktop { display: none; } } #stacks_in_415 .pageDetail { display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; background-image: url(../files/images/detail-left.png); } #stacks_in_415 .front .pageDetail { background-image: url(../files/images/detail-right.png); } #stacks_in_415 { margin: 3px; }