.bold {
  font-family: "Roboto-Bold";
}

.light {
  font-family: "Roboto-Light";
}

.orange:not(.button) {
  color: #FF5622;
}

.green:not(.button) {
  color: #00BF02;
}

.red:not(.button) {
  color: #BF0000;
}

.blue:not(.button) {
  color: #1892E4;
}

.gray:not(.button) {
  color: #808080;
}

.grey:not(.button) {
  color: #999999;
}

html {
  margin: 0;
  padding: 0;
  height: 100%;
}

html body {
  font-family: "Roboto-Regular";
  background: #FFFFFF;
  overflow-x: hidden;
  line-height: 24px;
  font-size: 16px;
  height: 100%;
  padding: 0;
  margin: 0;
}

html body * {
  box-sizing: border-box;
  font-weight: 400;
  background: none;
  list-style: none;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body b,
html body strong {
  font-weight: normal;
}

@media screen and (max-width: 550px) {
  html body {
    line-height: 20px;
    font-size: 14px;
  }
}

a {
  text-decoration: none;
}

@font-face {
  font-family: "Roboto-Bold";
  src: url(/fonts/Roboto-Bold.eot?39de3059ba011ccd6b26f5f0d97721e1);
  src: url(/fonts/Roboto-Bold.eot?39de3059ba011ccd6b26f5f0d97721e1) format("eot"), url(/fonts/Roboto-Bold.woff?1a2087070a7cb3778054271338db9315) format("woff"), url(/fonts/Roboto-Bold.ttf?29c9d20321f1216641e796cd128296ef) format("truetype");
}

@font-face {
  font-family: "Roboto-Regular";
  src: url(/fonts/Roboto-Regular.eot?ccae643e0ddef7209513a3719e56afd6);
  src: url(/fonts/Roboto-Regular.eot?ccae643e0ddef7209513a3719e56afd6) format("eot"), url(/fonts/Roboto-Regular.woff?ba3dcd8903e3d0af5de7792777f8ae0d) format("woff"), url(/fonts/Roboto-Regular.ttf?9c9c55c2c40cc6ec6dc262b0c8254256) format("truetype");
}

@font-face {
  font-family: "Roboto-Thin";
  src: url(/fonts/Roboto-Thin.eot?5f54d8d4a54827259e62467e47f1a742);
  src: url(/fonts/Roboto-Thin.eot?5f54d8d4a54827259e62467e47f1a742) format("embedded-opentype"), url(/fonts/Roboto-Thin.woff?275544707192a28ce3a8ed424ea8c10a) format("woff"), url(/fonts/Roboto-Thin.ttf?f793da02b7045a996604b8d1056209b9) format("truetype");
}

@font-face {
  font-family: "Roboto-Light";
  src: url(/fonts/Roboto-Light.eot?85dcbd08e7be7bb9b83e2a81eb377187);
  src: url(/fonts/Roboto-Light.eot?85dcbd08e7be7bb9b83e2a81eb377187) format("embedded-opentype"), url(/fonts/Roboto-Light.woff?b6fd0f93c388751ed0d892b76b6aa22a) format("woff"), url(/fonts/Roboto-Light.ttf?6aee6edb9dc998735c89fada7476c9e7) format("truetype");
}

.wrap {
  padding: 0 30px;
  margin: 0 auto;
}

.wrap.overflow {
  overflow: hidden;
  height: 100vh;
}

.wrap a {
  color: inherit;
}

.wrap .button {
  color: #FFFFFF;
}

@media screen and (max-width: 1366px) {
  .wrap {
    overflow: hidden;
  }
}

@media screen and (max-width: 640px) {
  .wrap {
    padding: 0 20px;
  }
}

.header {
  border-bottom: 1px solid #E5E5E5;
  padding-right: 280px;
  padding-left: 230px;
  -webkit-box-align: center;
          align-items: center;
  background: #FFFFFF;
  position: relative;
  height: 120px;
  display: -webkit-box;
  display: flex;
}

.header:after {
  border-bottom: 1px solid #E5E5E5;
  background: #FFFFFF;
  position: absolute;
  height: 100%;
  width: 200vw;
  left: -75vw;
  z-index: -1;
  content: "";
  top: 0;
}

.header .logo {
  position: absolute;
  left: 0;
}

.header .logo .icon {
  display: block;
  width: 230px;
}

.header .logo .icon img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 550px) {
  .header .logo .icon {
    width: 115px;
  }
}

.header .buttons {
  white-space: nowrap;
  position: absolute;
  right: 0;
}

.header .buttons .menu-button {
  display: none;
}

.header .buttons .button {
  margin-left: 10px;
  margin-right: 0;
}

.header .buttons .button.enter {
  margin-right: 0;
}

.header .buttons .button.enter img:last-child {
  display: none;
}

.header .buttons .button.enter.checked {
  padding: 0 11px;
}

.header .buttons .button.enter.checked span {
  display: none;
}

.header .buttons .button.enter.checked img {
  margin-right: 0;
}

.header .buttons .button.enter.checked img:first-child {
  display: none;
}

.header .buttons .button.enter.checked img:last-child {
  display: inline-block;
}

.header .buttons.checked .menu-button {
  display: inline-block;
}

.header .buttons.checked .button.circle {
  padding: 0 11px;
}

.header .buttons.checked .button.circle img {
  margin-right: 0;
}

.header .buttons.checked .button > span:not(.icon) {
  display: none;
}

@media screen and (max-width: 1900px) {
  .header .buttons .button.circle {
    padding: 0 11px;
  }

  .header .buttons .button.circle img {
    margin-right: 0;
  }

  .header .buttons .button > span:not(.icon) {
    display: none;
  }

  .header .buttons .menu-button {
    display: inline-block;
  }
}

@media screen and (max-width: 550px) {
  .header .buttons .button.circle {
    padding: 0 8px;
    height: 38px;
  }

  .header .buttons .button.enter {
    padding: 0 8px;
  }

  .header .buttons .button.enter.checked {
    padding: 0 8px;
  }
}

.header .lang {
  border-radius: 3px;
  position: absolute;
  line-height: 30px;
  overflow: hidden;
  cursor: pointer;
  font-size: 12px;
  top: 5px;
  right: 0;
}

.header .lang .select {
  padding: 0 10px;
  height: 30px;
}

.header .lang .select > * {
  vertical-align: middle;
  display: inline-block;
  line-height: 12px;
}

.header .lang .arrow {
  width: 15px;
}

.header .lang .list {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: 0.25s all;
  transition: 0.25s all;
  background: #FFFFFF;
  position: absolute;
  border-radius: 3px;
  overflow: hidden;
  width: 100%;
  opacity: 0;
  top: -5px;
  left: 0;
}

.header .lang .list .row {
  padding-left: 20px;
  line-height: 30px;
}

.header .lang .list .row:first-child {
  margin-top: 5px;
}

.header .lang .list .row:last-child {
  margin-bottom: 5px;
}

.header .lang .list .row:hover {
  background: #E5E5E5;
}

.header .lang .list .row.checked {
  background: #CCCCCC;
}

.header .lang:hover .select {
  background: #E5E5E5;
}

.header .lang.checked {
  overflow: visible;
}

.header .lang.checked .list {
  opacity: 1;
}

@media screen and (max-width: 550px) {
  .header {
    padding: 20px 0 0;
  }
}

.main {
  background: #FFFFFF;
  position: relative;
  max-width: 1306px;
  min-height: 50vh;
  margin: 0 auto;
  z-index: 2;
}

.main h1 {
  font-family: "Roboto-Light";
  margin-bottom: 25px;
  line-height: 50px;
  font-size: 37px;
}

.main h2 {
  margin-bottom: 25px;
  margin-top: 55px;
  font-size: 22px;
}

.main h3 {
  margin-bottom: 25px;
  font-size: 16px;
}

.main > .buttons,
.main > .module > .buttons {
  margin: 0 0 30px;
}

.main > .buttons .button,
.main > .module > .buttons .button {
  margin-top: 20px;
}

.main > .link,
.main > .module > .link {
  margin-bottom: 50px;
}

.main .date {
  margin-bottom: 20px;
}

.main > p,
.main > .module p {
  font-family: "Roboto-Light";
  margin-bottom: 25px;
  line-height: 26px;
}

.main > p.intro,
.main > .module p.intro {
  font-family: "Roboto-Bold";
}

.main > ol,
.main > ul,
.main > .module ol,
.main > .module ul {
  font-family: "Roboto-Light";
  margin-bottom: 25px;
  padding-left: 30px;
  line-height: 26px;
}

.main > ol li,
.main > ul li,
.main > .module ol li,
.main > .module ul li {
  margin-bottom: 10px;
}

.main > ol li ol,
.main > ol li ul,
.main > ul li ol,
.main > ul li ul,
.main > .module ol li ol,
.main > .module ol li ul,
.main > .module ul li ol,
.main > .module ul li ul {
  padding-top: 10px;
}

.main ul li {
  list-style: square;
}

.main ol > li {
  list-style: decimal;
}

.main .divider {
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 50px;
  padding-top: 50px;
}

.main p img {
  max-width: 100%;
  display: block;
}

.main p b,
.main p strong {
  color: #000000;
}

.main p .link {
  vertical-align: baseline;
}

.main > .module > *:last-child {
  margin-bottom: 0;
}

.main > .module:last-child {
  padding-bottom: 150px;
}

.main .link {
  font-family: "Roboto-Bold";
  color: #1892E4;
}

.main .video-frame {
  margin-bottom: 25px;
  position: relative;
  padding-top: 52%;
}

