#stacks_in_1_body, body { min-height: 100vh; /* mobile viewport bug fix */ min-height: -webkit-fill-available; height: 100vh; /* Fallback for browsers that do not support Custom Properties */ height: calc(var(--vh, 1vh) * 100); } #stacks_in_1_html, html { height: -webkit-fill-available; } /* -- End PAGE CSS Template -- */.com_joeworkman_stacks_link_stack a{display:block;text-decoration:none!important;padding:0;margin:0} /* Start Obscure Email stack CSS code */ .stacks_in_2topbar { background-color: #3D82EA; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-bottom: none; padding: 6px 3px 2px 10px; min-height: 40px; font-weight: bold; font-size: 16px; color: #ffffff; } .stacks_in_2mainarea { background-color: #ffffff; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-top: none; padding: 10px; } .stacks_in_2small{ font-weight: normal; font-size: 12px; } .stacks_in_2centerbox { background-color: #ffffff; border: 1px solid #CDDACF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; color: #333; } .stacks_in_2centerbox b { color: #DA0140; } /* End Obscure Email stack CSS code */ /* Start Obscure Email stack CSS code */ .stacks_in_3_13topbar { background-color: #3D82EA; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-bottom: none; padding: 6px 3px 2px 10px; min-height: 40px; font-weight: bold; font-size: 16px; color: #ffffff; } .stacks_in_3_13mainarea { background-color: #ffffff; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-top: none; padding: 10px; } .stacks_in_3_13small{ font-weight: normal; font-size: 12px; } .stacks_in_3_13centerbox { background-color: #ffffff; border: 1px solid #CDDACF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; color: #333; } .stacks_in_3_13centerbox b { color: #DA0140; } /* End Obscure Email stack CSS code */ /* --------- edit mode --------- */ /* --------- edit mode end --------- */ /* MINI NAV first level only */ #stacks_in_3_19 .pocket-nav { margin-right: auto; margin-left: auto; width: 100%; text-align: center; position: relative; padding-bottom: 2px; padding-top: 2px; text-transform: none !important; display: none !important; margin-bottom: 1px; } @media (min-width: 600px) { #stacks_in_3_19 .pocket-nav { } } #stacks_in_3_19 .pocket-nav ul { list-style-type: none; overflow: hidden; background-color: transparent; display: inline; padding: 0; } #stacks_in_3_19 .pocket-nav li { display: inline-block; } #stacks_in_3_19 .pocket-nav li a { display: block; padding: 3px 7px; font-size: 13px; letter-spacing: 1px; line-height: 1em; margin-bottom: 2px; margin-top: 2px; margin-right: 6px; text-decoration: none !important; background-color: rgba(233, 233, 233, 0.20); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } #stacks_in_3_19 .pocket-nav ul ul, #stacks_in_3_19 .pocket-nav .parent:before, #stacks_in_3_19 .pocket-nav .parent:after, #stacks_in_3_19 .pocket-nav .parent::before, #stacks_in_3_19 .pocket-nav .parent::after { display: none !important; } #stacks_in_3_19 .pocket-nav a [class^="fa fa-"], #stacks_in_3_19 .pocket-nav ul a [class*="fa fa-"], #stacks_in_3_19 .pocket-nav a:link, #stacks_in_3_19 .pocket-nav a:visited, #stacks_in_3_19 .pocket-nav2 a:link, #stacks_in_3_19 .pocket-nav2 a:visited { color: #4E7ABF; } #stacks_in_3_19 .pocket-nav a:hover [class^="fa fa-"], #stacks_in_3_19 .pocket-nav ul a:hover [class*="fa fa-"], #stacks_in_3_19 .pocket-nav a:hover, #stacks_in_3_19 .pocket-nav #current, #stacks_in_3_19 .pocket-nav .current, #stacks_in_3_19 .pocket-nav ul #current, #stacks_in_3_19 .pocket-nav ul .current, #stacks_in_3_19 .pocket-nav a:active, #stacks_in_3_19 .pocket-nav .currentAncestor, #stacks_in_3_19 .pocket-nav ul #currentAncestor, #stacks_in_3_19 .pocket-nav ul .currentAncestor, #stacks_in_3_19 .pocket-nav #currentAncestor, #stacks_in_3_19 .pocket-nav2 a:hover, #stacks_in_3_19 .pocket-nav2 #current, #stacks_in_3_19 .pocket-nav2 .current, #stacks_in_3_19 .pocket-nav2 ul #current, #stacks_in_3_19 .pocket-nav2 ul .current, #stacks_in_3_19 .pocket-nav2 a:active, #stacks_in_3_19 .pocket-nav2 .currentAncestor, #stacks_in_3_19 .pocket-nav2 ul #currentAncestor, #stacks_in_3_19 .pocket-nav2 ul .currentAncestor, #stacks_in_3_19 .pocket-nav2 #currentAncestor { color: #2D466E; } #stacks_in_3_19 .pocket-wrapper { position: fixed; margin-right: auto; margin-left: auto; left: 0; right: 0; display: none; z-index: 999 !important; bottom: 0; width: 100% !important; max-width: 100% !important; } @media (min-width: 600px) { #stacks_in_3_19 .pocket-wrapper { } } @media (max-width: 600px) { #stacks_in_3_19 .pocket-wrapper { } } #stacks_in_3_19 .pocket-size { z-index: 1000; width: 100%; background-color: rgba(253, 128, 8, 0.30); overflow: auto; min-height: 5px !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } #stacks_in_3_19 .progress-line-bg { width: 100%; overflow: visible; position: absolute; height: 100% !important; top: 0; } #stacks_in_3_19 .progress-line { width: 0%; overflow: visible; position: absolute; display: none; opacity: 0.99; border-top-right-radius:px; -webkit-border-top-right-radius:px; -moz-border-radius-topright:px; border-bottom-right-radius:px; -webkit-border-bottom-right-radius:px; -moz-border-radius-bottomright:px; height: 100% !important; top: 0; background-image: url(../files/pocket_line_image-19-4CA.jpg) !important; background-repeat: no-repeatrepeat; background-size: cover !important; background-position: 1% 50% !important; display: block; } @keyframes gradienta1 { 0% {background-position: 0%} 100% {background-position: 100%} } @-webkit-keyframes gradienta2 { 0%{ background-position-x:0%; } 100% { background-position-x:100%; } } #stacks_in_3_19 .progress-line, #stacks_in_3_19 .progress-line-bg, #stacks_in_3_19 .pocket-size {mix-blend-mode: normal; } #stacks_in_3_19 .progress-line { } #stacks_in_3_19 .pocket-size, #stacks_in_3_19 .progress-line {height: auto; min-height: 3px; } #stacks_in_3_19 .pocket-slice-content, #stacks_in_3_19 .pocket-slice-content-mobile, #stacks_in_3_19 .pocket-nav, #stacks_in_3_19 .pocket-footer { font-family: "Lucida Sans Unicode", sans-serif !important; font-weight: 400 !important; } #stacks_in_3_19 .pocket-slice-content, #stacks_in_3_19 .pocket-slice-content-mobile { margin-right: auto; margin-left: auto; max-width: 800px !important; } #stacks_in_3_19 .pocket-slice-content h1, #stacks_in_3_19 .pocket-slice-content h2, #stacks_in_3_19 .pocket-slice-content h3, #stacks_in_3_19 .pocket-slice-content h4, #stacks_in_3_19 .pocket-slice-content h5, #stacks_in_3_19 .pocket-slice-content h6, #stacks_in_3_19 .pocket-slice-content-mobile h1, #stacks_in_3_19 .pocket-slice-content-mobile h2, #stacks_in_3_19 .pocket-slice-content-mobile h3, #stacks_in_3_19 .pocket-slice-content-mobile h4, #stacks_in_3_19 .pocket-slice-content-mobile h5, #stacks_in_3_19 .pocket-slice-content-mobile h6 { } #stacks_in_3_19 .pocket-wrapper { box-sizing: border-box; } /* SLICE setting */ #stacks_in_3_19 .pocket-slice-content, #stacks_in_3_19 .pocket-slice-content-mobile { } @keyframes slice-fade { 0% {opacity: 0;} 30% {opacity: 0;} 100% { opacity: 1;} } @-webkit-keyframes slice-fade { 0% {opacity: 0;} 30% {opacity: 0;} 100% { opacity: 1;} } @keyframes slice-scale { 0% {transform: scale(0.7); opacity: 0;} 100% {transform: scale(1); opacity: 1;} } @-webkit-keyframes slice-scale { 0% {transform: scale(0.7); opacity: 0;} 100% {transform: scale(1); opacity: 1;} } @keyframes slice-bounce { 0% { transform: translateY(0); } 20% { transform: translateY(-8px); } 50% { transform: translateY(0); } 100% { transform: translateY(0); } } @-webkit-keyframes slice-bounce { 0% { transform: translateY(0); } 20% { transform: translateY(-8px); } 50% { transform: translateY(0); } 100% { transform: translateY(0); } } @keyframes slice-bounce2 { 0% { transform: translateY(0); } 20% { transform: translateY(8px); } 50% { transform: translateY(0); } 100% { transform: translateY(0); } } @-webkit-keyframes slice-bounce2 { 0% { transform: translateY(0); } 20% { transform: translateY(8px); } 50% { transform: translateY(0); } 100% { transform: translateY(0); } } #stacks_in_3_19 .pocket-slice-content { font-size: 14px; line-height: 20px; } #stacks_in_3_19 .pocket-slice-content { display: block; display: block; } #stacks_in_3_19 .pocket-slice-content-mobile { display: none; } @media (max-width: 600px) { #stacks_in_3_19 .pocket-slice-content, #stacks_in_3_19 .pocket-slice-content p, #stacks_in_3_19 .pocket-slice-content span, #stacks_in_3_19 .pocket-slice-content [class*="fa fa-"],#stacks_in_3_19 .pocket-slice-content h1, #stacks_in_3_19 .pocket-slice-content h2, #stacks_in_3_19 .pocket-slice-content h3, #stacks_in_3_19 .pocket-slice-content h4, #stacks_in_3_19 .pocket-slice-content h5, #stacks_in_3_19 .pocket-slice-content h6, #stacks_in_3_19 .pocket-slice-content-mobile, #stacks_in_3_19 .pocket-slice-content-mobile p, #stacks_in_3_19 .pocket-slice-content-mobile span, #stacks_in_3_19 .pocket-slice-content-mobile [class*="fa fa-"], #stacks_in_3_19 .pocket-slice-content-mobile h1, #stacks_in_3_19 .pocket-slice-content-mobile h2, #stacks_in_3_19 .pocket-slice-content-mobile h3, #stacks_in_3_19 .pocket-slice-content-mobile h4, #stacks_in_3_19 .pocket-slice-content-mobile h5, #stacks_in_3_19 .pocket-slice-content-mobile h6 { } #stacks_in_3_19 .pocket-slice-content, #stacks_in_3_19 .pocket-slice-content-mobile { font-size: 14px; line-height: 20px; } #stacks_in_3_19 .pocket-slice-content { } #stacks_in_3_19 .pocket-slice-content-mobile { } } #stacks_in_3_19 .pocket-slice-content, #stacks_in_3_19 .pocket-slice-content p, #stacks_in_3_19 .pocket-slice-content span, #stacks_in_3_19 .pocket-slice-content [class*="fa fa-"],#stacks_in_3_19 .pocket-slice-content h1, #stacks_in_3_19 .pocket-slice-content h2, #stacks_in_3_19 .pocket-slice-content h3, #stacks_in_3_19 .pocket-slice-content h4, #stacks_in_3_19 .pocket-slice-content h5, #stacks_in_3_19 .pocket-slice-content h6, #stacks_in_3_19 .pocket-slice-content-mobile, #stacks_in_3_19 .pocket-slice-content-mobile p, #stacks_in_3_19 .pocket-slice-content-mobile span, #stacks_in_3_19 .pocket-slice-content-mobile [class*="fa fa-"],#stacks_in_3_19 .pocket-slice-content-mobile h1, #stacks_in_3_19 .pocket-slice-content-mobile h2, #stacks_in_3_19 .pocket-slice-content-mobile h3, #stacks_in_3_19 .pocket-slice-content-mobile h4, #stacks_in_3_19 .pocket-slice-content-mobile h5, #stacks_in_3_19 .pocket-slice-content-mobile h6 { -webkit-font-smoothing: antialiased; color: #313131 !important; } #stacks_in_3_19 .pocket-slice-content h1, #stacks_in_3_19 .pocket-slice-content h2, #stacks_in_3_19 .pocket-slice-content h3, #stacks_in_3_19 .pocket-slice-content h4, #stacks_in_3_19 .pocket-slice-content h5, #stacks_in_3_19 .pocket-slice-content h6, #stacks_in_3_19 .pocket-slice-content-mobile h1, #stacks_in_3_19 .pocket-slice-content-mobile h2, #stacks_in_3_19 .pocket-slice-content-mobile h3, #stacks_in_3_19 .pocket-slice-content-mobile h4, #stacks_in_3_19 .pocket-slice-content-mobile h5, #stacks_in_3_19 .pocket-slice-content-mobile h6, #stacks_in_3_19 .pocket-slice-content h1 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content h2 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content h3 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content h4 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content h5 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content h6 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content-mobile h1 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content-mobile h2 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content-mobile h3 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content-mobile h4 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content-mobile h5 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content-mobile h6 [class^="fa fa-"] { } #stacks_in_3_19 .pocket-slice-content a:link [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:visited [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:link, #stacks_in_3_19 .pocket-slice-content a, #stacks_in_3_19 .pocket-slice-content-mobile a:link [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content-mobile a:visited [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content-mobile a:link, #stacks_in_3_19 .pocket-slice-content-mobile a { color: #4E7ABF !important; text-decoration: none; transition-property: color; transition-duration: 250ms; -webkit-transition-property: color; -webkit-transition-duration: 250ms; -moz-transition-property: color; -moz-transition-duration: 250ms; } #stacks_in_3_19 .pocket-slice-content a:link h1, #stacks_in_3_19 .pocket-slice-content a:visited h1, #stacks_in_3_19 .pocket-slice-content a:link h2, #stacks_in_3_19 .pocket-slice-content a:visited h2, #stacks_in_3_19 .pocket-slice-content a:link h3, #stacks_in_3_19 .pocket-slice-content a:visited h3, #stacks_in_3_19 .pocket-slice-content a:link h4, #stacks_in_3_19 .pocket-slice-content a:visited h4, #stacks_in_3_19 .pocket-slice-content a:link h5, #stacks_in_3_19 .pocket-slice-content a:visited h5, #stacks_in_3_19 .pocket-slice-content a:link h6, #stacks_in_3_19 .pocket-slice-content a:visited h6, #stacks_in_3_19 .pocket-slice-content a:link h1 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:visited h1 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:link h2 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:visited h2 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:link h3 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:visited h3 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:link h4 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:visited h4 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:link h5 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:visited h5 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:link h6 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:visited h6 [class^="fa fa-"] { } #stacks_in_3_19 .pocket-slice-content a:hover [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:active [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:hover, #stacks_in_3_19 .pocket-slice-content-mobile a:hover [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content-mobile a:active [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content-mobile a:hover { color: #2D466E !important; text-decoration: none; } #stacks_in_3_19 .pocket-slice-content a:hover h1, #stacks_in_3_19 .pocket-slice-content a:active h1, #stacks_in_3_19 .pocket-slice-content a:hover h2, #stacks_in_3_19 .pocket-slice-content a:active h2, #stacks_in_3_19 .pocket-slice-content a:hover h3, #stacks_in_3_19 .pocket-slice-content a:active h3, #stacks_in_3_19 .pocket-slice-content a:hover h4, #stacks_in_3_19 .pocket-slice-content a:active h4, #stacks_in_3_19 .pocket-slice-content a:hover h5, #stacks_in_3_19 .pocket-slice-content a:active h5, #stacks_in_3_19 .pocket-slice-content a:hover h6, #stacks_in_3_19 .pocket-slice-content a:active h6, #stacks_in_3_19 .pocket-slice-content a:hover h1 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:active h1 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:hover h2 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:active h2 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:hover h3 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:active h3 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:hover h4 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:active h4 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:hover h5 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:active h5 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:hover h6 [class^="fa fa-"], #stacks_in_3_19 .pocket-slice-content a:active h6 [class^="fa fa-"] { } #stacks_in_3_19 .pocket-slice-content, #stacks_in_3_19 .pocket-slice-content p, #stacks_in_3_19 .pocket-slice-content span, #stacks_in_3_19 .pocket-slice-content [class*="fa fa-"],#stacks_in_3_19 .pocket-slice-content h1, #stacks_in_3_19 .pocket-slice-content h2, #stacks_in_3_19 .pocket-slice-content h3, #stacks_in_3_19 .pocket-slice-content h4, #stacks_in_3_19 .pocket-slice-content h5, #stacks_in_3_19 .pocket-slice-content h6, #stacks_in_3_19 .pocket-slice-content-mobile, #stacks_in_3_19 .pocket-slice-content-mobile p, #stacks_in_3_19 .pocket-slice-content-mobile span, #stacks_in_3_19 .pocket-slice-content-mobile [class*="fa fa-"], #stacks_in_3_19 .pocket-slice-content-mobile h1, #stacks_in_3_19 .pocket-slice-content-mobile h2, #stacks_in_3_19 .pocket-slice-content-mobile h3, #stacks_in_3_19 .pocket-slice-content-mobile h4, #stacks_in_3_19 .pocket-slice-content-mobile h5, #stacks_in_3_19 .pocket-slice-content-mobile h6 { text-align: truefalsefalse; } /* pocket footer */ #stacks_in_3_19 .pocket-footer { margin-right: auto; margin-left: auto; position: relative; text-align: center; -webkit-font-smoothing: antialiased; padding: 6px 5px; font-size: 11px !important; display: none; line-height: 1.1em; margin-top: 0px !important; } #stacks_in_3_19 .pocket-footer, #stacks_in_3_19 .pocket-footer a, #stacks_in_3_19 .pocket-footer p { color: #313131 !important; } #stacks_in_3_19 .pocket-footer a:link { text-decoration: underline; } /* fix issue mobile extend to 100 perc */ @media only screen and (max-device-width: 1024px) and (orientation: portrait) { #stacks_in_3_19 .progress-line { padding-left: 7% !important; padding-right: 7% !important;} } @media only screen and (min-device-width: 1024px) and (orientation: portrait) { #stacks_in_3_19 .progress-line { padding-left: 8% !important; padding-right: 8% !important;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { #stacks_in_3_19 .progress-line { padding-left: 8% !important; padding-right: 8% !important;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_3_19 .progress-line { padding-left: 6% !important; padding-right: 6% !important;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_3_19 .progress-line { padding-left: 6% !important; padding-right: 6% !important;} } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_3_19 .progress-line { padding-left: 6% !important; padding-right: 6% !important;} } /* fix themes - lander basic AND Mountains */ #global_width {transform: unset;} .content .container .intro, [data-aos=fade-right] { transform: unset !important; -webkit-transform: unset !important; } /* -- End EACH CSS Template -- */ /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_3_20 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_3_20 .container:after, #stacks_in_3_20 .row:after, #stacks_in_3_20 .mbcol:after, #stacks_in_3_20 .clr:after, #stacks_in_3_20 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_3_20 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_3_20 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_3_20 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_3_20 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_3_20 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_3_20 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_3_20 .mbspan_3 { margin:0; width: 25%; } #stacks_in_3_20 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_3_20 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_3_20 .mbspan_6 { margin:0; width: 50%; } #stacks_in_3_20 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_3_20 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_3_20 .mbspan_9 { margin:0; width: 75%; } #stacks_in_3_20 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_3_20 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_3_20 .mbspan_12 { margin:0; width: 100%; } #stacks_in_3_20 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_3_20 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_3_20 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_3_20 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_3_20 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_3_20 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_3_20 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_3_20 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_3_20 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_3_20 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_3_20 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_3_20 .gutters .mbspan_12 { margin:0; width: 100%; } } .spacerStack { height: 10.00px; } #spacerStackstacks_in_3_21 { height: 10.00px; } @media print { #spacerStackstacks_in_3_21 { display: none !important; } } .spacerStack { height: 10.00px; } #spacerStackstacks_in_3_25 { height: 10.00px; } @media print { #spacerStackstacks_in_3_25 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_3_26 { height: 40.00px; } @media print { #spacerStackstacks_in_3_26 { display: none !important; } } /* -- Start Eternity2 Each css Template -- */ .stacks_in_4eternityContainer { overflow: hidden; position: relative; } .stacks_in_4eternityContainer { background-image: url("../files/background_image-4.jpg") !important; background-position: 50% 50% !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .stacks_in_4overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background:url("../files/eternity2Assets/00.png") !important; } .stacks_in_4contentBox{ text-align: center; opacity: 1; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .stacks_in_4content{ max-width: 1000px; margin: 0 auto 0 auto; padding: 80px 20px 80px 20px; text-align: center !important; } .stacks_in_4content,.stacks_in_4content h1,.stacks_in_4content h2,.stacks_in_4content h3,.stacks_in_4content h4,.stacks_in_4content h5,.stacks_in_4content h6{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_4content a,.stacks_in_4content a:active,.stacks_in_4content a:visited{ color: rgba(59, 148, 217, 1.00) !important; text-decoration: none !important; } .stacks_in_4content a:hover{ color: rgba(221, 221, 221, 1.00) !important; text-decoration: none !important; } .stacks_in_4eternityScrollButton i{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_4eternityScrollButton{ position: absolute; width: 100%; bottom: 0; color: #fff !important; font-size: 36px; text-align: center; padding-top: 30px; padding-bottom: 30px; display: none; cursor: pointer; } .stacks_in_4eternityScrollButton{ display: block; } /* -- End Unified -- */ .stacks_in_4eternityContainer { min-height: 500px; } .stacks_in_4contentBox{ position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } /* -- End Preview/Published -- */ @keyframes eternityanimation { 43% { transform: translate(0,0);} 0% { transform: translate(0,0);} 30% { transform: translate(0,11px);} 17% { transform: translate(0,-5px);} 11% { transform: translate(0,0);} } @-webkit-keyframes eternityanimation { 43% { transform: translate(0,0);} 0% { transform: translate(0,0);} 30% { transform: translate(0,11px);} 17% { transform: translate(0,-5px);} 11% { transform: translate(0,0);} } /* apply the .animation class to the element you want to animate */ .eternityanimation { animation: eternityanimation 3s ease-in-out 0s infinite normal none; -webkit-animation: eternityanimation 3s ease-in-out 0s infinite normal none; } /* -- End Eternity2 Each css Template -- *//* -- Start EACH CSS Template -- */ #stacks_in_5 .hype_title_main { -webkit-font-smoothing: antialiased !important; font-size: 90px !important; line-height: 90px !important; letter-spacing: 1px !important; text-transform: uppercase !important; font-style: normal !important; -webkit-transform: translate3d(0,0,0) !important; margin-top: 14% !important; top: 0% !important; background: -webkit-linear-gradient( 90deg, rgba(128, 128, 4, 1.00) 20%, rgba(127, 127, 127, 1.00) 70%) !important; background: linear-gradient( 90deg, rgba(128, 128, 4, 1.00) 20%, rgba(127, 127, 127, 1.00) 70%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; text-fill-color: transparent !important; font-family: 'Raleway' !important; font-weight: 200 !important; } @media (max-width: 600px) { #stacks_in_5 .hype_title_main { font-size: 200px !important; line-height: 200px !important; } } #stacks_in_5 .hype_title_main { } /* alternate blend */ #stacks_in_5 .hype_title_blend_on-off { } #stacks_in_5 .hype_title_on-off { display: block !important; } #stacks_in_5 .hype_title_blend_cut_shadow { } #stacks_in_5 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_5 .HYPE_document { overflow: auto; direction:ltr !important; margin:auto; position:relative; display: block; width: 100%; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; height: 100% !important; } /* layer 2 */ #stacks_in_5 .hype_bgs-2 { opacity: 100 !important; background-image: url(../files/stack_bg_image-5.jpg) !important; filter: contrast(100%) brightness(100%) grayscale(0%) sepia(0%) hue-rotate(0deg) blur(10px) !important; -webkit-filter: contrast(100%) brightness(100%) grayscale(0%) sepia(0%) hue-rotate(0deg) blur(10px) !important; } /* layer 1 */ #stacks_in_5 .hype_bgs-1 { opacity: 100 !important; background-image: url(../files/stack_bg_image-5.jpg) !important; } /* layers IMG position setting NEW */ #stacks_in_5 .hype_bgs-1, #stacks_in_5 .hype_bgs-2 { background-size: cover !important; pointer-events: none; background-position: 50% 50% !important; } @media screen and (max-width: 600px) { #stacks_in_5 .hype_bgs-1, #stacks_in_5 .hype_bgs-2 { } } @media (max-width: 480px) { #stacks_in_5 .hype_bgs-1, #stacks_in_5 .hype_bgs-2{ background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_5 .hype_bgs-1, #stacks_in_5 .hype_bgs-2 { background-attachment: scroll !important; } } @media (min-width: 1025px) { #stacks_in_5 .hype_bgs-1, #stacks_in_5 .hype_bgs-2 { background-attachment: fixed !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_5 .hype_bgs-1, #stacks_in_5 .hype_bgs-2 { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_5 .hype_bgs-1, #stacks_in_5 .hype_bgs-2 { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_5 .hype_bgs-1, #stacks_in_5 .hype_bgs-2 { background-attachment: scroll !important; } } /* BANDS */ #stacks_in_5 .hype-band-up, #stacks_in_5 .hype-band-mid, #stacks_in_5 .hype-band-up path, #stacks_in_5 .hype-band-mid path { display: block !important; } #stacks_in_5 .hype-band-up, #stacks_in_5 .hype-band-up path { } #stacks_in_5 .hype-band-up path, #stacks_in_5 .hype-band-mid path { fill: #FFFFFF !important; } /* SLICE */ #stacks_in_5 .inner_slice_content, #stacks_in_5 .inner_slice_content p { } #stacks_in_5 .inner_slice_content h1, #stacks_in_5 .inner_slice_content h2, #stacks_in_5 .inner_slice_content h3, #stacks_in_5 .inner_slice_content h4, #stacks_in_5 .inner_slice_content h5, #stacks_in_5 .inner_slice_content h6 { } #stacks_in_5 .inner_slice_content { text-align: left; pointer-events: auto; -webkit-animation: fade-the-slice-css 0.30s ease-in-out both; animation: fade-the-slice-css 0.30s ease-in-out both; -webkit-animation-delay: 0.30s; animation-delay: 0.30s; padding: 20px; background-color: rgba(255, 255, 255, 0.60) !important; } @keyframes fade-the-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-the-slice-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_5 .inner_slice { margin: 0 auto auto; max-width: 1150px; min-width: 200px; z-index: 2; position: relative; background-color: transparent !important; margin-top: -20vh !important; margin-bottom: 0vh !important; } #stacks_in_5 .inner_slice_content, #stacks_in_5 .inner_slice_content p, #stacks_in_5 .inner_slice_content span, #stacks_in_5 .inner_slice_content [class*="fa fa-"], #stacks_in_5 .inner_slice_content h1, #stacks_in_5 .inner_slice_content h2, #stacks_in_5 .inner_slice_content h3, #stacks_in_5 .inner_slice_content h4, #stacks_in_5 .inner_slice_content h5, #stacks_in_5 .inner_slice_content h6 { -webkit-font-smoothing: antialiased; color: #4F4F4F !important; } #stacks_in_5 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_5 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_5 .inner_slice_content a:link, #stacks_in_5 .inner_slice_content a { color: #FD8008 !important; } #stacks_in_5 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_5 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_5 .inner_slice_content a:hover { color: #4878A2 !important; } #stacks_in_5 .inner_slice_content, #stacks_in_5 .inner_slice_content p, #stacks_in_5 .inner_slice_content span, #stacks_in_5 .inner_slice_content [class*="fa fa-"], #stacks_in_5 .inner_slice_content h1, #stacks_in_5 .inner_slice_content h2, #stacks_in_5 .inner_slice_content h3, #stacks_in_5 .inner_slice_content h4, #stacks_in_5 .inner_slice_content h5, #stacks_in_5 .inner_slice_content h6 { text-align: left !important; } #stacks_in_5 .bg-extend { background-color: rgba(255, 255, 255, 1.00) !important; height: 100%; width: 100%; } #stacks_in_5 .HYPE_document { position: relative; } #stacks_in_5_default12_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_5 .extend12 { margin: auto; width: 100%; position: relative; min-height: 70vh; } #stacks_in_5 .inner_slice-wrapper { position: relative; } #stacks_in_5 .hype-top-gradient { background: radial-gradient( rgba(155, 74, 81, 0.00) 41%, rgba(255, 134, 146, 0.29) 100%) !important; } #stacks_in_5 .hype-bottom-gradient { background: linear-gradient( 0deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 0.00) 86%) !important; } /* scroll button */ #stacks_in_5 .scrollButton-box { display: none !important; position: absolute !important; z-index: 10; right: 0; left: 0; padding: 0 6px 0 0; width: auto; display: block; text-align: center !important; margin-right: auto; margin-left: auto; top: -9vh !important; } #stacks_in_5 .scrollButton-caption { pointer-events: none !important; font-size: 15px; line-height: 1.2em; letter-spacing: 1px; text-indent: -5px !important; margin-right: auto; margin-left: auto; z-index: 1; top: -25px; display:none; text-align: center !important; position: absolute; overflow: visible; right: 0; bottom: 0; width: 100%; padding-top: 0; margin-top: 0px; color: rgba(255, 255, 255, 1.00) !important; display: block !important; } #stacks_in_5 .fa-circle { color: rgba(202, 162, 171, 1.00) !important; } #stacks_in_5 .fa-stack, #stacks_in_5 .fa-stack-1x, #stacks_in_5 .fa-stack-2x { font-size: 96% !important; line-height: 96% !important; } #stacks_in_5 .scrollButton-box [class^="fa fa-"], #stacks_in_5 .scrollButton-box #stacks_in_5 [class*="fa fa-"], #stacks_in_5 .scrollButton-caption { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_5 .scrollButton-caption:active { } #stacks_in_5 .scrollButton-box [class^="fa fa-"], #stacks_in_5 .scrollButton-box #stacks_in_5 [class*="fa fa-"] { } #stacks_in_5 .scrollButton-box [class^="fa fa-"]:hover { opacity: 0.8; } #stacks_in_5 .scrollButton-box a .fa-stack-1x { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_5 .scrollButton-box a { font-size: 60px !important; line-height: 1em; } #stacks_in_5 .scrollButton-box [class^="fa fa-"]:active { transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } #target-element { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 501px) { #stacks_in_5 .scrollButton-box { font-size: 0 !important; display: none !important; } } /* link in Hype */ #stacks_in_5 .hype-link-hover-group, #stacks_in_5 .hype-link-hover, #stacks_in_5 .hype-link-hover-blank { cursor: pointer !important; } #stacks_in_5 .hype-link-hover { cursor: pointer !important; } /* -- End EACH CSS Template -- */#stacks_in_11>.s3_row { margin: 0 -20px; } #stacks_in_11>.s3_row>.s3_column_left { width: 40.00%; } #stacks_in_11>.s3_row>.s3_column_right { width: 60.000000%; } #stacks_in_11>.s3_row>.s3_column { padding: 0 20px; } @media only screen and (max-width: 770px) { #stacks_in_11>.s3_row { margin: -20px 0; } #stacks_in_11>.s3_row>.s3_column { padding: 20px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_11>.s3_row { margin: -20px 0; } #stacks_in_11>.s3_row>.s3_column { padding: 20px 0; width:100%; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_40 { height: 40.00px; } @media print { #spacerStackstacks_in_40 { display: none !important; } } #stacks_in_42 { margin: 10px 0px 10px 0px; } #stacks_in_13 { padding: 0px 0px 15px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_18 { height: 20.00px; } @media print { #spacerStackstacks_in_18 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_21 { height: 40.00px; } @media print { #spacerStackstacks_in_21 { display: none !important; } } #stacks_in_22 .boxgrid{position:relative;overflow:hidden;margin:0 auto;border-color:#000000;border-width:0px;border-style:solid}#stacks_in_22 .boxgrid .cover,#stacks_in_22 .boxgrid .back{position:absolute !important;top:0;width:100%}#stacks_in_22 .cover .imageStyle{z-index:10} .spacerStack { height: 40.00px; } #spacerStackstacks_in_27 { height: 40.00px; } @media print { #spacerStackstacks_in_27 { display: none !important; } } #stacks_in_28>.s3_row { margin: 0 -10px; } #stacks_in_28>.s3_row>.s3_column_left { width: 30.00%; } #stacks_in_28>.s3_row>.s3_column_right { width: 70.000000%; } #stacks_in_28>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { }