.ra-2018__page-share {
  padding: 10px 0;
  text-align: center;
}
.ra-2018__page-share:hover {
  opacity: 1;
}
.ra-2018__page-share .ya-share2__item {
  margin-right: 15px !important;
}
.ra-2018__page-share .ya-share2__item:last-child {
  margin-right: 0 !important;
}
.ra-2018__page-share .ya-share2__badge {
  line-height: 30px;
  border-radius: 15px;
}
.ra-2018__page-share .ya-share2__badge .ya-share2__icon {
  width: 30px;
  height: 30px;
  background-size: 25px 25px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ra-2018__texts {
  max-width: 900px !important;
  margin: 0 auto;
}
@media all and (min-width: 1200px) {
}
.ra-2018__texts h1 {
  margin: 0;
  padding: 60px 0 20px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 18px;
  text-align: center;
  color: #929292;
  font-family: EuclidFlex, sans-serif;
}
@media all and (min-width: 768px) {
  .ra-2018__texts h1 {
    font-size: 26px;
  }
}
.ra-2018__texts h1 span {
  border-bottom: 1px solid #cdcdcd;
}
.ra-2018__texts .t {
  padding: 0 0 30px;
}
@media all and (min-width: 1400px) {
  .ra-2018__texts .t {
    max-width: 92%;
    margin: 0 auto;
  }
}
.ra-2018 .vote-comments__header {
  margin: 0;
  padding: 60px 0 20px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 25px;
  text-align: center;
  color: #929292;
  font-family: EuclidFlex, sans-serif;
}
.ra-2018 .vote-comments .st-comments .tree-container,
.ra-2018 .vote-comments .st-comments .form {
  max-width: 900px;
}
.ra-2018 .festival-wrap {
  margin: 30px 0 0;
  padding: 12px 0;
  background-color: #ff0000;
}
@media all and (min-width: 1400px) {
  .ra-2018 .festival-wrap {
    display: flex;
    padding: 10px 0;
    background-image: url(/app/public/images/specprojects/redApple2018/6.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.ra-2018 .festival-wrap__center {
  position: relative;
}
@media all and (min-width: 1400px) {
  .ra-2018 .festival-wrap__center {
    display: flex;
    max-width: 84%;
    min-width: 84%;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.ra-2018 .festival-wrap__left,
.ra-2018 .festival-wrap__right {
  max-width: 8%;
  min-width: 8%;
}
.ra-2018 .festival-wrap__left {
  background-position: right top !important;
}
.ra-2018 .festival-wrap__right {
  background-position: left top !important;
}
.ra-2018 .festival-wrap .dots {
  background-image: url(/app/public/images/specprojects/redApple2018/RedApple_romb_s.svg);
  background-size: 20px 20px;
}
@media all and (min-width: 1400px) {
  .ra-2018 .festival-wrap .dots {
    background-image: url(/app/public/images/specprojects/redApple2018/RedApple_romb_s_r.svg);
    background-size: 40px 40px;
    background-position: left top;
  }
}
.ra-2018 .festival-wrap .flex-first {
  display: flex;
  align-items: flex-end;
}
.ra-2018 .festival-wrap .flex-first .dots {
  order: 2;
  width: 100%;
  margin: 0 -12px 0 15px;
  height: 62px;
}
.ra-2018 .festival-wrap .flex-first .logo {
  order: 1;
}
@media all and (min-width: 1400px) {
  .ra-2018 .festival-wrap .flex-first {
    align-items: flex-start;
  }
}
@media all and (min-width: 1400px) {
  .ra-2018 .festival-wrap .flex-last {
    width: 100%;
    box-sizing: border-box;
    padding: 0 130px 0 30px;
  }
}
.ra-2018 .festival-wrap .logo {
  width: 80px;
}
@media all and (min-width: 1400px) {
  .ra-2018 .festival-wrap .logo {
    width: 80px;
    padding: 10px 0;
  }
}
.ra-2018 .festival-wrap .logo img {
  max-width: 100%;
}
.ra-2018 .festival-wrap .fest-header {
  margin: 21px 0 21px;
  font-size: 36px;
  font-weight: 300;
  line-height: 1;
  color: #fff;
  font-family: EuclidFlex, sans-serif;
}
@media all and (min-width: 1400px) {
  .ra-2018 .festival-wrap .fest-header {
    text-align: center;
    font-size: 42px;
  }
}
@media all and (min-width: 1400px) {
  .ra-2018 .festival-wrap .dots-left {
    display: none;
  }
}
@media all and (min-width: 1400px) {
  .ra-2018 .festival-wrap .dots-top {
    height: 32px;
  }
}
.ra-2018 .festival-wrap .dots-bottom {
  height: 20px;
  margin-left: -12px;
  margin-right: -12px;
}
@media all and (min-width: 1400px) {
  .ra-2018 .festival-wrap .dots-bottom {
    height: 32px;
    margin: 0;
  }
}
.ra-2018 .festival-wrap a {
  color: inherit;
  text-decoration: none;
}
.ra-2018 .ra-2018-header {
  margin: 30px 0 0;
}
.ra-2018 .ra-2018-menu {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #C5C5C5;
  font-size: 17px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1.2;
  font-family: EuclidFlex, sans-serif;
}
.ra-2018 .ra-2018-menu__item {
  margin-bottom: 10px;
}
.ra-2018 .ra-2018-menu__item.active {
  color: #222433;
}
.ra-2018 .ra-2018-menu__item .b {
  display: block;
}
.ra-2018 .ra-2018-menu__item a {
  display: block;
  text-decoration: none;
  color: inherit;
}
.ra-2018__articles-list {
  overflow: hidden;
  padding-top: 40px;
}
.ra-2018__articles-list .article-item {
  position: relative;
  margin-bottom: 50px;
}
.ra-2018__articles-list .article-item:before {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  top: 52%;
  left: -2000px;
  right: -2000px;
  background: url(/app/public/images/specprojects/redApple2018/RedApple_romb_s_fa.svg) left bottom;
  background-size: 50px 50px;
}
@media all and (min-width: 768px) {
  .ra-2018__articles-list .article-item {
    display: flex;
    align-items: flex-start;
  }
}
.ra-2018__articles-list .article-item .pic {
  position: relative;
  display: block;
  height: 0;
  padding-top: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media all and (min-width: 768px) {
  .ra-2018__articles-list .article-item .pic {
    min-width: 200px;
    max-width: 200px;
    height: 200px;
    margin-right: 30px;
    padding-top: 0;
  }
}
@media all and (min-width: 1200px) {
  .ra-2018__articles-list .article-item .pic {
    min-width: 400px;
    max-width: 400px;
    height: 240px;
  }
}
.ra-2018__articles-list .article-item .pic,
.ra-2018__articles-list .article-item .titles {
  position: relative;
}
.ra-2018__articles-list .article-item .capts {
  padding: 10px 0 20px;
  color: #555;
  font-size: 85%;
}
@media all and (min-width: 768px) {
  .ra-2018__articles-list .article-item .capts {
    padding-top: 0;
  }
}
.ra-2018__articles-list .article-item .capts .date {
  margin-right: 10px;
}
.ra-2018__articles-list .article-item .title {
  color: #fe0002;
  text-decoration: none;
  font-size: 130%;
  font-weight: 300;
  text-transform: uppercase;
  font-family: EuclidFlex, sans-serif;
}
.ra-2018__articles-list .article-item .title:hover {
  border-bottom: 1px solid #fe0002;
  color: #B6B6B6;
}
.ra-2018__articles-list .article-item .podzag {
  color: #9c9c9c;
}
.ra-2018__article-zags h1 {
  text-align: left;
}
.ra-2018__article-zags h1 span {
  border: none;
}
.ra-2018__article-zags .t {
  max-width: 100%;
  font-size: 120%;
}
.ra-2018__article-zags .t p {
  margin: 0;
}
.ra-2018__article-zags .ra-2018__page-share {
  margin-bottom: 30px;
  text-align: left;
}
.ra-2018__article {
  max-width: 900px;
  margin: 0 auto;
  color: #010101;
}
.ra-2018__article > p,
.ra-2018__article h4,
.ra-2018__article h3,
.ra-2018__article h2,
.ra-2018__article ul,
.ra-2018__article ol {
  max-width: none !important;
}
.ra-2018__old-articles-wrapper {
  margin-top: 30px;
  border-top: 1px solid #ededed;
}
.ra-2018__old-articles-wrapper a {
  color: inherit;
  text-decoration: none;
}
.ra-2018__old-articles-wrapper .item {
  margin-bottom: 30px;
}
.ra-2018__old-articles-wrapper .item:last-child {
  margin-bottom: 0;
}
.ra-2018__old-articles-wrapper .header {
  margin: 30px 0;
  color: #929292;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  font-family: EuclidFlex, sans-serif;
}
@media all and (min-width: 768px) {
  .ra-2018__old-articles-wrapper .header {
    font-size: 26px;
  }
}
.ra-2018__old-articles-wrapper .header a:hover {
  border-bottom: 1px solid #fe0002;
}
.ra-2018__old-articles-wrapper .pic {
  position: relative;
  height: 0;
  padding-top: 56.95%;
}
.ra-2018__old-articles-wrapper .pic a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ra-2018__old-articles-wrapper .captions {
  padding-top: 10px;
  color: #929292;
  font-size: 85%;
}
.ra-2018__old-articles-wrapper .date {
  margin-right: 10px;
}
.ra-2018__old-articles-wrapper .title {
  font-family: EuclidFlex, sans-serif;
}
@media all and (min-width: 768px) {
  .ra-2018 .ra-2018-menu {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .ra-2018 .ra-2018-menu__item {
    font-size: 16px;
    margin-right: 45px;
  }
}
@media all and (min-width: 1084px) {
  .ra-2018 .ra-2018-menu__item {
    font-size: 20px;
  }
}
@media all and (min-width: 1400px) {
  .ra-2018 .ra-2018-menu__item {
    font-size: 24px;
  }
}
.ra-test {
  max-width: 900px;
  margin: 30px auto 0;
  opacity: 0;
  font-weight: 300;
  transition: opacity ease 0.4s;
  font-family: EuclidFlex, sans-serif;
}
.ra-test.loaded {
  opacity: 1;
}
.ra-test a {
  color: inherit;
  text-decoration: none;
}
.ra-test .intro {
  text-align: center;
}
.ra-test .intro__text a {
  border-bottom: 1px solid #fe0002;
}
@media all and (min-width: 768px) {
  .ra-test .intro__text {
    font-size: 24px;
  }
}
.ra-test .intro__action {
  margin: 60px 0 0;
  text-align: center;
}
.ra-test .intro__action button {
  padding: 10px 20px;
  background: #fe0002;
  border: none;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  outline: none;
  opacity: 1;
  transform: scale(1);
  transition: all ease 0.4s;
  animation: button-hover 3s infinite;
  font-family: EuclidFlex, sans-serif;
}
.ra-test .intro__action button:focus {
  animation: none;
  opacity: 0;
}
@media all and (min-width: 768px) {
  .ra-test .intro__action button {
    font-size: 24px;
  }
}
.ra-test .question {
  transition: opacity ease 0.3s;
}
.ra-test .question.enter .question__text,
.ra-test .question.enter .question__answers {
  opacity: 1;
}
.ra-test .question__number {
  width: 160px;
  margin: 0 auto;
  padding: 5px 0;
  background: #fe0002;
  text-align: center;
  color: #fff;
}
.ra-test .question__text,
.ra-test .question__answers {
  opacity: 0;
  transition: opacity ease 0.3s;
}
.ra-test .question__text {
  margin: 30px 0;
  font-size: 22px;
}
@media all and (min-width: 768px) {
  .ra-test .question__text {
    font-size: 28px;
  }
}
.ra-test .question__text .b1,
.ra-test .question__text .b2 {
  display: block;
}
.ra-test .question__text .b1 {
  color: red;
}
.ra-test .question__text .b2 {
  margin-top: 15px;
  color: #000;
}
.ra-test .question__answers {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ra-test .question__answers.selected .answer {
  transition: opacity ease 0.3s;
  opacity: 0;
}
.ra-test .question__answers.selected .answer:nth-child(1) {
  transition-delay: 0.1s;
}
.ra-test .question__answers.selected .answer:nth-child(2) {
  transition-delay: 0.2s;
}
.ra-test .question__answers.selected .answer:nth-child(3) {
  transition-delay: 0.3s;
}
.ra-test .question__actions button {
  opacity: 0;
  pointer-events: none;
}
.ra-test .question__actions button.show {
  opacity: 1;
  pointer-events: initial;
}
.ra-test .answer {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  padding: 5px 15px 5px 35px;
  font-size: 22px;
  cursor: pointer;
  color: #929292;
  border-radius: 2px;
}
.ra-test .answer:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 15px;
  height: 15px;
  border: 1px solid #fe0002;
  border-radius: 50%;
}
.ra-test .answer:hover {
  color: #000;
}
.ra-test .answer.select {
  opacity: 1 !important;
  color: #000 !important;
}
.ra-test .answer.select.correct:before {
  animation: bigSmall 0.2s;
  background: green;
  border-color: green;
}
.ra-test .answer.select.failed:before {
  background: #fe0002;
  animation: smallBig 0.2s;
}
.ra-test .result {
  text-align: center;
}
.ra-test .result__count {
  display: inline-block;
  margin: 0 auto;
  padding: 5px 15px;
  background: #fe0002;
  text-align: center;
  color: #fff;
}
@media all and (min-width: 768px) {
  .ra-test .result__count {
    font-size: 26px;
  }
}
.ra-test .result__text {
  margin: 30px 0;
  font-size: 22px;
}
@media all and (min-width: 768px) {
  .ra-test .result__text {
    font-size: 28px;
  }
}
.ra-test .result__action button {
  padding: 10px 20px;
  background: #929292;
  border: none;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  outline: none;
  opacity: 1;
  transform: scale(1);
  transition: all ease 0.4s;
  font-family: EuclidFlex, sans-serif;
}
.ra-test .result__action button:focus {
  animation: none;
  opacity: 0;
}
.ra-test .result__share {
  margin: 26px 0;
}
.ra-test .result__share a {
  display: inline-block;
  margin-right: 15px;
  cursor: pointer;
  transition: transform ease 0.3s;
}
.ra-test .result__share a:last-child {
  margin-right: 0;
}
.ra-test .result__share a:hover {
  transform: scale(1.2);
}
.ra-test .result__share .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px solid red;
  border-radius: 50%;
  background-size: 30px 30px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ra-test .result__share .icon-fb {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.423 20v-7.298h2.464l.369-2.845h-2.832V8.042c0-.824.23-1.385 1.417-1.385h1.515V4.111A20.255 20.255 0 0 0 14.148 4c-2.183 0-3.678 1.326-3.678 3.76v2.097H8v2.845h2.47V20h2.953z' fill='red' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.ra-test .result__share .icon-vk {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.785 16.241s.288-.032.436-.194c.136-.148.132-.427.132-.427s-.02-1.304.576-1.496c.588-.19 1.341 1.26 2.14 1.818.605.422 1.064.33 1.064.33l2.137-.03s1.117-.071.587-.964c-.043-.073-.308-.661-1.588-1.87-1.34-1.264-1.16-1.059.453-3.246.983-1.332 1.376-2.145 1.253-2.493-.117-.332-.84-.244-.84-.244l-2.406.015s-.178-.025-.31.056c-.13.079-.212.262-.212.262s-.382 1.03-.89 1.907c-1.07 1.85-1.499 1.948-1.674 1.832-.407-.267-.305-1.075-.305-1.648 0-1.793.267-2.54-.521-2.733-.262-.065-.454-.107-1.123-.114-.858-.009-1.585.003-1.996.208-.274.136-.485.44-.356.457.159.022.519.099.71.363.246.341.237 1.107.237 1.107s.142 2.11-.33 2.371c-.325.18-.77-.187-1.725-1.865-.489-.859-.859-1.81-.859-1.81s-.07-.176-.198-.272c-.154-.115-.37-.151-.37-.151l-2.286.015s-.343.01-.469.161C3.94 7.721 4.043 8 4.043 8s1.79 4.258 3.817 6.403c1.858 1.967 3.968 1.838 3.968 1.838h.957z' fill='red' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.ra-test .result__share .icon-tg {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.92 6.089L4.747 11.555c-.967.388-.962.928-.176 1.168l3.534 1.104 1.353 4.146c.164.454.083.634.56.634.368 0 .53-.168.736-.368.13-.127.903-.88 1.767-1.719l3.677 2.717c.676.373 1.165.18 1.333-.628l2.414-11.374c.247-.99-.378-1.44-1.025-1.146zM8.66 13.573l7.967-5.026c.398-.242.763-.112.463.154l-6.822 6.155-.265 2.833-1.343-4.116z' fill='red' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.ra-test .result__share .icon-tw {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7.539a6.56 6.56 0 0 1-1.885.517 3.294 3.294 0 0 0 1.443-1.816 6.575 6.575 0 0 1-2.085.796 3.283 3.283 0 0 0-5.593 2.994A9.32 9.32 0 0 1 5.114 6.6a3.28 3.28 0 0 0 1.016 4.382 3.274 3.274 0 0 1-1.487-.41v.041a3.285 3.285 0 0 0 2.633 3.218 3.305 3.305 0 0 1-1.482.056 3.286 3.286 0 0 0 3.066 2.28A6.585 6.585 0 0 1 4 17.524 9.291 9.291 0 0 0 9.032 19c6.038 0 9.34-5 9.34-9.337 0-.143-.004-.285-.01-.425A6.672 6.672 0 0 0 20 7.538z' fill='red' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.component-fade-enter-to {
  opacity: 1 !important;
}
.component-fade-enter-active {
  opacity: 0;
  transition: opacity ease 0.3s;
}
.component-fade-leave-to {
  opacity: 0 !important;
}
.component-fade-leave-active {
  transition: opacity ease 0.3s;
  opacity: 1;
}
@keyframes show-bottom {
  from {
    opacity: 0;
    bottom: -50px;
  }
  to {
    opacity: 0.8;
    bottom: 0;
  }
}
@keyframes show-left {
  from {
    opacity: 0;
    left: -250px;
  }
  to {
    opacity: 0.8;
    left: 0;
  }
}
@keyframes button-hover {
  0% {
    transform: scale(1);
  }
  5% {
    transform: scale(1.1);
  }
  10% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bigSmall {
  0% {
    transform: translate(0, -50%) scale(1);
  }
  50% {
    transform: translate(0, -50%) scale(1.4);
  }
  100% {
    transform: translate(0, -50%) scale(1);
  }
}
@keyframes smallBig {
  0% {
    transform: translate(0, -50%) scale(1);
  }
  50% {
    transform: translate(0, -50%) scale(0.6);
  }
  100% {
    transform: translate(0, -50%) scale(1);
  }
}
/*# sourceMappingURL=main.css.map */