Upload 162 files

.gitattributes

@@ -35,3 +35,5 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
 CREEPBACK/login/li.gif filter=lfs diff=lfs merge=lfs -text
 CREEPBACK/login/li98.gif filter=lfs diff=lfs merge=lfs -text
+login/li.gif filter=lfs diff=lfs merge=lfs -text
+login/li98.gif filter=lfs diff=lfs merge=lfs -text

asserts2/css/loaders/loader.css

@@ -0,0 +1,126 @@
+/*! ------------------------------------------------
+ * Project Name: Name: Ignite - Coming Soon and Landing Page Template
+ * Project Description: Ignite - functional and beautifully designed coming soon and landing page template to kick-start your project
+ * Tags: mix_design, coming soon, under construction, template, landing page, portfolio, one page, responsive, html5, css3, creative, clean, agency, personal page
+ * Version: 1.0.1
+ * Build Date: May 2023
+ * Last Update: January 2024
+ * This product is available exclusively on Themeforest
+ * Author: mix_design
+ * Author URI: https://themeforest.net/user/mix_design */
+
+/*! File name: loader.css
+ * ------------------------------------------------
+ *
+ * ------------------------------------------------
+ * Table of Contents
+ * ------------------------------------------------
+ *  1. Loader Styles
+ * ------------------------------------------------
+ * Table of Contents End
+ * ------------------------------------------------ */
+
+/* ------------------------------------------------*/
+
+/* Loader Styles Start */
+
+/* ------------------------------------------------*/
+
+.loader {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 9999;
+    background-color: #0c0c0c;
+    opacity: 1;
+    visibility: visible;
+    -webkit-transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;
+}
+
+.loader.loaded {
+    opacity: 0;
+    visibility: hidden;
+}
+
+.loader__content {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    bottom: auto;
+    right: auto;
+    -webkit-transform: translateX(-50%) translateY(-50%);
+    -moz-transform: translateX(-50%) translateY(-50%);
+    -ms-transform: translateX(-50%) translateY(-50%);
+    transform: translateX(-50%) translateY(-50%);
+}
+
+.loader__logo {
+    width: 100px;
+}
+
+.loader__logo img {
+    display: block;
+    width: 100%;
+    height: auto;
+}
+
+@-webkit-keyframes scaleOut {
+    from {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1);
+        opacity: 1;
+    }
+    to {
+        -webkit-transform: scale3d(1.14, 1.14, 1.14);
+        transform: scale3d(1.14, 1.14, 1.14);
+        opacity: 0;
+    }
+}
+
+@-moz-keyframes scaleOut {
+    from {
+        -moz-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1);
+        opacity: 1;
+    }
+    to {
+        -moz-transform: scale3d(1.14, 1.14, 1.14);
+        transform: scale3d(1.14, 1.14, 1.14);
+        opacity: 0;
+    }
+}
+
+@keyframes scaleOut {
+    from {
+        -webkit-transform: scale3d(1, 1, 1);
+        -moz-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1);
+        opacity: 1;
+    }
+    to {
+        -webkit-transform: scale3d(1.14, 1.14, 1.14);
+        -moz-transform: scale3d(1.14, 1.14, 1.14);
+        transform: scale3d(1.14, 1.14, 1.14);
+        opacity: 0;
+    }
+}
+
+.scaleOut {
+    -webkit-animation: scaleOut 0.3s 1;
+    -moz-animation: scaleOut 0.3s 1;
+    animation: scaleOut 0.3s 1;
+    -webkit-animation-fill-mode: both;
+    -moz-animation-fill-mode: both;
+    animation-fill-mode: both;
+}
+
+/* ------------------------------------------------*/
+
+/* Loader Styles End */
+
+/* ------------------------------------------------*/

asserts2/css/main.css

