@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* ----------------------------------------------------------------------------------------------------
Super Form Reset
A couple of things to watch out for:
- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs
----------------------------------------------------------------------------------------------------*/
input,
label,
select,
button,
textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  /* Browsers have different default form fonts */
  font-size: 13px;
  font-family: Arial; }

/* Remove the stupid outer glow in Webkit */
input:focus {
  outline: 0; }

/* Box Sizing Reset
-----------------------------------------------*/
/* All of our custom controls should be what we expect them to be */
input,
textarea {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* Text Inputs
-----------------------------------------------*/
/* Button Controls
-----------------------------------------------*/
input[type=checkbox],
input[type=radio] {
  width: 13px;
  height: 13px; }

/* File Uploads
-----------------------------------------------*/
/* Search Input
-----------------------------------------------*/
/* Make webkit render the search input like a normal text field */
input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box; }

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
  display: none; }

/* Buttons
-----------------------------------------------*/
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  /* Fix IE7 display bug */
  overflow: visible;
  width: auto; }

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button {
  padding: 0;
  border: 0;
  background: none; }

/* Textarea
-----------------------------------------------*/
textarea {
  /* Move the label to the top */
  vertical-align: top;
  /* Turn off scroll bars in IE unless needed */
  overflow: auto; }

/* Selects
-----------------------------------------------*/
select[multiple] {
  /* Move the label to the top */
  vertical-align: top; }

/***********************/
/******** Colors *******/
/***********************/
/***********************/
/******** Fonts ********/
/***********************/
/* Определяем шрифты */
body {
  /* сглаживание шрифтов в вебките */
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased; }

a {
  text-decoration: none; }
  a:hover, a:focus, a:active {
    text-decoration: none; }

audio,
canvas,
img,
video {
  vertical-align: middle; }

form input,
form select,
form textarea {
  -webkit-appearance: none;
  text-overflow: ellipsis;
  outline: none; }
  form input:focus, form input:active,
  form select:focus,
  form select:active,
  form textarea:focus,
  form textarea:active {
    text-overflow: ellipsis; }

form textarea {
  resize: vertical; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/***********************/
/******** Colors *******/
/***********************/
/***********************/
/******** Fonts ********/
/***********************/
/*********************************/
/********** Typography ***********/
/*********************************/
/*********************************/
/*********** Buttons *************/
/*********************************/
/*********************************/
/******** Class Helpers **********/
/*********************************/
/*********************************/
/*********** Modules *************/
/*********************************/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

body, html {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  font-size: 1px;
  color: #000;
  background-color: #fff;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }
  body *, html * {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    font-size: 20rem;
    outline: none !important; }

html * {
  max-height: 1000000px; }

a {
  cursor: pointer; }
  a * {
    cursor: pointer; }

h1 {
  font-size: 64rem;
  line-height: 70rem;
  font-weight: 300; }

p {
  margin: 0 0 20rem 0;
  font-size: 18rem;
  line-height: 24rem; }
  p.large {
    font-size: 22rem;
    line-height: 32rem; }
  p.small {
    font-size: 16rem;
    line-height: 26rem; }

.hidden {
  display: none !important; }

.hideTime {
  display: none; }

.table {
  display: table; }
  .table .tr {
    display: table-row; }
    .table .tr .td {
      display: table-cell; }

.goLink {
  padding: 17rem 43rem;
  font-weight: 700;
  font-size: 22rem;
  line-height: 26rem;
  border: 2px solid #fff;
  color: #fff;
  text-transform: uppercase;
  -webkit-border-radius: 28rem;
  border-radius: 28rem;
  display: inline-block;
  margin: 0 0 45rem 0; }
  .goLink:hover {
    color: #ccc;
    border-color: #ccc; }

.flip-container {
  -webkit-perspective: 2000px;
  perspective: 2000px;
  width: 100%;
  height: 100%; }
  .flip-container.hover .flipper {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg); }
  .flip-container .flipper {
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    width: 100%;
    height: 100%; }
    .flip-container .flipper .front, .flip-container .flipper .back {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .flip-container .flipper .front {
      z-index: 2;
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg); }
    .flip-container .flipper .back {
      -webkit-transform: rotateX(180deg);
      transform: rotateX(180deg); }
  .flip-container.gorizontal {
    position: static; }
    .flip-container.gorizontal .back {
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg); }
    .flip-container.gorizontal .flipper {
      -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      transform-origin: 50% 0; }
    .flip-container.gorizontal.hover .flipper {
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg); }

