/* -------------------------------- 
Основные правила оформления
-------------------------------- */
@font-face {
  font-family: 'FTR45__C';
  src: url(../fonts/FTR45__C.ttf);
}
@font-face {
  font-family: 'CyrillicCompressed';
  src: url(../fonts/Gnuolane_Free_Cyrillic.ttf);
}

*, *::after, *::before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: none;
}
::-webkit-scrollbar-track {
  background-color:rgba(170,170,170,0.3);
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 3em;
  border-radius: 3em;
  background-color: rgba(169, 121, 92, 0.5);
}
::-webkit-scrollbar-thumb:hover{
  background-color: rgba(169, 121, 92, 1.0);
}
::-webkit-resizer{
  background-image:url('');
  background-repeat:no-repeat;
  width: 0;
  height:0;
}
::-webkit-scrollbar{
  width: 12px;
  height:0;
}
::selection {
background: rgba(138, 105, 45, 0.3); /* Safari */
color: rgba(0,0,0,0.6);
}
::-moz-selection {
background: rgba(138, 105, 45, 0.3); /* Firefox */
color: rgba(0,0,0,0.6);
}
html, body {
  height: 100%;
  cursor: default;
}
html {
  font-size: 62.5%;
  overflow-x: hidden;
  overflow-y: scroll;
}
body {
  font-size: 1.8rem;
  font-family: "FTR45__C", sans-serif; /*Fira Sans*/
  color: #777777;
  /*background: url(../img/bg-texture.png); */
  background: url(../img/bg_container_alpha.jpg) no-repeat;
  background-attachment: fixed;
}

h1,h2 {
  position: relative;
  width: 100%;
  display: block;
  text-align: center;
  padding: 20px 0 0 0px;
  font-family: "CyrillicCompressed"; 
  text-transform: uppercase; 
  color: white;
  font-weight: 100;
  cursor: default;
  text-shadow: rgba(0,0,0,0.4) 1px 1px 0, rgba(0,0,0,0.4) -1px -1px 0, 
              rgba(0,0,0,0.4) -2px 2px 0, rgba(0,0,0,0.4) 1px -1px 0;}
h1      {top: 15px; font-size: 2.7em;}              
h2      {margin-top: 5px; font-size: 1.5em;}

