diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index acb5ec9..867f055 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -1,27 +1,24 @@
 // Color Variables
-{{ with site.Params.variables }}
-$color-primary: {{.color_primary | default "#fff"}};
-$color-secondary: {{.color_secondary | default "#0AA8A7"}};
-$text-color: {{.text_color | default "#fff"}};
-$text-dark: {{.text_dark | default "#222"}};
-$text-light: {{.text_light | default "#737373"}};
-$body-bg: {{.body_color | default "#fff"}};
-$border-color: {{.border_color | default "#ECECEC"}};
-$black: {{.black | default "#000"}};
-$white: {{.white | default "#fff"}};
-$light: {{.light | default "#EDF6F5"}};
-
+$color-primary: #fff;
+$color-secondary: #0AA8A7;
+$text-color: #fff;
+$text-dark: #222;
+$text-light: #737373;
+$body-bg: #fff;
+$border-color: #ECECEC;
+$black: #000;
+$white: #fff;
+$light: #EDF6F5;
 
 // Font Variables
-$font-size: {{.font_size | default "16px"}};
-$font-scale: {{.font_scale | default "1.25"}};
-$font-primary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_primary | default "Lato") "+" " "}}', {{.font_primary_type | default "sans-serif"}};
-$font-secondary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_secondary | default "Lato") "+" " "}}', {{.font_secondary_type | default "sans-serif"}};
-$font-tertiary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_tertiary | default "Dosis") "+" " "}}', {{.font_tertiary_type | default "sans-serif"}};
-$font-quaternary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_quaternary | default "Edu") "+" " "}}', {{.font_quaternary_type | default "sans-serif"}};
+$font-size: 16px;
+$font-scale: 1.25;
+$font-primary: 'Lato', sans-serif;
+$font-secondary: 'Lato', sans-serif;
+$font-tertiary: 'Dosis', sans-serif;
+$font-quaternary: 'Edu', sans-serif;
 
-$font-icon: '{{.font_icon | default "Font Awesome 5 Free"}}';
-{{ end }}
+$font-icon: 'Font Awesome 5 Free';
 
 $h1: 80px;
 $h1-md: 34px;
