diff --git a/webapp/src/main/webapp/templates/freemarker/elenphAritcle.ftl b/webapp/src/main/webapp/templates/freemarker/elenphAritcle.ftl
index 9ce5a3a8..59160224 100644
--- a/webapp/src/main/webapp/templates/freemarker/elenphAritcle.ftl
+++ b/webapp/src/main/webapp/templates/freemarker/elenphAritcle.ftl
@@ -171,11 +171,11 @@ ${scripts.add('<script async type="text/javascript" src="${urls.base}/themes/iph
 		  <div class="htmlExcerpt" style="list-style:none; display:none;">
 		    ${excerptText}
 			<#if works?? && works?has_content && worksCounter?number &gt; 0 >
-			  <button type="button" class="collapsible" style="background-color:white;border:none;padding: 18px;width: 100%;text-align:left;">Работы</button>
+			  <button type="button" class="collapsible" style="background-color:white;border:none;padding: 18px;width: 100%;text-align:left; background-image: url(${urls.base}/themes/iph/images/book_icon.png); background-repeat: no-repeat; background-position: left center;">Работы</button>
 				<div class="works" style="display:none;">
 				  <#list works as work>
                     <#if work.elenphExcerpt == order.elenphExcerpt >
-					  <div class="work" style="list-style:none;">
+					  <div class="work" style="display:list-item;list-style-image:url(${urls.base}/themes/iph/images/bullet_icon.png); font-style: italic; font-family: PT Serif;">
 					    <p> ${work.works} </p>
 					  </div>
                     </#if>
@@ -184,11 +184,11 @@ ${scripts.add('<script async type="text/javascript" src="${urls.base}/themes/iph
 			</#if>
 
 			<#if bibliography?? && bibliography?has_content && bibliographyCounter?number &gt; 0>
-			  <button type="button" class="collapsible" style="background-color:white;border:none;padding: 18px;width: 100%; text-align: left;">Литература</button>
+			  <button type="button" class="collapsible" style="background-color:white;border:none;padding: 18px;width: 100%; text-align: left; background-image: url(${urls.base}/themes/iph/images/book_icon.png); background-repeat: no-repeat; background-position: left center;">Литература</button>
 				<div class="bibliography" style="display:none;">
 				  <#list bibliography as one_bibliography>
                     <#if one_bibliography.elenphExcerpt == order.elenphExcerpt >
-                      <div class="bibliography_entry" style="list-style:none;">
+                      <div class="bibliography_entry" style="display:list-item;list-style-image:url(${urls.base}/themes/iph/images/bullet_icon.png); font-style: italic; font-family: PT Serif;">
 					    <p> ${one_bibliography.bibliography} </p>
 					  </div>
                     </#if>
@@ -204,10 +204,10 @@ ${scripts.add('<script async type="text/javascript" src="${urls.base}/themes/iph
 </div>
 
 <#if works?? && works?has_content>
-  <button type="button" class="collapsible" style="border:none;padding: 18px;width: 100%;text-align:left;">Работы</button>
-    <div class="works" style="display:none;">
+  <button type="button" class="collapsible" style="border: none; color: #8B4513; padding: 18px;width: 100%;text-align:left; background-color: #ffffff; background-image: url(${urls.base}/themes/iph/images/book_icon.png); background-repeat: no-repeat; background-position: left center;">Работы</button>
+    <div class="works" style="display:block;">
       <#list works as work>
-        <div class="work" style="list-style:none;">
+        <div class="work" style="display:list-item;list-style-image:url(${urls.base}/themes/iph/images/bullet_icon.png); font-style: italic; font-family: PT Serif;">
           <p> ${work.works} </p>
         </div>
       </#list>
@@ -215,10 +215,10 @@ ${scripts.add('<script async type="text/javascript" src="${urls.base}/themes/iph
 </#if>
 
 <#if bibliography?? && bibliography?has_content>
-  <button type="button" class="collapsible" style="border:none;padding: 18px;width: 100%; text-align: left;">Литература</button>
-    <div class="bibliography" style="display:none;">
+  <button type="button" class="collapsible" style="border:none; color: #8B4513; padding: 18px;width: 100%; text-align: left; background-color: #ffffff; background-image: url(${urls.base}/themes/iph/images/book_icon.png); background-repeat: no-repeat; background-position: left center;">Литература</button>
+    <div class="bibliography" style="display:block;">
       <#list bibliography as one_bibliography>
-        <div class="bibliography_entry" style="list-style:none;">
+        <div class="bibliography_entry" style="display:list-item;list-style-image:url(${urls.base}/themes/iph/images/bullet_icon.png); font-style: italic; font-family: PT Serif;">
           <p> ${one_bibliography.bibliography} </p>
         </div>
       </#list>
@@ -227,7 +227,7 @@ ${scripts.add('<script async type="text/javascript" src="${urls.base}/themes/iph
 
 <#if authors??>
   <#list authors as author>
-    <div class="authors" style="display:block;float:right; margin:15px;">
+    <div class="authors" style="display:block;">
       <#if author.authorFamily??>${author.authorFamily}</#if>&nbsp;<#if author.authorInitials??>${author.authorInitials}</#if>
     </div>
   </#list>
diff --git a/webapp/src/main/webapp/themes/iph/css/iph.css b/webapp/src/main/webapp/themes/iph/css/iph.css
index 140e34c3..95d85f81 100644
--- a/webapp/src/main/webapp/themes/iph/css/iph.css
+++ b/webapp/src/main/webapp/themes/iph/css/iph.css
@@ -20,17 +20,30 @@ html,
 body {
     padding: 0;
     height: 100%; /* needed for container min-height */
-    font-family: "Lucida Sans Unicode","Lucida Grande", Geneva, helvetica, sans-serif;
+    font-family: "IPH Serif","Roboto","Lucida Sans Unicode","Lucida Grande", Geneva, helvetica, sans-serif;
     height: auto !important; /* real browsers */
     height: 100%; /* IE6: treaded as min-height*/;
     min-height: 100%; /* real browsers */
     margin: 0 auto;
+    font-size: 16px;
 }
 body {
-   background: #f3f3f0 url(../images/header-background.png) center 0 no-repeat;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	min-width: 700px;
+	max-width: 1920px;
+	width: 100%;
+	background-size: 100%;
+    background: url(../images/header-image.png) center 0 no-repeat;
+    height: 200px;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: center;
 }
 a {
-    color: #2485AE;
+    color: #000000;
 }
 a:hover,
 h2 a:hover,
@@ -48,11 +61,11 @@ h2 {
     padding: 10px 0 12px 0;
     margin: 0;
     font-size: 1.375em;
-    color: #064d68;
+    color: #000000;
     line-height: 1.5em;
 }
 h2 a {
-    color: #2485ae;
+    color: #8B4513;
 }
 h2 a:link,
 h2 a:visited {
@@ -62,7 +75,7 @@ h3 {
     padding: 10px 0 12px 0;
     margin: 0;
     font-size: 1.125em;
-    color: #064d68;
+    color: #8B4513;
 }
 h4 {
     padding: 10px 0 12px 0;
@@ -74,7 +87,7 @@ h5 {
     padding: 10px 0 12px 0;
     margin: 0;
     font-size: .875em;
-    color: #064d68;
+    color: #8B4513;
 }
 /* ------------------------------------------------->  */
 /* EDITING STYLES ---------------------------------->  */
@@ -83,15 +96,54 @@ input[type="text"],
 select,
 input[type="password"] {
     border: 0;
-    font-size: 14px;
+    font-size: 1rem;
+    font-family: "Roboto";
     padding: .5em;
+    font-style: italic;
     background: #fff;
-    border: 1px solid #e0dfdf;
-    border-radius: 5px;
+    border: 1px dashed #000000;
+    /*border-radius: 5px;
     -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    margin-bottom: .8em;
+    -webkit-border-radius: 5px;*/
+    /*margin-bottom: .8em;*/
+    outline: none;
 }
+
+select.form-control {
+	padding: 5px 8px 5px 5px;
+	font-family: "Roboto";
+	font-style: normal;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+    appearance: none;
+	cursor:pointer; 
+	background-image: url(../images/select_button.png);
+	background-repeat: no-repeat;
+	background-position: 96% 50%;	
+	background-size: 18px 7px;
+}
+
+select.form-control >option {
+	padding-right: 30px;
+	
+}
+
+input.form-control {
+	font-family: "Roboto";
+	font-size: 1rem;
+	color: #ababab;
+}
+
+
+.btn-success.set-json {
+	background-color: #ffffff;
+	border: 1px dashed #000000;
+	font-size: 1rem;
+	font-family: Roboto;
+	flex-grow: 1;
+	margin-right: 10px;
+}
+
 input.block {
     margin-bottom: 20px;
 }
@@ -130,7 +182,7 @@ input.form-button:visited {
     margin: 0;
     background-color: #749a02;
     color: #fff;
-    font-size: 14px;
+    font-size: 1rem;
     font-weight: normal;
     line-height: 1;
     margin-right: .6em;
@@ -163,9 +215,9 @@ input#delete:visited {
     cursor: pointer;
     border: 0;
     margin: 0;
-    background-color: #398aac;
+    background-color: #DD9F00;
     color: #fff;
-    font-size: 14px;
+    font-size: 1rem;
     font-weight: normal;
     line-height: 1;
     margin-right: .6em;
@@ -176,7 +228,7 @@ input.submit:hover,
 input#submit:hover,
 input.form-button:hover {
     color: #fff;
-    background-color: #b2d15a;
+    background-color: #DD9F00;
 }
 input.delete:hover,
 input#delete:hover {
@@ -264,7 +316,7 @@ a.return:active {
 }
 .database_header {
     background-color: #f1f2ee;
-    color: #2485ae;
+    color: #DD9F00;
     font-size: 1em;
 }
 .database_upperleftcorner {
@@ -382,7 +434,7 @@ a.ingestMenu:visited,
 a.account-menu:link,
 a.account-menu:visited {
     text-decoration: none;
-    color: #2485AE;
+    color: #DD9F00;
 }
 a.ingestMenu:hover,
 a.ingestMenu:active,
@@ -395,6 +447,9 @@ ul#vgraph-classes a {
     text-decoration: none;
     color: #5E6363;
 }
+ul#browse-classes a {
+	width: 90%;
+}
 ul.ingestMenu {
     margin-bottom: 1.5em;
 }
@@ -424,11 +479,11 @@ tr.editformcell td textarea.matchingInput {
     width: 95%;
     height:10ex;
     margin-top:0.7em;
-    font-family: "Lucida Sans Unicode","Lucida Grande", Geneva, helvetica, sans-serif;
+    font-family: "IPH Serif","Roboto","Lucida Sans Unicode","Lucida Grande", Geneva, helvetica, sans-serif;
     font-size:0.95em;
 }
 hr.formDivider {
-    background-color: #3196C4;
+    background-color: #DD9F00;
     border: 0 none;
     height: 1px;
     margin-bottom: 20px;
@@ -446,19 +501,19 @@ hr.formDivider {
 /* HEADER ------>  */
 #branding {
     position: relative;
-    width: 70%;
-    height: 114px;
+    width: 80%;
+    height: 200px;
     margin: 0 auto;
-    padding: 0px 20px 0px 20px;
+    padding: 0px 0px 0px 0px;
 }
 /* BRANDING ------>  */
 h1.vivo-logo {
     position: absolute;
-    width: 442px;
-    height: 59px;
-    top: 28px;
-    left: 0;
-/*    background: url(../images/VIVO-logo.png) 0 0 no-repeat;*/
+    width: 100%;
+    height: 100px;
+    top: 35px;
+   /* left: 0; */
+	 background: url(../images/site-title-padding.png) center 0 no-repeat;
 }
 h1.vivo-logo a {
     display: block;
@@ -471,7 +526,12 @@ ul#header-nav {
     list-style: none;
     height: 30px;
     padding-top: 10px;
-    margin-right: 13px;
+    /*padding-right: 10px;
+    padding-left: 10px;*/
+    background-color: #000000;
+    opacity: 0.7;
+    /* margin-right: 13px; */
+    font-size: 1.1rem;
 }
 
 .collapsible {
@@ -481,15 +541,15 @@ ul#header-nav {
 ul#header-nav li {
     float: left;
     display: block;
-    padding-left: 10px;
-    padding-right: 10px;
+    padding-left: 20px;
+    padding-right: 20px;
     border-right: 1px solid #7c7d7f;
-    font-size: .7em;
+    font-size: 1rem;
     color: #fff;
 }
 ul#header-nav li:last-child {
-    padding-left: 1px;
-    padding-right: 0;
+    /*padding-left: 1px;
+    padding-right: 0;*/
     border-right: none;
 }
 ul#header-nav a:hover,
@@ -498,12 +558,17 @@ ul#header-nav a:active {
     color: #999;
 }
 ul#header-nav a.log-out {
-    padding-left: 10px;
+   /*  padding-left: 10px; */
 }
 /* SEARCH ------>  */
 .search-form-container {
-  width: 100%;
-  float: left;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
+	justify-content: center;
+	width: 100%;
+  /*float: left;*/
+	
 }
 .searchResultsHeader {
     width: unset !important;
@@ -511,44 +576,87 @@ ul#header-nav a.log-out {
 #switch-to-extended-searchform {
   border:none;
   background-color:unset;
-  color: #2485AE;
+  color: #8B4513;
+  text-align: right;
+  width: 100%;
+  font-size: 1.1rem;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 10px;
+  font-family: "Roboto";
+  font-style: normal;
 }
+#custom-search {
+	width: 100%;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
+	justify-content: center;
+}
+
+
 .custom-search-input {
-  width: 60%;
+  width: 90%;
   border-radius: unset !important;
   -webkit-border-radius: unset !important;
   float: left;
   height: 2rem;
   padding: 0px 0px 0px 5px !important;
-  border-style: solid;
-  border-color: #4d5863 !important;
+  border-style: solid !important;
+  border-color: #8B4513 !important;
   margin-bottom: 0 !important;
+  background-color: #F3F3F3 !important;
+  height: 36px;
 }
 .search-submit-button{
+  all: unset;
   border-radius: unset !important;
   -webkit-border-radius: unset !important;
   float: left;
-  height: calc( 2rem + 2px);
+  color: transparent;
+  height: 36px;
   border-style: solid;
-  border-color: #4d5863;
-  background: white;
+  border-width: 1px;
+  border-color: #8B4513;
+  border-left: 0px;
+  background: #F3F3F3;
+  width: 10%;
+}
+input.search-submit-button {
+  background-image: url(../images/search-icon.png)!important;
+  background-repeat: no-repeat;
+  background-position: center center;
 }
 .custom-search-select{
   border-radius: unset !important;
   -webkit-border-radius: unset !important;
   margin: 0;
   float: left;
-  height: calc( 2rem + 2px);
+  /*height: 36px;*/
   border-style: solid;
-  border-color: #4d5863;
+  border-color: #8B4513;
+  border-left: 0px;
+  width: 20%;
+  background-color: #F3F3F3;
+  -webkit-appearance: none;
+	-moz-appearance: none;
+    appearance: none;
+	cursor:pointer; 
+	background-image: url(../images/select_button.png);
+	background-repeat: no-repeat;
+	background-position: 94% 50%;	
+	background-size: 18px 7px;
+}
+#searchRightpanel {
+	width: 30%;
 }
 #search {
-    position: absolute;
-    width: 396px;
+    /*position: absolute;*/
+    width: 100%;
     height: 38px;
-    top: 40px;
-    right: 10px;
-    padding-top: 5px;
+   /* top: 90px;
+    right: 10px;*/
+    padding-top: 20px;
 }
 #search-field {
     width: 396px;
@@ -579,48 +687,251 @@ input.search-vivo {
 #search-form-modifier {
     display: none;
 }
+
+.btn-group-bottom {
+	/*background-color: #F1F1F1;*/
+	/*padding: 5px 5px 5px 5px;*/
+	/*border-left: 1px solid #8B4513;
+	border-right: 1px solid #8B4513;
+	border-bottom: 1px solid #8B4513;*/
+	/*width: 100%;*/
+	/*margin: 0 10px 0 10px;*/
+}
+
+#settingsButtons {
+	color: #000000;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: space-between;
+	width: 100%;
+	background-color: #F1F1F1;
+	/*margin-top: 1%;
+	margin-bottom: 0;
+	margin-left: 2%;
+	margin-right: 2%;*/
+	align-items: center;
+	
+}
+
+#CounterSearchWrapper {
+	border: 1px solid #8B4513;
+	box-shadow: 0px 4px 4px #aeaeae;
+	
+}
+
+#wrapperButtons {
+	/*width: 70%;
+	margin-left: 4%;*/
+	display: flex;
+	justify-content: space-around;
+	background-color: #ffffff;
+	padding: 5px;
+	box-shadow: 0px 4px 4px #aeaeae;
+}
+
+#OuterWrapperButtons {
+	display: flex;
+	justify-content: space-between;
+	width: auto;
+	margin-left: 2%;
+	background-color: #F1F1F1;
+	padding: 15px 10px 15px 10px;
+	/*border-left: 1px solid #8B4513;
+	border-right: 1px solid #8B4513;
+	border-bottom: 1px solid #8B4513;*/
+}
+
+#SearchTitle {
+	background-color: #F1F1F1;
+	font-size: 1.3rem;
+	padding-left: 20px;
+	padding-top: 15px;
+	font-family: Roboto;
+}
+
+#SelectResults {
+	font-size: 1rem;
+	border: 1px dashed #000000;
+	color: #000000;
+	padding-left: 5px;
+	margin-left: 10px;
+} 
+#SelectResults >label {
+	padding-left: 5px;
+	padding-right: 5px;
+	font-family: "Roboto";
+	font-style: normal;
+	
+}
+#btn-search-expand {
+	width: 15%;
+	margin-right: 2%;
+	background-color: #ffffff;
+	border: 1px solid #DD9F00;
+	font-size: 1rem;
+	height: 49px;
+}
+
+#btn-reset-button {
+	background-color: #ffffff;
+	border: 1px dashed #000000;
+	font-size: 1rem;
+	flex-grow: 1;
+}
+
+#hitsPerPageSelect {
+	border-left: 1px dashed #000000;
+	border-right: 0px;
+	border-top: 0px;
+	border-bottom: 0px;
+	font-family: Roboto;
+	font-size: 1rem;
+	font-style: normal;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+    appearance: none;
+	cursor:pointer; 
+	background-image: url(../images/select_button.png);
+	background-repeat: no-repeat;
+	background-position: 90% 50%;	
+	background-size: 18px 7px;
+	padding-right: 25px;
+}
+
+#btn-get-standard-searchform {
+	/*margin-bottom: 10px;*/
+	background: transparent;
+	border: 0px;
+	padding-top: 8px;
+	padding-left: 15px;
+	font-family: Roboto;
+	font-size: 1.2rem;
+	cursor: pointer;
+}
+#backgroundForm {
+	height: 39px;
+	background-image: url(../images/custom_search_button.png);
+	background-repeat: no-repeat;
+	/*clip-path:polygon(0% 0%, 0% 1000%, 80% 0%);*/
+	
+}
+
+
 /* MAIN NAVIGATION------>  */
 ul#main-nav {
