diff --git a/portal-4cli/src/app/home/home.component.html b/portal-4cli/src/app/home/home.component.html
index ad44546b..dfc59132 100644
--- a/portal-4cli/src/app/home/home.component.html
+++ b/portal-4cli/src/app/home/home.component.html
@@ -1,9 +1,9 @@
 
 
-
-<div class="image-front-topbar uk-section-default uk-light" tm-header-transparent="light" tm-header-transparent-placeholder="">
+<div class="image-front-topbar  uk-section-default uk-position-relative" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" tm-header-transparent="light">
 <div
- class="mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-top-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle" uk-height-viewport="offset-top: true;offset-bottom: 20">
+ class="mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-bottom-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle" uk-height-viewport="offset-top: true;offset-bottom: 20">
+<div class="uk-position-cover" style="background-color: rgba(255, 255, 255, 0.37);"></div>
  <div class="uk-width-1-1">
     <div class="uk-position-relative">
        <div class="uk-container uk-margin-medium">
@@ -11,7 +11,7 @@
           <div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
              <div class="uk-width-1-1@m uk-first-column">
                 <div data-id="page#4">
-                <search-form   placeholderText="Search in OpenAIRE information space" link=true></search-form>
+                <search-form   placeholderText="Search in OA scholarly works..." link=true></search-form>
                 </div>
              </div>
           </div>
@@ -19,40 +19,19 @@
        <div class="uk-container uk-container-large uk-margin-medium explore-numbers">
           <div class="search_box_bg uk-grid uk-grid-stack" uk-grid="">
              <div class="uk-width-1-1@m uk-first-column">
-                <div class="search_box_bg uk-margin-large uk-margin-remove-bottom uk-text-center uk-grid-match uk-child-width-1-2 uk-child-width-1-2@s uk-child-width-1-4@m uk-child-width-1-4@l uk-child-width-1-4@xl uk-grid-collapse uk-grid-divider uk-grid uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" uk-grid="" data-id="page#7" style="">
-                   <div  *ngIf="showPublications && publicationsSize"  class="uk-first-column">
-                      <div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
-                         <h2 class="el-title uk-margin uk-h2">
-                            <span>{{publicationsSize.number}} {{publicationsSize.size}} publications</span>
-                         </h2>
-                      </div>
-                   </div>
-                   <div  *ngIf="showDatasets && datasetsSize">
-                      <div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
-                         <h2 class="el-title uk-margin uk-h2">
-                            <span>{{datasetsSize.number}} {{datasetsSize.size}} research data</span>
-                         </h2>
-                      </div>
-                   </div>
-                   <div  *ngIf="showDataProviders && datasourcesSize"  >
-                      <div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
-                         <h2 class="el-title uk-margin uk-h2">
-                            <span>{{datasourcesSize.number}} {{datasourcesSize.size}} data sources</span>
-                         </h2>
-                      </div>
-                   </div>
-                   <div  *ngIf="showProjects && fundersSize">
-                      <div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
-                         <h2 class="el-title uk-margin uk-h2">
-                            <span>{{fundersSize.number}} {{fundersSize.size}} funders</span>
-                         </h2>
-                      </div>
-                   </div>
-                </div>
+               <h1 id="page#7" class="uk-margin uk-margin-remove-bottom uk-width-xxlarge uk-margin-auto uk-text-center uk-h2 uk-text-primary uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="font-weight: 600 !important;">
+                 <span *ngIf="showPublications && publicationsSize" >{{publicationsSize.number}} {{publicationsSize.size}} publications - </span>
+                  <span *ngIf="showDatasets && datasetsSize">{{datasetsSize.number}} {{datasetsSize.size}} research data - </span>
+                  <span *ngIf="showDataProviders && datasourcesSize" >{{datasourcesSize.number}} {{datasourcesSize.size}} data sources - </span>
+                  <span  *ngIf="showProjects && fundersSize">{{fundersSize.number}} {{fundersSize.size}} funders</span>
+                  6900 data sources - 15 funders
+               </h1>
+               <h2 *ngIf = "showPublications || showDatasets || showProjects || showDataProviders" id="page#8" class="uk-margin-medium uk-width-xlarge uk-margin-auto uk-text-center uk-h2 uk-text-primary uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="font-weight: normal !important;
+                color: #4E81A2 !important;">
+               ... linked together
+              </h2>
+
 
