/* -- Start The hipe titles Each css Template -- */ #stacks_in_3066 .clip, #stacks_in_3066 .clip_no { font-size: 115px !important; font-family: title_custom_font_selector !important; font-style: none !important; text-transform: uppercase !important; letter-spacing: 0px !important; word-spacing: -1px !important; line-height: 105px !important; filter: drop-shadow(-1px -1px 0px rgba(0, 0, 0, 0.25)) !important; font-family: 'Anton', sans-serif !important; } /* added style to P to fix issue in foundaiton 6 */ #stacks_in_3066 .clip p, #stacks_in_3066 .clip_no p { font-family: title_custom_font_selector !important; font-family: 'Anton', sans-serif !important; } /* prevent issue in Foundation theme and some stacks */ #stacks_in_3066 p { font-size: 115px !important; line-height: 105px !important;} #stacks_in_3066 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important;} #stacks_in_3066 .clip_no, #stacks_in_3066 .clip_no p { color: rgba(239, 239, 239, 1.00) !important; } #stacks_in_3066 .left-side-hide{ } #stacks_in_3066 .clip, #stacks_in_3066 .clip p { -moz-background-clip: text !important; -webkit-background-clip: text !important; color: transparent !important; background-position: left center !important; background-size: cover !important; } #stacks_in_3066 .clip p, #stacks_in_3066 .clip_no p { margin: 0 !important; padding-top: 290px !important; padding-left: 0px !important; padding-right: 0px !important; } #stacks_in_3066 .clip, #stacks_in_3066 .clip p, #stacks_in_3066 .clip_no, #stacks_in_3066 .clip_no p { text-align: center; /*text-align: leftFalseFalse !important;*/ text-align: left !important; } #stacks_in_3066 .clip, #stacks_in_3066 .box_left { background-position: left center !important; background-size: cover !important; } #stacks_in_3066 .viewport-animation-1, #stacks_in_3066 .viewport-animation-2, #stacks_in_3066 .viewport-animation-3, #stacks_in_3066 .viewport-animation-4 { display: !important; } #stacks_in_3066 .box_left, #stacks_in_3066 .clip { background-position: left center !important; background-size: cover !important; background-image: url(../files/clipping_text_image-3066.jpg) !important; } /* Hype elements with CUSTOM CSS */ #stacks_in_3066 .cursor_ew-resize_style, #stacks_in_3066 .cursor_ew-resize_style:hover { cursor:ew-resize !important; } #stacks_in_3066 .cursor_style_fix_col, #stacks_in_3066 .cursor_style_fix_col [class^="fa fa-"], #stacks_in_3066 .cursor_style_fix_col [class*="fa fa-"] { color: #9e9e9e !important; } #stacks_in_3066 .cursor_style_fix_col:hover, #stacks_in_3066 .cursor_style_fix_col [class^="fa fa-"]:hover, #stacks_in_3066 .cursor_style_fix_col [class*="fa fa-"]:hover { color: #f6f6f6 !important; } #stacks_in_3066 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } #stacks_in_3066 .move_slide_viewport_symbol { margin-top: -230px !important; } #stacks_in_3066 .move_hide_enlarge_viewport_symbol { margin-top: -350px !important; } /* Hype elements with CUSTOM CSS END * /* buttons states toolbar */ #stacks_in_3066 .button-stats:hover, .button-stats:hover {background-color: #262626 !important; } /* LINK AREA over the titles */ /* hype element */ #stacks_in_3066 .image_bg_hype { filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important; -webkit-filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important; opacity: 0.1 !important; background: url(../files/background_image_disk-3066.jpg) !important; background-size: cover !important; background-position: left center !important; } #stacks_in_3066 .image_bg_in_out { } #stacks_in_3066 .image_bg_overlay_hype { background-color: rgba(73, 105, 87, 0.50) !important; } #stacks_in_3066 .image_bg_overlay_hype { background-color: rgba(73, 105, 87, 0.50) !important; } #stacks_in_3066 .wrapper_link { display: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; width: 100%; height: 100%; } #stacks_in_3066 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; padding: 1px 0 0 !important; /* fix offset repeat in EX padding top */ } #stacks_in_3066 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; } /* @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: '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: '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/playfair/playfairdisplaysc-regular-webfont.eot'); src: url('../files/webfonts/playfair/playfairdisplaysc-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/playfair/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../files/webfonts/playfair/playfairdisplaysc-regular-webfont.woff') format('woff'), url('../files/webfonts/playfair/playfairdisplaysc-regular-webfont.ttf') format('truetype'), url('../files/webfonts/playfair/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 */ /* -------- DEMO simulator -------- */ /*.preview_only {display: block !important;} */ /* UI descript COMPACT */ #stacks_in_3066 .HYPE_document_xxx, #stacks_in_3066 .HYPE_document, #stacks_in_3066 .back_wrapper_8573, #stacks_in_3066 .wrapper_8573 { } /* __1A__ responsive - desktop and full width ____ */ #stacks_in_3066 .back_wrapper_8573, #stacks_in_3066 .wrapper_8573 { max-width: 1800px !important; height: 700px !important; } @media only screen and (min-width: 1480px) { #stacks_in_3066 .back_wrapper_8573, #stacks_in_3066 .wrapper_8573 { max-width: 1800px !important; height: 700px !important; } #stacks_in_3066 .brk_info:after { content: "WIDE \f108 + 4BP"; -webkit-animation: scale-css2 0.35s ease-in-out both !important; animation: scale-css2 0.35s ease-in-out both !important; } } @media only screen and (max-width: 1480px ) { #stacks_in_3066 .back_wrapper_8573, #stacks_in_3066 .wrapper_8573 { height: 520px !important; } #stacks_in_3066 .brk_info:after { content: "1 \f109"; -webkit-animation: scale-css 0.35s ease-in-out both !important; animation: scale-css 0.35s ease-in-out both !important; } } /* ___2B____ */ @media only screen and (max-width: 1140px ) { #stacks_in_3066 .back_wrapper_8573, #stacks_in_3066 .wrapper_8573 { height: 380px !important; } #stacks_in_3066 .brk_info:after { content: "2 \f2d0"; -webkit-animation: scale-css2 0.35s ease-in-out both !important; animation: scale-css2 0.35s ease-in-out both !important; } } /* ___3C____ */ @media only screen and (max-width: 750px ) { #stacks_in_3066 .back_wrapper_8573, #stacks_in_3066 .wrapper_8573 { height: 270px !important; } #stacks_in_3066 .brk_info:after { content: "3 \f10a"; -webkit-animation: scale-css 0.35s ease-in-out both !important; animation: scale-css 0.35s ease-in-out both !important; } } /* ___4D____ */ @media only screen and (max-width: 470px ) { #stacks_in_3066 .back_wrapper_8573, #stacks_in_3066 .wrapper_8573 { height: 180px !important; } #stacks_in_3066 .brk_info:after { content: "4 \f10b"; -webkit-animation: scale-css2 0.35s ease-in-out both !important; animation: scale-css2 0.35s ease-in-out both !important; } } /* XXXXXXXXXXXXXXXXXXXX DEMO AREA - CSS STYLES XXXXXXXXXXXXXXXXXXXXX */ /* -- End EACH CSS Template -- */ .spacerStack { height: 30.00px; } #spacerStackstacks_in_3439 { height: 30.00px; } @media print { #spacerStackstacks_in_3439 { display: none !important; } } #stacks_in_3052>.s3_row { margin: 0 -25px; } #stacks_in_3052>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_3052>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_3052>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_3052>.s3_row>.s3_column { padding: 0 25px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_3052>.s3_row { margin: -25px 0; } #stacks_in_3052>.s3_row>.s3_column { padding: 25px 0; width:100%; } } /* -- EACH CSS Template -- */ /* ---- edit END -- */ /* ------- global ------ */ #stacks_in_3054 *{ box-sizing: border-box !important; } /* ------- perspective setting ------ */ #stacks_in_3054 .perspective-1-up .HYPE_element_container, #stacks_in_3054 .perspective-1-down .HYPE_element_container, #stacks_in_3054 .perspective-2-left .HYPE_element_container, #stacks_in_3054 .perspective-2-right .HYPE_element_container, #stacks_in_3054 .perspective-3-left .HYPE_element_container, #stacks_in_3054 .perspective-3-right .HYPE_element_container, /*#stacks_in_3054 .perspective-6-left .HYPE_element_container, #stacks_in_3054 .perspective-6-right .HYPE_element_container, #stacks_in_3054 .perspective-7-left .HYPE_element_container, #stacks_in_3054 .perspective-7-right .HYPE_element_container,*/ #stacks_in_3054 .perspective-1 .HYPE_element_container { -webkit-perspective: 2000px !important; -moz-perspective: 2000px !important; perspective: 2000px !important; perspective-origin: 50% 50% !important;} /* ------- box ------ */ /* scene 1 - horiz solid */ #stacks_in_3054 .perspective-1-down { display: block !important; } #stacks_in_3054 .perspective-1-up { display: none !important; } /* scene 2 - verical solid */ #stacks_in_3054 .perspective-2-right { } #stacks_in_3054 .perspective-2-left { } /* scene 3 - fluid cube max 800 */ #stacks_in_3054 .perspective-3-right { display: block !important; } #stacks_in_3054 .perspective-3-left { display: none !important; } /* scene 4 - fluid box max 800 */ #stacks_in_3054 .perspective-4-right { } #stacks_in_3054 .perspective-4-left { } /* scene 5 - fluid box max 800 */ #stacks_in_3054 .perspective-5-right { } #stacks_in_3054 .perspective-5-left { } /* scene 6 - fluid box max 1000 */ #stacks_in_3054 .perspective-6-right { } #stacks_in_3054 .perspective-6-left { } /* scene 7 - fluid box max 1000 */ #stacks_in_3054 .perspective-7-right { } #stacks_in_3054 .perspective-7-left { } #stacks_in_3054 .anim-wrapper, stacks_in_3054_default5_hype_container { margin:auto;position:relative; overflow: auto; width: auto; max-width: 500px; min-height: 500px; max-height: 1000px; } /* scene 3 BP */ @media (max-width: 1200px) { #stacks_in_3054 .anim-wrapper, stacks_in_3054_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_3054 .anim-wrapper, stacks_in_3054_default5_hype_container { } } /* scene 4 BP */ @media (max-width: 800px) { #stacks_in_3054 .anim-wrapper, stacks_in_3054_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_3054 .anim-wrapper, stacks_in_3054_default5_hype_container { } } /* scene 5 BP */ @media (max-width: 800px) { #stacks_in_3054 .anim-wrapper, stacks_in_3054_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_3054 .anim-wrapper, stacks_in_3054_default5_hype_container { } } /* scene 6 BP new */ @media (max-width: 800px) { #stacks_in_3054 .anim-wrapper, stacks_in_3054_default5_hype_container { max-width: 350px; min-height: 350px; } } @media (max-width: 600px) { #stacks_in_3054 .anim-wrapper, stacks_in_3054_default5_hype_container { max-width: 320px; min-height: 320px; } } /* scene 7 BP new */ @media (max-width: 800px) { #stacks_in_3054 .anim-wrapper, stacks_in_3054_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_3054 .anim-wrapper, stacks_in_3054_default5_hype_container { } } stacks_in_3054_default5_hype_container, #stacks_in_3054 .HYPE_document, #stacks_in_3054 .anim-wrapper, .HYPE_element_container { } /* ------------ required for Chrome ----------- */ #stacks_in_3054 .text-front, #stacks_in_3054 .text-bottom { -webkit-backface-visibility: hidden !important; -webkit-font-smoothing: antialiased !important; color: rgba(202, 202, 202, 1.00) !important; } #stacks_in_3054 .text-front { } /* ------------ required for Chrome ----------- */ #stacks_in_3054 .text-bottom { color: rgba(202, 202, 202, 1.00) !important; } /* ------------ link on hover -------------- */ /* ------------ img 1 -------------- */ #stacks_in_3054 .surface-1, #stacks_in_3054 .surface-2 { background-size: cover !important; background-image: none !important; } #stacks_in_3054 .surface-1 { background-blend-mode: ; } /* ------------ img 2 -------------- */ #stacks_in_3054 .surface-2 { background-size: cover !important; background-image: url(../files/2_image-3054.jpg) !important; background-position: 50% 40% !important; background-color: #A48D3E !important; background-blend-mode: !important; } #stacks_in_3054 .surface-1, #stacks_in_3054 .surface-2 { background-position: 50% 40% !important; background-color: #A48D3E !important; } #stacks_in_3054 .hype-solid-border { } /* ------------ gradient colous -------------- */ #stacks_in_3054 .share-gradient { background: linear-gradient(90deg, rgba(255, 216, 36, 0.00) 88%, rgba(164, 141, 62, 0.80) 88%) !important; } #stacks_in_3054 .share-gradient-2 { } /* waipoint trigger */ #stacks_in_3054 .hype-element-trigger { opacity: 0.7; margin-top: 53% !important; } #stacks_in_3054 .hype-hover-repeat-off { } #stacks_in_3054 .text-front, #stacks_in_3054 .text-front p, #stacks_in_3054 .text-bottom, #stacks_in_3054 .text-bottom p { text-align: center !important; } /* text */ #stacks_in_3054 .text-front, #stacks_in_3054 .text-bottom { font-size: 88px !important; font-style: none !important; text-transform: uppercase !important; text-decoration: None; letter-spacing: 10px !important; line-height: 83px !important; font-family: "title_custom_font_selector", serif !important; margin-top: -40px; margin-left: 320px; font-family: 'Raleway', serif !important; font-weight: 400 !important; } /* custom AW icon */ #stacks_in_3054 .icon-aw, #stacks_in_3054 .icon-aw [class*="fa fa-"], #stacks_in_3054 .icon-aw [class^="fa fa-"]{ font-size: 164px !important; color: rgba(74, 69, 79, 0.50) !important; } /* custom PNG --- code ---- */ #stacks_in_3054 .icon-svg, #stacks_in_3054 .icon-svg-1 { background-position: center center !important; background-repeat: no-repeat; background-size: contain; transform-origin: center center !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; } #stacks_in_3054 .icon-svg { width: 120px !important; height: auto !important; } #stacks_in_3054 .icon-svg-1 { width: 120px !important; height: 120px !important; } /* --- code ---- */ #stacks_in_3054 .text-front, #stacks_in_3054 .text-bottom { /* shadow set */ text-shadow: 0 3px 5px rgba(0, 0, 0, 0.35) !important; } /* link managed in Hype */ #stacks_in_3054 .hype-link-simple-group, #stacks_in_3054 .hype-link-simple, #stacks_in_3054 .hype-link-simple-blank { } #stacks_in_3054 .hype-link-hover-group, #stacks_in_3054 .hype-link-hover, #stacks_in_3054 .hype-link-hover-blank { display: block !important; } /* link hover */ #stacks_in_3054 .hype-link-simple, #stacks_in_3054 .hype-link-hover { } /* hype drag icons selectors */ #stacks_in_3054 .hype-drag-rotate { display: block !important; display: block !important; } #stacks_in_3054 .hype-drag-rotate-slide { } @media only screen and (max-width: 600px) { #stacks_in_3054 .text-front, #stacks_in_3054 .text-bottom { } } /* -- End EACH CSS Template end -- */ #stacks_in_3070 { padding: 10px; } #stacks_in_3067 { border: solid rgba(77, 77, 77, 1.00); border-width: 3px 3px 0px 0px; padding: 5px; } /* -- EACH CSS Template -- */ /* ---- edit END -- */ /* ------- global ------ */ #stacks_in_3056 *{ box-sizing: border-box !important; } /* ------- perspective setting ------ */ #stacks_in_3056 .perspective-1-up .HYPE_element_container, #stacks_in_3056 .perspective-1-down .HYPE_element_container, #stacks_in_3056 .perspective-2-left .HYPE_element_container, #stacks_in_3056 .perspective-2-right .HYPE_element_container, #stacks_in_3056 .perspective-3-left .HYPE_element_container, #stacks_in_3056 .perspective-3-right .HYPE_element_container, /*#stacks_in_3056 .perspective-6-left .HYPE_element_container, #stacks_in_3056 .perspective-6-right .HYPE_element_container, #stacks_in_3056 .perspective-7-left .HYPE_element_container, #stacks_in_3056 .perspective-7-right .HYPE_element_container,*/ #stacks_in_3056 .perspective-1 .HYPE_element_container { -webkit-perspective: 2000px !important; -moz-perspective: 2000px !important; perspective: 2000px !important; perspective-origin: 50% 50% !important;} /* ------- box ------ */ /* scene 1 - horiz solid */ #stacks_in_3056 .perspective-1-down { display: block !important; } #stacks_in_3056 .perspective-1-up { display: none !important; } /* scene 2 - verical solid */ #stacks_in_3056 .perspective-2-right { } #stacks_in_3056 .perspective-2-left { } /* scene 3 - fluid cube max 800 */ #stacks_in_3056 .perspective-3-right { } #stacks_in_3056 .perspective-3-left { } /* scene 4 - fluid box max 800 */ #stacks_in_3056 .perspective-4-right { } #stacks_in_3056 .perspective-4-left { } /* scene 5 - fluid box max 800 */ #stacks_in_3056 .perspective-5-right { } #stacks_in_3056 .perspective-5-left { } /* scene 6 - fluid box max 1000 */ #stacks_in_3056 .perspective-6-right { } #stacks_in_3056 .perspective-6-left { } /* scene 7 - fluid box max 1000 */ #stacks_in_3056 .perspective-7-right { } #stacks_in_3056 .perspective-7-left { } #stacks_in_3056 .anim-wrapper, stacks_in_3056_default5_hype_container { margin:auto;position:relative; overflow: auto; width: auto; max-width: 500px; min-height: 500px; max-height: 1000px; } /* scene 3 BP */ @media (max-width: 1200px) { #stacks_in_3056 .anim-wrapper, stacks_in_3056_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_3056 .anim-wrapper, stacks_in_3056_default5_hype_container { } } /* scene 4 BP */ @media (max-width: 800px) { #stacks_in_3056 .anim-wrapper, stacks_in_3056_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_3056 .anim-wrapper, stacks_in_3056_default5_hype_container { } } /* scene 5 BP */ @media (max-width: 800px) { #stacks_in_3056 .anim-wrapper, stacks_in_3056_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_3056 .anim-wrapper, stacks_in_3056_default5_hype_container { } } /* scene 6 BP new */ @media (max-width: 800px) { #stacks_in_3056 .anim-wrapper, stacks_in_3056_default5_hype_container { max-width: 350px; min-height: 350px; } } @media (max-width: 600px) { #stacks_in_3056 .anim-wrapper, stacks_in_3056_default5_hype_container { max-width: 320px; min-height: 320px; } } /* scene 7 BP new */ @media (max-width: 800px) { #stacks_in_3056 .anim-wrapper, stacks_in_3056_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_3056 .anim-wrapper, stacks_in_3056_default5_hype_container { } } stacks_in_3056_default5_hype_container, #stacks_in_3056 .HYPE_document, #stacks_in_3056 .anim-wrapper, .HYPE_element_container { } /* ------------ required for Chrome ----------- */ #stacks_in_3056 .text-front, #stacks_in_3056 .text-bottom { -webkit-backface-visibility: hidden !important; -webkit-font-smoothing: antialiased !important; color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_3056 .text-front { } /* ------------ required for Chrome ----------- */ #stacks_in_3056 .text-bottom { color: rgba(255, 255, 255, 1.00) !important; } /* ------------ link on hover -------------- */ /* ------------ img 1 -------------- */ #stacks_in_3056 .surface-1, #stacks_in_3056 .surface-2 { background-size: cover !important; background-image: none !important; } #stacks_in_3056 .surface-1 { background-blend-mode: ; } /* ------------ img 2 -------------- */ #stacks_in_3056 .surface-2 { background-size: cover !important; background-image: url(../files/2_image-3056.jpg) !important; background-position: 55% 79% !important; background-color: #C9D0E0 !important; background-blend-mode: !important; } #stacks_in_3056 .surface-1, #stacks_in_3056 .surface-2 { background-position: 55% 79% !important; background-color: #C9D0E0 !important; } #stacks_in_3056 .hype-solid-border { } /* ------------ gradient colous -------------- */ #stacks_in_3056 .share-gradient { background: linear-gradient(5deg, rgba(0, 0, 0, 0.00) 70%, rgba(66, 98, 117, 0.78) 70%) !important; } #stacks_in_3056 .share-gradient-2 { background: linear-gradient(5deg, rgba(66, 98, 117, 0.78) 25%, rgba(255, 255, 255, 0.00) 25%) !important; } /* waipoint trigger */ #stacks_in_3056 .hype-element-trigger { opacity: 0.7; margin-top: 45% !important; } #stacks_in_3056 .hype-hover-repeat-off { } #stacks_in_3056 .text-front, #stacks_in_3056 .text-front p, #stacks_in_3056 .text-bottom, #stacks_in_3056 .text-bottom p { text-align: center !important; } /* text */ #stacks_in_3056 .text-front, #stacks_in_3056 .text-bottom { font-size: 81px !important; font-style: none !important; text-transform: none !important; text-decoration: None; letter-spacing: 50px !important; line-height: 100px !important; font-family: "title_custom_font_selector", sans-serif !important; margin-top: -373px; margin-left: 22px; font-family: 'Montserrat', sans-serif !important; font-weight: 400 !important; } /* custom AW icon */ #stacks_in_3056 .icon-aw, #stacks_in_3056 .icon-aw [class*="fa fa-"], #stacks_in_3056 .icon-aw [class^="fa fa-"]{ font-size: 153px !important; color: rgba(205, 199, 172, 1.00) !important; } /* custom PNG --- code ---- */ #stacks_in_3056 .icon-svg, #stacks_in_3056 .icon-svg-1 { background-position: center center !important; background-repeat: no-repeat; background-size: contain; transform-origin: center center !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; } #stacks_in_3056 .icon-svg { width: 423px !important; height: auto !important; } #stacks_in_3056 .icon-svg-1 { width: 423px !important; height: 423px !important; } /* --- code ---- */ #stacks_in_3056 .text-front, #stacks_in_3056 .text-bottom { /* shadow set */ text-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) !important; } /* link managed in Hype */ #stacks_in_3056 .hype-link-simple-group, #stacks_in_3056 .hype-link-simple, #stacks_in_3056 .hype-link-simple-blank { } #stacks_in_3056 .hype-link-hover-group, #stacks_in_3056 .hype-link-hover, #stacks_in_3056 .hype-link-hover-blank { display: block !important; } /* link hover */ #stacks_in_3056 .hype-link-simple, #stacks_in_3056 .hype-link-hover { } /* hype drag icons selectors */ #stacks_in_3056 .hype-drag-rotate { display: block !important; display: block !important; } #stacks_in_3056 .hype-drag-rotate-slide { } @media only screen and (max-width: 600px) { #stacks_in_3056 .text-front, #stacks_in_3056 .text-bottom { } } /* -- End EACH CSS Template end -- */ #stacks_in_3072 { padding: 10px; } #stacks_in_3075 { border: solid rgba(77, 77, 77, 1.00); border-width: 3px 0px 3px 0px; padding: 5px; } /* -- EACH CSS Template -- */ /* ---- edit END -- */ /* ------- global ------ */ #stacks_in_3058 *{ box-sizing: border-box !important; } /* ------- perspective setting ------ */ #stacks_in_3058 .perspective-1-up .HYPE_element_container, #stacks_in_3058 .perspective-1-down .HYPE_element_container, #stacks_in_3058 .perspective-2-left .HYPE_element_container, #stacks_in_3058 .perspective-2-right .HYPE_element_container, #stacks_in_3058 .perspective-3-left .HYPE_element_container, #stacks_in_3058 .perspective-3-right .HYPE_element_container, /*#stacks_in_3058 .perspective-6-left .HYPE_element_container, #stacks_in_3058 .perspective-6-right .HYPE_element_container, #stacks_in_3058 .perspective-7-left .HYPE_element_container, #stacks_in_3058 .perspective-7-right .HYPE_element_container,*/ #stacks_in_3058 .perspective-1 .HYPE_element_container { -webkit-perspective: 2000px !important; -moz-perspective: 2000px !important; perspective: 2000px !important; perspective-origin: 50% 50% !important;} /* ------- box ------ */ /* scene 1 - horiz solid */ #stacks_in_3058 .perspective-1-down { display: block !important; } #stacks_in_3058 .perspective-1-up { display: none !important; } /* scene 2 - verical solid */ #stacks_in_3058 .perspective-2-right { } #stacks_in_3058 .perspective-2-left { } /* scene 3 - fluid cube max 800 */ #stacks_in_3058 .perspective-3-right { } #stacks_in_3058 .perspective-3-left { } /* scene 4 - fluid box max 800 */ #stacks_in_3058 .perspective-4-right { } #stacks_in_3058 .perspective-4-left { } /* scene 5 - fluid box max 800 */ #stacks_in_3058 .perspective-5-right { } #stacks_in_3058 .perspective-5-left { } /* scene 6 - fluid box max 1000 */ #stacks_in_3058 .perspective-6-right { } #stacks_in_3058 .perspective-6-left { } /* scene 7 - fluid box max 1000 */ #stacks_in_3058 .perspective-7-right { } #stacks_in_3058 .perspective-7-left { } #stacks_in_3058 .anim-wrapper, stacks_in_3058_default5_hype_container { margin:auto;position:relative; overflow: auto; width: auto; max-width: 500px; min-height: 500px; max-height: 1000px; } /* scene 3 BP */ @media (max-width: 1200px) { #stacks_in_3058 .anim-wrapper, stacks_in_3058_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_3058 .anim-wrapper, stacks_in_3058_default5_hype_container { } } /* scene 4 BP */ @media (max-width: 800px) { #stacks_in_3058 .anim-wrapper, stacks_in_3058_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_3058 .anim-wrapper, stacks_in_3058_default5_hype_container { } } /* scene 5 BP */ @media (max-width: 800px) { #stacks_in_3058 .anim-wrapper, stacks_in_3058_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_3058 .anim-wrapper, stacks_in_3058_default5_hype_container { } } /* scene 6 BP new */ @media (max-width: 800px) { #stacks_in_3058 .anim-wrapper, stacks_in_3058_default5_hype_container { max-width: 350px; min-height: 350px; } } @media (max-width: 600px) { #stacks_in_3058 .anim-wrapper, stacks_in_3058_default5_hype_container { max-width: 320px; min-height: 320px; } } /* scene 7 BP new */ @media (max-width: 800px) { #stacks_in_3058 .anim-wrapper, stacks_in_3058_default5_hype_container { } } @media (max-width: 600px) { #stacks_in_3058 .anim-wrapper, stacks_in_3058_default5_hype_container { } } stacks_in_3058_default5_hype_container, #stacks_in_3058 .HYPE_document, #stacks_in_3058 .anim-wrapper, .HYPE_element_container { } /* ------------ required for Chrome ----------- */ #stacks_in_3058 .text-front, #stacks_in_3058 .text-bottom { -webkit-backface-visibility: hidden !important; -webkit-font-smoothing: antialiased !important; color: rgba(255, 255, 255, 0.68) !important; } #stacks_in_3058 .text-front { } /* ------------ required for Chrome ----------- */ #stacks_in_3058 .text-bottom { color: rgba(255, 255, 255, 1.00) !important; } /* ------------ link on hover -------------- */ /* ------------ img 1 -------------- */ #stacks_in_3058 .surface-1, #stacks_in_3058 .surface-2 { background-size: cover !important; background-image: none !important; } #stacks_in_3058 .surface-1 { background-blend-mode: ; } /* ------------ img 2 -------------- */ #stacks_in_3058 .surface-2 { background-size: cover !important; background-image: url(../files/2_image-3058.jpg) !important; background-position: 50% 50% !important; background-color: #CB0001 !important; background-blend-mode: !important; } #stacks_in_3058 .surface-1, #stacks_in_3058 .surface-2 { background-position: 50% 50% !important; background-color: #CB0001 !important; } #stacks_in_3058 .hype-solid-border { } /* ------------ gradient colous -------------- */ #stacks_in_3058 .share-gradient { background: linear-gradient(0deg, rgba(203, 0, 1, 0.00) 70%, rgba(113, 193, 202, 0.50) 90%) !important; } #stacks_in_3058 .share-gradient-2 { background: linear-gradient(0deg, rgba(128, 128, 4, 0.83) 12%, rgba(203, 0, 1, 0.00) 58%) !important; } /* waipoint trigger */ #stacks_in_3058 .hype-element-trigger { opacity: 0.7; margin-top: 35% !important; } #stacks_in_3058 .hype-hover-repeat-off { } #stacks_in_3058 .text-front, #stacks_in_3058 .text-front p, #stacks_in_3058 .text-bottom, #stacks_in_3058 .text-bottom p { text-align: center !important; } /* text */ #stacks_in_3058 .text-front, #stacks_in_3058 .text-bottom { font-size: 160px !important; font-style: none !important; text-transform: none !important; text-decoration: underline; letter-spacing: 14px !important; line-height: 15px !important; font-family: "title_custom_font_selector", sans-serif !important; margin-top: -152px; margin-left: 0px; font-family: 'Anton', sans-serif !important; font-weight: 400 !important; } /* custom AW icon */ #stacks_in_3058 .icon-aw, #stacks_in_3058 .icon-aw [class*="fa fa-"], #stacks_in_3058 .icon-aw [class^="fa fa-"]{ font-size: 153px !important; color: rgba(205, 199, 172, 1.00) !important; } /* custom PNG --- code ---- */ #stacks_in_3058 .icon-svg, #stacks_in_3058 .icon-svg-1 { background-position: center center !important; background-repeat: no-repeat; background-size: contain; transform-origin: center center !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; } #stacks_in_3058 .icon-svg { width: 227px !important; height: auto !important; } #stacks_in_3058 .icon-svg-1 { width: 227px !important; height: 227px !important; } /* --- code ---- */ #stacks_in_3058 .text-front, #stacks_in_3058 .text-bottom { /* shadow set */ text-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) !important; } /* link managed in Hype */ #stacks_in_3058 .hype-link-simple-group, #stacks_in_3058 .hype-link-simple, #stacks_in_3058 .hype-link-simple-blank { } #stacks_in_3058 .hype-link-hover-group, #stacks_in_3058 .hype-link-hover, #stacks_in_3058 .hype-link-hover-blank { display: block !important; } /* link hover */ #stacks_in_3058 .hype-link-simple, #stacks_in_3058 .hype-link-hover { } /* hype drag icons selectors */ #stacks_in_3058 .hype-drag-rotate { display: block !important; display: block !important; } #stacks_in_3058 .hype-drag-rotate-slide { } @media only screen and (max-width: 600px) { #stacks_in_3058 .text-front, #stacks_in_3058 .text-bottom { } } /* -- End EACH CSS Template end -- */ #stacks_in_3077 { padding: 10px; } #stacks_in_3079 { border: solid rgba(77, 77, 77, 1.00); border-width: 0px 0px 3px 3px; padding: 5px; } .spacerStack { height: 30.00px; } #spacerStackstacks_in_3393 { height: 30.00px; } @media print { #spacerStackstacks_in_3393 { display: none !important; } } #stacks_in_3083 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_3083 .pullquote:before, #stacks_in_3083 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_3083 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_3083 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_3083 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_3083 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } .spacerStack { height: 30.00px; } #spacerStackstacks_in_3394 { height: 30.00px; } @media print { #spacerStackstacks_in_3394 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_3399 { height: 30.00px; } @media print { #spacerStackstacks_in_3399 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_3398 { height: 30.00px; } @media print { #spacerStackstacks_in_3398 { display: none !important; } } #stacks_in_3237>.s3_row { margin: 0 -0px; } #stacks_in_3237>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3130 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3130:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3169 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3169:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3361 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3361:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3181 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3181:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3177 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3177:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3367 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3367:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3314 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3314:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3310 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3310:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3343 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3343:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3189 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3189:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3304 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3304:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3193 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3193:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3133 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3133:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3161 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3161:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3355 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3355:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3137 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3137:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3141 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3141:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3328 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3328:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3173 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3173:hover { opacity: 0.75; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_3185 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_3185:hover { opacity: 0.75; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_3423 { height: 40.00px; } @media print { #spacerStackstacks_in_3423 { display: none !important; } } #stacks_in_3402 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 20px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_3406 { height: 40.00px; } @media print { #spacerStackstacks_in_3406 { display: none !important; } } #stacks_in_3407>.s3_row { margin: 0 -10px; } #stacks_in_3407>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_3407>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_3407>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_3407>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_3407>.s3_row { margin: -10px 0; } #stacks_in_3407>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_3407 { background-color: rgba(230, 230, 230, 1.00); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 20px; } #stacks_in_3413 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px; } #stacks_in_3416 { padding: 10px; } #stacks_in_3418 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px; } #stacks_in_3421 { padding: 10px; } #stacks_in_3408 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px; } #stacks_in_3411 { padding: 10px; } #stacks_in_3391 { padding: 9px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_3390 { height: 40.00px; } @media print { #spacerStackstacks_in_3390 { display: none !important; } } #stacks_in_3442>.s3_row { margin: 0 -10px; } #stacks_in_3442>.s3_row>.s3_column_left { width: 30.00%; } #stacks_in_3442>.s3_row>.s3_column_right { width: 70.000000%; } #stacks_in_3442>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_3379_button { display:block; position: relative; text-align: center; } #stacks_in_3379 a:link, #stacks_in_3379 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_3379 a:hover, #stacks_in_3379 a:active { color:#FFFFFF; } #stacks_in_3379 a:link, #stacks_in_3379 a:visited { background-color:#E3B584; background: -webkit-gradient(linear, left top, left bottom, from(#E3B584), to(#886C4F)); border:1px solid #886C4F; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_3379 a:hover { background-color:#F5C38F; background: -webkit-gradient(linear, left top, left bottom, from(#F5C38F), to(#765E44)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_3379 a:active { background-color:#E3B584; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; }