.app header {
  position: fixed;
  top: 0px;
  left: 0%;
  z-index: 50;
  width: 100%; }
  .app header.back .headerBack {
    background: rgba(0, 0, 0, 0.9); }
  .app header .headerBack {
    position: absolute;
    top: 0px;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 50;
    -webkit-transition: background-color 0.4s linear 0s, background 0.4s linear 0s;
    transition: background-color 0.4s linear 0s, background 0.4s linear 0s;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(111, 111, 111, 0.4)), to(rgba(111, 111, 111, 0.9)));
    background: -webkit-linear-gradient(bottom, rgba(111, 111, 111, 0.4), rgba(111, 111, 111, 0.9));
    background: linear-gradient(to top, rgba(111, 111, 111, 0.4), rgba(111, 111, 111, 0.9)); }
    @media (max-width: 1299px) {
      .app header .headerBack {
        background: rgba(0, 0, 0, 0.9); } }
  .app header .header {
    width: 100%;
    max-width: 1470px;
    margin: 0 auto;
    font-size: 20rem;
    line-height: 25rem;
    font-weight: 700;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    position: relative; }
    .app header .header span, .app header .header a {
      padding: 30rem 15rem;
      display: inline-block; }
    .app header .header a {
      color: #00aaff; }
      .app header .header a:hover {
        color: #8ed9ff; }
      .app header .header a.active {
        color: #fff;
        cursor: default; }
        .app header .header a.active:hover {
          color: #fff; }
    .app header .header nav {
      position: relative;
      z-index: 55; }
      @media (max-width: 1299px) {
        .app header .header nav {
          display: none; } }
      .app header .header nav ul, .app header .header nav div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        @media (max-width: 719px) {
          .app header .header nav ul, .app header .header nav div {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between; } }
    .app header .header .burger {
      position: relative;
      z-index: 55;
      display: none;
      width: 64rem;
      height: 85rem;
      padding: 15rem 15rem;
      cursor: pointer; }
      @media (max-width: 1299px) {
        .app header .header .burger {
          display: block; } }
      @media (max-width: 767px) {
        .app header .header .burger {
          margin-right: 0px; } }
      .app header .header .burger * {
        cursor: pointer; }
      .app header .header .burger.active div:first-child, .app header .header .burger.active div:last-child {
        top: 16rem;
        width: 0;
        opacity: 0; }
      .app header .header .burger.active div:nth-child(2) {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg); }
      .app header .header .burger.active div:nth-child(3) {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg); }
      .app header .header .burger div {
        width: 34rem;
        height: 5rem;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: #00aaff;
        -webkit-transition: .3s ease-out;
        transition: .3s ease-out;
        display: inline-block; }
        .app header .header .burger div:first-child {
          top: 30rem; }
        .app header .header .burger div:nth-child(2), .app header .header .burger div:nth-child(3) {
          top: 40rem; }
        .app header .header .burger div:last-child {
          top: 50rem; }
    .app header .header .mobileMenu {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      z-index: 1000;
      background: rgba(0, 0, 0, 0.9);
      display: none; }
      .app header .header .mobileMenu ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
      .app header .header .mobileMenu .standart {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
    .app header .header .logo {
      position: absolute;
      top: 20rem;
      left: 50%;
      width: 100rem;
      text-align: center;
      z-index: 55; }
      @media (max-width: 1299px) {
        .app header .header .logo {
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); } }
      .app header .header .logo img {
        width: 100%;
        max-width: 1024px; }
      .app header .header .logo.start {
        z-index: 45;
        width: 70%;
        left: 15%; }
    .app header .header .addInfo, .app header .header div {
      position: relative;
      z-index: 55;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      @media (max-width: 1299px) {
        .app header .header .addInfo, .app header .header div {
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
          justify-content: flex-start; } }
      @media (max-width: 719px) {
        .app header .header .addInfo, .app header .header div {
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
      @media (max-width: 1299px) {
        .app header .header .addInfo .standart, .app header .header div .standart {
          display: none; } }
      .app header .header .addInfo .phone a, .app header .header div .phone a {
        color: #fff; }
        .app header .header .addInfo .phone a:hover, .app header .header div .phone a:hover {
          color: #fff; }

.app .content > section {
  position: relative;
  z-index: 10;
  background-color: #fff; }

.app .content .multi {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 4;
  width: 100%;
  height: 100vh; }
  .app .content .multi .video {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #1a1a1a; }
    .app .content .multi .video video, .app .content .multi .video iframe, .app .content .multi .video .poster {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      background-color: #1a1a1a;
      -o-object-fit: cover;
      object-fit: cover; }
    @media (max-width: 991px) {
      .app .content .multi .video iframe {
        display: none; } }
    .app .content .multi .video .poster {
      min-height: 100%;
      display: none;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }
      @media (max-width: 991px) {
        .app .content .multi .video .poster {
          display: block; } }
  .app .content .multi .vyal {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 6;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6); }

.app .content .multiHelper {
  position: relative;
  z-index: 1;
  height: 100vh; }

.app .content .mainInfo {
  color: #fff;
  position: relative;
  background-color: transparent; }
  .app .content .mainInfo .mainInfo-inner {
    max-width: 1550px;
    padding: 0 15px;
    margin: 0 auto 0rem auto; }
    .app .content .mainInfo .mainInfo-inner h1 {
      text-align: center;
      margin-bottom: 100rem; }
    .app .content .mainInfo .mainInfo-inner .desc {
      font-size: 24rem;
      line-height: 40rem;
      width: 100%;
      max-width: 870px;
      margin: 0 auto;
      padding: 0 0 70rem 0; }
      .app .content .mainInfo .mainInfo-inner .desc p {
        margin-bottom: 20rem; }
    .app .content .mainInfo .mainInfo-inner .organizers {
      padding: 0 0 53rem 0; }
      .app .content .mainInfo .mainInfo-inner .organizers .title {
        letter-spacing: 16rem;
        font-size: 18rem;
        line-height: 22rem;
        margin-bottom: 36rem;
        text-transform: uppercase;
        text-align: center; }
      .app .content .mainInfo .mainInfo-inner .organizers .organizersList ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .app .content .mainInfo .mainInfo-inner .organizers .organizersList ul li {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          margin: 30px; }
          .app .content .mainInfo .mainInfo-inner .organizers .organizersList ul li a {
            display: inline-block; }

.app .content .partners {
  background-color: #1f419b; }
  .app .content .partners .partners-inner {
    max-width: 1330px;
    margin: 0 auto;
    padding: 55px 15px;
    text-align: center; }
    .app .content .partners .partners-inner .title {
      letter-spacing: 16rem;
      font-size: 18rem;
      line-height: 22rem;
      margin-bottom: 36rem;
      text-transform: uppercase;
      text-align: center;
      color: #fff;
      opacity: .75; }
    .app .content .partners .partners-inner .partnersList {
      margin: 0 0 60px 0; }
      .app .content .partners .partners-inner .partnersList ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .app .content .partners .partners-inner .partnersList ul li {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          height: 130px;
          margin: 30px; }
          .app .content .partners .partners-inner .partnersList ul li a img {
            opacity: 0.6; }
          .app .content .partners .partners-inner .partnersList ul li a:hover img {
            opacity: 1; }

.app .content .event {
  padding: 40rem 0; }
  .app .content .event .event-inner {
    width: 100%;
    max-width: 1435px;
    padding: 0 30rem;
    margin: 0 auto; }
    @media (max-width: 991px) {
      .app .content .event .event-inner {
        padding-left: 15rem;
        padding-right: 15rem; } }
    .app .content .event .event-inner .toggleEvent {
      margin: 0 0 50rem -18rem; }
      .app .content .event .event-inner .toggleEvent ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .app .content .event .event-inner .toggleEvent ul li {
          position: relative; }
          .app .content .event .event-inner .toggleEvent ul li:after {
            border: 10px solid transparent;
            border-top: 12px solid #000;
            position: absolute;
            top: 100%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
          .app .content .event .event-inner .toggleEvent ul li .toggleEventButton {
            padding: 8rem 18rem;
            font-size: 36rem;
            line-height: 40rem;
            font-weight: 600;
            color: #00a1ff;
            cursor: pointer;
            display: inline-block; }
            .app .content .event .event-inner .toggleEvent ul li .toggleEventButton:hover {
              color: #198bc4; }
          .app .content .event .event-inner .toggleEvent ul li.active:after {
            content: ''; }
          .app .content .event .event-inner .toggleEvent ul li.active .toggleEventButton {
            color: #000;
            cursor: default; }
            .app .content .event .event-inner .toggleEvent ul li.active .toggleEventButton:hover {
              color: #000; }
  .app .content .event .eventList > ul > li {
    display: none; }
    .app .content .event .eventList > ul > li.active {
      display: block; }
    .app .content .event .eventList > ul > li .eventHeader {
      text-align: center; }
      .app .content .event .eventList > ul > li .eventHeader img {
        margin: 0 0 45rem;
        max-width: 844px;
        width: 90%; }
      .app .content .event .eventList > ul > li .eventHeader h2 {
        font-weight: 600;
        font-size: 44rem;
        line-height: 50rem;
        margin: 0 0 40rem 0; }
    .app .content .event .eventList > ul > li .awards {
      margin: 0 0 95rem 0; }
      .app .content .event .eventList > ul > li .awards > ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .app .content .event .eventList > ul > li .awards > ul > li {
          width: 25%;
          height: 427px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center; }
          @media (max-width: 1640px) {
            .app .content .event .eventList > ul > li .awards > ul > li {
              width: 33.33333333%; } }
          @media (max-width: 1299px) {
            .app .content .event .eventList > ul > li .awards > ul > li {
              width: 50%; } }
          @media (max-width: 991px) {
            .app .content .event .eventList > ul > li .awards > ul > li {
              width: 100%; } }
          .app .content .event .eventList > ul > li .awards > ul > li.firstAw {
            width: 50%; }
            @media (max-width: 1640px) {
              .app .content .event .eventList > ul > li .awards > ul > li.firstAw {
                width: 66.666666666%; } }
            @media (max-width: 1299px) {
              .app .content .event .eventList > ul > li .awards > ul > li.firstAw {
                width: 100%; } }
            @media (max-width: 1199px) {
              .app .content .event .eventList > ul > li .awards > ul > li.firstAw .inner {
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center; } }
            @media (max-width: 991px) {
              .app .content .event .eventList > ul > li .awards > ul > li.firstAw .inner {
                -webkit-box-pack: start;
                -webkit-justify-content: flex-start;
                -ms-flex-pack: start;
                justify-content: flex-start; } }
          .app .content .event .eventList > ul > li .awards > ul > li.secondAw {
            width: 25%; }
            @media (max-width: 1640px) {
              .app .content .event .eventList > ul > li .awards > ul > li.secondAw {
                width: 66.666666666%; } }
            @media (max-width: 1299px) {
              .app .content .event .eventList > ul > li .awards > ul > li.secondAw {
                width: 50%; } }
            @media (max-width: 991px) {
              .app .content .event .eventList > ul > li .awards > ul > li.secondAw {
                width: 100%; } }
          .app .content .event .eventList > ul > li .awards > ul > li .flipper .front {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center; }
          .app .content .event .eventList > ul > li .awards > ul > li .flipper .back {
            background-color: rgba(13, 79, 127, 0.9); }
          .app .content .event .eventList > ul > li .awards > ul > li .flipper .front, .app .content .event .eventList > ul > li .awards > ul > li .flipper .back {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            border: 1px solid #fff; }
          .app .content .event .eventList > ul > li .awards > ul > li .inner {
            width: -webkit-calc(100% - 60rem);
            width: calc(100% - 60rem);
            background: rgba(13, 79, 127, 0.9);
            height: 230px;
            color: #fff;
            font-size: 22rem;
            line-height: 35rem;
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 50rem 30rem; }
            @media (max-width: 1199px) {
              .app .content .event .eventList > ul > li .awards > ul > li .inner {
                -webkit-box-pack: start;
                -webkit-justify-content: flex-start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                padding-left: 10%;
                padding-right: 10%; } }
            @media (max-width: 991px) {
              .app .content .event .eventList > ul > li .awards > ul > li .inner {
                padding-left: 15%;
                padding-right: 15%; } }
            @media (max-width: 767px) {
              .app .content .event .eventList > ul > li .awards > ul > li .inner {
                -webkit-box-pack: start;
                -webkit-justify-content: flex-start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                padding-left: 10%;
                padding-right: 10%; } }
            .app .content .event .eventList > ul > li .awards > ul > li .inner .img {
              margin: 0 30rem 0 0; }
              @media (max-width: 1199px) {
                .app .content .event .eventList > ul > li .awards > ul > li .inner .img {
                  width: 100px;
                  -webkit-flex-shrink: 0;
                  -ms-flex-negative: 0;
                  flex-shrink: 0; } }
            .app .content .event .eventList > ul > li .awards > ul > li .inner .text .name {
              font-weight: 600;
              text-transform: uppercase; }
          .app .content .event .eventList > ul > li .awards > ul > li .inner2 {
            background: rgba(13, 79, 127, 0.9);
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 30rem;
            color: #fff; }
            .app .content .event .eventList > ul > li .awards > ul > li .inner2 .text .title {
              text-transform: uppercase;
              margin: 0 0 20rem 0;
              font-size: 18rem;
              line-height: 26rem;
              font-weight: 600; }
            .app .content .event .eventList > ul > li .awards > ul > li .inner2 .text .nomList ul li {
              margin: 0 0 15px 0; }
              .app .content .event .eventList > ul > li .awards > ul > li .inner2 .text .nomList ul li .name {
                font-size: 20rem;
                line-height: 22rem; }
                .app .content .event .eventList > ul > li .awards > ul > li .inner2 .text .nomList ul li .name a {
                  color: #fff;
                  text-decoration: underline; }
              .app .content .event .eventList > ul > li .awards > ul > li .inner2 .text .nomList ul li .company {
                font-size: 16rem;
                line-height: 22rem; }
    .app .content .event .eventList > ul > li .info {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media (max-width: 1299px) {
        .app .content .event .eventList > ul > li .info {
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      .app .content .event .eventList > ul > li .info .col-1 {
        width: 420px;
        padding: 0 0 60rem 0; }
        @media (max-width: 1299px) {
          .app .content .event .eventList > ul > li .info .col-1 {
            width: 100%; } }
      .app .content .event .eventList > ul > li .info .col-2 {
        width: 500px;
        padding: 0 80rem 80rem 0; }
        @media (max-width: 1299px) {
          .app .content .event .eventList > ul > li .info .col-2 {
            width: 60%; } }
        @media (max-width: 991px) {
          .app .content .event .eventList > ul > li .info .col-2 {
            width: 100%; } }
      .app .content .event .eventList > ul > li .info .col-3 {
        width: 310px;
        padding: 0 0 60rem 0; }
        @media (max-width: 1299px) {
          .app .content .event .eventList > ul > li .info .col-3 {
            width: 40%; } }
        @media (max-width: 991px) {
          .app .content .event .eventList > ul > li .info .col-3 {
            width: 100%; } }
      .app .content .event .eventList > ul > li .info h2 {
        font-size: 26rem;
        line-height: 44rem;
        margin: 0 0 10rem 0; }
      .app .content .event .eventList > ul > li .info .text1 {
        font-size: 20rem;
        /*line-height: 34rem;*/
        margin: 0 0 20rem 0; }
      @media (max-width: 1299px) {
        .app .content .event .eventList > ul > li .info .forWhat ul {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: stretch;
          -webkit-align-items: stretch;
          -ms-flex-align: stretch;
          align-items: stretch;
          -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
          justify-content: space-around; } }
      @media (max-width: 991px) {
        .app .content .event .eventList > ul > li .info .forWhat ul {
          display: block; } }
      .app .content .event .eventList > ul > li .info .forWhat ul li {
        margin: 0 50rem 50rem 0; }
        .app .content .event .eventList > ul > li .info .forWhat ul li:last-child {
          margin-right: 0rem; }
        .app .content .event .eventList > ul > li .info .forWhat ul li .img {
          margin: 0 0 34rem 0; }
        .app .content .event .eventList > ul > li .info .forWhat ul li h3 {
          font-size: 20rem;
          line-height: 30rem;
          font-weight: 700;
          text-transform: uppercase; }
        .app .content .event .eventList > ul > li .info .forWhat ul li .desc {
          font-size: 20rem;
          /*line-height: 26rem;*/ }
      .app .content .event .eventList > ul > li .info ol {
        list-style-type: decimal;
        margin: 0 0 0 30rem; }
        .app .content .event .eventList > ul > li .info ol li {
          font-size: 20rem;
          line-height: 34rem;
          margin: 0 0 28rem 0; }
          .app .content .event .eventList > ul > li .info ol li a {
            font-size: 25rem;
            line-height: 34rem;
            color: #000;
            text-decoration: underline; }
      .app .content .event .eventList > ul > li .info .buttons {
        margin: 100rem 0 0 0;
        width: -webkit-calc(100% + 80px);
        width: calc(100% + 80px);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        @media (max-width: 991px) {
          .app .content .event .eventList > ul > li .info .buttons {
            margin-top: 30rem; } }
        .app .content .event .eventList > ul > li .info .buttons .goLinkInfo {
          -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          display: inline-block;
          padding: 15px 27px;
          font-size: 22rem;
          line-height: 30rem;
          margin-right: 25rem;
          font-weight: 600;
          -webkit-border-radius: 12px;
          border-radius: 12px;
          text-transform: uppercase; }
          .app .content .event .eventList > ul > li .info .buttons .goLinkInfo:last-child {
            margin-right: 0rem; }
          .app .content .event .eventList > ul > li .info .buttons .goLinkInfo.goLink2 {
            background: -webkit-gradient(linear, right top, left top, from(#00619e), to(#5fc7ff));
            background: -webkit-linear-gradient(right, #00619e, #5fc7ff);
            background: linear-gradient(to left, #00619e, #5fc7ff);
            color: #fff; }
            .app .content .event .eventList > ul > li .info .buttons .goLinkInfo.goLink2:hover {
              background: -webkit-gradient(linear, right top, left top, from(#2881b9), to(#91d9ff));
              background: -webkit-linear-gradient(right, #2881b9, #91d9ff);
              background: linear-gradient(to left, #2881b9, #91d9ff); }
          .app .content .event .eventList > ul > li .info .buttons .goLinkInfo.goLink3 {
            border: 1px solid #00aaff;
            color: #00a1ff; }
            .app .content .event .eventList > ul > li .info .buttons .goLinkInfo.goLink3:hover {
              color: #51bfff;
              border-color: #51bfff; }
      .app .content .event .eventList > ul > li .info p {
        font-size: 20rem;
        /*line-height: 25rem;*/
        margin: 0 0 20rem 0; }
        .app .content .event .eventList > ul > li .info p .specialLink {
          padding: 30px 0;
          color: #00a1ff;
          font-size: 22rem; }
          .app .content .event .eventList > ul > li .info p .specialLink:hover {
            color: #38bdff; }
    .app .content .event .eventList > ul > li .sideWrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding: 20rem 0; }
      @media (max-width: 1299px) {
        .app .content .event .eventList > ul > li .sideWrapper {
          display: block; } }
      .app .content .event .eventList > ul > li .sideWrapper .leftSide {
        width: 540px;
        margin: 0 45px 0 0;
        padding: 0 0 50rem 0; }
        @media (max-width: 1299px) {
          .app .content .event .eventList > ul > li .sideWrapper .leftSide {
            margin-right: 0rem;
            width: 100%; } }
        .app .content .event .eventList > ul > li .sideWrapper .leftSide .slider {
          width: 100%;
          max-width: 540px;
          margin: 0 auto 10px auto; }
          .app .content .event .eventList > ul > li .sideWrapper .leftSide .slider .sliderItem {
            width: 100%;
            height: 540px;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat; }
        .app .content .event .eventList > ul > li .sideWrapper .leftSide .slider-nav {
          width: 100%;
          max-width: 540px;
          margin: 0 auto; }
          .app .content .event .eventList > ul > li .sideWrapper .leftSide .slider-nav .slick-track {
            width: 100% !important;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
            .app .content .event .eventList > ul > li .sideWrapper .leftSide .slider-nav .slick-track:before {
              content: none; }
          .app .content .event .eventList > ul > li .sideWrapper .leftSide .slider-nav .slick-current:before {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            content: '';
            width: 100%;
            height: 100%;
            border: 12px solid #00aaff;
            position: absolute;
            top: 0px;
            left: 0px; }
          .app .content .event .eventList > ul > li .sideWrapper .leftSide .slider-nav .sliderItem {
            width: 18% !important;
            margin: 0 2.5% 10px 0;
            height: 100px;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            position: relative;
            cursor: pointer; }
            .app .content .event .eventList > ul > li .sideWrapper .leftSide .slider-nav .sliderItem:nth-child(5n) {
              margin-right: 0px; }
      .app .content .event .eventList > ul > li .sideWrapper .rightSide {
        width: -webkit-calc(100% - 585px);
        width: calc(100% - 585px);
        padding: 0 0 50rem 100rem; }
        @media (max-width: 1299px) {
          .app .content .event .eventList > ul > li .sideWrapper .rightSide {
            width: 100%;
            padding-left: 0rem; } }
        .app .content .event .eventList > ul > li .sideWrapper .rightSide .table {
          margin: 0 0 0 -100rem; }
          @media (max-width: 1299px) {
            .app .content .event .eventList > ul > li .sideWrapper .rightSide .table {
              margin: 0 auto; } }
          .app .content .event .eventList > ul > li .sideWrapper .rightSide .table .tr .td {
            padding: 8rem 20rem;
            line-height: 24rem;
            max-width: 330px;
            font-size: 18rem; }
            .app .content .event .eventList > ul > li .sideWrapper .rightSide .table .tr .td:first-child {
              padding-left: 0rem;
              padding-right: 15rem;
              width: 85rem; }
            .app .content .event .eventList > ul > li .sideWrapper .rightSide .table .tr .td:nth-child(5) {
              padding-right: 40rem; }
            .app .content .event .eventList > ul > li .sideWrapper .rightSide .table .tr .td:last-child {
              padding-right: 0rem; }
            .app .content .event .eventList > ul > li .sideWrapper .rightSide .table .tr .td.number {
              text-transform: uppercase;
              color: #999999;
              font-size: 15rem; }
            .app .content .event .eventList > ul > li .sideWrapper .rightSide .table .tr .td.title {
              font-weight: 600;
              font-size: 24rem;
              line-height: 26rem;
              padding-top: 50rem; }
    .app .content .event .eventList > ul > li .experts-inner {
      width: 100%;
      max-width: 1375px;
      padding: 0 0 80rem 0;
      margin: 0 auto; }
      .app .content .event .eventList > ul > li .experts-inner .title {
        letter-spacing: 18px;
        font-size: 18rem;
        line-height: 34rem;
        text-transform: uppercase;
        text-align: center;
        margin: 0 0 30px 0; }
      .app .content .event .eventList > ul > li .experts-inner .expertsList ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        @media (max-width: 1375px) {
          .app .content .event .eventList > ul > li .experts-inner .expertsList ul {
            -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
            justify-content: space-around; } }
        .app .content .event .eventList > ul > li .experts-inner .expertsList ul li {
          width: 32%;
          margin: 0 0 16px 0;
          height: 530px;
          color: #fff; }
          @media (max-width: 991px) {
            .app .content .event .eventList > ul > li .experts-inner .expertsList ul li {
              width: 48%; } }
          @media (max-width: 719px) {
            .app .content .event .eventList > ul > li .experts-inner .expertsList ul li {
              width: 100%; } }
          .app .content .event .eventList > ul > li .experts-inner .expertsList ul li.blackText .inner {
            color: #000;
            text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.9); }
          .app .content .event .eventList > ul > li .experts-inner .expertsList ul li .inner {
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            position: relative;
            width: 100%;
            height: 100%; }
            .app .content .event .eventList > ul > li .experts-inner .expertsList ul li .inner .text {
              position: absolute;
              bottom: 0;
              right: 0;
              padding: 25rem;
              width: 100%;
              max-width: 310px;
              text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.9); }
              .app .content .event .eventList > ul > li .experts-inner .expertsList ul li .inner .text .name {
                font-size: 26rem;
                line-height: 26rem;
                font-weight: bold;
                margin: 0 0 10px 0; }
              .app .content .event .eventList > ul > li .experts-inner .expertsList ul li .inner .text .position {
                font-size: 18rem;
                line-height: 26rem; }
          .app .content .event .eventList > ul > li .experts-inner .expertsList ul li .inner2 {
            background-color: #1f419b;
            width: 100%;
            height: 100%;
            position: relative; }
            .app .content .event .eventList > ul > li .experts-inner .expertsList ul li .inner2 .text {
              position: absolute;
              bottom: 0;
              right: 0;
              padding: 25rem;
              width: 100%;
              /* max-width: 310px; */
              max-width: 350px;
              text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); }
              .app .content .event .eventList > ul > li .experts-inner .expertsList ul li .inner2 .text .name {
                font-size: 26rem;
                line-height: 26rem;
                font-weight: bold;
                margin: 0 0 10px 0; }
              .app .content .event .eventList > ul > li .experts-inner .expertsList ul li .inner2 .text .position {
                font-size: 18rem;
                line-height: 26rem; }
    .app .content .event .eventList > ul > li .schedule-inner {
      width: 100%;
      max-width: 1405px;
      padding: 0 15rem 80rem 15rem;
      margin: 0 auto; }
      .app .content .event .eventList > ul > li .schedule-inner .title {
        letter-spacing: 18px;
        font-size: 18rem;
        line-height: 34rem;
        text-transform: uppercase;
        margin: 0 0 30px 34.5%; }
        @media (max-width: 991px) {
          .app .content .event .eventList > ul > li .schedule-inner .title {
            margin-left: 0px;
            text-align: center; } }
      .app .content .event .eventList > ul > li .schedule-inner .scheduleList {
        margin: 0 0 0 34.5%;
        width: -webkit-calc(100% - 40%);
        width: calc(100% - 40%); }
        @media (max-width: 991px) {
          .app .content .event .eventList > ul > li .schedule-inner .scheduleList {
            width: 100%;
            margin-left: 0px; } }
        .app .content .event .eventList > ul > li .schedule-inner .scheduleList ul li {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: stretch;
          -webkit-align-items: stretch;
          -ms-flex-align: stretch;
          align-items: stretch;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          margin: 0 0 20px 0; }
          .app .content .event .eventList > ul > li .schedule-inner .scheduleList ul li .time {
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 160rem;
            margin: 0 0 0 -160rem;
            padding: 0 34px 0 0;
            text-align: right;
            font-size: 22rem;
            line-height: 34rem; }
            @media (max-width: 991px) {
              .app .content .event .eventList > ul > li .schedule-inner .scheduleList ul li .time {
                margin-left: 0px; } }
            .app .content .event .eventList > ul > li .schedule-inner .scheduleList ul li .time span {
              display: inline-block;
              width: 100%; }
          .app .content .event .eventList > ul > li .schedule-inner .scheduleList ul li .action .name {
            font-size: 26rem;
            line-height: 34rem; }
          .app .content .event .eventList > ul > li .schedule-inner .scheduleList ul li .action .desc {
            font-size: 22rem;
            line-height: 34rem;
            margin: 5rem 0 0 0; }

.app .content .news {
  margin-top: -1px; }
  .app .content .news .news-inner {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 0 50rem 0; }
    .app .content .news .news-inner .newsList ul li {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center 0;
      width: 22%;
      margin: 0 1.5% 22rem 1.5%;
      color: #fff; }
      @media (max-width: 1299px) {
        .app .content .news .news-inner .newsList ul li {
          width: 30%;
          margin-left: 1.6666666666%;
          margin-right: 1.6666666666%; } }
      @media (max-width: 1199px) {
        .app .content .news .news-inner .newsList ul li {
          width: 46%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 719px) {
        .app .content .news .news-inner .newsList ul li {
          width: 96%;
          margin-left: 2%;
          margin-right: 2%; } }
      .app .content .news .news-inner .newsList ul li.textBottom > a, .app .content .news .news-inner .newsList ul li.textBottom > span {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
      .app .content .news .news-inner .newsList ul li.whiteText .date, .app .content .news .news-inner .newsList ul li.whiteText .title p {
        color: #fff; }
      .app .content .news .news-inner .newsList ul li.blueText .date, .app .content .news .news-inner .newsList ul li.blueText .title p {
        color: #0073e5; }
      .app .content .news .news-inner .newsList ul li .back {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 45;
        width: 100%;
        height: 100%; }
      .app .content .news .news-inner .newsList ul li > a, .app .content .news .news-inner .newsList ul li > span {
        width: 100%;
        height: 100%;
        padding: 25px;
        color: inherit;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
        .app .content .news .news-inner .newsList ul li > a .date, .app .content .news .news-inner .newsList ul li > span .date {
          position: relative;
          z-index: 50;
          font-size: 15rem;
          line-height: 20rem;
          margin: 0 0 20rem 0; }
        .app .content .news .news-inner .newsList ul li > a .title, .app .content .news .news-inner .newsList ul li > span .title {
          position: relative;
          z-index: 50;
          font-size: 24rem;
          line-height: 28rem;
          max-width: 100%; }
          .app .content .news .news-inner .newsList ul li > a .title p, .app .content .news .news-inner .newsList ul li > span .title p {
            font-size: 24rem;
            line-height: 28rem; }

.app .footer {
  background-color: #f2f2f2;
  position: relative;
  z-index: 10; }
  .app .footer footer {
    width: 100%;
    padding: 90rem 15rem 60rem 15rem;
    max-width: 1380px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media (max-width: 1199px) {
      .app .footer footer {
        display: block; } }
    .app .footer footer .main {
      margin: 0 60rem 30rem 0;
      max-width: 700px;
      margin-left: 110px; }
      @media (max-width: 1199px) {
        .app .footer footer .main {
          margin-left: auto;
          margin-right: auto; } }
      .app .footer footer .main .quest {
        margin: 0 0 20px -110px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        @media (max-width: 1199px) {
          .app .footer footer .main .quest {
            margin-left: 0; } }
        .app .footer footer .main .quest .img {
          -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          width: 110px; }
        .app .footer footer .main .quest .text {
          font-size: 20rem;
          line-height: 32rem; }
      .app .footer footer .main .phone a {
        color: #000;
        font-size: 28px;
        line-height: 36px;
        margin: 0 0 10px; }
        .app .footer footer .main .phone a:hover {
          color: #000; }
      .app .footer footer .main a {
        color: #00aaff;
        font-size: 26px;
        line-height: 36px;
        display: inline-block; }
        .app .footer footer .main a:hover {
          color: #0592d8; }
        .app .footer footer .main a.phone {
          color: #000;
          font-size: 28px;
          line-height: 36px;
          margin: 0 0 10px; }
          .app .footer footer .main a.phone:hover {
            color: #000; }
    .app .footer footer .dev {
      max-width: 240px;
      font-size: 20rem;
      line-height: 32rem; }
      @media (max-width: 1199px) {
        .app .footer footer .dev {
          margin-left: auto;
          margin-right: auto;
          max-width: 700px; } }
      .app .footer footer .dev .str {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%; }
        .app .footer footer .dev .str > span {
          -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          margin-right: 10px;
          display: block; }
      .app .footer footer .dev .logo-webrover {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: inline-block; }
        .app .footer footer .dev .logo-webrover .text {
          letter-spacing: 2.5px;
          font-size: 8px;
          line-height: 7px;
          color: #808080;
          text-transform: uppercase;
          display: block;
          text-align: center;
          clear: both;
          padding-left: 5px; }

.popupBlock {
  padding: 30px 20px 50px 20px; }
  .popupBlock h2 {
    margin: 0 0 30px 0;
    font-size: 36rem;
    line-height: 40rem; }
  .popupBlock form .formGroup, .popupBlock form .formGroup2 {
    margin: 0 0 10px 0;
    font-size: 22rem;
    line-height: 28rem;
    color: #000; }
    @media (max-width: 767px) {
      .popupBlock form .formGroup, .popupBlock form .formGroup2 {
        margin-bottom: 20px; } }
    .popupBlock form .formGroup:after, .popupBlock form .formGroup2:after {
      clear: both;
      display: block;
      content: ''; }
    .popupBlock form .formGroup label, .popupBlock form .formGroup2 label {
      width: 175rem;
      margin: 10rem 10rem 10rem 0;
      float: left; }
    .popupBlock form .formGroup input, .popupBlock form .formGroup textarea, .popupBlock form .formGroup2 input, .popupBlock form .formGroup2 textarea {
      border: 1px solid #d7d7d7;
      padding: 8px;
      max-width: 100%;
      float: left; }
    .popupBlock form .formGroup input, .popupBlock form .formGroup2 input {
      width: 420rem; }
      .popupBlock form .formGroup input[type=submit], .popupBlock form .formGroup2 input[type=submit] {
        width: auto;
        margin: 0 0 0 185rem;
        display: inline-block;
        font-size: 22rem;
        line-height: 30rem;
        font-weight: 600;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        text-transform: uppercase;
        background: -webkit-gradient(linear, right top, left top, from(#00619e), to(#5fc7ff));
        background: -webkit-linear-gradient(right, #00619e, #5fc7ff);
        background: linear-gradient(to left, #00619e, #5fc7ff);
        color: #fff;
        padding: 15px 27px;
        border: 0px;
        float: none;
        cursor: pointer; }
        @media (max-width: 767px) {
          .popupBlock form .formGroup input[type=submit], .popupBlock form .formGroup2 input[type=submit] {
            margin-left: 0px; } }
        .popupBlock form .formGroup input[type=submit][disabled=disabled], .popupBlock form .formGroup2 input[type=submit][disabled=disabled] {
          background: #d7d7d7;
          cursor: default; }
          .popupBlock form .formGroup input[type=submit][disabled=disabled]:hover, .popupBlock form .formGroup2 input[type=submit][disabled=disabled]:hover {
            background: #d7d7d7;
            cursor: default; }
        .popupBlock form .formGroup input[type=submit]:hover, .popupBlock form .formGroup2 input[type=submit]:hover {
          background: -webkit-gradient(linear, right top, left top, from(#2881b9), to(#91d9ff));
          background: -webkit-linear-gradient(right, #2881b9, #91d9ff);
          background: linear-gradient(to left, #2881b9, #91d9ff); }
    .popupBlock form .formGroup .inputBlock, .popupBlock form .formGroup2 .inputBlock {
      width: 575rem;
      padding: 8px;
      max-width: 100%;
      float: left; }
      .popupBlock form .formGroup .inputBlock.soglasie, .popupBlock form .formGroup2 .inputBlock.soglasie {
        padding-top: 0px; }
        .popupBlock form .formGroup .inputBlock.soglasie label, .popupBlock form .formGroup2 .inputBlock.soglasie label {
          width: 100%; }
        .popupBlock form .formGroup .inputBlock.soglasie input, .popupBlock form .formGroup2 .inputBlock.soglasie input {
          width: 15px;
          height: 15px;
          margin: 2px 10px 0 0;
          -webkit-appearance: checkbox;
          -moz-appearance: checkbox;
          appearance: checkbox; }
    .popupBlock form .formGroup textarea, .popupBlock form .formGroup2 textarea {
      width: 575rem;
      height: 180px;
      resize: none; }
    .popupBlock form .formGroup .checkboxButton, .popupBlock form .formGroup2 .checkboxButton {
      position: relative; }
      .popupBlock form .formGroup .checkboxButton:after, .popupBlock form .formGroup2 .checkboxButton:after {
        content: '';
        clear: both;
        display: block; }
      .popupBlock form .formGroup .checkboxButton input, .popupBlock form .formGroup2 .checkboxButton input {
        display: none; }
      .popupBlock form .formGroup .checkboxButton label, .popupBlock form .formGroup2 .checkboxButton label {
        padding: 0 0 0 40px;
        color: #808080;
        width: 100%;
        max-width: 100%;
        margin: 10rem 0 10rem 0;
        position: relative; }
        .popupBlock form .formGroup .checkboxButton label:before, .popupBlock form .formGroup2 .checkboxButton label:before {
          content: '';
          width: 20px;
          height: 20px;
          border: 2px solid #6d6d6d;
          -webkit-border-radius: 4px;
          border-radius: 4px;
          position: absolute;
          top: 50%;
          left: 0;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
        .popupBlock form .formGroup .checkboxButton label:after, .popupBlock form .formGroup2 .checkboxButton label:after {
          width: 10px;
          height: 10px;
          background-color: #0067e6;
          -webkit-border-radius: 8px;
          border-radius: 8px;
          position: absolute;
          top: 50%;
          left: 7px;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
        .popupBlock form .formGroup .checkboxButton label.checked, .popupBlock form .formGroup2 .checkboxButton label.checked {
          color: #000; }
          .popupBlock form .formGroup .checkboxButton label.checked:before, .popupBlock form .formGroup2 .checkboxButton label.checked:before {
            border-color: #0067e6; }
          .popupBlock form .formGroup .checkboxButton label.checked:after, .popupBlock form .formGroup2 .checkboxButton label.checked:after {
            content: ''; }
      .popupBlock form .formGroup .checkboxButton input:checked + label, .popupBlock form .formGroup2 .checkboxButton input:checked + label {
        color: #000; }
        .popupBlock form .formGroup .checkboxButton input:checked + label:before, .popupBlock form .formGroup2 .checkboxButton input:checked + label:before {
          border-color: #0067e6; }
        .popupBlock form .formGroup .checkboxButton input:checked + label:after, .popupBlock form .formGroup2 .checkboxButton input:checked + label:after {
          content: ''; }
      .popupBlock form .formGroup .checkboxButton.cart label, .popupBlock form .formGroup2 .checkboxButton.cart label {
        padding-right: 50px; }
    .popupBlock form .formGroup.fileInput input, .popupBlock form .formGroup2.fileInput input {
      display: none; }
    .popupBlock form .formGroup.fileInput label, .popupBlock form .formGroup2.fileInput label {
      color: #06f;
      line-height: 30px;
      margin: 10rem 10rem 10rem 185rem;
      cursor: pointer;
      padding: 0 0 0 20rem;
      background: url("../img/paper.png") 0 center no-repeat; }
      @media (max-width: 991px) {
        .popupBlock form .formGroup.fileInput label, .popupBlock form .formGroup2.fileInput label {
          margin-left: 0rem; } }
    .popupBlock form .formGroup.fileInput .fileList, .popupBlock form .formGroup2.fileInput .fileList {
      clear: both;
      color: #06f;
      margin: 0rem 10rem 10rem 185rem;
      padding: 0 0 0 20rem; }
      @media (max-width: 991px) {
        .popupBlock form .formGroup.fileInput .fileList, .popupBlock form .formGroup2.fileInput .fileList {
          margin-left: 0rem; } }
      .popupBlock form .formGroup.fileInput .fileList li, .popupBlock form .formGroup2.fileInput .fileList li {
        margin-bottom: 10rem; }
    .popupBlock form .formGroup .dropzone, .popupBlock form .formGroup2 .dropzone {
      float: left;
      width: 575rem;
      min-height: 135px;
      max-width: 100%; }
  .popupBlock form .submitButton {
    padding: 20px 0 0 0; }

form .errorEmail {
  float: left;
  font-size: 18rem;
  color: red; }

form .checkboxButton {
  position: relative; }
  form .checkboxButton input {
    display: none; }
  form .checkboxButton label {
    padding: 0 0 0 100px;
    color: #808080;
    width: 100%;
    max-width: 100%;
    margin: 0 0 4.6rem 0;
    position: relative; }
    form .checkboxButton label:before {
      content: '';
      width: 34px;
      height: 34px;
      border: 4px solid #6d6d6d;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      position: absolute;
      top: 50%;
      left: 13px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    form .checkboxButton label:after {
      width: 18px;
      height: 18px;
      background-color: #0067e6;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      position: absolute;
      top: 50%;
      left: 21px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  form .checkboxButton input:checked + label {
    color: #000; }
    form .checkboxButton input:checked + label:before {
      border-color: #0067e6; }
    form .checkboxButton input:checked + label:after {
      content: ''; }
  form .checkboxButton.cart label {
    padding-right: 50px; }
.pastEvent{
  min-height: 500px;
}
.height1{
  height: 1px;
}