@@ -0,0 +1,3635 @@
+/*! ------------------------------------------------
+ * Project Name: Name: Ignite - Coming Soon and Landing Page Template
+ * Project Description: Ignite - functional and beautifully designed coming soon and landing page template to kick-start your project
+ * Tags: mix_design, coming soon, under construction, template, landing page, portfolio, one page, responsive, html5, css3, creative, clean, agency, personal page
+ * Version: 1.0.1
+ * Build Date: May 2023
+ * Last Update: January 2024
+ * This product is available exclusively on Themeforest
+ * Author: mix_design
+ * Author URI: https://themeforest.net/user/mix_design */
+
+/*! File name: main.css
+ * ------------------------------------------------
+ *
+ * ------------------------------------------------
+ * Table of Contents
+ * ------------------------------------------------
+ *  1. Template Backgrounds
+ *  2. Fonts
+ *  3. Base CSS Styles
+ *  4. Transitions
+ *  5. Typography
+ *  6. Buttons & Controls
+ *  7. Forms and Forms Reply Groups
+ *  8. Animated Backgrounds
+ *  9. Header
+ *  10. Footer
+ *  11. Main Section
+ *  12. Menu
+ *  13. Socials
+ *  14. Countdown
+ *  15. Swiper Slider
+ *  16. Popup Dialogs
+ *  17. Inner Sections
+ *  18. Skillbars
+ *  19. Features
+ *  20. Contact Data
+ *  21. Gallery
+ * ------------------------------------------------
+ * Table of Contents End
+ * ------------------------------------------------ */
+
+/* ------------------------------------------------*/
+
+/* Template Backgrounds Start */
+
+/* ------------------------------------------------*/
+
+@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
+.media-image-1 {
+    background-image: url("../img/backgrounds/960x1080-media-1.webp");
+}
+
+.media-image-2 {
+    background-image: url("../img/backgrounds/960x1080-media-2.webp");
+}
+
+.media-full-1 {
+    background-image: url("../img/backgrounds/1920x1080-media-1.webp");
+}
+
+.media-full-4 {
+    background-image: url("../img/backgrounds/1920x1080-media-4.webp");
+}
+
+.media-full-5 {
+    background-image: url("../img/backgrounds/1920x1080-media-5.webp");
+}
+
+.media-full-video-1 {
+    background-image: url("../img/backgrounds/1920x1080-video-1.webp");
+}
+
+.split-slide-1 {
+    background-image: url("../img/backgrounds/960x1080-slider-1.webp");
+}
+
+.split-slide-2 {
+    background-image: url("../img/backgrounds/960x1080-slider-2.webp");
+}
+
+.split-slide-3 {
+    background-image: url("../img/backgrounds/960x1080-slider-3.webp");
+}
+
+.about-image {
+    background-image: url("../img/backgrounds/960x1080-inner-1.webp");
+}
+
+.contact-image {
+    background-image: url("../img/backgrounds/960x1080-inner-2.webp");
+}
+
+/* ------------------------------------------------*/
+
+/* Template Backgrounds End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Fonts Start */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Fonts End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Base CSS Styles Start */
+
+/* ------------------------------------------------*/
+
+*,
+*::before,
+*::after {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+button:active,
+button:focus {
+    outline: none !important;
+}
+
+button::-moz-focus-inner {
+    border: 0 !important;
+}
+
+input::-moz-focus-inner {
+    border: 0 !important;
+}
+
+::-moz-selection {
+    background-color: rgba(255, 255, 255, 0.6);
+    color: #141414;
+    text-shadow: none;
+}
+
+::selection {
+    background-color: rgba(255, 255, 255, 0.6);
+    color: #141414;
+    text-shadow: none;
+}
+
+::-webkit-scrollbar {
+    display: none;
+    width: 5px;
+    background: #242424;
+}
+
+@media only screen and (min-width: 768px) {
+    ::-webkit-scrollbar {
+        display: block;
+    }
+}
+
+::-webkit-scrollbar-track {
+    border-radius: 20px;
+    background-color: #242424;
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: #555555;
+    border-radius: 10px;
+}
+
+html,
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+
+html {
+    font-family: sans-serif;
+    font-size: 62.5%;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+    position: relative;
+    min-width: 360px;
+    overflow-x: hidden !important;
+    font: normal 400 1.6rem/1.6 "Poppins", sans-serif;
+    text-rendering: optimizeLegibility;
+    background-color: #0c0c0c;
+}
+
+section {
+    position: relative;
+    min-width: 360px;
+}
+
+a {
+    text-decoration: none;
+    outline: 0;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    -webkit-transition: all 0.6s ease-in-out;
+    -o-transition: all 0.6s ease-in-out;
+    -moz-transition: all 0.6s ease-in-out;
+    transition: all 0.6s ease-in-out;
+}
+
+img {
+    display: block;
+    width: 100%;
+    height: auto;
+}
+
+.overflow-hidden {
+    overflow: hidden !important;
+}
+
+.container-mobile {
+    padding: 0 3.4rem;
+}
+
+.container-desktop {
+    padding: 0 6rem;
+}
+
+@media only screen and (min-width: 1400px) {
+    .container-desktop {
+        padding: 0 8rem;
+    }
+}
+
+.fullheight {
+    position: relative;
+    height: auto;
+}
+
+@media only screen and (min-width: 1200px) {
+    .fullheight {
+        height: 100%;
+    }
+}
+
+.fullheight-mobile {
+    position: relative;
+    height: 100%;
+}
+
+.fullscreen-bg {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    min-width: 360px;
+    height: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+    -moz-background-size: cover;
+    background-size: cover;
+}
+
+.color-layer {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.layer-dark-03 {
+    background-color: rgba(0, 0, 0, 0.3);
+}
+
+.layer-dark-06 {
+    background-color: rgba(0, 0, 0, 0.6);
+}
+
+.block-rounded-s {
+    -moz-border-radius: 0.4rem;
+    border-radius: 0.4rem;
+    overflow: hidden;
+    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
+    -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
+    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
+}
+
+@-webkit-keyframes blockMove {
+    0% {
+        -webkit-transform: translateY(102%);
+        transform: translateY(102%);
+    }
+    35% {
+        -webkit-transform: translateY(0);
+        transform: translateY(0);
+    }
+    55% {
+        -webkit-transform: translateY(0);
+        transform: translateY(0);
+    }
+    100% {
+        -webkit-transform: translateY(-102%);
+        transform: translateY(-102%);
+    }
+}
+
+@-moz-keyframes blockMove {
+    0% {
+        -moz-transform: translateY(102%);
+        transform: translateY(102%);
+    }
+    35% {
+        -moz-transform: translateY(0);
+        transform: translateY(0);
+    }
+    55% {
+        -moz-transform: translateY(0);
+        transform: translateY(0);
+    }
+    100% {
+        -moz-transform: translateY(-102%);
+        transform: translateY(-102%);
+    }
+}
+
+@keyframes blockMove {
+    0% {
+        -webkit-transform: translateY(102%);
+        -moz-transform: translateY(102%);
+        transform: translateY(102%);
+    }
+    35% {
+        -webkit-transform: translateY(0);
+        -moz-transform: translateY(0);
+        transform: translateY(0);
+    }
+    55% {
+        -webkit-transform: translateY(0);
+        -moz-transform: translateY(0);
+        transform: translateY(0);
+    }
+    100% {
+        -webkit-transform: translateY(-102%);
+        -moz-transform: translateY(-102%);
+        transform: translateY(-102%);
+    }
+}
+
+@-webkit-keyframes itemsOpacity {
+    0% {
+        opacity: 0;
+    }
+    35% {
+        opacity: 0;
+    }
+    60% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+@-moz-keyframes itemsOpacity {
+    0% {
+        opacity: 0;
+    }
+    35% {
+        opacity: 0;
+    }
+    60% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+@keyframes itemsOpacity {
+    0% {
+        opacity: 0;
+    }
+    35% {
+        opacity: 0;
+    }
+    60% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+/* ------------------------------------------------*/
+
+/* Base CSS Styles End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Transitions Start */
+
+/* ------------------------------------------------*/
+
+body .header,
+body .footer-desktop {
+    opacity: 0;
+    -webkit-transition: opacity 0.5s ease-in;
+    -o-transition: opacity 0.5s ease-in;
+    -moz-transition: opacity 0.5s ease-in;
+    transition: opacity 0.5s ease-in;
+}
+
+body.loaded .header,
+body.loaded .footer-desktop {
+    opacity: 1;
+}
+
+.main::after {
+    -webkit-transform: translateY(102%);
+    -moz-transform: translateY(102%);
+    -ms-transform: translateY(102%);
+    transform: translateY(102%);
+}
+
+.main .footer-mobile {
+    opacity: 0;
+}
+
+.main .headline__subtitle,
+.main .headline__title,
+.main .headline__btnholder,
+.main .media__countdown {
+    opacity: 0;
+    -webkit-transform: translateY(1rem);
+    -moz-transform: translateY(1rem);
+    -ms-transform: translateY(1rem);
+    transform: translateY(1rem);
+}
+
+.main .main__media,
+.main .intro__background,
+.main .fullscreen-bg {
+    opacity: 0;
+}
+
+.main.animate-in:after {
+    -webkit-animation: 0.8s 0.3s ease-in-out 1 both blockMove;
+    -moz-animation: 0.8s 0.3s ease-in-out 1 both blockMove;
+    animation: 0.8s 0.3s ease-in-out 1 both blockMove;
+}
+
+.main.animate-in .main__media,
+.main.animate-in .footer-mobile,
+.main.animate-in .intro__background,
+.main.animate-in .fullscreen-bg {
+    -webkit-animation: 0.8s 0.3s ease-in-out 1 both itemsOpacity;
+    -moz-animation: 0.8s 0.3s ease-in-out 1 both itemsOpacity;
+    animation: 0.8s 0.3s ease-in-out 1 both itemsOpacity;
+}
+
+.main.animate-in .headline__subtitle,
+.main.animate-in .headline__title,
+.main.animate-in .headline__btnholder,
+.main.animate-in .media__countdown {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+}
+
+.main.animate-in .headline__subtitle {
+    -webkit-transition: opacity 0.2s 0.8s, -webkit-transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 0.8s, -webkit-transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -o-transition: opacity 0.2s 0.8s, transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -moz-transition: opacity 0.2s 0.8s, transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 0.8s, transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 0.8s, transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+}
+
+.main.animate-in .headline__title,
+.main.animate-in .media__countdown {
+    -webkit-transition: opacity 0.2s 0.9s, -webkit-transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 0.9s, -webkit-transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -o-transition: opacity 0.2s 0.9s, transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -moz-transition: opacity 0.2s 0.9s, transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 0.9s, transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 0.9s, transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+}
+
+.main.animate-in .headline__btnholder {
+    -webkit-transition: opacity 0.2s 1s, -webkit-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1s, -webkit-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -o-transition: opacity 0.2s 1s, transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -moz-transition: opacity 0.2s 1s, transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1s, transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1s, transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+}
+
+.main.animate-out {
+    opacity: 0;
+    visibility: hidden;
+    -webkit-transition: all 0.5s ease-in-out;
+    -o-transition: all 0.5s ease-in-out;
+    -moz-transition: all 0.5s ease-in-out;
+    transition: all 0.5s ease-in-out;
+}
+
+.inner {
+    opacity: 0;
+    visibility: hidden;
+}
+
+.inner::after {
+    -webkit-transform: translateY(102%);
+    -moz-transform: translateY(102%);
+    -ms-transform: translateY(102%);
+    transform: translateY(102%);
+}
+
+.inner .content-block {
+    opacity: 0;
+    -webkit-transform: translateY(1rem);
+    -moz-transform: translateY(1rem);
+    -ms-transform: translateY(1rem);
+    transform: translateY(1rem);
+}
+
+.inner .inner__media {
+    opacity: 0;
+}
+
+.inner.animate-in {
+    opacity: 1;
+    visibility: visible;
+}
+
+.inner.animate-in:after {
+    -webkit-animation: 0.8s 0.3s ease-in-out 1 both blockMove;
+    -moz-animation: 0.8s 0.3s ease-in-out 1 both blockMove;
+    animation: 0.8s 0.3s ease-in-out 1 both blockMove;
+}
+
+.inner.animate-in .inner__media {
+    -webkit-animation: 0.8s 0.3s ease-in-out 1 both itemsOpacity;
+    -moz-animation: 0.8s 0.3s ease-in-out 1 both itemsOpacity;
+    animation: 0.8s 0.3s ease-in-out 1 both itemsOpacity;
+}
+
+.inner.animate-in .content-block {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+}
+
+.inner.animate-in .content-block:nth-of-type(1) {
+    -webkit-transition: opacity 0.2s 1s, -webkit-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1s, -webkit-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -o-transition: opacity 0.2s 1s, transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -moz-transition: opacity 0.2s 1s, transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1s, transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1s, transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+}
+
+.inner.animate-in .content-block:nth-of-type(2) {
+    -webkit-transition: opacity 0.2s 1.1s, -webkit-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.1s, -webkit-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -o-transition: opacity 0.2s 1.1s, transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -moz-transition: opacity 0.2s 1.1s, transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.1s, transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.1s, transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+}
+
+.inner.animate-in .content-block:nth-of-type(3) {
+    -webkit-transition: opacity 0.2s 1.2s, -webkit-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.2s, -webkit-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -o-transition: opacity 0.2s 1.2s, transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -moz-transition: opacity 0.2s 1.2s, transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.2s, transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.2s, transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+}
+
+.inner.animate-in .content-block:nth-of-type(4) {
+    -webkit-transition: opacity 0.2s 1.3s, -webkit-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.3s, -webkit-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -o-transition: opacity 0.2s 1.3s, transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -moz-transition: opacity 0.2s 1.3s, transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.3s, transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.3s, transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+}
+
+.inner.animate-out {
+    opacity: 0;
+    visibility: hidden;
+    -webkit-transition: all 0.5s ease-in-out;
+    -o-transition: all 0.5s ease-in-out;
+    -moz-transition: all 0.5s ease-in-out;
+    transition: all 0.5s ease-in-out;
+}
+
+.nav {
+    opacity: 0;
+    visibility: hidden;
+}
+
+.nav::after {
+    -webkit-transform: translateY(102%);
+    -moz-transform: translateY(102%);
+    -ms-transform: translateY(102%);
+    transform: translateY(102%);
+}
+
+.nav .nav__background {
+    opacity: 0;
+}
+
+.nav .navigation li {
+    opacity: 0;
+    -webkit-transform: translate(0, 1rem);
+    -moz-transform: translate(0, 1rem);
+    -ms-transform: translate(0, 1rem);
+    transform: translate(0, 1rem);
+}
+
+.nav.animate-in {
+    opacity: 1;
+    visibility: visible;
+}
+
+.nav.animate-in:after {
+    -webkit-animation: 0.8s 0.3s ease-in-out 1 both blockMove;
+    -moz-animation: 0.8s 0.3s ease-in-out 1 both blockMove;
+    animation: 0.8s 0.3s ease-in-out 1 both blockMove;
+}
+
+.nav.animate-in .nav__background {
+    opacity: 1;
+    -webkit-transition: opacity 0.8s 0.6s ease-in;
+    -o-transition: opacity 0.8s 0.6s ease-in;
+    -moz-transition: opacity 0.8s 0.6s ease-in;
+    transition: opacity 0.8s 0.6s ease-in;
+}
+
+.nav.animate-in .navigation li {
+    opacity: 1;
+    -webkit-transform: translate(0, 0);
+    -moz-transform: translate(0, 0);
+    -ms-transform: translate(0, 0);
+    transform: translate(0, 0);
+}
+
+.nav.animate-in .navigation li:nth-of-type(1) {
+    -webkit-transition: opacity 0.2s 1.1s, -webkit-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.1s, -webkit-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -o-transition: opacity 0.2s 1.1s, transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -moz-transition: opacity 0.2s 1.1s, transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.1s, transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.1s, transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+}
+
+.nav.animate-in .navigation li:nth-of-type(2) {
+    -webkit-transition: opacity 0.2s 1.2s, -webkit-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.2s, -webkit-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -o-transition: opacity 0.2s 1.2s, transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -moz-transition: opacity 0.2s 1.2s, transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.2s, transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.2s, transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+}
+
+.nav.animate-in .navigation li:nth-of-type(3) {
+    -webkit-transition: opacity 0.2s 1.3s, -webkit-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.3s, -webkit-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -o-transition: opacity 0.2s 1.3s, transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -moz-transition: opacity 0.2s 1.3s, transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.3s, transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.3s, transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+}
+
+.nav.animate-in .navigation li:nth-of-type(4) {
+    -webkit-transition: opacity 0.2s 1.4s, -webkit-transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.4s, -webkit-transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -o-transition: opacity 0.2s 1.4s, transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    -moz-transition: opacity 0.2s 1.4s, transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.4s, transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+    transition: opacity 0.2s 1.4s, transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25);
+}
+
+.nav.animate-out {
+    opacity: 0;
+    visibility: hidden;
+    -webkit-transition: all 0.5s ease-in-out;
+    -o-transition: all 0.5s ease-in-out;
+    -moz-transition: all 0.5s ease-in-out;
+    transition: all 0.5s ease-in-out;
+}
+
+.popup {
+    opacity: 0;
+    visibility: hidden;
+    -webkit-transition: visibility 0s 0s, opacity 0.3s 0s;
+    -o-transition: visibility 0s 0s, opacity 0.3s 0s;
+    -moz-transition: visibility 0s 0s, opacity 0.3s 0s;
+    transition: visibility 0s 0s, opacity 0.3s 0s;
+}
+
+.popup .popup__content {
+    opacity: 0;
+    -webkit-transform: translateY(30px);
+    -moz-transform: translateY(30px);
+    -ms-transform: translateY(30px);
+    transform: translateY(30px);
+    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: opacity 0.6s, -webkit-transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -o-transition: opacity 0.6s, transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -moz-transition: opacity 0.6s, transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: opacity 0.6s, transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: opacity 0.6s, transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+}
+
+.popup.animate-in {
+    opacity: 1;
+    visibility: visible;
+}
+
+.popup.animate-in .popup__content {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+}
+
+.popup.animate-out {
+    opacity: 0;
+    visibility: hidden;
+    -webkit-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
+    -o-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
+    -moz-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
+    transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
+}
+
+.popup.animate-out .popup__content {
+    opacity: 0;
+    -webkit-transform: translateY(-30px);
+    -moz-transform: translateY(-30px);
+    -ms-transform: translateY(-30px);
+    transform: translateY(-30px);
+}
+
+.popup-close {
+    -webkit-transform: scale3d(0, 0, 0);
+    -moz-transform: scale3d(0, 0, 0);
+    transform: scale3d(0, 0, 0);
+    -webkit-transition: color 0.3s, -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: color 0.3s, -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -o-transition: color 0.3s, transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -moz-transition: color 0.3s, transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: color 0.3s, transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: color 0.3s, transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+}
+
+.popup-close.is-scaled-up {
+    -webkit-transform: scale3d(1, 1, 1);
+    -moz-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+}
+
+/* ------------------------------------------------*/
+
+/* Transitions End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Typography Start */
+
+/* ------------------------------------------------*/
+
+h1 {
+    font: normal 400 4rem/1.2 "Poppins", sans-serif;
+    color: #ffffff;
+}
+
+@media only screen and (min-width: 768px) {
+    h1 {
+        font-size: 5rem;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    h1 {
+        font-size: 6.6rem;
+    }
+}
+
+.typed-cursor {
+    font-weight: 200;
+}
+
+.headline__subtitle {
+    display: block;
+    font: normal 600 1.8rem/1.6 "Poppins", sans-serif;
+    color: #ffffff;
+    margin-bottom: 2.3rem;
+}
+
+.headline__btnholder {
+    margin-top: 3.8rem;
+}
+
+.headline__text {
+    font: normal 400 1.6rem/1.6 "Poppins", sans-serif;
+    color: #aaaaaa;
+    max-width: 480px;
+    margin-bottom: 4.4rem;
+}
+
+@media only screen and (min-width: 1400px) {
+    .headline__text {
+        max-width: 542px;
+        margin-bottom: 4.8rem;
+    }
+}
+
+h2 {
+    font: normal 400 3rem/1.2 "Poppins", sans-serif;
+    color: #ffffff;
+}
+
+@media only screen and (min-width: 768px) {
+    h2 {
+        font-size: 3.8rem;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    h2 {
+        font-size: 5rem;
+    }
+}
+
+.block__subtitle {
+    display: block;
+    font: normal 600 1.8rem/1.2 "Poppins", sans-serif;
+    color: #aaaaaa;
+    margin-bottom: 2.2rem;
+}
+
+.block__text {
+    margin-top: 2.3rem;
+}
+
+h3 {
+    font: normal 500 2rem/1.2 "Poppins", sans-serif;
+    color: #ffffff;
+}
+
+h4 {
+    font: normal 500 1.8rem/1.2 "Poppins", sans-serif;
+    color: #ffffff;
+}
+
+h4 small {
+    display: block;
+    margin-top: 0.2rem;
+    font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
+    color: #ffffff;
+}
+
+h4.opposite {
+    font-weight: 600;
+    color: #141414;
+}
+
+h4.opposite small {
+    font-weight: 400;
+    color: #141414;
+}
+
+h5 {
+    font: normal 500 1.8rem/1.2 "Poppins", sans-serif;
+    color: #ffffff;
+}
+
+p {
+    font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
+    color: #aaaaaa;
+}
+
+p span {
+    font-weight: 500;
+    color: #ffffff;
+}
+
+p.copyright {
+    font: normal 500 1.2rem/1.6 "Poppins", sans-serif;
+    color: #aaaaaa;
+}
+
+p.copyright a {
+    font: normal 500 1.2rem/1.6 "Poppins", sans-serif;
+    color: #aaaaaa;
+}
+
+.no-touch p.copyright a:hover {
+    color: #ffffff;
+}
+
+p.bright {
+    color: #ffffff;
+}
+
+p.bright a {
+    color: #ffffff;
+}
+
+.no-touch p.bright a:hover {
+    color: #ffffff;
+}
+
+@media only screen and (min-width: 1400px) {
+    p {
+        font-size: 1.6rem;
+    }
+}
+
+a {
+    color: #444444;
+}
+
+.text-link {
+    color: inherit;
+    color: #aaaaaa;
+    text-decoration: none;
+    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3))), -webkit-gradient(linear, left top, right top, from(white), to(white));
+    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), -moz-linear-gradient(left, white, white);
+    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), -o-linear-gradient(left, white, white);
+    background: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), linear-gradient(to right, white, white);
+    -moz-background-size: 100% 1px, 0 1px;
+    background-size: 100% 1px, 0 1px;
+    background-position: 100% 100%, 0 100%;
+    background-repeat: no-repeat;
+    -webkit-transition: background-size 400ms, color 300ms;
+    -o-transition: background-size 400ms, color 300ms;
+    -moz-transition: background-size 400ms, color 300ms, -moz-background-size 400ms;
+    transition: background-size 400ms, color 300ms;
+    transition: background-size 400ms, color 300ms, -moz-background-size 400ms;
+}
+
+.no-touch .text-link:hover {
+    color: #ffffff;
+    -moz-background-size: 0 1px, 100% 1px;
+    background-size: 0 1px, 100% 1px;
+}
+
+.contact-link {
+    color: inherit;
+    color: #aaaaaa;
+    text-decoration: none;
+    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, from(white), to(white));
+    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -moz-linear-gradient(left, white, white);
+    background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -o-linear-gradient(left, white, white);
+    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, white, white);
+    -moz-background-size: 100% 1px, 0 1px;
+    background-size: 100% 1px, 0 1px;
+    background-position: 100% 100%, 0 100%;
+    background-repeat: no-repeat;
+    -webkit-transition: background-size 400ms, color 300ms;
+    -o-transition: background-size 400ms, color 300ms;
+    -moz-transition: background-size 400ms, color 300ms, -moz-background-size 400ms;
+    transition: background-size 400ms, color 300ms;
+    transition: background-size 400ms, color 300ms, -moz-background-size 400ms;
+}
+
+.no-touch .contact-link:hover {
+    color: #ffffff;
+    -moz-background-size: 0 1px, 100% 1px;
+    background-size: 0 1px, 100% 1px;
+}
+
+.image-caption p {
+    font: normal 500 1.8rem/1.2 "Poppins", sans-serif;
+    color: #141414;
+}
+
+.image-caption p span {
+    display: block;
+    font: normal 400 1.4rem/1.6 "Poppins", sans-serif;
+    color: #141414;
+    margin-top: 0.2rem;
+}
+
+.image-caption.opposite p {
+    font-weight: 400;
+    color: #ffffff;
+}
+
+.image-caption.opposite p span {
+    display: block;
+    font-weight: 300;
+    color: rgba(255, 255, 255, 0.6);
+}
+
+.popup-title__title {
+    font: normal 400 3rem/1.2 "Poppins", sans-serif;
+    color: #ffffff;
+}
+
+@media only screen and (min-width: 768px) {
+    .popup-title__title {
+        font-size: 4rem;
+    }
+}
+
+.popup-title__text {
+    font: normal 300 1.6rem/1.6 "Poppins", sans-serif;
+    color: #aaaaaa;
+    margin-top: 2.5rem;
+}
+
+@media only screen and (min-width: 768px) {
+    .popup-title__text {
+        margin-top: 2.3rem;
+    }
+}
+
+/* ------------------------------------------------*/
+
+/* Typography End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Buttons & Controls Start */
+
+/* ------------------------------------------------*/
+
+.menu-button {
+    position: absolute;
+    top: 0;
+    right: 3.4rem;
+    width: 2.4rem;
+    height: 8rem;
+    z-index: 12;
+    padding: 2.8rem 0;
+}
+
+@media only screen and (min-width: 1200px) {
+    .menu-button {
+        position: absolute;
+        top: 0;
+        right: 6rem;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .menu-button {
+        position: absolute;
+        top: 0;
+        right: 8rem;
+        height: 9rem;
+        padding: 3.3rem 0;
+    }
+}
+
+.menu-trigger {
+    display: block;
+    position: relative;
+    width: 2.4rem;
+    height: 2.4rem;
+}
+
+.menu-trigger .circle {
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    bottom: auto;
+    right: auto;
+    -webkit-transform: translateX(-50%) translateY(-50%);
+    -moz-transform: translateX(-50%) translateY(-50%);
+    -ms-transform: translateX(-50%) translateY(-50%);
+    transform: translateX(-50%) translateY(-50%);
+    width: 4rem;
+    height: 4rem;
+    -moz-border-radius: 50%;
+    border-radius: 50%;
+    border: 2px solid #ffffff;
+    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
+    -moz-transform: translateX(-50%) translateY(-50%) scale(0);
+    -ms-transform: translateX(-50%) translateY(-50%) scale(0);
+    transform: translateX(-50%) translateY(-50%) scale(0);
+    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+}
+
+.menu-trigger .burger {
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 50%;
+    bottom: auto;
+    -webkit-transform: translateY(-50%);
+    -moz-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%);
+    width: 2.4rem;
+    height: 2px;
+    background-color: transparent;
+    -moz-border-radius: 1px;
+    border-radius: 1px;
+}
+
+.menu-trigger .burger::before,
+.menu-trigger .burger::after {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 50%;
+    right: auto;
+    -webkit-transform: translateX(-50%);
+    -moz-transform: translateX(-50%);
+    -ms-transform: translateX(-50%);
+    transform: translateX(-50%);
+    width: 100%;
+    height: 100%;
+    background-color: #ffffff;
+    -moz-border-radius: 1px;
+    border-radius: 1px;
+    -webkit-transition: all 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -o-transition: all 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -moz-transition: all 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: all 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+}
+
+.menu-trigger .burger::before {
+    -webkit-transform: translateX(-50%) translateY(-4px);
+    -moz-transform: translateX(-50%) translateY(-4px);
+    -ms-transform: translateX(-50%) translateY(-4px);
+    transform: translateX(-50%) translateY(-4px);
+}
+
+.menu-trigger .burger::after {
+    -webkit-transform: translateX(-50%) translateY(4px);
+    -moz-transform: translateX(-50%) translateY(4px);
+    -ms-transform: translateX(-50%) translateY(4px);
+    transform: translateX(-50%) translateY(4px);
+}
+
+.no-touch .menu-trigger:hover .circle {
+    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
+    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
+    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
+    transform: translateX(-50%) translateY(-50%) scale(1);
+}
+
+.no-touch .menu-trigger:hover .burger::before,
+.no-touch .menu-trigger:hover .burger::after {
+    -webkit-transform: translateX(-50%) translateY(0) rotate(0);
+    -moz-transform: translateX(-50%) translateY(0) rotate(0);
+    -ms-transform: translateX(-50%) translateY(0) rotate(0);
+    transform: translateX(-50%) translateY(0) rotate(0);
+    height: 4px;
+    width: 4px;
+    -moz-border-radius: 50%;
+    border-radius: 50%;
+}
+
+.menu-trigger.menu-opened .burger::before {
+    -webkit-transform: translateX(-50%) translateY(0) rotate(45deg);
+    -moz-transform: translateX(-50%) translateY(0) rotate(45deg);
+    -ms-transform: translateX(-50%) translateY(0) rotate(45deg);
+    transform: translateX(-50%) translateY(0) rotate(45deg);
+}
+
+.menu-trigger.menu-opened .burger::after {
+    -webkit-transform: translateX(-50%) translateY(0) rotate(-45deg);
+    -moz-transform: translateX(-50%) translateY(0) rotate(-45deg);
+    -ms-transform: translateX(-50%) translateY(0) rotate(-45deg);
+    transform: translateX(-50%) translateY(0) rotate(-45deg);
+}
+
+.btn {
+    position: relative;
+    display: inline-block;
+    border: none;
+    outline: 0;
+    padding: 0;
+    font: inherit;
+    background-color: transparent;
+    cursor: pointer;
+    text-decoration: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    overflow: hidden;
+    text-align: center;
+}
+
+@media only screen and (min-width: 768px) {
+    .btn {
+        display: inline-block;
+    }
+}
+
+.btn-l {
+    display: block;
+    margin-right: 0;
+    margin-bottom: 1.4rem;
+    height: 4rem;
+    padding: 0 2rem;
+    border: 2px solid #ffffff;
+    -moz-border-radius: 2rem;
+    border-radius: 2rem;
+    font: normal 600 1.4rem/3.6rem "Poppins", sans-serif;
+    color: #ffffff;
+}
+
+.btn-l:last-of-type {
+    margin-bottom: 0;
+    margin-right: 0;
+}
+
+.btn-l .btn-title {
+    display: block;
+    position: relative;
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+}
+
+.btn-l .btn-hover {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    -webkit-transform: translateY(100%);
+    -moz-transform: translateY(100%);
+    -ms-transform: translateY(100%);
+    transform: translateY(100%);
+    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+}
+
+.no-touch .btn-l:hover .btn-title {
+    -webkit-transform: translateY(-100%);
+    -moz-transform: translateY(-100%);
+    -ms-transform: translateY(-100%);
+    transform: translateY(-100%);
+}
+
+.no-touch .btn-l:hover .btn-hover {
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+}
+
+@media only screen and (min-width: 576px) {
+    .btn-l {
+        display: inline-block;
+        margin-right: 2rem;
+        margin-bottom: 0;
+    }
+    .btn-l:last-of-type {
+        margin-right: 0;
+    }
+}
+
+.btn-l-icon {
+    display: block;
+    position: relative;
+    margin-right: 0;
+    margin-bottom: 1.4rem;
+    height: 4rem;
+    padding: 0 4.5rem 0 2rem;
+    -moz-border-radius: 2rem;
+    border-radius: 2rem;
+    font: normal 600 1.4rem/3.6rem "Poppins", sans-serif;
+}
+
+.btn-l-icon:last-of-type {
+    margin-bottom: 0;
+    margin-right: 0;
+}
+
+.btn-l-icon span,
+.btn-l-icon i {
+    display: inline-block;
+}
+
+.btn-l-icon .btn-icon-anim {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 2rem;
+    width: auto;
+    height: 3.6rem;
+    overflow: hidden;
+}
+
+.no-touch .btn-l-icon:hover i {
+    -webkit-animation: 0.4s ease-in-out 0s 1 both slideOutLeft;
+    -moz-animation: 0.4s ease-in-out 0s 1 both slideOutLeft;
+    animation: 0.4s ease-in-out 0s 1 both slideOutLeft;
+}
+
+@media only screen and (min-width: 576px) {
+    .btn-l-icon {
+        display: inline-block;
+        margin-right: 2rem;
+        margin-bottom: 0;
+    }
+    .btn-l-icon:last-of-type {
+        margin-right: 0;
+    }
+}
+
+.btn-outline-light {
+    border: 2px solid #ffffff;
+    background-color: transparent;
+    color: #ffffff;
+}
+
+.btn-light {
+    font-weight: 700;
+    border: 2px solid #ffffff;
+    background-color: #ffffff;
+    color: #141414;
+}
+
+.btn-s-text {
+    display: block;
+    font: normal 600 1.4rem/1.6 "Poppins", sans-serif;
+    color: #ffffff;
+}
+
+.btn-s-text .title {
+    display: block;
+    position: relative;
+    font-size: 1.4rem;
+    color: #ffffff;
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+}
+
+.btn-s-text .hover {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    font-size: 1.4rem;
+    color: #ffffff;
+    -webkit-transform: translateY(100%);
+    -moz-transform: translateY(100%);
+    -ms-transform: translateY(100%);
+    transform: translateY(100%);
+    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+}
+
+.no-touch .btn-s-text:hover .title {
+    -webkit-transform: translateY(-100%);
+    -moz-transform: translateY(-100%);
+    -ms-transform: translateY(-100%);
+    transform: translateY(-100%);
+}
+
+.no-touch .btn-s-text:hover .hover {
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+}
+
+.btn-s {
+    position: absolute;
+    top: 2.4rem;
+    right: 5.8rem;
+    width: 3.4rem;
+    height: 3.4rem;
+    margin-right: 2rem;
+    font: normal 600 1.4rem/3.4rem "Poppins", sans-serif;
+    color: #ffffff;
+}
+
+.btn-s i {
+    display: inline-block;
+}
+
+.btn-s .title {
+    display: none;
+    position: relative;
+    font-size: 1.4rem;
+    color: #ffffff;
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+}
+
+.btn-s .hover {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    font-size: 1.4rem;
+    color: #ffffff;
+    -webkit-transform: translateY(100%);
+    -moz-transform: translateY(100%);
+    -ms-transform: translateY(100%);
+    transform: translateY(100%);
+    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+}
+
+.no-touch .btn-s:hover .title {
+    -webkit-transform: translateY(-100%);
+    -moz-transform: translateY(-100%);
+    -ms-transform: translateY(-100%);
+    transform: translateY(-100%);
+}
+
+.no-touch .btn-s:hover .hover {
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+}
+
+@media only screen and (min-width: 768px) {
+    .btn-s {
+        margin-right: 3.4rem;
+    }
+}
+
+@media only screen and (min-width: 1200px) {
+    .btn-s {
+        width: auto;
+        position: absolute;
+        top: 2.3rem;
+        right: 8.4rem;
+    }
+    .btn-s i {
+        display: none;
+    }
+    .btn-s .title {
+        display: block;
+    }
+    .btn-s .hover {
+        display: block;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .btn-s {
+        position: absolute;
+        top: 2.8rem;
+        right: 10.4rem;
+    }
+}
+
+@-webkit-keyframes slideOutLeft {
+    0% {
+        -webkit-transform: translateX(0);
+        transform: translateX(0);
+    }
+    50% {
+        -webkit-transform: translateX(14px);
+        transform: translateX(14px);
+    }
+    51% {
+        opacity: 0;
+    }
+    52% {
+        -webkit-transform: translateX(-14px);
+        transform: translateX(-14px);
+        opacity: 0;
+    }
+    53% {
+        opacity: 1;
+    }
+    100% {
+        -webkit-transform: translateX(0);
+        transform: translateX(0);
+    }
+}
+
+@-moz-keyframes slideOutLeft {
+    0% {
+        -moz-transform: translateX(0);
+        transform: translateX(0);
+    }
+    50% {
+        -moz-transform: translateX(14px);
+        transform: translateX(14px);
+    }
+    51% {
+        opacity: 0;
+    }
+    52% {
+        -moz-transform: translateX(-14px);
+        transform: translateX(-14px);
+        opacity: 0;
+    }
+    53% {
+        opacity: 1;
+    }
+    100% {
+        -moz-transform: translateX(0);
+        transform: translateX(0);
+    }
+}
+
+@keyframes slideOutLeft {
+    0% {
+        -webkit-transform: translateX(0);
+        -moz-transform: translateX(0);
+        transform: translateX(0);
+    }
+    50% {
+        -webkit-transform: translateX(14px);
+        -moz-transform: translateX(14px);
+        transform: translateX(14px);
+    }
+    51% {
+        opacity: 0;
+    }
+    52% {
+        -webkit-transform: translateX(-14px);
+        -moz-transform: translateX(-14px);
+        transform: translateX(-14px);
+        opacity: 0;
+    }
+    53% {
+        opacity: 1;
+    }
+    100% {
+        -webkit-transform: translateX(0);
+        -moz-transform: translateX(0);
+        transform: translateX(0);
+    }
+}
+
+@-webkit-keyframes slideOutRight {
+    0% {
+        -webkit-transform: translateX(0);
+        transform: translateX(0);
+    }
+    50% {
+        -webkit-transform: translateX(-14px);
+        transform: translateX(-14px);
+    }
+    51% {
+        opacity: 0;
+    }
+    52% {
+        -webkit-transform: translateX(14px);
+        transform: translateX(14px);
+        opacity: 0;
+    }
+    53% {
+        opacity: 1;
+    }
+    100% {
+        -webkit-transform: translateX(0);
+        transform: translateX(0);
+    }
+}
+
+@-moz-keyframes slideOutRight {
+    0% {
+        -moz-transform: translateX(0);
+        transform: translateX(0);
+    }
+    50% {
+        -moz-transform: translateX(-14px);
+        transform: translateX(-14px);
+    }
+    51% {
+        opacity: 0;
+    }
+    52% {
+        -moz-transform: translateX(14px);
+        transform: translateX(14px);
+        opacity: 0;
+    }
+    53% {
+        opacity: 1;
+    }
+    100% {
+        -moz-transform: translateX(0);
+        transform: translateX(0);
+    }
+}
+
+@keyframes slideOutRight {
+    0% {
+        -webkit-transform: translateX(0);
+        -moz-transform: translateX(0);
+        transform: translateX(0);
+    }
+    50% {
+        -webkit-transform: translateX(-14px);
+        -moz-transform: translateX(-14px);
+        transform: translateX(-14px);
+    }
+    51% {
+        opacity: 0;
+    }
+    52% {
+        -webkit-transform: translateX(14px);
+        -moz-transform: translateX(14px);
+        transform: translateX(14px);
+        opacity: 0;
+    }
+    53% {
+        opacity: 1;
+    }
+    100% {
+        -webkit-transform: translateX(0);
+        -moz-transform: translateX(0);
+        transform: translateX(0);
+    }
+}
+
+/* ------------------------------------------------*/
+
+/* Buttons & Controls End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Forms and Forms Reply Groups Start */
+
+/* ------------------------------------------------*/
+
+.form-container {
+    position: relative;
+}
+
+.form {
+    opacity: 1;
+    -webkit-transition: opacity 0.5s ease-in-out;
+    -o-transition: opacity 0.5s ease-in-out;
+    -moz-transition: opacity 0.5s ease-in-out;
+    transition: opacity 0.5s ease-in-out;
+}
+
+.form.is-hidden {
+    opacity: 0;
+}
+
+form {
+    position: relative;
+    width: 100%;
+}
+
+form input,
+form textarea {
+    position: relative;
+    display: block;
+    width: 100%;
+    border: none;
+    outline: none;
+    margin: 0;
+    padding: 0;
+    background-color: transparent;
+    padding: 1.3rem 0.2rem 1.2rem 0.2rem;
+    font: normal 400 1.6rem/1.6 "Poppins", sans-serif;
+    -webkit-transition: border 0.3s, background-color 0.3s ease-in-out;
+    -o-transition: border 0.3s, background-color 0.3s ease-in-out;
+    -moz-transition: border 0.3s, background-color 0.3s ease-in-out;
+    transition: border 0.3s, background-color 0.3s ease-in-out;
+}
+
+form input.margin-s,
+form textarea.margin-s {
+    margin: 0 0 0.6rem 0;
+}
+
+form input {
+    height: 5rem;
+    margin: 0 0 2.4rem 0;
+}
+
+form textarea {
+    height: 10rem;
+    resize: none;
+    margin: 0 0 2.4rem 0;
+}
+
+form input.margin-s,
+form textarea.margin-s {
+    margin: 0 0 0.6rem 0;
+}
+
+form input.margin-l,
+form textarea.margin-l {
+    margin: 0 0 4.2rem 0;
+}
+
+@media only screen and (min-width: 1400px) {
+    form input,
+    form textarea {
+        height: 5rem;
+    }
+    form textarea {
+        height: 10rem;
+    }
+}
+
+.form-light ::-webkit-input-placeholder {
+    font-weight: 300;
+    color: #ffffff;
+}
+
+.form-light :-moz-placeholder {
+    font-weight: 300;
+    color: #ffffff;
+}
+
+.form-light ::-moz-placeholder {
+    font-weight: 300;
+    color: #ffffff;
+}
+
+.form-light :-ms-input-placeholder {
+    font-weight: 300;
+    color: #ffffff;
+}
+
+.form-light input:focus:required:invalid,
+.form-light textarea:focus:required:invalid {
+    color: #ffffff;
+}
+
+.form-light input:required:valid,
+.form-light textarea:required:valid {
+    color: #ffffff;
+}
+
+.form-light input,
+.form-light textarea {
+    border-bottom: 2px solid white;
+    color: #ffffff;
+}
+
+.form-light input:focus,
+.form-light textarea:focus {
+    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
+}
+
+.form-light .inputs-description {
+    color: rgba(255, 255, 255, 0.4);
+}
+
+.reply-group {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    max-width: 300px;
+    opacity: 0;
+    -webkit-transition: opacity 0.5s ease-in-out;
+    -o-transition: opacity 0.5s ease-in-out;
+    -moz-transition: opacity 0.5s ease-in-out;
+    transition: opacity 0.5s ease-in-out;
+}
+
+.reply-group.is-visible {
+    opacity: 1;
+}
+
+.reply-group__icon {
+    display: block;
+    margin: 0 auto 1.7rem;
+    font-size: 4rem;
+    color: #ffffff;
+}
+
+.reply-group__title {
+    font: normal 400 2rem/1.2 "Poppins", sans-serif;
+    color: #ffffff;
+    margin-bottom: 0.2rem;
+}
+
+.reply-group__text {
+    display: block;
+    font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
+    color: #aaaaaa;
+}
+
+/* ------------------------------------------------*/
+
+/* Forms and Forms Reply Groups End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Animated Backgrounds Start */
+
+/* ------------------------------------------------*/
+
+.video-background {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+#video-wrapper {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: transparent;
+}
+
+#main-video {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: transparent;
+    background-position: center center;
+    -moz-background-size: contain;
+    background-size: contain;
+    -o-object-fit: cover;
+    object-fit: cover;
+}
+
+#bgndKenburns,
+#bgndKenburnsFull {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    min-height: 100%;
+}
+
+#triangles-js {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    min-height: 600px;
+    background-color: transparent;
+}
+
+/* ------------------------------------------------*/
+
+/* Animated Backgrounds End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Header Start */
+
+/* ------------------------------------------------*/
+
+.header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    min-width: 360px;
+    height: 8rem;
+    overflow: hidden;
+    z-index: 2;
+}
+
+@media only screen and (min-width: 1200px) {
+    .header {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .header {
+        height: 9rem;
+    }
+}
+
+.header__left,
+.header__right {
+    -webkit-transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;
+}
+
+.header.split {
+    background-color: #0c0c0c;
+}
+
+.header.split .header__left,
+.header.split .header__right {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.header.split .header__left.menu-is-visible,
+.header.split .header__right.menu-is-visible {
+    background-color: #0c0c0c;
+}
+
+.header.split .header__left.menu-is-visible .header__left,
+.header.split .header__left.menu-is-visible .header__right,
+.header.split .header__right.menu-is-visible .header__left,
+.header.split .header__right.menu-is-visible .header__right {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.header.split .header__left.inner-is-visible,
+.header.split .header__right.inner-is-visible {
+    background-color: #0c0c0c;
+}
+
+.header.split .header__left.inner-is-visible .header__left,
+.header.split .header__left.inner-is-visible .header__right,
+.header.split .header__right.inner-is-visible .header__left,
+.header.split .header__right.inner-is-visible .header__right {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.header.full {
+    background-color: transparent;
+}
+
+.header.full .header__left,
+.header.full .header__right {
+    background-color: transparent;
+    border-bottom: none;
+}
+
+.header.full.menu-is-visible {
+    background-color: #0c0c0c;
+}
+
+.header.full.menu-is-visible .header__left,
+.header.full.menu-is-visible .header__right {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    background-color: transparent;
+}
+
+.header.full.inner-is-visible {
+    background-color: #0c0c0c;
+}
+
+.header.full.inner-is-visible .header__left,
+.header.full.inner-is-visible .header__right {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    background-color: transparent;
+}
+
+@media only screen and (min-width: 1200px) {
+    .header.split {
+        background-color: transparent;
+    }
+    .header.split .header__left {
+        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    }
+    .header.split .header__right {
+        background-color: rgba(0, 0, 0, 0.1);
+        border-bottom: 1px solid rgba(255, 255, 255, 0);
+    }
+    .header.split.menu-is-visible {
+        background-color: transparent;
+    }
+    .header.split.menu-is-visible .header__left,
+    .header.split.menu-is-visible .header__right {
+        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+        background-color: rgba(0, 0, 0, 0.1);
+    }
+    .header.split.inner-is-visible {
+        background-color: transparent;
+    }
+    .header.split.inner-is-visible .header__left {
+        background-color: rgba(0, 0, 0, 0.1);
+        border-bottom: 1px solid rgba(255, 255, 255, 0);
+    }
+    .header.split.inner-is-visible .header__right {
+        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+        background-color: transparent;
+    }
+    .header.full {
+        background-color: transparent;
+    }
+    .header.full .header__left,
+    .header.full .header__right {
+        background-color: transparent;
+        border-bottom: none;
+    }
+    .header.full.menu-is-visible {
+        background-color: transparent;
+    }
+    .header.full.menu-is-visible .header__left,
+    .header.full.menu-is-visible .header__right {
+        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+        background-color: transparent;
+    }
+    .header.full.inner-is-visible {
+        background-color: transparent;
+    }
+    .header.full.inner-is-visible .header__left {
+        background-color: rgba(0, 0, 0, 0.1);
+        border-bottom: 1px solid rgba(255, 255, 255, 0);
+    }
+    .header.full.inner-is-visible .header__right {
+        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+        background-color: transparent;
+    }
+}
+
+.header__content {
+    position: relative;
+    height: 100%;
+    padding: 0 3.4rem;
+}
+
+@media only screen and (min-width: 1200px) {
+    .header__content {
+        padding: 0 6rem;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .header__content {
+        padding: 0 8rem;
+    }
+}
+
+.logo {
+    position: absolute;
+    top: 0;
+    left: 3.4rem;
+    height: 100%;
+}
+
+.logo img {
+    width: auto;
+    display: block;
+    position: relative;
+    left: 0;
+    top: 50%;
+    bottom: auto;
+    -webkit-transform: translateY(-50%);
+    -moz-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%);
+}
+
+@media only screen and (min-width: 1200px) {
+    .logo {
+        left: 6rem;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .logo {
+        left: 8rem;
+    }
+}
+
+/* ------------------------------------------------*/
+
+/* Header End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Footer Start */
+
+/* ------------------------------------------------*/
+
+.footer-mobile {
+    display: block;
+    width: 100%;
+    height: 8rem;
+}
+
+@media only screen and (min-width: 1200px) {
+    .footer-mobile {
+        display: none;
+    }
+}
+
+.footer-mobile.split {
+    position: relative;
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.footer-mobile.full {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    border-top: none;
+}
+
+.footer-desktop {
+    display: none;
+}
+
+@media only screen and (min-width: 1200px) {
+    .footer-desktop {
+        display: block;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 8rem;
+        overflow: hidden;
+        z-index: 2;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .footer-desktop {
+        height: 9rem;
+    }
+}
+
+.footer-desktop__left,
+.footer-desktop__right {
+    -webkit-transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;
+}
+
+.footer-desktop.split .footer-desktop__left {
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.footer-desktop.split .footer-desktop__right {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.footer-desktop.split.menu-is-visible .footer-desktop__left,
+.footer-desktop.split.menu-is-visible .footer-desktop__right {
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.footer-desktop.split.inner-is-visible .footer-desktop__left {
+    border-top: 1px solid rgba(255, 255, 255, 0);
+    background-color: rgba(0, 0, 0, 0.2);
+}
+
+.footer-desktop.split.inner-is-visible .footer-desktop__right {
+    background-color: transparent;
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.footer-desktop.full .footer-desktop__left,
+.footer-desktop.full .footer-desktop__right {
+    background-color: transparent;
+    border-bottom: none;
+}
+
+.footer-desktop.full.menu-is-visible .footer-desktop__left,
+.footer-desktop.full.menu-is-visible .footer-desktop__right {
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+    background-color: transparent;
+}
+
+.footer-desktop.full.inner-is-visible .footer-desktop__left {
+    border-top: 1px solid rgba(255, 255, 255, 0);
+    background-color: rgba(0, 0, 0, 0.2);
+}
+
+.footer-desktop.full.inner-is-visible .footer-desktop__right {
+    background-color: transparent;
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/* ------------------------------------------------*/
+
+/* Footer End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Main Section Start */
+
+/* ------------------------------------------------*/
+
+.main {
+    position: relative;
+    height: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding-top: 8rem;
+    background-color: #0c0c0c;
+    z-index: 1;
+}
+
+.main::after {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #000000;
+}
+
+.main.full {
+    padding-top: 0;
+}
+
+@media only screen and (min-width: 1200px) {
+    .main {
+        overflow: hidden;
+        padding-top: 0;
+    }
+}
+
+.fullscreen-wrapper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 600px;
+}
+
+.main__intro {
+    position: relative;
+    height: auto;
+}
+
+@media only screen and (min-width: 1200px) {
+    .main__intro {
+        height: 100%;
+    }
+}
+
+.intro__background {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.intro__content {
+    position: relative;
+    padding: 10rem 0;
+}
+
+@media only screen and (min-width: 1200px) {
+    .intro__content {
+        padding: 8rem 0;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .intro__content {
+        padding: 9rem 0;
+    }
+}
+
+.headline {
+    padding: 0 3.4rem;
+}
+
+.headline.centered-mobile {
+    position: absolute;
+    top: 50%;
+    bottom: auto;
+    -webkit-transform: translateY(-50%);
+    -moz-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%);
+    width: 100%;
+}
+
+@media only screen and (min-width: 1200px) {
+    .headline {
+        position: absolute;
+        top: 50%;
+        bottom: auto;
+        -webkit-transform: translateY(-50%);
+        -moz-transform: translateY(-50%);
+        -ms-transform: translateY(-50%);
+        transform: translateY(-50%);
+        width: 100%;
+        padding: 0 6rem;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .headline {
+        padding: 0 8rem;
+    }
+}
+
+.intro__dataline {
+    position: relative;
+    width: 100%;
+    height: 8rem;
+    padding: 0 3.4rem;
+}
+
+@media only screen and (min-width: 1200px) {
+    .intro__dataline {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        padding: 0 6rem;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .intro__dataline {
+        height: 9rem;
+        padding: 0 8rem;
+    }
+}
+
+.main__media {
+    position: relative;
+    height: 80vh;
+    min-height: 600px;
+}
+
+@media only screen and (min-width: 1200px) {
+    .main__media {
+        height: 100%;
+    }
+}
+
+.media__content {
+    position: relative;
+    width: 100%;
+    height: 100%;
+}
+
+.media__image {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+    -moz-background-size: cover;
+    background-size: cover;
+}
+
+/* ------------------------------------------------*/
+
+/* Main Section End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Menu Start */
+
+/* ------------------------------------------------*/
+
+.nav {
+    display: block;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    min-width: 360px;
+    height: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+    z-index: 2;
+    background-color: #0c0c0c;
+}
+
+.nav::after {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #000000;
+}
+
+@media only screen and (min-width: 1200px) {
+    .nav {
+        overflow: hidden;
+    }
+}
+
+.nav__background {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-repeat: no-repeat;
+    background-position: bottom center;
+    -moz-background-size: 150%;
+    background-size: 150%;
+    background-image: url("../img/backgrounds/1920x280-bg-menu.webp");
+}
+
+@media only screen and (min-width: 1200px) {
+    .nav__background {
+        -moz-background-size: 100%;
+        background-size: 100%;
+    }
+}
+
+.nav__container {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    min-height: 600px;
+    overflow: hidden;
+}
+
+.nav__content {
+    position: absolute;
+    left: 0;
+    top: 50%;
+    bottom: auto;
+    -webkit-transform: translateY(-50%);
+    -moz-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%);
+    width: 100%;
+    padding: 0 3.4rem;
+}
+
+@media only screen and (min-width: 1200px) {
+    .nav__content {
+        padding: 0 6rem;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .nav__content {
+        padding: 0 8rem;
+    }
+}
+
+.navigation {
+    display: block;
+    overflow: hidden;
+}
+
+.navigation li {
+    display: inline-block;
+    overflow: hidden;
+    font: normal 400 3rem/1.6 "Poppins", sans-serif;
+    color: rgba(255, 255, 255, 0.4);
+}
+
+.navigation li::after {
+    content: "/";
+    display: inline-block;
+    font-weight: 300;
+}
+
+.navigation li:last-of-type::after {
+    display: none;
+}
+
+.navigation li a {
+    display: inline-block;
+    position: relative;
+    font: normal 400 3rem/1.6 "Poppins", sans-serif;
+    color: rgba(255, 255, 255, 0.4);
+}
+
+.navigation li a .link-title {
+    display: block;
+    position: relative;
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    color: rgba(255, 255, 255, 0.4);
+}
+
+.navigation li a .link-hover {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    -webkit-transform: translateY(100%);
+    -moz-transform: translateY(100%);
+    -ms-transform: translateY(100%);
+    transform: translateY(100%);
+    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
+    color: #ffffff;
+}
+
+.no-touch .navigation li a:hover .link-title {
+    -webkit-transform: translateY(-100%);
+    -moz-transform: translateY(-100%);
+    -ms-transform: translateY(-100%);
+    transform: translateY(-100%);
+}
+
+.no-touch .navigation li a:hover .link-hover {
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+}
+
+.navigation li a.active-link .link-title,
+.navigation li a.active-link .link-hover {
+    color: #ffffff;
+}
+
+@media only screen and (min-width: 768px) {
+    .navigation li {
+        font-size: 4.4rem;
+    }
+    .navigation li a {
+        font-size: 4.4rem;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .navigation li {
+        font-size: 6rem;
+    }
+    .navigation li a {
+        font-size: 6rem;
+    }
+}
+
+/* ------------------------------------------------*/
+
+/* Menu End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Socials Start */
+
+/* ------------------------------------------------*/
+
+.socials {
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: flex;
+    position: relative;
+    font: normal 600 1.4rem/1.6 "Poppins", sans-serif;
+    line-height: 0.9;
+}
+
+.socials li {
+    display: inline-block;
+    position: relative;
+    font: normal 600 1.4rem/1.6 "Poppins", sans-serif;
+    margin-right: 2rem;
+}
+
+.socials li:last-of-type {
+    margin-right: 0;
+}
+
+/* ------------------------------------------------*/
+
+/* Socials End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Countdown Start */
+
+/* ------------------------------------------------*/
+
+.media__countdown {
+    position: relative;
+}
+
+.media__countdown #countdown {
+    position: relative;
+    font: normal 400 4rem/1.2 "Poppins", sans-serif;
+    color: #ffffff;
+}
+
+.media__countdown .countdown-period {
+    display: inline-block;
+    margin-left: 1rem;
+    letter-spacing: normal;
+    text-transform: lowercase;
+}
+
+@media only screen and (min-width: 768px) {
+    .media__countdown #countdown {
+        font-size: 5.6rem;
+    }
+    .media__countdown .countdown-period {
+        margin-left: 1.5rem;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .media__countdown #countdown {
+        font-size: 6.6rem;
+    }
+    .media__countdown .countdown-period {
+        margin-left: 1.6rem;
+    }
+}
+
+/* ------------------------------------------------*/
+
+/* Countdown End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Swiper Slider Start */
+
+/* ------------------------------------------------*/
+
+.swiper {
+    width: 100%;
+    height: 100%;
+}
+
+.swiper-slide {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    background-color: transparent;
+    background-position: center center;
+    background-repeat: no-repeat;
+    -moz-background-size: cover;
+    background-size: cover;
+}
+
+.split-slide {
+    background-color: #0c0c0c;
+    background-position: center center;
+    background-repeat: no-repeat;
+    -moz-background-size: cover;
+    background-size: cover;
+}
+
+.split-slider-pagination-ignite {
+    bottom: 0;
+}
+
+.swiper-dataline {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 8rem;
+    background-color: rgba(0, 0, 0, 0.1);
+    z-index: 1;
+}
+
+@media only screen and (min-width: 1200px) {
+    .swiper-dataline {
+        display: none;
+    }
+}
+
+.swiper-pagination-fraction,
+.swiper-pagination-custom,
+.swiper-horizontal>.swiper-pagination-bullets,
+.swiper-pagination-bullets.swiper-pagination-horizontal {
+    height: 8rem;
+    bottom: 0;
+}
+
+@media only screen and (min-width: 1200px) {
+    .swiper-pagination-fraction,
+    .swiper-pagination-custom,
+    .swiper-horizontal>.swiper-pagination-bullets,
+    .swiper-pagination-bullets.swiper-pagination-horizontal {
+        bottom: 8rem;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .swiper-pagination-fraction,
+    .swiper-pagination-custom,
+    .swiper-horizontal>.swiper-pagination-bullets,
+    .swiper-pagination-bullets.swiper-pagination-horizontal {
+        bottom: 9rem;
+        height: 9rem;
+    }
+}
+
+.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
+    margin: 0 0.5rem;
+}
+
+.swiper-pagination-bullet {
+    position: relative;
+    opacity: 1;
+    width: 0.8rem;
+    height: 0.8rem;
+    -moz-border-radius: 50%;
+    border-radius: 50%;
+    background-color: rgba(255, 255, 255, 0.6);
+    -webkit-transition: all 0.3s;
+    -o-transition: all 0.3s;
+    -moz-transition: all 0.3s;
+    transition: all 0.3s;
+}
+
+.swiper-pagination-bullet::after {
+    content: "";
+    display: block;
+    position: absolute;
+    top: -0.4rem;
+    left: -0.4rem;
+    width: 1.6rem;
+    height: 1.6rem;
+    border: 1px solid #ffffff;
+    -moz-border-radius: 50%;
+    border-radius: 50%;
+    opacity: 0;
+    -webkit-transform: scale3d(0, 0, 0);
+    -moz-transform: scale3d(0, 0, 0);
+    transform: scale3d(0, 0, 0);
+    -webkit-transition: all 0.3s;
+    -o-transition: all 0.3s;
+    -moz-transition: all 0.3s;
+    transition: all 0.3s;
+}
+
+.no-touch .swiper-pagination-bullet:hover {
+    background-color: #ffffff;
+}
+
+.swiper-pagination-bullet-active {
+    background-color: #ffffff;
+    -webkit-transition: all 0.3s;
+    -o-transition: all 0.3s;
+    -moz-transition: all 0.3s;
+    transition: all 0.3s;
+}
+
+.swiper-pagination-bullet-active::after {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    -moz-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+}
+
+.split-slider-btn-ignite-prev,
+.split-slider-btn-ignite-next {
+    width: auto;
+    height: 8rem;
+    margin-top: 0;
+    top: auto;
+    bottom: 0;
+    color: #ffffff;
+    overflow: hidden;
+}
+
+.split-slider-btn-ignite-prev i,
+.split-slider-btn-ignite-next i {
+    margin: 0 1rem;
+}
+
+.split-slider-btn-ignite-prev::after,
+.split-slider-btn-ignite-next::after {
+    display: none;
+}
+
+@media only screen and (min-width: 1200px) {
+    .split-slider-btn-ignite-prev,
+    .split-slider-btn-ignite-next {
+        bottom: 8rem;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .split-slider-btn-ignite-prev,
+    .split-slider-btn-ignite-next {
+        bottom: 9rem;
+    }
+}
+
+.split-slider-btn-ignite-prev {
+    left: 2.4rem;
+}
+
+@media only screen and (min-width: 1200px) {
+    .split-slider-btn-ignite-prev {
+        left: 5rem;
+    }
+    .no-touch .split-slider-btn-ignite-prev:hover i {
+        -webkit-animation: 0.4s ease-in-out 0s 1 both slideOutRight;
+        -moz-animation: 0.4s ease-in-out 0s 1 both slideOutRight;
+        animation: 0.4s ease-in-out 0s 1 both slideOutRight;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .split-slider-btn-ignite-prev {
+        left: 7rem;
+    }
+}
+
+.split-slider-btn-ignite-next {
+    right: 2.4rem;
+}
+
+@media only screen and (min-width: 1200px) {
+    .split-slider-btn-ignite-next {
+        right: 5rem;
+    }
+    .no-touch .split-slider-btn-ignite-next:hover i {
+        -webkit-animation: 0.4s ease-in-out 0s 1 both slideOutLeft;
+        -moz-animation: 0.4s ease-in-out 0s 1 both slideOutLeft;
+        animation: 0.4s ease-in-out 0s 1 both slideOutLeft;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .split-slider-btn-ignite-next {
+        right: 7rem;
+    }
+}
+
+/* ------------------------------------------------*/
+
+/* Swiper Slider End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Popup Dialogs Start */
+
+/* ------------------------------------------------*/
+
+.popup {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    min-width: 360px;
+    height: 100%;
+    overflow-y: auto;
+    background-color: rgba(0, 0, 0, 0.3);
+    z-index: 10;
+}
+
+.popup__container {
+    position: relative;
+    padding: 3.4rem 3.4rem;
+}
+
+@media only screen and (min-width: 768px) {
+    .popup__container {
+        position: absolute;
+        left: 0;
+        top: 50%;
+        bottom: auto;
+        -webkit-transform: translateY(-50%);
+        -moz-transform: translateY(-50%);
+        -ms-transform: translateY(-50%);
+        transform: translateY(-50%);
+        width: 100%;
+        padding: 0;
+    }
+}
+
+.popup__content {
+    position: relative;
+    width: 100%;
+    height: auto;
+    background-color: rgba(255, 255, 255, 0.05);
+    -webkit-backdrop-filter: blur(20px);
+    backdrop-filter: blur(20px);
+    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
+    -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
+    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
+    padding: 3.4rem;
+    border-top: 1px solid rgba(255, 255, 255, 0.07);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
+    z-index: 1;
+}
+
+@media only screen and (min-width: 768px) {
+    .popup__content {
+        max-width: 510px;
+        padding: 3.4rem 3.4rem;
+        margin: 0 auto;
+    }
+}
+
+@media only screen and (min-width: 1200px) {
+    .popup__content {
+        padding: 6rem;
+        max-width: 640px;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .popup__content {
+        padding: 8rem;
+        max-width: 700px;
+    }
+}
+
+.popup-close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 4rem;
+    height: 4rem;
+    background-color: transparent;
+    font-size: 1.6rem;
+    text-align: center;
+    line-height: 4rem;
+    color: #ffffff;
+}
+
+.no-touch .popup-close:hover {
+    color: rgba(255, 255, 255, 0.4);
+}
+
+@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
+    .popup__content {
+        background-color: rgba(255, 255, 255, 0.05);
+        -webkit-backdrop-filter: blur(20px);
+        backdrop-filter: blur(20px);
+    }
+}
+
+@supports not ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
+    .popup__content {
+        background-color: #0c0c0c;
+        border: 1px solid rgba(255, 255, 255, 0.05);
+    }
+}
+
+.popup-title {
+    position: relative;
+    margin-bottom: 4.2rem;
+}
+
+.mfp-bg {
+    background: #000000;
+}
+
+/* ------------------------------------------------*/
+
+/* Popup Dialogs End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Inner Sections Start */
+
+/* ------------------------------------------------*/
+
+.inner {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    min-width: 360px;
+    height: 100%;
+    background-color: #0c0c0c;
+    overflow-y: auto;
+    z-index: 1;
+}
+
+.inner::after {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #000000;
+}
+
+@media only screen and (min-width: 1200px) {
+    .inner {
+        height: 100%;
+        padding-top: 0;
+        overflow: hidden;
+    }
+}
+
+.inner__content {
+    position: relative;
+    padding-top: 80px;
+}
+
+@media only screen and (min-width: 1200px) {
+    .inner__content {
+        padding-top: 0;
+    }
+}
+
+.inner__info,
+.inner__media {
+    position: relative;
+}
+
+@media only screen and (min-width: 1200px) {
+    .inner__info,
+    .inner__media {
+        height: 100%;
+    }
+}
+
+.inner__media {
+    height: 80vh;
+    min-height: 600px;
+}
+
+@media only screen and (min-width: 1200px) {
+    .inner__media {
+        height: 100%;
+    }
+}
+
+.blocks-container {
+    padding: 80px 0;
+}
+
+@media only screen and (min-width: 1200px) {
+    .blocks-container {
+        position: absolute;
+        left: 0;
+        top: 50%;
+        bottom: auto;
+        -webkit-transform: translateY(-50%);
+        -moz-transform: translateY(-50%);
+        -ms-transform: translateY(-50%);
+        transform: translateY(-50%);
+        width: 100%;
+        padding: 0;
+    }
+}
+
+.media-container {
+    position: relative;
+    overflow: hidden;
+    height: 100%;
+}
+
+.media-container.portfolio-container {
+    height: auto;
+}
+
+@media only screen and (min-width: 1200px) {
+    .media-container {
+        height: 100%;
+    }
+    .media-container.portfolio-container {
+        height: 100%;
+    }
+}
+
+.content-block {
+    padding: 0 3.4rem;
+    margin-bottom: 5rem;
+}
+
+.content-block:last-of-type {
+    margin-bottom: 0;
+}
+
+@media only screen and (min-width: 1200px) {
+    .content-block {
+        padding: 0 6rem;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .content-block {
+        padding: 0 8rem;
+    }
+}
+
+.image {
+    position: relative;
+    height: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+    -moz-background-size: cover;
+    background-size: cover;
+}
+
+.image-caption {
+    position: absolute;
+    bottom: 3.4rem;
+    left: 3.4rem;
+    width: -moz-calc(100% - 6.8rem);
+    width: calc(100% - 6.8rem);
+    background-color: rgba(255, 255, 255, 0.05);
+    -webkit-backdrop-filter: blur(20px);
+    backdrop-filter: blur(20px);
+    border-top: 1px solid rgba(255, 255, 255, 0.07);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+    padding: 2.4rem 3.4rem;
+    text-align: center;
+}
+
+.image-caption.opposite {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+@media only screen and (min-width: 768px) {
+    .image-caption {
+        width: auto;
+        text-align: left;
+    }
+}
+
+@media only screen and (min-width: 1200px) {
+    .image-caption {
+        left: 6rem;
+        bottom: 11rem;
+        padding: 0;
+        background-color: transparent;
+        -webkit-backdrop-filter: none;
+        backdrop-filter: none;
+        border: none;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    .image-caption {
+        left: 8rem;
+        bottom: 12rem;
+    }
+}
+
+/* ------------------------------------------------*/
+
+/* Inner Sections End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Skillbars Start */
+
+/* ------------------------------------------------*/
+
+.show-skillbar {
+    display: block;
+    padding: 0;
+    margin-bottom: 2rem;
+}
+
+.show-skillbar:last-of-type {
+    margin-bottom: 0;
+}
+
+@media only screen and (min-width: 1400px) {
+    .show-skillbar {
+        margin-bottom: 2rem;
+    }
+    .show-skillbar:last-of-type {
+        margin-bottom: 0;
+    }
+}
+
+.skillbar {
+    position: relative;
+    width: 100%;
+    height: 3.6rem;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+@media only screen and (min-width: 1400px) {
+    .skillbar {
+        height: 3.6rem;
+    }
+}
+
+.skillbar-title {
+    position: absolute;
+    top: 0;
+    left: 0;
+    font: normal 500 2rem/1.6 "Poppins", sans-serif;
+    color: #ffffff;
+}
+
+.skillbar-bar {
+    display: inline-block;
+    position: absolute;
+    bottom: -1px;
+    left: 0;
+    width: 0px;
+    height: 1px;
+    background-color: #ffffff;
+}
+
+.skill-bar-percent {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 2px;
+    font: normal 500 2rem/1.6 "Poppins", sans-serif;
+    -webkit-font-feature-settings: "lnum";
+    -moz-font-feature-settings: "lnum";
+    font-feature-settings: "lnum";
+    color: #ffffff;
+}
+
+/* ------------------------------------------------*/
+
+/* Skillbars End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Features Start */
+
+/* ------------------------------------------------*/
+
+.features__item {
+    display: block;
+    position: relative;
+    margin-bottom: 3.2rem;
+}
+
+.features__item:last-of-type {
+    margin-bottom: 0;
+}
+
+.features__item img {
+    width: 5rem;
+    height: 4.6rem;
+}
+
+.features__item h3 {
+    padding-left: 2.4rem;
+}
+
+@media only screen and (min-width: 768px) {
+    .features__item:nth-of-type(3) {
+        margin-bottom: 0;
+    }
+}
+
+/* ------------------------------------------------*/
+
+/* Features End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Contact Data Start */
+
+/* ------------------------------------------------*/
+
+.contactdata__item {
+    display: block;
+    position: relative;
+    margin-bottom: 3.2rem;
+}
+
+.contactdata__item:last-of-type {
+    margin-bottom: 0;
+}
+
+@media only screen and (min-width: 768px) {
+    .contactdata__item {
+        margin-bottom: 0;
+    }
+}
+
+.contactdata__title {
+    color: #ffffff;
+    margin: 0 0 1.2rem 0;
+}
+
+.contactdata__descr {
+    margin-bottom: 1.1rem;
+}
+
+.contactdata__descr:last-of-type {
+    margin-bottom: 0;
+}
+
+.contactdata__icon {
+    margin-right: 1rem;
+    min-width: 1.4rem;
+}
+
+.contactdata__icon i {
+    font-size: 1.4rem;
+    color: #ffffff;
+}
+
+.contactdata__text {
+    font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
+    color: #aaaaaa;
+}
+
+.contactdata__text p,
+.contactdata__text a {
+    font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
+    color: #aaaaaa;
+}
+
+.contactdata__socials {
+    position: relative;
+    display: block;
+}
+
+.contactdata__socials li {
+    display: block;
+    font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
+    color: #aaaaaa;
+    margin-bottom: 0.2rem;
+}
+
+.contactdata__socials li:last-of-type {
+    margin-bottom: 0;
+}
+
+.contactdata__socials li i {
+    display: inline-block;
+    font-size: 1.4rem;
+    color: #ffffff;
+    margin-right: 1rem;
+    min-width: 1.4rem;
+}
+
+.contactdata__socials li a {
+    display: inline-block;
+    font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
+}
+
+/* ------------------------------------------------*/
+
+/* Contact Data End */
+
+/* ------------------------------------------------*/
+
+/* ------------------------------------------------*/
+
+/* Gallery Start */
+
+/* ------------------------------------------------*/
+
+.my-gallery__item {
+    position: relative;
+    margin: 0;
+    overflow: hidden;
+    cursor: pointer;
+}
+
+@media only screen and (min-width: 1200px) {
+    .my-gallery__item {
+        height: 50vh;
+    }
+    .my-gallery__item img {
+        width: auto;
+        height: 50vh;
+    }
+}
+
+@media only screen and (min-width: 1200px) {
+    .my-gallery__link {
+        position: relative;
+        float: left;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+        text-align: center;
+    }
+    .my-gallery__link .picture {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-repeat: no-repeat;
+        background-position: center center;
+        -moz-background-size: cover;
+        background-size: cover;
+        -webkit-transition: background-position 0.5s;
+        -o-transition: background-position 0.5s;
+        -moz-transition: background-position 0.5s;
+        transition: background-position 0.5s;
+        -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.7s;
+        transition: opacity 0.5s ease-in-out, -webkit-transform 0.7s;
+        -o-transition: transform 0.7s, opacity 0.5s ease-in-out;
+        -moz-transition: transform 0.7s, opacity 0.5s ease-in-out, -moz-transform 0.7s;
+        transition: transform 0.7s, opacity 0.5s ease-in-out;
+        transition: transform 0.7s, opacity 0.5s ease-in-out, -webkit-transform 0.7s, -moz-transform 0.7s;
+    }
+}
+
+.my-gallery__image {
+    opacity: 1;
+}
+
+@media only screen and (min-width: 1200px) {
+    .my-gallery__image {
+        opacity: 0;
+    }
+}
+
+.my-gallery__description {
+    position: absolute;
+    bottom: 3.4rem;
+    left: 3.4rem;
+    width: -moz-calc(100% - 6.8rem);
+    width: calc(100% - 6.8rem);
+    background-color: rgba(0, 0, 0, 0.1);
+    -webkit-backdrop-filter: blur(20px);
+    backdrop-filter: blur(20px);
+    border-top: 1px solid rgba(255, 255, 255, 0.07);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+    padding: 2.4rem 3.4rem;
+    text-align: center;
+}
+
+.my-gallery__description.opposite {
+    background-color: rgba(255, 255, 255, 0.05);
+}
+
+.my-gallery__description p {
+    display: none;
+}
+
+@media only screen and (min-width: 1200px) {
+    .my-gallery__description {
+        bottom: auto;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        -moz-border-radius: 0;
+        border-radius: 0;
+        opacity: 0;
+        -webkit-transition: opacity 0.5s;
+        -o-transition: opacity 0.5s;
+        -moz-transition: opacity 0.5s;
+        transition: opacity 0.5s;
+    }
+    .my-gallery__description h4 {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        bottom: auto;
+        right: auto;
+        -webkit-transform: translateX(-50%) translateY(-50%);
+        -moz-transform: translateX(-50%) translateY(-50%);
+        -ms-transform: translateX(-50%) translateY(-50%);
+        transform: translateX(-50%) translateY(-50%);
+        opacity: 0;
+        -webkit-transition: opacity 0.5s;
+        -o-transition: opacity 0.5s;
+        -moz-transition: opacity 0.5s;
+        transition: opacity 0.5s;
+    }
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .my-gallery__item:hover .my-gallery__description {
+        opacity: 1;
+    }
+    .no-touch .my-gallery__item:hover .my-gallery__description h4 {
+        opacity: 1;
+    }
+}
+
+.pswp__caption__center {
+    padding: 2.2rem;
+}
+
+.pswp__caption__center h4 {
+    font: normal 500 1.8rem/1.2 "Poppins", sans-serif;
+    color: #ffffff;
+    margin-bottom: 1.4rem;
+}
+
+.pswp__caption__center h4 small {
+    display: block;
+    margin-top: 0.2rem;
+    font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
+    color: rgba(255, 255, 255, 0.6);
+}
+
+.pswp__caption__center p {
+    font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
+    color: rgba(255, 255, 255, 0.6);
+}
+
+.pswp__counter {
+    font: normal 500 1.6rem/44px "Poppins", sans-serif;
+    color: #ffffff;
+}
+
+.pswp__button--close {
+    opacity: 1;
+}
+
+.pswp__button--arrow--left::before,
+.pswp__button--arrow--right::before {
+    width: 44px;
+    height: 44px;
+}
+
+.pswp__button--arrow--left:before {
+    left: 0;
+    background-position: -132px -44px;
+}
+
+.pswp__button--arrow--right:before {
+    right: 0;
+    background-position: -88px -44px;
+}
+
+.pswp__bg {
+    background: #0d0d0d;
+}
+
+.pswp__caption,
+.pswp__top-bar {
+    background-color: rgba(0, 0, 0, 0.3);
+}
+
+.pswp__button--close {
+    position: relative;
+    background-color: #ffffff;
+}
+
+.pswp__button--close:active {
+    opacity: 1;
+}
+
+/* ------------------------------------------------*/
+
+/* Gallery End */
+
+/* ------------------------------------------------*/

asserts2/fonts/Fontawesome/fa-brands-400.woff2

@@ -0,0 +1 @@
+No Content: https://mixdesign.club/themeforest/ignite/fonts/Fontawesome/fa-brands-400.woff2

asserts2/fonts/Fontawesome/fa-regular-400.woff2

@@ -0,0 +1 @@
+No Content: https://mixdesign.club/themeforest/ignite/fonts/Fontawesome/fa-regular-400.woff2

asserts2/fonts/Fontawesome/fa-solid-900.woff2

@@ -0,0 +1 @@
+No Content: https://mixdesign.club/themeforest/ignite/fonts/Fontawesome/fa-solid-900.woff2

asserts2/img/favicon/manifest.webmanifest

@@ -0,0 +1,11 @@
+{
+  "name": "Ignite - Coming Soon and Landing Page Template",
+  "short_name": "Ignite",
+  "icons": [
+    { "src": "/img/favicon/android-icon-192.png", "type": "image/png", "sizes": "192x192" },
+    { "src": "/img/favicon/android-icon-512.png", "type": "image/png", "sizes": "512x512" }
+  ],
+  "theme_color": "#efefef",
+  "background_color": "#efefef",
+  "display": "standalone"
+}

asserts2/js/custom.js

@@ -0,0 +1,392 @@
+// ------------------------------------------------
+// Project Name: Ignite - Coming Soon and Landing Page Template
+// Project Description: Ignite - functional and beautifully designed coming soon and landing page template to kick-start your project
+// Tags: mix_design, coming soon, under construction, template, landing page, portfolio, one page, responsive, html5, css3, creative, clean, agency, personal page
+// Version: 1.0.1
+// Build Date: May 2023
+// Last Update: January 2024
+// This product is available exclusively on Themeforest
+// Author: mix_design
+// Author URI: https://themeforest.net/user/mix_design
+// File name: custom.js
+// ------------------------------------------------
+
+// ------------------------------------------------
+// Table of Contents
+// ------------------------------------------------
+//
+//  1. Loader & Loading Animation
+//  2. Typed.js Plugin Settings
+//  3. Swiper Slider
+//  4. Typed.js Plugin Settings
+//  5. Magnific Popup Video
+//  6. KBW-Countdown
+//  7. Vegas Kenburns
+//  8. Skillbars
+//  9. Mailchimp Notify Form
+//  10. Say Hello Form
+//  11. ParticlesJS Background
+//
+// ------------------------------------------------
+// Table of Contents End
+// ------------------------------------------------
+
+$(window).on("load", function() {
+
+    "use strict";
+
+    // --------------------------------------------- //
+    // Loader & Loading Animation Start
+    // --------------------------------------------- //
+    $(".loader__logo").addClass('scaleOut');
+
+    setTimeout(function() {
+        $(".loader").addClass('loaded');
+        $("#main").addClass('active animate-in');
+        $('#home-trigger').addClass('active-link');
+    }, 300);
+
+    setTimeout(function() {
+        $("body").addClass('loaded');
+    }, 1400);
+    // --------------------------------------------- //
+    // Loader & Loading Animation End
+    // --------------------------------------------- //
+
+    // --------------------------------------------- //
+    // Typed.js Plugin Settings Start
+    // --------------------------------------------- //
+    var animatedHeadline = $(".animated-headline");
+    if (animatedHeadline.length) {
+        var typed = new Typed('#typed', {
+            stringsElement: '#typed-strings',
+            loop: true,
+            typeSpeed: 60,
+            backSpeed: 30,
+            backDelay: 2500
+        });
+    }
+    // --------------------------------------------- //
+    // Typed.js Plugin Settings End
+    // --------------------------------------------- //
+
+});
+
+$(function() {
+
+    "use strict";
+
+    // --------------------------------------------- //
+    // Swiper Slider Start
+    // --------------------------------------------- //
+    var swiper = new Swiper('.swiper', {
+        // Optional parameters
+        grabCursor: true,
+        effect: "creative",
+        creativeEffect: {
+            prev: {
+                //shadow: true,
+                translate: ["-20%", 0, -1],
+            },
+            next: {
+                translate: ["100%", 0, 0],
+            },
+        },
+        parallax: true,
+        speed: 1300,
+        loop: true,
+        autoplay: {
+            delay: 3000,
+            disableOnInteraction: false,
+        },
+
+        // If we need pagination
+        pagination: {
+            el: '.swiper-pagination',
+            clickable: true,
+        },
+
+        // Navigation arrows
+        navigation: {
+            nextEl: '.swiper-button-next',
+            prevEl: '.swiper-button-prev',
+        },
+
+    });
+    // --------------------------------------------- //
+    // Swiper Slider End
+    // --------------------------------------------- //
+
+    // --------------------------------------------- //
+    // Magnific Popup Video Start
+    // --------------------------------------------- //
+    $('#showreel-trigger').magnificPopup({
+        type: 'iframe',
+        mainClass: 'mfp-fade',
+        removalDelay: 160,
+        preloader: false,
+        fixedContentPos: false,
+        callbacks: {
+            beforeOpen: function() {
+                $('body').addClass('overflow-hidden');
+            },
+            close: function() {
+                $('body').removeClass('overflow-hidden');
+            }
+        }
+    });
+    // --------------------------------------------- //
+    // Magnific Popup Video End
+    // --------------------------------------------- //
+
+    // --------------------------------------------- //
+    // KBW-Countdown Start
+    // --------------------------------------------- //
+    $('#countdown').countdown({
+        until: $.countdown.UTCDate(+10, 2024, 5, 14),
+        format: 'D'
+    });
+    // --------------------------------------------- //
+    // KBW-Countdown End
+    // --------------------------------------------- //
+
+    // --------------------------------------------- //
+    // Vegas Kenburns Start
+    // --------------------------------------------- //
+    var bgndKenburns = $('#bgndKenburns');
+    if (bgndKenburns.length) {
+        bgndKenburns.vegas({
+            timer: false,
+            delay: 8000,
+            transition: 'fade2',
+            transitionDuration: 2000,
+            slides: [{
+                    src: "img/backgrounds/960x1080-kenburns-1.webp"
+                },
+                {
+                    src: "img/backgrounds/960x1080-kenburns-2.webp"
+                },
+                {
+                    src: "img/backgrounds/960x1080-kenburns-3.webp"
+                }
+            ],
+            animation: ['kenburnsUp', 'kenburnsDown', 'kenburnsLeft', 'kenburnsRight']
+        });
+    }
+
+    var bgndKenburnsFull = $('#bgndKenburnsFull');
+    if (bgndKenburnsFull.length) {
+        bgndKenburnsFull.vegas({
+            timer: false,
+            delay: 8000,
+            transition: 'fade2',
+            transitionDuration: 2000,
+            slides: [{
+                    src: "img/backgrounds/1920x1080-kenburns-1.webp"
+                },
+                {
+                    src: "img/backgrounds/1920x1080-kenburns-2.webp"
+                },
+                {
+                    src: "img/backgrounds/1920x1080-kenburns-3.webp"
+                }
+            ],
+            animation: ['kenburnsUp', 'kenburnsDown', 'kenburnsLeft', 'kenburnsRight']
+        });
+    }
+    // --------------------------------------------- //
+    // Vegas Kenburns End
+    // --------------------------------------------- //
+
+    // --------------------------------------------- //
+    // Skillbars Settings Start
+    // --------------------------------------------- //
+    $('.skillbar').skillBars({
+        from: 0,
+        speed: 4000,
+        interval: 100,
+    });
+    // --------------------------------------------- //
+    // Skillbars Settings End
+    // --------------------------------------------- //
+
+    // --------------------------------------------- //
+    // Mailchimp Notify Form Start
+    // --------------------------------------------- //
+    $('.notify-form').ajaxChimp({
+        callback: mailchimpCallback,
+        url: 'https://besaba.us10.list-manage.com/subscribe/post?u=e8d650c0df90e716c22ae4778&id=54a7906900'
+    });
+
+    function mailchimpCallback(resp) {
+        if (resp.result === 'success') {
+            $('.notify').find('.form').addClass('is-hidden');
+            $('.notify').find('.subscription-ok').addClass('is-visible');
+            setTimeout(function() {
+                // Done Functions
+                $('.notify').find('.subscription-ok').removeClass('is-visible');
+                $('.notify').find('.form').delay(300).removeClass('is-hidden');
+                $('.notify-form').trigger("reset");
+            }, 5000);
+        } else if (resp.result === 'error') {
+            $('.notify').find('.form').addClass('is-hidden');
+            $('.notify').find('.subscription-error').addClass('is-visible');
+            setTimeout(function() {
+                // Done Functions
+                $('.notify').find('.subscription-error').removeClass('is-visible');
+                $('.notify').find('.form').delay(300).removeClass('is-hidden');
+                $('.notify-form').trigger("reset");
+            }, 5000);
+        }
+    };
+    // --------------------------------------------- //
+    // Mailchimp Notify Form End
+    // --------------------------------------------- //
+
+    // --------------------------------------------- //
+    // Say Hello Form Start
+    // --------------------------------------------- //
+    $("#sayhello-form").submit(function() { //Change
+        var th = $(this);
+        $.ajax({
+            type: "POST",
+            url: "mail.php", //Change
+            data: th.serialize()
+        }).done(function() {
+            $('.sayhello').find('.form').addClass('is-hidden');
+            $('.sayhello').find('.reply-group').addClass('is-visible');
+            setTimeout(function() {
+                // Done Functions
+                $('.sayhello').find('.reply-group').removeClass('is-visible');
+                $('.sayhello').find('.form').delay(300).removeClass('is-hidden');
+                th.trigger("reset");
+            }, 5000);
+        });
+        return false;
+    });
+    // --------------------------------------------- //
+    // Say Hello Form End
+    // --------------------------------------------- //
+
+    // --------------------------------------------- //
+    // ParticlesJS Background Start
+    // --------------------------------------------- //
+    // Triangles BG - particlesJS
+    var bgndTriangles = $('#triangles-js');
+    if (bgndTriangles.length) {
+        particlesJS('triangles-js', {
+            "particles": {
+                "number": {
+                    "value": 33,
+                    "density": {
+                        "enable": true,
+                        "value_area": 1420.4657549380909
+                    }
+                },
+                "color": {
+                    "value": "#ffffff"
+                },
+                "shape": {
+                    "type": "triangle",
+                    "stroke": {
+                        "width": 0,
+                        "color": "#000000"
+                    },
+                    "polygon": {
+                        "nb_sides": 5
+                    },
+                    "image": {
+                        "src": "img/github.svg",
+                        "width": 100,
+                        "height": 100
+                    }
+                },
+                "opacity": {
+                    "value": 0.06313181133058181,
+                    "random": false,
+                    "anim": {
+                        "enable": false,
+                        "speed": 1,
+                        "opacity_min": 0.1,
+                        "sync": false
+                    }
+                },
+                "size": {
+                    "value": 11.83721462448409,
+                    "random": true,
+                    "anim": {
+                        "enable": false,
+                        "speed": 40,
+                        "size_min": 0.1,
+                        "sync": false
+                    }
+                },
+                "line_linked": {
+                    "enable": true,
+                    "distance": 150,
+                    "color": "#ffffff",
+                    "opacity": 0.4,
+                    "width": 1
+                },
+                "move": {
+                    "enable": true,
+                    "speed": 4,
+                    "direction": "none",
+                    "random": false,
+                    "straight": false,
+                    "out_mode": "out",
+                    "bounce": false,
+                    "attract": {
+                        "enable": false,
+                        "rotateX": 600,
+                        "rotateY": 1200
+                    }
+                }
+            },
+            "interactivity": {
+                "detect_on": "canvas",
+                "events": {
+                    "onhover": {
+                        "enable": true,
+                        "mode": "repulse"
+                    },
+                    "onclick": {
+                        "enable": true,
+                        "mode": "push"
+                    },
+                    "resize": true
+                },
+                "modes": {
+                    "grab": {
+                        "distance": 400,
+                        "line_linked": {
+                            "opacity": 1
+                        }
+                    },
+                    "bubble": {
+                        "distance": 400,
+                        "size": 40,
+                        "duration": 2,
+                        "opacity": 8,
+                        "speed": 3
+                    },
+                    "repulse": {
+                        "distance": 200,
+                        "duration": 0.4
+                    },
+                    "push": {
+                        "particles_nb": 4
+                    },
+                    "remove": {
+                        "particles_nb": 2
+                    }
+                }
+            },
+            "retina_detect": true
+        });
+    };
+    // --------------------------------------------- //
+    // ParticlesJS Background End
+    // --------------------------------------------- //
+
+});

asserts2/js/gallery-init.js

@@ -0,0 +1,218 @@
+// ------------------------------------------------
+// Author: dimsemenov
+// Author URI: https://github.com/dimsemenov
+// File name: gallery-init.js
+// https://codepen.io/dimsemenov/pen/ZYbPJM
+// ------------------------------------------------
+
+var initPhotoSwipeFromDOM = function(gallerySelector) {
+
+    // parse slide data (url, title, size ...) from DOM elements
+    // (children of gallerySelector)
+    var parseThumbnailElements = function(el) {
+        var thumbElements = el.childNodes,
+            numNodes = thumbElements.length,
+            items = [],
+            figureEl,
+            linkEl,
+            size,
+            item;
+
+        for (var i = 0; i < numNodes; i++) {
+
+            figureEl = thumbElements[i]; // <figure> element
+
+            // include only element nodes
+            if (figureEl.nodeType !== 1) {
+                continue;
+            }
+
+            linkEl = figureEl.children[0]; // <a> element
+
+            size = linkEl.getAttribute('data-size').split('x');
+
+            // create slide object
+            item = {
+                src: linkEl.getAttribute('href'),
+                w: parseInt(size[0], 10),
+                h: parseInt(size[1], 10)
+            };
+
+
+
+            if (figureEl.children.length > 1) {
+                // <figcaption> content
+                item.title = figureEl.children[1].innerHTML;
+            }
+
+            if (linkEl.children.length > 0) {
+                // <img> thumbnail element, retrieving thumbnail url
+                item.msrc = linkEl.children[0].getAttribute('src');
+            }
+
+            item.el = figureEl; // save link to element for getThumbBoundsFn
+            items.push(item);
+        }
+
+        return items;
+    };
+
+    // find nearest parent element
+    var closest = function closest(el, fn) {
+        return el && (fn(el) ? el : closest(el.parentNode, fn));
+    };
+
+    // triggers when user clicks on thumbnail
+    var onThumbnailsClick = function(e) {
+        e = e || window.event;
+        e.preventDefault ? e.preventDefault() : e.returnValue = false;
+
+        var eTarget = e.target || e.srcElement;
+
+        // find root element of slide
+        var clickedListItem = closest(eTarget, function(el) {
+            return (el.tagName && el.tagName.toUpperCase() === 'FIGURE');
+        });
+
+        if (!clickedListItem) {
+            return;
+        }
+
+        // find index of clicked item by looping through all child nodes
+        // alternatively, you may define index via data- attribute
+        var clickedGallery = clickedListItem.parentNode,
+            childNodes = clickedListItem.parentNode.childNodes,
+            numChildNodes = childNodes.length,
+            nodeIndex = 0,
+            index;
+
+        for (var i = 0; i < numChildNodes; i++) {
+            if (childNodes[i].nodeType !== 1) {
+                continue;
+            }
+
+            if (childNodes[i] === clickedListItem) {
+                index = nodeIndex;
+                break;
+            }
+            nodeIndex++;
+        }
+
+
+
+        if (index >= 0) {
+            // open PhotoSwipe if valid index found
+            openPhotoSwipe(index, clickedGallery);
+        }
+        return false;
+    };
+
+    // parse picture index and gallery index from URL (#&pid=1&gid=2)
+    var photoswipeParseHash = function() {
+        var hash = window.location.hash.substring(1),
+            params = {};
+
+        if (hash.length < 5) {
+            return params;
+        }
+
+        var vars = hash.split('&');
+        for (var i = 0; i < vars.length; i++) {
+            if (!vars[i]) {
+                continue;
+            }
+            var pair = vars[i].split('=');
+            if (pair.length < 2) {
+                continue;
+            }
+            params[pair[0]] = pair[1];
+        }
+
+        if (params.gid) {
+            params.gid = parseInt(params.gid, 10);
+        }
+
+        return params;
+    };
+
+    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {
+        var pswpElement = document.querySelectorAll('.pswp')[0],
+            gallery,
+            options,
+            items;
+
+        items = parseThumbnailElements(galleryElement);
+
+        // define options (if needed)
+        options = {
+
+            showHideOpacity: true,
+
+            // define gallery index (for URL)
+            galleryUID: galleryElement.getAttribute('data-pswp-uid'),
+
+            getThumbBoundsFn: function(index) {
+                // See Options -> getThumbBoundsFn section of documentation for more info
+                var thumbnail = items[index].el.getElementsByTagName('img')[0], // find thumbnail
+                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,
+                    rect = thumbnail.getBoundingClientRect();
+
+                return {
+                    x: rect.left,
+                    y: rect.top + pageYScroll,
+                    w: rect.width
+                };
+            }
+
+        };
+
+        // PhotoSwipe opened from URL
+        if (fromURL) {
+            if (options.galleryPIDs) {
+                // parse real index when custom PIDs are used
+                // http://photoswipe.com/documentation/faq.html#custom-pid-in-url
+                for (var j = 0; j < items.length; j++) {
+                    if (items[j].pid == index) {
+                        options.index = j;
+                        break;
+                    }
+                }
+            } else {
+                // in URL indexes start from 1
+                options.index = parseInt(index, 10) - 1;
+            }
+        } else {
+            options.index = parseInt(index, 10);
+        }
+
+        // exit if index not found
+        if (isNaN(options.index)) {
+            return;
+        }
+
+        if (disableAnimation) {
+            options.showAnimationDuration = 0;
+        }
+
+        // Pass data to PhotoSwipe and initialize it
+        gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
+        gallery.init();
+    };
+
+    // loop through all gallery elements and bind events
+    var galleryElements = document.querySelectorAll(gallerySelector);
+
+    for (var i = 0, l = galleryElements.length; i < l; i++) {
+        galleryElements[i].setAttribute('data-pswp-uid', i + 1);
+        galleryElements[i].onclick = onThumbnailsClick;
+    }
+
+    // Parse URL and open gallery if it contains #&pid=3&gid=1
+    var hashData = photoswipeParseHash();
+    if (hashData.pid && hashData.gid) {
+        openPhotoSwipe(hashData.pid, galleryElements[hashData.gid - 1], true, true);
+    }
+};
+
+// execute above function
+initPhotoSwipeFromDOM('.my-gallery');

assets/js/db.data.js

@@ -0,0 +1,407 @@
+'use strict'
+
+var dp1 = [
+    [0, 53],
+    [1, 50],
+    [2, 49],
+    [3, 47],
+    [4, 49],
+    [5, 50],
+    [6, 48],
+    [7, 48],
+    [8, 53],
+    [9, 52],
+    [10, 49],
+    [11, 50],
+    [12, 48],
+    [13, 44],
+    [14, 40],
+    [15, 41],
+    [16, 45],
+    [17, 44],
+    [18, 41],
+    [19, 38],
+    [20, 39],
+    [21, 41],
+    [22, 39],
+    [23, 35],
+    [24, 38],
+    [25, 38],
+    [26, 40],
+    [27, 38],
+    [28, 42],
+    [29, 46],
+    [30, 43],
+    [31, 40],
+    [32, 36],
+    [33, 31],
+    [34, 28],
+    [35, 29],
+    [36, 29],
+    [37, 33],
+    [38, 37],
+    [39, 35],
+    [40, 37],
+    [41, 39],
+    [42, 39],
+    [43, 34],
+    [44, 37],
+    [45, 39],
+    [46, 38],
+    [47, 37],
+    [48, 40],
+    [49, 35],
+    [50, 31],
+    [51, 31],
+    [52, 30],
+    [53, 25],
+    [54, 28],
+    [55, 28],
+    [56, 30],
+    [57, 32],
+    [58, 32],
+    [59, 37],
+    [60, 35],
+    [61, 39],
+    [62, 41],
+    [63, 41],
+    [64, 43],
+    [65, 39],
+    [66, 39],
+    [67, 43],
+    [68, 42],
+    [69, 43],
+    [70, 38],
+    [71, 43],
+    [72, 41],
+    [73, 44],
+    [74, 46],
+    [75, 47],
+    [76, 49],
+    [77, 46],
+    [78, 51],
+    [79, 50],
+    [80, 53],
+    [81, 56],
+    [82, 52],
+    [83, 56],
+    [84, 60],
+    [85, 58],
+    [86, 56],
+    [87, 55],
+    [88, 54],
+    [89, 54],
+    [90, 58],
+    [91, 57],
+    [92, 60],
+    [93, 54],
+    [94, 56],
+    [95, 55],
+    [96, 54],
+    [97, 52],
+    [98, 54],
+    [99, 54],
+    [100, 51],
+    [101, 51],
+    [102, 46],
+    [103, 48]
+];
+
+var dp2 = [
+    [0, 56],
+    [1, 54],
+    [2, 59],
+    [3, 61],
+    [4, 65],
+    [5, 70],
+    [6, 73],
+    [7, 70],
+    [8, 73],
+    [9, 69],
+    [10, 73],
+    [11, 69],
+    [12, 73],
+    [13, 77],
+    [14, 72],
+    [15, 75],
+    [16, 71],
+    [17, 69],
+    [18, 67],
+    [19, 68],
+    [20, 67],
+    [21, 66],
+    [22, 61],
+    [23, 58],
+    [24, 56],
+    [25, 53],
+    [26, 52],
+    [27, 57],
+    [28, 59],
+    [29, 63],
+    [30, 60],
+    [31, 62],
+    [32, 64],
+    [33, 67],
+    [34, 66],
+    [35, 67],
+    [36, 71],
+    [37, 66],
+    [38, 64],
+    [39, 62],
+    [40, 66],
+    [41, 65],
+    [42, 62],
+    [43, 66],
+    [44, 63],
+    [45, 66],
+    [46, 64],
+    [47, 65],
+    [48, 69],
+    [49, 65],
+    [50, 69],
+    [51, 65],
+    [52, 68],
+    [53, 73],
+    [54, 71],
+    [55, 71],
+    [56, 75],
+    [57, 77],
+    [58, 81],
+    [59, 79],
+    [60, 76],
+    [61, 74],
+    [62, 75],
+    [63, 76],
+    [64, 78],
+    [65, 81],
+    [66, 82],
+    [67, 87],
+    [68, 85],
+    [69, 82],
+    [70, 82],
+    [71, 77],
+    [72, 80],
+    [73, 84],
+    [74, 83],
+    [75, 88],
+    [76, 89],
+    [77, 88],
+    [78, 83],
+    [79, 87],
+    [80, 85],
+    [81, 85],
+    [82, 90],
+    [83, 92],
+    [84, 97],
+    [85, 80],
+    [86, 82],
+    [87, 81],
+    [88, 84],
+    [89, 85],
+    [90, 90],
+    [91, 91],
+    [92, 90],
+    [93, 89],
+    [94, 86],
+    [95, 83],
+    [96, 82],
+    [97, 87],
+    [98, 85],
+    [99, 87],
+    [100, 82],
+    [101, 87],
+    [102, 86],
+    [103, 83]
+];
+
+var dp3 = [
+    [0, 40],
+    [1, 39],
+    [2, 35],
+    [3, 33],
+    [4, 28],
+    [5, 28],
+    [6, 24],
+    [7, 20],
+    [8, 17],
+    [9, 16],
+    [10, 19],
+    [11, 16],
+    [12, 13],
+    [13, 18],
+    [14, 17],
+    [15, 18],
+    [16, 18],
+    [17, 19],
+    [18, 18],
+    [19, 17],
+    [20, 20],
+    [21, 18],
+    [22, 17],
+    [23, 17],
+    [24, 15],
+    [25, 15],
+    [26, 14],
+    [27, 15],
+    [28, 18],
+    [29, 19],
+    [30, 23],
+    [31, 27],
+    [32, 30],
+    [33, 28],
+    [34, 29],
+    [35, 29],
+    [36, 27],
+    [37, 24],
+    [38, 22],
+    [39, 26],
+    [40, 28],
+    [41, 27],
+    [42, 30],
+    [43, 26],
+    [44, 22],
+    [45, 19],
+    [46, 16],
+    [47, 17],
+    [48, 20],
+    [49, 16],
+    [50, 12],
+    [51, 10],
+    [52, 7],
+    [53, 11],
+    [54, 15],
+    [55, 20],
+    [56, 22],
+    [57, 19],
+    [58, 18],
+    [59, 20],
+    [60, 17],
+    [61, 19],
+    [62, 18],
+    [63, 14],
+    [64, 9],
+    [65, 10],
+    [66, 6],
+    [67, 10],
+    [68, 12],
+    [69, 13],
+    [70, 18],
+    [71, 22],
+    [72, 22],
+    [73, 26],
+    [74, 22],
+    [75, 18],
+    [76, 19],
+    [77, 19],
+    [78, 18],
+    [79, 23],
+    [80, 20],
+    [81, 25],
+    [82, 28],
+    [83, 29],
+    [84, 27],
+    [85, 25],
+    [86, 25],
+    [87, 24],
+    [88, 20],
+    [89, 18],
+    [90, 18],
+    [91, 18],
+    [92, 22],
+    [93, 21],
+    [94, 26],
+    [95, 29],
+    [96, 26],
+    [97, 28],
+    [98, 30],
+    [99, 28],
+    [100, 30],
+    [101, 27],
+    [102, 30],
+    [103, 26]
+];
+
+var dp4 = [
+    [0, -2],
+    [1, -3],
+    [2, 7],
+    [3, -8],
+    [4, -2],
+    [5, 10],
+    [6, 12],
+    [7, 3],
+    [8, -5],
+    [9, -6],
+    [10, -1],
+    [11, -8],
+    [12, 18],
+    [13, 7],
+    [14, -3],
+    [15, -2],
+    [16, 3],
+    [17, 19],
+    [18, -10],
+    [19, 10],
+    [20, 11],
+    [21, -7],
+    [22, -5],
+    [23, -4],
+    [24, 17],
+    [25, 11],
+    [26, 16],
+    [27, 12],
+    [28, -3],
+    [29, -7],
+    [30, -6],
+    [31, 4],
+    [32, 1],
+    [33, 7],
+    [34, 2],
+    [35, 6],
+    [36, 10],
+    [37, -3],
+    [38, 10],
+    [39, 9]
+];
+var dp5 = [
+    [0, 3],
+    [1, 4],
+    [2, -5],
+    [3, 12],
+    [4, 5],
+    [5, -7],
+    [6, -4],
+    [7, -2],
+    [8, 6],
+    [9, 10],
+    [10, 3],
+    [11, 5],
+    [12, -10],
+    [13, -4],
+    [14, 4],
+    [15, 3],
+    [16, -5],
+    [17, -6],
+    [18, 7],
+    [19, -5],
+    [20, -7],
+    [21, 5],
+    [22, 4],
+    [23, 5],
+    [24, -10],
+    [25, -6],
+    [26, -7],
+    [27, -4],
+    [28, 5],
+    [29, 2],
+    [30, 3],
+    [31, -4],
+    [32, -2],
+    [33, -3],
+    [34, -2],
+    [35, -3],
+    [36, -8],
+    [37, 4],
+    [38, -2],
+    [39, -3]
+];

assets/js/db.helpdesk.js

@@ -0,0 +1,317 @@
+'use strict'
+
+// Complaints Received
+var optionOne = {
+    series: [{
+        data: dp3
+    }],
+    chart: {
+        height: 280,
+        parentHeightOffset: 0,
+        type: 'area',
+        toolbar: {
+            show: false
+        },
+        stacked: true,
+        sparkline: {
+            enabled: true
+        }
+    },
+    colors: ['#506fd9'],
+    stroke: {
+        curve: 'straight',
+        width: 2
+    },
+    xaxis: {
+        max: 40
+    },
+    yaxis: {
+        min: 0,
+        max: 80
+    },
+    fill: {
+        type: 'solid',
+        opacity: 0.2
+    },
+    tooltip: {
+        enabled: false
+    }
+};
+
+var chartOne = new ApexCharts(document.querySelector('#apexChart1'), optionOne);
+chartOne.render();
+
+//--------------------------------------------
+
+var optionDonut1 = {
+    series: [86, 14],
+    chart: {
+        type: 'donut',
+        width: '160',
+        height: '160',
+        parentHeightOffset: 0
+    },
+    colors: ['#506fd9', '#e5e9f2'],
+    dataLabels: {
+        enabled: false
+    },
+    legend: {
+        show: false
+    }
+};
+
+var chartDonut1 = new ApexCharts(document.querySelector('#chartDonut1'), optionDonut1);
+chartDonut1.render();
+
+var optionDonut2 = {
+    series: [68, 32],
+    chart: {
+        type: 'donut',
+        width: '160',
+        height: '160',
+        parentHeightOffset: 0
+    },
+    colors: ['#4c5366', '#e5e9f2'],
+    dataLabels: {
+        enabled: false
+    },
+    legend: {
+        show: false
+    }
+};
+
+var chartDonut2 = new ApexCharts(document.querySelector('#chartDonut2'), optionDonut2);
+chartDonut2.render();
+
+//-------------------------------------------
+
+var optionTwo = {
+    series: [{
+        name: 'series1',
+        data: dp3
+    }],
+    chart: {
+        height: 200,
+        parentHeightOffset: 0,
+        type: 'area',
+        toolbar: {
+            show: false
+        },
+        stacked: true
+    },
+    colors: ['#4f6fd9'],
+    grid: {
+        borderColor: 'rgba(72,94,144, 0.08)',
+        padding: {
+            top: -20,
+            left: 0,
+            right: -8
+        },
+        yaxis: {
+            lines: {
+                show: false
+            }
+        }
+    },
+    dataLabels: {
+        enabled: false
+    },
+    stroke: {
+        curve: 'straight',
+        width: 1.5
+    },
+    xaxis: {
+        overwriteCategories: ['', 'JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC', ''],
+        tickAmount: 13,
+        axisBorder: {
+            show: false
+        },
+        labels: {
+            style: {
+                colors: '#6e7985',
+                fontSize: '10px'
+            }
+        },
+    },
+    yaxis: {
+        min: 0,
+        max: 50,
+        show: false
+    },
+    fill: {
+        type: 'gradient',
+        gradient: {
+            opacityFrom: 0.5,
+            opacityTo: 0,
+        }
+    },
+    legend: {
+        show: false
+    },
+    tooltip: {
+        enabled: false
+    }
+};
+
+var chartTwo = new ApexCharts(document.querySelector('#apexChart2'), optionTwo);
+chartTwo.render();
+
+// Current Ticket Status
+var ctx1 = document.getElementById('chartJS1').getContext('2d');
+var chart1 = new Chart(ctx1, {
+    type: 'bar',
+    data: {
+        labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+        datasets: [{
+            data: [20, 60, 50, 45, 50, 60, 70, 40, 45, 35, 25, 30],
+            backgroundColor: '#506fd9',
+            barPercentage: 0.5
+        }, {
+            data: [10, 40, 30, 40, 60, 55, 45, 35, 30, 20, 15, 20],
+            backgroundColor: '#85b6ff',
+            barPercentage: 0.5
+        }, {
+            data: [8, 30, 40, 35, 40, 45, 35, 30, 25, 10, 20, 15],
+            backgroundColor: '#e2e5ec',
+            barPercentage: 0.5
+        }]
+    },
+    options: {
+        maintainAspectRatio: false,
+        responsive: true,
+        plugins: {
+            legend: {
+                display: false
+            }
+        },
+        scales: {
+            y: {
+                beginAtZero: true,
+                max: 80,
+                ticks: {
+                    color: '#a1aab3',
+                    font: {
+                        size: 10
+                    }
+                },
+                grid: {
+                    borderColor: '#e2e5ec',
+                    borderWidth: 1.5,
+                    color: 'rgba(65,80,95,.08)'
+                }
+            },
+            x: {
+                ticks: {
+                    color: '#313c47'
+                },
+                grid: {
+                    color: 'rgba(65,80,95,.08)'
+                }
+            }
+        }
+    }
+});
+
+// Tickets By Request Type
+var ctx2 = document.getElementById('chartJS2').getContext('2d');
+var chart2 = new Chart(ctx2, {
+    type: 'bar',
+    data: {
+        labels: ['Modification', 'Code Request', 'Feature Request', 'Bug Fix', 'Integration', 'Production'],
+        datasets: [{
+            data: [20, 60, 50, 45, 50, 75],
+            backgroundColor: ['#506fd9', '#85b6ff', '#33d685', '#ffc107', '#0dcaf0', '#ea4c89'],
+            barPercentage: 0.5
+        }, {
+            data: [10, 40, 30, 40, 60, 55],
+            backgroundColor: '#e2e5ec',
+            barPercentage: 0.5
+        }]
+    },
+    options: {
+        indexAxis: 'y',
+        maintainAspectRatio: false,
+        responsive: true,
+        plugins: {
+            legend: {
+                display: false
+            }
+        },
+        scales: {
+            x: {
+                beginAtZero: true,
+                max: 100,
+                grid: {
+                    borderColor: '#e2e5ec',
+                    color: '#f3f5f9'
+                },
+                ticks: {
+                    font: {
+                        size: 11
+                    }
+                }
+            },
+            y: {
+                grid: {
+                    borderWidth: 0,
+                    color: '#f3f5f9'
+                },
+                ticks: {
+                    color: '#465463',
+                    font: {
+                        size: 13
+                    }
+                }
+            }
+        }
+    }
+});
+
+// Dark skin integration
+function switchDark(enabled) {
+    if (enabled) {
+        chart1.options.scales['y'].grid.borderColor = '#222b41';
+        chart1.options.scales['x'].ticks.color = 'rgba(255,255,255,.65)';
+
+        chart2.options.scales['x'].grid.color = '#222b41';
+        chart2.options.scales['x'].ticks.color = 'rgba(255,255,255,.65)';
+        chart2.options.scales['x'].grid.borderColor = '#222b41';
+        chart2.options.scales['y'].grid.color = '#222b41';
+        chart2.options.scales['y'].ticks.color = 'rgba(255,255,255,.65)';
+
+        chart2.data.datasets[1].backgroundColor = '#222b41';
+
+        $('.btn-white').addClass('btn-outline-primary').removeClass('btn-white');
+
+    } else {
+        chart1.options.scales['y'].grid.borderColor = '#e2e5ec';
+        chart1.options.scales['x'].ticks.color = '#313c47';
+
+        chart2.options.scales['x'].grid.color = '#edeff6';
+        chart2.options.scales['x'].ticks.color = '#42484e';
+        chart2.options.scales['x'].grid.borderColor = '#edeff6';
+        chart2.options.scales['y'].grid.color = '#edeff6';
+        chart2.options.scales['y'].ticks.color = '#42484e';
+
+        chart2.data.datasets[1].backgroundColor = '#e2e5ec';
+
+        $('.btn-outline-primary').addClass('btn-white').removeClass('btn-outline-primary');
+    }
+
+    chart1.update();
+    chart2.update();
+}
+
+if (skinMode) {
+    switchDark(true);
+}
+
+// Switch between light and dark
+$('#skinMode .nav-link').bind('click', function(e) {
+    var mode = $(this).text().toLowerCase();
+    if (mode == 'dark') {
+        switchDark(true);
+    } else {
+        switchDark(false);
+    }
+});

assets/js/script.js

@@ -0,0 +1,177 @@
+'use script'
+
+// Add backdrop element
+$('body').append('<div class="main-backdrop"></div>');
+
+// Enable tooltips everywhere
+var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
+    return new bootstrap.Tooltip(tooltipTriggerEl)
+});
+
+// Show sidebar in mobile
+$('#menuLink').on('click', function(e) {
+    e.preventDefault();
+
+    $('body').toggleClass('sidebar-show');
+});
+
+// Hide sidebar in mobile
+$('body').on('click', '.main-backdrop', function() {
+    $('body').removeClass('sidebar-show sideright-show');
+})
+
+// Sidebar Interaction
+const psSidebar = new PerfectScrollbar('#sidebarMenu', {
+    suppressScrollX: true
+});
+
+$('.sidebar .nav-label').on('click', function(e) {
+    e.preventDefault();
+
+    var target = $(this).next('.nav-sidebar');
+    $(target).slideToggle(function() {
+        psSidebar.update();
+    });
+
+});
+
+$('.sidebar .has-sub').on('click', function(e) {
+    e.preventDefault();
+
+    var target = $(this).next('.nav-sub');
+    $(target).slideToggle(function() {
+        psSidebar.update();
+    });
+
+    var siblings = $(this).closest('.nav-item').siblings();
+    siblings.each(function() {
+        var nav = $(this).find('.nav-sub');
+        if (nav.is(':visible')) {
+            nav.slideUp();
+        }
+    });
+});
+
+$('#sidebarFooterMenu').on('click', function(e) {
+    e.preventDefault();
+    $(this).closest('.sidebar').toggleClass('footer-menu-show');
+});
+
+// Header mobile effect on scroll
+function animateHead() {
+    if ($(document).scrollTop() > 20) {
+        $('.main-mobile-header').addClass('scroll');
+    } else {
+        $('.main-mobile-header').removeClass('scroll');
+    }
+}
+
+$(window).scroll(function() {
+    animateHead();
+});
+
+// Click interaction anywhere in the page
+$(document).on('click touchstart', function(e) {
+    e.stopPropagation();
+
+    // closing sidebar footer menu
+    if (!$(e.target).closest('.sidebar-footer').length) {
+        $('.sidebar').removeClass('footer-menu-show');
+    }
+});
+
+// Form search
+$('.form-search .form-control').on('focusin focusout', function(e) {
+    $(this).parent().toggleClass('onfocus');
+});
+
+// Show/hide sidebar
+$('#menuSidebar').on('click', function(e) {
+    e.preventDefault();
+
+    if (window.matchMedia('(min-width: 992px)').matches) {
+        $('body').toggleClass('sidebar-hide');
+    } else {
+        $('body').toggleClass('sidebar-show');
+    }
+});
+
+// Show/hide sidebar offset
+$('#menuSidebarOffset').on('click', function(e) {
+    e.preventDefault();
+
+    $('body').toggleClass('sidebar-show');
+});
+
+// Load skin mode
+var skinMode = localStorage.getItem('skin-mode');
+if (skinMode) {
+    $('html').attr('data-skin', 'dark');
+    $('#skinMode .nav-link:last-child').addClass('active').siblings().removeClass('active');
+}
+
+// Set skin mode
+$('#skinMode .nav-link').on('click', function(e) {
+    e.preventDefault();
+    $(this).addClass('active').siblings().removeClass('active');
+
+    var mode = $(this).text().toLowerCase();
+    if (mode == 'dark') {
+        $('html').attr('data-skin', 'dark');
+        localStorage.setItem('skin-mode', mode);
+    } else {
+        localStorage.removeItem('skin-mode');
+        $('html').attr('data-skin', '');
+    }
+});
+
+// Load sidebar skin
+var sidebarSkin = localStorage.getItem('sidebar-skin');
+if (sidebarSkin) {
+    $('.sidebar').attr('class', 'sidebar sidebar-' + sidebarSkin);
+
+    if (sidebarSkin == 'prime') {
+        $('#sidebarSkin .nav-link:nth-child(2)').addClass('active').siblings().removeClass('active');
+    } else {
+        $('#sidebarSkin .nav-link:last-child').addClass('active').siblings().removeClass('active');
+    }
+}
+
+// Set sidebar skin
+$('#sidebarSkin .nav-link').on('click', function(e) {
+    e.preventDefault();
+    $(this).addClass('active').siblings().removeClass('active');
+
+    var skin = $(this).text().toLowerCase();
+    if (skin == 'default') {
+
+        $('.sidebar').attr('class', 'sidebar');
+        localStorage.removeItem('sidebar-skin');
+
+    } else {
+
+        $('.sidebar').attr('class', 'sidebar sidebar-' + skin);
+        localStorage.setItem('sidebar-skin', skin);
+    }
+});
+
+// Direction (LTR,RTL)
+$('#layoutDirection .nav-link').on('click', function(e) {
+    e.preventDefault();
+    var loc = window.location.href;
+    var newLoc = '';
+
+    if ($(this).is(':last-child')) {
+        if (loc.includes('/dashboard/')) newLoc = loc.replace('/dashboard/', '/dashboard-rtl/');
+        if (loc.includes('/apps/')) newLoc = loc.replace('/apps/', '/apps-rtl/');
+        if (loc.includes('/pages/')) newLoc = loc.replace('/pages/', '/pages-rtl/');
+
+    } else {
+        if (loc.includes('/dashboard-rtl/')) newLoc = loc.replace('/dashboard-rtl/', '/dashboard/');
+        if (loc.includes('/apps-rtl/')) newLoc = loc.replace('/apps-rtl/', '/apps/');
+        if (loc.includes('/pages-rtl/')) newLoc = loc.replace('/pages-rtl/', '/pages/');
+    }
+
+    window.location.href = newLoc;
+})

bar.js

@@ -0,0 +1,47 @@
+var chart_config = {
+    type: 'bar',
+    data: {
+        labels: ['One', 'Two', 'Three'],
+        datasets: [
+            {
+                label: 'Dataset 1',
+                backgroundColor: '#848484',
+                data: [4, 2, 6]
+            },
+            {
+                label: 'Dataset 2',
+                backgroundColor: '#848484',
+                data: [1, 6, 3]
+            },
+            {
+                label: 'Dataset 3',
+                backgroundColor: '#848484',
+                data: [7, 5, 2]
+            }
+        ]
+    },
+    options: {
+        title: {
+            display: false,
+            text: 'Stacked Bars'
+        },
+        tooltips: {
+            mode: 'label'
+        },
+        responsive: true,
+        maintainAspectRatio: false,
+        scales: {
+            xAxes: [
+                {
+                    stacked: true
+                }
+            ],
+            yAxes: [
+                {
+                    stacked: true
+                }
+            ]
+        },
+        onClick: handleClick
+    }
+};