.hr-align-left hr { text-align: left; margin-left: 0; margin-right: auto } .hr-align-right hr { text-align: right; margin-right: 0; margin-left: auto } .hr-align-center hr { text-align: center; margin-left: auto; margin-right: auto } @media (max-width:600px) { .hr-s-align-left hr { text-align: left; margin-left: 0; margin-right: auto } .hr-s-align-right hr { text-align: right; margin-right: 0; margin-left: auto } .hr-s-align-center hr { text-align: center; margin-left: auto; margin-right: auto } } @media (min-width:600px) { .hr-m-align-left hr { text-align: left; margin-left: 0; margin-right: auto } .hr-m-align-right hr { text-align: right; margin-right: 0; margin-left: auto } .hr-m-align-center hr { text-align: center; margin-left: auto; margin-right: auto } } @media (min-width:900px) { .hr-l-align-left hr { text-align: left; margin-left: 0; margin-right: auto } .hr-l-align-right hr { text-align: right; margin-right: 0; margin-left: auto } .hr-l-align-center hr { text-align: center; margin-left: auto; margin-right: auto } } @media (min-width:1200px) { .hr-xl-align-left hr { text-align: left; margin-left: 0; margin-right: auto } .hr-xl-align-right hr { text-align: right; margin-right: 0; margin-left: auto } .hr-xl-align-center hr { text-align: center; margin-left: auto; margin-right: auto } } .s-item-abs{position:absolute!important;width:100%;height:100%} .hr-align-left hr{text-align:left;margin-left:0;margin-right:auto}.hr-align-right hr{text-align:right;margin-right:0;margin-left:auto}.hr-align-center hr{text-align:center;margin-left:auto;margin-right:auto}.p-align-left p,.p-align-left ul,.h-align-left h1,.h-align-left h2,.h-align-left h3,.h-align-left h4,.h-align-left h5,.h-align-left h6{text-align:left}.p-align-right p,.p-align-right ul,.h-align-right h1,.h-align-right h2,.h-align-right h3,.h-align-right h4,.h-align-right h5,.h-align-right h6{text-align:right}.p-align-center p,.p-align-center ul,.h-align-center h1,.h-align-center h2,.h-align-center h3,.h-align-center h4,.h-align-center h5,.h-align-center h6{text-align:center}@media (max-width:600px){.hr-s-align-left hr{text-align:left;margin-left:0;margin-right:auto}.hr-s-align-right hr{text-align:right;margin-right:0;margin-left:auto}.hr-s-align-center hr{text-align:center;margin-left:auto;margin-right:auto}.p-s-align-left p,.p-s-align-left ul,.h-s-align-left h1,.h-s-align-left h2,.h-s-align-left h3,.h-s-align-left h4,.h-s-align-left h5,.h-s-align-left h6{text-align:left}.p-s-align-right p,.p-s-align-right ul,.h-s-align-right h1,.h-s-align-right h2,.h-s-align-right h3,.h-s-align-right h4,.h-s-align-right h5,.h-s-align-right h6{text-align:right}.p-s-align-center p,.p-s-align-center ul,.h-s-align-center h1,.h-s-align-center h2,.h-s-align-center h3,.h-s-align-center h4,.h-s-align-center h5,.h-s-align-center h6{text-align:center}}@media (min-width:600px){.hr-m-align-left hr{text-align:left;margin-left:0;margin-right:auto}.hr-m-align-right hr{text-align:right;margin-right:0;margin-left:auto}.hr-m-align-center hr{text-align:center;margin-left:auto;margin-right:auto}.p-m-align-left p,.p-m-align-left ul,.h-m-align-left h1,.h-m-align-left h2,.h-m-align-left h3,.h-m-align-left h4,.h-m-align-left h5,.h-m-align-left h6{text-align:left}.p-m-align-right p,.p-m-align-right ul,.h-m-align-right h1,.h-m-align-right h2,.h-m-align-right h3,.h-m-align-right h4,.h-m-align-right h5,.h-m-align-right h6{text-align:right}.p-m-align-center p,.p-m-align-center ul,.h-m-align-center h1,.h-m-align-center h2,.h-m-align-center h3,.h-m-align-center h4,.h-m-align-center h5,.h-m-align-center h6{text-align:center}}@media (min-width:900px){.hr-l-align-left hr{text-align:left;margin-left:0;margin-right:auto}.hr-l-align-right hr{text-align:right;margin-right:0;margin-left:auto}.hr-l-align-center hr{text-align:center;margin-left:auto;margin-right:auto}.p-l-align-left p,.p-l-align-left ul,.h-l-align-left h1,.h-l-align-left h2,.h-l-align-left h3,.h-l-align-left h4,.h-l-align-left h5,.h-l-align-left h6{text-align:left}.p-l-align-right p,.p-l-align-right ul,.h-l-align-right h1,.h-l-align-right h2,.h-l-align-right h3,.h-l-align-right h4,.h-l-align-right h5,.h-l-align-right h6{text-align:right}.p-l-align-center p,.p-l-align-center ul,.h-l-align-center h1,.h-l-align-center h2,.h-l-align-center h3,.h-l-align-center h4,.h-l-align-center h5,.h-l-align-center h6{text-align:center}}@media (min-width:1200px){.hr-xl-align-left hr{text-align:left;margin-left:0;margin-right:auto}.hr-xl-align-right hr{text-align:right;margin-right:0;margin-left:auto}.hr-xl-align-center hr{text-align:center;margin-left:auto;margin-right:auto}.p-xl-align-left p,.p-xl-align-left ul,.h-xl-align-left h1,.h-xl-align-left h2,.h-xl-align-left h3,.h-xl-align-left h4,.h-xl-align-left h5,.h-xl-align-left h6{text-align:left}.p-xl-align-right p,.p-xl-align-right ul,.h-xl-align-right h1,.h-xl-align-right h2,.h-xl-align-right h3,.h-xl-align-right h4,.h-xl-align-right h5,.h-xl-align-right h6{text-align:right}.p-xl-align-center p,.p-xl-align-center ul,.h-xl-align-center h1,.h-xl-align-center h2,.h-xl-align-center h3,.h-xl-align-center h4,.h-xl-align-center h5,.h-xl-align-center h6{text-align:center}} #stacks_out_1 { width: 1000px; } html{--text-color-richer:rgba(9, 9, 9, 1.00);--text-color-normal:rgba(34, 34, 34, 1.00);--text-color-softer:rgba(59, 59, 59, 1.00);--accent-color:rgba(23, 42, 58, 1.00);--accent-color-hover:rgba(20, 36, 50, 1.00);--accent-text-color:rgba(255, 255, 255, 1.00);--accent-text-color-hover:rgba(230, 230, 230, 1.00);--link-color:rgba(23, 42, 58, 1.00); --link-color-hover:rgba(20, 36, 50, 1.00); --border-color:rgba(187, 187, 187, 1.00);--border-color-softer:rgba(237, 237, 237, 1.00);--border-color-richer:rgba(137, 137, 137, 1.00);--background-color:rgba(255, 255, 255, 1.00);--background-color-alt:rgba(51, 51, 51, 0.10);--nav-bg:rgba(255, 255, 255, 0.96);--nav-bg-hover:rgba(51, 51, 51, 0.05);--nav-link:rgba(5, 95, 122, 1.00);--nav-link-hover:rgba(5, 95, 122, 1.00);--code-background:rgba(241, 241, 241, 1.00);--code-text:rgba(34, 34, 34, 1.00);--button-primary-color:rgba(255, 255, 255, 1.00);--button-primary-color-hover:rgba(230, 230, 230, 1.00);--second-color:rgba(106, 134, 144, 1.00);--second-color-hover:rgba(125, 152, 161, 1.00);--second-color-alt:rgba(255, 255, 255, 1.00);--base-font-size:62.5%;--container-max-width:2032px;--container-max-width-alt:632px}*{vertical-align:baseline;border:0 none;outline:0;padding:0;margin:0}html{font-size:62.5%;font-size:var(--base-font-size);-webkit-text-size-adjust:100%;scroll-behavior:smooth;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html,body{height:100%}body{font-size:1.60rem;line-height:1.60;font-weight:normal;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; color:rgba(34, 34, 34, 1.00);background-color:rgba(255, 255, 255, 1.00);color:var(--text-color-normal);background-color:var(--background-color);}p.lead{font-size:1.80rem}@media (min-width:600px){body{font-size:1.60rem}p.lead{font-size:1.80rem}}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1.20rem;font-weight:bold;font-style:normal;font-family:Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;}h1,.h1{font-size:4.00rem;line-height:1.2;letter-spacing:-.1rem;}h2,.h2{font-size:3.60rem;line-height:1.25;letter-spacing:-.1rem;}h3,.h3{font-size:3.00rem;line-height:1.3;letter-spacing:-.1rem;}h4,.h4{font-size:2.40rem;line-height:1.35;letter-spacing:-.08rem;}h5,.h5{font-size:1.80rem;line-height:1.5;letter-spacing:-.05rem;}h6,.h6{font-size:1.60rem;line-height:1.6;letter-spacing:0;}@media (min-width:600px){h1,.h1{font-size:5.00rem}h2,.h2{font-size:4.20rem}h3,.h3{font-size:3.60rem}h4,.h4{font-size:3.00rem}h5,.h5{font-size:2.40rem}h6,.h6{font-size:2.00rem}}p{margin-top:0}blockquote{margin-top:10px;margin-bottom:10px;margin-left:1rem;margin-right:1rem;padding-left:1rem;border-left:3px solid var(--accent-color);color:var(--text-color-softer)}a{color:var(--link-color);text-decoration:none;transition:all 0.2s ease 0s}a:hover:not(.source-button):not(.button){color:var(--link-color-hover);text-decoration:none}.u-case{text-transform:uppercase}:focus{outline:none;box-shadow:0 0 0 3px rgba(21, 156, 228, 0.40)!important}.stripped-button a,.source-btn{line-height:38px;font-size:14px;border-width:1px;height:calc(38px + 2px); font-weight: bolder; text-transform: uppercase; display:inline-block;padding:0 30px;text-decoration:none;color:var(--text-color-softer);text-align:center;letter-spacing:.1rem;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:6px;border:1px solid var(--border-color);cursor:pointer;box-sizing:border-box;transition:all 0.2s ease 0s;max-width:100%}.button-nav a,.source-btn-nav a{color:var(--button-primary-color)!important;background-color:var(--nav-link)!important;border-color:var(--nav-link)!important}.button-nav a:hover,.button-nav a:focus,.source-btn-nav a:focus,.source-btn-nav a:hover{color:var(--button-primary-color);background-color:var(--nav-link-hover);border-color:var(--nav-link-hover)}.button-second a,.s-button-second{color:var(--second-color-alt)!important;background-color:var(--second-color)!important;border-color:var(--second-color)!important}.button-second a:hover,.button-second a:focus,.s-button-second:hover,.s-button-second:focus{color:var(--second-color-alt)!important;background-color:var(--second-color-hover)!important;border-color:var(--second-color-hover)!important}.button-primary-flip a,.s-button-primary-flip{color:var(--accent-color)!important;background-color:var(--button-primary-color)!important;border-color:var(--accent-color)!important}.button-primary-flip a:hover,.button-primary-flip a:focus,.s-button-primary-flip:hover,.s-button-primary-flip:focus{color:var(--button-primary-color)!important;background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.button-primary a,.s-button-primary{color:var(--button-primary-color)!important;background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.button-primary a:hover,.button-primary a:focus,.s-button-primary:hover,.s-button-primary:focus{color:var(--button-primary-color)!important;background-color:var(--accent-color-hover)!important;border-color:var(--accent-color-hover)!important}.button-ghost a:hover,.button-ghost a:focus{border-color:var(--border-color-richer)!important}input{font-size:14px}.quizArea label{display:inline-block}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:1rem;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin-left:1.5rem}li{margin-bottom:0.50rem;margin-left:3rem}li ul{margin-bottom:0.50rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:95%;white-space:nowrap;background:var(--code-background);color:var(--code-text);border:1px solid var(--border-color-softer);border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre;overflow:auto}kbd{margin:0 0.1em;padding:0.1em 0.6em;border-radius:3px;border:1px solid rgb(204,204,204);color:rgb(51,51,51);display:inline-block;box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 0 0 2px #fff;background-color:rgb(247,247,247);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow:0 1px 0 #fff}button,.source-button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.50rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.u-align-left{text-align:left}.u-align-right{text-align:right}.u-align-center{text-align:center}@media (max-width:600px){.s-align-left{text-align:left}.s-align-right{text-align:right}.s-align-center{text-align:center}}@media (min-width:600px){.m-align-left{text-align:left}.m-align-right{text-align:right}.m-align-center{text-align:center}}@media (min-width:900px){.l-align-left{text-align:left}.l-align-right{text-align:right}.l-align-center{text-align:center}}@media (min-width:1200px){.xl-align-left{text-align:left}.xl-align-right{text-align:right}.xl-align-center{text-align:center}}hr{margin-top:2rem;margin-bottom:2.5rem;border-width:0;border-top:1px solid var(--border-color-softer)}.u-cf:before,.container:before,.row:before,.s3_row:before,.u-cf:after,.container:after,.row:after,.s3_row:after{content:"";display:table}.u-cf:after,.container:after,.row:after,.s3_row:after{clear:both}.stripped-container,.s-container-lite,.stripped-content,.stripped-outer,.stripped-wrapper,.s-grid-item,.s-cols-item,.s-coder-wrap{position:relative}.stripped-container,.stripped-content{box-sizing:border-box}img{max-width:100%}.stripped-img,.stripped-svg,.img-fit-wrap,picture{line-height:0}.stripped-img img,.s-cols-item:not([data-sal]),.s-grid-item:not([data-sal]),.stripped-svg svg,.s-lift,.s-drop,.s-zoom,.s-zoom-big,.s-zoom-img img,.s-zoom-img-big img{transition:transform 0.2s ease-out 0s}.s-container-lite,.s-content-center{margin-left:auto;margin-right:auto}.s-grid-item,.s-cols-item,.s-flex{display:flex;flex-direction:column;flex-wrap:wrap}.s-flow-down{flex-wrap:nowrap!important}.s-self-end{justify-self:end}.s-grid-item>.stacks_out,.s-cols-item>.stacks_out,.s-flex>.stacks_out{width:100%}.s-cols-container{position:relative;max-width:100%;margin:0 auto;display:flex;flex-flow:row wrap;vertical-align:top}.s-grid-link,.s-img-fit-link,.s-coder-link{display:contents}.s-button-group{display:flex;flex-wrap:wrap}.w-100{width:100%!important}.s-no-lift{transform:translateY(0)!important}.s-lift:hover{transform:translateY(-5px)!important}.s-drop:hover{transform:translateY(5px)!important}.s-zoom:hover{transform:scale(1.05)!important;z-index:10!important}.s-zoom-img:hover img{transform:scale(1.05)!important;z-index:10!important}.s-zoom-img-big:hover img{transform:scale(1.1)!important;z-index:10!important}.s-zoom-big:hover{transform:scale(1.1)!important;z-index:10!important}.s-bright{filter:brightness(70%);transition:filter 250ms ease-in-out!important}.s-bright:hover{filter:brightness(100%)}.s-dark{filter:brightness(100%);transition:filter 250ms ease-in-out!important}.s-dark:hover{filter:brightness(60%)}.s-blur{transition:filter 250ms ease-in-out!important}.s-blur:hover{filter:blur(4px)}.s-unblur{transition:filter 250ms ease-in-out!important;filter:blur(4px)}.s-unblur:hover{filter:blur(0px)}.s-shad{box-shadow:0 3px 15px rgba(0,0,0,0.2)}.s-shad-none{box-shadow:none!important}.s-shad-hov:hover{box-shadow:0 0 18px rgba(0,0,0,0.2)}@media (min-width:600px){.s-shad-m{box-shadow:0 3px 15px rgba(0,0,0,0.2)}.s-shad-hov-m:hover{box-shadow:0 0 18px rgba(0,0,0,0.2)}.s-shad-none-m{box-shadow:none!important}.text-rotate-up-m{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-m{writing-mode:vertical-lr}.s-flip-m{transform:rotate(180deg)}.s-hide-m{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}@media (min-width:900px){.s-shad-l{box-shadow:0 3px 15px rgba(0,0,0,0.2)}.s-shad-hov-l:hover{box-shadow:0 0 18px rgba(0,0,0,0.2)}.s-shad-none-l{box-shadow:none!important}.text-rotate-up-l{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-l{writing-mode:vertical-lr}.s-flip-l{transform:rotate(180deg)}.s-hide-l{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}@media (min-width:1200px){.s-shad-xl{box-shadow:0 3px 15px rgba(0,0,0,0.2)}.s-shad-hov-xl:hover{box-shadow:0 0 18px rgba(0,0,0,0.2)}.s-shad-none-xl{box-shadow:none!important}.text-rotate-up-xl{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-xl{writing-mode:vertical-lr}.s-flip-xl{transform:rotate(180deg)}.s-hide-xl{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}.s-screen{mix-blend-mode:screen}.s-multiply{mix-blend-mode:multiply}.s-exclusion{mix-blend-mode:exclusion}.s-no-pointer{pointer-events:none}.s-flip{transform:rotate(180deg)}.text-rotate-up{writing-mode:vertical-rl;text-orientation:upright}.text-rotate{writing-mode:vertical-lr}html:not(.touch-stripped) .s-hide-nt,.s-hide{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}.s-reveal:hover .s-hide,.s-reveal:hover .s-hide-nt,.s-reveal:hover .s-hide-m{pointer-events:auto;opacity:1}.s-hide-on-reveal{transition:opacity 250ms ease-in-out!important}.s-reveal:hover .s-hide-on-reveal{pointer-events:none;opacity:0}.repeat{background-repeat:repeat!important;background-size:unset!important}.touch-stripped .hide-touch{display:none}html:not(.touch-stripped) .hide-non-touch{display:none}.grid-container{position:relative;max-width:100%;margin:0 auto;display:grid}.hide-of{overflow:hidden}.stripped-container>.stripped-link a,.stripped-outer>.stripped-link a,.s-grid-item>.s-grid-link a,.s-cols-item>.s-grid-link a,.s-img-fit-link a,.s-coder-wrap>.s-coder-link a{position:absolute;top:3px;bottom:3px;left:3px;right:3px;content:"";z-index:998;text-decoration:none}.stacks_out{overflow:visible!important}.stacks_in{overflow:visible}.s-inliner>.stacks_out{margin:0;width:auto;display:inline-block}.mb-0{margin-bottom:0!important}.stripped-base-width,.source-base-width{max-width:2032px;max-width:var(--container-max-width);margin:0 auto}.source-base-width-alt{max-width:632px;max-width:var(--container-max-width-alt);margin:0 auto}.alt-bg{background-color:rgba(51, 51, 51, 0.10)!important}.page-bg{background-color:rgba(255, 255, 255, 1.00)!important}.page-fg{color:rgba(255, 255, 255, 1.00)!important}.text-bg{background-color:rgba(34, 34, 34, 1.00)!important}.s-accent,.accent-bg{background-color:rgba(23, 42, 58, 1.00)!important}.s-accent-text,.accent-alt-bg{background-color:rgba(255, 255, 255, 1.00)!important}.s-accent-hover,.accent-hover-bg{background-color:rgba(20, 36, 50, 1.00)!important}.s-accent-c,.accent-fg{color:rgba(23, 42, 58, 1.00)!important}.s-accent-text-c,.accent-alt-fg{color:rgba(255, 255, 255, 1.00)!important}.s-accent-hover-c,.accent-hover-fg{color:rgba(20, 36, 50, 1.00)!important}.second-hover-fg{color:rgba(125, 152, 161, 1.00)!important}.second-hover-bg{background-color:rgba(125, 152, 161, 1.00)!important}.s-second-c,.second-fg{color:rgba(106, 134, 144, 1.00)!important}.s-second-text-c,.second-alt-fg{color:rgba(255, 255, 255, 1.00)!important}.s-second,.second-bg{background-color:rgba(106, 134, 144, 1.00)!important}.s-second-text,.second-alt-bg{background-color:rgba(255, 255, 255, 1.00)!important}.nav-1-bg{background-color:rgba(255, 255, 255, 0.96)!important}.nav-2-bg{background-color:rgba(51, 51, 51, 0.05)!important}.nav-3-bg{background-color:rgba(5, 95, 122, 1.00)!important}.nav-4-bg{background-color:rgba(5, 95, 122, 1.00)!important}.nav-1-fg{color:rgba(255, 255, 255, 0.96)!important}.nav-2-fg{color:rgba(51, 51, 51, 0.05)!important}.nav-3-fg{color:rgba(5, 95, 122, 1.00)!important}.nav-4-fg{color:rgba(5, 95, 122, 1.00)!important}.code-1-bg{background-color:rgba(241, 241, 241, 1.00)!important}.code-2-bg{background-color:rgba(34, 34, 34, 1.00)!important}.code-1-fg{color:rgba(241, 241, 241, 1.00)!important}.code-2-fg{color:rgba(34, 34, 34, 1.00)!important}.border-fg{color:rgba(187, 187, 187, 1.00)!important}.border-bg{background-color:rgba(187, 187, 187, 1.00)!important}.s-dark-bg{background-color:rgba(58,56,68,0.5)}.s-vdark-bg{background-color:rgba(25,29,36,0.80)}.s-light-bg{background-color:rgba(255,255,255,0.5)}.s-vlight-bg{background-color:rgba(255,255,255,0.8)}.source-browser-warning{ text-align:center;width:80%;top:0;left:10%;position:fixed;margin:20px auto;padding:10px;background:#EC4D3B;color:white;border-radius:4px;z-index:9999}.source-browser-warning a{color:white;text-decoration:underline}@supports (display:grid){.source-browser-warning{display:none}} .source-fonts{display: none;} @font-face{font-family:'Raleway';src:url('../files/fontAssets/fonts/Raleway-Regular.woff2') format('woff2');font-weight:300;font-style:normal;font-display: auto;}@font-face{font-family:'Raleway';src:url('../files/fontAssets/fonts/Raleway-Italic.woff2') format('woff2');font-weight:300;font-style:italic;font-display: auto;}@font-face{font-family:'Raleway';src:url('../files/fontAssets/fonts/Raleway-Bold.woff2') format('woff2');font-weight:bold;font-style:normal;font-display: auto;}@font-face{font-family:'Raleway';src:url('../files/fontAssets/fonts/Raleway-BoldItalic.woff2') format('woff2');font-weight:bold;font-style:italic;font-display: auto;}h1, h2, h3, h4, h5, h6{ font-weight:400 ;font-family:Raleway,'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif } /*------------------------------------------------------------------ Project: Full Menu Version: 2.0 Author: Lucas Tsolakian Copyright: Archetypon ©2021 -------------------------------------------------------------------*/ /*------------------------------------------------------------------ 01. General Styles 02. Header 03. Overlay 04. Navigation 05. Buttons -------------------------------------------------------------------*/ /*-------------------------------------------------- 01. General Styles ---------------------------------------------------*/ .fm-label{ font-size: 9px; font-weight: bold; text-align: center; color: white; background: #444444; width: 100px; padding: 4px; margin: 7px; border-radius: 2px; } body { padding: 0; margin: 0 auto; min-height: 100vh; overflow: scroll; } body.active { overflow: hidden; } .sw-toggle-hidden{ opacity: 0 } .sw-toggle-hidden.active { opacity: 1; transition: opacity 1s ease 1s; } .fm-wrapper { position: fixed; top: 0; left: 0; width: 100%; z-index: 900; } /*-------------------------------------------------- 02. Header ---------------------------------------------------*/ .fm-header { display: flex; align-items: center; justify-content: space-between; min-height: 80px; z-index: 900; padding: 15px 25px; flex-direction: ; color: inherit; background-color: rgba(0, 0, 0, 0.00); transition: background-color .5s ease; } @media only screen and (max-width: 640px) { .fm-header{ padding: 15px 15px; } } .fm-header .nav-left, .fm-header .nav-right{ } .fm-header .nav-center{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max-content; box-sizing: border-box; } .fm-header .content-left, .fm-header .content-center, .fm-header .content-right{ display: flex; } .fm-header .nav-left, .fm-navigation .nav-right{ display: flex; align-items: center; } .fm-brand { display: flex; align-items: center; } .fm-brand .titles{ display: flex; flex-direction: column; align-items: flex-start; margin-left: 15px; } .fm-brand .logo img { width: auto; margin-right: 0px; height: 80px; transition: height .5s ease; } @media (max-width: 640px) { .fm-brand .logo img{ height: 80px; transition: height .5s ease; } } .fm-brand .title{ font-size: 32px; font-weight: 700; } .fm-brand .slogan{ font-size: 16px; font-weight: 400; display: ; } .fm-brand .title a:link, .fm-brand .title a:visited{ color: rgba(0, 0, 0, 1.00) } .fm-brand .title a:hover{ color: rgba(0, 0, 0, 1.00) } .fm-brand .slogan { color: rgba(0, 0, 0, 1.00) } @media (max-width: 640px) { .fm-brand .logo img { font-size: 80px; } .fm-brand .title{ font-size: 32px; } .fm-brand .slogan{ font-size: 14px; } } .navigation-bg{ background-color: rgba(250, 250, 250, 1.00); transition: background-color .5s ease; } .uk-navbar-nav li a:hover, .uk-navbar-nav li a:focus{ background: transparent } /*-------------------------------------------------- 03. Overlay ---------------------------------------------------*/ .fm-overlay { position: fixed; top: 0; width: 100%; overflow: auto; z-index: 100; background-color: rgba(0, 0, 0, 1.00); /* fix for the overlay opacity */ /* border: 1px solid rgba(250, 250, 250, 1.00); */ right: 0; height: 100vh; width: 0%; transition: width 0.80s cubic-bezier(0.15,0.91,0.57,0.94) .2s; } .fm-overlay.active { height: 100vh; width: 100vw; transition: width 0.80s cubic-bezier(0.15,0.91,0.57,0.94); } .overlay-content-wrapper { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .overlay-content{ opacity: 0; transition: opacity 1s 1s; } .fm-overlay .overlay-content.active{ opacity: 1; transition: opacity 1s ease 1s; } .overlay-content-top, .overlay-content-bottom{ width: 100vw; } /* set padding to the stack into the content */ .fm-overlay .overlay-content > div { padding: 15px 25px; } @media (max-width: 640px) { .fm-overlay .overlay-content > div { padding: 15px 15px; } } /*-------------------------------------------------- 04. Navigation ---------------------------------------------------*/ .fm-navigation{ display: block; padding: 25px; text-align: center ; } @media only screen and (max-width: 640px) { .fm-navigation{ padding: 15px; } } .fm-navigation{ opacity: 0; transition: opacity .3s ease; } .fm-navigation.active{ opacity: 1; transition: opacity .3s ease; } .fm-navigation.active .fm-navigation-menu ul li{ opacity: 0; transform-origin: top center; animation: translateX 1s ease forwards; } @keyframes translateX { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0px); } } .fm-navigation-menu ul li, .fm-navigation-menu ul ul li{ font-size: 3em; letter-spacing: 1px; line-height: 1.20; font-weight: 400 !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin: 0; list-style: none; } .fm-navigation-menu li a:link, .fm-navigation-menu li a:visited{ color: rgba(255, 255, 255, 1.00); } .fm-navigation-menu li a:hover, .fm-navigation-menu li a:focus { color: rgba(192, 192, 192, 1.00); } @media only screen and (max-width: 640px) { .fm-navigation-menu ul li, .fm-navigation-menu ul ul li { font-size: 2em; line-height: 1.10; } } .fm-navigation-menu ul{ margin: 0; padding: 0; } .fm-navigation-menu li a:link, .fm-navigation-menu li a:hover, .fm-navigation-menu li a:active, .fm-navigation-menu li a:visited, .fm-navigation-menu li a:focus { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .fm-navigation-menu ul li a:after{ display: block; font-size: 1.20rem !important; color: rgba(102, 102, 102, 1.00) !important; margin-bottom: 10px; } .fm-navigation-menu > ul > li:nth-child(1) a:after{content: "";} .fm-navigation-menu li:nth-child(2) a:after{content: "";} .fm-navigation-menu li:nth-child(3) a:after{content: "";} .fm-navigation-menu li:nth-child(4) a:after{content: "";} .fm-navigation-menu li:nth-child(5) a:after{content: "";} .fm-navigation-menu li:nth-child(6) a:after{content: "";} .fm-navigation-menu li:nth-child(7) a:after{content: "";} .fm-navigation-menu li:nth-child(8) a:after{content: "";} .fm-navigation-menu li:nth-child(9) a:after{content: "";} .fm-navigation-menu li:nth-child(10) a:after{content: "";} @media only screen and (max-width: 640px) { .fm-navigation-menu ul li a:after{ margin-bottom: 15px; } } /*-------------------------------------------------- 05. Buttons ---------------------------------------------------*/ .button-wrapper{ z-index: 900; } .fm-button { display: flex; align-items: center; overflow: visible; cursor: pointer; border: 0; transition: opacity .3s ease; overflow: hidden; } .fm-button .button-label { font-size: 16px; letter-spacing: 1px; font-weight: 400; color: rgba(0, 0, 0, 1.00); transition: opacity .3s ease; } .fm-button.active .button-label { opacity: 0; transition: opacity .3s ease; } .fm-button .button-wrapper{ display: flex; align-items: center; justify-content: center; flex-direction: column; /* size */ width: 70px; height: 70px; background-color: rgba(0, 0, 0, 0.00); border-radius: 0%; } .fm-button .button-box { width: 80px; height: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media (max-width: 640px) { .fm-button .button-label{ visibility: hidden; } } .fm-button .box-1, .fm-button .box-2, .fm-button .box-3 { width: 30px; height: 2px; margin: auto; background-color: rgba(0, 0, 0, 1.00); transition: transform .3s ease, opacity .3s ease, background-color .3s ease; } .fm-button .box-1 { align-self: flex-start; } .fm-button .box-3 { align-self: flex-end; } .fm-button.active .box-1, .fm-button.active .box-3 { background-color: rgba(255, 255, 255, 1.00) !important; } .fm-button.active .box-1 { transform: translate3d(0, 10px, 0) rotate(45deg); } .fm-button.active .box-2 { opacity: 0; transition: opacity .3s ease; } .fm-button.active .box-3 { transform: translate3d(0, -10px, 0) rotate(-45deg); } .s-container-stacks_in_410{ margin-left: auto; margin-right: auto;}#s-wrapper-stacks_in_410{margin:0; }#s-content-stacks_in_410{justify-content:center; padding:0; }@media (min-width:600px){.s-container-stacks_in_410{ }#s-wrapper-stacks_in_410{}#s-content-stacks_in_410{ }}@media (min-width:900px){.s-container-stacks_in_410{ }#s-wrapper-stacks_in_410{}#s-content-stacks_in_410{ }}@media (min-width:1200px){.s-container-stacks_in_410{ }#s-wrapper-stacks_in_410{}#s-content-stacks_in_410{ }}.s-bg-stacks_in_410{z-index:0}#s-outer-stacks_in_410{border-radius:0px 0px 0px 0px} #divstacks_in_370 hr{border-top-style:solid;border-top-width:1px;border-top-color:var(--border-color-softer); width:100%;max-width:100%;margin-top:1.50rem;margin-bottom:1.50rem} h3.stacks_in_371{ } #stacks_in_372 { font-size: 151%; } #divstacks_in_387 hr{border-top-style:solid;border-top-width:1px;border-top-color:var(--border-color-softer); width:100%;max-width:100%;margin-top:1.50rem;margin-bottom:1.50rem} #divstacks_in_532 hr{border-top-style:solid;border-top-width:1px;border-top-color:var(--border-color-softer); width:100%;max-width:100%;margin-top:1.50rem;margin-bottom:1.50rem} .s-grid-stacks_in_416{grid-column-gap:20px;grid-row-gap:20px;grid-template-columns:repeat(auto-fit,minmax(0px,1fr));align-items:center; }.s-grid-stacks_in_416>.s-grid-item{border-radius:0px; padding:0px 0px 0px 0px; }.s-grid-stacks_in_416>.s-grid-item:hover{ }#stacks_out_416{width:100%} #stacks_out_416 { margin-left:0; } .item_stacks_in_417{ grid-column:span 1;grid-row:span 1; justify-content:space-between; overflow:hidden; border-radius:0px 0px 0px 0px!important; } .s-grid-stacks_in_420>.s-grid-item { justify-content: space-around; border-radius: 65px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2);; } .s-grid-stacks_in_420>.s-grid-item:hover { box-shadow: 0px 0px 18px rgba(0,0,0,0.2); transform: translateY(-5px); } #stacks_out_420 { width: 100% } .item_stacks_in_423 { } /*NiceFrame START*/ /*START PUBLISHMODE*/ #stacks_in_390 .niceframe-outer { margin-left: auto; margin-right: auto; overflow: hidden; /*customcss;*/ } /*LINK*/ #stacks_in_390 .niceframe-linker { text-align: center !important; } #stacks_in_390 .niceframe-linker a:link { margin-left:auto; margin-right:auto; font-size: 17px !important; color: #000000 !important; text-decoration: none !important; line-height: 200%; /*padding-right: 30px;*/ } #stacks_in_390 .niceframe-linker a:visited { color: #000000 !important; } #stacks_in_390 .niceframe-linker a:hover { color: #141414 !important; } /*END LINK*/ html, body { } /*IFRAME DIV*/ #stacks_in_390 .niceframe { height: calc( 100vh - 350px ); overflow: hidden !important; /*customcss;*/ } /*END PUBLISHMODE*/ /*END IFRAME DIV*/ #stacks_in_390 .niceframe iframe { } #stacks_in_390 .nice_frame { } /*SCROLLBARS WEBKIT*/ #stacks_in_390 .niceframe iframe::-webkit-scrollbar { -webkit-apperance: none; width: 30px; height: 30px; background-color: #E6E6E6; -webkit-overflow-scrolling: touch } #stacks_in_390 .niceframe iframe::-webkit-scrollbar-thumb { border-radius: 12px; border: 2px solid #E6E6E6; background-color: #0F80FF; } /*END SCROLLBARS*/ /*EDITMODE*/ .editmode_iframe { background: url(../files/iframeviewporticon.png) no-repeat center center; height: 180px; text-align:center; vertical-align: bottom; margin-bottom: -15px; font: 9px "Lucida Grande", Lucida, Verdana, sans-serif; } /*END EDITMODE*/ /*Chrome ViewPortHeight & Calc fix*/ /*TARGET IPAD AND BELOW*/ @media only screen and (max-width: 1024px) { #stacks_in_390 .niceframe { /*problem with safari 9 when overflow-y is turned on. Note: 10-2015*/ overflow-y: scroll; /*margin-right: -15px;*/ -webkit-overflow-scrolling: touch; }} @media only screen and (max-width: 800px) { #stacks_in_390 .niceframe { overflow-y: scroll !important; } #stacks_in_390 .niceframe iframe { -webkit-overflow-scrolling: touch /*customcss;*/ } } @media only screen and (max-width: 400px) { #stacks_in_390 .niceframe { overflow-y: scroll !important; } #stacks_in_390 .niceframe iframe { /*customcss;*/ } } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) { #stacks_in_390 .niceframe { margin-right: 0px !important; } /* your css rules for ipad portrait */ } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) { #stacks_in_390 .niceframe { margin-right: 0px !important; } /* your css rules for ipad landscape */ } /*END TARGET IPAD AND BELOW*/ /*NiceFrame END*/ #stacks_in_390 { padding: 20px; } #stacks_out_390 { margin-right:0; } @media (min-width:0px){.item_stacks_in_423{ overflow:hidden; grid-column:span 3;grid-row:span 1; } } @media screen and (min-width:1px){.s-grid-stacks_in_420{ grid-column-gap:20px;grid-row-gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); align-items:stretch; }}#stacks_out_421{width:100%} #divstacks_in_531 hr{border-top-style:solid;border-top-width:1px;border-top-color:var(--border-color-softer); width:100%;max-width:100%;margin-top:1.50rem;margin-bottom:1.50rem} #stacks_in_531 { background-color: rgba(204, 204, 204, 1.00); } .s-grid-stacks_in_445>.s-grid-item { justify-content: space-around; border-radius: 65px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2);; } .s-grid-stacks_in_445>.s-grid-item:hover { box-shadow: 0px 0px 18px rgba(0,0,0,0.2); transform: translateY(-5px); } #stacks_out_445 { width: 100% } .item_stacks_in_448 { } /*NiceFrame START*/ /*START PUBLISHMODE*/ #stacks_in_454 .niceframe-outer { margin-left: auto; margin-right: auto; overflow: hidden; /*customcss;*/ } /*LINK*/ #stacks_in_454 .niceframe-linker { text-align: center !important; } #stacks_in_454 .niceframe-linker a:link { margin-left:auto; margin-right:auto; font-size: 17px !important; color: #000000 !important; text-decoration: none !important; line-height: 200%; /*padding-right: 30px;*/ } #stacks_in_454 .niceframe-linker a:visited { color: #000000 !important; } #stacks_in_454 .niceframe-linker a:hover { color: #141414 !important; } /*END LINK*/ html, body { } /*IFRAME DIV*/ #stacks_in_454 .niceframe { height: calc( 100vh - 350px ); overflow: hidden !important; /*customcss;*/ } /*END PUBLISHMODE*/ /*END IFRAME DIV*/ #stacks_in_454 .niceframe iframe { } #stacks_in_454 .nice_frame { } /*SCROLLBARS WEBKIT*/ #stacks_in_454 .niceframe iframe::-webkit-scrollbar { -webkit-apperance: none; width: 30px; height: 30px; background-color: #E6E6E6; -webkit-overflow-scrolling: touch } #stacks_in_454 .niceframe iframe::-webkit-scrollbar-thumb { border-radius: 12px; border: 2px solid #E6E6E6; background-color: #0F80FF; } /*END SCROLLBARS*/ /*EDITMODE*/ .editmode_iframe { background: url(../files/iframeviewporticon.png) no-repeat center center; height: 180px; text-align:center; vertical-align: bottom; margin-bottom: -15px; font: 9px "Lucida Grande", Lucida, Verdana, sans-serif; } /*END EDITMODE*/ /*Chrome ViewPortHeight & Calc fix*/ /*TARGET IPAD AND BELOW*/ @media only screen and (max-width: 1024px) { #stacks_in_454 .niceframe { /*problem with safari 9 when overflow-y is turned on. Note: 10-2015*/ overflow-y: scroll; /*margin-right: -15px;*/ -webkit-overflow-scrolling: touch; }} @media only screen and (max-width: 800px) { #stacks_in_454 .niceframe { overflow-y: scroll !important; } #stacks_in_454 .niceframe iframe { -webkit-overflow-scrolling: touch /*customcss;*/ } } @media only screen and (max-width: 400px) { #stacks_in_454 .niceframe { overflow-y: scroll !important; } #stacks_in_454 .niceframe iframe { /*customcss;*/ } } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) { #stacks_in_454 .niceframe { margin-right: 0px !important; } /* your css rules for ipad portrait */ } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) { #stacks_in_454 .niceframe { margin-right: 0px !important; } /* your css rules for ipad landscape */ } /*END TARGET IPAD AND BELOW*/ /*NiceFrame END*/ #stacks_in_454 { padding: 20px; } #stacks_out_454 { margin-right:0; } @media (min-width:0px){.item_stacks_in_448{ overflow:hidden; grid-column:span 3;grid-row:span 1; } } @media screen and (min-width:0px){.s-grid-stacks_in_445{ grid-column-gap:20px;grid-row-gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); align-items:stretch; }}#stacks_out_446{width:100%} #divstacks_in_544 hr{border-top-style:solid;border-top-width:1px;border-top-color:var(--border-color-softer); width:100%;max-width:100%;margin-top:1.50rem;margin-bottom:1.50rem} #divstacks_in_386 hr{border-top-style:solid;border-top-width:1px;border-top-color:var(--border-color-softer); width:100%;max-width:100%;margin-top:1.50rem;margin-bottom:1.50rem} .s-container-stacks_in_547_5{ }#s-wrapper-stacks_in_547_5{margin:0; }#s-content-stacks_in_547_5{justify-content:center; padding:20px 20px 0px 20px;}.s-bg-stacks_in_547_5{z-index:0}#s-outer-stacks_in_547_5{border-radius:0px 0px 0px 0px} #divstacks_in_547_17 hr{border-top-style:solid;border-top-width:1px;border-top-color:var(--border-color-softer); width:100%;max-width:100%;margin-top:3.00rem;margin-bottom:3.00rem} #divstacks_in_547_21 hr{border-top-style:solid;border-top-width:1px;border-top-color:var(--accent-color); width:100%;max-width:100%;margin-top:1.50rem;margin-bottom:1.50rem} #mdstacks_in_547_24 hr{border-top-style:solid;border-top-width:1px;border-top-color:var(--border-color-softer); var(--border-color-softer); width:100%;max-width:100%;}#mdstacks_in_547_24 h1,#mdstacks_in_547_24 h2,#mdstacks_in_547_24 h3,#mdstacks_in_547_24 h4,#mdstacks_in_547_24 h5,#mdstacks_in_547_24 h6{ }#mdstacks_in_547_24 p,#mdstacks_in_547_24 ul,#mdstacks_in_547_24 ol{ }#mdstacks_in_547_24 a{color:var(--link-color);}#mdstacks_in_547_24 a:hover{color:var(--link-color-hover); }