:root { --cc-bg: #fff; --cc-text: #595b61; --cc-btn-primary-bg: #595b61; --cc-btn-primary-text: var(--cc-bg); --cc-btn-primary-hover-bg: #b2b7ac; --cc-btn-secondary-bg: #f1f1f1; --cc-btn-secondary-text: var(--cc-text); --cc-btn-secondary-hover-bg: #b5b5b6; --cc-toggle-bg-off: #919ea6; --cc-toggle-bg-on: var(--cc-btn-primary-bg); --cc-toggle-bg-readonly: #d5dee2; --cc-toggle-knob-bg: #fff; --cc-toggle-knob-icon-color: #ecf2fa; --cc-block-text: var(--cc-text); --cc-cookie-category-block-bg: #f0f4f7; --cc-cookie-category-block-bg-hover: #e9eff4; --cc-section-border: #f1f3f5; --cc-cookie-table-border: #e9edf2; --cc-overlay-bg: rgba(4,6,8,.85); --cc-webkit-scrollbar-bg: #cfd5db; --cc-webkit-scrollbar-bg-hover: #9199a0; }.c_darkmode{--cc-bg:#181b1d;--cc-text:#d8e5ea;--cc-btn-primary-bg:#a6c4dd;--cc-btn-primary-text:#000;--cc-btn-primary-hover-bg:#c2dff7;--cc-btn-secondary-bg:#33383c;--cc-btn-secondary-text:var(--cc-text);--cc-btn-secondary-hover-bg:#3e454a;--cc-toggle-bg-off:#667481;--cc-toggle-bg-on:var(--cc-btn-primary-bg);--cc-toggle-bg-readonly:#454c54;--cc-toggle-knob-bg:var(--cc-cookie-category-block-bg);--cc-toggle-knob-icon-color:var(--cc-bg);--cc-block-text:#b3bfc5;--cc-cookie-category-block-bg:#23272a;--cc-cookie-category-block-bg-hover:#2b3035;--cc-section-border:#292d31;--cc-cookie-table-border:#2b3035;--cc-webkit-scrollbar-bg:#667481;--cc-webkit-scrollbar-bg-hover:#9199a0}.cc_div *,.cc_div :after,.cc_div :before,.cc_div :hover{animation:none;background:none;border:none;border-radius:unset;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;float:none;font-family:inherit;font-size:1em;font-style:inherit;font-variant:normal;font-weight:inherit;height:auto;letter-spacing:unset;line-height:1.2;margin:0;padding:0;text-align:left;text-decoration:none;text-transform:none;transition:none;vertical-align:baseline;visibility:unset}.cc_div{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:#2d4156;color:var(--cc-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:400}#c-ttl,#s-bl td:before,#s-ttl,.cc_div .b-tl,.cc_div .c-bn{font-weight:600}#cm,#s-bl .act .b-acc,#s-inr,.cc_div .b-tl,.cc_div .c-bl{border-radius:.35em}#s-bl .act .b-acc{border-top-left-radius:0;border-top-right-radius:0}.cc_div a,.cc_div button,.cc_div input{-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden}.cc_div a{border-bottom:1px solid}.cc_div a:hover{border-color:transparent;text-decoration:none}#cm-ov,#cs-ov,.c--anim #cm,.c--anim #s-cnt,.c--anim #s-inr{transition:visibility .25s linear,opacity .25s ease,transform .25s ease!important}.c--anim .c-bn{transition:background-color .25s ease!important}.c--anim #cm.bar.slide,.c--anim #cm.bar.slide+#cm-ov,.c--anim .bar.slide #s-inr,.c--anim .bar.slide+#cs-ov{transition:visibility .4s ease,opacity .4s ease,transform .4s ease!important}#cm.bar.slide,.cc_div .bar.slide #s-inr{opacity:1;transform:translateX(100%)}#cm.bar.top.slide,.cc_div .bar.left.slide #s-inr{opacity:1;transform:translateX(-100%)}#cm.slide,.cc_div .slide #s-inr{transform:translateY(1.6em)}#cm.top.slide{transform:translateY(-1.6em)}#cm.bar.slide{transform:translateY(100%)}#cm.bar.top.slide{transform:translateY(-100%)}.show--consent .c--anim #cm,.show--consent .c--anim #cm.bar,.show--settings .c--anim #s-inr,.show--settings .c--anim .bar.slide #s-inr{opacity:1;transform:scale(1);visibility:visible!important}.show--consent .c--anim #cm.box.middle,.show--consent .c--anim #cm.cloud.middle{transform:scale(1) translateY(-50%)}.show--settings .c--anim #s-cnt{visibility:visible!important}.force--consent.show--consent .c--anim #cm-ov,.show--settings .c--anim #cs-ov{opacity:1!important;visibility:visible!important}#cm{background:#fff;background:var(--cc-bg);bottom:1.25em;box-shadow:0 .625em 1.875em #000;box-shadow:0 .625em 1.875em rgba(2,2,3,.28);font-family:inherit;line-height:normal;max-width:24.2em;opacity:0;padding:1.1em 1.5em 1.4em;position:fixed;right:1.25em;transform:scale(.95);visibility:hidden;width:100%;z-index:1}#cc_div #cm{display:block!important}#c-ttl{font-size:1.05em;margin-bottom:.7em}.cloud #c-ttl{margin-top:-.15em}#c-txt{font-size:.9em;line-height:1.5em}.cc_div #c-bns{display:flex;justify-content:space-between;margin-top:1.4em}.cc_div .c-bn{background:#e5ebef;background:var(--cc-btn-secondary-bg);border-radius:4px;color:#40505a;color:var(--cc-btn-secondary-text);cursor:pointer;display:inline-block;flex:1;font-size:.82em;padding:1em 1.7em;text-align:center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}#c-bns button+button,#s-c-bn,#s-cnt button+button{float:right;margin-left:1em}#s-cnt #s-rall-bn{float:none}#cm .c_link:active,#cm .c_link:hover,#s-c-bn:active,#s-c-bn:hover,#s-cnt button+button:active,#s-cnt button+button:hover{background:#d8e0e6;background:var(--cc-btn-secondary-hover-bg)}#s-cnt{display:table;height:100%;left:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:101}#s-bl{outline:none}#s-bl .title{margin-top:1.4em}#s-bl .b-bn,#s-bl .title:first-child{margin-top:0}#s-bl .b-acc .p{margin-top:0;padding:1em}#s-cnt .b-bn .b-tl{background:none;display:block;font-family:inherit;font-size:.95em;padding:1.3em 6.4em 1.3em 2.7em;position:relative;transition:background-color .25s ease;width:100%}#s-cnt .b-bn .b-tl.exp{cursor:pointer}#s-cnt .act .b-bn .b-tl{border-bottom-left-radius:0;border-bottom-right-radius:0}#s-cnt .b-bn .b-tl:active,#s-cnt .b-bn .b-tl:hover{background:#e9eff4;background:var(--cc-cookie-category-block-bg-hover)}#s-bl .b-bn{position:relative}#s-bl .c-bl{border:1px solid #f1f3f5;border-color:var(--cc-section-border);margin-bottom:.5em;padding:1em;transition:background-color .25s ease}#s-bl .c-bl:hover{background:#f0f4f7;background:var(--cc-cookie-category-block-bg)}#s-bl .c-bl:last-child{margin-bottom:.5em}#s-bl .c-bl:first-child{border:none;margin-bottom:2em;margin-top:0;padding:0;transition:none}#s-bl .c-bl:not(.b-ex):first-child:hover{background:transparent;background:unset}#s-bl .c-bl.b-ex{background:#f0f4f7;background:var(--cc-cookie-category-block-bg);border:none;padding:0;transition:none}#s-bl .c-bl.b-ex+.c-bl{margin-top:2em}#s-bl .c-bl.b-ex+.c-bl.b-ex{margin-top:0}#s-bl .c-bl.b-ex:first-child{margin-bottom:1em;margin-bottom:.5em}#s-bl .b-acc{display:none;margin-bottom:0;max-height:0;overflow:hidden;padding-top:0}#s-bl .act .b-acc{display:block;max-height:100%;overflow:hidden}#s-cnt .p{color:#2d4156;color:var(--cc-block-text);font-size:.9em;line-height:1.5em;margin-top:.85em}.cc_div .b-tg .c-tgl:disabled{cursor:not-allowed}#c-vln{display:table-cell;position:relative;vertical-align:middle}#cs{bottom:0;left:0;padding:0 1.7em;position:fixed;right:0;top:0;width:100%}#cs,#s-inr{height:100%}#s-inr{box-shadow:0 13px 27px -5px rgba(3,6,9,.26);margin:0 auto;max-width:45em;opacity:0;overflow:hidden;padding-bottom:4.75em;padding-top:4.75em;position:relative;transform:scale(.96);visibility:hidden}#s-bns,#s-hdr,#s-inr{background:#fff;background:var(--cc-bg)}#s-bl{display:block;height:100%;overflow-x:hidden;overflow-y:auto;overflow-y:overlay;padding:1.3em 1.8em;width:100%}#s-bns{border-top:1px solid #f1f3f5;border-color:var(--cc-section-border);bottom:0;height:4.75em;left:0;padding:1em 1.8em;position:absolute;right:0}.cc_div .cc-link{border-bottom:1px solid #253b48;border-color:var(--cc-btn-primary-bg);color:#253b48;color:var(--cc-btn-primary-bg);cursor:pointer;display:inline;font-weight:600;padding-bottom:0;text-decoration:none}.cc_div .cc-link:active,.cc_div .cc-link:hover{border-color:transparent}#c-bns button:first-child,#s-bns button:first-child{background:#253b48;background:var(--cc-btn-primary-bg);color:#fff;color:var(--cc-btn-primary-text)}#c-bns.swap button:first-child{background:#e5ebef;background:var(--cc-btn-secondary-bg);color:#40505a;color:var(--cc-btn-secondary-text)}#c-bns.swap button:last-child{background:#253b48;background:var(--cc-btn-primary-bg);color:#fff;color:var(--cc-btn-primary-text)}.cc_div .b-tg .c-tgl:checked~.c-tg{background:#253b48;background:var(--cc-toggle-bg-on)}#c-bns button:first-child:active,#c-bns button:first-child:hover,#c-bns.swap button:last-child:active,#c-bns.swap button:last-child:hover,#s-bns button:first-child:active,#s-bns button:first-child:hover{background:#1d2e38;background:var(--cc-btn-primary-hover-bg)}#c-bns.swap button:first-child:active,#c-bns.swap button:first-child:hover{background:#d8e0e6;background:var(--cc-btn-secondary-hover-bg)}#s-hdr{border-bottom:1px solid #f1f3f5;border-color:var(--cc-section-border);display:table;height:4.75em;padding:0 1.8em;position:absolute;top:0;width:100%;z-index:2}#s-hdr,#s-ttl{vertical-align:middle}#s-ttl{display:table-cell;font-size:1em}#s-c-bn{font-size:1.45em;font-weight:400;height:1.7em;margin:0;overflow:hidden;padding:0;position:relative;width:1.7em}#s-c-bnc{display:table-cell;vertical-align:middle}.cc_div span.t-lb{opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:-1}#c_policy__text{height:31.25em;margin-top:1.25em;overflow-y:auto}#c-s-in{height:100%;height:calc(100% - 2.5em);max-height:37.5em;position:relative;top:50%;transform:translateY(-50%)}@media screen and (min-width:688px){#s-bl::-webkit-scrollbar{background:transparent;border-radius:0 .25em .25em 0;height:100%;width:.9em}#s-bl::-webkit-scrollbar-thumb{background:#cfd5db;background:var(--cc-webkit-scrollbar-bg);border:.25em solid var(--cc-bg);border-radius:100em}#s-bl::-webkit-scrollbar-thumb:hover{background:#9199a0;background:var(--cc-webkit-scrollbar-bg-hover)}#s-bl::-webkit-scrollbar-button{height:5px;width:10px}}.cc_div .b-tg{bottom:0;display:inline-block;margin:auto;right:0;right:1.2em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.cc_div .b-tg,.cc_div .b-tg .c-tgl{cursor:pointer;position:absolute;top:0}.cc_div .b-tg .c-tgl{border:0;display:block;left:0;margin:0}.cc_div .b-tg .c-tg{background:#919ea6;background:var(--cc-toggle-bg-off);pointer-events:none;position:absolute;transition:background-color .25s ease,box-shadow .25s ease}.cc_div .b-tg,.cc_div .b-tg .c-tg,.cc_div .b-tg .c-tgl,.cc_div span.t-lb{border-radius:4em;height:1.5em;width:3.4em}.cc_div .b-tg .c-tg.c-ro{cursor:not-allowed}.cc_div .b-tg .c-tgl~.c-tg.c-ro{background:#d5dee2;background:var(--cc-toggle-bg-readonly)}.cc_div .b-tg .c-tgl~.c-tg.c-ro:after{box-shadow:none}.cc_div .b-tg .c-tg:after{background:#fff;background:var(--cc-toggle-knob-bg);border:none;border-radius:100%;box-shadow:0 1px 2px rgba(24,32,35,.36);box-sizing:content-box;content:"";display:block;height:1.25em;left:.125em;position:relative;top:.125em;transition:transform .25s ease;width:1.25em}.cc_div .b-tg .c-tgl:checked~.c-tg:after{transform:translateX(1.9em)}#s-bl table,#s-bl td,#s-bl th{border:none}#s-bl tbody tr{transition:background-color .25s ease}#s-bl tbody tr:hover{background:#e9eff4;background:var(--cc-cookie-category-block-bg-hover)}#s-bl table{border-collapse:collapse;margin:0;overflow:hidden;padding:0;text-align:left;width:100%}#s-bl td,#s-bl th{font-size:.8em;padding:.8em .625em .8em 1.2em;text-align:left;vertical-align:top}#s-bl th{font-family:inherit;padding:1.2em}#s-bl thead tr:first-child{border-bottom:1px solid #e9edf2;border-color:var(--cc-cookie-table-border)}.force--consent #cs,.force--consent #s-cnt{width:100vw}#cm-ov,#cs-ov{background:#070707;background:rgba(4,6,8,.85);background:var(--cc-overlay-bg);bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:none;visibility:hidden}.c--anim #cs-ov,.force--consent .c--anim #cm-ov,.force--consent.show--consent #cm-ov,.show--settings #cs-ov{display:block}#cs-ov{z-index:2}.force--consent .cc_div{bottom:0;left:0;position:fixed;top:0;transition:visibility .25s linear;visibility:hidden;width:100%;width:100vw}.force--consent.show--consent .c--anim .cc_div,.force--consent.show--settings .c--anim .cc_div{visibility:visible}.force--consent #cm{position:absolute}.force--consent #cm.bar{max-width:100vw;width:100vw}html.force--consent.show--consent{overflow-y:hidden!important}html.force--consent.show--consent,html.force--consent.show--consent body{height:auto!important;overflow-x:hidden!important}.cc_div .act .b-bn .exp:before,.cc_div .b-bn .exp:before{border:solid #2d4156;border-color:var(--cc-btn-secondary-text);border-width:0 2px 2px 0;content:"";display:inline-block;left:1.2em;margin-right:15px;padding:.2em;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg)}.cc_div .act .b-bn .b-tl:before{transform:translateY(-20%) rotate(225deg)}.cc_div .on-i:before{border:solid #fff;border-color:var(--cc-toggle-knob-icon-color);border-width:0 2px 2px 0;display:inline-block;left:.75em;padding:.1em .1em .45em;top:.37em}#s-c-bn:after,#s-c-bn:before,.cc_div .on-i:before{content:"";margin:0 auto;position:absolute;transform:rotate(45deg)}#s-c-bn:after,#s-c-bn:before{background:#444d53;background:var(--cc-btn-secondary-text);border-radius:1em;height:.6em;left:.82em;top:.58em;width:1.5px}#s-c-bn:after{transform:rotate(-45deg)}.cc_div .off-i,.cc_div .on-i{display:block;height:100%;position:absolute;right:0;text-align:center;transition:opacity .15s ease;width:50%}.cc_div .on-i{left:0;opacity:0}.cc_div .off-i:after,.cc_div .off-i:before{background:#cdd6dc;background:var(--cc-toggle-knob-icon-color);content:" ";display:block;height:.7em;margin:0 auto;position:absolute;right:.8em;top:.42em;transform-origin:center;width:.09375em}.cc_div .off-i:before{transform:rotate(45deg)}.cc_div .off-i:after{transform:rotate(-45deg)}.cc_div .b-tg .c-tgl:checked~.c-tg .on-i{opacity:1}.cc_div .b-tg .c-tgl:checked~.c-tg .off-i{opacity:0}#cm.box.middle,#cm.cloud.middle{bottom:auto;top:50%;transform:translateY(-37%)}#cm.box.middle.zoom,#cm.cloud.middle.zoom{transform:scale(.95) translateY(-50%)}#cm.box.center,#cm.cloud{left:1em;margin:0 auto;right:1em}#cm.cloud{max-width:50em;overflow:hidden;padding:1.3em 2em;text-align:center;width:unset}.cc_div .cloud #c-inr{display:table;width:100%}.cc_div .cloud #c-inr-i{display:table-cell;padding-right:2.4em;vertical-align:top;width:70%}.cc_div .cloud #c-txt{font-size:.85em}.cc_div .cloud #c-bns{display:table-cell;min-width:170px;vertical-align:middle}#cm.cloud .c-bn{margin:.625em 0 0;width:100%}#cm.cloud .c-bn:first-child{margin:0}#cm.cloud.left{margin-right:1.25em}#cm.cloud.right{margin-left:1.25em}#cm.bar{border-radius:0;bottom:0;left:0;max-width:100%;padding:2em;position:fixed;right:0;width:100%}#cm.bar #c-inr{margin:0 auto;max-width:32em}#cm.bar #c-bns{max-width:33.75em}#cm.bar #cs{padding:0}.cc_div .bar #c-s-in{height:100%;max-height:100%;top:0;transform:none}.cc_div .bar #s-bl,.cc_div .bar #s-bns,.cc_div .bar #s-hdr{padding-left:1.6em;padding-right:1.6em}.cc_div .bar #cs{padding:0}.cc_div .bar #s-inr{border-radius:0;margin:0 0 0 auto;max-width:32em}.cc_div .bar.left #s-inr{margin-left:0;margin-right:auto}.cc_div .bar #s-bl table,.cc_div .bar #s-bl tbody,.cc_div .bar #s-bl td,.cc_div .bar #s-bl th,.cc_div .bar #s-bl thead,.cc_div .bar #s-bl tr,.cc_div .bar #s-cnt{display:block}.cc_div .bar #s-bl thead tr{left:-9999px;position:absolute;top:-9999px}.cc_div .bar #s-bl tr{border-top:1px solid #e3e7ed;border-color:var(--cc-cookie-table-border)}.cc_div .bar #s-bl td{border:none;padding-left:35%;position:relative}.cc_div .bar #s-bl td:before{color:#000;color:var(--cc-text);content:attr(data-column);left:1em;overflow:hidden;padding-right:.625em;position:absolute;text-overflow:ellipsis;white-space:nowrap}#cm.top{bottom:auto;top:1.25em}#cm.left{left:1.25em;right:auto}#cm.right{left:auto;right:1.25em}#cm.bar.left,#cm.bar.right{left:0;right:0}#cm.bar.top{top:0}@media screen and (max-width:688px){#cm,#cm.cloud,#cm.left,#cm.right{bottom:1em;display:block;left:1em;margin:0;max-width:100%;padding:1.4em!important;right:1em;width:auto}.force--consent #cm,.force--consent #cm.cloud{max-width:100vw;width:auto}#cm.top{bottom:auto;top:1em}#cm.bottom{bottom:1em;top:auto}#cm.bar.bottom{bottom:0}#cm.cloud .c-bn{font-size:.85em}#s-bns,.cc_div .bar #s-bns{padding:1em 1.3em}.cc_div .bar #s-inr{max-width:100%;width:100%}.cc_div .cloud #c-inr-i{padding-right:0}#cs{border-radius:0;padding:0}#c-s-in{height:100%;max-height:100%;top:0;transform:none}.cc_div .b-tg{right:1.1em;transform:scale(1.1)}#s-inr{border-radius:0;margin:0;padding-bottom:7.9em}#s-bns{height:7.9em}#s-bl,.cc_div .bar #s-bl{padding:1.3em}#s-hdr,.cc_div .bar #s-hdr{padding:0 1.3em}#s-bl table{width:100%}#s-inr.bns-t{padding-bottom:10.5em}.bns-t #s-bns{height:10.5em}.cc_div .bns-t .c-bn{font-size:.83em;padding:.9em 1.6em}#s-cnt .b-bn .b-tl{padding-bottom:1.2em;padding-top:1.2em}#s-bl table,#s-bl tbody,#s-bl td,#s-bl th,#s-bl thead,#s-bl tr,#s-cnt{display:block}#s-bl thead tr{left:-9999px;position:absolute;top:-9999px}#s-bl tr{border-top:1px solid #e3e7ed;border-color:var(--cc-cookie-table-border)}#s-bl td{border:none;padding-left:35%;position:relative}#s-bl td:before{color:#000;color:var(--cc-text);content:attr(data-column);left:1em;overflow:hidden;padding-right:.625em;position:absolute;text-overflow:ellipsis;white-space:nowrap}#cm .c-bn,.cc_div .c-bn{margin-right:0;width:100%}#s-cnt #s-rall-bn{margin-left:0}.cc_div #c-bns{flex-direction:column}#c-bns button+button,#s-cnt button+button{float:unset;margin-left:0;margin-top:.625em}#cm.box,#cm.cloud{left:1em;right:1em;width:auto}#cm.cloud.left,#cm.cloud.right{margin:0}.cc_div .cloud #c-bns,.cc_div .cloud #c-inr,.cc_div .cloud #c-inr-i{display:block;min-width:unset;width:auto}.cc_div .cloud #c-txt{font-size:.9em}.cc_div .cloud #c-bns{margin-top:1.625em}}.cc_div.ie #c-vln{height:100%;padding-top:5.62em}.cc_div.ie .bar #c-vln{padding-top:0}.cc_div.ie #cs{margin-top:-5.625em;max-height:37.5em;position:relative;top:0}.cc_div.ie .bar #cs{margin-top:0;max-height:100%}.cc_div.ie #cm{border:1px solid #dee6e9}.cc_div.ie #c-s-in{top:0}.cc_div.ie .b-tg{margin-bottom:.7em;padding-left:1em}.cc_div.ie .b-tg .c-tgl:checked~.c-tg:after{left:1.95em}.cc_div.ie #s-bl table{overflow:auto}.cc_div.ie .b-tg .c-tg{display:none}.cc_div.ie .b-tg .c-tgl{display:inline-block;height:auto;margin-bottom:.2em;position:relative;vertical-align:middle}.cc_div.ie #s-cnt .b-bn .b-tl{padding:1.3em 6.4em 1.3em 1.4em}.cc_div.ie .bar #s-bl td:before{display:none}.cc_div.ie .bar #s-bl td{padding:.8em .625em .8em 1.2em}.cc_div.ie .bar #s-bl thead tr{position:relative}.cc_div.ie .b-tg .t-lb{filter:alpha(opacity=0)}.cc_div.ie #cm-ov,.cc_div.ie #cs-ov{filter:alpha(opacity=80)} .cc_div .b-tg, .cc_div .b-tg .c-tg, .cc_div .b-tg .c-tgl, .cc_div span.t-lb { border-radius: 4em !important; height: 1.5em !important; width: 3.4em !important; } .title { padding-bottom: 0 !important; } .cc_div *, .cc_div :after, .cc_div :before, .cc_div :hover { font-size: 16px !important; } button#c-p-bn, button#c-s-bn, button#s-all-bn, button#s-rall-bn, button#s-sv-bn { font-size: 12px !important; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } #popup_law_wrap p, #popup_law_wrap button, #popup_law_wrap a{ color: #000!important; } #popup_law_wrap .popup_law_btn:hover { color: #fff!important; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * 3DX */ .hamburger--3dx .hamburger-box { perspective: 80px; } .hamburger--3dx .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DX Reverse */ .hamburger--3dx-r .hamburger-box { perspective: 80px; } .hamburger--3dx-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY */ .hamburger--3dy .hamburger-box { perspective: 80px; } .hamburger--3dy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY Reverse */ .hamburger--3dy-r .hamburger-box { perspective: 80px; } .hamburger--3dy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY */ .hamburger--3dxy .hamburger-box { perspective: 80px; } .hamburger--3dxy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY Reverse */ .hamburger--3dxy-r .hamburger-box { perspective: 80px; } .hamburger--3dxy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * Arrow */ .hamburger--arrow.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .hamburger--arrow-r.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .hamburger--arrowalt .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .hamburger--arrowalt-r .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { transition-property: none; } .hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.075s; } /* * Elastic Reverse */ .hamburger--elastic-r .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-135deg); transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(270deg); transition-delay: 0.075s; } /* * Emphatic */ .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -80px; top: -80px; transform: translate3d(80px, 80px, 0) rotate(45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -80px; top: -80px; transform: translate3d(-80px, 80px, 0) rotate(-45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -80px; top: 80px; transform: translate3d(80px, -80px, 0) rotate(-45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -80px; top: 80px; transform: translate3d(-80px, -80px, 0) rotate(45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before { top: 0; } .hamburger--minus.is-active .hamburger-inner::after { bottom: 0; } /* * Slider */ .hamburger--slider .hamburger-inner { top: 2px; } .hamburger--slider .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 20px; } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg); } /* * Slider Reverse */ .hamburger--slider-r .hamburger-inner { top: 2px; } .hamburger--slider-r .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 20px; } .hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { transform: rotate(45deg) translate3d(5.71429px, -6px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(90deg); } /* * Spin */ .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .hamburger--spin-r .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent !important; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg); } /* * Spring Reverse */ .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .hamburger--stand .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner { transform: rotate(90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .hamburger--stand-r .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand-r .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner { transform: rotate(-90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .hamburger--vortex .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex.is-active .hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); } /* * Vortex Reverse */ .hamburger--vortex-r .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex-r.is-active .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } .vidbg-container { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; } .vidbg-container video { position: absolute; margin: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.25s opacity ease-in-out; max-width: none; opacity: 0; } .vidbg-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .bg_fillcolor{background-size:cover;background-repeat:no-repeat;background-position:center;width:100vw;height:100vh;position:absolute}div#popup_content{display:none}.firstscreen_central_text{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -25%);text-align:center;font-size:3rem;width:100%;color:#fff;line-height:1.5}.firstscreen_central_text h1{color:inherit !important;font-size:inherit;line-height:inherit}.text-slider{overflow:auto}.hzkXxX{pointer-events:none !important}.close-mews{padding:16px 16px 16px 16px;background:transparent;position:absolute;z-index:999999999999999;right:0;top:0;width:40px;box-sizing:content-box;height:40px;border:none;cursor:pointer}.main-mews{width:100vw;height:100vh;background:#13131b}.playerBox{overflow:hidden;border-radius:10px;max-width:100%}.playerBox .slick-list{height:100% !important;margin-top:-1px}.playerBox .slick-list .list-child{height:65vh}.item-slide div{max-width:100% !important;max-height:100% !important;width:100% !important;height:65vh !important}.item-slide div img{width:100%;height:100%;object-fit:cover}video{max-width:100% !important;max-height:100% !important;width:100% !important;height:100% !important;object-fit:cover;object-position:center}.vjs-loading-spinner{display:none !important}.btn.focus,.btn:focus{box-shadow:none !important}.slick-dots{opacity:1 !important;transform:translateY(-50%) !important;top:50% !important;transition-delay:0.5s !important;right:auto !important}.wrap-slide:root{--playerBoxHeight: 70vh}section{z-index:10 !important;position:relative}section#superior-hotel h2.headline-section{padding-bottom:0 !important}div#menu-toggle.open{margin-top:30px}.preloader{position:fixed;z-index:33333333333333;width:100vw;height:100vh;top:0;left:0;pointer-events:all;opacity:1;background:#f9f8f6;display:flex;justify-content:center;align-items:center;transition:1s all}.preloader:after{content:"";background-image:url(/files/design_files/logo/logo1.svg);width:300px;height:300px;background-size:contain;background-repeat:no-repeat;background-position:center;max-width:90vw}.preloader.close{pointer-events:none;opacity:0}h5,.h5{font-family:"Inika" !important;font-style:normal;font-weight:400;font-size:1vw !important;line-height:1vw !important;text-transform:uppercase;color:#000000 !important}h4{color:var(--dark)}section#Restaurant h3{margin-bottom:2vw !important}.cont.cont-list.list6{margin-top:2vw}.row-header .btn-anfrage{opacity:0;pointer-events:none}section#cover_section .list-child.list10child p{font-style:italic;font-weight:400;font-size:1.5vw;line-height:2vw;color:#595b61}.playerBox .slick-list.draggable{border-radius:10px}section#superior-hotel .text-bottom{padding-top:10px !important}.text-sub{padding-left:2vw}section#Wellness .slider-well button.slick-prev.slick-arrow{transform:translate(0, -50%) scale(1) rotate(90deg) !important}section#Wellness .slider-well button.slick-next.slick-arrow{transform:translate(0, -50%) scale(1) rotate(-90deg) !important}section#footer .mask{width:60vw}h4{font-family:"Inika";font-style:normal;font-weight:400;font-size:1.2vw;line-height:2vw;color:#595b61}p,li{line-height:1.6vw;font-size:1.2vw}ul{padding-left:20px !important}.icon-image img{height:50px;width:auto}body .Preis h3{font-family:"Inika";font-style:normal;font-weight:400;font-size:2.5vw !important;line-height:2.5vw !important;text-transform:uppercase;color:#000000}section#header:after{content:"";position:fixed;top:0;left:0;width:100vw;height:6vh;background:#fff;z-index:-1}h2{font-style:italic}h2.green{color:var(--color-acc) !important}.playerBox .slick-arrow{border-radius:5px 5px 0px 0px}#header .list-child.list8child{width:50% !important}h3,.h3{font-family:"Inika" !important;font-style:normal !important;font-weight:400 !important;font-size:1.5vw !important;line-height:2vw !important;text-transform:uppercase !important;color:#000000 !important;margin:0 !important;padding:0 !important}section#header .row-header{flex-direction:row-reverse}section#header .row-header .icon-group,section#header .row-header .list-icon{flex-direction:row-reverse}.right-flex{flex-direction:column}button.distributor.content-article,.distributor_btn{background:#595b61;border-radius:5px;width:fit-content;margin-top:1.5vw;padding:1vw;font-family:"Inika";font-style:normal;font-weight:400;font-size:20px;line-height:26px;text-transform:uppercase;color:#fff9f2 !important;transition:0.7s;border:none;cursor:pointer;display:flex;width:100%;justify-content:center;align-items:center}button.distributor.content-article:hover{background:var(--color-acc)}.distributor_btn:hover{background:var(--color-acc)}:root{--transition: all 1.1s ease-out;--acc1: #595b61;--acc2: #607a8f;--acc3: #ffed00;--dark: #182d37;--light: white;--color-acc: #6A704C;--font-acc: "Anton";--font-main: "Abadi"}a.name-tab{text-transform:uppercase;font-size:20px !important}body#top{width:100vw}h3.headline-slide{text-align:center}.ani-left{animation-fill-mode:forwards;animation-name:animLine}main{overflow:hidden;display:block}*,figure,ul{padding:0;margin:0}.invisible{display:none}img{max-width:100%;height:auto}body,html{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-main);font-weight:400;font-size:1.3rem;color:var(--dark);background-color:var(--light)}p,li{line-height:1.6}h1,h2,h3,h4,h5,h6,p,b{padding:0;margin:0}h1,h2{color:var(--acc3) !important;text-transform:uppercase;font-style:normal;letter-spacing:0.3vw}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-acc);font-weight:400;color:var(--acc1)}h6{font-style:italic;font-weight:400;font-size:96px;line-height:125px;text-align:center;color:#ffffff;opacity:0.16}h1,.h1{font-size:4rem}h2{font-size:4rem;font-weight:400}.hidden{display:none}.inline-footer .wrap-btn{position:fixed;left:50%;transform:translate(-50%);bottom:60px}.inline-footer .wrap-btn .btn{width:auto !important;min-width:220px !important}.inline-footer .wrap-btn .btn:hover{background:var(--color-acc)}.title{padding:0;padding-bottom:50px;font-size:48px}.section{min-height:100vh;width:100%}a{color:#303030}.btn{position:relative;display:block}.anim-snow{-webkit-mask-image:url(/files/client_files/cover_section/mask.png);-webkit-mask-origin:border-box;-webkit-mask-repeat:no-repeat;-webkit-mask-size:90000px;animation-duration:1s;animation-fill-mode:forwards;animation-name:animFirstImg;animation-timing-function:steps(32)}.playerBox .slick-dots li button{border:1px solid #000}.playerBox .slick-dots .slick-active button{background-color:#000}.playerBox .slick-dots{z-index:4}.logo-header{display:flex;position:absolute;left:50%;transform:translate(-50%, -50%);top:50%;height:100%}.logo-header a{display:flex;justify-content:center}header .list-icon{position:absolute;top:50%;transform:translate(0, -50%);right:50px}.menu.open .left-menu{left:0vw}.menu.open .right-menu{right:0}.btns-menu:hover{text-decoration:none;color:#000}.btns-menu:hover strong{transform:translate(0%, 0%)}.left-menu{top:0;left:-50vw;width:50vw;height:100vh;position:fixed;background:url("/files/design_files/bg-menu.jpg");z-index:999;display:flex;align-items:center;justify-content:center;background-position:center;background-size:cover;flex-direction:column;transition:0.7s}.btn-toggle{z-index:1000000000000000000}.open .line:nth-child(3){opacity:0}.btns-menu{display:flex;align-items:center;justify-content:center;grid-gap:2vw;position:relative;overflow:hidden;transition:0.7s;font-style:italic;font-weight:400;font-size:44px;line-height:0;color:#595b61;text-decoration:none}.btns-menu strong{width:5vw;display:flex;align-items:center;justify-content:center;opacity:1;transform:translate(0%, 150%);color:#595b61;font-style:italic;font-weight:400;font-size:3vw;line-height:4vw;color:#595b61;transition:0.7s}.right-menu{position:fixed;z-index:999;width:50vw;right:-50vw;top:0;height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;grid-gap:0.5vw;transition:0.7s}.item-img{position:absolute;opacity:1;width:20vw;left:-50%;top:50%;transform:translate(-50%, -50%);transition:0.7s}.item-img img{width:100%;height:100%}.out{top:-100% !important}section#header{padding:1vw 4vw;position:fixed;z-index:999 !important;width:100vw;transition:all 0.7s;top:0;background:rgba(249, 248, 246, 0.75);height:120px}section#header .row-header{display:flex;align-items:center;justify-content:space-between}section#header .row-header .icon-group,section#header .row-header .list-icon{display:flex;align-items:center;grid-gap:2vw}.line-2{position:absolute;bottom:0;right:0;height:3px;width:35vw;background:#000;border-radius:2px}.line-1{position:absolute;bottom:0;left:0;height:3px;width:51vw;background:#000;border-radius:2px}.image_bg_menu{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:-1;display:none}.image_bg_menu img{width:100%;height:100%;object-fit:cover}.btn-toggle{position:absolute;top:50%;transform:translate(0, -50%);left:50px;display:flex;flex-direction:column;cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);padding:12px;background-color:transparent;border-color:transparent;outline:none;transition:transform 0.1s ease-out;border:0}.btn-toggle:focus .line:after{background-color:black}.close{opacity:1}.line{display:block;padding:0.3vw;width:70px}.line:after{content:"";display:block;width:100%;height:4px;background-color:#5f5f5f;border-radius:2px;transform:translateZ(0) rotate(0);transition:background-color 0.2s ease-out}.open .line:nth-child(1){animation:jump-1 0.9s forwards ease}.open .line:nth-child(1):after{animation:line-1 0.9s forwards ease-in-out}.open .line:nth-child(2){animation:jump-2 0.9s forwards ease}.open .line:nth-child(2):after{animation:line-2 0.9s forwards ease-in-out}.close .line:nth-child(1){animation:jump-1 0.9s reverse ease}.close .line:nth-child(1):after{animation:line-1 0.9s reverse ease-in-out}.close .line:nth-child(2){animation:jump-2 0.9s reverse ease}.close .line:nth-child(2):after{animation:line-2 0.9s reverse ease-in-out}.open .line:nth-child(3),.close .line:nth-child(3){animation:jump-3 0.9s forwards ease-out}section#header:after{content:"";position:absolute;top:0;left:0;width:100vw;height:6vh;background:#fff0 !important;z-index:-1}section#cover_section .list10child0 img{width:18vw !important;object-fit:cover}section#cover_section .list10child1 img{width:22vw !important;object-fit:cover}section#cover_section .list10child2 img{width:26vw !important;object-fit:cover}.logo-header img{height:100%;width:auto}.datepickers-container{z-index:100000000000000000000 !important}.datepicker--nav-title i{color:inherit}.datepicker--day-name{color:inherit}.datepicker--cell.-disabled-{color:inherit;pointer-events:none}.datepicker--cell.-current-{color:#0D5677}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:inherit}.background-video video{width:100%;height:auto;object-fit:cover;position:absolute;top:0;z-index:2;transition:0.7s}.background-video video.app{opacity:1}.background-video{-webkit-clip-path:url(#text-overlay);clip-path:url(#text-overlay);width:100%;height:160%;margin-top:-15vw}.mask svg{display:block;position:absolute;top:0;width:50vw;height:100vh;transform:scale(0);z-index:2}.mask svg clipPath{width:50vw;height:100vh;transform:scale(4.4) translate(4%, -10%);display:block;transition:0.7s}.headline-one{position:absolute;left:2vw;top:33vh;font-size:18vw;font-family:"Inika" !important;text-transform:capitalize;z-index:1;color:var(--color-acc) !important;opacity:0.5}.firstscreen__text{padding-top:36vh;display:none}.list-text .list-child.list8child p{font-style:italic;font-weight:400;font-size:18px;line-height:120%;color:#595b61}.cont.cont-list.list8.list-text{height:100vh;display:flex;align-items:flex-end;justify-content:end;flex-direction:row;grid-gap:1vw;z-index:9;position:relative;padding-top:220px;margin-top:200px;visibility:hidden}.list-text .list-child.list8child{background:var(--color-acc);display:flex;align-items:center;width:30%;grid-gap:0vw}.list-text .list-child.list8child .img{width:50%}.list-text .list-child.list8child .txt{width:50%;padding:25px}.list-text .list-child.list8child img{width:100%;min-width:100%;height:200px;object-fit:cover}.list-child.list8child.list8child0{width:33.33%;/*! height: 20vh; */}.list-text .list-child.list8child.list8child1{width:33.33%}.list-text .list-child.list8child.list8child1 img{width:100%;min-width:100%;height:200px}.list-text .list-child.list8child.list8child2{width:33.33%}.list-text .list-child.list8child.list8child2 img{width:100%;min-width:100%;height:200px}.list-text .list-child.list8child h1{opacity:0.5;color:#ffffff69 !important}.list10child:after{content:"";transition:0.7s;width:3vw;background:url("/files/design_files/icon/Polygon 2.svg");height:100%;background-size:100%;background-position:-3vw;background-repeat:no-repeat}section#cover_section{width:100vw;position:relative;height:145vh;overflow:hidden}section#cover_section .col.col-12.col-lg-12{margin-top:20vh}section#cover_section .list-child.list10child{position:relative}section#cover_section .bg_graycolor,section#cover_section .bg_fillcolor,section#cover_section .bg_vectormask{position:absolute;top:0;left:0;width:100vw;height:140vh;background-size:100%;background-position:left center}section#cover_section .bg_graycolor img,section#cover_section .bg_fillcolor img,section#cover_section .bg_vectormask img{width:100%;height:100%}section#cover_section .bg_fillcolor{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}section#cover_section .text-left{height:55vh;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:70% !important;max-width:100% !important;flex:0 0 100%;margin-left:5vw}section#cover_section .bg_vectormask{width:100vw !important;height:150vh !important;left:0vw !important;top:0 !important}section#cover_section .list10child{height:20vh;display:flex;align-items:center;margin:2vw 0;transform:translate(-100vw, 0);justify-content:space-around}section#cover_section .list10child:hover:after{background:url("/files/design_files/icon/Polygon 2.svg");background-size:100%;background-position:-1px;background-repeat:no-repeat}section#cover_section .list10child .row{align-items:center;grid-gap:4vw;background:var(--color-acc)}section#cover_section .list10child.list10child0{width:40vw;animation-duration:0.5s}section#cover_section .list10child.list10child0 .row{width:38vw}section#cover_section .list10child.list10child0 h6{position:absolute;top:0;left:21vw}section#cover_section .list10child.list10child1{width:60vw;animation-duration:0.7s}section#cover_section .list10child.list10child1 .row{width:58vw}section#cover_section .list10child.list10child1 h6{position:absolute;top:0;left:25vw}section#cover_section .list10child.list10child2{width:90vw;animation-duration:1s}section#cover_section .list10child.list10child2 .row{width:88vw}section#cover_section .list10child.list10child2 h6{position:absolute;top:0;left:30vw}section#cover_section .list10child img{height:20vh;width:auto}section#cover_section .list-child.list10child{position:relative;z-index:9}section#cover_section .vidbg-container{max-height:130vh}p.button{background:#303030;border-radius:5px;color:#fff;padding:1vw 4vw;cursor:pointer;transition:0.7s}p.button:hover{background:#fff;color:#303030}section#superior-hotel{padding:6vw;position:relative;overflow:hidden;z-index:7}section#superior-hotel h3.sub-headline{font-size:2vw;padding-bottom:1vw}section#superior-hotel img.tree{position:absolute;height:60vh;top:0%;left:-7%;z-index:1;transform:rotateY(180deg) rotate(351deg);width:fit-content}section#superior-hotel img.tree.wow.bounceInLef.animated{opacity:0.5}section#superior-hotel .row{position:relative;z-index:3}section#superior-hotel .text-bottom{padding-left:2vw;padding-top:2vw;font-size:1vw}section#superior-hotel h2.headline-section{font-size:4.5vw;padding:2vw 0}section#video{position:relative;background:rgba(0, 0, 0, 0);z-index:9;height:80vh;overflow:hidden;display:flex;align-items:center;justify-content:center}section#video h2{color:#fff;background:var(--color-acc);padding:2rem;border-radius:20px}.video-bg{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%}section#fullscreen-slider{position:relative;background:rgba(0, 0, 0, 0);z-index:9;height:80vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background-image:url(/files/client_files/rooms/rooms_cover.jpg);background-size:cover;animation:fullscreen-slider 40s infinite}section#fullscreen-slider h2{color:#fff;background:var(--color-acc);padding:2rem;border-radius:20px}section#fullscreen-slider .slick-list{width:100vw;max-width:100vw}section#fullscreen-slider .slick-track{display:flex}section#fullscreen-slider .gallery__item{width:100%;height:100%}section#fullscreen-slider img{width:100%;height:100%;object-fit:cover;object-position:bottom;display:block}@keyframes fullscreen-slider{0%{background-position:top left}50%{background-position:top right}100%{background-position:top left}}section{background:#f9f8f6}section#tab{padding:6vw;height:120vh;display:flex;align-items:center}section#tab .row.in-put{padding-left:1vw}section#tab .row.in-put a{margin:0.5vw;cursor:pointer;transition:0.7s;font-size:1.1vw}section#tab .row.in-put a:hover{opacity:0.5}section#tab .row.in-put a.active{opacity:0.5}section#tab .list-child.list6child{display:none;padding:3vw;font-size:1vw;background:#9ea67d;align-items:self-start;border-radius:1vw;grid-gap:3vw;flex-direction:column}section#tab .list-child.list6child .Preis{display:flex;align-items:flex-end;grid-gap:1em}section#tab .list-child.list6child.active{display:flex}#nav_winter-title .tree{position:absolute;width:250px;height:auto;top:-25px;right:-25px;transform:rotate(268deg)}.section_Feiern .tree{position:absolute;height:50vh;width:fit-content;top:-3%;right:29%;transform:rotate(274deg)}.section_Feiern section>.row{flex-direction:row-reverse}.playerBox.active .slick-dots{opacity:1;transform:translateY(-50%);top:50%;transition-delay:0.5s;right:auto}.playerBox .slick-arrow{position:absolute;left:50%;bottom:0;right:auto;width:70px;height:30px;font-size:0;border:none;background-color:white;background-image:url(/files/design_files/icon/Arrow.svg);background-size:30%;background-repeat:no-repeat;background-position:center;color:transparent;cursor:pointer;transition:0.6s all;z-index:4;transition-delay:0.5s;transform:translate(-50%, 0) !important;outline:none !important}.playerBox.active .slick-arrow{right:auto !important;transition-delay:0;left:50% !important;transform:translate(-50%, 0) !important}.slick-list.draggable{overflow:hidden}.playerBox .slick-prev.slick-arrow{top:0;transform:translate(-50%, 0) rotate(180deg) !important}.right-flex{display:flex;align-items:flex-end;justify-content:flex-start}.left-flex{display:flex;align-items:flex-start;justify-content:center}#video-nop,#video-nope{position:relative}#video-nop video,#video-nope video{display:none;width:100vw;height:110vh;object-fit:cover}#video-nop.video-Feiern .video-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}#video-nop.video-Feiern video{display:block !important}section#Restaurant{padding:6vw;background-image:url("/files/design_files/maunt.svg");background-size:100%;background-repeat:no-repeat;background-position:bottom}section#Restaurant .list-child.list7child{display:flex;align-items:center;justify-content:space-between;margin:2vw}section#Restaurant .list-child.list7child .img{width:15%}section#Restaurant .list-child.list7child .txt{width:80%}.slider-well .slick-track{display:flex}.list7{margin-top:25px;position:relative}.list-child.list7child{margin:0vw 1vw 0vw 1vw}.playerBox .video-js video{object-fit:cover}section#Wellness{padding:6vw}section#Wellness h4{text-align:center;color:inherit}section#Wellness .slider-well button.slick-prev.slick-arrow{position:absolute;top:50%;left:-25px;width:30px;height:30px;font-size:0;transform:rotate(90deg);outline:none;border:0;background-color:white;background-image:url(/files/design_files/icon/Arrow.svg);background-size:40%;background-repeat:no-repeat;background-position:center;color:transparent;cursor:pointer}section#Wellness .slider-well button.slick-next.slick-arrow{position:absolute;top:50%;right:-25px;width:30px;height:30px;font-size:0;transform:rotate(-90deg);outline:none;border:0;background-color:white;background-image:url(/files/design_files/icon/Arrow.svg);background-size:40%;background-repeat:no-repeat;background-position:center;color:transparent;cursor:pointer}#nav_about .tree{position:absolute;height:60vh;top:-10%;right:-4%;transform:rotate(300deg);width:fit-content}section#Wellness .cn_popup_icon-wrap button.distributor.content-article{width:100%;display:block}section#Wellness .cn_popup_icon-wrap img{width:100%;display:block}.wrap-slide{position:relative;padding:2vw;display:flex;align-items:center;flex-direction:column;height:70vh;font-size:1vw;justify-content:space-between;background:var(--color-acc);color:white;border-radius:5px}.wrap-slide img{width:100%;height:100%;object-fit:cover}.wrap-slide .gallery-wrap{max-width:100%;width:100%}.wrap-slide .gallery{position:relative}section#Wellness .slider-well .gallery button.slick-prev.slick-arrow{z-index:9}a.button.slider-btn{background:var(--color-acc);border-radius:5px;padding:1.3vw;display:flex;align-items:center;justify-content:center;color:#000;margin-top:30px;text-decoration:none}#bigForm{background-color:rgba(255, 255, 255, 0.75)}#bigForm h2{font-size:4rem;text-align:center;margin-bottom:1vw;color:var(--color-acc) !important}.big-form-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:65vw;margin:0 auto;padding:20px;background-color:transparent;border-radius:5px}.big-form-content .field-wrap{display:flex;flex-direction:column;margin-bottom:20px}.big-form-content .field-wrap label{display:block;margin-bottom:5px;font-weight:bold}.big-form-content .field-wrap input,.big-form-content .field-wrap select,.big-form-content .field-wrap textarea{background:var(--color-acc);border-radius:5px;outline:none;border:none;padding:15px;width:100%;overflow:visible}.big-form-content .field-wrap textarea{resize:vertical;grid-column:1 / 3}.big-form-content .field-wrap ::placeholder{color:#000;display:flex;position:relative;left:5px}.big-form-content .field-wrap:last-of-type{grid-column:1 / 3}.big-form-content .btn{grid-column:1 / 3;display:block;width:50% !important;padding:10px;background-color:#595b61;color:#fff;border:none;border-radius:5px;cursor:pointer;text-align:center;text-decoration:none;margin:0 auto}.big-form-content .btn:hover{background-color:var(--color-acc);color:#595b61}.btn-anfrage,.btn-bigForm,.distributor,.booking_btn{background:#595b61;border-radius:5px;width:fit-content;padding:1vw;font-family:"Inika";font-style:normal;font-weight:400;font-size:20px;line-height:26px;text-transform:uppercase;color:#fff9f2 !important;transition:0.7s}.btn-anfrage:hover,.distributor:hover{background:var(--color-acc);color:#595b61}.wrap-btn{display:flex;align-items:center;grid-gap:1vw}.wrap-btn p{width:100% !important}#info_section{padding:6vw;position:relative;overflow:hidden;z-index:7;color:var(--light);background-color:var(--color-acc)}#info_section h2{word-break:break-all}#info_section h3{color:var(--light) !important;margin-bottom:50px !important}#info_section h3 *{color:#fff !important}#info_section .info{padding-left:2vw}#info_section p{font-size:22px}#info_section table{border:none;width:100% !important;height:fit-content !important}#info_section table tbody{border:none;display:flex;flex-direction:column;width:100%}#info_section table tbody tr{height:fit-content !important;display:flex;flex-direction:row;border:none;border-bottom:1px solid #fff}#info_section table tbody tr td{width:25% !important;height:50px !important;display:flex;flex-direction:row;align-items:center;border:none;padding:10px 0}#info_section table tbody tr td em{text-decoration:line-through;opacity:0.6;font-size:1rem;margin-right:10px}textarea{resize:none}#footer .tree{position:absolute;height:44vh;width:fit-content;top:0;right:-4%;transform:rotateY(180deg) rotate(17deg)}section#footer{position:relative;width:100vw;height:100%;overflow:visible;display:flex;flex-direction:column;align-items:end}section#footer .form-wrap{position:relative;z-index:3;float:left;width:65%;padding:7vw;padding-top:4vw}section#footer .form-wrap .field-wrap.focus:nth-last-of-type(1):after,section#footer .form-wrap .field-wrap:nth-last-of-type(1):hover:after{content:"";width:0;height:0;border-top:100px solid transparent;border-left:3vw solid var(--color-acc);border-bottom:100px solid transparent;border-radius:5px;transition:0.7s;transform:translate(-2px, 0px);border-right:0;display:block}section#footer .form-wrap .field-wrap:nth-last-of-type(1):after{content:"";width:0;height:0;border-top:100px solid transparent;border-left:0 solid var(--color-acc);border-bottom:100px solid transparent;border-radius:5px;transition:0.7s;transform:translate(-2px, 0px);border-right:0;display:block;position:absolute;left:100%;bottom:0}section#footer .form-wrap .field-wrap{margin-top:2vw;display:flex;justify-content:start;flex-wrap:wrap;position:relative}section#footer .form-wrap .field-wrap:after{content:"";width:0;height:0;border-top:1.7vw solid transparent;border-left:0 solid var(--color-acc);border-bottom:1.7vw solid transparent;border-radius:5px;transition:0.7s;transform:translate(-2px, 0px);border-right:0;display:block}section#footer .form-wrap .field-wrap.focus:after,section#footer .form-wrap .field-wrap:hover:after{content:"";width:0;height:0;border-top:35px solid transparent;border-left:1vw solid var(--color-acc);border-bottom:35px solid transparent;border-radius:5px;transition:0.7s;transform:translate(-2px, 0px);border-right:0;display:block}section#footer .form-wrap input,section#footer .form-wrap textarea{background:var(--color-acc);border-radius:5px;outline:none;border:none;padding:15px;height:70px}section#footer .form-wrap input::placeholder,section#footer .form-wrap textarea::placeholder{color:#000}section#footer .form-wrap label{display:block;width:100%}section#footer .form-wrap input#Name{width:30%}section#footer .form-wrap input#E-mail{width:50%}section#footer .form-wrap input#Telefon{width:70%}section#footer .form-wrap textarea#Nachricht{width:100%;height:200px}section#footer .form-wrap p.btn.customForm{background:#595b61;border-radius:5px;width:25%;margin-top:1.5vw;padding:1vw;font-family:"Inika";font-style:normal;font-weight:400;font-size:20px;line-height:26px;text-transform:uppercase;color:#fff9f2;transition:0.7s}section#footer .form-wrap p.btn.customForm:hover{background:var(--color-acc);color:#595b61}section#footer .bg{position:absolute;top:0;left:0;z-index:1;height:calc(100% - 1.2vw);width:60%}section#footer .bg img{height:100%}section#footer .mask{position:absolute;top:0;left:0;height:100%;z-index:2}section#footer .mask img{height:100%}section#footer .footer-bottom{position:relative;z-index:8;width:50%;display:flex;align-items:center;justify-content:space-evenly;font-size:1.2vw;padding:4vw 2vw;border-top:2px solid #000}section#footer .footer-bottom img{width:8vw}section#footer .inline-footer{bottom:0;left:0;width:100vw;z-index:9;display:flex;align-items:center;justify-content:space-between;background:var(--color-acc);padding:50px 3vw}section#footer .inline-footer{color:white}section#footer .inline-footer a{color:inherit}section#footer .inline-footer .h5{color:inherit !important}section#footer .popups{display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}section#winter_or_summer{padding:6vw;padding-top:0}section#winter_or_summer .gallery{display:flex;align-items:center;justify-content:center;grid-gap:10px}section#winter_or_summer .col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:45%}section#winter_or_summer .text-section{margin:2vw 0}section#winter_or_summer .list-child.list7child{margin:3vw;padding:4vw;display:flex;align-items:center;justify-content:center;flex-direction:column;grid-gap:2vw;background:var(--color-acc);font-size:1vw;border-radius:20px}section#winter_or_summer .slick-track{display:flex}section#winter_or_summer button.slick-next.slick-arrow{position:absolute;top:50%;right:-1vw;width:70px;height:70px;font-size:0;transform:rotate(-90deg);outline:none;border:0;background-color:transparent;background-image:url(/files/design_files/icon/Arrow.svg);background-size:40%;background-repeat:no-repeat;background-position:center;color:transparent;cursor:pointer}section#winter_or_summer button.slick-prev.slick-arrow{position:absolute;top:50%;left:-1vw;width:70px;height:70px;font-size:0;transform:rotate(90deg);outline:none;border:0;background-color:transparent;background-image:url(/files/design_files/icon/Arrow.svg);background-size:40%;background-repeat:no-repeat;background-position:center;color:transparent;cursor:pointer}section#winter_or_summer .row.row-right-rotate{display:flex;align-items:center;justify-content:center;flex-direction:row;grid-gap:3vw;flex-wrap:nowrap}section#winter_or_summer .row.row-left-rotate{display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;grid-gap:3vw;flex-wrap:nowrap}@media (max-width:1300px){#info_section p{font-size:17px}.cont.cont-list.list8.list-text{margin-top:150px}p,li{font-size:1.6vw}.list-child.list10child.list10child0{width:60vw !important}section#cover_section .list10child.list10child0 .row{width:58vw !important}.list-child.list10child.list10child1{width:70vw !important}section#cover_section .list10child.list10child1 .row{width:68vw}.list-child.list10child.list10child2{width:100vw !important}section#cover_section .list10child.list10child2 .row{width:98vw !important}}.btns-menu{width:90%;justify-content:start !important}@media (min-width:1800px){section#cover_section .bg_vectormask{width:100vw !important;height:150vh !important;left:0vw !important;top:0 !important}}@media (max-width:991px){.left-flex{margin-bottom:50px}.wrap-slide{height:55vh}.list-text .list-child.list8child .txt{width:100%;text-align:center}.list-text .list-child.list8child .img{width:100%}section#footer .popups{bottom:0px}.inline-footer .wrap-btn{bottom:40px;flex-direction:column}.cont.cont-list.list8.list-text{margin-top:110px}.list-text .list-child.list8child p{text-align:center}.list-text .list-child.list8child img{width:100% !important;min-width:100% !important;height:200px}.list-text .list-child.list8child{flex-direction:column;padding-bottom:0px}.list-text .list-child.list8child div{width:100%}.right-flex{align-items:center}h5{font-size:20px !important;line-height:150% !important}.logo-header img{height:9vh;width:35vw;max-width:fit-content;max-width:a}h2.bigmain_headline{font-size:2.6rem !important}section#Restaurant .list-child.list7child .img{width:50%}section#Restaurant h2{font-size:2.6rem !important;font-weight:400}section#cover_section .col.col-12.col-lg-12{margin-top:-20vh !important}section#cover_section .list10child img{width:100vw !important;object-fit:cover}h5{font-size:20px !important}a.name-tab{font-size:20px !important}body p,body li{font-size:20px !important;line-height:25px !important}section#winter_or_summer .col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:100%}.line-1{position:absolute;bottom:0;left:0;height:3px;width:81vw;background:#000;border-radius:2px}body p,body li{font-size:20px !important}section#tab .row.in-put a{margin:0.5vw;cursor:pointer;transition:0.7s;font-size:20px}section#cover_section .list-child.list10child,section#cover_section .list-child.list10child .row{position:relative;z-index:9;width:50vw !important;height:auto;display:flex;align-items:center;justify-content:start;padding:2vw;flex-wrap:wrap}.right-flex{margin:50px 0}section#footer .bg{display:none}section#footer .mask{display:none}section#footer .form-wrap{position:relative;z-index:3;float:left;width:100vw;padding:7vw;padding-top:4vw}section#cover_section .bg_graycolor,section#cover_section .bg_fillcolor,section#cover_section .bg_vectormask{position:absolute;top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:left center}section#footer .form-wrap input,section#footer .form-wrap textarea{background:var(--color-acc);border-radius:5px;outline:none;border:none;padding:25px;width:100% !important}section#footer .form-wrap .field-wrap.focus:after{content:"";width:0;height:0;border-top:35px solid transparent;border-left:10px solid var(--color-acc);border-bottom:35px solid transparent;border-radius:5px;transition:0.7s;transform:translate(-2px, 0px);border-right:0;display:block}section#footer .footer-bottom{position:relative;z-index:8;width:100%;display:flex;align-items:center;justify-content:space-around;font-size:1.2vw;padding:70px 2vw;border-top:2px solid #000}section#footer .footer-bottom img{width:22vw}section#footer .form-wrap .field-wrap.focus:nth-last-of-type(1):after{content:"";width:0;height:0;border-top:115px solid transparent;border-left:40px solid var(--color-acc);border-bottom:115px solid transparent;border-radius:5px;transition:0.7s;transform:translate(-2px, 0px);border-right:0;display:block}section#footer .form-wrap .field-wrap:nth-last-of-type(1):after{content:"";width:0;height:0;border-top:100px solid transparent;border-left:0 solid var(--color-acc);border-bottom:100px solid transparent;border-radius:5px;transition:0.7s;transform:translate(-2px, 0px);border-right:0;display:block;position:absolute;left:100%;bottom:0}section#footer .form-wrap .field-wrap:after{content:"";width:0;height:0;border-top:35px solid transparent;border-left:0px solid var(--color-acc);border-bottom:35px solid transparent;border-radius:5px;transition:0.7s;transform:translate(-2px, 0px);border-right:0;display:block}h2{font-size:3rem !important;font-weight:400}h3,.h3{font-size:23px !important;line-height:30px !important;padding-bottom:1vw}section#tab .list-child.list6child .Preis{font-size:20px}section#cover_section .col.col-12.col-lg-12{margin-top:20vh}section#cover_section .bg_vectormask{width:125vw !important;height:86vh !important;left:-13vw !important}.list10child:after{content:"";display:none}.cont.cont-list.list10{display:flex;flex-wrap:wrap}section#cover_section .list-child.list10child.list10child2.ani-left,section#cover_section .list-child.list10child.list10child2.ani-left .row{width:100vw !important;flex-wrap:nowrap}section#video h2{text-align:center}.row.row-right-rotate{display:block !important}.row.row-left-rotate{display:block !important}section#winter_or_summer .list-child.list7child{margin:3vw;padding:4vw;display:flex;align-items:center;justify-content:center;flex-direction:column;grid-gap:2vw;background:var(--color-acc);font-size:16px !important;border-radius:20px}section#winter_or_summer button.slick-next.slick-arrow,section#winter_or_summer button.slick-prev.slick-arrow{display:none !important}.text-slide p{font-size:16px !important}h4{font-family:"Inika";font-style:normal;font-weight:400;font-size:20px;line-height:30px;color:#595b61}p{line-height:20px;font-size:28px}body .Preis h3{font-family:"Inika";font-style:normal;font-weight:400;font-size:30px !important;line-height:45px !important;text-transform:uppercase;color:#000000}}.btn-weather{display:none;position:fixed;z-index:99;right:0;top:70%;width:5vw;height:5vw;padding:1vw;background:#fff;border-radius:10px 0px 0px 10px;box-shadow:1px 0px 60px 1px color-mix(in srgb, var(--color-acc) 100%, transparent 10%);cursor:pointer}@media (max-width:767px){section#Restaurant .list-child.list7child .txt{width:100%}#info_section table tbody tr td{flex-direction:column;align-items:center;justify-content:center;font-size:14px;text-align:center}#info_section table tbody tr td em{font-size:14px}#info_section .info{padding-left:0}#info_section h3{text-align:left}section#Wellness .slider-well button.slick-prev.slick-arrow{left:0}section#Wellness .slider-well button.slick-next.slick-arrow{right:0}section#fullscreen-slider{height:65vh}.video-bg{position:absolute}section#video{height:65vh}.playerBox{display:none}.playerBox .slick-list .list-child{display:flex;width:100% !important}.big-form-content{gap:0px}.big-form-content .field-wrap{margin-bottom:10px}.inline-footer .info p{text-align:center !important}.text-slider{padding:0 20px}.pop-up{top:0vh;left:0vw}.pop-up.open{width:100vw !important;height:100vh !important;left:0 !important;top:0 !important}.left-flex{margin-bottom:50px}header .list-icon{right:10px}.btn-toggle{left:25px}.inline-footer .wrap-btn .btn{width:100% !important;min-width:100%;padding:10px}.inline-footer .wrap-btn{width:90%}.list-text .list-child.list8child p{padding:0 50px}.list-text .list-child.list8child img{width:100vw !important;min-width:30vw !important}.cont.cont-list.list8.list-text{padding-top:0;height:fit-content;max-width:100vw;flex-direction:column}.wrap-btn{flex-direction:column}section#footer .inline-footer{flex-direction:column;grid-gap:7vw;padding-bottom:150px}.row-header .btn-anfrage{display:none}.list-text .list-child.list8child.list8child2{width:100%}#bigForm{padding:12vw 8vw;background-color:rgba(255, 255, 255, 0.9)}.big-form-content{max-width:80vw;grid-template-columns:1fr}.big-form-content .field-wrap{grid-column:1 / 3}h2{font-size:2.5rem !important}section#tab .list-child.list6child{padding:50px 25px}#Wellness h3{margin-bottom:25px !important}section#Wellness h4{margin-bottom:10px}.wrap-slide .gallery-wrap{margin-top:25px}.wrap-slide{padding:25px 0px;height:auto}.wrap-slide p{text-align:center}.col{padding-left:25px !important;padding-right:25px !important}section#header .row-header{overflow:hidden}.left-flex{margin-bottom:50px}.firstscreen__text{position:relative;width:100%;padding-left:25px;padding-right:25px}.logo-header a{justify-content:flex-start}.list-text .list-child.list8child.list8child1{width:100%}.list-child.list8child.list8child0{width:100%}.headline-one{display:none}#nav_firstscreen .video{position:absolute;z-index:0;width:100vw;left:0}.mob-icon-ground{display:none !important}.btn-weather{width:60px;height:60px;padding:11px}.btns-menu{width:80%;justify-content:start !important}section#cover_section .list-child.list10child.list10child2.ani-left,section#cover_section .list-child.list10child.list10child2.ani-left .row{width:100vw !important;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center}.menu.open .left-menu{left:-50vw}section#Wellness .slider-well button.slick-arrow{display:none !important}section#Wellness .slider-well .slick-track button.slick-arrow{display:flex !important}section#footer .form-wrap .field-wrap:after{display:none !important}.footer-bottom{flex-direction:column;text-align:center;grid-gap:30px}section#footer .form-wrap p.btn.customForm{background:#595b61;border-radius:5px;width:100%;margin-top:30px;padding:20px;font-family:"Inika";font-style:normal;font-weight:400;font-size:20px;line-height:26px;text-transform:uppercase;color:#fff9f2;transition:0.7s}h4{font-size:21px}.btns-menu{display:flex;align-items:center;justify-content:center;grid-gap:2vw;position:relative;overflow:hidden;transition:0.7s;font-style:italic;font-weight:400;font-size:35px;line-height:50px;color:#595b61;text-decoration:none}.btns-menu strong{opacity:0 !important}section#Restaurant .list-child.list7child{display:flex;align-items:center;justify-content:space-between;margin:30px 0;flex-direction:column;grid-gap:30px}.open .line:nth-child(3){animation:jump-3 0.9s forwards ease-out;opacity:0}section#tab .row.in-put{padding-left:0;margin:0;display:flex;flex-direction:column;justify-content:space-between;margin-top:25px;margin-bottom:25px}.right-menu{position:fixed;z-index:999;width:100vw;right:-100vw;top:0;height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;grid-gap:1vw;transition:0.7s}.h3,h3{font-size:20px !important;padding-bottom:1vw}.open .line:nth-child(1):after{animation:line-1 0.9s forwards ease-in-out;position:relative;top:5px}.icon-image{transform:scale(0.7)}section#tab .list-child.list6child .Preis{font-size:16px}.logo-header{width:23%;display:none}section#cover_section .list-child.list10child,section#cover_section .list-child.list10child .row{width:100vw !important;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center}section#cover_section .bg_vectormask{width:125vw !important;height:130vh !important;left:-13vw !important;top:-20vh;background:#fff}section#cover_section .col.col-12.col-lg-12{margin-top:20vh}.line{display:block;width:50px;padding:4px 0}.line:after{content:"";display:block;width:100%;height:4px;background-color:#5f5f5f;border-radius:2px;transform:translateZ(0) rotate(0);transition:background-color 0.2s ease-out}}section#winter_or_summer button.slick-arrow{z-index:9}.close-btn:hover{cursor:pointer;opacity:0.7}.eer,.eert{top:50%;left:50%;width:100vw;height:100vh;position:fixed;transform:translate(-50%, -50%);z-index:-1}.eer *,.eert *{width:0;height:0;font-size:0;opacity:0}.eer iframe,.eert iframe{width:100% !important;height:100% !important;opacity:0;transition:0.7s}.eer.open,.eert.open{width:100vw;height:100vh;z-index:9}.eer.open iframe,.eert.open iframe{opacity:1}.eer.open *,.eert.open *{width:auto;height:auto;font-size:20px;opacity:1}.pop-up{position:fixed;top:10vh;left:10vw;width:80vw;height:100vh;padding:0;transform:translate(-50%, -50%);background:#fff;color:#333;z-index:999999999;transition:0.7s;overflow:hidden auto}.pop-up h1,.pop-up .h1{color:inherit !important}.pop-up iframe{width:100% !important;height:100% !important;opacity:0;transition:0.7s}.pop-up.open{width:80vw;height:80vh}.pop-up.open iframe{opacity:1}.pop-up.open *{width:auto;height:auto;font-size:20px;opacity:1}.pop-up.one{transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}.pop-up.one .modal-background .modal{transform:scale(0);animation:zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}.pop-up.one.out{transform:scale(1);animation:unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}.pop-up.one.out .modal-background .modal{animation:zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}@keyframes unfoldIn{0%{transform:scaleY(0.005) scaleX(0)}50%{transform:scaleY(0.005) scaleX(1)}100%{transform:scaleY(1) scaleX(1)}}@keyframes unfoldOut{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(0.005) scaleX(1)}100%{transform:scaleY(0.005) scaleX(0)}}@keyframes zoomIn{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}100%{transform:scale(0)}}.pop-up.open{padding:8vw}.pop-up.open h1,.pop-up.open .h1{font-size:55px !important;margin-bottom:2vw}.pop-up.open .h3{font-size:30px !important;margin-top:2vw}.pop-up-bg{position:fixed;top:50%;left:50%;width:100vw;height:100vh;padding:4vw;transform:translate(-50%, -50%);background:#33333350;z-index:9999998;display:none}.pop-up-bg.open{display:block}.open .close-btn{position:absolute;top:2vw;right:2vw;width:40px;height:40px;opacity:1}.close-btn{position:absolute;top:2vw;right:2vw;width:1px;height:1px;opacity:0}section#cover_section .list10child.list10child2:after{display:none}section#cover_section .list10child.list10child2{width:100vw !important;animation-duration:1s}section#cover_section .list10child.list10child2 .row{width:100vw !important}@keyframes animFirstImg{0%{-webkit-mask-position:-92000px 0;mask-position:-92000px 0}100%{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes animLine{0%{transform:translate(-100vw, 0)}100%{transform:translate(0, 0)}}@keyframes line-1{10%{transform:translateZ(0) rotate(0)}80%{transform:translateZ(0) rotate(395deg)}90%,100%{transform:translateZ(0) rotate(405deg)}}@keyframes line-2{10%{transform:translateZ(0) rotate(0)}20%{transform:translateZ(0) rotate(10deg)}90%,100%{transform:translateZ(0) rotate(-405deg)}}@keyframes jump-1{10%{transform:translateY(0)}50%{transform:translateY(-6vw)}90%,100%{transform:translateY(-0.5vw)}}@keyframes jump-2{10%{transform:translateY(0)}50%{transform:translateY(-5vw)}85%,100%{transform:translateY(-1.3vw)}}@keyframes jump-3{10%{transform:translateY(-0.5vw) rotate(15deg)}30%{transform:translateY(-2vw) rotate(-10deg)}50%{transform:translateY(0.5vw) rotate(5deg)}80%{transform:translateY(0)}}@keyframes glow{50%{box-shadow:rgba(26, 26, 26, 0.4) 0 0 2px 2px}} @font-face { font-family: 'Abadi'; src: url('../../files/assets/fonts/abadi-mt-condensed-light-regular.ttf'); font-weight: 400; font-display: swap; font-style: normal; } @font-face { font-family: 'Anton'; src: url('../../files/assets/fonts/Anton-Regular.ttf'); font-weight: 400; font-display: swap; font-style: normal; } @font-face { font-family: 'K2D'; src: url('../../files/assets/fonts/K2D-Medium.eot'); src: local('K2D Medium'), local('K2D-Medium'), url('../../files/assets/fonts/K2D-Medium.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/K2D-Medium.woff2') format('woff2'), url('../../files/assets/fonts/K2D-Medium.woff') format('woff'), url('../../files/assets/fonts/K2D-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'K2D'; src: url('../../files/assets/fonts/K2D-MediumItalic.eot'); src: local('K2D Medium Italic'), local('K2D-MediumItalic'), url('../../files/assets/fonts/K2D-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/K2D-MediumItalic.woff2') format('woff2'), url('../../files/assets/fonts/K2D-MediumItalic.woff') format('woff'), url('../../files/assets/fonts/K2D-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'K2D'; src: url('../../files/assets/fonts/K2D-ExtraBold.eot'); src: local('K2D ExtraBold'), local('K2D-ExtraBold'), url('../../files/assets/fonts/K2D-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/K2D-ExtraBold.woff2') format('woff2'), url('../../files/assets/fonts/K2D-ExtraBold.woff') format('woff'), url('../../files/assets/fonts/K2D-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'K2D'; src: url('../../files/assets/fonts/K2D-ExtraLightItalic.eot'); src: local('K2D ExtraLight Italic'), local('K2D-ExtraLightItalic'), url('../../files/assets/fonts/K2D-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/K2D-ExtraLightItalic.woff2') format('woff2'), url('../../files/assets/fonts/K2D-ExtraLightItalic.woff') format('woff'), url('../../files/assets/fonts/K2D-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'K2D'; src: url('../../files/assets/fonts/K2D-LightItalic.eot'); src: local('K2D Light Italic'), local('K2D-LightItalic'), url('../../files/assets/fonts/K2D-LightItalic.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/K2D-LightItalic.woff2') format('woff2'), url('../../files/assets/fonts/K2D-LightItalic.woff') format('woff'), url('../../files/assets/fonts/K2D-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'K2D'; src: url('../../files/assets/fonts/K2D-Thin.eot'); src: local('K2D Thin'), local('K2D-Thin'), url('../../files/assets/fonts/K2D-Thin.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/K2D-Thin.woff2') format('woff2'), url('../../files/assets/fonts/K2D-Thin.woff') format('woff'), url('../../files/assets/fonts/K2D-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'K2D'; src: url('../../files/assets/fonts/K2D-BoldItalic.eot'); src: local('K2D Bold Italic'), local('K2D-BoldItalic'), url('../../files/assets/fonts/K2D-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/K2D-BoldItalic.woff2') format('woff2'), url('../../files/assets/fonts/K2D-BoldItalic.woff') format('woff'), url('../../files/assets/fonts/K2D-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'K2D'; src: url('../../files/assets/fonts/K2D-SemiBold.eot'); src: local('K2D SemiBold'), local('K2D-SemiBold'), url('../../files/assets/fonts/K2D-SemiBold.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/K2D-SemiBold.woff2') format('woff2'), url('../../files/assets/fonts/K2D-SemiBold.woff') format('woff'), url('../../files/assets/fonts/K2D-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'K2D'; src: url('../../files/assets/fonts/K2D-ThinItalic.eot'); src: local('K2D Thin Italic'), local('K2D-ThinItalic'), url('../../files/assets/fonts/K2D-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/K2D-ThinItalic.woff2') format('woff2'), url('../../files/assets/fonts/K2D-ThinItalic.woff') format('woff'), url('../../files/assets/fonts/K2D-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'K2D'; src: url('../../files/assets/fonts/K2D-ExtraLight.eot'); src: local('K2D ExtraLight'), local('K2D-ExtraLight'), url('../../files/assets/fonts/K2D-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/K2D-ExtraLight.woff2') format('woff2'), url('../../files/assets/fonts/K2D-ExtraLight.woff') format('woff'), url('../../files/assets/fonts/K2D-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'K2D'; src: url('../../files/assets/fonts/K2D-Bold.eot'); src: local('K2D Bold'), local('K2D-Bold'), url('../../files/assets/fonts/K2D-Bold.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/K2D-Bold.woff2') format('woff2'), url('../../files/assets/fonts/K2D-Bold.woff') format('woff'), url('../../files/assets/fonts/K2D-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'K2D'; src: url('../../files/assets/fonts/K2D-Light.eot'); src: local('K2D Light'), local('K2D-Light'), url('../../files/assets/fonts/K2D-Light.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/K2D-Light.woff2') format('woff2'), url('../../files/assets/fonts/K2D-Light.woff') format('woff'), url('../../files/assets/fonts/K2D-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'K2D'; src: url('../../files/assets/fonts/K2D-Regular.eot'); src: local('K2D Regular'), local('K2D-Regular'), url('../../files/assets/fonts/K2D-Regular.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/K2D-Regular.woff2') format('woff2'), url('../../files/assets/fonts/K2D-Regular.woff') format('woff'), url('../../files/assets/fonts/K2D-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'K2D'; src: url('../../files/assets/fonts/K2D-SemiBoldItalic.eot'); src: local('K2D SemiBold Italic'), local('K2D-SemiBoldItalic'), url('../../files/assets/fonts/K2D-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/K2D-SemiBoldItalic.woff2') format('woff2'), url('../../files/assets/fonts/K2D-SemiBoldItalic.woff') format('woff'), url('../../files/assets/fonts/K2D-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'K2D'; src: url('../../files/assets/fonts/K2D-Italic.eot'); src: local('K2D Italic'), local('K2D-Italic'), url('../../files/assets/fonts/K2D-Italic.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/K2D-Italic.woff2') format('woff2'), url('../../files/assets/fonts/K2D-Italic.woff') format('woff'), url('../../files/assets/fonts/K2D-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'K2D'; src: url('../../files/assets/fonts/K2D-ExtraBoldItalic.eot'); src: local('K2D ExtraBold Italic'), local('K2D-ExtraBoldItalic'), url('../../files/assets/fonts/K2D-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/K2D-ExtraBoldItalic.woff2') format('woff2'), url('../../files/assets/fonts/K2D-ExtraBoldItalic.woff') format('woff'), url('../../files/assets/fonts/K2D-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Inika'; src: url('../../files/assets/fonts/Inika.eot'); src: local('Inika'), url('../../files/assets/fonts/Inika.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/Inika.woff2') format('woff2'), url('../../files/assets/fonts/Inika.woff') format('woff'), url('../../files/assets/fonts/Inika.ttf') format('truetype'); font-weight: normal; font-display: swap; font-style: normal; } @font-face { font-family: 'Inika'; src: url('../../files/assets/fonts/Inika-Bold.eot'); src: local('Inika Bold'), local('Inika-Bold'), url('../../files/assets/fonts/Inika-Bold.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/Inika-Bold.woff2') format('woff2'), url('../../files/assets/fonts/Inika-Bold.woff') format('woff'), url('../../files/assets/fonts/Inika-Bold.ttf') format('truetype'); font-weight: bold; font-display: swap; font-style: normal; } :root{--acc1: #014479;--acc2: #607A8F;--dark: #182D37;--light: white}.fnc{}.fnc-slider{overflow:hidden;box-sizing:border-box;position:relative;height:100vh}.fnc-slider *,.fnc-slider *:before,.fnc-slider *:after{box-sizing:border-box}.fnc-slider__slides{position:relative;height:100%;transition:transform 1s 0.6666666667s}.fnc-slider .m--blend-dark .fnc-slide__inner{background-color:#37677e}.fnc-slider .m--blend-dark .fnc-slide__mask-inner{background-color:#182D37}.fnc-slider .m--navbg-dark{background-color:#182D37}.fnc-slider .m--blend-green .fnc-slide__inner{background-color:#37677e}.fnc-slider .m--blend-green .fnc-slide__mask-inner{background-color:#182D37}.fnc-slider .m--navbg-green{background-color:#182D37}.fnc-slider .m--blend-red .fnc-slide__inner{background-color:#027dde}.fnc-slider .m--blend-red .fnc-slide__mask-inner{background-color:#014479}.fnc-slider .m--navbg-red{background-color:#014479}.fnc-slider .m--blend-blue .fnc-slide__inner{background-color:#027dde}.fnc-slider .m--blend-blue .fnc-slide__mask-inner{background-color:#014479}.fnc-slider .m--navbg-blue{background-color:#014479}.fnc-slide{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;transform:translate3d(0, 0, 0)}.fnc-slide.m--before-sliding{z-index:2 !important;transform:translate3d(100%, 0, 0)}.fnc-slide.m--active-slide{z-index:1;transition:transform 1s 0.6666666667s ease-in-out;transform:translate3d(0, 0, 0)}.fnc-slide__inner{position:relative;height:100%;background-size:cover;background-position:center top;transform:translate3d(0, 0, 0)}.m--global-blending-active .fnc-slide__inner,.m--blend-bg-active .fnc-slide__inner{background-blend-mode:soft-light}.m--before-sliding .fnc-slide__inner{transform:translate3d(-100%, 0, 0)}.m--active-slide .fnc-slide__inner{transition:transform 1s 0.6666666667s ease-in-out;transform:translate3d(0, 0, 0)}.fnc-slide__mask{overflow:hidden;z-index:1;position:absolute;right:50%;top:7%;width:40vw;height:86vh;margin-right:-32vh;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 5vw 8vh, 5vw 76vh, 35vw 76vh, 35vw 8vh, 7vh 8vh);transform-origin:50% 0;transition-timing-function:ease-in-out}.m--before-sliding .fnc-slide__mask{transform:rotate(-10deg) translate3d(200px, 0, 0);opacity:0}.m--active-slide .fnc-slide__mask{transition:transform 0.7s 1.2222222222s, opacity 0.35s 1.2222222222s;transform:translate3d(0, 0, 0);opacity:1}.m--previous-slide .fnc-slide__mask{transition:transform 0.7s 0.3333333333s, opacity 0.35s 0.6833333333s;transform:rotate(10deg) translate3d(-200px, 0, 0);opacity:0}.fnc-slide__mask-inner{z-index:-1;position:absolute;left:50%;top:50%;width:100vw;height:100vh;margin-left:-62vw;margin-top:-50vh;background-size:cover;background-position:center center;background-blend-mode:soft-light;transform-origin:50% 10vh;transition-timing-function:ease-in-out;background-color:#1d3742}.m--before-sliding .fnc-slide__mask-inner{transform:translateY(0) rotate(10deg) translateX(-200px) translateZ(0)}.m--active-slide .fnc-slide__mask-inner{transition:transform 0.7s 1.2222222222s;transform:translateX(0)}.m--previous-slide .fnc-slide__mask-inner{transition:transform 0.7s 0.3333333333s;transform:translateY(0) rotate(-10deg) translateX(200px) translateZ(0)}.fnc-slide__content{z-index:2;position:absolute;left:11%;top:50%;right:45%;text-align:center;transform:translateY(-50%)}.fnc-slide__heading{margin-bottom:10px}.fnc-slide__heading-line{overflow:hidden;position:relative;padding-right:20px;font-size:100px;color:#fff;word-spacing:10px}.fnc-slide__heading-line:nth-child(2){padding-left:30px}.m--before-sliding .fnc-slide__heading-line{transform:translateY(100%)}.m--active-slide .fnc-slide__heading-line{transition:transform 1.5s 1s;transform:translateY(0)}.m--previous-slide .fnc-slide__heading-line{transition:transform 1.5s;transform:translateY(-100%)}.fnc-slide__heading-line span{display:block}.m--before-sliding .fnc-slide__heading-line span{transform:translateY(-100%)}.m--active-slide .fnc-slide__heading-line span{transition:transform 1.5s 1s;transform:translateY(0)}.m--previous-slide .fnc-slide__heading-line span{transition:transform 1.5s;transform:translateY(100%)}.fnc-slide__action-btn{position:relative;margin-left:200px;padding:5px 15px;font-size:20px;line-height:1;color:transparent;border:none;text-transform:uppercase;background:transparent;cursor:pointer;text-align:center;outline:none}.fnc-slide__action-btn span{position:absolute;left:0;top:0;width:100%;height:100%;perspective:1000px;transform-style:preserve-3d;transition:transform 0.3s;transform-origin:50% 0;line-height:30px;color:#fff}.fnc-slide__action-btn span:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #fff;border-top:none;border-bottom:none}.fnc-slide__action-btn span:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;line-height:30px;background:#1F2833;opacity:0;transform-origin:50% 0;transform:translateY(100%) rotateX(-90deg);transition:opacity 0.15s 0.15s}.fnc-slide__action-btn:hover span{transform:rotateX(90deg)}.fnc-slide__action-btn:hover span:after{opacity:1;transition:opacity 0.15s}.fnc-nav{z-index:5;position:absolute;right:0;bottom:0;left:0}.fnc-nav__bgs{z-index:-1;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%}.fnc-nav__bg{position:absolute;left:0;top:0;width:100%;height:100%}.fnc-nav__bg.m--nav-bg-before{z-index:2 !important;transform:translateX(100%)}.fnc-nav__bg.m--active-nav-bg{z-index:1;transition:transform 1s 0.6666666667s;transform:translateX(0)}.fnc-nav__controls{font-size:0;display:flex}.fnc-nav__control{overflow:hidden;position:relative;display:inline-block;vertical-align:top;width:100%;height:80px;font-size:1rem;color:#fff;text-transform:uppercase;background:transparent;border:none;outline:none;cursor:pointer;transition:background-color 0.5s}.fnc-nav__control.m--active-control{background:#1F2833}.fnc-nav__control:hover{background-color:rgba(255, 255, 255, 0.1)}.fnc-nav__control:focus{outline:none}.fnc-nav__control-progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#fff;transform-origin:0 50%;transform:scaleX(0);transition-timing-function:linear !important}.m--with-autosliding .m--active-control .fnc-nav__control-progress{transform:scaleX(1)}.m--prev-control .fnc-nav__control-progress{transform:translateX(100%);transition:transform 0.5s !important}.m--reset-progress .fnc-nav__control-progress{transform:scaleX(0);transition:transform 0s 0s !important}.m--autosliding-blocked .fnc-nav__control-progress{transition:all 0s 0s !important;transform:scaleX(0) !important}