#stacks_in_599883_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_599883_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_599883_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_599883_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_600290{ text-align: center; } #stacks_in_600290 figure a img{ cursor: pointer !important; } .stacks_in_600290responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_600290responsive img, .stacks_in_600290warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_600290hiddenimage{ display: none; } .stacks_in_600290warehouseImage{ display: none; } /* End Smart Image stack CSS code *//* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_601815 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_601815 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_601815 .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_601815 .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; %%[[if edit]]%% display:none; %%[[endif]]%% } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_601815 .back_wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_601815 .back_wrapper_8573 { } } #stacks_in_601815 .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_601815 .wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_601815 .wrapper_8573 { } } /* Hype internal elements - rotation */ #stacks_in_601815 .flex_elements{ transform: rotate( -5deg ) !important; -webkit-transform: rotate(-5deg ) !important; -moz-transform: rotate( -5deg ) !important; } /* --------------- */ #stacks_in_601815 .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.65; display: none !important; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; margin-right: auto; margin-left: auto; text-align: center; } /* ---TITLE active only with "STATIC" titles */ .hype-title-static { } .hype-title-scale{ %%[[if !edit]]%% } @keyframes hype-title-scale { 0% {transform: scale(0.8); opacity: 0;} 40% {transform: scale(0.8);} 45% {opacity: 0;} 100% {transform: scale(1); opacity: 1;} } @-webkit-keyframes hype-title-scale { 0% {-webkit-transform: scale(0.8); opacity: 0;} 40% {-webkit-transform: scale(0.8);} 45% {opacity: 0;} 100% {-webkit-transform: scale(1); opacity: 1;} } .hype-title-fade { } @keyframes hype-title-fade { 0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes hype-title-fade { 0% { opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } /* A */ #stacks_in_601815 .theme_title { color: #FD8008 !important; } /* B */ #stacks_in_601815 .theme_title_b { color: #FFFFFF !important; } /* Tit A-B styles */ #stacks_in_601815 .theme_slogan { color: #FD8008 !important; font-size: 73px !important; font-family: "montserratbold", sans-serif !important; font-style: none; text-transform: uppercase; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; -moz-transform: rotate( 0deg ) !important; margin-top: 40px !important; margin-left: 0px !important; display: none !important; letter-spacing: 0px !important; line-height: 100px !important; } /* TITLE CSS */ #stacks_in_601815 .theme_title, #stacks_in_601815 .theme_title_b { font-size: 156px !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_601815 .theme_title, #stacks_in_601815 .theme_title_b { -webkit-text-stroke: 5px !important; -webkit-text-fill-color: transparent !important; } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_601815 .back_wrapper_8573 { background: url(../files/dots1.png) center center repeat !important; /* upg 1.1.4 - 114 */ /* beta */ /* */ } #stacks_in_601815 .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_601815 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_601815 .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_601815 .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_601815 .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_601815 .back_wrapper_8573bg#stacks_in_601815 .back_wrapper_8573bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_601815 .back_wrapper_8573bg { } } @media (max-width: 600px) { #stacks_in_601815 .back_wrapper_8573bg { } } #stacks_in_601815 .theme_title, #stacks_in_601815 .theme_title_b { text-shadow: 0 3px 5px rgba(0, 0, 0, 1.00) !important; } #stacks_in_601815 .theme_title, #stacks_in_601815 .theme_title_b { } /* --------------- */ /* @group Built-in Webfonts */ @font-face { font-family: 'cordial_proregregular'; src: url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prosemibold'; src: url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_promedium'; src: url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prolight'; src: url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_probold'; src: url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_inlineBdrounded'; src: url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_cherryBdrounded'; src: url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* cordial end */ @font-face { font-family: 'rubik_mono_oneregular'; src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'abelregular'; src: url('../files/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts/abel/abel-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanscondensed_light'; src: url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bree_serifregular'; src: url('../files/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('../files/webfonts/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts/pacifico/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'signikaregular'; src: url('../files/webfonts/signika/signika-regular-webfont.woff2') format('woff2'), url('../files/webfonts/signika/signika-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rochesterregular'; src: url('../files/webfonts/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rochester/rochester-regular-webfont.woff') format('woff') font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_display_scregular'; src: url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight'; src: url('../files/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../files/webfonts/raleway/raleway-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fjalla_oneregular'; src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vigaregular'; src: url('../files/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts/viga/viga-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_blackregular'; src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* @end */ #stacks_in_601815 .decoration_color_1 { background-color: #21FF06 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_601815 .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; } /* end style */ /* EDIT mode */ /* -- End EACH CSS Template -- */#stacks_in_601815 .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_601815 .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_601815 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_601815 .scrollButton-hypetitles #stacks_in_601815 [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_601815 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_601815 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_601815 .scrollButton-hypetitles [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } #target-hypetitles { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_601815 .scrollButton-hypetitles { display: none !important; } #stacks_in_601815 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } }#stacks_in_600360>.s3_row { margin: 0 -0px; } #stacks_in_600360>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_600360>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_600360>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_600360>.s3_row { margin: -0px 0; } #stacks_in_600360>.s3_row>.s3_column { padding: 0px 0; width:100%; } } /* Start Smart Image stack CSS code */ #stacks_in_600325{ text-align: center; } #stacks_in_600325 figure a img{ cursor: pointer !important; } .stacks_in_600325responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_600325responsive img, .stacks_in_600325warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_600325hiddenimage{ display: none; } .stacks_in_600325warehouseImage{ display: none; } /* End Smart Image stack CSS code */.stacks_in .dk_denflinkegrafiker_stacks_sidecar_stack { } .sidecar_unique_id H1, .sidecar_unique_id H2, .sidecar_unique_id H3, .sidecar_unique_id H4, .sidecar_unique_id H5, .sidecar_unique_id H6 {/*CustomCSS*/} .content_unique_id H1, .sidecar_unique_id H2, .sidecar_unique_id H3, .sidecar_unique_id H4, .sidecar_unique_id H5, .sidecar_unique_id H6 {/*CustomCSS*/} .main_unique_id { /*MAIN AREA*/ display: table !important; width: 100% !important; box-sizing: border-box; vertical-align:top !important; margin-left: auto; margin-right: auto; background-color: rgba(252, 102, 102, 1.00) !important; font-family: inherit; margin-top: 0px; margin-bottom: 20px; /*CustomCSS*/ } .sidecar_unique_id {/*SIDEBAR AREA*/ display: table-cell !important; width: 50% !important; background-color: rgba(31, 32, 44, 1.00) !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; vertical-align:top !important; /*CustomCSS*/ box-sizing: border-box; } .sidecar_unique_id img { width: 100%; height: auto; padding-top: 10px ; padding-bottom: 10px; padding-left: px; padding-right: px; /*CustomCSS*/ } .content_unique_id {/*CONTENT AREA*/ display: table-cell !important; background-color: rgba(56, 54, 71, 1.00) !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; vertical-align:top !important; /*CustomCSS*/ box-sizing: border-box; } .content_unique_id img { width: 100%; height: auto; padding-top: 10px ; padding-bottom: 10px; padding-left: px; padding-right: px; } @media screen and (max-width: 780px) { .sidecar_unique_id H1, .sidecar_unique_id H2, .sidecar_unique_id H3, .sidecar_unique_id H4, .sidecar_unique_id H5, .sidecar_unique_id H6 {/*CustomCSS*/} .content_unique_id H1, .sidecar_unique_id H2, .sidecar_unique_id H3, .sidecar_unique_id H4, .sidecar_unique_id H5, .sidecar_unique_id H6 {/*CustomCSS*/} .main_unique_id { display: table !important; width: 100% !important; padding-top: 0px ; padding-bottom: 0px; margin-top: 0px; margin-bottom: 20px; /*CustomCSS*/ } .sidecar_unique_id { resize: none; display: inline-block !important; width: 100% !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; /*CustomCSS*/ } .content_unique_id { resize: none; display: inline-block !important; width: 100% !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; /*CustomCSS*/ } } #stacks_in_600338 { margin: 20px; padding: 20px; } #stacks_in_600273 { margin: 20px; padding: 20px; } /* Start Smart Image stack CSS code */ #stacks_in_600341{ text-align: center; } #stacks_in_600341 figure a img{ cursor: pointer !important; } .stacks_in_600341responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_600341responsive img, .stacks_in_600341warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_600341hiddenimage{ display: none; } .stacks_in_600341warehouseImage{ display: none; } /* End Smart Image stack CSS code */.stacks_in .dk_denflinkegrafiker_stacks_sidecar_stack { } .sidecar_56 H1, .sidecar_56 H2, .sidecar_56 H3, .sidecar_56 H4, .sidecar_56 H5, .sidecar_56 H6 {/*CustomCSS*/} .content_56 H1, .sidecar_56 H2, .sidecar_56 H3, .sidecar_56 H4, .sidecar_56 H5, .sidecar_56 H6 {/*CustomCSS*/} .main_56 { /*MAIN AREA*/ display: table !important; width: 100% !important; box-sizing: border-box; vertical-align:top !important; margin-left: auto; margin-right: auto; background-color: rgba(252, 102, 102, 1.00) !important; font-family: inherit; margin-top: 0px; margin-bottom: 20px; /*CustomCSS*/ } .sidecar_56 {/*SIDEBAR AREA*/ display: table-cell !important; width: 400px !important; background-color: rgba(31, 32, 44, 1.00) !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; vertical-align:top !important; /*CustomCSS*/ box-sizing: border-box; } .sidecar_56 img { width: 100%; height: auto; padding-top: 10px ; padding-bottom: 10px; padding-left: px; padding-right: px; /*CustomCSS*/ } .content_56 {/*CONTENT AREA*/ display: table-cell !important; background-color: rgba(77, 43, 112, 1.00) !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; vertical-align:top !important; /*CustomCSS*/ box-sizing: border-box; } .content_56 img { width: 100%; height: auto; padding-top: 10px ; padding-bottom: 10px; padding-left: px; padding-right: px; } @media screen and (max-width: 780px) { .sidecar_56 H1, .sidecar_56 H2, .sidecar_56 H3, .sidecar_56 H4, .sidecar_56 H5, .sidecar_56 H6 {/*CustomCSS*/} .content_56 H1, .sidecar_56 H2, .sidecar_56 H3, .sidecar_56 H4, .sidecar_56 H5, .sidecar_56 H6 {/*CustomCSS*/} .main_56 { display: table !important; width: 100% !important; padding-top: 0px ; padding-bottom: 0px; margin-top: 0px; margin-bottom: 20px; /*CustomCSS*/ } .sidecar_56 { resize: none; display: inline-block !important; width: 100% !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; /*CustomCSS*/ } .content_56 { resize: none; display: inline-block !important; width: 100% !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; /*CustomCSS*/ } } #stacks_in_600309 { margin: 20px; padding: 20px; } /* Start Smart Image stack CSS code */ #stacks_in_600370{ text-align: center; } #stacks_in_600370 figure a img{ cursor: pointer !important; } .stacks_in_600370responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_600370responsive img, .stacks_in_600370warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_600370hiddenimage{ display: none; } .stacks_in_600370warehouseImage{ display: none; } /* End Smart Image stack CSS code */.stacks_in .dk_denflinkegrafiker_stacks_sidecar_stack { } .sidecar_445 H1, .sidecar_445 H2, .sidecar_445 H3, .sidecar_445 H4, .sidecar_445 H5, .sidecar_445 H6 {/*CustomCSS*/} .content_445 H1, .sidecar_445 H2, .sidecar_445 H3, .sidecar_445 H4, .sidecar_445 H5, .sidecar_445 H6 {/*CustomCSS*/} .main_445 { /*MAIN AREA*/ display: table !important; width: 100% !important; box-sizing: border-box; vertical-align:top !important; margin-left: auto; margin-right: auto; background-color: rgba(250, 57, 66, 1.00) !important; font-family: inherit; margin-top: 0px; margin-bottom: 20px; /*CustomCSS*/ } .sidecar_445 {/*SIDEBAR AREA*/ display: table-cell !important; width: 400px !important; background-color: rgba(31, 32, 44, 1.00) !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; vertical-align:top !important; /*CustomCSS*/ box-sizing: border-box; } .sidecar_445 img { width: 100%; height: auto; padding-top: 10px ; padding-bottom: 10px; padding-left: px; padding-right: px; /*CustomCSS*/ } .content_445 {/*CONTENT AREA*/ display: table-cell !important; background-color: rgba(110, 175, 29, 1.00) !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; vertical-align:top !important; /*CustomCSS*/ box-sizing: border-box; } .content_445 img { width: 100%; height: auto; padding-top: 10px ; padding-bottom: 10px; padding-left: px; padding-right: px; } @media screen and (max-width: 780px) { .sidecar_445 H1, .sidecar_445 H2, .sidecar_445 H3, .sidecar_445 H4, .sidecar_445 H5, .sidecar_445 H6 {/*CustomCSS*/} .content_445 H1, .sidecar_445 H2, .sidecar_445 H3, .sidecar_445 H4, .sidecar_445 H5, .sidecar_445 H6 {/*CustomCSS*/} .main_445 { display: table !important; width: 100% !important; padding-top: 0px ; padding-bottom: 0px; margin-top: 0px; margin-bottom: 20px; /*CustomCSS*/ } .sidecar_445 { resize: none; display: inline-block !important; width: 100% !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; /*CustomCSS*/ } .content_445 { resize: none; display: inline-block !important; width: 100% !important; padding-top: 10px ; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; /*CustomCSS*/ } } #stacks_in_600302 { margin: 20px; padding: 20px; } /* Start Smart Image stack CSS code */ #stacks_in_600327{ text-align: center; } #stacks_in_600327 figure a img{ cursor: pointer !important; } .stacks_in_600327responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_600327responsive img, .stacks_in_600327warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_600327hiddenimage{ display: none; } .stacks_in_600327warehouseImage{ display: none; } /* End Smart Image stack CSS code *//* Smart2columns2 stack v2.4.2 */ #stacks_in_600115 .s2c_stacks_in_600115_cw { display: table; table-layout: fixed; width: 100%; } #stacks_in_600115 .s2c_stacks_in_600115_cw, #stacks_in_600115 .s2c_stacks_in_600115_cw * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_600115 .s2c_stacks_in_600115_cw [class^="s2c_stacks_in_600115_col"] { display: table-cell; overflow: hidden; background-clip: padding-box; } #stacks_in_600115 .s2c_stacks_in_600115_col1 { vertical-align: middle; border-radius: 0px; background: rgba(42, 44, 60, 1.00); } #stacks_in_600115 .s2c_stacks_in_600115_col2 { vertical-align: middle; border-radius: 0px; background: rgba(196, 39, 49, 1.00); } #stacks_in_600115 .s2c_stacks_in_600115_cw .s2c_stacks_in_600115_spacer { display: table-cell; width: 0%; } @media only screen and (max-width: 768px) { #stacks_in_600115 .s2c_stacks_in_600115_cw { display: block; table-layout: auto; } #stacks_in_600115 .s2c_stacks_in_600115_cw [class^="s2c_stacks_in_600115_col"] { display: block; width: 100%; } #stacks_in_600115 .s2c_stacks_in_600115_cw .s2c_stacks_in_600115_spacer { display: block; height: 12px; order: 2; } } /* End of Smart2columns2 stack */ #stacks_in_600131 { margin: 20px; padding: 20px; } #stacks_in_600137 { margin: 20px; padding: 20px; } /* Start Smart Image stack CSS code */ #stacks_in_600293{ text-align: center; } #stacks_in_600293 figure a img{ cursor: pointer !important; } .stacks_in_600293responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_600293responsive img, .stacks_in_600293warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_600293hiddenimage{ display: none; } .stacks_in_600293warehouseImage{ display: none; } /* End Smart Image stack CSS code *//* Smart2columns2 stack v2.4.2 */ #stacks_in_600141 .s2c_stacks_in_600141_cw { display: table; table-layout: fixed; width: 100%; } #stacks_in_600141 .s2c_stacks_in_600141_cw, #stacks_in_600141 .s2c_stacks_in_600141_cw * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_600141 .s2c_stacks_in_600141_cw [class^="s2c_stacks_in_600141_col"] { display: table-cell; overflow: hidden; background-clip: padding-box; } #stacks_in_600141 .s2c_stacks_in_600141_col1 { vertical-align: middle; border-radius: 0px; background: rgba(252, 69, 51, 1.00); } #stacks_in_600141 .s2c_stacks_in_600141_col2 { vertical-align: middle; border-radius: 0px; background: rgba(252, 133, 10, 1.00); } #stacks_in_600141 .s2c_stacks_in_600141_cw .s2c_stacks_in_600141_spacer { display: table-cell; width: 0%; } @media only screen and (max-width: 768px) { #stacks_in_600141 .s2c_stacks_in_600141_cw { display: block; table-layout: auto; } #stacks_in_600141 .s2c_stacks_in_600141_cw [class^="s2c_stacks_in_600141_col"] { display: block; width: 100%; } #stacks_in_600141 .s2c_stacks_in_600141_cw .s2c_stacks_in_600141_spacer { display: block; height: 12px; order: 2; } } /* End of Smart2columns2 stack */ #stacks_in_600144 { margin: 20px; padding: 20px; } #stacks_in_600228 { margin: 20px; padding: 20px; } /* Start Smart Image stack CSS code */ #stacks_in_600329{ text-align: center; } #stacks_in_600329 figure a img{ cursor: pointer !important; } .stacks_in_600329responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_600329responsive img, .stacks_in_600329warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_600329hiddenimage{ display: none; } .stacks_in_600329warehouseImage{ display: none; } /* End Smart Image stack CSS code *//* Smart2columns2 stack v2.4.2 */ #stacks_in_600148 .s2c_stacks_in_600148_cw { display: table; table-layout: fixed; width: 100%; } #stacks_in_600148 .s2c_stacks_in_600148_cw, #stacks_in_600148 .s2c_stacks_in_600148_cw * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_600148 .s2c_stacks_in_600148_cw [class^="s2c_stacks_in_600148_col"] { display: table-cell; overflow: hidden; background-clip: padding-box; } #stacks_in_600148 .s2c_stacks_in_600148_col1 { vertical-align: middle; border-radius: 0px; background: rgba(30, 128, 239, 1.00); } #stacks_in_600148 .s2c_stacks_in_600148_col2 { vertical-align: middle; border-radius: 0px; background: rgba(127, 0, 163, 1.00); } #stacks_in_600148 .s2c_stacks_in_600148_cw .s2c_stacks_in_600148_spacer { display: table-cell; width: 0%; } @media only screen and (max-width: 768px) { #stacks_in_600148 .s2c_stacks_in_600148_cw { display: block; table-layout: auto; } #stacks_in_600148 .s2c_stacks_in_600148_cw [class^="s2c_stacks_in_600148_col"] { display: block; width: 100%; } #stacks_in_600148 .s2c_stacks_in_600148_cw .s2c_stacks_in_600148_spacer { display: block; height: 12px; order: 2; } } /* End of Smart2columns2 stack */ #stacks_in_600151 { margin: 20px; padding: 20px; } #stacks_in_600158 { margin: 20px; padding: 20px; } /* Start Smart Image stack CSS code */ #stacks_in_600331{ text-align: center; } #stacks_in_600331 figure a img{ cursor: pointer !important; } .stacks_in_600331responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_600331responsive img, .stacks_in_600331warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_600331hiddenimage{ display: none; } .stacks_in_600331warehouseImage{ display: none; } /* End Smart Image stack CSS code *//* Smart2columns2 stack v2.4.2 */ #stacks_in_600162 .s2c_stacks_in_600162_cw { display: table; table-layout: fixed; width: 100%; } #stacks_in_600162 .s2c_stacks_in_600162_cw, #stacks_in_600162 .s2c_stacks_in_600162_cw * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_600162 .s2c_stacks_in_600162_cw [class^="s2c_stacks_in_600162_col"] { display: table-cell; overflow: hidden; background-clip: padding-box; } #stacks_in_600162 .s2c_stacks_in_600162_col1 { vertical-align: middle; border-radius: 0px; background: rgba(110, 175, 29, 1.00); } #stacks_in_600162 .s2c_stacks_in_600162_col2 { vertical-align: middle; border-radius: 0px; background: rgba(252, 133, 10, 1.00); } #stacks_in_600162 .s2c_stacks_in_600162_cw .s2c_stacks_in_600162_spacer { display: table-cell; width: 0%; } @media only screen and (max-width: 768px) { #stacks_in_600162 .s2c_stacks_in_600162_cw { display: block; table-layout: auto; } #stacks_in_600162 .s2c_stacks_in_600162_cw [class^="s2c_stacks_in_600162_col"] { display: block; width: 100%; } #stacks_in_600162 .s2c_stacks_in_600162_cw .s2c_stacks_in_600162_spacer { display: block; height: 12px; order: 2; } } /* End of Smart2columns2 stack */ #stacks_in_600165 { margin: 20px; padding: 20px; } #stacks_in_600172 { margin: 20px; padding: 20px; } /* Start Smart Image stack CSS code */ #stacks_in_600368{ text-align: center; } #stacks_in_600368 figure a img{ cursor: pointer !important; } .stacks_in_600368responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_600368responsive img, .stacks_in_600368warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_600368hiddenimage{ display: none; } .stacks_in_600368warehouseImage{ display: none; } /* End Smart Image stack CSS code *//* Smart2columns2 stack v2.4.2 */ #stacks_in_600176 .s2c_stacks_in_600176_cw { display: table; table-layout: fixed; width: 100%; } #stacks_in_600176 .s2c_stacks_in_600176_cw, #stacks_in_600176 .s2c_stacks_in_600176_cw * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_600176 .s2c_stacks_in_600176_cw [class^="s2c_stacks_in_600176_col"] { display: table-cell; overflow: hidden; background-clip: padding-box; } #stacks_in_600176 .s2c_stacks_in_600176_col1 { vertical-align: middle; border-radius: 0px; background: rgba(102, 102, 255, 1.00); } #stacks_in_600176 .s2c_stacks_in_600176_col2 { vertical-align: middle; border-radius: 0px; background: rgba(250, 57, 66, 1.00); } #stacks_in_600176 .s2c_stacks_in_600176_cw .s2c_stacks_in_600176_spacer { display: table-cell; width: 0%; } @media only screen and (max-width: 768px) { #stacks_in_600176 .s2c_stacks_in_600176_cw { display: block; table-layout: auto; } #stacks_in_600176 .s2c_stacks_in_600176_cw [class^="s2c_stacks_in_600176_col"] { display: block; width: 100%; } #stacks_in_600176 .s2c_stacks_in_600176_cw .s2c_stacks_in_600176_spacer { display: block; height: 12px; order: 2; } } /* End of Smart2columns2 stack */ #stacks_in_600179 { margin: 20px; padding: 20px; } #stacks_in_600186 { margin: 20px; padding: 20px; } /* Smart2columns2 stack v2.4.2 */ #stacks_in_600190 .s2c_stacks_in_600190_cw { display: table; table-layout: fixed; width: 100%; } #stacks_in_600190 .s2c_stacks_in_600190_cw, #stacks_in_600190 .s2c_stacks_in_600190_cw * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_600190 .s2c_stacks_in_600190_cw [class^="s2c_stacks_in_600190_col"] { display: table-cell; overflow: hidden; background-clip: padding-box; } #stacks_in_600190 .s2c_stacks_in_600190_col1 { vertical-align: middle; border-radius: 0px; background: rgba(253, 128, 8, 1.00); } #stacks_in_600190 .s2c_stacks_in_600190_col2 { vertical-align: middle; border-radius: 0px; background: rgba(254, 204, 102, 1.00); } #stacks_in_600190 .s2c_stacks_in_600190_cw .s2c_stacks_in_600190_spacer { display: table-cell; width: 0%; } @media only screen and (max-width: 768px) { #stacks_in_600190 .s2c_stacks_in_600190_cw { display: block; table-layout: auto; } #stacks_in_600190 .s2c_stacks_in_600190_cw [class^="s2c_stacks_in_600190_col"] { display: block; width: 100%; } #stacks_in_600190 .s2c_stacks_in_600190_cw .s2c_stacks_in_600190_spacer { display: block; height: 12px; order: 2; } } /* End of Smart2columns2 stack */ #stacks_in_600193 { margin: 20px; padding: 20px; } #stacks_in_600200 { margin: 20px; padding: 20px; } /* Start Smart Image stack CSS code */ #stacks_in_600333{ text-align: center; } #stacks_in_600333 figure a img{ cursor: pointer !important; } .stacks_in_600333responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_600333responsive img, .stacks_in_600333warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_600333hiddenimage{ display: none; } .stacks_in_600333warehouseImage{ display: none; } /* End Smart Image stack CSS code *//* Smart2columns2 stack v2.4.2 */ #stacks_in_600204 .s2c_stacks_in_600204_cw { display: table; table-layout: fixed; width: 100%; } #stacks_in_600204 .s2c_stacks_in_600204_cw, #stacks_in_600204 .s2c_stacks_in_600204_cw * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_600204 .s2c_stacks_in_600204_cw [class^="s2c_stacks_in_600204_col"] { display: table-cell; overflow: hidden; background-clip: padding-box; } #stacks_in_600204 .s2c_stacks_in_600204_col1 { vertical-align: middle; border-radius: 0px; background: rgba(102, 102, 255, 1.00); } #stacks_in_600204 .s2c_stacks_in_600204_col2 { vertical-align: middle; border-radius: 0px; background: rgba(251, 2, 7, 1.00); } #stacks_in_600204 .s2c_stacks_in_600204_cw .s2c_stacks_in_600204_spacer { display: table-cell; width: 0%; } @media only screen and (max-width: 768px) { #stacks_in_600204 .s2c_stacks_in_600204_cw { display: block; table-layout: auto; } #stacks_in_600204 .s2c_stacks_in_600204_cw [class^="s2c_stacks_in_600204_col"] { display: block; width: 100%; } #stacks_in_600204 .s2c_stacks_in_600204_cw .s2c_stacks_in_600204_spacer { display: block; height: 12px; order: 2; } } /* End of Smart2columns2 stack */ #stacks_in_600207 { margin: 20px; padding: 20px; } #stacks_in_600214 { margin: 20px; padding: 20px; } /* Start Smart Image stack CSS code */ #stacks_in_600349{ text-align: center; } #stacks_in_600349 figure a img{ cursor: pointer !important; } .stacks_in_600349responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_600349responsive img, .stacks_in_600349warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_600349hiddenimage{ display: none; } .stacks_in_600349warehouseImage{ display: none; } /* End Smart Image stack CSS code *//* Smart2columns2 stack v2.4.2 */ #stacks_in_600218 .s2c_stacks_in_600218_cw { display: table; table-layout: fixed; width: 100%; } #stacks_in_600218 .s2c_stacks_in_600218_cw, #stacks_in_600218 .s2c_stacks_in_600218_cw * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_600218 .s2c_stacks_in_600218_cw [class^="s2c_stacks_in_600218_col"] { display: table-cell; overflow: hidden; background-clip: padding-box; } #stacks_in_600218 .s2c_stacks_in_600218_col1 { vertical-align: middle; border-radius: 0px; background: rgba(110, 175, 29, 1.00); } #stacks_in_600218 .s2c_stacks_in_600218_col2 { vertical-align: middle; border-radius: 0px; background: rgba(252, 133, 10, 1.00); } #stacks_in_600218 .s2c_stacks_in_600218_cw .s2c_stacks_in_600218_spacer { display: table-cell; width: 0%; } @media only screen and (max-width: 768px) { #stacks_in_600218 .s2c_stacks_in_600218_cw { display: block; table-layout: auto; } #stacks_in_600218 .s2c_stacks_in_600218_cw [class^="s2c_stacks_in_600218_col"] { display: block; width: 100%; } #stacks_in_600218 .s2c_stacks_in_600218_cw .s2c_stacks_in_600218_spacer { display: block; height: 12px; order: 2; } } /* End of Smart2columns2 stack */ #stacks_in_600221 { margin: 20px; padding: 20px; } #stacks_in_600235 { margin: 20px; padding: 20px; } /* Start Smart Image stack CSS code */ #stacks_in_600347{ text-align: center; } #stacks_in_600347 figure a img{ cursor: pointer !important; } .stacks_in_600347responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_600347responsive img, .stacks_in_600347warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_600347hiddenimage{ display: none; } .stacks_in_600347warehouseImage{ display: none; } /* End Smart Image stack CSS code *//* Smart2columns2 stack v2.4.2 */ #stacks_in_600239 .s2c_stacks_in_600239_cw { display: table; table-layout: fixed; width: 100%; } #stacks_in_600239 .s2c_stacks_in_600239_cw, #stacks_in_600239 .s2c_stacks_in_600239_cw * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_600239 .s2c_stacks_in_600239_cw [class^="s2c_stacks_in_600239_col"] { display: table-cell; overflow: hidden; background-clip: padding-box; } #stacks_in_600239 .s2c_stacks_in_600239_col1 { vertical-align: middle; border-radius: 0px; background: rgba(64, 128, 2, 1.00); } #stacks_in_600239 .s2c_stacks_in_600239_col2 { vertical-align: middle; border-radius: 0px; background: rgba(136, 3, 161, 1.00); } #stacks_in_600239 .s2c_stacks_in_600239_cw .s2c_stacks_in_600239_spacer { display: table-cell; width: 0%; } @media only screen and (max-width: 768px) { #stacks_in_600239 .s2c_stacks_in_600239_cw { display: block; table-layout: auto; } #stacks_in_600239 .s2c_stacks_in_600239_cw [class^="s2c_stacks_in_600239_col"] { display: block; width: 100%; } #stacks_in_600239 .s2c_stacks_in_600239_cw .s2c_stacks_in_600239_spacer { display: block; height: 12px; order: 2; } } /* End of Smart2columns2 stack */ #stacks_in_600242 { margin: 20px; padding: 20px; } #stacks_in_600249 { margin: 20px; padding: 20px; } /* Start Smart Image stack CSS code */ #stacks_in_600366{ text-align: center; } #stacks_in_600366 figure a img{ cursor: pointer !important; } .stacks_in_600366responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_600366responsive img, .stacks_in_600366warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_600366hiddenimage{ display: none; } .stacks_in_600366warehouseImage{ display: none; } /* End Smart Image stack CSS code *//* Smart2columns2 stack v2.4.2 */ #stacks_in_600253 .s2c_stacks_in_600253_cw { display: table; table-layout: fixed; width: 100%; } #stacks_in_600253 .s2c_stacks_in_600253_cw, #stacks_in_600253 .s2c_stacks_in_600253_cw * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_600253 .s2c_stacks_in_600253_cw [class^="s2c_stacks_in_600253_col"] { display: table-cell; overflow: hidden; background-clip: padding-box; } #stacks_in_600253 .s2c_stacks_in_600253_col1 { vertical-align: middle; border-radius: 0px; background: rgba(208, 143, 59, 1.00); } #stacks_in_600253 .s2c_stacks_in_600253_col2 { vertical-align: middle; border-radius: 0px; background: rgba(252, 69, 51, 1.00); } #stacks_in_600253 .s2c_stacks_in_600253_cw .s2c_stacks_in_600253_spacer { display: table-cell; width: 0%; } @media only screen and (max-width: 768px) { #stacks_in_600253 .s2c_stacks_in_600253_cw { display: block; table-layout: auto; } #stacks_in_600253 .s2c_stacks_in_600253_cw [class^="s2c_stacks_in_600253_col"] { display: block; width: 100%; } #stacks_in_600253 .s2c_stacks_in_600253_cw .s2c_stacks_in_600253_spacer { display: block; height: 12px; order: 2; } } /* End of Smart2columns2 stack */ #stacks_in_600256 { margin: 20px; padding: 20px; } /* Start Smart Image stack CSS code */ #stacks_in_600337{ text-align: center; } #stacks_in_600337 figure a img{ cursor: pointer !important; } .stacks_in_600337responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_600337responsive img, .stacks_in_600337warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_600337hiddenimage{ display: none; } .stacks_in_600337warehouseImage{ display: none; } /* End Smart Image stack CSS code */ #stacks_in_600354 { margin: 20px; padding: 20px; } /* Start dooGrid stack each CSS code */ .stacks_in_601269gridWrapper > div{ display: inline-block !important; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; margin-top: 15px; padding-right: 7.500000px; padding-left: 7.500000px; } .stacks_in_601269gridWrapper{ margin-right: -7.500000px; margin-left: -7.500000px; margin-top: -15px; } @media all and (max-width: 1024px) { .stacks_in_601269gridWrapper > div{ width: 33.333333%; } } @media all and (max-width: 768px) { .stacks_in_601269gridWrapper > div{ width: 50%; } } @media all and (max-width: 480px) { .stacks_in_601269gridWrapper > div{ width: 100%; } } /* End dooGrid stack each CSS code */ #stacks_in_601269 { margin: 20px; } /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_600372 { margin: 20px; padding: 20px; } /* -- Start Tabloid Each css Template -- */ #stacks_in_600350, #stacks_in_600350 .stacks_in, #stacks_in_600350 .stacks_out { overflow: visible !important; } .stacks_in_600350tabloid { -webkit-columns: 300x; -moz-columns: 300px; columns: 300px; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; -webkit-column-rule: 1px solid rgba(255, 255, 255, 1.00); /* Chrome, Safari, Opera */ -moz-column-rule: 1px solid rgba(255, 255, 255, 1.00); /* Firefox */ column-rule: 1px solid rgba(255, 255, 255, 1.00); } /* -- End Tabloid Each css Template -- */ #stacks_in_600350 { margin: 20px; padding: 20px; } /* Start Responsive Shim stack CSS code */ .stacks_in_600067shim{ padding-top: 10%; } /* End Responsive Shim stack CSS code */ /* Start doobox Chauffeur css */ .stacks_in_600102wrapper{ width: 50px; margin: 0 auto; display : none; opacity:0.7; } .stacks_in_600102bulter{ cursor: pointer; border: 1px solid #1F1F1F; background: #333333; width: 50px; height: 50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #EEEEEE; text-align: center; line-height: 50px; margin: 5px; z-index: 1000001; background: #333333; } .stacks_in_600102bulter i { display: block; margin: 0 auto 0 auto; font-size: 20px; line-height: 48px; vertical-align: middle; } .stacks_in_600102bulter:hover{ color: #DADADA; background: #424242; /* Old browsers */ } /* end doobox Chauffeur css */ /* @group Page */ /* Stop the background page scrolling when the modal is open */ body.sociableOpen { overflow: hidden !important; } /* @end */ /* @group Share Button */ #socialPopupTriggerButtonstacks_in_600103 *, #socialPopupTriggerButtonstacks_in_600103 *::after, #socialPopupTriggerButtonstacks_in_600103 *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #socialPopupTriggerButtonstacks_in_600103 { position: fixed; top: 7.00%; right: 2.00%; cursor: pointer; z-index: 999; } #socialPopupTriggerButtonstacks_in_600103 { display: none; } #socialPopupTriggerButtonstacks_in_600103 a { background: none; border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; outline: none; } #socialPopupTriggerButtonstacks_in_600103 a:focus { outline: none; border: none; } #socialPopupTriggerButtonstacks_in_600103 #socialPopupTriggerButtonBorderstacks_in_600103 { 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_600103:hover #socialPopupTriggerButtonBorderstacks_in_600103 { border: 2px solid #999999; background: #000000; } #socialPopupTriggerButtonstacks_in_600103:hover #socialPopupTriggerButtonBorderstacks_in_600103 { padding-right: 15px; } #socialPopupTriggerButtonstacks_in_600103 #socialPopupTriggerButtonIconstacks_in_600103 [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_600103:hover #socialPopupTriggerButtonBorderstacks_in_600103 [class^="fa fa-"] { color: #FFFFFF; } #socialPopupTriggerButtonstacks_in_600103 #socialPopupTriggerButtonTextstacks_in_600103 { 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_600103:hover #socialPopupTriggerButtonTextstacks_in_600103 { 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_600103 { 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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-4 #socialPopupModalContentstacks_in_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 h3, .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_600103 { background: transparent; } .socialPopupModalShow.socialPopupModalEffect-12 #socialPopupModalContentstacks_in_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { -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_600103 { 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_600103 [class^="fa fa-"] { color: #FF0000; transition: all ease-in-out 300ms; } #sociableCloseButtonstacks_in_600103:hover, #sociableCloseButtonstacks_in_600103: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_600103 { -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_600103 { display: block; } .modalScrolled #radioactiveScrollIndicatorstacks_in_600103 { 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_600103, #socialPopupModalOverlaystacks_in_600103, #socialPopupTriggerButtonstacks_in_600103 { display: none !important; } } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */