@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:$accentyellow}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size)}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px, -50%, 0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,0.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.row{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;width:100%;max-width:1520px;padding:0 1.25rem}@media (min-width: 1200px){.row{padding:0 2.1875rem}}.row.middle{align-items:center}.row .col{padding:0 1rem;width:100%;flex-basis:100%}@media (min-width: 0px){.row .col.default-1{width:8.33333%;flex-basis:8.33333%}}@media (min-width: 0px){.row .col.default-2{width:16.66667%;flex-basis:16.66667%}}@media (min-width: 0px){.row .col.default-3{width:25.0%;flex-basis:25.0%}}@media (min-width: 0px){.row .col.default-4{width:33.33333%;flex-basis:33.33333%}}@media (min-width: 0px){.row .col.default-5{width:41.66666%;flex-basis:41.66666%}}@media (min-width: 0px){.row .col.default-6{width:50.0%;flex-basis:50.0%}}@media (min-width: 0px){.row .col.default-7{width:58.33333%;flex-basis:58.33333%}}@media (min-width: 0px){.row .col.default-8{width:66.66666%;flex-basis:66.66666%}}@media (min-width: 0px){.row .col.default-9{width:75.0%;flex-basis:75.0%}}@media (min-width: 0px){.row .col.default-10{width:83.33333%;flex-basis:83.33333%}}@media (min-width: 0px){.row .col.default-11{width:91.66666%;flex-basis:91.66666%}}@media (min-width: 0px){.row .col.default-12{width:100.0%;flex-basis:100.0%}}@media (min-width: 480px){.row .col.xs-1{width:8.33333%;flex-basis:8.33333%}}@media (min-width: 480px){.row .col.xs-2{width:16.66667%;flex-basis:16.66667%}}@media (min-width: 480px){.row .col.xs-3{width:25.0%;flex-basis:25.0%}}@media (min-width: 480px){.row .col.xs-4{width:33.33333%;flex-basis:33.33333%}}@media (min-width: 480px){.row .col.xs-5{width:41.66666%;flex-basis:41.66666%}}@media (min-width: 480px){.row .col.xs-6{width:50.0%;flex-basis:50.0%}}@media (min-width: 480px){.row .col.xs-7{width:58.33333%;flex-basis:58.33333%}}@media (min-width: 480px){.row .col.xs-8{width:66.66666%;flex-basis:66.66666%}}@media (min-width: 480px){.row .col.xs-9{width:75.0%;flex-basis:75.0%}}@media (min-width: 480px){.row .col.xs-10{width:83.33333%;flex-basis:83.33333%}}@media (min-width: 480px){.row .col.xs-11{width:91.66666%;flex-basis:91.66666%}}@media (min-width: 480px){.row .col.xs-12{width:100.0%;flex-basis:100.0%}}@media (min-width: 680px){.row .col.s-1{width:8.33333%;flex-basis:8.33333%}}@media (min-width: 680px){.row .col.s-2{width:16.66667%;flex-basis:16.66667%}}@media (min-width: 680px){.row .col.s-3{width:25.0%;flex-basis:25.0%}}@media (min-width: 680px){.row .col.s-4{width:33.33333%;flex-basis:33.33333%}}@media (min-width: 680px){.row .col.s-5{width:41.66666%;flex-basis:41.66666%}}@media (min-width: 680px){.row .col.s-6{width:50.0%;flex-basis:50.0%}}@media (min-width: 680px){.row .col.s-7{width:58.33333%;flex-basis:58.33333%}}@media (min-width: 680px){.row .col.s-8{width:66.66666%;flex-basis:66.66666%}}@media (min-width: 680px){.row .col.s-9{width:75.0%;flex-basis:75.0%}}@media (min-width: 680px){.row .col.s-10{width:83.33333%;flex-basis:83.33333%}}@media (min-width: 680px){.row .col.s-11{width:91.66666%;flex-basis:91.66666%}}@media (min-width: 680px){.row .col.s-12{width:100.0%;flex-basis:100.0%}}@media (min-width: 1025px){.row .col.m-1{width:8.33333%;flex-basis:8.33333%}}@media (min-width: 1025px){.row .col.m-2{width:16.66667%;flex-basis:16.66667%}}@media (min-width: 1025px){.row .col.m-3{width:25.0%;flex-basis:25.0%}}@media (min-width: 1025px){.row .col.m-4{width:33.33333%;flex-basis:33.33333%}}@media (min-width: 1025px){.row .col.m-5{width:41.66666%;flex-basis:41.66666%}}@media (min-width: 1025px){.row .col.m-6{width:50.0%;flex-basis:50.0%}}@media (min-width: 1025px){.row .col.m-7{width:58.33333%;flex-basis:58.33333%}}@media (min-width: 1025px){.row .col.m-8{width:66.66666%;flex-basis:66.66666%}}@media (min-width: 1025px){.row .col.m-9{width:75.0%;flex-basis:75.0%}}@media (min-width: 1025px){.row .col.m-10{width:83.33333%;flex-basis:83.33333%}}@media (min-width: 1025px){.row .col.m-11{width:91.66666%;flex-basis:91.66666%}}@media (min-width: 1025px){.row .col.m-12{width:100.0%;flex-basis:100.0%}}@media (min-width: 1200px){.row .col.l-1{width:8.33333%;flex-basis:8.33333%}}@media (min-width: 1200px){.row .col.l-2{width:16.66667%;flex-basis:16.66667%}}@media (min-width: 1200px){.row .col.l-3{width:25.0%;flex-basis:25.0%}}@media (min-width: 1200px){.row .col.l-4{width:33.33333%;flex-basis:33.33333%}}@media (min-width: 1200px){.row .col.l-5{width:41.66666%;flex-basis:41.66666%}}@media (min-width: 1200px){.row .col.l-6{width:50.0%;flex-basis:50.0%}}@media (min-width: 1200px){.row .col.l-7{width:58.33333%;flex-basis:58.33333%}}@media (min-width: 1200px){.row .col.l-8{width:66.66666%;flex-basis:66.66666%}}@media (min-width: 1200px){.row .col.l-9{width:75.0%;flex-basis:75.0%}}@media (min-width: 1200px){.row .col.l-10{width:83.33333%;flex-basis:83.33333%}}@media (min-width: 1200px){.row .col.l-11{width:91.66666%;flex-basis:91.66666%}}@media (min-width: 1200px){.row .col.l-12{width:100.0%;flex-basis:100.0%}}@media (min-width: 1400px){.row .col.xl-1{width:8.33333%;flex-basis:8.33333%}}@media (min-width: 1400px){.row .col.xl-2{width:16.66667%;flex-basis:16.66667%}}@media (min-width: 1400px){.row .col.xl-3{width:25.0%;flex-basis:25.0%}}@media (min-width: 1400px){.row .col.xl-4{width:33.33333%;flex-basis:33.33333%}}@media (min-width: 1400px){.row .col.xl-5{width:41.66666%;flex-basis:41.66666%}}@media (min-width: 1400px){.row .col.xl-6{width:50.0%;flex-basis:50.0%}}@media (min-width: 1400px){.row .col.xl-7{width:58.33333%;flex-basis:58.33333%}}@media (min-width: 1400px){.row .col.xl-8{width:66.66666%;flex-basis:66.66666%}}@media (min-width: 1400px){.row .col.xl-9{width:75.0%;flex-basis:75.0%}}@media (min-width: 1400px){.row .col.xl-10{width:83.33333%;flex-basis:83.33333%}}@media (min-width: 1400px){.row .col.xl-11{width:91.66666%;flex-basis:91.66666%}}@media (min-width: 1400px){.row .col.xl-12{width:100.0%;flex-basis:100.0%}}@media (min-width: 1600px){.row .col.xxl-1{width:8.33333%;flex-basis:8.33333%}}@media (min-width: 1600px){.row .col.xxl-2{width:16.66667%;flex-basis:16.66667%}}@media (min-width: 1600px){.row .col.xxl-3{width:25.0%;flex-basis:25.0%}}@media (min-width: 1600px){.row .col.xxl-4{width:33.33333%;flex-basis:33.33333%}}@media (min-width: 1600px){.row .col.xxl-5{width:41.66666%;flex-basis:41.66666%}}@media (min-width: 1600px){.row .col.xxl-6{width:50.0%;flex-basis:50.0%}}@media (min-width: 1600px){.row .col.xxl-7{width:58.33333%;flex-basis:58.33333%}}@media (min-width: 1600px){.row .col.xxl-8{width:66.66666%;flex-basis:66.66666%}}@media (min-width: 1600px){.row .col.xxl-9{width:75.0%;flex-basis:75.0%}}@media (min-width: 1600px){.row .col.xxl-10{width:83.33333%;flex-basis:83.33333%}}@media (min-width: 1600px){.row .col.xxl-11{width:91.66666%;flex-basis:91.66666%}}@media (min-width: 1600px){.row .col.xxl-12{width:100.0%;flex-basis:100.0%}}.fluid{width:100%;height:auto}.btn{color:#fff;padding:.8rem 1.5rem;transition:.3s;text-decoration:none;background-color:#92cd89;display:inline-block;font-size:.75rem}.btn:hover{background-color:#60b653}.btn.outline{border:2px solid #fff;background-color:transparent}.btn.outline:hover{background-color:rgba(255,255,255,0.2)}.spaceBoth{padding:3.125rem 1.25rem}@media (min-width: 1200px){.spaceBoth{padding:6.25rem 2.1875rem}}.spaceTop{padding-top:3.125rem}@media (min-width: 1200px){.spaceTop{padding-top:6.25rem}}.spaceBottom{padding-bottom:3.125rem}@media (min-width: 1200px){.spaceBottom{padding-bottom:6.25rem}}.headline{display:block;color:#fff;font-size:2.25rem;line-height:2.25rem;font-weight:700;margin-bottom:1.5rem}@media (min-width: 1200px){.headline{font-size:2.25rem;line-height:2.875rem}}.blackOverlay{position:relative}.blackOverlay:before{z-index:0;content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:black;opacity:.6}.blackOverlay .toFront{position:relative;z-index:1}.gap-top-2{margin-top:2rem}.navigation{z-index:99;transition:.3s;background:#344b58;text-align:center;color:#fff;transform:translateX(-100%);position:fixed;left:0;width:inherit;overflow:scroll}@media (min-width: 1025px){.navigation{overflow:visible}}.navigation .navCtn{padding:1.5rem 0;height:100vh;display:flex;flex-direction:column;justify-content:space-between}.navigation .navCtn .contactInfos{display:flex;flex-direction:column}.navigation .navCtn nav{margin:1.5rem 0}.navigation .navCtn .branding{display:block;width:80%;max-width:11.25rem;margin:0 auto}.navigation .navCtn .navi-main{text-transform:uppercase}.navigation .navCtn .navi-main li{list-style:none;font-weight:700;letter-spacing:2px;font-size:1.25rem;line-height:1.25rem}.navigation .navCtn .navi-main li.impressum,.navigation .navCtn .navi-main li.datenschutzerklaerung{display:none}.navigation .navCtn .navi-main li.active>a,.navigation .navCtn .navi-main li.active>span{color:#92cd89}.navigation .navCtn .navi-main li.hasSub{position:relative}.navigation .navCtn .navi-main li.hasSub .sub{margin:.5rem 0;background:#263844}.navigation .navCtn .navi-main li.hasSub .sub li a{font-size:1rem;display:block;padding:1rem}@media (min-width: 1025px){.navigation .navCtn .navi-main li.hasSub .sub{margin:0;position:absolute;right:0;top:0;transform:translateX(100%) translateY(-50%);width:18.75rem;opacity:0;visibility:hidden;transition:.3s}}@media (min-width: 1025px){.navigation .navCtn .navi-main li.hasSub:hover .sub{opacity:1;top:50%;visibility:visible;transform:translateX(100%) translateY(-50%)}.navigation .navCtn .navi-main li.hasSub:hover span:after{transform:rotate(-90deg)}}.navigation .navCtn .navi-main li.hasSub span:after{content:'↓';display:inline-block;transition:.3s}.navigation .navCtn .navi-main li a,.navigation .navCtn .navi-main li span{display:block;padding:.5rem 0}.navigation .navCtn .navi-main li:hover>a,.navigation .navCtn .navi-main li:hover>span{color:#92cd89}@media (min-width: 1025px){.navigation{transform:translateX(0);flex-basis:25%;width:25%}}@media (min-width: 1400px){.navigation{flex-basis:20%;width:20%}}.navigation a,.navigation span{color:#fff;text-decoration:none;transition:.3s}.menuLabel{position:fixed;top:3%;right:3%;z-index:9999;background:#344b58;display:inline-block;padding:1rem}@media (min-width: 1025px){.menuLabel{display:none}}.menuLabel label[for="menuToggle"]{position:relative}.menuLabel label[for="menuToggle"]:before,.menuLabel label[for="menuToggle"]:after,.menuLabel label[for="menuToggle"] .middle{display:block;content:'';width:2.1875rem;height:.25rem;background-color:#fff;transition:0.4s}.menuLabel label[for="menuToggle"] .middle{margin:.375rem 0;transition:.2s}#menuToggle{display:none}#menuToggle:checked ~ .navigation,#menuToggle:checked ~ * .navigation{transform:translateX(0)}#menuToggle:checked ~ .menuLabel label[for="menuToggle"]:before,#menuToggle:checked ~ * .menuLabel label[for="menuToggle"]:before{transform:rotate(-45deg) translate(-8px, 7px)}#menuToggle:checked ~ .menuLabel label[for="menuToggle"]:after,#menuToggle:checked ~ * .menuLabel label[for="menuToggle"]:after{transform:rotate(45deg) translate(-6px, -7px)}#menuToggle:checked ~ .menuLabel label[for="menuToggle"] .middle,#menuToggle:checked ~ * .menuLabel label[for="menuToggle"] .middle{opacity:0}*{padding:0;margin:0;box-sizing:border-box}html{font-size:16px;line-height:1.625rem;color:#444}body{display:flex;font-family:'Montserrat', sans-serif}p{margin-bottom:1.25rem}p a{text-decoration:none;color:#92cd89;transition:.3s}p a:hover{border-bottom:1px solid #92cd89}td a{text-decoration:none;color:#92cd89;transition:.3s}td a:hover{border-bottom:1px solid #92cd89}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{text-transform:uppercase;margin-bottom:1.875rem;color:#344b58;font-weight:700;display:block}h1.dark,h2.dark,h3.dark,h4.dark,h5.dark,h6.dark,.h1.dark,.h2.dark,.h3.dark,.h4.dark,.h5.dark,.h6.dark{color:#444}h1.light,h2.light,h3.light,h4.light,h5.light,h6.light,.h1.light,.h2.light,.h3.light,.h4.light,.h5.light,.h6.light{color:#fff}@media (min-width: 1025px){h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{letter-spacing:3px}}h1 span,h2 span,h3 span,h4 span,h5 span,h6 span,.h1 span,.h2 span,.h3 span,.h4 span,.h5 span,.h6 span{display:block;letter-spacing:normal;text-transform:none;font-weight:400;color:#92cd89}h1,.h1{font-size:1.6875rem;line-height:2.3125rem}h1 span,.h1 span{font-size:1.40625rem}@media (min-width: 1025px){h1,.h1{font-size:2.8125rem;line-height:3.4375rem}h1 span,.h1 span{font-size:1.96875rem}}h2,.h2{font-size:1.6625rem;line-height:2.2875rem}h2 span,.h2 span{font-size:1.54375rem}@media (min-width: 1025px){h2,.h2{font-size:2.375rem;line-height:3rem}h2 span,.h2 span{font-size:1.9rem}}h3,.h3{font-size:1.3rem;line-height:1.925rem}h3 span,.h3 span{font-size:1.05625rem}@media (min-width: 1025px){h3,.h3{font-size:1.625rem;line-height:2.25rem}h3 span,.h3 span{font-size:1.3rem}}h4,.h4{font-size:1.2rem;line-height:1.825rem}h4 span,.h4 span{font-size:1.275rem}@media (min-width: 1025px){h4,.h4{font-size:1.5rem;line-height:2.125rem}h4 span,.h4 span{font-size:1.2rem}}h5,.h5{font-size:1.2375rem;line-height:1.8625rem}h5 span,.h5 span{font-size:1.30625rem}@media (min-width: 1025px){h5,.h5{font-size:1.375rem;line-height:2rem}h5 span,.h5 span{font-size:1.2375rem}}h6,.h6{font-size:1.125rem;line-height:1.75rem}h6 span,.h6 span{font-size:1.1875rem}@media (min-width: 1025px){h6,.h6{font-size:1.25rem;line-height:1.875rem}h6 span,.h6 span{font-size:1.125rem}}table{border-spacing:0;width:100%}table tbody tr:nth-child(odd){background:#dde6eb}table tbody tr td{display:block;padding:1rem}table tbody tr td:first-child{font-weight:700}@media (min-width: 680px){table tbody tr td{width:50%;display:inline-block}}.header{width:100%;height:18.75rem;position:relative;overflow:hidden}.header .headerBg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("../images/webdesign.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center;animation:zoom 30s linear forwards}body.ueber-mich .header .headerBg{background-image:url("../images/berlin2.jpg")}body.lebenslauf .header .headerBg{background-image:url("../images/landscape.jpg")}body.kenntnisstand .header .headerBg{background-image:url("../images/roadtoglory.jpg")}body.referenzen .header .headerBg{background-image:url("../images/arbeitsplatz.jpg")}body.kontakt .header .headerBg{background-image:url("../images/kontakt.jpg")}body.todolist .header .headerBg{background-image:url("../images/calendar.jpg")}body.bmi-calculator .header .headerBg{background-image:url("../images/fitness.jpg")}@keyframes zoom{from{transform:scale(1)}to{transform:scale(1.3)}}.page-wrap{overflow-x:hidden;min-height:100vh}@media (min-width: 1025px){.page-wrap{flex-basis:75%;width:75%;margin-left:25%}}@media (min-width: 1400px){.page-wrap{flex-basis:80%;width:80%;margin-left:20%}}.page-wrap main{min-height:calc(100vh - 300px);padding:3.125rem 0}@media (min-width: 1200px){.page-wrap main{padding:6.25rem 0}}body.ueber-mich .page-wrap main,body.kenntnisstand .page-wrap main{padding-bottom:0}.page-wrap main .teaserArea{background-image:url("../images/teaserBg.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;text-align:center;color:#fff;padding:7.8125rem 0}body.ios .page-wrap main .teaserArea{background-attachment:scroll}.page-wrap main .teaserArea span.desc{display:block;margin-bottom:2.5rem}.page-wrap main .skills{background-image:url("../images/code.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;padding:3.125rem 1.25rem}body.ios .page-wrap main .skills{background-attachment:scroll}@media (min-width: 1200px){.page-wrap main .skills{padding:6.25rem 2.1875rem}}.page-wrap main .skills .skillBox{position:relative;z-index:1;background:rgba(255,255,255,0.85);transition:.3s;padding:1rem;margin:1rem 0}.page-wrap main .skills .skillBox:hover{background:#fff;transform:scale(1.05)}.page-wrap main .skills .skillBox .skillBar{height:1.5625rem;width:0%;display:block;background:#92cd89;transition:.3s;position:relative;transition:.3s}.page-wrap main .skills .skillBox .skillBar:after{position:absolute;right:.625rem;color:#fff;font-size:.75rem;opacity:.8}.page-wrap main .skills .skillBox .skillBar.skill-1:after{content:"1";opacity:0;transition:1s}@keyframes animateSkill-1{from{width:0%}to{width:10%}}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-1{animation:animateSkill-1 1s ease-in-out forwards}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-1:after{opacity:1}.page-wrap main .skills .skillBox .skillBar.skill-2:after{content:"2";opacity:0;transition:1s}@keyframes animateSkill-2{from{width:0%}to{width:20%}}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-2{animation:animateSkill-2 1s ease-in-out forwards}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-2:after{opacity:1}.page-wrap main .skills .skillBox .skillBar.skill-3:after{content:"3";opacity:0;transition:1s}@keyframes animateSkill-3{from{width:0%}to{width:30%}}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-3{animation:animateSkill-3 1s ease-in-out forwards}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-3:after{opacity:1}.page-wrap main .skills .skillBox .skillBar.skill-4:after{content:"4";opacity:0;transition:1s}@keyframes animateSkill-4{from{width:0%}to{width:40%}}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-4{animation:animateSkill-4 1s ease-in-out forwards}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-4:after{opacity:1}.page-wrap main .skills .skillBox .skillBar.skill-5:after{content:"5";opacity:0;transition:1s}@keyframes animateSkill-5{from{width:0%}to{width:50%}}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-5{animation:animateSkill-5 1s ease-in-out forwards}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-5:after{opacity:1}.page-wrap main .skills .skillBox .skillBar.skill-6:after{content:"6";opacity:0;transition:1s}@keyframes animateSkill-6{from{width:0%}to{width:60%}}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-6{animation:animateSkill-6 1s ease-in-out forwards}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-6:after{opacity:1}.page-wrap main .skills .skillBox .skillBar.skill-7:after{content:"7";opacity:0;transition:1s}@keyframes animateSkill-7{from{width:0%}to{width:70%}}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-7{animation:animateSkill-7 1s ease-in-out forwards}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-7:after{opacity:1}.page-wrap main .skills .skillBox .skillBar.skill-8:after{content:"8";opacity:0;transition:1s}@keyframes animateSkill-8{from{width:0%}to{width:80%}}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-8{animation:animateSkill-8 1s ease-in-out forwards}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-8:after{opacity:1}.page-wrap main .skills .skillBox .skillBar.skill-9:after{content:"9";opacity:0;transition:1s}@keyframes animateSkill-9{from{width:0%}to{width:90%}}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-9{animation:animateSkill-9 1s ease-in-out forwards}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-9:after{opacity:1}.page-wrap main .skills .skillBox .skillBar.skill-10:after{content:"10";opacity:0;transition:1s}@keyframes animateSkill-10{from{width:0%}to{width:100%}}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-10{animation:animateSkill-10 1s ease-in-out forwards}.page-wrap main .skills .skillBox .skillBar.animateSkill.skill-10:after{opacity:1}@keyframes animateSkill{from{width:0%}to{width:100%}}.page-wrap main .skills .skillBox .skill{display:block;margin-top:1rem}.page-wrap main .reference-container .swiper-button-next,.page-wrap main .reference-container .swiper-button-prev{color:#344b58;transition:.3s}.page-wrap main .reference-container .swiper-button-next:hover,.page-wrap main .reference-container .swiper-button-prev:hover{color:#70aab6}.page-wrap main .reference-container .reference{height:37.5rem;overflow:scroll;display:block}.page-wrap main .reference-container .refCtn{display:flex;flex-direction:column;justify-content:space-between;margin-top:1.5rem}@media (min-width: 1025px){.page-wrap main .reference-container .refCtn{margin-top:0}}.page-wrap main .reference-container .refCtn .tags span{font-size:.75rem;background:#dde6eb;display:inline-block;color:#344b58;padding:0 .625rem;margin-bottom:.375rem}.page-wrap main #kform label{display:block;margin-bottom:1rem}.page-wrap main #kform label:not(:first-child){margin-top:1.5rem}.page-wrap main #kform input[type="text"],.page-wrap main #kform input[type="password"]{min-height:3.125rem}.page-wrap main #kform textarea{min-height:9.375rem;resize:none}.page-wrap main #kform input[type="text"],.page-wrap main #kform input[type="password"],.page-wrap main #kform textarea{display:block;width:100%;border:none;background:#dde6eb;transition:.3s;padding:1rem}.page-wrap main #kform input[type="text"]:focus,.page-wrap main #kform input[type="password"]:focus,.page-wrap main #kform textarea:focus{outline:none;color:#263844;background:#b6cad4}.page-wrap main #kform input[type="text"].error,.page-wrap main #kform input[type="password"].error,.page-wrap main #kform textarea.error{border:1px solid #e88c8c}.page-wrap main #kform .submit{display:block;width:100%;border:none;margin-top:1.5rem;cursor:pointer;padding:1.5rem 2rem}.page-wrap main .slin{opacity:0}body.nojs .page-wrap main .slin{opacity:1}.page-wrap main .slin.animate.slideLeft{animation:slideLeft 1s forwards}.page-wrap main .slin.animate.slideRight{animation:slideRight 1s forwards}.page-wrap main .slin.animate.slideTop{animation:slideTop 1s forwards}@keyframes slideLeft{from{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0%)}}@keyframes slideRight{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0%)}}@keyframes slideTop{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0%)}}.greyBg{background:#dde6eb}.footer{display:block;background:#263844;color:#fff;padding:1.25rem 1.25rem}@media (min-width: 1200px){.footer{padding:2.1875rem}}.footer a{color:#fff;text-decoration:none}.footer a:hover{color:#92cd89}.footer ul.navi-add{margin:2rem 0}.footer ul.navi-add li{list-style:none}@media (min-width: 1025px){.footer ul.navi-add{margin:0 0}}.footer .branding{width:100%;max-width:9.375rem;display:block;height:auto}.footer .socials{display:flex}.footer .socials a{display:block;width:1.5rem;transition:.3s}.footer .socials a:hover{margin-top:-.3125rem}.footer .socials a.insta{margin-left:.625rem}.footer .socials a img{width:100%;height:auto}body.todolist .todoCol .addTask{display:flex;justify-content:center;align-items:center;width:3.125rem;height:3.125rem;background:#92cd89;border-radius:50%;color:#fff;transition:.3s;margin-top:1rem}body.todolist .todoCol .addTask:before{display:block;content:'+';font-size:1.5625rem}body.todolist .todoCol .addTask:hover{background:#71be65;cursor:pointer}body.todolist .main-todolist .taskline{display:flex;align-items:center;justify-content:space-between}body.todolist .main-todolist .taskline.checked input[type="text"]{background:#ddebdf;color:#777}body.todolist .main-todolist .taskline.checked input[type="text"]:focus{background:#ddebdf}body.todolist .main-todolist .taskline input[type="text"]{border:none;background:#dde6eb;display:block;width:calc(100% - 70px);padding:1rem;margin:.3rem 0;transition:.3s;font-size:1rem;font-weight:300;border-radius:1.5625rem;color:#263844}body.todolist .main-todolist .taskline input[type="text"]:focus{outline:none;background:#cddae2}body.todolist .main-todolist .taskline .deleteBtn,body.todolist .main-todolist .taskline .checkBtn{display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:#e88c8c;border-radius:50%;color:#fff;transition:.3s}body.todolist .main-todolist .taskline .deleteBtn:before,body.todolist .main-todolist .taskline .checkBtn:before{display:block;content:'×';font-size:1.5625rem}body.todolist .main-todolist .taskline .deleteBtn:hover,body.todolist .main-todolist .taskline .checkBtn:hover{background:#e06262;cursor:pointer}body.todolist .main-todolist .taskline .checkBtn{background:#92cd89}body.todolist .main-todolist .taskline .checkBtn:before{content:'✓';font-size:1.0625rem}body.todolist .main-todolist .taskline .checkBtn:hover{background:#71be65}body.typed-js .typed-js-ctn span.typed{font-size:2.8125rem;line-height:3.4375rem;font-weight:700;color:#344b58;letter-spacing:.125rem}body.typed-js .typed-js-ctn span.typed:after{content:'|';animation:.8s ease-in-out blink infinite;position:relative;top:-3px}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}body.bmi-calculator .bmiForm label{display:block;margin-bottom:1rem;margin-top:2rem}body.bmi-calculator .bmiForm input,body.bmi-calculator .bmiForm select{display:block;width:100%;height:40px;border-radius:5px;border:1px solid lightgrey;padding:0 1rem}body.bmi-calculator .bmiForm button{background:#92cd89;border:none;padding:1rem 4rem;margin-top:2rem;transition:.3s;border-radius:5px;color:white;position:relative;overflow:hidden;width:100%;font-size:15px}body.bmi-calculator .bmiForm button:before{height:100px;background:white;opacity:.3;width:30px;content:'';display:block;position:absolute;top:-25px;left:-120%;transform:rotate(20deg);transition:.5s}body.bmi-calculator .bmiForm button:hover{background:#71be65;cursor:pointer}body.bmi-calculator .bmiForm button:hover:before{left:120%}body.bmi-calculator #auswertung{display:none;background:#93e693;padding:1.5rem;border-radius:5px}body.bmi-calculator #auswertung.error{background:#ff7979}body.bmi-calculator #auswertung.orange{background:#ffa977}body.bmi-calculator .balken{display:none;margin-top:2rem;height:45px;width:100%;background:red;background:-webkit-linear-gradient(left, red 0%, #6bff61 50%, red 100%);background:-o-linear-gradient(left, red 0%, #6bff61 50%, red 100%);background:linear-gradient(to right, red 0%, #6bff61 50%, red 100%);position:relative;border-radius:5px}@media (min-width: 1025px){body.bmi-calculator .balken{align-items:center}body.bmi-calculator .balken:before,body.bmi-calculator .balken:after{font-size:14px;color:rgba(0,0,0,0.5);position:absolute}body.bmi-calculator .balken:before{left:1rem;content:"gering"}body.bmi-calculator .balken:after{right:1rem;content:"hoch"}}body.bmi-calculator .balken .marker{transition:.3s;height:125%;top:-12.5%;width:2px;background:black;opacity:.8;display:block;position:absolute;left:calc(50% - 1px)}body.shopping-cart .go-back{color:#fff;background:#344b58;text-decoration:none;padding:1rem;position:fixed;top:2%;left:2%}body.shopping-cart main{width:100%;max-width:800px;margin-left:3rem;margin-top:9.375rem}body.shopping-cart main .productContainer{margin-top:2rem;display:flex;flex-wrap:wrap}body.shopping-cart main .productContainer .product{padding:1rem;width:50%;flex-basis:50%}body.shopping-cart main .productContainer .product .productImg{width:100%;height:auto}body.shopping-cart main .productContainer .product .productHead{display:block;font-weight:bolder;padding:1rem 0}body.shopping-cart main .productContainer .product .addToCart{display:block;text-decoration:none;color:white;background:#92cd89;padding:1rem;margin-top:1rem;transition:.3s}body.shopping-cart main .productContainer .product .addToCart:hover{background:#71be65}body.shopping-cart main .productContainer .product .price{display:block;font-weight:bolder}body.shopping-cart .sCart{position:fixed;right:0;top:0;bottom:0;width:350px;right:-350px;background:#344b58;color:white;padding:1rem;overflow-y:scroll;transition:.3s}body.shopping-cart .sCart .product{margin:1rem 0;position:relative;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}body.shopping-cart .sCart .product .removeEle{cursor:pointer}body.shopping-cart .sCart .product .removeEle:hover{color:#92cd89}body.shopping-cart .sCart .product .productImg{width:30%;height:auto;object-fit:cover}body.shopping-cart .sCart .product .productCtn{width:60%}body.shopping-cart .sCart .product .productCtn .productHead{display:block;font-weight:bolder;font-size:18px}body.shopping-cart .sCart .product .productCtn .price{display:block;font-weight:bolder}body.shopping-cart .sCart .payBtn{background:#92cd89;padding:1rem;display:block;margin-top:1.5rem;color:#fff;text-decoration:none;text-align:center;transition:.3s}body.shopping-cart .sCart .payBtn:hover{background:#71be65}body.desktop-ui{overflow:hidden}body.desktop-ui .go-back{color:#fff;background:#344b58;text-decoration:none;padding:1rem;position:fixed;top:2%;left:2%}body.desktop-ui main{height:100vh;width:100vw;overflow:hidden}body.desktop-ui main .box{width:400px;height:300px;position:absolute;top:25%;left:40%;box-shadow:3px 3px 5px rgba(0,0,0,0.3);box-sizing:border-box}body.desktop-ui main .box .textArea{pointer-events:none;display:block;position:absolute;bottom:0;width:100%;height:calc(100% - 38px);padding:1rem;border:none;background:none;resize:none;color:white;background:rgba(0,0,0,0.2);margin-bottom:0}body.desktop-ui main .box .close{color:white;position:absolute;top:7px;right:15px;cursor:pointer;font-size:1.25rem}body.desktop-ui main .box.clone{transition:.3s;width:0;height:0;z-index:1001;box-shadow:none}body.desktop-ui main .box.lastClicked{z-index:999}body.desktop-ui main .box.newWindow{z-index:1000}body.desktop-ui main .box.currentDrag{z-index:1002}body.desktop-ui footer{z-index:999;position:fixed;height:60px;padding:5px;background:rgba(74,74,95,0.85);width:100%;display:flex;bottom:0}body.desktop-ui footer div{height:100%;width:65px;display:flex;justify-content:center;align-items:center}body.desktop-ui footer div:not(:first-child){margin-left:4px}body.desktop-ui footer div span{color:white;font-size:1.375rem;cursor:pointer}body.desktop-ui footer .new-window{background:#803e3e;cursor:pointer}