@font-face {
  font-family: 'Inter';
  src: url("../fonts/inter/inter-regular.6224e19f1970.woff2") format("woff2"), url("../fonts/inter/inter-regular.22fef035043b.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Inter';
  src: url("../fonts/inter/inter-medium.bfb5f3a472c1.woff2") format("woff2"), url("../fonts/inter/inter-medium.7dbc3f7d924a.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Inter';
  src: url("../fonts/inter/inter-semibold.a83e169c7cdb.woff2") format("woff2"), url("../fonts/inter/inter-semibold.b10f3cad46f0.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Inter';
  src: url("../fonts/inter/inter-bold.2d452cf774c6.woff2") format("woff2"), url("../fonts/inter/inter-bold.2e9c6ce3fcd7.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
/*@font-face {
  font-family: 'Formular';
  src: local('Formular Regular'), local('Formular-Regular'),
  url("../fonts/formular/formular.86134a9473dc.woff2") format('woff2'),
  url("../fonts/formular/formular.b970ba7117a3.woff") format('woff');
  font-weight: 400;
  font-style: normal;
}*/
@font-face {
  font-family: 'Formular';
  src: local("Formular Bold"), local("Formular-Regular"), url("../fonts/formular/formular-bold.cb84faa4f473.woff2") format("woff2"), url("../fonts/formular/formular-bold.d156fb5cdb81.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
/*Colors*/
html, body {
  margin: 0;
  padding: 0;
  height: 100%; }

@media (max-width: 1023px) {
  body.menu-is-open .page {
    height: 100%;
    overflow: hidden; } }

.page {
  overflow: hidden; }

.container {
  max-width: 1016px;
  margin: 0 auto;
  padding: 0 16px; }
  @media all and (min-width: 1024px) {
    .container {
      padding: 0 20px; } }

.content {
  position: relative;
  padding: 45px 16px 0; }
  .content:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -999em;
    right: -999em;
    z-index: -1;
    background: #F7F9FA; }
  @media all and (min-width: 1024px) {
    .content {
      padding: 45px 20px 160px; } }
  .content__main {
    padding-top: 0;
    position: relative; }
    .content__main:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: -999em;
      right: -999em;
      z-index: -1;
      background: #ffffff; }
    @media all and (min-width: 1024px) {
      .content__main {
        padding-bottom: 80px; } }

.hidden {
  display: none; }

/**
 * 1. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  -ms-text-size-adjust: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 1 */ }

body {
  font-family: Inter, Verdana, Arial;
  font-size: 14px;
  font-weight: 400;
  color: #111111;
  line-height: 1.5; }

a {
  text-decoration: none;
  color: #56B8AD; }

table {
  border: 1px solid #D9DCE0;
  border-collapse: collapse; }

td, th {
  padding: 12px 16px;
  border: 1px solid #D9DCE0; }
  @media all and (min-width: 1024px) {
    td, th {
      padding: 16px 20px; } }
  td p:first-child, th p:first-child {
    margin-top: 0; }
  td p:last-child, th p:last-child {
    margin-bottom: 0; }

th {
  font-weight: 700;
  text-align: left; }

.table-wrap {
  width: 100%;
  overflow: auto; }

ul {
  padding: 0; }
  ul:first-child {
    margin-top: 0; }
  ul:last-child {
    margin-bottom: 0; }

li {
  list-style: none none inside;
  margin-bottom: 8px;
  padding-left: 15px;
  position: relative; }
  li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #111111;
    border-radius: 50%; }

p img {
  max-width: 100%;
  height: auto; }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }
@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }
@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); } }
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); } }
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

.header__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px; }
.header__column {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center; }
  @media all and (max-width: 1023px) {
    .header__column {
      width: 33.3%; }
      .header__column:nth-child(2) {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start; }
      .header__column:nth-child(3) {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: flex-start; } }
.header__menu {
  padding: 0 40px; }
.header__lang-switch {
  display: none; }
  @media all and (min-width: 1024px) {
    .header__lang-switch {
      display: block;
      margin: 0 30px 0 25px; } }
.header__lang-switch-mobile {
  margin: 0 20px; }
.header__account {
  margin-left: 25px; }
.header__compare {
  background: none;
  border: 0;
  padding: 0; }
  .header__compare:focus, .header__compare:active {
    outline: none; }
.header__support {
  display: none; }
  .header__support .n-btn {
    display: block; }
  @media all and (min-width: 1024px) {
    .header__support {
      display: block; } }
@media all and (min-width: 1024px) {
  .header__mobile {
    display: none; } }