-    display: block;
-    width: 70%;
-    padding: 0px 20px 0px 20px;
+    display: flex;
+    flex-direction:row;
+    flex-wrap:nowrap;
+    justify-content: center;
+    align-content: center;
+    width: 80%;
+    padding: 0px 0px 0px 0px;
     height: 46px;
-    border: 1px solid #dce4e3;
-    background-color: #f7f9f9;
-    margin: 0 auto;
+    /* border: 1px solid #dce4e3;*/
+    background-color: #000000;
+    opacity: 0.8;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: -46px;
     list-style: none;
-    font-size: 1em;
-    color: #706a66;
+    font-size: 1.2rem;
+    color: #ffffff;
 }
+
+#main-nav li:last-child {
+	background: none;
+}
+
 #main-nav li {
-    float: left;
+    float: left; 
     line-height: 46px;
-    background: url(../images/separator-main-nav.jpg) right -2px no-repeat;
+    background: url(../images/separator-main-nav.jpg) right no-repeat;
 }
 #main-nav li a {
-    padding-left: 16px;
-    padding-right: 16px;
+    padding-left: 20px;
+    font-family: "Roboto";
+    font-style: normal;
+    padding-right: 20px;
     display: block;
-    color: #706a66;
+    color: #ffffff;
     text-decoration: none;
 }
 #main-nav li a:hover {
-    color: #002b44;
+    color: #EECFA1;
 }
 #main-nav li a.selected {
-    color: #002b44;
-    background: url(../images/selected-main-nav.jpg) left -1px no-repeat;
-    margin-left: 18px;
+    color: #DD9F00;
+   /* background: url(../images/selected-main-nav.jpg) left -1px no-repeat; */
+   /* margin-left: 18px; */
 }
 /* WRAPPER CONTENT------>  */
 #wrapper-content {
     clear: both;
-    width: 70%;
-    margin: 0 auto;
+    width: 80%;
+    /*margin: 0 auto;*/
     background: #fff;
     min-height: 710px;
-    padding: 20px ;
+    padding-top: 20px ;
+    padding-left: 0px;
+    padding-right: 0px;
+    padding-bottom: 20px;
+    margin-left: auto;
+    margin-right: auto;
 }
+
+#wrapperDescription {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: space-between;
+	width: 100%;
+	
+}
+#projectDescription {
+	width: 50%;
+	
+}
+
+#titleProject {
+	width: 100%;
+	color: #8B4513;
+	font-size: 1.4rem;
+	padding: 0 0px 10px 25px;
+	font-family: "Roboto";
+	background-image: url(../images/circle.png);
+	background-repeat: no-repeat;
+	background-position: left center;
+}
+
+p.aboutProject {
+	font-size: 0.8em;
+	text-align: justify;
+	line-height: 1.2;
+	padding: 15px 0px 10px 10px;
+	border-top: 1px solid #8B4513;
+	margin-right: 5px;
+	text-indent: 35px;
+}
+
+#membersDescription {
+	width: 49%;
+	border-top: 1px solid #8B4513;
+	margin-left: 1%;
+}
+
+
+#contactDescription {
+	width: 50%;
+	border-top: 1px solid #000000;
+}
+
+#registrationDescription {
+	width: 50%;
+	border-top: 1px solid #000000;
+}
+
+
 /* INTRO-BLURB ------>  */
 #intro {
     float: left;
@@ -636,10 +947,10 @@ body.loggedIn #intro {
     color: #2485AE;
 }
 #intro p {
-    font-size: 16px;
+    /* font-size: 16px;
     color: #5f6464;
     line-height: 1.3em;
-    padding: 0 24px 0 24px;
+    padding: 0 24px 0 24px;*/
 }
 #intro a,
 #individual-intro ul.individual-urls li a,
@@ -666,13 +977,16 @@ ul.individual-urls-people li a {
 }
 body.login #login {
     float: none;
+    margin-left: auto;
+    margin-right: auto;
 }
 #login h2 {
-    font-size: 22px;
-    color: #2485ae;
-    padding-left: 15px;
+    font-size: 1.4rem;
+    color: #8B4513;
+    padding-left: 38px;
     padding-top: 18px;
     border-bottom: none;
+    font-family: "IPH Astra Serif";
 }
 h3.internal-auth:hover {
     color: #47B6D0;
@@ -718,8 +1032,8 @@ h3.internal-auth:hover {
     -webkit-border-radius: 5px;
 }
 #login-form input.text-field:focus {
-    border: 1px solid rgba(57, 138, 172, .5);
-    background-color: rgba(57, 138, 172, .1);
+    border: 1px solid #8B4513;
+    background-color: #ffffff;
 }
 #login-form p.submit {
     width: 100px;
@@ -809,16 +1123,33 @@ p.external-auth a.blue:hover {
 }
 /* HOME SEARCH ------>  */
 #search-home {
-    float: left;
-    width: 100%; 
-    margin: 30px 0 0 22px;
+   /*float: left;*/
+   margin-bottom: 30px;
+   margin-top: 10px;
+   width: 100%; 
+   display: flex;
+   flex-direction: row;
+	justify-content: center;
 }
+
+#simple-search-container {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	flex-wrap: wrap;
+	align-content: center;
+	width: 50%;
+}
+
+
+
+
 #search-home h3 {
     padding: 0;
     font-size: 22px;
     margin-bottom: 15px;
     color: #2485AE;
-		padding-left: 24px;
+	/*padding-left: 24px;*/
 }
 #search-home-field {
     width: 483px;
@@ -847,6 +1178,19 @@ input.search-home-vivo {
     margin-top: 2px;
 }
 
+/* SEARCH HOME EXPANDED------>  */
+
+#querybuilder-container {
+	width: 60%;
+	/*display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: center;*/
+}
+
+
+
+
 /* SEARCH HOME------>  */
 
 #search-home-field {
@@ -905,6 +1249,7 @@ input.search-homepage {
 p.request-account a,
 ul#header-nav a {
    color: #fff;
+   font-family: "Roboto";
 }
 #filter-search-nav a {
 		border-bottom: 1px dotted #4f5656;
@@ -940,37 +1285,105 @@ a.view-all-style {
 }
 
 /* HOME STATS----->  */
+
 .home-sections {
-		border-top: 1px dotted #dbe3e3; /* stroke */
-		border-bottom: 1px dotted #dbe3e3; /* stroke */
-		background-color: #fff; /* layer fill content */
+		/* border-top: 1px dotted #dbe3e3; /* stroke */
+		/* border-bottom: 1px dotted #dbe3e3; /* stroke */
+		/* background-color: #fff; /* layer fill content */
+		
 }
 .home-sections h4 {
-		border-top: 1px solid rgba(220,228,227,.42); /* stroke */
-		border-bottom: 1px solid rgba(220,228,227,.42); /* stroke */
-		background-color: #395d7f; /* layer fill content */
-		border-bottom: 2px solid #62b6d7;
-		color: #fff;
+		/*border-top: 1px solid rgba(220,228,227,.42); /* stroke */
+		/*border-bottom: 1px solid rgba(220,228,227,.42); /* stroke */
+		background-color: none; /* layer fill content */
+		/*border-bottom: 2px solid #62b6d7;*/
+		color: #DD9F00;
+		font-size: 1.5em;
+		line-height: normal;
+		margin-left: 0px;
+		
 }
+
+section#home-stats.home-sections {
+	display: flex !important;
+	flex-direction: column;
+	flex-wrap: nowrap;
+   justify-content: center;
+   align-items: center;
+}
+
+#home-stats h4 {
+	padding-bottom: 0px;
+	display: block;
+	height: 1.5rem;
+	font-family: "Roboto";
+}
+
+
 #home-stats {
-		margin-top: 30px;
+	margin-top: 0px !important;
+	height: 120px;
+	width: 40%;
 }
+
+#stats {
+	margin-top: 5px;
+	width: auto;
+}
+
 #stats li {
 		-moz-border-radius: 6px;
 		-webkit-border-radius: 6px;
+		background-color: #4c4c4c;
+		border-width: 2px;
 		border-radius: 6px; /* border radius */
 		-moz-background-clip: padding;
 		-webkit-background-clip: padding-box;
 		background-clip: padding-box; /* prevents bg color from leaking outside the border */
-		background: #5e6363 url(../images/stats-bg.png) repeat-x 0 0;
+		border-color: #DD9F00;
+		border-style: solid;
 		color: #fff;
+		margin-top: 0px;
+		margin-right: 0px;
+		width:90px;
 }
+
+
+
+#stats >li {
+	height: 60px;
+	margin-left: 20px;
+}
+
+#stats li:first-child {
+	margin-left: 0px;
+}
+
+
 #stats li a:hover {
-		opacity: .5;
+	opacity: 0.7;
 }
