#stacks_in_598352_wrapper { padding: 20px; -webkit-box-shadow: inset 0px 0px 8px rgba(0,0,0,0.35); border-radius: 4px; background: url('http://dl.dropbox.com/u/64179093/RWtuts%20Resources/Background%20Patterns%20for%20Stacks/whitey.png') repeat; } #stacks_in_598352_header { color: #626263; text-shadow: #fefefc 0 1px 0; text-align: center; margin-bottom: 16px; font: bold 26px/30px "Helvetica Neue", Helvetica, sans-serif; } #stacks_in_598352_title { color: #626263; text-shadow: #fefefc 0 1px 0; text-align: left; margin-bottom: 16px; font: bold 13px/15px "Helvetica Neue", Helvetica, sans-serif; } #stacks_in_598352_beta { color: #E65011; text-shadow: #fefefc 0 1px 0; text-align: center; margin-bottom: 16px; font: bold 26px/30px "Helvetica Neue", Helvetica, sans-serif; } /* Start Smart Image stack CSS code */ #stacks_in_601711{ text-align: center; } #stacks_in_601711 figure a img{ cursor: pointer !important; } .stacks_in_601711responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_601711responsive img, .stacks_in_601711warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_601711hiddenimage{ display: none; } .stacks_in_601711warehouseImage{ display: none; } /* End Smart Image stack CSS code *//* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_601728 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_601728 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_601728 .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_601728 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 75vh; min-height: 230px !important; padding: 0; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_601728 .back_wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_601728 .back_wrapper_8573 { } } #stacks_in_601728 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 75vh; min-height: 230px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_601728 .wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_601728 .wrapper_8573 { } } /* Hype internal elements - rotation */ #stacks_in_601728 .flex_elements{ transform: rotate( -5deg ) !important; -webkit-transform: rotate(-5deg ) !important; -moz-transform: rotate( -5deg ) !important; } /* --------------- */ #stacks_in_601728 .wrapper_working_area { background: url(../files/edit_mode_titles_guide_border.gif) center center no-repeat !important; max-width: 1300px; height: 75vh; 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_601728 .theme_title { color: #FD8008 !important; } /* Title style B */ #stacks_in_601728 .theme_title_b { color: #FFFFFF !important; } /* Title style A-B styles */ #stacks_in_601728 .theme_slogan { color: #FD8008 !important; font-size: 100px !important; font-family: "archivo_blackregular", sans-serif !important; font-style: none; text-transform: uppercase; text-decoration: overline; 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: 0px !important; line-height: 140px !important; } /* TITLE CSS */ #stacks_in_601728 .theme_title, #stacks_in_601728 .theme_title_b { font-size: 130px !important; font-style: none; text-transform: uppercase; text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 150px !important; font-family: "archivo_blackregular", sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; } /* upg 1.1.3 - 113 */ #stacks_in_601728 .theme_title, #stacks_in_601728 .theme_title_b { -webkit-text-stroke: 5px !important; -webkit-text-fill-color: transparent !important; } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_601728 .back_wrapper_8573 { background: url(../files/dots1.png) center center repeat !important; /* upg 1.1.4 - 114 */ /* beta under development */ /* */ } #stacks_in_601728 .back_wrapper_8573bg { text-align: center; display: block; position: relative; max-width: 1300vh; height: 75vh; min-height: 230px !important; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_601728 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_601728 .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_601728 .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_601728 .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_601728 .back_wrapper_8573bg#stacks_in_601728 .back_wrapper_8573bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_601728 .back_wrapper_8573bg { } } @media (max-width: 600px) { #stacks_in_601728 .back_wrapper_8573bg { } } #stacks_in_601728 .theme_title, #stacks_in_601728 .theme_title_b { /* shadow set */ text-shadow: 0 3px 5px rgba(0, 0, 0, 1.00) !important; } /* Title shadow END */ #stacks_in_601728 .theme_title, #stacks_in_601728 .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_601728 .decoration_color_1 { background-color: #21FF06 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } /* back glow */ #stacks_in_601728 .flash-color { background-color: rgba(102, 102, 255, 1.00) !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_601728 .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_601728 .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_601728 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_601728 .scrollButton-hypetitles #stacks_in_601728 [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_601728 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } /* new UPG button animated on mouse over */ #stacks_in_601728 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_601728 .scrollButton-hypetitles [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* new UPG */ #target-hypetitles { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_601728 .scrollButton-hypetitles { display: none !important; } #stacks_in_601728 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } }.cf:after{content:"";display:table;clear:both}#rails-wrapper{-webkit-box-sizing:content-box;box-sizing:content-box}#rails-wrapper #rails-nav *{-webkit-box-sizing:content-box !important;box-sizing:content-box !important}.rails-rail{float:left;width:310px;bottom:0;margin:0;z-index:10;position:relative}#rails-nav ul,#rails-nav > li,#rails-nav a{padding:0;margin:0;text-shadow:none;list-style:none;text-decoration:none}#rails-nav{-webkit-transition:padding 300ms;transition:padding 300ms}#rails-nav.pinned{padding-top:80px;left:auto !important}#rails-nav ul{padding:0 !important;margin:0 !important;-webkit-box-shadow:0px 0 0 #2A2C3C;box-shadow:0px 0 0 #2A2C3C}#rails-nav ul li{padding-top:0 !important;padding-right:0 !important;padding-left:0 !important;margin-top:0 !important;margin-right:0 !important;margin-left:0 !important}#rails-nav ul li > div{background:#000}#rails-nav ul li{background:none !important;border-top-style:solid;border-top-width:2px;font-size:20px}#rails-nav ul li > a{position:relative;display:block;padding:18px;border-radius:2px;-webkit-font-smoothing:subpixel-antialiased;-webkit-transition:color 300ms ease-out,background 150ms ease-out;transition:color 300ms ease-out,background 150ms ease-out}#rails-nav ul li > a:hover{border:inherent;text-decoration:none}#rails-nav ul li > a i{position:relative;display:inline-block;-webkit-font-smoothing:antialiased;-webkit-transition:color 200ms ease-out;transition:color 200ms ease-out}#rails-sections{margin-right:-310px;width:100%;float:right;overflow:hidden;padding-bottom:100px}#rails-sections #rails-push{border-width:0;height:auto;border-style:solid;border-left-width:0px;padding-right:310px}.ts-box{padding-top:0%;padding-right:0%;padding-bottom:5%;padding-left:8%}.rail-right .rails-rail{float:right}.rail-right #rails-nav ul{-webkit-box-shadow:-0px 0 0 #2A2C3C;box-shadow:-0px 0 0 #2A2C3C}.rail-right #rails-sections{margin-left:-310px;margin-right:0;float:left;border-left:none}.rail-right #rails-sections #rails-push{padding-left:310px;border-left-width:0;border-right-width:0px;padding-right:0}#rails-nav ul li a{color:#FFFFFF}#rails-nav ul li a:hover{color:#FFFFFF}#rails-nav ul li a:active{color:#2A2C3C}#rails-nav ul li a.current{color:#FFFFFF}#rails-nav ul li a i{color:#FD8008}#rails-nav ul li a:hover i{color:#FFFFFF}#rails-nav ul li a:active i{color:#6C11FF}#rails-nav ul li a.current i{color:#FFFFFF}#rails-nav ul li{border-top-color:#2A2C3C !important}#rails-nav ul li div{background:#2A2C3C}#rails-sections #rails-push{border-color:#2A2C3C !important}#rails-nav ul li a{background:#123A4B}#rails-nav ul li a:hover{background:#FB0207}#rails-nav ul li a.current{background:#FD8008}@media (max-width:700px){.rails-rail{display:none}#rails-sections{margin-right:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none;float:none}.rail-right #rails-sections{margin-left:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none;float:none}#rails-sections #rails-push{padding-right:0;border-left-width:0}.rail-right #rails-sections #rails-push{padding-left:0;border-right-width:0}#rails-sections #rails-push .ts-box{padding-right:5%;padding-left:5%}}/************************ PUBLISH MODE *************************/#rails-nav ul li.separate,#rails-nav ul li:first-child{border-top-style:none;border-top-width:0}/************************** EDIT MODE **************************/ #stacks_in_601678 { margin: 20px; padding: 20px; } /* @group Basic Settings */ #listerWrapperstacks_in_601763 { visibility: hidden; } #listerWrapperstacks_in_601763 ul { padding: 0; margin: 0; list-style: none; padding-left: 20px; width: 100%; } #listerWrapperstacks_in_601763 li { padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; margin: 0; position: relative; text-align: left; } #listerWrapperstacks_in_601763 li ul { padding-top: 10px; } /* @end */ /* @group Style Overrides */ /* */ /* @end */ /* @group Bullet Point Styles */ /* */ /* */ /* */ /* */ /* */ #listerWrapperstacks_in_601763 ul { list-style: none !important; display: table; } #listerWrapperstacks_in_601763 li:before, #listerWrapperstacks_in_601763 li:after { display: table; line-height: 0; content: ""; } #listerWrapperstacks_in_601763 li:after { clear: both; } #listerWrapperstacks_in_601763 .bullet-point { display: table-cell; width: 15px; height: 15px; background: rgba(253, 128, 8, 1.00); float: left; margin-top: 15px; margin-right: 15px; } #listerWrapperstacks_in_601763 .list-item-content { display: table-cell; } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @group Print styles */ @media print { #listerWrapperstacks_in_601763 ul { list-style: disc; } #listerWrapperstacks_in_601763 .list-item-content { display: block; } #listerWrapperstacks_in_601763 .bullet-point { display: none; } } /* @end */ /* */ #stacks_in_601763 { padding: 20px; } #stacks_in_601770 { padding: 20px; } /* @group Basic Settings */ #listerWrapperstacks_in_601797 { visibility: hidden; } #listerWrapperstacks_in_601797 ul { padding: 0; margin: 0; list-style: none; padding-left: 20px; width: 100%; } #listerWrapperstacks_in_601797 li { padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; margin: 0; position: relative; text-align: left; } #listerWrapperstacks_in_601797 li ul { padding-top: 10px; } /* @end */ /* @group Style Overrides */ /* */ /* @end */ /* @group Bullet Point Styles */ /* */ /* */ /* */ /* */ /* */ #listerWrapperstacks_in_601797 ul { list-style: none !important; display: table; } #listerWrapperstacks_in_601797 li:before, #listerWrapperstacks_in_601797 li:after { display: table; line-height: 0; content: ""; } #listerWrapperstacks_in_601797 li:after { clear: both; } #listerWrapperstacks_in_601797 .bullet-point { display: table-cell; width: 15px; height: 15px; background: rgba(253, 128, 8, 1.00); float: left; margin-top: 15px; margin-right: 15px; } #listerWrapperstacks_in_601797 .list-item-content { display: table-cell; } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @group Print styles */ @media print { #listerWrapperstacks_in_601797 ul { list-style: disc; } #listerWrapperstacks_in_601797 .list-item-content { display: block; } #listerWrapperstacks_in_601797 .bullet-point { display: none; } } /* @end */ /* */ #stacks_in_601797 { padding: 20px; } #stacks_in_601798 { padding: 20px; } /* @group Basic Settings */ #listerWrapperstacks_in_601964 { visibility: hidden; } #listerWrapperstacks_in_601964 ul { padding: 0; margin: 0; list-style: none; padding-left: 20px; width: 100%; } #listerWrapperstacks_in_601964 li { padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; margin: 0; position: relative; text-align: left; } #listerWrapperstacks_in_601964 li ul { padding-top: 10px; } /* @end */ /* @group Style Overrides */ /* */ /* @end */ /* @group Bullet Point Styles */ /* */ /* */ /* */ /* */ /* */ #listerWrapperstacks_in_601964 ul { list-style: none !important; display: table; } #listerWrapperstacks_in_601964 li:before, #listerWrapperstacks_in_601964 li:after { display: table; line-height: 0; content: ""; } #listerWrapperstacks_in_601964 li:after { clear: both; } #listerWrapperstacks_in_601964 .bullet-point { display: table-cell; width: 15px; height: 15px; background: rgba(253, 128, 8, 1.00); float: left; margin-top: 15px; margin-right: 15px; } #listerWrapperstacks_in_601964 .list-item-content { display: table-cell; } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @group Print styles */ @media print { #listerWrapperstacks_in_601964 ul { list-style: disc; } #listerWrapperstacks_in_601964 .list-item-content { display: block; } #listerWrapperstacks_in_601964 .bullet-point { display: none; } } /* @end */ /* */ #stacks_in_601965 { padding: 20px; } /* @group Basic Settings */ #listerWrapperstacks_in_601793 { visibility: hidden; } #listerWrapperstacks_in_601793 ul { padding: 0; margin: 0; list-style: none; padding-left: 20px; width: 100%; } #listerWrapperstacks_in_601793 li { padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; margin: 0; position: relative; text-align: left; } #listerWrapperstacks_in_601793 li ul { padding-top: 10px; } /* @end */ /* @group Style Overrides */ /* */ /* @end */ /* @group Bullet Point Styles */ /* */ /* */ /* */ /* */ /* */ #listerWrapperstacks_in_601793 ul { list-style: none !important; display: table; } #listerWrapperstacks_in_601793 li:before, #listerWrapperstacks_in_601793 li:after { display: table; line-height: 0; content: ""; } #listerWrapperstacks_in_601793 li:after { clear: both; } #listerWrapperstacks_in_601793 .bullet-point { display: table-cell; width: 15px; height: 15px; background: rgba(253, 128, 8, 1.00); float: left; margin-top: 15px; margin-right: 15px; } #listerWrapperstacks_in_601793 .list-item-content { display: table-cell; } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @group Print styles */ @media print { #listerWrapperstacks_in_601793 ul { list-style: disc; } #listerWrapperstacks_in_601793 .list-item-content { display: block; } #listerWrapperstacks_in_601793 .bullet-point { display: none; } } /* @end */ /* */ #stacks_in_601793 { padding: 20px; } #stacks_in_601802 { padding: 20px; } /* @group Basic Settings */ #listerWrapperstacks_in_601820 { visibility: hidden; } #listerWrapperstacks_in_601820 ul { padding: 0; margin: 0; list-style: none; padding-left: 20px; width: 100%; } #listerWrapperstacks_in_601820 li { padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; margin: 0; position: relative; text-align: left; } #listerWrapperstacks_in_601820 li ul { padding-top: 10px; } /* @end */ /* @group Style Overrides */ /* */ /* @end */ /* @group Bullet Point Styles */ /* */ /* */ /* */ /* */ /* */ #listerWrapperstacks_in_601820 ul { list-style: none !important; display: table; } #listerWrapperstacks_in_601820 li:before, #listerWrapperstacks_in_601820 li:after { display: table; line-height: 0; content: ""; } #listerWrapperstacks_in_601820 li:after { clear: both; } #listerWrapperstacks_in_601820 .bullet-point { display: table-cell; width: 15px; height: 15px; background: rgba(253, 128, 8, 1.00); float: left; margin-top: 15px; margin-right: 15px; } #listerWrapperstacks_in_601820 .list-item-content { display: table-cell; } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @group Print styles */ @media print { #listerWrapperstacks_in_601820 ul { list-style: disc; } #listerWrapperstacks_in_601820 .list-item-content { display: block; } #listerWrapperstacks_in_601820 .bullet-point { display: none; } } /* @end */ /* */ #stacks_in_601820 { padding: 20px; } #stacks_in_601821 { padding: 20px; } /* @group Basic Settings */ #listerWrapperstacks_in_601831 { visibility: hidden; } #listerWrapperstacks_in_601831 ul { padding: 0; margin: 0; list-style: none; padding-left: 20px; width: 100%; } #listerWrapperstacks_in_601831 li { padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; margin: 0; position: relative; text-align: left; } #listerWrapperstacks_in_601831 li ul { padding-top: 10px; } /* @end */ /* @group Style Overrides */ /* */ /* @end */ /* @group Bullet Point Styles */ /* */ /* */ /* */ /* */ /* */ #listerWrapperstacks_in_601831 ul { list-style: none !important; display: table; } #listerWrapperstacks_in_601831 li:before, #listerWrapperstacks_in_601831 li:after { display: table; line-height: 0; content: ""; } #listerWrapperstacks_in_601831 li:after { clear: both; } #listerWrapperstacks_in_601831 .bullet-point { display: table-cell; width: 15px; height: 15px; background: rgba(253, 128, 8, 1.00); float: left; margin-top: 15px; margin-right: 15px; } #listerWrapperstacks_in_601831 .list-item-content { display: table-cell; } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @group Print styles */ @media print { #listerWrapperstacks_in_601831 ul { list-style: disc; } #listerWrapperstacks_in_601831 .list-item-content { display: block; } #listerWrapperstacks_in_601831 .bullet-point { display: none; } } /* @end */ /* *//* @group Basic Settings */ #listerWrapperstacks_in_601977 { visibility: hidden; } #listerWrapperstacks_in_601977 ul { padding: 0; margin: 0; list-style: none; padding-left: 20px; width: 100%; } #listerWrapperstacks_in_601977 li { padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; margin: 0; position: relative; text-align: left; } #listerWrapperstacks_in_601977 li ul { padding-top: 10px; } /* @end */ /* @group Style Overrides */ /* */ /* @end */ /* @group Bullet Point Styles */ /* */ /* */ /* */ /* */ /* */ #listerWrapperstacks_in_601977 ul { list-style: none !important; display: table; } #listerWrapperstacks_in_601977 li:before, #listerWrapperstacks_in_601977 li:after { display: table; line-height: 0; content: ""; } #listerWrapperstacks_in_601977 li:after { clear: both; } #listerWrapperstacks_in_601977 .bullet-point { display: table-cell; width: 15px; height: 15px; background: rgba(253, 128, 8, 1.00); float: left; margin-top: 15px; margin-right: 15px; } #listerWrapperstacks_in_601977 .list-item-content { display: table-cell; } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @group Print styles */ @media print { #listerWrapperstacks_in_601977 ul { list-style: disc; } #listerWrapperstacks_in_601977 .list-item-content { display: block; } #listerWrapperstacks_in_601977 .bullet-point { display: none; } } /* @end */ /* */ #stacks_in_601971 { padding: 20px; } /* @group Basic Settings */ #listerWrapperstacks_in_601850 { visibility: hidden; } #listerWrapperstacks_in_601850 ul { padding: 0; margin: 0; list-style: none; padding-left: 20px; width: 100%; } #listerWrapperstacks_in_601850 li { padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; margin: 0; position: relative; text-align: left; } #listerWrapperstacks_in_601850 li ul { padding-top: 10px; } /* @end */ /* @group Style Overrides */ /* */ /* @end */ /* @group Bullet Point Styles */ /* */ /* */ /* */ /* */ /* */ #listerWrapperstacks_in_601850 ul { list-style: none !important; display: table; } #listerWrapperstacks_in_601850 li:before, #listerWrapperstacks_in_601850 li:after { display: table; line-height: 0; content: ""; } #listerWrapperstacks_in_601850 li:after { clear: both; } #listerWrapperstacks_in_601850 .bullet-point { display: table-cell; width: 15px; height: 15px; background: rgba(253, 128, 8, 1.00); float: left; margin-top: 15px; margin-right: 15px; } #listerWrapperstacks_in_601850 .list-item-content { display: table-cell; } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @group Print styles */ @media print { #listerWrapperstacks_in_601850 ul { list-style: disc; } #listerWrapperstacks_in_601850 .list-item-content { display: block; } #listerWrapperstacks_in_601850 .bullet-point { display: none; } } /* @end */ /* */ #stacks_in_601851 { padding: 20px; } /* @group Basic Settings */ #listerWrapperstacks_in_601872 { visibility: hidden; } #listerWrapperstacks_in_601872 ul { padding: 0; margin: 0; list-style: none; padding-left: 20px; width: 100%; } #listerWrapperstacks_in_601872 li { padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; margin: 0; position: relative; text-align: left; } #listerWrapperstacks_in_601872 li ul { padding-top: 10px; } /* @end */ /* @group Style Overrides */ /* */ /* @end */ /* @group Bullet Point Styles */ /* */ /* */ /* */ /* */ /* */ #listerWrapperstacks_in_601872 ul { list-style: none !important; display: table; } #listerWrapperstacks_in_601872 li:before, #listerWrapperstacks_in_601872 li:after { display: table; line-height: 0; content: ""; } #listerWrapperstacks_in_601872 li:after { clear: both; } #listerWrapperstacks_in_601872 .bullet-point { display: table-cell; width: 15px; height: 15px; background: rgba(253, 128, 8, 1.00); float: left; margin-top: 15px; margin-right: 15px; } #listerWrapperstacks_in_601872 .list-item-content { display: table-cell; } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @group Print styles */ @media print { #listerWrapperstacks_in_601872 ul { list-style: disc; } #listerWrapperstacks_in_601872 .list-item-content { display: block; } #listerWrapperstacks_in_601872 .bullet-point { display: none; } } /* @end */ /* *//* Start Responsive Shim stack CSS code */ .stacks_in_601948shim{ padding-top: 3%; } /* End Responsive Shim stack CSS code *//* WindowThing Stack by RapidWeaver Central */ #windowthingstacks_in_601910 { width: auto; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); margin: 10px 15px 25px 15px; } #stacks_in_601910 .titlething { background: rgba(0, 0, 0, 1.00) !important; text-align: center; padding: 0.75em; -webkit-border-bottom-left-radius: 0px !important; -webkit-border-bottom-right-radius: 0px!important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_601910 .titlething.labelthing { color: #00FF00; text-transform: none;; letter-spacing:0px;; font-weight:bold;; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #stacks_in_601910 .icons { padding: 0.75em; position: absolute; } #stacks_in_601910 .icons span { background: #FFBE2D; } #stacks_in_601910 .icons:before { content: ""; background: #FF6259; } #stacks_in_601910 .icons:after { content: ""; background: #29C940; } #stacks_in_601910 .icons span, #stacks_in_601910 .icons:before, #stacks_in_601910 .icons:after { display: inline-block; margin-right: 0.5em; float: left; width: 1em; height: 1em; -webkit-border-radius: 50%; border-radius: 50%; } #stacks_in_601910 .containerthing { background-color: #20212C; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #20212C, #20212C); background-image: -ms-linear-gradient(top, #20212C, #20212C); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #20212C), color-stop(100%, #20212C)); background-image: -webkit-linear-gradient(top, #20212C, #20212C); background-image: linear-gradient(top, #20212C, #20212C); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20212C', endColorstr='#20212C', GradientType=0); overflow: hidden; -webkit-border-top-left-radius: 0px !important; -webkit-border-top-right-radius: 0px!important; border-top-left-radius: 0px !important; border-top-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } /* Blinking Cursor */ #stacks_in_601910 .containerthing:after { content: "▋"; display: block; margin-left: 5%; margin-bottom: 20px; opacity: 1; color: #00FF00; -webkit-animation: blink 1s infinite; animation: blink 1s infinite; } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } /* Start Responsive Shim stack CSS code */ .stacks_in_601911shim{ padding-top: 10%; } /* End Responsive Shim stack CSS code *//* GENERAL */ #stacks_in_601912, #stacks_in_601912 .toggle-this-wrap-outer { width: 100%; } #stacks_in_601912 .toggle-this-wrap-outer, #stacks_in_601912 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_601912 .toggle-this-wrap-inner { width: auto; } #stacks_in_601912 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_601912 .toggle-this-wrap-inner .tt-label-left, #stacks_in_601912 .toggle-this-wrap-inner .tt-label-right { font-size: 28.000000px; line-height: 28.000000px; } /* */ #stacks_in_601912 .toggle-this { margin: 10px 5px; } #stacks_in_601912 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_601912 .toggle-this > * { z-index: 1; } #stacks_in_601912 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 124px; height: 72px; border-radius: 72px; z-index: 0; } #stacks_in_601912 .toggle-this, #stacks_in_601912 .toggle-this .label-bg, #stacks_in_601912 .toggle-this .label-bg > .left-color, #stacks_in_601912 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 104px; height: 52px; border-radius: 52px; } #stacks_in_601912 .toggle-this .label-bg > div > div, #stacks_in_601912 .toggle-this label, #stacks_in_601912 .toggle-this label:after, #stacks_in_601912 .toggle-this label:before { width: 52px; height: 52px; } #stacks_in_601912 input[type="checkbox"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_601912 .toggle-this label, #stacks_in_601912 .toggle-this .label-bg, #stacks_in_601912 .toggle-this label:after, #stacks_in_601912 .toggle-this .label-bg > .left-color, #stacks_in_601912 .toggle-this .label-bg > .right-color, #stacks_in_601912 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_601912 .toggle-this .label-bg > div > div { left: 39.000000px; } #stacks_in_601912 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 44.000000px; } #stacks_in_601912 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_601912 input[type="checkbox"]:checked + .toggle-this label { -webkit-transform: translate(52px,0); transform: translate(52px,0); } #stacks_in_601912 .toggle-this:before { width: 114px; height: 62px; border-radius: 62px; top: -5px; left: -5px; } #stacks_in_601912 .toggle-this.ts-type-4:after { width: 144px; } #stacks_in_601912 .toggle-this.ts-type-2:before { width: 114px; height: 20px; border-radius: 20px; top: 16.000000px; left: -5px; } #stacks_in_601912 .toggle-this.ts-type-4, #stacks_in_601912 .toggle-this.ts-type-4 .label-bg, #stacks_in_601912 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_601912 .toggle-this.ts-type-4 .label-bg > .right-color { width: 124px; height: 52px; } #stacks_in_601912 .toggle-this.ts-type-4 label, #stacks_in_601912 .toggle-this.ts-type-4 label:after, #stacks_in_601912 .toggle-this.ts-type-4 label:before { width: 52px; height: 52px; } #stacks_in_601912 .toggle-this.ts-type-4 .label-bg > div > div { width: 80.000000px; height: 67px; } #stacks_in_601912 input[type="checkbox"]:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(72px,0); transform: translate(72px,0); } #stacks_in_601912 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_601912 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 52px; } #stacks_in_601912 .toggle-this.ts-type-4:before { width: 134px; height: 62px; border-radius: 62px; top: -5px; left: -5px; } #stacks_in_601912 .toggle-this.ts-type-5, #stacks_in_601912 .toggle-this.ts-type-5 .label-bg, #stacks_in_601912 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_601912 input[type="checkbox"]:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 52px; } #stacks_in_601912 .toggle-this.ts-type-5:before { width: 62px; } #stacks_in_601912 .toggle-this.ts-type-2 .label-bg { height: 15.600000px; top: 18.199999px; } /* */ /* */ #stacks_in_601912 .toggle-this.ts-type-2 .label-bg { height: 12.480000px; top: 19.760000px; } /* */ /* TOGGLE */ #stacks_in_601912 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms linear; transition: -webkit-transform 150ms linear; transition: transform 150ms linear; transition: transform 150ms linear, -webkit-transform 150ms linear; } #stacks_in_601912 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_601912 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_601912 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_601912 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_601912 .toggle-this .label-bg > .left-color, #stacks_in_601912 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms linear; transition: width 150ms linear; } #stacks_in_601912 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_601912 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_601912 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_601912 input[type="checkbox"] + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_601912 input[type="checkbox"]:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_601912 input[type="checkbox"]:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_601912 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_601912 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 26.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_601912 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_601912 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { height: 4px; } /* */ #stacks_in_601912 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_601912 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_601912 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_601912 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_601912 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_601912 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_601912 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_601912 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_601912 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_601912 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "OFF"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 21.600000px; text-align: center; } #stacks_in_601912 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: "ON"; } /* THIN */ #stacks_in_601912 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_601912 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_601912 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_601912 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_601912 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_601912 .toggle-this.ts-type-5 label { display: none; } #stacks_in_601912 input[type="checkbox"] + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms linear; transition: background 150ms linear; } #stacks_in_601912 input[type="checkbox"] + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear; } #stacks_in_601912 input[type="checkbox"]:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_601912 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 26.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_601912 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_601912 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { left: 33%; height: 4px; } /* */ #stacks_in_601912 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_601912 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_601912 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_601912 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_601912 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms linear; transition: background 150ms linear; } #stacks_in_601912 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_601912 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_601912 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_601912 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_601912 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_601912 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_601912 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_601912 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_601912 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_601912 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_601912 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_601912 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: linear-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_601912 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms linear; transition: -webkit-transform 150ms linear; transition: transform 150ms linear; transition: transform 150ms linear, -webkit-transform 150ms linear; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_601912 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms linear; transition: background 150ms linear; } #stacks_in_601912 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_601912 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_601912 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_601912 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_601912 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_601912 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_601912 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_601912 .toggle-this.ts-3:after, #stacks_in_601912 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_601912 .toggle-this.ts-type-5.ts-3:after, #stacks_in_601912 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_601912 .toggle-this .label-bg > .right-color, #stacks_in_601912 .toggle-this.ts-2 .label-bg, #stacks_in_601912 .toggle-this.ts-3 .label-bg, #stacks_in_601912 input[type="checkbox"] + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(253, 128, 8, 1.00); } #stacks_in_601912 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_601912 .toggle-this label:after, #stacks_in_601912 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_601912 .toggle-this.ts-type-5 label:after, #stacks_in_601912 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_601912 .toggle-this .label-bg > .left-color, #stacks_in_601912 input[type="checkbox"]:checked + .toggle-this.ts-2 .label-bg, #stacks_in_601912 input[type="checkbox"]:checked + .toggle-this.ts-3 .label-bg, #stacks_in_601912 input[type="checkbox"]:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(33, 255, 6, 1.00); } #stacks_in_601912 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_601912 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(0, 0, 0, 1.00); } #stacks_in_601912 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_601912 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(0, 0, 0, 1.00); } #stacks_in_601912 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(0, 0, 0, 1.00); } #stacks_in_601912 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(0, 0, 0, 1.00); } #stacks_in_601912 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_601912 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(0, 0, 0, 1.00); } #stacks_in_601912 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_601912 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_601912 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_601912 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ #stacks_in_601912 .toggle-this.ts-type-2.ts-3:after, #stacks_in_601912 .toggle-this.ts-type-5.ts-3:after{ -webkit-box-shadow: none; box-shadow: none; } #stacks_in_601912 .toggle-this.ts-3 label:after { top: -1px; border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.6); box-shadow: 0px 1px 3px rgba(0,0,0,0.6); } #stacks_in_601912 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); } #stacks_in_601912 .toggle-this.ts-3 .label-bg { border: 1px solid rgba(0,0,0,0.3); } #stacks_in_601912 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_601912 .toggle-this.ts-type-2.ts-3:before, #stacks_in_601912 .toggle-this.ts-type-5.ts-3:before{ -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_601912 .toggle-this.ts-3 label:after { border: 0px solid transparent; -webkit-box-shadow: none; box-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.25))); background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 100%); } #stacks_in_601912 .toggle-this.ts-3 label:before { border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0))); background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); } #stacks_in_601912 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.3); } /* */ /* TOGGLE STATES/ACTIONS */ /* */ #stacks_in_601912 .toggle-this-inactive, #stacks_in_601912 .toggle-this-active { display: none; } #stacks_in_601912 .tt-False.toggle-this-inactive { display: block; } #stacks_in_601912 .tt-True.toggle-this-active { display: block; } /* */ /* */ /* */ /* */ /* *//* Start Responsive Shim stack CSS code */ .stacks_in_601914shim{ padding-top: 3%; } /* End Responsive Shim stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_601920shim{ padding-top: 10%; } /* End Responsive Shim stack CSS code */#stacks_in_601987 .flat_button_2_alignment { font-size: 18px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-align: left; } #stacks_in_601987 a, #stacks_in_601987 a:visited { /* Button text alignment fix v2.0.1 */ text-align: center; display: inline-block; border-radius: 4px; overflow: hidden; height: 56px; line-height: 56px; text-decoration: none; border-width: 0px; border-style: solid; border-color: rgba(0, 84, 123, 1.00); } #stacks_in_601987 a .flat_button_2_text { padding-left: 20px; padding-right: 20px; text-align: center !important; } #stacks_in_601987 a i, #stacks_in_601987 a:visited i { font-size: 20px; display: inline-block; text-align: center; width: 56px; height: 56px; line-height: 56px; float: left; } /* Flat Color Mode */ #stacks_in_601987 a, #stacks_in_601987 a:visited { background-color: rgba(3, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_601987 a:hover, #stacks_in_601987 a:active { background-color: rgba(2, 90, 165, 1.00); color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_601987 a i, #stacks_in_601987 a:visited i { background-color: rgba(2, 90, 165, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_601987 a:hover i, #stacks_in_601987 a:active i { background-color: rgba(0, 71, 132, 1.00); color: rgba(255, 255, 255, 1.00); } /* Responsive Width Mode */ @media (max-width: 47.9em) { #stacks_in_601987 a, #stacks_in_601987 a:visited { width: 100%; } } #stacks_in_601987 { margin: 20px; padding: 20px; } /* Start Responsive Shim stack CSS code */ .stacks_in_601955shim{ padding-top: 3%; } /* End Responsive Shim stack CSS code *//* @group Basic Settings */ #listerWrapperstacks_in_601973 { visibility: hidden; } #listerWrapperstacks_in_601973 ul { padding: 0; margin: 0; list-style: none; padding-left: 20px; width: 100%; } #listerWrapperstacks_in_601973 li { padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; margin: 0; position: relative; text-align: left; } #listerWrapperstacks_in_601973 li ul { padding-top: 10px; } /* @end */ /* @group Style Overrides */ /* */ /* @end */ /* @group Bullet Point Styles */ /* */ /* */ /* */ /* */ /* */ #listerWrapperstacks_in_601973 ul { list-style: none !important; display: table; } #listerWrapperstacks_in_601973 li:before, #listerWrapperstacks_in_601973 li:after { display: table; line-height: 0; content: ""; } #listerWrapperstacks_in_601973 li:after { clear: both; } #listerWrapperstacks_in_601973 .bullet-point { display: table-cell; width: 15px; height: 15px; background: rgba(253, 128, 8, 1.00); float: left; margin-top: 15px; margin-right: 15px; } #listerWrapperstacks_in_601973 .list-item-content { display: table-cell; } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @group Print styles */ @media print { #listerWrapperstacks_in_601973 ul { list-style: disc; } #listerWrapperstacks_in_601973 .list-item-content { display: block; } #listerWrapperstacks_in_601973 .bullet-point { display: none; } } /* @end */ /* */ #stacks_in_601958 { padding: 20px; } /* Start Responsive Shim stack CSS code */ .stacks_in_600964shim{ padding-top: 6%; } /* End Responsive Shim stack CSS code *//* -- Start Bellboy Each css Template -- */ .stacks_in_599739bellboywrapper{ width: 50px; margin: 0 auto; display : none; } .stacks_in_599739bellboy{ position: relative; cursor: pointer; background: rgba(0, 0, 0, 1.00); width: 50px; height: 50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: rgba(255, 255, 255, 1.00); text-align: center; line-height: 50px; font-size: 22.727272px; margin: 5px; z-index: 1000; background: rgba(0, 0, 0, 1.00); } .stacks_in_599739bellboy i { position: relative; display: block; margin: 0 auto 0 auto; width: 50px; height: 50px; line-height: 50px; font-size: 22.727272px; vertical-align: middle; } .stacks_in_599739bellboy:hover{ color: rgba(235, 235, 235, 1.00); background: rgba(15, 15, 15, 1.00); /* Old browsers */ } /* -- End Bellboy Each css Template -- *//* @group Page */ /* Stop the background page scrolling when the modal is open */ body.sociableOpen { overflow: hidden !important; } /* @end */ /* @group Share Button */ #socialPopupTriggerButtonstacks_in_599740 *, #socialPopupTriggerButtonstacks_in_599740 *::after, #socialPopupTriggerButtonstacks_in_599740 *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #socialPopupTriggerButtonstacks_in_599740 { position: fixed; top: 7.00%; right: 2.00%; cursor: pointer; z-index: 999; } #socialPopupTriggerButtonstacks_in_599740 { display: none; } #socialPopupTriggerButtonstacks_in_599740 a { background: none; border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; outline: none; } #socialPopupTriggerButtonstacks_in_599740 a:focus { outline: none; border: none; } #socialPopupTriggerButtonstacks_in_599740 #socialPopupTriggerButtonBorderstacks_in_599740 { border: 2px solid #CDCDCD; background: #000000; border-radius: 27px; -webkit-border-radius: 27px; -moz-border-radius: 27px; height: 50px; overflow: hidden; z-index: 5; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_599740:hover #socialPopupTriggerButtonBorderstacks_in_599740 { border: 2px solid #999999; background: #000000; } #socialPopupTriggerButtonstacks_in_599740:hover #socialPopupTriggerButtonBorderstacks_in_599740 { padding-right: 15px; } #socialPopupTriggerButtonstacks_in_599740 #socialPopupTriggerButtonIconstacks_in_599740 [class^="fa fa-"] { color: #FFFFFF; font-size: 24px; line-height: 50px; width: 50px; text-align: center; display: block; float: left; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_599740:hover #socialPopupTriggerButtonBorderstacks_in_599740 [class^="fa fa-"] { color: #FFFFFF; } #socialPopupTriggerButtonstacks_in_599740 #socialPopupTriggerButtonTextstacks_in_599740 { color: #333333; font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: right; max-width: 0px; overflow: hidden; line-height: 50px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_599740:hover #socialPopupTriggerButtonTextstacks_in_599740 { max-width: 300px; color: #FFFFFF; } /* @end */ /* @group Content Block (top of modal) */ #sociableContentBlock { max-width: 1200px; margin: 0 auto; text-align: center; } #adBlockMessage { display: none; } #adBlockMessage.adBlockTrue { display: block; color: #ffffff; text-align: center; font-size: 16px; } /* @end */ /* @group Modal Window */ /* General styles for the modal */ /* Styles for the html/body for special modal where we want 3d effects Note that we need a container wrapping all content on the page for the perspective effects (not including the modals and the overlay). */ .socialPopupModalPerspective, .socialPopupModalPerspective body { height: 100%; overflow: hidden; } .socialPopupModalPerspective body { background: #222; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } .socialPopupModal-1 { position: fixed; top: 0%; left: 0%; width: 100%; overflow: auto; height: 100%; z-index: 19991; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .socialPopupModalShow { visibility: visible; } .socialPopupModalOverlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1999; opacity: 0; background: #000000; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow ~ .socialPopupModalOverlay { opacity: 0.85; visibility: visible; } /* Content styles */ #socialPopupModalContentstacks_in_599740 { position: relative; border-radius: 3px; margin: 0 auto; } /* Individual modal styles with animations/transitions */ /* */ /* @group Effect 1 */ /* Effect 1: Fade in and scale up */ .socialPopupModalEffect-1 #socialPopupModalContentstacks_in_599740 { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-1 #socialPopupModalContentstacks_in_599740 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 2 */ /* Effect 2: Slide from the right */ .socialPopupModalEffect-2 #socialPopupModalContentstacks_in_599740 { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); } .socialPopupModalShow.socialPopupModalEffect-2 #socialPopupModalContentstacks_in_599740 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } /* @end */ /* @group Effect 3 */ /* Effect 3: Slide from the bottom */ .socialPopupModalEffect-3 #socialPopupModalContentstacks_in_599740 { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-3 #socialPopupModalContentstacks_in_599740 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* @end */ /* @group Effect 4 */ /* Effect 4: Newspaper */ .socialPopupModalEffect-4 #socialPopupModalContentstacks_in_599740 { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-4 ~ .socialPopupModalOverlay, .socialPopupModalEffect-4 #socialPopupModalContentstacks_in_599740 { -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-4 #socialPopupModalContentstacks_in_599740 { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } /* @end */ /* @group Effect 5 */ /* Effect 5: fall */ .socialPopupModalEffect-5.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-5 #socialPopupModalContentstacks_in_599740 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -moz-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-5 #socialPopupModalContentstacks_in_599740 { -webkit-transition: all 1000ms ease-in; -moz-transition: all 1000ms ease-in; transition: all 1000ms ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 6 */ /* Effect 6: side fall */ .socialPopupModalEffect-6.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-6 #socialPopupModalContentstacks_in_599740 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-6 #socialPopupModalContentstacks_in_599740 { -webkit-transition: all 1000ms ease-in; -moz-transition: all 1000ms ease-in; transition: all 1000ms ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1; } /* @end */ /* @group Effect 7 */ /* Effect 7: slide and stick to top */ .socialPopupModalEffect-7{ top: 0; -webkit-transform: translateX(-0%); -moz-transform: translateX(-0%); -ms-transform: translateX(-0%); transform: translateX(-0%); } .socialPopupModalEffect-7 #socialPopupModalContentstacks_in_599740 { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-7 #socialPopupModalContentstacks_in_599740 { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1; } /* @end */ /* @group Effect 8 */ /* Effect 8: 3D flip horizontal */ .socialPopupModalEffect-8.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-8 #socialPopupModalContentstacks_in_599740 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-8 #socialPopupModalContentstacks_in_599740 { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } /* @end */ /* @group Effect 9 */ /* Effect 9: 3D flip vertical */ .socialPopupModalEffect-9.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-9 #socialPopupModalContentstacks_in_599740 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-9 #socialPopupModalContentstacks_in_599740 { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 10 */ /* Effect 10: 3D sign */ .socialPopupModalEffect-10.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-10 #socialPopupModalContentstacks_in_599740 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-10 #socialPopupModalContentstacks_in_599740 { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 11 */ /* Effect 11: Super scaled */ .socialPopupModalEffect-11 #socialPopupModalContentstacks_in_599740 { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-11 #socialPopupModalContentstacks_in_599740 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 12 */ /* Effect 12: Just me */ .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_599740 { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-12 ~ .socialPopupModalOverlay { background: #000000; } .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_599740 h3, .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_599740 { background: transparent; } .socialPopupModalShow.socialPopupModalEffect-12 #socialPopupModalContentstacks_in_599740 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 13 */ /* Effect 13: 3D slit */ .socialPopupModalEffect-13.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-13 #socialPopupModalContentstacks_in_599740 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-13 #socialPopupModalContentstacks_in_599740 { -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;} 100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @-moz-keyframes slit { 50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;} 100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;} 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* @end */ /* @group Effect 14 */ /* Effect 14: 3D Rotate from bottom */ .socialPopupModalEffect-14.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-14 #socialPopupModalContentstacks_in_599740 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 1000ms ease-out; -moz-transition: all 1000ms ease-out; transition: all 1000ms ease-out; } .socialPopupModalShow.socialPopupModalEffect-14 #socialPopupModalContentstacks_in_599740 { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 15 */ /* Effect 15: 3D Rotate in from left */ .socialPopupModalEffect-15.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-15 #socialPopupModalContentstacks_in_599740 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-15 #socialPopupModalContentstacks_in_599740 { -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg); -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg); transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; } /* @end */ /* */ /* @end */ /* @group Close button */ #sociableCloseButtonstacks_in_599740 { position: absolute; top: 0; right: 0; padding: 0; margin: 0; color: #FF0000; font-size: 40px; line-height: 80px; width: 80px; text-align: center; text-decoration: none; background: none; border: none; outline: none; transition: all ease-in-out 300ms; } #sociableCloseButtonstacks_in_599740 [class^="fa fa-"] { color: #FF0000; transition: all ease-in-out 300ms; } #sociableCloseButtonstacks_in_599740:hover, #sociableCloseButtonstacks_in_599740:hover [class^="fa fa-"] { color: #00FF00; } /* @end */ /* @group Radioactive Scroll Indicator */ @-webkit-keyframes radioactiveGlow { from { -webkit-box-shadow: 0 0 50px #FFFFFF; } 50% { -webkit-box-shadow: 0 0 0px #000000; } to { -webkit-box-shadow: 0 0 50px #FFFFFF; } } @-moz-keyframes radioactiveGlow { from { -moz-box-shadow: 0 0 50px #FFFFFF; } 50% { -moz-box-shadow: 0 0 0px #000000; } to { -moz-box-shadow: 0 0 50px #FFFFFF; } } @-ms-keyframes radioactiveGlow { from { -ms-box-shadow: 0 0 50px #FFFFFF; } 50% { -ms-box-shadow: 0 0 0px #000000; } to { -ms-box-shadow: 0 0 50px #FFFFFF; } } @keyframes radioactiveGlow { from { box-shadow: 0 0 50px #FFFFFF; } 50% { box-shadow: 0 0 0px #000000; } to { box-shadow: 0 0 50px #FFFFFF; } } #radioactiveScrollIndicatorstacks_in_599740 { -webkit-animation-name: radioactiveGlow; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-name: radioactiveGlow; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -ms-animation-name: radioactiveGlow; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; animation-name: radioactiveGlow; animation-duration: 2s; animation-iteration-count: infinite; position: fixed; bottom: -50px; left: 0px; width: 100%; height: 50px; background: #ffffff; display: none; } .socialPopupScrollable #radioactiveScrollIndicatorstacks_in_599740 { display: block; } .modalScrolled #radioactiveScrollIndicatorstacks_in_599740 { display: none; } /* @end */ /* @group Social Icon List */ #sociableIconWrapper *, #sociableIconWrapper *::after, #sociableIconWrapper *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #sociableIconWrapper { max-width: 1200px; margin: 60px auto; z-index: 1999; position: relative; } .socialIconArray { display: block; text-align: center; } .socialIconArray div { display: inline-block; width: auto; height: auto; line-height: 100px; text-align: center; position: relative; margin-bottom: 30px; text-align: center; line-height: 1.50em; font-size: 24px; z-index: 5; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; color: #FFFFFF; } .socialIconArray div:hover { color: #FFFFFF; } .socialIconArray div a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; } .socialIconArray div [class^="fa fa-"] { font-size: 60px; height: 100px; width: 100px; line-height: 100px; border-radius: 50px; position: relative; z-index: 5; border: 2px solid #FFFFFF; transition: all 300ms ease-in-out; overflow: hidden; display: block; margin: 30px; } .socialIconArray div:hover [class^="fa fa-"] { -webkit-box-shadow: 0px 0px 30px #FFFFFF; -moz-box-shadow: 0px 0px 30px #FFFFFF; box-shadow: 0px 0px 30px #FFFFFF; border: 2px solid #FFFFFF; } /* Sub headings */ .socialIconArray .subheading { margin-top: 30px; padding-top: 30px; font-size: 24px; display: block; float: none; color: #FFFFFF; } .socialIconArray .subheading a, .socialIconArray .subheading a:visited { color: #FFFFFF; text-decoration: underline; position: relative; top: auto; left: auto; width: auto; height: auto; display: inline; } .socialIconArray .subheading a:hover, .socialIconArray .subheading a:active { color: #FFFFFF; text-decoration: underline; } /* Utility icons */ #sociableUtilityIcons *, #sociableUtilityIcons *::after, #sociableUtilityIcons *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #sociableUtilityIcons { border-top: 1px solid #CDCDCD; margin-top: 20px; padding-top: 30px; display: block; } /* @end */ /* @group Print Styling */ @media print { #socialPopupstacks_in_599740, #socialPopupModalOverlaystacks_in_599740, #socialPopupTriggerButtonstacks_in_599740 { display: none !important; } } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */