#stacks_in_301 { background-color: rgba(230, 230, 230, 1.00); padding: 10px; } /* 1.5.0.1 - hotfix: display bug with dropdown items in edit mode */ #stacks_in_4855 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_4855 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_4855 .clean-menu-extra { display: none; } #clean-menu_stacks_in_4855 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_4855 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_4855.cm-full-menu li > a:hover, #clean-menu_stacks_in_4855 li > a:hover { text-decoration: none; } #stacks_in_4855 nav { border: 0px solid transparent; } #clean-menu_stacks_in_4855 { max-width: 1040px; box-sizing: border-box; padding: 0px 20px; } /* compatability fixes */ #clean-menu_stacks_in_4855 ul { margin: 0; } #clean-menu-full_stacks_in_4855.cm-full-menu ul, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_4855 ul li > a:after, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul li > a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_4855.cm-full-menu, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_4855.cm-full-menu ul, #clean-menu_stacks_in_4855 .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_4855.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_4855.cm-full-menu ul li, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_4855.cm-full-menu ul li > a, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul li > a { padding: 5px 20px; margin: 0; line-height: 1; background: transparent; display: inline-block; } #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul li > a { padding: 6px 20px; } #clean-menu-full_stacks_in_4855.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_4855.cm-full-menu ul > li > .cm-custom-content { padding: 4px 20px 4px 20px; } #clean-menu-full_stacks_in_4855.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 20px 4px 30px; } #clean-menu-full_stacks_in_4855.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 20px 4px 0px; } #clean-menu-full_stacks_in_4855.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: 1; height: auto; } #clean-menu-full_stacks_in_4855.cm-full-menu ul > div, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_4855.cm-full-menu ul > div a, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_4855.cm-full-menu ul ul, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_4855.cm-full-menu, #clean-menu_stacks_in_4855 .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_4855.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_4855.cm-full-menu { height: 0; overflow: hidden; } #clean-menu-full_stacks_in_4855.cm-full-menu.clean-menu-active { height: auto; } #clean-menu-full_stacks_in_4855.cm-full-menu { -webkit-transform: translate(-50%, 50px); transform: translate(-50%, 50px); } #clean-menu-full_stacks_in_4855.cm-full-menu.clean-menu-active { -webkit-transform: translate(-50%, 5px); transform: translate(-50%, 5px); } #clean-menu-full_stacks_in_4855.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_4855 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_4855.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_4855 .cm-toggle span { height: 6px; width: 6px; border-radius: 50%; } #clean-menu_stacks_in_4855 .cm-toggle span:nth-child(1) { top: 10px; left: 1px; } #clean-menu_stacks_in_4855 .cm-toggle span:nth-child(2),#clean-menu_stacks_in_4855 .cm-toggle span:nth-child(3) { top: 10px; left: 12px; } #clean-menu_stacks_in_4855 .cm-toggle span:nth-child(4) { top: 10px; left: 23px; } #clean-menu_stacks_in_4855 .cm-toggle.open span:nth-child(2) { width: 100%; left: 0; top: 11px; border-radius: 2px; height: 4px; } #clean-menu_stacks_in_4855 .cm-toggle.open span:nth-child(3) { width: 100%; left: 0; top: 11px; border-radius: 2px; height: 4px; } #clean-menu_stacks_in_4855 { 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_4855 > div { align-self: center; } #clean-menu_stacks_in_4855 .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_4855 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_4855 .clean-menu-logo { max-width: 250px; min-width: 250px; margin: 0; } #clean-menu_stacks_in_4855 .clean-menu-logo .cm-logo-wrap { max-width: 250px; min-width: 250px; -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_4855 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_4855.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_4855 .clean-menu-logo > div > div { align-self: center; } #clean-menu_stacks_in_4855 .clean-menu-logo .cm-logo-left { max-width: 73px; display: none; max-width: 9999px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_4855.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; max-width: 9999px; } #clean-menu_stacks_in_4855 .clean-menu-logo .cm-logo-right { display: none; margin: 10px 0; } #clean-menu_stacks_in_4855 .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_4855 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_4855 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li { margin: 0 15px; align-self: center; line-height: 1; } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } div[tag="slice"] > .mez > #stacks_in_4855.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_4855 .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; font-weight: bold; line-height: 25px; align-items: center; padding: 0; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } #clean-menu-full_stacks_in_4855.cm-full-menu ul li > a { font-size: inherit; } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li > a, #clean-menu-full_stacks_in_4855.cm-full-menu ul li > a { font-family: inherit; } #clean-menu-full_stacks_in_4855.cm-full-menu > ul > li > a { font-weight: bold; } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_4855.cm-full-menu ul li > a svg, #clean-menu_stacks_in_4855 .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_4855.cm-full-menu ul li > a, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul li > a{ transition: color 150ms ease; } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_4855.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; display: flex; align-items: center; } #clean-menu-full_stacks_in_4855.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li.cm-grouped-item > a, #clean-menu-full_stacks_in_4855.cm-full-menu ul li.cm-grouped-item > a { display: inline-block; margin-left: 8px; } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li.cm-grouped-item > a { padding: 0; } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li.cm-grouped-item > a:first-child, #clean-menu-full_stacks_in_4855.cm-full-menu ul li.cm-grouped-item > a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_4855.cm-full-menu ul li.cm-grouped-item > a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li > a ion-icon, #clean-menu_stacks_in_4855 .clean-menu-top-level ul li > a i, #clean-menu-full_stacks_in_4855.cm-full-menu ul li > a ion-icon, #clean-menu-full_stacks_in_4855.cm-full-menu ul li > a i { font-size: 25px; line-height: 25px; } #stacks_in_4855 li > a svg, #clean-menu_stacks_in_4855 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_4855.cm-full-menu ul li > a svg, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul li > a svg { width: 25px; height: 25px; } #clean-menu_stacks_in_4855 .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_4855 .clean-menu-top-level ul li > a:hover svg, #clean-menu-full_stacks_in_4855.cm-full-menu ul li > a:hover svg { fill: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li > a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_4855 .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_4855 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_4855.cm-full-menu ul li.cm-current > a svg { fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_4855 .cm-toggle span { background: #000000; } #clean-menu_stacks_in_4855 h1, #clean-menu_stacks_in_4855 h2, #clean-menu_stacks_in_4855 h3, #clean-menu_stacks_in_4855 h4, #clean-menu_stacks_in_4855 h5, #clean-menu_stacks_in_4855 h6, #clean-menu_stacks_in_4855 .layouts-text, #clean-menu_stacks_in_4855 p { color: rgba(0, 0, 0, 0.60); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_4855.cm-full-menu, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul { background: rgba(255, 255, 255, 1.00); } #clean-menu-full_stacks_in_4855.cm-full-menu > ul > li, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_4855.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_4855.cm-full-menu ul li > a, #clean-menu-full_stacks_in_4855.cm-full-menu ul li > a:visited, #clean-menu-full_stacks_in_4855.cm-full-menu ul li > a svg, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul li > a, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul li > a:visited, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul li > a svg, #clean-menu-full_stacks_in_4855.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_4855.cm-full-menu ul li > a:hover, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul li > a:hover, #clean-menu_stacks_in_4855 .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_4855.cm-full-menu ul li > a.cm-heading:hover, #clean-menu-full_stacks_in_4855.cm-full-menu ul li > a.cm-heading:hover svg, #clean-menu_stacks_in_4855 .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_4855.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_4855 .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_4855 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0, 0, 0, 0.40); } */ #clean-menu_stacks_in_4855 .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_4855 .clean-menu-top-level > ul > li > ul li > a.parent:hover:after, .disable-parents #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul li > a.parent:hover, #clean-menu-full_stacks_in_4855.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_4855 .clean-menu-top-level ul li > a.parent:hover, .disable-parents #clean-menu_stacks_in_4855 .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_4855 .clean-menu-logo .cm-logo-wrap { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_4855 .clean-menu-full { width: 40px; -webkit-box-flex: none; -ms-flex: none; flex: none; } #clean-menu_stacks_in_4855 .clean-menu-logo { width: auto; min-width: 0px; max-width: 9999px; } #clean-menu_stacks_in_4855 .clean-menu-logo .cm-logo-wrap { max-width: 250px; width: 100%; float: right; } #clean-menu_stacks_in_4855 .clean-menu-top-level ul { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } div[tag="slice"] > .mez > #stacks_in_4855.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 15px 0 0; } #clean-menu_stacks_in_4855 .clean-menu-full { margin: 0; } #clean-menu_stacks_in_4855 .clean-menu-full .cm-menu-toggle { display: none; } #clean-menu_stacks_in_4855 .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_4855 .clean-menu-top-level ul li { position: relative; } #clean-menu_stacks_in_4855 .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_4855 .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_4855 .clean-menu-top-level > ul > li > a.parent a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > a.parent a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_4855 .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_4855 .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_4855 .clean-menu-logo, #clean-menu_stacks_in_4855 .clean-menu-full { width: 50px; min-width: 50px; max-width: 50px; } #clean-menu-full_stacks_in_4855.cm-full-menu > ul > li { border-bottom: 1px solid rgba(0,0,0,0.15) } #clean-menu-full_stacks_in_4855.cm-full-menu > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_4855.cm-full-menu { } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_4855 .clean-menu-top-level ul li > a:visited { color: rgba(0,0,0,.6); } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li > a svg { fill: rgba(0,0,0,.6); } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li > a:hover { color: rgba(0,0,0,.4); } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li > a:hover svg { fill: rgba(0,0,0,.4); } /* #clean-menu_stacks_in_4855 .clean-menu-top-level ul li > a.cm-heading:hover { color: rgba(0,0,0,.6); cursor: default; } */ #clean-menu_stacks_in_4855 .clean-menu-top-level ul li.cm-current > a { color: rgba(0,0,0,.8); } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li.cm-current > a svg { fill: rgba(0,0,0,.8); } #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0,0,0,.6); } #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0,0,0,.4); } /* #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0,0,0,.6); } */ #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(0,0,0,.8); } #clean-menu_stacks_in_4855 .cm-toggle span { background: rgba(0,0,0,8); } #clean-menu_stacks_in_4855 h1, #clean-menu_stacks_in_4855 h2, #clean-menu_stacks_in_4855 h3, #clean-menu_stacks_in_4855 h4, #clean-menu_stacks_in_4855 h5, #clean-menu_stacks_in_4855 h6, #clean-menu_stacks_in_4855 .layouts-text, #clean-menu_stacks_in_4855 p { color: rgba(0,0,0,8); } .disable-parents #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > a.parent:hover, .disable-parents #clean-menu_stacks_in_4855 .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: 1201px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_4855.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_4855 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_4855.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_4855 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_4855 .clean-menu-top-level > ul > li > ul.cm-wide > li { text-align: left; align-self: flex-start; } } @media all and (max-width: 1200px) { #clean-menu_stacks_in_4855.clean-menu { flex-wrap: wrap-reverse; } #clean-menu_stacks_in_4855 > div { } #clean-menu_stacks_in_4855.clean-menu { gap: 0 16px; } #clean-menu-full_stacks_in_4855 { min-width: 300px; } #clean-menu_stacks_in_4855 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_4855 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_4855 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_4855 .clean-menu-top-level { display: none; } #clean-menu-full_stacks_in_4855.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_4855.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_4855.cm-full-menu ul > li > .cm-custom-content { padding: 4px 24px 4px 24px; } #clean-menu-full_stacks_in_4855.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 24px 4px 34px; } #clean-menu-full_stacks_in_4855.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 24px 4px 0px; } #clean-menu-full_stacks_in_4855.cm-full-menu ul li.cm-grouped-item{ padding: 4px 24px; } #clean-menu-full_stacks_in_4855.cm-full-menu ul li > a { font-size: calc(inherit + 2 ); line-height: calc(inherit + 2 ); padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_4855.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_4855.cm-full-menu ul li.cm-grouped-item > a { width: auto; } #clean-menu-full_stacks_in_4855.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_4855.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_4855.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } } .cm-mobile-example #clean-menu-full_stacks_in_4855 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_4855 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_4855 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_4855 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_4855 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_4855.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_4855.cm-full-menu ul li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_4855.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_4855.cm-full-menu ul li.cm-grouped-item > a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_4855.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_4855.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_4855.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } #clean-menu_stacks_in_4855 .clean-menu-top-level ul li.cm-current > a { } /* 1.5.0.1 - hotfix: display bug with dropdown items in edit mode */ #stacks_in_5036 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_5036 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_5036 .clean-menu-extra { display: none; } #clean-menu_stacks_in_5036 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_5036 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_5036.cm-full-menu li > a:hover, #clean-menu_stacks_in_5036 li > a:hover { text-decoration: none; } #stacks_in_5036 nav { border: 0px solid transparent; } #clean-menu_stacks_in_5036 { max-width: 840px; box-sizing: border-box; padding: 0px 20px; } /* compatability fixes */ #clean-menu_stacks_in_5036 ul { margin: 0; } #clean-menu-full_stacks_in_5036.cm-full-menu ul, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_5036 ul li > a:after, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul li > a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_5036.cm-full-menu, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_5036.cm-full-menu ul, #clean-menu_stacks_in_5036 .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_5036.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_5036.cm-full-menu ul li, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_5036.cm-full-menu ul li > a, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul li > a { padding: 5px 20px; margin: 0; line-height: 1; background: transparent; display: inline-block; } #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul li > a { padding: 6px 20px; } #clean-menu-full_stacks_in_5036.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_5036.cm-full-menu ul > li > .cm-custom-content { padding: 4px 20px 4px 20px; } #clean-menu-full_stacks_in_5036.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 20px 4px 30px; } #clean-menu-full_stacks_in_5036.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 20px 4px 0px; } #clean-menu-full_stacks_in_5036.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: 1; height: auto; } #clean-menu-full_stacks_in_5036.cm-full-menu ul > div, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_5036.cm-full-menu ul > div a, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_5036.cm-full-menu ul ul, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_5036.cm-full-menu, #clean-menu_stacks_in_5036 .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_5036.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_5036.cm-full-menu { height: 0; overflow: hidden; } #clean-menu-full_stacks_in_5036.cm-full-menu.clean-menu-active { height: auto; } #clean-menu-full_stacks_in_5036.cm-full-menu { -webkit-transform: translate(-50%, 50px); transform: translate(-50%, 50px); } #clean-menu-full_stacks_in_5036.cm-full-menu.clean-menu-active { -webkit-transform: translate(-50%, 5px); transform: translate(-50%, 5px); } #clean-menu-full_stacks_in_5036.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_5036 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_5036.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_5036 .cm-toggle span { height: 6px; width: 6px; border-radius: 50%; } #clean-menu_stacks_in_5036 .cm-toggle span:nth-child(1) { top: 10px; left: 1px; } #clean-menu_stacks_in_5036 .cm-toggle span:nth-child(2),#clean-menu_stacks_in_5036 .cm-toggle span:nth-child(3) { top: 10px; left: 12px; } #clean-menu_stacks_in_5036 .cm-toggle span:nth-child(4) { top: 10px; left: 23px; } #clean-menu_stacks_in_5036 .cm-toggle.open span:nth-child(2) { width: 100%; left: 0; top: 11px; border-radius: 2px; height: 4px; } #clean-menu_stacks_in_5036 .cm-toggle.open span:nth-child(3) { width: 100%; left: 0; top: 11px; border-radius: 2px; height: 4px; } #clean-menu_stacks_in_5036 { 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_5036 > div { align-self: center; } #clean-menu_stacks_in_5036 .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_5036 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_5036 .clean-menu-logo { max-width: 200px; min-width: 200px; margin: 0; } #clean-menu_stacks_in_5036 .clean-menu-logo .cm-logo-wrap { max-width: 200px; min-width: 200px; -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_5036 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_5036.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_5036 .clean-menu-logo > div > div { align-self: center; } #clean-menu_stacks_in_5036 .clean-menu-logo .cm-logo-left { max-width: 73px; display: none; max-width: 9999px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_5036.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; max-width: 9999px; } #clean-menu_stacks_in_5036 .clean-menu-logo .cm-logo-right { display: none; margin: 10px 0; } #clean-menu_stacks_in_5036 .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_5036 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_5036 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li { margin: 0 15px; align-self: center; line-height: 1; } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } div[tag="slice"] > .mez > #stacks_in_5036.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_5036 .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; font-weight: bold; line-height: 25px; align-items: center; padding: 0; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } #clean-menu-full_stacks_in_5036.cm-full-menu ul li > a { font-size: inherit; } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li > a, #clean-menu-full_stacks_in_5036.cm-full-menu ul li > a { font-family: inherit; } #clean-menu-full_stacks_in_5036.cm-full-menu > ul > li > a { font-weight: bold; } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_5036.cm-full-menu ul li > a svg, #clean-menu_stacks_in_5036 .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_5036.cm-full-menu ul li > a, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul li > a{ transition: color 150ms ease; } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_5036.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; display: flex; align-items: center; } #clean-menu-full_stacks_in_5036.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li.cm-grouped-item > a, #clean-menu-full_stacks_in_5036.cm-full-menu ul li.cm-grouped-item > a { display: inline-block; margin-left: 8px; } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li.cm-grouped-item > a { padding: 0; } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li.cm-grouped-item > a:first-child, #clean-menu-full_stacks_in_5036.cm-full-menu ul li.cm-grouped-item > a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_5036.cm-full-menu ul li.cm-grouped-item > a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li > a ion-icon, #clean-menu_stacks_in_5036 .clean-menu-top-level ul li > a i, #clean-menu-full_stacks_in_5036.cm-full-menu ul li > a ion-icon, #clean-menu-full_stacks_in_5036.cm-full-menu ul li > a i { font-size: 25px; line-height: 25px; } #stacks_in_5036 li > a svg, #clean-menu_stacks_in_5036 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_5036.cm-full-menu ul li > a svg, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul li > a svg { width: 25px; height: 25px; } #clean-menu_stacks_in_5036 .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_5036 .clean-menu-top-level ul li > a:hover svg, #clean-menu-full_stacks_in_5036.cm-full-menu ul li > a:hover svg { fill: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li > a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_5036 .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_5036 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_5036.cm-full-menu ul li.cm-current > a svg { fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_5036 .cm-toggle span { background: #000000; } #clean-menu_stacks_in_5036 h1, #clean-menu_stacks_in_5036 h2, #clean-menu_stacks_in_5036 h3, #clean-menu_stacks_in_5036 h4, #clean-menu_stacks_in_5036 h5, #clean-menu_stacks_in_5036 h6, #clean-menu_stacks_in_5036 .layouts-text, #clean-menu_stacks_in_5036 p { color: rgba(0, 0, 0, 0.60); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_5036.cm-full-menu, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul { background: rgba(255, 255, 255, 1.00); } #clean-menu-full_stacks_in_5036.cm-full-menu > ul > li, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_5036.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_5036.cm-full-menu ul li > a, #clean-menu-full_stacks_in_5036.cm-full-menu ul li > a:visited, #clean-menu-full_stacks_in_5036.cm-full-menu ul li > a svg, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul li > a, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul li > a:visited, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul li > a svg, #clean-menu-full_stacks_in_5036.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_5036.cm-full-menu ul li > a:hover, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul li > a:hover, #clean-menu_stacks_in_5036 .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_5036.cm-full-menu ul li > a.cm-heading:hover, #clean-menu-full_stacks_in_5036.cm-full-menu ul li > a.cm-heading:hover svg, #clean-menu_stacks_in_5036 .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_5036.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_5036 .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_5036 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0, 0, 0, 0.40); } */ #clean-menu_stacks_in_5036 .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_5036 .clean-menu-top-level > ul > li > ul li > a.parent:hover:after, .disable-parents #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul li > a.parent:hover, #clean-menu-full_stacks_in_5036.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_5036 .clean-menu-top-level ul li > a.parent:hover, .disable-parents #clean-menu_stacks_in_5036 .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_5036 .clean-menu-logo .cm-logo-wrap { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_5036 .clean-menu-full { width: 40px; -webkit-box-flex: none; -ms-flex: none; flex: none; } #clean-menu_stacks_in_5036 .clean-menu-logo { width: auto; min-width: 0px; max-width: 9999px; } #clean-menu_stacks_in_5036 .clean-menu-logo .cm-logo-wrap { max-width: 200px; width: 100%; float: right; } #clean-menu_stacks_in_5036 .clean-menu-top-level ul { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } div[tag="slice"] > .mez > #stacks_in_5036.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 15px 0 0; } #clean-menu_stacks_in_5036 .clean-menu-full { margin: 0; } #clean-menu_stacks_in_5036 .clean-menu-full .cm-menu-toggle { display: none; } #clean-menu_stacks_in_5036 .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_5036 .clean-menu-top-level ul li { position: relative; } #clean-menu_stacks_in_5036 .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_5036 .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_5036 .clean-menu-top-level > ul > li > a.parent a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > a.parent a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_5036 .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_5036 .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_5036 .clean-menu-logo, #clean-menu_stacks_in_5036 .clean-menu-full { width: 50px; min-width: 50px; max-width: 50px; } #clean-menu-full_stacks_in_5036.cm-full-menu > ul > li { border-bottom: 1px solid rgba(0,0,0,0.15) } #clean-menu-full_stacks_in_5036.cm-full-menu > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_5036.cm-full-menu { } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_5036 .clean-menu-top-level ul li > a:visited { color: rgba(0,0,0,.6); } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li > a svg { fill: rgba(0,0,0,.6); } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li > a:hover { color: rgba(0,0,0,.4); } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li > a:hover svg { fill: rgba(0,0,0,.4); } /* #clean-menu_stacks_in_5036 .clean-menu-top-level ul li > a.cm-heading:hover { color: rgba(0,0,0,.6); cursor: default; } */ #clean-menu_stacks_in_5036 .clean-menu-top-level ul li.cm-current > a { color: rgba(0,0,0,.8); } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li.cm-current > a svg { fill: rgba(0,0,0,.8); } #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0,0,0,.6); } #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0,0,0,.4); } /* #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0,0,0,.6); } */ #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(0,0,0,.8); } #clean-menu_stacks_in_5036 .cm-toggle span { background: rgba(0,0,0,8); } #clean-menu_stacks_in_5036 h1, #clean-menu_stacks_in_5036 h2, #clean-menu_stacks_in_5036 h3, #clean-menu_stacks_in_5036 h4, #clean-menu_stacks_in_5036 h5, #clean-menu_stacks_in_5036 h6, #clean-menu_stacks_in_5036 .layouts-text, #clean-menu_stacks_in_5036 p { color: rgba(0,0,0,8); } .disable-parents #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > a.parent:hover, .disable-parents #clean-menu_stacks_in_5036 .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: 1201px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_5036.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_5036 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_5036.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_5036 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_5036 .clean-menu-top-level > ul > li > ul.cm-wide > li { text-align: left; align-self: flex-start; } } @media all and (max-width: 1200px) { #clean-menu_stacks_in_5036.clean-menu { flex-wrap: wrap-reverse; } #clean-menu_stacks_in_5036 > div { } #clean-menu_stacks_in_5036.clean-menu { gap: 0 16px; } #clean-menu-full_stacks_in_5036 { min-width: 300px; } #clean-menu_stacks_in_5036 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_5036 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_5036 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_5036 .clean-menu-top-level { display: none; } #clean-menu-full_stacks_in_5036.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_5036.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_5036.cm-full-menu ul > li > .cm-custom-content { padding: 4px 24px 4px 24px; } #clean-menu-full_stacks_in_5036.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 24px 4px 34px; } #clean-menu-full_stacks_in_5036.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 24px 4px 0px; } #clean-menu-full_stacks_in_5036.cm-full-menu ul li.cm-grouped-item{ padding: 4px 24px; } #clean-menu-full_stacks_in_5036.cm-full-menu ul li > a { font-size: calc(inherit + 2 ); line-height: calc(inherit + 2 ); padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_5036.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_5036.cm-full-menu ul li.cm-grouped-item > a { width: auto; } #clean-menu-full_stacks_in_5036.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_5036.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_5036.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } } .cm-mobile-example #clean-menu-full_stacks_in_5036 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_5036 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_5036 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_5036 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_5036 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_5036.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_5036.cm-full-menu ul li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_5036.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_5036.cm-full-menu ul li.cm-grouped-item > a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_5036.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_5036.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_5036.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } #clean-menu_stacks_in_5036 .clean-menu-top-level ul li.cm-current > a { } /* -- EACH CSS Template -- */ /* Edit */ #stacks_in_303 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } #stacks_in_303 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_303_default31_hype_container { } #stacks_in_303 .button-stats { } #stacks_in_303 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* Link */ #stacks_in_303 .wrapper_link { display: none !important; position: absolute; padding: 0; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 100px; -webkit-border-radius: 100px; min-height: 100px !important; max-height: 200px !important; width: auto; max-width: 75vw; } #stacks_in_303 .back_wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 35vh; min-height: 200px !important; padding: 10px 0 0; } /* padding: 10px FIX auto start above */ /* fixed height setting */ @media (max-width: 800px) { #stacks_in_303 .back_wrapper_31 { } } @media (max-width: 600px) { #stacks_in_303 .back_wrapper_31 { } } #stacks_in_303 .wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 35vh; min-height: 200px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_303 .wrapper_31 { } } @media (max-width: 600px) { #stacks_in_303 .wrapper_31 { } } /* Hype rot */ #stacks_in_303 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; } /* --- 4 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;} } /* A B */ #stacks_in_303 .hype_title_31 { color: #0D57AC !important; } #stacks_in_303 .hype_title_31_b { color: #ABE2FF !important; } #stacks_in_303 .hype_slogan_31 { color: #CB0001 !important; font-size: 54px !important; font-family: 'Lato', sans-serif !important; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; margin-top: 20px !important; margin-left: 0px !important; display: block !important; letter-spacing: 0px !important; line-height: 70px !important; } /* Titles */ #stacks_in_303 .hype_title_31, #stacks_in_303 .hype_title_31_b { font-size: 130px !important; text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: 'Lato Bold', sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; } #stacks_in_303 .hype_title_31, #stacks_in_303 .hype_title_31_b { } #stacks_in_303 .hype_title_31, #stacks_in_303 .hype_title_31_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_303 .back_wrapper_31 { background-color: transparent !important; } #stacks_in_303 .back_wrapper_31::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../files/dots1.png) center center repeat !important; } #stacks_in_303 .back_wrapper_31bg::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; display: block; filter: blur(14px); opacity: 0.3 !important; background: url(../files/1.gif) center center no-repeat !important; background-size: cover !important; } @media (max-width: 768px) { #stacks_in_303 .back_wrapper_31::after, #stacks_in_303 .back_wrapper_31bg::before { display: none !important; width: 0%; height: 0%; } } #stacks_in_303 .back_wrapper_31bg { text-align: center; display: block; position: relative; max-width: 1300vh; height: 35vh; min-height: 200px !important; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_303 .back_wrapper_31bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_303 .back_wrapper_31bg { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_303 .back_wrapper_31bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_303 .back_wrapper_31bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_303 .back_wrapper_31bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_303 .back_wrapper_31bg { } } @media (max-width: 600px) { #stacks_in_303 .back_wrapper_31bg { } } #stacks_in_303 .hype_title_31, #stacks_in_303 .hype_title_31_b { } #stacks_in_303 .hype_line_31 { background-color: #CB0001 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_303 .hype-glow-31 { display: none !important; } #stacks_in_303 .hype-flash-color-31 { background-color: rgba(0, 0, 0, 0.35) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; backface-visibility: hidden !important; } /* @group Built-in Webfonts */ @font-face { font-family: 'Cordial Regular'; src: url('../files/webfonts31/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_regular_39-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Semi Bold'; src: url('../files/webfonts31/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_semibold_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Medium'; src: url('../files/webfonts31/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),url('../files/webfonts31/cordial_web/cordial_medium_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Light'; src: url('../files/webfonts31/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_light_59-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Bold'; src: url('../files/webfonts31/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_bold_69-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Inline Bdrounded'; src: url('../files/webfonts31/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Cherry Bdrounded'; src: url('../files/webfonts31/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Light'; src: url('../files/webfonts31/raleway/Raleway_Light.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../files/webfonts31/raleway/Raleway_Regular.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Bold'; src: url('../files/webfonts31/raleway/Raleway_Bold.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat Light'; src: url('../files/webfonts31/montserrat/Montserrat-Light.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Light.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../files/webfonts31/montserrat/Montserrat-Medium.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Medium.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Montserrat Bold'; src: url('../files/webfonts31/montserrat/Montserrat-Bold.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Bold.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Lato Light'; src: url('../files/webfonts31/lato/Lato-Light.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato'; src: url('../files/webfonts31/lato/Lato-Regular.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Bold'; src: url('../files/webfonts31/lato/Lato-Bold.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Light'; src: url('../files/webfonts31/opensans/OpenSans-Light.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../files/webfonts31/opensans/OpenSans-Medium.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans Bold'; src: url('../files/webfonts31/opensans/OpenSans-Bold.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Signika Light'; src: url('../files/webfonts31/signika/Signika-Light.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika'; src: url('../files/webfonts31/signika/Signika-Regular.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika Bold'; src: url('../files/webfonts31/signika/Signika-Bold.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Advent Pro Light'; src: url('../files/webfonts31/advent_pro/AdventPro-Light.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Advent Pro'; src: url('../files/webfonts31/advent_pro/AdventPro-Regular.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Advent Pro Bold'; src: url('../files/webfonts31/advent_pro/AdventPro-Bold.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Light'; src: url('../files/webfonts31/roboto/Roboto-Light.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../files/webfonts31/roboto/Roboto-Regular.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Bold'; src: url('../files/webfonts31/roboto/Roboto-Bold.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-Regular.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display Bold'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-Bold.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display ExtraBold'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-ExtraBold.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rubik Mono One'; src: url('../files/webfonts31/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Abel'; src: url('../files/webfonts31/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/abel/abel-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Condensede'; src: url('../files/webfonts31/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts31/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bree Serif'; src: url('../files/webfonts31/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/breeserif/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Pacifico'; src: url('../files/webfonts31/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/pacifico/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rochester'; src: url('../files/webfonts31/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/rochester/rochester-regular-webfont.woff') format('woff') font-weight: normal; font-style: normal; } @font-face { font-family: 'Fjalla One'; src: url('../files/webfonts31/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/fjallaone/fjallaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Viga'; src: url('../files/webfonts31/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/viga/viga-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url('../files/webfonts31/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts31/ubuntu/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Archivo Black'; src: url('../files/webfonts31/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/archivoblack/archivoblack-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Borel'; src: url('../files/webfonts31/borel/Borel-Regular.woff2') format('woff2'), url('../files/webfonts31/borel/Borel-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } /* @end */ #stacks_in_303 .trigger-31 { margin-top: 80px !important; opacity: 0 !important;} /* -- End EACH CSS Template -- */#stacks_in_303 .scrollButton-hypetitles { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 8%; border-radius: 56px; -webkit-border-radius: 56px; -moz-border-radius: 56px; 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_303 .scrollButton-hypetitles a { font-size: 50px !important; line-height: 1em; transition: 0.05s linear; -webkit-transition: 0.04s linear; -moz-transition: 0.04s 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_303 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_303 .scrollButton-hypetitles #stacks_in_303 [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_303 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_303 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_303 .scrollButton-hypetitles [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } #target-hypetitles { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_303 .scrollButton-hypetitles { display: none !important; } #stacks_in_303 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } } #stacks_in_303 { background-color: rgba(68, 144, 210, 1.00); } #stacks_in_205>.s3_row { margin: 0 -10px; } #stacks_in_205>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_205>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_205>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_205>.s3_row { margin: -10px 0; } #stacks_in_205>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_205>.s3_row { margin: -10px 0; } #stacks_in_205>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_205 { padding: 10px; } #stacks_in_209 { padding: 10px; } #stacks_in_206 { padding: 10px; } #stacks_in_328 { margin: 150px 0px 0px 0px; } #stacks_in_1841 { margin: 150px 0px 0px 0px; } #stacks_in_1827 { margin: 150px 0px 0px 0px; } #stacks_in_2019 { margin: 150px 0px 0px 0px; } #stacks_in_1875 { margin: 150px 0px 0px 0px; } #stacks_in_1879 { margin: 150px 0px 0px 0px; } #stacks_in_1882>.s3_row { margin: 0 -18px; } #stacks_in_1882>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1882>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1882>.s3_row>.s3_column { padding: 0 18px; } @media only screen and (max-width: 770px) { #stacks_in_1882>.s3_row { margin: -18px 0; } #stacks_in_1882>.s3_row>.s3_column { padding: 18px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_1882 { padding: 60px 15px 20px 15px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 165px !important;*/ #stacks_in_1887 p { font-size: 160px !important; } #stacks_in_1887 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_1887_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_1887 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_1887 .devicewrapper, stacks_in_1887_default10_hype_container, stacks_in_1887 HYPE_document, #stacks_in_1887 .device-trigger { pointer-events: auto !important; } #stacks_in_1887 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_1887 .devicewrapper { display:table; width: 100%; height: 360px; } @media (max-width: 800px) { #stacks_in_1887 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 600px) { #stacks_in_1887 .devicewrapper { height: 320px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_1887 .hype-link-hover-group, #stacks_in_1887 .hype-link-hover, #stacks_in_1887 .hype-link-hover-blank { } #stacks_in_1887 .hype-link-hover { } #stacks_in_1887 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_1887 .hype-link-hover-group { display: block !important; } #stacks_in_1887 .hype-link-hover-group { } #stacks_in_1887 .hype-link-hover-group { background-size: cover !important; background-position: 50% 20% !important; background-image: url(../files/link-drag-image-1887.png) !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_1887 .hype-link-hover, #stacks_in_1887 .hype-link-hover-blank, #stacks_in_1887 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_1887 .device-area::after, #stacks_in_1887 .device-area::before, #stacks_in_1887 .device-area:after, #stacks_in_1887 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_1887 .hype-glass-reflect { opacity: 0 !important; display: none !important; } #stacks_in_1887 .hype-glass-shading { } #stacks_in_1887 .hype-box-shadow{ opacity: 0 !important; } /* custom text */ #stacks_in_1887 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: center !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 160px !important; line-height: 165px !important; letter-spacing: -3px !important; -webkit-font-smoothing: antialiased !important; display: none !important; margin-top: -190px !important; margin-left: 0px !important; text-shadow: 1px 1px rgba(58, 58, 58, 0.34), 2px 2px rgba(58, 58, 58, 0.34), 3px 3px rgba(58, 58, 58, 0.34), 4px 4px rgba(58, 58, 58, 0.34), 5px 5px rgba(58, 58, 58, 0.34), 6px 6px rgba(58, 58, 58, 0.34), 7px 7px rgba(58, 58, 58, 0.34), 8px 8px rgba(58, 58, 58, 0.34), 9px 9px rgba(58, 58, 58, 0.34), 10px 10px rgba(58, 58, 58, 0.34) !important; } #stacks_in_1887 .hype-device-text, #stacks_in_1887 p .hype-device-text { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Raleway', sans-serif !important; font-weight: 200 !important; } #stacks_in_1887 .hype-device-text { } /* bands */ #stacks_in_1887 .hype-bands-reveal1, #stacks_in_1887 .hype-bands-reveal2, #stacks_in_1887 .hype-bands-reveal1 path, #stacks_in_1887 .hype-bands-reveal2 path { display: none !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1887 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1887 .hype-bands-reveal1 { display: none !important; } stacks_in_1887_pointer {} /* linees */ #stacks_in_1887 .hype-linees path { stroke-style: solid !important; stroke: rgba(255, 255, 255, 0.32) !important; stroke-width: 50px !important; } #stacks_in_1887 .hype-symbol-linees1 { } #stacks_in_1887 .hype-symbol-linees2 { } #stacks_in_1887 .hype-symbol-linees1, #stacks_in_1887 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_1887 .hype-symbol-linees1, #stacks_in_1887 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_1887 .img-dev-bg-back, #stacks_in_1887 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; background-position: 50% 75% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_1887 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_1887 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_1887 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1887 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1887 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_1887 .img-dev-bg-back, #stacks_in_1887 .img-dev-bg-back path { } #stacks_in_1887 .img-dev-vignetting { } /* animation triggers */ #stacks_in_1887 .bands-trigger, #stacks_in_1887 .device-trigger { opacity: 0.5 !important; } #stacks_in_1887 .device-trigger { top: 300px !important; } #stacks_in_1887 .bands-trigger { opacity: 0.0 !important; } /* -- EACH CSS Template end -- */ #stacks_in_1884 { padding: 20px 0px 26px 0px; } #stacks_in_1889>.s3_row { margin: 0 -18px; } #stacks_in_1889>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1889>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1889>.s3_row>.s3_column { padding: 0 18px; } @media only screen and (max-width: 770px) { #stacks_in_1889>.s3_row { margin: -18px 0; } #stacks_in_1889>.s3_row>.s3_column { padding: 18px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_1889 { padding: 20px 15px 20px 15px; } #stacks_in_1892 { padding: 20px 0px 26px 0px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 165px !important;*/ #stacks_in_1890 p { font-size: 160px !important; } #stacks_in_1890 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_1890_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_1890 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_1890 .devicewrapper, stacks_in_1890_default10_hype_container, stacks_in_1890 HYPE_document, #stacks_in_1890 .device-trigger { pointer-events: auto !important; } #stacks_in_1890 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_1890 .devicewrapper { display:table; width: 100%; height: 360px; } @media (max-width: 800px) { #stacks_in_1890 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 600px) { #stacks_in_1890 .devicewrapper { height: 320px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_1890 .hype-link-hover-group, #stacks_in_1890 .hype-link-hover, #stacks_in_1890 .hype-link-hover-blank { } #stacks_in_1890 .hype-link-hover { } #stacks_in_1890 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_1890 .hype-link-hover-group { display: block !important; } #stacks_in_1890 .hype-link-hover-group { } #stacks_in_1890 .hype-link-hover-group { background-size: cover !important; background-position: 50% 20% !important; background-image: url(../files/link-drag-image-1890.png) !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_1890 .hype-link-hover, #stacks_in_1890 .hype-link-hover-blank, #stacks_in_1890 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_1890 .device-area::after, #stacks_in_1890 .device-area::before, #stacks_in_1890 .device-area:after, #stacks_in_1890 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_1890 .hype-glass-reflect { opacity: 0 !important; display: none !important; } #stacks_in_1890 .hype-glass-shading { } #stacks_in_1890 .hype-box-shadow{ opacity: 0 !important; } /* custom text */ #stacks_in_1890 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: center !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 160px !important; line-height: 165px !important; letter-spacing: -3px !important; -webkit-font-smoothing: antialiased !important; display: none !important; margin-top: -190px !important; margin-left: 0px !important; text-shadow: 1px 1px rgba(58, 58, 58, 0.34), 2px 2px rgba(58, 58, 58, 0.34), 3px 3px rgba(58, 58, 58, 0.34), 4px 4px rgba(58, 58, 58, 0.34), 5px 5px rgba(58, 58, 58, 0.34), 6px 6px rgba(58, 58, 58, 0.34), 7px 7px rgba(58, 58, 58, 0.34), 8px 8px rgba(58, 58, 58, 0.34), 9px 9px rgba(58, 58, 58, 0.34), 10px 10px rgba(58, 58, 58, 0.34) !important; } #stacks_in_1890 .hype-device-text, #stacks_in_1890 p .hype-device-text { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Raleway', sans-serif !important; font-weight: 200 !important; } #stacks_in_1890 .hype-device-text { } /* bands */ #stacks_in_1890 .hype-bands-reveal1, #stacks_in_1890 .hype-bands-reveal2, #stacks_in_1890 .hype-bands-reveal1 path, #stacks_in_1890 .hype-bands-reveal2 path { display: none !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1890 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1890 .hype-bands-reveal1 { display: none !important; } stacks_in_1890_pointer {} /* linees */ #stacks_in_1890 .hype-linees path { stroke-style: solid !important; stroke: rgba(255, 255, 255, 0.32) !important; stroke-width: 50px !important; } #stacks_in_1890 .hype-symbol-linees1 { } #stacks_in_1890 .hype-symbol-linees2 { } #stacks_in_1890 .hype-symbol-linees1, #stacks_in_1890 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_1890 .hype-symbol-linees1, #stacks_in_1890 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_1890 .img-dev-bg-back, #stacks_in_1890 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; background-position: 50% 75% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_1890 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_1890 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_1890 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1890 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1890 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_1890 .img-dev-bg-back, #stacks_in_1890 .img-dev-bg-back path { } #stacks_in_1890 .img-dev-vignetting { } /* animation triggers */ #stacks_in_1890 .bands-trigger, #stacks_in_1890 .device-trigger { opacity: 0.5 !important; } #stacks_in_1890 .device-trigger { top: 300px !important; } #stacks_in_1890 .bands-trigger { opacity: 0.0 !important; } /* -- EACH CSS Template end -- */#stacks_in_1895>.s3_row { margin: 0 -18px; } #stacks_in_1895>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1895>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1895>.s3_row>.s3_column { padding: 0 18px; } @media only screen and (max-width: 770px) { #stacks_in_1895>.s3_row { margin: -18px 0; } #stacks_in_1895>.s3_row>.s3_column { padding: 18px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_1895 { padding: 20px 15px 20px 15px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 165px !important;*/ #stacks_in_1899 p { font-size: 160px !important; } #stacks_in_1899 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_1899_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_1899 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_1899 .devicewrapper, stacks_in_1899_default10_hype_container, stacks_in_1899 HYPE_document, #stacks_in_1899 .device-trigger { pointer-events: auto !important; } #stacks_in_1899 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_1899 .devicewrapper { display:table; width: 100%; height: 360px; } @media (max-width: 800px) { #stacks_in_1899 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 600px) { #stacks_in_1899 .devicewrapper { height: 320px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_1899 .hype-link-hover-group, #stacks_in_1899 .hype-link-hover, #stacks_in_1899 .hype-link-hover-blank { } #stacks_in_1899 .hype-link-hover { } #stacks_in_1899 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_1899 .hype-link-hover-group { display: block !important; } #stacks_in_1899 .hype-link-hover-group { } #stacks_in_1899 .hype-link-hover-group { background-size: cover !important; background-position: 50% 40% !important; background-image: url(../files/link-drag-image-1899.png) !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_1899 .hype-link-hover, #stacks_in_1899 .hype-link-hover-blank, #stacks_in_1899 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_1899 .device-area::after, #stacks_in_1899 .device-area::before, #stacks_in_1899 .device-area:after, #stacks_in_1899 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_1899 .hype-glass-reflect { opacity: 0 !important; display: none !important; } #stacks_in_1899 .hype-glass-shading { } #stacks_in_1899 .hype-box-shadow{ opacity: 0 !important; } /* custom text */ #stacks_in_1899 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: center !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 160px !important; line-height: 165px !important; letter-spacing: -3px !important; -webkit-font-smoothing: antialiased !important; display: none !important; margin-top: -190px !important; margin-left: 0px !important; text-shadow: 1px 1px rgba(58, 58, 58, 0.34), 2px 2px rgba(58, 58, 58, 0.34), 3px 3px rgba(58, 58, 58, 0.34), 4px 4px rgba(58, 58, 58, 0.34), 5px 5px rgba(58, 58, 58, 0.34), 6px 6px rgba(58, 58, 58, 0.34), 7px 7px rgba(58, 58, 58, 0.34), 8px 8px rgba(58, 58, 58, 0.34), 9px 9px rgba(58, 58, 58, 0.34), 10px 10px rgba(58, 58, 58, 0.34) !important; } #stacks_in_1899 .hype-device-text, #stacks_in_1899 p .hype-device-text { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Raleway', sans-serif !important; font-weight: 200 !important; } #stacks_in_1899 .hype-device-text { } /* bands */ #stacks_in_1899 .hype-bands-reveal1, #stacks_in_1899 .hype-bands-reveal2, #stacks_in_1899 .hype-bands-reveal1 path, #stacks_in_1899 .hype-bands-reveal2 path { display: none !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1899 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1899 .hype-bands-reveal1 { display: none !important; } stacks_in_1899_pointer {} /* linees */ #stacks_in_1899 .hype-linees path { stroke-style: solid !important; stroke: rgba(255, 255, 255, 0.32) !important; stroke-width: 50px !important; } #stacks_in_1899 .hype-symbol-linees1 { } #stacks_in_1899 .hype-symbol-linees2 { } #stacks_in_1899 .hype-symbol-linees1, #stacks_in_1899 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_1899 .hype-symbol-linees1, #stacks_in_1899 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_1899 .img-dev-bg-back, #stacks_in_1899 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; background-position: 50% 75% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_1899 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_1899 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_1899 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1899 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1899 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_1899 .img-dev-bg-back, #stacks_in_1899 .img-dev-bg-back path { } #stacks_in_1899 .img-dev-vignetting { } /* animation triggers */ #stacks_in_1899 .bands-trigger, #stacks_in_1899 .device-trigger { opacity: 0.5 !important; } #stacks_in_1899 .device-trigger { top: 300px !important; } #stacks_in_1899 .bands-trigger { opacity: 0.0 !important; } /* -- EACH CSS Template end -- */ #stacks_in_1896 { padding: 20px 0px 26px 0px; } #stacks_in_1901 { margin: 150px 0px 0px 0px; } #stacks_in_1904>.s3_row { margin: 0 -18px; } #stacks_in_1904>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1904>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1904>.s3_row>.s3_column { padding: 0 18px; } @media only screen and (max-width: 770px) { #stacks_in_1904>.s3_row { margin: -18px 0; } #stacks_in_1904>.s3_row>.s3_column { padding: 18px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_1904 { padding: 60px 15px 20px 15px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 165px !important;*/ #stacks_in_1909 p { font-size: 160px !important; } #stacks_in_1909 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_1909_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_1909 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_1909 .devicewrapper, stacks_in_1909_default10_hype_container, stacks_in_1909 HYPE_document, #stacks_in_1909 .device-trigger { pointer-events: auto !important; } #stacks_in_1909 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_1909 .devicewrapper { display:table; width: 100%; height: 360px; } @media (max-width: 800px) { #stacks_in_1909 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 600px) { #stacks_in_1909 .devicewrapper { height: 320px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_1909 .hype-link-hover-group, #stacks_in_1909 .hype-link-hover, #stacks_in_1909 .hype-link-hover-blank { } #stacks_in_1909 .hype-link-hover { } #stacks_in_1909 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_1909 .hype-link-hover-group { display: block !important; } #stacks_in_1909 .hype-link-hover-group { } #stacks_in_1909 .hype-link-hover-group { background-size: cover !important; background-position: 50% 20% !important; background-image: url(../files/link-drag-image-1909.png) !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_1909 .hype-link-hover, #stacks_in_1909 .hype-link-hover-blank, #stacks_in_1909 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_1909 .device-area::after, #stacks_in_1909 .device-area::before, #stacks_in_1909 .device-area:after, #stacks_in_1909 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_1909 .hype-glass-reflect { opacity: 0 !important; display: none !important; } #stacks_in_1909 .hype-glass-shading { } #stacks_in_1909 .hype-box-shadow{ opacity: 0 !important; } /* custom text */ #stacks_in_1909 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: center !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 160px !important; line-height: 165px !important; letter-spacing: -3px !important; -webkit-font-smoothing: antialiased !important; display: none !important; margin-top: -190px !important; margin-left: 0px !important; text-shadow: 1px 1px rgba(58, 58, 58, 0.34), 2px 2px rgba(58, 58, 58, 0.34), 3px 3px rgba(58, 58, 58, 0.34), 4px 4px rgba(58, 58, 58, 0.34), 5px 5px rgba(58, 58, 58, 0.34), 6px 6px rgba(58, 58, 58, 0.34), 7px 7px rgba(58, 58, 58, 0.34), 8px 8px rgba(58, 58, 58, 0.34), 9px 9px rgba(58, 58, 58, 0.34), 10px 10px rgba(58, 58, 58, 0.34) !important; } #stacks_in_1909 .hype-device-text, #stacks_in_1909 p .hype-device-text { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Raleway', sans-serif !important; font-weight: 200 !important; } #stacks_in_1909 .hype-device-text { } /* bands */ #stacks_in_1909 .hype-bands-reveal1, #stacks_in_1909 .hype-bands-reveal2, #stacks_in_1909 .hype-bands-reveal1 path, #stacks_in_1909 .hype-bands-reveal2 path { display: none !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1909 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1909 .hype-bands-reveal1 { display: none !important; } stacks_in_1909_pointer {} /* linees */ #stacks_in_1909 .hype-linees path { stroke-style: solid !important; stroke: rgba(255, 255, 255, 0.32) !important; stroke-width: 50px !important; } #stacks_in_1909 .hype-symbol-linees1 { } #stacks_in_1909 .hype-symbol-linees2 { } #stacks_in_1909 .hype-symbol-linees1, #stacks_in_1909 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_1909 .hype-symbol-linees1, #stacks_in_1909 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_1909 .img-dev-bg-back, #stacks_in_1909 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; background-position: 50% 75% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_1909 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_1909 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_1909 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1909 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1909 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_1909 .img-dev-bg-back, #stacks_in_1909 .img-dev-bg-back path { } #stacks_in_1909 .img-dev-vignetting { } /* animation triggers */ #stacks_in_1909 .bands-trigger, #stacks_in_1909 .device-trigger { opacity: 0.5 !important; } #stacks_in_1909 .device-trigger { top: 300px !important; } #stacks_in_1909 .bands-trigger { opacity: 0.0 !important; } /* -- EACH CSS Template end -- */ #stacks_in_1906 { padding: 20px 0px 26px 0px; } #stacks_in_1911>.s3_row { margin: 0 -18px; } #stacks_in_1911>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1911>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1911>.s3_row>.s3_column { padding: 0 18px; } @media only screen and (max-width: 770px) { #stacks_in_1911>.s3_row { margin: -18px 0; } #stacks_in_1911>.s3_row>.s3_column { padding: 18px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_1911 { padding: 20px 15px 20px 15px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 165px !important;*/ #stacks_in_1912 p { font-size: 160px !important; } #stacks_in_1912 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_1912_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_1912 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_1912 .devicewrapper, stacks_in_1912_default10_hype_container, stacks_in_1912 HYPE_document, #stacks_in_1912 .device-trigger { pointer-events: auto !important; } #stacks_in_1912 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_1912 .devicewrapper { display:table; width: 100%; height: 360px; } @media (max-width: 800px) { #stacks_in_1912 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 600px) { #stacks_in_1912 .devicewrapper { height: 320px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_1912 .hype-link-hover-group, #stacks_in_1912 .hype-link-hover, #stacks_in_1912 .hype-link-hover-blank { } #stacks_in_1912 .hype-link-hover { } #stacks_in_1912 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_1912 .hype-link-hover-group { display: block !important; } #stacks_in_1912 .hype-link-hover-group { } #stacks_in_1912 .hype-link-hover-group { background-size: cover !important; background-position: 50% 20% !important; background-image: url(../files/link-drag-image-1912.png) !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_1912 .hype-link-hover, #stacks_in_1912 .hype-link-hover-blank, #stacks_in_1912 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_1912 .device-area::after, #stacks_in_1912 .device-area::before, #stacks_in_1912 .device-area:after, #stacks_in_1912 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_1912 .hype-glass-reflect { opacity: 0 !important; display: none !important; } #stacks_in_1912 .hype-glass-shading { } #stacks_in_1912 .hype-box-shadow{ opacity: 0 !important; } /* custom text */ #stacks_in_1912 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: center !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 160px !important; line-height: 165px !important; letter-spacing: -3px !important; -webkit-font-smoothing: antialiased !important; display: none !important; margin-top: -190px !important; margin-left: 0px !important; text-shadow: 1px 1px rgba(58, 58, 58, 0.34), 2px 2px rgba(58, 58, 58, 0.34), 3px 3px rgba(58, 58, 58, 0.34), 4px 4px rgba(58, 58, 58, 0.34), 5px 5px rgba(58, 58, 58, 0.34), 6px 6px rgba(58, 58, 58, 0.34), 7px 7px rgba(58, 58, 58, 0.34), 8px 8px rgba(58, 58, 58, 0.34), 9px 9px rgba(58, 58, 58, 0.34), 10px 10px rgba(58, 58, 58, 0.34) !important; } #stacks_in_1912 .hype-device-text, #stacks_in_1912 p .hype-device-text { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Raleway', sans-serif !important; font-weight: 200 !important; } #stacks_in_1912 .hype-device-text { } /* bands */ #stacks_in_1912 .hype-bands-reveal1, #stacks_in_1912 .hype-bands-reveal2, #stacks_in_1912 .hype-bands-reveal1 path, #stacks_in_1912 .hype-bands-reveal2 path { display: none !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1912 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1912 .hype-bands-reveal1 { display: none !important; } stacks_in_1912_pointer {} /* linees */ #stacks_in_1912 .hype-linees path { stroke-style: solid !important; stroke: rgba(255, 255, 255, 0.32) !important; stroke-width: 50px !important; } #stacks_in_1912 .hype-symbol-linees1 { } #stacks_in_1912 .hype-symbol-linees2 { } #stacks_in_1912 .hype-symbol-linees1, #stacks_in_1912 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_1912 .hype-symbol-linees1, #stacks_in_1912 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_1912 .img-dev-bg-back, #stacks_in_1912 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; background-position: 50% 75% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_1912 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_1912 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_1912 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1912 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1912 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_1912 .img-dev-bg-back, #stacks_in_1912 .img-dev-bg-back path { } #stacks_in_1912 .img-dev-vignetting { } /* animation triggers */ #stacks_in_1912 .bands-trigger, #stacks_in_1912 .device-trigger { opacity: 0.5 !important; } #stacks_in_1912 .device-trigger { top: 300px !important; } #stacks_in_1912 .bands-trigger { opacity: 0.0 !important; } /* -- EACH CSS Template end -- */#stacks_in_1917>.s3_row { margin: 0 -18px; } #stacks_in_1917>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1917>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1917>.s3_row>.s3_column { padding: 0 18px; } @media only screen and (max-width: 770px) { #stacks_in_1917>.s3_row { margin: -18px 0; } #stacks_in_1917>.s3_row>.s3_column { padding: 18px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_1917 { padding: 20px 15px 20px 15px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 165px !important;*/ #stacks_in_1921 p { font-size: 160px !important; } #stacks_in_1921 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_1921_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_1921 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_1921 .devicewrapper, stacks_in_1921_default10_hype_container, stacks_in_1921 HYPE_document, #stacks_in_1921 .device-trigger { pointer-events: auto !important; } #stacks_in_1921 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_1921 .devicewrapper { display:table; width: 100%; height: 360px; } @media (max-width: 800px) { #stacks_in_1921 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 600px) { #stacks_in_1921 .devicewrapper { height: 320px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_1921 .hype-link-hover-group, #stacks_in_1921 .hype-link-hover, #stacks_in_1921 .hype-link-hover-blank { } #stacks_in_1921 .hype-link-hover { } #stacks_in_1921 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_1921 .hype-link-hover-group { display: block !important; } #stacks_in_1921 .hype-link-hover-group { } #stacks_in_1921 .hype-link-hover-group { background-size: cover !important; background-position: 50% 40% !important; background-image: url(../files/link-drag-image-1921.png) !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_1921 .hype-link-hover, #stacks_in_1921 .hype-link-hover-blank, #stacks_in_1921 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_1921 .device-area::after, #stacks_in_1921 .device-area::before, #stacks_in_1921 .device-area:after, #stacks_in_1921 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_1921 .hype-glass-reflect { opacity: 0 !important; display: none !important; } #stacks_in_1921 .hype-glass-shading { } #stacks_in_1921 .hype-box-shadow{ opacity: 0 !important; } /* custom text */ #stacks_in_1921 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: center !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 160px !important; line-height: 165px !important; letter-spacing: -3px !important; -webkit-font-smoothing: antialiased !important; display: none !important; margin-top: -190px !important; margin-left: 0px !important; text-shadow: 1px 1px rgba(58, 58, 58, 0.34), 2px 2px rgba(58, 58, 58, 0.34), 3px 3px rgba(58, 58, 58, 0.34), 4px 4px rgba(58, 58, 58, 0.34), 5px 5px rgba(58, 58, 58, 0.34), 6px 6px rgba(58, 58, 58, 0.34), 7px 7px rgba(58, 58, 58, 0.34), 8px 8px rgba(58, 58, 58, 0.34), 9px 9px rgba(58, 58, 58, 0.34), 10px 10px rgba(58, 58, 58, 0.34) !important; } #stacks_in_1921 .hype-device-text, #stacks_in_1921 p .hype-device-text { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Raleway', sans-serif !important; font-weight: 200 !important; } #stacks_in_1921 .hype-device-text { } /* bands */ #stacks_in_1921 .hype-bands-reveal1, #stacks_in_1921 .hype-bands-reveal2, #stacks_in_1921 .hype-bands-reveal1 path, #stacks_in_1921 .hype-bands-reveal2 path { display: none !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1921 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1921 .hype-bands-reveal1 { display: none !important; } stacks_in_1921_pointer {} /* linees */ #stacks_in_1921 .hype-linees path { stroke-style: solid !important; stroke: rgba(255, 255, 255, 0.32) !important; stroke-width: 50px !important; } #stacks_in_1921 .hype-symbol-linees1 { } #stacks_in_1921 .hype-symbol-linees2 { } #stacks_in_1921 .hype-symbol-linees1, #stacks_in_1921 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_1921 .hype-symbol-linees1, #stacks_in_1921 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_1921 .img-dev-bg-back, #stacks_in_1921 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; background-position: 50% 75% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_1921 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_1921 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_1921 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1921 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1921 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_1921 .img-dev-bg-back, #stacks_in_1921 .img-dev-bg-back path { } #stacks_in_1921 .img-dev-vignetting { } /* animation triggers */ #stacks_in_1921 .bands-trigger, #stacks_in_1921 .device-trigger { opacity: 0.5 !important; } #stacks_in_1921 .device-trigger { top: 300px !important; } #stacks_in_1921 .bands-trigger { opacity: 0.0 !important; } /* -- EACH CSS Template end -- */ #stacks_in_1923 { margin: 150px 0px 0px 0px; } #stacks_in_1926>.s3_row { margin: 0 -18px; } #stacks_in_1926>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1926>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1926>.s3_row>.s3_column { padding: 0 18px; } @media only screen and (max-width: 770px) { #stacks_in_1926>.s3_row { margin: -18px 0; } #stacks_in_1926>.s3_row>.s3_column { padding: 18px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_1926 { padding: 60px 15px 20px 15px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 165px !important;*/ #stacks_in_1931 p { font-size: 160px !important; } #stacks_in_1931 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_1931_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_1931 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_1931 .devicewrapper, stacks_in_1931_default10_hype_container, stacks_in_1931 HYPE_document, #stacks_in_1931 .device-trigger { pointer-events: auto !important; } #stacks_in_1931 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_1931 .devicewrapper { display:table; width: 100%; height: 360px; } @media (max-width: 800px) { #stacks_in_1931 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 600px) { #stacks_in_1931 .devicewrapper { height: 320px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_1931 .hype-link-hover-group, #stacks_in_1931 .hype-link-hover, #stacks_in_1931 .hype-link-hover-blank { } #stacks_in_1931 .hype-link-hover { } #stacks_in_1931 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_1931 .hype-link-hover-group { display: block !important; } #stacks_in_1931 .hype-link-hover-group { } #stacks_in_1931 .hype-link-hover-group { background-size: cover !important; background-position: 50% 20% !important; background-image: url(../files/link-drag-image-1931.png) !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_1931 .hype-link-hover, #stacks_in_1931 .hype-link-hover-blank, #stacks_in_1931 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_1931 .device-area::after, #stacks_in_1931 .device-area::before, #stacks_in_1931 .device-area:after, #stacks_in_1931 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_1931 .hype-glass-reflect { opacity: 0 !important; display: none !important; } #stacks_in_1931 .hype-glass-shading { } #stacks_in_1931 .hype-box-shadow{ opacity: 0 !important; } /* custom text */ #stacks_in_1931 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: center !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 160px !important; line-height: 165px !important; letter-spacing: -3px !important; -webkit-font-smoothing: antialiased !important; display: none !important; margin-top: -190px !important; margin-left: 0px !important; text-shadow: 1px 1px rgba(58, 58, 58, 0.34), 2px 2px rgba(58, 58, 58, 0.34), 3px 3px rgba(58, 58, 58, 0.34), 4px 4px rgba(58, 58, 58, 0.34), 5px 5px rgba(58, 58, 58, 0.34), 6px 6px rgba(58, 58, 58, 0.34), 7px 7px rgba(58, 58, 58, 0.34), 8px 8px rgba(58, 58, 58, 0.34), 9px 9px rgba(58, 58, 58, 0.34), 10px 10px rgba(58, 58, 58, 0.34) !important; } #stacks_in_1931 .hype-device-text, #stacks_in_1931 p .hype-device-text { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Raleway', sans-serif !important; font-weight: 200 !important; } #stacks_in_1931 .hype-device-text { } /* bands */ #stacks_in_1931 .hype-bands-reveal1, #stacks_in_1931 .hype-bands-reveal2, #stacks_in_1931 .hype-bands-reveal1 path, #stacks_in_1931 .hype-bands-reveal2 path { display: none !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1931 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1931 .hype-bands-reveal1 { display: none !important; } stacks_in_1931_pointer {} /* linees */ #stacks_in_1931 .hype-linees path { stroke-style: solid !important; stroke: rgba(255, 255, 255, 0.32) !important; stroke-width: 50px !important; } #stacks_in_1931 .hype-symbol-linees1 { } #stacks_in_1931 .hype-symbol-linees2 { } #stacks_in_1931 .hype-symbol-linees1, #stacks_in_1931 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_1931 .hype-symbol-linees1, #stacks_in_1931 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_1931 .img-dev-bg-back, #stacks_in_1931 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; background-position: 50% 75% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_1931 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_1931 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_1931 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1931 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1931 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_1931 .img-dev-bg-back, #stacks_in_1931 .img-dev-bg-back path { } #stacks_in_1931 .img-dev-vignetting { } /* animation triggers */ #stacks_in_1931 .bands-trigger, #stacks_in_1931 .device-trigger { opacity: 0.5 !important; } #stacks_in_1931 .device-trigger { top: 300px !important; } #stacks_in_1931 .bands-trigger { opacity: 0.0 !important; } /* -- EACH CSS Template end -- */ #stacks_in_1928 { padding: 20px 0px 26px 0px; } #stacks_in_1933>.s3_row { margin: 0 -18px; } #stacks_in_1933>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1933>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1933>.s3_row>.s3_column { padding: 0 18px; } @media only screen and (max-width: 770px) { #stacks_in_1933>.s3_row { margin: -18px 0; } #stacks_in_1933>.s3_row>.s3_column { padding: 18px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_1933 { padding: 20px 15px 20px 15px; } #stacks_in_1936 { padding: 20px 0px 26px 0px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 165px !important;*/ #stacks_in_1934 p { font-size: 160px !important; } #stacks_in_1934 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_1934_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_1934 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_1934 .devicewrapper, stacks_in_1934_default10_hype_container, stacks_in_1934 HYPE_document, #stacks_in_1934 .device-trigger { pointer-events: auto !important; } #stacks_in_1934 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_1934 .devicewrapper { display:table; width: 100%; height: 360px; } @media (max-width: 800px) { #stacks_in_1934 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 600px) { #stacks_in_1934 .devicewrapper { height: 320px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_1934 .hype-link-hover-group, #stacks_in_1934 .hype-link-hover, #stacks_in_1934 .hype-link-hover-blank { } #stacks_in_1934 .hype-link-hover { } #stacks_in_1934 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_1934 .hype-link-hover-group { display: block !important; } #stacks_in_1934 .hype-link-hover-group { } #stacks_in_1934 .hype-link-hover-group { background-size: cover !important; background-position: 50% 20% !important; background-image: url(../files/link-drag-image-1934.png) !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_1934 .hype-link-hover, #stacks_in_1934 .hype-link-hover-blank, #stacks_in_1934 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_1934 .device-area::after, #stacks_in_1934 .device-area::before, #stacks_in_1934 .device-area:after, #stacks_in_1934 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_1934 .hype-glass-reflect { opacity: 0 !important; display: none !important; } #stacks_in_1934 .hype-glass-shading { } #stacks_in_1934 .hype-box-shadow{ opacity: 0 !important; } /* custom text */ #stacks_in_1934 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: center !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 160px !important; line-height: 165px !important; letter-spacing: -3px !important; -webkit-font-smoothing: antialiased !important; display: none !important; margin-top: -190px !important; margin-left: 0px !important; text-shadow: 1px 1px rgba(58, 58, 58, 0.34), 2px 2px rgba(58, 58, 58, 0.34), 3px 3px rgba(58, 58, 58, 0.34), 4px 4px rgba(58, 58, 58, 0.34), 5px 5px rgba(58, 58, 58, 0.34), 6px 6px rgba(58, 58, 58, 0.34), 7px 7px rgba(58, 58, 58, 0.34), 8px 8px rgba(58, 58, 58, 0.34), 9px 9px rgba(58, 58, 58, 0.34), 10px 10px rgba(58, 58, 58, 0.34) !important; } #stacks_in_1934 .hype-device-text, #stacks_in_1934 p .hype-device-text { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Raleway', sans-serif !important; font-weight: 200 !important; } #stacks_in_1934 .hype-device-text { } /* bands */ #stacks_in_1934 .hype-bands-reveal1, #stacks_in_1934 .hype-bands-reveal2, #stacks_in_1934 .hype-bands-reveal1 path, #stacks_in_1934 .hype-bands-reveal2 path { display: none !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1934 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1934 .hype-bands-reveal1 { display: none !important; } stacks_in_1934_pointer {} /* linees */ #stacks_in_1934 .hype-linees path { stroke-style: solid !important; stroke: rgba(255, 255, 255, 0.32) !important; stroke-width: 50px !important; } #stacks_in_1934 .hype-symbol-linees1 { } #stacks_in_1934 .hype-symbol-linees2 { } #stacks_in_1934 .hype-symbol-linees1, #stacks_in_1934 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_1934 .hype-symbol-linees1, #stacks_in_1934 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_1934 .img-dev-bg-back, #stacks_in_1934 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; background-position: 50% 75% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_1934 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_1934 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_1934 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1934 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1934 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_1934 .img-dev-bg-back, #stacks_in_1934 .img-dev-bg-back path { } #stacks_in_1934 .img-dev-vignetting { } /* animation triggers */ #stacks_in_1934 .bands-trigger, #stacks_in_1934 .device-trigger { opacity: 0.5 !important; } #stacks_in_1934 .device-trigger { top: 300px !important; } #stacks_in_1934 .bands-trigger { opacity: 0.0 !important; } /* -- EACH CSS Template end -- */#stacks_in_1939>.s3_row { margin: 0 -18px; } #stacks_in_1939>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1939>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1939>.s3_row>.s3_column { padding: 0 18px; } @media only screen and (max-width: 770px) { #stacks_in_1939>.s3_row { margin: -18px 0; } #stacks_in_1939>.s3_row>.s3_column { padding: 18px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_1939 { padding: 20px 15px 20px 15px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 165px !important;*/ #stacks_in_1943 p { font-size: 160px !important; } #stacks_in_1943 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_1943_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_1943 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_1943 .devicewrapper, stacks_in_1943_default10_hype_container, stacks_in_1943 HYPE_document, #stacks_in_1943 .device-trigger { pointer-events: auto !important; } #stacks_in_1943 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_1943 .devicewrapper { display:table; width: 100%; height: 360px; } @media (max-width: 800px) { #stacks_in_1943 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 600px) { #stacks_in_1943 .devicewrapper { height: 320px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_1943 .hype-link-hover-group, #stacks_in_1943 .hype-link-hover, #stacks_in_1943 .hype-link-hover-blank { } #stacks_in_1943 .hype-link-hover { } #stacks_in_1943 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_1943 .hype-link-hover-group { display: block !important; } #stacks_in_1943 .hype-link-hover-group { } #stacks_in_1943 .hype-link-hover-group { background-size: cover !important; background-position: 50% 40% !important; background-image: url(../files/link-drag-image-1943.png) !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_1943 .hype-link-hover, #stacks_in_1943 .hype-link-hover-blank, #stacks_in_1943 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_1943 .device-area::after, #stacks_in_1943 .device-area::before, #stacks_in_1943 .device-area:after, #stacks_in_1943 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_1943 .hype-glass-reflect { opacity: 0 !important; display: none !important; } #stacks_in_1943 .hype-glass-shading { } #stacks_in_1943 .hype-box-shadow{ opacity: 0 !important; } /* custom text */ #stacks_in_1943 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: center !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 160px !important; line-height: 165px !important; letter-spacing: -3px !important; -webkit-font-smoothing: antialiased !important; display: none !important; margin-top: -190px !important; margin-left: 0px !important; text-shadow: 1px 1px rgba(58, 58, 58, 0.34), 2px 2px rgba(58, 58, 58, 0.34), 3px 3px rgba(58, 58, 58, 0.34), 4px 4px rgba(58, 58, 58, 0.34), 5px 5px rgba(58, 58, 58, 0.34), 6px 6px rgba(58, 58, 58, 0.34), 7px 7px rgba(58, 58, 58, 0.34), 8px 8px rgba(58, 58, 58, 0.34), 9px 9px rgba(58, 58, 58, 0.34), 10px 10px rgba(58, 58, 58, 0.34) !important; } #stacks_in_1943 .hype-device-text, #stacks_in_1943 p .hype-device-text { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Raleway', sans-serif !important; font-weight: 200 !important; } #stacks_in_1943 .hype-device-text { } /* bands */ #stacks_in_1943 .hype-bands-reveal1, #stacks_in_1943 .hype-bands-reveal2, #stacks_in_1943 .hype-bands-reveal1 path, #stacks_in_1943 .hype-bands-reveal2 path { display: none !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1943 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1943 .hype-bands-reveal1 { display: none !important; } stacks_in_1943_pointer {} /* linees */ #stacks_in_1943 .hype-linees path { stroke-style: solid !important; stroke: rgba(255, 255, 255, 0.32) !important; stroke-width: 50px !important; } #stacks_in_1943 .hype-symbol-linees1 { } #stacks_in_1943 .hype-symbol-linees2 { } #stacks_in_1943 .hype-symbol-linees1, #stacks_in_1943 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_1943 .hype-symbol-linees1, #stacks_in_1943 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_1943 .img-dev-bg-back, #stacks_in_1943 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; background-position: 50% 75% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_1943 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_1943 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_1943 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1943 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1943 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_1943 .img-dev-bg-back, #stacks_in_1943 .img-dev-bg-back path { } #stacks_in_1943 .img-dev-vignetting { } /* animation triggers */ #stacks_in_1943 .bands-trigger, #stacks_in_1943 .device-trigger { opacity: 0.5 !important; } #stacks_in_1943 .device-trigger { top: 300px !important; } #stacks_in_1943 .bands-trigger { opacity: 0.0 !important; } /* -- EACH CSS Template end -- */ #stacks_in_1940 { padding: 20px 0px 26px 0px; } #stacks_in_1945 { margin: 150px 0px 0px 0px; } #stacks_in_1948>.s3_row { margin: 0 -18px; } #stacks_in_1948>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1948>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1948>.s3_row>.s3_column { padding: 0 18px; } @media only screen and (max-width: 770px) { #stacks_in_1948>.s3_row { margin: -18px 0; } #stacks_in_1948>.s3_row>.s3_column { padding: 18px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_1948 { padding: 60px 15px 20px 15px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 165px !important;*/ #stacks_in_1953 p { font-size: 160px !important; } #stacks_in_1953 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_1953_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_1953 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_1953 .devicewrapper, stacks_in_1953_default10_hype_container, stacks_in_1953 HYPE_document, #stacks_in_1953 .device-trigger { pointer-events: auto !important; } #stacks_in_1953 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_1953 .devicewrapper { display:table; width: 100%; height: 360px; } @media (max-width: 800px) { #stacks_in_1953 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 600px) { #stacks_in_1953 .devicewrapper { height: 320px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_1953 .hype-link-hover-group, #stacks_in_1953 .hype-link-hover, #stacks_in_1953 .hype-link-hover-blank { } #stacks_in_1953 .hype-link-hover { } #stacks_in_1953 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_1953 .hype-link-hover-group { display: block !important; } #stacks_in_1953 .hype-link-hover-group { } #stacks_in_1953 .hype-link-hover-group { background-size: cover !important; background-position: 50% 20% !important; background-image: url(../files/link-drag-image-1953.png) !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_1953 .hype-link-hover, #stacks_in_1953 .hype-link-hover-blank, #stacks_in_1953 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_1953 .device-area::after, #stacks_in_1953 .device-area::before, #stacks_in_1953 .device-area:after, #stacks_in_1953 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_1953 .hype-glass-reflect { opacity: 0 !important; display: none !important; } #stacks_in_1953 .hype-glass-shading { } #stacks_in_1953 .hype-box-shadow{ opacity: 0 !important; } /* custom text */ #stacks_in_1953 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: center !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 160px !important; line-height: 165px !important; letter-spacing: -3px !important; -webkit-font-smoothing: antialiased !important; display: none !important; margin-top: -190px !important; margin-left: 0px !important; text-shadow: 1px 1px rgba(58, 58, 58, 0.34), 2px 2px rgba(58, 58, 58, 0.34), 3px 3px rgba(58, 58, 58, 0.34), 4px 4px rgba(58, 58, 58, 0.34), 5px 5px rgba(58, 58, 58, 0.34), 6px 6px rgba(58, 58, 58, 0.34), 7px 7px rgba(58, 58, 58, 0.34), 8px 8px rgba(58, 58, 58, 0.34), 9px 9px rgba(58, 58, 58, 0.34), 10px 10px rgba(58, 58, 58, 0.34) !important; } #stacks_in_1953 .hype-device-text, #stacks_in_1953 p .hype-device-text { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Raleway', sans-serif !important; font-weight: 200 !important; } #stacks_in_1953 .hype-device-text { } /* bands */ #stacks_in_1953 .hype-bands-reveal1, #stacks_in_1953 .hype-bands-reveal2, #stacks_in_1953 .hype-bands-reveal1 path, #stacks_in_1953 .hype-bands-reveal2 path { display: none !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1953 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1953 .hype-bands-reveal1 { display: none !important; } stacks_in_1953_pointer {} /* linees */ #stacks_in_1953 .hype-linees path { stroke-style: solid !important; stroke: rgba(255, 255, 255, 0.32) !important; stroke-width: 50px !important; } #stacks_in_1953 .hype-symbol-linees1 { } #stacks_in_1953 .hype-symbol-linees2 { } #stacks_in_1953 .hype-symbol-linees1, #stacks_in_1953 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_1953 .hype-symbol-linees1, #stacks_in_1953 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_1953 .img-dev-bg-back, #stacks_in_1953 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; background-position: 50% 75% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_1953 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_1953 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_1953 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1953 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1953 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_1953 .img-dev-bg-back, #stacks_in_1953 .img-dev-bg-back path { } #stacks_in_1953 .img-dev-vignetting { } /* animation triggers */ #stacks_in_1953 .bands-trigger, #stacks_in_1953 .device-trigger { opacity: 0.5 !important; } #stacks_in_1953 .device-trigger { top: 300px !important; } #stacks_in_1953 .bands-trigger { opacity: 0.0 !important; } /* -- EACH CSS Template end -- */ #stacks_in_1950 { padding: 20px 0px 26px 0px; } #stacks_in_1955>.s3_row { margin: 0 -18px; } #stacks_in_1955>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1955>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1955>.s3_row>.s3_column { padding: 0 18px; } @media only screen and (max-width: 770px) { #stacks_in_1955>.s3_row { margin: -18px 0; } #stacks_in_1955>.s3_row>.s3_column { padding: 18px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_1955 { padding: 20px 15px 20px 15px; } #stacks_in_1958 { padding: 20px 0px 26px 0px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 165px !important;*/ #stacks_in_1956 p { font-size: 160px !important; } #stacks_in_1956 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_1956_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_1956 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_1956 .devicewrapper, stacks_in_1956_default10_hype_container, stacks_in_1956 HYPE_document, #stacks_in_1956 .device-trigger { pointer-events: auto !important; } #stacks_in_1956 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_1956 .devicewrapper { display:table; width: 100%; height: 360px; } @media (max-width: 800px) { #stacks_in_1956 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 600px) { #stacks_in_1956 .devicewrapper { height: 320px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_1956 .hype-link-hover-group, #stacks_in_1956 .hype-link-hover, #stacks_in_1956 .hype-link-hover-blank { } #stacks_in_1956 .hype-link-hover { } #stacks_in_1956 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_1956 .hype-link-hover-group { display: block !important; } #stacks_in_1956 .hype-link-hover-group { } #stacks_in_1956 .hype-link-hover-group { background-size: cover !important; background-position: 50% 20% !important; background-image: url(../files/link-drag-image-1956.png) !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_1956 .hype-link-hover, #stacks_in_1956 .hype-link-hover-blank, #stacks_in_1956 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_1956 .device-area::after, #stacks_in_1956 .device-area::before, #stacks_in_1956 .device-area:after, #stacks_in_1956 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_1956 .hype-glass-reflect { opacity: 0 !important; display: none !important; } #stacks_in_1956 .hype-glass-shading { } #stacks_in_1956 .hype-box-shadow{ opacity: 0 !important; } /* custom text */ #stacks_in_1956 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: center !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 160px !important; line-height: 165px !important; letter-spacing: -3px !important; -webkit-font-smoothing: antialiased !important; display: none !important; margin-top: -190px !important; margin-left: 0px !important; text-shadow: 1px 1px rgba(58, 58, 58, 0.34), 2px 2px rgba(58, 58, 58, 0.34), 3px 3px rgba(58, 58, 58, 0.34), 4px 4px rgba(58, 58, 58, 0.34), 5px 5px rgba(58, 58, 58, 0.34), 6px 6px rgba(58, 58, 58, 0.34), 7px 7px rgba(58, 58, 58, 0.34), 8px 8px rgba(58, 58, 58, 0.34), 9px 9px rgba(58, 58, 58, 0.34), 10px 10px rgba(58, 58, 58, 0.34) !important; } #stacks_in_1956 .hype-device-text, #stacks_in_1956 p .hype-device-text { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Raleway', sans-serif !important; font-weight: 200 !important; } #stacks_in_1956 .hype-device-text { } /* bands */ #stacks_in_1956 .hype-bands-reveal1, #stacks_in_1956 .hype-bands-reveal2, #stacks_in_1956 .hype-bands-reveal1 path, #stacks_in_1956 .hype-bands-reveal2 path { display: none !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1956 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1956 .hype-bands-reveal1 { display: none !important; } stacks_in_1956_pointer {} /* linees */ #stacks_in_1956 .hype-linees path { stroke-style: solid !important; stroke: rgba(255, 255, 255, 0.32) !important; stroke-width: 50px !important; } #stacks_in_1956 .hype-symbol-linees1 { } #stacks_in_1956 .hype-symbol-linees2 { } #stacks_in_1956 .hype-symbol-linees1, #stacks_in_1956 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_1956 .hype-symbol-linees1, #stacks_in_1956 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_1956 .img-dev-bg-back, #stacks_in_1956 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; background-position: 50% 75% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_1956 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_1956 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_1956 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1956 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1956 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_1956 .img-dev-bg-back, #stacks_in_1956 .img-dev-bg-back path { } #stacks_in_1956 .img-dev-vignetting { } /* animation triggers */ #stacks_in_1956 .bands-trigger, #stacks_in_1956 .device-trigger { opacity: 0.5 !important; } #stacks_in_1956 .device-trigger { top: 300px !important; } #stacks_in_1956 .bands-trigger { opacity: 0.0 !important; } /* -- EACH CSS Template end -- */#stacks_in_1961>.s3_row { margin: 0 -18px; } #stacks_in_1961>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1961>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1961>.s3_row>.s3_column { padding: 0 18px; } @media only screen and (max-width: 770px) { #stacks_in_1961>.s3_row { margin: -18px 0; } #stacks_in_1961>.s3_row>.s3_column { padding: 18px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_1961 { padding: 20px 15px 20px 15px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 165px !important;*/ #stacks_in_1965 p { font-size: 160px !important; } #stacks_in_1965 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_1965_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_1965 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_1965 .devicewrapper, stacks_in_1965_default10_hype_container, stacks_in_1965 HYPE_document, #stacks_in_1965 .device-trigger { pointer-events: auto !important; } #stacks_in_1965 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_1965 .devicewrapper { display:table; width: 100%; height: 360px; } @media (max-width: 800px) { #stacks_in_1965 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 600px) { #stacks_in_1965 .devicewrapper { height: 320px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_1965 .hype-link-hover-group, #stacks_in_1965 .hype-link-hover, #stacks_in_1965 .hype-link-hover-blank { } #stacks_in_1965 .hype-link-hover { } #stacks_in_1965 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_1965 .hype-link-hover-group { display: block !important; } #stacks_in_1965 .hype-link-hover-group { } #stacks_in_1965 .hype-link-hover-group { background-size: cover !important; background-position: 50% 40% !important; background-image: url(../files/link-drag-image-1965.png) !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_1965 .hype-link-hover, #stacks_in_1965 .hype-link-hover-blank, #stacks_in_1965 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_1965 .device-area::after, #stacks_in_1965 .device-area::before, #stacks_in_1965 .device-area:after, #stacks_in_1965 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_1965 .hype-glass-reflect { opacity: 0 !important; display: none !important; } #stacks_in_1965 .hype-glass-shading { } #stacks_in_1965 .hype-box-shadow{ opacity: 0 !important; } /* custom text */ #stacks_in_1965 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: center !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 160px !important; line-height: 165px !important; letter-spacing: -3px !important; -webkit-font-smoothing: antialiased !important; display: none !important; margin-top: -190px !important; margin-left: 0px !important; text-shadow: 1px 1px rgba(58, 58, 58, 0.34), 2px 2px rgba(58, 58, 58, 0.34), 3px 3px rgba(58, 58, 58, 0.34), 4px 4px rgba(58, 58, 58, 0.34), 5px 5px rgba(58, 58, 58, 0.34), 6px 6px rgba(58, 58, 58, 0.34), 7px 7px rgba(58, 58, 58, 0.34), 8px 8px rgba(58, 58, 58, 0.34), 9px 9px rgba(58, 58, 58, 0.34), 10px 10px rgba(58, 58, 58, 0.34) !important; } #stacks_in_1965 .hype-device-text, #stacks_in_1965 p .hype-device-text { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Raleway', sans-serif !important; font-weight: 200 !important; } #stacks_in_1965 .hype-device-text { } /* bands */ #stacks_in_1965 .hype-bands-reveal1, #stacks_in_1965 .hype-bands-reveal2, #stacks_in_1965 .hype-bands-reveal1 path, #stacks_in_1965 .hype-bands-reveal2 path { display: none !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1965 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1965 .hype-bands-reveal1 { display: none !important; } stacks_in_1965_pointer {} /* linees */ #stacks_in_1965 .hype-linees path { stroke-style: solid !important; stroke: rgba(255, 255, 255, 0.32) !important; stroke-width: 50px !important; } #stacks_in_1965 .hype-symbol-linees1 { } #stacks_in_1965 .hype-symbol-linees2 { } #stacks_in_1965 .hype-symbol-linees1, #stacks_in_1965 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_1965 .hype-symbol-linees1, #stacks_in_1965 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_1965 .img-dev-bg-back, #stacks_in_1965 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; background-position: 50% 75% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_1965 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_1965 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_1965 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1965 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1965 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_1965 .img-dev-bg-back, #stacks_in_1965 .img-dev-bg-back path { } #stacks_in_1965 .img-dev-vignetting { } /* animation triggers */ #stacks_in_1965 .bands-trigger, #stacks_in_1965 .device-trigger { opacity: 0.5 !important; } #stacks_in_1965 .device-trigger { top: 300px !important; } #stacks_in_1965 .bands-trigger { opacity: 0.0 !important; } /* -- EACH CSS Template end -- */ #stacks_in_1962 { padding: 20px 0px 26px 0px; } #stacks_in_1967 { margin: 150px 0px 0px 0px; } #stacks_in_1969>.s3_row { margin: 0 -10px; } #stacks_in_1969>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1969>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1969>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_1969>.s3_row { margin: -10px 0; } #stacks_in_1969>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_1969>.s3_row { margin: -10px 0; } #stacks_in_1969>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_1853 { padding: 10px; } #stacks_in_1854 { padding: 10px; } #stacks_in_1974 { margin: 150px 0px 0px 0px; } #stacks_in_1979 { margin: 150px 0px 0px 0px; } #stacks_in_1856 { margin: 1px 0px 0px 0px; } #stacks_in_1984 { margin: 150px 0px 0px 0px; } #stacks_in_1987>.s3_row { margin: 0 -18px; } #stacks_in_1987>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1987>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1987>.s3_row>.s3_column { padding: 0 18px; } @media only screen and (max-width: 770px) { #stacks_in_1987>.s3_row { margin: -18px 0; } #stacks_in_1987>.s3_row>.s3_column { padding: 18px 0; width:100%; } } @media only screen and (max-width: 400px) { } #stacks_in_1987 { padding: 60px 15px 20px 15px; } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ /* prevent issue in Foundation theme and some stacks - line-height: 165px !important;*/ #stacks_in_1992 p { font-size: 160px !important; } #stacks_in_1992 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } stacks_in_1992_default10_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } #stacks_in_1992 .devicewrapper { margin:auto; position:relative; display: block; width: 100%; margin: 0; padding: 0; } #stacks_in_1992 .devicewrapper, stacks_in_1992_default10_hype_container, stacks_in_1992 HYPE_document, #stacks_in_1992 .device-trigger { pointer-events: auto !important; } #stacks_in_1992 .devicewrapper { max-width: 800px !important; margin-right: auto; margin-left: auto; } #stacks_in_1992 .devicewrapper { display:table; width: 100%; height: 360px; } @media (max-width: 800px) { #stacks_in_1992 .devicewrapper { %%[[if edit]]%% height:auto; %%[[endif]]%% } } @media (max-width: 600px) { #stacks_in_1992 .devicewrapper { height: 320px; %%[[if edit]]%% height:auto; %%[[endif]]%% } } /* ---- stack content ------ */ /* link option - managed in Hype */ #stacks_in_1992 .hype-link-hover-group, #stacks_in_1992 .hype-link-hover, #stacks_in_1992 .hype-link-hover-blank { } #stacks_in_1992 .hype-link-hover { } #stacks_in_1992 .hype_videobox { display: none !important; width: 100% !important; height: 100% !important; } #stacks_in_1992 .hype-link-hover-group { display: block !important; } #stacks_in_1992 .hype-link-hover-group { } #stacks_in_1992 .hype-link-hover-group { background-size: cover !important; background-position: 50% 20% !important; background-image: url(../files/link-drag-image-1992.png) !important; background-color: #e6e6e6; } /* enable link area */ #stacks_in_1992 .hype-link-hover, #stacks_in_1992 .hype-link-hover-blank, #stacks_in_1992 .hype-hover-box { display: none !important; width: 0 !important; height: 0 !important; } /* main area */ #stacks_in_1992 .device-area::after, #stacks_in_1992 .device-area::before, #stacks_in_1992 .device-area:after, #stacks_in_1992 .device-area:before { display: none !important; } /* screen glas e shadows */ #stacks_in_1992 .hype-glass-reflect { opacity: 0 !important; display: none !important; } #stacks_in_1992 .hype-glass-shading { } #stacks_in_1992 .hype-box-shadow{ opacity: 0 !important; } /* custom text */ #stacks_in_1992 .hype-device-text { -webkit-font-smoothing: antialiased !important; text-align: center; text-align: center !important; color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 160px !important; line-height: 165px !important; letter-spacing: -3px !important; -webkit-font-smoothing: antialiased !important; display: none !important; margin-top: -190px !important; margin-left: 0px !important; text-shadow: 1px 1px rgba(58, 58, 58, 0.34), 2px 2px rgba(58, 58, 58, 0.34), 3px 3px rgba(58, 58, 58, 0.34), 4px 4px rgba(58, 58, 58, 0.34), 5px 5px rgba(58, 58, 58, 0.34), 6px 6px rgba(58, 58, 58, 0.34), 7px 7px rgba(58, 58, 58, 0.34), 8px 8px rgba(58, 58, 58, 0.34), 9px 9px rgba(58, 58, 58, 0.34), 10px 10px rgba(58, 58, 58, 0.34) !important; } #stacks_in_1992 .hype-device-text, #stacks_in_1992 p .hype-device-text { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Raleway', sans-serif !important; font-weight: 200 !important; } #stacks_in_1992 .hype-device-text { } /* bands */ #stacks_in_1992 .hype-bands-reveal1, #stacks_in_1992 .hype-bands-reveal2, #stacks_in_1992 .hype-bands-reveal1 path, #stacks_in_1992 .hype-bands-reveal2 path { display: none !important; fill: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1992 .hype-bands-reveal1 { background-color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1992 .hype-bands-reveal1 { display: none !important; } stacks_in_1992_pointer {} /* linees */ #stacks_in_1992 .hype-linees path { stroke-style: solid !important; stroke: rgba(255, 255, 255, 0.32) !important; stroke-width: 50px !important; } #stacks_in_1992 .hype-symbol-linees1 { } #stacks_in_1992 .hype-symbol-linees2 { } #stacks_in_1992 .hype-symbol-linees1, #stacks_in_1992 .hype-symbol-linees2 { } @media (max-width: 500px) { #stacks_in_1992 .hype-symbol-linees1, #stacks_in_1992 .hype-symbol-linees2 { display: none !important; opacity: 0 !important; } } /* BG stack */ #stacks_in_1992 .img-dev-bg-back, #stacks_in_1992 .img-dev-bg-back path { background-size: cover !important; background-image: none !important; opacity: 1; background-position: 50% 75% !important; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_1992 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_1992 .img-dev-bg-back { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_1992 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1992 .img-dev-bg-back { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1992 .img-dev-bg-back { background-attachment: scroll !important; } } #stacks_in_1992 .img-dev-bg-back, #stacks_in_1992 .img-dev-bg-back path { } #stacks_in_1992 .img-dev-vignetting { } /* animation triggers */ #stacks_in_1992 .bands-trigger, #stacks_in_1992 .device-trigger { opacity: 0.5 !important; } #stacks_in_1992 .device-trigger { top: 300px !important; } #stacks_in_1992 .bands-trigger { opacity: 0.0 !important; } /* -- EACH CSS Template end -- */ #stacks_in_1989 { padding: 20px 0px 26px 0px; } #stacks_in_2021 { margin: 150px 0px 0px 0px; } #stacks_in_2011 { margin: 150px 0px 0px 0px; } #stacks_in_2015 { margin: 150px 0px 0px 0px; }