+
+#stats .stats-count {
+	font-size: 2.2em;
+	padding-top: 8px;
+	height: 28px;
+	vertical-align: middle;
+	border-bottom: 1px dashed #ffffff;
+	font-family: "Roboto";
+}
+
+#stats .stats-type {
+	height: 23px;
+	padding-top: 0px;
+	margin-top: 0px;
+	font-size: 1.1em;
+	font-family: "Roboto";
+}
+
 #stats .stats-count span {
-		color: #fff;
-		opacity: .5;
+	color: #fff;
+	opacity: .5;
 }
 #home-research  {
 	width: 297px;
@@ -1082,34 +1495,56 @@ div#adjImgHeight {
     margin-top:100px;
 }
 /* FOOTER------>  */
+
+#footerWrapper {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
+	justify-content: space-between;
+	width: 80%;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+div#footerWrapper >nav {
+	width: 30%;
+	font-family: "Roboto";
+	font-style: normal;
+	font-size: 0.8rem;
+}
+
 footer {
-    padding: 0px 20px 0px 20px;
+    padding: 0px 0px 0px 0px;
     clear: both;
-    width: 70%;
-    height: 88px;
+    width: 100%;
+    height: 120px;
     margin: 0 auto;
     font-size: .7em;
-    color: #4e5051;
-    background-color: #fff;
+    color: #ffffff;
+    background-color: #4c4c4c;
 }
 footer p.copyright {
     float: left;
     padding-top: 55px;
-    padding-left: 30px;
-    width: 600px;
+    /*padding-left: 30px;*/
+    width: 30%;
+    color: #ffffff;
+    font-family: "Roboto";
+    font-style: normal;
 }
 footer p.copyright small {
-    font-size: 1em;
+    font-size: 1rem;
 }
 ul#footer-nav {
     float: right;
     list-style: none;
-    width: 200px;
+   /* width: 30%;*/
     height: 20px;
     margin: 0;
     padding: 0;
     padding-top: 55px;
-    padding-right: 20px;
+    /*padding-right: 20px;*/
+    color: #ffffff;
 }
 ul#footer-nav li {
     float: left;
@@ -1125,12 +1560,12 @@ ul#individual-facultyMemberships li:last-child {
     border-right: none;
 }
 #footer-nav a {
-    color: #4e5051
+    color: #ffffff;
 }
 #footer-nav a:hover,
 a.terms,
 a.powered-by-vivo {
-    color: #09C;
+    color: #DD9F00;
     text-decoration: none;
 }
 a.terms:hover,
@@ -1178,11 +1613,11 @@ ul#individual-tools-people li a {
 }
 .green.button,
 .green.button:visited {
-    background-color: #749a02;
+    background-color: #DD9F00;
     color: #fff;
 }
 .green.button:hover {
-    background-color: #b2d15a;
+    background-color: #DD9F00;
 }
 .blue.button,
 .blue.button:visited {
@@ -1224,13 +1659,20 @@ ul#individual-tools-people li a {
 /* VISUAL GRAPH------>  */
 .property-group,
 #menupage-intro {
-    width: 920px;
+    width: 100%;
+    text-align: left;
     background: #fff;
 }
+#menupage-intro {
+	margin: 0.7em auto;
+}
 #menupage-intro h2 {
-    font-size: 1.375em;
-    color: #064d68;
+    font-size: 1.4em;
+    color: #000000;
     font-weight: normal;
+    padding: 0 25px 10px 20px;
+    font-family: Roboto;
+    display: none;
 }
 #menupage-intro.people h2 {
     float: left;
@@ -1304,13 +1746,13 @@ ul#find-filters a.selected {
 }
 /* BROWSE BY ------>  */
 #browse-by {
-/*    width: 920px;*/
+	width: 100%;
 }
 nav#alpha-browse-container {
-    width: 894px;
+   /* width: 894px;*/
     float: left;
-    padding-left: 10px;
-    margin-left: 1px;
+    padding-left: 20px;
+    margin-left: 0px;
 }
 
 #browse-by h2 {
@@ -1320,19 +1762,33 @@ nav#alpha-browse-container {
 }
 /* BROWSE CLASSES ------>  */
 ul#browse-classes {
-    border: 1px solid #dde4e3;
+    border: 1px solid #efe9d9;
     border-right: 0;
-    background-color: #f1f2ee;
+    background-color: #efe9d9;
+    margin-left: 0px;
+    width: 25%;
+    outline-color: #efe9d9;
+    outline-style: solid;
+    outline-width: 1px;
+    height: 78px;
 }
 ul#browse-classes li,
 ul#vgraph-classes li {
     border-bottom: 1px solid #dde4e3;
     font-size: 1em;
 }
+ul#browse-classes li {
+	width: 90%;
+	margin-left: 10px;
+	margin-right: 10px;
+	font-family: "IPH Astra Serif";
+	font-size: 1.2rem;
+	line-height: 1.3;
+}
 ul#browse-classes a:hover,
 ul#browse-classes a.selected {
-    background: url(../images/arrow.gif) 4px 5px no-repeat;
-    color: #2ea0cf;
+    background: url(../images/arrow_brown.png) 4px 5px no-repeat;
+    color: #000000;
 }
 ul#browse-classes .count-classes {
     font-size: 12px;
@@ -1340,11 +1796,16 @@ ul#browse-classes .count-classes {
 /* ALPHA BROWSE------>  */
 ul#alpha-browse-individuals {
     background-color: #fff;
+    font-family: "IPH Astra Serif";
+    float: left;
+    width: auto;
+    list-style: none;
+    font-size: 1.6rem;
 }
 ul#alpha-browse-individuals a:hover,
 ul#alpha-browse-individuals a.selected {
-    background: url(../images/arrowSmall.gif) -3px 7px no-repeat;
-    color: #2ea0cf;
+    background: url(../images/arrow_small.png) -3px 8px no-repeat;
+    color: #DD9F00;
 }
 ul#alpha-browse-individuals .count-classes,
 ul#vgraph-classes .count-classes {
@@ -1357,22 +1818,28 @@ ul#alpha-browse-individuals li {
     font-size: .8em;
 }
 nav#alpha-browse-container {
-    border: 1px solid #dde4e3;
+    border-top: 1px solid #efe9d9;
     background-color: #fff;
-    border-left: 1px solid #dde4e3;
+    border-left: 1px solid #efe9d9;
     border-bottom: none;
+    width: 73%;
 }
 /* BROWSE INDIVIDUALS------>  */
 #individuals-in-class {
     width: 100%;
-    border: 1px solid #dde4e3;
+    border-top: 1px solid #dde4e3;
     background-color: #fff;
+    margin-right: 0;
+    margin-top: 10px;
 }
-ul#alpha-browse-individuals {
-    float: left;
-    width: auto;
-    list-style: none;
+
+h3.selected-class {
+	padding-bottom: 0.3em;
+	color: #8B4513;
+	font-family: "IPH Astra Serif";
+	font-size: 1.3rem;
 }
+
 #individuals-in-class li.individual {
     border-bottom: 1px solid #dde4e3;
 }
@@ -1388,6 +1855,13 @@ article.property ul.property-list {
 .pagination.menupage li a:hover {
     background: #5e6363;
 }
+li.individual {
+	margin-left: 0;
+	margin-right: 0;
+	width: 100%;
+	font-family: "IPH Astra Serif";
+	font-size: 1.3rem;
+}
 
 /* ------------------------------------------------->  */
 /* IMAGE UPLOAD------------------------------------->  */
@@ -1424,10 +1898,10 @@ article.property ul.property-list {
 
 /* ADMIN PANEL ------>  */
 #admin {
-    background-color: #f2f9fb;
+    background-color: #efe9d9;
 }
 #admin h3 {
-    background: #2485AE;
+    background: #DD9F00;
     color: #fff;
 }
 #admin .uri-link,
@@ -1435,7 +1909,7 @@ article.property ul.property-list {
     color: #888c8c;
 }
 #admin a {
-    color: #2a98bc;
+    color: #8B4513;
 }
 /* INDIVIDUAL INTRO FOR ANY CLASS ------>  */
 .preferred {
@@ -1495,10 +1969,22 @@ h2#mainImage,
 h3.internal-auth {
     color: #5e6363;
 }
+#individual-info {
+	border-bottom: 1px solid #8B4513;
+	font-family: "IPH Astra Serif Regular";
+}
+#titleContainer {
+	font-family: "IPH Astra Serif Regular";
+}
 #individual-info h1.fn {
     font-size: 1.375em;
     color: #595B5B;
     line-height: 1.3em;
+    background-image: url(../images/circle_title.png);
+    background-repeat: no-repeat;
+    background-position: left center;
+    padding-left: 22px;
+    color: #000000;
 }
 #individual-info h2 {
     color: #5E6363;
@@ -1528,6 +2014,11 @@ ul#individual-hasResearchArea li {
 ul#individual-facultyMemberships li {
     border-right: 1px solid #A6B1B0;
 }