.main .video-frame > * {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

@media screen and (max-width: 550px) {
  .main h1 {
    margin-bottom: 15px;
    line-height: 40px;
    font-size: 30px;
  }

  .main > p,
  .main > .module p {
    margin-bottom: 15px;
  }

  .main > .module:last-child {
    padding-bottom: 80px;
  }

  .main > .buttons .button,
  .main > .module > .buttons .button {
    margin-top: 10px;
  }
}

.hidden {
  display: none;
}

.footer .head {
  border-bottom: 1px solid #6A6A6A;
  -webkit-box-pack: justify;
          justify-content: space-between;
  background: #3E3E3E;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  display: -webkit-box;
  display: flex;
  height: 100px;
}

.footer .head .logo .icon {
  display: block;
  width: 230px;
}

.footer .head .logo .icon img {
  display: block;
  width: 100%;
}

.footer .head:after {
  border-bottom: 1px solid #6A6A6A;
  background: #3E3E3E;
  position: absolute;
  height: 100%;
  width: 200vw;
  left: -75vw;
  z-index: -1;
  content: "";
  top: 0;
}

.footer .head .socials .button img {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.footer .head .socials .button img:last-child {
  opacity: 0;
}

.footer .head .socials .button:hover img:first-child {
  opacity: 0;
}

.footer .head .socials .button:hover img:last-child {
  opacity: 1;
}

.footer .head .socials p {
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
  color: #FFFFFF;
}

.footer .head .align > * {
  vertical-align: middle;
  display: inline-block;
}

.footer .head .align .share {
  margin-right: 40px;
}

.footer .body {
  background: #4D4D4D;
  position: relative;
  padding: 60px 0;
  font-size: 0;
}

.footer .body:after {
  background: #4D4D4D;
  position: absolute;
  height: 100%;
  width: 200vw;
  left: -75vw;
  z-index: -1;
  content: "";
  top: 0;
}

.footer .menu {
  -webkit-box-pack: justify;
          justify-content: space-between;
  display: -webkit-inline-box;
  display: inline-flex;
  vertical-align: top;
  padding-right: 8%;
  font-size: 16px;
  width: 50%;
}

.footer .menu .menu-item {
  margin-bottom: 3px;
}

.footer .menu .menu-item .link {
  color: #FFFFFF;
}

.footer .menu .menu-item .link:hover {
  color: #999999;
}

.footer .info {
  -webkit-box-pack: justify;
          justify-content: space-between;
  display: -webkit-inline-box;
  display: inline-flex;
  vertical-align: top;
  padding-left: 8%;
  width: 50%;
}

.footer .info .column {
  display: inline-block;
  align-self: stretch;
  padding-right: 50px;
}

.footer .info .column:last-child {
  padding-right: 0;
}

.footer .info .info-item {
  margin-bottom: 20px;
  padding-left: 22px;
  max-width: 200px;
}

.footer .info .info-item .name {
  margin-left: -26px;
  font-size: 16px;
  color: #FFFFFF;
}

.footer .info .info-item .name > * {
  vertical-align: middle;
  display: inline-block;
}

.footer .info .info-item .row {
  line-height: normal;
  font-size: 14px;
}

.footer .info .info-item .link {
  color: #999999;
}

.footer .info .info-item .link:hover {
  color: #FFFFFF;
}

.footer .made {
  margin-top: 10px;
  font-size: 14px;
  color: #808080;
}

.footer .made a {
  -webkit-transition: all 320ms;
  transition: all 320ms;
}

.footer .made a:hover {
  color: #FFFFFF;
}

.footer .copyright {
  margin-top: 40px;
  font-size: 16px;
  color: #999999;
}

.footer .button.share .text {
  font-family: "Roboto-Regular";
  font-weight: 400;
  line-height: 24px;
  font-size: 16px;
}

.footer .button.share .img {
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-transition: all 320ms;
  transition: all 320ms;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  background: #999999;
  border-radius: 100%;
  position: relative;
  text-align: center;
  margin-left: 7px;
  overflow: hidden;
  height: 50px;
  width: 50px;
}

.footer .button.share .img img {
  -webkit-transition: all 320ms;
  transition: all 320ms;
  position: absolute;
  height: 50%;
  width: 50%;
}

.footer .button.share .img img:last-child {
  opacity: 0;
}

.footer .button.share:hover .img {
  background: #FF5622;
}

.footer .button.share:hover .img img:first-child {
  opacity: 0;
}

.footer .button.share:hover .img img:last-child {
  opacity: 1;
}

@media screen and (max-width: 1020px) {
  .footer .body {
    padding: 40px 0;
  }

  .footer .menu {
    padding: 0 60px 50px;
    width: 100%;
  }

  .footer .info {
    padding: 0 60px;
    width: 100%;
  }

  .footer .copyright {
    margin-top: 30px;
    font-size: 14px;
  }
}

@media screen and (max-width: 900px) {
  .footer .head .logo .icon {
    width: 170px;
  }

  .footer .head .socials p {
    display: none;
  }

  .footer .head .socials .button.icon {
    height: 38px;
    width: 38px;
  }

  .footer .head .align .share {
    margin-right: 3px;
  }

  .footer .button.share .img {
    height: 38px;
    width: 38px;
  }

  .footer .button.share .text {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .footer .menu {
    padding: 0 0 30px;
  }

  .footer .info {
    padding: 0;
  }
}

@media screen and (max-width: 550px) {
  .footer .head {
    flex-wrap: wrap;
  }

  .footer .head .logo .icon {
    width: 115px;
  }

  .footer .head .socials .button.icon {
    height: 34px;
    width: 34px;
  }

  .footer .button.share .img {
    height: 34px;
    width: 34px;
  }

  .footer .body {
    padding: 20px 0;
  }

  .footer .menu {
    line-height: normal;
    font-size: 12px;
  }

  .footer .menu .column {
    width: 50%;
  }

  .footer .menu .column:first-child {
    padding-right: 20px;
  }

  .footer .menu .column:last-child {
    padding-left: 20px;
  }

  .footer .menu .menu-item {
    margin-bottom: 6px;
  }

  .footer .menu .menu-item .link {
    white-space: normal;
  }

  .footer .info {
    display: block;
  }

  .footer .info .info-item .name {
    font-size: 14px;
  }

  .footer .info .info-item .row {
    font-size: 12px;
  }

  .footer .copyright {
    margin-top: 10px;
    font-size: 12px;
  }

  .footer .made {
    font-size: 12px;
    margin-top: 0;
  }
}

@media screen and (max-width: 500px) {
  .footer .head {
    padding-top: 22px;
    display: block;
    height: 120px;
  }

  .footer .head .socials {
    margin-top: 15px;
  }

  .footer .head .align .share {
    margin-right: 0;
    margin-top: 15px;
    float: right;
  }

  .footer .button.share .share-buttons {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-box-pack: end;
            justify-content: flex-end;
    width: 160px;
    left: auto;
    right: 0;
  }
}

.popup {
  background: rgba(28, 28, 28, 0.8);
  text-align: center;
  overflow-y: auto;
  position: fixed;
  padding: 60px;
  display: none;
  height: 100vh;
  width: 100vw;
  z-index: 101;
  left: 0;
  top: 0;
}

.popup.checked {
  display: block;
}

.popup:before {
  vertical-align: middle;
  display: inline-block;
  height: 100%;
  content: "";
}

.popup.user-form .box {
  max-width: 980px;
}

.popup.user-data .box {
  max-width: 640px;
}

.popup.video .box {
  max-width: 640px;
}

.popup.video .box h1 {
  margin-bottom: 10px;
}

.popup.video .box .stage {
  margin-bottom: 20px;
}

.popup.video .box .gallery {
  position: relative;
}

.popup.video .box .gallery .arrow {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  position: absolute;
  cursor: pointer;
  z-index: 2;
  top: 50%;
}

.popup.video .box .gallery .arrow img {
  width: 20px;
}

.popup.video .box .gallery .arrow.left {
  left: -40px;
}

.popup.video .box .gallery .arrow.right {
  right: -40px;
}

.popup.video .box .video-frame {
  margin-bottom: 10px;
}

.popup.video .box .comment,
.popup.video .box .link {
  font-size: 14px;
}

.popup.photos .box {
  max-width: 640px;
}

.popup.photos .box h1 {
  margin-bottom: 10px;
}

.popup.photos .box .stage {
  margin-bottom: 20px;
}

.popup.photos .box .gallery {
  margin-bottom: 10px;
  position: relative;
  padding-top: 60%;
}

.popup.photos .box .gallery .arrow {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  position: absolute;
  cursor: pointer;
  z-index: 2;
  top: 50%;
}

.popup.photos .box .gallery .arrow img {
  width: 20px;
}

.popup.photos .box .gallery .arrow.left {
  left: 0;
}

.popup.photos .box .gallery .arrow.right {
  right: 0;
}

.popup.photos .box .gallery .align {
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  display: -webkit-box;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.popup.photos .box .gallery .align img {
  max-height: 100%;
  max-width: 100%;
  display: block;
}

.popup.photos .box .comment,
.popup.photos .box .link {
  font-size: 14px;
}

.popup.request .box {
  max-width: 640px;
}

.popup.request .box .user {
  margin-bottom: 15px;
}

.popup.request .box .stage {
  line-height: 24px;
  font-size: 16px;
}

.popup.request .box .stage .name {
  color: #808080;
}

.popup.request .box .stage * {
  display: inline;
}

.popup.request .box .buttons {
  margin-top: 30px;
}

.popup.request .box .divider {
  margin-bottom: 30px;
  padding-top: 0px;
}

.popup.media .media-item {
  position: relative;
  background: #FFFFFF;
}

.popup.media .media-item:after {
  content: "";
  display: table;
  clear: both;
}

.popup.media .media-item .item-img {
  position: unset;
  float: left;
  width: 60%;
}

.popup.media .media-item .item-img .item-info {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  padding: 18px 25px;
  bottom: auto;
  width: 40%;
  right: 0;
  top: 0;
}

.popup.media .media-item .item-text {
  margin-top: 76px;
  padding: 25px;
  float: left;
  width: 40%;
}

.popup.media .media-item .item-text p {
  margin-bottom: 0;
}

.popup.media .media-item .item-text .button {
  display: none;
}

.popup.media .media-item:hover .item-img .img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media screen and (max-width: 900px) {
  .popup.media .media-item .item-img {
    width: 100%;
  }

  .popup.media .media-item .item-img .item-info {
    position: relative;
    width: 100%;
  }

  .popup.media .media-item .item-img .item-info .logo i {
    right: 35px;
  }

  .popup.media .media-item .item-text {
    margin-top: 0;
    width: 100%;
  }
}

.popup.gift {
  padding: 0;
}

.popup.gift .box {
  max-width: 400px;
  padding: 25px;
}

.popup.gift .box .gift .img {
  display: block;
  width: 100%;
}

.popup.gift .box .gift .price {
  margin: 10px 0;
  font-size: 20px;
}

.popup.gift .box .gift p {
  margin-bottom: 15px;
  font-size: 14px;
}

.popup .button.primary:not(.white) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.popup .button.primary:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.popup .box {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 60px;
  width: 95%;
}

.popup .box.user-form {
  max-width: 980px;
}

.popup .box .button.close {
  position: absolute;
  height: 25px;
  width: 25px;
  right: 30px;
  top: 30px;
}

.popup .box .button.close img {
  display: block;
  width: 100%;
}

.popup .box .module {
  padding-top: 0;
  width: 100%;
}

.popup .box .module h2 {
  margin-top: 0;
}

.popup .box .module.profile h1 + h2 {
  margin-bottom: 44px;
}

@media screen and (max-width: 900px) {
  .popup .box .button.close {
    right: 20px;
    top: 20px;
  }
}

@media screen and (max-width: 550px) {
  .popup {
    padding: 10px;
  }

  .popup .box {
    padding: 20px;
    width: 95%;
  }

  .popup .box .module h2:first-child {
    padding-right: 20px;
  }
}

.menu .menu-item .link {
  white-space: nowrap;
}

.menu .menu-item .link img {
  width: 15px;
}

.menu.central {
  margin-bottom: 1px;
  position: relative;
  padding-left: 20px;
  padding-top: 48px;
  height: 119px;
  font-size: 0;
}

.menu.central:before {
  border-bottom: 1px solid #E5E5E5;
  background: #FFFFFF;
  position: absolute;
  height: 48px;
  width: 100%;
  content: "";
  z-index: 2;
  bottom: -1px;
  left: 0;
}

.menu.central .menu-item {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  font-size: 16px;
}

.menu.central .menu-item:after {
  -webkit-transition: 0.35s all;
  transition: 0.35s all;
  background: #FF5622;
  position: absolute;
  bottom: -47px;
  content: "";
  height: 2px;
  z-index: 1;
  left: 50%;
  width: 0;
}

.menu.central .menu-item img {
  position: absolute;
  margin-left: 6px;
  top: 3px;
}

.menu.central .menu-item .drop {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition: 0.25s all;
  transition: 0.25s all;
  background: #FFFFFF;
  position: absolute;
  border-radius: 3px;
  overflow: hidden;
  z-index: 2;
  opacity: 0;
  height: 0;
  left: 50%;
  top: 130%;
}

.menu.central .menu-item .sub-item:first-child {
  margin-top: 5px;
}

.menu.central .menu-item .sub-item:last-child {
  margin-bottom: 5px;
}

.menu.central .menu-item .sub-item .link {
  line-height: 40px;
  padding: 0 30px;
  display: block;
}

.menu.central .menu-item .sub-item .link:hover {
  background: #E5E5E5;
}

.menu.central .menu-item .sub-item .link.checked {
  background: #CCCCCC;
}

.menu.central .menu-item > .link {
  position: relative;
  padding: 0 25px;
}

.menu.central .menu-item > .link:before {
  position: absolute;
  height: 20px;
  width: 100%;
  content: "";
  z-index: 1;
  top: 100%;
  left: 0;
}

.menu.central .menu-item:hover {
  z-index: 4;
}

.menu.central .menu-item:hover .drop {
  height: auto;
  opacity: 1;
}

.menu.central .menu-item:hover:after {
  width: 100%;
  left: 0;
}

.menu.central .menu-item.checked {
  z-index: 3;
}

.menu.central .menu-item.checked:after {
  width: 100%;
  left: 0;
}

.menu.central .options {
  display: none;
}

.menu.user {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: 0.25s all;
  transition: 0.25s all;
  background: #FFFFFF;
  position: absolute;
  border-radius: 3px;
  overflow: hidden;
  z-index: 2;
  opacity: 0;
  height: 0;
  top: 90px;
  right: 0;
}

.menu.user.checked {
  height: auto;
  opacity: 1;
  z-index: 3;
}

.menu.user .menu-item {
  white-space: nowrap;
  display: block;
}

.menu.user .menu-item:first-child {
  margin-top: 5px;
}

.menu.user .menu-item:last-child {
  margin-bottom: 5px;
}

.menu.user .menu-item .drop {
  display: none;
}

.menu.user .menu-item .link {
  -webkit-box-align: center;
          align-items: center;
  padding-right: 30px;
  padding-left: 30px;
  line-height: 40px;
  display: -webkit-box;
  display: flex;
}

.menu.user .menu-item .link.enter span img {
  margin-right: 6px;
}

.menu.user .menu-item .link.enter span > * {
  vertical-align: middle;
  display: inline-block;
}

.menu.user .menu-item .link.enter .logged-in {
  max-width: calc(100% - 40px);
  display: none;
}

.menu.user .menu-item .link.enter .logged-in span {
  max-width: calc(100% - 15px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.menu.user .menu-item .link.enter.checked .logged-out {
  display: none;
}

.menu.user .menu-item .link.enter.checked .logged-in {
  display: inline-block;
}

.menu.user .menu-item .link:hover {
  background: #E5E5E5;
}

.menu.user .menu-item .link.checked {
  background: #CCCCCC;
}

.menu.user .menu-item .link.checked + .drop {
  display: block;
}

.menu.user .menu-item .sub-item .link {
  padding-left: 60px;
}

@media screen and (max-width: 550px) {
  .menu.user {
    top: 95px;
  }
}

.menu.mobile {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: 0.25s all;
  transition: 0.25s all;
  background: #FFFFFF;
  position: absolute;
  border-radius: 3px;
  overflow: hidden;
  width: 300px;
  z-index: 2;
  opacity: 0;
  height: 0;
  top: 90px;
  right: 0;
}

.menu.mobile.checked {
  height: auto;
  z-index: 3;
  opacity: 1;
}

.menu.mobile .menu-item {
  white-space: nowrap;
  display: block;
}

.menu.mobile .menu-item:first-child {
  margin-top: 5px;
}

.menu.mobile .menu-item:last-child {
  margin-bottom: 5px;
}

.menu.mobile .menu-item .drop {
  display: none;
}

.menu.mobile .menu-item .link {
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  padding-right: 30px;
  padding-left: 40px;
  line-height: 40px;
  display: -webkit-box;
  display: flex;
}

.menu.mobile .menu-item .link.enter span img {
  margin-right: 6px;
}

.menu.mobile .menu-item .link.enter span > * {
  vertical-align: middle;
  display: inline-block;
}

.menu.mobile .menu-item .link.enter .logged-in {
  max-width: calc(100% - 40px);
  display: none;
}

.menu.mobile .menu-item .link.enter .logged-in span {
  max-width: calc(100% - 15px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.menu.mobile .menu-item .link.enter.checked .logged-out {
  display: none;
}

.menu.mobile .menu-item .link.enter.checked .logged-in {
  display: inline-block;
}

.menu.mobile .menu-item .link:hover {
  background: #E5E5E5;
}

.menu.mobile .menu-item .link.checked {
  background: #CCCCCC;
}

.menu.mobile .menu-item .link.checked + .drop {
  display: block;
}

.menu.mobile .menu-item .sub-item .link {
  padding-left: 60px;
}

.menu.mobile .options {
  border-top: 1px solid #E5E5E5;
}

.menu.mobile .options .menu-item:first-child {
  margin-top: 0;
}

.menu.mobile .options .link {
  padding-left: 15px;
}

.menu.mobile .options .link:not(.enter) {
  display: block;
}

.menu.mobile .options .link.exit {
  padding-left: 35px;
}

@media screen and (max-width: 550px) {
  .menu.mobile {
    top: 95px;
  }
}

@media screen and (max-width: 360px) {
  .menu.mobile {
    width: 100%;
  }

  .menu.mobile .menu-item .link {
    padding-left: 20px;
    padding-right: 15px;
  }

  .menu.mobile .menu-item .sub-item .link {
    padding-left: 35px;
  }
}

.menu.profile {
  margin: -1px -30px 0;
  background: #4D4D4D;
  position: relative;
  height: 60px;
  z-index: 2;
}

.menu.profile:before {
  background: #4D4D4D;
  position: absolute;
  height: 100%;
  width: 200vw;
  left: -75vw;
  z-index: -1;
  content: "";
  top: 0;
}

.menu.profile .menu-item {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  line-height: 60px;
  padding: 0 30px;
  font-size: 16px;
  color: #FFFFFF;
}

.menu.profile .menu-item:after {
  -webkit-transition: 0.35s all;
  transition: 0.35s all;
  background: #FF5622;
  position: absolute;
  content: "";
  height: 2px;
  z-index: 1;
  left: 50%;
  bottom: 0;
  width: 0;
}

.menu.profile .menu-item:hover:after,
.menu.profile .menu-item.checked:after {
  width: 100%;
  left: 0;
}

.menu.profile .slider:before,
.menu.profile .slider:after {
  position: absolute;
  height: 95%;
  width: 50px;
  content: "";
  top: 0;
}

.menu.profile .slider:before {
  background: -webkit-gradient(linear, right top, left top, from(transparent), to(#4D4D4D));
  background: linear-gradient(to left, transparent 0%, #4D4D4D 100%);
  left: 0;
}

.menu.profile .slider:after {
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(#4D4D4D));
  background: linear-gradient(to right, transparent 0%, #4D4D4D 100%);
  right: 0;
}

.menu.profile .slider .slide {
  position: relative;
}

@media screen and (max-width: 640px) {
  .menu.profile {
    margin: -1px -20px 0;
    height: 45px;
  }

  .menu.profile .menu-item {
    line-height: 45px;
    padding: 0 20px;
    font-size: 14px;
  }
}

.menu.about {
  background: #EDEDED;
  position: relative;
  margin-left: -30px;
  height: 60px;
  z-index: 2;
}

.menu.about:before {
  background: #EDEDED;
  position: absolute;
  height: 100%;
  width: 200vw;
  left: -75vw;
  z-index: -1;
  content: "";
  top: 0;
}

.menu.about .menu-item {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  line-height: 60px;
  padding: 0 30px;
  font-size: 16px;
  color: #000000;
}

.menu.about .menu-item:after {
  -webkit-transition: 0.35s all;
  transition: 0.35s all;
  background: #FF5622;
  position: absolute;
  content: "";
  height: 2px;
  z-index: 1;
  left: 50%;
  bottom: 0;
  width: 0;
}

.menu.about .menu-item:hover:after,
.menu.about .menu-item.checked:after {
  width: 100%;
  left: 0;
}

.menu.about .slider:before,
.menu.about .slider:after {
  position: absolute;
  height: 95%;
  width: 50px;
  content: "";
  top: 0;
}

.menu.about .slider:before {
  background: -webkit-gradient(linear, right top, left top, from(transparent), to(#EDEDED));
  background: linear-gradient(to left, transparent 0%, #EDEDED 100%);
  left: 0;
}

.menu.about .slider:after {
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(#EDEDED));
  background: linear-gradient(to right, transparent 0%, #EDEDED 100%);
  right: 0;
}

.menu.about .slider .slide {
  position: relative;
}

@media screen and (max-width: 640px) {
  .menu.about {
    margin: 0 -20px;
    height: 45px;
  }

  .menu.about .menu-item {
    line-height: 45px;
    padding: 0 20px;
    font-size: 14px;
  }
}

@media screen and (max-width: 860px) {
  .menu.central {
    display: none;
  }
}

.menu-button .icon {
  position: relative;
  height: 17px;
  width: 22px;
}

.menu-button .icon span {
  -webkit-transition: 0.35s ease all;
  transition: 0.35s ease all;
  background: #FFFFFF;
  border-radius: 2px;
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
}

.menu-button .icon span:first-child {
  top: 0;
}

.menu-button .icon span:nth-child(2) {
  top: 7px;
}

.menu-button .icon span:last-child {
  bottom: 0;
}

.menu-button.checked .icon span:first-child {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 7px;
}

.menu-button.checked .icon span:nth-child(2) {
  display: none;
}

.menu-button.checked .icon span:last-child {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  bottom: 7px;
}

.subscribe {
  margin: 40px auto 0;
  background: #EDECEA;
  max-width: 100%;
  padding: 40px;
  width: 860px;
}

.subscribe > * > * {
  display: inline-block;
  vertical-align: top;
}

.subscribe .img {
  margin-right: 40px;
  width: 120px;
}

.subscribe .img img {
  display: block;
  width: 100%;
}

.subscribe .text {
  width: calc(100% - 165px);
}

.subscribe h2 {
  margin-bottom: 10px;
  margin-top: 10px;
}

.subscribe p {
  margin-bottom: 15px;
}

.subscribe .button.primary {
  margin: 8px 0;
}

.subscribe .subscribe-yes {
  display: none;
}

.subscribe.checked .subscribe-yes {
  display: block;
}

.subscribe.checked .subscribe-no {
  display: none;
}

@media screen and (max-width: 700px) {
  .subscribe .form .field.primary.error {
    -webkit-transition: all 250ms;
    transition: all 250ms;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 550px) {
  .subscribe {
    text-align: center;
    margin-top: 0;
    padding: 20px;
  }

  .subscribe .img {
    margin: 0 0 20px;
  }

  .subscribe .text {
    width: 100%;
  }

  .subscribe .text p {
    text-align: left;
  }

  .subscribe .form .field.primary {
    width: 100%;
  }

  .subscribe .form .button.primary {
    margin: 15px 0 0;
  }
}

.socials .button.icon {
  margin-right: 3px;
  height: 50px;
  width: 50px;
}

.box {
  border: 1px solid #F1F1F1;
  background: #FFFFFF;
  position: relative;
  display: block;
}

.box:after {
  display: table;
  content: "";
  clear: both;
}

.box .text {
  position: relative;
}

.box .text .name {
  font-family: "Roboto-Light";
  margin-bottom: 10px;
  line-height: 36px;
  font-size: 27px;
  margin-top: 0;
}

.box .text p {
  font-size: 14px;
  color: #808080;
}

.box.news {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.box.news .text {
  padding: 40px;
}

.box.news .text .date {
  margin-bottom: 10px;
}

.box.news .text .buttons {
  margin-top: 10px;
}

.box.news .text p {
  margin-bottom: 5px;
}

.box.news .text p a {
  text-decoration: none;
}

.box.news .text .document {
  margin-top: 10px;
}

.box.news .text .document .img {
  width: 25px;
}

.box.news .text .document .text {
  padding: 0;
}

.box.news .text .document .text .name {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 12px;
}

.box.news .text .document .text .value {
  line-height: 1.4;
  font-size: 12px;
}

.box.news:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.box.news .buttons .button:not(.white) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.box.news .buttons .button:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

@media screen and (max-width: 1020px) {
  .box.news .text {
    min-height: auto;
    padding: 30px;
    width: 100%;
  }
}

@media screen and (max-width: 550px) {
  .box.news .text {
    padding: 20px;
  }

  .box.news .text .name {
    margin-bottom: 15px;
    line-height: 30px;
    font-size: 20px;
  }
}

.box.event {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  min-height: 320px;
}

.box.event .img {
  background-repeat: no-repeat;
  background-position: center;
  height: calc(100% + 2px);
  width: calc(50% - 20px);
  background-size: cover;
  position: absolute;
  display: block;
  z-index: 2;
  left: -1px;
  top: -1px;
}

.box.event .text {
  padding-left: calc(50% + 20px);
  padding-bottom: 65px;
  padding-right: 40px;
  padding-top: 40px;
  min-height: 320px;
}

.box.event .text .link {
  position: absolute;
  bottom: 40px;
}

.box.event .text .date {
  margin-bottom: 10px;
}

.box.event .text .buttons {
  position: absolute;
  bottom: 32px;
  right: 40px;
}

.box.event .text p a {
  text-decoration: none;
}

.box.event:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.box.event .buttons .button:not(.white) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.box.event .buttons .button:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

@media screen and (max-width: 1020px) {
  .box.event .img {
    width: calc(100% + 2px);
    position: relative;
    padding-top: 50%;
    height: auto;
    top: auto;
  }

  .box.event .text {
    min-height: auto;
    padding: 30px;
    width: 100%;
  }

  .box.event .text .link {
    position: relative;
    bottom: auto;
  }

  .box.event .text .buttons {
    bottom: 24px;
    right: 30px;
  }
}

@media screen and (max-width: 550px) {
  .box.event .text {
    padding: 20px;
  }

  .box.event .text .name {
    margin-bottom: 15px;
    line-height: 30px;
    font-size: 20px;
  }

  .box.event .text .buttons {
    position: relative;
    margin-right: 50px;
    margin-top: 20px;
    bottom: auto;
    right: auto;
  }
}

.box.category {
  background: #F5F4F2;
  min-height: 200px;
}

.box.category .img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  height: 100%;
  width: 200px;
  left: 0;
  top: 0;
}

.box.category .text {
  padding-bottom: 75px;
  padding-right: 30px;
  padding-left: 230px;
  padding-top: 20px;
  min-height: 200px;
}

.box.category .text .name {
  margin-bottom: 0;
}

.box.category .text p {
  line-height: 23px;
  margin-bottom: 0;
}

.box.category .text .button {
  position: absolute;
  bottom: 20px;
}

@media screen and (max-width: 550px) {
  .box.category .img {
    position: relative;
    padding-top: 50%;
    width: 100%;
  }

  .box.category .text {
    padding: 20px;
  }

  .box.category .text .name {
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 25px;
  }

  .box.category .text p {
    margin-bottom: 10px;
  }

  .box.category .text .button {
    position: initial;
  }
}

.list .box.event + .box {
  margin-top: 30px;
}

.list .box.category + .box {
  margin-top: 20px;
}

.list .box.news + .box {
  margin-top: 20px;
}

@media screen and (max-width: 550px) {
  .list .box.event + .box {
    margin-top: 20px;
  }
}

.date {
  white-space: nowrap;
  line-height: normal;
  font-size: 14px;
}

.date > * {
  display: inline-block;
  vertical-align: top;
}

.date img {
  margin-right: 6px;
  height: 20px;
  width: 20px;
}

.date img + * {
  max-width: calc(100% - 40px);
}

.date span {
  margin-top: 2px;
}

.date.large {
  line-height: 24px;
  font-size: 22px;
}

.date.large img {
  height: 22px;
  width: 22px;
}

.date.large span {
  margin-top: 0;
}

.date .name {
  color: #808080;
}

@media screen and (max-width: 1020px) {
  .date.large {
    line-height: 22px;
    font-size: 19px;
  }
}

@media screen and (max-width: 640px) {
  .date.large {
    line-height: 20px;
    font-size: 16px;
  }
}

.age,
.prize,
.date {
  vertical-align: middle;
  display: inline-block;
  margin-right: 15px;
}

.age,
.prize {
  margin-bottom: 10px;
  white-space: nowrap;
  line-height: normal;
  font-size: 14px;
}

.age > *,
.prize > * {
  display: inline-block;
  vertical-align: top;
}

.age img,
.prize img {
  margin-right: 6px;
  height: 20px;
  width: 20px;
}

.age img + *,
.prize img + * {
  max-width: calc(100% - 40px);
}

.age span,
.prize span {
  margin-top: 2px;
}

.table {
  border: 1px solid #EDEDED;
  background: #F5F4F2;
}

.table .row {
  border-bottom: 1px solid #EDEDED;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  min-height: 60px;
  margin: 0 30px;
  display: -webkit-box;
  display: flex;
}

.table .row:last-child {
  border-bottom: none;
}

.table.stages .cell {
  font-size: 20px;
}

.table.stages .cell:first-child {
  font-family: "Roboto-Light";
  width: 250px;
}

.table.stages .cell:nth-child(2) {
  width: 60%;
  color: #808080;
}

.table.stages .cell .progress-item {
  margin-left: 0;
}

.table.stages .cell .progress-item .image {
  float: right;
  height: 40px;
  width: 40px;
}

.table.stages .cell .progress-item .image img {
  display: block;
  width: 70%;
}

@media screen and (max-width: 800px) {
  .table.stages .row {
    padding-bottom: 15px;
    position: relative;
    padding-top: 55px;
    margin: 0 20px;
  }

  .table.stages .cell {
    font-size: 15px;
  }

  .table.stages .cell:first-child {
    position: absolute;
    width: 100%;
    top: 20px;
    left: 0;
  }

  .table.stages .cell:last-child {
    position: absolute;
    text-align: right;
    width: 50%;
    top: 15px;
    right: 0;
  }

  .table.stages .cell:nth-child(2) {
    font-size: 16px;
    width: 100%;
  }

  .table.stages .cell .progress-item .image {
    height: 28px;
    width: 28px;
  }
}

.table.cost .row.title {
  background: #EDECEA;
  padding: 0 30px;
  margin: 0;
}

.table.cost .row:not(.title) .cell:first-child {
  font-family: "Roboto-Light";
  width: 50%;
}

.table.cost .cell {
  font-size: 22px;
}

@media screen and (max-width: 800px) {
  .table.cost .row.title {
    padding: 0 20px;
  }

  .table.cost .row.title .cell {
    font-size: 18px;
  }

  .table.cost .row:not(.title) {
    position: relative;
    padding: 8px 0;
    flex-wrap: wrap;
    margin: 0 20px;
  }

  .table.cost .row:not(.title) .cell {
    font-size: 18px;
  }

  .table.cost .row:not(.title) .cell:first-child {
    padding-right: 150px;
    width: 100%;
  }

  .table.cost .row:not(.title) .cell:nth-child(2) {
    margin-top: 5px;
    font-size: 16px;
    width: 50%;
  }

  .table.cost .row:not(.title) .cell:last-child {
    position: absolute;
    text-align: right;
    width: 130px;
    top: 13px;
    right: 0;
  }
}

@media screen and (max-width: 550px) {
  .table.cost .row:not(.title) {
    padding: 10px 0;
  }

  .table.cost .row:not(.title) .cell:first-child {
    margin-bottom: 5px;
    padding-right: 0;
  }

  .table.cost .row:not(.title) .cell:nth-child(2) {
    font-size: 20px;
    width: 50%;
  }

  .table.cost .row:not(.title) .cell:last-child {
    position: initial;
    text-align: left;
    margin-top: 5px;
    width: 50%;
    top: auto;
  }

  .table.cost .row .button.circle {
    padding: 0 15px;
    height: 36px;
  }
}

.table.history {
  background: none;
  border: none;
}

.table.history .row {
  padding: 5px 0;
  margin: 0;
}

.table.history .row:first-child {
  border-top: 1px solid #EDEDED;
}

.table.history .row:last-child {
  border-bottom: 1px solid #EDEDED;
}

.table.history .cell {
  text-align: left;
}

.table.history .cell * {
  vertical-align: middle;
  display: inline-block;
}

.table.history .cell:first-child {
  width: 180px;
}

.table.history .cell:nth-child(2) {
  width: calc(100% - 300px);
}

.table.history .cell:not(:last-child) {
  font-family: "Roboto-Light";
}

.table.history .cell:not(:last-child) img {
  margin-right: 5px;
}

.table.history .cell:not(:last-child) .link {
  font-family: "Roboto-Light";
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
}

.table.history .cell:last-child {
  text-align: right;
  font-size: 20px;
  width: 120px;
  color: #808080;
}

.table.history .cell:last-child a span {
  margin-right: 5px;
  color: #808080;
}

.table.history .cell .icon {
  width: 20px;
}

.table.history .cell .icon + .text {
  margin-left: 6px;
}

.table.history .cell .text {
  max-width: calc(100% - 35px);
}

.table.history .cell .text + .icon {
  margin-left: 6px;
}

.table.history .cell .text div {
  max-width: 100%;
}

.table.history .cell .text div span {
  display: inline;
}

.table.history .cell .text div .bold {
  color: #FF5622;
}

.table.history .cell a {
  color: #1892E4;
}

.table.history .cell b {
  font-family: "Roboto-Regular";
}

@media screen and (max-width: 800px) {
  .table.history .row {
    position: relative;
    padding-bottom: 10px;
    padding-top: 40px;
    display: block;
  }

  .table.history .cell:first-child {
    position: absolute;
    width: 50%;
    top: 10px;
    left: 0;
  }

  .table.history .cell:nth-child(2) {
    width: 100%;
  }

  .table.history .cell:last-child {
    position: absolute;
    font-size: 16px;
    width: 50%;
    top: 10px;
    right: 0;
  }
}

.table.requests {
  border-right: none;
  border-left: none;
  background: none;
}

.table.requests .row {
  padding: 0 0 0 18px;
  margin: 0;
  cursor: pointer;
  -webkit-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  background-color: white;
}

.table.requests .row:hover {
  box-shadow: 0 7px 28px rgba(0, 0, 0, 0.25), 0 5px 10px rgba(0, 0, 0, 0.22);
  z-index: 1;
}

.table.requests .row.rejected {
  background-color: #fbf2f2;
}

.table.requests .row.approved {
  background-color: #e8f9e5;
}

.table.requests .cell {
  padding-right: 15px;
}

.table.requests .cell:first-child {
  color: #808080;
  width: 20%;
}

.table.requests .cell:nth-child(2) {
  width: 35%;
}

.table.requests .cell:nth-child(3) {
  width: 30%;
}

.table.requests .cell:last-child {
  padding-right: 0;
  text-align: right;
  line-height: 0;
  width: 15%;
}

.table.requests .preview {
  display: inline-block;
}

@media screen and (max-width: 800px) {
  .table.requests .row {
    position: relative;
    min-height: 121px;
    display: block;
    padding: 18px;
  }

  .table.requests .row .cell:not(:last-child) {
    width: calc(100% - 230px);
    padding-bottom: 5px;
  }

  .table.requests .row .cell:last-child {
    position: absolute;
    width: 214px;
    right: 0;
    top: 0;
  }
}

@media screen and (max-width: 550px) {
  .table.requests .row {
    padding: 18px 0;
  }

  .table.requests .row .cell:not(:last-child) {
    width: 100%;
    padding-bottom: 5px;
  }

  .table.requests .row .cell:last-child {
    position: relative;
    margin-top: 10px;
    width: 100%;
  }
}

.document {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 45px;
  max-width: 100%;
  width: 200px;
}

.document > * {
  display: inline-block;
  vertical-align: top;
}

.document .img {
  margin-right: 6px;
  width: 30px;
}

.document .text {
  max-width: calc(100% - 40px);
  font-family: "Roboto-Bold";
  line-height: normal;
  font-size: 14px;
}

.document .text .name {
  color: #1892E4;
}

.document .text .value {
  color: #808080;
}

.form input:-internal-autofill-selected {
  background-color: none !important;
}

.form input:-webkit-autofill,
.form input:-webkit-autofill:hover,
.form input:-webkit-autofill:focus,
.form input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.form p {
  font-family: "Roboto-Light";
  margin-bottom: 25px;
  color: #808080;
}

.form .field .info {
  position: absolute;
  line-height: 16px;
  font-size: 12px;
  padding: 0 20px;
  color: #808080;
  width: 100%;
  top: 110%;
  left: 0;
}

.form .field.primary {
  border: 1px solid #999999;
  padding: 14px 18px 0;
  background: #FFFFFF;
  margin-bottom: 44px;
  position: relative;
  border-radius: 4px;
  max-width: 100%;
  height: 55px;
}

.form .field.primary input {
  line-height: 25px;
  font-size: 16px;
  display: block;
  color: #000000;
  width: 100%;
}

.form .field.primary .name {
  -webkit-transition: all 320ms;
  transition: all 320ms;
  background: #FFFFFF;
  position: absolute;
  line-height: 15px;
  font-size: 16px;
  padding: 0 3px;
  color: #808080;
  left: 15px;
  top: 18px;
}

.form .field.primary .check {
  -webkit-transition: all 320ms;
  transition: all 320ms;
  position: absolute;
  right: 18px;
  opacity: 0;
  top: 16px;
}

.form .field.primary:hover {
  border: 1px solid #1892E4;
}

.form .field.primary.active .name,
.form .field.primary.checked .name {
  font-size: 12px;
  top: -9px;
}

.form .field.primary.active {
  border: 1px solid #1892E4;
  z-index: 10;
}

.form .field.primary.active .name {
  color: #1892E4;
}

.form .field.primary.error {
  border: 2px solid #BF0000;
}

.form .field.primary.valid .check {
  opacity: 1;
}

.form .field.checkbox {
  cursor: pointer;
  display: block;
  position: relative;
}

.form .field.checkbox input {
  display: none;
}

.form .field.checkbox input:checked ~ .icon img:first-child {
  opacity: 0;
}

.form .field.checkbox input:checked ~ .icon img:last-child {
  opacity: 1;
}

.form .field.checkbox input:checked ~ .text {
  color: #000000;
}

.form .field.checkbox > *:not(input) {
  display: inline-block;
  vertical-align: top;
}

.form .field.checkbox .icon {
  position: relative;
  margin-right: 6px;
  height: 22px;
  width: 22px;
}

.form .field.checkbox .icon img {
  -webkit-transition: all 320ms;
  transition: all 320ms;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.form .field.checkbox .icon img:last-child {
  opacity: 0;
}

.form .field.checkbox .text {
  max-width: calc(100% - 35px);
  font-size: 14px;
  color: #7F7F7F;
}

.form .field.checkbox .text * {
  vertical-align: baseline;
  line-height: 15px;
}

.form .field.checkbox + .buttons {
  margin-top: 35px;
}

.form .field.radio-box {
  position: relative;
  padding-left: 18px;
  padding-top: 10px;
}

.form .field.radio-box .name {
  margin-top: -16px;
  line-height: 15px;
  font-size: 12px;
  display: block;
  color: #808080;
}

.form .field.radio-box .radio {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 6px;
  margin-right: 12%;
  margin-top: 6px;
  cursor: pointer;
}

.form .field.radio-box .radio input {
  display: none;
}

.form .field.radio-box .radio input:checked ~ .icon img:first-child {
  opacity: 0;
}

.form .field.radio-box .radio input:checked ~ .icon img:last-child {
  opacity: 1;
}

.form .field.radio-box .radio input:checked ~ .text {
  color: #1892E4;
}

.form .field.radio-box .radio > *:not(input) {
  vertical-align: middle;
  display: inline-block;
}

.form .field.radio-box .radio .icon {
  position: relative;
  margin-right: 6px;
  height: 22px;
  width: 22px;
}

.form .field.radio-box .radio .icon img {
  -webkit-transition: all 320ms;
  transition: all 320ms;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.form .field.radio-box .radio .icon img:last-child {
  opacity: 0;
}

.form .field.radio-box .radio .text {
  -webkit-transition: all 320ms;
  transition: all 320ms;
  color: #808080;
}

.form .field.calendar input {
  display: none;
}

.form .field.calendar .icon {
  position: absolute;
  cursor: pointer;
  right: 18px;
  top: 16px;
}

.form .field.calendar .calendar-list {
  box-shadow: rgba(0, 0, 0, 0.14) 0 0 8px 0;
  background: #FFFFFF;
  position: absolute;
  padding: 18px;
  display: none;
  z-index: 10;
  right: -1px;
  left: -1px;
  top: 55px;
}

.form .field.calendar .calendar-list .nav-panel {
  margin-bottom: 20px;
}

.form .field.calendar .calendar-list .nav-panel:after {
  content: "";
  display: table;
  clear: both;
}

.form .field.calendar .calendar-list .nav-panel .button {
  box-shadow: none;
  line-height: 30px;
  font-size: 16px;
  cursor: pointer;
  height: 30px;
}

.form .field.calendar .calendar-list .nav-panel .button span {
  color: #1892E4;
}

.form .field.calendar .calendar-list .nav-panel .button:hover {
  color: #D5001C;
}

.form .field.calendar .calendar-list .nav-panel .button.switch {
  padding-right: 20px;
  position: relative;
}

.form .field.calendar .calendar-list .nav-panel .button.switch > * {
  vertical-align: middle;
  display: inline-block;
}

.form .field.calendar .calendar-list .nav-panel .button.switch img {
  margin-left: 10px;
  width: 18px;
}

.form .field.calendar .calendar-list .nav-panel .button.switch span {
  display: none;
}

.form .field.calendar .calendar-list .nav-panel .button.switch.month .month {
  display: inline-block;
}

.form .field.calendar .calendar-list .nav-panel .button.switch.year .year {
  display: inline-block;
}

.form .field.calendar .calendar-list .nav-panel .button.arrow {
  font-size: 0;
  width: 30px;
}

.form .field.calendar .calendar-list .nav-panel .arrows {
  float: right;
}

.form .field.calendar .calendar-list .nav-panel .arrows > * {
  vertical-align: middle;
  display: inline-block;
}

.form .field.calendar .calendar-list .months {
  display: none;
}

.form .field.calendar .calendar-list .months.checked {
  display: block;
}

.form .field.calendar .calendar-list .months .days-name {
  border-top: 1px solid #FFFFFF;
}

.form .field.calendar .calendar-list .months .days-name:after {
  content: "";
  display: table;
  clear: both;
}

.form .field.calendar .calendar-list .months .days-name .day-name {
  text-align: center;
  line-height: 39px;
  cursor: default;
  color: #7F7F7F;
  width: 14.28%;
  height: 39px;
  float: left;
}

.form .field.calendar .calendar-list .months .week {
  border-top: 1px solid #E5E5E5;
}

.form .field.calendar .calendar-list .months .week:after {
  content: "";
  display: table;
  clear: both;
}

.form .field.calendar .calendar-list .months .week .day {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  text-align: center;
  line-height: 39px;
  cursor: pointer;
  width: 14.28%;
  height: 39px;
  float: left;
}

.form .field.calendar .calendar-list .months .week .day:hover,
.form .field.calendar .calendar-list .months .week .day.checked {
  background: #E5E5E5;
}

.form .field.calendar .calendar-list .months .week .day:empty {
  cursor: default;
}

.form .field.calendar .calendar-list .months .week .day:empty:hover {
  background: #FFFFFF;
  color: #000000;
}

.form .field.calendar .calendar-list .years {
  display: none;
}

.form .field.calendar .calendar-list .years.checked {
  display: block;
}

.form .field.calendar .calendar-list .years:after {
  content: "";
  display: table;
  clear: both;
}

.form .field.calendar .calendar-list .years .year {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  border-top: 1px solid #E5E5E5;
  text-align: center;
  line-height: 39px;
  cursor: pointer;
  width: 25%;
  height: 40px;
  float: left;
}

.form .field.calendar .calendar-list .years .year:hover,
.form .field.calendar .calendar-list .years .year.checked {
  background: #E5E5E5;
}

.form .field.calendar .calendar-list .years .year:empty {
  cursor: default;
}

.form .field.calendar .calendar-list .years .year:empty:hover {
  background: #FFFFFF;
  color: #000000;
}

.form .field.calendar.active .calendar-list {
  display: block;
}

.form .field.select select {
  display: none;
}

.form .field.select .arrow {
  position: absolute;
  right: 24px;
  top: 18px;
}

.form .field.select .list {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: 0.25s all;
  transition: 0.25s all;
  background: #FFFFFF;
  position: absolute;
  border-radius: 3px;
  overflow: hidden;
  width: 100%;
  opacity: 0;
  top: 54px;
  height: 0;
  left: 0;
}

.form .field.select .choice {
  width: calc(100% - 35px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.form .field.select.active .arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.25s all;
  transition: 0.25s all;
}

.form .field.select.active .list {
  max-height: 30vw;
  overflow-y: auto;
  height: auto;
  opacity: 1;
}

.form .field.select.active .list .row {
  -webkit-transition: 0.25s all;
  transition: 0.25s all;
  padding: 8px 18px;
  cursor: pointer;
}

.form .field.select.active .list .row:first-child {
  margin-top: 5px;
}

.form .field.select.active .list .row:last-child {
  margin-bottom: 5px;
}

.form .field.select.active .list .row:hover {
  background: #E5E5E5;
}

.form .field.select.active .list .row.checked {
  background: #CCCCCC;
}

.form .field.password .icon {
  position: absolute;
  cursor: pointer;
  right: 18px;
  top: 16px;
}

.form .field.password.hide .hide {
  display: block;
}

.form .field.password.hide .visible {
  display: none;
}

.form .field.password.visible .visible {
  display: block;
}

.form .field.password.visible .hide {
  display: none;
}

.form .field.text textarea {
  line-height: 25px;
  min-height: 25px;
  font-size: 16px;
  display: block;
  color: #000000;
  resize: none;
  width: 100%;
  padding: 0;
}

.form .field.error {
  margin-left: -1px;
  margin-top: -1px;
}

.form .field.error .name {
  color: #BF0000;
}

.form .field.error .info {
  color: #BF0000;
}

@media screen and (max-width: 550px) {
  .form .field .info {
    font-size: 11px;
    padding: 0;
  }

  .form .field.radio-box {
    padding-top: 15px;
  }
}

@media screen and (max-width: 350px) {
  .form .field .info {
    font-size: 11px;
    padding: 0;
  }
}

.form .grid {
  margin-bottom: 0;
}

.form .grid .column {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  margin-bottom: 44px;
}

.form .grid .column:empty {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  margin-bottom: 0;
}

.form .grid .column .field {
  margin-bottom: 0;
}

.form .buttons {
  margin-bottom: 25px;
}

.form .form-info {
  margin: -20px 0 30px;
  min-height: 24px;
  font-size: 14px;
}

.form .form-info:last-child {
  margin-bottom: 0;
}

.form .form-info span {
  display: none;
}

.form .form-info .checked {
  display: block;
}

.form .button:not(.white) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.form .button:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.subscribe .form .field.primary {
  vertical-align: top;
  display: -webkit-inline-box;
  display: inline-flex;
  padding: 16px 18px 0;
  margin-right: 20px;
  margin-bottom: 0;
}

.subscribe .form .field.primary.active .name,
.subscribe .form .field.primary.checked .name {
  top: 5px;
}

body.paypal-active {
  overflow: hidden;
}

.paypal-wrapper {
  z-index: 9997;
  text-align: left;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  -webkit-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
  overflow: auto;
  pointer-events: all;
  opacity: 1;
  background-color: rgba(8, 30, 47, 0.8);
}

.paypal-wrapper .paypal-container {
  width: 300px;
  eight: 200px;
  padding: 15px;
  background-color: white;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
}

.grid {
  margin-bottom: 40px;
  margin-left: -20px;
}

.grid > .grid {
  margin-left: 0;
}

.grid:after {
  display: table;
  content: "";
  clear: both;
}

.grid .column {
  min-height: 1px;
  float: left;
}

.grid .column .cell {
  margin-left: 20px;
}

.grid .column.full {
  width: 100%;
}

.grid.two > .column {
  width: 50%;
}

.grid.two > .column.full {
  width: 100%;
}

.grid.three > .column {
  width: 33.33%;
}

.grid.three > .column.one {
  width: 33.33%;
}

.grid.three > .column.two {
  width: 66.66%;
}

.grid.four > .column {
  width: 25%;
}

.grid.four > .column.one {
  width: 25%;
}

.grid.four > .column.one .cell {
  margin-bottom: 30px;
}

.grid.four > .column.two {
  width: 50%;
  margin-bottom: 0;
}

.grid.four > .column.two .cell {
  margin-bottom: 30px;
}

.grid.four > .column.three {
  width: 75%;
}

.grid.flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
}

.grid.flex .column {
  align-self: stretch;
  position: relative;
}

@media screen and (max-width: 640px) {
  .grid.two .column {
    width: 100%;
  }
}

.flex .cell {
  height: 100%;
}

.flex .cell > * {
  height: 100%;
  display: block;
}

.module {
  padding: 60px 0 0;
  position: relative;
}

.module .nav {
  position: absolute;
  top: 20px;
  left: 0;
}

.module .nav .link {
  font-size: 16px;
}

.module .filter {
  position: absolute;
  top: 14px;
}

.module .filter .filter-item {
  vertical-align: middle;
  display: inline-block;
  -webkit-transition: all 320ms;
  transition: all 320ms;
  border-radius: 16px;
  background: #E5E5E5;
  margin-right: 5px;
  line-height: 33px;
  cursor: pointer;
  font-size: 12px;
  padding: 0 12px;
  color: #7F7F7F;
  height: 32px;
}

.module .filter .filter-item:hover,
.module .filter .filter-item.checked {
  background: #8CC9F2;
  color: #00668D;
}

@media screen and (max-width: 1020px) {
  .module .filter + .block-event {
    margin-top: 10px;
  }
}

@media screen and (max-width: 640px) {
  .module .filter + .block-event {
    margin-top: 17px;
  }
}

.module .caption {
  font-family: "Roboto-Light";
  margin-bottom: 30px;
  text-align: center;
  line-height: 45px;
  font-size: 37px;
  margin-top: 0;
}

@media screen and (max-width: 550px) {
  .module .caption {
    line-height: 40px;
    font-size: 30px;
  }
}

.module .title {
  margin-bottom: 30px;
}

.module .title > * {
  vertical-align: top;
  display: inline-block;
}

.module .title img {
  margin-right: 5px;
  margin-top: 8px;
  width: 40px;
}

.module .title h1 {
  width: calc(100% - 50px);
  margin-bottom: 0;
}

.module.gray-bg {
  background: #FAF9F7;
}

.module.gray-bg:after {
  background: #FAF9F7;
  position: absolute;
  height: 100%;
  width: 200vw;
  left: -75vw;
  z-index: -1;
  content: "";
  top: 0;
}

.module.about .item {
  font-size: 0;
}

.module.about .item > * {
  display: inline-block;
  vertical-align: top;
}

.module.about .item .img {
  margin-right: 20px;
  width: 130px;
}

.module.about .item .img img {
  display: block;
  width: 100%;
}

.module.about .item .text {
  width: calc(100% - 150px);
  padding-right: 30px;
}

.module.about .item .text .name {
  margin-bottom: 10px;
  font-size: 22px;
}

.module.about .item .text p {
  font-size: 16px;
}

.module.about.gray-bg .text .name {
  color: #1892E4;
}

.module.about .buttons {
  text-align: center;
}

@media screen and (max-width: 1200px) {
  .module.about .grid {
    -webkit-box-pack: center;
            justify-content: center;
  }

  .module.about .grid .column {
    width: 45%;
  }

  .module.about .grid .column:last-child {
    margin-top: 40px;
  }
}

@media screen and (max-width: 1020px) {
  .module.about .grid .column {
    width: 80%;
  }

  .module.about .grid .column:nth-child(2) {
    margin-top: 30px;
  }

  .module.about .grid .column:last-child {
    margin-top: 30px;
  }
}

@media screen and (max-width: 550px) {
  .module.about .grid {
    margin-bottom: 10px;
  }

  .module.about .grid .column {
    width: 100%;
  }

  .module.about .grid .column:nth-child(2) {
    margin-top: 15px;
  }

  .module.about .grid .column:last-child {
    margin-top: 15px;
  }

  .module.about .item .img {
    width: 70px;
  }

  .module.about .item .text {
    width: calc(100% - 90px);
    padding-right: 0;
  }
}

.module.abouts {
  padding: 60px 15% 75px;
}

@media screen and (max-width: 1020px) {
  .module.abouts {
    padding: 50px 5% 60px;
  }
}

@media screen and (max-width: 640px) {
  .module.abouts {
    padding: 40px 0 50px;
  }
}

.module.event {
  padding: 60px 15% 75px;
}

.module.event .module.about {
  margin-right: calc(((100vw - 100%) / 2) * -1);
  margin-left: calc(((100vw - 100%) / 2) * -1);
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: start;
          align-items: flex-start;
  padding-right: 20px;
  padding-left: 20px;
  display: -webkit-box;
  display: flex;
}

@media screen and (max-width: 1700px) {
  .module.event .module.about {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 640px) {
  .module.event .module.about {
    padding: 40px 0 0;
    margin: 0;
  }
}

.module.event .module.about .item {
  padding: 25px 20px;
  max-width: 455px;
  min-width: 400px;
}

@media screen and (max-width: 640px) {
  .module.event .module.about .item {
    padding: 10px 0;
    min-width: 100%;
  }
}

@media screen and (max-width: 1700px) {
  .module.event .module.about .item:nth-last-child(4) {
    min-width: 480px;
    max-width: none;
    width: 40%;
  }

  .module.event .module.about .item:nth-last-child(4) ~ * {
    min-width: 480px;
    max-width: none;
    width: 40%;
  }
}

@media screen and (max-width: 640px) {
  .module.event .module.about .item:nth-last-child(4) {
    min-width: 100%;
  }

  .module.event .module.about .item:nth-last-child(4) ~ * {
    min-width: 100%;
  }
}

.module.event .module.about .text {
  padding-right: 0;
}

.module.event .module.about .text .name {
  font-size: 20px;
}

.module.event .module.about .text p {
  line-height: 20px;
  font-size: 13px;
  color: #808080;
}

.module.event ~ .module .subscribe {
  width: auto;
  margin: 0 15%;
}

@media screen and (max-width: 1020px) {
  .module.event {
    padding: 50px 0 60px;
  }

  .module.event .module.about {
    margin: 0;
  }

  .module.event ~ .module .subscribe {
    width: auto;
    margin: 0;
  }
}

@media screen and (max-width: 640px) {
  .module.event {
    padding: 40px 0;
  }
}

.module.events {
  z-index: 2;
}

.module.events + .news {
  z-index: 1;
}

.module.news {
  z-index: 2;
}

.module.news.events {
  z-index: 1;
}

.module.reg {
  position: relative;
  text-align: center;
  padding-top: 60px;
  font-size: 0;
}

.module.reg .box {
  width: calc(50% - 30px);
  display: inline-block;
  vertical-align: top;
  margin-bottom: 50px;
  text-align: left;
  min-width: 600px;
  font-size: 16px;
  padding: 60px;
}

.module.reg .box .field.checkbox {
  margin-bottom: 40px;
}

.module.reg .box .socials {
  margin-bottom: 20px;
}

.module.reg .box .buttons {
  margin-bottom: 20px;
}

.module.reg .box + .info {
  margin-left: 60px;
}

.module.reg > .info {
  width: calc(50% - 30px);
  display: inline-block;
  vertical-align: top;
  min-width: 600px;
  text-align: left;
  font-size: 16px;
}

.module.reg > .info .intro {
  margin-bottom: 10px;
  line-height: 32px;
  font-size: 22px;
  color: #7F7F7F;
}

.module.reg .schema {
  position: relative;
  margin-top: 25px;
  height: 520px;
}

.module.reg .schema > * {
  position: absolute;
}

.module.reg .schema .center {
  left: 160px;
  top: 160px;
}

.module.reg .schema .arrow.one {
  width: 50px;
  left: 130px;
  top: 105px;
}

.module.reg .schema .arrow.two {
  width: 50px;
  left: 290px;
  top: 170px;
}

.module.reg .schema .arrow.three {
  width: 40px;
  left: 275px;
  top: 265px;
}

.module.reg .schema .arrow.four {
  width: 25px;
  left: 210px;
  top: 290px;
}

.module.reg .schema .arrow.five {
  width: 80px;
  left: 75px;
  top: 250px;
}

.module.reg .schema .item.one {
  left: 50px;
  top: 15px;
}

.module.reg .schema .item.two {
  left: 350px;
  top: 110px;
}

.module.reg .schema .item.three {
  left: 310px;
  top: 295px;
}

.module.reg .schema .item.four {
  left: 180px;
  top: 400px;
}

.module.reg .schema .item.five {
  left: -20px;
  top: 285px;
}

.module.reg .schema .item > * {
  vertical-align: middle;
  display: inline-block;
}

.module.reg .schema .item .icon {
  margin-right: 5px;
  height: 90px;
  width: 90px;
}

.module.reg .schema .item .text {
  font-size: 20px;
  color: #B2B2B2;
}

.module.reg .schema .item .text.green {
  color: #00BF02;
}

@media screen and (max-width: 1020px) {
  .module.reg .box {
    margin: 0 auto 40px;
    min-width: initial;
    max-width: 100%;
    display: block;
    width: 600px;
  }

  .module.reg .box + .info {
    margin: 0 auto;
  }

  .module.reg > .info {
    min-width: initial;
    max-width: 100%;
    display: block;
    width: 600px;
  }
}

@media screen and (max-width: 640px) {
  .module.reg .box {
    padding: 20px;
  }
}

@media screen and (max-width: 635px) {
  .module.reg .schema {
    display: none;
  }
}

@media screen and (max-width: 350px) {
  .module.reg .box {
    margin: 0 -22px 30px;
    max-width: none;
    padding: 22px;
    width: auto;
  }
}

.module.profile {
  max-width: 100%;
  width: 870px;
}

.module.profile .avatar {
  padding-bottom: 20px;
  text-align: center;
  position: relative;
  width: 150px;
}

.module.profile .avatar img {
  display: block;
  width: 100%;
}

.module.profile .avatar .image {
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
  display: block;
}

.module.profile .avatar .image input {
  display: none;
}

.module.profile .avatar .photo {
  background-color: #CCCCCC;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
  display: block;
  height: 150px;
  width: 150px;
  z-index: 2;
}

.module.profile .avatar .photo span {
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.module.profile .avatar .photo .fish {
  background-size: 85px 85px;
  z-index: 1;
}

.module.profile .avatar .photo .user {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
}

.module.profile .avatar .icon {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background: #1892E4;
  border-radius: 100%;
  position: absolute;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  height: 40px;
  width: 40px;
  z-index: 2;
  bottom: 0;
  right: 0;
}

.module.profile .avatar .icon img {
  width: 20px;
}

.module.profile .avatar .link {
  position: absolute;
  cursor: pointer;
  display: none;
  bottom: 0;
  left: 0;
}

.module.profile .avatar.checked .link {
  display: block;
}

.module.profile > .avatar {
  margin-bottom: 44px;
}

.module.profile .box.info {
  padding: 40px 40px 20px;
  margin-bottom: 60px;
  background: #F5F4F2;
}

.module.profile .box.info > * {
  vertical-align: middle;
  display: inline-block;
}

.module.profile .box.info .avatar {
  margin-right: 30px;
}

.module.profile .box.info .text {
  width: calc(100% - 185px);
  margin-bottom: 44px;
}

.module.profile .box.info .text .name {
  line-height: 50px;
  font-size: 37px;
}

.module.profile.events {
  width: 100%;
}

.module.profile .button.delete {
  box-shadow: none;
}

.module.profile .form-row {
  position: relative;
}

.module.profile .form-row + .form-row {
  margin-top: 88px;
}

.module.profile .form-row + .form-row:before {
  border-top: 1px dashed #000000;
  position: absolute;
  content: "";
  width: 100%;
  top: -44px;
  left: 0;
}

.module.profile .form-row .upload.video {
  margin-top: -10px;
}

.module.profile .form-row .row-number {
  position: absolute;
  left: -20px;
  top: 15px;
}

.module.profile .form-row .field {
  margin-right: 50px;
}

.module.profile .form-row .button {
  position: absolute;
  display: none;
  top: 16px;
  right: 0;
}

.module.profile .form-row .photo .button {
  display: -webkit-box;
  display: flex;
}

.module.profile .form-row .photo + .delete {
  display: -webkit-box;
  display: flex;
}

.module.profile .form-row.checked .button {
  display: -webkit-inline-box;
  display: inline-flex;
}

.module.profile.photo .form-row .button {
  border-radius: 100%;
  background: #FFFFFF;
  height: 30px;
  width: 30px;
  right: 20px;
  top: 20px;
}

@media screen and (max-width: 1020px) {
  .module.profile .box.info {
    padding: 30px 30px 20px;
  }
}

@media screen and (max-width: 640px) {
  .module.profile.video {
    padding-right: 5px;
    padding-left: 5px;
  }

  .module.profile .box.info {
    margin-bottom: 45px;
    text-align: center;
    padding: 30px 20px;
  }

  .module.profile .box.info .avatar {
    margin: 0 0 10px;
  }

  .module.profile .box.info .text {
    margin-bottom: 0;
    width: 100%;
  }

  .module.profile .box.info .text .name {
    line-height: 30px;
    font-size: 24px;
  }

  .module.profile .form-row .field {
    padding-right: 40px;
    margin-right: 0;
  }

  .module.profile .form-row .button {
    right: -20px;
    width: 15px;
    z-index: 10;
    top: 18px;
  }

  .module.profile .form-row .button img {
    width: 100%;
  }

  .module.profile .form-row .row-number {
    top: 17px;
  }
}

.module.gifts .form-row {
  border-top: 1px dashed #808080;
  padding-bottom: 40px;
  position: relative;
  padding-top: 40px;
}

.module.gifts .form-row:first-child {
  border-top: none;
  padding-top: 0;
}

.module.gifts .form-row:first-child .button.delete {
  top: 0;
}

.module.gifts .form-row .gift-item {
  position: absolute;
  width: 20%;
  left: 0;
}

.module.gifts .form-row .fields {
  padding-left: 22%;
}

.module.gifts .form-row .row-name {
  font-family: "Roboto-Light";
  margin-bottom: 25px;
  font-size: 20px;
}

.module.gifts .form-row .grid .column {
  margin-bottom: 20px;
}

.module.gifts .form-row p {
  margin-bottom: 10px;
}

.module.gifts .form-row .button.delete {
  position: absolute;
  box-shadow: none;
  right: 0;
  top: 40px;
}

.module.gifts .form-row.pay .field.select {
  margin: 10px 30px 10px 0;
  vertical-align: middle;
  display: inline-block;
  max-width: 440px;
  width: 100%;
}

.module.gifts .form-row.pay .buttons {
  margin-top: 40px;
}

@media screen and (max-width: 640px) {
  .module.gifts .form-row {
    display: grid;
  }

  .module.gifts .form-row:first-child .row-name {
    top: 60px;
  }

  .module.gifts .form-row.pay .field.select {
    margin-right: 0;
    max-width: 100%;
    width: 100%;
  }

  .module.gifts .form-row.pay .button.circle {
    width: 165px;
  }

  .module.gifts .form-row .gift-item {
    position: relative;
    margin: 0 auto;
    width: 150px;
    padding: 0;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }

  .module.gifts .form-row .row-name {
    text-align: center;
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 16px;
    padding: 0;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }

  .module.gifts .form-row .fields {
    margin-top: 30px;
    padding-left: 0;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
}

.module.half {
  max-width: 100%;
  width: 650px;
}

.module.full {
  width: 100%;
}

.module.site-map {
  padding: 60px 15% 75px;
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}

.module.site-map h2 {
  line-height: normal;
}

.module.site-map h2:first-child {
  margin-top: 0;
}

.module.site-map a {
  display: inline-block;
  position: relative;
}

.module.site-map a:after {
  -webkit-transition: all 300ms;
  transition: all 300ms;
  position: absolute;
  background: #6699CC;
  width: 100%;
  height: 2px;
  bottom: 5%;
  content: "";
  left: 0;
}

.module.site-map a:hover:after {
  background: #000000;
}

@media screen and (max-width: 1020px) {
  .module.site-map {
    padding: 50px 5% 60px;
  }
}

@media screen and (max-width: 640px) {
  .module.site-map {
    padding: 40px 0 50px;
  }
}

@media screen and (max-width: 1020px) {
  .module {
    padding: 50px 0 0;
  }

  .module .nav {
    top: 15px;
  }

  .module .nav .link {
    font-size: 14px;
  }
}

@media screen and (max-width: 640px) {
  .module {
    padding: 40px 0 0;
  }

  .module .nav {
    top: 10px;
  }

  .module .nav .link {
    font-size: 12px;
  }

  .module .nav .link img {
    width: 15px;
  }
}

.stage {
  margin-bottom: 30px;
  line-height: 32px;
  font-size: 22px;
}

.stage > * {
  vertical-align: middle;
  display: inline-block;
}

.stage + .stage {
  margin-top: -25px;
}

.stage-done {
  margin-bottom: 25px;
}

.stage-done > * {
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
}

.stage-done .img {
  margin-right: 15px;
  width: 70px;
}

.stage-done .text {
  max-width: calc(100% - 100px);
}

.stage-done .green {
  font-size: 20px;
}

.banner {
  position: relative;
  margin: 0 -30px;
}

.banner.index {
  background: #0053B0;
  max-width: 1306px;
  padding: 60px 0;
  margin: -1px auto 0;
  position: relative;
  z-index: 2;
}

.banner.index:after {
  background: #0053B0;
  position: absolute;
  height: 100%;
  width: 200vw;
  left: -75vw;
  z-index: -1;
  content: "";
  top: 0;
}

.banner.index .text {
  -webkit-box-align: center;
          align-items: center;
  /*min-height: 300px;*/
  flex-wrap: wrap;
  display: -webkit-box;
  display: flex;
  position: relative;
  color: #FFFFFF;
  width: 60%;
  z-index: 2;
}

.banner.index .name {
  margin-bottom: 20px;
  line-height: 55px;
  font-size: 50px;
  width: 100%;
  font-family: "Roboto-Light";
}

.banner.index .name a {
  position: relative;
}

.banner.index .name a:after {
  -webkit-transition: all 300ms;
  transition: all 300ms;
  position: absolute;
  background: #6699CC;
  width: 100%;
  height: 2px;
  bottom: 5%;
  content: "";
  left: 0;
}

.banner.index .name a:hover:after {
  background: #FFFFFF;
}

.banner.index .name span {
  display: block;
}

.banner.index p {
  line-height: 35px;
  font-size: 22px;
  margin-bottom: 20px;
}

.banner.index .button {
  border: 2px solid #FFFFFF;
  /*margin-top: 30px;*/
}

.banner.index .img {
  /*right: calc((1920px - 100%) / 2 * -1);*/
  right: -30px;
  position: absolute;
  height: 100%;
  z-index: 1;
  top: 0;
}

@media screen and (max-width: 1020px) {
  .banner.index {
    padding: 40px 0;
  }

  .banner.index .img {
    opacity: 0.2;
  }

  .banner.index .text {
    width: 100%;
  }

  .banner.index .name {
    margin-bottom: 35px;
    line-height: 50px;
    font-size: 40px;
  }

  .banner.index p {
    line-height: 30px;
    font-size: 18px;
    margin: 20px 0;
  }
}

@media screen and (max-width: 550px) {
  .banner.index {
    padding: 30px 0;
  }

  .banner.index .img {
    right: -165px;
    opacity: 0.1;
  }

  .banner.index .name {
    margin-bottom: 20px;
    line-height: 40px;
    font-size: 30px;
  }

  .banner.index p {
    line-height: 25px;
    font-size: 16px;
  }
}

.banner.map {
  padding-top: 30%;
}

.banner.map > * {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

@media screen and (max-width: 1020px) {
  .banner.map {
    padding-top: 50%;
  }
}

@media screen and (max-width: 550px) {
  .banner.map {
    padding-top: 80%;
  }
}

.banner .image {
  display: block;
  width: 1920px;
  margin: 0 auto;
  max-width: 100%;
}

@media screen and (max-width: 640px) {
  .banner {
    margin: 0 -20px;
  }
}

.value-line {
  margin: 30px 10px 80px;
  background: #CCCCCC;
  position: relative;
  height: 6px;
}

.value-line input {
  display: none;
}

.value-line input:checked ~ .position .icon {
  background: #CCCCCC;
}

.value-line input:checked + .position .icon {
  background: #FF5622;
}

.value-line input:checked + .position .text {
  color: #FF5622;
}

.value-line.no-value .position .icon {
  background: #CCCCCC;
}

.value-line.no-value .line {
  display: none;
}

.value-line.four input:nth-of-type(2):checked ~ .line {
  width: 25%;
}

.value-line.four input:nth-of-type(3):checked ~ .line {
  width: 50%;
}

.value-line.four input:nth-of-type(4):checked ~ .line {
  width: 75%;
}

.value-line.four input:nth-of-type(5):checked ~ .line {
  width: 100%;
}

.value-line.four .position:nth-of-type(2) {
  left: 25%;
}

.value-line.four .position:nth-of-type(3) {
  left: 50%;
}

.value-line.four .position:nth-of-type(4) {
  left: 75%;
}

.value-line.four .position:nth-of-type(5) {
  left: 100%;
}

.value-line.five .position:nth-of-type(2) {
  left: 20%;
}

.value-line.five .position:nth-of-type(3) {
  left: 40%;
}

.value-line.five .position:nth-of-type(4) {
  left: 60%;
}

.value-line.five .position:nth-of-type(5) {
  left: 80%;
}

.value-line.five .position:nth-of-type(6) {
  left: 100%;
}

.value-line.five input:nth-of-type(2):checked ~ .line {
  width: 20%;
}

.value-line.five input:nth-of-type(3):checked ~ .line {
  width: 40%;
}

.value-line.five input:nth-of-type(4):checked ~ .line {
  width: 60%;
}

.value-line.five input:nth-of-type(5):checked ~ .line {
  width: 80%;
}

.value-line.five input:nth-of-type(6):checked ~ .line {
  width: 100%;
}

.value-line.six .position:nth-of-type(2) {
  left: 16.66%;
}

.value-line.six .position:nth-of-type(3) {
  left: 33.32%;
}

.value-line.six .position:nth-of-type(4) {
  left: 49.98%;
}

.value-line.six .position:nth-of-type(5) {
  left: 66.64%;
}

.value-line.six .position:nth-of-type(6) {
  left: 83.33%;
}

.value-line.six .position:nth-of-type(7) {
  left: 99.96%;
}

.value-line.six input:nth-of-type(2):checked ~ .line {
  width: 16.66%;
}

.value-line.six input:nth-of-type(3):checked ~ .line {
  width: 33.32%;
}

.value-line.six input:nth-of-type(4):checked ~ .line {
  width: 49.98%;
}

.value-line.six input:nth-of-type(5):checked ~ .line {
  width: 66.64%;
}

.value-line.six input:nth-of-type(6):checked ~ .line {
  width: 83.33%;
}

.value-line.six input:nth-of-type(7):checked ~ .line {
  width: 99.96%;
}

.value-line.seven .position:nth-of-type(2) {
  left: 14.28%;
}

.value-line.seven .position:nth-of-type(3) {
  left: 28.56%;
}

.value-line.seven .position:nth-of-type(4) {
  left: 42.84%;
}

.value-line.seven .position:nth-of-type(5) {
  left: 57.12%;
}

.value-line.seven .position:nth-of-type(6) {
  left: 71.4%;
}

.value-line.seven .position:nth-of-type(7) {
  left: 85.68%;
}

.value-line.seven .position:nth-of-type(8) {
  left: 99.96%;
}

.value-line.seven input:nth-of-type(2):checked ~ .line {
  width: 14.28%;
}

.value-line.seven input:nth-of-type(3):checked ~ .line {
  width: 28.56%;
}

.value-line.seven input:nth-of-type(4):checked ~ .line {
  width: 42.84%;
}

.value-line.seven input:nth-of-type(5):checked ~ .line {
  width: 57.12%;
}

.value-line.seven input:nth-of-type(6):checked ~ .line {
  width: 71.4%;
}

.value-line.seven input:nth-of-type(7):checked ~ .line {
  width: 85.68%;
}

.value-line.seven input:nth-of-type(8):checked ~ .line {
  width: 99.96%;
}

.value-line .position {
  position: absolute;
  cursor: pointer;
  z-index: 2;
  top: -7px;
  width: 0;
}

.value-line .position span {
  display: block;
}

.value-line .position .icon {
  border-radius: 100%;
  background: #FF5622;
  margin-left: -10px;
  height: 20px;
  width: 20px;
}

.value-line .position .text {
  -webkit-transition: all 320ms;
  transition: all 320ms;
  white-space: nowrap;
  text-align: center;
  margin-left: -50px;
  margin-top: 10px;
  color: #808080;
  width: 100px;
}

.value-line .position .text:hover {
  color: #FF5622;
}

.value-line .position:nth-of-type(1) {
  left: 0;
}

.value-line .line {
  -webkit-transition: all 320ms;
  transition: all 320ms;
  background: #FF5622;
  position: absolute;
  height: 6px;
  z-index: 1;
  width: 0;
  top: 0;
}

.value-line .line:after {
  background: inherit;
  position: absolute;
  border-radius: 100%;
  content: "";
  right: -13px;
  height: 26px;
  width: 26px;
  top: -10px;
}

p a {
  text-decoration: underline;
}

p a:hover {
  text-decoration: none;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

p strong,
p b {
  font-family: "Roboto-Bold";
  font-weight: bold;
}

.block-event .borders {
  margin-bottom: 20px;
  font-size: 0;
}

.block-event .borders .borders-item {
  border-right: 1px solid #808080;
  vertical-align: middle;
  display: inline-block;
  white-space: nowrap;
  padding-right: 15px;
  margin-right: 15px;
  line-height: 14px;
  font-size: 14px;
}

.block-event .borders .borders-item:last-child {
  border-right: none;
}

.block-event .box.event {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  min-height: 300px;
}

.block-event .box.event .img {
  width: 300px;
}

.block-event .box.event .info {
  position: relative;
  padding: 20px 30px;
  margin-left: 300px;
  min-height: 300px;
}

.block-event .box.event .info .text {
  padding: 0 140px 0 0;
  min-height: auto;
}

.block-event .box.event .info .progress.icons {
  position: absolute;
  bottom: 20px;
}

.block-event .box.event .date {
  margin-bottom: 10px;
}

.block-event .box.event .buttons {
  position: absolute;
  right: 20px;
  top: 20px;
}

.block-event .box.fun {
  background: #F5F4F2;
  margin-bottom: 30px;
  min-height: 200px;
  box-shadow: none;
}

.block-event .box.fun .img {
  width: 200px;
}

.block-event .box.fun .info {
  margin-left: 200px;
  padding: 10px 30px;
  min-height: 200px;
}

.block-event .box.fun .info .text {
  padding-right: 0;
}

.block-event .box.fun .info .text .name {
  line-height: 30px;
  font-size: 24px;
}

.block-event .box.fun .info .text p {
  line-height: 22px;
}

.block-event .box.fun .info .text p:last-child {
  margin-bottom: 0;
}

.block-event .box.fun ~ .buttons {
  text-align: left;
}

.block-event .box.fun ~ .form .buttons {
  text-align: left;
}

@media screen and (max-width: 1280px) {
  .block-event .box.event:not(.fun) .info .text .name {
    line-height: 30px;
    font-size: 22px;
  }

  .block-event .box.event:not(.fun) .info .progress.icons {
    bottom: 10px;
  }
}

@media screen and (max-width: 1020px) {
  .block-event .box.event:not(.fun) .img {
    width: calc(100% + 2px);
  }

  .block-event .box.event:not(.fun) .info {
    position: initial;
    min-height: auto;
    margin-left: 0;
    padding: 20px;
  }

  .block-event .box.event:not(.fun) .info .text {
    padding-right: 0;
  }

  .block-event .box.event:not(.fun) .info .progress.icons {
    position: relative;
    bottom: auto;
  }

  .block-event .box.fun .img {
    position: absolute;
    padding-top: 0;
    height: 100%;
  }
}

@media screen and (max-width: 800px) {
  .block-event .box .progress.icons {
    display: none;
  }
}

@media screen and (max-width: 550px) {
  .block-event .box.fun .img {
    position: relative;
    padding-top: 50%;
    height: auto;
    width: 100%;
  }

  .block-event .box.fun .info {
    min-height: auto;
    margin-left: 0;
    padding: 20px;
  }

  .block-event .box.fun .info .text .name {
    line-height: 30px;
    font-size: 20px;
  }
}

@media screen and (max-width: 450px) {
  .block-event .box.event:not(.fun) {
    padding-bottom: 50px;
  }

  .block-event .box.event:not(.fun) .buttons {
    text-align: center;
    bottom: 25px;
    width: 100%;
    top: auto;
    right: 0;
  }
}

.block-event .table {
  margin-bottom: 40px;
}

.block-event .table.stages .cell .link {
  white-space: nowrap;
  font-size: 14px;
}

.block-event .table.stages .cell:last-child {
  width: 20%;
}

.block-event .table.stages .cell:last-child > * {
  float: right;
}

@media screen and (max-width: 1020px) {
  .block-event .table.stages .cell {
    line-height: normal;
    font-size: 18px;
  }
}

@media screen and (max-width: 800px) {
  .block-event .table.stages .row {
    flex-wrap: wrap;
    padding: 20px;
  }

  .block-event .table.stages .cell {
    position: relative;
    width: 100%;
    top: auto;
  }

  .block-event .table.stages .cell:first-child {
    padding-bottom: 10px;
  }

  .block-event .table.stages .cell:last-child {
    padding-top: 10px;
    text-align: left;
    width: 100%;
  }

  .block-event .table.stages .cell:last-child > * {
    float: none;
  }
}

@media screen and (max-width: 550px) {
  .block-event .table.stages .row {
    margin: 0;
  }

  .block-event .table.stages .cell {
    font-size: 16px;
  }
}

.block-event .buttons {
  text-align: center;
}

.block-event .buttons .button.circle {
  margin: 5px;
}

.block-event .target {
  font-family: "Roboto-Light";
  font-size: 22px;
}

.block-event .target .name {
  font-family: "Roboto-Bold";
}

.block-event .target .row {
  margin: 15px 0;
}

.block-event .target .row > * {
  vertical-align: middle;
  display: inline-block;
}

.block-event .target .row .link {
  font-family: "Roboto-Light";
  word-break: break-all;
  line-height: normal;
}

.block-event .target .status {
  line-height: 27px;
  padding: 0 20px;
  font-size: 16px;
  color: #FFFFFF;
  height: 30px;
  float: right;
}

.block-event .target .status.active {
  background: #00BF02;
}

.block-event .target .status.stop {
  background: #CCCCCC;
}

.block-event .target .title {
  position: relative;
}

.block-event .target .title h1 {
  width: calc(100% - 200px);
  margin-bottom: 0;
}

.block-event .target .title .status {
  margin-top: 13px;
}

.block-event .target .link {
  max-width: 100%;
}

.block-event .target .link span {
  max-width: calc(100% - 26px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (max-width: 1020px) {
  .block-event .target {
    font-size: 18px;
  }

  .block-event .target .row {
    margin: 10px 0;
  }

  .block-event .target .status {
    margin: -10px 0 10px;
    display: table;
    float: none;
  }
}

@media screen and (max-width: 550px) {
  .block-event .target {
    font-size: 16px;
  }
}

.block-event .progress + .form {
  margin-top: 70px;
}

.block-event + .block-event {
  margin-top: 50px;
}

.table .preview {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
  position: relative;
  padding-top: 60px;
  cursor: pointer;
}

.table .preview > * {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
}

.table .preview.video {
  width: 107px;
}

.table .preview.video img {
  opacity: 0.8;
}

.table .preview.video.multi:after {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  left: 0;
  top: 0;
}

.table .preview.video .text {
  color: #FFFFFF;
}

.table .preview.video .text .value {
  font-size: 27px;
}

.table .preview.video .text .bold {
  font-size: 14px;
}

.table .preview.photo {
  width: 80px;
}

.table .preview.photo:after {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  left: 0;
  top: 0;
}

.table .preview.photo .text {
  color: #FFFFFF;
}

.table .preview.photo .text .value {
  font-size: 27px;
}

.table .preview.photo .text .bold {
  font-size: 14px;
}

@media screen and (max-width: 800px) {
  .table .preview.video {
    height: 120px;
    width: 214px;
  }

  .table .preview.video img {
    width: 35%;
  }

  .table .preview.photo {
    height: 120px;
    width: 160px;
  }

  .table .preview.photo .text .value {
    font-size: 40px;
  }

  .table .preview.photo .text .bold {
    font-size: 16px;
  }
}

@media screen and (max-width: 800px) and (max-width: 550px) {
  .table .preview.video {
    padding-top: 56%;
    width: 100%;
  }

  .table .preview.video img {
    width: 35%;
  }

  .table .preview.photo {
    padding-top: 75%;
    width: 100%;
  }

  .table .preview.photo .text .value {
    font-size: 40px;
  }

  .table .preview.photo .text .bold {
    font-size: 16px;
  }
}

.progress.icons .progress-item:before {
  -webkit-transition: 0.25s all;
  transition: 0.25s all;
  background: #CCCCCC;
  position: absolute;
  height: 2px;
  width: 50px;
  right: 100%;
  content: "";
  top: 34px;
}

.progress.icons .progress-item:first-child {
  margin-left: 0;
}

.progress.icons .progress-item:first-child:before {
  display: none;
}

.progress.icons .progress-item.processed {
  z-index: 2;
}

.progress.icons .progress-item.processed:before {
  background: #FF5622;
}

.progress.icons .progress-item.done {
  z-index: 3;
}

.progress.icons .progress-item.done:before {
  background: #1892E4;
}

.progress.icons .progress-item .image img {
  max-width: 60%;
}

@media screen and (max-width: 1280px) {
  .progress.icons .progress-item {
    width: 50px;
  }

  .progress.icons .progress-item:before {
    top: 24px;
  }

  .progress.icons .progress-item .image {
    height: 50px;
    width: 50px;
  }
}

.progress.line .line {
  background: #E5E5E5;
  position: relative;
  margin: 40px 0;
  height: 50px;
}

.progress.line .line .collected {
  background: #00BF02;
  position: absolute;
  height: 100%;
}

.progress.line .line .collected .value {
  position: absolute;
  font-size: 16px;
  color: #00BF02;
  top: 55px;
  right: 0;
}

.progress.line .line .total {
  position: absolute;
  line-height: 50px;
  font-size: 22px;
  right: 30px;
  top: 0;
}

.progress.line .line.full .total {
  right: auto;
  left: 30px;
}

.progress-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  margin-left: 46px;
  width: 70px;
}

.progress-item .image {
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-transition: 0.25s all;
  transition: 0.25s all;
  -webkit-box-align: center;
          align-items: center;
  border-radius: 100%;
  background: #CCCCCC;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  height: 70px;
  width: 70px;
}

.progress-item .name {
  line-height: normal;
  margin-left: -50%;
  margin-top: 5px;
  font-size: 12px;
  padding: 0 5px;
  color: #CCCCCC;
  width: 200%;
}

.progress-item .check {
  border: 4px solid #FFFFFF;
  border-radius: 100%;
  position: absolute;
  display: none;
  height: 24px;
  width: 24px;
  right: -5px;
  top: -5px;
}

.progress-item .check img {
  display: block;
  width: 100%;
}

.progress-item.processed .image {
  background: #FF5622;
}

.progress-item.processed .name {
  color: #FF5622;
}

.progress-item.done .image {
  background: #1892E4;
}

.progress-item.done .name {
  color: #1892E4;
}

.progress-item.done .check {
  display: block;
}

.button {
  vertical-align: middle;
  text-decoration: none;
  -webkit-transition: all 320ms;
  transition: all 320ms;
  display: -webkit-inline-box;
  display: inline-flex;
  font-family: "Roboto-Bold";
  white-space: nowrap;
  -webkit-box-align: center;
          align-items: center;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: #FFFFFF;
  position: relative;
}

.button > * {
  vertical-align: middle;
  display: inline-block;
}

.button span {
  white-space: normal;
  line-height: 14px;
  text-align: left;
}

.button:not(.white) span {
  color: #FFFFFF;
}

.button.primary {
  border-radius: 4px;
  padding: 0 20px;
  height: 36px;
}

.button.circle {
  border-radius: 22px;
  padding: 0 20px;
  height: 44px;
}

.button.circle img {
  margin-right: 6px;
  height: 22px;
  width: 22px;
}

.button.icon {
  -webkit-box-pack: center;
          justify-content: center;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  border-radius: 100%;
  position: relative;
  text-align: center;
  height: 40px;
  width: 40px;
}

.button.icon img {
  -webkit-transition: all 320ms;
  transition: all 320ms;
  position: absolute;
  max-width: 100%;
  width: auto;
}

.button.icon:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.button.icon:disabled:hover {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.button.white {
  background: #EFEFEF;
  color: #808080;
}

.button.white:hover {
  background: #E5E5E5;
}

.button.orange {
  background: #FF5622;
}

.button.orange:hover {
  background: #DD3806;
}

.button.green {
  background: #00BF02;
}

.button.green:hover {
  background: #00A202;
}

.button.blue {
  background: #1892E4;
}

.button.blue:hover {
  background: #077AC8;
}

.button.red {
  background: #BF0000;
}

.button.red:hover {
  background: #BF0000;
}

.button:disabled {
  box-shadow: none !important;
  background: #B2B2B2;
  cursor: default;
  color: #E5E5E5;
}

.button:disabled:hover {
  background: #B2B2B2;
  color: #E5E5E5;
}

.button.loading span {
  opacity: 0;
}

.button.loading:after {
  content: url(/img/charity_loader.gif);
  position: absolute;
  left: 50%;
  margin-left: -20px;
  margin-top: 0px;
}

.button.share .share-buttons {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: 0.25s all;
  transition: 0.25s all;
  background: #FFFFFF;
  white-space: normal;
  border-radius: 30px;
  position: absolute;
  overflow: hidden;
  max-width: 70vw;
  width: 350px;
  padding: 5px;
  bottom: 120%;
  z-index: -1;
  opacity: 0;
  left: 50%;
}

@media screen and (max-width: 900px) {
  .button.share .share-buttons {
    width: 305px;
  }
}

.button.share .share-buttons .button.icon {
  vertical-align: middle;
  display: inline-block;
  height: 45px;
  width: 45px;
  margin: 4px;
}

@media screen and (max-width: 900px) {
  .button.share .share-buttons .button.icon {
    height: 38px;
    width: 38px;
  }
}

.button.share .share-buttons .button.icon img {
  position: initial;
  margin-right: 0;
  height: 100%;
  width: 100%;
}

.button.share.checked .share-buttons {
  opacity: 1;
  z-index: 2;
}

.buttons {
  font-size: 0;
}

.buttons .button {
  margin-right: 10px;
}

.buttons .button:last-child {
  margin-right: 0;
}

.buttons .total {
  vertical-align: middle;
  display: inline-block;
  font-family: "Roboto-Bold";
  font-size: 14px;
  color: #FF5622;
}

.share-buttons .button.icon {
  margin-bottom: 10px;
  height: 50px;
  width: 50px;
}

@media screen and (max-width: 550px) {
  .share-buttons .button.icon {
    height: 40px;
    width: 40px;
  }
}

.link {
  vertical-align: middle;
  display: inline-block;
  -webkit-transition: all 320ms;
  transition: all 320ms;
  cursor: pointer;
}

.link > * {
  vertical-align: middle;
  display: inline-block;
}

.link img {
  height: 20px;
  width: 20px;
}

.link > *:first-child {
  margin-right: 6px;
}

@-webkit-keyframes slideUp {
  from {
    -webkit-transform: translate3d(0, 40%, 0);
            transform: translate3d(0, 40%, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    -webkit-transform: translate3d(0, 40%, 0);
            transform: translate3d(0, 40%, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.block-gifts {
  -webkit-box-pack: center;
          justify-content: center;
  margin: 0 -10px 40px;
  display: -webkit-box;
  display: flex;
}

@media screen and (max-width: 800px) {
  .block-gifts {
    margin: 0 0 20px;
    flex-wrap: wrap;
  }

  .block-gifts .gift-item {
    margin-bottom: 30px;
    width: 33%;
  }
}

@media screen and (max-width: 640px) {
  .block-gifts .gift-item {
    width: 50%;
  }

  .block-gifts .gift-item .block-text .price {
    font-size: 18px;
    margin: 15px 0;
  }

  .block-gifts .gift-item .block-text .price br {
    display: none;
  }
}

@media screen and (max-width: 550px) {
  .block-gifts {
    display: block;
  }

  .block-gifts .gift-item {
    width: 100%;
  }

  .block-gifts .gift-item .block-circle {
    margin: 0 auto;
    display: block;
    width: 70%;
  }
}

.gift-item {
  text-align: center;
  cursor: pointer;
  padding: 0 10px;
  width: 20%;
}

.gift-item .block-circle {
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  display: -webkit-box;
  display: flex;
  font-size: 0;
}

.gift-item .block-circle img {
  display: block;
  width: 100%;
}

.gift-item .block-circle:before {
  border: 1px solid #999999;
  -webkit-transition: all 100ms;
  transition: all 100ms;
  border-radius: 100%;
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.gift-item .block-text .price {
  font-size: 16px;
  margin: 10px 0;
}

.gift-item .block-text .button {
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35);
}

.gift-item:hover .block-circle:before {
  border: 3px solid #FF5622;
}

.gift-item.checked .block-circle:before {
  border: 3px solid #FF5622;
}

.gift-item.checked .block-text .button.blue {
  background: #FF5622;
}

.slider {
  position: relative;
  overflow: hidden;
  font-size: 0;
}

.slider .slide {
  white-space: nowrap;
}

.upload.video {
  background-image: url(/images/ico_video_big.svg?853c9d9f5e0f65e0c17f7b3cb6c9886b);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #CCCCCC;
  background-size: 30%;
  margin-bottom: 44px;
  padding-top: 235px;
  position: relative;
  max-width: 100%;
  width: 420px;
}

.upload.video .preview {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.upload.video .preview img {
  cursor: pointer;
  display: none;
  opacity: 0.5;
  width: 20%;
}

.upload.video.checked .preview img {
  display: block;
}

@media screen and (max-width: 640px) {
  .upload.video {
    padding-top: 56%;
    width: 100%;
  }
}

.upload.photo {
  background-image: url(/images/ico_image_big.svg?e7c98fc12b19a612cb8623869ffbdb65);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #CCCCCC;
  background-size: 20%;
  margin-bottom: 44px;
  padding-top: 315px;
  position: relative;
  max-width: 100%;
  cursor: pointer;
  display: block;
  width: 420px;
}

.upload.photo input {
  display: none;
}

.upload.photo img {
  max-height: 100%;
  max-width: 100%;
  display: block;
  height: auto;
  width: auto;
}

.upload.photo .preview {
  border: 1px solid #F1F1F1;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.upload.photo .button {
  position: absolute;
  bottom: -15px;
  right: 20px;
}

.upload.photo.checked {
  background-color: #F5F4F2;
}

@media screen and (max-width: 640px) {
  .upload.photo {
    padding-top: 75%;
    width: 100%;
  }
}

.upload.info {
  margin-bottom: 30px;
  margin-top: -20px;
  font-size: 14px;
  color: #808080;
}

.team-member {
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 25px;
  margin-bottom: 50px;
  position: relative;
}

.team-member:last-child {
  border-bottom: none;
}

.team-member .avatar {
  background-position: center;
  background-size: cover;
  border-radius: 100%;
  position: absolute;
  height: 150px;
  width: 150px;
  left: -180px;
  top: 0;
}

.team-member .name {
  font-family: "Roboto-Light";
  margin-bottom: 5px;
  position: relative;
  line-height: 50px;
  font-size: 37px;
  top: -5px;
}

.team-member .position {
  margin-bottom: 25px;
}

@media screen and (max-width: 1260px) {
  .team-member .avatar {
    height: 120px;
    width: 120px;
    left: 0;
  }

  .team-member .name {
    padding-left: 150px;
  }

  .team-member .position {
    padding-left: 150px;
  }
}

@media screen and (max-width: 1020px) {
  .team-member .name {
    line-height: 40px;
    font-size: 30px;
  }
}

@media screen and (max-width: 640px) {
  .team-member .avatar {
    margin: 0 auto 30px;
    position: relative;
    height: 150px;
    width: 150px;
  }

  .team-member .name {
    text-align: center;
    padding-left: 0;
  }

  .team-member .position {
    text-align: center;
    padding-left: 0;
  }
}

.user .avatar {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  vertical-align: middle;
  display: inline-block;
  border-radius: 100%;
  margin-right: 5px;
  overflow: hidden;
  height: 50px;
  width: 50px;
}

.user .text {
  max-width: calc(100% - 60px);
  vertical-align: middle;
  display: inline-block;
}

.participants .options {
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  max-width: 100%;
  display: -webkit-box;
  display: flex;
  height: 55px;
  width: 220px;
}

.participants .options > * {
  vertical-align: middle;
  display: inline-block;
}

.participants .options .link {
  font-size: 14px;
  display: none;
}

.participants .options .button span {
  vertical-align: baseline;
}

.participants .options.checked .link {
  display: inline-block;
}

.participants .options.checked .button.primary {
  display: none;
}

.participants .buttons {
  margin-bottom: 44px;
}

.participants .grid .column:first-child + .column:last-child .delete {
  display: none;
}