.footer {
  background: #111111;
  color: #ffffff; }
  .footer__inner {
    padding-top: 40px;
    padding-bottom: 24px; }
    @media all and (min-width: 1024px) {
      .footer__inner {
        padding-bottom: 40px; } }
  .footer__medium {
    padding-bottom: 34px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin: 70px 0 20px; }
    @media all and (min-width: 1024px) {
      .footer__medium {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-end;
        margin: 100px 0 25px; } }
  @media all and (min-width: 1024px) {
    .footer__bottom {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: flex-end; } }
  @media all and (max-width: 1023px) {
    .footer__subscription {
      margin-top: 25px; } }
  @media all and (max-width: 1023px) {
    .footer__copyright {
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      padding-top: 24px; } }

/* <input type="text" class="n-input"> */
.n-input {
  font-family: Inter, Verdana, Arial;
  font-size: 12px;
  line-height: 20px;
  padding: 5px 13px;
  background: #ffffff;
  width: 100%;
  outline: none;
  color: #111111;
  border: 1px solid #C4C7CC;
  box-sizing: border-box;
  border-radius: 2px;
  box-shadow: none;
  -webkit-appearance: none; }
  .n-input:focus {
    border-color: #56B8AD; }
  @media all and (min-width: 1024px) {
    .n-input {
      font-size: 16px;
      padding: 9px 16px;
      height: 40px; } }
  .n-input::-webkit-input-placeholder {
    color: #C4C7CC; }
  .n-input::-moz-placeholder {
    color: #C4C7CC; }
  .n-input:-ms-input-placeholder {
    color: #C4C7CC; }
  .n-input:-moz-placeholder {
    color: #C4C7CC; }
  .n-input__wrapper {
    display: flex; }
    @media all and (max-width: 420px) {
      .n-input__wrapper {
        flex-direction: column; } }
  .n-input--has-error {
    background: white;
    border: 2px solid #FC3F33;
    border-radius: 2px;
    box-sizing: border-box;
    margin-right: 16px; }
  .n-input__error {
    color: #FC3F33;
    line-height: 40px; }
    .n-input__error::before {
      content: '!';
      display: inline-block;
      background-color: rgba(252, 63, 51, 0.2);
      border-radius: 10px;
      line-height: 20px;
      height: 20px;
      margin-right: 8px;
      text-align: center;
      vertical-align: middle;
      width: 20px; }

input[type=text],
input[type=email],
input[type=password],
textarea {
  -webkit-appearance: none; }

.n-radio, .n-checkbox {
  position: relative;
  overflow: hidden; }
  .n-radio__label, .n-checkbox__label {
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    position: relative;
    padding-left: 27px;
    display: block;
    transition: color 0.3s linear; }
    .n-radio__label:hover, .n-checkbox__label:hover {
      color: #56B8AD; }
    .n-radio__label-text, .n-checkbox__label-text {
      display: inline-block;
      line-height: 16px; }
    .n-radio__label-box, .n-checkbox__label-box {
      width: 14px;
      height: 14px;
      background: #ffffff;
      border-radius: 2px;
      border: 1px solid #c4c7cc;
      box-shadow: 0 0 2px #c4c7cc;
      display: block;
      box-sizing: border-box;
      position: absolute;
      top: 0;
      left: 0; }
      .n-radio__label-box:before, .n-checkbox__label-box:before {
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        background: url("../images/icon/checked.cd134fa27a21.svg") center no-repeat;
        background-size: 100% 100%;
        opacity: 0;
        transition: opacity 0.3s linear; }
  .n-radio__input, .n-checkbox__input {
    position: absolute;
    left: -100px;
    opacity: 0; }
    .n-radio__input:checked + label .n-radio__label-box:before, .n-radio__input:checked + label .n-checkbox__label-box:before, .n-checkbox__input:checked + label .n-radio__label-box:before, .n-checkbox__input:checked + label .n-checkbox__label-box:before {
      opacity: 1; }

.n-radio__label-box {
  border-radius: 50%; }
  .n-radio__label-box:before {
    border-radius: 50%; }

.radio-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center; }
  @media all and (min-width: 350px) {
    .radio-box {
      flex-wrap: nowrap; } }
  .radio-box__label {
    margin-right: 37px;
    color: #ffffff;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 5px; }
    @media all and (min-width: 350px) {
      .radio-box__label {
        width: auto;
        margin-bottom: 0; } }
  .radio-box__item {
    margin-right: 27px; }
    .radio-box__item:last-child {
      margin: 0; }

.n-select {
  position: relative; }
  .n-select__selected {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    padding-right: 16px;
    position: relative; }
    .n-select__selected:before {
      content: "";
      width: 0;
      height: 0;
      border-color: #111111 transparent transparent transparent;
      border-width: 4px;
      border-style: solid;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -2px; }
    .n-select__selected_active:before {
      border-color: transparent transparent #56B8AD transparent;
      margin-top: -6px; }
    @media all and (min-width: 1024px) {
      .n-select__selected {
        font-size: 16px;
        font-weight: 400;
        padding: 11px 34px 11px 16px;
        line-height: 1;
        background: #ffffff;
        border-radius: 2px;
        border: 1px solid #EEEFF2;
        cursor: pointer;
        min-width: 180px;
        box-sizing: border-box; }
        .n-select__selected:before {
          right: 16px; }
        .n-select__selected_active {
          border-color: #56B8AD; } }
  .n-select__items {
    background: #ffffff;
    border: 1px solid #EEEFF2;
    box-sizing: border-box;
    border-radius: 2px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
    margin-top: 8px;
    padding: 10px 0;
    display: none;
    min-width: 160px;
    white-space: nowrap; }
  .n-select__item {
    font-size: 12px;
    cursor: pointer;
    padding: 3px 17px;
    font-weight: 500; }
    .n-select__item_active {
      color: #56B8AD; }
    .n-select__item:hover {
      background: #fafafa; }
    @media all and (min-width: 1024px) {
      .n-select__item {
        font-size: 16px;
        font-weight: 400;
        padding: 7px 17px; } }

.n-form__item {
  margin: 20px 0; }
.n-form__label {
  font-weight: 700;
  margin-bottom: 3px; }

.n-btn {
  background: #56B8AD;
  border: 1px solid rgba(17, 17, 17, 0.12);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  padding: 13px 15px;
  border-radius: 2px;
  cursor: pointer;
  line-height: 1;
  text-decoration: none;
  font-family: Inter, Verdana, Arial;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
  box-shadow: 0 1px 2px rgba(7, 8, 10, 0.08);
  text-align: center;
  box-sizing: border-box;
  transition: background-color 0.3s linear; }
  .n-btn:hover {
    background-color: #419a90; }
  .n-btn_white {
    background: #ffffff;
    border: 1px solid rgba(17, 17, 17, 0.12);
    color: #111111; }
    .n-btn_white:hover {
      background: #fafafa;
      border-color: rgba(17, 17, 17, 0.12); }
  .n-btn_gray {
    background: #C4C7CC;
    border: 1px solid rgba(17, 17, 17, 0.12);
    box-shadow: none; }
    .n-btn_gray:hover {
      background: #b6bac0; }
  .n-btn_gray-dark {
    background: #898D93;
    border: 1px solid rgba(17, 17, 17, 0.12);
    box-shadow: none; }
    .n-btn_gray-dark:hover {
      background: #7c8087; }
  .n-btn_ico {
    padding-top: 11px;
    padding-bottom: 11px; }
    .n-btn_ico:before {
      content: "";
      display: inline-block;
      width: 24px;
      height: 24px;
      vertical-align: middle;
      margin-right: 2px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% auto; }
  .n-btn_search {
    padding-left: 10px; }
    .n-btn_search:before {
      background-image: url("../images/icon/search.38565b0e58f9.svg"); }
  .n-btn_compare {
    padding: 10px 16px 10px 11px; }
    .n-btn_compare:before {
      width: 18px;
      height: 18px;
      margin-right: 7px;
      background-image: url("../images/icon/compare-btn.8dd64b423b18.svg"); }
  .n-btn_find {
    padding: 9px 16px 10px 10px; }
    .n-btn_find:before {
      width: 20px;
      height: 19px;
      margin-right: 7px;
      background-image: url("../images/icon/find-btn.d13c0bcd18f7.svg"); }
  .n-btn_contents {
    padding: 10px 16px 10px 11px; }
    .n-btn_contents:before {
      width: 18px;
      height: 18px;
      margin-right: 12px;
      background-image: url("../images/icon/contents.66a8f73c19b7.svg"); }
  .n-btn_back {
    padding: 10px 16px 10px 11px; }
    .n-btn_back:before {
      width: 18px;
      height: 18px;
      margin-right: 12px;
      background-image: url("../images/icon/back.94b4f4f1b874.svg");
      position: relative;
      top: -1px; }
  .n-btn--back-fixed {
    border-radius: 0 2px 2px 0;
    padding-left: 8px;
    padding-right: 19px; }
    @media all and (min-width: 1233px) {
      .n-btn--back-fixed {
        position: fixed;
        top: 117px;
        z-index: 10;
        left: 0; } }
    @media all and (max-width: 1232px) {
      .n-btn--back-fixed {
        padding-top: 7px;
        padding-bottom: 7px; } }

.n-table {
  border: none; }
  .n-table__description {
    color: #898D93;
    margin-bottom: 15px;
    max-width: 790px; }
    @media all and (min-width: 1024px) {
      .n-table__description {
        padding: 0 25px;
        margin-bottom: 50px; } }
  @media all and (max-width: 1023px) {
    .n-table__list {
      padding-bottom: 68px; } }
  @media all and (min-width: 1024px) {
    .n-table__list {
      background: #ffffff;
      border: 1px solid #EEEFF2; } }
  @media all and (min-width: 1024px) {
    .n-table__thead {
      border-bottom: 1px solid #EEEFF2;
      padding: 14px 24px; } }
  .n-table__th {
    border: none;
    color: #898D93;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    align-items: center;
    text-transform: uppercase; }
  .n-table__td {
    border: none;
    border-bottom: 1px solid #eeeff2;
    vertical-align: top; }
  .n-table__th:first-child, .n-table__td:first-child {
    padding-left: 0; }
  .n-table__th:last-child, .n-table__td:last-child {
    padding-right: 0; }
  .n-table__row {
    position: relative;
    padding: 16px 16px 50px; }
    @media all and (min-width: 1024px) {
      .n-table__row {
        padding: 14px 24px; } }
  .n-table__collapsable {
    cursor: pointer;
    max-height: 4.5em;
    overflow: hidden;
    position: relative; }
    .n-table__collapsable::after {
      background: linear-gradient(to top, #fff 0%, #fffb 70%, #fff0 100%);
      top: 3em;
      content: '';
      display: block;
      height: 1.5em;
      position: absolute;
      width: 100%; }
    .n-table__collapsable--expanded {
      max-height: none; }
      .n-table__collapsable--expanded::after {
        content: none; }

.n-tooltip {
  background: white;
  border: 1px solid #EEEFF2;
  border-radius: 2px;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  display: none;
  position: absolute;
  top: 0;
  right: 100%;
  z-index: 2; }
  .n-tooltip__trigger {
    cursor: pointer;
    position: relative; }
  .n-tooltip__trigger--active .n-tooltip {
    display: block; }
  .n-tooltip__head {
    border-bottom: 1px solid #EEEFF2;
    display: flex;
    font-weight: bold;
    justify-content: space-between; }
  .n-tooltip__head, .n-tooltip__body {
    padding: 16px 20px; }
  .n-tooltip__close {
    align-self: center;
    background: url("../images/icon/close.081b2967df91.svg");
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 12px; }

.action-icon {
  position: relative;
  font-size: inherit;
  cursor: pointer; }
  .action-icon path {
    transition: fill 0.3s linear; }
  .action-icon:hover path {
    fill: #45968d; }
  .action-icon:hover .action-icon__tooltip {
    opacity: 1; }
  .action-icon:hover .action-icon__dropdown {
    display: block; }
  .action-icon--inline {
    display: inline-block; }
  .action-icon_red:hover path {
    fill: #ce2a1f; }
  .action-icon__img {
    display: block; }
  .action-icon__count {
    background: #111111;
    color: #ffffff;
    border-radius: 20px;
    font-weight: bold;
    font-size: 8px;
    position: absolute;
    top: -4px;
    left: 15px;
    padding: 2px 5px; }
    .action-icon__count:empty {
      display: none; }
  .action-icon_dark .action-icon__count {
    background: #56B8AD; }
  .action-icon__tooltip {
    pointer-events: none;
    opacity: 0;
    position: absolute;
    background: #ffffff;
    left: 50%;
    top: -35px;
    border: 1px solid #EEEFF2;
    box-sizing: border-box;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    padding: 7px 16px;
    line-height: 1;
    white-space: nowrap;
    color: #898D93;
    font-size: 12px;
    font-weight: 500;
    transform: translate(-50%, 0);
    border-radius: 4px;
    transition: opacity 0.3s linear; }
    .action-icon__tooltip:before {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -6px;
      width: 10px;
      height: 10px;
      background: red;
      background: #ffffff;
      transform: rotate(45deg);
      margin-left: -6px;
      border: 1px solid #EEEFF2;
      z-index: 8; }
    .action-icon__tooltip:after {
      content: "";
      position: absolute;
      right: 2px;
      bottom: 1px;
      height: 8px;
      left: 2px;
      background: #ffffff;
      z-index: 9; }
  .action-icon__tooltip-text {
    position: relative;
    z-index: 10; }
  .action-icon__dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #ffffff;
    border: 1px solid #EEEFF2;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 16px;
    z-index: 10;
    width: 444px; }
    @media all and (min-width: 1650px) {
      .action-icon__dropdown {
        left: 0;
        right: auto; } }
  .action-icon__dropdown-item {
    padding: 11px 0;
    font-size: 12px;
    border-bottom: 2px dotted rgba(0, 0, 0, 0.08);
    cursor: pointer;
    position: relative;
    transition: color 0.3s linear; }
    .action-icon__dropdown-item:last-child {
      border: none; }
    .action-icon__dropdown-item:hover {
      color: #56B8AD; }
  .action-icon__dropdown-item-complex {
    display: flex;
    justify-content: space-between; }
  .action-icon__grey {
    color: #898D93; }
    .action-icon__grey:hover {
      color: #56B8AD; }
  .action-icon__strong {
    font-weight: 700; }
  .action-icon__dropdown-section:not(:last-child) {
    position: relative; }
    .action-icon__dropdown-section:not(:last-child):before {
      content: "";
      position: absolute;
      top: 100%;
      left: -16px;
      right: -16px;
      height: 1px;
      background: #EEEFF2; }
  .action-icon__first-column {
    width: 60%; }
  .action-icon__last-column {
    width: 30%; }
  .action-icon__details {
    background: white;
    border: 1px solid #EEEFF2;
    box-sizing: border-box;
    border-radius: 4px;
    display: none;
    max-width: 100vw;
    padding: 0 16px;
    position: absolute;
    top: 30px;
    width: 444px;
    left: -222px;
    z-index: 1; }
    .action-icon__details--visible {
      display: block; }
    @media all and (max-width: 1023px) {
      .action-icon__details {
        right: 0;
        left: auto; } }
  .action-icon__details-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    padding: 11px 0;
    text-align: left; }
    .action-icon__details-item:last-child {
      border-bottom: none; }

.mobile-menu-link {
  width: 24px;
  padding: 1px 0; }
  .mobile-menu-link__line {
    background: #111111;
    margin: 4px 4px;
    height: 2px; }

.block-title {
  text-align: center;
  margin: 0 0 40px;
  padding-bottom: 18px;
  position: relative; }
  .block-title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100px;
    height: 3px;
    background: #c10b25;
    margin-left: -50px; }

.main-menu {
  display: none; }
  @media all and (min-width: 1024px) {
    .main-menu {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: fle-start;
      align-items: flex-start; } }
  .main-menu__link {
    font-weight: 600;
    font-size: 14px;
    color: #111111;
    opacity: 0.5;
    line-height: 20px;
    transition: opacity 0.3s linear; }
    .main-menu__link:hover {
      opacity: 0.8; }
  .main-menu__item {
    margin: 0 12px;
    white-space: nowrap; }
    .main-menu__item:first-child {
      margin-left: 0; }

.logo-block__link, .logo-block__img {
  display: block; }
.logo-block__img_desktop {
  height: 40px;
  display: none; }
  @media all and (min-width: 1024px) {
    .logo-block__img_desktop {
      display: block; } }
.logo-block__img_mobile {
  height: 28px;
  display: block; }
  @media all and (min-width: 1024px) {
    .logo-block__img_mobile {
      display: none; } }

.project-menu__title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 16px;
  margin-bottom: 17px; }
.project-menu__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start; }
.project-menu__link {
  color: #ffffff;
  font-size: 16px;
  transition: opacity 0.3s linear; }
  .project-menu__link:hover {
    opacity: 0.8; }
.project-menu__item {
  width: 50%;
  box-sizing: border-box;
  padding: 8px 0; }
  @media all and (min-width: 1024px) {
    .project-menu__item {
      width: 33.3%; } }

.project-description-block {
  max-width: 490px; }
  @media all and (min-width: 1024px) {
    .project-description-block {
      margin-bottom: -6px; } }
  .project-description-block__logo {
    margin-bottom: 24px;
    display: block; }
  .project-description-block__text {
    color: #C9C9C9; }
    @media all and (min-width: 1024px) {
      .project-description-block__text {
        font-size: 16px; } }

.subscription-block {
  max-width: 400px; }
  .subscription-block__title {
    line-height: 1;
    color: #C9C9C9;
    margin-bottom: 12px; }
    @media all and (min-width: 1024px) {
      .subscription-block__title {
        margin-bottom: 24px; } }

.subscription-form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center; }
  .subscription-form__btn {
    margin-left: 8px;
    flex-shrink: 0; }
    @media all and (min-width: 1024px) {
      .subscription-form__btn {
        width: 120px; } }
    @media all and (max-width: 1023px) {
      .subscription-form__btn {
        text-transform: uppercase;
        padding: 10px 13px;
        font-size: 10px; } }
  .subscription-form__input-wrap {
    width: 100%; }

.social-link {
  color: #ffffff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  transition: opacity 0.3s linear; }
  .social-link:hover {
    opacity: 0.8; }
  .social-link__icon {
    margin-right: 10px;
    flex-shrink: 0; }
    .social-link__icon:last-child {
      margin: 0; }

.social-block__title {
  line-height: 1;
  color: #C9C9C9;
  margin-bottom: 25px; }
.social-block__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start; }
.social-block__item {
  width: 50%;
  margin-bottom: 15px; }
  @media all and (min-width: 1024px) {
    .social-block__item {
      width: auto;
      margin: 0 38px 0 0; }
      .social-block__item:last-child {
        margin-right: 0; } }

.copyright-block {
  color: #C9C9C9;
  text-align: center;
  line-height: 1; }
  @media all and (min-width: 1024px) {
    .copyright-block {
      text-align: left; } }

.advantages-block {
  position: relative;
  padding: 50px 0 80px; }
  .advantages-block:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -999em;
    right: -999em;
    z-index: -1;
    background: #ffffff; }
  @media all and (min-width: 1024px) {
    .advantages-block {
      padding-top: 80px; } }
  .advantages-block__title {
    font-family: Formular;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 40px; }
    @media all and (min-width: 1024px) {
      .advantages-block__title {
        font-size: 36px;
        margin: 0 0 90px; } }
  @media all and (min-width: 1024px) {
    .advantages-block__items:not(.advantages-block__items_numeric) {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: flex-start; }
      .advantages-block__items:not(.advantages-block__items_numeric) .advantages-block__item {
        box-sizing: border-box;
        padding-right: 40px; }
        .advantages-block__items:not(.advantages-block__items_numeric) .advantages-block__item:last-child {
          padding: 0; } }
  .advantages-block__item {
    margin-bottom: 25px; }
    .advantages-block__item:last-child {
      margin-bottom: 0; }
    @media all and (min-width: 1024px) {
      .advantages-block__item {
        margin: 0; } }
    .advantages-block__item_numeric {
      padding-left: 45px;
      position: relative; }
      @media all and (min-width: 1024px) {
        .advantages-block__item_numeric {
          padding-left: 65px;
          margin-bottom: 35px; } }
  .advantages-block__item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 9px; }
    @media all and (min-width: 1024px) {
      .advantages-block__item-title {
        font-size: 20px; } }
  .advantages-block__item-text_numeric {
    color: #898D93; }
    @media all and (min-width: 1024px) {
      .advantages-block__item-text_numeric {
        font-size: 16px;
        font-weight: 500; } }
  .advantages-block__item-number {
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    border: 2px solid #56B8AD;
    border-radius: 50%;
    text-align: center;
    line-height: 27px;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: -10px;
    font-family: Formular;
    font-weight: 700; }
    @media all and (min-width: 1024px) {
      .advantages-block__item-number {
        width: 39px;
        height: 39px;
        line-height: 34px;
        font-size: 20px;
        top: -12px; } }
  .advantages-block__bots {
    margin-top: 20px; }
    @media all and (min-width: 1024px) {
      .advantages-block__bots_numeric {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center; } }
  .advantages-block__bots-items {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center; }
  .advantages-block__bot-link {
    margin-right: 40px; }
    @media all and (min-width: 1024px) {
      .advantages-block__bot-link {
        margin-right: 20px; } }
  .advantages-block__instruction-link {
    font-size: 12px;
    font-weight: 700;
    color: #56B8AD;
    margin-top: 20px;
    display: inline-block; }
    .advantages-block__instruction-link:after {
      content: "";
      display: inline-block;
      width: 16px;
      height: 13px;
      vertical-align: middle;
      margin-left: 7px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% auto;
      background-image: url("../images/icon/right-green.0d340f8eb18c.svg"); }
    @media all and (min-width: 1024px) {
      .advantages-block__instruction-link_btn {
        margin: 0;
        text-transform: uppercase;
        padding: 5px 12px 4px 14px;
        color: #ffffff;
        background: #56B8AD;
        font-size: 10px;
        border-radius: 2px; }
        .advantages-block__instruction-link_btn:after {
          background-image: url("../images/icon/right-white.0f9e910561e9.svg"); }
        .advantages-block__instruction-link_btn:hover {
          background-color: #419a90; } }

.promo-block {
  background: #EEEFF2;
  height: 80px;
  font-size: 13px;
  color: #000000;
  letter-spacing: 1px;
  border-radius: 2px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center; }
  @media all and (min-width: 1024px) {
    .promo-block {
      height: 200px;
      background: #C4C4C4; } }

@media all and (max-width: 1023px) {
  .main-social-block__items {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start; } }
.main-social-block__item {
  margin-right: 40px; }
  @media all and (min-width: 1024px) {
    .main-social-block__item {
      margin: 0 0 30px 0; }
      .main-social-block__item:last-child {
        margin-bottom: 0; } }
@media all and (min-width: 1024px) {
  .main-social-block__link img {
    width: 20px;
    height: auto; } }

.action-link {
  width: 20px; }
  .action-link__dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #C4C4C4;
    margin: 0 auto 4px; }
    .action-link__dot:last-child {
      margin-bottom: 0; }

.card-actions {
  position: relative; }
  .card-actions__items-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center; }
  @media all and (min-width: 1024px) {
    .card-actions__action-link {
      display: none; } }
  .card-actions__action {
    margin-left: 20px;
    background: none;
    border: 0;
    padding: 0; }
    .card-actions__action:focus, .card-actions__action:active {
      outline: none; }
    .card-actions__action:first-child {
      margin: 0; }
    .card-actions__action--expand, .card-actions__action--close {
      display: none; }
  .card-actions__items {
    display: none; }
    @media all and (min-width: 1024px) {
      .card-actions__items {
        display: block !important; } }
    @media all and (max-width: 1023px) {
      .card-actions__items {
        background: #ffffff;
        border: 1px solid #EEEFF2;
        border-radius: 2px;
        padding: 15px 22px;
        position: absolute;
        right: 0;
        bottom: 100%;
        margin-bottom: 5px; } }

.count-block {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center; }
  .count-block__count {
    margin-left: 7px; }

.deep-search {
  background: #ffffff;
  border: 1px solid rgba(17, 17, 17, 0.12);
  border-radius: 4px;
  padding: 18px;
  position: relative;
  display: none; }
  .deep-search.opened {
    display: block; }
  @media all and (min-width: 1024px) {
    .deep-search {
      padding: 25px 40px; }
      .deep-search:before {
        content: "";
        width: 23px;
        height: 23px;
        background: #ffffff;
        border: 1px solid rgba(17, 17, 17, 0.12);
        border-radius: 3px;
        position: absolute;
        right: 87px;
        top: -12px;
        transform: rotate(45deg); }
      .deep-search:after {
        content: "";
        width: 50px;
        height: 25px;
        background: #ffffff;
        position: absolute;
        right: 75px;
        top: 0; } }
  .deep-search__title {
    display: none; }
    @media all and (min-width: 1024px) {
      .deep-search__title {
        font-weight: 700;
        font-size: 16px;
        display: block;
        margin-bottom: 20px; } }
  .deep-search__filter {
    background: #ffffff;
    margin-bottom: 16px; }
    .deep-search__filter:last-child {
      margin-bottom: 0; }
    @media all and (min-width: 1024px) {
      .deep-search__filter {
        border-radius: 4px;
        border: 1px solid #EEEFF2; } }
    .deep-search__filter.opened .deep-search__filter-body {
      display: block; }
    .deep-search__filter.opened .deep-search__filter-title:before {
      transform: rotate(180deg); }
    @media all and (max-width: 1023px) {
      .deep-search__filter.opened .deep-search__filter-title {
        border-color: #56B8AD; }
        .deep-search__filter.opened .deep-search__filter-title:before {
          margin-top: -7px;
          border-color: #56B8AD transparent transparent transparent; } }
  .deep-search__filter-title {
    font-weight: 700;
    font-size: 16px;
    border: 1px solid #EEEFF2;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 11px 16px;
    cursor: pointer;
    position: relative; }
    .deep-search__filter-title .desktop {
      display: none; }
    .deep-search__filter-title .mobile {
      display: inline-block; }
    @media all and (min-width: 1024px) {
      .deep-search__filter-title {
        padding: 11px 24px;
        border: none;
        border-radius: 0; }
        .deep-search__filter-title .desktop {
          display: inline-block; }
        .deep-search__filter-title .mobile {
          display: none; }
        .deep-search__filter-title:before {
          content: "";
          position: absolute;
          right: 30px;
          top: 50%;
          width: 24px;
          height: 24px;
          background: url("../images/icon/drop-down.1960b33186bd.svg") center no-repeat;
          background-size: 100% auto;
          margin-top: -12px; }
        .deep-search__filter-title:hover {
          background: #fafafa; } }
    @media all and (max-width: 1023px) {
      .deep-search__filter-title:before {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        width: 0;
        height: 0;
        border-color: #111111 transparent transparent transparent;
        border-width: 4px;
        border-style: solid;
        margin-top: -2px; } }
    .deep-search__filter-title .filter-count {
      display: inline-block !important;
      margin-left: 7px; }
      @media all and (min-width: 1024px) {
        .deep-search__filter-title .filter-count {
          display: none !important; } }
  .deep-search__filter-body {
    padding: 18px;
    border: 1px solid #EEEFF2;
    border-radius: 2px;
    display: none;
    margin-top: 8px; }
    @media all and (min-width: 1024px) {
      .deep-search__filter-body {
        padding: 28px 24px;
        border: none;
        border-top: 1px solid #EEEFF2;
        border-radius: 0;
        margin: 0; } }
  .deep-search__bottom {
    margin-top: 25px; }
    @media all and (min-width: 1024px) {
      .deep-search__bottom {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: center; } }
  .deep-search__count-block {
    margin-bottom: 25px; }
    @media all and (min-width: 1024px) {
      .deep-search__count-block {
        margin: 0 16px 0 0; } }
  @media all and (min-width: 1024px) {
    .deep-search__reset {
      background: #898D93; } }
  .deep-search__btn {
    text-transform: uppercase;
    font-size: 10px;
    margin: 0 auto 10px; }
    .deep-search__btn:last-child {
      margin-bottom: 0; }
    @media all and (max-width: 1023px) {
      .deep-search__btn {
        display: block;
        width: 100%;
        max-width: 400px; } }
    @media all and (min-width: 1024px) {
      .deep-search__btn {
        margin: 0 0 0 13px;
        width: 144px;
        padding: 6px 8px; } }

.filter-year {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: -7px -11px; }
  @media all and (min-width: 1024px) {
    .filter-year {
      flex-wrap: nowrap;
      justify-content: space-between; } }
  .filter-year__item {
    padding: 7px 11px;
    width: 33.3%;
    box-sizing: border-box; }
    @media all and (min-width: 500px) {
      .filter-year__item {
        max-width: 100px; } }
    @media all and (min-width: 1024px) {
      .filter-year__item {
        max-width: none; } }

@media all and (min-width: 600px) {
  .position-filter {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start; } }
@media all and (min-width: 600px) {
  .position-filter__param {
    width: 50%; } }
.position-filter__param-title {
  font-weight: 600;
  margin-bottom: 14px;
  display: none; }
  @media all and (min-width: 1024px) {
    .position-filter__param-title {
      display: block; } }
.position-filter__param-items {
  margin: -6px 0; }
  @media all and (min-width: 1024px) {
    .position-filter__param-items {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: flex-start; } }
.position-filter__param-item {
  padding: 6px 0; }
@media all and (min-width: 1024px) {
  .position-filter__param-column {
    width: 50%; } }
.position-filter__position {
  margin-top: 20px; }
  @media all and (min-width: 600px) {
    .position-filter__position {
      margin: 0; } }

.risk-filter__param-item {
  padding: 6px 0; }
.risk-filter__param-items {
  margin: -6px 0; }
  @media all and (min-width: 1024px) {
    .risk-filter__param-items {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: flex-start; } }

.region-filter {
  position: relative; }
  .region-filter__title {
    font-weight: 600; }
    @media all and (max-width: 1023px) {
      .region-filter__title {
        border: 1px solid #EEEFF2;
        padding: 3px 16px;
        border-radius: 2px;
        position: relative; }
        .region-filter__title:before {
          content: "";
          position: absolute;
          right: 15px;
          top: 50%;
          width: 0;
          height: 0;
          border-color: #111111 transparent transparent transparent;
          border-width: 4px;
          border-style: solid;
          margin-top: -3px; } }
  @media all and (min-width: 1024px) {
    .region-filter__items-wrap {
      display: block !important; } }
  @media all and (max-width: 1023px) {
    .region-filter__items-wrap {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      z-index: 10;
      margin-top: 8px;
      display: none; }
      .region-filter__items-wrap:before {
        content: "";
        position: absolute;
        top: 0;
        left: -19px;
        right: -19px;
        bottom: -16px;
        border: 1px solid #EEEFF2;
        border-top: none;
        border-radius: 0 0 2px 2px;
        background: #ffffff;
        z-index: -1; } }
  @media all and (min-width: 1024px) {
    .region-filter__items {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      margin: 0 -10px; } }
  @media all and (max-width: 1023px) {
    .region-filter__items {
      max-height: 200px;
      overflow: auto;
      border: 1px solid #EEEFF2;
      padding: 16px;
      box-sizing: border-box;
      border-radius: 2px;
      background: #ffffff; } }
  .region-filter__item {
    box-sizing: border-box; }
    @media all and (min-width: 1024px) {
      .region-filter__item {
        width: 20%;
        padding: 0 10px;
        margin-top: 15px; } }
    @media all and (max-width: 1023px) {
      .region-filter__item {
        margin-bottom: 15px; }
        .region-filter__item:last-child {
          margin: 0; } }
  .region-filter__param-item {
    padding: 6px 0; }

.region-type-filter {
  margin-bottom: 24px; }
  .region-type-filter__title {
    font-weight: 600;
    margin-bottom: 15px;
    display: none; }
    @media all and (min-width: 1024px) {
      .region-type-filter__title {
        display: block; } }
  @media all and (min-width: 1024px) {
    .region-type-filter__items {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: flex-start; } }
  .region-type-filter__item {
    max-width: 300px;
    margin-bottom: 15px; }
    .region-type-filter__item:last-child {
      margin-bottom: 0; }
    @media all and (min-width: 1024px) {
      .region-type-filter__item {
        width: 50%;
        margin: 0; } }

.filter-count {
  color: #ffffff;
  background: #56B8AD;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  display: block; }

.search-form {
  position: relative; }
  @media all and (min-width: 1024px) {
    .search-form__columns {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: flex-start; } }
  .search-form__left {
    flex: auto;
    position: relative; }
    @media all and (min-width: 1024px) {
      .search-form__left {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding-right: 20px; } }
  .search-form__right {
    flex-shrink: 0; }
  .search-form__input-wrap {
    position: relative;
    flex: auto; }
    @media all and (min-width: 1024px) {
      .search-form__input-wrap {
        margin-right: 20px; } }
  .search-form__everywhere {
    position: absolute;
    top: 17px;
    right: 20px; }
    @media all and (max-width: 1023px) {
      .search-form__everywhere {
        right: 32px;
        top: 8px; } }
    .search-form__everywhere .n-checkbox__label-text {
      vertical-align: top; }
  @media all and (max-width: 1023px) {
    .search-form__everywhere-label {
      font-size: 12px;
      line-height: 20px; } }
  .search-form__autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #ffffff;
    border: 1px solid #56B8AD;
    border-radius: 0 0 2px 2px;
    margin-top: -2px;
    z-index: 100;
    display: none; }
  .search-form__autocomplete-item {
    border-bottom: 1px solid #EEEFF2;
    padding: 7px 14px;
    font-size: 12px;
    cursor: pointer;
    transition: color 0.3s linear; }
    .search-form__autocomplete-item:last-child {
      border-bottom: none; }
    .search-form__autocomplete-item:hover, .search-form__autocomplete-item--current {
      background: #F7F9FA;
      color: #56B8AD; }
    @media all and (min-width: 1024px) {
      .search-form__autocomplete-item {
        padding: 9px 18px;
        font-size: 14px; } }
  .search-form__input {
    padding-right: 110px; }
    @media all and (min-width: 1024px) {
      .search-form__input {
        font-weight: 500;
        padding: 13px 16px;
        padding-right: 110px;
        height: 48px; } }
    [lang="en"] .search-form__input {
      padding-right: 140px; }
  .search-form__deep-search-count {
    display: none; }
    @media all and (min-width: 1024px) {
      .search-form__deep-search-count {
        margin-left: 7px;
        display: inline-block;
        vertical-align: middle; } }
    .search-form__deep-search-count:empty {
      display: none; }
  @media all and (max-width: 1023px) {
    .search-form__deep-search {
      box-shadow: none;
      background: none;
      border: none;
      padding: 0 13px 0 0;
      margin-top: 20px;
      position: relative; }
      .search-form__deep-search:after {
        content: "";
        width: 0;
        height: 0;
        display: block;
        border-color: #2B2C2E transparent transparent transparent;
        border-style: solid;
        border-width: 4px 3px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -2px; } }
  @media all and (min-width: 1024px) {
    .search-form__deep-search {
      line-height: 24px;
      padding: 11px 0;
      width: 175px; } }
  @media all and (max-width: 1023px) {
    .search-form__search {
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -16px;
      text-indent: -100px;
      overflow: hidden;
      background: url("../images/icon/search-green.c668e0363112.svg") center no-repeat;
      padding: 0;
      width: 32px;
      height: 32px;
      box-sizing: border-box;
      box-shadow: none;
      border: none; }
      .search-form__search:before {
        display: none; } }
  @media all and (min-width: 1024px) {
    .search-form__search {
      flex-shrink: 0; } }
  .search-form__deep-search-block {
    margin-top: 25px; }
    @media all and (max-width: 1023px) {
      .search-form__deep-search-block {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin-top: 10px;
        z-index: 9; } }

.twitter-typeahead {
  width: 100%; }

.lang-switch {
  cursor: pointer;
  transition: opacity 0.3s linear; }
  .lang-switch:hover {
    opacity: 0.8; }
  .lang-switch__selected {
    font-size: 16px;
    font-weight: 700;
    position: relative;
    top: 1px; }

.account-block {
  position: relative; }
  .account-block__icon {
    display: block;
    cursor: pointer;
    width: 24px;
    height: 24px; }
    .account-block__icon path {
      transition: fill 0.3s linear; }
    .account-block__icon:hover path {
      fill: #56B8AD; }
  .account-block__dropdown {
    margin-top: 13px;
    position: absolute;
    top: 100%;
    border: 1px solid #EEEFF2;
    background: #ffffff;
    z-index: 10;
    display: none;
    right: 0; }
    @media all and (min-width: 1024px) {
      .account-block__dropdown {
        left: 0;
        right: auto; } }
  .account-block__dropdown-top {
    padding: 10px 16px; }
  .account-block__user-name {
    font-weight: 600; }
  .account-block__user-email {
    font-weight: 600;
    color: #898D93;
    font-size: 12px; }
  .account-block__menu {
    padding: 10px 16px;
    border-top: 1px solid #EEEFF2; }
  .account-block__menu-item {
    margin-bottom: 11px; }
    .account-block__menu-item:last-child {
      margin-bottom: 0; }
  .account-block__menu-link, .account-block__logout {
    color: #111111;
    display: block;
    transition: color 0.3s linear; }
    .account-block__menu-link:hover, .account-block__logout:hover {
      color: #56B8AD; }
  .account-block__menu-link {
    font-weight: 600; }
  .account-block__dropdown-bottom {
    padding: 10px 16px;
    border-top: 1px solid #EEEFF2; }

.search-card {
  background: #ffffff;
  border: 1px solid #EEEFF2;
  border-radius: 4px; }
  .search-card--collapsed .search-card__items {
    display: none; }
  .search-card__top {
    padding: 10px 16px;
    border-bottom: 1px solid #EEEFF2;
    position: relative; }
    @media all and (min-width: 1024px) {
      .search-card__top {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 10px 23px; } }
  .search-card__name {
    font-weight: 700; }
    @media all and (min-width: 1024px) {
      .search-card__name {
        font-size: 16px; } }
  .search-card__position {
    font-size: 12px;
    font-weight: 500;
    margin-top: 3px; }
    @media all and (min-width: 1024px) {
      .search-card__position {
        font-size: 16px;
        margin: 0; } }
  .search-card__item {
    border-bottom: 1px solid #EEEFF2;
    padding: 12px 0; }
    .search-card__item:last-child {
      border-bottom: none; }
    @media all and (min-width: 1024px) {
      .search-card__item {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center; } }
  .search-card__item-name {
    color: #898d93;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 700;
    flex: 30%;
    max-width: 130px;
    margin-bottom: 7px;
    letter-spacing: 0.25px; }
    @media all and (min-width: 1024px) {
      .search-card__item-name {
        margin: 0;
        font-size: 11px; } }
  .search-card__item-text {
    font-size: 12px;
    font-weight: 500;
    flex: auto; }
  .search-card__items {
    padding: 0 16px; }
    @media all and (min-width: 1024px) {
      .search-card__items {
        padding: 0 23px; } }
  @media all and (max-width: 1023px) {
    .search-card__actions {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      right: 18px; } }
  .search-card__col-title {
    color: #898d93;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .search-card__col-value {
    font-size: 16px;
    font-weight: bold; }
  .search-card__content {
    padding-bottom: 23px; }

.pager {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center; }
  .pager__item {
    margin: 0 4px; }
    @media all and (min-width: 1024px) {
      .pager__item {
        margin: 0 10px; } }
    .pager__item:first-child {
      margin-left: 0; }
    .pager__item:last-child {
      margin-right: 0; }
    .pager__item_desktop {
      display: none; }
      @media all and (min-width: 1024px) {
        .pager__item_desktop {
          display: block; } }
  .pager__link, .pager__dots {
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 50%; }
    @media all and (min-width: 1024px) {
      .pager__link, .pager__dots {
        width: 48px;
        height: 48px; } }
  .pager__prev, .pager__next {
    cursor: pointer;
    width: 24px;
    height: 32px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center; }
    @media all and (min-width: 1024px) {
      .pager__prev, .pager__next {
        height: 48px; } }
    .pager__prev:hover path, .pager__next:hover path {
      fill: #56B8AD; }
  .pager__link {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #111111;
    line-height: 32px; }
    @media all and (min-width: 1024px) {
      .pager__link {
        line-height: 48px; } }
    .pager__link:hover {
      color: #56B8AD; }
    .pager__link_active {
      background: #56B8AD;
      color: #ffffff; }
      .pager__link_active:hover {
        color: #ffffff; }
  .pager__dots {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center; }
  .pager__dot {
    display: block;
    width: 3px;
    height: 3px;
    background: #111111;
    border-radius: 50%;
    margin: 0 1px; }
  .pager__arrow {
    width: 20px;
    height: 20px; }
    @media all and (min-width: 1024px) {
      .pager__arrow {
        width: 24px;
        height: 24px; } }

.monitoring-block {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center; }
  .monitoring-block__title {
    font-weight: 600;
    font-size: 12px;
    color: #000000;
    margin-right: 12px; }
    @media all and (min-width: 1024px) {
      .monitoring-block__title {
        margin-right: 18px; } }
  .monitoring-block__btn {
    margin-right: 15px;
    min-width: 70px; }
    .monitoring-block__btn:last-child {
      margin: 0; }
    @media all and (max-width: 1023px) {
      .monitoring-block__btn {
        padding: 5px 10px;
        margin-right: 10px;
        min-width: 56px;
        font-size: 10px;
        text-transform: uppercase; } }

.sort-block {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative; }
  .sort-block__title {
    display: none; }
    @media all and (min-width: 1024px) {
      .sort-block__title {
        display: block;
        font-weight: 600;
        font-size: 12px;
        color: #000000;
        margin-right: 18px; } }
  .sort-block__icon {
    cursor: pointer;
    margin-left: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 24px;
    height: 24px;
    background-image: url("../images/icon/sort-up.b56a3c1133a2.svg"); }
    .sort-block__icon_desc {
      background-image: url("../images/icon/sort-down.0b6f448b1f14.svg"); }

.mobile-menu {
  display: none;
  text-align: center;
  padding: 60px 16px;
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 100; }
  .mobile-menu_open {
    display: block; }
  .mobile-menu__inner {
    box-sizing: border-box; }
    @media all and (min-height: 520px) {
      .mobile-menu__inner {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        height: 100%; } }
  .mobile-menu__items {
    padding: 40px 0; }
  .mobile-menu__link {
    color: #111111;
    font-weight: 600; }
  .mobile-menu__item {
    margin: 18px 0; }
  .mobile-menu__donation {
    width: 100%;
    margin: 25px auto 0;
    max-width: 400px; }
  .mobile-menu__description {
    max-width: 400px;
    margin: 0 auto; }
  .mobile-menu__close-btn {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 22px;
    right: 22px; }
    .mobile-menu__close-btn:before, .mobile-menu__close-btn:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      height: 2px;
      background: #111111;
      top: 50%;
      margin-top: -1px; }
    .mobile-menu__close-btn:before {
      transform: rotate(45deg); }
    .mobile-menu__close-btn:after {
      transform: rotate(-45deg); }

.tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start; }
  .tabs__link {
    font-size: 12px;
    font-weight: 700;
    color: #000000;
    transition: color 0.3s linear; }
    .tabs__link:hover {
      color: #56B8AD; }
    .tabs__link_active {
      color: #56B8AD;
      cursor: default; }
    @media all and (min-width: 1024px) {
      .tabs__link {
        font-size: 16px; } }
  .tabs__item {
    padding: 0 6px; }
    .tabs__item:first-child {
      padding-left: 0; }
    .tabs__item:last-child {
      padding-right: 0; }
    @media all and (min-width: 1024px) {
      .tabs__item {
        padding: 0 24px; } }
  .tabs__tab {
    margin-top: 15px; }

.request-block__description {
  color: #898D93;
  margin-bottom: 15px;
  max-width: 790px; }
  @media all and (min-width: 1024px) {
    .request-block__description {
      padding: 0 25px 0 0;
      margin-bottom: 50px; } }
.request-block__list {
  display: table;
  width: 100%; }
  @media all and (max-width: 1023px) {
    .request-block__list {
      padding-bottom: 68px; } }
  @media all and (min-width: 1024px) {
    .request-block__list {
      background: #ffffff;
      border: 1px solid #EEEFF2; } }
.request-block__list-header {
  display: none; }
  @media all and (min-width: 1024px) {
    .request-block__list-header {
      display: table-row; } }
.request-block__list-title {
  border-bottom: 1px solid #EEEFF2;
  display: table-cell;
  font-size: 16px;
  padding: 14px 24px; }
  .request-block__list-title:nth-child(1) {
    flex: auto; }
  .request-block__list-title:nth-child(2) {
    width: 18%; }
  .request-block__list-title:nth-child(3) {
    width: 18%; }
  .request-block__list-title:nth-child(4) {
    width: 28%; }
  .request-block__list-title:nth-child(5) {
    width: 14px; }
@media all and (max-width: 1023px) {
  .request-block__list-item {
    margin: 0 -17px 16px;
    border: 1px solid #EEEFF2;
    background: #ffffff; }
    .request-block__list-item:last-child {
      margin-bottom: 0; } }
@media all and (min-width: 1024px) {
  .request-block__list-item {
    border-bottom: 1px solid #EEEFF2; }
    .request-block__list-item:last-child {
      border: none; } }

.request-row {
  position: relative;
  padding: 16px 16px 0; }
  @media all and (min-width: 1024px) {
    .request-row {
      display: table-row;
      padding: 0; } }
  @media all and (min-width: 1024px) {
    .request-row__name, .request-row__find, .request-row__week, .request-row__email, .request-row__close {
      border-bottom: 1px solid #EEEFF2;
      display: table-cell;
      padding: 16px 24px; } }
  .request-row__rss-btn {
    font-size: 10px;
    padding: 6px 9px;
    width: 48px; }
  @media all and (min-width: 1024px) {
    .request-row__name {
      flex: auto; } }
  @media all and (max-width: 1023px) {
    .request-row__name {
      font-weight: 700;
      border-bottom: 1px solid #EEEFF2;
      margin: 0 -16px;
      padding: 0 42px 16px 16px; } }
  @media all and (min-width: 1024px) {
    .request-row__rss {
      width: 9%; } }
  @media all and (max-width: 1023px) {
    .request-row__rss {
      position: absolute;
      bottom: 14px;
      left: 16px; } }
  @media all and (min-width: 1024px) {
    .request-row__find, .request-row__week {
      width: 18%; } }
  @media all and (max-width: 1023px) {
    .request-row__find, .request-row__week {
      border-bottom: 1px solid #EEEFF2;
      padding: 9px 0;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center; } }
  @media all and (min-width: 1024px) {
    .request-row__email {
      width: 28%; } }
  @media all and (max-width: 1023px) {
    .request-row__email {
      padding: 9px 0;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center; } }
  .request-row__close {
    font-size: 0; }
    @media all and (min-width: 1024px) {
      .request-row__close {
        width: 14px; } }
    @media all and (max-width: 1023px) {
      .request-row__close {
        position: absolute;
        top: 19px;
        right: 16px;
        height: 14px; } }
  @media all and (min-width: 1024px) {
    .request-row__item-name {
      display: none; } }

.close-btn {
  padding: 0;
  background: none;
  border: none;
  font-size: 0;
  width: 14px;
  height: 14px;
  position: relative;
  outline: none;
  cursor: pointer; }
  .close-btn:before, .close-btn:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    background: #111111;
    transition: background-color 0.3s linear; }
  .close-btn:before {
    transform: rotate(45deg); }
  .close-btn:after {
    transform: rotate(-45deg); }
  .close-btn:hover:before, .close-btn:hover:after {
    background: #56B8AD; }

.drop-down-btn {
  width: 14px;
  height: 14px;
  position: relative;
  outline: none;
  cursor: pointer; }
  .drop-down-btn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px;
    border-color: #111111 transparent transparent transparent;
    margin-top: -2px;
    margin-left: -5px; }
  .drop-down-btn:hover:before {
    border-color: #56B8AD transparent transparent transparent; }
  .drop-down-btn_opened:before, .drop-down-btn_opened:hover:before {
    border-color: transparent transparent #56B8AD transparent;
    margin-top: -7px; }

.popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  overflow: auto;
  background: rgba(17, 17, 17, 0.7); }
  .popup__wrap {
    position: absolute;
    top: 0;
    left: 0; }
    @media all and (max-width: 1023px) {
      .popup__wrap {
        width: 100% !important; } }
    @media all and (min-width: 1024px) {
      .popup__wrap {
        top: 10%;
        left: 50%;
        padding-bottom: 100px;
        width: 90%;
        max-width: 1032px;
        transform: translate3d(-50%, 0, 0);
        box-sizing: border-box; } }
  .popup__content {
    opacity: 0;
    background: #ffffff; }
    @media all and (max-width: 1023px) {
      .popup__content {
        min-height: 100vh; } }
  .popup__close {
    position: absolute;
    top: 23px;
    right: 24px; }
    .popup__close--inline {
      position: static; }

.popup-lock {
  height: auto;
  overflow: hidden !important;
  width: auto; }
  .popup-lock body {
    overflow: hidden !important;
    height: 100%; }

.email-notification {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center; }
  .email-notification__status {
    margin-right: 16px; }
  .email-notification__icon {
    cursor: pointer;
    font-size: 0;
    height: 14px;
    vertical-align: middle;
    width: 12px;
    background: none;
    border: 0;
    padding: 0; }
    .email-notification__icon:focus, .email-notification__icon:active {
      outline: none; }
  .email-notification__play {
    overflow: hidden; }
    .email-notification__play:before {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-color: transparent transparent transparent #56B8AD;
      border-width: 7px 10px;
      display: block;
      margin-left: 1px; }
  .email-notification__pause {
    position: relative; }
    .email-notification__pause:before, .email-notification__pause:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      background: #FFBB00;
      width: 4px; }
    .email-notification__pause:before {
      left: 0; }
    .email-notification__pause:after {
      right: 0; }

.login-block {
  padding: 60px 16px;
  box-sizing: border-box;
  max-width: 390px;
  margin: 0 auto; }
  @media all and (min-width: 400px) {
    .login-block {
      text-align: center;
      padding: 44px 40px; } }
  .login-block__email, .login-block__error, .login-block__success {
    display: none; }
  .login-block--email .login-block__social, .login-block--email .login-block__loading {
    display: none; }
  .login-block--email .login-block__email {
    display: block; }
  .login-block--success .login-block__social, .login-block--success .login-block__email {
    display: none; }
  .login-block--success .login-block__success {
    display: block; }
  .login-block--error .login-block__social, .login-block--error .login-block__email, .login-block--error .login-block__error {
    display: none; }
  .login-block--error .login-block__error {
    display: block; }
  .login-block--loading .login-block__social,
  .login-block--loading .login-block__other--email-submit {
    display: none; }
  .login-block--loading .login-block__email,
  .login-block--loading .login-block__loading {
    display: block; }
  .login-block__title {
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1;
    font-size: 20px; }
    @media all and (min-width: 400px) {
      .login-block__title {
        font-size: 28px; } }
  .login-block__btns {
    margin: 25px 0; }
    .login-block__btns button {
      width: 100%; }
  .login-block__btn_facebook, .login-block__btn_google {
    width: 100%;
    box-sizing: border-box; }
    .login-block__btn_facebook:before, .login-block__btn_google:before {
      content: "";
      width: 24px;
      height: 24px;
      display: inline-block;
      position: relative;
      vertical-align: middle;
      top: -2px;
      margin-right: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100% auto; }
  .login-block__btn_facebook {
    margin-bottom: 12px; }
    .login-block__btn_facebook:before {
      background-image: url("../images/icon/facebook.29e85d03a497.svg"); }
  .login-block__btn_google:before {
    background-image: url("../images/icon/google.1af26ce285d1.svg"); }
  .login-block__bottom {
    text-align: center; }
  .login-block__other {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 0 18px;
    background: none;
    border: 0;
    padding: 0; }
    .login-block__other:focus, .login-block__other:active {
      outline: none; }
    .login-block__other-text {
      margin-right: 5px; }
    .login-block__other:hover {
      color: #419a90; }
      .login-block__other:hover path {
        fill: #419a90; }

.add-request-block__title {
  padding: 60px 16px 16px;
  border-bottom: 1px solid #EEEFF2;
  font-weight: 700;
  font-size: 20px;
  line-height: 1; }
  @media all and (min-width: 400px) {
    .add-request-block__title {
      padding: 21px 24px;
      font-size: 16px; } }
.add-request-block__content {
  padding: 16px; }
  @media all and (min-width: 400px) {
    .add-request-block__content {
      padding: 20px 24px; } }
.add-request-block__bottom {
  margin-top: 40px; }
  @media all and (min-width: 400px) {
    .add-request-block__bottom {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center; } }
.add-request-block__btn {
  width: 100%;
  margin-top: 16px; }
  @media all and (min-width: 400px) {
    .add-request-block__btn {
      width: 104px;
      margin: 0; } }
.add-request-block__count {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center; }
.add-request-block__count-text {
  font-size: 16px;
  margin-right: 8px; }
.add-request-block__count-number {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #56B8AD;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px; }
.add-request-block__items {
  margin-top: 16px;
  border: 1px solid #C4C7CC;
  border-radius: 2px;
  padding: 12px; }
.add-request-block__item {
  font-size: 12px;
  color: #56B8AD;
  cursor: pointer;
  margin-bottom: 8px;
  font-weight: 500;
  transition: color 0.3s linear; }
  .add-request-block__item:hover {
    color: #347D74; }
.add-request-block__input {
  width: 100%;
  padding: 0;
  outline: none;
  border: none;
  box-shadow: none;
  box-sizing: border-box; }
.add-request-block__progress {
  padding-bottom: 14px; }

.progress-block__bar {
  background: #EEEFF2;
  border-radius: 2px;
  height: 4px;
  overflow: hidden;
  margin-top: 12px; }
.progress-block__progress {
  background: #56B8AD;
  height: 100%;
  border-radius: 2px; }

.page-about {
  padding: 60px 16px 30px; }
  @media all and (min-width: 1024px) {
    .page-about {
      padding: 40px; } }
  .page-about__title {
    line-height: 1;
    font-size: 20px;
    margin: 0 0 10px; }
    @media all and (min-width: 1024px) {
      .page-about__title {
        font-family: Formular;
        font-size: 36px; } }
  .page-about__content p {
    margin: 10px 0; }
  .page-about__content p:last-child {
    margin-bottom: 0; }
  .page-about__content h3 {
    margin: 22px 0 10px; }
  @media all and (min-width: 1024px) {
    .page-about__content {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: stretch;
      margin: 0 -20px; } }
  @media all and (min-width: 1024px) {
    .page-about__column {
      width: 50%;
      box-sizing: border-box;
      padding: 0 20px; } }
  @media all and (min-width: 1024px) {
    .page-about__column_right {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: flex-start; } }
  .page-about__column_inner {
    width: 100%; }
  .page-about__join-project {
    width: 100%;
    margin-top: 40px; }
    @media all and (min-width: 1024px) {
      .page-about__join-project {
        font-size: 16px;
        margin: 0; } }

.donate-form__row {
  margin-bottom: 22px; }
  .donate-form__row:last-child {
    margin-bottom: 0; }
  @media all and (min-width: 1024px) {
    .donate-form__row {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: flex-start; } }
@media all and (min-width: 1024px) {
  .donate-form__column:first-child {
    width: 61%;
    padding-right: 9px;
    box-sizing: border-box; }
  .donate-form__column:last-child {
    width: 39%; } }
@media all and (min-width: 1024px) {
  .donate-form__price {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start; } }
.donate-form__price-btns {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 -4px; }
.donate-form__price-btn {
  border: 1px solid #C4C7CC;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 500;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
  width: 50%;
  margin: 0 4px;
  white-space: nowrap;
  transition: border-color 0.3s linear; }
  .donate-form__price-btn:hover, .donate-form__price-btn.active {
    border: 2px solid #56B8AD;
    line-height: 36px; }
  @media all and (min-width: 1024px) {
    .donate-form__price-btn {
      width: 96px;
      flex-shrink: 0; } }
.donate-form__input {
  font-size: 16px;
  padding: 9px 16px;
  height: 40px;
  box-sizing: border-box;
  width: 100%; }
  @media all and (min-width: 1024px) {
    .donate-form__input {
      width: 139px; } }
.donate-form__text {
  position: relative;
  top: -4px; }
.donate-form__btn {
  width: 100%;
  margin-top: 16px; }
  @media all and (min-width: 1024px) {
    .donate-form__btn {
      margin: 0; } }
.donate-form__checkbox {
  margin-top: 8px; }
  @media all and (min-width: 1024px) {
    .donate-form__checkbox {
      margin: 0; } }
.donate-form__input-wrap {
  margin-top: 16px;
  flex: auto; }
  @media all and (min-width: 1024px) {
    .donate-form__input-wrap {
      margin: 0 0 0 8px; } }
.donate-form .n-checkbox__label-box {
  width: 18px;
  height: 18px; }
.donate-form .n-checkbox__label {
  line-height: 18px; }

.donate-block {
  padding: 60px 16px 16px;
  box-sizing: border-box;
  max-width: 664px;
  margin: 0 auto; }
  @media all and (min-width: 1024px) {
    .donate-block {
      padding: 40px; } }
  .donate-block__title {
    line-height: 1;
    font-weight: 700;
    font-size: 20px; }
    @media all and (min-width: 1024px) {
      .donate-block__title {
        font-size: 28px; } }
  .donate-block__text {
    max-width: 400px; }
  .donate-block ul {
    font-weight: 600; }

.page-api {
  padding: 60px 16px 40px; }
  @media all and (min-width: 1024px) {
    .page-api {
      padding: 32px; } }
  .page-api__title {
    font-size: 20px;
    margin-top: 0;
    line-height: 1; }
    @media all and (min-width: 1024px) {
      .page-api__title {
        font-size: 24px; } }
  .page-api a {
    color: #111111;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
    display: inline-block;
    text-decoration: underline; }
  @media all and (max-width: 1023px) {
    .page-api__small-table td {
      font-size: 9px;
      padding: 8px; }
      .page-api__small-table td a {
        font-weight: 400;
        font-size: 9px; } }

.request-table {
  margin: 7px 0;
  border: 1px solid #EEEFF2; }
  @media all and (max-width: 1023px) {
    .request-table {
      font-size: 12px; } }
  .request-table__row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    border-bottom: 1px solid #EEEFF2; }
    .request-table__row:last-child {
      border-bottom: none; }
    @media all and (max-width: 1023px) {
      .request-table__row {
        align-items: center; } }
  .request-table__link-wrap {
    width: 43%;
    padding: 10px;
    flex-shrink: 0;
    box-sizing: border-box; }
    @media all and (min-width: 500px) {
      .request-table__link-wrap {
        width: 70%; } }
    @media all and (max-width: 1023px) {
      .request-table__link-wrap {
        padding: 5px 10px; } }
    @media all and (max-width: 1023px) {
      .request-table__link-wrap a {
        white-space: nowrap;
        max-width: 100%;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis; } }
  .request-table__link-name {
    padding: 10px;
    width: 57%;
    flex-shrink: 0;
    box-sizing: border-box;
    border-right: 1px solid #EEEFF2; }
    @media all and (min-width: 500px) {
      .request-table__link-name {
        width: 30%; } }
    @media all and (max-width: 1023px) {
      .request-table__link-name {
        padding: 5px 10px; } }
  .request-table__title {
    font-weight: 700;
    font-size: 14px; }

.analytics-tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  background: #ffffff;
  border: 1px solid #EEEFF2;
  border-radius: 2px;
  overflow: hidden; }
  .analytics-tabs__tab {
    font-weight: 700;
    font-size: 12px;
    padding: 4px 23px;
    text-align: center;
    line-height: 1.3;
    cursor: pointer;
    transition: background-color 0.3s linear;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center; }
    .analytics-tabs__tab:hover {
      background: #f7f7f7; }
    .analytics-tabs__tab_active {
      color: #ffffff;
      background: #56B8AD; }
      .analytics-tabs__tab_active:hover {
        background: #56B8AD;
        cursor: default; }

.chart-legend {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start; }
  .chart-legend__item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 12px 12px 0; }
    .chart-legend__item:last-child {
      margin-right: 0; }
    @media all and (min-width: 1024px) {
      .chart-legend__item {
        margin-right: 40px; } }
  .chart-legend__item-color {
    width: 12px;
    height: 12px;
    margin-right: 8px;
    flex-shrink: 0; }
    @media all and (min-width: 1024px) {
      .chart-legend__item-color {
        width: 20px;
        height: 20px;
        margin-right: 16px; } }
  .chart-legend__item-name {
    font-weight: 600;
    white-space: nowrap; }

.compare-card {
  border: 1px solid #EEEFF2;
  background: #ffffff;
  border-radius: 4px; }
  .compare-card_opened .compare-card__items {
    display: block; }
  @media all and (min-width: 1024px) {
    .compare-card_opened .compare-card__position {
      display: none; } }
  .compare-card__title {
    font-weight: 700; }
    @media all and (min-width: 1024px) {
      .compare-card__title {
        font-size: 16px;
        width: 35%;
        text-decoration: underline; } }
  .compare-card__header {
    position: relative;
    padding: 12px 16px; }
    @media all and (min-width: 1024px) {
      .compare-card__header {
        padding: 11px 24px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center; } }
  .compare-card__items {
    padding: 0 16px;
    border-top: 1px solid #EEEFF2;
    display: none; }
    @media all and (min-width: 1024px) {
      .compare-card__items {
        padding: 0 24px; } }
  .compare-card__item {
    border-bottom: 1px solid #EEEFF2;
    padding: 10px 0; }
    .compare-card__item:last-child {
      border: none; }
    @media all and (min-width: 1024px) {
      .compare-card__item {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start; } }
  .compare-card__item-name {
    color: #898D93; }
    @media all and (min-width: 1024px) {
      .compare-card__item-name {
        width: 128px;
        flex-shrink: 0; } }
    @media all and (max-width: 1023px) {
      .compare-card__item-name {
        font-weight: 500;
        font-size: 9px;
        text-transform: uppercase;
        margin-bottom: 5px; } }
  .compare-card__item-value {
    font-size: 12px; }
    @media all and (min-width: 1024px) {
      .compare-card__item-value {
        flex: auto;
        font-size: 14px; } }
  @media all and (max-width: 1023px) {
    .compare-card__actions {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      right: 18px; } }
  .compare-card__position {
    flex: auto; }
    @media all and (max-width: 1023px) {
      .compare-card__position {
        font-size: 12px;
        font-weight: 500; } }
  @media all and (max-width: 1023px) {
    .compare-card__desktop {
      display: none; } }

.compare-popup {
  overflow: hidden; }
  .compare-popup__title {
    background: #F7F9FA;
    padding: 60px 16px 13px;
    font-size: 20px;
    font-weight: 700; }
    @media all and (min-width: 1024px) {
      .compare-popup__title {
        background: #ffffff;
        padding: 13px 24px; } }
  .compare-popup__body {
    background: #F7F9FA;
    padding: 16px 16px 40px; }
  .compare-popup__top {
    margin-bottom: 8px; }
    @media all and (min-width: 1024px) {
      .compare-popup__top {
        padding: 0 16px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center; } }
  .compare-popup__open-link {
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
    display: none;
    position: relative;
    padding-right: 16px;
    transition: color 0.3s linear; }
    .compare-popup__open-link:before {
      content: "";
      width: 0;
      height: 0;
      border-color: #111111 transparent transparent transparent;
      border-width: 4px;
      border-style: solid;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -2px;
      transition: border-color 0.3s linear; }
    .compare-popup__open-link:hover {
      color: #56B8AD; }
      .compare-popup__open-link:hover:before {
        border-color: #56B8AD transparent transparent transparent; }
    @media all and (min-width: 1024px) {
      .compare-popup__open-link {
        display: block; } }
  .compare-popup__actions {
    margin-top: 24px; }
    @media all and (min-width: 1024px) {
      .compare-popup__actions {
        margin-top: 94px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: center; } }
  .compare-popup__btns {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start; }
    @media all and (min-width: 1024px) {
      .compare-popup__btns {
        margin: 0 0 0 32px; } }
  .compare-popup__btn {
    margin-left: 12px;
    margin-top: 0; }
    .compare-popup__btn:first-child {
      margin: 0; }
    @media all and (max-width: 1023px) {
      .compare-popup__btn {
        width: 50%; } }
    @media all and (min-width: 1024px) {
      .compare-popup__btn {
        font-size: 16px;
        padding: 15px 24px;
        margin-left: 16px; } }
  .compare-popup .count-block__title {
    font-size: 16px; }
  .compare-popup .action-icon {
    display: none; }
  .compare-popup .card-actions__action--expand,
  .compare-popup .card-actions__action--close {
    display: block; }

.personal-info__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px; }
  .personal-info__row:last-child {
    margin-bottom: 0; }
.personal-info__top {
  margin-bottom: 18px; }
  @media all and (min-width: 1024px) {
    .personal-info__top {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: flex-start; } }
.personal-info__item-name {
  font-size: 12px;
  color: #898D93;
  width: 40%;
  max-width: 90px;
  flex-shrink: 0; }
  @media all and (min-width: 1024px) {
    .personal-info__item-name {
      font-size: 11px;
      text-transform: uppercase;
      font-weight: 700;
      max-width: none; } }
.personal-info__item-value {
  font-weight: 500;
  font-size: 12px;
  flex: auto; }
.personal-info__name {
  font-weight: bold;
  font-size: 16px; }
  @media all and (min-width: 1024px) {
    .personal-info__name {
      width: 40%; } }
.personal-info__position {
  display: none; }
  @media all and (min-width: 1024px) {
    .personal-info__position {
      display: block;
      font-weight: 500;
      font-size: 16px;
      width: 60%; } }

.declaration-card {
  background: #ffffff;
  border: 1px solid #EEEFF2;
  border-radius: 2px;
  padding: 12px 16px;
  margin: 0 -18px; }
  @media all and (min-width: 1024px) {
    .declaration-card {
      margin: 0;
      padding: 15px 24px 0; } }
  .declaration-card__personal-info {
    border-bottom: 1px solid #EEEFF2;
    margin: 0 -24px;
    padding: 0 24px 11px; }
  .declaration-card__feature {
    padding: 19px 0 30px; }
  .declaration-card__feature-title {
    font-weight: 700;
    position: relative;
    padding-left: 34px;
    margin-bottom: 5px;
    font-size: 12px; }
    .declaration-card__feature-title:before {
      content: "";
      width: 20px;
      height: 20px;
      position: absolute;
      top: 50%;
      margin-top: -10px;
      left: 0;
      background: url("../images/icon/feature.fc437b82f2b6.svg");
      background-size: 100% auto; }
    @media all and (min-width: 1024px) {
      .declaration-card__feature-title {
        font-size: 14px; } }
  @media all and (min-width: 1024px) {
    .declaration-card__feature-items {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      margin: 0 -10px;
      max-width: 790px; } }
  .declaration-card__feature-item {
    box-sizing: border-box;
    display: flex;
    margin-top: 12px;
    font-weight: 500;
    font-size: 12px; }
    @media all and (max-width: 1023px) {
      .declaration-card__feature-item {
        flex-direction: column; } }
  @media all and (min-width: 1024px) {
    .declaration-card__feature-item-title, .declaration-card__feature-item-description {
      width: 50%;
      padding: 0 10px; } }
  .declaration-card__feature-item-description {
    color: #555; }
  .declaration-card__charts-title {
    padding-left: 34px;
    position: relative;
    font-size: 12px; }
    .declaration-card__charts-title:before {
      content: "";
      width: 20px;
      height: 20px;
      position: absolute;
      top: 50%;
      margin-top: -10px;
      left: 0;
      background: url("../images/icon/chart-title.951526ab4de7.svg");
      background-size: 100% auto; }
    @media all and (min-width: 1024px) {
      .declaration-card__charts-title {
        font-size: 14px; } }
  @media all and (min-width: 1024px) {
    .declaration-card__charts-items {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      margin: 0 -8px; } }
  .declaration-card__charts-item {
    box-sizing: border-box;
    margin-top: 16px;
    max-width: 550px; }
    @media all and (min-width: 1024px) {
      .declaration-card__charts-item {
        width: 50%;
        padding: 0 8px; } }
  @media all and (min-width: 500px) {
    .declaration-card__btns {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: flex-start; } }
  @media all and (min-width: 500px) {
    .declaration-card__btn {
      margin-right: 16px; } }
  @media all and (max-width: 499px) {
    .declaration-card__btn {
      width: 100%;
      margin-bottom: 16px;
      text-transform: uppercase; }
      .declaration-card__btn:last-child {
        margin: 0; } }
  .declaration-card__actions {
    border-bottom: 1px solid #EEEFF2;
    margin: 18px -16px 0;
    padding: 0 16px 11px; }
    @media all and (min-width: 1024px) {
      .declaration-card__actions {
        border-top: 1px solid #EEEFF2;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: start;
        padding: 24px;
        margin: 18px -24px 0; } }
  @media all and (max-width: 1023px) {
    .declaration-card__monitoring {
      display: block;
      margin-top: 20px; }
      .declaration-card__monitoring .monitoring-block__title {
        margin: 0 0 12px 0; }
      .declaration-card__monitoring .monitoring-block__btn {
        padding: 10px 16px;
        font-size: 10px;
        text-transform: uppercase;
        box-sizing: border-box; } }

.dynamics-info {
  border: 1px solid #EEEFF2;
  padding: 16px;
  border-radius: 2px; }
  @media all and (min-width: 500px) {
    .dynamics-info__top {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: stretch; } }
  @media all and (min-width: 500px) {
    .dynamics-info__left {
      width: 43%;
      box-sizing: border-box;
      padding-right: 20px;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: flex-start; } }
  .dynamics-info__right {
    margin-top: 16px; }
    @media all and (min-width: 500px) {
      .dynamics-info__right {
        margin: 0;
        width: 57%; } }
  .dynamics-info__title {
    color: #898D93;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    font-size: 9px;
    margin-bottom: 5px; }
    @media all and (min-width: 500px) {
      .dynamics-info__title {
        font-size: 11px; } }
  .dynamics-info__sum {
    font-size: 12px;
    font-weight: 700; }
  .dynamics-info__bottom {
    display: none; }
    @media all and (min-width: 500px) {
      .dynamics-info__bottom {
        margin-top: 8px;
        display: block; } }
  .dynamics-info__description {
    font-size: 10px; }
  .dynamics-info__mobile {
    margin-top: 16px; }
    @media all and (min-width: 500px) {
      .dynamics-info__mobile {
        display: none; } }
  .dynamics-info__chart {
    display: block;
    width: 100%;
    height: auto; }

.tenders.opened .tenders__body {
  display: block; }
.tenders.opened .tenders__top:before, .tenders.opened .tenders__description:before {
  border-color: transparent transparent #56B8AD transparent;
  margin-top: -4px; }
@media all and (min-width: 1024px) {
  .tenders__top {
    position: relative;
    padding: 20px 24px;
    cursor: pointer;
    margin: 0 -24px;
    transition: background-color 0.3s linear; }
    .tenders__top:before {
      content: "";
      position: absolute;
      top: 50%;
      right: 24px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px;
      border-color: #111111 transparent transparent transparent; }
    .tenders__top:hover {
      background: #fafafa; } }
@media all and (min-width: 1024px) {
  .tenders__top-inner {
    max-width: 780px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center; } }
.tenders__body {
  display: none; }
.tenders__title {
  font-size: 16px;
  font-weight: 700; }
  @media all and (max-width: 1023px) {
    .tenders__title {
      padding: 16px 0; } }
.tenders__description {
  font-weight: 700; }
  @media all and (max-width: 1023px) {
    .tenders__description {
      font-size: 10px;
      font-weight: 500;
      border: 1px solid #EEEFF2;
      padding: 12px 44px 12px 16px;
      position: relative; }
      .tenders__description:before {
        content: "";
        position: absolute;
        top: 19px;
        right: 19px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px;
        margin-top: -1px;
        border-color: #111111 transparent transparent transparent; } }
@media all and (max-width: 1023px) {
  .tenders__years-wrap {
    border: 1px solid #EEEFF2;
    padding: 10px 16px;
    font-size: 11px; } }
.tenders__years {
  width: 100%;
  border: none; }
  .tenders__years td, .tenders__years th {
    padding: 6px 0;
    border: none;
    text-align: right;
    vertical-align: top; }
  .tenders__years td:first-child {
    text-align: left; }
  .tenders__years th:first-child {
    text-align: left; }
  @media all and (max-width: 1023px) {
    .tenders__years th {
      font-size: 9px; }
    .tenders__years td:nth-child(2), .tenders__years th:nth-child(2) {
      max-width: 60px;
      text-align: left;
      padding-left: 20px; } }
  @media all and (min-width: 1024px) {
    .tenders__years td:first-child {
      color: #898D93; } }
.tenders__companies {
  margin-top: 24px; }
  @media all and (max-width: 1023px) {
    .tenders__companies {
      border: 1px solid #EEEFF2;
      padding: 16px;
      margin: 0; } }
.tenders__companies-title {
  font-weight: 700;
  padding-bottom: 4px; }
@media all and (min-width: 1024px) {
  .tenders__companies-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start; } }
@media all and (max-width: 1023px) {
  .tenders__companies-row {
    border-top: 1px solid #EEEFF2;
    padding: 12px 0; }
    .tenders__companies-row:first-child {
      border-top: none;
      padding-top: 0; }
    .tenders__companies-row:last-child {
      padding-bottom: 0; } }
.tenders__companies-header {
  display: none; }
  @media all and (min-width: 1024px) {
    .tenders__companies-header {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: flex-start; } }
@media all and (max-width: 1023px) {
  .tenders__companies-column {
    font-size: 11px;
    margin-bottom: 12px; }
    .tenders__companies-column:last-child {
      margin: 0; } }
@media all and (min-width: 1024px) {
  .tenders__companies-column {
    text-align: right;
    padding: 6px 0;
    box-sizing: border-box; }
    .tenders__companies-column:first-child {
      text-align: left;
      width: 40%; }
    .tenders__companies-column:nth-child(2) {
      width: 30%; }
    .tenders__companies-column:nth-child(3) {
      width: 30%; } }
.tenders__companies-mobile-title {
  font-size: 9px;
  font-weight: 600;
  margin-bottom: 8px; }
  @media all and (min-width: 1024px) {
    .tenders__companies-mobile-title {
      display: none; } }

.contents {
  position: relative; }
  .contents.opened .contents__body {
    right: 0; }
  .contents__open {
    padding-right: 20px;
    border-radius: 2px 0 0 2px; }
  .contents__body {
    background: #ffffff;
    border: 1px solid #EEEFF2;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    top: 60px;
    bottom: 0;
    right: -100%;
    transition: right 0.3s linear;
    max-height: calc(100vh - 127px);
    overflow: auto; }
    @media all and (min-width: 1024px) {
      .contents__body {
        width: 320px;
        right: -320px;
        top: 0;
        position: absolute;
        bottom: auto; } }
  .contents__items {
    border-top: 1px solid #EEEFF2;
    padding: 16px 0; }
  .contents__item {
    font-size: 12px;
    font-weight: 700;
    color: #56B8AD;
    padding: 4px 16px 4px 46px;
    position: relative;
    display: block;
    transition: background-color 0.3s linear; }
    .contents__item.empty {
      color: #898D93; }
    .contents__item:last-child {
      margin-bottom: 0; }
    .contents__item span:first-child:not(:last-child) {
      position: absolute;
      top: 4px;
      left: 16px; }
    .contents__item:hover {
      background: whitesmoke; }
  .contents__header {
    padding: 10px 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center; }
  .contents__title {
    font-size: 12px;
    font-weight: 700; }
  .contents__close {
    cursor: pointer;
    margin-right: 12px; }
    .contents__close:hover path {
      fill: #419a90; }

@media all and (max-width: 1023px) {
  .contents-lock {
    height: auto;
    overflow: hidden !important;
    width: auto; }
    .contents-lock body {
      overflow: hidden !important;
      height: 100%; } }

.nacp-section {
  background: #ffffff;
  border: 1px solid #EEEFF2;
  border-radius: 2px;
  margin: 24px -18px 0; }
  @media all and (min-width: 1024px) {
    .nacp-section {
      margin: 24px 0 0 0; } }
  .nacp-section.opened .body {
    display: block; }
  .nacp-section.opened header:before {
    border-color: transparent transparent #56B8AD transparent;
    margin-top: -4px; }
  .nacp-section header {
    cursor: pointer;
    position: relative;
    padding: 12px 16px 12px; }
    .nacp-section header h2 {
      margin: 0;
      font-size: 14px;
      padding-right: 20px; }
    .nacp-section header:before {
      content: "";
      position: absolute;
      top: 20px;
      right: 19px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px;
      border-color: #111111 transparent transparent transparent; }
    @media all and (min-width: 1024px) {
      .nacp-section header {
        padding: 15px 24px;
        transition: background-color 0.3s linear; }
        .nacp-section header:hover {
          background: #f2f2f2; }
        .nacp-section header h2 {
          font-size: 18px; }
        .nacp-section header:before {
          top: 26px; } }
  .nacp-section .body {
    padding: 12px 16px 12px;
    border-top: 1px solid #EEEFF2;
    display: none; }
    @media all and (min-width: 1024px) {
      .nacp-section .body {
        padding: 15px 24px; } }
    .nacp-section .body p:first-child {
      margin-top: 0; }
    .nacp-section .body p:last-child {
      margin-bottom: 0; }
  .nacp-section span.block {
    display: block; }
  .nacp-section .table-responsive {
    width: 100%;
    overflow: auto; }
  .nacp-section td, .nacp-section th {
    vertical-align: top; }
  .nacp-section legend {
    display: block;
    max-width: 100%;
    margin-left: -1px; }
    .nacp-section legend i {
      font-style: normal;
      font-size: 16px;
      font-weight: 700; }
  .nacp-section fieldset {
    border: none;
    border-bottom: 1px solid #EEEFF2;
    padding: 10px 0 30px; }
    .nacp-section fieldset:last-child {
      border-bottom: none;
      padding-bottom: 0; }
  .nacp-section .help-block {
    margin-bottom: 20px; }
    .nacp-section .help-block:last-child {
      margin-bottom: 0; }
  .nacp-section label.line-height {
    color: #898D93; }
  .nacp-section div.line-height {
    margin-bottom: 7px; }
    .nacp-section div.line-height:last-child {
      margin-bottom: 0; }
    @media all and (min-width: 1024px) {
      .nacp-section div.line-height {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start; } }
    .nacp-section div.line-height label, .nacp-section div.line-height strong {
      color: #898D93; }
      @media all and (min-width: 1024px) {
        .nacp-section div.line-height label, .nacp-section div.line-height strong {
          width: 50%;
          max-width: 300px; } }
    @media all and (min-width: 1024px) {
      .nacp-section div.line-height span {
        width: 50%; } }

.declaration-details .weiss-form__set_main {
  background: #ffffff;
  border: 1px solid #EEEFF2;
  border-radius: 2px;
  margin: 24px 0;
  padding: 15px 24px; }
  .declaration-details .weiss-form__set_main h2 {
    font-size: 18px; }
    @media all and (min-width: 1024px) {
      .declaration-details .weiss-form__set_main h2 {
        font-size: 20px;
        margin: 0 0 20px; } }
  .declaration-details .weiss-form__set_main table {
    margin: 0 0 30px 0;
    width: 100%; }
    .declaration-details .weiss-form__set_main table caption {
      color: #898d93;
      text-align: left;
      margin-bottom: 5px;
      font-size: 1.1em; }
  .declaration-details .weiss-form__set_main .table-responsive {
    overflow: auto; }
  .declaration-details .weiss-form__set_main .i-wai {
    font-weight: bold; }
.declaration-details .declaration-head {
  margin: 60px 0 20px;
  font-size: 18px; }
  @media all and (min-width: 1024px) {
    .declaration-details .declaration-head {
      font-size: 20px; } }

.transliteration-hint {
  background: #ffffff;
  border: 1px solid #EEEFF2;
  border-radius: 2px;
  padding: 15px 24px; }
  .transliteration-hint h4 {
    font-size: 18px; }
    @media all and (min-width: 1024px) {
      .transliteration-hint h4 {
        font-size: 20px;
        margin: 0 0 20px; } }

.help-block {
  color: #898D93; }
  .help-block__btn {
    display: block;
    width: 23px;
    height: 6px;
    opacity: 0.8;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start; }
  .help-block__btn-dot {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #111111; }
  .help-block__text {
    display: none;
    margin-top: 10px; }

.alert {
  margin-bottom: 12px; }
  .alert::before {
    content: '';
    display: inline-block;
    height: 16px;
    line-height: 21px;
    margin-right: 10px;
    vertical-align: text-top;
    width: 16px; }
  .alert--success::before {
    background: url("../images/icon/checked.cd134fa27a21.svg") no-repeat; }
  .alert--error::before {
    background: url("../images/icon/error.e8ed1c60d42f.svg") no-repeat; }
  .alert--info {
    background: #2F80ED;
    color: white; }
  .alert--warning {
    background: #FF6B69;
    color: white; }

.chartjs-tooltip {
  background: white;
  border: 1px solid #EEEFF2;
  border-radius: 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  max-width: 100%;
  min-width: 395px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
  z-index: 1; }
  .chartjs-tooltip__body, .chartjs-tooltip__footer {
    padding: 12px 30px; }
  .chartjs-tooltip__footer {
    border-top: 1px solid #EEEFF2; }
  .chartjs-tooltip__name {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 25px; }
  .chartjs-tooltip__legend, .chartjs-tooltip__footer {
    display: flex;
    flex-direction: column; }
    .chartjs-tooltip__legend > div, .chartjs-tooltip__footer > div {
      display: flex;
      font-weight: 500;
      font-size: 14px;
      justify-content: space-between;
      line-height: 17px;
      margin-bottom: 12px; }
  .chartjs-tooltip__footer > div {
    margin-bottom: 0; }

@media (max-width: 1023px) {
  .youcontrol__dossier .youcontrol__dossier-title {
    display: none; } }
@media (min-width: 1024px) {
  .youcontrol__dossier .youcontrol__dossier-title--mobile {
    display: none; } }

.youcontrol__dossier--option-a {
  border: 1px solid #56B8AD;
  border-radius: 2px;
  display: inline-block;
  padding: 2px 8px; }
  @media (max-width: 1023px) {
    .youcontrol__dossier--option-a {
      box-sizing: border-box;
      padding: 6px 8px;
      margin-top: 6px;
      text-align: center;
      text-transform: uppercase;
      width: 100%; } }
  @media (min-width: 1024px) {
    .search-page .youcontrol__dossier--option-a, .compare-popup .youcontrol__dossier--option-a {
      float: right;
      margin-top: -3px; } }
  .youcontrol__dossier--option-a svg {
    position: relative;
    top: 2px; }

.youcontrol__check-person--option-a.youcontrol__check-person--lg {
  border: 1px solid #56B8AD;
  border-radius: 2px;
  box-sizing: border-box;
  font-size: 12px;
  padding: 8px 9px 9px;
  text-align: center; }
  @media (max-width: 1023px) {
    .youcontrol__check-person--option-a.youcontrol__check-person--lg {
      text-transform: uppercase; } }
.youcontrol__check-person--option-a svg {
  display: inline-block;
  vertical-align: middle; }
.youcontrol__check-person--option-a .youcontrol__check-person-icon--mobile {
  vertical-align: middle; }
  @media (min-width: 1024px) {
    .youcontrol__check-person--option-a .youcontrol__check-person-icon--mobile {
      display: none; } }
@media (max-width: 1023px) {
  .youcontrol__check-person--option-a.youcontrol__check-person--sm .youcontrol__check-person-icon {
    display: none; } }

.youcontrol__check-person--option-b {
  display: block;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px; }
  .youcontrol__check-person--option-b svg {
    vertical-align: middle; }

.youcontrol__check-person--option-c svg,
.youcontrol__dossier--option-c svg {
  vertical-align: middle; }

@media (max-width: 1023px) {
  .card-actions__action--youcontrol {
    display: none; } }

.youcontrol-tooltip__trigger {
  position: relative;
  cursor: pointer; }

.tooltipster-base {
  position: absolute; }

.youcontrol-tooltip__contents {
  background: #ffffff;
  border: 1px solid #EEEFF2;
  box-sizing: border-box;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  padding: 7px 16px;
  white-space: nowrap;
  color: #898D93;
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  transition: opacity 0.3s linear; }
  .youcontrol-tooltip__contents:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 10px;
    height: 10px;
    background: red;
    background: #ffffff;
    transform: rotate(45deg);
    margin-left: -6px;
    border: 1px solid #EEEFF2;
    z-index: 8; }
  .youcontrol-tooltip__contents:after {
    content: "";
    position: absolute;
    right: 2px;
    bottom: 1px;
    height: 8px;
    left: 2px;
    background: #ffffff;
    z-index: 9; }

.youcontrol__check-person--option-a,
.youcontrol__check-person--option-b,
.youcontrol__check-person--option-c,
.youcontrol__check-person--option-d,
.youcontrol__dossier--option-a,
.youcontrol__dossier--option-b,
.youcontrol__dossier--option-c,
.youcontrol__dossier--option-d {
  display: none; }

.body--yc-option-a .youcontrol__check-person--option-a,
.body--yc-option-a .youcontrol__dossier--option-a {
  display: inline-block; }
.body--yc-option-a .youcontrol__check-person--option-a.youcontrol__check-person--lg {
  display: inline-block; }
.body--yc-option-a .compare-popup .action-icon.youcontrol__check-person--option-a {
  display: none; }
.body--yc-option-a .personal-info__name .youcontrol__check-person--option-a {
  display: none; }
.body--yc-option-a .compare-popup .search-card__name .youcontrol__check-person--option-a {
  display: inline-block;
  margin-top: 2px; }
@media (min-width: 1024px) {
  .body--yc-option-a .search-card__name .youcontrol__check-person--option-a {
    display: none; } }

.body--yc-option-b .youcontrol__check-person--option-b,
.body--yc-option-b .youcontrol__dossier--option-b {
  display: block;
  margin-top: 7px; }
.body--yc-option-b .search-card--collapsed .youcontrol__check-person--option-a,
.body--yc-option-b .search-card--collapsed .youcontrol__check-person--option-b {
  display: none; }

.body--yc-option-c .youcontrol__check-person--option-c,
.body--yc-option-c .youcontrol__dossier--option-c {
  display: inline-block; }

.body--yc-option-d .youcontrol__check-person--option-d,
.body--yc-option-d .youcontrol__dossier--option-d {
  display: inline-block; }

.main-page__description {
  color: #898D93;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px; }
  @media all and (min-width: 1024px) {
    .main-page__description {
      font-size: 13px;
      font-weight: 600; } }
.main-page__title {
  font-size: 24px;
  line-height: 1.18;
  max-width: 760px; }
  @media all and (min-width: 1024px) {
    .main-page__title {
      font-size: 44px;
      font-family: Formular; } }
.main-page__top {
  padding: 40px 0;
  position: relative; }
  .main-page__top:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -999em;
    right: -999em;
    z-index: -1;
    background: #F7F9FA; }
@media all and (min-width: 1024px) {
  .main-page__top-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 50px 0 40px; } }
.main-page__promo {
  margin: 40px -16px 0; }
  @media all and (min-width: 1024px) {
    .main-page__promo {
      margin: 40px 0 0; } }
.main-page__search {
  position: relative;
  padding-bottom: 50px; }
  .main-page__search:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -999em;
    right: -999em;
    z-index: -1;
    background: #F7F9FA; }
.main-page__advantages {
  max-width: 750px; }

.search-page__results-block {
  margin-top: 30px; }
.search-page__result-card {
  margin: 12px -17px; }
  @media all and (min-width: 1024px) {
    .search-page__result-card {
      margin: 15px 0; } }
.search-page__pager {
  margin: 25px 0 0 -4px; }
  @media all and (min-width: 1024px) {
    .search-page__pager {
      margin: 40px 0 0 0; } }
.search-page__promo {
  margin: 12px -16px; }
  @media all and (min-width: 1024px) {
    .search-page__promo {
      margin: 15px 0; } }
.search-page__advantages {
  margin-top: 45px; }
  @media all and (min-width: 1024px) {
    .search-page__advantages {
      margin-top: 80px; } }
.search-page__header {
  margin: 25px 0 15px; }
  @media all and (min-width: 1024px) {
    .search-page__header {
      margin: 50px 0 30px;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center; } }
.search-page__result-name {
  font-size: 16px;
  font-weight: 700; }
  @media all and (min-width: 1024px) {
    .search-page__result-name {
      font-size: 20px; } }
.search-page__monitoring {
  margin: 24px 10px 16px; }
  @media all and (min-width: 1024px) {
    .search-page__monitoring {
      margin: 0 10px; } }
.search-page__monitoring, .search-page__sort {
  flex-shrink: 0; }
.search-page__no-result {
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  margin: 50px auto;
  max-width: 480px; }
  @media all and (min-width: 1024px) {
    .search-page__no-result {
      font-size: 20px;
      margin: 70px auto; } }

.page-404__title {
  font-family: Formular;
  font-size: 20px;
  margin: 40px 0 20px;
  text-align: center; }
  @media all and (min-width: 1024px) {
    .page-404__title {
      font-size: 44px;
      margin: 80px 0 20px; } }
.page-404__text {
  max-width: 580px;
  margin: 0 auto;
  text-align: center; }
  @media all and (min-width: 1024px) {
    .page-404__text {
      font-weight: 700;
      font-size: 20px; } }
.page-404__home-link {
  font-weight: 700;
  font-size: 12px; }
  .page-404__home-link:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 13px;
    vertical-align: middle;
    margin-left: 7px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    background-image: url("../images/icon/right-green.0d340f8eb18c.svg"); }
.page-404__promo {
  margin: 56px -16px; }
  @media all and (min-width: 1024px) {
    .page-404__promo {
      margin: 80px 0 0; } }
.page-404__link-block {
  margin-top: 16px;
  text-align: center; }

.profile-page__result-card {
  margin: 0 -18px 12px; }
  @media all and (min-width: 1024px) {
    .profile-page__result-card {
      margin: 0 0 16px; } }
.profile-page__result-cards {
  padding-bottom: 70px; }
  @media all and (min-width: 1024px) {
    .profile-page__result-cards {
      padding: 0; } }
.profile-page__form-block {
  margin-bottom: 18px; }
  @media all and (min-width: 1024px) {
    .profile-page__form-block {
      margin-bottom: 50px; } }
.profile-page__top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 17px; }
@media all and (max-width: 1023px) {
  .profile-page__request-btn {
    font-size: 10px;
    text-transform: uppercase;
    padding: 6px 9px; } }
@media all and (min-width: 1024px) {
  .profile-page__request-btn {
    font-size: 16px;
    width: 176px;
    padding: 15px 0; } }
.profile-page__panel {
  background: white;
  border: 1px solid #EEEFF2;
  padding: 16px 24px; }
.profile-page__actions {
  margin-top: 40px; }
.profile-page__action {
  margin-right: 50px; }
.profile-page__email-input {
  width: 308px;
  max-width: 100%; }
.profile-page__footer {
  margin: 0;
  padding: 40px;
  text-align: center; }
  @media all and (max-width: 767px) {
    .profile-page__footer {
      padding: 20px; } }

.analytics-page__tabs {
  margin: 36px 0 20px;
  overflow: auto; }
  .analytics-page__tabs .analytics-tabs {
    min-width: 970px; }
.analytics-page__header {
  margin-top: 24px; }
  @media all and (min-width: 500px) {
    .analytics-page__header {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;
      margin-top: 48px; } }
.analytics-page__title {
  font-size: 20px;
  margin: 0; }
.analytics-page__select {
  display: inline-block;
  margin-top: 15px; }
  @media all and (min-width: 1024px) {
    .analytics-page__select {
      min-width: 230px;
      margin: 0; } }
  @media all and (min-width: 500px) and (max-width: 1215px) {
    .analytics-page__select .n-select__items {
      right: 0;
      left: auto; } }
.analytics-page__iframe {
  margin: 20px -16px 40px;
  height: 720px;
  width: 100vw; }
  .analytics-page__iframe iframe {
    width: 100%;
    height: 100%;
    border: none; }
  @media all and (min-width: 1024px) {
    .analytics-page__iframe {
      margin: 20px 0 80px;
      margin-left: calc(50% - 50vw); } }
.analytics-page__thank-to {
  margin-bottom: 40px;
  text-align: center; }
  @media all and (min-width: 1024px) {
    .analytics-page__thank-to {
      margin-bottom: 80px; } }
  .analytics-page__thank-to div {
    display: inline-block;
    margin-right: 40px; }
    @media all and (max-width: 767px) {
      .analytics-page__thank-to div {
        display: block;
        margin-right: 0; } }
.analytics-page__thank-to-rbc {
  display: inline-block;
  background: url("../images/logo-rbc.5b89afe54217.png") no-repeat center center;
  background-size: contain;
  height: 70px;
  width: 140px; }
.analytics-page__thank-to-brdo {
  display: inline-block;
  background: url("../images/logo_brdo.c248b125964e.png") no-repeat center center;
  background-size: contain;
  height: 70px;
  width: 140px; }
.analytics-page__thank-to-wh100 {
  height: 70px;
  width: 70px;
  display: inline-block; }
  .analytics-page__thank-to-wh100 svg {
    height: 100%;
    width: 100%; }

.compare-page__title {
  font-size: 20px; }
.compare-page__help-link {
  font-size: 12px;
  font-weight: 700;
  color: #111111;
  text-decoration: underline;
  display: inline-block;
  margin-bottom: 16px; }
  @media all and (min-width: 1024px) {
    .compare-page__help-link {
      margin: 0; } }
.compare-page__header {
  margin: 40px 0 20px; }
  .compare-page__header .compare-page__title {
    margin: 0; }
  @media all and (min-width: 1024px) {
    .compare-page__header {
      display: flex;
      flex-direction: row-reverse;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;
      margin: 40px 0; } }
.compare-page__chart-img {
  max-width: 100%; }
.compare-page__chart {
  margin: 24px -16px 40px;
  background: #ffffff;
  padding: 20px 16px; }
  @media all and (min-width: 1024px) {
    .compare-page__chart {
      margin: 40px 0 80px;
      background: none;
      padding: 0; } }
.compare-page__items {
  margin-bottom: 40px; }
  @media all and (max-width: 1023px) {
    .compare-page__items {
      margin-bottom: 30px; } }
  .compare-page__items .card-actions__items .action-icon {
    display: none; }
  .compare-page__items .card-actions__action--expand,
  .compare-page__items .card-actions__action--close {
    display: block; }
.compare-page__item {
  margin-bottom: 12px; }
  .compare-page__item:last-child {
    margin-bottom: 0; }

@media all and (max-width: 1232px) {
  .declaration-page .content {
    padding-top: 0; } }
@media all and (max-width: 1023px) {
  .declaration-page .content {
    padding-bottom: 68px; } }
@media all and (max-width: 1232px) {
  .declaration-page__navigation {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    background: #F7F9FA;
    padding: 12px 0; } }
.declaration-page__contents {
  z-index: 9; }
  @media all and (min-width: 1233px) {
    .declaration-page__contents {
      position: fixed;
      top: 117px;
      right: 0; } }
  @media all and (max-width: 1232px) {
    .declaration-page__contents .n-btn {
      padding-top: 7px;
      padding-bottom: 7px; } }
.declaration-page__back {
  border-radius: 0 2px 2px 0;
  padding-left: 8px;
  padding-right: 19px; }
  @media all and (min-width: 1233px) {
    .declaration-page__back {
      position: fixed;
      top: 117px;
      z-index: 10;
      left: 0; } }
  @media all and (max-width: 1232px) {
    .declaration-page__back {
      padding-top: 7px;
      padding-bottom: 7px; } }
.declaration-page__relevant-container {
  margin: 60px auto; }

.regions__table {
  background: white;
  width: 100%; }

.landing-page__desc {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  max-width: 100%;
  color: #898d93; }
  .landing-page__desc img {
    float: left;
    padding-right: 10px; }
@media (min-width: 1024px) {
  .landing-page__declarants-table th {
    white-space: nowrap; } }
.landing-page__declarants-table-flags {
  color: #ff6b69; }
  .landing-page__declarants-table-flags:not(:empty) .action-icon::after {
    content: '';
    background: url("../images/icon/flag-fill.d88511e7d693.svg");
    display: inline-block;
    height: 16px;
    vertical-align: text-top;
    width: 16px; }
.landing-page__declarants-table-amount {
  white-space: nowrap; }
.landing-page__export {
  text-transform: uppercase; }
  .landing-page__export::after {
    content: '';
    background: url("../images/icon/file-excel.2f49218a11cf.svg");
    display: inline-block;
    height: 14px;
    margin-left: 8px;
    vertical-align: bottom;
    width: 14px; }
.landing-page__person-brief {
  display: flex;
  flex-direction: row; }
.landing-page__actuality {
  color: #56B8AD; }
.landing-page__tabs {
  margin-top: 25px;
  border-bottom: 1px solid rgba(217, 220, 224, 0.7); }
  .landing-page__tabs .tabs__link {
    display: inline-block;
    padding-bottom: 15px; }
    .landing-page__tabs .tabs__link--active {
      border-bottom: 2px solid #56B8AD; }
.landing-page__search-page-header {
  margin-top: 15px; }

.trend--minus {
  color: #ff6b69; }
.trend--plus {
  color: #56B8AD; }

#tablo {
  width: 100%;
  height: 400px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.person-brief__image {
  flex-basis: 15%;
  margin-right: 40px; }

#connections {
  padding: 24px; }

.chartjs-tooltip__legend-color {
  display: inline-block;
  line-height: 17px;
  margin-right: 18px;
  vertical-align: sub; }

/*
 * DOM element rendering detection
 * https://davidwalsh.name/detect-node-insertion
 */
@keyframes chartjs-render-animation {
  from {
    opacity: 0.99; }
  to {
    opacity: 1; } }
.chartjs-render-monitor {
  animation: chartjs-render-animation 0.001s; }

/*
 * DOM element resizing detection
 * https://github.com/marcj/css-element-queries
 */
.chartjs-size-monitor,
.chartjs-size-monitor-expand,
.chartjs-size-monitor-shrink {
  position: absolute;
  direction: ltr;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
  z-index: -1; }

.chartjs-size-monitor-expand > div {
  position: absolute;
  width: 1000000px;
  height: 1000000px;
  left: 0;
  top: 0; }

.chartjs-size-monitor-shrink > div {
  position: absolute;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0; }

/*# sourceMappingURL=style.css.map */