.btn-group-rounded .button-group-btn:first-of-type a{border-top-left-radius:50px!important;border-bottom-left-radius:50px!important}.btn-group-rounded .button-group-btn:last-of-type a{border-top-right-radius:50px!important;border-bottom-right-radius:50px!important}@media only screen and (min-width:600px){.btn-group-rounded-m .button-group-btn:first-of-type a{border-top-left-radius:50px!important;border-bottom-left-radius:50px!important}.btn-group-rounded-m .button-group-btn:last-of-type a{border-top-right-radius:50px!important;border-bottom-right-radius:50px!important}} .splider-img>img{width:100%}.splider-switch-dark .splide__slide.is-active *{color:#262626!important}.splider-switch-light .splide__slide.is-active *{color:#fff!important}.s-slide-link{display:contents}.s-slide-link a{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:998;text-decoration:none}.grab{cursor:grab}.splide--nav>.splide__track>.splide__list>.splide__slide{cursor:pointer} .nav-wrap{margin:0 auto;overflow:visible}.nav-wrap h1,.nav-wrap h2,.nav-wrap h3,.nav-wrap h4,.nav-wrap h5,.nav-wrap h6{margin-bottom:0}.nav-content{position:relative}.contained-bar{margin:0 auto}.site-title a:hover{text-decoration:none}html:not(.menulab-js) .navbar ul,html:not(.menulab-js) .navbar li{display:block!important;position:relative!important;margin:0!important;padding:0!important;left:0!important;right:0!important}html:not(.menulab-js) .navbar .ml-arrows li::after{display:none!important}html:not(.menulab-js) .navbar a{text-align:left!important}.navbar{float:none;max-height:0;overflow:hidden;transition:max-height .5s;margin:0;padding:0;list-style-type:none}.navbar ul{margin:0}.navbar li>ul li{white-space:nowrap}.navbar li{list-style-type:none;display:block}.navbar li a{display:block;text-decoration:none;padding:3px 0.8em;transition:all 0.2s ease}.navbar li.has-dropdown>.ml-dropdown{padding-left:20px}.navbar .ml-arrows .has-dropdown::after{top:12px}.ml-dropdown,.ml-dropdown *{margin:0;padding:0;list-style:none}.ml-dropdown li{position:relative}.ml-dropdown ul{display:none;top:100%;right:0;left:auto;z-index:99}html:not(.touch-stripped) .ml-dropdown li:hover>ul{display:block}html.touch-stripped .ml-dropdown li.dd-open>ul{display:block}.ml-dropdown a{display:block;position:relative}.ml-dropdown ul ul{top:0;left:100%}.expand{max-height:100vh}.ml-arrows .has-dropdown:after{content:'';position:absolute;right:3px;margin-top:0;height:0;width:0;border:5px solid transparent}.ml-arrows ul .ml-dropdown:after{margin-top:-5px;margin-right:-3px;border-color:transparent} .hr-align-left hr { text-align: left; margin-left: 0; margin-right: auto } .hr-align-right hr { text-align: right; margin-right: 0; margin-left: auto } .hr-align-center hr { text-align: center; margin-left: auto; margin-right: auto } @media (max-width:600px) { .hr-s-align-left hr { text-align: left; margin-left: 0; margin-right: auto } .hr-s-align-right hr { text-align: right; margin-right: 0; margin-left: auto } .hr-s-align-center hr { text-align: center; margin-left: auto; margin-right: auto } } @media (min-width:600px) { .hr-m-align-left hr { text-align: left; margin-left: 0; margin-right: auto } .hr-m-align-right hr { text-align: right; margin-right: 0; margin-left: auto } .hr-m-align-center hr { text-align: center; margin-left: auto; margin-right: auto } } @media (min-width:900px) { .hr-l-align-left hr { text-align: left; margin-left: 0; margin-right: auto } .hr-l-align-right hr { text-align: right; margin-right: 0; margin-left: auto } .hr-l-align-center hr { text-align: center; margin-left: auto; margin-right: auto } } @media (min-width:1200px) { .hr-xl-align-left hr { text-align: left; margin-left: 0; margin-right: auto } .hr-xl-align-right hr { text-align: right; margin-right: 0; margin-left: auto } .hr-xl-align-center hr { text-align: center; margin-left: auto; margin-right: auto } } html{--text-color-richer:rgba(9, 9, 9, 1.00);--text-color-normal:rgba(34, 34, 34, 1.00);--text-color-softer:rgba(59, 59, 59, 1.00);--accent-color:rgba(23, 42, 58, 1.00);--accent-color-hover:rgba(20, 36, 50, 1.00);--accent-text-color:rgba(255, 255, 255, 1.00);--accent-text-color-hover:rgba(230, 230, 230, 1.00);--link-color:rgba(51, 195, 240, 1.00); --link-color-hover:rgba(5, 95, 122, 1.00); --border-color:rgba(187, 187, 187, 1.00);--border-color-softer:rgba(237, 237, 237, 1.00);--border-color-richer:rgba(137, 137, 137, 1.00);--background-color:rgba(255, 255, 255, 0.00);--background-color-alt:rgba(51, 51, 51, 0.00);--nav-bg:rgba(255, 255, 255, 0.00);--nav-bg-hover:rgba(99, 74, 43, 1.00);--nav-link:rgba(251, 247, 255, 1.00);--nav-link-hover:rgba(254, 182, 9, 1.00);--code-background:rgba(241, 241, 241, 0.00);--code-text:rgba(34, 34, 34, 1.00);--button-primary-color:rgba(255, 255, 255, 1.00);--button-primary-color-hover:rgba(230, 230, 230, 1.00);--second-color:rgba(106, 134, 144, 1.00);--second-color-hover:rgba(125, 152, 161, 1.00);--second-color-alt:rgba(255, 255, 255, 1.00);--base-font-size:62.5%;--container-max-width:1140px;--container-max-width-alt:600px}*{vertical-align:baseline;border:0 none;outline:0;padding:0;margin:0}html{font-size:62.5%;font-size:var(--base-font-size);-webkit-text-size-adjust:100%;scroll-behavior:smooth;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html,body{height:100%}body{font-size:1.60rem;line-height:1.60;font-weight:normal;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; color:rgba(34, 34, 34, 1.00);background-color:rgba(255, 255, 255, 0.00);color:var(--text-color-normal);background-color:var(--background-color);}@media (min-width:600px){body{font-size:1.60rem}p.lead{font-size:1.80rem}}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1.2rem;font-weight:bold;font-style:normal;font-family:Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;}h1,.h1{font-size:4.00rem;line-height:1.2;letter-spacing:-.1rem;}h2,.h2{font-size:3.60rem;line-height:1.25;letter-spacing:-.1rem;}h3,.h3{font-size:3.00rem;line-height:1.3;letter-spacing:-.1rem;}h4,.h4{font-size:2.40rem;line-height:1.35;letter-spacing:-.08rem;}h5,.h5{font-size:1.80rem;line-height:1.5;letter-spacing:-.05rem;}h6,.h6{font-size:1.60rem;line-height:1.6;letter-spacing:0;}@media (min-width:600px){h1,.h1{font-size:5.00rem}h2,.h2{font-size:4.20rem}h3,.h3{font-size:3.60rem}h4,.h4{font-size:3.00rem}h5,.h5{font-size:2.40rem}h6,.h6{font-size:2.00rem}}p{margin-top:0}p.lead{font-size:1.80rem}blockquote{margin-top:10px;margin-bottom:10px;margin-left:1rem;margin-right:1rem;padding-left:1rem;border-left:3px solid var(--accent-color);color:var(--text-color-softer)}a{color:var(--link-color);text-decoration:none;transition:all 0.2s ease 0s}a:hover:not(.source-button):not(.button){color:var(--link-color-hover);text-decoration:none}.stripped-button a,.source-btn{line-height:38px;font-size:14px;height:38px;font-weight:bolder;text-transform:uppercase;display:inline-block;padding:0 30px;text-decoration:none;color:var(--text-color-softer);text-align:center;letter-spacing:.1rem;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid var(--border-color);cursor:pointer;box-sizing:border-box;transition:all 0.2s ease 0s}.button-nav a,.source-btn-nav a{color:var(--button-primary-color)!important;background-color:var(--nav-link)!important;border-color:var(--nav-link)!important}.button-nav a:hover,.button-nav a:focus,.source-btn-nav a:focus,.source-btn-nav a:hover{color:var(--button-primary-color);background-color:var(--nav-link-hover);border-color:var(--nav-link-hover)}.button-second a,.s-button-second{color:var(--second-color-alt)!important;background-color:var(--second-color)!important;border-color:var(--second-color)!important}.button-second a:hover,.button-second a:focus,.s-button-second:hover,.s-button-second:focus{color:var(--second-color-alt)!important;background-color:var(--second-color-hover)!important;border-color:var(--second-color-hover)!important}.button-primary-flip a,.s-button-primary-flip{color:var(--accent-color)!important;background-color:var(--button-primary-color)!important;border-color:var(--accent-color)!important}.button-primary-flip a:hover,.button-primary-flip a:focus,.s-button-primary-flip:hover,.s-button-primary-flip:focus{color:var(--button-primary-color)!important;background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.button-primary a,.s-button-primary{color:var(--button-primary-color)!important;background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.button-primary a:hover,.button-primary a:focus,.s-button-primary:hover,.s-button-primary:focus{color:var(--button-primary-color)!important;background-color:var(--accent-color-hover)!important;border-color:var(--accent-color-hover)!important}.button-ghost a:hover,.button-ghost a:focus{border-color:var(--border-color-richer)!important}input{font-size:14px}.quizArea label{display:inline-block}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:1rem;margin-top:0}ul ul,ul ol,ol ol,ol ul{font-size:100%;margin:1rem 0 1rem 2rem;color:var(--text-color-softer)}li{margin-bottom:0.5rem;margin-left:3rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:95%;white-space:nowrap;background:var(--code-background);color:var(--code-text);border:1px solid var(--border-color-softer);border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre;overflow:auto}button,.source-button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.u-align-left{text-align:left}.u-align-right{text-align:right}.u-align-center{text-align:center}@media (max-width:600px){.s-align-left{text-align:left}.s-align-right{text-align:right}.s-align-center{text-align:center}}@media (min-width:600px){.m-align-left{text-align:left}.m-align-right{text-align:right}.m-align-center{text-align:center}}@media (min-width:900px){.l-align-left{text-align:left}.l-align-right{text-align:right}.l-align-center{text-align:center}}@media (min-width:1200px){.xl-align-left{text-align:left}.xl-align-right{text-align:right}.xl-align-center{text-align:center}}hr{margin-top:2rem;margin-bottom:2.5rem;border-width:0;border-top:1px solid var(--border-color-softer)}.u-cf:before,.container:before,.row:before,.s3_row:before,.u-cf:after,.container:after,.row:after,.s3_row:after{content:"";display:table}.u-cf:after,.container:after,.row:after,.s3_row:after{clear:both}.stripped-container,.s-container-lite,.stripped-content,.stripped-outer,.stripped-wrapper,.s-grid-item,.s-cols-item,.s-coder-wrap{position:relative}.stripped-container,.stripped-content{box-sizing:border-box}img{max-width:100%}.stripped-img,.stripped-svg,.img-fit-wrap,picture{line-height:0}.stripped-img img,.s-cols-item,.s-grid-item,.stripped-svg svg,.s-lift,.s-drop,.s-zoom,.s-zoom-big,.s-zoom-img img,.s-zoom-img-big img{transition:transform 0.2s ease-out 0s}.s-container-lite,.s-content-center{margin-left:auto;margin-right:auto}.s-grid-item,.s-cols-item,.s-flex{display:flex;flex-direction:column;flex-wrap:wrap}.s-flow-down{flex-wrap:nowrap!important}.s-self-end{justify-self:end}.s-grid-item>.stacks_out,.s-cols-item>.stacks_out,.s-flex>.stacks_out{width:100%}.s-cols-container{position:relative;max-width:100%;margin:0 auto;display:flex;flex-flow:row wrap;vertical-align:top}.s-grid-link,.s-img-fit-link,.s-coder-link{display:contents}.s-button-group{display:flex;flex-wrap:wrap}.w-100{width:100%!important}.s-no-lift{transform:translateY(0)!important}.s-lift:hover{transform:translateY(-5px)!important}.s-drop:hover{transform:translateY(5px)!important}.s-zoom:hover{transform:scale(1.05)!important;z-index:10!important}.s-zoom-img:hover img{transform:scale(1.05)!important;z-index:10!important}.s-zoom-img-big:hover img{transform:scale(1.1)!important;z-index:10!important}.s-zoom-big:hover{transform:scale(1.1)!important;z-index:10!important}.s-bright{filter:brightness(70%);transition:filter 250ms ease-in-out!important}.s-bright:hover{filter:brightness(100%)}.s-dark{filter:brightness(100%);transition:filter 250ms ease-in-out!important}.s-dark:hover{filter:brightness(60%)}.s-blur{transition:filter 250ms ease-in-out!important}.s-blur:hover{filter:blur(6px)}.s-shad{box-shadow:0 3px 15px rgba(0,0,0,0.2)}.s-shad-none{box-shadow:none!important}.s-shad-hov:hover{box-shadow:0 0 18px rgba(0,0,0,0.2)}@media (min-width:600px){.s-shad-m{box-shadow:0 3px 15px rgba(0,0,0,0.2)}.s-shad-hov-m:hover{box-shadow:0 0 18px rgba(0,0,0,0.2)}.s-shad-none-m{box-shadow:none!important}.text-rotate-up-m{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-m{writing-mode:vertical-lr}.s-flip-m{transform:rotate(180deg)}.s-hide-m{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}.s-screen{mix-blend-mode:screen}.s-multiply{mix-blend-mode:multiply}.s-no-pointer{pointer-events:none}.s-flip{transform:rotate(180deg)}.text-rotate-up{writing-mode:vertical-rl;text-orientation:upright}.text-rotate{writing-mode:vertical-lr}html:not(.touch-stripped) .s-hide-nt{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}.s-hide{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}.s-reveal:hover .s-hide,.s-reveal:hover .s-hide-nt,.s-reveal:hover .s-hide-m{pointer-events:auto;opacity:1}.repeat{background-repeat:repeat!important;background-size:unset!important}.touch-stripped .hide-touch{display:none}html:not(.touch-stripped) .hide-non-touch{display:none}.grid-container{position:relative;max-width:100%;margin:0 auto;display:grid}.stripped-container>.stripped-link a,.stripped-outer>.stripped-link a,.s-grid-item>.s-grid-link a,.s-cols-item>.s-grid-link a,.s-img-fit-link a,.s-coder-wrap>.s-coder-link a{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:998;text-decoration:none}.stacks_out{overflow:visible!important}.stacks_in{overflow:visible}.s-inliner>.stacks_out{margin:0;width:auto;display:inline-block}.mb-0{margin-bottom:0!important}.stripped-base-width,.source-base-width{max-width:1140px;max-width:var(--container-max-width)}.source-base-width-alt{max-width:600px;max-width:var(--container-max-width-alt)}.alt-bg{background-color:rgba(51, 51, 51, 0.00)!important}.page-bg{background-color:rgba(255, 255, 255, 0.00)!important}.page-fg{color:rgba(255, 255, 255, 0.00)!important}.text-bg{background-color:rgba(34, 34, 34, 1.00)!important}.s-accent,.accent-bg{background-color:rgba(23, 42, 58, 1.00)!important}.s-accent-text,.accent-alt-bg{background-color:rgba(255, 255, 255, 1.00)!important}.s-accent-hover,.accent-hover-bg{background-color:rgba(20, 36, 50, 1.00)!important}.s-accent-c,.accent-fg{color:rgba(23, 42, 58, 1.00)!important}.s-accent-text-c,.accent-alt-fg{color:rgba(255, 255, 255, 1.00)!important}.s-accent-hover-c,.accent-hover-fg{color:rgba(20, 36, 50, 1.00)!important}.second-hover-fg{color:rgba(125, 152, 161, 1.00)!important}.second-hover-bg{background-color:rgba(125, 152, 161, 1.00)!important}.s-second-c,.second-fg{color:rgba(106, 134, 144, 1.00)!important}.s-second-text-c,.second-alt-fg{color:rgba(255, 255, 255, 1.00)!important}.s-second,.second-bg{background-color:rgba(106, 134, 144, 1.00)!important}.s-second-text,.second-alt-bg{background-color:rgba(255, 255, 255, 1.00)!important}.nav-1-bg{background-color:rgba(255, 255, 255, 0.00)!important}.nav-2-bg{background-color:rgba(99, 74, 43, 1.00)!important}.nav-3-bg{background-color:rgba(251, 247, 255, 1.00)!important}.nav-4-bg{background-color:rgba(254, 182, 9, 1.00)!important}.nav-1-fg{color:rgba(255, 255, 255, 0.00)!important}.nav-2-fg{color:rgba(99, 74, 43, 1.00)!important}.nav-3-fg{color:rgba(251, 247, 255, 1.00)!important}.nav-4-fg{color:rgba(254, 182, 9, 1.00)!important}.code-1-bg{background-color:rgba(241, 241, 241, 0.00)!important}.code-2-bg{background-color:rgba(34, 34, 34, 1.00)!important}.code-1-fg{color:rgba(241, 241, 241, 0.00)!important}.code-2-fg{color:rgba(34, 34, 34, 1.00)!important}.border-fg{color:rgba(187, 187, 187, 1.00)!important}.border-bg{background-color:rgba(187, 187, 187, 1.00)!important}.s-dark-bg{background-color:rgba(58,56,68,0.5)}.s-vdark-bg{background-color:rgba(25,29,36,0.80)}.s-light-bg{background-color:rgba(255,255,255,0.5)}.s-vlight-bg{background-color:rgba(255,255,255,0.8)}.source-browser-warning{ text-align:center;width:80%;top:0;left:10%;position:fixed;margin:20px auto;padding:10px;background:#EC4D3B;color:white;border-radius:4px;z-index:9999}.source-browser-warning a{color:white;text-decoration:underline}@supports (display:grid){.source-browser-warning{display:none}} #stickystacks_in_581 { display: block; position: fixed; left: 5px; bottom: 5px; padding: 0; margin: 0; width: 200px; overflow: hidden; z-index: 100; } #stickyLinkstacks_in_581 a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media print { #stickystacks_in_581 { display: none !important; } } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(actionmenu-files/MaterialIcons-Regular.woff2) format('woff2'), url(actionmenu-files/MaterialIcons-Regular.woff) format('woff'), url(actionmenu-files/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } @font-face{font-family:"Ionicons";src:url("actionmenu-files/ionicons.eot?v=2.0.1");src:url("actionmenu-files/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("actionmenu-files/ionicons.ttf?v=2.0.1") format("truetype"),url("actionmenu-files/ionicons.woff?v=2.0.1") format("woff"),url("actionmenu-files/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal} #actionMenu_stacks_in_582 .actionMenu_toggle_icon { color: #FFF6F4; /* */ background: #25A51B; /* */ /* */ /* */ } #stacks_in_583 { clear: both; } #actionMenu_stacks_in_582_inline_wrap { display: inline-block; padding: 10px 5px; position: relative; height: 50px; } #actionMenu_stacks_in_582 { cursor: pointer; font-family: "Roboto", sans-serif; } #actionMenu_stacks_in_582 .actionMenu_toggle_icon { display: block; text-align: center; width: 50px; height: 50px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 50px; font-size: 25px; border-radius: 49px; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); } #actionMenu_stacks_in_582 .actionMenu_toggle_icon::before { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 50px; } #actionMenu_stacks_in_582 .actionMenu_toggle_icon.material-icons::before { content: attr(data-icon); } #actionMenu_stacks_in_582 .actionMenu_toggle_icon.hidden::before { display: none; } #actionMenu_stacks_in_582 .actionMenu_toggle_icon.rotate { -webkit-transform: rotate(0deg); transform: rotate(0deg); } #actionMenu_stacks_in_582 .actionMenu_toggle_icon.no-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } #actionMenu_stacks_in_582 .actionMenu_menu li a { padding: 0; display: inline-block; width: 40px; height: 40px; } #actionMenu_stacks_in_582 .actionMenu_menu li a.inner-icon, #actionMenu_stacks_in_582 .actionMenu_menu li span.inner-icon { padding: 0; display: inline-block; width: 40px; height: 40px; border-radius: 100px; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); } #actionMenu_stacks_in_582 .actionMenu_menu li a.inner-icon i, #actionMenu_stacks_in_582 .actionMenu_menu li a.inner-icon i::before, #actionMenu_stacks_in_582 .actionMenu_menu li span.inner-icon i, #actionMenu_stacks_in_582 .actionMenu_menu li span.inner-icon i::before { text-align: center; width: 40px; height: 40px; font-size: 18px; line-height: 40px !important; } #actionMenu_stacks_in_582 .actionMenu_menu li a.inner-icon i.hidden, #actionMenu_stacks_in_582 .actionMenu_menu li span.inner-icon i.hidden { display: none; } #actionMenu_stacks_in_582 .actionMenu_menu li a.inner-icon.hide-box-shadow-hover:hover, #actionMenu_stacks_in_582 .actionMenu_menu li span.inner-icon.hide-box-shadow-hover:hover { -webkit-box-shadow: none !important; box-shadow: none !important; } #actionMenu_stacks_in_582 .actionMenu_menu li span.inner-link { padding: 0; } #actionMenu_stacks_in_582 .actionMenu_menu li span.inner-link a { width: auto; } #actionMenu_stacks_in_582 .actionMenu_menu.actionMenu_link_only { width: 50px; } #actionMenu_stacks_in_582 .actionMenu_menu.actionMenu_link_only li { width: 50px; } #actionMenu_stacks_in_582 .actionMenu_menu.actionMenu_link_only li a { padding: 0; display: inline-block; width: 40px; height: 40px; } #actionMenu_stacks_in_582 .actionMenu_menu.actionMenu_link_only li a.inner-icon, #actionMenu_stacks_in_582 .actionMenu_menu.actionMenu_link_only li span.inner-icon { display: none !important; } #actionMenu_stacks_in_582 .actionMenu_menu.actionMenu_link_only li span.inner-link { opacity: 1 !important; visibility: visible !important; -webkit-transition-delay: 0.5s !important; transition-delay: 0.5s !important; } #actionMenu_stacks_in_582 .actionMenu_menu.actionMenu_link_only li span.inner-link a { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; /* */ padding: 0 12px !important; /* */ } /* " */ /* */ #actionMenu_stacks_in_582 { /* */ position: fixed; z-index: 9999999999999999 !important; /* " */ } #actionMenu_stacks_in_582 .actionMenu_toggle_icon { -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); } #actionMenu_stacks_in_582 .actionMenu_toggle_icon::before { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 50px; } #actionMenu_stacks_in_582 .actionMenu_toggle_icon.material-icons::before { content: attr(data-icon); } #actionMenu_stacks_in_582 .actionMenu_toggle_icon.rotate { -webkit-transform: rotate(0deg); transform: rotate(0deg); } #actionMenu_stacks_in_582 .actionMenu_menu { left: 50%; padding: 0; z-index: -1; margin: 0 auto; overflow: visible; max-height: 100px; position: absolute; text-align: center; width: 40px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #actionMenu_stacks_in_582 .actionMenu_menu li { position: absolute; width: 40px; height: 40px; float: left; clear: none; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-callout: none; pointer-events: none; list-style-type: none; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(1) { -webkit-transition-duration: %( 0.500000 * 0.0.80 )%s; transition-duration: %( 0.500000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(2) { -webkit-transition-duration: %( 1.000000 * 0.0.80 )%s; transition-duration: %( 1.000000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(3) { -webkit-transition-duration: %( 1.500000 * 0.0.80 )%s; transition-duration: %( 1.500000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(4) { -webkit-transition-duration: %( 2.000000 * 0.0.80 )%s; transition-duration: %( 2.000000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(5) { -webkit-transition-duration: %( 2.500000 * 0.0.80 )%s; transition-duration: %( 2.500000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(6) { -webkit-transition-duration: %( 3.000000 * 0.0.80 )%s; transition-duration: %( 3.000000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(7) { -webkit-transition-duration: %( 3.500000 * 0.0.80 )%s; transition-duration: %( 3.500000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(8) { -webkit-transition-duration: %( 4.000000 * 0.0.80 )%s; transition-duration: %( 4.000000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(9) { -webkit-transition-duration: %( 4.500000 * 0.0.80 )%s; transition-duration: %( 4.500000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(10) { -webkit-transition-duration: %( 5.000000 * 0.0.80 )%s; transition-duration: %( 5.000000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(11) { -webkit-transition-duration: %( 5.500000 * 0.0.80 )%s; transition-duration: %( 5.500000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(12) { -webkit-transition-duration: %( 6.000000 * 0.0.80 )%s; transition-duration: %( 6.000000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(13) { -webkit-transition-duration: %( 6.500000 * 0.0.80 )%s; transition-duration: %( 6.500000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(14) { -webkit-transition-duration: %( 7.000000 * 0.0.80 )%s; transition-duration: %( 7.000000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(15) { -webkit-transition-duration: %( 7.500000 * 0.0.80 )%s; transition-duration: %( 7.500000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(16) { -webkit-transition-duration: %( 8.000000 * 0.0.80 )%s; transition-duration: %( 8.000000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(17) { -webkit-transition-duration: %( 8.500000 * 0.0.80 )%s; transition-duration: %( 8.500000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(18) { -webkit-transition-duration: %( 9.000000 * 0.0.80 )%s; transition-duration: %( 9.000000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(19) { -webkit-transition-duration: %( 9.500000 * 0.0.80 )%s; transition-duration: %( 9.500000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(20) { -webkit-transition-duration: %( 10.000000 * 0.0.80 )%s; transition-duration: %( 10.000000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(21) { -webkit-transition-duration: %( 10.500000 * 0.0.80 )%s; transition-duration: %( 10.500000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(22) { -webkit-transition-duration: %( 11.000000 * 0.0.80 )%s; transition-duration: %( 11.000000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(23) { -webkit-transition-duration: %( 11.500000 * 0.0.80 )%s; transition-duration: %( 11.500000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li:nth-child(24) { -webkit-transition-duration: %( 12.000000 * 0.0.80 )%s; transition-duration: %( 12.000000 * 0.0.80 )%s; } #actionMenu_stacks_in_582 .actionMenu_menu li span.inner-link a { display: block; color: inherit; text-decoration: none; line-height: 40px; } #actionMenu_stacks_in_582 .actionMenu_menu li span.inner-link a:hover { text-decoration: underline; } #actionMenu_stacks_in_582 .actionMenu_menu li span.inner-link { top: 0; opacity: 0; padding: 0; z-index: -1; width: auto; font-size: 14px; visibility: hidden; position: absolute; white-space: nowrap; height: 40px; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 40px; border-radius: 100px; color: #000000; /* */ background: #FFFFFF; /* */ /* */ } #actionMenu_stacks_in_582 .actionMenu_menu li span.inner-link a:hover { text-decoration: none; } #actionMenu_stacks_in_582 .actionMenu_menu li span.inner-link a { padding: 0px 20px; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #actionMenu_stacks_in_582 .actionMenu_menu li a.inner-icon, #actionMenu_stacks_in_582 .actionMenu_menu li span.inner-icon { -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); } #actionMenu_stacks_in_582 .actionMenu_menu li a.inner-icon.hide-box-shadow, #actionMenu_stacks_in_582 .actionMenu_menu li span.inner-icon.hide-box-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } #actionMenu_stacks_in_582 .actionMenu_menu li a.inner-icon.hide-box-shadow-hover:hover, #actionMenu_stacks_in_582 .actionMenu_menu li span.inner-icon.hide-box-shadow-hover:hover { -webkit-box-shadow: none !important; box-shadow: none !important; } #actionMenu_stacks_in_582.open { z-index: 999999999 !important; } #actionMenu_stacks_in_582.open.overlay::after { cursor: default; content: ''; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; display: block; position: fixed; border: none !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 0.50; background: #FFFFFF; } #actionMenu_stacks_in_582.open .actionMenu_toggle_icon.material-icons::before { content: 'close' !important; } #actionMenu_stacks_in_582.open .actionMenu_toggle_icon.icon-ionic::before { content: "\f12a" !important; } #actionMenu_stacks_in_582.open .actionMenu_toggle_icon.fa::before { content: "\f00d" !important; } #actionMenu_stacks_in_582.open .actionMenu_toggle_icon.rotate { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.4); box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.4); } #actionMenu_stacks_in_582.open .actionMenu_menu { max-height: 500px; z-index: auto; } #actionMenu_stacks_in_582.open .actionMenu_menu li { opacity: 1; pointer-events: auto; -webkit-transform: rotate(0deg); transform: rotate(0deg); } #actionMenu_stacks_in_582.open .actionMenu_menu li:hover span.inner-link { opacity: 1; visibility: visible; } @media screen and (max-width: 1028px) { #actionMenu_stacks_in_582.open.ho-left .actionMenu_menu.actionMenu_mobile_text_on li span.inner-link { opacity: 1; visibility: visible; -webkit-transition-delay: 0.5s !important; transition-delay: 0.5s !important; } #actionMenu_stacks_in_582.open.ho-left .actionMenu_menu.actionMenu_mobile_text_on li span.inner-link a { opacity: 1; visibility: visible; -webkit-transition-delay: 0.5s !important; transition-delay: 0.5s !important; padding-left: 55px !important; } #actionMenu_stacks_in_582.open.ho-left .actionMenu_menu.actionMenu_mobile_text_on li a.inner-icon.hide-box-shadow-hover, #actionMenu_stacks_in_582.open.ho-left .actionMenu_menu.actionMenu_mobile_text_on li span.inner-icon.hide-box-shadow-hover { -webkit-box-shadow: none !important; box-shadow: none !important; } #actionMenu_stacks_in_582.open.ho-left .actionMenu_menu.actionMenu_mobile_text_on.actionMenu_link_only li span.inner-link a { /* */ padding-left: 12px !important; /* */ } #actionMenu_stacks_in_582.open.ho-right .actionMenu_menu.actionMenu_mobile_text_on li span.inner-link { opacity: 1; visibility: visible; -webkit-transition-delay: 0.5s !important; transition-delay: 0.5s !important; } #actionMenu_stacks_in_582.open.ho-right .actionMenu_menu.actionMenu_mobile_text_on li span.inner-link a { opacity: 1; visibility: visible; -webkit-transition-delay: 0.5s !important; transition-delay: 0.5s !important; padding-right: 55px !important; } #actionMenu_stacks_in_582.open.ho-right .actionMenu_menu.actionMenu_mobile_text_on li a.inner-icon.hide-box-shadow-hover, #actionMenu_stacks_in_582.open.ho-right .actionMenu_menu.actionMenu_mobile_text_on li span.inner-icon.hide-box-shadow-hover { -webkit-box-shadow: none !important; box-shadow: none !important; } #actionMenu_stacks_in_582.open.ho-right .actionMenu_menu.actionMenu_mobile_text_on.actionMenu_link_only li span.inner-link a { /* */ padding-right: 12px !important; /* */ } } #actionMenu_stacks_in_582.ho-left { left: 30px; } #actionMenu_stacks_in_582.ho-left .actionMenu_menu span.inner-link { left: 1px; text-align: left; } #actionMenu_stacks_in_582.ho-left .actionMenu_menu.actionMenu_text_on li span.inner-link, #actionMenu_stacks_in_582.ho-left .actionMenu_menu.actionMenu_mobile_text_on li span.inner-link { opacity: 0; visibility: hidden; -webkit-transition-delay: none; transition-delay: none; } #actionMenu_stacks_in_582.ho-left .actionMenu_menu.actionMenu_text_on li span.inner-link a, #actionMenu_stacks_in_582.ho-left .actionMenu_menu.actionMenu_mobile_text_on li span.inner-link a { -webkit-transition-delay: none; transition-delay: none; } #actionMenu_stacks_in_582.ho-left .actionMenu_menu.actionMenu_text_on li .inner-icon.hide-box-shadow, #actionMenu_stacks_in_582.ho-left .actionMenu_menu.actionMenu_mobile_text_on li .inner-icon.hide-box-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } #actionMenu_stacks_in_582.ho-left .actionMenu_menu.actionMenu_text_on li .inner-icon.hide-box-shadow-hover:hover, #actionMenu_stacks_in_582.ho-left .actionMenu_menu.actionMenu_mobile_text_on li .inner-icon.hide-box-shadow-hover:hover { -webkit-box-shadow: none !important; box-shadow: none !important; } #actionMenu_stacks_in_582.open.ho-left .actionMenu_menu li:hover span.inner-link { opacity: 1; visibility: visible; -webkit-transition-delay: none; transition-delay: none; } #actionMenu_stacks_in_582.open.ho-left .actionMenu_menu li:hover span.inner-link a { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding-left: 55px !important; } #actionMenu_stacks_in_582.open.ho-left .actionMenu_menu.actionMenu_text_on li span.inner-link { opacity: 1; visibility: visible; -webkit-transition-delay: 0.5s !important; transition-delay: 0.5s !important; } #actionMenu_stacks_in_582.open.ho-left .actionMenu_menu.actionMenu_text_on li span.inner-link a { opacity: 1; visibility: visible; -webkit-transition-delay: 0.5s !important; transition-delay: 0.5s !important; padding-left: 55px !important; } #actionMenu_stacks_in_582.open.ho-left .actionMenu_menu.actionMenu_link_only li:hover span.inner-link a { text-decoration: underline; /* */ padding-left: 12px !important; /* */ } #actionMenu_stacks_in_582.ho-right { right: 30px; } #actionMenu_stacks_in_582.ho-right .actionMenu_menu span.inner-link { right: 1px; text-align: right; } #actionMenu_stacks_in_582.ho-right .actionMenu_menu.actionMenu_text_on li span.inner-link, #actionMenu_stacks_in_582.ho-right .actionMenu_menu.actionMenu_mobile_text_on li span.inner-link { opacity: 0; visibility: hidden; -webkit-transition-delay: none; transition-delay: none; } #actionMenu_stacks_in_582.ho-right .actionMenu_menu.actionMenu_text_on li span.inner-link a, #actionMenu_stacks_in_582.ho-right .actionMenu_menu.actionMenu_mobile_text_on li span.inner-link a { -webkit-transition-delay: none; transition-delay: none; } #actionMenu_stacks_in_582.ho-right .actionMenu_menu.actionMenu_text_on li .inner-icon.hide-box-shadow, #actionMenu_stacks_in_582.ho-right .actionMenu_menu.actionMenu_mobile_text_on li .inner-icon.hide-box-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } #actionMenu_stacks_in_582.ho-right .actionMenu_menu.actionMenu_text_on li .inner-icon.hide-box-shadow-hover:hover, #actionMenu_stacks_in_582.ho-right .actionMenu_menu.actionMenu_mobile_text_on li .inner-icon.hide-box-shadow-hover:hover { -webkit-box-shadow: none !important; box-shadow: none !important; } #actionMenu_stacks_in_582.open.ho-right .actionMenu_menu li:hover span.inner-link { opacity: 1; visibility: visible; -webkit-transition-delay: none; transition-delay: none; } #actionMenu_stacks_in_582.open.ho-right .actionMenu_menu li:hover span.inner-link a { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding-right: 55px !important; } #actionMenu_stacks_in_582.open.ho-right .actionMenu_menu.actionMenu_text_on li span.inner-link { opacity: 1; visibility: visible; -webkit-transition-delay: 0.5s !important; transition-delay: 0.5s !important; } #actionMenu_stacks_in_582.open.ho-right .actionMenu_menu.actionMenu_text_on li span.inner-link a { opacity: 1; visibility: visible; -webkit-transition-delay: 0.5s !important; transition-delay: 0.5s !important; padding-right: 55px !important; } #actionMenu_stacks_in_582.open.ho-right .actionMenu_menu.actionMenu_link_only li:hover span.inner-link a { text-decoration: underline; /* */ padding-right: 12px !important; /* */ } #actionMenu_stacks_in_582.vo-top { top: 30px; } #actionMenu_stacks_in_582.vo-top .actionMenu_menu { top: 45px; } #actionMenu_stacks_in_582.vo-top .actionMenu_menu li { top: -40px; } #actionMenu_stacks_in_582.vo-top.ho-left .actionMenu_menu li { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } #actionMenu_stacks_in_582.vo-top.ho-right .actionMenu_menu li { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu { top: 100%; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all ease, opacity 0.2s ease-in; transition: all ease, opacity 0.2s ease-in; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(1) { top: 15px; -webkit-transition-duration: 0.250000s; transition-duration: 0.250000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(2) { top: 70px; -webkit-transition-duration: 0.300000s; transition-duration: 0.300000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(3) { top: 125px; -webkit-transition-duration: 0.350000s; transition-duration: 0.350000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(4) { top: 180px; -webkit-transition-duration: 0.400000s; transition-duration: 0.400000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(5) { top: 235px; -webkit-transition-duration: 0.450000s; transition-duration: 0.450000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(6) { top: 290px; -webkit-transition-duration: 0.500000s; transition-duration: 0.500000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(7) { top: 345px; -webkit-transition-duration: 0.550000s; transition-duration: 0.550000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(8) { top: 400px; -webkit-transition-duration: 0.600000s; transition-duration: 0.600000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(9) { top: 455px; -webkit-transition-duration: 0.650000s; transition-duration: 0.650000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(10) { top: 510px; -webkit-transition-duration: 0.700000s; transition-duration: 0.700000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(11) { top: 565px; -webkit-transition-duration: 0.750000s; transition-duration: 0.750000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(12) { top: 620px; -webkit-transition-duration: 0.800000s; transition-duration: 0.800000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(13) { top: 675px; -webkit-transition-duration: 0.850000s; transition-duration: 0.850000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(14) { top: 730px; -webkit-transition-duration: 0.900000s; transition-duration: 0.900000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(15) { top: 785px; -webkit-transition-duration: 0.950000s; transition-duration: 0.950000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(16) { top: 840px; -webkit-transition-duration: 1.000000s; transition-duration: 1.000000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(17) { top: 895px; -webkit-transition-duration: 1.050000s; transition-duration: 1.050000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(18) { top: 950px; -webkit-transition-duration: 1.100000s; transition-duration: 1.100000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(19) { top: 1005px; -webkit-transition-duration: 1.150000s; transition-duration: 1.150000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(20) { top: 1060px; -webkit-transition-duration: 1.200000s; transition-duration: 1.200000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(21) { top: 1115px; -webkit-transition-duration: 1.250000s; transition-duration: 1.250000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(22) { top: 1170px; -webkit-transition-duration: 1.300000s; transition-duration: 1.300000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(23) { top: 1225px; -webkit-transition-duration: 1.350000s; transition-duration: 1.350000s; } #actionMenu_stacks_in_582.open.vo-top .actionMenu_menu li:nth-child(24) { top: 1280px; -webkit-transition-duration: 1.400000s; transition-duration: 1.400000s; } #actionMenu_stacks_in_582.vo-bottom { bottom: 30px; } #actionMenu_stacks_in_582.vo-bottom .actionMenu_menu { bottom: 45px; } #actionMenu_stacks_in_582.vo-bottom .actionMenu_menu li { bottom: -40px; } #actionMenu_stacks_in_582.vo-bottom.ho-left .actionMenu_menu li { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #actionMenu_stacks_in_582.vo-bottom.ho-right .actionMenu_menu li { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu { bottom: 100%; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all ease, opacity 0.2s ease-in; transition: all ease, opacity 0.2s ease-in; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(1) { bottom: 15px; -webkit-transition-duration: 0.250000s; transition-duration: 0.250000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(2) { bottom: 70px; -webkit-transition-duration: 0.300000s; transition-duration: 0.300000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(3) { bottom: 125px; -webkit-transition-duration: 0.350000s; transition-duration: 0.350000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(4) { bottom: 180px; -webkit-transition-duration: 0.400000s; transition-duration: 0.400000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(5) { bottom: 235px; -webkit-transition-duration: 0.450000s; transition-duration: 0.450000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(6) { bottom: 290px; -webkit-transition-duration: 0.500000s; transition-duration: 0.500000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(7) { bottom: 345px; -webkit-transition-duration: 0.550000s; transition-duration: 0.550000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(8) { bottom: 400px; -webkit-transition-duration: 0.600000s; transition-duration: 0.600000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(9) { bottom: 455px; -webkit-transition-duration: 0.650000s; transition-duration: 0.650000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(10) { bottom: 510px; -webkit-transition-duration: 0.700000s; transition-duration: 0.700000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(11) { bottom: 565px; -webkit-transition-duration: 0.750000s; transition-duration: 0.750000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(12) { bottom: 620px; -webkit-transition-duration: 0.800000s; transition-duration: 0.800000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(13) { bottom: 675px; -webkit-transition-duration: 0.850000s; transition-duration: 0.850000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(14) { bottom: 730px; -webkit-transition-duration: 0.900000s; transition-duration: 0.900000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(15) { bottom: 785px; -webkit-transition-duration: 0.950000s; transition-duration: 0.950000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(16) { bottom: 840px; -webkit-transition-duration: 1.000000s; transition-duration: 1.000000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(17) { bottom: 895px; -webkit-transition-duration: 1.050000s; transition-duration: 1.050000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(18) { bottom: 950px; -webkit-transition-duration: 1.100000s; transition-duration: 1.100000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(19) { bottom: 1005px; -webkit-transition-duration: 1.150000s; transition-duration: 1.150000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(20) { bottom: 1060px; -webkit-transition-duration: 1.200000s; transition-duration: 1.200000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(21) { bottom: 1115px; -webkit-transition-duration: 1.250000s; transition-duration: 1.250000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(22) { bottom: 1170px; -webkit-transition-duration: 1.300000s; transition-duration: 1.300000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(23) { bottom: 1225px; -webkit-transition-duration: 1.350000s; transition-duration: 1.350000s; } #actionMenu_stacks_in_582.open.vo-bottom .actionMenu_menu li:nth-child(24) { bottom: 1280px; -webkit-transition-duration: 1.400000s; transition-duration: 1.400000s; } /* */ #item_stacks_in_584 a.inner-icon, #item_stacks_in_584 span.inner-icon { color: #FFFFFF; /* */ background: #26B923; /* */ /* */ /* */ } /* */ .s-container-stacks_in_3{ margin-left: auto; margin-right: auto;}#s-wrapper-stacks_in_3{margin:0; }#s-content-stacks_in_3{justify-content:center;min-height:100vh; padding:0; }@media (min-width:600px){.s-container-stacks_in_3{ }#s-wrapper-stacks_in_3{}#s-content-stacks_in_3{min-height:100vh; }}@media (min-width:900px){.s-container-stacks_in_3{ }#s-wrapper-stacks_in_3{}#s-content-stacks_in_3{min-height:100vh; }}@media (min-width:1200px){.s-container-stacks_in_3{ }#s-wrapper-stacks_in_3{}#s-content-stacks_in_3{min-height:100vh; }}@media only screen and (min-device-width:1024px){#s-content-stacks_in_3,.s-bg-stacks_in_3{background-attachment:fixed!important;width:100%}} .s-bg-stacks_in_3{border-radius:0px 0px 0px 0px; background-image:linear-gradient(to right,rgba(127, 88, 35, 0.68),rgba(127, 88, 35, 0.68)),url(../index_files/s-background-img-s-local-3.jpg);background-size:cover;background-repeat:no-repeat;background-position:center top; }@media (min-width:600px){.s-bg-stacks_in_3{ background-image:linear-gradient(to right,rgba(127, 88, 35, 0.68),rgba(127, 88, 35, 0.68)),url(../index_files/s-background-img-m-local-3.jpg);background-position:center top;background-size:cover;background-repeat:no-repeat; }}.s-bg-stacks_in_3{z-index:0}#s-outer-stacks_in_3{border-radius:0px 0px 0px 0px} .source-fonts{display: none;} #stacks_in_280.nav-wrap{background-color:var(--nav-bg);width:100%;padding:5px 5px 5px 5px}#stacks_in_280 .nav-content{z-index:9999}html:not(.menulab-js) .nav-wrap{display:none}#stacks_in_280.nav-fixed{position:fixed;top:0;width:100%;z-index:9999;box-shadow:0 0 6px 0 rgba(0,0,0,0.12)}#stacks_in_280 .contained-bar{max-width:var(--container-max-width)}#stacks_in_280 .navbar li>ul{background-color:rgba(105, 80, 48, 0.54)}#stacks_in_280 .navbar li{list-style-type:none;display:block}#stacks_in_280 .navbar li a{color:var(--nav-link)}#stacks_in_280 .navbar li:hover>*:first-child,#stacks_in_280 .navbar li.active>*:first-child{color:var(--nav-link-hover)}#stacks_in_280 .navbar li:hover,#stacks_in_280 .navbar li.active{background-color:var(--nav-bg-hover)}#stacks_in_280 .logo img{vertical-align:top;height:42px;border-radius:5px;width:auto}#stacks_in_280 .logo{display: none;}#stacks_in_280 .site-title{display: none;}#stacks_in_280 .navbar{display:block}#stacks_in_280 .branding{position:relative;display:flex;align-items:center;justify-content:space-between}#stacks_in_280 .branding h3{font-size:20px;font-weight:normal;text-transform: none; padding-left:10px;padding-right:10px}#stacks_in_280 .site-title a{color:var(--text-color-normal);}#stacks_in_280 .site-title a:hover{color:var(--text-color-softer);}@media only screen and (max-width:599px){#stacks_in_280 .ml-dropdown{max-height:calc(100vh - 45px);overflow-y:scroll} #stacks_in_280 .cta{display:none} #stacks_in_280 .navbar li{margin:3px 0}#stacks_in_280 .branding{}}@media only screen and (min-width:600px){ #stacks_in_280 .logo{display: block; margin-left:0;padding-right:10px}#stacks_in_280 .site-title{display: block;} #stacks_in_280 .cta-small{display:none} #stacks_in_280 .branding h3{font-size:20px;padding-left:0;padding-right:40px}#stacks_in_280 .branding{display: none;}#stacks_in_280 .logo img{height:54px}#stacks_in_280 .navbar{display:inline-block}#stacks_in_280 .mob-icon{display:none}#stacks_in_280.nav-wrap{padding:13px 12px 13px 12px}#stacks_in_280 .navbar{float:right;max-height:none;overflow:visible}#stacks_in_280 .navbar,#stacks_in_280 .nav-content{position:relative;display:flex;align-items:center;justify-content:center;}#stacks_in_280 .navbar li a{padding:0 0.8em}#stacks_in_280 .navbar li.active,#stacks_in_280 .navbar li:hover{border-radius:4px}#stacks_in_280 .navbar .ml-menu,#stacks_in_280 .navbar .ml-menu ul,#stacks_in_280 .navbar .ml-menu li{margin:2px 1px;padding-top:3px;padding-bottom:3px}#stacks_in_280 .navbar li>ul{box-shadow:0 0 18px rgba(0,0,0,0.1)}#stacks_in_280 .navbar .ml-menu li>ul .dd-to-left>ul{right:100%!important;left:auto!important}#stacks_in_280 .navbar .ml-menu li>ul .dd-to-right>ul{left:100%!important;right:auto!important}#stacks_in_280 .navbar .ml-menu ul,#stacks_in_280 .navbar [dir=rtl] .ml-menu>.dd-to-right>ul{display:none;position:absolute;padding:6px;top:100%;left:0;right:auto;z-index:1}#stacks_in_280 .navbar [dir=rtl] .ml-menu ul,#stacks_in_280 .navbar .ml-menu>.dd-to-left>ul{left:auto;right:0}#stacks_in_280 .navbar .ml-menu ul ul,#stacks_in_280 .navbar [dir=rtl] .ml-menu ul .dd-to-right ul{top:0;left:100%;right:auto}#stacks_in_280 .navbar [dir=rtl] .ml-menu ul ul,#stacks_in_280 .navbar .ml-menu ul .ml-dd-to-left ul{left:auto;right:100%}#stacks_in_280 .navbar .ml-menu li{position:relative;display:block;list-style-type:none}#stacks_in_280 .navbar .ml-menu>li{display:inline-block}#stacks_in_280 .navbar .ml-menu a,#stacks_in_280 .navbar .ml-menu span{display:block;text-decoration:none;white-space:pre}#stacks_in_280 .navbar .ml-menu li:hover>ul{display:block}#stacks_in_280 .navbar .ml-js li:hover>ul{display:none}#stacks_in_280 .navbar .ml-js li.dd-open>ul{display:block!important}#stacks_in_280 .ml-arrows .has-dropdown{padding-right:12px;*padding-right:12px}}#stacks_in_280 .ml-arrows .has-dropdown:after{border-top-color:darkgray;border-top-color:var(--nav-link)}#stacks_in_280 .ml-arrows>li>.ml-dropdown:focus:after,#stacks_in_280 .ml-arrows>li:hover>.ml-dropdown:after,#stacks_in_280 .ml-arrows>.sfHover>.ml-dropdown:after{border-top-color:darkgray;border-top-color:var(--nav-link)}#stacks_in_280 .ml-arrows ul .ml-dropdown:after{border-top-color:darkgray;border-left-color:var(--nav-link)}#stacks_in_280 .ml-arrows ul li>.ml-dropdown:focus:after,#stacks_in_280 .ml-arrows ul li:hover>.ml-dropdown:after,#stacks_in_280 .ml-arrows ul .sfHover>.ml-dropdown:after{border-top-color:darkgray;border-left-color:var(--nav-link)}#stacks_in_280 .mob-icon{-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6)}#stacks_in_280 .burg{width:45px;height:45px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer}#stacks_in_280 .burg span{display:block;position:absolute;height:6px;width:100%;background:darkgray;background:#FFFFFF; border-radius:6px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transition:.25s ease-in-out}#stacks_in_280 .burg span:nth-child(1){top:0}#stacks_in_280 .burg span:nth-child(2),#stacks_in_280 .burg span:nth-child(3){top:18px}#stacks_in_280 .burg span:nth-child(4){top:36px}#stacks_in_280.ml-toggle.expand .burg span:nth-child(1){top:18px;width:0%;left:50%}#stacks_in_280.ml-toggle.expand .burg span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#stacks_in_280.ml-toggle.expand .burg span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#stacks_in_280.ml-toggle.expand .burg span:nth-child(4){top:18px;width:0%;left:50%} #stacks_in_297>.s3_row { margin: 0 -10px; } #stacks_in_297>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_297>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_297>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_297>.s3_row { margin: -10px 0; } #stacks_in_297>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_299 .source-button{max-width:100%; font-size:14px;line-height:38px;border-radius:4px;padding:0 30px;border-width:1px;height:calc(38px + 2px); margin-bottom: 0;}.stacks_in_299 a{color:rgba(251, 0, 32, 1.00);background-color:rgba(51, 195, 240, 1.00);border-color:rgba(51, 195, 240, 1.00)}.stacks_in_299 a:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(0, 124, 163, 1.00);border-color:rgba(51, 195, 240, 1.00)}#stacks_in_299 .s-button-group{justify-content:center}#stacks_in_299 .s-button-group .button-group-btn{padding-right:1px} .stacks_in_303 .source-button{max-width:100%; line-height:38px;height:38px; }.stacks_in_303 a{color:rgba(255, 255, 255, 1.00);background-color:rgba(148, 33, 68, 1.00);border-color:rgba(51, 195, 240, 1.00)}.stacks_in_303 a:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(218, 166, 8, 1.00);border-color:rgba(51, 195, 240, 1.00)}#stacks_in_303 .s-button-group{justify-content:center}#stacks_in_303 .s-button-group .button-group-btn{padding-right:1px} /* 1.3.0 */ #stacks_in_282 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_282 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_282 .clean-menu-extra { display: none; } #clean-menu_stacks_in_282 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_282 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_282.cm-full-menu li a:hover, #clean-menu_stacks_in_282 li a:hover { text-decoration: none; } #stacks_in_282 nav { border: 0px solid transparent; } #clean-menu_stacks_in_282 { max-width: 1320px; box-sizing: border-box; padding: 0px 20px; margin: 0 auto; } /* compatability fixes */ #clean-menu_stacks_in_282 ul { margin: 0; } #clean-menu-full_stacks_in_282.cm-full-menu ul, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_282 ul li a:after, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_282.cm-full-menu, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_282.cm-full-menu ul, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul { text-decoration: none; list-style: none; margin: 0; display: block; padding: 0px 0px; background: transparent; } #clean-menu-full_stacks_in_282.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_282.cm-full-menu ul li, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_282.cm-full-menu ul li a, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li a { padding: 5px 20px; margin: 0; background: transparent; display: inline-block; } #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li a { padding: 6px 20px; } #clean-menu-full_stacks_in_282.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_282.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: inherit; height: auto; } #clean-menu-full_stacks_in_282.cm-full-menu ul > div, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_282.cm-full-menu ul > div a, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_282.cm-full-menu ul ul, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_282.cm-full-menu, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul { position: absolute; z-index: 9999; pointer-events: none; opacity: 0; -webkit-transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease, opacity 300ms ease; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); min-width: 250px; border-radius: 4px; box-shadow: 0px 10px 20px rgba(0,0,0,0.4); } #clean-menu-full_stacks_in_282.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_282.cm-full-menu { -webkit-transform: translate(-100%, 50px); transform: translate(-100%, 50px); } #clean-menu-full_stacks_in_282.cm-full-menu.clean-menu-active { -webkit-transform: translate(-100%, 5px); transform: translate(-100%, 5px); } #clean-menu-full_stacks_in_282.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_282 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_282.clean-menu-active ul { opacity: 1; pointer-events: all; } .cm-toggle { width: 30px; height: 28px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .cm-toggle span { display: block; position: absolute; height: 5px; width: 100%; background: #333; border-radius: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .cm-toggle span:nth-child(1) { top: 0px; } .cm-toggle span:nth-child(2),.cm-toggle span:nth-child(3) { top: 10px; } .cm-toggle span:nth-child(4) { top: 20px; } .cm-toggle.open span:nth-child(1) { opacity: 0; } .cm-toggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cm-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .cm-toggle.open span:nth-child(4) { opacity: 0; } #clean-menu_stacks_in_282 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } #clean-menu_stacks_in_282 > div { -ms-flex-item-align: center; align-self: center; } #clean-menu_stacks_in_282 .clean-menu-full .cm-menu-toggle { width: 30px; height: 25px; box-sizing: border-box; padding: 0; /* border: 1px solid #000;*/ border-radius: 3px; cursor: pointer; } #clean-menu_stacks_in_282 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_282 .clean-menu-logo { max-width: 50px; min-width: 50px; margin: 0; } #clean-menu_stacks_in_282 .clean-menu-logo .cm-logo-wrap { max-width: 50px; min-width: 50px; -webkit-box-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; } #clean-menu_stacks_in_282 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_282.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_282 .clean-menu-logo > div > div { -ms-flex-item-align: center; align-self: center; } #clean-menu_stacks_in_282 .clean-menu-logo .cm-logo-left { max-width: 73px; display: none; max-width: 9999px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_282.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; max-width: 9999px; } #clean-menu_stacks_in_282 .clean-menu-logo .cm-logo-right { display: none; margin: 10px 0; } #clean-menu_stacks_in_282 .clean-menu-top-level ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-end; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; padding: 0; text-decoration: none; } #clean-menu_stacks_in_282 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_282 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_282 .clean-menu-top-level ul li { margin: 0 15px; -ms-flex-item-align: center; align-self: center; } #clean-menu_stacks_in_282 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_282 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_282 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } #clean-menu_stacks_in_282 > div:nth-child(1), #clean-menu_stacks_in_282 > div:nth-child(2) { -webkit-box-flex: initial; -ms-flex: none; flex: none; width: auto; } #clean-menu_stacks_in_282 > div:nth-child(1) { margin-right: 10px; } #clean-menu_stacks_in_282 > div:nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; max-width: 100%; } #clean-menu_stacks_in_282 > div.clean-menu-top-level:nth-child(2) ul li:first-child, #clean-menu_stacks_in_282 > div.clean-menu-top-level:nth-child(1) ul li:last-child { margin: 0 15px; } #clean-menu_stacks_in_282 > div.clean-menu-top-level:nth-child(2) > ul > li > ul li:first-child, #clean-menu_stacks_in_282 > div.clean-menu-top-level:nth-child(1) > ul > li > ul li:last-child { margin: 0; } div[tag="slice"] > .mez > #stacks_in_282.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_282 .clean-menu-top-level ul li a, #clean-menu_stacks_in_282 .clean-menu-top-level ul li a:visited { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.40); font-size: inherit; line-height: 25px; padding: 0; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } #clean-menu-full_stacks_in_282.cm-full-menu ul li a { font-size: inherit; } #clean-menu_stacks_in_282 .clean-menu-top-level ul li a, #clean-menu-full_stacks_in_282.cm-full-menu ul li a { font-family: inherit; } #clean-menu-full_stacks_in_282.cm-full-menu > ul > li > a { } #clean-menu_stacks_in_282 .clean-menu-top-level ul li a svg, #clean-menu-full_stacks_in_282.cm-full-menu ul li a svg, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li a svg { fill: rgba(0, 0, 0, 0.40); align-self: center; vertical-align: middle; } #clean-menu-full_stacks_in_282.cm-full-menu ul li a, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li a{ transition: color 150ms ease; } #clean-menu_stacks_in_282 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_282.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; } #clean-menu-full_stacks_in_282.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_282 .clean-menu-top-level ul li.cm-grouped-item a, #clean-menu-full_stacks_in_282.cm-full-menu ul li.cm-grouped-item a { display: inline-block; margin-left: 5px; } #clean-menu_stacks_in_282 .clean-menu-top-level ul li.cm-grouped-item a { padding: 0; } #clean-menu_stacks_in_282 .clean-menu-top-level ul li.cm-grouped-item a:first-child, #clean-menu-full_stacks_in_282.cm-full-menu ul li.cm-grouped-item a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_282.cm-full-menu ul li.cm-grouped-item a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_282 .clean-menu-top-level ul li a ion-icon, #clean-menu_stacks_in_282 .clean-menu-top-level ul li a i, #clean-menu-full_stacks_in_282.cm-full-menu ul li a ion-icon, #clean-menu-full_stacks_in_282.cm-full-menu ul li a i { font-size: 25px; line-height: 25px; } #stacks_in_282 li a svg, #clean-menu_stacks_in_282 .clean-menu-top-level ul li a svg, #clean-menu-full_stacks_in_282.cm-full-menu ul li a svg, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li a svg { width: 25px; height: 25px; } #clean-menu_stacks_in_282 .clean-menu-top-level ul li a:hover { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_282 .clean-menu-top-level ul li a:hover svg, #clean-menu-full_stacks_in_282.cm-full-menu ul li a:hover svg { fill: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_282 .clean-menu-top-level ul li a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_282 .clean-menu-top-level ul li.cm-current > a { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_282 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_282.cm-full-menu ul li.cm-current > a svg { fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_282 .cm-toggle span { background: #000000; } #clean-menu_stacks_in_282 h1, #clean-menu_stacks_in_282 h2, #clean-menu_stacks_in_282 h3, #clean-menu_stacks_in_282 h4, #clean-menu_stacks_in_282 h5, #clean-menu_stacks_in_282 h6, #clean-menu_stacks_in_282 .layouts-text, #clean-menu_stacks_in_282 p { color: rgba(0, 0, 0, 0.60); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_282.cm-full-menu, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul { background: rgba(255, 255, 255, 1.00); } #clean-menu-full_stacks_in_282.cm-full-menu > ul > li, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_282.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_282.cm-full-menu ul li a, #clean-menu-full_stacks_in_282.cm-full-menu ul li a:visited, #clean-menu-full_stacks_in_282.cm-full-menu ul li a svg, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li a, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li a:visited, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li a svg, #clean-menu-full_stacks_in_282.cm-full-menu ul ul li:before { color: rgba(0, 0, 0, 0.40); fill: rgba(0, 0, 0, 0.40); } #clean-menu-full_stacks_in_282.cm-full-menu ul li a:hover, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li a:hover, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li a:hover svg { color: rgba(0, 0, 0, 0.20); fill: rgba(0, 0, 0, 0.20); } /* #clean-menu-full_stacks_in_282.cm-full-menu ul li a.cm-heading:hover, #clean-menu-full_stacks_in_282.cm-full-menu ul li a.cm-heading:hover svg, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li a.cm-heading:hover { color: rgba(0, 0, 0, 0.40); cursor: default; } */ #clean-menu-full_stacks_in_282.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li.cm-current > a svg { color: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0, 0, 0, 0.40); } */ #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(0, 0, 0, 0.60); } .disable-parents #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li a.parent:hover:after, .disable-parents #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul li a.parent:hover, #clean-menu-full_stacks_in_282.cm-full-menu.disable-parents ul li a.parent:hover { color: rgba(0, 0, 0, 0.40); border-color: rgba(0, 0, 0, 0.40); } .disable-parents #clean-menu_stacks_in_282 .clean-menu-top-level ul li a.parent:hover, .disable-parents #clean-menu_stacks_in_282 .clean-menu-top-level ul li a.parent:hover:after { color: rgba(0, 0, 0, 0.40); border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_282 .clean-menu-logo .cm-logo-wrap { max-width: 50px; width: auto; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } #clean-menu_stacks_in_282 .clean-menu-full { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_282 .clean-menu-full .cm-menu-toggle { display: inline-block; float: right; } #clean-menu_stacks_in_282 .clean-menu-top-level ul { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } div[tag="slice"] > .mez > #stacks_in_282.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 15px 0 0; } #clean-menu_stacks_in_282 .clean-menu-full { margin: 0; } #clean-menu_stacks_in_282 .clean-menu-full .cm-menu-toggle { display: none; } #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul { display: block; position: fixed; pointer-events: none; opacity: 0; top: 100%; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); } #clean-menu_stacks_in_282 .clean-menu-top-level ul li { position: relative; } #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); pointer-events: all; opacity: 1; } #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > a.parent:after { content: ""; border-style: solid; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: -3px 0 0 8px; } #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > a.parent a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > a.parent a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > a.parent a.cm-heading.parent:hover:after { border-color: rgba(0, 0, 0, 0.40); } */ #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > a.parent a.parent.cm-current:after { border-color: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_282 .clean-menu-logo, #clean-menu_stacks_in_282 .clean-menu-full { width: 50px; min-width: 50px; max-width: 50px; } #clean-menu-full_stacks_in_282.cm-full-menu > ul > li { border-bottom: 1px solid rgba(0,0,0,0.15) } #clean-menu-full_stacks_in_282.cm-full-menu > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_282.cm-full-menu { } #clean-menu_stacks_in_282 .clean-menu-top-level ul li a, #clean-menu_stacks_in_282 .clean-menu-top-level ul li a:visited { color: rgba(0,0,0,.6); } #clean-menu_stacks_in_282 .clean-menu-top-level ul li a svg { fill: rgba(0,0,0,.6); } #clean-menu_stacks_in_282 .clean-menu-top-level ul li a:hover { color: rgba(0,0,0,.4); } #clean-menu_stacks_in_282 .clean-menu-top-level ul li a:hover svg { fill: rgba(0,0,0,.4); } /* #clean-menu_stacks_in_282 .clean-menu-top-level ul li a.cm-heading:hover { color: rgba(0,0,0,.6); cursor: default; } */ #clean-menu_stacks_in_282 .clean-menu-top-level ul li.cm-current > a { color: rgba(0,0,0,.8); } #clean-menu_stacks_in_282 .clean-menu-top-level ul li a.cm-current > svg { fill: rgba(0,0,0,.8); } #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0,0,0,.6); } #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0,0,0,.4); } /* #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0,0,0,.6); } */ #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(0,0,0,.8); } #clean-menu_stacks_in_282 .cm-toggle span { background: rgba(0,0,0,8); } #clean-menu_stacks_in_282 h1, #clean-menu_stacks_in_282 h2, #clean-menu_stacks_in_282 h3, #clean-menu_stacks_in_282 h4, #clean-menu_stacks_in_282 h5, #clean-menu_stacks_in_282 h6, #clean-menu_stacks_in_282 .layouts-text, #clean-menu_stacks_in_282 p { color: rgba(0,0,0,8); } .disable-parents #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > a.parent:hover, .disable-parents #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > a.parent:hover:after { color: rgba(0,0,0,.6); border-color: rgba(0,0,0,.6); } @media all and (min-width: 1px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_282.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_282 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_282.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_282 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_282 .clean-menu-top-level > ul > li > ul.cm-wide > li { text-align: left; align-self: flex-start; } } @media all and (max-width: 0px) { #clean-menu-full_stacks_in_282 { min-width: 300px; } #clean-menu_stacks_in_282 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_282 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_282 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_282 .clean-menu-top-level { display: none; } #clean-menu-full_stacks_in_282.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_282.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_282.cm-full-menu ul li a { font-size: %( inherit + 2 )%px; padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_282.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_282.cm-full-menu ul li.cm-grouped-item a { width: auto; } #clean-menu-full_stacks_in_282.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_282.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_282.cm-full-menu ul li.cm-grouped-item a { padding: 8px 30px 8px 0; } } .cm-mobile-example #clean-menu-full_stacks_in_282 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_282 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_282 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_282 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_282 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_282.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_282.cm-full-menu ul li a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_282.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_282.cm-full-menu ul li.cm-grouped-item a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_282.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_282.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_282.cm-full-menu ul li.cm-grouped-item a { padding: 8px 30px 8px 0; } #clean-menu_stacks_in_282 .clean-menu-top-level ul li.cm-current > a { } .clean-menu-top-level #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style a { transition: all 150ms ease; color: rgba(135, 0, 12, 1.00); background-color: rgba(250, 184, 9, 1.00); border: 1px solid rgba(34, 34, 34, 1.00); border-radius: 17px; padding: 6px 12px; } .clean-menu-top-level #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style.cm-grouped-item a { padding: 0; } .clean-menu-top-level #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style a svg { fill: rgba(135, 0, 12, 1.00); } .clean-menu-top-level #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style a:hover, .clean-menu-top-level #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style.current a { color: rgba(249, 184, 9, 1.00); background-color: rgba(135, 0, 13, 1.00); border: 1px solid rgba(34, 34, 34, 1.00); } .clean-menu-top-level #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style a:hover svg, .clean-menu-top-level #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style.current a svg { fill: rgba(249, 184, 9, 1.00); } .clean-menu-top-level #cta_stacks_in_285.clean-menu-cta { margin: 0 9px; } .clean-menu-top-level #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style a:hover { } .clean-menu-top-level #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style a:active { transform: translate(0,1px); } .cm-full-menu #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style { padding: 10px 18px 10px 18px; } .cm-full-menu #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style a { transition: all 150ms ease; color: rgba(135, 0, 12, 1.00); background-color: rgba(250, 184, 9, 1.00); border: 1px solid rgba(34, 34, 34, 1.00); border-radius: 17px; display: block; text-align: center; padding: 10px 20px; } .cm-full-menu #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style.cm-grouped-item a { display: inline-block; } .cm-full-menu #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style a svg { fill: rgba(135, 0, 12, 1.00); } .cm-full-menu #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style a:hover, .cm-full-menu #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style.current a { color: rgba(249, 184, 9, 1.00); background-color: rgba(135, 0, 13, 1.00); border: 1px solid rgba(34, 34, 34, 1.00); } .cm-full-menu #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style a:hover svg, .cm-full-menu #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style a.current a svg { fill: rgba(249, 184, 9, 1.00); } .cm-full-menu #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style a:hover { } .cm-full-menu #cta_stacks_in_285.clean-menu-cta.clean-menu-cta-style a:active { transform: translate(0,1px); } /* 1.3.0 */ #stacks_in_289 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_289 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_289 .clean-menu-extra { display: none; } #clean-menu_stacks_in_289 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_289 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_289.cm-full-menu li a:hover, #clean-menu_stacks_in_289 li a:hover { text-decoration: none; } #stacks_in_289 nav { border: 0px solid transparent; } #clean-menu_stacks_in_289 { max-width: 1140px; box-sizing: border-box; padding: 0px 20px; margin: 0 auto; } /* compatability fixes */ #clean-menu_stacks_in_289 ul { margin: 0; } #clean-menu-full_stacks_in_289.cm-full-menu ul, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_289 ul li a:after, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_289.cm-full-menu, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_289.cm-full-menu ul, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul { text-decoration: none; list-style: none; margin: 0; display: block; padding: 0px 0px; background: transparent; } #clean-menu-full_stacks_in_289.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_289.cm-full-menu ul li, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_289.cm-full-menu ul li a, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li a { padding: 5px 20px; margin: 0; background: transparent; display: inline-block; } #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li a { padding: 6px 20px; } #clean-menu-full_stacks_in_289.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_289.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: inherit; height: auto; } #clean-menu-full_stacks_in_289.cm-full-menu ul > div, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_289.cm-full-menu ul > div a, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_289.cm-full-menu ul ul, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_289.cm-full-menu, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul { position: absolute; z-index: 9999; pointer-events: none; opacity: 0; -webkit-transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease, opacity 300ms ease; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); min-width: 250px; border-radius: 4px; box-shadow: 0px 10px 20px rgba(0,0,0,0.4); } #clean-menu-full_stacks_in_289.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_289.cm-full-menu { -webkit-transform: translate(-100%, 50px); transform: translate(-100%, 50px); } #clean-menu-full_stacks_in_289.cm-full-menu.clean-menu-active { -webkit-transform: translate(-100%, 5px); transform: translate(-100%, 5px); } #clean-menu-full_stacks_in_289.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_289 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_289.clean-menu-active ul { opacity: 1; pointer-events: all; } .cm-toggle { width: 30px; height: 28px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .cm-toggle span { display: block; position: absolute; height: 5px; width: 100%; background: #333; border-radius: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .cm-toggle span:nth-child(1) { top: 0px; } .cm-toggle span:nth-child(2),.cm-toggle span:nth-child(3) { top: 10px; } .cm-toggle span:nth-child(4) { top: 20px; } .cm-toggle.open span:nth-child(1) { opacity: 0; } .cm-toggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cm-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .cm-toggle.open span:nth-child(4) { opacity: 0; } #clean-menu_stacks_in_289 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } #clean-menu_stacks_in_289 > div { -ms-flex-item-align: center; align-self: center; } #clean-menu_stacks_in_289 .clean-menu-full .cm-menu-toggle { width: 30px; height: 25px; box-sizing: border-box; padding: 0; /* border: 1px solid #000;*/ border-radius: 3px; cursor: pointer; } #clean-menu_stacks_in_289 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_289 .clean-menu-logo { max-width: 50px; min-width: 50px; margin: 0; } #clean-menu_stacks_in_289 .clean-menu-logo .cm-logo-wrap { max-width: 50px; min-width: 50px; -webkit-box-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; } #clean-menu_stacks_in_289 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_289.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_289 .clean-menu-logo > div > div { -ms-flex-item-align: center; align-self: center; } #clean-menu_stacks_in_289 .clean-menu-logo .cm-logo-left { max-width: 73px; display: none; max-width: 9999px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_289.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; max-width: 9999px; } #clean-menu_stacks_in_289 .clean-menu-logo .cm-logo-right { display: none; margin: 10px 0; } #clean-menu_stacks_in_289 .clean-menu-top-level ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-end; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; padding: 0; text-decoration: none; } #clean-menu_stacks_in_289 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_289 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_289 .clean-menu-top-level ul li { margin: 0 15px; -ms-flex-item-align: center; align-self: center; } #clean-menu_stacks_in_289 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_289 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_289 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } #clean-menu_stacks_in_289 > div:nth-child(1), #clean-menu_stacks_in_289 > div:nth-child(2) { -webkit-box-flex: initial; -ms-flex: none; flex: none; width: auto; } #clean-menu_stacks_in_289 > div:nth-child(1) { margin-right: 10px; } #clean-menu_stacks_in_289 > div:nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; max-width: 100%; } #clean-menu_stacks_in_289 > div.clean-menu-top-level:nth-child(2) ul li:first-child, #clean-menu_stacks_in_289 > div.clean-menu-top-level:nth-child(1) ul li:last-child { margin: 0 15px; } #clean-menu_stacks_in_289 > div.clean-menu-top-level:nth-child(2) > ul > li > ul li:first-child, #clean-menu_stacks_in_289 > div.clean-menu-top-level:nth-child(1) > ul > li > ul li:last-child { margin: 0; } div[tag="slice"] > .mez > #stacks_in_289.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_289 .clean-menu-top-level ul li a, #clean-menu_stacks_in_289 .clean-menu-top-level ul li a:visited { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.40); font-size: inherit; line-height: 25px; padding: 0; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } #clean-menu-full_stacks_in_289.cm-full-menu ul li a { font-size: inherit; } #clean-menu_stacks_in_289 .clean-menu-top-level ul li a, #clean-menu-full_stacks_in_289.cm-full-menu ul li a { font-family: inherit; } #clean-menu-full_stacks_in_289.cm-full-menu > ul > li > a { } #clean-menu_stacks_in_289 .clean-menu-top-level ul li a svg, #clean-menu-full_stacks_in_289.cm-full-menu ul li a svg, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li a svg { fill: rgba(0, 0, 0, 0.40); align-self: center; vertical-align: middle; } #clean-menu-full_stacks_in_289.cm-full-menu ul li a, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li a{ transition: color 150ms ease; } #clean-menu_stacks_in_289 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_289.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; } #clean-menu-full_stacks_in_289.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_289 .clean-menu-top-level ul li.cm-grouped-item a, #clean-menu-full_stacks_in_289.cm-full-menu ul li.cm-grouped-item a { display: inline-block; margin-left: 5px; } #clean-menu_stacks_in_289 .clean-menu-top-level ul li.cm-grouped-item a { padding: 0; } #clean-menu_stacks_in_289 .clean-menu-top-level ul li.cm-grouped-item a:first-child, #clean-menu-full_stacks_in_289.cm-full-menu ul li.cm-grouped-item a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_289.cm-full-menu ul li.cm-grouped-item a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_289 .clean-menu-top-level ul li a ion-icon, #clean-menu_stacks_in_289 .clean-menu-top-level ul li a i, #clean-menu-full_stacks_in_289.cm-full-menu ul li a ion-icon, #clean-menu-full_stacks_in_289.cm-full-menu ul li a i { font-size: 25px; line-height: 25px; } #stacks_in_289 li a svg, #clean-menu_stacks_in_289 .clean-menu-top-level ul li a svg, #clean-menu-full_stacks_in_289.cm-full-menu ul li a svg, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li a svg { width: 25px; height: 25px; } #clean-menu_stacks_in_289 .clean-menu-top-level ul li a:hover { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_289 .clean-menu-top-level ul li a:hover svg, #clean-menu-full_stacks_in_289.cm-full-menu ul li a:hover svg { fill: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_289 .clean-menu-top-level ul li a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_289 .clean-menu-top-level ul li.cm-current > a { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_289 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_289.cm-full-menu ul li.cm-current > a svg { fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_289 .cm-toggle span { background: #000000; } #clean-menu_stacks_in_289 h1, #clean-menu_stacks_in_289 h2, #clean-menu_stacks_in_289 h3, #clean-menu_stacks_in_289 h4, #clean-menu_stacks_in_289 h5, #clean-menu_stacks_in_289 h6, #clean-menu_stacks_in_289 .layouts-text, #clean-menu_stacks_in_289 p { color: rgba(0, 0, 0, 0.60); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_289.cm-full-menu, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul { background: rgba(255, 255, 255, 1.00); } #clean-menu-full_stacks_in_289.cm-full-menu > ul > li, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_289.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_289.cm-full-menu ul li a, #clean-menu-full_stacks_in_289.cm-full-menu ul li a:visited, #clean-menu-full_stacks_in_289.cm-full-menu ul li a svg, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li a, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li a:visited, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li a svg, #clean-menu-full_stacks_in_289.cm-full-menu ul ul li:before { color: rgba(129, 102, 69, 1.00); fill: rgba(129, 102, 69, 1.00); } #clean-menu-full_stacks_in_289.cm-full-menu ul li a:hover, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li a:hover, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li a:hover svg { color: rgba(205, 96, 17, 1.00); fill: rgba(205, 96, 17, 1.00); } /* #clean-menu-full_stacks_in_289.cm-full-menu ul li a.cm-heading:hover, #clean-menu-full_stacks_in_289.cm-full-menu ul li a.cm-heading:hover svg, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li a.cm-heading:hover { color: rgba(129, 102, 69, 1.00); cursor: default; } */ #clean-menu-full_stacks_in_289.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li.cm-current > a svg { color: rgba(205, 96, 17, 1.00); fill: rgba(205, 96, 17, 1.00); } #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0, 0, 0, 0.40); } */ #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(0, 0, 0, 0.60); } .disable-parents #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li a.parent:hover:after, .disable-parents #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul li a.parent:hover, #clean-menu-full_stacks_in_289.cm-full-menu.disable-parents ul li a.parent:hover { color: rgba(129, 102, 69, 1.00); border-color: rgba(129, 102, 69, 1.00); } .disable-parents #clean-menu_stacks_in_289 .clean-menu-top-level ul li a.parent:hover, .disable-parents #clean-menu_stacks_in_289 .clean-menu-top-level ul li a.parent:hover:after { color: rgba(0, 0, 0, 0.40); border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_289 .clean-menu-logo .cm-logo-wrap { max-width: 50px; width: auto; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } #clean-menu_stacks_in_289 .clean-menu-full { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_289 .clean-menu-full .cm-menu-toggle { display: inline-block; float: right; } #clean-menu_stacks_in_289 .clean-menu-top-level ul { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } div[tag="slice"] > .mez > #stacks_in_289.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 15px 0 0; } #clean-menu_stacks_in_289 .clean-menu-logo, #clean-menu_stacks_in_289 .clean-menu-full { width: 50px; min-width: 50px; max-width: 50px; } #clean-menu-full_stacks_in_289.cm-full-menu > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_289.cm-full-menu > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_289.cm-full-menu { } #clean-menu_stacks_in_289 .clean-menu-top-level ul li a, #clean-menu_stacks_in_289 .clean-menu-top-level ul li a:visited { color: rgba(255,255,255,.6); } #clean-menu_stacks_in_289 .clean-menu-top-level ul li a svg { fill: rgba(255,255,255,.6); } #clean-menu_stacks_in_289 .clean-menu-top-level ul li a:hover { color: rgba(255,255,255,.9); } #clean-menu_stacks_in_289 .clean-menu-top-level ul li a:hover svg { fill: rgba(255,255,255,.9); } /* #clean-menu_stacks_in_289 .clean-menu-top-level ul li a.cm-heading:hover { color: rgba(255,255,255,.6); cursor: default; } */ #clean-menu_stacks_in_289 .clean-menu-top-level ul li.cm-current > a { color: rgba(255,255,255,1); } #clean-menu_stacks_in_289 .clean-menu-top-level ul li a.cm-current > svg { fill: rgba(255,255,255,1); } #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(255,255,255,.6); } #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(255,255,255,.9); } /* #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(255,255,255,.6); } */ #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(255,255,255,1); } #clean-menu_stacks_in_289 .cm-toggle span { background: rgba(255,255,255,1); } #clean-menu_stacks_in_289 h1, #clean-menu_stacks_in_289 h2, #clean-menu_stacks_in_289 h3, #clean-menu_stacks_in_289 h4, #clean-menu_stacks_in_289 h5, #clean-menu_stacks_in_289 h6, #clean-menu_stacks_in_289 .layouts-text, #clean-menu_stacks_in_289 p { color: rgba(255,255,255,1); } .disable-parents #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > a.parent:hover, .disable-parents #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > a.parent:hover:after { color: rgba(255,255,255,.6); border-color: rgba(255,255,255,.6); } @media all and (min-width: 771px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_289.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_289 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_289.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_289 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_289 .clean-menu-top-level > ul > li > ul.cm-wide > li { text-align: left; align-self: flex-start; } } @media all and (max-width: 770px) { #clean-menu-full_stacks_in_289 { min-width: 300px; } #clean-menu_stacks_in_289 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_289 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_289 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_289 .clean-menu-top-level { display: none; } #clean-menu-full_stacks_in_289.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_289.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_289.cm-full-menu ul li a { font-size: %( inherit + 2 )%px; padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_289.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_289.cm-full-menu ul li.cm-grouped-item a { width: auto; } #clean-menu-full_stacks_in_289.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_289.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_289.cm-full-menu ul li.cm-grouped-item a { padding: 8px 30px 8px 0; } } .cm-mobile-example #clean-menu-full_stacks_in_289 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_289 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_289 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_289 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_289 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_289.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_289.cm-full-menu ul li a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_289.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_289.cm-full-menu ul li.cm-grouped-item a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_289.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_289.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_289.cm-full-menu ul li.cm-grouped-item a { padding: 8px 30px 8px 0; } #clean-menu_stacks_in_289 .clean-menu-top-level ul li.cm-current > a { } #stacks_in_289 { padding: 10px 30px 0px 0px; } .clean-menu-top-level #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style a { transition: all 150ms ease; color: rgba(135, 0, 12, 1.00); background-color: rgba(250, 184, 9, 1.00); border: 1px solid rgba(34, 34, 34, 1.00); border-radius: 17px; padding: 6px 12px; } .clean-menu-top-level #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style.cm-grouped-item a { padding: 0; } .clean-menu-top-level #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style a svg { fill: rgba(135, 0, 12, 1.00); } .clean-menu-top-level #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style a:hover, .clean-menu-top-level #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style.current a { color: rgba(249, 184, 9, 1.00); background-color: rgba(135, 0, 13, 1.00); border: 1px solid rgba(34, 34, 34, 1.00); } .clean-menu-top-level #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style a:hover svg, .clean-menu-top-level #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style.current a svg { fill: rgba(249, 184, 9, 1.00); } .clean-menu-top-level #cta_stacks_in_292.clean-menu-cta { margin: 0 9px; } .clean-menu-top-level #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style a:hover { } .clean-menu-top-level #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style a:active { transform: translate(0,1px); } .cm-full-menu #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style { padding: 10px 18px 10px 18px; } .cm-full-menu #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style a { transition: all 150ms ease; color: rgba(135, 0, 12, 1.00); background-color: rgba(250, 184, 9, 1.00); border: 1px solid rgba(34, 34, 34, 1.00); border-radius: 17px; display: block; text-align: center; padding: 10px 20px; } .cm-full-menu #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style.cm-grouped-item a { display: inline-block; } .cm-full-menu #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style a svg { fill: rgba(135, 0, 12, 1.00); } .cm-full-menu #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style a:hover, .cm-full-menu #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style.current a { color: rgba(249, 184, 9, 1.00); background-color: rgba(135, 0, 13, 1.00); border: 1px solid rgba(34, 34, 34, 1.00); } .cm-full-menu #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style a:hover svg, .cm-full-menu #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style a.current a svg { fill: rgba(249, 184, 9, 1.00); } .cm-full-menu #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style a:hover { } .cm-full-menu #cta_stacks_in_292.clean-menu-cta.clean-menu-cta-style a:active { transform: translate(0,1px); } #stacks_in_547 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_547 .jwresp_col{float:none} #stacks_in_547 #jwresp_col2_stacks_in_547{position:relative;margin:0 auto;width:20%;float:none}#stacks_in_547 #jwresp_col1_stacks_in_547,#stacks_in_547 #jwresp_col3_stacks_in_547{width:40%}#stacks_in_547 #jwresp_col1_stacks_in_547{float:left}#stacks_in_547 #jwresp_col3_stacks_in_547{float:right} @media screen and (max-width:770px){#stacks_in_547 #jwresp_col1_stacks_in_547,#stacks_in_547 #jwresp_col3_stacks_in_547{margin-bottom:20px}#stacks_in_547 #jwresp_col1_stacks_in_547{width:20%}#stacks_in_547 #jwresp_col3_stacks_in_547{width:80%}#stacks_in_547 #jwresp_col2_stacks_in_547{clear:both;width:100%;display:block}} @media screen and (max-width:500px){#stacks_in_547 #jwresp_col1_stacks_in_547,#stacks_in_547 #jwresp_col3_stacks_in_547,#stacks_in_547 #jwresp_col2_stacks_in_547{float:none;width:100%;display:block}#stacks_in_547 #jwresp_col1_stacks_in_547,#stacks_in_547 #jwresp_col3_stacks_in_547{margin-bottom:20px}} .stacks_in_553 img{max-width:50%;border-radius:0px;}.stacks_in_553 img:hover{ } .stacks_in_554 img{max-width:30%;border-radius:0px;}.stacks_in_554 img:hover{ } /* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_29 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_29 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_29 .wrapper_link { display: block !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_29 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 20vh; min-height: 100px !important; padding: 0; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_29 .back_wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_29 .back_wrapper_8573 { } } #stacks_in_29 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 20vh; min-height: 100px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_29 .wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_29 .wrapper_8573 { } } /* Hype internal elements - rotation */ #stacks_in_29 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* --------------- */ #stacks_in_29 .wrapper_working_area { background: url(../index_files/edit_mode_titles_guide_border.gif) center center no-repeat !important; max-width: 1300px; height: 20vh; 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_29 .theme_title { color: #FE8430 !important; } /* Title style B */ #stacks_in_29 .theme_title_b { color: #FDB357 !important; } /* Title style A-B styles */ #stacks_in_29 .theme_slogan { color: #FCAD0D !important; font-size: 83px !important; font-family: "pacificoregular", 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: 20px !important; margin-left: 16px !important; display: block !important; letter-spacing: 22px !important; line-height: 120px !important; } /* TITLE CSS */ #stacks_in_29 .theme_title, #stacks_in_29 .theme_title_b { font-size: 251px !important; font-style: none; text-transform: none; text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 15px !important; line-height: 125px !important; font-family: "ralewaylight", sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_29 .back_wrapper_8573 { } #stacks_in_29 .back_wrapper_8573bg { background-position: 50% 50% !important; background-size: cover !important; background: url(); text-align: center; display: block; position: relative; max-width: 1300vh; height: 20vh; min-height: 100px !important; padding: 0; margin: 0; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_29 .back_wrapper_8573bg { } } @media (max-width: 600px) { #stacks_in_29 .back_wrapper_8573bg { } } #stacks_in_29 .theme_title, #stacks_in_29 .theme_title_b { /* shadow set */ } /* Title shadow END */ #stacks_in_29 .theme_title, #stacks_in_29 .theme_title_b { } /* --------------- */ /* @group Built-in Webfonts */ /* Orignal font CORDIAL by Riccardo Olocco - read license */ @font-face { font-family: 'cordial_proregregular'; src: url('../index_files/webfonts/cordial_web/cordial_regular_39-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_regular_39-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_regular_39-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_regular_39-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_semibold_38-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_semibold_38-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_semibold_38-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_semibold_38-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_medium_38-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_medium_38-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_medium_38-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_medium_38-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_light_59-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_light_59-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_light_59-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_light_59-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_bold_69-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_bold_69-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_bold_69-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_bold_69-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot'); src: url('../index_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'), url('../index_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/montserrat/montserrat-bold-webfont.eot'); src: url('../index_files/webfonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../index_files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'), url('../index_files/webfonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'), url('../index_files/webfonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'abelregular'; src: url('../index_files/webfonts/abel/abel-regular-webfont.eot'); src: url('../index_files/webfonts/abel/abel-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/abel/abel-regular-webfont.woff') format('woff'), url('../index_files/webfonts/abel/abel-regular-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/open-sans-condensed/opensans-condlight-webfont.eot'); src: url('../index_files/webfonts/open-sans-condensed/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../index_files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'), url('../index_files/webfonts/open-sans-condensed/opensans-condlight-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/breeserif/breeserif-regular-webfont.eot'); src: url('../index_files/webfonts/breeserif/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'), url('../index_files/webfonts/breeserif/breeserif-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/breeserif/breeserif-regular-webfont.svg#bree_serifregular')format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('../index_files/webfonts/pacifico/pacifico-regular-webfont.eot'); src: url('../index_files/webfonts/pacifico/pacifico-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/pacifico/pacifico-regular-webfont.woff') format('woff'), url('../index_files/webfonts/pacifico/pacifico-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/pacifico/pacifico-regular-webfont.svg#pacificoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'signikaregular'; src: url('../index_files/webfonts/signika/signika-regular-webfont.eot'); src: url('../index_files/webfonts/signika/signika-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/signika/signika-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/signika/signika-regular-webfont.woff') format('woff'), url('../index_files/webfonts/signika/signika-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/signika/signika-regular-webfont.svg#signikaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rochesterregular'; src: url('../index_files/webfonts/rochester/rochester-regular-webfont.eot'); src: url('../index_files/webfonts/rochester/rochester-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/rochester/rochester-regular-webfont.woff') format('woff'), url('../index_files/webfonts/rochester/rochester-regular-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot'); src: url('../index_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'), url('../index_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/raleway/raleway-light-webfont.eot'); src: url('../index_files/webfonts/raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../index_files/webfonts/raleway/raleway-light-webfont.woff') format('woff'), url('../index_files/webfonts/raleway/raleway-light-webfont.ttf') format('truetype'), url('../index_files/webfonts/raleway/raleway-light-webfont.svg#ralewaylight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fjalla_oneregular'; src: url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.eot'); src: url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'), url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vigaregular'; src: url('../index_files/webfonts/viga/viga-regular-webfont.eot'); src: url('../index_files/webfonts/viga/viga-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/viga/viga-regular-webfont.woff') format('woff'), url('../index_files/webfonts/viga/viga-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/viga/viga-regular-webfont.svg#vigaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.eot'); src: url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'), url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.ttf') format('truetype'), url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.svg#ubunturegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_blackregular'; src: url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.eot'); src: url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'), url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.svg#archivo_blackregular') format('svg'); font-weight: normal; font-style: normal; } /* @end */ /* DECORATION */ /* line */ #stacks_in_29 .decoration_color_1 { background-color: #9F0003 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } /* back glow */ #stacks_in_29 .flash-color { background-color: rgba(253, 168, 9, 1.00) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; display: none !important; } /* DECORATION and GLOW END */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXX DEMO AREA - CSS STYLES XXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* -- End EACH CSS Template -- */#stacks_in_29 .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_29 .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_29 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_29 .scrollButton-hypetitles #stacks_in_29 [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_29 .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_29 .scrollButton-hypetitles { display: none !important; } #stacks_in_29 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } }.stacks_in_587 img{max-width:80%;border-radius:0px;}.stacks_in_587 img:hover{ } .s-container-stacks_in_348{ margin-left: auto; margin-right: auto;}#s-wrapper-stacks_in_348{margin:0; }#s-content-stacks_in_348{justify-content:center; padding:0; }@media (min-width:600px){.s-container-stacks_in_348{ }#s-wrapper-stacks_in_348{}#s-content-stacks_in_348{ }}@media (min-width:900px){.s-container-stacks_in_348{ }#s-wrapper-stacks_in_348{}#s-content-stacks_in_348{ }}@media (min-width:1200px){.s-container-stacks_in_348{ }#s-wrapper-stacks_in_348{}#s-content-stacks_in_348{ }}.s-bg-stacks_in_348{z-index:0}#s-outer-stacks_in_348{border-radius:0px 0px 0px 0px} /* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_349 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_349 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_349 .wrapper_link { display: block !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_349 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 20vh; min-height: 100px !important; padding: 0; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_349 .back_wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_349 .back_wrapper_8573 { } } #stacks_in_349 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 20vh; min-height: 100px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_349 .wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_349 .wrapper_8573 { } } /* Hype internal elements - rotation */ #stacks_in_349 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* --------------- */ #stacks_in_349 .wrapper_working_area { background: url(../index_files/edit_mode_titles_guide_border.gif) center center no-repeat !important; max-width: 1300px; height: 20vh; 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_349 .theme_title { color: #FFFFFF !important; } /* Title style B */ #stacks_in_349 .theme_title_b { color: #FFFFFF !important; } /* Title style A-B styles */ #stacks_in_349 .theme_slogan { color: #FFFFFF !important; font-size: 100px !important; font-family: "cordial_proregregular", 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: 5px !important; line-height: 120px !important; } /* TITLE CSS */ #stacks_in_349 .theme_title, #stacks_in_349 .theme_title_b { font-size: 100px !important; font-style: none; text-transform: none; text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 15px !important; line-height: 105px !important; font-family: "title_cordial_font_selector", sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; font-family: "cordial_proregregular", sans-serif !important; } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_349 .back_wrapper_8573 { } #stacks_in_349 .back_wrapper_8573bg { background-position: 50% 50% !important; background-size: cover !important; background: url(); text-align: center; display: block; position: relative; max-width: 1300vh; height: 20vh; min-height: 100px !important; padding: 0; margin: 0; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_349 .back_wrapper_8573bg { } } @media (max-width: 600px) { #stacks_in_349 .back_wrapper_8573bg { } } #stacks_in_349 .theme_title, #stacks_in_349 .theme_title_b { /* shadow set */ } /* Title shadow END */ #stacks_in_349 .theme_title, #stacks_in_349 .theme_title_b { } /* --------------- */ /* @group Built-in Webfonts */ /* Orignal font CORDIAL by Riccardo Olocco - read license */ @font-face { font-family: 'cordial_proregregular'; src: url('../index_files/webfonts/cordial_web/cordial_regular_39-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_regular_39-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_regular_39-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_regular_39-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_semibold_38-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_semibold_38-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_semibold_38-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_semibold_38-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_medium_38-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_medium_38-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_medium_38-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_medium_38-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_light_59-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_light_59-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_light_59-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_light_59-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_bold_69-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_bold_69-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_bold_69-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_bold_69-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.eot'); src: url('../index_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../index_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'), url('../index_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot'); src: url('../index_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'), url('../index_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/montserrat/montserrat-bold-webfont.eot'); src: url('../index_files/webfonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../index_files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'), url('../index_files/webfonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'), url('../index_files/webfonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'abelregular'; src: url('../index_files/webfonts/abel/abel-regular-webfont.eot'); src: url('../index_files/webfonts/abel/abel-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/abel/abel-regular-webfont.woff') format('woff'), url('../index_files/webfonts/abel/abel-regular-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/open-sans-condensed/opensans-condlight-webfont.eot'); src: url('../index_files/webfonts/open-sans-condensed/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../index_files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'), url('../index_files/webfonts/open-sans-condensed/opensans-condlight-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/breeserif/breeserif-regular-webfont.eot'); src: url('../index_files/webfonts/breeserif/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'), url('../index_files/webfonts/breeserif/breeserif-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/breeserif/breeserif-regular-webfont.svg#bree_serifregular')format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('../index_files/webfonts/pacifico/pacifico-regular-webfont.eot'); src: url('../index_files/webfonts/pacifico/pacifico-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/pacifico/pacifico-regular-webfont.woff') format('woff'), url('../index_files/webfonts/pacifico/pacifico-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/pacifico/pacifico-regular-webfont.svg#pacificoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'signikaregular'; src: url('../index_files/webfonts/signika/signika-regular-webfont.eot'); src: url('../index_files/webfonts/signika/signika-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/signika/signika-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/signika/signika-regular-webfont.woff') format('woff'), url('../index_files/webfonts/signika/signika-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/signika/signika-regular-webfont.svg#signikaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rochesterregular'; src: url('../index_files/webfonts/rochester/rochester-regular-webfont.eot'); src: url('../index_files/webfonts/rochester/rochester-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/rochester/rochester-regular-webfont.woff') format('woff'), url('../index_files/webfonts/rochester/rochester-regular-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot'); src: url('../index_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'), url('../index_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.ttf') format('truetype'), url('../index_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('../index_files/webfonts/raleway/raleway-light-webfont.eot'); src: url('../index_files/webfonts/raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../index_files/webfonts/raleway/raleway-light-webfont.woff') format('woff'), url('../index_files/webfonts/raleway/raleway-light-webfont.ttf') format('truetype'), url('../index_files/webfonts/raleway/raleway-light-webfont.svg#ralewaylight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fjalla_oneregular'; src: url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.eot'); src: url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'), url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/fjallaone/fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vigaregular'; src: url('../index_files/webfonts/viga/viga-regular-webfont.eot'); src: url('../index_files/webfonts/viga/viga-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/viga/viga-regular-webfont.woff') format('woff'), url('../index_files/webfonts/viga/viga-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/viga/viga-regular-webfont.svg#vigaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.eot'); src: url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'), url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.ttf') format('truetype'), url('../index_files/webfonts/ubuntu/ubuntu-r-webfont.svg#ubunturegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_blackregular'; src: url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.eot'); src: url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'), url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.ttf') format('truetype'), url('../index_files/webfonts/archivoblack/archivoblack-regular-webfont.svg#archivo_blackregular') format('svg'); font-weight: normal; font-style: normal; } /* @end */ /* DECORATION */ /* line */ #stacks_in_349 .decoration_color_1 { background-color: #FDA809 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } /* back glow */ #stacks_in_349 .flash-color { background-color: rgba(253, 168, 9, 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_349 .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_349 .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_349 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_349 .scrollButton-hypetitles #stacks_in_349 [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_349 .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_349 .scrollButton-hypetitles { display: none !important; } #stacks_in_349 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } } #stacks_in_349 { background-color: rgba(232, 133, 10, 1.00); } #divstacks_in_30 hr{border-top-style:solid;border-top-width:1px;border-top-color:rgba(187, 187, 187, 0.00); width:100%;max-width:100%;margin-top:1.50rem;margin-bottom:1.50rem} #stacks_in_30 { background-color: rgba(204, 204, 204, 0.00); } /* -- End EACH CSS Template -- */ /* ------------------ edit END -- */ /* ------- global ------ */ #stacks_in_74 *{ box-sizing: border-box !important; } #stacks_in_74 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 2800px !important; } /* ------- main BG colour --- background-color: transparent; --- */ #stacks_in_74 .bg-hype-color-css { } /* ------- BG IMG ------ */ #stacks_in_74 .bg-hype-css, #stacks_in_74 .bg-hype-css path { background-size: cover !important; background-image: url() !important; background-position: 50% 50% !important; opacity: 0.1; } @media screen and (min-width: 800px) { #stacks_in_74 .bg-hype-css, #stacks_in_74 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg on mobile */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_74 .bg-hype-css, #stacks_in_74 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_74 .bg-hype-css, #stacks_in_74 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_74 .bg-hype-css, #stacks_in_74 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_74 .bg-hype-css, #stacks_in_74 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_74 .bg-hype-css, #stacks_in_74 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_74 .bg-hype-css, #stacks_in_74 .bg-hype-css path { background-attachment: scroll; } } /* source 2 */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_74 .bg-hype-css, #stacks_in_74 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_74 .bg-hype-css, #stacks_in_74 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {#stacks_in_74 .bg-hype-css, #stacks_in_74 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_74 .bg-hype-css, #stacks_in_74 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_74 .bg-hype-css, #stacks_in_74 .bg-hype-css path, #stacks_in_74 .bg-hype-move-img { } #stacks_in_74 .shape-top { display: none !important; } #stacks_in_74 .shape-bottom { display: none !important; } /* shift stripes */ #stacks_in_74 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_74 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_74 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_74 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_74 .shape-top path, #stacks_in_74 .shape-bottom path { stroke-style: solid !important; fill: rgba(255, 255, 255, 0.00) !important; stroke-width: 0px !important; stroke: rgba(202, 202, 202, 0.00) !important; stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 0%; } #stacks_in_74 .shape-bottom path { stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 0%; stroke-style: solid !important; fill: rgba(212, 212, 212, 1.00) !important; stroke-width: 0px !important; stroke: rgba(194, 194, 194, 1.00) !important; stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 0%; } /* redu */ /*@media only screen and (max-width: 800px) { #stacks_in_74 .shape-top, #stacks_in_74 .shape-bottom { } #stacks_in_74 .shape-top { }#stacks_in_74 .shape-bottom { } }*/ /* ------- BG ------ end */ /* ------- slice ------ start */ #stacks_in_74 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_74 .inner-slice-vertical-main { display:table; width: 100%; height: 70vh; min-height: 320px; } @media (max-width: 800px) { #stacks_in_74 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_74 .inner-slice-vertical-main { } } #stacks_in_74 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; bwlow to fix in IE11 */ #stacks_in_74 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; /*margin-top: 5%; margin-bottom: 5%;*/ margin-top: 100px; margin-bottom: 100px; max-width: 1250px; padding: 0px !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_74 .inner-slice-content, #stacks_in_74 .inner-slice-content p, #stacks_in_74 .inner-slice-content span, #stacks_in_74 .inner-slice-content [class*="fa fa-"], #stacks_in_74 .inner-slice-content h1, #stacks_in_74 .inner-slice-content h2, #stacks_in_74 .inner-slice-content h3, #stacks_in_74 .inner-slice-content h4, #stacks_in_74 .inner-slice-content h5, #stacks_in_74 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; color:#FFFFFF !important; } #stacks_in_74 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_74 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_74 .inner-slice-content a:link, #stacks_in_74 .inner-slice-content a { color:#FACE23 !important; } #stacks_in_74 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_74 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_74 .inner-slice-content a:hover { color:#FACF23 !important; } #stacks_in_74 .inner-slice-content { } /* ------- slice ------ end */ /* scroll button */ #stacks_in_74 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 19%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 4; animation-delay: 0.1s; text-align: center !important; } @keyframes element-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 element-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_74 .scrollButton-element a { font-size: 80px !important; line-height: 1em; transition: 0.06s linear; -webkit-transition: 0.06s linear; -moz-transition: 0.06s linear; -webkit-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.4s; color: #F4F4F4 !important; } #stacks_in_74 .scrollButton-element [class^="fa fa-"], #stacks_in_74 .scrollButton-element #stacks_in_74 [class*="fa fa-"] { color: #F4F4F4 !important; } @keyframes element-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes element-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_74 .scrollButton-element a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-popbands { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_74 .scrollButton-element { display: none !important; } #stacks_in_74 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG button animated on mouse over */ #stacks_in_74 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_74 .scrollButton-element [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* scroll button end */ /* --- HYPE ELEMENTS---- */ #stacks_in_74 .bg-grid { } #stacks_in_74 .bg-grad { } #stacks_in_74 .bg-hype-shading-box { /*background-color: #000000;*/ background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(244, 60, 35, 0.22)), to(rgba(19, 132, 160, 0.80))); background-image: -webkit-radial-gradient(50% 50%, rgba(244, 60, 35, 0.22), rgba(19, 132, 160, 0.80)); background-image: -moz-radial-gradient(50% 50%, rgba(244, 60, 35, 0.22), rgba(19, 132, 160, 0.80)); background-image: radial-gradient(50% 50%, rgba(244, 60, 35, 0.22), rgba(19, 132, 160, 0.80)); background-image: none !important; background: none !important; } #stacks_in_74 .bgscale-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_74 .shading-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_74 .top-trigger { opacity: 0.7; top: 10vh !important; } /* -- End EACH CSS Template end -- */ #stacks_in_74 { background-color: rgba(253, 255, 255, 0.00); } #stacks_in_75 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_75 .jwresp_col{overflow:hidden;margin:0;width:26%; float:left;}#stacks_in_75 #jwresp_col2_stacks_in_75{ float:right; width:74%}@media screen and (max-width:500px){#stacks_in_75 #jwresp_col1_stacks_in_75,#stacks_in_75 #jwresp_col2_stacks_in_75{width:100%;float:none;display:block}#stacks_in_75 #jwresp_col1_stacks_in_75{margin-bottom:29px}} /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_76Calligrapher{ font-size: 240% !important; color: #FDFFFF !important; font-weight: bold !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0 !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_76Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_76Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_76Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_76Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_76Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_76Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ .stacks_in_76Calligrapher, .stacks_in_76Calligrapher h1, .stacks_in_76Calligrapher h2, .stacks_in_76Calligrapher h3, .stacks_in_76Calligrapher h4, .stacks_in_76Calligrapher h5, .stacks_in_76Calligrapher h6{ font-family: "Quattrocento Sans" !important; } /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_76targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_76Calligrapher a:link{ color: #124A7A !important; text-decoration: none; } .stacks_in_76Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_76Calligrapher a:active{ color: #124A7A !important; } .stacks_in_76Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline; } /* End Calligrapher stack CSS code */ #stacks_in_76 { padding: 0px 0px 0px 30px; } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_81Calligrapher{ font-size: 180% !important; color: #FDFFFF !important; font-weight: normal !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 2 !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_81Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_81Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_81Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_81Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_81Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_81Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ .stacks_in_81Calligrapher, .stacks_in_81Calligrapher h1, .stacks_in_81Calligrapher h2, .stacks_in_81Calligrapher h3, .stacks_in_81Calligrapher h4, .stacks_in_81Calligrapher h5, .stacks_in_81Calligrapher h6{ font-family: "Quattrocento Sans" !important; } /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_81targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_81Calligrapher a:link{ color: #FCFFFF !important; text-decoration: none; } .stacks_in_81Calligrapher a:visited{ color: #FCFFFF !important; } .stacks_in_81Calligrapher a:active{ color: #FCFFFF !important; } .stacks_in_81Calligrapher a:hover{ color: #FCFFFF !important; text-decoration: underline; } /* End Calligrapher stack CSS code */ #stacks_in_81 { padding: 30px 30px 0px 15px; } /* -- End EACH CSS Template -- */ /* ------------------ edit END -- */ /* ------- global ------ */ #stacks_in_308 *{ box-sizing: border-box !important; } #stacks_in_308 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 2800px !important; } /* ------- main BG colour --- background-color: transparent; --- */ #stacks_in_308 .bg-hype-color-css { } /* ------- BG IMG ------ */ #stacks_in_308 .bg-hype-css, #stacks_in_308 .bg-hype-css path { background-size: cover !important; background-image: url() !important; background-position: 50% 50% !important; opacity: 0.1; } @media screen and (min-width: 800px) { #stacks_in_308 .bg-hype-css, #stacks_in_308 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg on mobile */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_308 .bg-hype-css, #stacks_in_308 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_308 .bg-hype-css, #stacks_in_308 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_308 .bg-hype-css, #stacks_in_308 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_308 .bg-hype-css, #stacks_in_308 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_308 .bg-hype-css, #stacks_in_308 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_308 .bg-hype-css, #stacks_in_308 .bg-hype-css path { background-attachment: scroll; } } /* source 2 */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_308 .bg-hype-css, #stacks_in_308 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_308 .bg-hype-css, #stacks_in_308 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {#stacks_in_308 .bg-hype-css, #stacks_in_308 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_308 .bg-hype-css, #stacks_in_308 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_308 .bg-hype-css, #stacks_in_308 .bg-hype-css path, #stacks_in_308 .bg-hype-move-img { } #stacks_in_308 .shape-top { display: none !important; } #stacks_in_308 .shape-bottom { display: none !important; } /* shift stripes */ #stacks_in_308 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_308 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_308 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_308 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_308 .shape-top path, #stacks_in_308 .shape-bottom path { stroke-style: solid !important; fill: rgba(255, 255, 255, 0.00) !important; stroke-width: 0px !important; stroke: rgba(202, 202, 202, 0.00) !important; stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 0%; } #stacks_in_308 .shape-bottom path { stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 0%; stroke-style: solid !important; fill: rgba(212, 212, 212, 1.00) !important; stroke-width: 0px !important; stroke: rgba(194, 194, 194, 1.00) !important; stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 0%; } /* redu */ /*@media only screen and (max-width: 800px) { #stacks_in_308 .shape-top, #stacks_in_308 .shape-bottom { } #stacks_in_308 .shape-top { }#stacks_in_308 .shape-bottom { } }*/ /* ------- BG ------ end */ /* ------- slice ------ start */ #stacks_in_308 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_308 .inner-slice-vertical-main { display:table; width: 100%; height: 70vh; min-height: 320px; } @media (max-width: 800px) { #stacks_in_308 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_308 .inner-slice-vertical-main { } } #stacks_in_308 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; bwlow to fix in IE11 */ #stacks_in_308 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; /*margin-top: 5%; margin-bottom: 5%;*/ margin-top: 100px; margin-bottom: 100px; max-width: 1250px; padding: 0px !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_308 .inner-slice-content, #stacks_in_308 .inner-slice-content p, #stacks_in_308 .inner-slice-content span, #stacks_in_308 .inner-slice-content [class*="fa fa-"], #stacks_in_308 .inner-slice-content h1, #stacks_in_308 .inner-slice-content h2, #stacks_in_308 .inner-slice-content h3, #stacks_in_308 .inner-slice-content h4, #stacks_in_308 .inner-slice-content h5, #stacks_in_308 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; color:#FFFFFF !important; } #stacks_in_308 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_308 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_308 .inner-slice-content a:link, #stacks_in_308 .inner-slice-content a { color:#FACE23 !important; } #stacks_in_308 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_308 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_308 .inner-slice-content a:hover { color:#FACF23 !important; } #stacks_in_308 .inner-slice-content { } /* ------- slice ------ end */ /* scroll button */ #stacks_in_308 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 19%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 4; animation-delay: 0.1s; text-align: center !important; } @keyframes element-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 element-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_308 .scrollButton-element a { font-size: 80px !important; line-height: 1em; transition: 0.06s linear; -webkit-transition: 0.06s linear; -moz-transition: 0.06s linear; -webkit-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.4s; color: #F4F4F4 !important; } #stacks_in_308 .scrollButton-element [class^="fa fa-"], #stacks_in_308 .scrollButton-element #stacks_in_308 [class*="fa fa-"] { color: #F4F4F4 !important; } @keyframes element-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes element-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_308 .scrollButton-element a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-popbands { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_308 .scrollButton-element { display: none !important; } #stacks_in_308 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG button animated on mouse over */ #stacks_in_308 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_308 .scrollButton-element [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* scroll button end */ /* --- HYPE ELEMENTS---- */ #stacks_in_308 .bg-grid { } #stacks_in_308 .bg-grad { } #stacks_in_308 .bg-hype-shading-box { /*background-color: #000000;*/ background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(244, 60, 35, 0.22)), to(rgba(19, 132, 160, 0.80))); background-image: -webkit-radial-gradient(50% 50%, rgba(244, 60, 35, 0.22), rgba(19, 132, 160, 0.80)); background-image: -moz-radial-gradient(50% 50%, rgba(244, 60, 35, 0.22), rgba(19, 132, 160, 0.80)); background-image: radial-gradient(50% 50%, rgba(244, 60, 35, 0.22), rgba(19, 132, 160, 0.80)); background-image: none !important; background: none !important; } #stacks_in_308 .bgscale-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_308 .shading-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_308 .top-trigger { opacity: 0.7; top: 10vh !important; } /* -- End EACH CSS Template end -- */ #stacks_in_308 { background-color: rgba(253, 255, 255, 0.00); } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_310Calligrapher{ font-size: 240% !important; color: #FDFFFF !important; font-weight: bold !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0 !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_310Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_310Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_310Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_310Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_310Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_310Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ .stacks_in_310Calligrapher, .stacks_in_310Calligrapher h1, .stacks_in_310Calligrapher h2, .stacks_in_310Calligrapher h3, .stacks_in_310Calligrapher h4, .stacks_in_310Calligrapher h5, .stacks_in_310Calligrapher h6{ font-family: "Quattrocento Sans" !important; } /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_310targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_310Calligrapher a:link{ color: #124A7A !important; text-decoration: none; } .stacks_in_310Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_310Calligrapher a:active{ color: #124A7A !important; } .stacks_in_310Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline; } /* End Calligrapher stack CSS code */ #stacks_in_310 { padding: 0px 0px 0px 30px; } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_315Calligrapher{ font-size: 70% !important; color: #FDFFFF !important; font-weight: normal !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 1 !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_315Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_315Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_315Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_315Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_315Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_315Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ .stacks_in_315Calligrapher, .stacks_in_315Calligrapher h1, .stacks_in_315Calligrapher h2, .stacks_in_315Calligrapher h3, .stacks_in_315Calligrapher h4, .stacks_in_315Calligrapher h5, .stacks_in_315Calligrapher h6{ font-family: "Quattrocento Sans" !important; } /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_315targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_315Calligrapher a:link{ color: #FCFFFF !important; text-decoration: none; } .stacks_in_315Calligrapher a:visited{ color: #FCFFFF !important; } .stacks_in_315Calligrapher a:active{ color: #FCFFFF !important; } .stacks_in_315Calligrapher a:hover{ color: #FCFFFF !important; text-decoration: underline; } /* End Calligrapher stack CSS code */ #stacks_in_315 { padding: 30px 30px 0px 15px; } /* -- End EACH CSS Template -- */ /* ------------------ edit END -- */ /* ------- global ------ */ #stacks_in_87 *{ box-sizing: border-box !important; } #stacks_in_87 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 1200px !important; } /* ------- main BG colour --- background-color: transparent; --- */ #stacks_in_87 .bg-hype-color-css { } /* ------- BG IMG ------ */ #stacks_in_87 .bg-hype-css, #stacks_in_87 .bg-hype-css path { background-size: auto !important; background-repeat: repeat !important; background-image: url(../index_files/bg_image-87.jpg) !important; background-position: 60% 0% !important; opacity: 1; } @media screen and (min-width: 800px) { #stacks_in_87 .bg-hype-css, #stacks_in_87 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg on mobile */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_87 .bg-hype-css, #stacks_in_87 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_87 .bg-hype-css, #stacks_in_87 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_87 .bg-hype-css, #stacks_in_87 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_87 .bg-hype-css, #stacks_in_87 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_87 .bg-hype-css, #stacks_in_87 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_87 .bg-hype-css, #stacks_in_87 .bg-hype-css path { background-attachment: scroll; } } /* source 2 */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_87 .bg-hype-css, #stacks_in_87 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_87 .bg-hype-css, #stacks_in_87 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {#stacks_in_87 .bg-hype-css, #stacks_in_87 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 800px) { #stacks_in_87 .bg-hype-css, #stacks_in_87 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_87 .bg-hype-css, #stacks_in_87 .bg-hype-css path, #stacks_in_87 .bg-hype-move-img { } #stacks_in_87 .shape-top { } #stacks_in_87 .shape-bottom { } /* shift stripes */ #stacks_in_87 .shape-top-wrapper { margin-top: -9px !important; } #stacks_in_87 .shape-bottom-wrapper { margin-top: 9px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_87 .shape-top-wrapper { margin-top: -9px !important; } #stacks_in_87 .shape-bottom-wrapper { margin-top: 9px !important; } } /* stripe style */ #stacks_in_87 .shape-top path, #stacks_in_87 .shape-bottom path { stroke-style: solid !important; fill: rgba(255, 255, 255, 0.00) !important; stroke-width: 19px !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-dasharray: 820, 2000; stroke-linecap: round; stroke-dashoffset: 9%; } #stacks_in_87 .shape-bottom path { stroke-dasharray: 820, 2000; stroke-linecap: round; stroke-dashoffset: 9%; } /* redu */ /*@media only screen and (max-width: 800px) { #stacks_in_87 .shape-top, #stacks_in_87 .shape-bottom { } #stacks_in_87 .shape-top { }#stacks_in_87 .shape-bottom { } }*/ /* ------- BG ------ end */ /* ------- slice ------ start */ #stacks_in_87 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_87 .inner-slice-vertical-main { display:table; width: 100%; height: 55vh; min-height: 400px; } @media (max-width: 800px) { #stacks_in_87 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_87 .inner-slice-vertical-main { } } #stacks_in_87 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; bwlow to fix in IE11 */ #stacks_in_87 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; /*margin-top: 5%; margin-bottom: 5%;*/ margin-top: 110px; margin-bottom: 110px; max-width: 1200px; padding: 0px !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_87 .inner-slice-content, #stacks_in_87 .inner-slice-content p, #stacks_in_87 .inner-slice-content span, #stacks_in_87 .inner-slice-content [class*="fa fa-"], #stacks_in_87 .inner-slice-content h1, #stacks_in_87 .inner-slice-content h2, #stacks_in_87 .inner-slice-content h3, #stacks_in_87 .inner-slice-content h4, #stacks_in_87 .inner-slice-content h5, #stacks_in_87 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; color:#FFFFFF !important; } #stacks_in_87 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_87 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_87 .inner-slice-content a:link, #stacks_in_87 .inner-slice-content a { color:#161010 !important; } #stacks_in_87 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_87 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_87 .inner-slice-content a:hover { color:#FFFFFF !important; } #stacks_in_87 .inner-slice-content { } /* ------- slice ------ end */ /* scroll button */ #stacks_in_87 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 36%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 4; animation-delay: 0.1s; text-align: center !important; } @keyframes element-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 element-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_87 .scrollButton-element a { font-size: 80px !important; line-height: 1em; transition: 0.06s linear; -webkit-transition: 0.06s linear; -moz-transition: 0.06s linear; -webkit-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.4s; color: #FFFFFF !important; } #stacks_in_87 .scrollButton-element [class^="fa fa-"], #stacks_in_87 .scrollButton-element #stacks_in_87 [class*="fa fa-"] { color: #FFFFFF !important; } @keyframes element-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes element-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_87 .scrollButton-element a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-popbands { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_87 .scrollButton-element { display: none !important; } #stacks_in_87 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG button animated on mouse over */ #stacks_in_87 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_87 .scrollButton-element [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* scroll button end */ /* --- HYPE ELEMENTS---- */ #stacks_in_87 .bg-grid { background: url(../index_files/dots15.png) center center repeat; display: block; opacity: 0.60; } #stacks_in_87 .bg-grad { background: linear-gradient(150deg, rgba(251, 246, 33, 0.54) 20%, rgba(127, 36, 34, 0.77) 69%); } #stacks_in_87 .bg-hype-shading-box { /*background-color: #000000;*/ background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(250, 206, 35, 0.00)), to(rgba(123, 82, 31, 1.00))); background-image: -webkit-radial-gradient(50% 50%, rgba(250, 206, 35, 0.00), rgba(123, 82, 31, 1.00)); background-image: -moz-radial-gradient(50% 50%, rgba(250, 206, 35, 0.00), rgba(123, 82, 31, 1.00)); background-image: radial-gradient(50% 50%, rgba(250, 206, 35, 0.00), rgba(123, 82, 31, 1.00)); } #stacks_in_87 .bgscale-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_87 .shading-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_87 .top-trigger { opacity: 0.7; top: 10vh !important; } /* -- End EACH CSS Template end -- */#graphicStackstacks_in_90 { position: relative; z-index: 1; } #graphicStackstacks_in_90 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ #graphicStackstacks_in_90 img { width: 100%; max-width: none; height: auto; display: block; position: relative; z-index: 2; } /* */ /* */ /* *//* -- End EACH CSS Template -- */ /* ------------------ edit END -- */ /* ------- global ------ */ #stacks_in_476 *{ box-sizing: border-box !important; } #stacks_in_476 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 700px !important; } /* ------- main BG colour --- background-color: transparent; --- */ #stacks_in_476 .bg-hype-color-css { } /* ------- BG IMG ------ */ #stacks_in_476 .bg-hype-css, #stacks_in_476 .bg-hype-css path { background-size: auto !important; background-repeat: repeat !important; background-image: url(../index_files/bg_image-476.jpg) !important; background-position: 60% 0% !important; opacity: 1; } @media screen and (min-width: 800px) { #stacks_in_476 .bg-hype-css, #stacks_in_476 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg on mobile */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_476 .bg-hype-css, #stacks_in_476 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_476 .bg-hype-css, #stacks_in_476 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_476 .bg-hype-css, #stacks_in_476 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_476 .bg-hype-css, #stacks_in_476 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_476 .bg-hype-css, #stacks_in_476 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_476 .bg-hype-css, #stacks_in_476 .bg-hype-css path { background-attachment: scroll; } } /* source 2 */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_476 .bg-hype-css, #stacks_in_476 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_476 .bg-hype-css, #stacks_in_476 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {#stacks_in_476 .bg-hype-css, #stacks_in_476 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 800px) { #stacks_in_476 .bg-hype-css, #stacks_in_476 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_476 .bg-hype-css, #stacks_in_476 .bg-hype-css path, #stacks_in_476 .bg-hype-move-img { } #stacks_in_476 .shape-top { } #stacks_in_476 .shape-bottom { } /* shift stripes */ #stacks_in_476 .shape-top-wrapper { margin-top: -9px !important; } #stacks_in_476 .shape-bottom-wrapper { margin-top: 9px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_476 .shape-top-wrapper { margin-top: -9px !important; } #stacks_in_476 .shape-bottom-wrapper { margin-top: 9px !important; } } /* stripe style */ #stacks_in_476 .shape-top path, #stacks_in_476 .shape-bottom path { stroke-style: solid !important; fill: rgba(255, 255, 255, 0.00) !important; stroke-width: 19px !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-dasharray: 820, 2000; stroke-linecap: round; stroke-dashoffset: 9%; } #stacks_in_476 .shape-bottom path { stroke-dasharray: 820, 2000; stroke-linecap: round; stroke-dashoffset: 9%; } /* redu */ /*@media only screen and (max-width: 800px) { #stacks_in_476 .shape-top, #stacks_in_476 .shape-bottom { } #stacks_in_476 .shape-top { }#stacks_in_476 .shape-bottom { } }*/ /* ------- BG ------ end */ /* ------- slice ------ start */ #stacks_in_476 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_476 .inner-slice-vertical-main { display:table; width: 100%; height: 55vh; min-height: 400px; } @media (max-width: 800px) { #stacks_in_476 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_476 .inner-slice-vertical-main { } } #stacks_in_476 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; bwlow to fix in IE11 */ #stacks_in_476 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; /*margin-top: 5%; margin-bottom: 5%;*/ margin-top: 110px; margin-bottom: 110px; max-width: 500px; padding: 0px !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_476 .inner-slice-content, #stacks_in_476 .inner-slice-content p, #stacks_in_476 .inner-slice-content span, #stacks_in_476 .inner-slice-content [class*="fa fa-"], #stacks_in_476 .inner-slice-content h1, #stacks_in_476 .inner-slice-content h2, #stacks_in_476 .inner-slice-content h3, #stacks_in_476 .inner-slice-content h4, #stacks_in_476 .inner-slice-content h5, #stacks_in_476 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; color:#FFFFFF !important; } #stacks_in_476 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_476 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_476 .inner-slice-content a:link, #stacks_in_476 .inner-slice-content a { color:#161010 !important; } #stacks_in_476 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_476 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_476 .inner-slice-content a:hover { color:#FFFFFF !important; } #stacks_in_476 .inner-slice-content { } /* ------- slice ------ end */ /* scroll button */ #stacks_in_476 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 36%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 4; animation-delay: 0.1s; text-align: center !important; } @keyframes element-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 element-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_476 .scrollButton-element a { font-size: 80px !important; line-height: 1em; transition: 0.06s linear; -webkit-transition: 0.06s linear; -moz-transition: 0.06s linear; -webkit-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.4s; color: #FFFFFF !important; } #stacks_in_476 .scrollButton-element [class^="fa fa-"], #stacks_in_476 .scrollButton-element #stacks_in_476 [class*="fa fa-"] { color: #FFFFFF !important; } @keyframes element-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes element-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_476 .scrollButton-element a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-popbands { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_476 .scrollButton-element { display: none !important; } #stacks_in_476 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG button animated on mouse over */ #stacks_in_476 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_476 .scrollButton-element [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* scroll button end */ /* --- HYPE ELEMENTS---- */ #stacks_in_476 .bg-grid { background: url(../index_files/dots15.png) center center repeat; display: block; opacity: 0.60; } #stacks_in_476 .bg-grad { background: linear-gradient(150deg, rgba(251, 246, 33, 0.54) 20%, rgba(127, 36, 34, 0.77) 69%); } #stacks_in_476 .bg-hype-shading-box { /*background-color: #000000;*/ background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(250, 206, 35, 0.00)), to(rgba(123, 82, 31, 1.00))); background-image: -webkit-radial-gradient(50% 50%, rgba(250, 206, 35, 0.00), rgba(123, 82, 31, 1.00)); background-image: -moz-radial-gradient(50% 50%, rgba(250, 206, 35, 0.00), rgba(123, 82, 31, 1.00)); background-image: radial-gradient(50% 50%, rgba(250, 206, 35, 0.00), rgba(123, 82, 31, 1.00)); } #stacks_in_476 .bgscale-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_476 .shading-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_476 .top-trigger { opacity: 0.7; top: 10vh !important; } /* -- End EACH CSS Template end -- */#graphicStackstacks_in_479 { position: relative; z-index: 1; } #graphicStackstacks_in_479 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ #graphicStackstacks_in_479 img { width: 100%; max-width: none; height: auto; display: block; position: relative; z-index: 2; } /* */ /* */ /* *//* -- End EACH CSS Template -- */ /* ------------------ edit END -- */ /* ------- global ------ */ #stacks_in_482 *{ box-sizing: border-box !important; } #stacks_in_482 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 320px !important; } /* ------- main BG colour --- background-color: transparent; --- */ #stacks_in_482 .bg-hype-color-css { } /* ------- BG IMG ------ */ #stacks_in_482 .bg-hype-css, #stacks_in_482 .bg-hype-css path { background-size: auto !important; background-repeat: repeat !important; background-image: url(../index_files/bg_image-482.jpg) !important; background-position: 60% 0% !important; opacity: 1; } @media screen and (min-width: 800px) { #stacks_in_482 .bg-hype-css, #stacks_in_482 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg on mobile */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_482 .bg-hype-css, #stacks_in_482 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_482 .bg-hype-css, #stacks_in_482 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_482 .bg-hype-css, #stacks_in_482 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_482 .bg-hype-css, #stacks_in_482 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_482 .bg-hype-css, #stacks_in_482 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_482 .bg-hype-css, #stacks_in_482 .bg-hype-css path { background-attachment: scroll; } } /* source 2 */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_482 .bg-hype-css, #stacks_in_482 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_482 .bg-hype-css, #stacks_in_482 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {#stacks_in_482 .bg-hype-css, #stacks_in_482 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 800px) { #stacks_in_482 .bg-hype-css, #stacks_in_482 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_482 .bg-hype-css, #stacks_in_482 .bg-hype-css path, #stacks_in_482 .bg-hype-move-img { } #stacks_in_482 .shape-top { } #stacks_in_482 .shape-bottom { } /* shift stripes */ #stacks_in_482 .shape-top-wrapper { margin-top: -9px !important; } #stacks_in_482 .shape-bottom-wrapper { margin-top: 9px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_482 .shape-top-wrapper { margin-top: -9px !important; } #stacks_in_482 .shape-bottom-wrapper { margin-top: 9px !important; } } /* stripe style */ #stacks_in_482 .shape-top path, #stacks_in_482 .shape-bottom path { stroke-style: solid !important; fill: rgba(255, 255, 255, 0.00) !important; stroke-width: 19px !important; stroke: rgba(255, 255, 255, 1.00) !important; stroke-dasharray: 820, 2000; stroke-linecap: round; stroke-dashoffset: 9%; } #stacks_in_482 .shape-bottom path { stroke-dasharray: 820, 2000; stroke-linecap: round; stroke-dashoffset: 9%; } /* redu */ /*@media only screen and (max-width: 800px) { #stacks_in_482 .shape-top, #stacks_in_482 .shape-bottom { } #stacks_in_482 .shape-top { }#stacks_in_482 .shape-bottom { } }*/ /* ------- BG ------ end */ /* ------- slice ------ start */ #stacks_in_482 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_482 .inner-slice-vertical-main { display:table; width: 100%; height: 55vh; min-height: 400px; } @media (max-width: 800px) { #stacks_in_482 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_482 .inner-slice-vertical-main { } } #stacks_in_482 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; bwlow to fix in IE11 */ #stacks_in_482 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; /*margin-top: 5%; margin-bottom: 5%;*/ margin-top: 110px; margin-bottom: 110px; max-width: 300px; padding: 0px !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_482 .inner-slice-content, #stacks_in_482 .inner-slice-content p, #stacks_in_482 .inner-slice-content span, #stacks_in_482 .inner-slice-content [class*="fa fa-"], #stacks_in_482 .inner-slice-content h1, #stacks_in_482 .inner-slice-content h2, #stacks_in_482 .inner-slice-content h3, #stacks_in_482 .inner-slice-content h4, #stacks_in_482 .inner-slice-content h5, #stacks_in_482 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; color:#FFFFFF !important; } #stacks_in_482 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_482 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_482 .inner-slice-content a:link, #stacks_in_482 .inner-slice-content a { color:#161010 !important; } #stacks_in_482 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_482 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_482 .inner-slice-content a:hover { color:#FFFFFF !important; } #stacks_in_482 .inner-slice-content { } /* ------- slice ------ end */ /* scroll button */ #stacks_in_482 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 36%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 4; animation-delay: 0.1s; text-align: center !important; } @keyframes element-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 element-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_482 .scrollButton-element a { font-size: 80px !important; line-height: 1em; transition: 0.06s linear; -webkit-transition: 0.06s linear; -moz-transition: 0.06s linear; -webkit-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.4s; color: #FFFFFF !important; } #stacks_in_482 .scrollButton-element [class^="fa fa-"], #stacks_in_482 .scrollButton-element #stacks_in_482 [class*="fa fa-"] { color: #FFFFFF !important; } @keyframes element-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes element-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_482 .scrollButton-element a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-popbands { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_482 .scrollButton-element { display: none !important; } #stacks_in_482 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG button animated on mouse over */ #stacks_in_482 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_482 .scrollButton-element [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* scroll button end */ /* --- HYPE ELEMENTS---- */ #stacks_in_482 .bg-grid { background: url(../index_files/dots15.png) center center repeat; display: block; opacity: 0.60; } #stacks_in_482 .bg-grad { background: linear-gradient(150deg, rgba(251, 246, 33, 0.54) 20%, rgba(127, 36, 34, 0.77) 69%); } #stacks_in_482 .bg-hype-shading-box { /*background-color: #000000;*/ background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(250, 206, 35, 0.00)), to(rgba(123, 82, 31, 1.00))); background-image: -webkit-radial-gradient(50% 50%, rgba(250, 206, 35, 0.00), rgba(123, 82, 31, 1.00)); background-image: -moz-radial-gradient(50% 50%, rgba(250, 206, 35, 0.00), rgba(123, 82, 31, 1.00)); background-image: radial-gradient(50% 50%, rgba(250, 206, 35, 0.00), rgba(123, 82, 31, 1.00)); } #stacks_in_482 .bgscale-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_482 .shading-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_482 .top-trigger { opacity: 0.7; top: 10vh !important; } /* -- End EACH CSS Template end -- */#graphicStackstacks_in_485 { position: relative; z-index: 1; } #graphicStackstacks_in_485 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ #graphicStackstacks_in_485 img { width: 100%; max-width: none; height: auto; display: block; position: relative; z-index: 2; } /* */ /* */ /* *//* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_210Calligrapher{ font-size: 260% !important; color: #FDFFFF !important; font-weight: bold !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0 !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_210Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_210Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_210Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_210Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_210Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_210Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } /* ----------------------------------------- Google ----------------------------------------- */ .stacks_in_210Calligrapher, .stacks_in_210Calligrapher h1, .stacks_in_210Calligrapher h2, .stacks_in_210Calligrapher h3, .stacks_in_210Calligrapher h4, .stacks_in_210Calligrapher h5, .stacks_in_210Calligrapher h6{ font-family: "Rubik" !important; } /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ .stacks_in_210Calligrapher, .stacks_in_210Calligrapher h1, .stacks_in_210Calligrapher h2, .stacks_in_210Calligrapher h3, .stacks_in_210Calligrapher h4, .stacks_in_210Calligrapher h5, .stacks_in_210Calligrapher h6{ text-shadow: 1px 3px 3px #3D312B !important; } /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_210targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_210Calligrapher a:link{ color: #124A7A !important; text-decoration: none; } .stacks_in_210Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_210Calligrapher a:active{ color: #124A7A !important; } .stacks_in_210Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline; } /* End Calligrapher stack CSS code */ #stacks_in_210 { padding: 40px 0px 0px 0px; } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_360Calligrapher{ font-size: 200% !important; color: #FDFFFF !important; font-weight: bold !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0 !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_360Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_360Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_360Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_360Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_360Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_360Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ .stacks_in_360Calligrapher, .stacks_in_360Calligrapher h1, .stacks_in_360Calligrapher h2, .stacks_in_360Calligrapher h3, .stacks_in_360Calligrapher h4, .stacks_in_360Calligrapher h5, .stacks_in_360Calligrapher h6{ font-family: "Quattrocento Sans" !important; } /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ .stacks_in_360Calligrapher, .stacks_in_360Calligrapher h1, .stacks_in_360Calligrapher h2, .stacks_in_360Calligrapher h3, .stacks_in_360Calligrapher h4, .stacks_in_360Calligrapher h5, .stacks_in_360Calligrapher h6{ text-shadow: 1px 3px 3px #3D312B !important; } /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_360targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_360Calligrapher a:link{ color: #124A7A !important; text-decoration: none; } .stacks_in_360Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_360Calligrapher a:active{ color: #124A7A !important; } .stacks_in_360Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline; } /* End Calligrapher stack CSS code */ #stacks_in_360 { padding: 40px 30px 0px 30px; } .s-container-stacks_in_576{ margin-left: auto; margin-right: auto;}#s-wrapper-stacks_in_576{margin:0; }#s-content-stacks_in_576{justify-content:center; padding:0; }@media (min-width:600px){.s-container-stacks_in_576{ }#s-wrapper-stacks_in_576{}#s-content-stacks_in_576{ }}@media (min-width:900px){.s-container-stacks_in_576{ }#s-wrapper-stacks_in_576{}#s-content-stacks_in_576{ }}@media (min-width:1200px){.s-container-stacks_in_576{ }#s-wrapper-stacks_in_576{}#s-content-stacks_in_576{ }} .s-bg-stacks_in_576{border-radius:0px 0px 0px 0px;background-color:rgba(252, 255, 255, 1.00); }@media (min-width:600px){.s-bg-stacks_in_576{ }}.s-bg-stacks_in_576{z-index:0}#s-outer-stacks_in_576{border-radius:0px 0px 0px 0px} #splide-stacks_in_109{padding:50px 50px 50px 50px}#splide-stacks_in_109 .splide__progress__bar{background:rgba(32, 178, 170, 1.00);height:3px}#splide-stacks_in_109>.splide__arrows>.splide__arrow{width:50px;height:50px;padding:5px;border-radius:4px;background-color:rgba(52, 18, 18, 0.70)}@media screen and (max-width:0px){#splide-stacks_in_109>.splide__arrows>.splide__arrow{display:none}}#splide-stacks_in_109>.splide__arrows>.splide__arrow--prev{left:1.00em}#splide-stacks_in_109>.splide__arrows>.splide__arrow--next{right:1.00em}#splide-stacks_in_109>.splide__arrows>.splide__arrow svg{width:2.50em;height:2.50em;fill:rgba(243, 156, 28, 1.00)}#splide-stacks_in_109>.splide__arrows>.splide__arrow:hover svg{fill:rgba(223, 175, 15, 1.00)}#splide-stacks_in_109>.splide__pagination>li>.splide__pagination__page{background:rgba(220, 171, 132, 1.00);width:20px;height:5px;border-radius:3px}#splide-stacks_in_109>.splide__pagination>li>.splide__pagination__page:hover{background:rgba(218, 122, 7, 1.00)}#splide-stacks_in_109>.splide__pagination>li>.splide__pagination__page.is-active{background:rgba(219, 122, 7, 1.00)}#splide-stacks_in_109>.splide__arrows>.splide__arrow[disabled]{opacity:0.50;pointer-events:none}#splide-stacks_in_109 .splide__slide {display:flex;justify-content:center;flex-direction:column;flex-wrap:nowrap}#splide-stacks_in_109 .splide__slide>.stacks_out{width:100%}#splide-stacks_in_109 .splide__slide {}#splide-stacks_in_109 .splide__slide {border-radius:6px;border:3px solid rgba(116, 42, 37, 0.50);background:rgba(255, 255, 255, 1.00);opacity:1.00;transform:scale(1.00);transition:all 0.15s cubic-bezier(.54,.01,.1,1)!important}#splide-stacks_in_109 .splide__slide.is-active {background:rgba(255, 255, 255, 1.00);border-color:rgba(116, 42, 38, 1.00);transform:scale(1.0);opacity:1} #stacks_in_109 { background-color: rgba(252, 255, 255, 1.00); border: solid rgba(96, 29, 29, 1.00); border-width: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .splide-stacks_in_110{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_113 { position: relative; z-index: 1; } #graphicStackstacks_in_113 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_113 { text-align: center; } #graphicStackstacks_in_113 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_113 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_113 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_116{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_117 { position: relative; z-index: 1; } #graphicStackstacks_in_117 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_117 { text-align: center; } #graphicStackstacks_in_117 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_117 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_117 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_123{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_124 { position: relative; z-index: 1; } #graphicStackstacks_in_124 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_124 { text-align: center; } #graphicStackstacks_in_124 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_124 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_124 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_507{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_508 { position: relative; z-index: 1; } #graphicStackstacks_in_508 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_508 { text-align: center; } #graphicStackstacks_in_508 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_508 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_508 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_519{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_520 { position: relative; z-index: 1; } #graphicStackstacks_in_520 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_520 { text-align: center; } #graphicStackstacks_in_520 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_520 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_520 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_523{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_524 { position: relative; z-index: 1; } #graphicStackstacks_in_524 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_524 { text-align: center; } #graphicStackstacks_in_524 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_524 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_524 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_535{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_536 { position: relative; z-index: 1; } #graphicStackstacks_in_536 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_536 { text-align: center; } #graphicStackstacks_in_536 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_536 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_536 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_127{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_128 { position: relative; z-index: 1; } #graphicStackstacks_in_128 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_128 { text-align: center; } #graphicStackstacks_in_128 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_128 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_128 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_131{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_132 { position: relative; z-index: 1; } #graphicStackstacks_in_132 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_132 { text-align: center; } #graphicStackstacks_in_132 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_132 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_132 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_135{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_136 { position: relative; z-index: 1; } #graphicStackstacks_in_136 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_136 { text-align: center; } #graphicStackstacks_in_136 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_136 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_136 { background-color: rgba(253, 255, 255, 1.00); padding: 30px 0px 0px 0px; } .splide-stacks_in_147{ background-color:rgba(0, 0, 0, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_148 { position: relative; z-index: 1; } #graphicStackstacks_in_148 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_148 { text-align: center; } #graphicStackstacks_in_148 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_148 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_148 { background-color: rgba(0, 0, 0, 1.00); padding: 30px 0px 0px 0px; } .splide-stacks_in_151{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_152 { position: relative; z-index: 1; } #graphicStackstacks_in_152 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_152 { text-align: center; } #graphicStackstacks_in_152 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_152 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_152 { background-color: rgba(255, 255, 255, 1.00); } .splide-stacks_in_155{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_156 { position: relative; z-index: 1; } #graphicStackstacks_in_156 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_156 { text-align: center; } #graphicStackstacks_in_156 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_156 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_156 { background-color: rgba(255, 255, 255, 1.00); } .splide-stacks_in_159{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_160 { position: relative; z-index: 1; } #graphicStackstacks_in_160 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_160 { text-align: center; } #graphicStackstacks_in_160 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_160 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_160 { background-color: rgba(255, 255, 255, 1.00); } .splide-stacks_in_214{ background-color:rgba(253, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_216 { position: relative; z-index: 1; } #graphicStackstacks_in_216 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_216 { text-align: center; } #graphicStackstacks_in_216 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_216 img { width: 100%; height: auto; max-width: 220px; max-height: 220px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_216 { background-color: rgba(255, 255, 255, 1.00); } .splide-stacks_in_218{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_220 { position: relative; z-index: 1; } #graphicStackstacks_in_220 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_220 { text-align: center; } #graphicStackstacks_in_220 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_220 img { width: 100%; height: auto; max-width: 220px; max-height: 220px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_220 { background-color: rgba(255, 255, 255, 1.00); } .splide-stacks_in_543{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_544 { position: relative; z-index: 1; } #graphicStackstacks_in_544 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_544 { text-align: center; } #graphicStackstacks_in_544 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_544 img { width: 100%; height: auto; max-width: 220px; max-height: 220px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_544 { background-color: rgba(255, 255, 255, 1.00); } #splide-stacks_in_364{padding:15px 30px 30px 30px}#splide-stacks_in_364 .splide__progress__bar{background:rgba(32, 178, 170, 1.00);height:3px}#splide-stacks_in_364>.splide__arrows>.splide__arrow{width:60px;height:60px;padding:10px;border-radius:5px;background-color:rgba(0, 0, 0, 0.00)}@media screen and (max-width:0px){#splide-stacks_in_364>.splide__arrows>.splide__arrow{display:none}}#splide-stacks_in_364>.splide__arrows>.splide__arrow--prev{left:1.00em}#splide-stacks_in_364>.splide__arrows>.splide__arrow--next{right:1.00em}#splide-stacks_in_364>.splide__arrows>.splide__arrow svg{width:2.50em;height:2.50em;fill:rgba(224, 217, 37, 1.00)}#splide-stacks_in_364>.splide__arrows>.splide__arrow:hover svg{fill:rgba(223, 175, 30, 1.00)}#splide-stacks_in_364>.splide__pagination>li>.splide__pagination__page{background:rgba(220, 171, 132, 1.00);width:10px;height:7px;border-radius:3px}#splide-stacks_in_364>.splide__pagination>li>.splide__pagination__page:hover{background:rgba(218, 122, 7, 1.00)}#splide-stacks_in_364>.splide__pagination>li>.splide__pagination__page.is-active{background:rgba(219, 122, 7, 1.00)}#splide-stacks_in_364>.splide__arrows>.splide__arrow[disabled]{opacity:0.50;pointer-events:none}#splide-stacks_in_364 .splide__slide {display:flex;justify-content:center;flex-direction:column;flex-wrap:nowrap}#splide-stacks_in_364 .splide__slide>.stacks_out{width:100%}#splide-stacks_in_364 .splide__slide {}#splide-stacks_in_364 .splide__slide {border-radius:6px;border:3px solid rgba(107, 39, 35, 0.51);background:rgba(255, 255, 255, 1.00);opacity:1.00;transform:scale(1.00);transition:all 0.15s cubic-bezier(.54,.01,.1,1)!important}#splide-stacks_in_364 .splide__slide.is-active {background:rgba(255, 255, 255, 1.00);border-color:rgba(109, 39, 36, 0.72);transform:scale(1.0);opacity:1} .splide-stacks_in_365{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_367 { position: relative; z-index: 1; } #graphicStackstacks_in_367 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_367 { text-align: center; } #graphicStackstacks_in_367 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_367 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_367 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_370{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_371 { position: relative; z-index: 1; } #graphicStackstacks_in_371 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_371 { text-align: center; } #graphicStackstacks_in_371 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_371 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_371 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_377{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_378 { position: relative; z-index: 1; } #graphicStackstacks_in_378 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_378 { text-align: center; } #graphicStackstacks_in_378 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_378 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_378 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_511{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_512 { position: relative; z-index: 1; } #graphicStackstacks_in_512 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_512 { text-align: center; } #graphicStackstacks_in_512 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_512 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_512 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_515{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_516 { position: relative; z-index: 1; } #graphicStackstacks_in_516 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_516 { text-align: center; } #graphicStackstacks_in_516 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_516 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_516 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_527{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_528 { position: relative; z-index: 1; } #graphicStackstacks_in_528 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_528 { text-align: center; } #graphicStackstacks_in_528 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_528 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_528 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_531{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_532 { position: relative; z-index: 1; } #graphicStackstacks_in_532 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_532 { text-align: center; } #graphicStackstacks_in_532 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_532 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_532 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_381{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_382 { position: relative; z-index: 1; } #graphicStackstacks_in_382 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_382 { text-align: center; } #graphicStackstacks_in_382 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_382 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_382 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_385{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_386 { position: relative; z-index: 1; } #graphicStackstacks_in_386 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_386 { text-align: center; } #graphicStackstacks_in_386 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_386 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_386 { background-color: rgba(253, 255, 255, 1.00); } .splide-stacks_in_389{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_390 { position: relative; z-index: 1; } #graphicStackstacks_in_390 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_390 { text-align: center; } #graphicStackstacks_in_390 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_390 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_390 { background-color: rgba(253, 255, 255, 1.00); padding: 30px 0px 0px 0px; } .splide-stacks_in_401{ background-color:rgba(0, 0, 0, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_402 { position: relative; z-index: 1; } #graphicStackstacks_in_402 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_402 { text-align: center; } #graphicStackstacks_in_402 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_402 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_402 { background-color: rgba(0, 0, 0, 1.00); padding: 30px 0px 0px 0px; } .splide-stacks_in_405{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_406 { position: relative; z-index: 1; } #graphicStackstacks_in_406 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_406 { text-align: center; } #graphicStackstacks_in_406 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_406 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_406 { background-color: rgba(255, 255, 255, 1.00); } .splide-stacks_in_409{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_410 { position: relative; z-index: 1; } #graphicStackstacks_in_410 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_410 { text-align: center; } #graphicStackstacks_in_410 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_410 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_410 { background-color: rgba(255, 255, 255, 1.00); } .splide-stacks_in_413{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_414 { position: relative; z-index: 1; } #graphicStackstacks_in_414 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_414 { text-align: center; } #graphicStackstacks_in_414 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_414 img { width: 100%; height: auto; max-width: 180px; max-height: 180px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_414 { background-color: rgba(255, 255, 255, 1.00); } .splide-stacks_in_417{ background-color:rgba(253, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_418 { position: relative; z-index: 1; } #graphicStackstacks_in_418 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_418 { text-align: center; } #graphicStackstacks_in_418 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_418 img { width: 100%; height: auto; max-width: 220px; max-height: 220px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_418 { background-color: rgba(255, 255, 255, 1.00); } .splide-stacks_in_421{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_422 { position: relative; z-index: 1; } #graphicStackstacks_in_422 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_422 { text-align: center; } #graphicStackstacks_in_422 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_422 img { width: 100%; height: auto; max-width: 220px; max-height: 220px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_422 { background-color: rgba(255, 255, 255, 1.00); } .splide-stacks_in_539{ background-color:rgba(255, 255, 255, 1.00)!important;background-image:none!important; } #graphicStackstacks_in_540 { position: relative; z-index: 1; } #graphicStackstacks_in_540 a { position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%; outline: none; border: none; background: transparent; } /* */ /* */ #graphicStackstacks_in_540 { text-align: center; } #graphicStackstacks_in_540 .centered_image { display: inline !important; /* For images dragged and dropped into Stacks, overrides Stacks CSS for block centred images */ } #graphicStackstacks_in_540 img { width: 100%; height: auto; max-width: 220px; max-height: 220px; display: inline-block; position: relative; z-index: 2; } /* */ /* */ #stacks_in_540 { background-color: rgba(255, 255, 255, 1.00); } .s-container-stacks_in_323{ margin-left: auto; margin-right: auto;}#s-wrapper-stacks_in_323{margin:0; }#s-content-stacks_in_323{justify-content:center; padding:40px 0px 0px 0px; }@media (min-width:600px){.s-container-stacks_in_323{ }#s-wrapper-stacks_in_323{}#s-content-stacks_in_323{ }}@media (min-width:900px){.s-container-stacks_in_323{ }#s-wrapper-stacks_in_323{}#s-content-stacks_in_323{ }}@media (min-width:1200px){.s-container-stacks_in_323{ }#s-wrapper-stacks_in_323{}#s-content-stacks_in_323{ }}.s-bg-stacks_in_323{z-index:0}#s-outer-stacks_in_323{border-radius:0px 0px 0px 0px} #stacks_in_324>.s3_row { margin: 0 -6px; } #stacks_in_324>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_324>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_324>.s3_row>.s3_column { padding: 0 6px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } .svg-stacks_in_329 svg{width:52px; max-width:100%}.svg-stacks_in_329 svg path,.svg-stacks_in_329 svg line,.svg-stacks_in_329 svg rect,.svg-stacks_in_329 svg text,.svg-stacks_in_329 svg circle,.svg-stacks_in_329 svg ellipse,.svg-stacks_in_329 svg polygon,.svg-stacks_in_329 svg polyline{stroke:rgba(0, 0, 0, 1.00)!important; fill:rgba(247, 171, 13, 1.00)!important; transition:all 250ms ease-in-out!important}.svg-stacks_in_329 svg:hover{transform:translateY(-5px); transition:all 250ms ease-in-out!important}@media (min-width:600px){.svg-stacks_in_329 svg{width:64px; }}.svg-stacks_in_329 svg{ border-radius:0px 0px 0px 0px; border:0px solid border-color:rgba(86, 85, 74, 1.00); padding:0px 0px 0px 0px}.svg-stacks_in_329 svg:hover{ ;border-color:rgba(247, 171, 13, 1.00);}.svg-stacks_in_329 svg:hover path,.svg-stacks_in_329 svg:hover line,.svg-stacks_in_329 svg:hover rect,.svg-stacks_in_329 svg:hover text,.svg-stacks_in_329 svg:hover circle,.svg-stacks_in_329 svg:hover ellipse,.svg-stacks_in_329 svg:hover polygon,.svg-stacks_in_329 svg:hover polyline{ fill:rgba(247, 171, 13, 1.00)!important; } .svg-stacks_in_326 svg{width:53px; max-width:100%}.svg-stacks_in_326 svg path,.svg-stacks_in_326 svg line,.svg-stacks_in_326 svg rect,.svg-stacks_in_326 svg text,.svg-stacks_in_326 svg circle,.svg-stacks_in_326 svg ellipse,.svg-stacks_in_326 svg polygon,.svg-stacks_in_326 svg polyline{stroke:rgba(0, 0, 0, 1.00)!important; fill:rgba(247, 171, 13, 1.00)!important; transition:all 250ms ease-in-out!important}.svg-stacks_in_326 svg:hover{transform:translateY(-5px); transition:all 250ms ease-in-out!important}@media (min-width:600px){.svg-stacks_in_326 svg{width:59px; }}.svg-stacks_in_326 svg{ border-radius:0px 0px 0px 0px; padding:0px 0px 0px 0px}.svg-stacks_in_326 svg:hover{ ;}.svg-stacks_in_326 svg:hover path,.svg-stacks_in_326 svg:hover line,.svg-stacks_in_326 svg:hover rect,.svg-stacks_in_326 svg:hover text,.svg-stacks_in_326 svg:hover circle,.svg-stacks_in_326 svg:hover ellipse,.svg-stacks_in_326 svg:hover polygon,.svg-stacks_in_326 svg:hover polyline{stroke:!important; fill:rgba(247, 171, 13, 1.00)!important; } #stacks_in_426>.s3_row { margin: 0 -10px; } #stacks_in_426>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_426>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_426>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_426 { background-color: rgba(98, 74, 43, 0.00); } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_432Calligrapher{ font-size: 100% !important; color: #FDFFFF !important; font-weight: bold !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0 !important; word-spacing: 0 !important; text-indent:none; text-align: right !important; } .stacks_in_432Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_432Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_432Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_432Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_432Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_432Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } /* ----------------------------------------- Google ----------------------------------------- */ .stacks_in_432Calligrapher, .stacks_in_432Calligrapher h1, .stacks_in_432Calligrapher h2, .stacks_in_432Calligrapher h3, .stacks_in_432Calligrapher h4, .stacks_in_432Calligrapher h5, .stacks_in_432Calligrapher h6{ font-family: "Montserrat" !important; } /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_432targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_432Calligrapher a:link{ color: #FFFFFF !important; text-decoration: none; } .stacks_in_432Calligrapher a:visited{ color: #FFFFFF !important; } .stacks_in_432Calligrapher a:active{ color: #FFFFFF !important; } .stacks_in_432Calligrapher a:hover{ color: #FFF0C5 !important; text-decoration: none; } /* End Calligrapher stack CSS code *//* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_427Calligrapher{ font-size: 100% !important; color: #FDFFFF !important; font-weight: bold !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0 !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_427Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_427Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_427Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_427Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_427Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_427Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } /* ----------------------------------------- Google ----------------------------------------- */ .stacks_in_427Calligrapher, .stacks_in_427Calligrapher h1, .stacks_in_427Calligrapher h2, .stacks_in_427Calligrapher h3, .stacks_in_427Calligrapher h4, .stacks_in_427Calligrapher h5, .stacks_in_427Calligrapher h6{ font-family: "Montserrat" !important; } /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_427targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_427Calligrapher a:link{ color: #FFFFFF !important; text-decoration: none; } .stacks_in_427Calligrapher a:visited{ color: #FFFFFF !important; } .stacks_in_427Calligrapher a:active{ color: #FFFFFF !important; } .stacks_in_427Calligrapher a:hover{ color: #FFF1CE !important; text-decoration: underline; } /* End Calligrapher stack CSS code */#stacks_in_437>.s3_row { margin: 0 -10px; } #stacks_in_437>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_437>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_437>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_437 { background-color: rgba(98, 74, 43, 0.00); } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_443Calligrapher{ font-size: 90% !important; color: #FDFFFF !important; font-weight: bold !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0 !important; word-spacing: 0 !important; text-indent:none; text-align: right !important; } .stacks_in_443Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_443Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_443Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_443Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_443Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_443Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ .stacks_in_443Calligrapher, .stacks_in_443Calligrapher h1, .stacks_in_443Calligrapher h2, .stacks_in_443Calligrapher h3, .stacks_in_443Calligrapher h4, .stacks_in_443Calligrapher h5, .stacks_in_443Calligrapher h6{ font-family: "Quattrocento Sans" !important; } /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_443targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_443Calligrapher a:link{ color: #FFFFFF !important; text-decoration: none; } .stacks_in_443Calligrapher a:visited{ color: #FFFFFF !important; } .stacks_in_443Calligrapher a:active{ color: #FFFFFF !important; } .stacks_in_443Calligrapher a:hover{ color: #FFF0C5 !important; text-decoration: none; } /* End Calligrapher stack CSS code *//* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_438Calligrapher{ font-size: 90% !important; color: #FDFFFF !important; font-weight: bold !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0 !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_438Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_438Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_438Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_438Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_438Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_438Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ .stacks_in_438Calligrapher, .stacks_in_438Calligrapher h1, .stacks_in_438Calligrapher h2, .stacks_in_438Calligrapher h3, .stacks_in_438Calligrapher h4, .stacks_in_438Calligrapher h5, .stacks_in_438Calligrapher h6{ font-family: "Quattrocento Sans" !important; } /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_438targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_438Calligrapher a:link{ color: #FFFFFF !important; text-decoration: none; } .stacks_in_438Calligrapher a:visited{ color: #FFFFFF !important; } .stacks_in_438Calligrapher a:active{ color: #FFFFFF !important; } .stacks_in_438Calligrapher a:hover{ color: #FFF1CE !important; text-decoration: underline; } /* End Calligrapher stack CSS code */#stacks_in_494>.s3_row { margin: 0 -10px; } #stacks_in_494>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_494>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_494>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_494 { background-color: rgba(98, 74, 43, 0.00); } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_500Calligrapher{ font-size: 80% !important; color: #FDFFFF !important; font-weight: bold !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0 !important; word-spacing: 0 !important; text-indent:none; text-align: right !important; } .stacks_in_500Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_500Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_500Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_500Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_500Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_500Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ .stacks_in_500Calligrapher, .stacks_in_500Calligrapher h1, .stacks_in_500Calligrapher h2, .stacks_in_500Calligrapher h3, .stacks_in_500Calligrapher h4, .stacks_in_500Calligrapher h5, .stacks_in_500Calligrapher h6{ font-family: "Quattrocento Sans" !important; } /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_500targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_500Calligrapher a:link{ color: #FFFFFF !important; text-decoration: none; } .stacks_in_500Calligrapher a:visited{ color: #FFFFFF !important; } .stacks_in_500Calligrapher a:active{ color: #FFFFFF !important; } .stacks_in_500Calligrapher a:hover{ color: #FFF0C5 !important; text-decoration: none; } /* End Calligrapher stack CSS code *//* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_495Calligrapher{ font-size: 80% !important; color: #FDFFFF !important; font-weight: bold !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0 !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_495Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_495Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_495Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_495Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_495Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_495Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ .stacks_in_495Calligrapher, .stacks_in_495Calligrapher h1, .stacks_in_495Calligrapher h2, .stacks_in_495Calligrapher h3, .stacks_in_495Calligrapher h4, .stacks_in_495Calligrapher h5, .stacks_in_495Calligrapher h6{ font-family: "Quattrocento Sans" !important; } /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_495targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_495Calligrapher a:link{ color: #FFFFFF !important; text-decoration: none; } .stacks_in_495Calligrapher a:visited{ color: #FFFFFF !important; } .stacks_in_495Calligrapher a:active{ color: #FFFFFF !important; } .stacks_in_495Calligrapher a:hover{ color: #FFF1CE !important; text-decoration: underline; } /* End Calligrapher stack CSS code *//* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_343Calligrapher{ font-size: 100% !important; color: #FFFFFF !important; font-weight: normal !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0 !important; word-spacing: 0 !important; text-indent:none; text-align: center !important; } .stacks_in_343Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_343Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_343Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_343Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_343Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_343Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } /* ----------------------------------------- Google ----------------------------------------- */ .stacks_in_343Calligrapher, .stacks_in_343Calligrapher h1, .stacks_in_343Calligrapher h2, .stacks_in_343Calligrapher h3, .stacks_in_343Calligrapher h4, .stacks_in_343Calligrapher h5, .stacks_in_343Calligrapher h6{ font-family: "Montserrat" !important; } /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_343targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_343Calligrapher a:link{ color: #124A7A !important; text-decoration: none; } .stacks_in_343Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_343Calligrapher a:active{ color: #124A7A !important; } .stacks_in_343Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline; } /* End Calligrapher stack CSS code */ #stacks_in_343 { padding: 0px 0px 15px 0px; } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_490Calligrapher{ font-size: 90% !important; color: #FFFFFF !important; font-weight: normal !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0 !important; word-spacing: 0 !important; text-indent:none; text-align: center !important; } .stacks_in_490Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_490Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_490Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_490Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_490Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_490Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ .stacks_in_490Calligrapher, .stacks_in_490Calligrapher h1, .stacks_in_490Calligrapher h2, .stacks_in_490Calligrapher h3, .stacks_in_490Calligrapher h4, .stacks_in_490Calligrapher h5, .stacks_in_490Calligrapher h6{ font-family: "Quattrocento Sans" !important; } /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_490targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_490Calligrapher a:link{ color: #124A7A !important; text-decoration: none; } .stacks_in_490Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_490Calligrapher a:active{ color: #124A7A !important; } .stacks_in_490Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline; } /* End Calligrapher stack CSS code */ #stacks_in_490 { padding: 0px 0px 15px 0px; }