@keyframes preloader {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

html {
  font-size: 1px;
}

:root {
  --fs: 1px;
}

html,
body {
  padding: 0;
  margin: 0;
  width: 100%;
  min-height: 100%;
}

body {
  background-color: #f5f5f5;
  color: #7a7a87;
  font: calc(var(--fs) * 17)/1.764706em "Sailec", "Open Sans", Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

a {
  color: #7a7a87;
  text-decoration: none;
  -webkit-transition: color 150ms;
  -moz-transition: color 150ms;
  -ms-transition: color 150ms;
  -o-transition: color 150ms;
  transition: color 150ms;
}
html.no-mobile a:hover {
  color: #000;
}

.wrapper {
  width: 100%;
  overflow: hidden;
}

.container {
  width: 92%;
  max-width: calc(var(--fs) * 1214);
  margin: auto;
}

.preloader {
  position: fixed;
  top: 50%;
  left: 44%;
  margin: -calc(var(--fs) * 36) -calc(var(--fs) * 50);
  -webkit-animation: preloader 5s linear infinite;
  -moz-animation: preloader 5s linear infinite;
  -o-animation: preloader 5s linear infinite;
  animation: preloader 5s linear infinite;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-property: opacity, visibility;
  -moz-transition-property: opacity, visibility;
  -ms-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 150ms;
  -moz-transition-duration: 150ms;
  -ms-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  transition-duration: 150ms;
  svg,
  img {
    display: block;
  }
}

main {
  overflow: hidden;
}
aside {
  background-color: #fff;
  border-bottom: calc(var(--fs) * 20) solid #000;
}
aside .container {
  max-width: calc(var(--fs) * 1021);
}

section {
  -webkit-transition-duration: 750ms;
  -moz-transition-duration: 750ms;
  -ms-transition-duration: 750ms;
  -o-transition-duration: 750ms;
  transition-duration: 750ms;
}

.header {
  overflow: hidden;
}
.header__main {
  float: left;
  max-width: 63%;
}
.header__main-name {
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: calc(var(--fs) * 17);
  line-height: 1.764706em;
  color: #000;
}
.header__aside {
  float: right;
  -webkit-transition: opacity 250ms;
  -moz-transition: opacity 250ms;
  -ms-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  transition: opacity 250ms;
}

.content {
  padding-bottom: calc(var(--fs) * 10);
}
.content__entry {
  padding: 0;
}
.content__entry-main {
  display: block;
}
.content__entry-media {
  display: block;
  position: relative;
  margin-bottom: calc(var(--fs) * 28);
}
.content__entry-media > img,
.content__entry-media > video {
  display: block;
  width: 100%;
}
.content__entry-media-hover {
  display: block;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: opacity 150ms;
  -moz-transition: opacity 150ms;
  -ms-transition: opacity 150ms;
  -o-transition: opacity 150ms;
  transition: opacity 150ms;
  opacity: 0;
}
.content__entry-media-hover img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 65.1452%;
}
.content__entry-title {
  display: block;
  margin-bottom: calc(var(--fs) * 5);
  color: #000;
  -webkit-transition: color 150ms;
  -moz-transition: color 150ms;
  -ms-transition: color 150ms;
  -o-transition: color 150ms;
  transition: color 150ms;
}
html.no-mobile a.content__entry-main:hover .content__entry-title {
  color: #a90020;
}
html.no-mobile a.content__entry-main:hover .content__entry-media-hover {
  opacity: 1;
}

.content__entry-desc {
  display: block;
  padding: 0 calc(var(--fs) * 20) 0 0;
  margin: 0;
}

.about {
  max-width: calc(var(--fs) * 827);
}
.about__text h2 {
  line-height: 1.428571em;
  font-weight: normal;
  padding: 0;
  color: #000;
}
.about__text p {
  padding: 0;
  margin: 0;
  max-width: calc(var(--fs) * 600);
}
.about__links {
  margin-bottom: calc(var(--fs) * 45);
}
.about__links-block {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: calc(var(--fs) * 390);
}
.about__links-block:first-child {
  padding-right: calc(var(--fs) * 40);
}
.about__links-block h3 {
  font-size: calc(var(--fs) * 17);
  line-height: 1.764706em;
  font-weight: normal;
  padding: 0;
  margin: 0 0 calc(var(--fs) * 10);
  color: #000;
}
.about__links-block p {
  padding: 0;
  margin: 0;
  letter-spacing: 0.calc(var(--fs) * 08);
}
.about__social h3 {
  font-size: calc(var(--fs) * 17);
  line-height: 1.764706em;
  font-weight: normal;
  padding: 0;
  margin: 0 calc(var(--fs) * 19) calc(var(--fs) * 10) 0;
  color: #000;
}
.about__social ul {
  letter-spacing: 0.calc(var(--fs) * 08);
  padding: 0;
  margin: 0;
}
.about__social li {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}

.text h2 {
  line-height: 1.428571em;
  font-weight: normal;
  padding: 0;
  color: #000;
}
.text p {
  padding: 0;
  margin: 10px 0;
}

html.-loading * {
  pointer-events: none;
}
html.-loading,
html.-loading body {
  height: 100%;
}
html.-loading .wrapper {
  position: relative;
  height: 100%;
}
html.-loading .preloader {
  opacity: 1;
  visibility: visible;
}
html.-loading section {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(calc(var(--fs) * 500));
  -moz-transform: translateY(calc(var(--fs) * 500));
  -ms-transform: translateY(calc(var(--fs) * 500));
  -o-transform: translateY(calc(var(--fs) * 500));
  transform: translateY(calc(var(--fs) * 500));
}
html.-loading .header__aside {
  opacity: 0;
}

@media only screen and (min-width: 1921px) {
  :root {
    --fs: 1.33248px;
  }
}

@media only screen and (min-width: 1440px) and (max-width: 1920px) {
  :root {
    --fs: 0.0694vw;
  }
}

@media only screen and (min-width: 769px) {
  .header {
    padding: calc(var(--fs) * 57) 0 calc(var(--fs) * 75);
  }
  .content {
    text-align: justify;
  }
  .content:after {
    content: "";
    display: inline-block;
    width: 100%;
  }
  .content__entry {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 0 0 calc(var(--fs) * 86);
  }
  .content__entry.-medium {
    width: 59.5552%;
  }
  .content__entry.-small {
    width: 32.454695%;
  }
  .content__entry.-long {
    width: 100%;
  }
  .content__entry.-long .content__entry-desc {
    width: 50%;
  }
  .about {
    padding: calc(var(--fs) * 90) 0;
  }
  .about__text {
    margin-bottom: calc(var(--fs) * 72);
  }
  .about__text h2 {
    margin: 0 0 calc(var(--fs) * 42);
  }
  .about__text h3 {
    font-size: calc(var(--fs) * 17);
    line-height: 1.764706em;
    font-weight: normal;
    padding: 0;
    margin: 0 0 calc(var(--fs) * 10);
    color: #000;
  }

  .about__links-block {
    margin-bottom: calc(var(--fs) * 40);
  }
  .about__social {
    margin-bottom: calc(var(--fs) * 33);
  }
  .text {
    padding: 0 0 calc(var(--fs) * 90);
  }
  .text h2 {
    margin: 0 0 calc(var(--fs) * 42);
  }
  .text__content {
    max-width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .header {
    padding: calc(var(--fs) * 15) 0 calc(var(--fs) * 45);
  }
  .content__entry {
    margin: 0 0 calc(var(--fs) * 45);
  }
  .about {
    padding: calc(var(--fs) * 45) 0;
  }
  .about__text {
    margin-bottom: calc(var(--fs) * 45);
  }
  .about__text h2 {
    margin: 0 0 calc(var(--fs) * 45);
  }
  .about__links-block:not(:last-child) {
    margin-bottom: calc(var(--fs) * 45);
  }
  .text {
    margin-bottom: calc(var(--fs) * 45);
  }
  .text h2 {
    margin: 0 0 calc(var(--fs) * 45);
  }
}

@media only screen and (min-width: 501px) {
  .header__aside-mobile {
    display: none;
  }
  .about__text h2,
  .text h2 {
    font-size: calc(var(--fs) * 42);
  }
  .about__social h3,
  .about__social ul,
  .about__social li {
    display: inline-block;
    vertical-align: baseline;
  }
  .about__social li + li {
    padding-left: calc(var(--fs) * 35);
  }
  .about__social li + li:before {
    content: "";
    display: block;
    position: absolute;
    left: calc(var(--fs) * 15);
    width: calc(var(--fs) * 3);
    height: calc(var(--fs) * 3);
    background-color: currentcolor;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    left: calc(var(--fs) * 15);
    margin-top: -calc(var(--fs) * 1);
  }
}

@media only screen and (max-width: 500px) {
  .header__aside-desktop {
    display: none;
  }
  .about__text h2,
  .text h2 {
    font-size: calc(var(--fs) * 32);
  }
  .about__social li + li {
    padding-top: calc(var(--fs) * 5);
  }
}