diff --git a/layouts/index.html b/layouts/index.html
index b196cc7..539f626 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -49,59 +49,85 @@ document.addEventListener('DOMContentLoaded', function () {
   const scrolldown = document.querySelector('.scrolldown');
   const header = document.getElementById('mainHeader');
   let lastScroll = window.scrollY;
-  let isScrolling = false;
-  let scrollTriggered = false;
+  let autoScrollDone = false;
+  let isAutoScrolling = false;
   const offset = 120;
 
   function scrollToTarget() {
-    if (!targetSection) return;
+    if (!targetSection || isAutoScrolling) return;
+    
+    isAutoScrolling = true;
     const y = targetSection.getBoundingClientRect().top + window.pageYOffset - offset;
+    
     window.scrollTo({ top: y, behavior: 'smooth' });
+    
+    // Warte bis Scroll-Animation fertig ist
+    setTimeout(() => {
+      isAutoScrolling = false;
+      autoScrollDone = true;
+    }, 1000);
   }
 
   // Klick auf Chevron → scrollen
-  scrolldown?.addEventListener('click', () => {
-    scrollTriggered = true;
+  scrolldown?.addEventListener('click', (e) => {
+    e.preventDefault();
+    e.stopPropagation();
     scrollToTarget();
   });
 
   // Scrollrad nach unten → am Ende von Hero → scrollen
+  let wheelTimeout;
   window.addEventListener('wheel', function (e) {
-    if (isScrolling || e.deltaY <= 0 || scrollTriggered || !hero || !targetSection) return;
+    // Verhindere Auto-Scroll während manueller Scroll oder wenn bereits ausgeführt
+    if (autoScrollDone || isAutoScrolling || e.deltaY <= 0 || !hero || !targetSection) return;
 
-    const heroBottom = hero.getBoundingClientRect().bottom;
-    const threshold = 50;
-    if (heroBottom <= window.innerHeight + threshold) {
-      isScrolling = true;
-      scrollTriggered = true;
-      scrollToTarget();
-      setTimeout(() => {
-        isScrolling = false;
-        scrollTriggered = false; // Reset scrollTriggered to prevent further jumps
-      }, 1000);
-    }
+    // Debounce wheel events
+    clearTimeout(wheelTimeout);
+    wheelTimeout = setTimeout(() => {
+      const heroBottom = hero.getBoundingClientRect().bottom;
+      const threshold = 50;
+
+      // Nur wenn wir wirklich am Ende der Hero-Section sind
+      if (heroBottom <= window.innerHeight + threshold && heroBottom > 0) {
+        scrollToTarget();
+      }
+    }, 50);
   }, { passive: true });
 
   // Scroll-Verhalten (Chevron + Header + Reset)
+  let scrollTimeout;
   window.addEventListener('scroll', function () {
-    // Chevron ausblenden
-    if (window.scrollY > 100) {
-      scrolldown?.classList.add('hide');
-    } else {
-      scrolldown?.classList.remove('hide');
-    }
+    clearTimeout(scrollTimeout);
+    scrollTimeout = setTimeout(() => {
+      // Chevron ausblenden
+      if (window.scrollY > 100) {
+        scrolldown?.classList.add('hide');
+      } else {
+        scrolldown?.classList.remove('hide');
+      }
 
-    // Header verstecken beim Runterscrollen
-    const currentScroll = window.scrollY;
-    header.style.top = (currentScroll > lastScroll) ? '-100vh' : '0';
-    if (currentScroll === 0) header.style.top = '0';
-    lastScroll = currentScroll;
+      // Header verstecken beim Runterscrollen
+      const currentScroll = window.scrollY;
+      if (!isAutoScrolling) {
+        header.style.top = (currentScroll > lastScroll && currentScroll > 100) ? '-100vh' : '0';
+        if (currentScroll === 0) header.style.top = '0';
+        lastScroll = currentScroll;
+      }
 
-    // ✅ Reset der Scroll-Aktion, wenn man wieder im Hero ist
-    const heroTop = hero.getBoundingClientRect().top;
-    if (heroTop >= 0) {
-      scrollTriggered = false;
-    }
+      // Reset der Auto-Scroll-Sperre nur wenn wir wieder komplett im Hero sind
+      const heroTop = hero.getBoundingClientRect().top;
+      const heroBottom = hero.getBoundingClientRect().bottom;
+      
+      // Nur resetten wenn Hero-Section vollständig sichtbar ist
+      if (heroTop >= -10 && heroBottom > window.innerHeight * 0.8) {
+        autoScrollDone = false;
+      }
+    }, 10);
+  });
+
+  // Reset beim Seitenwechsel oder Refresh
+  window.addEventListener('beforeunload', () => {
+    window.scrollTo(0, 0);
   });
 });
 </script>
diff --git a/resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content b/resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content
index a939026..9ea5479 100644
--- a/resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content
+++ b/resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content
@@ -11,7 +11,7 @@ body {
 .hero-subtitle {
   font-size: clamp(1.25rem, 2.5vw, 1.75rem);
   text-align: center;
-  color: #004753;
+  color: #222;
   text-transform: uppercase;
   letter-spacing: 0.12em;
   line-height: 1.4;
@@ -102,17 +102,17 @@ a:focus,
 a:hover {
   text-decoration: none;
   outline: 0;
-  color: #185b63; }
+  color: #fff; }
 
 blockquote {
   font-size: 18px;
-  border-color: #185b63;
+  border-color: #fff;
   padding: 20px 40px;
   text-align: left;
-  color: #737373; }
+  color: #4a958c; }
 
 .navbar-toggle .icon-bar {
-  background: #185b63; }
+  background: #fff; }
 
 input[type="email"],
 input[type="password"],
@@ -127,21 +127,21 @@ input[type="tel"] {
   input[type="text"]:focus,
   input[type="tel"]:focus {
     box-shadow: none;
-    border: 1px solid #185b63; }
+    border: 1px solid #fff; }
 
 .form-control {
   box-shadow: none;
   border-radius: 0; }
   .form-control:focus {
     box-shadow: none;
-    border: 1px solid #185b63; }
+    border: 1px solid #fff; }
 
 .slick-slide {
   outline: 0; }
 
 .btn-main, .btn-small, .btn-transparent {
-  background: #185b63;
-  color: #ffffff;
+  background: #fff;
+  color: #fff;
   display: inline-block;
   font-size: 12px;
   letter-spacing: 1px;
@@ -160,22 +160,22 @@ input[type="tel"] {
     margin-right: 5px; }
   .btn-main:hover, .btn-small:hover, .btn-transparent:hover {
     background: black;
-    color: #ffffff; }
+    color: #fff; }
 
 .btn-solid-border {
-  border: 2px solid #ffffff;
+  border: 2px solid #fff;
   background: transparent;
-  color: #ffffff; }
+  color: #fff; }
   .btn-solid-border:hover {
     background: whitesmoke; }
 
 .btn-transparent {
   background: transparent;
   padding: 0;
-  color: #185b63; }
+  color: #fff; }
   .btn-transparent:hover {
     background: transparent;
-    color: #185b63; }
+    color: #fff; }
 
 .btn-large {
   padding: 20px 45px; }
@@ -215,7 +215,7 @@ input[type="tel"] {
   margin-top: 50px; }
 
 .btn:focus {
-  color: #d9d9d9; }
+  color: #c8e3e0; }
 
 .w-100 {
   width: 100%; }
@@ -230,28 +230,28 @@ input[type="tel"] {
   left: 0;
   right: 0;
   bottom: 0;
-  background-color: #ffffff;
+  background-color: #fff;
   z-index: 9999;
   display: flex;
   align-items: center;
   justify-content: center; }
 
 .bg-shadow {
-  background-color: #ffffff;
+  background-color: #fff;
   box-shadow: 0 16px 24px rgba(0, 0, 0, 0.08);
   padding: 20px; }
 
 .bg-gray {
-  background: #f5f5f5; }
+  background: #EDF6F5; }
 
 .bg-primary {
-  background: #185b63; }
+  background: #fff; }
 
 .bg-primary-dark {
-  background: #0e353a; }
+  background: #e6e6e6; }
 
 .bg-primary-darker {
-  background: #041011; }
+  background: #cccccc; }
 
 .bg-dark {
   background: #202122; }
@@ -316,7 +316,7 @@ input[type="tel"] {
     color: #333333;
     display: inline-block;
     padding: 7px 12px;
-    color: #ffffff; }
+    color: #fff; }
   .social-media-icons ul li .twitter {
     background: #00aced; }
   .social-media-icons ul li .facebook {
@@ -345,7 +345,7 @@ input[type="tel"] {
     transform: translate(0px, 0px);
     opacity: 1;
     visibility: visible;
-    color: #737373;
+    color: #4a958c;
     transform: translateY(0px); }
   .dropdown-slide .dropdown-menu {
     border-radius: 0;
@@ -391,20 +391,20 @@ input[type="tel"] {
   .tabCommon .nav-tabs li {
     margin-right: 5px; }
   .tabCommon .nav-tabs li.active a {
-    background-color: #185b63;
-    border: 1px solid #185b63;
-    color: #ffffff; }
+    background-color: #fff;
+    border: 1px solid #fff;
+    color: #fff; }
   .tabCommon .nav-tabs a {
     border-radius: 0;
-    background: #f5f5f5; }
+    background: #EDF6F5; }
     .tabCommon .nav-tabs a:hover {
       border: 1px solid transparent;
-      background: #185b63;
-      color: #ffffff; }
+      background: #fff;
+      color: #fff; }
 
 .tabCommon .tab-content {
   padding: 20px;
-  border: 1px solid #004753; }
+  border: 1px solid #ECECEC; }
 
 .commonAccordion .panel, .commonAccordion-2 .panel {
   border-radius: 0;
@@ -434,7 +434,7 @@ input[type="tel"] {
     list-style-type: circle; }
 
 .play-icon {
-  border: 1px solid #004753;
+  border: 1px solid #ECECEC;
   display: inline-block;
   width: 60px;
   height: 60px;
@@ -452,7 +452,7 @@ input[type="tel"] {
 
 .alert-solid {
   background: transparent;
-  color: #185b63; }
+  color: #fff; }
 
 @media (max-width: 480px) {
   .buttonPart li {
@@ -480,7 +480,7 @@ input[type="tel"] {
 
 .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
-  background: #185b63 !important; }
+  background: #fff !important; }
 
 #success,
 #error {
@@ -634,7 +634,7 @@ span.cloaked-e-mail:before {
       right: 0;
       width: 100%;
       height: 100%;
-      color: #ffffff;
+      color: #fff;
       background: rgba(0, 0, 0, 0.6);
       padding-left: 44px;
       padding-top: 140px; }
@@ -649,7 +649,7 @@ span.cloaked-e-mail:before {
           bottom: 0;
           width: 75px;
           height: 3px;
-          background: #ffffff; }
+          background: #fff; }
       #wrapper-work ul li .items-text p {
         padding-top: 30px;
         font-size: 16px;
@@ -674,7 +674,7 @@ span.cloaked-e-mail:before {
 --*/
 header {
   min-height: 100px;
-  background: #ffffff;
+  background: #fff;
   padding: 20px 0; }
   @media (max-width: 992px) {
     header {
@@ -695,10 +695,10 @@ header {
         font-size: 15px; }
         font
 header .navbar-default .navbar-nav li a:hover {
-          color: #000000; }
+          color: #000; }
 
 .navigation {
-  background: #ffffff;
+  background: #fff;
   padding: 20px 0; }
   .navigation .navbar {
     margin-bottom: 0px;
@@ -712,7 +712,7 @@ header .navbar-default .navbar-nav li a:hover {
       padding-top: 5px;
       padding-bottom: 5px; }
       .navigation .navbar .navbar-nav a {
-        color: #000000;
+        color: #000;
         padding: 10px 15px;
         font-weight: 500;
         font-size: 14px;
@@ -721,15 +721,15 @@ header .navbar-default .navbar-nav li a:hover {
           color: #f5a623;
           background: transparent; }
       .navigation .navbar .navbar-nav a.current {
-        color: #000000;
+        color: #000;
         pointer-events: none;
         cursor: default; }
       .navigation .navbar .navbar-nav a.current-parent {
-        color: #000000; }
+        color: #000; }
       .navigation .navbar .navbar-nav select {
         margin: 10px 15px; }
     .navigation .navbar .current > .dropdown-toggle {
-      color: #000000; }
+      color: #000; }
     .navigation .navbar .dropdown-menu {
       border-radius: 0;
       border: none;
@@ -740,7 +740,7 @@ header .navbar-default .navbar-nav li a:hover {
       .navigation .navbar .dropdown-menu a {
         text-transform: none;
         font-weight: normal;
-        color: #7c7c7c;
+        color: #50a198;
         padding: 10px 20px;
         -webkit-transition: color 0.1s ease, padding 0.3s ease;
         -moz-transition: color 0.1s ease, padding 0.3s ease;
@@ -748,13 +748,13 @@ header .navbar-default .navbar-nav li a:hover {
         -o-transition: color 0.1s ease, padding 0.3s ease;
         transition: color 0.1s ease, padding 0.3s ease; }
         .navigation .navbar .dropdown-menu a:hover {
-          background: #185b63;
-          color: #ffffff;
+          background: #fff;
+          color: #fff;
           padding-left: 25px; }
       .navigation .navbar .dropdown-menu a.current {
         padding-left: 25px;
-        color: #ffffff;
-        background: #185b63; }
+        color: #fff;
+        background: #fff; }
 
 .nav .open > a {
   background: transparent; }
@@ -822,7 +822,7 @@ header .navbar-default .navbar-nav li a:hover {
       background-attachment: unset;
       padding: 150px 0; } }
   .slider .block {
-    color: #e0e0e0;
+    color: #d0e8e5;
     text-align: center; }
     .slider .block h1 {
       font-weight: 100;
@@ -842,7 +842,7 @@ header .navbar-default .navbar-nav li a:hover {
           font-size: 26px; } }
     .slider .block p {
       margin-bottom: 30px;
-      color: #030303;
+      color: black;
       font-size: 25px;
       line-height: 1.5em;
       font-weight: 300; }
@@ -918,7 +918,7 @@ header .navbar-default .navbar-nav li a:hover {
     padding-bottom: 10px; }
     .service .service-item i {
       font-size: 50px;
-      color: #185b63; }
+      color: #fff; }
     .service .service-item img.service-icon {
       width: 100px;
       height: 100px;
@@ -934,13 +934,13 @@ header .navbar-default .navbar-nav li a:hover {
       margin: 0; }
 
 .dark-service .title {
-  color: #ffffff; }
+  color: #fff; }
 
 .dark-service .service-item {
   padding-bottom: 30px;
   text-align: center; }
   .dark-service .service-item i {
-    color: #ffffff;
+    color: #fff;
     font-size: 40px;
     margin-bottom: 10px; }
   .dark-service .service-item img.service-icon {
@@ -948,7 +948,7 @@ header .navbar-default .navbar-nav li a:hover {
     height: 100px;
     display: inline-block; }
   .dark-service .service-item h4 {
-    color: #ffffff;
+    color: #fff;
     padding-top: 15px;
     margin: 0;
     margin-top: 10px;
@@ -971,7 +971,7 @@ header .navbar-default .navbar-nav li a:hover {
 .service-list .block {
   padding: 30px;
   margin-bottom: 20px;
-  background: #ffffff; }
+  background: #fff; }
 
 h2, h3 {
   margin-bottom: 10px;
@@ -1083,11 +1083,11 @@ h2, h3 {
     padding-top: 30px;
     padding-bottom: 30px; }
   .feature p {
-    color: #8c8c8c;
+    color: #60b0a7;
     margin-bottom: 20px; }
   .feature .btn-view-works {
     background: #6c6c6c;
-    color: #ffffff;
+    color: #fff;
     padding: 10px 20px;
     margin-bottom: 30px; }
 
@@ -1099,13 +1099,13 @@ h2, h3 {
       margin-bottom: 40px; }
       .portfolio-work .block .portfolio-menu .btn-group label {
         display: inline-block;
-        border: 1px solid #004753;
+        border: 1px solid #ECECEC;
         padding: 8px 25px;
         cursor: pointer;
         font-size: 15px;
         color: #333333;
         outline: 0;
-        background: #ffffff;
+        background: #fff;
         margin: 2px;
         border-radius: 0;
         -webkit-transition: all 0.3s ease;
@@ -1147,7 +1147,7 @@ h2, h3 {
   padding: 20px;
   transition: inherit; }
   .portfolio-content * {
-    color: #ffffff; }
+    color: #fff; }
   .portfolio-content a {
     display: block;
     transition: .2s ease; }
@@ -1159,7 +1159,7 @@ h2, h3 {
 .portfolio-single-page .project-details h4 {
   margin-bottom: 20px;
   padding-bottom: 10px;
-  border-bottom: 2px dashed #004753; }
+  border-bottom: 2px dashed #ECECEC; }
 
 .portfolio-single-page .project-details span {
   color: #838383;
@@ -1188,13 +1188,13 @@ h2, h3 {
       .testimonial .counter-box li {
         margin-top: 0px; } }
   .testimonial .testimonial-carousel {
-    border: 1px solid #004753;
+    border: 1px solid #ECECEC;
     padding: 24px; }
     .testimonial .testimonial-carousel i {
       font-size: 35px;
       margin-bottom: 20px; }
     .testimonial .testimonial-carousel p {
-      font-family: "Open Sans Semibold", serif;
+      font-family: "Lato", sans-serif;
       line-height: 28px;
       padding-bottom: 20px; }
     .testimonial .testimonial-carousel .user img {
@@ -1203,7 +1203,7 @@ h2, h3 {
       width: 80px;
       display: inline-block; }
     .testimonial .testimonial-carousel .user p {
-      font-family: "Open Sans", sans-serif;
+      font-family: "Lato", sans-serif;
       padding-bottom: 0;
       margin-top: 6px;
       font-size: 12px;
@@ -1243,7 +1243,7 @@ h2, h3 {
     padding-bottom: 15px;
     margin: 0px; }
     .contact-form .block .form-group .form-control {
-      background: #f4f4f4;
+      background: #ecf5f4;
       height: 60px;
       border: 1px solid #EEF2F6;
       box-shadow: none;
@@ -1251,7 +1251,7 @@ h2, h3 {
   .contact-form .block .form-group-2 {
     margin-bottom: 13px; }
     .contact-form .block .form-group-2 textarea {
-      background: #f4f4f4;
+      background: #ecf5f4;
       height: 135px;
       border: 1px solid #EEF2F6;
       box-shadow: none;
@@ -1263,7 +1263,7 @@ h2, h3 {
     height: 60px;
     background: #474747;
     border: none;
-    color: #ffffff;
+    color: #fff;
     font-size: 18px; }
 
 .address-block {
@@ -1312,7 +1312,7 @@ h2, h3 {
 ==================================================================*/
 .pricing-table .pricing-item {
   padding: 40px 20px;
-  background: #ffffff;
+  background: #fff;
   box-shadow: 0 8px 15px 0 rgba(5, 57, 106, 0.06); }
   .pricing-table .pricing-item a.btn-main, .pricing-table .pricing-item a.btn-transparent, .pricing-table .pricing-item a.btn-small {
     text-transform: uppercase;
@@ -1320,10 +1320,10 @@ h2, h3 {
   .pricing-table .pricing-item li {
     font-weight: 400;
     padding: 6px 0;
-    color: #626262; }
+    color: #3f7e77; }
     .pricing-table .pricing-item li i {
       margin-right: 6px;
-      color: #185b63; }
+      color: #fff; }
 
 .pricing-table .price-title {
   padding: 30px 0 20px; }
@@ -1338,7 +1338,7 @@ h2, h3 {
     line-height: 18px;
     margin-top: 5px; }
   .pricing-table .price-title .value {
-    color: #185b63;
+    color: #fff;
     font-size: 50px;
     padding: 10px 0; }
 
@@ -1353,8 +1353,8 @@ h2, h3 {
       position: absolute;
       top: 12px;
       right: 12px;
-      background: #000000;
-      color: #ffffff;
+      background: #000;
+      color: #fff;
       font-size: 12px;
       padding: 4px 12px;
       font-weight: 300;
@@ -1383,15 +1383,15 @@ h2, h3 {
         display: inline-block; }
         .product-item .product-thumb .preview-meta li a,
         .product-item .product-thumb .preview-meta li span {
-          background: #ffffff;
+          background: #fff;
           padding: 10px 16px;
           cursor: pointer;
           display: inline-block;
           font-size: 18px; }
           .product-item .product-thumb .preview-meta li a:hover,
           .product-item .product-thumb .preview-meta li span:hover {
-            background: #185b63;
-            color: #ffffff; }
+            background: #fff;
+            color: #fff; }
   .product-item:hover .product-thumb:before {
     opacity: 1; }
   .product-item:hover .preview-meta {
@@ -1405,7 +1405,7 @@ h2, h3 {
       margin-top: 15px;
       margin-bottom: 6px; }
       .product-item .product-content h4 a {
-        color: #000000; }
+        color: #000; }
 
 .product-modal {
   background: rgba(255, 255, 255, 0.9);
@@ -1453,7 +1453,7 @@ h2, h3 {
         font-size: 22px;
         font-weight: 400; }
         .product-modal .modal-content .modal-body .product-short-details h2 a {
-          color: #000000; }
+          color: #000; }
         @media (max-width: 480px) {
           .product-modal .modal-content .modal-body .product-short-details h2 {
             margin-top: 15px; } }
@@ -1470,7 +1470,7 @@ h2, h3 {
         margin-top: 20px; }
       .product-modal .modal-content .modal-body .product-short-details .btn-transparent {
         color: #444444;
-        border-bottom: 1px solid #004753; }
+        border-bottom: 1px solid #ECECEC; }
 
 .product-shorting {
   margin-bottom: 30px; }
@@ -1482,19 +1482,19 @@ h2, h3 {
   .product-category ul li {
     margin-bottom: 4px; }
     .product-category ul li a {
-      color: #626262; }
+      color: #3f7e77; }
       .product-category ul li a:hover {
-        color: #000000; }
+        color: #000; }
 
 .single-product {
   padding: 60px 0 40px; }
   .single-product .breadcrumb {
     background: transparent; }
     .single-product .breadcrumb li {
-      color: #000000;
+      color: #000;
       font-weight: 200; }
       .single-product .breadcrumb li a {
-        color: #000000;
+        color: #000;
         font-weight: 200; }
   .single-product .product-pagination li {
     display: inline-block;
@@ -1504,7 +1504,7 @@ h2, h3 {
       color: #ccc;
       content: "/\00a0"; }
     .single-product .product-pagination li a {
-      color: #000000;
+      color: #000;
       font-weight: 200; }
       .single-product .product-pagination li a i {
         vertical-align: middle; }
@@ -1517,7 +1517,7 @@ h2, h3 {
   .single-product-slider .carousel .carousel-inner .carousel-caption h1 {
     font-size: 50px;
     font-weight: 100;
-    color: #000000; }
+    color: #000; }
   .single-product-slider .carousel .carousel-inner .carousel-caption p {
     width: 50%;
     font-weight: 200; }
@@ -1526,7 +1526,7 @@ h2, h3 {
 
 .single-product-slider .carousel .carousel-control {
   bottom: auto;
-  background: #ffffff;
+  background: #fff;
   width: 6%;
   padding: 10px 0; }
   .single-product-slider .carousel .carousel-control i {
@@ -1575,7 +1575,7 @@ h2, h3 {
   align-items: center; }
   .single-product-details .color-swatches span {
     width: 100px;
-    color: #000000;
+    color: #000;
     font-size: 13px;
     font-weight: 600; }
   .single-product-details .color-swatches a {
@@ -1588,7 +1588,7 @@ h2, h3 {
   .single-product-details .color-swatches .swatch-violet {
     background-color: #8da1cd; }
   .single-product-details .color-swatches .swatch-black {
-    background-color: #000000; }
+    background-color: #000; }
   .single-product-details .color-swatches .swatch-cream {
     background-color: #e6e2d6; }
 
@@ -1601,7 +1601,7 @@ h2, h3 {
   align-items: center; }
   .single-product-details .product-size span {
     width: 100px;
-    color: #000000;
+    color: #000;
     font-size: 13px;
     font-weight: 600;
     display: inline-block; }
@@ -1610,9 +1610,9 @@ h2, h3 {
     width: 130px;
     letter-spacing: 2px;
     text-transform: uppercase;
-    color: #000000;
+    color: #000;
     font-size: 12px;
-    border: 1px solid #e1e1e1;
+    border: 1px solid #d2e9e6;
     border-radius: 0px;
     box-shadow: none; }
 
@@ -1620,7 +1620,7 @@ h2, h3 {
   margin-top: 20px; }
   .single-product-details .product-category > span {
     width: 100px;
-    color: #000000;
+    color: #000;
     font-size: 13px;
     font-weight: 600;
     display: inline-block; }
@@ -1640,7 +1640,7 @@ h2, h3 {
   align-items: center; }
   .single-product-details .product-quantity > span {
     width: 100px;
-    color: #000000;
+    color: #000;
     font-size: 13px;
     font-weight: 600;
     display: inline-block; }
@@ -1776,16 +1776,16 @@ h2, h3 {
     width: 100%; }
 
 .dashboard-menu .active {
-  background: #185b63;
-  color: #ffffff;
-  border: 1px solid #185b63; }
+  background: #fff;
+  color: #fff;
+  border: 1px solid #fff; }
 
 .dashboard-menu li {
   padding: 0;
   margin: 0 3px; }
   .dashboard-menu li a {
     padding: 10px 20px;
-    border: 1px solid #004753; }
+    border: 1px solid #ECECEC; }
     @media (max-width: 768px) {
       .dashboard-menu li a {
         padding: 10px 15px; } }
@@ -1797,7 +1797,7 @@ h2, h3 {
         padding: 10px 5px;
         font-size: 12px; } }
 .dashboard-wrapper {
-  border: 1px solid #004753;
+  border: 1px solid #ECECEC;
   margin-top: 30px;
   padding: 20px; }
   .dashboard-wrapper h2 {
@@ -1837,7 +1837,7 @@ h2, h3 {
     margin-top: 30px; }
 
 .post-sub-heading {
-  border-bottom: 1px solid #004753;
+  border-bottom: 1px solid #ECECEC;
   padding-bottom: 20px;
   letter-spacing: 2px;
   text-transform: uppercase;
@@ -1858,16 +1858,16 @@ h2, h3 {
     margin-bottom: 0px;
     font-weight: 500; }
     .post-comments .comment-author a {
-      color: #185b63;
+      color: #fff;
       font-size: 14px;
       text-transform: uppercase; }
   .post-comments time {
     margin: 0 0 5px;
     display: inline-block;
-    color: #7c7c7c;
+    color: #50a198;
     font-size: 12px; }
   .post-comments .comment-button {
-    color: #185b63;
+    color: #fff;
     display: inline-block;
     margin-left: 5px;
     font-size: 12px; }
@@ -1875,10 +1875,10 @@ h2, h3 {
       margin-right: 5px;
       display: inline-block; }
     .post-comments .comment-button:hover {
-      color: #185b63; }
+      color: #fff; }
 
 .post-excerpt h3 a {
-  color: #000000; }
+  color: #000; }
 
 .post-excerpt p {
   margin: 0 0 30px; }
@@ -1888,7 +1888,7 @@ h2, h3 {
   .post-excerpt blockquote.quote-post p {
     line-height: 30px;
     font-size: 20px;
-    color: #185b63; }
+    color: #fff; }
 
 .single-blog {
   background-color: #fff;
@@ -1898,19 +1898,19 @@ h2, h3 {
 .blog-subtitle {
   font-size: 15px;
   padding-bottom: 10px;
-  border-bottom: 1px solid #004753;
+  border-bottom: 1px solid #ECECEC;
   margin-bottom: 25px;
   text-transform: uppercase; }
 
 .next-prev {
-  border-bottom: 1px solid #004753;
-  border-top: 1px solid #004753;
+  border-bottom: 1px solid #ECECEC;
+  border-top: 1px solid #ECECEC;
   margin: 20px 0;
   padding: 25px 0; }
   .next-prev a {
-    color: #000000; }
+    color: #000; }
     .next-prev a:hover {
-      color: #185b63; }
+      color: #fff; }
   .next-prev .prev-post i {
     margin-right: 10px; }
   .next-prev .next-post i {
@@ -1924,7 +1924,7 @@ h2, h3 {
     display: block;
     font-size: 16px; }
     .social-profile ul li a i:hover {
-      color: #185b63; }
+      color: #fff; }
 
 .comments-section {
   margin-top: 35px; }
@@ -1936,7 +1936,7 @@ h2, h3 {
   margin-right: 20px; }
 
 .post-author > img {
-  border: 1px solid #004753;
+  border: 1px solid #ECECEC;
   max-width: 120px;
   padding: 5px;
   width: 100%; }
@@ -1947,7 +1947,7 @@ h2, h3 {
     margin-bottom: 20px; }
 
 .comment-wrap {
-  border: 1px solid #004753;
+  border: 1px solid #ECECEC;
   border-radius: 1px;
   margin-left: 20px;
   padding: 10px;
@@ -1958,7 +1958,7 @@ h2, h3 {
     font-size: 14px;
     margin-bottom: 8px; }
     .comment-wrap .media .media-heading a {
-      color: #185b63;
+      color: #fff;
       font-size: 13px; }
   .comment-wrap .media .comment-meta {
     font-size: 12px;
@@ -1976,7 +1976,7 @@ h2, h3 {
     .comment-reply-form input:focus,
     .comment-reply-form textarea:focus {
       box-shadow: none;
-      border: 1px solid #185b63; }
+      border: 1px solid #fff; }
   .comment-reply-form textarea,
   .comment-reply-form .btn-main,
   .comment-reply-form .btn-transparent,
@@ -2025,16 +2025,16 @@ h2, h3 {
     font-size: 16px;
     color: #333333;
     font-weight: 500;
-    border-bottom: 1px solid #004753; }
+    border-bottom: 1px solid #ECECEC; }
   .widget.widget-latest-post .media .media-object {
     width: 100px;
     height: auto; }
   .widget.widget-latest-post .media .media-heading a {
-    color: #000000;
+    color: #000;
     font-size: 16px; }
   .widget.widget-latest-post .media p {
     font-size: 12px;
-    color: #7c7c7c; }
+    color: #50a198; }
   @media (max-width: 992px) {
     .widget.widget-latest-post {
       padding-top: 20px; } }
@@ -2054,11 +2054,11 @@ h2, h3 {
       .widget.widget-category ul li a:before {
         padding-right: 10px; }
       .widget.widget-category ul li a:hover {
-        color: #185b63;
+        color: #fff;
         padding-left: 25px; }
       .widget.widget-category ul li a:active {
         padding-left: 24px;
-        border: 1px solid #185b63;
+        border: 1px solid #fff;
         border-radius: 30px;
         -webkit-transition: padding 0s ease-in-out;
         -moz-transition: padding 0s ease-in-out;
@@ -2066,9 +2066,9 @@ h2, h3 {
         -o-transition: padding 0s ease-in-out;
         transition: padding 0s ease-in-out; }
     .widget.widget-category ul li a.current {
-      color: #ffffff;
-      background: #185b63;
-      border: 1px solid #185b63;
+      color: #fff;
+      background: #fff;
+      border: 1px solid #fff;
       border-radius: 30px;
       pointer-events: none;
       cursor: default; }
@@ -2080,7 +2080,7 @@ h2, h3 {
       color: gray;
       display: inline-block;
       padding: 8px 15px;
-      border: 1px solid #004753;
+      border: 1px solid #ECECEC;
       border-radius: 30px;
       font-size: 14px;
       -webkit-transition: background-color 0.3s ease, border 0.3s ease, color 0.1s ease;
@@ -2089,22 +2089,22 @@ h2, h3 {
       -o-transition: background-color 0.3s ease, border 0.3s ease, color 0.1s ease;
       transition: background-color 0.3s ease, border 0.3s ease, color 0.1s ease; }
       .widget.widget-tag ul li a:hover {
-        color: #185b63;
-        background: rgba(24, 91, 99, 0.3);
-        border: 1px solid rgba(24, 91, 99, 0.3); }
+        color: #fff;
+        background: rgba(255, 255, 255, 0.3);
+        border: 1px solid rgba(255, 255, 255, 0.3); }
       .widget.widget-tag ul li a:active {
-        color: #185b63;
-        border: 1px solid #185b63;
-        background: #ffffff;
+        color: #fff;
+        border: 1px solid #fff;
+        background: #fff;
         -webkit-transition: background-color 0.1s ease;
         -moz-transition: background-color 0.1s ease;
         -ms-transition: background-color 0.1s ease;
         -o-transition: background-color 0.1s ease;
         transition: background-color 0.1s ease; }
     .widget.widget-tag ul li a.current {
-      color: #ffffff;
-      background: #185b63;
-      border: 1px solid #185b63;
+      color: #fff;
+      background: #fff;
+      border: 1px solid #fff;
       pointer-events: none;
       cursor: default; }
 
@@ -2112,10 +2112,10 @@ h2, h3 {
   Latest Posts
 ==================================================================*/
 .blog {
-  background: #f2f2f2; }
+  background: #e9f4f3; }
 
 .post {
-  background: #ffffff;
+  background: #fff;
   margin-bottom: 55px; }
   @media (max-width: 768px) {
     .post {
@@ -2129,9 +2129,9 @@ h2, h3 {
     margin-top: 25px;
     text-transform: uppercase; }
     .post .post-title a {
-      color: #185b63; }
+      color: #fff; }
       .post .post-title a:hover {
-        color: #185b63; }
+        color: #fff; }
   .post .post-meta {
     font-size: 13px;
     margin-top: 10px; }
@@ -2144,9 +2144,9 @@ h2, h3 {
       .post .post-meta ul li a {
         color: #909090; }
         .post .post-meta ul li a:hover {
-          color: #185b63; }
+          color: #fff; }
     .post .post-meta .post-author {
-      color: #000000; }
+      color: #000; }
   .post .post-content {
     margin-top: 20px; }
     .post .post-content p {
@@ -2154,19 +2154,19 @@ h2, h3 {
     .post .post-content ul {
       font-size: 15px;
       padding: 10px 20px;
-      font-family: "Open Sans", sans-serif;
+      font-family: "Lato", sans-serif;
       list-style: circle; }
     .post .post-content ol {
       font-size: 15px;
       padding: 10px 20px;
-      font-family: "Open Sans", sans-serif; }
+      font-family: "Lato", sans-serif; }
     .post .post-content blockquote {
       margin-top: 20px;
       font-size: 18px;
-      border-color: #185b63;
+      border-color: #fff;
       padding: 10px 20px;
       text-align: left;
-      color: #737373; }
+      color: #4a958c; }
     .post .post-content .btn-main, .post .post-content .btn-transparent, .post .post-content .btn-small {
       padding: 10px 20px;
       margin: 15px 0;
@@ -2185,19 +2185,19 @@ h2, h3 {
     display: inline-block;
     font-size: 14px; }
     .post-pagination > li > a {
-      color: #000000;
+      color: #000;
       -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
       -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
       transition: all 0.3s ease; }
       .post-pagination > li > a:hover {
-        color: #ffffff;
-        background: #185b63;
-        border: 1px solid #185b63; }
+        color: #fff;
+        background: #fff;
+        border: 1px solid #fff; }
     .post-pagination > li.active > a {
-      background: #185b63 !important;
-      border: 1px solid #185b63 !important; }
+      background: #fff !important;
+      border: 1px solid #fff !important; }
   .post-pagination > li:first-child > a,
   .post-pagination > li:last-child > a {
     border-radius: 0; }
@@ -2206,7 +2206,7 @@ h2, h3 {
   background: url("../images/backgrounds/coming-soon.jpg");
   background-repeat: no-repeat;
   background-size: cover;
-  color: #ffffff;
+  color: #fff;
   display: flex;
   align-items: center;
   height: 100vh; }
@@ -2231,7 +2231,7 @@ h2, h3 {
         font-size: 40px;
         line-height: 50px; } }
   .coming-soon .block p {
-    color: #ffffff;
+    color: #fff;
     margin-top: 10px;
     font-size: 16px; }
   .coming-soon .block .count-down {
@@ -2286,12 +2286,12 @@ h2, h3 {
   .coming-soon .block .copyright-text {
     font-size: 12px; }
     .coming-soon .block .copyright-text a {
-      color: #ffffff;
+      color: #fff;
       font-weight: 600; }
 
 .shopping .widget-title {
   font-weight: 400;
-  border-bottom: 1px solid #004753;
+  border-bottom: 1px solid #ECECEC;
   padding-bottom: 15px;
   margin-bottom: 15px;
   text-transform: uppercase;
@@ -2336,7 +2336,7 @@ h2, h3 {
   width: calc(55% - 2px); }
 
 .shopping.cart .product-list .table .cart-amount th {
-  background: #f5f5f5;
+  background: #EDF6F5;
   padding: 10px;
   text-transform: uppercase; }
 
@@ -2345,7 +2345,7 @@ h2, h3 {
 
 .shopping.cart .product-list .product-info a {
   margin-left: 10px;
-  color: #000000;
+  color: #000;
   font-weight: 600; }
 
 .shopping.cart .product-list .product-remove {
@@ -2379,8 +2379,8 @@ h2, h3 {
   cursor: pointer; }
 
 .product-checkout-details .discount-code {
-  border-top: 1px solid #004753;
-  border-bottom: 1px solid #004753;
+  border-top: 1px solid #ECECEC;
+  border-bottom: 1px solid #ECECEC;
   margin: 20px 0 10px;
   padding: 10px 0; }
   .product-checkout-details .discount-code p {
@@ -2391,7 +2391,7 @@ h2, h3 {
 
 .product-checkout-details .summary-prices {
   border-style: solid;
-  border-color: #004753;
+  border-color: #ECECEC;
   border-width: 0px 0 1px 0;
   padding-bottom: 10px; }
   .product-checkout-details .summary-prices li {
@@ -2414,7 +2414,7 @@ h2, h3 {
 
 .purchase-confirmation .purchase-confirmation-details {
   padding: 20px;
-  border: 1px solid #004753; }
+  border: 1px solid #ECECEC; }
   .purchase-confirmation .purchase-confirmation-details .table {
     margin: 0;
     color: #444444; }
@@ -2428,7 +2428,7 @@ h2, h3 {
 .success-msg .block i {
   font-size: 40px;
   background: #0AA8A7;
-  color: #ffffff;
+  color: #fff;
   width: 60px;
   height: 60px;
   border-radius: 100px;
@@ -2498,7 +2498,7 @@ h2, h3 {
     margin-bottom: 40px; }
 
 .footer {
-  background: #f1f1f1;
+  background: #e8f3f2;
   min-height: 205px;
   text-align: center;
   padding-top: 67px; }
@@ -2520,7 +2520,7 @@ h2, h3 {
           display: inline-block;
           color: #494949; }
           .footer .footer-menu ul li a:hover {
-            color: #000000; }
+            color: #000; }
   .footer .copyright a {
     font-weight: 600; }