/* -- Start The hipe titles Each css Template -- */ #stacks_in_166 .clip, #stacks_in_166 .clip_no { font-size: 125px !important; font-family: title_custom_font_selector !important; font-style: none !important; text-transform: none !important; letter-spacing: 0px !important; word-spacing: 0px !important; line-height: 115px !important; filter: drop-shadow(2px 2px 0px rgba(240, 241, 226, 1.00)) !important; font-family: 'Bungee', sans-serif !important; %%[[if edit]]%% } /* added style to P to fix issue in foundaiton */ #stacks_in_166 .clip p, #stacks_in_166 .clip_no p { %%[[if !edit]]%% font-family: title_custom_font_selector !important; font-family: 'Bungee', sans-serif !important; %%[[if edit]]%% } /* prevent issue in Foundation theme and some stacks */ #stacks_in_166 p { font-size: 125px !important; line-height: 115px !important;} #stacks_in_166 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important;} #stacks_in_166 .clip_no, #stacks_in_166 .clip_no p { color: rgba(239, 239, 239, 1.00) !important; } #stacks_in_166 .left-side-hide { } #stacks_in_166 .clip, #stacks_in_166 .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_166 .clip p, #stacks_in_166 .clip_no p { margin: 0 !important; padding-top: 445px !important; padding-left: 0px !important; padding-right: 0px !important; } #stacks_in_166 .clip, #stacks_in_166 .clip p, #stacks_in_166 .clip_no, #stacks_in_166 .clip_no p { text-align: center; text-align: center !important; } #stacks_in_166 .clip, #stacks_in_166 .box_left { background-position: left center !important; background-size: cover !important; } #stacks_in_166 .viewport-animation-1, #stacks_in_166 .viewport-animation-2, #stacks_in_166 .viewport-animation-3, #stacks_in_166 .viewport-animation-4 { display: !important; } #stacks_in_166 .box_left, #stacks_in_166 .clip { background-position: left center !important; background-size: cover !important; background-image: url(../files/clipping_text_image-166.jpg) !important; } /* Hype CSS */ #stacks_in_166 .cursor_ew-resize_style, #stacks_in_166 .cursor_ew-resize_style:hover { cursor:ew-resize !important; } #stacks_in_166 .cursor_style_fix_col, #stacks_in_166 .cursor_style_fix_col [class^="fa fa-"], #stacks_in_166 .cursor_style_fix_col [class*="fa fa-"] { color: #9e9e9e !important; } #stacks_in_166 .cursor_style_fix_col:hover, #stacks_in_166 .cursor_style_fix_col [class^="fa fa-"]:hover, #stacks_in_166 .cursor_style_fix_col [class*="fa fa-"]:hover { color: #f6f6f6 !important; } #stacks_in_166 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } #stacks_in_166 .move_slide_viewport_symbol { } #stacks_in_166 .move_hide_enlarge_viewport_symbol { margin-top: 0px !important; } #stacks_in_166 .button-stats:hover, .button-stats:hover {background-color: #262626 !important; } /* hype element */ #stacks_in_166 .image_bg_hype { %%[[if !edit]]%% 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-166.jpg) !important; background-size: cover !important; background-position: left center !important; %%[[if edit]]%% } #stacks_in_166 .image_bg_in_out { } #stacks_in_166 .image_bg_overlay_hype { background-color: rgba(255, 146, 169, 1.00) !important; } #stacks_in_166 .image_bg_overlay_hype { background-color: rgba(255, 146, 169, 1.00) !important; } #stacks_in_166 .wrapper_link {display: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; width: 100%; height: 100%; %%[[if edit]]%% display:none; } #stacks_in_166 .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_166 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; } /* @group Built-in Webfonts */ @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; } @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 */ /* ex preview */ /* DEMO simulator */ /* UI descript COMPACT */ #stacks_in_166 .HYPE_document, #stacks_in_166 .back_wrapper_8573, #stacks_in_166 .wrapper_8573 { } /* 1A responsive - desktop and full width ____ */ #stacks_in_166 .back_wrapper_8573, #stacks_in_166 .wrapper_8573 { max-width: 1800px !important; height: 550px !important; } @media only screen and (min-width: 1400px) { #stacks_in_166 .back_wrapper_8573, #stacks_in_166 .wrapper_8573 { max-width: 1800px !important; height: 550px !important; } #stacks_in_166 .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: 1400px ) { #stacks_in_166 .back_wrapper_8573, #stacks_in_166 .wrapper_8573 { height: 450px !important; } #stacks_in_166 .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: 1000px ) { #stacks_in_166 .back_wrapper_8573, #stacks_in_166 .wrapper_8573 { height: 340px !important; } #stacks_in_166 .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: 700px ) { #stacks_in_166 .back_wrapper_8573, #stacks_in_166 .wrapper_8573 { height: 240px !important; } #stacks_in_166 .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: 410px ) { #stacks_in_166 .back_wrapper_8573, #stacks_in_166 .wrapper_8573 { height: 200px !important; } #stacks_in_166 .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; } } /* -- End EACH CSS Template -- */ #stacks_in_166 { margin: 20px 0px 20px 0px; } /* start image list from doobox css */ #stacks_in_10 .stacks_in_10imagelist { position: relative; list-style: none; list-style-type: none; margin:10px 0; z-index:1; } #stacks_in_10 .stacks_in_10listIcon { position: relative; float:left; z-index: 2; } #stacks_in_10 .stacks_in_10listIcon img{ width:110px; height: auto; } #stacks_in_10 .stacks_in_10listTitle { margin-left:120px; padding-bottom: 0px; font-weight: bold; font-size: 110%; } #stacks_in_10 .stacks_in_10listContent { display: block; margin-left:120px; padding-top: 0px; padding-bottom: 18px; } .stacks_in_10breaker{ margin: 0; padding: 0; height: 1px; clear: both; } /* end image list from doobox css */ #stacks_in_10 { margin: 0px 20px 0px 20px; padding: 0px 20px 20px 20px; } #stacks_in_31 { font-size: 99%; } /*************************************** NO GUTTER **********************************/ #stacks_in_167.cleanResponse2_L.CR2_Goff { width:50%; } #stacks_in_167.cleanResponse2_R.CR2_Goff { width:50%; } /**************** 3 Non ******************/ #stacks_in_167.CR3_L.CR3_Goff { width:33%; } #stacks_in_167.CR3_R.CR3_Goff { width:33%; } #stacks_in_167.CR3_RS.CR3_Goff { width:33.2%; float:right; } #stacks_in_167.CR3_M.CR3_Goff { margin:0 0% 0px 0%; width:34%; } /**************** 4 Non ******************/ #stacks_in_167.CR4.CR4_Goff{ width:25%; } #stacks_in_167.CR4_S.CR4_Goff{ width:25%; } #stacks_in_167.CR4_R.CR4_LL2.CR4_S.CR4_Goff{ width:25.2%; } #stacks_in_167.CR4_LF.CR4_Goff, #stacks_in_167.CR4_LL.CR4_Goff, #stacks_in_167.CR4_LF2.CR4_Goff { margin: 0 0 0px 0; } #stacks_in_167.CR4_LF.CR4_Goff { margin: 0 0 0px 0; } #stacks_in_167.CR4_LL2.CR4_Goff { margin: 0 0 0px 0; } @media (max-width: 1099px){ #stacks_in_167.CR4_R.CR4_LL2.CR4_S.CR4_Goff{ float: left; width:25%; } } /**************** 5 Non ******************/ #stacks_in_167.CR5.CR5_Goff { width:20%; } #stacks_in_167.CR5_S.CR5_Goff { width:20%; } #stacks_in_167.CR5_R1.CR5_LF.cleanRespone5_Last.CR5_S.CR5_Goff { width:20.3%; } #stacks_in_167.CR5_M.CR5_Goff { margin:0 0 0px 0; } #stacks_in_167.CR5_LF.CR5_Goff, #stacks_in_167.CR5_LL.CR5_Goff, #stacks_in_167.CR5_RF.CR5_Goff, #stacks_in_167.CR5_RL.CR5_Goff{ margin: 0 0 0px 0; } #stacks_in_167.cleanRespone5_First.CR5_Goff { margin: 0 0 0px 0; } #stacks_in_167.cleanRespone5_Last.CR5_Goff { margin: 0 0 0px 0; } /**************** 6 Non ******************/ #stacks_in_167.CR6.CR6_Goff { width:16.66%; } #stacks_in_167.CR6_S.CR6_Goff { width:16.69%; } #stacks_in_167.CR6_R1.CR6_LL.CR6_S.CR6_Goff, stacks_in_167.CR6_L1.CR6_LF.CR6_Goff.CR6_S.CR6_Goff { width:17%; } #stacks_in_167.CR6_M.CR6_Goff { margin:0 0 0px 0; } #stacks_in_167.CR6_LF.CR6_Goff, #stacks_in_167.CR6_LL.CR6_Goff, #stacks_in_167.CR6_RF.CR6_Goff, #stacks_in_167.CR6_RL.CR6_Goff{ margin: 0 0 0px 0; } #stacks_in_167.CR6_L1.CR6_Goff{ margin: 0 0 0px 0; } #stacks_in_167.CR6_R1.CR6_Goff{ margin: 0 0 0px 0; } @media (max-width: 1099px){ #stacks_in_167.CR6_R1.CR6_LL.CR6_S.CR6_Goff, stacks_in_167.CR6_L1.CR6_LF.CR6_Goff.CR6_S.CR6_Goff { width:16.6%; } } /*************************************** 1 COLUMN **********************************/ #stacks_in_167.cleanResponse1_L { width:100%; margin: 0 0 0px 0; } @media (max-width: 800px){ } @media (max-width: 600px){ #stacks_in_167.cleanResponse1_L { width:100%; margin:0 0 0 0; } } /*************************************** 2 COLUMN **********************************/ #stacks_in_167.cleanResponse2_L { float:left; width:49%; margin: 0 0 0px 0; } #stacks_in_167.cleanResponse2_R { float:right; width:49%; margin: 0 0 0px 0; } @media (max-width: 800px){ } @media (max-width: 600px){ #stacks_in_167.cleanResponse2_L { width:100%; margin:0 0 0px 0; } #stacks_in_167.cleanResponse2_R { width:100%; margin:0 0 0px 0; } #stacks_in_167.cleanResponse2_L.CR2_Goff { width:100%; margin:0 0 0px 0; } #stacks_in_167.cleanResponse2_R.CR2_Goff { width:100%; margin:0 0 0px 0; } } /*************************************** 3 COLUMN **********************************/ #stacks_in_167.CR3_L { float:left; width:32%; margin: 0 0 0px 0; } #stacks_in_167.CR3_R { float:right; width:32%; margin: 0 0 0px 0; } #stacks_in_167.CR3_M { float: left; margin:0 2% 0px 2%; width:32%; } @media (max-width: 800px){ /* ============ LARGE BOTTOM ================== */ #stacks_in_167.CR3_L.cleanResp1 { float: left; width:49%; margin:0 1% 0px 0; } #stacks_in_167.CR3_M.cleanResp1 { float: left; width:49%; margin:0 0 0px 1%; } #stacks_in_167.CR3_R.cleanResp1, #stacks_in_167.CR3_RS.cleanResp1 { float: left; width:100%; margin:0 0 0px 0; } #stacks_in_167.CR3_L.cleanResp1.CR3_Goff { float: left; width:50%; margin:0 0 0px 0; } #stacks_in_167.CR3_M.cleanResp1.CR3_Goff { float: left; width:50%; margin:0 0 0px 0; } #stacks_in_167.CR3_R.cleanResp1.CR3_Goff { float: left; width:100%; margin:0 0 0px 0; } #stacks_in_167.CR3_RS.cleanResp1.CR3_Goff { float: left; width:100%; margin:0 0 0px 0; } /* ============ LARGE TOP ================== */ #stacks_in_167.CR3_L.cleanResp2 { float: left; width:100%; margin:0 0 0px 0; } #stacks_in_167.CR3_M.cleanResp2 { float: left; width:49%; margin:0 1% 0px 0; } #stacks_in_167.CR3_R.cleanResp2 { float: left; width:49%; margin:0 0 0px 1%; } #stacks_in_167.CR3_RS.cleanResp2 { float: left; width:49%; margin:0 0 0px 1%; } #stacks_in_167.CR3_L.cleanResp2.CR3_Goff { float: left; width:100%; margin:0 0 0px 0; } #stacks_in_167.CR3_M.cleanResp2.CR3_Goff { float: left; width:50%; margin:0 0 0px 0; } #stacks_in_167.CR3_R.cleanResp2.CR3_Goff { float: left; width:50%; margin:0 0 0px 0; } #stacks_in_167.CR3_RS.cleanResp2.CR3_Goff { float: left; width:50%; margin:0 0 0px 0; } /* ============ EVEN ================== */ #stacks_in_167.CR3_L.cleanResp3.CR3_Goff { } #stacks_in_167.CR3_M.cleanResp3.CR3_Goff { } #stacks_in_167.CR3_R.cleanResp3.CR3_Goff { } #stacks_in_167.CR3_L.cleanResp3.CR3_Goff { } #stacks_in_167.CR3_M.cleanResp3.CR3_Goff { } #stacks_in_167.CR3_R.cleanResp3.CR3_Goff { } } @media (max-width: 600px){ #stacks_in_167.CR3_L, #stacks_in_167.CR3_R.cleanResp2, #stacks_in_167.CR3_R, #stacks_in_167.CR3_R.cleanResp1, #stacks_in_167.CR3_RS.cleanResp2, #stacks_in_167.CR3_RS.cleanResp3 { float: left !important; width:100% !important; margin:0 0 0px 0!important; } #stacks_in_167.CR3_RS.CR3_Goff { float: left !important; width:100%!important; margin:0 0 0px 0!important; } #stacks_in_167.CR3_M { float: left !important; width:100%!important; margin:0 0 0px 0!important; } } /*************************************** 4 COLUMN **********************************/ #stacks_in_167.CR4_L { float:left; } #stacks_in_167.CR4_R { float:left; } #stacks_in_167.CR4{ width:23.5%; } #stacks_in_167.CR4_S{ width:23.6%; } #stacks_in_167.CR4_LF, #stacks_in_167.CR4_LL, #stacks_in_167.CR4_LF2 { margin: 0 1% 0px 1%; } #stacks_in_167.CR4_LF { margin: 0 1% 0px 0; } #stacks_in_167.CR4_LL2 { margin: 0 0 0px 1%; float: right; } @media (max-width: 1074px){ #stacks_in_167.CR4_S{ width:23.5%; } } @media (max-width: 800px){ #stacks_in_167.CR4 { width:49%; } #stacks_in_167.CR4_S { width:49%; } #stacks_in_167.CR4_LF { float: left; margin: 0 1% 0px 0 ; } #stacks_in_167.CR4_LL { float: left; margin: 0 0 0px 1% ; } #stacks_in_167.CR4_LF2 { float: left; margin: 0 1% 0px 0 ; } #stacks_in_167.CR4_LL2 { float: left; margin: 0 0 0px 1% ; } #stacks_in_167.CR4_R { float:left; } #stacks_in_167.CR4.CR4_Goff { width:50%; } #stacks_in_167.CR4_S.CR4_Goff, #stacks_in_167.CR4_R.CR4_LL2.CR4_S.CR4_Goff { width:50%; } #stacks_in_167.CR4_LF.CR4_Goff { float: left; margin: 0 0 0px 0 ; } #stacks_in_167.CR4_LL.CR4_Goff { float: left; margin: 0 0 0px 0 ; } #stacks_in_167.CR4_LF2.CR4_Goff { float: left; margin: 0 0 0px 0 ; } #stacks_in_167.CR4_LL2.CR4_Goff { float: left; margin: 0 0 0px 0 ; } } @media (max-width: 600px){ #stacks_in_167.CR4 { width:100%; margin: 0 0 0px 0; } #stacks_in_167.CR4_S { width:100%; margin: 0 0 0px 0; } #stacks_in_167.CR4.CR4_Goff { width:100%; margin: 0 0 0px 0; } #stacks_in_167.CR4_S.CR4_Goff, #stacks_in_167.CR4_R.CR4_LL2.CR4_S.CR4_Goff { width:100%; margin: 0 0 0px 0; } #stacks_in_167.CR4_LF, #stacks_in_167.CR4_LR { } } /*************************************** 5 COLUMN **********************************/ #stacks_in_167 .CR5_L { float:left; } #stacks_in_167 .CR5_R { float:left; } #stacks_in_167 .CR5 { width:18.4%; } #stacks_in_167.CR5_S { width:18.4%; } #stacks_in_167.CR5_M { float: left; margin:0 1% 0px 1%; } #stacks_in_167.CR5_LF, #stacks_in_167.CR5_LL, #stacks_in_167.CR5_RF, #stacks_in_167.CR5_RL{ float: left; margin: 0 1% 0px 1%; } #stacks_in_167.cleanRespone5_First { margin: 0 1% 0px 0; } #stacks_in_167.cleanRespone5_Last { float:right; margin: 0 0 0px 1%; } @media (max-width: 800px){ #stacks_in_167.CR5, #stacks_in_167.CR5_S { width:49%; } #stacks_in_167.CR5_LF{ float: left; margin: 0 1% 0px 0; } #stacks_in_167.CR5_LL{ float: left; margin: 0 0 0px 1%; } #stacks_in_167.CR5.cleanRespone5_Last, #stacks_in_167.CR5_S.cleanRespone5_Last{ float: left; width: 99.8% ; margin: 0 auto 0px auto; } #stacks_in_167.CR5.CR5_Goff { width:50%; } #stacks_in_167.CR5_S.CR5_Goff { width:50%; } #stacks_in_167.CR5_LF.CR5_Goff{ float: left; margin: 0 0 0px 0; } #stacks_in_167.CR5_LL.CR5_Goff{ float: left; margin: 0 0 0px 0; } #stacks_in_167.cleanRespone5_Last.CR5_Goff, #stacks_in_167.CR5_R1.CR5_LF.cleanRespone5_Last.CR5_S.CR5_Goff{ float: left; width: 100% ; margin: 0 auto 0px auto; } /* ============ LARGE TOP ================== */ #stacks_in_167.CR5.cleanResp2, #stacks_in_167.CR5_S.cleanResp2 { width:49%; } #stacks_in_167.CR5_LF.cleanResp2, #stacks_in_167.cleanRespone5_Last.cleanResp2{ float: left; margin: 0 0 0px 1%; } #stacks_in_167.CR5_LL.cleanResp2{ float: left; margin: 0 1% 0px 0; } #stacks_in_167.CR5.cleanRespone5_First.cleanResp2, #stacks_in_167.CR5_S.cleanRespone5_First.cleanResp2{ float: left; width: 99.8%; margin: 0 auto 0px auto; } #stacks_in_167.CR5.cleanResp2.CR5_Goff { width:50%; } #stacks_in_167.CR5_S.cleanResp2.CR5_Goff, #stacks_in_167.CR5_R1.CR5_LF.cleanRespone5_Last.cleanResp2.CR5_S.CR5_Goff { width:50%; } #stacks_in_167.CR5_LF.cleanResp2.CR5_Goff, #stacks_in_167.cleanRespone5_Last.cleanResp2.CR5_Goff{ float: left; margin: 0 0 0px 0; } #stacks_in_167.CR5_LL.cleanResp2.CR5_Goff{ float: left; margin: 0 0 0px 0; } #stacks_in_167.cleanRespone5_First.cleanResp2.CR5_Goff, #stacks_in_167.cleanRespone5_First.cleanResp2.CR5_S.CR5_Goff{ float: left; width: 100%; margin: 0 auto 0px auto; } } @media (max-width: 600px){ #stacks_in_167.CR5.CR5_LL.cleanResp2, #stacks_in_167.CR5.CR5_LF.cleanResp2, #stacks_in_167.CR5.CR5_LL.cleanResp1, #stacks_in_167.CR5.CR5_LF.cleanResp1, #stacks_in_167.CR5_S.CR5_LL.cleanResp2, #stacks_in_167.CR5_S.CR5_LF.cleanResp2, #stacks_in_167.CR5_S.CR5_LL.cleanResp1, #stacks_in_167.CR5_S.CR5_LF.cleanResp1{ width:100%!important; margin: 0 0 0px 0; } #stacks_in_167.CR5.CR5_Goff, #stacks_in_167.CR5_S.CR5_Goff, #%id#.CR5_LL.cleanResp2.CR5_Goff { width:100% !important; margin: 0 0 0px 0; } } /*************************************** 6 COLUMN **********************************/ #stacks_in_167.CR6_L, #stacks_in_167.CR6_L1 { float:left; } #stacks_in_167.CR6_R, #stacks_in_167.CR6_R1 { float:left; } #stacks_in_167.CR6 { width:15%; } #stacks_in_167.CR6_S { width:15.2%; } #stacks_in_167.CR6_M { float: left; margin:0 1% 0px 1%; } #stacks_in_167.CR6_LF, #stacks_in_167.CR6_LL, #stacks_in_167.CR6_RF, #stacks_in_167.CR6_RL{ margin: 0 1% 0px 1%; } #stacks_in_167.CR6_L1{ margin: 0 1% 0px 0; } #stacks_in_167.CR6_R1{ margin: 0 0 0px 1%; } @media (max-width: 1099px){ #stacks_in_167.CR6_S { width:15%; } } @media (max-width: 800px){ #stacks_in_167.CR6, #stacks_in_167.CR6_S { width:49%; } #stacks_in_167.CR6_LF{ float: left; margin: 0 1% 0px 0; } #stacks_in_167.CR6_LL{ float: left; margin: 0 0 0px 1%; } #stacks_in_167.CR6.CR6_Goff, #stacks_in_167.CR6_S.CR6_Goff, #stacks_in_167.CR6_R1.CR6_LL.CR6_S.CR6_Goff, stacks_in_167.CR6_L1.CR6_LF.CR6_S.CR6_Goff { width:50%; } #stacks_in_167.CR6_LF.CR6_Goff{ float: left; margin: 0 0 0px 0; } #stacks_in_167.CR6_LL.CR6_Goff{ float: left; margin: 0 0 0px 0; } } @media (max-width: 600px){ #stacks_in_167.CR6, #stacks_in_167.CR6_S{ width:100% !important; margin: 0 0 0px 0 !important; } } #stacks_in_167 { margin: 0px 0px 20px 0px; } /* Start doobox image pop css */ /* ############################################################# */ /* ############# CSS BOTH EDIT AND PREVIEW ##################### */ /* ############################################################# */ .stacks_in_168popBox{ position: relative; display: block; margin: 10px auto 14px auto; padding: 10px; background: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); max-width: 90%; display: none; } .stacks_in_168popBox img{ display: block; width: auto; max-width: 100%; height: auto; } .stacks_in_168popBoxClose{ position: absolute; top:-11px; left: -12px; width: 26px; height: 26px; background: url(../files/imagepop_files/thex.png); cursor: pointer; } @media only screen and (max-width: 480px) { .stacks_in_168popBoxClose{ top: 0px; left: 0px; width: 48px; height: 48px; background: url(../files/imagepop_files/thex2times.png); } } .stacks_in_168popThumbnail{ position: relative; margin: 0 auto 0 auto; padding: 0; max-width: 150px; overflow: hidden; border: 4px solid #000000; } .stacks_in_168popThumbnail img{ display: block; width: 100%; height: auto; margin: 0; padding: 0; } .stacks_in_168popThumbOverlay{ position: absolute; top: 0px; left: 0px; width: 150px; height: 150px; padding: 0; margin: 0; background: #FAB9BC; cursor: pointer; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; } /* ############################################################# */ /* ############# CSS PREVIEW MODE ONLY ######################### */ /* ############################################################# */ .stacks_in_168popThumbOverlay{ -moz-opacity:0; filter:alpha(opacity=0); opacity:0; cursor: pointer; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .stacks_in_168popThumbOverlay:hover{ zoom: 1; -moz-opacity:.3; filter:alpha(opacity=3); opacity:.3; } /* ############################################################# */ /* ############# CSS EDIT MODE ONLY ############################ */ /* ############################################################# */ /* end doobox image pop css */ /* Start doobox image pop css */ /* ############################################################# */ /* ############# CSS BOTH EDIT AND PREVIEW ##################### */ /* ############################################################# */ .stacks_in_171popBox{ position: relative; display: block; margin: 10px auto 14px auto; padding: 10px; background: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); max-width: 90%; display: none; } .stacks_in_171popBox img{ display: block; width: auto; max-width: 100%; height: auto; } .stacks_in_171popBoxClose{ position: absolute; top:-11px; left: -12px; width: 26px; height: 26px; background: url(../files/imagepop_files/thex.png); cursor: pointer; } @media only screen and (max-width: 480px) { .stacks_in_171popBoxClose{ top: 0px; left: 0px; width: 48px; height: 48px; background: url(../files/imagepop_files/thex2times.png); } } .stacks_in_171popThumbnail{ position: relative; margin: 0 auto 0 auto; padding: 0; max-width: 150px; overflow: hidden; border: 4px solid #000000; } .stacks_in_171popThumbnail img{ display: block; width: 100%; height: auto; margin: 0; padding: 0; } .stacks_in_171popThumbOverlay{ position: absolute; top: 0px; left: 0px; width: 150px; height: 150px; padding: 0; margin: 0; background: #FAB9BC; cursor: pointer; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; } /* ############################################################# */ /* ############# CSS PREVIEW MODE ONLY ######################### */ /* ############################################################# */ .stacks_in_171popThumbOverlay{ -moz-opacity:0; filter:alpha(opacity=0); opacity:0; cursor: pointer; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .stacks_in_171popThumbOverlay:hover{ zoom: 1; -moz-opacity:.3; filter:alpha(opacity=3); opacity:.3; } /* ############################################################# */ /* ############# CSS EDIT MODE ONLY ############################ */ /* ############################################################# */ /* end doobox image pop css */ /* Start doobox image pop css */ /* ############################################################# */ /* ############# CSS BOTH EDIT AND PREVIEW ##################### */ /* ############################################################# */ .stacks_in_174popBox{ position: relative; display: block; margin: 10px auto 14px auto; padding: 10px; background: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); max-width: 90%; display: none; } .stacks_in_174popBox img{ display: block; width: auto; max-width: 100%; height: auto; } .stacks_in_174popBoxClose{ position: absolute; top:-11px; left: -12px; width: 26px; height: 26px; background: url(../files/imagepop_files/thex.png); cursor: pointer; } @media only screen and (max-width: 480px) { .stacks_in_174popBoxClose{ top: 0px; left: 0px; width: 48px; height: 48px; background: url(../files/imagepop_files/thex2times.png); } } .stacks_in_174popThumbnail{ position: relative; margin: 0 auto 0 auto; padding: 0; max-width: 150px; overflow: hidden; border: 4px solid #000000; } .stacks_in_174popThumbnail img{ display: block; width: 100%; height: auto; margin: 0; padding: 0; } .stacks_in_174popThumbOverlay{ position: absolute; top: 0px; left: 0px; width: 150px; height: 150px; padding: 0; margin: 0; background: #FAB9BC; cursor: pointer; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; } /* ############################################################# */ /* ############# CSS PREVIEW MODE ONLY ######################### */ /* ############################################################# */ .stacks_in_174popThumbOverlay{ -moz-opacity:0; filter:alpha(opacity=0); opacity:0; cursor: pointer; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .stacks_in_174popThumbOverlay:hover{ zoom: 1; -moz-opacity:.3; filter:alpha(opacity=3); opacity:.3; } /* ############################################################# */ /* ############# CSS EDIT MODE ONLY ############################ */ /* ############################################################# */ /* end doobox image pop css */ /* Start doobox image pop css */ /* ############################################################# */ /* ############# CSS BOTH EDIT AND PREVIEW ##################### */ /* ############################################################# */ .stacks_in_177popBox{ position: relative; display: block; margin: 10px auto 14px auto; padding: 10px; background: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); max-width: 90%; display: none; } .stacks_in_177popBox img{ display: block; width: auto; max-width: 100%; height: auto; } .stacks_in_177popBoxClose{ position: absolute; top:-11px; left: -12px; width: 26px; height: 26px; background: url(../files/imagepop_files/thex.png); cursor: pointer; } @media only screen and (max-width: 480px) { .stacks_in_177popBoxClose{ top: 0px; left: 0px; width: 48px; height: 48px; background: url(../files/imagepop_files/thex2times.png); } } .stacks_in_177popThumbnail{ position: relative; margin: 0 auto 0 auto; padding: 0; max-width: 150px; overflow: hidden; border: 4px solid #000000; } .stacks_in_177popThumbnail img{ display: block; width: 100%; height: auto; margin: 0; padding: 0; } .stacks_in_177popThumbOverlay{ position: absolute; top: 0px; left: 0px; width: 150px; height: 150px; padding: 0; margin: 0; background: #FAB9BC; cursor: pointer; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; } /* ############################################################# */ /* ############# CSS PREVIEW MODE ONLY ######################### */ /* ############################################################# */ .stacks_in_177popThumbOverlay{ -moz-opacity:0; filter:alpha(opacity=0); opacity:0; cursor: pointer; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .stacks_in_177popThumbOverlay:hover{ zoom: 1; -moz-opacity:.3; filter:alpha(opacity=3); opacity:.3; } /* ############################################################# */ /* ############# CSS EDIT MODE ONLY ############################ */ /* ############################################################# */ /* end doobox image pop css */