-                <div *ngIf = "showPublications || showDatasets || showProjects || showDataProviders" class="uk-text-large custom-uk-text-light uk-margin-large uk-margin-remove-bottom uk-text-center uk-text-lead uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
-                  all linked together
-                </div>
              </div>
           </div>
        </div>
@@ -60,13 +39,13 @@
  </div>
 </div>
 </div>
-<div class="uk-section-muted uk-section uk-section-small uk-flex uk-flex-middle" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-slide-top-medium&quot;,&quot;delay&quot;:false}" uk-height-viewport="offset-top: true" style="box-sizing: border-box; min-height: 100vh; height: 100vh;">
+<div class="uk-section-muted uk-section uk-section-small uk-flex uk-flex-middle" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-slide-top-medium&quot;,&quot;delay&quot;:false}" uk-height-viewport="offset-top: true" style="box-sizing: border-box; min-height: 100vh; height: 100vh;" style="background-color: #1F5A88 !important;">
    <div class="uk-width-1-1">
       <div class="uk-container">
          <div class="uk-margin-small uk-grid uk-grid-stack" uk-grid="">
             <div class="uk-width-1-1@m uk-first-column">
-               <h6 id="page#12" class="uk-margin-large uk-margin-remove-bottom uk-text-center uk-h6 uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" style="">
-                  Learn more on OpenAIRE's discovery and sharing services
+               <h6 id="page#12" class="uk-margin uk-text-center uk-h4 uk-text-muted uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" style="">
+                 Learn more on OpenAIRE discovery and sharing services
                </h6>
                <hr class="uk-width-small uk-margin-auto uk-divider-small uk-text-center uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" style="">
             </div>
@@ -137,6 +116,7 @@
       </div>
    </div>
 </div>
+
 <div class="uk-section-default uk-section">
    <div class="uk-container">
       <div class="uk-grid-small uk-margin-medium uk-grid" uk-grid="">
@@ -204,33 +184,34 @@
             </div>
          </div>
          <div class="uk-width-expand@m uk-grid-item-match">
-            <div class="uk-tile-secondary uk-tile uk-tile-xsmall">
-               <h4 class="uk-margin-remove-top uk-h4">
-                  Our data policies
-               </h4>
-               <ul class="uk-margin-small uk-list uk-list-large">
-                  <li class="el-item">
-                     <h3 class="el-title uk-h3 uk-margin-remove">Data acquisition</h3>
-                     <div class="el-content">
-                        <a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">How we
-                        retrieve data, how often, what processes it goes through (aggregating
-                        cleaning, trasnforming, inferring, de-duplicating), what are the quality
-                        checks&nbsp;along all&nbsp; data processing stages.</a>
-                     </div>
-                  </li>
-                  <li class="el-item">
-                     <h3 class="el-title uk-h3 uk-margin-remove">Data usage</h3>
-                     <div class="el-content">
-                        <a href="http://dl119.madgik.di.uoa.gr/www.cnn.com">Who is able to retrieve our data, what are the licences, what about specific SLAs.</a>
-                     </div>
-                  </li>
-               </ul>
-               <div class="uk-margin uk-margin-remove-bottom uk-text-left">
-                  <a class="el-content uk-link-text" href="http://dl119.madgik.di.uoa.gr/www.cnn.com" target="_blank">
-                  Learn more
-                  </a>
-               </div>
+
+
+            <div class="uk-tile-secondary uk-tile uk-tile-xsmall" style="background-color: #4E81A2 !important;">
+             <h4 class="uk-margin-remove-top uk-h4">
+                Our data policies
+             </h4>
+             <ul class="uk-margin-small uk-list uk-list-large">
+                <li class="el-item">
+                   <h3 class="el-title uk-h3 uk-margin-remove">Data acquisition</h3>
+                   <div class="el-content">
+                      <a href="/www.cnn.com">How we retrieve data, how often, what processes it goes through (aggregating cleaning, trasnforming, inferring, de-duplicating), what are the quality checks&nbsp;along all&nbsp; data processing stages.</a>
+                   </div>
+                </li>
+                <li class="el-item">
+                   <h3 class="el-title uk-h3 uk-margin-remove">Data usage</h3>
+                   <div class="el-content">
+                      <a href="/www.cnn.com">Who is able to retrieve our data, what are the licences, what about specific SLAs.</a>
+                   </div>
+                </li>
+             </ul>
+             <div class="uk-margin uk-margin-remove-bottom uk-text-left">
+                <a class="el-content uk-link-text" href="/www.cnn.com" target="_blank">
+                Learn more
+                </a>
+             </div>
             </div>