+ 
+.display-title-not-editable {
+	color: #4F4F4F;
+}	
+
 /* INDIVIDUAL VISUALIZATION ------>  */
 .publication-year-range,
 p.view-all-coauthors {
@@ -1576,7 +2067,7 @@ section.property-group h2,
     font-weight: normal;
 }
 article.property {
-    width: 852px;
+    width: 95%;
 }
 article.property h3 {
     background: #fafaf9;
@@ -1602,7 +2093,7 @@ article.property ul.property-list li a {
     left: -9999px;
 }
 a {
-    text-decoration: underline
+    text-decoration: none;
 }
 .middle {
     vertical-align: middle;
@@ -1631,7 +2122,7 @@ p.address-line {
   border-bottom: 1px dotted #AFB2B2;
   font-weight: bold;
   padding: .625em;
-  color: #064D68;
+  color: #8B4513;
   margin-bottom: .625em;
 }
 #adminDashboard .pageBodyGroup ul {
@@ -1649,7 +2140,13 @@ p.address-line {
   margin-left: 0;
   font-weight: bold;
 }
-
+.siteAdmin.loggedIn >div#articleWrapper >div#wrapper-content >div.tab >h2 {
+	text-align: center;
+	font-family: "IPH Astra Serif";
+	font-size: 1.5rem;
+	padding-bottom: 0px;
+	border-bottom: 1px solid #8B4513;
+}
 
 
 
@@ -1715,13 +2212,13 @@ form.customForm p {
 section.accounts input.delete,
 section.accounts input.delete:visited {
     background-color: #FFF;
-    color: #2485AE;
-    border: 1px solid #96c5da;
+    color: #8B4513;
+    border: 1px solid #8B4513;
 }
 section.accounts input.delete:hover {
     color: #fff;
-    background-color: #88acbb;
-    border: 1px solid #88acbb;
+    background-color: #ffffff;
+    border: 1px solid #8B4513;
 }
 input.add-account,
 input.add-account:visited {
@@ -1731,7 +2228,7 @@ input.add-account:visited {
 }
 input.add-account:hover {
     color: #fff;
-    background-color: #88acbb;
+    background-color: #ffffff;
     background: url(../images/addNewAccountOver.png) 0 center no-repeat;
 }
 .disabledSubmit {
@@ -1800,4 +2297,510 @@ span.subclassExpandMinus {
 
 .affiliations {
     margin-bottom: 1.5em;
+    font-family: "IPH Astra Serif Bold";
+    font-size: 1rem;
 }
+/* ------------------------------------------------->  */
+/* ARTICLESTYLES  -------------------------------->  */
+/* ------------------------------------------------->  */
+.articleExcerpt {
+	background-color: #ffffff;
+	/*border: 1px solid #F6F6F6;*/
+	font-family: "IPH Astra Serif Regular";
+	font-size: 1.4rem;
+}
+.articleExcerpt >div.htmlExcerpt >p.Textbody {
+	font-family: "IPH Astra Serif Regular";
+	font-size: 1rem;
+}
+button.collapsible {
+	background-color: #F6F6F6;
+	/*border: 1px solid #F6F6F6 !important;*/
+	outline: none;
+	background-image: url(../images/arrow_down.png);
+	background-repeat: no-repeat;
+	background-position: 1% 50%;
+	padding-left: 40px !important;
+	font-family: "IPH Astra Serif";
+	font-size: 1.4rem;
+}
+button.collapsible:visited {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	border: 0px;
+}
+
+button.collapsible.active {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	border: 1px solid #F6F6F6;
+	outline: none;
+}
+button.collapsible.active:focus {
+	background-color: #F6F6F6;
+	border: 1px solid #F6F6F6;
+}
+
+.authors {
+	width: 100%;
+	border-top: 1px solid #8B4513;
+	margin-top: 20px;
+	margin-bottom: 10px;
+	text-align: right;
+	padding-top: 10px;
+	font-family: IPH Serif;
+	font-style: italic;
+}
+.works {
+	padding-left: 40px;
+}
+.bibliography {
+	padding-left: 40px;
+}
+ul.dropdown li#user-menu a {
+	font-family: "Roboto";
+	font-size: 1rem;
+}
+ul.dropdown ul.sub_menu {
+	background-color: #000000;
+}
+ul.dropdown ul.sub_menu li {
+	background:  url(../images/arrow-menu-account.gif) 7px 8px no-repeat;
+}
+ul.dropdown ul.sub_menu li a {
+	background-color: #000000;
+	color: #ffffff !important;
+}
+ul.dropdown ul.sub_menu li a:hover {
+	color: #DD9F00;
+}
+.individual.loggedIn >div#articleWrapper {
+	width: 80%;
+	margin-left: auto;
+	margin-right: auto;
+	display: flex;
+	flex-direction: row-reverse;
+	flex-wrap: nowrap;
+	justify-content: space-between;
+}
+.individual >div#articleWrapper {
+	width: 80%;
+	margin-left: auto;
+	margin-right: auto;
+	display: flex;
+	flex-direction: row-reverse;
+	flex-wrap: nowrap;
+	justify-content: space-between;
+}
+.individual.loggedIn >div#articleWrapper >div#searchRightpanel {
+	width: 27%;
+	margin-left: 3%;
+}
+.individual >div#articleWrapper >div#searchRightpanel {
+	width: 30%;
+	margin-left: 3%;
+}
+.individual.loggedIn >div#articleWrapper >div#wrapper-content {
+	width: 70%;
+}
+.individual >div#articleWrapper >div#wrapper-content {
+	width: 70%;
+}
+.individual >div#articleWrapper >div#searchRightpanel >section#search >div.search-form-container >form#custom-search {
+	justify-content: right;
+}
+.individual.loggedIn >div#articleWrapper >div#searchRightpanel >section#search >div.search-form-container >form#custom-search {
+	justify-content: right;
+}
+.home.loggedIn >div#wrapper-content {
+	margin-left: auto;
+	margin-right: auto;
+	display: flex;
+	justify-content: center;
+}
+.home >div#wrapper-content {
+	margin-left: auto;
+	margin-right: auto;
+	display: flex;
+	justify-content: center;
+}
+
+.issues >div >p {
+	font-size: 1.3rem;
+	font-family: "IPH Astra Serif";
+}
+.rubrics >div#articleWrapper >div#wrapper-content >div.rubricContents >button.collapsible {
+	background-color: #efe9d9;
+	background-image: none;
+	padding-left: 1%;
+}
+.rubrics >div#articleWrapper >div#wrapper-content >button.collapsible {
+	padding-left: 1% !important;
+}
+.rubrics >div#articleWrapper >div#wrapper-content >div.rubricContents >div.rubricContents >button.collapsible {
+	background-image: none;
+}
+.rubrics >div#articleWrapper >div#wrapper-content >div.rubricContents >div.rubricContents >div.rubricContents >button.collapsible {
+	background-image: none;
+}
+.rubrics >div#articleWrapper >div#wrapper-content >div.rubricContents >div.rubricContents >div.rubricContents >div.rubricContents >button.collapsible {
+	background-image: none;
+}
+button.collapsible.active {
+	background-color: #F6F6F6;
+}
+.rubrics >div#articleWrapper >div#wrapper-content >button.collapsible {
+	background-color: transparent;
+	border-bottom: 1px solid #dde4e3 !important;
+	background-image: none;
+}
+
+/* ------------------------------------------------->  */
+/* FONTS  -------------------------------->  */
+/* ------------------------------------------------->  */
+@font-face {
+	font-family: "IPH Serif"; 
+	font-weight: normal;
+	src: url("../fonts/IPHSerif-Regular.woff2") format("woff2"),
+	     url("../fonts/IPHSerif-Regular.ttf") format("truetype");
+}
+@font-face {
+	font-family: "IPH Serif"; 
+	font-style: italic;
+	src: url("../fonts/IPHSerif-Italic.woff2") format("woff2"),
+	     url("../fonts/IPHSerif-Italic.ttf") format("truetype");
+}
+@font-face {
+	font-family: "IPH Serif";
+	font-weight: bold;
+	src: url("../fonts/IPHSerif-Bold.woff2") format("woff2"),
+	     url("../fonts/IPHSerif-Bold.ttf") format("truetype");
+}
+@font-face {
+	font-family: "IPH Serif";
+	font-style: italic;
+	font-weight: bold;
+	src: url("../fonts/IPHSerif-BoldItalic.woff2") format("woff2"),
+	     url("../fonts/IPHSerif-BoldItalic.ttf") format("truetype");
+}
+@font-face {
+	font-family: "IPH Astra Serif"; 
+	font-weight: normal;
+	src: url("../fonts/IPHAstraSerif-Regular.woff2") format("woff2"),
+	     url("../fonts/IPHAstraSerif-Regular.ttf") format("truetype");
+}
+@font-face {
+	font-family: "IPH Astra Serif";
+	font-weight: bold;
+	src: url("../fonts/IPHAstraSerif-Bold.woff2") format("woff2"),
+	     url("../fonts/IPHAstraSerif-Bold.ttf") format("truetype");
+}
+@font-face {
+	font-family: "IPH Astra Serif";
+	font-style: italic;
+	src: url("../fonts/IPHAstraSerif-Italic.woff2") format("woff2"),
+	     url("../fonts/IPHAstraSerif-Italic.ttf") format("truetype");
+}
+@font-face {
+	font-family: "IPH Astra Serif";
+	font-style: italic;
+	font-weight: bold;
+	src: url("../fonts/IPHAstraSerif-BoldItalic.woff2") format("woff2"),
+	     url("../fonts/IPHAstraSerif-BoldItalic.ttf") format("truetype");
+}
+@font-face {
+	font-family: "Roboto"; 
+	font-weight: normal;
+	src: url("../fonts/Roboto-Regular.woff2") format("woff2"),
+	     url("../fonts/Roboto-Regular.ttf") format("truetype");
+}
+@font-face {
+	font-family: "Roboto";
+	font-weight: bold;
+	src: url("../fonts/Roboto-Bold.woff2") format("woff2"),
+	     url("../fonts/Roboto-Bold.ttf") format("truetype");
+}
+@font-face {
+	font-family: "Roboto"; 
+	font-style: italic;
+	src: url("../fonts/Roboto-Italic.woff2") format("woff2"),
+	     url("../fonts/Roboto-Italic.ttf") format("truetype");
+}
+@font-face {
+	font-family: "Roboto";
+	font-style: italic;
+	font-weight: bold;
+	src: url("../fonts/Roboto-BoldItalic.woff2") format("woff2"),
+	     url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
+}
+/* ------------------------------------------------->  */
+/* SCREEN RESOLUTION  -------------------------------->  */
+/* ------------------------------------------------->  */
+@media screen and (max-width: 1630px) {
+	#querybuilder-container {
+	width: 70%;	
+	}
+}
+
+@media screen and (max-width: 1500px) {
+	#branding {
+	width: 90%;	
+	}
+	ul#main-nav {
+	width: 90%;	
+	}
+	#wrapper-content {
+	width: 90%;	
+	}
+	#switch-to-extended-searchform {
+	width: 100%;	
+	}
+	#querybuilder-container {
+	width: 70%;	
+	}
+	#footerWrapper {
+	width: 90%;
+	}
+}
+
+@media screen and (max-width: 1300px) {
+	#branding {
+	width: 100%;	
+	}
+	ul#main-nav {
+	width: 100%;
+	}
+	h1.vivo-logo {
+	top: 45px;	
+	}
+	#wrapper-content {
+	width: 95%;	
+	}
+	#querybuilder-container {
+	width: 90%;	
+	}
+	#footerWrapper {
+	width: 95%;
+	}
+	ul#alpha-browse-individuals {
+	font-size: 1.3rem;	
+	}
+	ul#browse-classes {
+	width: 24%;	
+	}	
+	ul#browse-classes li {
+	font-size: 1.1rem;
+	}
+}
+
+@media screen and (max-width: 1100px) {
+	ul#alpha-browse-individuals {
+	font-size: 1.2rem;	
+	}
+	ul#alpha-browse-individuals a {
+	padding-left: 4px;
+	}
+	h3.selected-class {
+	font-size: 1.2rem;	
+	}
+	ul#alpha-browse-individuals a:hover, ul#alpha-browse-individuals a.selected {
+	background: none;	
+	}
+	ul#main-nav {
+	font-size: 1rem;	
+	}
+	#simple-search-container {
+	width: 70%;
+	}
+	#switch-to-extended-searchform {
+	width: 100%;	
+	}
+	footer p.copyright small {
+	font-size: 0.8rem;
+	}
+}
+
+@media screen and (max-width: 900px) {
+	h1.vivo-logo {
+	background-size: 100%;
+	top: 50px;	
+	}
+	ul#main-nav {
+	font-size: 1rem;	
+	}
+	#main-nav li a {
+	padding-left: 15px;
+	padding-right: 15px;
+	}
+	#wrapper-content {
+	width: 95%;	
+	padding-top: 10px;
+	}
+	#querybuilder-container {
+	width: 100%;
+	}
+	#custom-search {
+	width: 80%;	
+	}
+	#switch-to-extended-searchform {
+	width: 80%;	
+	}
+	#projectDescription {
+	width: 100%;	
+	}
+	#membersDescription {
+	width: 100%;
+	}
+	#contactDescription {
+	width: 100%;	
+	}
+	#registrationDescription {
+	width: 100%; 
+	}
+	#footerWrapper {
+	width: 100%;	
+	}
+	#stats > li {
+	margin-left: 5px;}
+	#stats li {
+	width: 80px; 
+	}
+	button.collapsible {
+	background-position: 2% 50%;	
+	}
+	ul#alpha-browse-individuals a {
+	padding-left: 3px;
+	}
+	ul#browse-classes a {
+	line-height: 1.3em;	
+	font-size: 0.92rem;
+	}
+	p.aboutProject {
+	padding-right: 10px;
+	}
+	#simple-search-container {
+	width: 80%;
+	}
+	#titleProject {
+	text-align: center;
+	background-image: none;
+	}
+	#registrationDescription >p.TableContents {
+	padding-left: 10px !important;
+	}
+	footer p.copyright {
+	padding-left: 30px;
+	}
+	ul#footer-nav {
+	padding-right: 30px;
+	}
+}
+
+@media screen and (max-width: 800px) {
+	input.form-control {
+	font-size: 0.8rem;
+	}
+	input[type="text"],
+	select,
+	input[type="password"] {
+	font-size: 0.8rem;
+	}
+	.btn-success.set-json {
+	font-size: 0.8rem;
+	}
+	#btn-reset-button {
+	font-size: 0.8rem;
+	}
+	#btn-search-expand {
+	font-size: 0.8rem;
+	height: 44px;
+	}
+	.query-builder .btn-xs, .query-builder .btn-group-xs>.btn {
+	font-size: 0.8rem;
+	}
+	#SelectResults {
+	font-size: 0.8rem;
+	}
+	#hitsPerPageSelect {
+	font-size: 0.8rem;
+	}
+	#OuterWrapperButtons {
+	padding-top: 10px;	
+	}
+	#builder_group_0 {
+	padding-bottom: 5px;	
+	}
+	.btn.btn-xs.btn-success {
+	font-size: 0.8rem;
+	}
+	.btn.btn-xs.btn-danger {
+	font-size: 0.8rem;
+	}
+	.query-builder .btn-primary.active {
+	font-size: 0.8rem;
+	}
+	.btn.btn-xs.btn-primary  {
+	font-size: 0.8rem;
+	}
+	ul#main-nav {
+	font-size: 0.9rem;	
+	}
+	#main-nav li a {
+	padding-left: 14px;
+	padding-right: 14px;
+	}
+	#SearchTitle {
+	font-size: 1.1rem;
+	}
+	nav#alpha-browse-container {
+	width: 72%;	
+	}	
+	ul#browse-classes a {
+	font-size: 0.81rem;
+	line-height: 1.3em;	
+	}
+	#menupage-intro h2 {
+	padding-bottom: 15px;	
+	}
+	ul#alpha-browse-individuals {
+	font-size: 1rem;
+	}
+	ul#alpha-browse-individuals a {
+	padding-left: 1px;
+	}
+	#btn-get-standard-searchform {
+	font-size: 1.1rem;
+	padding-left: 24px;
+	}
+}
+
+@media screen and (max-width: 720px) {
+	#stats li {
+	width: 80px; 
+	}
+	#stats > li {
+	margin-left: 5px;
+	}
+	ul#main-nav {
+	font-size: 0.9rem;
+	}
+	#main-nav li a {
+	padding-left: 10px;
+	padding-right: 10px;
+	}
+	#SearchTitle {
+	font-size: 1.1rem;
+	}
+	#backgroundForm {
+	height: 30px;	
+	}
+	#btn-get-standard-searchform {
+	font-size: 1.1rem;
+	padding-top: 4px;	
+	padding-left: 25px;
+	}
+	ul#browse-classes a {
+	font-size: 0.8rem;
+	line-height: 1.2em;	
+	}
+}
\ No newline at end of file
diff --git a/webapp/src/main/webapp/themes/iph/css/query-builder-theme.css b/webapp/src/main/webapp/themes/iph/css/query-builder-theme.css
index eaaa2036..1169d954 100644
--- a/webapp/src/main/webapp/themes/iph/css/query-builder-theme.css
+++ b/webapp/src/main/webapp/themes/iph/css/query-builder-theme.css
@@ -5,7 +5,7 @@ icons: {
 }
 
 .rule-value-container > select{
-    max-width: 800px;
+    max-width: 380px;
 }
 
 .query-builder, .query-builder * {
@@ -16,6 +16,7 @@ icons: {
 
 .query-builder {
 	font-family: sans-serif;
+	width: 100%;
 }
 
 .query-builder .hide {
@@ -24,6 +25,7 @@ icons: {
 
 .query-builder .pull-right {
 	float: right !important;
+	/*box-shadow: 0px 4px 2px #aeaeae;*/
 }
 
 .query-builder .btn {
@@ -31,7 +33,7 @@ icons: {
 	display: inline-block;
 	padding: 6px 12px;
 	margin-bottom: 0px;
-	font-size: 14px;
+	font-size: 16px;
 	font-weight: 400;
 	line-height: 1.42857;
 	text-align: center;
@@ -41,12 +43,11 @@ icons: {
 	cursor: pointer;
 	user-select: none;
 	background-image: none;
-	border: 1px solid transparent;
-	border-radius: 4px;
+	/*border: 1px solid transparent;*/
+	/*border-radius: 4px;*/
 }
 
-.query-builder .btn.focus, .query-builder .btn:focus, .query-builder .btn:hover
-	{
+.query-builder .btn.focus, .query-builder .btn:focus, .query-builder .btn:hover	{
 	color: #333;
 	text-decoration: none;
 }
@@ -54,48 +55,63 @@ icons: {
 .query-builder .btn.active, .query-builder .btn:active {
 	background-image: none;
 	outline: 0px none;
-	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.125) inset;
+/*	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.125) inset; */
 }
 
 .query-builder .btn-success {
-	color: #FFF;
-	background-color: #5CB85C;
-	border-color: #4CAE4C;
+	color: #000000;
+	background-color: #ffffff;
+	border: 0px;
+	font-family: Roboto;
+	/*box-shadow: 0px 4px 2px #aeaeae;*/
+}
+.btn-group.pull-right.group-actions {
+	box-shadow: 0px 4px 2px #aeaeae;
+	/*margin-right: 10px;*/
 }
 
 .query-builder .btn-primary {
-	color: #FFF;
-	background-color: #337AB7;
-	border-color: #2E6DA4;
+	color: #000000;
+	background-color: #ffffff;
+	border: 1px dashed #000000 !important;
 }
 
 .query-builder .btn-danger {
-	color: #FFF;
-	background-color: #D9534F;
-	border-color: #D43F3A;
+	color: #000000;
+	background-color: #ffffff;
+	border: 0px;
+	box-shadow: 0px;
+}
+
+button.btn.btn-xs.btn-danger {
+	/*box-shadow: 0px 0px 0px #000000;*/	
+	border-left: 1px solid #ead6a2 !important;
+	font-family: Roboto;
+
 }
 
 .query-builder .btn-success.active, .query-builder .btn-success.focus,
 	.query-builder .btn-success:active, .query-builder .btn-success:focus,
 	.query-builder .btn-success:hover {
-	color: #FFF;
-	background-color: #449D44;
-	border-color: #398439;
+	color: #000000;
+	background-color: #EAD6A2;
+	border: 0px;	
+	/*border-color: #398439;*/
 }
 
 .query-builder .btn-primary.active, .query-builder .btn-primary.focus,
 	.query-builder .btn-primary:active, .query-builder .btn-primary:focus,
 	.query-builder .btn-primary:hover {
-	color: #FFF;
-	background-color: #286090;
-	border-color: #204D74;
+	color: #000000;
+	background-color: #EAD6A2;
+	border-color: #000000;
 }
 
 .query-builder .btn-danger.active, .query-builder .btn-danger.focus,
 	.query-builder .btn-danger:active, .query-builder .btn-danger:focus,
 	.query-builder .btn-danger:hover {
-	color: #FFF;
-	background-color: #C9302C;
+	color: #000000;
+	background-color: #ffffff;
 	border-color: #AC2925;
 }
 
@@ -108,10 +124,12 @@ icons: {
 .query-builder .btn-group>.btn {
 	position: relative;
 	float: left;
+	border-left: 1px solid #ead6a2;
 }
 
 .query-builder .btn-group>.btn:first-child {
 	margin-left: 0px;
+	border-left: none;
 }
 
 .query-builder .btn-group>.btn:first-child:not(:last-child) {
@@ -131,8 +149,8 @@ icons: {
 }
 
 .query-builder .btn-xs, .query-builder .btn-group-xs>.btn {
-	padding: 1px 5px;
-	font-size: 12px;
+	padding: 5px 8px;
+	font-size: 1rem;
 	line-height: 1.5;
-	border-radius: 3px;
+	/*border-radius: 3px;*/
 }
diff --git a/webapp/src/main/webapp/themes/iph/css/query-builder.css b/webapp/src/main/webapp/themes/iph/css/query-builder.css
index 22e8fcec..50018156 100644
--- a/webapp/src/main/webapp/themes/iph/css/query-builder.css
+++ b/webapp/src/main/webapp/themes/iph/css/query-builder.css
@@ -6,26 +6,61 @@
 .query-builder .rules-group-container, .query-builder .rule-container,
 	.query-builder .rule-placeholder {
 	position: relative;
-	margin: 4px 0;
-	border-radius: 5px;
+	/*margin: 10px 10px 0 10px;*/
+	/*border-radius: 5px;*/
 	padding: 5px;
-	border: 1px solid #EEE;
+	/*border-top: 1px dashed #000000;
+	border-left: 1px dashed #000000;
+	border-right: 1px dashed #000000;*/
 	background: rgba(255, 255, 255, 0.9);
 }
 
+.rule-container {
+	box-shadow: 0px 4px 4px #aeaeae;
+	margin-bottom: 10px;
+  	margin-top: 10px;
+
+}
+
 .query-builder .rule-container .rule-filter-container, .query-builder .rule-container .rule-operator-container,
 	.query-builder .rule-container .rule-value-container, .query-builder .error-container,
 	.query-builder .drag-handle {
 	display: inline-block;
 	margin: 0 5px 0 0;
-	vertical-align: middle;
+	/*vertical-align: middle;*/
 }
 
 .query-builder .rules-group-container {
-	padding: 10px;
-	padding-bottom: 6px;
-	border: 1px solid #DCC896;
-	background: rgba(250, 240, 210, 0.5);
+	padding: 12px 20px 10px 20px;
+	/*border-right: 1px solid #8B4513;
+	border-left: 1px solid #8B4513;
+	border-top: 1px solid #8B4513;
+	border-bottom: 1px solid #8B4513;*/
+	background-color: #efe9d9;
+	outline: 1px dashed #000000;
+  	outline-offset: 0px;
+  	margin-bottom: 10px;
+  	font-family: Roboto;
+}
+
+#builder_group_0 {
+	background-color: #F1F1F1;
+	margin-bottom: 0;
+	outline: 1px solid #F1F1F1;
+  	outline-offset: -1px;
+  	border-left: 1px solid #8B4513;
+  	border-right: 1px solid #8B4513;
+	
+}
+
+#builder_rule_1 {
+	margin-bottom: 10px;
+}
+
+#builder_group_1 {
+	margin-top: 10px;
+	
+	/*border: 1px dashed #000000;*/
 }
 
 .query-builder .rules-group-header {
@@ -52,12 +87,13 @@
 
 .query-builder .rules-list {
 	list-style: none;
-	padding: 0 0 0 15px;
+	padding: 0 0 0 10px;
 	margin: 0;
+	box-shadow: 0px 0px #aeaeae;
 }
 
 .query-builder .rule-value-container {
-	border-left: 1px solid #DDD;
+	/*border-left: 1px solid #DDD;*/
 	padding-left: 5px;
 }
 
@@ -72,7 +108,7 @@
 
 .query-builder .rule-value-container select, .query-builder .rule-value-container input[type='text'],
 	.query-builder .rule-value-container input[type='number'] {
-	padding: 1px;
+	padding: 5px;
 }
 
 .query-builder .error-container {
@@ -97,18 +133,18 @@
 	left: -10px;
 	width: 10px;
 	height: calc(50% + 4px);
-	border-color: #CCC;
-	border-style: solid;
+	border-color: #000000;
+	border-style: dashed;
 }
 
 .query-builder .rules-list>*::before {
 	top: -4px;
-	border-width: 0 0 2px 2px;
+	border-width: 0 0 1px 1px;
 }
 
 .query-builder .rules-list>*::after {
 	top: 50%;
-	border-width: 0 0 0 2px;
+	border-width: 0 0 0 1px;
 }
 
 .query-builder .rules-list>*:first-child::before {
@@ -117,7 +153,7 @@
 }
 
 .query-builder .rules-list>*:last-child::before {
-	border-radius: 0 0 0 4px;
+	/*border-radius: 0 0 0 4px;*/
 }
 
 .query-builder .rules-list>*:last-child::after {
diff --git a/webapp/src/main/webapp/themes/iph/css/reset.css b/webapp/src/main/webapp/themes/iph/css/reset.css
index 08780ef5..2115fce7 100644
--- a/webapp/src/main/webapp/themes/iph/css/reset.css
+++ b/webapp/src/main/webapp/themes/iph/css/reset.css
@@ -56,7 +56,7 @@ td {
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
-    color: #595b5b;
+    color: #000000;
     font-weight: normal;
 }
 body {
diff --git a/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Bold.ttf b/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Bold.ttf
new file mode 100644
index 00000000..ea1371a7
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Bold.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Bold.woff2 b/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Bold.woff2
new file mode 100644
index 00000000..82adb525
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Bold.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-BoldItalic.ttf b/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-BoldItalic.ttf
new file mode 100644
index 00000000..c970a092
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-BoldItalic.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-BoldItalic.woff2 b/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-BoldItalic.woff2
new file mode 100644
index 00000000..5367fe0d
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-BoldItalic.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Italic.ttf b/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Italic.ttf
new file mode 100644
index 00000000..e5f8bcf9
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Italic.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Italic.woff2 b/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Italic.woff2
new file mode 100644
index 00000000..cfc93a85
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Italic.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Regular.ttf b/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Regular.ttf
new file mode 100644
index 00000000..a5e82cda
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Regular.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Regular.woff2 b/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Regular.woff2
new file mode 100644
index 00000000..6b3b5abd
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/IPHAstraSerif-Regular.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Bold.ttf b/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Bold.ttf
new file mode 100644
index 00000000..10b87aec
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Bold.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Bold.woff2 b/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Bold.woff2
new file mode 100644
index 00000000..6bf967ca
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Bold.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-BoldItalic.ttf b/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-BoldItalic.ttf
new file mode 100644
index 00000000..f74c308e
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-BoldItalic.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-BoldItalic.woff2 b/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-BoldItalic.woff2
new file mode 100644
index 00000000..96ca83f2
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-BoldItalic.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Italic.ttf b/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Italic.ttf
new file mode 100644
index 00000000..c1660aa7
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Italic.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Italic.woff2 b/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Italic.woff2
new file mode 100644
index 00000000..7d307b16
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Italic.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Regular.ttf b/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Regular.ttf
new file mode 100644
index 00000000..e8045e37
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Regular.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Regular.woff2 b/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Regular.woff2
new file mode 100644
index 00000000..2f216440
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/IPHSerif-Regular.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-Black.ttf b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Black.ttf
new file mode 100644
index 00000000..2d452383
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Black.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-Black.woff2 b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Black.woff2
new file mode 100644
index 00000000..fd744582
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Black.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-BlackItalic.ttf b/webapp/src/main/webapp/themes/iph/fonts/Roboto-BlackItalic.ttf
new file mode 100644
index 00000000..29a4359e
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-BlackItalic.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-BlackItalic.woff2 b/webapp/src/main/webapp/themes/iph/fonts/Roboto-BlackItalic.woff2
new file mode 100644
index 00000000..572b6f79
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-BlackItalic.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-Bold.ttf b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Bold.ttf
new file mode 100644
index 00000000..d998cf5b
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Bold.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-Bold.woff2 b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Bold.woff2
new file mode 100644
index 00000000..6f0180e5
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Bold.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-BoldItalic.ttf b/webapp/src/main/webapp/themes/iph/fonts/Roboto-BoldItalic.ttf
new file mode 100644
index 00000000..b4e22103
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-BoldItalic.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-BoldItalic.woff2 b/webapp/src/main/webapp/themes/iph/fonts/Roboto-BoldItalic.woff2
new file mode 100644
index 00000000..7876f81b
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-BoldItalic.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-Italic.ttf b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Italic.ttf
new file mode 100644
index 00000000..5b390ff9
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Italic.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-Italic.woff2 b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Italic.woff2
new file mode 100644
index 00000000..dabad09a
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Italic.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-Light.ttf b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Light.ttf
new file mode 100644
index 00000000..35267989
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Light.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-Light.woff2 b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Light.woff2
new file mode 100644
index 00000000..eb4b36a0
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Light.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-LightItalic.ttf b/webapp/src/main/webapp/themes/iph/fonts/Roboto-LightItalic.ttf
new file mode 100644
index 00000000..46e9bf7c
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-LightItalic.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-LightItalic.woff2 b/webapp/src/main/webapp/themes/iph/fonts/Roboto-LightItalic.woff2
new file mode 100644
index 00000000..0bfba543
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-LightItalic.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-Medium.ttf b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Medium.ttf
new file mode 100644
index 00000000..f714a514
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Medium.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-Medium.woff2 b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Medium.woff2
new file mode 100644
index 00000000..abcfd77c
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Medium.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-MediumItalic.ttf b/webapp/src/main/webapp/themes/iph/fonts/Roboto-MediumItalic.ttf
new file mode 100644
index 00000000..5dc6a2dc
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-MediumItalic.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-MediumItalic.woff2 b/webapp/src/main/webapp/themes/iph/fonts/Roboto-MediumItalic.woff2
new file mode 100644
index 00000000..05411264
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-MediumItalic.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-Regular.ttf b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Regular.ttf
new file mode 100644
index 00000000..2b6392ff
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Regular.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-Regular.woff2 b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Regular.woff2
new file mode 100644
index 00000000..3b78bd51
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Regular.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-Thin.ttf b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Thin.ttf
new file mode 100644
index 00000000..4e797cf7
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Thin.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-Thin.woff2 b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Thin.woff2
new file mode 100644
index 00000000..f4d250f7
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-Thin.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-ThinItalic.ttf b/webapp/src/main/webapp/themes/iph/fonts/Roboto-ThinItalic.ttf
new file mode 100644
index 00000000..eea836f4
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-ThinItalic.ttf differ
diff --git a/webapp/src/main/webapp/themes/iph/fonts/Roboto-ThinItalic.woff2 b/webapp/src/main/webapp/themes/iph/fonts/Roboto-ThinItalic.woff2
new file mode 100644
index 00000000..6b5de918
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/fonts/Roboto-ThinItalic.woff2 differ
diff --git a/webapp/src/main/webapp/themes/iph/i18n/all_ru_RU.properties b/webapp/src/main/webapp/themes/iph/i18n/all_ru_RU.properties
new file mode 100644
index 00000000..67434d96
--- /dev/null
+++ b/webapp/src/main/webapp/themes/iph/i18n/all_ru_RU.properties
@@ -0,0 +1,109 @@
+menu_contactus = Contact Us
+menu_welcomestart = Welcome
+menu_copyright = copyright
+menu_support = Support
+menu_logout = Log out
+menu_loginfull = Log in to manage this site
+menu_login = Log in
+menu_version = Version
+menu_about = About
+menu_termuse = Terms of Use
+menu_powered = Powered by
+
+intro_title = Welcome to VIVO
+intro_para1 = VIVO is a research-focused discovery tool that enables collaboration among scholars of all disciplines.
+intro_para2 = Browse or search information on people, departments, courses, grants, and publications.
+intro_searchvivo = Search VIVO
+intro_filtersearch = Filter search
+
+identity_title = Электронная Философская Энциклопедия
+identity_index = Index
+identity_edit = Edit Page
+identity_admin = Site Admin
+identity_myprofile = My profile
+identity_myaccount = My account
+identity_user = user
+
+collection_capitalized = Collection
+place_of_grant = Place of grant
+email_address = Email Address
+
+#
+# menupage templates ( /templates/freemarker/body/menupage )
+#
+grants_text_one = This body is from the the template file \
+                vivo/productMods/templates/freemarker/body/menupage/grants.ftl.  \
+                In the display model, the grants page has a display:requiresBodyTemplate \
+                property that defines that the grants page overrides the default template. \
+                The default template for these pages is at /vitro/webapp/web/templates/freemarker/body/menupage/menupage.ftl
+grants_two = This technique could be used to define pages without menu items, that get \
+                their content from a freemarker template.  An example would be the about page.
+grants_text_three = This would create a page that would use about.ftl as the body.  The page would be \
+                accessed via /about and would override all servlet mappings in web.xml.
+
+address_street_one = address street one
+address_street_two = address street two
+address_street_three = address street three
+address_label = address label
+
+loading_website_image = Loading website image
+
+researchers_in = researchers in
+view = view
+grant_type = grant Type
+grant_entry_for = grant entry for
+regions = regions
+grant_date = grant Date
+map_states_string = states.
+map_state_string = state.
+unable_to_handle_grant_editing = This form is unable to handle the editing of this grant because it is associated with multiple grant individuals.
+unable_to_handle_position_editing = This form is unable to handle the editing of this position because it is associated with multiple Position individuals.
+currently_no_papers_for = Currently there are no {0} papers for
+change_selection = change selection
+view_all_departments = view all academic departments
+first_name = First name
+last_name = Last name
+first_grant = First Grant
+last_grant = Last Grant
+currently_no_researchers = There are currently no researchers with a defined geographic focus.
+reviewer_role = Reviewer Role
+vivo_profile = VIVO profile
+loading_data = loading data
+select_award = Selected Award
+grants_in_vivo = grants in VIVO
+service_provider_role = Service Provider Role
+view_all_faculty = view all faculty
+no_grants_for = Currently there are no grants for
+statewide_locations = state-wide locations.
+faculty_who_are_members_of_org = Here are the faculty in the {0} department who are members of this organization.
+indiv_foafperson_for = for
+indiv_foafperson_return = return to
+no_departments_found = No academic departments found.
+leadership_role = Leadership Role
+countries = countries
+first_publication = First publication
+last_publication = Last publication
+research_area = individuals in the department with this research area
+password = password
+limit_search = limit search
+placeholder_image = placeholder image
+view_all_members_of_org = View all the members of this organization.
+display_more = more
+create_entry = Create Entry
+attendee_capitalized = Attendee
+no_faculty_found = No faculty members found.
+create_capitalized = Create
+to = to
+enter_new_role_value = Please enter a new value in the Role field.
+countries_and_regions = countries and regions.
+province_or_region = Province or Region
+full_name = Full name
+researchers = researchers
+years_participation_in = Years of Participation in
+return_to_grant = Return to grant
+profile_capitalized = Profile
+organizer_role = Organizer Role
+faculty_memberships = Faculty Memberships
+edit_mailing_address = Edit Mailing Address
+add_capitalized = Add
+
diff --git a/webapp/src/main/webapp/themes/iph/images/arrow-menu-account.gif b/webapp/src/main/webapp/themes/iph/images/arrow-menu-account.gif
index f37a72ec..6dcb3239 100644
Binary files a/webapp/src/main/webapp/themes/iph/images/arrow-menu-account.gif and b/webapp/src/main/webapp/themes/iph/images/arrow-menu-account.gif differ
diff --git a/webapp/src/main/webapp/themes/iph/images/arrow_brown.png b/webapp/src/main/webapp/themes/iph/images/arrow_brown.png
new file mode 100644
index 00000000..b577fd8c
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/arrow_brown.png differ
diff --git a/webapp/src/main/webapp/themes/iph/images/arrow_down.png b/webapp/src/main/webapp/themes/iph/images/arrow_down.png
new file mode 100644
index 00000000..6121c8da
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/arrow_down.png differ
diff --git a/webapp/src/main/webapp/themes/iph/images/arrow_small.png b/webapp/src/main/webapp/themes/iph/images/arrow_small.png
new file mode 100644
index 00000000..cf1fa977
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/arrow_small.png differ
diff --git a/webapp/src/main/webapp/themes/iph/images/book_icon.png b/webapp/src/main/webapp/themes/iph/images/book_icon.png
new file mode 100644
index 00000000..8fad5896
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/book_icon.png differ
diff --git a/webapp/src/main/webapp/themes/iph/images/bullet_icon.png b/webapp/src/main/webapp/themes/iph/images/bullet_icon.png
new file mode 100644
index 00000000..476f38d9
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/bullet_icon.png differ
diff --git a/webapp/src/main/webapp/themes/iph/images/circle.png b/webapp/src/main/webapp/themes/iph/images/circle.png
new file mode 100644
index 00000000..3385c075
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/circle.png differ
diff --git a/webapp/src/main/webapp/themes/iph/images/circle_title.png b/webapp/src/main/webapp/themes/iph/images/circle_title.png
new file mode 100644
index 00000000..f853a102
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/circle_title.png differ
diff --git a/webapp/src/main/webapp/themes/iph/images/custom_search_button.png b/webapp/src/main/webapp/themes/iph/images/custom_search_button.png
new file mode 100644
index 00000000..3519e9c9
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/custom_search_button.png differ
diff --git a/webapp/src/main/webapp/themes/iph/images/header-image.png b/webapp/src/main/webapp/themes/iph/images/header-image.png
new file mode 100644
index 00000000..6e7597a4
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/header-image.png differ
diff --git a/webapp/src/main/webapp/themes/iph/images/search-icon.png b/webapp/src/main/webapp/themes/iph/images/search-icon.png
new file mode 100644
index 00000000..8a43549f
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/search-icon.png differ
diff --git a/webapp/src/main/webapp/themes/iph/images/select_button.png b/webapp/src/main/webapp/themes/iph/images/select_button.png
new file mode 100644
index 00000000..f7553d65
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/select_button.png differ
diff --git a/webapp/src/main/webapp/themes/iph/images/separator-main-nav.jpg b/webapp/src/main/webapp/themes/iph/images/separator-main-nav.jpg
index 4423a099..60c157cb 100644
Binary files a/webapp/src/main/webapp/themes/iph/images/separator-main-nav.jpg and b/webapp/src/main/webapp/themes/iph/images/separator-main-nav.jpg differ
diff --git a/webapp/src/main/webapp/themes/iph/images/site-title-padding.png b/webapp/src/main/webapp/themes/iph/images/site-title-padding.png
new file mode 100644
index 00000000..b4082a63
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/site-title-padding.png differ
diff --git a/webapp/src/main/webapp/themes/iph/images/title.png b/webapp/src/main/webapp/themes/iph/images/title.png
new file mode 100644
index 00000000..c1fc0eae
Binary files /dev/null and b/webapp/src/main/webapp/themes/iph/images/title.png differ
diff --git a/webapp/src/main/webapp/themes/iph/templates/contentWrapper.ftl b/webapp/src/main/webapp/themes/iph/templates/contentWrapper.ftl
new file mode 100644
index 00000000..87376701
--- /dev/null
+++ b/webapp/src/main/webapp/themes/iph/templates/contentWrapper.ftl
@@ -0,0 +1,18 @@
+<div id="wrapper-content" role="main">
+    <#if flash?has_content>
+        <#if flash?starts_with(i18n().menu_welcomestart) >
+            <section  id="welcome-msg-container" role="container">
+                <section  id="welcome-message" role="alert">${flash}</section>
+            </section>
+        <#else>
+            <section  id="flash-msg-container" role="container">
+                <section id="flash-message" role="alert">${flash}</section>
+            </section>
+        </#if>
+    </#if>
+
+    <!--[if lte IE 8]>
+    <noscript>
+        <p class="ie-alert">This site uses HTML elements that are not recognized by Internet Explorer 8 and below in the absence of JavaScript. As a result, the site will not be rendered appropriately. To correct this, please either enable JavaScript, upgrade to Internet Explorer 9, or use another browser. Here are the <a href="http://www.enable-javascript.com"  title="java script instructions">instructions for enabling JavaScript in your web browser</a>.</p>
+    </noscript>
+    <![endif]-->
\ No newline at end of file
diff --git a/webapp/src/main/webapp/themes/iph/templates/customSearchForm.ftl b/webapp/src/main/webapp/themes/iph/templates/customSearchForm.ftl
index 446c0eea..c6697646 100644
--- a/webapp/src/main/webapp/themes/iph/templates/customSearchForm.ftl
+++ b/webapp/src/main/webapp/themes/iph/templates/customSearchForm.ftl
@@ -1,12 +1,12 @@
 <div class="search-form-container">
   <form id="custom-search" action="${urls.customsearch}" name="custom-search" role="search" method="post" >
-   <input type="text" name="querytext" class="custom-search-input" value="${querytext!?html}" autocapitalize="off" />
-   <#if vClassGroups??>
+    <input type="text" name="querytext" class="custom-search-input" value="${querytext!?html}" autocapitalize="off" /> 
+   <!-- <#if vClassGroups??>
      <select form="custom-search" name="classgroup" class="custom-search-select">
        <option value="">${i18n().all_capitalized}</option>
        <@classGroupOptions vClassGroups! />
      </select>
-   </#if>
+   </#if> -->
    <input type="submit" value="${i18n().search_button}" class="search-submit-button" />
   <!--
    <a class="filter-search filter-default" href="#" title="${i18n().intro_filtersearch}">
diff --git a/webapp/src/main/webapp/themes/iph/templates/footer.ftl b/webapp/src/main/webapp/themes/iph/templates/footer.ftl
index dc893151..82f942bf 100644
--- a/webapp/src/main/webapp/themes/iph/templates/footer.ftl
+++ b/webapp/src/main/webapp/themes/iph/templates/footer.ftl
@@ -1,8 +1,10 @@
 <#-- $This file is distributed under the terms of the license in LICENSE$ -->
-
+<#import "lib-home-page.ftl" as lh>
 </div> <!-- #wrapper-content -->
 
 <footer role="contentinfo">
+
+<div id="footerWrapper">
     <p class="copyright">
         <#if copyright??>
             <small>&copy;${copyright.year?c}
@@ -19,6 +21,9 @@
         </#if>
     </p>
 
+ 
+           
+
     <nav role="navigation">
         <ul id="footer-nav" role="list">
             <li role="listitem"><a href="${urls.about}" title="${i18n().menu_about}">${i18n().menu_about}</a></li>
@@ -28,6 +33,7 @@
             <li role="listitem"><a href="http://www.vivoweb.org/support" target="blank" title="${i18n().menu_support}">${i18n().menu_support}</a></li>
         </ul>
     </nav>
+</div>
 </footer>
 
 <#include "scripts.ftl">
diff --git a/webapp/src/main/webapp/themes/iph/templates/identity.ftl b/webapp/src/main/webapp/themes/iph/templates/identity.ftl
index 8b5b5dd5..0027ad68 100644
--- a/webapp/src/main/webapp/themes/iph/templates/identity.ftl
+++ b/webapp/src/main/webapp/themes/iph/templates/identity.ftl
@@ -11,7 +11,7 @@
     <nav role="navigation">
         <ul id="header-nav" role="list">
             <#include "languageSelector.ftl">
-            <li role="listitem"><a href="${urls.index}" title="${i18n().identity_index}">${i18n().identity_index}</a></li>
+           <li role="listitem"><a href="${urls.index}" title="${i18n().identity_index}">${i18n().identity_index}</a></li>
             <#if user.loggedIn>
                 <#-- COMMENTING OUT THE EDIT PAGE LINK FOR RELEASE 1.5. WE NEED TO IMPLEMENT THIS IN A MORE
                      USER FRIENDLY WAY. PERHAPS INCLUDE A LINK ON THE PAGES THEMSELVES AND DISPLAY IF THE
@@ -50,3 +50,4 @@
         </ul>
 
     </nav>
+</header>
\ No newline at end of file
diff --git a/webapp/src/main/webapp/themes/iph/templates/menu.ftl b/webapp/src/main/webapp/themes/iph/templates/menu.ftl
index 580454bb..f54ecc91 100644
--- a/webapp/src/main/webapp/themes/iph/templates/menu.ftl
+++ b/webapp/src/main/webapp/themes/iph/templates/menu.ftl
@@ -1,6 +1,6 @@
 <#-- $This file is distributed under the terms of the license in LICENSE$ -->
 
-</header>
+
 
 <#include "developer.ftl">
 
@@ -10,23 +10,4 @@
             <li role="listitem"><a href="${item.url}" title="${item.linkText} ${i18n().menu_item}" <#if item.active> class="selected" </#if>>${item.linkText}</a></li>
         </#list>
     </ul>
-</nav>
-
-<div id="wrapper-content" role="main">
-    <#if flash?has_content>
-        <#if flash?starts_with(i18n().menu_welcomestart) >
-            <section  id="welcome-msg-container" role="container">
-                <section  id="welcome-message" role="alert">${flash}</section>
-            </section>
-        <#else>
-            <section  id="flash-msg-container" role="container">
-                <section id="flash-message" role="alert">${flash}</section>
-            </section>
-        </#if>
-    </#if>
-
-    <!--[if lte IE 8]>
-    <noscript>
-        <p class="ie-alert">This site uses HTML elements that are not recognized by Internet Explorer 8 and below in the absence of JavaScript. As a result, the site will not be rendered appropriately. To correct this, please either enable JavaScript, upgrade to Internet Explorer 9, or use another browser. Here are the <a href="http://www.enable-javascript.com"  title="java script instructions">instructions for enabling JavaScript in your web browser</a>.</p>
-    </noscript>
-    <![endif]-->
+</nav>
\ No newline at end of file
diff --git a/webapp/src/main/webapp/themes/iph/templates/page-home.ftl b/webapp/src/main/webapp/themes/iph/templates/page-home.ftl
index fd220426..b533b050 100644
--- a/webapp/src/main/webapp/themes/iph/templates/page-home.ftl
+++ b/webapp/src/main/webapp/themes/iph/templates/page-home.ftl
@@ -30,7 +30,7 @@
         <#include "identity.ftl">
 
         <#include "menu.ftl">
-
+		<#include "contentWrapper.ftl">
         <section id="intro" role="region">
            <#-- <h2>${i18n().intro_title}</h2>
 
@@ -39,66 +39,66 @@
 
 
             <section id="search-home" role="region">
-                <h3>Поиск<span class="search-filter-selected">filteredSearch</span></h3>
+                <h3><span class="search-filter-selected">filteredSearch</span></h3>
 
                 <fieldset>
                     <legend>${i18n().search_form}</legend>
                 </fieldset>
                 <#include "searchSelector.ftl">
-            </section> <!-- #search-home -->
-<div id="collectionDescription">          <p class="Standard" dir="ltr" style="border:none; font-size:1.145833rem; margin-bottom:1.0425rem; margin-left:0; margin-right:0; margin-top:0; padding:0; text-align:justify" align="justify"><span class="PTSerif" style="font-family:&quot;PT Serif&quot;, serif"><span style="font-family:'PT Serif',serif;font-weight:bold;font-size:1.3541667rem">Электронная Философская Энциклопедия</span><span style="font-family:'PT Serif',serif;font-size:1.3541667rem"> (ЭФЭ) — открытый научно-исследовательский проект Института философии РАН, ставящий своей целью анализ и систематизацию достижений философских наук за последние десятилетия, создание на этой основе обобщающей картины развития философской мысли в мире во всем ее тематическом и содержательном многообразии. В отличие от прежних энциклопедических изданий, ЭФЭ призвана рассмотреть достижения философии прошлого сквозь призму современных дискуссий, отразить новейшие результаты исследований российских учёных и актуальные тенденции гуманитарного знания. Она нацелена на обобщающий взгляд, который не только фиксирует многообразие имен, понятий, терминов, школ и произведений мировой философии, но, прежде всего, выявляет ее сложную, противоречивую и плюралистичную целостность. Одной из ее доминант является преодоление европоцентризма в понимании философии, всечеловеческое расширение духовного горизонта. Создаваемая ведущими специалистами, ЭФЭ должна способствовать повышению философской культуры общества, стать надежным и авторитетным источником информации, составив конкуренцию всевозможным "пиратским" сайтам, бездумно копирующим сведения из неизвестных и непроверенных источников. Как полноценное электронное издание с выходными данными и закрепленными за отдельными статьями DOI, ЭФЭ позволит специалистам представлять результаты своих исследований в виде энциклопедических статей.</span></span></p>
-    <p class="Textbody" dir="ltr" style="border:none; font-size:1.354167rem; margin-bottom:0.729rem; margin-left:0; margin-right:0; margin-top:0; padding:0; text-align:center; font-family:&quot;PT Serif&quot;, serif; font-style:italic; font-weight:bold" align="center">Редакционно-издательский совет</p>
-    <p class="Textbody" dir="ltr" style="border:none; font-size:1.354167rem; margin-bottom:0.729rem; margin-left:0; margin-right:0; margin-top:0; padding:0; text-align:center; font-family:&quot;PT Serif&quot;, serif" align="center">А.А. Гусейнов, В.А. Лекторский, А.В. Смирнов, С.В. Месяц</p>
-    <p class="Textbody" dir="ltr" style="border:none; font-size:1.354167rem; margin-bottom:0.729rem; margin-left:0; margin-right:0; margin-top:0; padding:0; text-align:center; font-family:&quot;PT Serif&quot;, serif; font-style:italic; font-weight:bold" align="center">Редколлегия</p>
-    <p class="Textbody" dir="ltr" style="border:none; font-size:1.354167rem; margin-bottom:0.729rem; margin-left:0; margin-right:0; margin-top:0; padding:0; text-align:center; font-family:&quot;PT Serif&quot;, serif" align="center">Н.С. Автономова, Р.Г. Апресян, В.В. Бычков, В.Г. Буданов, В.В. Васильев,<br>П.А. Гаджикурбанова, А.Л. Доброхотов, А.А. Кара-Мурза, И.Т. Касавин,<br>В.Г. Лысенко, М.А. Маслин, В.В. Миронов, Н.В. Мотрошилова,<br>В.А. Подорога, Ю.В. Синеокая, М.Т. Степанянц, В.Г. Федотова,<br>В.К. Шохин, А.В. Черняев</p>
-    <p class="Textbody" dir="ltr" style="border:none; font-size:1.354167rem; margin-bottom:0.729rem; margin-left:0; margin-right:0; margin-top:0; padding:0; text-align:center; font-family:&quot;PT Serif&quot;, serif; font-style:italic; font-weight:bold" align="center">Экспертный совет</p>
-    <p class="Textbody" dir="ltr" style="border:none; font-size:1.354167rem; margin-bottom:0.729rem; margin-left:0; margin-right:0; margin-top:0; padding:0; text-align:center; font-family:&quot;PT Serif&quot;, serif" align="center">Р.Г. Апресян, В.Г. Буданов, Г.В. Вдовина, И.Д. Джохадзе, Л.Б. Карелова,<br>В.Г. Лысенко, Н.Б. Маньковская, А.В. Павлов, В.В. Петров,<br>С.Ю. Рыков, Ю.В. Синеокая, М.А. Солопова, Ю.Е. Федорова,<br>В.И. Шалак, В.К. Шохин, А.В. Черняев</p>
-    <p class="Textbody" dir="ltr" style="border:none; font-size:1.354167rem; margin-bottom:0.729rem; margin-left:0; margin-right:0; margin-top:0; padding:0; text-align:center; font-family:&quot;PT Serif&quot;, serif; font-style:italic; font-weight:bold" align="center">Научный редактор</p>
-    <p class="Textbody" dir="ltr" style="border:none; font-size:1.354167rem; margin-bottom:0.729rem; margin-left:0; margin-right:0; margin-top:0; padding:0; text-align:center; font-family:&quot;PT Serif&quot;, serif" align="center">Ю.Н. Попов</p>
-    <p class="Textbody" dir="ltr" style="border:none; font-size:1.354167rem; margin-bottom:0.729rem; margin-left:0; margin-right:0; margin-top:0; padding:0; text-align:center; font-family:&quot;PT Serif&quot;, serif; font-style:italic; font-weight:bold" align="center">Научно-техническая редакция</p>
-    <p class="Textbody" dir="ltr" style="border:none; font-size:1.354167rem; margin-bottom:0.729rem; margin-left:0; margin-right:0; margin-top:0; padding:0; text-align:center; font-family:&quot;PT Serif&quot;, serif" align="center">М.В. Егорочкин, Г.В. Литвинов, С.Л. Гурко, С.В. Лаврентьева</p>
-    <table dir="ltr" id="1table" style="margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed">
-      <colgroup>
-        <col style="width:49.87872%">
-        <col style="width:50.12128%">
-      </colgroup>
-      <tbody>
-        <tr>
-          <td style="border:none;padding:0;vertical-align:top">
-            <p class="TableContents" dir="ltr" style="border:none; font-size:1.25rem; margin-bottom:1.0425rem; margin-left:1.47375rem; margin-right:1.47375rem; margin-top:0; padding:0; text-align:justify; background-color:transparent; font-family:&quot;PT Serif&quot;, serif; text-indent:0" align="justify"><span style="font-weight:bold" xml:lang="en-US" lang="en-US">ISSN</span><span style="font-weight:bold"> (</span><span style="font-weight:bold" xml:lang="en-US" lang="en-US">Online</span><span style="font-weight:bold">): </span><span style="font-weight:normal">2658-7092</span></p>
-            <p class="TableContents" dir="ltr" style="border:none; font-size:1.25rem; margin-bottom:1.0425rem; margin-left:1.47375rem; margin-right:1.47375rem; margin-top:0; padding:0; text-align:justify; background-color:transparent; font-family:&quot;PT Serif&quot;, serif; text-indent:0" align="justify"><span style="font-weight:bold">Учредитель и издатель:</span> Федеральное государственное бюджетное учреждение науки Институт философии Российской Академии наук.</p>
-            <p class="TableContents" dir="ltr" style="border:none; font-size:1.25rem; margin-bottom:1.0425rem; margin-left:1.47375rem; margin-right:1.47375rem; margin-top:0; padding:0; text-align:justify; background-color:transparent; font-family:&quot;PT Serif&quot;, serif; text-indent:0" align="justify"><span style="font-weight:bold">Периодичность: </span>4 раза в год. Выходит с 2018 г.</p>
-            <p class="TableContents" dir="ltr" style="border:none; font-size:1.25rem; margin-bottom:1.0425rem; margin-left:1.47375rem; margin-right:1.47375rem; margin-top:0; padding:0; text-align:justify; background-color:transparent; font-family:&quot;PT Serif&quot;, serif; text-indent:0" align="justify"><span style="font-weight:bold">Адрес учредителя и издателя</span>: Российская Федерация, 109240, г. Москва, ул. Гончарная, д. 12, стр. 1.</p>
-            <p class="TableContents" dir="ltr" style="border:none; font-size:1.354167rem; margin-bottom:1.0425rem; margin-left:1.47375rem; margin-right:1.47375rem; margin-top:0; padding:0; text-align:justify; background-color:transparent; font-family:&quot;PT Serif&quot;, serif; text-indent:0" align="justify"><span style="font-weight:bold;font-size:1.25rem">Сайт: </span><a class="Internet20link" href="http://www.elenph.org/" style=":link{color:#000080; text-decoration:underline}"><span style="font-size:1.25rem" xml:lang="en-US" lang="en-US">www</span></a><a class="Internet20link" href="http://www.elenph.org/" style=":link{color:#000080; text-decoration:underline}"><span style="font-size:1.25rem">.</span></a><a class="Internet20link" href="http://www.elenph.org/" style=":link{color:#000080; text-decoration:underline}"><span style="font-size:1.25rem" xml:lang="en-US" lang="en-US">elenph</span></a><a class="Internet20link" href="http://www.elenph.org/" style=":link{color:#000080; text-decoration:underline}"><span style="font-size:1.25rem">.</span></a><a class="Internet20link" href="http://www.elenph.org/" style=":link{color:#000080; text-decoration:underline}"><span style="font-size:1.25rem" xml:lang="en-US" lang="en-US">org</span></a></p>
-          </td>
-          <td style="border:none;padding:0;vertical-align:top">
-            <p class="TableContents" dir="ltr" style="border:none; font-size:1.25rem; margin-bottom:1.0425rem; margin-left:1.47375rem; margin-right:1.47375rem; margin-top:0; padding:0; text-align:justify; background-color:transparent; font-family:&quot;PT Serif&quot;, serif; text-indent:0" align="justify"><span style="font-weight:bold">Энциклопедия зарегистрирована</span> Федеральной службой по надзору в сфере связи, информационных технологий и массовых коммуникаций (Роскомнадзор). Свидетельство о регистрации СМИ: <span style="font-style:italic">серия ЭЛ № ФС77 -74569 </span>от 14.12.2018. </p>
-            <p class="TableContents" dir="ltr" style="border:none; font-size:1.25rem; margin-bottom:1.0425rem; margin-left:1.47375rem; margin-right:1.47375rem; margin-top:0; padding:0; text-align:justify; background-color:transparent; font-family:&quot;PT Serif&quot;, serif; text-indent:0" align="justify"><span style="font-weight:bold">Энциклопедия включена в: </span>базу <span xml:lang="en-US" lang="en-US">ROAD</span> (справочник электронных научных ресурсов с полностью открытым доступом к статьям).</p>
-          </td>
-        </tr>
-      </tbody>
-    </table></div>
+            </section>
+
+<div id="wrapperDescription">
+<div id="titleProject">О проекте</div>
+<div id="projectDescription">
+<p class="aboutProject" dir="ltr"><span class="IPH Astra Serif" style="font-family:IPH Astra Serif"><span style="font-family: IPH Astra Serif; font-weight: bold; font-size:1.4rem">Электронная Философская Энциклопедия</span><span style="font-family: IPH Astra Serif; font-size: 1.4rem"> (ЭФЭ) — открытый научно-исследовательский проект Института философии РАН, ставящий своей целью анализ и систематизацию достижений философских наук за последние десятилетия, создание на этой основе обобщающей картины развития философской мысли в мире во всем ее тематическом и содержательном многообразии. В отличие от прежних энциклопедических изданий, ЭФЭ призвана рассмотреть достижения философии прошлого сквозь призму современных дискуссий, отразить новейшие результаты исследований российских учёных и актуальные тенденции гуманитарного знания. Она нацелена на обобщающий взгляд, который не только фиксирует многообразие имен, понятий, терминов, школ и произведений мировой философии, но, прежде всего, выявляет ее сложную, противоречивую и плюралистичную целостность. Одной из ее доминант является преодоление европоцентризма в понимании философии, всечеловеческое расширение духовного горизонта. Создаваемая ведущими специалистами, ЭФЭ должна способствовать повышению философской культуры общества, стать надежным и авторитетным источником информации, составив конкуренцию всевозможным "пиратским" сайтам, бездумно копирующим сведения из неизвестных и непроверенных источников. Как полноценное электронное издание с выходными данными и закрепленными за отдельными статьями DOI, ЭФЭ позволит специалистам представлять результаты своих исследований в виде энциклопедических статей.</span></span></p>
+</div>
+<div id="membersDescription">
+    <p class="MembersTitle" dir="ltr" style="border: none; font-size: 1.4rem; background-color: #F3F3F3; margin-bottom: 0.8rem; margin-left: 0; margin-right: 0; margin-top: 25px; padding: 5px 0 5px 0; text-align: center; font-family: IPH Astra Serif; font-style: normal; font-weight: bold;">Редакционно-издательский совет</p>
+    <p class="Textbody" dir="ltr" style="border: none; font-size: 1.4rem; margin-bottom: 0.8rem; margin-left: 0; margin-right: 0; margin-top: 0; padding: 0; text-align: center; font-family: IPH Astra Serif;" align="center">А.А. Гусейнов, В.А. Лекторский, А.В. Смирнов, С.В. Месяц</p>
+    <p class="MembersTitle" dir="ltr" style="border: none; font-size: 1.4rem; background-color: #F3F3F3; margin-bottom:0.8rem; margin-left:0; margin-right:0; margin-top:0; padding: 5px 0 5px 0; text-align:center; font-family: IPH Astra Serif; font-style: normal; font-weight: bold;" align="center">Редколлегия</p>
+    <p class="Textbody" dir="ltr" style="border: none; font-size: 1.4rem; margin-bottom: 0.8rem; margin-left: 0; margin-right: 0; margin-top: 0; padding: 0; text-align: center; font-family: IPH Astra Serif;" align="center">Н.С. Автономова, Р.Г. Апресян, В.В. Бычков, В.Г. Буданов,<br> В.В. Васильев, П.А. Гаджикурбанова, А.Л. Доброхотов, А.А. Кара-Мурза,<br> И.Т. Касавин, В.Г. Лысенко, М.А. Маслин, В.В. Миронов,<br> Н.В. Мотрошилова, В.А. Подорога, Ю.В. Синеокая, М.Т. Степанянц,<br> В.Г. Федотова, В.К. Шохин, А.В. Черняев</p>
+    <p class="MembersTitle" dir="ltr" style="border: none; font-size: 1.4rem; background-color: #F3F3F3; margin-bottom: 0.8rem; margin-left: 0; margin-right: 0; margin-top: 0; padding: 5px 0 5px 0; text-align: center; font-family: IPH Astra Serif; font-style: normal; font-weight: bold;" align="center">Экспертный совет</p>
+    <p class="Textbody" dir="ltr" style="border: none; font-size: 1.4rem; margin-bottom: 0.8rem; margin-left: 0; margin-right: 0; margin-top: 0; padding: 0; text-align: center; font-family: IPH Astra Serif;" align="center">Р.Г. Апресян, В.Г. Буданов, Г.В. Вдовина, И.Д. Джохадзе, Л.Б. Карелова,<br>В.Г. Лысенко, Н.Б. Маньковская, А.В. Павлов, В.В. Петров,<br>С.Ю. Рыков, Ю.В. Синеокая, М.А. Солопова, Ю.Е. Федорова,<br>В.И. Шалак, В.К. Шохин, А.В. Черняев</p>
+    <p class="MembersTitle" dir="ltr" style="border: none; font-size: 1.4rem; background-color: #F3F3F3; margin-bottom: 0.8rem; margin-left: 0; margin-right: 0; margin-top: 0; padding: 5px 0 5px 0; text-align: center; font-family: IPH Astra Serif; font-style: normal; font-weight: bold;" align="center">Научный редактор</p>
+    <p class="Textbody" dir="ltr" style="border: none; font-size: 1.4rem; margin-bottom: 0.8rem; margin-left: 0; margin-right: 0; margin-top: 0; padding: 0; text-align: center; font-family: IPH Astra Serif;" align="center">Ю.Н. Попов</p>
+    <p class="MembersTitle" dir="ltr" style="border: none; font-size: 1.4rem; background-color: #F3F3F3; margin-bottom: 0.8rem; margin-left: 0; margin-right: 0; margin-top: 0; padding: 5px 0 5px 0; text-align: center; font-family: IPH Astra Serif; font-style: normal; font-weight: bold;" align="center">Научно-техническая редакция</p>
+    <p class="Textbody" dir="ltr" style="border: none; font-size: 1.4rem; margin-bottom: 0.9rem; margin-left: 0; margin-right: 0; margin-top: 0; padding: 0; text-align: center; font-family: IPH Astra Serif;" align="center">М.В. Егорочкин, Г.В. Литвинов, С.Л. Гурко, С.В. Лаврентьева</p>
+</div>
+
+<div id="contactDescription">
+            <p class="TableContents" dir="ltr" style="border: none; font-size: 1.4rem; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding: 20px 15px 0px 10px; text-align: justify; background-color:transparent; font-family: IPH Astra Serif; text-indent:0" align="justify"><span style="font-weight:bold" xml:lang="en-US" lang="en-US">ISSN</span><span style="font-weight:bold"> (</span><span style="font-weight:bold" xml:lang="en-US" lang="en-US">Online</span><span style="font-weight:bold">): </span><span style="font-weight:normal">2658-7092</span></p>
+            <p class="TableContents" dir="ltr" style="border: none; font-size: 1.4rem; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding: 5px 15px 5px 10px; text-align: justify; background-color:transparent; font-family: IPH Astra Serif; text-indent:0" align="justify"><span style="font-weight:bold">Учредитель и издатель:</span> Федеральное государственное бюджетное учреждение науки Институт философии Российской Академии наук.</p>
+            <p class="TableContents" dir="ltr" style="border:none; font-size: 1.4rem; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding: 5px 15px 0px 10px; text-align: justify; background-color:transparent; font-family: IPH Astra Serif; text-indent:0" align="justify"><span style="font-weight:bold">Периодичность: </span>4 раза в год. Выходит с 2018 г.</p>
+            <p class="TableContents" dir="ltr" style="border:none; font-size: 1.4rem; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding: 5px 10px 5px 10px; text-align: justify; background-color:transparent; font-family: IPH Astra Serif; text-indent:0" align="justify"><span style="font-weight:bold">Адрес учредителя и издателя</span>: Российская Федерация, 109240, г. Москва, ул. Гончарная, д. 12, стр. 1.</p>
+            <p class="TableContents" dir="ltr" style="border: none; font-size: 1.4rem; margin-bottom: 10px; margin-left: 0; margin-right: 0; margin-top: 0; padding: 5px 15px 0px 10px; text-align: justify; background-color: transparent; font-family: IPH Astra Serif; text-indent:0" align="justify"><span style="font-weight: bold; color: #8B4513; font-size: 1.4rem">Сайт: </span><a class="Internet20link" href="http://www.elenph.org/" style="color:#000000; text-decoration: none"><span style="font-size:1.4rem; color: #8B4513;" xml:lang="en-US" lang="en-US">www</span></a><a class="Internet20link" href="http://www.elenph.org/" style="color:#000000; text-decoration: none"><span style="font-size:1.4rem; color: #8B4513;">.</span></a><a class="Internet20link" href="http://www.elenph.org/" style="color:#000000; text-decoration: none"><span style="font-size:1.4rem; color: #8B4513;" xml:lang="en-US" lang="en-US">elenph</span></a><a class="Internet20link" href="http://www.elenph.org/" style="color:#000000; text-decoration:none"><span style="font-size:1.4rem; color: #8B4513;">.</span></a><a class="Internet20link" href="http://www.elenph.org/" style="color:#000000; text-decoration:none"><span style="font-size:1.4rem; color: #8B4513;" xml:lang="en-US" lang="en-US">org</span></a></p>
+         
+</div>
+
+<div id="registrationDescription">
+            <p class="TableContents" dir="ltr" style="border: none; font-size: 1.4rem; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding: 20px 10px 5px 20px; text-align: justify; background-color: transparent; font-family: IPH Astra Serif; text-indent:0" align="justify"><span style="font-weight:bold">Энциклопедия зарегистрирована</span> Федеральной службой по надзору в сфере связи, информационных технологий и массовых коммуникаций (Роскомнадзор). Свидетельство о регистрации СМИ: <span style="font-style:italic">серия ЭЛ № ФС77 -74569 </span>от 14.12.2018. </p>
+            <p class="TableContents" dir="ltr" style="border: none; font-size: 1.4rem; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding: 10px 10px 5px 20px; text-align: justify; background-color: transparent; font-family: IPH Astra Serif; text-indent: 0" align="justify"><span style="font-weight:bold">Энциклопедия включена в: </span>базу <span xml:lang="en-US" lang="en-US">ROAD</span> (справочник электронных научных ресурсов с полностью открытым доступом к статьям).</p>
+         
+</div>
+</div>
         </section> <!-- #intro -->
 
-        
-
-        <!-- List of research classes: e.g., articles, books, collections, conference papers -->
+ 		<!-- List of research classes: e.g., articles, books, collections, conference papers -->
        <#-- <@lh.researchClasses /> -->
 
         <!-- List of four randomly selected faculty members -->
-     <#--   <@lh.facultyMbrHtml /> -->
+      <#--   <@lh.facultyMbrHtml /> -->
 
         <!-- List of randomly selected academic departments -->
-     <#--   <@lh.academicDeptsHtml /> -->
+      <#--   <@lh.academicDeptsHtml /> -->
 
         <#if geoFocusMapsEnabled >
             <!-- Map display of researchers' areas of geographic focus. Must be enabled in runtime.properties -->
             <@lh.geographicFocusHtml />
         </#if>
 
-        <!-- Statistical information relating to property groups and their classes; displayed horizontally, not vertically-->
-        <@lh.allClassGroups vClassGroups! />
+     
 
+       
         <#include "footer.ftl">
         <#-- builds a json object that is used by js to render the academic departments section -->
         <@lh.listAcademicDepartments />
diff --git a/webapp/src/main/webapp/themes/iph/templates/page.ftl b/webapp/src/main/webapp/themes/iph/templates/page.ftl
index 5cb056f2..43ebcff7 100644
--- a/webapp/src/main/webapp/themes/iph/templates/page.ftl
+++ b/webapp/src/main/webapp/themes/iph/templates/page.ftl
@@ -10,11 +10,28 @@
 
     <body class="${bodyClasses!}" onload="${bodyOnload!}">
         <#include "identity.ftl">
-        <#if !querytext?? >
-          <#include "customsearchpanel.ftl" >
-        </#if>
         <#include "menu.ftl">
 
+<div id="articleWrapper">
+	    <#if currentServlet = "individual" && currentServlet != "display">
+       	 <div id="searchRightpanel">
+          <#include "customsearchpanel.ftl" >
+          </div>
+        </#if>
+		<#include "contentWrapper.ftl">
+			<#if currentServlet != "individual" && currentServlet != "login" && currentServlet != "display">
+			 <section id="search-home" role="region">
+                <h3><span class="search-filter-selected">filteredSearch</span></h3>
+         
+                <fieldset>
+                    <legend>${i18n().search_form}</legend>
+                </fieldset>
+          
+              <#include "searchSelector.ftl">
+          
+            </section>
+		</#if>
+		
 		<#-- VIVO OpenSocial Extension by UCSF -->
 		<#if openSocial??>
 			<#if openSocial.visible>
@@ -23,7 +40,7 @@
 		</#if>
 
         ${body}
-
+</div>
         <#include "footer.ftl">
     </body>
 </html>
diff --git a/webapp/src/main/webapp/themes/iph/templates/queryBuilder.ftl b/webapp/src/main/webapp/themes/iph/templates/queryBuilder.ftl
index 861230a4..103d9e38 100644
--- a/webapp/src/main/webapp/themes/iph/templates/queryBuilder.ftl
+++ b/webapp/src/main/webapp/themes/iph/templates/queryBuilder.ftl
@@ -1,23 +1,36 @@
 <div id="querybuilder-container" style="display:none;">
-  <div id="builder"></div>
-    <div class="btn-group">
-    <button id="btn-get-standard-searchform" class="btn btn-warning reset" data-target="basic">Стандартная форма поиска</button>
-    <button id="btn-reset" class="btn btn-warning reset" data-target="basic">Очистить</button>
-    <button id="btn-set" class="btn btn-success set-json" data-target="basic">Пример</button>
-    <button id="btn-search" class="btn btn-warning reset" data-target="basic">Поиск</button>
-  <!-- <button id="btn-get" class="btn btn-primary parse-json" data-target="basic">Get rules</button> -->
-    <div>
-    <label style="display:inline;" for="hitsPerPage">Результатов на страницу</label>
-    <select name="hitsPerPage" id="hitsPerPageSelect">
-      <option value="20" selected="selected">20</option>
-      <option value="40">40</option>
-      <option value="60">60</option>
-      <option value="80">80</option>
-      <option value="100">100</option>
-    </select>
-    </div>
-  </div>
+<div id="CounterSearchWrapper"> 
+ <div id="builder">
+<div id="SearchTitle">Параметры поиска</div>
 </div>
+    <div class="btn-group-bottom">
+	  <div id="settingsButtons">
+		<div id="OuterWrapperButtons">
+		  <div id="wrapperButtons">
+	        <button id="btn-set" class="btn btn-success set-json" data-target="basic">Пример заполнения</button>
+	        <button id="btn-reset-button" class="btn btn-warning reset" data-target="basic">Очистить</button>
+            <!-- <button id="btn-get" class="btn btn-primary parse-json" data-target="basic">Get rules</button> -->
+              <div id="SelectResults">
+                 <label style="display:inline;" for="hitsPerPage">Результатов на страницу</label>
+               <select name="hitsPerPage" id="hitsPerPageSelect">
+                   <option value="20" selected="selected">20</option>
+                   <option value="40">40</option>
+                   <option value="60">60</option>
+                   <option value="80">80</option>
+                   <option value="100">100</option>
+              </select>
+	         </div>
+          </div>		
+       </div>
+		 <button id="btn-search-expand" class="btn btn-warning reset" data-target="basic">Поиск</button>	
+		</div>
+	</div>
+</div>
+		<div id="backgroundForm">
+		 	<button id="btn-get-standard-searchform" class="btn btn-warning reset" data-target="basic">Стандартная форма поиска</button>
+		</div>
+</div>
+
 <script src="themes/iph/js/query-builder.standalone.min.js"></script>
 <script src="themes/iph/js/query-builder.ru.js"></script>
 <script>