.container-fluid { margin-right: auto; margin-left: auto; } .row { box-sizing: border-box; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .row.reverse { -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } .col.reverse { -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; } .col-xs { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-xs-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-xs-2 { -ms-flex-preferred-size: 16.66%; flex-basis: 16.66%; max-width: 16.66%; } .col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-xs-5 { -ms-flex-preferred-size: 41.66%; flex-basis: 41.66%; max-width: 41.66%; } .col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-xs-8 { -ms-flex-preferred-size: 66.66%; flex-basis: 66.66%; max-width: 66.66%; } .col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-xs-11 { -ms-flex-preferred-size: 91.66%; flex-basis: 91.66%; max-width: 91.66%; } .col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xs-offset-1 { margin-left: 8.333%; } .col-xs-offset-2 { margin-left: 16.66%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.333%; } .col-xs-offset-5 { margin-left: 41.66%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.333%; } .col-xs-offset-8 { margin-left: 66.66%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.333%; } .col-xs-offset-11 { margin-left: 91.66%; } .start-xs { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-xs { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-xs { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-xs { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-xs { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-xs { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-xs { -ms-flex-pack: distribute; justify-content: space-around; } .between-xs { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-xs { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-xs { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } @media only screen and (min-width: 48em) { .container { width: 46rem; } .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; } .col-sm { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-sm-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-sm-2 { -ms-flex-preferred-size: 16.66%; flex-basis: 16.66%; max-width: 16.66%; } .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-sm-5 { -ms-flex-preferred-size: 41.66%; flex-basis: 41.66%; max-width: 41.66%; } .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-sm-8 { -ms-flex-preferred-size: 66.66%; flex-basis: 66.66%; max-width: 66.66%; } .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-sm-11 { -ms-flex-preferred-size: 91.66%; flex-basis: 91.66%; max-width: 91.66%; } .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-1 { margin-left: 8.333%; } .col-sm-offset-2 { margin-left: 16.66%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.333%; } .col-sm-offset-5 { margin-left: 41.66%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.333%; } .col-sm-offset-8 { margin-left: 66.66%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.333%; } .col-sm-offset-11 { margin-left: 91.66%; } .start-sm { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-sm { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-sm { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-sm { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-sm { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-sm { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-sm { -ms-flex-pack: distribute; justify-content: space-around; } .between-sm { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-sm { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-sm { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } @media only screen and (min-width: 62em) { .container { width: 61rem; } .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; } .col-md { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-md-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-md-2 { -ms-flex-preferred-size: 16.66%; flex-basis: 16.66%; max-width: 16.66%; } .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-md-5 { -ms-flex-preferred-size: 41.66%; flex-basis: 41.66%; max-width: 41.66%; } .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-md-8 { -ms-flex-preferred-size: 66.66%; flex-basis: 66.66%; max-width: 66.66%; } .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-md-11 { -ms-flex-preferred-size: 91.66%; flex-basis: 91.66%; max-width: 91.66%; } .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-1 { margin-left: 8.333%; } .col-md-offset-2 { margin-left: 16.66%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.333%; } .col-md-offset-5 { margin-left: 41.66%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.333%; } .col-md-offset-8 { margin-left: 66.66%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.333%; } .col-md-offset-11 { margin-left: 91.66%; } .start-md { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-md { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-md { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-md { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-md { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-md { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-md { -ms-flex-pack: distribute; justify-content: space-around; } .between-md { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-md { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-md { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } @media only screen and (min-width: 75em) { .container { width: 71rem; } .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; } .col-lg { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-lg-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-lg-2 { -ms-flex-preferred-size: 16.66%; flex-basis: 16.66%; max-width: 16.66%; } .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-lg-5 { -ms-flex-preferred-size: 41.66%; flex-basis: 41.66%; max-width: 41.66%; } .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-lg-8 { -ms-flex-preferred-size: 66.66%; flex-basis: 66.66%; max-width: 66.66%; } .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-lg-11 { -ms-flex-preferred-size: 91.66%; flex-basis: 91.66%; max-width: 91.66%; } .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-1 { margin-left: 8.333%; } .col-lg-offset-2 { margin-left: 16.66%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.333%; } .col-lg-offset-5 { margin-left: 41.66%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.333%; } .col-lg-offset-8 { margin-left: 66.66%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.333%; } .col-lg-offset-11 { margin-left: 91.66%; } .start-lg { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-lg { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-lg { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-lg { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-lg { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-lg { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-lg { -ms-flex-pack: distribute; justify-content: space-around; } .between-lg { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-lg { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-lg { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } @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'); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper, swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0) } .swiper-horizontal { touch-action: pan-y } .swiper-vertical { touch-action: pan-x } .swiper-slide, swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d { perspective: 1200px } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { transform-style: preserve-3d } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15) } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-horizontal.swiper-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-vertical.swiper-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } .swiper-css-mode.swiper-free-mode>.swiper-wrapper { scroll-snap-type: none } .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: none } .swiper-centered>.swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999 } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always } .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before) } .swiper-centered.swiper-horizontal>.swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before) } .swiper-centered.swiper-vertical>.swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .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%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size) } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (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.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1 } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev' } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next' } .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-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.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(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2) } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none !important } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform, .2s top } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s left } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s right } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit) } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0 } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; -ms-touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1)) } .swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important } .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)) } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)) } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5)); border-radius: var(--swiper-scrollbar-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; touch-action: none } .swiper .swiper-notification, swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-grid>.swiper-wrapper { flex-wrap: wrap } .swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube { overflow: visible } .swiper-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-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) } .swiper-flip { overflow: visible } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height } .swiper-cards { overflow: visible } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden } #frontendeditor { position: fixed; bottom: 0; left: 0; height: 50px; width: 70px; background: transparent; display: block; z-index: 99999999999999; } #frontendeditor .switch { position: absolute; display: inline-block; width: 36px; height: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0; } #frontendeditor .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; height: unset; margin: unset; z-index: unset; } #frontendeditor .slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 4px; bottom: 3px; background-color: #ffffff; -webkit-transition: .4s; transition: .4s; } #frontendeditor .slider.round:before { border-radius: 50px; } #frontendeditor input:checked+.slider { background-color: #75c11d; } #frontendeditor input:checked+.slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } #modal-buttons { position: fixed; bottom: 14px; right: 100px; text-align: center; display: none; } #modal-close, #modal-save { display: inline-block; background: #ff0045; color: #ffffff; cursor: pointer; padding: 5px 20px; margin: 20px 15px; border-radius: 3px; text-transform: uppercase; font-weight: 600; width: 50px; border-radius: 30px; transition: 400ms; outline: none; } #modal-save { background: #76c11e; margin-left: 0; margin-right: 10px; } .slider.round { border-radius: 34px; } .wrapp-60-0 { padding: 60px 0 !important } .wrapp-40-0 { padding: 40px 0 !important } .wrapp-30-0 { padding: 30px 0 !important } .wrapp-20-0 { padding: 20px 0 !important } .form_block:not(.textarea) { width: 220px; max-width: 100%; } .form_block.textarea { width: calc(100% - 360px); max-width: 100%; float: right; position: absolute; top: 0; right: 0; height: 240px; display: inline-block; } .form_block input, .form_block textarea { border: 1px solid white; background: transparent; border-radius: 27px; padding: 12px 15px; margin: 8px 0; color: white; font-size: 16px; font-family: 'Hind', sans-serif; font-weight: 300; outline: none; width: 300px; } .form_block input::placeholder, .form_block textarea::placeholder { color: white } .form_block textarea { height: 94px; width: calc(100% - 32px); resize: none; } .form_block .btn { position: absolute; right: 0; top: 150px; background: #b1f6ff; color: black; padding: 14px 0px; width: 350px; max-width: 90%; border-radius: 50px; text-align: center; font-weight: 200; font-size: 19px; cursor: pointer; } .form_block .form_error { border-color: #ff002e; background: #ff000036; } .contact_form { position: relative; margin: 60px 0; } @font-face { font-family: 'Beliau'; font-weight: 300; src: url('/template/sun/fonts/Beliau.ttf'); } @font-face { font-family: 'Playfair'; font-weight: 300; src: url('/template/sun/fonts/PlayfairDisplay-Regular.ttf'); } @font-face { font-family: 'Hind'; src: url('/template/sun/fonts/HindSiliguri-Bold.ttf'); font-weight: 900; } @font-face { font-family: 'Hind'; src: url('/template/sun/fonts/HindSiliguri-Light.ttf'); font-weight: 300; } @font-face { font-family: 'Hind'; src: url('/template/sun/fonts/HindSiliguri-Medium.ttf'); font-weight: 500; } @font-face { font-family: 'Hind'; src: url('/template/sun/fonts/HindSiliguri-Regular.ttf'); font-weight: 600; } img { max-width: 100%; } header { position: fixed; top: 0; left: 0; right: 0; z-index: 234; transition: 700ms; } header.fixeddd { background: #000000d4; } header.fixeddd.uppp { transform: translateY(-100%); } header.fixeddd.downnn { transform: translateY(0%); } a.logo, #main-menu { transition: 300ms; } header.fixeddd a.logo { transform: translateY(-13px); } header.fixeddd #main-menu { margin-top: 25px; } body { margin: 0; padding: 0; width: 100%; overflow-x: hidden; font-family: 'Hind', sans-serif; background-color: black; color: white } h1, h2 { font-family: 'Bodoni Moda', serif; color: white } .container { max-width: 1280px; margin: 0 auto; width: 100%; } #main-menu { list-style: none; display: inline-block; color: white; padding: 0; margin: 0; float: right; margin-top: 35px; } a { cursor: pointer; } #main-menu li { display: inline-block; } #main-menu li a { display: block; color: white; text-decoration: none; font-weight: 300; padding: 10px 8px; margin: 0 8px; } #main-menu li:last-child a { background: rgb(255, 196, 0); border-radius: 33px; transition: 800ms; padding: 7px 20px 7px; transform: translateY(-1px); text-align: center; color: black; padding-left: 45px; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iUGhvbmVfQ2FsbCIgZGF0YS1uYW1lPSJQaG9uZSwgQ2FsbCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPGcgaWQ9Ikdyb3VwXzg3IiBkYXRhLW5hbWU9Ikdyb3VwIDg3Ij4KICAgIDxwYXRoIGlkPSJQYXRoXzEyNSIgZGF0YS1uYW1lPSJQYXRoIDEyNSIgZD0iTTE4Ljk2NSwxNi42MWwtMS4xNzMtMS4xNzNhMS41LDEuNSwwLDAsMC0yLjEyMSwwbC0uOTIyLjkyMmEuNzExLjcxMSwwLDAsMS0uNzg0LjE1OCwxMi42MjcsMTIuNjI3LDAsMCwxLTMuODMzLTIuNjQ5QTEyLjY0NSwxMi42NDUsMCwwLDEsNy40OSwxMC4wNTFhLjczMy43MzMsMCwwLDEsLjE2Mi0uODExbC44MjYtLjgyNmExLjUzLDEuNTMsMCwwLDAsLjA4NS0yLjIwNkw3LjM5LDUuMDM1YTIsMiwwLDAsMC0yLjgyOCwwbC0uNjUyLjY1MWEzLjE5NCwzLjE5NCwwLDAsMC0uODUsMi44NywxNS43MTUsMTUuNzE1LDAsMCwwLDQuNDYxLDcuOTIzLDE1LjcxNSwxNS43MTUsMCwwLDAsNy45MjMsNC40NjEsMy4xOTQsMy4xOTQsMCwwLDAsMi44Ny0uODVsLjY1MS0uNjUxYTIsMiwwLDAsMCwwLTIuODI5WiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzIzMjMyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgICA8cGF0aCBpZD0iUGF0aF8xMjYiIGRhdGEtbmFtZT0iUGF0aCAxMjYiIGQ9Ik0xMyw2Ljk5MWEzLjk0NCwzLjk0NCwwLDAsMSwyLjg1NCwxLjE1NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzIzMjMyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgICA8cGF0aCBpZD0iUGF0aF8xMjciIGRhdGEtbmFtZT0iUGF0aCAxMjciIGQ9Ik0xOC42ODIsNS4zMThBOC4wMTIsOC4wMTIsMCwwLDAsMTMsMi45NjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMyMzIzMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgPHBhdGggaWQ9IlBhdGhfMTI4IiBkYXRhLW5hbWU9IlBhdGggMTI4IiBkPSJNMTcuMDA5LDExYTMuOTQ0LDMuOTQ0LDAsMCwwLTEuMTU1LTIuODU0IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMjMyMzIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICAgIDxwYXRoIGlkPSJQYXRoXzEyOSIgZGF0YS1uYW1lPSJQYXRoIDEyOSIgZD0iTTE4LjY4Miw1LjMxOEE4LjAxMiw4LjAxMiwwLDAsMSwyMS4wMzYsMTEiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMyMzIzMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogIDwvZz4KICA8cGF0aCBpZD0iUGF0aF8xMzAiIGRhdGEtbmFtZT0iUGF0aCAxMzAiIGQ9Ik0wLDBIMjRWMjRIMFoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==); background-size: 20px; background-repeat: no-repeat; background-position: 16px 50%; } #main-menu li:last-child a:hover { background-color: rgb(211 168 27) } a.logo { margin-top: 30px; width: 240px; aspect-ratio: 60/17; background: url(/template/sun/img/logo-w.svg) 50% 50% no-repeat; background-size: contain; display: block; float: left; } h1, h2 { font-size: 80px; font-weight: 100; line-height: 90px; margin-bottom: 0; } .full { width: 100%; height: 100vh; overflow: hidden; } .full * { color: white; text-align: center; } .full .wrappe { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 800px; height: 80vh; overflow-y: auto; } .full .wrappe a img { max-width: 450px; margin: 0px auto 50px; display: block; width: 90%; } .full .wrappe p, .full .wrappe h2, .full .wrappe h3 { max-width: 90%; width: 470px; text-align: center; margin: 10px auto; text-decoration: none; } .full .wrappe h2, .full .wrappe h3 { font-size: 30px; line-height: 36px; margin-top: 30px; } .full .wrappe a { text-decoration: none; display: block } .first .div { width: 100%; height: 100vh; position: relative; } .first .div .f, .first .div .s { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); } #prices .row.table { position: relative } #prices .row.table::before { content: ''; display: block; position: absolute; left: -20px; right: 20px; top: -2px; bottom: -2px; transition: 300ms; border-radius: 90px; } #prices .row.table:hover::before { background: #ffffff1f; } i { margin: 30px 0 0 0; display: block; padding-left: 32px; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaW5mb3JuYXRpb24taW5mbyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIuMTA0IiBoZWlnaHQ9IjMyLjEwNCIgdmlld0JveD0iMCAwIDMyLjEwNCAzMi4xMDQiPgogIDxwYXRoIGlkPSJQYXRoXzEzNSIgZGF0YS1uYW1lPSJQYXRoIDEzNSIgZD0iTTAsMEgzMi4xVjMyLjFIMFoiIGZpbGw9Im5vbmUiLz4KICA8cGF0aCBpZD0iUGF0aF8xMzYiIGRhdGEtbmFtZT0iUGF0aCAxMzYiIGQ9Ik0xMi4wODMsOGEuMzM0LjMzNCwwLDEsMCwuMzM2LjMzNEEuMzMzLjMzMywwLDAsMCwxMi4wODMsOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy45NjggMi43MDEpIiBmaWxsPSJub25lIiBzdHJva2U9IiNiMWY2ZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICA8cGF0aCBpZD0iUGF0aF8xMzciIGRhdGEtbmFtZT0iUGF0aCAxMzciIGQ9Ik0xNS4wMzksMjcuMDc4aDBBMTIuMDM4LDEyLjAzOCwwLDAsMSwzLDE1LjAzOUgzQTEyLjAzOCwxMi4wMzgsMCwwLDEsMTUuMDM5LDNoMEExMi4wMzgsMTIuMDM4LDAsMCwxLDI3LjA3OCwxNS4wMzloMEExMi4wMzgsMTIuMDM4LDAsMCwxLDE1LjAzOSwyNy4wNzhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAxMyAxLjAxMykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2IxZjZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogIDxwYXRoIGlkPSJQYXRoXzEzOCIgZGF0YS1uYW1lPSJQYXRoIDEzOCIgZD0iTTEyLDEydjYuNjg4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjA1MiA0LjA1MikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2IxZjZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K); background-size: 24px; background-repeat: no-repeat; background-position: left center; font-style: normal; font-size: 80%; } .top { position: absolute; top: 0; right: 0; left: 0; height: 800px; background: url(/template/sun/img/top.jpg) 0px 100% no-repeat; z-index: -1; background-size: cover; } .first .div .f { left: 40%; border: 1px solid #ffffff45; border-radius: 144px; padding-bottom: 120px; } .first .div .s .vlink { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NSIgaGVpZ2h0PSI4NSIgdmlld0JveD0iMCAwIDg1IDg1Ij4KICA8ZyBpZD0iUGxheV9CdXR0b24iIGRhdGEtbmFtZT0iUGxheSBCdXR0b24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MTUgLTU1MykiPgogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8yIiBkYXRhLW5hbWU9IkVsbGlwc2UgMiIgY3g9IjQyLjUiIGN5PSI0Mi41IiByPSI0Mi41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MTUgNTUzKSIgb3BhY2l0eT0iMC4zMzciLz4KICAgIDxwYXRoIGlkPSJQb2x5Z29uXzEiIGRhdGEtbmFtZT0iUG9seWdvbiAxIiBkPSJNMTguNzkxLDkuMTE3YTYsNiwwLDAsMSwxMC40MTksMEw0Mi44NywzMy4wMjNBNiw2LDAsMCwxLDM3LjY2MSw0MkgxMC4zMzlBNiw2LDAsMCwxLDUuMTMsMzMuMDIzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTg2IDU3Mikgcm90YXRlKDkwKSIgZmlsbD0iI2ZmZiIvPgogIDwvZz4KPC9zdmc+Cg=="); background-size: 50px; background-repeat: no-repeat; background-position: center; } .first .div .s.here .vlink { opacity: 0; } .s video { position: absolute; left: 50%; right: 0; bottom: 0; top: 50%; width: 358px; transform: translate(-50%, -50%); } .first .r1 { position: absolute; left: -443px; top: 2%; transform: translateY(-50%); width: 2000px; height: 1569px; background: url(/template/sun/img/r1.png) 0px 100% no-repeat; z-index: -1; background-size: contain; pointer-events: none; } .first p { width: 400px; max-width: 100%; } .sec { position: relative; } .sec .r1 { position: absolute; right: -943px; top: 70%; transform: translateY(-50%)rotate(-41deg); width: 2000px; height: 1569px; background: url(/template/sun/img/r1.png) 0px 100% no-repeat; z-index: -1; background-size: contain; pointer-events: none; } .first .div .s { left: 60%; width: 260px; height: unset; aspect-ratio: 277/670; border-radius: 900px; border: 1px solid #5b5b5b; background-image: url(https://n.sunclusiv.sk/template/sun/img/v2.png); background-size: cover; overflow: hidden; } .first .div .f img { height: 460px; } .first .div .s img { height: 620px; } p { font-weight: 300; font-size: 18px; line-height: 28px; margin-bottom: 20px; display: block; } .swiper-wrapper { overflow: hidden; } footer { padding-bottom: 30px; background: url(/template/sun/img/top.jpg) 0px 0% no-repeat; z-index: -1; background-size: cover; } .copy ul, footer ul { list-style: none; display: block; padding: 0; margin: 0; color: white; } .copy ul li { display: inline-block; margin: 10px; padding: 5px; } .copy ul li a { color: white; text-decoration: none; font-weight: 300; font-size: 16px; } .text-right { text-align: right; } .inline a, .inline p { display: inline-block; margin: 10px !important; transform: translateY(20px); } footer ul li a { color: white; text-decoration: none; text-decoration: none; font-weight: 300; font-size: 18px; line-height: 28px; margin: 10px 0; display: block; } h3 { font-family: 'Bodoni Moda', serif; font-size: 31px; font-weight: 100; letter-spacing: 0.3px; } .map { height: 315px; width: 100%; background: #c0c0c06e; border-radius: 15px; overflow: hidden; position: relative; } .map a.lk { position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%); background: #B1F6FF; color: black; text-align: center; text-decoration: none; padding: 6px 18px; font-size: 14px; border-radius: 50px; font-weight: 300; font-family: 'Hind'; cursor: pointer; } footer .inline { text-align: center; transform: translateY(20px); } footer a.logo { width: 170px; margin: 10px; display: inline-block; transform: translateY(5px); } .sol .name h3 { margin-bottom: 10px; } footer .inst { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMSA1MTEuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTUxMC45NSAxNTAuNWMtMS4yLTI3LjItNS41OTgtNDUuODk4LTExLjktNjIuMTAyLTYuNS0xNy4xOTktMTYuNS0zMi41OTctMjkuNi00NS4zOTgtMTIuODAyLTEzLTI4LjMwMi0yMy4xMDItNDUuMzAyLTI5LjUtMTYuMjk2LTYuMy0zNC44OTgtMTAuNy02Mi4wOTctMTEuODk4QzMzNC42NDguMyAzMjUuOTQ5IDAgMjU2LjQ0OSAwcy03OC4xOTkuMy0xMDUuNSAxLjVjLTI3LjE5OSAxLjItNDUuODk4IDUuNjAyLTYyLjA5NyAxMS44OTgtMTcuMjA0IDYuNS0zMi42MDIgMTYuNS00NS40MDMgMjkuNjAyLTEzIDEyLjgtMjMuMDk3IDI4LjMtMjkuNSA0NS4zLTYuMyAxNi4zMDItMTAuNjk5IDM0LjktMTEuODk4IDYyLjA5OEMuNzUgMTc3LjgwMS40NDkgMTg2LjUuNDQ5IDI1NnMuMzAxIDc4LjIgMS41IDEwNS41YzEuMiAyNy4yIDUuNjAyIDQ1Ljg5OCAxMS45MDMgNjIuMTAyIDYuNSAxNy4xOTkgMTYuNTk3IDMyLjU5NyAyOS41OTcgNDUuMzk4IDEyLjgwMSAxMyAyOC4zMDEgMjMuMTAyIDQ1LjMwMSAyOS41IDE2LjMgNi4zIDM0Ljg5OCAxMC43IDYyLjEwMiAxMS44OTggMjcuMjk2IDEuMjA0IDM2IDEuNSAxMDUuNSAxLjVzNzguMTk5LS4yOTYgMTA1LjUtMS41YzI3LjE5OS0xLjE5OSA0NS44OTgtNS41OTcgNjIuMDk3LTExLjg5OGExMzAuOTM0IDEzMC45MzQgMCAwIDAgNzQuOTAzLTc0Ljg5OGM2LjI5Ni0xNi4zMDEgMTAuNjk5LTM0LjkwMyAxMS44OTgtNjIuMTAyIDEuMi0yNy4zIDEuNS0zNiAxLjUtMTA1LjVzLS4xMDItNzguMi0xLjMtMTA1LjV6bS00Ni4wOTggMjA5Yy0xLjEwMiAyNS01LjMwMSAzOC41LTguODAxIDQ3LjUtOC42MDIgMjIuMy0yNi4zMDEgNDAtNDguNjAyIDQ4LjYwMi05IDMuNS0yMi41OTcgNy42OTktNDcuNSA4Ljc5Ni0yNyAxLjIwNC0zNS4wOTcgMS41LTEwMy4zOTggMS41cy03Ni41LS4yOTYtMTAzLjQwMy0xLjVjLTI1LTEuMDk3LTM4LjUtNS4yOTYtNDcuNS04Ljc5NkM5NC41NTEgNDUxLjUgODQuNDUgNDQ1IDc2LjI1IDQzNi41Yy04LjUtOC4zLTE1LTE4LjMtMTkuMTAyLTI5LjM5OC0zLjUtOS03LjY5OS0yMi42MDItOC43OTYtNDcuNS0xLjIwNC0yNy0xLjUtMzUuMTAyLTEuNS0xMDMuNDAzcy4yOTYtNzYuNSAxLjUtMTAzLjM5OGMxLjA5Ny0yNSA1LjI5Ni0zOC41IDguNzk2LTQ3LjVDNjEuMjUgOTQuMTk5IDY3Ljc1IDg0LjEgNzYuMzUyIDc1Ljg5OGM4LjI5Ni04LjUgMTguMjk2LTE1IDI5LjM5OC0xOS4wOTcgOS0zLjUgMjIuNjAyLTcuNyA0Ny41LTguODAxIDI3LTEuMiAzNS4xMDItMS41IDEwMy4zOTgtMS41IDY4LjQwMyAwIDc2LjUuMyAxMDMuNDAzIDEuNSAyNSAxLjEwMiAzOC41IDUuMyA0Ny41IDguOCAxMS4wOTcgNC4wOTggMjEuMTk5IDEwLjU5OCAyOS4zOTggMTkuMDk4IDguNSA4LjMwMSAxNSAxOC4zMDEgMTkuMTAyIDI5LjQwMyAzLjUgOSA3LjY5OSAyMi41OTcgOC44IDQ3LjUgMS4yIDI3IDEuNSAzNS4wOTcgMS41IDEwMy4zOThzLS4zIDc2LjMwMS0xLjUgMTAzLjMwMXptMCAwIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggZD0iTTI1Ni40NSAxMjQuNWMtNzIuNTk4IDAtMTMxLjUgNTguODk4LTEzMS41IDEzMS41czU4LjkwMiAxMzEuNSAxMzEuNSAxMzEuNWM3Mi42IDAgMTMxLjUtNTguODk4IDEzMS41LTEzMS41cy01OC45LTEzMS41LTEzMS41LTEzMS41em0wIDIxNi44Yy00Ny4wOTggMC04NS4zMDItMzguMTk4LTg1LjMwMi04NS4zczM4LjIwNC04NS4zIDg1LjMwMS04NS4zYzQ3LjEwMiAwIDg1LjMwMSAzOC4xOTggODUuMzAxIDg1LjNzLTM4LjIgODUuMy04NS4zIDg1LjN6TTQyMy44NTIgMTE5LjNjMCAxNi45NTQtMTMuNzQ3IDMwLjctMzAuNzA0IDMwLjctMTYuOTUzIDAtMzAuNjk5LTEzLjc0Ni0zMC42OTktMzAuNyAwLTE2Ljk1NiAxMy43NDYtMzAuNjk4IDMwLjctMzAuNjk4IDE2Ljk1NiAwIDMwLjcwMyAxMy43NDIgMzAuNzAzIDMwLjY5OXptMCAwIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==); background-size: 25px; background-position: center bottom; background-repeat: no-repeat; width: 30px; height: 25px; display: inline-block; position: relative; z-index: 233; margin: 0; margin-right: 10px; margin-top: -2px; } footer .fb { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik00MjAgMzZIOTJhNTYgNTYgMCAwIDAtNTYgNTZ2MzI4YTU2IDU2IDAgMCAwIDU2IDU2aDE2MC42N1YyOTIuOTI0aC0zNi42MTV2LTczLjIzaDM2LjMxMlYxODYuNmMwLTI5Ljk1MiAxNC4yNjgtNzYuNzQ2IDc3LjA1OS03Ni43NDZsNTYuNTY1LjIyN3Y2Mi43NDFoLTQxLjA3OGMtNi42NzkgMC0xNi4xODMgMy4zMjYtMTYuMTgzIDE3LjU5MnYyOS4yODVoNTguMTk1bC02LjY4IDczLjIzSDMyNS45VjQ3Nkg0MjBhNTYgNTYgMCAwIDAgNTYtNTZWOTJhNTYgNTYgMCAwIDAtNTYtNTZ6IiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==); background-size: 26px; background-position: center bottom; background-repeat: no-repeat; width: 24px; height: 25px; display: inline-block; position: relative; z-index: 233; margin: 0; margin-right: 10px; margin-top: -2px; } footer h3 { margin-top: 24px; font-size: 20px; margin-bottom: 30px; } h2 { font-size: 60px; font-weight: 100; line-height: 70px; margin-bottom: 0; } section { position: relative; } section.thi .r1 { position: absolute; right: -1100px; top: 30%; width: 2000px; height: 1569px; background: url(/template/sun/img/r1.png) 0px 100% no-repeat; z-index: 0; background-size: contain; pointer-events: none; } .four div { font-weight: 300; font-size: 18px; border-radius: 27px; padding: 3px } .four .th span { width: 229px; height: 39px; background: #B1F6FF; color: black; display: block; text-align: center; line-height: 39px; font-weight: 300; font-size: 18px; border-radius: 27px; } .four .row .col-md-3:nth-child(2) { padding-left: 5%; } .four .row .col-md-3:nth-child(3), .four .row .col-md-3:nth-child(4) { text-align: right; color: #B1F6FF; font-size: 19px; font-weight: 300; padding-right: 8%; } .five h2 { position: relative; } .five h2::before { content: ''; position: absolute; top: 27%; left: 0; transform: translateY(-50%); width: 44%; height: 156px; background: transparent radial-gradient(closest-side at 34% 52%, #F958FF40 0%, #C669CA25 36%, #80808000 100%) 3% -22% no-repeat; background-position: -37px center; background-repeat: no-repeat; z-index: -1; } .sol .name p { font-weight: 300; font-size: 14px; line-height: 20px; margin-bottom: 20px; display: block; } footer .copy { transform: translateY(28px); } footer .col-md-4 h3 { margin-top: 10px; font-size: 20px; margin-bottom: 10px; margin-left: 0px; } .four .b { position: absolute; top: 0; right: 0; left: 0; height: 800px; background: url(/template/sun/img/top.jpg) 0px 100% no-repeat; z-index: -1; background-size: contain; } .thi .container { position: relative; min-height: 840px; } .thi .one { overflow: hidden; } .thi .one:nth-child(1) { position: absolute; left: 0; width: 500px; height: unset; aspect-ratio: 900/1199; top: 200px; background: transparent; border-radius: 106px; background: url(/template/sun/img/o1.png); background-size: contain; background-repeat: no-repeat; border-radius: 900px; z-index: 102 } .thi ul li { cursor: pointer; position: relative; } .thi ul li.active::before { content: ''; position: absolute; top: 0; left: -38px; transform: translateY(-50%); width: 218px; height: 108px; background: transparent radial-gradient(closest-side at 34% 52%, #F958FF40 0%, #C669CA25 36%, #80808000 100%) 3% 11% no-repeat; background-position: center; background-repeat: no-repeat; z-index: -1; background-size: 100%; } .thi .one::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: black; opacity: 0; transition: 700ms; } .thi .one:hover::after, .thi .one.active::after { opacity: .6; } .thi .one .w { position: absolute; top: 50%; left: 50%; width: 70%; height: max-content; transform: translate(-50%, -50%); opacity: 0; transition: 300ms; z-index: 344; } .fulls { width: 100%; display: block; } .fulls .sol { position: relative; display: inline-block; width: calc(100% / 4 - 23px); cursor: pointer; transition: 600ms; padding: 10px; } .thi .sol .text { margin: 25px; } .fulls .sol:not(.active) .p { opacity: 0; } .fulls .sol .text { margin-right: 25px; margin-top: -60px; } .thi .one:nth-child(2) { position: absolute; left: 366px; top: 260px; width: 534px; aspect-ratio: 700/457; background: url(/template/sun/img/o2.png); background-size: cover; border-radius: 900px; overflow: hidden; z-index: 103; } .thi .one:nth-child(3) { position: absolute; left: 431px; top: 520px; width: 484px; aspect-ratio: 700/533; background: url(/template/sun/img/o3.png); background-size: cover; border-radius: 900px; overflow: hidden; z-index: 104 } .thi .one:nth-child(4) { position: absolute; display: block; left: 850px; top: 207px; width: 424px; aspect-ratio: 535/700; background: url(/template/sun/img/o4.png); background-size: cover; border-radius: 900px; overflow: hidden; z-index: 100; } .thi .ene { position: absolute; left: 710px; height: 480px; width: 264px; border: 1px solid white; top: 549px; display: block; border-radius: 900px; opacity: .5; z-index: 98; } .thi .ene2 { position: absolute; left: 924px; height: 480px; width: 264px; border: 1px solid white; top: 618px; display: block; border-radius: 900px; opacity: .5; z-index: 99; } .r3 { position: absolute; left: -443px; bottom: 2%; transform: none; width: 1023px; height: 1569px; background: url(/template/sun/img/r1.png) 0px 100% no-repeat; z-index: -1; background-size: contain; pointer-events: none; } .scrolldown { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 80px; height: 80px; color: transparent; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSI2Ny43OTMiIHZpZXdCb3g9IjAgMCAzMiA2Ny43OTMiPgogIDxnIGlkPSJTY3JvbGwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MDMgLTk3MSkiPgogICAgPGcgaWQ9IlJlY3RhbmdsZV8xNSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcwMyA5NzEpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMSI+CiAgICAgIDxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSI1NSIgcng9IjE2IiBzdHJva2U9Im5vbmUiLz4KICAgICAgPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIzMSIgaGVpZ2h0PSI1NCIgcng9IjE1LjUiIGZpbGw9Im5vbmUiLz4KICAgIDwvZz4KICAgIDxnIGlkPSJFbGxpcHNlXzEiIGRhdGEtbmFtZT0iRWxsaXBzZSAxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MTQgOTc2KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEiPgogICAgICA8Y2lyY2xlIGN4PSI1IiBjeT0iNSIgcj0iNSIgc3Ryb2tlPSJub25lIi8+CiAgICAgIDxjaXJjbGUgY3g9IjUiIGN5PSI1IiByPSI0LjUiIGZpbGw9Im5vbmUiLz4KICAgIDwvZz4KICAgIDxwYXRoIGlkPSJQYXRoXzE1IiBkYXRhLW5hbWU9IlBhdGggMTUiIGQ9Ik0xNjI3LjAzMyw0NzMuMDQzbDYuNzkzLDYuNzkzLDYuNzkzLTYuNzkzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTE0LjUzMyA1NTguMjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgPC9nPgo8L3N2Zz4K); background-size: 24px; background-repeat: no-repeat; background-position: center; opacity: .6; } .sec p { max-width: 440px; font-size: 16px; line-height: 21px; } .sec .box { transform: translateY(40px); } .thi .one:hover .w, .thi .one.active .w { opacity: 1; } .thi ul { list-style: none; text-align: center; } h3 span { display: block; font-size: 20px; } .thi ul li { display: inline-block; margin: 65px 30px; font-weight: 300; } .sec .swiper-slide { flex-shrink: 0; width: calc(100% / 4 - 30px); height: 100%; padding: 15px; } .sec .swiper-slide p { font-weight: 300; font-size: 14px; line-height: 23px; margin-bottom: 20px; display: block; } .fulls .sol.active { opacity: 1; transform: translateY(40px) !important; } .menu-opener { position: absolute; right: 10px; top: 10px; width: 80px; height: 80px; } .menu-opener span { color: white; font-weight: 600; font-size: 12px; } .menu-opener .lines span { background: white; height: 2px; position: absolute; left: 0; transition: 500ms; } .menu-opener .lines span:first-child { width: 19px; top: 6px; } .menu-opener .lines span:nth-child(2) { width: 27px; top: 16px; } .menu-opener .lines span:last-child { width: 37px; top: 27px; } .menu-opener:not(.open):hover .lines span { width: 32px !important; } .menu-opener.open .lines span:first-child { width: 30px; transform: rotate(45deg); top: 15px; } .menu-opener.open .lines span:nth-child(2) { opacity: 0; } .menu-opener.open .lines span:last-child { width: 30px; transform: rotate(-45deg); top: 15px; } .menu-opener .lines { display: block; width: 34px; height: 33px; position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%); } .menu-opener span.name { color: white; font-weight: 800; font-size: 11px; position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); } #mobile-icons { position: relative; text-align: center; margin-left: 25px; } .desktop-hidden { display: none; } body, main, header, footer { max-width: 100vw; overflow-x: hidden } .first.full { width: 100%; height: unset; overflow: auto; display: block; } .first.full p, .first.full h1, .first.full h2, .first.full h3 { max-width: 100%; width: 100%; text-align: left; } .first.full p { font-size: 14px; font-family: 'Hind',sans-serif; line-height: 19px; } @media only screen and (max-width: 1180px) { footer, section { padding: 0 20px; } header { width: 100vw; } section.first .row .col-md-6:nth-child(1) { padding-left: 80px; } } @media only screen and (max-width: 1000px) { #prices .row.table:hover::before { background: transparent } section { padding: 0 20px; } .desktop-hidden { display: block; } .wrapp-60-0 { padding: 0px 0 !important; } .menu-opener { position: fixed; right: 10px; top: 10px; width: 80px; height: 80px; z-index: 8765; } section.first .row .col-md-6:nth-child(1) { padding-left: 0px; } header { position: fixed; top: 0; left: 0; right: 0; z-index: 234; width: 100%; overflow: hidden; height: 100px; } header.fixeddd a.logo { transform: translateY(0px); } .first.full { width: 100%; height: unset; overflow: auto; display: block; padding: 0 20px; max-width: calc(100% - 40px); } #main-menu li:last-child a { margin-top: 30px; display: table; margin-left: auto; margin-right: auto; } #main-menu.open { position: fixed; right: 0; top: 0; width: 100%; height: 100vh; background: #000000de; margin-top: 0; padding-top: 80px; opacity: 1; transform: translateX(0%); z-index: 888; } .fulls .sol, .fulls .sol.active { position: relative; display: inline-block; width: 100% !important; cursor: pointer; transition: 600ms; transform: none !important; margin-bottom: 50px; opacity: 1; } .sol .col-md-12 { width: 100%; } .fulls .sol:not(.active) .p { opacity: 1; } #main-menu { position: fixed; right: 0; top: 0 !important; width: 100%; height: 100vh; background: #000000c7; margin-top: 0 !important; padding-top: 77px; opacity: 0; transform: translateX(100%); } header { transform: none !important } a.logo { margin-top: 20px; width: 200px; aspect-ratio: 60/17; background: url(/template/sun/img/logo-w.svg) 50% 50% no-repeat; background-size: contain; display: block; float: left; margin-left: 0; } .sol .name .p { margin-top: 30px; } #main-menu li { display: block; margin: 10px 20px; text-align: center; } #main-menu li a { display: block; color: white; text-decoration: none; font-weight: 300; padding: 10px 14px; margin: 0 10px; font-size: 22px; } .first { height: auto; position: relative; left: 0; right: 0; top: 0; margin-top: 120px; padding: 0 20px; width: calc(100% - 40px); overflow: visible; } h1, h2 { font-size: 50px; font-weight: 100; line-height: 65px; margin-bottom: 0; } .wrapp-20-0 { padding: 0; } .col-md-6, .col-md-12 { width: 100%; } .thi ul li { display: inline-block; margin: 20px 15px; font-weight: 300; } .first .div .f, .first .div .s { position: absolute; top: 42%; left: 50%; transform: translate(-50%, -50%); } .first .div .s { left: 63%; width: 260px; top: 290px; height: unset; aspect-ratio: 277/670; border-radius: 900px; border: 1px solid #5b5b5b; background-image: url(https://n.sunclusiv.sk/template/sun/img/v2.png); background-size: cover; overflow: hidden; } .first .div .f { position: absolute; top: 42%; left: 33%; transform: translate(-50%, -50%); } .thi .one:nth-child(1), .thi .one:nth-child(2), .thi .one:nth-child(3), .thi .one:nth-child(4) { position: relative; display: block; top: unset; left: unset; bottom: unset; right: unset; width: 100%; margin-bottom: 40px; } .thi .one::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: black; opacity: 0.3; transition: 700ms; } footer a.logo, footer .inline a.logo, footer .inline p { width: 170px; margin: 25px auto !important; display: table !important; transform: none !important; float: none; } .sol .name p { font-weight: 300; font-size: 16px; line-height: 24px; margin-bottom: 20px; display: block; } .sec { margin-top: -160px; } .fulls { width: 100%; display: block; margin-top: 60px; } .wrapp-60-0 { padding: 20px 0 !important; } .thi .one .w { position: absolute; top: 50%; left: 50%; width: 70%; height: max-content; transform: translate(-50%, -50%); opacity: 1; transition: 300ms; z-index: 344; text-align: center; } .thi ul { display: none; } .thi .one:nth-child(1) { margin-top: 40px; } h3 { font-family: 'Bodoni Moda', serif; font-size: 29px; font-weight: 100; letter-spacing: 0.3px; margin-bottom: -11px; } .form_block.textarea { width: 100%; max-width: 100%; float: none; position: relative; top: 0; right: 0; height: 240px; display: inline-block; } .form_block.textarea { width: 100%; max-width: 100%; float: none; position: relative; top: 0; right: 0; height: 240px; display: inline-block; } .form_block input, .form_block textarea { border: 1px solid white; background: transparent; border-radius: 27px; padding: 12px 15px; margin: 8px 0; color: white; font-size: 16px; font-family: 'Hind', sans-serif; font-weight: 300; outline: none; width: calc(100% - 30px); display: block; } .form_block.textarea { width: 100%; max-width: 100%; float: none; position: relative; top: 0; right: 0; height: unset; display: inline-block; } footer { padding: 0 20px; overflow: hidden } footer .col-md-4 { width: 100%; text-align: center; margin: 5px 0; } footer .col-md-4 h3 { margin-top: 25px; font-size: 28px; margin-bottom: 10px; margin-left: 0px; } .scrolldown { display: none; } .form_block:not(.textarea) { width: 100%; max-width: 100%; } .form_block .btn { position: relative; right: unset; top: unset; background: #b1f6ff; color: black; padding: 14px 0px; width: 100%; max-width: 100%; border-radius: 50px; text-align: center; font-weight: 200; font-size: 19px; cursor: pointer; } .four .th { display: none; } .four .col-md-3::before { content: attr(data-text); display: block; position: relative; opacity: 0.8; text-transform: uppercase; font-size: 12px; } .four .col-md-3:nth-child(1) { display: block; width: 100%; font-size: 25px; } .four .col-md-3 { width: 100%; text-align: left !important; float: left; padding: 0 !important; margin: 0 !important; margin-bottom: 17px !important; } } @media only screen and (max-width: 376px) { .sec { margin-top: -90px; } .first.full { width: 100%; height: unset; overflow: auto; display: block; padding: 0 20px; max-width: calc(100% - 40px); padding-top: 50px; margin-top: 0 } }