+
+
          </div>
       </div>
    </div>
@@ -247,7 +228,7 @@
                   Join OpenAIRE, use our tools and make your content more visible around the world.
                </div>
                <div id="page#37" class=" uk-margin-medium uk-text-center uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
-                  <a class="providelink el-content  uk-button uk-button-default uk-button-small" href="https://provide.openaire.eu" target="_blank">
+                  <a class="providelink el-content  uk-button uk-button-default uk-button-small" href="https://provide.openaire.eu" target="_blank" style="">
                   OpenAIRE.PROVIDE
                   </a>
                </div>
diff --git a/portal-4cli/src/app/login/utils/helper.class.ts b/portal-4cli/src/app/login/utils/helper.class.ts
index 0a62a995..5989822e 100644
--- a/portal-4cli/src/app/login/utils/helper.class.ts
+++ b/portal-4cli/src/app/login/utils/helper.class.ts
@@ -70,7 +70,7 @@ export class Session{
        if( typeof localStorage !== 'undefined') {
          localStorage.setItem("user", JSON.stringify(user));
          if(user && user.email){
-           COOKIE.deleteCookie(COOKIE.cookieName_u); // delete cookie to avoid transfer through requests
+          //  COOKIE.deleteCookie(COOKIE.cookieName_u); // delete cookie to avoid transfer through requests
            return user;
          }else{
            return null;
diff --git a/portal-4cli/src/app/searchPages/searchUtils/searchForm.component.ts b/portal-4cli/src/app/searchPages/searchUtils/searchForm.component.ts
index 0a6ba9a8..d327721e 100644
--- a/portal-4cli/src/app/searchPages/searchUtils/searchForm.component.ts
+++ b/portal-4cli/src/app/searchPages/searchUtils/searchForm.component.ts
@@ -14,7 +14,7 @@ import {Router} from '@angular/router';
                     <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg>
                     </span>Search
                   </button>
-                  <button *ngIf="link"  class=" uk-button uk-button-default" (click)="goTo()"  type="submit" >
+                  <button *ngIf="link"  class=" uk-button uk-button-primary" (click)="goTo()"  type="submit" >
                     <span class="uk-icon">
                     <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg>
                     </span>Search
diff --git a/portal-4cli/src/app/services/searchDataproviders.service.ts b/portal-4cli/src/app/services/searchDataproviders.service.ts
index 3f05580a..978355b3 100644
--- a/portal-4cli/src/app/services/searchDataproviders.service.ts
+++ b/portal-4cli/src/app/services/searchDataproviders.service.ts
@@ -256,7 +256,7 @@ export class SearchDataprovidersService {
       return this.http.get((OpenaireProperties.isCacheEnabled())? (OpenaireProperties.getCacheUrl()+encodeURIComponent(url)): url)
       .map(res => <any> res.json())
       //.do(res => console.info(res))
- 
+
       .map(res => this.parseResultsCSV(res['results']));
     }
 */
@@ -430,4 +430,24 @@ export class SearchDataprovidersService {
         return '"'+word+'"';
     }
 */
+getDataprovidersTableResults (queryType:string):any {
+  let size: number = 0;
+  let url: string= OpenaireProperties.getSearchResourcesAPIURL();
+  if(queryType == "compatible"){
+      url += '?query=((oaftype exact datasource) not (datasourcecompatibilityid = UNKNOWN) not(datasourcecompatibilityid = notCompatible) not(datasourcetypeuiid = other) not(datasourcetypeuiid exact "pubsrepository::journal") not(datasourcetypeuiid exact "aggregator::pubsrepository::journals"))';
+  }else if(queryType=="registries"){
+    url += "?query=((oaftype exact datasource) and(datasourcetypeuiid = other))";
+  }else if(queryType=="journals"){
+    url += '?query=((oaftype exact datasource) not(datasourcecompatibilityid = UNKNOWN) not(datasourcecompatibilityid = notCompatible) and (datasourcetypeuiid exact "pubsrepository::journal" or datasourcetypeuiid exact "aggregator::pubsrepository::journals" ))';
+
+  }
+
+  url += "&page=0&size=0&format=json";
+
+
+
+  return this.http.get((OpenaireProperties.isCacheEnabled())? (OpenaireProperties.getCacheUrl()+encodeURIComponent(url)): url).map(res => <any> res.json())
+
+                    .map(res => res['meta'].total);
+}
 }
diff --git a/portal-4cli/src/app/utils/properties/openaireProperties.ts b/portal-4cli/src/app/utils/properties/openaireProperties.ts
index deae877a..954eb17a 100644
--- a/portal-4cli/src/app/utils/properties/openaireProperties.ts
+++ b/portal-4cli/src/app/utils/properties/openaireProperties.ts
@@ -1,5 +1,9 @@
 export class OpenaireProperties {
     private static productionMode:boolean = false;
+    private static enablePiwikTrack:boolean = false;
+    private static enableHelper:boolean = false;
+    private static useCache:boolean = true;
+
     private static csvLimit: number = 2000;
     private static pagingLimit: number = 20;
     private static resultsPerPage: number = 10;
@@ -98,9 +102,10 @@ export class OpenaireProperties {
     private static vocabulariesAPI ="https://beta.services.openaire.eu/provision/mvc/vocabularies/";
 
     private static piwikBaseUrl =" https://analytics.openaire.eu/piwik.php?idsite=6";
-    private static enablePiwikTrack:boolean = false;
 
-    private static loginUrl ="http://mpagasas.di.uoa.gr:8080/dnet-openaire-users-1.0.0-SNAPSHOT/openid_connect_login";
+
+    private static loginUrl ="http://rudie.di.uoa.gr:8080/dnet-openaire-users-1.0.0-SNAPSHOT/openid_connect_login";
+    //"http://mpagasas.di.uoa.gr:8080/dnet-openaire-users-1.0.0-SNAPSHOT/openid_connect_login";
     private static loginUrl_pm ="https://beta.services.openaire.eu/uoa-user-management/openid_connect_login";
 
     private static logoutUrl ="https://aai.openminted.eu/proxy/saml2/idp/SingleLogoutService.php?ReturnTo=";
@@ -117,12 +122,11 @@ export class OpenaireProperties {
     private static feedbackmail ="openaire.test@gmail.com";
 
     private static helperPageUrl ="http://scoobydoo.di.uoa.gr:16000/api/page/route";
-    private static enableHelper:boolean = false;
 
     private static cache ="http://scoobydoo.di.uoa.gr:3000/get?url=";
     private static cache_pm ="https://demo.openaire.eu/cache/get?url=";
 
-    private static useCache:boolean = true;
+
 
     public static getCsvLimit():number {
       return this.csvLimit;
diff --git a/portal-4cli/src/assets/common/custom.css b/portal-4cli/src/assets/common/custom.css
index eff11b79..46359b1d 100644
--- a/portal-4cli/src/assets/common/custom.css
+++ b/portal-4cli/src/assets/common/custom.css
@@ -43,8 +43,8 @@ h3, .uk-h3, .wk-h3 {
 /* support plain widgetkits */
 .wk-h1{font-size:54px;line-height:1.2}
 .wk-h3{font-size:22px;line-height:1.4;font-family:'Open Sans';font-weight:700;text-transform:uppercase}
-.wk-h4{font-size:18px;line-height:1.4;font-family:'Open Sans';font-weight:700;text-transform:uppercase}
-.wk-h5{font-size:13px;line-height:1.4;font-family:'Open Sans';font-weight:700;text-transform:uppercase}
+.wk-h4{font-size:16px;line-height:1.4;font-family:'Open Sans';font-weight:700;text-transform:uppercase!important}
+.wk-h5{font-size:14px;line-height:1.4;font-family:'Open Sans';font-weight:700;text-transform:uppercase}
 .wk-h6{font-size:13px;line-height:1.4;font-family:'Open Sans';font-weight:300;text-transform:uppercase}
 .img-fulltext-none {
    text-align: center;
@@ -107,14 +107,32 @@ h3, .uk-h3, .wk-h3 {
     color: #767779;
     color: rgb(108, 109, 116);
     box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 15px;
-    background: rgb(255, 255, 255);
+    background: rgb(255, 255, 255)!important;
 }
 
 .uk-button-default:focus, .uk-button-default:hover {color:#fff;}
-.btn-info, .btn-primary, .uk-button-primary { background: #3870DF; color:#fff;}
+.btn-info, .btn-primary, .uk-button-primary {
+
+/*explore */
+ background-color:#EC4725!important;
+ /*provide*/
+background: #17A6F6!important;
+/*www*/
+background: #3870DF!important;
+color:#fff!important;
+
+}
 .btn-info:focus, .btn-info:hover, .btn-primary:focus, .btn-primary:hover,
 .uk-button-primary:focus, .uk-button-primary:hover {
-	background: #223CAA; color:#fff;
+
+	/*explore */
+ 	background-color:#f25f30!important;
+ 	/*provide*/
+	background-color: #28beFF!important;
+	/*www*/
+	background: #223CAA!important;
+	color:#fff!important;
+
 }
 
 a, .uk-link {
@@ -124,17 +142,51 @@ a:hover, .uk-link:hover{
 color: #D53B23;
 }
 
-.uk-badge, .badge, a.badge { border-radius: 2px;}
+/*.uk-badge, .badge, a.badge { border-radius: 2px;}*/
 .uk-button-secondary {
     background-color: transparent;
-    color: #192699;
-    border: 1px solid #192699;
+
     border-radius:0px;
+
+    /*explore */
+    border:1px solid #f25f30!important;
+    /*provide*/
+    border:1px solid #17A6F6!important;
+    /*www*/
+    color: #192699;
+    border: 1px solid #192699!important;
+
 }
+
 .uk-button-secondary:hover {
-    background-color: #192699;
-    color: #fff;
-    border: 1px solid #192699;
+
+    /*explore */
+    border:1px solid #f25f30!important;
+    background-color:#f25f30!important;
+
+     /*provide*/
+    border:1px solid #17A6F6!important;
+    background-color:#17A6F6!important;
+    /*www*/
+    color: #fff!important;
+    border: 1px solid #192699!important;
+
+
+}
+.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover {
+	/*explore */
+    border:1px solid #f25f30!important;
+    background-color:#f9f9f9!important;
+    color:#f25f30!important;
+ 	/*provide*/
+    border:1px solid #17A6F6!important;
+    background-color:#f9f9f9!important;
+    color:#1B92F4!important;
+    /*www*/
+    border:1px solid #192699!important;
+    background-color:#f9f9f9!important;
+    color:#192699!important;
 }
 ol.big-numbers-list{
  margin-left: 0;
@@ -188,7 +240,6 @@ ol.big-numbers-list li::before {
 }
 
 .tm-toolbar {
-border-top: 5px solid #05007A;
 position:relative;
 color: #fff;
 padding-top: 0px;
@@ -197,7 +248,17 @@ background:rgba(255,255,255, 0.0);
 z-index:10000;
 /*background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)), url(/images/toolbar_bg.png);*/
 
+/*explore */
+border-top: 5px solid #EC4725;
+
+/*provide*/
+border-top: 5px solid #28beFF;
+/*www*/
+border-top: 5px solid #05007A;
+
+
 }
+
 .tm-toolbar .forimage {
 background:rgba(255,255,255, 0.4);
 }
@@ -216,8 +277,15 @@ background:rgba(255,255,255, 0.4);
 }
 .inner {
  left:0px;
- background-color: #05007A;
- margin-top:-5px;
+  margin-top:-5px;
+
+  /*explore*/
+ background-color: #EC4725;
+ /*provide*/
+ background-color: #28beFF;
+ /*www*/
+  background-color: #05007A;
+
 }
 .tm-toolbar .uk-container {
 padding-right:0px;
@@ -226,12 +294,19 @@ padding-right:0px;
 .tm-toolbar ul.uk-subnav.uk-subnav-line,
 .tm-toolbar ul.uk-subnav{
  margin-top:-10px;
-  background-color: #05007A;
-  padding:10px 10px  0px 0px;
+ padding:10px 10px  0px 0px;
   -ms-transform: skew(25deg);
   -webkit-transform: skew(25deg);
   transform: skew(25deg);
   margin-right:10px;
+
+   /*explore*/
+  background-color: #EC4725;
+  /*provide*/
+ background-color: #28beFF;
+ /*www*/
+   background-color: #05007A;
+
 }
 
 .tm-toolbar .uk-subnav-line li,
@@ -241,7 +316,7 @@ padding-right:0px;
   /*transition: background 0.2s;*/
   /*  display:inline-block;*/
   font-family:Roboto!important;
-  font-weight:900!important;
+  font-weight:bold!important;
   text-transform:uppercase!important;
   font-size:12px!important;
   opacity:1!important;
@@ -274,6 +349,8 @@ padding-right:0px;
   font-size:13px!important;
   opacity:1!important;
   color:#fff!important;
+     font-weight: 400;
+
 }
 
 
@@ -281,9 +358,19 @@ padding-right:0px;
 .tm-toolbar .uk-subnav li:hover {
   color:#05007A!important;
   background:#fff;
-  background:#3870DF!important;
   color: #efefef!important;
   display: block;
+
+  /*explore*/
+  background:#f25f30!important;
+   /*provide*/
+  background:#15A3FF!important;
+  background:#008ec5!important;
+  background:#17A6F6!important;
+  /*www*/
+    background:#3870DF!important;
+    background:#2C57D7!important;
+
 }
 
 
@@ -291,8 +378,15 @@ padding-right:0px;
 .tm-toolbar .uk-subnav .uk-active .home-hover li:hover,
 li.uk-active.home-hover
 {
- background:#05007A!important;
- //rgb(5,0,122)
+  /*explore*/
+  background:#f25f30!important;
+  /*provide*/
+  background:#15A3FF!important;
+    background:#17A6F6!important;
+ /*www*/
+  background:#05007A!important;
+      background:#2C57D7!important;
+
 }
 
 .tm-toolbar .uk-dotnav, .tm-toolbar .uk-subnav {
@@ -305,8 +399,18 @@ li.uk-active.home-hover
 .tm-toolbar .uk-subnav li:hover a {
   display: block;
   color:#05007A!important;
-  background:#3870DF!important;
   color: #efefef!important;
+
+  /*explore*/
+  background:#f25f30!important;
+   /*provide*/
+  background:#15A3FF!important;
+    background:#17A6F6!important;
+    /*www*/
+      background:#3870DF!important;
+          background:#2C57D7!important;
+
+
 }
 
 .tm-toolbar .uk-subnav a[title]:hover:after {
@@ -417,7 +521,7 @@ line-height:16px!important;
 .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a, .uk-overlay-primary .uk-navbar-nav>li>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a, .uk-offcanvas-bar .uk-navbar-nav>li>a, .tm-toolbar .uk-navbar-nav>li>a {
 color:#292C3D;}
 
-.uk-light .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .tm-toolbar .uk-navbar-nav>li.uk-active>a
+.uk-light .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .tm-toolbar .uk-navbar-nav>li.uk-active>a {
 color:#292C3D;}
 
 .uk-light .uk-navbar-nav>li>a::before, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a::before,
@@ -490,7 +594,7 @@ color: #128DD5;
 .uk-light .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .tm-toolbar .uk-navbar-nav>li.uk-active>a {
    color: #128DD5!important;
 }
-.uk-light a:hover, .uk-light .uk-link:hover,
+/*.uk-light a:hover, .uk-light .uk-link:hover, */
 .uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover,
 .uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,
 .uk-card-primary.uk-card-body a:hover, .uk-card-primary.uk-card-body .uk-link:hover,
diff --git a/portal-4cli/src/assets/discover-custom.css b/portal-4cli/src/assets/discover-custom.css
index b03ec65d..e5ba32d9 100644
--- a/portal-4cli/src/assets/discover-custom.css
+++ b/portal-4cli/src/assets/discover-custom.css
@@ -350,7 +350,9 @@ color: #414141}
     border-bottom: none !important;
 }
 .mainPageSearchForm{
-  background-image: url("./explore_1.jpg"); background-color: rgb(255, 255, 255); box-sizing: border-box; min-height: calc(100vh - 412.767px);
+  background-image: url("./home.jpg"); background-color: rgb(255, 255, 255); box-sizing: border-box; min-height:  calc(-122.283px + 100vh);
+min-height: calc(-122.683px + 100vh);
+height: calc(-122.683px + 100vh);
 }
 
 .searchForm, .generalSearchForm{
@@ -397,7 +399,7 @@ color: #414141}
   }
 
   #feedback a {
-  	background: #666;
+  	background: #666 !important;
   	border-radius: 5px 0 0 5px;
   	box-shadow:none;
   	border: none!important;
@@ -509,6 +511,29 @@ h2, .uk-h2{
  svg  #home{
    fill: white !important;
 
+}
+.tm-toolbar .uk-subnav-line li:hover,
+.tm-toolbar .uk-subnav li:hover {
+   /*explore*/
+  background:#f25f30!important;
+
+
+}
+.tm-toolbar .uk-subnav-line .uk-active .home-hover li:hover,
+.tm-toolbar .uk-subnav .uk-active .home-hover li:hover,
+li.uk-active.home-hover
+{
+  /*explore*/
+  background:#f25f30!important;
+
+}
+.tm-toolbar .uk-subnav-line li a:hover,
+.tm-toolbar .uk-subnav li a:hover,
+.tm-toolbar .uk-subnav-line li:hover a,
+.tm-toolbar .uk-subnav li:hover a {
+   /*explore*/
+  background:#f25f30!important;
+
 }
 .tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav-line li:hover a{
   display: block;
@@ -556,24 +581,32 @@ h2, .uk-h2{
 }
 
 .developlink{
-  text-transform: none !important;
-  color: #fff !important;
-  background: #d13f96;
-  font-weight: 600;
+  text-transform: none !important; font-weight: 400; color: #d13f96;
+}
+.developlink:hover {
+ background: #d13f96!important;
+ color:#fff!important;
 }
 .providelink{
-  text-transform: none !important;
-  color: #fff !important;
-  background: #28beff !important;
-  font-weight: 600;
+text-transform: none !important; font-weight: 400; color: #28beff;
+}
+.providelink:hover {
+ background: #28beff!important;
+ color:#fff!important;
 }
 .connectlink{
-  background-color: #ffc800 !important;
-  font-weight: 600;
-  color: #fff !important;
+  font-weight: 400;
+  color: #ffc800 !important;
+}
+.connectlink:hover{
+  background: #ffc800!important;
+  color:#fff!important;
 }
 .monitorlink{
-  background-color: #8bcc00 !important;
-  font-weight: 600;
-  color: #fff !important;
+  font-weight: 400;
+  color: #68A704 !important;
+}
+.monitorlink:hover{
+  background: #68A704!important;
+  color:#fff!important;
 }
diff --git a/portal-4cli/src/assets/formImage.jpg b/portal-4cli/src/assets/formImage.jpg
deleted file mode 100644
index 16ca30fa..00000000
Binary files a/portal-4cli/src/assets/formImage.jpg and /dev/null differ
diff --git a/portal-4cli/src/assets/globe_tech.jpg b/portal-4cli/src/assets/globe_tech.jpg
deleted file mode 100644
index 46f3c645..00000000
Binary files a/portal-4cli/src/assets/globe_tech.jpg and /dev/null differ
diff --git a/portal-4cli/src/assets/home.jpeg b/portal-4cli/src/assets/home.jpeg
deleted file mode 100644
index 655e923c..00000000
Binary files a/portal-4cli/src/assets/home.jpeg and /dev/null differ
diff --git a/portal-4cli/src/assets/home.jpg b/portal-4cli/src/assets/home.jpg
new file mode 100644
index 00000000..58cd0ad5
Binary files /dev/null and b/portal-4cli/src/assets/home.jpg differ
diff --git a/portal-4cli/src/assets/home2.jpeg b/portal-4cli/src/assets/home2.jpeg
deleted file mode 100644
index 628aff7d..00000000
Binary files a/portal-4cli/src/assets/home2.jpeg and /dev/null differ