/* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_87 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_87 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_87 .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_87 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 845vh; height: 20vh; min-height: 100px !important; padding: 0; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_87 .back_wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_87 .back_wrapper_8573 { } } #stacks_in_87 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 845px; height: 20vh; min-height: 100px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_87 .wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_87 .wrapper_8573 { } } /* Hype internal elements - rotation */ #stacks_in_87 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* --------------- */ #stacks_in_87 .wrapper_working_area { background: url(../files/edit_mode_titles_guide_border.gif) center center no-repeat !important; max-width: 845px; 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_87 .theme_title { color: #558198 !important; } /* Title style B */ #stacks_in_87 .theme_title_b { color: #84ADC5 !important; } /* Title style A-B styles */ #stacks_in_87 .theme_slogan { color: #84ADC5 !important; font-size: 72px !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_87 .theme_title, #stacks_in_87 .theme_title_b { font-size: 130px !important; font-style: none; text-transform: none; text-decoration: None; margin-top: 0px !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_87 .back_wrapper_8573 { } #stacks_in_87 .back_wrapper_8573bg { text-align: center; display: block; position: relative; max-width: 845vh; height: 20vh; min-height: 100px !important; padding: 0; margin: 0; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_87 .back_wrapper_8573bg { } } @media (max-width: 600px) { #stacks_in_87 .back_wrapper_8573bg { } } #stacks_in_87 .theme_title, #stacks_in_87 .theme_title_b { /* shadow set */ } /* Title shadow END */ #stacks_in_87 .theme_title, #stacks_in_87 .theme_title_b { } /* --------------- */ /* @group Built-in Webfonts */ /* Orignal font CORDIAL by Riccardo Olocco - read license */ @font-face { font-family: 'cordial_proregregular'; src: url('../files/webfonts/cordial_web/cordial_regular_39-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_regular_39-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.svg#cordial_proregregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prosemibold'; src: url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.svg#cordial_prosemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_promedium'; src: url('../files/webfonts/cordial_web/cordial_medium_38-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_medium_38-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_medium_38-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_medium_38-webfont.svg#cordial_promedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prolight'; src: url('../files/webfonts/cordial_web/cordial_light_59-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_light_59-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.svg#cordial_prolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_probold'; src: url('../files/webfonts/cordial_web/cordial_bold_69-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_bold_69-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.svg#cordial_probold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_inlineBdrounded'; src: url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.svg#cordial_pro_inlineBdrounded') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_cherryBdrounded'; src: url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.svg#cordial_pro_cherryBdrounded') format('svg'); font-weight: normal; font-style: normal; } /* cordial end */ @font-face { font-family: 'rubik_mono_oneregular'; src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot'); src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.ttf') format('truetype'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.svg#rubik_mono_oneregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../files/webfonts/montserrat/montserrat-bold-webfont.eot'); src: url('../files/webfonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'), url('../files/webfonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'), url('../files/webfonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'abelregular'; src: url('../files/webfonts/abel/abel-regular-webfont.eot'); src: url('../files/webfonts/abel/abel-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts/abel/abel-regular-webfont.woff') format('woff'), url('../files/webfonts/abel/abel-regular-webfont.ttf') format('truetype'), url('../files/webfonts/abel/abel-regular-webfont.svg#abelregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanscondensed_light'; src: url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.eot'); src: url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.ttf') format('truetype'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bree_serifregular'; src: url('../files/webfonts/breeserif/breeserif-regular-webfont.eot'); src: url('../files/webfonts/breeserif/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'), url('../files/webfonts/breeserif/breeserif-regular-webfont.ttf') format('truetype'), url('../files/webfonts/breeserif/breeserif-regular-webfont.svg#bree_serifregular')format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('../files/webfonts/pacifico/pacifico-regular-webfont.eot'); src: url('../files/webfonts/pacifico/pacifico-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts/pacifico/pacifico-regular-webfont.woff') format('woff'), url('../files/webfonts/pacifico/pacifico-regular-webfont.ttf') format('truetype'), url('../files/webfonts/pacifico/pacifico-regular-webfont.svg#pacificoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'signikaregular'; src: url('../files/webfonts/signika/signika-regular-webfont.eot'); src: url('../files/webfonts/signika/signika-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/signika/signika-regular-webfont.woff2') format('woff2'), url('../files/webfonts/signika/signika-regular-webfont.woff') format('woff'), url('../files/webfonts/signika/signika-regular-webfont.ttf') format('truetype'), url('../files/webfonts/signika/signika-regular-webfont.svg#signikaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rochesterregular'; src: url('../files/webfonts/rochester/rochester-regular-webfont.eot'); src: url('../files/webfonts/rochester/rochester-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rochester/rochester-regular-webfont.woff') format('woff'), url('../files/webfonts/rochester/rochester-regular-webfont.ttf') format('truetype'), url('../files/webfonts/rochester/rochester-regular-webfont.svg#rochesterregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_display_scregular'; src: url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot'); src: url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.ttf') format('truetype'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.svg#playfair_display_scregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight'; src: url('../files/webfonts/raleway/raleway-light-webfont.eot'); src: url('../files/webfonts/raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../files/webfonts/raleway/raleway-light-webfont.woff') format('woff'), url('../files/webfonts/raleway/raleway-light-webfont.ttf') format('truetype'), url('../files/webfonts/raleway/raleway-light-webfont.svg#ralewaylight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fjalla_oneregular'; src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.eot'); src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.ttf') format('truetype'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vigaregular'; src: url('../files/webfonts/viga/viga-regular-webfont.eot'); src: url('../files/webfonts/viga/viga-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts/viga/viga-regular-webfont.woff') format('woff'), url('../files/webfonts/viga/viga-regular-webfont.ttf') format('truetype'), url('../files/webfonts/viga/viga-regular-webfont.svg#vigaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('../files/webfonts/ubuntu/ubuntu-r-webfont.eot'); src: url('../files/webfonts/ubuntu/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.ttf') format('truetype'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.svg#ubunturegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_blackregular'; src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.eot'); src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.ttf') format('truetype'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.svg#archivo_blackregular') format('svg'); font-weight: normal; font-style: normal; } /* @end */ /* DECORATION */ /* line */ #stacks_in_87 .decoration_color_1 { background-color: #FFFFFF !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } /* back glow */ #stacks_in_87 .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_87 .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_87 .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_87 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_87 .scrollButton-hypetitles #stacks_in_87 [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_87 .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_87 .scrollButton-hypetitles { display: none !important; } #stacks_in_87 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } } #stacks_out_87 { width: 53%; } #stacks_in_42 { margin: 18px; padding: 18px; } #stacks_in_43 { font-size: 125%; } /* ------------------------------------*/ /* Accordion */ /* ------------------------------------*/ ul#stacks_in_48_accordion { list-style: none; border-radius: 4px; padding: 0 !important; margin: 0 !important; overflow: hidden; text-shadow: none; } ul#stacks_in_48_accordion > li { list-style: none; background: none !important; margin: 0; padding: 0 !important; } /* Label Font Choices */ .stacks_in_48_accordion_label { font-family: 'Open Sans', sans-serif; } /* Content Font Choices */ .stacks_in_48_accordion_content { font-family: 'Open Sans', sans-serif; } .stacks_in_48_accordion_label { cursor: pointer; padding: 15px 20px; position: relative; } .stacks_in_48_accordion_label i { } .stacks_in_48_accordion_selected { } .stacks_in_48_accordion_content { padding: 40px; } ul#stacks_in_48_accordion li:last-child .stacks_in_48_accordion_content { } .stacks_in_48_accordion_label .accordion_icon { display: inline-block; text-align: center; width: 25px; position: absolute; right: 20px; top: 15px; margin-right: 0px; } .stacks_in_48_accordion_label .accordion_icon i { width: 25px; height: 25px; line-height: 24px; } .stacks_in_48_accordion_selected .accordion_icon i { } #stacks_in_48_open_all { cursor: pointer; font-size: 20px; margin-top: 12px; } /* ------------------------------------*/ /* Accordion Styles */ /* ------------------------------------*/ /* Ghost */ /* Dark Grey */ /* Light Blue */ /* Flat Teal */ /* Blue Grey */ /* Flat Orange */ /* Forest Green */ /* Earthy */ /* Purple Power */ /* Bold Blue */ /* Baby Blue */ /* Shamrock */ /* Crimson */ /* Gun Metal */ /* Bright Blue */ /* Pinky */ /* Tesla */ /* Rustic */ /* Ruby */ /* Feather */ /* Abstract */ /* CUSTOM */ ul#stacks_in_48_accordion { border: 1px solid #DEDEDE; } .stacks_in_48_accordion_label { color: #FFFFFF; background: #1D3E55; border-bottom: 1px solid #DEDEDE; } .stacks_in_48_accordion_selected { color: #FFFFFF; background: #142937; border-bottom: 1px solid #FFFFFF; } .stacks_in_48_accordion_content { background: #191919; color: #FFFFFF; border-bottom: 1px solid #DEDEDE; } ul#stacks_in_48_accordion li:last-child .stacks_in_48_accordion_label { border-bottom: none; } ul#stacks_in_48_accordion li:last-child .stacks_in_48_accordion_selected { border-bottom: 1px solid #FFFFFF; } ul#stacks_in_48_accordion li:last-child .stacks_in_48_accordion_content { border-bottom: none; } #stacks_in_48_open_all { color: #757575; } #stacks_in_48_open_all_text { color: #757575; } /* ------------------------------------*/ /* Edit Mode */ /* ------------------------------------*/ #stacks_in_48_accordion_edit_header { height: 60px; line-height: 60px; display: block; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */ text-align: center; border: 1px solid #d2d2d2; border-radius: 6px; width: 90%; margin: 20px auto; margin-bottom: 30px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5); font-family: 'Roboto Slab', serif; font-size: 24px; letter-spacing: -1px; color: #AAAAAA; text-shadow: 0 1px 0 #fff; } /* ------------------------------------*/ /* Media Queries */ /* ------------------------------------*/ @media only screen { .stacks_in_48_accordion_label { font-size: 20px; } .stacks_in_48_accordion_label { cursor: pointer; padding: 15px 20px; position: relative; padding-right: 60px; } } @media only screen and (max-width: 1024px) { .stacks_in_48_accordion_label { font-size: 18px; } .stacks_in_48_accordion_label { cursor: pointer; padding: 15px 20px; position: relative; padding-right: 60px; } } @media only screen and (max-width: 768px) { .stacks_in_48_accordion_label { font-size: 16px; } .stacks_in_48_accordion_label { cursor: pointer; padding: 15px 20px; position: relative; padding-right: 50px; } } @media only screen and (max-width: 480px) { .stacks_in_48_accordion_label { font-size: 14px; } .stacks_in_48_accordion_label { cursor: pointer; padding: 15px 20px; position: relative; padding-right: 50px; } } #stacks_in_118 { border: solid rgba(255, 255, 255, 1.00); border-width: 3px; } #stacks_in_121 { font-size: 126%; } #stacks_in_56 { font-size: 125%; } #stacks_in_58 { font-size: 126%; } #stacks_in_60 { font-size: 126%; } #stacks_in_70 { font-size: 126%; } #stacks_in_158 { font-size: 126%; } #stacks_in_79 { font-size: 126%; } #stacks_in_154 { font-size: 126%; } #stacks_in_162 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_162 .pullquote:before, #stacks_in_162 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_162 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_162 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_162 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_162 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_159 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_159 .pullquote:before, #stacks_in_159 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_159 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_159 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_159 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_159 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_165 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_165 .pullquote:before, #stacks_in_165 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_165 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_165 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_165 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_165 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_168 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_168 .pullquote:before, #stacks_in_168 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_168 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_168 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_168 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_168 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_171 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_171 .pullquote:before, #stacks_in_171 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_171 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_171 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_171 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_171 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_174 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_174 .pullquote:before, #stacks_in_174 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_174 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_174 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_174 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_174 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_177 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_177 .pullquote:before, #stacks_in_177 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_177 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_177 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_177 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_177 .pullquote-source:before { content:"\2014\200A"; font-style:normal; }#stacks_in_122>.s3_row { margin: 0 -10px; } #stacks_in_122>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_122>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_122>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_122>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_122>.s3_row { margin: -10px 0; } #stacks_in_122>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_144 { font-size: 126%; } #stacks_in_88 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(132, 173, 197, 1.00); border-width: 6px; padding: 9px; } #stacks_in_140 { font-size: 125%; } #stacks_in_136 { font-size: 126%; } #stacks_in_147>.s3_row { margin: 0 -10px; } #stacks_in_147>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_147>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_147>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_147>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_147>.s3_row { margin: -10px 0; } #stacks_in_147>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* @group FormSnap Jr. */ #fsjr-tab{ padding: 12px 10px 4px 10px; vertical-align: middle; text-align: center; color: #FFFFFF; font-size: 13px; font-family: Helvetica; font-weight: normal; display:block; position: fixed; border-radius: 5px; background: #000000; border: 2px solid #FFFFFF; cursor:pointer; z-index: 999999; } #fsjr-tab img { vertical-align: top; outline: none; border: none; width: 16px; height: 16px; } #fsjr-tab.left{ top:200px; left: -60px; border-top: none; width: 120px; max-width: 120px; overflow: hidden; border-top-right-radius: 0; border-top-left-radius: 0; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); writing-mode: lr-tb; } #fsjr-tab.right { top:200px;; right: -60px; width: 120px; max-width: 120px; overflow: hidden; border-top: none; border-top-right-radius: 0; border-top-left-radius: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); writing-mode: rl-tb; } #fsjr-tab.bottom { bottom:-1px; right: 120px; padding-top: 6px; border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } #fsjr-tab.top { top: -1px; right: 120px; border-top: none; padding-top: 6px; border-top-right-radius: 0; border-top-left-radius: 0; } div.blockOverlay { background-color: #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); -moz-opacity:.40; opacity:.40; z-index: 100000; -webkit-filter: grayscale(0.5) blur(10px); } div.fsjr-block{ top: 10%; left: 37%; text-align:center; border: 1px solid #222222; outline: 2px #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity:1; opacity:1; padding: 0; color: ; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); background: #FFFFFF; z-index: 100001; cursor: default; font-family: Helvetica; } div.fsjr-block-inner { width: 300px; margin: 20px auto; } div.fsjr-block ul { list-style: none; margin: 0 0 10px 0; padding: 0; text-align:left; } div.fsjr-block .airmail-line { overflow: hidden; margin: 0 -24px; text-indent: -28px; white-space: nowrap; min-height: 15px; padding: 0; font: italic bold 200px/15px Helvetica, sans-serif; height: 15px; max-height: 15px; letter-spacing: -8px; } div.fsjr-block .airmail-line b { color:#B94A48; } div.fsjr-block .airmail-line i { color:#006699; } div.fsjr-block h3{ font-size: 20px; margin:0 0 4px 0; font-weight: bold; color: #222222; padding: 0; } div.fsjr-block li{ margin-left:0 !important; } div.fsjr-block input[type="text"], div.fsjr-block input[type="password"], div.fsjr-block textarea { padding:5px; background-color: #FFFFFF; border:1px solid #CCCCCC; border-radius:4px; font-size:12px; font-weight:bold; color: #444444; -webkit-border-radius:4px; -moz-border-radius:4px; width:288px; } div.fsjr-block textarea { height:80px; } div.fsjr-block span.required {color: #B94A48;} div.fsjr-block li.incomplete input[type=text], div.fsjr-block li.incomplete textarea{ border-color: #B94A48; box-shadow: 0 0 5px #ffffff; -webkit-box-shadow: 0 0 5px #B94A48; -moz-box-shadow: 0 0 5px #B94A48; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; } div.fsjr-block a.unblock { position: relative; } /* @end */ div.fsjr-block label { display: block; color: #777777; text-transform: none; } div.fsjr-block p { display: block; text-align: center; margin: 6px auto; } /* alerts */ div.fsjr-block .alert { padding: 8px 35px 8px 14px; margin: 18px auto; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.fsjr-block .alert-success { color: #468847; background-color: #E6FFE7; border-color: #AAECAB; } div.fsjr-block .alert-error { color: #B94A48; background-color: #FFEAE8; border-color: #FFAEAC; } .fsjr-btn { display: inline-block; *display: inline; padding: 4px 10px 4px; margin-bottom: 0; *margin-left: .3em; font-size: 13px; line-height: 18px; *line-height: 20px; color: #444444; text-align: center; text-shadow: 0 1px 1px #FFFFFF; vertical-align: middle; cursor: pointer; background-color: ; background-image: -ms-linear-gradient(top, #FFFFFF, #E6E6E6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#E6E6E6)); background-image: -webkit-linear-gradient(top, #FFFFFF, #E6E6E6); background-image: -o-linear-gradient(top, #FFFFFF, #E6E6E6); background-image: linear-gradient(top, #FFFFFF, #E6E6E6); background-image: -moz-linear-gradient(top, #FFFFFF, #E6E6E6); background-repeat: repeat-x; border: 1px solid #CCCCCC; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #B3B3B3 #B3B3B3 #959595; border-bottom-color: #818181; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E6E6E6', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .fsjr-btn:hover, .fsjr-btn:active, .fsjr-btn.active, .fsjr-btn.disabled, .fsjr-btn[disabled] { background-color: #E6E6E6; } .fsjr-btn:active, .fsjr-btn.active { background-color: #CDCDCD \9; } .fsjr-btn:first-child { *margin-left: 0; } .fsjr-btn:hover { color: #3A3A3A; text-decoration: none; background-color: #E6E6E6; *background-color: #D2D2D2; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .fsjr-btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .fsjr-btn.active, .fsjr-btn:active { background-color: #E6E6E6; background-color: #CDCDCD \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .fsjr-btn.disabled, .fsjr-btn[disabled] { cursor: default; background-color: #E6E6E6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .fsjr-btn-primary, .fsjr-btn-primary:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .fsjr-btn-primary.active { color: rgba(255, 255, 255, 0.75); } .fsjr-btn { border-color: #CCCCCC; /* border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/ } .fsjr-btn-primary { background-color: #0067E6; background-image: -ms-linear-gradient(top, #1494FF, #0067E6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1494FF), to(#0067E6)); background-image: -webkit-linear-gradient(top, #1494FF, #0067E6); background-image: -o-linear-gradient(top, #1494FF, #0067E6); background-image: -moz-linear-gradient(top, #1494FF, #0067E6); background-image: linear-gradient(top, #1494FF, #0067E6); background-repeat: repeat-x; border-color: #0067E6 #0067E6 #004ECD; /* border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/ filter: progid:dximagetransform.microsoft.gradient(startColorstr='#1494FF', endColorstr='#0067E6', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .fsjr-btn-primary:hover, .fsjr-btn-primary:active, .fsjr-btn-primary.active, .fsjr-btn-primary.disabled, .fsjr-btn-primary[disabled] { background-color: #0067E6; } .fsjr-btn-primary:active, .fsjr-btn-primary.active { background-color: #004ECD \9; } div.fsjr-block .close { width: 30px; height: 30px; position: absolute; top: -12px; left: -15px; background-image: url(../files/formsnapjr/close.png); text-indent: -1000em; overflow: hidden; background-color: transparent; cursor: pointer; } div.fsjr-block .close:active { background-position: 0 -30px; } /* @end */ /* ! RESPONSIVE MEDIA QUERIES */ /* Smartphones (portrait and landscape) ----------- */ @media screen and (max-width : 480px) { div.blockOverlay {background-color: #000 !important;} div.fsjr-block {position: absolute !important; width:94% !important;top:10px !important;left:10px !important; } div.fsjr-block input[type="text"], div.fsjr-block input[type="password"], div.fsjr-block textarea { width:260px !important;} div.fsjr-block-inner { width: 280px !important; overflow:auto;} div.fsjr-block textarea { height: 30px !important;} } /* ! RESPONSIVE MEDIA QUERIES (END) */