@font-face {
  font-family: "MegaIcons";
  src: url("fonts/MegaIcons/MegaIcons.woff?b8j6ro") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Houschka Pro";
  src: url("fonts/HouschkaPro/HouschkaPro-Bold.woff2") format("woff2"),
    url("fonts/HouschkaPro/HouschkaPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Houschka Pro";
  src: url("fonts/HouschkaPro/HouschkaPro-DemiBold.woff2") format("woff2"),
    url("fonts/HouschkaPro/HouschkaPro-DemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Houschka Pro";
  src: url("fonts/HouschkaPro/HouschkaPro-Medium.woff2") format("woff2"),
    url("fonts/HouschkaPro/HouschkaPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

html {
  height: 100%;
  width: 100%;

  font-family: "Houschka Pro", sans-serif;
  font-weight: 500;
  line-height: 27px;
  font-size: 18px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
  background: #f3f3f3;

  color: #42484f;
}

html.is-light {
  background: #ffffff;
}

html.fancybox-lock {
  overflow: hidden;
}
body.fancybox-lock {
  overflow: hidden;
}

html.is-modal {
  overflow: hidden;
}
html.is-lock {
  overflow: hidden;
}
/*html.is-lock body {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	overflow: hidden;
}*/
body {
  position: relative;

  margin: 0;
  height: 100%;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

a {
  color: #1990fe;
  outline: none;
  text-decoration: none;
}
a:focus,
a:active {
  outline: none;
}
@media (min-width: 1280px) {
  a:hover {
    color: #7fc1fe;
  }
}

h1 {
  margin: 0;
  font-weight: 600;
  line-height: 60px;
  font-size: 60px;
  text-transform: uppercase;
}
h1:first-child {
  margin-top: 0;
}
h1:last-child {
  margin-bottom: 0;
}

.h1 {
  font-weight: 600;
  line-height: 60px;
  font-size: 60px;
  text-transform: uppercase;
}

h2 {
  margin: 0;
  font-weight: 600;
  line-height: 53px;
  font-size: 40px;
  text-transform: uppercase;
}

h2:first-child {
  margin-top: 0;
}
h2:last-child {
  margin-bottom: 0;
}

.h2 {
  font-weight: 600;
  line-height: 53px;
  font-size: 40px;
  text-transform: uppercase;
}

h3 {
  margin: 0;
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
}
h3:first-child {
  margin-top: 0;
}
h3:last-child {
  margin-bottom: 0;
}

.h3 {
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
}
h3 > .icon,
.h3 > .icon {
  font-size: 0.59375em;
}

h4 {
  margin: 0;
  font-weight: 600;
  line-height: 25px;
  font-size: 16px;
  text-transform: uppercase;
}
h4:first-child {
  margin-top: 0;
}
h4:last-child {
  margin-bottom: 0;
}

.h4 {
  font-weight: 600;
  line-height: 25px;
  font-size: 16px;
  text-transform: uppercase;
}
h5 {
  margin: 0;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.175px;
  text-transform: uppercase;
}
.h5 {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.175px;
  text-transform: uppercase;
}

p {
  margin: 0;
}
p + p {
  margin-top: 2em;
}

big {
  font-size: 20px;
  line-height: 24px;
}

.big {
  font-size: 20px;
  line-height: 24px;
}

small {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  text-decoration: inherit;
}
.small {
  font-size: 16px;
  line-height: 20px;
}
.ex-small {
  font-size: 14px;
  line-height: 18px;
}
.lowercase {
  text-transform: lowercase;
}

/* Стили редактора */
.editor hr {
  margin: 2em 0 2em;
  border: 0;
  height: 1px;
  background-color: #d8d8d8;
}

.editor h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-transform: none;
}
.editor h5 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-transform: none;
}

.editor h1 + hr {
  margin-top: 2.3334em;
}
.editor h2 + hr {
  margin-top: 1em;
}
.editor h3 + hr {
  margin-top: 0.8em;
}
.editor h4 + hr {
  margin-top: 0.6em;
}
.editor h5 + hr {
  margin-top: 0.5em;
}
.editor h6 + hr {
  margin-top: 0.4em;
}

.editor h1 + p {
  margin-top: 2.3334em;
}
.editor h2 + p {
  margin-top: 1.8em;
}
.editor h3 + p {
  margin-top: 1.7em;
}
.editor h4 + p {
  margin-top: 1.6em;
}
.editor h5 + p {
  margin-top: 1.5em;
}
.editor h6 + p {
  margin-top: 1.4em;
}

.editor h1 + img {
  margin-top: 2.3334em;
}
.editor h2 + img {
  margin-top: 1.8em;
}
.editor h3 + img {
  margin-top: 1.7em;
}
.editor h4 + img {
  margin-top: 1.6em;
}
.editor h5 + img {
  margin-top: 1.5em;
}
.editor h6 + img {
  margin-top: 1.4em;
}

/*.editor img + p {margin-top: 2em;}*/
.editor > img {
  margin: 4em 0;
}
.editor > img + .caption {
  margin-top: -4em;
}

.editor h1 + ul {
  margin-top: 2.3334em;
}
.editor h2 + ul {
  margin-top: 1em;
}
.editor h3 + ul {
  margin-top: 0.8em;
}
.editor h4 + ul {
  margin-top: 0.6em;
}
.editor h5 + ul {
  margin-top: 0.5em;
}
.editor h6 + ul {
  margin-top: 0.4em;
}

.editor h1 + ol {
  margin-top: 2.3334em;
}
.editor h2 + ol {
  margin-top: 2.3334em;
}
.editor h3 + ol {
  margin-top: 2.3334em;
}
.editor h4 + ol {
  margin-top: 2.3334em;
}
.editor h5 + ol {
  margin-top: 2.3334em;
}
.editor h6 + ol {
  margin-top: 2.3334em;
}

.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6 {
  margin: 2.1em 0 0;
}
.editor h1:first-child,
.editor h2:first-child,
.editor h3:first-child,
.editor h4:first-child,
.editor h5:first-child,
.editor h6:first-child {
  margin-top: 0;
}
.editor h1:last-child,
.editor h2:last-child,
.editor h3:last-child,
.editor h4:last-child,
.editor h5:last-child,
.editor h6:last-child {
  margin-bottom: 0;
}

.editor big + ul {
  margin-top: -1.5em;
}
.editor big + ol {
  margin-top: -1.5em;
}

.editor ul + ul {
  margin-top: 3.5em;
}
.editor ol + ol {
  margin-top: 3.5em;
}
.editor ul + ol {
  margin-top: 3.5em;
}
.editor ol + ul {
  margin-top: 3.5em;
}

.editor hr + ul {
  margin-top: 0;
}
.editor hr + ol {
  margin-top: 0;
}

.editor big {
  display: block;
  font-weight: 600;
  margin: 2.5em 0;
}
.editor big:first-child {
  margin-top: 0;
}
.editor big:last-child {
  margin-bottom: 0;
}
.editor .video-wrap {
  margin: 2.5em 0;
}
.editor .video-wrap:first-child {
  margin-top: 0;
}
.editor .video-wrap:last-child {
  margin-bottom: 0;
}

.editor ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 2.5em 0;
}
.editor ul:first-child {
  margin-top: 0;
}
.editor ul:last-child {
  margin-bottom: 0;
}

.editor ul > li {
  position: relative;
  padding: 15px 0 15px 24px;
  margin: 0;
  border-bottom: 1px solid #e9e9eb;
  box-sizing: border-box;
}
.editor ul > li + li {
  /*display: flex;*/
  /*flex-direction: column;*/
  /*align-items: baseline;*/
  margin-top: 0.8em;
}
.editor ul > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  margin-top: 0.4em;
  width: 8px;
  height: 8px;
  background: #ffe079;
  border-radius: 50%;
}
.editor .main {
  color: inherit;
}
.editor ol {
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 2.5em 0;
  counter-reset: list;
}
.editor ol:first-child {
  margin-top: 0;
}
.editor ol:last-child {
  margin-bottom: 0;
}

.editor ol > li {
  /*align-items: baseline;*/
  position: relative;
  padding: 0;
  margin: 0;
  min-height: 44px;
  padding-left: 70px;
  padding-top: 11px;
}
.editor ol > li + li {
  margin-top: 1.6667em;
}
.editor ol > li:before {
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: list;
  content: counter(list);
  flex: none;
  /*margin-right: 1.6667em;*/
  display: flex;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 0;
  width: 44px;
  height: 44px;
  background: #ffe079;

  font-weight: 600;
  line-height: 24px;
  /*font-size: 20px;*/

  color: #42484f;

  border-radius: 50%;
}

.editor .blockquote {
  margin: 2em 0;
}
.editor .blockquote + .blockquote {
  margin-top: 1em;
}

.editor table {
  margin: 2em 0;
}
.editor table + table {
  margin-top: 1em;
}

.editor .footnote {
  margin: 2em 0;
}
.editor .footnote + .footnote {
  margin-top: 1em;
}

.editor .footnote {
  margin: 2em 0;
}
.editor .footnote + .footnote {
  margin-top: 1em;
}

.editor .responsive-table {
  margin: 2em 0;
}
.editor .responsive-table + .responsive-table {
  margin-top: 1em;
}

.editor .responsive-table table {
  width: 100%;
}

.editor .responsive-table tr {
  border-bottom: 1px solid #f4f4f5;
}
.editor .responsive-table th {
  text-align: left;
  font-weight: 600;
  line-height: 24px;
  font-size: 20px;
}
.editor .responsive-table td {
}

@media (min-width: 1280px) {
  .editor .responsive-table {
    width: 100%;
  }
  .editor .responsive-table th {
    padding: 16px 27px;
  }
  .editor .responsive-table th:first-child {
    padding-left: 0;
  }
  .editor .responsive-table th:last-child {
    padding-right: 0;
  }
  .editor .responsive-table td {
    padding: 40px 27px 20px;
    vertical-align: top;
  }
  .editor .responsive-table td:first-child {
    padding-left: 0;
  }
  .editor .responsive-table td:last-child {
    padding-right: 0;
  }
}
@media (max-width: 1559px) {
  .editor .responsive-table th {
    padding: 12px 22px;
    font-size: 16px;
  }
  .editor .responsive-table td {
    padding: 35px 22px 18px;
  }
}

.editor .list-head {
  position: relative;
  padding-bottom: 22px;
  padding-left: 41px;
  margin-bottom: 18px;
  border-bottom: 1px solid #dddddd;
}
.editor .list-head:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45em;

  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #ffe079;
}
.editor .list-head + h1,
.editor .list-head + h2,
.editor .list-head + h3,
.editor .list-head + h4,
.editor .list-head + h5,
.editor .list-head + h6 {
  margin-top: 0;
}
/*
.editor .notificate-card {}
	.editor .notificate-card:first-child {margin-top: 0;}
	.editor .notificate-card:last-child {margin-bottom: 0;}
*/

.editor .highlight {
  margin: 1em 0;
  padding: 1.53125em 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

/*ol {
	padding: 0 0 0 20px;
	margin: 0 0 0 5px;
}
	ol li {
		margin-bottom: 13px;
		padding-left: 5px;
	}
	ol li:last-child{margin-bottom: 0;}*/

.blockquote {
  background: #f3f3f3;
}
.blockquote__inner {
  padding: 0 75px 31px;
}
.blockquote__text {
  position: relative;
  padding-top: 31px;
  margin-bottom: 15px;
  font-style: normal;
  font-weight: normal;
  box-sizing: border-box;
}
.blockquote__text:last-child {
  margin-bottom: 0;
}
.blockquote__text:after,
.blockquote__text:before {
  position: absolute;
  font-weight: bold;
  line-height: 1;
  font-size: 60px;
  color: #ffffff;
}
.blockquote__text:before {
  content: "«";
  top: 0;
  right: 100%;
  margin-right: 27px;
}
.blockquote__text:after {
  content: "»";
  bottom: 0;
  left: 100%;
  margin-left: 27px;
}
.blockquote__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}
.blockquote__autor {
  margin-bottom: 15px;
}
.blockquote__autor:last-child {
  margin-bottom: 0;
}
.blockquote__caption {
  color: #b2b2b2;
  max-width: 280px;
  line-height: 20px;
  font-size: 16px;
}
@media (max-width: 959px) {
  .blockquote__inner {
    padding: 0 24px 31px;
  }
  .blockquote__text {
    line-height: 21px;
  }
  .blockquote__text:after,
  .blockquote__text:before {
    font-size: 30px;
  }
  .blockquote__text:before {
    margin-right: 0px;
  }
  .blockquote__text:after {
    top: 100%;
    bottom: auto;
    margin-left: 0px;
  }
}

