/* Depth Base */ .depth_out h2,.depth_out p,.depth_out a{margin:0;padding:0;border: 0;line-height:1.6;} .depth_out hr:before,.depth_out hr:after,.depth_out .content_in .stacksEmptyFiller{display: none} .depth_in, header .depth_theme_limit, footer .depth_theme_limit{ max-width: 1000px; } main .depth_theme_limit{ max-width: 100%; padding: 0; } .depth_limit{ margin: 0 auto; } .nfont{ font-family: inherit; } h2.nfont, .sub_heading.nfont{ font-family: inherit; } header.depth_theme, main.depth_theme h1, main.depth_theme h2, main.depth_theme h3, main.depth_theme h4, main.depth_theme h5, main.depth_theme h6{ font-family: inherit; } .depth_in a{text-decoration: none;} .depth_in{ font-size: 14px; line-height: 1.6;} /* 2 Col Spacing */ .depth_section{ margin-bottom: 20px; } .depth_out img{max-width: 100%} .depth_out *, .depth_out *:before, .depth_out *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .depth_out .cf:after {content:"";display:table;clear:both;} .depth_out .exp{position:absolute;top:0;left:0;bottom:0;right:0;} @media screen and (min-width: 770px){ /* 2 Col Spacing */ .depth_row .s3_column_left .depth_section{ margin-right: 10.000000px; } .depth_row .s3_column_right .depth_section{ margin-left: 10.000000px; } /* 3 Col Spacing */ .depth_row.three_col .s3_column_left .depth_section{ margin-right: 13.320000px; } .depth_row.three_col .s3_column_center .depth_section{ margin-left: 6.660000px; margin-right: 6.660000px; } .depth_row.three_col .s3_column_right .depth_section{ margin-left: 13.320000px; } /* 4 Col Spacing (1/4) */ .depth_row .s3_column_4:first-child .depth_section{ margin-right: 15.000000px; margin-left: 0; } /* 4 Col Spacing (2/4) */ .depth_row .s3_column_4 + .s3_column_4 .depth_section{ margin-right: 10.000000px; margin-left: 5.000000px; } /* 4 Col Spacing (3/4) */ .depth_row .s3_column_4 + .s3_column_4 + .s3_column_4 .depth_section{ margin-right: 5.000000px; margin-left: 10.000000px; } /* 4 Col Spacing (4/4) */ .depth_row .s3_column_4 + .s3_column_4 + .s3_column_4 + .s3_column_4 .depth_section{ margin-left: 15.000000px; margin-right: 0; } /* Flex Equal Height/Centering */ .s3_row.depth_row, .depth_row .s3_column, .s3_row.depth_row .depth_out, .s3_row.depth_row .depth_out > div, .s3_row.depth_row .depth_wrapper, .s3_row.depth_row .content_out, .s3_row.depth_row .depth_image *{ flex: 1; display: flex !important; } .s3_row.depth_row .content_out, .s3_row.depth_row .content_in{ margin-left: auto !important; margin-right: auto !important; } .depth_ie .s3_row.depth_row, .depth_ie .depth_row .s3_column, .s3_row.depth_row .depth_ie .depth_out, .s3_row.depth_row .depth_ie .depth_out > div, .s3_row.depth_row .depth_ie .depth_wrapper, .s3_row.depth_row .depth_ie .content_out, .s3_row.depth_row .depth_ie .depth_image *{ flex: auto !important; display: block !important; } } .content_flex {position: static;} .s3_row.depth_row .content_flex { flex: 1; display: flex; justify-content: center; -webkit-justify-content: center; } /* Edit Mode */ /* Animations */ .depth_fx .depth_image, .depth_fx .depth_tint, .depth_fx .depth_gradient, .depth_fx .content_tint, .depth_fx p.sub_heading, .depth_fx .heading_out .stacks_out, .depth_fx p.main_content, .depth_fx .depth_aside, .depth_fx .heading_out h2{ opacity: 0; } .depth_fx.depth_ie .depth_image, .depth_fx.depth_ie .depth_tint, .depth_fx.depth_ie .depth_gradient, .depth_fx.depth_ie .content_tint, .depth_fx.depth_ie p.sub_heading, .depth_fx.depth_ie .heading_out .stacks_out, .depth_fx.depth_ie p.main_content, .depth_fx.depth_ie .depth_aside, .depth_fx.depth_ie .heading_out h2{ opacity: 1; } .depth_inview.slow_fadeIn.depth_fx .depth_image, .depth_inview.slow_fadeIn.depth_fx .depth_tint, .depth_inview.slow_fadeIn.depth_fx .content_tint, .depth_inview.slow_fadeIn.depth_fx .depth_gradient{ animation: nbanner_fadein .7s both; } .depth_inview.slow_fadeIn.depth_fx .heading_out{ animation: heading_border_color 1s both; } .depth_inview.slow_fadeIn.depth_fx p.super_heading, .depth_inview.slow_fadeIn.depth_fx .heading_out h2{ animation: nbanner_fadein 1s .25s both; } .depth_inview.slow_fadeIn.depth_fx p.sub_heading, .depth_inview.slow_fadeIn.depth_fx .heading_out .stacks_out{ animation: nbanner_fadein 1s .5s both; } .depth_inview.slow_fadeIn.depth_fx p.main_content, .depth_inview.slow_fadeIn.depth_fx .depth_aside{ animation: nbanner_fadein 1s .75s both; } .depth_inview.slow_fadeIn.depth_fx a.depth_button{ animation: nbanner_fadein 1s 1s backwards; } .depth_inview.slow_fadeIn.depth_fx p.sub_content{ animation: nbanner_fadein 1s 1.25s backwards; } .depth_inview.slow_fadeIn.depth_fx hr.hr_top_header{ animation: hr_top_header 1s .5s backwards; } .depth_inview.slow_fadeIn.depth_fx hr.hr_bottom_header{ animation: hr_bottom_header 1s .5s backwards; } .depth_inview.slow_fadeIn.depth_fx hr.hr_bottom_content{ animation: hr_bottom_content 1s .5s backwards; } .depth_inview.steady_fadeIn.depth_fx .depth_image, .depth_inview.steady_fadeIn.depth_fx .depth_tint, .depth_inview.steady_fadeIn.depth_fx .content_tint, .depth_inview.steady_fadeIn.depth_fx .depth_gradient{ animation: nbanner_fadein .5s both; } .depth_inview.steady_fadeIn.depth_fx .heading_out{ animation: heading_border_color .7s both; } .depth_inview.steady_fadeIn.depth_fx p.super_heading, .depth_inview.steady_fadeIn.depth_fx .heading_out h2{ animation: nbanner_fadein .7s .15s both; } .depth_inview.steady_fadeIn.depth_fx p.sub_heading, .depth_inview.steady_fadeIn.depth_fx .heading_out .stacks_out{ animation: nbanner_fadein .7s .35s both; } .depth_inview.steady_fadeIn.depth_fx p.main_content, .depth_inview.steady_fadeIn.depth_fx .depth_aside{ animation: nbanner_fadein .7s .5s both; } .depth_inview.steady_fadeIn.depth_fx a.depth_button{ animation: nbanner_fadein .7s .65s backwards; } .depth_inview.steady_fadeIn.depth_fx p.sub_content{ animation: nbanner_fadein .7s .8s backwards; } .depth_inview.steady_fadeIn.depth_fx hr.hr_top_header{ animation: hr_top_header .7s .25s backwards; } .depth_inview.steady_fadeIn.depth_fx hr.hr_bottom_header{ animation: hr_bottom_header .7s .25s backwards; } .depth_inview.steady_fadeIn.depth_fx hr.hr_bottom_content{ animation: hr_bottom_content .7s .25s backwards; } .depth_inview.fast_fadeIn.depth_fx .depth_image, .depth_inview.fast_fadeIn.depth_fx .depth_tint, .depth_inview.fast_fadeIn.depth_fx .content_tint, .depth_inview.fast_fadeIn.depth_fx .depth_gradient{ animation: nbanner_fadein .3s both; } .depth_inview.fast_fadeIn.depth_fx .heading_out{ animation: heading_border_color .4s both; } .depth_inview.fast_fadeIn.depth_fx p.super_heading, .depth_inview.fast_fadeIn.depth_fx .heading_out h2{ animation: nbanner_fadein .4s .15s both; } .depth_inview.fast_fadeIn.depth_fx p.sub_heading, .depth_inview.fast_fadeIn.depth_fx .heading_out .stacks_out{ animation: nbanner_fadein .4s .35s both; } .depth_inview.fast_fadeIn.depth_fx p.main_content, .depth_inview.fast_fadeIn.depth_fx .depth_aside{ animation: nbanner_fadein .4s .5s both; } .depth_inview.fast_fadeIn.depth_fx a.depth_button{ animation: nbanner_fadein .4s .65s backwards; } .depth_inview.fast_fadeIn.depth_fx p.sub_content{ animation: nbanner_fadein .4s .8s backwards; } .depth_inview.fast_fadeIn.depth_fx hr.hr_top_header{ animation: hr_top_header .4s .25s backwards; } .depth_inview.fast_fadeIn.depth_fx hr.hr_bottom_header{ animation: hr_bottom_header .4s .25s backwards; } .depth_inview.fast_fadeIn.depth_fx hr.hr_bottom_content{ animation: hr_bottom_content .4s .25s backwards; } @-webkit-keyframes heading_border_color { from {border-color: transparent;} to {border-color: ;}} @keyframes nbanner_fadein { from {border-color: transparent;} to {border-color: ;}} @-webkit-keyframes nbanner_fadein { from {opacity: 0;} to {opacity: 1;}} @keyframes nbanner_fadein { from {opacity: 0;} to {opacity: 1;}} @-webkit-keyframes nbanner_bg_fadein { from {background-color: transparent;} to {background-color: inherit;}} @keyframes nbanner_bg_fadein { from {background-color: transparent;} to {background-color: inherit;}} @-webkit-keyframes hr_top_header { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}} @keyframes hr_top_header { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}} @-webkit-keyframes hr_bottom_header { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}} @keyframes hr_bottom_header { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}} @-webkit-keyframes hr_bottom_content { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}} @keyframes hr_bottom_content { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}}/* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_62 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_62 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_62 .wrapper_link { display: none !important; position: absolute; padding: 0; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; min-height: 100px !important; max-height: 200px !important; width: auto; max-width: 75vw; } #stacks_in_62 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 65vh; min-height: 130px !important; padding: 0; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_62 .back_wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_62 .back_wrapper_8573 { } } #stacks_in_62 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 65vh; min-height: 130px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_62 .wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_62 .wrapper_8573 { } } /* Hype internal elements - rotation */ #stacks_in_62 .flex_elements{ transform: rotate( -5deg ) !important; -webkit-transform: rotate(-5deg ) !important; -moz-transform: rotate( -5deg ) !important; } /* --------------- */ #stacks_in_62 .wrapper_working_area { background: url(../files/edit_mode_titles_guide_border.gif) center center no-repeat !important; max-width: 1300px; height: 65vh; background-size: contain !important; -webkit-background-size: contain !important; -moz-background-size: contain !important; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; opacity: 0.7; display: none !important; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; margin-right: auto; margin-left: auto; text-align: center; } /* --------------- */ /* ---TITLE AND SLOGAN ----- active only with "STATIC" titles */ .hype-title-static { } .hype-title-scale{ } @keyframes hype-title-scale { 0% {transform: scale(0.8); opacity: 0;} 40% {transform: scale(0.8);} 45% {opacity: 0;} 100% {transform: scale(1); opacity: 1;} } @-webkit-keyframes hype-title-scale { 0% {-webkit-transform: scale(0.8); opacity: 0;} 40% {-webkit-transform: scale(0.8);} 45% {opacity: 0;} 100% {-webkit-transform: scale(1); opacity: 1;} } .hype-title-fade { } @keyframes hype-title-fade { 0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes hype-title-fade { 0% { opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } /* active only with STATIC titles END */ /* Title style A */ #stacks_in_62 .theme_title { color: #F74012 !important; } /* Title style B */ #stacks_in_62 .theme_title_b { color: #8422A6 !important; } /* Title style A-B styles */ #stacks_in_62 .theme_slogan { color: #1ECCD3 !important; font-size: 50px !important; font-family: "slogan_custom_theme_font_selector", sans-serif !important; font-style: none; text-transform: none; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; -moz-transform: rotate( 0deg ) !important; margin-top: 5px !important; margin-left: 0px !important; display: block !important; letter-spacing: 0px !important; line-height: 70px !important; font-family: "Montserrat Alternates", sans-serif !important; } /* TITLE CSS */ #stacks_in_62 .theme_title, #stacks_in_62 .theme_title_b { font-size: 180px !important; font-style: italic; text-transform: none; text-decoration: None; margin-top: -50px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 185px !important; font-family: "archivo_blackregular", sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_62 .back_wrapper_8573 { } #stacks_in_62 .back_wrapper_8573bg { text-align: center; display: block; position: relative; max-width: 1300vh; height: 65vh; min-height: 130px !important; padding: 0; margin: 0; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_62 .back_wrapper_8573bg { } } @media (max-width: 600px) { #stacks_in_62 .back_wrapper_8573bg { } } #stacks_in_62 .theme_title, #stacks_in_62 .theme_title_b { /* shadow set */ text-shadow: 0px 1px rgba(0, 0, 0, 0.35), 0px 2px rgba(0, 0, 0, 0.35), 0px 3px rgba(0, 0, 0, 0.35), 0px 4px rgba(0, 0, 0, 0.35), 0px 5px rgba(0, 0, 0, 0.35), 0px 6px rgba(0, 0, 0, 0.35), 0px 7px rgba(0, 0, 0, 0.35) !important; } /* Title shadow END */ #stacks_in_62 .theme_title, #stacks_in_62 .theme_title_b { } /* --------------- */ /* @group Built-in Webfonts */ /* Orignal font CORDIAL by Riccardo Olocco - read license */ @font-face { font-family: 'cordial_proregregular'; src: url('../files/webfonts/cordial_web/cordial_regular_39-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_regular_39-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.svg#cordial_proregregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prosemibold'; src: url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.svg#cordial_prosemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_promedium'; src: url('../files/webfonts/cordial_web/cordial_medium_38-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_medium_38-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_medium_38-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_medium_38-webfont.svg#cordial_promedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prolight'; src: url('../files/webfonts/cordial_web/cordial_light_59-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_light_59-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.svg#cordial_prolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_probold'; src: url('../files/webfonts/cordial_web/cordial_bold_69-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_bold_69-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.svg#cordial_probold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_inlineBdrounded'; src: url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.svg#cordial_pro_inlineBdrounded') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_cherryBdrounded'; src: url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.eot'); src: url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.ttf') format('truetype'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.svg#cordial_pro_cherryBdrounded') format('svg'); font-weight: normal; font-style: normal; } /* cordial end */ @font-face { font-family: 'rubik_mono_oneregular'; src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot'); src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.ttf') format('truetype'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.svg#rubik_mono_oneregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../files/webfonts/montserrat/montserrat-bold-webfont.eot'); src: url('../files/webfonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'), url('../files/webfonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'), url('../files/webfonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'abelregular'; src: url('../files/webfonts/abel/abel-regular-webfont.eot'); src: url('../files/webfonts/abel/abel-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts/abel/abel-regular-webfont.woff') format('woff'), url('../files/webfonts/abel/abel-regular-webfont.ttf') format('truetype'), url('../files/webfonts/abel/abel-regular-webfont.svg#abelregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanscondensed_light'; src: url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.eot'); src: url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.ttf') format('truetype'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bree_serifregular'; src: url('../files/webfonts/breeserif/breeserif-regular-webfont.eot'); src: url('../files/webfonts/breeserif/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'), url('../files/webfonts/breeserif/breeserif-regular-webfont.ttf') format('truetype'), url('../files/webfonts/breeserif/breeserif-regular-webfont.svg#bree_serifregular')format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('../files/webfonts/pacifico/pacifico-regular-webfont.eot'); src: url('../files/webfonts/pacifico/pacifico-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts/pacifico/pacifico-regular-webfont.woff') format('woff'), url('../files/webfonts/pacifico/pacifico-regular-webfont.ttf') format('truetype'), url('../files/webfonts/pacifico/pacifico-regular-webfont.svg#pacificoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'signikaregular'; src: url('../files/webfonts/signika/signika-regular-webfont.eot'); src: url('../files/webfonts/signika/signika-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/signika/signika-regular-webfont.woff2') format('woff2'), url('../files/webfonts/signika/signika-regular-webfont.woff') format('woff'), url('../files/webfonts/signika/signika-regular-webfont.ttf') format('truetype'), url('../files/webfonts/signika/signika-regular-webfont.svg#signikaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rochesterregular'; src: url('../files/webfonts/rochester/rochester-regular-webfont.eot'); src: url('../files/webfonts/rochester/rochester-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rochester/rochester-regular-webfont.woff') format('woff'), url('../files/webfonts/rochester/rochester-regular-webfont.ttf') format('truetype'), url('../files/webfonts/rochester/rochester-regular-webfont.svg#rochesterregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_display_scregular'; src: url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot'); src: url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.ttf') format('truetype'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.svg#playfair_display_scregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight'; src: url('../files/webfonts/raleway/raleway-light-webfont.eot'); src: url('../files/webfonts/raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../files/webfonts/raleway/raleway-light-webfont.woff') format('woff'), url('../files/webfonts/raleway/raleway-light-webfont.ttf') format('truetype'), url('../files/webfonts/raleway/raleway-light-webfont.svg#ralewaylight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fjalla_oneregular'; src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.eot'); src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.ttf') format('truetype'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vigaregular'; src: url('../files/webfonts/viga/viga-regular-webfont.eot'); src: url('../files/webfonts/viga/viga-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts/viga/viga-regular-webfont.woff') format('woff'), url('../files/webfonts/viga/viga-regular-webfont.ttf') format('truetype'), url('../files/webfonts/viga/viga-regular-webfont.svg#vigaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('../files/webfonts/ubuntu/ubuntu-r-webfont.eot'); src: url('../files/webfonts/ubuntu/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.ttf') format('truetype'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.svg#ubunturegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_blackregular'; src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.eot'); src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.ttf') format('truetype'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.svg#archivo_blackregular') format('svg'); font-weight: normal; font-style: normal; } /* @end */ /* DECORATION */ /* line */ #stacks_in_62 .decoration_color_1 { background-color: #CB0001 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } /* back glow */ #stacks_in_62 .flash-color { background-color: rgba(252, 64, 17, 1.00) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; display: block !important; } /* DECORATION and GLOW END */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXX DEMO AREA - CSS STYLES XXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* -- End EACH CSS Template -- */#stacks_in_62 .scrollButton-hypetitles { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 8%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 2; animation-delay: 0.15s; } @keyframes hypetitles-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px); } 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } } @-webkit-keyframes hypetitles-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_62 .scrollButton-hypetitles a { font-size: 50px !important; line-height: 1em; transition: 0.05s linear; -webkit-transition: 0.05s linear; -moz-transition: 0.05s linear; -webkit-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.3s; color: #D5D5D5 !important; } #stacks_in_62 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_62 .scrollButton-hypetitles #stacks_in_62 [class*="fa fa-"] { color: #D5D5D5 !important; } @keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_62 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-hypetitles { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_62 .scrollButton-hypetitles { display: none !important; } #stacks_in_62 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } } #stacks_in_62 { background-image: url("CD91B99E-A728-47BE-A45D-EBA730208AB0"); background-repeat: no-repeat; background-size: cover; background-position: center; } @important "partials/maps"; .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } #noticeContainer_stacks_in_63 { /* */ display: block; position: relative; } #noticeContainer_stacks_in_63 .clearfix:before { content: " "; display: table; } #noticeContainer_stacks_in_63 .clearfix:after { content: " "; display: table; clear: both; } #notice_stacks_in_63 { /* */ /* */ opacity: 0; left: 0px; right: 0px; max-height: 70%; /* */ position: fixed; /* */ overflow-y: auto; visibility: hidden; /* */ z-index: 999999; /* */ /* */ max-width: 250px; /* */ /* */ /* */ top: 0px; /* */ /* */ /* */ /* */ margin-right: auto; /* */ /* */ /* */ /* */ /* */ /* */ background: #B00038; background: linear-gradient(to bottom, #B00038, #000000); /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); border-radius: 0px 0px 13px 13px; } #notice_stacks_in_63.show { opacity: 1; visibility: visible; } #notice_stacks_in_63.hide { opacity: 0; visibility: hidden; } #notice_stacks_in_63.cookie-hide { display: none; } #notice_stacks_in_63 .notice-inner-stacks { clear: both; margin: 0 auto; max-width: 960px; padding: 0px 5px 5px 5px; } #notice_stacks_in_63 .notice-inner { clear: both; margin: 0 auto; max-width: 960px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0px 5px 5px 5px; /* */ text-align: left; /* */ /* */ /* */ /* */ display: -ms-flexbox; display: flex; /* */ /* */ } #notice_stacks_in_63 .notice-inner-text { -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; font-size: 14px; line-height: 20px; } #notice_stacks_in_63 .notice-inner-icon { /* */ /* */ /* */ -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; /* */ /* */ -ms-flex: 0 1 auto; flex: 0 1 auto; color: rgba(255, 255, 255, 1.00); padding: 5px 20px 5px 10px; } #notice_stacks_in_63 .notice-inner-icon i { font-size: 25px; vertical-align: middle; } #notice_stacks_in_63 .notice-close-btn { float: right; cursor: pointer; color: rgba(255, 255, 255, 1.00); padding: 10px 10px 0px 10px; } #notice_stacks_in_63 .notice-close-btn i { cursor: pointer; vertical-align: middle; } #notice_stacks_in_63 .notice-action { height: 40px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; /* */ color: inherit; background: none; /* */ } #notice_stacks_in_63 .notice-action i { vertical-align: middle; } #notice_stacks_in_63 .notice-action-close { border-style: solid; border-width: 1px 0 0 0; border-color: rgba(255, 255, 255, 0.30); } #notice_stacks_in_63 .notice-action-close:hover { /* */ } #notice_stacks_in_63 .notice-action-custom { border-style: solid; border-width: 1px 0 0 1px; border-color: rgba(255, 255, 255, 0.30); } #notice_stacks_in_63 .notice-action-custom:hover { /* */ } #notice_stacks_in_63 .notice-action-custom a { color: inherit; width: 100%; height: 100%; /* */ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; -ms-flex-pack: center; justify-content: center; /* */ } #notice_stacks_in_63 .notice-action-btn { height: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -ms-flex-pack: center; justify-content: center; } #notice_stacks_in_63 .notice-action-btn:hover { cursor: pointer; } @media (max-width: 480px) { #notice_stacks_in_63 .notice-action { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 90px; } #notice_stacks_in_63 .notice-action-custom { border-width: 1px 0 0 0; } #notice_stacks_in_63 .notice-action div { height: 50%; width: 100%; } } /* */ #stacks_in_64 { font-size: 50%; font-weight: lighter; } /* Start dooGrid stack each CSS code */ .stacks_in_102gridWrapper > div{ display: inline-block !important; width: 33.333333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; margin-top: 15px; padding-right: 7.500000px; padding-left: 7.500000px; } .stacks_in_102gridWrapper{ margin-right: -7.500000px; margin-left: -7.500000px; margin-top: -15px; } @media all and (max-width: 1024px) { .stacks_in_102gridWrapper > div{ width: 33.333333%; } } @media all and (max-width: 768px) { .stacks_in_102gridWrapper > div{ width: 33.333333%; } } @media all and (max-width: 480px) { .stacks_in_102gridWrapper > div{ width: 100%; } } /* End dooGrid stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start Gradient stack CSS code */ #stacks_in_89{ /* fix for other stacks tramping over us */ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } #stacks_in_89::before{ content:""; top:0; left:0; bottom:0; right:0; position:absolute; opacity:1; /* Old browsers */ background: rgba(211, 0, 57, 1.00); /* FF3.6+ */ background: -moz-linear-gradient(top, rgba(211, 0, 57, 1.00) 0%, rgba(94, 0, 33, 1.00) 100%); /* Chrome,Safari4+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211, 0, 57, 1.00)), color-stop(100%,rgba(94, 0, 33, 1.00))); /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, rgba(211, 0, 57, 1.00) 0%,rgba(94, 0, 33, 1.00) 100%); /* Opera 11.10+ */ background: -o-linear-gradient(top, rgba(211, 0, 57, 1.00) 0%,rgba(94, 0, 33, 1.00) 100%); /* IE10+ */ background: -ms-linear-gradient(top, rgba(211, 0, 57, 1.00) 0%,rgba(94, 0, 33, 1.00) 100%); /* W3C */ background: linear-gradient(to bottom, rgba(211, 0, 57, 1.00) 0%,rgba(94, 0, 33, 1.00) 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(211, 0, 57, 1.00)', endColorstr='rgba(94, 0, 33, 1.00)',GradientType=0 ); } /* End Gradient stack CSS code */ #stacks_in_89 { margin: 0px 0px 20px 0px; padding: 10px; } /* Depth Content */ @media (min-width: 300px){ #stacks_in_13 .content_flex{ min-height: 350px; } } @media (min-width: 900px){ #stacks_in_13 .content_flex{ min-height: 350px; } } .depth_out .stacks-description{ background: rgba(0,0,0,0.3); box-shadow: inset 0 0 0 2px rgba(0,0,0,0.3) !important; color: #fff !important; border-radius: 3px;} .stacks-partial.grande .depth_out .velvet-icon{ display: none; } /* Section Link Style */ .depth_section_link{ overflow: hidden; position: relative; display: block; width: 100%; } .depth_section_link .depth_in, .depth_section_link .depth_image{ transition: transform 300ms; transform: scale(1); } #stacks_in_13 .depth_section_link:hover .depth_in, #stacks_in_13 .depth_section_link:hover .depth_image{ transform: scale(1.00); } #stacks_in_13.depth_out{ position: relative; letter-spacing: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: normal; color: rgba(0, 0, 0, 1.00);} #stacks_in_13.depth_out a{ color: rgba(0, 0, 0, 1.00);} #stacks_in_13 .depth_in{ position: relative; margin: 0 auto; text-align: center; } #stacks_in_13 .depth_image{ background-size: cover; background-repeat: no-repeat; background-position: center; /* Drop In Background*/ background-image: url(../files/banner_bg_image-13.png); } #stacks_in_13 .depth_tint{ background: rgba(0, 0, 0, 0.00); } #stacks_in_13 .content_tint{ background: rgba(0, 0, 0, 0.00); } #stacks_in_13 .depth_gradient{ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.00) 0%,rgba(0, 0, 0, 0.50) 75%); background: linear-gradient(to right, rgba(0, 0, 0, 0.00) 0%,rgba(0, 0, 0, 0.50) 75%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00) 0%,rgba(0, 0, 0, 0.50) 95%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.00) 0%,rgba(0, 0, 0, 0.50) 95%); } /* Heading */ #stacks_in_13 .heading_out{ display: block; background: rgba(0, 0, 0, 0.00); border-top: 0px solid rgba(255, 255, 255, 1.00); border-right: 0px solid rgba(255, 255, 255, 1.00); border-bottom: 0px solid rgba(255, 255, 255, 1.00); border-left: 0px solid rgba(255, 255, 255, 1.00); padding: 50px 0px 15px 0px; margin: 0px 0px 0px 0px; line-height: 0;} #stacks_in_13 .heading_in{ padding: 5px 0; margin-left: 0px; margin-right: 0px; } #stacks_in_13 .heading_out h2{ font-size: 48px; line-height: 50px; color: rgba(255, 255, 255, 1.00); font-weight: 500; font-weight: bolder; text-align: center !important; letter-spacing: -1px; text-indent: 0px; margin: 0; padding: 0;} #stacks_in_13 p.super_heading{ color: rgba(255, 255, 255, 1.00); font-size: 20px; letter-spacing: 0px; margin: 0px 0 0px; font-weight: bolder; font-style: italic; float: none;} #stacks_in_13 p.sub_heading{ color: rgba(255, 255, 255, 1.00); font-size: 18px; letter-spacing: 0px; margin: 20px 0 8px; display: none; float: none;} /* Content */ #stacks_in_13 .content_out{ display: inline-block; position: relative; max-width: 600px; text-align: center; padding: 0% 0px 0% 0px; margin: 0 0%;} /* Content (Separate Mobile Layout) */ @media screen and (max-width: 770px ){ #stacks_in_13 .depth_wrapper{background-color: rgba(0, 0, 0, 0.30);} #stacks_in_13 .depth_tint, #stacks_in_13 .content_tint{ background: none !important; } #stacks_in_13 .heading_out h2, #stacks_in_13 .content_out{ text-align: center !important; } } #stacks_in_13 .content_flex{ align-items: center; } #stacks_in_13 .content_in{ min-width: 200px; position:relative; z-index:1; background: rgba(0, 0, 0, 0.00); border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } /*IE 11 Fix*/ .depth_ie .content_in{ width: 100%; } #stacks_in_13 .content_in p.main_content{ display: block; color: rgba(255, 255, 255, 1.00); font-size: 1.10em; line-height: 1.4; margin-top: 0%; margin-left: 0px; margin-right: 0px; margin-bottom: 6%; display: none; } #stacks_in_13 .content_in a.depth_button{ display: inline-block; text-decoration: none; line-height: 1.4; font-size: 18px; padding: 5% 7.500000%; border-radius: 0px; box-shadow: inset 0 0 0 0px rgba(230, 73, 30, 1.00); margin-bottom: 0%; transition: background 200ms, box-shadow 200ms, color 200ms; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.00); } @media screen and (max-width: 770px){ #stacks_in_13 .content_in a.depth_button{ padding: 5% 10%; } } #stacks_in_13 .content_in a.depth_button:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 102, 0, 1.00); box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 1.00);} #stacks_in_13 .content_in p.sub_content{ font-weight: normal; font-style: italic; font-size: 14px; color: rgba(255, 255, 255, 1.00); top: 0px; bottom: 0px; left: 0px; right: 0px; position: relative; border-left: 0px solid rgba(230, 73, 30, 1.00); border-right: 0px solid rgba(230, 73, 30, 1.00); padding-left: 0px; padding-right: 0px;} /* Aside */ #stacks_in_13 .depth_aside{ position: static; width: 100%; margin-right: -600px; margin-right:0; display: none; } @media screen and (max-width: 770px){ #stacks_in_13 .depth_aside{ margin-right:0; display: none; } } #stacks_in_13 .depth_aside_wrapper{ width: 100%; } #stacks_in_13 .depth_aside_wrapper, #stacks_in_13 .depth_aside_wrapper .centered_image{ } #stacks_in_13 .depth_aside_wrapper .centered_image .imageStyle{ } #stacks_in_13 .depth_aside_padding > div{max-width:300px;} @media screen and (max-width: 770px){ #stacks_in_13 .depth_aside_wrapper{ position: relative; transform: none; top: auto; padding-right: 0; } } #stacks_in_13 .depth_aside_padding{ padding: 0px 50px 0px 50px; } @media screen and (max-width: 770px){ #stacks_in_13 .depth_aside_padding{ padding: 0px 20px 0px 20px; } } /* Layer Top */ #stacks_in_13 .depth_in{z-index: 4;} #stacks_in_13 .depth_tint{z-index: 3;} #stacks_in_13 .depth_gradient{z-index: 2;} #stacks_in_13 .depth_image{z-index: 1;} /* Force Mobile Legibility */ /* Breaks */ #stacks_in_13 hr{border: 0;margin: 0;} #stacks_in_13 hr.hr_top_header{ height: 0px; width: 0%; background: rgba(230, 73, 30, 1.00); display: inline-block;} #stacks_in_13 hr.hr_bottom_header{ height: 0px; width: 15%; background: rgba(230, 73, 30, 1.00); display: inline-block;} #stacks_in_13 hr.hr_bottom_content{ display: inline-block; height: 0px; width: 0%; background: rgba(255, 255, 255, 0.40); margin-top: 0px;}/* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start Gradient stack CSS code */ #stacks_in_114{ /* fix for other stacks tramping over us */ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } #stacks_in_114::before{ content:""; top:0; left:0; bottom:0; right:0; position:absolute; opacity:1; /* Old browsers */ background: rgba(221, 50, 24, 1.00); /* FF3.6+ */ background: -moz-linear-gradient(top, rgba(221, 50, 24, 1.00) 0%, rgba(127, 32, 17, 1.00) 100%); /* Chrome,Safari4+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221, 50, 24, 1.00)), color-stop(100%,rgba(127, 32, 17, 1.00))); /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, rgba(221, 50, 24, 1.00) 0%,rgba(127, 32, 17, 1.00) 100%); /* Opera 11.10+ */ background: -o-linear-gradient(top, rgba(221, 50, 24, 1.00) 0%,rgba(127, 32, 17, 1.00) 100%); /* IE10+ */ background: -ms-linear-gradient(top, rgba(221, 50, 24, 1.00) 0%,rgba(127, 32, 17, 1.00) 100%); /* W3C */ background: linear-gradient(to bottom, rgba(221, 50, 24, 1.00) 0%,rgba(127, 32, 17, 1.00) 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(221, 50, 24, 1.00)', endColorstr='rgba(127, 32, 17, 1.00)',GradientType=0 ); } /* End Gradient stack CSS code */ #stacks_in_114 { padding: 10px; } /* Depth Content */ @media (min-width: 300px){ #stacks_in_115 .content_flex{ min-height: 350px; } } @media (min-width: 900px){ #stacks_in_115 .content_flex{ min-height: 350px; } } .depth_out .stacks-description{ background: rgba(0,0,0,0.3); box-shadow: inset 0 0 0 2px rgba(0,0,0,0.3) !important; color: #fff !important; border-radius: 3px;} .stacks-partial.grande .depth_out .velvet-icon{ display: none; } /* Section Link Style */ .depth_section_link{ overflow: hidden; position: relative; display: block; width: 100%; } .depth_section_link .depth_in, .depth_section_link .depth_image{ transition: transform 300ms; transform: scale(1); } #stacks_in_115 .depth_section_link:hover .depth_in, #stacks_in_115 .depth_section_link:hover .depth_image{ transform: scale(1.02); } #stacks_in_115.depth_out{ position: relative; letter-spacing: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: normal; color: rgba(0, 0, 0, 1.00);} #stacks_in_115.depth_out a{ color: rgba(0, 0, 0, 1.00);} #stacks_in_115 .depth_in{ position: relative; margin: 0 auto; text-align: center; } #stacks_in_115 .depth_image{ background-repeat: no-repeat; background-position: 0 0; /* Drop In Background*/ background-image: url(../files/banner_bg_image-115.png); } #stacks_in_115 .depth_tint{ background: rgba(0, 0, 0, 0.00); } #stacks_in_115 .content_tint{ background: rgba(0, 0, 0, 0.00); } #stacks_in_115 .depth_gradient{ background: -webkit-linear-gradient(left, rgba(233, 187, 25, 0.00) 0%,rgba(0, 0, 0, 0.30) 75%); background: linear-gradient(to right, rgba(233, 187, 25, 0.00) 0%,rgba(0, 0, 0, 0.30) 75%); } /* Heading */ #stacks_in_115 .heading_out{ display: block; background: rgba(0, 0, 0, 0.00); border-top: 0px solid rgba(255, 255, 255, 1.00); border-right: 0px solid rgba(255, 255, 255, 1.00); border-bottom: 0px solid rgba(255, 255, 255, 1.00); border-left: 0px solid rgba(255, 255, 255, 1.00); padding: 50px 0px 15px 0px; margin: 0px 0px 0px 0px; line-height: 0;} #stacks_in_115 .heading_in{ padding: 5px 0; margin-left: 0px; margin-right: 0px; } #stacks_in_115 .heading_out h2{ font-size: 48px; line-height: 50px; color: rgba(255, 255, 255, 1.00); font-weight: 500; font-weight: bolder; text-align: center !important; letter-spacing: -1px; text-indent: 0px; margin: 0; padding: 0;} #stacks_in_115 p.super_heading{ color: rgba(255, 255, 255, 1.00); font-size: 20px; letter-spacing: 0px; margin: 0px 0 0px; font-weight: bolder; float: none;} #stacks_in_115 p.sub_heading{ color: rgba(255, 255, 255, 1.00); font-size: 18px; letter-spacing: 0px; margin: 20px 0 8px; display: none; float: none;} /* Content */ #stacks_in_115 .content_out{ display: inline-block; position: relative; max-width: 460px; text-align: center; padding: 0% 0px 0% 0px; margin: 0 0%;} /* Content (Separate Mobile Layout) */ @media screen and (max-width: 770px ){ #stacks_in_115 .depth_wrapper{background-color: rgba(0, 0, 0, 0.30);} #stacks_in_115 .depth_tint, #stacks_in_115 .content_tint{ background: none !important; } #stacks_in_115 .heading_out h2, #stacks_in_115 .content_out{ text-align: center !important; } } #stacks_in_115 .content_flex{ align-items: center; } #stacks_in_115 .content_in{ min-width: 200px; position:relative; z-index:1; background: rgba(0, 0, 0, 0.00); border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } /*IE 11 Fix*/ .depth_ie .content_in{ width: 100%; } #stacks_in_115 .content_in p.main_content{ display: block; color: rgba(255, 255, 255, 1.00); font-size: 1.10em; line-height: 1.4; margin-top: 0%; margin-left: 0px; margin-right: 0px; margin-bottom: 0%; display: none; } #stacks_in_115 .content_in a.depth_button{ display: inline-block; text-decoration: none; line-height: 1.4; font-size: 18px; padding: 5% 7.500000%; border-radius: 2px; box-shadow: inset 0 0 0 0px rgba(230, 73, 30, 1.00); margin-bottom: 0%; transition: background 200ms, box-shadow 200ms, color 200ms; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.00); } @media screen and (max-width: 770px){ #stacks_in_115 .content_in a.depth_button{ padding: 5% 10%; } } #stacks_in_115 .content_in a.depth_button:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 102, 0, 1.00); box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 1.00);} #stacks_in_115 .content_in p.sub_content{ font-weight: normal; font-style: italic; font-size: 14px; color: rgba(255, 255, 255, 1.00); top: 0px; bottom: 0px; left: 0px; right: 0px; position: relative; border-left: 0px solid rgba(230, 73, 30, 1.00); border-right: 0px solid rgba(230, 73, 30, 1.00); padding-left: 0px; padding-right: 0px;} /* Aside */ #stacks_in_115 .depth_aside{ position: static; width: 100%; margin-right: -460px; margin-right:0; display: none; } @media screen and (max-width: 770px){ #stacks_in_115 .depth_aside{ margin-right:0; display: none; } } #stacks_in_115 .depth_aside_wrapper{ width: 100%; } #stacks_in_115 .depth_aside_wrapper, #stacks_in_115 .depth_aside_wrapper .centered_image{ } #stacks_in_115 .depth_aside_wrapper .centered_image .imageStyle{ } #stacks_in_115 .depth_aside_padding > div{max-width:300px;} @media screen and (max-width: 770px){ #stacks_in_115 .depth_aside_wrapper{ position: relative; transform: none; top: auto; padding-right: 0; } } #stacks_in_115 .depth_aside_padding{ padding: 0px 50px 0px 50px; } @media screen and (max-width: 770px){ #stacks_in_115 .depth_aside_padding{ padding: 0px 20px 0px 20px; } } /* Layer Top */ #stacks_in_115 .depth_in{z-index: 4;} #stacks_in_115 .depth_gradient{z-index: 3;} #stacks_in_115 .depth_image{z-index: 2;} #stacks_in_115 .depth_tint{z-index: 1;} /* Force Mobile Legibility */ /* Breaks */ #stacks_in_115 hr{border: 0;margin: 0;} #stacks_in_115 hr.hr_top_header{ height: 0px; width: 0%; background: rgba(230, 73, 30, 1.00); display: inline-block;} #stacks_in_115 hr.hr_bottom_header{ height: 0px; width: 15%; background: rgba(230, 73, 30, 1.00); display: inline-block;} #stacks_in_115 hr.hr_bottom_content{ display: inline-block; height: 0px; width: 0%; background: rgba(255, 255, 255, 0.40); margin-top: 0px;}/* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start Gradient stack CSS code */ #stacks_in_91{ /* fix for other stacks tramping over us */ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } #stacks_in_91::before{ content:""; top:0; left:0; bottom:0; right:0; position:absolute; opacity:1; /* Old browsers */ background: rgba(192, 58, 255, 1.00); /* FF3.6+ */ background: -moz-linear-gradient(top, rgba(192, 58, 255, 1.00) 0%, rgba(75, 26, 99, 1.00) 100%); /* Chrome,Safari4+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(192, 58, 255, 1.00)), color-stop(100%,rgba(75, 26, 99, 1.00))); /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, rgba(192, 58, 255, 1.00) 0%,rgba(75, 26, 99, 1.00) 100%); /* Opera 11.10+ */ background: -o-linear-gradient(top, rgba(192, 58, 255, 1.00) 0%,rgba(75, 26, 99, 1.00) 100%); /* IE10+ */ background: -ms-linear-gradient(top, rgba(192, 58, 255, 1.00) 0%,rgba(75, 26, 99, 1.00) 100%); /* W3C */ background: linear-gradient(to bottom, rgba(192, 58, 255, 1.00) 0%,rgba(75, 26, 99, 1.00) 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(192, 58, 255, 1.00)', endColorstr='rgba(75, 26, 99, 1.00)',GradientType=0 ); } /* End Gradient stack CSS code */ #stacks_in_91 { padding: 10px; } /* Depth Content */ @media (min-width: 300px){ #stacks_in_42 .content_flex{ min-height: 350px; } } @media (min-width: 900px){ #stacks_in_42 .content_flex{ min-height: 350px; } } .depth_out .stacks-description{ background: rgba(0,0,0,0.3); box-shadow: inset 0 0 0 2px rgba(0,0,0,0.3) !important; color: #fff !important; border-radius: 3px;} .stacks-partial.grande .depth_out .velvet-icon{ display: none; } /* Section Link Style */ .depth_section_link{ overflow: hidden; position: relative; display: block; width: 100%; } .depth_section_link .depth_in, .depth_section_link .depth_image{ transition: transform 300ms; transform: scale(1); } #stacks_in_42 .depth_section_link:hover .depth_in, #stacks_in_42 .depth_section_link:hover .depth_image{ transform: scale(1.02); } #stacks_in_42{margin-left: 0;margin-right: 0;} #stacks_in_42.depth_out{ position: relative; letter-spacing: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: normal; color: rgba(0, 0, 0, 1.00);} #stacks_in_42.depth_out a{ color: rgba(0, 0, 0, 1.00);} #stacks_in_42 .depth_in{ position: relative; margin: 0 auto; text-align: center; } #stacks_in_42 .depth_image{ background-repeat: no-repeat; background-position: 0 0; /* Drop In Background*/ background-image: url(../files/banner_bg_image-42.png); } #stacks_in_42 .depth_tint{ background: rgba(0, 0, 0, 0.00); } #stacks_in_42 .content_tint{ background: rgba(0, 0, 0, 0.00); } #stacks_in_42 .depth_gradient{ background: -webkit-linear-gradient(left, rgba(233, 187, 25, 0.00) 0%,rgba(0, 0, 0, 0.30) 75%); background: linear-gradient(to right, rgba(233, 187, 25, 0.00) 0%,rgba(0, 0, 0, 0.30) 75%); } /* Heading */ #stacks_in_42 .heading_out{ display: block; background: rgba(0, 0, 0, 0.00); border-top: 0px solid rgba(255, 255, 255, 1.00); border-right: 0px solid rgba(255, 255, 255, 1.00); border-bottom: 0px solid rgba(255, 255, 255, 1.00); border-left: 0px solid rgba(255, 255, 255, 1.00); padding: 50px 0px 15px 0px; margin: 0px 0px 0px 0px; line-height: 0;} #stacks_in_42 .heading_in{ padding: 5px 0; margin-left: 0px; margin-right: 0px; } #stacks_in_42 .heading_out h2{ font-size: 48px; line-height: 50px; color: rgba(255, 255, 255, 1.00); font-weight: 500; font-weight: bolder; text-align: center !important; letter-spacing: -1px; text-indent: 0px; margin: 0; padding: 0;} #stacks_in_42 p.super_heading{ color: rgba(255, 255, 255, 1.00); font-size: 20px; letter-spacing: 0px; margin: 0px 0 0px; font-weight: bolder; float: none;} #stacks_in_42 p.sub_heading{ color: rgba(255, 255, 255, 1.00); font-size: 18px; letter-spacing: 0px; margin: 20px 0 8px; display: none; float: none;} /* Content */ #stacks_in_42 .content_out{ display: inline-block; position: relative; max-width: 460px; text-align: center; padding: 0% 0px 0% 0px; margin: 0 0%;} /* Content (Separate Mobile Layout) */ @media screen and (max-width: 770px ){ #stacks_in_42 .depth_wrapper{background-color: rgba(0, 0, 0, 0.30);} #stacks_in_42 .depth_tint, #stacks_in_42 .content_tint{ background: none !important; } #stacks_in_42 .heading_out h2, #stacks_in_42 .content_out{ text-align: center !important; } } #stacks_in_42 .content_flex{ align-items: center; } #stacks_in_42 .content_in{ min-width: 200px; position:relative; z-index:1; background: rgba(0, 0, 0, 0.00); border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } /*IE 11 Fix*/ .depth_ie .content_in{ width: 100%; } #stacks_in_42 .content_in p.main_content{ display: block; color: rgba(255, 255, 255, 1.00); font-size: 1.10em; line-height: 1.4; margin-top: 0%; margin-left: 0px; margin-right: 0px; margin-bottom: 6%; display: none; } #stacks_in_42 .content_in a.depth_button{ display: inline-block; text-decoration: none; line-height: 1.4; font-size: 18px; padding: 5% 7.500000%; border-radius: 2px; box-shadow: inset 0 0 0 0px rgba(230, 73, 30, 1.00); margin-bottom: 0%; transition: background 200ms, box-shadow 200ms, color 200ms; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.00); } @media screen and (max-width: 770px){ #stacks_in_42 .content_in a.depth_button{ padding: 5% 10%; } } #stacks_in_42 .content_in a.depth_button:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(255, 102, 0, 1.00); box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 1.00);} #stacks_in_42 .content_in p.sub_content{ font-weight: normal; font-style: italic; font-size: 14px; color: rgba(255, 255, 255, 1.00); top: 0px; bottom: 0px; left: 0px; right: 0px; position: relative; border-left: 0px solid rgba(230, 73, 30, 1.00); border-right: 0px solid rgba(230, 73, 30, 1.00); padding-left: 0px; padding-right: 0px;} /* Aside */ #stacks_in_42 .depth_aside{ position: static; width: 100%; margin-right: -460px; margin-right:0; display: none; } @media screen and (max-width: 770px){ #stacks_in_42 .depth_aside{ margin-right:0; display: none; } } #stacks_in_42 .depth_aside_wrapper{ width: 100%; } #stacks_in_42 .depth_aside_wrapper, #stacks_in_42 .depth_aside_wrapper .centered_image{ } #stacks_in_42 .depth_aside_wrapper .centered_image .imageStyle{ } #stacks_in_42 .depth_aside_padding > div{max-width:300px;} @media screen and (max-width: 770px){ #stacks_in_42 .depth_aside_wrapper{ position: relative; transform: none; top: auto; padding-right: 0; } } #stacks_in_42 .depth_aside_padding{ padding: 0px 50px 0px 50px; } @media screen and (max-width: 770px){ #stacks_in_42 .depth_aside_padding{ padding: 0px 20px 0px 20px; } } /* Layer Top */ #stacks_in_42 .depth_in{z-index: 4;} #stacks_in_42 .depth_gradient{z-index: 3;} #stacks_in_42 .depth_image{z-index: 2;} #stacks_in_42 .depth_tint{z-index: 1;} /* Force Mobile Legibility */ /* Breaks */ #stacks_in_42 hr{border: 0;margin: 0;} #stacks_in_42 hr.hr_top_header{ height: 0px; width: 0%; background: rgba(230, 73, 30, 1.00); display: inline-block;} #stacks_in_42 hr.hr_bottom_header{ height: 0px; width: 15%; background: rgba(230, 73, 30, 1.00); display: inline-block;} #stacks_in_42 hr.hr_bottom_content{ display: inline-block; height: 0px; width: 0%; background: rgba(255, 255, 255, 0.40); margin-top: 0px;}/* Start Gradient stack CSS code */ #stacks_in_125{ /* fix for other stacks tramping over us */ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } #stacks_in_125::before{ content:""; top:0; left:0; bottom:0; right:0; position:absolute; opacity:1; /* Old browsers */ background: rgba(221, 51, 24, 1.00); /* FF3.6+ */ background: -moz-linear-gradient(top, rgba(221, 51, 24, 1.00) 0%, rgba(0, 0, 0, 1.00) 100%); /* Chrome,Safari4+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221, 51, 24, 1.00)), color-stop(100%,rgba(0, 0, 0, 1.00))); /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, rgba(221, 51, 24, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* Opera 11.10+ */ background: -o-linear-gradient(top, rgba(221, 51, 24, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* IE10+ */ background: -ms-linear-gradient(top, rgba(221, 51, 24, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* W3C */ background: linear-gradient(to bottom, rgba(221, 51, 24, 1.00) 0%,rgba(0, 0, 0, 1.00) 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(221, 51, 24, 1.00)', endColorstr='rgba(0, 0, 0, 1.00)',GradientType=0 ); } /* End Gradient stack CSS code *//* Depth Content */ @media (min-width: 300px){ #stacks_in_47 .content_flex{ min-height: 0px; } } @media (min-width: 900px){ #stacks_in_47 .content_flex{ min-height: 0px; } } .depth_out .stacks-description{ background: rgba(0,0,0,0.3); box-shadow: inset 0 0 0 2px rgba(0,0,0,0.3) !important; color: #fff !important; border-radius: 3px;} .stacks-partial.grande .depth_out .velvet-icon{ display: none; } /* Section Link Style */ .depth_section_link{ overflow: hidden; position: relative; display: block; width: 100%; } .depth_section_link .depth_in, .depth_section_link .depth_image{ transition: transform 300ms; transform: scale(1); } #stacks_in_47 .depth_section_link:hover .depth_in, #stacks_in_47 .depth_section_link:hover .depth_image{ transform: scale(1.00); } #stacks_in_47.depth_out{ position: relative; letter-spacing: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: normal; color: rgba(0, 0, 0, 1.00);} #stacks_in_47.depth_out a{ color: rgba(0, 0, 0, 1.00);} #stacks_in_47 .depth_in{ position: relative; margin: 0 auto; text-align: right; } #stacks_in_47 .depth_image{ background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; /* Drop In Background*/ background-image: url(../files/banner_bg_image-47.png); } @media all and (-webkit-min-device-pixel-ratio : 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { #stacks_in_47 .depth_image{ background-image: url(../files/banner_bg_image_2x-47.png);} } #stacks_in_47 .depth_tint{ background: rgba(0, 0, 0, 0.00); } #stacks_in_47 .content_tint{ background: rgba(0, 0, 0, 0.00); } #stacks_in_47 .depth_gradient{ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.60) 0%,rgba(0, 0, 0, 0.00) 75%); background: linear-gradient(to right, rgba(0, 0, 0, 0.60) 0%,rgba(0, 0, 0, 0.00) 75%); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.60) 0%,rgba(0, 0, 0, 0.00) 75%); background: linear-gradient(to left, rgba(0, 0, 0, 0.60) 0%,rgba(0, 0, 0, 0.00) 75%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00) 0%,rgba(0, 0, 0, 0.60) 95%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.00) 0%,rgba(0, 0, 0, 0.60) 95%); } /* Heading */ #stacks_in_47 .heading_out{ display: block; background: rgba(0, 0, 0, 0.00); border-top: 0px solid rgba(230, 73, 30, 1.00); border-right: 0px solid rgba(230, 73, 30, 1.00); border-bottom: 0px solid rgba(230, 73, 30, 1.00); border-left: 0px solid rgba(230, 73, 30, 1.00); padding: 0px 0px 20px 0px; margin: 0px 0px 0px 0px; line-height: 0;} #stacks_in_47 .heading_in{ padding: 0px 0; margin-left: 0px; margin-right: 0px; } #stacks_in_47 .heading_out h2{ font-size: 40px; line-height: 42px; color: rgba(255, 255, 255, 1.00); font-weight: 500; font-weight: bolder; text-align: right !important; letter-spacing: -2px; text-indent: 0px; margin: 0; padding: 0;} #stacks_in_47 p.super_heading{ color: rgba(255, 255, 255, 1.00); font-size: 15px; letter-spacing: 0px; margin: 0px 0 18px; font-weight: bolder; font-style: italic; float: none;} #stacks_in_47 p.sub_heading{ color: rgba(255, 255, 255, 1.00); font-size: 14px; letter-spacing: 2px; margin: 9px 0 15px; float: none;} /* Content */ #stacks_in_47 .content_out{ display: inline-block; position: relative; max-width: 440px; text-align: right; padding: 12% 50px 12% 50px; margin: 0 0%;} /* Content (Separate Mobile Layout) */ @media screen and (max-width: 770px){ #stacks_in_47 .content_out{ padding: 12% 50px 12% 50px; margin: 0 0%;} #stacks_in_47 .heading_out h2{ font-size: 36px; line-height: 42px; } } @media screen and (max-width: 770px ){ #stacks_in_47 .depth_wrapper{background-color: rgba(0, 0, 0, 0.39);} #stacks_in_47 .depth_tint, #stacks_in_47 .content_tint{ background: none !important; } #stacks_in_47 .heading_out h2, #stacks_in_47 .content_out{ text-align: center !important; } } #stacks_in_47 .content_flex{ align-items: flex-start; } #stacks_in_47 .content_in{ min-width: 200px; position:relative; z-index:1; background: rgba(0, 0, 0, 0.00); border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } /*IE 11 Fix*/ .depth_ie .content_in{ width: 100%; } #stacks_in_47 .content_in p.main_content{ display: block; color: rgba(255, 255, 255, 1.00); font-size: 1.15em; line-height: 1.50; margin-top: 0%; margin-left: 0px; margin-right: 0px; margin-bottom: 10%; } #stacks_in_47 .content_in a.depth_button{ display: inline-block; text-decoration: none; line-height: 1.4; font-size: 17px; padding: 4% 6.000000%; border-radius: 3px; box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.40); margin-bottom: 10%; transition: background 200ms, box-shadow 200ms, color 200ms; color: rgba(255, 255, 255, 1.00); background: rgba(230, 73, 30, 1.00); font-weight: bolder; } @media screen and (max-width: 770px){ #stacks_in_47 .content_in a.depth_button{ padding: 4% 8%; } } #stacks_in_47 .content_in a.depth_button:hover{ color: rgba(230, 73, 30, 1.00); background: rgba(255, 255, 255, 1.00); box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 1.00);} #stacks_in_47 .content_in p.sub_content{ font-weight: normal; font-style: italic; font-size: 14px; color: rgba(255, 255, 255, 1.00); top: 0px; bottom: 0px; left: 0px; right: 0px; position: relative; border-left: 0px solid rgba(230, 73, 30, 1.00); border-right: 0px solid rgba(230, 73, 30, 1.00); padding-left: 0px; padding-right: 0px;} /* Aside */ #stacks_in_47 .depth_aside{ position: static; width: 100%; float: left; margin-right: -440px; display: none; } @media screen and (max-width: 770px){ #stacks_in_47 .depth_aside{ margin-right:0; display: none; } } #stacks_in_47 .depth_aside_wrapper{ padding-right: 440px; position: absolute; transform: translateY(-50%); top: 50%; width: 100%; } #stacks_in_47 .depth_aside_wrapper, #stacks_in_47 .depth_aside_wrapper .centered_image{ } #stacks_in_47 .depth_aside_wrapper .centered_image .imageStyle{ } #stacks_in_47 .content_out .centered_image img{float: right;} #stacks_in_47 .depth_aside_padding > div{max-width:300px;} @media screen and (max-width: 770px){ #stacks_in_47 .depth_aside_wrapper{ position: relative; transform: none; top: auto; padding-right: 0; } } #stacks_in_47 .depth_aside_padding{ padding: 0px 50px 0px 50px; } @media screen and (max-width: 770px){ #stacks_in_47 .depth_aside_padding{ padding: 0px 20px 0px 20px; } } /* Layer Top */ #stacks_in_47 .depth_in{z-index: 4;} #stacks_in_47 .depth_tint{z-index: 3;} #stacks_in_47 .depth_gradient{z-index: 2;} #stacks_in_47 .depth_image{z-index: 1;} /* Force Mobile Legibility */ @media screen and (max-width: 770px ){ #stacks_in_47 .depth_wrapper.content_tint, #stacks_in_47 .depth_gradient{display: none;} } /* Breaks */ #stacks_in_47 hr{border: 0;margin: 0;} #stacks_in_47 hr.hr_top_header{ height: 0px; width: 0%; background: rgba(230, 73, 30, 1.00); display: inline-block;} #stacks_in_47 hr.hr_bottom_header{ height: 5px; width: 17%; background: rgba(230, 73, 30, 1.00); display: inline-block;} #stacks_in_47 hr.hr_bottom_content{ display: inline-block; height: 0px; width: 11%; background: rgba(230, 73, 30, 1.00); margin-top: 20px;}