html, body {
  font-family: Yantramanav Light;
  font-size: 18px;
  color: #000;
}

button, button.button {
  font-family: Yantramanav;
}

.column {
  padding: 0;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* %%%%%%%%%%%      index.php */
/* %%%%%%%%%%%      Indicated with h- */
/* %%%%%%%%%%%      Written on 17/03/19 */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.h-topbar {
  position: absolute;
  right: 20px;
  top: 5px;
  font-size: 14px;
}

.h-topbar > div {
  display: inline-block;
}

.h-topbar > div a {
  color: #000;
}

.h-topbar > div a:hover {
  text-decoration: underline;
}

.h-topbar > div:nth-child(1), .h-topbar > div:nth-child(2) {
  padding-right: 12px;
}

.h-bg {
  width: 100%;
}

.h-bg > div {
  display: inline-block;
  width: 61.803398875%;
}

.h-topimage {
  text-align: left;
}

.h-botimage {
  text-align: right;
}

.h-header {
  position: absolute;
  top: 30vh;
  left:0;
  right:0;
  z-index:1;
  /*border-top: 5px solid #8a8e9f;*/
}

.h-topheader {
  height: 150px;
  width: 100%;
  background: #FFEFA0;
  text-align: center;
}

.h-header-logo {
  display: inline-block;
  text-transform: uppercase;
  color: #000;
  font-size: 30px;
  line-height: 34px;
}

.h-header-logo > div:first-child {
  font-family: Yantramanav;
}

.h-menu {
  width: 100%;
  color: #fff;
  font-size: 27px;
  text-align: center;
}

.h-menu, .h-menu > div {
  background: #8a8e9f;
}

.h-menu > div {
  width: 75%;
  margin: 0 auto;
}

.h-menu-el {
  display: inline-block;
  margin: 0 auto;
}

.h-menu a {
  color: #fff;
}

.h-footer {
  padding: 60px 0 40px 0;
  width: 100%;
  background: #f0f0f0;
  margin-top: 50px;
}

.h-footer > div {
  width: 80%;
  margin: 0 auto;
}

.h-footer > div .columns > div.column:last-child {
  text-align: right;
}

.h-copyright {
  text-align: center;
}



/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* %%%%%%%%%%%      Other pages */
/* %%%%%%%%%%%      Indicated with f- */
/* %%%%%%%%%%%      Written on 17/03/19 */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


.f-header {
  position: relative;
}

.f-header-top {
  background: #FFEFA0;
  width: 100%;
  position: relative;
  height: 160px;
}

.f-header-bottom {
  background: #D2DADF;
  width: 100%;
  height: 56px;
}

.f-header-topbar {
  position: absolute;
  right: 20px;
  top: 5px;
  font-size: 14px;
}

.f-header-topbar > div {
  display: inline-block;
}

.f-header-topbar > div a {
  color: #000;
}

.f-header-topbar > div a:hover {
  text-decoration: underline;
}

.f-header-topbar > div:not(:last-child) {
  padding-right: 12px;
}

.f-header-logo {
  text-transform: uppercase;
  font-size: 30px;
  line-height: 34px;
  margin-left: 10%;
  padding-top: 50px;
}

.f-header-logo a {
  color: #000;
}

.f-header-logo a > div:first-child {
  font-family: Yantramanav;
}

.f-menu {
  text-align: right;
  width: 100%;
  font-size: 20px;
  margin-top: 5px;
}

.f-menu-cols {
  width: 38.196601125%;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
}

.f-menu-el {
  width: 95%;
  border-bottom: 1px solid #000;
}

.f-menu-el-active {
  color : #92A0D6;
  border-bottom: 2px solid #92A0D6;
}

.f-menu a {
  color: #000;
}

.f-content {
  width: 80%;
  margin: 0 auto;
  margin-top: 90px;
  margin-bottom: 110px;
}

.f-contents > div {
  width: 95%;
  margin: 0 auto;
  padding: 55px 50px 70px 50px;
}

.f-content-1 > div {
  background: #92A0D6;
  color: #fff;
}

.f-content-2 {
  padding-top: 50px;
}

.f-content-2 > div {
  background: #F5F5F5;
}

.f-title {
  font-size: 30px;
  margin-bottom: 35px;
}

.f-content-2 .f-title {
  color: #92A0D6;
}

.f-footer {
  padding: 60px 0 40px 0;
  width: 100%;
  background: #d5d5d5;
  margin-top: 50px;
}

.f-footer > div {
  width: 80%;
  margin: 0 auto;
}

.f-footer > div .columns > div.column:last-child {
  text-align: right;
}

.f-copyright {
  text-align: center;
}


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* %%%%%%%%%%%      Biography page */
/* %%%%%%%%%%%      Indicated with b- */
/* %%%%%%%%%%%      Written on 22/03/19 */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

ul.b-timeline {
  position: relative;
}

ul.b-timeline::before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    background-color: #000;
    left: 50%;
    margin-left: -1.5px;
}

.b-el-R, .b-el-L {
  position: relative;
}

.b-el-R {
  text-align: right;
}

.b-el-box {
  /*border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;*/
  background: #fff;
  padding: 40px 30px;
  margin: 30px 0;
  width: 46%;
  display: inline-block;
  text-align: left;
}

.b-el-box > div:first-child {
  font-weight: bold;
  margin-bottom: 30px;
}

.b-el-box > div:last-child {
}

.b-el-point {
  color: #fff;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -4px;
  background-color: #000;
  z-index: 2;
  border-radius: 50%;
}

.b-el-img {
  display: inline-block;
  text-align: center;
  width: 46%;
  overflow: hidden;
}

.b-el-L .b-el-img {
  margin-left: 7%;
}

.b-el-R .b-el-img {
  margin-right: 7%;
}

.b-el-img div img {
  width: 100%;
}