a       {color: #7b9d6f; text-decoration: none;}
a:hover {text-decoration: underline;}
em      {font: inherit; text-align: center;}
p, td   {text-indent: 50px;}
iframe  {height: 190px;}
img     {margin: 0 auto; display: block}

/* -------------------------------- 
Прочие стили
-------------------------------- */
.wrapper,.logo,.footer {word-wrap: break-word;}
.wrapper {
  min-height: calc(100vh - 90px);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.logo {
	position: relative;
	display: block; 
	width: 100%;
	height:160px;
	background-image: url(/img/logoimg.jpg);
	z-index: 4;
}
.logomask {height: 160px; background: rgba(0,0,0,0.3);}
.searchbox {
  position: absolute;
  right: 121px;
  top: 118px;
}
.searchbox a {
  position: relative;
  margin: -20px 0 0 0;
  z-index: 4;
  color: #f5f5dc;
}
.search {
	position: absolute;
	display: flex;
	float: right;
	z-index: 4;
	padding-right: 9px;
}
.searcharea {
	width: 170px;
	padding: 0px 0 0 10px;
	border: 0;
	font-family: inherit;
	font-size: 1em;
}
.searcharea:focus,.button:active {outline: none;}
input.searcharea {color: #777777;}
.button:hover {background-color: rgb(207, 201, 187);}
.button {
	border: 0;
	padding: 2px 5px 0px 5px;
	font-family:inherit;
	font-size: 0.8em;
	background: #DDDDDD;
  cursor: pointer;
}
.select {
  font-family: inherit;
  font-size: 1em;
  background: rgba(0,0,0,0.1);
  border: none;
  outline: none;
}
/*КНОПКИ КАК ССЫЛКИ*/
  .ashref {
    border: none;
    color: #a9795c;
    background: rgba(0,0,0,0.0);
    font-family: 'FTR45__C';
    font-size: inherit;
    cursor: pointer;
    outline: none;
    padding: 6px;
  }
  .ashref:hover {text-decoration: underline;}
/*КНОПКИ КАК ССЫЛКИ*/
.menuline {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(200,200,200,1); 
  position: fixed;
  width: 100vw;
  padding: 12px 0 30px 0;
  box-shadow: 0px 3px 10px rgba(0,0,0,0.15);
  z-index: 3;
}
.menuline li {display: inline-block;}
.menuline li:hover {text-decoration: none;}
.menuli {text-transform: uppercase;}
.menuline_mob {display: none;}
.space {display: block; height: 30px;}
.footer {
  /*position: absolute;*/
  position: fixed;
  display: flex;
  width:100vw;
  height:55px;
  margin-top: -55px;
  padding: 17px 0;
  font-size: 0.9em;
  background: rgba(207,201,187,1); /*rgba(108,90,44,0.3);*/
  overflow: hidden;
  z-index: 4;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.backicon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  margin-right: 5px;
}
/*---------------НОВОСТИ---------------*/
  #news div {text-indent: 50px}
  /*.newsblock div {text-indent: 0px !important}*/
  .newstitle {
    display: block;
    text-align: center !important;
    border-bottom: solid 1px;
    border-color: rgba(0,0,0,0.1);
    background: cornsilk;
  }
  div.newstitle {text-indent: 0px !important}
  div.newstext, p.newstext{text-indent: 50px}
  .newsdate {
    font-size: 0.8em;
    font-style: italic;
    text-align: right !important;
    padding-right: 5px;
    color: #a9795c;
  }
  .fullnews {
    display: block;
    float: right;
    font-size: 0.85em;
    color: inherit;
/*    background: linear-gradient(to top, rgb(221,221,221), rgb(247,247,247));*/
    background: rgba(251,251,251,0.0);
    border: solid 0px;
    border-color: rgb(166,166,166);
    padding: 2px;
    transition: background 0.2s;
  }
  .fullnews:hover {
    cursor: pointer;
    background: rgba(255,255,255,0.8);
    transition: background 0.2s;
    /*text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);*/
  }
  .fullnews:focus {
    outline: none;
  }  
  .svgicon {
    width: 18px;
    height: 18px;
    fill: #7b9d6f;
    margin-bottom:-2px;
  }
/*---------------БИОГРАФИИ---------------*/
.bio div, .bio p{text-indent: 50px;}
.bio img{width: auto !important; height: 350px; display: initial;}
.personblock {
  display: flex;
  background: rgba(0,0,0,0.1); 
  height: auto;
}
.personimg {
  float: left;
  width: 50px !important;
  height: 50px;
  margin: 0px 15px !important;
  border-radius: 50% !important;
}
.desrciption_wrapper {padding: 0px; margin-bottom: 20px;}
.years {
  margin: 0 0 0px 0;
  display: inline-block;
  border-bottom: dashed 0px;
  color: rgb(187, 113, 22);
  font-size: 0.8em;
  cursor: default;
  position: absolute;
}
.fio{
  text-decoration: none;
  color: #777777 !important;
  text-transform: capitalize;
  padding: 0 !important;
}
.fio:hover{
  text-decoration: underline;
}
/*---------------ЛИТЕРАТУРА---------------*/
.bookauthor {
  padding: 0 5px;
  background: rgba(255,255,255,0.0);
  border-bottom: dotted 1px;
}
/*---------------УЧАСТНИКИ РАБОТЫ---------------*/
.workauthors     { width: 70%; }
.workauthors th  { padding-bottom: 10px; }
.workauthors td  { text-indent: 0; }
.workauthors div { display: inline-block; width: 230px; }
.worker_cell     { text-align: left; }
.worker {
  display: block;
  margin: 0 25px;
  padding: 0 0 0 5px;
}
/*---------------КОНТАКТЫ---------------*/
#msgdiv   {text-align: center; text-indent: 0}
#msgdiv p {text-indent: 0}
.mail,.mailarea  {
  height: 30px;
  width: 300px;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  background: rgba(240,240,240,1);
  border: solid 1px;
  border-color: rgb(166,166,166);
  border-radius: 3px;
  transition: background 0.3s;
  padding-left: 10px;
}
.mailarea {
  height: 100px;  
  min-width: 300px;
  max-width: 600px;
}
.mail:focus,.mailarea:focus {
  background: rgba(255,255,255,1);
  transition: background 0.3s;
  outline: none;
}

/*---------------прочее---------------*/
.cd-horizontal-timeline {
  min-height: calc(100vh - 70px); /*- 90px*/
  height: 100%;
  opacity: 0;
  margin: 0 auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  /*Как scroller и scroller-inner*/
  margin: 0; /*margin: 0 auto;*/
  opacity: 1;
  min-height: calc(100vh - 70px);
  width: 100vw;
}
.cd-horizontal-timeline .timeline {
  position: fixed;
  width: 100vw;
  height: 55px;
  margin: 0 auto;
  background: rgba(200,200,200,0); 
  z-index: 9999;
}
.cd-horizontal-timeline .events-wrapper {
  height: auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  margin: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {}
.cd-horizontal-timeline .events-wrapper::after {}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute; /*absolute*/
  z-index: 1;
  left: 0;
  top: 29px;
  height: 2px;
  /* width will be set using JavaScript */
  background: rgba(223, 223, 223, 0);
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.events {height: 0px;}
.events ul {width: 100vw;}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  display: none;
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  background-color: rgba(123, 157, 111, 0);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  letter-spacing: 2px;
  font-weight: 700;
  position: relative;
  text-decoration: none;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 0.75em;
  padding: 0 11px;
  color: rgba(0,0,0,0.6);
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 48.5%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 23px;
  height: 2px;
  width: 95%;
  border-radius: 0%;
  border: 1px solid rgba(223, 223, 223, 0);
  background-color: rgba(223, 223, 223, 0);
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2);
}
.cd-horizontal-timeline .events a.selected {pointer-events: none;}
.cd-horizontal-timeline .events a.selected::after {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2);
}
.cd-horizontal-timeline .events a.older-event::after {}

@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 0;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
    margin: 0;
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../img/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next                     {right: 0;}
.no-touch .cd-timeline-navigation a:hover          {border-color: #7b9d6f;}
.cd-timeline-navigation a.inactive                 {cursor: not-allowed;}
.cd-timeline-navigation a.inactive::after          {background-position: 0 -16px;}
.no-touch .cd-timeline-navigation a.inactive:hover {border-color: #dfdfdf;}

.cd-horizontal-timeline .events-content {
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
/*До появления*/
.cd-horizontal-timeline .events-content li {
  word-wrap: break-word;
  position: absolute;
  z-index: 1;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0;
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/*После появления*/
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  display: inline-block;
  position: absolute;
  margin: 2em 0;
  padding-bottom: 100px;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.events-content img{
  text-align: center;
  max-height: 350px;
  margin: 5px auto;
  border-radius: 7px;
  transition: transform 0.2s;
}
.events-content img:hover{
  transform: scale(1.03);
  transition: transform 0.2s;
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  text-align: justify;
  max-width: 900px;
  width: initial;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2.6rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  margin: 0 auto;
  text-align: center;
  background: #dcdcdc;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  transition: background 0.3s;
}
.cd-horizontal-timeline .events-content em:hover {
  background: rgb(226, 220, 203);
}
.cd-horizontal-timeline .events-content em::before {
  content: '';
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p, .cd-horizontal-timeline .events-content div {
  line-height: 1.6;
}

@media only screen and (min-width: 769px) {
  .cd-horizontal-timeline .events-content h2 {font-size: 7rem;}
  .cd-horizontal-timeline .events-content em {margin-bottom: 0px; padding-top: 3px; text-transform: uppercase; letter-spacing: 3px;}
  .cd-horizontal-timeline .events-content p  {font-size: 1.7rem;}
}

@media only screen and (max-width: 768px) {
  body {
    background: url(../img/bg-texture.png);
  }
  p {padding: 0 15px;}
  td {padding: 5px;}
  p, td {text-indent: 20px}
  em {font-size: 1em;}

  .newsblock {padding: 0 10px;}
  #block-events {display: block; position: fixed; text-align: left; word-wrap: break-word; margin: 0 0 10px 0px; margin-top: calc(100vh - 127px); padding: 5px 10px 10px 10px; width: 100%; min-height: 40px; background: rgba(0,0,0,0.9); font-size: 0.9em; cursor: default; z-index: 3;}
  .events-title {font-size: 1.2em; padding: 0 0 5px 0; color: white; text-align: center;}
  #block-events-hide {position: fixed; margin: 0vw 0 0 calc(100vw - 50px); width: 30px; height: 30px; background: rgba(0,0,0,1.0); color: white; border: none; outline: none; z-index: 2;}
  #block-events-hide:hover {background: rgba(255,255,255,0.2);}
 
  .b {margin-left: 20px;}

  .wrapper {font-size: 12px;}
  .logo {display: none;}
  .logotitle {display: none;}
  .searchbox { position: static; margin: 0; width: 100%; }
  .searchbox a {
    color: #7b9d6f;
    position: relative;
    margin: 3px auto;
    display: block;
    text-align: center;
    z-index: 4;
    font-size: 14px;
  }
  .search {
    position: relative;
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .searcharea {
    width: 100%;
    padding: 4px 0 4px 10px;
    font-size: 1.4em;
  }
  .button {width: 88px; font-size: 1em;}
  .menuline_mob {
    display: block; 
    background: rgba(0,0,0,0.2); 
    height: 48px; 
    padding: 0px 10px;
    margin: 29px 0 0 0; /*Отступ от строки поиска, иначе наложение*/ 
    font-size: 17px; 
    color: rgba(0,0,0,0.5);
    font-weight: bold;
  }
  .menuline {display: none;}
  .space    {display: none;}
  .bio      {padding: 0 10px}
  .bio img  {width: 60% !important; max-width: 250px; height: auto;}
  .bio div, div.newstext, p.newstext { text-indent: 20px; }
  .desrciption_wrapper               { margin-bottom: 10px; }
  .personimg                         { width: 32px !important; height: 32px; margin: 7px 15px !important; }
  /* Участники работы */
  .workauthors                       { width: 90% !important; margin: 0 10% !important; }
  .workauthors th                    { margin: 0 !important; padding: 0 10% 10px 0; }
  .workauthors td                    { padding: 7px 0px; text-indent: 15px; font-size: 15px; }
  .workauthors div                   { width: 200px; }
  /* Контакты */
  .mail,.mailarea  { width: calc(100% - 20px); }
  .mailarea { min-width: auto; max-width: auto; }
  .cd-horizontal-timeline .events-content         {padding: 0;}
  .cd-horizontal-timeline .events-content li > img{width: 92%; margin: 0 4%;}
  .cd-horizontal-timeline .events-content li.selected,.cd-horizontal-timeline .events-content li {margin:0; font-size: 1.2em;}
  .cd-horizontal-timeline.loaded {height: calc(100vh - 200px);}
  .footer {display: none;}
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
/*Firefox fix*/
@-moz-document url-prefix() {
  .logotitle, .cd-horizontal-timeline.loaded, .cd-horizontal-timeline .events-content li.selected, .cd-horizontal-timeline .events-content li, .footer {
	}
  .searchbox {margin-right: 216px;}
  .cd-horizontal-timeline .events-content li {display: none;}
	.wrapper {min-height: 98.0vh}
	.logotitle {position: absolute;}
	.cd-horizontal-timeline {background: url();}
  .cd-horizontal-timeline .timeline {position: relative; height: auto; top: -27px; left: 15px;}
	.cd-horizontal-timeline .events a {margin: -10px 0 -14px 0;}
}
/*IE fix*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
  .searchbox {padding-right: 10px;}
	.cd-horizontal-timeline .events {top: 2px; margin-left: -50%;}
	.cd-horizontal-timeline .events a {margin: -10px 0 -14px 0;}
	.wrapper {min-height: 100vh - 70px;}
  .cd-horizontal-timeline .events-content li {display: none;}
}
/*Safari fix*/
/*@media screen and ( -webkit-min-device-pixel-ratio : 0 )	{
	.button { 
		padding: 2px 5px 0px 5px;
		font-family:inherit;
		height: 29px;
	}
	.searcharea {height: 28px;}
}*/
@media screen and (max-width: 450px) {
  .worker {margin: 0 10px;}
  .workauthors {width: 100% !important; margin: 0 !important;}
  .workauthors div {width: 190px;}
}