.footnote {
  padding: 31px 75px;
  background: #f3f3f3;
}
.footnote__text {
  font-weight: 500;
  line-height: 24px;
  font-size: 16px;
}
@media (max-width: 959px) {
  .footnote {
    padding: 24px 24px;
  }
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*.table-response {
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
}*/
@media (max-width: 1279px) {
  .responsive-table {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
  }
  .responsive-table table {
    min-width: 100%;
  }
}
.table {
  width: 100%;
}
.table tr:nth-child(odd) {
  background: #ebebeb;
}
.table th {
  padding: 18px 20px;
  text-align: center;
  background: #333d52;
  color: #ffffff;
  height: 64px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.table td {
  padding: 18px 20px;
}

@media (min-width: 1280px) {
  .show-pad {
    display: none !important;
  }
}
@media (min-width: 960px) {
  .show-m {
    display: none !important;
  }
}

/* Animation */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slideUp-30 {
  0% {
    transform: translate3d(0, 30px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideDown-30 {
  0% {
    transform: translate3d(0, -30px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeBottomOut {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
  }
}

@keyframes fadeBottomIn {
  0% {
    opacity: 0;
    transform: translate3d(0, -50px, 0);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeBottomOut {
  animation: fadeBottomOut 0.6s ease-out forwards;
}
.fadeBottomIn {
  animation: fadeBottomIn 0.6s ease-in forwards;
}

@keyframes slideIn-y {
  0% {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
  }
  10% {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes zoomIn {
  0% {
    -webkit-transform: scale3d(0, 0, 1);
    -moz-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomInY {
  0% {transform: scale3d(1, 0, 1);}
  100% {transform: scale3d(1, 1, 1);}
}
@keyframes zoomOut {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0, 0, 1);
    -moz-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
  }
}

@keyframes slideIn-x {
  0% {
    -webkit-transform: scale3d(0, 1, 1);
    -moz-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes slideOut-x {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0, 1, 1);
    -moz-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes shake {
  from,
  to {
    -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 {
  from,
  to {
    -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 pulse {
  0% {
    opacity: 0.5;
    transform: scale(0.5, 0.5);
  }
  100% {
    opacity: 0;
    transform: scale(2, 2);
  }
}

@keyframes rollInBg {
  0% {
    opacity: 0;
    /*transform: translate(0, 15%)*/
    transform: translate(0, 50px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes rollOutBg {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    /*transform: translate(0, 15%)*/
    transform: translate(0, 50px);
  }
}

@keyframes rollInLeft {
  0% {
    transform: translate(-100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes rollInLeftInner {
  0% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes rollOutLeft {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
@keyframes rollOutLeftInner {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(100%, 0);
  }
}

@keyframes rollInRight {
  0% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes rollInRightInner {
  0% {
    transform: translate(-100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes rollOutRight {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(100%, 0);
  }
}
@keyframes rollOutRightInner {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

@keyframes fadeZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.15, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes fadeZoomOut {
  0% {
    opacity: 1;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: scale(0.15, 0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate(0, -100%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

.a-slide-top {
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

.fadeIn {
  -webkit-animation: fadeIn 0.2s;
  -moz-animation: fadeIn 0.2s;
  animation: fadeIn 0.2s;
}
.fadeOut {
  -webkit-animation: fadeOut 0.2s forwards;
  -moz-animation: fadeOut 0.2s forwards;
  animation: fadeOut 0.2s forwards;
}
.zoomIn {
  -webkit-animation: zoomIn 0.35s forwards;
  -moz-animation: zoomIn 0.35s forwards;
  animation: zoomIn 0.35s forwards;
}

/*Анимация разворота*/
.a-roll {
}
.a-roll.is-hide .a-roll-wrap {
  opacity: 0;
}
.a-roll.is-hide .a-roll-bg {
  opacity: 0;
}

.a-roll-bg {
  animation-timing-function: ease-out;
}
.a-roll-wrap {
}
.a-roll-inner {
}

/*Анимация Входа*/
.a-roll.is-in .a-roll-bg {
  animation: rollInBg 0.8s 0.3s backwards;
}
.a-roll.is-in .a-roll-wrap {
  overflow: hidden;
  animation: rollInLeft 0.6s backwards;
}
.a-roll.is-in .a-roll-inner {
  animation-delay: 0.2s;
  animation: rollInLeftInner 0.6s backwards;
}
/*Анимация Выхода*/
.a-roll.is-out .a-roll-bg {
  animation: rollOutBg 0.6s forwards;
}
.a-roll.is-out .a-roll-wrap {
  overflow: hidden;
  animation: rollOutLeft 0.6s forwards;
}
.a-roll.is-out .a-roll-inner {
  animation: rollOutLeftInner 0.6s forwards;
}

/*Анимация с учетом направления*/
/*Идем назад*/
.a-roll.is-in-prev .a-roll-wrap {
  overflow: hidden;
  animation: rollInLeft 0.6s backwards; /* old Right */
}
.a-roll.is-in-prev .a-roll-inner {
  animation: rollInLeftInner 0.6s backwards;
} /* old Right */

.a-roll.is-out-prev .a-roll-wrap {
  overflow: hidden;
  animation: rollOutRight 0.6s forwards;
}
.a-roll.is-out-prev .a-roll-inner {
  animation: rollOutRightInner 0.6s forwards;
}

/*Идем вперед*/
.a-roll.is-in-next .a-roll-wrap {
  overflow: hidden;
  animation: rollInRight 0.6s backwards; /*old Left */
}
.a-roll.is-in-next .a-roll-inner {
  animation: rollInRightInner 0.6s backwards;
} /*old Left */

.a-roll.is-out-next .a-roll-wrap {
  overflow: hidden;
  animation: rollOutLeft 0.6s forwards;
}
.a-roll.is-out-next .a-roll-inner {
  animation: rollOutLeftInner 0.6s forwards;
}

/*Анимация разворота для */
.a-roll-full {
}
.a-roll-full-bg {
}
.a-roll-full-wrap {
}
.a-roll-full-inner {
}

.a-roll-full.is-hide .a-roll-full-bg {
  opacity: 0;
}
.a-roll-full.is-hide .a-roll-full-wrap {
  opacity: 0;
}
.a-roll-full.is-hide .a-roll-full-inner {
  opacity: 0;
}

.a-roll-full.is-in .a-roll-full-bg {
  animation: fadeIn 0.4s ease-in;
}
.a-roll-full.is-in .a-roll-full-wrap {
  overflow: hidden;
  animation: rollInLeft 0.6s 0.4s backwards ease-in;
}
.a-roll-full.is-in .a-roll-full-inner {
  animation: rollInLeftInner 0.6s 0.4s backwards ease-in;
}

.a-roll-full.is-out .a-roll-full-bg {
  animation: fadeOut 0.4s 0.4s forwards ease-in;
}
.a-roll-full.is-out .a-roll-full-wrap {
  overflow: hidden;
  animation: rollOutLeft 0.6s forwards ease-in;
}
.a-roll-full.is-out .a-roll-full-inner {
  animation: rollOutLeftInner 0.6s forwards ease-in;
}

.hide {
  display: none !important;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  background-color: #161616;
  border: 0;
  border-radius: 0px;
  background-clip: padding-box;
}
.open > .dropdown-menu {
  display: block;
}

/* Icons */
.icon {
  display: inline-block;
  vertical-align: middle;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "MegaIcons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon--plus:before {content: "\e900";}
.icon--arrow-left:before {content: "\e901";}
.icon--angle-down:before {content: "\e902";}
.icon--angle-up:before {content: "\e903";}
.icon--angle-left:before {content: "\e904";}
.icon--angle-right:before {content: "\e905";}
.icon--angle-double-left:before {content: "\e906";}
.icon--angle-double-right:before {content: "\e907";}
.icon--close:before {content: "\e908";}
.icon--doc:before {content: "\e909";}
.icon--play:before {content: "\e90a";}
.icon--search:before {content: "\e90b";}
.icon--person:before {content: "\e90c";}
.icon--education:before {content: "\e90d";}
.icon--account:before {content: "\e90e";}
.icon--arrow-right:before {content: "\e90f";}
.icon--dots:before {content: "\e910";}
.icon--marketplace:before {content: "\e911";}
.icon--group:before {content: "\e912";}
.icon--portfolio:before {content: "\e913";}
.icon--check:before {content: "\e914";}
.icon--calendar:before {content: "\e915";}
.icon--folder:before {content: "\e916";}
.icon--map:before {content: "\e917";}
.icon--fb:before {content: "\e918";}
.icon--mailru:before {content: "\e919";}
.icon--ok:before {content: "\e91a";}
.icon--twitter:before {content: "\e91b";}
.icon--vk:before {content: "\e91c";}
.icon--clock:before {content: "\e91d";}
.icon--layers:before {content: "\e91e";}
.icon--enter:before {content: "\e91f";}
.icon--person-age:before {content: "\e920";}
.icon--persons:before {content: "\e921";}
.icon--person-state:before {content: "\e922";}
.icon--persons-up:before {content: "\e923";}
.icon--bell:before {content: "\e924";}
.icon--doc-link:before {content: "\e925";}
.icon--doc-download:before {content: "\e926";}
.icon--file-load:before {content: "\e927";}


.icon--fab {
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;

  background: #ffe079;
}

.icon-text {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.icon-text .icon {
  font-size: 12px;
  margin: 0 15px;
}
.icon-text .icon:first-child {
  margin-left: 0;
}
.icon-text .icon:last-child {
  margin-right: 0;
}
.icon-text span {
}

.link {
  position: relative;
  /*display: inline-block;*/
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
  border: 0;
}
.link:focus,
.link:active {
  outline: none;
}
@media (min-width: 1280px) {
  .link:hover {
    color: inherit;
    text-decoration: none;
  }
}
@media (min-width: 1100px) {
  .link {
    transition: color 0.4s ease-in;
  }
  .link path {
    transition: fill 0.4s ease-in;
  }
  /*.link:hover path {fill: #D2976D;}*/
}
.link__text {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.link__icon {
  margin: 0 15px;
  display: inline-block;
  vertical-align: middle;
}
.link__icon--sm {
  margin: 0 7px;
}
.link__icon:first-child {
  margin-left: 0;
}
.link__icon:last-child {
  margin-right: 0;
}
.link--underline .link__text {
  padding-bottom: 2px;
}
.link--underline .link__text:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid;

  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  transition: transform 0.4s;

  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.link--underline:hover .link__text:after {
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  transform: scale(0, 1);

  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.link--underline-in .link__text {
  padding-bottom: 2px;
}
@media (min-width: 1280px) {
  .link--underline-in .link__text:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid;

    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    transform: scale(0, 1);

    -webkit-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    transition: transform 0.4s;

    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  .link--underline-in:hover .link__text:after {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);

    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}

.link--more {
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
}
.link--more .link__icon {
  position: relative;
  margin-right: 40px;
  height: 28px;
  width: 28px;
  color: #42484f;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.link--more .link__icon:last-child {
  margin-right: 0;
}
.link--more .link__text {
  overflow: hidden;
}
.link--more .icon {
  position: relative;
}
.link--more .link__icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background: #ffe079;
}

@media (min-width: 1280px) {
  .link--more .link__icon {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    position: relative;
    margin-right: 40px;
    height: 40px;
    width: 40px;

    -webkit-transition: 0.25s ease-out;
    -moz-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
  }
  .link--more .icon {
    position: relative;
  }
  .link--more .link__icon:before {
    -webkit-transition: 0.25s ease-out;
    -moz-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
    transform-origin: 50% 50%;
  }
  .link--more .link__icon:after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ffe079;
    opacity: 0;
    animation: pulse 0.4s;
  }
  .link--more:hover .link__icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .link--more:hover .link__icon:before {
    -webkit-transform: scale(1.25, 1.25);
    -moz-transform: scale(1.25, 1.25);
    transform: scale(1.25, 1.25);
  }
  .link--more:hover .link__icon:after {
    display: block;
  }
}
@media (max-width: 1279px) {
  .link--more .link__icon {
    font-size: 12px;
  }
}
@media (max-width: 959px) {
  .link--more .link__icon {
    width: 28px;
    height: 28px;
    margin-top: 4px;
    margin-right: 10px;
    font-size: 12px;
  }
  .link--more .link__icon:last-child {
    margin-top: 0;
  }
}

.link--default {
  color: #1990fe;
}
.link--default:hover {
  color: #7fc1fe;
}

.link--card {
  display: flex;
  -webkit-align-content: center;
  align-content: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-weight: bold;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  padding: 5px 0;
}
.link--card:hover .link__icon {
  animation: linkBlockIcon 0.6s ease-in-out;
}
/*.link--card .link__icon {margin-left: 15px;}*/

@keyframes dottIn {
  0% {
    opacity: 0;
    transform: translate(-200%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0%, 0);
  }
}
@keyframes dottOut {
  0% {
    opacity: 1;
    transform: translate(0%, 0);
  }
  100% {
    opacity: 0;
    transform: translate(500%, 0);
  }
}
.link--marker {
  padding-top: 16px;
}
.link--marker:before {
  content: "";
  border: 3px solid;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 4px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  animation: dottOut 0.25s ease-out;
}
@media (min-width: 1280px) {
  .link--marker:hover:before {
    opacity: 1;
    animation: dottIn 0.25s forwards;
  }
}

.alert {
  display: block;
  position: relative;
  padding: 19px 40px 12px 20px;
  border-radius: 5px;
  box-sizing: border-box;

  animation: fadeIn 0.4s;
}
  .alert--success {
    background: #c8edce;
    color: #20692c;
  }
  .alert--warning {
    background: #ffe079;
  }
  .alert--error {
    background: #edc8c8;
    color: #692020;
  }
  .alert--empty {
    background: #b9b9b9;
    color: #ffffff;
    padding: 18px 13px;
  }
  .alert--message {
    padding: 15px;
    background: rgba(95, 210, 85, 0.2);
    border-radius: 10px;
    color: #201F1E;
    font-size: 14px;
    line-height: 15px;
  }
    .alert--message > .link {font-weight: 700;}
    .alert__title {
      margin-bottom: 14px;
      font-weight: 600;
    }

    .alert__icon {
      margin-right: 15px;
    }

.input {
  display: block;
  padding: 0;
  width: 100%;

  height: 40px;
  font-size: 16px;

  border: 0;
  box-shadow: none;
  border-radius: 0px;
  border-bottom: 2px solid;
  background: none;
  color: inherit;

  box-sizing: border-box;
}
.input:focus {
  outline: none;
}

.input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.input[type="number"]::-webkit-inner-spin-button,
.input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input[type="date"]::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
}

.txt-input {
  display: block;
  position: relative;
}
.txt-input--icon {
  display: flex;
  align-items: flex-end;
}
.txt-input__icon {
  flex: none;
  margin-right: 19px;
  font-size: 18px;
  line-height: 40px;
}
.txt-input__input {
  width: 100%;
  position: relative;
  padding-top: 15px;
}
.txt-input__input--label {
  padding-top: 0;
}
.txt-input__field {
  height: 40px;
  font-size: 16px;
  font-weight: 500;
  font-family: inherit;

  border-bottom-width: 2px;
  border-color: #e0e0e0;

  -webkit-transition: 0.35s ease-in;
  -moz-transition: 0.35s ease-in;
  transition: 0.35s ease-in;
}
.txt-input__field.is-error {
  border-color: red;
}
.txt-input__field.is-error ~ .txt-input__required--error {
  display: block;
}
.txt-input__label {
  display: block;
  margin-bottom: 9px;
}
.txt-input__label--nowrap {
  white-space: nowrap;
}
.txt-input__label--small {
  margin-bottom: 11px;
  font-weight: 500;
  line-height: 14px;
  font-size: 12px;
}
.txt-input__required {
  padding-top: 5px;
  /*text-align: right;*/
  /*opacity: .4;*/
  /*text-transform: lowercase;*/
  font-weight: 500;
  line-height: 12px;
  font-size: 12px;
}
.txt-input__required--error {
  display: none;
  position: absolute;
  color: red;
  animation: fadeIn 0.25s ease-in;
}
.txt-input__placeholder {
  line-height: 20px;

  position: absolute;
  top: 26px;
  left: 0px;
  right: 0px;

  font-size: 16px;
	font-weight: 400;
  opacity: 0.4;
  color: inherit;

  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition: transform 0.2s, opacity 0.2s;
  -moz-transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;

  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;

  z-index: 0;
  cursor: text;
  box-sizing: border-box;
}
.txt-input__field:focus {
  border-color: #5b8db3;
}
.txt-input__field:focus + .txt-input__placeholder,
.txt-input__field.is-filled + .txt-input__placeholder {
  opacity: 0.6;
  -webkit-transform: translate3d(0, -25px, 0) scale3d(0.7, 0.7, 1);
  -moz-transform: translate3d(0, -25px, 0) scale3d(0.7, 0.7, 1);
  transform: translate3d(0, -25px, 0) scale3d(0.7, 0.7, 1);
}
.txt-input__textarea {
  position: relative;
  display: block;

  padding: 15px 15px;
  width: 100%;
  height: 165px;

  /*background: none;
	border-radius: 0px;
	box-shadow: none;
	color: inherit;*/
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;

  font-family: "Houschka Pro", sans-serif;
  font-size: 13px;
  line-height: 1.23;
  font-weight: 500;
  /*text-transform: uppercase;*/
  box-sizing: border-box;
  resize: none;
  overflow: hidden;
  overflow-y: auto;
}
.txt-input__textarea:focus {
  outline: none;
}
.txt-input__textarea.is-error {
  border-color: red;
}
.txt-input__textarea:focus + .txt-input__placeholder,
.txt-input__textarea.is-filled + .txt-input__placeholder {
  opacity: 0.6;
  -webkit-transform: translate3d(0, -20px, 0) scale3d(0.75, 0.75, 1);
  -moz-transform: translate3d(0, -20px, 0) scale3d(0.75, 0.75, 1);
  transform: translate3d(0, -20px, 0) scale3d(0.75, 0.75, 1);
}

.txt-input__field--box {
  padding: 0 18px;

  background: #f3f3f3;
  border: 1px solid #e1e1e1;
  box-shadow: inset 0px 0px 3px rgba(80, 80, 80, 0.19);
  border-radius: 4px;
}
.txt-input__field--box:focus {
  border-color: #e1e1e1;
  background: #ffffff;
}
.txt-input__field--box::-webkit-input-placeholder {
  color: #cdccce;
}
.txt-input__field--box::-moz-placeholder {
  color: #cdccce;
}
.txt-input__field--box:-ms-input-placeholder {
  color: #cdccce;
}
.txt-input__field--box:-moz-placeholder {
  color: #cdccce;
}
.txt-input__field--box:placeholder {
  color: #cdccce;
}

@media (min-width: 1900px) {
  .txt-input__field--box {
    width: 500px;
  }
}
/* @media(min-width: 1366px){
	.txt-input__field--box {
		font-size: 10px;
	}
} */
@media (min-width: 960px) {
  .txt-input__input--reverse {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
  .txt-input__input--reverse .txt-input__label {
    margin-left: 14px;
    margin-bottom: 0;
  }
}
@media(max-width: 1279px){
  .txt-input__placeholder {font-size: 14px;}
}

/* checkbox */
.cb-input {
  position: relative;
  display: inline-block;
  min-height: 18px;
  line-height: 18px;
}
.cb-input__checkbox:not(:checked),
.cb-input__checkbox:checked {
  position: absolute;
  left: -9999px;
  visibility: hidden;
}
.cb-input__label {
  display: inline-block;
  padding-left: 32px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.cb-input__check {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;

  border: 0;
  border-radius: 2px;
  background: none;
  border: 2px solid #aba9a9;
  box-shadow: none;

  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  transition: 0.35s;

  cursor: pointer;
  box-sizing: border-box;
}
.cb-input__check:after {
  display: none;
  content: "";
  position: absolute;
  top: 0px;
  left: 3px;
  width: 9px;
  height: 5px;
  /*border: 2px solid transparent;*/
  border-left: 2px solid #343a4a;
  border-bottom: 2px solid #343a4a;
  border-radius: 0px;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);

  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;

  box-sizing: border-box;

  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.cb-input:hover .cb-input__check:after {
  display: block;
  opacity: 0.6;
}
.cb-input__checkbox:checked + .cb-input__check {
  background: #42484f;
  border-color: #42484f;
}
.cb-input__checkbox:checked + .cb-input__check--main {
  background: #ed3f56;
  border-color: #ed3f56;
}
.cb-input__checkbox:checked + .cb-input__check:after {
  display: block;
  opacity: 1;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.cb-input__checkbox.is-error ~ .cb-input__label {
  color: #e7344c;
}

.cb-input__checkbox:disabled {
  pointer-events: none;
}
.cb-input__checkbox:disabled ~ .cb-input__label {
  cursor: default;
  opacity: 0.3;
}
.cb-input__checkbox:hover:disabled .cb-input__check,
.cb-input__checkbox:disabled + .cb-input__check {
  opacity: 0.1;
}

/* radio */
.rb-input {
  position: relative;
  display: inline-block;
  min-height: 18px;
  line-height: 18px;
}
.rb-input--full {
  display: block;
}
.rb-input__radio {
  position: absolute;
  left: -9999px;
  visibility: hidden;
}
.rb-input__label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
.rb-input__check {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;

  border: 0;
  border-radius: 50%;
  background: none;
  border: 1px solid #aba9a9;
  box-shadow: none;

  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  transition: 0.35s;

  cursor: pointer;
  box-sizing: border-box;
}

.rb-input__check:after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #343a4a;

  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;

  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}

.rb-input__radio:hover + .rb-input__check:after {
  display: block;
  opacity: 0.8;
}
.rb-input__radio:hover:checked + .rb-input__check:after {
  opacity: 1;
}
.rb-input__radio:checked + .rb-input__check:after {
  display: block;
}
/*
.rb-input__check:hover {border-color: #009aff;}
.rb-input__radio:checked + .rb-input__check {border: 4px solid #009aff;}
*/
.rb-input__radio:disabled ~ .rb-input__label {
  cursor: default;
}

.rb-input__radio:disabled + .rb-input__check,
.rb-input__radio:disabled:hover + .rb-input__check {
  border-color: #b9b9b9;
  cursor: default;
}
.rb-input__radio:not(:checked):disabled + .rb-input__check,
.rb-input__radio:not(:checked):disabled:hover + .rb-input__check {
  border-color: #b9b9b9;
  cursor: default;
}

/* Date range */
.date-picker-wrapper.date-range {
  padding: 0;
  font-family: "Houschka Pro", sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.175px;
  text-transform: uppercase;
  z-index: 2;
}

.date-picker-wrapper.date-range .drp_top-bar {
  display: none;
}
.date-picker-wrapper.date-range .month-wrapper {
  border: 0;
  padding: 12px;
}
.date-picker-wrapper.date-range .month-name {
  font-size: 14px;
}
.date-picker-wrapper.date-range .month-wrapper table .week-name {
  font-weight: 400;
  font-size: 10px;
}
.date-picker-wrapper.date-range .gap {
  width: 2px;
  background-color: #e9e9e9;
}
.date-picker-wrapper.date-range .gap .gap-line {
  display: none;
}
.date-picker-wrapper.date-range .footer {
  display: none;
}

/* Select */
.b-select {
  position: relative;
}
.b-select.is-error .b-select__picker > .dropdown-toggle {
  border-bottom-color: red;
}
.b-select__label {
  margin-bottom: 8px;
}
.b-select__picker:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  position: relative;
  display: block;
  width: auto;
  box-sizing: border-box;
}
.b-select__picker:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn):after {
  content: " ";
  display: block;
  clear: both;
}
.b-select__picker:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn):focus {
  outline: none;
}
.b-select__picker > .dropdown-toggle {
  display: flex;
  align-items: center;
  color: #42484f;
  background: #e9e9e9;
  padding: 5px 53px 5px 42px;
  height: 42px;
  line-height: 32px;
  border-radius: 24px;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: inherit;
}
.b-select .b-select__picker > .dropdown-toggle:hover,
.b-select .b-select__picker.open > .dropdown-toggle {
  background: #ffe079;
}

.b-select__picker.btn-group.open .dropdown-toggle .bs-caret:before {
  display: none;
}
.b-select__picker.btn-group.open .dropdown-toggle .bs-caret:after {
  display: block;
}
.b-select__picker .dropdown-toggle:focus {
  outline: none !important;
}
.b-select__picker.btn-group .dropdown-toggle .bs-caret {
  display: flex;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  width: 32px;
  height: 32px;
  background: #ffffff;
  border-radius: 50%;
  font-size: 12px;
}
.b-select__picker.btn-group .dropdown-toggle .bs-caret:before {
  content: "\e902";
  font-family: "MegaIcons";
}
.b-select__picker.btn-group .dropdown-toggle .bs-caret:after {
  /*dots*/
  display: none;
  content: "\e910";
  font-family: "MegaIcons";
}
.b-select__picker.btn-group .dropdown-toggle .caret {
  display: none;
  right: 6px;
  border: 0;
  border: 7px solid transparent;
  border-top-color: inherit;

  -webkit-transform-origin: 50% 25%;
  -moz-transform-origin: 50% 25%;
  transform-origin: 50% 25%;

  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.b-select__picker.btn-group.open .dropdown-toggle .caret {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.b-select__picker.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  color: inherit;
  text-overflow: ellipsis;
  text-align: center;
}

.b-select__picker.btn-group .dropdown-menu {
  top: 0;
  left: 100%;
  min-width: auto;
  width: 360px;
  margin: 0;
  margin-left: 17px;
  margin-top: -20px;
  padding: 0;
  padding-top: 20px;
  color: #ffffff;
  background: #42484f;
  box-sizing: border-box;
  border-radius: 6px;
  z-index: 3;
}
@media (min-width: 960px) {
  .b-select__picker.btn-group .dropdown-menu:after {
    content: "";
    position: absolute;
    left: -6px;
    top: 31px;
    width: 20px;
    height: 20px;
    background: #42484f;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
.b-select__picker.btn-group .dropdown-menu.inner {
  padding: 0px 18px 20px;
  box-sizing: border-box;
  border-radius: 6px;
}
.b-select__picker.btn-group .dropdown-menu.inner {
  overflow: hidden;
}
.b-select__picker.btn-group .dropdown-menu li {
  margin-bottom: 0;
}
.b-select__picker.btn-group .dropdown-menu li.hidden {
  display: none;
}
.b-select__picker.btn-group .dropdown-menu li + li {
  margin-top: 5px;
}
.b-select__picker.btn-group .dropdown-menu li a {
  display: block;
  padding: 8px 13px;
  padding-left: 41px;
  border: 0;
  font-size: 14px;
  line-height: 17px;
  font-weight: bold;
  color: #f3f3f3;
}
.b-select__picker.btn-group .dropdown-menu li a:hover {
  background: rgba(0, 0, 0, 0.24);
}

.b-select .bs-searchbox {
  position: relative;
  padding: 0 18px;
  /*margin-bottom: 27px;*/
}
.b-select .bs-searchbox:after {
  content: "\e90b";
  position: absolute;
  left: 30px;
  top: 4px;
  font-family: "MegaIcons" !important;
  font-size: 16px;
  color: #42484f;
}
.b-select .bs-searchbox + .dropdown-menu.inner {
  padding-top: 27px;
}
.b-select .bs-searchbox .form-control:focus {
  outline: none;
}
.b-select .bs-searchbox .form-control {
  height: 34px;
  padding: 0 18px 0 41px;
  background: rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  border: 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  box-sizing: border-box;
}
.b-select .bootstrap-select.btn-group .no-results {
  padding: 0;
  background: none;
  margin: 0;
  white-space: nowrap;
}
/* multiple select */
.b-select__picker.btn-group .dropdown-menu li {
}
.b-select__picker.btn-group .dropdown-menu li a {
  position: relative;
  /*padding: 12px 10px 12px 50px;*/
}
.b-select__picker.btn-group .dropdown-menu li a:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 13px;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(255, 255, 255, 0.68);
  border-radius: 2px;
  box-sizing: border-box;
}
.b-select__picker.btn-group .dropdown-menu li:hover a:before,
.b-select__picker.btn-group .dropdown-menu li.selected a:before {
  background: #ffffff;
  border-color: #ffffff;
}
.b-select__picker.btn-group .dropdown-menu li a:after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 11px;
  left: 15px;
  width: 4px;
  height: 7px;
  border: 1px solid transparent;
  border-bottom-color: #ffffff;
  border-right-color: #ffffff;
  /*border-radius: 2px;*/

  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);

  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  transform-origin: 100% 100%;

  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  box-sizing: border-box;
}
.b-select__picker.btn-group .dropdown-menu li:hover a:after,
.b-select__picker.btn-group .dropdown-menu li.selected a:after {
  opacity: 1;
  border-bottom-color: #42484f;
  border-right-color: #42484f;
}
.b-select--simple .b-select__picker > .dropdown-toggle {
  border-radius: 0;
  padding-left: 0;
  background: none;
  border-bottom: 2px solid #e0e0e0;
}
.b-select--simple .b-select__picker > .dropdown-toggle .filter-option {
  text-align: left;
}
.b-select--simple .b-select__picker.btn-group .dropdown-menu:after {
  display: none;
}
.b-select--simple .b-select__picker > .dropdown-toggle:hover,
.b-select--simple .b-select__picker.open > .dropdown-toggle {
  background: none;
}
.b-select--simple .b-select__picker.open > .dropdown-toggle {
  border-color: #5b8db3;
}

.b-select--simple .b-select__picker.btn-group .dropdown-toggle .bs-caret {
  background: none;
}
.b-select--simple .b-select__picker.btn-group .dropdown-menu {
  top: 100%;
  left: auto;
  min-width: 240px;
  width: 100%;
  margin: 0;
  margin-left: 0;
  margin-top: 10px;
  padding: 0;
  padding-top: 0;

  color: #42484f;
  background: #f3f3f3;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.b-select--simple .b-select__picker.btn-group .dropdown-menu.inner {
  box-shadow: none;
  margin-top: 0;
  padding: 5px 0;
  margin-bottom: 0;
}
.b-select--simple .b-select__picker.btn-group .dropdown-menu li a {
  color: inherit;
  padding: 10px 22px;
}
.b-select--simple .b-select__picker.btn-group .dropdown-menu li a:before,
.b-select--simple .b-select__picker.btn-group .dropdown-menu li a:after {
  display: none;
}
.b-select--simple .b-select__picker.btn-group .dropdown-menu li a:hover {
  background: #fff;
}
.b-select--simple .b-select__picker.btn-group .dropdown-menu li.selected a {
  background: #fff;
}

.b-select--border .b-select__picker > .dropdown-toggle {
  background: #ffffff;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  box-shadow: inset 0px 0px 3px rgba(80, 80, 80, 0.19);
  border-radius: 4px;
  padding-left: 18px;
}
.b-select--border .b-select__picker.open > .dropdown-toggle {
  border-color: #e1e1e1;
}

.b-select--left .b-select__picker.btn-group .dropdown-menu {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: 17px;
}
.b-select--top .b-select__picker.btn-group .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 17px;
}
.b-select--border.is-error .b-select__picker > .dropdown-toggle {border-color: red;}

/* Buttons */
.button-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border: 0;
  border-radius: 50%;

  font-size: 16px;
  font-family: inherit;
  font-weight: 400;
  color: inherit;
  background: none;

  text-decoration: none;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;

  -webkit-transition: 0.45s cubic-bezier(0.61, 0, 0.4, 1.01);
  -moz-transition: 0.45s cubic-bezier(0.61, 0, 0.4, 1.01);
  transition: 0.45s cubic-bezier(0.61, 0, 0.4, 1.01);
}
.button-icon:focus,
.button-icon:active {
  outline: none;
}
.button-icon:hover {
  color: inherit;
  text-decoration: none;
}

.button-icon--th-ctrl {
  background: #ffffff;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}

.button-icon--th-slider:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  border: 2px solid #ffffff;
  opacity: 0;
  transform: scale(0.95, 0.95);
  transition: 0.25s ease-in;
}
.button-icon--th-slider:hover:before {
  opacity: 1;
  transform: scale(1, 1);
}

.button-icon--th-action {
  background: #333333;
  color: #ffffff;
}
.button-icon--th-action:hover {
  background: #0078a8;
  color: #ffffff;
}
.button-icon--th-action.is-overlay:after {
  border-color: rgb(255, 255, 255);
  border-left-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 1100px) {
}

button {
  background: none;
}

.button {
  position: relative;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  vertical-align: middle;

  padding: 0 20px;
  height: 40px;
  line-height: 40px;

  border: 0;
  border-radius: 50px;
  box-shadow: none;

  color: #ffffff;
  font-size: 14px;
  font-family: inherit;
  font-weight: 500;
  white-space: nowrap;

  text-decoration: none;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;

  -webkit-transition: 0.45s cubic-bezier(0.61, 0, 0.4, 1.01);
  -moz-transition: 0.45s cubic-bezier(0.61, 0, 0.4, 1.01);
  transition: 0.45s cubic-bezier(0.61, 0, 0.4, 1.01);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.button:disabled {
  color: #8d8e88;
  pointer-events: none;
  opacity: 0.65;
  cursor: auto;
}

.button.is-overlay {
  pointer-events: none;
}
.button.is-overlay .button__text {
  opacity: 0;
}
.button.is-overlay:after {
  content: "";
  width: 18px;
  height: 18px;

  border-style: solid;
  border-color: rgba(0, 79, 236, 1);
  border-left-color: rgba(0, 79, 236, 0.1);
  border-width: 2px;
  border-radius: 50%;

  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  animation: rotate 1s linear infinite;
}

.button:focus,
.button:active {
  outline: none;
}
.button:hover {
  color: inherit;
  text-decoration: none;
}

.button__text {
  position: relative;
}
.button__icon {
  position: relative;
  margin-right: 5px;
  font-size: 16px;
}

.button--main {
  padding-left: 0px;
  border-radius: 50px;

  background: #ffe079;
  color: #42484f;
}
.button--main:before {
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
  bottom: -2px;
  top: -2px;
  background: #ffffff;
  border-radius: 50px;

  transform-origin: 20px 20px;
  transform: scale(0, 1);
  transition: transform 0.25s ease-out;
}
.button--main .button__icon {
  margin-right: 15px;
  background: #ffffff;

  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}
.button--main:hover:before {
  transform: scale(1, 1);
}
.button--main:hover .button__icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.button--second {
  color: #42484f;
}
.button--second:hover {
  background: #ffe079;
}
.button--second.is-overlay {
  background: #ffe079;
}
.button--second.is-overlay:after {
  border-color: rgba(255, 255, 255, 1);
  border-left-color: rgba(255, 255, 255, 0.1);
}

.button--ctrl {
  color: #42484f;
  background: #ffffff;
  border: 1px solid #ededed;
  padding: 5px 42px;
  height: 42px;
  line-height: 30px;
  border-radius: 50px;
}
.button--ctrl:hover,
.button--ctrl.is-active {
  background: #e9e9e9;
}
.button--ctrl .button__icon {
  position: absolute;
  top: 50%;
  right: 0;
  margin: 5px;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  background: #ffffff;
  border-radius: 50%;
  font-size: 12px;
}

.button--ctrl-inverse {
  color: #42484f;
  background: #e9e9e9;
  border: 1px solid #ededed;
  padding: 5px 42px;
  height: 42px;
  line-height: 30px;
  border-radius: 50px;
}
.button--ctrl-inverse:hover,
.button--ctrl-inverse.is-active {
  color: #42484f;
  background: #ffffff;
}
.button__icon--round {
  position: absolute;
  top: 50%;
  right: 0;
  margin: 5px;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  background: #ffffff;
  border-radius: 50%;
  font-size: 12px;
}

.button--action {
  width: 100%;
  padding: 0 28px;
  background: #ffe079;
  color: #42484f;
  -webkit-justify-content: center;
  justify-content: center;
}
.button--action:hover {
  background: #e9e9e9;
}
.button.is-loading .button__text {
  visibility: hidden;
}
.button.is-loading .button-loader__spiner {
  visibility: visible;
}
.button-loader__spiner {
  position: absolute;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
}

.menu-button {
  display: flex;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.menu-button:hover {
  color: inherit;
}
.menu-button__icon {
  display: block;
  position: relative;
  width: 32px;
  height: 18px;
}
.menu-button__line {
  position: absolute;
  left: 0;
  right: 0;
  border-top: 2px solid;
  /*height: 2px;*/
  /*background: #ffffff;*/
  border-radius: 4px;
  /*transition: .25s ease-in;*/
}
.menu-button__line._top {
  top: 0;
  /*transform: translate(0, 4px);*/
}
.menu-button__line._center {
  top: 50%;
  margin-top: -1px;
  /*transform-origin: 50% 50%;*/
  /*transform: scale(0, 0);*/
}
.menu-button__line._bottom {
  bottom: 0;
  /*transform: translate(0, -4px);*/
}

.menu-button:hover .menu-button__line {
  opacity: 1;
  /*transform: translate(0, 0px) scale(.8, 1);*/
}
@media (min-width: 1280px) {
  .menu-button__line {
    transition: transform 0.25s ease-in;
  }
  .menu-button__line._top {
    transform: translate(0, 4px);
  }
  .menu-button__line._center {
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  .menu-button__line._bottom {
    transform: translate(0, -4px);
  }

  .menu-button:hover .menu-button__line {
    opacity: 1;
    transform: translate(0, 0px) scale(0.8, 1);
  }
}

@media (min-width: 1100px) {
}

.img {
  position: relative;
  display: block;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.img--overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background: #0578A9;*/
  /*opacity: 0.45;*/
  background: linear-gradient(
      180deg,
      rgba(16, 28, 37, 0) 19.81%,
      rgba(16, 28, 37, 0.52) 100%
    ),
    linear-gradient(
      180deg,
      rgba(16, 28, 37, 0.39) 0%,
      rgba(16, 28, 37, 0) 64.21%
    );
}

.icon {
}
.icon--prev {
}
.icon--next {
}
.icon--play {
}
.icon--plus {
}
.icon--fab {
}

.caption {
  font-weight: 500;
  line-height: 27px;
  /*font-size: 18px;*/
  font-size: 16px;

  color: #666d70;
}

.text-overflow {
  max-height: 81px;
  overflow: hidden;
}
.big-overflow {
  max-height: 72px;
  overflow: hidden;
}

.fancybox-container {
  z-index: 1000;
}
.fancybox-is-open .fancybox-bg {
  opacity: 0.3;
}
.fancybox-is-open.fancybox--gallery .fancybox-bg {
  opacity: 0.9;
}
.fancybox-bg {
  background: #42484f;
}
.fancybox-content {
  padding: 0;
  background: none;
}
.fancybox-container.fancybox-is-open .fancybox-video {
  display: block !important;
}
.fancybox-slide--video .fancybox-close-small {
  position: fixed;
  top: 0;
  right: 0;
}

.container-wrap {
  margin-left: -4.1667%;
  margin-right: -4.1667%;
}
.container {
  padding-left: 4.1667%;
  padding-right: 4.1667%;
  box-sizing: border-box;
}

.grid {
}
.grid__section {
  display: flex;
  min-height: 100%;
}
.grid__section-inner {
}
.grid__aside {
}
/*.grid__aside.is-stick {
			position: fixed;
			bottom: 80px;
			left: 4.1667%;
			width: 29.1667%;

			color: #42484F;

			animation: fadeInLeft .45s ease-out;
		}
		.grid__aside.is-show {animation: fadeInLeft .45s ease-out;}
		.grid__aside.is-hidden {animation: fadeOut .45s ease-in;}*/
.grid__aside--bottom {
}

.grid__content {
}
.grid__head {
  text-transform: none;
  font-weight: 500;
  padding-bottom: 22px;
  margin-bottom: 49px;
  border-bottom: 1px solid #dddddd;
}
.grid__head--article {
  margin-bottom: 76px;
}
.grid__title {
  max-width: 928px;
}
.grid__content--bottom {
}
.a-roll.is-in .grid__content.a-roll-wrap {
  animation-duration: 0.8s;
  animation-delay: 0.2s;
}
.a-roll.is-in .grid__content > .a-roll-wrap {
  animation-duration: 0.8s;
  animation-delay: 0.2s;
}
.a-roll.is-in .grid__content .a-roll-inner {
  animation-duration: 0.8s;
  animation-delay: 0.2s;
}

@media (min-width: 960px) {
  .aside {
    flex: none;
    width: 37.5%;
  }
  .section__content {
    flex: none;
    width: 62.5%;
    /*margin-left: auto;*/
  }
  .grid {
  }
  .grid__inner {
    width: 100%;
  }
  .grid__section {
  }
  .grid__aside {
    flex: none;
    width: 31.8182%;
    padding-right: 4.5455%;
    box-sizing: border-box;
  }
  .grid__aside--bottom {
    margin-top: auto;
  }

  .grid__aside--stick {
    position: fixed;
    padding-top: 35px;
    padding-bottom: 4.1667%;
    bottom: 0;
    left: 0;
  }
  .grid__aside--stick.is-inverse {
    color: #ffffff;
  }
  .grid__aside--stick.is-fix-top {
    position: absolute;
    top: 0;
    left: 0;
  }
  .grid__aside--stick.is-fix-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .grid__aside--stick.is-stick {
    position: fixed;
    left: 0;
    /*padding-top: 80px;*/
  }

  .grid__content {
    flex: none;
    width: 68.1819%;
    margin-left: auto;
  }
  .grid__content-inner {
    max-width: 928px;
  }
  .grid__content--bottom {
    margin-top: auto;
  }
}
@media (max-width: 959px) {
  .grid__section {
    flex-direction: column;
  }
  .grid__section--reverse-mobile {
    flex-direction: column-reverse;
  }
  .grid__content {
    margin-top: auto;
  }
  .grid__aside--stick.container {
    padding-left: 0;
  }
}
@media (max-width: 1279px) and (min-width: 960px) {
  .aside {
    width: 50%;
  }
  .section__content {
    width: 50%;
  }
}

.th-inverse {
  color: #ffffff;
}

.section {
  position: relative;
  padding-top: 150px;
  padding-bottom: 4.1667%;
  box-sizing: border-box;
}
@media (min-width: 960px) {
  .section:not(.section--flow):not(.section--full) {
    padding-bottom: 45px;
  }
}

.section--full {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.section__container {
  position: relative;
  height: 100%;
}
.section__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.section__bg--contain {
  background-size: contain;
}
.section__bg--about {
  background-size: 80%;
  background-position: 210% 50%;
}
@media (max-width: 959px) {
  .section__bg--about {
    background-size: 105%;
    background-position: -750% 60%;
  }
}
@media (max-width: 639px) {
  .section__bg--about {
    background-size: 150%;
    background-position: -40% 54%;
  }
}
.section__bg--overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background: rgba(16, 16, 16, 0.7);*/
  background: linear-gradient(
      180deg,
      rgba(16, 28, 37, 0) 19.81%,
      rgba(16, 28, 37, 0.52) 100%
    ),
    linear-gradient(
      180deg,
      rgba(16, 28, 37, 0.39) 0%,
      rgba(16, 28, 37, 0) 64.21%
    );
}

.section__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
  .section__inner._short {
    max-width: 800px;
    margin: 0 auto;
  }
  .section__inner._short .a-roll-inner {padding-right: 0;}
  .section__inner._short .section__title {padding-top: 40px;}
.section__head {
  margin-bottom: 3.4896%;
}
.section__head:last-child {
  margin-bottom: 0;
}
.section__crumbs {
  margin-bottom: -43px;
}
.section__title {
  margin-bottom: 25px;
}
  .section__title:last-child {
    margin-bottom: 0;
  }
  .section__description {
    margin: 50px 0 75px;
    max-width: 960px;
  }
  .section__description:last-child {margin-bottom: 0;}
.section__title--text {
  text-transform: none;
  font-weight: 500;
  border-bottom: 1px solid;
  padding-bottom: 25px;
}
.section__head--page {
  position: relative;
}
.section__head--page .section__title {
  padding-top: 8.3vw;
  max-width: 1280px;
}
.section__head--page .section__title.section__title--full {
  max-width: 100%;
}
.section__head--page .help-section {
  margin-top: 8.3vw;
}
.section__head--page .help-section + .section__title {
  padding-top: 40px;
}
.section__head--page .section__crumbs + .section__nav {
  padding-top: 8.3vw;
}

.section__head--detail .section__crumbs {
  margin-bottom: 0;
}

.section__body {
  height: 100%;
}
.section__frame {
  height: 100%;
  width: 100%;
}
.section__frame--tab {
  display: none;
  animation: fadeIn 0.4s ease-in-out;
}
.section__frame--tab.active {
  display: block;
}
.section__aside {
}
.section__aside .screen-dots {
  top: 50%;
  transform: translate(0, -50%);
  left: auto;
  right: 30%;
}
@media (max-width: 1024px) {
  .section__aside .screen-dots {
    left: 0;
    right: auto;
    transform: none;
    top: calc(100% + 60px);
  }
}
.section__top {
}
.section__center:last-child {
  margin-bottom: 0;
}
.section__bottom {
}
.section__bottom--sm {
  max-width: 560px;
}
.section__caption {
  text-transform: none;
  max-width: 800px;
}
.section__footer--right {text-align: right;}
/*Для деталки */
.section.section--info {
  padding-top: 0;
  padding-bottom: 0;
}
.section + .section.section--info {
  padding-top: 0;
}
.section.section--info:last-child {
  padding-bottom: 0;
}

/*Потоковые секции*/
.section.section--flow {
  padding-top: 0;
}

.a-roll.is-in .section__content .a-roll-wrap {
  animation-duration: 0.8s;
  animation-delay: 0.2s;
}
.a-roll.is-in .section__content .a-roll-inner {
  animation-duration: 0.8s;
  animation-delay: 0.2s;
}
@media (max-width: 1402px) {
  .section__head--page .section__title {
    max-width: 960px;
  }
  .section__head--page .section__title.section__title--full {
    max-width: 100%;
  }
  .section__description {margin: 42px 0 62px;}
}

@media (min-width: 960px) {
  .section__title .a-roll-inner {
    padding-right: 260px;
  }
  .section__picker {
    position: absolute;
    bottom: 0;
    margin-bottom: 68px;
    /*margin-top: 8.8125%;*/
    right: 0;
  }
  .section__picker-button {
    width: 240px;
  }
  .section__picker .panel__item {
    margin-right: 0;
  }
  .section__body {
    height: 100%;
    display: flex;
  }
  .section__body--strange {
    position: relative;
  }
  .section__aside {
    /* height: 100%; */
    display: flex;
    flex-direction: column;
  }
  .section__top {width: 100%;}
  .section__top--right {text-align: right;}
  .section__center {
    width: 100%;
    margin: auto 0;
  }
  .section__bottom {
    width: 100%;
    padding-top: 40px;
    margin-top: auto;
  }
  .section__aside + .section__content {
    padding-left: 0;
  }
  .section__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-left: auto;
  }
  .section__content--left {
    margin-left: 0;
  }
  .section__content--right {
    align-items: flex-end;
  }
  .section__content-inner {
    /*width: 560px;*/
    width: 53.8462%;
    margin-left: auto;
  }

  .section__aside > .section__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .section__footer--inside {
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .section--persons {
    position: static;
    padding-bottom: 0;
  }
  .section.section--persons:last-child {
    padding-bottom: 0;
  }
  .section--persons .section__container {
    position: static;
  }
  .section--persons .section__footer {
    bottom: 80px;
  }
  .section--persons .section__head {
    margin-bottom: 0;
  }

  .section--detail {
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1279px) and (min-width: 960px) {
  .section__picker {
    margin-top: 62px;
  }
}
@media (max-width: 959px) {
  /*TMP: Удалить .section.section--persons {padding-top: 40px;} после добавления секции экологии на страницу о компании*/
  .section.section--persons {
    padding-top: 40px;
  }

  .section + .section {
    padding-top: 30px;
  }
  .section__picker {
    margin-top: 25px;
  }
  .section__picker.container {
    padding: 0;
  }

  .section__center {
    margin-bottom: 26px;
  }
}

.video-wrap {
  position: relative;
  padding-top: 56.25%;
}
.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

@keyframes loaderDotShow {
  0% {
    opacity: 0;
    transform: scale(0, 0);
  }
  25% {
    opacity: 1;
    transform: scale(1, 1);
  }
  75% {
    opacity: 1;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: scale(0, 0);
  }
}
/*@keyframes loaderDotHide {
	0% {
		opacity: 1;
		transform: scale(1, 1);
	}
	100% {
		opacity: 0;
		transform: scale(0, 0);
	}
}*/
.loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}
.loader__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f3f3f3;

  transform-origin: 100% 50%;
}
.loader__inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;

  box-sizing: border-box;
}
.loader__spiner {
  width: 120px;
  display: flex;
}
.loader__dot + .loader__dot {
  margin-left: 24px;
}
.loader__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #42484f;
  animation: loaderDotShow 2.2s infinite backwards;
  animation-direction: alternate;
}
.loader__dot:nth-child(1) {
}
.loader__dot:nth-child(2) {
  animation-delay: 0.4s;
}
.loader__dot:nth-child(3) {
  animation-delay: 0.8s;
}
.loader.is-in .loader__bg {
  animation: slideIn-x 0.6s ease-in-out forwards;
}
.loader.is-out .loader__inner {
  animation: fadeIn 0.4s ease-in-out forwards;
}
.loader.is-out .loader__bg {
  animation: slideOut-x 0.6s ease-in-out forwards;
}
.loader.is-out .loader__inner {
  animation: fadeOut 0.4s ease-in-out forwards;
}

.page {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
}
.page__header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  height: 100px;
  color: #ffffff;
  overflow: hidden;

  transition: background-color 0.35s ease-in;
}
.page__container {
  flex-grow: 1;
}
.page > .page__container {
  position: relative;
}
.page__main {
}
.page__section {
  position: relative;
}
.page__section:last-child > .section {
  padding-bottom: 154px;
}
.page__section--person {
  position: static;
}
.page__section--fix {
}
.page__content {
}
.page__footer {
  margin-top: auto;
}
.page__bubble {
  margin: 0 auto;
}

.page__header--inverse {
  color: #42484f;
}
.page__header--inverse-l {
  color: #42484f;
  background-color: #ffffff;
}
.page__header--inverse-l:before {
  display: none;
}
@media (min-width: 960px) {
  .page__header.is-fixed {
    transform: translate3d(0, -100%, 0);
  }
  .page__header.is-show {
    background: #ffffff;
    color: #42484f;
  }
  .page__header.is-show {
    transform: translate3d(0, 0%, 0);
    transition: transform 0.4s ease-in, background 0.4s ease-in,
      color 0.4s ease-in;
  }
  .page__header.is-hide {
    transition: transform 0.4s ease-in, background 0.4s ease-in,
      color 0.4s ease-in;
  }
  .page__header.is-out {
    animation: fadeOutUp 0.2s ease-in-out forwards;
  }
  .page__section--fix {
    height: 100vh;
    min-height: 620px;
    max-height: 1440px;
    overflow: hidden;
  }
  .page__section--detail {
    min-height: auto;
    display: flex;
    flex-direction: column;
  }
  .page__section--detail .section {
    padding-bottom: 160px;
  }
  .page__section--compress {
    height: 77.5vh;
    overflow: hidden;
  }
  .page__section--overflow {
    overflow: hidden;
  }
  .page__bubble {
    position: absolute;
    right: -5%;
    top: 12%;
    width: 724px;
  }
  .page__bubble--bottom {
    top: auto;
    bottom: 0;
  }
}

@media (max-width: 1740px) {
  .page__section:last-child > .section {
    padding-bottom: 140px;
  }
  .page__section--detail .section {
    padding-bottom: 140px;
  }
}
@media (max-width: 1559px) {
  .page__section:last-child > .section {
    padding-bottom: 120px;
  }
  .page__section--detail .section {
    padding-bottom: 120px;
  }
}
@media (max-width: 1499px) {
  .page__section:last-child > .section {
    padding-bottom: 100px;
  }
  .page__section--detail .section {
    padding-bottom: 100px;
  }
}
@media (max-width: 1439px) {
  .page__section:last-child > .section {
    padding-bottom: 80px;
  }
  .page__section--detail .section {
    padding-bottom: 80px;
  }
}
@media (max-width: 1279px) {
  .page__section:last-child > .section {
    padding-bottom: 80px;
  }
  .page__section--detail .section {
    padding-bottom: 60px;
  }
}
@media (max-width: 959px) {
  .page__section--detail .section {
    padding-bottom: 40px;
  }
  .page__bubble {
    margin-top: 35px;
  }
}
@media (max-width: 1559px) and (min-width: 960px) {
  .page__bubble {
    width: 648px;
  }
}

.header {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  height: 100%;
  padding-top: 24px;
  box-sizing: border-box;
}
.header__logo {
  width: 240px;
  width: 12.5%;
}
.header__menu {
  margin-right: auto;
}
.header__right {
  flex: none;
  width: 31.8182%;
  display: flex;
}
.header__search {
}
.header__account {
  padding-left: 20.8929%;
}
.header__menu-toggle {
  margin-top: 6px;
  margin-left: auto;
}
@media (max-width: 1499px) and (min-width: 960px) {
  .header__right {
    width: 29.8182%;
  }
}
@media (max-width: 1439px) and (min-width: 960px) {
  .header__right {
    width: 25%;
  }
}

.logo-svg {
  display: block;
}
.logo-svg path {
  transition: fill 0.4s ease-in;
}
.logo-svg__shape {
  fill: #ffffff;
}
.logo-svg__shape._first {
  /*fill: ;*/
}
.logo-svg__shape._second {
}
.logo-svg__shape._third {
}
.logo-svg__text {
  fill: #ffffff;
}

.header {
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	position: relative;
	height: 100%;
	padding-top: 24px;
	box-sizing: border-box;
}
	@media (max-width: 1440px) {
		.header {
			padding-top: 5px;
		}
	}
	.header__logo {
		width: 240px;
		width: 12.5%;
	}
	.header__menu {margin-right: auto;}
	.header__right {
		flex: 1 1 auto;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	@media (max-width: 767px) {
		.header__right {
			display: contents;
		}
	}
	.header__search {}
	.header__account {padding-left: 20.8929%;}
	.header__menu-toggle {
		margin-top: 6px;
		margin-left: auto;
	}
@media(max-width: 1499px) and (min-width: 960px){
	.header__right {width: 29.8182%;}
}

/*@media(min-width: 960px){*/
.page__header--inverse .logo-svg__shape._first {
  fill: #0078a8;
}
.page__header--inverse .logo-svg__shape._second {
  fill: #ef4056;
}
.page__header--inverse .logo-svg__shape._third {
  fill: #ffd530;
}
.page__header--inverse .logo-svg__text {
  fill: #42484f;
}

.page__header--inverse .logo-svg__shape._first {
  fill: #0078a8;
}
.page__header--inverse .logo-svg__shape._second {
  fill: #ef4056;
}
.page__header--inverse .logo-svg__shape._third {
  fill: #ffd530;
}

.page__header--inverse-l .logo-svg__shape._first {
  fill: #0078a8;
}
.page__header--inverse-l .logo-svg__shape._second {
  fill: #ef4056;
}
.page__header--inverse-l .logo-svg__shape._third {
  fill: #ffd530;
}
.page__header--inverse-l .logo-svg__text {
  fill: #42484f;
}

.page__header.is-show .logo-svg__shape._first {
  fill: #0078a8;
}
.page__header.is-show .logo-svg__shape._second {
  fill: #ef4056;
}
.page__header.is-show .logo-svg__shape._third {
  fill: #ffd530;
}
.page__header.is-show .logo-svg__text {
  fill: #42484f;
}
/*}*/

.logo-svg--color .logo-svg__shape._first {
  fill: #0078a8;
}
.logo-svg--color .logo-svg__shape._second {
  fill: #ef4056;
}
.logo-svg--color .logo-svg__shape._third {
  fill: #ffd530;
}
.logo-svg--color .logo-svg__text {
  fill: #42484f;
}

/*.page__header.is-fixed .logo-svg__shape._first {fill: #0078A8;}
.page__header.is-fixed .logo-svg__shape._second {fill: #EF4056;}
.page__header.is-fixed .logo-svg__shape._third {fill: #FFD530;}
.page__header.is-fixed .logo-svg__text {fill: #42484F;}
*/

.menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.menu__item + .menu__item {
  margin-left: 35px;
}
.menu__item.is-active .menu__link {
}
.menu__link {
}
.menu--list {
  display: block;
}
.menu--list .menu__item + .menu__item {
  margin: 16px 0 0 0;
}

.menu-col {
}
.menu-col__inner {
  /* display: flex; */
  flex-wrap: wrap;
  margin-bottom: -20px;
  columns: 3;
  break-inside: avoid;
}
.menu-col__item {
/*  width: 33.333%;*/
  padding-right: 22px;
  padding-bottom: 20px;
  box-sizing: border-box;
}
.menu-col__link {
  font-weight: 400;
}
.menu-col__link .link__text:after {
  border-top: 3px solid #ffe079;
}
.menu-col__link.is-active .link__text:after {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.menu-col__link.is-active {
  font-weight: 700;
  cursor: pointer;
}
@media (max-width: 1279px) {
  .menu-col__inner {
    columns: 2;
  }
  .menu-col__item {
    width: 50%;
  }
}

.nav {
  border-bottom: 1px solid;
}
.nav--clear {
  border-bottom: 0;
}
.nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.nav__item {
  position: relative;
}
.nav__item + .nav__item {
  padding-left: 68px;
}
.nav__item--toggle .icon {
  font-size: 10px;
}
.nav__item--right {
  margin-left: auto;
}
.nav__item.is-active {
  pointer-events: none;
}
.nav__item.is-active .nav__link,
.nav__item.active .nav__link,
.nav__link:hover {
  opacity: 1;
}
.nav__item.is-active .nav__link:before,
.nav__item.active .nav__link:before {
  opacity: 1;
  animation: dottIn 0.25s forwards;
}
.nav__link {
  opacity: 0.65;
  transition: opacity 0.4s;
  padding-bottom: 5px;
  white-space: nowrap;
}
.nav__submenu {
  display: none;
}
@media (min-width: 1280px) {
  .nav__item.is-hide {
    display: none;
  }
  .nav__item.open .nav__submenu {
    display: block;
  }
  .nav__submenu {
    width: 200px;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: auto;
    padding: 0;
    background: #f3f3f3;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    animation: fadeIn 0.35s;
    z-index: 1;
  }
}
@media (max-width: 1279px) {
  .nav__item--toggle {
    display: none;
  }
}

.subnav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.subnav__item {
}
.subnav__item.is-hide {
  display: none;
}
.subnav__link {
  color: #42484f !important;
  display: block;
  padding: 13px 17px;
  border: 0;
  font-size: 14px;
  line-height: 20px;
  color: inherit;
  font-weight: 600;
  text-transform: uppercase;
}
.subnav__item.is-active .subnav__link,
.subnav__link:hover {
  background: rgba(86, 86, 86, 0.1);
}
.subnav__item.is-hide {
  display: none;
}

.nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 24px;
  font-size: 20px;
}
.nav-list__item {
  position: relative;
}
.nav-list__item + .nav-list__item {
  margin-top: 18px;
}
@media (min-width: 1280px) {
  .nav-list__link:hover:before {
    display: block;
  }
}
.nav-list__link.is-active {
  font-weight: 600;
}
.nav-list__link.is-active:before {
  display: block;
}
.nav-list__link {
}
.nav-list__link:before {
  display: none;
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 50%;
  top: 7px;
  left: -17px;
  background: #42484f;
}

.tags-menu {
  list-style: none;
  margin: 0;
  padding: 0;

  font-weight: 500;
  font-size: 20px;

  color: #42484f;
}
.tags-menu__item {
  margin-right: 5px;
}
.tags-menu__item:after {
  content: "/";
  display: inline-block;
  margin-left: 3px;
}
.tags-menu__item:last-child:after {
  display: none;
}
.tags-menu__item.is-active .tags-menu__link {
  font-weight: 600;
  pointer-events: none;
}
.tags-menu__link.is-active {
  font-weight: 600;
  pointer-events: none;
}
.tags-menu__link {
  padding: 4px 0;
}
@media (min-width: 960px) {
  .tags-menu {
    display: flex;
    flex-wrap: wrap;
  }
}

@keyframes showDot {
  0% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes hideDot {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0, 0);
  }
}
@media (min-width: 960px) {
  .screen-dots {
    position: absolute;
  }
  .screen-dots--l-c {
    top: 25%;
    left: 0;
  }
  .screen-dots--b-r {
    bottom: 0;
    right: 0;
  }
  .screen-dots--b-c {
    bottom: 0;
    right: 15%;
  }
  .screen-dots--t-r {
    top: 15%;
    right: 0;
  }
  .screen-dots--inline {
    padding-top: 20%;
    position: relative;
  }
  .screen-dots__inner {
    width: 228px;
  }
  .screen-dots__list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -37px;
    margin-bottom: -33px;
  }
  .screen-dots__item {
    position: relative;
    padding-bottom: 33px;
    padding-right: 37px;

    animation-duration: 0.26s;
    animation-timing-function: ease-in;

    transform-origin: 8px 8px;
  }
  .screen-dots__item.is-hide .screen-dots__mark {
    visibility: hidden;
  }
  .screen-dots__mark {
    position: relative;
    width: 16px;
    height: 16px;
    background: #ef4056;
    border-radius: 50%;
  }
  .screen-dots__shape {
    position: absolute;
    left: 0;
    top: 0;

    width: 160px;
    height: 160px;
    margin-top: -86px;
    margin-left: -72px;

    border-radius: 50%;
    border: 1px solid #ffe079;
    /*background: #FFE079;*/

    box-sizing: border-box;
    animation-duration: 0.39s;
    animation-timing-function: ease-in;
  }
  .screen-dots__shape._l {
    left: 0;
    margin-left: -72px;
  }
  .screen-dots__shape._r {
    left: 100%;
    margin-left: -88px;
  }
  .screen-dots__shape._t {
    top: 0;
    margin-top: -72px;
  }
  .screen-dots__shape._b {
    top: 100%;
    margin-top: -88px;
  }
  .screen-dots__shape.is-fill {
    background: #ffe079;
  }

  .screen-dots.is-in .screen-dots__item {
    animation-name: showDot;
    animation-fill-mode: backwards;
  }
  .screen-dots.is-out .screen-dots__item {
    animation-name: hideDot;
    animation-fill-mode: forwards;
  }
  .screen-dots.is-in .screen-dots__shape {
    animation-name: zoomIn;
    animation-fill-mode: backwards;
  }
  .screen-dots.is-out .screen-dots__shape {
    animation-name: zoomOut;
    animation-fill-mode: forwards;
  }
  .main__inner > .screen-dots {
    left: 0;
    top: 120px;
  }
  .main__left {
    position: relative;
  }
  .main__left .screen-dots {
    left: 24px;
    top: -32px;
  }

  .main__top {
    position: relative;
  }
  .main__top .screen-dots {
    right: 110px;
    top: -58px;
  }
  .news-section .screen-dots {
    right: 110px;
    bottom: 0;
  }

  .about-slider .screen-dots {
    left: 0;
    top: 120px;
  }
}

@media (max-width: 1559px) and (min-width: 1440px) {
  .screen-dots__inner {
    width: 204px;
  }
  .screen-dots__list {
    margin-bottom: -27px;
    margin-right: -31px;
  }
  .screen-dots__item {
    padding-bottom: 27px;
    padding-right: 31px;

    transform-origin: 7px 7px;
  }
  .screen-dots__mark {
    width: 14px;
    height: 14px;
  }

  .screen-dots__shape {
    width: 140px;
    height: 140px;
    margin-top: -76px;
    margin-left: -62px;
  }
  .screen-dots__shape._l {
    margin-left: -62px;
  }
  .screen-dots__shape._r {
    margin-left: -78px;
  }
  .screen-dots__shape._t {
    margin-top: -62px;
  }
  .screen-dots__shape._b {
    margin-top: -78px;
  }

  .main__top .screen-dots {
    top: -42px;
  }
  .main__left .screen-dots {
    top: -8px;
  }
  .main__inner > .screen-dots {
    top: 80px;
  }

  .news-section .screen-dots {
    right: 80px;
  }
}
@media (max-width: 1439px) and (min-width: 960px) {
  .screen-dots__inner {
    width: 156px;
  }
  .screen-dots__list {
    margin-bottom: -20px;
    margin-right: -24px;
  }
  .screen-dots__item {
    padding-bottom: 20px;
    padding-right: 24px;

    transform-origin: 6px 6px;
  }
  .screen-dots__mark {
    width: 12px;
    height: 12px;
  }

  .screen-dots__shape {
    width: 120px;
    height: 120px;
    margin-top: -66px;
    margin-left: -52px;
  }
  .screen-dots__shape._l {
    margin-left: -52px;
  }
  .screen-dots__shape._r {
    margin-left: -68px;
  }
  .screen-dots__shape._t {
    margin-top: -52px;
  }
  .screen-dots__shape._b {
    margin-top: -68px;
  }

  .main__top .screen-dots {
    top: -22px;
  }
  .main__left .screen-dots {
    top: 20px;
    left: 35px;
  }
  .main__inner > .screen-dots {
    top: 40px;
  }

  .news-section .screen-dots {
    right: 80px;
  }
}

.main {
  color: #ffffff;
}
.main__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.main__bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background: #0578A9;*/
  /*opacity: 0.3;*/
  background: linear-gradient(
      180deg,
      rgba(16, 28, 37, 0) 19.81%,
      rgba(16, 28, 37, 0.52) 100%
    ),
    linear-gradient(
      180deg,
      rgba(16, 28, 37, 0.39) 0%,
      rgba(16, 28, 37, 0) 64.21%
    );
}
.main__video {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  transition: opacity 0.4s ease-in;
}
.main__video.is-hide {
  opacity: 0;
}
.main__images {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.main__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.main__inner {
  position: relative;
  height: 100%;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.main__left {
}
.main__info {
  font-weight: 600;
  line-height: normal;
  font-size: 16px;
  letter-spacing: -0.666667px;
}
.main__scroll-icon {
  margin-bottom: 16px;
}
.main__info-subtitle {
  margin-bottom: 13px;
  font-weight: 500;
  opacity: 0.4;
}
.main__info-title {
}
.main__right {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  box-sizing: border-box;
}
.main__top {
}
.main__title {
  font-weight: 600;
  line-height: 32px;
  font-size: 22px;
  text-align: right;
  letter-spacing: -0.4px;
  text-transform: uppercase;

  overflow: hidden;

  animation: rollInRight 0.45s ease-in-out backwards;
}
.main__title-inner {
  animation: rollInRightInner 0.45s ease-in-out;
}
.main__viewer {
}
.main__plays {
  height: auto;
}
.main__play {
  max-width: 300px;
}
.main__play.is-show {
  pointer-events: auto;
  display: block;
}
@media (min-width: 960px) {
  .main__image {
    display: none;
    animation: fadeIn 0.25s ease-in;
  }
  .main__image.is-show {
    display: block;
  }
  .main__inner {
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .main__right {
    /*max-width: 560px;*/
    width: 31.8182%;
    padding-top: 73px;
    overflow: visible;
  }

  .main__plays {
    position: absolute;
    /*bottom: 100px;
				left: 60px;*/
    bottom: 0;
    left: 0;
    /*margin-bottom: 150px;*/
  }
  .main__play {
    display: none;
  }
}
@media (max-width: 959px) {
  .main__image {
    animation: fadeOut 0.35s ease-in forwards;
  }
  .main__image.is-show {
    animation: fadeIn 0.35s ease-in backwards;
  }
}

.fancybox-slide--video {
  padding: 0;
  background: #000000;
}

@keyframes scroll {
  0%,
  100% {
    transform: translate(0, 5px);
  }
  50% {
    transform: translate(0, 46px);
  }
}
.scroll-icon {
  display: inline-block;
  position: relative;
}
.scroll-icon__path {
  height: 60px;
  width: 1px;
  background: rgba(216, 216, 216, 0.4);
}
.scroll-icon__handler {
  position: absolute;
  width: 9px;
  height: 9px;
  left: -4px;
  top: 0;

  background: #ffffff;
  border-radius: 50%;
  animation: scroll 1.25s ease-in-out infinite;
}

.button-play {
  padding: 0;
  display: flex;
  align-items: center;
  height: auto;
  white-space: normal;
  text-align: left;
  color: inherit;
  border-radius: 0;
  text-decoration: none;
}
.consumers-play {
  padding-top: 20px;
}
.button-play:hover {
  color: inherit;
}
.button-play__icon {
  position: relative;
  flex: none;
  display: flex;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  padding-left: 4px;
  font-size: 18px;
  border-radius: 50%;
  margin-right: 16px;

  color: #42484f;
  background: #ffe079;
  box-sizing: border-box;
}
.button-play .icon {
  position: relative;
}
.button-play__text {
  overflow: hidden;
  max-width: 240px;
}
.button-play__icon:before {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #ffe079;
  opacity: 0;
}
.button-play__icon:before {
  animation: pulse 1s infinite;
}
.button-play:hover .button-play__icon:before {
  display: block;
}

.button-play.is-hide .button-play__text {
  transform: translate(-100%, 0);
}
.button-play.is-hide .button-play__text-inner {
  transform: translate(100%, 0);
}
@media (max-width: 1279px) {
  .button-play__icon {
    width: 48px;
    height: 48px;
    font-size: 18px;
  }
}
@media (max-width: 959px) {
  .button-play__icon {
    width: 28px;
    height: 28px;
    padding-left: 2px;
    font-size: 8px;
    margin-right: 10px;
    align-self: flex-start;
  }
}

.thumbs-viewer {
}
.thumbs-viewer__slider {
  padding: 0 60px;
  position: relative;
  margin-bottom: 40px;
}
.thumbs-viewer__button {
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 20px;
  bottom: 0;
  line-height: 1;
  height: 40px;
  width: 40px;
  z-index: 1;
}
.thumbs-viewer__button--prev {
  left: 0;
  padding-right: 3px;
}
.thumbs-viewer__button--next {
  right: 0;
  padding-left: 3px;
}
.thumbs-viewer__button.is-disable {
  opacity: 0.5;
  pointer-events: none;
}
.thumbs-viewer__thumbs {
  position: relative;
  height: 80px;
  padding: 0 40px;
}
.thumbs-viewer__index {
  position: absolute;
  bottom: 0;
}
.thumbs-viewer__index--prev {
  left: 0;
}
.thumbs-viewer__index--next {
  right: 0;
}
.thumbs-viewer__list {
}
.thumbs-viewer__item {
  display: none;
}
.thumbs-viewer__item.is-hover {
  display: block;
}
.thumbs-viewer__item.is-next {
}
.thumbs-viewer__item.is-prev {
}
.thumbs-viewer__item.is-next .thumbs-viewer__thumb {
  flex-direction: row-reverse;
  text-align: right;
}
.thumbs-viewer__progress {
  padding: 0 60px;
}

@keyframes showRight {
  0% {
    opacity: 0;
    transform: translate(50%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes showLeft {
  0% {
    opacity: 0;
    transform: translate(-50%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes hideRight {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    transform: translate(50%, 0);
  }
}
@keyframes hideLeft {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, 0);
  }
}
.a-thumb {
}
.a-thumb.is-next.is-in .a-thumb-inner {
  animation: showRight 0.4s backwards ease-in-out;
}
.a-thumb.is-next.is-out .a-thumb-inner {
  animation: hideRight 0.4s forwards ease-in-out;
}
.a-thumb {
}
.a-thumb.is-prev.is-in .a-thumb-inner {
  animation: showLeft 0.4s backwards ease-in-out;
}
.a-thumb.is-prev.is-out .a-thumb-inner {
  animation: hideLeft 0.4s forwards ease-in-out;
}

.slider-ctrl {
}
.slider-ctrl__more {
}
.slider-ctrl__ctrl {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.slider-ctrl__button {
  flex: none;
  font-size: 18px;
}
.slider-ctrl__button:first-child {
  padding-right: 3px;
}
.slider-ctrl__button:last-child {
  padding-left: 4px;
}
.slider-ctrl__button.is-disable {
  opacity: 0.5;
  pointer-events: none;
}
.slider-ctrl__bullets {
  width: 266px;
}
@media (min-width: 960px) {
  .slider-ctrl {
    display: flex;
    align-items: center;
  }
  .slider-ctrl__more {
    margin-top: -16px;
  }
}

.number-bullets {
  position: relative;
  overflow: hidden;
  user-select: none;
}
.number-bullets__light {
  position: absolute;
  left: 0;
  top: 0;
  border: 3px solid;
  border-radius: 50%;

  transition: 0.4s ease-in-out;
}
.number-bullets__tape {
  display: flex;
  transition: 0.4s ease-in-out;
}
.number-bullets__item {
  flex: none;
  width: 33.3334%;
  text-align: center;
}
.number-bullets__item:focus {
  outline: none;
}
.number-bullets__link {
  display: block;
  height: auto;

  line-height: 40px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  letter-spacing: -0.2px;

  transition: transform 0.4s ease-in-out;
  transform-origin: 50% 50%;

  box-sizing: border-box;
}

.number-bullets__item.is-active .number-bullets__link {
  font-weight: 600;
  transform: scale(1.25, 1.25);
}

@keyframes progressSlide {
  0% {
    transform-origin: 0 0;
    -webkit-transform: scale3d(0, 1, 1);
    -moz-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
  }
  50% {
    transform-origin: 0 0;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  51% {
    transform-origin: 100% 0;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    transform-origin: 100% 0;
    -webkit-transform: scale3d(0, 1, 1);
    -moz-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
  }
}

.progress {
}
.progress__total {
  height: 2px;
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 1px;
  overflow: hidden;

  animation: slideIn-x 0.5s ease-in-out backwards;

  transform-origin: 0 0;
}
.progress__bar {
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  height: 100%;

  -webkit-transition: width 0.35s;
  -moz-transition: width 0.35s;
  transition: width 0.35s;

  animation: fadeIn 0.5s 0.5s ease-in-out backwards;
}

.progress__bar--auto {
  right: 0;
  animation-name: progressSlide;
  animation-fill-mode: backwards;
  animation-timing-function: ease-in-out;
  transform-origin: 0 0;
}

.thumb {
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.thumb__photo {
  flex: none;
  width: 120px;
  height: 80px;
}
.thumb__img {
}
.thumb__body {
  margin: 0 20px;
  width: 160px;
}
.thumb__text {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  opacity: 0.65;
}

@keyframes showRightSectionBg {
  0% {
    opacity: 0;
    transform: translate3d(25%, 0, -50px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, -50px);
  }
}
@keyframes showLeftSectionBg {
  0% {
    opacity: 0;
    transform: translate3d(-25%, 0, -50px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, -50px);
  }
}

.news-section {
  color: #ffffff;
}
.news-section__bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
}
.news-section__img.is-active {
  display: block;
}
.news-section__img {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: -1;
}
.news-section__img.is-in-next {
  animation: showRightSectionBg 0.4s ease-in-out;
  z-index: 0;
}
.news-section__img.is-in-prev {
  animation: showLeftSectionBg 0.4s ease-in-out;
  z-index: 0;
}
.news-section__slider {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.news-section__slider-inner {
  height: 100%;
}
.news-section__slide {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: flex-end;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}
.news-section__slide.is-show {
  opacity: 1;
}
.news-section__slide.is-active {
  pointer-events: auto;
}
.news-section__slide.is-hidden {
  visibility: hidden;
}
.news-section__head {
}
.news-section__top {
  margin-bottom: 24px;
}
.news-section__title {
}
.news-section__ctrl {
  width: 560px;
  margin-left: auto;
}
.news-section__progress {
  margin-bottom: 28px;
}
.news-section__thumbs {
  opacity: 0;
  transition: opacity 0.45s ease-in;
}
.news-section__thumbs:hover {
  opacity: 1;
}
.news-section__social {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 320px;
  text-align: right;
  padding-left: 0;
}
@media (min-width: 1280px) {
  .news-section__top {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-end;
  }
}
@media (min-width: 960px) {
  .news-section__slider {
    overflow: visible;
  }
}

.news-thumb {
  display: block;
}
.news-thumb__photo {
  margin-bottom: 26px;
  transition: 0.4s ease-out;
}
.news-thumb__img {
  height: auto;
  padding-top: 60%;
}

.news-thumb:hover .news-thumb__photo {
  opacity: 0.3;
}
.news-thumb__title {
  font-size: 14px;
  line-height: 20px;
}
.news-thumb--hover .news-thumb__title {
  opacity: 0;
  transform: translate(0, 20%);
  transition: 0.4s ease-out;
}
.news-thumb--hover:hover .news-thumb__title {
  opacity: 1;
  transform: translate(0, 0);
}

.a-slide-down {
}
.a-slide-down.is-animate {
  overflow: hidden;
}
.a-slide-down__inner {
}

.a-news-preview {
}
.a-news-preview__inner {
}

.news-preview.is-out .a-news-preview {
  overflow: hidden;
  animation: rollOutLeft 0.4s;
}
.news-preview.is-out .a-news-preview__inner {
  overflow: hidden;
  animation: rollOutLeftInner 0.4s;
}

.news-preview.is-in .a-news-preview {
  animation: rollInRight 0.4s;
}
.news-preview.is-in .a-news-preview__inner {
  animation: rollInRightInner 0.4s;
}

.news-preview {
  width: 100%;
  max-width: 832px;
  transform-origin: 0 50%;
  transition: 0.5s;
}
.news-preview__inner {
  transition: 0.5s;
  transform-origin: 100% 50%;
}
.news-preview__info {
  margin-bottom: 50px;
}
.news-preview__date {
  position: relative;
  flex: none;
  width: 28.8461%;
  overflow: hidden;
}
.news-preview__type {
  overflow: hidden;
  position: relative;
}
.news-preview__area {
  overflow: hidden;
  position: relative;
  margin-left: auto;
}
.news-preview__main {
  display: flex;
}
.news-preview__play {
  flex: none;
  width: 28.8462%;
}
.news-preview__play + .news-preview__body {
  margin-left: 0;
}
.news-preview__body {
}
.news-preview__title {
  text-transform: none;
  margin-bottom: 50px;
}
.news-preview__title .link {
  display: block;
}
.news-preview__more {
}
@media (min-width: 960px) {
  .news-preview__info {
    display: flex;
  }
  .news-preview__body {
    flex: none;
    margin-left: 28.8461%;
    width: 71.1539%;
  }
}
@media (max-width: 1899px) {
  .news-preview__title {
    line-height: 42px;
  }
  .news-preview__info {
    margin-bottom: 40px;
  }
}
@media (max-width: 1559px) {
  .news-preview__info {
    margin-bottom: 24px;
  }
  .news-preview__date {
    width: 200px;
  }
  .news-preview__play {
    width: 200px;
  }
  .news-preview__body {
    margin-left: 200px;
  }
  .news-preview__title {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 32px;
  }
}
@media (max-width: 1439px) {
  .news-preview {
    max-width: 678px;
  }
  .news-preview__info {
    margin-bottom: 18px;
  }
  .news-preview__title {
    line-height: 39px;
    font-size: 30px;
  }
  .news-preview__play {
    width: 150px;
  }
}
@media (max-width: 959px) {
  .news-preview {
    position: relative;
  }
  .news-preview__info {
    margin-bottom: 23px;
  }
  .news-preview__date {
    margin-bottom: 10px;
  }
  .news-preview__type {
    margin-bottom: 10px;
  }
  .news-preview__play {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
  }
  .news-preview__body {
    margin-left: 0;
  }
  .news-preview__title {
    margin-bottom: 24px;
    font-weight: 500;
    line-height: 26px;
    font-size: 22px;
  }
}

.news-thumbs {
  display: block;
}
.news-thumbs__ctrl {
  display: flex;
  margin-bottom: 40px;
}
.news-thumbs__ctrl-inner {
  width: 31.8182%;
  margin-left: auto;
}
.news-thumbs .news-thumbs__item {
  pointer-events: auto;
}
.news-thumbs__inner {
}
.news-thumbs__item {
  flex: none;
  box-sizing: border-box;
}

.social {
}
.social__title {
  margin-bottom: 80px;
}
.social__list {
}
.social__item + .social__item {
  margin-top: 48px;
}
.social__button {
  display: flex;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 20px;
}
.social__button--fb {
  color: #ffffff;
  background-color: #3b5998;
}
.social__button--fb:hover {
  color: #ffffff;
  background-color: #3b5998;
}
.social__button--vk {
  color: #ffffff;
  background-color: #4d76a1;
}
.social__button--vk:hover {
  color: #ffffff;
  background-color: #4d76a1;
}
.social__button--twitter {
  color: #ffffff;
  background-color: #55acee;
}
.social__button--twitter:hover {
  color: #ffffff;
  background-color: #55acee;
}
.social__button--ok {
  color: #ffffff;
  background-color: #eb722e;
}
.social__button--ok:hover {
  color: #ffffff;
  background-color: #eb722e;
}
.social__button--mail {
  color: #f0ab55;
  background-color: #428cdb;
}
.social__button--mail:hover {
  color: #f0ab55;
  background-color: #428cdb;
}

.social--line .social__list {
  display: flex;
  flex-wrap: wrap;
}
.social--line .social__item + .social__item {
  margin: 0 35px 0 0;
}
.social--line .social__item {
  margin-right: 35px;
}
.social--line .social__item:last-child {
  margin-right: 0;
}

.social--line .social__title {
  margin-bottom: 15px;
}

.social--icons .social__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -15px;
}
.social--icons .social__title {
  margin-bottom: 30px;
  font-weight: 700;
}
.social--icons .social__list .social__item {
  margin: 0 15px 15px 0;
}
@media (max-width: 1599px) and (min-width: 960px) {
  .social--line .social__list {
    flex-wrap: nowrap;
  }
  .social--line .social__item {
    margin-right: 30px;
  }
  .social--line .social__item + .social__item {
    margin: 0 30px 0 0;
  }
}

.about-slider {
  height: 100%;
}
.about-slider__inner {
  height: 100%;
}
.about-slider__slide {
  height: 100%;
}

.about-slide {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.about-slide__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: 100%;
}
.about-slide__inner {
  position: relative;
}
.about-slide__head {
}
.about-slide__title {
  /*max-width: 495px;*/
  margin-bottom: 38px;
}
.about-slide__caption {
  /*max-width: 330px;*/
  margin-bottom: 47px;
}
.about-slide__footer {
}
.about-slide__more {
}
.about-slide__ctrl {
  margin-left: auto;
}
.about-slide__info {
  width: 560px;
}
.about-slide__top {
}
.about-slide__center {
  max-width: 300px;
}
.about-slide__bottom {
  max-width: 300px;
}
@media (max-width: 1559px) and (min-width: 960px) {
  .about-slide__bg {
    background-size: 80%;
  }
}
@media (min-width: 960px) {
  .about-slide__inner {
    height: 100%;
    position: relative;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .about-slide__head {
    height: 100%;
    width: 100%;
    max-width: 690px;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    flex-direction: column;
  }
  .about-slide__title {
    max-width: 495px;
  }
  .about-slide__caption {
    max-width: 330px;
  }
  .about-slide__footer {
    display: flex;
  }
  .about-slide__info {
    display: flex;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;

    height: 100%;
    padding-top: 55px;
    margin-left: auto;
    box-sizing: border-box;
  }
  .about-slide__img {
    display: none;
  }
}
@media (max-width: 1439px) and (min-width: 960px) {
  .about-slide__info {
    padding-top: 35px;
  }
}

.dots {
  display: inline-flex;
}
.dots__item {
  width: 28px;
  height: 40px;
  display: flex;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 0;
  background-color: transparent;
  padding: 0;
}
.dots__item span {
  width: 8px;
  height: 8px;
  background: #cfd0d2;
  opacity: 0.5;
  border-radius: 50%;
  transition: opacity 0.35s;
}
.dots__item.is-active span {
  background: #ed3f56;
  opacity: 1;
}
.dots--inverse .dots__item span {
  background: #ffffff;
}
.dots--inverse .dots__item.is-active span {
  background: #ffffff;
}
@media (max-width: 1439px) {
  .dots__item {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 959px) {
  .dots__item {
    width: 18px;
    height: 18px;
  }
}

.number-slider {
  position: relative;
}
.number-slider__inner {
  display: flex;
  width: 100%;
  margin-left: auto;
}
.number-slider__slide {
  flex: none;
  width: 100%;
  opacity: 0;
  z-index: -1;
}
.number-slider__slide.is-in {
}
.number-slider__slide.is-active {
  opacity: 1;
  z-index: auto;
}

.number-slider__pagination {
  margin-top: 40px;
}
.number-slider__pagination-inner {
  display: flex;
}
.number-slider__bullet {
  padding: 8px;
  cursor: pointer;
}
.number-slider__bullet:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #42484f;
  opacity: 0.2;
  transition: 0.4s ease-in;
}
.number-slider__bullet:hover:after {
  opacity: 1;
}
.number-slider__bullet.is-active:after {
  opacity: 1;
  background: #ed3f56;
}
@media (min-width: 960px) {
  .number-slider__pagination--right {
    text-align: right;
  }
}
@media (max-width: 1279px) {
  .number-slider {
    width: 100%;
  }
  .number-slider__value {
    font-size: 86px;
  }
}

@keyframes fadeUpOut {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -200%, 0);
  }
}
@keyframes fadeUpSmOut {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  25% {
    opacity: 0;
    transform: translate3d(0, -33%, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeUpIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.a-fadeUp {
}
.a-fadeUp.is-out .a-fadeUp-inner {
  animation-name: fadeUpOut;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}
.a-fadeUp.is-in .a-fadeUp-inner {
  animation-name: fadeUpIn;
  animation-fill-mode: backwards;
  animation-timing-function: ease-out;
}

.a-fadeUp.is-out .number-slide__value.a-fadeUp-inner {
  animation-name: fadeUpSmOut;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}

.number-slide {
}
.number-slide__some {
  position: relative;
  color: #ed3f56;
}
.number-slide__value {
  margin-right: 30px;

  font-family: "Roboto";
  font-weight: 500;
  font-size: 165px;
  /*line-height: 193px;*/
  line-height: 1.17;

  letter-spacing: -0.06em;
  white-space: nowrap;

  animation-duration: 0.86s;
  will-change: transform;
}
.number-slide__body {
  max-width: 480px;
  box-sizing: border-box;
  /*max-height: 155px;*/
}
.number-slide__caption {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.2px;

  animation-duration: 0.86s;
  will-change: transform;
}
.number-slide__unit {
  margin-bottom: 14px;

  font-weight: 600;
  font-size: 29px;
  line-height: 1;
  color: #ed3f56;

  animation-duration: 0.86s;
  will-change: transform;
}
.number-slide--inverse .number-slide__value {
  color: #ffffff;
}
.number-slide--inverse .number-slide__unit {
  color: #ffffff;
}

@media (min-width: 1740px) {
  /*.number-slide__value--overflow {
		padding-top: 10px;
		line-height: 142px;
		font-size: 150px;
	}*/
}

@media (max-width: 1739px) and (min-width: 1560px) {
  /*.number-slide__value--overflow {
		padding-top: 20px;
		line-height: 132px;
		font-size: 140px;
	}*/
}

@media (min-width: 960px) {
  .number-slide--right {
    text-align: right;
  }
  .number-slide--right .number-slide__value {
    margin-right: 0;
  }
  .number-slide--right .number-slide__body {
    flex: none;
    width: 320px;
    margin-left: auto;
  }
  .number-slide__unit {
  }
  .number-slide__body {
    flex: none;
    width: 300px;
    align-self: flex-end;
  }
}
@media (max-width: 1559px) {
  .number-slide__value {
    font-size: 155px;
  }
  .number-slide__unit {
  }
}
@media (max-width: 1439px) {
  .number-slide__value {
    font-size: 95px;
  }
  .number-slide__unit {
    font-size: 18px;
  }
  .number-slide__body {
    flex: auto;
    width: auto;
    max-height: 95px;
  }
}
@media (max-width: 959px) {
  .number-slide__some {
    display: flex;
    align-items: flex-end;
    margin-bottom: 0px;
  }
  .number-slide__value {
    font-size: 74px;
    padding-right: 10px;
  }
  .number-slide__unit {
    font-size: 20px;
  }
  .number-slide__body {
    padding-top: 0;
    /*height: 108px;*/
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .number-slide__caption {
    line-height: 18px;
  }
}

.links {
}
.links__item + .links__item {
  margin-top: 45px;
}
@media (max-width: 1439px) {
  .links__item + .links__item {
    margin-top: 20px;
  }
}

.services {
}
.services__body {
  position: relative;
  flex: none;
  width: 68.1045%;
  padding-right: 80px;
  box-sizing: border-box;
  z-index: 1;
}
.services__body:last-child {
  margin-bottom: 0;
}
.services__list {
  display: flex;
  flex-wrap: wrap;
  /*margin: 0 -40px -83px;*/
  margin: 0 -40px;
  counter-reset: list;
}
.services__item {
  width: 33.3334%;
  padding: 0 40px 83px;
  box-sizing: border-box;
}
.services__item-inner {
  position: relative;
  max-width: 320px;
  height: 100%;
  display: flex;
  flex-direction: column;
  /*padding-right: 60px;*/
}
.services__item-inner:before {
  position: absolute;
  right: 0;
  bottom: 0;
  counter-increment: list;
  content: "0" counter(list);

  font-family: "Roboto";
  font-weight: normal;
  line-height: normal;
  font-size: 120px;
  letter-spacing: -6.15385px;

  color: #c7c5c9;
  opacity: 0.18;
}
.services__subtitle {
  margin-bottom: 18px;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
}
.services__caption {
  margin-bottom: 34px;
}
.services__more {
  margin-top: auto;
}
.services__detail {
  padding-top: 105px;
}
@media (max-width: 1559px) {
  .services__list {
    margin: 0 -25px;
  }
  .services__item {
    padding: 0 25px 50px;
  }
}
@media (max-width: 1439px) {
  .services__item {
    width: 50%;
  }
}
@media (max-width: 1279px) {
  .services__body {
    width: 55%;
    padding-right: 40px;
  }
  .services__subtitle {
    font-size: 18px;
  }
}
@media (max-width: 959px) {
  .services {
    padding-top: 12px;
  }
  .services__body {
    width: 100%;
    padding-right: 0;
    margin-bottom: 32px;
  }
  .services__list {
    margin: 0 -19px -32px;
  }
  .services__item {
    width: 50%;
    padding: 0 19px 32px;
  }
}
@media (max-width: 648px) {
  .services__item {
    width: 100%;
  }
  .services__item-inner {
    max-width: none;
  }
  .services__item-inner:before {
    display: none;
  }
  .services__subtitle {
    padding-right: 32px;
    line-height: 24px;
    margin-bottom: 9px;
  }
  .services__more {
    position: absolute;
    top: 0;
    right: 0;
  }
  .services__caption {
    margin-bottom: 0;
  }
}

.tabs {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.tabs__item + .tabs__item {
  margin-left: 54px;
}
.tabs__item.active .tabs__link {
  color: #42484f;
}
.tabs__item.active .tabs__link:before {
  opacity: 1;
}
.tabs__link {
  position: relative;
  padding-top: 16px;
  color: #9f9ea2;
}
.tabs__link:before {
  content: "";
  border: 3px solid;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 4px;
  opacity: 0;
}
.tabs__link:hover:before {
  opacity: 1;
}

.app-links {
  display: flex;
}

.bubble {
  color: #42484f;
  padding: 25.9669% 22.0995% 0 22.0995%;
  position: relative;
}
.bubble__bg {
  position: absolute;
  top: 0%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, 0%);
}
.bubble__bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 100%;
  background: #ffe079;
  border-radius: 50%;
}
.bubble__inner {
  position: relative;
}
.bubble__title {
  line-height: 40px;
  font-size: 40px;
  margin-bottom: 40px;
  text-transform: none;
  font-weight: 500;
}
.bubble__text {
  margin-bottom: 40px;
}
.bubble__links {
  display: flex;
}
.bubble__link + .bubble__link {
  margin-left: 18px;
}

@media (max-width: 1559px) {
  .bubble {
    padding: 22% 18% 0 22%;
  }
  .bubble__title {
    line-height: 38px;
    font-size: 38px;
    margin-bottom: 35px;
  }
}
@media (max-width: 1439px) {
  .bubble {
    padding-top: 17%;
  }
}
@media (max-width: 959px) {
  .bubble {
    padding: 65px 18px 45px;
  }
  .bubble__bg {
    width: 734px;
  }
  .bubble__inner {
    max-width: 320px;
    margin: 0 auto;
  }
  .bubble .bubble__title {
    font-weight: 500;
    font-size: 24px;
    line-height: normal;
  }
}

.footer {
  padding-top: 65px;
  padding-bottom: 72px;

  color: #ffffff;
  background: #191b1e;
}
.footer__inner {
}
.footer__left {
}
.footer__nav {
}
.footer__center {
}
.footer__contact {
}
.footer__right {
}
.footer__social {
  margin-bottom: 55px;
}
.footer__copyright {
  font-size: 16px;
}
.footer__bottom {
  width: 100%;
  padding: 15px 0 0 0;
  font-size: 10px;
  line-height: 12px;
  color: #666d70;
}
.footer__bottom.caption {
  font-size: 10px;
}
@media (min-width: 960px) {
  .footer__inner {
    display: flex;
    flex-wrap: wrap;
  }
  .footer__left {
    width: 36.0455%;
  }
  .footer__center {
    width: 35.5455%;
  }
  .footer__right {
    width: 28.2955%;
  }

  .footer__bottom {
    width: 36.0455%;
  }
}
@media (max-width: 1449px) and (min-width: 960px) {
  .footer__bottom {
    width: 50%;
  }
}
@media (max-width: 959px) {
  .footer__bottom {
    max-width: 640px;
  }
}

.footer-menu {
}
.footer-menu__item {
}
.footer-menu__link {
}
@media (min-width: 960px) {
  .footer-menu {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -40px -26px;
  }
  .footer-menu__item {
    width: 50%;
    padding: 0 40px 26px;
    box-sizing: border-box;
  }
}

.footer-contact {
}
.footer-contact__line + .footer-contact__line {
  margin-top: 35px;
}
.footer-contact__line {
}
.footer-contact__col {
}

@media (min-width: 960px) {
  .footer-contact__line {
    display: flex;
  }
  .footer-contact__col {
    width: 50%;
  }
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 6;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;

  /*tmp*/
  animation: fadeZoomIn 0.3s;
  animation-timing-function: ease-out;

  transform-origin: 50% 0;
}
.modal--second {
  background: #f3f3f3;
}
.modal.is-open {
  display: block;
}
.modal.is-out {
  animation: fadeOut 0.35s ease-in forwards;
}
.modal__close {
  padding-top: 24px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1;
}
.modal__overlay {
  /* position: absolute; */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  transform-origin: 100% 50%;
  animation: slideIn-x 0.35s ease-in backwards;
}
.modal__inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background: #ffffff;

  overflow: hidden;
  overflow-y: auto;

  box-sizing: border-box;
}
.modal__container {
  height: 100%;
  animation: fadeIn 0.2s 0.28s backwards ease-in;
}
.modal__inner--second {
  background: #f3f3f3;
}
@media (min-width: 960px) {
  .modal--short {
    animation: none;
  }
  .modal--short .modal__close {
    animation: fadeIn 0.2s 0.63s backwards ease-in;
  }
  .modal__inner--form {
    margin-left: auto;
    max-width: 720px;
    padding-bottom: 35px;
    transform-origin: 100% 50%;
    animation: slideIn-x 0.35s 0.35s ease-in backwards;
  }
  .modal__inner--form .modal__container {
    animation-delay: 0.63s;
  }
  .modal--short.is-out {
    animation: none;
  }
  .modal--short.is-out .modal__overlay {
    animation: slideOut-x 0.2s 0.2s ease-in forwards,
      fadeOut 0.2s 0.2s ease-in forwards;
  }
  .modal--short.is-out .modal__inner {
    animation: slideOut-x 0.2s 0.1s ease-in forwards,
      fadeOut 0.2s 0.1s ease-in forwards;
  }
  .modal--short.is-out .modal__container {
    animation: fadeOut 0.2s forwards;
  }
  .modal--short.is-out .modal__close {
    animation: fadeOut 0.2s forwards;
  }
}
@media (max-width: 1439px) and (min-width: 960px) {
  .modal__container.section {
    padding-top: 55px;
  }
  .modal__inner--form {
    max-width: 560px;
  }
}

.modal--ctrl {
  flex-direction: column;
  transform-origin: 50% 0;
}
.modal--ctrl.is-open {
  display: flex;
}
.modal--ctrl .modal__overlay {
  transform-origin: 50% 0;
}
.modal--ctrl .modal__inner {
  max-width: 428px;
  padding: 32px 54px 36px;
  margin: auto;
  height: auto;
  min-height: auto;
  overflow: visible;
  border-radius: 5px;
  transform-origin: 50% 0;
  animation: fadeIn 0.2s 0.28s backwards ease-in;
}
.modal--ctrl .modal__close {
  position: absolute;
  padding-top: 10px;
  padding-right: 10px;
}
@media (max-width: 768px) {
  .modal--ctrl .modal__inner {
    padding: 22px 22px 26px;
  }
}

.modal-menu {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 6;
  background: #f3f3f3;

  overflow: hidden;
  overflow-y: auto;

  /*tmp*/
  animation: fadeZoomIn 0.3s;
  animation-timing-function: ease-out;

  transform-origin: 50% 0;
}
.modal-menu.is-open {
  display: block;
}

.modal-menu.is-out {
  animation: fadeZoomOut 0.2s 0.2s ease-out forwards;
}
.modal-menu.is-out .modal-menu__inner {
  animation: fadeOut 0.2s ease-out forwards;
}

.modal-menu.is-out.is-out-reload {
  transform-origin: 0 50%;
  animation: slideOut-x 0.2s 0.1s ease-in forwards;
}
.modal-menu.is-out.is-out-reload .modal-menu__inner {
  animation: fadeOut 0.1s ease-in forwards;
}
.modal-menu__inner {
  /*position: relative;*/
  /*height: 100%;*/
  width: 100%;

  padding-bottom: 35px;
  display: flex;
  flex-direction: column;

  /*overflow: hidden;*/
  /*overflow-y: auto;*/

  box-sizing: border-box;
  animation: fadeIn 0.2s 0.28s backwards ease-in;
}
.modal-menu__close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.modal-menu__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.modal-menu__content {
  width: 100%;
  position: relative;
}
.modal-menu__head {
  margin-bottom: 2.5%;
}
.modal-menu__body {
  position: relative;
  margin-bottom: 20px;
}
.modal-menu__body:last-child {
  margin-bottom: 0;
}
.modal-menu__menu {
}
.modal-menu__links {
}
.modal-menu__footer {
  margin-top: auto;
}
.modal-menu__social {
  margin-bottom: 3.125%;
}
.modal-menu__copyright {
}

@media (min-width: 960px) {
  .modal-menu__links {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25%;
    margin-bottom: 40px;
    padding-left: 4.5455%;
    box-sizing: border-box;
  }
}
@media (max-width: 959px) {
  .modal-menu__head {
    height: 56px;
  }
  .modal-menu__body {
    margin-bottom: 45px;
  }
  .modal-menu__menu {
    margin-bottom: 20px;
  }
  .modal-menu__menu:last-child {
    margin-bottom: 0;
  }
  .modal-menu__social {
    margin-bottom: 20px;
  }
}

.main-menu {
}
.main-menu__list {
  counter-reset: list;
}
.main-menu__item {
}
.main-menu__inner {
  position: relative;
  min-height: 120px;
}
.main-menu__inner:before {
  position: absolute;
  right: 0;
  top: 75px;

  counter-increment: list;
  content: "0" counter(list);
  font-family: "Roboto";
  font-weight: normal;
  line-height: 120px;
  font-size: 120px;
  letter-spacing: -6.15385px;
  color: #c7c5c9;
  opacity: 0.18;
}
.main-menu__link {
}
.main-menu__submenu {
  padding-top: 30px;
}

@media (min-width: 960px) {
  .main-menu {
  }
  .main-menu__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.2728% -3.6932%;
  }
  .main-menu__item {
    width: 25%;
    padding: 0 2.2728% 3.6932%;
    box-sizing: border-box;
  }
  .main-menu__inner {
  }
}
/*@media (max-width: 1279px) and (min-width: 960px) {}*/
@media (max-width: 959px) {
  .main-menu__item {
    max-width: 320px;
  }
  .main-menu__item + .main-menu__item {
    margin-top: 47px;
  }
}

.submenu {
}
.submenu__item + .submenu__item {
  margin-top: 19px;
}
.submenu__link {
}

.copyright {
  color: #979797;
}

.detail-head {
}
.detail-head__title {
  max-width: 920px;
  margin-bottom: 9.5834%;
}
.detail-head__title:last-child {
  margin-bottom: 0;
}
.detail-head__title--compress {
  margin-bottom: 47px;
}
.detail-head__subtitle {
  max-width: 960px;
}

.section-nav {
}
.section-nav__links {
  margin-bottom: 72px;
}
.section-nav__link {
}
.section-nav__menu {
}

.projects {
}
.projects__caption {
  margin-bottom: 80px;
}
.projects__list {
}
.projects__item.is-hide {
  display: none;
}
.projects__item + .projects__item {
  margin-top: 105px;
}
.projects__title {
  margin-bottom: 65px;
  font-weight: 500;
}
.projects__links {
}

@keyframes linkBlockIcon {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(-55%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes proggresLine {
  0% {
    transform-origin: 100% 0;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  35% {
    transform-origin: 100% 0;
    -webkit-transform: scale3d(0, 1, 1);
    -moz-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
  }
  70% {
    transform-origin: 0% 0;
    -webkit-transform: scale3d(0, 1, 1);
    -moz-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
  }
  100% {
    transform-origin: 0% 0;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.link-block {
  position: relative;
  display: flex;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;

  padding-top: 24px;
  padding-bottom: 26px;

  text-decoration: none;
  color: inherit;
}
.link-block--sm {
  padding-top: 12px;
  padding-bottom: 12px;
}
.link-block:after {
  content: "";
  border-bottom: 2px solid;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.link-block:hover:after {
  animation: proggresLine 0.8s ease-in-out;
}
.link-block:hover .link-block__icon {
  animation: linkBlockIcon 0.6s ease-in-out;
}
.link-block:focus,
.link-block:active {
  outline: none;
}
.link-block__text {
}
.link-block__icon {
  margin-left: auto;
  font-size: 20px;
  padding-left: 10px;
}
.link-block:hover {
  color: inherit;
}

.link-list {
}
.link-list__link + .link-list__link {
  margin-top: 32px;
}
.link-list--lg .link-list__link + .link-list__link {
  margin-top: 50px;
}

.personal-work {
}
.personal-work__head {
  margin-bottom: 75px;
}
.personal-work__title {
  padding-bottom: 28px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 32px;
}
.personal-work__caption {
}
.personal-work__body {
}
.personal-work__section + .personal-work__section {
  margin-top: 75px;
}
.personal-work__item + .personal-work__item {
  margin-top: 62px;
}

.work-item {
}
.work-item__head {
  padding-bottom: 40px;
  border-bottom: 1px solid #dddddd;
}
.work-item__title {
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.work-item__caption {
}
.work-item__body {
}
.work-item__item {
  display: flex;
  align-items: center;
  padding: 49px 0;
  border-bottom: 1px solid #dddddd;
  box-sizing: border-box;
}
.work-item__item + .work-item__item {
}
.work-item__icon {
  margin-right: 35px;
  color: #f3d337;
  font-size: 38px;
}
.work-item__text {
}

.gallery {
}
.gallery__head {
  display: flex;
  align-items: center;
  margin-bottom: 80px;
  padding-right: 31.6667%;
}
.gallery__title {
}
.gallery__ctrl {
  margin-left: auto;
  user-select: none;
}
.gallery__button {
  font-size: 35px;
}
.gallery__button + .gallery__button {
  margin-left: 50px;
}
.gallery__button.is-disable {
  opacity: 0.5;
  pointer-events: none;
}
.gallery__slider {
  padding-right: 31.6667%;
}
.gallery__item {
}
.gallery__img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  opacity: 0.8;
  transform-origin: 100% 100%;
  transition: opacity 0.4s ease-in-out;
}
.gallery__item.swiper-slide-prev .gallery__img:after {
  transform-origin: 100% 100%;
}
.gallery__item.swiper-slide-active .gallery__img:after {
  opacity: 0;
}
.gallery__photo {
  display: block;
  position: relative;
  overflow: hidden;
}
.gallery__img {
  height: auto;
  padding-top: 61.3637%;
}

.content-gallery {
  display: flex;
  flex-direction: column;
}

.content-gallery__container {
  min-width: 0;
  width: 100%;
}

.content-gallery__photo,
.content-gallery__top,
.content-gallery__bottom {
  padding-left: 6.5vw;
  padding-right: 6.5vw;
}

@media (max-width: 767px) {
  .content-gallery__photo,
  .content-gallery__top,
  .content-gallery__bottom {
    padding-left: 0;
    padding-right: 0;
  }
}

.content-gallery__bottom {
  margin-top: auto;
}

@media (min-width: 2100px) {
  .content-gallery__photo,
  .content-gallery__top,
  .content-gallery__bottom {
    padding-left: 144px;
    padding-right: 144px;
  }
}

.content-img__title {
  margin-bottom: 24px;
  font-weight: 500;
  font-size: 24px;
}

.content-slider__button {
  border: 1px solid #989898;
  background-color: transparent;
  position: absolute;
  top: 50%;
  cursor: pointer;
  padding: 0;
  border-radius: 50%;
  width: 44px;
  height: 44px;
}

@media (max-width: 1365px) {
  .content-slider__button {
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 767px) {
  .content-slider__button {
    display: none;
  }
}

.content-slider__button.is-disable {
  border: 0;
}

.content-slider__button--prev {
  left: 3.75vw;
  transform: translate(-50%, -50%);
}

.content-slider__button--next {
  right: 3.75vw;
  transform: translate(50%, -50%) rotate(180deg);
}

@media (min-width: 2100px) {
  .content-slider__button--prev {
    left: 72px;
  }

  .content-slider__button--next {
    right: 72px;
  }
}

.content-slider__dots {
  margin-top: 40px;
  margin-bottom: 19px;
}

@media (min-width: 768px) {
  .content-slider__dots {
    display: none;
  }
}

.content-slider__dots .dots__item:not(:last-child) {
  margin-right: 10px;
}

.content-slider__dots .dots__item span {
  width: 10px;
  height: 10px;
}

button.dots__item:focus {
  outline: 0;
}

.content-gallery__img {
  padding-top: 75%;
  background-size: contain;
}

.detail-info {
  background: #ffffff;
  color: #42484f;
  /*padding-top: 4.0340%;
	padding-bottom: 4.0340%;*/
  padding-top: 70px;
  padding-bottom: 70px;
}
.detail-info__inner {
}
.detail-info__item {
  position: relative;
}
.detail-info__item + .detail-info__item {
}
.detail-info__value {
}
.detail-info__label {
  padding-top: 19px;
}
@media (min-width: 1280px) {
  .detail-info__inner {
    display: flex;
  }
  .detail-info__item + .detail-info__item {
    margin-left: 2.841%;
    padding-left: 2.841%;
  }
  .detail-info__item + .detail-info__item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    border-left: 1px solid #dddddd;
  }
  .detail-info__value {
  }
}

@media (max-width: 1899px) {
  .detail-info {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media (max-width: 1559px) {
  .detail-info {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 1439px) {
  .detail-info {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media (max-width: 1365px) and (min-width: 1280px) {
  .detail-info__item + .detail-info__item {
    margin-left: 2.241%;
    padding-left: 2.241%;
  }
}
@media (max-width: 1279px) {
  .detail-info {
    padding-top: 15px;
    padding-bottom: 0;
  }
  .detail-info__item {
    padding: 13px 0;
    border-bottom: 1px solid #dddddd;
  }
  .detail-info__label {
    padding-top: 4px;
  }
}

.plant {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.plant__slider {
  margin-bottom: 20px;
  width: 100%;
  box-sizing: border-box;
}
.plant__bottom {
  margin-top: auto;
  display: flex;

  padding: 0 132px;
}
.plant__frame {
  flex: none;
  width: 100%;
  opacity: 0;
  pointer-events: none;
}
.plant__frame.is-show {
  opacity: 1;
  pointer-events: auto;
}
.plant__info {
}
.plant__person {
}
.plant__description {
  box-sizing: border-box;
}
.plant__text {
  line-height: 1.34;
}
.plant__links {
}

@media (min-width: 960px) {
  .plant__info {
    min-height: 100%;
    display: flex;
    align-items: flex-end;
  }
  .plant__person {
    box-sizing: border-box;
  }
  .plant__description {
    width: 45.8334%;
    align-self: flex-end;
  }
  .plant__description.container {
    padding: 0;
  }
  .plant__text {
    padding: 0 38px;
    max-width: 596px;
    box-sizing: border-box;
  }
  .plant__links {
    margin-left: auto;
  }
  .plant__links.container {
    padding: 0;
  }
}
@media (min-width: 1560px) {
  .plant__person {
    width: 27.0833%;
  }
  .plant__links {
    width: 27.0833%;
  }
}
@media (max-width: 1559px) and (min-width: 1280px) {
  .plant__person {
    width: 32%;
  }
  .plant__links {
    width: 32%;
  }
}
@media (max-width: 1439px) and (min-width: 960px) {
  .plant__text {
    padding: 0 32px;
  }
}
@media (max-width: 1365px) and (min-width: 960px) {
  .plant__description {
    width: 60%;
  }
}
@media (max-width: 1279px) and (min-width: 960px) {
  .plant__info {
    flex-wrap: wrap;
  }
  .plant__person {
    width: 65%;
  }
  .plant__links {
    width: 35%;
  }
}
@media (max-width: 1279px) {
  .plant__bottom {
    padding: 0 3.0747%;
  }
  .plant__person {
    margin-bottom: 28px;
  }
}
@media (max-width: 959px) {
  .plant__bottom {
    padding: 0;
  }
  .plant__slider {
    margin-bottom: 26px;
  }
  .plant__description {
    margin-bottom: 28px;
    padding: 0 18px;
  }
  .plant__description:last-child {
    margin-bottom: 0;
  }
}

.plant-slider {
  position: relative;
  /*padding: 0 27.0833%;*/
  padding: 0 132px;
  box-sizing: border-box;
}
.plant-slider__ctrl {
  position: absolute;
  bottom: 100%;
  right: 4.1667%;
  width: 560px;
  margin-bottom: 3.4896%;
}
.plant-slider__container {
}
.plant-slider__inner {
  transition-timing-function: cubic-bezier(0.4, 0, 0.1, 1);
}
.plant-slider__slide {
}
.plant-slider__photo {
  width: 100%;
  flex: none;
  position: relative;
}
.plant-slider__img {
  height: auto;
  /*padding-top: 55%;*/
  padding-top: 29.7119%;
}
.plant-slider__img--overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
      180deg,
      rgba(16, 28, 37, 0) 19.81%,
      rgba(16, 28, 37, 0.52) 100%
    ),
    linear-gradient(
      180deg,
      rgba(16, 28, 37, 0.39) 0%,
      rgba(16, 28, 37, 0) 64.21%
    );
}
.plant-slider__head {
  padding: 0 38px 44px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #ffffff;
}
.plant-slider__title {
  max-width: 640px;
  font-weight: 400;
  text-transform: none;
}
.plant-slider__map {
  margin-top: 15px;
}
.plant-slider__preview {
  position: absolute;
  /*top: 0;*/
  bottom: 0;
  width: 27.0833%;
}
.plant-slider__preview .plant-slider__img {
  padding-top: 55%;
}
.plant-slider__preview--prev {
  /*left: 0;*/
  right: 100%;
  margin-right: -120px;
  padding-right: 0;
}
.plant-slider__preview--next {
  /*right: 0;*/
  left: 100%;
  margin-left: -120px;
  padding-left: 0;
}
.plant-slider__tape-wrap {
  overflow: hidden;
}
.plant-slider__tape {
  display: flex;
  transition: transform 0.88s cubic-bezier(0.4, 0, 0.1, 1);
}

.plant-face {
  display: flex;
}
.plant-face__photo {
  flex: none;
  width: 80px;
  height: 80px;
}
.plant-face__image {
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
}
.plant-face__img {
}
.plant-face__body {
  padding-left: 25px;
}
.plant-face__title {
  margin-bottom: 20px;
}
.plant-face__role {
  font-size: 14px;
  line-height: 18px;
}

@media (max-width: 1559px) {
  .plant-slider {
  }
  /*.plant-slider__preview {width: 32%;}*/
  .plant-slider__title {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (max-width: 1439px) {
  .plant-slider__ctrl {
    margin-bottom: 1.5%;
  }
  .plant-slider__head {
    padding: 0 32px 24px;
  }
}
@media (max-width: 1279px) {
  .plant-slider {
    /*padding: 0 35%;*/
    padding-left: 3.0747%;
  }
  .plant-slider__img {
    padding-top: 35%;
  }
  .plant-slider__ctrl {
    width: 50%;
  }
  .plant-slider__preview {
    width: 35%;
  }
  .plant-slider__preview--prev {
    display: none;
  }
}

.person-photo {
  position: relative;
  overflow: hidden;
}
.person-photo__inner {
  /*padding: 0 11.68225%;*/
  padding: 0 24px;
}
.person-photo__bg {
  margin-top: 12.6263%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 100%;
  background: #ed3f56;
  border-radius: 50%;
}
.person-photo__img {
  height: auto;
  padding-top: 120%;
  background-size: contain;
  background-position: 50% 100%;
}

.a-roll.is-out-next .person-slide__title {
  animation-delay: 0.15s;
}
.a-roll.is-out-next .person-slide__title .a-roll-inner {
  animation-delay: 0.15s;
}

.a-roll.is-out-next .person-slide__caption {
  animation-delay: 0.2s;
}
.a-roll.is-out-next .person-slide__caption .a-roll-inner {
  animation-delay: 0.2s;
}

.a-roll.is-in-next .person-slide__title {
  animation-delay: 0.15s;
}
.a-roll.is-in-next .person-slide__title .a-roll-inner {
  animation-delay: 0.15s;
}

.a-roll.is-in-next .person-slide__caption {
  animation-delay: 0.2s;
}
.a-roll.is-in-next .person-slide__caption .a-roll-inner {
  animation-delay: 0.2s;
}

.a-roll.is-in-next .person-slide__more .a-roll-wrap {
  animation-delay: 0.3s;
}
.a-roll.is-in-next .person-slide__more .a-roll-inner {
  animation-delay: 0.3s;
}

/*.a-roll.is-out-next .person-slide__more .a-roll-wrap {animation-delay: .25s;}*/
/*.a-roll.is-out-next .person-slide__more .a-roll-inner {animation-delay: .25s;}*/

.a-roll.is-out-prev .person-slide__title {
}
.a-roll.is-out-prev .person-slide__title .a-roll-inner {
}

.a-roll.is-out-prev .person-photo {
  animation-delay: 0.2s;
}
.a-roll.is-out-prev .person-photo .a-roll-inner {
  animation-delay: 0.2s;
}

.a-roll.is-out-prev .person-slide__caption {
  animation-delay: 0.1s;
}
.a-roll.is-out-prev .person-slide__caption .a-roll-inner {
  animation-delay: 0.1s;
}

.a-roll.is-out-prev .person-slide__more .a-roll-wrap {
}
.a-roll.is-out-prev .person-slide__more .a-roll-inner {
}

.a-roll.is-in-prev .person-slide__title {
}
.a-roll.is-in-prev .person-slide__title .a-roll-inner {
}

.a-roll.is-in-prev .person-photo {
  animation-delay: 0.2s;
}
.a-roll.is-in-prev .person-photo .a-roll-inner {
  animation-delay: 0.2s;
}

.a-roll.is-in-prev .person-slide__caption {
  animation-delay: 0.1s;
}
.a-roll.is-in-prev .person-slide__caption .a-roll-inner {
  animation-delay: 0.1s;
}

.a-roll.is-in-prev .person-slide__more .a-roll-wrap {
  animation-delay: 0.15s;
}
.a-roll.is-in-prev .person-slide__more .a-roll-inner {
  animation-delay: 0.15s;
}

/*Персона в слайдере*/
.person-slide {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 80px;
  box-sizing: border-box;
}
.person-slide__photo {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 43%;
  width: 40.2273%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.person-slide__head {
  max-width: 385px;
  width: 27.5%;
  margin-top: auto;
}
.person-slide__title {
  margin-bottom: 40px;
  font-weight: 500;
  line-height: 40px;
  text-transform: none;
}
.person-slide__caption {
  line-height: 1.34;
  margin-bottom: 60px;
  max-width: 320px;
}
.person-slide__more {
}

.person {
  display: block;
}
.person__photo {
  margin-bottom: 49px;
}
.person__img {
  padding-top: 120%;
  height: auto;
  background-position: 50% 100%;
  background-size: contain;
  background-color: #ffffff;
}
.person__title {
  display: flex;
  align-items: flex-end;
  padding-bottom: 10px;
  margin-bottom: 27px;
  border-bottom: 1px solid;
}
.person__name.h2 {
  max-width: 10px;
  font-weight: 600;
  line-height: 28px;
  font-size: 20px;
  text-transform: uppercase;
}
.person__more {
  margin-left: auto;
  margin-right: 31px;
  font-size: 20px;
}
.person__role {
  max-width: 320px;
  line-height: 24px;
  font-size: 18px;

  color: #666d70;
}
@media (min-width: 1280px) {
  .person {
    transition: transform 0.25s ease-in;
  }
  .person:hover {
    transform: translate(0, -3px);
  }
  .person__title {
    transition: opacity 0.25s ease-in;
  }
  .person:hover .person__title {
    opacity: 0.6;
  }
}
@media (max-width: 1439px) {
  .person__photo {
    margin-bottom: 28px;
  }
  .person__title {
    margin-bottom: 18px;
  }
  .person__name.h2 {
    line-height: 26px;
    font-size: 18px;
  }
  .person__more {
    margin-right: 26px;
    font-size: 18px;
  }
  .person__role {
    font-size: 16px;
  }
}
@media (max-width: 1279px) {
  .person__more {
    font-size: 16px;
  }
}
@media (max-width: 959px) {
  .person__photo {
    margin-bottom: 18px;
  }
  .person__title {
    margin-bottom: 14px;
  }
}

@media (max-width: 648px) {
  .person__name.h2 {
    line-height: 22px;
    font-size: 16px;
  }
  .person__more {
    margin-right: 18px;
    font-size: 14px;
  }
  .person__role {
    line-height: 18px;
    font-size: 14px;
  }
}

.person-card {
  display: block;
  padding: 14% 0 20%;
  border: 1px solid #ededed;
  border-radius: 4px;
  text-align: center;
}
.person-card__inner {
  width: 50%;
  max-width: 200px;
  min-width: 180px;
  margin: 0 auto;
}
.person-card__inner--speak {
  width: 69.5%;
  max-width: 278px;
}

.person-card__photo {
  margin-bottom: 25px;
  border-radius: 50%;
  overflow: hidden;
}
.person-card__img {
  height: auto;
  padding-top: 100%;
}
.person-card__title {
  margin-bottom: 50px;
}
.person-card__role {
}
@media (max-width: 1439px) {
  .person-card__title {
    margin-bottom: 35px;
  }
}

/*Вертикальный список персон*/
.persons-vertical {
}
.persons-vertical__item + .persons-vertical__item {
  margin-top: 80px;
}

@media (max-width: 959px) and (min-width: 640px) {
  .persons-vertical {
    display: flex;
    margin: 0 -9px;
  }
  .persons-vertical__item + .persons-vertical__item {
    margin-top: 0;
  }
  .persons-vertical__item {
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
    padding: 0 9px;
  }
}
@media (max-width: 959px) {
  .persons-vertical {
    padding-bottom: 30px;
  }
}
@media (min-width: 639px) {
  .persons-vertical__item {
    max-width: 400px;
  }
}

.persons-slider {
  height: 100%;
  overflow: visible;
}
.persons-slider__inner {
  height: 100%;
}
.persons-slider__slide {
  flex: none;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}
.persons-slider__slide.is-show {
  opacity: 1;
}
.persons-slider__slide.is-active {
  pointer-events: auto;
}
.persons-slider__ctrl {
  position: absolute;
  bottom: 100%;
  right: 4.1667%;
  width: 560px;
}

.persons-list {
}
.persons-list__inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -53px -40px 0;
}
.persons-list__item {
  width: 25%;
  padding: 0 53px 40px 0;
  box-sizing: border-box;
}
.persons-list__item + .persons-list__item {
}
@media (max-width: 1279px) {
  .persons-list__inner {
    margin-right: -38px;
  }
  .persons-list__item {
    padding-right: 38px;
    width: 33.3334%;
  }
}
@media (max-width: 959px) {
  .persons-list__inner {
    margin-right: -36px;
  }
  .persons-list__item {
    padding-right: 36px;
    width: 50%;
  }
}
@media (max-width: 767px) {
  .persons-list__inner {
    margin-right: -28px;
  }
  .persons-list__item {
    padding-right: 28px;
    width: 50%;
  }
}
@media (max-width: 480px) {
  .persons-list__inner {
    margin-right: 0px;
  }
  .persons-list__item {
    width: 100%;
    padding-right: 0;
  }
}

.person-detail {
}
.person-detail__photo {
}
.person-detail__body {
}
.person-detail__name {
  text-transform: none;
  font-weight: 500;
  padding-bottom: 30px;
  margin-bottom: 7.772%;
  border-bottom: 1px solid #dddddd;
}
.person-detail__role {
}
.person-detail__description {
}
@media (min-width: 960px) {
  .person-detail {
    display: flex;
  }
  .person-detail__photo.container {
    padding-right: 0;
  }
  .person-detail__photo {
    position: absolute;
    bottom: 0;
    left: 0;
    flex: none;
    width: 36.8182%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .person-detail__body {
    width: 63.1818%;
    margin-left: auto;
    padding-bottom: 55px;
  }
}
@media (min-width: 1681px) {
  .person-detail__photo {
    width: 30%;
  }
}

.section-news {
}
.section-news__inner {
}
.section-news__content {
}
.section-news__aside {
}
@media (min-width: 960px) {
  .section-news__content {
    width: 62.5%;
  }
  .section-news__inner {
    display: flex;
  }
}
@media (max-width: 1279px) and (min-width: 960px) {
  .section-news__content {
    width: 60%;
  }
  .section-news__aside {
    width: 40%;
  }
}

.news-list {
}
.news-list--fill {
  background: #f2f2f2;
  padding: 41px 36px 26px;
}
.news-list__head {
  margin-bottom: 34px;
  padding-bottom: 16px;
  border-bottom: 1px solid #acafb2;
  overflow: hidden;
}
.news-list__title {
}
/*.news-list__tags {margin-left: 9.6154%;}*/
.news-list__tags {
  margin-left: auto;
}
.news-list__more {
  margin-left: auto;
  color: #9f9ea2;
}
.news-list__link {
  font-weight: 400;
}
.news-list__body {
}
.news-list__body--fixed {
  max-width: 942px;
}
.news-list__item + .news-list__item {
  margin-top: 38px;
}

.news-list--divider .news-list__item + .news-list__item {
  margin-top: 16px;
  padding-top: 20px;
  border-top: 1px solid #abaeb1;
}
@media (min-width: 960px) {
  .news-list__head {
    display: flex;
  }
}
@media (min-width: 1440px) {
  .news-list--fill {
    margin-left: -72px;
  }
}
@media (max-width: 959px) {
  .news-list--fill {
    padding: 18px;
  }
}

.news-tags {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #9f9ea2;
}
/*.news-tags__item + .news-tags__item {margin-left: 15px;}*/
.news-tags__item {
  margin-right: 15px;
}
.news-tags__link {
}

.news-card {
  display: block;
}
.news-card__photo {
  margin-bottom: 34px;
}
.news-card__img {
  height: auto;
  padding-top: 45.3572%;
}
.news-card__body {
  width: 100%;
}
.news-card__title {
  margin-bottom: 13px;
  max-height: 80px;
  overflow: hidden;
}
.news-card__title.big {
  font-weight: 600;
  max-height: 48px;
}
.news-card__text {
  margin-bottom: 13px;
  max-height: 81px;
  overflow: hidden;
}
.news-card__text.ex-small {
  line-height: 20px;
  max-height: 40px;
}
.news-card__info {
  margin-bottom: 10px;
}
@media (min-width: 1280px) {
  .news-card {
    transition: transform 0.25s ease-in;
  }
  .news-card:hover {
    transform: translate(0, -3px);
  }
  .news-card__title {
    transition: opacity 0.25s ease-in;
  }
  .news-card:hover .news-card__title {
    opacity: 0.6;
  }
}
@media (min-width: 960px) {
  .news-card--line {
    display: flex;
    flex-direction: row-reverse;
  }
  .news-card--line .news-card__photo {
    flex: none;
    margin-left: 80px;
    margin-bottom: 0;
    width: 30.5769%;
  }
  .news-list--short .news-card__body {
    width: 69.4231%;
    padding-right: 80px;
    box-sizing: border-box;
  }
  .news-card--line .news-card__img {
    padding-top: 63.2075%;
  }
  .news-card--line .news-card__title {
    max-height: 120px;
  }
  .news-card--line .news-card__text {
    max-height: 54px;
  }
}
@media (max-width: 1899px) and (min-width: 1560px) {
  .news-card__title {
    max-height: 64px;
  }
  .news-card--line .news-card__title {
    max-height: 96px;
  }
}
@media (max-width: 1559px) and (min-width: 960px) {
  .news-card__title {
    max-height: 56px;
  }
  .news-card__text {
    max-height: 60px;
  }

  .news-card--line .news-card__title {
    max-height: 84px;
  }
  .news-card--line .news-card__text {
    max-height: 40px;
  }
}
@media (max-width: 959px) {
  .news-card__title {
    max-height: 75px;
    font-weight: 600;
  }
  .news-card__text {
    max-height: 84px;
  }
}

.news-info {
  font-weight: bold;
  line-height: 16px;
  font-size: 11px;
  text-transform: uppercase;
  color: #9f9ea2;
}
.news-info__item {
  position: relative;
}
.news-info__item + .news-info__item {
}
.news-info__date {
}
.news-info__area {
}
.news-info__item + .news-info__item:before {
}

@media (min-width: 768px) {
  .news-info {
    display: flex;
  }
  .news-info__item + .news-info__item {
    padding-left: 15px;
    margin-left: 11px;
  }
  .news-info__item + .news-info__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #a3a09e;
  }
}

.company-list {
}
.company-list__inner {
  margin-bottom: -80px;
}
.company-list__item {
  padding-bottom: 80px;
}
.company-list__item.is-hide {
  display: none;
}
.company-list__caption {
  max-width: 880px;
  margin-bottom: 16.6667%;
}
@media (max-width: 959px) {
  .company-list__inner {
    margin-bottom: -40px;
  }
  .company-list__item {
    padding-bottom: 40px;
  }
  .company-list__caption {
    margin-bottom: 5.5%;
  }
}

.company-item {
}
.company-item__photo {
  /*margin-bottom: ;*/
}
.company-item__img {
  height: auto;
  padding-top: 56.6667%;
}
.company-item__more {
  max-width: 66.6667%;
}

.article {
}
.article__inner {
  max-width: 942px;
}
.article__title {
  text-transform: none;
  font-weight: 500;
  /*padding-bottom: 30px;*/
  padding-bottom: 0.75em;
  margin-bottom: 49px;
  border-bottom: 1px solid #dddddd;
}
.article__body {
  margin-bottom: 11.1112%;
}
.article__body:last-child {
  margin-bottom: 0;
}
.article__links {
}
@media (max-width: 959px) {
  .article__title.h2 {
    margin-bottom: 21px;
    font-size: 27px;
  }
}

.stat {
}
.stat__inner {
  display: flex;
}
.stat__item {
  width: 100%;
  padding-right: 15px;
  box-sizing: border-box;
}
.stat__title {
  display: flex;
  align-items: center;
  margin-bottom: 42px;
}
.stat__icon {
  margin-right: 13px;
  color: #f3d337;
  font-size: 45px;
}
.stat__text {
}
.stat__caption {
}

.contact-preview {
  /*display: flex;*/
}
.contact-preview__main {
  /*width: 100%;*/
}
.contact-preview__head {
  /*max-width: 800px;*/
  margin-bottom: 35px;
}
.contact-preview__title {
}
.contact-preview__body {
  margin-bottom: 42px;
}
.contact-preview__more {
  /*margin-left: auto;*/
  /*white-space: nowrap;*/
}
@media (min-width: 960px) {
  .contact-preview {
    display: flex;
  }
  .contact-preview__main {
    width: 100%;
    margin-bottom: 0;
  }
  .contact-preview__head {
    max-width: 800px;
    margin-bottom: 70px;
  }
  .contact-preview__title {
  }
  .contact-preview__body {
    max-width: 800px;
  }
  .contact-preview__more {
    margin-left: auto;
    white-space: nowrap;
  }
}

.contact-table {
}
.contact-table__line {
  padding: 20px 0;
  border-bottom: 1px solid #dddddd;
}
.contact-table__line:first-child {
  padding-top: 0;
}
.contact-table__head {
}
.contact-table__title {
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1;
  font-size: 20px;
}
.contact-table__title--fio {
  text-transform: none;
  font-size: 32px;
}
.contact-table__subtitle {
  margin-top: 15px;
}
.contact-table__subtitle:first-child {
  margin-top: 0;
}
.contact-table__label {
  flex: none;
  max-width: 55%;
  color: #9f9ea2;
}
.contact-table__value {
}
.contact-table__value--left {
}

.contact-table--vertical .contact-table__line {
}
.contact-table--vertical .contact-table__line:first-child {
  padding-top: 0;
}
.contact-table--vertical .contact-table__line:last-child {
  border-bottom: 0;
}
.contact-table--vertical .contact-table__label {
}
.contact-table--vertical .contact-table__value {
}
@media (min-width: 959px) {
  .contact-table {
  }
  .contact-table__line {
    display: flex;
    /* align-items: center; */
    min-height: 100px;
    padding: 20px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #dddddd;
  }
  .contact-table__label {
    color: #9f9ea2;
  }
  .contact-table__value {
    text-align: right;
    margin-left: auto;
  }
  .contact-table__value--left {
    text-align: left;
    margin-left: 0;
  }

  .contact-table--vertical .contact-table__line {
    display: block;
    min-height: auto;
  }
  .contact-table--vertical .contact-table__line:first-child {
    padding-top: 0;
  }
  .contact-table--vertical .contact-table__line:last-child {
    border-bottom: 0;
  }
  .contact-table--vertical .contact-table__label {
    margin-bottom: 10px;
    font-size: 11px;
  }
  .contact-table--vertical .contact-table__value {
    text-align: left;
  }
}
@media (max-width: 1279px) {
  .contact-table__line {
    padding: 28px 0;
  }
}
@media (max-width: 959px) {
  .contact-table__line {
    padding: 18px 0;
  }
  .contact-table__label {
    margin-bottom: 10px;
  }
}

.crumbs {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.crumbs__item {
  position: relative;
}
.crumbs__item + .crumbs__item {
  padding-left: 26px;
  margin-left: 22px;
}
.crumbs__item + .crumbs__item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #a3a09e;
}
.crumbs__link {
  line-height: 40px;
  white-space: nowrap;
}
.crumbs__item--current {
  opacity: 0.5;
  pointer-events: none;
}
.crumbs--second {
}
.crumbs--second .crumbs__item + .crumbs__item {
  padding-left: 0;
  margin-left: 2px;
}
.crumbs--second .crumbs__item + .crumbs__item:before {
  content: "/";
  position: static;
  display: inline-block;

  width: auto;
  height: auto;
  border-radius: 50%;
  background: none;
  color: #1990fe;
}

/*.law-info {}
	.law-info__sort {}
	.law-info__body {
		display: flex;
	}
		.law-info__main {
			width: ;
			box-sizing: border-box;
		}
		.law-info__banner {
			width: ;
			box-sizing: border-box;
		}
	.law-info__list {}
	.law-info__links {}
	.law-info__caption {}
*/

.law-list {
}
.law-list__inner {
  margin-bottom: 49px;
}
.law-list__inner:last-child {
  margin-bottom: 0;
}
.law-list__item {
  padding: 12px 0;
  border-bottom: 1px solid rgba(233, 233, 235, 0.53);
}
.law-list__item + .law-list__item {
  margin-top: 49px;
}
.law-list__link {
  max-width: 928px;
  position: relative;
  padding: 0 16px;
}
.law-list__link:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 8px;
  height: 8px;
  background: #ffe079;
  border-radius: 50%;
}
.law-list__paginator {
}

.law-banner {
	/* color: ; */
	background: #F3F3F3;
	padding: 49px 24px;
	border-radius: 10px;
}
	.law-banner__caption {
		font-weight: 600;
		margin-bottom: 33px;
	}
	.law-banner__links {}


.panel {}
.panel__title {text-transform: none;}
	.panel__item {}
		.panel__button {
			min-width: 240px;
			display: block;
		}
		.panel__button-icon {}
@media(min-width: 960px){
	.panel {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: -25px;
	}
		.panel__item {
			margin-right: 40px;
			margin-bottom: 25px;
		}
		.panel__item--fixed {width: 240px;}
	.panel__row {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -24px -30px 0;
	}
		.panel__col {
			width: 50%;
			padding-right: 24px;
			padding-bottom: 30px;
			box-sizing: border-box;
		}
}
.law-banner__caption {
  font-weight: 600;
  margin-bottom: 33px;
}
.law-banner__links {
}

.panel {
}
.panel__title {
  text-transform: none;
}
.panel__item {
}
.panel__button {
  min-width: 240px;
  display: block;
}
.panel__button-icon {
}
@media (min-width: 960px) {
  .panel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: -25px;
  }
  .panel__item {
    margin-right: 40px;
    margin-bottom: 25px;
  }
  .panel__item--fixed {
    width: 240px;
  }
  .panel__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -24px -30px 0;
  }
  .panel__col {
    width: 50%;
    padding-right: 24px;
    padding-bottom: 30px;
    box-sizing: border-box;
  }
}
@media (max-width: 959px) {
  .panel__head {
    flex: none;
    margin-bottom: 13px;
    width: 100%;
  }
}

.paginator {
}
.paginator__inner {
  display: flex;
}
.paginator__button {
  flex: none;
  font-weight: 600;
}
.paginator__button:hover {
  background: rgba(255, 224, 121, 0.8);
}
.paginator__button.is-active {
  background: #ffe079;
}
.paginator__pages {
  display: flex;
}
.paginator__divider {
  font-weight: 600;
  pointer-events: none;
}

.docs-list {
}
.docs-list__inner {
  margin-bottom: 38px;
}
.docs-list__inner:last-child {
  margin-bottom: 0;
}
.docs-list__item {
  border-bottom: 1px solid #dddddd;
  padding: 30px 0;
}
.docs-list__item + .docs-list__item {
  margin-top: 0;
}
.docs-list__paginator {
}

.docs {
}
.docs__inner {
  display: flex;
  align-items: center;
}
.docs__body {
  width: 100%;
  font-weight: 500;
}
.docs__title {
  margin-bottom: 14px;
}
.docs__title:last-child {
  margin-bottom: 0;
}
.docs__caption {
  max-width: 560px;
  color: #9f9ea2;
}

.docs-icon {
  display: flex;
  align-items: center;
}
.docs-icon__icon {
  flex: none;
  width: 46px;
  margin-right: 27px;
}
.docs-icon svg {
  width: 100%;
  height: auto;
}
.docs-icon__info {
  flex: none;
  width: 100px;
  margin-right: 25px;

  font-weight: 500;
  line-height: 20px;
  font-size: 14px;

  color: #9f9ea2;
}

/*Раскрытие информации о компании ???*/
.company {
}
.company__left {
}
.company__text {
}
.company__right {
}
.company__subtitle {
}
.company__contact {
}

.history {
}
.history__section + .history__section {
  margin-top: 5.5%;
}
.history__section {
}
.history__gallery {
}
.history__photo:first-child {
}
.history__photo {
}
.history__image {
}
.history__image--sm {
}
.history__image--sm + .history__image--sm {
}
.history__img {
  padding-top: 64.6444%;
  height: auto;
}
.history__content {
}

@media (min-width: 960px) {
  .history__section {
    display: flex;
    flex-direction: row-reverse;
  }
  .history__gallery {
    flex: none;
    display: flex;
    flex-direction: column;
    width: 26.9887%;
  }
  .history__photo:first-child {
    margin-top: 0;
  }
  .history__photo {
    margin: auto 0;
    padding: 20px 0;
  }
  .history__image {
  }
  .history__image--sm {
    padding-left: 16.8422%;
  }
  .history__image--sm + .history__image--sm {
    padding-left: 0;
    padding-right: 16.8422%;
    margin-top: -16.8422%;
  }
  .history__content {
    width: 73.0113%;
  }
  .history__links {
    max-width: 942px;
  }
}

.about {
}
.about__section {
  max-width: 1154px;
}
.about__section + .about__section {
  margin-top: 10.687%;
}
.about__editor {
}
.about__subtitle {
  margin-bottom: 10.8319%;
}
.about__body {
}

.style-list {
  max-width: 1010px;
  overflow: hidden;
}
.style-list__inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5.4455% -8.9108%;
}
.style-list__item {
  width: 50%;
  padding: 0 5.4455% 8.9108%;
  box-sizing: border-box;
}

.style-item {
}
.style-item__photo {
  margin-bottom: 25px;
}
.style-item__title {
  font-weight: 600;
  line-height: 24px;
}
.style-item__caption {
  font-size: 14px;
}

.manual-list {
}
.manual-list__item {
  display: block;
}
.manual-list__item + .manual-list__item {
  margin-top: 5.9792%;
}
.manual-list__link {
  display: flex;
}
.manual-list .icon {
  margin-right: 47px;
  font-size: 32px;
  color: #e51f2d;
}

.contact-list {
}
.contact-list__inner {
  max-width: 1200px;
}
.contact-list__item + .contact-list__item {
  margin-top: 60px;
}

.block-404 {
}
.block-404__inner {
}
.block-404__image {
}
.block-404__head {
  padding-top: 60px;
}
.block-404__title {
  margin-bottom: 25px;
}
.block-404__text {
}
@media (min-width: 960px) {
  .block-404 {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .block-404__inner {
    display: flex;
    flex-direction: row-reverse;
  }
  .block-404__image {
    width: 100%;
    max-width: 1280px;
  }
  .block-404__head {
    padding-top: 60px;
    flex: none;
    width: 420px;
  }
  .block-404__title {
    margin-bottom: 25px;
  }
  .block-404__text {
  }
}
@media (max-width: 959px) {
  .block-404__head {
    margin-bottom: 55px;
  }
}

.catalog {
}
.catalog__filter {
  margin-bottom: 84px;
}
.catalog__body {
  position: relative;
}
.catalog__body.is-overlay {
  user-select: none;
  pointer-events: none;
}
.catalog__body.is-overlay:after {
  display: block;
}
.catalog__body:after {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.8);

  animation: fadeIn 0.4s ease-in;
}
.catalog__title {
  margin-bottom: 42px;
}
.catalog__title:last-child {
  margin-bottom: 0;
}
.catalog__title > span {
  color: #666d70;
}
.catalog__list {
  margin-bottom: 49px;
}
.catalog__list:last-child {
  margin-bottom: 0;
}
.catalog__paginator {
}
@media (min-width: 1280px) {
  .catalog__body--short {
    flex: none;
    width: 68.1819%;
    margin-left: auto;
  }
}

.filter-drop {
}
.filter-drop__open {
}
.filter-drop__dropdown {
}
.filter-drop__close {
}
@media (min-width: 960px) {
  .filter-drop__open {
    display: none;
  }
  .filter-drop__close {
    display: none;
  }
}
@media (max-width: 959px) {
  .filter-drop {
  }
  .filter-drop__open {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 42px;
    line-height: 42px;
    background: #ffe079;
    color: #42484f;

    font-weight: bold;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;

    border-radius: 0;

    z-index: 2;
  }
  .filter-drop__open.is-hide {
    display: none;
  }
  .filter-drop__open.is-in {
    animation: fadeIn 0.35s ease-in;
  }
  .filter-drop__dropdown.is-open {
    display: block;
  }
  .filter-drop__dropdown {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 120px 18px 96px;

    overflow: hidden;
    overflow-y: auto;

    background: #f3f3f3;

    z-index: 2;
    -webkit-overflow-scrolling: touch;
    transform-origin: 50% 0;
    /*animation: fadeIn .45s ease-in;*/
    animation: zoomIn 0.25s ease-in, fadeIn 0.25s ease-in;
  }
  .filter-drop__inner {
    animation: fadeIn 0.25s 0.2s ease-in backwards;
  }
  .filter-drop__dropdown.is-out {
    animation: zoomOut 0.25s 0.2s ease-in forwards,
      fadeOut 0.25s 0.2s ease-in forwards;
  }
  .filter-drop__dropdown.is-out .filter-drop__inner {
    animation: fadeOut 0.2s ease-in forwards;
  }
  .filter-drop__close {
    position: absolute;
    top: 72px;
    left: 50%;
    margin-left: -16px;
  }
}

.filter {
}
.filter__line + .filter__line {
  margin-top: 38px;
}
.filter__line--row {
}
.filter__sub {
  width: 240px;
}
@media (min-width: 960px) {
  .filter__line--row {
    display: flex;
    flex-direction: row-reverse;
  }
  .filter__sub {
    flex: none;
    margin-top: -13px;
    margin-left: auto;
  }
}
@media (max-width: 959px) {
  .filter__sub {
    margin-bottom: 35px;
  }
}

.search-panel {
}
.search-panel__col {
}
.search-panel__col--sub {
}
@media (min-width: 960px) {
  .search-panel {
    flex-direction: row-reverse;
    display: flex;
  }
  .search-panel__col {
    width: 100%;
  }
  .search-panel__col--sub {
    flex: none;
    width: 240px;
    margin-right: 70px;
  }
  .search-panel__col--once {
    width: 240px;
    margin-right: auto;
  }
}
/*@media(max-width: 1439px) and (min-width: 960px){
	.search-panel__col--sub {margin-right: 70px;}
}*/
@media (max-width: 959px) {
  .search-panel__col + .search-panel__col {
    margin-top: 20px;
  }
}

.search {
  position: relative;
}
.search--main {
}
.search__input {
}
.search__ctrl {
  top: 0;
  right: 0;
  position: absolute;
}
.search__button {
}

.chips {
}
.chips__checkbox,
.chips__checkbox:checked {
  position: absolute;
  left: -9999px;
  visibility: hidden;
}
.chips__button {
}
.chips__button:hover {
  background: #ffe079;
  border-color: #ffe079;
}
.chips__icon {
  display: none;
  animation: fadeIn 0.35s ease-in;
}
.chips__checkbox:checked ~ .chips__button {
  background: #ffe079;
  border-color: #ffe079;
}
.chips__checkbox:checked ~ .chips__button > .chips__icon {
  display: block;
}

.archive-table {
}
.archive-table tr {
  border-bottom: 1px solid #f4f4f5;
}
.archive-table th {
  height: 45px;
  padding: 5px 15px;
  box-sizing: border-box;
}
.archive-table td {
  height: 45px;
  padding: 5px 15px;
  box-sizing: border-box;
}

.report-table {
}
.report-table tr {
  border-bottom: 1px solid #f4f4f5;
}
.report-table th {
  font-weight: 600;
  line-height: 24px;
  font-size: 20px;
  border-bottom: 1px solid #f4f4f5;
  text-align: left;
}
.report-table__goverment {
  width: 25%;
}
.report-table__vertical-head {
  vertical-align: bottom;
}

.report-table td {
  text-align: left;
}
.report-table__row-head {
  font-weight: 600;
  line-height: 24px;
  font-size: 20px;
}
.report-table .report-table__row-head {
  white-space: nowrap;
  text-align: left;
}

@media (min-width: 1280px) {
  .report-table {
    width: 100%;
  }
  .report-table th {
    padding: 16px 27px;
  }
  .report-table th:first-child {
    padding-left: 0;
  }
  .report-table th:last-child {
    padding-right: 0;
  }
  .report-table td {
    padding: 20px 5px 20px;
    vertical-align: top;
  }
  .report-table td:first-child {
    padding-left: 0;
  }
  .report-table td:last-child {
    padding-right: 0;
  }
}
@media (max-width: 1559px) {
  .report-table th {
    padding: 12px 22px;
    font-size: 16px;
    line-height: 20px;
  }
  .report-table__row-head {
    font-size: 16px;
    line-height: 20px;
  }
  .report-table td {
    padding: 18px 5px 18px;
  }
}
@media (max-width: 1439px) {
  .report-table td {
    padding: 15px 5px 15px;
  }
}
@media (max-width: 1279px) {
  .report-table th {
    padding: 12px 12px;
    line-height: 16px;
    font-size: 14px;
  }
  .report-table__row-head {
    font-size: 14px;
    line-height: 16px;
  }
  .report-table td {
    padding: 15px 5px 12px;
  }
}

.d-table {
}
.d-table__row {
  border-bottom: 1px solid #f4f4f5;
}
.d-table__td {
}
.d-table__title {
  max-width: 700px;
}

@media (min-width: 1280px) {
  .d-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .d-table__row {
    display: table-row;
  }
  .d-table__row--link {
    position: relative;
  }
  .d-table__row--link:after {
  }
  .d-table__row--link:hover {
  }
  .d-table__td {
    display: table-cell;
    padding: 40px 27px 20px;
    vertical-align: middle;
  }
  .d-table__td:first-child {
    padding-left: 0;
  }
  .d-table__td:last-child {
    padding-right: 0;
  }
}
@media (max-width: 1279px) {
  .d-table {
  }
  .d-table__row + .d-table__row {
    margin-top: 32px;
  }
  .d-table__row {
    display: block;
    padding-bottom: 15px;
  }
  .d-table__td + .d-table__td {
    margin-top: 8px;
  }
  .d-table__td {
  }
  .d-table__title {
    max-width: 700px;
  }
}

.tender-table {
  table-layout: fixed;
}
.tender-table tr {
  border-bottom: 1px solid #f4f4f5;
}
.tender-table th {
  text-align: left;
  font-weight: 600;
  line-height: 24px;
  font-size: 20px;
}
.tender-table__head {
  text-align: left;
  font-weight: 600;
  line-height: 24px;
  font-size: 20px;
}
.tender-table td {
}
.tender-table td > .link {
  display: inline-block;
}

@media (min-width: 1280px) {
  .tender-table {
    width: 100%;
  }
  .tender-table th {
    padding: 16px 27px;
  }
  .tender-table th:first-child {
    padding-left: 0;
  }
  .tender-table th:last-child {
    padding-right: 0;
  }
  .tender-table td {
    padding: 40px 27px 20px;
    vertical-align: top;
  }
  .tender-table td:first-child {
    padding-left: 0;
  }
  .tender-table td:last-child {
    padding-right: 0;
  }
}
@media (max-width: 1559px) and (min-width: 1280px) {
  .tender-table th {
    padding: 12px 22px;
    font-size: 16px;
  }
  .tender-table__head {
    font-size: 16px;
  }
  .tender-table td {
    padding: 35px 22px 18px;
  }
}
@media (max-width: 1279px) {
  .tender-table {
    display: block;
  }
  .tender-table thead {
    display: none;
  }
  .tender-table tbody {
    display: block;
  }
  .tender-table tr {
    display: block;
    /* padding-bottom: 32px; */
  }
  .tender-table td:last-child {
    display: block;
    padding-bottom: 32px;
  }
  .tender-table tr + tr {
    margin-top: 39px;
  }
  .tender-table th {
    padding: 0;
    display: block;
  }
  .tender-table th + th {
    margin-top: 8px;
  }
  .tender-table td {
    display: block;
    padding: 0;
    max-width: 648px;
  }
  .tender-table td + td {
    margin-top: 18px;
  }
}

.table-list {
}
.table-list__section + .table-list__section {
  margin-top: 60px;
}
.table-list__head {
  padding: 31px 30px;
  font-weight: 600;
  line-height: 20px;
  font-size: 12px;
  text-transform: uppercase;
  background: #f5f5f5;
}
.table-list__body {
}
@media (max-width: 1279px) {
  .table-list__head {
    margin-bottom: 22px;
  }
}
@media (max-width: 959px) {
  .table-list__head {
    padding: 15px 22px;
  }
}

.tender-num {
}
.tender-num__item {
  display: flex;
  align-items: center;
  font-size: 18px;
  min-width: 150px;
}
.tender-num__item + .tender-num__item {
  margin-top: 22px;
}
.tender-num__item .icon {
  margin-right: 7px;
  opacity: 0.65;
}

.state {
}
.state__label {
}
.state__icons {
  font-size: 20px;
  opacity: 0.65;
  white-space: nowrap;
}
.state__icons .icon + .icon {
  margin-left: 20px;
}
@media (min-width: 1440px) {
  .state {
    display: flex;
  }
  .state__label {
    margin-right: 39px;
  }
  .state__label:last-child {
    margin-right: 0;
  }
}
@media (max-width: 1439px) and (min-width: 960px) {
  .state__label {
    margin-bottom: 25px;
  }
  .state__label:last-child {
    margin-bottom: 0;
  }
}

.state-label {
  width: 142px;
  height: 32px;
  line-height: 32px;

  font-weight: bold;
  line-height: 32px;
  font-size: 12px;
  text-align: center;
  border-radius: 24px;

  color: #9f9ea2;
  background: rgba(159, 158, 162, 0.1);
}
.state-label--error {
  background: rgba(237, 63, 86, 0.1);
  color: #ed3f56;
}
.state-label--success {
  background: rgba(33, 150, 83, 0.1);
  color: #219653;
}
.state-label--warning {
  background: rgba(215, 184, 81, 0.1);
  color: #d7b851;
}

.date-list {
}
.date-list__item + .date-list__item {
  margin-top: 18px;
}
.date-list__item {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.date-list__icon {
  margin-right: 16px;
  font-size: 12px;
  color: #ffe079;
}
.date-list__text {
}
.date-list__hightlight {
  font-weight: 700;
}
.date-list__text span {
  color: #747a81;
}
.date-list__item--sub {
  font-weight: bold;
  line-height: normal;
  font-size: 12px;
  text-align: right;

  color: #7fc1fe;
}
.date-list__item--sub .date-list__icon {
  color: #7fc1fe;
}

.folders {
}
.folders__list {
}
.folders__item {
  padding: 15px 0;
  border-bottom: 1px solid #e9e9eb;
}
.folders__link {
  max-width: 928px;
  display: flex;
}

.doc-head {
  max-width: 560px;
}
.doc-head__title {
  margin-bottom: 12px;
}
.doc-head__title--bold {
  font-weight: 600;
}
.doc-head__title:last-child {
  margin-bottom: 0;
}
.doc-head__caption {
  color: #9f9ea2;
}

.list-section {
}
.list__head {
}
.list__title {
}
.list__body {
}
.list__helpers {
}

.list {
  /*font-size: 18px;*/
  /*line-height: 24px;*/
}
.list__container {
  max-width: 928px;
}
.list__item {
  padding: 15px 0;
}
.list__item:first-child {
  padding-top: 0;
}
.list__item--dotted {
  position: relative;
  padding-left: 24px;
}
.list__item--dotted:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  margin-top: 0.4em;
  width: 8px;
  height: 8px;
  background: #ffe079;
  border-radius: 50%;
}
.list__item--divider {
  border-bottom: 1px solid #e9e9eb;
}
.list__item--offset + .list__item--offset {
  margin-top: 49px;
}
.list__item-inner {
  max-width: 928px;
}

.list--modal .list__item--divider:last-child {
  border-bottom: 0;
}

.list-num {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: list;
}

.list-num__item {
  display: flex;
  align-items: baseline;
  position: relative;
  padding: 0;
  margin: 0;
}
.list-num__item + .list-num__item {
  margin-top: 1.6667em;
}
.list-num__item:before {
  counter-increment: list;
  content: counter(list);
  flex: none;
  margin-right: 1.6667em;
  display: flex;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 0;
  width: 2.7778em;
  height: 2.7778em;
  background: #ffe079;

  font-weight: 600;
  line-height: 24px;

  color: #42484f;

  border-radius: 50%;
}

.info-sm {
  display: flex;
}
.info-sm__icon {
  color: #7fc1fe;
  width: 24px;
  margin-right: 26px;
  font-size: 20px;
}
.info-sm__body {
}
.info-sm__title {
  margin-bottom: 4px;
  /*font-size: 18px;*/
  line-height: 1;
  font-weight: 700;
}
.info-sm__text {
  font-weight: 500;
  line-height: 1;
  font-size: 16px;
  color: #6a7077;
}

.doc {
  display: flex;
}
.doc__icon {
  flex: none;
  width: 24px;
  margin-right: 26px;
}
.doc__icon svg {
  width: 100%;
  height: auto;
}
.doc__title {
  align-self: center;
  line-height: 20px;
  font-size: 14px;
  color: #9f9ea2;
}

.purchase-pin {
  padding-top: 3px;
}
.purchase-pin__section + .purchase-pin__section {
  margin-top: 100px;
}
.purchase-pin__title {
  margin-bottom: 30px;
}

.info-table {
}
.info-table__item + .info-table__item {
  margin-top: 42px;
}
.info-table__item {
  display: flex;
  align-items: baseline;
}
.info-table__label {
  flex: none;
  width: 260px;
  font-weight: 700;
  color: #9f9ea2;
}
.info-table__value {
}

.template {
}
.template__inner {
  max-width: 942px;
}
.template__info {
  margin-bottom: 55px;
}
.template__title {
  margin-bottom: 15px;
}
.template__section + .template__section {
  margin-top: 52px;
}
.template__title {
  font-weight: 600;
}
@media (max-width: 959px) {
  .template__info {
    margin-bottom: 35px;
  }
  .template__section + .template__section {
    margin-top: 30px;
  }
}

.purchase {
}
.purchase__info {
  margin-bottom: 55px;
}
.purchase__description {
  color: #000000;
}
.purchase__title {
  margin-bottom: 24px;
  font-weight: 600;
}
.purchase__section + .purchase__section {
  margin-top: 45px;
}

.search-page {
  height: 100%;
  padding-top: 18.9205%;
  box-sizing: border-box;
}
.search__enter {
}

.search-result {
}
.search-result__list {
}
.search-result__item + .search-result__item {
  margin-top: 40px;
}
.search-result__item {
  padding-bottom: 12px;
  border-bottom: 1px solid #dddddd;
}

.search-item {
}
.search-item__inner {
  max-width: 1130px;
}
.search-item__crumbs {
  margin-bottom: 16px;
  font-size: 17px;
}
.search-item__title {
  margin-bottom: 14px;
  text-transform: none;
  line-height: 48px;
  font-weight: 500px;
}
.search-item__text {
  margin-bottom: 9px;
  color: #9f9ea2;
}
.search-item__date {
  line-height: 20px;
  font-size: 14px;

  color: #9f9ea2;
}

.b-form {
  position: relative;
}
	.b-form > .is-overlay > .b-form__body:after {
	  content: "";
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  top: 0;
	  z-index: 1;
	}
	.b-form__head {margin-bottom: 25px;}
		.b-form__title {font-weight: 600;}
	.b-form__body { margin-bottom: 68px;}
		.b-form__line + .b-form__line {margin-top: 48px;}
	.b-form__footer {}
	.b-form__footer._divider {
		padding-top: 25px;
		padding-bottom: 25px;
		border-top: 1px solid #EDEBE9;
	}
		.b-form__caption {
			max-width: 360px;
			padding-right: 20px;
			box-sizing: border-box;
		}
		.b-form__ctrl {margin-left: auto;}
		.b-form__button.is-animate {animation: shake 0.4s;}
@media (min-width: 960px) {
  .b-form__footer {
    display: flex;
    align-items: center;
  }
}

.vacancy-detail {
}
.vacancy-detail__section + .vacancy-detail__section {
  margin-top: 46px;
}
.vacancy-detail__inner {
  max-width: 710px;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 24px;
  background-color: #ffffff;
  border-radius: 10px;
  box-sizing: border-box;
}
.card--content {
  padding: 0 4.1667vw;
}
.card--auto {
  height: auto;
}
.card--modal {
  width: 100%;
  border-radius: 5px;
  height: auto;
}
.card--primary {
  color: #ffffff;
  background-color: #5b8db3;
}
.card--success {
  color: #ffffff;
  background-color: #5bb381;
}
.card--warning {
  background: #ffe079;
}
.card--warning .card__head {
  border-color: #42484f;
}
.card--success:hover {
  color: #ffffff;
}
.card--error {
  color: #ffffff;
  background-color: #ed3f56;
}
.card--error:hover {
  color: #ffffff;
}
@media (min-width: 1280px) {
  .card--hover:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.35s ease-in;
    border-radius: 10px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    z-index: -1;
  }
  .card--hover:hover:before {
    opacity: 1;
  }
  .card--hover:hover .card__more {
    opacity: 0.5;
  }
}
.card__head {
  width: 100%;
  display: flex;
  align-items: flex-end;
  padding: 22px 0 13px;
  border-bottom: 1px solid #e5e5e5;
}
.card__head--clear {
  padding-bottom: 0;
  border-bottom: 0;
}
.card__title {
  font-weight: 600;
}
.card__right {
  margin-left: auto;
}
.card__drop {
  padding-left: 15px;
  margin-left: auto;
  font-size: 10px;
}
.card__body {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 22px 0;
}
.card__body > .card__body:last-child {
  padding-bottom: 0;
}
.card__body--full {
  /*height: 100%;*/
  box-sizing: border-box;
}
.card__body--offset-sm {
  padding: 13px 0 11px;
}
.card__body--offset-lg {
  padding: 60px 0;
}
.card__body--offset-md {
  padding: 34px 0 21px;
}
.card__body-bottom {
  margin-top: 22px;
  padding-bottom: 22px;
}
@media (max-width: 959px) {
  .card__body-bottom {
    margin-top: 20px;
    padding-bottom: 20px;
  }
}
.card__line + .card__line {
  margin-top: 36px;
}
.card__input + .card__input {margin-top: 23px;}
.card__caption {
  line-height: 24px;
  font-size: 16px;
  color: #9f9ea2;
  opacity: 0.9;
}
.card__caption--inverse {
  color: #ffffff;
}
.card__footer {
  width: 100%;
  margin-top: auto;
  border-top: 1px solid #e5e5e5;
}
.card__footer--clear {
  border-top: 0;
}
.card__more {
  transition: opacity 0.35s ease-in;
  padding: 31px 0;
  font-weight: bold;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
}

@media (min-width: 960px) {
  .card--modal {
    width: 941px;
    padding: 0 56px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1), 0px 8px 15px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 959px) {
  .card {
    padding: 0 20px;
  }
  .card__head {
    flex-wrap: wrap;
  }
  .card__title {
    font-size: 16px;
  }
  .card__right {
    /*display: none;*/
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }
  .card__body {
    padding: 20px 0;
  }
  /*.card__footer {padding: 21px 0 31px;}*/
  .card--modal {
    max-width: 480px;
  }
}

.card-list {
}
.card-list__section + .card-list__section {
  margin-top: 32px;
}
.card-list__section {
}
.card-list__section--reverse {
}
.card-list__content {
}
.card-list__row {
}
.card-list__item {
}
.card-list__item--lg {
}
.card-list__item--sm {
}
.card-list__line {
  flex-grow: 1;
}
.card-list__line + .card-list__line {
  margin-top: 32px;
}
.card-list__aside {
}
.card-list__aside--stretch {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1440px) {
  .card-list__aside--stretch > .card-list__line {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;

    height: 50%;
  }
}

@media (min-width: 768px) {
  .card-list {
  }
  .card-list__section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .card-list__section--reverse {
    flex-direction: row-reverse;
  }
  .card-list__content {
    flex: none;
    width: 79.0341%;
    padding-right: 31px;
    box-sizing: border-box;
  }
  .card-list__row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -31px;
    margin-bottom: -32px;
  }
  .card-list__item {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-right: 31px;
    padding-bottom: 32px;
    box-sizing: border-box;
  }
  .card-list__item--lg {
    width: 71.2438%;
  }
  .card-list__item--sm {
    width: 33.3334%;
  }
  .card-list__line {
  }
  .card-list__line + .card-list__line {
    margin-top: 32px;
  }
  .card-list__aside {
    flex: none;
    width: 20.966%;
    box-sizing: border-box;
  }
}
@media (max-width: 1439px) and (min-width: 768px) {
  .card-list__content {
    width: 75%;
  }
  .card-list__aside {
    width: 25%;
  }
  .card-list__item--sm {
    width: 50%;
  }
}
@media (min-width: 1280px) {
  .card-list__aside {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1279px) and (min-width: 768px) {
  .card-list__content {
    width: 66.6667%;
  }
  .card-list__aside {
    width: 33.3334%;
  }
}
@media (max-width: 959px) {
  .card-list__item--sm {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .card-list__content {
    margin-bottom: 32px;
  }
  .card-list__content:last-child {
    margin-bottom: 0;
  }
  .card-list__aside {
    margin-bottom: 32px;
  }
  .card-list__aside:last-child {
    margin-bottom: 0;
  }

  .card-list__item + .card-list__item {
    margin-top: 32px;
  }
}

.pay {
}
.pay__row {
}
.pay__main {
}
.pay__aside {
}
.pay__item {
}
.pay__item + .pay__item {
}
@media (min-width: 1440px) {
  .pay {
  }
  .pay__row {
    display: flex;
    flex-wrap: wrap;
  }
  .pay__main {
    display: flex;
    flex-direction: column;
    width: 72.8677%;
    padding-right: 31px;
    box-sizing: border-box;
  }
  .pay__aside {
    width: 27.1324%;
    display: flex;
    flex-direction: column;
  }
  .pay__item {
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
  .pay__item + .pay__item {
    margin-top: 32px;
  }
}

@media (max-width: 1439px) {
  .pay__main {
    margin-bottom: 32px;
  }
}
@media (max-width: 1439px) and (min-width: 960px) {
  .pay__aside {
    margin-right: -31px;
    display: flex;
  }
  .pay__item {
    padding-right: 31px;
    width: 50%;
    box-sizing: border-box;
  }
}
@media (max-width: 959px) {
  .pay__item + .pay__item {
    margin-top: 32px;
  }
}

/* Форма на десктопе всегда в одну строку! */
.line-form {
}
.line-form__body {
}
.line-form__item {
}
.line-form__item--lg {
}
.line-form__item + .line-form__item {
}
.line-form__item--button {
}
@media (min-width: 960px) {
  .line-form {
  }
  .line-form__body {
    display: flex;
    flex: 1 1 auto;
  }
  .line-form__item {
    width: 100%;
  }
  .line-form__item + .line-form__item {
    margin-left: 22px;
  }
  .line-form__item--button {
    flex: none;
    width: 160px;
    margin-top: auto;
  }
}
@media (max-width: 959px) {
  .line-form__item + .line-form__item {
    margin-top: 22px;
  }
}

.pay-card {
}
.pay-card__body {
}
.pay-card__form {
  margin-bottom: 19px;
}
.pay-card__caption {
  max-width: 576px;
  font-weight: 500;
  line-height: 24px;
  font-size: 16px;
  color: #a1a4a7;
}
.pay-card__links {
}

@media (min-width: 960px) {
  .pay-card {
    display: flex;
    flex: 1 1 auto;
  }
  .pay-card__body {
    width: 100%;
    padding-right: 57px;
    box-sizing: border-box;
  }
  .pay-card__links {
    margin: -34px 0 -21px;
    /*padding-top: 12px;*/
    flex: none;
    width: 26.0966%;
    border-left: 1px solid #e5e5e5;
  }
}
@media (max-width: 959px) {
  .pay-card__body {
    margin-bottom: 20px;
  }
  .pay-card__links {
    padding-top: 14px;
    border-top: 1px solid #e5e5e5;
  }
}

.links-panel {
}
.links-panel__item {
}
.links-panel__item + .links-panel__item {
}
.links-panel__link {
}
.links-panel__right .links-panel__item {
}
@media (min-width: 960px) {
  .links-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
  .links-panel__item {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
  .links-panel__item + .links-panel__item {
    border-top: 1px solid #e5e5e5;
  }
  .links-panel__link {
    flex: 1 1 auto;
    padding-left: 23px;
    box-sizing: border-box;
  }
}
@media (max-width: 959px) {
  .links-panel__item + .links-panel__item {
    margin-top: 16px;
  }
  .links-panel__link {
    padding: 6px 0;
  }
}

.info-preview {
}
.info-preview__text {
  margin-bottom: 12px;
  font-weight: 500;
  line-height: 20px;
  font-size: 14px;

  max-width: 375px;
}
.info-preview__links {
}
.info-preview__link {
}
.info-preview__link--full {
}
@media (min-width: 768px) {
  .info-preview__links {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .info-preview__link {
  }
  .info-preview__link--full {
    width: 100%;
  }
  .info-preview__link + .info-preview__link {
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  .info-preview__text {
    margin-bottom: 20px;
  }
  .info-preview__link + .info-preview__link {
    margin-top: 15px;
  }
}

.auth {
}
.auth__body {
  margin-bottom: 35px;
}
.auth__line + .auth__line {
  margin-top: 28px;
}
.auth__footer {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.auth__link {
}
@media (max-width: 959px) {
  .auth__body {
    margin-bottom: 30px;
  }
  .auth__line + .auth__line {
    margin-top: 22px;
  }
}

.clients-info {
}
@media (min-width: 960px) {
  .clients-info--sm .clients-info__inner {
    margin-bottom: -30px;
  }
  .clients-info--sm .clients-info__item {
    padding-bottom: 30px;
  }
}
.clients-info__inner {
}
.clients-info__item {
}
.clients-info__title {
  font-weight: 600;
  margin-bottom: 21px;
}
.clients-info__text {
  color: #a1a4a7;
  margin-bottom: 20px;
}
.clients-info__more {
}
@media (min-width: 960px) {
  .clients-info {
    padding-right: 34px;
  }
  .clients-info__inner {
    display: flex;
    flex-wrap: wrap;
    margin-right: -74px;
    margin-bottom: -59px;
  }
  .clients-info__item {
    width: 33.3333%;
    padding-right: 74px;
    padding-bottom: 59px;
    box-sizing: border-box;
  }
  .clients-info__title {
    font-weight: 600;
    margin-bottom: 21px;
  }
  .clients-info__text {
    margin-bottom: 20px;
  }
  .clients-info__more {
  }
}
@media (max-width: 1439px) and (min-width: 960px) {
  .clients-info__item {
    width: 50%;
  }
}
@media (max-width: 959px) {
  .clients-info__item + .clients-info__item {
    margin-top: 28px;
  }
  .clients-info__title {
    margin-bottom: 5px;
  }
  .clients-info__text {
    margin-bottom: 10px;
  }
}

.modal-picker {
}
.modal-picker__button {
  display: block;
  width: 100%;
  background: #e9e9e9;
}
.modal-picker__button:hover,
.modal-picker__button.is-active {
  background: #ffffff;
}
.modal-picker__modal {
}
@media (min-width: 960px) {
  .modal-picker__button {
    width: 240px;
  }
  .modal-picker__modal {
    padding: 0 32px;
    max-width: 941px;
  }
}

.auth-route {
}
.auth-route__head {
  margin-bottom: 27px;
}
.auth-route__title {
}
.auth-route__form {
  margin-bottom: 30px;
}
.auth-route__form .b-select__picker ul {
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  column-count: 2;
}
.auth-route__form .txt-input__required {
  position: relative;
}
.auth-route__form .b-select__picker li {
  break-inside: avoid;
  /*width: 50%;*/
}
.auth-route__footer {
}

.auth-type {
  font-size: 14px;
  text-align: center;
}
.auth-type__line + .auth-type__line {
  margin-top: 30px;
}
.auth-type__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -24px -30px 0;
}
.auth-type__col {
  width: 50%;
  padding-right: 24px;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.drop-content {
  position: relative;
}
.drop-content.open .drop-content__drop {
  display: block;
}
.drop-content__link {
}
.drop-content__drop {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 15px;
  min-width: 360px;
  padding: 33px 25px;
  background: #ffffff;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1), 0px 8px 15px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  box-sizing: border-box;
  z-index: 1;
  transform-origin: 25px 100%;
  animation: slideIn-y 0.25s cubic-bezier(0.4, 0, 0.1, 1);
}
.drop-content__drop:before {
  content: "";
  position: absolute;
  left: 25px;
  bottom: -8px;
  width: 16px;
  height: 16px;
  background: #ffffff;
  transform: rotate(45deg);
}
.drop-content__drop-inner {
  position: relative;
  animation: slideUp-30 0.25s 0.1s cubic-bezier(0.4, 0, 0.1, 1) backwards,
    fadeIn 0.25s 0.1s cubic-bezier(0.4, 0, 0.1, 1) backwards;
}
.drop-content__drop-inner .list__item--divider:last-child {
  border-bottom: 0;
}
@media (max-width: 1279px) and (min-width: 768px) {
  .drop-content__drop {
    left: auto;
    right: 0;
  }
  .drop-content__drop:before {
    left: auto;
    right: 25px;
  }
}
@media (max-width: 959px) {
  .drop-content__drop {
    padding: 15px 25px;
    min-width: 320px;
  }
}
@media (max-width: 767px) {
  .drop-content__drop {
    width: 280px;
    min-width: 280px;
    left: -22px;
  }
}

.mark {
  font-weight: 600px;
}
.mark__caption {
  font-weight: 600;
}
.mark__value {
  font-weight: 600;
}

.card-grid {
}
.card-grid__section + .card-grid__section {
  margin-top: 66px;
}
.card-grid__head {
  margin-bottom: 33px;
}
.card-grid__title {
  margin-bottom: 15px;
  font-weight: 600;
  text-transform: uppercase;
}
.card-grid__title:last-child {
  margin-bottom: 0;
}
.card-grid__list {
  margin: 0 -40px -40px 0;
}
.card-grid__item {
  max-height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  flex: none;
  width: 33.3334%;
  padding: 0 40px 40px 0;
  box-sizing: border-box;
}
.card-list__aside--grid-item {
  padding: 0 0 40px 0;
}
.card-grid__item--lg {
  width: 39%;
}
.card-grid__item--sm {
  width: 22.2225%;
}
@media (min-width: 648px) {
  .card-grid__list {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 1559px) {
  .card-grid__item--sm {
    width: 33.3334%;
  }
}
@media (max-width: 1279px) {
  .card-grid__item {
    width: 50%;
  }
  .card-grid__item--sm {
    width: 33.3334%;
  }
}
@media (max-width: 959px) {
  .card-grid__list {
    margin: 0 -18px -22px 0;
  }
  .card-grid__item {
    padding: 0 18px 22px 0;
  }
  .card-list__aside--padding {
    padding: 0 0 22px 0;
  }
  .card-grid__item--sm {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .card-grid__item {
    width: 100%;
  }
  .card-grid__item--sm {
    width: 50%;
  }
}
@media (max-width: 647px) {
  .card-grid__item {
    width: 100%;
  }
}

.pay-calculator {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pay-calculator__input {
  max-width: 500px;
  margin-bottom: 13px;
}
.pay-calculator__footer {
  margin-top: auto;
}
.pay-calculator__result {
}
/*.pay-calculator__info {animation: fadeIn .35s ease-in;}
			.pay-calculator__info.is-hide {display: none;}*/
.pay-calculator__total {
  color: #1990fe;
  font-weight: 500;
}
.pay-calculator__caption {
  margin-top: 25px;
  font-size: 14px;
  line-height: 20px;
  color: #9f9ea2;
}
.pay-calculator__right {
  flex: none;
  margin-left: auto;
}
@media (max-width: 1559px) and (min-width: 960px) {
  .pay-calculator__footer {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .pay-calculator__footer {
    display: flex;
    align-items: flex-end;
  }
  .pay-calculator__info {
    padding-right: 30px;
  }
}
@media (max-width: 1439px) {
  .pay-calculator__info {
    margin-bottom: 15px;
  }
  .pay-calculator__caption {
    margin-top: 20px;
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 959px) {
  .pay-calculator__caption {
    margin-top: 15px;
    font-size: 12px;
    line-height: 16px;
  }
  .pay-calculator__info {
    margin-bottom: 20px;
  }
}

.step {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.step__label {
  margin-bottom: 26px;
  display: inline-block;
  padding: 7px 10px;
  background: #ffe079;
  border-radius: 4px;
  font-weight: bold;
  line-height: 19px;
  font-size: 16px;
  text-transform: uppercase;

  color: #42484f;
}
.step__head {
  margin-bottom: 20px;
}
.step__title {
  font-weight: 600;
  line-height: 36px;
}
.step__footer {
  display: flex;
  margin-top: auto;
}
.step__left {
}
.step__right {
  margin-left: auto;
}
.step__caption {
  font-weight: bold;
  line-height: 1;
  font-size: 12px;
  text-transform: uppercase;
  color: #9f9ea2;
}

.faq-list {
}
.faq-list__item {
  border-bottom: 1px solid #dddddd;
}
/*.faq-list__item + .faq-list__item {margin-top: ;}*/

.accordion-link {
  padding: 22px 0 13px;
  display: flex;
  border-bottom: 1px solid #e5e5e5;
}
.accordion-link__title {
}
.accordion-link__icon {
  margin-left: auto;
  padding-left: 15px;
  font-size: 10px;
}

.accordion-body {
  animation: slideDown-30 0.25s 0.1s ease-out backwards,
    fadeIn 0.25s 0.15s ease-out backwards;
}
.accordion-body__inner {
  padding-top: 25px;
  box-sizing: border-box;
  animation: fadeIn 0.35s ease-out;
}
.accordion-body__inner--fill {
  margin-top: 25px;
  background: #f9f9f9;
  padding: 25px 25px 0;
  border-radius: 5px;
}

.accordion-body.collapse {
  display: none;
}
.accordion-body.collapse.in {
  display: block;
}
.accordion-body.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.faq {
  position: relative;
}
.faq__ctrl {
  position: absolute;
  top: 30px;
  right: 0;
}
.faq__question {
  padding: 40px 40px 40px 0;
}

.faq__answer-wrap {
  background: #f3f3f3;
  border-radius: 5px;
}
.faq__answer-wrap.collapse {
  display: none;
}
.faq__answer-wrap.collapse.in {
  display: block;
}
.faq__answer-wrap.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.faq__answer {
  padding: 38px 28px;
  box-sizing: border-box;
  animation: slideDown-30 0.25s 0.1s ease-out backwards,
    fadeIn 0.25s 0.15s ease-out backwards;
}
.faq__text {
  margin-bottom: 25px;
}
.faq__text:last-child {
  margin-bottom: 0px;
}
.faq__subtitle {
  text-transform: none;
}
.faq__vote {
}
.faq__message {
  display: none;
  line-height: 40px;
  white-space: nowrap;
  animation: fadeIn 0.35s ease-out;
}
.faq__vote.is-voted .faq__panel {
  display: none;
}
.faq__vote.is-voted .faq__message {
  display: block;
}
@media (min-width: 960px) {
  .faq__vote {
    display: flex;
    align-items: center;
  }
  .faq__subtitle {
    margin-right: 22px;
  }
}
@media (max-width: 959px) {
  .faq__question {
    padding: 10px 40px 10px 0;
  }
  .faq__answer {
    padding: 22px 19px;
  }
  .faq__text.big,
  .faq__text {
    font-size: 14px;
    line-height: 21px;
  }
  .faq__ctrl {
    top: 4px;
  }

  .faq__vote {
  }
  .faq__subtitle {
    margin-bottom: 13px;
  }
  .faq__panel {
    display: flex;
    flex-wrap: wrap;
  }
  .faq__panel .panel__item {
    margin-right: 13px;
  }
  .faq__panel .panel__item + .panel__item {
    margin-top: 0;
  }
}

.subscribe {
  position: fixed;
  z-index: 2;
  right: 26px;
  bottom: 18px;
}
.subscribe__toggle {
  width: 43px;
  height: 43px;

  font-size: 13px;
  background: #42484f;
  color: #ffffff;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1), 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.subscribe__modal {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 344px;
  padding: 48px 24px 70px;
  background: #ffffff;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1), 0px 8px 15px rgba(0, 0, 0, 0.1);

  transform-origin: 100% 100%;
  animation: zoomIn 0.25s ease-in;
}
.subscribe__modal-inner {
  animation: fadeIn 0.3s 0.2s ease-in backwards;
}
.subscribe__close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 8px;
}
.subscribe__title {
  margin-bottom: 15px;
}
.subscribe__form {
}
.subscribe__form > .is-overlay > .subscribe__field {
  opacity: 0.75;
  pointer-events: none;
}
.subscribe__field {
  display: flex;
}
.subscribe__field + .subscribe__field {
  margin-top: 25px;
}
.subscribe__field .b-select {
  width: 100%;
}
.subscribe__input {
  padding: 0 15px;
  background: #f3f3f3;
  border: 1px solid #e1e1e1;
  box-shadow: inset 0px 0px 3px rgba(80, 80, 80, 0.19);
  border-radius: 4px 0 0 4px;
}
.subscribe__input.is-error {
  border-color: red;
}
.subscribe__submit {
  flex: none;
  border-radius: 0 4px 4px 0;
}
.subscribe__submit:hover {
}
.subscribe-alert {
  margin: 15px 0;
  display: none;
  animation: fadeIn 0.35s ease-in;
}
.subscribe-alert:first-child {
  margin-top: 0;
}
.subscribe-alert:last-child {
  margin-bottom: 0;
}
.subscribe-alert.is-show {
  display: block;
}
.subscribe.is-open .subscribe__toggle {
  animation: fadeOut 0.2s ease-in forwards;
}
.subscribe.is-open .subscribe__modal {
  display: block;
}

.subscribe.is-out .subscribe__toggle {
  animation: fadeIn 0.2s 0.55s ease-in backwards;
}
.subscribe.is-out .subscribe__modal {
  animation: zoomOut 0.25s 0.25s ease-in forwards;
}
.subscribe.is-out .subscribe__modal-inner {
  animation: fadeOut 0.3s ease-in forwards;
}
@media (max-width: 767px) {
  .subscribe {
    right: 14px;
    bottom: 60px;
  }
  .subscribe__modal {
    width: 260px;
    padding: 36px 14px 55px;
  }
}

/*=============*/
/*   АДАПТИВ   */
/*=============*/

@media (max-width: 1899px) {
  h1,
  .h1 {
    font-size: 56px;
    line-height: 56px;
  }
  h3,
  .h3 {
    font-size: 26px;
    line-height: 32px;
  }

  /*.main__plays {margin-bottom: 100px;}*/

  .social__title {
    margin-bottom: 50px;
  }
  .social__item + .social__item {
    margin-top: 40px;
  }

  .tags-menu {
    font-size: 18px;
  }
  .nav-list {
    font-size: 18px;
  }

  .projects__title {
    margin-bottom: 45px;
  }

  .link-list__link + .link-list__link {
    margin-top: 26px;
  }
  .link-list--lg .link-list__link + .link-list__link {
    margin-top: 30px;
  }

  .work-item__item {
    padding: 40px 0;
  }

  .purchase-pin__section + .purchase-pin__section {
    margin-top: 80px;
  }

  .info-table__item + .info-table__item {
    margin-top: 36px;
  }
}
@media (max-width: 1559px) {
  html {
    font-size: 16px;
    line-height: 20px;
  }
  h1,
  .h1 {
  }

  /*h2, .h2 {
		font-size: 42px;
		line-height: 46px;
	}*/

  h3,
  .h3 {
    font-size: 24px;
    line-height: 28px;
  }

  h4,
  .h4 {
    font-size: 14px;
    line-height: 20px;
  }
  h5,
  .h5 {
    line-height: 16px;
    font-size: 12px;
  }

  .big {
    line-height: 22px;
    font-size: 18px;
  }

  .caption {
    font-size: 14px;
  }

  .text-overflow {
    max-height: 60px;
  }
  .big-overflow {
    max-height: 66px;
  }

  .page__header {
    height: 100px;
  }

  .section {
    padding-top: 100px;
    padding-bottom: 50px;
  }
  .section--detail {
    padding-bottom: 0;
  }
  .section--persons {
    padding-bottom: 0;
  }
  .section--persons .section__footer {
    bottom: 50px;
  }

  .header__logo {
    width: 200px;
  }
  /*.header__menu-toggle {margin-left: 6%;}*/

  .news-section__top {
    margin-bottom: 18px;
  }
  .news-section__progress {
    margin-bottom: 22px;
  }

  .news-thumbs__item {
    width: 160px;
  }
  .news-thumb__photo {
    margin-bottom: 16px;
  }

  .social__title {
    margin-bottom: 32px;
  }
  .social__item + .social__item {
    margin-top: 22px;
  }

  .about-slide__title {
    margin-bottom: 28px;
  }
  .about-slide__caption {
    margin-bottom: 34px;
  }

  .footer {
    padding-top: 48px;
    padding-bottom: 56px;
  }
  .footer-menu {
    margin: 0 -30px -20px;
  }
  .footer-menu__item {
    padding: 0 30px 20px;
  }

  .tags-menu {
    font-size: 16px;
  }

  .nav-list {
    font-size: 16px;
  }
  .nav-list__item + .nav-list__item {
    margin-top: 13px;
  }

  .link-block {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .link-block--sm {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .link-block__icon {
    font-size: 16px;
  }

  .personal-work__head {
    margin-bottom: 80px;
  }

  .link-list__link + .link-list__link {
    margin-top: 18px;
  }
  .link-list--lg .link-list__link + .link-list__link {
    margin-top: 25px;
  }

  .work-item__item {
    padding: 30px 0;
  }
  .work-item__icon {
    font-size: 30px;
  }

  .gallery__head {
    margin-bottom: 40px;
  }

  .person-slide {
    padding-bottom: 50px;
  }
  .person-slide__photo {
    width: 40%;
  }

  .plant-face__title {
    margin-bottom: 12px;
  }
  .plant-face__photo {
    width: 65px;
    height: 65px;
  }
  .plant-face__body {
    padding-left: 32px;
  }
  .plant-face__title {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 16px;
  }
  .plant-face__role {
    font-size: 12px;
    line-height: 16px;
  }

  .main-menu__inner {
    min-height: 105px;
  }
  .main-menu__inner:before {
    top: 55px;
    font-size: 105px;
    line-height: 105px;
  }
  .main-menu__submenu {
    padding-top: 25px;
  }

  .submenu__item + .submenu__item {
    margin-top: 15px;
  }

  .tender-num__item {
    font-size: 14px;
  }
  .tender-num__item + .tender-num__item {
    margin-top: 16px;
  }

  .state__icons {
    font-size: 18px;
  }
  .state__icons .icon + .icon {
    margin-left: 15px;
  }

  .date-list__item + .date-list__item {
    margin-top: 14px;
  }

  .purchase-pin__section + .purchase-pin__section {
    margin-top: 60px;
  }

  .info-table__item + .info-table__item {
    margin-top: 32px;
  }

  .info-sm__icon {
    margin-right: 16px;
    font-size: 18px;
  }
  .info-sm__text {
    font-size: 14px;
  }

  .doc__icon {
    margin-right: 16px;
  }
}
@media (max-width: 1439px) {
  h1,
  .h1 {
    font-size: 45px;
    line-height: 45px;
  }
  h2,
  .h2 {
    line-height: 46px;
    font-size: 38px;
  }

  .page__header {
    height: 80px;
  }

  .header {
    padding-top: 18px;
  }
  .header__logo {
    margin-right: 35px;
    width: 140px;
  }
  .header__account {
    padding-left: 15%;
  }

  .logo-svg {
    width: 100%;
  }

  .section__head {
    margin-bottom: 45px;
  }

  .page__bubble {
    max-width: 560px;
  }

  /*.main__plays {margin-bottom: 50px;}*/

  .main-ctrl__thumbs {
    height: 60px;
    margin-bottom: 38px;
  }

  .thumb__photo {
    width: 90px;
    height: 60px;
  }

  .news-section__ctrl {
    width: 520px;
  }
  .news-section__progress {
    margin-bottom: 14px;
  }

  .news-thumb__title {
    line-height: 14px;
    font-size: 12px;
  }

  .footer__inner {
    flex-wrap: wrap;
  }
  .footer__left {
    width: 50%;
  }
  .footer__center {
    width: 50%;
  }
  .footer__right {
    padding-top: 43px;
    width: 100%;
    display: flex;
    align-items: flex-end;
  }
  .footer__social {
    width: 50%;
    margin-bottom: 0;
  }
  .footer__copyright {
    width: 50%;
  }

  .crumbs {
    font-size: 16px;
  }

  .tags-menu {
    font-size: 14px;
  }

  .nav__item + .nav__item {
    padding-left: 40px;
  }

  .nav-list {
    font-size: 14px;
  }
  .nav-list__item + .nav-list__item {
    margin-top: 10px;
  }

  .personal-work__head {
    margin-bottom: 45px;
  }
  .personal-work__title {
    padding-bottom: 35px;
    margin-bottom: 35px;
  }

  .work-item__head {
    padding-bottom: 25px;
  }
  .work-item__title {
    margin-bottom: 22px;
  }
  .work-item__item {
    padding: 25px 0;
  }
  .work-item__icon {
    font-size: 26px;
  }

  .gallery__head {
    padding-right: 35.8345%;
  }
  .gallery__button {
    font-size: 24px;
  }
  .gallery__slider {
    padding-right: 35.8345%;
  }

  .number-bullets__link {
    font-size: 14px;
  }

  .projects__title {
    margin-bottom: 32px;
  }

  .law-list__item + .law-list__item {
    margin-top: 32px;
  }

  .list__item--offset + .list__item--offset {
    margin-top: 32px;
  }

  .b-form__line + .b-form__line {
    margin-top: 32px;
  }
}
@media (max-width: 1365px) {
  h2,
  .h2 {
    line-height: 36px;
    font-size: 30px;
  }
  h4,
  .h4 {
    font-size: 12px;
    line-height: 16px;
  }

  .container {
    padding-left: 3.0747%;
    padding-right: 3.0747%;
  }

  .crumbs {
    font-size: 14px;
  }
  .crumbs__item + .crumbs__item {
    padding-left: 18px;
    margin-left: 12px;
  }
  .crumbs__item + .crumbs__item:before {
    width: 4px;
    height: 4px;
  }

  .nav__item + .nav__item {
    padding-left: 30px;
  }

  .link-block__icon {
    font-size: 13px;
  }

  .link-list__link + .link-list__link {
    margin-top: 14px;
  }

  .slider-ctrl__button {
    font-size: 18px;
  }
}

@media (max-width: 1279px) {
  h1,
  .h1 {
    font-size: 42px;
    line-height: 44px;
  }
  h2,
  .h2 {
    line-height: 40px;
    font-size: 36px;
  }
  h3,
  .h3 {
    font-size: 22px;
    line-height: 26px;
  }

  .section__caption {
    font-size: 20px;
    line-height: 24px;
  }

  .table-response {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
  }

  .editor .list-head:before {
    top: 0.3em;
  }

  .b-select__picker.btn-group .dropdown-menu {
    top: 100%;
    left: 0;
    width: 320px;
    margin: 0;
    margin-left: 0;
    margin-top: 17px;
  }

  .section {
    padding-top: 80px;
  }
  .section__head--page .section__title {
    padding-top: 62px;
  }
  .section__head--page .section__crumbs + .section__nav {
    padding-top: 62px;
  }
  .section__content-inner {
    width: auto;
  }

  .page__header {
    height: 80px;
  }
  .page__section--detail {
    height: auto;
  }

  .header {
    padding-top: 14px;
  }
  .header__logo {
    width: 145px;
  }
  .header__search {
    margin-left: auto;
  }
  .header__account {
    padding-left: 4.5%;
  }

  .logo-svg {
    /*height: auto;*/
    width: 100%;
  }

  .menu-button__icon {
    width: 28px;
  }

  .news-section__title {
    margin-bottom: 0px;
  }
  .news-section__thumbs {
    display: none;
  }
  .news-section__ctrl {
    display: none;
  }
  .news-section__progress {
  }
  .news-section__social {
    display: none;
  }

  .about-slide__head {
    width: 50%;
  }
  .about-slide__info {
    width: 50%;
  }
  .about-slide__top {
    width: 100%;
  }

  .footer-menu__item {
    padding-bottom: 15px;
  }
  .footer-contact__line + .footer-contact__line {
    margin-top: 25px;
  }

  .nav {
    position: relative;
    height: 42px;
    overflow: hidden;
  }
  .nav__list {
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    margin-right: 0;
    padding-bottom: 25px;
    margin-bottom: -25px;
  }
  .nav__list::-webkit-scrollbar {
    display: none;
  }
  .nav__item {
  }
  .nav__link {
  }

  .link-block {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .link-block--sm {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .projects__title {
    margin-bottom: 24px;
  }
  .projects__item + .projects__item {
    margin-top: 75px;
  }

  .link-list--lg .link-list__link + .link-list__link {
    margin-top: 18px;
  }

  .personal-work__section + .personal-work__section {
    margin-top: 80px;
  }

  .plant-face {
    align-items: center;
  }

  .person-slide__photo {
    max-width: 530px;
    width: 55%;
    -webkit-transform: translate(-25%, 0);
    -moz-transform: translate(-25%, 0);
    transform: translate(-25%, 0);
  }
  .person-slide__head {
    margin-top: 10%;
    width: 35%;
  }

  .news-list__head {
    margin-bottom: 28px;
    padding-bottom: 8px;
  }

  .news-card--line .news-card__photo {
    margin-left: 20px;
  }

  .news-tags__item {
    margin-right: 12px;
  }
  .news-tags__link {
    font-size: 12px;
  }

  .stat__inner {
    flex-wrap: wrap;
    margin-bottom: -40px;
  }
  .stat__item {
    width: 50%;
    padding-bottom: 40px;
  }
  .stat__title {
    margin-bottom: 21px;
  }

  .law-list__item + .law-list__item {
    margin-top: 24px;
  }

  .list__item--offset + .list__item--offset {
    margin-top: 24px;
  }

  .doc__title {
    line-height: 14px;
    font-size: 12px;
  }

  .info-table__item + .info-table__item {
    margin-top: 26px;
  }
  .info-table__label {
    width: 180px;
  }
}

@media (max-width: 1220px) {
  .header__menu {
    display: none;
  }
}

@media (max-width: 1279px) and (min-width: 960px) and (min-height: 1280px) {
  .person-slide__photo {
    width: 85%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@media (max-width: 959px) {
  html {
    line-height: 21px;
  }
  h1,
  .h1 {
    font-size: 30px;
    line-height: 30px;
  }
  h2,
  .h2 {
    font-size: 20px;
    line-height: 25px;
  }
  h3,
  .h3 {
    font-size: 17px;
    line-height: 25px;
  }
  h4,
  .h4 {
    font-size: 14px;
    line-height: 17px;
  }
  h5,
  .h5 {
    font-size: 13px;
    line-height: 19px;
  }

  .small {
    font-size: 14px;
    line-height: 18px;
  }
  .hide-m {
    display: none !important;
  }

  .editor .list-head {
    padding-bottom: 11px;
    margin-bottom: 16px;
  }

  .button-icon {
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 12px;
  }

  .container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .caption {
    line-height: 21px;
    font-size: 14px;
  }

  .text-overflow {
    max-height: 63px;
  }

  .link-block__text {
    line-height: 1.45;
  }

  .link--marker:before {
    border: 2px solid;
  }
  /*.link--card {
		padding: 0;
		font-size: 12px;
	}*/

  .icon--fab {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
  }

  .button--main .button__icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .grid__aside {
    margin-bottom: 23px;
  }
  .grid__content {
    margin-bottom: 23px;
  }
  .grid__content:last-child {
    margin-bottom: 0;
  }
  .grid__section--reverse-mobile .grid__content {
    margin-bottom: 23px;
  }
  .grid__section--reverse-mobile .grid__aside {
    margin-bottom: 0;
  }
  .grid__head {
    margin-bottom: 21px;
  }
  .grid__head--article {
    margin-bottom: 45px;
  }

  .page__header {
    position: fixed;
    /*background: #070506;*/
    height: 58px;
  }
  .page__header--inverse {
    background-color: #f3f3f3;
  }
  /* .page__section {
    overflow: hidden;
  } */
  .page__section--visible {
    overflow: visible;
  }
  .page__section--special {
    height: auto;
  }

  .section {
    padding-top: 68px;
    padding-bottom: 30px;
  }
  .page-section__title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }

  .page-section__title > * {
    flex-shrink: 0;
  }
  .tariffs-city-picker--clone {
    margin-left: 40px;
    flex: 0 1 300px;
  }
  .tariffs-city-picker--clone .b-select__picker.btn-group .dropdown-menu:not(.inner) {
    position: absolute;
  }
  .section__head {
    margin-bottom: 20px;
  }
  /*.section__head--page {padding-top: 52px;}*/
  .section__head--page {
    margin-bottom: 55px;
  }
  .section__head--page:last-child {
    margin-bottom: 0;
  }
  .section__head--page .section__title {
    padding-top: 52px;
  }
  .section__head--page .section__crumbs + .section__nav {
    padding-top: 52px;
  }
  .section__aside {
    margin-bottom: 35px;
  }
  .section__content {
    margin-bottom: 35px;
  }
  .section__aside:last-child {
    margin-bottom: 0;
  }
  .section__content:last-child {
    margin-bottom: 0;
  }
  .section__top {
    margin-bottom: 26px;
  }
  .section__aside > .section__content {
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }
  .section__footer--inside {
    margin-top: 25px;
  }
  .section--detail {
    padding-bottom: 0;
  }

  .slider-ctrl__bullets {
    width: 100%;
    overflow: hidden;
  }
  .slider-ctrl__more {
    margin-bottom: 21px;
  }

  .header {
    padding-top: 0;
    align-items: center;
  }
  .header__logo {
    margin-left: 73px;
    width: 63px;
    margin-right: auto;
  }
  .header__right {
    width: auto;
  }
  .header__search {
    margin-right: 15px;
  }
  .header__account {
    margin-right: -12px;
    padding: 0;
  }
  .header__menu-toggle {
    position: absolute;
    left: 18px;
    padding: 0;
    margin-left: -5px;
    margin-top: 0;
  }
  .header--reverse {
    flex-direction: row-reverse;
  }
  .header--reverse .header__menu-toggle {
    margin-right: 0;
  }

  .main__top {
    display: none;
  }
  .main__viewer {
    display: none;
  }

  .main__inner {
    flex-direction: column-reverse;
  }
  .main__plays {
    margin: auto 0;
  }
  .main__left {
    position: absolute;
    left: 0;
    right: 0;
  }

  .about-slider {
    height: auto;
  }

  .about-slide {
    height: auto;
  }
  .about-slide__head {
    width: auto;
    margin-bottom: 40px;
  }
  .about-slide__more {
    margin-bottom: 24px;
  }
  .about-slide__info {
    width: auto;
  }
  .about-slide__bg {
    display: none;
  }
  .about-slide__center {
    margin-bottom: 32px;
  }

  .slider-ctrl__button {
    font-size: 14px;
  }

  .number-bullets__light {
    border-width: 2px;
  }
  .number-bullets__link {
    font-size: 13px;
  }

  .links__item + .links__item {
    margin-top: 18px;
  }

  .footer {
    overflow: hidden;
  }
  .footer__left {
    width: 100%;
    margin-bottom: 58px;
  }
  .footer__center {
    width: 100%;
    margin-bottom: 58px;
  }
  .footer__right {
    display: block;
    width: 100%;
    padding-top: 0;
  }
  .footer__copyright {
    width: auto;
  }
  .footer__social {
    width: auto;
  }

  .social--line .social__list {
    flex-wrap: wrap;
  }
  .social--line .social__item + .social__item {
    margin: 0;
  }
  .social--line .social__item {
    width: auto;
    padding-right: 41px;
    padding-bottom: 17px;
    margin-right: 0;
  }

  .tabs {
    overflow: hidden;
  }
  .tabs__item {
    white-space: nowrap;
  }

  .tags-menu {
    font-size: 16px;
    line-height: 24px;
  }
  .tags-menu__link {
    padding: 3px 0;
  }

  .nav__item + .nav__item {
    padding-left: 25px;
  }

  .detail-head {
    max-width: 640px;
  }
  .detail-head__title {
    margin-bottom: 25px;
  }

  .projects__caption {
    margin-bottom: 23px;
  }
  .projects__item + .projects__item {
    margin-top: 39px;
  }
  .projects__title {
    margin-bottom: 17px;
  }

  .link-block {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .link-block__icon {
    font-size: 14px;
  }

  .link-list--lg .link-list__link + .link-list__link {
    margin-top: 10px;
  }

  .personal-work__section + .personal-work__section {
    margin-top: 55px;
  }
  .personal-work__title {
    padding-bottom: 22px;
    margin-bottom: 9px;
  }
  .personal-work__item + .personal-work__item {
    margin-top: 47px;
  }

  .work-item__title {
    margin-bottom: 16px;
  }
  .work-item__item {
    padding: 14px 0;
  }
  .work-item__icon {
    margin-right: 11px;
    font-size: 18px;
  }

  .gallery__head {
    margin-bottom: 18px;
  }
  .gallery__button {
    font-size: 14px;
  }
  .gallery__button + .gallery__button {
    margin-left: 0;
  }

  .person-slide {
    padding-bottom: 30px;
  }
  .person-slide__head {
    width: auto;
    margin: 0;
  }
  .person-slide__title {
    margin-bottom: 10px;
  }
  .person-slide__caption {
    margin-bottom: 15px;
  }
  .person-slide__photo {
    margin: 0 auto 15px;
    position: static;
    width: 80%;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }

  .plant-slider {
    padding: 0 18px;
  }
  .plant-slider__preview {
    display: none;
  }
  .plant-slider__ctrl {
    position: static;
    width: 100%;
    max-width: 340px;
  }
  .plant-slider__head {
    padding: 12px 16px 20px;
  }
  .plant-slider__title {
    font-weight: 400;
  }
  .plant-slider__map .link__text {
    font-size: 10px;
    line-height: 16px;
  }

  .persons-slider__ctrl {
    position: static;
    width: 100%;
    max-width: 340px;
  }

  .person-detail__body.container {
    padding: 0;
  }
  .person-detail__photo {
    margin: 0 auto 34px;
    max-width: 642px;
  }

  .person-card {
    padding: 12% 0 15%;
  }

  .news-list__title {
    margin-bottom: 10px;
  }
  .news-list__tags {
    margin-left: 0;
  }

  .news-tags {
    flex-wrap: wrap;
  }

  .news-card--line .news-card__photo {
    margin-left: 0;
  }

  .section-news__content {
    margin-bottom: 35px;
  }

  .company-item__more {
    max-width: none;
  }

  .history__content {
    margin-bottom: 45px;
    padding: 0;
  }
  .history__photo + .history__photo {
    margin-top: 35px;
  }
  .history__image + .history__image {
    margin-top: 35px;
  }

  .about__section + .about__section {
    margin-top: 64px;
  }
  .about__subtitle {
    margin-bottom: 52px;
  }

  .style-list__inner {
    margin: 0 -18px -5.9108%;
  }
  .style-list__item {
    padding: 0 18px 5.9108%;
  }

  .manual-list__item + .manual-list__item {
    margin-top: 47px;
  }
  .manual-list .icon {
    margin-right: 0;
    font-size: 28px;
  }

  .law-list__item + .law-list__item {
    margin-top: 0px;
  }

  .list__item--offset + .list__item--offset {
    margin-top: 0px;
  }

  .paginator__button {
    width: 34px;
    height: 34px;
    line-height: 34px;
  }

  .law-banner {
    padding: 20px 17px;
  }

  .panel__item + .panel__item {
    margin-top: 25px;
  }

  .docs-list__item + .docs-list__item {
    padding: 15px 0;
  }

  .docs__inner {
    flex-wrap: wrap;
  }
  .docs__icon {
    width: 25px;
    margin-right: 10px;
  }
  .docs__body {
    padding-top: 15px;
  }
  .docs__body:first-child {
    padding-top: 0;
  }

  .catalog__filter {
    margin-bottom: 0;
  }

  .tender-num__item + .tender-num__item {
    margin-top: 5px;
  }

  .state {
    display: flex;
    align-items: center;
  }
  .state__label {
    margin-right: 14px;
  }
  .state__icons {
    font-size: 16px;
  }
  .state__icons .icon + .icon {
    margin-left: 5px;
  }

  .state-label {
    width: auto;
    padding: 0 14px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
  }

  .date-list__item + .date-list__item {
    margin-top: 5px;
  }

  .filter__line + .filter__line {
    margin-top: 25px;
  }

  .chips__button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    padding-top: 13px;
    padding-bottom: 13px;
    /*min-height: 42px;*/
    white-space: normal;
    line-height: 14px;
    /*font-size: 14px;*/
  }
  .chips__icon {
    line-height: 32px;
  }

  .b-select__picker.btn-group .dropdown-menu {
    width: 100%;
    position: static;
    margin: 15px 0 0;
  }
  .b-select--simple .b-select__picker.btn-group .dropdown-menu {
    position: absolute;
  }
  .b-select--simple .b-select__picker.btn-group .dropdown-menu.inner {
    position: static;
  }

  .purchase-pin__section + .purchase-pin__section {
    margin-top: 21px;
  }
  .purchase-pin__section {
    max-width: 480px;
  }
  .purchase-pin__title {
    margin-bottom: 12px;
  }

  /*.info-table__item + .info-table__item {margin-top: 0;}*/
  .info-table__item {
    display: block;
  }
  .info-table__label {
    width: auto;
    margin-bottom: 8px;
  }

  .b-form {
    padding-bottom: 35px;
  }
  .b-form__line + .b-form__line {
    margin-top: 24px;
  }
  .b-form__check {
    margin-bottom: 35px;
  }
  .b-form__ctrl {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .b-form__ctrl--inline {
    position: relative;
  }
  .b-form__button {
    width: 100%;
    background: #ffe079;
    border-radius: 0;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .b-form__button.is-disable,
  .b-form__button:disabled {
    background: #ffe9a1;
    color: #8d8e88;
    pointer-events: none;
  }

  .pay-card__caption {
    font-weight: 500;
    line-height: 21px;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .style-list__item {
    width: 100%;
  }

  .plant-slider__img {
    padding-top: 80.2817%;
  }

  .stat__icon {
    font-size: 32px;
  }
  .stat__text {
    font-size: 22px;
    line-height: 22px;
  }
}

@media (max-width: 648px) {
  .news-section__top {
    margin-bottom: 12px;
  }
  .news-section__progress {
    margin-bottom: 18px;
  }

  .stat__item {
    width: 100%;
    padding-right: 0;
  }
  .stat__title {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) {
  select,
  textarea,
  input {
    font-size: 16px;
  }
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
  }
}

a.disabled {
  cursor: not-allowed;
  background: #e9e9e9 !important;
}

.tender-table .js-hiddenBody .js-slideToggle {
  display: none;
}
.tender-table .js-hiddenBody td.js-hiddenTd {
  padding: 0 !important;
}
.tender-table .js-hiddenBody tr {
  border-bottom: 0;
}
.tender-table .js-hiddenBody.is-open tr {
  border-bottom: 1px solid #f4f4f5;
}
.tender-table td {
  transition: padding 0.25s ease;
}
.tender-table tr.js-showMoreTarif {
  border-bottom: 0;
}
.js-showMoreTarif .button {
  width: auto;
}

.docs-list__item + h3 {
  margin-top: 40px;
}

.h3.small-text {
  font-size: 16px;
  line-height: 18px;
}

.notice-list-sm {
}
.notice-list-sm__item + .notice-list-sm__item {
  margin-top: 29px;
}

.notice-preview {
  display: block;
  transition: opacity 0.25s ease-in;
}
.notice-preview__date {
  opacity: 0.4;
  line-height: 1.71;
  margin-bottom: 9px;
}
.notice-preview__text {
  line-height: 1.5;
  opacity: 0.9;
}
.notice-preview:hover {
  opacity: 0.6;
}

.notificate-list {
  position: relative;
  max-width: 880px;
}
.notificate-list.is-overlay {
  user-select: none;
  pointer-events: none;
}
.notificate-list.is-overlay:after {
  display: block;
}
.notificate-list:after {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(243, 243, 243, 0.75);

  animation: fadeIn 0.4s ease-in;
}
.notificate-list__inner {
  margin-bottom: 49px;
}
.notificate-list__inner:last-child {
  margin-bottom: 0;
}
.notificate-list__item + .notificate-list__item {
  margin-top: 80px;
}
@media (max-width: 1499px) {
  .notificate-list__item + .notificate-list__item {
    margin-top: 60px;
  }
}

.notificate-card {
  position: relative;
  padding-bottom: 33px;
  border-bottom: 2px solid #42484f;
}
.notificate-card__title {
  padding-right: 134px;
  line-height: 1.375;
  text-transform: uppercase;
}
.notificate-card__body {
}
.notificate-card__text {
  max-height: 0;
  will-change: height;
  transition: height 0.35s ease-in;
  overflow: hidden;
}
.notificate-card__text.is-init {
  max-height: none !important;
}
.notificate-card__text-inner {
  padding-top: 23px;
  line-height: 1.4;
}
.notificate-card__ctrl {
  position: absolute;
  top: 0;
  right: 0;
  transition: transform 0.35s ease-out;
}
.notificate-card__ctrl.is-open {
  transform: rotate(45deg);
}
.notificate-card__info {
}

.notificate-card--annonce .notificate-card__title {
  padding-right: 0;
  margin-bottom: 23px;
}
.notificate-card--annonce .notificate-card__body {
  position: relative;
  padding-right: 134px;
  margin-bottom: 48px;
}
.notificate-card--annonce .notificate-card__text {
  max-height: 56px;
}
.notificate-card--annonce .notificate-card__text-inner {
  padding-top: 0;
}

@media (max-width: 1559px) {
  .notificate-card--annonce .notificate-card__body {
    margin-bottom: 42px;
  }
  .notificate-card--annonce .notificate-card__text {
    max-height: 50px;
  }
}
@media (max-width: 1279px) {
  .notificate-card {
    padding-bottom: 23px;
  }
  .notificate-card--annonce .notificate-card__body {
    margin-bottom: 28px;
    padding-right: 64px;
  }
}
@media (max-width: 959px) {
  .notificate-card {
    padding-bottom: 13px;
  }
  .notificate-card__title {
    padding-right: 44px;
  }
  .notificate-card__text-inner {
    font-size: 16px;
  }

  .notificate-card--annonce .notificate-card__title {
    margin-bottom: 15px;
  }
  .notificate-card--annonce .notificate-card__body {
    padding-right: 44px;
  }
  .notificate-card--annonce .notificate-card__text {
    max-height: 44px;
  }
}

/* Cookies agreement */

.cookie-banner {
  position: fixed;
  z-index: 150;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  max-width: 570px;
  background-color: #f5f5f5;
  padding: 14px;
  padding-bottom: 38px;
  text-align: center;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.cookie-banner:not(.cookie-banner--visible) {
  opacity: 0;
  visibility: hidden;
}

.cookie-banner__close {
  background-color: transparent;
  border: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin-left: auto;
}

.cookie-banner__text {
  padding: 0 35px;
}

@media screen and (max-width: 767px) {
  .cookie-banner {
    bottom: auto;
    top: 0;
    left: 0;
    transform: none;
    max-width: 100%;
    padding: 20px;
    width: auto;
  }

  .cookie-banner__text {
    padding: 0;
  }

  .cookie-banner__close {
    width: 34px;
    height: 34px;
    padding: 5px;
    position: relative;
    right: -5px;
  }
}

.advert-block {
  margin-bottom: 32px;
}

.message-banner {
  background: #f3f3f3;
  padding: 30px 33px 38px;
  border-radius: 8px;
}
.message-banner__title {
  margin-bottom: 24px;
  font-weight: 600;
}
.message-banner__item + .message-banner__item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #dddddd;
}
@media (max-width: 1499px) {
  .message-banner {
    padding: 28px 22px 36px;
  }
}
@media (max-width: 959px) {
  .message-banner {
    padding: 20px 17px;
  }
  .message-banner__title {
    margin-bottom: 18px;
  }
  .message-banner__item + .message-banner__item {
    margin-top: 14px;
    padding-top: 14px;
  }
}

.bots-list {
}
.bots-list__inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -17px -17px 0;
}
.bots-list__item {
  padding: 0 17px 17px 0;
  width: 16.6667%;
  box-sizing: border-box;
}
@media (max-width: 1279px) {
  .bots-list__item {
    width: 25%;
  }
}
@media (max-width: 768px) {
  .bots-list__item {
    width: 16.6667%;
    min-width: 136px;
  }
  .bots-list__inner {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.bot-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 15px 12px;
  background: #f3f3f3;
  border-radius: 8px;
  text-align: center;
  box-sizing: border-box;
}
.bot-card__icon {
  width: 30px;
  height: 30px;
  margin: 0 auto 7px;
}
.bot-card__title {
  margin-bottom: 19px;
  font-size: 12px;
}
.bot-card__qr {
  max-width: 80px;
  margin: 0 auto 29px;
  padding: 4px;
  background: #ffffff;
  border-radius: 4px;
}
.bot-card__ctrl {
  margin-top: auto;
}
.bot-card__ctrl > .button {
  display: flex;
  align-items: center;
  white-space: normal;
  line-height: 1.1;
}

.simple-bot-list {
  padding: 12% 0 5%;
  max-width: 960px;
  margin: 0 auto;
}
.simple-bot-list__title {
  text-align: center;
  margin-bottom: 63px;
  font-weight: 600;
}
.simple-bot-list__inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px -40px;
}
.simple-bot-list__item {
  display: block;
  width: 33.3334%;
  padding: 0 20px 40px;
  box-sizing: border-box;
  text-align: center;
}
.simple-bot-list__icon {
  margin-bottom: 22px;
}
.simple-bot-list__caption {
}
@media (max-width: 959px) {
  .simple-bot-list {
    padding: 80px 0 0;
  }
  .simple-bot-list__title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 40px;
  }
  .simple-bot-list__caption {
    font-size: 14px;
  }
}
@media (max-width: 579px) {
  .simple-bot-list__item {
    width: 50%;
  }
}

.help-section {
  display: block;
}
.help-section__desc {
}
.help-section__mobile {
}
@media (min-width: 960px) {
  .help-section__mobile {
    display: none;
  }
}
@media (max-width: 959px) {
  .help-section__desc {
    display: none;
  }
}

/* New ecology */

.content-narrow {
  width: 75%;
}

@media (max-width: 576px) {
  .content-narrow {
    width: 100%;
  } 

  .page-section__title {
    display: block;
  }

  .tariffs-city-picker--clone {
    margin-left: 0;
    margin-top: 30px;
  }
}

@media (min-width: 960px) {
  .tariffs-city-picker--clone {
    display: none;
  }
}

.ecology-grid__content {
  padding-top: calc(6.09vw + 42px);
  padding-bottom: 53px;
}

.ecology-grid {
  position: relative;
}

.ecology-grid::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  background-color: #f3f3f3;
}

.ecology-grid.loading::after {
  visibility: visible;
  opacity: 0.8;
}

.ecology-grid__aside {
  z-index: 1;
}

.ecology-grid__aside.is-stick {
  padding-left: 4.1667%;
}

@media (max-width: 1440px) {
  .ecology-grid__content {
    padding-top: calc(5.5vw + 42px);
  }
}

@media (max-width: 1365px) {
  .ecology-grid__aside.is-stick {
    padding-left: 3.0747%;
  }
}

@media (max-width: 767px) {
  .ecology-grid__content {
    padding-top: 20px;
  }
}

.content-selectpicker {
  margin-bottom: 6.09vw;
  max-width: 235px;
  min-height: 42px;
}

@media (max-width: 1680px) {
  .content-selectpicker {
    margin-bottom: 4vw;
  }
}

.ecology-row {
  display: flex;
}

@media (max-width: 767px) {
  .ecology-row {
    display: block;
  }
}

.ecology-row--first {
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  .ecology-row--first {
    margin-bottom: 51px;
  }
}

.ecology-row .content-figure-container {
  padding-right: 6.5vw;
}

@media (min-width: 2100px) {
  .ecology-row .content-figure-container {
    padding-right: 10.5vw;
  }
}

@media (max-width: 1680px) {
  .ecology-row .content-figure-container {
    padding-right: 0;
  }
}

.content-figure {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.content-description {
  margin-top: 25px;
}

.ecology-row__left {
  width: calc(50% - 6.5vw);
}

.ecology-row__right {
  width: calc(50% + 6.5vw);
}

@media (max-width: 767px) {
  .ecology-row__left {
    width: 100%;
    margin-bottom: 40px;
  }

  .ecology-row__right {
    width: 100%;
  }
}

@media (min-width: 2100px) {
  .ecology-row__left {
    width: calc(50% - 72px);
  }

  .ecology-row__right {
    width: calc(50% + 72px);
  }
}

.content-reports {
  margin-top: 58px;
  margin-bottom: 87px;
}

@media (max-width: 767px) {
  .content-reports {
    margin-top: 31px;
    margin-bottom: 41px;
  }
}

.content-reports__text {
  margin-bottom: 1.5em;
  font-weight: 700;
}

.content-reports-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #456696;
}

.content-reports-list__item:not(:last-child) {
  margin-right: 35px;
}

.ecology-map-container {
  position: relative;
  min-height: 200px;
}

@media (max-width: 959px) {
  .ecology-map-container {
    padding-right: 30px;
  }
}

.ecology-map__title {
  margin-bottom: 62px;
}

@media (max-width: 767px) {
  .ecology-map__title {
    margin-bottom: 40px;
  }
}

.ecology-map circle {
  fill: #456696;
  transition: fill 0.2s ease;
}

.ecology-map text {
  font-size: 24px;
}

.ecology-map__button {
  border: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #456696;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.2s ease, opacity 0.2s ease;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
}

.ecology-map__button:focus {
  outline: 0;
}

.ecology-map__button:not(.active):hover {
  opacity: 0.8;
}

.ecology-map__button.active {
  background-color: #f2677a;
}

.ecology-text-block {
  padding-top: 5.57vw;
}

.ecology-text-block.editor h3 {
  font-size: 24px;
}

.content-reports-container {
  margin-bottom: 87px;
}
.content-reports-container p + p {
  margin-top: 1em;
}

@media(max-width: 579px){
	.simple-bot-list__item {width: 50%;}
}

.help-section {display: block;}
.help-section__desc {}
.help-section__mobile {}
@media(min-width: 960px){
.help-section__mobile {display: none;}
}

/* Header buttons */

.btn {
	text-transform: none;
	display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .75rem 1rem;
    font-size: .875rem;
    line-height: 1.1;
    border-radius: .5rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-weight: 400;
    font-size: 14px;
    overflow: hidden;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn:focus:not(.focus-visible) {
	box-shadow: none !important;
}

.btn [data-hover] {
	position: relative;
	display: inline-block;
	transition: transform 0.2s ease-out;
}

.btn [data-hover]::before {
	position: absolute;
	top: calc(100% + 1.5rem);
	content: attr(data-hover);
	transform: none;
}

@media screen and (max-width: 1024px) {
	.btn [data-hover]::before {
		display: none;
	}
}

@media screen and (max-width: 1366px) {
	.btn {
		padding: 0.5rem 0.75rem;
	}
}

@media (pointer: fine), (min-width: 1025px) {
	.btn:hover [data-hover]/* , .btn:focus [data-hover] */ {
		transition: transform 0.25s ease-out;
		transform: translateY(calc(-1 * (100% + 1.5rem)));
	}
}

.header__button,
.header__button.btn {
	color: currentColor;
	border-color: currentColor;
}

.header__button:hover,
.header__button.btn:hover,
/* .header__button:focus, */
/* .header__button.btn:focus, */
.header__button:active,
.header__button.btn:active {
	color: #121a24;
	background-color: #fff;
}

.page__header.page__header--inverse .header__button:hover,
.page__header.page__header--inverse .header__button.btn:hover,
/* .page__header.page__header--inverse .header__button:focus, */
/* .page__header.page__header--inverse .header__button.btn:focus, */
.page__header.page__header--inverse .header__button:active,
.page__header.page__header--inverse .header__button.btn:active {
	color: #fff;
	background-color: #121a24;
}

.header__button:focus,
.header__button.btn:focus {
	outline: 0;
}

@media screen and (max-width: 1366px) {
	.header__button,
	.header__button.btn {
		font-size: 12px;
	}
}

@media screen and (max-width: 767px) {
	.header__button,
	.header__button.btn {
		border: 0;
	}

	.header__button:hover,
	.header__button.btn:hover, 
	.header__button:focus,
	.header__button.btn:focus, 
	.header__button:active,
	.header__button.btn:active {
		background-color: transparent !important;
	} 
}

@media screen and (max-width: 576px) {
	.header__button,
	.header__button.btn {
		font-size: 10px;
	}
}

.header__button:not(:last-child) {
	margin-right: 37px;	
}

@media screen and (max-width: 1600px) {
	.header__button:not(:last-child) {
		margin-right: 27px;
	}
}

@media screen and (max-width: 1366px) {
	.header__button:not(:last-child) {
		margin-right: 17px;
	}
}

@media screen and (max-width: 767px) {
	.header__button:not(:last-child) {
		margin-right: 5px;
	}

	.header__button-text {
        display: none !important;
    }
}

.header__button-icon svg [fill] {
	fill: currentColor;
}

@media screen and (min-width: 768px) {
	.header__button-icon {
        display: none;
    }
}

._header__menu-toggle {
	margin-left: 9.32vw;
}

@supports (display: contents) {
	@media (max-width: 767px) {
		._header__menu-toggle {
			margin-left: 0 !important;
			order: -1;
		}
	}
}

@media (max-width: 1750px) {
	._header__menu-toggle {
		margin-left: 5vw;
	}
}

.header-search-btn {
	margin-right: 35px;
	font-size: 30px;
}

@media (max-width: 1440px) {
	.header-search-btn {
		font-size: 25px;
	}
}

@media (max-width: 959px) {
	.header-search-btn {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.header-search-btn {
		margin-right: 10px;
	}
}

.header__buttons {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

@media (min-width: 1200px) and (max-width: 1365px) {
	.header-sgkonline-link {
		display: none;
	}
}

@media (max-width: 767px) {
	.header__buttons {
		margin-right: -15px;
	}

	.header-sgkonline-link {
		display: none;
	}
}


.form-links {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px -10px 0;

  font-weight: 500;
  font-size: 13px;
  line-height: 13px;
}
  .form-links__item {
    padding: 0 20px 10px 0;
  }
    .form-links__item .link__icon {color: #1990FE;}


.file-loader {}
  .file-loader__link {cursor: pointer;}
  .file-loader__input {
  	position: absolute;
  	width: 0;
  	height: 0;
  	left: -9999px;
  }


.file-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px -20px 0;
}
	.file-list__item {
		min-width: 50%;
		padding: 0 20px 20px 0;
		box-sizing: border-box;
	}

.file-view {
	display: flex;
}
	.file-view__icon {
		font-size: 14px;
		margin-right: 8px;
	}
	.file-view__body {}
		.file-view__title {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
	.file-view__remove {
		margin-left: 10px;
		font-size: 11px;
	}


.dropdown {position: relative;}
  .dropdown.open > .drop-menu {display: block;}


.drop-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 10px;
  padding: 20px 18px;
  min-width: 240px;
  color: #ffffff;
  background: #42484f;
  border-radius: 6px;
  box-sizing: border-box;
  z-index: 3;
  transform-origin: 50% 0;
  animation: zoomInY .15s ease-in;
}
  .drop-menu__inner {animation: fadeIn .15s .08s ease-in backwards;}
    .drop-menu__item + .drop-menu__item {}
      .drop-menu__link {
        display: block;
        padding: 8px 13px;
        font-size: 14px;
        line-height: 17px;
        font-weight: bold;
        color: #f3f3f3;
      }
@media(min-width: 1280px){
  .drop-menu__link {transition: background .25s ease-in;}
  .drop-menu__link:hover {background: rgba(0, 0, 0, 0.24);}
}


.idea-form {
  max-width: 800px;
  margin: 0 auto;
}
  .idea-form__item + .idea-form__item {margin-top: 30px;}
  .idea-form__submit {margin-top: 60px;}
  .idea-form .txt-input__label,
  .idea-form .b-select__label {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
  }
   .idea-form .input::placeholder {
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      color: #9F9EA2;
   }
   .idea-form .txt-input__textarea {
      padding: 10px 15px;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
   }
   .idea-form .b-select__picker > .dropdown-toggle {
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      color: #9F9EA2;
      background: #f3f3f3;
    }
    .idea-form .card__body {padding-bottom: 30px;}
    .idea-form .file-list {margin-top: 20px;}
    .idea-form .file-loader .link__icon {margin-left: 0;}
@media(min-width: 768px){
  .idea-form .txt-input__textarea._sm {height: auto;}
  .idea-form__submit {max-width: 220px;}
}
@media(max-width: 767px){
  .idea-form .txt-input__label,
  .idea-form .b-select__label {
    font-size: 14px;
    line-height: 20px;
  }
   .idea-form .input::placeholder {
      font-size: 14px;
      line-height: 21px;
   }
   .idea-form .b-select__picker > .dropdown-toggle {
      font-size: 14px;
      line-height: 21px;
    }

  .idea-form .txt-input__textarea {
    height: 265px;
    padding: 10px 12px;
  }
  .idea-form .txt-input__textarea._sm {height: 115px;}

  .idea-form__submit {margin-top: 40px;}
}

@media(min-width: 768px){
  .modal-ctrl {
    display: flex;
    align-items: center;
  }
  .modal-ctrl__item + .modal-ctrl__item {margin-left: 25px;}
}
@media(max-width: 767px){
  .modal-ctrl__item + .modal-ctrl__item {margin-top: 20px;}
}

.modal-alert.is-open {display: flex;}
  .modal-alert .modal__overlay {
    transform-origin: 50% 50%;
  }
  .modal-alert .modal__inner {
    max-width: 800px;
    height: auto;
    min-height: auto;
    margin: auto;
    overflow: visible;
    border-radius: 10px;
    animation: fadeIn 0.2s 0.28s backwards ease-in;
  }

.grecaptcha-badge {
  visibility: hidden!important;
  pointer-events: none!important;
}

.pay-card__widgets {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}

.pay-card__widget {
  margin: 10px;
}

.no-padding-bottom {
  padding-bottom: 0;
}

.consumers-message__btn {
  width: 120px;
  margin-top: 20px;
  align-self: flex-start;
}

.pay-card__widgets > div+div{
	margin-left: 20px;
}

.section__block {
  padding-top: 110px;
  padding-bottom: 100px;
}

.section__block:first-child {
  padding-top: 110px;
}

.section__block:last-child {
  padding-bottom: 0;
}

.section__block .section__title {
  padding-bottom: 40px;
  border-bottom: 1px solid currentColor;
  margin-bottom: 80px;
}
.section__block .section__aside {
  padding-right: 10%;
  font-weight: 600;
  position: relative;
  width: calc(100% - 62.5%);
}

.section__full {
  display: flex;
}

.articles {
  margin-left: -3.2%;
  margin-right: -3.2%;
  margin-bottom: -50px;
  margin-top: -50px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.articles__item {
  width: calc(100% / 2 - 6.4%);
  margin-left: 3.2%;
  margin-right: 3.2%;
  margin-bottom: 50px;
  margin-top: 50px;
}

.articles__title {
  font-weight: 600;
  padding-bottom: 7px;
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 2rem;
}

.articles__descr {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: #666D70;
}

.articles-text {
  font-weight: 500;
  font-size: 32px;
  line-height: 1.25;
  max-width: 86%;
}

.aside__list-title {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 7px;
  font-weight: 600;
}

.aside__list {
  margin-top: 32px;
  margin-bottom: 32px;
  padding-inline-start: 24px;
}

.aside__list li {
  list-style: none;
  padding-left: 0;
  padding-bottom: 40px;
  position: relative;
  font-weight: 500;
  font-size: 18px;
}

.aside__list li:last-child {
  padding-bottom: 0;
}

.aside__list li:before {
  content: '';
  border-radius: 50%;
  background-color: #FFE079;
  width: 8px;
  height: 8px;
  position: absolute;
  left: -24px;
  top: 7px;
}

.file {
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
  color: inherit;
}

.file:hover {
  color: inherit;
}

.file__icon {
  margin-right: 24px;
}

.file__descr {
  display: flex;
  flex-direction: column;
}

.file__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 5px;
}

.file__size {
  font-size: 14px;
  line-height: 20px;
}

.section__list {
  counter-reset: myCounter;
  column-count: 2;
  margin-bottom: -25px;
  margin-top: -25px;
  padding: 0;
}

.section__list li {
  list-style: none;
  padding-left: 80px;
  min-height: 50px;
  position: relative;
  page-break-inside: avoid;
  display: inline-block;
  margin-bottom: 25px;
  margin-top: 25px;
  box-sizing: border-box;
  min-width: 50%;
}

.section__list li:before {
  counter-increment: myCounter;
  content:counter(myCounter);
  font-size: 20px;
  line-height: 24px;
  color: #42484F;
  background: #FFE079;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.section__list li:nth-child(-n+9):before {
  content: '0'counter(myCounter);
}

.section__subblock {
  padding-bottom: 80px;
  margin-bottom: 80px;
  display: flex;
  width: 100%;
}
.section__subblock:not(:last-child) {
  border-bottom: 1px solid #D8D8D8;
}

.section__map {
  width: 100%;
  height: 40vw;
}

.section__subblock:last-child {
  margin-bottom: 0;
}

.section__subblock-main:not(:first-child) {
  padding-top: 100px;
  border-top: 1px solid #42484F;
}

.section__links {
  display: flex;
  flex-wrap: wrap;
  margin-left: -6.4%;
  margin-right: -6.4%;
  margin-top: -40px;
  margin-bottom: -40px;
}

.section__links .link-block {
  width: calc(100% / 2 - 12.8%);
  margin-left: 6.4%;
  margin-right: 6.4%;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-bottom: 14px;
  padding-top: 14px;
}

.section__links .link-block__text {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

.subblocks {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (max-width: 1023px) {
  .section__block {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .section__block:first-child {
    padding-top: 40px;
  }
  .section__block .section__title {
    padding-bottom: 10px;
    margin-bottom: 24px;
  }
  .section__block .section__aside {
    padding-right: 0;
    width: 100%;
  }
  .section__block .section__full--mobile-reverse .section__aside {
    margin-bottom: 0;
    margin-top: 35px;
  }
  .contact-table__title--fio {
    font-size: 20px;
  }
  .section__full {
    flex-direction: column;
  }
  .section__full--mobile-reverse {
    flex-direction: column-reverse;
  }
  .articles {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -20px;
    margin-top: -20px;
    flex-direction: column;
  }

  .articles__item {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .articles__title {
    margin-bottom: 1rem;
  }
  .articles__descr {
    font-size: 16px;
  }
  .articles-text {
    font-size: 16px;
    max-width: 100%;
  }
  .aside__list {
    margin-bottom: 0;
    margin-top: 20px;
  }
  .section__map {
    height: 110vw;
  }
  .file__icon {
    width: 27px;
    height: 35px;
    margin-right: 20px;
  }
  .file__title {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 0;
  }
  .section__list {
    column-count: 1;
  }
  .section__list li {
    padding-left: 53px;
    min-height: 42px;
  }
  .section__list li:before {
    font-size: 16px;
    line-height: 42px;
    width: 42px;
    height: 42px;
  }
  .section__subblock {
    flex-direction: column;
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
  .section__links {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -5px;
    margin-top: -5px;
  }
  .section__links .link-block {
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
  }
  .section__links .link-block__text {
    font-size: 16px;
  }

  .section__subblock .section__aside {
    margin-bottom: 20px;
  }
}

.consumers-message__checkbox {
  margin-top: 20px;
  align-self: flex-start;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #ffe079;
  border-color: #ffe079;
  color: inherit;
}

.form-success-message {
  margin-top: 15px;
  opacity: 0;
  visibility: hidden;
  color: #0078a8;
}

.form-success-message:empty {
  display: none;
}

.form-success-message.is-visible {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1279px) {
  .connection-card-list__aside {
    margin-top: 32px;
    width: 100%;
  }
}

@media (max-width: 1279px) and (min-width: 768px) {
  .connection-card-list__aside {
    display: flex;
  }

  .connection-card-list__aside .card-list__line {
    width: 50%;
    padding-right: 40px;
  }

  .connection-card-list__aside .card-list__line + .card-list__line {
    margin-top: 0;
  }
}

@media (max-width: 959px) {
  .connection-card-list__aside .card-list__line {
    padding-right: 18px;
  }
}

@media (max-width: 767px) {
  .connection-card-grid__list-item:not(:last-child) {
    margin-bottom: 32px;
  }
}

.consumers {
  display: flex;
  margin: 0 calc(100% / 22 * -1);
}

.consumers__col {
  margin: 0 calc(100% / 22);
}

.consumers__form {
  width: calc(100% / 22 * 9);
}

.consumers__block {
  width: calc(100% / 22 * 7);
}

.consumers__link {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

@media (max-width: 1439px) {
  .consumers__form {
    width: calc(100% / 22 * 11);
  }

  .consumers__block {
    width: calc(100% / 22 * 11);
  }
}

@media (max-width: 1279px) {
  .consumers {
    margin: -40px 0;
    flex-direction: column-reverse;
  }
  .consumers__col {
    margin: 40px 0;
  }
  .consumers__form, .consumers__block {
    width: 100%;
  }
}