/* 2 col */ #stacks_in_2911 .wrapper-link:hover { -webkit-animation: wrapper-link 1.4s linear forwards !important; -moz-animation: wrapper-link 1.4s linear forwards !important; animation: wrapper-link 1.4s linear forwards !important; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 0.15))); background-image: -webkit-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00));background-image: -moz-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); } @-webkit-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @-moz-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} #stacks_in_2911 .element-link, #stacks_in_2911 .wrapper-link { display: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2 !important; width: 100%; height: 100%; } #stacks_in_2911 * { box-sizing: border-box !important; } #stacks_in_2911 .extend_image_main { background-image: url(https://images.unsplash.com/photo-1556909115-3f381036bcb3?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEzMjQ5fQ) !important; filter: contrast(100%) brightness(100%) grayscale(0%) blur(5px) !important; -webkit-filter: contrast(100%) brightness(100%) grayscale(0%) blur(5px) !important; background-size: cover !important; background-position: 50% 50% !important; opacity: 1 !important; } #stacks_in_2911 .extend_image_main_colour { } #stacks_in_2911 .extend_image_main_colour_border { } /* Text BG left */ #stacks_in_2911 .left-box-over-bg-0 path, #stacks_in_2911 .left-box-over-bg-1 path, #stacks_in_2911 .left-box-over-bg-2 path, #stacks_in_2911 .left-box-over-bg-3 path, #stacks_in_2911 .left-box-over-bg-4 path, #stacks_in_2911 .left-box-over-bg-5 path, #stacks_in_2911 .left-box-over-bg-6 path, #stacks_in_2911 .left-box-over-bg-7 path, #stacks_in_2911 .left-box-over-bg-8 path, #stacks_in_2911 .left-box-over-bg-9 path, #stacks_in_2911 .left-box-over-bg-10 path { fill: rgba(203, 0, 1, 0.92) !important; stroke-style: solid !important; stroke-width: 6px !important; stroke: rgba(167, 2, 1, 1.00) !important; } #stacks_in_2911 .left-box-over-bg-1 { display: block !important; } /* BG back shape */ #stacks_in_2911 .morph-shape-1, #stacks_in_2911 .morph-shape-1 path, #stacks_in_2911 .morph-shape-2, #stacks_in_2911 .morph-shape-2 path, #stacks_in_2911 .morph-shape-3, #stacks_in_2911 .morph-shape-3 path { fill: rgba(255, 255, 255, 0.00) !important; stroke-style: solid !important; stroke-width: 1px !important; stroke: rgba(255, 255, 255, 0.76) !important; } /* NOTE use the order 2 and 1 and 3 to fix consolid. css */ #stacks_in_2911 .morph-shape-2, #stacks_in_2911 .morph-shape-2 path { } #stacks_in_2911 .morph-shape-1, #stacks_in_2911 .morph-shape-1 path { } #stacks_in_2911 .morph-shape-3, #stacks_in_2911 .morph-shape-3 path { display: block !important; } /* foundation RTL theme fix direction:ltr */ #stacks_in_2911 .HYPE_document { direction:ltr !important; margin:auto; position:relative; display: block; overflow: hidden; width: 100%; min-height: 680px; max-width: 1800px !important; } /* IMG LINE */ #stacks_in_2911 .anim-line { text-align: left !important; position: absolute !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: auto !important; important; margin-top: auto !important; width: 450px !important; height: 450px !important; } #stacks_in_2911 .anim-line path { stroke-width: 3px !important; stroke: rgba(250, 8, 0, 0.62) !important; } /* IMG */ /* removed below width: auto !important; fix in Edge */ #stacks_in_2911 .extend_image { left: 0 !important; right: 0 !important; text-align: center !important; margin: auto !important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; background-image: url(https://images.unsplash.com/photo-1556909115-3f381036bcb3?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEzMjQ5fQ) !important; max-width: 55% !important; height: 75% !important; filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25)) !important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; background-size: cover !important; } #stacks_in_2911 .extend_image_main_overlay { background-color: transparent !important; position: relative; } #stacks_in_2911 .extend_image_main_grid { } #stacks_in_2911 .hype_box { box-sizing: border-box !important; text-align: center !important; max-height: 95vh; margin: auto !important; width: auto; display: inline-table !important; right: 0 !important; left: 0 !important; border-style: none !important; top: 0; } #stacks_in_2911 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; max-width: 25% !important; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_2911 .inner_slice_content, #stacks_in_2911 .inner_slice_content p, #stacks_in_2911 .inner_slice_content span, #stacks_in_2911 .inner_slice_content [class*="fa fa-"], #stacks_in_2911 .inner_slice_content h1, #stacks_in_2911 .inner_slice_content h2, #stacks_in_2911 .inner_slice_content h3, #stacks_in_2911 .inner_slice_content h4, #stacks_in_2911 .inner_slice_content h5, #stacks_in_2911 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color:#FFFFFF !important; } #stacks_in_2911 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_2911 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_2911 .inner_slice_content a:link, #stacks_in_2911 .inner_slice_content a { color:#FFB8A2 !important; } #stacks_in_2911 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_2911 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_2911 .inner_slice_content a:hover { color:#FFFFFF !important; } /* hype */ #stacks_in_2911 .viewport-morph-trigger { opacity: 0.45; } #stacks_in_2911 .viewport-rotscal-trigger { opacity: 0.45; } #stacks_in_2911 .viewport-line-trigger { opacity: 0.45; margin-top: 180px !important; opacity: 1.0; } #stacks_in_2911 .setting_panel_slide { } /* BP min */ @media screen and (min-width: 1100px ) { #stacks_in_2911 .anim-line { } #stacks_in_2911 .inner_slice {max-width: 25% !important;} #stacks_in_2911 .hype_box, #stacks_in_2911 .wrapper-link { width: 75% !important; left: 25% !important; margin-top: 0 !important; margin-bottom: 10% !important; max-height: 680px; } #stacks_in_2911 .left-box-over-bg-1 { margin-left: -25% !important; } #stacks_in_2911 .extend_image { top: 12% !important; background-position: 75% 100% !important; /* below desktop - 2 col only- to use in one */ } #stacks_in_2911 .setting_panel_slide { position: absolute !important; margin-left: -13% !important; } #stacks_in_2911 .inner_slice_content { padding-top: 0px; } } /* Hype element center in MAX */ #stacks_in_2911 .setting_panel_slide { position: absolute !important; margin-left: -25%; } /* breakpoint MAX */ @media screen and (max-width: 1100px ) { /* 2 col */ #stacks_in_2911 .inner_slice { max-width: 100% !important; margin-top: 380px; %%[[if !edit]]%% top: 0px !important; %%[[endif]]%% } #stacks_in_2911 .inner_slice_content { background-color: rgba(203, 0, 1, 0.92); border-top-style: solid !important; border-top-width: 6px !important; border-top-color: rgba(167, 2, 1, 1.00) !important; } #stacks_in_2911 .hype_box, #stacks_in_2911 .wrapper-link { max-width: 100% !important; left: 0% !important; position: absolute !important; top: 0 !important; max-height: 380px; } #stacks_in_2911 .hype_box { display: block !important; margin-top: 10px !important; } #stacks_in_2911 .extend_image { top: 10% !important; max-width: 300px !important; height: 300px !important; background-position: 50% 30% !important; } #stacks_in_2911 .anim-line { bottom: 0 !important; top: 0 !important; right: 0 !important; left: 0 !important; margin-right: auto !important; margin-left: auto !important; margin-bottom: auto !important; margin-top: auto !important; width: 300px !important; height: 300px !important; margin-top: 35px !important; } #stacks_in_2911 .HYPE_document { overflow: hidden !important; padding-top: 10px !important; margin-bottom: 0px !important; } #stacks_in_2911 .element-link, #stacks_in_2911 .wrapper-link, #stacks_in_2911 .wrapper-link:hover { display: none !important; } #stacks_in_2911 .left-box-over-bg-1 { display: none !important; } #stacks_in_2911 .setting_panel_slide { position: absolute !important; margin-left: -25%; } } /* BP small dev */ @media screen and (max-width: 560px) { #stacks_in_2911 .extend_image { } } /* BP internal */ @media screen and (max-width: 420px ) { #stacks_in_2911 .anim-line { } } /* -- End EACH CSS Template -- */ #stacks_in_2938_1 { padding: 25px; } #stacks_in_2820 { padding: 9px 15px 17px 15px; } #stacks_out_2820 { width: 87%; } #stacks_in_2943 { background-color: rgba(254, 253, 255, 1.00); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; margin: 10px; } #stacks_out_2943 { width: 300px; } #stacks_in_2944 { padding: 3px; } #stacks_in_2893 { padding: 0px 10px 20px 10px; } #stacks_in_2923>.s3_row { margin: 0 -10px; } #stacks_in_2923>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_2923>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_2923>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_2923>.s3_row { margin: -10px 0; } #stacks_in_2923>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_2923>.s3_row { margin: -10px 0; } #stacks_in_2923>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_2923 { padding: 10px; } /* 2 col */ #stacks_in_2926 .wrapper-link:hover { -webkit-animation: wrapper-link 1.4s linear forwards !important; -moz-animation: wrapper-link 1.4s linear forwards !important; animation: wrapper-link 1.4s linear forwards !important; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 0.15))); background-image: -webkit-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00));background-image: -moz-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); } @-webkit-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @-moz-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} #stacks_in_2926 .element-link, #stacks_in_2926 .wrapper-link { display: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2 !important; width: 100%; height: 100%; } #stacks_in_2926 * { box-sizing: border-box !important; } #stacks_in_2926 .extend_image_main { background-image: url(https://images.unsplash.com/photo-1556909115-3f381036bcb3?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEzMjQ5fQ) !important; filter: contrast(100%) brightness(100%) grayscale(0%) blur(5px) !important; -webkit-filter: contrast(100%) brightness(100%) grayscale(0%) blur(5px) !important; background-size: cover !important; background-position: 50% 50% !important; opacity: 1 !important; } #stacks_in_2926 .extend_image_main_colour { } #stacks_in_2926 .extend_image_main_colour_border { } /* Text BG left */ #stacks_in_2926 .left-box-over-bg-0 path, #stacks_in_2926 .left-box-over-bg-1 path, #stacks_in_2926 .left-box-over-bg-2 path, #stacks_in_2926 .left-box-over-bg-3 path, #stacks_in_2926 .left-box-over-bg-4 path, #stacks_in_2926 .left-box-over-bg-5 path, #stacks_in_2926 .left-box-over-bg-6 path, #stacks_in_2926 .left-box-over-bg-7 path, #stacks_in_2926 .left-box-over-bg-8 path, #stacks_in_2926 .left-box-over-bg-9 path, #stacks_in_2926 .left-box-over-bg-10 path { fill: rgba(203, 0, 1, 0.92) !important; stroke-style: solid !important; stroke-width: 6px !important; stroke: rgba(167, 2, 1, 1.00) !important; } #stacks_in_2926 .left-box-over-bg-1 { display: block !important; } /* BG back shape */ #stacks_in_2926 .morph-shape-1, #stacks_in_2926 .morph-shape-1 path, #stacks_in_2926 .morph-shape-2, #stacks_in_2926 .morph-shape-2 path, #stacks_in_2926 .morph-shape-3, #stacks_in_2926 .morph-shape-3 path { fill: rgba(255, 255, 255, 0.00) !important; stroke-style: solid !important; stroke-width: 1px !important; stroke: rgba(255, 255, 255, 0.49) !important; } /* NOTE use the order 2 and 1 and 3 to fix consolid. css */ #stacks_in_2926 .morph-shape-2, #stacks_in_2926 .morph-shape-2 path { } #stacks_in_2926 .morph-shape-1, #stacks_in_2926 .morph-shape-1 path { } #stacks_in_2926 .morph-shape-3, #stacks_in_2926 .morph-shape-3 path { } /* foundation RTL theme fix direction:ltr */ #stacks_in_2926 .HYPE_document { direction:ltr !important; margin:auto; position:relative; display: block; overflow: hidden; width: 100%; min-height: 560px; max-width: 500px !important; } /* IMG LINE */ #stacks_in_2926 .anim-line { text-align: left !important; position: absolute !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: auto !important; important; margin-top: auto !important; width: 450px !important; height: 450px !important; } #stacks_in_2926 .anim-line path { stroke-width: 3px !important; stroke: rgba(250, 8, 0, 0.62) !important; } /* IMG */ /* removed below width: auto !important; fix in Edge */ #stacks_in_2926 .extend_image { left: 0 !important; right: 0 !important; text-align: center !important; margin: auto !important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; background-image: url(https://images.unsplash.com/photo-1556909115-3f381036bcb3?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEzMjQ5fQ) !important; max-width: 65% !important; height: 75% !important; filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25)) !important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; background-size: cover !important; } #stacks_in_2926 .extend_image_main_overlay { background-color: transparent !important; position: relative; } #stacks_in_2926 .extend_image_main_grid { } #stacks_in_2926 .hype_box { box-sizing: border-box !important; text-align: center !important; max-height: 95vh; margin: auto !important; width: auto; display: inline-table !important; right: 0 !important; left: 0 !important; border-style: none !important; top: 0; } #stacks_in_2926 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; max-width: 25% !important; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_2926 .inner_slice_content, #stacks_in_2926 .inner_slice_content p, #stacks_in_2926 .inner_slice_content span, #stacks_in_2926 .inner_slice_content [class*="fa fa-"], #stacks_in_2926 .inner_slice_content h1, #stacks_in_2926 .inner_slice_content h2, #stacks_in_2926 .inner_slice_content h3, #stacks_in_2926 .inner_slice_content h4, #stacks_in_2926 .inner_slice_content h5, #stacks_in_2926 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color:#FFFFFF !important; } #stacks_in_2926 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_2926 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_2926 .inner_slice_content a:link, #stacks_in_2926 .inner_slice_content a { color:#FFB8A2 !important; } #stacks_in_2926 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_2926 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_2926 .inner_slice_content a:hover { color:#FFFFFF !important; } /* hype */ #stacks_in_2926 .viewport-morph-trigger { opacity: 0.45; } #stacks_in_2926 .viewport-rotscal-trigger { opacity: 0.45; } #stacks_in_2926 .viewport-line-trigger { opacity: 0.45; margin-top: 150px !important; opacity: 1.0; } #stacks_in_2926 .setting_panel_slide { position: absolute !important; margin-left: -25%; } /* BP min */ @media screen and (min-width: 9000px ) { #stacks_in_2926 .anim-line { } #stacks_in_2926 .inner_slice {max-width: 25% !important;} #stacks_in_2926 .hype_box, #stacks_in_2926 .wrapper-link { width: 75% !important; left: 25% !important; margin-top: 0 !important; margin-bottom: 10% !important; max-height: 560px; } #stacks_in_2926 .left-box-over-bg-1 { margin-left: -25% !important; } #stacks_in_2926 .extend_image { top: 12% !important; background-position: 75% 80% !important; /* below desktop - 2 col only- to use in one */ } #stacks_in_2926 .setting_panel_slide { } #stacks_in_2926 .inner_slice_content { padding-top: 0px; } } /* Hype element center in MAX */ #stacks_in_2926 .setting_panel_slide { } /* breakpoint MAX */ @media screen and (max-width: 9000px ) { /* 2 col */ #stacks_in_2926 .inner_slice { max-width: 100% !important; margin-top: 460px; %%[[if !edit]]%% top: 0px !important; %%[[endif]]%% } #stacks_in_2926 .inner_slice_content { background-color: rgba(203, 0, 1, 0.92); border-top-style: solid !important; border-top-width: 6px !important; border-top-color: rgba(167, 2, 1, 1.00) !important; } #stacks_in_2926 .hype_box, #stacks_in_2926 .wrapper-link { max-width: 100% !important; left: 0% !important; position: absolute !important; top: 0 !important; max-height: 460px; } #stacks_in_2926 .hype_box { display: block !important; margin-top: 0px !important; } #stacks_in_2926 .extend_image { top: 5% !important; max-width: 80% !important; height: 90% !important; background-position: 50% 30% !important; } #stacks_in_2926 .anim-line { bottom: 0 !important; top: 0 !important; right: 0 !important; left: 0 !important; margin-right: auto !important; margin-left: auto !important; margin-bottom: auto !important; margin-top: auto !important; min-width: 300px !important; min-height: 300px !important; max-width: 390px !important; max-height: 390px !important; } #stacks_in_2926 .HYPE_document { overflow: hidden !important; padding-top: 0px !important; margin-bottom: 0px !important; } #stacks_in_2926 .element-link, #stacks_in_2926 .wrapper-link, #stacks_in_2926 .wrapper-link:hover { display: none !important; } #stacks_in_2926 .left-box-over-bg-1 { display: none !important; } #stacks_in_2926 .setting_panel_slide { } } /* BP small dev */ @media screen and (max-width: 560px) { #stacks_in_2926 .extend_image { } } /* BP internal */ @media screen and (max-width: 420px ) { #stacks_in_2926 .anim-line { max-width: 300px !important; max-height: 300px !important; } } /* -- End EACH CSS Template -- */ #stacks_in_2939_1 { padding: 25px; } /* 2 col */ #stacks_in_2917 .wrapper-link:hover { -webkit-animation: wrapper-link 1.4s linear forwards !important; -moz-animation: wrapper-link 1.4s linear forwards !important; animation: wrapper-link 1.4s linear forwards !important; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 0.15))); background-image: -webkit-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00));background-image: -moz-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); } @-webkit-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @-moz-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} #stacks_in_2917 .element-link, #stacks_in_2917 .wrapper-link { display: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2 !important; width: 100%; height: 100%; } #stacks_in_2917 * { box-sizing: border-box !important; } #stacks_in_2917 .extend_image_main { background-image: url(https://images.unsplash.com/photo-1556909115-3f381036bcb3?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEzMjQ5fQ) !important; filter: contrast(100%) brightness(100%) grayscale(0%) blur(5px) !important; -webkit-filter: contrast(100%) brightness(100%) grayscale(0%) blur(5px) !important; background-size: cover !important; background-position: 50% 50% !important; opacity: 1 !important; } #stacks_in_2917 .extend_image_main_colour { } #stacks_in_2917 .extend_image_main_colour_border { } /* Text BG left */ #stacks_in_2917 .left-box-over-bg-0 path, #stacks_in_2917 .left-box-over-bg-1 path, #stacks_in_2917 .left-box-over-bg-2 path, #stacks_in_2917 .left-box-over-bg-3 path, #stacks_in_2917 .left-box-over-bg-4 path, #stacks_in_2917 .left-box-over-bg-5 path, #stacks_in_2917 .left-box-over-bg-6 path, #stacks_in_2917 .left-box-over-bg-7 path, #stacks_in_2917 .left-box-over-bg-8 path, #stacks_in_2917 .left-box-over-bg-9 path, #stacks_in_2917 .left-box-over-bg-10 path { fill: rgba(203, 0, 1, 0.92) !important; stroke-style: solid !important; stroke-width: 6px !important; stroke: rgba(167, 2, 1, 1.00) !important; } #stacks_in_2917 .left-box-over-bg-1 { display: block !important; } /* BG back shape */ #stacks_in_2917 .morph-shape-1, #stacks_in_2917 .morph-shape-1 path, #stacks_in_2917 .morph-shape-2, #stacks_in_2917 .morph-shape-2 path, #stacks_in_2917 .morph-shape-3, #stacks_in_2917 .morph-shape-3 path { fill: rgba(255, 255, 255, 0.00) !important; stroke-style: solid !important; stroke-width: 1px !important; stroke: rgba(255, 255, 255, 0.49) !important; } /* NOTE use the order 2 and 1 and 3 to fix consolid. css */ #stacks_in_2917 .morph-shape-2, #stacks_in_2917 .morph-shape-2 path { } #stacks_in_2917 .morph-shape-1, #stacks_in_2917 .morph-shape-1 path { } #stacks_in_2917 .morph-shape-3, #stacks_in_2917 .morph-shape-3 path { } /* foundation RTL theme fix direction:ltr */ #stacks_in_2917 .HYPE_document { direction:ltr !important; margin:auto; position:relative; display: block; overflow: hidden; width: 100%; min-height: 560px; max-width: 300px !important; } /* IMG LINE */ #stacks_in_2917 .anim-line { text-align: left !important; position: absolute !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: auto !important; important; margin-top: auto !important; width: 450px !important; height: 450px !important; } #stacks_in_2917 .anim-line path { stroke-width: 3px !important; stroke: rgba(250, 8, 0, 0.62) !important; } /* IMG */ /* removed below width: auto !important; fix in Edge */ #stacks_in_2917 .extend_image { left: 0 !important; right: 0 !important; text-align: center !important; margin: auto !important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; background-image: url(https://images.unsplash.com/photo-1556909115-3f381036bcb3?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEzMjQ5fQ) !important; max-width: 65% !important; height: 75% !important; filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25)) !important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; background-size: cover !important; } #stacks_in_2917 .extend_image_main_overlay { background-color: transparent !important; position: relative; } #stacks_in_2917 .extend_image_main_grid { } #stacks_in_2917 .hype_box { box-sizing: border-box !important; text-align: center !important; max-height: 95vh; margin: auto !important; width: auto; display: inline-table !important; right: 0 !important; left: 0 !important; border-style: none !important; top: 0; } #stacks_in_2917 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; max-width: 25% !important; -webkit-animation: fade-css 0.25s ease-in-out both; animation: fade-css 0.25s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_2917 .inner_slice_content, #stacks_in_2917 .inner_slice_content p, #stacks_in_2917 .inner_slice_content span, #stacks_in_2917 .inner_slice_content [class*="fa fa-"], #stacks_in_2917 .inner_slice_content h1, #stacks_in_2917 .inner_slice_content h2, #stacks_in_2917 .inner_slice_content h3, #stacks_in_2917 .inner_slice_content h4, #stacks_in_2917 .inner_slice_content h5, #stacks_in_2917 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color:#FFFFFF !important; } #stacks_in_2917 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_2917 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_2917 .inner_slice_content a:link, #stacks_in_2917 .inner_slice_content a { color:#FFB8A2 !important; } #stacks_in_2917 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_2917 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_2917 .inner_slice_content a:hover { color:#FFFFFF !important; } /* hype */ #stacks_in_2917 .viewport-morph-trigger { opacity: 0.45; } #stacks_in_2917 .viewport-rotscal-trigger { opacity: 0.45; } #stacks_in_2917 .viewport-line-trigger { opacity: 0.45; margin-top: 180px !important; opacity: 1.0; } #stacks_in_2917 .setting_panel_slide { position: absolute !important; margin-left: -25%; } /* BP min */ @media screen and (min-width: 9000px ) { #stacks_in_2917 .anim-line { } #stacks_in_2917 .inner_slice {max-width: 25% !important;} #stacks_in_2917 .hype_box, #stacks_in_2917 .wrapper-link { width: 75% !important; left: 25% !important; margin-top: 0 !important; margin-bottom: 10% !important; max-height: 560px; } #stacks_in_2917 .left-box-over-bg-1 { margin-left: -25% !important; } #stacks_in_2917 .extend_image { top: 12% !important; background-position: 75% 80% !important; /* below desktop - 2 col only- to use in one */ } #stacks_in_2917 .setting_panel_slide { } #stacks_in_2917 .inner_slice_content { padding-top: 0px; } } /* Hype element center in MAX */ #stacks_in_2917 .setting_panel_slide { } /* breakpoint MAX */ @media screen and (max-width: 9000px ) { /* 2 col */ #stacks_in_2917 .inner_slice { max-width: 100% !important; margin-top: 340px; %%[[if !edit]]%% top: 0px !important; %%[[endif]]%% } #stacks_in_2917 .inner_slice_content { background-color: rgba(203, 0, 1, 0.92); border-top-style: solid !important; border-top-width: 6px !important; border-top-color: rgba(167, 2, 1, 1.00) !important; } #stacks_in_2917 .hype_box, #stacks_in_2917 .wrapper-link { max-width: 100% !important; left: 0% !important; position: absolute !important; top: 0 !important; max-height: 340px; } #stacks_in_2917 .hype_box { display: block !important; margin-top: 0px !important; } #stacks_in_2917 .extend_image { top: 10% !important; max-width: 270px !important; height: 270px !important; background-position: 50% 30% !important; } #stacks_in_2917 .anim-line { bottom: 0 !important; top: 0 !important; right: 0 !important; left: 0 !important; margin-right: auto !important; margin-left: auto !important; margin-bottom: auto !important; margin-top: auto !important; width: 300px !important; height: 300px !important; margin-top: 35px !important; } #stacks_in_2917 .HYPE_document { overflow: hidden !important; padding-top: 0px !important; margin-bottom: 0px !important; } #stacks_in_2917 .element-link, #stacks_in_2917 .wrapper-link, #stacks_in_2917 .wrapper-link:hover { display: none !important; } #stacks_in_2917 .left-box-over-bg-1 { display: none !important; } #stacks_in_2917 .setting_panel_slide { } } /* BP small dev */ @media screen and (max-width: 560px) { #stacks_in_2917 .extend_image { } } /* BP internal */ @media screen and (max-width: 420px ) { #stacks_in_2917 .anim-line { } } /* -- End EACH CSS Template -- */ #stacks_in_2941_1 { padding: 25px; } #stacks_in_2878 .r_maxwidth { display: block; margin-left: auto; margin-right: auto; float: none; max-width: 1200px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } @media screen and (max-width: 1200px) { #stacks_in_2878 .r_maxwidth { }} @media screen and (max-width: 720px) { #stacks_in_2878 .r_maxwidth { }} @media screen and (max-width: 90px) { #stacks_in_2878 .r_maxwidth { display:block; width: 100%; width: auto; !important; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; /*Custom CSS;*/ }} #stacks_in_2859 { padding: 65px 20px 20px 20px; } #stacks_in_2942_1>.s3_row { margin: 0 -10px; } #stacks_in_2942_1>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_2942_1>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_2942_1>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_2942_1>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_2942_1>.s3_row { margin: -10px 0; } #stacks_in_2942_1>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_2942_2 { background-color: rgba(224, 224, 224, 1.00); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 20px 10px 1px 10px; } #stacks_in_2942_24 { padding: 24px 0px 23px 0px; } #stacks_in_2942_5 { padding: 9px 10px 10px 17px; } #stacks_in_2942_9 { background-color: rgba(224, 224, 224, 1.00); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 11px 10px 10px 10px; } #stacks_in_2942_12 { padding: 19px 10px 10px 17px; } #stacks_in_2942_16 { background-color: rgba(224, 224, 224, 1.00); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 20px 10px 2px 10px; } #stacks_in_2942_17 { padding: 4px 0px 0px 0px; } #stacks_in_2942_19 { padding: 19px 10px 10px 17px; } #stacks_in_2890 { padding: 15px 20px 60px 20px; }